@charset "utf-8";
@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');

body{height:100%;}
::selection{color:white;background-color:#003775;-webkit-text-stroke:initial;}
body{min-width:320px;-webkit-text-size-adjust:none;/* mobile text size */-webkit-font-smoothing:subpixel-antialiased;/* antialiased or subpixel-antialiased 웹킷 브라우저 웹폰트 선명하게 처리 */font-variant-ligatures:none;/* fi 수정 */}
img{-ms-interpolation-mode:bicubic;}
html{font-size:10px}
@media all and (max-width:1340px){
	html{font-size:9px}
}
@media all and (max-width:1024px){
	html{font-size:8.5px} /* 220414 추가 및 수정사항 */
}
@media all and (max-width:768px){
	html{font-size:8px} /* 220414 추가 및 수정사항 */
}
@media all and (max-width:480px){
	html{font-size:7.5px} /* 220414 추가 및 수정사항 */
}

/* Reset */
*{vertical-align:top;box-sizing:border-box;}
body,button,input,textarea,select,table,h1,h2,h3,h4,h5,h6{font-family:'Noto Sans Korean','Noto Sans KR','Spoqa Han Sans','돋움','dotum','sans-serif';font-size:14px;font-weight:400;color:#666;line-height:1.5;/*word-break:keep-all;*/}
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,form,fieldset,legend,label,button,input,textarea,select,optgroup,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;box-sizing:border-box}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display:block}
blockquote,q{quotes:none}
blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
template{display:none}
[hidden]{display:none}
summary{display:list-item}
pre{font:inherit;color:inherit;word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-break:break-all;}
ol,ul{list-style:none}
dt,dd{display:block}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption,legend{overflow:hidden;font-size:0;line-height:0}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
svg:not(:root){overflow:hidden}
canvas{display:inline-block}
img{max-width:100%;border-style:none;vertical-align:top}
fieldset,img{border:none}
button{cursor:pointer}
button,input{overflow:visible}
button,select{text-transform:none}
input,button,select{vertical-align:top}
input,button,select,textarea{font-size:inherit;box-sizing:border-box;}
input[disabled],input[readonly]{/*cursor:not-allowed;background-color:#e7e7e7;*/}
::placeholder{font-family:'Noto Sans Korean','Noto Sans KR';color:#inherit;opacity:0.3;}
::-webkit-input-placeholder{font-family:'Noto Sans Korean','Noto Sans KR';color:inherit;opacity:0.3;}
::-ms-input-placeholder{font-family:'Noto Sans Korean','Noto Sans KR';color:#inherit;opacity:0.3;}
::-moz-placeholder{font-family:'Noto Sans Korean','Noto Sans KR';color:#inherit;opacity:0.3;}
button,[type="button"],[type="reset"],[type="submit"]{border:0 none;background:none;cursor:pointer;-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
[type="checkbox"],[type="radio"]{}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
textarea{display:block;overflow:auto;resize:vertical;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
[type="text"],[type="password"],[type="email"],[type="search"],[type="image"],[type="tel"],button,select,textarea{-webkit-border-radius:0;-webkit-appearance:none;}
:focus{outline-offset:-1px}

address,em,i{font-style:normal}
hr{box-sizing:content-box;height:0;overflow:visible;margin:0;padding:0;border:0}
a{background-color:transparent;-webkit-text-decoration-skip:objects;color:inherit;cursor:pointer;text-decoration:none}
a:link,a:visited{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}

.ir{overflow:hidden;height:0;font-size:0;text-indent:-9999px;}
.blind{display:block;position:absolute;overflow:hidden;width:0;height:0}
.clear{*zoom:1}
.clear:after{content:' ';display:block;clear:both;}
.clear-both{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}
.dot_list li{position:relative;padding-left:10px;text-align:left;}
.dot_list li:before{content:'·';position:absolute;top:0;left:0;}
.dash_list li{position:relative;padding-left:10px;text-align:left;}
.dash_list li:before{content:'-';position:absolute;top:0;left:0;}
.ast_list li{position:relative;padding-left:10px;text-align:left;}
.ast_list li:before{content:'*';position:absolute;top:0;left:0;}

/* Forms Style */
input,button,.select,textarea{font-size:inherit;color:inherit;}
[type="text"],[type="password"],select,button{height:4.2rem;line-height:4rem;padding:0 1.2rem;}
[type="text"],[type="password"],select,textarea{width:100%;border-radius:4px;border:solid .1rem #979797;font-size:1.4rem;letter-spacing:-0.18px;color:#000;}
select{height:4.8rem;line-height:4.8rem;padding:0 1.6rem;border:0 none;background:#fff url(../images/common/select_arrow@2x.png) no-repeat right 16px center / 16px 16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;vertical-align:top;font-size:1.4rem;letter-spacing:-0.18px;color:#5a5a5a;}
select::-ms-expand{display:none;}
textarea{height:12.6rem;padding:1.2rem}
button{background:#575c63;color:#fff;}
.dash{text-align:center;}

.check-type1{position:relative;}
.check-type1 + .check-type1{margin-left:6rem;}
.check-type1 input[type=checkbox]{display:inline-block;position:absolute;left:-9999px;}
.check-type1 input[type=checkbox] + label{z-index:10;position:relative;display:block;line-height:3.6rem;padding:0 0 2px 4.8rem;font-size:2rem;color:#000;cursor:pointer;}
.check-type1 input[type=checkbox] + label.required{text-decoration:underline;}
.check-type1 input[type=checkbox] + label:before{content:"";width:3.6rem;height:3.6rem;position:absolute;top:0;left:0;background:url(../images/common/checkbox_off@2x.png) no-repeat 50% 50% / 3.6rem 3.6rem;}
.check-type1 input[type=checkbox]:checked + label:before{text-align:center;background:url(../images/common/checkbox_on@2x.png) no-repeat 50% 50% / 3.6rem 3.6rem;}
.check-type1 input[type=checkbox]:focus-visible + label:before{outline-style:dashed;outline-color:#000;outline-width:thin;}
.check-type1.price input[type=checkbox] + label{padding:2px 3.7rem 2px 0;font-size:1.4rem;letter-spacing:-0.18px;text-align:right;color:#7864e4;}
.check-type1.price input[type=checkbox] + label:before{left:auto;right:0;}

.radio-btn{}
.radio-btn::after{display:block;clear:both;content:'';}
.radio-btn li{position:relative;float:left;width:58px;}
.radio-btn li + li{margin-left:4px;}
.radio-btn li input[type="radio"]{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
.radio-btn li input[type="radio"] + label{display:block;position:relative;width:100%;height:48px;line-height:46px;padding:0;border-radius:6px;border:solid 1px #7864e4;background-color:#fff;text-align:center;font-size:14px;letter-spacing:-0.18px;color:#7864e4;cursor:pointer;}
.radio-btn li input[type="radio"]:checked + label{background-color:#7864e4;color:#fff;}
.radio-btn li input[type="radio"]:focus-visible + label{outline-style:dashed;outline-color:#000;outline-width:thin;}

.forms{padding-bottom:24px;}

.forms-title{clear:both;margin-bottom:1.2rem;margin-top:3.6rem;font-size:1.4rem;font-weight:500;line-height:1.14;color:#000;}
.forms-title::after{display:block;clear:both;content:'';}
.forms-text{padding-bottom:1.6rem;font-size:1.4rem;letter-spacing:-0.18px;color:#5a5a5a;line-height:2rem;}
.forms-item{position:relative;}
.forms-item::after{display:block;clear:both;content:'';}
.forms-item + .forms-item{margin-top:1.2rem;}
.forms-item button{width:100%;height:6rem;line-height:5.8rem;padding:0;border-radius:1.2rem;border:solid .1rem #000;background-color:#fff;font-size:1.6rem;font-weight:500;text-align:center;color:#000;}
.forms-item [type="text"],
.forms-item [type="password"],
.forms-item select{height:6rem;line-height:5.8rem;padding:0 1.6rem;border-radius:1.2rem;border:solid .1rem #d2d2d2;background-color:#fff;}
.forms-item textarea{height: 24rem;padding: 2.2rem 1.6rem;border: solid .1rem #d2d2d2;background-color: #fff;}
.forms-item input[disabled],.forms-item input[readonly]{background-color:#e7e7e7;}
.forms-item input + i{display:none;text-indent:-9999px;font-size:0;}
.forms-item input.open{position:relative;display:block;padding-right:64px;}
.forms-item input.open + a{display:block;clear:both;position:absolute;top:50%;right:0;width:64px;height:24px;line-height:24px;margin-top:-12px;font-size:14px;letter-spacing:-0.18px;color:#5a5a5a;text-indent:0;text-align:center;}
.forms-item input.wrong{position:relative;display:block;padding-right:48px;}
.forms-item input.wrong + i{display:block;clear:both;position:absolute;top:50%;right:12px;width:24px;height:24px;margin-top:-12px;background:url(../images/_common/ico_pw_wrong@2x.png) no-repeat 0 0 / 100% 100%;}
.forms-item input.ok{position:relative;display:block;padding-right:48px;}
.forms-item input.ok + i{display:block;clear:both;position:absolute;top:50%;right:12px;width:24px;height:24px;margin-top:-12px;background:url(../images/_common/ico_pw_ok@2x.png) no-repeat 0 0 / 100% 100%;}
.forms-item .dash{height:60px;line-height:6rem;text-align:center;}

.forms-item.type-sex{padding-right:124px;}
.forms-item.type-sex .sex{position:absolute;top:0;right:0;}
.forms-item.type-btn-medium{padding-right:100px;}
.forms-item.type-btn-medium .btn{position:absolute;top:0;right:0;width:96px;}
.forms-item.type-btn-short{margin-top:4px;padding-right:62px;}
.forms-item.type-btn-short .btn{position:absolute;top:0;right:0;width:58px;}
.forms-item.type-btn-short .btn button{background-color:#7864e4;color:#fff;}
.forms-item.type-btn{padding-top:12px;}
.forms-item.type-txt{ font-size:12px;line-height:1.5;letter-spacing:-0.15px;color:#5a5a5a;}
.forms-item.type-txt + .type-tip{margin-top:0;}
.forms-item.type-tip{padding-top:4px;}
.forms-item.type-tip p{position:relative;padding-left:10px;text-align:left;font-size:12px;line-height:1.5;letter-spacing:-0.15px;color:#ff8383;}
.forms-item.type-tip p:before{content:'*';position:absolute;top:0;left:0;}

.forms-item.type-address{padding-right:62px;}
.forms-item.type-address .btn{position:absolute;top:0;right:0;width:58px;}
.forms-item.type-address .btn button{}
.forms-item.type-address + .forms-item{margin-top:4px;}

.forms-item.type-agree{}
.forms-item.type-agree > div + div{margin-top:8px;}

.forms-item.type-etc{margin-top:24px;}
.forms-item.type-etc .check{float:left;}
.forms-item.type-etc .btn{float:right;}
.forms-item.type-etc .btn a{position:relative;display:inline-block;line-height:24px;font-size:14px;letter-spacing:-0.18px;color:#000;}
.forms-item.type-etc .btn a + a{margin-left:8px;padding-left:9px;}
.forms-item.type-etc .btn a + a::before{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background-color:#979797;}
.forms-item .tip{padding-top:4px;font-size:12px;line-height:1.5;letter-spacing:-0.15px;color:#5a5a5a;}

.forms-item.type-date [type="text"]{cursor:pointer;background:url(../images/common/forms_ico_date@2x.png) no-repeat right 1.6rem center / 2.4rem 2.4rem;}
.forms-item.type-num-btn{padding-right:7rem;}
.forms-item.type-num-btn .input{border-radius:1.2rem;}
.forms-item.type-num-btn [type="text"],
.forms-item.type-num-btn [type="password"]{height:6rem;padding-right:8rem;border:solid .1rem #d2d2d2;}
.forms-item.type-num-btn .btn{position:absolute;top:0;right:0;width:14rem;}

.forms-item.type-email{}
.forms-item.type-email::after{display:block;clear:both;content:'';}
.forms-item.type-email > div{float:left;}
.forms-item.type-email .input{width:52%;}
.forms-item.type-email .dash{width:6%;}
.forms-item.type-email .select{width:42%;}

/* 220414 추가 및 수정사항 */
@media all and (max-width:480px){
	[type="text"],[type="password"],select,textarea{font-size:1.7rem;}
	select{font-size:1.7rem;}
	.check-type1 + .check-type1{margin-left:3.5rem;}
	.check-type1.price input[type=checkbox] + label{font-size:1.7rem;}
	.forms-title{font-size:1.7rem;}
	.forms-text{font-size:1.7rem;}
	.forms-item button{font-size:1.8rem;}
}