@charset "utf-8";

/* Base Layout Style */
* { margin:0; padding:0; color:#363636; font-size:12px; font-style:normal; line-height:1.5em; font-family:Arial,Helvetica,sans-serif;}
html{ overflow-y:scroll;}
html,body{ width:100%; height:100%;}
body { width:100%; margin:0 auto; padding:0; margin:0; background-color:#fff; }
img, fieldset { outline:none; border:0; padding:0; margin:0; }
ol, ul, li, dl, dt, dd { padding:0; margin:0; list-style:none; }
a, a:active, a:link { text-decoration:none; color:#363636; cursor:pointer; }
a:hover { text-decoration:underline; cursor:pointer; color:#d51b5a;}
strong, th { font-weight:bold;}
button { cursor:pointer; background-color:#fff; margin:0; padding:0; border:0; }
legend, .hidden { visibility:hidden; height:0; }
a.point_txt :hover{ color:#D91B5C;}

/* css */
.fl { float:left; }
.fr { float:right; }
.pos_ab_r{position:absolute; right:0;}

.mg0{ margin:0 !important; }
.mgr0{ margin-right:0 !important;}	
.mgr10{ margin-right:10px !important;}
.mgr12{ margin-right:12px !important;}
.mgr17{ margin-right:17px !important;}
.mgr34{ margin-right:34px !important;}
.mgr37{ margin-right:37px !important;}
.mgr40{ margin-right:40px !important;}

.mgt0{margin-top:0 !important;}
.mgt2{ margin-top:2px !important;}
.mgt5{ margin-top:5px !important;}
.mgt8{ margin-top:8px !important;}
.mgt10{ margin-top:10px !important;}
.mgt12{ margin-top:12px !important;}
.mgt15{ margin-top:15px !important;}
.mgt20{ margin-top:20px !important;}
.mgt28{ margin-top:28px !important;}

.mgb0{margin-bottom:0 !important;}
.mgb5{ margin-bottom:5px !important;}
.mgb10{ margin-bottom:10px !important;}
.mgb15{ margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}

.mgl0{margin-left:0 !important;}
.mgl12{ margin-left:12px !important;}
.mgl20{margin-left:20px !important;}

.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}

.pdt2{ padding-top:2px;}
.pdt15{ padding-top:15px;}
.dpb{ display:block;}


.w567{ width:567px;}			
.w250{ width:250px;}
.w215{ width:215px;}		
.w135{ width:142px;}
.w150{ width:150px;}

.thumb1 {margin-right:13px; float:left; border:solid 1px #dfdfdf;}
.thumb2 {margin-right:17px; float:left;}

.caption{ display:block; text-align:center; margin:5px auto; font-size:12px;}

.bdt{ border-top:0 none !important;}
.bdt_1d0{border-top:solid 1px #d0d0d0;}
.bdf_2bf{border-bottom:solid 2px #bfbfbf;}
.bdb{ border-bottom:0 none !important;}
.bdnone{ border:0 none !important;}
.bddot1{border-bottom:dotted 1px #cdcdcd;}
.bold_no{ font-weight:normal !important;}
.bd1_d4{border:solid 1px #d4d4d4;}
.bdt20{border-top:dotted 1px #999; padding-top:20px;  margin-top:20px;}

.ad01{ margin:15px 0 10px 0;}
.ad03{ padding:10px; background:#c1c1c1; height:250px; overflow:hidden;}
.ad04{ margin:20px 0 10px 0;}
.txtc{ text-align:center !important;}
.clear{ clear:both;}
.nospace { visibility:hidden; height:0 !important; overflow:hidden; }

.img_ft{ background:url(http://img.etnews.com/2015/et/images/img_ft.png) no-repeat;}
.img_btn_ico{ background: url(http://img.etnews.com/2014/eng_2014/images/btn.png) no-repeat;}


#src_w{ width:278px; position:relative; margin-top:9px; float:left; margin-left:10px;}	
#src_w .dt_w{ overflow:hidden; width:278px; height:34px; position:relative; }
#src_w .dt_w .date_01{ position:absolute; left:0; top:12px; color:#626262;  font-family:"돋움", Dotum, "굴림", Gulim; }
#src_w .dt_w .w_dt01{color:#626262;}
#src_w .dt_w span{ color:#626262; font-family:"돋움", Dotum, "굴림", Gulim; }
#src_w .dt_w span strong{color:#626262;  font-family:"돋움", Dotum, "굴림", Gulim;}
#src_w .dt_w span.bl{ color:#2a40a3;}
#src_w .dt_w span.bl strong{ color:#2a40a3;}
#src_w .dt_w span.pk{ color:#d91b5b;}
#src_w .dt_w span.pk strong{ color:#d91b5b;}
#src_w .dt_w .w_dt01 strong.pk{color:#d91b5b;}
#src_w .dt_w .w_dt01 strong.bl{color:#2a40a3;}
#src_w .dt_w .weather{position:absolute; right:0; top:0px; width:160px; text-align:right; margin-top:3px;}
#src_w .dt_w .weather ul{ width:150px; overflow:hidden; position:absolute; right:15px; }
#src_w .dt_w .weather span{ vertical-align:top; padding-top:9px; display:inline-block; font-family:"돋움", Dotum, "굴림", Gulim; }
#src_w .dt_w .weather .btn_arr{ background-position:0 -885px; width:10px; height:10px; }
#src_w .dt_w .weather .btn_arr a{ width:10px; height:10px; text-indent:-500em; font-size:0;  display:block;}
#src_w .dt_w .weather .btn_arr_on{ background-position:-301px -885px; width:10px; height:10px; }
#src_w .dt_w .weather .btn_arr_on a{ width:10px; height:10px; text-indent:-500em; font-size:0;  display:block;}
#src_w .dt_w .weather div{ vertical-align:top; padding-top:10px; display:inline-block; }

#src_w.search{overflow:hidden; display:block; position:relative;}
#src_w #inputText { height:31px; border:2px solid #d91b5c; position:relative; }
#src_w #inputText input.ip01 { font-weight:bold; color:#303030; width:215px; height:26px;line-height:27px; padding:3px 10px 0 10px; *height:29px; *padding:0 10px 0 10px; border:0 none !important; }
#src_w #inputText button#searchBtn { position:absolute; top:0; right:0; width:35px; height:32px; background:url(http://img.etnews.com/2015/et/images/img_ft.png) 0 -952px no-repeat #d91b5b;}

#src_w .pop_weather{position:absolute; top:34px; right:0; width:276px; z-index:9999999; background:#fff; overflow:hidden; border:solid 1px #5b5d60;}
#src_w .pop_weather h3{ background:#5b5b60; height:17px; display:block; text-align:center; padding:8px 0px; font-weight:normal; color:#f8f8f8;}
#src_w .pop_weather h3 strong{ color:#f3f3f3;}
#src_w .pop_weather .w_box{ font-family:Tahoma, Geneva, sans-serif;}
#src_w .pop_weather .w_list{ clear:both; border-bottom:solid 1px #e4e4e4; overflow:hidden; display:block; padding:10px 20px;}
#src_w .pop_weather .w_list li{ width:110px;}
#src_w .pop_weather .w_list li span.w_img{ float:left; margin-right:10px; }
#src_w .pop_weather .w_list li dl{ line-height:1.2 !important;}
#src_w .pop_weather .w_list li dl dt{ color:#626262; line-height:0.8 !important;  font-family:"돋움", Dotum, "굴림", Gulim;letter-spacing:0; }
#src_w .pop_weather .w_list li dl dt strong{ color:#626262; font-family:"돋움", Dotum, "굴림", Gulim; }
#src_w .pop_weather .w_list li dl dt.bl{ color:#2a40a3;}
#src_w .pop_weather .w_list li dl dt.bl strong{ color:#2a40a3;}
#src_w .pop_weather .w_list li dl dt.pk{ color:#d91b5b;}
#src_w .pop_weather .w_list li dl dt.pk strong{ color:#d91b5b;}
#src_w .pop_weather .w_list li dl dd{ color:#626262; font-size:12px;  line-height:0.8 !important;  font-family:font-family:"돋움", Dotum, "굴림", Gulim; }
#src_w .pop_weather p.pwby_w{background:#f5f5f5; font-weight:normal; clear:both; text-align:right; font-size:11px;}
#src_w .pop_weather p.pwby_w span{ margin-right:5px; font-size:11px; vertical-align:top; line-height:36px; font-family:Tahoma, Geneva, sans-serif; letter-spacing:0;}
#src_w .pop_weather p.pwby_w img{ margin-right:10px;}




/*layout */
#wrap { width:100%; position:relative;}
#header { width:990px; margin:0 auto; }
#container {width:990px; margin:0 auto; overflow:hidden; background:url(http://img.etnews.com/2014/eng_2014/images/bg_con.gif) repeat-y; margin-top:22px; margin-bottom:22px; position:relative;} 
#footer{width:990px; margin:0 auto; position:relative; border-top:#636363 2px solid; margin-bottom:20px; overflow:hidden;}

span.bar { display:block; position:absolute; left:0; top:0; width:100%; height:27px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fbfbfb;}

.column_l{ width:680px;  float:left; overflow:hidden; position:relative;}
.column_r{ width:270px; overflow:hidden; position:relative;}


/* GNB */
#gnb { position:relative; height:30px; z-index:100; }
.gnb01 { float:left;}
.gnb01 li { float:left; margin:7px 18px 0 0; font-style:normal; line-height:1.4em; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb01 li a { font-size:11px; letter-spacing:-1px; color:#444; font-style:normal; line-height:1.4; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb01 li a:hover { color:#D91B5C; }
.gnb01 .total_service { padding: 0 15px; border-left:1px solid #dfdfdf; margin:0; height:28px; border-right:1px solid #dfdfdf;background:none;}
.gnb01 .total_service a { font-weight:bold; color:#484848; line-height:30px; }
.gnb01 .total_service a:hover { color:#484848; }

/* GNB-sns */
.gnb02 { float:right; height:28px; overflow:hidden; }
.gnb02 li { float:left; margin-top:1px; }

/* GNB-로그인 */
.gnb03 { float:right; margin-top:4px;}
.gnb03 li { float:left; border:1px solid #cdcdcd; height:19px; background-color:#fff; margin-left:2px;}
.gnb03 li a { padding:0 7px; line-height:21px; font-weight:bold; color:#646464; font-size:11px; font-family:"돋움", Dotum; }
.gnb03 li a:hover { text-decoration:none; }

/* 전체서비스 */
.total { position:absolute; top:28px; left:379px; width:450px; border:1px solid #5b6060; background-color:#fff; z-index:120;}
.total_tit { position:relative; height:26px; background-color:#5b6060;}
.total_tit .total_close { width:25px; height:25px; position:absolute; top:0; right:0; background:transparent url('http://img.etnews.com/2013/et/images/common/total_close.jpg') no-repeat left top;}
.total_table td { height:220px; vertical-align:top; border-right:1px solid #e4e4e4;}
.total_table h4.total_menu { height:29px; background-color:#f5f5f5; color:#000; line-height:29px; padding-left:13px;}
.total_table ul {float:none; margin: 7px 0 0 13px;}
.total_table ul li {float:none; margin:0; padding:0;}
.total_table ul li a { font-weight:normal; font-size:12px; color:#575757; line-height:22px; }
.total_table ul li a:hover { color:#D91B5C;}


/* LNB */
#lnb { height:91px; position:relative; display:block; width:100%; z-index:90;}

/* logo */
#lnb h1.logo { position:absolute; left:38%; top:0;}

/* 보털헤더 */
#lnb h1.logo_votal { position:relative; float:left; width:290px; margin-top:20px; }
#lnb h1.logo_votal a { float:left; }

/*프로모션배너*/
#promotionBanner { width:220px; height:91px; position:relative; }
.fl .paging1 { position:absolute; right:-30px; bottom:3px;}
.fl .paging1 button { width:15px; height:14px; background:transparent url('http://img.etnews.com/2013/et/images/blit.png') no-repeat left -225px;}
.fl .paging1 button.prev1 { background-position:left -225px;}
.fl .paging1 button.next1 { background-position:-15px -225px;}

/* 보털배너 */
.fr .paging1 { position:absolute; left:-30px; bottom:3px;}
.fr .paging1 button { width:15px; height:14px; background:transparent url('http://img.etnews.com/2013/et/images/blit.png') no-repeat left -225px;}
.fr .paging1 button.prev1 { background-position:left -225px;}
.fr .paging1 button.next1 { background-position:-15px -225px;}

/* 보털배너 */
.fr .paging1_votal { position:absolute; left:-30px; bottom:3px;}
.fr .paging1_votal button { width:15px; height:14px; background:transparent url('http://img.etnews.com/2013/et/images/blit.png') no-repeat left -225px;}
.fr .paging1_votal button.prev1 { background-position:left -225px;}
.fr .paging1_votal button.next1 { background-position:-15px -225px;}

/* 비주얼IT 리스트 */
.visualit_list { position:absolute; top:32px; right:63px; width:80px; padding:10px 0  7px 0;border:1px solid #5b6060; background-color:#fff; z-index:9999;}
.visualit_list li { margin-left:7px; }
.visualit_list li a { line-height:22px; color:#3f3f3f;}
.visualit_list li a:hover { color:#D91B5C; }


/* menuBox */
#menuBox_en { border-top:5px solid #d91b5c;}

/* menuBox-top */
.menubox_en1 { position:relative; height:40px; z-index:50;}
.menubox_en1 dl { height:39px; position:relative; }
.menubox_en1 dl dd { float:left; }
.menubox_en1 dl#service1 { border-left:1px solid #eaeaea;}

/* menu */
.menubox_en1 #menu dd a { display:block; height:39px; background:transparent url('http://img.etnews.com/2014/eng/images/menu_en.png') no-repeat left top; }
.menubox_en1 #menu dd a.menu1 { width:105px; background-position:left top; }
.menubox_en1 #menu dd a:hover { text-decoration:none;}
.menubox_en1 #menu dd a.menu1_on, .menubox_en1 #menu dd a.menu1:hover { width:105px; background-position:left -39px; }
.menubox_en1 #menu dd a.menu2 { width:96px; background-position:-105px top; }
.menubox_en1 #menu dd a.menu2_on, .menubox_en1 #menu dd a.menu2:hover { width:96px; background-position:-105px -39px; }
.menubox_en1 #menu dd a.menu3 { width:122px; background-position:-202px top; }
.menubox_en1 #menu dd a.menu3_on, .menubox_en1 #menu dd a.menu3:hover { width:122px; background-position:-202px -39px; }
.menubox_en1 #menu dd a.menu4 { width:92px; background-position:-323px top; }
.menubox_en1 #menu dd a.menu4_on, .menubox_en1 #menu dd a.menu4:hover { width:92px; background-position:-323px -39px; }
.menubox_en1 #menu dd a.menu5 { width:94px; background-position:-415px top; }
.menubox_en1 #menu dd a.menu5_on,.menubox_en1 #menu dd a.menu5:hover { width:94px; background-position:-415px -39px; }
.menubox_en1 #menu dd a.menu6 { width:111px; background-position:-509px top; }
.menubox_en1 #menu dd a.menu6_on, .menubox_en1 #menu dd a.menu6:hover { width:111px; background-position:-509px -39px; }
.menubox_en1 #menu dd a.menu7 { width:100px; background-position:-620px top; }
.menubox_en1 #menu dd a.menu7_on, .menubox_en1 #menu dd a.menu7:hover { width:100px; background-position:-620px -39px; }
.menubox_en1 #menu dd a span { color:#fff; border:0 none;; background-color:#fff;}

/* menuBox-bottom */
.menubox_en2 { position:relative; height:31px; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; background:transparent url('http://img.etnews.com/2013/et/images/bg/bg_submenu.jpg') repeat-x left top; }
.menubox_en2 dl dd { float:left;}
.menubox_en2 dl dd a { font-family: Arial,Helvetica,sans-serif; color:#383838;}
.menubox_en2 dl#subMenu { float:left; margin-left:10px;}
.menubox_en2 dl#subMenu dd {margin:7px 9px 0 9px; }
.menubox_en2 dl#subMenu dd a:hover { color:#D91B5C; }
.menubox_en2 dl#subMenu dd.first { background:none; }
.menubox_en2 dl#service2 { position:absolute; right:0; top:0; margin-top:8px; }
.menubox_en2 dl#service2 dd { float:left; margin-right:8px; padding-left:9px; background:transparent url('http://img.etnews.com/2013/et/images/blit.png') no-repeat left -38px; }
.menubox_en2 dl#service2 dd a { font-size:11px; color:#646464; font-size:11px; font-weight:bold;}
.menubox_en2 dl#service2 dd.first { background:none; }

/* LNB-search */
#search_en { margin-top:23px;}
#search_en form span.date { display:block; color:#383838; margin-bottom:5px; font-family:Arial,Helvetica,sans-serif;}
#inputText_en { height:31px; border:2px solid #d91b5c; }
#inputText_en input.ip01 { font-weight:bold; color:#303030;  height:27px;line-height:27px; padding:0 10px; border:0 none; width:170px;}
#inputText_en button#searchBtn { width:80px; height:31px; background:transparent url('http://img.etnews.com/2014/eng/images/serch_etnews_en.jpg') no-repeat left -2px; }
.search_votal_en { position:absolute; left:37%; top:0; margin-top:0;}
#lnb h1.logo_votal_en { position:relative; float:left; width:350px; margin-top:23px; }
#lnb h1.logo_votal_en a { float:left; }

#footer h1.k{ position:absolute; left:0; top:20px;}
#footer h1.en{ position:absolute; right:0; top:20px;}
#footer .cp{ text-align:center; width:505px; margin:0 auto; padding-top:20px;}
#footer .cp ul{width:400px; margin:0 auto;}
#footer .cp ul li{ float:left; color:#666;}
#footer .cp ul li.rss{background-position:0 -678px; padding-left:18px;}
#footer .cp ul li a{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:16px; color:#363636;}
#footer .cp ul li span{margin:0 10px;  color:#666;}
#footer .cp p{ padding-top:5px; clear:both;  font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:16px; color:#999;}


/* button */
.paging_box{ position:relative; overflow:hidden; margin-bottom:40px;}
.paging_box .prev{ position:absolute; top:0; left:0; background-position:0 -700px;}
.paging_box .prev a{ width:102px; height:26px; display:block;  text-indent:-500em; }
.paging_box .next{ position:absolute; top:0; right:0; background-position:0 -760px;}
.paging_box .next a{ width:75px; height:26px; display:block;  text-indent:-500em; }

.paging{ text-align:center;}
.paging span{ margin-right:5px;}

.button {padding:0; vertical-align:middle; background-position:left top;}
.button a{ left:2px; vertical-align:top; cursor:pointer;}
.button,
.button a{ position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:14px; font-family:Tahoma, Sans-serif; white-space:nowrap; background: url(http://img.etnews.com/2014/eng_2014/images/buttonoff.png) left 0px no-repeat; overflow:visible; color:#333;}
.button a:hover{ text-decoration: underline !important; color:#d91b5c;}

.button_on {padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button_on a{ left:2px; vertical-align:top; cursor:pointer;}
.button_on,
.button_on a{ position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:14px; font-family:Tahoma, Sans-serif; white-space:nowrap; background: url(http://img.etnews.com/2014/eng_2014/images/buttonon.png) no-repeat; overflow:visible; color:#fff;}

/* Button Size */
.button.large { height:29px; background-position:left 0px; }
.button.large a{ height:30px; padding:0 10px 0 8px; font-size:14px; line-height:24px; background-position:right 0px;}

.button_on.large { height:29px; background-position:left 0px; }
.button_on.large a{ height:30px; padding:0 10px 0 8px; font-size:14px; line-height:24px; background-position:right 0px;}