@import url('./default.css');
@import url('iconfont/intaefont/style.css');
@import url('animation/animations.css');

@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/hanna.css');

[class^="nanumSR"], [class*="nanumSR"]{font-family:'NanumSquareRound', sans-serif;}
[class^="nanumSQ"], [class*="nanumSQ"]{font-family:'NanumSquare', sans-serif;}
.nanumSQ300{font-weight:300;} .nanumSQ400{font-weight:400;} .nanumSQ700{font-weight:700;} .nanumSQ800{font-weight:800;}
[class^="noto"], [class*="noto"]{font-family:'Noto Sans KR', sans-serif;}
.noto100{font-weight:100;} .noto200{font-weight:200;} .noto300{font-weight:300;} .noto400{font-weight:400;} .noto500{font-weight:500;} .noto600{font-weight:600;} .noto700{font-weight:700;}
[class^="hansan"]{font-family:'Black Han Sans', sans-serif;}
.mont{font-family:'Montserrat', sans-serif;font-weight:400;}


:root{
	--mainFont:#1C549C;
}


::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(0,0,0,0.3);}
::selection{background-color:rgba(0,0,0,0.3);color:#fff;}
-webkit-::selection{background-color:rgba(0,0,0,0.3);color:#fff;}
::-moz-selection{background-color:rgba(0,0,0,0.3);color:#fff;}






/*─────────────────────────────────────────────────
												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-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;}
.flex-wrap{flex-wrap:wrap !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}
}


.bored{border:1px solid red !important;}

.sticky{position:sticky;}








/*─────────────────────────────────────────────────
										formContainer
─────────────────────────────────────────────────*/
[class*='formContainer']{position:relative;font-size:12px;--form-fontSize:12px;--form-height:29px;display:flex;flex-direction:column;gap:20px;}
	.form-label{}
	@media screen and (min-width:781px) {
		.label100 .form-label{width:100px;}.label110 .form-label{width:110px;}.label120 .form-label{width:120px;}.label130 .form-label{width:130px;}.label140 .form-label{width:140px;}.label150 .form-label{width:150px;}.label160 .form-label{width:160px;}.label170 .form-label{width:170px;}.label180 .form-label{width:180px;}.label190 .form-label{width:190px;}.label200 .form-label{width:200px;}.label210 .form-label{width:210px;}.label220 .form-label{width:220px;}.label230 .form-label{width:230px;}.label240 .form-label{width:240px;}.label250 .form-label{width:250px;}
	}
	
	@media screen and (min-width:781px) {
		.form-list{position:relative;display:flex;align-items:center;gap:10px;align-items:stretch;flex-wrap:wrap;}
		.form-list .form-list-inner{flex:1;display:flex;gap:10px;} /* 한줄에 여러개 나올때 */
	}	
	.form-list#wrSubject{flex:1;width:100%;}
	
	.form-list .form-label{font-size:var(--form-fontSize);font-weight:var(--bold);line-height:1.3em;display:inline-flex;align-items:center;/*flex-shrink:1;*/}
	.form-list .form-label label{position:relative;display:inline-flex;align-items:center;min-height:var(--form-height);}
	.form-list .form-label label.required:before{content:'*';color:var(--red);position:absolute;left:-12px;}

	.form-list .formCon{position:relative;flex:1;}
	.form-list .formCon.flex{display:flex;align-items:center;gap:10px;}
	.form-list .formCon.column{display:flex;flex-direction:column;gap:10px;}
	.form-list .formCon label{font-weight:var(--bold);}
	.form-list .formCon .emailCheck-msg{color:var(--red);}
	.form-list .formCon .emailCheck-msg.checked:before{content:'\e932';font-family:'myfont';font-size:15px;color:var(--green);margin-left:-10px;}
	.form-list .formCon textarea.first-line:first-line{font-family:'Noto Sans KR', sans-serif;font-size:20px;font-weight:var(--bold);line-height:1.8em;}
	.form-list .formCon .inputSet{display:inline-flex;align-items:center;vertical-align:middle;}
	.form-list .formCon .inputSet > *:not(:first-child) input, .form-list .formCon .inputSet > input:not(:first-child){margin-left:-1px;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
	.form-list .formCon .inputSet > *:not(:last-child) input, .form-list .formCon .inputSet > input:not(:last-child){border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
	.form-list .formCon .filewrap{display:flex;flex-direction:column;gap:10px}
	.form-list .formCon input + [class*='_btn\/'], .form-list .formCon input + ._btn{height:var(--form-height);}

	

	.form-group{background:rgba(71,78,103,0.025);border-radius:6px;padding:10px 15px;display:flex;flex-direction:column;gap:20px;}
	.form-group .form-list:first-child{border-top:0;}
	.form-group .form-list:last-child{border-bottom:0;}
	.form-group + *{/*margin-top:5px;*/}
	.form-group\/line{background:#fff;border:1px solid var(--mainColor);padding:20px 25px;margin-bottom:20px;border-radius:6px}	
	.form-group\/line\/bg{background:#f8fbfc;border:1px solid var(--mainColor);padding:20px 25px;margin-bottom:20px;border-radius:6px}
	@media screen and (max-width:780px) {
		.form-group\/line{padding:15px;margin-bottom:0px;border-radius:4px}
		.form-group\/line\/bg{padding:15px;margin-bottom:0px;border-radius:4px}
	}
	.form-group\/btn-group{position:relative;margin-top:15px;margin-bottom:15px;padding:15px;background:rgba(71,78,103,0.03);border-radius:6px;display:flex;justify-content:center;flex-direction:column;gap:10px;border:1px solid red;}
	.form-group\/btn-group .form-group-head{width:100%;display:flex;align-items:center;gap:10px;}
	.form-group\/btn-group .add-list{width:26px;height:22px;border-radius:4px;border:1px dashed #3474f6;color:#3474f6;background:#fff;font-size:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
	.form-group\/btn-group .add-list:before{content:'\e95a';font-family:'myfont';font-size:13px;}
	.form-group\/btn-group .add-list:hover{background:#eaf1ff}
	.form-group\/btn-group .option-list{display:flex;justify-content:center;flex-direction:column;gap:10px;}
	.form-group\/btn-group .form-list{width:100%;}

	.form-btn-set{position:relative;margin-top:25px;margin-bottom:20px;border-radius:6px;display:flex;justify-content:center;flex-direction:column;}
	@media screen and (min-width:781px) {
		.form-btn-set .add-list{position:absolute;top:-9px;left:-9px;z-index:2;width:19px;height:19px;border-radius:5px;color:#fff;background:var(--blue);font-size:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
		.form-btn-set .add-list:before{content:'\e95a';font-family:'myfont';font-size:13px;}
		.form-btn-set .add-list:hover{background:var(--subColor)}
		.form-btn-set .input-btn-radius{--form-height:22px;position:absolute;top:-21px;right:0px;}
		.form-btn-set .input-btn-radius .label{border-bottom:0;border-bottom-left-radius:0 !important;}
		.form-btn-set .input-btn-radius input{width:42px;padding:0 4px;font-size:11px;font-family:var(--mont);flex:none;border-bottom:0;border-bottom-right-radius:0 !important;box-shadow:none !important;border-color:rgba(0,0,0,0.15) !important;}
		.form-btn-set .option-list{display:flex;justify-content:center;flex-direction:column;gap:10px;padding:10px;border-radius:7px;border-top-right-radius:0 !important;background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 4px 5px rgba(0,0,0,0.02);}
		.form-btn-set .form-btn-list{width:100%;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
		.form-btn-set .form-btn-list .btnlink-set{flex:1;display:inline-flex;gap:10px;}
		.form-btn-set .form-btn-list .btn-name{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}
		.form-btn-set .form-btn-list .btnColor-set{position:relative;display:inline-flex;align-items:center;}
		.form-btn-set .form-btn-list .btnPopupOption{inline-flex;align-items:center;gap:5px;}
		.form-btn-set .form-btn-list .bootstrap-select{font-family:var(--nanumSR);--form-fontSize:13px;}
	}
	@media screen and (max-width:780px) {
		.form-btn-set{}
		.form-btn-set .form-head{margin-bottom:10px;display:flex;align-items:center;gap:10px;}
		.form-btn-set .form-head .form-label{font-size:var(--form-fontSize);font-weight:var(--bold);line-height:1.3em;display:inline-flex;align-items:center;}
		.form-btn-set .add-list{width:19px;height:19px;border-radius:5px;color:#fff;background:var(--blue);font-size:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
		.form-btn-set .add-list:before{content:'\e95a';font-family:'myfont';font-size:13px;}
		.form-btn-set .add-list:hover{background:var(--subColor)}
		.form-btn-set .input-btn-radius{--form-height:25px;width:auto;position:absolute;top:-4px;right:0;display:inline-flex;align-items:center;flex-direction:row;}
		.form-btn-set .input-btn-radius .label{}
		.form-btn-set .input-btn-radius input{width:50px;padding:0 4px;font-size:11px;font-family:var(--mont);flex:none;border-color:rgba(0,0,0,0.15) !important;}
		.form-btn-set .option-list{display:flex;justify-content:center;flex-direction:column;gap:15px;}
		.form-btn-set .form-btn-list{width:100%;padding:0;display:flex;flex-wrap:wrap;gap:10px;padding:10px;border-radius:7px;background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 4px 5px rgba(0,0,0,0.02);}
		.form-btn-set .form-btn-list .form-label{width:100%;}
		.form-btn-set .form-btn-list .btnlink-set{flex:1;display:flex;flex-wrap:wrap;gap:10px;}
		.form-btn-set .form-btn-list .btnlink-set .btn-target{flex:1;}
		.form-btn-set .form-btn-list .btn-name{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}
		.form-btn-set .form-btn-list .btnColor-set{position:relative;width:100%;display:flex;align-items:center;}
		.form-btn-set .form-btn-list .btnPopupOption{inline-flex;align-items:center;gap:5px;}
		.form-btn-set .form-btn-list .bootstrap-select{font-family:var(--nanumSR);--form-fontSize:13px;}
	}


/* LINE */
[class*='formContainer']\/line{gap:0;}
[class*='formContainer']\/line .form-list{gap:10px;border-top:1px solid #edf1f5;padding:12px 10px}
[class*='formContainer']\/line .form-list:last-child{border-bottom:1px solid #edf1f5;}
[class*='formContainer']\/line .form-list:first-child:nth-last-child(1){border:0;}

.mybox [class*='formContainer']{gap:0;}
.mybox [class*='formContainer'] .form-list{gap:10px;border-top:1px solid #edf1f5;padding:12px 10px}
.mybox [class*='formContainer'] .form-list:first-child{border-top:0;}
.mybox [class*='formContainer'] .form-list:last-child{border-bottom:0;}