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


/***
default theme header
***/
.header{margin:0 0 20px;min-width:1260px;overflow:hidden;height:auto;}

.h_top{margin:0 auto;padding:0 0 5px;width:1260px;height:auto;overflow:hidden;border-bottom:5px solid #f61e2d}
.h_top1{height:25px;overflow:hidden;}
.h_top2{margin:0 auto;/*height:160px;*/height:100px;overflow:hidden;}
.h_top2 .ht_ul{}
.h_top2 .ht_li{float:left;}
.h_top2 .ht_li.ht1{float:left;width:340px;}
.h_top2 .ht_li.ht2{float:right;width:920px;}
.h_top2 .ht_li.ht2 .ht2_top{margin:4px 0 24px;height:90px;overflow:hidden;text-align:right}



/* menu */
.menu{/*margin:-5px 0 0 0;*/margin:53px 0 0;width:100%;height:40px;}
.menu .nav{margin:0 0 0 6px;height:100%;overflow:hidden;}
.menu .nav .n_li{float:left;box-sizing:border-box}
.menu .nav .n_li.is_menu{height:100%;transition:border-bottom 300ms;}
.menu .nav .n_li.is_menu .n_a{display:block;/*padding:9px 50px 0 0;*/padding:4px 20px 0 0;height:100%;font:bold 23px 'notokr-medium','arial';/*text-shadow:1px 1px 0 #d4d4d4;*/text-decoration:none}

.menu .nav .n_li.is_menu.m1.on,
.menu .nav .n_li.is_menu.m1:hover{border-bottom:5px solid #231916}
.menu .nav .n_li.is_menu.m1 .n_a{color:#231916}
.menu .nav .n_li.is_menu.m1 .n_a:hover{color:#231916}

.menu .nav .n_li.is_menu.m2.on,
.menu .nav .n_li.is_menu.m2:hover{border-bottom:5px solid #d61619}
.menu .nav .n_li.is_menu.m2 .n_a{color:#d61619}
.menu .nav .n_li.is_menu.m2 .n_a:hover{color:#d61619}

.menu .nav .n_li.is_menu.m3:hover{border-bottom:5px solid #2d68a2}
.menu .nav .n_li.is_menu.m3 .n_a{color:#2d68a2}
.menu .nav .n_li.is_menu.m3 .n_a:hover{color:#2d68a2}

.menu .nav .n_li.is_menu.m4:hover{border-bottom:5px solid #f0b527}
.menu .nav .n_li.is_menu.m4 .n_a{color:#f0b527}
.menu .nav .n_li.is_menu.m4 .n_a:hover{color:#f0b527}

.menu .nav .n_li.is_menu.m4_1.on,
.menu .nav .n_li.is_menu.m4_1:hover{border-bottom:5px solid #6f4f34}
.menu .nav .n_li.is_menu.m4_1 .n_a{color:#6f4f34}
.menu .nav .n_li.is_menu.m4_1 .n_a:hover{color:#6f4f34}

.menu .nav .n_li.is_menu.m5:hover{border-bottom:5px solid #099}
.menu .nav .n_li.is_menu.m5 .n_a{color:#099}
.menu .nav .n_li.is_menu.m5 .n_a:hover{color:#099}

.menu .nav .n_li.is_menu.m6:hover{border-bottom:5px solid #222}
.menu .nav .n_li.is_menu.m6 .n_a{color:#222}
.menu .nav .n_li.is_menu.m6 .n_a:hover{color:#222}

.menu .nav .n_li.is_menu.m7:hover{border-bottom:5px solid #222}
.menu .nav .n_li.is_menu.m7 .n_a{color:#222}
.menu .nav .n_li.is_menu.m7 .n_a:hover{color:#222}

.menu .nav .n_li.blank{width:30px}
.menu .nav .n_li.blank50{width:50px}

/*로그인*/
.menu .nav .n_li.is_menu.m5 .login_box{display:none;position:absolute;margin:-10px 0 0 0;padding:10px 0 0;z-index:1}
.menu .nav .n_li.is_menu.m5 .login_box .lb_box{display:inline-block;padding:10px;min-width:137px;background-color:#fff;border:1px solid #099;text-align:center;}
.menu .nav .n_li.is_menu.m5:hover .login_box{display:block;}
.menu .nav .n_li.is_menu.m5.on .login_box{}
.menu .nav .n_li.is_menu.m5 .login_box .lb_a{margin:0 5px;font-size:15px;color:#099;letter-spacing:-1px;}


/* 검색 */
.menu .nav .n_li.msearch{float:right}
.menu .nav .n_li.msearch .input{padding:0;width:0;height:40px;line-height:1.2em;border:none;text-indent:10px;vertical-align:middle;transition:width 200ms ease-in 300ms}
.safari .menu .nav .n_li.msearch .input{height:35px;line-height:2.5em;}
.menu .nav .n_li.msearch .btn{width:40px;height:40px;background-position:11px 11px;background-color:#d71619;text-indent:-10000px;border:none;vertical-align:middle}
.menu .nav .n_li.msearch .detail_btn{display:inline-block;width:39px;height:40px;font:bold 2em/1.45 'notokr-medium',malgun gothic,nanumgothic;color:#fff;border-left:1px solid #ea7070;text-align:center;text-decoration:none;background-color:#d71619;vertical-align:middle}
.menu .nav .n_li.msearch .btn_close{display:none;width:0;height:40px;overflow:hidden;background-position:12px -1188px;text-indent:-10000px;border:none;vertical-align:middle;transition:transform 200ms, width 200ms ease-out 100ms;}
.menu .nav .n_li.msearch .btn_close:hover{transform:rotate(360deg)}

.menu .nav .n_li.msearch.show .input{width:150px;border-style:solid;border-width:1px;border-color:#c2c2c2 #ddd #ddd #c2c2c2}
.menu .nav .n_li.msearch.show .btn_close{width:40px;}



/*로그인*/
/*
.menu .nav .n_li.is_menu.m5 .login_box{display:none;position:absolute;margin:-10px 0 0 0;padding:10px 0 0;z-index:1}
.menu .nav .n_li.is_menu.m5 .login_box .lb_box{display:inline-block;padding:10px;min-width:137px;background-color:#fff;border:1px solid #595959;text-align:center;}
.menu .nav .n_li.is_menu.m5:hover .login_box{display:block;}
.menu .nav .n_li.is_menu.m5.on .login_box{}
.menu .nav .n_li.is_menu.m5 .login_box .lb_a{margin:0 5px;font-size:15px;letter-spacing:-1px;}
*/


/***
default theme menu
***/
/*
.menu{margin:10px auto 0;width:1260px;}
.nav{height:auto;overflow:hidden;border-style:solid;border-width:1px 0 2px;border-color:#4f4f4f transparent #ce0203 transparent;}
.nav .n_li{float:left;width:auto;height:35px;overflow:hidden;}
.nav .n_li .n_a{display:block;padding:10px 20px 4px;text-align:center;font-family:dotum;color:#484848;font-weight:bold;text-decoration:none;}
.nav .n_li.is_menu{background-position:0 -492px;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;}
.nav .n_li.is_menu.none{background-position:0 -50000px;}
.nav .n_li.is_menu:hover,
.nav .n_li.is_menu.on{background-position:0 -50000px;background-color:#ce0203}
.nav .n_li.is_menu:hover .n_a,
.nav .n_li.is_menu.on .n_a{color:#fefefe}
.nav .n_li.is_menu:hover .mark,
.nav .n_li.is_menu.on .mark{margin-top:-6px;}


.nav .n_li.li_login{float:right;width:260px;text-align:right}
.nav .n_li.li_login .ll_box{margin:7px 0 0 0;}
.nav .n_li.li_login .ll_a{display:inline-block;margin:0 5px 0 0;font-family:dotum;color:#757575;font-size:11px}
.nav .n_li.li_login .lli_a{display:inline-block;width:20px;height:20px;text-indent:-10000px;vertical-align:middle;text-align:left}
.nav .n_li.li_login .lli_a.twitter{background-position:0 -200px}
.nav .n_li.li_login .lli_a.facebook{background-position:-100px -200px}
.nav .n_li.li_login .lli_a.rss{background-position:-250px -200px}
.nav .n_li.li_login .bar{display:inline-block;margin:0 2px 0;width:1px;height:11px;background-position:-750px 0px;vertical-align:middle}


/* .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:30px;overflow:hidden;border-bottom:1px solid #e8e8e8;background-color:#fff}

.sub_menu_box .sf1{}
.sub_menu_box .sf2{margin:9px 10px 0 0}
.sub_menu_box .sf2 .sf_a{display:inline-block;margin:;height:14px;text-indent:-10000px;}
.sub_menu_box .sf2 .sf_a.kd{width:57px;background-position:-750px -200px;}
.sub_menu_box .sf2 .sf_a.all_list{width:74px;background-position:-880px -200px;}
.sub_menu_box .sf2 .sf_a.mobile{width:53px;background-position:-500px -200px;}
.sub_menu_box .bar{display:inline-block;margin:0 5px 0 8px;width:1px;height:11px;background-position:-750px 0px;vertical-align:middle}
*/


/***
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_box{padding:10px;width:500px;height:auto;overflow:hidden;border-style:solid;border-color:#f06507;border-width:0 1px 1px;background-color:#fff}
.menu_1{width:150px;overflow:hidden;}
.menu_2{width:300px;overflow:hidden;}

.menu_1_box .menu_line{margin:0;padding:0;border-color:#d8dddf;border-style:solid;border-width:1px 0 0 0;}
.menu_1_box .menu_sect{display:block;margin:5px 0 5px 8px;color:#252525!important;font-family:dotum;font-weight:bold;}
.menu_1_box .menu_sect.inline{display:inline-block;}
.menu_1_box .menu_bar.bold{margin:0 0 0 5px;color:#252525!important;font-family:dotum;font-weight:bold;}
.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_1_box .menu_bar.orange{margin:0 0 0 5px;color:#f06507!important;font-family:dotum;font-size:11px;}
.menu_1_box .menu_sub.none{margin-left:0}
*/





/***
default theme footer
***/
/* top of footer */
.f_content{margin:0 auto;width:1260px;border-top:8px solid #d61619}

.f_top{margin:0 0 20px;padding:0 0 0;text-align:left;}
.f_top .ft_a{display:inline-block;margin:0 30px 0 0;font:bold 13px 'notokr-medium','malgun gothic','Nanum Barun Gothic',nanumgothic;color:#1a1a1a!important;letter-spacing:-1px}

/* bottom of footer */
.footer{margin:50px 0 0}
.f_bottom{padding:35px 0;border-top:1px solid #e1e1e1;}
.footer .fb_ul{height:auto;overflow:hidden;}
.footer .fb_li{float:left;}
.footer .fb_li.logo{padding:15px 0 0 0;width:300px;height:auto;text-align:left;}
.footer .fb_li.info{width:810px;height:auto;text-align:left;font:bold 13px/1.7 'notokr-medium','malgun gothic','Nanum Barun Gothic',nanumgothic;color:#787878;letter-spacing:-.6px;}
.footer .fb_li.info a{font-family:'notokr-medium','malgun gothic','Nanum Barun Gothic',nanumgothic}
.footer .fb_li.etc{margin:0 0 0 0;width:150px;height:auto;text-align:right;}
.footer .fb_li.etc .fle_sns_bx .fle_sns{display:inline-block;margin:0 0 35px;width:40px;height:40px;overflow:hidden;text-indent:-10000px;white-space:nowrap;background-color:#969696;text-align:left;transition:border-radius 200ms, transform 300ms ease-out 300ms}
.footer .fb_li.etc .fle_sns_bx .fle_sns:hover{border-radius:20px;transform:rotate(360deg)}
.footer .fb_li.etc .fle_sns_bx .fle_sns.facebook{background-position:-83px 12px;}
.footer .fb_li.etc .fle_sns_bx .fle_sns.twitter{background-position:-188px 14px;}