/* BASIC css start */
																			/* 210415 morenvy 준호 */
@charset "utf-8";
#wrap { position:relative; width:100%; min-width:1280px; min-height:550px; margin:0 auto;}
body {min-width:100%;}
#contentWrapper{ position:relative; width:100%; min-width:1280px; margin:0 auto; zoom:1;}
#contentWrapper:after {content:""; display:block; clear:both;}
#contentWrapper #contentWrap {float:none; width:1480px; margin:0 auto;}

@media screen and (max-width: 1719px){ 
	#contentWrapper { width: 1280px !important;}
	#contentWrap  { width: 1280px !important;}
}


#header .inner, #mfooter .inner, #container, body.center .centerCategory .wyGrid, body.center .promotionArea .wyGrid {padding:0;}
html { overflow-y:scroll; } /* 세로스크롤을 항상 표시해주므로 가로폭의 변화를 주지 않게하여 중앙정렬위치를 고정 */




/* 점선없애기 */
a:hover {text-decoration:none;}
a:focus {outline:none;}
a {blr:expression(this.onFocus=this.blur());}
area:focus {outline:none;}
area {blr:expression(this.onFocus=this.blur());}
input:focus, img:focus, embed:focus, map:focus {outline:none;}

.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}

.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:100px;}
.width1300 {width:1300px; margin:0 auto;}

body,
h1, h2, h3, h4, h5, h6, table,
pre, xmp, plaintext, listing,
input, textarea, select, button, a {color: #353535; font: 0.75em 'Red Hat Display','Noto Sans KR',sans-serif;}
input, select, textarea, body, code {font-size: 12px;}
a,
a:hover {text-decoration:none;}
.move {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/* 게시판 공통소스 */
.bbs-tit h3 {font-size: 26px; color: #1a1a1a; margin-bottom: 18px;}
.bbs-sch .key-wrap {vertical-align: unset;}
.bbs-table-list thead th {border-top: 2px solid #1a1a1a;}
.bbs-table-list tbody td a,
.bbs-table-list tbody td,
.table-d2-list tbody td,
.tb-center,
.tb-center a,
.tb-left,
.tb-left a {font-size:13px;}

/* 마이페이지 */
#aside div.lnb-wrap .lnb-bx {padding-left:99px;}

/* 로그인페이지 */
#loginWrap .mlog-sign{padding: 0 93px;}
#loginWrap .mlog-sign .frm-list li input {font-size: 14px;}
#content .tit-page {font-size: 28px; font-weight: 700; color: #1a1a1a; padding-bottom: 30px;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {#mheader .h_sec02 .hot_keyword .swiper_hot .swiper-slide a {line-height: 13px !important;}}


/* 애니메이션 css */
@-webkit-keyframes fadeInLeft {
	0% {opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px);}
	50% {opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px);}
	100% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
}

@keyframes fadeInLeft {
	0% {opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);}
	50% {opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px);transform: translateX(100px);}
	100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

/* 상세정보 */
.item-wrap {width: 100%; margin: 0 auto;}
.item-wrap .item-cont {width: 100%; min-width: 753px; margin: 0; font-size: 0;}
.item-wrap .item-cont .item-list .thumb {position: relative; width:auto; height: auto; margin: 0 10px;}
.item-wrap .item-cont .item-list .thumb img {width: 100%; height: auto; float: left;}
.item-wrap .item-cont .item-list {float: none; display: inline-block; position: relative; margin: 0 auto 60px; padding: 0; vertical-align: top; text-align: center;}

.item-wrap .item-cont .item-list .prd-info {position: relative; margin: 0 auto; padding: 0 10px; text-align: left; line-height: 18px;}
.item-wrap .item-cont .item-list .prd-info ul li{margin-bottom : 0px; text-align: left; font-weight: 300; line-height: 1;}
.item-wrap .item-cont .item-list .prd-info .prd-name {margin: 20px 0 10px; padding: 0;}
.item-wrap .item-cont .item-list .prd-info .prd-name a {font-size: 13px; color: #1a1a1a; font-weight: bold; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.item-wrap .item-cont .item-list .prd-info .prd-summary a {display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #aaa; line-height: 1; }
.item-wrap .item-cont .item-list .prd-info .salebox {display: inline-block;}
.item-wrap .item-cont .item-list .prd-info .salebox .sale_text {padding-right: 8px; color: #ff4000; font-size: 14px; font-weight: 700; line-height: 33px;}
.item-wrap .item-cont .item-list .prd-info .prd-price {display: inline-block; padding-top: 20px; font-family: 'Red Hat Display','Noto Sans KR',sans-serif;}
.item-wrap .item-cont .item-list .prd-info .prd-price strike {font-size: 12px; color : #aaa; font-weight: normal; margin-left: 10px;}
.item-wrap .item-cont .item-list .prd-info .prd-price span {font-size: 14px; color : #1a1a1a; font-weight: bold;}
.item-wrap .item-cont .item-list .prd-info .color {margin-top: 10px;}
.item-wrap .item-cont .item-list .prd-info .color span {background: #fff; display: inline-block; width: 8px; height: 8px; margin: 0 5px 2px 0; border-radius: 50%; border: 1px solid #e3e3e3;}
.item-wrap .item-cont .item-list .prd-info .prd-ico {margin: 10px 0; vertical-align: middle;}
.item-wrap .item-cont .item-list .prd-info .prd-ico span img {margin: 0 6px 0 0;}

/* 미리보기 아이콘 */
.item-cont .item-list .thumb .info_icon {width:100%; position:absolute; top:55%; right:0px; z-index:10; margin-top:-20px; text-align:center; opacity:0; transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.item-cont .item-list .thumb:hover .info_icon {top: 50%; opacity:1;cursor:pointer;}
.item-cont .item-list .info_icon > li {display:inline-block; padding:0 5px;}

/* 5단진열 */
.item-wrap .grid5 .item-list {width: 20%;}


/* 4단진열 */
.item-wrap .grid4 .item-list {width: 25%; margin: 0 0 40px;}
.item-wrap .grid4 .prd-info .prd-name {display: block;}
.item-wrap .grid4 .prd-info .color {max-width: 190px;}

/* 3단진열 */
.item-wrap .grid3 .item-list{width: 33.33%; margin: 0 0 59px; vertical-align:top;}
.item-wrap .grid3 .item-list .thumb {;}
.item-wrap .grid3 .item-list .prd-info .prd-name {margin: 20px 0 9px;}
.item-wrap .grid3 .item-list .prd-info ul li {line-height: 18px;}
.item-wrap .grid3 .item-list .prd-info .prd-price {padding-top: 19px;}
.item-wrap .grid3 .item-list .prd-info .color {max-width: 230px; line-height: 1;}

/* 옵션 미리보기 */
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;font-family:'Red Hat Display','Noto Sans KR',sans-serif;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}

/* 게시판 상단 네비게이션 안보이게 */
#bbsData .bbs-hd {display:none;}

/* 퀵검색창 */
#q_search {display:none;}
#q_search .mintroClose {cursor:pointer;position:fixed; right:50px; top:50px; z-index:2222;}
#q_search form {height:95px; width:830px; border-bottom:2px solid #222; background:transparent; padding:0px;}
#q_search form fieldset input.MS_search_word {height:95px;width:766px;  font-size:22px; color:#222; line-height:95px; background:transparent; border:0px;}
#q_search input.btn-sch {padding-top:15px;}

.mintroClose img.rotate { border-radius: 50em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.mintroClose img.rotate:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }



/* 상단 */
#mheader {height:154px; margin:0 auto; border:none; border-bottom:1px solid #e5e5e5;}

/* 상단섹션01 */
#mheader .h_sec01 { max-width:1480px; padding:35px 0 25px !important; font-size:0px; margin:0 auto;}
#mheader .h_sec01_inner {height:30px; position:relative;}
#mheader .h_sec01 .top_logo {position:absolute; left:0px; top:6px;}

/* 상단섹션01 : 상단 검색창 */
#mheader .h_sec01 .top_search {position:absolute; top:5px; left:50%; z-index:10; transform: translate(-50%, 0); width:380px; vertical-align: top;}
#mheader .h_sec01 .top_search fieldset {width:380px; height:30px; border-bottom:1px solid #1a1a1a;}
#mheader .h_sec01 .top_search input {height:17px; color:#9a9a9a; font-size:14px; font-weight:300; text-indent:1px; border:none; line-height: 20px;}
#mheader .h_sec01 .top_search input.btn-sch {position:relative; top:1px; right:1px; height:auto;}
#mheader .h_sec01 .top_search input.MS_search_word {width: 350px; padding: 2px 4px;}

/* 상단섹션01 : 로그인 메뉴 */
#mheader .h_sec01 .right_menu { position:absolute; right:0px; top:0; width:415px;}
#mheader .h_sec01 .login_menu li {float:left; font-size:0px; padding-left:28px;}
#mheader .h_sec01 .login_menu li a {color:#1a1a1a; font-weight:300; font-size:14px; line-height:1; display:block; height:30px; line-height:30px; }
#mheader .h_sec01 .login_menu li a:hover {color:#000;}
#mheader .h_sec01 .login_menu li a span {margin-left:8px; display:inline-block; background-color:#2a3cf3; color:#fff; width:18px; height:18px; line-height:18px; font-size:11px; text-align:center; border-radius:50%; font-weight:700; position:relative; top:-1px;}

/* 상단섹션01 : 해외몰 */
#mheader .h_sec01 .glo_menu span {cursor:pointer; font-size:15px; height:30px; line-height:30px; color:#1a1a1a; padding-right:20px; background-image:url('/design/k2ksoo/0782commonstore/glo_ar.png'); background-repeat:no-repeat; background-position:right center;}
#mheader .h_sec01 .glo_menu:hover .glo_sub {opacity:1; visibility:visible;}
#mheader .h_sec01 .glo_menu .glo_sub {opacity:0; visibility:hidden; width:75px; text-align:center; position:absolute; top:1px; left:0; border:1px solid #2a3cf3; border-radius:6px; background-color:#fff; z-index:100; overflow:hidden; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);}
#mheader .h_sec01 .glo_menu .glo_sub a {font-size:14px; height:28px; line-height:28px; color:#1a1a1a; text-transform:uppercase;}
#mheader .h_sec01 .glo_menu .glo_sub a:hover {color:#2a3cf3; background-color:#f5f5f5;}

/* 상단섹션02 */
#mheader .h_sec02 {position:relative; width:1480px; margin:0 auto; font-size:0px;}

/* 상단섹션02 : 카테고리 자동출력 */
#mcategory {width:1480px; height:65px; margin:0 auto; line-height:65px;}
#mcategory .categoryList {text-align:center;height:65px;}
#mcategory .categoryList > li {position:relative; display:inline-block; margin:0 40px; font-size:0px;}
#mcategory .categoryList > li > a {display:block; color:#1a1a1a; font-size:17px; line-height: 65px;}
#mcategory .categoryList ul {display:none;}
#mcategory .categoryList li a:hover ul {display:block;}
#mcategory .categoryList li.selected > ul {display:block;}
#mcategory .categoryList li.selected > a.cate {color:#2a3cf3;}
#mcategory .categoryList li.top_cate_space {background:url('/design/k2ksoo/0782commonstore/top_cate_space.gif') no-repeat; background-position:left center; padding-left:15px; margin-left:15px;}
#mcategory .categoryList .slideSubMenu {position:absolute; top:54px; left:50%; z-index:11; min-width:138px; width:auto; margin-left:-69px; padding:10px 5px; background-color:#fff; border:1px solid #e5e5e5; border-radius:6px; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);}
#mcategory .categoryList .slideSubMenu.sub2 {top: -10px; left: 100%; margin:0;}
#mcategory .categoryList .slideSubMenu li ul {display:none;}
#mcategory .categoryList .slideSubMenu li {position:relative; display:block;}
#mcategory .categoryList .slideSubMenu li a {display:block; height:32px; padding:0 8px; color:#9a9a9a; font-size:14px; line-height:32px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
#mcategory .categoryList .slideSubMenu li > a.sub_mouse_hover {color:#2a3cf3; background-color:#f5f5f5;}
#mcategory .categoryList > li .sub1 > li .sub2 > li > a:hover {color:#2a3cf3; background-color:#f5f5f5;}
#mcategory .categoryList .slideSubMenu li.selected > ul {display:block; position:absolute; top:-10px; left:100%; z-index:11; min-width:138px; width:auto; padding:10px 5px; background:#fff; background-color:#fff; border:1px solid #e5e5e5; border-radius:6px; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);}
#mcategory .categoryList .slideSubMenu li.noChild > a.cate:after {display:none;}
.categoryList > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:40%;right:10px;background:url('/design/k2ksoo/0782commonstore/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
.categoryList > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}






/* 상단섹션02 : FIXED */
#mheader .h_sec02.fixed {position:fixed; top:0px; z-index:1000; max-width:100%; width:100%; margin:0px; background-color:#fff; border-bottom:1px solid #e5e5e5;}
#mheader .h_sec02.fixed .hot_keyword {display:none;}


/* 좌측 메뉴 */
.left_side {position:fixed;left:40px;top:184px;/* transform: translate(-50%,0) */;z-index:999;}
.left_side .left_w_ban {margin-bottom:20px;}
.left_side li a {display: block; width:140px;height:50px;border:1px solid #dedede;border-bottom:0px; color: #1a1a1a;   font-size: 16px; line-height: 50px;background:#fff;text-align:center;box-sizing:border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.left_side li:last-child a {border-bottom:1px solid #dedede} 

.left_side li a:hover {background:#2a3cf3;border:1px solid #2a3cf3;border-bottom:0px;color:#fff}
.left_side li:last-child a:hover {background:#2a3cf3;border:1px solid #2a3cf3;color:#fff}	  

/* 우측 메뉴 */
.right_side {position:fixed;right:40px;top:184px;/* transform: translate(-50%,0) */;z-index:999;}



/* 상단 : 미디어쿼리 */
@media screen and (max-width: 1919px){ 
	#mheader .h_sec01,
	#mheader .h_sec02,
	#mcategory {/*width:1430px;*/ width:1480px;} 
	
	.left_side {left:1%}
	.left_side li a {width:90px;letter-spacing:-0.4px;font-size:13px;}
	.left_side .left_w_ban img {width:90px;}


}

@media screen and (max-width: 1719px){ 
	#mheader .h_sec01,
	#mheader .h_sec02,
	#mcategory {width:1280px;} 

}


@media screen and (max-width: 1499px){ 

	#mheader .h_sec02 .hot_keyword {display:none;}

	.left_side {display:none}
}



/* 페이징번호 색상변경 */
.paging {margin:60px 0 40px !important; padding: 0;}
.paging a.first,
.paging a.prev, 
.paging a.next,
.paging a.last,
.paging a {display: inline-block; width: 33px; padding: 10px 0; font-size: 12px; font-weight: bold; color: #939393; line-height: 14px; background: #fff; height: unset;}
.paging a.first:hover,
.paging a.prev:hover, 
.paging a.next:hover,
.paging a.last:hover {background:#fff;}
.paging a:hover {color: #939393; background: #f0f2f2;}
.paging a.now,
.paging a.now:hover {color:#1a1a1a;border-bottom:0;padding:10px 0;}
.paging a {padding:10px 0; font-family:'Red Hat Display','Noto Sans KR',sans-serif;}
.paging {border:0;margin:0;}



/* BASIC css end */