@charset "utf-8";

/***************************************** font *****************************************/
@font-face {
font-family: 'NanumSquare';
font-weight: 400;
src: url(/Res/U/W/NAREF2/font/NanumSquareR.eot);
src: url(/Res/U/W/NAREF2/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	url(/Res/U/W/NAREF2/font/NanumSquareR.woff) format('woff'),
	url(/Res/U/W/NAREF2/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 700;
src: url(/Res/U/W/NAREF2/font/NanumSquareB.eot);
src: url(/Res/U/W/NAREF2/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	url(/Res/U/W/NAREF2/font/NanumSquareB.woff) format('woff'),
	url(/Res/U/W/NAREF2/font/NanumSquareB.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 800;
src: url(/Res/U/W/NAREF2/font/NanumSquareEB.eot);
src: url(/Res/U/W/NAREF2/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
	url(/Res/U/W/NAREF2/font/NanumSquareEB.woff) format('woff'),
	url(/Res/U/W/NAREF2/font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 300;
src: url(/Res/U/W/NAREF2/font/NanumSquareL.eot);
src: url(/Res/U/W/NAREF2/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
	url(/Res/U/W/NAREF2/font/NanumSquareL.woff) format('woff'),
	url(/Res/U/W/NAREF2/font/NanumSquareL.ttf) format('truetype');
}


/***************************************** layout *****************************************/
.wrap {width:100%;height:100%;position:relative;}
.content {margin:0 auto;width:1000px;}
.inner {margin:0 auto;width:1000px;}
.inner:after {display:block;content:'';clear:both;}

.header {height:139px; position:relative;}
.header-cont {margin:0 auto;width:1000px;position:relative;}
.header-cont:after {display:block;content:'';clear:both;}
.header-cont h1 {float:left;margin-top:30px;}
.header-cont .aside {float:right;margin-top:30px;}
.header-search {display:inline-block;margin-left:-200px;width:400px;position:absolute;left:50%;top:30px;}
.header-search fieldset {position:relative;}
.header-search input {width:100%;height:46px;line-height:46px;border:none;background:#eee;text-indent:10px;box-shadow:1px 1px 4px 1px #e3e3e3 inset;font-size:20px;font-weight:700;border-radius: 5px;}
.header-search .btn-search {display:inline-block;width:29px;height:29px;overflow:hidden;position:absolute;right:10px;top:10px;text-indent:-999px;background:url('/Res/U/W/NAREF2/img/common/btn_search.png') no-repeat 0 0;}
.header-link {/* margin-left:-500px; // width:1000px; // position:absolute; // left:50%; // bottom:10px; */margin-top: 25px;text-align: center;min-width: 1000px;}
.header-link li {display:inline-block;border-left:1px solid #5d5d5d;}
.header-link li:first-child {border-left:none;}
.header-link li a {display:block;padding:0 20px;font-size:16px;color:#5d5d5d;line-height:1;}

.footer {width:100%;margin: 0 auto;min-width: 1000px;}
.footer-link {background-color:#000;height:56px;overflow:hidden;}
.footer-link ul {margin-top:22px;}
.footer-link li {float:left;}
.footer-link a {display:block;padding-left:14px;margin-left:13px;border-left:1px solid #5d5d5d;font-size:13px;color:#737373;line-height:1;}
.footer-link li:first-child a {padding-left:0;margin-left:0;border-left:0;}

.footer-cont {padding:20px 0 40px;}
.footer-cs {float:right;}
.footer-cs dt {margin-bottom:2px;font-size:13px;}
.footer-cs dd {margin-bottom:2px;margin-top:2px;color:#969696;}
.footer-cs .tel {margin-bottom:5px;color:#333;font-size:30px;line-height:30px;}
.footer-addr {float:left;}
.footer-addr .footer-logo {display:block;margin-bottom:4px;}
.footer-addr p {font-weight:700;color:#969696;}
.footer-addr address {font-weight:700;color:#969696;}
.footer-addr address .bar {margin:0 10px 0 8px;font-weight:300;}


.ui-quick { position:absolute;top:755px;left:50%;margin-left:510px; min-width:90px; }
.ui-quick .quick-bnr {}
.ui-quick .quick-bnr li {margin-bottom:10px;}
.ui-quick .quick-bnr li:first-child {}


.content.main {padding-bottom:40px;}
.content.main h2 {margin:60px 0 35px 0;text-align:center;}
.content.main h2 span {display:inline-block;width:185px;height:36px;font-size:18px;background:url('/Res/U/W/NAREF2/img/main/bg_h2.png') no-repeat center center;line-height:36px;color:#fff;}

.floating-bnr {position:relative;height:52px;overflow:hidden;}
.floating-bnr a.bnr {display:block;margin-left:-960px;position:absolute;left:50%;top:0;}
.floating-bnr a.bnr img {width:1920px;}
.floating-bnr .btn-close-bnr {display:inline-block;padding-right:23px;margin-left:500px;position:absolute;left:50%;top:15px;z-index:2;color:#a8a8a8;background:url('/Res/U/W/NAREF2/img/common/btn_close.png') no-repeat right center;}


.vistop { height:476px; position:relative;overflow:hidden;min-width: 1000px;}
.vistop { overflow:hidden;}
.vistop li {display:block;position:relative;height:470px;overflow:hidden}
.vistop li img{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:100%;}

.vistop .control {width:100%;position:absolute;bottom:20px;text-align:center;}
.vistop .control a {display:inline-block;margin:0 3px;content:'';width:16px;height:16px;background:url('/Res/U/W/DEF/img/common/btn_slider_1.png') no-repeat -20px 0;font-size:0;text-indent:-999px;overflow:hidden;}
.vistop .control a.on {width:32px;background-position:-20px -16px;}


.vismid { margin-bottom:50px; width:1000px; height:360px;overflow:hidden; }
.vismid li { }
.vismid li a {display:block;}
.vismid li a img {width:1000px;height:360px;}
.vismid li.on {z-index:1;}

.vismid .control-go a { display:inline-block;margin-top:-45px;width:90px;height:90px;overflow:hidden;text-indent:-999px; position:absolute; margin-top:-225px}
.vismid .control-go .goprev {background:url('/Res/U/W/NAREF1/img/common/btn_go_prev.png') no-repeat center center;}
.vismid .control-go .gonext {background:url('/Res/U/W/NAREF1/img/common/btn_go_next.png') no-repeat center center; margin-left:910px}

.visbot { margin-bottom:20px; width:1000px; overflow:hidden; }
.visbot li { }
.visbot li a {display:block;}
.visbot li.on {z-index:1;}

.visbot .control-go a { display:inline-block;margin-top:-45px;width:90px;height:90px;overflow:hidden;text-indent:-999px; position:absolute; margin-top:-225px}
.visbot .control-go .goprev {background:url('/Res/U/W/NAREF1/img/common/btn_go_prev.png') no-repeat center center;}
.visbot .control-go .gonext {background:url('/Res/U/W/NAREF1/img/common/btn_go_next.png') no-repeat center center; margin-left:910px}

.item-list {overflow:hidden;margin-bottom:40px;}
.item-list > ul {margin-left:-40px;margin-top:-40px;}
.item-list > ul > li {float:left;margin-left:40px;margin-top:40px;width:220px;height:418px;vertical-align:top;overflow:hidden;}
.item-list a {display:block;text-decoration:none;position:relative;}
.item-list a::after {display:block;content:'';width:218px;height:416px;border:1px solid #bfbfbf;position:absolute;left:0;top:0;}

.item-list a:hover::after {width:216px;height:414px;border:2px solid #5d5d5d;}

.item-list .item.red:hover::after {border:2px solid #f71f1f;}
.item-list .item.blue:hover::after {border:2px solid #0847fa;}

.item-list .badge {display:inline-block;width:61px;height:61px;position:absolute;top:20px;left:20px;background:url('/Res/U/W/NAREF2/img/common/bg_badge.png') no-repeat center center;text-align:center;color:#fff;font-weight:700;font-size:13px;line-height:15px;overflow:hidden;}
.item-list .badge span {display:table-cell;vertical-align:middle;height:61px;}
.item-list .item-thum {position:relative;}
.item-list .thum {display:block;}
.item-list .thum img {width:100%;height:220px;}
.item-list .item-color {display:inline-block;width:12px;position:absolute;right:20px;bottom:23px;}
.item-list .item-color span {display:block;margin-bottom:4px;width:12px;height:12px;border-radius:12px;border:1px solid rgba(0, 0, 0, 0.1);vertical-align:middle;}
.item-list .info {padding:10px 13px 15px;}
.item-list .info .item-tit {display:block;margin-bottom:30px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#222;white-space:nowrap;text-align:center;}
.item-list .info .item-add {display:block;margin-top:15px;font-size:12px;line-height:14px;color:#777;}
.item-list .info .item-add li {overflow:hidden;margin-top:7px;}
.item-list .info .item-add li:first-child {margin-top:0 !important;}
.item-list .info .item-add .tt {float:left;}
.item-list .info .item-add .con {float:right;text-align:right;}
.item-list .info .item-add .con em {font-weight:700;color:#000;font-size:15px;}
.item-list .info .item-add .con del {margin-right:2px;}
.item-list .info .item-total-price {padding-bottom:8px;margin-bottom:13px;overflow:hidden;border-bottom:1px solid #222;color:#222;}
.item-list .info .item-total-price .tt {float:left;font-weight:700;font-size:14px;}
.item-list .info .item-total-price .price {float:right;text-align:right;font-size:16px;}
.item-list .info .item-total-price .price strong {font-size:21px;color:#f44b57;}
.item-list .info .item-benefit {margin-top:10px;overflow:hidden;}
.item-list .info .item-benefit .flag {display:inline-block;padding:0 4px;margin-right:0;height:21px;border:1px solid #ec4b89;color:#ec4b89;line-height:21px;font-family:'Dotum';font-size:12px;letter-spacing:-0.5px;vertical-align:middle;}
.item-list .info .item-benefit .flag.sale {color:#5737a6;border-color:#5737a6;}

.item-list.emp > ul > li {height:447px;}
.item-list.emp a::after {height:445px;}
.item-list.emp a:hover::after {height:443px;}
.item-list.emp .info .item-add {height:65px;font-size:14px;line-height:15px;color:#000;overflow:hidden;}
.item-list.emp .info .item-add .con em {color:#000;}