@charset "utf-8";
:root {
	--main-color:#2FB2CF;
	--main-script-url : url('../images/scrapBadgeActive.png');
	--main-mainLnb-url : url('../images/ico_mainLnb_arw.png');
}
/* reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, button {margin:0; padding:0; border:0; font-size:100%; font-family:'Noto Sans KR', sans-serif; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1; letter-spacing:-0.75px}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-underline-position: under; }
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}

/* Common */
html, body {font-family:"Noto Sans KR", sans-serif; letter-spacing:-0.75px}
body.bodyGray {background:#F7F7F9}
hr {width:100%; height:1px; border:none; background:#ddd; margin:20px 0}
.inputStyle {border:1px solid #ddd; border-radius:4px; color:#666; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:500; vertical-align:baseline; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.inputStyle::placeholder {color:#ccc; font-size:12px; font-weight:500}
.inputStyle2 {border:1px solid #ddd; color:#333; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:500; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.inputStyle2::placeholder {color:#aaa; font-size:12px; font-weight:500}
.inputStyle2.TotalPay::placeholder {font-family:'GmarketSansBold'; color:#D75888; font-size:16px}
.inputStyle3 {border:1px solid #ddd; color:#333; padding:0 10px; width:50%; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:500; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:8px 12px; cursor:pointer; margin-right:10px; text-align:center;}
.inputStyle3::placeholder {color:#aaa; font-size:12px; font-weight:500}
.tagInputStyle {border:1px solid #ddd; border-radius:4px; color:#aaa; padding:0 10px; width:85px; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:500; vertical-align:top; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.tagInputStyle::placeholder {color:#aaa; font-size:14px; font-weight:500}
.dateInput {background:url('../images/dateIcon.png') #fff right 10px center no-repeat; border:1px solid #ddd; color:#333; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:500; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.dateInput::placeholder {color:#aaa; font-size:12px; font-weight:500}

.textareaStyle {border:1px solid #ddd; color:#333; padding:10px; width:100%; box-sizing:border-box; font-family:"Noto Sans KR", sans-serif; resize: none;}
.textareaStyle::placeholder {color:#ccc; font-size:12px; font-weight:500}
.textareaStyle2 {border:none; color:#333; padding:20px 0; width:100%; box-sizing:border-box; font-family:"Noto Sans KR", sans-serif}
.textareaStyle2::placeholder {color:#ccc; font-size:12px; font-weight:400}
.textareaStyle3 {background:#F9F9F9; border:1px solid #ddd; border-radius:4px; color:#333; font-size:14px; padding:10px; width:100%; box-sizing:border-box; font-family:"Noto Sans KR", sans-serif}
.textareaStyle3::placeholder {color:#ccc; font-size:14px; font-weight:400}
.selectStyle {border:1px solid #ddd; border-radius:4px; color:#666; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:baseline; background:url('../images/selectArw.png') #fff no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.selectStyle::-ms-expand {display:none}
.selectStyle2 {border:1px solid #ddd; color:#333; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:baseline; background:url('../images/selectArw.png') #fff no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.selectStyle2::-ms-expand {display:none}

input[class="checkLoginStyle"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="checkLoginStyle"] + label {display:inline-block; vertical-align:top; position:relative; padding-left:23px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:12px; font-weight:400; color:#000; line-height:17px}
input[class="checkLoginStyle"] + label:before {content:''; position:absolute; left:0; top:1px; width:17px; height:17px; text-align:center; background:#fff; border:1px solid #D4D4D5; border-radius:4px; box-sizing:border-box}
input[class="checkLoginStyle"]:checked + label:before {background:url('../images/loginCheck.svg') center center #fff no-repeat; background-size:80%; border-color:var(--main-color)}
.checkLoginStyle2 {-webkit-appearance:none; -moz-appearance: none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:17px; width:17px; background:#fff; border:1px solid #D4D4D5; border-radius:4px; box-sizing:border-box; cursor:pointer; display:inline-block; outline:none; vertical-align:middle}
.checkLoginStyle2:checked {background:url('../images/loginCheck.svg') 2px 2px #D75888 no-repeat; border-color:#D75888}

.quantity {position:relative; display:inline-block; vertical-align:middle; display:flex; justify-content:space-between; align-items:center}
.quantity input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0}
.quantity input[type=number] {-moz-appearance:textfield}
.quantity input {width:60px; height:34px; line-height:1.65; display:block; padding:0; margin:0; padding-left:20px; border:1px solid #ddd}
.quantity input:focus {outline:0}


.checkRadioStyle label {height:inherit; display:block}
.checkRadioStyle input[type=radio], .checkRadioStyle input[type=checkbox] {display:none}
.checkRadioStyle i {float:left; width:40px; height:22px; font-style:normal; position:relative; display:inline-block; background:rgba(0, 0, 0, .3)}
.checkRadioStyle i:after, .checkRadioStyle i:before {content:''; position:absolute}
.checkRadioStyle i:before {top:3px; left:4px; z-index:1; width:16px; height:16px; background:#fff; transition:all .2s ease-in-out 0s}
.checkRadioStyle input:checked+label i {background:var(--main-color)}
.checkRadioStyle input:checked+label i:before {left:20px}
.checkRadioStyle[data-radius=true] i {border-radius:25px}
.checkRadioStyle[data-radius=true] i:before {border-radius:inherit}

.inputCheck {-webkit-appearance:none; -moz-appearance: none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:18px; width:18px; background:#fff; border:1px solid #aaa; border-radius:2px; box-sizing:border-box; cursor:pointer; display:inline-block; outline:none; vertical-align:middle}
.inputCheck:checked {background:url('../images/inputCheck.png') 2px 2px #D75888 no-repeat; border-color:#D75888}
.cardInputCheck {position:absolute; top:10px; left:10px}
.inputCheckRound {-webkit-appearance:none; -moz-appearance: none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:24px; width:24px; background:#fff; border:1px solid #aaa; border-radius:2px; box-sizing:border-box; cursor:pointer; display:inline-block; outline:none; vertical-align:middle; border-radius:100%}
.inputCheckRound:checked {background:url('../images/inputCheck.png') center 5px #D75888 no-repeat; border-color:#D75888}

.selectBox * {box-sizing: border-box}
.selectBox {display:inline-block; vertical-align:baseline; position:relative; z-index:1; width:100%; height:40px; border-radius:4px; border:1px solid #ddd; cursor:pointer; font-size:14px; letter-spacing:-0.75px}
.selectBox:before {content:''; background:url('../images/selectArw.png') no-repeat; width:8px; height:14px; margin-top:1px; position:absolute; top:50%; transform:translateY(-50%); right:10px; z-index:-1}
.selectBox .label {display:flex; align-items:center; width:inherit; height:inherit; border:0 none; outline:0 none; padding-left:10px; background:transparent; cursor:pointer; color:#666}
.selectBox .optionList {position:absolute; top:44px; left:0; width:100%; background:#fff; color:#666; list-style-type:none; padding:0; overflow:hidden; max-height:0; /*transition:.3s ease-in*/}
.selectBox .optionList div {border:1px solid #ddd; padding:10px; border-radius:4px}
.selectBox .optionList::-webkit-scrollbar {width:6px}
.selectBox .optionList::-webkit-scrollbar-track {background:transparent}
.selectBox .optionList::-webkit-scrollbar-thumb {background:#303030; border-radius:45px}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background:#303030}
.selectBox:hover, .selectBox.active {z-index:10; background:#F7F7F9}
.selectBox.active .optionList {max-height:500px}
.selectBox .optionItem {padding:8px; transition:.1s; margin-bottom:3px; border-radius:2px; font-size:12px; font-weight:400}
.selectBox .optionItem:hover {background:#F7F7F9}
.selectBox .optionItem:last-child {margin-bottom:0}

.selectBox2 * {box-sizing: border-box}
.selectBox2 {display:inline-block; vertical-align:baseline; position:relative; z-index:1; width:100%; height:40px; border:1px solid #ddd; cursor:pointer; font-size:14px; letter-spacing:-0.75px}
.selectBox2:before {content:''; background:url('../images/selectArw.png') no-repeat; width:8px; height:14px; margin-top:1px; position:absolute; top:50%; transform:translateY(-50%); right:10px; z-index:-1}
.selectBox2 .label {display:flex; align-items:center; width:inherit; height:inherit; border:0 none; outline:0 none; padding-left:10px; background:transparent; cursor:pointer; color:#333}
.selectBox2 .optionList {position:absolute; top:44px; left:0; width:100%; background:#fff; color:#666; list-style-type:none; padding:0; overflow:hidden; max-height:0; /*transition:.3s ease-in*/}
.selectBox2 .optionList div {border:1px solid #ddd; padding:10px; border-radius:4px}
.selectBox2 .optionList::-webkit-scrollbar {width:6px}
.selectBox2 .optionList::-webkit-scrollbar-track {background:transparent}
.selectBox2 .optionList::-webkit-scrollbar-thumb {background:#303030; border-radius:45px}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background:#303030}
.selectBox2:hover, .selectBox2.active {z-index:10; background:#F7F7F9}
.selectBox2.active .optionList {max-height:500px}
.selectBox2 .optionItem {padding:8px; transition:.1s; margin-bottom:3px; border-radius:2px; font-size:12px; font-weight:400}
.selectBox2 .optionItem:hover {background:#F7F7F9}
.selectBox2 .optionItem:last-child {margin-bottom:0}

.radioStyle {vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; border-radius:100%; height:14px; width:14px; background:#fff; border:1px solid #aaa; color:#fff; cursor:pointer; display:inline-block; outline:none; position:relative; z-index:1000}
.radioStyle:checked {border:4px solid #5DB0CC}

.img-responsive {display:block; max-width:100%; height:auto}
.width100 {width:100%}
.width130 {width:130px}
.width300 {width:300px}
.height100 {height:100%}
.height200 {height:200px}
.height300 {height:300px}
.height300 {height:300px}
.minWidth65 {min-width:65px !important}
.minWidth85 {min-width:85px !important}
.maxWidth70 {max-width:70px}
.maxWidth90 {max-width:90px}
.maxWidth100 {max-width:100px}
.maxWidth120 {max-width:120px}
.maxWidth132 {max-width:132px}
.maxWidth140 {max-width:140px}
.maxWidth158 {max-width:158px}
.maxWidth160 {max-width:160px}
.maxWidth170 {max-width:170px}
.maxWidth180 {max-width:180px}
.maxWidth200 {max-width:200px}
.maxWidth208 {max-width:208px}
.maxWidth210 {max-width:210px}
.maxWidth220 {max-width:220px}
.maxWidth260 {max-width:260px}
.maxWidth326 {max-width:326px}
.maxWidth330 {max-width:330px}
.maxWidth340 {max-width:340px}
.maxWidth345 {max-width:345px}
.maxWidth360 {max-width:360px}
.maxWidth390 {max-width:390px}
.maxWidth395 {max-width:395px}
.maxWidth590 {max-width:590px}
.maxWidth637 {max-width:637px}
.maxWidth700 {max-width:700px}
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt80 {margin-top:80px !important}
.mt-20 {margin-top:-20px !important}
.margin40-0 {margin:40px 0 !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr20 {margin-right:20px !important}
.mr40 {margin-right:40px !important}
.ml0 {margin-left:0px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml60 {margin-left:60px !important}
.mb0 {margin-bottom:0px !important}
.mb40 {margin-bottom:40px !important}
.auto {margin:0 auto !important}
.pd0-5 {padding:0 5px}
.pd40_0 {padding:40px 0}
.pt80 {padding-top:80px !important}
.pl90 {padding-left:90px}
.pagination {text-align:center}
.text-left {text-align:left !important}
.text-center {text-align:center !important}
.text-right {text-align:right !important}
.vertical-middle {vertical-align:middle}
.font10 {font-size:10px !important}
.font12 {font-size:12px !important}
.font13 {font-size:13px !important}
.font14 {font-size:14px !important}
.font14::placeholder {font-size:14px}
.font16 {font-size:16px !important}
.font18 {font-size:18px !important}
.font22 {font-size:22px !important}
.font29 {font-size:29px !important}
.fontRegular {font-weight:400 !important}
.fontMedium {font-weight:500 !important}
.fontBold {font-weight:700 !important}
.mainColor {color:var(--main-color) !important}
.mainPinkColor {color:#D75888 !important}
.color333 {color:#333 !important}
.color666 {color:#666 !important}
.color888 {color:#888 !important}
.colorAAA {color:#aaa !important}
.lineheight18 {line-height:18px !important}
.lineheight20 {line-height:20px !important}
.lineheight24 {line-height:24px !important}
.lineheight30 {line-height:30px !important}
.lineheight40 {line-height:40px !important}
.line-through {text-decoration:line-through}
.float-left {float:left}
.float-right {float:right}
.align-items-stretch {align-items:stretch}
.show560 {display:none}
.show764 {display:none}
.numberFont {font-family:'GmarketSansMedium'}
.flex {display:flex}
.items-center {align-items:center}
.items-flex-start {align-items:flex-start}
.justify-between {justify-content:space-between}

/* header */
.header {height:100px; background:#fff}
.header:after{content:""; display:block; clear:both}
.header > .inner {max-width:1192px; margin:0 auto; padding:25px 0}
.header > .inner > h1 {float:left; margin-right:30px}
nav.gnb {float:left; font-size:17px; font-weight:500; color:#333; margin-top:15px}
nav.gnb > a {display:inline-block; margin-right:14px; position:relative; transition:.3s}
nav.gnb > a:last-child {margin-right:0}
nav.gnb > a:hover, nav.gnb > a:focus, nav.gnb > a.active {color:var(--main-color)}
nav.gnb > a.active:after {content:""; display:block; position:absolute; left:0; bottom:-42px; width:100%; height:4px; background-color:var(--main-color)}
.headerUtillWrap {float:right; margin-top:3px}
.headerSearchWrap {position:relative; float:left; margin-right:20px}
.headerSearchWrap > i {position:absolute; top:12px; left:12px; font-size:16px; z-index:9}
.headerSearch {border:none; width:200px; height:40px; background:#F7F7F9; border-radius:20px; font-size:14px; padding-left:40px; position:relative}
.headerSearch::placeholder {color:#666; font-size:14px; font-weight:500; opacity:0}
.headerSearch:focus::placeholder {opacity:1}
.headerSearch:focus-visible {outline:none}
/*.headerSearch:focus ~ .headerSearch_list {display:block}*/
.headerSearch_list {display:none; background:#fff; border:1px solid #ccc; padding:15px 10px 10px 10px; border-radius:4px; position:absolute; top:50px; width:100%; box-sizing:border-box; z-index:9999}
.headerSearch_list.active {display:block}
.headerSearch_list > li {display:block; padding:0 10px; font-size:12px; color:#666; background:#F7F7F9; border-radius:4px; margin-bottom:5px; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between}
.headerSearch_list > li:last-child {margin-bottom:0}
.headerSearch_list > li > a {display:block; width:100%; padding:10px 0}
.headerSearch_list > li > button {float:right}
.search_history {margin-bottom:10px; font-size:12px; font-weight:500; color:#aaa; display:flex; justify-content:space-between; align-items:center}
.search_history > .search_history_delete {font-size:12px; font-weight:500; color:#aaa; margin-top:-2px}

.utillIconWrap {float:left; margin-right:18px}
.utillIconWrap_mobile {display:none}
.utillIcon {position:relative; display:inline-block; margin-right:2px; box-sizing:border-box; width:30px; height:40px; font-size:16px; color:#333; border:none; cursor:pointer; border-radius:100%; padding:10px 0; text-align:center; transition:.3s}
.utillIcon:hover {background:#F7F7F9}
.utillIcon:last-child {margin-right:0}
.utillIcon_ticker {position:absolute; top:11px; right:6px; width:6px; height:6px; background:#F68D00; border-radius:100%}
.utillIcon_count {position:absolute; top:0; right:-5px; min-width:19px; height:19px; font-size:10px; line-height:22px; font-weight:700; text-align:center; color:#fff; box-sizing:border-box; background:#F68D00; border-radius:100%; font-family:'GmarketSansMedium'}

.bellWrap {position:relative; display:inline-block}
.bellList > li {margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #EFEFEF}
.bellList > li:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:none}
.bellList > li > a {display:block; position:relative; width:100%; margin:0; padding:10px; box-sizing:border-box; border:none; background:#fff; border-radius:2px; white-space:normal; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; transition:.3s}
.bellList > li > a > .inner {width:82%}
.bellList > li > a:hover {background:#F7F7F9;}
.bell_txt1 {display:inline-block; color:var(--main-color); font-size:12px; font-weight:700}
.bell_txt2 {display:inline-block; color:#666; font-size:12px; font-weight:500; line-height:20px; margin-top:8px}
.bell_txt3 {display:inline-block; color:#aaa; font-size:10px; font-weight:400; margin-top:28px}
.bellArr {font-size:12px; color:#ddd; position:absolute; top:50%; margin-top:-12px; right:10px}

.loginWrap {float:left; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex}
.loginWrap > li {margin-right:10px}
.loginWrap > li:last-child {margin-right:0}

.utilBtn {display:inline-block; border:1px solid #aaa; min-width:75px; text-align:center; padding:10px 0; border-radius:4px; color:#666; font-size:14px; font-weight:500; transition:.3s}
.utilBtn:hover, .utilBtn:focus {border-color:var(--main-color); color:var(--main-color)}

.userProfileWrap {float:left; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; position:relative}
.userProfileWrap button > img {width:40px; height:40px; border-radius:100%; box-sizing:border-box; border:2px solid rgba(255,255,255,0)}
.userProfileWrap button:hover > img {border-color:#E69235}
.userMenuList > li {margin:2px 0}
.userMenuList > li > a {display:block; position:relative; width:100%; margin:0; padding:8px 9px; box-sizing:border-box; border:none; background:#fff; color:#424242; font-family:inherit; font-weight:400; font-size:12px; text-decoration:none; text-align:left; cursor:pointer; border-radius:2px}
.userMenuList > li > a:hover, .userMenuList > li > a:focus {background-color:#f7f8fa}

.mobileSearchBtn, .mobileSearchCancelBtn {display:none}

.btn_side {display:none; box-sizing:border-box; /*width:40px; height:40px; background:#F7F7F9;*/ font-size:20px; color:#333; border:none; cursor:pointer; border-radius:100%; padding:10px 0; text-align:center; margin-left:20px}
.gnbMask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}
.gnbWrapTit {display:none; padding:15px 20px; background:#fff; overflow:hidden; margin:0; font-size:20px; color:#555; position:relative}
.gnbWrapTit a {position:absolute; top:25px; right:20px; font-size:28px}
.gnbUtilBtn {display:none}
.gnbQuickInfo {display:none}
.gnbfooterTop {display:none}
.gnbSearch {position:relative; padding:10px; display:none}
.gnbSearch > i {position:absolute; top:22px; left:22px; font-size:16px; z-index:9}
.gnbSearch input {border:none; width:100%; height:40px; line-height:40px; border:1px solid #aaa; background:#F7F7F9; font-size:14px; padding-left:40px; box-sizing:border-box}

/* dropDownStyle */
.dropDownStyle {position:relative; background:#fff}
.dropDownStyle:before, .dropDownStyle:after {content:""; position:absolute; display:block; right:calc(50% - 5px); bottom:100%; border-style:solid}
.dropDownStyle:before {margin:0 0 0 -4px; border-width:0 5px 8px; border-color:transparent transparent #dbdbdb; transform:translateX(0.5px)}
.dropDownStyle:after {margin:0 0 -1px -4px; border-width:0 4.5px 7px; border-color:transparent transparent #fff}
.dropDownStyle > .inner {min-width:120px; margin:0 -1px; padding:10px; box-sizing:border-box; background-color:#fff; box-shadow:0 4px 6px 0 rgb(0 0 0 / 18%); border:1px solid #dbdbdb; border-radius:4px; white-space:nowrap; overflow:hidden}

/* dropStyle */
.dropStyle {position:absolute; background:#fff; margin-top:5px; z-index:9; display:none}
.dropStyle.active {display:block}
.dropStyle > .inner {width:100%; min-width:120px; margin:0 -1px; padding:10px; box-sizing:border-box; background-color:#fff; box-shadow:0 4px 6px 0 rgb(0 0 0 / 18%); border:1px solid #dbdbdb; border-radius:4px; white-space:nowrap; overflow:hidden}
.dropMenuList > li {margin:2px 0}
.dropMenuList > li > a {display:block; position:relative; width:100%; margin:0; padding:8px 9px; box-sizing:border-box; border:none; background:#fff; color:#666; font-family:inherit; font-weight:400; font-size:12px; text-decoration:none; text-align:left; cursor:pointer; border-radius:2px}
.dropMenuList > li > a i {color:#ccc; margin-right:10px}
.dropMenuList > li > a:hover, .dropMenuList > li > a:focus {background-color:#f7f8fa}
.saveCountWrap .dropStyle {left:50%; transform:translate(-50%, 0%); margin-top:25px}
.saveCountWrap .dropStyle > .inner {min-width:380px; padding:20px}

.bellContentWrap .inner {width:283px}
.bellContentWrap .inner > ul {max-height:560px; overflow-y:auto}
.userMenuContentWrap .inner {width:120px}

.bellContentWrap {display:none; position:absolute; z-index:99999; top:50px; left:-120px}
.bellContentWrap.active {display:block}
.userMenuContentWrap {display:none; position:absolute; z-index:99999; top:50px; left:-40px}
.userMenuContentWrap.active {display:block}

/* skyBannerWrap */
.skyBannerWrap {position:relative; width:100%; margin:0 auto; z-index:9999}
.skyBannerWrap.fixed {position:fixed; top:0px}
.skyBanner {position:absolute; top:40px; right:40px; width:80px; border-radius:8px 8px 0 0; overflow:hidden; padding-bottom:6px}
.skyTit {background:var(--main-color); color:#fff; font-size:12px; font-weight:400; line-height:40px; text-align:center}
.skyHistoryList > li {text-align:center; background:#fff; padding:10px 0 30px 0}
.skyHistoryList img {vertical-align:middle; margin:0 auto}
.skyHistoryListWrap {border:1px solid #ECECEC; border-bottom:none; overflow:hidden}
.skyHistoryListWrap .bx-wrapper .bx-controls-direction a {top:inherit; bottom:10px; margin-top:0; width:12px; height:12px; z-index:999}
.skyHistoryListWrap .bx-wrapper .bx-prev {left:25px; background:url('../images/skyHistoryListLeft.png') no-repeat; opacity:0.6}
.skyHistoryListWrap .bx-wrapper .bx-next {right:25px; background:url('../images/skyHistoryListRight.png') no-repeat; opacity:0.6}
.skyHistoryListWrap .bx-wrapper .bx-prev:hover, .skyHistoryListWrap .bx-wrapper .bx-prev:focus, .skyHistoryListWrap .bx-wrapper .bx-next:hover, .skyHistoryListWrap .bx-wrapper .bx-next:focus {opacity:1}
.channelTalkBtn {display:block; text-align:center; margin-top:20px}
.channelTalkBtn img {box-shadow:0 3px 6px rgb(0 0 0 / 16%); border-radius:100%}
.topBtn {display:block; text-align:center; width:60px; height:60px; line-height:55px; background:#fff; color:#333; box-shadow:0 3px 6px rgb(0 0 0 / 16%); border-radius:100%; margin:20px auto 0 auto; font-size:24px; transition:.3s}
.topBtn:hover, .topBtn:focus {color:var(--main-color)}

.quickInfo {border:1px solid #ECECEC; background:#fff}
.quickInfo > li {display:table; width:100%}
.quickInfo > li > a {display:table-cell; vertical-align:middle; height:78px; text-align:center; box-sizing:border-box; border-bottom:1px solid #ECECEC; font-size:12px; color:#333; font-weight:500; position:relative}
.quickInfo > li > a i {font-size:20px; color:#333; display:block; margin:0 auto 8px auto}
.quickInfo > li:last-child > a {border-bottom:none}
.quickInfo > li > a:hover, .quickInfo > li > a:focus, .quickInfo > li > a:hover i, .quickInfo > li > a:focus i {color:var(--main-color)}
.cartCount {position:absolute; top:10px; right:17px; min-width:19px; height:19px; font-size:10px; line-height:22px; font-weight:700; text-align:center; color:#fff; box-sizing:border-box; background:#F68D00; border-radius:100%; font-family:'GmarketSansMedium'}

/* mainVisualWrap */
.mainVisualWrap {background:#FFDD46}
.mainVisualWrap > .inner {max-width:1192px; margin:0 auto; padding:85px 0 75px 0; position:relative}
.mainBanner {position:absolute; top:40px; left:0; z-index:9}
.mainBanner a {display:block}
.mainBanner img {box-shadow:0 3px 6px rgb(0 0 0 / 16%); border-radius:55px}
.mainKeywordWrap {max-width:788px; margin:0 auto}
.mainKeyword > h2 {font-size:20px; font-weight:700; margin-left:55px}
.mainKeyword > h2 span {font-weight:400}
.mainSearch {position:relative; margin:45px 0 35px 0}
.mainSearch > .mainSearchIcon {position:absolute; top:24px; left:30px; font-size:16px; color:#000}
.mainSearch > input {width:100%; box-sizing:border-box; background:#fff; padding:18px 55px; border-radius:30px; font-size:16px; color:#333; font-weight:500}
.mainSearch > input::placeholder {color:#aaa}
.mainSearch > input:focus::placeholder {opacity:1}
.mainSearch > input:focus-visible {outline:none}
.tagZone {margin-left:55px; max-width:560px}
.tagZone a {display:inline-block; padding:12px 10px; font-size:14px; font-weight:500; color:#666; background:#fff; border:1px solid #aaa; border-radius:4px; box-sizing:border-box; margin:5px 3px; transition:.3s}
.tagZone a:hover, .tagZone a:focus {color:var(--main-color); border-color:var(--main-color)}
.mainCharacter {position:absolute; bottom:0px; right:46px}
.mainCharacter img {vertical-align:bottom}

/* mainVisualWrap2 */
.mainVisualWrap2 {background:url('../images/main-banner-bg-20231123.jpg') #39C5ED bottom center no-repeat; background-size:cover}
.mainVisualWrap2 > .inner {max-width:1192px; min-height:480px; margin:0 auto; display:flex; align-items:baseline; flex-direction:column; justify-content:center; padding-left:70px}
.mainVisualWrap2 > .inner > p {font-size: 11px; color: #161616; letter-spacing: 0}
.mainVisualWrap2 > .inner > h2 {font-size:35px; font-weight:700; color:#fff; line-height:48px}
.mainVisualWrap2 > .inner > h4 {font-size:14px; font-weight:700; color:#fff; line-height:20px}

/* mainQuickWrap */
.mainQuickWrap {background:#fff}
.mainQuickWrap > .inner {max-width:1192px; margin:0 auto}
.mainQuickWrap > .inner > ul {padding:40px 40px; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between}
.mainQuickWrap > .inner > ul > li {text-align:center}
.mainQuickWrap > .inner > ul > li > a {display:block}
.mainQuickWrap > .inner > ul > li > a .mainQuickIcon {display:block; width:80px; height:80px; line-height:95px; box-sizing:border-box; border-radius:10px}
.mainQuickWrap > .inner > ul > li > a .mainQuickTxt {display:block; color:#333; font-size:14px; font-weight:500; margin-top:8px}
.mainQuickWrap > .inner > ul > li > a:hover .mainQuickIcon, .mainQuickWrap > .inner > ul > li > a:focus .mainQuickIcon {background:#F7F7F9}
.mainQuickWrap > .inner > ul > li > a .mainQuickIcon img {width: 100%;vertical-align: text-bottom}
.mainQuickWrap > .inner > ul > li > a:hover .mainQuickIcon img, .mainQuickWrap > .inner > ul > li > a:focus .mainQuickIcon img {filter: brightness(0.7)}

.bgGray {background:#F7F7F9}
.bgWhite {background:#fff}
.inner710 {max-width:710px; margin:0 auto; box-sizing:border-box}
.inner710:after {content:''; display:block; clear:both}
.inner750 {max-width:750px; margin:0 auto; box-sizing:border-box}
.inner750:after {content:''; display:block; clear:both}
.inner1192 {max-width:1192px; margin:0 auto; box-sizing:border-box}
.inner1192:after {content:''; display:block; clear:both}
.inner1212 {max-width:1212px; margin:0 auto; box-sizing:border-box}
.inner1212:after {content:''; display:block; clear:both}
.h3Tit {font-size:20px; font-weight:700; position:relative}
.h3Tit .SearchNum {font-family:'GmarketSansMedium'; font-weight:400; color:#D75888; vertical-align:middle; margin-left:12px}
.inner1212 .h3Tit {padding:0 10px}
.h3More {font-size:14px; font-weight:500; color:#aaa; margin-top:2px; transition:.3s; position:absolute; top:50%; right:0; margin-top:-8px}
.inner1212 .h3More {right:10px}
.commuSec2-1 .h3Tit {line-height:40px}
.commuSec2-1 .h3More {margin-top:-20px}
.h3More > i {font-size:13px; color:#ddd; margin-right:3px; transition:.3s}
.h3More:hover, .h3More:focus {color:#888}
.h3More:hover > i, .h3More:focus > i {color:var(--main-color)}
.h4Tit {font-size:16px; font-weight:500; color:#424242; position:relative}

/* cardList */
.cardListWrap .bx-wrapper {max-width:1212px !important}
.cardListWrap .bx-viewport {padding-bottom:10px}
.cardListWrap .bx-wrapper .bx-controls-direction a {margin-top:-110px; width:50px; height:50px; border-radius:100%; z-index:999; box-shadow:0 3px 6px rgb(0,0,0,0.16)}
.cardListWrap .bx-wrapper .bx-prev {left:-15px; background:url('../images/cardArrow.png') no-repeat 0 -50px}
.cardListWrap .bx-wrapper .bx-prev:hover, .cardListWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
.cardListWrap .bx-wrapper .bx-next {right:-15px; background:url('../images/cardArrow.png') no-repeat -50px -50px}
.cardListWrap .bx-wrapper .bx-next:hover, .cardListWrap .bx-wrapper .bx-next:focus {background-position:-50px 0}

.cardList {overflow:hidden}
.cardList.cardListModal {max-width:610px; margin:0 auto; padding:0}
.cardList > li {width:283px; margin:10px; float:left}
.cardTop {position:relative; border:1px solid #ddd; box-sizing:border-box}
.cardTop.ct_new {height:283px; display:flex; background:#FAFAFA; align-items:center; justify-content:center; border-bottom:none}
.cardTop a {display:block}
.cardTop a > img {height:159px}
.cardTop.ct_new a > img {height:200px}
.bx-wrapper .cardTop a > img {height:159px !important}
.cardTop .scrapBadge {position:absolute; top:10px; right:10px; z-index:99; width:40px; height:40px; background:url('../images/scrapBadge.png') center center #fff no-repeat; border-radius:100%; box-sizing:border-box}
.cardTop .scrapBadge:hover, .cardTop .scrapBadge:focus {background-color:#F7F7F9}
.cardTop .scrapBadge.active {background-image:var(--main-script-url)}
.cardBottom {background:#fff; border:1px solid #ddd; border-top:none; padding:20px; box-sizing:border-box; border-radius:0 0 16px 16px}
.cardBottom_description {font-size:12px; font-weight:500; color:#aaa; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.cardBottom h4 {font-size:16px; font-weight:500; color:#333; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical}
.cardBottom.cb_new h4 {font-size:14px; height:auto; -webkit-line-clamp:1}
.cardTopCate {position:absolute; top:10px; left:10px; display:inline-block; height:40px; line-height:40px; padding:0 10px; font-size:14px; font-weight:700; color:#fff; background:var(--main-color); border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box}

.cardList2 {}
.cardList2 > li {width:283px; margin:10px; float:left; border:1px solid #E6E6E6; border-radius:16px; box-shadow:0 3px 6px 0 rgb(0 0 0 / 10%); box-sizing:border-box}
.cardTxtWrap {padding:20px 20px 10px 20px}
.cardTxtWrap h4 {font-size:16px; font-weight:500; color:#333; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:5px 0 35px 0}
.cardTxtWrap .moreBtnWrap {float:right; margin-right:-10px}
.moreBtnWrap {display:inline-block; position:relative; z-index:999}
.moreBtnWrap.resumeMore {position:absolute; top:10px; right:10px}
.moreBtnWrap .moreBtn {width:40px; height:40px; font-size:16px; color:#888; border-radius:100%}
.moreBtnWrap .moreBtn:hover, .moreBtnWrap .moreBtn:focus {background:#F7F7F9}
.moreBtnWrap.resumeMore .moreBtn {background:#F7F7F9; font-size:12px; transition:.3s}
.moreBtnWrap.resumeMore .moreBtn:hover, .moreBtnWrap.resumeMore .moreBtn:focus {background:#E5E5E5}
.cardImg {border-radius:0 0 16px 16px}
.cardTxtWrap_ban > a {display:block; background:#68C2EB; padding:100px 20px 30px 20px; border-radius:16px}
.cardTxtWrap_ban_txt {font-size:18px; font-weight:700; line-height:27px; color:#fff}
.cardTxtWrap_ban_btn {display:block; width:50px; height:50px; line-height:50px; border:1px solid #fff; color:#fff; border-radius:100%; text-align:center; font-size:20px; margin-top:30px}
.cardTxtWrap_ban > a:hover .cardTxtWrap_ban_btn, .cardTxtWrap_ban > a:focus .cardTxtWrap_ban_btn {border-color:#fff; background:#fff; color:#68C2EB}

.cardTxtWrap_noPadding {padding:0 0 0 0}

.commuCardList {margin-top:10px}
.commuCardList > li {width:384px; margin:10px; float:left; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; padding:20px; position:relative}
.commuCardList_top {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:-10px}
.commuCardList_top .moreBtnWrap {margin-right:-10px}
.commuCardList_top_tit {color:#aaa; font-size:12px; font-weight:400}
.commuCardList_top_tit > span {color:#F68D00; font-weight:700}
.commuCardList_mid > dt {font-size:16px; font-weight:500; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.commuCardList_mid > dt span {font-weight:700; color:var(--main-color); margin-right:15px}
.commuCardList_mid > dd {font-size:12px; font-weight:500; color:#aaa; line-height:16px; margin-top:10px; height:32px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.commuCardList_img {border-radius:8px; margin-top:20px}
.commuCardList_bottom {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:20px}
.commuCardList_bottom .sc_cardProfile {position:relative; z-index:9}
.commuCardList_bottom .sc_cardProfile a {display:inline-block}

.cardMoreWrap {display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1}

.cardProfile {margin-top:13px;height:30px;}
.profileImg {width:30px; height:30px; border-radius:100%; display:inline-block !important; vertical-align:middle}
.profileName {display:inline-block; vertical-align:middle; margin-left:6px; font-size:12px}

.cardEntry {overflow:hidden; color:#aaa; margin:10px 0; padding-right:1px;height:20px;}
.cardEntry > li {float:left; margin-right:15px; font-size:12px}
.cardEntry > li button {color:#aaa; vertical-align:baseline}
.cardEntry > li button.active i {color:var(--main-color); font-weight:900}
.cardEntry > li .count {font-family:'GmarketSansMedium'; margin-left:2px; vertical-align:middle}
.cardEntry > li:last-child {margin-right:0}

.cardTag {height:28px; overflow:hidden}
.cardTag a {display:inline-block; color:#aaa; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; padding:7px 5px; font-size:12px; margin-right:6px}
.cardTag a:hover, .cardTag a:focus {color:var(--main-color); border-color:var(--main-color)}

.cardCate {overflow:hidden; margin-top:20px}
.cardCateTit {float:left; font-size:14px; font-weight:500; color:#333}
.cardCateDate {float:right; font-size:12px; font-weight:500; color:var(--main-color)}
.cardCateDate i {margin-right:4px}


/* productList */
.productList {overflow:hidden}
.productList > li {width:283px; margin:10px; float:left}

.productTop {position:relative;}
.productTop a {display:block; /*height:283px;*/ position:relative; border:1px solid #E5E5E5; background:#fff}
.productTop a > img {/*height:100%*/}
.productTop .badgeWrap {display:none; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-23px; text-align:center; line-height:inherit}
/* POCL-11450 상품 마우스 오버 시 스크랩 버튼 삭제 요청으로 아래 주석 처리함 */
/* .productTop a:hover .badgeWrap {display:block} */
/* .productTop:hover .badgeWrap {display:block} */
.productTop:hover img {opacity:0.6}
.productTop .scrapBadge {z-index:99; width:40px; height:40px; background:url('../images/scrapBadge.png') center center #fff no-repeat; border-radius:100%; box-sizing:border-box; margin:0 3px}
.productTop .scrapBadge:hover, .productTop .scrapBadge:focus {background-color:#F7F7F9}
.productTop .scrapBadge.active {background-image:var(--main-script-url)}
.productTop .cartBadge {z-index:99; width:40px; height:40px; background:url('../images/cartBadge.png') center center #fff no-repeat; border-radius:100%; box-sizing:border-box; margin:0 3px}
.productTop .cartBadge:hover, .productTop .cartBadge:focus {background-color:#F7F7F9}
.productTop .cartBadge.active {background-image:url('../images/cartBadgeActive.png')}

.productTop .cart-qty-control, .productTop .cart-qty-display {display:none; position:absolute; bottom:10px; right:10px; text-align:center; line-height:inherit; background: var(--main-color); border-radius: 15px; color: #F7F7F9;}
.productTop .cart-qty-error {display:none; position:absolute; bottom:10px; left: 0; right: 0; text-align:center; line-height:inherit; }
.productTop:hover .cart-qty-control, .productTop:hover .cart-qty-error {display: block}
.productTop .cart-qty-display.in-cart {display: block}
.productTop:hover .cart-qty-display {display: none !important;}

.productTop .cart-qty-error .message-box {display: inline-block; border-radius: 15px;background: #F68D00; color: #F7F7F9;padding: 5px 10px;}
.productTop .cart-shortcut {z-index:99; width:30px; height:30px; box-sizing:border-box; color: #F7F7F9}
.productTop .cart-qty-control:hover .if-hover {display: inline-block !important;}
.productTop .cart-qty-control .qty-input {width: 35px; padding: 0 5px;height:30px;background:transparent;color:#fff;text-align:center;-moz-appearance: textfield;}
.productTop .cart-qty-control .qty-input::-webkit-outer-spin-button,
.productTop .cart-qty-control .qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.fa-thin {font-weight: 100;}

.productBottom {background:#fff; padding:23px 20px 20px 20px; box-sizing:border-box; position:relative}
.productBottom h5 {font-size:12px; font-weight:500; color:#aaa; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.productBottom h4 {font-size:16px; font-weight:500; color:#333; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:8px 0 5px 0}
.productLink {position:absolute; top:0; left:0; width:100%; height:100%}
.percen {font-family:'GmarketSansMedium'; font-size:12px; font-weight:500; color:#D75888; margin-right:5px}
.percenPrice {font-size:12px; font-weight:500; color:#aaa; text-decoration:line-through}
.productPrice {color:#000; font-size:12px; font-weight:500; margin-top:10px}
.productPrice > span {font-family:'GmarketSansMedium'; color:#333; font-size:18px; font-weight:700}
.productReview {font-size:12px;}
.productReview .star {color:#FEB001; margin-right:3px}
.productReview .avg {color:#666}
.productReview .reviewTxt {color:#aaa; font-weight:700; margin-left:20px}
.productReview .reviewTxt span {font-family:'GmarketSansMedium'; font-weight:500; margin-left:4px}


/* 커뮤니티 */
.commuSec1 {float:left; width:65%; margin-right:40px}
.mainCommuList {border-top:1px solid #E5E5E5; margin-top:10px}
.mainCommuList > li {border-bottom:1px solid #E5E5E5; padding:10px 0; display:flex; justify-content:space-between; align-items:center}
.mainCommuList > li:nth-child(1) .mc_tit dl dt span, .mainCommuList > li:nth-child(2) .mc_tit dl dt span, .mainCommuList > li:nth-child(3) .mc_tit dl dt span {color:var(--main-color)}
.mc_img {width:100px}
.mc_img > img {border-radius:4px}
.mc_tit {width:48%; text-align:left}
.mc_tit dl {vertical-align:middle}
.mc_tit dl dt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-size:16px; font-weight:700}
.mc_tit dl dt span {font-family:'GmarketSansMedium'; font-weight:bold; margin-right:5px}
.mc_tit dl dd {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#aaa; font-size:12px; font-weight:500; margin:6px 0 0 27px}
.mc_date {width:16%; display:table; text-align:center}
.mc_date > div {display:table-cell; vertical-align:middle; font-family:'GmarketSansMedium'; font-size:12px; color:#aaa; font-weight:normal}
.mc_entry {width:17%; display:table; text-align:center}
.mc_entry > div {display:table-cell; vertical-align:middle}

.commuSec2Wrap {float:right; width:calc(35% - 40px)}
.mainNoticeList {max-width:320px; margin-top:15px}
.mainNoticeList > li {font-size:14px; font-weight:500; color:#aaa; margin-bottom:16px}
.mainNoticeList > li:last-child {margin-bottom:0}
.mainNoticeList > li {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mainNoticeList > li.highlight {font-size:16px; font-weight:500; color:#333; line-height:27px; height:52px; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:25px}
.newBadge {font-family:'GmarketSansMedium'; font-weight:bold; font-size:10px; color:#D75888; vertical-align:top; margin-left:5px}

.commuSec2-2 {margin-top:60px}
.commuSec2-2 .bx-wrapper {margin-top:20px}
.eventList li img {border-radius:16px}
.commuSec2-2 .bx-wrapper .bx-pager.bx-default-pager a:hover, .commuSec2-2 .bx-wrapper .bx-pager.bx-default-pager a.active, .commuSec2-2 .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#D75888}
.commuSec2-2 .bx-wrapper .bx-pager.bx-default-pager a {background:#ccc; width:8px; height:8px; margin:0 3px; border-radius:100%}

/* pagination */
.pagination {margin-top:30px}
.pagination .prev {margin-right:17px}
.pagination .next {margin-left:17px}
.pagination .pageWrap {font-family:'GmarketSansMedium'; font-weight:normal; font-size:14px; color:#aaa}
.pagination .pageWrap span {margin:0 5px}
.pagination .pageWrap .page {font-weight:bold; color:var(--main-color)}
.pagination.pinkStyle .pageWrap .page {color:#D75888}

/* pagingWrap */
.pagingWrapBtn {position:relative; margin:40px 0 20px 0}
.pagingBtn {position:absolute; top:0; left:0}
.viewSection {position:absolute; top:8px; right:0; font-size:12px; color:#898989; font-weight:300}
.pagingWrap {width:100%; color:#000; font-style:normal; font-weight:bold; text-align:center}
.pagingWrap img {vertical-align:middle}
.pagingWrap a {display:inline-block; width:31px; height:31px; line-height:31px; vertical-align:middle; border:none; margin:0 3px 0 2px; font-size:14px; color:#333; font-weight:400; border-radius:15px; border-color:#fff; text-decoration:none}
.pagingWrap a:hover,.pagingWrap a:focus {background-color:#fafafa; color:#000; text-decoration:none}
.pagingWrap a span {position:absolute; z-index:-1; visibility:hidden}
.pagingWrap .first {position:relative; background:url('../images/btn_first.png') center no-repeat; border-color:#dee2e6}
.pagingWrap .prev {position:relative; background:url('../images/btn_prev.png') center no-repeat; border-color:#dee2e6; margin-right:30px}
.pagingWrap .next {position:relative; background:url('../images/btn_next.png') center no-repeat; border-color:#dee2e6; margin-left:30px}
.pagingWrap .last {position:relative; background:url('../images/btn_last.png') center no-repeat; border-color:#dee2e6}
.pagingWrap .current {display:inline-block; background:#D75888; border:none; color:#fff; font-weight:400; width:30px; height:30px; line-height:28px; vertical-align:middle; border-radius:30px}

/* footerBanner */
.footerBanner {background:#898989; margin-top:100px; letter-spacing:-0.50px}
.footerBanner .inner {max-width:1192px; margin:0 auto}
.footerBanner .inner img {vertical-align:top}

/* footer */
footer {background:#F7F9FA}
footer hr {margin:0}
.footerTop {max-width:1192px; margin:0 auto; overflow:hidden; padding:18px 0}
.footerTop > li {float:left; font-size:14px; color:#666; font-weight:500}
.footerTop > li > a {display:block; border-right:1px solid #666; margin-right:14px; padding-right:14px}
.footerTop > li > a strong {font-weight:700; color:#333}
.footerTop > li > a:hover, .footerTop > li > a:focus, .footerTop > li > a:hover strong, .footerTop > li > a:focus strong {color:var(--main-color)}
.footerTop > li:last-child > a {margin-right:0; padding-right:0; border-right:0}
.footerBottom {max-width:1192px; margin:0 auto; overflow:hidden; padding:40px 0 20px 0; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between}
.innerLeft {width:50%}
.innerRight {width:40%}
.innerRight1 {width:31%}
.innerRight2 {width:20%}
.footTit {font-size:14px; color:#333; font-weight:700; margin-bottom:10px}
.footTxt {font-size:14px; color:#666; line-height:24px}
.footTelTxt {font-size:20px; color:#000; font-weight:500}
.foot-info-btn {display:inline-block; margin-top:5px; font-size:12px; color:#666; padding:4px 20px 4px 6px; box-sizing:border-box; border:1px solid #ddd; background:url('../images/foot-info-btn_arw.png') right 5px top 6px #fff no-repeat}

/* loginFrom */
.loginFrom {padding:160px 0}
.loginFrom section {width:100%; max-width:480px; margin:0 auto; background:#fff; border-radius:16px; padding:60px 80px; box-sizing:border-box}
.loginLogo {text-align:center; margin-bottom:40px}
.labelTit {font-size:14px; font-weight:500; color:#000; display:block; margin-bottom:10px}
.inputLoginStyle {border:1px solid #DEDEDF; border-radius:4px; color:#898989; padding:0 17px; width:100%; height:38px; line-height:38px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:middle}
.inputLoginStyle::placeholder {color:#ccc; font-size:14px; font-weight:200}
.checks {margin-top:10px; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between}
.fogotBtn {margin-right:20px}
.fogotBtn, .joinBtn {font-size:12px; font-weight:400; color:#888; line-height:17px}
.fogotBtn:hover, .joinBtn:hover, .fogotBtn:focus, .joinBtn:focus {color:#333}
.btnLogin {width:100%; height:50px; line-height:50px; font-size:14px; font-weight:700; color:#fff; background:var(--main-color); border-radius:4px; transition:.3s; margin:20px 0 50px 0}
.btnLogin:hover, .btnLogin:focus {background:#1289B9}
.btnOrder {width:100%; height:50px; line-height:50px; font-size:14px; font-weight:700; color:#fff; background:var(--main-color); border-radius:4px; transition:.3s; margin:20px 0 0 0}
.btnOrder:hover, .btnOrder:focus {background:#1289B9}
.snsLoginWrap {text-align:center}
.snsLoginWrap h3 {font-size:14px; font-weight:500; color:#888; margin:0 0 20px 0}
.snsLoginWrap a {display:inline-block; margin:0 10px}
.snsLoginWrap a:hover img, .snsLoginWrap a:focus img {opacity:0.8}
.subFooter {position:relative; width:100%; text-align:center; font-size:12px; font-weight:400; color:#aaa; line-height:20px; margin:40px 0}

/* subHeader */
.subHeader {background:#fff}
.subHeader > .inner {max-width:100%; padding:25px 60px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; align-items:center}
.subHeader > .inner > h1 {float:none; margin-right:0}
.joinFrom {padding:40px 0}
.joinFrom section {width:100%; max-width:480px; margin:0 auto; background:#fff; border-radius:16px; padding:20px 80px 40px 80px; box-sizing:border-box}
.joinFrom h2 {font-size:20px; font-weight:700; color:#424242; margin-left:-40px; margin-bottom:20px}
.emailInput {display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between}
.separator {width:60px; text-align:center; line-height:40px; color:#ddd; font-size:12px}
.emailAuth {width:100%; height:40px; line-height:40px; font-size:14px; font-weight:700; color:#fff; background:#767676; border-radius:4px; transition:.3s; margin-top:10px}
.emailAuth:hover, .emailAuth:focus {background:#333}
.description {font-size:12px; font-weight:400; color:#aaa; margin-bottom:10px}
.agreeBox {border:1px solid #ddd; border-radius:4px; padding:20px; box-sizing:border-box}
.agreeBox hr {margin:10px 0}
.agreeBox label {margin-bottom:10px}
.agreeBox .mustColor {color:var(--main-color)}
.agreeBox .choiceColor {color:#ccc}
.agreeBox_order {padding:20px;}
.agreeBox_order hr {margin:10px 0}
.agreeBox_order label {margin-bottom:10px}
.agreeBox_order .mustColor {color:var(--main-color)}
.agreeBox_order .choiceColor {color:#ccc}
.btnJoin {width:100%; height:50px; line-height:50px; font-size:14px; font-weight:700; color:#fff; background:var(--main-color); border-radius:4px; transition:.3s; margin-top:40px}
.btnJoin:hover, .btnJoin:focus {background:#1289B9}

/* subTit */
.subTit {border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5}
.subTit > .inner {max-width:1192px; margin:0 auto; padding:15px; display:flex; justify-content:space-between; flex-wrap:wrap; align-content:stretch}
.subTit > .inner h2 {font-size:30px; font-weight:400; color:#333; margin-top:15px}
.subTit > .inner h2 strong {font-weight:700}
.subTit > .inner h2 .SearchWord {color:var(--main-color); font-weight:700; margin-right:6px}
.subTit > .inner h2 .SearchNum {font-family:'GmarketSansMedium'; font-weight:400; color:#D75888; vertical-align:middle; margin-left:20px; margin-right:5px}
.subTit > .inner .subTit_description {display:inline-block; font-size:12px; font-weight:500; color:#ccc; margin-left:15px}
.subTit_btn {background:var(--main-color); color:#fff; min-width:120px; font-size:16px; font-weight:500; padding:13px 18px; box-sizing:border-box; border-radius:4px; letter-spacing:-0.45px; transition:.3s}
.subTit_btn > i {margin-right:10px}
.subTit_btn:hover, .subTit_btn:focus {background:#1289B9}
.h2Tit {font-size:30px; font-weight:700; color:#333; position:relative}
.h2Tit span {display:inline-block; font-size:12px; font-weight:500; color:#666; margin-left:15px}
.resumeDown {display:inline-block; width:40px; height:40px; border-radius:8px; background:var(--main-color); color:#fff; font-size:16px; text-align:center; line-height:40px; position:absolute; right:0; top:-3px}
.resumeDown:hover, .resumeDown:focus {background:#1289B9}

/* subGnb */
.subGnb {display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; box-sizing:border-box; background:#fff}
.subGnb > a {font-size:16px; font-weight:700; color:#aaa; box-sizing:border-box; padding:29px 0; margin:0 20px; transition:.3s}
.subGnb > a:hover, .subGnb > a:focus {color:var(--main-color)}
.subGnb > a.active {border-bottom:4px solid var(--main-color); color:var(--main-color)}

.searchCommuListWrap {margin-top:40px}
.searchCommuList {margin-top:20px; border-top:1px solid #E5E5E5}
.searchCommuList > li {display:flex; align-items:center; border-bottom:1px solid #E5E5E5; padding:20px; box-sizing:border-box}
.searchCommuList2 {margin-top:20px; border-top:1px solid #E5E5E5}
.searchCommuList2 > li {display:flex; align-items:flex-end; border-bottom:1px solid #E5E5E5; padding:20px; box-sizing:border-box}
.sc_tit {flex-grow:1; align-self:center; overflow:hidden}
.sc_tit dl dt {font-size:16px; font-weight:500; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.sc_tit dl dt span {font-weight:700; color:var(--main-color); margin-right:15px}
.sc_tit dl dd {font-size:12px; font-weight:500; line-height:16px; color:#aaa; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.sc_tit_Wrap {display:flex; margin-top:10px}
.sc_tit_Wrap .sc_cardProfile {align-self:center; margin-right:20px}
.sc_date {font-size:12px; font-weight:400; color:#aaa; margin-left:12px}
.sc_tit_Wrap .sc_date {align-self:center; font-size:12px; font-weight:400; color:#aaa; margin-right:60px}
.sc_tit_Wrap .sc_cardEntry {align-self:center}
.sc_time {font-size:12px; font-weight:400; color:#aaa; margin-left:12px}
.sc_img {flex-shrink:0; width:101px}
.sc_date_right {flex-shrink:0; width:140px; text-align:right; margin-left:15px; font-size:12px; font-weight:400; color:#aaa}
.pinkStyle .sc_tit dl dt span {color:#D75888}

/* filterWrap */
.filterWrap {display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; margin:20px auto 40px auto}
.filterCate {flex-grow:1; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap}
.cateBtn {display:inline-block; height:40px; line-height:40px; padding:0 10px; font-size:14px; font-weight:700; color:#aaa; background:#fff; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; margin:0 8px 5px 0; transition:.3s}
.cateBtn.active, .cateBtn:hover, .cateBtn:focus {background:#1289B9; color:#fff; border-color:#1289B9}
.cateBtn_lg {display:inline-block; height:40px; line-height:40px; padding:0 20px; font-size:14px; font-weight:700; color:#aaa; background:#fff; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; margin:0 8px 5px 0; transition:.3s}
.cateBtn_lg.active, .cateBtn_lg:hover, .cateBtn_lg:focus {background:#1289B9; color:#fff; border-color:#1289B9}
.cateBtn2 {display:inline-block; height:40px; line-height:40px; padding:0 10px; font-size:14px; font-weight:500; color:#aaa; background:#fff; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; margin:0 8px 5px 0; transition:.3s}
.cateBtn2:hover, .cateBtn2:focus {background:#fff; color:#1289B9; border-color:#1289B9}
.filterBar {flex-shrink:0; width:200px; text-align:right}
.filterBtn {display:inline-block; font-size:12px; font-weight:500; color:#aaa; margin:0 0 5px 10px}
.filterBtn.active, .filterBtn:hover, .filterBtn:focus {font-weight:700; color:#666}
.masonryList:after {content:''; display:block; clear:both}
.cardListMore {display:inline-block; padding:10px 50px; background:#F7F7F9; color:#aaa; font-size:14px; font-weight:500; border-radius:4px; text-align:center}
.cardListMore i {margin-left:10px}
.cardListMore:hover {background:#EFEFF3}
.filterWrap_selectBox {display:flex; margin-left:60px}
.filterWrap_selectBox > li {display:flex; align-items:center; width:180px; margin-right:10px}
.filterWrap_selectBox > li:last-child {margin-right:0}
.filterWrap_selectBox_txt {font-size:14px; font-weight:700; color:#aaa}

.filterTabWrap {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; padding:40px 0; max-width:1020px; margin:0 auto}
.filterTabWrap .filterTab {display:flex; justify-content:space-between; align-items:baseline; width:100%; max-width:150px; margin:10px; background:#fff; padding:12px 20px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; font-size:14px; font-weight:700; color:#666; transition:.3s}
.filterTabWrap .filterTab_all {justify-content:center}
.filterTabWrap .filterTab_count {font-family:'GmarketSansMedium'; font-weight:400; text-align:right; color:#D75888}
.filterTabWrap .filterTab.active, .filterTab:hover, .filterTabWrap .filterTab:focus {background:#1289B9; border-color:#1289B9; color:#fff}
.filterTabWrap .filterTab.active .filterTab_count, .filterTabWrap .filterTab:hover .filterTab_count, .filterTabWrap .filterTab:focus .filterTab_count {color:#fff}

.filterCommuTabWrap {}
.filterCommuTabWrap > .inner {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; padding:20px 0; max-width:1020px; margin:0 auto}
.filterCommuTabWrap .filterTab {display:flex; justify-content:space-between; align-items:baseline; width:100%; max-width:150px; margin:10px; background:#fff; padding:12px 20px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; font-size:14px; font-weight:700; color:#666; transition:.3s}
.filterCommuTabWrap .filterTab_all {justify-content:center}
.filterCommuTabWrap .filterTab_count {font-family:'GmarketSansMedium'; font-weight:400; text-align:right; color:#D75888}
.filterCommuTabWrap .filterTab.active, .filterTab:hover, .filterCommuTabWrap .filterTab:focus {background:#1289B9; border-color:#1289B9; color:#fff}
.filterCommuTabWrap .filterTab.active .filterTab_count, .filterCommuTabWrap .filterTab:hover .filterTab_count, .filterCommuTabWrap .filterTab:focus .filterTab_count {color:#fff}
.filterTabMore {display:none; font-size:14px; color:#333; margin:3px auto}
.filterTabMoreMask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.6)}
.filterTabClose {display:block; display:none; position:relative; z-index:9999; color:#fff; width:100%; text-align:right; top:-20px; right:20px; font-size:16px}

.filterTabWrap_sm {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-left:-5px}
.filterTabWrap_sm .filterTabWrap_left {display:flex; align-items:center; flex-wrap:wrap}
.filterTabWrap_sm .filterTab {display:flex; justify-content:space-between; align-items:baseline; max-width:100%; min-width:100px; margin:5px; background:#fff; padding:10px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; font-size:14px; font-weight:700; color:#666; transition:.3s}
.filterTabWrap_sm .filterTab_count {font-family:'GmarketSansMedium'; font-weight:400; text-align:right; color:#D75888}
.filterTabWrap_sm .filterTab.active, .filterTab:hover, .filterTabWrap_sm .filterTab:focus {background:#1289B9; border-color:#1289B9; color:#fff}
.filterTabWrap_sm .filterTab.active .filterTab_count, .filterTabWrap_sm .filterTab:hover .filterTab_count, .filterTabWrap_sm .filterTab:focus .filterTab_count {color:#fff}
.filterAddBtn {width:40px; height:40px; line-height:40px; text-align:center; margin:5px; background:#F5F5F5; box-sizing:border-box; color:#666; border-radius:4px; border:1px dashed #ddd; font-size:16px; transition:.3s}
.filterEditBtn {width:40px; height:40px; line-height:40px; text-align:center; margin:5px; background:#F5F5F5; box-sizing:border-box; color:#666; border-radius:4px; border:1px solid #ddd; font-size:12px; transition:.3s}
.filterAddBtn:hover, .filterAddBtn:focus, .filterEditBtn:hover, .filterEditBtn:focus {background:#1289B9; border-color:#1289B9; color:#fff}
.filterTabWrap_right_editMore {display:none}
.filterTabWrap_right_edit, .filterTabWrap_right_editMore_cancel {font-size:12px; font-weight:700; color:#666; margin-left:10px}
.filterTabWrap_right_editMore_move, .filterTabWrap_right_editMore_del {font-size:12px; font-weight:700; color:#666666; margin-left:10px}

/* modalStyle */
.modalStyle.md_pd35 {padding:35px}
.modalStyle.md_pd40 {padding:40px}
.modalStyle h2 {font-size:20px; font-weight:700; color:#333; overflow:hidden; margin-bottom:20px}
.modalStyle h2 .modalColse {float:right; color:#aaa}
.modalStyle h2.profileH2 {font-size:29px; overflow:inherit; position:relative; margin-top:15px; margin-bottom:30px}
.modalStyle h2.profileH2 .modalColse {font-size:16px; position:absolute; top:-20px; right:0; float:none}
.modalColse2 {position:absolute; top:10px; right:10px; font-size:16px; color:#aaa; width:40px; height:40px; line-height:40px; text-align:center}
.shareIconWrap {text-align:center; padding:0 20px; display:flex; justify-content:space-between}
.copyUrlWrap {border:1px solid #ddd; border-radius:4px; height:40px; line-height:40px; padding:0 20px 0 10px; display:flex; justify-content:space-between; margin-top:20px}
#copyUrl {font-size:13px; color:#ccc}
.copyBtn {font-size:13px; font-weight:500; color:var(--main-color); padding:0; background:none; cursor:pointer}
.modalTxt1 {font-size:14px; line-height:24px}
.modalButtonWrap {text-align:center}

/* alertExpand */
.alertExpand {display:none; position:fixed; z-index:999999; width:100%; text-align:center; top:20px}
.alertExpand .inner {display:inline-block; padding:20px 40px; background:#333; color:#fff; font-size:14px; font-weight:500; border-radius:8px}

/* subTopVisual */
.subTopVisual {}
.subTopVisual > div {width:100%; height:calc(100vh - 422px); max-height:422px; background-size:cover; background-repeat:no-repeat; background-position:center center}

/* contentHeader */
.contentHeader {display:flex; justify-content:space-between; margin-top:20px}
.contentHeader .moreBtnWrap {float:right; margin-top:-10px}
/*.contentHeader:after {content:''; display:block; clear:both}*/
.contentHeader_description {font-size:20px; font-weight:700; color:#333; display:flex}
.contentHeader_description > span {flex-shrink:0}
.contentHeaderTitle {font-size:30px; font-weight:700; color:#333}
.contentHeaderBottom {display:flex; justify-content:space-between; margin:20px 0}
.contentHeaderAuthor {display:flex; justify-content:flex-start; align-items:center}
.contentHeaderAuthor_img {width:50px; height:50px; border-radius:100%; margin-right:6px}
.contentHeaderAuthor_name {font-size:14px; font-weight:500; color:#333}
.contentHeaderAuthor_date {font-size:12px; font-weight:400; color:#aaa; margin-top:6px}

.contentHeaderStats {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:15px 30px; box-sizing:border-box; background:#F7F7F9; margin-top:20px}
.contentHeaderStats .profileName, .contentHeaderStats .sc_date, .contentHeaderStats .cardEntry > li {font-size:14px}
.contentHeaderStats .sc_cardProfile {display:flex; align-items:center; flex-wrap:wrap}

.contentHeaderTag {display:flex; justify-content:flex-start; align-items:center}
.contentHeaderTag > li {font-size:10px; font-weight:700; text-align:center; color:#666; margin-right:10px}
.contentHeaderTag > li:last-child {margin-right:0}
.contentHeaderTag > li p {margin-top:2px}
.contentViewStats {display:flex; justify-content:center; margin:60px 0 40px 0}
.contentViewStats > li {margin:0 10px; text-align:center}
.contentViewStats > li button {background:#F7F7F9; color:#333; width:50px; height:50px; border-radius:100%}
.contentViewStats > li.cvs-view button {cursor:default}
.contentViewStats > li.active, .contentViewStats > li.active button {color:var(--main-color)}
.contentViewStats > li.cvs-view.active, .contentViewStats > li.cvs-view.active button {color:#333}
.contentViewStats > li.active button i {color:var(--main-color); font-weight:900}
.contentViewStats > li.cvs-view.active button i {color:#333; font-weight:500}
.contentViewStats > li.cvs-share.active button i {color:#333; font-weight:500}
.contentViewStats > li .count {display:block; margin-top:10px; font-family:'GmarketSansMedium'; font-size:12px; font-weight:400}

.contentBottom {display:flex; justify-content:space-between}
.contentTagSection {flex-grow:1}
.contentBtnSection {flex-shrink:0; width:165px; text-align:right}
.submitButton {display:inline-block; height:40px; line-height:40px; padding:0 10px; font-size:14px; font-weight:700; color:#fff; background:var(--main-color); border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.submitButton_sm {display:inline-block; height:40px; line-height:40px; padding:0 5px; font-size:14px; font-weight:700; color:#fff; background:var(--main-color); border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.submitButton_md {display:inline-block; height:50px; line-height:49px; padding:0 30px; font-size:16px; font-weight:700; color:#fff; background:var(--main-color); border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.submitButton_md.width140 {padding:0 10px; text-align:center; min-width:140px}
.submitButton_md.width160 {padding:0 10px; text-align:center; min-width:160px}
.submitButton_lg {display:inline-block; min-width:160px; height:60px; line-height:59px; padding:0 30px; font-size:18px; font-weight:700; color:#fff; background:var(--main-color); border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.cancelButton {display:inline-block; height:40px; line-height:40px; padding:0 10px; font-size:14px; font-weight:700; color:var(--main-color); background:#fff; border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.cancelButton_md {display:inline-block; height:50px; line-height:49px; padding:0 30px; font-size:16px; font-weight:700; color:var(--main-color); background:#fff; border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.cancelButton_md.width160 {padding:0 10px; text-align:center; min-width:160px}
.cancelButton_lg {display:inline-block; min-width:160px; height:60px; line-height:59px; padding:0 30px; font-size:18px; font-weight:700; color:var(--main-color); background:#fff; border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.saveButton_mdWrap {display:inline-block; height:50px; font-size:16px; font-weight:700; color:var(--main-color); background:#fff; border:1px solid var(--main-color); border-radius:4px; box-sizing:border-box; vertical-align:middle}
.saveButton_mdWrap > div {display:inline-flex; justify-content:space-between; align-items:center; min-width:120px}
.saveButton_mdWrap > div .saveBtn {color:var(--main-color); line-height:49px; width:100%}
.saveButton_mdWrap > div .saveCountWrap {height:100%; position:relative; box-sizing:border-box; padding:0 10px 0 0}
.saveButton_mdWrap > div .saveCount {width:20px; height:20px; background:#F68D00; vertical-align:top; line-height:23px; border-radius:100%; text-align:center; font-family:'GmarketSansMedium'; font-size:10px; font-weight:400; color:#fff; display:inline-block; vertical-align:text-bottom}
.save_history {margin-bottom:20px; font-size:14px; font-weight:700; color:#333; display:flex; justify-content:space-between; align-items:center}
.save_history span strong {color:#D75888}
.save_history > .save_history_delete {font-size:10px; font-weight:500; color:#aaa}
.saveMenuList {}
.saveMenuList > li {border-bottom:1px solid #EFEFEF; margin-bottom:10px; padding-bottom:10px}
.saveMenuList > li:last-child {border-bottom:none; margin-bottom:0px; padding-bottom:0px}
.saveMenuList > li > div {border-radius:4px; padding:15px 10px; display:flex; justify-content:space-between; align-items:center}
.saveMenuList > li:hover > div, .saveMenuList > li:focus > div {background:#F7F7F9}
.saveMenuList > li a {display:block}
.saveMenuList_tit {font-size:12px; font-weight:400; color:#666; display:block}
.saveMenuList_date {font-size:10px; font-weight:400; color:#aaa; display:block; margin-top:10px}
.saveMenuList_del {padding:0 10px}
.bottomBtnWrap {margin-top:40px; display:flex; justify-content:flex-end}

/* 댓글 */
.commentFeed {}
.commentFeedHeader {font-size:16px; font-weight:700; color:#424242; margin:10px 0 20px}
.commentFeedHeader_count {font-family:'GmarketSansMedium'; color:#D75888; margin-left:10px; vertical-align:middle}
.commentFeedForm {display:flex; position:relative; margin:10px 0 30px 0}
.commentFeedFormUser {flex:0 0 auto}
.commentFeedFormUser > img {width:30px; height:30px; margin:5px 10px 0 0; border-radius:100%}
.commentFeedFormInput {display:flex; position:relative; max-width:100%; border:1px solid #dbdbdb; border-radius:4px; flex:1 1 0px; min-width:0}
.commentFeedFormContent {flex:1 1 0px; min-width:0}
.commentContentInput {position:relative}
.commentContentInput_text {display:block; width:100%; min-height:38px; border:none; background:none; color:#424242; margin:0; padding:10px 15px; font-size:15px; resize:none; overflow:hidden; word-wrap:break-word; box-sizing:border-box}
.commentContentInput_text:focus-visible {outline:none}
.commentFeedFormActions {display:flex; flex:0 0 auto; padding:7px 15px 7px 0; font-size:0; z-index:1}
.commentFeedFormSubmit {color:#1289B9; font-size:15px; font-weight:700}
[contentEditable=true]:empty:not(:focus):before {content:attr(data-ph); color:#939598; display:block}

.commentFeedList {}
.commentFeedListItem {}
.commentFeedItem {margin-bottom:30px; padding-left:40px}
.commentFeedItemContent {position:relative; margin:-4px 0 4px; min-width:0; max-width:100%; text-overflow:ellipsis; word-wrap:break-word; font-size:15px}
.commentFeedItemContentAuthor {font-size:0; display:inline; margin:0 10px 0 0; line-height:inherit}
.commentFeedItemContentAuthor_image {position:absolute; width:30px; height:30px; top:0px; left:-40px; margin-right:10px; border-radius:100%; background-color:#dbdbdb}
.commentFeedItemContentAuthor_name {color:#424242; font-weight:700; font-size:15px}
.commentFeedItemContentContent {white-space:pre-line}
.commentFeedItemContentContent.delTxt {color:#ccc}
.commentFeedItemFooter {box-sizing:border-box; position:relative; display:block; color:#757575; font-size:13px; font-weight:700; margin-top:5px}
.commentFeedItemFooter {background:none; border:none; padding:0}
.commentFeedItemFooter_time {font-weight:400; color:#aaa}
.commentFeedItemFooter_likes {}
.commentFeedItemFooter_time:after, .commentFeedItemFooter_like-btn:after, .commentFeedItemFooter_reply-btn:after {display:inline-block; color:#bdbdbd; content:"·"; margin:0 5px; font-size:13px; font-weight:400}
.commentFeedItemFooter_likes.zero {}
.commentFeedItemFooter_likes.zero .commentFeedItemFooter_likes_count {display:none}
.commentFeedItemFooter_likes.zero:after {display:none}
.commentFeedItemFooter_likes_icon {background:none; border:none; color:inherit; padding:0; font-size:13px; font-weight:inherit; font-family:inherit}
.commentFeedItemFooter_likes_count {}
.commentFeedItemFooter_like-btn {color:#aaa; font-weight:700}
.commentFeedItemFooter_like-btn .likeCount.zero {display:none !important}
.commentFeedItemFooter_like-btn .likeTxt:before {content:"좋아요"}
.commentFeedItemFooter_like-btn.active i {font-weight:900; color:var(--main-color)}
.commentFeedItemFooter_like-btn.active .likeTxt:before {content:"좋아요 취소"; font-weight:400}
.commentFeedItemFooter_like-btn.active .likeCount {display:inline-block !important}


.commentFeedItemFooter_reply-btn {color:#aaa; font-weight:700}
.commentFeedItemFooter_report-btn {color:#ccc; font-weight:400}
.commentFeedItemFooter_report-btn:after {display:none}

/* productListWrap */
.js-productList1 > li {margin:30px 0 0 0}
.productListWrap .bx-viewport {padding-bottom:20px}
.productListWrap .bx-wrapper .bx-controls-direction a {margin-top:-110px; width:50px; height:50px; border-radius:100%; z-index:999; box-shadow:0 3px 6px rgb(0,0,0,0.16)}
.productListWrap .bx-wrapper .bx-prev {left:-15px; background:url('../images/cardArrow.png') no-repeat 0 -50px}
.productListWrap .bx-wrapper .bx-prev:hover, .productListWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
.productListWrap .bx-wrapper .bx-next {right:-15px; background:url('../images/cardArrow.png') no-repeat -50px -50px}
.productListWrap .bx-wrapper .bx-next:hover, .productListWrap .bx-wrapper .bx-next:focus {background-position:-50px 0}

/* point */
.pointBox {border:1px solid #ddd; border-radius:8px; padding:20px 40px; box-sizing:border-box; margin-top:20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.pointBox_profile {}
.pointBox_profile img {width:40px; height:40px; border-radius:100%; vertical-align:middle}
.pointBox_profile span {vertical-align:middle; font-size:14px; font-weight:500; margin-left:10px}
.pointBox_count {font-family:'GmarketSansMedium'; font-size:24px; font-weight:bold; color:var(--main-color)}
.pointBox_count span {font-size:16px; color:#ccc}

.tableBox {overflow-x:auto}

/* tblSkin */
.tblListSkin {width:100%; border-top:2px solid #666; border-left:1px solid #ECECEC; font-size:13px; line-height:15px}
.tblListSkin thead th {text-align:center; font-size:14px; background:#F7F9FA; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:15px 15px; vertical-align:middle}
.tblListSkin tbody th {background:#fff; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:5px 15px; vertical-align:top; font-weight:300}
.tblListSkin tbody td {background:#fff; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:5px 15px; vertical-align:middle; font-weight:300}
.tblListSkin .br0 {border-right:none}

.tblModalSkin1 {width:100%; border-top:1px solid #ddd; font-size:12px}
.tblModalSkin1 thead th {font-weight:700; color:#666; background:#F9F9F9; border-bottom:1px solid #ddd; padding:15px 10px; vertical-align:middle}
.tblModalSkin1 tbody th {font-weight:500; color:#aaa; background:#fff; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle}
.tblModalSkin1 tbody td {font-weight:500; color:#aaa; background:#fff; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle}
.tblModalSkin1 label {cursor:pointer}
.tblHover tbody td:hover {background:#F9F9F9}


.tblOrderStatsSkin {width:100%; border-top:1px solid #666; border-left:1px solid #ddd; font-size:14px}
.tblOrderStatsSkin thead th {text-align:center; color:#666; font-weight:500; background:#F9F9F9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:25px 10px; vertical-align:middle}
.tblOrderStatsSkin tbody th {text-align:center; background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 10px; vertical-align:middle; font-weight:500}
.tblOrderStatsSkin tbody td {text-align:center; background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 10px; vertical-align:middle; font-weight:400}

.tblSkin1 {width:100%; border-top:1px solid #666; border-left:1px solid #ddd; font-size:14px; line-height:20px; table-layout:auto}
.tblSkin1 thead th {word-break:break-all; text-align:center; background:#F9F9F9; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:25px 10px; vertical-align:middle; font-weight:500; font-size:16px}
.tblSkin1 tbody th {word-break:break-all; text-align:center; background:#F9F9F9; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; vertical-align:middle; font-weight:500}
.tblSkin1 tbody td, .tblSkin1 tfoot td {word-break:break-all; text-align:center; background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; vertical-align:middle; font-weight:500}
.tblSkin1 tfoot td {background-color: #f9f9f9}
.tblSkin1.pdsm thead th {padding:10px 20px}
.tblSkin1.pdsm tbody th {padding:10px 20px}
.tblSkin1.pdsm tbody td {padding:10px 20px}
.tblSkin1.bdn {border-top:1px solid #ddd; border-left:none}
.tblSkin1.bdn tbody th {border-right:none; color:#333}
.tblSkin1.bdn tbody td {border-right:none; font-weight:400}
.tableMemo {border-top:none}

.tblSkin2 {width:100%; border-top:1px solid #666; border-left:1px solid #ddd; font-size:14px; line-height:20px; table-layout:auto}
.tblSkin2 thead th {text-align:center; background:#F9F9F9; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:25px 10px; vertical-align:middle; font-weight:500; font-size:16px}
.tblSkin2 tbody th {text-align:center; background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 20px; vertical-align:middle; font-weight:500}
.tblSkin2 tbody td {text-align:center; background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 20px; vertical-align:middle; font-weight:400}
.tblSkin2.pdsm thead th {padding:20px 10px}

.tblSkin3 {width:100%; border-top:1px solid #666; border-left:1px solid #ddd; font-size:12px; line-height:20px; table-layout:auto}
.tblSkin3 thead th {text-align:center; background:#F9F9F9; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; vertical-align:middle; font-weight:500; font-size:12px}
.tblSkin3 tbody th {text-align:center; background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 15px; vertical-align:middle; font-weight:500}
.tblSkin3 tbody td {text-align:center; background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 15px; vertical-align:middle; font-weight:400}

.tblInquirySkin {width:100%; border-top:1px solid #ddd; font-size:14px; line-height:20px; table-layout:auto}
.tblInquirySkin thead th {text-align:center; background:#fff; color:#333; border-bottom:1px solid #ddd; padding:15px 10px; vertical-align:middle; font-weight:500}
.tblInquirySkin tbody th {text-align:center; background:#fff; color:#333; border-bottom:1px solid #ddd; padding:10px 10px; vertical-align:middle; font-weight:500}
.tblInquirySkin tbody td {text-align:center; background:#fff; color:#666; border-bottom:1px solid #ddd; padding:10px 10px; vertical-align:middle; font-weight:400}

.tblProductDetailSkin {width:100%; border-top:2px solid #666; font-size:16px; line-height:20px; table-layout:auto}
.tblProductDetailSkin thead th {text-align:center; background:#F9F9F9; color:#666; border-bottom:1px solid #ddd; padding:25px 10px; vertical-align:middle; font-weight:500}
.tblProductDetailSkin tbody th {text-align:center; background:#fff; color:#666; border-bottom:1px solid #ddd; padding:13px 0; vertical-align:middle; font-weight:400}
.tblProductDetailSkin tbody td {text-align:center; background:#fff; color:#666; border-bottom:1px solid #ddd; padding:13px 0; vertical-align:middle; font-weight:400}

.tblReviewSkin {width:100%; border-top:1px solid #ddd; font-size:12px; line-height:20px; table-layout:fixed}
.tblReviewSkin thead th {text-align:center; background:#F9F9F9; color:#666; border-bottom:1px solid #ddd; padding:25px 15px; vertical-align:middle; font-weight:500}
.tblReviewSkin tbody th {text-align:center; background:#fff; color:#666; border-bottom:1px solid #ddd; padding:15px 15px; vertical-align:middle; font-weight:400}
.tblReviewSkin tbody td {text-align:center; background:#fff; color:#666; border-bottom:1px solid #ddd; padding:15px 15px; vertical-align:middle; font-weight:400}

.table-min {min-width:1024px}

.countTxt {font-family:'GmarketSansMedium'; font-size:18px; font-weight:400}
.countTxt2 {font-family:'GmarketSansBold'; font-size:18px; font-weight:400; color:#333}

.pointList {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:30px 50px 10px 50px}
.pointList > li {cursor:pointer; text-align:center}
.pointList_img {height:100px; vertical-align:middle; display:table-cell}
.pointList_count {font-family:'GmarketSansMedium'; font-size:16px; font-weight:bold; color:#333; margin-top:10px}
.pointList_txt {font-family:'GmarketSansMedium'; font-size:12px; font-weight:bold; color:#ccc; margin-left:5px}
.pointInput {width:80px}

.reportList {font-size:14px}
.reportList > li {margin-bottom:20px}
.reportList > li:last-child {margin-bottom:0px}
.reportList > li label {font-size:14px; cursor:pointer}


/* whiteBoxTit */
.whiteBoxTit {background:#fff; padding:20px; box-sizing:border-box; display:flex; justify-content:flex-start; align-items:center}
.whiteBoxTit_h2 {font-size:16px; font-weight:700; color:#424242}
.whiteBoxTit_h2 .infoIcon {color:var(--main-color); margin-right:6px}
.whiteBoxTit_description {font-size:12px; font-weight:400; color:#aaa; margin-left:10px}

/* whiteBoxCon */
.whiteBoxCon {background:#fff; padding:0px 20px 20px 20px; box-sizing:border-box; position:relative}
.whiteBoxCon2 {background:#fff; padding:20px; box-sizing:border-box; position:relative}
.whiteBoxCon3 {background:#fff; box-sizing:border-box; position:relative}
.grayBoxCon {background:#fff; border:1px solid #ddd; box-sizing:border-box; position:relative}
.editorWrap {background:#fff; padding:20px; box-sizing:border-box; position:relative}

.bList {font-size:12px; font-weight:400; color:#666; line-height:20px}
.bList > li {display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:5px; text-align:left}
.bList > li:before {content:'-'; margin-right:5px}
.bList > li:last-child {margin-bottom:0}

.dList {font-size:12px; font-weight:400; color:#666; line-height:20px}
.dList > li {display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:5px; text-align:left}
.dList.font14 > li {margin-bottom:10px}
.dList > li:before {content:'·'; margin-right:5px}
.dList > li:last-child {margin-bottom:0}

.nList {font-size:14px; font-weight:400; color:#666; line-height:20px; margin-left:15px}
.nList > li {list-style:decimal; margin-bottom:20px; text-align:left}

.im_star {color:#D75888}
.editorCoverimage {width:100%; height:400px}
.editorCoverimage_text {font-size:12px; font-weight:400; color:#aaa}
.editorCoverimage_size-text {font-size:12px; font-weight:700; color:#aaa}
.editorCoverimage_upload {display:inline-block; height:40px; line-height:39px; padding:0 15px; font-size:12px; font-weight:700; color:#fff; background:#666; border:1px solid #666; border-radius:4px; box-sizing:border-box; vertical-align:middle; margin-top:20px}
.photoInput {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; overflow-y:auto}
.photoInput > li {margin-right:10px; position:relative}
.photoInput_upload {order:1}
.photoInput_upload_button {width:100px; height:100px; background:#EFEFEF; border:1px dashed #CBCBCB; color:#aaa; font-size:12px; font-weight:700}
.photoInput_upload_button > i {display:block; margin-top:5px; font-size:14px}
.photoInputImage {width:100px; height:100px}
.photoInput_txt {display:block; font-size:12px; font-weight:500; color:#aaa; text-align:center; margin-top:5px; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.photoInput_del {display:none; position:absolute; top:0; left:0; width:100px; height:100px; background:rgba(0,0,0,0.4)}
.photoInput > li:hover .photoInput_del {display:block}
.photoInput_del i {display:inline-block; font-size:12px; width:20px; height:20px; background:#fff; color:#aaa; border-radius:100%; text-align:center; line-height:21px; position:absolute; top:10px; right:10px}
.textbookSearch_btn_wrap {display:flex; justify-content:space-between; align-items:center}
.textbookSearch_btn {flex-shrink:0; width:60px; margin-left:10px; background:#666; border:1px solid #666; color:#fff; padding:0 10px; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:500; vertical-align:baseline;}
.textbookSearch_list {margin-top:15px; border-top:1px solid #ddd;overflow-y: auto;max-height:600px;}
.textbookSearch_list > li {border:1px solid #ddd; border-top:none; display:flex; justify-content:space-between; align-items:center}
.textbookSearch_list_title {display:flex; justify-content:flex-start; align-items:center}
.textbookSearch_list_title > div {margin-left:20px}
.textbookSearch_list_title_txt1 {font-size:12px; font-weight:500; color:#aaa}
.textbookSearch_list_title_txt2 {font-size:14px; font-weight:500; color:#333; margin-top:5px}
.textbookSearch_list_btn {flex-shrink:0; width:40px; margin:0 20px}
.textbookSearch_list_btn .deAct {display:block; width:40px; height:40px; line-height:40px; border-radius:100%; background:#fff; color:#aaa}
.textbookSearch_list_btn .act {display:none; width:40px; height:40px; line-height:40px; border-radius:100%; background:var(--main-color); color:#fff}
.textbookSearch_list_btn.active .deAct {display:none}
.textbookSearch_list_btn.active .act {display:block}

/* careerDetail */
.careerDetailTopImg {position:relative}
.careerDetailTopImg_tag {position:absolute; top:0; left:0; display:inline-block; font-size:12px; font-weight:500; background:#000; color:#fff; padding:0 0 0 6px; line-height:29px}
.careerDetailTopImg_tag:after {content:''; display:inline-block; width:0px; height:0px; border-top:29px solid #000; border-right:10px solid rgba(0,0,0,0); position:absolute; padding-left:5px}
.careerDetailHeader {padding:30px 20px; box-sizing:border-box; border-bottom:1px solid #ddd}
.careerDetailHeader.careerOnline {border-bottom:none}
.careerDetailHeader_category {font-size:14px; font-weight:500; color:#666}
.careerDetailHeader_title {font-size:30px; font-weight:700; color:#333; margin-top:15px}
.careerDetailHeader_bottom {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:30px}
.careerDetailHeader_bottom_right {display:flex; align-items:center; flex-wrap:wrap}
.careerDetailHeader_bottom_right_date {font-size:16px; font-weight:700; color:var(--main-color)}
.careerDetailCon {font-size:14px; color:#666; line-height:30px; padding:20px; box-sizing:border-box}

/* careerInfoList */
.careerInfoList {background:#F7F7F9; padding:20px; box-sizing:border-box}
.careerInfoList > li {display:flex; justify-content:flex-start; font-size:14px; font-weight:400; color:#666; margin-bottom:15px}
.careerInfoList > li:last-child {margin-bottom:0}
.careerInfoList_tit {flex-shrink:0; min-width:40px; margin-right:20px; font-weight:700}
/*.embed-responsive {position:relative; display:block; height:0; padding:0; overflow:hidden; padding-bottom:56.25%}embed-responsive-item
.embed-responsive-item {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0}*/
.root_daum_roughmap {width:100% !important; margin-top:20px !important}

.modalApp_tit {font-size:14px; font-weight:500; color:#888; margin:20px 0 10px 0}
.modalApp_tit2 {font-size:14px; font-weight:500; color:#888}
.modalApp_txt {font-size:14px; font-weight:500; color:#aaa}
.modalApp_txt2 {font-size:12px; font-weight:500; color:#aaa}
a.modalApp_txt2 {text-decoration:underline; text-underline-position:under}
.modalApp_col {display:flex; justify-content:space-between; align-items:center}
.appCol {display:flex; /*justify-content:space-between;*/ align-items:center}
.template_col {display:flex; justify-content:space-between; align-items:center; text-align:center; max-width:200px; margin:0 auto; font-size:12px; font-weight:500; color:#666; line-height:16px}
.template_col label {display:block}
.template_col > div img {border:1px solid #E6E6E6}
.template_col > div.active {color:var(--main-color)}
.template_col > div.active img {border:1px solid #F1B33F; box-shadow:0 4px 6px 0 rgb(0 0 0 / 18%)}

/* myStats */
.myStats {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap}
.myStats > li {border:1px solid #ddd; box-sizing:border-box; width:100%; max-width:283px; padding:20px; margin:10px; border-radius:8px; text-align:center; display:flex; align-items:center; position:relative}
.myStats.agency > li {max-width: 220px;}
.myStats > li > div {width:100%}
.myStatsBadge {font-size:24px; color:#fff; width:60px; height:60px; line-height:60px; text-align:center; border-radius:100%}
.myStatsBadge_point {background:#6BC1A0}
.myStatsBadge_coupon {background:#68C2EB}
.myStatsBadge_badge {background:#6B7CC1}
.myStatsBadge_txt1 {font-size:14px; font-weight:500; color:#333; margin-top:20px}
.myStatsBadge_txt2 {font-size:12px; font-weight:500; color:#ccc; margin-top:15px; line-height: 1.4}
.myStatsBadge_countWrap {display:flex; justify-content:center; align-items:center; margin-top:20px}
.myStatsBadge_countWrap > div {border-left:1px solid #E6E6E6; padding-left:18px; margin-left:20px}
.myStatsBadge_countWrap > div > img {max-width:48px}
.myStatsBadge_countWrap .myStatsBadge_count {margin-top:0}
.myStatsBadge_count {font-family:'GmarketSansMedium'; font-size:20px; font-weight:bold; color:#D75888; margin-top:38px}
.myStatsBadge_count > span {font-size:16px; color:#ccc; margin-left:7px}
.myStatsBadge_link_point {padding:9px 10px; display:inline-block; font-size:12px; font-weight:500; color:#888; border-radius:4px; box-sizing:border-box; margin-top:20px; background:#F0F9F5}
.myStatsBadge_link_point:hover, .myStatsBadge_link_point:focus {background:#D2ECE2}
.myStatsBadge_link_coupon {padding:9px 10px; display:inline-block; font-size:12px; font-weight:500; color:#888; border-radius:4px; box-sizing:border-box; margin-top:20px; background:#EFF9FD}
.myStatsBadge_link_coupon:hover, .myStatsBadge_link_coupon:focus {background:#D1EDF9}
.myStatsBadge_link_badge {padding:9px 10px; display:inline-block; font-size:12px; font-weight:500; color:#888; border-radius:4px; box-sizing:border-box; margin-top:20px; background:#F0F2F9}
.myStatsBadge_link_badge:hover, .myStatsBadge_link_badge:focus {background:#D2D7EC}
.myStatsBadge_profile {position:relative; display:inline-block}
.myStatsBadge_profile_img {width:120px; height:120px; border-radius:100%}
.myStatsBadgeCamera {display:inline-block; width:40px; height:40px; line-height:38px; font-size:14px; color:#fff; background:#FEB001; border-radius:100%; box-sizing:border-box; position:absolute; left:0}
.myStatsBadgeCamera:hover, .myStatsBadgeCamera:focus {background:#FD9401}
.myStatsBadgeShare {display:inline-block; width:40px; height:40px; line-height:38px; font-size:16px; color:#666; background:#fff; border-radius:100%; box-sizing:border-box; position:absolute; right:-60px}
.myStatsBadgeShare:hover, .myStatsBadgeShare:focus {background:#F7F7F9}
.myStatsBadgeShare:hover i, .myStatsBadgeShare:focus i {color:var(--main-color); font-weight:900}
.myStatsBadge_profile_email {font-size:12px; font-weight:500; color:#888; margin-top:12px}
.myStatsBadge_profile_nick {font-size:14px; font-weight:700; color:#F68D00; margin-top:10px}
.myStatsBadge_profile_nick i {font-size:14px; color:#ccc; margin-left:5px}
.myStatsBadge_profile_nick a:hover i, .myStatsBadge_profile_nick a:focus i {color:#333}
.myStatsBadge_profile_slogan {background:#FFF7E5; padding:12px 15px; border-radius:4px; box-sizing:border-box; font-size:12px; font-weight:500; color:#888; text-align:left; line-height:18px; margin-top:20px; position:relative}
.myStatsBadge_profile_slogan_edit {display:inline-block; position:absolute; bottom:0; right:0; background:#F68D00; color:#fff; font-size:10px; line-height:16px; padding:0 5px}
.myStatsBadge_deposit_accounts {font-size:14px; font-weight:bold; color:#D75888; margin-top:8px}

/* subTabStyle */
.subTabStyle {display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; overflow-x:auto; overflow-y:hidden; border-left:1px solid #ddd; position:relative}
.subTabStyle:after {content:''; width:100%; height:1px; background:#ddd; position:absolute; bottom:0}
.subTabStyle > a {padding:20px; background:#F9F9F9; box-sizing:border-box; border-top:1px solid #ddd; border-right:1px solid #ddd; position:relative; min-width:160px; font-size:16px; font-weight:500; color:#aaa; text-align:center; transition:.3s}
.subTabStyle > a.active/*, .subTabStyle > a:hover, .subTabStyle > a:focus*/ {background:#fff; color:#333; font-weight:500}
.subTabStyle > a.active:after {content:''; width:100%; height:3px; background:#fff; position:absolute; bottom:-1px; left:0; z-index:9}

/* subTabStyle_tabs */
.subTabStyle_tabs {display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; overflow-x:auto; overflow-y:hidden; border-left:1px solid #ddd; position:relative}
.subTabStyle_tabs:after {content:''; width:100%; height:1px; background:#ddd; position:absolute; bottom:0}
.subTabStyle_tabs > li {}
.subTabStyle_tabs > li  > a {display:flex; justify-content:space-between; align-items:baseline; padding:20px; background:#F9F9F9; box-sizing:border-box; border-top:1px solid #ddd; border-right:1px solid #ddd; position:relative; width:160px; font-size:16px; font-weight:500; color:#aaa; text-align:center; transition:.3s}
.subTabStyle_tabs > li.ui-tabs-active > a, .subTabStyle_tabs > li > a.active, .subTabStyle_tabs > li > a:hover, .subTabStyle_tabs > li > a:focus {background:#fff; color:#333; font-weight:500}
.subTabStyle_tabs > li > a.active:after {content:''; width:100%; height:3px; background:#fff; position:absolute; bottom:-1px; left:0; z-index:9}
.subTabStyle_count {font-family:'GmarketSansMedium'; font-weight:400; text-align:right; color:#D75888}

/* scrapbook */
.scrapbookAddBtn {font-size:14px; font-weight:700; color:#aaa; transition:.3s}
.scrapbookAddBtn i {width:40px; height:40px; line-height:40px; text-align:center; background:var(--main-color); box-sizing:border-box; color:#fff; border-radius:4px; border:1px solid var(--main-color); font-size:16px; margin-right:10px}
.scrapbookAddBtn:hover, .scrapbookAddBtn:focus {color:#333}
.scrapbookDel {color:#333}
.scrapbookDel i {color:#aaa; margin-right:3px}
.scrapbookDel:hover i, .scrapbookDel:focus i {color:#D75888}

/* profileModal_header */
.profileModal_header {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; margin-top:20px}
.profileModal_profile {width:220px; margin-right:20px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; padding-top:30px; text-align:center}
.profileModal_profile .myStatsBadgeShare {right:-30px; top:-20px}
.profileModal_profile .myStatsBadge_profile_nick {margin-top:15px}
.profileModal_profile .myStatsBadge_profile_slogan {padding:20px 15px 22px 15px; border-radius:0 0 8px 8px; min-height:78px}
.profileModal_bottom {width:calc(100% - 240px)}
.profileModal_bottom_badge {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:19px; border:1px solid #ddd; border-radius:8px}
.profileModal_bottom_badge > li {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center}
.profileModal_bottom_badge > li:nth-child(1) {border-right:1px solid #E5E5E5; padding-right:20px}
.profileModal_bottom_badge > li:nth-child(3) {display:block; width:40px; font-size:10px; font-weight:500; color:#666; text-align:center}
.profileModal_bottom_badge > li:nth-child(3) > p {margin-top:5px}
.profileModal_bottom_badge > li div:first-child {margin-right:10px}
.profileModal_header_badge_txt {font-size:14px; font-weight:500; color:#333}
.profileModal_header_badge_count {font-family:'GmarketSansMedium'; font-size:20px; font-weight:bold; color:#D75888; margin-top:12px}
.profileModal_header_badge_count > span {font-size:16px; color:#ccc; margin-left:7px}
.profileModal_bottom_resume {margin:15px 20px 0 20px;overflow:hidden; text-overflow:ellipsis; white-space:normal; vertical-align:top; word-break:break-all;display:inline-block;}
.profileModal_bottom_resume > li {border-bottom:1px solid #E5E5E5; padding:9px 20px; color:#888; font-size:12px; font-weight:500; line-height:18px}
.profileModal_header_badge_blind {font-size:12px; font-weight:500; color:#aaa; background:#F9F9F9; border-radius:2px; padding:6px 0; text-align:center; width:100%; margin-top:10px}
.profileModal_bottom_resume_blind {font-size:12px; font-weight:500; color:#aaa; background:#F9F9F9; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:100%; height:153px; margin-top:25px}

/* achievementWrap */
.achievementWrap {display:flex; justify-content:space-between; align-items:flex-start}

.achievementWrap_list {display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; max-width:788px}
.achievementWrap_list_item {font-size:14px; font-weight:500; color:#666; text-align:center; line-height:20px; max-width:20%; width:100%; margin-bottom:40px}
.achievementWrap_list_item_img {display:flex; align-items:center; width:120px; height:120px; border-radius:100%; background:#F7F7F9; text-align:center; margin:0 auto 20px auto; position:relative}
.achievementWrap_list_item_img img {margin:0 auto; filter:grayscale(1); opacity:0.3}
.achievementWrap_list_item.active .achievementWrap_list_item_img img {filter:none; opacity:1}
.typicalBadge {display:none; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; background:rgba(0,0,0,0.5); font-size:14px; font-weight:500; color:#fff}
.achievementWrap_list_item.typical .typicalBadge {display:flex; align-items:center; justify-content:center}

.achievementWrap_total {width:100%; max-width:360px; border:1px solid #E5E5E5}
.achievementWrap_total_tit {font-size:16px; font-weight:700; color:#666; background:#F9F9F9; padding:22px 30px; box-sizing:border-box}
.achievementWrap_total_list > li {display:flex; flex-wrap:nowrap; align-items:center; padding:30px; box-sizing:border-box; border-bottom:1px solid #E5E5E5; position:relative}
.achievementWrap_total_list > li:last-child {border-bottom:none}
.achievementWrap_total_list_icon {display:flex; align-items:center; width:60px; height:60px; border-radius:100%; background:#F7F7F9; text-align:center}
.achievementWrap_total_list_icon img {margin:0 auto}
.achievementWrap_total_list_graph {width:calc(100% - 60px); padding-left:20px; box-sizing:border-box}
.achievementWrap_total_list_graph_txt {display:flex; justify-content:space-between; font-size:14px; font-weight:500; color:#666}
.achievementWrap_total_list_graph_count {font-family:'GmarketSansMedium';  font-size:14px; font-weight:500; color:#666; vertical-align:middle; margin-right:8px}
.achievementWrap_total_list_graph_count strong {font-family:'GmarketSansMedium'; font-weight:700; color:#D75888; vertical-align:middle}
.progress {height:12px; overflow:hidden; background:#F9F9F9; border-radius:13px}
.progress-bar {width:0; height:100%; background:var(--main-color); border-radius:13px}
.progress.blue .progress-bar {background-color:var(--main-color)}
.progress.yellow .progress-bar {background-color:#FEB001}
.progress.green .progress-bar {background-color:#6BC1A0}
.progress.purple .progress-bar {background-color:#6B7CC1}
.progress.skyblue .progress-bar {background-color:#1EC3E7}
.progress.red .progress-bar {background-color:#EC7F7B}

/* orderStats */
.orderStats {background:#F9F9F9; border-radius:8px; padding:15px; box-sizing:border-box; display:flex; justify-content:space-between}
.orderStats > div {padding:10px}
.orderStats > div:nth-child(1) {max-width:240px}
.orderStats > div:nth-child(3) {max-width:380px}
.orderStats > div > h3 {font-size:16px; font-weight:700; color:#666; height:40px; text-align:center}
.orderStats > div > h3 > p {font-size:12px; font-weight:500; color:#ccc; margin-top:10px}

/* 상품옵션 */
.productOp {display:flex; justify-content:space-between}
.productOp_img {width:80px; height:80px; margin-right:10px}
.productOp > div {text-align:left; width:100%}
.productOp > div.width353 {text-align:left; width:353px}
.productOp_tit {font-size:14px; color:#666}
.productOp_tit > span {color:#888; margin-right:6px}
.productOp_name {font-size:12px; color:#888}

.btnChange_sm {display:inline-block; border-radius:4px; box-sizing:border-box; background:#fff; border:1px solid #666; color:#666; min-width:50px; padding:0; height:30px; line-height:28px; font-size:10px; font-weight:500; text-align:center; transition:.3s}
.btnChange_sm:hover, .btnChange_sm:focus {background:#666; color:#fff}
.btnDel_sm {display:inline-block; border-radius:4px; box-sizing:border-box; background:#fff; border:1px solid #ddd; color:#aaa; min-width:50px; padding:0; height:30px; line-height:28px; font-size:10px; font-weight:500; text-align:center; transition:.3s}
.btnDel_sm:hover, .btnDel_sm:focus {border-color:#666; color:#666}

.btnWhiteStyle_sm {display:inline-block; border-radius:2px; box-sizing:border-box; background:#fff; border:1px solid #666; color:#666; min-width:50px; padding:0 10px; height:30px; line-height:28px; font-size:12px; font-weight:500; text-align:center; transition:.3s; word-break:keep-all;white-space: nowrap;}
.btnWhiteStyle_sm:hover, .btnWhiteStyle_sm:focus {background:#666; color:#fff}
.btnComplStyle_sm {display:inline-block; border-radius:2px; box-sizing:border-box; background:#fff; border:1px solid #ccc; color:#ccc; min-width:50px; padding:0 10px; height:30px; line-height:28px; font-size:12px; font-weight:500; text-align:center; transition:.3s; word-break:keep-all;white-space: nowrap; cursor:default}
.btnGrayStyle_sm {display:inline-block; border-radius:2px; box-sizing:border-box; background:#888; border:1px solid #888; color:#fff; min-width:50px; padding:0 10px; height:30px; line-height:28px; font-size:12px; font-weight:500; text-align:center; transition:.3s; word-break:keep-all;white-space: nowrap;}
.btnGrayStyle_sm:hover, .btnGrayStyle_sm:focus {background:#fff; color:#888}
.btnDarkGrayStyle_sm {display:inline-block; border-radius:2px; box-sizing:border-box; background:#666; border:1px solid #666; color:#fff; min-width:50px; padding:0 10px; height:30px; line-height:28px; font-size:12px; font-weight:500; text-align:center; transition:.3s; word-break:keep-all;white-space: nowrap;}
.btnDarkGrayStyle_sm:hover, .btnDarkGrayStyle_sm:focus {background:#333; border-color:#333; color:#fff}
.btnBlueStyle_sm {display:inline-block; border-radius:2px; box-sizing:border-box; background:var(--main-color); border:1px solid var(--main-color); color:#fff; min-width:50px; padding:0 10px; height:30px; line-height:28px; font-size:12px; font-weight:500; text-align:center; transition:.3s; word-break:keep-all;white-space: nowrap;}
.btnBlueStyle_sm:hover, .btnBlueStyle_sm:focus {background:#fff; color:#888}
.btnWhiteStyle_md {display:inline-block; border-radius:4px; box-sizing:border-box; background:#fff; border:1px solid #666; color:#666; min-width:60px; padding:0 20px; height:40px; line-height:40px; font-size:12px; font-weight:500; text-align:center; transition:.3s}
.btnWhiteStyle_md:hover, .btnWhiteStyle_md:focus {background:#666; color:#fff}
.btnLightGrayStyle_md {display:inline-block; border-radius:4px; box-sizing:border-box; background:#aaa; border:1px solid #aaa; color:#fff; min-width:60px; padding:0 10px; height:40px; line-height:40px; font-size:12px; font-weight:500; text-align:center; transition:.3s}
.btnLightGrayStyle_md:hover, .btnLightGrayStyle_md:focus {background:#666; border-color:#666; color:#fff}
.btnDarkGrayStyle_md {display:inline-block; border-radius:4px; box-sizing:border-box; background:#666; border:1px solid #666; color:#fff; min-width:60px; padding:0 10px; height:40px; line-height:40px; font-size:12px; font-weight:500; text-align:center; transition:.3s}
.btnDarkGrayStyle_md:hover, .btnDarkGrayStyle_md:focus {background:#333; border-color:#333; color:#fff}
.tagBtnStyle {display:inline-block; border-radius:4px; box-sizing:border-box; background:#fff; border:1px solid #ddd; color:#aaa; min-width:77px; padding:0 10px; height:40px; line-height:40px; font-size:14px; font-weight:500; text-align:center; transition:.3s}
.tagBtnStyle > i {margin-left:5px; color:#ddd}

.couponBox {background:#F7F7F9; padding:20px 45px 30px 45px; box-sizing:border-box}

.resumeList {display:flex; flex-wrap:wrap; align-items:stretch}
.resumeList > li {max-width:calc(25% - 20px); width:100%; min-height:208px; padding:40px 30px; margin:10px; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; position:relative}
.resumeList > li.newResume {text-align:center}
.resumeList > li.newResume i {width:80px; height:80px; background:#FEB001; line-height:80px; font-size:30px; color:#fff; border-radius:100%}
.resumeList > li.newResume p {font-size:16px; font-weight:500; color:#333; margin-top:30px}
.resumeList > li.newResume .newResumeWrite {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.resumeList > li .btnWhiteStyle_sm {position:absolute; bottom:30px; left:30px}
.resumeList_tit {font-size:16px; font-weight:500; color:#666}
.resumeList_date {font-family:'GmarketSansMedium'; font-size:12px; color:#aaa; margin-top:20px}
.resumeTit {font-size:16px; font-weight:700; color:#424242; margin-bottom:10px}
.resumeTit2 {font-size:14px; font-weight:500; color:#333}
.resumeTxt {font-size:14px; font-weight:400; color:#888; line-height:28px}
.resumeTxt2 {font-size:12px; font-weight:400; color:#ccc}

.editor-title-input {position:relative}
.editor-title-input_text {padding:20px 0; font-size:16px; line-height:31px; display:block; width:100%; box-sizing:border-box; margin:0; border:none; border-bottom:1px solid #E5E5E5; color:#333; font-weight:500}
.editor-title-input_text::placeholder {color:#ccc; font-size:16px; font-weight:500}
.editor-title-input_text.commu {padding:10px 0}
.editor-title-input_limit {font-size:12px; color:#ccc; position:absolute; top:25px; right:2px; background:#fff; padding:0 5px}
.editor-title-input_text.commu .editor-title-input_limit {top:20px}
.editor-title-input_limit > span {color:#666}

.resumCol1 {display:flex; flex-wrap:wrap}
.resumCol1 > div {margin-left:20px; width:calc(100% - 128px)}
.resumCol2 {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.resumCol2 > div {width:100%}
.resumCol3 {display:flex; align-items:center; flex-wrap:wrap}
.resumCol3 > div {width:100%}
.layoutCol {display:flex; justify-content:space-between; flex-wrap:wrap}
.layoutCol > div {width:100%}
.totalCell {display:flex; justify-content:space-between; flex-wrap:wrap}
.cateCell {display:flex; justify-content:space-between; flex-wrap:wrap}
.cateCell > p {font-size:12px; font-weight:500; color:#aaa}
.cateCell > p > strong {font-weight:700; color:#666}
.cateCell > p > span {font-family:'GmarketSansMedium'; margin:0 5px 0 12px}
.layoutCol2 {display:flex; word-break:break-all}
.layoutCol2 > div {width:100%}
.layoutCol2 > div:nth-child(1) {flex-shrink:0}

.tableTop {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; font-size:14px; font-weight:400; color:#aaa; margin-top:10px}
.tableTop > .tableTopLeft {flex-grow:1; margin:5px 0}
.tableTop > .tableTopRight {flex-shrink:0; width:388px; margin:5px 0}

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

.flex-wrap-as {display:flex; flex-wrap:wrap; align-items:center}
.flex-nowrap-as {display:flex; flex-wrap:nowrap; align-items:center}
.flex-nowrap-as select { margin-right: 10px; } 
.flex-nowrap-as select:last-child { margin-right: 0; }


.acaAdd {display:block; font-size:16px; font-weight:500; color:var(--main-color); text-align:center; padding:20px 0}
.agencyList {margin-top:10px}
.agencyList > li {display:flex; justify-content:space-between; align-items:center; background:#F7F7F9; padding:6px 10px; border-radius:4px; box-sizing:border-box; color:#666; font-size:14px; font-weight:500; max-width:462px; margin-bottom:5px}
.agencyList > li:last-child {margin-bottom:0}
.agencyList > li > span {display:block; width:52px; text-align:center; padding:8px 0; font-size:12px; color:#fff; background:#D75888; border-radius:4px}
.agencyList > li > span.finish {background:var(--main-color)}

.agencySearchList {border:1px solid #ddd; margin-top:20px; font-size:14px; font-weight:500; color:#666; max-height:244px; overflow-y:auto}
.agencySearchList > li {display:flex; align-items:center; border-bottom:1px solid #ddd; padding:15px 20px; box-sizing:border-box}
.agencySearchList > li:last-child {border-bottom:none}

.schoolSearchList {border:1px solid #ddd; margin-top:5px; font-size:14px; font-weight:500; color:#666; max-height:195px; overflow-y:auto}
.schoolSearchList > li {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd; padding:15px 20px; box-sizing:border-box}
.schoolSearchList > li:last-child {border-bottom:none}


/* 스토어 상단 네비 */
.HeaderBottom {border-top:1px solid #E5E5E5; border-bottom:1px solid var(--main-color); background-color: #fff5d8}
/* 맞춤몰은 기존 스타일대로 렌더링 되게끔 entrust클래스로 스타일 덮어씌움. 추후 맞춤몰도 메뉴 개선시 해당 클래스 삭제하면 됨 */
.HeaderBottom.entrust { background-color : inherit;} 
.HeaderBottom.entrust a.active {background-color: inherit}
.allMenuBtn.entrust {line-height: 60px;}

.HeaderBottom > .inner {max-width:1192px; margin:0 auto}
.HeaderBottom a.active {background-color: #fabf13}
.allCateWrap {position:relative; vertical-align:middle; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between}
.allCateWrap::-webkit-scrollbar {display:none}
.allCateWrap_inner {display:flex; width: 100%;}
.allCateBtn {color: #333; font-weight: 500; font-size: 18px; line-height: 60px; vertical-align:middle; border-radius:0 !important}
.allCateBtn:hover {color : var(--main-color)}
.allCateBtn.active {background-color: #fabf13}
.allMenuBtn {display:inline-block; border-right:1px solid #E5E5E5; vertical-align:inherit; padding:0 20px 0 15px; font-size:18px; font-weight:500; color:#333; line-height:30px;}
.allMenuBtn > i {vertical-align:middle; font-size:12px; margin-left:19px}

.cate-ico {display:inline-block; vertical-align:bottom}
.cate-ico .bar {display:block; width:20px; height:2px; background:#fff; transition: 0.3s ease-in-out}
.cate-ico .bar:nth-child(2) {width:15px; margin:5px 0}
.allCateBtn:hover .cate-ico .bar:nth-child(2) {width:20px}
.allCateLnb {display:none; z-index:999; border:1px solid var(--main-color); box-sizing:border-box; position:absolute; top:60px; left:0; background:#fff}
.allCateLnb.active {display: flex; z-index:99999;}
.allLnb {}
.allLnb > li {position: relative}
.allLnb > li > a {display:block; padding:0 20px; line-height:48px; letter-spacing:-0.50px; font-size:16px; color:#333}
.allLnb li a:hover, .allLnb li a:focus {color:var(--main-color)}
.allLnb > li.on {background:var(--main-mainLnb-url) 160px center no-repeat}
.allLnb > li.on > a, .allLnb > li.active > a {color:var(--main-color)}

/* 맞춤몰은 기존 디자인대로 나오게끔 하기 위한 스타일 */
.entrust .dep2 {top: -1px;}

.dep2 {position:absolute; top:-1px; left:50%; margin-left:50%; display:none; min-width:185px; width:max-content; background:#fff; padding:10px 0px; border:1px solid var(--main-color); z-index:999; box-sizing:border-box}
.dep2 > li {position: relative}
.dep2 > li > a {display:block; line-height:38px; padding:0 15px}
.dep2 > li.on {background:var(--main-mainLnb-url) 160px center no-repeat}
.dep2 > li.on > a {color:var(--main-color)}
.allLnb > li.on .dep2 {display:block}
.dep3 {position:absolute; overflow-y:auto; top:-11px; left:50%; margin-left:50%; display:none; min-width:185px; width:max-content; background:#fff; padding:10px 0; border:1px solid var(--main-color); z-index:999; box-sizing:border-box}
.dep3 > li > a {display:block; line-height:38px; padding:0 15px}
.dep3 > li.on {background:var(--main-mainLnb-url) 160px center no-repeat}
.dep3 > li.on > a {color:var(--main-color)}
.dep2 > li.on .dep3 {display:block}

.allMenuWrap {display:none; position:absolute; top:60px; left:0; width:100%; z-index:99999; box-sizing:border-box; border:1px solid var(--main-color); background:#fff}
.allMenuWrap.active {display:block}
.allMenuMask, .allCateLnbMask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:none}
.allMenuMask.active, .allCateLnbMask.active {display:block}
.allMenuWrap .inner {display:flex; /*justify-content:space-between;*/ flex-wrap:wrap}
.allMenuWrap .inner > div {/*flex:1 1 20%;*/ width:20%; padding:20px 20px 40px 20px; box-sizing:border-box; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5}
.allMenuWrap .inner > div > h3 {font-size:16px; font-weight:500; color:#333; margin-bottom:15px}
.allMenuWrap .inner > div > ul > li {font-size:14px; font-weight:400; color:#333; margin-bottom:10px}
.allMenuWrap .inner > div > ul > li > ul {margin:7px 0 0 3px}
.allMenuWrap .inner > div > ul > li > ul > li {display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:5px}
.allMenuWrap .inner > div > ul > li > ul > li:before {content:'-'; margin-right:5px}
.allMenuClose {position:absolute; bottom:10px; right:15px; font-size:24px}

.headerBottomGnb {display:flex;}

@media screen and (max-width:768px) { 
	.headerBottomGnb {width : 79%}
}

.headerBottomGnb > li {position:relative; float:left; min-width: 100px}
.headerBottomGnb > li > a {display:block; font-size:18px; font-weight:500; color:#333; line-height:60px; padding:0 30px}
.headerBottomGnb > li > a:hover, .headerBottomGnb > li > a:focus {color:var(--main-color)}
.headerBottomGnb > li > a > i {vertical-align:middle; font-size:12px; margin-left:10px}
.headerBottomGnb > li:last-child {padding-right:0}
.headerBottomGnb > li > ul {display:none; position:absolute; z-index:10000; min-width:162px; padding:20px 15px; box-sizing:border-box; background:#fff; border:1px solid var(--main-color)}
.headerBottomGnb > li:hover > ul, .headerBottomGnb > li:focus > ul {display:block}
.headerBottomGnb > li > ul > li {font-size:16px; font-weight:500; color:#333; margin-bottom:20px}
.headerBottomGnb > li > ul > li:last-child {margin-bottom:0}
.headerBottomGnb > li > ul > li > a:hover, .headerBottomGnb > li > ul > li > a:focus {color:var(--main-color)}
.headerBottomGnb > li > ul > li > a > img {vertical-align:sub; margin-right:10px; filter:grayscale(1)}
.headerBottomGnb > li > ul > li > a:hover > img {filter:inherit}
.headerBottomGnb > li > ul > li > a > span {vertical-align:middle}

.popularSearch {}
.popularSearch > a {display:block; width:200px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:40px; border-left:1px solid #E5E5E5; padding-left:20px; padding-right:10px; box-sizing:border-box; font-size:14px; font-weight:500; color:#888; position:relative}
.popularSearch > a > span {margin-right:10px}
.popularSearch > a > i {position:absolute; top:15px; right:0}
.popularSearchtWrap {display:none; position:absolute; top:80px; right:0; box-shadow:0 4px 6px 0 rgb(0 0 0 / 18%); border:1px solid #dbdbdb; border-radius:4px; white-space:nowrap; overflow:hidden; z-index:999}
.popularSearchtWrap.active {display:block}
.popularSearchtWrap > .inner {background:#fff; min-width:500px; padding:30px 40px; box-sizing:border-box}
.popularSearchtWrap > .inner h2 {font-size:20px; font-weight:700; color:#333; overflow:hidden; margin-bottom:20px}
.popularSearchtWrap > .inner h2 .modalColse {float:right; color:#aaa}
.popularSearchtList {display:flex; justify-content:space-between; margin-top:20px}
.popularSearchtList > ul {padding:20px; box-sizing:border-box; background:#F9F9F9; width:calc(50% - 10px)}
.popularSearchtList > ul > li {font-size:14px; font-weight:500; color:#666; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.popularSearchtList > ul > li:last-child {margin-bottom:0}
.popularSearchtList > ul > li > a > span {font-family:'GmarketSansBold'; color:#333; font-size:16px; display:inline-block; width:20px; text-align:center; margin-right:15px}
.popularSearchtList > ul:nth-child(1) > li:nth-child(1) > a > span {color:var(--main-color)}
.popularSearchtList > ul:nth-child(1) > li:nth-child(2) > a > span {color:var(--main-color)}
.popularSearchtList > ul:nth-child(1) > li:nth-child(3) > a > span {color:var(--main-color)}

/* storeMainVisualWrap */
.storeMainVisualWrap {margin-top:20px; overflow:hidden}
.storeMainVisualWrap > .inner {max-width:1192px; margin:0 auto}
.storeMainVisual {}
.storeMainVisual_Left {float:left; width:788px}
.storeMainVisual_RightTop {float:right; width:384px}
.storeMainVisual_RightBottom {float:right; width:384px; margin-top:20px}
.storeMainVisual .bx-controls {text-align:center}
.js-storyMainBxslider {height:579px}
.storeMainVisual_Left .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:10px; z-index:998}
.storeMainVisual_Left .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:center; width:auto; display:inline-block; border:1px solid #ECECEC; font-size:15px; padding:7px 20px; border-radius:20px; left:50%; background:#fff}
.storeMainVisual_Left .bx-wrapper .bx-controls-auto .bx-stop {width:31px; height:31px; background:url('../images/ico_mainBxslider_stop.png') no-repeat; margin:0}
.storeMainVisual_Left .bx-wrapper .bx-controls-auto .bx-start {width:31px; height:31px; background:url('../images/ico_mainBxslider_start.png') no-repeat; margin:0}
.storeMainVisual_Left .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {left:50%; margin-left:-43px}
.storeMainVisual_Left .bx-wrapper .bx-controls-direction a {margin-top:-13px; width:15px; height:27px}
.storeMainVisual_Left .bx-wrapper .bx-prev {left:20px; background:url('../images/ico_mainVisual_arw.png') no-repeat 0 -27px}
.storeMainVisual_Left .bx-wrapper .bx-prev:hover, .storeMainVisual_Left .bx-wrapper .bx-prev:focus {background-position:0 0}
.storeMainVisual_Left .bx-wrapper .bx-next {right:20px; background:url('../images/ico_mainVisual_arw.png') no-repeat -15px -27px}
.storeMainVisual_Left .bx-wrapper .bx-next:hover, .storeMainVisual_Left .bx-wrapper .bx-next:focus {background-position:-15px 0}

/* storeQuick */
.storeQuick {display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0; padding:0 70px}
.storeQuick > li {text-align:center}
.storeQuick > li > a {display:block; font-size:16px; font-weight:500; color:#333}
.storeQuick > li > a > span {display:block; width:80px; height:80px; line-height:100px; border-radius:12px; background:#fff; margin:0 auto}
.storeQuick > li > a > span > img {transition:.3s}
.storeQuick > li > a:hover > span, .storeQuick > li > a:focus > span {background:#F7F7F9}
.storeQuick > li > a:hover > span > img, .storeQuick > li > a:focus > span > img {filter:brightness(0.8)}
.storeQuick > li > a > p {margin-top:5px}

/*아이콘 변경 작업 중. 본사몰에만 우선 적용하기 위함. 맞춤몰 아이콘 디자인 정책 정해지면 revert 해야함*/
.imssamStore.storeQuick > li > a > span > img {width: 100%}
.imssamStore.storeQuick > li > a > p {margin-top:8px; font-size: 14px;}
.imssamMain.storeQuick > li > a > span > img {width: 100%;}
.imssamMain.storeQuick > li > a > p {margin-top:8px; font-size: 14px;}

/* bestContent */
.bestContent {margin-top:60px}
.bestContent > h3 {text-align:center; font-size:26px; color:#333; letter-spacing:-0.50px}
.bestContent > h3 strong {font-size:29px; font-weight:600}
.bestContent > h3:before {content:""; display:block; width:100%; height:26px; background:url('../images/ico/ico_best.png') top center no-repeat; margin-bottom:5px}
.bestContent > h4 {text-align:center; font-size:16px; color:#666; font-weight:300; letter-spacing:-0.50px; margin-top:15px}
.icoUpdateWrap {text-align:right}
.icoUpdate {font-size:14px; color:#888; letter-spacing:-0.50px; transition:.3s}
.icoUpdate:hover, .icoUpdate:focus {color:#FEB001}
.icoUpdate > img {display:inline-block; vertical-align:sub; margin-left:5px}
.bestContent .inner {overflow:hidden; margin-top:10px}
.bestContent .innerLeft {float:left; width:586px}
.bestContent .innerRight {float:right; width:586px; height:245px; overflow:hidden; background:#f9f9f9; padding:30px; box-sizing:border-box}
.bestList > li {box-sizing:border-box; letter-spacing:-0.50px}
.bestList > li > a {display:flex; align-items:center; color:#666; font-size:16px; line-height:40px; box-sizing:border-box}
.bestList > li > a > span {font-family:'GmarketSansBold'; line-height:42px; display:inline-block; margin-right:20px; width:40px; height:40px; text-align:center}
.bestList > li > a:hover, .bestList > li > a:focus {color:#FEB001}
.bestList > li > a.active {border:1px solid #FEB001; color:#FEB001}
.bestList > li > a.active > span {background:#FEB001; color:#fff}
.bestBxslider > li > div {display:flex !important; align-items:center}
.bestBxslider > li .bestThum {display:block; flex-shrink:0; width:184px; height:184px; position:relative; border:1px solid #fff; box-sizing:border-box}
.bestBxslider > li:hover .bestThum {border-color:#FEB001}
.bestBxslider > li:hover .productDetails {display:flex; justify-content:center; align-items:flex-end; padding-bottom:10px; box-sizing:border-box}
.bestBxslider .badgeWrap {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); text-align:center; line-height:300px}
/* POCL-11450 상품 마우스 오버 시 스크랩 버튼 삭제 요청으로 아래 주석 처리함 */
/* .bestBxslider li:hover .badgeWrap {display:flex !important; justify-content:center; align-items:center} */
.bestBxslider .scrapBadge {z-index:99; width:40px; height:40px; background:url('../images/scrapBadge.png') center center #fff no-repeat; border-radius:100%; box-sizing:border-box; margin:0 3px}
.bestBxslider .scrapBadge:hover, .bestBxslider .scrapBadge:focus {background-color:#F7F7F9}
.bestBxslider .scrapBadge.active {background-image:var(--main-script-url)}
.bestBxslider .cartBadge {z-index:99; width:40px; height:40px; background:url('../images/cartBadge.png') center center #fff no-repeat; border-radius:100%; box-sizing:border-box; margin:0 3px}
.bestBxslider .cartBadge:hover, .bestBxslider .cartBadge:focus {background-color:#F7F7F9}
.bestBxslider .cartBadge.active {background-image:url('../images/cartBadgeActive.png')}




.bestBxslider > li .inner {width:335px; padding:20px 15px 20px 30px; box-sizing:border-box}
.bestBrand, .productBrand {font-size:14px; font-weight:500; letter-spacing:-0.50px; color:#aaa; display:inline-block}
.bestProductTit, .productTit {font-size:18px; font-weight:500; letter-spacing:-1px; line-height:20px; color:#333; display:block; margin-top:5px}
.bestPrice, .productPrice {font-size:14px; color:#333; display:block; margin:15px 0 15px 0}
.bestPrice strong, .productPrice strong {font-family:'GmarketSansBold'; font-size:20px; font-weight:700}
.starRatingWrap {display:inline-block;width:74px; height:12px; vertical-align:bottom; margin-right:5px}
.starRating {display:block; position:relative; height:100%; background:url('../images/starRating.png') no-repeat; background-position:0 -12px}
.starRating span {display:block; position:absolute; top:0; left:0; right:0; bottom:0; height:100%; background:url('../images/starRating.png') no-repeat; background-position:0 0}
.hitTxt {color:#999; font-size:12px}
.moreStyle {position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px}

/* recoProduct */
.recoProduct {background:#F7F7F9; padding:40px 0; margin-top:50px; overflow:hidden}
.recoProduct_inner {max-width:1192px; margin:0 auto}
.recoProduct_inner h2 {max-width:1192px; margin:0 auto; font-size:26px; color:#333; letter-spacing:-0.50px}
.recoListWrap {position:relative; margin-top:30px}
.recoListWrap:before {content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:1;}
.recoListWrap:after {content:""; position:absolute; top:0; right:-100%; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:2;}
.recoProduct .bx-viewport {overflow: visible !important}
.recoList li {transition:0.5s all}
.recoList li .recoListThum {display:block; position:relative; height:281px; overflow:hidden; box-sizing:border-box; background:#fff; border:1px solid #CDCDCD; box-sizing:border-box; margin-bottom:20px}
.recoList li .recoListThum img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; background-color:#fff}
.recoList li:hover{transform:translateY(-20px)}
.recoList li:hover .recoListThum {border-color:#FEB001}
.recoList li:hover .productDetails {display:block}
.recoList li .productDetails .productOption {margin-top:335px}
.recoListWrap .bx-wrapper .bx-controls-direction a {margin-top:-65px; width:50px; height:50px}
.recoListWrap .bx-wrapper .bx-prev {left:-25px; background:url('../images/ico_recoList_arw.png') no-repeat 0 -50px}
.recoListWrap .bx-wrapper .bx-prev:hover, .recoListWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
.recoListWrap .bx-wrapper .bx-next {right:-25px; background:url('../images/ico_recoList_arw.png') no-repeat -50px -50px}
.recoListWrap .bx-wrapper .bx-next:hover, .recoListWrap .bx-wrapper .bx-next:focus {background-position:-50px 0}

.recoList .badgeWrap {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); text-align:center; line-height:300px}
/* POCL-11450 상품 마우스 오버 시 스크랩 버튼 삭제 요청으로 아래 주석 처리함 */
/* .recoList li:hover .badgeWrap {display:flex !important; justify-content:center; align-items:center} */
.recoList .scrapBadge {z-index:99; width:40px; height:40px; background:url('../images/scrapBadge.png') center center #fff no-repeat; border-radius:100%; box-sizing:border-box; margin:0 3px}
.recoList .scrapBadge:hover, .recoList .scrapBadge:focus {background-color:#F7F7F9}
.recoList .scrapBadge.active {background-image:var(--main-script-url)}
.recoList .cartBadge {z-index:99; width:40px; height:40px; background:url('../images/cartBadge.png') center center #fff no-repeat; border-radius:100%; box-sizing:border-box; margin:0 3px}
.recoList .cartBadge:hover, .recoList .cartBadge:focus {background-color:#F7F7F9}
.recoList .cartBadge.active {background-image:url('../images/cartBadgeActive.png')}

/* storeProductListWrap */
.storeProductListWrap {overflow:hidden}
.storeProductListWrap .inner {max-width:1192px; margin:0 auto}
.storeProductListWrap .inner > h3 {font-size:26px; color:#333; text-align:center; letter-spacing:-0.50px; margin:50px 0 20px 0; position:relative}
.storeProductMore {float:right; margin-top:4px; font-size:14px; font-weight:500; color:#aaa; transition:.3s}
.storeProductMore i {margin-left:5px}
.storeProductMore:hover, .storeProductMore:focus {color:#333}
.storeProductMore:hover i, .storeProductMore:focus i {font-weight:500}
.storeProductListWrap hr {border:none; background:#ececec; height:1px}
.storeProductList {overflow:hidden}
.storeProductListWrap .bx-wrapper .bx-controls-direction a {margin-top:-18px; width:11px; height:18px; border-radius:100%; z-index:999}
.storeProductListWrap .bx-wrapper .bx-prev {left:-30px; background:url('../images/ico_storeProductList_arw.png') no-repeat 0 -18px}
.storeProductListWrap .bx-wrapper .bx-prev:hover, .storeProductListWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
.storeProductListWrap .bx-wrapper .bx-next {right:-30px; background:url('../images/ico_storeProductList_arw.png') no-repeat -9px -18px}
.storeProductListWrap .bx-wrapper .bx-next:hover, .storeProductListWrap .bx-wrapper .bx-next:focus {background-position:-9px 0}

.storeProductList .productTop a {/*height:auto*/}
.storeProductList .productTop .badgeWrap {/*line-height:220px*/}
.storeProductList .productBottom {padding:15px 0 10px 0}

.productDP {display:block;margin-top:5px}
.productDiscount {font-size:16px; color:#FEB001; font-weight:500 ;margin-right:3px}
.productListPrice {font-size:14px; color:#666666; text-decoration:line-through; font-weight:300}
.productDetails {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7); transition:.3s; text-align:center}
.productList > li:hover .productDetails, .productList > li:focus .productDetails {display:block}
.productLink {text-indent:-9999px; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99}
.productOption {z-index:999; position:relative; background:#fff; border:1px solid #FEB001; box-sizing:border-box; display:inline-block; color:#707070; padding:10px; margin-left:-1px}
.productOption:hover, .productOption:focus {color:#FEB001; border-color:#FEB001}

.storeProductNotSlider {margin-left:-10px; width:1010px}
.storeProductNotSlider2 {margin-left:-10px; width:1220px}
.storeProductNotSlider > li, .storeProductNotSlider2 > li {float:left; width:182px; margin:10px}

/* storeCateContainer */
.storeCateContainerWrap {overflow:hidden}
.storeCateContainer {max-width:1192px; margin:0 auto}
.storeCateBanner {float:left; width:185px; margin:380px 20px 0 0}
.storeCateBanner > li {margin-bottom:10px}
.storeCateContent {float:left; width:calc(100% - 205px); margin-top:30px}
.storeCateContent.wide {float:none; width:100%; margin-top:30px}
.storeCateContent > .inner {}
.cateLocation {font-size:14px; font-weight:400; color:#333; overflow:hidden}
.cateLocation > li {float:left; margin-right:10px; padding-right:20px; background:url('../images/ico_cateLocation.png') center right no-repeat}
.cateLocation > li:last-child {background:none; margin-right:0; padding-right:0}
.cateTxt {font-size:24px; font-weight:500; color:#333; margin-top:20px}

.storeDetailBadege {text-align:right}
.storeDetailBadege .scrapBadge {z-index:99; width:50px; height:50px; background:#F7F7F9; border-radius:100%; box-sizing:border-box; font-size:16px; color:#666}
.storeDetailBadege .scrapBadge.active i {color:var(--main-color); font-weight:900}
.storeDetailBadege .shareBadge {z-index:99; width:50px; height:50px; background:#F7F7F9; border-radius:100%; box-sizing:border-box; font-size:16px; color:#666}
.storeDetailBadege .shareBadge:hover i, .storeDetailBadege .shareBadge:focus i {color:var(--main-color); font-weight:900}

/* storeProductDetail */
.storeProductDetail {overflow:hidden}
.storeProductDetailLeft {float:left; width:100%; max-width:580px}
.storeSlider-pager {display:flex; flex-wrap:nowrap; margin-top:20px}
.storeSlider-pager > a {width:80px; box-sizing:border-box; margin-right:20px}
.storeSlider-pager > a.active {border:2px solid #C66087}

.storeProductDetailRight {float:right; width:100%; max-width:560px}
.storeProductDetailRight > h3 {font-size:14px; font-weight:500; color:#aaa}
.storeProductDetailRight > h2 {font-size:30px; font-weight:500; color:#333; margin-top:10px; overflow:hidden}
.storeProductDetailRight > h2 .productReview {float:right; padding-right:1px}
.storeProductDetailRight_total {text-align:right; font-size:16px; font-weight:500; color:#333; margin:30px 0}
.storeProductDetailRight_total p {display:inline-block}
.storeProductDetailRight_total .countTxt2 {font-size:30px; margin:0 20px 0 60px}
.storeProductDetailRight_btn {display:flex}
.storeProductDetailRight_btn button {min-width:auto; width:100%}
.storeProductDetailRight_btn .cancelButton_lg {max-width:200px; margin-right:20px}
.storeProductDetailRight_bar {background:#666; height:2px; margin:30px 0}

.js-productInfoTab {margin:40px 0}
.productInfoCont {padding:0 40px}
.reviewInfo {background:#F9F9F9; font-weight:400; font-size:12px; color:#666; padding:15px 20px}
.reviewInfo_count {font-family:'GmarketSansMedium'; color:#D75888}
.starActive {font-size:12px; color:#FEB001}
.reviewName {font-size:14px; font-weight:500; color:#333; margin-left:5px; vertical-align:middle}
.reviewImg {width:30px; height:30px; border-radius:100%; display:inline-block; vertical-align:middle}
.tblReviewSkinTxt {font-size:14px; font-weight:400; color:#666}
.tblReviewSkinTxt i {color:#ccc; margin-right:10px; vertical-align:middle}
.tblReviewSkinTxt p {width:90%;display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:normal; vertical-align:top; word-break:break-all}
.ratingForm {}
.ratingForm input[type=radio]{-webkit-appearance:none; margin:0 2px; cursor:pointer; box-shadow:none}
.ratingForm input[type=radio]::after {font-family:"Font Awesome 5 Pro"; font-weight:900; content:'\f005'; font-size:13px}
.ratingForm input[type=radio]:invalid::after {font-family:"Font Awesome 5 Pro"; font-weight:400; color:#aaa}
.ratingForm:hover input[type=radio]:invalid::after, .ratingForm:focus-within input[type=radio]:invalid::after{color:#aaa}
.ratingForm:hover input[type=radio]:hover ~ input[type=radio]:invalid::after, .ratingForm input[type=radio]:focus ~ input[type=radio]:invalid::after {color:#ddd}
.ratingForm input[type=radio]:valid {color:#FEB001}
.ratingForm input[type=radio]:checked ~ input[type=radio]:not(:checked)::after{font-family:"Font Awesome 5 Pro"; font-weight:400; content:'\f005'; color:#aaa}
.reviewWriteTop {display:flex; justify-content:space-between; flex-wrap:wrap}

.reviewWriteBottom {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap}
.reviewWriteBottom > .reviewWrite {position:relative; flex-grow:1}
.reviewWriteBottom > .reviewWrite .reviewWrite_limit {position:absolute; bottom:10px; right:10px; font-size:14px}
.reviewWriteBottom > .reviewWriteButton {flex-shrink:0; text-align:center; width:80px; background:#666; color:#fff; border-radius:4px; font-size:14px; font-weight:700; margin-left:10px}
.reviewSecret {margin-right:10px}
.reIcon {display:inline-block; font-size:10px; background:#ccc; color:#fff; border-radius:4px; width:20px; height:20px; vertical-align:middle; text-align:center; margin:0 5px 0 20px}

.mallTitle {font-size:30px; font-weight:700; color:#333; text-align:center; /*margin-top:20px;*/ display:flex; justify-content:center; align-items:center}
.mallTitle > img {vertical-align:middle; /*margin-right:20px*/}
.mallTitle > span {color:var(--main-color)}

.brandCateList {background:#F7F7F9; border-radius:8px; padding:20px; box-sizing:border-box; margin:20px 0}
.brandList {display:flex; align-items:stretch; flex-wrap:wrap}
.brandList > li {margin-right:20px; width:283px}
.brandList > li:last-child {margin-right:0}
.brandList_name {border-radius:16px; overflow:hidden; width:283px}
.brandList_name > a {display:block; width:100%; height:100%; padding:60px 30px 30px 30px; box-sizing:border-box; position:relative}
.brandList_name_tit {font-size:30px; font-weight:700; color:#fff}
.brandList_bottom {position:absolute; bottom:30px}
.brandList_name_txt {font-size:18px; font-weight:700; color:#fff; line-height:27px}
.brandList_name_btn {display:block; width:50px; height:50px; line-height:50px; border:1px solid #fff; color:#fff; border-radius:100%; text-align:center; font-size:20px; margin-top:20px}
.brandList_name > a:hover .brandList_name_btn, .brandList_name > a:focus .brandList_name_btn {border-color:#fff; background:#fff; color:#68C2EB}

.emailCheck {min-height:143px; box-sizing:border-box; background:rgb(247, 248, 250); padding:20px 16px; border-radius:4px}
.emailCheck-message {font-size:12px; font-weight:500; color:#888; line-height:18px; margin-bottom:10px}
.emailCheck-InputContainer {border:1px solid #DEDEDF; min-height:45px; padding:0px 16px; background:rgb(255, 255, 255); margin-bottom:10px; border-radius:4px}
.emailCheck-InputTop {display:flex; align-items:center; height:45px; justify-content:space-between}
.emailCheck-Input {border:none; font-size:15px; line-height:15px; flex:1 0 0px; width:0px}
.emailCheck-Input::placeholder {color:#ccc; font-size:12px; font-weight:500}
.emailCheck-Timer {color:#EBABC3; font-size:12px; font-weight:500; margin-right:20px}
.emailCheckButton {white-space:pre; height:22px; font-size:12px; border-radius:4px; line-height:22px; padding:0 10px; box-sizing:border-box; background-color:#96D8E6; border-color:#96D8E6; color:#fff}
.emailCheckButton:hover {background-color:var(--main-color); border-color:var(--main-color)}
.emailCheck-ErrorMessage {color:rgb(255, 119, 119); font-size:12px; padding-bottom:15px}
.emailCheck-ResendMessageWrapper {font-size:12px; color:#aaa; display:flex; align-items:center}
.emailCheck-ResendLink {text-decoration:underline; font-weight:500; color:#888; margin-left:4px}

.borderBox {border:1px solid #DEDEDF; border-radius:8px; padding:20px; box-sizing:border-box; font-size:12px; font-weight:400; color:#666; line-height:20px}
.agreeTxt {font-size:12px; color:#424242}
.agreeTxt > label {margin-left:5px; vertical-align:middle}

/* 고객센터 */
.ccBox {background:#F7F7F9; border-radius:16px; box-sizing:border-box; padding:40px 60px; display:flex; flex-wrap:wrap}
.ccBox .h3Tit {margin-bottom:30px}
.ccBox_left {width:50%}
.ccBox_left > p {font-size:14px; font-weight:500; color:#666; line-height:30px}
.ccBox_left > .submitButton_md {margin-top:30px}
.ccBox_right {width:50%}
.ccBox_right > ul > li {font-size:16px; font-weight:500; color:#666; line-height:30px}
.ccBox_right > ul > li > a span {font-family:'GmarketSansBold'; color:var(--main-color); font-size:16px; display:inline-block; width:20px; text-align:center; margin-right:15px}

.ccBox2 {background:#F7F7F9; border-radius:16px; box-sizing:border-box; padding:40px 10px; text-align:center; font-size:16px; font-weight:500; color:#666; line-height:24px}
.ccBox2 .submitButton_md {margin-top:30px; width:100%; max-width:240px}

.qnaList {border-top:1px solid #ddd}
.qnaList > li {border-bottom:1px solid #ddd}
.qnaList > li > a {display:flex; flex-wrap:nowrap; align-items:baseline; padding:20px; font-size:16px; font-weight:500; color:#666; position:relative}
.qnaList > li > a > p {width:85%}
.qnaList_q, .qnaList_a {font-family:'GmarketSansMedium'; color:var(--main-color); font-size:16px; margin-right:10px; width:16px}
.qnaList > li > .qnaListCon {display:none; padding:0 20px 20px 20px; font-size:16px; font-weight:500; color:#666; line-height:22px}
.qnaList > li.active > .qnaListCon {display:flex; flex-wrap:wrap; align-items:baseline}
.qnaList > li .qnaArrIcon {position:absolute; top:20px; right:20px}
.qnaList > li.active .qnaArrIcon:before {content:"\f078"}

.noticeList {border-top:1px solid #ddd}
.noticeList > li {border-bottom:1px solid #ddd}
.noticeList > li > a {display:flex; flex-wrap:nowrap; align-items:baseline; padding:20px; font-size:16px; font-weight:500; color:#666; position:relative}
.noticeList > li > a > p {width:90%}
.noticeList > li > a > .noticeList_date {font-size:14px; font-weight:500; color:#aaa; width:10%; margin-right:40px; text-align:right}
.noticeList > li > .noticeListCon {display:none; padding:40px; background:#F7F7F9; font-size:14px; font-weight:500; color:#888; line-height:22px}
.noticeList > li.active > .noticeListCon {display:flex; flex-wrap:wrap; align-items:baseline}
.noticeList > li .qnaArrIcon {position:absolute; top:20px; right:20px}
.noticeList > li.active .qnaArrIcon:before {content:"\f078"}

.rankingNumber {counter-reset:list-number}
.rankingNumber > li {counter-increment:list-number}
.rankingNumber > li .rankingNumberBadge {position:absolute; top:0; left:10px; background:url('../images/rankingNumberBadge.svg') no-repeat; width:30px; height:40px; font-family:'GmarketSansBold'; font-size:14px; text-align:center; color:#fff}
.rankingNumber > li:nth-child(1) .rankingNumberBadge, .rankingNumber > li:nth-child(2) .rankingNumberBadge, .rankingNumber > li:nth-child(3) .rankingNumberBadge {background:url('../images/rankingNumberBadge_top.svg') no-repeat;}
.rankingNumber > li .rankingNumberBadge:before {content:counter(list-number); display:block; margin-top:10px}

.exhibitionsList {display:flex; justify-content:space-between; flex-wrap:wrap}
.exhibitionsList > li {flex:1 1 30%; margin:10px}

.inviteModal_inner {padding:40px; box-sizing:border-box}
.inviteModal_inner_tit {font-size:20px; font-weight:500; color:#000; text-align:center}
.inviteModal_inner_txt {font-size:40px; font-weight:700; color:#000; text-align:center; margin-top:10px}
.inviteModal_inner_btnWrap {margin:40px auto 0 auto; max-width:320px}
.inviteModalBtn1, .inviteModalBtn2, .inviteModalBtn3 {display:block; width:100%; font-size:16px; font-weight:700; text-align:center; line-height:50px; border-radius:8px; box-sizing:border-box}
.inviteModalBtn1 {background:#FAE302; color:#333; margin-bottom:15px}
.inviteModalBtn1 > img, .inviteModalBtn1 > span {vertical-align:middle}
.inviteModalBtn2 {background:#5DB0CC; color:#fff; margin-bottom:15px}
.inviteModalBtn3 {border:1px solid #5DB0CC; color:var(--main-color)}
.invitePointStats {width:100%; max-width:320px; margin:20px auto 60px auto; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; display:flex; justify-content:space-between; padding:17px 0}
.invitePointStats > li:nth-child(1) {border-right:1px solid #ddd}
.invitePointStats > li {width:50%; text-align:center; box-sizing:border-box; font-size:14px; font-weight:500; color:#333}
.invitePointStats > li p {font-family:'GmarketSansBold'; font-size:16px; color:var(--main-color); margin-top:15px}
.invitePointStats > li:nth-child(2) p {color:#D75888}

.cartBadge {display:none !important}
.selecedItem {border:1px solid #ddd; background:#F7F7F9; padding:10px; box-sizing:border-box; margin-top:10px}
.selecedItemTit {display:flex; justify-content:space-between; font-size:14px; font-weight:500; color:#666; overflow:hidden}
.selecedItemDel {margin-right:1px}
.selecedItemOp {margin-top:6px; display:flex; align-items:center; justify-content:space-between}
.selecedItemOp .selectStyle2 {height:30px; line-height:30px}
.selecedItemPrice {font-size:16px; font-weight:700; color:#666}

.menuScrollWrap {float:left; overflow:auto; height: 60px; width: max-content}
.menuScrollWrap::-webkit-scrollbar {
	display: none;
}
.menuScroll {width: max-content;}
.menuScroll > li {float:left}
.menuScroll > li > a {display:block; font-size:18px; font-weight:500; color:#333; line-height:60px; padding:0 30px}
.menuScroll > li > a:hover {color:var(--main-color);}
.menuScroll > li:active {color: var(--main-color);}
.invitModalColse {position:absolute; top:20px; right:30px; font-size:30px; color:#fff}
.optionDetail {display:none}

.selecedItemOpTotal {display:flex; justify-content:space-between; align-items:center}

.ChangeProfileBox {border:1px solid #ddd; border-radius:8px; background:#F7F7F9; text-align:center; padding:30px 0; box-sizing:border-box}
.withdrawalBtn {font-size:12px; color:#aaa; font-weight:500; text-decoration:underline; text-underline-position:under}
.withdrawalBtn:hover, .withdrawalBtn:focus {color:#333}

.publicProfileBox {background:#fff; padding:50px 40px; box-sizing:border-box}

.prevBtnWrap.fixed {position:fixed; width:100%; top:0}
.prevBtnWrap > section {position:relative; max-width:1192px; margin:0 auto; z-index:999}
.prevBtn {display:block; text-align:center; width:60px; height:60px; line-height:55px; background:#fff; color:#333; box-shadow:0 3px 6px rgb(0 0 0 / 16%); border-radius:100%; font-size:24px; transition:.3s; position:absolute; top:40px; left:0}
.prevBtnWrap.fixed .prevBtn {top:20px}
.prevBtn:hover, .prevBtn:focus {color:var(--main-color)}

.resumeSelect {}
.resumeSelect > li {margin-bottom:10px}
.resumeSelect > li label {display:flex; align-items:center; background:#F7F7F9; border-radius:8px; padding:15px 20px; box-sizing:border-box; border:2px solid #F7F7F9}
.resumeSelect > li label > div {display:flex; align-items:center; justify-content:space-between; width:100%; margin-left:20px}
.resumeSelect > li label > div > div {font-size:14px; color:#333; font-weight:500}
.resumeSelect > li label > div > div .rs2 {font-size:12px; color:#888; font-weight:400; margin-top:7px}
.resumeSelect > li label > div > div .rs2 span {font-size:12px; color:#ddd; margin:0 7px}
.resumeSelect > li:last-child {margin-bottom:0}
.resumeSelect > li label.active {border-color:#5DB0CC}

.end {position:relative}
.end:before {content:'채용이 마감되었습니다.'; display:inline-block; padding:20px 40px; background:#333; color:#fff; font-size:14px; font-weight:500; border-radius:8px; z-index:999; position:absolute; top:40px; left:50%; margin-left:-105px}
.end:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99}

.onlineEnd {position:relative}
.onlineEnd:before {content:'신청이 마감되었습니다.'; display:inline-block; padding:20px 40px; background:#333; color:#fff; font-size:14px; font-weight:500; border-radius:8px; z-index:999; position:absolute; top:40px; left:50%; margin-left:-105px}
.onlineEnd:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99}

.offlineEnd {position:relative}
.offlineEnd:before {content:'신청이 마감되었습니다.'; display:inline-block; padding:20px 40px; background:#333; color:#fff; font-size:14px; font-weight:500; border-radius:8px; z-index:999; position:absolute; top:40px; left:50%; margin-left:-105px}
.offlineEnd:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99}

.end2 {position:relative; background:#000}
.end2:before {content:'채용 마감'; display:inline-block; padding:20px 40px; background:#333; color:#fff; font-size:14px; font-weight:500; border-radius:8px; z-index:999; position:absolute; top:50%; left:50%; margin-left:-65px; margin-top:-27px}
.end2:after {content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99; border-radius:16px}

.end3 {position:relative; background:#000}
.end3:before {content:'교육 마감'; display:inline-block; padding:20px 40px; background:#333; color:#fff; font-size:14px; font-weight:500; border-radius:8px; z-index:999; position:absolute; top:50%; left:50%; margin-left:-65px; margin-top:-27px}
.end3:after {content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99; border-radius:16px}

.end2 .cardTxtWrap, .end3 .cardTxtWrap, .end2 .cardImg, .end3 .cardImg {opacity:0.4; background:#fff}

.achiStep {display:inline-block; width:18px; height:18px; text-align:center; line-height:17px; border-radius:100%; border:1px solid #aaa; box-sizing:border-box; font-size:9px; color:#aaa}
.achiStepWrap {display:none; position:absolute; top:120px; left:0; width:100%; border:1px solid #707070; background:#fff; box-sizing:border-box; padding:20px 20px; z-index:99}
.achiStepWrap > h5 {font-size:20px; font-weight:700; color:#333}
.achiStepWrap > ul {border-top:1px solid #ddd; margin-top:20px}
.achiStepWrap > ul > li {border-bottom:1px solid #ddd; padding:18px 18px 18px 10px; box-sizing:border-box; display:flex; align-items:center}
.achiStepWrap > ul > li input {margin-right:10px; cursor:default}
.achiStepWrap_close {position:absolute; top:10px; right:10px; width:40px; height:40px; line-height:40px; text-align:center}
.achievementWrap_total_list > li.active .achiStepWrap {display:block}

.grayBtn {padding:9px 10px; display:inline-block; background:#B2B2B2; font-size:12px; font-weight:500; color:#fff; border-radius:4px}
.darkgrayBtn {padding:9px 10px; display:inline-block; background:#666; font-size:12px; font-weight:500; color:#fff; border-radius:4px; position:relative}
.joinEventWrap {padding:40px 0}
.joinEvent {width:100%; max-width:480px; margin:0 auto; background:url('../images/joinEvent_bg.jpg') center center no-repeat; background-size:cover; border-radius:16px; text-align:center; padding:90px 0 60px 0}
.joinEvent h2 {font-family:'GmarketSansBold'; font-size:34px; color:#FFDD46; border-top:1px solid #4C5875; margin-top:10px; padding-top:12px}
.joinEvent h3 {font-family:'GmarketSansBold'; font-size:17px; color:var(--main-color); text-align:left}
.joinEvent h4 {font-size:14px; font-weight:500; color:#fff; margin-top:20px}
.joinEvent h4 span {color:#50BEF1}
.joinEvent h5 {font-size:14px; font-weight:400; line-height:20px; color:#fff; margin-top:170px}
.inner206 {max-width:206px; margin:0 auto}
.radioBox {background:#F7F7F9; padding-left:20px; height:40px; display:flex; align-items:center}
.toolTip {position:relative; top:10px; left:0; width:100%; display:none}
.toolTip.active {display:block}
.toolTip > span {background:#B2B2B2; border-radius:4px; font-size:11px; padding:6px 10px; position:absolute; color:#fff}
.toolTip:before, .toolTip:after {content:""; position:absolute; display:block; left:25px; bottom:100%; border-style:solid}
.toolTip:before {margin:0 0 0 -4px; border-width:0 5px 8px; border-color:transparent transparent #B2B2B2; transform:translateX(0.5px)}
.toolTip:after {margin:0 0 -1px -4px;border-width:0 4.5px 7px;border-color: transparent transparent #B2B2B2}
.excBox {background:#F7F7F9; padding:20px; box-sizing:border-box}
.js-oex2-wrap {display:none}

.exc_complete_box {border:3px solid #F2F2F2; text-align:center}
.exc_complete_box hr {background:#F7F7F9}
.exc_complete_box > h3 {font-size:16px; font-weight:500; margin:30px 0}
.exc_complete_box > p {font-size:12px; color:#ccc; font-weight:500; margin-bottom:16px; padding:0 20px; line-height:18px}

.btnSelect {font-size:12px; font-weight:500; color:#666; border:1px solid #666; border-radius:2px; width:40px; text-align:center; line-height:30px; transition:.3s}
.btnSelect:hover {background:#666; color:#fff}

.couponWrap {padding:35px 40px; box-sizing:border-box; max-width:750px}
.couponWrap > h2 {font-size:20px; font-weight:700; color:#424242}
.couponProWrap {border:1px solid #ddd; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between}
.couponPro {display:flex; align-items:center; font-size:14px; font-weight:500; color:#333}
.couponPro > img {max-width:80px; margin-right:20px}
.couponCount {font-size:12px; font-weight:400}
.couponWrap .submitButton_sm {width:90px}

.btn_group {position:static !important;margin:0;padding:0;display: inline-block;text-align: left;}
.btn_group .btn_small{margin-left:-1px;padding:2px 6px !important; display: inline-block;}
.btn_group .btn_small:first-child {margin-left:0 !important;}

.btn_ssmall, .btn_small, .btn_lsmall, .btn_medium, .btn_large, .btn_txt, .btn_letter {
	display:inline-block;
	text-decoration:none !important;
	vertical-align:middle !important;
	font-family:inherit;
	white-space:nowrap;
	cursor:pointer;
	background:transparent;
	text-align:center;
	border-radius:5px;
	outline:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
 }

.btn_ssmall {
	padding:1px 5px;
	font-size:11px;
	line-height:1.222;
	font-weight:normal !important;
}

.btn_small {
	padding:2px 8px;
	font-size:11px;
	line-height:1.555;
	font-weight:normal !important;
}

.btn_lsmall {
	padding:3px 10px;
	font-size:12px;
	line-height:1.666;
	font-weight:normal !important;
}

.btn_medium {
	padding:8px 15px;
	font-size:13px;
	line-height:1.444;
	font-weight:600;
}

.btn_large {
	padding:10px 21px;
	font-size:15px;
	line-height:1.222;
	font-weight:600;
}

.btn_ssmall,
.btn_small,
.btn_lsmall,
.btn_medium,
.btn_large {
	background:#333;
	border:1px solid #333;
	color:#fff !important;
}

.btn_ssmall:hover,
.btn_small:hover,
.btn_lsmall:hover,
.btn_medium:hover,
.btn_large:hover {
	background:#222;
	border:1px solid #222;
	color:#fff !important;
}

.btn_confirm {margin-top:20px;text-align:center;}
.white,.white:active {background:#fff;border:1px solid #ccc;color:#181c1f !important;}
.white:hover,.white:focus {background:#e6e6e6;border:1px solid #ccc;color:#181c1f !important;}


/* 퀵메뉴 */
.menu-item img {transition: transform 0.3s ease, filter 0.3s ease;}
.menu-item:hover img {transform: scale(1.1);filter: brightness(0.8);}





/* 메인 학교장터 시작 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

.element {
	position: relative;
	width: 100%;
	max-width: 775px;
	height: auto;
	background-color: #ffffff;
	margin: 0 auto;
	box-sizing: border-box;
}

.element .text-wrapper {
	position: relative;
	font-family: "Noto Sans KR", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #000000;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 40px;
}

.element .frame {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	gap: 20px;
	position: relative;
	top: 0;
	left: 0;
}

.element .view {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
	width: 100%;
	position: relative;
	flex: 0 0 auto;
}

.element .div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.element .line {
	position: relative;
	align-self: stretch;
	width: 100%;
	height: 2px;
	margin-top: -2px;
}

.element .frame-2 {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.element .img-wrapper {
	position: relative;
	width: 120px;
	height: 100px;
	background-color: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	flex-shrink: 0;
}

.element .img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

.element .line-1 {
    width: 100%; 
    height: 2px;
    background-color: #EEEEEE;
    margin: 0 auto;
}

.element .frame-wrapper {
	display: flex;
	flex-direction: column;
	width: calc(100% - 140px);
	align-items: flex-start;
	gap: 8px;
	position: relative;
}

.element .frame-3 {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	gap: 8px;
	position: relative;
	flex: 0 0 auto;
}

.element .frame-4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}


.element .text-wrapper-2 {
	font-family: "Noto Sans KR", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: var(--u-pn-0b-5);
	font-size: 20px;
	letter-spacing: 0;
	line-height: normal;
}

.element .text-wrapper-3 {
	font-family: "Noto Sans KR", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: var(--x4boni);
	font-size: 20px;
	letter-spacing: 0;
	line-height: normal;
	text-align: left;
}

.element .text-wrapper-4 {
    font-family: "Noto Sans KR", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: var(--e-0e-6wz);
    font-size: 14px;
    text-align: right; 
    align-self: flex-end; 
    letter-spacing: 0;
    line-height: normal;
    float: right;
}


.element .line-2 {
	position: relative;
	align-self: stretch;
	width: 100%;
	height: 2px;
}

.element .view-2 {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

.element .frame-5 {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 0px 20px;
	position: relative;
	flex: 0 0 auto;
}

.element .div-wrapper {
	position: relative;
	width: 9px;
	height: 18px;
}

.element .text-wrapper-6 {
	position: absolute;
	top: -1px;
	left: 0;
	font-family: "Noto Sans KR", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: var(--e-0e-6wz);
	font-size: 14px;
	letter-spacing: 0;
	line-height: normal;
}

.element .text-wrapper-7 {
	position: absolute;
	top: -1px;
	left: 0;
	font-family: "Noto Sans KR", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: var(--x4boni);
	font-size: 14px;
	letter-spacing: 0;
	line-height: normal;
}

.element .element-wrapper {
	position: relative;
	width: 17px;
	height: 18px;
}

.element .text-wrapper-7,
.element svg.vector,
.element svg.rectangle,
.element svg.vector-2,
.element svg.rectangle-2 {
    cursor: pointer;
}

:root {
	--x4boni: rgba(170, 170, 170, 1);
	--u-pn-0b-5: rgba(51, 51, 51, 1);
	--e-0e-6wz: rgba(47, 178, 207, 1);
	--variable-collection-666: rgba(102, 102, 102, 1);
	--variable-collection: rgba(106, 102, 253, 1);
	--variable-collection-1: rgba(25, 24, 90, 1);
}

@media (max-width: 768px) {
	.element {
		padding: 10px;
	}

	.element .text-wrapper {
		font-size: 18px;
		line-height: 32px;
	}

	.element .frame-2 {
		flex-direction: row;
		gap: 15px;
		align-items: flex-start;
	}

	.element .img-wrapper {
		width: 120px;
		height: 100px;
	}

	.element .img {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover;
	}

	.element .frame-wrapper {
		width: calc(100% - 140px);
	}

	.element .text-wrapper-2,
	.element .text-wrapper-3 {
		font-size: 18px;
	}

	.element .text-wrapper-4 {
		font-size: 12px;
	}

	.element .view-2 {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	.element .frame-5 {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px;
		padding: 0;
	}
}

/* 메인 학교장터 끝 */


@media screen and (max-width:1440px) {
	.skyBanner {display:none}
}

@media screen and (max-width:1280px) {
	.cardListWrap .bx-wrapper .bx-prev, .productListWrap .bx-wrapper .bx-prev {left:0}
	.cardListWrap .bx-wrapper .bx-next, .productListWrap .bx-wrapper .bx-next {right:0}
}

@media screen and (max-width:1220px) {
	.myStats > li {max-width:calc(25% - 20px)}
	.cardList > li, .cardList2 > li, .productList > li {width:calc(25% - 20px)}
	.commuCardList > li {width:calc(33.33% - 20px)}
	.storeProductListWrap .bx-wrapper .bx-controls-direction a {margin-top:-105px; width:50px; height:50px; border-radius:100%; z-index:999; box-shadow:0 3px 6px rgb(0,0,0,0.16)}
	.storeProductListWrap .bx-wrapper .bx-prev {left:0px; background:url('../images/ico_recoList_arw.png') no-repeat 0 -50px}
	.storeProductListWrap .bx-wrapper .bx-prev:hover, .storeProductListWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
	.storeProductListWrap .bx-wrapper .bx-next {right:0px; background:url('../images/ico_recoList_arw.png') no-repeat -50px -50px}
	.storeProductListWrap .bx-wrapper .bx-next:hover, .storeProductListWrap .bx-wrapper .bx-next:focus {background-position:-50px 0}
	.recoListWrap .bx-wrapper .bx-prev {left:0}
	.recoListWrap .bx-wrapper .bx-next {right:0}
}


@media screen and (max-width:1214px) {
	.filterWrap, .mobilePadding, .storeCateContent > .inner {padding-right:20px !important; padding-left:20px !important}
	.searchCommuListWrap {padding:20px; box-sizing:border-box}
	.cardList, .productList {padding:0 10px}
	.cardListWrap .bx-wrapper {margin:0 20px}
	.cardListWrap .bx-wrapper .cardList {padding:0}
	.cardListWrap .bx-wrapper .cardList > li {margin:0}
	.inner1212 .h3Tit {padding:0 20px}
	.inner1212 .h3More {right:20px}
	.subTit, .mp10 {padding-right:10px !important; padding-left:10px !important}
	.mp15 {padding-right:15px !important; padding-left:15px !important}
	.storeProductNotSlider, .storeProductNotSlider2 {padding:0 10px}
	.brandList > li {width:calc(25% - 20px)}
	.brandList_name {width:calc(25% - 0px) !important}
}

@media screen and (max-width:1200px) {	
	.header > .inner {padding:28px 20px}
	.header > .inner > h1 {margin-right:30px}
	nav.gnb > a {margin-right:15px}
	.headerSearchWrap {margin-right:10px}
	.headerSearch {width:120px}
	.layoutCol > div {max-width:100%; margin:10px 0}
	.tableMemo {margin-top:-10px}
	.headerBottomGnb > li > a, .menuScroll > li > a {padding:0 15px; font-size:16px}
	.storeMainVisual_Left {width:100%; margin-bottom:10px}
	.storeMainVisual_RightTop {width:50%; margin:0}
	.storeMainVisual_RightBottom {width:50%; margin:0}
	.bestContent .innerLeft {width:49%}
	.bestContent .innerRight {width:49%}
	.storeCateContent > .inner {padding:0 15px}
	.storeCateBanner {display:none}
	.storeCateContent {float:none; width:100%}
	.storeProductNotSlider, .storeProductNotSlider2 {margin-left:0; width:100%; box-sizing:border-box}
	.storeProductNotSlider > li, .storeProductNotSlider2 > li {width:calc(25% - 20px)}
	.storeProductDetailLeft {max-width:49%}
	.storeProductDetailRight {max-width:49%}
	.productOp_img {margin-right:30px}
}

@media screen and (max-width:1024px) {
	.gnbWrap, .headerSearchWrap, .userProfileWrap, .loginWrap {display:none}
	.userProfileWrap_mobile {display:block; float:none}
	.userProfileWrap_mobile button > img {vertical-align:middle}
	.userProfileWrap_mobile button > span {vertical-align:middle; margin-left:10px; font-size:14px; font-weight:500; color:#333}
	.mobileSearchBtn {display:inline-block; font-size:16px; color:#333}
	.mobileSearchCancelBtn {display:inline-block; font-size:14px; font-weight:500; color:#666; width:60px; vertical-align:middle; height:40px}
	.headerSearchWrap {position:fixed; top:0; left:0; width:100%; height:100%; padding:20px; box-sizing:border-box; background:#fff; z-index:999999}
	.headerSearchWrap > i {position:absolute; top:32px; left:42px}
	.headerSearch {width:calc(100% - 106px)}
	.headerSearch_list {position:relative; top:0; border:none; display:block !imporant; padding:0; margin-top:30px}
	.btn_side {display:inline-block}	
	.gnbWrap {position:fixed; width:300px; height:100%; background:#fff; z-index:999999; top:0; right:0; padding:0 20px; box-sizing:border-box}
	.gnbWrapTit {display:block}
	.gnbSearch {display:block}
	.gnbUtilBtn {display:block; margin:20px 0}
	.gnbUtilBtn:after {content:""; display:block; clear:both}
	.gnbUtilBtn .utilBtn {min-width:auto; padding:12px 0; max-width:100px; width:100%; margin:0 5px}
	nav.gnb {float:none; border-top:1px solid #E6E6E6; margin-top:35px; padding-top:30px}
	nav.gnb > a.active:after {display:none}
	nav.gnb > a {display:block; margin-right:0; padding:10px 20px}
	.gnbQuickInfo {display:flex; flex-wrap:wrap; align-content:stretch; border-bottom:1px solid #aaa}
	.gnbQuickInfo > li {width:33.33%; padding:20px 0; border-right:1px solid #aaa; box-sizing:border-box; text-align:center}
	.gnbQuickInfo > li:last-child {border-right:none}
	.gnbQuickInfo > li > a {display:block; vertical-align:middle; text-align:center; box-sizing:border-box; font-size:12px; color:#333; font-weight:500; position:relative}
	.gnbQuickInfo > li > a i {font-size:20px; color:#333; display:block; margin:0 auto 8px auto}
	.gnbQuickInfo > li > a .cartCount {top:-10px; right:28px}
	.gnbQuickInfo > li > a:hover, .gnbQuickInfo > li > a:focus, .gnbQuickInfo > li > a:hover i, .gnbQuickInfo > li > a:focus i {color:var(--main-color)}
	.gnbfooterTop {display:block; margin:20px 0 0 20px}
	.gnbfooterTop > li {font-size:14px; font-weight:500; color:#888; line-height:30px}
	.skyBanner {right:15px}
	.mainCharacter {right:0; text-align:right}
	.mainKeywordWrap {max-width:600px}
	.tagZone {max-width:450px}
	.commuSec1 {float:none; width:100%; margin-right:0; box-sizing:border-box}
	.commuSec2Wrap {display:none; float:none; width:100%; padding:0 15px; box-sizing:border-box}
	.footerTop {text-align:center}
	.footerTop > li {float:none; display:inline-block}
	.footerBottom {flex-wrap:wrap; align-content:stretch; padding:20px; box-sizing:border-box}
	.innerLeft {width:100%}
	.innerRight1 {width:100%; margin:15px 0}
	.innerRight2 {width:100%}
	.saveCountWrap .dropStyle {left: inherit; transform:none; right:0}
	.saveCountWrap .dropStyle > .inner {min-width:auto}
	.filterTabWrap {justify-content:center}
	.achievementWrap {flex-wrap:wrap}
	.achievementWrap_list {max-width:100%; order:2; margin-top:40px}
	.achievementWrap_total {max-width:100%; order:1}	
	.resumeList > li {max-width:calc(100% - 10px); min-height:208px; margin:10px 0}
	.storeQuick {margin:20px 0; padding:0 20px}
	.brandList > li {width:calc(33.33% - 14px)}
	.brandList_name {width:100% !important; border-radius:0; margin-right:0 !important; margin-bottom:15px !important}
	.brandList_name > a {padding:20px}
	.brandList_bottom {position:initial; bottom:0}
	.brandList_name_txt {margin-top:10px}
	.brandList_name_txt br {display:none}
	.brandList_name_btn {margin-top:-25px; position:absolute; top:50%; right:20px}
	.ccBox_left, .ccBox_right {width:100%}
	.ccBox_right {margin-top:30px}
	.ccBox_left > .submitButton_md {margin-top:10px}
	.ccBox .h3Tit {margin-bottom:10px}
}

@media screen and (max-width:960px) {
	.myStats > li {max-width:calc(50% - 20px)}
	.cardList > li, .cardList2 > li, .productList > li {width:calc(33.33% - 20px)}
	.commuCardList > li {width:calc(50% - 20px)}
	.dropStyle {right:0}
	.orderStats {flex-wrap:wrap}
	.orderStats > div {width:100% !important; max-width:100% !important}
	.couponBox .appCol {justify-content:flex-start; flex-wrap:wrap}
	.couponBox .appCol > * {width:100% !important; max-width:100% !important; text-align:center; margin:5px 0 !important}
	/*.headerBottomGnb {display:none}*/	
	.popularSearch {display:none}
	.bestContent .innerLeft {width:100%}
	.bestContent .innerRight {width:100%}
	.storeProductDetail {margin-top:20px}
	.storeProductDetailLeft {float:none; max-width:100%}	
	.storeProductDetailLeft .bx-wrapper {margin:0 auto}	
	.storeSlider-pager {justify-content:center; margin-top:10px}
	.storeSlider-pager > a {margin-right:10px}
	.storeProductDetailRight {float:none; max-width:100%; margin-top:40px}
	.cateLocation {display:none}
}

@media screen and (max-width:768px) {
	.hidden768 {display:none}
	.show764 {display:block}
	.mainBanner {display:none}
	footer {margin-top:100px}
	.tagZone {max-width:300px}
	.headerBottomGnb_mobileHide {display:none}
	.allMenuBtn {display:none}
	.mainVisualWrap > .inner {padding:85px 20px 75px 20px}
	.mainCharacter img {width:80%}
	.mainQuickWrap > .inner > ul {padding:15px 20px; flex-wrap:wrap}
	.mainQuickWrap > .inner > ul > li {flex:1 1 25%; margin-bottom:25px}
	.mainQuickWrap > .inner > ul > li > a .mainQuickIcon {width:70px; height:70px; line-height:85px; margin:0 auto}
	.mainQuickWrap > .inner > ul > li > a .mainQuickTxt {font-size:13px}
	.cardList > li, .cardList2 > li, .productList > li {width:calc(49.9% - 20px)}
	.footerBanner {display:none}
	.mainCommuList > li {flex-wrap:wrap; align-content:stretch}
	.mc_tit {width:calc(100% - 120px)}
	.mc_date {width:auto; text-align:left; margin-left:150px}
	.mc_entry {width:40%; text-align:left}
	.subTit > .inner {align-items:center}
	.subTit > .inner h2 {font-size:24px; margin-top:0}	
	.searchCommuList > li, .searchCommuList2 > li {padding:20px 0}	
	.sc_tit_Wrap .sc_date {display:none}
	.subTit > .inner .subTit_description {display:none}
	.subTit_btn {min-width:100px; font-size:14px; padding:10px 15px}
	.filterBar {width:100%; margin-top:10px}	
	.pointBox {padding:20px 10px}
	.pointList {padding:30px 0 10px 0}
	.subHeader > .inner {padding:25px 15px}
	.saveButton_mdWrap {height:45px; font-size:14px}
	.saveButton_mdWrap > div {min-width:100px}
	.saveButton_mdWrap > div .saveBtn {line-height:45px}
	.submitButton_md, .cancelButton_md {height:45px; line-height:45px; padding:0 20px; font-size:14px; margin-left:5px !important}
	.submitButton_lg, .cancelButton_lg {min-width:auto; height:45px; line-height:45px; padding:0 20px; font-size:14px; margin-left:5px !important}
	.whiteBoxTit {flex-wrap:wrap}
	.whiteBoxTit_description {width:100%; margin-top:5px; margin-left:0}
	.saveCountWrap .dropStyle {position:fixed; width:100%; top:0; margin-top:20px; z-index:99999999}
	.saveCountWrap .dropStyle.active:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; z-index:-1; margin-top:-20px}
	.filterWrap_selectBox {margin-left:0; width:100%}
	.utillIconWrap {display:none}
	.utillIconWrap_mobile {display:block; float:none; margin-right:0; margin-top:10px}
	.root_daum_roughmap > .wrap_map {height:400px !important}
	.filterTabWrap {padding:5px 0}
	.filterTabWrap .filterTab {margin:5px; max-width:calc(50% - 10px)}
	.contentHeader_description > span {margin-right:5px !important}
	.subGnb > a {font-size:14px; font-weight:500; padding:20px 0; margin:0 10px}
	/*.subTabStyle_tabs > li {width:100%}*/
	.subTabStyle > a {padding:15px 0px; min-width:100px; font-size:13px; letter-spacing:-1.7px}
	.subTabStyle_tabs > li  > a {padding:12px 10px; width:120px; min-width:100px; font-size:14px}
	/*.subTabStyle > a.active:after, .subTabStyle_tabs > li > a.active:after {display:none}*/
	.profileModal_profile {width:100%; margin-right:0}
	.profileModal_bottom {width:100%; margin-top:20px}
	.profileModal_bottom_resume {margin-top:10px}
	.achievementWrap_list_item {max-width:33.33%; margin-bottom:20px}
	.achievementWrap_list_item_img {margin:0 auto 10px auto}
	.achievementWrap_total_list > li {padding:15px}
	.achiStepWrap {top:90px}
	.responstable th, .responstable td {display:block !important; width:auto !important}
	.tblReviewSkin {table-layout:auto}
	.responstable col {width:100% !important}
	.tblReviewSkin col {width:100% !important}
	.tblReviewSkin td {text-align:left !important}
	.responstable .ReviewSkin_date {width:110px !important; float:left; box-sizing:border-box; white-space:nowrap !important}
	.responstable .ReviewSkin_star {width:calc(100% - 110px) !important; float:left; box-sizing:border-box; white-space:nowrap !important}
	.storeQuick {margin:10px 0; padding:0px}
	.storeQuick > li {flex:1 1 25%; margin-bottom:10px}
	.storeProductNotSlider > li, .storeProductNotSlider2 > li {width:calc(33.33% - 20px)}
	.productInfoCont {padding:0 15px}
	.qnaList > li > a {padding:20px 10px; font-size:14px}
	.qnaList > li > .qnaListCon {padding:0 10px 20px 10px; font-size:14px}
	.ccBox2 {font-size:14px}
	.noticeList > li > a {font-size:14px}
	.noticeList > li > a > .noticeList_date {margin-right:60px; margin-left:10px}
	.noticeList > li > .noticeListCon {padding:20px}
	.exhibitionsList > li {flex:1 1 40%}
	.tableTop > .tableTopRight {width:100%; display:flex}
	.tableTop > .tableTopRight .btnDarkGrayStyle_md {min-width:70px}
	.myStats > li {padding:20px 5px}
	.profileModal_bottom_badge {flex-wrap:nowrap}
	.profileModal_bottom_badge > li {display:block; width:calc(50% - 35px); text-align:center}
	.profileModal_bottom_badge > li:nth-child(3) {width:70px}
	.profileModal_bottom_badge > li div:first-child {margin-right:0; margin-bottom:10px}
	.headerBottomGnb > li > ul {left:0}
	.filterTabMore {display:block}
	.filterCommuTabWrap.open {position:fixed; bottom:0; left:0; z-index:9999}
	.filterCommuTabWrap.open > .inner {background:#F7F7F9; max-height:400px; overflow-y:auto; padding:15px; box-sizing:border-box}
	.filterCommuTabWrap.open .filterTabMore {display:none}
	.filterCommuTabWrap .filterTab {display:none; max-width:100%}
	.filterCommuTabWrap .filterTab.active {display:flex}
	.filterCommuTabWrap.open .filterTab {display:flex}
	.mobile-text-left {text-align:left !important}
	.bestContent .innerRight {height:auto}
	.bestBxslider > li .bestThum {width:140px; height:auto}
	.mainVisualWrap2 {background-position:bottom center; background-size:1000px}
	.mainVisualWrap2 > .inner {min-height:380px; padding-top:40px; padding-left:20px; justify-content:flex-start}
	.prevBtnWrap {display:none}
}

@media screen and (max-width:600px) {
	/*.myStats > li {max-width:calc(100% - 20px)}*/
	.popularSearch > a {width:150px}
	.popularSearchtWrap {width:90%}
	.popularSearchtWrap > .inner {min-width:inherit; padding:20px}
	.popularSearchtList > ul {padding:10px}
	.allCateLnb {overflow:hidden}
	.dep2 {position:relative; top:0; left:0; margin-left:-1px; border:none; background:#eee; min-height:auto}
	.dep2 > li > a {padding-left:22px}
	.dep3 {position:relative; top:0; left:0; margin-left:-1px; border:none; background:#d7d7d7; min-height:auto}
	.dep3 > li > a {padding-left:22px}
	.brandList > li {width:calc(100% - 0px); margin-right:0 !important}	
	.brandList_name > a {padding:10px 15px}
	.brandList_name_tit {font-size:24px}
	.brandList_name_txt {font-size:16px; margin-top:5px}
	.brandList_name_btn {margin-top:10px; position:relative; top:0; right:0}
	.tblProductDetailSkin_mobile {width:70px !important}
	.searchCommuList > li, .searchCommuList2 > li {flex-wrap:wrap; align-content:stretch}
	.sc_img {width:100%; margin:0; order:1}
	.sc_tit {margin-top:15px; order:2}
	.sc_tit dl dt span {display:block; margin-right:0; margin-bottom:5px}
	.searchCommuList2 .sc_tit {margin-top:0}
	.searchCommuList2 .sc_date_right {width:100%; text-align:left; margin-left:0; order:3; margin-top:10px}
	.ccBox {padding:40px 20px}
	.ccBox_right > ul > li {font-size:14px}
	.mallTitle {font-size:26px}
	.myStatsBadgeShare {right:-10px}
	.contentBottom {flex-wrap:wrap}	
	/* .menuScroll {min-width:500px} */
	.contentBtnSection {text-align:left}
}

@media screen and (max-width:560px) {
	/* .menuScroll {min-width:420px} */
	.show560 {display:block}
	.mainVisualWrap2 {background-size:750px}
	.couponProWrap {display:block; text-align:center}
	.couponPro {display:block; text-align:center; margin-bottom:15px}
	.couponPro > img {margin:0 auto 10px auto}
}

@media screen and (max-width:500px) {
	.mobilMaxWidth100 {max-width:100% !important}
	.hidden500 {display:none}
	/*.cardList > li, .cardList2 > li, .productList > li {width:calc(100% - 20px)}*/
	.cardTop a > img {height:140px}
	.productTop a {/*height:220px*/}
	.cardTop .scrapBadge {width:35px; height:35px}
	.cardTopCate {height:30px; line-height:30px; padding:0 5px; font-size:12px}
	.cardBottom {padding:15px}
	.cardBottom h4 {font-size:15px}
	.cardEntry {height:25px;}
	.cardEntry > li {margin-right:10px; font-size:11px}
	.cardTag {height:22px}
	.cardTag a {padding:5px 3px; font-size:10px; margin-right:2px}
	.commuCardList > li {width:calc(100% - 20px)}
	.mc_date {display:none}
	.mc_entry {width:100%; margin-left:150px}
	.pointBox_count {margin-top:10px; width:100%; text-align:right}
	.pointList > li {width:50%; margin-bottom:15px}
	.pointList_img {height:70px}
	.saveButton_mdWrap {height:40px; font-size:14px}
	.saveButton_mdWrap > div {min-width:90px}
	.saveButton_mdWrap > div .saveBtn {line-height:40px}
	.submitButton_md, .cancelButton_md, .submitButton_lg, .cancelButton_lg {height:40px; line-height:40px; padding:0 15px; font-size:14px; margin-left:5px !important}
	.footerTop > li > a {margin-right:5px; padding-right:5px}
	.pagingWrap .prev {margin-right:0px}
	.pagingWrap .next {margin-left:0px}
	.pageMobile {display:none !important}
	.achievementWrap_list_item {max-width:50%}
	.storeProductNotSlider > li, .storeProductNotSlider2 > li {width:calc(50% - 20px)}
	.loginFrom {padding:50px 0}
	.loginFrom section {padding:60px 20px}
	.joinFrom section {padding:20px}
	.joinFrom h2 {margin-left:0px}	
	.subTit > .inner h2 {font-size:20px}
	.subTit > .inner h2 .SearchNum {margin-left:10px}
	.myStatsBadge {font-size:18px; width:40px; height:40px; line-height:40px}
	.profileModal_header_badge_txt {font-size:12px}
	.profileModal_header_badge_count {font-size:14px}
	.profileModal_bottom_badge > li {width:calc(50% - 25px)}
	.profileModal_bottom_badge > li:nth-child(1) {padding-right:10px; margin-right:10px}
	.profileModal_bottom_badge > li:nth-child(3) {width:50px; margin-left:0}
	/* .menuScroll {min-width:370px} */
	.headerBottomGnb > li > a, .menuScroll > li > a {padding:0px 12px; font-size:15px}
	.layoutCol2 {flex-wrap:wrap}
	.publicProfileBox {padding:30px 20px}
	.js-productInfoTab > a {min-width:auto !important; width:30%}
	.js-productInfoTab > a:nth-child(2), .js-productInfoTab > a:nth-child(3) {width:20%}

@media screen and (max-width:425px) {
	.header > .inner > h1 {margin-right:0}
	.utillIconWrap {margin-right:5px}
	.utillIcon {margin-right:0}
	.careerDetailHeader {padding:20px 0px}
	.careerDetailCon {padding:20px 0}
	.root_daum_roughmap > .wrap_map {height:250px !important}
	.modalStyle.md_pd35 {padding:15px}
	.contentBottom .contentBtnSection .cancelButton.ml10 {margin-left:0 !important}
	.popularSearch > a {width:130px; padding-left:10px}
	.allMenuWrap .inner > div {width:33%}
	.storeQuick > li > a {font-size:14px}
	.footerTop > li {font-size:13px}
	.cardTop a > img {height:100px}
	.productTop a {/*height:180px*/}
	.cardCateTit, .cardCateDate {float:none; display:block}
	.cardCateDate {margin-top:5px}
	.headerBottomGnb > li > a, .menuScroll > li > a {font-size:16px}
	.storeProductDetailRight_total p {display:block; margin-bottom:10px}
	.mallTitle {font-size:22px}
	.exhibitionsList > li {flex:1 1 50%}
	.myStatsBadge {font-size:16px; width:35px; height:35px; line-height:35px}
	.headerBottomGnb > li > a, .menuScroll > li > a {padding:0px 12px; font-size:15px}
	/* .menuScrollWrap {width:220px} */
	/* .menuScroll {min-width:350px} */
	.bestBxslider > li .bestThum {width:110px}
	.bestBxslider > li .inner {padding:0px 10px 0px 15px}
	.bestContent .innerRight {padding:15px 15px}
	.contentHeader_description {flex-wrap:wrap}	
}

@media screen and (max-width:375px) {
	.root_daum_roughmap > .wrap_map {height:200px !important}
	.allMenuWrap .inner > div {width:50%}
	.recoList li .recoListThum {height:318px}
	.headerBottomGnb > li > a, .menuScroll > li > a {padding:0 10px}
	.recoList li .recoListThum {height:280px}
	.productTop a {/*height:150px*/}
}

@media screen and (max-width:362px) {
	/* .menuScrollWrap {width:180px} */
}

@media screen and (max-width:320px) {	
	.careerDetailHeader_bottom_right_date {width:100%; margin:10px 0}
	.careerDetailHeader_bottom_right .submitButton {margin-left:0 !important}
	/* .menuScrollWrap {width:170px} */
	.bestBxslider > li .bestThum {width:90px}
	.bestBxslider > li .inner {padding:0px 10px 0px 20px}
	.bestContent .innerRight {padding:10px 10px}
}