/*서브공통*/
.sub { width: 100%; position: relative; }
.subtop { height: 45vh; }
.toggle_but{display: none;}
.mob_br{display: none;}
.xi-angle-up:before{display: none !important;}
#subtop1 { background: url(../img/subtop1.png) no-repeat center/cover; }
#subtop2 { background: url(../img/subtop2.png) no-repeat center/cover; }
#subtop3 { background: url(../img/subtop3.png) no-repeat center/cover; }
#subtop4 { background: url(../img/subtop4.png) no-repeat center/cover; }

.click_menu{display: none;}
.mob_view{display: none !important;}
.sub_p{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sub_p p{font-size: 3rem; font-weight: 700; color: #fff;}

/*sub_path*/
/* sub_menu */
.sub_flex{display: flex; width: 100%; max-width: 1540px; gap: 5rem; margin: 0 auto; margin-top: 135px; position: relative;}
.m1 .sub_flex .left{width: 15%; height: 30%; box-shadow: 0 0 15px 0 gray; overflow: hidden; border-radius: 2rem 2rem 0 0;}
.m1 .sub_flex .right{width: 68%;}
.m1 .sub_flex .left .sub_menu{display: grid;height: auto;}
.m1 .sub_flex .left .sub_menu .title{align-items: center; height: 90px; background-color: #0B3F00; border-bottom: 3px solid black; display: flex; justify-content: center; }
.m1 .sub_flex .left .sub_menu .title h1{ font-size: 25px; color: white; font-family: 'KoreanGD12R'; font-weight: 600; letter-spacing: -1px;}
.m1 .sub_flex .left .sub_menu .sub_menu_tap{width: 100%; padding: 1.5rem; position: relative; border-bottom: 1px solid #acacac; font-family: 'KoreanGD12R';}
.m1 .sub_flex .left .sub_menu .sub_menu_tap:last-child{border-bottom: 3px solid #0B3F00;}
.m1 .sub_flex .left .sub_menu .sub_on{font-family: 'KoreanGD16R'; color: #0B3F00;}
.m1 .sub_flex .left .sub_menu .sub_menu_tap a span{position: absolute; right: 20px;}

@media screen and (max-width:1600px) {
  .sub_flex{max-width: 80%;}
}
/* sub1 cont */
.s1 .m1{height: auto; background: url(../img/sub/sub1/sub1_bg4.png) no-repeat center; background-size: 100%;}
.right .cont{width: 100%; margin: 0 auto;}
.right .cont .title{display: flex; justify-content: space-between; align-items: flex-end; width: 100%; border-bottom: 3px solid black; padding-bottom: 1rem;}
.right .cont .title h3{font-size: 40px; font-family: 'KoreanGD16R'; font-weight: 400;}
.right .cont .title p{font-size: 21px; font-weight: 300; font-family: 'KoreanGD10R'; text-transform: uppercase ; color: #666;}
.s1 .m1 .sub_flex .right .cont .cont_wrap{width: 100%; margin-top: 4rem;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .img_box{display: flex; justify-content: center; width: 100%;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .img_box img{width: inherit;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box{ position: relative; color: black;bottom: 0%;left: 0%;opacity: 1; display: grid; justify-content: center; text-align: center; gap: 2rem;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box h2{font-size: 2.3vw; color: #0B3F00; font-family: 'KoreanGD16R'; font-weight: 400;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box p{font-size: 20px; font-family: 'KoreanGD12R'; line-height: 200%;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box .img_box{display: flex; justify-content: center; padding-top: 3rem; padding-bottom: 4rem;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box .img_box img{width: initial;}

.s1 .m1 .sub_flex .right .cont .cont_wrap .se2 .img_box {display: flex; justify-content:  center;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .se2 .img_box img{width: initial; }
.s1 .m1 .sub_flex .right .cont .cont_wrap .se2 .txt_box{ margin-top: 1.5rem; margin-bottom: 5rem; width: 100%; padding: 0.5rem 0; background-color: #E7E7E7; height: auto; display: flex; gap: 0;flex-direction: column; border-radius: 5rem;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .se2 .txt_box p{font-size: 1.9vw; font-family: 'KoreanGD16R'; color: #0B3F00; letter-spacing: -1px; line-height: 160%;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .se2 .txt_box p:nth-child(1){font-family: "KoreanGD12R"; font-weight: 400;}

.s1 .m1 .sub_flex .right .cont .cont_wrap .se3 .txt_box p{text-align: left; line-height: 250%; letter-spacing: -2px;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .bg_img{display: flex; width: 100%; position: relative; justify-content: flex-end; padding-bottom: 5rem;}
.s1 .m1 .sub_flex .right .cont .cont_wrap .bg_img img{width: initial; position: relative; right: -100px;}

@media screen and (max-width:900px){
  .m1{padding: 0 2rem !important;margin-top: 145px;}
  .sub_flex{flex-direction: column; max-width: 100%;}
  .m1 .sub_flex .left .sub_menu{display: flex; width: 100%; flex-wrap: wrap; border-bottom: 1px solid #0B3F00; justify-content: center;}
  .m1 .sub_flex .left{width: 100% !important;}
  .m1 .sub_flex .left .sub_menu .title h1{font-size: 18px;}
  .m1 .sub_flex .left .sub_menu .title {padding: 1rem 3rem; width: 100%;}
  .m1 .sub_flex .left .sub_menu .sub_menu_tap{width:calc(100%/4);}
  .m1 .sub_flex .left .sub_menu .sub_menu_tap.gird-5{width:calc(100%/5);}
  .m1 .sub_flex .left .sub_menu .sub_menu_tap a{text-align: center;}
  .m1 .sub_flex .right{width: 100%; padding: 1rem 0 10rem;}
  .m1 .sub_flex .left .sub_menu .sub_menu_tap:last-child{border-bottom: 1px solid #acacac;}
}
@media screen and (max-width:500px){
  .header .h_right{display: none;}
  .s1 .m1{padding: 0 1rem; margin-top: 0;}
  .s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box{background-color: transparent;}
  .m1 .right .cont .title h3{font-size: 20px !important; letter-spacing: -2px;}
  .m1 .right .cont .title p{font-size: 13px !important; letter-spacing: -2px;}
  .sub_flex{margin-top: 200px;}
  .s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box h2{font-size: 20px;}
  .s1 .m1 .sub_flex .right .cont .cont_wrap .txt_box p{font-size: 15px;}
  .s1 .m1 .sub_flex .right .cont .cont_wrap .se2 .txt_box p{font-size: 18px;}
  .s1 .m1 .sub_flex .right .cont .cont_wrap .bg_img img{width: 35%;}
  .m1 .sub_flex .left .sub_menu .sub_menu_tap {padding: 0.4rem;display: flex;align-items: center; justify-content: center; }
  .m1 .sub_flex .left .sub_menu .sub_menu_tap a{font-size: 4vw;height: 40px; letter-spacing: -2px;display: flex; align-items: center; justify-content: center;}
  .t_center{line-height: 40px;}
  .s1 .m1 .sub_flex .right .cont .cont_wrap .bg_img img{display: none;}
}

/* sub2 cont */
.s2 .m1{height: auto;}
.s2 .right .cont{width: 100%; margin: 0 auto;}
.s2 .right .cont .title{display: flex; justify-content: space-between; align-items: flex-end; width: 100%; border-bottom: 3px solid black; padding-bottom: 1rem;}
.s2 .right .cont .title h3{font-size: 40px; font-family: 'KoreanGD16R'; font-weight: 400;}
.s2 .right .cont .title p{font-size: 21px; font-family: 'KoreanGD10R';}
.s2 .m1 .sub_flex .right .cont .cont_wrap{width: 100%;}
.s2 .m1 .sub_flex .right .cont .cont_wrap .txt_grid{display: grid;padding: 5rem 0 5rem; gap: 5rem;}
.s2 .m1 .sub_flex .right .cont .cont_wrap .txt_grid h2{text-align: center; font-size: 40px; color: #0B3F00; font-family: 'KoreanGD16R';line-height: 160%;}
.s2 .m1 .sub_flex .right .cont .cont_wrap .txt_grid h2::first-line{font-size: 50px; font-family: 'InkLipquid';}
.s2 .m1 .sub_flex .right .cont .cont_wrap .img_box{display: flex; justify-content: center;}
.s2 .m1 .sub_flex .right .cont .cont_wrap .img_box img{width: inherit;}
.s2 .m1 .sub_flex .right .cont .se3 .title{ border: 0; flex-direction: column; align-items: center; padding-top: 10rem; padding-bottom: 3rem;}
.s2 .m1 .sub_flex .right .cont .se3 .title p{font-family: 'KoreanGD16R'; color: #0B3F00; font-size: 40px;}
.s2 .m1 .sub_flex .right .cont .se3 .title h2{font-size: 58px; font-family: 'KoreanGD16R'; color: transparent; -webkit-text-stroke: 1px #0B3F00;}
.s2 .m1 .sub_flex .right .cont .se3 .flex_box .left{width: 40%; border-radius: 0; box-shadow: 0px 0px 0px 0px;}
.s2 .m1 .sub_flex .right .cont .se3 .flex_box .right{width: 60%; padding-top: 2.5rem;}
.s2 .m1 .sub_flex .right .cont .se3 .flex_box{margin: 0 auto; justify-content: center;}
.s2 .m1 .sub_flex .right .cont .se3 .flex_box .left img{width: initial;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box{display: grid; position: relative;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box .title{padding: 0; align-items: flex-start; position: relative; top: -31%; background-color: white;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box .title h2{-webkit-text-stroke: 0; color: #0B3F00; font-size: 50px;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box .title p{font-size: 20px; color: #333; font-weight: 400;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box::after{content: ''; top: -7%; left: -2.4%; width: 20px; height: 20px; position: absolute; background-color: white; border-radius: 30px; border: 3px solid #0B3F00;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box {padding-left: 3rem; position: relative; border-left: 2px solid #B2B2B2; border-top: 2px solid #B2B2B2; padding-bottom: 6rem;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box:last-child{padding-bottom: 10rem;}
.s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box:last-child::after{top: -5%;}
.s2 .m1 .sub_flex .right .cont .se4 .img_box{justify-content: flex-end;}
.s2 .m1 .sub_flex .right .cont .se4 .img_box img{position: relative; width: 40%; top: -16rem; right: -4rem;}
.s2 .m1 .sub_flex .right .cont .se4{height: 20rem;}

@media screen and (max-width:900px){
  .s2 .m1{padding: 0 2rem;}
  .s2 .m1 .sub_flex .right .cont .se2 .img_box img{width: 100%;} 
  .s2 .m1 .sub_flex .right .cont .se4 .img_box img{display: none;}
  .s2 .m1 .sub_flex .right .cont .cont_wrap .txt_grid h2{font-size: 20px;}
  .s2 .m1 .sub_flex .right .cont .cont_wrap .txt_grid h2::first-line{font-size: 20px;}
}
@media screen and (max-width:500px){
  .s2 .m1{padding: 0 1rem;}
  .s2 .m1 .sub_flex .right .cont .se3 .flex_box{gap: 2rem;}
  .s2 .m1 .sub_flex .right .cont .se3 .flex_box .left img{width: 170%;}
  .s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box .title h2{font-size: 20px;}
  .s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box .title p{font-size: 13px;}
  .s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box{padding-bottom: 3rem;}
  .s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box:last-child{padding-bottom: 3rem;}
  .s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box::after{top: -16%; left: -7.4%;}
  .s2 .m1 .sub_flex .right .cont .se3 .flex_box .right{padding-top: 0;}
  .s2 .m1 .sub_flex .right .cont .se4{display: none;}
  
  .s8 .m1 .s3_2_1_page .flex_box .s3_2_cont{width: 100% !important;}
  .s7 .m1 .s3_1_page{padding: 3rem 0 !important;}
}
/* sub3 cont */
.s3 .m1{height: auto;}
.s3 .m1 .sub_flex .right .cont .se1{display: flex; flex-direction: column; justify-content: center; position: relative; align-items: center; width: 100%; height: 695px; box-shadow: 1px 1px 13px 1px rgb(187, 187, 187); margin-top: 3rem; border-radius: 3rem;}
.s3 .m1 .sub_flex .right .cont .se1 .s3_slide{width: 80%;height: 550px;}
.s3 .m1 .sub_flex .right .cont .se1 .but_wrap{width: 92% !important; left: 50% !important; bottom: 50% !important; transform: translateX(-50%)translateY(50%); justify-content: space-between;} 
.s3 .m1 .sub_flex .right .cont .se2 .img_box img{width: initial;}
.s3 .m1 .sub_flex .right .cont .se2 .img_box{padding: 10rem 0 15rem;}
/* 스와이퍼 커스텀 */
.s3 .m1 .swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction{bottom: -2% !important;}
.s3 .m1 .swiper-pagination-bullet{width: 40px !important; height: 3px !important; border-radius: 0 !important;border: 1px solid #0B3F00 !important;background: white !important;} 
.s3 .m1 .swiper-pagination-bullet-active{background-color: #0B3F00 !important;}

@media screen and (max-width:900px){
  .s3 .m1{padding: 0 1rem;}
  .s3 .m1 .sub_flex .right .cont .se1 .but_wrap {bottom: 60% !important;}
  .s3 .m1 .sub_flex .right .cont .se2 .img_box img{width: 100%;}
}
@media screen and (max-width:500px){
  .s3 .m1 .sub_flex .right .cont .se1 .s3_slide{height: auto;}
  .s3 .m1 .sub_flex .right .cont .se1{height: auto; padding: 2rem;}
  .s3 .m1 .sub_flex .right .cont .se1 .but_wrap{display: flex; width: 78% !important; bottom: 50% !important;}
  .s3 .m1 .sub_flex .right .cont .se1 .but_wrap .but_right{width: 20%;}
  .s3 .m1 .sub_flex .right .cont .se1 .but_wrap .but_left{width: 20%;}
}

/* sub4 cont */
.s4 .m1{height: auto; padding-bottom: 15rem;}
.flex_but_wrap .flex_but{display: flex; padding-top: 2rem;}
.flex_but_wrap .flex_but li{align-items: center; gap: 1rem; display: flex; font-size: 30px;color: #999999;cursor: pointer; font-family: 'KoreanGD12R';font-weight: 400; }
.flex_but_wrap .flex_but li:nth-child(1){padding-right: 1rem;}
.flex_but_wrap .flex_but li:nth-child(2){padding-left: 1rem;border-left: 2px solid #999999;}
.flex_but_wrap .flex_but li::before{content: ''; background-color: #999999; width:12px;height: 12px; border-radius: 2rem;}
.flex_but_wrap .flex_but .s4_but_on{color: #0B3F00;font-family: 'KoreanGD16R'; transition: all 0.3s;}
.flex_but_wrap .flex_but .s4_but_on::before{background-color: #0B3F00;}
/* .page{display: none;} */
.page_wrap{display: none;}
.pageon{display: block;}
/* page1 */
.right .cont .page .title{display: unset; gap: 2rem;}
.right .cont .page .title h1{font-size: 30px; padding-top: 6rem; padding-bottom: 2rem; font-family: 'KoreanGD16R'; font-weight: 400;}
.right .cont .page .title .title_flex{display: flex; gap: 1rem; align-items: center;margin-bottom: 1rem;}
.right .cont .page .title .title_flex h3{border-radius: 0.5rem; text-align: center; font-size: 22px; letter-spacing: -2px;  padding:0.5rem 0.5rem ; width: 125px; background-color: #0B3F00; color: white;} 
.right .cont .page .title .title_flex p{font-size: 19px; font-weight: 600;}
.right .cont .page .title .pa_img{width: 100%;}
.right .cont .page .title .pa_img img{width: inherit; scale: 0.99;}

.right .cont .page .title .p3_flex{display: flex; align-items: center; width: 100%;gap: 0.5rem;}
.right .cont .page .title .p3_flex .p3_title{font-family: 'KoreanGD15R'; font-size: 22px; border-radius: 1rem; width: 15%; height: 400px; justify-content: center;  display: flex; align-items: center; background-color: #0B3F00; color: white; }
.right .cont .page .title .p3_flex .p3_2{display: flex; flex-direction: column; width: 10%;height: 400px; align-items: center; color: white; justify-content: center; gap: 0.5rem; }
.right .cont .page .title .p3_flex .p3_3{border-radius: 1rem; display: flex; padding: 0 1rem; flex-direction: column; width: 75%;height: 400px; background-color: #f2f2f2;}
.right .cont .page .title .p3_flex .p3_2 .p3_inbox1 p{text-align: center; font-size: 22px; font-family: 'KoreanGD15R'; color: white;}
.right .cont .page .title .p3_flex .p3_2 .p3_inbox1{border-radius: 1rem; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #0B3F00;}
.right .cont .page .title .p3_flex .p3_3 .p3_inbox2 p{font-size: 19px; letter-spacing: -2px; line-height: 155%; color: #333; font-family: 'KoreanGD15R';}
.right .cont .page .title .p3_flex .p3_3 .p3_inbox2{width: 100%; height: 100%; padding: 0.5rem;}
.right .cont .page .title .p3_flex .p3_3 .p3_inbox2:nth-child(1){border-bottom: 2px dashed #999999;}

.right .cont .page .p4 .p3_flex:nth-child(3){padding-top: 1rem;}
.right .cont .page .p4 .p3_flex .p3_title{height: auto;}
.right .cont .page .p4 .p3_flex .p3_2{height: 250px;}
.right .cont .page .p4 .p3_flex .p3_3{height: 250px;}
.right .cont .page .p4 .p3_flex .p3_3 .p3_inbox2{display: flex; align-items: center;}
.right .cont .page .p4 .p3_flex .p3_3 .p3_inbox2:nth-child(1){border-bottom: 2px dashed #999999;}
.right .cont .page .p4 .p3_flex .p3_3 .p3_inbox2:nth-child(2){border-bottom: 2px dashed #999999;}
.right .cont .page .p4 .p3_flex .p3_3 .p3_inbox2 p:first-child{width: 30%;border-right: 2px dashed #999999;}
.right .cont .page .p4 .p3_flex .p3_3 .p3_inbox2 p{line-height: 150%;}

.right .cont .page2 .title:nth-child(1) .page2_text{font-size: 20px; line-height: 200%; color: #333; font-family: 'KoreanGD13R'; padding-bottom: 3rem;}

/* sub2-1 ,sub2-2 */
.s5{background: url(../img/sub/sub2-1/sub2-1_bg2.png) no-repeat; background-size: 100%; background-position: bottom;}
.s5 .m1{height: auto; padding: 0 0 42rem;}
.s5 .m1 .right .cont .page .s5_se1 .title_flex{align-items: flex-start; margin-bottom: 1.5rem;}
.s5 .m1 .right .cont .page .s5_se1 .title_flex h3{width: 150px;}
.s5 .m1 .right .cont .page .s5_se1 .title_flex p{line-height: 40px;}

.s5 .m1 .right .cont .page .s5_se2 .img_box img{width: initial;}
.s5 .m1 .right .cont .page .s5_se2 .img_box{width: 100%; margin: 3rem 0 5rem;}

.s5 .m1 .right .cont .page .s5_se3 .txt_box p{font-weight: 400; font-size: 20px;font-family: 'KoreanGD13R';margin-bottom: 1rem; display: flex;}
.s5 .m1 .right .cont .page .s5_se3 .txt_box p::before{content: ''; width: 15px;height: 15px; background-color: #0B3F00; border-radius: 15px; top: 2.5px; position: relative;}
.s5 .m1 .right .cont .page .s5_se3 .txt_box p span{color: #0B3F00; font-family: 'KoreanGD16R'; font-weight: 500;}
.s5 .m1 .right .cont .page .s5_se3 .txt_box{position: relative; color: #333; opacity: unset; display: unset; bottom: 0; left: 0%;}

.s5 .m1 .right .cont .page .s5_se4{display: flex; align-items: center; justify-content: center;}
.s5 .m1 .right .cont .page .s5_se4 .in_box .submit{margin: 80px;}

.s6{background: url(../img/sub/sub2-1/sub2-1_bg2.png) no-repeat; background-size: 100%; background-position: bottom;}
.s6 .m1{height: auto; padding: 0 0 42rem;}
.s6 .m1 .right .cont .page .form_ul{margin-top: 0px;}
.s6 .f_cont_num{min-width: 90px;}
@media screen and (max-width:1600px){
    .s1 .m1 .sub_flex .right .cont .cont_wrap .se3 .txt_box p{font-size: unset;}
    .FormWrap{display: flex; flex-direction: column;}
    .f_cont{margin: 0.5rem 0;}
    .f_Box{margin-top: 0.5rem;}
    .s5 .m1 .right .cont .page .s5_se2 .img_box img{width: 100%;}
}
@media screen and (max-width:1200px){
.s5 .m1 .right .cont .page .s5_se3 .txt_box p{flex-wrap: wrap;}
}
@media screen and (max-width:500px){
  .s5 .m1 .right .cont .page .s5_se3 .txt_box{background-color: white; }
  .s5 .m1 .right .cont .page .s5_se3 .txt_box p{justify-content: center;}
  .s5 .m1 .right .cont .page .s5_se3 .txt_box p::before{display: none;}
  .s5 .m1 .right .cont .page .s5_se4 .in_box .submit{margin: 80px auto; padding: 0 1rem;}
  .s5 .m1 .right .cont .s5_se3{text-align: center; border: 0;}
  .s5 .m1 .right .cont .page .s5_se1 .title_flex h3{width: 70px; font-size: 13px !important;}
  .s5 .m1 .right .cont .page .s5_se1 .title_flex p{line-height: 25px;}
  .form_ul li{width: 100%;}
  .m1 {padding: 0 1rem !important;}
  
}
/* sub3-1 ,3-4 */
.s7 .m1{height: auto; padding:0 0 20rem ;}
.s7 .m1 .s3_1_page{padding: 3rem;}
.s7 .m1 .s3_1_page .grid_box{display: grid; gap: 1rem;}
.s7 .m1 .s3_1_page .grid_box .s3_1_cont{display: flex; justify-content: space-between; padding: 1.5rem 2rem; border: 2px solid #cacaca; border-radius: 1rem;}
.s7 .m1 .s3_1_page .grid_box .s3_1_cont p{font-family: 'KoreanGD12R';}
.s7 .m1 .s3_1_page .grid_box .s3_1_cont_on{border: 2px solid #0B3F00; box-shadow: 0px 0px 13px 0px #cacaca; }
.s7 .m1 .s3_1_page .grid_box .s3_1_cont_on p{font-weight: 600;}
.s7 .m1 .s3_1_page .grid_box .s3_1_cont .cont_1{color: #0B3F00; font-size: 18px; font-weight: 600;}
.s7 .m1 .s3_1_page .grid_box .s3_1_cont .cont_2{flex: 0.89; font-size: 18px;}
.s7 .m1 .s3_1_page .s3_1_flex{display: flex; justify-content: center; align-items: center; padding: 7.5rem 0 0; gap: 1rem;}
.s3_1click{font-size: 24px;}
.s3_1num{width: 30px; height: 30px; font-size: 18px; background-color: #0B3F00; color: white; border-radius: 30px; display: flex; align-items: center; justify-content: center;}

/* sub3-2,sub3-3 */
.s8 .m1{height: auto; padding:0 0 20rem ;}
.s8 .m1 .s3_2_1_page{padding: 3rem 0rem;}
.s8 .m1 .s3_2_1_page .flex_box{display: flex; flex-wrap: wrap; gap: 1rem;}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont{ border: 2px solid #acacac; border-radius: 1rem; width: 32.25%; padding: 1rem; display: grid; gap: 1rem;}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont .s3_2_img_box{margin: 0 auto; width: 295px; height: 160px; overflow: hidden;}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont .s3_2_img_box img{width: 100%;}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont .s3_txt_box{letter-spacing: -0.5px; padding-bottom: 3rem; }
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont .s3_txt_box p{font-weight: 600; line-height: 150%; font-size: 22px; font-family: 'KoreanGD12R';}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont .btn_wrap p{letter-spacing: -1px; font-weight: 600; font-size: 18px; font-family: 'KoreanGD12R';}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont .btn_wrap a img{width: 100%;}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont .btn_wrap{display: flex;justify-content: space-between; align-items: center;}
.s3_1_flex{display: flex; justify-content: center; align-items: center; gap: 1rem; padding-top: 7.5rem;}

.s9 .m1 .s3_2_1_page .flex_box .s3_2_cont .s3_2_img_box{height: 225px;}
.s9 .m1 .s3_2_1_page .flex_box .s3_2_cont .s3_txt_box{padding-bottom: 1rem;}
.s8 .m1 .s3_2_1_page .flex_box .s3_2_cont_on{border: 2px solid #0B3F00; box-shadow: 0 0 13px 0 #cacaca;}


/* sub4-1 */
.s10 .m1{height: auto; padding: 0 0 20rem;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap{display: flex; gap: 1rem;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box{display: grid; gap: 1rem;width: 20%;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_title{border-radius: 0.5rem; background-color: #0B3F00; font-size: 22px; color: white; font-family: 'KoreanGD12R'; height: 100px; display: flex; justify-content: center; align-items: center;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_title:nth-child(1){height: 125px;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_title:nth-child(2){height: 150px;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_cont{border-bottom: 2px dashed #999; letter-spacing: -1.5px; font-size: 19px;height: auto; padding: 3rem 0; display: grid; align-items: center;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box{ padding: 0 1.5rem; border-radius: 0.5rem; width: 80%; background-color: #F2F2F2; font-family: 'KoreanGD12R';}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box .gaid_box{width: 100%; gap: 0;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box .gaid_box .s4_1_1_cont:nth-child(1){height: auto; padding: 2rem 0;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box .gaid_box .s4_1_1_cont:nth-child(2){height: auto; padding: 2.2rem 0; justify-content: center; align-items: center;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box .gaid_box .s4_1_1_cont:nth-child(2) p{color: #0B3F00; font-weight: 600}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box .gaid_box .s4_1_1_cont:nth-child(2) div img{width: initial;margin: 0 auto;}
.s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box .gaid_box .s4_1_1_cont:nth-child(5){display: flex;gap: 0.5rem; border-bottom: 0;}
/* sub4-2 */
.s11 .m1{height: auto; padding: 0 0 20rem ;}
.s11 .m1 .form_ul li{width: 45%;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul{display: flex; justify-content: space-between;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .FormWrap{flex-direction: column;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .FormWrap .f_title{text-align: left; background-color: white; color: black;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul li:nth-child(5){width: 100%;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .f_cont{margin: 0; padding: 0.5rem; border: 0;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul #form_attached_1{margin: 0;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .FormWrap .f_Box{padding: 0;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .ftxt_box{display: flex; gap: 5rem; padding: 2rem 0;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .ftxt_box p{font-size: 21px; line-height: 150%; font-family: 'KoreanGD16R'; text-transform:uppercase; }
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .ftxt_box .font_f p{font-size: 20px; font-family: 'KoreanGD12R';color: #999;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .FormWrap .f_title span{color: #D50000; font-weight: 600; font-family: 'KoreanGD12R'}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .FormWrap .f_cont_num{border-radius: 0.5rem; border: 0;}
.s11 .filebox label{min-height: 45px;line-height: 45px;}
.s11 .over_y{overflow-y: scroll; height: 200px; padding: 0;}
.s11 .over_y::-webkit-scrollbar{width: 8px;}
.s11 .over_y::-webkit-scrollbar-thumb{height: 30%; background-color: #333;border-radius: 3rem; }
.s11 .over_y::-webkit-scrollbar-track{background-color: #e3e3e3; border-radius: 3rem;}
.s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul{margin: 0;}
.s4_2_1txt{text-align: right; font-family: 'KoreanGD16R'; font-size: 20px; color: #333; padding: 1.5rem 0;}
.s4_2_1txt span{color: #D50000;}
.s11 .m1 .right .cont .s4_2_1page .title h1{padding-bottom: 0;}
/* sub4-3 */
.input_txt{background-color:#F1F1F2; border-radius: 0.5rem; height: 40px; width: 70%;}
.s12 .m1{height: auto; padding: 0 0 20rem;}
.s12 .s4_3_1page .box{background: url(../img/sub/sub4-3/sub4-3_bg1.png )no-repeat;background-size: cover; width:100%; height: 430px; box-shadow: 0 0 13px 0 #e3e3e3; border-radius: 1rem; margin-top: 5rem; display: flex; justify-content: center; align-items: center;}
.s12 .s4_3_1page .box .input_box{display: grid; gap: 1rem; padding-top: 4rem;}
.s12 .s4_3_1page .box .input_box .flex_box{width: 350px; gap: 1rem; align-items: center;}
.s12 .s4_3_1page .box .input_box .flex_box label {font-family: 'KoreanGD16R'; width: 30%; text-align: right; font-size: 20px;}
.s12 .s4_3_1page .box .input_box .flex_box label span{color: #D50000;}
.s12 .s4_3_1page .box .input_box .submit{margin: 3rem auto 0;}
.s12 .input_txt{width: 48%;}
.s5_1_1page{padding-top: 5rem;}
/* sub5-1 */
.s13 .m1{height: auto; padding: 0 0 20rem;}
.s13 .title_wrap{ position: relative; font-family: 'KoreanGD15R'; top: 0; left: 0; transform:unset;}
.s13 .title_wrap::first-line{color: #0B3F00 ;}
.s13 .title_wrap h2{font-size: 40px; color: #0B3F00; line-height: 150%;}
.line{margin: 3rem auto ; width: 15%; height: 2px; background-color: #0B3F00;}
.s5_1_1page .img_box img{scale: 0.9;}
@media screen and (max-width:1600px){
  .form_ul li{width: 48%;}
  .s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box .title h2{font-size: 30px;}
  .s2 .m1 .sub_flex .right .cont .se3 .right .grid_box .text_box .title p{font-size: 16px;}
  .flex_but_wrap .flex_but li{font-size: 1.5vw;}
  .m1 .sub_flex .left .sub_menu .title h1{font-size: 1.5vw;}
  .right .cont .title h3{font-size: 1.7vw;}
  .right .cont .title p{font-size: 1vw;}
  .right .cont .page .title .title_flex p{font-size: 1vw; letter-spacing: -1.5px;}
  .s5 .m1 .right .cont .page .s5_se3 .txt_box p{font-size: 1vw;}
  #bo_btn_top{right: 3rem !important;}
  .right .cont .page .title .p3_flex .p3_2 .p3_inbox1 p{font-size: 1.1vw;}
  .right .cont .page .title .p3_flex .p3_title{font-size: 1.1vw;}
  .right .cont .page .title .p3_flex .p3_3 .p3_inbox2 p{font-size: 14px; padding: 0 0.5rem; }
  .right .cont .page .p4 .p3_flex .p3_3 .p3_inbox2 p:first-child{padding: 0;}
  .right .cont .page .title .p3_flex .p3_3 .p3_inbox2{display: flex; align-items: center;}
  .s3 .m1 .sub_flex .right .cont .se2 .img_box img{width: 100%;}
  .s2 .m1 .sub_flex .right .cont .cont_wrap .se2 .img_box{width: 100%;}
  .m1 .sub_flex .left{width: 20%;}
  .main_lists_tit a{font-size: 18px;}
  .s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_cont{font-size: 18px; letter-spacing: -1.5px;}
  .s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_title{font-size: 16px;}
  .s1 .m1 .sub_flex .right .cont .cont_wrap .se3 .txt_box p{font-size: 16px;}
  .s4_2_1txt{font-size: 14px;}
  .toggle_but{display: block;}
}

@media screen and (max-width:900px){
  .m1 .sub_flex .left .sub_menu .title h1{font-size: 22px;}
  .header .h_right{display: none;}
  .header .h_right .gnb .depth01 .depth02 li a{font-size: 14px;}
  .s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_cont{font-size: 13px; letter-spacing: -1.5px;}
  .s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_title{font-size: 13px;}
  .s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .cont_box{padding: 0 1rem;}
  .f_cont_num{width: 130px; min-width: auto;}
  .s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .FormWrap .f_Box{gap: 0;}
  .f_cont_num select{padding: 0;}
  .s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .ftxt_box p{font-size: 18px;}
  .s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .ftxt_box .font_f p{font-size: 13px;}
  #form_attached_1{flex: 1;} 
  .s11 .over_y{height: 100%;}
  .s11 .m1 .right .cont .s4_2_1page .form_inner .form_ul .f_cont{height: auto;}
  .s11 .m1 .form_ul li{width: 100%;}

  .header { height:145px !important;}
  .headeron{position: fixed; height: 100vh !important;z-index: 999999999999; background-color: white; display: block;}
  .toggle_block{display: block !important;}
  .toggle_flex{transition: all .5s; flex-wrap: wrap; display: block;}
  .header .h_inner .toggle_but{display: grid; height: 30%;}
  .toggle_but span{width: 30px; height: 3px; background-color: #333;}
  .header .h_right{order: 2; width: 100%; padding-top: 2rem;}
  .header .h_right .gnb{display: flex; flex-direction: column; }
  .header .h_right .gnb .depth01{width: 100%; height: 60px; overflow: hidden;}
  .header .h_right .gnb .depth01 > a{padding: 1rem; font-size: 1.2rem;}
  .header .h_right .gnb .depth01 .depth02{position: relative; top: 0;}
    .header .h_right .gnb .click_menu:first-child{padding: 0 0 1rem;}
  .header .h_right .gnb .click_menu{height: auto; transition: all 0.5s; display: block; color: #0B3F00; padding: 1rem;}
  .flex_but_wrap .flex_but li{font-size: 18px;}

  .xi-angle-up:before{display: none;}
  .mob_view{display: block !important;}
  .s10 .m1 .right .cont .sub4_1_1_page .s4_1_1_wrap .gaid_box .s4_1_1_title:nth-child(1){height: 150px;}
  .f_cont_num{width: 100px;}
  .f_Box{gap: 10px; padding: 0;}
  #footer .f_bottom .f_inner .f_logo {right: 0; width: 65%;}
  #footer .f_bottom .f_inner .f_logo a img{width: 100%;}
}

@media screen and (max-width:500px){
  .header .h_right .gnb .depth01 > a{font-size: 18px;}
  .m1 .sub_flex .left .sub_menu .title h1{font-size: 20px;}
  .mob_view2{display: none;}
  .mob_br{display: block;}
  .m1 .sub_flex .right{padding: 1rem 0 1rem;}
  .s2 .m1 .sub_flex .right .cont .se3 .flex_box .left{width: 31% !important;}
  .form_ul li{width: 100%;}
  .right .cont .page .title .p3_flex .p3_title{font-size: 4vw;}
  .sub_flex{max-width: 100%;}
  .m1 {margin-top: 100px; top: -5rem; z-index: 999; position: relative;}
  .right .cont .page .title h1{font-size: 20px;}
}

.greeting {
  position:relative;
  display:grid;
  grid-template-columns: repeat(2, minmax(100px, auto));
  gap:30px 40px;
  margin-top:4rem;
  font-family: 'Pretendard';
  padding-bottom: 5rem;
}
@media screen and (max-width:1024px) {
  .greeting {
    gap:30px 20px;
  }
}
@media screen and (max-width:1024px) {
  .greeting {display:block;}
}

.greeting strong {font-weight:700;}
.greeting__image img {width:100%;}
.greeting__content {position:relative;}
@media screen and (max-width:1024px) {
  .greeting__content {margin-top:30px;}
}
.greeting__text1 {  
  font-weight:700;
  font-size: 24px;
  color: #000;
}
.greeting__text2 {
  margin-top:17px;
  font-size: 20px;
  line-height:1.5;
  color: #333;
}
.greeting__text3 {
  margin-top:17px;
  font-size: 16px;
  line-height:1.6;
  color: #666;
}
.greeting__text4 {
  margin-top:5px;
  font-size:20px;
  line-height: 36px;
  color: #000;
  font-weight:700;
}