/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* latin-ext



@font-face {
	font-family: 'LatoLight';
    src: url('/design/carlyn/font/lato-light.eot'); /* IE9 Compat Modes */
    src: url('/design/carlyn/font/lato-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/design/carlyn/font/lato-light.woff') format('woff'), /* Modern Browsers */
         url('/design/carlyn/font/lato-light.ttf') format('truetype'); 
    font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Lato';
    src: url('/design/carlyn/font/lato-regular.eot'); /* IE9 Compat Modes */
    src: url('/design/carlyn/font/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/design/carlyn/font/lato-regular.woff') format('woff'), /* Modern Browsers */
         url('/design/carlyn/font/lato-regular.ttf') format('truetype'); 
    font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'LatoBold';
    src: url('/design/carlyn/font/lato-bold.eot'); /* IE9 Compat Modes */
    src: url('/design/carlyn/font/lato-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/design/carlyn/font/lato-bold.woff') format('woff'), /* Modern Browsers */
         url('/design/carlyn/font/lato-bold.ttf') format('truetype'); 
    font-style: normal;font-weight: bold;text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'LatoBlack';
    src: url('/design/carlyn/font/lato-black.eot'); /* IE9 Compat Modes */
    src: url('/design/carlyn/font/lato-black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/design/carlyn/font/lato-black.woff') format('woff'), /* Modern Browsers */
         url('/design/carlyn/font/lato-black.ttf') format('truetype'); 
    font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;
}  */

/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



@font-face {
	font-family:'ColabReg';
	src:url('/design/carlyn/font/ColabReg.otf.eot');
	src:url('/design/carlyn/font/ColabReg.otf.eot?#iefix') format('embedded-opentype'), url('/design/carlyn/font/ColabReg.woff') format('woff');
}

@font-face {
	font-family:'ColabThin';
	src:url('/design/carlyn/font/Colaborate-Thin.eot');
	src:url('/design/carlyn/font/Colaborate-Thin.eot?#iefix') format('embedded-opentype'), url('/design/carlyn/font/Colaborate-Thin.woff') format('woff');
}


@font-face {
	font-family:'Tallys';
	src:url('/design/carlyn/font/Tallys.otf.eot');
	src:url('/design/carlyn/font/Tallys.otf.eot?#iefix') format('embedded-opentype'), url('/design/carlyn/font/Tallys.woff') format('woff');
}




/*

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

@font-face {
  font-family: 'Noto Sans';
  font-style: lighter;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/NotoSansKR-Light.otf) format('otf');
  unicode-range:  U+AC00-D7A3,U+0041-005A,U+0061-007A;
}
@font-face {
  font-family: 'Lato';
  font-style: lighter;
  font-weight: 400;
  src: local('Lato'), local('Lato'), url(/design/carlyn/font/lato-light.ttf) format('ttf');
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/NotoSansKR-Medium.otf) format('otf');
  unicode-range:  U+AC00-D7A3,U+0041-005A,U+0061-007A;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 500;
  src: local('Lato'), local('Lato'), url(/design/carlyn/font/lato-regular.ttf) format('ttf');
  unicode-range: U+0030-0039;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: bold;
  font-weight: 600;
  src: local('Noto Sans'), local('NotoSans'), url(/design/carlyn/font/NotoSansKR-Bold.otf) format('otf');
  unicode-range:  U+AC00-D7A3,U+0041-005A,U+0061-007A;
}
@font-face {
  font-family: 'Lato';
  font-style: bold;
  font-weight: 600;
  src: local('Lato'), local('Lato'), url(/design/carlyn/font/lato-bold.ttf) format('ttf');
  unicode-range: U+0030-0039;
}


.displaynone {
	display:none !important;
}
.-ease {
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.-linear {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* layout */
#header,
#layerWrap,
#contentWrap,
#ftLink .link,
#footer { position: relative; width:1280px; margin-left: auto; margin-right: auto; }
#contentWrapper {position: relative;display: block;vertical-align: top;width: 1280px;margin: 0 auto;}
#contentWrap { margin-top:120px; *zoom:1 }
#contentWrap:after { content: ""; display: block; clear: both; }
#aside,
#content { position: relative }
#content { min-height:600px; padding-bottom:100px;}


.dash_line {
    height: 1px;
    border-top: 1px dashed #000;
    width: 30px;
    display: inline-block;
}
.lnb_menu .lnb_sub  {
    overflow: hidden;
    display: none;
    padding: 10px 15px 5px 15px;;
}

.lnb_menu .lnb_sub ul li a {font-size:12px !Important;color: #666666 !important;}

.lnb_menu .lnb_sub ul li:last-child  {
    margin-bottom:0px !Important;
}

#header_wrap {}
#header_wrap .header {}
#header_wrap .header .left_side {
    position: fixed;
    left: 35px;
    top: 55px;
    z-index: 9;
}
#header_wrap .header .left_side .logo { margin-bottom:50px;}
#header_wrap .header .left_side .logo a {color:#fff;}
#header_wrap .header .left_side .login {padding-bottom:30px;}
#header_wrap .header .left_side .login div {margin-bottom:12px;}
#header_wrap .header .left_side .login div a {
    color:#000;
    /* color: #666666; */
    font-size: 13px;
    font-family: 'Lato';
    letter-spacing: 2px;
    }
#header_wrap .header .left_side .gnb {padding-top:30px;}
#header_wrap .header .left_side .gnb ul {}
#header_wrap .header .left_side .gnb ul li {margin-bottom:10px}
#header_wrap .header .left_side .gnb ul li a {
    color:#000;
    font-size:13px;
    /* color: #666666; */
    font-size: 13px;
    font-family: 'Lato';
    font-weight: bold;
    letter-spacing: 1px;
    }
#header_wrap .header .right_side {
    position: fixed;
    top: 55px;
    right: 35px;
    z-index: 9;
}
#header_wrap .header .right_side div {display:inline-block; padding-bottom:2px;}
#header_wrap .header .right_side div.cart {margin-right:20px;}
#header_wrap .header .right_side div.cart a {position:relative; display:inline-block;}
#header_wrap .header .right_side div.cart a #user_basket_quantity {
    position: absolute;
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 1px 8px 1px 8px;
    font-size: 10px;
    bottom: 0px;
    left: 10px;
}
#header_wrap .header .right_side div.search {display:none;}
#header_wrap .header .right_side div.search form {display:inline-block;}
#header_wrap .header .right_side div.button .openbtn {padding-top:2px;}
#header_wrap .header .right_side div.button.open .openbtn {display:none;}
#header_wrap .header .right_side div.button.open .search {display:block;}
#header_wrap .header .right_side div.button.open .search {border-bottom:1px solid #000;}
#header_wrap .header .right_side div.button.open .search  input.text.field-s{
    width: 190px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    margin-right: 5px;
    border: none;
    font-size:14px;
    color:#999;
}
.product_page {display:none;} 
.globi {
    font-size: 0;
    padding-bottom: 25px;
}

.globi a {
    color: #000;
    font-size: 16px;
    font-family: 'Lato';
    font-weight: bold;
    letter-spacing: 1px;
}

.globi a + a {
    padding-left: 15px;
}














#black_dummy {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: -1;
	opacity: 1;
	z-index: 200;
}

#aside_slide {
	width: 500px;
	background:#fff;
	z-index:200;
	position:fixed;
	height:100%;
	top:0px;
	right: -525px;
    overflow-y: scroll;
	padding: 0 55px;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*overflow-y: hidden;*/
}
#aside_slide .aside_top {
    font-size: 0;
    padding: 50px 0 45px;
}

#aside_slide .aside_top .searchArea {
    display: inline-block;
    vertical-align: top;
}

#aside_slide .aside_top .searchArea .search {
    width: 250px;
    height: 35px;
    border-bottom: 1px solid #454545;
}

#aside_slide .aside_top .searchArea .search input.MS_search_word {
    width: 200px;
    height: 30px;
    color: #cccccc;
    border: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
    /* font-family: 'Lato', sans-serif; */
    font-family: 'Lato';
}

#aside_slide .aside_top .searchArea .search a {
    margin-left: 21px;
}

#aside_slide .aside_top .basket_ico {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 30px;
}
#aside_slide .aside_top .basket_ico #user_basket_quantity {
    color: #ffffff;
    font-size: 10px;
    font-family: 'Lato', sans-serif;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #222222;
    width: 20px;
    height: 13px;
    line-height: 13px;
    border-radius: 10px;
    text-align: center;
}
#aside_slide .aside_top .aside_close {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

#aside_slide .aside_middle1 {}

#aside_slide .aside_middle1 ul {
    font-size: 0;
}

#aside_slide .aside_middle1 ul li {
    padding: 12px 0;
}

#aside_slide .aside_middle1 ul li a{
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'Lato';
    font-weight: 700;
    color: #000000;
    font-size: 26px;
    /* letter-spacing: -1px; */
    letter-spacing: 1px;
    line-height: 1;
}
 
#aside_slide .aside_middle2 {
  /*  padding-top: 25px; */
}

#aside_slide .aside_middle2 ul {
    font-size: 0;
}

#aside_slide .aside_middle2 ul li {
    padding: 10px 0;
}

#aside_slide .aside_middle2 ul li a {
    color: #666666;
    font-size: 14px;
    line-height: 1;
    /* font-family: 'Lato', sans-serif; */
    font-family: 'Lato';
    letter-spacing: 1px;
}
#aside_slide a {
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#aside_slide a:hover {
    opacity: 0.75;
}
#aside_slide .aside_bottom {
    position: fixed;
    bottom: 55px;
    right: 55px; display:none;
}

#aside_slide .aside_bottom ul {
    font-size: 0;
}

#aside_slide .aside_bottom ul li {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

body.slide_open {
    overflow: hidden;
}
/*
#header {
    position: fixed;
}
*/
#aside_slide .dash_line {
    height: 1px;
    border-top: 1px dashed #666;
    width: 200px;
    display: inline-block;
    margin: 15px 0;
}

#aside_slide .lnb_menu .lnb_sub  {
    overflow: hidden;
    display: none;
    padding: 10px 15px 0 15px;
}

#aside_slide .lnb_menu .lnb_sub ul li a {font-size:12px !Important;color: #666666 !important;}

#aside_slide .lnb_menu .lnb_sub ul li:last-child  {
    margin-bottom:0px !Important;
}

#aside_slide .aside_middle1 ul li .inner ul li {
    padding: 11px 0;
}
#aside_slide .aside_middle1 ul li .inner ul li:last-child {
    padding-bottom: 0;
}

.left_side {
    position: absolute;
    padding-left: 35px;
    padding-top: 55px;
    z-index: 9;
    display: inline-block;
    width: 235px;
    vertical-align: top;
    top: 0;
}
.left_side .logo { margin-bottom:50px;}
.left_side .logo a {color:#fff;}
.left_side .login {padding-bottom:30px;}
.left_side .login div {margin-bottom:12px;}
.left_side .login div a {
    color:#000;
    /* color: #666666; */
    font-size: 13px;
    font-family: 'Lato';
    letter-spacing: 2px;
    }
.left_side .gnb {padding-top:30px;}
.left_side .gnb ul {}
.left_side .gnb ul li {margin-bottom:10px}
.left_side .gnb ul li a {
    color:#000;
    font-size:13px;
    /* color: #666666; */
    font-size: 13px;
    font-family: 'Lato';
    font-weight: bold;
    letter-spacing: 1px;
    } 

#wrap {
    min-width: 1840px;
    /* margin: 0 auto; */
}

#contentWrapper{
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*
@media screen and (max-width:1820px) {
  #contentWrapper {
    padding-left: 70px;
}
}

@media screen and (max-width:1570px) {
  #contentWrapper {
    padding-left: 270px;
}
}

*/


.lnb_menu .lnb_sub2  {
    overflow: hidden;
    padding: 10px 15px 5px 15px;
}

.lnb_menu .lnb_sub2 ul li a {font-size:12px !Important;color: #666666 !important;}

.lnb_menu .lnb_sub2 ul li:last-child  {
    margin-bottom:0px !Important;
}
/* BASIC css end */