@charset "utf-8";

body {font-size:16px;margin:0;padding:0;font-family:Pretendard, sans-serif;color:#464646;font-weight:400}
input, select, button, textarea{font-family:Pretendard, sans-serif;font-size:16px;font-weight:300;color:#464646}
em{font-style:normal}
input[type=submit]{cursor:pointer}
.s_con{font-size:17px;line-height:1.5em}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}
.new_win{display:inline-block;width:15px;height:0;padding:13px 0 0 0;overflow:hidden;margin:0 0 0 7px;vertical-align:baseline;background:url("/images/01_portal/common/ico_cmd.png") -20px -120px}

header{text-align:center;border-bottom:1px solid #222}
.head{margin:0 6.25%}
.head h1{font-size:30px;font-weight:800;margin:20px 0}
.gnb{text-align:left;padding:10px 0;border-bottom:1px solid #e9e9e9}
.gnb ul{margin:0 6.25%}
.gnb li{display:inline-block}
.gnb li a:hover,.gnb li a:focus{text-decoration:underline}
nav{margin:20px 0}
nav li{display:inline-block}
nav li a{display:block;padding:7px 5px 5px 5px;color:#222;font-size:16px;font-weight:500;position:relative}
nav li.on a{font-weight:700}
nav li.on a:after,nav li a:hover:after,nav li a:focus:after{content:"";display:block;position:absolute;top:0;left:5px;right:5px;height:3px;background:#222}
footer{border-top:1px solid #e9e9e9}
footer div{padding:20px 6.25%}
footer address{font-style:normal;font-size:14px;line-height:1.25em;color:#898989;margin:0 0 10px 0}
footer address span{padding:0 10px}
footer p{font-size:14px;color:#898989}

.main_con{margin:50px 6.25%}
.mnews{margin:40px 0;position:relative}
.mnews h3{color:#222;margin:0 0 15px 0;text-overflow:ellipsis;overflow:hidden;max-height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mnew_btn{/* display:none;position:absolute;top:0;right:0 */margin:10px 0}
.mnew_btn button{width:50px;height:50px;overflow:hidden;padding:0;background:#f3f5f8}
.mnew_btn button:before{content:"";display:block;width:20px;height:20px;margin:15px;background:url("/images/01_portal/main/ico_main.png") no-repeat}
.mnew_btn button.prev:before{background-position:0 -20px}
.mnew_btn button.next:before{background-position:-20px -20px}
.mnew_list{border-top:2px solid #222;padding:20px 0 0 0}
.mnew_list div{width:auto !important}
.mnew_list li{margin:0 0 20px 0}
/* .mnew_list li:nth-child(n+5){display:none} */
.mnew_list li a{display:block}
.mnew_list li a:hover,.mnew_list li a:focus{text-decoration:underline}
.mnew_list li img{width:100%}
.mnew_list li span{display:block;color:#222;font-weight:700;font-size:24px;margin:10px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-height:70px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mnew_list li.play{position:relative}
.mnew_list li.play:after{content:"";display:block;width:40px;height:40px;background:url("/images/01_portal/main/ico_main.png") no-repeat -260px 0;position:absolute;top:40%;left:50%;transform:translate(-50%, -50%)}
.mnews.on .mnew_list li:nth-child(n+5){display:block}
.mnews>button{display:block;width:50px;height:50px;overflow:hidden;padding:0;background:#f3f5f8;margin:0 auto}
.mnews>button:before{content:"";display:block;width:20px;height:20px;margin:15px;background:url("/images/01_portal/main/ico_main.png") no-repeat -80px -20px}
.mnews.on>button{display:none}

.mbriefing{margin:40px 0;position:relative}
.mbriefing h2{color:#222;margin:0 0 15px 0}
.mbriefing .more{position:absolute;top:-5px;right:0}
.mbriefing .more a{display:block;width:50px;height:50px;overflow:hidden;padding:0;background:#f3f5f8}
.mbriefing .more a:before{content:"";display:block;width:20px;height:20px;margin:15px;background:url("/images/01_portal/main/ico_main.png") no-repeat -80px -20px}
.mbri_list{border-top:2px solid #222}
.mbri_list li:first-child{border:none}
.mbri_list li{border-top:1px solid #e9e9e9}
.mbri_list li a{display:block;padding:20px 0}
.mbri_list li strong{display:block;color:#222;margin:0 0 10px 0;text-overflow:ellipsis;overflow:hidden;max-height:55px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mbri_list li a:hover strong,.mbri_list li a:focus strong{text-decoration:underline}
.mbri_list li em{display:none;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;max-height:50px;
-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#464646}
.mbri_list li span{display:block;color:#898989;font-size:15px}
.mbri_list li:first-child strong{}
.mbri_list li:first-child em{}
.mbri_list li:first-child span{}

.mshort{margin:40px 0;position:relative}
.mshort h2{color:#222;margin:0 0 15px 0}
.mshort div img{width:100%}
.mshort p{position:absolute;top:-5px;right:0}
.mshort p a{display:block;width:50px;height:50px;overflow:hidden;padding:0;background:#f3f5f8}
.mshort p a:before{content:"";display:block;width:20px;height:20px;margin:15px;background:url("/images/01_portal/main/ico_main.png") no-repeat -80px -20px}

.mphoto{position:relative}
.mphoto h2{color:#222;margin:0 0 15px 0}
.mphoto_list{border-top:2px solid #222;padding:20px 0 0 0}
.mphoto_list li{margin:0 0 30px 0}
.mphoto_list li a{display:block}
.mphoto_list img{width:100%;height:190px}
.mphoto_list strong{color:#222;display:block;margin:10px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.mphoto_list a:hover strong,.mphoto_list a:focus strong{text-decoration:underline}
.mphoto_list span{display:block;color:#898989;font-size:15px}
.mphoto p{position:absolute;top:-5px;right:0}
.mphoto p a{display:block;width:50px;height:50px;overflow:hidden;padding:0;background:#f3f5f8}
.mphoto p a:before{content:"";display:block;width:20px;height:20px;margin:15px;background:url("/images/01_portal/main/ico_main.png") no-repeat -80px -20px}

.sub_con{padding:30px 0 50px 0;margin:0 6.25%}

.basic_box{padding:30px;margin:20px 0 30px 0;border:1px solid #0f447f;border-top:3px solid #0f447f;word-break:keep-all}
.basic_box li{padding:0 0 0 12px;margin:5px 0;position:relative}
.basic_box li:before{content:"";display:block;width:5px;height:5px;background:#0f447f;position:absolute;top:7px;left:0} 
.basic_box li ul{margin:10px 0}
.basic_box li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.basic_box li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_box li li li{padding:0 0 0 10px;margin:7px 0}
.basic_box li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_box2{padding:30px;margin:20px 0 30px 0;background:#f3f5f8;word-break:keep-all}
.basic_box2 li{padding:0 0 0 12px;margin:5px 0;position:relative}
.basic_box2 li:before{content:"";display:block;width:5px;height:5px;background:#0f447f;position:absolute;top:7px;left:0} 
.basic_box2 li ul{margin:10px 0}
.basic_box2 li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.basic_box2 li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_box2 li li li{padding:0 0 0 10px;margin:7px 0}
.basic_box2 li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}

/* Tablet */
@media all and (min-width:768px) {
.head h1{font-size:40px;margin:30px 0}
.gnb ul{margin:0 3.90625%}
nav li{margin:0 5px}
nav li a{font-size:18px}
footer{text-align:center}
footer div{padding:30px 3.90625%}
.main_con{margin:50px 3.90625%}
.mnews{margin:50px 0;overflow:hidden}
.mnews h3{font-size:40px;max-height:50px;-webkit-line-clamp:1;padding:0 110px 0 0}
.mnew_btn{display:block}
.mnew_list ul{overflow:hidden;margin-left:-10px}
.mnew_list li{float:left;margin:0 0 0 10px;width:calc(33.333% - 10px) !important}
.mnew_list li.play:after{top:40%;left:50%}
    /*
.mnew_list li:nth-child(n+5){display:block}
.mnew_list li.bodo{width:200px !important}
.mnew_list li.photo{width:250px !important}
.mnew_list li.play{width:250px !important}
.mnew_list li.short{width:130px !important}
.mnew_list li.card{width:200px !important}
.mnew_list li.gvn{width:200px !important} */    
.mnew_list ul.col3 li{width:calc(33.333% - 10px) !important}
.mnew_list ul.col4 li{width:calc(25% - 10px) !important}
.mnew_list ul.col5 li{width:calc(20% - 10px) !important}
.mnew_list ul.col6 li{width:calc(16.66666666666667% - 10px) !important}
    
.mnews>button{display:none !important}
.mbodobox{overflow:hidden;margin:50px 0}
.mbriefing{margin:0;float:left;width:calc(100% - 310px)}
.mbriefing h2{font-size:40px}
.mbriefing .more{top:0}
.mshort{margin:0;float:right;width:270px}
.mshort h2{font-size:40px}
.mshort p{top:0}
.mphoto h2{font-size:40px}
.mphoto_list ul{overflow:hidden;margin-left:-20px}
.mphoto_list li{float:left;width:50%}
.mphoto_list li:nth-child(n+3){margin:0}
.mphoto_list li a{margin:0 0 0 20px}
.sub_con{margin:0 3.90625%}
}

/* Desktop */
@media all and (min-width:1023px) {
.head h1{font-size:60px;margin:50px 0}
.gnb ul{width:1400px;margin:0 auto}
nav li{margin:0 20px}
nav li a{font-size:24px}
footer div{width:1400px;margin:0 auto}
footer address{display:inline;margin:0 20px 0 0}
footer p{display:inline}
.main_con{width:1400px;margin:50px auto}
.mnews{margin: 100px 0;}
.mnew_list ul{margin-left:-30px}
.mnew_list li{margin: 0 0 0 30px;width:calc(33.333% - 30px) !important}
.mnew_list li.play:after{top:40%;left:50%}
    /*
.mnew_list li.bodo{width:420px !important}
.mnew_list li.photo{width:420px !important}
.mnew_list li.play{width:420px !important}
.mnew_list li.short{width:210px !important}
.mnew_list li.card{width:290px !important}
.mnew_list li.gvn{width:420px !important}
    */    
.mnew_list ul.col3 li{width:calc(33.333% - 30px) !important}
.mnew_list ul.col4 li{width:calc(25% - 30px) !important}
.mnew_list ul.col5 li{width:calc(20% - 30px) !important}
.mnew_list ul.col6 li{width:calc(16.66666666666667% - 30px) !important}
    
.mbodobox{margin: 100px 0;}
.mbriefing{width:calc(100% - 340px)}
.mbri_list li a{overflow:hidden}
.mbri_list li strong{float:left;width:calc(100% - 100px);font-size:24px}
.mbri_list li em{display:block;display:-webkit-box;}
.mbri_list li span{float:right;width:100px;margin:5px 0 0 0}
.mbri_list li:first-child strong{font-size:34px;float:none;max-height:90px}
.mbri_list li:first-child span{float:none}
.mshort{width:260px}
.mphoto{margin: 100px 0;}
.mphoto_list ul{margin-left:-30px}
.mphoto_list li{width:25%;margin:0}
.mphoto_list li a{margin:0 0 0 30px}
.mphoto_list strong{font-size:20px}
.sub_con{width:1400px;padding:70px 0;margin:0 auto}
}
/* Tablet */
@media all and (min-width:768px) {
.newsroom_scon .photo_list .img img{height:250px}
.newsroom_scon .video_list .img img{height:250px}
}
/* Desktop */
@media all and (min-width:1023px) {
.newsroom_scon .photo_list .img img{height:290px}
.newsroom_scon .video_list .img img{height:290px}
}