@charset "utf-8";
/*****************
	main.css 
	2023-11-15
******************/

/* main-wrap */
.main-area{position:relative; max-width:1200px; margin:0 auto; box-sizing:border-box;}

.main-section1{ position:relative; width:100%; height:790px; overflow:hidden; box-sizing:border-box;}
.main-section1:before {content:"";position:absolute;top:0; left:0; width:100%; height:100%; background:url(../img/section1_topbg.png) no-repeat center/cover; z-index:1;
	-webkit-animation: kenburns-top 5s ease-out both;
	        animation: kenburns-top 5s ease-out both;
}
.main-section1:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:214px; z-index:-1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5f60e1+0,7078fa+100 */
	background: #5f60e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #5f60e1 0%, #7078fa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5f60e1 0%,#7078fa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5f60e1 0%,#7078fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f60e1', endColorstr='#7078fa',GradientType=0 ); /* IE6-9 */
}
/** ----------------------------------------
 * animation kenburns-top
 * --------------------------------------- */
@-webkit-keyframes kenburns-top {
  0% {
	-webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
	opacity:0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
    opacity:1;
  }
}
@keyframes kenburns-top {
  0% {
	-webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
	opacity:0;
  }
  100% {
	  -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
	opacity:1;
    
  }
}

.main-conts{position:relative;text-align:center;z-index:99;}
.main-conts .mtitle-text{padding:121px 0 0 0;font-size:40px; font-weight:700;}
.main-conts .mtitle-topbtn{margin:56px 0 59px;}
.main-conts .mtitle-topbtn button{width:410px; height:64px; font-size:19px; letter-spacing:0; border-radius:50px !important; -webkit-box-shadow: 0px 1px 8px 1px rgba(88, 86, 214, 0.4); box-shadow: 0px 1px 8px 1px rgba(88, 86, 214, 0.4);}
.main-conts .mtitle-topbtn button img{margin-right:12px;}
.main-conts .mtitle-img img{max-width:100%;}
.main-conts .sub-text{padding:30px 0 60px 0;font-size:20px; font-weight:500;}
.ico24{width:24px;height:24px;}

.main-section2{position:relative; padding-bottom:110px; background:#c7daff; overflow:hidden;}
.main-section2 .mtitle-text{padding-top:100px !important; font-size:36px;}
.sub-text-wrap{margin-top:73px; text-align:center;}
.sub-text-wrap .sub-text-item1{display:inline-block; vertical-align:middle;width:380px;min-height:164px; padding:24px 30px; background:rgba(255, 255, 255, 0.8); border-radius:20px; -webkit-box-shadow: 0px 1px 8px 1px rgba(109, 145, 215, 0.2); box-shadow: 0px 1px 8px 1px rgba(109, 145, 215, 0.2); box-sizing:border-box;}
.sub-text-wrap .sub-text-item1 p{display:block; margin:8px 0; text-align:left; font-size:20px; font-weight:500; vertical-align:middle; letter-spacing:-0.01em;}
.sub-text-wrap .sub-text-item1 p img{margin-right:8px;}
.sub-text-wrap .sub-text-item2 {display:inline-block; vertical-align:middle;width:82px; height:70px; margin:0 20px 0 20px; background:url(../img/section2_icon_arrow.png) no-repeat;}
.sub-text-wrap .sub-text-item3 {display:inline-block;vertical-align:middle; width:350px; height:164px; padding:34px 0 20px 0; background:rgba(255, 255, 255, 1);border-radius:100px;  -webkit-box-shadow: 0px 1px 8px 1px rgba(109, 145, 215, 0.2); box-shadow: 0px 1px 8px 1px rgba(109, 145, 215, 0.2); box-sizing:border-box;box-sizing:border-box;}
.sub-text-wrap .sub-text-item3 .line1{margin-top:8px;font-size:27px; color:#5856d6; font-weight:800; cursor:pointer;} /* 2023.10.31 수정*/
.sub-text-wrap .sub-text-item3 .line1:hover{color:#727bfe;} /* 2023.10.31 추가 */
.sub-text-wrap .sub-text-item3 .line1 i{ vertical-align:middle; margin-top:-3px;} /* 2023.10.31 추가 */
.sub-text-wrap .sub-text-item3 .line2{margin-top:7px; font-size:18px; color:#ed1c24; font-weight:500;}


/* text underline */
.main-conts .u-line{ position:relative; display:inline-block;}
.main-conts .u-line:before{content: ''; width: 100%; height: 8px; position: absolute; bottom: 5px; background: #fff200; z-index: -1;}

.main-section3{position:relative; padding-bottom:67px; overflow:hidden; }
.main-section3 .mtitle-text{padding-top:100px !important;}
.main-section3 .mtitle-img img{margin-left:-40px;}

.main-section4{position:relative; padding-bottom:0; background:#f5f7fc; overflow:hidden; }
.main-section4 .mtitle-text{padding-top:100px !important;}
.main-section4 .mtitle-img img{margin-left:-100px;}

.main-section5{position:relative; padding-bottom:67px; overflow:hidden; }
.main-section5 .mtitle-text{padding-top:100px !important;}

@media all and ( max-width: 800px ){
	/* main section2 */	
	.main-section2{padding-bottom:80px; padding-left:24px; padding-right:24px;}
	.main-section2 .mtitle-text{padding-top:80px !important;}
	.sub-text-wrap{margin-top:40px;}
	.sub-text-wrap .sub-text-item1{display:block;width:100%; height:auto;  padding:24px 20px; }
	.sub-text-wrap .sub-text-item1 p{display:block; font-size:17px;}
	.sub-text-wrap .sub-text-item2 {display:block; width:70px; height:82px; margin:20px auto; background:url(../img/section2_icon_arrow_down.png) no-repeat;}
	.sub-text-wrap .sub-text-item3 {display:block; width:100%; height:auto; padding:34px 0;}
	.sub-text-wrap .sub-text-item3 .line1{/*font-size:34px;*/} /* 2023.10.31 수정 */
	.sub-text-wrap .sub-text-item3 .line2{font-size:16px;}
}
@media all and ( max-width: 640px ){
	/* main section1 */
	.main-section1{height:550px;}
	.main-section1:after{height:114px;}
	.main-conts .mtitle-text{padding:60px 20px 0 20px;font-size:28px; font-weight:700;}
	.main-conts .mtitle-topbtn{margin:36px 0 39px;}
	.main-conts .mtitle-topbtn button{width:80%; font-size:17px;}
	.main-conts .sub-text{padding:20px 0 40px 0;font-size:18px; font-weight:500;}

	/* main section4~5 */
	.main-section4 .mtitle-img img{margin-left:-80px; max-width:65%;}
	.main-section5 .mtitle-img img{max-width:65%;}
}


/****** 자주묻는질문 *******/
.main-section6{position:relative; padding:60px 0; background:#f5f7fc; overflow:hidden; }
.main-section6 .mtitle-text{padding:10px 0 0 0;font-size:38px; font-weight:700;}
.main-section6 .mtitle-img img{margin-left:40px;}

/* FAQ 아코디언 */
.main-faq-list{max-width:520px; margin:0 auto;}
.main-faq-list .faq-list-item{position:relative; margin:16px 0; padding:0; background:#fff; text-align:left; box-shadow: 1px 3px 5px 3px rgba(128, 137, 201, 0.1); border-radius:20px; box-sizing:border-box;}
.main-faq-list .faq-title{cursor:pointer;}

.faq-title .title-item{position:relative; padding:18px 30px 22px; }
.faq-title .title-item .question{display:inline-block; margin-left:-25px; margin-right:8px; color:#727bfe; font-size:22px; font-weight:600;}
.faq-title .title-item .mtitle{display:inline-block; padding-left:26px; font-size:18px; font-weight:600;}

.faq-list-item.open .mtitle{font-weight:800;}

.faq-title .title-item .right-btn{position:absolute; right:20px; top:50%; margin-top:-16px;}
.faq-title .title-item .right-btn .arrowicon-down:before{content:"\e942"; font-family:xeicon !important; font-size:26px;}
.faq-title .title-item .right-btn .arrowicon-down{display:inline-block; cursor:pointer; width:24px; height:24px;}
.faq-title .title-item .right-btn .arrowicon-up:before{content:"\e945"; font-family:xeicon !important; font-size:26px;}
.faq-title .title-item .right-btn .arrowicon-up{display:inline-block; cursor:pointer; width:24px; height:24px;}
.faq-detail-view{padding:0 55px 30px 55px; font-weight:400; font-size:17px; line-height:1.5;}

@media all and ( max-width: 640px ){
	/* main section6 */
	.main-section6 {padding:40px 20px;}
	.main-section6 .mtitle-text{font-size:28px;}
	
	.faq-title .title-item{position:relative; padding:18px 35px 18px 16px; }
	
	.faq-title .title-item .question{font-size:20px;}
	.faq-title .title-item .mtitle{font-size:16px;  padding-left:20px;}
	.faq-title .title-item .right-btn{right:10px;}
	.faq-detail-view{padding:0 35px 20px 35px; font-size:15px;}
	
}


/* 메인 푸터 환급액 간편조회 버튼 */
.main-section7{ width:100%; height:231px; background: url(../img/footer_btn_bg.png) no-repeat center/cover; }
.main-section7 .main-conts .mtitle-topbtn{padding-top:80px; margin:0 auto;}
.main-section7 .main-conts .mtitle-topbtn button{ color:#27388b; -webkit-box-shadow: 0px 1px 8px 1px rgba(47, 53, 79, 0.5); box-shadow: 0px 1px 8px 1px rgba(47, 53, 79, 0.5);}
.main-section7 .main-conts .mtitle-topbtn button:hover,
.main-section7 .main-conts .mtitle-topbtn button:focus{background:#fff;}




/**************** modal popup 이용약관/개인정보처리방침 *****************/
.agreebox{overflow-x:hidden;overflow-y:scroll; margin:0 auto;padding:20px 10px; width:100%; height:480px; line-height:1.4; box-sizing:border-box;}
.agreebox h2 {margin-top: 5px; text-align:left; font-size: 20px;font-weight:600}
.agreebox .titleBox {position:relative;}
.agreebox .titleBox dl dt {padding-left:25px; position:relative; font-size:24px; font-weight:500;}
.agreebox .titleBox dl dt::before {content:''; width:12px; height:12px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
.agreebox .titleBox dl dd {padding-left: 25px; font-size: 16px; font-weight: 300;}
.agreebox .titleBox dl dd span {margin:20px 0; display:block; font-weight:500; }
.agreebox dl dt span.left {display:block; float:left; font-size:16px;}
.agreebox dl dt span.left i.red {color:#e42424;}
.agreebox dl dt span.right {display:block; float:right; font-size:16px;}
.agreebox dl dd {width:100%; height:180px; overflow:hidden;}
.agreebox dl dd textarea {width:100%; height:90%; border:1px #c8cece  solid; box-sizing:border-box;}
.agreebox p {margin-top: 20px; font-weight: bold; font-size: 16px;}
.agreebox strong.title {margin-top:20px; display:block; font-size:16px;}
.agreebox ol.one {margin: 10px 0; font-size: 14px; font-weight: 500;}
.agreebox ol.two {margin: 10px 0 0 15px; font-size: 14px; color: #737373;}
.agreebox ol.two .stitle{color:#333; font-weight:bold; margin-bottom:5px;}
.agreebox ol.two li {margin-top: 10px;}
.agreebox ol.three {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.agreebox ol.three li {margin-top: 3px;}
.agreebox ol.four {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.agreebox ol.four li {margin-top: 3px;}

/* 테이블스타일3 : 약관 테이블 */
.agreebox .tbtype {width:100%; margin-top: 15px;background:#fff}
.agreebox .tbtype th { padding:6px 0;  background:#e9effc;  border: 1px #ddd solid;  box-sizing: border-box; text-align: center; font-size: 15px;}
.agreebox .tbtype th.border-leftnone {border-left: none;}
.agreebox .tbtype th.border-rightnone {border-right: none;}
.agreebox .tbtype td { padding:10px 3px; border:1px #ddd solid;  box-sizing: border-box; text-align: center; font-size: 13px;}
.agreebox .tbtype td.left {padding-left: 10px; text-align: left !important;}

/* 메인 약관/개인정보보방침 팝업 사이즈 */
.modal-conts.policy-pop{max-width: 800px !important;}
.modal-conts.policy-pop .footer-fixed-btn-wrap .inner-btn{text-align:center;}
.modal-conts.policy-pop  .main-popbtn{width:110px !important; height:48px;}

@media all and ( max-width: 800px ){
	/* 메인 약관/개인정보보방침 팝업 사이즈 */
	.modal-conts.policy-pop{width:100% !important; height:100% !important; max-height:100vh;  border-radius:0 !important; box-shadow:none;}
	.modal-popup-area .policy-pop .popup-conts{position: relative; max-height:100vh; overflow-x: hidden; overflow-y: hidden; padding:20px 0px;}
	.agreebox{ height:100vh; max-height: calc(100vh - 200px); padding:16px 20px 50px 20px;}
}

input[type=text]::-ms-clear {display:none;}

/* 로그인 */
.warpContainer {width:100%; background:#fff;}
.warpContainer::after {content:''; display:block; clear:both;}
.warpContainer .loginContent {width:415px; height:338px; margin:255px auto; text-align:center; background:#fbfcfd; box-shadow:0px 4px 9px 0px #c3c8d099;}
.warpContainer .loginContent .loginLogo {padding-top:55px; text-align:center;}
.warpContainer .loginContent .loginForm {width:294px; margin:0 auto; padding-top:25px;}
.warpContainer .loginContent .loginForm span {margin:10px 0px 20px 0px; display:block; text-align:center; font-size:14px; color:#24262c;}
.warpContainer .loginContent .loginForm  .warpId {width:294px; position:relative; background:#fff; text-align:center;}
.warpContainer .loginContent .loginForm  .warpAddon {width:294px; margin:25px 0px; position:relative; background:#fff; text-align:center;}
.warpContainer .loginContent .loginForm  .warpId i {position:absolute; top:9px; left:14px;}
.warpContainer .loginContent .loginForm  .warpPw {width:294px; margin:10px 0px; position:relative; background:#fff; text-align:center;}
.warpContainer .loginContent .loginForm  .warpPw i {position:absolute; top:9px; left:14px;}
.warpContainer .loginContent .loginForm  .warpBtn {width:294px; height:50px; margin:10px 0px; position:relative; background:#6bb0da; border:1px #4894c3 solid; cursor:pointer;}
.warpContainer .loginContent .loginForm  .warpBtn button{line-height:50px; font-size:16px; font-weight:700; color:#fff; cursor:pointer;}
.warpContainer .form-control {width:225px; height:28px; padding:6px 35px; font-size:14px; background-color:#fff; border:1px #d3dbe0 solid; }



/******** 2023.09.06 메인 상단 스크롤 유도 화살표 *********/
.arrowdown-ani {
  position:absolute; bottom:80px; left:50%;
  -webkit-animation: fade-in-top 1s;
          animation: fade-in-top 1s;
}
@media all and ( max-width: 640px ){
	.arrowdown-ani { bottom:65px;}	
}
.arrowdown-ani span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -7px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.arrowdown-ani span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.arrowdown-ani span:nth-of-type(2) {
  top: 14px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.arrowdown-ani span:nth-of-type(3) {
  top: 28px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/***************** 2023.12.28 청년창업감면공제 오픈 팝업 퍼블리싱********************/
.main-layerpopup{position: fixed; width:510px; min-height:250px; padding:10px 24px; background:#09407e url(../img/main_layerpopup_1228.png) center top no-repeat; background-size:102%; border:1px solid #000; border-radius:10px; -webkit-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.15);box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.15);box-sizing:border-box; z-index:999; }
.main-layerpopup *{box-sizing:border-box;}
.main-layerpopup .top-title{padding:36px 0 30px; font-size:32px; text-align:center; color:#fff; font-family: 'GmarketSans';  font-weight: 700;  text-shadow: 3px 4px 10px rgba(0,0,0,0.4);}
.main-layerpopup .point-c{color:#c3ff7c;}

.main-layerpopup .inner-bg{ background:#fff;border-radius:5px; padding:20px;}

.main-layerpopup .inner-cont1{display:flex; border:1px solid #ddd; border-radius:10px 0 10px 0; margin:6px 0 14px; }
.main-layerpopup .inner-cont2{display:flex; border:2px solid #3c91dc; border-radius:10px 0 10px 0; margin:8px 0; }

.main-layerpopup .inner-cont1 .stitle{display:flex; align-items:center; justify-content:center; padding:13px 10px; width:120px; /*background: #6CF;*/ background:#eee; color:#222;  font-size:15px; text-align:center; border-radius:10px 0 0 0;}
.main-layerpopup .inner-cont1 .txt{display:flex; align-items:center; padding:13px 10px;}

.main-layerpopup .inner-cont2 .stitle{display:flex; align-items:center; justify-content:center; padding:13px 10px; width:120px; background: #3c91dc; color:#fff; font-size:16px; font-weight:bold; text-align:center; border-radius:8px 0 0 0;}
.main-layerpopup .inner-cont2 .txt{display:flex; align-items:center; padding:13px 10px; font-size:15px; color:#000; }
.main-layerpopup .inner-cont2 .txt li{margin:2px 0;}
.main-layerpopup .inner-cont2 .txt i{color: #3c91dc; font-size:18px; vertical-align:middle; margin-top:-2px;}
.main-layerpopup .ar{text-align:right;}

.main-layerpopup .layerpop-footer{position:relative;height:30px;padding:10px 0 0 0;text-align:right; font-size:13px;color:#fff;box-sizing:border-box;line-height:1;}
.main-layerpopup .layerpop-footer a{display:inline-block;cursor:pointer;margin:0 5px 0 10px;text-decoration:none;color:#fff}
.main-layerpopup .layerpop-footer .bar{display:inline-block;cursor:pointer;margin:0 5px; font-weight:normal; opacity:0.7}

@media all and ( max-width: 800px ){
	.main-layerpopup {right:0 !important;}
}