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


/***
default theme header
***/
.header{margin:0 0 20px;overflow:hidden;height:auto;}
.h_top{margin:0 auto;width:980px;height:auto;overflow:hidden}
.h_top1{height:20px;overflow:hidden;}
.h_top2{margin:0 auto 7px;height:65px;overflow:hidden;}
.h_top2 .ht_ul{height:100%}
.h_top2 .ht_li{float:left;}
.h_top2 .ht1{width:370px;text-align:left;font:12px/1.2 nanumgothic;color:#777;letter-spacing:-1px;}

.h_top2 .ht1 .ht1_search{position:relative;margin:5px 0 0;width:0px;overflow:hidden;white-space:nowrap;}
.msie .h_top2 .ht1 .ht1_search{margin-top:7px}
.h_top2 .ht1 .ht1_search.on{width:230px;}
.h_top2 .ht1 .ht1_search .label{position:absolute;top:7px;left:10px;font:12px/1.2 nanumgothic;letter-spacing:-.5px;color:#c1c1c1}
.h_top2 .ht1 .ht1_search .n_search_input{padding:5px 10px;width:210px;}
.msie .h_top2 .ht1 .ht1_search .n_search_input{width:215px;height:28px}
.h_top2 .ht1 .ht1_search .n_btn_submit,
.h_top2 .ht1 .ht1_btn_search{margin:0 0 2px;width:20px;height:20px;border:none;background-color:#fff;background-position:-200px 0;text-indent:-10000px;vertical-align:bottom;}
.h_top2 .ht1 .ht1_btn_search{display:none;}
.h_top2 .ht1 .ht1_search .n_btn_submit{position:absolute;top:5px;right:25px}
.msie .h_top2 .ht1 .ht1_search .n_btn_submit{right:20px}
.h_top2 .ht1 .ht1_btn_search{float:right;margin-top:40px;margin-left:10px}
.h_top2 .ht1 .ht1_btn_search.on{background:url(../../../../../icon-bullet.png) no-repeat 2px -1198px;transition:transform 200ms}
.h_top2 .ht1 .ht1_btn_search.on:hover{transform:rotate(360deg)}


.h_top2 .ht1 .ht1_a{display:inline-block;margin:0 0;/*margin:43px 0 0;*/padding:0;font:12px/1.2 nanumgothic;color:#777;letter-spacing:-1px;}
.h_top2 .ht1 .ht1_a.w{}


.h_top2 .ht2{width:240px;text-align:center;}
.h_top2 .ht2 .valign_middle{margin-top:15px}
.h_top2 .ht3{width:370px;text-align:right;}




/***
default theme menu
***/
.menu{margin:0 auto 0;width:980px;background-color:#a60023}
.nav{height:auto;overflow:hidden;}
.nav .n_li{float:left;width:auto;height:32px;overflow:hidden;}
.nav .n_li .n_a{display:block;padding:8px 0px 8px 25px;font:bold 14px/1 nanumgothic;letter-spacing:-1px;white-space:nowrap;color:#fff;text-decoration:none;text-align:center;}
.nav .n_li.is_menu{}
.nav .n_li.is_menu .mark2{display:inline-block;margin:0 0 0 5px;width:9px;height:5px;vertical-align:middle;background-position:-10000px -10000px;}

.nav .n_li.is_menu:hover,
.nav .n_li.is_menu.on{}

.nav .n_li.is_menu:hover .mark2,
.nav .n_li.is_menu.on .mark2{background-position:-400px 0}

.nav .n_li.is_menu:hover .n_a,
.nav .n_li.is_menu.on .n_a{color:#ffe400}

.nav .n_li.login{float:right;width:120px;text-align:center}
.nav .n_li.login .ml_a{display:inline-block;margin:10px 10px 0 0;font:12px/1 gulim;color:#d6a3aa;letter-spacing:-1px;}

.nav .n_li .menu_view_all{/*margin:7px 10px 0;*/margin:11px 5px 0 15px;padding:0;/*width:22px;height:17px;*/width:13px;height:10px;background:url(../../../../custom/theme/www/t50/all_menu.png) no-repeat 0 -150px #fff;overflow:hidden;text-indent:-10000px}
.nav .n_li .menu_view_all.on{background-color:#fbfd02}

/* submenu */
.sub_menu_box{position:absolute;margin:0 auto;width:980px;height:0px;border-style:solid;border-color:#ddd;border-width:0 1px 1px;background-color:#fff;z-index:1;/*transition:height 300ms ease 100ms*/}
.sub_menu_box.show{display:block;height:285px;}
.sub_menu_box .smb_ul{margin:auto;height:100%;}
.sub_menu_box .smb_ul .li{float:left;padding:15px 0 15px 20px;width:153px;height:100%;box-sizing:border-box;/*filter:alpha(opacity=60);opacity:.6;transition:opacity 300ms*/}
.sub_menu_box .smb_ul .vhr{height:100%;border-right:1px solid #eee;vertical-align:middle}
.sub_menu_box .smb_ul .first{}
.sub_menu_box .smb_ul .second{width:366px;}
.sub_menu_box .smb_ul .last{}

.sub_menu_box .smb_ul .li .smbl_a{display:block;margin:0 0 1px;height:20px;font:12px/1.2 gulim;color:#333;}
.sub_menu_box .smb_ul .li .smbl_a.left{float:left;width:115px;overflow:hidden;}
.sub_menu_box .smb_ul .li .smbl_a.last{margin-bottom:0;height:auto;}
.sub_menu_box .smb_ul .li .smbl_b{font-weight:bold;}
.sub_menu_box .smb_ul .li .smbl_t{display:block;margin:0 0 6px;height:20px;color:#333;}
.sub_menu_box .smb_ul .li .smbl_btn_close{position:absolute;right:0;bottom:0;width:27px;height:27px;border-style:solid;border-color:#ddd;border-width:1px 0 0 1px;text-indent:-10000px;background-position:7px -93px;background-color:#fff;}

.sub_menu_box .smb_ul .li:hover,
.sub_menu_box .smb_ul .li.on{background-color:#f9f9f9;/*filter:alpha(opacity=100);opacity:1;*/}



/* .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;}
.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}

.sub_menu_box .sf1{}
.sub_menu_box .sf2{margin:6px 10px 0 0}
.sub_menu_box .sf2 .ht_a{display:inline-block;margin:3px 5px 0 0;font-family:dotum;color:#9c9c9c;font-size:11px}
.sub_menu_box .sf2 .sf_a{display:inline-block;width:20px;height:20px;text-indent:-1000px;vertical-align:middle}
.sub_menu_box .sf2 .sf_a.twitter{background-position:0 -200px}
.sub_menu_box .sf2 .sf_a.facebook{background-position:-100px -200px}
.sub_menu_box .sf2 .sf_a.rss{background-position:-250px -200px}
.sub_menu_box .sf2 .bar{display:inline-block;margin:0 2px 0;width:1px;height:11px;background-position:-750px 1px;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 */
.footer{margin:20px 0 0}
.footer .f_map{margin:0 auto;width:980px;border-top:3px solid #333;background-color:#f9f9f9}
.footer .f_map .fm_cnt{margin:25px;}
.footer .f_map .fm_cnt .li{float:left;width:186px;line-height:2em}
.footer .f_map .fm_cnt .li .b,
.footer .f_map .fm_cnt .li .fmc_a{font:11px/1 dotum;color:#666;letter-spacing:-1px}
.footer .f_map .fm_cnt .li .b{font-weight:bold}
.footer .f_map .fm_cnt .li select.fmc_a{border:none;background-color:#f9f9f9;font-family:dotum!important}

.footer .f_map .fm_cnt .li .fmc_sns{display:inline-block;width:16px;height:15px;overflow:hidden;text-indent:-10000px}
.footer .f_map .fm_cnt .li .fmc_sns.twt{background-position:0 -300px}
.footer .f_map .fm_cnt .li .fmc_sns.fb{background-position:-100px -300px}
.footer .f_map .fm_cnt .li .fmc_sns.rss{background-position:-200px -300px}


.footer .f_content{margin:0 auto;width:980px;border-top:1px solid #ddd}

/* top of footer */
.f_top{padding:25px 0 15px;}
.footer .ft_ul{height:auto;overflow:hidden;}
.footer .ft_li{float:left;}
.footer .ft_li.logo{padding:20px 0 0 0;width:170px;height:auto;text-align:center;}
.footer .ft_li.info{width:810px;height:auto;text-align:left;font:11px dotum;color:#808080;letter-spacing:-1px}
.footer .ft_li.info .fti_a{display:inline-block;margin:0 5px;font:11px dotum;color:#808080;letter-spacing:-1px;}
.footer .ft_li.info .hr{margin:15px 0;padding:0;height:0;overflow:hidden;border:none;border-top:1px solid #f3f3f3}

.footer .ft_li.info .b{display:inline-block;margin-right:15px;width:100px;color:#222;}
.footer .ft_li.info .arrow{float:right;display:inline-block;margin-top:5px;width:2px;height:4px;background-position:-300px 0;vertical-align:middle}

.footer .ft_li.info .fti_sns_box{float:right;margin-top:-7px}
.footer .ft_li.info .fti_sns{display:inline-block;width:20px;height:20px;overflow:hidden;text-indent:-10000px;vertical-align:middle}
.footer .ft_li.info .fti_sns.twt{background-position:0 -200px}
.footer .ft_li.info .fti_sns.fb{background-position:-100px -200px}
.footer .ft_li.info .fti_sns.rss{background-position:-200px -200px}


.f_bottom{padding:15px 0;text-align:center;font:12px dotum;color:#333;border-top:2px solid #a60023}
.f_bottom .ft_a{color:#333!important;}