@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;800;900&display=swap');
@font-face {
	font-family:'GmarketSans-light';
	src: url('font/GmarketSansTTFLight.ttf') format('truetype');	
	font-weight:normal;
}
@font-face {
	font-family:'GmarketSans';
	src: url('font/GmarketSansTTFMedium.ttf') format('truetype');	
	font-weight:normal;
}
@font-face {
	font-family:'GmarketSans-bold';
	src: url('font/GmarketSansTTFBold.ttf') format('truetype');	
	font-weight:normal;
}
[class*='noto']{font-family:'Noto Sans KR', sans-serif;}
.noto100{font-weight:100 !important;}.noto200{font-weight:200 !important;}.noto300{font-weight:300 !important;}.noto400{font-weight:400 !important;}.noto500{font-weight:500 !important;}.noto600{font-weight:600 !important;}.noto700{font-weight:700 !important;}.noto800{font-weight:800 !important;}
.mont{font-family:'Montserrat', sans-serif;font-weight:normal !important;}
.mont100{font-family:'Montserrat', sans-serif;font-weight:100 !important;}.mont200{font-family:'Montserrat', sans-serif;font-weight:200 !important;}.mont300{font-family:'Montserrat', sans-serif;font-weight:300 !important;}.mont400{font-family:'Montserrat', sans-serif;font-weight:400 !important;}.mont500{font-family:'Montserrat', sans-serif;font-weight:500 !important;}.mont600{font-family:'Montserrat', sans-serif;font-weight:600 !important;}.mont800{font-family:'Montserrat', sans-serif;font-weight:800 !important;}.mont900{font-family:'Montserrat', sans-serif;font-weight:900 !important;}
.GmarketSans-light{font-family:'GmarketSans-light', sans-serif;font-weight:normal;}
.GmarketSans{font-family:'GmarketSans', sans-serif;font-weight:normal;}
.GmarketSans-bold{font-family:'GmarketSans-bold', sans-serif;font-weight:normal;}

/*──────────────── Reset ────────────────*/
body,label,input,button,select,textarea{font-family:'nanumsquare', Apple SD Gothic Neo,Dotum,돋움,sans-serif;}
html{overflow-y:scroll;background:#fff;}
html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-size:1em;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label,input,button,select,img{vertical-align:middle;}
input,button{margin:0;padding:0;font-size:1em}
button{border:0;cursor:pointer;background:transparent;}
input[type=text],input[type=password],input[type=submit],input[type=image],button{-webkit-appearance:none}
textarea,select{font-size:1em;}
textarea{-webkit-appearance:none;-webkit-overflow-scrolling:touch;width:100%;}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{width:100%;height:1px;background-color:rgba(0,0,0,0.12);border:none;}
pre{overflow-x:scroll;font-size:1.1em}
ul,li{margin:0;padding:0;list-style:none;}
sub{vertical-align:bottom;}
table,tr,th,td{border-collapse:collapse;border-spacing:0;}
body{/*-webkit-user-select:none;*/-webkit-tap-highlight-color:rgba(0,0,0,0)}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;/*피봇시 글자커짐 방지 */-webkit-overflow-scrolling:touch;}
a{color:#090909;color:inherit;}
a:link,a:visited{text-decoration:none}
a:focus, textarea:focus, select:focus, input:focus, button:focus{outline:0;}
a:hover,a:focus,a:active{text-decoration:none}
sub{vertical-align:middle;}
html.scrollDisable{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}

/*──────────────── flex ────────────────*/
.flex{display:flex !important;align-items:flex-start;}
.inline-flex{display:inline-flex !important;}
.flex.column, .inline-flex.column{flex-direction:column !important;}
.flex-column{flex-direction:column !important;}
.flex-top{align-items:flex-start !important;}
.flex-middle{align-items:center !important;}
.flex-bottom{align-items:flex-end !important;}
.flex-left{justify-content:flex-start !important;}
.flex-center{justify-content:center !important;}
.flex-right{justify-content:flex-end !important;}
.flex-stretch{align-items:stretch !important;}
.flex1{flex:1;}
.flex > .left{margin-right:auto;}.flex > .right{margin-left:auto;}
.item-top{align-self:start}.item-middle{align-self:center;}.item-bottom{align-self:end}.item-stretch{align-self:stretch}.item-left{margin-right:auto;}.item-right{margin-left:auto;}
.flexCenter{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.flex.column > div{width:100%;}
.flex{gap:10px;}
.gap0{gap:0 !important;}.gap1{gap:1px !important;}.gap2{gap:2px !important;}.gap3{gap:3px !important;}.gap4{gap:4px !important;}.gap5{gap:5px !important;}
.gap6{gap:6px !important;}.gap7{gap:7px !important;}.gap8{gap:8px !important;}.gap9{gap:9px !important;}.gap10{gap:10px !important;}
.gap15{gap:15px !important;}.gap20{gap:20px !important;}.gap25{gap:25px !important;}.gap30{gap:30px !important;}.gap35{gap:35px !important;}
.gap40{gap:40px !important;}.gap45{gap:45px !important;}.gap50{gap:50px !important;}.gap55{gap:55px !important;}.gap60{gap:60px !important;}
.gap65{gap:65px !important;}.gap70{gap:70px !important;}.gap75{gap:75px !important;}.gap80{gap:80px !important;}.gap85{gap:85px !important;}
.gap90{gap:90px !important;}.gap95{gap:95px !important;}.gap100{gap:100px !important;}
.flex.line{align-items:stretch;gap:45px;}
.flex.line > *:not(:first-child){padding-left:45px;border-left:1px solid rgba(0,0,0,0.1);}
.flex.line.gap5 > *:not(:first-child){padding-left:5px;}.flex.line.gap10 > *:not(:first-child){padding-left:10px;}.flex.line.gap15 > *:not(:first-child){padding-left:15px;}.flex.line.gap20 > *:not(:first-child){padding-left:20px;}
.flex.line.gap25 > *:not(:first-child){padding-left:25px;}.flex.line.gap30 > *:not(:first-child){padding-left:30px;}.flex.line.gap35 > *:not(:first-child){padding-left:35px;}.flex.line.gap40 > *:not(:first-child){padding-left:40px;}
.flex.line.gap45 > *:not(:first-child){padding-left:45px;}.flex.line.gap50 > *:not(:first-child){padding-left:50px;}.flex.line.gap55 > *:not(:first-child){padding-left:55px;}.flex.line.gap60 > *:not(:first-child){padding-left:60px;}
.flex.line.gap65 > *:not(:first-child){padding-left:65px;}.flex.line.gap70 > *:not(:first-child){padding-left:70px;}.flex.line.gap75 > *:not(:first-child){padding-left:75px;}.flex.line.gap80 > *:not(:first-child){padding-left:80px;}
.flex.line.gap85 > *:not(:first-child){padding-left:85px;}.flex.line.gap90 > *:not(:first-child){padding-left:90px;}.flex.line.gap95 > *:not(:first-child){padding-left:95px;}.flex.line.gap100 > *:not(:first-child){padding-left:100px;}
.flex.line.gap110 > *:not(:first-child){padding-left:110px;}.flex.line.gap120 > *:not(:first-child){padding-left:120px;}.flex.line.gap130 > *:not(:first-child){padding-left:130px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.flex:after{display:block;visibility:hidden;clear:both;content:""}
	.flex > .right{float:right}
}
.ml-auto{margin-left:auto;}.mr-auto{margin-right:auto;}

/*──────────────── common ────────────────*/
i{font-style:normal;}
.tcenter{text-align:center !important;}.tleft{text-align:left !important;}.tright{text-align:right !important;}
.marginCenter{margin-left:auto;margin-right:auto}
.none{display:none !important}
.bored{border:1px solid red !important}
.color-gray{color:#DCDDDD;}
.fw100{font-weight:100 !important}.fw200{font-weight:200 !important}.fw300{font-weight:300 !important}.fw400{font-weight:400 !important}.fw500{font-weight:500 !important}
.fw600{font-weight:600 !important}.fw700{font-weight:700 !important}.fw800{font-weight:800 !important}
.inline-block{display:inline-block;}


.color-red{color:#E50012;}


/*____________________________ FORM ____________________________*/
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]), .btn, textarea{font-family:inherit;border-radius:2px;font-family:Apple SD Gothic Neo,Dotum,돋움,sans-serif;}
input{vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]), textarea{font-weight:normal;padding:0 10px;color:#2d2d2d;background:#fff;border:0;position:relative;z-index:3;outline:none;}
textarea{width:100%;line-height:16px;padding:13px;display:block;overflow-y:auto !important;}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):focus:not(:read-only), textarea:focus:not(:read-only){border-color:rgba(0,0,0,0.65);box-shadow:0 4px 4px rgba(0,0,0,0.05);}
input[type="url"]{color:#20366d;}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]).red{border-color:#ff3131 !important;}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]).green{border-color:#00B144 !important;}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]).blue{border-color:#315dff !important;}
input[disabled] + span{cursor:not-allowed;}
input:read-only{}
input.datepicker, input.phone, input.price{font-family:'Montserrat', sans-serif;font-family:inherit;font-size:14px;}
input.phone, input.price{font-weight:400;}
textarea{min-height:120px;}
textarea.mini{height:54px;min-height:54px;}

input:-moz-placeholder, textarea:-moz-placeholder{color:#999;font-weight:normal;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999;font-weight:normal;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;font-weight:normal;}
input::-moz-focus-inner, button::-moz-focus-inner{border:0;padding:0;}


/*____________________________ input & btn Size ____________________________*/
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]), .btn, input[type="submit"].btn{height:36px;line-height:36px;font-size:15px;}
.btn, input[type="submit"].btn {padding-left:15px;padding-right:15px;font-size:14px;font-weight:600;padding-top:0;padding-bottom:0;}

.btn.large{height:80px;font-size:20px;}


/*____________________________ btn ____________________________*/
.btn{cursor:pointer;text-align:center;font-weight:500;line-height:1em;padding:0 8px;color:#000;background:#DCDDDD;border-radius:3px;transition:all .2s ease-in-out;
		display:inline-flex;align-items:center;justify-content:center;padding-top:1px;outline:0;}
.btn:hover{background:#fff;}
.btn.gray{background:#898989;color:#fff !important;} .btn.gray:hover{background:#656565;}
.btn.darkGray{background:#4d4d4d;color:#fff !important;} .btn.darkGray:hover{background:#6d6d6d;}



.btn.mainColor{background:var(--mainColor);}
.btn.reverse{background:transparent;color:#383838;border:1px solid rgba(53,57,69,0.7);} .btn.reverse:hover{color:#fff !important;background:rgba(53,57,69,1);}
.btn.reverse.gray{background:transparent;border-color:#b2b2b2;color:#383838 !important;} .btn.reverse.gray:hover{background:#b2b2b2;color:#fff !important;}
.btn.reverse.mainColor{background:transparent;border-color:var(--mainColor);color:var(--mainColor) !important;} .btn.reverse.mainColor:hover{background:var(--mainColor);color:#fff !important}
.btn.light{background:#fff;color:#383838;} .btn.light:hover{background:#fff;color:#0d0d0d !important;}
.btn.light-reverse{background:transparent;color:#fff !important;border:2px solid rgba(255,255,255,0.85);} .btn.light-reverse:hover{background:#fff;color:rgba(0,0,0,0.9);border:2px solid #fff;}
.btn.black{background:rgba(53,57,69,0.85);color:#fff !important;} .btn.black:hover{background:rgba(53,57,69,1);}

.btn.dark-gray{background:rgba(53,57,69,0.6);color:#fff !important;} .btn.dark-gray:hover{background:rgba(53,57,69,0.8);}
.btn.red{background:#ff4e4e;color:#fff !important;} .btn.red:hover{background:#e63232;}
.btn.blue{background:#4a86ff;color:#fff !important;} .btn.blue:hover{background:#1f5fe2;}
.btn.bluelight{background:#14b8d4;color:#fff !important;} .btn.bluelight:hover{background:#11a7c1;}
.btn.green{background:#1bc8a6;color:#fff !important;} .btn.green:hover{background:#0cb191;}
.btn.orange{background:#ff9921;color:#fff !important;} .btn.orange:hover{background:#eb740b;}
.btn.yellow{background:#ffdf31;color:#303030 !important} .btn.yellow:hover{background:#f7d100;}