@charset "utf-8";

/***
메뉴 style도 여기서 잡음
***/
.h_icon{background:url(../../../../../custom/theme/www/t50/icon.png) no-repeat}


/***
default theme header
***/
.header{margin:0 0 15px;overflow:hidden;height:auto;}

.h_top{margin:0 auto 0;width:980px;height:auto;overflow:hidden}
.h_top1{height:35px;overflow:hidden;}
.h_top1 .ht1_l{margin:8px 0 0;}
.h_top1 .ht1_l .h1l{display:inline-block;margin:0 10px 0 0;padding:2px 0 0 15px;font:11px dotum;color:#9f9f9f;letter-spacing:-1px}
.h_top1 .ht1_l .h1l.h1l_favorite{background-position:0 0}
.h_top1 .ht1_l .h1l.h1l_start{background-position:-200px 0}
.h_top1 .ht1_l .h1l.h1l_tg{background-position:-400px 0}
.h_top1 .ht1_l .h1l.h1l_kd{background-position:0 -50px}
.h_top1 .ht1_l .h1l.h1l_bp{background-position:-200px -50px}

.h_top1 .ht1_r{margin:6px 0 0;}
.h_top1 .ht1_r .h1r_a .btn_bg_in{padding:2px 5px 0 5px;color:#727272}
.h_top1 .ht1_r .h1r_edit{display:inline-block;margin:-12px 5px 0 0;font:13px/1.1 'Nanum Gothic','nanumgothic';color:#333;letter-spacing:-.05em;vertical-align:middle;}

.h_top2{margin:5px auto 10px;height:45px;/*height:65px;*/overflow:hidden;}
.h_top2 .ht_ul{}
.h_top2 .ht_li{float:left;}
.h_top2 .ht1,
.h_top2 .ht2{width:350px}
.h_top2 .htc{width:280px;text-align:center}
.h_top2 .ht1{text-align:left;}
.h_top2 .ht2{text-align:right;}

.h_top2 .htc_box{float:right;width:310px}
.h_top2 .htc_box .htcb_box{position:relative;display:inline-block;margin:3px 0 0 0;width:232px;height:27px;border:5px solid #eb1c26;text-align:left;overflow:hidden;vertical-align:middle;}
.h_top2 .htc_box .htcb_box .htcb_t{display:inline-block;margin:2px 0 0;width:65px;vertical-align:middle;color:#e01e28;text-align:center;}
.h_top2 .htc_box .htcb_box .nsi_label{position:absolute;top:5px;left:70px;color:#ddd}
.h_top2 .htc_box .htcb_box .n_search_input{width:160px;border:none;}
.h_top2 .n_btn_submit{margin:3px 0 0 1px;width:57px;height:37px;vertical-align:middle;background-position:-400px -50px;border:none;text-indent:-10000px;vertical-align:middle;}


/***
default theme menu
***/
.menu{margin:0 auto;width:980px;}
.nav{height:auto;overflow:hidden;}
.nav .n_li{float:left;width:auto;height:40px;overflow:hidden;background-color:#cd1821;transition:background-position 200ms ease}
.nav .n_li .n_a{display:block;padding:10px 20px 12px;text-align:center;text-indent:-10000px;}
/*.nav .n_li .mark{position:absolute;display:inline-block;width:7px;height:4px;text-indent:-1000000px;background-position:0 -300px;}*/
.nav .n_li.is_menu{background:url(../../../../../custom/theme/www/t50/menu4.png?07212) no-repeat 0 0}

.nav .n_li.is_menu.m1{width:90px;background-position:0 0}
.nav .n_li.is_menu.m1:hover,
.nav .n_li.is_menu.m1.on{background-position:0 -50px}

.nav .n_li.is_menu.m2{width:100px;background-position:-90px 0}
.nav .n_li.is_menu.m2:hover,
.nav .n_li.is_menu.m2.on{background-position:-90px -50px}

.nav .n_li.is_menu.m3{width:110px;background-position:-190px 0}
.nav .n_li.is_menu.m3:hover,
.nav .n_li.is_menu.m3.on{background-position:-190px -50px}

.nav .n_li.is_menu.m4{width:90px;background-position:-300px 0}
.nav .n_li.is_menu.m4:hover,
.nav .n_li.is_menu.m4.on{background-position:-300px -50px}

.nav .n_li.is_menu.m5{width:80px;background-position:-390px 0}
.nav .n_li.is_menu.m5:hover,
.nav .n_li.is_menu.m5.on{background-position:-390px -50px}

.nav .n_li.is_menu.m6{width:75px;background-position:-470px 0}
.nav .n_li.is_menu.m6:hover,
.nav .n_li.is_menu.m6.on{background-position:-470px -50px}

.nav .n_li.is_menu.m7{width:115px;background-position:-545px 0}
.nav .n_li.is_menu.m7:hover,
.nav .n_li.is_menu.m7.on{background-position:-545px -50px}

.nav .n_li.is_menu.m8{width:120px;background-position:-740px 0;transition:none;}
.nav .n_li.is_menu.m8:hover,
.nav .n_li.is_menu.m8.on{background-position:-740px -50px}

.nav .n_li.is_menu.m9{width:120px;background-position:-860px 0;transition:none}
.nav .n_li.is_menu.m9:hover,
.nav .n_li.is_menu.m9.on{background-position:-860px -50px}

.nav .n_li.blank{width:80px}


/*8월8일 오전 삭제함*/
.nav .n_li.is_menu.m8{background-image:none;background-color:#cd1821;}
.nav .n_li.is_menu.m8 .n_a{cursor:default;}



/*
.nav .n_li.is_menu:hover .mark,
.nav .n_li.is_menu.on .mark{margin-top:-6px;}
*/

/* .has_menu 있을시 sub menu 노출 *//*
.nav .n_li.has_menu .sub_menu{display:none;position:absolute;margin:0 auto 0 1px;padding:8px 0 4px;overflow:hidden;background-color:#fff;}
.nav .n_li.has_menu.on > .sub_menu,
.nav .n_li.has_menu:hover > .sub_menu{display:block;margin-top:3px;height:auto;overflow:visible;border-top:2px solid #ce0203}
.nav .n_li.has_menu .sub_menu>.sm_li{float:left;padding:0 10px;background-position:-750px 5px}
.nav .n_li.has_menu .sub_menu>.sm_li>.sm_a{font-size:11px;color:#756f6f!important}
.nav .n_li.has_menu:hover .sub_menu>.sm_li:hover>.sm_a,
.nav .n_li.has_menu.on .sub_menu>.sm_li.on>.sm_a{color:#293036!important}
.nav .n_li.has_menu .sub_menu>.sm_li.none{background-image:none}
*/


/***
default theme sub menu 자리 잡음...속보,구독신청 등의 메뉴 자리로 쓰기도 함
***/
.sub_menu_box{height:35px;overflow:hidden;background-color:#f7f7f7}

.sub_menu_box .sf1{float:left;margin:10px}
.sub_menu_box .sf2{float:right;margin:2px 0 0 0}
.sub_menu_box .sf2 .ht_edit{margin:0 0 0 5px;font:11px tahoma,gulim;color:#9f9f9f;vertical-align:middle;}
.sub_menu_box .sf2 .hte_date{padding:0 0 0 15px;color:#383838;font:11px tahoma;background:url(../../../../../icon-bullet.png) no-repeat 0 -1440px;} 
.sub_menu_box .sf2 .hte_weather .weather_box,
.sub_menu_box .sf2 .hte_weather .weather_box .wb_img{background-color:transparent}
.sub_menu_box .sf2 .hte_weather .weather_box .wb_const{margin-top:1px;width:75px}
.sub_menu_box .sf2 .hte_weather .weather_box .wb_copy{margin-top:7px;}
.sub_menu_box .sf2 .hte_weather .weather_box .first{padding:0 0 0 15px;color:#666!important;background:url(../../../../../icon-bullet.png) no-repeat 0 -1440px;}
.sub_menu_box .sf2 .hte_weather .weather_box .second{font:11px nanum gothic,nanumgothic,malgun gothic;}


/***
default theme sub menu layout - 편집가능한 꾸밈용 서브메뉴
레이어메뉴 - 기타 레이아웃 잡는것은 theme css에서 결정된다
***/
.layer_menu{position:absolute;display:none;left:-1000px;overflow:hidden;width:auto;height:auto;z-index:9}/*프로그램이 만들어내는 서브메뉴는 처음에 안보이게*/

.menu_layer_1{padding:10px;width:500px;height:auto;overflow:hidden;border-style:solid;border-color:#f06507;border-width:0 1px 1px;background-color:#fff}
.menu_layer_1 .menu_1{width:150px;overflow:hidden;}
.menu_layer_1 .menu_2{width:300px;overflow:hidden;}

.menu_layer_1 .menu_1_box .menu_line{margin:0;padding:0;border-color:#d8dddf;border-style:solid;border-width:1px 0 0 0;}
.menu_layer_1 .menu_1_box .menu_sect{display:block;margin:5px 0 5px 8px;color:#252525!important;font-family:dotum;font-weight:bold;}
.menu_layer_1 .menu_1_box .menu_sect.inline{display:inline-block;}
.menu_layer_1 .menu_1_box .menu_bar.bold{margin:0 0 0 5px;color:#252525!important;font-family:dotum;font-weight:bold;}
.menu_layer_1 .menu_1_box .menu_sub{display:inline-block;margin:10px 0 0 8px;color:#f06507!important;font-family:dotum;font-size:11px;letter-spacing:-1px}
.menu_layer_1 .menu_1_box .menu_bar.orange{margin:0 0 0 5px;color:#f06507!important;font-family:dotum;font-size:11px;}
.menu_layer_1 .menu_1_box .menu_sub.none{margin-left:0}


.menu_layer_2{width:980px;height:auto;overflow:hidden;border-style:solid;border-color:#cd1821;border-width:0 1px 1px;background:url(../../../../../custom/layout/menu_layer_2_dot.gif) repeat-y 0 0;}
.menu_layer_2 .menu_lb{float:left;padding:20px 30px;height:100%;overflow:hidden;}
.menu_layer_2 .menu_lb .ml_title{margin:50px auto 0;width:60px;height:120px;background:url(../../../../../custom/theme/www/t50/icon.png) no-repeat 0 -200px;text-indent:-10000px}
.menu_layer_2 .menu_1{/*width:126px;*/width:66px;}
.menu_layer_2 .ml_title.mt1{background-position:0 -200px}
.menu_layer_2 .ml_title.mt2{background-position:-200px -200px}
.menu_layer_2 .ml_title.mt3{background-position:-400px -200px}
.menu_layer_2 .ml_title.mt4{background-position:0 -400px}
.menu_layer_2 .ml_title.mt5{background-position:-200px -400px}
.menu_layer_2 .ml_title.mt6{background-position:-400px -400px}

.menu_layer_2 .menu_2{/*width:112px;*/padding:20px 15px;width:82px;}
.menu_layer_2 .ml_sect,
.menu_layer_2.wide .ml_sect{}
.menu_layer_2 .ml_sect .mls_a,
.menu_layer_2.wide .ml_sect .mls_a{display:block;padding:0 0 11px;font:14px nanum gothic,nanumgothic;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-indent:0}
.menu_layer_2 .ml_sect .mls_a.small,
.menu_layer_2.wide .ml_sect .mls_a.small{float:left;width:55px;font-size:12px;color:#747474}

.menu_layer_2 .menu_3{/*width:241px;*/width:181px;}
.menu_layer_2 .menu_4{/*width:241px;*/width:181px;}
.menu_layer_2 .menu_5{/*width:258px;*/width:198px;border-right-width:0}


/* 중간에 좀더 비슷하게 */
.menu_layer_2.wide{background-image:url(../../../../../custom/layout/menu_layer_2_wide_dot.gif)}
.menu_layer_2.wide .menu_2{padding:20px 30px;width:115px;}
.menu_layer_2.wide .menu_3{width:116px;}



/***
default theme footer
***/
/* top of footer */
.f_content{margin:0 auto;width:980px;}

.f_top{padding:11px 0 15px;text-align:center;word-spacing:15px;}
.f_top .ft_a{font:14px nanum gothic,nanumgothic,malgun gothic;color:#333!important;letter-spacing:-1px}

/* bottom of footer */
.footer{margin:20px 0 0}
.f_bottom{padding:15px 0;border-top:1px solid #e1e1e1;}
.footer .fb_ul{height:auto;overflow:hidden;}
.footer .fb_li{float:left;}
.footer .fb_li.logo{padding:20px 0 0 10px;width:160px;height:auto;text-align:center;}
.footer .fb_li.info{padding-top:5px;padding-left:10px;width:630px;height:auto;text-align:left;color:#aaa;font:12px/1.6em nanum gothic,nanumgothic}
.footer .fb_li.info a{font:12px/1.6em nanum gothic,nanumgothic;color:#aaa!important}
.footer .fb_li.etc{margin:35px 25px 0 0;width:145px;height:auto;text-align:right;}



