@charset "utf-8";

/* Common Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,strong,span,em,iframe,img{margin:0;padding:0}
body {font-size:12px;line-height:140%;color:#333;-webkit-text-size-adjust:none}
body{background-color:#fff;text-align:left;*word-break:break-all;-ms-word-break:break-all}
dl,ul,ol,li{list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr{display:none;}
input,textarea,select{font-size:12px;color:#333;vertical-align:top;}
#wrap table{width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption{width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
caption{text-indent:-9999px; font-size:0; height:0; overflow:hidden;}
a {cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#333;}
a:hover, a:active {text-decoration:none;color:#f25632 !important;}
a:hover strong, a:active strong {color:#f25632 !important;text-decoration:none;}
a:hover h1, a:active h1 {color:#f25632 !important;text-decoration:none;}
a:hover span, a:active span {color:#f25632 !important;text-decoration:none;}
a:hover em, a:active em {color:#f25632 !important;text-decoration:none;}
a:hover b, a:active b {color:#f25632 !important;text-decoration: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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
:lang(en){font-family:"Franklin Gothic Book","Tahoma", Helvetica, Roboto, Arial, sans-serif; /*font-family:"Georgia", "Times New Roman", times, serif;*/}
:lang(ko){font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif;}

/* Common Layout */
#skip_navigation, .hidden{position:absolute; left:-9999px; font-size:0; height:0; overflow:hidden;}
#wrap{width:100%;}

#tnb{width:100%; background-color:#f4f4f4; border-bottom:1px solid #eee;}
#tnb_980{width:980px; height:25px; margin:0 auto; overflow:hidden;}
#tnb_980 ul.left{float:left; overflow:hidden; margin-top:3px;}
#tnb_980 ul.left li{float:left; background:url(../bullet_tnb.png) no-repeat 0 6px; padding:0 4px 0 5px;}
#tnb_980 ul.left li:first-child{background:none; padding-left:0;}
#tnb_980 ul.left li a, #tnb_980 ul.left li a strong{font-size:11px; font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif;}
#tnb_980 ul.right{float:right; margin-top:3px;}
#tnb_980 ul.right li{float:left; background:url(../bullet_tnb.png) no-repeat 100% 6px; padding:0 5px 0 4px;}
#tnb_980 ul.right li.last{background:none; padding-right:0;}
#tnb_980 ul.right li.last img{padding-top:2px;}
#tnb_980 ul.right li a, #tnb_980 ul.right li a strong{font-size:11px; font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif;}

#top{width:980px; height:137px; margin:0 auto; position:relative; z-index:2;}
#top h1{width:181px; margin:0 auto; padding-top:25px;}
#top .logo{width:181px; margin:0 auto; padding-top:25px;}
#top div.lang_version{position:absolute; top:50px; left:0; z-index:2;}
#top div.lang_version h2{font-size:11px; color:#575757; font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif; float:left; background:url(../bullet_langver.png) no-repeat 100% 4px; padding-right:6px;}
#top div.lang_version div.select_lang{float:left;}
#top div.lang_version div.select_lang > a{font-size:11px; color:#f77660; background:url(../bullet_langver_select.png) no-repeat 100% 6px; padding:0 0 5px 5px; display:block; width:71px;}
#top div.lang_version div.select_lang ul{width:76px; border:1px solid #f04a24; display:none;}
#top div.lang_version div.select_lang ul li a{display:block; height:26px; line-height:26px; padding:0 10px; font-size:11px; background-color:#fff;}
#top div.lang_version div.select_lang ul li a:hover, #top div.lang_version div.select_lang ul li a:focus{background-color:#eee;}
#top div.lang_version div.select_lang.on ul{display:block;}
#top div.lang_version div.select_lang.on > a{display:block; background:url(../bullet_langver_select_o.png) no-repeat 100% 6px;}

#top #gnb{width:100%; overflow:hidden; border-top:3px solid #ef4a24; background-color:#000; position:absolute; bottom:0; left:0;}
#top #gnb li{padding:0 11px; float:left;}
#top #gnb li a{font-size:16px; color:#fff; display:block; height:43px; line-height:43px;}
#top #gnb li.on a{color:#f77660;}

#top div.search{width:155px; float:left; height:26px; background-color:#c0c0c0; position:absolute; top:45px; right:0; overflow:hidden;}
#top div.search input[type=text]{width:110px; border:none; background:none; padding:6px; color:#fff;}
#top div.search input[type=image]{position:absolute; top:0; right:0;}

#footer_menu{width:100%; background-color:#f4f4f4; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:80px;}
#footer_menu_980{width:980px; height:34px; margin:0 auto;}
#footer_menu_980 #fnb{overflow:hidden; float:left;}
#footer_menu_980 #fnb li{float:left; padding:0 10px; background:url(../bullet_fnb.png) no-repeat 0 50%;}
#footer_menu_980 #fnb li:first-child{padding-left:0; background:none;}
#footer_menu_980 #fnb li a{font-size:13px; line-height:34px; color:#5c5c5c;}
#footer_menu_980 #snb{overflow:hidden; float:right;}
#footer_menu_980 #snb li{float:left; padding:7px 0 0 15px;}
#footer_menu_980 #snb li:first-child{padding-right:4px;}
#footer_menu_980 #snb li a{font-size:13px; color:#6e6e6e;}
#footer_menu_980 #snb li a img{vertical-align:-5px;}
#footer address{display:block; clear:both; text-align:center; color:#696969; font-size:12px; padding:30px 0 45px 0;}
#footer address strong{color:#f14922;}

#contents{width:980px; margin:0 auto; overflow:hidden;}

/* Main Section */
#main_top{overflow:hidden; border-bottom:1px solid #c2c2c2; padding-bottom:15px; margin-top:25px;}
#main_top div.main_headline{width:618px; float:left;}
#main_top div.main_headline ul li{overflow:hidden; position:relative; padding:12px 0; border-top:1px solid #eaeaea;}
#main_top div.main_headline ul li:first-child{padding-top:0; border-top:none;}
#main_top div.main_headline ul li div.image{float:left;}
#main_top div.main_headline ul li div.image a{display:block;}
#main_top div.main_headline ul li div.image a img{width:124px; height:124px;}
#main_top div.main_headline ul li div.info{float:left; width:484px; padding:0 0 0 10px;}
#main_top div.main_headline ul li div.info span.title a{font-size:24px; font-weight:bold; color:#000; line-height:120%; display:block; margin:12px 0 6px 0;}
#main_top div.main_headline ul li div.info span.text a{font-size:14px; color:#666; line-height:140%; display:block; max-height:39px; overflow:hidden;}
#main_top div.main_headline ul li.noimg div.info{float:none; width:100%; padding:0;}
#main_top div.main_headline ul li.noimg div.info span.title, #main_top div.main_headline ul li.noimg div.info span.title a{margin-top:0;}
#main_top div.main_photo_opinion{width:330px; float:right;}
#main_top div.main_photo_opinion div.main_photo a{display:block; position:relative; width:100%; height:210px; overflow:hidden;}
#main_top div.main_photo_opinion div.main_photo a img{width:100%;}
#main_top div.main_photo_opinion div.main_photo a span.dummy{width:100%; height:210px; position:absolute; top:0; left:0; background:url(../bg_photo_dummy.png) no-repeat 0 0; display:block;}
#main_top div.main_photo_opinion div.main_photo a span.text{width:300px; display:block; position:absolute; bottom:0; left:0; font-size:14px; color:#fff; text-align:center; padding:0 15px 15px 15px; line-height:110%;}
#main_top div.main_photo_opinion div.main_opinion{margin-top:15px;}
#main_top div.main_photo_opinion div.main_opinion h3{font-size:16px; color:#364aa5;}
#main_top div.main_photo_opinion div.main_opinion ul li{background-color:#f2f4fa; padding:10px; margin-top:4px;}
#main_top div.main_photo_opinion div.main_opinion ul li:first-child{margin-top:6px;}
#main_top div.main_photo_opinion div.main_opinion ul li span.cate, #main_top div.main_photo_opinion div.main_opinion ul li span.cate a{display:block; font-size:14px; color:#8393ca; margin-bottom:4px;}
#main_top div.main_photo_opinion div.main_opinion ul li span.title, #main_top div.main_photo_opinion div.main_opinion ul li span.title a{display:block; font-size:16px; color:#131313; line-height:130%;}
#main_bot{overflow:hidden; margin-top:24px; padding-bottom:35px; background:url(../bg_main_bottom.png) repeat-y 0 0; position:relative;}
#main_bot a.more{font-size:13px; color:#707070; font-style:italic; background:url(../bullet_more.png) no-repeat 100% 4px; position:absolute; bottom:0; right:0; padding-right:10px;}
#main_bot ul{overflow:hidden;}
#main_bot ul li{width:220px; height:200px; float:left;}
#main_bot ul li.type1{padding:0 15px 35px 5px;}
#main_bot ul li.type2{padding:0 15px 35px 15px;}
#main_bot ul li.type3{padding:0 15px 35px 15px;}
#main_bot ul li.type4{padding:0 5px 35px 15px;}
#main_bot ul li.type5{padding:0 15px 0 5px;}
#main_bot ul li.type6{padding:0 15px 0 15px;}
#main_bot ul li.type7{padding:0 15px 0 15px;}
#main_bot ul li.type8{padding:0 5px 0 15px;}
#main_bot ul li span{display:block;}
#main_bot ul li div.image{height:128px; margin-bottom:5px; overflow:hidden;}
#main_bot ul li span.title a{max-height:3.9em; line-height:1.3em; font-size:15px; color:#252525; display:block; overflow:hidden;}
#main_bot ul li span.text a{max-height:9.8em; line-height:1.4em; font-size:13px; color:#999; display:block; margin-top:14px; overflow:hidden;}

/* View Section */
#title_layer{width:100%; background:url(../bg_title_layer.png) repeat-x 0 0; position:fixed; top:0; left:0; z-index:9999; display:none;}
#title_layer.on{display:block;}
#title_layer_980{width:980px; height:66px; margin:0 auto;}
#title_layer_980 h3{width:620px; height:62px; line-height:62px; font-size:24px; color:#231f20; font-weight:normal; float:left; overflow:hidden;}
#title_layer_980 h3:lang(ko){font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif; font-size:20px;}
#title_layer_980 div.etc{float:right; overflow:hidden; margin-top:15px;}
#title_layer_980 div.etc ul.social{float:left; overflow:hidden; margin-right:15px;}
#title_layer_980 div.etc ul.social li{float:left;}
#title_layer_980 div.etc ul.social li a span{display:block; width:31px; height:31px; text-indent:-9999px; background-image:url(../icon_view_social.png); background-repeat:no-repeat; background-position:-20px 0;}
#title_layer_980 div.etc ul.social li:first-child a span{background-position:10px 0;}
#title_layer_980 div.etc ul.control{overflow:hidden; float:left; margin-right:7px;}
#title_layer_980 div.etc ul.control li{float:left;}
#title_layer_980 div.etc ul.control li a span{display:block; width:36px; height:31px; text-indent:-9999px; background-image:url(../icon_view_size.png); background-repeat:no-repeat; background-position:-36px 0;}
#title_layer_980 div.etc ul.control li:first-child a span{background-position:0 0;}
#title_layer_980 div.etc a.autoread{display:block; float:left; margin-right:7px;}
#title_layer_980 div.etc a.autoread span{display:block; width:72px; height:31px; text-indent:-9999px; background:url(../icon_view_listen.png) no-repeat 0 0;}
#title_layer_980 div.etc a.ko{display:block; float:left;}
#title_layer_980 div.etc a.ko span{display:block; width:62px; height:31px; text-indent:-9999px; background:url(../icon_view_ko.png) no-repeat 0 0;}
#title_layer_980 div.etc a.en{display:block; float:left;}
#title_layer_980 div.etc a.en span{display:block; width:62px; height:31px; text-indent:-9999px; background:url(../icon_view_en.png) no-repeat 0 0;}
#view_title{border-bottom:2px solid #5e5d5d; overflow:hidden; padding-bottom:8px; position:relative; margin-top:25px;}
#view_title #read_api{position:absolute; bottom:45px; right:0; padding-top:12px; display:none;}
#view_title #read_api.on{display:block;}
#view_title #read_api > a.close{position:absolute; top:0; right:0;}
#view_title h3{font-size:32px; color:#231f20; font-weight:normal; line-height:130%; margin-bottom:30px;}
#view_title h3:lang(ko){font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif; font-size:30px; letter-spacing:-1px; line-height:130%;}
#view_title h1{font-size:32px; color:#231f20; font-weight:normal; line-height:130%; margin-bottom:30px;}
#view_title h1:lang(ko){font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif; font-size:30px; letter-spacing:-1px; line-height:130%;}
#view_title p.date{font-size:14px; color:#606060; float:left; padding-top:15px;}
#view_title div.etc{float:right; overflow:hidden;}
#view_title div.etc ul.social{float:left; overflow:hidden; margin-right:15px;}
#view_title div.etc ul.social li{float:left;}
#view_title div.etc ul.social li a span{display:block; width:31px; height:31px; text-indent:-9999px; background-image:url(../icon_view_social.png); background-repeat:no-repeat; background-position:-20px 0;}
#view_title div.etc ul.social li:first-child a span{background-position:10px 0;}
#view_title div.etc ul.control{overflow:hidden; float:left; margin-right:7px;}
#view_title div.etc ul.control li{float:left;}
#view_title div.etc ul.control li a span{display:block; width:34px; height:31px; text-indent:-9999px; background-image:url(../icon_view_size.png); background-repeat:no-repeat; background-position:-36px 0;}
#view_title div.etc ul.control li:first-child a span{width:35px; background-position:0 0;}
#view_title div.etc a.autoread{display:block; float:left; margin-right:7px;}
#view_title div.etc a.autoread span{display:block; width:72px; height:31px; text-indent:-9999px; background:url(../icon_view_listen.png) no-repeat 0 0;}
#view_title div.etc a.ko{display:block; float:left;}
#view_title div.etc a.ko span{display:block; width:62px; height:31px; text-indent:-9999px; background:url(../icon_view_ko.png) no-repeat 0 0;}
#view_title div.etc a.en{display:block; float:left;}
#view_title div.etc a.en span{display:block; width:62px; height:31px; text-indent:-9999px; background:url(../icon_view_en.png) no-repeat 0 0;}
#view_contents{width:620px; float:left; margin-top:30px;}
#view_contents div.news_view{margin-bottom:50px; font-size:18px; color:#252525; line-height:150%;}
#view_contents div.news_view:lang(ko){font-size:17px; line-height:160%;}
#view_contents div.news_view > p{padding-top:20px;}
#view_contents div.news_view > p:first-child{padding-top:0;} /* 기사 첫 번째 단락이 이미지가 아닌경우 */
#view_contents div.news_view div.photo{text-align:center;}
#view_contents div.news_view div.photo_center{text-align:center;}
#view_contents div.news_view div.photo_left{text-align:left; float:left; padding:15px 15px 15px 0;}
#view_contents div.news_view div.photo_right{text-align:right; float:right; padding:15px 0 15px 15px;}
#view_contents div.news_view div.photo p.desc{font-size:14px; color:#676767; line-height:120%; text-align:left; padding-top:4px;}
/*2020/04/02 video 추가*/
#view_contents div.news_view div.article_video {text-align:center; margin-top: 17px;}
#view_contents div.news_view div.article_video iframe {width:100%;height:375px; border:0;}
/*--------------------*/
#view_contents div.more_view{background-color:#f7f6f6; border:1px solid #d8d9d9; padding:13px;}
#view_contents div.more_view h3{margin-bottom:5px;}
#view_contents div.more_view h3 span{font-size:14px; color:#2e4caf; margin-left:3px;}
#view_contents div.more_view h3 img{vertical-align:-3px;}
#view_contents div.more_view ul{overflow:hidden;}
#view_contents div.more_view ul li{float:left; margin-left:10px;}
#view_contents div.more_view ul li:first-child{margin-left:0;}
#view_contents div.more_view ul li a{width:138px; height:175px; border:1px solid #aeadad; display:block; position:relative;}
#view_contents div.more_view ul li a span{display:block;}
#view_contents div.more_view ul li a span.image{width:138px; height:175px;}
#view_contents div.more_view ul li a span.title{position:absolute; bottom:8px; left:0; font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif; font-size:13px; font-weight:bold; color:#fefefe; z-index:2; line-height:130%; padding:0 8px; height:50px; overflow:hidden;}
#view_contents div.more_view ul li a span.dummy{width:138px; height:175px; background:url(../bg_most_dummy.png) no-repeat 0 0; position:absolute; top:0; left:0; z-index:1;}
#view_contents div.more_view ul li.noimg a{background-color:#3a3a3a;}
#view_contents div.more_view ul li.noimg a span.dummy{display:none;}
#view_contents div.more_view ul li.noimg a span.title{bottom:62px; font-size:14px; height:55px;}

/* List Section */
#news_list{width:620px; float:left; margin-top:30px;}
#news_list h3{font-size:18px; color:#231f20; border-bottom:1px solid #bcbcbc; padding-bottom:10px;}
#news_list h3 span{font-size:18px; font-weight:normal; color:#000;}
#news_list h3 strong{font-size:18px; color:#2e4caf;}
#news_list ul li{overflow:hidden; position:relative; padding:12px 0; border-top:1px solid #eaeaea;}
#news_list ul li:first-child{border-top:none;}
#news_list ul li div.image{float:right;}
#news_list ul li div.image a{display:block;}
#news_list ul li div.image a img{width:100px; height:100px;}
#news_list ul li div.info{float:left; width:508px; padding:0 10px 0 0;}
#news_list ul li div.info span.title, #news_list ul li div.info span.title a{font-size:18px; font-weight:bold; color:#231f20; line-height:130%; display:block; margin:10px 0 4px 0;}
#news_list ul li div.info span.text, #news_list ul li div.info span.text a{display:block; font-size:14px; color:#666; line-height:140%;}
#news_list ul li div.info span.date, #news_list ul li div.info span.date a{display:block; margin-top:6px; font-size:13px; color:#9c9c9c;}
#news_list ul li.noimg div.info{float:none; width:100%; padding:0;}
#news_list ul li.noimg div.info span.title, #news_list ul li.noimg div.info span.title a{margin-top:0;}
#news_list a.more{display:block; height:38px; line-height:38px; border:1px solid #d4d4d4; background-color:#f2f2f2; text-align:center;}
#news_list a.more span{font-size:14px; font-weight:bold; color:#808080; background:url(../bullet_list_more.png) no-repeat 100% 50%; padding-right:15px;}

/* Company Introduce Section */
#company{width:620px; float:left; margin-top:30px;}
#company h3{font-family:"Franklin Gothic Medium","Tahoma", Helvetica, Roboto, Arial, sans-serif; font-size:18px; color:#231f20; border-bottom:1px solid #bcbcbc; padding-bottom:10px;}
#company h4{font-size:22px; color:#252525; line-height:110%; font-weight:normal; margin:25px 0;}
#company img.photo{float:left; margin:5px 15px 15px 0;}
#company p{font-size:16px; color:#252525; line-height:140%; margin-bottom:50px;}
#company div.brochure{text-align:center;}
#company div.brochure a{padding:0 12px;}

/* DongA Module */
#webtalks_btn_listenDiv{float:left; width:34px !important; height:31px !important; background:url(../icon_sound.png) no-repeat 0 0;}
#webtalks_btn_listenDiv #webtalks_btn_listen_img{opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

/* Common Right Section */
#common_right{width:330px; float:right; margin-top:30px;}
#common_right div.headline_news h3{font-size:16px; color:#f25430; margin-bottom:10px;}
#common_right div.headline_news ul{background-color:#f5f5f5; padding:0 10px;}
#common_right div.headline_news ul li{padding:11px 0; border-top:1px solid #dbdbdb;}
#common_right div.headline_news ul li:first-child{border-top:none;}
#common_right div.headline_news ul li a{font-size:16px; color:#252525; line-height:120%;}
#common_right div.photo_news{margin-top:27px;}
#common_right div.photo_news a{display:block; position:relative; width:100%; height:210px; overflow:hidden;}
#common_right div.photo_news a img{width:100%;}
#common_right div.photo_news a span.dummy{width:100%; height:210px; position:absolute; top:0; left:0; background:url(../bg_photo_dummy.png) no-repeat 0 0; display:block;}
#common_right div.photo_news a span.text{width:300px; display:block; position:absolute; bottom:0; left:0; font-size:16px; color:#fff; text-align:center; padding:0 15px 10px 15px; line-height:110%;}
#common_right div.opinion_news{margin-top:20px;}
#common_right div.opinion_news h3{font-size:16px; color:#364aa5;}
#common_right div.opinion_news ul li{background-color:#f2f4fa; padding:10px; margin-top:4px;}
#common_right div.opinion_news ul li:first-child{margin-top:6px;}
#common_right div.opinion_news ul li span.cate, #common_right div.opinion_news ul li span.cate a{display:block; font-size:14px; color:#8393ca; margin-bottom:4px;}
#common_right div.opinion_news ul li span.title, #common_right div.opinion_news ul li span.title a{display:block; font-size:18px; color:#131313; line-height:120%;}

/* 광고 */
.leftwingAD {position:absolute;top:163px;left:50%;margin-left:-720px;margin-left:-675px;}
.rightwingAD {position:absolute;top:163px;right:50%;margin-right:-675px;} /* 20160701 조은주 임시로 추가 */
.ad {margin-top:6px;text-align:center;}
.footertopAD {margin:20px 0 -30px 0;text-align:center;}