/* BASIC css start */
/* 상단 */
#header_wrap,.fixHeader,.topmenu {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#header_wrap {position:relative;height:350px;width:100%;background:#fff;-webkit-transition:all 0.3s;}
#fixHeader{display:none;}


/*고정시*/

#fixHeader {}
#fixHeader {position:fixed !important;background:rgba(255,255,255,0.55) !important;;top:0;left:0;z-index:99999;width:100%;height:80px;}
#fixHeader .btn_mosttop_wrap {position: absolute;left: 81px;top: 31px;z-index: 999999;}
#fixHeader .logo {display:none;} 
#fixHeader .topmenu {top:25px !important;}
#fixHeader .topmenu {z-index:999;position:absolute;left:80px;top:50px;text-align:left;height:22px;}
#fixHeader .topmenu ul {margin-left:-20px;}
#fixHeader .topmenu li {    
display: inline-block;padding: 0 0 0 25px;background: url(/design/orange20x/onedesign/images/index_03.png) 4px 0 no-repeat;line-height: 22px;height: 22px;}
#fixHeader .topmenu li:first-child {background:none;padding-left:65px;}
#fixHeader .topmenu li a {font-size:10px;font-family:'Raleway', sans-serif;letter-spacing:0.13em;font-weight:500;letter-spacing:0.2em}
/* ie8 */
#fixHeader .topmenu li a { ()font-weight:400;font-weight:400\9()font-size:11px;font-size:11px\9}
/* ie9 */
#fixHeader .topmenu li a{ font-weight:400 \0/IE9;font-size:11px \0/IE9}
/* ie10 */	
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#fixHeader .topmenu li a { ()font-weight:400;font-weight:400;()font-size:11px;font-size:11px}
}
/* ie11 */
_:-ms-fullscreen, :root #fixHeader .topmenu li a { font-weight:400 ;font-size:11px}
/* 파이어폭스 */
@-moz-document url-prefix() { #fixHeader .topmenu li a {font-weight:400;font-size:11px} }
#fixHeader .topmenu2 {z-index:999;position:absolute;float:right;right:40px;top:22px;text-align:right;height:32px;}
#fixHeader .topmenu2 > ul {margin-left:-35px;}
#fixHeader .topmenu2 > ul > li {    float: left;padding: 0 17px;font-size: 25px;border-right: 1px solid #ececec;}
#fixHeader .topmenu2 > ul > li:first-child {background:none;}
#fixHeader .topmenu2 > ul > li:last-child {border-right:0;padding-right:0;margin-top:2px; }
#fixHeader .topmenu2 > ul > li a,
#fixHeader .topmenu2 > ul > li i {font-size:24px;font-family:'Montserrat', sans-serif;letter-spacing:0.15em;}




#header {position:relative;width:100%;text-align:center;}
#header_wrap .topmenu {z-index:999;position:absolute;left:80px;top:50px;text-align:left;height:22px;}
#header_wrap .topmenu ul {margin-left:-20px;}
#header_wrap .topmenu li {    
display: inline-block;padding: 0 0 0 25px;background: url(/design/orange20x/onedesign/images/index_03.png) 4px 0 no-repeat;line-height: 22px;height: 22px;}
#header_wrap .topmenu li:first-child {background:none;padding-left:65px;}
#header_wrap .topmenu li a {font-size:10px;font-family:'Raleway', sans-serif;letter-spacing:0.13em;font-weight:500;letter-spacing:0.2em}
/* ie8 */
#header_wrap .topmenu li a { ()font-weight:400;font-weight:400\9()font-size:11px;font-size:11px\9}
/* ie9 */
#header_wrap .topmenu li a{ font-weight:400 \0/IE9;font-size:11px \0/IE9}
/* ie10 */	
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#header_wrap .topmenu li a { ()font-weight:400;font-weight:400;()font-size:11px;font-size:11px}
}
/* ie11 */
_:-ms-fullscreen, :root #header_wrap .topmenu li a { font-weight:400 ;font-size:11px}
/* 파이어폭스 */
@-moz-document url-prefix() { #header_wrap .topmenu li a {font-weight:400;font-size:11px} }
#header_wrap .topmenu2 {z-index:999;position:absolute;float:right;right:40px;top:50px;text-align:right;height:32px;}
#header_wrap .topmenu2 > ul {margin-left:-35px;}
#header_wrap .topmenu2 > ul > li {    float: left;padding: 0 17px;font-size: 25px;border-right: 1px solid #ececec;}
#header_wrap .topmenu2 > ul > li:first-child {background:none;}
#header_wrap .topmenu2 > ul > li:last-child {border-right:0;padding-right:0;margin-top:2px; }
#header_wrap .topmenu2 > ul > li a,
#header_wrap .topmenu2 > ul > li i {font-size:24px;font-family:'Montserrat', sans-serif;letter-spacing:0.15em;}
#header .logo {z-index:999;left:80px;top:183px;position:absolute;text-align:left;width:auto;height:71px;overflow:hidden;}
.scrollbar_left .logo h2,
#header .logo h2 {    
position: relative;font-size: 18px;text-transform: uppercase;font-family: 'Catamaran',sans-serif;display: block;line-height: 47px;letter-spacing: 5px;font-weight: 600;color: #333;}
.scrollbar_left .logo h2 .line,
#header .logo h2 .line {display:none;position: absolute;left: 64px;top: 18px;width: 30px;height: 3px;background: white;-ms-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);transform: rotate(-40deg);}
#header .logo span {font-size: 10px;text-transform: uppercase;letter-spacing: 2px;color: #999;font-family: lato;}
#hidden_cate .logo { z-index: 999;left: 0;top: 0;position: absolute;text-align: left;width: auto;height: 71px;overflow: hidden;}
#hidden_cate .logo h2 { position: relative;font-size: 22px;text-transform: uppercase;font-family: 'Catamaran',sans-serif;display: block;line-height: 47px;letter-spacing: 7px;font-weight: 600;color: #333;}
#hidden_cate .logo span {font-size: 10px;text-transform: uppercase;letter-spacing: 2px;color: #999;font-family: lato;}
.btnMypage {position:relative;}
.topMypage {display: none;position: absolute;right: 125px;top: 95px;height: auto;background: rgba(255,255,255,0.97);padding: 6px 13px;border: 1px solid #eaeaea;z-index: 999;text-align: center;width: 64px;}
.topMypage .close_my { display:none;position: absolute;top: 205px;left: 43px;font-size: 20px;}
.topMypage > ul {font-size:0;line-height:0;}
.topMypage > ul > li {display: block;border: 0;float: none;padding: 0;border-bottom: 1px solid #e2e2e2;}
.topMypage > ul > li >a  {display: block;line-height: 29px;letter-spacing: 0.08em;color: #444444;text-transform: uppercase;font-size: 11px;font-family: Montseratt;	;}
/* 관리자전용메뉴*/
.owner { clear: both;position: relative;background: #ffffff;border: 1px solid #d8d8d8;padding: 32px;text-align: left;margin: 0;margin-top: 150px;width: auto;}
.owner .owner_notice {position: absolute;width: calc(100% - 44px);left: -1px;top: -30px;display: block;background: #f3f3f3;padding: 10px;border: 1px solid #ddd;border-bottom: 0;font-size: 13px;text-align: left;padding-left: 34px;}
.owner b {color: #bf5353;font-size: 15px;}
/* 탭메뉴 */
.orderTabmenu {width: 100%;text-align: center;border-bottom: 1px solid #ddd;height: 38px;margin-bottom: 59px !important;}
.orderTabmenu > div {display: inline-block;background: rgba(255, 255, 255, 0);border-radius: 0;border: 1px solid #ddd;border-bottom: 0;margin-right: 7px;border: solid 1px #dcdcdc;border-top-left-radius: 5px;border-top-right-radius: 5px;background: #f9f9f9;}
.orderTabmenu div a {display: block;padding: 10px 13px 8px 13px;font-size: 12px;color: #737373;line-height: 18px;}
.orderTabmenu div.on {position: relative;background: #fff;border-bottom: 1px solid #fff;}
.orderTabmenu div.on a {display: block;padding: 11px 23px 8px 23px;COLOR: #000;line-height: 18px;}
.lightgray_box {background: #fdfdfd !important;border: 1px solid #ddd;padding: 30px;}
/* 스크롤박스 */
.scrollbox_wrap {padding: 3% 2% 3% 3%;border: 1px solid #ddd;background: #fff;height: 473px;}
.scrollbox_wrap .scrollbox {padding: 0 0;border: 0;background: #fff;height: 475px;line-height:2;}
.scrollbox_wrap .scrollbox::-webkit-scrollbar-track{border:0;background-color: rgb(249, 249, 249);}
.scrollbox_wrap .scrollbox::-webkit-scrollbar{width: 6px;background-color:rgb(249, 249, 249);;}
.scrollbox_wrap .scrollbox::-webkit-scrollbar-thumb{background-color:#111}
#modalContainer {border:0 !important;}
/* 헤더시작 */
body {background:#fff}
html {background:#fff;}
.iconMenu {     position: absolute;top: 0px;right: -16px;width: 17px;height: 12px;cursor: pointer; }
.lineWrap { display:block; width:100%; height:100%; }
.iconLine { position:absolute; left:0; display:block; width:100%; height:1px; background:#121212; }
.line1 { top:0; }
.line2 { top:5px; }
.line3 { top:10px; }
.line1,
.line3 { transform-origin:0 center; -ms-transform-origin:0 center; -moz-transform-origin:0 center; -webkit-transform-origin:0 center; -o-transform-origin:0 center; }
/* 사이드 메뉴 아이콘 (open) */
.lineClose .iconLine { width:17px; height:1px; top:6px; 
/*ie8,9*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*ie4,5,6,7*/-ms-filter:alpha(opacity=0); }
.lineClose .line1,
.lineClose .line3 { top:6px; width:10px !important; transition:top .1s,-webkit-transform .1s .25s,width .1s .25s; transition:top .1s,transform .1s .25s,width .1s .25s; }
.lineClose .line1 { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.lineClose .line3 { transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
/* 공통 */
.ec-base-product ul.grid5 > li { 
width: calc(20% - 66px);margin: 0 0 67px 66px;}
.ec-base-product .prdList { 
margin-left: -66px;margin-top: 64px;width: calc(100% + 66px);}
.ec-base-product ul.grid4 > li { width:calc(25% - 33px); margin-left: 33px;}
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img {  }
.ec-base-product .prdList {display: table;width: 100%;font-size: 0;line-height: 0;margin-top: 0px;}
.ec-base-product .prdList > li { position:relative;display:inline-block; margin:30px 0; color:#757575; vertical-align:top; }
.ec-base-product .prdList .chk { display:block; margin:0 0 10px; text-align:center; }
.ec-base-product .prdList .thumbnail { position:relative; margin:0 0 10px; text-align:center;overflow:hidden; }
.ec-base-product .prdList .thumbnail a img { width:100%;}
.ec-base-product .icons2 img {width:20px !important;}
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .description { display:none;position: absolute;left: 0;top: 0;width: calc(100% - 60px);height: calc(100% - 70px);background: rgba(255,255,255,0.85);padding: 30px;margin: 0 auto;font-size: 11px;line-height: 18px;text-align: left;font-family: 'Montserrat','맑은 고딕',sans-serif;z-index:999
}
.ec-base-product .prdList .description li,
.ec-base-product .prdList .description span {display: block;width: 80%;}
.ec-base-product .prdList .description .viewlink {display:none;margin-top: 17px;padding: 0 15px;line-height: 35px;background: rgb(72,72,72);color: #fff;text-transform: uppercase;font-family: 'Montserrat',sans-serif;letter-spacing: 0.15em;font-size: 10px;}
.ec-base-product .prdList .description .name {position: relative;display: block;text-align: left;font-weight: normal;border-bottom: 1px solid rgba(161, 161, 161, 0.73);padding-bottom: 19px;margin-bottom: 15px;}
.ec-base-product .prdList .description .name a { color:#2e2e2e; }
.ec-base-product .prdList .description .name a span {}
.ec-base-product .prdList .description .icon { margin:0px;  vertical-align:middle; }
.ec-base-product .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .description .promotion { float:left; margin:0 0 4px; text-align:left; }
.ec-base-product .prdList .description .button { float:right; margin:0 0 4px; }
.ec-base-product .prdList .description .button img { cursor:pointer; }
.ec-base-product .prdList .description .button .option { display:inline; position:relative; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }
.ec-base-product .prdList .description  li:first-child {padding:5px 0 4px }
.ec-base-product .prdList .description  li {line-height:20px;}
.ec-base-product .prdList .description .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .description .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .description .button .likeButton button img { margin-bottom:0; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton.selected button { color:#353535; }
/* 진열방식 */
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 {
margin:0;margin-left:-33px;}
.ec-base-product ul.grid4 > li { width:calc(25% - 33px); margin-left: 33px;}
.ec-base-product ul.grid5 > li { width:19%;margin:0px 0.5% 30px 0; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }
/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { text-align:left; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }
/* 할인기간 레이어 */
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:11px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }
/* 배송비레이어 */
.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }
/* 배송비 차등부과 레이어 */
.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#424242; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }
/* 썸네일 아이콘 위치 */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }
/*.promotion {position:absolute;right:0;top:0;text-align:right}*/
/* 추천상품 */
.recmdProduct {margin-bottom: 122px;border-bottom: 1px solid #ddd;}
.ec-base-product ul.grid5 > li { width: calc(20% - 66px);margin: 0 0 67px 66px;}
.ec-base-product .prdList { margin-left: -66px;margin-top: 64px;width: calc(100% + 66px);}
/*상품아이콘*/
.ec-base-product .prdList li {position:relative;}
.ec-base-product .icons {display: block;position: absolute;bottom: -90px;text-align: center;width: 90px;height:230px;right: 5%;overflow:hidden;z-index:9999;}
.ec-base-product .icons_center {position:relative;width:100%;height:100%;}
.ec-base-product .icons2 { cursor:pointer;position: absolute;bottom: 0px;right: 0;background: rgba(51, 51, 51, 0.81);border-radius: 40px;width: 34px;height:34px;z-index:999999999999999999999;}
.ec-base-product .icons2:last-child {margin-bottom:0;}
.ec-base-product .icons2{}
.ec-base-product .icons img {width:auto;margin-top:21%}
.ec-base-product .icons2 p {opacity:0;color:#333;margin-left:-50px;margin-top:-17px;font-size:11px;line-height:11px;}
.ec-base-product .icons2 button{margin-top: 11%;}
body {min-width: 1500px;}

/* BASIC css end */