@charset "utf-8";
@import url('fonts.css');

html,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;}

/* 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;cursor: pointer;}
[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:42px;line-height:40px;padding:0 12px;}
[type="text"],[type="password"],select,textarea{width:100%;border-radius:4px;border:solid 1px #979797;font-size:14px;letter-spacing:-0.18px;color:#5a5a5a;}
select{height:48px;line-height:48px;padding:0 16px;border:0 none;background:#fff url(../images/common/select_arrow@2x.png) no-repeat right 16px center / 12px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;vertical-align:top;font-size:14px;letter-spacing:-0.18px;color:#5a5a5a;}
select::-ms-expand{display:none;}
textarea{height:126px;padding:12px}
button{background:#575c63;color:#fff;}
.dash{text-align:center;}

.check-type1{position:relative;}
.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:20px;padding:2px 0 2px 30px;font-size:14px;letter-spacing:-0.18px;color:#000;cursor:pointer;}
.check-type1 input[type=checkbox] + label.required{text-decoration:underline;}
.check-type1 input[type=checkbox] + label:before{content:"";width:24px;height:24px;position:absolute;top:0;left:0;background:url(../images/common/checkbox_off@2x.png) no-repeat 50% 50% / 24px 24px;}
.check-type1 input[type=checkbox]:checked + label:before{text-align:center;background:url(../images/common/checkbox_on@2x.png) no-repeat 50% 50% / 24px 24px;}
.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 37px 2px 0;font-size:14px;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.type4 li{width:78px;}
.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-text{padding-bottom:16px;font-size:14px;letter-spacing:-0.18px;color:#5a5a5a;line-height:20px;}
.forms-item{position:relative;}
.forms-item::after{display:block;clear:both;content:'';}
.forms-item + .forms-item{margin-top:12px;}
.forms-item button{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;}
.forms-item input{border:0 none;height:48px;line-height:48px;padding:0 16px;border-radius:6px;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.type-title{}
.forms-item.type-title .title{clear:both;padding-bottom:6px;font-size:14px;letter-spacing:-0.18px;color:#000;}
.forms-item.type-title .title::after{display:block;clear:both;content:'';}
.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;}