@charset "euc-kr";
@import url(/design/hangso1/phps/css/m_brandon.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


#m_preview_wrap {display:none;} /* ¹Ì¸®º¸±â ¼û±â±â */
/* base */
* {-webkit-text-size-adjust:none;}
html, body{width:100%;height:100%;}
body {position:relative;font-size:12px;line-height:1.5;color:#222;-webkit-text-size-adjust:none;}
body,input,textarea,select,button,table{font-family:'Brandon Grotesque', 'Noto Sans KR', "Malgun Gothic", monospace, Corbel, Dotum, AppleGothic, Helvetica, sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure{margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; word-break: break-all;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#3b3b3b;}
label { cursor:pointer; }
table {border-collapse: collapse; border-spacing: 0;}
/* //base */

.font_notoSans{font-family:'Noto Sans KR', "Malgun Gothic", monospace, Corbel, Dotum, AppleGothic, Helvetica, sans-serif;}
.font_Brandon{font-family:'Brandon Grotesque', "Malgun Gothic", monospace, Corbel, Dotum, AppleGothic, Helvetica, sans-serif;}
#container{padding-bottom:36px;}

/* a-style */
a {color:#3b3b3b; text-decoration:none;}
a:hover, a:active {text-decoration:none;}
/* //a-style */

/* °øÅë */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
caption {font-size:0; height:0;}
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {-webkit-appearance:none;appearance:none;height:35px;border: 1px solid #ddd;vertical-align: middle;padding-left:10px;box-sizing: border-box;border-radius: 0;}
input[type="radio"], input[type="checkbox"] {vertical-align: middle;width:18px;height:18px;}
input[type="checkbox"]{border-radius:0;}
select{background:#fff url('/design/hangso1/phps/m/btn_select.gif') no-repeat right center;background-size:35px 35px;padding-right:35px;}
textarea {border: 1px solid #ddd;vertical-align: middle;box-sizing:border-box;background-color:#fff;padding:10px;border-radius:0;-webkit-appearance:none;appearance:none;}
.clearFix {position:relative; overflow:hidden; zoom:1;}
.bold {font-weight:bold;}
.response100 {width:100%;}
.location {padding:0 10px; margin-bottom:8px;}
.h_title{border-bottom:1px solid #e9e9e9;height:21px;padding:15px;color:#2d3036;font-size:21px;line-height:21px;}
.h_title .hisBack{display:none;}
.h_title h3{letter-spacing:-1px;}
.h_title h3 span { font-size: 14px; color:#777;font-weight:normal;}
.h_title h3 .btn_Red { display:none; }

.none-data {text-align: center; margin: 20px 0;}
.none-data img {margin-bottom:10px;}
.pd10 {padding:0 10px;}
.fr {float:right !important;}
.fl {float:left !important;}
.txt-input1 {width:100% !important;}
.txt-input2 {width:46% !important;}
.txt-input3 {width:29% !important;}
.txt-input4 {width:20% !important;}
.txt-area1 {width:100% !important;}
.mt5 {margin-top:5px;}
.page_location {
    margin-right: 3px;
}
.page_location li {float: right;}
.page_location li a {font-size: 14px;}
.page_location li:before {content: "<"; margin: 0 7px;}
.page_location li:last-child {font-weight:bold;}
.page_location li:last-child:before {content: ""; margin:0; font-weight:bold;}

.h_layerTitle {height:35px; line-height:35px; background-color:#f2f2f2; padding:0 10px; margin-bottom:10px;}
.h_layerTitle h3 {font-weight:bold;}
.h_layerTitle .fa-times {float:right; margin-top: 5px;}
.MK-product-icons img {padding:0 2px;}
/* //°øÅë */

/* ÆäÀÌ¡ */
.paging {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
    text-align: center;
    flex-wrap: wrap;
}

.paging li a {
    display: flex;
    min-width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.paging li strong {
    display: flex;
    min-width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #211D1D;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
}

.paging li a:hover,
.paging li strong,
.paging li.now a { color: #211D1D; font-weight:450; }
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a {
    text-indent: -9999em;
    background-position: center;
    background-repeat: no-repeat;
}
.paging li.first a { }
.paging li.prev a { background-image: url('/design/hangso1/mallskin/pc/images/icon_paging_prev.png'); }
.paging li.next a { background-image: url('/design/hangso1/mallskin/pc/images/icon_paging_next.png'); }
.paging li.last a { }
/* //ÆäÀÌ¡ */

/* ÆùÆ® °ü·Ã */
.color_1984f1 {color:#1984f1 !important;} /* Blue */
.color_f1191f {color:#393939 !important;} /* Red */
.color_a63f42 {color:#a63f42 !important;} /* DarkRed */
.bgc077fe2 {background-color:#077fe2; color:#fff; padding:2px 5px; margin-right: 5px;}
.bgc464644 {background-color:#464644; color:#fff; padding:2px 5px; margin-right: 5px;}
.caution {color:#f1191f; text-align:center; font-size:0.917em;}
.ico_new {color: #ffffff; background-color: #ff8400; font-weight:bold; padding:1px 5px;}
.ico_hit {color: #ffffff; background-color: #f1191f; font-weight:bold; padding:1px 5px;}
/* //ÆùÆ® °ü·Ã */

/* ¹öÆ° °ü·Ã */
.btn_White {font-size: 13px; width:100%;height: 45px;line-height: 45px;background-color:#fff;text-align:center;display:block;border:1px solid #c6c6c6;box-sizing: border-box;vertical-align: middle;}
.btn_Black {font-size: 13px; width:100%;height: 45px;line-height: 45px;background-color:#393939;color:#fff;text-align:center;display:block;border:1px solid #393939;box-sizing: border-box;vertical-align: middle;}
.btn_Red {font-size: 13px; width:100%;height: 45px;line-height: 45px;background-color: #ec7956;color: #fff;text-align:center;display:block;border: 1px solid #ec7956;box-sizing: border-box;vertical-align: middle;}
.btn_Grey {font-size: 13px; width:100%;height:45px;line-height:45px;background-color: #a1a1a1;color:#fff;text-align:center;display:block;border: 1px solid #909090;box-sizing: border-box;vertical-align: middle;}
.fixButtonR {position:relative; padding-right:120px;}
.fixButton {width:115px; position:absolute; top:0; right:0;height:32px;line-height:30px;}
.more {text-align:center;width:100%;}
.btn_moreGray {width: 45%;height: 34px;line-height: 34px;background-color:#fff;border: 1px solid #ddd;display: block;margin: 0 auto;background: #f8f8f8;padding-left: 4px;}
.btn_moreGray i { margin-left:4px; color:#111; }
/* ¹öÆ° °ü·Ã */


/* »óÇ°Áø¿­ - gallery */
.prod_lst{position:relative;overflow:hidden;padding:0 6px;}
.prod_lst ul:after{display:block;clear:both;content:''}
.prod_lst .items{font-size:0;text-align:left;}
.prod_lst .itemArea{width:33.3%;box-sizing:border-box;padding:0 6px;margin-bottom:17px;display:inline-block;vertical-align:top;font-size:13px;}
.prod_lst .thumb{position: relative;text-align:center;padding:10px 0 5px;background-color:#fff;border:1px solid #ecece6;border-bottom:0;}
.prod_lst .thumb img{width:100%;}
.prod_lst .prdLink{position:relative;}
.prod_lst .tbIcon{position:absolute;top:0px;left:11px;width:35px;}
.prod_lst .tbIcon .MK-product-icons img{width:100% !important;margin-bottom:1px;}
.prod_lst .rankingStt{display:none;width:35px;height:35px;background-color:#ec7956;border-radius:50%;color:#fff;text-align:center;}
.prod_lst .rankingStt .rankingCount{font-size:13px;font-weight:700;display:block;padding:5px 0 1px;line-height:1;}
.prod_lst .rankingStt .rankingTxt{font-size:10px;display:block;line-height:1;}

.prod_lst .infoArea{text-align:left;text-align:center;background-color:#f5f5f2;border:1px solid #ecece6;padding:7px 4px 10px;border-radius:0 0 8px 0;}
.prod_lst .infoArea .name{display:block;font-size:10px;color:#484848;max-width:100%;font-weight:400;letter-spacing:-0.5px;line-height:1.2;}
.prod_lst .price{color:#ec7956;font-size:12px;padding-top:3px;}
.prod_lst .price span{vertical-align:bottom;}
.prod_lst .price .strike{color:#484848;text-decoration:line-through;font-weight:700;margin-right:3px;}
.prod_lst .price .strike .won{font-weight:400;font-size:11px;vertical-align:0;}
.prod_lst .price .val{font-weight:700;}
.prod_lst .price .val .won{font-weight:400;font-size:11px;vertical-align:0;}

.prod_lst.view2Item .itemArea{width:49.8%;}
/* //»óÇ°Áø¿­ */

/* ·Î±×ÀÎ */
.login .caution {margin-bottom:10px;}
.member {padding:20px 20px 0;}
.login #keyboard {text-align:center; margin:0 auto;}
.login #keyboard p {text-align:right; margin-bottom:12px;}
.login #keyboard img {display:none; width:100%;}
.login .loginInput {}
.login .loginInput input{width:100%;display:block;margin-bottom:4px;font-size:13px;color:#333;}
.login .loginInput input::-webkit-input-placeholder{color:#ccc;}
.login .loginInput input::input-placeholder{color:#ccc;}
.login .loginCheck {margin-top:10px;color:#333;font-size:12px;letter-spacing:-1px;line-height:13px;}
.login .loginCheck label {margin-right:12px;}
.login .loginCheck input{}
.login .loginMiddle{padding:30px 0 0;}
.login .loginMiddle .btn_Red {font-size:1.167em;margin: 12px 0 0;}
.login .loginMiddle .btn_White {font-size:1.167em;}
.login .loginMiddle .cbtn{margin-top:5px;}
.login .loginMiddle .cbtn:first-child{margin-top:0;}
.login .loginBtns {border-top: 1px solid #ddd;padding:20px 0 20px 0;margin:20px 0 0 0;overflow:hidden;position: relative;}
.login .loginBtns .subTitle{padding-bottom:5px;}
.login .loginBtns .title{display:block;font-size:13px;color:#333;letter-spacing:-1px;}
.login .loginBtns .txt{color:#999;letter-spacing:-0.5px;font-size:10px;}
.login .loginBtns .cbtn{margin-bottom:5px;}
.login .loginBtns .cbtn:last-child{margin-bottom:0;}
.login .loginBtns .btn_White {width: 50%;float:left;}
.login .loginBtns .btn_Grey {width: 49%;float:left;margin-right: 1%;}
.login .loginBtns .lbJoin2000 {z-index:20;position:absolute;top: 40px;left: 24%;width: 110px;height: 20px;line-height: 20px;margin-left: -55px;background: #333;border: 1px solid #333;border-radius: 4px;font-size: 11px;color: #fff;text-align:center;}
.login .loginBtns .lbJoin2000:before {content: "";position:absolute;top: -5px;left:50%;margin-left: -2px;border-style: solid;border-width: 0 4px 4px;border-color: #333 transparent;}
.login .loginBottom {background-color:#eaeaea; padding:18px 15px; margin-top:20px;}
.login .loginBottom h4 {background-color:#eaeaea; margin-bottom:5px; padding:0; font-weight:bold;}
.login .loginBottom a {font-size:1.167em;}
.login .loginBottom a.btn_Black {margin-top:16px;}
.login .loginBottom a.btn_Black:last-child {margin-top:10px;}
.login .loginBottom a.btn_White {margin-top:10px;}
.login .loginBtn{width:100%;}
.sns-login {position: relative;margin: 20px 15px 0;}
.sns-login .sns-title img { width:300px; }
.sns-login ul li { position: relative; margin-top: 10px; padding-left: 50px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; list-style: none; }
.sns-login ul li a { display: block; padding-left: 20px; border-left: 1px solid #dfdfdf; color: #999; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; }
.sns-login ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
.sns-login ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
.sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
.sns-login ul li.kakaotalk span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 20px auto; }
/* //·Î±×ÀÎ */

/* ȸ¿ø°¡ÀÔ */
#join .sequence {padding: 18px 0 12px;text-align: center;}
#join .sequence li {display: inline-block;color: #aaa;font-weight: bold;}
#join .sequence li:after {font-family: FontAwesome;content: "\f105";margin: 0 10px;}
#join .sequence li:last-child::after {content: ""; margin:0;}
#join .sequence li.now {color:#333;}
.sns-join {position: relative;margin-top:15px;padding-top:15px;border-top:1px solid #eef0f5;}
.sns-join .sns-title img { width: 300px; padding: 0 20px; }
.sns-join .sns-title { padding: 0 15px; color:#999;}
.sns-join .sns-title h2 { display: inline; font-weight: bold; font-size: 16px; margin-right: 5px; color:#333;}
.sns-join .sns-btn {margin: 20px 15px 10px 15px;}
.sns-join .sns-btn p { margin-top: 10px; font-size: 1em; color: #777; text-align: center; }
.sns-join ul {}
.sns-join ul li:first-child{margin-top:0;}
.sns-join ul li{margin-top:5px;}
.sns-join ul li a{position:relative;width:100%;display:block;font-size:13px;font-weight:700;letter-spacing:-1px;line-height:1;height:43px;border:1px solid #dde0ea;}
.sns-join ul li .txtWrap{position:absolute;top:50%;left:50%;margin:-7px 0 0 -46px;white-space:nowrap;}
.sns-join ul li .icon{display:inline-block;vertical-align:middle;margin-right:11px;}
.sns-join ul .facebook .txtWrap{color:#3a589e;}
.sns-join ul .naver .txtWrap{color:#00c73c;}
.sns-join ul .kakao .txtWrap{color:#ecc805;}
.sns-join ul .facebook .icon{background: url(/design/hangso1/phps/m/m_login_fb.png) no-repeat 50% 50%;background-size:7px auto;width:14px;height:15px;margin-top:-4px;}
.sns-join ul .naver .icon{background: url(/design/hangso1/phps/m/m_login_naver.png) no-repeat 50% 50%;background-size:13px auto;width:14px;height:12px;margin:-5px 16px 0 0;}
.sns-join ul .kakao .icon{background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%;background-size:13px auto;width:14px;height:13px;}

/* //ȸ¿ø°¡ÀÔ */

#check_auth{padding:15px 0;}
#check_auth:empty{padding:0;}
#check_auth .head {text-align:center; color:#f46b00; margin-bottom:10px;}
#check_auth .contents table {margin:0 auto;}
#check_auth .contents table td {padding:5px 0;}
#check_auth .contents table td input {width:100% !important; height:35px !important; margin-bottom:0 !important;}

/* ·¹À̾îÆ˾÷ */
.layer {width: 100%;min-height: 100%;z-index: 999;position: fixed;left: 0;top: 0;background:rgba(60,60,60,0.8);box-sizing:border-box;padding:100px 0 0;}
.layer .layer-pop {width:90%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #494949; margin:0 auto 80px;}
.layer .layer-pop h3  {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.layer .layer-pop .txt {max-height: 300px; overflow-y: auto; padding:10px;}
.layer .layer-pop .close {width:45px; height:36px; color:#fff; line-height: 42px; position:absolute; top:0; right:0;  background-color: #4f4f4f; text-align: center;}
body #comment_password {border-radius:0 !important; font-size:1em;}
body #comment_password .head {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; text-align:left !important; padding: 0 10px;}
body #comment_password .head h5 {border-bottom:0px none !important; font-size:1em !important; padding:0 !important;}
body #comment_password .head a.close {width:45px; height:36px; color:#fff; line-height: 42px; top:0 !important; right:0 !important; text-align: center;}
body #comment_password .contents p {font-size:1em !important; font-weight:normal;}
body #comment_password .contents .form-wrap2 input {height: 35px;}
body #comment_password .contents .form-wrap2 p:last-child a {display:block; background-color: #393939; color:#fff; position:initial !important; padding:10px 0; margin-top: 10px;}
/* //·¹À̾îÆ˾÷ */

/* Æ˾÷ */
.popup .pop h3  {background-color: #f8f8f8;height: 36px;line-height: 36px;font-weight: bold;padding: 0 10px;}
.popup .pop .txt {padding:10px;}
.popup .pop .close {width:45px;height:36px;line-height: 44px;position:absolute;top:0;right:0;text-align: center;}
#passimg {width: 90%; background-color: #fff; top:50%; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 20px 0; box-shadow: 0 1px 10px #717171;}
#passimg .head {color:#f26c09;}
#passimg .btns {padding:0 10px; margin-top: 10px;}
#passimg .btns a {display:block; background-color: #393939; color:#fff; padding:10px 0;margin-bottom:5px;}
/* //Æ˾÷ */

@media screen and (max-width:319px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}

    /* .layer .layer-pop .txt {max-height: 150px;} GÆе忡¼­ »çÀÌÁî°¡ ÀÛ°Ô ³ª¿Í¼­ Á¦°ÅÇÔ */
    .layer .layer-pop {margin:20px auto;}
}
@media screen and (min-width:768px) {
    body {font-size:0.813em;}
    .mobileOnly {display:none !important;}
}

/* µÚ·Î°¡±â */
.hisBack:before {
    display: block;
    width: 27px;
    height: 27px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 27px;
    position: absolute;
    top: 4px;
    left: 10px;
    font-family: FontAwesome;
    content: "\f104";
    font-size: 20px;
    color:#111;
    z-index: 11;
}
#gallery-list .notice-bar,
#review-board-list .notice-bar,
#board-list table thead {background-color: #eee !important;}


/*********************************************
							common
*********************************************/
/* bx slider */
.sliderArea{position:relative;}
.sliderArea .bx-pager{position:absolute;bottom:29px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;display:inline-block;position:relative;font-size:0;}
.sliderArea .bx-pager-link{display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid #2d3036;font-size:0;margin:4px;vertical-align:top;}
.sliderArea .bx-pager-link.active{background-color:#2d3036;}
.sliderArea .bx-prev, .sliderArea .bx-next{font-size:0;display:block;width:10px;height:19px;position:absolute;top:50%;z-index:60;margin-top:-9px;background:url(/design/foren0746/phps/m/m_common_icon.png) no-repeat;}
.sliderArea .bx-prev{left:19px;transform:rotate(180deg)}
.sliderArea .bx-next{right:19px;}

/* ÀÏ¹Ý À̹ÌÁö ¹è³Ê */
.bannerArea{}
.bannerArea img{width:100%;}

/* scroll Area */
.scrollArea{overflow:auto;-webkit-overflow-scrolling:touch;}

/*********************************************
						layer Æ˾÷
*********************************************/
.clayer{visibility:hidden;opacity:0;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1000;}
.clayer.on{visibility:visible;opacity:1;}
.clayer .shadow{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);}
.clayer .clayerWrap{position:absolute;top:50%;bottom:6.25%;left:50%;width:87.5%;margin:0 0 0 -43.75%;}/* margin-top°ªÀº ½ºÅ©¸³Æ®·Î ó¸® */
.clayer .clayerHead{background-color:#fc892f;}
.clayer .clayerHead .title{color:#fff;letter-spacing:-0.5px;font-size:17px;height:45px;line-height:45px;display:block;padding-left:15px;}
.clayer .clayerCnt{background-color:#fff;padding:12px 15px;max-height:400px;box-sizing:border-box;}/* height°ªÀº ½ºÅ©¸³Æ®·Î ó¸® */
.clayer .clayerCloseBtn{position:absolute;top:15px;right:15px;}
.clayer .clayerCloseBtn img{width:14px;}

/* footer¿¡ ÀÖ´Â ±¹°¡¼±Åà Æ˾÷ */
.clayer.chgLang{}
.clayer.chgLang .clayerCnt{max-height:420px;}
.clayer.chgLang .nationListWrap{padding-bottom:22px;}
.clayer.chgLang .nationListWrap .title{display:block;color:#fc892f;font-size:14px;line-height:1;font-weight:700;margin-bottom:6px;padding:5px 2px;border-bottom:1px solid #fc892f;}
.clayer.chgLang .nationListWrap .nationList:after{content:"";display:block;clear:both;}
.clayer.chgLang .nationListWrap .list{width:50%;float:left;}
.clayer.chgLang .nationListWrap .link{display:block;padding:9px 15px 9px 2px;letter-spacing:-0.5px;font-size:11px;color:#333;line-height:12px;height:12px;position:relative;}
.clayer.chgLang .nationListWrap .link img{width:12px;vertical-align:-2px;margin-right:4px;}
.clayer.chgLang .nationListWrap .link .cicon{position:absolute;top:6px;right:30px;transform:scale(0.3);}

/*********************************************
							ŸÀÌƲ
*********************************************/
.ctitle{display:block;position:relative;}
.ctitle:after{content:"";display:block;clear:both;}
.ctitle .leftMenu{float:left;}
.ctitle .utilMenu{float:right;}

/* »óÇ° ŸÀÌƲ */
.ctitle.prdListTitle{padding:20px 0 15px;}
.ctitle.prdListTitle .title{font-size:17px;color:#ec7956;font-weight:700;text-align:center;position:relative;padding:10px 0;}
.ctitle.prdListTitle .title:after{content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-10px;width:20px;height:1px;background-color:#ec7956;}


/*********************************************
						¼ö·® Á¶Àý
*********************************************/
.quanArea{position:relative;padding:0 27px;font-size:0;display:inline-block;vertical-align:middle;}
.quanArea input{color:#8a8989;float:none !important;font-size:14px;width:27px;height:27px; text-align:center !important; line-height:27px;border:1px solid #b7b7b7; border-left:none; border-right:none;padding:0;}
.quanArea .controlBtn{position:absolute;top:0;color:#8a8989;font-size:15px;text-align:center;font-weight:700;border:1px solid #b7b7b7;width:25px;height:25px;display:block;line-height:25px;}
.quanArea .controlBtn.minus{ left:0; }
.quanArea .controlBtn.minus:after{content:"-";}
.quanArea .controlBtn.plus{left:auto;right:0;}
.quanArea .controlBtn.plus:after{content:"+";}


/*********************************************
							¹öÆ°
*********************************************/
.btnArea{text-align:center;}
.btnArea:after{content:"";display:block;clear:both;}
.btnArea .left{float:left;}
.btnArea .right{float:right;}
.btnArea .center{display:inline-block;}
.btnArea .cbtn{margin-left:3px;}
.btnArea .cbtn:first-child{margin-left:0;}


.cbtn{display:inline-block;border:1px solid #aaa;background-color:#fff;color:#262626;padding:0 5px;height:26px;line-height:24px;text-align:center;box-sizing:border-box;}
.cbtn:hover{opacity:0.9;}

/* ¸ÞÀÎ slider ¾È¿¡ 'shop now'¿¡ »ç¿ëµÇ´Â ¹öÆ° */
.cbtn.mainSliderBtn{background-color:#ec7956;border-color:#ec7956;color:#fff;min-width:80px}
/* Àå¹Ù±¸´ÏÀÇ ¼ö·®º¯°æ, ¼±ÅûçÇ× ¼öÁ¤, ÁÖ¹®Çϱ⠵ »ç¿ëµÇ´Â ¹öÆ°µé */
.cbtn.chgQuantityBtn{background-color:#666;border-color:#666;color:#fff;height:40px;line-height:38px;font-size:13px;}
.cbtn.chgItemBtn{background-color:#fff;border-color:#d3d5dc;color:#666;font-size:12px;padding:0 10px;height:31px;line-height:29px;letter-spacing:-1px;}
.cbtn.purchBtn{background-color:#ec7956;border-color:#ec7956;color:#fff;height:45px;line-height:43px;font-size:13px;}
/* ·Î±×ÀÎ ¹× ȸ¿ø°¡ÀÔ¿¡ »ç¿ëµÇ´Â ¹öÆ°µé */
.cbtn.loginBtn{background-color:#fff;border-color:#dde0ea;color:#666;height:45px;line-height:43px;font-size:13px;}
.cbtn.loginBtn.action{background-color:#ec7956;border-color:#ec7956;color:#fff;letter-spacing:0;font-weight:700;}
.cbtn.loginBtn.otherLink{background-color:#000;border-color:#000;color:#fff;font-weight:700;}
/* °Ô½ÃÆÇ¿¡ »ç¿ëµÇ´Â ¹öÆ°µé */
.cbtn.bbsBtn{background-color:#fff;min-width:68px;border-color:#d3d5dc;color:#666;height:31px;line-height:29px;}
.cbtn.bbsBtn.action{background-color:#000;border-color:#000;color:#fff;}


/*********************************************
						searchArea
*********************************************/
.searchArea{height:25px;background-color:#fff;border:1px solid #696969;}
.searchArea form{display:block;position:relative;}
.searchArea .MS_search_word, .searchArea .MS_input_txt, .searchArea .searchinput{border:0;background-color:transparent;padding:2px 35px 0 5px;line-height:24px;height:25px;width:100%;display:block;font-size:12px;color:#232222;box-sizing:border-box;}
.searchArea .searchBtnArea{position:absolute;top:0;right:0;z-index:1;text-align:center;}
.searchArea .searchBtn{display:block;width:35px;height:25px;box-sizing:border-box;padding-top:3px;}


/*********************************************
							°Ô½ÃÆÇ
*********************************************/
/* °Ô½ÃÆÇ ¸ñ·Ï */
.bbsSearchArea{padding:10px 20px;}
.bbsSearchArea form{display:block;}
.bbsSearchArea .item-search{position:relative;}
.bbsSearchArea .item-search:after{content:"";display:block;clear:both;}
.bbsSearchArea select{height:31px;width:87px;border:1px solid #ccc;padding-left:5px;}
.bbsSearchArea .selectArea{float:left;}
.bbsSearchArea .bbsSearchBtnArea{margin-left:89px;position:relative;border:1px solid #ccc;height:29px;}
.bbsSearchArea .bbsSearchBtnArea input{border:0;padding-right:30px;height:29px;line-height:29px;display:block;width:100%;box-sizing:border-box;}
.bbsSearchArea .bbsSearchBtnArea .bbsSearchBtn{width:30px;display:block;position:absolute;top:0;right:0;bottom:0;text-align:center;}
.bbsSearchArea .bbsSearchBtn img{width:15px;vertical-align:-9px;}

/* °Ë»ö¿µ¿ª¿¡ ±Û¾²±â ¹öÆ°ÀÌ ÀÖÀ» ¶§ */
.bbsSearchArea .useWriteBtn{padding-left:75px;}
.bbsSearchArea .useWriteBtn .boardWrite{position:absolute;top:0;left:0;bottom:0;}
.bbsSearchArea .useWriteBtn{}
/* °Ë»ö¿µ¿ª¿¡ ¸ÅÀåã±âó·³ Ãß°¡ titleÀÌ ÀÖÀ» Ðá */
.bbsSearchArea .useTitle{}
.bbsSearchArea .useTitle .bbsSearchTitle{position:absolute;top:0;left:0;bottom:0;line-height:31px;}
.bbsSearchArea .useTitle .bbsSearchTitle .title{color:#666;font-size:11px;letter-spacing:-1px;}
.bbsSearchArea .useTitle .bbsSearchTitle .val{color:#333;}
.bbsSearchArea .useTitle .bbsSearchBtnArea{margin-left:0;float:right;max-width:130px}

/* ´º½º & À̺¥Æ® */
.boardList.galleryType{padding:15px 15px 0;font-size:0;text-align:left;border-bottom:1px solid #e8e9e9;}
.boardList.galleryType li{padding:0px 5px 10px;width:49.8%;box-sizing:border-box;display:inline-block;vertical-align:top;font-size:12px;}
.boardList.galleryType a{display:block;}
.boardList.galleryType .listPic{width:100%;}
.boardList.galleryType .infoArea{display:block;padding:10px 5px;text-align:center;}
.boardList.galleryType .boardTitle{display:block;color:#000;font-size:14px;letter-spacing:-1px;line-height:1.2;padding-bottom:2px;}
.boardList.galleryType .writeDate, .boardList.galleryType .viewCount{color:#818181;letter-spacing:-1px;font-size:12px;display:block;line-height:1.2;padding-bottom:2px;}
.boardList.galleryType .viewCount{}

/* ¸ÅÀåã±â */
.boardList.simpleBoard{}
.boardList.simpleBoard .bbsListWrap{display:block;padding:10px 0;}
.boardList.simpleBoard .boardTitle{display:block;color:#000;font-size:14px;}
.boardList.simpleBoard .addressName, .boardList.simpleBoard .tel{color:#818181;letter-spacing:-1px;font-size:11px;display:block;line-height:1.2;}
.boardList.simpleBoard .tel{font-size:12px;}
.boardList.simpleBoard .hidden{display:none;}

/* °Ô½ÃÆÇ »ó¼¼ */
.bbsViewArea{border-top:1px solid #e9e9e9;width:100%;box-sizing:border-box;}
.bbsViewArea th, .bbsViewArea td{border-bottom:1px solid #e9e9e9;color:#000;letter-spacing:-1px;height:20px;text-align:left;}
.bbsViewArea th{background-color:#f5f5f5;padding:10px 0 10px 20px;font-weight:400;}
.bbsViewArea td{padding:10px 20px 10px 10px;}
.bbsViewArea .rdContentWrap{}
.bbsViewArea .rdContentWrap td{padding:16px 20px;}
.bbsViewArea .rdContentWrap .rbContent{min-height:160px;}
.btnArea.bbsBtnArea{padding:10px 20px;border-bottom:1px solid #e9e9e9;}
.btnArea.bbsBtnArea .cbtn{margin-left:0;}

/* °Ô½ÃÆÇ ¼öÁ¤ & ¾²±â */
.bbsViewArea.formType{}
.bbsViewArea.formType td{padding:6px 20px 6px 10px;}
.bbsViewArea.formType td textarea, .bbsViewArea.formType td input{border:1px solid #d3d5dc}
.bbsViewArea.formType td input{height:28px;}
.bbsViewArea.formType .textArea{padding-left:20px;}

.btnArea.bbsFooter{padding:15px 20px;}
.btnArea.bbsFooter .center{width:100%;}
.btnArea.bbsFooter .btn_White{height:35px;line-height:33px;margin-top:5px;}
.btnArea.bbsFooter .center .btn_White:only-child{height:45px;line-height:45px;}


/*********************************************
						¾ÆÀÌÄÜ Á¤ÀÇ
*********************************************/
/* °øÅë */
.cicon{display:inline-block;vertical-align:top;background:url(/design/hangso1/phps/m/m_common_icon.png) no-repeat;}
.cicon.navArrow{width:10px;height:19px;transform:scale(0.5);}
.cicon.navArrowWhite{width:10px;height:19px;}
.on>.openBtn>.cicon.navArrow, .cicon.navArrowWhite{background-position:-10px 0;transform:scale(0.5) rotate(90deg);}
.cicon.footerNationArrow{width:11px;height:18px;background-position:-20px 0;transform:scale(0.5);}

/*********************************************
				¾ÆÀÌÄÜ Á¤ÀÇ - À̹ÌÁö
*********************************************/
.cimgIcon{display:inline-block;vertical-align:top;line-height:0;}
.cimgIcon img{width:100%;}

.cimgIcon.closeBanner{width:13px;}
.cimgIcon.search{width:19px;}
.cimgIcon.menu{width:20px;}
.cimgIcon.login{height:21px;}
.cimgIcon.join{height:21px;}
.cimgIcon.mypage{height:21px;}
.cimgIcon.basket{height:21px;}
.cimgIcon.store{height:21px;}
.cimgIcon.closeMenu{width:18px;}

/* mypage main */
.cimgIcon.mypageUserInfo{width:17px;}
.cimgIcon.mypageOrderList{width:17px;}
.cimgIcon.mypageCouponList{width:20px;}
.cimgIcon.mypageReserveList{width:20px;}
.cimgIcon.mypageWishlist{width:20px;}
.cimgIcon.mypageRecentViewItem{width:20px;}
.cimgIcon.mypageMyBoard{width:18px;}
.cimgIcon.mypageWithdraw{width:20px;}
.cimgIcon.mypagePCView{width:20px;}
.cimgIcon.mypagePrivacy{width:20px;}


/* paging */
.paging {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
    text-align: center;
    flex-wrap: wrap;
}

.paging li a {
    display: flex;
    min-width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.paging li strong {
    display: flex;
    min-width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #211D1D;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
}

.paging li a:hover,
.paging li strong,
.paging li.now a { color: #211D1D; font-weight:450; }
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a {
    text-indent: -9999em;
    background-position: center;
    background-repeat: no-repeat;
}
.paging li.first a { }
.paging li.prev a { background-image: url('/design/hangso1/mallskin/pc/images/icon_paging_prev.png'); }
.paging li.next a { background-image: url('/design/hangso1/mallskin/pc/images/icon_paging_next.png'); }
.paging li.last a { }

/* footer */
.cimgIcon.topMoveIcon{width:22px;}
.cimgIcon.snsInsta{width:16px;}
.cimgIcon.snsFb{width:9px;}
.cimgIcon.snsTw{width:17px;}
.cimgIcon.snsPin{width:15px;}
.cimgIcon.snsYoutube{width:17px;}
.cimgIcon.snsGPlus{width:25px;}
.cimgIcon.systemScrow{width:38px;}
.cimgIcon.systemLGUplus{width:40px;}
.cimgIcon.systemMakeShop{width:46px;}
.cimgIcon.flagKor{width:23px;}


/* 20250612 Ãß°¡ */

#contentWrapper {
    background: #F4F2EF;
    padding:30px 0 150px;
}

/* root css */
:root {
    --light-gray: #DDDCD7;
    --Primary-Moleskin-White: #FFFCF8;
    --Primary-Mid-Grey: #A6A4A4;
    --Family-Eng: "HvDTrial Brandon Grotesque";
    --Primary-Off-White: #F4F2EF;
    --Primary-Almost-Black: #211D1D;
    --Primary-Pure-White: #ffffff;
    --Primary-Moleskine-Orange: #FB663A;
    --Primary-Grey: #767873;
}

.count-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    height: 46px;
    border-radius: 4px;
    border: 1px solid var(--Primary-Mid-Grey, #A6A4A4);
    background: transparent;
    padding: 0 8px;
    box-sizing: border-box;
}

.count-input-wrap > [class^="btn"] {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('/design/hangso1/mallskin/pc/images/icon_minus.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    overflow: visible;
}

.count-input-wrap > [class^="btn"].btn-plus {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_plus.png');
}

.count-input-wrap input {
    width: 32px;
    height: 28px;
    text-align: center;
    color: var(--Primary-Almost-Black, #211D1D);
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 20px;
    font-weight: 390;
    line-height: 28px;
    background: transparent;
    border: 0;
    box-sizing: border-box;
}

.count-input-wrap [class^="btn"]:before {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    width: 1px;
    height: 16px;
    background: #A6A4A4;
}

.count-input-wrap .btn-plus:before {
    right: auto;
    left: -8px;
}

.count-input-wrap.label {
    max-width: 160px;
    height: 48px;
    padding: 0 16px;
    gap: 32px;
    margin-top: 12px;
    background: #FFFFFF;
}

.count-input-wrap.label > [class^="btn"] {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_basket_minus.png');
}

.count-input-wrap.label .btn-plus {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_basket_plus.png');
}

.count-input-wrap.label [class^="btn"]:before {
    height: 30px;
    top: -7px;
    right: -18px;
}

.count-input-wrap.label .btn-plus:before {
    left: -18px;
}

.count-input-wrap.label label {
    position: absolute;
    left: 8px;
    top: -8px;
    color: #5A5858;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background: #FFFFFF;
    padding: 0 8px;
}


/*ÁÖ¹® ½ºÅÇ*/
.basket-step-wrap {
    position: relative;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 40px;
    max-width: 740px;
    padding: 0 15px;
    background: #F4F2EF;
}

.basket-step-wrap:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translateX(-50%);;
    width: calc(100% - 75px);
    height: 2px;
    background: #949698;
    z-index: 0;
}

.basket-step-wrap .icon {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #211D1D;
    box-sizing: border-box;
    background: #F4F2EF;
    z-index: 1;
}

.basket-step-wrap .step:before {
    content: '';
    position: absolute;
    width: 42px;
    height: 20px;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F4F2EF;
    z-index: 1;
}

.basket-step-wrap .now .icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #211D1D;
}

.basket-step-wrap .complete .icon {
    border: 1px solid #949698;
    background: var(--Primary-Moleskine-Orange, #FB663A) url('/design/hangso1/mallskin/pc/images/icon_basket_step.png') no-repeat center;
}

.basket-step-wrap .step {
    position: relative;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
}

.basket-step-wrap .step p {
    color: #211D1D;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.input-wrap {
    position: relative;
    margin-bottom: 8px;
}

.input-wrap input {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 8px 56px 8px 16px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #5A5858;
    background: transparent;
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 20px;
    font-weight: 390;
}

.input-wrap label, .input-wrap input:placeholder-shown ~ label {
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 10px;
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 18px;
    font-weight: 390;
    line-height: 150%;
    transition: 0.2s ease all;
    padding: 0 8px;
    background: #FFFCF8;
}

.input-wrap input::placeholder {
    color: transparent;
}

.input-wrap input ~ label, .input-wrap input:focus ~ label {
    left: 8px;
    top: -6px;
    font-size: 14px;
    color: #5A5858;
    font-weight: 390;
    line-height: 14px;
}

.input-wrap .cnt-wrap {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 14px;
    font-weight: 390;
    line-height: 18px;
}

.input-wrap .cnt-wrap span {
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 14px;
    font-weight: 390;
    line-height: 18px;
}

.input-wrap.col-1 {
    display: inline-block;
    margin-right: 4px;
    width: 48px;
}

.input-wrap.col-1 input {
    padding: 0 16px;
    box-sizing: border-box;
}

.input-wrap.col-1 label {
    left: 50%;
    transform: translateX(-50%);
}

.input-wrap.col-1 input:focus ~ label, .input-wrap.col-1 input:valid ~ label {
    left: 22px;
}

.input-wrap input[type="hidden"] + label {
    display: none;
}

.input-phone-wrap {
    position: relative;
    display: flex;
    font-size: 0;
    gap: 6px;
}

.input-phone-wrap + .input-phone-wrap {
    margin-top: 16px;
}

.input-phone-wrap > .label {
    position: absolute;
    left: 8px;
    top: -6px;
    font-size: 12px;
    color: #5A5858;
    font-weight: 390;
    line-height: 12px;
    pointer-events: none;
    font-family: "HvDTrial Brandon Grotesque";
    padding: 0 8px;
    background: #FFFFFF;
}

.input-phone-wrap > input, .input-phone-wrap > select {
    flex: 1;
    height: 48px;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #5A5858;
    box-sizing: border-box;
    color: #5A5858;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    min-width: 0;
}

.input-phone-wrap > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/design/hangso1/mallskin/pc/images/icon_select.png') no-repeat right 16px center;
    background-size: 16px;
    padding-right: 32px; /* ¿©¹éÀ» ÁÖ¾î È­»ìÇ¥°¡ °ãÄ¡Áö ¾Êµµ·Ï ÇÔ */
}

.input-phone-wrap > select:focus {
    outline: 0;
}

.checkbox-wrap {
    font-size: 0;
}

.checkbox-wrap + .checkbox-wrap {
    margin-top: 16px;
}

.checkbox-wrap input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkbox-wrap label {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 32px;
    min-height: 26px;
    color: #5A5858;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    word-break: keep-all;
}

.checkbox-wrap label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    border: 1px solid #5A5858;
    box-sizing: border-box;
}

.checkbox-wrap input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: -2px;
    width: 24px;
    height: 24px;
    background: url('/design/hangso1/mallskin/pc/images/icon_checkbox.svg') no-repeat center center;
}

.address-wrap {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
}

.address-wrap .input-wrap {
    margin: 0;
    flex: 1;
}

.address-wrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 119px;
    height: 48px;
    background: #211D1D;
    border-radius: 4px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.select-wrap {
    margin-bottom: 8px;
}

.select-wrap select {
    height: 48px;
    padding: 8px 32px 8px 16px;
    border-radius: 4px;
    border: 1px solid #5A5858;
    box-sizing: border-box;
    color: #5A5858;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/design/hangso1/mallskin/pc/images/icon_select.png') no-repeat right 16px center;
    background-size: 16px;
}

.select-wrap select:focus {
    outline: 0;
}

.textarea-wrap textarea {
    height: 123px;
    padding: 9px 16px;
    border-radius: 4px;
    border: 1px solid #5A5858;
    box-sizing: border-box;
    margin-bottom: 4px;
    overflow-y: auto;
    resize: none;
    color: #5A5858;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.MS_order_ms_count .MS_order_ms_desc {
    color: #211D1D;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 12px;
    font-weight: 390;
    line-height: 20px;
}

.radio-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #211D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    flex-wrap: wrap;
}

.radio-wrap input[type="radio"] {
    accent-color: #211D1D;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

/* swiepr */
.swiper-container {
    position: relative;
}

.swiper-container.bg:before, .swiper-container.bg:after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    width: 282px;
    height: 259px;
    background-image: url('/design/hangso1/mallskin/pc/images/bg_swiper.png');
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-container.bg:after {
    top: auto;
    left: auto;
    bottom: -6px;
    right: -6px;
}

.swiper-container .swiper-slide {
    padding: 0 5.5%;
    box-sizing: border-box;
}

.swiper-container .swiper-slide .img-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 42px;
    overflow: hidden;
}

.swiper-container .swiper-slide .img-wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.swiper {
    display: none;
}

.swiper.swiper-initialized {
    display: block;
}

.swiper-container .swiper {
    padding-bottom: 64px;
    overflow: visible;
    margin-bottom: 24px;
}

.swiper-container .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    bottom: 0;
}

.swiper-container .swiper-pagination span {
    margin: 0 !important;
    background: transparent !important;
    border: 1px solid #211D1D;
    box-sizing: border-box;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #211D1D !important;
}

.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {
    top: 35%;
    left: 32px;
    width: 48px;
    height: 48px;
}

.swiper-container .swiper-button-next {
    left: auto;
    right: 32px;
}

.swiper-container .swiper-button-prev:after, .swiper-container .swiper-button-next:after {
    content: '';
    width: 48px;
    height: 48px;
    background-image: url('/design/hangso1/mallskin/pc/images/icon_swiper_prev.png');
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-container .swiper-button-next:after  {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_swiper_next.png');
}

.swiper-container .price {
    display: block;
    margin-bottom: 4px;
    color: #211D1D;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 18px;
    font-weight: 420;
    line-height: 18px;
}

.swiper-container .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #211D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    max-height: 40px;
}

/*breadcrumb*/

.breadcrumb-wrap {
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 16px;
    font-weight: 390;
    line-height: 24px;
    padding: 16px 0;
    letter-spacing: -0.5px;
    margin-bottom: 48px;
}

.breadcrumb-wrap a {
    color: #5A5858;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0;
    letter-spacing: -0.5px;
    font-family: var(--Family-Kor, Pretendard);
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: under;
}

.breadcrumb-wrap a:last-child {
    color: #211D1D;
    font-weight: 500;
    text-decoration: none;
    word-break: keep-all;
}

.breadcrumb-wrap a:last-child br {
    display: none;
}

/*»óÇ° ¸®½ºÆ®*/
.item-wrap.list-type1 {
    width: 100%;
}

.item-wrap.list-type1 .item-cont {
    width: 100%;
    padding-top: 0;
}

.item-wrap.list-type1 .item-cont #MS_product {
    display: flex;
    gap: 60px 24px;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.item-wrap.list-type1 .item-cont .item-list {
    width: calc(33.3333% - 16px);
    float: none;
    margin-right: 0;
    padding: 0;
}

.item-wrap.list-type1.col-4 .item-cont .item-list {
    width: calc(25% - 18px);
}

.item-wrap.list-type1 .item-cont .item-list .thumb {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    border: 0;
}

.item-wrap.list-type1 .item-cont .item-list .thumb img {
    width: 100%;
}

.item-wrap.list-type1 .item-cont .item-list dd {
    min-height: 0;
    padding: 16px 8px;
    border: 0;
    background-color: transparent;
}

.item-wrap.list-type1 .item-cont .item-list .prd-price {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.item-wrap.list-type1 .item-cont .item-list .prd-price .price {
    color: #211D1D;
    fontt-family: "HvDTrial Brandon Grotesque";
    font-size: 18px;
    font-style: normal;
    font-weight: 420;
    line-height: 1;
}

.item-wrap.list-type1 .item-cont .item-list .prd-price strike {
    color: #a0a0a0;
    fontt-family: "HvDTrial Brandon Grotesque";
    font-size: 14px;
    font-style: normal;
    font-weight: 420;
    line-height: 1;
}

.item-wrap.list-type1 .item-cont .item-list .prd-name, .item-wrap.list-type1 .item-cont .item-list .prd-name a {
    color: #211D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.item-wrap.list-type1 .icon-wrap .MK-product-icons {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
}

.item-wrap.list-type1 .list-top-wrap {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.item-wrap.list-type1 .list-top-wrap .wish-wrap .icon {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: url('/design/hangso1/mallskin/pc/images/icon_wish.png') no-repeat center;
}

.item-wrap.list-type1 .list-top-wrap .wish-wrap .wish-on + .icon {
    background: url('/design/hangso1/mallskin/pc/images/icon_wish_active.png') no-repeat center;
}

.item-wrap.list-type1 .prd-color {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.item-wrap.list-type1 .prd-color > span {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
}

.item-wrap.list-type1 #MS_product_more_btn_area .more {
    display: flex;
    justify-content: center;
}

.item-wrap.list-type1 #MS_product_more_btn_area .more a {
    display: flex;
    width: 100%;
    max-width: 300px;
}

.item-wrap.list-type1 #MS_product_more_btn_area .more-title {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #211D1D;

    color: #211D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.item-wrap.list-type1 #MS_product_more_btn_area .more-title:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url('/design/hangso1/mallskin/pc/images/icon_list_more.png') no-repeat center;
}

button {
    border: 0;
    cursor: pointer;
}


/*ÅǹöÆ°*/
.btn-tab-wrap {
    position: relative;
    display: flex;
    margin-bottom: 32px;
}

.login-wrap .btn-tab-wrap {
    margin-bottom: 0;
}

.btn-tab-wrap .btn-tab {
    position: relative;
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: transparent;
    border-bottom: 2px solid #5A5858;
    color: var(--Primary-Mid-Grey, #A6A4A4);
    font-size: 18px;
    font-weight: 400;
    overflow: visible;
}

.btn-tab-wrap .btn-tab.active {
    color: var(--Primary-Almost-Black, #211D1D);
}

.btn-tab-wrap .btn-tab.active:after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: var(--Primary-Moleskine-Orange, #FB663A);
}


/*·Î±×ÀÎÆäÀÌÁö*/
.login-wrap .btn-tab-wrap .btn-tab {
    background: #FFFFFF;
    text-align: center;
    word-break: keep-all;
}

.login-wrap .contents-wrap {
    width: 100%;
    max-width: 912px;
    margin: 0 auto;
}

.login-wrap .title {
    color: #211D1D;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    word-break: keep-all;
    margin-bottom: 48px;
}

.login-wrap .tab-contents-wrap {
    padding: 40px 24px 48px;
    background: #FFFFFF;
}

.login-wrap .tab-contents-wrap .inner-box {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
}

.login-wrap .input-wrap label {
    background: #FFFFFF !important;
}

.login-wrap .input-wrap {
    margin-bottom: 12px;
}

.login-wrap .sub-title {
    margin-bottom: 16px;
    color: #211D1D;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 170%;
}

.login-wrap .link-text {
    display: block;
    margin: 16px 0 12px;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.login-wrap .flex-box {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.login-wrap .flex-box .checkbox-wrap {
    margin: 0;
}

.login-wrap .login-btn-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.login-wrap .btn-default {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 4px;
    background: #211D1D;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    transition: all .5s ease-in-out;
}

.login-wrap .btn-login {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #211D1D;
    background: #FFFFFF;
    color: #211D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    transition: all .2s;
    padding: 0 46px;
    text-align: center;
    word-break: keep-all;
}

.login-wrap .btn-login:before {
    content: '';
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.login-wrap .btn-login.kakao:before {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_login_kakao.png');
}

.login-wrap .btn-login.naver:before {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_login_naver.png');
}

.login-wrap .btn-login.facebook:before {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_login_facebook.png');
}

.login-wrap .btn-default:hover, .login-wrap .btn-login:hover {
    background: var(--Primary-Moleskine-Orange, #FB663A);
    border: 1px solid var(--Primary-Moleskine-Orange, #FB663A);
    color: #fff;
}

.login-bottom-wrap {
    margin-top: 80px;
}

.login-bottom-wrap .flex-box {
    display: flex;
    align-items: stretch;
    background: #FFFFFF;
}

.login-bottom-wrap .flex-box.reverse {
    flex-direction: row-reverse;
}

.login-bottom-wrap .flex-box.reverse > .right {
    text-align: right;
}

.login-bottom-wrap .flex-box > .item {
    flex: 1;
}

.login-bottom-wrap .flex-box .img-wrap {
    height: 100%;
}

.login-bottom-wrap .flex-box > .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-bottom-wrap .flex-box > .item .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 540px;
    height: 100%;
    margin: 0 60px 0 auto;
    padding: 45px 0 45px 24px;
    box-sizing: border-box;
}

.login-bottom-wrap .flex-box.reverse > .item .inner-box {
    margin: 0 auto 0 85px;
    padding: 45px 24px 45px 0;
}

.login-bottom-wrap .inner-box > strong {
    display: block;
    color: #211D1D;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px; /* 120% */
    margin-bottom: 12px;
}

.login-bottom-wrap .inner-box > p {
    color: #212529;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    word-break: keep-all;
}

.login-bottom-wrap .inner-box > p + p {
    margin-top: 16px;
}


/*°³º°ÆäÀÌÁö*/
.add-page .only-mo {
    display: none !important;
}

.add-page#contentWrapper {
    padding: 0;
    background: #FFFCF8;
}

.add-page .breadcrumb-wrap {
    padding: 16px 32px;
    margin: 0;
}

.add-page #contentWrap {
    max-width: 100%;
    background: #FFFFFF;
    margin: 0 auto;
}

.add-page .container-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

.add-page .visual-wrap {
    background-image: url('/design/hangso1/mallskin/pc/images/bg_page1_visual01.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 260px 16px;
}

.add-page .visual-wrap .text-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.add-page .visual-wrap .title {
    color: #FFF;
    font-size: 54px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 20px;
}

.add-page .visual-wrap .sub-title {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
}

.add-page .visual-wrap .btn-wrap {
    display: flex;
    gap: 4px;
}

.add-page .visual-wrap .btn-wrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    height: 48px;
    border-radius: 4px;
    background: #FFFFFF;
    color: #211D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transition: all .5s;
}

.add-page .visual-wrap .btn-wrap .btn:hover {
    background: #FB663A;
    color: #FFF;
}

.add-page .flex-wrap {
    display: flex;
    align-items: center;
}

.add-page .flex-wrap .item {
    display: flex;
    width: 50%;
    justify-content: flex-end;
    padding: 0 72px 0 16px;
    box-sizing: border-box;
}

.add-page .flex-wrap .item.right {
    justify-content: flex-start;
    padding: 0 16px 0 72px;
}

.add-page .flex-wrap .item.img-wrap {
    padding: 0;
}

.add-page .flex-wrap .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    min-height: 540px;
}

.add-page .flex-wrap .item .inner-box {
    max-width: 520px;
    word-break: keep-all;
}

.add-page .flex-wrap .item .title {
    color: #211D1D;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 16px;
}

.add-page .flex-wrap .item .sub-title {
    color: #211D1D;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 32px;
}

.add-page .flex-wrap .item .btn-wrap.col-2 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.add-page .flex-wrap .item .btn-wrap.col-2 .btn {
    width: calc(50% - 5px);
    margin: 0 !important;
}

.add-page .flex-wrap .item .btn-wrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #211D1D;
    color: #211D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transition: all .5s;
    box-sizing: border-box;
}

.add-page .flex-wrap .item .btn-wrap .btn:hover, .add-page .flex-wrap .item .btn-wrap .btn.active {
    background: #FB663A;
    color: #FFF;
    border: 1px solid #FB663A;
}

.add-page .flex-wrap .item .btn-wrap .btn + .btn {
    margin-top: 8px;
}

.add-page .img-tab-wrap {
    display: none;
    width: 100%;
}

.add-page .img-tab-wrap.active {
    display: block;
}

.add-page .slider-wrap {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

.add-page .slider-wrap .swiper {
    max-width: 1200px;
    margin: 0 auto 40px;
    overflow: hidden;
    padding-bottom: 48px;
}

.add-page .swiper-container .swiper-slide {
    padding: 0;
}

.add-page .swiper-container .swiper-button-prev {
    left: 0;
}

.add-page .swiper-container .swiper-button-next {
    right: 0;
}

.add-page .swiper-container .swiper-slide .img-wrap {
    margin-bottom: 16px;
}

.add-page .swiper-container .swiper-slide .name {
    display: block;
    color: #211D1D;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.add-page .add-page-title {
    color: #211D1D;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 16px;
}

.add-page .add-page-sub-title {
    color: #211D1D;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
}

.add-page .swiper-container .swiper-button-prev:after {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_page1_prev.png');
}

.add-page .swiper-container .swiper-button-next:after {
    background-image: url('/design/hangso1/mallskin/pc/images/icon_page1_next.png');
}

.add-page .bg-wrap {
    padding: 80px 0 0;
}




@media (max-width: 768px) {
    .basket-step-wrap {
        margin: 0 auto 24px;
    }

    .swiper-container.bg:before, .swiper-container.bg:after {
        content: none;
    }

    .swiper-container .swiper-slide {
        padding: 0 3%;
    }

    .swiper-container .swiper {
        padding-bottom: 50px;
    }

    .swiper-container .swiper-button-prev {
        left: 24px;
    }

    .swiper-container .swiper-button-next {
        right: 24px;
    }


    /*breadcrumb*/
    .breadcrumb-wrap a {
        font-size: 14px;
    }

    .item-wrap.list-type1 .item-cont #MS_product {
        gap: 40px 16px;
    }

    .item-wrap.list-type1 .item-cont .item-list, .item-wrap.list-type1.col-4 .item-cont .item-list {
        width: calc(33.3333% - 11px);
    }

    .item-wrap.list-type1 .item-cont .item-list .prd-price {
        gap: 4px;
        margin-bottom: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    .item-wrap.list-type1 .item-cont #MS_product {
        margin-bottom: 40px;
    }


    /*·Î±×ÀÎÆäÀÌÁö*/
    .login-wrap .title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 32px;
    }

    .login-wrap .tab-contents-wrap {
        padding: 32px 24px 40px;
    }

    .login-bottom-wrap .flex-box > .item .inner-box {
        padding: 108px 16px 108px 24px;
        margin: 0;
    }

    .login-bottom-wrap .flex-box.reverse > .item .inner-box {
        padding: 108px 24px 108px 16px;
        margin: 0;
    }

    .login-bottom-wrap .inner-box > strong {
        font-size: 30px;
        line-height: 40px;
    }

    .login-bottom-wrap .inner-box > p {
        font-size: 16px;
        line-height: 20px;
    }


    /*°³º°ÆäÀÌÁö*/
    .add-page .only-pc {
        display: none !important;
    }

    .add-page .only-mo {
        display: block !important;
    }

    .add-page .breadcrumb-wrap {
        background: #FFFCF8;
        padding: 16px;
        margin: 0;
    }

    .add-page .visual-wrap {
        padding: 167px 16px;
    }

    .add-page .visual-wrap .title {
        font-size: 48px;
        line-height: 54px;
        word-break: keep-all;
    }

    .add-page .flex-wrap .item .title {
        font-size: 36px;
        line-height: 44px;
    }

    .add-page .flex-wrap .item .sub-title {
        font-size: 16px;
        line-height: 24px;
    }

    .add-page .bg-wrap {
        padding: 64px 0 0;
    }

    .add-page .add-page-title {
        font-size: 36px;
        line-height: 44px;
    }

    .add-page .add-page-sub-title {
        font-size: 16px;
        line-height: 24px;
    }
}


@media (max-width: 600px) {
    /*·Î±×ÀÎÆäÀÌÁö*/
    .login-bottom-wrap .flex-box {
        flex-direction: column !important;
    }

    .login-bottom-wrap .flex-box > .item .inner-box {
        padding: 48px 19px !important;
        max-width: 100%;
    }

    /*°³º°ÆäÀÌÁö*/
    .add-page .flex-wrap {
        flex-direction: column;
        align-items: center;
    }

    .add-page .flex-wrap.reverse {
        flex-direction: column-reverse;
        align-items: center;
    }

    .add-page .flex-wrap .item, .add-page .flex-wrap.reverse .item.right {
        width: 100%;
        padding: 48px 16px;
        justify-content: flex-start;
    }

    .add-page .flex-wrap .item .inner-box {
        width: 100%;
        max-width: 100%;
    }

    .add-page .flex-wrap .item .title {
        font-size: 32px;
        line-height: 40px;
    }

    .add-page .flex-wrap .item .sub-title {
        font-size: 14px;
        line-height: 20px;
    }

    .add-page .flex-wrap .item img {
        min-height: 0;
        max-height: 375px;
    }

    .add-page .add-page-title {
        font-size: 32px;
        line-height: 40px;
    }

    .add-page .add-page-sub-title {
        font-size: 14px;
        line-height: 20px;
    }

    .add-page .img-tab-wrap img {
        object-position: center !important;
    }

}

@media (max-width: 375px) {
    .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {
        display: none;
    }

    /*breadcrumb*/
    .breadcrumb-wrap {
        margin-bottom: 40px;
    }


    .item-wrap.list-type1 .item-cont .item-list, .item-wrap.list-type1.col-4 .item-cont .item-list {
        width: calc(50% - 8px);
    }


    /*·Î±×ÀÎÆäÀÌÁö*/
    .login-bottom-wrap .inner-box > strong {
        font-size: 28px;
        line-height: 36px;
    }

    .login-bottom-wrap .inner-box > p {
        font-size: 14px;
    }

    .login-wrap .title {
        font-size: 28px;
        line-height: 32px;
    }

    /*°³º°ÆäÀÌÁö*/
    .add-page .visual-wrap .sub-title {
        font-size: 22px;
        line-height: 24px;
    }

    .add-page .visual-wrap .title {
        font-size: 44px;
        line-height: 52px;
    }

}