@charset "utf-8";
/* 2018.04.06 font */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	src: url('../font/Roboto-Regular.eot');
	src:
		url('../font/Roboto-Regular.woff2') format('woff2'),
		url('../font/Roboto-Regular.woff') format('woff'),
		url('../font/Roboto-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'RobotoMedium';
    font-style: normal;
    font-weight: 500;
    src: url('../font/Roboto-Medium.eot');
    src:
         url('../font/Roboto-Medium.woff2') format('woff2'),
         url('../font/Roboto-Medium.woff') format('woff'),
         url('../font/Roboto-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'RobotoBold';
    font-style: normal;
    font-weight: 500;
    src: url('../font/Roboto-Bold.eot');
    src:
         url('../font/Roboto-Bold.woff2') format('woff2'),
         url('../font/Roboto-Bold.woff') format('woff'),
         url('../font/Roboto-Bold.otf') format('opentype');
}

/* reset element */
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,button,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 }
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: inherit }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block }
ol,ul {list-style: none }
blockquote,q {quotes: none }
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none }
img,fieldset,a {border: 0 }
img {vertical-align: middle }
table,thead,tbody,tfoot {border-collapse: collapse; border-spacing: 0; border: 0 none; word-wrap: break-word }
table th,table td {word-wrap: break-word }
ul,ol,li {list-style: none }
address,em {font-style: normal }
input,select,textarea,button,form img {vertical-align: middle }
fieldset {min-width: 0 }
button,input[type="submit"] {cursor: pointer; font-family: "Roboto" }
input:focus,button:focus,select:focus,textarea:focus {outline: 0 }
button::-moz-focus-inner {border: 0 none; padding: 0 }
.blind,legend,caption {overflow: hidden; position: absolute; width: 1px; height: 1px; border: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) }
caption {position: static; height: 0 }
hr {display: none }
body {width: 100%; height: 100%; font-family: "Roboto" }
#wrap {position: relative; width: 100%; height: 100%; font-size: 14px; line-height: 1 }
#header {width: 100%; min-width: 931px; min-height: 203px; margin: 0 auto }
#header:after {content: ""; display: block; clear: both }
#container {width: 931px; min-height: 530px; margin: 0 auto; position: relative; padding-bottom: 50px; clear: both }
#footer {box-sizing: border-box; width: 100%; min-width: 931px; border-top: 1px solid #ddd; background-color: #f2f2f2 }
#footer>p {width: 931px; margin: 0 auto; padding-top: 20px }
#header>p {width: 931px; margin: 0 auto }
.pageloading_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999 }
.pageloading_wrap p {position: absolute; top: 50%; left: 0; width: 100%; padding-top: 25px; text-align: center; font-size: 14px; color: #fff }
.pageloading_wrap .loading {position: absolute; top: 325px; left: 50% }
.pageloading_wrap .loading_dimmed {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity = 0); background: #000 }
.pageloading_wrap.payment {position: fixed }
.pageloading_wrap.payment .loading {top: 50% }
.pageloading_wrap.payment .loading_dimmed {opacity: .6; filter: alpha(opacity = 60) }
a {text-decoration: none }
a:link {color: #000 }
a:visited {color: #000 }
a:hover {color: #000 }
a:focus {color: #000 }
.chk_list li {display: inline-block; padding-right: 20px; line-height: 1 }
.chk_list li label {padding-left: 20px }
.radio_wrap {margin-top: 3px }
.radio_wrap li {display: block; margin-top: 18px }
.radio_wrap li:first-child {margin-top: 0 }
.css-radiolabel {color: #333 }
.radio_wrap .info_tit {display: inline-block; width: 110px; color: #666; font-weight: normal }
.radio_wrap .radios {margin-right: 29px }
.file_select_wrap .btn {display: inline-block; box-sizing: border-box; height: 28px; border: 1px solid #e0e0e0; border-radius: 2px; background: #fff; margin-left: 6px; text-align: center; font-size: 12px; color: #333; vertical-align: top }
.file_select_wrap input[type=text] {box-sizing: border-box; height: 28px; border-color: #e0e0e0; background: #fff }
.file_select {position: relative; display: inline-block; width: 70px; height: 28px; margin-left: 6px; vertical-align: top; overflow: hidden }
.file_select .btn {position: absolute; right: 0; top: 0; box-sizing: border-box; width: 70px; color: #666 }
.file_select input[type=file] {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 50px; opacity: 0; filter: alpha(opacity = 0); cursor: pointer }
input,select,textarea {font-size: 14px; color: #000; font-family: "Roboto" }
input.input {border: 1px solid #d3d3d3; padding: 5px 8px; color: #888; line-height: 16px }
select.select {border: 1px solid #d3d3d3; color: #333; font-family: "Roboto"; line-height: 16px }
select {padding: 3px 4px 4px; border: 1px solid #e0e0e0; line-height: 20px; height: 29px }
select[disabled] {background-color: #f0f0f0 }
input[type=checkbox].css-checkbox {overflow: hidden; position: absolute; left: -1000px; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); z-index: -1000 }
input[type=radio].css-radiobox {overflow: hidden; position: absolute; left: -1000px; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); z-index: -1000 }
input[type=checkbox].css-checkbox+label.css-label {position: relative; display: inline-block; min-width: 14px; min-height: 14px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; word-wrap: normal }
input[type=checkbox].css-checkbox[checked]+label.css-label {background-position: 0 -50px }
input[type=checkbox].css-checkbox[disabled]+label.css-label {opacity: .5; filter: alpha(opacity = 50) }
label.lable_disabled {opacity: .5; filter: alpha(opacity = 50) }
input[type=checkbox].css-checkbox+label.css-label.two:after {content: ""; display: block; position: absolute; top: 16px; left: 0; width: 14px; height: 22px; background: #fff }
input[type=checkbox].css-checkbox+label.css-label.two>span {display: inline-block; line-height: 1.4; margin-top: -3px }
input[type=checkbox].css-checkbox-red+label.css-label-red {background-position: 0 -300px }
input[type=checkbox].css-checkbox-red:checked+label.css-label-red {background-position: 0 -325px }
input[type=checkbox].css-checkbox-orange+label.css-label-orange {background-position: 0 -350px }
input[type=checkbox].css-checkbox-orange:checked+label.css-label-orange {background-position: 0 -375px }
input[type=checkbox].css-checkbox-yellow+label.css-label-yellow {background-position: 0 -400px }
input[type=checkbox].css-checkbox-yellow:checked+label.css-label-yellow {background-position: 0 -425px }
input[type=checkbox].css-checkbox-lemon+label.css-label-lemon {background-position: 0 -450px }
input[type=checkbox].css-checkbox-lemon:checked+label.css-label-lemon {background-position: 0 -475px }
input[type=checkbox].css-checkbox-lime+label.css-label-lime {background-position: 0 -500px }
input[type=checkbox].css-checkbox-lime:checked+label.css-label-lime {background-position: 0 -525px }
input[type=checkbox].css-checkbox-green+label.css-label-green {background-position: 0 -550px }
input[type=checkbox].css-checkbox-green:checked+label.css-label-green {background-position: 0 -575px }
input[type=checkbox].css-checkbox-skyblue+label.css-label-skyblue {background-position: 0 -600px }
input[type=checkbox].css-checkbox-skyblue:checked+label.css-label-skyblue {background-position: 0 -625px }
input[type=checkbox].css-checkbox-blue+label.css-label-blue {background-position: 0 -650px }
input[type=checkbox].css-checkbox-blue:checked+label.css-label-blue {background-position: 0 -675px }
input[type=checkbox].css-checkbox-darkblue+label.css-label-darkblue {background-position: 0 -700px }
input[type=checkbox].css-checkbox-darkblue:checked+label.css-label-darkblue {background-position: 0 -725px }
input[type=checkbox].css-checkbox-white+label.css-label-white {background-position: 0 -750px }
input[type=checkbox].css-checkbox-white:checked+label.css-label-white {background-position: 0 -775px }
input[type=checkbox].css-checkbox-gray+label.css-label-gray {background-position: 0 -800px }
input[type=checkbox].css-checkbox-gray:checked+label.css-label-gray {background-position: 0 -825px }
input[type=checkbox].css-checkbox-disable+label.css-label-disable {background-position: 0 -850px }
input[type=checkbox].css-checkbox-disable:checked+label.css-label-disable {background-position: 0 -850px }
input[type=checkbox].css-checkbox-all+label.css-label-all {background-position: 0 -20px }
input[type=checkbox].css-checkbox-all:checked+label.css-label-all {background-position: 0 -75px }
label.css-label {background-image: url(../img/common/ico_check_radio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none }
input[type=radio].css-radiobox {overflow: hidden; position: absolute; left: -1000px; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); z-index: -1000 }
input[type=radio].css-radiobox+label.css-radiolabel {display: inline-block; min-width: 14px; min-height: 14px; background-repeat: no-repeat; background-position: 0 -100px; vertical-align: middle; cursor: pointer }
input[type=radio].css-radiobox[checked]+label.css-radiolabel {background-position: 0 -150px }
input[type=radio].css-radiobox[disabled]+label.css-radiolabel {opacity: .5; filter: alpha(opacity = 50) }
label.css-radiolabel {background-image: url(../img/common/ico_check_radio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none }
img.ui-datepicker-trigger {border-left: 1px solid #e0e0e0; line-height: 28px; padding-left: 9px; cursor: pointer }
input[type=text]::-webkit-input-placeholder {color: #aaa }
input[type=text]:-moz-placeholder {color: #aaa; opacity: 1 }
input[type=text]::-moz-placeholder {color: #aaa; opacity: 1 }
input[type=text]:-ms-input-placeholder {color: #aaa }
textarea::-webkit-input-placeholder {color: #aaa }
textarea:-moz-placeholder {color: #aaa; opacity: 1 }
textarea::-moz-placeholder {color: #aaa; opacity: 1 }
textarea:-ms-input-placeholder {color: #aaa }
.label_hidden label {font-size: 1px; text-indent: -9999px }
.radio_center_wrap {position: relative }
.radio_center_wrap label {position: static; width: 14px }
.radio_center_wrap label span {position: absolute; left: 0; width: 100%; text-align: center }
.ellipsis {text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.ellipsis2 {display: block; display: -webkit-box; -webkit-lines-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden }
.top_bar {position: relative }
.top_bar .inner {width: 931px; height: 110px; margin: 0 auto }
.top_bar .inner>a {display: block; width: 1165px; margin-left: -117px }
.top_bar .inner img {width: 100%; height: 100%; vertical-align: top }
.top_bar.close .inner {display: none }
.top_bar_btn {position: absolute; left: 50%; margin-left: -32px; display: block; width: 32px; height: 16px; font-size: 0; background: url(../img/common/ico_common_01.png) no-repeat 0 -828px; z-index: 220 }
.top_bar.close .top_bar_btn {background-position: 0 -854px }
.header_top {position: relative; width: 931px; height: 139px; margin: 0 auto; padding: 0; z-index: 210 }
.header_top .seasonal-logo {position: relative; top: 0; left: -113px; width: 278px; height: 92px; min-height: 92px; padding: 38px 0 0 135px;}
.header_top .logo {padding-top: 37px }
.header_top .unb {position: absolute; right: 0; top: 9px; font-size: 12px }
.header_top .unb li {position: relative; float: left; height: 25px; padding: 1px 9px 1px 11px; background: url(../img/common/ico_common.png) no-repeat 0 -286px }
.header_top .unb li:first-child {background: 0 }
.header_top .unb li a {display: inline-block; padding: 12px 0; color: #898178 }
.header_top .unb li .ic {display: inline-block; position: absolute; left: 0; top: 10px; width: 16px; height: 16px; background: url(../img/common/ico_common.png) no-repeat }
.header_top .unb li.fc01 a {color: #373231 }
.header_top .unb .home {padding-left: 22px; background-image: none }
.header_top .unb .home .ic {background-position: 0 0 }
.header_top .unb .bookmark {padding-left: 33px }
.header_top .unb .bookmark .ic {left: 11px; background-position: -88px 0 }
.header_top .unb .num {display: inline-block; width: 25px; margin: 0 1px 0 3px; padding: 2px 0; border-radius: 15px; background-color: #ef3f3b; font-size: 10px; text-align: center; color: #fff }
.header_top .unb .mobile {padding-left: 32px }
.header_top .unb .mobile .ic {left: 11px; background-position: -40px 0 }
.header_top .unb .app .ic {left: 10px; top: 7px; width: 24px; height: 19px; background-position: -60px 0 }
.header_top .unb .qrimg {position: absolute; left: 0; top: 25px; z-index: 10; display: none }
.header_top .unb .app .qrimg {left: -23px }
.header_top .unb .app a {width: 24px; font-size: 1px; text-indent: -9999px }
.header_top .total_search {position: absolute; right: 0; top: 48px; width: 732px }
/* PC_공통_검색 UI 개선 [주석]
.header_top .total_search .area {position: absolute; right: 307px; bottom: 0; width: 327px; height: 36px; line-height: 36px; border: 1px solid #e53433; background-color: #fff; z-index: 100 }
.header_top .total_search .area>span {display: inline-block; vertical-align: top; padding: 0 12px }
.header_top .total_search .area .input_m {width: 250px; color: #888; border: 0 }
.header_top .total_search .area .input_m:focus {color: #ef3f3b }
.header_top .total_search .area .focus.input_m {color: #ef3f3b!important }
.header_top .total_search .area .input_m::-webkit-input-placeholder {color: #888 }
.header_top .total_search .area .input_m:-moz-placeholder {color: #888; opacity: 1 }
.header_top .total_search .area .input_m::-moz-placeholder {color: #888; opacity: 1 }
.header_top .total_search .area .input_m:-ms-input-placeholder {color: #888 }
.header_top .total_search .area .ico {position: absolute; padding: 0; right: 0; top: 0; line-height: 19px }
.header_top .total_search .area .ico input {padding: 8px 12px }
*/
.header_top .total_search .right_area {float: right; position: relative; width: 267px; height: 54px; text-align: right; overflow: hidden }
.header_top .total_search .right_area>a {float: left; padding-top: 28px; font-family: "RobotoMedium";/*font-weight: bold;*/ font-size: 16px; color: #373231 }
.header_top .total_search .right_area>a:hover {text-decoration: underline }
.header_top .total_search .right_area .banner img {width: 112px; height: 54px }
.total_search .result_area {position: absolute; top: 36px; left: -1px; display: none; line-height: 1; border: 1px solid #e53433; background: #fff }
.total_search .result_area .inner {width: 531px }
.total_search .result_area .search_word {float: left; width: 261px }
.total_search .result_area .title {display: block; padding: 12px 0 12px; font-size: 12px; text-align: center; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #f7f7f7 }
.total_search .result_area .auto_disable {width: 286px; padding: 37px 20px 37px; text-align: center; color: #666 }
.total_search .result_area .auto_disable p {margin-top: 2px; font-size: 12px; line-height: 1.5 }
.total_search .result_area .auto_disable p:first-child {margin-top: 0 }
.total_search .result_area .save_disable {width: 286px; padding: 37px 20px 37px; text-align: center; color: #666 }
.total_search .result_area .save_disable p {margin-top: 2px; font-size: 12px; line-height: 1.5 }
.total_search .result_area .save_disable p:first-child {margin-top: 0 }
.search_word .title+div {padding: 10px 0 0 0; height: 302px; border-right: 1px solid #e0e0e0 }
.search_word .scroll_area {padding: 10px 5px 0 0 }
.search_word .scroll_area>div {height: 302px; overflow-y: auto; overflow-x: hidden }
.search_word .search_save {margin-right: 5px }
.search_word .search_save li {position: relative; margin: 18px 0; padding-left: 15px }
.search_word .search_save li a {font-size: 12px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 190px; height: 14px; display: block }
.search_word .search_save li a.search_delete {background: url('../img/common/ico_common_01.png') no-repeat -93px -828px; width: 12px; height: 12px; position: absolute; right: 0; top: 0; overflow: hidden; text-indent: -999px }
.search_word .search_save li:first-child {margin-top: 10px }
.result_area .product_result {float: left; width: 270px }
.result_area .product_result .title {border-right: 0 }
.product_result .major_product {width: 250px; padding: 20px 10px 5px; font-family: "Roboto" }
.product_result .major_product>li {padding: 15px 0; border-top: 1px solid #e0e0e0; *zoom:1}
.product_result .major_product>li:first-child {padding-top: 0; border-top: 0 }
.product_result .major_product>li>a {display: block }
.product_result .major_product>li>a>span {float: left; width: 70px; height: 70px; margin-right: 10px }
.product_result .major_product>li>a>span img {width: 100% }
.product_result .major_product>li>a>.price {float: left; width: 170px }
.product_result .major_product>li>a>.price .tit {width: 170px; padding-bottom: 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.product_result .major_product>li>a>.price .ex {width: 170px; padding-bottom: 11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.product_result .major_product>li>a>.price .sale {padding-right: 4px; font-size: 12px }
.product_result .major_product>li>a>.price .regular {font-weight: normal; font-size: 12px }
.product_result .major_product>li>a>.price .won {padding: 2px 4px 0 0 }
.search_word .auto_complete>div {height: 297px; overflow-y: scroll }
.search_word .auto_complete li {display: block; position: relative; padding: 10px; font-size: 12px; color: #666 }
.search_word .scroll_area .auto_complete li {cursor: pointer }
.search_word .scroll_area .auto_complete li:hover {background-color: #f5f3f3 }
.search_word .auto_complete li>a {display: inline-block; width: 60%; color: #666 }
.search_word .auto_complete li>a>span {color: #e53433 }
.search_word .auto_complete li>a:hover {text-decoration: underline }
.search_word .auto_complete li>a:hover>span {color: #957045 }
.search_word .auto_complete .btn_go {display: inline-block; position: absolute; top: 4px; right: 10px; width: 88px; height: 22px; font-size:10px; line-height: 22px; letter-spacing:-0.1em; text-align: center; color: #333; border: 1px solid #ccc; border-radius: 3px; background-color: #fff }
.search_word .auto_complete .btn_go:hover {text-decoration: none }
.result_area .close_area {padding: 8px 15px 10px 15px; border-top: 1px solid #e53433; background: #f7f7f7; *zoom:1}
.result_area .close_area .btn {float: left; width: 60% }
.result_area .close_area .btn a {display: inline-block; padding: 0 10px 0 11px; color: #333; font-size: 12px; background: url('../img/common/ico_common_01.png') no-repeat right -884px }
.result_area .close_area .btn a:first-child {padding: 0 4px 0 0; background: 0 }
.result_area .close_area .scroll_area .btn {right: 0 }
.result_area .close_area .close {float: right; display: inline-block; margin-top: 1px; padding-right: 17px; font-size: 12px; color: #333; background: url('../img/common/ico_common_01.png') no-repeat right -883px }
.result_area .inner+.close_area {width: 501px }
.navigation { position: relative; height: 40px }
#container h2,#container h3 {font-size: 26px; font-family: "RobotoMedium"; /*font-weight: bold;*/ text-align: center; color: #333 }
#container h2 span {display: inline-block; vertical-align: top; margin-left: 10px; height: 23px; padding: 0 10px; line-height: 23px; border: 2px solid #fa5450; border-radius: 30px; font-size: 18px; text-align: center; color: #fa5450; font-family:"Roboto"; font-style:italic; }
.tit_txt {font-size: 26px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center; color: #333 }
.tit_txt span {display: inline-block; vertical-align: top; margin-left: 10px; height: 23px; padding: 0 15px 0 8px; line-height: 23px; border: 2px solid #fa5450; border-radius: 30px; min-width: 60px; font-size: 18px; font-style: italic; text-align: center; color: #fa5450 }
.tit_bar {display: inline-block; padding: 0 0 0 50px; background: url('../img/common/ico_common_01.png') no-repeat 0 -742px }
.tit_bar span {display: inline-block; padding: 0 49px 0 0; background: url('../img/common/ico_common_01.png') no-repeat 100% -901px }
.foot_area {padding-bottom: 20px }
.foot_area .utill {padding: 10px 0; background-color: #fff; border-bottom: 1px solid #f0f0f0 }
.foot_area .inner {width: 931px; margin: 0 auto }
.foot_area .utill .fnb {float: left; height: 26px;}
.foot_area .utill .fnb li {float: left; padding: 0 12px; }
.foot_area .utill .fnb li.staff {display: none }
.foot_area .utill .fnb li:first-child {padding-left: 0; background: 0 }
.foot_area .utill .fnb a {color: #333; font-size:14px; line-height: 26px;}
.foot_area .utill .ui_select {float: right }
.foot_area .utill .ui_select select {width: 162px; height:26px; padding: 0 3px; background:#868078; border: 1px solid #868078; color:#fff; font-size: 13px }
.foot_area .address_area {padding: 16px 0 8px; }
.foot_area .address_area .address {font-size: 13px; color: #666 }
.foot_area .address_area .address li {margin-top: 5px; }
.foot_area .address_area .address li:first-child {margin-top: 0 }
.foot_area .address_area .address li .email {padding-bottom: 25px; color: #6d6050 }
.foot_area .address_area .address li .email a {margin-left: 5px; text-decoration: underline; color: #6d6050 }
.foot_area .address_area .address li.copyright {margin-top: 14px }
.foot_area .mark_area {padding-top: 7px }
.foot_area .mark_area .mark {font-size: 12px; line-height: 1.5; color: #aaa }
.foot_area .mark_area .mark li {float: left; margin-right: 24px }/* 24-07-11 푸터 인증마크 변경 */
.foot_area .mark_area .mark li:last-child{margin-right:0;}/* 24-07-11 푸터 인증마크 변경 */
.foot_area .mark_area .mark li span {display: inline-block; vertical-align: top; margin: 2px 8px 0 0 }
.foot_area .mark_area .mark li strong {display: inline-block; vertical-align: top; margin-right: 30px; color: #aaa; font-family: "RobotoMedium"; font-weight: normal; }
.quick_left {position: absolute; left: -115px; top: 20px; width: 100px }
.quick_left li {margin-bottom: 10px; text-align: center }
.quick_left li.special {position: relative; padding: 5px 0 40px 0; border-radius: 2px; background-color: #ede8e5; text-align: center }
.quick_left li.special span {display: block; padding-top: 5px; font-family: "Arial"; font-weight: bold; line-height: 1; color: #443135 }
.quick_left li.special em {font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #e53433 }
.quick_left li.benefit {position: relative; padding: 10px 0 45px 0; border: 1px solid #efefef; border-radius: 2px; background-color: #fff; text-align: center }
.quick_left li.benefit a.btn {opacity: .7; filter: alpha(opacity = 70) }
.quick_left li.benefit img+span {padding-top: 5px; font-size: 12px }
.quick_left li.benefit span {display: block; font-family: "RobotoMedium";/*font-weight: bold;*/ line-height: 1.2 }
.quick_left li.benefit span em {color: #e53433 }
.quick_left li a.btn {display: block; overflow: hidden; position: absolute; bottom: 10px; width: 24px; height: 24px; background: url(../img/common/ico_prev_next.png) no-repeat; font-size: 1px; text-indent: -9999px }
.quick_left li a.prev {left: 23px; background-position: 0 0 }
.quick_left li a.next {right: 23px; background-position: -30px 0 }
.quick_right {position: absolute; right: -105px; top: 15px; width: 85px; font-size: 12px }
.quick_right .mark {padding-bottom: 10px }
.quick_right .ico_cart {position: relative; padding: 15px 0; background-color: #443135; text-align: center; color: #fff; display: block }
.quick_right .ico_cart .ic {display: block; width: 32px; height: 30px; margin: 0 auto 10px; background: url(../img/common/ico_common.png) no-repeat 0 -50px }
.quick_right .ico_cart .num {position: absolute; top: 18px; right: 20px }
.quick_right .exchange {position: relative; padding: 5px; border: 1px solid #ddd3cf; background-color: #f0e7dd }
.quick_right .exchange li {position: relative; padding: 4px 0 }
.quick_right .exchange li .ic {position: relative; top: 3px; left: 0; display: inline-block; width: 13px; height: 13px; margin-right: 5px; background: url(../img/common/ico_common.png) no-repeat 0 -250px }
.quick_right .exchange li .ic_won {background-position: -20px -250px }
.quick_right .exchange li.bold {font-family: "RobotoMedium";/*font-weight: bold;*/ color: #443135 }
.quick_right .exchange li ul {border-top: 1px solid #ddd3cf }
.quick_right .exchange li ul li {padding: 0 5px; font-size: 12px }
.quick_right .exchange li ul li:first-child {padding: 10px 0; text-align: center; color: #443135 }
.quick_right .exchange .dollar {background-color: #fff; font-family: Dotum }
.quick_right .exchange .dollar .input {width: 49px; height: 12px; margin-top: -1px; padding: 0; border: 0; line-height: 12px; font-size: 12px; text-align: right }
.quick_right .exchange .won {padding: 10px 5px 0 5px; font-family: Dotum }
.quick_right .exchange .won span {display: inline-block; width: 45px; text-align: right; color: #ef6e69 }
.quick_right .today {border: 1px solid #ddd3cf; border-top: 0; background-color: #fff }
.quick_right .today .tit {padding: 11px 0; border-bottom: 1px solid #ddd3cf; background-color: #f1f1f1; text-align: center; color: #443135 }
.quick_right .today li ul {padding: 10px 0; border-top: 1px solid #ddd3cf; border-bottom: 1px solid #ddd3cf; text-align: center }
.quick_right .today li ul li:first-child {padding-bottom: 10px }
.quick_right .today li a.btn {display: block; padding: 2px 0; text-align: center }
.quick_right .top {margin-top: 10px; text-align: center }
.quick_right .top a.btn {display: block; padding: 5px 0; background-color: #373231; color: #fff }
.quick_right .num {display: inline-block; width: 25px; margin-left: 3px; padding: 1px 0 2px 0; border-radius: 15px; background-color: #ef3f3b; font-size: 10px; text-align: center; color: #fff }
.quick_right .pop {display: none; position: absolute; top: 95px; right: 75px; width: 503px; z-index: 100 }
.quick_right .pop .list {width: 440px; padding: 15px 0; border-top: 1px solid #d2d2d2 }
.quick_right .pop .list:first-child {padding-top: 0; border-top: 0 }
.quick_right .area {width: 462px; height: 501px; padding: 0 15px; border: 1px solid #ddd3cf; background-color: #fff }
.quick_right .cont {overflow-y: auto; width: 100%; height: 350px }
.quick_right .tit_area {position: relative; margin-bottom: 20px; padding: 15px 0; border-bottom: 1px solid #373231 }
.quick_right .tit_area .tit {font-size: 18px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center }
.quick_right .tit_area .tit span {font-weight: normal }
.quick_right .tit_area .tit span span {color: #f04b47 }
.quick_right .tit_area .more {top: 13px; right: 27px }
.quick_right .btn_close {position: absolute; right: 0; top: 21px; display: block; width: 16px; height: 16px; background: url(../img/common/ico_common.png) no-repeat 0 -590px; font-size: 1px; text-indent: -9999px }
.quick_right .btn_area {position: relative; padding-top: 15px }
.quick_right .btn_area a {display: inline-block; padding: 5px 15px 7px 15px }
.quick_right .btn_area a.off {border: 1px solid #ccc; border-radius: 2px; background-color: #fff; color: #333 }
.quick_right .btn_area a.on {position: absolute; right: 0; border: 1px solid #40362a; background-color: #40362a; color: #fff }
.quick_right .bg {position: absolute; right: 0; display: block; width: 10px; height: 30px; background: url(../img/common/ico_common.png) no-repeat -89px -250px }
.mini_cart {padding-bottom: 15px; border-bottom: 1px solid #d2d2d2 }
.mini_cart .list ul li {float: left }
.mini_cart .list ul li.img {position: relative; width: 110px }
.mini_cart .list ul li.img label {position: absolute; left: 0; top: 0 }
.mini_cart .list ul li.img img {padding: 10px 0 0 10px }
.mini_cart .list ul li.info {width: 140px; margin-right: 10px }
.mini_cart .list ul li.info .tit {padding-bottom: 5px; line-height: 1.5; color: #373231 }
.mini_cart .list ul li.info .tit span {display: block; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.mini_cart .list ul li.select {width: 85px; margin-right: 10px }
.mini_cart .list ul li.select span {display: block; padding-bottom: 13px; font-size: 14px; text-align: center; color: #666 }
.mini_cart .list ul li.count {width: 70px }
.mini_cart .list ul li.count span {display: block; padding-bottom: 13px; font-size: 14px; text-align: center; color: #666 }
.mini_cart .list ul li .ea {position: relative; width: 70px; border: 1px solid #cebba6; border-radius: 2px }
.mini_cart .list ul li .ea span {width: 45px; padding: 20px 0; border-right: 1px solid #cebba6; text-align: center }
.mini_cart .list ul li .ea a {position: absolute; right: 0; display: block; width: 25px; height: 25px; background: url(../img/common/ico_common.png) no-repeat 8px -610px }
.mini_cart .list ul li .ea a.plus {top: 0 }
.mini_cart .list ul li .ea a.minus {top: 27px; border-top: 1px solid #cebba6; background-position: -83px -610px }
.mini_cart .list select {min-width: 75px; margin-bottom: 8px; padding: 3px; border: 1px solid #e0e0e0; font-size: 12px }
.mini_cart .bg {top: 30px }
.today_list {padding-bottom: 15px; border-bottom: 1px solid #d2d2d2 }
.today_list .list {padding: 10px 0!important }
.today_list .list li {float: left; width: 25%; text-align: center }
.today_list .bg {top: 228px }
.today_list .cont {height: 385px!important }
.clear_both:after {content: ""; display: block; clear: both }
.more {box-sizing: border-box; position: absolute; right: 0; top: 3px; width: 96px; border: 1px solid #e0e0e0; border-radius: 2px; font-size: 12px; font-weight: normal; text-align: left; color: #333!important }
.more a {display: block; position: relative; padding: 7px 10px 7px 10px }
.more a:after {content: ""; position: absolute; display: block; top: 50%; right: 10px; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 0 }
.table_default {width: 100%; margin-bottom: 20px; color: #666; border-bottom: 1px solid #bfbfbf }
.table_default th,.table_default td {padding: 10px 5px; border-top: 1px solid #e0e0e0 }
.table_default th {font-weight: normal }
.table_default tbody tr:first-child th,.table_default tbody tr:first-child td {border-top: 1px solid #333 }
.table_default .bt th,.table_default .bt td {border-top: 1px solid #bfbfbf }
.table_default .facet_more {display: none }
.table_default .brand_select_wrap select {height: 28px; line-height: 28px }
.table_default .brand_select_wrap .select_list {margin-bottom: 0!important }
.table_default .brand_select_wrap .select_list span {display: inline-block; padding: 10px 30px 0 0 }
.table_default .brand_select_wrap .select_list a {margin-left: 10px }
.table_default .brand_select_wrap .select_list img {vertical-align: top }
.table_default .brand_select_wrap .btn_ss_red {width: 105px; height: 28px; line-height: 28px }
.table_default select.select_city {margin-bottom: 12px }
.table_normal {width: 100%; color: #666; border-bottom: 1px solid #bfbfbf }
.table_normal thead th {border-top: 2px solid #333; background: #f5f3f3 url(../img/common/ico_common_01.png) no-repeat 0 -918px; font-weight: normal }
.table_normal thead th:first-child {background-image: none }
.table_normal tbody th,.table_normal tbody td {text-align: center; font-size: 12px }
.table_normal tbody tr:first-child th,.table_normal tbody tr:first-child td {border-top: 1px solid #bfbfbf }
.table_normal th,.table_normal td {padding: 10px 5px; border-top: 1px solid #e0e0e0 }
.table_normal .left {text-align: left }
.table_normal .left a {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666; display: block; line-height: 1.3; width: 378px }
.table_normal .right {text-align: right }
.table_normal .table_view_tr {display: none }
.table_normal .table_view_tr .detail_health_view .star_point {padding-bottom: 6px }
.table_normal .package {border-top: 0 }
.table_normal .tit_show {text-align: left; line-height: 20px }
.table_normal .tit_show a {color: #333!important }
.table_normal .tit_show a:hover {text-decoration: underline }
.pagination {padding: 15px 0; text-align: center }
.pagination li {display: inline-block; margin: 0 3px; height: 24px }
.pagination li a {display: block; min-width: 16px; padding: 0 4px; line-height: 24px; font-size: 12px; color: #666 }
.pagination li a img {vertical-align: top }
.pagination li a.on {background-color: #927b60; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #fff }
.paging_btnarea {display: block; position: relative; top: -30px; text-align: center }
.paging_btnarea a.first {position: absolute; top: 10px; left: 1px; min-width: 33px }
.paging_btnarea .pagination {padding: 30px 0 }
span.star {display: inline-block; position: relative; background: url(../img/common/bg_review_star.png) no-repeat }
span.star span {display: inline-block; position: absolute; top: 0; left: 0; background: url(../img/common/bg_review_star.png) no-repeat }
span.star_l {width: 122px; height: 20px; background-position: 0 -0 }
span.star_l span {height: 20px; background-position: 0 -20px }
span.star_m {width: 85px; height: 14px; background-position: 0 -50px }
span.star_m span {height: 14px; background-position: 0 -70px }
span.star_s {width: 69px; height: 12px; background-position: 0 -100px }
span.star_s span {height: 15px; background-position: 0 -120px }
span.star_brown {width: 69px; height: 12px; background-position: 0 -100px }
span.star_brown span {height: 15px; background-position: 0 -150px }
span.star .p20 {width: 20% }
span.star .p40 {width: 40% }
span.star .p60 {width: 60% }
span.star .p80 {width: 80% }
span.star .p100 {width: 100% }
.w350 {width: 330px!important; padding: 6px 9px }
.w347 {width: 347px!important; padding: 6px 9px }
.w399 {width: 399px!important; padding: 6px 9px }
.w195 {width: 175px!important; padding: 6px 9px }
.w165 {width: 147px; padding: 6px 9px }
.w150 {width: 132px }
.sw515 {width: 515px }
.sw330 {width: 330px }
.sw242 {width: 242px }
.sw114 {width: 114px }
.sw165 {width: 165px }
.sw34 {width: 34px }
.sw84 {width: 84px }
.sw75 {width: 75px }
.sw196 {width: 196px }
.sw210 {width: 210px }
.path {width: 100%; padding: 15px 0 }
.path>li {position: relative; display: inline-block; margin-left: 15px; padding-left: 20px; font-size: 12px; color: #888; vertical-align: middle }
.path>li:first-child {margin-left: 0; padding-left: 0; background: 0 }
.path>li:first-child .ic {display: none }
.path>li a {color: #888 }
.path>li strong {font-family: "RobotoMedium"; font-weight: normal; color: #888 }
.path select {min-width: 130px; width: auto; color: #888 }
.path span.ic {display: block; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 -129px }
.path .selectwrap {position: relative; min-width: 103px; padding: 6px; border: 1px solid #e0e0e0; border-radius: 2px }
.path .selectwrap>a {padding-right: 11px }
.path .selectwrap>a:after {content: ""; display: block; width: 8px; height: 4px; margin-top: -2px; position: absolute; top: 50%; right: 10px; background: url('../img/common/ico_common.png') no-repeat 0 -777px }
.path .selectbtn {display: block }
.path .selectlist {display: none; /*width:100%;*/ min-width: 123px; position: absolute; top: 22px; left: -1px; z-index: 10; border: 1px solid #e0e0e0; border-radius: 0 0 2px 2px; border-top: 0; background: #fff }
.path .selectlist li {padding: 0 22px 0 10px; border-top: 1px solid #e0e0e0; background: #fff }
.path .selectlist li a {display: block; width: 100%; height: 30px; line-height: 30px; white-space: nowrap }
.path .selectlist li:hover {background: #373231 }
.path .selectlist li:hover a {color: #fff }
.product_list>ul>li>a {display: block; width: 100%; height: 100% }
.product_over {display: none; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 15px 15px; border: 1px solid #676362; background: url(../img/common/bg_dimmed.png); color: #fff; z-index: 999; cursor: pointer }
.detail_link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; overflow: hidden; text-indent: -999px; z-index: 1 }
li:hover>.product_over,li:hover>div>.product_over {display: block }
.product_over .tit {display: block; position: absolute; left: 15px; top: 20px; line-height: 1.5; width: 90%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.product_over .tit>strong {display: block; margin-bottom: 5px; font-size: 12px; font-family: "RobotoMedium"; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.product_over .tit>em {display: block; margin-bottom: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 21px }
.product_over .tit>span {display: block; font-family: "RobotoMedium";/*font-weight: bold;*/ text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.product_over .percent {position: absolute; left: 0; top: 50%; margin-left: 0; margin-top: -40px; width:100%; font-size: 24px; text-align: center; line-height: 1; color: #fa5450 }
.product_over .percent span {font-size: 48px; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.best_product .product_over .percent span,.category_wrap .product_over .percent span {text-decoration: none }
.product_over .price {position: absolute; left: 15px; bottom: 65px; line-height: 1 }
.product_over .price .sale {font-size: 14px; color: #fff }
.product_over .price .regular {font-size: 12px; font-weight: normal; color: #fff }
.product_over .price .won {padding-top: 4px; color: #fff }
.product_over .login_txt {position: absolute; left: 0; top: 50%; margin-left: 0; margin-top: -38px; border: 0; width:100%; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center; line-height: 1.5; color: #fa5450 }
.product_over .soldout {position: absolute; left: 0; top: 50%; margin-left: 0; margin-top: -33px; width:100%; font-size: 22px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center; line-height: 1.5; color: #aaa }
.product_over .over_btn {position: absolute; left: 0; bottom: 0; width: 100%; font-family: "Roboto"; border-top: 1px solid #978a7a; background: 0; z-index: 10 }
.product_list_wrap .product_over .btn {position: absolute; left: -2px; bottom: -2px; width: 167px; border-top: 1px solid #988a7b }
.product_over .over_btn li {float: left; width: 50% }
.product_over .over_btn li a {display: block; padding: 15px 0; text-align:center; color: #e3c9a8 }
.product_over .over_btn li:first-child a {border-right: 1px solid #938a81 }
.product_over .over_btn_area {box-sizing: border-box; position: absolute; top: auto; left: 0; bottom: 14px; width: 100%; padding: 0 14px; z-index: 10 }
.product_over .over_btn_area a {display: block; width: 100%; padding: 9px 0 8px; background-color: #ef3f3b; font-family: "Roboto"; font-size: 14px; text-align: center; color: #fff }
.product_over .over_btn_area a.sold_out {background: #957045 }
.detail_view .tab2 .product_over .over_btn_area {top: auto; bottom: 15px }
.detail_view .tab2 .product_over .over_btn_area a {display: block; width: 100%; padding: 10px 0; font-family: "Roboto"; text-align: center; color: #fff }
.outline .product_over {border: 2px solid #957044; background: 0 }
.outline .product_over .percent {left: 0; width: 100%; margin: 8px 0 0 0; padding: 14px 0; background-color: #fff; text-align: center }
.outline .product_over .percent span {text-decoration: none }
.outline .product_over .soldout {left: 0; width: 100%; margin: 15px 0 0 0; padding: 17px 0 16px; color: #666; background-color: #fff; text-align: center }
.outline .product_over .over_btn {position: absolute; left: -2px; right: -2px; bottom: -2px; width: auto; border-top: 0 }
.outline .product_over .over_btn li a {padding: 11px 0; background-color: #e43532; color: #fff }
.outline .product_over .over_btn li:first-child a {border-right-color: #fff; background-color: #373332 }
.outline .product_over .over_btn_area {width: auto; left: -2px; right: -2px; bottom: -2px; padding: 0 }
.outline .product_over .over_btn_area a {padding: 11px 0; font-size: 14px }
.outline .product_over .login_txt {left: 0; width: 100%; margin: 10px 0 0 0; padding: 17px 0; background-color: #fff }
.product_over.small {font-size: 12px; text-align: left }
.product_over.small .tit {left: 15px; top: 8px; width: 90%; text-align: left; line-height: 1.6 }
.product_over.small .tit span {display: block; padding-bottom: 3px; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.product_over.small .price {left: 15px; bottom: 13px; width: 90%; text-align: left }
.product_over.small .price .sale {font-size: 12px; color: #ef3f3b }
.product_over.small .price .regular {font-size: 12px; padding-right: 0 }
.product_over.small .price .won {padding-top: 6px }
.cart_wrap .product_over .btn {background: 0; border: 0 }
.price {font-size: 12px; color: #373231; z-index: 100 }
.price .tit {padding-bottom: 10px }
.price .sale {padding-right: 10px; font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #ef3f3b }
.price .regular {padding-right: 10px; font-size: 14px; text-decoration: line-through }
.price .won {padding-top: 8px; font-family: "Roboto" }
.product_off {font-family: "Roboto" }
.product_over {font-family: "Roboto" }
.product_off_wrap .product_off {position: relative; padding: 20px 10px; background: #fff; text-align: center; word-wrap: normal }
.product_off_wrap .product_off .ico_rank {position: absolute; top: 10px; left: 10px; font-family: 'Arial'; font-weight: bold; font-size: 18px; color: #898178 }
.product_off_wrap .product_off .ico_rank.fst {color: #e53433 }
.product_off_wrap .product_off .pr_img {display: inline-block; width: 150px; height: 150px; margin-bottom: 12px; overflow: hidden }
.product_off_wrap .product_off .pr_img img {width: 100%; height: 100% }
.product_off_wrap .product_off .pr_info {position: relative; line-height: 15px; font-family: "Roboto"; font-size: 12px; color: #333 }
.product_off_wrap .product_off .brand {height: 14px; line-height: 13px; margin-bottom: 8px; font-family: "RobotoMedium";/*font-weight: bold;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.product_off_wrap .product_off .name {height: 30px; line-height: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; color: #534a3f }
.product_off_wrap .product_off .ref_no {position: relative; height: 14px; line-height: 14px; color: #898178; z-index: 5 }
.product_off_wrap .product_off .ref_no span {display: inline-block; max-width: 90%; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; line-height: 14px }
.product_off_wrap .product_off .price {font-size: 14px }
.product_off_wrap .product_off .price .regular {padding-right: 5px; text-decoration: line-through; color: #534a3f }
.product_off_wrap .product_off .price .sale {padding: 0 2px 0 0; color: #e53433 }
.product_off_wrap .product_off .price .won {display: block; padding-top: 4px; font-weight: normal; font-size: 12px; color: #534a3f }
.product_off_wrap {position: relative; background: #fff }
.product_off_wrap .product_off {padding: 45px 10px 40px }
.product_off_wrap:hover .product_over_wrap {display: block }
.product_off_wrap .product_over_wrap {display: none; position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; border: 2px solid #957045; padding-top: 202px; line-height: 14px; text-align: center; font-size: 12px }
.product_off_wrap .product_over_wrap .detail_link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: #fff; opacity: 0; filter: alpha(opacity = 0) }
.product_off_wrap .product_over_wrap .pr_info {position: relative; height: 107px; background: #fff; font-family: "Roboto"; z-index: 2 }
.product_off_wrap .product_over_wrap .msg_area {display: table; width: 100%; height: 102px }
.product_off_wrap .product_over_wrap .msg {display: table-cell; padding-top: 5px; vertical-align: middle; line-height: 1.5; color: #e53433 }
.product_off_wrap .product_over_wrap .soldout {display: table-cell; padding-top: 5px; vertical-align: middle; line-height: 1.5; color: #aaa; font-size: 22px; font-family: "RobotoMedium";/*font-weight: bold;*/}
.product_off_wrap .product_over_wrap .msg strong {padding: 0 2px; font-family: "RobotoMedium"; font-weight: normal; line-height: 48px; font-size: 46px }
.product_off_wrap .product_over_wrap .msg span {font-size: 24px }
.product_off_wrap .product_over_wrap .msg p {font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/}
.product_off_wrap .product_over_wrap .msg p.soldout {font-size: 22px; color: #666; display: inline-block }
.product_off_wrap .product_over_wrap .over_btn_area {position: absolute; left: -2px; right: -2px; bottom: -2px; z-index: 4; overflow: hidden }
.product_off_wrap .product_over_wrap .over_btn_area a {display: block; box-sizing: border-box; width: 100%; height: 36px; line-height: 36px; text-align: center; font-family: "Roboto"; font-size: 14px; color: #fff; background: #957045 }
.product_off_wrap .product_over_wrap .over_btn_area a.btn_login {background: #e53433 }
.product_off_wrap .product_over_wrap .over_btn_area a.btn {float: left; width: 50%; background: #373231 }
.product_off_wrap .product_over_wrap .over_btn_area a.btn:hover {background: #e53433 }
.product_off_wrap .product_over_wrap .over_btn_area a.btn+a.btn {border-left: 1px solid #fff }
.product_off_wrap .product_over_wrap .over_btn_area a.sold_out {background: #957045 }
.product_list_wrap ul.product_list .product_off .prtit_area {position: absolute; top: 0!important; left: 0!important; box-sizing: border-box; width: 100%; min-width: 0; padding: 15px 10px; z-index: 1 }
.product_list_wrap .pagination+ul.product_list {border-top: 0 }
.product_list_wrap .product_list+.pagination,.product_list_wrap .pagination+.pagination,.product_list_wrap .pagination+div+.pagination {border-bottom: 0; border-top: 1px solid #bfbfbf }
.product_list_wrap.facet_module .product_list+.pagination,.product_list_wrap.facet_module .pagination+.pagination,.product_list_wrap.facet_module .pagination+div+.pagination {position: absolute; bottom: 0; left: 0; width: 100% }
.product_list_wrap ul.product_list + ul.product_list {border-top: 1px solid #e0e0e0 }
.product_list_wrap ul.product_list:after {content: ""; display: block; clear: both }
.product_list_wrap ul.product_list>li {float: left; width: 167px; margin-left: 16px }
.product_list_wrap ul.product_list>li:first-child {margin-left: 15px }
.product_list_wrap ul.product_list .product_off .pr_info {height: 140px }
.product_list_wrap ul.product_list .product_off .name {height: 75px }
.product_list_wrap ul.product_list .product_off .price {position: absolute; bottom: 0; left: 0; z-index:1; width: 100% }
.product_list_wrap .compare {width: 100%; height: 100%; border: 0; display: none; z-index: 11; position: absolute; top: 0; left: 0 }
.product_list_wrap .compare .over_area {position: relative; padding: 100px 0 20px; text-align: center }
.product_list_wrap .compare .over_area .css-label {width: 28px; height: 28px; background-position: 0 -880px; background-color: #fff }
.product_list_wrap .compare .over_area input[type=checkbox].css-checkbox:checked+label.css-label {background-position: 0 -920px }
.product_list_wrap .compare .btn_com {display: none; position: absolute; top: 148px; left: 15%; width: 70%; height: 26px; padding: 0; border: 1px solid #e53433; border-radius: 2px; line-height: 26px; font-size: 12px; color: #e53433; text-align: center; background: #fff }
.compare_on .product_over_wrap {display: none!important }
.compare_on .compare {display: block }
.compare_on .product_off .pr_img {position: relative }
.compare_on .product_off .pr_img:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 150px; background: url(../img/common/bg_dimmed02_07.png) repeat 0 0 }
.product_list_wrap.best_list .product_list .product_off {padding-top: 60px }
.product_list_wrap.best_list .product_list .product_off .prtit_area {padding-top: 30px }
.product_list_wrap.best_list .product_list .product_over_wrap {padding-top: 217px }
.product_list_wrap.review ul.product_list .product_off {padding: 20px 15px 45px }
.product_list_wrap.review ul.product_list .product_off .pr_img {width: 100px; height: 100px }
.product_list_wrap.review ul.product_list .product_off .pr_info {height: 145px }
.product_list_wrap.review ul.product_list .product_off .name {height: 30px }
.product_list_wrap.review ul.product_list .product_off .star {margin-bottom: 10px }
.product_list_wrap.review ul.product_list .product_over_wrap {padding-top: 146px }
.product_list_wrap.review ul.product_list .product_over_wrap .pr_info {height: 65px }
.product_list_wrap.review ul.product_list .product_over_wrap .msg_area {height: 65px }
.product_off .review_cont {height: 75px; padding-top: 10px; border-top: 1px solid #e0e0e0; overflow: hidden; text-overflow: ellipsis; text-align: left; color: #666 }
.product_off .review_point {padding: 8px 0 0; color: #534a3f; line-height: 14px }
.en_gnb_wrap { position: relative; top: 0; left: 0; height: 40px; z-index: 9 }
.en_gnb_wrap:before{content: ""; display: block; z-index: 8; position: absolute; top: 0; right:0; left: 0; border-top:1px solid #f0f0f0;}
.en_gnb_wrap:after{content: ""; display: block; z-index: 8; position: absolute; bottom: 0; right:0; left: 0; border-bottom:1px solid #f0f0f0;}
.en_gnb {z-index: 9; position: relative; width: 931px; margin: 0 auto; *zoom:1}
.en_gnb:after {display: block; content: ""; clear: both }
.en_gnb .en_gnb_bg {position: absolute; left: -100px; top: 0; z-index:1; width: 100px; height: 42px }
.en_gnb ul {float: left; *zoom:1}
.en_gnb ul:after {display: block; content: ""; clear: both }
.en_gnb ul li {float: left }
.en_gnb .en_gnb_menu {float:right; }
.en_gnb .en_gnb_menu a.scarlet {color: #f16c69 }
.en_gnb .en_shopin_menu {float: left;}
.en_gnb .en_gnb_menu>li>a { display: block; height: 40px; line-height: 40px; padding-right:1px; padding-left: 32px; font-size: 14px; color: #333; font-family: RobotoMedium; text-align:right; }
.en_gnb .en_gnb_menu>li:first-child>a {padding-left: 10px;}
.en_gnb .en_gnb_menu>li>a:hover {/*text-decoration: underline */}
.en_gnb .en_gnb_menu>li+li a {/*background: url(../img/common/ico_common_01.png) no-repeat 0 -946px */}
.en_gnb .en_shopin_menu li a { display: block; height: 40px; line-height: 40px; padding: 0; font-family: Roboto; font-size: 15px; color: #fff; text-align: center }
.en_gnb .en_shopin_menu li.en_shop_duty a {position: relative; width: 165px; height: 40px; background: #a9a0a0 }
.en_gnb .en_shopin_menu li.en_shop_duty a:before {content: ""; display: block; position: absolute; top: 14px; left: 20px; width: 16px; height: 12px; background: url('../img/common/ico_common_01.png') no-repeat 0 -1285px } /* 2026-04-21 인공지능법 시행 생성형 AI 활용 카테고리 표기 */
.en_gnb .en_shopin_menu li.en_shop_duty.off a:before {color: #fff; background: url('../img/common/ico_common_01.png') no-repeat 0 -1285px }
.en_gnb .en_shopin_menu li.en_shop_product a {position: relative; padding-right:20px; width: 100px; height: 40px; color: #e53433; text-align:right;}
.en_gnb .en_shopin_menu li.en_shop_product a:before {content: ""; display: block; position: absolute; top: 16px; left: 23px; width: 8px; height: 8px; background: url('../img/common/ico_common_01.png') no-repeat -50px -1288px }
.en_gnb .en_shopin_menu li.en_shop_product.on a:before {background: url('../img/common/ico_common_01.png') no-repeat -50px -1288px  }
.en_gnb .en_gnb_menu>li.en_introduce {float: right; width: 114px }
.en_gnb .en_gnb_menu>li.en_introduce>a {padding: 0; text-align: right; bozrder-left: 1px solid #1e1e1e; background: 0 }
.main_categoryvisual_wrap .main_categoryvisual .en_category_view {position: absolute; top: 0; left: 0; float: left; width: auto; margin-left: 0; border-top: 0; background: url(../img/common/bg_category_menu_back.png) repeat; z-index: 100 }
.en_category_view {position: absolute; top: 39px; left: 50%; width: 165px; margin-left: -465.5px; z-index: 10; display: none }
.en_category_view .en_scroll .jspPane {padding-bottom: 20px!important }
.en_view_list {display: none; position: relative; width: 165px; height: 452px; color: #fff; background: #848484; zoom:1}
.en_view_list>li:hover .en_dept_wrap,.en_view_list>li:hover .en_dept_arrow {display: block }
/*.en_view_list>li:first-child {padding-top:1px}*/
.en_view_list>li>.icon {display: block; position: relative; padding: 13px 12px 12px 20px; line-height: 16px; font-family: 'Roboto'; font-size: 14px; color: #fff;}
.en_view_list>li:hover>.icon {border-left: 1px solid #848484; background-color: #fff; color:#413c3c; z-index: 301 }
.en_view_list>li.en_view_item01:hover>.icon {border-top: 1px solid #848484; padding-top:12px;}
/* .en_view_list>li:hover>.icon:after {content: ""; display: block; position: absolute; top: 50%; right: -1px; margin-top: -6px; width: 7px; height: 12px; background: url('../img/common/blt_lnb_arrow.png') no-repeat 0 0; z-index: 301 } */
.en_view_list>li.en_view_item02 .icon {background-position: 17px -37px }
.en_view_list>li.en_view_item03 .icon {background-position: 17px -85px }
.en_view_list>li.en_view_item04 .icon {background-position: 17px -138px }
.en_view_list>li.en_view_item05 .icon {background-position: 17px -175px }
.en_view_list>li.en_view_item06 .icon {background-position: 17px -214px }
.en_view_list>li.en_view_item07 .icon {background-position: 17px -254px }
.en_view_list>li.en_view_item08 .icon {background-position: 17px -291px }
.en_view_list>li.en_view_item09 .icon {background-position: 17px -326px }
.en_view_list>li.en_view_item10 .icon {background-position: 17px -364px }
.en_view_list>li.en_view_item11 .icon {background-position: 17px -403px }
/* 2017-02-17 (JP몰) gnb 오버영역 보더 색상 수정 */
.en_view_list>li>.en_dept_wrap {display: none; position: absolute; top:0; left: 165px; width: 765px; height: 450px; border: 1px solid #676363; border-left:0; background: #fff; z-index: 300 }
.en_view_list>li.on>.en_dept_wrap {display: block }
/* 2017-02-17 (JP몰) gnb 오버영역 보더 색상 수정 */
.en_view_list>li .title {position: relative; display: inline-block; width: 382px; padding:11px 0 9px; color: #333; background: #f5eee9; font-size: 15pt;/*20px*/ text-align: center; border-bottom: 1px solid #676363; line-height: 20px; z-index: 102 }
.en_view_list>li .title strong {font-family: "RobotoMedium"; font-weight: normal;}
.en_view_list>li .title.on {color: #413c3c; border-bottom: 0; background: #fff; font-family: Roboto }
/* 2017-02-17 (JP몰) gnb 오버영역 보더 색상 수정 */
.en_view_list>li>.en_dept_wrap .en_cata_area .title {font-family: Roboto; border-right: 1px solid #676363 }
.en_view_list>li>.en_dept_wrap .en_cata_area .title.on {color: #ef3f3b }
/* 2017-02-17 (JP몰) gnb 오버영역 보더 색상 수정 */
.en_view_list>li>.en_dept_wrap .en_brand_area .title {margin-left: 382px; width: 382px; border-left: 1px solid #676363; color: #333; font-family: Roboto }
.en_view_list>li>.en_dept_wrap .en_brand_area .title.on {color: #ef3f3b }
.en_dept_wrap .en_brand_area .en_cata_detail {padding: 0 }
.en_dept_wrap .en_brand_sort {margin: 0; padding: 17px 15px 15px 15px; border-bottom: 1px solid #e0e0e0 }
.en_dept_wrap .en_sort_list {top: 20px }
.en_dept_wrap .en_brand_area .en_sort_s .en_brand_part .part_tit+div {padding-left: 100px }
.en_dept_wrap .en_brand_area .en_sort_s .en_brand_part .part_tit+div {padding-left: 100px }
.en_dept_wrap .en_brand_area .en_sort_s .en_brand_part a {width: 291px; padding-right: 20px }
.en_dept_wrap .en_brand_area .en_sort_s .en_brand_part a {width: 291px; padding-right: 20px }
.en_view_list>li.en_view_item01.on {background-color: #211d1d }
.en_view_list>li.en_view_item01.on .en_sub_menu a {color: #fff }
.en_view_list li .en_sub_menu {overflow: hidden; width: 100% }
.en_view_list li .en_sub_menu a {display: inline-block; height: 12px; line-height: 100%; margin: 0 0 6px; padding: 0 5px 0 8px; font-size: 12px; border-left: 1px solid #999; color: #999; vertical-align: top }
.en_view_list li:hover .en_sub_menu a {border-left: 1px solid #fff; color: #fff }
.en_view_list li .en_sub_menu a.first {padding-left: 0; border: 0 }
.en_dept_list>li {position: absolute; top: 0; left: 0; width: 100% }
.en_dept_list>li>div {height: 453px }
.en_cata_part {margin-top: 20px; background: url(../img/common/bg_dept3.gif) repeat-y 100% 100% }
.en_cata_part .en_cata_2dept {display: inline-block; width: 611px; margin-left: 20px; line-height: 22px }
.en_cata_part .en_cata_2dept a {display: inline-block; color: #676767; line-height: 40px }
.en_cata_part .en_cata_2dept a+a {margin-left: 6px; padding-left: 13px; background: url(../img/common/bg_dept3_bar.gif) no-repeat 0 50% }
.en_cata_part .part_tit {display: inline-block; width: 90px; margin-left: 29px; padding-right: 14px; color: #232323; font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: right; line-height: 40px; background: url('../img/common/ico_arrow.png') no-repeat 0 -784px }
.en_cata_part .en_set+.part_tit,.en_cata_part .part_tit+.part_tit {margin-left: 30px }
.en_cata_detail {display: none; padding: 21px 14px 0 15px }
.en_cata_detail.on {display: block; position: relative; z-index: 101 }
.en_sort_tab_contents {display: none; padding: 24px 18px 0 15px; height: 322px; overflow-x: hidden; overflow-y: auto }
.en_sort_tab_contents.on {display: block }
.en_brand_sort {position: relative; margin: 0 12px 20px 20px; padding: 0 3px 0 20px }
.en_brand_part {position: relative; min-height: 25px}
.en_brand_part .part_tit {position: absolute; top: 3px; left: 0; color: #393333; font-size: 24px; font-family: Verdana; font-weight: bold }
.en_brand_part .part_tit.etc {font-size: 18px; font-family: 'Roboto' }
/* 2017-02-17 (JP몰) 브랜드 가타카나 정렬 추가 */
.en_brand_part .part_tit+div {padding-left: 80px; zoom:1}
.en_brand_part .part_tit+div:after {content: ""; display: block; clear: both }
/* 2017-02-17 (JP몰) 브랜드 가타카나 정렬 추가 */
.en_brand_part .part_tit+div a {overflow: hidden; float: left; white-space: nowrap; text-overflow: ellipsis; display: inline-block; font-family: Roboto; width: 320px; line-height: 23px; color: #808080 }
.en_brand_part .part_tit+div a:hover {text-decoration: underline }
.en_brand_part div a {font-size: 14px }
.en_brand_part {margin-bottom: 27px }
.en_brand_cont .en_sort .en_brand_part .part_tit+div a {width: 253px; padding-right: 20px }
.en_brand_cont .en_sort .en_brand_part .part_tit+div a {width: 253px; padding-right: 20px }
.en_dept_item_type {position: relative; width: 100%; height: 385px; font-size: 12px }
.en_dept_item_type dl {overflow: hidden; width: 100%; margin: 0 0 2px; padding: 13px 0 0; background: url(../img/common/bg-dept_item_type.gif) no-repeat 150px 0 }
.en_view_list>li.en_view_item07 .en_dept_item_type dl {background-position:132px 0 }
.en_dept_item_type dl:first-child {background: 0 }
.en_dept_item_type dl dt {float: left; width: 131px; margin: 0; padding: 0 0 0 14px; font-size: 12px; color: #232323; font-family: RobotoMedium; /*font-weight: bold;*/ line-height: 16px; background: url('../img/common/ico_arrow.png') no-repeat 0 -784px; word-wrap: break-word }
.en_dept_item_type dl dd {float: left; width: 590px; font-size: 0 }
.en_dept_item_type dl dd a {display: inline-block; height: 12px; border-right: 1px solid #e0e0e0; margin: 0 0 10px; padding: 0 11px 0 12px; font-size: 12px; color: #676767; line-height: 100%; vertical-align: top; word-wrap: break-word; }
.en_dept_item_type dl dd a:hover {text-decoration: underline }
.en_dept_item_type ul {overflow: hidden; position: absolute; left: 17px; bottom: 14px; width: 730px; height: 42px; border: 1px solid #bfbfbf }
.en_dept_item_type dl dd a:last-child {border: 0 none }
.en_dept_item_type ul li {float: left; display: table; width: 145px; height: 42px; border-left: 1px solid #bfbfbf; text-align: center; vertical-align: middle }
.en_dept_item_type ul li:first-child {border-left: 0 }
.en_dept_item_type ul li a {display: table-cell; vertical-align: middle }
.en_sort_list {position: absolute; top: 0; left: 20px; *zoom:1}
.en_sort_list:after {display: block; content: ""; clear: both }
.en_sort_list li {float: left }
.en_sort_list li a {display: inline-block; padding: 0 22px; line-height: 34px; border: 1px solid #e0e0e0; color: #333; font-size: 14px; background: #f9f9f9; font-family: Roboto }
.en_sort_list li a.on {border: 1px solid #e53433; color: #e53433; background: #fff; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.en_sort_list li a.en_en {border-right: 0 }
.en_sort_list li a.en_ch {border-left: none }
.en_sort_list li a.en_ch.on {border-left: 1px solid #e53433 }
.en_sort_list li a.en_en.on {border-right: 1px solid #e53433 }
/* .en_sort_cont {padding-left: 171px } */
/* 2017-02-17 (JP몰) 브랜드 가타카나 정렬 추가 */
.en_category_view .en_sort_cont {height:31px;}
.en_sort_cont a {display: inline-block; width: 20px; height: 20px; margin-top: 4px; line-height: 20px; font-family: Verdana; font-size: 11px; color: #333; border: 1px solid #e0e0e0; text-align: center; background: #fff; vertical-align: top }
/* 2017-02-17 (JP몰) 브랜드 가타카나 정렬 추가 */
.en_sort_cont a.en_sort {display: inline-block; width: auto; height: 20px; padding:0 3px;display:none;}
.en_sort_cont a.all {width: 33px; margin-left: -40px }
.en_sort_cont a.select {border-color: #534a3f; background: #534a3f; color: #fff }
.en_sort_cont a.disabled {background: #f9f9f9; color: #ddd; cursor: default }
.en_sort_cont a.etc {width: 33px; font-size: 12px }
.en_sort_cont a.etc.en {font-size: 11px }
.en_sort_cont a.etc.cn {font-family: 'Roboto' }
.en_sort_cont a:hover {text-decoration: none }
.en_brand_view {display: none; position: absolute; top: 39px; left: 50%; width: 931px; margin-left: -466px; background: #fff; z-index: 11; font-size: 12px; overflow: hidden }
.en_brand_view.on {display: block }
/* 2017-02-17 (JP몰) gnb 오버영역 보더 색상 수정 */
.en_brand_view .en_brand_view-wrap {height: 450px; border: 1px solid #676363; }
.en_brand_view .en_sort_list li a {line-height: 34px; font-family: Roboto }
.en_brand_view .en_tab_list {width: 889px }
.en_brand_view .en_scroll {height: 340px; margin-top: 4px }
.en_brand_view .jspContainer {height: 341px!important }
.en_brand_cont .en_brand_sort {margin: 0; padding: 13px 20px 17px; border-bottom: 1px solid #e0e0e0 }
.en_brand_cont .en_brand_sort .en_sort_list {top: 40px }
.en_brand_cont .en_brand_sort .en_sort_list li,.en_brand_cont .en_brand_sort .en_sort_list li.on {top: 40px; border: 0 }
.en_brand_cont .en_brand_sort .en_sort_list li a {height: 32px; line-height: 32px; color: #333; text-decoration: none; background-color: #f8f8f8 }
.en_brand_cont .en_brand_sort .en_sort_list li.on a {border: 1px solid #ef3f3b; color: #ef3f3b; background-color: #fff }
.en_brand_cont .en_brand_sort .en_sort_cont {padding: 3px 0 }
.en_brand_cont .en_brand_sort .en_sort_cont a.all {margin-right: 3px }
.en_brand_cont .en_brand_sort .link {position: absolute; top: 20px; right: 15px; display: block; padding:5px 13px 5px 0; color: #957045; text-decoration: underline }
.en_brand_cont .en_brand_sort .link:after {content: ""; display: block; position: absolute; top: 50%; right: 0; width: 5px; height: 9px; margin-top: -4px; background: url('../img/common/ico_arrow.png') no-repeat 0 -158px }
.en_brand_cont .en_brand_part .part_tit+div {width: 834px }
.en_brand_cont .en_brand_part .part_tit+div a {width: 268px; line-height: 26px }
.en_brand_cont .en_brand_part .part_tit.etc_cn {font-size: 18px; font-family: 'Roboto' }
.en_brand_cont .en_brand_part .part_tit.etc_en {font-size: 18px }
.en_brand_cont .en_brand_part_gp {overflow: hidden; overflow-y: auto; height: 387px; margin: 0; padding: 0 25px 0 15px; display: none }
.en_brand_cont .on {display: block }
.en_brand_cont .en_brand_part_gp .en_scroll {height: auto }
.en_brand_cont .en_brand_part_gp .en_brand_part {margin-left: 0 }
.en_brand_cont .space {position: absolute; left: 10px; bottom: 1px; display: block; width: 875px; height: 15px; background: #fff; z-index: 9999 }
#bodyContent {border-top: 1px solid #c7b6b3; overflow: hidden; position: relative; width: 931px; z-index: 1 }
.btn_box {width: 100%; text-align: center }
.btn_left {text-align: left }
.btn_center {text-align: center }
.btn_right {text-align: right }
.btn_right a {margin-left: 10px; width: 120px; padding: 12px 0; font-size: 12px; font-weight: normal; text-align: center }
.btn_both {width: 100%; margin-top: 10px }
.btn_both .left {float: left; width: 60% }
.btn_both .right {float: right; width: 40%; text-align: right }
.btn_a_red {display: inline-block; height: 60px; margin: 0 3px; padding: 0 30px; border: 1px solid #e53433; background-color: #e53433; font-size: 16px; font-family: "Roboto";/*font-weight: bold;*/ line-height: 60px; color: #fff!important }
.btn_m_red {display: inline-block; width: 180px; margin: 0 3px; height: 60px; border: 1px solid #e53433; background-color: #e53433; font-size: 16px; font-family: "Roboto";/*font-weight: bold;*/ line-height: 60px; text-align: center; color: #fff!important }
.btn_a_gray {display: inline-block; height: 50px; margin: 0 3px; padding: 0 25px; border: 1px solid #373231; background-color: #373231; font-size: 14px; font-family: "Roboto"; line-height: 50px; color: #fff!important }
.btn_m_gray {display: inline-block; width: 180px; height: 50px; margin: 0 3px; border: 1px solid #373231; background-color: #373231; font-size: 14px; font-family: "Roboto"; line-height: 50px; text-align: center; color: #fff!important }
.btn_as_gray {display: inline-block; height: 36px; padding: 0 20px; margin: 0 2px; border: 1px solid #373231; background-color: #373231; font-size: 12px; font-family: "Roboto"; line-height: 36px; text-align: center; color: #fff!important }
.btn_ss_gray {display: inline-block; width: 120px; height: 36px; margin: 0 2px; border: 1px solid #373231; background-color: #373231; font-size: 12px; font-family: "Roboto"; line-height: 36px; text-align: center; color: #fff!important }
.btn_ss_red {display: inline-block; width: 120px; height: 36px; margin: 0 2px; border: 1px solid #e53433; background-color: #e53433; font-size: 12px; font-family: "Roboto"; line-height: 36px; text-align: center; color: #fff!important }
.btn_ss_brown {display: inline-block; width: 120px; height: 36px; margin: 0 2px; border: 1px solid #957045; background-color: #957045; font-size: 12px; font-family: "Roboto"; line-height: 36px; text-align: center; color: #fff!important }
.btn_a_white {display: inline-block; height: 28px; margin: 0 2px; padding: 0 10px; border: 1px solid #e0e0e0; border-radius: 2px; background-color: #fff; font-size: 12px; font-family: "Roboto"; line-height:26px; color: #333!important; box-sizing:border-box;} /* 2023-08-02 버튼 속성 수정 */
.btn_a_gray_r {display: inline-block; height: 28px; margin: 0 2px; padding: 0 10px; border: 1px solid #333; border-radius: 2px; background-color: #373231; font-size: 12px; font-family: "Roboto"; line-height: 28px; text-align: center; color: #fff!important }
.btn_ss_white {display: inline-block; width: 70px; height: 28px; margin: 0 2px; border: 1px solid #e0e0e0; border-radius: 2px; background-color: #fff; font-size: 12px; font-family: "Roboto"; line-height: 28px; text-align: center; color: #333!important }
.btn_sss_red {display: inline-block; width: 70px; height: 28px; margin: 0 2px; border: 1px solid #e53433; border-radius: 2px; background-color: #e53433; font-size: 12px; font-family: "Roboto"; line-height: 28px; text-align: center; color: #fff!important }
.btn_ic_arrow {position: relative; display: inline-block; vertical-align: middle; height: 9px; padding-left: 13px }
.btn_ic_arrow:after {content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 0 }
.btn_payment a {display: inline-block; width: 200px; margin: 0 2px; padding: 20px 0; font-size: 18px; font-family: "RobotoMedium"; /*font-weight: bold;*/ color: #fff }
.btn_payment a.btn_brown {border: 1px solid #373231; background-color: #373231 }
.btn_payment a.btn_red {border: 1px solid #e53433; background-color: #e53433 }
.btn_payment a.btn_white {border: 1px solid #e53433; background-color: #fff; color: #e53433 }
/* JP몰 확산 */
.btn_payment span > a {width: auto }
/* // JP몰 확산 */
a.btn_red_link {position: relative; display: inline-block; margin-left: 20px; padding-right: 11px; color: #e53433; text-decoration: underline }
a.btn_red_link:after {content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 -29px }
.ico_premium {display: inline-block; width: 54px; height: 54px }
.ico_premium img {width: 100% }
.ico_new {display: inline-block; width: 54px; height: 54px }
.ico_new img {width: 100% }
.ico_discount {width: 54px; height: 54px; font-size: 14px; line-height: 54px; color: #fff; font-family: 'Roboto'; text-align: center; background: url('../img/sub/bg_sale.png') no-repeat 0 0 }
.ico_discount>span {display: inline-block; vertical-align: middle; margin-right: 1px; font-size: 22px; line-height: 1; font-family: "Roboto"; /* font-style: italic; */ letter-spacing: -1px }
.ico_discount_big {display: inline-block; width: 72px; height: 72px; line-height: 24px; font-size: 18px; font-family: 'Roboto'; text-align: center; color: #fff; background: url('../img/main/bg_sale_big.png') no-repeat 0 0 }
.ico_discount_big>span {display: inline-block; vertical-align: middle; margin: 12px 1px 0 0; font-size: 30px; line-height: 1; font-family: "roboto"; font-weight: normal; }
.ico_bargain {width: 72px; height: 72px }
.ico_bargain img {width: 100% }
.brand_over {display: none }
a:hover .brand_over,a.on .brand_over {display: block; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; opacity: 1; filter: alpha(opacity = 100); background: url(../img/common/bg_dimmed.png); z-index: 999 }
.brand_over>strong {display: block; margin-top: 11px; padding: 0 7px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-family: "RobotoMedium"; font-weight: normal; }
.brand_over>span {display: block; margin-top: 11px; padding: 0 7px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.popup {border: 2px solid #ef4440; background-color: #fff }
.popup h4 {padding: 18px; background-color: #ef4440; font-size: 26px; font-family: "RobotoMedium"; font-weight: normal; color: #fff }
.popup div {padding: 20px; line-height: 1.8; color: #333 }
.popup_layer {border: 1px solid #000; background-color: #fff }
.popup_layer .tit {position: relative; padding: 12px 15px; border-bottom: 1px solid #e2e4e6; background-color: #f7f7f7; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.popup_layer .tit a.btn_close {position: absolute; right: 15px; top: 12px; width: 13px }
.popup_layer .tit a.btn_close img {width: 13px }
.sky_scrapper_banner { position: absolute; top: 0; left: -111px; width: 120px }
.sky_scrapper_banner.fixed {position: fixed; top: 10px; left: 50%; margin-left: -602px }
.sky_scrapper_banner .original {width: 95px; text-align: center }
.sky_scrapper_banner .banner {position: relative; text-align: center;}
.sky_scrapper_banner .banner:first-child {margin-top: 0 }
.sky_scrapper_banner .img {position: relative; width: 95px; height: 150px }
.sky_scrapper_banner .img li {display: none; position: absolute; left: 0; top: 0 }
.sky_scrapper_banner .img li:first-child {display: block }
.sky_scrapper_banner .img li img {width: 100%; height: 150px }
.sky_scrapper_banner .original+.banner {margin-top: 0 }
.sky_scrapper_banner .original+.banner .img {height: 180px }
.sky_scrapper_banner .original+.banner .img li img {height: 180px }
.sky_scrapper_banner .banner .btn_area {display: block; position: absolute; left: 26px; bottom: 6px; width: 10px }
.sky_scrapper_banner .banner .btn_area a {display: block; overflow: hidden; width: 10px; height: 10px; background: url('../img/common/ico_play_pause04.png') no-repeat; font-size: 0; text-indent: -9999px }
.sky_scrapper_banner .banner .btn_area a.pause {background-position: 0 -10px }
.sky_scrapper_banner .banner .btn_area a.play {background-position: 0 0 }
.sky_scrapper_banner .banner .slide_paging {position: absolute; left: 40px; bottom: 7px; width: 40px; height: 8px }
.sky_scrapper_banner .banner .slide_paging li {float: left; padding-left: 0 }
.sky_scrapper_banner .banner .slide_paging li a {display: block; width: 8px; height: 8px; margin-left: 2px; background: url(../img/common/bg_dot_slidev2.png) no-repeat left -8px; font-size: 0; text-indent: -9999px }
.sky_scrapper_banner .banner .slide_paging li:first-child a {margin-left: 0 }
.sky_scrapper_banner .banner .slide_paging a.on {background-position: 0 0 }
.sky_scrapper_banner .banner_exchange {margin-top: 20px; border: 1px solid #e5e5e5; background: #fff; font-family: 'Roboto'; text-align: center }
.sky_scrapper_banner .banner_exchange p {padding: 7px 0; font-size: 16px; color: #333 }
.sky_scrapper_banner .banner_exchange div {padding: 5px 0 5px 14px; border-top: 1px solid #ccc; background: #eeeff0; text-align: left; font-family: 'RobotoMedium'; }
.sky_scrapper_banner .banner_exchange strong {display: block; padding-top: 2px; padding-right:2px; height: 16px; font-size: 12px; color: #ff040d; font-family: "RobotoMedium"; font-weight: normal; letter-spacing:-0.1em}
.sky_scrapper_banner .banner_exchange span {/*font-family: 'Times New Roman';*/ font-size: 16px }
.sky_scrapper_banner .banner_exchange a {display: block; height: 25px; background-color:#fafafa; border-top: 1px solid #ededed; line-height: 25px; font-size: 11px; color: #444;}
.sky_scrapper {position: fixed; right: 0; top: 0; width: 44px; height: 100%; z-index: 10000; font-family: 'Roboto'!important }
.sky_scrapper input[type=checkbox].css-checkbox[disabled]+label.css-label {background-position: 0 -850px!important; color: #ccc; opacity: 1 }
.sky_scrapper a {font-family: Verdana,'Roboto'!important }
.sky_scrapper .btn_toggle {position: absolute; top: 10px; left: 10px }
.sky_scrapper .btn_toggle a {display: block; width: 24px; height: 24px; background: url('../img/common/ico_arrow.png') no-repeat 0 -1236px }
.sky_scrapper_on .btn_toggle a {background-position: 0 -322px }
.sky_scrapper .menu {position: relative; width: 44px; height: 100%; background-color: #534a3f; text-align: center; color: #fff }
.sky_scrapper .menu ul {position: absolute; left: 50%; top: 50%; width: 22px; margin: -180px 0 0 -11px }
.sky_scrapper .menu ul li {position: relative; padding: 15px 0 }
.sky_scrapper .menu ul li a {display: block }
.sky_scrapper .menu ul li a.ico {overflow: hidden; display: block; width: 22px; height: 22px; background: url(../img/common/bg_sky_scrapper.png) no-repeat; font-size: 0; text-indent: -9999px }
.sky_scrapper .menu ul li.m1>a {background-position: 0 0 }
.sky_scrapper .menu ul li.m1>a.active {background-position: 0 -200px }
.sky_scrapper .menu ul li.m2>a {background-position: 0 -50px }
.sky_scrapper .menu ul li.m2>a.active {background-position: 0 -250px }
.sky_scrapper .menu ul li.m3>a {background-position: 0 -100px }
.sky_scrapper .menu ul li.m3>a.active {background-position: 0 -300px }
.sky_scrapper .menu ul li.m4>a {background-position: 0 -150px }
.sky_scrapper .menu ul li.m4>a.active {background-position: 0 -350px }
.sky_scrapper .menu ul li.m5>a {background-position: 0 -400px }
.sky_scrapper .menu ul li.m6>a {background-position: 0 -450px }
.sky_scrapper .menu .ico_num {display: block; width: 21px; height: 12px; margin: 6px auto 0; padding-top: 3px; background: url(../img/common/ico_common_01.png) no-repeat right -855px; font-size: 9px; text-align: center; color: #fff }
.sky_scrapper .menu .cart {padding: 4px 0 0 3px; font-size: 12px; line-height: 1.2; color: #b6a99b }
.sky_scrapper .menu .on {display: none; position: absolute; right: 28px; top: 12px; height: 28px; padding-right: 5px; background: url(../img/common/ico_common_01.png) no-repeat right -1020px; width:max-content; } /* 2025-07-03 스카이 스크래퍼 말풍선 수정 */
.sky_scrapper .menu .on a {border-right: 0; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #534a3f; }
.sky_scrapper .menu .on em {border-right: 0; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #534a3f; display: block; height: auto; line-height:26px; padding:0 10px; margin:0;} /* 2025-07-03 스카이 스크래퍼 말풍선 수정 */
.sky_scrapper .menu ul li:hover .on {display: block }
.sky_scrapper .menu .btn_top {position: fixed; bottom: 0; right: 0; width: 44px; border-top: 1px solid #655d51; text-align: center }
.sky_scrapper_on .menu .btn_top {right: 260px }
.sky_scrapper .menu .btn_top a {position: relative; display: block; width: 100%; padding: 25px 0 8px 0; background: url('../img/common/ico_arrow.png') no-repeat 18px -1056px; font-size: 11px; color: #fff }
.sky_scrapper .pop_newwin {position: absolute; left: -268px; top: 50%; width: 275px; font-size: 12px }
.sky_scrapper .pop_newwin .bg {position: absolute; right: 0; top: 50%; display: block; width: 8px; height: 14px; margin-top: -130px; background: url('../img/common/ico_common_01.png') no-repeat -52px -1028px; z-index: 2 }
.sky_scrapper .pop_newwin .cbm {position: absolute; top: 50%; right: 7px; margin-top: -152px; width: 221px; padding: 17px 16px 16px; border: 1px solid #e0e0e0; background-color: #f7f7f7 }
.sky_scrapper .pop_newwin .contents>div {padding-bottom: 10px }
.sky_scrapper .pop_newwin .contents>div>p {word-break: keep-all; font-size: 12px; line-height: 18px }
.sky_scrapper .pop_newwin .contents>div>p span {color: #e53433; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.sky_scrapper .pop_newwin .link {position: relative; display: inline-block; margin-top: 12px; padding-right: 11px; color: #e53433; text-decoration: underline }
.sky_scrapper .pop_newwin .link:after {content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 -29px }
.sky_scrapper .pop_newwin .banner {margin-top: 10px; border-top: 1px solid #e0e0e0; padding-top: 10px }
.sky_scrapper .pop_newwin .banner img {width: 219px; height: 96px; border: 1px solid #e0e0e0 }
.sky_scrapper .cont {position: absolute; top: 0; left: 44px; width: 260px; height: 100%; background-color: #fff; font-size: 12px; z-index: 9999 }
.sky_scrapper .cont .bg {display: block; position: absolute; top: 50%; left: -7px; width: 7px; height: 14px; background: url(../img/common/ico_common_01.png) no-repeat 0 -1028px }
.sky_scrapper .cont .tit_top {position: relative; box-sizing: border-box; height: 40px; padding: 10px 10px 0 10px; border-bottom: 1px solid #e0e0e0; background-color: #f0eae6 }
.sky_scrapper .cont .area {overflow: auto; width: 100%; border-bottom: 1px solid #e0e0e0 }
.sky_scrapper .cont .area_bg {width: 100%; height: 100%; background: #f7f7f7 }
.sky_scrapper .cont .tit {height: 30px; border-bottom: 1px solid #f0f0f0; background-color: #f7f7f7; font-family: "RobotoMedium";/*font-weight: bold;*/ line-height: 30px; text-align: center }
.sky_scrapper .cont .tit_bg {padding: 12px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center; font-family: "RobotoMedium";/*font-weight: bold;*/ background-color: #f7f7f7 }
.sky_scrapper .cont ul.float {width: 100%; padding: 15px 0; background-color: #fff }
.sky_scrapper .cont ul.float li {float: left; width: 49%; text-align: center; color: #666 }
.sky_scrapper .cont ul.float li:first-child {width: 50%; border-right: 1px solid #f0f0f0 }
.sky_scrapper .cont .product_list {margin: 0 10px; padding: 15px 0; border-bottom: 1px solid #f0f0f0 }
.sky_scrapper .cont .product_list .img {float: left; position: relative; width: 70px }
.sky_scrapper .cont .product_list .img span.check {position: absolute; top: 0; left: 0 }
.sky_scrapper .cont .product_list .img img {width: 70px; height: 70px }
.sky_scrapper .cont .product_list .product_info {float: right; width: 150px }
.sky_scrapper .cont .product_list .product_info .name {padding: 0 5px 6px 0; font-family: "RobotoMedium";/*font-weight: bold;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sky_scrapper .cont .product_list .product_info .sub_name {padding: 0 5px 7px 0; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sky_scrapper .cont .product_list .product_info .price {padding-bottom: 4px }
.sky_scrapper .cont .product_list .product_info .regular {font-weight: normal; color: #534a3f }
.sky_scrapper .cont .product_list .product_info .won {color: #534a3f }
.sky_scrapper .cont .product_list .btn_area {clear: both; padding-top: 8px }
.sky_scrapper .cont .product_list .btn_area>strong {display: inline-block; width: 74px; margin-right:10px; color: #666; text-align: center; font-family: "RobotoMedium"; font-weight: normal; }
.sky_scrapper .cont .product_list .btn_area .btn_ss_red {margin: 0; width: 143px; height: 23px; line-height: 23px; border-radius: 2px; border: 0 }
.sky_scrapper .cont .product_list .btn_area .btn_ss_brown {margin: 0; width: 143px; height: 23px; line-height: 23px; border-radius: 2px; border: 0 }
.sky_scrapper .cont .null {padding: 50px 0; text-align: center; font-size: 16px; color: #aaa }
.sky_scrapper .cont .null span {display: block; padding-top: 10px; line-height: 1.8 }
.sky_scrapper .my_info .bg {margin-top: -161px }
.sky_scrapper .my_info .tit_top span {display: block; height: 18px; padding-left: 24px; padding-top: 2px; background: url(../img/common/ico_common_01.png) no-repeat 0 -1058px }
.sky_scrapper .my_info .tit_top span em {padding-right: 5px; font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.sky_scrapper .my_info .tit_top a {display: inline-block; position: absolute; right: 10px; top: 14px; padding-right: 10px; font-size: 12px; text-decoration: underline; color: #333 }
.sky_scrapper .my_info .tit_top a:after {content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 -129px }
.sky_scrapper .my_info .area {height: 608px }
.sky_scrapper .my_info .grade {border-bottom: 1px solid #f0f0f0 }
.sky_scrapper .my_info .grade ul {padding-bottom: 3px }
.sky_scrapper .my_info .grade ul li span {display: block }
.sky_scrapper .my_info .grade ul li img {width: 50px; height: 50px }
.sky_scrapper .my_info .grade ul li:first-child img {padding-top: 5px; width: 64px; height: 40px }
.sky_scrapper .my_info .price_info .tit li {float: left; width: 100%; text-align: center; color: #333; height: auto }
.sky_scrapper .my_info .price_info .tit li .title {height: 30px; display: block; background: #f7f7f7 url(../img/common/ico_common_01.png) no-repeat 0 -1086px; border-bottom: 1px solid #f0f0f0 }
.sky_scrapper .my_info .price_info .tit li:first-child .title {background: #f7f7f7 }
.sky_scrapper .my_info .price_info .tit li p {height: 30px; font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ line-height: 30px; text-align: center; color: #e53433; margin: 15px 0 }
.sky_scrapper .my_info .price_info .tit li p span {padding: 0 4px 0 4px; font-size: 12px; font-weight: normal }
.sky_scrapper .my_info .price_info .tit li p:first-child span {padding: 0 6px 0 0 }
.sky_scrapper .my_info .order .tit_bg {display: block; border-bottom: 0 none }
.sky_scrapper .my_info .order .tit_bg span {padding-right: 19px; background: url('../img/common/ico_arrow.png') no-repeat 100% -639px }
.sky_scrapper .my_info .order .tit_bg_on {border-bottom: 1px solid #e0e0e0 }
.sky_scrapper .my_info .order .tit_bg_on span {background-position: 100% -614px }
.sky_scrapper .my_info .order .time {margin: 0 20px 0 10px; padding: 15px 0; display: none; text-align: center }
.sky_scrapper .my_info .order .time a {position: relative; padding-right: 10px; text-decoration: underline }
.sky_scrapper .my_info .order .time a:after {content: ""; position: absolute; display: block; bottom: 1px; right: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 0 }
.sky_scrapper .my_info .order .time li em {font-family: "RobotoMedium";/*font-weight: bold;*/ }
.sky_scrapper .my_info .order .time li.dday {padding-bottom: 15px; font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #e53433 }
.sky_scrapper .my_info .order .time li.date {padding-top: 7px }
.sky_scrapper .my_info .order .time li.desc {padding-top: 12px; color: #888 }
.sky_scrapper .my_info .order .tit_notice {display: block; padding: 12px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center; font-family: "RobotoMedium";/*font-weight: bold;*/ background-color: #f7f7f7 }
.sky_scrapper .my_info .order .tit_notice>div {margin: 0 10px; padding: 12px 0 }
.sky_scrapper .my_info .order .tit_notice>div {border-bottom: 1px solid #f0f0f0 }
.sky_scrapper .my_info .order .notice_txt {padding: 0 10px 15px; text-align: right }
.sky_scrapper .my_info .order .notice_txt>div>div:first-child {display: block }
.sky_scrapper .my_info .order .notice_txt.on>div>div {display: block; border-bottom: 1px solid #f0f0f0 }
.sky_scrapper .my_info .order .notice_txt>div>div {display: none; padding: 12px 0 15px; text-align: left }
.sky_scrapper .my_info .order .notice_txt .link {position: relative; display: inline-block; margin-top: 9px; padding-right: 11px; color: #e53433; text-decoration: underline }
.sky_scrapper .my_info .order .notice_txt .link:after {content: ""; display: block; position: absolute; top: 2px; right: 0; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 -29px }
.sky_scrapper .my_info .order .notice_txt p {word-break: keep-all; font-size: 12px; line-height: 18px }
.sky_scrapper .my_info .order .notice_txt p span {color: #e53433; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.sky_scrapper .my_info .order .notice .ico_num {display: inline-block; width: 21px; height: 12px; margin-left: 2px; padding-top: 3px; background: url(../img/common/ico_common_01.png) no-repeat 0 -855px; font-size: 9px; text-align: center; color: #fff }
.sky_scrapper .my_info .order .notice_txt .null {padding: 30px 0 20px; color: #888; font-size: 12px }
.sky_scrapper .my_info .order .notice_txt .notice_more {display: block; width: 100%; padding: 5px 0; color: #333; border: 1px solid #e0e0e0; text-decoration: underline; text-align: center }
.sky_scrapper .my_info .order .notice_txt .notice_more span {display: inline-block; position: relative; padding-right: 11px }
.sky_scrapper .my_info .order .notice_txt .notice_more span:after {content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -2px; width: 8px; height: 4px; background: url('../img/common/ico_arrow.png') no-repeat 0 -1142px }
.sky_scrapper .my_info .order .notice_txt .notice_more.on span:after {background-position: 0 -1166px }
.sky_scrapper .my_info .order .notice_txt .more_link {position: relative; display: none; margin: 10px 10px 10px 0; padding-right: 11px; color: #333; text-decoration: underline }
.sky_scrapper .my_info .order .notice_txt.on .more_link {display: inline-block }
.sky_scrapper .my_info .order .notice_txt .more_link:after {content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 0 }
.sky_scrapper .my_info .order .notice {padding: 15px 10px; border-top: 1px solid #e0e0e0; background-color: #f0eae6; color: #888 }
.sky_scrapper .my_info .order .notice p {float: left; font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #333 }
.sky_scrapper .my_info .order .notice ul {float: right; width: 135px }
.sky_scrapper .my_info .order .notice ul li:first-child {padding-bottom: 5px }
.sky_scrapper .my_info .product .tit_paging {padding: 10px 20px 13px 10px; border-top: 1px solid #e0e0e0 }
.sky_scrapper .my_info .product .tit_paging p {float: left; padding-top: 4px; font-size: 14px; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #333 }
.sky_scrapper .my_info .product .tit_paging div {float: right }
.sky_scrapper .my_info .product .tit_paging div p {float: left; font-size: 12px; font-weight: normal; padding: 0 }
.sky_scrapper .my_info .product .tit_paging div p a {float: left; margin-left: -1px }
.sky_scrapper .my_info .product .tit_paging div p a:first-child {margin-left: 0 }
.sky_scrapper .my_info .product .tit_paging div p:first-child {padding: 6px 10px 0 0; color: #888 }
.sky_scrapper .my_info .product .tit_paging div p:first-child span {font-family: "RobotoMedium";/*font-weight: bold;*/ color: #e53433 }
.sky_scrapper .my_info .product_wrap {border-bottom: 1px solid #e0e0e0 }
.sky_scrapper .my_info .product .product_info {padding: 0 10px 15px }
.sky_scrapper .my_info .product .product_info li {display: none }
.sky_scrapper .my_info .product .product_info li:first-child {display: block }
.sky_scrapper .my_info .product .product_info li .img {float: left; width: 70px; margin-right: 10px }
.sky_scrapper .my_info .product .product_info li .img img {width: 70px; height: 70px }
.sky_scrapper .my_info .product .product_info li .txt {float: left; width: 160px }
.sky_scrapper .my_info .product .product_info .name {padding: 0 0 7px 0; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.sky_scrapper .my_info .product .product_info .sub_name {padding-bottom: 5px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.sky_scrapper .my_info .product .product_info .price {padding-bottom: 4px; font-size: 12px }
.sky_scrapper .my_info .product .product_info .price .sale {font-size: 12px }
.sky_scrapper .my_info .product .product_info .price .regular {font-size: 12px }
.sky_scrapper .my_info .product .product_info .won {color: #534a3f }
.sky_scrapper .exchange_rate {height: 100%; background-color: #f7f7f7 }
.sky_scrapper .exchange_rate .bg {margin-top: -107px }
.sky_scrapper .exchange_rate .tit_top {font-size: 16px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center; color: #333; background-color: #f7f7f7; border-bottom:0; }
.sky_scrapper .exchange_rate .area {background-color: #f7f7f7 }
.sky_scrapper .exchange_rate .rate img {width: 28px; height: 28px }
.sky_scrapper .exchange_rate .rate span {display: block; padding-top: 8px; color: #666 }
.sky_scrapper .exchange_rate .rate_info .tit_bg {padding-left: 10px; border-bottom: 0; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: left; font-size: 14px }
.sky_scrapper .exchange_rate .rate_info ul {padding: 0 10px; padding-bottom: 10px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 }
.sky_scrapper .exchange_rate .rate_info ul li {position: relative; height: 28px; padding-top: 10px; line-height: 28px; color: #666; padding-left: 10px }
.sky_scrapper .exchange_rate .rate_info ul li img {padding-right: 6px }
.sky_scrapper .exchange_rate .rate_info ul li input {position: absolute; right: 0; width: 135px; font-size: 12px; color: #888!important; text-align: right; line-height: 1 }
.sky_scrapper .exchange_rate .rate_info ul li span {position: absolute; right: 0; width: 143px; padding-right: 8px; border-bottom: 1px solid #e0e0e0; font-size: 12px; text-align: right }
.sky_scrapper .today_list_sky {height: 100%; padding-bottom: 0; border-bottom: 0; background-color: #f7f7f7 }
.sky_scrapper .today_list_sky .bg {margin-top: -57px }
.sky_scrapper .today_list_sky .tit_top {position: relative; font-size: 16px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center; color: #333; background-color: #f7f7f7 }
.sky_scrapper .today_list_sky .tit_top span {position: absolute; top: 12px; left: 10px; font-size: 12px; font-weight: normal; text-align: left }
.sky_scrapper .today_list_sky .area {height: 467px; background-color: #fff }
.sky_scrapper .btn_area_sky {position: relative; height: 28px; padding: 15px 10px; background-color: #f8f8fb }
.sky_scrapper .btn_area_sky span {display: block; padding-top: 8px }
.sky_scrapper .btn_area_sky span em {padding: 0 1px; font-family: "RobotoMedium";/*font-weight: bold;*/ color: #ef3f3b }
.sky_scrapper .btn_area_sky p {position: absolute; right: 10px; top: 15px }
.sky_scrapper .btn_area_sky p a {width: auto; height: 26px; padding: 0 7px; border-radius: 2px; line-height: 26px }
.sky_scrapper .today-list-container .product_list img {width: 70px; height: 70px; margin: 0 }
.sky_scrapper .cart_list_sky {height: 100%; padding-bottom: 0; border-bottom: 0; background-color: #f8f8fb }
.sky_scrapper .cart_list_sky .bg {margin-top: 15px }
.sky_scrapper .cart_list_sky .tit_top {position: relative; font-size: 16px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center; color: #333; background-color: #f7f7f7 }
.sky_scrapper .cart_list_sky .tit_top span {position: absolute; top: 12px; left: 10px; font-size: 12px; font-weight: normal; text-align: left }
.sky_scrapper .cart_list_sky .tit_top a {display: inline-block; position: absolute; top: 12px; right: 10px; padding-right: 10px; font-size: 12px; font-weight: normal; text-align: left }
.sky_scrapper .cart_list_sky .tit_top a:after {content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 5px; height: 9px; background: url('../img/common/ico_arrow.png') no-repeat 0 0 }
.sky_scrapper .cart_list_sky .area {height: 467px; background-color: #fff }
.sky_scrapper .cart_list_sky .ea {position: relative; width: 100% }
.sky_scrapper .cart_list_sky .ea .count {position: relative; width: 100px; height: 21px; margin-top: 10px; border: 1px solid #e0e0e0; border-radius: 2px; line-height: 21px; text-align: center }
.sky_scrapper .cart_list_sky .ea .count .pcount {border: 0 none; height: 19px; line-height: 19px; text-align: center; width: 58px; vertical-align: top; font-size: 12px }
.sky_scrapper .cart_list_sky .ea .count a {position: absolute; top: 0; display: block; width: 21px; height: 21px; overflow: hidden; text-indent: -999px }
.sky_scrapper .cart_list_sky .ea .count a.minus {left: 0; border-right: 1px solid #e0e0e0; background: url(../img/common/ico_common_01.png) no-repeat -35px -989px }
.sky_scrapper .cart_list_sky .ea .count a.plus {right: 0; border-left: 1px solid #e0e0e0; background: url(../img/common/ico_common_01.png) no-repeat -65px -989px }
.sky_scrapper .cart_list_sky .ea .btn_off {position: absolute; right: 0; top: 0; display: block; width: 42px; height: auto; margin: 0; padding: 6px 0; border-radius: 2px; background-color: #e0e0e0; border: 0; font-size: 11px; text-align: center; color: #aaa; line-height: 1 }
.sky_scrapper .cart_list_sky .ea .btn_on {position: absolute; right: 0; top: 0; display: none; width: 42px; height: auto; margin: 0; padding: 6px 0; border-radius: 2px; background-color: #eb3030; border: 0; font-size: 11px; text-align: center; color: #fff; line-height: 1 }
.sky_scrapper .total_box {position: relative; background-color: #f8f8fb }
.sky_scrapper .total_box>strong {display: block; position: absolute; top: 15px; left: 10px; font-size: 12px; color: #333; font-family: "RobotoMedium"; font-weight: normal; }
.sky_scrapper .total_box>ul {margin: 0 10px; padding: 10px 0 11px; border-bottom: 1px solid #e0e0e0; text-align: right }
.sky_scrapper .total_box>ul>li {margin-top: 7px }
.sky_scrapper .total_box>ul>li:first-child {margin-top: 0 }
.sky_scrapper .total_box>ul>li>em {font-size: 20px; color: #e53433; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.sky_scrapper .total_box>ul>li>span {font-size: 12px; color: #534a3f }
.sky_scrapper .my_info,.sky_scrapper .exchange_rate,.sky_scrapper .today_list_sky,.sky_scrapper .cart_list_sky {display: none }
/*
.staff_mall .en_gnb_wrap {background: url(../img/common/bg_gnb_line_staff.png) repeat-x 0 0}
.staff_mall .en_view_list>li>.en_dept_wrap {border-top: 3px solid #004197 }
.staff_mall .en_category_view {border: 1px solid #004197 }
.staff_mall .en_brand_view {border: 1px solid #0e1953 }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_duty a {background: #004197; color: #fff }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_duty a:after {background: url('../img/common/ico_common.png') no-repeat 0 -730px }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_duty.off a:after {background: url('../img/common/ico_common.png') no-repeat -94px -730px }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_product a {background: #0e1953; color: #fff }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_product a:after {background: url('../img/common/ico_common.png') no-repeat -94px -682px }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_product.on a {background: #0e1953; color: #fff }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_product.on a:after {background: url('../img/common/ico_common.png') no-repeat 0 -682px }
.staff_mall .en_gnb .en_gnb_menu>li>a {color: #d8e8f2 }
.staff_mall .en_gnb .en_gnb_menu>li+li a {background: url(../img/common/bg_gnb_bar_staff.gif) no-repeat 0 50% }
.staff_mall .en_view_list {background: #303d53; background-image: none }
.staff_mall .en_view_list>li>.icon {border-top: 1px solid #303d53; border-bottom: 1px solid #303d53 }
.staff_mall .en_view_list>li:hover>.icon {color: #fff; border-top: 1px solid #0071bf; border-bottom: 1px solid #0071bf; background-color: #181e29 }
*/
/* NEW���� �������� */
.staff_mall .en_gnb .en_shopin_menu li.en_shop_duty a {background: #1d6aa0;}
.staff_mall .en_gnb .en_shopin_menu li.en_shop_product a:before {background: url('../img/common/ico_common_01.png') no-repeat -50px -1288px }
.staff_mall .en_gnb .en_shopin_menu li.en_shop_product.on a:before {background: url('../img/common/ico_common_01.png') no-repeat -50px -1288px  }
/*.staff_mall .en_view_list {background: #2879b0;}
.staff_mall .en_view_list>li:hover>.icon {border-left: 1px solid #2879b0; color:#216498; }
.staff_mall .en_view_list>li>.en_dept_wrap {border: 1px solid #2879b0; border-left:0;}
.staff_mall .en_view_list>li .title {border-bottom: 1px solid #2879b0;}
.staff_mall .en_view_list>li .title.on {border-bottom: 0; color: #216498; }
.staff_mall .en_view_list>li>.en_dept_wrap .en_cata_area .title {border-right: 1px solid #2879b0 }
.staff_mall .en_view_list>li>.en_dept_wrap .en_brand_area .title {border-left: 1px solid #2879b0; color: #333; }
.staff_mall .en_view_list>li>.en_dept_wrap .en_brand_area .title.on {color: #216498 }
.staff_mall .en_brand_view .en_brand_view-wrap {border: 1px solid #2879b0; }*/
.staff_mall .quick_left li.special {padding: 5px 0 }
.staff_mall .quick_left li.special a.btn {display: none }
.staff_mall .foot_area .utill .fnb li.staff {display: block }
.ui-widget-content {z-index: 300!important }
#main_popup_layer {display: inline-block }
.main_pop {min-width: 200px; margin: 0 auto; font-size: 14px; font-family: "Roboto"; position: relative; padding-bottom: 40px }
.popup_layer .main_pop {min-width: 430px }
.main_pop .footer {position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 10px 12px; border-top: 1px solid #bfbfbf; background: #f7f7f7 }
.main_pop .footer .today_chk label {color: #333; font-size: 12px }
.main_pop .footer .close {position: absolute; top: 13px; right: 12px; padding-right: 16px; background: url(../img/common/ico_close_10px.png) no-repeat 100% 50% }
.main_pop_info {position: fixed; width: 350px; height: 397px; top: 50%; left: 50%; margin: -175px 0 0 -198px; background: url(../img/common/bg_main_layer.png) no-repeat 4px bottom; border: 0; text-align: center; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.main_pop_info .close {position: absolute; right: 20px; top: 60px; width: 46px; height: 44px; background: url(../img/common/bg_main_layer_close.png) no-repeat 0 0 }
.main_pop_info .time {padding: 210px 0 5px; font-size: 48px; color: #e53433 }
.main_pop_info .time p {position: absolute; top: 195px; left: 0; width: 100%; font-size: 16px }
.main_pop_info .msg {font-size: 14px; color: #525252 }
.main_pop_info .today_chk {font-family: Simun; font-weight: normal; font-size: 12.5px; color: #898178 }
.main_pop_info .today_chk label {padding-left: 20px; line-height: 14px }
header {height: auto }
.sh_sky_scrapper_banner {left: -136px; z-index: 11 }
.sh_sky_scrapper_banner .banner {margin-bottom: 0 }
.sh_sky_scrapper_banner .original+.banner .img {height: auto }
.sh_sky_scrapper_banner .img {height: auto }
.sky_scrapper_banner .banner {margin-bottom:10px }
.sh_sky_scrapper_banner .banner_type01,.banner_type01 ul.img li img {width: 120px; height: 132px!important }
.sh_sky_scrapper_banner .banner_type02,.banner_type02 ul.img li img {width: 120px; height: 120px!important }
.sh_sky_scrapper_banner .banner_type03,.banner_type03 ul.img li img {width: 120px; height: 180px!important }
.sh_sky_scrapper_banner .banner_type04 {margin-top: 10px }
.sh_sky_scrapper_banner .banner .slide_paging {width: auto }
.sh_sky_scrapper_banner .banner_exchange {margin-top: 10px }
.sh_sky_scrapper_banner .banner .btn_area {display: none!important }
.sh_sky_scrapper_banner .banner .slide_paging {position: absolute; left: 0; bottom: 8px; width: 120px; height: 19px; text-align: center }
.sh_sky_scrapper_banner .banner .slide_paging li {float: inherit; display: inline-block; padding-left: 0 }
.sh_sky_scrapper_banner .banner .slide_paging li:first-child {margin-left: 0 }
.sh_sky_scrapper_banner .banner .slide_paging li a {display: block; width: 8px; height: 8px; margin-left: 6px; background: url('../img/common/bg_dot_slidev2.png') no-repeat left -8px; font-size: 0; text-indent: -9999px }
.sh_sky_scrapper_banner .banner_exchange p {font-size: 12px; padding: 9px 0 0; color:#333; }
.sh_sky_scrapper_banner .banner_exchange div {background: #fff; padding: 5px 0 9px; height: auto; border-top:none; text-align:center;}
.sh_sky_scrapper_banner .banner_exchange strong {font-size: 16px; font-family: "RobotoMedium"; font-weight: normal; }
.sh_sky_scrapper_banner .banner_exchange span {margin-left:4px; font-size: 16px } /* 2025-07-03 스카이 스크래퍼 환율 여백 수정 */
.sh_sky_scrapper_banner .banner_exchange .btn_popup_layer {height: 29px;}
.sh_sky_scrapper_banner .banner_exchange .btn_popup_layer span {display: inline-block; border-bottom:1px solid #838383; margin: 6px 5px 8px; color: #333; font-size: 12px; line-height: 14px;}
.sky_scrapper .notice_sky {display: none; overflow-x:hidden; overflow-y:auto; height: 100%; padding-bottom: 0; border-bottom: 0; background-color: #f7f7f7 }
.sky_scrapper .notice_sky .bg {margin-top: 90px }
.sky_scrapper .notice_sky .tit_top {height:auto; padding-bottom: 10px; font-size: 13px; font-family: "RobotoMedium";/*font-weight: bold;*/ text-align: center; color: #333; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea }
.sky_scrapper .notice_sky .tit_top span {position: relative; font-size: 16px; font-family: 'RobotoMedium' }
.sky_scrapper .notice_sky .tit_top span em {color: #e53433 }
.sky_scrapper .notice_sky .tit_top a {display: inline-block; position: absolute; right: 10px; top: 8px; background-position: 94px 50%; font-weight: normal }
.sky_scrapper .notice_sky .notice_list li {padding: 12px 10px 15px 10px; text-align: left; border-bottom: 1px solid #eaeaea; background-color: #fff }
.sky_scrapper .notice_sky .notice_list li dt {font-size: 14px; color: #333; padding-bottom: 5px; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.sky_scrapper .notice_sky .notice_list li dt span {color: #e53433 }
.sky_scrapper .notice_sky .notice_list li dd {color: #666; font-size: 11.6px; line-height: 16px }
.sky_scrapper .notice_sky .notice_list li dd a {padding-right: 10px; text-decoration: underline; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.sky_scrapper .notice_sky .notice_list li dd strong {font-family: "RobotoMedium"; font-weight: normal;}
.sky_scrapper .notice_sky .notice_list li dd .t_red {color: #e53433 }
.sky_scrapper .notice_sky .notice_list li dd .t_blue {color: #104dfc }
.sky_scrapper .notice_sky .btn_footer {overflow: hidden; padding: 10px }
.sky_scrapper .notice_sky .btn_footer a {float: right }
a.btn_ic_red_s {position: relative; box-sizing: border-box; display: inline-block; padding: 5px 15px 6px 6px; border: 1px solid #d8dbdf; border-radius: 4px; background: #fdfdfd; line-height: 1; font-size: 11px; color: #666 }
a.btn_ic_red_s:after {content: ""; position: absolute; right: 5px; top: 10px; width: 5px; height: 9px; background: url(../img/common/ico_arrow.png) no-repeat 0 -29px; margin-top: -4px }
.sky_scrapper .notice_sky .qrcode {overflow: hidden; padding: 3px 0 0 10px }
.sky_scrapper .notice_sky .qrcode p {float: left }
.sky_scrapper .notice_sky .qrcode p:last-child {float: right; padding: 36px 10px 0 0 }
.sh_new_header_top .logo {padding-top: 10px; width: 291px }
.sh_new_header_top .total_search {top: 19px; width: 640px }
.sh_new_gnb {width: 100%; background: #fafafa; /* height: 31px; padding: 1px 0; */ height: 35px; font-size: 12px; font-family: 'Roboto',sans-serif }
.sh_new_gnb .sh_new_gnb_inner {width: 931px; margin: 0 auto }
.sh_new_header_top .total_search .right_area {height: 89px }
.sh_new_header_top .total_search .right_area>a {padding-top: 45px }
.sh_new_header_top .total_search .right_area span.banner img {margin-top: 20px }
.sh_new_header_top .total_search .area {width: 440px; right: 193px }
.sh_new_header_top .total_search .area .input_m {width: 385px }
.sh_new_header_top .total_search .result_area .auto_disable {width: 400px }
.sh_new_gnb_inner {position: relative; z-index: 1000 }
.sh_new_gnb_inner .gnb_left {position: absolute; left: 0; top: 0 }
.sh_new_gnb_inner .gnb_right {position: absolute; right: 13px; top: 0 }
.sh_new_gnb_inner ul {float: left; margin-right: 6px }
.sh_new_gnb_inner li {float: left; display: inline; padding: 0 14px; background: url('../img/common/ico_gnb_new.png') no-repeat -19px -82px;}
.sh_new_gnb_inner li a {display: block; color: #666; padding-top: 12px }
.sh_new_gnb_inner .gnb_left li:first-child,.sh_new_gnb_inner .gnb_right li:first-child {background: 0 }
.sh_new_gnb_inner .gnb_left li:first-child {padding-left: 0 }
.sh_new_gnb_inner li a span {display: inline-block; /*background: url('../img/common/ico_gnb_new.png') no-repeat*/ }
.sh_new_gnb_inner li:hover a {color: #e53433 }
.sh_new_gnb_inner span.ico_bookmark {/* background-position: 0 -2px; padding-left: 16px */ }
.sh_new_gnb_inner span.ico_cart {/* background-position: 0 -24px; padding-left: 20px */ }
.sh_new_gnb_inner span.ico_wishlist {/* background-position: 0 -44px; padding-left: 16px */ }
.sh_new_gnb_inner span.ico_mobile {/* background-position: 0 -66px; padding-left: 12px */ }

.sh_new_gnb_inner .gnb_right li.language {/* padding: 0 1px 0 2px */ padding: 0; margin-right:-1px }
.sh_new_gnb_inner .gnb_right li.language div {cursor:pointer;}
.sh_new_gnb_inner .gnb_right li.language div > em {display: block; width: 74px; padding: 11px 0 0 14px; border: 1px solid transparent; background: url('../img/common/gnb-down-arr.png') no-repeat 71px 14px; color:#737373;}
.sh_new_gnb_inner .gnb_right li.language div:hover em {display: block; padding-bottom:10px; border: 1px solid #ddd; border-bottom: 0; background: #fff url('../img/common/gnb-up-arr.png') no-repeat 71px 14px; color:#737373; }
.sh_new_gnb_inner .gnb_right li.language div em + span {display: none; border: 1px solid transparent; }
.sh_new_gnb_inner .gnb_right li.language div em + span > a{display:block; overflow:hidden; width:88px; height:22px; padding:0; text-indent:-9999px; font-size:0;}
/* .sh_new_gnb_inner .gnb_right li.language div em + span > a:hover{color:#e53433;}
.sh_new_gnb_inner .gnb_right li.language div em + span > a.on{color:#e53433;} */
.sh_new_gnb_inner .gnb_right li.language div em + span .lang_kr {background:url("../img/common/lang.png") no-repeat 0 0;}
.sh_new_gnb_inner .gnb_right li.language div em + span .lang_kr:hover {background-position:0 -23px;}
.sh_new_gnb_inner .gnb_right li.language div em + span .lang_jp {background:url("../img/common/lang.png") no-repeat 0 -46px;}
.sh_new_gnb_inner .gnb_right li.language div em + span .lang_jp:hover {background-position:0 -69px;}
.sh_new_gnb_inner .gnb_right li.language div em + span .lang_cn {background:url("../img/common/lang.png") no-repeat 0 -92px;}
.sh_new_gnb_inner .gnb_right li.language div em + span .lang_cn:hover {background-position:0 -115px;}
.sh_new_gnb_inner .gnb_right li.language div:hover em + span {display: block; position: relative; border: 1px solid #ddd; border-top: 0; background: #fff}

.sh_new_gnb_inner .gnb_right li.qr_code {/* padding: 0 1px 0 2px */ padding: 0; background:none; }
.sh_new_gnb_inner .gnb_right li.qr_code a {padding-top: 0 }
.sh_new_gnb_inner .gnb_right li.qr_code a em {display: block; width: 50px; padding: 11px 9px 0 6px; border: 1px solid transparent; background: url('../img/common/gnb-down-arr.png') no-repeat 47px 14px }
.sh_new_gnb_inner .gnb_right li.qr_code a:hover em {display: block; border: 1px solid #ddd; border-bottom: 0; background: #fff url('../img/common/gnb-up-arr.png') no-repeat 47px 14px }
.sh_new_gnb_inner .gnb_right li.qr_code a span.code {display: none; width: 82px; height: 82px; background: none; margin-top: 10px; margin-left: -7px; padding: 7px 5px; border: 1px solid transparent }
.sh_new_gnb_inner .gnb_right li.qr_code a:hover span.code {display: block; position: relative; border: 1px solid #ddd; background: #fff }
.sh_new_gnb_inner .gnb_right li.qr_code a span.code img {width: 82px; height: 82px }
.sh_new_gnb_inner .gnb_right li.qr_code a .code:before {content: ""; display: block; position: absolute; left: 0; top: -6px; width: 65px; height: 8px; background: #fff; z-index: 1 }

.blind,.visible_none {overflow:hidden; display:none; visibility:hidden; width: 0; height: 0; font-size:0; text-indent: -9999px;}
.en_gnb.type2 .en_shopin_menu li a {font-size: 13px }
.en_gnb.type2 .en_gnb_menu>li>a {font-size: 13px }
.en_gnb.type2 .en_gnb_menu>li.last>a {padding-right: 0 }
.en_view_list.type2>li>.icon {font-size: 13px }
.popup_time.popup_layer {z-index: 99999; position: absolute; left: 136px!important; bottom: 0!important; top: auto!important; width: 390px; height: 290px; border: 1px solid #7d7d7d; font-family: "Roboto" }
.popup_time.popup_layer .tit {position: relative; margin: 0 25px; padding: 23px 0 24px 0; border-bottom: 0; background-color: #fff; font-size: 21px; font-weight: normal; text-align: center }
.popup_time.popup_layer .tit span {display: inline-block; width: 21px; height: 21px; margin-top: -3px; margin-right: 7px; vertical-align: middle; background: url('../img/common/bg_popup_time_tit.png') no-repeat 0 0 }
.popup_time.popup_layer .desc {margin: 20px 20px; padding: 25px 0; background-color: #f9f9f9; font-size: 16px; font-family: 'RobotoMedium'; text-align: center }
.popup_time.popup_layer dl.select {width: 287px; margin: 0 auto; padding: 10px 0 0 0 }
.popup_time.popup_layer dl.select:after {content: ""; display: block; clear: both }
.popup_time.popup_layer dl.select dt {float: left; width: 92px; height: 35px; padding-top: 3px; font-size: 14px }
.popup_time.popup_layer dl.select dd {float: left; width: 195px; height: 48px }
.popup_time.popup_layer dl.select dd .input_s1 {width: 100% }
.popup_time.popup_layer dl.select dd .time_passport_date {position: relative; display: inline-block; width: 195px; margin-bottom: 7px }
.popup_time.popup_layer dl.select dd .time_passport_date .input {font-size: 12px; color: #333!important; line-height: 16px; width: 177px!important; padding: 6px 8px!important; border: 1px solid #bfbfbf; color: #999 }
.popup_time.popup_layer dl.select dd .time_passport_date img {border-left: none }
.popup_time.popup_layer dl.select dd .time_wrap select {width: 86px }
.popup_time.popup_layer dl.select dd.path {height: 38px; padding: 0 }
.popup_time.popup_layer dl.select dd.path .selectwrap {width: 173px!important; padding: 8px 10px 7px 10px; font-size: 13px; color: #999; border: 1px solid #bfbfbf; border-radius: 0 }
.popup_time.popup_layer dl.select dd.path .selectwrap>a {color: #999 }
.popup_time.popup_layer dl.select dd.path .selectwrap>a.selectTxt {color: #333 }
.popup_time.popup_layer dl.select dd.path .selectwrap ul {width: 193px!important; top: 28px; border: 1px solid #bfbfbf }
.popup_time.popup_layer dl.select dd.path .selectwrap ul li {border-top: 0; padding: 0 }
.popup_time.popup_layer dl.select dd.path .selectwrap ul li a {height: 24px; line-height: 24px; width: auto; padding-left: 10px }
.popup_time.popup_layer dl.select dd.path .time_wrap .selectwrap {float: left; min-width: 73px; width: 30px!important }
.popup_time.popup_layer dl.select dd.path .time_wrap .selectwrap:first-child {margin-right: 5px }
.popup_time.popup_layer dl.select dd.path .time_wrap .selectwrap ul {min-width: 57px; width: 92px!important; max-height: 264px; overflow-y: auto; z-index: 1000 }
.popup_time.popup_layer .tit a.btn_close {position: absolute; right: -6px; top: 19px; width: 15px; height: 15px }
.popup_time.popup_layer .tit a.btn_close img {vertical-align: top; width: 15px }
.popup_time.popup_layer .layer_text {width: 287px; text-align: center; color: #e53433; margin: 0 auto 18px auto; font-size: 12px; text-align: right }
.popup_time.popup_layer .layer_btn_wrap {width: 100%; padding-bottom: 25px; text-align: center }
.popup_time.popup_layer .layer_btn_wrap a {display: inline-block; margin-left: 7px; color: #fff; font-size: 12px; vertical-align:middle; }
.popup_time.popup_layer .layer_btn_wrap a:first-child {margin-left: 0 }
.popup_time.popup_layer .layer_btn_wrap .popup_time_btn1 {width: 287px; background: #333; height: 36px; line-height:36px; }
.popup_time.popup_layer .layer_btn_wrap .popup_time_btn2 {width: 146px; background: #333; height: 28px; line-height:16px; padding:4px 0;}
.popup_time.popup_layer .layer_btn_wrap .popup_time_btn3 {width: 88px; height: 34px; background: #fff; border: 1px solid #bfbfbf; color: #666; line-height: 34px }
.popup_time.popup_layer .time_container {margin-bottom: 18px; padding: 0 25px }
.popup_time.popup_layer .time_container em {font-family: Verdana }
.popup_time.popup_layer .time_txt_title {width: 352px; height: 74px; display: table-cell; vertical-align: middle; color: #444; font-size: 14px; line-height: 20px; text-align: center; background: #f4f4f4 }
.popup_time.popup_layer .time_txt_title.typeNone {height: 151px }
.popup_time.popup_layer .time_txt_title span {color: #010101; font-size: 26px; letter-spacing: -3px }
.popup_time.popup_layer .time_txt_title strong {color: #444; font-size: 18px; font-family: "RobotoMedium"; font-weight: normal; line-height: 23px }
.popup_time.popup_layer .time_txt_title02 {height: 210px; border-bottom: 0 }
.popup_time.popup_layer .time_txt_contents {margin-bottom: -1px; padding-top: 17px; color: #333; font-size: 12px; line-height: 20px; background: #fff }
.popup_time.popup_layer .time_txt_contents span {color: #e53433 }
.popup_time.popup_layer .time_txt_contents .label3 {display: inline-block; padding: 1px 3px 1px 3px; background: #444; color: #fff; font-size: 11px; line-height: 12px }
.popup_time.popup_layer .time_txt_contents .label5 {display: inline-block; padding: 1px 3px 1px 3px; background: #597f94; color: #fff; font-size: 11px; line-height: 12px }
.popup_time.popup_layer .arrow {display: none; position: absolute; left: -10px; bottom: 50%; width: 10px; height: 18px; margin-bottom: -9px; background: url('../img/common/layerpopup_arrow02.png') no-repeat 0 0 }
.popup_time.popup_layer .path .selectwrap>a:after {background: url('../img/common/ico_selectArrow.png') no-repeat 0 0 }
.popup_time.popup_layer img.ui-datepicker-trigger {border-left: 1px solid #ddd; position: absolute; top: 0; right: 0; padding: 5px 12px; cursor: pointer }
.top_bar.sh_top_bar {z-index: 250 }
.sh_top_bar .top_bar_btn {position: absolute; left: 100%!important; margin-left: 0; display: block; width: 33px; height: 35px; font-size: 0; background: url('../img/common/ico_2top_bar.png') no-repeat 0 0; z-index: 2 }
.sh_top_bar.close .top_bar_btn {height: 35px; background-position: 0 -65px }
.sh_top_bar.close .preview_area {display: none }
.sh_top_bar .top_bar_inner {position: relative; width: 931px; margin: 0 auto; z-index: 9998 }
.sh_top_bar .top_bar_inner .inner {position: relative; top: 0; width: 1165px; height: 70px; margin-left: -135px; z-index: 1 }
.sh_top_bar .top_bar_inner .inner:after {content: ""; display: block; clear: both }
.sh_top_bar .top_bar_inner .inner a {display: block; float: left; height: 70px; margin: 0!important; text-align: center; line-height: 64px }
.sh_top_bar .top_bar_inner .inner a img {width: auto; max-width: 100%; height: auto; max-height: 70px }
.sh_top_bar .top_bar_inner .inner.typeOne a {width: 100%!important }
.sh_top_bar .top_bar_inner .inner.typeTwo a {width: 582px!important }
.sh_top_bar .top_bar_inner .inner.typeTwo a:first-child {width: 583px!important }
.sh_top_bar .top_bar_inner .inner.typeThree a {width: 388px!important }
.sh_top_bar .top_bar_inner .inner.typeThree a:first-child {width: 389px!important }
.spred_banner_wrap {width: 100%; position: absolute; left: 0; top: 70px; height: auto; z-index: 10000 }
.spred_banner_wrap .spred_banner {position: relative; width: 931px; margin: 0 auto }
.spred_banner_wrap .spred_banner div {margin-left: -135px }
.spred_banner_wrap .spred_banner div a {display: none }
.spred_banner_wrap .btn_banner_close {position: absolute; bottom: 0; right: 0; margin-right: -132px }
.spred_banner_wrap.close {display: none }
.sh_top_bar>.bgLeft {position: absolute; left: 0; top: 0; width: 50%; height: 70px }
.sh_top_bar>.bgRight {position: absolute; right: 0; top: 0; width: 50%; height: 70px }
.sh_top_bar.top_bar.close .bgLeft,.sh_top_bar.top_bar.close .bgRight {display: none }
.popup_main.login_limit {font-family: 'Roboto'; background: #FFF; border: 1px solid #000; position: absolute; top: 50%; left: 50%; margin: -170px 0 0 -267px; width: 533px; z-index: 99999 }
.popup_main.login_limit h1 {text-align: center; font-size: 32px; color: #e53433; letter-spacing: 2px; border-bottom: 1px solid #e0e0e0; padding: 27px 0 26px; line-height: 1.2; font-family: "RobotoMedium";/*font-weight: bold;*/ }
.popup_main.login_limit .pop_cont {text-align: center; padding-bottom: 30px }
.popup_main.login_limit .pop_cont .limit_desc {padding: 25px 40px 0 40px; font-size: 15px; margin-bottom: 30px; line-height: 24px; background-color: #f7f7f7; border-bottom: 1px solid #e0e0e0 }
.popup_main.login_limit .pop_cont .limit_desc b {font-weight: normal }
.popup_main.login_limit .pop_cont p.contact {color: #aaa; padding: 8px 0 28px }
.popup_main.login_limit .pop_cont p.contact i {font-style: normal; display: inline-block; vertical-align: -2px; padding-right: 2px }
.popup_main.login_limit .pop_cont .btn_ss_red {height: 42px; line-height: 42px; width: 224px; font-size: 16px; font-family: 'Roboto' }
.popup_main.login_limit .footer {position: relative; padding: 10px 12px; border-top: 1px solid #bfbfbf; background: #f7f7f7; color: #333; font-size: 13px; letter-spacing: .5px }
.popup_main.login_limit .footer label {display: inline-block; vertical-align: -1px }
.popup_main.login_limit .footer .close {position: absolute; right: 12px; top: 12px; padding-right: 16px; background: url(../img/common/ico_close_10px.png) no-repeat 100% 50% }
.pop_dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2; filter: alpha(opacity = 20); z-index: 99998 }
.sky_scrapper_banner {z-index: 11!important }
.event_banner .slide_paging {z-index: 99!important }
.cs_box .cs_cont .faq dl dd div.answer a {display: inline-block; margin-top: 15px; padding: 0; border-bottom: 1px solid #000 }
.app_update_info {	width: 100%; 	background: #e63434 }
.app_update_info a {	display: block; 	width: 100% }
.app_update_info img {	zoom: .5 }

/* 2017.04.13 몰메인 우측 둥둥이 배너 추가 픽스다인 */
.doongdoonge_banner {display:none; z-index:1; position:fixed; right:50%; margin-right:-667px; bottom:250px; width:150px; height:150px; -webkit-animation:ani 1.3s infinite linear; -moz-animation:ani 1.3s infinite linear; -o-animation:ani 1.3s infinite linear; animation:ani 1.3s infinite linear;}
.doongdoonge_banner > a img {z-index:2; position:absolute; width:150px; height:150px !important;}
.doongdoonge_banner a.btn_close {z-index:3; position:absolute; top:0; right:0; width:13px; height:13px; text-indent:-9999px;}

@keyframes ani {
	0% {bottom:250px;}
	50% {bottom:245px;}
	100% {bottom:250px;}
}

/* 2017.04.26 여권번호 변경주기 설정 픽스다인 */
.btn_border_type01 {box-sizing: border-box; display: inline-block; width: auto; padding: 0 10px; border-radius: 2px; font-size: 12px; text-align: center; border: 1px solid #e0e0e0; background-color: #fff; color: #333; line-height: 28px}
.btn_border_type01.btn_passport_inquiry {position:relative; padding-right:22px; color:#333}
.btn_border_type01.btn_passport_inquiry:after {content: ""; position: absolute; right: 10px; top: 50%; width: 6px; height: 11px; background: url("../img/common/ico_common.png") no-repeat -20px -420px; margin-top: -6px}
.popup_passport_inquiry {display:none; position:absolute; top:369px; left:351px; width:427px; border:1px solid #000; background:#fff;}
.popup_passport_inquiry .table_tbody.type01 {margin:20px; width:387px; font-size:12.1px}
.popup_passport_inquiry .table_tbody.type01 tr:first-child th, .popup_passport_inquiry .table_tbody tr:first-child td {border-top:2px solid #333}
.popup_passport_inquiry .table_tbody.type01 th {width:274px; border-top:0; font-weight:normal; border-bottom:1px solid #c0c0c0; background:#fafafa;}
.popup_passport_inquiry .table_tbody.type01 td {padding:12px 16px; width:253px; text-align:center; border-bottom:1px solid #c0c0c0; color:#333;}
.popup_passport_inquiry .btn_close {position:absolute; top:-3px; right:15px;}
.popup_passport_inquiry .tit {position:relative; padding-left:20px; height:48px; line-height:48px; font-size:15px; font-family:"RobotoMedium";/*font-weight:bold;*/ color:#333; background:#f7f7f7}
.popup_passport_inquiry .txt {margin-bottom:30px; color:#666;}
.popup_passport_inquiry .txt span {display:block; margin:0 20px; padding-left:10px; font-size:12.1px; background:url("../img/common/bg_dot_2px_666.png") no-repeat 0 10px; line-height:1.8;}
.table_default td .passport_txt {padding-top:11px; font-size:13px; color:#999}

/* PC_공통_검색 UI 개선 */
.header_top .total_search {top:0; width:689px; height:89px;}
.header_top .total_search .search {width:448px;}
.header_top .total_search .searchWrap {position:absolute; right:212px; bottom:0; width:446px; height:37px; line-height:34px; border:1px solid #ff464d; background-color:#fff; z-index:100;}
.header_top .total_search .searchWrap > span { display:inline-block; vertical-align:top; padding:0 10px 0 12px;}
.header_top .total_search .searchWrap > span.ico {height:37px;padding:0 16px; background:#fff; float:right;}
.header_top .total_search .searchWrap .input_m { width:368px; color:#888; border:none;}
.header_top .total_search .searchWrap .input_m:focus { color:#ef3f3b }
.header_top .total_search .searchWrap .focus.input_m {color:#ef3f3b !important;}
.header_top .total_search .searchWrap .input_m::-webkit-input-placeholder { color:#888; }
.header_top .total_search .searchWrap .input_m:-moz-placeholder { color:#888; opacity:1}
.header_top .total_search .searchWrap .input_m::-moz-placeholder { color:#888; opacity:1}
.header_top .total_search .searchWrap .input_m:-ms-input-placeholder{ color:#888; }

.header_top .total_search .searchArea .ico { position:absolute; padding:0; right:0; top:0; line-height:19px; }
.header_top .total_search .searchArea .ico input {padding:7px 12px;}

.total_search .result_area {width:446px; top:37px; left:-1px; border:1px solid #ef3f3b; border-top:0; z-index:9999;}
.total_search .result_area.result_disable {left:-1px; top:44px; z-index:3;}
.total_search .result_area.result_disable .auto_disable {width:444px;border-top:none;}
.total_search .result_area .inner {width:445px; border-top:1px solid #e0e0e0;}
.total_search .result_area .search_word {width:100%;}
.total_search .result_area .auto_disable {border-top:1px solid #e0e0e0;}
.result_area .inner + .close_area {width:425px;}
.result_area .close_area {padding:8px 14px 10px 5px; border-top:1px solid #e0e0e0;}
.result_area .close_area .close {padding-right:0; background:none; color:#888;}
.result_area .close_area .btn {width:369px;}
.result_area .close_area .btn a {float:left; color:#888; background:none;}
.result_area .close_area .btn a:first-child {padding:0 10px 0 11px;}
.result_area .close_area .btn a.delete_all {background:url('../img/common/bg_line_10px_ccc.png') no-repeat 0 50%;}
.search_word .search_save {margin-right:0;}
.search_word .scroll_area {padding:0;}
.search_word .scroll_area > div {height:316px; padding:4px 20px;}
.search_word .search_save li {padding-left:0; position:relative; margin:16px 0;}
.search_word .search_save li:first-child {margin-top:16px}
.search_word .search_save li a:first-child {width:330px;}
.search_word .search_save li a.btn_ic_red_s {width:61px; height:auto !important; margin-top:-10px; display:block; position: absolute; top:50%; right:76px; font-size:11px;}
.search_word .search_save li .date {height:12px; margin-top:-6px; text-align:right; color:#a9a9a9; font-size:12px; position:absolute; top:50%; right:27px;}
.search_word .search_save li a.search_delete {width:6px; height:14px; background:url(../img/common/ico_delete_new.png) 100% 50% no-repeat; z-index:0;}
.search_word .search_word_area {width:100%; height:auto; overflow:hidden;}
.search_word .search_word_area .word_area {width:100%; padding:13px 0; overflow:hidden;}
.search_word .search_word_area .word_area + .word_area {border-top:1px solid #e0e0e0;}
.search_word .search_word_area .word_area:nth-child(2) {padding:8px 0;}
.search_word .search_word_area .word_area li p {height:auto;}
.search_word .search_word_area .word_area li p:hover:before {content: ''; width: 444px; height: 23px; background:#f5f3f3; position: absolute; top:1px; left:0; z-index: -1;}
.search_word .search_word_area .word_area li p > .btn_ic_red_s {top:2px;}

.search_word .search_word_area .word_area ul.category_list {}
.search_word .search_word_area .word_area ul.category_list li {padding:10px 0 0 20px; color:#666; background:url(../img/common/icon_category_list.png) 9px 10px no-repeat;}
.search_word .search_word_area .word_area ul.category_list li span {margin-left:4px; color:#888;}
.search_word .search_word_area .word_area ul.category_list li a {width:100%; font-size:12px; color:#666;}
.search_word .search_word_area .word_area ul.category_list li a:hover:after {left:-40px;}
.search_word .search_word_area .word_area > li {position:relative; padding:7px 20px;}
.search_word .search_word_area .word_area > li:hover {background:#f5f3f3;}
.search_word .search_word_area .word_area > li > a {width:100%; font-size:13px;}
.search_word .search_word_area .word_area > li a:hover {text-decoration:none;}
.search_word .search_word_area .word_area > li > a:hover span {color:#e53433;}
.search_word .search_word_area .word_area:first-child li:hover {background-color:transparent;}
.search_word .search_word_area .word_area:first-child li > a {position:relative;}
.search_word .search_word_area .word_area:first-child li > a:hover:after {content: ''; width: 444px; height: 23px; background:#f5f3f3; position: absolute; top:-5px; left:-20px; z-index: -1;}
.search_word .search_word_area .word_area > li > a.btn_ic_red_s {width:62px; font-size:11px; color:#666; text-align:center;}
.search_word a.btn_ic_red_s {padding:4px 2px; background:#fff; position:absolute; top:3px; right:20px; }
.search_word a.btn_ic_red_s:after {display:none;}
.search_word .auto_complete li > a {color:#333;}

.total_search .result_area .auto_disable {width:100%; padding:67px 20px; box-sizing:border-box;}
.total_search .result_area .auto_disable p {font-size:13px;}
.total_search .result_area#result_save_off .auto_disable {padding:57px 20px;}
.sh_new_header_top .total_search .result_area .auto_disable {width:100%;}
.best_word {display:none;}
.best_word .search_save li .bestNum {margin-right:14px; color:#ef3f3b;}
.best_word.search_word .search_save li a {width:378px; font-size:13px;}
ul.searchTabBtn {width:100%; height:43px; padding:0 20px; box-sizing:border-box; display:block; border-bottom:1px solid #e0e0e0;}
ul.searchTabBtn > li {width:50%; float:left;}
ul.searchTabBtn > li > a {width:100%; padding:14px 0 13px; background:#fff; font-size:15px; color:#888; position:relative; line-height:1; text-align:center; display:block;}
ul.searchTabBtn > li > a.on {color:#ef3f3b;}
ul.searchTabBtn > li > a.on:after {content:''; width:100%; height:1px; background:#ef3f3b; position:absolute; bottom:-1px; left:0;}

.header_top .total_search .search p span .input {width:361px;}
.header_top .total_search .result_word_null .auto_disable {width:444px;}
.marketing_warp .power_search + .search_option_box .btn_ss_gray,
.searchresult_wrap .search_option_box .btn_ss_gray {width:175px; height:50px; line-height:50px; font-size:16px; font-family:"RobotoMedium";/*font-weight:bold;*/}
.total_search .result_area .search_word .scroll_area {height:auto;}

ul.searchTabBtn.tab_menu {background:#fff; overflow:inherit;}
ul.searchTabBtn.tab_menu li {border-right:0;}
ul.searchTabBtn.tab_menu li a {height:auto;}
ul.searchTabBtn.tab_menu li a.on {color:#ef3f3b;}
ul.searchTabBtn.tab_menu li a:hover {color:#888;}
ul.searchTabBtn.tab_menu li a.on:hover {color:#ef3f3b;}

/* 상품상세 개인화 추천영역 개선 : 리앙 */
.detail_view {padding-bottom:30px;}
.detail_view .relative {margin-bottom:45px; overflow:hidden;}
.detail_view .relative h4 {padding:60px 0 25px; margin-bottom:15px; border-bottom:1px solid #d9d9d9; font-size:24px; letter-spacing:-0.025em; color:#333;}
.relative h4 em {color:#e53433;}
.detail_view .relative {position:relative; margin-bottom:20px;}
.detail_view .relative .product_list.detail_prod_slide li:first-child {width:187px;/*20%*/}

.detail_view .relative.products_firstlist {margin-bottom:45px;}
.detail_view .relative.products_firstlist h4 {padding:20px 0 15px; margin-bottom:0; border-bottom:0;}
.detail_view .relative.products_firstlist .pageNumBox {top:23px;}

.detail_view .area {overflow:hidden; position:relative; /* height:262px; */ padding:0;}
.detail_view .area > ul.list {overflow:hidden; width:100%;}
.detail_view .area > ul.list > li {float:left; width:186px;/*20%*/ height:262px; padding:0; position:relative;}
.detail_view .area.detail_prod_slide > ul.list > li {width:186px;/*20%*/}
.detail_view .area > ul.list > li .product_off_wrap {position:relative; height:262px; margin-right:1px;}
.detail_view .area > ul.list > li .listBestNum {display:block; position:absolute; top:20px; left:19px; z-index:1; width:25px; height:13px; padding:6px 0; text-align:center; font-weight:normal; font-size:13px; line-height:13px; color:#fff; background-color:#aaa;}
.detail_view .area > ul.list > li.firstOne .listBestNum {background-color:#e53433;}
.detail_view .area > ul.list > li .product_off {padding:0 15px; border-left:none;}
.detail_view .area > ul.list > li:first-child .product_off {border-left:none;}

.detail_view .relative .pageNumBox {display:none; position:absolute; top:66px; right:0; z-index:1; font-size:18px; color:#666;}
.detail_view .relative .pageNumBox .nowPage {color:#000;}
.detail_view .relative .pageNumBox .totalPage {}
.detail_view .relative .pd-relative-products .pageNumBox {top:56px;}

/* PC 공통 타임세일 영역 변경 건 - 리앙 */
.sh_sky_scrapper_banner .banner_type03 {background:#fff; overflow:hidden;}
.sh_sky_scrapper_banner .banner_type03 .timeSaleTit {width:100%; height:25px; margin:8px auto 0; font-size:0; background:url(../img/common/TimeSale_tit.png) 50% 0 no-repeat; position:absolute; top:0; left:0;}
.sh_sky_scrapper_banner .banner_type03 ul.img li {width:120px; top:33px; z-index:1;}
.sh_sky_scrapper_banner .banner_type03 ul.img li.timeSaleInfo {top:0; z-index:2;}
.sh_sky_scrapper_banner .banner_type03 ul.img li.timeSaleInfo > a {width:120px;}
.sh_sky_scrapper_banner .banner_type03 ul.img li .imgBox {height:96px; display:block;}
.sh_sky_scrapper_banner .banner_type03 ul.img li .imgBox img {width:96px !important; height:96px !important;}
.sh_sky_scrapper_banner .banner_type03 ul.img li .txtTime {height:16px; display:block; text-align:center; padding:3px 0 4px; font-size:15px; color:#6e6e6e; font-family:'Roboto'; vertical-align:top; line-height:1.1;}
.sh_sky_scrapper_banner .banner_type03 ul.img li .txtTit {height:18px; display:block; text-align:center; font-size:12px; color:#333; font-family:'Roboto'; font-family:"RobotoMedium";/*font-weight:bold;*/ vertical-align:top; line-height:1.1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sh_sky_scrapper_banner .banner_type03 ul.img li > a {width:104px; display:inline-block; position:relative; line-height:1;}
.sh_sky_scrapper_banner .banner_type03 ul.img li .saleBadge {width:40px; height:11px; padding:14px 0 15px; display:inline-block; background:#ff5d63; color:#fff; border-radius:50%; position:absolute; top:5px; left:0; line-height:11px;}
.sh_sky_scrapper_banner .banner_type03 ul.img li .saleBadge > span {font-size:12px;}
.sh_sky_scrapper_banner .banner_type03 ul.img li .saleBadge .rate {font-size:14px; font-family:'Roboto';}
.sh_sky_scrapper_banner .banner .slide_paging {width:108px; height:9px; left:6px; bottom:4px; overflow:hidden;}/* 2017-11-14 노출갯수변동 관련수정 */
.sh_sky_scrapper_banner .banner .slide_paging li {width:9px; height:9px; margin-left:0; vertical-align:top;}
.sh_sky_scrapper_banner .banner .slide_paging li a {width:9px; height:9px; margin-left:0; background:url(../img/common/TimeSale_bul_2017.png) 0 4px repeat-x;}
.sh_sky_scrapper_banner .banner .slide_paging li a.on {width:9px; height:9px; background:url(../img/common/TimeSale_bul_2017.png) 0 -7px repeat-x;}
.popup_time.popup_layer {bottom:auto !important; top:280px !important;}
.sh_sky_scrapper_banner .banner_movie {margin-top:10px;}

/* GNB핫세일구좌UI추가 - 리앙 */
#headerHotsaleSlider {width:212px; position: absolute; top:46px; right:0;}
#headerHotsaleSlider .slide-wrap {position:relative; width:212px; height:80px; overflow:hidden;}
#headerHotsaleSlider ul.slide-list{ position:absolute; right:0px; display:block; list-style:none; margin:0; padding:0;}
#headerHotsaleSlider ul.slide-list li {position:relative; width:212px; height:80px;}
#headerHotsaleSlider ul.slide-list li img {width:212px; height:80px;}
#headerHotsaleSlider #headerHotsalePreB {position:absolute; right:0; top:12px; z-index:20; background:url('../img/common/mtop_up.gif') 0 0 no-repeat; width:16px; height:16px; font-size:0; border:0; display:block;}
#headerHotsaleSlider #headerHotsaleNextB {position:absolute; right:0; top:28px; z-index:20; background:url('../img/common/mtop_down.gif') 0 -1px no-repeat; width:16px; height:16px; font-size:0; border:0; display:block;}

/* 좌스카이 z-index 변동 관련 개인화 z-index값 조절 */
.sky_scrapper_banner {z-index: 200 !important;}
.detail_view .relative .product_over {z-index: 99;}

/* 2017.08.14 재입고알림 프로세스 개선 */
.cursor_default {cursor:default; background:#888;}
.product_over .over_btn_area a.btn1.sold_out.cursor_default {background:#888;}
.product_off_wrap .product_over_wrap .over_btn_area a.btn1.sold_out.cursor_default {background:#888;}

/* 2018-01-18 헤더 탑메뉴 상담톡 버튼 추가 */
.sh_new_gnb_inner a.btn_shilla_intro {float: left; display: block; height: 17px; margin:10px 6px 0 0; padding-right: 9px; background: url('../img/common/ico_gnb_new.png') no-repeat right -140px; color: #e43433; line-height: 17px; border: none; text-align: center; }
.sh_new_gnb_inner a.btn_shilla_intro span{display:block; padding-left:17px; background:url('../img/common/ico_gnb_new.png') no-repeat -19px -93px;}
.sh_new_gnb_inner a.btn2{display:block; height:17px; float:left; margin:10px 0 0 7px; padding-right:8px; background:url('../img/common/ico_gnb_new.png') no-repeat right -140px; line-height:17px; color:#ef3f3c; text-align:center;}
.sh_new_gnb_inner a.btn2 span{display:block; /* padding-left:6px; background:url('../img/common/ico_gnb_new.png') no-repeat -19px -92px; */}

/*2018-04-06 와이드컨텐츠영역*/
#containerFull{clear:both; position:relative; width:100%;}

/* 2018-11-09 우측 스카이스크래퍼 오프라인 등급 이미지 수정 */
.sky_scrapper .my_info .new_offline ul li:first-child img{width:50px; height:50px; padding-top:0;}

/* 2019-01-14 배너텍스트화 몰메인 최상단 띠배너*/
.sh_top_bar .top_bar_inner .inner a{position:relative;}
.sh_top_bar .top_bar_inner .bar_txt{position:absolute; left:135px; top:0; display:table; width:931px; height:70px; color:#404040; font-family:'Roboto';}
.sh_top_bar .top_bar_inner .bar_txt span{display:table-cell; height:70px; vertical-align:middle; font-size:24px; letter-spacing:-0.01em}
.sh_top_bar .top_bar_inner .bar_txt .bold{font-weight:bold;}

/* 2018-11-08 S.Rewards 사이트 이동메뉴 추가 및 상담톡 버튼 색상 변경 */
.sh_new_gnb_inner .gnb_right li.chosen_box {padding: 0;}
.sh_new_gnb_inner .gnb_right li.chosen_box div {cursor: pointer;}
.sh_new_gnb_inner .gnb_right li.chosen_box div > em {display: block; position:relative; padding: 11px 23px 0 14px; border: 1px solid transparent; color: #737373;}
.sh_new_gnb_inner .gnb_right li.chosen_box div > em:after {display:block; content:""; position:absolute; right:8px; top:13px; width:9px; height:5px; border:1px solid transparent; background: url("../img/common/gnb-down-arr.png") no-repeat 0 0;}
.sh_new_gnb_inner .gnb_right li.chosen_box div:hover > em:after {border:0; background: url("../img/common/gnb-up-arr.png") no-repeat 0 0;}
.sh_new_gnb_inner .gnb_right li.chosen_box div:hover em {display: block; padding-bottom: 10px; border: 1px solid #ddd; border-bottom: 0;}
.sh_new_gnb_inner .gnb_right li.chosen_box div em + span {display: none; border: 1px solid transparent;}
.sh_new_gnb_inner .gnb_right li.chosen_box div em + span > a {display: block; width: 100%; height: 22px; padding: 0; background:url('../img/common/service-PC_new.png') no-repeat 50% 0; text-indent: -9999px; font-size: 0;}
.sh_new_gnb_inner .gnb_right li.chosen_box div:hover em + span {display: block; position: relative; border: 1px solid #ddd; border-top: 0; background: #fff;}
.sh_new_gnb_inner .gnb_right li.chosen_box div:hover {background:#fff;}
.sh_new_gnb_inner .gnb_right li.chosen_box .idx01 {background-position:50% 0;}
.sh_new_gnb_inner .gnb_right li.chosen_box .idx01:hover {background-position:50% -22px;}
.sh_new_gnb_inner .gnb_right li.chosen_box .idx02 {background-position:50% -44px;}
.sh_new_gnb_inner .gnb_right li.chosen_box .idx02:hover {background-position:50% -66px;}
.sh_new_gnb_inner a.btn_type01 {margin-left:0;}
/* // 2018-11-08 S.Rewards 사이트 이동메뉴 추가 및 상담톡 버튼 색상 변경 */

/* 2019-02-19 고객센터 온오프라인 멤버십 안내 수정 */
.cs_membership .notice_top{margin-top:-6px; margin-bottom:14px; font-size:13px; padding-left:10px; background:url('../img/common/bg_dot_2px_666.png') no-repeat 0 11px; line-height:24px; color:#333;}

/*2019-04-16 skyscrapper 수정 */
.sky_scrapper_banner .banner_exchange.new p { color:#888; padding-top:14px; font-size:13px}
.sky_scrapper_banner .banner_exchange.new { border-color:#ddd;background-color:#fff ; padding:0 12px}
.sh_sky_scrapper_banner .banner_exchange.new div { padding:0; text-align:center; height:auto}
.sky_scrapper_banner .banner_exchange.new a { position:relative; background-color:#fff; border-top:0; padding:0; border-top:1px solid #f1f1f1; background-image:none; padding-top:35px; box-sizing:border-box; text-align:center; color:#888; font-size:13px; height:auto}
.sky_scrapper_banner .banner_exchange.new a:after { content:''; position:absolute; top:13px; left:50%;margin-left:-11.5px; display:block;width:23px; height:23px; background:url(../img/common/bg_sky_clock_new.jpg) no-repeat 0 0}
.sh_sky_scrapper_banner .banner_exchange.new strong { font-size:16px; padding:7px 0 13px; font-family:'Roboto';letter-spacing:0; font-weight:600; color:#e53433}
.sh_sky_scrapper_banner .banner_exchange.new .btn_popup_layer span { color:#888; border-bottom:0; font-size:13px; margin:7px 0 15px }
.popup_time.popup_layer.type02 { top:334px !important}

/* 2019-01-11 좌스카이 정품마크추가 */
.sky_scrapper_banner .original {width:120px; margin-top:10px;}

/* 2019-08-28 풋터> 개인정보정책에만  bold 추가 */
.foot_area .utill .fnb li:nth-child(4) { font-family:'RobotoMedium'; font-weight:500}

/* 2020-01-03 푸터 인증마크 수정 */
.foot_area .mark_area .mark li span{margin:0;}

/* 2020-03-09 서브 상단 GNB 메뉴 신라클럽 추가 */
.en_gnb.club{width:1030px; left:49px;}

/* 2020-04-20 : 전시 카테고리 개편 - 픽스다인 */
.en_view_list>li>.icon {padding:11px 10px 9.6px 10px; word-break:break-word; box-sizing:border-box;}
.en_view_list>li:hover>.icon {padding:11px 10px 9.5px 10px !important;}
.en_view_list>li.en_view_item01 >.icon {border-top:1px solid transparent;}

/* 22-11-22 별, 클럽 서비스 종료 */
.navigation.newGnb2022 .en_gnb .en_gnb_menu {float:left; margin-left:20px}

/* 2022-12-20 주문실패 */
.order-failure-wrap {margin-top:40px}
.order-failure-wrap .failure-info { background-color: #f7f7f7;border: 1px solid #d2d2d2; font-family:'Roboto'}
.order-failure-wrap .failure-info .failure-top {padding:90px 0 70px; background-color:#fff; border-bottom:1px solid #e0e0e0}
.order-failure-wrap .failure-info .failure-btm {padding: 27px 0 30px; text-align:center}
.order-failure-wrap .failure-top .title { background-color:#fff; }
#container .order-failure-wrap .failure-info .title h3 {font-weight:normal}
.order-failure-wrap .failure-top .title .p_txt01 {font-size:18px;text-align:center; margin-top:20px; color:#666;}
.order-failure-wrap .failure-top .title .p_txt02 {font-size:18px;text-align:center; margin-top:20px; color:#333; font-weight:bold}
.order-failure-wrap .failure-top .title .p_txt02 strong {color:#e53433; font-weight:bold; }
.order-failure-wrap .failure-top .bt-area { text-align:center; margin-top:30px; font-size:0; line-height:0; }
.order-failure-wrap .failure-top .bt-area .btn_m_red {height:50px; line-height:50px; font-size:14px; font-weight:normal}
.order-failure-wrap .failure-info .failure-btm .txt {font-size: 12px;color: #666; text-align:center; line-height:1.5}
.order-failure-wrap .failure-info .failure-btm .txt + .btn_a_white {margin-top:17px}

/* 22-12-07 멤버십 개편 */
.newMembership2023 .newlevel_area{background-color:#fff; text-align:center; padding-bottom:15px; padding-top:15px}
.newMembership2023 .newlevel_ico{margin-top:8px}
.newMembership2023 .newlevel_name{font-family:"Roboto"; font-size: 12px; color:#666;}

/* 2024-01-12 전시 카테고리 주류 카테고리 추가 */
.en_view_list>li>.icon {padding:9.8px 10px 9px 10px;}
.en_view_list>li:hover>.icon {padding:9.8px 10px 9px 10px !important;}
.en_dept_item_type dl {position:relative; min-height:35px; background:none; box-sizing:border-box;}
.en_dept_item_type dl dd:before {display:block; content:""; position:absolute; top:0; right:0; width:calc(100% - 122px); height:1px; background:#f3f3f3;}
.en_dept_item_type dl:first-child dd:before {display:none;}

/* 25-12-30 푸터영역 정보보호 인증내역 기재 */
.foot_area .mark_area .mark{display:flex; flex-wrap:wrap; gap:25px 30px}
.foot_area .mark_area .mark li { float:none;margin-right:unset; margin-bottom:unset;}
.foot_area .mark_area .mark li span { display:inline-block; vertical-align:unset; margin:unset; }
.foot_area .mark_area .mark li strong { display:inline-block; vertical-align:unset; margin-right:unset; color:#aaa; font-weight:normal;}
.foot_area .mark_area .mark .cfy_row{position:relative; display:flex; align-items: center; gap:0 10px}
.foot_area .mark_area .mark .cfy_row .pop_link{display:block; position:absolute; width:100%; height:100%; z-index:1;}

/* 2026-04-21 인공지능법 시행 생성형 AI 활용 카테고리 표기 */
.en_gnb .en_shopin_menu li.en_shop_duty a {font-size:0; text-align:left;}
.en_gnb .en_shopin_menu li.en_shop_duty a .tit {padding-left:48px; font-size:15px; color:#fff;}
.en_gnb_wrap {z-index:101;}
.en_gnb_wrap .tool_tip_box {position:relative; display:inline-block; width:14px; height:14px; margin-left:4px; background: url('../img/common/ico_tool_tip02.png') no-repeat 100% 50%/14px auto;cursor: pointer; vertical-align:-2px;}
.en_gnb_wrap .tool_tip_box .tool_tip {position:absolute; top:22px; left:-27px; z-index:1; width:240px; padding:12px; color:#333; background:#f7f7f7; border:1px solid #bfbfbf; display:none;}
.en_gnb_wrap .tool_tip_box:hover .tool_tip {display:block;}
.en_gnb_wrap .tool_tip_box .tool_tip > p {font-size:11px; line-height:1.5; text-align:left;}
.en_gnb_wrap .tool_tip_box .tool_tip::after {content:""; position:absolute; top:-8px; left:10%; width:14px; height:8px; display:block; background: url('../img/common/ico_arrow.png') no-repeat 0 -816px; z-index:2;}

/* 2026-08-06 CCM 인증마크 수정 */
.foot_area .mark_area .mark li {display:flex; align-items:center;}
.foot_area .mark_area .mark li .txt {margin-left:12px; color:#aaa; font-size:12px; line-height:13px;}