@charset "utf-8";

@font-face {
    font-family:'Spoqa Han Sans Neo';
    font-weight:700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
    font-family:'Spoqa Han Sans Neo';
    font-weight:500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family:'Spoqa Han Sans Neo';
    font-weight:400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family:'Spoqa Han Sans Neo';
    font-weight:300;
    src: local('Spoqa Han Sans Neo Light'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

:root{
    --logo_w:126px;
    --logo_h:24px;



}

html,body,div,ul,ol,dl,li,dt,dd,p,h1,h2,h3,h4,h5,h6,table,th,td,caption,address,article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section,button,select,textarea,input,fieldset,legend,a,span,strong,em,address,dfn,small,i,b {margin: 0;padding: 0;border: 0;list-style: none;font-size: inherit;font-weight: inherit;font-family: inherit;line-height: inherit;color:inherit;word-break: inherit;word-wrap: inherit;box-sizing: inherit;}
:before,:after {box-sizing: inherit;}
article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section {display: block;}
body {word-break: keep-all;word-wrap: break-word;box-sizing: border-box;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
html[lang='ja'] body,
html[lang='zh'] body {word-break: normal;}
[hidden],hr {display: none;}
img {vertical-align: middle;}
button {background-color: transparent;cursor: pointer;}
b,strong {font-weight: inherit;}
fieldset,iframe {width: 100%;}
img,a,frame,iframe,fieldset {border: 0;}
a {text-decoration: none;color: inherit;display: block;}
table {width: 100%;border-spacing: 0;border-collapse: collapse;}
caption {display: block;position: absolute;left: -9999px;}
legend {position: absolute;left: -9999em;top: -9999em;}
button {overflow: hidden;background-color: transparent;cursor: pointer;}
button::-moz-focus-inner {border: 0px;padding: 0px;}
em {font-style:normal;}

body{font-family:'Spoqa Han Sans Neo';color:#000;}

.inner{position:relative;width:100%;max-width:1312px;padding:0 16px;box-sizing:border-box;margin:0 auto;}

#header {border-bottom:1px solid #008689;}
#header .inner{display:flex;justify-content:space-between;align-items:center;height:60px;}

#header .option_box{display:flex;justify-content:flex-start;align-items:center;gap:15px;}
#header .option_box .btn_opt{display:flex;justify-content:flex-start;align-items:center;font-size:16px;font-weight:500;line-height:100%;padding:0 12px;box-sizing:border-box;border:1px solid #000;border-radius:30px;height:34px;}
#header .option_box .btn_opt:hover{color:#fff;background:#008689;border:1px solid #008689;}
#header .option_box .btn_opt .ic_btn{display:block;margin-left:3px;background-position:center;}
#header .option_box .btn_opt.volume .ic_btn{width:24px;height:24px;background:url(../img/ic_vol.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.volume:hover .ic_btn{background:url(../img/ic_vol_w.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.volume.off .ic_btn{background:url(../img/ic_vol_off.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.volume.off:hover .ic_btn{background:url(../img/ic_vol_off_w.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.high-cont .ic_btn{width:22px;height:22px;background:url(../img/ic_light.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.high-cont:hover .ic_btn{background:url(../img/ic_light_w.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.high-cont.off .ic_btn{background:url(../img/ic_light_off.png) no-repeat;background-position:center;background-size:cover;}
#header .option_box .btn_opt.high-cont.off:hover .ic_btn{background:url(../img/ic_light_off_w.png) no-repeat;background-position:center;background-size:cover;}
#header .option_box .btn_opt.zoomin .ic_btn{width:20px;height:20px;background:url(../img/ic_zoomin.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.zoomin:hover .ic_btn{background:url(../img/ic_zoomin_w.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.zoomout .ic_btn{width:20px;height:20px;background:url(../img/ic_zoomout.png) no-repeat;background-size:cover;}
#header .option_box .btn_opt.zoomout:hover .ic_btn{background:url(../img/ic_zoomout_w.png) no-repeat;background-size:cover;}

.section.top .inner{padding:40px 16px 0;}
.section.top .sec_head{display:flex;justify-content:flex-start;align-items:flex-end;}

.section.top .sec_head .top_logo{width:126px;height:24px;margin-right:20px;margin-bottom:5px;align-self:center;flex-shrink:0;}/*250226 추가*/
.section.top .sec_head .top_logo a{display:block;width:100%;height:100%;background:url(../img/logo.png)no-repeat;background-size:cover;}/*250226 추가*/
.section.top .sec_head .page_title{font-size:42px;font-weight:700;line-height:63px;flex-shrink:0;margin-right:15px;flex-shrink:0;}/*250226 수정*/
.section.top .sec_head .text_title{font-size:17px;font-weight:400;line-height:53px;color:#111;flex-shrink:0;}/*250226 수정*/
.section.top .sec_head .volume_box{display:flex;justify-content:flex-start;align-items:center;gap:11px;margin-left:34px;}/*250226 추가*/
.section.top .sec_head .volume_box .btn{display:flex;justify-content:center;align-items:center;gap:3px;width:127px;height:41px;font-size:18px;font-weight:500;line-height:100%;color:#000;border: 1px solid #000;margin-bottom:8px;}/*250226 추가*/
/* .section.top .sec_head .volume_box .btn:hover{color:#008689;} *//*250226 추가*/
.section.top .sec_head .volume_box .btn .ic_btn{display:block;width:24px;height:24px;}/*250226 추가*/
.section.top .sec_head .volume_box .btn.volume .ic_btn{background: url(../img/ic_vol.png) no-repeat;background-size:cover;margin-left:3px;}/*250226 추가*/
.section.top .sec_head .volume_box .btn.volume.off .ic_btn{background: url(../img/ic_vol_off.png) no-repeat;background-size:cover;}/*250226 추가*/

.section.top .content_box{margin-top:20px;padding:32px;border:1px solid #000;}
.section.top .content_box .sec_title{font-size:22px;font-weight:700;line-height:150%;}
.section.top .content_box .key_guide{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:0 22px;margin-top:20px;}
.section.top .content_box .key_guide .guide_item{display:flex;justify-content:flex-start;align-items:center;font-size:14px;font-weight:500;line-height:150%;}
.section.top .content_box .key_guide .guide_item::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#5A5A5A;margin-right:4px;}

.section.news_list .inner{padding:50px 16px 100px;}
.section.news_list .news_tab{display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #000;}
.section.news_list .news_tab .btn_tab{display:block;width:150px;font-size:16px;font-weight:500;line-height:150%;color:#5A5A5A;padding:10px;border:1px solid #E5E5E5;border-bottom:0;text-align:center;}
.section.news_list .news_tab li + li .btn_tab{border-left:0;}
.section.news_list .news_tab .btn_tab:hover,
.section.news_list .news_tab .btn_tab.is_focus{font-weight:700;color:#008689;text-decoration:underline;border:1px solid #000;border-bottom:0;}
.section.news_list .news_tab .btn_tab.is_active{color:#000;text-decoration:underline;border:1px solid #000;border-bottom:0;}

.section.news_list .news_tab li:has(.btn_tab.is_active) + li .btn_tab:focus,
.section.news_list .news_tab li:has(.btn_tab.is_active) + li .btn_tab:hover{border-left:1px solid transparent}
.section.news_list .news_tab li:has(.btn_tab:focus) + li .btn_tab.is_active,
.section.news_list .news_tab li:has(.btn_tab:hover) + li .btn_tab.is_active{border-left:1px solid transparent}

.section.news_list .news_item{border-bottom:1px solid #E5E5E5;}
.section.news_list .news_item .headline_box{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:20px;}

.section.news_list .news_item .headline_box .headline{font-size:24px;font-weight:700;line-height:150%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:10px 0;cursor:pointer;width:100%;}
.section.news_list .news_item .headline_box:hover .headline,
.section.news_list .news_item .headline_box:focus .headline{color:#008689;text-decoration:underline;}
.section.news_list .news_item .headline_box .release{font-size:16px;font-weight:500;line-height:150%;color:#5A5A5A;flex-shrink:0;}
.section.news_list .news_item .headline_box:focus .release,
.section.news_list .news_item .headline_box:hover .release{color:#008689;}

.section.news_list .news_item .article_box{border-top:1px solid #E5E5E5;padding:20px 10px;display:none;}
.section.news_list .news_item .article_box.is_active{display:block;}
.section.news_list .news_item .article_box .text{font-size:20px;font-weight:400;line-height:150%;text-align:justify;}

#footer {background:#111;}
#footer .inner{padding:51px 16px;}
#footer .copyright{font-size:16px;font-weight:400;line-height:150%;color:#fff;text-align:right;}

.section.news_list .news_tab .btn_tab:hover,
.section.news_list .news_tab .btn_tab:focus,
.section.news_list .news_item .headline_box .headline a:hover,
.section.news_list .news_item .headline_box .headline a:focus{color:#008689;}

/* 다크모드 */
body.dark{color:#fff;background:#111;}
.dark *{border-color:#fff!important;}
.dark #header .top_logo a{display:block;width:100%;background:url(../img/logo_w.png)no-repeat;background-size:cover;}

.dark #header .option_box .btn_opt{color:#000;background:#fff;border:1px solid #000;border-color:#000!important;}
.dark #header .option_box .btn_opt:hover{color:#000;background:#F7F023;}

.dark #header .option_box .btn_opt.volume .ic_btn{width:24px;height:24px;background:url(../img/ic_vol.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.volume:hover .ic_btn{background:url(../img/ic_vol.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.volume.off .ic_btn{background:url(../img/ic_vol_off.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.volume.off:hover .ic_btn{background:url(../img/ic_vol_off.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.high-cont .ic_btn{width:22px;height:22px;background:url(../img/ic_light.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.high-cont:hover .ic_btn{background:url(../img/ic_light.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.high-cont.off .ic_btn{width:18px;height:18px;background:url(../img/ic_light_off.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.high-cont.off:hover .ic_btn{background:url(../img/ic_light_off.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.zoomin .ic_btn{width:20px;height:20px;background:url(../img/ic_zoomin.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.zoomin:hover .ic_btn{background:url(../img/ic_zoomin.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.zoomout .ic_btn{width:20px;height:20px;background:url(../img/ic_zoomout.png) no-repeat;background-size:cover;}
.dark #header .option_box .btn_opt.zoomout:hover .ic_btn{background:url(../img/ic_zoomout.png) no-repeat;background-size:cover;}

.dark .section.top .sec_head .top_logo a{display:block;width:100%;height:100%;background:url(../img/logo_w.png)no-repeat;background-size:cover;}/*250226 추가*/
.dark .section.top .sec_head .volume_box .btn{color:#fff;}/*250226 추가*/
/* .dark .section.top .sec_head .volume_box .btn:hover{color:#F7F023;} *//*250226 추가*/
.dark .section.top .sec_head .volume_box .btn.volume .ic_btn{background: url(../img/ic_vol_w.png) no-repeat;background-size:cover;}/*250226 추가*/
.dark .section.top .sec_head .volume_box .btn.volume.off .ic_btn{background: url(../img/ic_vol_off_w.png) no-repeat;background-size:cover;}/*250226 추가*/

.dark .section.news_list .news_tab li:has(.btn_tab.is_active) + li .btn_tab:focus,
.dark .section.news_list .news_tab li:has(.btn_tab.is_active) + li .btn_tab:hover{border-left:1px solid transparent!important;border-top:1px solid #fff!important;}
.dark .section.news_list .news_tab li:has(.btn_tab:hover) + li .btn_tab.is_active,
.dark .section.news_list .news_tab li:has(.btn_tab:focus) + li .btn_tab.is_active{border-left:1px solid transparent!important;border-top:1px solid #fff!important;}

.dark .section.top .sec_head .text_title{color:#fff;}
.dark .section.news_list .news_tab .btn_tab{color:#ACABAB;border-color:#ACABAB!important;}
.dark .section.news_list .news_tab .btn_tab.is_active,
.dark .section.news_list .news_tab .btn_tab:hover,
.dark .section.news_list .news_tab .btn_tab:focus
{color:#F7F023;border-color:#fff!important;}
.dark .section.news_list .news_item{border-bottom:1px solid #ACABAB!important;}
.dark .section.news_list .news_item .headline_box.is_active .headline{color:#F7F023;}
.dark .section.news_list .news_item .headline_box .release{color:#E5E5E5;}
.dark .section.news_list .news_item .headline_box.is_active .release{color:#F7F023;}

.dark .section.news_list .news_item .article_box{border-top:1px solid #ACABAB!important;}

.dark #footer {background:#fff;}
.dark #footer .copyright{color:#111;}

.dark .section.news_list .news_tab .btn_tab:hover,
.dark .section.news_list .news_tab .btn_tab:focus,
.dark .section.news_list .news_item .headline_box:hover .headline,
.dark .section.news_list .news_item .headline_box:focus .headline{color:#F7F023;}


@media screen and (max-width: 1025px){
    .section.top .sec_head{flex-wrap:wrap;}
    .section.top .sec_head .page_title{font-size:34px;line-height:1em;margin-right:200px;}
    .section.top .sec_head .text_title{line-height:1em;padding:14.5px 0;flex-shrink:0;}
    .section.top .sec_head .volume_box{margin-left:auto;}
    .section.top .sec_head .volume_box .btn{margin-bottom:14.5px;}

    .section.top .content_box{margin-top:0;}
}

@media screen and (max-width: 768px){
    .section.top .sec_head .page_title{margin-right:0;}
    .section.top .sec_head .text_title{flex-shrink:1;}
}