@charset "utf-8";

.wrap {width:100%; height:100%; min-width:1280px; position:relative; overflow-x:hidden;}

/* header */
.header {z-index:5; position:fixed; width:100%; height:70px; top:0; /*overflow:hidden;*/ clear:both;}
.header .head {width:1100px; margin:0 auto;}
.header h1 a {float:left; margin:26px 200px 0 0; width:179px; height:24px;}
.header .gnb {float:left; overflow:hidden; width:365px; margin-top:25px;}
.header .gnb li {float:left; width:23%;}
.header .gnb li:nth-child(2) {width:34%;}
.header .gnb li:last-of-type {width:20%;}
.header .gnb li a {color:#b4b8bc; font-size:14px; font-weight:500; letter-spacing:-0.5px;}
.header .gnb li a:hover {color:#f0efef; font-weight:bold;}
.header .cart {float:left; margin:20px 0 0 80px; width:128px; height:30px; background:#3d559b; border-radius:100px;}
.header .cart a {font-size:12px; color:#fff; line-height:30px; display:block; text-align:center; font-weight:500; letter-spacing:-0.5px;}
.header .cart a span {display:inline-block; width:23px; height:18px; vertical-align:text-top; margin-right:5px; background:url("../img/cart_icon.png") no-repeat;}
.header .lang {overflow:hidden; padding-left:5px; margin-top:20px; float:left;}
.header .lang .eng {float:left; width:50px; height:30px; border:1px solid #fff; background:#fff; border-radius:100px; box-sizing:border-box; position:relative; z-index:1;}
.header .lang .eng a {display:block; line-height:28px; text-align:center; color:#000; font-weight:bold;}
/*.header .lang .kor {float:left; width:70px; height:30px; border:1px solid #363636; border-radius:100px; box-sizing:border-box; margin-left:-30px; padding-left:23px;}*/
.header .lang .kor {float:left; width:70px; height:30px; background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.1); border-radius:100px; box-sizing:border-box; margin-left:-30px; padding-left:23px;}
/*.header .lang .kor a {display:block; line-height:28px; text-align:center; color:#363636; font-weight:bold;}*/
.header .lang .kor a {display:block; line-height:28px; text-align:center; color:#fff; font-weight:bold;}
.allmenu_wrap {width:1100px; margin:0 auto; position:relative;}
.allmenu {position:absolute; display:block; width:40px; height:40px; top:18px; right:0; border:none; cursor:pointer;}
.allmenu span {position:absolute; top:-9999px; left:-9999px;}
.allmenu:before {content:""; width:26px; float:right; display:block; height:16px; border-top:2px solid #fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.allmenu:after {content:""; position:absolute; top:20px; right:0; width:14px; display:block; height:2px; background-color:#fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.allmenu:hover:before {width:14px;}
.allmenu:hover:after {width:26px;}

/*.header h1 a {float:left; margin-top:26px; width:184px; height:18px;}*/
/*.header .gnb {float:left; overflow:hidden; width:460px; margin-top:25px; margin-left:110px;}*/
/*.header .gnb li {float:left; width:80px; margin-right:25px;}*/
/*.header .gnb li:nth-child(2) {width:185px; margin-right:20px;}*/
/*.header .gnb li:nth-child(3) {width:55px;}*/
/*.header .gnb li:nth-child(4) {width:60px; margin-right:0;}*/


/* header main */
.header.main {background:#fff;}
.header.main .gnb li a {color:#454545;}
.header.main .gnb li a:hover {color:#171717;}
.header.main .cart {border:1px solid #e1e1e1; background:none; box-sizing:border-box;}
.header.main .cart a {color:#202020;}
.header.main .lang .eng {border:1px solid #e1e1e1;}
.header.main .lang .eng a {color:#202020;}
.header.main .lang .kor {border:1px solid #f9f9f9;}
.header.main .lang .kor a {color:#a6a6a6;}
.header.main .allmenu:before {border-top:2px solid #3d559b;}
.header.main .allmenu:after {background-color:#3d559b; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }

/* header ½ºÅ©·Ñ ³»·ÈÀ» ¶§ */
.header.on {background:#fff;}
.header.on .gnb li a {color:#818181;}
.header.on .gnb li a.on {color:#090909; font-weight:bold;}
.header.on .gnb li a:hover {color:#090909;}
.header.on .cart {border:1px solid #e1e1e1; background:none; box-sizing:border-box;}
.header.on .cart a {color:#202020;}
.header.on .cart a span {background:url("../img/cart_bk.png") no-repeat;}
.header.on .lang .eng {border:1px solid #e1e1e1;}
.header.on .lang .eng a {color:#202020;}
.header.on .lang .kor {border:1px solid #f9f9f9;}
.header.on .lang .kor a {color:#a6a6a6;}
.header.on .allmenu:before {border-top:2px solid #000;}
.header.on .allmenu:after {background-color:#000; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }

/* header ¸®ºä ÆäÀÌÁö */
.header.hwhite .head h1 a {background:url("../img/logo.png") no-repeat;}
.header.hwhite.on .head h1 a {background:url("../img/logo.png") no-repeat;}
.header.hwhite .cart {background:#fff; box-sizing:border-box; border:1px solid #e1e1e1;}
.header.hwhite .cart a {color:#090909;}
.header.hwhite .cart a span {background:url("../img/cart_bk.png") no-repeat;}
.header.hwhite.on .cart a {color:#202020;}
.header.hwhite .lang .kor {background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.1);}
.header.hwhite .lang .kor a {color:#fff;}
.header.hwhite.on .lang .kor {border:1px solid #f9f9f9;}
.header.hwhite.on .lang .kor a {color:#a6a6a6;}
.header.hwhite .gnb li a.on {color:#f0efef; font-weight:bold;}
.header.hwhite.on .gnb li a.on {color:#090909; font-weight:bold;}

/* Àüü ¸Þ´º */
.all_wrap {display:none; position:fixed; z-index:16; top:0; right:0; width:100%; height:100%; background:#121212;}
.all_wrap .bg {position:absolute; left:-100px; top:200px;}
.all_wrap .all {width:1100px; margin:0 auto; text-align:right; position:relative;}
.all_wrap .all .close {margin:25px 0 40px 0;}
.all_wrap .all ul {margin-top:65px;}
.all_wrap .all ul li {margin-bottom:30px;}
.all_wrap .all ul li a {color:#b8b8b8; font-size:12px; font-weight:300;}
.all_wrap .all ul li a p {display:none; position:absolute; left:0;}
.all_wrap .all ul li.m02 a p {top:40px;}
.all_wrap .all ul li a:hover p {display:block;}
.all_wrap .all ul li a:hover span {color:#fff; font-size:30px; font-weight:500;}
.all_wrap .all ul li a span {color:#8e8d8d; display:inline-block; width:250px; text-align:left; font-size:30px; font-weight:100; padding-left:80px; vertical-align:middle;}
.all_wrap .all .lang p a {color:#7d7d7d; font-size:12px; font-weight:500;}
.all_wrap .all .lang p a:hover {color:#fff;}
.all_wrap .all .lang p.kr {margin-top:15px;}

/* right num */
.right_num {position:fixed; top:450px; right:70px; z-index:15;}
.right_num ul li {line-height:30px; position:relative;}
.right_num ul li a {color:#d3d3d3; font-size:12px; font-weight:300;}
.right_num ul li.on {background:url("../img/num_on.png") no-repeat; width:120px; height:31px; margin-left:-107px; text-align:right;}
.right_num ul li.on a {color:#fff; font-weight:bold;}
.right_num ul li span {position:absolute; left:0; top:0; color:#fff; display:none; font-weight:bold;}
.right_num ul li.on span {display:block;}
/* right num black */
.right_num ul li.black.on a {color:#000;}
.right_num ul li.black.on {background:url("../img/numb_on.png") no-repeat;}
.right_num ul li.black span {color:#000;}
.right_num ul li.blue.on a {color:#3d59a8;}
.right_num ul li.blue.on {background:url("../img/numbb_on.png") no-repeat;}
.right_num ul li.blue span {color:#3d59a8;}

/* footer */
.footer {clear:both; background:#fbfbfb; position:relative; padding-bottom:85px; z-index:2;}
.footer.bg {background:#fbfbfb;}
.footer .top {width:60px; height:60px; position:absolute; z-index:2; top:-30px; left:50%; margin-left:-30px;}
.foot {width:1100px; margin:0 auto; overflow:hidden; text-align:center;}
.foot .logo {padding:80px 0 45px 0;}
.foot .cont {background:url("../img/cont_off.png") no-repeat; width:140px; height:40px; margin:20px auto 30px;}
.foot .cont a {line-height:40px; display:block; color:#666; font-size:14px; font-weight:700; text-align:center;}
.foot .cont:hover {background:url("../img/cont_on.png") center no-repeat; width:140px; height:40px;} 
.foot .cont:hover a {line-height:40px; display:block; color:#3d559b; font-size:14px; font-weight:700; text-align:center;}
.foot .txt {color:#171717; font-size:14px; font-weight:600; letter-spacing:-0.3px;}
.foot .copy {display:none; color:#b6b6b6; font-size:12px; font-weight:400; margin-top:7px;}
.foot ul.icon {text-align:center; font-size:0; margin:40px 0;}
.foot ul.icon li {display:inline-block; margin-right:14px;}
.foot ul.icon li:last-of-type {margin-right:0;}
.foot .family {position:relative; width:180px; height:34px; margin:40px auto 0; border:1px solid #ccc;}
.foot .family > a {display:block; height:34px; text-align:left; padding:0 15px; box-sizing:border-box; line-height:34px; font-size:12px; color:#090909; font-weight:500; letter-spacing:-0.8px; border-right:1px solid #ccc; width:150px;}
.foot .family > a:after {content:''; display:block; position:absolute; top:50%; right:12px; width:7px; height:5px; margin-top:-2px; background:url("../img/f_arrow.png") no-repeat; transition: all .3s ease;}
.foot .family.on > a:after {transform:rotate(180deg);}
.foot .family ul {display:none; position:absolute; bottom:32px; left:-1px; right:-1px; border:1px solid #ccc; background:#ebebeb;}
.foot .family li + li {border-top:1px solid #ccc;}
.foot .family li a {display:block; height:34px; text-align:left; padding:0 15px; line-height:34px; color:#7a7a7a; font-weight:500; letter-spacing:-0.8px; font-size:12px;}

@media (max-width:1100px) {
	.right_num {display:none;}
	}