:root{
  --color-white:#fff;
  --color-p10:#e1fbfb;
  --color-p20:#6cdfe0;
  --color-p30_Primary:#30cacb;
  --color-p40:#07b1b2;

  --color-s10:#f6f5ff;
  --color-s20:#ae9be9;
  --color-s30_Secondary:#7e5edf;
  --color-s40:#6832d4;

  --color-Point:#FFFD96;
  --color-Error:#fe2a74;

  --color-gray-g10-bg:#f2f4f6;
  --color-gray-g20:#e7ebf2;
  --color-gray-g30-stroke:#d0d6e1;
  --color-gray-g40-placeholder:#c1c8d3;
  --color-gray-g50:#a4abb6;
  --color-gray-g60:#a4abb6;
  --color-gray-g70:#71767e;
  --color-gray-g80:#303030;
  --color-gray-g90-darkfont:#1a1a1a;
  --color-gray-g100-darkbg:#11082c;
}

section,
main{display: flex; align-items: center; justify-content: center;}
section{padding: 100px 0;}
main{height: 700px; margin-top: 60px; background-color: var(--color-gray-g100-darkbg);overflow: hidden;z-index: -2;position: relative;}
.left,
.right{width: 100%;}

header{z-index: 10; position: fixed; top:0;background-color: #fff; width: 100%;  height: 60px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--color-gray-g30-stroke);}

/* 공통 class */
.inner{width: 1200px;}
.half_wrap{display: flex;}
main > .inner{height: 100%;width: 1200px;}
.inner .position_box{display: flex;height: 100%;align-items: flex-end;}
.inner .title_wrap {text-align: center; }
.inner .title_wrap.left_align,
.inner .title_wrap.left_align h1{text-align:left; }
.inner .title_wrap h1{color: var(--color-gray-g100-darkbg); text-align: center; margin-bottom: 20px;   font-size: 45px; font-family: 'Noto_B';}
.inner > .title_wrap > p{font-family: 'Noto_R'; font-size: 24px; line-height: 140%;margin-bottom: 60px; color: var(--color-gray-g70);}
.inner > .title_wrap > p > span{font-family: 'Noto_SB';color: var(--color-gray-g70);}
.inner .title_wrap h1 span{color: var(--color-p30_Primary);font-family: 'Noto_B'; }

/* 메인 배너 */
main .title_wrap{ margin-bottom: 50px; }
main .position_box .title_wrap h1{color: var(--color-white);text-align: left;margin-bottom: 32px; }
main .title_wrap .title_gradient{ margin-bottom: 16px; background: linear-gradient(90deg, var(--color-p30_Primary) 0%, var(--color-s30_Secondary) 100%); font-size: 30px; font-family: 'Noto_B'; color: var(--color-gray-g100-darkbg);display: inline-block; background-color: #fff;  padding: 4px 12px;}
main .title_wrap .title_gradient:not(span){font-family: 'Noto_B'; color: var(--color-white);}
main .title_wrap .title_gradient span{font-family: 'Noto_B'; color: var(--color-gray-g100-darkbg);}
main .inner .title_wrap.left p{font-family: 'Noto_R'; text-align: left; font-size: 20px;color: var(--color-gray-g30-stroke);line-height: 150%; } 
main .title_wrap.left{height: 100%;display: flex; flex-direction: column;  justify-content: center; align-items: flex-start;}
.position_box{position: relative;}
.position_text{ position: absolute; bottom: -58px; font-size: 200px;  font-family: 'Pretendard_B'; z-index: 0; color: #2D2152;}
.right.img_wrap{z-index: 10;}


/* 메인배경원형 */
.circle_1{width: 648px;height: 648px; top: -460px; left: -240px;}
.circle_2{width: 1058px;height: 671px; bottom: -300px; right: 110px;}
.bg_circle{border-radius: 1058px;background: rgba(115, 0, 255, 0.30);filter: blur(100px);position: absolute;}


/* 성공 이유 */
.successful{background-color: var(--color-gray-g10-bg);}
.list_wrap ul{display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.list_wrap ul li{height: 260px;padding: 20px;border-radius: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #FFF;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10);text-align: center;width: 32%;}
.list_wrap ul li .ic_wrap{ margin-bottom: 15px; padding: 5px;}
.list_wrap ul li .list_title{font-family: 'Noto_B';font-size: 28px; margin-bottom: 15px; }
.list_wrap ul li .list_contents{font-family: 'Noto_R'; font-size: 18px; color: var(--color-gray-g70);}

/* 띠배너 */
.line_banner{ background: url(../img/bg_banner.png) no-repeat center center / cover;padding: 40px 0;}
/* .line_banner{background: var(--color-p30_Primary); padding: 40px 0; position: relative; overflow: hidden;} */
.line_banner .inner{z-index: 1;}
.line_banner .inner .title_wrap h1 span{color: var(--color-white);}
.line_banner .btn_wrap {margin-top: 20px; position: relative;}
.line_banner .btn_wrap button{position: relative; cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; gap: 24px; height: 52px; background-color: var(--color-gray-g100-darkbg); padding: 14px 30px; border: none; border-radius: 6px;}
.line_banner .btn_wrap button span{ color: var(--color-white); font-family: 'Noto_B';}
.line_banner .btn_wrap button span strong{ color: var(--color-Point); font-family: 'Noto_B';}
.line_banner .btn_wrap button i{color: var(--color-white); font-size: 28px;}
.line_banner .btn_wrap .btn_animation{position: absolute; right: -50px; top: 0px; animation: floatUpDown 2s ease-in-out infinite;}

/* 엘라버스 탭메뉴 */
.dark_bg{background-color: var(--color-gray-g100-darkbg); }
#elea_tab{ background: url(../img/bg_tab.png) no-repeat center center / cover;}
.dark_bg .title_wrap h1{color: var(--color-white);}
.guide_tabmenu{display: flex; margin-top: 60px;}
.guide_tabmenu li{color: var(--color-gray-g30-stroke); width: 100%; text-align: center; font-size: 24px; font-family: 'Noto_B';cursor: pointer; padding: 20px; background-color: #fff;border-radius: 20px 20px 0 0;background: linear-gradient(92deg, #A4ABB6 49.88%, #999EA7 99.88%);}
.guide_tabmenu li.on{color: var(--color-white); background: linear-gradient(92deg, #7E5EDF 49.88%, #6048A8 99.88%);}
.tab_content {display: none;padding: 60px;padding-bottom: 10px;background-color: var(--color-white);border-radius: 0 0 20px 20px;}
.tab_content.on {display: block;}
.tab_content h3{font-family: 'Noto_B';font-size: 32px;text-align: center;margin-bottom: 40px;}
.tab_content .tc_wrap{display: flex; gap: 80px;}
.tab_content .tc_wrap .tc_left{ width: 50%;}
.tab_content .tc_wrap .tc_left img{width: 100%; }
.tab_content .tc_wrap .tc_right{ width: 50%;}
.tab_content .tc_wrap .tc_right ul{display: flex;flex-direction: column;gap: 24px;margin-top: 20px;}
.tab_content .tc_wrap .tc_right ul li{display: flex; gap: 20px;}
.tab_content .tc_wrap .tc_right ul li .num{ color: var(--color-s20); font-size: 24px; font-family: 'Noto_B';}
.tab_content .tc_wrap .tc_right ul li .num span{ color: var(--color-s30_Secondary); font-size: 24px; font-family: 'Noto_B';}
.tab_content .tc_wrap .tc_right ul li .tc_wrap{display: flex;flex-direction: column;gap: 10px;}
.tab_content .tc_wrap .tc_right ul li .tc_wrap .tc_title{font-size: 24px; font-family: 'Noto_B';}
.tab_content .tc_wrap .tc_right ul li .tc_wrap .tc_contents{font-family: 'Noto_R'; font-size: 18px; color: var(--color-gray-g70);}


/* 지사상담신청 */
.apply{background: var(--color-gray-g10-bg);}
.apply_text{color: var(--color-Error); text-align: right;}
.apply_wrap{gap: 10px; padding: 60px; padding-top: 40px; border-radius: 20px; background: var(--color-white);width: 70%;display: flex;flex-direction: column;margin: 0px auto;}
.all_input_wrap{gap: 30px;  display: flex;flex-direction: column;}
.input_wrap{display: flex; width: 100%; align-items: center;}
.input_wrap .input_title{align-items: center; display: flex;width: 200px;gap: 2px;  font-size: 18px; color: var(--color-gray-g100-darkbg);}
.input_title span{color: var(--color-Error);}
.input_wrap .input_box{width:  calc(100% - 200px);}
.input_wrap .input_box input{font-family: 'Noto_R'; font-size: 18px; padding: 15px 20px; width: 100%; border-radius: 6px; border: 1px solid var(--color-gray-g30-stroke);}
.input_box_wrap{display: flex;}
.radio_wrap{display: flex; gap: 20px;}
.area_select {align-items: flex-start;}
.area_select > .input_title{ margin-top: 20px;}
.area_select > .input_box{display: flex; flex-direction: column; gap: 10px;}
.area_select > .input_box > .input_box_wrap>.input_title{width: 150px;}
.etc_wrap .input_title{ font-size: 18px; display: flex; gap: 4px; margin-bottom: 10px;}
.agree_wrap .input_title{font-size: 18px; display: flex; gap: 4px; margin-bottom: 10px; font-family: 'Noto_M';}
.etc_wrap .input_title p{color: var(--color-gray-g50);}
.etc_wrap textarea,
.agree_wrap textarea{min-height: 250px; padding: 20px; border-radius: 6px; border: 1px solid var(--color-gray-g30-stroke);}


.agree_wrap .personal{max-height: 250px; padding: 20px; border-radius: 6px; border: 1px solid var(--color-gray-g30-stroke); overflow-y:auto}
.agree_wrap .b_check_txt{margin-top: 5px; font-size: 16px;}
.agree_wrap .b_check{width: 24px; height: 24px;}
.agree_wrap input.b_checkbox:checked + label.b_check i{font-size: 20px;}
.apply button{cursor: pointer; font-size: 20px; font-family: 'Noto_M'; border: none; border-radius: 8px; background-color: var(--color-gray-g100-darkbg); padding: 14px 30px; color: var(--color-white);}
.apply button i{ color: var(--color-white);}
.input_wrap .input_box input::placeholder{color: var(--color-gray-g40-placeholder);}
.agree_check{margin-top: 10px;}
.apply_wrap .btn_wrap{margin-top: 20px;}

/* 학습경험 */
.slide_img {display: flex;flex-direction: column;  align-items: center; position: relative;}
.slide_img.right {height: 720px;overflow: hidden;position: relative;}
.slide_img img{width: 100%; border-radius: 10px; box-shadow: 0 4px 16px rgba(0,0,0,.05);}
.slide_img_wrap{max-width: 360px; animation: verticalScroll 30s linear infinite;}
.slide_img_wrap ul{display: flex;flex-direction: column;gap: 6px;}
.slide_img_wrap ul li {margin-bottom: 20px;}
/* 위쪽 그림자 */
.slide_gradient {position: absolute;left: 0;width: 100%;height: 80px;z-index: 2;pointer-events: none;}
.slide_gradient.top{top: 0;background: linear-gradient(to bottom, var(--color-gray-g10-bg), rgba(255,255,255,0));}
/* 아래쪽 그림자 */
.slide_gradient.bottom {bottom: 0;background: linear-gradient(to top, var(--color-gray-g10-bg), rgba(255,255,255,0));}

.vertical_slide_section{padding: 0; background-color: var(--color-gray-g10-bg);}
.vertical_slide_section .inner .title_wrap{padding-top: 100px;}
/* 추구하는 제품 특징 */
.flex_wrap{display: flex; justify-content: space-between;}
.elea_wrap{}
.elea_wrap ul{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 60px;}
.elea_wrap ul li{ width: 100%; display: flex; align-items: center;}
.elea_wrap ul li .ic_box{ padding: 20px;  display: inline-block; border-right: 1px solid var(--color-gray-g30-stroke);}
.elea_wrap ul li .elea_name{  margin-left: 40px;}
.elea_wrap ul li .elea_name .elea_title{font-family: 'Noto_B'; font-size: 32px; margin-bottom: 4px;}
.elea_wrap ul li .elea_name .elea_title span{font-family: 'Noto_B'; font-size: 32px; color: var(--color-p30_Primary);}
.elea_wrap ul li .elea_name .elea_contents{font-family: 'Noto_M'; font-size: 22px; color: var(--color-gray-g60);}

/* HS */
.hs_section{overflow: hidden; position: relative; background: url(../img/bg_tab.png) no-repeat center center / cover; }
.hs_section .title_wrap p{color: var(--color-white); font-family: 'Noto_R';}
.hs_btn a{ display: inline-block; font-family: 'Noto_M'; font-size: 22px; padding: 14px 30px; background-color: var(--color-s30_Secondary); color: #fff; border-radius: 6px;}
.hs_btn a i{color: #fff; font-size: 24px;margin-left: 10px; display: inline-block;}

.img_slide_wrap{position: relative; margin-top: 60px; display: flex; flex-direction: column; gap: 25px;}
.img_slide_wrap  > .slide_list1,
.img_slide_wrap  > .slide_list2{justify-content: center; display: flex;align-items: center; gap: 10px;}
.img_slide_wrap img{border-radius: 10px; }
.slide_list1{ width: max-content; animation: horizontalScroll 30s linear infinite;}
.slide_list2{ width: max-content; animation: horizontalScroll2 30s linear infinite;}
.hs_section .slide_gradient{display: block; z-index: 1; height: 50vh; background: linear-gradient(0deg, #1A031D 0%, rgba(102, 102, 102, 0.00) 100%);}


/* 지사장 모집절차 */
.start_list_section .half_wrap{gap: 50px;}
.start_list_section .inner .right{display: flex; justify-content: flex-end;}
.start_filter{margin-top: 40px;}
.start_filter ul{}
.start_filter ul li{ width: 510px; font-size: 24px; font-family: 'Noto_M'; display: flex; gap: 30px; padding: 20px 0; border-bottom: 1px solid var(--color-gray-g30-stroke);}
.start_filter ul li span{font-size: 24px; font-family: 'Noto_M'; color: var(--color-p40);}

.start_list_wrap{width: 60%;}
.start_list_wrap ul{display: flex;flex-direction: column;align-items:center;}
.start_list_wrap ul li:not(.start_box) i{ font-size: 40px;color: var(--color-gray-g30-stroke);}
.start_list_wrap ul li.start_box{width: 100%; padding: 40px; border-radius: 10px; position: relative; background-color: var(--color-gray-g10-bg);}
.start_list_wrap ul li .start_num{margin-bottom: 8px; font-family: 'Noto_B'; font-size: 24px; color: var(--color-p40);}
.start_list_wrap ul li .start_contents{font-family: 'Noto_B'; font-size: 24px; color: var(--color-gray-g100-darkbg);}
.start_list_wrap ul li .start_img{ animation: floatUpDown 2s ease-in-out infinite; position: absolute; right: 40px; bottom: -30px;}

/* 푸터 */
footer{display: flex; padding: 60px 0; justify-content: center;color: var(--color-white); background-color: var(--color-gray-g100-darkbg);}
footer .logo_wrap{display: flex; gap: 80px; justify-content: center;}
footer .logo_wrap img{width: 180px;}
footer .logo_contents p{color: var(--color-gray-g40-placeholder); font-size: 16px; line-height: 165%;}
footer .logo_contents p.copyright{color: var(--color-gray-g60);margin-top: 10px;}
footer .logo_contents p span{color: var(--color-gray-g40-placeholder); font-family: 'Noto_SB';}

/* 상단 바로가기 */
.gotop{ filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.10)); z-index: 10; cursor: pointer; position: fixed; right:24px; bottom: 24px; display: none; text-align: center; line-height: 36px; border-radius: 50px; width: 40px; height: 40px; background-color: #fff; border: 1px solid var(--color-gray-g30-stroke);}

@keyframes verticalScroll {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes horizontalScroll {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes horizontalScroll2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes floatUpDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

@media screen and (max-width:1200px){
  .inner{width: 100%; padding: 0px 20px;}
  main .title_wrap.left{padding-top: 50px;}
  main .img_wrap img{width: 50vw;}
  main .inner {padding: 0px 40px;}
  .start_filter ul{width: 90%; margin: 0px auto;}
  .start_filter ul li{width: 100%;}
  .start_list_wrap{width: 100%;}
  .start_list_wrap ul{flex-direction: row; flex-wrap: wrap; gap: 15px;justify-content:center}
  /* .start_list_section .half_wrap{flex-direction: column;} */
  .start_list_section .inner .right{justify-content: center;}
  .start_list_wrap{width: 80%;}
  .circle_1{z-index: -1;}
  .circle_2{z-index: -2;}
  .position_text{z-index: -3;}
  
}
@media screen and (max-width:768px){
  .start_list_wrap{width: 100%;}
  .inner{width: 100%; padding: 0px 40px;}
  .inner > .title_wrap > p{text-align: center; font-size: 26px; line-height: 150%; color: var(--color-gray-g70);}
  .list_wrap ul li{width: calc(50% - 10px);gap:15px;height: inherit;}
  .list_wrap ul{justify-content: flex-start;}
  .list_wrap ul li .list_contents{font-size: 22px;}
  .list_wrap ul li .list_title{margin-bottom: 5px;}
  .list_wrap ul li .list_contents br{display: none;}
  .list_wrap ul li .ic_wrap{margin-bottom: 0;}
  .line_banner{padding: 60px 0;}
  .line_banner .title_wrap h1 br{display: none;} 
  .line_banner .btn_wrap {margin-top: 30px;}
  .line_banner .btn_wrap button{padding: 23px 30px; height: inherit; border-radius: 10px;}
  .line_banner .btn_wrap button span{font-size: 28px;}
  .tab_content .tc_wrap{flex-direction: column;}
  .tab_content .tc_wrap .tc_left{width: 100%;}
  .tab_content .tc_wrap .tc_right{width: 100%;}
  .tab_content .tc_wrap .tc_right ul{width: 100%;}
  .tab_content .tc_wrap{gap: 10px;}
  .tab_content{padding: 40px;}
  .tab_content .tc_wrap .tc_right ul li .tc_wrap .tc_title{font-size: 28px;}
  .tab_content .tc_wrap .tc_right ul li .tc_wrap .tc_contents{font-size: 22px;}
  .half_wrap{flex-direction: column;}
  .slide_img_wrap{animation: horizontalScroll 10s linear infinite !important; width: 100%; max-width: inherit;}
  .slide_img_wrap ul{display: flex; flex-direction: row;}
  .slide_img.right{height: inherit;}
  .slide_img img{width: 345px;}
  .slide_gradient{display: none;}
  .vertical_slide_section .inner .title_wrap h1{text-align: center;}
  .slide_gradient.top{}
  .flex_wrap{flex-direction: column;}
  .inner .title_wrap.flex_wrap h1{text-align: center;}
  .elea_logo_img img{width: 100%;}
  .elea_wrap ul{grid-template-columns: 1fr;}
  .hs_section .title_wrap p{text-align: left; color: var(--color-white);} 
  .start_list_section  .inner .title_wrap.left_align h1{text-align: center;}
 .start_list_wrap ul li:not(.start_box){display: none;}
  .start_list_wrap ul li .start_img{position: inherit; right: 0; left: 0;}
  .start_list_wrap ul li .start_img img{width: 50px;}
  .start_list_wrap ul li.start_box{display: flex;justify-content: space-between; padding: 30px;}
  .start_list_wrap ul li.start_box{width: calc(50% - 10px);}
  .tab_content h3{margin-bottom: 10px; margin-top: 20px;}

  .apply_wrap{padding: 30px; width: 100%;}
  .input_title{width: inherit; font-size: 20px;}
  .etc_wrap .input_title,
  .agree_wrap .input_title{font-size: 20px; color: var(--color-gray-g100-darkbg);}
  .input_wrap{flex-direction: column; align-items:normal; gap: 15px;}
  .inner .position_box{position: relative;}
  .input_wrap .input_box{width: 100%;}
  .right.img_wrap{position: absolute;right: -90px; text-align: right;}
  main .right.img_wrap img{width: 90%;}
  main{height: 1000px;}
  main > .inner{width: 100%; padding: 0px 40px;}
  main .title_wrap.left{justify-content: flex-start; padding-top: 120px;}
  .position_text{z-index: 11; color: #968CB240; line-height: 170px; font-size: 180px; bottom: -20px; left: 0;}
  main .title_wrap .title_gradient{font-size: 1.8rem;}
  main .inner .title_wrap.left p{width: 50%;}
  
}
@media screen and (max-width:565px){
  section{padding: 60px 0;}
  main{height: 710px;}

  .inner,
  main > .inner{padding: 0px 20px;}
  .inner .title_wrap h1{font-size: 28px; line-height: 140%;}
  main .inner .title_wrap.left p{font-size: 16px;}
  main .title_wrap.left h1{ font-size: 34px;}

  main .inner .title_wrap.left p{width: 100%;}
  main .inner .title_wrap.left p br{display: none;}
  main .right.img_wrap img{width: 80vw;}
  .position_text{line-height: 100px;font-size: 120px; bottom: -10px;}
  .inner > .title_wrap > p{font-size: 16px;}
  .hs_section .inner > .title_wrap > p {margin-bottom: 40px;}
  .list_wrap ul{gap: 10px;}
  .list_wrap ul li{gap: 10px; width: calc(50% - 5px);}
  .list_wrap ul li .list_title{font-size: 16px;}
  .list_wrap ul li .list_contents{font-size: 14px;}
  .cta_text .onlyPC{display: none;}
  .line_banner .btn_wrap button{padding: 10px 15px; gap: 10px;}
  .line_banner .btn_wrap button span{font-size: inherit; font-size: 14px;}
  .line_banner .btn_wrap button strong{font-size: 22px;}
  .line_banner .btn_wrap button span strong{font-family: 'Noto_M'; font-size: 16px;}
  .btn_animation img{width: 50px;}
  .line_banner .btn_wrap .btn_animation{right: -30px; bottom: -30px; top: inherit;}
  .guide_tabmenu li{font-size: 14px;padding: 15px;}
  .tab_content .tc_wrap .tc_right ul{gap: 15px;}
  .tab_content .tc_wrap .tc_right ul li{gap: 12px; }
  .tab_content .tc_wrap .tc_right ul li .num{font-size: 14px;}
  .tab_content .tc_wrap .tc_right ul li .num span{font-size: 14px;}
  .tab_content .tc_wrap .tc_right ul li .tc_wrap{gap: 5px;}
  .tab_content .tc_wrap .tc_right ul li .tc_wrap .tc_title{font-size: 16px;}
  .tab_content .tc_wrap .tc_right ul li .tc_wrap .tc_contents{font-size: 14px;}
  
  .tab_content{padding: 30px;}
  .tab_content h3{margin-bottom: 10px; font-size: 18px;}
  .vertical_slide_section .inner > .title_wrap > p br{display: none;}
  .elea_wrap ul li .ic_box img{ width: 50px;}
  .elea_wrap ul{gap: 10px; margin-top: 40px;}
  .elea_wrap ul li .elea_name{margin-left: 20px;}
  .elea_wrap ul li .elea_name .elea_title{font-size: 20px;}
  .elea_wrap ul li .elea_name .elea_title span{font-size: 20px;}
  .elea_wrap ul li .elea_name .elea_contents{font-size: 14px; font-family: 'Noto_R';}
  .elea_wrap ul li .ic_box{border-right:0; position: relative;}
  .elea_wrap ul li .ic_box:after{content: ''; position: absolute; right: 0;top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background-color: var(--color-gray-g30-stroke);}
  /* .hs_btn{text-align: center;} */

  .start_filter ul li{font-size: 16px; padding: 14px 0 ;}
  .start_filter ul li span{font-size: 14px;}
  .start_list_wrap ul li .start_num{font-size: 14px;}
  .start_list_wrap ul li.start_box{width: calc(50% - 10px); padding: 16px;}
  .start_list_wrap ul li .start_img{bottom: -20px;}
  .start_list_wrap ul li .start_img img{width: 30px;}
  .start_list_wrap ul li .start_contents{font-size: 14px}
  .input_box_wrap{flex-direction: column; gap: 10px;}
  .area_select > .input_title{margin-top: 0;}
  .etc_wrap .input_title, .agree_wrap .input_title{font-size: 18px;}
  .etc_wrap .input_title p{font-size: 14px;}
  .input_wrap .input_box input{font-size: 14px; padding: 10px 15px;}
  .etc_wrap .input_title, .agree_wrap .input_title{font-size: 14px;}
  footer .logo_wrap{flex-direction: column; gap: 40px;}
  footer .logo_wrap img{width: 130px;}
  footer .logo_contents p{font-size: 14px;}
  footer .logo_contents p span{margin-bottom: 18px; display: inline-block;}
  footer{padding: 60px 0;}
  .gotop{width: 50px; height: 50px; line-height: 46px;}
  .bg_circle{z-index: -1;}
  main .title_wrap .title_gradient{font-size: 1.3rem;}
  .apply_wrap{padding:40px 20px;}
  .hs_btn a{font-size: 14px; padding: 12px 14px;}
  .hs_btn a i{font-size: 14px;}
  .apply button{font-size: 20px;}
  .input_wrap .input_title{font-size: 14px;}
  .b_check_txt{font-size: 14px;}
  .b_check{width: 20px;height: 20px;}
  input.b_checkbox:checked + label.b_check i{font-size: 20px;}
  .agree_wrap .b_check_txt{font-size: 14px;}
  .apply button{font-size: 16px;}
  .list_wrap ul li .ic_wrap img{width: 30px;}


}