@charset "utf-8";

@import url("../fonts/pretendard.css");
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
    word-break: break-all;
    word-wrap: break-word;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important; color:#000000; margin:0; padding:0; letter-spacing: -0.05em; font-family:"Pretendard", "맑은 고딕","Malgun Gothic", "나눔고딕", "Nanum Gothic", "NotoSansKR","굴림", Gulim,'돋움',dotum,Helvetica,sans-serif; font-weight:400; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
fieldset, img, abbr,acronym { border:0 none; }
ol, ul { list-style:none; }
table {border-collapse: separate; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight: normal; border:0;}
address, caption, strong, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}
legend, #header h2, #slogan h2, #footer h2, .blind{position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
a {text-decoration:none; color:#000000;}
a:hover {text-decoration:none;}

body {}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mt16 {margin-top:16px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt25 {margin-top:25px !important;}
.mt26 {margin-top:26px !important;}
.mt33 {margin-top:33px !important;}
.mt35 {margin-top:35px !important;}
.mt48 {margin-top:48px !important;}
.mt50 {margin-top:50px !important;}
.mt52 {margin-top:52px !important;}
.mt68 {margin-top:68px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt23 {margin-top:23px !important;}
.mt30 {margin-top:30px !important;}
.mt38 {margin-top:38px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt47 {margin-top:47px !important;}
.mt48 {margin-top:48px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt64 {margin-top:64px !important;}
.mt67 {margin-top:67px !important;}
.mt68 {margin-top:68px !important;}
.mt83 {margin-top:83px !important;}
.mt87 {margin-top:87px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt96 {margin-top:96px !important;}
.mt114 {margin-top:114px !important;}
.mt140 {margin-top:140px !important;}
.mt167 {margin-top:167px !important;}
.mb04 {margin-bottom:4px !important;}
.mt04 {margin-top:4px !important;}

.pdt23 {padding-top:23px !important;}
.pdt26 {padding-top:26px !important;}
.elip1 {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.elip2 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all;}
.elip3 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-break:break-all;}
.elip4 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:4; -webkit-box-orient: vertical; word-break:break-all;}
.elip5 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:5; -webkit-box-orient: vertical; word-break:break-all;}
.elip6 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:6; -webkit-box-orient: vertical; word-break:break-all;}

body { max-width: 640px; margin: 0 auto; margin-top: 50px;}
.brd_none {border:0px !important;}
.cl:after {content:""; display:block; clear:both;}
.in {padding:0 10px;}
.top:after {content:""; display:block; clear:both;}
.top {background:#ffffff;position: fixed;height:50px;border-bottom:1px solid #dedede;top: 0;left: 0;right: 0;z-index: 999;}
.top h1 {padding: 8px 0 7px 15px;float:left;}
.top h1 a {display:block;}
.top h1 a img {display:block;width: 132px;}
.top .viewspan {display:block;padding: 8px 0 7px 15px;float:left;}
.top .viewspan a {display:block;}
.top .viewspan a img {display:block;width: 132px;}

.top_rt {float:right; padding-right:4px;}
.top_rt .btn_sch01 {display:block; float:left; width:44px; height:50px; background:url(../img/ico_sch01.png) center no-repeat; background-size:21px auto;}
.top_rt .btn_menu01 {display:block;float:left;width: 36px;height: 36px;background:url(../img/ico_menu01.png) center no-repeat;background-size: 19px auto;border-radius: 100%;border: 1px solid #969696;margin-top: 7px;}
.top_rt .btn_menu01.on {background:url(../img/ico_close01.png) center no-repeat; background-size:18px auto;}

.nn1d .w1 a{display:block; position:relative;}
.nn1d .w1 a img {display:block; width:100%;}
.nn1d .w2 a {font-size:20px; line-height:24px; max-height:48px; font-weight:700;}
.nn1d .w2 {padding:8px 10px 0 10px;}

.nh2d ul {margin-top:10px;}
.nh2d ul li:after {content:""; display:block; clear:both;}
.nh2d ul li {display:flex; flex-direction: row;}
.nh2d .img {}
.nh2d .img a {display:block;}
.nh2d .img a img {width:100px; height:62px; display:block;}
.nh2d .txt {padding-top:10px; flex-grow:1; padding-right:16px; position:relative;}
.nh2d .txt a {font-size:16px; line-height:19px; height:38px; font-weight:700;}
.nh2d ul li {margin-top:14px; padding-top:13px; border-top:1px solid #e5e5e5;}

.sep_hor01 {margin:0 10px; margin-top:24px; padding-top:23px; border-top:1px solid #cccccc;}
.sep_hor02 {margin:0 10px;margin-top:30px;padding-top:0px;border-top:1px solid #cccccc;margin-bottom: -16px;}
.nh3d .w1 a {display:block; position:relative;}
.nh3d .w1 .e1 {display:block; padding:0 10px; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; right:0;}
.nh3d .w1 .e1 span {color:#ffffff; font-size:16px; font-weight:700; line-height:36px;}
.nh3d .w1 a img {display:block; width:100%;}

.nh4d ul {margin-top:10px;}
.nh4d ul li:after {content:""; display:block; clear:both;}
.nh4d ul li {display:flex; flex-direction: row;}
.nh4d .img {}
.nh4d .img a {display:block;}
.nh4d .img a img {width:100px; height:62px; display:block;}
.nh4d .txt {padding-top:10px; flex-grow:1; padding-left:16px; position:relative;}
.nh4d .txt a {font-size:16px; line-height:19px; height:38px; font-weight:700;}
.nh4d ul li {margin-top:14px; padding-top:13px; border-top:1px solid #e5e5e5;}

.nh5d ul {margin-top:10px;}
.nh5d ul li:after {content:""; display:block; clear:both;}
.nh5d ul li {display:flex; flex-direction: row;}
.nh5d .img {}
.nh5d .img a {display:block;}
.nh5d .img a img {width:62px; border-radius:100%; overflow:hidden; height:62px; display:block;}
.nh5d .txt {padding-top:10px; flex-grow:1; padding-right:16px; position:relative;}
.nh5d .txt a {font-size:16px; line-height:19px; height:38px; font-weight:700;}
.nh5d ul li {margin-top:14px; padding-top:13px; border-top:1px solid #e5e5e5;}

.nh6d  {}
.nh6d ul li {box-sizing:border-box; float:left; width:50%; padding:5px;}
.nh6d ul {overflow:hidden; margin:-5px -5px;}
.nh6d ul:after {content:""; display:block; clear:both;}
.nh6d ul li .img img {display:block; width:100%;}
.nh6d ul li .img a {display:block; position:relative;}
.nh6d ul li .txt {margin-top:4px;}
.nh6d ul li .txt a {display:block; font-size:16px; line-height:20px; font-weight:700;}
.nh6d ul li .img .play01 {z-index:3; display:block; width:50px; height:36px; position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-18px; background:url(../img/ico_ytplay01.png) center no-repeat; background-size:contain;}
.nh6d ul li .img .dimm {position:absolute; top:0; left:0; bottom:0; right:0; display:block; background:rgba(0,0,0,0.3);}

.nh7d  {}
.nh7d ul li {box-sizing:border-box; float:left; width:50%; padding:5px;}
.nh7d ul {overflow:hidden; margin:-5px -5px;}
.nh7d ul:after {content:""; display:block; clear:both;}
.nh7d ul li .img img {display:block; width:100%;}
.nh7d ul li .txt {margin-top:4px;}
.nh7d ul li .txt a {display:block; font-size:16px; line-height:20px; font-weight:700;}


.nh8d ul li:after {content:""; display:block; clear:both;}
.nh8d ul li {display:flex; flex-direction: row;}
.nh8d ul li .w1 {flex-grow:0; width:20px;height:100%;justify-content: center;align-content: center;align-items: center;align-self: center;}
.nh8d ul li .w1 p {color:#042b68;font-weight:700;font-family:serif;font-size: 18px;line-height:24px;width: 24px;}
.nh8d ul li .w2 {overflow:hidden; flex-grow:1;justify-content: center;align-content: center;}
.nh8d ul li .w2 a {display:block; font-size:16px; line-height:24px; font-weight:600;}
.nh8d ul li + li {border-top:1px solid #e5e5e5;}
.nh8d .img {width:100px; padding-left:15px;}
.nh8d ul li {padding:16px 0;}
.nh8d .img a {display:block;}
.nh8d .img a img {
    width: 100px;
    height: 62px;
    display: block;
}

.gm2d {margin-top:4px;}
.gm2d_con ul:after {content:""; display:block; clear:both;}
.gm2d_con ul li {padding:0 4px;}
.gm2d_con ul li a {display:block; position:relative;}
.gm2d_con ul li a img {display:block; width:100%;}
.gm2d_con ul li a .dimm {z-index:2; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/dimm860x600.png) center no-repeat; background-size:cover;}
.gm2d_con ul li a .w1 {z-index:3; position:absolute; bottom:12px; left:14px; right:14px; display:block; max-height:40px; font-size:16px; line-height:20px; font-weight:700; color:#ffffff;}

.gmtit01:after {content:""; display:block; clear:both;}
.gmtit01 h2 {font-size:20px; line-height:28px; font-weight:700;}
.gm3d_con  {margin-top:9px;}
.gm3d_con ul li {box-sizing:border-box; float:left; width:50%; padding:5px;}
.gm3d_con ul {overflow:hidden; margin:-5px -5px;}
.gm3d_con ul:after {content:""; display:block; clear:both;}
.gm3d_con ul li .img img {display:block; width:100%;}
.gm3d_con ul li .txt {margin-top:4px;}
.gm3d_con ul li .txt a {display:block; font-size:16px; line-height:20px; font-weight:700;}

.gm_bn01 a {display:block;}
.gm_bn01 a img {display:block; width:100%;}
.gm4d ul {margin-top:10px;}
.gm4d ul li:after {content:""; display:block; clear:both;}
.gm4d ul li {display:flex; flex-direction: row;}
.gm4d .img {}
.gm4d .img a {display:block;}
.gm4d .img a img {width:100px; height:62px; display:block;}
.gm4d .txt {flex-grow:1; padding-left:16px; position:relative;}
.gm4d .txt .w1 {font-size:16px; line-height:19px; height:38px; font-weight:700;}
.gm4d .txt .w2 {font-size:13px; margin-top:6px; line-height:18px; color:#666666;}
.gm4d ul li + li {margin-top:25px;}


.gm5d_con {margin-top:20px;}
.gm5d {background:#000000; padding:15px 0 22px 0;}
.gm5d .gmtit01 h2 {color:#ffffff;}
.gm5d_lt .img {position:relative;}
.gm5d_lt .img a {display:block;}
.gm5d_lt .img a img {display:block; width:100%;}
.gm5d_lt .play01 {z-index:3;display:block; position:absolute; top:50%; left:50%; margin-left:-23px; margin-top:-16px; background:url(../img/ico_ytplay01.png) center no-repeat; width:45px; height:32px; background-size:cover;}
.gm5d_lt .dimm {background:rgba(0,0,0,0.36); position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;}

.gm5d_lt .txt {margin-top:9px;}
.gm5d_lt .txt a {color:#ffffff; display:block; font-size:18px; line-height:21px; max-height:42px; font-weight:700;}
.gm5d_rt {overflow:hidden; margin:0 -5px; margin-top:16px;}
.gm5d_rt .dv1 {float:left; width:50%; padding:0 5px; box-sizing: border-box;}
.gm5d_rt .img {position:relative;}
.gm5d_rt .img a {display:block;}
.gm5d_rt .img a img {display:block; width:100%;}
.gm5d_rt .play01 {z-index:3;display:block; position:absolute; top:50%; left:50%; margin-left:-23px; margin-top:-16px; background:url(../img/ico_ytplay01.png) center no-repeat; width:45px; height:32px; background-size:cover;}
.gm5d_rt .dimm {background:rgba(0,0,0,0.36); position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;}
.gm5d_rt .txt {margin-top:4px;}
.gm5d_rt .txt a {color:#ffffff; display:block; font-size:15px; line-height:19px; max-height:38px; font-weight:700;}

.gm6d ul {margin-top:8px;}
.gm6d ul li a {display:block; position:relative;}
.gm6d ul li img {display:block; width:100%;}
.gm6d ul li .dimm {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; background:url(../img/dimm860x600.png) center bottom no-repeat; background-size:cover;}
.gm6d ul li .w1 {position:absolute; z-index:3; left:16px; right:16px; bottom:16px; font-size:18px; line-height:21px; max-height:42px; font-weight:700; color:#ffffff;}
.gm6d ul li + li {margin-top:11px;}

.footer {margin-top:35px;background:#f0f0f3; padding:24px 0 38px 0;}
.footer .dv1 ul li {display:inline-block;position:relative;}
.footer .dv1 ul li + li {padding-left: 9px;margin-left: 5px;}
.footer .dv1 ul {text-align:center;}
.footer .dv1 ul li + li:before {display:block;content:"";position:absolute;left:0;top: 10px;background:#c5c5c8;width: 3px;height: 3px;border-radius:100%;}
.footer .dv1 ul li a {font-size:14px; color:#727276; font-weight:700; line-height:24px;}
.footer .dv2 {text-align:center; margin-top:5px;}
.footer .dv2 .w1 {display:inline-block; font-size:12px; line-height:24px; color:#727276;}
.footer .dv2 .w2 {margin-left:2px; display:inline-block; font-size:14px; line-height:24px; color:#727276; font-weight:700;}
.footer .dv2 .w3 {position:relative; display:inline-block; padding-left: 9px;margin-left: 5px;}
.footer .dv2 .w3 a {display:block; font-size:14px; color:#727276; font-weight:700; line-height:24px;}
.footer .dv2 .w3:before {display:block;content:"";position:absolute;left:0;top: 10px;background:#c5c5c8;width: 3px;height: 3px;border-radius:100%;}
.footer .dv3 a {display:inline-block;}
.footer .dv3 a img {width:108px; display:inline-block;}
.footer .dv3 {margin-top:18px; text-align:center;}

.gm_menu01 {display:none; border-top:1px solid #cecece; z-index:100; background:#ffffff; position:fixed; top:50px; left:0; right:0; bottom:0;}
.gm_menu01.on {display:block;}
.gm_menu01_in {posiiton:absolute; top:0; left:0; bottom:0; right:0; overflow-x:hidden; overflow-y:auto;}
.gm_menu01 .gnb01 ul li a {font-weight:600; text-align:center;display:block; font-size:16px; line-height:24px; padding:20px 10px;}
.gm_menu01 .gnb01 {padding-top:20px;}
.gm_menu01 .gnb01 ul li {}
.gm_menu01 .menu_sns01 {margin-top:30px;}
.gm_menu01 .menu_sns01 ul {text-align:center;}
.gm_menu01 .menu_sns01 ul li {display:inline-block; margin:0 4px;}
.gm_menu01 .menu_sns01 ul li a {display:block; width:40px; height:40px;}
.gm_menu01 .menu_sns01 ul li:nth-child(1) a {background:url(../img/ico_sns01.png) center no-repeat; background-size:24px auto;}
.gm_menu01 .menu_sns01 ul li:nth-child(2) a {background:url(../img/ico_sns02.png) center no-repeat; background-size:28px auto;}
.gm_menu01 .menu_sns01 ul li:nth-child(3) a {background:url(../img/ico_sns03.png) center no-repeat; background-size:24px auto;}
.gm_menu01 .menu_link01 ul {text-align:center;}
.gm_menu01 .menu_link01 ul li {position:relative;display:inline-block;}
.gm_menu01 .menu_link01 ul li + li {padding-left:11px; margin-left:10px;}
.gm_menu01 .menu_link01 ul li + li :before {content:""; display:block; top:6px; left:0; background:#cacaca; width:1px; height:12px; position:absolute;}
.gm_menu01 .menu_link01 ul li a {display:block; font-size:14px; line-height:24px; color:#333333;}
.gm_menu01 .menu_link01 {left:0; right:0;position:absolute; bottom:0; padding:12px 0; background:#eaeaea;}

.ltit01 .w1 {font-size:20px; line-height:28px; font-weight:700;}
.ltit01 .w2 {font-size:16px; line-height:28px;}
.ltit01 .w2 strong {font-weight:700; font-size:20px; color:#0162a1;}


.ltit01 {padding:15px 0 8px 0; border-bottom:2px solid #d2094b;}
.gm7d ul {margin-top:9px;}
.gm7d ul li {position:relative; height:80px;}
.gm7d ul li .img {position:absolute; top:0; right:0;}
.gm7d ul li .img a {display:block;}
.gm7d ul li .img a img {display:block; width:129px; height:80px;}
.gm7d ul li .txt2 {margin-left:25px;margin-right:145px;padding-top: 20px;}
.gm7d ul li .txt2 a {font-size:16px; line-height:20px; font-weight:700; max-height:40px;}
.gm7d ul li .txt1 a {display:block;width:25px;font-size:18px;color:#fd0116;font-weight:700;line-height: 80px;}
.gm7d ul li .txt1 {position:absolute; top:0; left:0;}
.gm7d ul li {}
.gm7d ul li + li {margin-top:14px;padding-top:14px; border-top:1px solid #eeeeee;}
.gm7d ul {}
.gm7d ul li + li .img {top:14px;}
.gm7d ul li + li .txt1 {top:14px;}
.lpop_wrap {border-radius:5px; overflow:hidden;}
.pop_top {position:relative;}
.pop_top h2 {padding-top:15px; text-align:center; font-size:15px; line-height:20px; color:#000000; font-weight:400;}
.pop_top {height:50px; border-bottom:1px solid #e6e6e6;}
.pop_top .pop_close {display:block; width:40px; height:40px; position:absolute; top:5px; right:0; background:url(../img/ico_close02.png) center no-repeat; background-size:15px;}
.pop_sns_con .w1 {line-height:0px;}
.pop_sns_con a,.pop_sns_con a img{display:block; width:50px; height:50px;}
.pop_sns_con a {display:inline-block; margin:8px 5px;}
.pop_sns_con {padding:20px 25px;}

.pop_font_con .w1 {line-height:0px;}
.pop_font_con a,.pop_font_con a img{display:block; width:50px; height:50px;}
.pop_font_con a {display:inline-block; margin:8px 5px;}
.pop_font_con {padding:20px 25px;}
.pop_font_con a {background-image:url(../img/font_sp01.png); background-size:450px 300px;}
.pop_font_con a.font01 {background-position:0px 0px;}
.pop_font_con a.font02 {background-position:-67px 0px;}
.pop_font_con a.font03 {background-position:-134px 0px;}
.pop_font_con a.font04 {background-position:-201px 0px;}
.pop_font_con a.font05 {background-position:-268px 0px;}
.pop_font_con a.font06 {background-position:-335px 0px;}
.pop_font_con a.font01.on {background-position:0px -150px;}
.pop_font_con a.font02.on {background-position:-67px -150px;}
.pop_font_con a.font03.on {background-position:-134px -150px;}
.pop_font_con a.font04.on {background-position:-201px -150px;}
.pop_font_con a.font05.on {background-position:-268px -150px;}
.pop_font_con a.font06.on {background-position:-335px -150px;}

.gmv1d {margin-top:15px; padding-bottom:20px; border-bottom:1px solid #d2094b;}
.gmv1d .w1 {font-size:20px; line-height:24px; color:#666666; font-weight:700;}
.gmv1d .w2 {margin-top:5px; font-size:24px; line-height:28px; font-weight:700;}
.gmv1d .w3 {margin-top:6px; font-size:15px; line-height:18px; color:#666666; font-weight:500;}
.gmv1d .dv1:after {content:""; display:block; clear:both;}
.gmv1d .dv1 .lt {float:left;}
.gmv1d .dv1 .lt .w4 {font-size:14px; line-height:18px; font-weight:700;}
.gmv1d .dv1 .lt .w5 {margin-top:3px;font-size:14px; line-height:18px; }
.gmv1d .dv1 {margin-top:16px;}
.gmv1d .dv1 .rt {float:right;}
.gmv1d .dv1 .rt ul li {float:left;}
.gmv1d .dv1 .rt ul li a {border-radius:100%; width:35px; height:35px; border:1px solid #c8c8c8; display:block;}
.gmv1d .dv1 .rt ul li:nth-child(1) a {background:url(../img/icon_share01.png) center no-repeat; background-size:18px auto;}
.gmv1d .dv1 .rt ul li:nth-child(2) a {background:url(../img/ico_font01.png) center no-repeat; background-size:19px auto;}
.gmv1d .dv1 .rt ul li + li {margin-left:5px;}
.lpop_wrap {display:none;}

.gmv2c {margin-top:17px;}
.gmv2c_img01 {margin:20px 0;}
.gmv2c_img01 img {display:block; width:100%;}
.gmv2c_img01 p {text-align:center; font-size:14px; line-height:20px; padding:8px; background:#f4f4f4;}
.gmv2c_con01 {font-size:18px; line-height:28px;}

.gmv2c_p01 {margin-top:20px; font-size:16px; line-height:24px; color:#666666;}
.gmv2c_more01 {text-align:center; margin-top:25px;}
.gmv2c_more01 a {text-align:center; display:inline-block; width:280px; height:36px; border:2px solid #2d2d2d; border-radius:38px;}
.gmv2c_more01 a span {background:url(../img/ico_more_blk01.png) right center no-repeat; background-size:11px auto; display:inline-block; padding-right:20px; font-size:15px; line-height:36px; font-weight:600;}





































































































































































































































































































































































/* 카테고리 섹션 */
.category_section {
    margin-top:30px;
    padding: 20px 0;
    background: #f8f8f8;
}

.category_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 10px;
}

.category_btn {
    display: block;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    transition: all 0.3s ease;
}

.category_btn:hover {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

/* SNS 섹션 */
.sns_section {
    padding: 0 0 20px 0;
    background: #f8f8f8;
}

.sns_icons {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.sns_icon {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    transition: transform 0.3s ease;
}

.sns_icon:hover {
    transform: scale(1.1);
}

.sns_icon.youtube {
    background: #ff0000;
}

.sns_icon.instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.sns_icon.facebook {
    background: #1877f2;
}

.sns_icon.twitter {
    background: #000;
}

.sns_icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.sns_icon.youtube::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='m10 15 5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z'/%3E%3C/svg%3E");
}

.sns_icon.instagram::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
}

.sns_icon.facebook::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}

.sns_icon.twitter::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}

/* PC버전 섹션 */
.pc_version_section {
    padding: 20px 0;
    background: #fff;
    /* border-top: 1px solid #e0e0e0; */
}

.pc_version_btn {
    display: block;
    margin: 0 auto;
    padding: 12px 30px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #6c757d;
    max-width: 120px;
    transition: all 0.3s ease;
}

/* 로그인/회원가입 섹션 */
.auth_section {
    padding: 24px 0 12px 0;
    background: #173970;
}

.auth_buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.auth_btn {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    transition: all 0.3s ease;
}

.auth_btn:hover {
    background: #fff;
    color: #2c3e50;
}

.divider {
    color: #fff;
    font-size: 14px;
}

/* 푸터 */
.footer {
    background: #173a71;
    color: #ecf0f1;
    margin-top: 0;
    padding: 0;
}

.footer_menu {
    padding: 10px 0 0 0;
    /* border-bottom: 1px solid #34495e; */
}

.footer_menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.footer_menu a {
    color: #ecf0f1;
    font-size: 13px;
    font-weight: 500;
}

.company_info {
    padding: 20px 0 10px 0;
    text-align: center;
}

.company_info p {
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.4;
    color: #bdc3c7;
}

.copyright {
    padding: 0 0 20px 0;
    /* border-top: 1px solid #34495e; */
    text-align: center;
}

.copyright p {
    font-size: 11px;
    color: #95a5a6;
    margin: 0;
}

/* 상단으로 이동 버튼 */
.scroll_top_btn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
}

.scroll_top_btn.show {
    opacity: 1;
    visibility: visible;
}

.scroll_top_btn:hover {
    background: #173a71;
    border-color: #173a71;
    transform: translateY(-2px);
}

.scroll_top_btn::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #666;
    transition: border-color 0.3s ease;
}

.scroll_top_btn:hover::before {
    border-bottom-color: #fff;
}

/* ===== 모바일 리스트 페이지 스타일 ===== */

/* 리스트 헤더 */
.list_header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 12px 0;
}

.list_title_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.list_title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.list_view_controls {
    display: flex;
    gap: 6px;
}

.view_btn {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.view_btn.active {
    background: #333;
    border-color: #333;
}

.view_btn:hover {
    background: #f5f5f5;
}

.view_btn.active:hover {
    background: #333;
}

/* 뷰 버튼 아이콘 */
.view_btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.view_btn.list_view::before {
    width: 16px;
    height: 12px;
    background-image:
            linear-gradient(to right, #666 0%, #666 12px, transparent 12px),
            linear-gradient(to right, #666 0%, #666 12px, transparent 12px),
            linear-gradient(to right, #666 0%, #666 12px, transparent 12px);
    background-size: 16px 2px;
    background-repeat: no-repeat;
    background-position: 0 0, 0 5px, 0 10px;
}

.view_btn.list_view.active::before {
    background-image:
            linear-gradient(to right, #fff 0%, #fff 12px, transparent 12px),
            linear-gradient(to right, #fff 0%, #fff 12px, transparent 12px),
            linear-gradient(to right, #fff 0%, #fff 12px, transparent 12px);
}

.view_btn.card_view::before {
    width: 14px;
    height: 14px;
    background-image:
            linear-gradient(to right, #666 0%, #666 6px, transparent 6px, transparent 8px, #666 8px, #666 14px),
            linear-gradient(to right, #666 0%, #666 6px, transparent 6px, transparent 8px, #666 8px, #666 14px);
    background-size: 14px 6px;
    background-repeat: no-repeat;
    background-position: 0 0, 0 8px;
}

.view_btn.card_view.active::before {
    background-image:
            linear-gradient(to right, #fff 0%, #fff 6px, transparent 6px, transparent 8px, #fff 8px, #fff 14px),
            linear-gradient(to right, #fff 0%, #fff 6px, transparent 6px, transparent 8px, #fff 8px, #fff 14px);
}

.view_btn.grid_view::before {
    width: 14px;
    height: 14px;
    background-image:
            linear-gradient(to right, #666 0%, #666 4px, transparent 4px, transparent 5px, #666 5px, #666 9px, transparent 9px, transparent 10px, #666 10px, #666 14px),
            linear-gradient(to right, #666 0%, #666 4px, transparent 4px, transparent 5px, #666 5px, #666 9px, transparent 9px, transparent 10px, #666 10px, #666 14px),
            linear-gradient(to right, #666 0%, #666 4px, transparent 4px, transparent 5px, #666 5px, #666 9px, transparent 9px, transparent 10px, #666 10px, #666 14px);
    background-size: 14px 4px;
    background-repeat: no-repeat;
    background-position: 0 0, 0 5px, 0 10px;
}

.view_btn.grid_view.active::before {
    background-image:
            linear-gradient(to right, #fff 0%, #fff 4px, transparent 4px, transparent 5px, #fff 5px, #fff 9px, transparent 9px, transparent 10px, #fff 10px, #fff 14px),
            linear-gradient(to right, #fff 0%, #fff 4px, transparent 4px, transparent 5px, #fff 5px, #fff 9px, transparent 9px, transparent 10px, #fff 10px, #fff 14px),
            linear-gradient(to right, #fff 0%, #fff 4px, transparent 4px, transparent 5px, #fff 5px, #fff 9px, transparent 9px, transparent 10px, #fff 10px, #fff 14px);
}

.article_count {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.article_count strong {
    color: #333;
    font-weight: 700;
}

/* 카테고리 탭 */
.category_tabs {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
    position: relative;
}

.tab_scroll_container {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tab_scroll_container::-webkit-scrollbar {
    display: none;
}

.tab_list {
    display: flex;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab_item {
    flex-shrink: 0;
}

.tab_link {
    display: block;
    padding: 16px 20px;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

.tab_item.active .tab_link {
    color: #333;
    border-bottom-color: #333;
    font-weight: 600;
}

.tab_link:hover {
    color: #333;
}

/* 기사 리스트 */
.article_list {
    background: #fff;
    padding: 20px 0;
}

.article_items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.article_item {
    display: flex;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
}

/*
.article_item:last-child {
    border-bottom: none;
}
*/

.article_thumbnail {
    flex-shrink: 0;
    width: 100px;
    height: 75px;
    margin-right: 15px;
    overflow: hidden;
    /* border-radius: 6px; */
}

.article_thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
}

.article_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.article_content {
    flex: 1;
    min-width: 0;
}

.article_title {
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
}

.article_title a {
    color: #333;
    text-decoration: none;
}

.article_title a:hover {
    color: #000;
}

.article_meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #999;
}

.article_source {
    color: #666;
}

.article_time {
    position: relative;
    /* margin-left: 2px; */
    padding-left: 2px;
}

.article_time::before {
    content: "|";
    position: absolute;
    left: -5px;
    color: #ddd;
}

/* 더보기 버튼 */
.load_more_section {
    margin-top: 30px;
    text-align: center;
}

.load_more_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 25px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    transition: all 0.2s ease;
}

.load_more_btn:hover {
    background: #e9ecef;
    color: #333;
}

.load_more_btn svg {
    transition: transform 0.2s ease;
}

.load_more_btn:hover svg {
    transform: translateY(2px);
}

/* 뷰 타입별 스타일 */

/* 리스트 뷰 (기본) */
.article_list.list-view .article_item {
    display: flex;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
}

.article_list.list-view .article_thumbnail {
    flex-shrink: 0;
    width: 100px;
    height: 75px;
    margin-right: 15px;
    margin-bottom: 0;
}

.article_list.list-view .article_listcont {
    flex: 1;
    min-width: 0;
}

/* 카드 뷰 */
.article_list.card-view .article_items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article_list.card-view .article_item {
    display: block;
    /* padding: 16px; */
    /* border: 1px solid #e5e5e5; */
    border-radius: 8px;
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); */
    transition: box-shadow 0.2s ease;
}

.article_list.card-view .article_item:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.article_list.card-view .article_thumbnail {
    width: 100%;
    height: 200px;
    margin-right: 0;
    margin-bottom: 12px;
    /* border-radius: 6px; */
}

.article_list.card-view .article_content {
    width: 100%;
}

.article_list.card-view .article_title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 12px;
}

.article_list.card-view .article_meta {
    justify-content: flex-start;
}

/* 그리드 뷰 */
.article_list.grid-view .article_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.article_list.grid-view .article_item {
    display: block;
    /* padding: 12px; */
    /* border: 1px solid #e5e5e5; */
    /* border-radius: 6px; */
    /* transition: box-shadow 0.2s ease; */
}

.article_list.grid-view .article_item:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.article_list.grid-view .article_thumbnail {
    width: 100%;
    height: 120px;
    margin-right: 0;
    margin-bottom: 8px;
    /* border-radius: 4px; */
}

.article_list.grid-view .article_content {
    width: 100%;
}

.article_list.grid-view .article_title {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 8px;
    height: 36px;
    overflow: hidden;
}

.article_list.grid-view .article_meta {
    font-size: 11px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.article_list.grid-view .article_time::before {
    display: none;
}

/* 반응형 조정 */
@media (max-width: 360px) {
    .article_list.list-view .article_thumbnail {
        width: 80px;
        height: 60px;
        margin-right: 12px;
    }

    .article_list.list-view .article_title {
        font-size: 15px;
    }

    .article_list.card-view .article_thumbnail {
        height: 180px;
    }

    .article_list.card-view .article_title {
        font-size: 16px;
    }

    .article_list.grid-view .article_items {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .article_list.grid-view .article_thumbnail {
        height: 140px;
    }

    .article_list.grid-view .article_title {
        font-size: 15px;
        height: auto;
    }

    .article_list.grid-view .article_meta {
        font-size: 12px;
    }

    .list_title {
        font-size: 22px;
    }

    .view_btn {
        width: 28px;
        height: 28px;
    }
}

/* ===== 추가 섹션 스타일 ===== */

/* 공통 섹션 제목 */
.section_title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px 0;
}

/* 많이 본 뉴스 섹션 */
.popular_news_section {
    background: #fff;
    padding: 30px 0;
    border-bottom: 8px solid #f5f5f5;
}

.popular_news_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popular_news_item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.popular_news_item:last-child {
    border-bottom: none;
}

.news_rank {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: #ff4444;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    margin-right: 12px;
}

.news_content {
    flex: 1;
    min-width: 0;
    margin-right: 12px;
}

.news_title {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    margin: 0;
    font-weight: 500;
}

.news_thumbnail {
    flex-shrink: 0;
    width: 60px;
    height: 45px;
    overflow: hidden;
    border-radius: 4px;
}

.news_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 온라인 광고 배너 */
.online_ad_banner {
    background: linear-gradient(135deg, #4FC3F7 0%, #9C27B0 100%);
    padding: 30px 0;
}

.ad_content {
    text-align: center;
    color: #fff;
}

.ad_text h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.ad_text p {
    font-size: 14px;
    margin: 0 0 20px 0;
    opacity: 0.9;
}

.ad_button {
    background: #ff4444;
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.ad_button:hover {
    background: #e53935;
}

/* 카드뉴스 섹션 */
.card_news_section {
    background: #fff;
    padding: 12px 0 0px 0;
}

.card_news_slider {
    margin-bottom: 20px;
    position: relative;
}

.card_news_item {
    text-align: center;
    outline: none;
}

.card_image {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 15px;
}

.card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card_title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0;
}

/* slick 기본 스타일 재정의 */
.card_news_slider .slick-slide {
    outline: none;
}

.card_news_slider .slick-track {
    display: flex;
    align-items: stretch;
}

/* 커스텀 슬라이더 컨트롤 */
.slider_controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.slider_prev,
.slider_next {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
    transition: all 0.2s ease;
}

.slider_prev:hover,
.slider_next:hover {
    background: #f5f5f5;
    border-color: #ccc;
}

.slider_indicator {
    font-size: 14px;
    color: #666;
}

/* 주요뉴스 섹션 */
.major_news_section {
    background: #fff;
    padding-top:12px;
}

.major_news_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.major_news_item {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.major_news_item:last-child {
    border-bottom: none;
}

.major_news_title {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    margin: 0;
    font-weight: 500;
    cursor: pointer;
}

.major_news_title:hover {
    color: #000;
}

/* 반응형 조정 */
@media (max-width: 360px) {
    .section_title {
        font-size: 18px;
    }

    .news_rank {
        width: 20px;
        height: 20px;
        font-size: 12px;
        margin-right: 10px;
    }

    .news_title {
        font-size: 13px;
    }

    .news_thumbnail {
        width: 50px;
        height: 38px;
    }

    .ad_text h3 {
        font-size: 20px;
    }

    .card_image {
        height: 240px;
    }

    .card_title {
        font-size: 15px;
    }

    .major_news_title {
        font-size: 14px;
    }
}

/* ===== 기사 뷰 스타일 ===== */

/* 기사 뷰 전체 */
.article_view {
    background: #fff;
}

/* 카테고리 */
.article_category {
    padding: 15px 0 10px 0;
}

.category_tag {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/* 기사 제목 */
.article_header {
    padding: 0 0 20px 0;
}

.article_view_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #000;
    margin: 0;
    word-break: break-all;
}

.article_view_subtitle {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    margin: 6px 0 0 0;
    word-break: break-all;
}

/* 기사 메타정보 */
.article_meta_section {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.meta_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.author {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.meta_details {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    color: #666;
}

.publish_date {
    display: flex;
    align-items: center;
}

.comments {
    position: relative;
    padding-left: 10px;
}

.comments::before {
    content: "|";
    position: absolute;
    left: -8px;
    color: #ddd;
}

/* 공유 버튼 */
.article_sharing {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.sharing_buttons {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.share_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: none;
    background: none;
    cursor: pointer;
    color: #666;
    transition: color 0.2s ease;
}

.share_btn:hover {
    color: #333;
}

.share_btn svg {
    margin-bottom: 4px;
}

/* 기사 메인 이미지 */
.article_main_image {
    padding: 20px 0;
}

.image_container {
    width: 100%;
    overflow: hidden;
}

.image_container img {
    width: 100%;
    height: auto;
    display: block;
}

/* 기사 본문 */
.article_content {
    padding: 20px 0 30px 0;
    border-bottom: 1px solid #e5e5e5;
}

.content_text {
    font-size: 17px;
    line-height: 1.6;
    color: #000;
}

.content_text p {
    margin: 0 0 15px 0;
}

.content_text p:last-child {
    margin-bottom: 0;
}

/* 기자 정보 */
.article_author {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.author_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.author_profile {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author_image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: #f5f5f5;
}

.author_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.author_details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.author_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.author_email {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.contact_btn {
    padding: 8px 16px;
    background: #173a71;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
}

.contact_btn:hover {
    background: #0f2851;
}

/* 저작권 정보 */
.article_copyright {
    padding: 15px 0 20px 0;
}

.copyright_text {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin: 0;
    line-height: 1.4;
}

/* SNS 공유 팝업 */
.share_popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
}

.share_popup_overlay.show {
    display: flex;
}

.share_popup {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin: 20px;
    max-width: 300px;
    width: 100%;
    position: relative;
}

.share_popup_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.share_popup_title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.share_popup_close {
    background: none;
    border: none;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share_sns_icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.share_sns_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 15px 10px;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.share_sns_btn:hover {
    background: #f5f5f5;
}

.share_sns_btn .sns_icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share_sns_btn.facebook .sns_icon {
    background: #1877f2;
}

.share_sns_btn.twitter .sns_icon {
    background: #000;
}

.share_sns_btn.kakao .sns_icon {
    background: #fee500;
}

.share_sns_btn.link .sns_icon {
    background: #666;
}

.share_sns_btn .sns_icon svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}

.share_sns_btn.kakao .sns_icon svg {
    fill: #000;
}

.share_sns_btn .sns_label {
    font-size: 12px;
    color: #666;
}

/* 새로운 모바일 메뉴 2depth 구조 */
.mobile_nav {
    padding: 20px 0;
}

.mobile_nav_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav_item {
    border-bottom: 1px solid #e5e5e5;
}

.nav_item:last-child {
    border-bottom: none;
}

.nav_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease;
}

.nav_link:hover {
    background: #f8f9fa;
}

.nav_link.simple {
    font-weight: 500;
}

.nav_text {
    flex: 1;
}

.nav_arrow {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    transition: color 0.2s ease;
}

.nav_item.active .nav_arrow {
    color: #173a71;
}

.submenu_list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f8f9fa;
    display: none;
    border-top: 1px solid #e0e0e0;
}

.submenu_list li {
    border-bottom: 1px solid #e0e0e0;
}

.submenu_list li:last-child {
    border-bottom: none;
}

.submenu_link {
    display: block;
    padding: 14px 20px 14px 40px;
    font-size: 15px;
    color: #555;
    text-decoration: none;
    position: relative;
    transition: all 0.2s ease;
}

.submenu_link:hover {
    background: #e9ecef;
    color: #173a71;
}

.submenu_link::before {
    content: '•';
    position: absolute;
    left: 28px;
    color: #999;
    font-size: 12px;
}

/* 활성화된 메뉴 스타일 */
.nav_item.active .nav_link {
    background: #f8f9fa;
    color: #173a71;
}

/* 검색 UI */
.search_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.search_overlay.show {
    display: block;
    opacity: 1;
}

.search_container {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.search_header {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}

.search_input_wrap {
    flex: 1;
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border-radius: 25px;
    padding: 0 15px;
    margin-right: 15px;
}

.search_input {
    flex: 1;
    border: none;
    background: none;
    padding: 12px 0;
    font-size: 16px;
    outline: none;
	width: calc(100% - 24px);
}

.search_input::placeholder {
    color: #999;
}

.search_submit_btn {
    width: 24px;
    height: 24px;
    border: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    flex-shrink: 0;
}

.search_close_btn {
    width: 24px;
    height: 24px;
    border: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>') no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    flex-shrink: 0;
}


/* 반응형 조정 */
@media (max-width: 360px) {
    .article_view_title {
        font-size: 20px;
    }
    
    .sharing_buttons {
        gap: 15px;
    }
    
    .share_btn {
        width: 45px;
        height: 45px;
    }
    
    .author_profile {
        gap: 10px;
    }
    
    .author_image {
        width: 40px;
        height: 40px;
    }
    
    .author_name {
        font-size: 15px;
    }
    
    .contact_btn {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .nav_link {
        padding: 14px 15px;
        font-size: 16px;
    }
    
    .submenu_link {
        padding: 12px 15px 12px 35px;
        font-size: 14px;
    }
    
    .nav_arrow {
        width: 20px;
        height: 20px;
        font-size: 18px;
    }
}


.detailCont figure {
	margin: 0;
	padding: 18px 0;
}
.detailCont figure img {
	line-height: 0;
}
.detailCont figcaption{
	font-size: 14px;
	color: #999999;
	line-height: 18px;
	font-weight: 300;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 12px;
	padding: 0px 4px 7px 4px;
}