@import "flexslider.css";
@charset "utf-8";
hr {display:none;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style: none;padding:0;margin:0;}
body, td, th, input, select {font-size:13px;line-height:1.5;color:#666666;font-family:Nanum Gothic, dotum,AppleGothic,sans-serif;}
em {font-style:normal;}
caption {display:none;}
h3,h4,h5,h1{font-family:Nanum Gothic;}
button {cursor:pointer;}
body{margin:0px;padding:0;}
.cl_b{clear:both; width:0px; height:0px;}
img {border:0px;} 
#gab{padding-top:30px;}
.gab{padding-top:10px;}
.gabs{padding-top:3px;}
.gab2{height:20px;}
.gab3{height:30px;}
.gab4{padding-top:40px;}
table{border-collapse:collapse;border-spacing:0}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* top */
#wrap{width:100%;margin:0 auto;padding:0px;}
#header{width:100%;height:286px;background: url(../images/top_bg.gif) repeat-x;}
#Top{width:1200px;margin:0 auto;height:47px;}
#Top ul{list-style:none;margin:0;}
#Top li{list-style:none;margin:0;padding:0;float:left;padding-top:11px;}
#Top .right{float:right;text-align:right;}
#topLine{height:22px;position:relative;}
#topLine .point{position:absolute;right:425px;top:33px;}
#topLine ul{list-style:none;margin:0;float:right;}
#topLine li{float:left;list-style:none; position:relative;white-space:nowrap;padding:13px 10px 0 10px; background:url(../images/divine.gif) no-repeat; background-position:right 16px;font-size:11px;color:#666;}
#topLine li a{font-size:12px;color:#666;font-family:"Nanum Gothic"}
#topLine li.search{padding:8px 0 0 10px; background:none; }
#hsearch{height:35px;width:175px;text-align:left;}
#hsearch .se{float:left;padding:3px 3px 3px 15px;background:url(../images/search_bg.gif) repeat-x;width:144px;height:36px;}
#hsearch .se input{font-size:11px;color:#888888;font-family:"Nanum Gothic";width:129px;height:22px;border:1px solid #f3f3f3;background:none;}
#hsearch .bt{float:left;}




#top_banner_area{width:100%;height:100px;background:url(/images/top_banner_bg.gif) repeat-x;position:relative;margin:0 auto;padding:0;text-align:center;min-width:1200px;}
#top_banner_area .banner{width:1200px;margin:0 auto;position:relative;}
#top_banner_area .banner li{float:left;}
#top_banner_area .btn_x{position:absolute;right:40px;top:40px;font-size:11px;}


/* header */
#Mainheader{width:1200px;margin:0 auto;height:135px;position:relative;}
#mcustomer{float:left;width:515px;padding-top:23px;}
#mlogo{float:left;width:171px;height:100px;padding-top:18px;}
#mcounsel{list-style:none;margin:0;padding:0;width:370px;float:right;padding-top:12px;}

#main_search{width:1200px;height:55px;background:url(../images/tsearch_bg.gif) no-repeat;margin:0 auto;}
#main_search ul{padding-top:16px;padding-left:160px;}
#main_search li{float:left;margin-right:8px;position:relative;}
#main_search li.space{width:160px;}
#main_search li .color_name {display: none;min-width:67px;height:30px;position:absolute;}
#main_search li:hover .color_name {min-width:67px;height:25px;display:block;position:absolute;top: -15px;left: -4px;z-index:999;color:#fff;font-size:11px;letter-spacing:-0.04em;}
#main_search li .color_name2 {display: none;min-width:67px;height:34px;position:absolute;}
#main_search li:hover .color_name2 {width:80px;display:block;position:absolute;top: 20px;left: -19px;z-index:999;background-color:#fff;padding:5px 5px 5px 9px;height:auto;border:1px solid #ccc;}
#main_search li:hover .color_name2 li{padding:3px 0;}
#main_search li:hover .color_name2 a{color:#222;font-size:11px;letter-spacing:-0.04em;}

#main_menu{width:1200px;margin:0 auto;height:50px;}
#main_menu ul {list-style:none;}
#main_menu li {float:left; overflow: hidden;padding:0  17px; list-style:none;margin:0;line-height:48px;}
#main_menu li.board {border-left:1px solid #d1d1d1;font-size:15px;padding:0 18px;}
#main_menu li.board.wides {padding:0 20px;}
#main_menu li.board a{font-size:15px;color:#534c3d;}
#main_menu li.board:last-child{border-right:1px solid #d1d1d1;}
#main_menu li:first-child{padding-left:0;}
#main_menu li a{font-family:"Noto Sans Korean";font-size:16px;color:#32312f;font-weight:400px;}






/* main */
#mainBanner{width:1200px;margin:0 auto;height:450px;}

#mainBanner .mainban{width:1200px;position:relative;float:left;overflow:hidden;}


#contentWrap{width:100%;margin:0 auto;}
#subWrap{width:1200px;margin:0 auto;}


.ca_menu{width:199px;border:1px solid #ddd;overflow:hidden;}
.ca_menu li{height:40px;border-bottom:1px solid #ddd;float:left;width:199px;line-height:40px;padding-left:36px;}
.ca_menu li:last-child{border-bottom:0px;}
.ca_menu li.hit{background:url(/images/btn_hit.gif)no-repeat 95px 13px;}
.ca_menu li a{color:#424141;font-size:15px;font-family:"Noto Sans Korean";font-weight:400;}
.ca_menu li a:hover{color:#bd371c;}
.ca_menu li.active a{color:#bd371c;}




/* sub */
#sub{min-height:700px;overflow:hidden;width:1200px;margin:0 auto;}
#sNav{width:1200px;margin:0 auto;position:relative;margin-top:20px;}
#sNav .toptitle{width:500px;float:left;color:#333;font-size:30px;font-weight:bold;}
#sNav .mong{position:absolute;right:0;top:-23px;}
#sNav .rightnav{width:300px;float:right;text-align:right;font-size:11px;font-family:dotum;padding:18px 5px 0 0;}
#sTab{width:1200px;text-align:center;}
#sTab .nabtab{text-align:center;height:110px;}
#sTab .nabtab ul{list-style:none;margin:0 auto;padding:0 0 0 0;width:530px;}
#sTab .nabtab li{list-style:none;float:left;padding:10px 15px 10px 15px;border:1px solid #e4e4e4;border-radius:6px;text-align:center;margin-right:6px;}
#sTab .nabtab li.on{list-style:none;float:left;padding:10px 15px 10px 15px;border:2px solid #ff9900;border-radius:6px;text-align:center;margin-right:6px;color:#333;font-weight:bold;}
#sTab .nabtab li.bnone{background:none;padding-right:15px;}
#sTab2{width:1200px;background:url(../images/sub/tline.gif) repeat-x;height:41px;}
#sTab2 .nabtab{text-align:right;}
#sTab2 .nabtab ul{list-style:none;margin:0;padding:0;float:right;}
#sTab2 .nabtab li{list-style:none;float:left;padding:0;margin-right:5px;}
#sTab2 .nabtab li:last-child{margin-right:0;}
#subCont{margin-top:20px;}
#s_title{color:#d9563a;font-weight:bold;}
#sLine{width:1200px;height:1px;background-color:#ccc;}


/* latest board */
#lateBg{width:100%;margin-top:16px;margin-bottom:20px;}
#lateBoard{width:1200px;margin:0 auto;height:152px;}
#lateBoard .leftnotice{width:410px;padding:10px 0 0 25px;float:left;}
#lateBoard .leftnotice .ntitle{width:248px;height:28px;}
#lateBoard .leftnotice .ncon ul{list-style:none;margin:0;padding-top:2px;}
#lateBoard .leftnotice .ncon li{list-style:none;padding:0 0 0 14px;font-size:12px;font-family:"Nanum Gothic";line-height:24px;color:#777;background:url(/images/dot.gif) no-repeat 3px 9px;font-weight:normal;}
#lateBoard .leftnotice .ncon li a{color:#666;}
#lateBoard .leftnotice .ncon li span{font-size:12px;float:right;padding-right:25px;}

#lateBoard .customer{width:253px;float:left;}
#lateBoard .cubank{width:284px;float:left;}
#lateBoard .webemail{width:243px;float:right;}


.lines{width:100%;height:5px;border-top:3px dotted #ccc;margin:25px 0 35px 0;}

/* mid banner */
#midBan{width:1200px;margin:0 auto;height:309px;}
#midBan ul{list-style:none;margin:0;padding:0;}
#midBan li{list-style:none;margin-right:7px;float:left;margin-bottom:7px;}
#midBan li.nons{margin-right:0;}


.bottom_banner{width:100%;}
.bottom_banner li{float:left;margin-right:13px;margin-bottom:15px;}
.bottom_banner li:nth-child(3){margin-right:0;}
.bottom_banner li:nth-child(4){margin-right:0;}
.bottom_banner li:nth-child(5){margin-right:0;}


.quick_banner{}
.quick_banner ul{margin-top:15px;padding-left:22px;}
.quick_banner li{margin-bottom:10px;}

.quick_banner2{}
.quick_banner2 ul{margin-top:15px;padding-left:22px;}
.quick_banner2 li{margin-bottom:10px;margin-right:9px;float:left;}
.quick_banner2 li:last-child{margin-right:0;}

.left_banner{}
.left_banner ul{margin-top:10px;}
.left_banner li{margin-bottom:6px;}

/* 탭 */

#rec_pro{width:1200px;margin:30px auto;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;height:380px;}
.box_welcome_event {position:relative;padding-top:420px;height:25px; overflow:hidden; }
.box_welcome_event h2,
.box_welcome_event h3 {position:absolute;visibility:hidden;width:0;height:0;}
.box_welcome_event .section_list {height:25px;}
.box_welcome_event .section {float:left;position:relative; }

.box_welcome_event .section_title a{position:relative; font-family:'Open Sans','Nanum Gothic',monospace; font-size: 14px; top:-420px; display:block; text-align:center; padding:10px 0 8px 0; height:45px; color:#454444; font-weight:600; border-right:1px solid #d7d5d5; border-bottom:1px solid #d7d5d5;border-top:1px solid #c8c8c8;z-index:10; background-color: #fff;}

.box_welcome_event .section.on .section_title a:hover{ text-decoration:none; color:#5b723d; background-color: #fff;border-top:2px solid #68883c;border-bottom:1px solid #fff;}

.box_welcome_event .section:first-child .section_title a,
.box_welcome_event .section:first-child .event_title a {border-left:none;}
.box_welcome_event .section .arrow {display:none;width:14px;height:6px;background:url('/images/arrow_event.gif');position:absolute;top:-518px;left:50%;z-index:101;margin-left:-8px;}
.box_welcome_event .section_content {}
.box_welcome_event .event_list {display:none;position:absolute;left:0;top:26px;width:100%;z-index:10;}
.box_welcome_event .section.on .section_title a {color:#5b723d; background-color: #fff;border-top:2px solid #68883c;border-bottom:1px solid #fff;}
.box_welcome_event .section.on .event_list {display:block;}
.box_welcome_event .section.on .arrow {display:block;}
.box_welcome_event .event_title a {display:block;position:relative;z-index:-1;margin-right:-1px;padding:6px 5px 0;height:17px;font-size:11px;line-height:13px;font-weight:normal;color:#333;background-color:#fff;border:1px solid #ccc;border-bottom:none;
                                   white-space:nowrap;overflow:hidden;letter-spacing:-1px;*vertical-align:top; /*text-overflow:ellipsis;*/}
.box_welcome_event .event_banner {visibility:hidden;position:absolute;left:10px;bottom:80px;width:1200px;height:300px;overflow:hidden; } /* 메뉴와 상품사이 */
.box_welcome_event .event_list li.on .event_title a {color:#fff;background-color:#fb3947;border-color:#fb3947;}
.box_welcome_event .event_list li.on .event_banner {visibility:visible;padding:10px 0 0 31px;}
.box_welcome_event .active .event_title a {z-index:20;}
.box_welcome_event .section_list.active .section.on .arrow {*display:none;}


.main_title{margin:30px 0;text-align:center;}
/* bottomBanner */
#botBanner{width:1200px;margin:0 auto;overflow:hidden;}
#botBanner li{float:left;}

/* bottomLink */
#botLink{width:1200px;margin:0 auto;overflow:hidden;}
#botLink li{float:left;margin-right:6px;}
#botLink li:last-child{float:left;margin-right:0;}



/*sub_contents*/
.contentBody{float:left; width:976px;}
.contentBody .sub_top{width:976px;height:76px;margin-bottom:15px;}
.contentBody .sub_title{background:url(/img/dot3.png) no-repeat 5px 16px;margin-bottom:25px;border-top:2px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-size:21px;color:#333;font-weight:400;padding:8px 10px 8px 25px;font-family:"Noto Sans Korean", "Nanum Gothic";letter-spacing:-0.04em;}
.contentBody .sub_title span{float:right;color:#999;font-size:12px;font-weight:normal;padding-top:6px;font-family:"Nanum Gothic";}
.contentBody .sub_title strong{color:#666;font-weight:600;font-size:11px;}
.contentBody .sub_container{width:976px;margin-top:20px;}


/* Scroll Navi */

.scroll_navi{position:relative;padding-top:51px;width:100%;z-index:10;}
.navi_box{position:absolute;left:0;top:0;width:100%;height:51px;background-color:#fff;z-index:20}
.navi_box ul{width:100%;max-width:1200px;margin:0 auto}
.navi{padding:0;height:50px;border-bottom:1px solid #858585}
.navi li{float:left;text-align:center;}
.navi li a{display:block;height:50px;padding-top:13px;border:1px solid #ddd;border-right:1px solid #ccc;border-left:0;border-bottom:0;font-size:15px;font-weight:400;color:#333;font-family:"Noto Sans Korean";}
.navi li:first-child{}
.navi li:first-child a{border-left:1px solid #ccc}
.navi li.on{position:relative;z-index:10}
.navi li.on a{color:#fff;border:1px solid #c93e48;background-color:#e64853;}


.col6 li{width:16.66%}
.col5 li{width:20%}
.col4 li{width:25%}
.col3 li{width:33.33%}
.col2 li{width:50%}
.col1 li{width:100%}



/* Company */
.cont_body{width:100%;margin-top:20px;line-height:22px;color:#555;}
.cont_body2{width:900;margin-top:30px;line-height:22px;color:#222;margin-left:20px;}
.cont_body2 h2{font-size:22px;font-weight:400;color:#333;font-family:"Noto Sans Korean";margin-bottom:25px;margin-top:25px;background:url(/images/sub/check.png) no-repeat 0 0;padding-left:25px;}
.cont_body2 h3{font-weight:600;color:#e64853;font-size:17px;margin-bottom:10px;}
.cont_body span{font-weight:bold;}
.cont_body strong{font-weight:bold;color:#000;}
.cont_body h3{font-weight:600;color:#e64853;font-size:17px;margin-bottom:10px;}
.cont_body h2{font-size:22px;font-weight:400;color:#333;font-family:"Noto Sans Korean";margin-bottom:25px;margin-top:25px;background:url(/images/sub/check.png) no-repeat 0 0;padding-left:25px;}
.cont_body li{padding:14px 10px;border-bottom:1px solid #ddd;line-height:20px;}
.cont_body li:first-child{border-top:2px solid #333;}
.cont_body li .spans{color:#222;font-weight:bold;width:70px;float:left;}
.cont_body li .spans2{color:#222;font-weight:bold;width:40px;float:left;}
.cont_left{float:left;margin-right:20px;}
.cont_right{float:right;}
.con_his{border-bottom:1px solid #ddd;display:inline-block;padding-bottom:20px;margin-top:20px;width:950px;margin-left:20px;}
.con_his li{padding:3px 10px;line-height:20px;border-top:0;border-bottom:0;}
.con_his li:first-child{border-top:0px solid #333;}
.con_his li .spans{color:#222;font-weight:bold;width:70px;float:left;}
.cont_01{float:left;margin-right:40px;font-size:18px;background-color:#666;color:#fff;width:80px;font-weight:bold;padding:2px;text-align:center;}
.cont_02{float:left;margin-right:20px;width:420px;word-break:break-all;}
.cont_03{float:left;width:380px;word-break:break-all;}

.cont_bis{width:100%;}
.cont_left3{float:left;margin-right:40px;width:468px;}
.cont_right3{float:right;width:468px;}

.cont_left4{float:left;margin-right:30px;width:448px;}
.cont_right4{float:right;width:448px;}

.cont_bis li{padding:8px 10px 8px 14px;border-bottom:1px dashed #ddd;line-height:20px;background:url(/images/dot.gif) no-repeat 0 16px;}
.cont_bis li:first-child{border-top:0px solid #333;}

.purple{color:#fff;font-size:25px;font-weight:bold;padding:5px 10px 5px 10px;background-color:#9453a5;width:45px;text-align:center;}
.blues3{color:#fff;font-size:25px;font-weight:bold;padding:5px 10px 5px 10px;background-color:#2571bf;width:45px;text-align:center;}
.greens{color:#fff;font-size:25px;font-weight:bold;padding:5px 10px 5px 10px;background-color:#12a793;width:45px;text-align:center;}


/* copyTop */
#copyTop{width:100%;margin-top:7px;background:url(../images/copytop_bg.gif) repeat-x;height:53px;}
#copyTop .cus{width:1200px;margin:0 auto;}
#copyCustomer{width:100%;height:41px;margin:0 auto;background:#a8a8a8;clear:both;}
#copyCustomer ul{list-style:none;margin:0 auto;padding:0;width:1200px;}
#copyCustomer li{list-style:none;float:left;}



#copyBtn{width:1200px;height:41px;margin:0 auto;padding:0;position:relative}
#copyBtn .lefttxt{width:500px;margin-top:10px;float:left;}
#copyBtn .rightbn{float:right;}
#copyBtn .rightbn ul{list-style:none;margin:0;padding:0;}
#copyBtn .rightbn li{list-style:none;float:left;margin-top:10px;}
#copyBtn .rightbn li.late{margin-right:84px;}
.bntop{margin:0 0 0 17px;position:absolute;top:0;right:0;}




/* copyright */
#footer {width:100%;height:98px;}
#Copy{width:1200px;height:70px;margin:0 auto;padding-top:23px;}


.tbl_type1 table {width:100%;margin-top:17px;}
.tbl_type1 table tr th {font-size:11px; word-wrap: break-word; overflow: hidden; background: #f8f8f8;height:35px;border:1px solid #e4e4e4;}
.tbl_type1 table tr td {overflow: hidden;padding:20px;text-align:left;border:1px solid #e4e4e4;}

.tbl_type2 table {width:513px;margin-top:15px;}
.tbl_type2 table tr th {font-size:11px; overflow: hidden; height:35px;border-top:2px #c1c1c1 solid;border-bottom:1px #c1c1c1 solid;}
.tbl_type2 table tr td {overflow: hidden;padding:6px 0 7px 0;text-align:center;border:1px solid #e0e0e0;color:#626962;}

.tbl_type3 table {width:405px;margin-top:15px;}
.tbl_type3 table tr th {font-size:11px; overflow: hidden; height:35px;border-top:2px #c1c1c1 solid;border-bottom:1px #c1c1c1 solid;}
.tbl_type3 table tr td {overflow: hidden;padding:6px 0 7px 0;text-align:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#626962;}
.tbl_type3 table tr td.tl{overflow: hidden;padding:6px 0 7px 0;text-align:left;padding-left:10px;}

.tbl_type4 table {width:100%;margin-top:17px;}
.tbl_type4 table tr th {font-size:13px; word-wrap: break-word; overflow: hidden; background: #f8f8f8;height:40px;border:1px solid #e4e4e4;color:#222;}
.tbl_type4 table tr td {overflow: hidden;padding:10px;text-align:center;border:1px solid #e4e4e4;color:#333;}
.tbl_type4 table tr th.ta_b {text-align:left;padding:20px;}


/*floating*/	

.bottomSky2 {
 position: absolute;
 left: 50%;
 margin:0 0 0 610px;
 top: 344px;
 width: 110px;
 z-index:100;
}



.bottomSky {
 position: absolute;
 left: 50%;
 margin:0 0 0 610px;
 top: 812px;
 width: 110px;

 z-index:100;
}




.divToday{position:relative; top:0;width:110px;}
.divToday li:last-child{margin-top:6px;}
.black{font-weight:bold;color:#000;font-size:14px;}
.black2{font-weight:bold;color:#444;font-size:13px;}