@charset "utf-8";

/* ==================================================
	�� ��Ʈ
================================================== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;700&display=swap');

/* ==================================================
	���뷹�̾ƿ�
================================================== */
#header, #footer {width:100%;}
.size {width:100%; max-width:1000px; padding:0 40px; box-sizing:border-box; height:auto; margin:0 auto;}
.inner  {width:100%; box-sizing:border-box;}
.wrapper {width:100%; position:relative; overflow:hidden; margin:0 auto; min-height:600px; }
#wrapper{height:100vh; opacity:1 !important; overflow:hidden;}
#wrapper.sub_w{height:100%; opacity:1 !important; overflow:initial}
#main{position:relative; z-index:10; transition: all .4s ease;}
#wrapper.observe #main{transform:translateY(-278px);}
#sub{ margin-top:117px;}
.flex{display: flex;}

a:hover{transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}


.basic_img{opacity:0; visibility:hidden; height:auto; width: 100%;}
.back_img{background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
img { vertical-align: middle; max-width: 100%;}

.fBox { display: -webkit-box !important; display: -moz-box !important;  display: -ms-flexbox !important;  display: flex !important; -webkit-box-pack: justify; -moz-justify-content: center; -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center;  -moz-align-items: center; -ms-flex-align: center; align-items: center; }
.flex_box { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center;  -moz-align-items: center; -ms-flex-align: center; align-items: center;}
.flex_box.start { -webkit-box-align: start;  -moz-align-items: start; -ms-flex-align: start; align-items: start ;}
.flex_box.end { -webkit-box-align: end;  -moz-align-items: end; -ms-flex-align: end; align-items: end ;}

.flex_box.w50 > * { width: 50%; box-sizing: border-box; }
.flex_box.w50 > div:first-child { padding-right: 50px; }
.flex_box.w50 > div.pr-0:first-child  { padding-right: 0px; }
.flex_box.w50 > div:last-child { padding-left: 50px; }
.flex_box.w50 > div.pl-0:last-child { padding-left: 0px; }

.move {transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; }


/* animated */

.animate [class*='ani-']{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.fromLeft:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(-50px, 0, 0); -webkit-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0);  -moz-transform:translate3d(-50px,0,0);}
.fromRight:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(50px, 0, 0); -webkit-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -moz-transform:translate3d(50px, 0, 0); }
.fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 100px, 0); -webkit-transform:translate3d(0, 100px, 0); -o-transform:translate3d(0, 100px, 0); -ms-transform:translate3d(0, 100px, 0); -moz-transform:translate3d(0, 100px, 0);}
.fromTop:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, -100px, 0); -webkit-transform:translate3d(0, -100px, 0); -o-transform:translate3d(0, -100px, 0); -ms-transform:translate3d(0, -100px, 0); -moz-transform:translate3d(0, -100px, 0); }
.fromCenter:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8) translate3d(0,0,0) ; -webkit-transform:scale(0.8) translate3d(0,0,0); -o-transform:scale(0.8) translate3d(0,0,0); -ms-transform:scale(0.8) translate3d(0,0,0); -moz-transform:scale(0.8) translate3d(0,0,0); }

.animate [class*='ani-'] {transition-property:transform, opacity; -webkit-transition-property:transform, opacity; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:.8s; -moz-transition-duration:.8s;   }
.animate.fast [class*='ani-'] {transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:.6s; -moz-transition-duration:.6s;}
.animate.slow [class*='ani-'] {transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;  }

.animate .ani-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.animate .ani-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.animate .ani-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.animate .ani-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.animate .ani-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.animate .ani-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.animate .ani-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.aniamte .ani-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}
.aniamte .ani-9 {transition-delay:1280ms; -webkit-transition-delay:1280ms; -o-transition-delay:1280ms; -moz-transition-delay:1280ms; }
.animate .ani-10 {transition-delay:1440ms; -webkit-transition-delay:1440ms; -o-transition-delay:1440ms; -moz-transition-delay:1440ms; }
.animate .ani-11 {transition-delay:1600ms; -webkit-transition-delay:1600ms; -o-transition-delay:1600ms; -moz-transition-delay:1600ms; }
.fast.animate .ani-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.animate .ani-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.animate .ani-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.animate .ani-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.animate .ani-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.animate .ani-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.animate .ani-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.animate .ani-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}

.slow.animate .ani-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.animate .ani-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.animate .ani-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.animate .ani-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.animate .ani-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.animate .ani-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.animate .ani-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.animate .ani-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}

.scale [class*='sc-'] {transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transition-property:transform; -webkit-transition-property:transform; -o-transition-property:transform; -moz-transition-property:transform; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; -moz-transition-duration:0.8s; }

.scale .fromSc9:not(.done) {transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); -moz-transform:scale(0.9);}
.scale .fromSc8:not(.done) {transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8);}
.scale .fromSc7:not(.done) {transform:scale(0.7); -webkit-transform:scale(0.7); -o-transform:scale(0.7); -ms-transform:scale(0.7); -moz-transform:scale(0.7); }
.scale .fromSc6:not(.done) {transform:scale(0.6); -webkit-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -moz-transform:scale(0.6); }
.scale .fromSc5:not(.done) {transform:scale(0.5); -webkit-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); }
.scale .fromSc11:not(.done) {transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}
.scale .fromSc12:not(.done) {transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }
.scale .fromSc13:not(.done) {transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); }
.scale .fromSc14:not(.done) {transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); -moz-transform:scale(1.4);}
.scale .fromSc15:not(.done) {transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); }

.scale .sc-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.scale .sc-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.scale .sc-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.scale .sc-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.scale .sc-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.scale .sc-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.scale .sc-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.scale .sc-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}

.fast.scale .sc-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.scale .sc-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.scale .sc-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.scale .sc-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.scale .sc-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.scale .sc-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.scale .sc-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.scale .sc-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}


.slow.scale .sc-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.scale .sc-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.scale .sc-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.scale .sc-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.scale .sc-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.scale .sc-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.scale .sc-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.scale .sc-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}


.vertical-i {animation:vb 1s infinite;}

@keyframes vb {
	0%{
		bottom: 0;
	}
	50% {
		bottom:10px;
	}
	100% {
		bottom:0px; 
	}
}

@keyframes vt{
	0%{
		top: 0;
	}
	50%{
		top:10px;
	}
	100%{
		top:0;
	}
}

/* search */
.sub.question .title{padding-bottom: 20px;}
.bbsSearch {float:right; height:40px; border-bottom:2px solid #961a17; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-width:280px; width:100%; position:relative;} 
.bbsSearch input[type='text'] {height:36px; line-height:36px; box-sizing:border-box; outline:none; border:0; width:100%;}
.bbsSearch input[type='button'] {border:0; width:36px; text-indent:-9999em; position:absolute; top:40%; right:0; display:inline-block; margin-top:-12px;}
.bbsSearch .searchWord {float:left; position:relative; width:100%;}
.bbsSearch .srchSelect {float:left; display:block; width:29%; margin-right:1%; box-sizing: border-box;}
.bbsSearch .srchSelect .dSelect{width:100%;}
.bbsSearch .searchWord.btnSearch input[type='text'] {width:calc(100% - 84px) !important; padding:5px;}
.bbsSearch .searchWord.btnSearch input[type='button']{width:80px; min-width: 80px;  text-indent:0; position: relative; top:inherit; right:inherit;  background:rgba(0,0,0,0.8); margin:0;}

#tem{width: 100%; border: none; outline: none;}
#tem option:first{display: none;}
.input:focus li{border-bottom: 2px solid #961a17; box-sizing: border-box;}

/* filebox */
.filebox{display: flex; align-items: center; justify-content: space-between; padding-right: 9px;} 
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: none;}
.filebox input::placeholder{font-size: 1.6rem; font-weight: 300; color: rgba(0,0,0,0.5); vertical-align: middle; }
.filebox label{ background: url(../images/upload.png) no-repeat center center; width:20px; height: 20px; object-fit: cover; cursor: pointer; padding: 0 18px 0 5px;}
.filebox .upload-name{display: inline-block; padding-left: 4px; height: 40px; vertical-align: middle; border: none; width: 100%; color: #999999; outline: none;}

/* agree_txt popup*/
.agree_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; transition: 0.3s;}
.agree_wrap.active{display: none !important;}
.agree_wrap.on{opacity: 1; z-index: 999;}
.agree_bg{background: rgba(44,45,47,0.9); width: 100%; height: 100%; opacity: 0.9;} 
.agree_txt{width: 90%; max-width: 1200px; max-height: 50vh; background: #fff; padding: 42px 36px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box;}
.agree_txt .txt_wrap{ max-height: 43vh; overflow-y: scroll; box-sizing: border-box;}
.agree_txt .txt_wrap h2{font-size: 2.4rem; font-weight: 800; line-height: 3.2rem; padding-bottom: 30px; width: fit-content;}
.agree_txt .txt_wrap h2::after{content: ''; clear: both; width: 100%; height: 8px; background: #961a17; display: block; margin-top: -9px;}
.agree_txt .txt_wrap::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.agree_txt .txt_wrap::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background: rgba(51,51,51,0.2); /* 스크롤바의 색상 */   border-radius: 10px;}
.agree_txt .txt_wrap::-webkit-scrollbar-track { background: transparent;  /*스크롤바 뒷 배경 색상*/}
.agree_wrap .close{position: absolute; top: -65px; right: 0; z-index: 999; cursor: pointer;}
.agree_wrap .close span{color: #fff; display: flex; border: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; font-size: 2.4rem; font-weight:200;padding: 17px; border-radius: 5px;}
.agree_wrap .close:hover span{border: 1px solid rgba(255,255,255,1.0); }

.select{display:inline-block;  position:relative; height:46px; width: 157px; vertical-align: middle; max-width: 157px; z-index: 9;}
.select select{display: block; cursor: pointer;  max-width:100%;  -moz-appearance:none; /* Firefox */   -webkit-appearance:none; /* Safari and Chrome */  appearance:none;}
select::-ms-expand { display:none; }
.select select:not([multiple]){right:5px;}
.select:not(.is-multiple):not(.is-loading)::after{border: 2px solid #333; border-radius: 2px; border-right: 0; border-top: 0; content: ' '; display: block; height: 6px; margin-top: -6px; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 6px; right:10px; z-index: 4;}
.select.dSelect, select#stype{height: 46px; line-height: 46px; border-radius: 5px; box-sizing: border-box;}
span.searchWord{margin-left: 5px;}
span.searchWord #se{text-indent: -999999px; background: #eaecf0 url(/img/search.svg) no-repeat center center; background-size: 13px 13px; width: 46px; height: 46px; line-height: 46px; border-radius: 0 5px 5px 0; border: 1px solid #dddee1; }

.select_drop {margin: 0px; height: 46px !important; line-height: 46px; width: 100%; font-weight: 500 !important; color: #000000 !important; background-color: #fff !important; border: 1px solid #e8e8e8 !important; box-sizing: border-box;  border-radius: 5px; cursor: pointer;}
.nice-select{width: 100% !important;}
.select_drop .list {width : 100%; max-height: 395px; overflow-y: auto;}
.select_drop.open {border: 1px solid #047bc1 !important; border-radius: 5px; box-sizing: border-box; box-shadow: 5px 5px 10x 0px rgba(18, 75, 68, 0.3);}
.select_drop .option:hover, .select_drop .option.focus, .select_drop .option.selected.focus {background-color: #f2f8fc; color: #961a17;}
/* 추가 css */
/* css로 애니메이션 되는 처리를 수정*/
.select_drop.slide .list {opacity: 1; top: 40px; -webkit-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); display: none; -webkit-transition: none; transition: none;}
.select_drop.slide .list li{border: 1px solid #dddee1; box-sizing: border-box; border-bottom: none; background: #000000; color: #fff; border: none; padding-left: 13px; cursor: pointer;}
.select_drop.slide .list li:last-child{border-radius: 0 0 5px 5px; border-bottom: 1px solid #dddee1;}
span.current{font-size: 1.5rem; font-weight: 400; line-height: 46px;}
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover{background: #000 !important;}
.nice-select:after{border-bottom: 2px solid #000 !important; border-right: 2px solid #000 !important;}

.radio-box{ position:relative;}
.radio-box > input[type="radio"]{width:1px; height:1px; margin:-1px; position:absolute; clip: rect(0, 0, 0, 0); overflow:hidden;}
.radio-box > input[type="radio"] ~ label{padding-left:26px; box-sizing:border-box; position:relative; font-size:1.6rem; font-weight:700; color:#222; cursor:pointer;}
.radio-box > input[type="radio"]:checked ~ label{color:#961a17;}
.radio-box > input[type="radio"] ~ label:before{display:block; content:''; clear:both; width:20px; height:20px; border-radius:10px; border:1px solid #ccc; padding:4px; box-sizing:border-box; background-color:#fff; position:absolute; top:50%; margin-top:-10px; left:0; z-index:0;}
.radio-box > input[type="radio"]:checked ~ label:after{display:block; content:''; clear:both; width:10px; height:10px; border-radius:5px; background:#961a17; position:absolute; top:50%; margin-top:-5px; left:5px; z-index:5;}
.radio-box + .radio-box{padding-left:10px;}