@charset "euc-kr";

/* ==================================================
// À¥ÆùÆ®
================================================== */
@font-face {
	font-family:"NanumMyeongjo-ExtraBold";
	font-style:normal;
	font-weight:normal;
	src:url("../font/NanumMyeongjo-ExtraBold.eot");
	src:local(¡Ø), url("../font/NanumMyeongjo-ExtraBold.woff") format("woff");
}


/* ==================================================
// ³ë¸Ö¶óÀÌÁî
================================================== */
*{box-sizing:border-box; margin:0; padding:0; vertical-align:top; color:inherit; font:inherit; letter-spacing:inherit;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}

audio,
canvas,
progress,
video{display:inline-block;}

audio:not([controls]){display:none;}

q:before,
q:after{content:none;}

ul,
ol,
li{list-style:none;}

table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
caption{text-align:left;}
th,
td{vertical-align:middle; text-align:center;}

address{font-style:normal;}
label{display:inline-block;}
a{display:inline-block; text-decoration:none;}

hr{height:0;}
pre{white-space:pre-line;}

fieldset{border:0;}
iframe{border:0; vertical-align:baseline;}

svg:not(:root){overflow:hidden;}

img,
legend{border:0;}

textarea{border-radius:0; resize:none; -webkit-appearance:none;}/* padding ios¿¡¼­ °¡·Î 2px ÁÙ¿© Àû¿ë */

input:not(input[type="radio"]){border-radius:0; resize:none;}
input::-ms-clear{display:none;}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input::-webkit-search-cancel-button,
input::-webkit-calendar-picker-indicator{display:none; -webkit-appearance:none;}

input::-webkit-input-placeholder{padding-top:2px;}
textarea::-webkit-input-placeholder{text-indent:3px;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{opacity:0;}

@media (min-resolution:.001dpcm) {/* Chrome */
	textarea::-webkit-input-placeholder{text-indent:0;}
	input::-webkit-input-placeholder{padding-top:1px;}
}

[type="button"],
[type="reset"],
[type="submit"],
[type="file"]{cursor:pointer;}

[type="number"],
[type="email"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="url"]{border:1px solid #000; -webkit-appearance:none; -moz-appearance:textfield;}

[type*="date"],
[type="month"],
[type="time"],
[type="week"]{border:1px solid #000;}

[hidden]{display:none;}
[disabled]{cursor:default;}

button{border:0; background:transparent; cursor:pointer;}
button > *{position:relative;}
button:focus{outline:none;}

button::-moz-focus-inner,
input::-moz-focus-inner{padding:0; border:0;}

select{border-radius:0;}


/* ==================================================
// °øÅë
================================================== */
/* ½ºÅµ³×ºñ */
nav.skip{position:fixed; z-index:1000; top:-100px; left:0; padding:10px 0; width:100%; border-bottom:1px solid #000; background:#000; text-align:center;}
nav.skip.on{top:0;}
nav.skip a{color:#fff; font-weight:bold;}


/* ==================================================
// ·¹À̾ƿô
================================================== */
html,
body{min-width:320px; width:100%; height:100%; background:#fff;}
html{color:#3c3c3c; font:10px/1 "HelveticaNeue",sans-serif; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
body{position:relative;}
img{width:100%;}

#page{position:relative;}
#content{position:relative; padding-bottom:20px;}


/* ==================================================
// Çì´õ
================================================== */
/* 161221 ¼öÁ¤ */
#header{position:relative; z-index:98; width:100%; background:#fff;}/* 170102 ¼öÁ¤ */
#header h1{padding:23px 0 21px 20px; text-align:left;}
#header h1 a{position:relative;}
#header h1 img{width:auto; height:17px;}

#header a.mall-go{position:absolute; right:20px; top:5px;}
#header a.mall-go img{width:50px;}
/* // 161221 ¼öÁ¤ */

/* GNB */
#header div.gnb{height:40px; display:none;}/* 161221 ¼öÁ¤ */
#header div.gnb nav{position:relative; z-index:1; height:40px; background:#191919;}
#header div.gnb.fixed nav{position:fixed; top:0; left:0; width:100%;}
#header div.gnb-main{overflow:hidden; position:relative; height:100%;}
#header div.gnb-main ul{position:relative; height:100%;}
#header div.gnb-main li{position:absolute; top:0; left:-100%;}
#header div.gnb-main li:last-child{background:#65006a;}/* 161206 ¼öÁ¤ */
#header div.gnb-main a{display:block; padding:0 18px; height:40px; color:#fff; font-weight:bold; font-size:14px; line-height:40px; letter-spacing:1.5px; white-space:nowrap;}/* 161205 ¼öÁ¤ */

#header div.gnb-sub{visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); opacity:0; -webkit-transition:0.4s; transition:0.4s; -webkit-transition-property:visibility,opacity; transition-property:visibility,opacity;}
#header div.gnb-sub.on{visibility:visible; opacity:1;}
#header div.gnb-sub section{display:none; overflow:auto; position:relative; z-index:1; height:100%; color:#fff; text-align:center;}
#header div.gnb-sub section.on{display:block; z-index:1;}
#header div.gnb-sub section h6{padding:20px 0 17px; font-weight:bold; font-size:35px;}
#header div.gnb-sub section ul{position:relative; margin:0 50px 20px; padding:10px 0; border:1px solid #fff; border-width:1px 0;}
#header div.gnb-sub section ul:before,
#header div.gnb-sub section ul:after{position:absolute; top:0; right:0; left:0; height:7px; border:1px solid #fff; border-width:0 1px; content:"";}
#header div.gnb-sub section ul:after{top:auto; bottom:0;}
#header div.gnb-sub section li{font-weight:bold; font-size:20px; line-height:55px;}
#header div.gnb-sub section li a{display:block;}
#header div.gnb-sub .btn_close{position:absolute; z-index:2; top:0; right:0; padding:10px;}
#header div.gnb-sub .btn_close img{width:13px;}

/* 170217 Ãß°¡ */
/* .floating{position:fixed; right:0; top:100px; width:120px;}*//*170307 ¼öÁ¤*/
/* .floating{position:fixed; right:0; top:100px; width:100px;} *//*170308 ¼öÁ¤*/
.floating{position:fixed; right:0; top:100px; width:90px;} /* 20170403 ¼öÁ¤ */
.floating .floating_banner{}
.floating .floating_close{position:absolute; top:0; right:0; width:30px;}
.floating a.floating_banner img{width:50px;} /* 20170403 Ãß°¡ */
/* // 170217 Ãß°¡ */

/* ==================================================
// ǪÅÍ     170327 ¼öÁ¤ --> ´åÄÄ°ú µ¿ÀÏÇÏ°Ô ¼öÁ¤
================================================== */
#footer{overflow:hidden; padding:15px 0 50px; height:auto; background:#ececec; text-align:center;}/* 170125 ¼öÁ¤ */
#footer ul.logo{position:relative; left:0; top:0; width:314px; text-align:left; margin:0 auto;}
#footer ul.logo li{display:inline-block; position:relative; padding:0 8px; vertical-align:bottom;}
#footer ul.logo li:first-child:before{bottom:1px; height:15px;}
#footer ul.logo li img{width:124px;}

#footer nav.apply{display:none;}

#footer .footer_right{float:inherit; margin-right:0px;}

/*	#footer nav.quick{position:relative; left:0; top:0; margin:10px 0 0; text-align:center; border:1px solid #b6996a; border-width:1px 0;} */
#footer nav.quick{position:relative; left:0; top:0; margin:10px 0 0; text-align:center; border:1px solid #bdbdbd; border-width:1px 0;}
#footer nav.quick ul{display:inline-block; padding:0; border:none;}
#footer nav.quick li{float:left; margin:0; padding:0;}
#footer nav.quick li:first-child{margin-left:0;}
#footer nav.quick li a{padding:0 7px; color:#3c3c3c; font-size:10px; line-height:28px;}
#footer nav.quick li strong{}
#footer nav.quick li.china img{margin-top:-11px; width:102px;}

#footer address{position:relative; left:0; top:0;display:block; margin-top:10px;}
#footer address ul{display:inline-block; width:314px; text-align:left;}
#footer address li{display:inline-block;}
#footer address li.aligntop{padding-top:3px;}
/*	#footer address li:before{display:inline-block; margin-top:3px; height:9px; border-left:1px solid #b89b69; border-color:#ac9063; vertical-align:top; content:"";} */
#footer address li:before{display:inline-block; margin-top:3px; height:9px; border-left:1px solid #d6d6d6; border-color:#d6d6d6; vertical-align:top; content:"";}
#footer address li.company, #footer address li.cs{font-weight:bold;}
#footer address li.company:before,
#footer address li.number:before,
#footer address li.cs:before{display:none;}

#footer address li:nth-of-type(2):before,
#footer address li:nth-of-type(3):before,
#footer address li:nth-of-type(5):before,
#footer address li:nth-of-type(9):before{display:none;}
#footer address li:nth-of-type(4):before{display:inline-block;}
#footer address li:nth-of-type(6):before{display:inline-block;}/* 170131 Ãß°¡ */
#footer address li:nth-of-type(2){width:100%;}/* 170131 Ãß°¡ */
#footer address li:nth-of-type(7),
#footer address li:nth-of-type(8){padding-top:6px;}
#footer address li:nth-of-type(9){padding-top:0px;}

#footer address li span{display:inline-block; padding:0 6px 0 7px; color:#3d3d3d; font-size:10px; line-height:15px;}
#footer span.copyright{position:relative; left:0; top:0;display:block; margin:5px 0 9px 0; color:#3d3d3d; font-size:10px;}

#footer a.btn-version{position: absolute; margin-top:-20px; right: 0px;padding:10px;c;color: #000;text-decoration: underline;}/* 170105 Ãß°¡ */


/* ==================================================
// Åø¹Ù, À§Á¬
================================================== */
#toolbar{position:fixed; z-index:100; bottom:0; left:0; width:100%; height:50px; background:#333;}
#toolbar ul.tab{display:-webkit-flex; display:flex;}
#toolbar ul.tab > li{-webkit-flex:1; flex:1;}
#toolbar ul.tab > li > a{position:relative; display:block; padding-top:9px; height:50px; text-align:center;}/* 170309 ¼öÁ¤ */
#toolbar ul.tab > li > a img{width:auto; height:18px;}
#toolbar ul.tab > li > a span{display:block; margin-top:5px; color:#ccc; font-size:10px;}
#toolbar ul.tab > li > a .cart_num{position:absolute; right:10px; top:-1px; min-width:16px; height:16px; padding:1px 5px 0 5px; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:11px; line-height:16px; color:#fff; background: #e23761; -webkit-border-radius:8px; border-radius: 8px;}/* 170309 Ãß°¡ */

/* Åø¹Ù - Ä«Å×°í¸® */
#toolbar div.toolbar-category{visibility:hidden; position:fixed; z-index:10; top:0; left:0; padding-right:70px; width:100%; height:100%;}
#toolbar div.toolbar-category.on{visibility:visible;}
#toolbar div.toolbar-category div.dim{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; -webkit-transition:0.3s; transition:0.3s;}
#toolbar div.toolbar-category.on div.dim{opacity:0.9;}
#toolbar div.toolbar-category > div.inner{display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; position:relative; z-index:1; left:-100%; padding:15px 20px 0; min-width:290px; height:100%; background:#f6f6f6; opacity:0; -webkit-transition:0.3s; transition:0.3s;}
#toolbar div.toolbar-category.on > div.inner{left:0; opacity:1;}

#toolbar div.toolbar-category div.hello{position:relative; padding:10px 0;}
#toolbar div.toolbar-category div.hello p{overflow:hidden; padding-right:50px; color:#000; font-size:15px; white-space:nowrap; text-overflow:ellipsis;}
#toolbar div.toolbar-category div.hello p strong{font-weight:bold;}
#toolbar div.toolbar-category div.hello a[class^="btn_log"]{position:absolute; top:50%; right:0; width:50px; height:17px; background:#333; color:#fff; font-size:10px; line-height:17px; text-align:center; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

#toolbar div.toolbar-category nav.mypage{padding-bottom:5px;}
#toolbar div.toolbar-category nav.mypage ul{display:-webkit-flex; display:flex;}
#toolbar div.toolbar-category nav.mypage li{-webkit-flex:auto; flex:auto; position:relative;}
#toolbar div.toolbar-category nav.mypage li:nth-of-type(n+2):before{display:block; position:absolute; top:50%; left:0; margin-top:-5px; height:10px; border-left:1px solid #e8e8e8; content:"";}
#toolbar div.toolbar-category nav.mypage li a{display:block; padding:10px 0; text-align:center; white-space:nowrap;}
#toolbar div.toolbar-category nav.mypage li img{width:auto; height:16px;}
#toolbar div.toolbar-category nav.mypage li span{display:inline-block; margin-left:5px; height:16px; color:#7f7f7f; font-size:11px; line-height:16px;}

#toolbar div.toolbar-category nav.lnb{-webkit-flex:1; flex:1; overflow:auto; border:5px solid #ebebeb; border-width:5px 0;}
#toolbar div.toolbar-category nav.lnb ul.lnb-main > li:nth-of-type(n+2){border-top:2px solid #ebebeb;}
#toolbar div.toolbar-category nav.lnb ul.lnb-main .btn_main{display:block; position:relative; padding-left:15px; height:43px; color:#000; font-weight:bold; font-size:18px; line-height:43px;}
#toolbar div.toolbar-category nav.lnb ul.lnb-main .btn_main:after{display:block; position:absolute; top:50%; right:9px; margin-top:-4px; width:11px; height:8px; background:url("../images/common/toolbar_category_lnb_arrow_open.png") no-repeat 0 0/auto 8px; content:""; opacity:0.3; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
#toolbar div.toolbar-category nav.lnb ul.lnb-main .btn_main.js:after{right:10px; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:0.13s ease-in-out; transition:0.13s ease-in-out;}
#toolbar div.toolbar-category nav.lnb ul.lnb-main > li.on .btn_main:after{opacity:1; -webkit-transform:rotate(180deg); transform:rotate(180deg);}

#toolbar div.toolbar-category nav.lnb ul.lnb-main .btn_main2{display:block; position:relative; padding-left:15px; height:43px; color:#df2754; font-weight:bold; font-size:18px; line-height:43px;}
#toolbar div.toolbar-category nav.lnb ul.lnb-main .btn_main2:after{display:block; position:absolute; top:50%; right:9px; margin-top:-4px; width:11px; height:8px; background:url("../images/common/toolbar_category_lnb_arrow_open.png") no-repeat 0 0/auto 8px; content:""; opacity:0.3; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
#toolbar div.toolbar-category nav.lnb ul.lnb-main .btn_main2.js:after{right:10px; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:0.13s ease-in-out; transition:0.13s ease-in-out;}
#toolbar div.toolbar-category nav.lnb ul.lnb-main > li.on .btn_main2:after{opacity:1; -webkit-transform:rotate(180deg); transform:rotate(180deg);}

#toolbar div.toolbar-category nav.lnb div.lnb-sub{visibility:hidden; overflow:hidden; height:0;}
#toolbar div.toolbar-category nav.lnb div.lnb-sub > ul{padding:0 0 10px;}
#toolbar div.toolbar-category nav.lnb div.lnb-sub a{display:block; padding-left:15px; color:#7f7f7f; font-size:12px; line-height:30px;}
#toolbar div.toolbar-category nav.lnb div.lnb-sub a.on{color:#000; font-weight:bold;}
#toolbar div.toolbar-category nav.lnb div.lnb-ssub{visibility:hidden; overflow:hidden; height:0;}
#toolbar div.toolbar-category nav.lnb div.lnb-ssub ul{padding:0 10px;}

#toolbar div.toolbar-category nav.lnb ul.site > li{border-top:5px solid #ebebeb;}
#toolbar div.toolbar-category nav.lnb ul.site a{display:block; position:relative; padding-left:15px; height:40px; color:#c3996a; font-weight:bold; font-size:15px; line-height:40px;}
#toolbar div.toolbar-category nav.lnb ul.site a:after{display:block; position:absolute; top:50%; right:10px; margin-top:-6px; width:7px; height:12px; background:url("../images/common/toolbar_category_lnb_arrow_link.png") no-repeat 0 0/auto 12px; content:"";}

#toolbar div.toolbar-category nav.link{margin:0px -20px 0;}
#toolbar div.toolbar-category nav.link ul{display:-webkit-flex; display:flex;}
#toolbar div.toolbar-category nav.link li{-webkit-flex:1; flex:1;}
#toolbar div.toolbar-category nav.link li:nth-of-type(n+2){border-left:1px solid #fff;}
#toolbar div.toolbar-category nav.link a{display:block; height:40px; background:#ebebeb; color:#616161; font-weight:bold; font-size:11px; line-height:40px; text-align:center;}

#toolbar div.toolbar-category nav.sns{margin:20px -20px; text-align:center;}
#toolbar div.toolbar-category nav.sns li{display:inline-block;}
#toolbar div.toolbar-category nav.sns a{display:block; width:72px; height:45px; text-align:center;}
#toolbar div.toolbar-category nav.sns a img{width:40px;}

#toolbar div.toolbar-category nav.sns li:first-child a{display:block; width:100px; height:45px; text-align:center;}
#toolbar div.toolbar-category nav.sns li:first-child a img{width:76px; height:45px;}

#toolbar div.toolbar-category a.btn_close{position:absolute; z-index:2; top:0; right:0; padding:10px;}
#toolbar div.toolbar-category a.btn_close img{width:12px;}

/* Åø¹Ù - °Ë»ö */
#toolbar div.toolbar-search{visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); opacity:0; -webkit-transition:0.3s; transition:0.3s;}
#toolbar div.toolbar-search.on{visibility:visible; z-index:10; opacity:1;}
#toolbar div.toolbar-search section{overflow:auto; height:100%;}
#toolbar div.toolbar-search section h6{padding:58px 0 20px; color:#fff; font-size:25px; text-align:center;}
#toolbar div.toolbar-search section div.input{display:-webkit-flex; display:flex; position:relative; margin:0 30px; height:70px; border:3px solid #fff;}
#toolbar div.toolbar-search section div.input input[type="text"]{/*-webkit-flex:1; flex:1;*/ width:100%; padding-left:20px; border:0; background:transparent; color:#fff; font-size:17px;}/* 170102 ¼öÁ¤ */
#toolbar div.toolbar-search section div.input .btn_submit{padding:0 15px;}
#toolbar div.toolbar-search section div.input .btn_submit img{width:25px;}
#toolbar div.toolbar-search section ul.keyword{margin:0 30px; padding:30px 0;}
#toolbar div.toolbar-search section ul.keyword li{color:#fff; font-weight:bold; font-size:20px; line-height:60px; text-align:center;}
#toolbar div.toolbar-search section ul.keyword li a{display:block;}
#toolbar div.toolbar-search .btn_close{position:absolute; z-index:1; top:0; right:0; padding:10px;}
#toolbar div.toolbar-search .btn_close img{width:12px;}

/* ž¹öÆ° */
.btn_top{visibility:hidden; position:fixed; z-index:100; right:10px; bottom:60px; width:30px; height:30px; opacity:0; -webkit-transition:0.5s; transition:0.5s; -webkit-transition-property:visibility,opacity; transition-property:visibility,opacity;}
.btn_top.on{visibility:visible; opacity:1;}
.btn_top:before{display:block; width:100%; height:100%; background:#3c3c3c; content:""; opacity:0.6;}
.btn_top img{position:absolute; top:50%; left:50%; margin-left:-6px; width:12px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}


/* ==================================================
// ¸ð´ÞÆ˾÷
================================================== */
.modal{display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; min-width:320px; height:100%; background:rgba(0,0,0,0.7);}
.modal-inner{display:none; position:absolute; top:50%; left:50%; width:320px; max-height:90%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.modal-inner h5{height:30px; background:##e23761; color:#fff; font-weight:bold; font-size:11px; line-height:30px; text-align:center;}/*170307¼öÁ¤*/
.modal-inner .btn_close{position:absolute; top:0; right:0; padding:10px;}
.modal-inner .btn_close img{width:10px;}
.modal-content{overflow:auto; position:relative; padding:20px 25px 30px; background:#fff;}
.modal-content h6{padding-bottom:7px; border-bottom:1px solid #3c3c3c; color:#3c3c3c; font-weight:bold; font-size:14px;}
.modal-content div.buttonset{margin-top:15px; text-align:center;}
.modal-content div.buttonset ul{display:inline-block;}
.modal-content div.buttonset li{float:left; margin:0 5px;}
.modal-content div.buttonset li > *{width:115px; height:34px; border:1px solid #3c3c3c; background:#3c3c3c; color:#fff; font-weight:bold; font-size:11px; line-height:32px;}
.modal-content div.buttonset li:first-child > *{background:#fff; color:#3c3c3c;}

/* ÆäÀ̽ººÏ ·Î±×ÀÎ */
#modal-facebook h5{background:#3b5999;}
#modal-facebook section{padding-bottom:20px; border-bottom:1px solid #d1d1d1; color:#3c3c3c; text-align:center;}
#modal-facebook section h6{padding:5px 0 18px; border-bottom:0; font-size:18px;}
#modal-facebook section p{font-size:11px; line-height:16px;}
#modal-facebook section strong{font-weight:bold;}
#modal-facebook section ul{display:inline-block; margin-top:14px;}
#modal-facebook section li{float:left; margin:0 25px;}
#modal-facebook section li label{height:16px; font-size:13px; line-height:16px;}
#modal-facebook section li label span{display:inline-block; margin-left:6px;}
#modal-facebook div.facebook-content{display:none;}
#modal-facebook div.facebook-content.on{display:block;}
#modal-facebook div.facebook-content table{margin-top:13px;}
#modal-facebook div.facebook-content nav{padding:0 0 6px 80px; color:#7f7f7f; font-size:11px;}
#modal-facebook div.facebook-content nav a.btn_join{color:#c3996a;}
#modal-facebook div.facebook-content nav span{display:inline-block; margin:0 3px;}
#modal-facebook div.facebook-content p{margin:21px 0 15px; color:#3c3c3c; font-size:14px; line-height:19px; text-align:center;}
#modal-facebook div.facebook-content > span{display:block; padding-bottom:3px; color:#7f7f7f; font-size:11px; line-height:16px; text-align:center;}

/* ºñ¹Ð¹øÈ£ º¯°æ Ä·ÆäÀÎ */
#modal-password{color:#3c3c3c; text-align:center;}
#modal-password div.modal-content{padding:30px 15px;}
#modal-password strong{display:block; font-weight:bold; font-size:18px;}
#modal-password p{margin-top:11px; font-size:14px; line-height:19px;}
#modal-password p b{color:#c3996a;}
#modal-password ul.note{margin-top:17px; padding-top:17px; border-top:1px solid #d1d1d1; text-align:left;}
#modal-password ul.note li{position:relative; padding-left:6px; font-size:10px; line-height:15px;}
#modal-password ul.note li:before{display:block; position:absolute; top:6px; left:0; width:2px; height:2px; background:#3c3c3c; content:"";}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
#modal-policy div.modal-content{color:#616161; font-size:11px; line-height:17px;}

/* ¹è¼ÛÁ¤º¸ */
#modal-shipping table{border-bottom:1px solid #9d9d9d;}
#modal-shipping tbody tr{border-top:1px solid #d1d1d1;}
#modal-shipping th{height:24px; background:#ececec; font-weight:bold;}
#modal-shipping td{height:30px; text-align:left;}
#modal-shipping figure{display:-webkit-flex; display:flex; padding:10px 0; -webkit-align-items:center; align-items:center;}
#modal-shipping figure div.img{width:80px; padding-top:80px;}
#modal-shipping figcaption{-webkit-flex:1; flex:1; padding:0 15px; color:#616161;}
#modal-shipping figcaption p.name{overflow:hidden; font-weight:bold; font-size:14px; line-height:18px;}
#modal-shipping table.invoice{margin-bottom:20px;}
#modal-shipping table.invoice tr > *{text-align:left; padding:0 20px;}
#modal-shipping table.invoice tr > *:last-child{text-align:right;}

/* »óÇ° - Q&A */
div[id^="modal-qna-"] figure.item-info{display:-webkit-flex; display:flex; padding:5px 0; border-bottom:1px solid #d1d1d1; -webkit-align-items:center; align-items:center;}
div[id^="modal-qna-"] figure.item-info div.img{padding-top:80px; width:80px;}
div[id^="modal-qna-"] figure.item-info figcaption{-webkit-flex:1; flex:1; padding:0 15px; font-size:11px; line-height:16px;}
div[id^="modal-qna-"] table{margin-top:5px;}
div[id^="modal-qna-"] table th{padding-top:17px;}
div[id^="modal-qna-"] table td{padding:5px 0;}
div[id^="modal-qna-"] table textarea{height:120px;}
div[id^="modal-qna-"] table p{margin-top:7px; font-size:10px;}

#modal-qna-answer table.qna{margin-top:20px; border-top:1px solid #d9d9d9; color:#9d9d9d; font-size:10px; line-height:17px;}
#modal-qna-answer table.qna tr{border-bottom:1px solid #d9d9d9;}
#modal-qna-answer table.qna th{padding-top:0; color:#3c3c3c; background:#ebebeb;}
#modal-qna-answer table.qna td{padding:6px 15px; text-align:left;}

#modal-qna-password table caption{padding:15px 0; color:#9d9d9d; font-size:10px;}

/* Àå¹Ù±¸´Ï - ¿É¼Ç¼öÁ¤ */
#modal-option figure.item-info{display:-webkit-flex; display:flex; padding:5px 0; border-bottom:1px solid #d1d1d1; -webkit-align-items:center; align-items:center;}
#modal-option figure.item-info div.img{padding-top:80px; width:80px;}
#modal-option figure.item-info figcaption{-webkit-flex:1; flex:1; padding:0 15px; font-size:11px; line-height:16px;}
#modal-option table{margin-top:20px;}
#modal-option table caption{padding:0 0 7px; font-weight:bold; font-size:12px; text-align:left;}
#modal-option table th{padding:0; vertical-align:middle;}
#modal-option table td{padding:3px 0;}
#modal-option table td select{height:28px;}
#modal-option ul.selected{margin:20px 0; border-bottom:1px solid #d1d1d1;}
#modal-option ul.selected li{padding:10px 0; border-top:1px dashed #d1d1d1;}
#modal-option ul.selected li p{color:#3c3c3c; font-size:11px; line-height:18px;}
#modal-option ul.selected li p span{color:#9d9d9d;}
#modal-option ul.selected li > div{position:relative; margin-top:3px;}
#modal-option ul.selected li > div:after{display:block; clear:both; content:"";}
#modal-option ul.selected li div.comp_qty{float:left;}
#modal-option ul.selected li strong.price{float:right; margin-right:25px; height:24px; color:#616161; font-size:13px; line-height:24px;}
#modal-option ul.selected li .btn_delete{position:absolute; top:5px; right:0; padding:3px; width:15px; height:15px; border:1px solid #9d9d9d;}

@media (min-resolution:.001dpcm) {/* Chrome */
	#modal-option ul.selected li strong.price{line-height:28px;}
}

/* ÁÖ¹®/°áÁ¦ - ÄíÆùÁ¶È¸/Àû¿ë */
#modal-coupon table{border-top:1px solid #9d9d9d; color:#3c3c3c; font-size:11px;}
#modal-coupon caption{padding:15px 0 9px;}
#modal-coupon thead th{height:25px; background:#e4e4e4; font-weight:bold; font-size:10px;}
#modal-coupon tr{border-bottom:1px solid #d1d1d1;}
#modal-coupon td{padding:10px 0; line-height:15px;}
#modal-coupon td.title{text-align:left;}
#modal-coupon tfoot td{padding:20px 0 0;}
#modal-coupon tfoot dl{display:-webkit-flex; display:flex; height:25px; border-top:1px solid #9d9d9d; line-height:24px;}
#modal-coupon tfoot dt{width:75px; background:#ececec; color:#3c3c3c; font-weight:bold; font-size:10px;}
#modal-coupon tfoot dd{-webkit-flex:1; flex:1;}
#modal-coupon ul.note{margin-top:8px;}
#modal-coupon ul.note li{position:relative; padding-left:5px; color:#9d9d9d; font-size:10px; line-height:12px;}
#modal-coupon ul.note li:before{position:absolute; top:4px; left:0; width:2px; height:2px; border-radius:50%; background:#9d9d9d; content:"";}
#modal-coupon ul.note li:nth-child(n+2){margin-top:3px;}

/* Àû¿ë°¡´É»óÇ° */
#modal-use dt{height:25px; background:#ececec; font-weight:bold; line-height:25px; text-align:center;}
#modal-use dd{padding:12px 0; border:1px solid #d1d1d1; border-width:1px 0; color:#616161; font-size:11px; line-height:18px;}
#modal-use dd li{position:relative; padding-left:7px;}
#modal-use dd li:before{position:absolute; top:8px; left:0; width:2px; height:2px; border-radius:50%; background:#616161; content:"";}

/* 1:1¹®ÀÇ */
#modal-inquiry table{margin-top:5px;}
#modal-inquiry table th{padding-top:17px;}
#modal-inquiry table td{padding:5px 0;}
#modal-inquiry table textarea{height:120px;}

/* °øÅë ¾ó·µ */
#modal-alert .modal-content{color:#3c3c3c; font-size:14px; line-height:20px; text-align:center;}

/* 170105 Ãß°¡ */
/* ȸ¿øµî±Þ¾È³» */
#modal-grade .modal-content{padding:0;}
#modal-grade div.grade-detail-tab{}
#modal-grade div.grade-detail-tab ul{display:-webkit-flex; display:flex;}
#modal-grade div.grade-detail-tab li{-webkit-flex:auto; flex:auto;}
#modal-grade div.grade-detail-tab li a{display:block; height:100%; background:#9d9d9d; }
/* #modal-grade div.grade-detail-tab li a img{width:50%} */
#modal-grade div.grade-detail-tab li.on a{background:none;}
#modal-grade div.grade-detail-content{display:none; padding:20px; }
#modal-grade div.grade-detail-content.on{display:block;}

#modal-grade table.grade{width:100%; border-top:1px solid #9d9d9d; border-bottom:1px solid #9d9d9d; color:#616161; font-size:12px;}
#modal-grade table.grade th{height:26px; background:#ececec; border-left:1px solid #9d9d9d; color:#3c3c3c; line-height:30px;  font-size:12px; font-weight:bold;}
#modal-grade table.grade th:first-child{border-left:none;}
#modal-grade table.grade td{padding:10px 0 ; border-top:1px solid #d1d1d1; border-left:1px solid #9d9d9d; font-size:14px;  line-height:18px;}
#modal-grade table.grade td:first-child{border-left:none;}
#modal-grade table.grade td strong{color:#c3996a; font-weight:bold;}

#modal-grade table.benefit{width:100%; color:#616161; font-size:12px;}
#modal-grade table.benefit td{padding:15px 0 ; border-bottom:1px dashed #d1d1d1; line-height:18px; text-align:left;}
#modal-grade table.benefit td.icon{text-align:center;}
#modal-grade table.benefit td.icon img{width:40px;}
#modal-grade table.benefit td strong{font-weight:bold;}
#modal-grade table.benefit td em{font-size:10px; letter-spacing:-1px; line-height:14px; display:inline-block;}/* 170104 Ãß°¡ */

#modal-grade ul.explain{padding:0 20px 20px 20px;}
#modal-grade ul.explain li{padding:3px 0; color:#616161; font-size:12px; letter-spacing:-1px; line-height:14px;}
#modal-grade ul.explain li span{margin-top:5px; display:inline-block; line-height:18px;}
#modal-grade ul.explain li em.style1{height:30px; margin-top:6px; padding-left:6px; padding-right:4px; display:inline-block;}/* 170104 ¼öÁ¤ */
#modal-grade ul.explain li em.style2{height:10px; margin-top:6px; padding-left:6px; display:inline-block;}/* 170104 Ãß°¡ */
/* // 170105 Ãß°¡ */

/* 170217 Ãß°¡ */
/* À̺¥Æ® */
#modal-event h6{margin-bottom:10px; padding-bottom:7px; border-bottom:1px solid #3c3c3c; color:#3c3c3c; font-weight:bold; font-size:14px;}
#modal-event .note{line-height:1.2;}
/* // 170217 Ãß°¡ */


/* ==================================================
// Æ˾÷
// ¸ð´ÞÆ˾÷À» ÀϹÝÆ˾÷À¸·Î »ç¿ë
================================================== */
#popup{min-width:320px;}
#popup .modal-inner{display:block; position:relative; top:0; left:0; width:auto; max-height:none; -webkit-transform:translate(0,0); transform:translate(0,0);}


/* ==================================================
// ·¹À̾îÆ˾÷
================================================== */
.layerpopup{z-index:1000; display:block; position:fixed; top:50%; left:50%; width:302px; max-height:90%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border:1px solid #9d9d9d;}
.layerpopup .layer_img img{width:100%; height:auto;}
.layerpopup .layer_footer{padding:10px 10px 4px 10px; color:#fff; font-size:12px; line-height:18px; background:#9d9d9d; overflow:hidden;}
.layerpopup .layer_footer .layer_today{float:left}
.layerpopup .layer_footer .layer_today span{margin-left:5px;}
.layerpopup .layer_footer .layer_close{float:right;}
.layerpopup .layer_footer .layer_close img{margin-left:5px; width:18px;}
/* 161221 Ãß°¡ */
.layerpopup.login{}
.layerpopup.login .layer_close{position:absolute; top:15px; right:20px; font-size:0;}
.layerpopup.login .layer_close img{width:18px;}
/* 161221 Ãß°¡ */


.collection-artist { font-size: 13px; margin-top: 50px; }
.collection-artist .artist-range { width: 100%; padding: 10px 40px; display: inline-block; float: left; }
.collection-artist .artist-range .range-title { color: #5f0073; font-weight: bold; font-size: 16px; }
.collection-artist .artist-range hr { margin: 13px auto; width: 100%; }
.collection-artist .artist-range .range-list-block .artist-name { display: block; margin: 8px auto; }

.item-list ul.artist-list {
	text-align: center;
}
.item-list .artist-list li {
	display: inline-block;
	width: 50%;
	float: right
}
.item-list .artist-list li > * { text-align: center; }
.item-list .artist-list figure figcaption span { display: block; }

/*»ó¼¼¼³¸í ÅؽºÆ®*/
.shopping-detail-info .info_d {
    border-bottom: 1px solid #999;
    padding-bottom: 50px;}/*20190423 ¼öÁ¤*/
.info_d p{text-align: center;font-size: 10pt;line-height: 15pt}/*20190423 ¼öÁ¤*/
.shopping-detail-info .name_d {
    text-align: center;
    color: #4c4c4c;
    font-size: 15pt;
    padding-top: 60px;
    padding-bottom: 40px;}/*20190423 ¼öÁ¤*/

.shopping-detail-info .cv {
    max-width: 600px;
    margin: 0 auto;}
.shopping-detail-info .cv p{
    color: #4c4c4c;
    line-height: 18px;
    font-size: 10pt;
}