@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-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif;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;}

/* Common Layout */
#skip_navigation, .hidden{position:absolute; left:-9999px; font-size:0; height:0; overflow:hidden;}
#wrap{width:100%;}
#top{width:100%; background:url(../img/bg_top.png) repeat-x 0 0; z-index:9; position:relative;}
#top_980{width:980px; height:121px; margin:0 auto;}

#tnb{height:25px; overflow:hidden;}
#tnb ul.left{float:left; overflow:hidden; margin-top:3px;}
#tnb ul.left li{float:left; background:url(../img/bullet_tnb.png) no-repeat 0 6px; padding:0 4px 0 5px;}
#tnb ul.left li:first-child{background:none; padding-left:0;}
#tnb ul.left li a{font-size:11px;}
#tnb ul.right{float:right; margin-top:3px;}
#tnb ul.right li{float:left; background:url(../img/bullet_tnb.png) no-repeat 100% 6px; padding:0 5px 0 4px;}
#tnb ul.right li.last{background:none; padding-right:0;}
#tnb ul.right li.last img{padding-top:2px;}
#tnb ul.right li a{font-size:11px;}

#gnb{overflow:hidden; position:relative;}
#gnb h1{float:left; margin-top:26px;}
#gnb ul{float:left; margin:38px 0 0 32px;} /* 수정 20160211 */
#gnb ul li{float:left; background:url(../img/bullet_gnb.png) no-repeat 0 10px; padding:0 11px 0 10px;} /* 수정 20160211 */
#gnb ul li:first-child{background:none; padding-left:0;} 
#gnb ul li a{font-size:16px; line-height:20px; font-weight:bold; letter-spacing:-1px;} /* 수정 20160211 */
#gnb ul li.on a{color:#f25632 !important;text-decoration:none;}
#gnb div.etc{position:absolute; top:35px; right:0;} /* 수정 20160211 */
#gnb div.etc > a{display:block; float:left; margin-left:12px;}
#gnb div.etc div.search{width:0; float:left; height:28px; background-color:#f2f2f2; border:1px solid #e2e2e2; position:relative; display:none; overflow:hidden;}
#gnb div.etc div.search input[type=text]{width:98px; border:none; background:none; padding:7px 8px;}
#gnb div.etc div.search input[type=image]{position:absolute; top:0; right:0;}

#fnb{z-index:8; position:absolute; top:-70px; left:0; display:none;}
div.fnb_design{width:100%; background-color:#fafafa; border-bottom:1px solid #c8c8ca; padding:20px 0;}
div.fnb_design > ul{width:980px; margin:0 auto; overflow:hidden}
div.fnb_design > ul > li{float:left;}
div.fnb_design > ul > li > a{font-size:15px; font-weight:bold; color:#25426e;}
div.fnb_design > ul > li ul{margin-top:12px; overflow:hidden;}
div.fnb_design > ul > li ul li{padding-top:8px;}
div.fnb_design > ul > li ul li:first-child, div.fnb_design > ul > li ul li.start{padding-top:0;}
div.fnb_design > ul > li ul li a{font-size:13px; color:#585859;}
div.fnb_design > ul > li.first{margin-right:110px;}
div.fnb_design > ul > li.second ul{width:145px; margin-right:35px;}
div.fnb_design > ul > li.second ul li{width:45px; float:left;}
div.fnb_design > ul > li.second ul li.right{width:100px;}
div.fnb_design > ul > li.third ul{width:110px;}
div.fnb_design > ul > li.third ul li{width:55px; float:left;}
div.fnb_design > ul > li.fourth{float:right; overflow:hidden;}
div.fnb_design > ul > li.fourth ul{float:left; margin:0 0 0 20px;}
div.fnb_design > ul > li.fourth ul li a{display:block; width:150px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:15px; font-weight:bold; color:#25426e;}

#fnb_bot{border-bottom:none; border-top:1px solid #dddee0;}
#footer{border-top:1px solid #d5d5d5; background-color:#f4f4f4; padding:35px 0 50px 0;}
#footer_980{width:980px; margin:0 auto; font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,Helvetica,sans-serif !important;}
#footer_980 > ul{overflow:hidden;}
#footer_980 > ul > li{float:left; overflow:hidden;}
#footer_980 > ul > li.second{margin-left:30px;}
#footer_980 > ul > li.third{margin-left:10px;}
#footer_980 > ul > li.fourth{float:right;}
#footer_980 > ul > li > a{font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; display:block; float:left;}
#footer_980 > ul > li ul{overflow:hidden; float:left; margin:0 0 0 10px;}
#footer_980 > ul > li ul li{float:left; padding:0 7px 0 6px; background:url(../img/bullet_fnb.png) no-repeat 0 3px;}
#footer_980 > ul > li ul li:first-child{padding-left:0; background:none;}
#footer_980 > ul > li ul li a{font-size:14px; color:#4e4e4e;}
#footer_980 address{text-align:center; padding-top:20px; font-size:12px; color:#696969;}
#footer_980 address strong{color:#f14922;}
#footer_980 address span{color:#4e4e4e;}

/* 공통 - 우측 배너존 */
#right_banner{width:300px; float:right;}

/* 추가 Magazine D 20160211 */
#right_banner div.magazined h2{padding:23px 19px 8px;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
#right_banner div.magazined h2 img {vertical-align:auto !important;}
#right_banner div.magazined .imgbox{display:block;position:relative;}
#right_banner div.magazined .imgbox img{width:300px;height:189px;} 
#right_banner div.magazined .imgbox .imginfo{position:absolute;bottom:0;left:0;width:256px;height:40px;padding:12px 22px 10px;background:url(../img/bg_magazined_img.png) repeat 0 0;}
#right_banner div.magazined .imgbox .imginfo .imginfotit{display:inline-block;height:15px;font-size:14px;line-height:1;color:#fff;overflow:hidden;}
#right_banner div.magazined .imgbox .imginfo .imginfotxt{display:inline-block;height:17px;padding-top:5px;font-size:16px;line-height:1;color:#fefefe;overflow:hidden;}
#right_banner div.magazined ul{padding:0 20px;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;font-size:14px;line-height:20px;color:#231f20;background-color:#f9f9f9;}
#right_banner div.magazined ul li{padding:15px 0 20px;border-top:1px solid #efefef;}
#right_banner div.magazined ul li:first-child{border-top:none;}

#right_banner div.facebook_api {height:450px;padding:25px 0;}
#right_banner div.facebook_api h2 {padding:0 0 5px 20px;}
#right_banner div.many_news h2{font-size:15px; color:#2f2f2f; letter-spacing:-1px; padding:20px 20px 10px 20px;}
#right_banner div.many_news h2 span{color:#3e508d;}
#right_banner div.many_news div.tab ul{overflow:hidden;}
#right_banner div.many_news div.tab ul li{width:33.33%; float:left;}
#right_banner div.many_news div.tab ul li:first-child{width:33.34%;}
#right_banner div.many_news div.tab ul li:first-child a{border-left:none;}
#right_banner div.many_news div.tab ul li a{display:block; height:35px; line-height:35px; text-align:center; font-size:13px; color:#2f2f2f; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-top:1px solid #dadada;}
#right_banner div.many_news div.tab ul li.on a{height:34px; line-height:34px; color:#3e508d; font-weight:bold; border-bottom:2px solid #5d6c9c;}
#right_banner div.many_news div.tab_contents{background-color:#f9f9f9; border-left:1px solid #dadada; border-right:1px solid #dadada; display:none;}
#right_banner div.many_news div.tab_contents ol{padding:15px 20px 10px 20px;}
#right_banner div.many_news div.tab_contents ol li a{display:block; overflow:hidden;}
#right_banner div.many_news div.tab_contents ol li a span{float:left; padding:12px 0;}
#right_banner div.many_news div.tab_contents ol li a span.num{width:30px; font-size:18px; font-weight:bold; color:#2a2a2a; font-style:italic;}
#right_banner div.many_news div.tab_contents ol li a span.text{width:225px; font-size:15px; line-height:20px; font-weight:bold; color:#292929; border-top:1px solid #e8e8e8;}
#right_banner div.many_news div.tab_contents ol li:first-child a span.num{color:#3e508d; padding-top:0;}
#right_banner div.many_news div.tab_contents ol li:first-child a span.text{border-top:none; padding-top:0;}
#right_banner div.price_info{border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:20px; text-align:center;}
#right_banner div.price_info h2{font-size:14px; color:#505050;}
#right_banner div.price_info div.link{width:227px; margin:10px auto 0 auto; background:url(../img/bg_price_menu.png) no-repeat 0 0;}
#right_banner div.price_info div.link ul{width:220px; overflow:hidden; margin:0 auto;}
#right_banner div.price_info div.link ul li{width:33.3%; float:left;}
#right_banner div.price_info div.link ul li a{display:block; height:28px; line-height:26px; text-align:center; font-size:12px; color:#fff;}
#right_banner div.opinion{height:232px; padding:20px 22px; border:1px solid #c3c3c3; position:relative; background:url(../img/bg_opinion.png) no-repeat 0 0;}
#right_banner div.opinion h2 span{display:block; font-size:17px; font-family:Helvetica; font-style:italic; margin-bottom:10px;}
#right_banner div.opinion div.info{margin-top:15px; overflow:hidden;}
#right_banner div.opinion div.info div.image{width:125px; height:161px; float:left; background:url(../img/bg_book.png) no-repeat 0 0;}
#right_banner div.opinion div.info div.image img{width:104px; height:152px; padding-left:10px;}
#right_banner div.opinion div.info div.text p{color:#3c3c3c; padding-bottom:12px; line-height:18px;}
#right_banner div.opinion div.info div.text a.btn_list_view{background:url(../img/bullet_opinion_arrow.png) no-repeat 100% 5px; color:#3e508d; font-size:13px; padding-right:11px;}
#right_banner div.opinion div.info div.text a.btn_reqeust{position:absolute; bottom:30px; right:22px;}

/* 메인 콘텐츠 */
#main_headline{background-color:#f4f4f4; border-bottom:1px solid #e5e5e5;}
#main_headline_980{width:980px; height:540px; margin:0 auto; overflow:hidden; position:relative;}
#main_headline_980 div.left{width:650px; float:left; padding:30px 0 25px 0;}
#main_headline_980 div.left h2{font-size:26px; line-height:30px; font-weight:normal; color:#231f20; letter-spacing:-2px; margin-bottom:5px;}
#main_headline_980 div.left h2 a{font-size:26px; line-height:30px; font-weight:normal; color:#231f20; letter-spacing:-2px;}
#main_headline_980 div.left h2 span{color:#0f59b5; background:url(../img/bg_headline_title_categoty.png) no-repeat 100% 6px; padding-right:12px;}
#main_headline_980 div.left p.title{font-size:44px; line-height:52px; color:#231f20; letter-spacing:-5px; margin-bottom:25px;}
#main_headline_980 div.left div.image{position:relative;}
#main_headline_980 div.left div.image a.btn_share{position:absolute; bottom:10px; right:10px; /*북마크 있을 경우 right:70px;*/}
#main_headline_980 div.left div.image a.btn_bookmark{position:absolute; bottom:10px; right:10px;}
#main_headline_980 div.right{width:300px; position:absolute; bottom:0; right:0;}
#main_headline_980 div.right div.opinion{height:232px; padding:20px 22px; border:1px solid #c3c3c3; position:relative; background:url(../img/bg_opinion.png) no-repeat 0 0;}
#main_headline_980 div.right div.opinion h2 span{display:block; font-size:17px; font-family:Helvetica; font-style:italic; margin-bottom:10px;}
#main_headline_980 div.right div.opinion div.info{margin-top:15px; overflow:hidden;}
#main_headline_980 div.right div.opinion div.info div.image{width:125px; height:161px; float:left; background:url(../img/bg_book.png) no-repeat 0 0;}
#main_headline_980 div.right div.opinion div.info div.image img{width:104px; height:152px; padding-left:10px;}
#main_headline_980 div.right div.opinion div.info div.text p{color:#3c3c3c; padding-bottom:12px; line-height:18px;}
#main_headline_980 div.right div.opinion div.info div.text a.btn_list_view{background:url(../img/bullet_opinion_arrow.png) no-repeat 100% 5px; color:#3e508d; font-size:13px; padding-right:11px;}
#main_headline_980 div.right div.opinion div.info div.text a.btn_reqeust{position:absolute; bottom:30px; right:22px;}
#main_headline_980 div.right div.ad{height:250px; overflow:hidden;}
#main_contents{width:980px; margin:0 auto; padding-bottom:50px; overflow:hidden; background:url(../img/bg_main_contents.png) repeat-y 100% 0;}
#main_news{width:650px; padding-right:30px; float:left;}
#main_news div.special_news ul li{width:100%; overflow:hidden; border-top:1px solid #ececec; position:relative;}
#main_news div.special_news ul li:first-child{border-top:none;}
#main_news div.special_news ul li div.image{width:152px; height:130px; position:absolute; top:10px; left:0; overflow:hidden;}
#main_news div.special_news ul li div.image img{width:100%; height:100%;}
#main_news div.special_news ul li div.info{width:460px; padding:0 15px; position:absolute; top:50%; right:0;}
#main_news div.special_news ul li div.info span{display:block;}
#main_news div.special_news ul li div.info span.desc{font-size:14px; color:#3e508d; margin-bottom:9px;}
#main_news div.special_news ul li div.info span.title{font-size:18px; font-weight:bold; color:#231f20; letter-spacing:-1px; margin-bottom:10px; line-height:24px;}
#main_news div.special_news ul li div.info span.text{font-size:14px; color:#707070; line-height:18px; margin-bottom:7px;}
#main_news div.special_news ul li div.info span.reporter{font-size:13px; color:#9c9c9c;}

/* 추가 Magazine D 20160211 */
#main_news div.magazine_news{position:relative;margin:10px 0;padding:30px 0;border:1px solid #dadada;box-sizing:border-box;background-color:#f9f9f9;}
#main_news div.magazine_news .magazine_left{width:375px;padding-left:21px;}
#main_news div.magazine_news .magazine_left ul{height:168px;}
#main_news div.magazine_news .magazine_left ul li{padding:11px 0 14px;border-top:1px solid #efefef;font-size:14px;color:#231f20;}
#main_news div.magazine_news .magazine_left ul li strong{display:block;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#main_news div.magazine_news .magazine_left ul li:first-child{padding-top:16px;border-top:none;font-size:18px;}
#main_news div.magazine_news .magazine_left ul li:first-child strong{margin-top:-4px;line-height:23px;}
#main_news div.magazine_news .magazine_left ul li:first-child div{height:35px;overflow:hidden;padding:5px 0 0;font-size:13px;line-height:18px;color:#707070;display:-webkit-box;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
#main_news div.magazine_news .magazine_left ul li:first-child div:hover{color:#f25632;}
#main_news div.magazine_news .magazine_right{position:absolute;top:30px;right:21px;}
#main_news div.magazine_news .magazine_right img{width:210px;height:133px;}
#main_news div.magazine_news .magazine_right div{width:188px;overflow:hidden;padding:8px 10px 11px;border:1px solid #e1e1e1;border-top:none;background-color:#fff;}
#main_news div.magazine_news .magazine_right div span{display:block;height:15px;overflow:hidden;font-size:14px;line-height:1;color:#231f20;}
#main_news div.magazine_news .magazine_right div span:first-child{height:14px;margin-bottom:5px;font-size:12px;color:#2d89f9;}

#main_news div.series_news{background-color:#ececec; height:220px; position:relative; padding:20px 13px; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;}
#main_news div.series_news a.btn_prev{position:absolute; top:50%; left:13px; margin-top:-26px;}
#main_news div.series_news a.btn_next{position:absolute; top:50%; right:13px; margin-top:-26px;}
#main_news div#series_news_slide{height:220px;}
#main_news div#series_news_slide > div{width:0; overflow:hidden;}
#main_news div#series_news_slide ul{overflow:hidden;}
#main_news div#series_news_slide ul li{width:200px; margin-left:12px; float:left;}
#main_news div#series_news_slide ul li:first-child{margin-left:0;}
#main_news div#series_news_slide ul li a{display:block; position:relative;}
#main_news div#series_news_slide ul li span{display:block;}
#main_news div#series_news_slide ul li div.image{width:200px; height:220px;}
#main_news div#series_news_slide ul li div.image img{width:100%; height:220px;}
#main_news div#series_news_slide ul li div.info{width:100%; position:absolute; bottom:0; background:url(../img/bg_opacity_black.png) repeat 0 0; padding-bottom:8px;}
#main_news div#series_news_slide ul li div.info span.desc{font-size:13px; color:#99ccff; padding:8px 8px 5px 8px; overflow:hidden; height:13px;}
#main_news div#series_news_slide ul li div.info span.text{font-size:14px; color:#fff; padding:0 8px 0 8px; line-height:20px; height:40px; overflow:hidden;}
#main_news div.etc_news ul li{width:100%; overflow:hidden; border-top:1px solid #ececec; position:relative;}
#main_news div.etc_news ul li:first-child{border-top:none;}
#main_news div.etc_news ul li div.image{width:100px; height:100px; position:absolute; top:10px; right:0; overflow:hidden;}
#main_news div.etc_news ul li div.image img{width:100%; height:100%;}
#main_news div.etc_news ul li.noimg div.info{width:100%;}
#main_news div.etc_news ul li div.info{width:530px; padding-right:10px; position:absolute; top:50%; left:0;}
#main_news div.etc_news ul li div.info span{display:block;}
#main_news div.etc_news ul li div.info span.desc{font-size:14px; color:#3e508d; margin-bottom:9px;}
#main_news div.etc_news ul li div.info span.title{font-size:18px; font-weight:bold; color:#231f20; letter-spacing:-1px; margin-bottom:10px;}
#main_news div.etc_news ul li div.info span.text{font-size:14px; color:#707070; line-height:18px; margin-bottom:7px;}
#main_news div.etc_news ul li div.info span.reporter{font-size:13px; color:#9c9c9c;}
#main_news div.etc_news div.btn_more{padding-top:10px;}
#main_news div.etc_news div.btn_more a{display:block; border:1px solid #d2d2d2; background:#f2f2f2; font-size:15px; color:#787878; text-align:center; padding:10px 0;}
#main_news div.etc_news div.btn_more a img{padding:8px 0 0 3px; vertical-align:top;}

/* 서브 - 기사뷰 기본 */
#view_top{width:980px; margin:0 auto;}
#view_top > div.title{padding:30px 0;}
#view_top > div.title h2{font-size:34px; line-height:40px; font-weight:normal; letter-spacing:-1px; padding:5px 0 10px 0;}
#view_top > div.title p.desc{font-size:15px; line-height:20px; color:#3e508d;}
#view_top > div.title p.text{font-size:18px; line-height:22px; color:#2e2c2c;}
#view_top > div.info{height:47px; border-top:2px solid #656565; border-bottom:1px solid #dadada; position:relative; margin-bottom:20px;}
#view_top > div.info div.ver{width:118px; float:left; background:url(../img/bullet_view_info.png) no-repeat 100% 13px;}
#view_top > div.info div.ver p{height:47px; line-height:47px; font-size:16px; color:#37383b;}
#view_top > div.info div.share{width:133px; float:left; position:relative; background:url(../img/bullet_view_info.png) no-repeat 100% 13px;}
#view_top > div.info div.share > ul{overflow:hidden;}
#view_top > div.info div.share > ul > li{float:left; padding:10px;}
#view_top > div.info div.share > ul > li.more{padding-top:20px;}
#view_top > div.info div.share > ul > li ul{width:133px; padding:5px 0; border:1px solid #656565; background-color:#fff; z-index:1; position:absolute; top:47px; left:0; display:none;}
#view_top > div.info div.share > ul > li ul li{padding:6px 15px;}
#view_top > div.info div.share > ul > li ul li a img{vertical-align:-4px;}
#view_top > div.info div.share > ul > li ul li a span{color:#37383c; font-size:14px; padding-left:5px;}
#view_top > div.info div.reply{width:103px; float:left; background:url(../img/bullet_view_info.png) no-repeat 100% 13px;}
#view_top > div.info div.reply p{height:47px; line-height:47px; text-align:center; font-size:16px; color:#37383b;}
#view_top > div.info div.reply p strong{font-size:18px; color:#ea4c3a; vertical-align:top;}
#view_top > div.info div.size{padding:7px 17px; float:left; overflow:hidden;}
#view_top > div.info div.size a{display:block; height:31px; line-height:31px;}
#view_top > div.info div.size a span{font-size:14px; padding-left:5px;}
#view_top > div.info div.etc{float:right;}
#view_top > div.info div.etc ul{overflow:hidden; padding:7px 0;}
#view_top > div.info div.etc ul li{float:left; padding:0 10px;}
#view_top > div.info div.etc ul li a{display:block; height:31px; line-height:31px;}
#view_top > div.info div.etc ul li a span{font-size:14px; padding-left:5px;}

#view_info_layer{width:100%; min-width:1024px; height:57px; border-top:2px solid #13476e; border-bottom:1px solid #e4e4e6; background-color:#fafafa; position:fixed; top:0; left:0; z-index:99999999; display:none;}
#view_info_layer div.ver{position:absolute; left:0; top:0; padding:0 40px 0 30px; background:#134795 url(../img/bg_view_info_ver.png) no-repeat 100% 0;}
#view_info_layer div.ver p{height:57px; line-height:52px;}
#view_info_layer div.ver p a{font-size:18px; color:#fff; font-weight:bold;}
#view_info_layer div.title{width:600px; margin-left:210px; overflow:hidden; height:57px;}
#view_info_layer div.title h2{font-size:22px; color:#1c1c1c; line-height:52px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#view_info_layer div.title div.page_control{float:right; position:absolute; top:0; right:230px; padding-right:15px; background:url(../img/bullet_view_info.png) no-repeat 100% 18px;}
#view_info_layer div.title div.page_control a.prev{position:absolute; top:10px; left:0;}
#view_info_layer div.title div.page_control a.next{position:absolute; top:10px; right:15px;}
#view_info_layer div.title div.page_control span{display:block; width:80px; padding:0 36px; line-height:52px; text-align:center; font-size:22px; letter-spacing:6px;}
#view_info_layer div.title div.page_control span strong{color:#13476e;}
#view_info_layer div.title #scrap_layer{position:absolute; top:0; right:0;}
#view_info_layer div.share{position:absolute; top:0; right:40px; height:57px;}
#view_info_layer div.share > ul{height:44px; margin-top:13px; background:url(../img/bullet_view_info.png) no-repeat 100% 4px; float:left;}
#view_info_layer div.share > ul > li{float:left; padding:0 10px;}
#view_info_layer div.share > ul > li.more{padding-top:10px;}
#view_info_layer div.share > ul > li ul{width:133px; padding:5px 0; border:1px solid #656565; background-color:#fff; z-index:1; position:absolute; top:57px; left:0; display:none;}
#view_info_layer div.share > ul > li ul li{padding:6px 15px;}
#view_info_layer div.share > ul > li ul li a img{vertical-align:-4px;}
#view_info_layer div.share > ul > li ul li a span{color:#37383c; font-size:14px; padding-left:5px;}
#view_info_layer div.share p.reply{width:51px; height:34px; line-height:23px; margin:12px 0 0 12px; float:left; background:url(../img/bg_view_count.png) no-repeat 0 0; text-align:center;}
#view_info_layer div.share p.reply a{font-size:18px; font-weight:bold; color:#ea4c3a;}

#view_wrap{width:980px; margin:0 auto; padding-bottom:50px; overflow:hidden; background:url(../img/bg_main_contents.png) repeat-y 100% 0;}
#left_view{width:650px; padding-right:30px; float:left;}
#left_view div.view ul.list{background-color:#f8f8f8; padding:20px; margin-bottom:15px;}
#left_view div.view ul.list li{padding-top:16px; font-size:16px; color:#231f20; line-height:22px;}
#left_view div.view ul.list li:first-child{padding-top:0;}
#left_view div.view div.photo_left{float:left; padding:20px 20px 20px 0;}
#left_view div.view div.photo_right{float:right; padding:20px 0 20px 20px;}
#left_view div.view div.photo_center{float:none; padding:20px 0; text-align:center;}
#left_view div.view div.photo_left img{max-width:100%;}
#left_view div.view div.photo_right img{max-width:100%;}
#left_view div.view div.photo_center img{max-width:100%;}
#left_view div.view div.photo img{/*width:100%;*/}
#left_view div.view div.photo p.desc{padding-top:5px; font-size:12px; color:#676767; line-height:16px; padding-bottom:0;}
#left_view div.view div.photo_center p.desc{padding-top:5px; font-size:12px; color:#676767; line-height:16px; padding-bottom:0; margin:0 auto;}
#left_view div.view div.photo_left p.desc{padding-top:5px; font-size:12px; color:#676767; line-height:16px; padding-bottom:0;}
#left_view div.view div.photo_right p.desc{padding-top:5px; font-size:12px; color:#676767; line-height:16px; padding-bottom:0;}
#left_view div.view div.text{font-size:16px; color:#333; line-height:150%; padding-bottom:25px;}
#left_view div.view div.text p.date{font-size:14px; color:#515151; text-align:right;}
#left_view div.view div.text h4{font-size:22px; color:#3e508d; font-style:italic; text-align:center; padding:20px 0 25px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin:0 0 20px 0;}

#left_view div.reporter{overflow:hidden; margin-bottom:30px;}
#left_view div.reporter div.image{float:left; margin-right:10px; width:61px; height:61px; behavior:url("css/PIE.htc"); border-radius:61px; overflow:hidden;}
#left_view div.reporter div.image img{width:100%;}
#left_view div.reporter div.info{float:left; margin-top:12px;}
#left_view div.reporter div.info ul{overflow:hidden;}
#left_view div.reporter div.info ul li{float:left;}
#left_view div.reporter div.info ul li.name{font-size:16px; color:#3e508d; margin-right:8px;}
#left_view div.reporter div.info ul li a{display:block; padding:0 8px; background:url(../img/bullet_reporter_share.png) no-repeat 0 0;}
#left_view div.reporter div.info div.btn{margin-top:8px;}

#left_view div.page_control{border:1px solid #d2d2d2; position:relative; background-color:#f2f2f2; margin-bottom:40px;}
#left_view div.page_control a.lock{cursor:default;}
#left_view div.page_control a.prev{display:block; width:55px; height:30px; position:absolute; top:0; left:0; background-color:#fff; border-right:1px solid #d2d2d2; text-align:center; padding-top:12px;}
#left_view div.page_control a.next{display:block; width:55px; height:30px; position:absolute; top:0; right:0; background-color:#fff; border-left:1px solid #d2d2d2; text-align:center; padding-top:12px;}
#left_view div.page_control span{display:block; height:42px; line-height:42px; color:#1c1c1c; font-size:22px; text-align:center; letter-spacing:6px;}
#left_view div.page_control span strong{color:#13476e;}

#left_view div.relation_new{margin-bottom:50px;}
#left_view div.relation_new h2{font-size:15px; color:#3e508d; border-bottom:1px solid #bcbcbc; padding-bottom:10px;}

#left_view div.write_news{position:relative;}
#left_view div.write_news div.title{overflow:hidden; padding-bottom:10px; border-bottom:1px solid #bcbcbc;}
#left_view div.write_news div.title h2{height:26px; line-height:24px; font-size:16px;}
#left_view div.write_news div.title div.cate{/*width:50px;*/height:26px; line-height:24px; /*background:url(../img/bg_category_type.png) no-repeat 0 0;*/ text-align:center; font-size:14px; color:#3e508d; float:left; margin-right:10px;}
#left_view div.write_news a.more{position:absolute; top:5px; right:10px; padding-right:10px; background:url(../img/bullet_more.png) no-repeat 100% 4px;}

#reply_layer{width:705px; height:100%; display:none;}
#reply_layer div.reply_wrap{}
#reply_layer div.reply_wrap > div{padding:19px 22px 20px 27px; background-color:#fff; position:relative; top:59px; border:1px solid #a3a3a3; box-shadow:-1px 1px 5px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=210, Strength=5); zoom:1;}
#reply_layer div.reply_wrap a.close{position:absolute; top:27px; left:27px;}
#reply_layer div.reply_wrap h2{font-size:24px; line-height:32px; font-weight:normal; color:#231f20; padding-left:30px; letter-spacing:-1px;}
#reply_layer div.reply_wrap div.reply_box{margin-top:25px;}

#index_layer{/*width:705px;*/width:450px; height:100%; display:none;}
#index_layer div.index{background-color:#fff; border:1px solid #a3a3a3; box-shadow:1px 1px 5px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=45, Strength=5); zoom:1;}
#index_layer div.index > ul{position:relative; top:60px;}
#index_layer div.index > ul > li > a{display:block; background:#ebebeb; border-bottom:1px solid #cdcdcd; padding:15px; font-size:15px; color:#636363;}
#index_layer div.index > ul > li ul{display:none; border-bottom:1px solid #cdcdcd;}
#index_layer div.index > ul > li.more a{background:#ebebeb url(../img/bullet_more.png) no-repeat 680px 50%;}
#index_layer div.index > ul > li ul li a{display:block; padding:15px; background-color:#fff; border-top:1px solid #f3f3f3;}
#index_layer div.index > ul > li ul li:first-child a{border-top:none;}
#index_layer div.index > ul > li ul li a span{display:block;}
#index_layer div.index > ul > li ul li a span.desc{color:#3e508d; font-size:14px; line-height:18px;}
#index_layer div.index > ul > li ul li a span.title{font-size:18px; line-height:24px; margin:2px 0; font-weight:bold;}
#index_layer div.index a.close{position:absolute; top:74px; right:24px;}
#index_layer div.index .btn_more {display:block;margin-top:60px;background:#ebebeb; border-bottom:1px solid #cdcdcd; padding:15px; font-size:15px; color:#636363;}

#bookmark_layer{width:705px; position:fixed; top:60px; right:0; z-index:9999999;}
#bookmark_layer div.bookmark{padding:19px 0 20px 0; background-color:#fff; border:1px solid #a3a3a3; box-shadow:-1px 1px 5px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=210, Strength=5); zoom:1;}
#bookmark_layer div.bookmark a.close{position:absolute; top:20px; left:27px;}
#bookmark_layer div.bookmark h2{font-size:22px; line-height:18px; margin-bottom:20px; color:#403d3e; padding-left:57px; letter-spacing:-1px;}
#bookmark_layer div.bookmark h4{background-color:#ebebeb; padding:15px; color:#231f20; font-weight:normal; border-top:1px solid #cbcbcb; border-bottom:1px solid #e3e3e3; font-size:18px;}
#bookmark_layer div.bookmark ul{padding:0 22px 0 27px;}
#bookmark_layer div.bookmark ul li{width:100%; overflow:hidden; border-top:1px solid #ececec; position:relative;}
#bookmark_layer div.bookmark ul li:first-child{border-top:none;}
#bookmark_layer div.bookmark ul li div.image{width:100px; height:100px; overflow:hidden; position:absolute; top:10px; left:0;}
#bookmark_layer div.bookmark ul li div.image img{position:absolute; top:0; left:0;}
#bookmark_layer div.bookmark ul li div.info{width:500px; position:absolute; top:50%; right:40px;}
#bookmark_layer div.bookmark ul li.noimg div.info{width:600px; position:absolute; top:50%; left:0;}
#bookmark_layer div.bookmark ul li div.info span{display:block;}
#bookmark_layer div.bookmark ul li div.info span.desc{font-size:14px; color:#3e508d; margin-bottom:9px;}
#bookmark_layer div.bookmark ul li div.info span.title{font-size:18px; line-height:22px; font-weight:bold; color:#231f20; letter-spacing:-1px; margin-bottom:10px;}
#bookmark_layer div.bookmark ul li div.info span.title span{display:inline; font-weight:normal; color:#25426e;}
#bookmark_layer div.bookmark ul li div.info span.text{font-size:14px; color:#707070; line-height:18px; margin-bottom:7px;}
#bookmark_layer div.bookmark ul li div.info span.reporter{font-size:13px; color:#9c9c9c;}
#bookmark_layer div.bookmark ul li div.del{position:absolute; position:absolute; top:50%; margin-top:-9px; right:0;}
#bookmark_layer div.bookmark div.btn_more{padding:10px 22px 0 27px;}
#bookmark_layer div.bookmark div.btn_more a{display:block; border:1px solid #d2d2d2; background:#f2f2f2; font-size:15px; color:#787878; text-align:center; padding:10px 0;}
#bookmark_layer div.bookmark div.btn_more a img{padding:8px 0 0 3px; vertical-align:top;}

/* 서브 - 연재 목록 */
div.writing_list{overflow:hidden; background-color:#fff;}
div.writing_list h2{font-size:28px; color:#403d3e; line-height:28px; margin:0 0 15px 0; letter-spacing:-1px;}
div.writing_list h4{font-size:20px; padding:15px; color:#231f20;}
div.writing_list table.list_table{width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
div.writing_list table.list_table td.list_cell{width:50%; vertical-align:top; border:1px solid #bcbcbc; padding:0;}
div.writing_list table.list_table td.list_cell h5{border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; background-color:#ebebeb;}
div.writing_list table.list_table td.list_cell h5:first-child{border-top:none;}
div.writing_list table.list_table td.list_cell h5 a{display:block; color:#3e508d; font-size:15px; padding:13px 15px;}
div.writing_list table.list_table td.list_cell > ul > li > a{display:block; padding:13px 15px; font-size:17px; color:#363636; border-top:1px solid #e5e5e5;}
div.writing_list table.list_table td.list_cell > ul > li:first-child > a{border-top:none;}
div.writing_list table.list_table td.list_cell > ul > li.more > a{font-size:15px; color:#767b8d; background:url(../img/icon_acodi_open.png) no-repeat 290px 50%; border-bottom:none;}
div.writing_list table.list_table td.list_cell > ul > li.more > a.on{border-bottom:1px solid #e5e5e5; background:url(../img/icon_acodi_close.png) no-repeat 290px 50%;}
div.writing_list table.list_table td.list_cell > ul > li ul{display:none;}
div.writing_list table.list_table td.list_cell > ul > li ul li a{display:block; padding:13px 23px; font-size:15px; color:#363636; background-color:#f9f9f9;}
div.writing_list table.list_table td.list_cell > ul > li ul li:last-child a{border-bottom:none;}

/* 서브 - 연재 리스트형 */
div.writing_list_list div.title{overflow:hidden; padding:0 0 15px 0; border-bottom:1px solid #cbcbcb;}
div.writing_list_list div.title h2{height:26px; font-size:22px; color:#3e508d; line-height:22px; letter-spacing:-1px;}
div.writing_list_list div.title div.cate{width:50px; height:26px; line-height:24px; background:url(../img/bg_category_type.png) no-repeat 0 0; text-align:center; font-size:14px; color:#3e508d; float:left; margin-right:10px;}

/* 서브 - 연재 포토형 */
div.writing_list_photo h2{font-size:28px; color:#403d3e; line-height:28px; margin:0 0 15px 0; letter-spacing:-1px;}
div.writing_list_photo div.photo_top{position:relative; margin-bottom:10px;}
div.writing_list_photo div.photo_top span{display:block;}
div.writing_list_photo div.photo_top span.image{overflow:hidden;}
div.writing_list_photo div.photo_top div.image img{width:100%;}
div.writing_list_photo div.photo_top span.text{width:100%; z-index:1; position:absolute; bottom:25px; left:0; font-size:24px; line-height:30px; font-weight:bold; color:#fff; text-align:center; letter-spacing:-1px;}
div.writing_list_photo div.photo_top span.dummy{position:absolute; bottom:0; left:0; width:100%; height:300px; background:url(../img/bg_photo.png) repeat-x 0 100%;}
div.writing_list_photo #photo_list li a{display:block; position:relative;}
div.writing_list_photo #photo_list li a span{display:block;}
div.writing_list_photo #photo_list li a span.image{overflow:hidden;}
div.writing_list_photo #photo_list li a span.image img{width:100%;}
div.writing_list_photo #photo_list li a span.text{position:absolute; bottom:10px; left:0; font-size:14px; line-height:18px; padding:0 10px; color:#fff; text-shadow:1px 1px 0 #333; z-index:1;}
div.writing_list_photo #photo_list li a span.dummy{position:absolute; bottom:0; left:0; width:100%; height:150px; background:url(../img/bg_photo.png) repeat-x 0 100%;}
div.writing_list_photo #photo_list li.noimg a{padding:50px 0; background-color:#333;}
div.writing_list_photo #photo_list li.noimg a span.text{position:static;}

/* 서브 - 독자게시판 */
div.list_board h2{font-size:28px; color:#403d3e; line-height:28px; margin:0 0 15px 0; letter-spacing:-1px;}
div.list_board div.desc{border:1px solid #e0e0e0; background-color:#f4f4f4; padding:10px 15px;}
div.list_board p{font-size:14px; color:#37383b; line-height:22px;}
div.list_board p strong{font-weight:normal; color:#25426e;}
div.list_board div.board_area{margin-top:40px;}

/* 서브 - 광고안내 */
div.donga_ad h2{font-size:28px; color:#403d3e; line-height:28px; margin:0 0 15px 0; letter-spacing:-1px;}
div.donga_ad div.opinion_info{padding:45px 0 45px 85px; background:#f4f4f4; border:1px solid #e0e0e0; overflow:hidden;}
div.donga_ad div.opinion_info div.image{width:160px; padding-left:20px; float:left;}
div.donga_ad div.opinion_info div.image img{width:100%;}
div.donga_ad div.opinion_info div.info{float:left; padding:25px 0 0 25px;}
div.donga_ad div.opinion_info div.info h4{padding:15px 0 20px 0;}
div.donga_ad div.opinion_info div.info p.desc{font-size:15px; color:#252525; line-height:20px;}

div.donga_ad div.section{padding:15px 0; margin-top:15px;}
div.donga_ad div.section h4{font-size:18px; line-height:18px; letter-spacing:-1px; color:#3e508d; border-bottom:1px solid #e1e1e1; padding-bottom:15px; margin-bottom:15px;}

div.donga_ad div.infomation{margin-top:10px !important;}
div.donga_ad div.infomation ul{overflow:hidden;}
div.donga_ad div.infomation ul li{width:50%; padding-bottom:10px; float:left; font-size:14px; color:#231f20;}

div.donga_ad div.contents h5{font-size:14px; line-height:20px; padding-bottom:2px; letter-spacing:-1px;}
div.donga_ad div.contents p{font-size:14px; color:#666; line-height:20px; padding-bottom:15px; letter-spacing:-1px;}
div.donga_ad div.contents p:last-child{padding-bottom:0;}

div.donga_ad div.advantage h5{font-size:14px; line-height:20px; padding-bottom:2px; letter-spacing:-1px;}
div.donga_ad div.advantage p{font-size:14px; line-height:20px; color:#666; letter-spacing:-1px;}
div.donga_ad div.advantage p strong{color:#3e508d; font-weight:normal;}

div.donga_ad div.donga_analysis div.image1{padding:10px 0 30px 0; text-align:center;}
div.donga_ad div.donga_analysis div.image2{padding-bottom:0; text-align:center;}

div.donga_ad div.marketing p{font-size:14px; color:#231f20; line-height:20px; padding-bottom:15px; letter-spacing:-1px;}

div.donga_ad div.price h4{border-bottom:none !important; margin-bottom:0 !important;}
div.donga_ad div.price table{width:100%; table-layout:fixed;}
div.donga_ad div.price table thead th{padding:10px 0; border:1px solid #ececec; background-color:#f4f4f4; font-size:13px; text-align:center;}
div.donga_ad div.price table tbody td{padding:10px; border:1px solid #ececec; font-size:13px; text-align:center;}
div.donga_ad div.price table tbody td.al_right{text-align:right;}
div.donga_ad div.price p{text-align:right; font-size:12px; padding-top:5px;}

div.donga_ad div.team{overflow:hidden;}
div.donga_ad div.team h5{font-size:14px; line-height:20px; padding-bottom:5px;}
div.donga_ad div.team div.box{width:50%; float:left;}
div.donga_ad div.team ul{margin-bottom:20px; overflow:hidden; padding-right:20px;}
div.donga_ad div.team ul li{padding:5px 0 0 8px; background:url(../img/bullet_list.png) no-repeat 0 16px; font-size:14px; line-height:20px;}

/* 서브 - 신동아 사람들 */
div.donga_people h2{font-size:28px; color:#403d3e; line-height:28px; margin:0 0 15px 0; letter-spacing:-1px;}
div.donga_people div.people{border-top:1px solid #e6e6e6; padding:25px 20px; overflow:hidden;}
div.donga_people div.people:first-child{border-top:1px solid #bcbcbc;}
div.donga_people div.gray{background-color:#f8f8f8;}
div.donga_people div.people div.image{width:138px; height:138px; float:left; overflow:hidden; behavior:url("css/PIE.htc"); border-radius:138px;}
div.donga_people div.people div.image img{width:100%;}
div.donga_people div.people div.info{width:440px; padding-left:20px; float:left;}
div.donga_people div.people div.info ul.name{overflow:hidden; margin:5px 0;}
div.donga_people div.people div.info ul.name li{float:left; height:20px; background:url(../img/bullet_reporter_share.png) no-repeat 0 2px;}
div.donga_people div.people div.info ul.name li a{display:block; padding:0 15px;}
div.donga_people div.people div.info ul.name li.name{font-size:20px; font-weight:bold; color:#3e508d; padding-right:15px; background:none;}
div.donga_people div.people div.info p.contact{padding:10px 0; color:#252525; font-size:18px; line-height:18px;}
div.donga_people div.people div.info p.text{color:#464646; font-size:14px; line-height:22px; letter-spacing:-1px;}

/* 서브 - 기자별 개인목록 */
div.donga_reporter{overflow:hidden; margin-bottom:30px;}
div.donga_reporter div.people{background-color:#f4f4f4; border:1px solid #e0e0e0; overflow:hidden; padding:12px 20px;}
div.donga_reporter div.people div.image{float:left; margin-right:15px; width:70px; height:70px; overflow:hidden; behavior:url("css/PIE.htc"); border-radius:70px;}
div.donga_reporter div.people div.image img{width:100% !important; height:auto !important;}
div.donga_reporter div.people div.info{float:left; width:520px;}
div.donga_reporter div.people div.info ul{overflow:hidden;}
div.donga_reporter div.people div.info ul li{float:left; height:20px; padding-top:5px;}
div.donga_reporter div.people div.info ul li.name{font-size:18px; font-weight:bold; color:#3e508d; margin-right:8px; padding-top:0;}
div.donga_reporter div.people div.info ul li a{display:block; padding:0 10px; background:url(../img/bullet_reporter_share.png) no-repeat 0 0;}
div.donga_reporter div.people div.info p.desc{margin-top:5px; color:#37383b;}

/* 서브 - 신동아 라이브러리 목록 */
div.donga_lib_list h2{font-size:28px; color:#403d3e; line-height:28px; margin:0 0 15px 0; letter-spacing:-1px;}
div.donga_lib_list > ul{border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
div.donga_lib_list > ul > li{border-top:1px solid #cbcbcb !important;}
div.donga_lib_list > ul > li:first-child{border-top:none !important;}
div.donga_lib_list > ul > li > a{font-size:16px; color:#636363; font-weight:bold; background:url(../img/icon_acodi_open.png) no-repeat 625px 50%; display:block; padding:13px 15px; color:#363636;}
div.donga_lib_list > ul > li > a.on{background:url(../img/icon_acodi_close.png) no-repeat 625px 50%;}
div.donga_lib_list > ul > li div.list_wrap{display:none; overflow:hidden;}
div.donga_lib_list > ul > li div.list_section{padding:20px 25px; background:url(../img/bg_donga_lib_list.png) repeat-x 0 0;}
div.donga_lib_list > ul > li div.list_section ul{overflow:hidden;}
div.donga_lib_list > ul > li div.list_section ul li{width:129px; padding:0 10px; float:left; text-align:center;}
div.donga_lib_list > ul > li div.list_section ul li a{display:block;}
div.donga_lib_list > ul > li div.list_section ul li a span{display:block;}
div.donga_lib_list > ul > li div.list_section ul li a span.month{font-size:14px; margin-bottom:5px; color:#3e508d;}
div.donga_lib_list > ul > li div.list_section ul li a span.image{width:129px; height:193px;}
div.donga_lib_list > ul > li div.list_section ul li.nolist{text-align:center;}

/* 서브 - 신동아 라이브러리 뷰 */
div.donga_lib_view{background-color:#fff;}
div.donga_lib_view h2{font-size:18px; color:#231f20; font-weight:normal; overflow:hidden; padding:10px 0;}
div.donga_lib_view h2 a{display:block; margin-top:5px; padding-right:10px; float:right; font-size:14px; color:#3e508d; background:url(../img/bullet_opinion_arrow.png) no-repeat 100% 4px;}
div.donga_lib_view p.desc{text-align:right; padding:10px 0 20px 0; font-size:12px;}
div.donga_lib_view div.tab ul{width:100%; overflow:hidden;}
div.donga_lib_view div.tab ul li{width:33.33%; float:left;}
div.donga_lib_view div.tab ul li:first-child{width:33.34%;}
div.donga_lib_view div.tab ul li a{display:block; height:42px; line-height:42px; border-bottom:1px solid #bcbcbc; border-left:1px solid #dadada; border-top:1px solid #dadada; text-align:center; background-color:#f8f8f8; font-size:16px;}
div.donga_lib_view div.tab ul li:first-child a{border-left:0;}
div.donga_lib_view div.tab ul li.on a{height:41px; border-bottom:2px solid #3e508d; font-weight:bold; color:#3e508d;}
div.donga_lib_view div.tab_contents{display:none;}
div.donga_lib_view div.tab_contents h6{font-size:18px; color:#3e508d; font-weight:bold; padding:30px 0 15px 0; border-bottom:2px solid #bcbcbc;}
div.donga_lib_view div.type_list > ul > li{border-bottom:1px solid #ececec; border-top:none;}
div.donga_lib_view div.price_service div.price_info{padding:10px 0; overflow:hidden;}
div.donga_lib_view div.price_service div.price_info p{font-size:14px; color:#505050; float:left; padding-top:5px;}
div.donga_lib_view div.price_service div.price_info div.link{width:227px; float:right; background:url(../img/bg_price_menu.png) no-repeat 0 0;}
div.donga_lib_view div.price_service div.price_info div.link ul{width:220px; overflow:hidden; margin:0 auto;}
div.donga_lib_view div.price_service div.price_info div.link ul li{width:33.3%; float:left;}
div.donga_lib_view div.price_service div.price_info div.link ul li a{display:block; height:28px; line-height:26px; text-align:center; font-size:12px; color:#fff;}
div.donga_lib_view div.price_service > ul{overflow:hidden; border-top:1px solid #dadada;}
div.donga_lib_view div.price_service > ul li{width:35%; float:left; text-align:center;}
div.donga_lib_view div.price_service > ul li.l_clr{width:32.5%; text-align:left;}
div.donga_lib_view div.price_service > ul li.r_clr{width:32.5%; text-align:right;}
div.donga_lib_view div.price_service > ul li a{display:block; border-bottom:1px solid #dadada; border-right:1px solid #dadada; font-size:14px; line-height:20px; color:#000; padding:15px 0; overflow:hidden;}
div.donga_lib_view div.price_service > ul li.r_clr a{border-right:none;}
div.donga_lib_view div.price_service > ul li a span.box{width:193px; display:block; text-align:left; margin:0 auto;}
div.donga_lib_view div.price_service > ul li.l_clr a span.box{float:left;}
div.donga_lib_view div.price_service > ul li.r_clr a span.box{float:right;}
div.donga_lib_view div.price_service > ul li a span.box img{width:193px; padding-bottom:10px;}
div.donga_lib_view div.price_service > ul li a span.box em{font-style:normal; color:#3e508d;}
div.donga_lib_view div.price_service table{width:100%; table-layout:fixed;}
div.donga_lib_view div.price_service table td{border:1px solid #dadada; vertical-align:top; width:35%;}
div.donga_lib_view div.price_service table td.l_clr{border-left:none; width:32.5%;}
div.donga_lib_view div.price_service table td.r_clr{border-right:none; width:32.5%;}
div.donga_lib_view div.price_service table td a{display:block; overflow:hidden;}
div.donga_lib_view div.price_service table td a span.box{display:block; width:193px; margin:0 auto; font-size:14px; color:#000; line-height:20px; padding:20px 0;}
div.donga_lib_view div.price_service table td.l_clr a span.box{float:left;}
div.donga_lib_view div.price_service table td.r_clr a span.box{float:right;}
div.donga_lib_view div.price_service table td a span.box img{width:193px; padding-bottom:10px;}
div.donga_lib_view div.price_service table td a span.box em{font-style:normal; color:#3e508d;}

div#lib_view_slide_wrap{background:url(../img/bg_donga_lib_slide.png) repeat 0 0; position:relative; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;}
div#lib_view_slide_wrap a.btn_prev{position:absolute; top:50%; left:0; margin-top:-26px;}
div#lib_view_slide_wrap a.btn_next{position:absolute; top:50%; right:0; margin-top:-26px;}
div#lib_view_slide{width:600px; height:288px; margin:0 auto; padding:28px 0;}
div#lib_view_slide > div{overflow:hidden; width:0;}
div#lib_view_slide ul{overflow:hidden;}
div#lib_view_slide ul li{width:193px; height:288px; margin-left:10px; float:left;}
div#lib_view_slide ul li:first-child{margin-left:0;}
div#lib_view_slide ul li a{display:block; width:193px; height:288px; background-color:#999; overflow:hidden; position:relative;}



/* 서브 - 기사리스트 모음 */
#list_wrap{width:980px; margin:20px auto 0 auto; padding-bottom:50px; overflow:hidden; background:url(../img/bg_main_contents.png) repeat-y 100% 0;}
#left_list{width:650px; padding-right:30px; float:left;}
div.category_list{margin-top:15px;}
div.category_list h2{font-size:24px; color:#403d3e; letter-spacing:-1px; padding-bottom:15px; border-bottom:1px solid #bcbcbc;}
div.search_list div.result{padding-bottom:10px; border-bottom:1px solid #bcbcbc;}
div.search_list div.result h2{text-align:center; font-size:18px; font-weight:normal; color:#37383b; padding:15px 0 20px 0; background-color:#f4f4f4; border:1px solid #e0e0e0;}
div.search_list div.result h2 strong{color:#25426e;}

/* 공통 - 기사리스트 스타일 */
div.type_list > ul > li{width:100%; overflow:hidden; border-top:1px solid #ececec; position:relative;}
div.type_list > ul > li.latest{background-color:#f5f5f5;}
div.type_list > ul > li.latest div.info{width:490px; padding-right:10px; position:absolute; top:50%; left:20px;}
div.type_list > ul > li.latest div.image{width:100px; height:100px; position:absolute; top:10px; right:20px;}
div.type_list > ul > li.latest div.image img{width:100%; height:100%;}
div.type_list > ul > li:first-child{border-top:none;}
div.type_list > ul > li div.image{width:100px; height:100px; position:absolute; top:10px; right:0; overflow:hidden;}
div.type_list > ul > li div.image img{width:100%; height:100%;}
div.type_list > ul > li div.info{width:530px; padding-right:10px; position:absolute; top:50%; left:0;}
div.type_list > ul > li div.info span{display:block;}
div.type_list > ul > li div.info span.highlight{color:#25426e; display:inline;}
div.type_list > ul > li div.info span.desc{font-size:14px; color:#3e508d; margin-bottom:9px;}
div.type_list > ul > li div.info span.title{font-size:18px; line-height:24px; font-weight:bold; color:#231f20; letter-spacing:-1px; margin-bottom:10px;  display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; white-space:normal;}
div.type_list > ul > li div.info span.text{font-size:14px; color:#707070; line-height:18px; margin-bottom:7px;}
div.type_list > ul > li div.info span.reporter{font-size:13px; color:#9c9c9c;}
div.type_list > ul > li div.info span.reporter span{display:inline; font-size:12px; color:#515356;}
div.type_list div.btn_more{padding-top:10px;}
div.type_list div.btn_more a{display:block; border:1px solid #d2d2d2; background:#f2f2f2; font-size:15px; color:#787878; text-align:center; padding:10px 0;}
div.type_list div.btn_more a img{padding:8px 0 0 3px; vertical-align:top;}

/* 인쇄 */
#print_wrap{width:700px;}
#print_wrap div.print_top{overflow:hidden; position:relative; padding:0 20px; border-bottom:2px solid #003366;}
#print_wrap div.print_top h1{padding:20px 0 10px 0;}
#print_wrap div.print_top a.print{position:absolute; top:20px; right:20px;}
#print_wrap div.print_content{padding:20px 20px;}
#print_wrap div.print_footer{background-color:#f4f4f4; border-top:1px solid #d5d5d5; padding:25px 0; text-align:center;}
#print_wrap div.print_footer address{font-size:12px; color:#696969;}
#print_wrap div.print_footer address strong{color:#f14922;}
#print_wrap #view_top{width:100%; margin:0 auto;}
#print_wrap #view_top > div.title{padding:0 0 30px 0;}
#print_wrap #view_top > div.title h2{font-size:28px; line-height:34px; font-weight:normal; letter-spacing:-1px; padding:15px 0 10px 0;}
#print_wrap #view_top > div.title p.desc{font-size:15px; line-height:20px; color:#a1a0a0;}
#print_wrap #view_top > div.title p.desc span{font-weight:bold; color:#d2232a; padding-right:10px;}
#print_wrap #view_top > div.title p.text{font-size:18px; line-height:22px; color:#2e2c2c;}
#print_wrap #view_top > div.info{height:35px; border-top:2px solid #656565; border-bottom:1px solid #dadada; position:relative; margin-bottom:20px;}
#print_wrap #view_top > div.info p{line-height:35px; font-size:12px; color:#959595;}
#print_wrap #view_top > div.info p strong{color:#484848;}
#view_con div.view ul.list{background-color:#f8f8f8; padding:20px; margin-bottom:15px;}
#view_con div.view ul.list li{padding-top:16px; font-size:16px; color:#231f20;}
#view_con div.view ul.list li:first-child{padding-top:0;}
#view_con div.view div.photo_left{float:left; padding:20px 20px 20px 0;}
#view_con div.view div.photo_right{float:right; padding:20px 0 20px 20px;}
#view_con div.view div.photo_center{float:none; padding:20px 0; text-align:center;}
#view_con div.view div.photo img{/*width:100%;*/}
#view_con div.view div.photo p.desc{padding-top:5px; font-size:12px; color:#676767;}
#view_con div.view div.text{font-size:16px; color:#333; line-height:150%; padding-bottom:25px;}
#view_con div.view div.text p.date{font-size:14px; color:#515151; text-align:right;}
#view_con div.view div.text h6{font-size:22px; color:#3e508d; font-style:italic; text-align:center; padding:20px 0 25px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin:5px 0 20px 0;}

/* 라이브러리 이미지 확대 축소 관련 */
#lib_view_slide_wrap a.btn_size{display:none; width:48px; height:49px; position:absolute; bottom:40px; right:40px;}
#lib_view_large{width:600px; padding:28px 0; margin:0 auto; display:none;}
#lib_view_slide_wrap_large{background:url(../img/bg_donga_lib_slide.png) repeat 0 0; position:relative; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;margin-bottom:50px;}
#lib_view_slide_wrap_large a.btn_size{width:48px; height:49px; position:absolute; bottom:20px; right:20px;}
#lib_view_large img{width:600px;}

div#lib_view_slide_wrap_large a.btn_prev01{position:absolute; top:50%; left:0; margin-top:-26px;z-index:1000;}
div#lib_view_slide_wrap_large a.btn_next01{position:absolute; top:50%; right:0; margin-top:-26px;z-index:1000;}

/* 레이어 시 검정 팝업 숨김 */
#fullScreenPopupLayer{display:none !important;}

/* 메인 상단 기사 공유 */
div#view_sns{width:300px; height:472px; display:none;}
div#view_sns div.layer{width:298px; background-color:#fff; border:1px solid #37383b; behavior:url("css/PIE.htc"); border-radius:10px;}
div#view_sns div.layer a.layer_close{position:absolute; top:15px; right:15px;}
div#view_sns div.layer a.layer_close img{width:17px;}
div#view_sns div.layer div{border-top:1px solid #e6e8eb; padding:20px;}
div#view_sns div.layer div:first-child{border-top:none;}
div#view_sns div.layer div h6{font-size:15px; padding-bottom:15px;}
div#view_sns div.layer div.set_sns ul{padding:25px 15px 15px 15px;}
div#view_sns div.layer div.set_sns ul li a{display:block; height:60px; line-height:60px; margin-top:6px; color:#fff; font-size:17px; padding-left:65px;}
div#view_sns div.layer div.set_sns ul li:first-child a{margin-top:0;}
div#view_sns div.layer div.set_sns ul li.type1 a{background:url(../img/bg_social_01.png) no-repeat 0 0; background-size:100% auto;}
div#view_sns div.layer div.set_sns ul li.type2 a{background:url(../img/bg_social_02.png) no-repeat 0 0; background-size:100% auto;}
div#view_sns div.layer div.set_sns ul li.type3 a{background:url(../img/bg_social_03.png) no-repeat 0 0; background-size:100% auto;}
div#view_sns div.layer div.set_sns ul li.type4 a{background:url(../img/bg_social_04.png) no-repeat 0 0; background-size:100% auto; color:#453439;}
div#view_sns div.layer div.set_sns ul li.type5 a{background:url(../img/bg_social_05.png) no-repeat 0 0; background-size:100% auto; color:#453439;}
div#view_sns div.layer div.set_sns ul li.type6 a{background:url(../img/bg_social_06.png) no-repeat 0 0; background-size:100% auto;}

/* 메인 상단 책갈피 */
div#view_bookmark{display:none;}
div#view_bookmark div.layer{width:298px; background-color:#fff; border:1px solid #37383b; behavior:url("css/PIE.htc"); border-radius:10px;}
div#view_bookmark div.layer a.layer_close{position:absolute; top:15px; right:15px;}
div#view_bookmark div.layer a.layer_close img{width:17px;}
div#view_bookmark div.layer div.set_bookmark p{font-size:19px; color:#231f20; text-align:center; margin:40px 0;}
div#view_bookmark div.layer div.set_bookmark a.btn{width:180px; height:45px; line-height:45px; display:block; margin:0 auto; background-color:#3e508d; color:#fff; font-size:17px; text-align:center; margin-bottom:20px;}

/* 게시판 수정 */
.cleditorMain{border:1px solid #ddd;}

/* 커서 비활성화 */
#btn_photo_prev_o, #btn_photo_next_o{cursor:default;}

/* 왼쪽 광고 */
#left_AD{position:absolute; top:672px; margin-left:-60px;  display:none;}

/* 하단 광고 980 */
div.bottom_ad{width:980px; margin:0 auto;}

/* 추가 - 뷰페이지 읽기 설정 */
#view_info_layer div.title div.page_control{right:380px;}

#view_info_layer div.size{position:absolute; top:13px; right:240px; padding-right:20px; background:url(../img/bullet_view_info.png) no-repeat 100% 5px;}
#view_info_layer div.size a{display:block; height:31px; line-height:31px;}
#view_info_layer div.size a span{font-size:14px; padding-left:5px;}

#view_setting{width:315px;}
#view_setting div.layer_top{width:100%; height:11px; background:url(../img/bg_read_layer_top.png) no-repeat 0 0;}
#view_setting div.layer_bot{width:100%; height:11px; background:url(../img/bg_read_layer_bot.png) no-repeat 0 0;}
#view_setting div.layer_mid{width:100%; background:url(../img/bg_read_layer_mid.png) repeat-y 0 0;}
#view_setting div.layer_mid a.layer_close{position:absolute; top:15px; right:15px;}
#view_setting div.layer_mid a.layer_close img{width:17px;}
#view_setting div.layer_mid > div{border-top:1px solid #e6e8eb; padding:12px;}
#view_setting div.layer_mid > div:first-child{border-top:none;}
#view_setting div.layer_mid > div h6{font-size:16px; padding-bottom:15px;}
#view_setting div.layer_mid div.set_size div{position:relative;}
#view_setting div.layer_mid div.set_size div div.bar{height:13px; margin-top:30px; background:url(../img/bg_size_bar.png) no-repeat 0 0;}
#view_setting div.layer_mid div.set_size div div.bar em{display:block; position:absolute; font-style:normal;}
#view_setting div.layer_mid div.set_size div div.bar em.xsmall{font-size:12px; top:-24px; left:0;}
#view_setting div.layer_mid div.set_size div div.bar em.small{font-size:13px; top:-24px; left:66px;}
#view_setting div.layer_mid div.set_size div div.bar em.medium{font-size:16px; top:-26px; left:136px;}
#view_setting div.layer_mid div.set_size div div.bar em.large{font-size:18px; top:-28px; left:207px;}
#view_setting div.layer_mid div.set_size div div.bar em.xlarge{font-size:20px; top:-28px; left:272px;}
#view_setting div.layer_mid div.set_size div div.bar button{width:20px; height:20px; border-radius:20px; box-sizing:border-box; border:1px solid #324484; background-color:#3e508d; position:absolute; top:-9px; left:0%; margin-left:-10px;} /* % 조절로 움직이면 됨. 마이너스 마진은 가운데 정렬을 위해 객체 너비의 절반임. */
#view_setting div.layer_mid div.set_color ul{overflow:hidden;}
#view_setting div.layer_mid div.set_color ul li{float:left; width:50%;}
#view_setting div.layer_mid div.set_color ul li a{display:block; text-align:center; height:45px; line-height:45px; font-size:16px; box-sizing:border-box;}
#view_setting div.layer_mid div.set_color ul li.white a{border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; color:#231f20;}
#view_setting div.layer_mid div.set_color ul li.gray a{background-color:#eee; color:#4e4e4e;}
#view_setting div.layer_mid div.set_color ul li.darkgray a{background-color:#3c3c3c; color:#aeaeae;}
#view_setting div.layer_mid div.set_color ul li.black a{background-color:#1d1d1d; color:#fff;}
#view_setting div.layer_mid div.set_read ul{overflow:hidden;}
#view_setting div.layer_mid div.set_read ul li{float:left; width:50%;}
#view_setting div.layer_mid div.set_read ul li a{display:block; text-align:center; height:45px; line-height:45px; font-size:16px; box-sizing:border-box; background-color:#e4e4e4; border:1px solid #324484; color:#535456;}
#view_setting div.layer_mid div.set_read ul li.on a{background-color:#3e508d; color:#fff;}

#view_setting .ui-widget-content{background:none !important; border:none !important;}
#view_setting .ui-slider-horizontal .ui-slider-handle{width:21px; height:21px; top:-18px; background:url(../img/bg_size_control.png) no-repeat 0 0; border:none; margin-left:-11px;}

#left_view ul.list.gray_view, #left_view ul.list.gray_view li{background-color:#eee !important; color:#231f20 !important;}
#left_view div.text.gray_view, #left_view div.text.gray_view p.date{background-color:#eee !important; color:#4e4e4e !important;}
#left_view ul.list.darkgray_view, #left_view ul.list.darkgray_view li{background-color:#3c3c3c !important; color:#aeaeae !important;}
#left_view div.text.darkgray_view, #left_view div.text.darkgray_view p.date{background-color:#3c3c3c !important; color:#aeaeae !important;}
#left_view ul.list.black_view, #left_view ul.list.black_view li{background-color:#1d1d1d !important; color:#fff !important;}
#left_view div.text.black_view, #left_view div.text.black_view p.date{background-color:#1d1d1d !important; color:#fff !important;}

div.social_link{width:225px; height:61px; border:1px solid #dcdcdc; overflow:hidden; margin:0 auto 60px auto;}
div.social_link ul{float:left; overflow:hidden; background:url(../img/bullet_view_info.png) no-repeat 100% 21px; padding-top:18px;}
div.social_link ul li{float:left; padding:0 20px;}
div.social_link ul li:first-child{padding-right:0;}
div.social_link > a{font-size:16px; color:#ea4c3a; font-weight:bold; display:block; float:left; padding:23px 0 0 20px;}

/* 추가 내용 20160121 */
#left_view div.view div.text h5{font-size:16px; color:#3e508d; font-style:normal; text-align:left; padding:6px 0 0 0; border:none; margin:10px 0 6px; background:url(../img/bullet_view_title.png) no-repeat 0 0;} /* 수정 20160126 */
#view_top > div.title > ul{float:right; overflow:hidden;}
#view_top > div.title > ul li{float:left; font-size:14px; color:#3e508d; background:url(../img/bg_view_top_reporter.png) no-repeat 0 5px; padding:0 5px 0 6px;}
#view_top > div.title > ul li:first-child{background:none; padding-left:0;}
#left_view div.write_news div.title div.cate{overflow:hidden;}
#left_view div.write_news div.title div.cate span{display:block; float:left;}
#left_view div.write_news div.title div.cate span.bg_l{width:13px; height:26px; background:url(../img/bg_category_type_left.png) no-repeat 0 0;}
#left_view div.write_news div.title div.cate span.bg_r{width:13px; height:26px; background:url(../img/bg_category_type_right.png) no-repeat 0 0;}
#left_view div.write_news div.title div.cate span.bg_c{height:26px; background:url(../img/bg_category_type_center.png) repeat-x 0 0;}