@charset "utf-8";
/*
 Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
*/
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
*{font-family:'Noto Sans KR',Nanum Gothic,나눔고딕,sans-serif;}



/************************************************************************
HTML RESET
************************************************************************/
header,footer,section,article,aside,nav,menu,details,figure,figcaption,hgroup{display:block;}
body,table,input,select,textarea,button,li,th,td{font-size:13px;font-weight:300;color:#000000;line-height:1.6em;}
img,fieldset,iframe{border:0 none;}
body{-webkit-text-size-adjust;margin:0;padding:0;position:relative;}
*{-webkit-text-size-adjust}
ul,li{list-style:none;}
a{color:#000000;}
a,img{outline:none;temp:expression(this.hideFocus=true);}
a,img,h1,h2,h3,h4,h5,h6,h7,div,p,table,tr,th,td,ul,li,span{margin:0;padding:0;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#797979}

*::-moz-selection{background-color:#000000;color:#262424;}
*::selection{background-color:#3782d1;color:#FFFFFF;}




/************************************************************************
COMMON
************************************************************************/
.CENTER{width:1100px;margin:0 auto;padding:0;}

.LEFT{zoom:1;}
.LEFT:after{content:"";clear:both;display:block;}
	.LEFT li{float:left;}

.CLEAR{zoom:1;}
.CLEAR:after{content:"";clear:both;display:block;}

.BOX_LEFT{float:left;}
.BOX_RIGHT{float:right;}

.detail{margin-top:20px;}




/************************************************************************
HEADER
************************************************************************/
.top_bg{width:100%;padding:18px 0;background-color:#f2f8ff;}

.top_wrap{width:1100px;position:relative;}
.top_wrap h1.logo{width:268px;margin:0 auto;}

.top_wrap .lb{position:absolute;top:2px;left:0px;}
.top_wrap .rb{position:absolute;top:2px;right:0px;}
.top_wrap .rb .top_menu{margin:0 0 16px 0;clear:both;overflow:hidden;}
.top_wrap .rb .top_menu li{padding:0 12px 0 12px;float:left;font-size:1em;background:url(/img/bar.gif) no-repeat 0 2px;}
.top_wrap .rb .top_menu li:first-child{padding:0 12px 0 0;background:none;}
.top_wrap .rb .top_menu li a{color:#4f4f4f;}

.top_wrap div>ul>li{font-size:1em;line-height:1.2em;color:#a2a2a2;}
.top_wrap div>ul>li>h2{margin-bottom:6px;line-height:1em;color:#000000;font-weight:400;}
.top_wrap div.lb>ul>li>h2{font-size:1.8em;letter-spacing:-0.04em;}
.top_wrap div.rb>ul>li>h2{font-size:2em;}
.top_wrap div>ul>li img{vertical-align:middle;}

.gnb_bg{width:100%;background-color:#0b57b6;border-bottom:solid 3px #e3e3e3;}
.gnb_wrap{}
.gnb{position:relative;}

.depth1{zoom:1;background:url(/img/gnb_bar.gif) no-repeat left 0;}
.depth1:after{content:"";clear:both;display:block;}
.depth1>li{width:157px;text-align:center;float:left;font-size:1.2em;line-height:3.2em;display:block;background:url(/img/gnb_bar.gif) no-repeat right 0;}
.depth1>li a{color:#FFFFFF;}
.depth1>li a:hover,.depth1>li a:focus{color:#FFCC00;font-weight:500;}

.gnb_wrap>ul>.gnb_1>ul{display:block;left:0px;}
.gnb_wrap>ul>.gnb_2>ul{display:none;left:183px;}
.gnb_wrap>ul>.gnb_3>ul{display:none;left:366px;}
.gnb_wrap>ul>.gnb_4>ul{display:none;left:549px;}
.gnb_wrap>ul>.gnb_5>ul{display:none;left:732px;}
.gnb_wrap>ul>.gnb_6>ul{display:none;left:915px;}
.gnb_wrap>ul>.gnb_7>ul{display:none;left:941px;}
.gnb_wrap>ul>li>ul{width:157px;border:solid 1px #dddddd;background-color:#FFFFFF;position:absolute;top:50px;}
.gnb_wrap>ul>li>ul>li{width:157px;color:#575757;font-weight:100;font-size:0.8em;line-height:3.4em;text-align:center;border-top:solid 1px #dddddd;float:none;}
.gnb_wrap>ul>li>ul>li:first-child{border-top:none;}
.gnb_wrap>ul>li>ul>li>a{width:157px;display:block;color:#575757;}
.gnb_wrap ul ul li a:hover,.gnb_wrap ul ul li a:focus{background-color:#0b57b6;color:#FFFFFF;}
		


/************************************************************************
FOOTER
************************************************************************/
.footer{width:100%;padding:20px 0;}
.bottom{clear:both;overflow:hidden;}
.bottom li{margin:20px 0 0 0;color:#979797;text-align:left;font-weight:100;float:left;}
.bottom li:first-child{margin:0 40px 0 0;}




/************************************************************************
CUSTOMER
************************************************************************/
.cus_bg{width:100%;margin-top:100px;border-top:solid 3px #0b57b6;background-color:#f5f5f5;border-bottom:solid 1px #dddddd;}

.btm_bg{width:100%;padding:12px 0;border-bottom:solid 1px #dddddd;display:block;}
.btm_menu{width:650px;margin:0 auto;}
.btm_menu li{padding:0 34px;background:url(/img/bar.gif) no-repeat 0 6px;font-size:1.1em;}
.btm_menu li a{color:#7e7e7e;}
.btm_menu li:first-child{background:none;}

.customer>li{margin:0 0 0 50px;padding:24px 0;}
.customer>li:first-child{margin:0;}
.customer li h2{padding-bottom:10px;font-size:1.3em;color:#000000;letter-spacing:-0.04em;font-weight:400;}
.customer li h2 a{color:#000000;}
.customer li .cus_txt{font-size:1.1em;color:#000000;line-height:1.8em;}
.customer li .cus_txt span{width:195px;font-size:1.6em;line-height:1.8em;font-weight:600;}
.customer li .board{width:240px;}
.customer li .board li{padding:0 0 0 10px;float:none;background:url(/img/dot.gif) no-repeat 0 12px;font-size:1.1em;line-height:1.8em;}
.customer li .board li a{color:#000000;}



/************************************************************************
QUICK
************************************************************************/
.q_menu{margin-left:580px;position:absolute;top:10px;left:50%;}
.quick_box{width:100px;overflow:hidden;position:relative;background-color:#FFFFFF;}

.q_cart{border:solid 1px #dddddd;border-bottom:none;background-color:#f6f6f6;text-align:center;font-size:1em;line-height:3em;}
.q_cart a{color:#000000;}

.q_tp{overflow:auto;border:solid 1px #dddddd;}
.q_tp>h2{text-align:center;color:#000000;font-size:1em;line-height:3em;}
.q_tp .qtp_slide{width:100%;height:90px;clear:both;position:relative;overflow:hidden;}
.q_tp .qtp_slide .bx-wrapper{width:59px;height:47px;margin:0 auto;overflow:hidden;}
.q_tp .qtp_slide #qtpSlider{}
.q_tp .qtp_slide #qtpSlider li{width:59px;height:47px;position:relative;overflow:hidden;}
.q_tp .qtp_slide #qtpSlider li a{height:47px;display:block;overflow:hidden;}
.q_tp .qtp_slide #qtpSlider li a img{width:100%;height:100%;margin:10px 0;}
.q_tp .qtp_slide .bx-controls{width:100px;position:absolute;left:0;bottom:0;overflow:hidden;border-top:solid 1px #dddddd;}
.q_tp .qtp_slide .bx-controls .bx-prev{width:50px;height:21px;display:block;float:left;background:url(/img/qtp_pr.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-999px;}
.q_tp .qtp_slide .bx-controls .bx-next{width:50px;height:21px;display:block;float:right;background:url(/img/qtp_ne.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-999px;}

.q_cus{padding:10px 0;border:solid 1px #dddddd;border-top:none;background-color:#dcedfd;text-align:center;color:#043f7a;}
.q_cus>h2{padding-bottom:10px;font-size:1em;}
.q_cus>div{padding-top:10px;font-size:1.3em;font-weight:500;line-height:1.2em;}
.q_cus>div>font{font-size:1.6em;}
.q_cus>img{width:56px;margin:0 auto;}
.q_cus>div.hp_num{padding-top:4px;font-size:1em;}
.q_cus>div.bank_num{padding-top:0;padding-bottom:10px;font-size:1em;font-weight:400;}


/************************************************************************
MAIN
************************************************************************/
.mb_wrap{margin-top:24px;}

.ban1{}
.ban1 #wrap.main .cts{width:624px;height:432px;z-index:1;position:relative;}
.ban1 #info_slides .slidesjs-slide > div,#info_slides .slidesjs-slide > p,#info_slides .slidesjs-slide > a{position:absolute;}
.ban1 #info_slides .slidesjs-previous{width:6px;height:9px;background:url(/img/btn_prev.png) 0 0 no-repeat;display:block;position:absolute;top:40px;right:95px;font-size:0px;z-index:100;}
.ban1 #info_slides .slidesjs-next{width:6px;height:9px;background:url(/img/btn_next.png) 0 0 no-repeat;display:block;position:absolute;top:40px;right:50px;font-size:0px;z-index:100;}
.ban1 #info_slides .slidesjs-play,.ban1 #info_slides .slidesjs-stop{display:block;position:absolute;top:40px;font-size:0;z-index:100;}
.ban1 #info_slides .slidesjs-play{width:5px;height:9px;right:65px;background:url(/img/btn_play.png) 0 0 no-repeat;}
.ban1 #info_slides .slidesjs-stop{width:5px;height:9px;right:80px;background:url(/img/btn_stop.png) 0 0 no-repeat;}	
.ban1 #info_slides .slidesjs-pagination{display:none;}
.ban1 .data-1 .prd{width:624px;height:432px;top:0px;right:0px;background:url(/img/info1.png) right bottom no-repeat #eef6f6;z-index:10;}
.ban1 .data-2 .prd{width:624px;height:432px;top:0px;right:0px;background:url(/img/info2.png) right bottom no-repeat #eef2f6;z-index:10;}
.ban1 .data-3 .prd{width:624px;height:432px;top:0px;right:0px;background:url(/img/info3.png) right bottom no-repeat #eef2f6;z-index:10;}
.ban1 .water01{top:55px;left:44px;font-size:1.7em;color:#3f3f3f;line-height:1.8em;letter-spacing:-0.02em;z-index:100;border-bottom:solid 1px #a9afaf;}
.ban1 .water0102{top:94px;left:36px;font-size:5em;color:#000000;font-weight:600;line-height:1em;letter-spacing:-0.04em;z-index:100;}
.ban1 .water0102 font{padding-left:4px;font-size:0.7em;color:#3381db;}
.ban1 .water0102 a{color:#000000;}
.ban1 .water0102 a font{color:#3381db;}

.ban1 .water02{top:260px;left:44px;color:#777777;font-weight:400;line-height:1.4em;letter-spacing:-0.02em;z-index:100;}

.ban2,.ban3,.ban4{width:188px;}

.ban2{height:166px;padding:25px;}
.ban2 h2{color:#3381db;font-size:1.3em;font-weight:700;}
.ban2 h2 font{color:#000000;font-size:1.3em;}
.ban2 div{padding-top:4px;font-size:1.1em;font-weight:400;line-height:1.4em;letter-spacing:-0.04em;color:#777777;}

.ban3{height:176px;padding:20px 25px;}
.ban3 h2{color:#FFFFFF;font-size:1.5em;font-weight:200;line-height:1.4em;text-align:center;}
.ban3 h2 font{font-size:1.3em;font-weight:700;}
.ban3 div{font-weight:400;letter-spacing:-0.04em;color:#000000;text-align:center;}

.ban4{height:176px;padding:20px 25px;}
.ban4 h2{color:#000000;font-size:1.8em;font-weight:200;line-height:1.4em;text-align:center;}
.ban4 h2 font{color:#3381db;font-size:1.3em;font-weight:700;}
.ban4 div{font-weight:400;letter-spacing:-0.04em;color:#777777;text-align:center;}




/************************************************************************
SUB
************************************************************************/
h6{font-size:1.4em;line-height:1.6em;font-weight:500;color:#000000;}