/*
# README
- 기본 CSS와 섞이지 않게 하기위해 body 태그에 landing_20220425 class 부여
*/

/* 리셋코드 START */
html, body.landing_20220425 {
  padding: 0;
  margin: 0;
  font-family: 'Noto Sans KR', sans-serif;
  background: #fff;
  font-size: 16px;
  --main-color: #862DCB;
  padding-bottom: 150px;
  letter-spacing: -1px;
  line-height: 1.45;
  word-break: keep-all;
  min-width: 1410px;
}
.landing_20220425 img {
  width: 100%;
  vertical-align: top;
  transform: translateZ(0);
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  padding: 0;
  margin: 0;
}
.landing_20220425 video {
  width: 100%;
  vertical-align: top;
}
.landing_20220425 a {
  display: block;
  text-decoration:normal;
  color:#282828;
}


.landing_20220425 input:focus,
.landing_20220425 input:focus-visible {
  outline: none;
}
.landing_20220425 ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.clear-1 {
  clear: both;
  padding-top: 1em;
}
/* 리셋코드 END */

/* 기본 레이아웃 START */
.landing_20220425 .section {
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  margin:5rem 0 0 0
}
.landing_20220425 .section__txt {
  position: relative;
  width: 1000px;
  margin: 5rem auto;
}

.landing_20220425 .section__txt .section__txt__btn {
  position: absolute;
  left: 0;
  top: 0;
  /* background: blue; */
  height: 20%;
  width: 20%;
  z-index: 1;
  opacity: .4;
}
/* 기본 레이아웃 END */

/* qna START */
.qna-container {
  

}
.qna-container .qna__title {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  color: var(--main-color);
  margin-bottom: 1em;
}
.qna-container .qna-box {
  border: 1px solid #404040;
  margin-bottom: 1em;
  padding: 1em;
  padding-top: 0;
  font-size: 1.2rem;
  /* height: 54px; */
  overflow: hidden;
  box-sizing: border-box;
}
.qna-container .qna-box.open {
  height: auto;
}
.qna-container .qna-box .qna-q {
  font-weight: 700;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 5px;
  padding-right: 45px;
  position: relative;
  cursor: pointer;
  line-height: 1.2;
}
.qna-container .qna-box .qna-q .qna-q-arr {
  background-image: url('../images/arr-down.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 25px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.qna-container .qna-box.open .qna-q .qna-q-arr {
  background-image: url('../images/arr-up.png');
}
.qna-container .qna-box .qna-a {
  border-top: 1px solid #404040;
  padding-top: 1em;
  padding-left: 5px;
  padding-right: 5px;
}
.qna-container .qna-box .qna-a a {
  color: blue;
  font-weight: 700;
  display: inline-block;
}
/* qna END */

/* 창업 문의 현황 START */
.landing_20220425 .section--5 {
  margin-top: 8em;
}
.req_list-container {
  
}
.req_list {
  border: 2px solid #6f6f6f;
  display: grid;
  grid-template-columns: 40% auto; 
}
.req_list .req_list__live {
  border-right: 2px solid #6f6f6f;
  background: #f6f6f6;
}
.req_list .req_list__live > strong {
  display: block;
  text-align: center;
  color: var(--main-color);
  font-size:1.8rem;
  font-weight: 700;
  margin-top: .75em;
  margin-bottom: .5em;
}
.req_list .req_list__live .req_list__slider .swiper {
  height: 250px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
}
.req_list .req_list__live .req_list__live__user {
  text-align: center;
  font-size: 1.2rem;
  /* padding: .5em 0; */
  color: #404040;
}
.req_list .req_list__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbfbfb;
  color: #404040;
}
.req_list .req_list__txt .req_list__txt__txt {
  width: 80%;
}
.req_list .req_list__txt .req_list__txt__txt > strong {
  font-weight: 700;
  font-size: 1.5rem;
}
.req_list .req_list__txt .req_list__txt__txt > p {
  font-size: 1.25rem;
  margin-bottom: 0;
  margin-top: .5em;
}
.req_list__err {
  font-size: 1.5rem;
  margin-bottom: 2em;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.req_list__live_min {
  min-height: 200px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 3em;
}
/* 창업 문의 현황 END */


/* 슬라이드 배너 START */
@keyframes slider_banner_ani {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: -6104px 50%;
  }
}
.slide-banner {
  height: 163px;
  background-image: url('../images/rolling.png');
  background-position: 0 50%;
  background-size: auto 100%;
  background-repeat: repeat-x;
  animation: slider_banner_ani 60s linear infinite;
  /* transition: all .5s; */
}
/* 슬라이드 배너 END */

/* 체크박스 커스텀 START */
.checkbox-label {
  display: grid;
  grid-template-columns: 30px auto;
  position: relative;
  cursor: pointer;
  margin-bottom: 0 !important;
  justify-content: center;
}
.checkbox-label .checkmark {
  height: 25px;
  width: 25px;
  background-color: #eee;
  position: relative;
  border-radius: 4px;
}
.checkbox-label .checkmark:after {
  content: '';
  position: absolute;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}
.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-label:hover input ~ .checkmark {
  background-color: #ccc;
}
.checkbox-label input:checked ~ .checkmark {
  background-color: var(--main-color);
}
.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}
/* 체크박스 커스텀 END */

/* 지원신청서 START */
.req-form {
  position: absolute;
  right: 10px;
  top: 15%;
  border: 2px solid #303030;
  border-radius: 15px;
  /* overflow: hidden; */
  width: 569px;
  background: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
  z-index: 1;
}
.req-form .req_form_ok {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1em;
}
.req-form label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  /* margin-bottom: 1.5em; */
}
.req-form h2 {
  margin: 0;
  background: #303030;
  color: #fff;
  font-weight: 700;
  padding: .5em;
  text-align: center;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
}
.req-form .grid-2 {
  display: grid;
  grid-template-columns: 40% auto;
  gap: 20px;
}
.req-form .req-form__inner {
  padding: 2em;
}
.req-form input {
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 7px;
  overflow: hidden;
  padding: .75em;
  font-weight: 400;
  width: 100%;
  font-size: 1rem;
}
.req-form .req-status > label {
  margin-bottom: .5em;
}
.req-form .req-status .req-status-checkbox-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 1em;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  overflow: hidden;
  margin-left: 2px;
}
.req-form .req-status .req-status-checkbox-container > label {
  margin-bottom: 0;
}
.req-form .agree-container {
  margin-top: 1em;
}
.req-form .agree-container li {
  margin-bottom: .5em;
}
.req-form .agree-container li .list-box {
  display: grid;
  grid-template-columns: 200px auto;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.req-form .agree-container li .list-box .txt {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.req-form .agree-container li .list-box .txt .slash {
  display: inline-block;
  margin: 0 5px;
}
.req-form .agree-container li .list-box .txt .link {
  margin-right: 5px;
  font-weight: 700;
  color: #FF4D4D;
  /* position: relative; */
  cursor: pointer;
  display: inline-block;
}
.req-form .agree-container li .list-box .txt .link img {
  position: absolute;
  width: 0;
  overflow: hidden;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}
.req-form .agree-container li .list-box .txt .link.on img {
  width: 536px;
}
.req-form button[type="submit"] {
  background: #2F2F2F;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  border-radius: 50px;
  width: 140px;
  height: 50px;
  border: none;
  margin: 1em auto;
  display: block;
  cursor: pointer;
}

.req-form .favorate_list_container {
  width: 100%;
  border: 1px solid #dfdfdf;
  background: #fff;
  padding: 0;
  font-size: 1rem;
  border-radius: 8px;
  font-weight: 700;
  margin-left: 2px;
  margin-top: 1em;
  box-sizing: border-box;
  height: 55px;
  overflow: hidden;
}
.req-form .favorate_list_container button {
  width: 100%;
  padding: 1em;
  text-align: center;
  background: #fff;
  border: none;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: all .1s;
}
.req-form .favorate_list_container button.on {
  background: var(--main-color);
  color: #fff;
}
.req-form .favorate_list_container button:hover {
  background: var(--main-color);
  color: #fff;
}
.req-form .favorate_list_container.open {
  height: auto;
}
.req-form .favorate_list_container.open button {
  background: var(--main-color);
  color: #fff;
}
.req-form .favorate_list_container ul {
  border-top: 1px solid #dbdbdb;
  padding-top: 1em;
  padding-bottom: 1em;
}
.req-form .favorate_list_container ul li {
  margin-bottom: 1em;
}
.req-form .favorate_list_container ul li:last-child {
  margin-bottom: 0;
}
.req-form .favorate_list_container ul li label {
  justify-content: flex-start;
  padding-left: 1em;
  padding-right: 1em;
}


.req-form label.error {
  font-size: 1rem;
  color:#FF4D4D;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
.req-form label[for='name'].error {
  padding-left: 30px;
  margin-bottom: 0;
}
.req-form label[for='mobile'].error {
  text-align: left;
  padding-left: 63px;
  margin-bottom: 0;
}
.req-form label[for='location'].error {
  text-align: left;
  padding-left: 105px;
  margin-bottom: 0;
}
/* 지원신청서 END */

/* 팝업 START */
.popup-container {
  background: rgba(0, 0, 0, .3);
  position: fixed;
  left: 0;
  top: 0;
  width: 0%;
  height: 0%;
  overflow: hidden;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-container.on {
  width: 100%;
  height: 100%;
}
.popup-container .popup {
  background: #fff;
  padding: 1em;
  text-align: center;
  font-size: 1.25rem;
  width: 320px;
  font-weight: 700;
  border: 1px solid #2580EC;
  box-shadow: 1px 1px 6px #2580EC;
}
.popup-container .popup .number {
  margin: .5em 0 1em;
}
.popup-container .popup .btn-close {
  background: #303030;
  color: #fff;
  border: none;
  border-radius: 50px;
  font-size: 1.25rem;
  width: 100px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: 700;
  cursor: pointer;
}
/* 팝업 END */


.landing_20220425 .section--1 {
  background-image: url('../images/desktop/section_1_bg.png');
}
.landing_20220425 .section--1 .section__txt .section__txt__btn1 {
  top: 60%;
  width: 14%;
  height: 15%;
  left: 6.5%;
}
.landing_20220425 .section--1 .section__txt .section__txt__btn2 {
  top: 60%;
  width: 13.5%;
  height: 15%;
  left: 21%;
}
.landing_20220425 .section--1 .section__txt .section__txt__btn3 {
  top: 60%;
  width: 14%;
  height: 15%;
  left: 35%;
}


.landing_20220425 .section--1-1 {
  margin-top: -51px;
}
.landing_20220425 .section--1-1 .section__txt {
  width: 700px;
}


.landing_20220425 .section--2 .section__txt .section__txt__btn1 {
  top: 90%;
  left: 39%;
  width: 22%;
  height: 7%;
}
.landing_20220425 .section--4 .section__txt .section__txt__btn1 {
   top: 86%;
  left: 39%;
  width: 22%;
  height: 7%;
  border:2px solid red
}

.btn_po{position:absolute; bottom:3%; left:35%; right:35%;  display:inline-block;   width:30%; height:50px; } /*더 많은후기 보기 버튼*/



/* 픽스 버튼 */
.landing_20220425 .section--10 {
  background-color: var(--main-color);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.landing_20220425 .section--10 .section__txt {
  width: 800px;
}
.landing_20220425 .section--10 .section__txt .section__txt__btn1 {
  top: 23%;
  left: 69%;
  width: 25%;
  height: 56%;
}


/*임서희 추가 css*/

.top_logo{  border-bottom:1px solid #d0d0d0; text-align:left; padding:1rem}
.top_logo p{margin:.0; padding:.5rem 0 }
.top_title{background-color:#fff; border-top:3px solid #bec1ce; border-bottom:3px solid #bec1ce; padding:5rem 0 6rem 0; text-align:center; width:100%;}
.top_title_wrap{margin:0 auto; max-width:499px; font-size:1.3rem}
.top_title_wrap p{padding:0; margin:.5rem 0}
.top_title_wrap a{width:159px; height:49px; display:inline-block; margin:1rem 0 0 0; }
.pointer{cursor:pointer}
.fix_btn{position:fixed; top:32rem;  z-index:200; width:100%;  height:160px; text-align:center;}
.fix_btn img{ width:auto; height:160px; margin-left:65%;}
/* 팝업 */
table {border-collapse: collapse; border-spacing: 0;} /*default*/ 
.popup{max-width:830px; height:auto; background-color:#fff; padding:1rem 2.2rem 0 2.2rem; border:1px solid #dfdfdf;  z-index:100; position:absolute;   top:50%; left:50%;     transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 10px;}  
.popup a{display:inline}
.popup_wrap{position:relative;}
.close{position:absolute; top:-5px; right:-25px;  cursor:pointer}
.popup h2,.popup h3{margin:1.5rem 0 .6rem .2rem; color:#393939; letter-spacing:-0.01em}
.form_ver1{  width:100%; font-size:.930rem; color:#393939}
.form_ver1 td{padding:.5rem 1.4rem; border:1px solid #e6e6e6; color:#353535; font-weight:300}
 .form_ver1 label{display:inline-block}
.form_ver1 th{padding:.7rem 0; background-color:#f9f9f9; border:1px solid #e6e6e6; font-weight:500}
.form_ver1 th.ver2{padding:1rem 0; background-color:#f9f9f9; border:1px solid #e6e6e6; font-weight:500}
.form_ver2{padding:.7rem 1.4rem; border:1px solid #e6e6e6;  width:100%; font-size:.930rem; color:#393939; box-sizing:border-box} 
.form_ver2 label{display:inline-block}
.btn_s{border:1px solid #dfdfdf; font-size:.7rem; padding:.0 .4rem .1rem .3rem; border-radius:.2rem; vertical-align:middle; cursor:pointer}
.nobd_r{border-right:none !important}
.nobd_l{border-left:none !important}
.txt{border:1px solid #e6e6e6; padding:.4rem; font-size:.930rem; border-radius:3px; min-width:50px}
.txt_area{border:none; width:100%; font-size:.930rem; letter-spacing:-0.05rem}
.btn_zone{text-align:center; padding:2rem 0;}
.btn_yl{display:inline-block; border-radius:5px; background-color:#ffde02; padding:.7rem 2rem; font-size:1.1rem; cursor:pointer}
.btn_gy{display:inline-block; border-radius:5px; background-color:#eaeaea; padding:.7rem 2rem; font-size:1.1rem; cursor:pointer}
.t_center{text-align:center}

.tab{}
.tab td{border:1px solid #ddd; cursor:pointer; padding:.3rem 0}
.tab td.on{border:1px solid #282828; }

.popup_steps{width:500px; background-color:#fff;  z-index:100; position:absolute;   top:50%; left:50%;     transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 10px;} 
.popup_steps .top{background-color:#3170ff; color:#fff; padding:1rem; }
.popup_steps .wrap{padding:1rem 2rem .5rem 2rem}
.steps{display:inline-block; }
.steps li{display:inline-block; vertical-align:middle; text-align:center;}
.steps li img{}
.steps li p{width:100%; padding:0; margin:.2rem 0 0 0; font-size:.9rem}

.steps_ver2{margin:1rem 0 0 0 }
.steps_ver2 th{ padding:1rem 1rem 1rem 0;}
.steps_ver2 th img{}
.blue{color:#3170ff}
.on{border:1px solid #282828}

   .control {
            display: block;
            position: relative;
            padding-left: 28px;
            cursor: pointer;
			margin-left:50px			 
          }
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
		.control_right {
            display: block;
            position: relative;
			padding-right:30px;
            cursor: pointer;
			margin-right:50px
          }
            .control_right input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
        .control_indicator {
            position: absolute;
            top:1px;
            left: 0;
            height: 19px;
            width: 19px;
            background: #ffffff;
            border: 1px solid #bdbdc4;
            border-radius: 0px;
        }

		.control_indicator_right {
            position: absolute;
            top:1px;
            right: 0;
            height: 19px;
            width: 19px;
            background: #ffffff;
            border: 1px solid #bdbdc4;
            border-radius: 0px;
        }

        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #ffffff;
        }
        
        .control input:checked ~ .control_indicator {
            background: #ffffff;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #0e6647d;
        }
        .control input:disabled ~ .control_indicator {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
        }
        .control-checkbox .control_indicator:after {
            left: 6px;
            top: 1px;
            width: 5px;
            height: 11px;
            border: solid #ff0000;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator:after {
            border-color: #7b7b7b;
        }
        .control-checkbox .control_indicator::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 4.5rem;
            height: 4.5rem;
            margin-left: -1.3rem;
            margin-top: -1.3rem;
            background: #2aa1c0;
            border-radius: 3rem;
            opacity: 0.6;
            z-index: 99999;
            transform: scale(0);
        }

		

/* ver RIGHT */

		.control_right:hover input ~ .control_indicator_right,
        .control_right input:focus ~ .control_indicator_right {
            background: #ffffff;
        }
        
        .control_right input:checked ~ .control_indicator_right {
            background: #ffffff;
        }
        .control_right:hover input:not([disabled]):checked ~ .control_indicator_right,
        .control_right input:checked:focus ~ .control_indicator_right {
            background: #0e6647d;
        }
        .control_right input:disabled ~ .control_indicator_right {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
        }
        .control_indicator_right:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control_right input:checked ~ .control_indicator_right:after {
            display: block;
        }
        .control-checkbox .control_indicator_right:after {
            left: 6px;
            top: 1px;
            width: 5px;
            height: 11px;
            border: solid #ff0000;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator_right:after {
            border-color: #7b7b7b;
        }
        .control-checkbox .control_indicator_right::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 4.5rem;
            height: 4.5rem;
            margin-left: -1.3rem;
            margin-top: -1.3rem;
            background: #2aa1c0;
            border-radius: 3rem;
            opacity: 0.6;
            z-index: 99999;
            transform: scale(0);
        }
/* ver. RIGHT - END */



        @keyframes s-ripple {
            0% {
                transform: scale(0);
            }
            20% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        @keyframes s-ripple-dup {
           0% {
               transform: scale(0);
            }
           30% {
                transform: scale(1);
            }
            60% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        .control-checkbox input + .control_indicator::before {
            animation: s-ripple 250ms ease-out;
        }
        .control-checkbox input:checked + .control_indicator::before {
            animation-name: s-ripple-dup;
        }