@charset "utf-8";

html{height:100%;}
/* Common Reset */
body{-webkit-text-size-adjust:none;} /* 폰트크기 자동조절하는 기능 해제 -webkit-tap-highlight-color:rgba(0,0,0,0);  */
html, body, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, ol, li, div, table, td, input, fieldset, textarea, select, a, img, button{padding:0; margin:0; font-family:georgia,"times new roman",times,serif;}
header, article, nav, footer, section, aside{display:block; padding:0; margin:0; font-family:georgia,"times new roman",times,serif;} /* HTML5 시멘틱 구조 기본 설정 */
body{font-size:14px; color:#231f20; font-family:georgia,"times new roman",times,serif;}
a, select, span, label{text-decoration:none; color:#666;}
a img{border:none;}
img{vertical-align:top;}
li{list-style:none;}
table{border-collapse:collapse;}
input, select{border-radius:0px;}
caption{text-indent:-9999px; font-size:0; height:0; overflow:hidden;}
input[type=text], input[type=password]{padding:6px 7px; border:1px solid #ddd; box-sizing:border-box; width:100%;}
input[type=submit]{-webkit-appearance: none; vertical-align:top;}
input[type=text]{-webkit-appearance: none;}
textarea{border:1px solid #ddd; padding:4px 0; box-sizing:border-box;}
select{padding:3px 7px; border:1px solid #ddd; box-sizing:border-box;}
hr{display:block; height:8px; background-color:#eee; border-top:1px solid #cdcdcd; border-bottom:1px solid #ccc; border-right:none; border-left:none; margin:0; box-sizing:border-box;}
hr.top{width:100%; border-top:none; display:none;}

/* Font Class Set */
:lang(zh-cn){font-family:"Microsoft YaHei", "SimHei", "SimSun", sans-serif;}
:lang(zh-tw){font-family:"Microsoft JhengHei", "MingLiu", sans-serif;}
:lang(ja){font-family:"Kozuka Gothic Pr6N", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
:lang(en){font-family:"Georgia", "Times New Roman", times, serif;}
:lang(ko){font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif;}

/* Common Layout Top */
#top{height:52px; box-sizing:border-box; position:relative; border-bottom:1px solid #575757; background-color:#fff; z-index:10000000;}
#top h1{width:115px; margin:0 auto; padding-top:12px;}
#top h1 img{width:100%;}
#top .logo{width:115px; margin:0 auto; padding-top:12px;}
#top .logo img{width:100%;}
#top a.gnb_open{position:absolute; top:15px; left:15px;}
#top a.gnb_close{position:absolute; top:15px; left:15px; display:none;}
#top a.search_open{position:absolute; top:15px; right:15px;}
#top a.gnb_open span, #top a.gnb_close span, #top a.search_open span{text-indent:-9999px; display:block; width:20px; height:20px;}
#top a.gnb_open span, #top a.gnb_close span{background:url(../img/btn_menu.png) no-repeat 50% 50%; background-size:auto 19px;}
#top a.search_open span{background:url(../img/btn_search.png) no-repeat 50% 50%; background-size:auto 19px;}

#gnb_wrap{width:300px; height:100%; margin-top:52px; padding-bottom:52px; box-sizing:border-box; display:none;}
#gnb{background-color:#fff;}
#gnb li a{font-size:18px; color:#303031; display:block; padding:0 0 0 35px; height:50px; line-height:50px;}

#cnb{background-color:#fff; box-sizing:border-box; border-top:1px solid #a4a4a4; overflow:hidden;}
#cnb li{width:50%; float:left;}
#cnb li a{font-size:18px; color:#303031; display:block; padding:0 0 0 35px; height:50px; line-height:50px; border-right:1px solid #efefef; border-bottom:1px solid #efefef; overflow:hidden;}
#cnb li:nth-child(2) a{border-right:none;}
#cnb li:nth-child(3) a, #cnb li:last-child a{border-bottom:none;}
#cnb li:last-child{border-right:none;}

#search_layer{width:100%; height:52px; box-sizing:border-box; background-color:#37383b; display:none;}
#search_layer > div{padding:10px 15px 10px 50px;}
#search_layer a.close{display:block; position:absolute; top:0px; left:0px;}
#search_layer a.close span{display:block; width:50px; height:50px; text-indent:-9999px; background:url(../img/btn_search_close.png) no-repeat 50% 50%; background-size:19px 19px;}
#search_layer div.box{height:32px; overflow:hidden; background-color:#fff; position:relative; padding-right:50px;}
#search_layer div.box input[type=text]{width:100%; border:none; padding:7px; font-size:16px;}
#search_layer div.box input[type=image]{position:absolute; top:7px; right:10px; width:19px;}

/* Common Layout Bottom */
#tnv{width:100%; margin:20px 0 15px 0; display:table; table-layout:fixed; box-sizing:border-box; padding:0 15px;}
#tnv > a{font-size:16px; color:#37383b; display:table-cell; text-align:right;}
#tnv > a:first-child{background:url(../img/icon_page_top.png) no-repeat 0 50%; background-size:11px auto; padding-left:15px; text-align:left;}

#fnb{border-top:1px solid #c9c9c9; background-color:#f4f4f4;}
#fnb ul{padding:10px 30px; overflow:hidden;}
#fnb ul li{width:50%; float:left;}
#fnb ul li a{display:block; padding:12px 0; font-size:16px; color:#364aa5;}

footer{border-top:1px solid #b2b9c2; background-color:#d7dcdf; text-align:center; padding:20px 0 30px 0;}
footer > div a.about{font-family:"FranklinI Gothic book","Tahoma", Helvetica, Roboto, Arial, sans-serif !important; font-size:13px; color:#6c737d; display:inline-block; vertical-align:top;}
footer > div a.about span{display:inline-block; width:15px; height:18px; background:url(../img/icon_footer.png) no-repeat 0 50%; background-size:73px auto; margin-right:5px;}
footer > div a.fb, footer > div a.tw{display:inline-block; vertical-align:middle; margin-left:10px;}
footer > div a.tw span{display:block; width:22px; height:18px; text-indent:-9999px; background:url(../img/icon_footer.png) no-repeat -28px 50%; background-size:73px auto;}
footer > div a.fb span{display:block; width:10px; height:18px; text-indent:-9999px; background:url(../img/icon_footer.png) no-repeat -64px 50%; background-size:73px auto;}
footer address{font-size:13px; color:#6c737d; font-family:"FranklinI Gothic book","Tahoma", Helvetica, Roboto, Arial, sans-serif !important; font-style:normal; margin-top:5px;}

/* Main Article */
#contents_mobile.main{display:block;}
#contents_tablet.main{display:none; table-layout:fixed; border-collapse:collapse;}
#contents_tablet.main > div.left{display:table-cell; border-right:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}
#contents_tablet.main > div.right{display:table-cell; border-left:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}
article.top_news{padding:20px 15px;}
article.top_news h2, article.top_news h2 a{font-size:23px; color:#131313; line-height:120%; letter-spacing:-0.5px;}
article.top_news div.info{width:100%; display:table; table-layout:fixed; margin-top:10px;}
article.top_news div.info span{display:table-cell; vertical-align:top;}
article.top_news div.info span.text{font-size:17px; color:#797979; line-height:125%; padding-right:20px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; white-space:normal;}
article.top_news div.info span.image{width:69px; height:69px;}
article.top_news div.info span.image span{display:block; width:69px; height:69px;}
article.top_photo_news > a{display:block;}
article.top_photo_news > a span{display:block; max-height:240px; overflow:hidden; text-align:center;}
article.top_photo_news > a span img{width:100%;}
article.top_photo_news p.text{padding:10px 15px; font-size:16px; line-height:120%; color:#131313; box-sizing:border-box; border-bottom:1px solid #c9c9c9;}
article.opinion_news h3{background-color:#fafafa; font-size:19px; color:#364aa5; padding:15px; border-bottom:1px solid #ccc; font-weight:normal;}
article.etc_news{padding:0 15px;}
article.etc_news ul li{padding:15px 0 !important;}
article.etc_news ul li:last-child{border-bottom:none !important;}
article.major_news.type_list ul li a > div.info span{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; white-space:normal;}

/* View Article */
#contents_tablet.view{width:100%; overflow:hidden;}
#contents_tablet.view > div.left article.most_view{display:none;}
article.view_wrap{padding:20px 15px 40px 15px;}
article.view_wrap > h2{font-size:22px; color:#131313; line-height:140%;}
article.view_wrap > h1{font-size:22px; color:#131313; line-height:140%;}
article.view_wrap > div.info{overflow:hidden; padding:10px 0 12px 0; border-bottom:1px solid #c9c9c9;}
article.view_wrap > div.info p.date{font-size:11px; color:#999; padding-top:5px; float:left; font-family:"FranklinI Gothic book","Tahoma", Helvetica, Roboto, Arial, sans-serif !important;}
article.view_wrap > div.info a.lang_ko{display:block; float:right; background-color:#818181; border-radius:2px; font-size:12px; color:#fff; height:22px; line-height:22px; padding:0 5px; font-family:"Kozuka Gothic Pr6N", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
article.view_wrap > div.social_control{overflow:hidden; padding:12px 0; position:relative;}
article.view_wrap > div.social_control ul.social{float:left; overflow:hidden;}
article.view_wrap > div.social_control ul.social li{float:left;}
article.view_wrap > div.social_control ul.social li a span{display:block; width:32px; height:32px; text-indent:-9999px;}
article.view_wrap > div.social_control ul.social li.fb{margin:0 10px 0 4px;}
article.view_wrap > div.social_control ul.social li.fb a span{background:url(../img/icon_view_social.png) no-repeat 1px 50%; background-size:74px auto;}
article.view_wrap > div.social_control ul.social li.tw a span{background:url(../img/icon_view_social.png) no-repeat -43px 50%; background-size:74px auto;}
article.view_wrap > div.social_control ul.control{float:right; overflow:hidden;}
article.view_wrap > div.social_control ul.control li{float:left;}
article.view_wrap > div.social_control ul.control li a span{display:block; text-indent:-9999px;}
article.view_wrap > div.social_control ul.control li.vol #webtalks_btn_listenDiv{width:46px !important; height:35px !important; background:url(../img/icon_view_control.png) no-repeat 0 50%; background-size:139px auto;}
article.view_wrap > div.social_control ul.control li.vol a span{width:46px; height:35px; background:url(../img/icon_view_control.png) no-repeat 0 50%; background-size:139px auto;}
article.view_wrap > div.social_control ul.control li.vol #webtalks_btn_listen_img{opacity:0;}
/* 250418 추가 */
article.view_wrap > div.social_control ul.control li.sound a span{width:46px; height:35px; background:url(../img/icon_view_control.png) no-repeat 0 50%; background-size:139px auto;}
article.view_wrap > div.social_control ul.control li.sound.on a span{width:46px; height:35px; background:url(../img/icon_view_control_on.png) no-repeat 0 50%; background-size:46px auto;}

article.view_wrap > div.social_control ul.control li.size_down a span{width:47px; height:35px; background:url(../img/icon_view_control.png) no-repeat -46px 50%; background-size:139px auto;}
article.view_wrap > div.social_control ul.control li.size_up a span{width:46px; height:35px; background:url(../img/icon_view_control.png) no-repeat -93px 50%; background-size:139px auto;}
article.view_wrap > div.social_control #read_api{position:absolute; top:0; right:0; padding-top:12px; display:none;}
article.view_wrap > div.social_control #read_api.on{display:block;}
article.view_wrap > div.social_control #read_api > a.close{position:absolute; top:25px; right:15px;}
article.view_wrap > div.social_control #read_api > a.close img{width:12px;}
article.view_wrap > div.social_control #read_api > img{width:100%;}
#contents_tablet article.view_wrap > div.social_control #read_api{padding:12px 15px 0 15px;}
#contents_tablet article.view_wrap > div.social_control #read_api > a.close{top:30px; right:25px;}
article.view_wrap > div.view{font-size:18px; color:#131313; line-height:140%;}
article.view_wrap > div.view > p{padding-top:20px;}
article.view_wrap > div.view > p:first-child{padding-top:0;}
article.view_wrap > div.view div.photo{text-align:center;}
article.view_wrap > div.view div.photo img{max-width:100%;}
article.view_wrap > div.view div.photo p.desc{font-size:16px; color:#797979; line-height:120%; padding-top:5px; text-align:left; padding-bottom:20px;}
/*2020/04/02 video 추가*/
article.view_wrap > div.view div.article_video {text-align:center; margin-top: 17px;}
article.view_wrap > div.view div.article_video iframe {width:100%; border:0;}
/*--------------------*/
article.headline_news h3{background-color:#fafafa; font-size:19px; color:#364aa5; padding:15px; border-bottom:1px solid #ccc; font-weight:normal;}
article.headline_news.type_list ul{padding:0 15px;}
article.headline_news.type_list ul li{padding:15px 0 !important;}
article.headline_news.type_list ul li a > div.info{padding:0 !important;}
article.headline_news.type_list ul li a > div.info span.title{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; white-space:normal;}
article.headline_photo_news{padding:0 15px 40px 15px;}
article.headline_photo_news a{display:block;}
article.headline_photo_news a span{display:block; max-height:240px; overflow:hidden; text-align:center;}
article.headline_photo_news a span img{width:100%;}
article.headline_photo_news a p{font-size:16px; color:#131313; line-height:120%; text-align:left; padding-top:5px;}
article.most_view{overflow:hidden; width:100%;}
article.most_view h3{padding:20px 15px 10px 15px;}
article.most_view h3 a{font-size:16px; font-weight:normal; color:#37383b;}
article.most_view h3 a span{display:inline-block; text-indent:-9999px; width:118px; height:22px; background:url(../img/title_most_view.png) no-repeat 0 0; background-size:218px auto;}
article.most_view div.most_view_slide{width:100%; padding-bottom:15px;}
article.most_view div.most_view_slide ul{padding:0 15px;}
article.most_view div.most_view_slide ul li a{display:block; width:150px; height:180px; margin-left:6px; position:relative;}
article.most_view div.most_view_slide ul li:first-child a{margin-left:0;}
article.most_view div.most_view_slide ul li a span{display:block;}
article.most_view div.most_view_slide ul li a span.image, article.most_view div.most_view_slide ul li a span.image img{width:150px; height:180px;}
article.most_view div.most_view_slide ul li a span.dummy{width:150px; height:180px; background:url(../img/bg_most_view_dummy.png) no-repeat 0 0; background-size:150px 180px; position:absolute; top:0; left:0; z-index:1;}
article.most_view div.most_view_slide ul li a span.text{padding:0 15px; position:absolute; bottom:15px; left:0; z-index:2; font-size:14px; color:#fff; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; white-space:normal;}
article.most_view div.most_view_slide ul li.noimg a{background-color:#3a3a3a;}
article.most_view div.most_view_slide ul li.noimg a span.dummy{display:none;}
article.most_view div.most_view_slide ul li.noimg a span.text{bottom:60px;}

/* List Article */
#contents_tablet.list > div.right{display:none;}
article.news_list h3{background-color:#fafafa; font-size:19px; color:#131313; padding:15px; border-bottom:1px solid #ccc; font-weight:normal;}
article.news_list h3 span.highlight{color:#364aa5;}
article.news_list a.more{margin:0 15px;}
article.news_list.type_list ul li a > div.info span.title{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; white-space:normal;}

/* Company Introduce Article */
#contents_tablet.company > div.right{display:none;}
article.company h3{background-color:#fafafa; font-size:19px; color:#131313; padding:15px; border-bottom:1px solid #ccc; font-weight:normal;}
article.company div.introduce{padding:20px 15px 0 15px;}
article.company div.introduce p{font-size:18px; color:#131313; line-height:140%; margin-bottom:30px;}
article.company div.introduce p strong{font-size:22px; line-height:140%; font-weight:normal;}
article.company div.introduce div.photo{overflow:hidden; font-size:18px; color:#131313; line-height:140%; margin-bottom:30px;}
article.company div.introduce div.photo img{width:118px; float:left; margin-right:12px;}

/* Search Result Article */
#contents_tablet.search > div.right{display:none;}

/* Common List Type */
article.type_list ul li{padding:15px; box-sizing:border-box; border-bottom:1px solid #c9c9c9;}
article.type_list ul li:last-child{border-bottom:none;}
article.type_list ul li a{width:100%; display:table; table-layout:fixed;}
article.type_list ul li a > div{display:table-cell; vertical-align:top;}
article.type_list ul li a > div.image{width:82px; height:82px; vertical-align:middle;}
article.type_list ul li a > div.image span{display:block; width:82px; height:82px;}
article.type_list ul li a > div.info{padding-right:20px;}
article.type_list ul li a > div.info span{display:block;}
article.type_list ul li a > div.info span.title{font-size:19px; color:#131313; line-height:140%; /*font-weight:bold;*/}
article.type_list ul li a > div.info span.title span.highlight{font-size:19px; color:#131313; line-height:140%; font-weight:bold; display:inline;}
article.type_list ul li a > div.info span.text{font-size:16px; color:#797979; line-height:120%; padding-top:4px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; white-space:normal;}
article.type_list ul li a > div.info span.text span.highlight{font-size:16px; color:#797979; line-height:140%; font-weight:bold; display:inline;}
article.type_list ul li a > div.info span.category{font-size:14px; color:#37383b; padding-bottom:4px;}
article.type_list a.more{font-size:16px; color:#37383b; box-sizing:border-box; height:42px; line-height:42px; border:1px solid #c9c9c9; border-radius:2px; background-color:#fafafa; text-align:center; display:block;}

/* Tablet Design */
@media all and (min-width:640px) {
    #gnb_wrap{width:450px;}
    hr.top{display:block;}
    hr.mobile{display:none;}
    #tnv{margin:0; padding:15px; border-top:1px solid #c9c9c9;}
    #tnv > a{text-align:right;}
    #tnv > a:first-child{text-align:left;}
    #fnb ul{padding:10px 15px;}
    #fnb ul li{width:inherit; margin-left:15px;}
    #fnb ul li:first-child{margin-left:0;}

    /* Main Article */
    #contents_mobile.main{display:none;}
    #contents_tablet.main{display:table;}
    article.top_photo_news{padding:15px;}
    article.top_photo_news p.text{border-bottom:none; padding:10px 0 0 0;}

    /* View Article */
    #contents_tablet.view{display:table; table-layout:fixed; border-collapse:collapse;}
    #contents_tablet.view > div.left{display:table-cell; width:60%; padding-bottom:50px; box-sizing:border-box; border-right:1px solid #c9c9c9; vertical-align:top;}
    #contents_tablet.view > div.right{display:table-cell; width:40%; padding-bottom:50px; box-sizing:border-box; border-left:1px solid #c9c9c9; vertical-align:top;}
    #contents_tablet.view > div.left article.most_view{display:block;}
    #contents_tablet.view > div.right article.most_view{display:none;}
    article.view_wrap{padding:20px 0 40px 0;}
    article.view_wrap > h2{padding:0 15px;}
    article.view_wrap > h1{padding:0 15px;}
    article.view_wrap > div.info{padding:10px 15px 12px 15px;}
    article.view_wrap > div.social_control{padding:12px 15px;}
    article.view_wrap > div.view{padding:0 15px;}

    /* List Article */
    #contents_tablet.list{display:table; table-layout:fixed; border-collapse:collapse;}
    #contents_tablet.list > div.left{width:60%; display:table-cell; border-right:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}
    #contents_tablet.list > div.right{width:40%; display:table-cell; border-left:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}

    /* Company Introduce Article */
    #contents_tablet.company{display:table; table-layout:fixed; border-collapse:collapse;}
    #contents_tablet.company > div.left{width:60%; display:table-cell; border-right:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}
    #contents_tablet.company > div.right{width:40%; display:table-cell; border-left:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}

    /* Search Result Article */
    #contents_tablet.search{display:table; table-layout:fixed; border-collapse:collapse;}
    #contents_tablet.search > div.left{width:60%; display:table-cell; border-right:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}
    #contents_tablet.search > div.right{width:40%; display:table-cell; border-left:1px solid #c9c9c9; vertical-align:top; padding-bottom:50px;}

    /* Right Section */
    /*article.opinion_news ul li:last-child{border-bottom:1px solid #c9c9c9 !important;}*/
}

.ad {margin:0 auto;text-align:center;}