/*no리스트*/
.no_list {background:#fafbfd; text-align:center; font-size:15px; padding:20px 10px; color:#888;}

/*사이드배너*/
.sub .side_banner_wrap {top:50px;}

/*메인,서브공통*/
.sub .content {display:flex; margin:40px 0 5% 0;} /*con과 side_con영역을 분할해주는 class*/

/*서브메뉴스킨공통*/
.sub_menu_skin {margin-top:50px;}
.sub_menu_skin nav {flex-wrap:wrap;}
.sub_menu_skin h1 {font-size:40px; font-weight:800; color:#222;}
.sub_menu_skin .depth2 .depth2_a {display:block; color:#666; font-size:17px;}

/*서브메뉴스킨*/
.sub_menu_skin01 h1 { padding-bottom:20px;}
.sub_menu_skin01 nav {position:relative; width:100%; border-top:2px solid #111; border-bottom:1px solid #e4e4e4;}
.sub_menu_skin01 .depth2 {flex-wrap:wrap; gap:0 25px; }
.sub_menu_skin01 .depth2 .depth2_a { line-height:55px; }
.sub_menu_skin01 .depth2 .depth2_a:hover {color:var(--pick-color); }
.sub_menu_skin01 .depth2 .on .depth2_a {position:relative; color:var(--pick-color); font-weight:bold;}
.sub_menu_skin01 .depth2 .on .depth2_a::after {position:absolute; bottom:0px; content:""; display:block; width:100%; height:3px; background-color:var(--pick-color); z-index:11;}

.sub_menu_skin02 {margin-top:50px;}
.sub_menu_skin02 .wrap {position:relative; border-bottom:1px solid #e3e3e3; gap:0 40px;}
.sub_menu_skin02 h1 {flex-shrink:0; padding-bottom:10px;}
.sub_menu_skin02 nav {width:100%; }
.sub_menu_skin02 .depth2 {flex-wrap:wrap; gap:0 25px; }
.sub_menu_skin02 .depth2 .depth2_a {line-height:55px; }
.sub_menu_skin02 .depth2 .depth2_a:hover {color:var(--pick-color); }
.sub_menu_skin02 .depth2 .on .depth2_a {position:relative; color:var(--pick-color); font-weight:bold;}
.sub_menu_skin02 .depth2 .on .depth2_a::after {position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background-color:var(--pick-color); z-index:11;}

.sub_menu_skin03 h1 {text-align:center;padding-bottom:25px;}
.sub_menu_skin03 nav {position:relative; background:#f6f6f6; justify-content:center; border-radius:100px; padding:0 40px;}
.sub_menu_skin03 .depth2 {flex-wrap:wrap; justify-content:center; }
.sub_menu_skin03 .depth2 li.on .depth2_a {background:var(--pick-color); color:var(--bg-txt-color); border-radius:100px}
.sub_menu_skin03 .depth2 li .depth2_a {padding:15px 20px; }
 
.sub_menu_skin04 h1 {text-align:center;padding-bottom:25px;}
.sub_menu_skin04 nav {position:relative; justify-content:center; border-top:1px solid #464646; border-bottom:1px solid #dddddd;}
.sub_menu_skin04 .depth2 {flex-wrap:wrap; justify-content:center; gap:0 25px; }
.sub_menu_skin04 .depth2 .depth2_a { line-height:55px;}
.sub_menu_skin04 .depth2 .depth2_a:hover {color:var(--pick-color); }
.sub_menu_skin04 .depth2 li.on .depth2_a {color:var(--pick-color); position:relative; color:var(--pick-color); font-weight:bold;}
.sub_menu_skin04 .depth2 li.on .depth2_a::after {position:absolute; bottom:0px; content:""; display:block; width:100%; height:3px; background-color:var(--pick-color); z-index:11;}

/*서브페이지 3차섹션스킨*/
.sub ul.depth3 {display:flex; flex-wrap:wrap; gap:5px 8px; background:#f4f4f4; padding:12px;}
.sub ul.depth3 a {display:block; background:#fff; border-radius:3px; border:1px solid #e8e8e8; box-shadow:0 0 3px rgba(0,0,0,0.06); color:#444; font-size:15px; padding:10px;}
.sub ul.depth3 a:hover {color:var(--pick-color); border-color:var(--pick-color);}
.sub ul.depth3 .on a {background-color:var(--pick-color); color:var(--bg-txt-color); font-weight:550; border-color:var(--pick-color);}

/*서브메인스킨*/
.sub_main_skin01 {padding:20px 0 0 0;}
.sub_main_skin01 a {gap:0 4%; justify-content:space-between;}
.sub_main_skin01 h3 {font-size:36px; line-height:48px; color:#111111;  font-weight:800;}
.sub_main_skin01 .description {font-size:16px; line-height:26px; color:#555555; margin-top:30px;}
.sub_main_skin01 .text_wrap {flex:1;}
.sub_main_skin01 .img_wrap {position:relative; flex:1;}
.sub_main_skin .no_img .img_wrap {display:none;}
/*.sub_main_skin01 .img_wrap::after {content:""; display:block; width:100%; height:100%; background:var(--pick-color); position:absolute; left:0; top:0; transform:skew(0deg, -3deg); -ms-transform:skew(0deg, -3deg); -webkit-transform:skew(0deg, -3deg); z-index:-1; }*/
.sub_main_skin01 figure { padding-bottom:60%; }
.sub_main_skin01 .swiper-pagination {text-align:right; margin-top:0px;}
.sub_main_skin01 .swiper-pagination-bullet {background:#ddd}
.sub_main_skin01 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:16px;}
.sub_main_skin01 .swiper-pagination-bullet-active {background:var(--pick-color);}


.sub_main_skin02 {padding:40px 0 0 0;}
.sub_main_skin02 .big {flex:1}
.sub_main_skin02 .big figure {width:100%; padding-bottom:66.66%; margin-bottom:20px;}
.sub_main_skin02 .big h3 {font-size:32px; line-height:42px; color:#111111; font-weight:800;}
.sub_main_skin02 .big .description {display:none; margin-top:15px;}
.sub_main_skin02 .big .no_img .description {display:-webkit-box; }
.sub_main_skin02 .small {display:flex; gap:20px 5.5%; flex:1; flex-wrap:wrap;}
.sub_main_skin02 .small li {width:calc((100% - 5.5%) / 2);}
.sub_main_skin02 .small figure {width:100%; padding:28%; margin-bottom:15px;}
.sub_main_skin02 .small h3 {font-size:20px; line-height:28px; color:#111; font-weight:800;}
.sub_main_skin02 .small .description {display:none; margin-top:10px;}
.sub_main_skin02 .small .no_img .description {display:-webkit-box; }
.sub_main_skin02 .swiper-slide {display:flex; gap:0 3%;}
.sub_main_skin02 .swiper-pagination {margin-top:30px;}
.sub_main_skin02 .swiper-pagination-bullet {background:#ddd}
.sub_main_skin02 .swiper-pagination-bullet-active {background:var(--pick-color);}
.sub_main_skin02 .swiper-pagination-fraction,
.sub_main_skin02 .swiper-pagination-custom,
.sub_main_skin02 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}

.sub_main_skin03 {padding:20px 0 0 0;}
.sub_main_skin03 .wrap_width {display:flex; gap:0 5%; flex-wrap:wrap;}
.sub_main_skin03 .big {width:calc((100% - 5%) / 2);  overflow:hidden; padding:20px 0;}
.sub_main_skin03 .big a {display:block;}
.sub_main_skin03 .big .img_wrap {position:relative;}
.sub_main_skin03 .big .img_wrap::after {content:""; display:block; width:100%; height:100%; background:var(--pick-color); position:absolute; left:0; top:0; transform:skew(0deg, -3deg); -ms-transform:skew(0deg, -3deg); -webkit-transform:skew(0deg, -3deg); z-index:-1; } 
.sub_main_skin03 .big figure {width:100%; padding-bottom:63%;}
.sub_main_skin03 .big figure::before {content:""; display:block; position:absolute; left:0; bottom:0; right:0; background-image:linear-gradient(to top, rgba(0,0,0,.95), rgba(0,0,0,0.0)); width:100%; height:40%; z-index:1}
.sub_main_skin03 .big .text_wrap {position:absolute; left:0; bottom:0; width:100%; padding:30px; }
.sub_main_skin03 .big h3 {position:relative; color:#fff; font-size:30px; line-height:40px; font-weight:800; z-index:1;}
.sub_main_skin03 .big .description {display:none; margin-top:10px;}
.sub_main_skin03 .big .no_img .text_wrap {position:initial; padding:0;}
.sub_main_skin03 .big .no_img h3 {color:#111;}
.sub_main_skin03 .big .no_img .description {display:-webkit-box;}
.sub_main_skin03 .big .no_img .img_wrap::after {display:none;}
.sub_main_skin03 .small {width:calc((100% - 5%) / 2);}
.sub_main_skin03 .small li {border-bottom:1px solid #e4e4e4;}
.sub_main_skin03 .small li:last-child {border-bottom:none;}
.sub_main_skin03 .small li a {display:flex; align-items:center; gap:0 30px; padding:15px 0;}
.sub_main_skin03 .small li h3 {flex:2; font-size:20px; line-height:28px; color:#111;  font-weight:800;}
.sub_main_skin03 .small figure {flex:1; padding-bottom:18%;}
.sub_main_skin03 .small_list {display:flex; flex-wrap:wrap; width:100%; gap:0 5%;}
.sub_main_skin03 .small_list li {width:calc((100% - 5%) / 2); border-bottom:1px solid #e4e4e4;}
.sub_main_skin03 .small_list li:nth-child(-n+2) {border-top:1px solid #e4e4e4;}
.sub_main_skin03 .small_list li a {display:flex; align-items:center; gap:0 30px; padding:15px 0;}
.sub_main_skin03 .small_list li h3 {flex:2; font-size:20px; line-height:28px; color:#111;  font-weight:800;}
.sub_main_skin03 .small_list figure {flex:1; padding-bottom:18%;}

.sub_main_skin04 {padding:30px 0 0 0;}
.sub_main_skin04 li {background:#1a1a1a;}
.sub_main_skin04 .text_wrap {flex:1; padding:5% 3% 5% 5%;}
.sub_main_skin04 h3 {font-size:40px; line-height:55px; color:#ffffff; font-weight:800;}
.sub_main_skin04 .description {font-size:18px; line-height:26px; color:#999; margin-top:15px;}
.sub_main_skin04 figure {flex:2.3; position:relative; padding-bottom:38%;}
.sub_main_skin04 figure::after {content:""; display:block; position:absolute; left:0; bottom:0; right:40%; background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(26,26,26,1) 90%); width:40%; height:100%;}
.sub_main_skin04 .swiper-pagination-bullet {background:#ddd}
.sub_main_skin04 .swiper-pagination-bullet-active {background:var(--pick-color);}
.sub_main_skin04 .swiper-pagination-fraction,
.sub_main_skin04 .swiper-pagination-custom,
.sub_main_skin04 .swiper-container-horizontal > .swiper-pagination-bullets {width:auto; width:fit-content; text-align:left; left:5%; bottom:50px;}

.sub_main_skin05 {padding:40px 0 0 0;}
.sub_main_skin05 a {display:block;}
.sub_main_skin05 ul {display:flex; flex-wrap:wrap; gap:20px 20px;}
.sub_main_skin05 li {width:calc((100% - 20px) / 2); border:1px solid #ddd;}
.sub_main_skin05 li a {padding:15px;}
.sub_main_skin05 figure {width:100%; padding-bottom:60%; margin-bottom:20px;}
.sub_main_skin05 h3 {font-size:24px; line-height:32px; color:#111; font-weight:800;}
.sub_main_skin05 .description {display:none; font-size:14px; color:#888; margin-top:10px;}
.sub_main_skin05 .no_img .description {display:-webkit-box;}

/*로그인,회원가입공통*/
.step_comm {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding:2% 4% 2% 4%;}
.step_comm .box {width:535px; border:1px solid #d8d8d8; border-radius:5px; padding:45px 60px; margin:10px 0;}
.step_comm .line {position:relative; margin:40px 0 30px 0;}
.step_comm .line span {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#c0c0c0; border:10px solid #fff; background:#fff; font-weight:400;}
.step_comm .line::before {content:""; display:block; border-bottom:1px solid #e8e8e8;}
.step_comm .snslogin {gap:0 20px; justify-content:center;}
.step_comm .snslogin a {display:flex; width:50px; height:50px; border-radius:100px; justify-content:center; align-items:center; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.step_comm .snslogin .naver a {background-color:#00b33c}
.step_comm .snslogin .kakao a {background-color:#ffe602}
.step_comm .snslogin .face a {background-color:#3b5998}
.step_comm .snslogin .twi a {background-color:#000000}
.step_comm .tab {display:flex; width:100%; margin-bottom:15px;}
.step_comm .tab li {width:50%; background:#f3f3f3; text-align:center;}
.step_comm .tab li.on {background:#fff; border:1px solid var(--pick-color); border-bottom-color:#fff;}
.step_comm .tab li.on a {color:var(--pick-color);}
.step_comm .tab li a {display:block; font-size:18px; font-weight:600; padding:15px;}
.step_comm .help_txt {border:1px solid #eff2fa; background:#f8faff; padding:15px; border-radius:3px; font-size:14px; line-height:20px; margin-bottom:15px; color:#666;}
.step_comm .help_txt b {font-weight:600;}
.step_comm .help_txt span {color:#ff6a37; text-decoration:underline;}
/*
.step_comm .next_btn {justify-content:center; margin-top:30px; gap:10px}
.step_comm .next_btn button {width:calc((100% - 10px) / 2); font-weight:bold; padding:20px 0;  font-size:17px; border-radius:5px;}
.step_comm .next_btn .btn01 {border:1px solid var(--pick-color); color:var(--pick-color); }
.step_comm .next_btn .btn02 {background:var(--pick-color); color:var(--bg-txt-color)}
*/

/*로그인*/
.login_page .banner_wrap {width:100%; text-align:center;}
.login_page h1 {text-align:center; margin-bottom:30px;}
.login_page .logininput input[type="text"],
.login_page .logininput input[type="password"] {width:100%; border:1px solid #e1e1e1; border-radius:3px; margin-top:8px; padding:15px; }
.login_page .logininput input[type="text"] {margin-top:0}
.login_page .logininput input:last-child {margin-bottom:0;}
.login_page .logininput input::placeholder {color:#ccc;}
.login_page .logininput label {width:100%; font-size:14px; color:#500; color:#555555; margin:20px 0;}
.login_page .logininput label input[type="checkbox"] {width:16px; height:16px; border:1px solid #d3d3d3; background:#fbfbfb; margin-right:4px;}
.login_page .logininput button {width:100%; font-size:23px; color:var(--bg-txt-color); text-align:center; font-weight:bold; padding:20px; background:var(--pick-color); border-radius:3px; }
.login_page .loginlink {justify-content:center; margin:30px 0}
.login_page .loginlink li {display:flex; align-items:center;}
.login_page .loginlink li a {font-size:15px; color:#555; padding:0 5px; font-weight:400;}
.login_page .loginlink li::before {content:""; display:inline-block; width:1px; height:18px; background:#dfdfdf; margin:0 15px;}
.login_page .loginlink li:first-child::before {display:none;}

/*아이디.비번찾기*/
.find_idpw h1 {text-align:left; font-size:24px; font-weight:800; margin-bottom:20px;}
.find_idpw .find_id {margin-top:30px;}
.find_idpw .find_id .id_view b {font-weight:bold; color:#f04a37;}

/*회원가입*/
.join_top {justify-content:space-between; gap:0 20px; margin-bottom:20px; }
.join_top ul {gap:0 15px;}
.join_top ul a {display:flex; align-items:center; font-size:14px; color:#777;}
.join_top ul i {color:#fff; background:#999; border-radius:100px; margin-left:3px;}
.join h1 {text-align:left; font-size:24px; font-weight:800;}
.join input[type="checkbox"] {width:18px; height:18px; margin-right:5px;}
.join .allagree {border:1px solid #e5e5e5; background:#f8f8f8; padding:15px; border-radius:3px; font-size:16px; line-height:22px;}
.join .allagree p {flex-wrap:wrap;}
.join .allagree p label { font-weight:700;}
.join .terms h2 {margin-bottom:10px;}
.join .terms h2 label {font-size:17px; font-weight:800; margin-top:20px;}
.join .terms .terms_box {background:#fff; border-radius:3px; padding:15px; font-size:14px; line-height:20px; border:1px solid #d8d8d8; height:150px; overflow-y:auto;}
.join .next_btn {justify-content:center; margin-top:30px; gap:10px}
.join .next_btn button {position:relative; width:calc((100% - 10px) / 2); color:#fff; background:var(--pick-color); text-align:center; padding:20px 0;  font-size:17px; border-radius:5px;}
.join .next_btn button:first-child::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.join .next_btn button span {position:relative; z-index:1;}


/*회원선택*/
.login_select h1 {text-align:left; font-size:24px; font-weight:800; margin-bottom:20px;}
.login_select ul {width:100%; gap:0 15px;}
.login_select ul li {position:relative; width:calc((100% - 15px) / 2);}
.login_select ul li a {display:block; background:var(--pick-color); border-radius:3px; overflow:hidden; padding:20px 10px; }
.login_select ul li:first-child a::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.login_select ul span {position:relative; flex-direction:column; gap:10px; color:#fff; z-index:1; font-size:18px;}
.login_select ul .axi-newspaper-o {font-size:30px}
.login_select ul .axi-people-outline {font-size:32px;}

/*본인인증*/
.agreement h1 {font-size:24px; font-weight:800; margin-bottom:20px;}
.agreement ul {display:flex; gap:10px; flex-direction:column;}
.agreement ul li {width:100%}
.agreement ul li button {width:100%; border:1px solid var(--bg50); padding:20px 5px; border-radius:5px; background:var(--bg3);}
.agreement ul li:hover button {border-color:var(--bg90); background:var(--bg5);}
.agreement ul li .title {font-size:18px; font-weight:bold; margin-top:15px; letter-spacing:-0.5px;}
.agreement ul li i {display:inline-block; width:50px; height:50px; line-height:50px; border-radius:5px; background:var(--pick-color); color:var(--bg-txt-color); font-size:28px; font-style: normal; font-weight:500;}

/*회원가입완료*/
.login_complet h1 {font-size:34px; line-height:44px; font-weight:800; color:#111; text-align:center; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd; }
.login_complet h1 i {display:block; font-size:70px; color:var(--pick-color); margin-bottom:15px;}
.login_complet .help_txt b {color:var(--pick-color); font-weight:bold;}

/*일반,기자회원가입 폼*/
.join_register h1 {text-align:left; font-size:24px; font-weight:800; }

/*서브뉴스페이지 공통*/
.news_list_skin .assi {color:#999; font-size:13px; line-height:20px;}
.news_list_skin .assi ul li {display:flex; align-items:center;}
.news_list_skin .assi ul li::after {content:">"; margin:0 5px; font-size:10px;}
.news_list_skin .assi ul li:last-child::after {display:none;}
.news_list_skin .date {display:flex; align-items:center;}
.news_list_skin .date::before {content:""; display:inline-block; margin:0 10px; width:1px; height:7px; background:#ccc; }

/*서브뉴스페이지*/
.news_list .news_list_top {display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; border-bottom:1px solid #5d5d5d; }
.news_list .news_list_top ul {gap:0 4px;}
.news_list .news_list_top ul li {display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #e2e2e2; cursor:pointer; font-size:16px; }
.news_list .news_list_top ul li.on {border-color:#5d5d5d;}
.news_list h2 {font-size:20px; color:#222222; font-weight:800; }
.news_list h2 span {color:var(--pick-color); font-weight:800; margin-right:5px;}

.news_list .webzin_skin {width:100%;}
.news_list .webzin_skin>li {width:100%; border-bottom:1px solid #dbdbdb; padding:30px 0;}
.news_list .webzin_skin a {gap:0 30px;}
.news_list .webzin_skin figure {flex:0.7; padding-bottom:17%;}
.news_list .webzin_skin .text_wrap {flex:2;}
.news_list .webzin_skin h3 {font-size:20px; line-height:28px; font-weight:bold; color:#111111; }
.news_list .webzin_skin .description {margin-top:15px;}
.news_list .webzin_skin .assi {margin-top:15px; flex-wrap:wrap;}
.news_list .webzin_skin .assi_m {display:none;}

.news_list .text_skin {width:100%; margin-top:15px;}
.news_list .text_skin a {justify-content:space-between; padding:10px 0; gap:0 20px;}
.news_list .text_skin h3 {flex:1; font-size:18px; line-height:26px; font-weight:600; color:#111111; }
.news_list .text_skin .assi {justify-content:right;}
.news_list .text_skin li:nth-child(5n) {border-bottom:1px solid #ddd; padding-bottom:10px; maRgin-bottom:10px;}

.news_list .photo_skin {display:flex; gap:30px; flex-wrap:wrap; margin-top:25px;}
.news_list .photo_skin>li {width:calc((100% - 60px) / 3);}
.news_list .photo_skin figure {padding-bottom:66%; width:100%; margin-bottom:15px; }
.news_list .photo_skin a {flex-wrap:wrap;}
.news_list .photo_skin h3 {font-size:18px; line-height:26px; font-weight:bold; color:#111111; }
.news_list .photo_skin .description {display:none; margin-top:10px;}
.news_list .photo_skin .assi {width:100%; margin-top:15px; flex-wrap:wrap;}
.news_list .photo_skin .assi ul {flex-wrap:wrap;}
.news_list .photo_skin .no_img .description {display:-webkit-box}

/*전체기사*/
.news_list .no_list {background:#fff; border-bottom:1px solid #ccc;}
.news_list .all_news {display:flex; justify-content:space-between; }
.news_list .all_news li {width:100%; border:1px solid #eaeaea; border-top:0; text-align:center; background:#f6f8f9;}
.news_list .all_news li.on {background:#fff; border-bottom:0;}
.news_list .all_news li+li a {border-left:0;}
.news_list .all_news li.on a {color:#111; font-weight:550;}
.news_list .all_news a {display:block; height:100%; padding:15px 5px; font-size:15px; color:#444;}
.news_list .all_news li.sch_date {background:var(--pick-color); border-color:var(--pick-color)}
.news_list .all_news li.sch_date a {color:var(--bg-txt-color);}
.news_list .all_news li.sch_date a i {vertical-align:middle; font-size:13px; margin-right:4px;}
.news_list .all_news.serach_news {flex-wrap: wrap;}
.news_list .all_news.serach_news li {width:auto; flex:1 1 auto;}
.news_list .all_news.serach_news li a {padding:15px;}


/*뉴스검색페이지*/
.all_serach {display:flex; flex-direction:column; gap:20px; padding:30px; margin-bottom:30px; border:2px solid #e9edf1; background:#f9fbfd;}
.all_serach dl {display:flex; align-items:center;}
.all_serach dt {min-width:100px; font-size:15px; font-weight:600;}
.all_serach dd {width:calc(100% - 100px);}
.all_serach input[type="text"],
.all_serach select {height:35px; font-size:14px; color:#555; background:none; border-bottom:1px solid #cbcbcb;}
.all_serach .date {display:flex; gap:5px;}
.all_serach .date input {width:120px;}
.all_serach .date div {gap:5px;}
.all_serach .date ul {gap:5px;}
.all_serach .date ul a {display:block; border-radius:3px; font-size:13px; background:#e5ebf1; height:35px; line-height:35px; padding:0 10px; color:#555;}
.all_serach .date ul li.on a {/*background:#69747b; color:#fff;*/ border:1px solid #bac2cb}
.all_serach button {height:35px; line-height:35px; width:50px; background:#666; color:#fff; border-radius:3px; font-size:13px;}
.all_serach dd.flex {gap:5px;}
.all_serach dd.flex select {width:105px;}
.all_serach dd.flex input {width:calc(100% - (105px * 2) - 50px - (5px * 3));}

/*뉴스뷰페이지*/
.news_view {width:100%; margin-top:40px;}
.news_view .news_view_top {width:100%; border-bottom:1px solid #9e9e9e; padding-bottom:20px;}
.news_view .category li {font-size:15px;}
.news_view .category li:nth-child(1) a {color:#555; margin-right:10px; font-size:17px;}
.news_view .category li:nth-child(2) a {color:#444}
.news_view .category li:nth-child(3) a {color:var(--pick-color); margin-right:10px;}
.news_view .category li:nth-child(3)::before {content:">"; color:#999; margin:0 10px;}
.news_view .category li:last-child a {background:var(--pick-color); color:#fff; padding:6px 8px; font-size:14px;}
.news_view h1 {font-size:38px; line-height:50px; color:#000000; font-weight:900; margin:30px 0;}
.news_view .util_wrap {flex-wrap:wrap; justify-content:space-between; gap:10px;}
.news_view .util {flex-wrap:wrap; gap:7px 0;}
.news_view .util li {display:flex; align-items:center; font-size:16px; color:#666666; }
.news_view .util li span {color:#444444; margin-right:2px;}
.news_view .util li.day {margin-right:10px;}
.news_view .util li:first-child::after {content:""; display:inline-block; width:1px; height:13px; background:#c8c8c8; margin:0 10px;}
.news_view .util li a {display:block; border:1px solid #e5e5e5; background:#fff; font-size:13px; color:#666666; padding:5px 8px; border-radius:100px;}
.news_view .util li.hits {display:block; border:1px solid #e5e5e5; background:#fff; font-size:13px; color:#666666; padding:5px 8px; border-radius:100px; margin-right:7px;}
.news_view .util2 {gap:4px;}
.news_view .util2 li {position:relative;}
.news_view .util2 li>button {display:flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #e5e5e5; border-radius:100px; font-size:16px; color:#222; font-weight:bold;}
.news_view .util2 li>button:hover {border-color:#929292; }
.news_view .util2 .util2_layer {position:absolute; right:0; width:max-content; border:1px solid #9e9e9e; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.15); background:#fff; overflow:hidden; z-index:1;}
.news_view .util2 .util2_layer p {font-size:15px; color:#333333; background:#f5f5f5; border-bottom:1px solid #9e9e9e; text-align:center; padding:10px;}
.news_view .util2 .util2_layer button {font-size:14px; color:#555555; padding:10px; background:#fff; }
.news_view .util2 .util2_layer button:last-child {border-left:1px solid #9e9e9e;}
.news_view .util2 .util2_layer ul {gap:5px; flex-wrap:wrap; width:max-content; background:#fff; padding:10px;}
.news_view .util2 .util2_layer ul li {/*width:calc((100% - 10px) / 3);*/}
.news_view .util2 .util2_layer ul a {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:100px; color:#fff; font-size:18px;}
.news_view .util2 .util2_layer ul .kakao a {background:#ffe602}
.news_view .util2 .util2_layer ul .naver a {background:#00b33c}
.news_view .util2 .util2_layer ul .facebook a {background:#3b5998}
.news_view .util2 .util2_layer ul .twitter a {background:#000000}
.news_view .util2 .util2_layer ul .mail a {background:#f5734c; }
.news_view .util2 .util2_layer ul .link a {background:#625f70; }
.news_view .con .news_content { font-size:var(--con_font_size); line-height:var(--con_line_height); text-align:var(--con_text_align); word-break:var(--con_word_break); color:#111; overflow:hidden;}
.news_view .con .news_content b {font-weight:800;}
.news_view .con .news_content .iframe_wrap {position:relative; padding-top:56%; width:100%; height:0;}
.news_view .con .news_content .iframe_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%; max-width:100%;}
.news_view .con .news_content figure {position:initial;}
.news_view .con .news_content figure img {position:initial; transform:none; object-fit:none;}
.news_view .con .news_content .banner_left {float:left; margin:20px 20px 20px 0;}
.news_view .con .news_content .banner_right {float:right; margin:20px 0 20px  20px;}
.news_view .con .news_content .banner_center {display:block; margin:20px auto;}
.news_view .con .sub_title {border-left:4px solid var(--pick-color); margin-bottom:40px;}
.news_view .con .sub_title li {font-size:22px; line-height:30px; padding:3px 0; color:#111111; padding-left:15px; font-weight:650;}
.news_view .con img {max-width:100%; height:auto !important;}
.news_view .con .figcaption {font-size:13px; color:#999; line-height:18px; letter-spacing:-0.5px; margin:10px 0;}
.news_view .con .add.left {float:left; padding:20px 20px 20px 0;}
.news_view .con .add.right {float:right; padding:20px 0 20px 20px;}
.news_view .con .add.center {width:100%; text-align:center;}
.news_view .con .tag {flex-wrap:wrap; gap:7px; }
.news_view .con .tag a {display:block; border:1px solid #ebebeb; border-radius:100px; color:#888; padding:10px 15px; font-size:13px;}
.news_view .con .tag a::before {content:"#"; margin-right:3px;}
.news_view .con .tag a:hover {border-color:#d5d5d5; color:#717171;}
.news_view .con .fixation {display:flex; flex-wrap:wrap; flex-direction:column; gap:30px; margin-top:50px;}
.news_view .con .related_news p {font-size:15px; font-weight:650; color:var(--pick-color); margin-bottom:15px;}
.news_view .con .related_news p::before {content:""; display:inline-block; width:4px; height:10px; background-color:var(--pick-color); margin-right:8px;}
.news_view .con .related_news ul a {font-size:15px; color:#444; line-height:23px;}
.news_view .con .related_news ul a:hover {text-decoration:underline !important;}
.news_view .con .related_news ul li {margin:5px 0;}
.news_view .con .related_news ul li::before {content:"└"; color:#999; font-weight:900; font-size:10px; margin-right:8px;}
.news_view .con .editor_info {gap:0 20px;}
.news_view .con .editor_info .editor_img {background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:cover;  border-radius:100px; width:74px; height:74px;}
.news_view .con .editor_info .editor_name a {display:flex; align-items:center; }
.news_view .con .editor_info .editor_name a b {font-size:17px; font-weight:650;}
.news_view .con .editor_info .editor_name a span {background:#fff; border:1px solid #999; margin-left:7px; padding:5px 5px; color:#222;font-size:12px; border-radius:3px; letter-spacing:-0.8px;}
.news_view .con .editor_info .editor_name a:hover span {background:#555; color:#fff; border-color:#555;}
.news_view .con .editor_info .editor_name i {font-weight:bold; }
.news_view .con .editor_info .editor_mail a {display:block; font-size:13px; color:#888888; margin-top:10px;}
.news_view .con .att_file li {border:1px solid #ddd; background:#fafafa;}
.news_view .con .att_file li a {justify-content:space-between; gap:0 10px; font-size:13px; line-height:18px; padding:10px; color:#555;}
.news_view .con .att_file li a span {color:#999;}
.news_view .con .att_file li i {margin-right:5px;}
.news_view .con .att_file li+li {border-top:0}
.news_view .con .fix_text {font-size:14px; color:#666666; padding:15px 0; border-top:1px solid #e5e5e5;}
.news_view .con .sponsor {display:flex; flex-direction:column; align-items:center; background:#f3f3f3; border-radius:10px; padding:30px 10px;}
.news_view .con .sponsor p {font-size:16px; line-height:24px; color:#333333; margin-bottom:15px; text-align:center; letter-spacing:-0.5px;}
.news_view .con .sponsor button {margin:0 2px; border-radius:100px; font-size:16px; font-weight:bold; text-align:center; padding:10px 20px;}
.news_view .con .sponsor button i {vertical-align:middle; margin-right:4px;}
.news_view .con .sponsor button.btn01 {background:var(--pick-color); color:var(--bg-txt-color);}
.news_view .con .sponsor button.btn02 {background:#dadada; color:#333333;}
.news_view .con .best_news {width:100%; border-top:2px solid #1e1e1e;}
.news_view .con .best_news p {font-size:18px; font-weight:bold; padding:20px 0 15px 0;}
.news_view .con .best_news p b {color:var(--pick-color); font-weight:800;}
.news_view .con .best_news ul {display:flex; gap:30px; flex-wrap:wrap;}
.news_view .con .best_news ul li {width:calc((100% - 60px) / 3);}
.news_view .con .best_news ul li a {display:block;}
.news_view .con .best_news figure {width:100%; padding-bottom:65%; margin-bottom:15px;}
.news_view .con .best_news h3 {font-size:18px; line-height:26px; font-weight:bold; color:#222;}
.news_view .con .best_news .description {display:none; margin-top:10px;}
.news_view .con .best_news .no_img .description {display:-webkit-box; }
.news_view .con {position:initial;}
.news_view .side_con {position:initial;}


/*포토뉴스페이지*/
.photo_page {margin:30px 0 5% 0}
.photo_page .sub_title li:nth-child(n+2) {display:none;}
.photo_page h1 {font-size:24px; font-weight:800; margin:20px 0 20px 0; color:#222;}
.photo_page h1 span {color:var(--pick-color); font-weight:800;}
.photo_page ul.depth3 {border-top:1px solid #5d5d5d; margin-bottom:20px;}
.photo_page .swiper-container {position:relative; }
.photo_page .photo_visual {margin:0px 0 40px 0;}
.photo_page .photo_visual a {display:block; position:relative;}
.photo_page .photo_visual h3 {font-size:28px; line-height:36px; font-weight:bold; color:#fff;}
.photo_page .photo_visual figure {width:100%; padding-bottom:60%;}
.photo_page .photo_visual figure::before {content:""; display:block; position:absolute; left:0; bottom:0; right:0; background-image:linear-gradient(to top, rgba(0,0,0,.9), rgba(255,255,255,0)); width:100%; height:65%; z-index:1;}
.photo_page .photo_visual .text_wrap {position:absolute; bottom:0; width:100%; padding:0 5% 30px 5%; z-index:2;}
.photo_page .photo_visual .swiper-container>button {position:absolute; top:36%; width:68px; height:68px; background:rgba(0,0,0,0.7); color:#fff; font-size:38px; border-radius:100px; z-index:5; opacity:0;}
.photo_page .photo_visual .prev {left:20px;}
.photo_page .photo_visual .next {right:20px;}
.photo_page .swiper-container:hover>button {transition: 0.5s ease-out; opacity:1}
.photo_page .swiper-container:not(:hover)>button {transition:0.5s ease-out;}
.photo_page .swiper-pagination {display:flex; align-items:center; justify-content:space-between; gap:0 20px; bottom:0;}
.photo_page .swiper-pagination strong {flex-shrink:0; color:#aaa; font-weight:bold;}
.photo_page .progress {display:flex; justify-content:space-between; align-items:center; gap:0 20px; width:400px; margin:30px auto 0 auto;}
.photo_page .progress__bar {position:relative; width:100%; height:5px; background:#dadada;}
.photo_page .progress__fill {position:absolute; inset:0; display:block; height:100%; background-color:var(--pick-color); transition:background 0.5s;}
.photo_page .progress button {flex-shrink:0;border:1px solid #ddd; border-radius:100px; width:25px; height:25px;}
.photo_page .sub_title {margin-top:15px; border-left:4px solid var(--pick-color);}
.photo_page .sub_title li {font-size:17px; line-height:19px; padding:3px 0; color:#ffffff; padding-left:10px;}

.photo_page .news_list {display:flex; gap:30px; flex-wrap:wrap;}
.photo_page .news_list li {width:calc((100% - 90px) / 4); border-bottom:1px solid #ddd; }
.photo_page .news_list li a {display:block; padding-bottom:30px;}
.photo_page .news_list figure {width:100%; padding-bottom:65%; margin-bottom:15px;}
.photo_page .news_list h3 {font-size:18px; line-height:26px; font-weight:650; }
.photo_page .news_list .description {display:none; margin-top:10px;}
.photo_page .news_list .no_img .description {display:-webkit-box; }


/*동영상뉴스페이지*/
.movie_page {margin:30px 0 5% 0}
.movie_page .movie_visual {display:flex; align-items: flex-start; background:#111111; margin-bottom:40px;}
.movie_page .movie_visual .thumbs {width:35%; padding:20px 17px;}
.movie_page .movie_visual .thumbs li {cursor:pointer;}
.movie_page .movie_visual .thumbs h3 {font-size:18px; line-height:26px; color:#fff;}
.movie_page .movie_visual .thumbs .swiper-wrapper {height:420px;}
.movie_page .movie_visual .thumbs .swiper-wrapper li {display:flex; gap:0 20px; /*height:auto !important;*/}
.movie_page .movie_visual .thumbs .swiper-container li:hover {background:rgba(255,255,255,0.1); }
.movie_page .movie_visual .thumbs .h3_wrap {display:flex; flex-direction:column; justify-content:space-between; color:#ffffff; gap:20px;}
.movie_page .movie_visual .thumbs a {display:block; font-size:12px; color:rgba(255,255,255,0.5)}
.movie_page .movie_visual .thumbs a:hover {color:rgba(255,255,255,1)}
.movie_page .movie_visual .thumbs a b {text-decoration:underline !important;}
.movie_page .movie_visual .thumbs a i {display:inline-block; vertical-align:middle; margin-left:5px;}
.movie_page .movie_visual .thumbs .swiper-container li {padding:10px; background:rgba(255,255,255,0.07); border-top:1px solid #111; }
.movie_page .movie_visual .thumbs .swiper-container .swiper-slide-thumb-active {background:#111; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); border-left:2px solid #f0c15d;}
.movie_page .movie_visual .title_wrap {justify-content:space-between; padding-bottom:20px; background:#111;}
.movie_page .movie_visual .title {color:#fff; font-size:18px; font-weight:bold;}
.movie_page .movie_visual .title span {color:#f0c15d;}
.movie_page .movie_visual .btn {gap:0 10px;}
.movie_page .movie_visual .btn i {vertical-align:middle; }
.movie_page .movie_visual .btn .stop {font-size:12px}
.movie_page .movie_visual .btn .stop i.axi-play-circle {display:none;}
.movie_page .movie_visual .btn .stop.on i.axi-play-circle {display:inline-block; font-size:16px;}
.movie_page .movie_visual .btn .stop.on i.axi-pause3 {display:none;}
.movie_page .movie_visual .btn button {color:#fff;}
.movie_page .movie_visual figure {flex-shrink:0; width:134px; cursor:pointer;}
.movie_page .movie_visual .big {width:65%; }
.movie_page .movie_visual .big .movie_view {position:relative; height:400px; width:100%; overflow:hidden;}
.movie_page .movie_visual .big iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.movie_page .movie_visual .big li {display:flex; flex-direction:column; justify-content:space-between;}
.movie_page .movie_visual .big .text_wrap {display:block; padding:25px 40px;  opacity:0;}
.movie_page .movie_visual .big .swiper-slide-active .text_wrap {opacity:1;}
.movie_page .movie_visual .big h3 {font-size:34px; line-height:44px; font-weight:bold; color:#ffffff;}

.movie_page h1 {font-size:24px; font-weight:800; margin-bottom:20px; color:#222;}
.movie_page .news_list {display:flex; gap:30px; flex-wrap:wrap;}
.movie_page .news_list li {width:calc((100% - 90px) / 4); border-bottom:1px solid #ddd; }
.movie_page .news_list li a {display:block; padding-bottom:30px;}
.movie_page .news_list figure {width:100%; padding-bottom:65%; margin-bottom:15px;}
.movie_page .news_list h3 {font-size:18px; line-height:26px; font-weight:650; }
.movie_page .news_list .description {display:none; margin-top:10px;}
.movie_page .news_list .no_img .description {display:-webkit-box; }

.movie_page .shorts_area {background:#f5f6f8; padding:40px 0; margin-bottom:40px;}
.movie_page .shorts_area .title_wrap {justify-content:space-between; margin-bottom:20px; }
.movie_page .shorts_area .title_wrap a {font-weight:600; font-size:14px; color:#888;}
.movie_page .shorts_area h2 {font-size:24px; font-weight:800; color:#222;}
.movie_page .shorts_area ul {width:100%; gap:0 30px;}
.movie_page .shorts_area li {width:calc((100% - 120px) / 5);}
.movie_page .shorts_area li .video {position:relative; padding-bottom:177.78%; width:100%; height:0; overflow:hidden; border-radius:10px 10px 0 0;}
.movie_page .shorts_area li iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.movie_page .shorts_area .h3_text_wrap {position:relative; left:0; bottom:0; right:0; padding:0px 20px 20px 20px; background:#000;  border-radius:0 0 10px 10px; z-index:2; }
.movie_page .shorts_area .h3_text_wrap::before {content:""; display:block; position:absolute; left:0; top:-80px; bottom:0; right:0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); width:100%; height:80px; z-index:1;}
.movie_page .shorts_area h3 {position:relative; z-index:2;}
.movie_page .shorts_area h3 a {display:block; color:#fff; font-weight:bold; font-size:20px; height:52px; line-height:26px; text-shadow:0 0 10px rgba(0,0,0,1);}
.movie_page .shorts_area h3 a:hover {text-decoration:underline !important;}

/*쇼츠*/
.shorts_page h1 {font-size:24px; color:#222; font-weight:800; margin-bottom:20px;}
.shorts_page ul {flex-wrap:wrap; gap:30px 20px; align-items:self-start;}
.shorts_page ul li {width:calc((100% - 60px) / 4);}
.shorts_page ul li .video a {display:block;}
.shorts_page ul li figure {width:100%; padding-bottom:177.78%; border-radius:10px;}
.shorts_page ul li a {display:block;}
.shorts_page ul li h3 {margin-top:10px; font-size:18px; line-height:26px; font-weight:bold; }

/*쇼츠디테일페이지*/
.container.videos{color:#111;padding-bottom:0!important}
.container.videos .thumlist__lists{display:-webkit-box;display:-ms-flexbox;display:flex}
.container.videos .thumlist__list{width:282px}
.container.videos .thumlist__title h3{font-size:18px;font-weight:500;line-height:1.4;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.container.videos .thumlist__wrap:is(.shorts_play_slider){width:100%;height:calc(100vh - 116px);overflow:hidden}
.container.videos .thumlist__wrap:is(.shorts_play_slider)
.thumlist__lists{width:792px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:50%;margin-left:-602px}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .thumlist__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:792px;height:calc(100vh - 174px);min-height:560px}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .swiper-button{width:50px;height:50px;border:1px solid #ddd;border-radius:100%;background-color:#fff}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .swiper-button::after{content:"";/*font-size:0;width:100%;height:100%;background:url(../images//svg/icon-shorts-arrow.svg) no-repeat 50% 50%*/}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .swiper-button-prev{top:calc(50% - 80px);left:30px}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .swiper-button-prev::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .swiper-button-next{top:calc(50% - 20px);left:30px}.container.videos .thumlist__wrap .slick-slide{position:relative;margin:0 12px}
.container.videos .shortsplay__area{position:relative;max-width:792px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;aspect-ratio:9/16}
.container.videos .shortsplay__player{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;width:auto;height:100%;border-radius:14px;overflow:hidden;font-size:0;background-color:#000;aspect-ratio:9/16;max-width:792px}
.container.videos .shortsplay__play{position:absolute;width:100%;height:auto;opacity:0;z-index:10;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:30px;-ms-touch-action:manipulation;touch-action:manipulation;aspect-ratio:9/16}
.container.videos .shortsplay__frame{width:100%;height:auto;aspect-ratio:9/16}

/*숏츠상세페이지커스텀*/
.container.videos .thumlist__wrap:is(.shorts_play_slider) .thumlist__lists {width:100%; margin-left:0; left:0;}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .thumlist__list {width:100%;}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .swiper-button {color:#111; font-size:26px; font-weight:bold;}
.container.videos .shortsplay__play {top:0; transform:translateY(0%); height: !important; margin-top:0;}

.shorts_box {padding:30px 0;}
.shorts_box .wrap_width {display:flex; gap:0 20px; align-items:center;}
.shorts_box .videos {width:75%;}

.shorts_box .right_con {width:calc(100% - 75% - 20px);}
.shorts_box .right_con .list {display:flex; gap:15px; flex-wrap:wrap;}
.shorts_box .right_con .list li {width:calc((100% - 15px) / 2);}
.shorts_box .right_con .list figure {padding-bottom:177.78%; width:100%; height:0; border-radius:10px;}
.shorts_box .right_con .list h3 {font-size:16px; line-height:22px; font-weight:bold; margin-top:10px;}
.shorts_box .right_con .list h3 a {font-weight:650;}
.shorts_box .right_con .h1_wrap {justify-content:space-between; margin-bottom:15px;}
.shorts_box .right_con .h1_wrap a {display:flex; align-items:center; font-size:12px; color:#888;}
.shorts_box .right_con .h1_wrap a i {font-size:11px; background:#999; display:flex; align-items:center; justify-content:center; width:12px; height:12px; border-radius:100px; color:#fff; margin-left:3px;}
.shorts_box h1 {font-size:18px; font-weight:bold; color:#111;}

/*후원,기사제보페이지*/
.service_page {background:#fff; margin-bottom:40px;}
.service_page .h1_text_wrap {justify-content:space-between; gap:10px;  padding:40px 0; }
.service_page .page_title {width:calc(100% - 100px - 20px);font-size:34px; line-height:44px; font-weight:800; color:#111; text-align:center;}
.service_page .page_title i {display:block; font-size:70px; color:var(--pick-color); margin-bottom:15px;}
.service_page .h1_text_wrap button {display:flex; align-items:center; justify-content:center; width:50px; height:50px; font-size:36px; text-align:left; border:1px solid #ddd; border-radius:100px; font-weight:normal; color:#888;}
.service_page .h1_text_wrap p {width:50px;}
.service_page .service_con {border-top:1px solid #ddd; }
.service_page .service_con .box_wrap {width:630px; margin:50px auto;}
.service_page .service_con .box {margin-bottom:30px;}
.service_page .bojo_info2 {border-bottom:1px solid #ddd; padding:20px 10px; font-size:15px; line-height:22px; color:#777; text-align:center; background:#fbfbfb;}
.service_page .bojo_info2 a {text-decoration:underline !important; color:#444; font-weight:550; color:#f04a37}
.service_page .bojo_info2 ul {display:flex; flex-direction:column; gap:5px; width:630px; margin:0 auto;}
.service_page .bojo_info2 ul li {text-align:left; font-size:14px; line-height:20px;}
.service_page .bojo_info3 {margin-bottom:30px; border-radius:5px; padding:20px; background:#f8faff; border:1px solid #eff2fa;}
.service_page .bojo_info3 ul {display:flex; flex-direction:column; gap:5px; }
.service_page .bojo_info3 ul li {text-align:left; font-size:14px; line-height:20px; color:#666;}
.service_page h2 {display:flex; align-items:center; font-weight:700; font-size:18px; margin-bottom:12px; color:#222;}
.service_page h2::before {content:""; display:inline-block; width:4px; height:18px; margin-right:8px; background:var(--pick-color); border-radius:100px;}
.service_page ul.tab {display:flex; flex-wrap:wrap; gap:15px;}
.service_page ul.tab li {font-size:18px; line-height:55px; padding:0 10px; color:#222; border:1px solid #ddd; border-radius:10px; text-align:center; cursor:pointer; color:#555;}
.service_page ul.tab li.on {background:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color);}
.service_page ul.tab2 li {width:calc((100% - 15px) / 2);}
.service_page ul.tab4 {margin-bottom:15px; }
.service_page ul.tab4 li {width:calc((100% - (15px * 3)) / 4); }
.service_page .write_money {display:block; position:relative;}
.service_page .write_money span {position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#777; font-size:18px;}
.service_page .write_money input {width:100%; font-size:16px; line-height:55px; padding:0 15px; border:1px solid #ddd; border-radius:10px; }
.service_page .write_money input::placeholder {color:#999;}
.service_page .wrap {border:1px solid #ddd; padding:20px; border-radius:5px;}
.service_page .bojo_info {background:#f6f6f6; border-radius:10px; maRgin-bottom:10px; padding:20px; font-size:15px; color:#888; line-height:22px;}
.service_page .all_check {padding-bottom:10px; border-bottom:1px solid #aaa;}
.service_page .all_check label {font-size:17px; font-weight:700; }
.service_page .all_check input {width:20px; height:20px; margin-right:5px;}
.service_page .agree_check li {display:flex; align-items:center; flex-wrap:wrap; margin-top:15px;}
.service_page .agree_check li label {display:flex; align-items:center; font-size:15px; color:#555;}
.service_page .agree_check li a {display:inline-block; margin-left:5px; font-size:13px; color:#888; letter-spacing:-1px; text-decoration:underline !important;}
.service_page .agree_check li a i {font-size:10px;}
.service_page .agree_check input {width:20px; height:20px; margin-right:5px;}
.service_page span.bojo {display:block; font-size:13px; line-height:18px; margin-top:8px; color:#777;}
.service_page textarea {height:250px;}
.service_page .etc_con table.style2 i.axi-ion-android-checkmark,
.service_page .service_con table.style2 i.axi-ion-android-checkmark {display:none;}
.service_page .flex.gap {gap:10px; flex-wrap:wrap;}

/*기타, 마이페이지*/
.etc_page {margin:40px 0 5% 0}
.etc_page .etc_con .box {margin-bottom:30px;}
.etc_page .basics_con {width:100%; border:1px solid #e5e5e5; padding:20px; font-size:16px; line-height:26px; color:#555; border-radius:5px;}
.etc_page .title {display:flex; align-items:center; justify-content:center; width:100%; font-size:24px; line-height:34px; color:#fff;  border-bottom:2px solid; background:var(--pick-color); height:150px; border-radius:0 20px 0 20px; font-weight:bold;}
.etc_page .wrap_width {display:flex; gap:0 6%;}
.etc_page .left {flex-shrink:0; width:20%; min-width:190px; max-width:220px;}
.etc_page .dh1 {}
.etc_page .dh1 li a {display:block; font-size:18px; font-weight:500;}
.etc_page .dh1>li.on>a {color:var(--pick-color); border-color:var(--pick-color); font-weight:600;}
.etc_page .dh1>li.on>a i {display:block;}
.etc_page .dh1>li {}
.etc_page .dh1>li>a {display:flex; align-items:center; justify-content:space-between; padding:20px 10px; font-size:18px; border-bottom:1px solid #ddd; color:#333}
.etc_page .dh1>li>a i {display:none;}
.etc_page .dh1>li>a:hover {color:var(--pick-color);}
.etc_page .dh1>li>a:hover i {display:block;}
.etc_page .dh2 {padding:10px 15px; border-bottom:1px solid #ddd; background:#fafafa}
.etc_page .dh2 li {display:flex; align-items:center; gap:7px;}
.etc_page .dh2 li.on a {color:var(--pick-color);}
.etc_page .dh2 li.on::before {background:var(--pick-color);}
.etc_page .dh2 li a {line-height:35px; font-size:15px;}
.etc_page .dh2 li::before {content:""; display:inline-block; width:4px; height:2px; background:#999;}
.etc_page .dh2 li a:hover {color:var(--pick-color);}
.etc_page .right {width:100%; }
.etc_page .page_title {width:100%; font-size:28px; line-height:38px; font-weight:bold; /*padding-bottom:20px; border-bottom:1px solid #ddd;*/ margin-bottom:20px; text-align:left;}
.etc_page .basics_con img {max-width:100%; height:auto;}
.etc_page table td div.email input:nth-child(1) {width:25%;}
.etc_page table td div.email input:nth-child(2) {width:calc(100% - 25% - 25px - 30% - 6px)}
.etc_page table td div.email select {width:30%;}
.etc_page table .text_input {gap:5px;}
.etc_page table .text_input input[type="text"] {width:auto;}
.etc_page textarea {height:100px;}
.etc_page .flex.gap {gap:10px; flex-wrap:wrap;}
.etc_page .direct_complete {background:#f8f8f8; padding:40px 20px; font-size:30px; line-height:40px; font-weight:800; color:#111; text-align:center; border-radius:10px; margin-bottom:40px;}
.etc_page .direct_complete i {display:block; font-size:55px; color:var(--pick-color); margin-bottom:15px;}

/*지면보기*/
.pdf .pdf_con {}
.pdf .pdf_top {justify-content:space-between; margin:30px 0 20px 0; gap:20px 10px;}

.pdf .pdf_top .day {gap:20px; }
.pdf .pdf_top .day a {display:inline-block; font-size:28px;}
.pdf .pdf_top .day .today {font-size:28px; color:#111; font-weight:550;}

.pdf .pdf_top .t_btn {gap:5px; margin:0 0 0 auto;}
.pdf .pdf_top .t_btn .flex {gap:5px;}
.pdf .pdf_top .t_btn button {font-size:14px; border-radius:3px; border:1px solid var(--pick-color); color:var(--pick-color); padding:10px 15px;}
.pdf .pdf_top .day_serach {gap:5px; justify-content:end;}
.pdf .pdf_top .day_serach input {width:100px; font-size:14px; border:1px solid #ddd; border-radius:3px; height:37px; line-height:37px; padding:0 10px;}
/*
.pdf .pdf_top .day_serach b {font-size:14px;}*/
.pdf .pdf_top .day_serach button {display:flex; align-items:center; background:var(--pick-color); color:var(--bg-txt-color); padding:0 11px; border-radius:3px; height:37px; line-height:37px;}

.pdf .pdf_list {padding:30px; border:8px solid #efefef;}
.pdf .pdf_list ul {display:flex; flex-wrap:wrap; gap:20px; }
.pdf .pdf_list ul li {width:calc((100% - (20px * 4)) / 5); /*border:2px solid #e5e5e5; padding:5px;*/}
.pdf .pdf_list ul li img {max-width:100%; }
.pdf .pdf_list ul li .title {font-size:15px; line-height:22px; font-weight:550; color:#555; text-align:center; letter-spacing:-0.5px; padding:20px 10px 15px 10px;}

/*마이페이지*/
.my_page {margin:40px 0 5% 0}
.my_page .wrap_width {display:flex; gap:0 6%;}
.menu_title {display:flex; align-items:center; justify-content:center; background:var(--pick-color); color:var(--bg-txt-color);  padding:20px 10px; text-align:center; font-size:24px; line-height:34px; height:150px; margin-bottom:10px; font-weight:bold;}
.my_page .left {flex-shrink:0; width:20%; min-width:190px; max-width:220px;}
.my_page .my_info {padding:15px; background:var(--bg3); border:1px solid var(--bg30); }
.my_page .my_info .editor_img {flex-shrink:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:100px; width:54px; height:54px; box-shadow:0 0px 6px 0 rgba(0,0,0,.04); border:1px solid #fafafa}
.my_page .my_info .my_info_top {gap:0 15px;}
.my_page .my_info ul .name {font-size:17px; line-height:24px; font-weight:650; color:#000;}
.my_page .my_info ul .name span {font-size:13px; color:#888; vertical-align:baseline; margin-left:2px;}
.my_page .my_info ul a {display:inline-block; font-size:13px; line-height:18px; margin-top:3px; color:#888;}
.my_page .my_info ul a::before {content:""; display:inline-block; width:1px; height:9px; background:#bbb; margin:0 7px;}
.my_page .my_info ul li a:first-child::before {display:none;}
.my_page .my_info .my_modify {justify-content:center; padding:10px; border-radius:5px; background:var(--bg10); text-align:center; color:var(--pick-color); margin-top:13px; font-size:14px; letter-spacing:-0.5px; font-weight:580; border:1px solid var(--bg10);} 
.my_page .my_info .my_modify span {margin:0 8px; color:var(--bg30);}
.my_page .my_info .my_modify em {display:inline-block; background:var(--bg90); color:var(--bg-txt-color); font-size:11px; border-radius:100px; padding:5px; font-family:"굴림",'Gulim','gulim'; letter-spacing:-0.5px; margin-right:3px;}

.left.style1 .dh1 {border:1px solid #ddd; padding:0 15px 15px 15px; margin-top:10px;}
.left.style1 .dh1 > li {}
.left.style1 .dh1 > li > a {display:flex; align-items:center; justify-content:flex-start; gap:7px; font-size:16px; padding:20px 0 15px 0; font-weight:700; color:#000; border-bottom:1px solid #ddd;}
.left.style1 .dh1 > li > a::before {content:""; display:inline-block; width:4px; height:13px; background:var(--pick-color); border-radius:3px;}
.left.style1 .dh1 li a:hover {text-decoration:underline !important;}
.left.style1 .dh1 > li.on > a {border-color:var(--pick-color); }
.left.style1 .dh2 {background:#fafafa; padding:10px 15px; border-bottom:1px solid #ddd;}
.left.style1 .dh2 li {position:relative; display:flex; align-items:center; gap:7px;}
.left.style1 .dh2 li.on a {color:var(--pick-color); }
.left.style1 .dh2 li.no_a {font-size:13px; color:#888; color:#448ccb; padding-bottom:5px;}
.left.style1 .dh2 li::before {content:""; display:inline-block; width:4px; height:2px; background:#999;}
.left.style1 .dh2 li.no_a::before {display:none;}
.left.style1 .dh2 li.on::before {background-color:var(--pick-color)}
.left.style1 .dh2 li a {display:block; font-size:15px; color:#666; line-height:30px; width:100%;}
.left.style1 .left_notice .dh2 li::before {position:absolute; left:0;content:""; display:inline-block; width:4px; height:4px; background:#111;}
.left.style1 .left_notice .dh2 li a {padding-left:10px;}

.my_page .right {width:100%;}
.my_page .page_title {font-size:28px; line-height:38px; font-weight:bold; padding-bottom:15px; }
.my_page .bojo_info {background:#f8faff; border:1px solid #eff2fa; padding:20px; margin-bottom:30px; }
.my_page .bojo_info ul {display:flex; flex-direction:column; gap:5px;}
.my_page .bojo_info ul li {text-align:left; font-size:14px; line-height:20px; color:#666;}

.my_page h2 {display:flex; align-items:center; font-weight:700; font-size:18px; margin-bottom:12px; color:#222; margin-top:40px;}
.my_page h2::before {content:""; display:inline-block; width:4px; height:18px; margin-right:8px; background:var(--pick-color); border-radius:100px;}
.my_page h2:nth-of-type(1) {margin-top:0;}

/*마이페이지 테이블 탑 영역*/
.my_page .t_top {display:flex; align-items:flex-end; gap:10px; justify-content:space-between; margin-bottom:10px;}
.my_page .t_top .btn {gap:5px;}
.my_page .t_top .btn button {border:1px solid #ddd; border-radius:3px; height:30px; padding:0 7px; font-size:12px; background:#fff;}
.my_page .t_top .p_num {font-size:13px; line-height:18px; color:#666;}
.my_page .t_top .p_num b {color:#f04a37; font-weight:bold;}
.my_page .t_top .com_util {display:flex; align-items:center; gap:10px;}
.my_page .t_top .com_search {display:flex; gap:5px; }
.my_page .t_top .com_search select {height:30px; padding:0 10px; font-size:13px; border-radius:3px; border:1px solid #ddd; color:#555}
.my_page .t_top .com_search input[type="text"] { border-radius:3px; border:1px solid #ddd; height:30px; padding:0 10px;  font-size:14px; }
.my_page .t_top .com_search input[type="text"]::placeholder {font-size:13px; color:#aaa;}
.my_page .t_top .com_search button { height:30px; background:var(--pick-color); border-radius:3px; padding:0 8px; color:#fff;}
.my_page .t_top .com_search_in {gap:5px;}

/*마이페이지 기사관리*/
.my_page.news_list .serach_box { padding:20px 25px; margin-bottom:10px; background:#f8faff; border:1px solid #eff2fa;}

/*마이페이지 결제내역*/
.my_page.my_pay .p_num {font-size:14px; line-height:20px;}
.my_page.my_pay .p_num::before {content:""; display:inline-block; width:3px; height:10px; background:var(--pick-color); border-radius:10px; margin-right:5px;} 

/*마이페이지 정보수정*/
.my_page.update_form table td.input_button input[type="text"] {width:auto;}

/*마이페이지 세금계산서신청*/
.my_page.my_tax table td.input_button .location>input[type="text"]:first-child {width:auto;}

/*마이페이지 기사댓글관리*/
.my_page.my_reply .dat {margin-top:8px; color:#555; font-size:14px; line-height:20px;}
.my_page.my_reply .dat::before {content:"└"; margin-right:5px; }

/*정기구독신청*/
.my_page.my_reader table.style4 th em {display:none;}
.my_page.my_reader table.style4 .flex.gap {flex-wrap:wrap; gap:10px;}

/*마이페이지 기사등록(관리자인클루드)*/
.my_page .conbox .press_pop {display:none;}
.my_page .conbox h6 {display:none;}
.my_page .conbox .bojo {}
.my_page .conbox .bojo i {display:none;}
.my_page .conbox .bojo::before {content:"*"; margin-right:3px;}
.my_page .conbox table {width:100%;}
.my_page .conbox table.style4 th {width:140px;}
/*.my_page .conbox table.style4 colgroup {display:none;}*/
.my_page .conbox .regist_btn3 {background:linear-gradient(#fff,#f5f5f5); border:1px solid #d5d5d5; color:#444; padding:0 5px; border-radius:3px; font-size:13px; line-height:17px; padding:10px 5px;}
.my_page .conbox .addfile {display:flex; flex-wrap:wrap; gap:10px;}
.my_page .conbox .addfile li {display:flex; gap:0 5px; margin-bottom:5px; align-items:center;}
.my_page .conbox .addfile li img {max-width:100px !important; height:fit-content;}
.my_page .conbox .addfile li:last-child {margin-bottom:0;}
.my_page .conbox .ebg {margin-top:10px; font-size:12px; line-height:15px;}
.my_page .conbox .intable {line-height:20px;}
.my_page .conbox .intable input[type="checkbox"] {margin-right:3px;}
.my_page .conbox .intable .tit {width:65px !important; font-weight:normal;}
.my_page .conbox .intable .tit.all_tit {width:55px !important; border-right-color:#ddd !important;}
.my_page .conbox .intable th {font-size:14px; padding:5px;}
.my_page .conbox .intable td {font-size:14px; padding:5px;}
.my_page .conbox .intable .table3 th {width:80px;}
.my_page .conbox .pdlnb2 input[type="checkbox"] {margin-right:3px;}
.my_page .conbox .use_no {display:none;}
.my_page .conbox .layer_pop {max-height:600px; overflow-y:auto; background:#fff; padding:15px; border:2px solid #333; box-shadow:0 0 15px rgba(0,0,0,0.15); border-radius:10px; }
.my_page .conbox .layer_pop::-webkit-scrollbar {width:3px;}
.my_page .conbox .layer_pop::-webkit-scrollbar-thumb {background-color:#bbb;}
.my_page .conbox .layer_pop::-webkit-scrollbar-track {background-color:#f2f2f2}
.my_page .conbox .layer_pop .h6wrap {text-align:right;}
.my_page .conbox .layer_pop .close {position:relative; font-size:14px; border-radius:0px 0px 5px 5px; text-align:right; top:-15px; font-weight:500; color:#fff; padding:8px; background:#333;}
.my_page .conbox .layer_pop table {background:#fff;}
.my_page .conbox .layer_pop th {text-align:center; padding:10px; background:#F0F6FA;}
.my_page .conbox .layer_pop td {text-align:center;}
.my_page .conbox .table_wrap .bojo {display:none;}
.my_page .conbox .preview img {max-width:232px;}
.my_page .conbox td.r_img br {display:none;}
.my_page .conbox .w90 {width:calc(100% - 50px);}
.my_page .conbox .page_control>th {display:none;}
.my_page .conbox .my_page_pot i {color:red; font-size:10px; margin-right:4px; vertical-align:middle; }
.my_page .conbox .my_page_pot {font-size:15px; font-weight:bold; margin-bottom:10px; border-bottom:1px dotted #e5e5e5; padding-bottom:7px;}
.my_page .conbox .my_page_pot button {border:1px solid #f5bb9e; background:linear-gradient(to top,  #fdfbf9 0%,#f7eae2 100%); color:red; padding:5px; border-radius:3px; font-size:12px; margin-top:0 !important;}




/*마이페이지 기사관리*/
.my_page.my_news .serach_con {display:flex; flex-direction:column; gap:20px; padding:30px; margin-bottom:30px; border:2px solid #e5e6eb; background:#f9f9f9}
.my_page.my_news .serach_con dl {display:flex; align-items:center; }
.my_page.my_news .serach_con dl dt {min-width:100px; font-size:15px; font-weight:600;}
.my_page.my_news .serach_con dl dd {display:flex; align-items:center; flex-wrap:wrap; width:calc(100% - 100px);}
.my_page.my_news .serach_con .list {display:flex; align-items:center; gap:5px;}
.my_page.my_news .serach_con ul.btn a {display:block; border-radius:3px; font-size:13px; border:1px solid #e5e5e5; background:#fff; height:35px; line-height:35px; padding:0 10px; color:#555;}
.my_page.my_news .serach_con ul.btn li.on a {border-color:#bbb}
.my_page.my_news .serach_con .date {display:flex; gap:5px;}
.my_page.my_news .serach_con .date input {width:120px;}
.my_page.my_news .serach_con .date select {width:85px;}
.my_page.my_news .serach_con .date .flex {gap:5px;}
.my_page.my_news .serach_con input[type="text"],
.my_page.my_news .serach_con select {height:35px; padding:0 10px; border-radius:3px; font-size:14px; color:#555; border:1px solid #e5e5e5;}
.my_page.my_news .serach_con .w50 {display:flex; gap:20px;}
.my_page.my_news .serach_con .w50 dl {width:50%;}
.my_page.my_news .serach_con .w50 dl:first-child select {width:calc((100% - 10px) / 3);}
.my_page.my_news .serach_con .all_search div {width:100%;}
.my_page.my_news .serach_con .all_search select {width:100px;}
.my_page.my_news .serach_con .all_search input {width:calc(100% - 100px - 50px - 10px);}
.my_page.my_news .serach_con button.btn {height:35px; line-height:35px; width:50px; background:#666; color:#fff; border-radius:3px; font-size:13px;}
.my_page.my_news .t_top .btn button {background:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color);}
.my_page.my_news .com_search .list {display:flex; gap:10px; align-items:center; margin-right:5px;}
.my_page.my_news .com_search .list li {font-size:13px; color:#999; letter-spacing:-0.8px;}
.my_page.my_news .com_search .list li i {margin-left:3px; vertical-align:middle;}

/*마이페이지 정기구독 신청완료*/
.my_reader_complete .complete_info {background:#f8faff; border:1px solid #eff2fa; padding:20px; margin-bottom:30px; text-align:center;}
.my_reader_complete .complete_info i {display:block; font-size:70px; color:var(--pick-color); margin-bottom:15px;}
.my_reader_complete .complete_info h1 {font-size:34px; line-height:44px; font-weight:800; color:#111; padding-bottom:20px;}
.my_reader_complete .complete_info ul {padding-top:20px;border-top:1px dotted #ddd; }
.my_reader_complete .complete_info ul li {text-align:left; font-size:14px; line-height:20px; color:#666;}

/*마이페이지 회원탈퇴신청*/
.my_withdrawal .list {margin:10px 0;}
.my_withdrawal .list li {width:100%;}

/*마이페이지모바일 상단 정보*/
.m_my_menu ul {display:none; flex-wrap:wrap; margin-bottom:30px;}
.m_my_menu ul li {flex:1 1 33.333%;}
.m_my_menu ul li a{display:block; font-size:13px; line-height:18px; padding:8px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.3px; color:#777;}
.m_my_menu ul li:nth-child(-n+3) a {border-top:1px solid #ddd;}
.m_my_menu ul li:nth-child(3n) a {border-right:1px solid #ddd;}
.m_my_menu ul li:last-child a {border-right:1px solid #ddd;}
.m_my_menu ul li.on a {border:1px solid var(--bg50); background:var(--bg3);}
.m_my_menu ul li.on a {color:var(--pick-color); font-weight:600;}

/*게시판*/
.board {overflow:hidden; margin-top:40px; display:flex; flex-wrap:wrap;}
.board .boardlist {float:left;border:1px solid #d6d6d6; padding:20px; width:32.5%; margin-right:1.25%; margin-bottom:1.25%; }
.board .boardlist img {width:100%}
.board .boardlist .line1 img {width:20px !important; height:14px !important; max-width:20px !important; min-height:14px !important; min-width:20px !important; max-height:14px !important; position:relative; left:0; top:0; bottom:0; right:0;}
.board .boardlist:nth-child(3n) {margin-right:0;}
.board .boardlist a:hover {text-decoration:underline !important;}
.board h2 {font-size:18px; color:#333; margin-bottom:15px; font-weight:bold;}
.board h2 span {float:right; font-size:20px}
.board h2 span button {color:#c8c8c8;}
.phpto_board ul {overflow:hidden; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.phpto_board ul li {float:left; width:48%; margin-top:20px;}
.phpto_board ul li:nth-child(-n+2) {margin-top:0;}
.phpto_board ul li a p { position:relative; overflow:hidden; padding-bottom:65%;}
.phpto_board ul li a p img {position:absolute;  top:-100%; left:-100%; right:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto; }
.phpto_board ul li a p.line1 {font-size:15px; color:#555555; text-align:center; padding-bottom:1px; line-height:30px; margin-top:5px;}
.webzin_board ul li {width:100%}
.webzin_board ul li {margin-bottom:10px;}
.webzin_board ul li:last-child {margin-bottom:0;}
.webzin_board ul li a {display:flex; align-items:center; justify-content:space-between;}
.webzin_board ul li a p {float:left; width:35%; position:relative; overflow:hidden; padding-bottom:20%;}
.webzin_board ul li a p img {position:absolute; top:-100%; left:-100%; right:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto; }
.webzin_board ul li a dl {float:right; width:62%;}
.webzin_board ul li a:hover dl {text-decoration:underline !important;}
.webzin_board ul li a dl dt {font-size:15px; color:#555555;padding-bottom:1px;}
.webzin_board ul li a dl dd {font-size:13px; color:#999999; margin-top:10px;padding-bottom:1px; line-height:18px;}
.text_board ul {}
.text_board ul li {border-bottom:1px solid #d6d6d6;}
.text_board ul li:last-child {border-bottom:none;}
.text_board ul li{overflow:hidden;}
.text_board ul li a {float:left; display:block;font-size:15px; color:#555555; padding:10px 0; width:75%}
.text_board ul li a::before {display:inline-block; content:""; clear:both; width:3px; height:3px; background:#333333; margin-right:8px; margin-bottom:5px;}
.text_board ul li span {width:25%; font-size:13px; text-align:right; color:#888; float:right; padding:10px 0}


/*커뮤니티*/
.commu input[type="text"],
.commu input[type="password"],
.commu select {border:1px solid #ddd; border-radius:3px; height:40px; padding:0 10px; font-size:14px; color:#555; }
.commu table th {background:#fafbfd}
.commu table td {text-align:left;}

.commu {margin:40px 0 5% 0}
.commu .wrap_width {display:flex; gap:0 6%;}
.commu .left {flex-shrink:0; width:20%; min-width:190px; max-width:220px;}
.commu .right {width:100%;}
.commu h1 {font-size:28px; line-height:38px; font-weight:bold; padding-bottom:15px;}

.commu table.style3 th {border-top-color:#0e8ee8;}
.commu .board {margin-top:20px;}
.commu .board .boardlist {width:49%; margin-right:2%;}
.commu .board .boardlist:nth-child(2n) {margin-right:0;}
.commu .board .boardlist:nth-child(3n) {margin-right:auto;}
.commu .best {border:1px solid #d6d6d6; overflow:hidden; }
.commu .best h2 {width:100%; float:left; background:#fafafa; padding: 15px 20px; font-size:20px; border-bottom:1px solid #d8d8d8; font-weight:bold;}
.commu .best h3 {font-size:18px; font-weight:500; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #d5d5d5;}
.commu .best a:hover {text-decoration:underline !important; color:#f25632 ;}
.commu .best a:hover p { color:#f25632 ;}
.commu .best .best1 {width:50%; float:left; padding:20px; }
.commu .best .best1 p {font-size:14px; color:#666; line-height:20px;}
.commu .best .best_list {width:50%; float:left; padding:20px; border-left:1px solid #d8d8d8;}
.commu .best .best_list ul li {font-size:15px; color:#555; margin:10px 0;}
.commu .best .best_list ul li span {background-color:var(--pick-color); color:#fff; font-size:15px; width:20px; height:20px; line-height:20px; text-align:center; margin-right:7px; display:inline-block; border-radius:50px;}


.commu .tab_menu {display:flex; flex-wrap:wrap; overflow:hidden; }
.commu .tab_menu li {float:left; border:1px solid #ddd; border-bottom:0; border-left:none; background:#f9f9f9; border-bottom:1px solid #ddd;}
.commu .tab_menu li:first-child {border-left:1px solid #ddd;}
.commu .tab_menu li a {display:block; font-size:15px; padding:12px 25px; color:#666}
.commu .tab_menu li.on {font-weight:500; border:1px solid var(--pick-color);}
.commu .tab_menu li.on a {color:var(--bg-txt-color);; background:var(--pick-color);}
.commu .pc_no {display:none !important;}
.commu i {vertical-align:middle; margin-right:5px;}
.commu .text_list td.tal a {max-height:20px; overflow:hidden; display:inline-block; }
.commu .webzine_list a {display:block; overflow:hidden;}
.commu .webzine_list p.img {float:left; width:112px; height:77px; margin-right:15px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .webzine_list p.img img {width:112px; height:77px; margin-right:15px}
.commut .webzine_list .text_area {float:left; width:calc(100% - 127px)}
.commu .webzine_list .text_area .li_tit {height:38px; line-height:19px; color:#333; font-weight:500; overflow:hidden;}
.commu .webzine_list .text_area .li_txt {color:#888; font-size:13px; font-weight:400; height:16px; line-height:18px; overflow:hidden; margin-top:15px;}
.commu .img_list {margin-top:10px;}
.commu .img_list .img_list_no {background:#f4f4f4; border:1px solid #ddd; width:100%; font-size:15px; text-align:center; padding:40px 20px;}
.commu .img_list ul {overflow:hidden;}
.commu .img_list ul li {float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; padding:10px; box-shadow:0 1px 2px rgb(0 0 0 / 20%); border:1px solid #e5e5e5; border-radius:5px;}
.commu .img_list ul li:nth-child(4n) {margin-right:0;} 
.commu .img_list ul li a {display:block;}
.commu .img_list p.img {width:100% !important; padding-bottom:60%;  background-image:url("../images/no_img2.png"); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .img_list dl {}
.commu .img_list dl dt {font-size:15px; overflow:hidden; line-height:20px; height:40px; color:#333; margin-top:10px;}
.commu .img_list dl dd {color:#888; font-size:12px; overflow:hidden; line-height:17px; height:19px; margin-top:10px; font-weight:normal;}
.commu .board_list .space_con {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; padding-bottom:5px;}
.commu .board_list .space_con h6 {margin:0; padding-bottom:2px; font-size:22px; font-weight:700;}
.commu .board_list .space_con .fr {display:flex; gap:5px;}
.commu .board_list .space_con .fr li  {display:flex; gap:3px;}
.commu .board_list .space_con .fr select {width:100px;}
.commu .board_list .space_con .fr input[type="text"] {width:calc(100% - 100px - 55px - 6px);}
.commu .board_list .space_con .fr button {width:55px; border-radius:3px; background:var(--pick-color); color:#fff; line-height:40px; font-size:15px;}
.commu .board_list table a {color:#555;}
.commu .board_list table a:hover {color:#222}
.commu .board_list table a span.orange {color:orange}
.commu .board_list .wr_btn_con {overflow:hidden; width:100%; margin:15px 0;}
.commu .board_list .wr_btn_con button {float:right; background:#e74c3c; color:#fff; padding:8px 15px; font-size:15px; border-radius:3px;}
.commu .board_list .wr_btn_con button i {vertical-align:middle; margin-right:5px;}
.commu .view h2 {font-size:33px; line-height:38px; overflow:hidden; margin-bottom:25px; font-weight:bold; color:#222;}
.commu .view .cmt_view_hd {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:7px 0; overflow:hidden; font-size:15px; color:#444; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #cdcdcd; }
.commu .view .cmt_view_info {float:left; display:flex; align-items:center; overflow:hidden; color:#3694ed; float:left; }
.commu .view .cmt_view_info li {float:left; font-size:15px;}
.commu .view .cmt_view_info li.id {margin-right:10px; border-right:1px solid #e5e5e5; padding-right:10px;}
.commu .view .cmt_view_fnc {float:right; display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; float:left; gap:7px 5px;}
.commu .view .cmt_view_fnc li {float:left;font-size:15px; border-right:1px solid #e5e5e5; padding-right:10px; padding-left:10px;}
.commu .view .cmt_view_fnc li:first-child {padding-left:0;}
.commu .view .cmt_view_fnc li:last-child {border-right:0}
.commu .view .cmt_view_hd .cmt_view_fnc .sns_gp {display:flex; gap:3px; overflow:hidden;margin-top:0; padding:0;}
.commu .view .cmt_view_hd .cmt_view_fnc .sns_gp span{float:left; }
.commu .view .cmt_view_con {font-size:15px; line-height:24px; color:#222; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #cdcdcd;}
.commu .view .down_list {font-size:13px; margin-bottom:20px;}
.commu .view .down_list li {padding:6px 0;}
.commu .view .down_list li a:hover {text-decoration:underline !important;}
.commu .view .cmt_view_bottom {overflow:hidden; margin-bottom:50px; position:relative; width:100%;}
.commu .view .cmt_view_bottom ul {float:left; overflow:hidden;}
.commu .view .cmt_view_bottom ul li {float:left; border:1px solid #ccc; margin-right:10px; border-radius:3px;  font-size:15px; margin-top:10px;}
.commu .view .cmt_view_bottom ul li a {display:block; height:30px; line-height:30px; padding:0 10px;}
.commu .view .cmt_view_bottom .btn_gp2 {float:right;}
.commu .view .cmt_view_bottom .btn_gp2 .wr_btn {background:#8c9bc8; border:1px solid #8c9bc8;}
.commu .view .cmt_view_bottom .btn_gp2 .good_btn {background:#5f7cd8; border:1px solid #5f7cd8; margin-right:0;}
.commu .view .cmt_view_bottom .btn_gp2 .wr_btn a,
.commu .view .cmt_view_bottom .btn_gp2 .good_btn a {color:#fff;}
.commu .view .cmt_view_bottom i {vertical-align:middle; margin-right:5px;}
.commu .view .text_list td.tal a {color:#555;}
.commu .view .text_list td.tal a:hover {color:#0e8ee8;}
.commu .view .reply_con {margin-top:2rm; margin-bottom:30px; position:relative;}
.commu .view .reply_con h3 {font-size:18px; margin-bottom:15px;}
.commu .view .reply_con h3 em {color:#f24443; margin-left:5px;}
.commu .view .reply_con_write {background:#fafafa; padding:10px 15px 10px 15px; border:1px solid #e1e1e1; width:100%;}
.commu .view .reply_con .input_area {overflow:hidden; margin-bottom:15px;}
.commu .view .reply_con .input_area ul li {float:left; margin-right:10px; color:#444; margin:3px 10px 3px 0;}
.commu .view .reply_con .input_area ul li label {margin-right:5px; font-size:14px; vertical-align:middle;}
.commu .view .reply_con input {border:1px solid #e1e1e1; height:26px; line-height:26px; width:133px; padding:0 5px; vertical-align:middle;}
.commu .view .reply_con .input_area ul li span {color:#1a73e8; font-size:16px; margin-left:10px; vertical-align:middle;}
.commu .view .reply_con .text_area {width:100%; }
.commu .view .reply_con .text_area textarea {width:90%; padding:10px;border:1px solid #e1e1e1; background:#fff; height:80px; font-size:14px; line-height:20px;}
.commu .view .reply_con .text_area button {width:calc(10% - 5px); height:80px; text-align:center; font-size:15px; border:1px solid #ccc; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }
.commu .view .reply_list {margin-top:20px;}
.commu .view .reply_list > li {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:15px 10px;}
.commu .view .reply_list > li:nth-child(n+2) {border-top:0}
.commu .view .reply_list > li .top {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:13px;}
.commu .view .reply_list > li .top p {color:#158fe4; margin:5px 0}
.commu .view .reply_list > li .top p span {color:#888; font-size:12px; margin-left:5px;}
.commu .view .reply_list > li .top a {color:#666;}
.commu .view .reply_list > li .top ul {display:flex; margin:5px 0}
.commu .view .reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu .view .reply_list > li .top ul li:last-child::after {display:none;}
.commu .view .reply_list > li > p {font-size:14px; color:#555; margin:15px 0 20px 0;}
.commu .view .reply_list > li .bottom {display:flex; justify-content:space-between;  font-size:13px; color:#666}
.commu .view .reply_list > li .bottom p button {color:#158fe4; font-size:12px;}
.commu .view .reply_list > li .bottom ul {display:flex;}
.commu .view .reply_list > li .bottom ul li {font-size:13px; margin-left:15px;}
.commu .view .reply_list > li .bottom ul li:first-child button {color:#e82626 }
.commu .view .reply_list > li .bottom ul li:last-child button {color:#7597dc}
.commu .view .reply_list .reply_con_write {margin:10px 0 20px 0;}
.commu .view .reply_list .re_reply_list {margin-top:20px;}
.commu .view .reply_list .re_reply_list > li {background:#f9f9f9; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:15px 10px;}
.commu .view .reply_list .re_reply_list > li .top p::before {content:"└"; color:#ccc; margin-right:5px;}
.commu .view .reply_listt .re_reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu .view .reply_list .re_reply_list > li > p {font-size:14px; color:#555; margin:20px 0; padding:0 20px;}
.commu .view .reply_list .re_reply_list > li .bottom {display:flex; justify-content:end;  font-size:13px; color:#666}
.commu .view .reply_list .re_reply_list > li:nth-child(n+2) {border-top:0}
.commu .view .reply_list .re_reply_list .comment-parent-name- {color:#fff; font-size:12px; padding:4px 5px; background:#33a7f7; border-radius:100px; margin-right:8px; font-weight:500;}
.commu .view .secret_co {position:absolute; right:0; top:0; font-size:13px;}
.commu .view .secret_co input {width:17px; height:17px; line-height:17px; padding:0;}
.commu .write .page_title {font-size:22px; font-weight:700; margin-bottom:15px;}
.commu .write .bojo_info3 {margin-bottom:30px; border-radius:5px; padding:20px; background:#f8faff; border:1px solid #eff2fa;}
.commu .write .bojo_info3 ul {display:flex; flex-direction:column; gap:5px; }
.commu .write .bojo_info3 ul li {text-align:left; font-size:14px; line-height:20px; color:#666;}

/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@반응형@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@1700@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*@@@@@@@@@@@@@@@@@@@@1300@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:1300px) {

/*마이페이지*/
.my_page.my_news .serach_con .w50 dl:first-child {width:60%;}
.my_page.my_news .serach_con .w50 dl:last-child {width:40%;}

/*마이페이지 기사등록(관리자인클루드)*/
.my_page .conbox .table_wrap {overflow-x:scroll; width:200px; min-width:100%; max-width:100%; }
.my_page .conbox .table_wrap .intable {width:1000px;}
.my_page .conbox .intable .table3 th {width:100px;}
.my_page .conbox .table_wrap .bojo {display:block;}
.my_page .conbox table.style4 .tr-type-photo th {width:70px;}
.my_page .conbox table.style4 .tr-type-movie th {width:90px;}

/*포토뉴스페이지*/
.photo_page .photo_visual h3 {font-size:26px; line-height:34px;}

/*커뮤니티*/
.commu .view .cmt_view_con img {width:100% !important; height:auto !important;}
.commu table th {font-size:14px; height:40px; padding:10px 5px;}
.commu table td {padding:10px 5px;}



}

/*@@@@@@@@@@@@@@@@@@@@1024@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:1024px) {
/*서브페이지 3차섹션스킨*/
.sub ul.depth3 {padding:15px; gap:15px;}
.sub ul.depth3 a {font-size:14px;}

.news_view .con .news_content { font-size:var(--con_font_size_m); line-height:var(--con_line_height_m); text-align:var(--con_text_align_m); word-break:var(--con_word_break_m); }

/*서브메뉴스킨공통*/
.sub_menu_skin {display:none;}

/*서브메인스킨*/
.sub_main_skin01 h3 {font-size:24px; line-height:34px;}
.sub_main_skin01 .description {font-size:14px; line-height:22px; margin-top:15px;}
.sub_main_skin01 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.sub_main_skin01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:10px; height:10px; margin:0 2px;}


.sub_main_skin02 .big h3 {font-size:24px; line-height:34px;}
.sub_main_skin02 .big .no_img .description {-webkit-line-clamp:5}
.sub_main_skin02 .small {gap:20px 5.5%}
.sub_main_skin02 .small h3 {font-size:18px; line-height:26px;}
.sub_main_skin02 .small .no_img .description {-webkit-line-clamp:3}

.sub_main_skin03 .big h3 {font-size:24px; line-height:34px;}
.sub_main_skin03 .big .text_wrap {padding:20px;}
.sub_main_skin03 .big .no_img .description {-webkit-line-clamp:7}

.sub_main_skin04 h3 {font-size:24px; line-height:34px;}
.sub_main_skin04 .description {font-size:14px; line-height:22px; margin-top:15px;}
.sub_main_skin04 .swiper-pagination-fraction,
.sub_main_skin04 .swiper-pagination-custom,
.sub_main_skin04 .swiper-container-horizontal > .swiper-pagination-bullets {width:100%; bottom:0; left:0; text-align:center; margin-top:15px;}

.sub_main_skin05 ul {gap:20px 20px;}
.sub_main_skin05 h3 {font-size:20px; line-height:28px;}
.sub_main_skin05 li {width:calc((100% - 20px) / 2);}
.sub_main_skin05 figure {margin-bottom:15px;}

/*서브뉴스페이지*/
.news_list .photo_skin {gap:20px;}
.news_list .photo_skin>li {width:calc((100% - 40px) / 3); padding-bottom:20px; border-bottom:1px dotted #ddd;}
.news_list .hasDatepicker {position:absolute; right:0; z-index:3;} /*전체기사 - 날짜선택 달력*/

/*포토뉴스페이지*/
.photo_page {margin:20px 0 5% 0;}
.photo_page .photo_visual figure {padding-bottom:66%;}
.photo_page .photo_visual .swiper-container>button {display:none;}
.photo_page .photo_visual h3 {font-size:24px; line-height:32px;}
.photo_page .sub_title {margin-top:10px;}
.photo_page .sub_title li {font-size:16px; line-height:18px;}
.photo_page .news_list li a {padding-bottom:20px;}

/*동영상뉴스페이지*/
.movie_page .movie_visual {flex-wrap:wrap;}
.movie_page .movie_visual .big {width:100%;}
.movie_page .movie_visual .big .text_wrap {padding:20px 20px}
.movie_page .movie_visual .big h3 { font-size:24px; line-height:34px;}
.movie_page .movie_visual .btn {gap:0 15px;}
.movie_page .movie_visual .btn button {font-size:22px;}
.movie_page .movie_visual .thumbs {width:100%; border-top:2px solid rgba(255,255,255,0.1);}
.movie_page .movie_visual .thumbs .swiper-wrapper {height:120px;}
.movie_page .movie_visual .thumbs .swiper-container li {border-top:none; border-left:2px solid #111;}

.movie_page .news_list li a {display:block; padding-bottom:20px;}

.movie_page .shorts_area ul {gap:0 20px;}
.movie_page .shorts_area li {width:calc((100% - 40px) / 3);}
.movie_page .shorts_area li:nth-child(4),
.movie_page .shorts_area li:nth-child(5) {display:none;}

/*쇼츠디테일페이지*/
.shorts_box {padding:30px 0;}
.shorts_box .right_con  {display:none;}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .swiper-button {display:none;}
.shorts_box .videos {width:100%;}
.container.videos .thumlist__wrap:is(.shorts_play_slider) .thumlist__list {min-height:auto; height:calc(100vh - 300px);}


/*서비스페이지*/
.service_page .left {display:none;}

/*지면보기*/
.pdf .pdf_list ul li {width:calc((100% - (20px * 3)) / 4)}

/*마이페이지*/
.left.style1 {display:none;}

/*마이페이지모바일 상단 정보*/
.m_my_menu ul {display:flex;}


/*커뮤니티*/
.commu .board_list .side_con .fl {margin-bottom:10px;}
.commu .tab_menu li {width:20%;}
.commu .view h2 {font-size:30px; line-height:35px;}

}

/*@@@@@@@@@@@@@@@@@@@@760@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media all and (max-width:760px) {
.sub .content {margin:30px 0 5% 0 }

/*서브메뉴스킨공통*/
.sub_menu_skin {margin-top:30px;}
.sub_menu_skin h1 {font-size:24px;}
.sub_menu_skin .depth2 .depth2_a {font-size:14px; }

/*서브메뉴스킨*/
.sub_menu_skin01 h1 {padding-bottom:10px;}
.sub_menu_skin01 nav {justify-content:space-between; border-top:0;}
.sub_menu_skin01 .depth2 {gap:0 20px;}
.sub_menu_skin01 .depth2 .depth2_a {line-height:40px;}
.sub_menu_skin01 .depth2 .on .depth2_a::after {height:1px;}

.sub_menu_skin02 .wrap {gap:0 25px; flex-wrap:wrap;}
.sub_menu_skin02 h1 {width:100%;}
.sub_menu_skin02 nav {gap:0 20px; width:100%;}
.sub_menu_skin02 .depth2 {gap:0 20px;}
.sub_menu_skin02 .depth2 .depth2_a {line-height:40px;}
.sub_menu_skin02 .depth2 .on .depth2_a::after {height:1px;}

.sub_menu_skin03 h1 {padding-bottom:15px;}
.sub_menu_skin03 nav {padding:10px; border-radius:10px;}
.sub_menu_skin03 .depth2 li .depth2_a {padding:10px 10px;}
.sub_main_skin03 .big .no_img .description {-webkit-line-clamp:3}

.sub_menu_skin04 h1 {padding-bottom:15px;}
.sub_menu_skin04 .depth2 .depth2_a {line-height:40px;}


/*서브메인스킨*/
.sub_main_skin01 {padding:15px 0 0 0;}
.sub_main_skin01 a {flex-wrap:wrap;}
.sub_main_skin01 .img_wrap {width:100%; order:1; flex:initial;}
.sub_main_skin01 .text_wrap {width:100%; order:2; flex:initial; margin-top:20px;}
.sub_main_skin01 h3 {font-size:20px; line-height:28px;}
.sub_main_skin01 .description {-webkit-line-clamp:3}
.sub_main_skin01 .swiper-pagination {text-align:center;}
.sub_main_skin01 .swiper-pagination-bullet {width:10px; height:10px;}
.sub_main_skin01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.sub_main_skin01 .swiper-container-horizontal > .swiper-pagination-bullets {margin-top:15px;}

.sub_main_skin02 .big {width:100%; flex:initial; margin-bottom:30px;}
.sub_main_skin02 .big figure {margin-bottom:15px;}
.sub_main_skin02 .big h3 {font-size:20px; line-height:28px;}
.sub_main_skin02 .swiper-slide {flex-wrap:wrap;}

.sub_main_skin03 .big {width:100%;}
.sub_main_skin03 .big h3 {font-size:20px; line-height:28px;}
.sub_main_skin03 .small {width:100%;}
.sub_main_skin03 .small_list li {width:100%;}
.sub_main_skin03 .small li a {gap:0 20px;}
.sub_main_skin03 .small li h3 {font-size:17px; line-height:25px;}
.sub_main_skin03 .small figure {flex:0.9; padding-bottom:20%;}
.sub_main_skin03 .small_list figure {flex:0.9; padding-bottom:20%;}
.sub_main_skin03 .small_list li h3 {font-size:18px; line-height:26px;}

.sub_main_skin04 {padding:15px 0 0 0;}
.sub_main_skin04 a.flex {flex-wrap:wrap;}
.sub_main_skin04 h3 {font-size:20px; line-height:28px;}
.sub_main_skin04 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.sub_main_skin04 .swiper-pagination-bullet {width:10px; height:10px;}
.sub_main_skin04 .text_wrap {flex:none; width:100%; padding:0 5% 5% 5%; order:2}
.sub_main_skin04 .no_img .text_wrap {padding:5%;}
.sub_main_skin04 .description {-webkit-line-clamp:2; margin-top:10px;}
.sub_main_skin04 figure {flex:none; width:100%; padding-bottom:60%; order:1;}
.sub_main_skin04 figure::after {background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(34,34,34,1) 80%); width:100%; height:40%;}

.sub_main_skin05 {padding:20px 0;}
.sub_main_skin05 ul {gap:10px 10px; }
.sub_main_skin05 li {width:calc((100% - 10px) / 2)}
.sub_main_skin05 li a {padding:10px;}
.sub_main_skin05 h3 {font-size:16px; line-height:24px;}
.sub_main_skin05 .no_img .description {-webkit-line-clamp:3; }


/*로그인,회원가입공통*/
.step_comm .box {width:100%; padding:10% 5%; }
.step_comm .line {margin:30px 0 20px 0}
.step_comm .tab li a {font-size:16px; padding:15px 10px;}

/*로그인*/
.login_page h1 img {width:100%; max-width:200px;}
.login_page .logininput button {font-size:18px;}
.login_page .loginlink {margin:20px 0;}
.login_page .loginlink li a {font-size:13px;}
.login_page .loginlink li::before {margin:0 10px;}
.login_page .logininput input[type="text"], .login_page .logininput input[type="password"] {padding:12px;}
.login_page .logininput button {padding:15px;}

/*회원가입*/
.join h1 {font-size:20px;}

/*회원선택*/
.login_select h1 {font-size:20px;}

/*본인인증*/
.agreement h1 {font-size:20px;}
.agreement ul li button {padding:15px 5px;}
.agreement ul li .title {font-size:16px;}
.agreement ul li i {width:30px; height:30px; line-height:30px; font-size:20px;}

/*회원가입완료*/
.login_complet h1 {font-size:20px; line-height:28px; padding-bottom:20px; margin-bottom:20px;}
.login_complet h1 i {font-size:36px; margin-bottom:8px;}

/*일반,기자회원가입 폼*/
.join_register h1 {font-size:20px;}

/*서브뉴스페이지*/
.news_list .webzin_skin>li {padding:15px 0;}
.news_list .webzin_skin a {gap:0 20px; flex-wrap:wrap;}
.news_list .webzin_skin h3 {font-size:17px; line-height:25px; -webkit-line-clamp:2;}
.news_list .webzin_skin .description {margin-top:10px;}
.news_list .webzin_skin .assi {margin-top:10px;}
.news_list .webzin_skin .description {display:none;}
.news_list .webzin_skin figure {flex:1; padding-bottom:20%;}
.news_list .webzin_skin .assi_pc {display:none;}
.news_list .webzin_skin .assi_m {display:flex; width:100%;}

.news_list .text_skin a {flex-wrap:wrap;}
.news_list .text_skin h3 {width:100%; flex:initial; font-size:17px; line-height:25px;}
.news_list .text_skin .assi {justify-content:left; flex-wrap:wrap; margin-top:7px;}

.news_list .photo_skin {gap:20px 20px;}
.news_list .photo_skin>li {width:calc((100% - 20px) / 2); padding}
.news_list .photo_skin h3 {font-size:17px; line-height:25px;}
.news_list .photo_skin figure {margin-bottom:10px}
.news_list .photo_skin .assi {margin-top:10px; font-size:12px; line-height:18px;}
.news_list .photo_skin .assi ul {width:100%;}
.news_list_skin .date::before {display:none;}

/*전체기사*/
.news_list .all_news {flex-wrap:wrap;}
.news_list .all_news li {width:calc(100% / 3);}
.news_list .all_news a {padding:10px 5px; font-size:14px;}

/*뉴스검색페이지*/
.all_serach {padding:15px;}
.all_serach .date ul {display:none;}
.all_serach dt {display:none; min-width:60px; font-size:14px;}
.all_serach .date div {width:100%;}
.all_serach .date_dt {display:inline-block; color:#555; font-weight:500;}
.all_serach dd {width:100%;}
.all_serach dd.flex select {width:70px;}
.all_serach .date input {width:calc((100% - 15px - 10px) / 2);}
.all_serach dd.flex input {width:calc(100% - (70px * 2) - 50px - (5px * 3))}

/*뉴스뷰페이지*/
.sub .news_view .content {margin-top:20px;}
.news_view {margin-top:30px;}
.news_view .category li {font-size:13px;}
.news_view .category li:last-child {padding:4px 6px; font-size:12px;}
.news_view h1 {font-size:26px; line-height:36px; margin:20px 0;}
.news_view .util li {font-size:14px;}
.news_view .util,
.news_view .util2 {width:100%}
.news_view .util2 li>button {width:32px; height:32px; font-size:13px;}
.news_view .util2 .util2_layer {left:0;}
.news_view .con .sub_title {margin-bottom:30px;}
.news_view .con .sub_title li {font-size:18px; line-height:26px;}
.news_view .con .best_news ul {gap:25px 20px;}
.news_view .con .best_news ul li {width:calc((100% - 20px) / 2)}
.news_view .con .best_news h3 {font-size:17px; line-height:25px;}


/*포토뉴스페이지*/
.photo_page {margin:10px 0 5% 0;}
.photo_page .photo_visual .text_wrap {padding:0 5% 15px 5%;}
.photo_page .photo_visual h3 {font-size:18px; line-height:24px;}
.photo_page .sub_title {display:none;}
.photo_page .progress {width:70%; margin:15px auto 0 auto}
.photo_page .swiper-pagination strong {font-size:14px;}

.photo_page h1 {font-size:20px; margin-bottom:15px;}
.photo_page .news_list {gap:25px 20px;}
.photo_page .news_list li {width:calc((100% - 20px) / 2)}
.photo_page .news_list h3 {font-size:17px; line-height:25px;}
.photo_page .news_list figure {margin-bottom:10px;}

/*동영상뉴스페이지*/
.movie_page {margin:0 0 5% 0}
.movie_page .movie_visual .big .movie_view {height:auto; padding-bottom:60%;}
.movie_page .movie_visual .big .text_wrap {padding:15px;}
.movie_page .movie_visual .big h3 {font-size:20px; line-height:28px; }
.movie_page .movie_visual .title_wrap {padding-bottom:10px;}
.movie_page .movie_visual .title {font-size:16px;}
.movie_page .movie_visual figure {width:90px;}
.movie_page .movie_visual .thumbs {padding:15px;}
.movie_page .movie_visual .thumbs .h3_wrap {gap:10px;}
.movie_page .movie_visual .thumbs .swiper-wrapper {height:90px;}
.movie_page .movie_visual .thumbs .swiper-wrapper li {gap:0 10px;}
.movie_page .movie_visual .thumbs h3 {font-size:15px; line-height:22px;}
.movie_page .movie_visual .btn button {font-size:18px}

.movie_page h1 {font-size:20px; margin-bottom:15px;}
.movie_page .news_list {gap:25px 20px;}
.movie_page .news_list li {width:calc((100% - 20px) / 2)}
.movie_page .news_list h3 {font-size:17px; line-height:25px;}
.movie_page .news_list figure {margin-bottom:10px;}

.movie_page .shorts_area .title_wrap {margin-bottom:15px;}
.movie_page .shorts_area h2 {font-size:20px;}
.movie_page .shorts_area li {width:calc((100% - 20px) / 2);}
.movie_page .shorts_area li:nth-child(2) {display:none;}
.movie_page .shorts_area .h3_text_wrap {padding:0 15px 15px 15px;}
.movie_page .shorts_area h3 {font-size:17px; line-height:25px;}

.shorts_page h1 {font-size:20px;}
.shorts_page ul li {width:calc((100% - 20px) / 2)}
.shorts_page ul li h3 {font-size:17px; line-height:25px;}

/*후원,기사제보페이지*/
.service_page .page_title {width:calc(100% - 60px - 20px);font-size:20px; line-height:28px;}
.service_page .page_title i {font-size:36px; margin-bottom:8px;}
.service_page .h1_text_wrap {padding:5% 0;}
.service_page .h1_text_wrap button {width:30px; height:30px; font-size:20px;}
.service_page .h1_text_wrap p {width:30px;}
.service_page .service_con .box_wrap {width:100%; padding:20px 0px; margin:0;}
.service_page h2 {font-size:16px;}
.service_page ul.tab {gap:10px;}
.service_page ul.tab li {line-height:40px; font-size:15px;}
.service_page ul.tab2 {gap:10px;}
.service_page ul.tab2 li {width:calc((100% - 10px) / 2)}
.service_page ul.tab4 {margin-bottom:10px; }
.service_page ul.tab4 li {width:calc((100% - 10px) / 2)}
.service_page .write_money input::placeholder {font-size:14px;}
.service_page .write_money span {font-size:14px;}
.service_page .support_info {padding:10px; font-size:14px; line-height:20px;}
.service_page .wrap {padding:10px 5px;}
.service_page .all_check {padding:0 10px 10px 10px;}
.service_page .all_check label {font-size:15px;}
.service_page .agree_check {padding:0 10px;}
.service_page .agree_check li label {font-size:14px;}
.service_page .bojo_info2 ul {width:100%;}

/*기타, 마이페이지*/
.etc_page {margin:20px 0 5% 0}
.etc_page .page_title {width:100%; margin-bottom:15px; /*padding-bottom:15px*/}
.etc_page table td div.email input:nth-child(1) {width:calc(100% - 20px);}
.etc_page table td div.email input:nth-child(2) {width:100%;}
.etc_page table td div.email select {width:100%;}
.etc_page table .text_input input[type="text"] {width:calc(100% - 40px);}
.etc_page .direct_complete {font-size:20px; line-height:28px; padding:30px 10px; margin-bottom:30px;}
.etc_page .direct_complete i {font-size:36px; margin-bottom:8px;}

/*지면보기*/
/*
.pdf .pdf_top .day {order:1; width:100%; flex:none; border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:15px;}
.pdf .pdf_top .day_serach {order:3;  flex:none;}
*/
.pdf .pdf_top {flex-wrap:wrap; margin:30px 0 15px 0;}
.pdf .pdf_top .day {width:100%; justify-content:center;}
.pdf .pdf_top .day .today {font-size:24px;}
.pdf .pdf_top .day a {font-size:24px;}
.pdf .pdf_top .t_btn {width:100%; justify-content:space-between;}
.pdf .pdf_top .t_btn button {padding:10px; font-size:13px;}
.pdf .pdf_list {padding:15px;}
.pdf .pdf_list ul li {width:calc((100% - (20px * 1)) / 2);}

/*쇼츠디테일페이지*/
.container.videos .thumlist__wrap:is(.shorts_play_slider) .thumlist__list {min-height:auto; height:calc(100vh - 200px);}


/*마이페이지*/
.my_page {margin:20px 0 5% 0}
.my_page .page_title {font-size:20px; line-height:28px; padding-bottom:10px;}
.my_page .t_top {flex-wrap:wrap;}
.my_page .t_top .com_util {flex-wrap:wrap; width:100%; order:2}
.my_page .t_top .com_search {flex-wrap:wrap; width:100%; /*background:#f9f9f9; padding:10px;*/ order:1;}
.my_page .t_top .com_search select {flex:1; width:calc((100% - 10px) / 3);}
.my_page .t_top .com_search_in {width:100%;}
.my_page .t_top .com_search input[type="text"] {width:calc(100% - 32px - 5px);}
.my_page .t_top .com_search button {width:32px;}
.my_page.update_form table td.input_button input[type="text"] {width:calc(100% - 70px - 5px);}
.my_page.my_tax table td.input_button .location>input[type="text"]:first-child {width:calc(100% - 70px - 5px);}
.my_page.my_pay .mobile li {width:50%; text-align:center; }
.my_page.my_pay .mobile li::before {display:none;}
.my_page.my_news .mobile li {width:50%; text-align:center;}
.my_page.my_news .mobile li::before {display:none;}
.my_page.my_news .t_top .com_search {border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:6px 0;}
.my_page.my_news .t_top .com_search select {width:auto; flex:none;}
.my_page.my_news .serach_con {margin-bottom:20px;}
.my_page.my_news .serach_con button.btn {height:30px; line-height:30px;}
.my_page.my_news .serach_con ul.btn a {height:30px; line-height:30px;}
.my_page.my_news .serach_con input[type="text"],
.my_page.my_news .serach_con select {height:30px; font-size:13px;}
.my_page.my_news .serach_con .date .flex {width:calc(100% - 85px - 5px);}
.my_page.my_news .serach_con .date input {width:calc((100% - 10px - 10px) / 2);}
.my_page.my_news .serach_con {padding:15px; gap:5px;}
.my_page.my_news .serach_con dl dt {display:none;}
.my_page.my_news .serach_con dl dd {width:100%;}
.my_page.my_news .serach_con .list.btn {display:none;}
.my_page.my_news .serach_con .w50 {flex-wrap:wrap; gap:5px;}
.my_page.my_news .serach_con .w50 dl:first-child {width:100%;}
.my_page.my_news .serach_con .w50 dl:last-child {width:100%}
.my_page.my_news .serach_con .w50 dl:last-child select {width:100%;}


/*마이페이지 기사등록(관리자인클루드)*/
.my_page .conbox .category_group- select {margin-bottom:5px;}
.my_page .conbox .use_ver01 input[type="text"] {width:calc(100% - 60px);}
.my_page .conbox .use_ver01 button {float:right;}
.my_page .conbox .wr_sub_subject- input[type="text"] {width:calc(100% - 50px);}
.my_page .conbox .wr_sub_subject- button {float:right;}
.my_page .conbox .use_ver02 {width:calc(100% - 60px);}
.my_page .conbox table.style4 th {min-width:90px;} /*모바일에서 th 가로 사이즈*/

/*마이페이지 정기구독 신청완료*/
.my_reader_complete .complete_info h1 {font-size:20px; line-height:28px; padding-bottom:15px;}
.my_reader_complete .complete_info i {font-size:36px; margin-bottom:8px;}
.my_reader_complete .complete_info ul {padding-top:15px;}

/*게시판*/
.board .boardlist {width:100%;}
.commu .board .boardlist {width:100%; margin-right:0;}

/*커뮤니티*/
.commu table th {font-size:13px; height:35px; padding:10px 5px; min-width:80px;}
.commu table td {padding:10px 5px;}

.commu {margin:20px 0 5% 0}
.commu .webzine_list .text_area .li_txt {font-size:13px;}
.commu colgroup col:nth-child(1) {width:8% !important; min-width:60px;}
.commu colgroup col:nth-child(3),
.commu colgroup col:nth-child(4),
.commu colgroup col:nth-child(5) {display:none;}
.commu .img_list ul li {width:49%; margin-right:2%;}
.commu .img_list ul li:nth-child(2n) {margin-right:0;}
.commu .img_list ul li:nth-child(4n) {margin-right:auto;}
.commu .view h2 {font-size:25px; line-height:30px;}
.commu .m_no {display:none !important;}
.commu .pc_no {display:block !important; overflow:hidden; width:100%; margin-top:10px;}
.commu .pc_no li {float:left; color:#888; font-size:12px;}
.commu .pc_no li i {vertical-align:middle;}
.commu .pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.commu .pc_no li:last-child::after {display:none;}
.commu input[type="text"], .commu input[type="password"], .commu select {height:30px; font-size:13px;}
.commu .board_list .space_con .fr button {line-height:30px; font-size:13px;}

.commu .view h2 {font-size:20px; line-height:25px; margin-bottom:15px;}
.commu .view .cmt_view_con {font-size:14px; line-height:19px;}
.commu .view .cmt_view_info li {font-size:13px;}
.commu .view .cmt_view_fnc li {font-size:13px;}
.commu .view .cmt_view_hd .cmt_view_fnc .sns_gp img {width:20px;}
.commu .best .best1 {width:100%;}
.commu .best .best_list {width:100%; border-top:1px solid #d8d8d8;}
.commu .board_list .side_con .fr input[type="text"] {width:35%;}
.commu .board_list .side_con .fr {overflow:hidden;}
.commu .board_list .side_con .fr li {float:left;}
.commu .board_list .side_con .fr li:first-child {width:100%;}
.commu .board_list .side_con .fr li:last-child {width:100%;}
.commu .board_list .side_con .fr li:last-child select {width:98%;}
.commu .tab_menu li {width:33.3%;}
.commu .view .reply_con input {width:100px;}
.commu .tab_menu li:nth-child(4n) {border-left:1px solid #ddd;}
.commu .view .cmt_view_bottom ul li a {font-size:13px;}
.commu .view .cmt_view_bottom ul li {margin-right:5px;}
.commu .view .reply_con .input_area ul li label {font-size:13px;}
.commu .view .reply_con .text_area textarea {width:100%;}
.commu .view .reply_con .text_area button {width:100%; height:40px; margin-top:10px; font-size:14px;}

}