@charset "utf-8";
@import url("./font-awesome/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:wght@100;200;300;400;500;600;700&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
* {-webkit-text-size-adjust:none}
body{background:#fff;font-size:17px;font-family:var(--k-font), var(--e-font);font-weight: 200;}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:var(--k-font), var(--e-font)}
:root{--primary:#ff6d00;--black:#111;--main-black:#383838;--k-font:'Freesentation';--e-font:'Marcellus';--main-size:1500px}
#sh_wrapper *{word-break:keep-all}



:root {
    --cursor-size: 55px;         /* 캐릭터 크기 */
    --offset-x: -2px;            /* 마우스에서 가로 오프셋 */
    --offset-y: 0px;            /* 마우스에서 세로 오프셋 */
    --z-cursor: 9999;            /* 항상 위로 */
  }

  /* 기본 커서를 숨기고 싶다면 아래 주석 해제 */
  /* body { cursor: none; } */

  .custom-cursor {
    position: fixed;
    left: 0; top: 0;
    width: var(--cursor-size);
    height: var(--cursor-size);
    pointer-events: none;        /* 클릭 방해 X */
    z-index: var(--z-cursor);
    transform: translate3d(-9999px, -9999px, 0);
    will-change: transform;
    contain: layout paint size;
    transition: opacity 120ms ease;
    opacity: 0;                  /* 진입 전 숨김 */
  }

  .custom-cursor img {
    width: 100%; height: 100%;
    object-fit: contain;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
  }

  /* 클릭 시 살짝 튀게 */
  .custom-cursor.active {
    animation: bop 120ms ease-out;
  }
  @keyframes bop {
    0%   { transform: translate3d(var(--x, 0), var(--y, 0), 0) scale(1); }
    50%  { transform: translate3d(var(--x, 0), var(--y, 0), 0) scale(1.08); }
    100% { transform: translate3d(var(--x, 0), var(--y, 0), 0) scale(1); }
  }

  /* 모션 민감 사용자 배려 */
  @media (prefers-reduced-motion: reduce) {
    .custom-cursor { transition: none; }
    .custom-cursor.active { animation: none; }
  }



/* HEADER */
#sh_hd{position:relative;width:100%}

/* MAIN  */
#main_banner{position:relative;width:100%}

/* INDEX */
#sh_section{position:relative;width:100%;line-height:1.5;font-family:var(--k-font), var(--e-font)}
#sh_section .pl{white-space:pre-line}
#sh_section .section_tit{text-align:center}
#sh_section .section_h2{font-size:55px;font-weight:400;font-family:var(--e-font);color:var(--black)}
#sh_section .section_h2 span{color:var(--primary)}
#sh_section .section_p{font-size:20px;font-weight:500;color:var(--primary)}

/* CONTENT */
#sh_container{position:relative;width:100%}
#sh_container_wrapper{position:relative;width:100%}
#sh_content{position:relative;max-width:1300px;min-height:auto;padding:100px 0 0;margin:0 auto}

/* SNB */
#sh_aside{position:relative;width:100%;border-bottom:solid 1px #e5e5e5;background-color: var(--primary);}
#sh_aside_wrapper{position:relative;max-width:1200px;margin:0 auto;zoom:1}

/* FOOTER */
#sh_ft{position:relative;padding:0px 0 70px;width:100%;line-height:1.5;font-family:var(--k-font), var(--e-font);color:#fff;background-color:#ff6d01;word-break:keep-all}
#sh_ft .top{display:flex;margin:auto;width:80%; border-bottom: 1px solid #fff;padding-bottom: 30px;}
#sh_ft .form_area{width:50%}
#sh_ft .form_area h2{font-size:55px;font-weight:400;font-family:var(--e-font)}
#sh_ft .form_area p{font-size:20px;font-weight:500}
#sh_ft .form_area form{margin-top:50px;width:80%}
#sh_ft .form_area .sh_input:focus{outline:none !important;border:none !important;border-bottom:1px solid rgb(255, 255, 255, 0.3) !important;box-shadow:none !important}
#sh_ft .form_area .sh_input{padding:25px 0;width:100%;font-size:16px;font-weight:600;border:none;outline:none;box-shadow:none;border-bottom:1px solid rgb(255, 255, 255, 0.3);color:#fff;background-color:transparent}
#sh_ft .form_area .sh_input::placeholder {color:rgb(255, 255, 255, 0.3)}
#sh_ft .form_area textarea{padding:25px 0 60px !important}
#sh_ft .form_area .p_info{display:flex;gap:20px}
#sh_ft .form_area .p_info ul{width:50%}
#sh_ft .form_area ul li, #sh_ft .form_area ul input, #sh_ft .form_area ul textarea{width:100%}
#sh_ft .form_area label{display:none}
#sh_ft .form_area .prv_area{display:flex;justify-content:space-between;align-items:start;margin-top:20px}
#sh_ft .form_area .send_btn{display:flex;justify-content:center;align-items:center;width:max-content;padding-top:20px}
#sh_ft .form_area .send_btn button{width:150px;height:58px;border-radius:29px;font-size:17px;font-weight:700;border:2px solid var(--primary);color:#fff;background-color:var(--primary);transition:all .3s}
#sh_ft .form_area .consent{display:flex;align-items:center;gap:5px}
#sh_ft .form_area .consent a{font-size:13px;font-weight:400;color:rgb(255, 255, 255, 0.6)}
#sh_ft .form_area .ck_box{cursor:pointer}
#sh_ft .map_area{overflow:hidden;width:50%;height:400px;border-radius:10px}
#sh_ft iframe{width:100%;height:100%}
#sh_ft .bottom{display:flex;margin:100px auto;width:80%}
#sh_ft .bottom .cate{font-size:20px;font-weight:700;color:#fff}
#sh_ft .info_box{width:50%}
#sh_ft .info_box{display:flex;flex-direction:column;gap:20px}
#sh_ft .info_box li{display:flex;gap:32px}
#sh_ft .info_box li:first-child{align-items:center}
#sh_ft .info_box li:last-child ul li+li{margin-top:10px}
#sh_ft .info_box .number{font-size:30px;font-weight:400;font-family:var(--e-font)}
#sh_ft .info_box .day, #sh_ft .bottom .info_box .time{font-size:18px;font-weight:600} 
#sh_ft .info_box .notice{font-size:13px;font-weight:600}
#sh_ft .same_as{width:50%}
#sh_ft .same_as li{display:flex;align-items:center;gap:32px}
#sh_ft .same_as li+li{margin-top:20px}
#sh_ft .same_as address{font-style:unset;font-size:20px;font-weight:700}
#sh_ft .same_as .cate{min-width:65px}
#sh_ft .same_as .youtube{width:24px;height:17px;background:url(../index/ft/youtube.png) no-repeat center / contain} 
#sh_ft .same_as .kakao{width:22px;height:20px;background:url(../index/ft/kakao.png) no-repeat center / contain} 
#sh_ft .same_as a{font-size:18px;font-weight:400;color:#fff;transition:all .3s}
#sh_ft .copy{padding-top:50px;margin-top:100px;font-size:15px;font-weight:400;color:#777}
#sh_ft .copy .top{justify-content:space-between}
#sh_ft .copy .top a{font-size:15px;font-weight:400;color:#fff;transition:all .3s}
#sh_ft .copy .top a+a{margin-left:25px}
#sh_ft .copy .main_info{margin:30px auto;width:80%; color: #Fff;}
#sh_ft .copy .main_info p{    font-family: var(--e-font);margin-bottom: 30px;}
#sh_ft .copy .bottom{justify-content:space-between;margin:0 auto;font-family:var(--e-font); color: #fff;}
#sh_ft .copy .bottom a{font-size:12px;color:#777;transition:all .3s}
#sh_ft .copy .bottom a+a{margin-left:15px; font-weight: 300;}


#sub .brnad{}
#sub .top_banner{    display: flex;flex-direction: column;justify-content: center;background-image: url('/page/img/brand_bg.png'); background-size: cover;background-repeat: no-repeat; width: 100%; height: 323px;padding-left: 50px; }
#sub .top_banner h3{font-size: 23px;font-family: "Noto Serif KR", serif;letter-spacing: -2px; font-weight: 400;line-height:30px}
#sub .top_banner p{font-size: 17px;margin-top: 20px;font-weight: 200;}

#sub .brnad .banner_list{margin-top: 100px;}
#sub .brnad .banner_list ul{display: flex;justify-content: space-between;}
#sub .brnad .banner_list ul li{width: 32%; height: 300px; background-repeat: no-repeat;background-size: cover;}
#sub .brnad .banner_list ul li:first-child{background-image: url('/page/img/brand_img01.jpg');}
#sub .brnad .banner_list ul li:nth-child(2){background-image: url('/page/img/brand_img03.jpg');}
#sub .brnad .banner_list ul li:nth-child(3){background-image: url('/page/img/brand_img02.jpg');}
#sub .brnad .banner_list ul li .txt_box{ width: 90%;background-color: #fff;text-align: center;margin: 0 auto;padding: 30px;box-shadow:2px 2px 18px 6px rgba(0,0,0,0.1);margin-top: 46%;}
#sub .brnad .banner_list ul li h4{font-family: "Noto Serif KR", serif;letter-spacing: -2px; font-size: 20px; font-weight: 300;}
#sub .brnad .banner_list ul li p{font-size: 17px; font-weight: 200;margin-top: 15px;}


#sub .program_area{text-align:center; margin-top: 150px;}
#sub .program_area .txt_area .col{overflow:hidden;    display: flex;align-items: center; margin-bottom: 60px;}
#sub .program_area .txt_area .col img{float:left;width:50%; border-radius: 10px;}
#sub .program_area .txt_area .col dl{float:left;width:50%;padding:43px 75px;text-align:left}
#sub .program_area .txt_area .col dt{ margin-bottom:21px;font-weight: 400; font-size:23px;color:#222;font-family: "Noto Serif KR", serif;letter-spacing: -2px;}
#sub .program_area .txt_area .col dt:last-child{margin-bottom: 0;}
#sub .program_area .txt_area .col .num{font-size: 80px;color: var(--primary);font-family: var(--e-font);opacity: .2;    margin: -10% -6%;}
#sub .program_area .txt_area .col dd{font-size:17px}

#sub .brnad_02 .top_banner{background-image: url('/page/img/sub01_02_banner.png'); background-size: cover;background-repeat: no-repeat; width: 100%; height: 323px;}
#sub .brnad_02 .banner_txt{padding: 100px 0; text-align: center;}
#sub .brnad_02 .banner_txt h1{font-size: 36px;font-family: var(--e-font); color: var(--primary); font-weight: 100;}
#sub .brnad_02 .bar{width: 2px; height: 55px; background-color: #ffc69b;    margin: 35px auto;}
#sub .brnad_02 .banner_txt h2{font-size: 25px;margin-bottom: 17px; color: var(--primary);     font-family: "Noto Serif KR", serif; letter-spacing: -2px; font-weight: 500;} 
#sub .brnad_02 .banner_txt span{font-size: 17px;}


#sub .brnad_02 .icon_list{display: flex; gap: 30px;justify-content: space-around;margin-top: 50px;}
#sub .brnad_02 .icon_list li{width: 33%; display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
#sub .brnad_02 .icon_list li h3{font-size: 25px;font-family: var(--e-font);margin: 20px 0 8px;}
#sub .brnad_02 .icon_list li span{}
#sub .brnad_02 .icon_list li img{width: 40%;}

#sub .b_txt{text-align: center;}
#sub .b_txt h2{font-size: 36px;font-family: var(--e-font);color: var(--primary);font-weight: 100;margin-top: 100px;margin-bottom: 17px;}

#sub .mat .top_banner{  display: flex; flex-direction: column;justify-content: center;background-image: url('/page/img/sub01_01_2_banner.png');background-size: cover;background-repeat: no-repeat;width: 100%;height: 323px;padding-left: 50px;}
#sub .mat .mat_list { display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;gap: 20px;margin: 50px 0 100px;}
#sub .mat .mat_list .mat_con{display: flex;flex-direction: column;align-items: center; gap: 15px;width: 23.33%;padding: 30px; border-radius: 10px;font-family: var(--e-font); box-shadow:0 7px 20px rgba(0, 0, 0, 0.09), 0 -17px 6px rgba(0, 0, 0, 0.01);}
#sub .mat .mat_list .mat_con img{width: 55%;}
#sub .mat .mat_list .mat_con h3{font-size: 19px; font-weight: 500;margin-bottom: 6px;text-align: center;}
#sub .mat .mat_list .mat_con p{text-align: center; }


#sub .mat .mat_list .sub_txt p{font-size: 14px;}


#sub .mat .tit{font-size: 27px;
    margin-bottom: 30px;
    color: var(--primary);
    font-family: "Noto Serif KR", serif;
    letter-spacing: -2px;
    font-weight: 500;}
#sub .mat .tit b span{color:#a49254}
#sub .mat .box_all_wrap{display: flex;align-items: center;}
#sub .mat .box_all{margin-bottom:100px; width: 75%;}
#sub .mat .img_box{    display: flex;justify-content: space-evenly;}
#sub .mat .img_box img{width: 80%;}
#sub .mat .box_all dl{position:relative;padding: 25px 20px 30px 65px;margin-bottom:12px;border-radius:5px;border:1px solid #e1e1e1}
#sub .mat .box_all dl dt{position:absolute;left: 20px;top: 20px;width:32px;height:32px;border-radius:3px;background-color:#ff6d01;font-weight:600;font-size:14px;color:#fff;font-family:'Poppins',sans-serif;text-align:center;line-height:32px}

#sub .mat .point_wrap{border-radius: 10px;}
#sub .mat .point_wrap h2{font-size: 27px;border-radius: 10px; text-align: center; margin-bottom: 30px;color: var(--primary);font-family: "Noto Serif KR", serif;letter-spacing: -2px;font-weight: 500;
}
#sub .mat .point_wrap p{padding: 20px 40px;display: flex;align-items: center;
    background-color: #f4f4f4;
    border-radius: 100px;margin-bottom: 15px;}

    #sub .mat .point_wrap i{margin-right: 13px;}



#sub .long_icon {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #sub .long_icon_box {
    border-radius: 7px;
    width: 49%;
    border: 1px solid #dddd;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 40px 30px;
  }
  #sub .long_icon_box:nth-child(5) {
    margin-bottom: 0;
  }
  #sub .long_icon_box:nth-child(6) {
    margin-bottom: 0;
  }
  #sub .long_i {
    width: 130px;
    height: 100px;    padding: 20px;
    border-radius: 50%;
    background-color: #f2f2f294;
    text-align: center;
    float: left;
    margin-right: 20px;
  }
  #sub .long_i img {
    width: 75%;
  }
  #sub .long_txt {
    width: 100%;
    float: right;
  }
  #sub .long_txt span {
    text-align: justify;
  }
  #sub .long_txt h2 {
    font-family: "Noto Serif KR", serif;
    letter-spacing: -2px;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  #sub .long_txt span {
    font-size: 17px;
  }



.procedure{background-color: #F6EED4;padding: 100px 50px; border-radius: 10px;}
.procedure .top_txt{display: flex;position: relative;flex-direction: column; text-align: left;}
.procedure .top_txt::before{position: absolute;right: 3%;top: -45px;  content: '';background-image: url('/page/img/sub02_01_bg.png');width: 22%; height: 266px; background-repeat: no-repeat; background-size: cover;}
.procedure .top_txt h3{font-size: 27px;font-family: "Noto Serif KR", serif;letter-spacing: -2px;font-weight: 400; margin-bottom: 20px;}
.procedure .top_txt p{font-size: 20px;}
.procedure .box_list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 20px;}
.procedure .box_list li{background-color: #fff;padding: 40px; border-radius: 10px;width: 48%;}
.procedure .box_list li i{}
.procedure .box_list li h3{font-size: 25px;color: var(--primary);font-family: var(--e-font); font-weight: 100; margin-top: 25px;}
.procedure .box_list li .s-card__tit{font-family: "Noto Serif KR", serif;margin-top: 10px; letter-spacing: -2px;font-size: 20px;font-weight: 400;margin-bottom: 10px;}
.procedure .box_list li .s-card__des{font-size: 17px;}
.bottom_banner{padding-left: 50px;margin-top: 70px; background-image: url('/page/img/sub02_01_banner.jpg');border-radius: 10px; width: 100%; height: 300px; background-size: cover;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.bottom_banner h1{font-family: "Noto Serif KR", serif;margin-bottom: 25px; letter-spacing: -2px;font-size: 23px;font-weight: 400;}
.bottom_banner .btn a{width: 140px;padding: 0 20px;display: flex;align-items: center;justify-content: flex-end;background-color: var(--primary);border-radius: 100px;font-size: 15px;color: #fff;font-weight: 400;}


#sub .purchase{}
.top_txt{text-align: center;padding-bottom: 100px;}
.top_txt h1{ font-size: 30px;font-family: "Noto Serif KR", serif;letter-spacing: -2px;font-weight: 300;line-height: 40px; margin-bottom: 25px;}
.top_txt b{font-weight: 500;}
.top_txt .bar{width: 55px; height: 2px; background-color: var(--primary); margin: 30px auto;}
.top_txt span{}

#sub .need_list{}
#sub .need_list ul{display: flex;    justify-content: space-between;}
#sub .need_list ul li{height: 400px; width: 32%; background-size: cover;background-repeat: no-repeat;position: relative; border-radius: 10px;}
#sub .need_list ul li:first-child{ background-image: url('/page/img/sub03_01_img01.png');}
#sub .need_list ul li:nth-child(2){ background-image: url('/page/img/sub03_01_img02.png');}
#sub .need_list ul li:nth-child(3){ background-image: url('/page/img/sub03_01_img03.png');}
#sub .need_list ul li h3{font-weight: 400;font-size: 19px;text-align: center; background-color: #F4EACA;padding: 20px; width: 100%;position: absolute; bottom: 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}




#sub .cont_box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin: 100px 0;
}

#sub .cont_box .box {
    padding: 30px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    font-weight: 300;
    font-size: 23px;
    
}
#sub .cont_box h3{font-weight: 500; font-size: 17px;margin-bottom: 10px;padding: 7px 20px;border-radius: 100px;  color: #fff;  display: table-cell;background-color: var(--primary);}
#sub .cont_box b{font-weight: 500;}
#sub .cont_box .box:nth-child(1) {
    background: url('/page/img/box_icon01.png') center no-repeat;
    background-position: 90%;
    background-size: 28%;
    background-position-y: 10%;
}

#sub .cont_box .box:nth-child(2) {
    background: url('/page/img/box_icon02.png') center no-repeat;
    background-position: 90%;
    background-size: 28%;
    background-position-y: 10%;
}

#sub .cont_box .box:nth-child(3) {
    background: url('/page/img/box_icon03.png') center no-repeat;
    background-position: 90%;
    background-size: 28%;
    background-position-y: 10%;
}

#sub .cont_box .box:nth-child(4) {
    background: url('/page/img/box_icon04.png') center no-repeat;
    background-position: 90%;
    background-size: 28%;
    background-position-y: 10%;
}


#sub .cont_box .box:nth-child(5) {
    background: url('/page/img/box_icon05.png') center no-repeat;
    background-position: 90%;
    background-size: 28%;
    background-position-y: 10%;
}


#sub .sequence{width: 100%; height: 450px;    padding: 0 100px; background-image: url('/page/img/sequence_bg.jpg'); border-radius: 10px;    display: flex;align-items: center;color: #fff;justify-content: space-evenly;}
#sub .sequence .l_txt h3{font-size: 30px;margin-bottom: 10px;font-family: "Noto Serif KR", serif;letter-spacing: -2px;font-weight: 400;}
#sub .sequence .l_txt p{color: #fff;}



#sub .sequence .con_list_wrap{text-align: center;}
#sub .sequence .con_list_wrap .con_list{font-size: 20px; border: 1px solid #fff; border-radius: 100px;padding: 15px 25px;}
#sub .sequence .con_list_wrap span{margin: 20px 0;display: inline-block;}
#sub .sequence .btn a{width: 27%;display: flex;align-items: center;flex-direction: row;color: #fff; background-color: var(--primary);    justify-content: center; margin-top: 40px; border-radius: 100px;font-size: 16px;font-weight: 300;}



/* 반응형 하단 버튼 공통 */
#fix_tel{opacity:0;display:none;position:fixed;right:15px;bottom:120px;z-index:100;width:65px;height:65px;margin-right:-10px;border-radius:50%;font-size:30px;text-align:center;line-height:65px;color:#fff;background-color:var(--primary);box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s}
#fix_tel.active{opacity:1;margin-right:0}
#sh_ft_btns{display:none;padding:15px}
#sh_ft_btns .btns{overflow:hidden}
#sh_ft_btns .row2 a{width:50%}
#sh_ft_btns a{float:left;display:block;width:100%;height:55px;font-size:16px;line-height:55px;color:#fff;text-align:center;background-color:var(--primary);font-weight:700;font-family:'Noto Sans KR'}
#sh_ft_btns a.tel{font-size:18px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#sh_ft_btns a i{padding-right:5px;font-size:18px}
#sh_ft_btns a.kakao{font-weight:normal;color:#402325;background-color:#ffe500}

/* 반응형 [s] */
@media (hover:hover){
#sh_ft .form_area .send_btn button:hover{border:2px solid #fff;color:var(--primary);background-color:#fff}
#sh_ft .same_as a:hover{color:var(--primary)}
#sh_ft .copy .top a:hover{color:#fff}
#sh_ft .copy .bottom a:hover{color:#fff}
}
@media (max-width:1380px){
#sh_section .section_h2{font-size:50px}
#sh_section .section_p{font-size:18px}
#sh_ft{padding:160px 0 40px}
#sh_ft .top{width:90%}
#sh_ft .form_area h2{font-size:50px}
#sh_ft .form_area p{font-size:18px}
#sh_ft .bottom{width:90%}
#sh_ft .bottom .cate{font-size:18px}
#sh_ft .copy .main_info{width:90%}
#sh_ft .info_box li{gap:25px}
#sh_ft .info_box .number{font-size:28px}
#sh_ft .info_box .day, #sh_ft .bottom .info_box .time{font-size:16px}
#sh_ft .same_as li{gap:25px}
#sh_ft .same_as address{font-size:18px}
#sh_ft .same_as a{font-size:16px}
}
@media (max-width:1024px){
#sh_content{padding:50px 2.5%;max-width:unset;width:100%}
#sh_aside{}
#sh_aside_wrapper{max-width: 100%; margin-top: -2px;}
#shSnb ul li a{height: 40px; line-height: 40px; font-size: 11px; min-width: 80px;padding: 0;}
#sh_section .section_h2{font-size:42px}
#sh_section .section_p{font-size:17px}
#sh_ft{padding:120px 0 40px}
#sh_ft .top{width:95%}
#sh_ft .form_area h2{font-size:40px}
#sh_ft .form_area p{font-size:16px}
#sh_ft .form_area form{margin-top:40px;width:95%}
#sh_ft .form_area .sh_input{padding:20px 0}
#sh_ft .form_area textarea{padding:20px 0 55px !important}
#sh_ft .form_area .p_info{gap:15px}
#sh_ft .form_area .send_btn button{width:140px;height:56px}
#sh_ft .bottom{margin:90px auto;width:95%}
#sh_ft .bottom .cate{min-width:52px;font-size:16px}
#sh_ft .bottom svg{width:23px;height:23px}
#sh_ft .copy .main_info{width:95%}
#sh_ft .info_box li{gap:20px}
#sh_ft .info_box .number{font-size:24px}
#sh_ft .same_as li{gap:20px}
#sh_ft .same_as address{font-size:16px}
#sh_ft .same_as a{font-size:15px}
}
@media (max-width:768px){
body{letter-spacing: 0; overflow-x: hidden;}
#sh_content{padding:30px 2.5%}
#sh_section .section_h2{font-size:36px}
#sh_section .section_p{font-size:16px}
#sh_ft{padding:100px 0 105px}
#sh_ft .top{flex-direction:column;align-items:center;text-align:center;padding-bottom: 10px;}
#sh_ft .form_area{width:100%}
#sh_ft .form_area form{width:100%}
#sh_ft .form_area h2{font-size:32px}
#sh_ft .form_area p{font-size:15px}
#sh_ft .form_area .sh_input{font-size:15px}
#sh_ft .form_area .prv_area{flex-direction:column-reverse;align-items:center;gap:20px; margin-top:15px}
#sh_ft .form_area .consent{margin-left:auto;}
#sh_ft .form_area .send_btn{padding-top:0px}
#sh_ft .form_area .send_btn button{width:135px;height:54px;font-size:16px}
#sh_ft .map_area{margin-top:80px;width:100%}
#sh_ft .info_box{gap:35px}
#sh_ft .info_box li{flex-direction:column;align-items:center;gap:10px}
#sh_ft .info_box li:last-child ul li+li{margin-top:18px}
#sh_ft .info_box li:last-child ul li{gap:5px;margin-top:10px}
#sh_ft .same_as li{flex-direction:column;text-align:center;gap:10px}
#sh_ft .same_as li+li{margin-top:60px}
#sh_ft .same_as address{font-size:15px}
#sh_ft .copy{margin-top:80px;padding-top:80px}
#sh_ft .copy .top{gap:10px}
#sh_ft .copy .main_info{margin:90px auto;text-align:center}



#sub .top_banner h3{font-size: 13px;
    line-height: 20px;}
    #sub .top_banner h3 br{display: none;}
    #sub .top_banner p{letter-spacing: -.5px;font-size: 11px; margin-top: 5%;}

   #sh_container #sub .top_banner{text-align: justify;  background-image: none; background-color: #E3D6C4;padding: 20px 5%; border-radius: 10px; height: auto !important;}
    #sub .top_banner p br{display: none;}
    #sub .brnad .banner_list{margin-top: 5%;}
    #sub .brnad .banner_list ul{flex-direction: column;}
    #sub .brnad .banner_list ul li{width: 100%; border-radius: 10px;}
    #sub .brnad .banner_list ul li .txt_box{padding: 5%;}
    #sub .brnad .banner_list ul li h4{font-size: 13px;line-height: 20px;}
    #sub .brnad .banner_list ul li p{font-size: 11px;margin-top: 10px;}
    #sub .brnad .banner_list ul li p br{display: none;}
    #sub .brnad .banner_list ul li:nth-child(2){margin: 30px 0;}

    #sub .program_area{margin-top: 5%;}
    #sub .program_area .txt_area .col{flex-direction: column;margin-bottom: 5%;}
    #sub .program_area .txt_area .col dl{padding: 0;width: 100%;}
    #sub .program_area .txt_area .col img{order: 1;width: 100%;}
    #sub .program_area .txt_area .col .num{font-size: 30px;margin: 0; opacity: .8;}
    #sub .program_area .txt_area .col dt{margin-bottom: 10px;font-size: 13px;
        line-height: 20px;}
        #sub .program_area .txt_area .col dd{font-size: 11px;margin-bottom: 10px;}
        #sub .program_area .txt_area .col dd br{display: none;}

        #sub .brnad_02 .banner_txt{padding: 5% 0; line-height: 15px;}
        #sub .brnad_02 .banner_txt h1{font-size: 15px;}
        #sub .brnad_02 .bar{height: 25px;margin: 10px auto;}
        #sub .brnad_02 .banner_txt h2{font-size: 13px;margin-bottom: 10px;}
        #sub .brnad_02 .banner_txt span{font-size: 11px;}
        #sub .brnad_02 .banner_txt span br{display: none;}
        
        #sub .brnad_02 .icon_list{flex-direction: column; margin-top: 5%;}
        #sub .brnad_02 .icon_list li img{width: 20%;}
        #sub .brnad_02 .icon_list li h3{font-size: 13px;margin: 10px 0;}
        #sub .long_i{display: flex;justify-content: center;align-items: center;}

        #sub .long_icon{flex-direction: column;}
        #sub .long_icon_box{width: 100%;padding: 5%;margin-bottom: 5%;}
        #sub .long_icon_box:last-child{margin-bottom: 0;}
        #sub .long_txt{line-height: 14px;}
        #sub .long_txt h2{font-size: 13px; line-height: 17px;}
        #sub .long_txt span{font-size: 11px; line-height: 11px;}
        #sub .long_txt span br{display: none;}


        .procedure{padding: 25px 5%;}
        .procedure .top_txt h3{font-size: 13px;line-height: 18px;margin-bottom: 10px;}
        .procedure .top_txt p{letter-spacing: -.5px;font-size: 11px;}
        .procedure .top_txt::before{display: none;}
        .procedure .top_txt{padding-bottom: 0; margin-bottom: 20px;}
        .procedure .box_list li{width: 100%;padding: 20px }
        .procedure .box_list li i img{width: 16%;}
        .procedure .box_list li h3{font-size: 13px;margin-top: 10px;}
        .procedure .box_list li .s-card__tit{font-size: 13px;}
        .procedure .box_list li .s-card__des{font-size: 11px;}
        .procedure .box_list{gap: 15px;}
        .bottom_banner{margin-top: 5%; height: 160px;padding-left: 15px;background-position: top;}
        .bottom_banner h1{font-size: 13px;margin-bottom: 5%;}
        .bottom_banner .btn{line-height: 30px;padding:0}
        .bottom_banner .btn a{font-size: 10px;width: 110px;justify-content: space-evenly}
        .bottom_banner .btn a svg{display: none;}
        .top_txt{padding-bottom: 25px; line-height: 10px;}
        .top_txt h1{font-size: 13px;line-height: 18px;margin-bottom: 13px;}
        .top_txt .bar{margin: 10px auto;width: 35px;}
        .top_txt span{font-size: 11px;line-height: 15px;}
        .top_txt span br{}
        #sub .need_list ul{gap: 10px;}
        #sub .need_list ul li{height: 200px;}
        #sub .need_list ul li h3{font-size: 11px;padding: 10px 0;}

        #sub .cont_box{margin: 5% 0; gap: 15px; display: flex;flex-direction: column;}
        #sub .cont_box .box{padding: 5%; font-size: 11px; border-radius: 10px;}
        #sub .cont_box{grid-template-columns: repeat(1, 1fr);}
        #sub .cont_box h3{font-size: 11px;padding: 5px 15px;}
        #sub .cont_box .box:nth-child(1){background-size: 15%;background-position-y: 45%;}
        #sub .cont_box .box:nth-child(2){background-size: 15%;background-position-y: 45%;}
        #sub .cont_box .box:nth-child(3){background-size: 15%;background-position-y: 45%;}
        #sub .cont_box .box:nth-child(4){background-size: 15%;background-position-y: 45%;}
        #sub .cont_box .box:nth-child(5){background-size: 15%;background-position-y: 45%;}


        #sub .sequence{padding:5%;flex-direction: column;justify-content: normal; height: auto;}
        #sub .sequence .l_txt p{font-size: 11px;text-align: center;}
        #sub .sequence .l_txt h3{font-size: 15px;text-align: center;margin-bottom: 5px;}
        #sub .sequence .btn {line-height: 27px;height: 27px;}
        #sub .sequence .btn svg{display: none;}
        #sub .sequence .btn a{font-size: 10px; width: 25%;margin: 15px auto;}
        #sub .sequence .con_list_wrap{width: 100%;margin-top: 15px;}
        #sub .sequence .con_list_wrap .con_list{font-size: 11px;padding: 3%;}
        #sub .sequence .con_list_wrap span{margin: 2%;}


        #sub .need_list ul li{background-position: center;}
        #sh_content .top_txt{padding-bottom: 5%;margin-bottom: 0;}


        #sub .brnad_02 .icon_list li{width: 100%;}

        #sub .b_txt h2{margin-top: 5%;margin-bottom: 10px; font-size: 15px;}
        #sub .b_txt p{font-size: 11px;}
        #sub .mat .mat_list{gap: 10px;margin: 5% 0;}
        #sub .mat .mat_list .mat_con{width: 48%;padding: 5%; gap: 8px;} 
        #sub .mat .mat_list .mat_con h3, #sub .mat .mat_list .mat_con p{font-size: 11px;}
        #sub .mat .mat_list .mat_con h3{margin-bottom: 3px;}
        #sub .mat .mat_list .mat_con img{width: 70%;}
        #sub .mat .mat_list .sub_txt p{font-size: 9px;}
        #sub .mat .tit{font-size: 13px;margin: 5% 0;
            text-align: center;}
            #sub .mat .box_all{width: 100%;margin-bottom: 0%;}
            #sub .mat .box_all dl{font-size: 11px;padding: 5% 4% 5% 15%;}
            #sub .mat .img_box{display: none;}
            #sub .mat .box_all dl dt{font-size: 11px;width: 25px;height: 25px;line-height: 25px;left: 16px;}
            #sub .mat .point_wrap h2{font-size: 13px;margin:0 0 5%;}
            #sub .mat .point_wrap p{padding: 3% 8%;font-size: 11px; width: 100%;text-align: justify;letter-spacing: -.6px;text-align: justify;}
            #sub .mat .point_wrap p br{display: none;}
            #sub .mat .point_wrap i img{width: 18px;}
            #sub .mat .point_wrap i{margin-right: 10px;}
            #sub .mat .point_wrap p:last-child{margin-bottom: 0;}
            #sub .b_txt p b{font-weight: 400;}
}
@media (max-width:480px){
#sh_content{padding:25px 5%} 
#sh_section .section_h2{font-size:30px}
#sh_section .section_p{font-size:15px}
#sh_ft{padding:25px 0 80px }
#sh_ft .form_area h2{font-size:28px}
#sh_ft .form_area .sh_input{padding:15px 0;font-size:14px}
#sh_ft .form_area textarea{padding:15px 0 50px !important}
#sh_ft .form_area .p_info{gap:12px}
#sh_ft .form_area .prv_area{margin-top:6px}
#sh_ft .form_area .send_btn button{width:125px;height:50px;font-size:15px}
#sh_ft .map_area{margin-top:65px;height:300px}
#sh_ft .bottom{margin:90px auto}
#sh_ft .bottom svg{width:21px;height:21px}
#sh_ft .bottom .cate{min-width:unset;font-size:15px}
#sh_ft .info_box li{gap:6px}
#sh_ft .info_box .number{font-size:21px}
#sh_ft .info_box .day, #sh_ft .bottom .info_box .time{font-size:15px}
#sh_ft .info_box li:last-child ul li{gap:3px;margin-top:6px}
#sh_ft .info_box li:last-child ul li+li{margin-top:15px}
#sh_ft .same_as li{gap:7px}
#sh_ft .same_as li+li{margin-top:50px}
#sh_ft .same_as address{font-size:14px}
#sh_ft .same_as .youtube{width:22px;height:15px}
#sh_ft .same_as .kakao{width:20px;height:18px}
#sh_ft .same_as a{font-size:14px}
#sh_ft .copy{margin-top:0px;padding-top:0px}
#sh_ft .copy .top a{font-size:11px}
#sh_ft .copy .main_info{margin:10px auto; font-size: 11px;}
#sh_ft .copy .bottom{flex-direction:column;align-items:center;gap:5px; font-size: 11px;}
#fix_tel{display:block}
#sh_ft_btns{display:none}
#sh_ft dl dt{font-size:16px}
#sh_ft .copy .top .ft_logo{width: 30%;}
}
@media (max-width:390px){
#sh_section .section_h2{font-size:27px}
#sh_section .section_p{font-size:14px}
#sh_ft .form_area h2{font-size:24px}
#sh_ft .form_area p{font-size:11px}
#sh_ft .form_area form{margin-top:35px}
#sh_ft .form_area .sh_input{font-size:13px}
#sh_ft .form_area .send_btn button{width:120px;height:46px;font-size:14px}
#sh_ft .bottom{margin:80px auto}
#sh_ft .bottom svg{width:19px;height:19px}
#sh_ft .bottom .cate{font-size:14px}
#sh_ft .same_as address{font-size:13px}
#sh_ft .info_box{gap:45px}
#sh_ft .info_box li:last-child ul li{margin-top:5px}
#sh_ft .info_box .number{font-size:19px}
#sh_ft .info_box .day, #sh_ft .bottom .info_box .time{font-size:14px}
#sh_ft .same_as li+li{margin-top:40px}
#sh_ft .same_as a{font-size:13px}
#sh_ft .copy{margin-top:0px;padding-top:0px}
#sh_ft .copy .top{gap:10px}
#sh_ft .copy .top a{font-size:11px}
#sh_ft .copy .top a+a{margin-left:18px}
#sh_ft .copy .main_info{font-size:11px}
}
/* 반응형 [e] */