@charset "utf-8";
@font-face {
	font-family: 'Noto-L';
	src: url('../fonts/NotoSans-Light.eot');
	src: local(☺),
		url('../fonts/NotoSans-Light.woff2') format('woff2'),
		url('../fonts/NotoSans-Light.woff') format('woff'),
		url('../fonts/NotoSans-Light.otf') format('truetype');
}

@font-face {
	font-family: 'Noto-R';
	src: url('../fonts/NotoSans-Regular.eot');
	src: local(☺),
		url('../fonts/NotoSans-Regular.woff2') format('woff2'),
		url('../fonts/NotoSans-Regular.woff') format('woff'),
		url('../fonts/NotoSans-Regular.otf') format('truetype');
}

@font-face {
	font-family: 'Noto-M';
	src: url('../fonts/NotoSans-Medium.eot');
	src: local(☺),
		url('../fonts/NotoSans-Medium.woff2') format('woff2'),
		url('../fonts/NotoSans-Medium.woff') format('woff'),
		url('../fonts/NotoSans-Medium.otf') format('truetype');
}

@font-face {
	font-family: 'Noto-B';
	src: url('../fonts/NotoSans-Bold.eot');
	src: local(☺),
		url('../fonts/NotoSans-Bold.woff2') format('woff2'),
		url('../fonts/NotoSans-Bold.woff') format('woff'),
		url('../fonts/NotoSans-Bold.otf') format('truetype');
}

/* CSS Document */
i.fa {font-family: "Font Awesome 5 Free" !important;}
html , body {overflow-x:hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
ol,ul{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
table th,table td{text-align:center;vertical-align:middle}
hr,legend,caption{font-size:0;height:0px;line-height:0}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
a[href^=tel]{color:inherit;text-decoration:none}
img{vertical-align:middle;font-size:11px}
input,select,textarea,label,button{margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;font-weight:inherit;vertical-align:middle;box-sizing:border-box;outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
input[type="text"],input[type="password"],input[type="tel"], select,textarea{border:solid 1px #ddd}
select{padding-right:36px;background:url('../img/common/bg/select.png') no-repeat 95% 50%;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
textarea{overflow:auto}

/** common **/
.hidden{overflow:hidden;height:100%}
html,open{overflow:auto}
body{position:relative;min-width:1400px;font-family:'Noto-R', 'Dotum', sans-serif;font-size:13px;color:#000;line-height:1.1}
strong{font-family:'Noto-B'}
button{position:relative;margin:0;padding:0;border:none;background:none;cursor:pointer}
button span{display:block;position:relative}
label{cursor:pointer}
.wrap{position:relative}
.blind{position:absolute;left:0;top:-99999px}
.clearfix:after{content:'';display:table;clear:both;width:100%}
.in-wrap{margin:0 auto !important;width:1200px}
.more-small{display:inline-block;padding:0 17px 0 0;font-size:11px;line-height:1;background:url('../img/common/btn/more_size11.png') no-repeat 100% 2px}
#container{position:relative}

.required:after{content:'필수';position:absolute;margin:2px 0 0 5px;width:5px;height:6px;text-align:left;text-indent:-9999px;background:url('../img/common/bg/required.png') no-repeat 0 0}

/* skip */
#skip{position:fixed;left:0;top:0;z-index:999;width:100%}
#skip a{position:absolute;left:0;top:-30px;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;background:#555}
#skip a:active,#skip a:focus{top:0}

/**  align-middle **/
.align-middle{height:100%;font-size:0;text-align:center}
.align-middle:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.align-middle .inner{display:inline-block;font-size:14px;vertical-align:middle}

/** cs_select **/
.cs_select{overflow:hidden;position:relative;z-index:1;width:100%;background:#fff}
.cs_select.on{overflow:visible;z-index:9}
.cs_select > select{position:absolute;left:0;top:0;z-index:-1}
.cs_select .cs_list{position:relative;font-size:12px;color:#676568;background:#fff}
.cs_select .cs_list > a{display:block;position:relative;padding:0 18px;height:30px;line-height:30px;border:solid 1px #cecece}
.cs_select .cs_list > a:before{content:'';position:absolute;right:20px;top:12px;border-top:solid 6px #686868;border-left:solid 5px transparent;border-right:solid 5px transparent}
.cs_select.on .cs_list > a:before{border-top:0;border-bottom:solid 6px #686868}
.cs_select .cs_list .list{overflow:auto;display:none;position:absolute;left:0;top:31px;left:0;padding:7px 0;width:100%;max-height:75px;border:solid 1px #cecece;background:#fff;box-sizing:border-box}
.cs_select .cs_list .list li a{display:block;padding:4px 18px}
.cs_select .cs_list .list li:hover,
.cs_select .cs_list .list .on{color:#ff7d9e}
.cs_select .cs_list .list li a:hover,
.cs_select .cs_list .list li a:focus,
.cs_select .cs_list .list li a:active{color:#ff7d9e}

/** btnbox **/
.btnbox{font-size:0;text-align:center}
.btnbox li{display:inline-block;margin:0 4px}
.btnbox .right{float:right}
.btnbox.right{text-align:right}
.btnbox.right li{margin:0 0 0 6px}
.btnbox .btn-more{display:inline-block}
.btnbox .btn-more span{display:block;padding:0 20px;min-width:272px;height:60px;line-height:60px;font-size:18px;color:#585858;border:solid 1px #c2c2c2;border-radius:4px;box-sizing:border-box}
.btnbox .btn-more span:after{content:'';display:inline-block;margin:-4px 0 0 10px;width:16px;height:16px;background:url('../img/common/btn/more_size16.png') no-repeat 0 0;vertical-align:middle}
.btnbox .btn-more span:hover{color:#ff7d9e;border-color:#ff7d9e}
.btnbox .btn-more span:hover:after{background:url('../img/common/btn/more_size16_over.png') no-repeat 0 0}

/** btns **/
[class^="btn-"]{display:inline-block;line-height:1;vertical-align:top;border:none;background:none}
[class^="btn-"] span{display:block;box-sizing:border-box;vertical-align:top}
[class^="btn-s"] span{padding:0 10px;min-width:80px;height:34px;line-height:34px;font-family:'Noto-M';font-size:12px;text-align:center;border-radius:6px}
[class^="btn-m"] span{padding:0 10px;min-width:150px;height:50px;line-height:50px;font-family:'Noto-M';font-size:18px;text-align:center;border-radius:6px}
[class^="btn-l"]{width:100%}
[class^="btn-l"] span{padding:0 10px;height:65px;line-height:65px;font-family:'Noto-M';font-size:18px;text-align:center;border-radius:6px}
.btn-s-line span{color:#929292;border:solid 1px #bebebe;background:#fff}
.btn-s-black span{color:#fff;background:#39373a}
.btn-m-red span{color:#fff;background:#ff7d9e}
.btn-m-line span{color:#929292;border:solid 1px #bebebe;background:#fff}
.btn-m-black span{color:#fff;background:#39373a}
.btn-l-black span{color:#fff;background:#39373a}
.btn-l-gray span{color:#fff;background:#a7a7a7}
.btn-l-red span{color:#fff;background:#ff7d9e}
.btn-red-line span{padding:0 10px;min-width:175px;height:40px;line-height:38px;font-family:'Noto-M';font-size:18px;color:#ff7381;border:solid 1px #ff7381;border-radius:6px}
.btn-m-line.red span{color:#ff7381;border-color:#ff7381}

/** bullet-list **/
.bullet-list{text-align:left}
.bullet-list dt{margin:0 0 16px 0;font-family:'Noto-B';font-size:18px;color:#000}
.bullet-list dd,
.bullet-list li{position:relative;padding:0 0 0 16px;font-size:14px;color:#535353;line-height:1.4}
.bullet-list dd:before,
.bullet-list li:before{content:'';position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:#535353}
.bullet-list dd + dd,
.bullet-list li + li{margin:6px 0 0 0}

/** dash-list **/
.dash-list{text-align:left}
.dash-list > li{position:relative;padding:0 0 0 8px;font-size:12px;color:#000}
.dash-list > li:before{content:'';position:absolute;left:0;top:6px;width:4px;height:1px;background:#555}
.dash-list > li + li{margin:5px 0 0 0}

/* form-tel */
.form-tel{overflow:hidden}
.form-tel > li{position:relative;float:left;width:80px}
.form-tel > li > *{display:block;width:100%;height:35px;line-height:35px;font-size:12px;color:#000;border:0;border-bottom:solid 1px #9d9d9d;box-sizing:border-box}
.form-tel > li + li{margin:0 0 0 25px}
.form-tel > .delTypeBox_cp:before{content:none;}
.form-tel > .delTypeBox_cp{margin:0;}
.form-tel > li + li:before{content:'';position:absolute;left:-17px;top:17px;width:9px;height:1px;background:#9d9d9d}

/* form-date */
.form-date{overflow:hidden}
.form-date > li{position:relative;float:left;margin:0 30px 0 0;width:80px}
.form-date > li > *{display:block;width:100%;height:35px;line-height:35px;font-size:12px;color:#000;border:0;border-bottom:solid 1px #9d9d9d;box-sizing:border-box}
.form-date > li span{position:absolute;right:-32px;top:0;width:30px;font-size:14px;color:#000;border:0}

/* form-address */
.form-address{overflow:hidden}
.form-address > li input{display:inline-block;width:350px;height:35px;line-height:35px;font-size:12px;color:#000;border:0;border-bottom:solid 1px #9d9d9d;box-sizing:border-box}
.form-address > .t1 input{width:170px}
.form-address > .t1 button span{margin:3px 0 0 2px;min-width:80px;height:30px;line-height:30px;font-size:12px}
.form-address > .t2{margin-top:18px}
.form-address > .t2 input + input{margin:0 0 0 20px}

/* form-email */
.form-email{overflow:hidden}
.form-email > li{position:relative;float:left;width:110px}
.form-email > li > *{display:block;width:100%;height:35px;line-height:35px;font-size:12px;color:#000;border:0;border-bottom:solid 1px #9d9d9d;box-sizing:border-box}
.form-email > li:first-child{margin:0 24px 0 0}
.form-email > li:first-child span{position:absolute;right:-33px;top:0;width:33px;font-size:14px;color:#000;text-align:center;border:0}
.form-email > li + li{margin-left:9px}

/* model-list */
.model-list{position:relative;font-size:0;text-align:center}
.model-list .btn-close{display:none;position:absolute;right:20px;top:-50px;width:50px;height:50px;background:url('../img/common/btn/btn_close22.png') no-repeat 50% 50%}
.model-list .list{margin:0 0 20px 0}
.model-list .list > li{display:none;margin:0 4px;width:341px;min-height:500px;vertical-align:top}
.model-list .list > .on{display:inline-block}
.model-list.all .list > li{display:inline-block}
.model-list.all .btn-close{display:block}
.model-list .list .photo{margin:0 0 29px 0}
.model-list .list .name{margin:0 0 18px 0;font-family:'Noto-B';font-size:30px}
.model-list .list .info{font-size:18px;color:#676767}
.model-list .list .info + .info{margin:5px 0 0 0}
.model-list .btnbox .btn-more span{padding:0;min-width:initial;width:196px;height:48px;font-size:18px;color:#000;line-height:46px}
.model-list .btnbox .btn-more:hover span{color:#ff7d9e}
.model-list.all .btnbox{display:none}

/** keyword-list **/
.keyword-list{padding:6px 20px 20px 20px;font-size:0;text-align:center;background:#f7f7f7}
.keyword-list .list{display:inline-block}
.keyword-list .list > *{display:inline-block;font-size:16px}
.keyword-list .list dt{margin:0 18px 0 0;font-family:'Noto-M';color:#000}
.keyword-list .list dd{margin:14px 0 0 0;color:#363232}
.keyword-list .list dd + dd{position:relative;margin-left:28px}
.keyword-list .list dd + dd:before{content:'';position:absolute;left:-14px;top:3px;width:1px;height:11px;background:#dcdcdc}

/** cs-form **/
.cs-form{display:inline-block;position:relative;font-size:0}
/* .cs-form input{position:absolute;left:-9999px;top:0;width:5px;height: 5px;outline:none;-webkit-appearance:none} */

/** cs-form **/
.cs-form{display:inline-block;position:relative;font-size:0}
.cs-form input[type="checkbox"],.cs-form input[type="radio"]{position:absolute;left:-9999px;top:0;width:5px;height: 5px;outline:none;-webkit-appearance:none}
.cs-form label{display:inline-block;position:relative;padding:0 0 0 40px;font-family:'Noto-M';font-size:15px;color:#000;height:28px;line-height:28px;cursor:pointer;background:url('../img/common/btn/form_check_new.png') no-repeat 0 -28px}
.cs-form.radio label{padding:0 0 0 25px;font-size:14px;height:19px;line-height:19px;background:url('../img/common/btn/form_radio.png') no-repeat 0 -19px}
.cs-form input:checked + label{background-position:0 0}
.cs-form label.on{background-position:0 0}
.cs-form.small label{padding-left:18px;height:13px;line-height:13px;font-size:13px;color:#676767;background:url('../img/common/btn/form_check_small2.png') no-repeat 0 -13px}
.cs-form.round label{padding-left:25px;height:19px;line-height:19px;font-size:13px;color:#676767;background:url('../img/common/btn/form_round.png') no-repeat 0 -19px}
.cs-form.round label.chk {background:url('/asset/img/common/btn/form_check.png') no-repeat 0 -19px; background-size:19px;}
.cs-form.round input:checked + label.chk {background:url('/asset/img/common/btn/form_check.png') no-repeat 0 0; background-size:19px;}

.cs-form.round label.rad {background:url('../img/common/btn/form_radio.png') no-repeat 0 -19px;}
.cs-form.round input:checked + label.rad {background:url('../img/common/btn/form_radio.png') no-repeat 0 0;}

.cs-form.round font {font-size:13px; color:#676767; height:19px; line-height:19px; display:inline-block; vertical-align:middle;}
.cs-form.round font:before {content:"|"; margin:0 10px; position:relative; top:-2px; display:inline-block; font-size:11px;}
td .cs-form{vertical-align:middle}
.cs_file{position:relative;padding:0 0 0 84px;font-size:0}
.cs_file .input_file{overflow:hidden;position:absolute;left:0;bottom:0;z-index:1;padding:0;width:80px;height:32px;border:none;;background:#fff;cursor:pointer;opacity:0;filter: alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
.cs_file .file_name{position:relative;z-index:2;display:block;padding:0 10px;height:32px;line-height:32px;font-size:14px;color:#39373a;}
.cs_file a{position:absolute;left:0;bottom:0;width:80px;height:32px;line-height:32px;font-family:'Noto-M';font-size:13px;color:#fff;text-align:center;border-radius:6px;background:#39373a}

/* ui-datepicker */
.ui-datepicker{z-index:999;margin-top:4px;margin-left:-1px;padding:0;width:282px;border:solid 1px #b7b7b7;border-radius:0}
.ui-datepicker .ui-datepicker-header{padding:0;height:79px;border:0;border-bottom:solid 1px #e7e7e7;background:#f9f9f9}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title{margin:0;padding:17px 0 0 0;line-height:1;font-size:0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title > *{display:block;margin:0;padding:0;font-size:14px;color:#39373a;font-weight:normal}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month{margin-top:5px;font-family:'Noto-M';font-size:30px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year{}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{top:27px;width:30px;height:30px;border-radius:0;cursor:pointer;background:url('../img/common/btn/datepicker.png') no-repeat 0 0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover{border:0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:56px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:54px;background-position:0 100%}
.ui-datepicker .ui-datepicker-calendar{margin:14px auto 10px auto;width:245px}
.ui-datepicker .ui-datepicker-calendar thead th{padding:0;height:29px;font-size:16px;color:#39373a;vertical-align:top}
.ui-datepicker .ui-datepicker-calendar tbody td{padding:2px;}
.ui-datepicker .ui-datepicker-calendar tbody td a{padding:0;width:25px;height:25px;font-size:14px;text-align:center;line-height:25px;color:#39373a;border:0;background:none}
.ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today a{color:#fff;background:#686868}

/* tabmenu-black */
.tabmenu-black{overflow:hidden;margin:0 0 100px 0}
.tabmenu-black > *{position:relative;float:left;width:25%;height:67px;font-family:'Noto-M';font-size:20px;color:#fff;text-align:center;line-height:67px;background:#39373a;box-sizing:border-box}
.tabmenu-black > * + *:before{content:'';position:absolute;left:-1px;top:0;width:1px;height:100%;background:#757375}
.tabmenu-black *:hover,
.tabmenu-black .on{position:relative;color:#fff;border-color:#ff7d9e;background:#ff7d9e}
.tabmenu-black *:hover:before,
.tabmenu-black *:hover + *:before,
.tabmenu-black .on:before,
.tabmenu-black .on + *:before{display:none}


/** tabmenu-line **/
.tabmenu-line{height:64px;border-bottom:solid 1px #ff7d9e}
.tabmenu-line > *{float:left;width:16.6666667%}
.tabmenu-line > * span{display:block;margin:0 0 0 -1px;height:64px;font-family:'Noto-M';font-size:16px;color:#676767;text-align:center;line-height:68px;border:solid 1px #9d9d9d;border-bottom:0;background:#f9f9f9;box-sizing:border-box}
.tabmenu-line > *:first-child span{margin:0}
.tabmenu-line > .on span{position:relative;height:65px;color:#ff7d9e;border-color:#ff7d9e;background:#fff}
.tabmenu-line.col2 > *{width:50%}
.tabmenu-line.col3 > *{width:33.333444%}
.tabmenu-line.col4 > *{width:25%}
.tabmenu-line.col5 > *{width:20%}

/** more-full **/
.more-full{position:relative;height:61px;text-align:center}
.more-full:before{content:'';position:absolute;left:0;top:50%;margin:-2px 0 0 0;width:100%;height:1px;background:#e6e6e6}
.more-full .btn-line span{min-width:323px;height:61px;font-family:'Noto-R';font-size:22px;color:#585858;line-height:57px;border-color:#c2c2c2;background:#fff}
.more-full .btn-line span em{display:inline-block;position:relative;padding:0 46px 0 0}
.more-full .btn-line span em:before{content:'';position:absolute;right:8px;top:50%;margin:-9px 0 0 0;width:2px;height:18px;background:#585858}
.more-full .btn-line span em:after{content:'';position:absolute;right:0;top:50%;margin:-1px 0 0 0;width:18px;height:2px;background:#585858}
.more-full .btn-line:hover span{color:#ff7d9e;border-color:#ff7d9e}
.more-full .btn-line:hover span em:before,
.more-full .btn-line:hover span em:after{background:#ff7d9e}

/** tabcontent **/
.tabcontent > .con{display:none}
.tabcontent > .on{display:block;overflow:hidden;position:relative}

/** sortmenu **/
.sortmenu{font-size:0;text-align:center;color:#585858}
.sortmenu li{display:inline-block;position:relative;padding:0 0 0 112px;font-family:'Noto-M';font-size:26px;background:url('../img/common/bg/tab_circle_size7.png') no-repeat 53px 50%}
.sortmenu li:first-child{padding:0;background:none}
.sortmenu .on{color:#ff7d9e}

/** sortcontents **/
.sortcontents > div{display:none}
.sortcontents > .on{display:block;overflow:hidden;position:relative}

/** faq-box **/
.faq-box{border-top:solid 1px #000}
.faq-box .list > li{border-bottom:solid 1px #000}
.faq-box .list .top{padding:0 0 0 30px;font-size:14px;color:#000}
.faq-box .list .top .type{float:left;padding:17px 0 0 0;width:182px;text-align:center;color:#ff7d9e}
.faq-box .list .top .tit{position:relative;margin:0 0 0 182px}
.faq-box .list .top .tit a{display:block;padding:17px 0 17px 56px;font-family:'Noto-M';background:url('../img/common/icon/faq_arr_down.png') no-repeat 100% 18px}
.faq-box .list .top .tit a > span{position:absolute;left:0;top:7px;font-size:27px;color:#ff7d9e}
.faq-box .list .on .top .tit a{background:url('../img/common/icon/faq_arr_up.png') no-repeat 100% 18px}
.faq-box .list .bottom{display:none;padding:30px 0 50px 268px;color:#676767;border-top:solid 1px #000}
.faq-box .list .bottom .tit{position:relative;margin:0 0 16px 0;padding:8px 0;font-family:'Noto-M';font-size:14px}
.faq-box .list .bottom .tit span{position:absolute;left:-53px;top:0;font-size:27px;color:#ff7d9e}
.faq-box .list .bottom .txt{font-size:13px}
.faq-box .list .bottom .txt p + p{margin-top:20px}
.faq-box .list .on .bottom{display:block}

/** board-simple **/
.board-simple{}
.board-simple > li{overflow:hidden;margin:12px 0 0 0;padding:0;font-size:14px;color:#999;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.board-simple > li > a{color:#555}
.board-simple > li > a:hover{text-decoration:underline}

/* products-tabmenu */
.products-tabmenu{font-size:0;text-align:center}
/*.products-tabmenu > *{display:inline-block;margin:0 14px;width:114px;height:114px;font-size:12px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/product_tab.png') no-repeat 0 100%}*/
/*.products-tabmenu > *{display:inline-block;margin:0 14px;width:114px;height:114px;font-size:12px;text-align:left;text-indent:-9999px;background:url('https://img.sonyunara.com/files/2020/asset/pc/img/common/btn/product_tab2.png') no-repeat 0 100%}*/
.products-tabmenu > *{display:inline-block;margin:0 14px;width:114px;height:114px;font-size:12px;text-align:left;text-indent:-9999px;background:url('https://img.sonyunara.com/files/2020/asset/pc/img/common/btn/product_tab3.png') no-repeat 0 100%}
.products-tabmenu .all{background-position:0 100%}
.products-tabmenu .top{background-position:-120px 100%}
.products-tabmenu .bottom{background-position:-240px 100%}
.products-tabmenu .shoes{background-position:-360px 100%}
.products-tabmenu .onepiece{background-position:-480px 100%}
.products-tabmenu .acc{background-position:-600px 100%}
.products-tabmenu .brand{background-position:-720px 100%}
.products-tabmenu .beauty{background-position:-960px 100%}
.products-tabmenu .sona{background-position:-840px 100%}
.products-tabmenu .all:hover,
.products-tabmenu .all.on{background-position:0 0}
.products-tabmenu .top:hover,
.products-tabmenu .top.on{background-position:-120px 0}
.products-tabmenu .bottom:hover,
.products-tabmenu .bottom.on{background-position:-240px 0}
.products-tabmenu .shoes:hover,
.products-tabmenu .shoes.on{background-position:-360px 0}
.products-tabmenu .onepiece:hover,
.products-tabmenu .onepiece.on{background-position:-480px 0}
.products-tabmenu .acc:hover,
.products-tabmenu .acc.on{background-position:-600px 0}
.products-tabmenu .brand:hover,
.products-tabmenu .brand.on{background-position:-720px 0}
.products-tabmenu .beauty:hover,
.products-tabmenu .beauty.on{background-position:-960px 0}
.products-tabmenu .sona:hover,
.products-tabmenu .sona.on{background-position:-840px 0}

/** paging **/
.paging{font-size:0;text-align:center;margin-top:80px;}
.paging > span{display:inline-block;margin:0 5px;vertical-align:middle}
.paging > a,
.paging > span > strong,
.paging > span > a{display:inline-block;margin:0 10px;font-size:18px;color:#39373a;vertical-align:middle}
.paging > span > strong{color:#ff7d9e}
.paging > a{width:16px;height:16px;font-size:11p;text-align:left;text-indent:-9999px;background:url('../img/common/btn/paging_nav.png') no-repeat 0 -1px}
.paging .prev{background-position:0 -1px}
.paging .next{background-position:-16px -1px}
.paging .first{background-position:0 -17px}
.paging .last{background-position:-16px -17px}

/** table-board **/
.table-board thead th{height:30px;color:#fff;font-weight:bold;background:#333}
.table-board tbody td{padding:8px 5px;text-align:center;border-bottom:solid 1px #eee}
.table-board tbody .subject{text-align:left}

/** table-basic **/
.table-basic table thead th{height:42px;font-family:'Noto-M';font-size:16px;color:#010101;text-align:center;border-top:solid 2px #000;border-bottom:solid 1px #9d9d9d}
.table-basic table td{padding:14px;height:36px;font-size:14px;color:#010101;line-height:1.4;text-align:center;border-bottom:solid 1px #e8e8e8}
.table-basic table .tleft{text-align:left}
.table-basic table .tleft > a:hover{text-decoration:underline}
.table-basic table .thumb{text-align:left}
.table-basic table .thumb > *,
.table-basic table .thumb a > *{display:inline-block;vertical-align:middle}
.table-basic table .thumb .img{margin:0 20px 0 0;width:54px;height:auto}
.table-basic table td.line{font-size:14px;color:#484848;border-left:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8}
.table-basic table td.line span{display:inline-block;line-height:1}
.table-basic table td.line span + span{margin:0 0 0 10px;padding:0 0 0 10px;border-left:solid 1px #484848}
.table-basic table .red{color:#ff7d9e}
.table-basic table .line-red{display:inline-block;width:75px;height:31px;font-size:14px;color:#ff7d9e;line-height:29px;border:solid 1px #ff7d9e;border-radius:3px;box-sizing:border-box}
.table-basic table .line-gray{display:inline-block;width:75px;height:31px;font-size:14px;color:#414141;line-height:29px;border:solid 1px #bababa;border-radius:3px;box-sizing:border-box}
.table-basic table .view{display:none}
.table-basic table .on + .view{display:table-row}
.table-basic table .view td{padding:30px 0;text-align:left}
.table-basic table .view td .top{margin:0 0 30px 0;padding:0 6.8%;font-size:14px;color:#010101;line-height:1.4}
.table-basic table .view td .bottom{padding:24px 6.8%;font-size:12px;color:#010101;background:#f7f7f7}
.table-basic table .view td .bottom .tit{margin:0 0 22px 0;font-size:14px}
.table-basic table .view td .bottom .tit .bg{display:inline-block;margin:0 10px 0 0;width:55px;height:28px;font-size:13px;color:#fff;text-align:center;line-height:28px;vertical-align:middle;border-radius:5px;background:#a7a7a7}
.table-basic table .view td .bottom .txt{line-height:1.4}
.table-basic table .btn-review{display:inline-block;width:80px;height:30px;font-size:12px;color:#686868;text-align:center;line-height:30px;border:solid 1px #ddd;border-radius:2px;box-sizing:border-box}
.table-basic table .btn-review:hover{color:#ff7d9e;border-color:#ff7d9e}
.table-basic.line table tbody td{border-left:solid 1px #e8e8e8}
.table-basic.line table tbody td:first-child{border-left:0}

/* table-row */
.table-row{border-top:solid 2px #39373a;border-bottom:solid 1px #9d9d9d}
.table-row table tbody th{font-family:'Noto-M';font-size:14px;border-left:0;background:#f9f9f9}
.table-row table tbody th,
.table-row table tbody td{padding:15px 28px;height:28px;text-align:left;line-height:1.5;border-top:solid 1px #eaeaea;border-left:solid 1px #eaeaea}
.table-row table tbody td{font-size:12px}
.table-row table tbody .tcenter{text-align:center}
.table-row table tbody tr:first-child > *{border-top:0}

/* table-col*/
.table-col{border-top:solid 2px #39373a;border-bottom:solid 1px #9d9d9d}
.table-col table thead th{padding:16px 0;text-align:center}
.table-col table th{font-family:'Noto-M';font-size:14px;border-left:0;background:#f9f9f9}
.table-col table th,
.table-col table td{padding:16px 5px;height:28px;line-height:1.5;border-top:solid 1px #eaeaea;border-left:solid 1px #eaeaea}
.table-col table td{font-size:12px}
.table-col table tbody th{background:none}
.table-col table th:first-child,
.table-col table td:first-child{border-left:0}
.table-col table .tcenter{text-align:center}


/** basic-search **/
.basic-search{position:relative;margin:0 auto;width:284px;border-bottom:solid 1px #000}
.basic-search.right{margin:0 0 32px auto}
.basic-search .info{position:absolute;left:0;top:16px;font-size:14px;color:#000}
.basic-search input{position:relative;padding:0 50px 0 0;width:100%;height:46px;font-size:14px;border:0;background:transparent;box-sizing:border-box}
.basic-search .btn-search{position:absolute;right:0;top:0;width:36px;height:46px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_search.png') no-repeat 50% 50%}
.basic-search .insert .info{display:none}

/** board-view **/
.board-view{border-bottom:solid 1px #9d9d9d}
.board-view > .tit{position:relative;padding:0 90px 15px 0;font-size:20px;color:#010101;line-height:1.3;border-bottom:solid 2px #000}
.board-view > .tit .date{position:absolute;right:0;top:4px;font-size:14px;color:#010101}
.board-view > .txt{padding:60px 88px}
.board-view > .bottom{font-size:14px;color:#000;border-top:solid 1px #9d9d9d}
.board-view > .bottom li{position:relative;padding:16px 140px}
.board-view > .bottom li .type{position:absolute;left:61px;top:50%;margin-top:-7px;padding:0 23px 0 0;border-right:solid 1px #000}
.board-view > .bottom li .date{position:absolute;right:40px;top:50%;margin-top:-7px}
.board-view > .bottom li + li{border-top:solid 1px #9d9d9d}
.board-view > .bottom li a:hover{text-decoration:underline}

/* board-write */
.board-write > .tit{position:relative;margin:0 0 18px 0;font-family:'Noto-M';font-size:22px;color:#010101}
.board-write .inform{padding:50px 60px 60px 35px;border:solid #000;border-width:2px 0 1px 0}
.board-write .inform > li{position:relative;padding:0 0 0 90px}
.board-write .inform > li + li{margin-top:22px}
.board-write .inform > li > .tit,
.board-write .inform > li > label{position:absolute;left:0;top:6px;font-family:'Noto-M';font-size:16px;color:#000}
.board-write .inform > li > select,
.board-write .inform > li > input[type="text"]{width:450px;height:30px;border:0;font-size:16px;border-bottom:solid 1px #a4a4a4}
.board-write .inform > li > select{width:auto;min-width:265px}
.board-write .inform > li > input[type="file"]{}
.board-write .inform > li > textarea{display:block;padding:10px;width:100%;height:266px;border:solid 1px #bcbcbc;box-sizing:border-box}
.board-write .inform > li .sms{display:inline-block;margin:0 0 0 38px;font-size:14px;color:#ff7d9e;vertical-align:baseline}
.board-write .inform > li .form-tel{display:inline-block;margin-top:-2px;vertical-align:baseline}
.board-write .inform > li .cs-form{margin:-4px 0 0 16px;vertical-align:middle}
.board-write .inform > li .form-tel input,
.board-write .inform > li .form-tel select{font-size:16px}

/** products-info **/
.products-info{position:relative;height:27px}
.products-info .num{font-size:16px;font-family:'Noto-M'}
.products-info .sort{position:absolute;right:0;top:0}
.products-info .sort li{float:left;margin:0 0 0 8px}
.products-info .sort li button span{display:block;padding:0 5px;min-width:82px;height:27px;font-size:12px;text-align:center;line-height:25px;border:solid 1px #adadad;box-sizing:border-box;border-radius:14px}
.products-info .sort .on button span{color:#fff;border-color:#ff7d9e;background:#ff7d9e}

/* product-best5 */
.product-best5 .list{margin:-30px 0 0 0}
.product-best5 .list:after{content:'';display:table;width:100%;clear:both}
.product-best5 .list .item{position:relative;float:left;margin:30px 0 0 44px;width:322px;height:322px;overflow:hidden;border-radius:10px;}
.product-best5 .list .item .thumb img{width:100%;height:auto}
.product-best5 .list .item .thumb img.sold_out{filter: brightness(0.5);}
.product-best5 .list .item .thumb .showSoldout{position: absolute;top: 50%;margin-top: -19px;color: white;font-weight: bold;margin-left: -83px;font-size: 34px;left: 50%;font-family:'Noto-M';}
.product-best5 .list .item .rank{position:absolute;left:0;top:-9px;z-index:3;width:64px;height:60px;text-indent:-9999px;background:url('../img/common/icon/bg_rank.png') no-repeat 0 0}
.product-best5 .list .rank1{margin-left:0;width:667px;height:667px;overflow:hidden;border-radius:10px;}
.product-best5 .list .rank1 .rank{top:-12px;width:94px;height:88px}
.product-best5 .list .rank2 .rank{background-position:-100px 0}
.product-best5 .list .rank3 .rank{background-position:-170px 0}
.product-best5 .list .rank4 .rank{background-position:-240px 0}
.product-best5 .list .rank5 .rank{background-position:-310px 0}
.product-best5 .list .item a{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/common/bg/product_link_bg.png') no-repeat 50% 50%}
.product-best5 .list .item a > *{position:absolute;left:0;bottom:62px;padding:0 26px;width:100%;font-size:14px;color:#fff;box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-best5 .list .item .subject{bottom:36px;font-size:16px}
.product-best5 .list .item .price span{text-decoration:line-through}
.product-best5 .list .item .price strong{margin:0 4px 0 0;font-size:16px}
.product-best5 .list .rank1 a > *{bottom:86px;padding:0 42px}
.product-best5 .list .rank1 .subject{bottom:50px;font-size:20px}
.product-best5 .list .rank1 .price span{font-size:18px}
.product-best5 .list .rank1 .price strong{margin:0 0 0 8px;font-size:24px}
.product-best5 .list .item:hover a{display:block}
.product-best5.inline .list{margin:0}
.product-best5.inline .list .item{margin:0;width:311px;height:373px}
.product-best5.inline .list .item + .item{margin:0 0 0 25px}
.product-best5.inline .list .rank1{width:311px;height:373px}
.product-best5.inline .list .rank1 a > *{bottom:36px;padding:0 42px}
.product-best5.inline .list .rank1 .subject{bottom:62px;font-size:16px}
.product-best5.inline .list .rank1 .price span{font-size:14px}
.product-best5.inline .list .rank1 .price strong{margin:0 0 0 4px;font-size:16px}

/** products-list **/
.products-list{overflow:hidden;margin:0 auto;width:1400px}
.products-list .list{margin:0 -18px 8px -18px;font-size:0}
.products-list .list .item{display:inline-block;padding:0 18px 20px 18px;width:25%;box-sizing:border-box;vertical-align:top}
.products-list .list .item .inner{position:relative;padding:0 0;min-height:642px;font-size:14px}
.products-list .list .item .rank{position:absolute;left:0;top:0;z-index:1;width:42px;height:42px;font-family:'Noto-M';font-size:21px;color:#fff;text-align:center;line-height:42px;background:#000}
.products-list .list .item .crazy{position:absolute;left:0;top:0;z-index:2;width:73px;height:73px;text-align:left;text-indent:-9999px;background:url('../img/common/icon/product_icons.png') no-repeat 0 -50px}
.products-list .list .item .btn-like,.product-view .detail-top > .left .photo-slide .btn-like{position:absolute;right:11px;top:13px;z-index:2;width:37px;height:33px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/product_like.png') no-repeat 0 0}
.products-list .list .item .btn-like.on,.product-view .detail-top > .left .photo-slide .btn-like.on{background-position:100% 0}
.products-list .list .item .thumb{position:relative;margin:0 0 23px 0}
.products-list .list .item .thumb .showSoldout{position: absolute;top: 50%;color: white;font-weight: bold;margin-left: -83px;font-size: 34px;left: 50%; font-family:'Noto-M'; margin-top:-19px;}
/*.products-list .list .item .thumb.sold_out{filter: brightness(0.5);}*/
.products-list .list .item .thumb img{width:100%;height:auto}
.products-list .list .item .thumb img.sold_out{filter: brightness(0.5);}
.products-list .list .item .thumb .logo{position:absolute;right:10px;bottom:-23px; z-index:1;}
.products-list .list .item .subject{overflow:hidden;margin:0 0 7px 0;font-family:'Noto-B';white-space:nowrap;text-overflow:ellipsis}
.products-list .list .item .txt{margin:0 0 10px 0;font-size:14px;color:#ff7d9e;line-height:1.3}
.products-list .list .item .price{margin:0 0 14px 0;padding:0 0 14px 0;font-size:15px;color:#000;border-bottom:solid 1px #d9d9d9}
.products-list .list .item .price span{margin:0 0 0 5px;font-size:13px;color:#999;text-decoration:line-through}
.products-list .list .item .info{overflow:hidden;margin:0 0 16px 0}
.products-list .list .item .info > li{position:relative;float:left;font-size:12px;color:#000}
.products-list .list .item .info > li + li{margin:0 0 0 14px}
.products-list .list .item .info > li + li:before{content:'';position:absolute;left:-7px;top:2px;width:1px;height:8px;background:#b3b3b3}
.products-list.brand .list .item{width:25%}
.products-list.brand .list .item .inner{padding:0 14px;min-height:538px}
.products-list.brand .list .item .thumb{margin:0 -14px 15px -14px}
.products-list.brand .list .item .subject{margin:0 0 8px 0;padding:0 0 10px 0;font-size:18px}
.products-list.brand .list .item .price2{margin:0 0 16px 0}
.products-list.brand .list .item .price2 strong{font-size:22px}

/* product-check-list */
.product-check-list > .list{margin:0 -9px;font-size:0}
.product-check-list .list > .item{display:inline-block;margin:0 0 10px 0;padding:0 9px;width:50%;min-height:305px;vertical-align:top;box-sizing:border-box}
.product-check-list .list > .item .inner{position:relative;padding:0}
.product-check-list .list > .item .inner .check{position:absolute;left:10px;top:10px;z-index:2}
.product-check-list .list > .item .inner .check input{position:absolute;left:-99999px}
.product-check-list .list > .item .inner .check label{display:block;width:18px;height:18px;text-indent:-9999px;background:url('../img/common/btn/form_check_small.png') no-repeat 0 100%}
.product-check-list .list > .item .inner .check input:checked + label{background-position:0 0}
.product-check-list .list > .item .inner .thumb{margin:0 0 16px 0}
.product-check-list .list > .item .inner .thumb img{display:block;width:100%;height:auto}
.product-check-list .list > .item .inner .subject{overflow:hidden;margin:0 0 5px 0;padding-left:4px;font-family:'Noto-M';font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.product-check-list .list > .item .inner .price{margin:0 0 11px 0;padding-left:4px;font-size:14px;color:#000}
.product-check-list .list > .item .inner .price span{margin:0 0 0 2px;font-size:12px;color:#919191;text-decoration:line-through}
.product-check-list .list > .item .optionbox{position:relative}
.product-check-list .list > .item .optionbox > button{display:block;width:100%;text-align:left}
.product-check-list .list > .item .optionbox > button span{padding-left:4px;height:20px;line-height:20px;font-size:13px;color:#ff7d9e}
.product-check-list .list > .item .optionbox > button span:after{content:'';display:inline-block;margin:-2px 0 0 4px;vertical-align:middle;border-top:solid 6px #ff7d9e;border-left:solid 5px transparent;border-right:solid 5px transparent}
.product-check-list .list > .item .optionbox > button.active span:after{border-top:0;border-bottom:solid 6px #ff7d9e}
.product-check-list .list > .item .optionbox .view{display:none;position:absolute;left:0;top:25px;z-index:7;width:100%}
.product-check-list .list > .item .optionbox .view .inlist{padding:3px;background:#ebebeb}
.product-check-list .list > .item .optionbox .view .inlist > li{position:relative}
.product-check-list .list > .item .optionbox .view .inlist > li + li{margin-top:2px}
.product-check-list .list > .item .optionbox .view .inlist > li a{font-size:12px}
.product-check-list .list > .item .optionbox .view .inlist .btn-s-black{width:100%}
.product-check-list .list > .item .optionbox .view .inlist .btn-s-black span{height:32px;font-size:14px;line-height:32px;border-radius:0}
.product-check-list .list > .item .optionbox .active +.view{display:block}
.product-check-list .list > .item .info{overflow:hidden;margin:0 0 19px 0}
.product-check-list .list > .item .info > li{position:relative;float:left;font-size:12px;color:#000}
.product-check-list .list > .item .info > li + li{margin:0 0 0 14px}
.product-check-list .list > .item .info > li + li:before{content:'';position:absolute;left:-7px;top:2px;width:1px;height:8px;background:#b3b3b3}

/** product-new-reserv **/
.product-new-reserv{overflow:hidden;margin:0 auto;width:1654px}
.product-new-reserv .tit{margin:0 0 20px 0;padding:0 0 0 50px;font-family:'Noto-B';font-size:33px;color:#000;line-height:46px;background:url('../img/common/icon/product_new.png') no-repeat 0 0}
.product-new-reserv .tit span{position:relative;top:-3px;margin:0 0 0 34px;font-family:'Noto-R';font-size:22px;color:#3d3d3d}
.product-new-reserv .tit span:before{content:'';position:absolute;left:-15px;top:4px;width:2px;height:25px;background:#c6c6c6}
.product-new-reserv .list{overflow:hidden;margin:0 -12px}
.product-new-reserv .list .item{float:left;padding:0 12px;width:20%;box-sizing:border-box}
.product-new-reserv .list .item .inner{position:relative}
.product-new-reserv .list .item .inner .bottom button{display:block;width:100%}
.product-new-reserv .list .item .inner .bottom button span{display:block;padding:0 0 0 20px;height:58px;font-size:20px;color:#fff;text-align:left;line-height:58px;background:#ff7d9e url('../img/common/icon/kakao_notice.png') no-repeat 100% 0}
.product-new-reserv .list .item .inner .bottom .kakao-n{display:none}
.product-new-reserv .list .item .inner .bottom .kakao-n span{background-color:#d82537;background-position:100% 100%}
.product-new-reserv .list .item .inner .cancel .kakao-y{display:none}
.product-new-reserv .list .item .inner .cancel .kakao-n{display:block}

/** product-colors **/
.product-colors{overflow:hidden;margin:0 0 20px 0}
.product-colors li{float:left;margin:0 5px 0 0;width:17px;height:6px;text-align:left;text-indent:-9999px;background:#f1f1f1}

/** product-icons **/
.product-icons{overflow:hidden}
.product-icons li{float:left;margin:0 4px 0 0;width:30px;height:25px;text-align:left;text-indent:-9999px;background:url('../img/common/icon/product_icons.png') no-repeat 0 0}
.product-icons .ico1{width:59px}
.product-icons .ico2{width:27px;background-position:0 -25px}

/** product-size **/
.product-size{overflow:hidden;font-family:'Noto-M'}
.product-size li{float:left;margin:0 9px 0 0;width:28px;height:28px;font-size:14px;color:#000;text-align:center;line-height:28px;background:url('../img/common/bg/round28.png') no-repeat 0 0}

/** list-info-box **/
.list-info-box{position:relative;margin:0 0 28px 0;min-height:19px}
.list-info-box .txt{font-size:17px}
.list-info-box .list-sort{position:absolute;right:0;top:-8px}
.list-info-box .list-sort li{float:left;margin:0 0 0 9px}
.list-info-box .list-sort li a{display:block;width:83px;height:27px;font-size:14px;color:#000;text-align:center;line-height:27px;background:url('../img/common/bg/sort_round.png') no-repeat 0 0}
.list-info-box .list-sort .on a{color:#fff;background-position:0 100%}

/** sponsor-list **/
.sponsor-list .list{margin:0 -10px -20px -10px;font-size:0}
.sponsor-list .list li{display:inline-block;margin:0 0 20px 0;padding:0 10px;width:25%;min-height:410px;vertical-align:top;box-sizing:border-box}
.sponsor-list .list li .thumb{margin:0 0 20px 0}
.sponsor-list .list li .thumb img{display:block;width:100%;height:auto}
.sponsor-list .list li .txt{font-family:'Noto-M';font-size:16px;line-height:1.3}

/** exhibition-list **/
.exhibition-list .list{margin:0 -16px -20px -16px;font-size:0}
.exhibition-list .list li{display:inline-block;margin:0 0 22px 0;padding:0 16px;width:25%;min-height:400px;vertical-align:top;box-sizing:border-box}
.exhibition-list .list li .thumb{position:relative;margin:0 0 24px 0}
.exhibition-list .list li .thumb img{display:block;width:100%;height:auto}
.exhibition-list .list li .thumb .end{position:absolute;left:50%;bottom:0;margin:0 0 0 -44px;width:88px;height:27px;font-size:12px;color:#fff;text-align:center;line-height:27px;background:#000}
.exhibition-list .list li .tit{margin:0 0 12px 0;font-family:'Noto-M';font-size:18px;line-height:1.3;text-align:center}
.exhibition-list .list li .txt{font-size:12px;line-height:1.3;text-align:center}
.exhibition-list .list li .info{font-size:0;text-align:center}
.exhibition-list .list li .txt + .info{margin:12px 0 0 0}
.exhibition-list .list li .info > *{display:inline-block;font-size:12px}
.exhibition-list .list li .info > * + *{position:relative;margin:0 0 0 26px}
.exhibition-list .list li .info > * + *:before{content:'';position:absolute;left:-13px;top:2px;width:1px;height:10px;background:#6a6a6a}
.exhibition-list .list li .info .red{color:#ff7d9e}


/** sly-slider **/
.sly-slider{position:relative}
.sly-slider .frame{height:298px}
.sly-slider .frame .list{overflow:hidden;height:100%}
.sly-slider .frame .list li{position:relative;float:left;margin:0 14px 0 0;width:248px;height:100%;color:#fff;background:#333}
.sly-slider .frame .list li img{width:100%;height:auto}
.sly-slider .frame .list li .over{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/common/bg/opa30.png')}
.sly-slider .frame .list li .over:before{content:'';position:absolute;left:50%;top:50%;margin:-17px 0 0 -17px;width:35px;height:35px;background:url('../img/common/btn/more_white.png') no-repeat 0 0}
.sly-slider .frame .list li .over .subject{position:absolute;left:0;bottom:40px;padding:0 20px;width:100%;font-size:15px;color:#fff;box-sizing:border-box}
.sly-slider .frame .list li .over .price{position:absolute;left:0;bottom:20px;padding:0 20px;width:100%;font-size:15px;color:#fff;box-sizing:border-box}
.sly-slider .frame .list li .over .price span{margin-left:2px;font-size:12px;text-decoration:line-through}
.sly-slider .frame .list li:hover .over{display:block}
.sly-slider .scrollbar{margin:25px 0 0 0;height:6px;background:none}
.sly-slider .scrollbar .handle{width:100px;height:100%;background:#c4c4c4;cursor:pointer;border-radius:20px}
.sly-slider .scrollbar .handle .mousearea{position:absolute;top:-5px;left:0;width:100%;height:15px}
.sly-slider .controls .btn{position:absolute;top:50%;margin:-50px 0 0 0;width:62px;height:62px;font-size:12px;color:#fff;text-align:center;line-height:50px;text-indent:-9999px;border:none;background:url('../img/common/btn/btn-bx-control3.png') no-repeat 0 0;cursor:pointer}
.sly-slider .controls .prev{left:-32px}
.sly-slider .controls .prev:hover{background-position:0 100%}
.sly-slider .controls .next{right:-32px;background-position:100% 0}
.sly-slider .controls .next:hover{background-position:100% 100%}

/** bxslider **/
.bx-pager{position:absolute;left:0;bottom:0;z-index:10;width:100%;font-size:0;text-align:center}
.bx-pager .bx-pager-item{display:inline-block;margin:0 11px}
.bx-pager .bx-pager-item a{display:block;width:16px;height:16px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/paging_size16.png') no-repeat 0 0}
.bx-pager .bx-pager-item .active{background-position:100% 0}
.bx-controls-direction a{position:absolute;top:50%;z-index:10;margin:-25px 0 0 0;width:50px;height:50px;background:#333}
.bx-controls-direction .bx-prev{left:0}
.bx-controls-direction .bx-next{right:0}

/** basic-slider **/
.basic-slider{overflow:hidden;position:relative}
.basic-slider .bx-controls-direction a{top:50%;margin:-30px 0 0 0;width:60px;height:60px;text-align:left;text-indent:-99999px;background:url('../img/common/btn/btn-bx-control_60.png') no-repeat 0 0}
.basic-slider .bx-controls-direction .bx-prev{left:5px}
.basic-slider .bx-controls-direction .bx-next{right:5px;background-position:100% 0}
.basic-slider .bx-controls-direction .bx-prev:hover{background-position:0 100%}
.basic-slider .bx-controls-direction .bx-next:hover{background-position:100% 100%}
.basic-slider .bx-pager{bottom:26px}
.basic-slider .bx-pager-item a{width:19px;height:19px;background:url('../img/common/btn/paging_size19.png') no-repeat 0 0}

/** col3bxslider **/
.col3bxslider{overflow:hidden;position:relative}
.col3bxslider .inner{position:absolute;left:50%;top:0;margin:0 0 0 -2100px;width:4200px;height:100%}
.col3bxslider .bxlist li{height:100%}
.col3bxslider .bx-controls-direction a{top:0;left:50%;margin:0;width:1400px;height:100%;text-align:left;text-indent:-99999px;background:url('../img/common/bg/opa45.png')}
.col3bxslider .bx-controls-direction a:before{content:'';position:absolute;top:50%;margin:-40px 0 0 0;width:80px;height:80px;background:url('../img/common/btn/btn-bx-control.png') no-repeat 0 0}
.col3bxslider .bx-controls-direction .bx-prev{margin-left:-2100px}
.col3bxslider .bx-controls-direction .bx-next{margin-left:700px}
.col3bxslider .bx-controls-direction .bx-prev:before{right:2px}
.col3bxslider .bx-controls-direction .bx-next:before{left:4px;background-position:-80px 0}
.col3bxslider .bx-controls-direction .bx-prev:hover:before{background-position:0 -80px}
.col3bxslider .bx-controls-direction .bx-next:hover:before{background-position:-80px -80px}

/** center-slider **/
.center-slider{position:relative}
.center-slider .slick-dotted.slick-slider{margin:0}
.center-slider .slider .slick-slide{padding:20px 12px !important;width:770px;height:432px;box-sizing:border-box;transition:all 0.4s}
.center-slider .slider .slick-slide > img,
.center-slider .slider .slick-slide > iframe{width:100%;height:100%}
.center-slider .slider .slick-slide.slick-current.slick-center{padding:0 12px !important}
.center-slider .slider .slick-slide.zoom{padding:0 12px !important}

.center-slider .slick-prev:before,
.center-slider .slick-next:before{display:none}
.center-slider .slick-prev{position:absolute;left:212px;top:220px;z-index:55;width:78px;height:78px;background:url('../img/common/btn/btn-bx-control.png') no-repeat 0 0 !important}
.center-slider .slick-prev:hover{background-position:0 100% !important;opacity:1}
.center-slider .slick-next{position:absolute;right:212px;top:220px;width:78px;height:78px;background:url('../img/common/btn/btn-bx-control.png') no-repeat 100% 0 !important}
.center-slider .slick-next:hover{background-position:100% 100% !important}

/** item-slider **/
.item-slider{position:relative}
.item-slider .bxlist li{height:100%}
.item-slider .bx-controls-direction a{top:50%;margin:-32px 0 0 0;width:65px;height:65px;text-align:left;text-indent:-99999px;background:url('../img/common/btn/btn-bx-control2.png') no-repeat 0 0}
.item-slider .bx-controls-direction .bx-prev{left:-74px}
.item-slider .bx-controls-direction .bx-next{right:-74px;background-position:100% 0}
.item-slider .bx-controls-direction .bx-prev:hover{background-position:0 100%}
.item-slider .bx-controls-direction .bx-next:hover{background-position:100% 100%}

/** flowCarousel **/
.flowCarousel{overflow:hidden}
.flowCarousel .list{display:none;position:relative;font-size:0;white-space:nowrap}
.flowCarousel .list .item{overflow:hidden;position:relative;display:inline-block;margin:0 15px 0 0;vertical-align:top;box-sizing:border-box}
.flowCarousel .list .item img{position:relative;width:100%;height:auto}
.flowCarousel .list .item a{display:none;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;background:url('../img/common/bg/opa80_red.png')}
.flowCarousel .list .item a:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.flowCarousel .list .item dl{display:inline-block;padding:0 10px;font-size:12px;color:#fff;vertical-align:middle}
.flowCarousel .list .item dl dt{position:relative;margin:0 0 47px 0;font-family:'Noto-R';font-size:15px}
.flowCarousel .list .item dl dt:after{content:'';position:absolute;left:50%;top:38px;margin:0 0 0 -10px;width:20px;height:1px;background:#fff}
.flowCarousel .list .item:hover a{display:block}

/** zzim-list **/
.zzim-list > .list{margin:0 -9px;font-size:0}
.zzim-list .list .item{display:inline-block;padding:0 9px 20px 9px;width:25%;box-sizing:border-box;vertical-align:top}
.zzim-list .list .item .inner{position:relative;padding:0;min-height:580px;font-size:14px}
.zzim-list .list .item .check{position:absolute;left:10px;top:10px;z-index:2}
.zzim-list .list .item .check input{position:absolute;left:-99999px}
.zzim-list .list .item .check label{display:block;width:18px;height:18px;text-indent:-9999px;background:url('../img/common/btn/form_check_small.png') no-repeat 0 100%}
.zzim-list .list .item .check input:checked + label{background-position:0 0}
.zzim-list .list .item .thumb{position:relative;margin:0 0 23px 0}
.zzim-list .list .item .thumb img{width:100%;height:auto}
.zzim-list .list .item .subject{overflow:hidden;margin:0 0 14px 0;font-family:'Noto-B';white-space:nowrap;text-overflow:ellipsis}
.zzim-list .list .item .price{margin:0 0 14px 0;padding:0 0 17px 0;font-size:15px;color:#000;border-bottom:solid 1px #d9d9d9}
.zzim-list .list .item .price span{margin:0 0 0 5px;font-size:13px;color:#999;text-decoration:line-through}
.zzim-list .list .item .info{overflow:hidden;margin:0 0 19px 0}
.zzim-list .list .item .info > li{position:relative;float:left;font-size:12px;color:#000}
.zzim-list .list .item .info > li + li{margin:0 0 0 14px}
.zzim-list .list .item .info > li + li:before{content:'';position:absolute;left:-7px;top:2px;width:1px;height:8px;background:#b3b3b3}
.zzim-list .list .item .optionbox{position:relative}
.zzim-list .list .item .optionbox > button{display:block;width:100%}
.zzim-list .list .item .optionbox > button span{height:40px;font-size:14px;color:#39373a;text-align:center;line-height:40px;border:solid 1px #bababa;border-radius:4px}
.zzim-list .list .item .optionbox > button span:after{content:'';display:inline-block;margin:0 0 0 18px;vertical-align:middle;border-top:solid 6px #39373a;border-left:solid 5px transparent;border-right:solid 5px transparent}
.zzim-list .list .item .optionbox > button.active span:after{border-top:0;border-bottom:solid 6px #39373a}

.zzim-list .list .item .optionbox > button:hover span{color:#ff7d9e;border-color:#ff7d9e}
.zzim-list .list .item .optionbox > button:hover span:after{border-top-color:#ff7d9e}
.zzim-list .list .item .optionbox > button.active:hover span:after{border-bottom-color:#ff7d9e}
.zzim-list .list .item .optionbox .view{display:none;position:absolute;left:0;top:40px;z-index:7;width:100%}
.zzim-list .list .item .optionbox .view .inlist{padding:5px 8px;background:#ebebeb}
.zzim-list .list .item .optionbox .view .inlist > li{position:relative}
.zzim-list .list .item .optionbox .view .inlist > li + li{margin-top:2px}
.zzim-list .list .item .optionbox .view .inlist .btn-s-black{width:100%}
.zzim-list .list .item .optionbox .view .inlist .btn-s-black span{height:32px;font-size:14px;line-height:32px;border-radius:0}
.zzim-list .list .item .optionbox .active +.view{display:block}
.zzim-list .btnbox li button span{min-width:195px}

/** actualsize **/
.actualsize .left{float:left}
.actualsize .right{margin:0 0 0 545px;min-height:400px;text-align:left}
.actualsize .right > .tit{margin:0 0 15px 0;font-family:'Noto-M';font-size:23px}
.actualsize .right .table-col{margin:0 0 14px 0;border-top:solid 2px #a6a6a6}
.actualsize .right .table-row{margin:0 0 15px 0}
.actualsize .right .table-row table th{padding:12px 10px;text-align:center;border-left:0}
.actualsize .right .size-list{overflow:hidden;margin:0 0 25px 0}
.actualsize .right .size-list > li{float:left}
.actualsize .right .size-list > li + li{margin:0 0 0 10px}
.actualsize .right .size-list > li > *{display:block;width:50px;height:50px;font-family:'Noto-M';font-size:16px;color:#676767;line-height:48px;text-align:center;border:solid 1px #b2b2b2;border-radius:6px;box-sizing:border-box}
.actualsize .right .size-list > .on > *{color:#ff7d9e;border:solid 2px #ff7d9e;line-height:46px}
.actualsize .right .tip{margin:0 0 22px 0;font-size:12px;color:#616161;line-height:1.4}

/** womanchart **/
.womanchart > .tit{margin:0 0 28px 0;font-size:30px;text-align:center}

/** product-qnawrite **/
.product-qnawrite{width:675px;text-align:left;color:#000}
.product-qnawrite > .tit{padding:0 45px;height:78px;line-height:78px;font-family:'Noto-M';font-size:24px;border-bottom:solid 1px #c8c8c8}
.product-qnawrite .info-box{padding:30px 45px 68px 45px}
.product-qnawrite .info-box .top{margin:0 0 24px 0;font-size:0}
.product-qnawrite .info-box .top > *{display:inline-block;vertical-align:middle;font-size:14px}
.product-qnawrite .info-box .top .thumb{margin:0 40px 0 0}
.product-qnawrite .info-box .top .txt{font-size:18px}
.product-qnawrite .info-box .top .txt .t1{margin:0 0 12px 0;font-family:'Noto-M';font-size:24px}
.product-qnawrite .info-box .type{margin:0 0 20px 0}
.product-qnawrite .info-box .type .form-agree > span + span{margin:0 0 0 14px}
.product-qnawrite .info-box .subject{position:relative;margin:0 0 17px 0;padding:0 60px 0 0}
.product-qnawrite .info-box .subject > .info{position:absolute;left:22px;top:18px;color:#b2b2b2}
.product-qnawrite .info-box .subject.insert > .info{display:none}
.product-qnawrite .info-box .subject > input{position:relative;padding:0 20px;width:100%;height:50px;border:solid 1px #a2a2a2;background:transparent;box-sizing:border-box}
.product-qnawrite .info-box .subject .length{position:absolute;right:0;top:0;width:60px;height:50px;line-height:50px;font-size:16px;text-align:center}
.product-qnawrite .info-box > .txt{position:relative;margin:0 0 10px 0}
.product-qnawrite .info-box > .txt > .info{position:absolute;left:22px;top:20px;color:#b2b2b2;line-height:1.6}
.product-qnawrite .info-box > .txt.insert > .info{display:none}
.product-qnawrite .info-box > .txt textarea{display:block;position:relative;padding:18px 20px;width:100%;height:290px;line-height:1.4;border:solid 1px #a2a2a2;background:transparent;box-sizing:border-box}
.product-qnawrite .info-box .pwtype{margin:0 0 42px 0}
.product-qnawrite .info-box .pwtype label{color:#ff7d9e}
.product-qnawrite .info-box .dash-list{margin:0 -45px 26px -45px;padding:30px 45px 0 45px;min-height:90px;border-top:solid 1px #c8c8c8}
.product-qnawrite .info-box .dash-list li{font-size:14px}
.product-qnawrite .info-box .dash-list li + li{margin-top:12px}
.product-qnawrite .info-box .btnbox button span{min-width:150px;height:52px;line-height:52px;font-size:17px}
.product-qnawrite .info-box .btnbox .btn-red-line span{line-height:50px}

/** comment-list **/
.comment-box{padding:22px 0 0 0}
.comment-box .topbox{margin:0 0 59px 0}
.comment-box .topbox > .tit{margin:0 0 12px 0;font-family:'Noto-B';font-size:16px}
.comment-box .form-write{position:relative;padding:0 0 0 0;border:solid 1px #9d9d9d}
.comment-box .form-write .info{position:absolute;left:16px;top:12px;font-size:14px;color:#646464}
.comment-box .form-write.insert .info{display:none}
.comment-box .form-write textarea{position:relative;display:block;padding:10px 170px 10px 15px;width:100%;height:120px;font-size:14px;color:#333;border:0;box-sizing:border-box;background:transparent}
.comment-box .form-write .btn{position:absolute;right:20px;bottom:6px}
.comment-box .form-write .btn > * + *{margin:0 0 0 6px}
.comment-box .form-write .btn span{min-width:60px;height:30px;line-height:30px}
.comment-box .comment-list{border-top:solid 1px #e8e8e8}
.comment-box .comment-list .list > li{position:relative;padding:25px 0 25px 64px;min-height:52px;border-bottom:solid 1px #e8e8e8}
.comment-box .comment-list .list .photo{position:absolute;left:0;top:22px;width:48px;height:48px}
.comment-box .comment-list .list .photo .img{display:block;position:relative;width:48px;height:48px;text-indent:-9999px;background:url('../img/common/icon/comment.png') no-repeat 0 0}
.comment-box .comment-list .list .photo .img img{display:block;width:100%;height:100%}
.comment-box .comment-list .list .photo .img:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/common/bg/photo_frame.png') no-repeat 0 0}
.comment-box .comment-list .list .photo .device{position:absolute;left:0;bottom:0;text-indent:-99999px;background:url('../img/common/icon/comment.png') no-repeat 0 0}
.comment-box .comment-list .list .photo .device.m{left:33px;width:10px;height:16px;background-position:-70px 0}
.comment-box .comment-list .list .photo .device.pc{left:30px;width:16px;height:13px;background-position:-84px 0}
.comment-box .comment-list .list .info{margin:0 0 9px 0}
.comment-box .comment-list .list .info > *{display:inline-block;vertical-align:middle}
.comment-box .comment-list .list .info .name{margin:0 10px 0 0;font-family:'Noto-B';font-size:16px}
/*.comment-box .comment-list .list .info .name:before{content:'';display:inline-block;margin:-2px 5px 0 0;width:19px;height:19px;text-indent:-9999px;vertical-align:middle;background:url('../img/common/icon/comment.png') no-repeat 0 -50px}*/
.comment-box .comment-list .list .info .name.lv1:before{background-position:0 -50px}
.comment-box .comment-list .list .info .name.lv2:before{background-position:-19px -50px}
.comment-box .comment-list .list .info .name.lv3:before{background-position:-38px -50px}
.comment-box .comment-list .list .info .name.lv4:before{background-position:-57px -50px}
.comment-box .comment-list .list .info .name.lv5:before{background-position:-76px -50px}
.comment-box .comment-list .list .info .date{font-size:14px;color:#b0b0b0}
.comment-box .comment-list .list .txt{margin:0 0 9px 0;font-family:'Noto-M';font-size:14px;line-height:1.4}
.comment-box .comment-list .list .reply .write button span{height:30px;line-height:30px;font-size:14px;color:#b0b0b0}
.comment-box .comment-list .list .reply .form-write{margin:22px 0 29px 0}


/* quantity */
.quantity{position:relative;height:30px;border:solid 1px #cecece}
.quantity input{display:block;width:100%;height:30px;font-size:12px;color:#676568;text-align:center;border:0}
.quantity button{position:absolute;top:0}
.quantity button span{width:50px;min-width:50px;height:30px;line-height:30px;text-indent:-9999px;text-align:left;border:0;border-radius:0}
.quantity button span:before{content:'';position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:url('../img/common/icon/quantity.png') no-repeat 0 0}
.quantity .btn-minus{left:0}
.quantity .btn-plus{right:0}
.quantity .btn-plus span:before{background-position:100% 0}

/* pop-form */
.pop-form{padding:36px;width:400px;text-align:left;border:solid 1px #a4a4a4}
.pop-form .form-box > li{position:relative;padding:0 0 0 64px}
.pop-form .form-box > li > .tit{position:absolute;left:0;top:8px;font-family:'Noto-M';font-size:14px;color:#000}
.pop-form .form-box > li + li{margin-top:42px}
.pop-form .form-box > li .form input{display:inline-block;position:relative;z-index:2;padding:0 2px;width:184px;height:28px;font-size:12px;color:#000;border:none;border-bottom:solid 1px #9d9d9d;background:transparent}
.pop-form .form-box > li select{height:28px}
.pop-form .form-box > li .form-tel > li > *{height:28px;line-height:28px}
.pop-form .form-box > .address{position:relative;padding:0}
.pop-form .form-box > .address .form input{width:100%}
.pop-form .form-box > .address .btn-search{position:absolute;right:0;top:0;z-index:2;width:30px;height:28px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_search2.png') no-repeat 50% 50%}

/** topBanner **/
#topBanner{display:none;overflow:hidden;position:relative;height:0}
#topBanner .inner{position:absolute;left:50%;top:0;margin:0 0 0 -800px;width:1600px;height:100px;text-align:center}
#topBanner .btn-close{position:absolute;right:204px;top:50%;margin:-25px 0 0 0;width:50px;height:50px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_close_light.png') no-repeat 50% 50%}

#topBanner .filp{display:none;overflow:hidden;position:relative;height:0}
#topBanner .filp .inner{position:absolute;left:50%;top:0;margin:0 0 0 -800px;width:1600px;height:100px;text-align:center}
#topBanner .filp .btn-close{position:absolute;right:204px;top:50%;margin:-25px 0 0 0;width:50px;height:50px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_close_light.png') no-repeat 50% 50%}

/** popBox **/
#popBox{display:none;overflow:auto;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;font-size:0;text-align:center;background:url('../img/common/bg/opa70.png');box-sizing:border-box}
#popBox .align-middle{min-width:640px}
#popBox > .inner,
#popBox .align-middle > .inner{padding:20px}
#popBox .pop{display:none;color:#555;background:#fff}

/** popNewDetail **/
#popNewDetail{width:598px;border:solid 2px #a6a6a6}
#popNewDetail .basic-slider{height:720px}
#popNewDetail .product-detail{position:relative;padding:40px 35px;color:#000;text-align:left;line-height:1.4}
#popNewDetail .product-detail .product-colors{margin:0 0 22px 0}
#popNewDetail .product-detail .product-colors li{margin:0 6px 0 0;width:25px;height:25px}
#popNewDetail .product-detail .txt1{font-family:'Noto-B';font-size:18px}
#popNewDetail .product-detail .txt2{margin:18px 0 16px 0;font-size:16px}
#popNewDetail .product-detail .kakao-state{position:absolute;right:40px;top:27px}
#popNewDetail .product-detail .kakao-state button span{display:block;width:65px;height:65px;text-align:left;text-indent:-9999px;background:url('../img/common/icon/kakao_notice2.png') no-repeat 0 0}
#popNewDetail .product-detail .kakao-state .kakao-y span{background-position:0 100%}
#popNewDetail .product-detail .kakao-state .kakao-n{display:none}
#popNewDetail .product-detail .cancel .kakao-y{display:none}
#popNewDetail .product-detail .cancel .kakao-n{display:block}

/** header **/
#header{padding:44px 0 0 0;font-size:0;text-align:center;border-bottom:solid 1px #cdcdcd}
.main #header{border-bottom:0}
#header:before{content:'';position:absolute;left:0;top:37px;width:100%;height:1px;background:#cdcdcd}
#header .top{height:131px}
#header .top > *{display:inline-block;vertical-align:middle}
#header .top .toplink{position:absolute;right:50%;top:8px;margin:0 -600px 0 0;font-family:'Noto-M'}
#header .top .toplink li{display:inline-block;margin:0 0 0 28px;font-size:12px;color:#272727;vertical-align:middle}
#header .top .toplink li em{}
#header .top .toplink li .btn-line span{width:54px;height:20px;font-size:11px;line-height:18px;border-color:#272727;border-radius:3px;background:none}
#header .top h1{padding:16px 0 0 0}
#header .top .search{margin:0 46px 0 42px;padding:7px 0 0 0}
#header .top .search .inform{position:relative;width:363px;height:44px;background:url('../img/common/header/search_bg.png') no-repeat 0 0}
#header .top .search .inform .btn-search{position:absolute;right:20px;top:0;width:44px;height:44px;text-align:left;text-indent:-9999px;background:url('../img/common/header/btn_search.png') no-repeat 50% 50%}
#header .top .search .inform input{padding:0 70px 0 10px;width:100%;height:44px;font-size:16px;border:none;background:none;font-family:'Noto-M'}

/*#header .top .new_search{margin:0 46px 0 42px;padding:7px 0 0 0}*/
/*#header .top .new_search .inform{position:relative;width:363px;height:44px;border:2px solid black; border-radius:25px;}*/
/*#header .top .new_search .inform.on{border-radius:25px 25px 0 0; border-bottom:none; }*/
/*#header .top .new_search .inform .btn-search{position:absolute;right:20px;top:0;width:44px;height:44px;text-align:left;text-indent:-9999px;background:url('../img/common/header/btn_search.png') no-repeat 50% 50%}*/
/*#header .top .new_search .inform input{padding:0 70px 0 10px;width:100%;height:44px;font-size:16px;border:none;background:none;font-family:'Noto-M'}*/


#header .top .mymenu{height:67px;padding:14px 0 0 0}
#header .top .mymenu li{position:relative;float:left;font-size:14px;margin:0 0 0 22px}
#header .top .mymenu li:first-child{margin:0}
#header .top .mymenu li a{display:block;position:relative;padding:44px 0 0 0}
#header .top .mymenu li .icon{position:absolute;left:50%;top:0}
#header .top .mymenu .l1 .icon{margin:0 0 0 -18px;width:33px}
#header .top .mymenu .l2{margin-left:32px}
#header .top .mymenu .l2 .icon{margin:0 0 0 -18px;width:35px}
#header .top .mymenu .l3 .icon{margin:2px 0 0 -15px;width:31px}
#header .top .mymenu .l4 .icon{margin:0 0 0 -24px;width:48px}
#header .top .mymenu li strong{display:block; margin:2px 0 0 0; font-family:'Noto-R';}
#header .top .mymenu li span{position:absolute;right:0;top:0;padding:0 1px 0 2px;min-width:18px;height:20px;text-align:center;line-height:20px;font-size:11px;color:#fff;border-radius:50%;background:#ff7d9e}
#header .top .mymenu li.l4 {width:200px; margin-left:78px; position:relative; top:13px;}
#header .top .mymenu li div.table {overflow:hidden; height:29px; width:100%; border-bottom:1px solid #b8b8b8;}
#header .top .mymenu li div.table.on {border-bottom:1px solid transparent !important;}
#header .top .mymenu li div.table .wrap > div {text-align:left; height:29px; line-height:27px; padding:0 5px; cursor:pointer;}
#header .top .mymenu li div.table .wrap > div a {font-size:14px; color:#030303; padding:0; display:inline-block;}
#header .top .mymenu li div.table .wrap > div strong {display:inline-block; font-size:14px; color:#ff7d9e; display:inline-block; margin-right:15px;}
#header .top .mymenu li button {position:absolute; font-size:18px; right:5px; top:50%; transform:translateY(-50%); width:29px; height:29px; color:#4e4e4e; text-align:right;}
#header .top .mymenu li .popular-search-ward {display:none; overflow:hidden; position:absolute; left:0; top:28px; width:100%; height:340px; border:1px solid #b8b8b8; background:#fff; border-radius:10px; z-index:10;}
#header .top .mymenu li .popular-search-ward table caption {border-bottom:1px solid #e7e7e7; color:#3a3a3a; font-size:14px; font-weight:600; height:40px; line-height:40px;}
#header .top .mymenu li .popular-search-ward table tr {position:relative;}
#header .top .mymenu li .popular-search-ward table tr td {padding-bottom:8px;}
#header .top .mymenu li .popular-search-ward table tr:first-of-type td {padding-top:23px;}
#header .top .mymenu li .popular-search-ward table tr td a {display:inline-block;}
#header .top .mymenu li .popular-search-ward table tr td:first-of-type {font-size:13px; text-align:left; padding-left:15px;}
#header .top .mymenu li .popular-search-ward table tr td:first-of-type a {padding:0 0 1px; border-bottom:1px solid #fff;}
#header .top .mymenu li .popular-search-ward table tr td:first-of-type a:hover {border-bottom:1px solid #999;}
#header .top .mymenu li .popular-search-ward table tr td:last-of-type {font-size:11px; padding-right:15px;}
#header .top .mymenu li .popular-search-ward table tr td:last-of-type small {position:relative; left:8px;}
#header .top .mymenu li .popular-search-ward table tr td.up {color:#ff41a2; font-size:11px;}
#header .top .mymenu li .popular-search-ward table tr td.down {color:#5a6eff;}
#header .top .mymenu li .popular-search-ward table tr td strong {display:inline-block; margin-right:7px; font-weight:500;}
#header .top .mymenu li .popular-search-ward table tr.rank td:first-of-type {font-weight:600;}
#header .top .mymenu li .popular-search-ward table tr td i {display:inline-block; margin-right:3px;}
#header .top .mymenu li .popular-search-ward table tr.rank td strong { font-family:'Noto-B';color:#ff41a2;}
i.fa.sam{
	color: #b9b9b9;
}
i.fa.fa-caret-new{
	color:#ff41a2
}

#header .top .mymenu li .popular-search-ward table tr td strong{
	color: #b9b9b9	
}
#header .bottom{height:70px}
#header .bottom .btn-all,
#header .bottom .menu,
#header .bottom .cateogry{display:inline-block;font-size:14px;vertical-align:top}
#header .bottom .btn-all{position:relative;z-index:1001;margin:-9px 14px 0 0;width:52px;height:52px;background:none;transition:background 0.4s}
#header .bottom .btn-all span{display:block;position:absolute;left:50%;top:50%;padding:0;margin:-2px 0 0 -15px;width:30px;min-width:30px;height:4px;text-indent:-9999px;line-height:1;border:none;border-radius:4px;background:#050505;transition:all 0.4s}
#header .bottom .btn-all span:before{content:'';position:absolute;left:0;top:-10px;width:100%;height:4px;border-radius:4px;background:#050505;transition:all 0.4s}
#header .bottom .btn-all span:after{content:'';position:absolute;left:0;bottom:-10px;width:100%;height:4px;border-radius:4px;background:#050505;transition:all 0.4s}
html.open #header .bottom .btn-all{background:#fff}
html.open #header .bottom .btn-all span{background:transparent}
html.open #header .bottom .btn-all span:before{top:0;background:#ec6c73;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
html.open #header .bottom .btn-all span:after{bottom:0;background:#ec6c73;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
/** ie8 전체 메뉴 버튼 **/
@media \0screen {
  #header .bottom .btn-all{background:url('../img/common/header/btn_allmenu.png') no-repeat 50% 50%}
  #header .bottom .btn-all span{display:none}
  html.open #header .bottom .btn-all{background:url('../img/common/header/btn_allmenu_close.png') no-repeat 50% 50%}
}
#header .bottom .menu{margin:0 130px 0 0}
#header .bottom .menu > li{position:relative;float:left;margin:0 0 0 2px}
#header .bottom .menu > li:first-child{margin:0}
#header .bottom .menu > li > a{display:block;position:relative;padding:0 8px;height:34px;font-size:16px;line-height:32px;font-family:'Noto-M'}
#header .bottom .menu > li:hover > a{color:#fff}
#header .bottom .menu > li > a .over{display:none;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;background:#ff7d9e}
#header .bottom .menu .sub{display:none;position:absolute;left:0;top:34px;z-index:99;padding:14px 16px 14px 10px;font-size:14px;color:#fff;white-space:nowrap;text-align:left;background:#ff7d9e}
#header .bottom .menu .sub li{position:relative;margin:12px 0 0 0;padding:0 0 0 10px}
#header .bottom .menu .sub li:hover:before{content:'';position:absolute;left:0;top:4px;width:5px;height:5px;background:#fff}
#header .bottom .menu .sub li:first-child{margin:0}
#header .bottom .cateogry{margin:-14px 0 0 0;color:#000}
#header .bottom .cateogry:after{content:'';display:table;width:100%;clear:both}
#header .bottom .cateogry li{position:relative;float:left;margin:0 0 0 12px;min-width:52px;text-align:center}
#header .bottom .cateogry li em{position:absolute;right:0;top:0;padding:0 1px 0 2px;min-width:18px;height:20px;text-align:center;line-height:20px;font-size:11px;color:#fff;border-radius:50%;background:#ff7d9e}
#header .bottom .cateogry li:first-child{margin:0}
#header .bottom .cateogry li a{display:block;position:relative;padding:58px 0 0 0;font-family:'Noto-M'}
#header .bottom .cateogry li a:before{content:'';position:absolute;left:0;top:0;width:52px;height:52px;background:url('../img/common/header/cateogry.png') no-repeat 0 0}
#header .bottom .cateogry li a span{position:absolute;left:50%;bottom:-16px;margin:0 0 0 -50px;width:100px;text-align:center;opacity:0}
#header .bottom .cateogry .c2 a:before{background-position:-55px 0}
#header .bottom .cateogry .c3 a:before{background-position:-110px 0}
#header .bottom .cateogry .c4 a:before{background-position:-220px 0}
#header .bottom .cateogry .c5 a:before{background-position:-275px 0}
#header .bottom .cateogry .c6 a:before{background-position:-331px 0}

/** allMenu **/
#allMenu{display:none;overflow:auto;position:absolute;left:0;top:-100px;z-index:999;padding:100px 0 0 0;width:100%;height:100%;font-size:0;text-align:center;background:url('../img/common/bg/opa95_red.png')}
#allMenu .inner{position:relative;margin:0 auto;padding:220px 0 0 0;width:1076px;color:#fff}
#allMenu .inner .btn-close{position:absolute;left:0;top:0}
#allMenu .inner .list{width:1076px;font-size:0;text-align:left}
#allMenu .inner .list > li{display:inline-block;margin:50px 0 0 0;font-size:14px;vertical-align:top}
#allMenu .inner .list .tit{margin:0 15px 10px 0;padding:0 16px;height:40px;font-family:'Noto-M';font-size:22px;border-bottom:solid 1px #fff}
#allMenu .inner .list .tit:first-child{margin-right:0 !important}
#allMenu .inner .list .tit + .tit{margin-top:20px}
#allMenu .inner .list .sub + .tit{margin-top:34px}
#allMenu .inner .list .sub{margin:0 15px 0 0;font-size:17px;color:#fff}
#allMenu .inner .list .sub li a{display:block;padding:0 16px;height:34px;line-height:34px}
#allMenu .inner .list .sub li a:hover{color:#db3741;background:#fff}
#allMenu .inner .list .col1{width:174px}
#allMenu .inner .list .col2{width:167px}
#allMenu .inner .list .col2 .tit{margin-right:30px}
#allMenu .inner .list .col2 .sub{margin-right:30px}
#allMenu .inner .list .col3{width:205px}
#allMenu .inner .list .col3 .tit{margin-right:30px}
#allMenu .inner .list .col3 .sub{margin-right:30px}
#allMenu .inner .list .col4{width:196px}
#allMenu .inner .list .col5{width:220px}
#allMenu .inner .list .col5 .tit{margin-right:30px}
#allMenu .inner .list .col6{width:114px}

/* sideArea */
#sideArea{display:none;visibility:hidden;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:#fff;box-sizing:border-box}
#sideArea > .inner{visibility:visible;position:absolute;right:-700px;top:0;z-index:2;padding:162px 0 0 0;width:592px;height:100%;border-left:solid 4px #ff7d9e;box-sizing:border-box;background:#fff}
#sideArea > .inner > .btn-close{position:absolute;left:-84px;top:50%;margin:-57px 0 0 0;text-align:left;text-indent:-9999px;width:83px;height:114px;background:url('../img/common/btn/sideclose.png') no-repeat 0 0}
#sideArea > .inner > .top{position:absolute;left:0;top:0;padding:62px 65px 0 65px;width:100%;height:161px;border-bottom:solid 1px #e8e8e8;box-sizing:border-box}
#sideArea > .inner > .top .search{position:relative}
#sideArea > .inner > .top .search .info{position:absolute;left:0;top:14px;font-family:'Noto-B';font-size:22px;color:#000;}
#sideArea > .inner > .top .search .insert .info{display:none}
#sideArea > .inner > .top .search input{display:block;position:relative;z-index:2;padding:0 60px 0 0;width:100%;height:56px;font-family:'Noto-B';font-size:22px;color:#000;border:none;border-bottom:solid 2px #39373a;box-sizing:border-box;background:transparent}
#sideArea > .inner > .top .search .btn-search{position:absolute;right:0;top:0;z-index:2;width:56px;height:56px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_search.png') no-repeat 22px 50%}
#sideArea > .inner > .bottom{overflow:auto;padding:26px 45px 45px 40px;height:100%;box-sizing:border-box}
#sideArea > .inner > .bottom .con .options{margin:0 0 40px 0}
#sideArea > .inner > .bottom .con .options > dt{margin:0 0 18px 0;padding:0 25px;font-family:'Noto-B';font-size:16px;color:#000}
#sideArea > .inner > .bottom .con .options > dt span{margin:0 0 0 5px;font-family:'Noto-M';font-size:13px;color:#878787}
#sideArea > .inner > .bottom .con .options > dd{padding:0 25px 30px 25px }
#sideArea > .inner > .bottom .con .options > dd + dt{padding-top:30px;border-top:solid 1px #e8e8e8}
#sideArea > .inner > .bottom .con .options .slider-box{padding-top:4px}
#sideArea > .inner > .bottom .con .options .slider-box .txt{margin:8px 0 0 0;font-size:14px;color:#39373a;text-align:right}
#sideArea > .inner > .bottom .con .options .slider-box .txt .min{float:left}
#sideArea > .inner > .bottom .btn-search{display:block;width:100%}
#sideArea > .inner > .bottom .btn-search span{display:block;width:100%;height:64px;font-family:'Noto-B';font-size:20px;color:#fff;text-align:center;line-height:64px;border-radius:10px;background:#f7374a}
#sideArea .btn-area{display:none;position:absolute;left:0;top:0;width:100%;height:100%;text-align:left;text-indent:-9999px;background:url('../img/common/bg/opa60.png');visibility:visible}


/* form-color-list */
.form-color-list{overflow:hidden}
.form-color-list > li{float:left}
.form-color-list > li + li{margin:0 0 0 8px}
.form-color-list > li input{position:absolute;left:-9999px}
.form-color-list > li label{display:block;position:relative;width:24px;height:24px;text-align:left;text-indent:-9999px;border:solid 1px #bababa}
.form-color-list > li label:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%}
.form-color-list > li input:checked + label:before{background:url('../img/common/icon/check.png') no-repeat 50% 50%}
.form-color-list > li:first-child input:checked + label:before{background:url('../img/common/icon/check_gray.png') no-repeat 50% 50%}

/* form-check-list */
.form-check-list{overflow:hidden;margin:-10px 0 0 -10px}
.form-check-list > li{float:left;margin:10px 0 0 10px}
.form-check-list > li input{position:absolute;left:-9999px}
.form-check-list > li label{display:block;padding:0 5px;width:100%;min-width:50px;height:34px;line-height:32px;font-size:14px;color:#39373a;text-align:center;border:solid 1px #bababa;border-radius:3px}
.form-check-list > li input:checked + label{color:#ff7d9e;border-color:#ff7d9e}

.ui-slider{height:6px !important;border:solid 1px #e8e8e8 !important}
.ui-slider .ui-slider-range{top:-1px;height:8px !important;background:#ff7d9e}
.ui-slider .ui-slider-handle{top:-7px;margin:0 0 0 0;width:18px;height:18px;border:0;outline:none;background:url('../img/common/btn/handle.png') no-repeat 0 0;cursor:pointer}
.ui-slider .ui-slider-handle + .ui-slider-handle{margin:0 0 0 0}
.ui-slider .ui-slider-handle span{position:absolute;left:50%;top:23px;margin:0 0 0 -100px;width:200px;text-align:center;font-size:14px;color:#39373a}

/** rightQuick **/
#rightQuick{position:absolute;left:50%;top:0;z-index:99;margin:0 0 0 760px}
#rightQuick.fixed{position:fixed;top:50px}
#rightQuick .list{position:relative}
/*#rightQuick .list:before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#e6e6e6}*/
#rightQuick .list > li{position:relative}
#rightQuick .list > li > *{display:block;width:67px;height:67px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/quick.png') no-repeat 0 0}
#rightQuick .list > li .nav-bottom{background-position:0 -70px}
#rightQuick .list > li .nav-smart{background-position:0 -350px}
#rightQuick .list > li .nav-kakao{background-position:0 -210px}
#rightQuick .list > li .nav-talk{background-position:0 -280px}
#rightQuick .list > li .nav-top:hover{background-position:100% 0}
#rightQuick .list > li .nav-bottom:hover{background-position:100% -70px}
#rightQuick .list > li .nav-smart:hover,
#rightQuick .list > li .nav-smart.on{background-position:100% -350px}
#rightQuick .list > li .nav-kakao:hover{background-position:100% -210px}
#rightQuick .list > li .nav-talk:hover{background-position:100% -280px}
#rightQuick .list > li{margin:10px 0 0 0}
#rightQuick .list > li:first-child{margin:0}
#rightQuick .list .latest{display:none}

#rightQuick_brand{position:absolute;left:50%;top:0;z-index:99;margin:0 0 0 760px}
#rightQuick_brand.fixed{position:fixed;top:50px}
#rightQuick_brand .list{position:relative}
#rightQuick_brand .list > li{position:relative}
#rightQuick_brand .list > li > *{display:block;width:67px;height:67px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/quick.png') no-repeat 0 0}
#rightQuick_brand .list > li .nav-bottom{background-position:0 -70px}
#rightQuick_brand .list > li .nav-smart{background-position:0 -350px}
#rightQuick_brand .list > li .nav-kakao{background-position:0 -210px}
#rightQuick_brand .list > li .nav-talk{background-position:0 -280px}
#rightQuick_brand .list > li .nav-top:hover{background-position:100% 0}
#rightQuick_brand .list > li .nav-bottom:hover{background-position:100% -70px}
#rightQuick_brand .list > li .nav-smart:hover,
#rightQuick_brand .list > li .nav-smart.on{background-position:100% -350px}
#rightQuick_brand .list > li .nav-kakao:hover{background-position:100% -210px}
#rightQuick_brand .list > li .nav-talk:hover{background-position:100% -280px}
#rightQuick_brand .list > li{margin:10px 0 0 0}
#rightQuick_brand .list > li:first-child{margin:0}
#rightQuick_brand .list .latest{display:none}

/** footer **/
#footer{margin:122px 0 0 0;border-top:solid 1px #ccc}
#footer address{display:inline-block}
#footer .rtstatus{border:solid 1px #ccc}
#footer .rtstatus .tit{position:relative;padding:0 0 0 19px;height:51px;line-height:51px;font-family:'Noto-B';font-size:17px;color:#000;border-bottom:solid 1px #ccc;background:#f2f2f2}
#footer .rtstatus .tit img{position:absolute;right:17px;top:10px;width:30px;height:auto}
#footer .rtstatus .info{padding:8px 0 0 0;height:26px;text-align:center;border-bottom:solid 1px #ccc}
#footer .rtstatus .img{padding:22px 0 0 53px;height:77px;}


#footer .inner{margin:0 auto;width:1280px}
#footer .top{padding:62px 0 40px 0}
#footer .top .inner{height:600px}
#footer .top .inner > li{float:left}
#footer .top .col1{margin:0 62px 0 0;width:268px}
#footer .top .col2{margin:0 38px 0 0;width:254px}
#footer .top .col3{width:180px}
#footer .top .col4{width:478px}
#footer .top .col1 .info1{margin:0 0 16px 0;font-size:0}
#footer .top .col1 .info1 > *{display:inline-block;width:50%;vertical-align:top}
#footer .top .col1 .info1 .txt.red,
#footer .top .col1 .info1 .txt.red span{color:#ff6c7c}
#footer .top .col1 .info1 .tit{height:24px;font-family:'Noto-B';font-size:16px;color:#000}
#footer .top .col1 .info1 .txt{height:24px;font-size:14px;color:#8b8b8b}
#footer .top .col1 .info1 .txt span{color:#000}
#footer .top .col1 .info1 .full{overflow:hidden;margin-top:15px;width:100%}
#footer .top .col1 .info1 .full > *{float:left;width:50%}
#footer .top .col1 .info2{margin:0 0 16px 0;padding:14px 0;font-size:15px;color:#000;text-align:center;background:#f2f2f2}
#footer .top .col1 .info2 strong{color:#ff6c7c}
#footer .top dt{height:36px;font-family:'Noto-B';font-size:17px}
#footer .top dd{margin:0 0 8px 0;font-size:16px}
#footer .top .tel{margin:0 0 13px 0}
#footer .top .notice-box{position:relative;padding:25px 0 0 0;width:252px}
#footer .top .notice-box .tit{margin:0 0 20px 0;height:39px;font-family:'Noto-M';font-size:17px;line-height:41px;border:solid #999;border-width:1px 0}
#footer .top .more-small{position:absolute;right:0;top:40px;font-family:'Noto-M';font-size:13px;background-position:100% 1px}
#footer .top .bank{margin:0 0 20px 0;font-family:'Noto-B';font-size:16px;color:#ff6c7c}
#footer .top .bank-list{font-size:14px;color:#8b8b8b}
#footer .top .bank-list li{margin:10px 0 0 0}
#footer .top .bank-list li strong{display:inline-block;width:50px;font-family:'Noto-M';color:#000}
#footer .top .bank-list li:first-child{margin:0}
#footer .top .addr{margin:0 0 20px 0}
#footer .top .addr .tit{margin:0 0 14px 0;color:#ff6c7c}
#footer .top .addr .txt{font-size:15px;line-height:1.6}
#footer .top .info-list{margin-top:82px; height:142px;font-size:14px;text-align:center}
#footer .top .info-list li{float:left;margin:0 0 0 10px;width:78px}
#footer .top .info-list li:first-child{margin:0}
#footer .top .info-list li a{display:block;padding:90px 0 0 0}
#footer .top .info-list .i1 a{background:url('../img/common/footer/check_ico1.png') no-repeat 50% 0}
#footer .top .info-list .i2 a{background:url('../img/common/footer/check_ico2.png') no-repeat 50% 0}
#footer .top .info-list .i3 a{background:url('../img/common/footer/check_ico3.png') no-repeat 50% 0}
#footer .top .link{overflow:hidden;width:478px}
#footer .top .link li{float:left;margin:0 0 0 18.5px}
#footer .top .link li a{display:block;width:138px;height:45px;font-size:16px;color:#ff6c7c;text-align:center;line-height:45px;border:solid 1px #ff7d9e;border-radius:4px}
#footer .top .link .l1{margin:0 0 14px 0}
#footer .top .link .l1 a{width:476px;height:48px;line-height:48px}
#footer .top .link .l2{margin:0}
#footer .top .link .l2 a{width:159px}
#footer .top .col3,
#footer .top .col4{font-size:16px}
#footer .top .col3 dd + dt{margin-top:88px}
#footer .top .col3 dd a:hover{text-decoration:underline}
#footer .bottom{padding:36px 0 20px 0;height:160px;font-size:13px;color:#d6d6d6;background:#000}
#footer .bottom .inner{width:1280px}
#footer .bottom dt{margin:0 0 15px 0;color:#fff}
#footer .bottom dd{margin:14px 0 0 0}
#footer .bottom ul{overflow:hidden}
#footer .bottom ul li{position:relative;margin:0 0 0 28px;float:left}
#footer .bottom ul li:before{content:'';position:absolute;left:-14px;top:0;width:1px;height:16px;background:#555}
#footer .bottom ul li:first-child{margin:0}
#footer .bottom ul li:first-child:before{display:none}