@charset "utf-8";

/* spoqa font */
@font-face {
	font-family:'Spoqa Han Sans Neo';
	font-weight: 700;
	src: local('Spoqa Han Sans Neo Bold'),
	url('/fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
	url('/fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
	url('/fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
	font-family:'Spoqa Han Sans Neo';
	font-weight: 500;
	src: local('Spoqa Han Sans Neo Medium'),
	url('/fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
	url('/fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
	url('/fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
	font-family:'Spoqa Han Sans Neo';
	font-weight: 400;
	src: local('Spoqa Han Sans Neo Regular'),
	url('/fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
	url('/fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
	url('/fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
	font-family:'Spoqa Han Sans Neo';
	font-weight: 300;
	src: local('Spoqa Han Sans Neo Light'),
	url('/fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
	url('/fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
	url('/fonts/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
	font-family:'Spoqa Han Sans Neo';
	font-weight: 100;
	src: local('Spoqa Han Sans Neo Thin'),
	url('/fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
	url('/fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
	url('/fonts/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

/* noto sans font */
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src:url('/fonts/NotoSansKR-Light.eot');
	src:url('/fonts/NotoSansKR-Light.woff') format('woff'),
	url('/fonts/NotoSansKR-Light.otf') format('otf'),
	url('/fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:url('/fonts/NotoSansKR-Regular.eot');
	src:url('/fonts/NotoSansKR-Regular.woff') format('woff'),
	url('/fonts/NotoSansKR-Regular.otf') format('otf'),
	url('/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src:url('/fonts/NotoSansKR-Medium.eot');
	src:url('/fonts/NotoSansKR-Medium.woff') format('woff'),
	url('/fonts/NotoSansKR-Medium.otf') format('otf'),
	url('/fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:url('/fonts/NotoSansKR-Bold.eot');
	src:url('/fonts/NotoSansKR-Bold.woff') format('woff'),
	url('/fonts/NotoSansKR-Bold.otf') format('otf'),
	url('/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype');
}

/* Pretendard-Regular font */
@font-face {
	font-family:'Pretendard-Regular';
	font-style:normal;
	font-weight:300;
	src:url('/fonts/Pretendard-Light.woff2');
	src:url('/fonts/Pretendard-Light.woff') format('woff'),
	url('/fonts/Pretendard-Light.otf') format('otf');
}

@font-face {
	font-family:'Pretendard-Regular';
	font-style:normal;
	font-weight:400;
	src:url('/fonts/Pretendard-Regular.woff2');
	src:url('/fonts/Pretendard-Regular.woff') format('woff'),
	url('/fonts/Pretendard-Regular.otf') format('otf');
}

@font-face {
	font-family:'Pretendard-Regular';
	font-style:normal;
	font-weight:500;
	src:url('/fonts/Pretendard-Medium.woff2');
	src:url('/fonts/Pretendard-Medium.woff') format('woff'),
	url('/fonts/Pretendard-Medium.otf') format('otf');
}

@font-face {
	font-family:'Pretendard-Regular';
	font-style:normal;
	font-weight:700;
	src:url('/fonts/Pretendard-Bold.woff2');
	src:url('/fonts/Pretendard-Bold.woff') format('woff'),
	url('/fonts/Pretendard-Bold.otf') format('otf');
}

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
html{overflow-y:scroll}
body{font-size:12px;color:#777;line-height:1.5;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',sans-serif;background:none}
select,input,img,li,button{vertical-align:middle;text-align:left}
form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe{border:0 none}
strong{font-weight:500}
h1,h2,h3,h4,h5,h6{font-weight:500}
div{border-collapse:collapse;border-spacing:0}
table{width:100%}
table th,
table td{font-weight:400}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ul,ol{list-style-type:none}
li{list-style-type:none;white-space:normal;line-height:17px}
p,dt,dd,div,span{white-space:normal}
a{text-decoration:none;color:#555}
label{cursor:pointer}

table:not(.html table){border-collapse:collapse;border-spacing:0}

input[type=text],
input[type=password],
input[type=search]{margin:0;padding:8px 15px 9px;box-sizing:border-box;vertical-align:top;font-size:14px;color:#333;line-height:21px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',sans-serif;border:1px solid #ddd;background:white}
input[type=text]::-ms-clear{display:none}
input[type=password]::-ms-clear{display:none}
input[type=search]::-ms-clear{display:none}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{display:none}
select{margin:0;padding:0;box-sizing:border-box;vertical-align:top;font-size:12px;color:#555;line-height:1.5;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',sans-serif;border:1px solid #555}
textarea{width:100%;margin:0;padding:7px 15px 8px;box-sizing:border-box;vertical-align:top;font-size:14px;color:#333;line-height:23px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',sans-serif;resize:none;border:1px solid #ddd;background:white}
button{padding:0;margin:0;box-sizing:border-box;vertical-align:top;font-size:12px;color:#555;line-height:1.5;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',sans-serif;border:none;background:transparent;cursor:pointer}
button,select,option,input,textarea{outline:none}

.html{clear:both;font-size:12px;color:black;line-height:1.5;font-family:'Pretendard-Regular','돋움',Dotum,Helvetica,Sans-serif}
.html br{margin:0;padding:0}
.html b,
.html strong,
.html h1,
.html h2,
.html h3,
.html h4,
.html h5,
.html h6{margin:revert;padding:revert;font-weight:revert}
.html a{text-decoration:revert;color:revert}
.html img{max-width:100%;margin:revert;padding:revert;text-align:revert;vertical-align:revert;border:revert}
.html table{border-collapse:separate}
.html iframe{max-width:100%}

/* placeholder */
input::placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
textarea::placeholder{color:#999}
textarea:-ms-input-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
::-ms-input-placeholder{color:#999}

/* disabled */
input[type=text]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
textarea:disabled{color:#999;background:#ddd}

/* readonly 
input[type=text]:read-only,
input[type=password]:read-only,
input[type=search]:read-only,
textarea:read-only{color:#999;background:#ddd}
*/

input.input{visibility:hidden}

input[type=radio]{}
.radioDummy{display:inline-block;position:relative;width:20px;height:20px;box-sizing:border-box;vertical-align:top;background:url(../imgs/global/radio.png) 0 0 no-repeat}
.radioDummy input[type=radio]{visibility:visible;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;box-sizing:border-box;opacity:0;border-radius:100%;cursor:pointer}
.radioDummy.active{background-position:0 -30px}
.radioDummy.active.bold{background-position:0 -60px}
.radioDummy.active.highlight{background-position:0 -90px}
.radioDummy.disabled{opacity:0.4}

input[type=checkbox]{}
.checkboxDummy{display:inline-block;position:relative;width:20px;height:20px;box-sizing:border-box;vertical-align:top;background:url(../imgs/global/checkbox.png) 0 0 no-repeat}
.checkboxDummy input[type=checkbox]{visibility:visible;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;box-sizing:border-box;opacity:0;cursor:pointer}
.checkboxDummy.active{background-position:0 -30px}
.checkboxDummy.active.bold{background-position:0 -60px}
.checkboxDummy.active.highlight{background-position:0 -90px}
.checkboxDummy.disabled{opacity:0.4}

input.input+label,
.inputDummy+label{display:inline-block;padding:0 0 2px 8px;vertical-align:top;font-size:14px;color:black;line-height:18px;font-weight:400}
.inputDummy.active.highlight+label{color:#601986}
.inputDummy.disabled+label{color:#999 !important}

select.select{visibility:hidden}
.selectDummy{display:inline-block;position:relative;width:100%;min-width:80px;height:40px;vertical-align:top;background:white}
.selectDummy:after{content:"";display:block;clear:both}
.selectDummy select{position:absolute;top:0;left:-9999px;z-index:-1}
.selectDummy span{position:relative;z-index:2;float:left;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;width:100%;height:40px;padding:8px 29px 9px 15px;box-sizing:border-box;white-space:nowrap;text-align:left;font-size:14px;color:#333;font-weight:400;line-height:21px;cursor:pointer;border:1px solid #ddd;background:white}
.selectDummy span:after{content:"";position:absolute;top:50%;right:15px;width:14px;height:10px;margin:-5px 0 0;background:url(../imgs/global/select1.png) 0 0 no-repeat}
.selectDummy ul{position:absolute;left:0;z-index:4;overflow-y:hidden;max-height:201px;clear:both;width:100%;height:0;box-sizing:border-box;border:1px solid #ddd;background:white}
.selectDummy ul li:after{content:"";display:block;clear:both}
.selectDummy ul li span{padding:9px 15px 10px;font-size:14px;color:#999;line-height:21px;font-weight:400;border:none}
.selectDummy ul li span:hover{color:#333;background:#f7f7f7}
.selectDummy ul li span:after{display:none}
.selectDummy ul li.selected span{color:#333;background:#f7f7f7}
.selectDummy.placeholder>span{color:#999}
.selectDummy.active span:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.selectDummy.disabled:before{content:"";position:absolute;top:0;left:0;z-index:5;width:100%;height:100%}
.selectDummy.disabled span{color:#999 !important;background:#ddd}
.selectDummy.disabled span:after{opacity:0.5}

.button1{display:inline-block;width:145px;padding:8px 15px 9px;box-sizing:border-box;vertical-align:top;text-align:center;font-size:14px;color:#333;line-height:21px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',sans-serif;border:1px solid #ddd;background:white}
.button1.fill{color:white;border-color:black;background:black}

/* file */
.fileimage-wrap{clear:both;margin-right:-10px}
.fileimage-wrap:after{content:"";display:block;clear:both}
.fileimage-wrap .item{position:relative;float:left;overflow:hidden;width:80px;height:90px;margin:0 10px 10px 0;background:#eee}
.fileimage-wrap .item:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:11px;margin:-5px 0 0;background:#666}
.fileimage-wrap .item:after{content:"";position:absolute;top:50%;left:50%;width:11px;height:1px;margin:0 0 0 -5px;background:#666}
.fileimage-wrap .item input[type=file]{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0;font-size:200px}
.fileimage-wrap .item .img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.fileimage-wrap .item .d-button{display:none;position:absolute;top:8px;right:8px;z-index:3;overflow:hidden;width:10px;height:10px;text-indent:-9999px;background:url(../imgs/global/close5.png) center center no-repeat}
.fileimage-wrap .item.active{background:none}
.fileimage-wrap .item.active:before,
.fileimage-wrap .item.active:after{display:none}
.fileimage-wrap .item.active .img{opacity:1}
.fileimage-wrap .item.active .d-button{display:block}

.attach:after{content:"";display:block;clear:both}
.attach .noti{float:left;padding:9px 0 10px;font-size:14px;color:black;line-height:21px;font-weight:400}
.attach .fn{float:right}
.attach .fn .button1{float:left;width:100px;margin:0 0 0 10px}
.attach table{table-layout:fixed;clear:both;width:100% !important;margin:10px 0 0 !important;border:none !important;background:none !important}
.attach table td{position:relative;padding:10px 0 0 !important;vertical-align:top !important;text-align:left !important;border:none !important;background:none !important}
.attach table td input[type=file]{position:absolute;top:10px;left:0;z-index:4;overflow:hidden;width:100%;height:40px;opacity:0;font-size:500px}
.attach table td .inputDummy{margin:10px 0}
.attach table td .faket{width:calc(100% - 155px)}
.attach table td .button1{margin:0 0 0 10px}
.attach table td .link{float:left;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:5px 0 0;padding:0 5px 0 0;box-sizing:border-box;white-space:nowrap;font-size:14px;color:black;line-height:20px;font-weight:400;text-decoration:underline}

.imgviewlayer{position:absolute;top:0;left:0;z-index:90;width:520px;padding:30px;border:1px solid #ddd;background:white}
.imgviewlayer img{display:block !important;width:100% !important;margin:0 !important;padding:0 !important}
.imgviewlayer .close-button{position:absolute;top:7px;right:5px;overflow:hidden;width:20px;height:20px;text-indent:-9999px;background:url(../imgs/global/close4.png) center center no-repeat}

/* global class */
/* none */
.bg_none{background:none !important}
.pad_none{padding:0 !important}
.mar_none{margin:0 !important}
.bor_none{border:0 none !important}
.over_h{overflow:hidden !important}
/* align */
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
/* float */
.floatL{float:left !important}
.floatR{float:right !important}
.float_a{display:block !important;float:left !important}
.list_float{overflow:hidden !important}
.list_float li{float:left !important}
/* clearfix */
.clr:after{content:""; display:block; clear:both;}
/* font */
.font11{font-size:11px !important}
.font12{font-size:12px !important}
.font13{font-size:13px !important}
.font14{font-size:14px !important}
.font16{font-size:16px !important}
.bold{font-weight:500 !important}
.normal{font-weight:400 !important}
.underline{text-decoration:underline !important}
.letter-1{letter-spacing:-1px !important}
.letter0{letter-spacing:0 !important}
.line16{line-height:16px !important}
.line18{line-height:18px !important}
.spoqa{font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif;}
/* color */
.blk{color:#2b2b2b !important}
.g88{color:#888 !important}
.pur{color:#4250b9 !important}
.color-black{color:#000 !important;}
.color-red{color:#f00 !important;}
.color-purple{color:#601986 !important;}
/* ellipsis */
.ellWrap{width:100%}
.ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
/* margin */
.mgr5{margin-right:5px !important}
.mgt0{margin-top:0 !important}
.mgt3{margin-top:3px !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgt60{margin-top:60px !important}
.mgb0{margin-bottom:0px !important}
.mgb2{margin-bottom:2px !important}
.mgb5{margin-bottom:5px !important}
.mgb7{margin-bottom:7px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:40px !important}
.mgb50{margin-bottom:50px !important}
.mgb60{margin-bottom:60px !important}
.mgb100{margin-bottom:100px !important}
/* padding */
.pdt0{padding-top:0px !important}
.pdt12{padding-top:12px !important}
.pdt30{padding-top:30px !important}
.pdl15{padding-left:15px !important}
.pdb0{padding-bottom:0px !important}
.pdb10{padding-bottom:10px !important}
.pdb20{padding-bottom:20px !important}
.pdb30{padding-bottom:30px !important}
.pdb50{padding-bottom:50px !important}
/* display */
.in{display:inline !important}
/* input */
.txt{
	margin:0;padding:2px 0;
	vertical-align:top;
	font-size:13px;
	border:1px solid #ccc;
	background-color:#fff;
	line-height:19px;text-indent:5px
}
.txtH28{height:28px;margin:0;padding:4px 5px;line-height:18px;border:solid 1px #ccc}
.blind{position:absolute !important;top:-9999px !important;overflow:hidden !important;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important}

/* initialize */
body{min-width:1460px}
#wrap{position:relative;overflow:hidden}

/* top Ad */
#topAd{position:relative;overflow:visible !important;margin:0 auto}
#topAd.hidden{display:none;height:0}
#topAd div{width:1920px;margin:0 0 0 -460px;text-align:center}
#topAd div a,
#topAd div img{vertical-align:top}
#topAd button{position:absolute;bottom:19px;right:22px;overflow:hidden;width:19px;height:17px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/button/btn_cateClose.png) 0 0 no-repeat}

/* top banner */
.top-banner{width: 100%; text-align: center;}
.top-banner .banner-inner{position:relative; display:inline-block; width:100%;}
.top-banner img{max-width:100%;}
.top-banner .topbn-close-button{position:absolute;top: 50%;right: 30px;z-index:10;overflow:hidden;width:17px;height:17px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat;margin-top: -7px;}

/* header */
#header{position:absolute;top:0;left:0;z-index:101;width:100%;/*-moz-transition:top 0.2s;-webkit-transition:top 0.2s;transition:top 0.2s;*/background:white}
#header .body{position:relative;z-index:2;max-width:1920px;height:114px;margin:0 auto;padding:0 0 20px;box-sizing:border-box;border-top:60px solid transparent;border-left:165px solid transparent;border-right:165px solid transparent}
#header .body:after{content:"";display:block;clear:both}
#header .body h1{float:left;height:0;padding:34px 0 0}
#header .body h1 a,
#header .body h1 a img{display:block}
#header .body h1>*{-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
#header .body .globalbrand{position:relative;float:left;margin:0 0 0 30px;padding:0 38px 0 0}
#header .body .globalbrand h2{position:relative;z-index:2;float:left;height:0;padding:34px 0 0}
#header .body .globalbrand h2 a,
#header .body .globalbrand h2 a img{display:block}
#header .body .globalbrand h2>*{-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
#header .body .globalbrand .sh-button{position:absolute;top:6px;right:0;z-index:3;overflow:hidden;width:28px;height:28px;text-indent:-9999px;background:url(../imgs/global/round_arrow1.png) center center no-repeat}
#header .body .globalbrand .brandlayer{visibility:hidden;position:absolute;top:-9999px;left:0;z-index:1;width:100%;padding:79px 29px 29px;box-sizing:border-box;border:1px solid #ccc;background:white}
#header .body .globalbrand .brandlayer:before{content:"";position:absolute;top:77px;left:0;width:100%;height:2px;box-sizing:border-box;border-left:29px solid white;border-right:29px solid white;background:black}
#header .body .globalbrand .brandlayer ul{margin:0 0 -10px}
#header .body .globalbrand .brandlayer ul:after{content:"";display:block;clear:both}
#header .body .globalbrand .brandlayer ul li{float:left;margin:20px 0 10px}
#header .body .globalbrand .brandlayer ul li:nth-child(3n+1){width:105px}
#header .body .globalbrand .brandlayer ul li:nth-child(3n+2){width:156px}
#header .body .globalbrand .brandlayer ul li:nth-child(3n+3){width:105px}
#header .body .globalbrand .brandlayer ul li a{float:left;margin:-4px 0 -2px}
#header .body .globalbrand .brandlayer ul li strong{display:block;white-space:nowrap;font-size:16px;color:#444;line-height:21px;font-weight:500;font-family:'Pretendard-Regular','Roboto',sans-serif}
#header .body .globalbrand .brandlayer ul li span{display:block;white-space:nowrap;font-size:12px;color:#444;line-height:16px;font-weight:300}
#header .body .globalbrand.active{width:366px;padding:0 30px}
#header .body .globalbrand.active .sh-button{right:30px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#header .body .globalbrand.active .brandlayer{visibility:visible;top:-24px}
#header .body .globalsearch{position:absolute;top:0;right:70px;z-index:2}
#header .body .globalsearch:after{content:"";display:block;clear:both}
#header .body .globalsearch input[type=search]{display:none;float:left;width:360px;margin:0 9px 0 0;padding:4px 14px 6px;font-size:14px;line-height:20px;border-radius:16px;border:2px solid black;background:white}
#header .body .globalsearch input[type=search]::placeholder{color:#999}
#header .body .globalsearch input[type=search]:-ms-input-placeholder{color:#999}
#header .body .globalsearch input[type=search]::-webkit-input-placeholder{color:#999}
#header .body .globalsearch input[type=search]::-ms-input-placeholder{color:#999}
#header .body .globalsearch .sh-button{position:absolute;top:0;right:0;overflow:hidden;width:34px;height:34px;text-indent:-9999px}
#header .body .globalsearch .submit-button{float:right;overflow:hidden;width:34px;height:34px;text-indent:-9999px;background:url(../imgs/global/top_search.png) center center no-repeat}
#header .body .globalsearch .helplayer{visibility:hidden;position:absolute;top:-9999px;left:0;width:360px;margin:10px 0 0;padding:18px 28px 28px;box-sizing:border-box;border:2px solid #ddd;background:white}
#header .body .globalsearch .helplayer ul{position:relative;z-index:1}
#header .body .globalsearch .helplayer ul .item{display:inline;vertical-align:top}
#header .body .globalsearch .helplayer ul .item .item-button{position:absolute;top:0;left:50%;z-index:2;width:50%;padding:7px 0 8px;text-align:center;font-size:16px;color:#999;line-height:22px;font-weight:500;border-bottom:4px solid #eee}
#header .body .globalsearch .helplayer ul .item:first-child .item-button{left:0}
#header .body .globalsearch .helplayer ul .item .item-cont{display:none;position:relative;z-index:1;padding:61px 0 0}
#header .body .globalsearch .helplayer ul .item .item-cont:after{content:"";display:block;clear:both}
#header .body .globalsearch .helplayer ul .item .item-cont ol,
#header .body .globalsearch .helplayer ul .item .item-cont ul{float:left;width:100%;height:300px;margin:-10px 0 9px}
#header .body .globalsearch .helplayer ul .item .item-cont li{padding:5px 0;white-space:nowrap;font-size:14px;color:#333;line-height:20px}
#header .body .globalsearch .helplayer ul .item .item-cont li:after{content:"";display:block;clear:both}
#header .body .globalsearch .helplayer ul .item .item-cont li a{float:left;text-overflow:ellipsis;overflow:hidden;max-width:100%;white-space:nowrap;font-size:14px;color:#333;line-height:20px}
#header .body .globalsearch .helplayer ul .item .item-cont li.list-none{padding:75px 0; text-align:center; margin:0;}
#header .body .globalsearch .helplayer ul .item .item-cont ol li a:before{display:inline-block;width:16px;margin:0 16px 0 0;vertical-align:top;color:#999}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(1) a:before{content:"1"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(2) a:before{content:"2"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(3) a:before{content:"3"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(4) a:before{content:"4"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(5) a:before{content:"5"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(6) a:before{content:"6"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(7) a:before{content:"7"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(8) a:before{content:"8"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(9) a:before{content:"9"}
#header .body .globalsearch .helplayer ul .item .item-cont ol li:nth-child(10) a:before{content:"10"}
#header .body .globalsearch .helplayer ul .item .item-cont .delete-button{position:absolute;bottom:-3px;left:0;z-index:2;font-size:12px;color:#666;line-height:19px}
#header .body .globalsearch .helplayer ul .item.active .item-button{color:black;border-bottom-color:black}
#header .body .globalsearch .helplayer ul .item.active .item-cont{display:block}
#header .body .globalsearch .helplayer .close-button{position:absolute;bottom:28px;right:28px;z-index:2;overflow:hidden;width:17px;height:17px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat}
#header .body .globalsearch.active input[type=search]{display:block}
#header .body .globalsearch.active .sh-button{display:none}
#header .body .globalsearch.active .helplayer{visibility:visible;top:100%}
#header .body .globalcart{position:absolute;top:0;right:0;z-index:1;overflow:hidden;width:34px;height:34px;-moz-transition:top 0.2s;-webkit-transition:top 0.2s;transition:top 0.2s;text-indent:-9999px;background:url(../imgs/global/top_cart.png) 0 0 no-repeat}
#header .body .globalcart span{position:absolute;top:5px;right:0;width:16px;height:16px;text-indent:0;text-align:center;font-size:12px;color:white;line-height:14px;border-radius:100%;background:#601986}
#header .body .globalutility{position:absolute;top:54px;right:0;z-index:1;-moz-transition:right 0.2s;-webkit-transition:right 0.2s;transition:right 0.2s}
#header .body .globalutility:after{content:"";display:block;clear:both}
#header .body .globalutility li{position:relative;float:left;margin:14px 0 0 19px;padding:0 0 0 20px}
#header .body .globalutility li:before{content:"";position:absolute;top:4px;left:0;width:1px;height:13px;background:#606060}
#header .body .globalutility li:first-child{margin:14px 0 0;padding:0}
#header .body .globalutility li:first-child:before{display:none}
#header .body .globalutility li a{float:left;font-size:14px;color:#222;line-height:20px;letter-spacing:-0.02em}
#header .gnb{max-width:1920px;margin:0 auto;padding-left:165px;padding-right:165px;box-sizing:border-box}
#header .gnb:after{content:"";display:block;clear:both}
#header .gnb>.core{margin:0 152px 0 -14px;font-size:0}
#header .gnb>.core>li{display:inline-block;margin:0 8px 0 0;vertical-align:top}
#header .gnb>.core>li:after{content:"";display:block;clear:both}
#header .gnb>.core>li>a,
#header .gnb>.core>li>button{position:relative;float:left;padding:13px 0 15px;font-size:16px;color:#222;line-height:22px;border-left:14px solid transparent;border-right:14px solid transparent}
#header .gnb>.core>li>a>img,
#header .gnb>.core>li>button>img{display:inline-block;vertical-align:top}
#header .gnb>.core>li.shop{margin:0}
#header .gnb>.core>li.shop>a,
#header .gnb>.core>li.shop>button{position:relative;float:left;padding:14px 0 16px;font-size:14px;color:#222;line-height:20px;font-weight:300}
#header .gnb>.core>li.shopb>a,
#header .gnb>.core>li.shopb>button{position:relative}
#header .gnb>.core>li.shop>a:before,
#header .gnb>.core>li.shop>button:before,
#header .gnb>.core>li.shopb>a:before,
#header .gnb>.core>li.shopb>button:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;-moz-transition:width 0.2s;-webkit-transition:width 0.2s;transition:width 0.2s;background:black}
#header .gnb>.core>li.shop>a:after,
#header .gnb>.core>li.shop>button:after,
#header .gnb>.core>li.shopb>a:after,
#header .gnb>.core>li.shopb>button:after{content:"";position:absolute;bottom:0;right:50%;width:0;height:4px;-moz-transition:width 0.2s;-webkit-transition:width 0.2s;transition:width 0.2s;background:black}
#header .gnb>.core>li.slice1{overflow:hidden;width:22px;height:50px;margin:0;text-indent:-9999px;border:none}
#header .gnb>.core>li.slice2{overflow:hidden;width:1px;height:13px;margin:18px 22px 19px 14px;text-indent:-9999px;border:none;background:#222}
#header .gnb .over-area{position:absolute;top:164px;left:0;overflow:hidden;width:100%;height:0;background:rgba(255,255,255,0.92)}
#header .gnb .over-area:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ddd}
#header .gnb .over-area .contents{position:relative;max-width:1920px;margin:0 auto;padding:40px 165px 41px;box-sizing:border-box}
#header .gnb .over-area .contents:after{content:"";display:block;clear:both}
#header .gnb .over-area .contents .brand-list{float:left;width:614px;margin:-18px 0 -16px}
#header .gnb .over-area .contents .brand-list li{float:left;width:226px;margin:12px 0}
#header .gnb .over-area .contents .brand-list li:nth-child(3n+1){width:162px}
#header .gnb .over-area .contents .brand-list li a{float:left}
#header .gnb .over-area .contents .brand-list li strong{display:block;padding:1px 0;white-space:nowrap;font-size:16px;color:#333;line-height:23px;font-weight:700;font-family:'Pretendard-Regular','Roboto',sans-serif}
#header .gnb .over-area .contents .brand-list li span{display:block;padding:1px 0;white-space:nowrap;font-size:14px;color:#333;line-height:20px;font-weight:300}
#header .gnb .over-area .contents .cate-list{float:left;margin:-5px 0 -6px 80px}
#header .gnb .over-area .contents .cate-list:first-child{margin:-5px 0 -6px}
#header .gnb .over-area .contents .cate-list dt{padding:0 0 4px}
#header .gnb .over-area .contents .cate-list dt:after{content:"";display:block;clear:both}
#header .gnb .over-area .contents .cate-list dt a{display:block;font-size:16px;color:#333;line-height:23px;font-weight:700;font-family:'Pretendard-Regular','Roboto',sans-serif}
#header .gnb .over-area .contents .cate-list dd{padding:5px 0 0}
#header .gnb .over-area .contents .cate-list dd:after{content:"";display:block;clear:both}
#header .gnb .over-area .contents .cate-list dd a{float:left;font-size:14px;color:#333;line-height:21px;font-family:'Pretendard-Regular','Roboto','Noto Sans KR',sans-serif}
#header .gnb .over-area .contents .banner-list{float:right;border-left:1px solid #999}
#header .gnb .over-area .contents .banner-list li{float:left;margin:0 0 0 36px}
#header .gnb .over-area .contents .banner-list li img{display:block;width:264px;height:189px}
#header .gnb .over-area .contents .banner-list li .text{display:block;margin:-5px 0 -3px;font-size:14px;color:black;line-height:20px;font-weight:300}
#header .gnb .over-area .contents .banner-list li img+.text{padding:16px 0 0}
#header .gnb>.core>li.shop:hover>a:before,
#header .gnb>.core>li.shop:hover>button:before,
#header .gnb>.core>li.shopb:hover>a:before,
#header .gnb>.core>li.shopb:hover>button:before,
#header .gnb>.core>li.shop:hover>a:after,
#header .gnb>.core>li.shop:hover>button:after,
#header .gnb>.core>li.shopb:hover>a:after,
#header .gnb>.core>li.shopb:hover>button:after{width:50%}
#header .gnb>.core>li.shop:hover .over-area,
#header .gnb>.core>li.shopb:hover .over-area{height:auto}
#header.active{position:fixed}

#header .gnb .over-area.double .contents .cate-list{margin:0px 10px !important;}
#header .gnb .over-area.double .contents .cate-list:first-child{margin:-5px 0 10px}

#header.brands .gnb>.core{margin:0 127px 0 -25px}
#header.brands .gnb>.core>li{margin:0}
#header.brands .gnb>.core>li>a,
#header.brands .gnb>.core>li>button{border-left:25px solid transparent;border-right:25px solid transparent}

#header.markandlona:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:black}
#header.markandlona .body .globalutility li a{color:white}
#header.markandlona .gnb>.core{margin:0 152px 0 -25px}
#header.markandlona .gnb>.core>li{margin:0}
#header.markandlona .gnb>.core>li>a,
#header.markandlona .gnb>.core>li>button{color:white;border-left:25px solid transparent;border-right:25px solid transparent}
#header.markandlona .gnb>.core>li.shop>a,
#header.markandlona .gnb>.core>li.shop>button{color:white}
#header.markandlona .gnb>.core>li.shop>a:before,
#header.markandlona .gnb>.core>li.shop>button:before,
#header.markandlona .gnb>.core>li.shopb>a:before,
#header.markandlona .gnb>.core>li.shopb>button:before{background:white}
#header.markandlona .gnb>.core>li.shop>a:after,
#header.markandlona .gnb>.core>li.shop>button:after,
#header.markandlona .gnb>.core>li.shopb>a:after,
#header.markandlona .gnb>.core>li.shopb>button:after{background:white}

#header.horngarment .gnb>.core{margin:0 152px 0 -25px}
#header.horngarment .gnb>.core>li{margin:0}
#header.horngarment .gnb>.core>li>a,
#header.horngarment .gnb>.core>li>button{border-left:25px solid transparent;border-right:25px solid transparent}

/* container */
#container{position:relative;width:1460px;margin:0 auto;box-sizing:border-box;border-top:164px solid transparent}
#container:after{content:"";display:block;clear:both}
#container.calmode{position:static}

/* contents */
#contents{float:right;width:1130px;text-align:left;margin:0 0 50px} /* 왼쪽메뉴 있을 때 */
#contents100{width:100%;text-align:left;margin:0 0 50px} /* 왼쪽메뉴 없을 때 */

/* aside */
/* 마이페이지 */
#aside{float:left;width:280px;margin:0 50px 80px 0;border:1px solid #ddd;padding: 34px 40px;box-sizing:border-box;}
#aside .depth2 > li{color:#333;font-weight:500;margin-bottom: 34px;font-size: 16px;}
#aside .depth2 li:last-child{margin-bottom:0;}
#aside .depth2 > li > a{color:#333; font-weight:500;}
#aside .depth3{margin-left: 40px;margin-top: 20px;}
#aside .depth3 li{font-size:16px;color:#666;margin-bottom: 20px;}
#aside .depth3 li a{color:#666;font-weight:400;line-height: 1;}
#aside .depth3 li.active{color:#000; font-weight:500;}
#aside .depth3 li.active > a{color:#000;font-weight:500;border-bottom: 1px solid #000;}
/* 고객센터 */
#aside.menu-cs .depth2 li{margin-bottom:24px;}
#aside.menu-cs .depth2 li a{color:#666;font-weight: 400;}
#aside.menu-cs .depth2 li a.active{color:#000; font-weight:500;}
#aside.menu-cs .depth3 li{font-weight:400;}
#aside .cscenter{border-top:2px solid #ddd;padding-top: 36px;margin-top: 36px;font-size: 14px;color: #666;line-height: 1;}
#aside .cscenter p{font-size:16px;color:#000;}
#aside .cscenter span{display:block; font-size:14px; color:#666;}
#aside .cscenter .csnum{font-size:22px;margin-bottom:26px;color:#000;margin-top: 10px;font-weight: 500;}
#aside .cscenter .worktime{margin-top:26px;margin-bottom: 10px;}
#aside .cscenter .lunch{margin-top:26px;}

#navi{position:relative;z-index:20;clear:both;margin:-10px 0 20px;padding:0 0 11px}
#navi:before{content:"";position:absolute;bottom:0;left:-5000px;width:15000px;height:1px;background:#eee}
#navi:after{content:"";display:block;clear:both}
#navi li{position:relative;z-index:20;float:left;margin:0 26px 0 0;font-size:13px;color:#333;line-height:19px}
#navi li:before{content:"";position:absolute;top:11px;left:-15px;width:0;height:0;border:4px solid transparent;border-left:6px solid #666}
#navi li:first-child:before{display:none;}
#navi li a{float:left;padding:5px 0}
#navi li strong{float:left;padding:5px 0;color:black;font-weight:500;text-decoration:underline}
#navi li button.ctg{position:relative;float:left;width:140px;padding:4px 16px 4px 10px;box-sizing:border-box;font-size:13px;color:#666;line-height:19px;border:1px solid #ccc;background:white}
#navi li button.ctg:after{content:"";position:absolute;top:11px;right:8px;border:4px solid transparent;border-top:6px solid #666}
#navi li div{position:absolute;top:29px;left:0;z-index:20;width:100%;box-sizing:border-box;border:1px solid #ccc;border-top:none;background:white}
#navi li div ol li{float:none;margin:0}
#navi li div ol li a{display:block;float:none;padding:5px 10px;font-size:13px;color:#666;line-height:19px}
#navi li div ol li a:hover{background:#f9f9f9}

/* 타이틀 */
.bul_red_arrow{padding-left:17px;background:url(../imgs/icon/bul_red_arrow.gif) 0 2px no-repeat}
.red_square_dotList li,.red_square_dot{padding:1px 0 1px 10px;font-size:13px;background:url(../imgs/icon/bul_red_square.gif) 0 9px no-repeat;line-height:19px;color:#666}
.red_square_dotList li a:hover{text-decoration:underline}
.bul_red_rect{padding:0 0 10px 15px;border-bottom:1px solid #e1e1e1;background:url(../imgs/icon/bul_red_rect.gif) 6px 0 no-repeat}

.sub_title{position:relative;margin:0 0 20px;padding:0 0 15px 10px;font-size:0;background:url(../title/bg_sub_title.gif) 0 bottom repeat-x;line-height:0}

.big_title{position:relative;margin:0 0 30px;padding:0 0 16px;white-space:nowrap;font-size:32px;color:#222;line-height:36px;font-weight:500;border-bottom:solid 2px #555}
.big_title.lnb{padding:0 0 12px;white-space:nowrap;font-size:26px;color:#222;line-height:30px;font-weight:500}
.middle_title{position:relative;padding:0 0 8px;white-space:nowrap;font-size:20px;color:#222;line-height:24px;font-weight:500}
.small_title{position:relative;padding:0 0 4px;white-space:nowrap;font-size:16px;color:#222;line-height:20px;font-weight:500}

.big_title .summary{display:inline-block;padding:12px 0 0 15px;vertical-align:top;font-size:15px;color:#777;line-height:20px;font-weight:500}
.big_title.lnb .summary{display:inline-block;padding:9px 0 0 12px;vertical-align:top;font-size:13px;line-height:18px;font-weight:400}
.middle_title .summary{display:inline-block;padding:6px 0 0 9px;vertical-align:top;font-size:11px;color:#777;line-height:16px;font-weight:400}
.small_title .summary{display:inline-block;padding:3px 0 0 9px;vertical-align:top;font-size:11px;color:#888;line-height:16px;font-weight:400}

.small_title .smallbutton{position:absolute;top:-3px;right:0}
.middle_title .smallbutton{position:absolute;top:-1px;right:0}

.middle_title .check{font-size:12px}
.middle_title .check.red{color:red}

.bgSubnote {padding:15px 20px;font-size:11px;color:#666;background:#f8f8f8;}
.titles_box {position: relative}
.titles_box .history {position: absolute;right:0;top: 50%;height: 30px;margin-top: -23px;padding: 0 10px;}

/* lnb_area */
#lnb_area{float:left;overflow:hidden;width:180px;margin-right:20px;margin-bottom:50px}
#lnb_area h2.ctg_txt a{display:block;color:#222;padding:3px 0 10px 5px;font-size:16px;font-weight:500;letter-spacing:-0.1em;background:url(../imgs/icon/ctg_icon.png) right 5px no-repeat}
#lnb_area .ctg{padding:14px 12px;font-size:12px;border-top:1px solid #414141;border-bottom:1px solid #414141;background-color:#fff;letter-spacing:-0.1em}
#lnb_area .ctg li{line-height:26px}
#lnb_area .ctg li.on a{color:#f4620b !important}
#lnb_area .ctg li a{color:#888}
#lnb_area .ctg li a:hover{color:#f4620b !important}
#lnb_area .lnb_banner{margin-top:20px}
#lnb_area img{max-width:180px}

#lnb_area_sub{float:left;overflow:hidden;width:180px;margin-right:20px;margin-bottom:50px;font-size:12px}
#lnb_area_sub .left_my_info{padding:0 0 10px;border:1px solid #444}
#lnb_area_sub .left_my_info h2{margin:0 0 10px;padding:16px 0;text-align:center;font-size:24px;color:white;line-height:30px;font-weight:500;background:#444}
#lnb_area_sub .left_my_info span{display:block;margin:0 10px;padding:7px 0;text-align:center;color:#444;font-weight:500;border-bottom:1px solid #444}
#lnb_area_sub .left_my_info p{padding:13px 0;text-align:center;color:#808183}
#lnb_area_sub .left_my_info ul{padding:10px 10px 0}
#lnb_area_sub .left_my_info ul li{position:relative;margin-bottom:10px;padding-left:8px;background:url(../imgs/icon/bul_left_info.gif) 0 5px no-repeat;line-height:14px;color:#808183}
#lnb_area_sub .left_my_info ul li div{position:absolute;right:0;top:0;color:#3f3b39}
#lnb_area_sub .left_navigation > li{border-bottom:solid 1px #ddd;}
#lnb_area_sub .left_navigation li > div{padding:14px 5px 13px;font-size:15px;color:#333;font-weight:500}
#lnb_area_sub .left_navigation li > div a{font-size:15px;color:#333}
#lnb_area_sub .left_navigation li ul{padding:7px 0 3px;border-top:solid 1px #ddd;background:#f9f9f9;}
#lnb_area_sub .left_navigation li li{padding:5px 0 5px 15px;border:0 none;background:none;line-height:20px}
#lnb_area_sub .left_navigation li li a {font-size:13px;color:#666}
#lnb_area_sub .lnb_banner{margin-top:20px}
#lnb_area_sub img{max-width:180px}

/* footer */
#footer{position:relative;clear:both;max-width:1920px;margin:0 auto;padding:0 165px;box-sizing:border-box}
#footer:after{content:"";display:block;clear:both}
#footer .menu{position:relative;padding:20px 0}
#footer .menu:after{content:"";display:block;clear:both}
#footer .menu li{position:relative;float:left;margin:0 40px 0 0;padding:0 0 0 42px}
#footer .menu li:before{content:"";position:absolute;top:10px;left:0;width:2px;height:15px;background:#ccc}
#footer .menu li a{display:block;padding:10px 10px 11px;font-size:14px;color:#646464;line-height:14px}
#footer .menu li:first-child{margin:0 40px 0 -10px;padding:0}
#footer .menu li:first-child:before{display:none}
#footer .menu li.instagram{position:absolute;top:50%;right:0;margin:-20px 0 0;padding:0}
#footer .menu li.instagram:before{display:none}
#footer .menu li.instagram a{overflow:hidden;width:40px;height:40px;padding:0;text-indent:-9999px;background:url(../imgs/global/footer_instagram.png) 0 0 no-repeat}
#footer .body{position:relative;padding:50px 0;background:#f3f3f3}
#footer .body:before{content:"";position:absolute;top:0;left:-9999px;z-index:1;width:29997px;height:100%;background:#f3f3f3}
#footer .body:after{content:"";display:block;clear:both}
#footer .body .logo{position:relative;z-index:2;float:left;margin:0 45px 0 0}
#footer .body .text{position:relative;z-index:2;float:left;margin:-6px 0 -4px;font-size:12px;color:#777;line-height:21px;font-weight:300;letter-spacing:0.04em}
#footer .body .text a{color:#777}
#footer .body .text a:hover{text-decoration:underline}
#footer .body .text address{display:inline;vertical-align:top;font-size:12px;color:#777;line-height:22px;font-weight:300;letter-spacing:0.04em}
#footer .body .text .highlight{display:inline-block;position:relative;margin:0 5px 0 16px;vertical-align:top;color:#555}
#footer .body .text .highlight:after{content:"";position:absolute;bottom:1px;left:0;width:100%;height:1px;background:#555}
#footer .body .text .highlight:hover{text-decoration:none}
#footer .body .cs{position:relative;z-index:2;float:right}
#footer .body .cs h6{float:left;clear:both;margin:-1px 0 0;font-size:14px;color:#080808;line-height:14px;font-weight:400;letter-spacing:0.04em}
#footer .body .cs h6 strong{display:block;margin:5px 0 -4px;font-size:20px;line-height:23px;font-weight:500;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
#footer .body .cs p{float:left;clear:both;margin:-7px 0 -9px;padding:0;font-size:14px;color:#2f2f2f;line-height:26px;font-weight:400;letter-spacing:0.055em;font-family:'Pretendard-Regular','Roboto','Noto Sans KR',sans-serif}
#footer .body .sitemap{position:relative;z-index:2;float:right;margin:-9px 100px -4px 0}
#footer .body .sitemap li:after{content:"";display:block;clear:both}
#footer .body .sitemap li a{float:left;margin:3px 0 0;white-space:nowrap;font-size:12px;color:#777;line-height:21px;font-weight:300;letter-spacing:0.04em}
#footer .body .sitemap li a:hover{text-decoration:underline;}

#wing{position:fixed;bottom:30px;right:0;z-index:101;width:100%;height:0}
#wing .body{position:relative;max-width:1920px;margin:0 auto;box-sizing:border-box;border-left:165px solid transparent;border-right:165px solid transparent}
#wing .body .contents{position:absolute;bottom:0;right:0;width:48px;margin:0 -92px 0 0;padding:17px 12px;border-radius:11px;background:#333}
#wing .body .contents .atv{position:absolute;top:-85px;right:0}
#wing .body .contents .atv a{display:block;overflow:hidden;width:72px;height:72px;text-indent:-9999px;background:url(../imgs/global/wing_atv.png) center center no-repeat}
#wing .body .contents .hg_evt{position:absolute;top:-80px;right:0}
#wing .body .contents .hg_evt .evt{display: block;overflow:hidden;background: url(/imgs/global/wing_hornga.jpg);text-indent:-9999px;width:72px;height:33px;}
#wing .body .contents .ml_evt{position:absolute;top:-40px;right:0}
#wing .body .contents .ml_evt .evt{display: block;overflow:hidden;background:url('//cdn.theacdn.com/imgs/main/brand_focus7.png') center center no-repeat;background-size:60px 60px;text-indent:-9999px;width:72px;height:60px;}
#wing .body .contents .family_evt{position:absolute;top:-80px;right:0}
#wing .body .contents .family_evt a{display:block;overflow:hidden;width:72px;height:33px;text-indent:-9999px;background:url(../imgs/global/wing_familylogo.jpg) center center no-repeat}
#wing .body .contents .family_evt + .hg_evt{top:-120px;}
#wing .body .contents .jc{position:absolute;top:-40px;right:0}
#wing .body .contents .jc a{display:block;overflow:hidden;width:72px;height:33px;text-indent:-9999px;background:url('https://mall.theacdn.com/data/base/banner/64/panel_jc.jpg') center center no-repeat}
#wing .body .contents .jc + .ml_evt{top:-80px;}
/* 2025.10.13 에이파트너스 플로팅 배너 (클릭 불가) */
#wing .body .contents .ap{position:absolute;top:-55px !important;right:0}
#wing .body .contents .ap span{display:flex;align-items:center;justify-content:center;width:72px;height:50px;padding:4px;text-align:center;font-size:15px;font-weight:bold;color:#fff;background:#7c3aed;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.15);cursor:default;box-sizing:border-box;line-height:1.2}
.ap-tooltip{position:absolute;background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;pointer-events:none;right:100%;top:50%;transform:translateY(-50%);margin-right:10px}
.ap-tooltip::after{content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#333}
.ap:hover .ap-tooltip{opacity:1;visibility:visible}
#wing .body .contents .ap + .ml_evt{top:-80px;}
#wing .body .contents .vr{position:absolute;top:-38px;right:0}
#wing .body .contents .vr a{display:block;overflow:hidden;width:72px;height:33px;text-indent:-9999px;background:url(../imgs/global/wing_vrlogo.png) center center no-repeat}
#wing .body .contents .item{padding:12px 0}
#wing .body .contents .item:after{content:"";display:block;clear:both}
#wing .body .contents .item .today{position:relative;z-index:2;float:left;overflow:hidden;width:48px;height:48px;text-indent:-9999px;background:url(../imgs/global/wing_today.png) center center no-repeat}
#wing .body .contents .item .todaylist{visibility:hidden;position:absolute;top:-9999px;right:72px;z-index:1;width:454px;min-height:205px;padding:15px 2px 30px}
#wing .body .contents .item .todaylist:before{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;box-sizing:border-box;border-radius:11px;border:2px solid #ddd;background:white}
#wing .body .contents .item .todaylist:after{content:"";position:absolute;bottom:0;right:-12px;z-index:1;width:36px;height:250px;background:#333}
#wing .body .contents .item .todaylist h6{position:relative;z-index:3;margin:0 28px;padding:10px 0 12px;font-size:18px;color:black;line-height:24px;font-weight:400;border-bottom:2px solid black}
#wing .body .contents .item .todaylist ul{position:relative;z-index:3;margin:0 28px}
#wing .body .contents .item .todaylist ul li{border-bottom:1px solid #eee}
#wing .body .contents .item .todaylist ul li a{display:block;position:relative;padding:20px 16px}
#wing .body .contents .item .todaylist ul li a:after{content:"";display:block;clear:both}
#wing .body .contents .item .todaylist ul li a .img{position:relative;float:left;overflow:hidden;width:84px;height:120px;margin:0 16px 0 0;background-color:white;background-size:cover;background-position:center center;background-repeat:no-repeat}
#wing .body .contents .item .todaylist ul li.soldout a .img:after{content:"품절상품";display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:13px;color:white;line-height:20px;background:rgba(0,0,0,0.5)}
#wing .body .contents .item .todaylist ul li a .brand{float:right;text-overflow:ellipsis;overflow:hidden;width:264px;margin:-5px 0 0;padding:0 0 15px;white-space:nowrap;font-size:12px;color:#666;line-height:18px}
#wing .body .contents .item .todaylist ul li a .name{float:right;text-overflow:ellipsis;overflow:hidden;width:264px;margin:-3px 0 0;padding:0 0 17px;white-space:nowrap;font-size:12px;color:black;line-height:18px}
#wing .body .contents .item .todaylist ul li a .price{float:right;text-overflow:ellipsis;overflow:hidden;width:264px;margin:-4px 0 0;padding:0 0 17px;white-space:nowrap;font-size:14px;color:black;line-height:19px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
#wing .body .contents .item .todaylist ul li a .price del{display:inline-block;margin:1px 0 -1px 20px;vertical-align:top;font-size:12px;color:#999;font-weight:300}
#wing .body .contents .item .todaylist ul li.today-none{padding:70px 0 71px;text-align:center;font-size:14px;color:black;line-height:20px;border-bottom:none}
#wing .body .contents .item .todaylist .close-button{position:absolute;top:30px;right:30px;z-index:4;overflow:hidden;width:17px;height:17px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat}
#wing .body .contents .item .messenger{display:block;overflow:hidden;width:48px;height:48px;text-indent:-9999px;background:url(../imgs/global/pc_messenger_1.png) center center no-repeat;background-size:contain;}
#wing .body .contents .item .top{display:block;overflow:hidden;width:48px;height:48px;text-indent:-9999px;background:url(../imgs/global/wing_top.png) center center no-repeat}
/*#wing .body .contents .item.active .today{width:67px;height:60px;margin:-5px -5px -7px -14px;border-radius:0 11px 11px 0;background:white url(../imgs/global/wing_today_on.png) 14px 5px no-repeat}*/
#wing .body .contents .item.active .todaylist{visibility:visible;top:auto;bottom:0}
#wing .body .contents .item .todaylist #todaylist{overflow-y:scroll;overflow-x:hidden;max-height:322px;}
#wing .body .contents .item .todaylist #showGroobeeBarList{overflow-y:scroll;overflow-x:hidden;max-height:322px;}
#wing .body .contents .item .todaylist #todaylist::-webkit-scrollbar {width:2px;}
#wing .body .contents .item .todaylist #showGroobeeBarList::-webkit-scrollbar {width:2px;}
#wing .body .contents .item .todaylist #todaylist::-webkit-scrollbar-thumb {background-color:#000;}
#wing .body .contents .item .todaylist #showGroobeeBarList::-webkit-scrollbar-thumb {background-color:#000;}

@media screen and (max-width:1807px){
	#header .body{width:1460px;border-left-width:0;border-right-width:0}
	#header .gnb{width:1460px;padding-left:0;padding-right:0}
	#header .gnb .over-area .contents{width:1460px;padding-left:0;padding-right:0}

	#footer{width:1460px;padding-left:0;padding-right:0}

	#wing .body{width:1460px;border-left-width:0;border-right-width:0}
}

.pub_log1{position:fixed;top:0;left:0;z-index:9999;font-size:20px;color:red;line-height:24px}
.pub_log2{position:fixed;top:24px;left:0;z-index:9999;font-size:20px;color:red;line-height:24px}
.pub_log3{position:fixed;top:48px;left:0;z-index:9999;font-size:20px;color:red;line-height:24px}
.pub_log4{position:fixed;top:72px;left:0;z-index:9999;font-size:20px;color:red;line-height:24px}
.pub_log5{position:fixed;top:96px;left:0;z-index:9999;font-size:20px;color:red;line-height:24px}

/* 하단 모바일 버전으로 보기 */
.go_mobile{clear:both;background:#444;text-align:center;margin-top:10px}
.go_mobile a{display:block;color:#fff;font-size:53px;padding:37px 0}

/* 버튼 */
.btn_mid{text-align:center}
.btn_left{text-align:left}
.btn_right{text-align:right}

/* 버튼 */
.wrap_buttons{text-align:center;margin-top:40px;}
.wrap_buttons button,
.wrap_buttons a{display:inline-block;width:176px;padding:13px 0 15px;vertical-align:top;text-align:center;font-size:18px;color:#fff !important;border:solid 1px #444;background:#444}
.wrap_buttons .gray{background:#888;border:solid 1px #888;}
.wrap_buttons .bor{background:#fff;border:1px solid #999;color:#888 !important;}
.wrap_buttons.popup{margin-top:30px;}
/* 카테고리박스 */
.box_ctg_small{padding-bottom:5px;background:url(../imgs/goods/bg_ctg_bottoms.png) 0 bottom no-repeat}
.box_ctg_small h3{padding:15px 0 7px 25px;*padding:15px 0 9px 25px;font-size:12px;background:url(../imgs/goods/bg_ctg_tops.png) 0 0 no-repeat;font-weight:500}
.box_ctg_small ul{overflow:hidden;padding:12px 0 5px 25px;background:url(../imgs/goods/bg_ctg_mids.gif) 0 0 repeat-y}
.box_ctg_small ul li{padding:0 0 9px 16px;background:url(../imgs/button/btn_ctg_more.gif) 6px 6px no-repeat;float:left;width:22%}
.box_ctg_big{overflow:hidden;margin:15px 0 20px;padding-bottom:8px;background:url(../imgs/goods/bg_ctg_bottom.png) 0 bottom no-repeat}
.box_ctg_big h3{height:14px;margin:0;padding:18px 0 14px 25px;font-weight:500;background:url(../imgs/goods/bg_ctg_top.png) 0 0 no-repeat}
.box_ctg_big ul{overflow:hidden;padding:20px 0 10px 25px;background:url(../imgs/goods/bg_ctg_mid.gif) 0 0 repeat-y}
.box_ctg_big ul li{padding:0 0 9px 16px;background:url(../imgs/button/btn_ctg_more.gif) 6px 6px no-repeat;float:left;width:18%;font-weight:500}
.box_ctg_big ul li a{color:#535353}

/* paging */
.paging{overflow:hidden;text-align:center;margin-top:30px}
.paging ul{display:inline-block;vertical-align:top}
.paging ul:after{content:"";display:block;clear:both}
.paging ul li{float:left;margin:0 -1px 0 0}
.paging ul li a{float:left;width:32px;height:32px;text-align:center;font-size:13px;color:#666;line-height:32px;border:1px solid #ddd;background:white}
.paging ul li a strong{float:left;width:32px;height:32px;text-align:center;font-size:13px;color:#222;line-height:32px;background:#f4f4f4}
.paging ul li a.first{position:relative;overflow:hidden;text-indent:-9999px}
.paging ul li a.prev{position:relative;overflow:hidden;text-indent:-9999px}
.paging ul li a.next{position:relative;overflow:hidden;text-indent:-9999px}
.paging ul li a.last{position:relative;overflow:hidden;text-indent:-9999px}
.paging ul li a.first:before{content:"";position:absolute;top:11px;left:6px;width:0;height:0;border:5px solid transparent;border-right:5px solid #999}
.paging ul li a.first:after{content:"";position:absolute;top:11px;left:11px;width:0;height:0;border:5px solid transparent;border-right:5px solid #999}
.paging ul li a.prev:before{content:"";position:absolute;top:11px;left:8px;width:0;height:0;border:5px solid transparent;border-right:5px solid #999}
.paging ul li a.next:before{content:"";position:absolute;top:11px;right:8px;width:0;height:0;border:5px solid transparent;border-left:5px solid #999}
.paging ul li a.last:before{content:"";position:absolute;top:11px;right:6px;width:0;height:0;border:5px solid transparent;border-left:5px solid #999}
.paging ul li a.last:after{content:"";position:absolute;top:11px;right:11px;width:0;height:0;border:5px solid transparent;border-left:5px solid #999}

/* 쿠폰 조회 */
.listHidden{display:none}

/* 레이어박스 */
.layer_wrap{background:#f4f4f4;padding:5px}
.layer_wrap .layer_cont{border:solid 1px #ccc;background:#fff;padding:20px 15px 30px}

.layer_cont h1{margin-bottom:20px;padding-bottom:10px;font-size:22px;color:#222;line-height:28px;border-bottom:solid 2px #555}
.layer_cont h2{font-weight:500;color:#3d3d3d;font-size:12px}

.layer_wrap .layer_cont p.txt_area{overflow:hidden;margin:30px 0 0;padding:37px 19px;font-size:14px;border:1px solid #dcdcdc;background-color:#f8f8f8;color:#222;font-weight:500}
.layer_wrap .layer_cont .couponList{overflow-y:auto;max-height:240px;margin:0 0 20px;padding:4px 10px 5px;border:1px solid #dcdcdc;background:#f8f8f8}
.layer_wrap .layer_cont .couponList li{padding:3px 0 3px 8px;word-wrap:break-word;font-size:12px;color:#555;line-height:18px;background:url(../imgs/icon/bul_left_info.gif) 0 11px no-repeat}

/*---------------------------------------------- table ------------------------------------------------------*/
.table_fixed{table-layout:fixed}
.table_ver{margin:10px 0 0;border-top:1px solid #444}
.table_ver thead{background:#f8f8f8;border-bottom:solid 1px #dbdbdb}
.table_ver thead th{text-align:center;font-weight:400;padding:10px 0;font-size:13px;color:#444;line-height:19px}
.table_ver tbody td{text-align:center;padding:10px 0;font-size:13px;color:#666;line-height:19px;border-bottom:solid 1px #dbdbdb;word-break:break-all}/*1224띄어쓰의 없을경우 테이블 벗어남*/
.table_ver tbody td.text_left{text-align:left;padding:10px}
/* 총 합계 쪽 */
.table_ver tr.total_price td{height:50px !important;padding:0 !important;background-color:#f7f7f7}
.table_ver tr.total_price td div{position:relative;width:100%;height:100%}
.table_ver tr.total_price td p{position:absolute;right:0;top:0;display:inline-block;margin:5px 6px;padding:10px 13px;border:1px solid #e6e6e6;background-color:#fff;color:#000}
.table_ver tr.total_price td p span{display:inline-block;margin-right:120px}
.table_ver tr.total_price td p span{margin-right:38px}
/* 상품이미지,상품명 */
.table_ver tbody td.table_product{text-align:left;padding:15px}
.table_ver tbody td.table_product a{float:left}
.table_ver tbody td.table_product a img{border:solid 1px #e6e6e6;width:120px;height:120px;margin-right:15px}
.table_ver tbody td.table_product a img.no{border:none;width:auto;margin-right:0}
.table_ver tbody td.table_product p{float:left;width:80%;margin:5px 0 0}
.table_ver tbody td.table_product p a{width:100%}
.table_ver tbody td.table_product p img{clear:both}
.table_ver tbody td.table_product:first-child{padding:15px 15px 15px 0}
.table_ver tbody td button{margin:2px 0}
.table_ver tbody td .default{display:inline-block;margin:1px 0;padding:0 5px;vertical-align:top;font-size:11px;color:white;line-height:17px;border-radius:3px;background:#999}
.table_ver tbody td .label{display:inline-block;margin:1px 0;padding:0 5px;vertical-align:top;font-size:11px;line-height:15px;border-radius:3px;border:1px solid #999;background:white}
.table_ver tbody td .state{display:block;text-align:center;font-weight:500}
.table_ver td.productimg{padding:15px 0}
.table_ver td.productimg a{display:block;position:relative;width:80px;height:80px}
.table_ver td.productimg img{display:block;width:78px;height:78px;border:1px solid #dedede}
.table_ver td.productimg.big a{width:140px;height:140px}
.table_ver td.productimg.big img{width:138px;height:138px}
.table_ver td.product{padding:15px;text-align:left}
.table_ver td.product img{margin:0;border:0 none;*vertical-align:middle}
.table_ver td.product span{display:block;margin-top:5px;font-size:12px;color:#999;line-height:18px}
.table_ver td.product span button{font-size:11px;font-weight:500;color:#ca1818;text-decoration:underline;margin:0}
.table_ver td.product span em{color:#ca1818;font-style:normal}
.table_ver td.orderstep a,
.table_ver td.orderstep button{margin:2px 0}
.table_ver td.delivery{padding:10px;text-align:right;line-height:25px;background:#f9f9f9}
.table_ver .article td{padding:20px;background:#f8f8f8}
.table_ver .article td .articlecont{word-wrap:break-word;text-align:left}

#contents .table_ver tbody td.table_product p{width:60%}

.table_hor{margin:10px 0 0;border-top:1px solid #444}
.table_hor tbody th{background:#f8f8f8;text-align:left;font-weight:400;padding:10px 15px;color:#444;border-bottom:solid 1px #dbdbdb}
.table_hor tbody th.line{border-left:solid 1px #dbdbdb}
.table_hor tbody td{text-align:left;padding:10px 15px;color:#666;border-bottom:solid 1px #dbdbdb;word-break:break-all}/*1224띄어쓰의 없을경우 테이블 벗어남*/
/* 상품이미지,상품명 */
.table_hor tbody td.table_product{text-align:left;padding:10px}
.table_hor tbody td.table_product a{float:left}
.table_hor tbody td.table_product a img{border:solid 1px #e6e6e6;width:80px;margin-right:10px}
.table_hor tbody td.table_product p{float:left;width:80%;margin:5px 0 0}
.table_hor tbody .form th{padding:10px 15px;line-height:25px}
.table_hor tbody .form td{padding:10px 15px;line-height:25px}
.table_hor tbody .dotnonetext{display:inline-block;margin:0 0 0 8px;vertical-align:top}
.table_hor tbody .form .checklist {line-height:18px;}
.table_hor tbody .form .checklist label {margin:0 15px 0 3px;}

.essential{margin:4px 0 0;vertical-align:top}
.table_hor tbody .form th .essential{margin:7px 0 0}

.popCloseButton{display:inline-block;position:relative;top:-1px;overflow:hidden;width:39px;height:0;margin:0 0 0 5px;padding:19px 0 0;vertical-align:middle;line-height:20px;background:url(../imgs/button/btn_close_popup.gif) 0 0 no-repeat}

/* 회원가입 정보입력 테이블 */
.tbl-info{border-top:2px solid #000; border-bottom:1px solid #eee; border-collapse:separate;}
.tbl-info .empty-row{height:15px;}
.tbl-info th{font-size:14px;color:#000;vertical-align: middle;line-height: 1;padding:15px 0; text-align:left;}
.tbl-info td{padding:15px 0;font-size:14px;color:#333;line-height: 1;}
.tbl-info td input{width:478px;}
.tbl-info td input::-webkit-input-placeholder,.tbl-info td input::-ms-input-placeholder,.tbl-info td input::placeholder{color:#999; opacity:1;}
.tbl-info .email input{width:20%;}
.tbl-info .email td{line-height:40px;}
.tbl-info .email select{height: 40px; border: 1px solid #ddd; width: 140px; font-size: 14px;}
.tbl-info-wobdt{border-top:0;}

/* 주문할상품 , 할인 및 배송비 */
.order_ver{margin:10px 0 0;font-size:13px;border-top:1px solid #444}
.order_ver .noIncrease{font-size:11px}
.order_ver thead{background:#f3f3f3;border-bottom:solid 1px #dbdbdb}
.order_ver thead th{text-align:center;font-weight:400;padding:10px 0;color:#444}
.order_ver tbody td{text-align:center;padding:10px 0;color:#444;border-bottom:solid 1px #dbdbdb}
.order_ver tbody td strong{color:#000}
.order_ver tbody td button{margin:2px 0}
.order_ver tbody td .forIcon{position:relative;padding:10px 0}
.order_ver tbody td .forIcon img{position:absolute;top:50%;right:0;margin:-15px -15px 0 0}
.order_ver tbody td .x_price{font-weight:500}
.order_ver tbody .priceBig{font-size:14px}
.order_ver tbody .priceBig span{vertical-align:-1px;font-size:21px;font-weight:500}

/* 상품명에 해당하는 영역 : 상품이미지+상품명+옵션+판매자 */
.order_ver td.productimg{padding:15px 0}
.order_ver td.productimg a{display:block;position:relative;width:80px;height:80px}
.order_ver td.productimg img{display:block;width:78px;height:78px;border:1px solid #dedede}
.order_ver td.product{padding:15px;text-align:left}
.order_ver td.product img{margin:0;border:0 none;*vertical-align:middle}
.order_ver td.product span{display:block;margin-top:5px;font-size:12px;color:#999;line-height:18px}
.order_ver td.product span button{font-size:11px;font-weight:500;color:#ca1818;text-decoration:underline;margin:0}
.order_ver td.product span em{color:#ca1818;font-style:normal}

/* 총 비용 */
.order_ver tr.total_price td{background-color:#f7f7f7}
.order_ver tr.total_price td div{float:right;margin:0 10px 0 0;padding:8px 13px;text-align:left;border:1px solid #e6e6e6;background-color:#fff}
.order_ver tr.total_price td div span{display:inline-block;width:0;vertical-align:top;font-size:13px;color:#666;line-height:23px;white-space:nowrap}
.order_ver tr.total_price td div strong{display:inline-block;width:279px;vertical-align:top;text-align:right;font-size:13px;color:#666;line-height:23px;font-weight:500}

/* 추가할인적용 */
.order_hor{clear:both;margin:10px 0 0;font-size:13px;border-top:1px solid #444}
.order_hor th{background:#f3f3f3;border-bottom:solid 1px #dbdbdb;text-align:center;font-weight:400;padding:9px 0 7px;color:#444}
.order_hor td{border-bottom:solid 1px #dbdbdb;text-align:left;padding:10px;color:#666;line-height:16px}
.order_hor td.total span{font-size:15px}
.order_hor td.point strong{color:#000}
.order_hor td.payment span{font-size:19px}
.order_hor tbody .form th{padding:10px 15px;line-height:25px}
.order_hor tbody .form td{padding:10px 15px;line-height:25px}

/* 공통상품 */
.product_box{}
.common_product{position:relative;margin:10px -14px 0;padding:21px 0 0}
.common_product:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;box-sizing:border-box;border-left:14px solid white;border-right:14px solid white;background:black}
.common_product ul:after{content:"";display:block;clear:both}
.common_product li{float:left;width:25%;margin:0 0 30px;padding:0 14px;box-sizing:border-box}
.common_product li .check{margin-bottom:10px}
.common_product li .check input{margin:0}
.common_product li a.link_box,
.common_product li a.link_box>span{display:block}
.common_product li a.link_box .thumb_box{position:relative;overflow:hidden;width:100%;height:229px}
.common_product li a.link_box .thumb_box .thumb{display:block;width:100%;}
.common_product li a.link_box .thumb_box .best{display:block;position:absolute;top:5px;left:5px}
.common_product li a.link_box .info_box{height:132px;padding:12px 5px 0}
.common_product li a.link_box .info_box>span{display:block;color:#333;line-height:22px}
.common_product li a.link_box .info_box .name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;margin:0 0 5px;word-wrap:break-word;font-size:13px;line-height:20px}
.common_product li a.link_box .info_box .summary{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#777}
.common_product li a.link_box .info_box .market,
.common_product li a.link_box .info_box .marketPrice{overflow:hidden;font-size:12px;color:#999;text-decoration:line-through}
.common_product li a.link_box .info_box .price{overflow:hidden;font-size:14px;color:#000}
.common_product li a.link_box .info_box .price .sale{padding:0 0 0 5px;color:#ca1818}
.common_product li a.link_box .info_box .icons{overflow:hidden;margin-top:5px;font-size:12px !important;line-height:0 !important;}
.common_product li a.link_box .info_box .icons img{display:inline-block;height:16px;vertical-align:top}
.common_product li.none_pro{clear:both;width:100%;text-align:center;padding:50px 14px;box-sizing:border-box;color:#999}

.common_product.list2{margin:10px -20px 0 0}
.common_product.list2:before{border-left:20px solid white;border-right:20px solid white}
.common_product.list2 ul li{width:50%;padding:0 20px}
.common_product.list2 li a.link_box .thumb_box{height:470px}

.common_product.list3{margin:10px -35px 0 0}
.common_product.list3:before{border-left:none;border-right:35px solid white}
.common_product.list3 ul{margin:0 -1% 0 0}
.common_product.list3 ul li{width:345px;padding:0 35px 0 0}
.common_product.list3 li a.link_box .thumb_box{height:310px}

.common_product.list5{margin:10px -10px 0}
.common_product.list5:before{border-left:10px solid white;border-right:10px solid white}
.common_product.list5 ul li{float:left;width:20%;padding:0 10px}
.common_product.list5 li a.link_box .thumb_box{height:184px}
.common_product.list5 li.none_pro{padding:50px 10px}

/* 상품관련 */
.pro_name {display:block;color:#444;line-height:16px;font-size:13px;height:32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word}
.pro_name a {color:#444;}
.pro_summary{display:block;font-size:11px;height:16px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;word-wrap:break-word;color:#777;margin-top:5px;text-overflow: ellipsis;white-space: nowrap;}
.pro_market{display: block;overflow: hidden;height: 22px;text-overflow: ellipsis;-o-text-overflow: ellipsis;margin: 0 10px;white-space: nowrap;text-align: center;font-size: 13px;color: #7b7b7b;line-height: 22px;text-decoration: line-through;}
.pro_market2{display: block;overflow: hidden;height: 22px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 13px;color: #7b7b7b;line-height: 22px;text-decoration: line-through;}
.pro_summary a {color:#777}
.org_price{display:block;}
.org_price del{display:block;color:#999;text-decoration:line-through;height:16px;overflow:hidden;margin-top:8px;}
.sale_price{display:block;color:#000;font-size:15px;height:18px;line-height:18px;overflow:hidden;margin-top:6px;}
.icons{display:block;height:16px;overflow:hidden;margin-top:5px;font-size:5px !important;line-height:0 !important;}

.dragDummy{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../imgs/global/dummy.gif) 0 0 repeat}

.smallbutton{display:inline-block;position:relative;margin:0;padding:2px 8px;vertical-align:top;text-align:center;font-size:12px;color:white;line-height:19px;font-weight:400;border:1px solid black;background:#444}
.smallbutton.gray{color:#888;border:1px solid #ccc;background:white}
.smallbutton.red{color:white;border:1px solid red;background:red}

/* 타이틀1 */
.page-title1{padding:99px 0 98px;text-align:center;font-size:38px;color:black;line-height:30px;font-weight:500;font-family:'Pretendard-Regular','Roboto','Noto Sans KR',sans-serif}
.page-title1 .location{padding:47px 0 0;text-align:center;font-size:0;line-height:0}
.page-title1 .location li{display:inline-block;position:relative;margin:0 0 0 20px;padding:0 0 0 26px;vertical-align:top;font-size:14px;color:#999;line-height:13px;font-weight:400;font-family:'Pretendard-Regular','Roboto','Noto Sans KR',sans-serif}
.page-title1 .location li:before{content:"";position:absolute;top:1px;left:0;width:6px;height:11px;background:url(../imgs/global/arrow2.png) 0 0 no-repeat}
.page-title1 .location li:first-child{margin:0;padding:0}
.page-title1 .location li:first-child:before{display:none}
.page-title1 .location li strong{color:#601986;font-weight:400}

/* 타이틀2 */
.page-title2{padding:97px 0 102px;text-align:center;font-size:38px;color:black;line-height:37px;font-weight:500}
.page-title2 .location{margin:0 0 -2px;padding:52px 0 0;text-align:center;font-size:0;line-height:0}
.page-title2 .location li{display:inline-block;position:relative;margin:-4px 20px -2px 0;padding:0 26px 0 0;vertical-align:top;font-size:14px;color:#999;line-height:20px;font-weight:400}
.page-title2 .location li:after{content:"";position:absolute;top:6px;right:0;z-index:1;width:6px;height:11px;background:url(../imgs/global/arrow2.png) 0 0 no-repeat}
.page-title2 .location li:last-child{margin-right:0;padding-right:0}
.page-title2 .location li strong{color:#601986;font-weight:400}
.page-title2 .location li strong:after{content:"";position:absolute;top:6px;right:0;z-index:2;width:6px;height:11px;background:white url(../imgs/global/arrow2_on.png) 0 0 no-repeat}
.page-title2 .location li:last-child:after,
.page-title2 .location li:last-child strong:after{display:none}

.page-title3{font-size: 20px;color: #000;line-height: 1;margin-bottom:30px; margin-top:100px;}
.page-title4{font-size: 20px;color: #000;line-height: 1;margin:0 0 80px;}/* 마이페이지 소제목 */

/* 상품아이템1 */
.product-item{clear:both}
.product-item .list{margin:0 -17px 0 0}
.product-item .list:after{content:"";display:block;clear:both}
.product-item .list .item{position:relative;float:left;width:20%;margin:0 0 50px;box-sizing:border-box;border-right:17px solid transparent}
.product-item .list .item a{display:block}
.product-item .list .item a .img{display:block;position:relative;z-index:1;width:100%;margin:0 0 30px;background-color:white;background-size:cover;background-position:center center;background-repeat:no-repeat}
.product-item .list .item a .img img{display:block;width:100%}
.product-item .list .item a .text{display:block; min-height:108px;}
.product-item .list .item a .text:after{content:"";display:block;clear:both}
.product-item .list .item a .text .brand{float:left;clear:both;width:100%;text-overflow:ellipsis;overflow:hidden;margin:-2px 0 -3px;padding:8px 0 2px;white-space:nowrap;font-size:12px;color:#999;line-height:14px;font-weight:500;font-family:'Pretendard-Regular','Roboto',sans-serif}
.product-item .list .item a .text .name{float:left;clear:both;width:100%;text-overflow:ellipsis;overflow:hidden;margin:-3px 0 -1px;padding:8px 0 2px;white-space:nowrap;font-size:16px;color:#333;line-height:20px}
.product-item .list .item a .text .price{float:left;clear:both;width:100%;text-overflow:ellipsis;overflow:hidden;margin:-4px 0 -2px;padding:13px 0 2px;white-space:nowrap;font-size:18px;color:black;line-height:22px;font-weight:500;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
.product-item .list .item a .text .price del{display:inline-block;margin:3px 0 -1px 8px;vertical-align:top;font-size:14px;color:#999;line-height:20px;font-weight:300}
.product-item .list .item a .text .price strong{display:inline-block;margin:0 0 0 8px;vertical-align:top;color:red;font-weight:400}
.product-item .list .item a .text .ic-c{float:left;width:50px;margin:18px 5px 0 0;padding:1px 0 3px;text-align:center;font-size:12px;color:#777;line-height:18px;background:#eee}
.product-item .list .item a .text .ic-n{float:left;width:50px;margin:18px 5px 0 0;padding:1px 0 3px;text-align:center;font-size:12px;color:#601986;line-height:18px;font-weight:300;background:#e7dded}
.product-item .list .item a .text .ic-e{float:left;width:55px;margin:18px 5px 0 0;padding:1px 0 3px;text-align:center;font-size:12px;color:#3d370e;line-height:18px;font-weight:300;background:#fdde24}
.product-item .list .item a .text .ic-i{float:left;width:50px;padding:1px 0 3px;margin: 18px 5px 0 0;height: 18px;text-align:center;background: url('../imgs/global/candyIcon.png') center center no-repeat; background-size: contain;}
.product-item .list .item a .text>*:first-child{padding-top:0 !important}
.product-item .list .item .wish{position:absolute;top:16px;right:16px;z-index:5;overflow:hidden;width:28px;height:26px;text-indent:-9999px;background:url(../imgs/global/list_wish.png?v=1) center center no-repeat}
.product-item .list .item .wish.active{background:url(../imgs/global/list_wish_on.png) center center no-repeat}
.product-item .list .item.soldout .img:after{content:"품절상품";display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:16px;color:white;line-height:20px;background:rgba(0,0,0,0.5)}
.product-item .list .list-none{margin-bottom:50px;padding:67px 0 89px;text-align:center;font-size:16px;color:black;line-height:24px;border-right:17px solid transparent}
.wish-inner .checkboxDummy{background:url(../imgs/global/list_check.png) no-repeat;width: 28px;height: 28px;position: relative;}
.wish-inner .checkboxDummy.active{background-position: 0px -38px;}
.wish-item .list .item .checkboxDummy{background:url(../imgs/global/list_check.png) no-repeat;width: 28px;height: 28px;right: 0px;position: absolute;bottom: 96px;z-index: 99;}
.wish-item .list .item .checkboxDummy.active{background-position: 0px -38px;}

/* 상품아이템2 */
.slide-product-item{clear:both}
.slide-product-item .list{margin:0 -17px 0 0}
.slide-product-item .list:after{content:"";display:block;clear:both}
.slide-product-item .list .item{position:relative;float:left;width:20%;margin:0 0 50px;box-sizing:border-box;border-right:17px solid transparent}
.slide-product-item .list .item a{display:block}
.slide-product-item .list .item a .img{display:block;position:relative;z-index:1;width:100%;margin:0 0 30px;background-color:white;background-size:cover;background-position:center center;background-repeat:no-repeat}
.slide-product-item .list .item a .img img{display:block;width:100%}
.slide-product-item .list .item a .text{display:block; min-height:108px;}
.slide-product-item .list .item a .text:after{content:"";display:block;clear:both}
.slide-product-item .list .item a .text .brand{float:left;clear:both;width:100%;text-overflow:ellipsis;overflow:hidden;margin:-2px 0 -3px;padding:8px 0 2px;white-space:nowrap;font-size:12px;color:#999;line-height:14px;font-weight:500;font-family:'Pretendard-Regular','Roboto',sans-serif}
.slide-product-item .list .item a .text .name{float:left;clear:both;width:100%;text-overflow:ellipsis;overflow:hidden;margin:-3px 0 -1px;padding:8px 0 2px;white-space:nowrap;font-size:16px;color:#333;line-height:20px}
.slide-product-item .list .item a .text .price{float:left;clear:both;width:100%;text-overflow:ellipsis;overflow:hidden;margin:-4px 0 -2px;padding:13px 0 2px;white-space:nowrap;font-size:18px;color:black;line-height:22px;font-weight:500;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
.slide-product-item .list .item a .text .price del{display:inline-block;margin:3px 0 -1px 8px;vertical-align:top;font-size:14px;color:#999;line-height:20px;font-weight:300}
.slide-product-item .list .item a .text .price strong{display:inline-block;margin:0 0 0 8px;vertical-align:top;color:red;font-weight:400}
.slide-product-item .list .item a .text .ic-c{float:left;width:50px;margin:18px 5px 0 0;padding:1px 0 3px;text-align:center;font-size:12px;color:#777;line-height:18px;background:#eee}
.slide-product-item .list .item a .text .ic-n{float:left;width:50px;margin:18px 5px 0 0;padding:1px 0 3px;text-align:center;font-size:12px;color:#601986;line-height:18px;font-weight:300;background:#e7dded}
.slide-product-item .list .item a .text .ic-e{float:left;width:55px;margin:18px 5px 0 0;padding:1px 0 3px;text-align:center;font-size:12px;color:#3d370e;line-height:18px;font-weight:300;background:#fdde24}
.slide-product-item .list .item a .text .ic-i{float:left;width:50px;padding:1px 0 3px;margin: 18px 5px 0 0;height: 18px;text-align:center;background: url('../imgs/global/candyIcon.png') center center no-repeat; background-size: contain;}
.slide-product-item .list .item a .text>*:first-child{padding-top:0 !important}
.slide-product-item .list .item .wish{position:absolute;top:16px;right:16px;z-index:5;overflow:hidden;width:28px;height:26px;text-indent:-9999px;background:url(../imgs/global/list_wish.png?v=1) center center no-repeat}
.slide-product-item .list .item .wish.active{background:url(../imgs/global/list_wish_on.png) center center no-repeat}
.slide-product-item .list .item.soldout .img:after{content:"품절상품";display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:16px;color:white;line-height:20px;background:rgba(0,0,0,0.5)}
.slide-product-item .list .list-none{margin-bottom:50px;padding:67px 0 89px;text-align:center;font-size:16px;color:black;line-height:24px;border-right:17px solid transparent}
.wish-inner .checkboxDummy{background:url(../imgs/global/list_check.png) no-repeat;width: 28px;height: 28px;position: relative;}
.wish-inner .checkboxDummy.active{background-position: 0px -38px;}
.wish-item .list .item .checkboxDummy{background:url(../imgs/global/list_check.png) no-repeat;width: 28px;height: 28px;right: 0px;position: absolute;bottom: 96px;z-index: 99;}
.wish-item .list .item .checkboxDummy.active{background-position: 0px -38px;}

/* 리스트테이블1 */
.table-list1{table-layout:fixed;clear:both;width:100%;margin:0 0 50px}
.table-list1 thead th{padding:7px 0 10px;white-space:nowrap;text-align:center;font-size:14px;color:black;line-height:23px;font-weight:400;background:#f7f7f7}
.table-list1 tbody td{padding:12px 0 15px;text-align:center;font-size:14px;color:black;line-height:23px;font-weight:400;border-bottom:1px solid #eee}
.table-list1 tbody td.textcell{padding:12px 20px 15px;word-wrap:break-word;text-align:left}
.table-list1 tbody td.textcell a{display:inline-block;vertical-align:top}
.table-list1 tbody .article td{padding:0;text-align:left}
.table-list1 tbody td .lock{display:inline-block;overflow:hidden;width:12px;height:15px;margin:4px 0 4px 10px;vertical-align:top;text-indent:-9999px;background:url(../imgs/global/lock1.png) 0 0 no-repeat}
.table-list1 tbody td.none{padding:83px 0 87px}

/* 데이터테이블1 */
.table-data1{table-layout:fixed;clear:both;width:100%;border-top:2px solid black}
.table-data1 th{padding:12px 20px 15px;word-wrap:break-word;text-align:left;font-size:14px;color:#666;line-height:23px;font-weight:400;border-bottom:1px solid #eee;background:#f7f7f7}
.table-data1 td{padding:12px 20px 15px;word-wrap:break-word;text-align:left;font-size:14px;color:black;line-height:23px;font-weight:400;border-bottom:1px solid #eee}

/* 데이터테이블2 */
.table-data2{table-layout:fixed;clear:both;width:100%}
.table-data2 th{padding:12px 0 14px;vertical-align:top;word-wrap:break-word;text-align:left;font-size:14px;color:black;line-height:18px;font-weight:400}
.table-data2 th.ghost{padding:0;text-indent:-9999px;font-size:0;color:white;line-height:0}
.table-data2 td{padding:12px 0 14px;vertical-align:top;word-wrap:break-word;text-align:left;font-size:14px;color:#333;line-height:18px;font-weight:400}
.table-data2 td .inputDummy{margin-bottom:-2px}
.table-data2 td .inputDummy+label{padding-bottom:0}

/* 데이터테이블3 */
.table-data3{table-layout:fixed;clear:both;width:100%;border-top:2px solid black}
.table-data3 th{padding:14px 0 16px;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:20px;font-weight:400;border-bottom:1px solid #eee;background:#f7f7f7}
.table-data3 td{padding:14px 36px 16px;vertical-align:top;word-wrap:break-word;text-align:left;font-size:14px;color:#666;line-height:20px;font-weight:400;border-bottom:1px solid #eee}
.table-data3 td.highlight{color:#333;font-weight:700}

/* 입력테이블1 */
.insert-table1{table-layout:fixed;clear:both;width:100%}
.insert-table1 th{padding:24px 0 25px;vertical-align:top;text-align:left;font-size:14px;color:black;line-height:21px}
.insert-table1 th.ghost{padding:0;text-indent:-9999px;font-size:0;color:white;line-height:0}
.insert-table1 td{padding:15px 0;vertical-align:top;text-align:left;font-size:14px;color:black;line-height:21px}
.insert-table1 td .text{display:inline-block;padding:9px 0 10px;vertical-align:top}
.insert-table1 td .fn-button{display:inline-block;width:145px;margin:0 0 0 15px;padding:8px 0 9px;box-sizing:border-box;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:21px;border:1px solid #ddd}
.insert-table1 td .fn-button.fill{color:white;border:1px solid black;background:black}
.insert-table1 td .hyphen{display:inline-block;position:relative;overflow:hidden;width:6px;height:40px;margin:0 3px;vertical-align:top;text-indent:-9999px}
.insert-table1 td .hyphen:after{content:"";position:absolute;top:19px;left:0;width:6px;height:1px;background:#333}
.insert-table1 td .at{display:inline-block;width:20px;padding:9px 0 10px;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:21px}
.insert-table1 td .note1{float:left;clear:both;width:100%;margin:3px 0 -5px;font-size:12px;color:black;line-height:23px}
.insert-table1 td .checklist1{margin:0 -30px 0 0}
.insert-table1 td .checklist1:after{content:"";display:block;clear:both}
.insert-table1 td .checklist1 .item{float:left;margin:0 30px 0 0}
.insert-table1 td .checklist2{float:left;margin:0 0 0 -20px}
.insert-table1 td .checklist2:after{content:"";display:block;clear:both}
.insert-table1 td .checklist2 .item{float:left;margin:9px 0 11px 20px}
.insert-table1 td .checklist2 .item .inputDummy{margin:1px 0 -1px}
.insert-table1 td .checklist2 .item .inputDummy+label{margin:0 0 -1px;padding-bottom:0;line-height:21px}
.insert-table1 td .selectDummy.email{margin-left:10px}
.insert-table1 td .selectDummy.memo ul{max-height:241px}
.insert-table1 td .count{clear:both;height:0;margin:-35px 0 35px;padding:0 16px;box-sizing:border-box;text-align:right;font-size:14px;color:black;line-height:20px;font-weight:400}


/* 입력테이블3 */
.insert-table3{table-layout:fixed;clear:both;width:100%;border-top:2px solid black}
.insert-table3 th{padding:14px 0 15px;vertical-align:middle;text-align:center;font-size:14px;color:black;line-height:21px;font-weight:400;border-bottom:1px solid #eee;background:#f7f7f7}
.insert-table3 td{padding:5px 22px;vertical-align:top;border-bottom:1px solid #eee}
.insert-table3 td .note1{float:left;clear:both;width:100%;margin:-2px 0 5px;font-size:12px;color:black;line-height:23px}
.insert-table3 td .fn-button{display:inline-block;width:145px;margin:0 0 0 15px;padding:8px 0 9px;box-sizing:border-box;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:21px;border:1px solid #ddd}
.insert-table3 td .fn-button.fill{color:white;border:1px solid black;background:black}
.insert-table3 td .hyphen{display:inline-block;position:relative;overflow:hidden;width:6px;height:40px;margin:0 3px;vertical-align:top;text-indent:-9999px}
.insert-table3 td .hyphen:after{content:"";position:absolute;top:19px;left:0;width:6px;height:1px;background:#333}
.insert-table3 td .at{display:inline-block;width:20px;padding:9px 0 10px;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:21px}
.insert-table3.big td{padding:20px 36px}

/* 페이징 */
.page-wrap{clear:both;text-align: center;margin-top: 50px;}
.page-wrap div{display: inline-block;}
.page-wrap a{cursor:pointer}
.page-wrap .left a,
.page-wrap .right a{width:20px;height:20px;display: inline-block;text-indent: -9999px;margin: 0 5px;}
.page-wrap .left .first{background:url(../imgs/plan/paging_arrow_first.png) no-repeat;}
.page-wrap .left .prev{background:url(../imgs/plan/paging_arrow_prev.png) no-repeat; text-indent:-9999px;}
.page-wrap .page-num{margin: 0 20px;}
.page-wrap .page-num a{line-height: 20px;width: 22px;height: 22px;border-radius: 50%;background: transparent;display: inline-block;color: #000;margin: 0 5px;}
.page-wrap .page-num a.active{background:#601986;color:#fff;font-weight: 700;}
.page-wrap .right .last{background:url(../imgs/plan/paging_arrow_last.png) no-repeat; text-indent:-9999px;}
.page-wrap .right .next{background:url(../imgs/plan/paging_arrow_next.png) no-repeat; text-indent:-9999px;}

.buttonwrap{clear:both;text-align:center;font-size:0}
.buttonwrap a,
.buttonwrap button{display:inline-block;width:200px;margin:0 10px;padding:12px 0 14px;box-sizing:border-box;text-align:center;white-space:nowrap;font-size:16px;color:black;line-height:22px;border:1px solid #ddd;background:white}
.buttonwrap .small{width:137px}
.buttonwrap .fill{color:white;border-color:black;background:black}

/* 레이어 */
.layerpopup{position:relative;padding:29px;box-sizing:border-box;border:1px solid #ddd;background:white}
.layerpopup.selecton{overflow:hidden}
.layerpopup:after{content:"";display:block;clear:both}
.layerpopup h1{margin:0 0 20px;padding:0 0 13px;text-align:left;font-size:18px;color:black;line-height:14px;font-weight:400;border-bottom:2px solid black}
.layerpopup h1.other {border-bottom:0 none;margin-bottom:10px;}
.layerpopup .close-button{position:absolute;top:29px;right:29px;z-index:10;overflow:hidden;width:17px;height:17px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat}
.layerpopup .message{display:flex;flex-direction:column;justify-content:center;height:82px;margin:0 0 -30px;white-space:nowrap;text-align:center;font-size:14px;color:black;line-height:22px;font-weight:400}
.layerpopup .buttonwrap{margin:0 -5px;padding:30px 0 0}
.layerpopup .buttonwrap a,
.layerpopup .buttonwrap button{width:90px;margin:0 5px;padding:5px 0 7px;font-size:14px;line-height:20px}
.layerpopup .buttonwrap .small{width:65px}
.layerpopup .buttonwrap .big{width:145px}

.adminpopup{position:relative;padding:50px 30px;box-sizing:border-box;background:white}
.adminpopup:after{content:"";display:block;clear:both}
.adminpopup h1{margin:0 0 20px;padding:0 0 13px;text-align:left;font-size:18px;color:black;line-height:14px;font-weight:400;border-bottom:2px solid black}
.adminpopup .buttonwrap{padding-top:50px}

.layer-cont{padding: 0 40px;}
.layer-cont input[type=text]:read-only{background:#fff;}
.layer-cont .note{margin: 20px 0 11px;line-height: 1; font-size:12px;color: #999;}
.layer-cont .btn-bk{width:120px; height:40px; line-height:40px; background:#000; color:#fff; font-size:14px; text-align:center; margin-left:10px;}
.layer-inner{padding: 20px 0 10px;border-bottom: 1px solid #ddd;}
.layer-tbl-info th{font-size:14px;color:#000;vertical-align: top;line-height:40px;text-align: left;padding-bottom: 20px;}
.layer-tbl-info td{padding-bottom:20px;line-height:40px;}
.layer-tbl-info td input{width:100%;}
.layer-tbl-info td select{width:100%;height:40px;border:1px solid #ddd;font-size: 14px;color: #999; padding:8px 10px 9px;}
.layer-tbl-info .phone select{width:81px;}
.layer-tbl-info .hyphen{width: 9px;text-align:center;display: inline-block;line-height: 40px;}
.layer-tbl-info .hyphen:after{content:"";display:inline-block;height:1px;width: 6px;background: #ddd;vertical-align: middle;}
.layer-tbl-info .bank-info th,.layer-tbl-info .bank-info td{padding-bottom:10px;}
.layer-addr .buttonwrap{padding:27px 0 11px;}

/* 1:1문의 주문번호 */
.layerpopup .tbl-normal tr{border-bottom:1px solid #eee;}
.layerpopup .tbl-normal th{background:#f7f7f7;color:#000;font-size:14px;text-align:center;height:50px;line-height:50px;}
.layerpopup .tbl-normal td{text-align:center;font-size:14px;color:#666;padding: 18px 0;word-break: break-all;}
.layerpopup .tbl-normal td:nth-child(3){text-align:left;padding-left: 20px;}
.layerpopup .tbl-normal .list-none td{font-size:14px; color:#000 ; padding:130px 0;}

/* 상품상세 공유하기 */
.layerpopup .share{padding:13px 0 0}
.layerpopup .share dt{text-align:center;font-size:14px;color:black;line-height:20px}
.layerpopup .share dd{margin:0 -29px;padding:19px 0 0;text-align:center;font-size:0}
.layerpopup .share dd a,
.layerpopup .share dd button{display:inline-block;margin:0 7px;vertical-align:top}
.layerpopup .share dd img{display:inline-block;width:64px;height:64px;vertical-align:top}

/* 상품상세 Q&A작성 */
.layerpopup .qnawrite{float:left;margin:-5px 0 -15px}
.layerpopup .qnawrite .emailcell{padding:10px 0 0;font-size:0}
.layerpopup .qnawrite .emailcell .selectDummy{margin-left:10px}

/* 상품상세 상품정보 */
.layerpopup .detailhtml{word-wrap:break-word;text-align:left;font-size:14px;color:#666;line-height:23px;font-weight:400}
.layerpopup .detailhtml img,
.layerpopup .detailhtml table{max-width:100%}

/* 주문 쿠폰 조회 및 적용 */
.layerpopup.ordercoupon .orderlist{float:left;clear:both;width:100%;margin:-20px 0 36px;padding:0 16px;box-sizing:border-box}
.layerpopup.ordercoupon .orderlist .item{padding:0 0 20px;border-bottom:1px solid #ddd}
.layerpopup.ordercoupon .orderlist .item .product{position:relative;min-height:90px;padding:10px 0 40px 100px;font-size:12px;line-height:20px}
.layerpopup.ordercoupon .orderlist .item .product:before{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;height:46px;background:white}
.layerpopup.ordercoupon .orderlist .item .product:after{content:"";display:block;clear:both}
.layerpopup.ordercoupon .orderlist .item .product .img{position:absolute;top:20px;left:0;z-index:2;width:84px;height:120px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.layerpopup.ordercoupon .orderlist .item .product .img .label{position:absolute;bottom:0;left:0;width:100%;padding:1px 0;text-align:center;font-size:12px;color:white;line-height:18px;font-weight:400;background:#601986}
.layerpopup.ordercoupon .orderlist .item .product .text{float:left;clear:both;width:100%;margin:0 0 5px;padding:4px 0 10px;border-bottom:1px solid #eee}
.layerpopup.ordercoupon .orderlist .item .product .text span{float:left;clear:both;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.layerpopup.ordercoupon .orderlist .item .product .text .brand{color:#666}
.layerpopup.ordercoupon .orderlist .item .product .text .name{margin:0 0 10px;color:black}
.layerpopup.ordercoupon .orderlist .item .product .text .option{color:#999}
.layerpopup.ordercoupon .orderlist .item .product .notice{position:absolute;bottom:-4px;left:100px;z-index:2}
.layerpopup.ordercoupon .orderlist .item .product .notice:after{content:"";display:block;clear:both}
.layerpopup.ordercoupon .orderlist .item .product .notice span{float:left;clear:none;margin:0 20px 0 0;font-size:12px;color:#999;line-height:20px}
.layerpopup.ordercoupon .orderlist .item .coupon{position:relative;height:40px;padding:20px 0 0 100px}
.layerpopup.ordercoupon .orderlist .item .coupon:before{content:"할인 쿠폰";position:absolute;top:20px;left:0;padding:9px 0 10px;font-size:14px;color:black;line-height:21px}
.layerpopup.ordercoupon .orderlist .item.set .product .img .label{background:#ff6a6a}
.layerpopup.ordercoupon .orderlist .item.soldout .product .img .label{background:#999}
.layerpopup.ordercoupon .etccoupon{clear:both;margin:0 16px 36px}
.layerpopup.ordercoupon .etccoupon:after{content:"";display:block;clear:both}
.layerpopup.ordercoupon .etccoupon dt{float:left;margin:-4px 0 -2px;font-size:14px;color:red;line-height:20px}
.layerpopup.ordercoupon .etccoupon dd{position:relative;clear:both;height:40px;padding:20px 0 0 100px}
.layerpopup.ordercoupon .etccoupon dd.cart:before{content:"장바구니 쿠폰";position:absolute;top:20px;left:0;padding:9px 0 10px;font-size:14px;color:black;line-height:21px}
.layerpopup.ordercoupon .etccoupon dd.brand:before{content:"브랜드 쿠폰";position:absolute;top:20px;left:0;padding:9px 0 10px;font-size:14px;color:black;line-height:21px}
.layerpopup.ordercoupon .etccoupon dd.delivery:before{content:"무료배송 쿠폰";position:absolute;top:20px;left:0;padding:9px 0 10px;font-size:14px;color:black;line-height:21px}
.layerpopup.ordercoupon .buttonwrap{padding:0 0 6px}
.layerpopup.ordercoupon .buttonwrap a,
.layerpopup.ordercoupon .buttonwrap button{width:auto;min-width:154px;padding:9px 14px 11px}
.layerpopup.ordercoupon .warning{float:left;clear:both;width:100%;margin:0 0 -5px;padding:30px 0 0;word-wrap:break-word;font-size:14px;color:#999;line-height:26px}
.layerpopup.ordercoupon .warning dt{margin:-7px 0 0;padding:0 0 2px;font-size:14px;color:black;line-height:26px}
.layerpopup.ordercoupon .warning li{position:relative;padding:0 0 0 13px;font-size:14px;color:#999;line-height:26px}
.layerpopup.ordercoupon .warning li:before{content:"ㆍ";position:absolute;top:0;left:0}

/* 주문 배송지 목록 */
.layerpopup.orderaddress .addressdefault dt{margin:-4px 0 0;padding:0 26px 13px;font-size:14px;color:black;line-height:20px;border-bottom:1px solid #f7f7f7}
.layerpopup.orderaddress .addressdefault dd{position:relative;padding:6px 0 8px 5px}
.layerpopup.orderaddress .addressdefault dd:before{content:"";position:absolute;top:0;left:0;z-index:2;width:26px;height:100%;background:white}
.layerpopup.orderaddress .addressdefault dd span{display:block;margin:0 0 0 21px;padding:5px 0;font-size:14px;color:#666;line-height:20px}
.layerpopup.orderaddress .addressdefault dd .name{color:black}
.layerpopup.orderaddress .addressdefault dd .tel{display:inline-block;position:relative;z-index:1;margin:0 20px 0 0;padding:5px 0 2px 21px;vertical-align:top;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
.layerpopup.orderaddress .addressdefault dd .tel:before{content:"";position:absolute;top:9px;left:0;width:1px;height:11px;background:#999}
.layerpopup.orderaddress .addresslist{overflow-y:auto;max-height:203px;padding:0 16px;background:#f7f7f7}
.layerpopup.orderaddress .addresslist .item{position:relative;border-top:1px solid #eee}
.layerpopup.orderaddress .addresslist .item:first-child{border-top:none}
.layerpopup.orderaddress .addresslist .item label{display:block;position:relative;padding:6px 0 8px 19px}
.layerpopup.orderaddress .addresslist .item label:before{content:"";position:absolute;top:0;left:0;z-index:2;width:40px;height:100%;background:#f7f7f7}
.layerpopup.orderaddress .addresslist .item label:after{content:"";display:block;clear:both}
.layerpopup.orderaddress .addresslist .item label span{display:block;margin:0 0 0 21px;padding:5px 0;font-size:14px;color:#666;line-height:20px}
.layerpopup.orderaddress .addresslist .item label .name{color:black}
.layerpopup.orderaddress .addresslist .item label .tel{display:inline-block;position:relative;z-index:1;margin:0 20px 0 0;padding:5px 0 2px 21px;vertical-align:top;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
.layerpopup.orderaddress .addresslist .item label .tel:before{content:"";position:absolute;top:9px;left:0;width:1px;height:11px;background:#999}
.layerpopup.orderaddress .addresslist .item .inputDummy{position:absolute;top:50%;left:10px;z-index:3;margin:-10px 0 0}
.layerpopup.orderaddress .addresslist .list-none{padding:89px 0 91px;text-align:center;font-size:14px;color:#666;line-height:20px}

/* 주문 구매동의 */
.layerpopup.orderagree .policylist .item .button{position:relative;width:100%;padding:14px 40px 16px 15px;box-sizing:border-box;text-align:left;font-size:14px;color:#666;line-height:20px;border-bottom:1px solid #eee}
.layerpopup.orderagree .policylist .item .button:after{content:"보기";position:absolute;top:14px;right:0;width:40px;color:#999}
.layerpopup.orderagree .policylist .item .content{overflow:hidden;height:0;box-sizing:border-box;word-wrap:break-word;text-align:left;font-size:14px;color:#666;line-height:1.45;background:#eee}
.layerpopup.orderagree .policylist .item .content table,
.layerpopup.orderagree .policylist .item .content img{max-width:100%}
.layerpopup.orderagree .policylist .item.active .button{color:black;border-bottom:none}
.layerpopup.orderagree .policylist .item.active .button:after{content:"닫기"}
.layerpopup.orderagree .policylist .item.active .content{overflow-y:auto;height:200px;padding:14px 15px 16px;background:#f8f8f8}
.layerpopup.orderagree .singlecontent{clear:both;overflow-y:auto;height:200px;padding:14px 15px 16px;box-sizing:border-box;word-wrap:break-word;text-align:left;font-size:14px;color:#666;line-height:1.45;background:#f8f8f8}
.layerpopup.orderagree .singlecontent table,
.layerpopup.orderagree .singlecontent img{max-width:100%}

/* 클레임 환불계좌 목록 */
.layerpopup.claimbank h1{margin-bottom:15px}
.layerpopup.claimbank .banklist{margin:0 26px}
.layerpopup.claimbank .banklist .item{padding:15px 0 9px;border-top:1px solid #eee}
.layerpopup.claimbank .banklist .item:first-child{border-top:none}
.layerpopup.claimbank .banklist .item label span{display:inline-block;margin:0 0 0 15px;vertical-align:top;color:#601986}
.layerpopup.claimbank .banklist .item .box{display:block;padding:9px 0 0 28px;font-size:14px;color:#666;line-height:25px}
.layerpopup.claimbank .banklist .list-none{padding:89px 0 91px;text-align:center;font-size:14px;color:#666;line-height:20px}

/* 마이페이지 송장등록 */
.layerpopup .mypagereg{width:360px;margin:-5px auto}

#layerdialogdim{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;opacity:0;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;background:rgba(0,0,0,0.5)}
#layerdialog{position:fixed;top:50%;left:50%;z-index:9999;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:360px;max-height:calc(100% - 40px);padding:29px;opacity:0;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;box-sizing:border-box;border:1px solid #ddd;background:white}
#layerdialog h1{display:flex;flex-direction:column;justify-content:center;min-height:90px;white-space:nowrap;text-align:center;font-size:14px;color:black;line-height:22px;font-weight:400}
#layerdialog .close-button{position:absolute;top:29px;right:29px;z-index:10;overflow:hidden;width:17px;height:17px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat}
#layerdialog .buttonwrap{clear:both;margin:0 -5px;text-align:center;font-size:0}
#layerdialog .buttonwrap a,
#layerdialog .buttonwrap button{display:inline-block;width:145px;margin:0 5px;padding:5px 0 7px;box-sizing:border-box;text-align:center;white-space:nowrap;font-size:14px;color:black;line-height:20px;border:1px solid #ddd;background:white}
#layerdialog .buttonwrap .fill{color:white;border-color:black;background:black}



/*
input[type=text],
input[type=password]{float:left;width:100%;height:40px;padding:0 14px 2px;box-sizing:border-box;font-size:15px;color:#666;font-weight:300;letter-spacing:-0.02em;line-height:37px;border:1px solid #d6d6d6;background:white}
input[type=radio]{float:left;opacity:0;filter:alpha(opacity=0)}
.radioDummy{position:relative;float:left;width:18px;height:18px;margin:3px 0;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:100%}
.radioDummy input[type=radio]{position:absolute;top:-1px;left:-1px;z-index:2;width:18px;height:18px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.radioDummy.active{border:1px solid #222}
.radioDummy.active:after{content:"";position:absolute;top:3px;left:3px;z-index:1;width:10px;height:10px;border-radius:100%;background:#222}
.radioDummy.disabled:before{content:"";position:absolute;top:-1px;left:-1px;z-index:3;width:18px;height:18px;opacity:0.2;filter:alpha(opacity=20);border-radius:100%;background:#222}
input[type=checkbox]{float:left;opacity:0;filter:alpha(opacity=0)}
.checkboxDummy{position:relative;float:left;width:24px;height:24px;box-sizing:border-box;border:1px solid #d6d6d6;background:white}
.checkboxDummy input[type=checkbox]{position:absolute;top:-1px;left:-1px;z-index:2;width:24px;height:24px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.checkboxDummy.active:after{content:"";position:absolute;top:5px;left:4px;z-index:1;width:14px;height:11px;background:url(/image/web/global/checkbox1.png) 0 0 no-repeat}
.checkboxDummy.disabled:before{content:"";position:absolute;top:-1px;left:-1px;z-index:3;width:24px;height:24px;opacity:0.2;filter:alpha(opacity=20);background:#222}
.inputDummy+label{float:left;margin:0 0 0 10px;padding:1px 0;font-size:15px;color:#666;line-height:22px;font-weight:300;font-family:'Pretendard-Regular','Noto Sans KR'}
select{float:left;opacity:0;filter:alpha(opacity=0)}
.selectDummy{position:relative;float:left;width:100%;min-width:80px;height:40px;background:white}
.selectDummy select{position:absolute;top:0;left:-9999px;z-index:-1}
.selectDummy span{position:relative;z-index:2;float:left;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;width:100%;height:40px;padding:0 43px 0 14px;box-sizing:border-box;white-space:nowrap;text-align:left;font-size:15px;color:#666;font-weight:300;line-height:37px;cursor:pointer;border:1px solid #d6d6d6}
.selectDummy span:before{content:"";position:absolute;top:0;right:0;z-index:1;width:43px;height:38px;background:white}
.selectDummy span:after{content:"";position:absolute;top:15px;right:15px;z-index:2;width:13px;height:8px;opacity:0.69;filter:alpha(opacity=69);background:url(/image/web/global/select1.png) 0 0 no-repeat}
.selectDummy ul{position:absolute;left:0;z-index:4;overflow-y:hidden;max-height:200px;clear:both;width:100%;height:0;box-sizing:border-box;border:1px solid #d6d6d6;background:white}
.selectDummy ul li:after{content:"";display:block;clear:both}
.selectDummy ul li span{height:30px;padding:0 14px;color:#a8a8a8;line-height:27px;border:none}
.selectDummy ul li span:hover{color:#666}
.selectDummy ul li span:before,
.selectDummy ul li span:after{display:none}
.selectDummy ul li.selected span{background-color:#f5f5f5; color:#222}
.selectDummy.active span:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.selectDummy.disabled:before{content:"";position:absolute;top:0;left:0;z-index:5;width:100%;height:100%}
.selectDummy.disabled span{color:#a8a8a8 !important}
.selectDummy.disabled span:after{opacity:0.2 !important;filter:alpha(opacity=20) !important}
textarea{float:left;width:100%;padding:9px 14px 10px;box-sizing:border-box;font-size:15px;color:#666;font-weight:300;line-height:19px;resize:none;border:1px solid #d6d6d6;background:white}
input[type=text]:disabled,
input[type=password]:disabled,
textarea:disabled{opacity:0.5;filter:alpha(opacity=50)}
::-webkit-input-placeholder{color:#a8a8a8}
::-webkit-textarea-placeholder{color:#a8a8a8}
*/

.period-search{position:relative;clear:both;margin:0 0 10px;padding:13px 40px;text-align:right;font-size:0;background:#f7f7f7}
.period-search:after{content:"";display:block;clear:both}
.period-search dl{float:left}
.period-search dl dt{float:left;margin:0 18px 0 0;padding:6px 0 7px;font-size:14px;color:#555;line-height:21px}
.period-search dl dd{position:relative;float:left;margin:0 4px 0 0}
.period-search dl dd input[type=radio]{position:absolute;top:0;left:0;z-index:1;opacity:0}
.period-search dl dd label{display:block;position:relative;z-index:2;width:70px;padding:5px 0 6px;text-align:center;font-size:14px;color:#666;line-height:21px;border:1px solid white;background:white}
.period-search dl dd input[type=radio]:checked+label{color:white;border-color:black;background:black}
.period-search input[type=text]{width:140px;padding:5px 10px 6px;color:black;font-weight:300;background:white}
.period-search .calendar{display:inline-block;position:relative;width:37px;height:34px;margin:0 0 0 -37px;vertical-align:top;text-indent:-9999px;background:url(../imgs/global/calendar1.png) center center no-repeat}
.period-search .term{display:inline-block;width:17px;padding:6px 0 7px;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:21px}
.period-search .submit{display:inline-block;width:66px;margin:0 0 0 10px;padding:5px 0 6px;vertical-align:top;text-align:center;font-size:14px;color:white;line-height:21px;border:1px solid black;background:black}

.myorder-table{table-layout:fixed;clear:both;width:100%}
.myorder-table .inputDummy{margin:1px 0 -1px}
.myorder-table thead th{padding:14px 20px 16px;text-align:center;font-size:14px;color:#555;line-height:20px;background:#f7f7f7}
.myorder-table thead th.check{text-align:left}
.myorder-table thead th.gift{padding-right:30px}
.myorder-table tbody tr.dimm{position:relative;}
.myorder-table tbody tr.dimm td:after{display: block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index: 100;}
.myorder-table tbody tr.dimm td:nth-of-type(3):after{content:"*폐쇄몰 기획전 구매상품은 교환/반품이 불가합니다.";color: #76199d;line-height: 22;}
.myorder-table tbody td{position:relative;padding:14px 0 16px;vertical-align:middle;text-align:center;font-size:14px;color:black;line-height:20px;font-weight:300;border-bottom:1px solid #eee}
.myorder-table tbody td.check{padding:14px 20px 16px;text-align:left}
.myorder-table tbody td.gift{padding-right:10px}
.myorder-table tbody td.img{padding:20px 30px 20px 0;vertical-align:top}
.myorder-table tbody td.img a{display:inline-block;position:relative;width:112px;height:160px;vertical-align:top;background-size:cover;background-position:center center;background-repeat:no-repeat}
.myorder-table tbody td.img a .label{position:absolute;bottom:0;left:0;width:100%;padding:1px 0;text-align:center;font-size:12px;color:white;line-height:18px;font-weight:400;background:#601986}
.myorder-table tbody td.img a .setlabel{position:absolute;bottom:0;left:0;width:100%;padding:1px 0;text-align:center;font-size:12px;color:white;line-height:18px;font-weight:400;background:#ff6a6a}
.myorder-table tbody td.img a .cllabel{position:absolute;bottom:0;left:0;width:100%;padding:1px 0;text-align:center;font-size:12px;color:white;line-height:18px;font-weight:400;background:black}
.myorder-table tbody td.text{padding:0 20px 0 0;vertical-align:top;word-wrap:break-word;text-align:left;font-weight:400}
.myorder-table tbody td.text a{float:left;clear:both;width:100%;padding:15px 0 6px;border-top:1px solid #eee}
.myorder-table tbody td.text a:first-child{border-top:none}
.myorder-table tbody td.text a span{float:left;clear:both}
.myorder-table tbody td.text a .brand{margin:0 0 11px;font-size:14px;color:#666;line-height:20px}
.myorder-table tbody td.text a .name{margin:0 0 11px;font-size:16px;color:black;line-height:24px}
.myorder-table tbody td.text a .option{margin:0 0 11px;font-size:14px;color:#999;line-height:22px}
.myorder-table tbody td.text .selectDummy{float:right;min-width:70px;margin:-20px 0 0}
.myorder-table tbody td.clea{padding:0 0 0 20px}
.myorder-table tbody td.clea .selectDummy{min-width:70px}
.myorder-table tbody td.textn{padding:0 20px 0 0;vertical-align:middle;word-wrap:break-word;text-align:left;font-weight:400}
.myorder-table tbody td.textn a{display:inline-block}
.myorder-table tbody td.textn a:after{content:"";display:block;clear:both}
.myorder-table tbody td.textn a span{float:left;clear:both}
.myorder-table tbody td.textn a .brand{margin:5px 0 6px;font-size:14px;color:#666;line-height:20px}
.myorder-table tbody td.textn a .name{margin:5px 0 6px;font-size:16px;color:black;line-height:24px}
.myorder-table tbody td.textn a .option{margin:5px 0 6px;font-size:14px;color:#999;line-height:22px}
.myorder-table tbody td.state{padding:0 0 2px;color:#76199d;line-height:18px;font-weight:400}
.myorder-table tbody td.state a,
.myorder-table tbody td.state button{display:block;width:90px;margin:4px auto 0;padding:5px 0 7px;box-sizing:border-box;font-size:14px;color:#555;line-height:20px;font-weight:400;border:1px solid #f7f7f7;background:#f7f7f7}
.myorder-table tbody td.state a:first-child,
.myorder-table tbody td.state button:first-child{margin-top:11px}
.myorder-table tbody td.state .fill{color:white;border-color:#76199d;background:#76199d}
.myorder-table tbody td.state .delivery{position:relative;width:70px;padding:7px 0 9px;color:black;border:none;background:none}
.myorder-table tbody td.state .delivery:before{content:"";position:absolute;bottom:8px;left:0;width:100%;height:1px;background:black}
.myorder-table tbody td.state .delivery:after{content:"";display:inline-block;width:0;height:0;margin:7px 0 0 8px;vertical-align:top;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid black}
.myorder-table tbody td.state .review-button{width:145px;margin:2px auto 0 !important;color:white;border:1px solid black;background:black}
.myorder-table tbody td.state .orderlink{display: inline; margin: 0; vertical-align: top; color: black; background: 0; border: 0; padding: 0;}
.myorder-table tbody td .orderlabel{display:block;width:88px;margin:0 auto 5px;padding:5px 0 7px;text-align:center;color:#555;font-weight:400;border:1px solid #ddd}
.myorder-table tbody td .ordernumber{display:block;padding:2px 0;font-size:16px}
.myorder-table tbody td .orderlink{display:inline-block;position:relative;margin:18px 0 0;vertical-align:top;color:black}
.myorder-table tbody td .orderlink:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:black}
.myorder-table tbody td .price{display:inline-block;margin:1px 0 -1px;vertical-align:top;font-weight:400;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
.myorder-table tbody td .discount{display:inline-block;margin:13px 0 0;vertical-align:top;font-size:12px;color:#666;line-height:18px}
.myorder-table.claim-table tbody td{border-bottom:0;}

.myorder-section{position:relative;clear:both;padding:50px 0 0}
.myorder-section:after{content:"";display:block;clear:both}
.myorder-section h3{position:relative;padding:30px 0 22px;font-size:20px;color:black;line-height:17px;font-weight:500}
.myorder-section h3 span{display:inline-block;margin:3px 0 -3px 5px;vertical-align:top;font-size:14px;font-weight:300}
.myorder-section h3 .more{position:absolute;top:33px;right:0;padding:0 18px 0 0;font-size:14px;font-weight:400;background:url(../imgs/global/arrow4.png) right 5px top 4px no-repeat}
.myorder-section .util{position:absolute;top:65px;right:0}
.myorder-section .util a,
.myorder-section .util button{float:left;margin:0 0 0 10px;padding:5px 19px 6px;box-sizing:border-box;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:21px;border:1px solid #555;background:white}
.myorder-section .util .fill{color:white;border-color:black;background:black}
.myorder-section:first-child{padding:0}
.myorder-section:first-child h3{padding:0 0 22px}
.myorder-section:first-child h3 .more{top:3px}
.myorder-section:first-child .util{top:-15px}
.myorder-section .utilfoot{float:right;margin:0 0 20px}
.myorder-section .utilfoot a,
.myorder-section .utilfoot button{float:left;margin:0 0 0 10px;padding:5px 19px 6px;box-sizing:border-box;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:21px;border:1px solid #555;background:white}
.myorder-section .utilfoot .fill{color:white;border-color:black;background:black}
.myorder-section .page-tab{display:flex;clear:both;margin:0 0 20px}
.myorder-section .page-tab li{flex-grow:1;flex-shrink:1;flex-basis:0}
.myorder-section .page-tab li a{display:block;padding:16px 0;text-align:center;font-size:20px;color:black;line-height:26px;border:1px solid #ddd}
.myorder-section .page-tab li.active a{color:white;border-color:#601986;background:#601986}
.myorder-section .old-delivery{clear:both;margin:0 -10px 0 0}
.myorder-section .old-delivery li{float:left;width:25%;padding:0 10px 0 0;box-sizing:border-box}
.myorder-section .old-delivery li a{display:block;padding:12px 0 14px;text-align:center;font-size:18px;color:black;line-height:24px;border:1px solid #ddd}
.myorder-section .list-summary{display:flex;clear:both;padding:43px 54px 40px;border:1px solid #ddd}
.myorder-section .list-summary:after{content:"";display:block;clear:both}
.myorder-section .list-summary li{flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;text-align:center;font-size:14px;color:#666;line-height:20px}
.myorder-section .list-summary li:before{content:"";position:absolute;top:15px;left:-8px;width:16px;height:29px;background:url(../imgs/global/arrow3.png) 0 0 no-repeat}
.myorder-section .list-summary li:first-child:before{display:none}
.myorder-section .list-summary li strong{display:block;padding:8px 0 0;font-size:26px;color:#333;line-height:37px;font-weight:700;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif}
.myorder-section .detail-summary{clear:both;padding:0 0 20px}
.myorder-section .detail-summary:after{content:"";display:block;clear:both}
.myorder-section .detail-summary li{margin:-4px 0 -3px;font-size:14px;color:black;line-height:20px}
.myorder-section .detail-summary .ordernumber{float:left}
.myorder-section .detail-summary .orderdate{float:right}
.myorder-section .claim-summary{clear:both;margin:0 0 30px;padding:24px 83px 26px;background:#f7f7f7}
.myorder-section .claim-summary li{padding:2px 0;word-wrap:break-word;font-size:14px;color:#666;line-height:20px}
.myorder-section .insert-table3 td .default{display:inline-block;margin:9px 0 11px 40px;vertical-align:top}
.myorder-section .insert-table3 td .default .inputDummy{margin:1px 0 -1px}
.myorder-section .insert-table3 td .default .inputDummy+label{margin:0 0 -1px;padding-bottom:0;line-height:21px}
.myorder-section .table-data3 td .checklist1{margin:1px -130px -1px 0}
.myorder-section .table-data3 td .checklist1:after{content:"";display:block;clear:both}
.myorder-section .table-data3 td .checklist1 .item{float:left;margin:0 130px 0 0}
.myorder-section .table-data3 td .checklist1 .item label{color:#666}
.myorder-section .table-data3 td .paycontent{float:left;width:100%;margin:-15px 0 -1px 0}
.myorder-section .table-data3 td .paycontent .item{float:left;margin:16px 32px 0 0}
.myorder-section .table-data3 td .paycontent .item label{color:#666}
.myorder-section .pickuptype{clear:both;padding:17px 58px 20px;background:#f7f7f7}
.myorder-section .pickuptype p{padding:0 0 12px;font-size:14px;color:#666;line-height:18px}
.myorder-section .pickuptype .fn-button{display:inline-block;width:145px;margin:0 0 0 20px;padding:8px 0 9px;box-sizing:border-box;vertical-align:top;text-align:center;font-size:14px;color:white;line-height:21px;border:1px solid black;background:black}
.myorder-section .sendtype{clear:both;margin:0 0 -2px;padding:16px 58px 0}
.myorder-section .sendtype p{font-size:14px;color:#555;line-height:20px}
.myorder-section .product-item .list .item{width:20%;margin:0;border-right:17px solid transparent}
.myorder-section .product-item .list .list-none{margin-bottom:0;padding:87px 0 89px;border-right:17px solid transparent}
.myorder-section .review-banner{clear:both}
.myorder-section .review-banner img{display:block}
.myorder-section .review-info{clear:both;padding:16px 20px 17px;word-wrap:break-word;text-align:left;font-size:14px;color:#666;line-height:20px}
.myorder-section .review-none{clear:both;padding:119px 0 140px;text-align:center;font-size:18px;color:#999;line-height:24px;border-bottom:1px solid #ddd}

.myorder-claiminfo{clear:both;margin:50px 0 0;padding:48px 50px 47px;background:#f7f7f7}
.myorder-claiminfo h3{font-size:16px;color:black;line-height:18px;font-weight:400}
.myorder-claiminfo dl{padding:20px 0 0;word-wrap:break-word;font-size:14px;color:#666;line-height:20px}
.myorder-claiminfo strong{color:red;font-weight:400}
dl.myorder-claiminfo{padding:38px 65px 40px;font-size:14px;color:#666;line-height:24px}

#container .main-popup{position:fixed;top:50%;left:50%;z-index:-9999;width:350px;transform:translateY(-50%);margin-left:-175px;background:#000;}
#container .main-popup .stage{position:relative;z-index:1;overflow:hidden;width:100%}
#container .main-popup .stage:after{content:"";display:block;clear:both}
#container .main-popup .stage .item-list{visibility:hidden;position:absolute;top:0;left:0;z-index:1;float:left;width:100%}
#container .main-popup .stage .item-list.active{position:relative;z-index:2}
#container .main-popup .stage .item-list img{display:block;width:100%}
#container .main-popup.lock .stage{cursor:move}
#container .main-popup.lock .stage .item-list:after{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}
#container .main-popup .indicator{position: absolute;z-index:3;bottom: 60px;width: 100%;}
#container .main-popup .indicator ul{text-align:center;}
#container .main-popup .indicator ul li{display: inline-block; margin:0 5px;}
#container .main-popup .indicator ul li button{text-indent:-9999px;width: 8px;height: 8px;border-radius: 50%;background: #fff;}
#container .main-popup .indicator ul li.active button{background:#000;}
#container .main-popup .pop-bottom{background:#000;padding: 10px;}
#container .main-popup .pop-bottom .inputDummy+label{color:#fff;}
#container .main-popup .pop-bottom .close{float:right;color:#fff;padding:0 5px;margin-right:5px;font-size:14px;line-height:18px;}

/* 사은품 */
.layer-cont.layer-gift {padding:0;}
.layer-cont.layer-gift .note {background:#f7f7f7;padding:15px;margin:0;border-bottom:1px solid #eee;line-height:1.5}