@charset "utf-8";
@import url('fonts.css');
@import url('https://fonts.cdnfonts.com/css/poppins');
@import url('https://fonts.cdnfonts.com/css/play');

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;}
html{font-size:10px}
@media screen and (max-width:1400px){}
@media screen and (max-width:1200px){
	html{font-size:9px}
}
@media screen and (max-width:960px){
	html{font-size:8px}
}
@media screen and (max-width:720px){
	html{font-size:7px}
}
@media screen and (max-width:480px){
	html{font-size:6px}
}
@media screen and (max-width:374px){
	html{font-size:5px}
}

/* Reset */
*{vertical-align:top;box-sizing:border-box;}
body,button,input,textarea,select,table,h1,h2,h3,h4,h5,h6{font-family:'NotoSansKR','Noto Sans Korean','Noto Sans KR','KoPub Dotum','돋움','dotum','sans-serif';font-size:16px;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}
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;}

/* Forms Style */
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:#efefef;color:rgba(85,85,85,0.3);}
::placeholder{font-family:'Noto Sans Korean','Noto Sans KR';color:inherit;opacity:0.6;}
::-webkit-input-placeholder{font-family:inherit;color:inherit;opacity:0.6;}
::-ms-input-placeholder{font-family:inherit;color:inherit;opacity:0.6;}
::-moz-placeholder{font-family:inherit;color:inherit;opacity:0.6;}
button,[type="reset"],[type="submit"]{border:0;cursor:pointer;-webkit-appearance:button}
button::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;}
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} */
:focus-visible{outline-offset:1px;}
/* [type="text"].date,.date [type="text"]{padding-right:40px;background: #fff url(../images/_common/input_ico_calendar@2x.png) no-repeat right 12px center / 12px 12px;} */
input,button,.select,textarea{font-size:inherit;color:inherit;}
[type="text"],[type="password"],select{height:40px;line-height:38px;padding:0 1.2rem;}
[type="text"],[type="password"],select,button,textarea{width:100%;background:#fff;border:1px solid #cccccc;border-radius:5px;background-color:#fff;font-size:1.6rem;font-weight:400;letter-spacing:-0.02em;color:#000000;}
[type="password"]::placeholder{font-family:'Noto Sans Korean','Noto Sans KR';opacity:1}
[type="password"]::-webkit-input-placeholder{opacity:1}
[type="password"]::-ms-input-placeholder{opacity:1}
[type="password"]::-moz-placeholder{opacity:1}

[type='file']{font-size:1.7rem;letter-spacing:-0.03em;color:#6e6e6e;}
button{height:40px;line-height:38px;padding:0 2px;border:1px solid #223ebb;font-size:1.4rem;color:#223ebb;text-align:center;}
.dash{height:40px;line-height:40px;color:#555555;text-align:center;}

select{border:1px solid #e0e0e0;background:url(../images/_sub/select_arrow.png) no-repeat right 11px center;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;vertical-align:top;}
select::-ms-expand{display:none;}
/* select:invalid{color:rgba(85,85,85,0.8);} */
/* select:required:invalid{color:red;} */
/* select:not(:checked){color:red;} */
/* select option:not(:disabled){color:red;} */
textarea{height:130px;padding:16px;}

/* 레이어팝업 */
.modal-wrap{position:fixed;left:0;top:0;width:100%;height:100%;padding:2rem 0;background:rgba(0, 0, 0, 0.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:all .2s ease;z-index:1000;}
.modal-area{position:absolute;top:50%;left:50%;width:560px;/* max-width:calc(100% - 40px);*/max-height:calc(100vh - 40px);margin:0 auto;overflow-x:visible;transform:translate(-50%,-50%);/* transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));*/z-index:999;background-color:#fff;}
/* overflow-y:auto;*/
.modal-close{position:absolute;top:3rem;right:3.5rem;width:25px;height:25px;line-height:1;cursor:pointer;background:url(../images/_common/modal_close.png) no-repeat 50% 50% / 100% 100%;text-indent:-9999px;z-index:1;border:0 none;}
.modal-wrap.active{opacity:1;visibility:visible;transform:scale(1.0);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
body.show-modal{overflow:hidden;}

.modal-head{position:relative;height:84px;}
.modal-head .modal-title{margin:0;padding:0 2.4rem;line-height:84px;box-shadow:inset 0 -1px 0 0 #e2e2e2;background-color:#fafafa;font-weight:700;font-size:2.4rem;color:#00247c;}

.modal-body{position:relative;background-color:#fff;transform:skew(-0.03deg);}
.modal-body::after{display:block;clear:both;content:'';}

.modal-body.on .modal-scroll{max-height:100%;overflow-y:auto;}
.modal-scroll{}
.modal-content{padding:0 5.8rem;}
.modal-content::after{display:block;clear:both;content:'';}

.modal-title{padding:7.8rem 0 1.4rem;font-size:3rem;font-weight:700;color:#000000;letter-spacing:-0.03em;text-align:center;}
.modal-text{margin-bottom:7.6rem;font-size:1.4rem;color:#666666;letter-spacing:-0.03em;text-align:center;line-height:2rem;}
.modal-data{margin-top:2rem;margin-bottom:4.6rem;padding:16px 0 0;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc}
.modal-data .title{margin-bottom:1.6rem;font-size:1.8rem;font-weight:700;color:#c50000;letter-spacing:-0.03em;}
.modal-data .text{font-size:1.5rem;color:#666666;letter-spacing:-0.03em;line-height:1.35;}
.modal-data .text b{color:#212121}
.modal-data .text p + p{margin-top:0.6rem;}
.modal-data .check{padding:4rem 0 20px;text-align:center;}
.modal-data .dot{position:relative;padding-left:10px;}
.modal-data .dot:before{content:'-';position:absolute;top:0;left:0;}

.modal-info{margin-top:2rem;margin-bottom:4.6rem;padding:16px 0 20px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc}
.modal-info .title,.modal-info .text{font-size:1.6rem;color:#212121;line-height:2.5rem;letter-spacing:-0.03em;}
.modal-info .title{font-weight:700;}
.modal-info .text{}
.modal-info .text + .title{margin-top:2rem;}

.modal-form{margin-bottom:4.6rem;padding:16px 0 20px;}
.modal-form .title{margin-bottom:6px;font-size:1.6rem;font-weight:700;color:#212121;line-height:2.5rem;letter-spacing:-0.03em;}
.modal-form .input{margin-bottom:12px;}
.modal-form .input input{height:5rem;line-height:5rem;border:1px solid #cccccc;border-radius:0;}
.modal-form .check{padding-top:2.5rem;}

.modal-wrap input[type=checkbox]{display:inline-block;position:absolute;left:-9999px;}
.modal-wrap input[type=checkbox] + label{z-index:10;position:relative;display:inline-block;line-height:20px;padding:0 0 0 22px;font-size:1.4rem;color:#363636;cursor:pointer;}
.modal-wrap input[type=checkbox] + label.required{text-decoration:underline;}
.modal-wrap input[type=checkbox] + label.empty{float:left;width:14px;height:20px;margin-right:8px;}
.modal-wrap input[type=checkbox] + label.empty + a{display:block;line-height:20px;font-size:1.4rem;color:#363636;text-decoration:underline;}
.modal-wrap input[type=checkbox] + label:before{content:"";width:14px;height:20px;position:absolute;top:0;left:0;background:url(../images/_common/modal_check_ico_off.png) no-repeat 50% 50% / 14px 20px;}
.modal-wrap input[type=checkbox]:checked + label:before{text-align:center;background:url(../images/_common/modal_check_ico_on.png) no-repeat 50% 50% / 14px 20px;}
.modal-wrap input[type=checkbox]:focus-visible + label:before{outline-style:dashed;outline-color:#000;outline-width:thin;}
.modal-wrap .modal-form input[type=checkbox] + label{font-size:1.5rem;color:#363636;}
.modal-wrap .modal-form input[type=checkbox] + label + a{font-size:1.3rem;color:#888888;line-height:20px;}
.modal-submit{}
.modal-submit a,.modal-submit button{display:block;height:7rem;line-height:7rem;background:#212121;border:0 none;border-radius:0;font-size:2rem;font-weight:700;color:#ffffff;letter-spacing:-0.03em;text-align:center;}

.modal-clause{}
.modal-clause .modal-area{width:630px !important;border:1px solid #000000;border-radius:0;}
.modal-clause .modal-close{top:2.8rem;right:3.8rem;width:16px;height:18px;background:url(../images/_common/modal_clause_close.png) no-repeat 50% 50% / 100% 100%;}
.modal-scroll{padding:2.8rem;font-size:12px;color:#666666;line-height:1.5;letter-spacing:-0.02em;}
.modal-clause-title{margin-bottom:2.8rem;font-size:20px;font-weight:700;color:#000000;letter-spacing:-0.02em;}

.modal-basic{}
.modal-basic .modal-area{width:590px !important;border:1px solid #e7e7e7;border-radius:10px;overflow:hidden;}
.modal-basic .modal-body{padding:0 0 36px;}
.modal-basic .modal-body.on{padding:0;}
.modal-basic .modal-body.on .modal-scroll{padding:0 0 36px;}

@media all and (max-width:1340px){

}
@media all and (max-width:1200px){

}
@media all and (max-width:960px){

}
@media all and (max-width:720px){
	.modal-clause .modal-area{width:100% !important;max-width:calc(100% - 40px) !important;}
	.modal-basic .modal-area{width:100% !important;max-width:calc(100% - 40px) !important;}
	.modal-content{padding:0 3.2rem;}
	[type="text"],[type="password"],select,button,textarea{font-size:12px;}
	[type='file']{font-size:13px;}
	button{font-size:12px;}
}
@media all and (max-width:480px){
}