@charset "utf-8";

/* 섹션 공통 */
:root {--main-color1: #6DB12F;}
:root {--main-color2: #0382f7;}
:root {--main-color3: #9ADC5D;}
:root {--main-color4: #b93655;}
:root {--main-color5: #242527;}
:root {--main-color6: #245f95;}

.color1{color: var(--main-color1);}
.color2{color: var(--main-color2);}
.color3{color: var(--main-color3);}
.color4{color: var(--main-color4);}
.color5{color: var(--main-color5);}
.color6{color: var(--main-color6);}
 
.head .gnb .logo{width:95%;height:95%; margin-top:2px;}
.main_h1 h1{font-size: 50px; font-weight: 700; letter-spacing:10px;line-height: 1.2; text-align: center;}
.main_h1 span{font-size: 80px; font-weight:700; line-height: 1.2;}
  .main_h2{font-size: 20px; font-weight: 800; text-align: center;}
  
     
.main_wrap{max-width: 1400px; padding:0 0  2% 0; margin: auto;}
@media screen and (max-width: 1440px){
    .main_wrap{margin: 0 40px;}
    .main_h2{font-size: 20px; font-weight: 800;}
   
	
}
@media screen and (max-width: 981px){
    .main_wrap{margin: 0 3.5vw;}
}

.main_h2{font-size: 20px; font-weight: 800;}
.main_h1{font-size: 30px; font-weight: 800; line-height: 1.2;}
.main_p{font-size: 22px; font-weight: 400; margin-top: 20px; line-height: 1.3;}
.main_more{display: inline-block; padding: 13px 40px; color: #fff; font-size: 20px; margin-top: 50px; background: var(--main-color2); border-radius: 50px; font-weight: 600;}
.main_more img{margin-left: 10px; position: relative; top: -1px;}
@media screen and (max-width: 1440px){
   
    .main_p{font-size: 1.53vw; margin-top: 1.17vw;}
    .main_more{font-size: 1.25vw; margin-top: 2.78vw; padding: 0.90vw 2.43vw;}
}
@media screen and (max-width: 981px){
    
    .main_p{font-size: 3.87vw; margin-top: 1.53vw;}
    .main_more{font-size: 3.25vw; margin-top: 5.32vw; padding: 2.75vw 7.1vw;}
    .main_more img{width: 2.65vw; margin-left: 5px;}
}



/* 상단 */
.head{z-index: 9999; width: 100%; position: fixed; top: 10px; left: 0; background:transparent;}
.head .main_wrap{position: relative; background:#ffffff; }

.head .gnb{height: 100px; top: 5%; border: 2px solid #b93655; color: var(--main-color1);border-radius: 30px;}
.head .gnb .logo{position: absolute; top: 50%; left: 200px; transform: translateY(-50%);}
.head .gnb .call{position: absolute; top: 50%; right: 200px;; transform: translateY(-50%);}
.head .gnb .call img{margin-right: 3px;width:height:}
.head .gnb .call dt a {color: var(--main-color2); font-size: 28px; font-weight: 800;}
.head .gnb .call dt span{color: #6D6D6D; font-size: 16px; line-height: 1.5;}
.head .gnb .call dd{color: #6D6D6D; font-size: 16px; line-height: 1.5;}
.head .gnb .call dd.color{color: var(--main-color2);}
.head .gnb .link{position: absolute; top: 50%; left: 365px; transform: translateY(-50%); font-size: 0;}
.head .gnb .link a{display: inline-block; padding: 13px 0; width: 165px; text-align: center; font-size: 20px; border-radius: 50px; font-weight: 600;}
.head .gnb .link a:nth-child(1){border: 1px solid #6DB12F; color: var(--main-color1); margin-right: 10px;}
.head .gnb .link a:nth-child(2){background: var(--main-color2); color: #fff;}
.head .gnb .link img{position: relative; margin-right: 5px;}
.head .gnb .link a:nth-child(1) img{top: -1px;}
.head .gnb .link a:nth-child(2) img{top: -3px;}









.head .menu{border-top: 1px solid #ddd; border-bottom: 2px solid #6DB12F;}
.head .menu .main_wrap{display: flex; align-items: center; justify-content: center;}
.head .menu .main_wrap>li{width: calc(100% / 7); position: relative;}
.head .menu .main_wrap>li::before{content: ''; width: 1px; height: 15px; background: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.head .menu .main_wrap>li:first-child::before{display: none;}
.head .menu .main_wrap>li>a{font-size: 20px; font-weight: 800; text-align: center; display: block; line-height: 70px;}
.head .menu .main_wrap .sub_menu{padding: 45px 20px 0; position: absolute; opacity: 0; visibility: hidden; width: 100%; height: 430px; /* border-right:1px solid #ddd; */}
.head .menu .main_wrap .sub_menu:after{content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:2px; right:0;}
.head .menu .main_wrap>li:first-child .sub_menu:before{content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:2px; left:0;}
.head .menu .main_wrap .sub_menu span{font-size: 20px; font-weight: 800; display:none;}
/* .head .menu .main_wrap .sub_menu ul{margin-top: 25px;} */
.head .menu .main_wrap .sub_menu ul li{text-align:center;}
.head .menu .main_wrap .sub_menu ul li+li{margin-top: 10px;}
.head .menu .main_wrap .sub_menu ul li a{font-size: 20px; color: #6D6D6D;}

/* hover */
@media screen and (min-width: 981px) and (max-width: 3000px){
    .head .menu .main_wrap>li:hover>a{color: var(--main-color1);}
    .head .menu .main_wrap .sub_menu ul li a:hover{color: var(--main-color1); text-decoration: underline;}
}

/* 메뉴에 hover 상단 */
.head.on{background: #fff;}
.head.on::before{content: ''; width: 100%; height: 430px; position: absolute; top: 193px; left: 0; z-index: -1; background: #fff;}
.head.on .menu .main_wrap .sub_menu{opacity: 1; visibility: visible;}

/* 햄버거 버튼 */
.head .ham_btn{width: 22px; height: 18px; display: none; position: absolute; top: 50%; right: 2.5vw; transform: translateY(-50%);}
.head .ham_btn span{display: block; width: 100%; height: 2px; background: #000; position: absolute;}
.head .ham_btn span:nth-child(1){top: 0; left: 0;}
.head .ham_btn span:nth-child(2){top: 50%; left: 50%; transform: translate(-50%, -50%);}
.head .ham_btn span:nth-child(3){bottom: 0; left: 0;}

/* 모바일 메뉴 */
.m_menu_box{position: fixed; top: 0; left: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.8); transition-delay: 300ms; transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.m_menu_box .m_menu{position: fixed; top: 0; left: 100%; width: 100%; background: #fff; height: 100vh; z-index: 999; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); overflow-y: auto;}
.m_menu_box .m_menu .top{height: 100px; position: relative;}
.m_menu_box .m_menu .top .logo{display: block; width: 200px; position: absolute; bottom: 20px; left: 20px;}

.m_menu_box .m_menu .top .close{position: absolute; top: 24px; right: 2.5vw; width: 23px; height: 23px;}
.m_menu_box .m_menu .top .close img{width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.m_menu_box .m_menu .menu_list{margin: 0 20px; border-top: 1px solid #DCDCDC; }
.m_menu_box .m_menu .menu_list>li{border-bottom: 1px solid #DCDCDC;}
.m_menu_box .m_menu .menu_list>li>em{font-size: 18px; font-weight: 800; line-height: 60px; display: block; position: relative;}
.m_menu_box .m_menu .menu_list>li>em img{width: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; transition: all 0.5s;}
.m_menu_box .m_menu .menu_list>li>em img.on{display: none;}
.m_menu_box .m_menu .menu_list .sub_menu{padding: 25px 0; display: none; border-top: 1px solid #DCDCDC;}
.m_menu_box .m_menu .menu_list .sub_menu li+li{margin-top: 15px;}
.m_menu_box .m_menu .menu_list .sub_menu li a{font-size: 14px; color: #6D6D6D;}
.m_menu_box .m_menu .menu_list .sub_menu li.on a{color: var(--main-color1); text-decoration: underline;}

.m_menu_box .m_menu .call{padding: 7.81vw 20px 0;}
.m_menu_box .m_menu .call dt{font-size: 7.03vw; font-weight: 800; margin-bottom: 1.56vw;}
.m_menu_box .m_menu .call dt a{color: var(--main-color2);}
.m_menu_box .m_menu .call dt img{position: relative; top: -1px;}
.m_menu_box .m_menu .call dd{color: #6D6D6D; font-size: 4.38vw; line-height: 1.5; font-weight: 500;}
.m_menu_box .m_menu .call dd.color{color: var(--main-color2);}

.m_menu_box.on{z-index: 999999; opacity: 1; visibility: visible; transition-delay: 0ms;}
.m_menu_box.on .m_menu{left: 0!important; transition-delay: 300ms;}
.m_menu_box .m_menu .menu_list>li.on>em{color: var(--main-color1);}
.m_menu_box .m_menu .menu_list>li.on>em img.basic{display: none;}
.m_menu_box .m_menu .menu_list>li.on>em img.on{display: block;}

/* 반응형 */
@media screen and (max-width: 1440px){

.head.on::before{height: 460px;}
.head .menu .main_wrap .sub_menu{height: 460px;}

}
@media screen and (max-width: 1280px){
    .head .gnb{height: 100px;}
    .head .gnb .logo{width: 250px;}
    .head .gnb .call{left: 280px;}
    .head .gnb .call img{position: relative; top: -1px; margin-right: 0;}
    .head .gnb .call dt{font-size: 20px;}
    .head .gnb .call dd{font-size: 14px;}
    .head .gnb .link img{width: 18px;}
    .head .gnb .link a{font-size: 16px; width: 135px; padding: 11px 0;}
    .head .gnb .link a:nth-child(1){margin-right: 7px;}
    
    .head .menu .main_wrap{margin: 0;}
    .head .menu .main_wrap>li>a{font-size: 16px; line-height: 55px;}
    .head .menu .main_wrap .sub_menu{padding: 20px 10px 0; height: 260px;}
    .head .menu .main_wrap .sub_menu span{font-size: 14px;}
    /* .head .menu .main_wrap .sub_menu ul{margin-top: 15px;} */
    .head .menu .main_wrap .sub_menu ul li+li{margin-top: 7px;}
    .head .menu .main_wrap .sub_menu ul li a{font-size: 14px;}
    
    .head.on::before{height: 260px; top: 158px;}
}
@media screen and (max-width: 981px){
  	
    .head .gnb{height: 70px; border-bottom: 2px solid #6DB12F; margin: 0; padding: 0 2.5vw;}
    .head .gnb .call{display: none;}
 
    .head .gnb .logo{left: 2.5vw; width: 190px;}
    .head .menu{display: none;}
    .head .ham_btn{display: block;}
}

@media screen and (max-width: 640px){
   	
   	.head .gnb{height: 100px; top: 1%; border: 0px solid #6DB12F; color: var(--main-color1);border-radius: 30px;}
    .head .gnb .link a{ 1px 0; width: 100px; height: 40px;}
    .head .gnb .link a{ font-size: 13px; border-radius: 20px; font-weight: 600;}
    .head .gnb .link{ top: 40%; left:30%; transform: translateY(-20%); font-size: 0;}
	.head{top:1vw;}

}

/* 퀵메뉴 */
.mob_quick_menu{display:none;}
.quick_menu{position: fixed; bottom: 280px; left: 70px; z-index: 999;}
/* .quick_menu .link_list{display:none;  transform: translateY(20px);} */
.quick_menu .link_list li{width: 80px; height: 80px; background: var(--main-color1); display: flex; align-items: center; justify-content: center; border-radius: 40px; transition: 0.3s; margin-left: auto; cursor: pointer; position: relative;}
.quick_menu .link_list li+li{margin-top: 10px;}
.quick_menu .link_list li a{color: #ffffff; font-weight: 500; position: absolute; width: 80px; height: 80px; display: flex; align-items: center; background: var(--main-color1); right: 0; border-radius: 40px; padding-left: 0; transition: 0.3s;}
.quick_menu .link_list span{position: absolute; right: 0; width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--main-color1);}

.quick_menu .quick_btn{width: 80px; height: 80px; border-radius: 50%; background: var(--main-color1); position: relative; cursor: pointer; margin-top: 10px; border: none;}
.quick_menu .quick_btn img{max-width: 40%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.quick_menu .quick_btn .basic{max-width: 30%;}
.quick_menu .quick_btn .on{display: none;}

.quick_menu .move .quick_btn{background: #000;}
.quick_menu .move .quick_btn .basic{display: none;}
.quick_menu .move .quick_btn .on{display: block;}
.quick_menu .move .link_list{display:block; opacity: 1; visibility: visible; transform: translateY(0);}

.quick_menu .top_btn{width: 40px; height: 40px; border-radius: 50%; background: #d1103d; position: relative; cursor: pointer; margin-top: 10px;}
.quick_menu .top_btn img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto;}

.quick_menu ul li{width: 50px; height: 50px; background: var(--main-color1); border-radius: 10%; text-align:center; cursor: pointer;}
.quick_menu ul li:nth-child(even){background:#ED803D;}
.quick_menu ul li + li{margin-top: 10px;}
.quick_menu ul li a{display:block; height:100%; display: flex; flex-direction:column; align-items: center; justify-content: center;}
.quick_menu ul li a img{width:42px;}
.quick_menu ul li a p{color: #ffffff; font-weight: 500; font-size:14px; margin-top:5px;}

/* hover */
@media screen and (min-width: 981px) and (max-width: 3000px){
    .quick_menu .link_list li:hover a{width: 180px; padding-left: 20px; font-size: 16px;}
}

/* 반응형 */
@media screen and (max-width: 1280px){
    .quick_menu{bottom: 20px; right: 20px;}
    .quick_menu .link_list li,
    .quick_menu .link_list li a,
    .quick_menu .link_list span{width: 60px; height: 60px;}
	.quick_menu .link_list li a{padding-left: 20px;}
    .quick_menu .quick_btn{width: 60px; height: 60px;}
    /* .quick_menu .top_btn{width: 60px; height: 60px;} */
    .quick_menu .link_list li:hover a{width: 140px; font-size: 14px;}
}
@media screen and (max-width: 640px){
	
 	  .quick_menu{bottom: 1.5vw; right: 2.5vw; top:150px; display:none;}
  .quick_menu .inner{width: 115px; text-align: right;}
    .quick_menu .link_list li,
    .quick_menu .link_list li a,
    .quick_menu .link_list span{width: 45px; height: 45px;}
    .quick_menu .link_list span img{max-width: 40%;}
    .quick_menu .link_list li:nth-child(1) span img{max-width: 45%;}
    .quick_menu .link_list li:nth-child(3) span img{max-width: 35%;}
    .quick_menu .quick_btn{width: 45px; height: 45px;}
    .quick_menu .top_btn{width: 45px; height: 45px; float: right;}
    .quick_menu .link_list li a,
    .quick_menu .link_list li:hover a{width: 115px; padding-left: 15px; font-size: 12px; font-weight: 600;}
    .quick_menu .quick_btn img{max-width: 25%;}
    .quick_menu .top_btn img{max-width: 40%;}

	
}

/* 메인 슬라이드 */
.main_slide{overflow: hidden; position: relative; margin-top: 90px; margin-bottom: 40px;}
.main_slide .swiper-slide{position: relative;}
.main_slide .main_wrap{position: absolute; top: 50%; left: 49%; transform: translate(-50%, -50%); z-index: 9; width: 1400px;}
.main_slide .txt {font-size: 28px; color: var(--main-color2);}
.main_slide .txt strong{font-size: 20px; color: var(--main-color2); font-weight: 400; letter-spacing: -0.45px; margin-top: 150px;}
.main_slide .txt h1{font-size: 35px; color: var(--main-color5); font-weight: 600; line-height: 1.2; letter-spacing: -0.45px; margin-top: 20px;}
.main_slide .txt h1 span{font-size: 65px; color: var(--main-color2); font-weight: 800; }
.main_slide .txt h1 strong{font-size: 45px; color: var(--main-color2); font-weight: 700}
.main_slide .txt h2{font-size: 40px; font-weight: 600; }
.main_slide .txt h2 span{font-weight: 600;}
.main_slide .txt p{font-size: 22px; line-height: 1.2; margin-top: 20px; font-weight: 400;}
.main_slide .txt a{display: inline-block; padding: 13px 40px; color: #fff; font-size: 20px; margin-top: 10px; background: var(--main-color2); border-radius: 50px; font-weight: 600;}
.main_slide .txt a img{margin-left: 10px; position: relative; top: -1px;}
.main_slide .txt dt{color: var(--main-color2); font-size: 28px; font-weight: 800;}

.main_slide .bg{display: block; width: 100%; height: 830px; background-size: cover!important;}
.main_slide .main_01 .bg{background: url(/img/hong/visual_01.jpg) center no-repeat;}
.main_slide .main_02 .bg{background: url(/img/hong/visual_02.jpg) center no-repeat;}

.main_slide .main_01 .img{display: flex; position: absolute; top: 50%; right: 80px; transform: translateY(-50%); z-index: 9;}
.main_slide .main_01 .img li{width: 430px; height: 600px; border-radius: 250px; overflow: hidden; position: relative;}
.main_slide .main_01 .img li::before{content: ''; width: 100%; height: 60%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7)); position: absolute; bottom: 0; left: 0; z-index: 1;}
.main_slide .main_01 .img li+li{margin-left: -50px; z-index: 2;}
.main_slide .main_01 .img li>img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; max-width: none;}
.main_slide .main_01 .img .txt{position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 2; width: 100%;}
.main_slide .main_01 .img .txt strong{font-size: 18px; color: var(--main-color1);}
.main_slide .main_01 .img.txt h1{font-size: 40px; color: #fff; margin-top: 10px;}
.main_slide .main_01  .img.txt a{padding: 13px 35px; background: var(--main-color1); color: #fff; font-size: 20px; border-radius: 50px; display: inline-block; margin-top: 10px; font-weight: 600;}
.main_slide .main_01 .img .txt a img{margin-left: 10px; position: relative; top: -1px;}

/* 화살표 */
.main_slide_arrow{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 9; display: flex;}
.main_slide_arrow>div{width: 60px!important; height: 60px!important; background: rgba(0,0,0,0.2); border-radius: 50%; position: relative; top: 0; margin: 0;}
.main_slide_arrow>div::after{color: #fff; font-size: 18px!important; font-weight: bold;}
.main_slide_next{margin-left: 10px!important; right: 0!important;}
.main_slide_prev{left: 0!important;}

/* 반응형 */
@media all and (max-width: 1750px){
    .main_slide .main_01 .img{right: 0;}
}
@media all and (max-width: 1440px){
    .main_slide .main_wrap{width: 100%; margin: 0 40px;}
    .main_slide .bg{height: 50vw;}
    .main_slide .main_01 .img li{width: 30vw; height: 42vw; border-radius: 15vw;}
    .main_slide .txt strong{font-size: 1.67vw;}
    .main_slide .txt h1{font-size: 3.83vw; margin-top: 1.39vw;}
    .main_slide .txt h2{font-size: 1.67vw; margin-top: 1.39vw;}
    .main_slide .txt p{font-size: 1.67vw;}
    .main_slide .txt a{font-size: 1.25vw; margin-top: 2.78vw; padding: 0.90vw 2.43vw;}
    .main_slide .main_01 .img .txt strong{font-size: 1.25vw;}
    .main_slide .main_01 .img .txt h1{font-size: 2.30vw; margin-top: 0.69vw;}
    .main_slide .main_01 .img .txt a{font-size: 1.25vw; margin-top: 0.69vw; padding: 0.90vw 2.43vw;}
}
@media all and (max-width: 1280px){
    .main_slide{margin-top: 158px; margin-bottom: 9.33vw;}
}
@media screen and (max-width: 981px){
    .main_slide{margin-bottom: 13.76vw; margin-top: 70px;}
    .main_slide_arrow{bottom: 20px;}
    .main_slide_arrow>div{width: 40px!important; height: 40px!important;}
    .main_slide_arrow>div::after{font-size: 14px!important;}
    .main_slide_next{margin-left: 5px!important;}
    .main_slide .main_wrap{margin: 0 3.5vw; top: 7.14vw; transform: translateX(-50%);}
    .main_slide .txt strong{font-size: 3.47vw;}
    .main_slide .txt h1{font-size: 7.21vw; margin-top: 2.04vw;}
    .main_slide .txt h2{font-size: 2.85vw; margin-top: 1.39vw;}
    .main_slide .txt p{font-size: 3.47vw;}
    .main_slide .txt p br{display: none;}
    .main_slide .txt p .br{display: block;}
    .main_slide .txt a{font-size: 2.65vw; margin-top: 5.10vw; padding: 2.55vw 5.10vw;}
    .main_slide .txt a img{width: 2.65vw; margin-left: 5px;}
    .main_slide .bg{height: 110vw;}
    .main_slide .main_01 .bg{background: url(/img/hong/m_visual_01.jpg) center no-repeat;}
    .main_slide .main_02 .bg{background: url(/img/hong/m_visual_02.jpg) center no-repeat;}
   
    .main_slide .main_01 .img{right: auto; width: 100%; top: 0; transform: inherit; display: block;}
    .main_slide .main_01 .img li::before{display: none;}
    .main_slide .main_01 .img li{width: 100%; height: 55vw; border-radius: 0;}
    .main_slide .main_01 .img li>img{display: none;}
    .main_slide .main_01 .img li+li{margin: 0;}
    .main_slide .main_01 .img .txt{margin: 0 2.5vw; bottom: auto; top: 50%; transform: translate(-50%, -50%); text-align: left;}
    .main_slide .main_01 .img .txt strong{font-size: 2.85vw;}
    .main_slide .main_01 .img .txt h1{font-size: 5.21vw; margin-top: 1.02vw;}
    .main_slide .main_01 .img .txt a{font-size: 2.87vw; margin-top: 3.06vw; padding: 1.5vw 2.49vw;}
    .main_slide .main_01 .img .txt a img{width: 2.65vw; margin-left: 5px;}
    .main_slide .main_01 .img li:nth-child(1){background: url(https://ysdream.com/img/main/m_main_item_01.jpg) center no-repeat; background-size: cover;}
    .main_slide .main_01 .img li:nth-child(2){background: url(https://ysdream.com/img/main/m_main_item_02.jpg) center no-repeat; background-size: cover;}
}



@media screen and (max-width: 640px){
   .main_slide{margin-bottom: 10px;}
	 .main_slide .txt a{display: none;}
	 
	 .main_slide .main_01>.txt h1 {display: none;}
	.main_slide .main_01>.txt h2 {display: none;}
		.main_slide .main_01>.txt strong {display: none;}
	
	.main_slide .main_02>.txt h1 {display: none;}
	.main_slide .main_02>.txt h2 {display: none;}
		.main_slide .main_02>.txt strong {display: none;}
	 
}

.tel{display: none;}

.msn{display: none;}
@media screen and (max-width: 640px){
/* 직통전화----------------------------------- */
.head .gnb .logo{width:90px;height:90px;}
.tel{z-index: 9999; display: block; width: 70%; position: fixed; margin-left:29%; background:transparent;}
.tel .sms_wrap{position: relative; background: var(--main-color4); }

.tel .gns{height: 40px; top:-10px; border: 1px solid #b93655;  color: var(--main-color1);border-radius: 30px;}

.tel .gns .sms{position: absolute; top: 50%; transform: translateY(-50%);}
.tel .gns .sms img{margin-left: 3px;width:20px; height:20px;}
.tel .gns .sms dt a { color: #fff; height:60px; font-size: 18px; font-weight: 800;}
.tel .gns .sms dt span{margin-left: 4px; color: #ffffff; font-size: 13px; line-height: 1.5;}

/* 직통전화----------------------------------- */
.msn{z-index: 9999; display: block;  width: 48%; position: fixed; margin-left:57%; background:transparent;}
.msn .cal_wrap{position: relative; background: var(--main-color4); }

.msn .gnd{height: 35px; width:150px; top:50px;  border: 1px solid #b93655;  color: var(--main-color1);border-radius: 30px;}

.msn .gnd .cal{position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
.msn .gnd .cal img{margin-left: 3px; width:10px;}
.msn .gnd .cal dt a {font-size: 5.65vw; color: #ffffff; margin-top: 40.10vw;}





}
/* 도움 슬라이드 */
.sct1 .main_h1{margin-top: 15px;}
.sct1 .slide{width: 1550px; margin: 40px 50px auto auto; position: relative; display: flex; align-items: center; justify-content: space-between;}
.sct1 .slide .help_pagination{bottom: auto; top: auto; position: relative; padding: 35px 0; border-left: 1px solid #E7E7E7; text-align: left; width: 270px;}
.sct1 .slide .help_pagination .swiper-pagination-bullet{margin: 0; background: none; width: auto; height: auto; border-radius: 0; opacity: 1; color: #8E8E8E; margin-top: 40px; display: block;}
.sct1 .slide .help_pagination .swiper-pagination-bullet:nth-child(1){margin-top: 0;}
.sct1 .slide .help_pagination .swiper-pagination-bullet span{font-size: 22px; font-weight: 800; position: relative; padding-left: 30px; margin-left: -2.5px;}
.sct1 .slide .help_pagination .swiper-pagination-bullet-active span{color: var(--main-color1);}
.sct1 .slide .help_pagination .swiper-pagination-bullet-active span::before{content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 20px; background: var(--main-color1);}

.sct1 .slide_wrap{width: calc(100% - 270px); padding-top: 29%; overflow: hidden; position: relative;}
.sct1 .help_slide{position: absolute; top: 0; right: 0; width: 100%;}

.help_slide .swiper-slide{display: flex; align-items: center; justify-content: space-between; opacity: 0; transition: all 0.5s;}
.help_slide .swiper-slide-active{opacity: 1;}
.help_slide .txt{width: calc(100% - 780px);}
.help_slide .txt strong{color: var(--main-color1); font-size: 30px; font-weight: 800;}
.help_slide .txt h1{font-size: 30px;font-weight: 900; line-height: 1.2; margin-top: 20px;}
.help_slide .txt p{color: #555; font-size: 22px; line-height: 1.4; margin-top: 10px;}
.help_slide .txt .main_more{background: var(--main-color1);}
.help_slide .img{width: 780px; height: 450px; border-radius: 50px;}
.help_slide .img01 .img{background: url(/img/main/sct1_img_01.jpg) center no-repeat; background-size: cover;}
.help_slide .img02 .img{background: url(/img/main/sct1_img_02.jpg) center no-repeat; background-size: cover;}
.help_slide .img03 .img{background: url(/img/main/sct1_img_03.jpg) center no-repeat; background-size: cover;}
@media screen and (max-width: 1730px){
    .sct1 .slide_wrap{padding-top: 24.32vw;}
    .sct1 .slide{width: 100%; margin: 0 auto auto auto;}
    .sct1 .slide .help_pagination{padding: 2.27vw 0; width: 17.53vw;}
    .sct1 .slide .help_pagination .swiper-pagination-bullet{margin-top: 1.65vw;}
    .sct1 .slide .help_pagination .swiper-pagination-bullet span{padding-left: 30px; font-size: 1.43vw; width: 4px; height: 20px;}
    .sct1 .slide_wrap{width: calc(100% - 17.53vw);}
    .help_slide .txt{width: calc(100% - 44.45vw);}
    .help_slide .txt strong{font-size: 1.49vw;}
    .help_slide .txt h1{font-size: 1.49vw; margin-top: 1.30vw;}
    .help_slide .txt p{font-size: 1.17vw; margin-top: 0.65vw;}
    .help_slide .img{width: 42.21vw; height: 24.32vw; border-radius: 2.60vw;}
}
@media screen and (max-width: 1440px){
    .sct1 .slide .help_pagination{width: 15.09vw;}
    .help_slide .txt strong{font-size: 2.08vw;}
    .help_slide .txt h1{font-size: 2.08vw; margin-top: 1.30vw;}
    .help_slide .txt p{font-size: 1.39vw; margin-top: 0.65vw;}
    .help_slide .img{width: 42.21vw; height: 24.32vw; border-radius: 2.60vw;}
}
@media screen and (max-width: 1280px){
    .sct1 .main_h1{margin-top: 0.78vw;}
}
@media screen and (max-width: 981px){
    .sct1 .main_h1{margin-top: 1.53vw;}
    .sct1 .main_h1 .br{display: block;}
    .sct1 .main_p{margin-top: 2.53vw;}
    .sct1 .slide{display: block;}
    .sct1 .slide .help_pagination{width: 100%; display: flex; border-left: none; border-bottom: 1px solid #E7E7E7; padding: 0; margin-top: 6.25vw;}
    .sct1 .slide .help_pagination .swiper-pagination-bullet{width: calc(100% / 3); margin-top: 0;}
    .sct1 .slide .help_pagination .swiper-pagination-bullet span{padding: 0; padding-bottom: 3.13vw; text-align: center; margin: 0; display: block; width: 100%; height: auto; font-size: 3.87vw; font-weight: 600;}
    .sct1 .slide .help_pagination .swiper-pagination-bullet-active span::before{width: 100%; height: 3px; top: auto; bottom: -1.5px;}
    .sct1 .slide_wrap{padding-top: 0; width: 100%; margin-top: 7.25vw;}
    .sct1 .help_slide{position: relative;}
    .help_slide .swiper-slide{flex-direction: column-reverse;}
    .help_slide .img{width: 100%; height: auto; padding-top: 60%; border-radius: 3.13vw;}
    .help_slide .txt{width: 100%; margin-top: 4.69vw;}
    .help_slide .txt strong{font-size: 4.77vw;}
    .help_slide .txt h1{font-size: 4.77vw; margin-top: 3.13vw;}
    .help_slide .txt p{font-size: 3.87vw; margin-top: 1.56vw;}
    .help_slide .txt br{display: none;}
}
@media screen and (max-width: 640px){
.main_h1 h1{font-size: 20px; font-weight: 700; letter-spacing:10px;line-height: 1.2; text-align: center;}
.main_h1 span{font-size: 30px; font-weight:700; line-height: 1.2;}
  .main_h2{font-size: 15px; font-weight: 800; text-align: center;}
  
}


/* 치료분야 */
.sct2{background: #F4FAEF; padding: 180px 0 150px; margin-top: -80px;}
.sct2 .main_wrap{position: relative;}
.sct2 .txt_bg{position: absolute; top: -180px; left: 0; width: 60%;}
.sct2 .tab_list{border-radius: 50px; overflow: hidden; font-size: 0; background: #fff; display: inline-block; margin-top: 60px;}
.sct2 .tab_list li{display: inline-block; font-size: 22px; font-weight: 800; color: #6D6D6D; text-align: center; width: 250px; line-height: 60px; border-radius: 50px; cursor: pointer;}
.sct2 .tab_list li.on{background: var(--main-color1); color: #fff;}

.sct2 .therapy_box{position: relative;}
.sct2 .therapy_box .more{color: #6D6D6D; font-size: 22px; font-weight: 600; display: inline-block; position: absolute; top: -100px; right: 0; z-index: 9;}
.sct2 .therapy_box .more span{display: inline-block; width: 35px; height: 35px; border-radius: 50%; background: var(--main-color1); position: relative; margin-left: 10px; vertical-align: middle; top: -2px;}
.sct2 .therapy_box .more span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%;}

.sct2 .therapy_box .slide{width: calc(100% + 255px); margin: 40px auto 60px 0; position: relative; overflow: hidden;}
.sct2 .therapy_box .slide .therapy_slide{width: 100%;}
.sct2 .therapy_box .slide .swiper-slide{position: relative; width: 100%; border-radius: 30px; overflow: hidden;}
.sct2 .therapy_box .slide .swiper-slide::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #6DB12F; opacity: 0; visibility: hidden; transition: all 0.3;}
.sct2 .therapy_box .slide .swiper-slide img{width: 100%;}
.sct2 .therapy_box .slide .txt{position: absolute; bottom: 40px; left: 40px; transition: all 0.3s;}
.sct2 .therapy_box .slide .txt strong{font-size: 18px; font-weight: 800; color: var(--main-color3);}
.sct2 .therapy_box .slide .txt h1{margin-top: 10px; font-size: 30px; font-weight: 800; color: #fff;}
.sct2 .therapy_box .slide .txt h1 span{display: inline-block; margin-left: 10px; width: 30px; height: 30px; border-radius: 50%; background: var(--main-color1); position: relative; vertical-align: middle; margin-top: -2px;}
.sct2 .therapy_box .slide .txt h1 span::before{content: ''; width: 50%; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sct2 .therapy_box .slide .txt h1 span::after{content: ''; width: 2px; height: 50%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sct2 .therapy_box .slide .txt p{display: none; color: #fff; font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 20px;}

.sct2 .therapy_box .slide .swiper-slide:hover::before{opacity: 0.8; visibility: visible;}
.sct2 .therapy_box .slide .swiper-slide:hover .txt{bottom: 25%;}
.sct2 .therapy_box .slide .swiper-slide:hover .txt p{display: block;}
.sct2 .therapy_box .slide .swiper-slide:hover .txt h1 span{background: #fff;}
.sct2 .therapy_box .slide .swiper-slide:hover .txt h1 span::before{background: var(--main-color1);}
.sct2 .therapy_box .slide .swiper-slide:hover .txt h1 span::after{background: var(--main-color1);}

.sct2 .therapy_box .nav{position: relative; width: 100%; height: 60px;}
.sct2 .therapy_box .nav .arrow{position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 9; display: flex;}
.sct2 .therapy_box .nav .arrow>div{width: 60px!important; height: 60px!important; border-radius: 50%; position: relative; top: 0; margin: 0; border: 1px solid #8E8E8E;}
.sct2 .therapy_box .nav .arrow>div::after{color: #8E8E8E; font-size: 18px!important; font-weight: bold;}
.sct2 .therapy_box .nav .therapy_next{margin-left: 10px!important; right: 0!important;}
.sct2 .therapy_box .nav .therapy_prev{left: 0!important;}

.sct2 .therapy_box .nav .arrow>div:hover{border-color: var(--main-color1);}
.sct2 .therapy_box .nav .arrow>div:hover::after{color: var(--main-color1);}

.sct2 .therapy_box .swiper-pagination{width: 85%; top: 50%; transform: translateY(-50%); right: 0; left: auto; height: 5px; border-radius: 50px; overflow: hidden;}
.sct2 .therapy_box .swiper-pagination-progressbar-fill{background: var(--main-color1);}

@media screen and (max-width: 1770px){
    .sct2 .therapy_box .slide .swiper-slide{border-radius: 1.69vw;}
    .sct2 .therapy_box .slide .txt{bottom: 1.98vw; left: 1.98vw;}
    .sct2 .therapy_box .slide .txt h1 span{width: 1.56vw; height: 1.56vw;}
    .sct2 .therapy_box .slide .txt strong{font-size: 0.94vw;}
    .sct2 .therapy_box .slide .txt h1{font-size: 1.56vw;}
    .sct2 .therapy_box .slide .txt p{font-size: 1.13vw; margin-top: 1.13vw;}
}
@media screen and (max-width: 1440px){
    .sct2 .therapy_box .slide{width: calc(100% + 2.5vw); margin: 3.53vw auto 2.53vw 0;}
    .sct2 .therapy_box .slide .txt strong{font-size: 1.2vw;}
    .sct2 .therapy_box .slide .txt h1{font-size: 1.8vw;}
    .sct2 .therapy_box .slide .txt h1 span{width: 1.86vw; height: 1.86vw; margin-left: 0.35vw;}
    .sct2 .therapy_box .nav .arrow>div{width: 4.17vw!important; height: 4.17vw!important;}
    .sct2 .therapy_box .nav .arrow>div::after{font-size: 1.25vw!important;}
    .sct2 .therapy_box .nav{height: 4.17vw;}
}
@media screen and (max-width: 1280px){
    .sct2 {margin-top: -8.25vw; padding: 14.06vw 0 13.76vw;}
    .sct2 .txt_bg{top: -14.06vw;}
    .sct2 .tab_list{border-radius: 3.91vw; margin-top: 3.13vw;}
    .sct2 .tab_list li{width: 17.53vw; line-height: 4.69vw; border-radius: 3.91vw; font-size: 1.56vw;}
    .sct2 .therapy_box .more{font-size: 1.56vw; top: -7.81vw;}
    .sct2 .therapy_box .more span{width: 2.34vw; height: 2.34vw; margin-left: 0.58vw;}
}
@media screen and (max-width: 981px){
    .sct2{margin-top: -40.8vw; padding: 42.56vw 0 11.72vw;}
    .sct2 .txt_bg{width: 100%; top: 0; top: -19.81vw;}
    .sct2 .tab_list{display: flex; border-radius: 50px; width: 80%; margin-top: 7.81vw;}
    .sct2 .tab_list li{display: block; width: 50%; line-height: 9.85vw; font-size: 3.5vw; font-weight: 500; border-radius: 50px;}
    .sct2 .therapy_box .more{font-size: 3.5vw; top: -27.23vw;}
    .sct2 .therapy_box .more span{width: 4.35vw; height: 4.35vw; margin-left: 1.02vw;}
    .sct2 .therapy_box .slide{width: calc(100% + 2.5vw); margin: 5.53vw auto 5.53vw 0;}
    .sct2 .therapy_box .slide .swiper-slide{border-radius: 5.31vw;}
    .sct2 .therapy_box .slide .txt{bottom: 6.25vw; left: 6.25vw;}
    .sct2 .therapy_box .slide .txt strong{font-size: 3.47vw;}
    .sct2 .therapy_box .slide .txt h1{font-size: 6.94vw; margin-top: 1.56vw;}
    .sct2 .therapy_box .slide .txt h1 span{width: 5.86vw; height: 5.86vw;}
    .sct2 .therapy_box .slide .txt p{font-size: 3.91vw; margin-top: 3.91vw;}
    .sct2 .therapy_box .swiper-pagination{height: 3px; width: 75%;}
    .sct2 .therapy_box .nav{height: 8.17vw;}
    .sct2 .therapy_box .nav .arrow>div{width: 8.17vw!important; height: 8.17vw!important;}
    .sct2 .therapy_box .nav .arrow>div::after{font-size: 2.75vw!important;}
    .sct2 .therapy_box .nav .therapy_next{margin-left: 1.56vw!important;}
}

/* 자가진단테스트 */
.sct3{padding: 135px 0; background: url(/img/main/sct3_bg.jpg) center no-repeat;  background-size: cover;}
.sct3 .main_wrap{display: flex; align-items: center; justify-content: space-between;}
.sct3 .left{width: 30%;}
.sct3 .left h1{color: #fff; margin-top: 15px;}
.sct3 .left p{color: #fff;}
.sct3 .right{width: 65%; font-size: 0;}
.sct3 .right li{border: 1px solid rgba(255,255,255,0.3); font-size: 24px; font-weight: 800; text-align: center; width: calc(100% / 5 - 16px); margin-right: 20px; display: inline-block; line-height: 100px; margin-top: 20px; border-radius: 50px; cursor: pointer;}
.sct3 .right li a{color: #fff; display:block; height:100%;}
.sct3 .right li:nth-child(5n){margin-right: 0;}
.sct3 .right li:nth-child(1){margin-top: 0;}
.sct3 .right li:nth-child(2){margin-top: 0;}
.sct3 .right li:nth-child(3){margin-top: 0;}
.sct3 .right li:nth-child(4){margin-top: 0;}
.sct3 .right li:nth-child(5){margin-top: 0;}

.sct3 .right li:hover{border-color: var(--main-color4); background: var(--main-color4);}

/* 반응형 */
@media screen and (max-width: 1440px){
    .sct3{padding: 9.33vw 0;}
    .sct3 .right li{font-size: 1.67vw; line-height: 6.94vw; margin-right: 10px; margin-top: 10px; width: calc(100% / 5 - 8px);}
}
@media screen and (max-width: 1280px){
    .sct3 .left h1{margin-top: 0.78vw; font-size: 4.30vw;}
}
@media screen and (max-width: 981px){
    .sct3{padding: 13.76vw 0; background: url(/img/main/m_sct3_bg.jpg) center no-repeat;  background-size: cover;}
    .sct3 .main_wrap{display: block;}
    .sct3 .left{width: 100%; text-align: center;}
    .sct3 .left h1{margin-top: 1.53vw; font-size: 6.94vw;}
    .sct3 .left h1 br{display: none;}
    .sct3 .right{width: 100%; margin-top: 8.19vw;}
    .sct3 .right li{width: calc(100% / 3 - 2.4vw); margin-right: 3.53vw; margin-top: 1.53vw; font-size: 3.25vw; line-height: 12.23vw; border-radius: 12.23vw;}
    .sct3 .right li:nth-child(4){margin-top: 1.53vw;}
    .sct3 .right li:nth-child(5){margin-top: 1.53vw;}
    .sct3 .right li:nth-child(5n){margin-right: 3.53vw;}
    .sct3 .right li:nth-child(3n){margin-right: 0;}
}

/* 커뮤니티 */
.sct4{position: relative; padding: 150px 0;}
.sct4 .logo{position: absolute; top: 100px ; right: -100px; z-index: -1;}
.sct4 .main_h1{text-align: center;}
.sct4 .main_p{text-align: center;}
.sct4 .notice_box{margin-top: 60px; display: flex;}
.sct4 .notice_box>div{border: 1px solid #D9D9D9; border-radius: 30px; background: #fff; padding: 60px 50px; width: calc(100% / 2 - 20px);}
.sct4 .notice_box .top{border-bottom: 1px solid #C9C9C9; padding-bottom: 30px; display: flex; align-items: center; justify-content: space-between;}
.sct4 .notice_box .top h1{font-size: 35px; font-weight: 800;}
.sct4 .notice_box .top a{color: #6D6D6D; font-size: 22px; font-weight: 600; display: flex; align-items: center;}
.sct4 .notice_box .top a span{display: inline-block; width: 35px; height: 35px; border-radius: 50%; background: var(--main-color1); position: relative; margin-left: 10px;}
.sct4 .notice_box .top a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%;}
.sct4 .notice_box ul{margin-top: 45px;}
.sct4 .notice_box ul li{position: relative;}
.sct4 .notice_box ul li+li{margin-top: 25px;}
.sct4 .notice_box ul li a{color: #8E8E8E; font-size: 22px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.sct4 .notice_box ul li img{position: absolute; top: 0; right: 0;}
.sct4 .notice_box ul li span{color: #A0A0A0; font-size: 22px; position: absolute; top: 0; right: 0; font-weight: 400;}

.sct4 .notice_box .notice ul a{max-width: 75%;}
.sct4 .notice_box .faq ul em{width: 90%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct4 .notice_box .faq ul em::before{content: 'Q.'; font-size: 22px; font-weight: 800; color: var(--main-color1); margin-right: 5px; position: relative; top: -1px;}
.sct4 .notice_box .faq ul a{width: 100%;}
.sct4 .notice_box .faq{margin-left: 40px;}

/* 반응형 */
@media screen and (max-width: 1280px){
    .sct4{padding: 10.16vw 0;}
    .sct4 .logo{right: -5.47vw; width: 31.25vw;}
    .sct4 .main_p{margin-top: 2.08vw!important;}
    .sct4 .notice_box{margin-top: 4.30vw;}
    .sct4 .notice_box .faq{margin-left: 2.34vw;}
    .sct4 .notice_box>div{width: calc(100% / 2 - 1.17vw); padding: 3.91vw 3.13vw;}
    .sct4 .notice_box .top h1{font-size: 2.34vw;}
    .sct4 .notice_box .top a{font-size: 1.56vw;}
    .sct4 .notice_box .top a span{width: 2.34vw; height: 2.34vw;}
    .sct4 .notice_box ul{margin-top: 2.73vw;}
    .sct4 .notice_box ul li+li{margin-top: 1.56vw;}
    .sct4 .notice_box ul li a{font-size: 1.56vw;}
    .sct4 .notice_box ul li span{font-size: 1.56vw;}
    .sct4 .notice_box .faq ul em::before{font-size: 1.56vw;}
    .sct4 .notice_box .faq ul li+li{margin-top: 1.28vw;}
}
@media screen and (max-width: 981px){
    .sct4{padding: 15.29vw 0;}
    .sct4 .logo{top: 0; right: -70px; width: 71.36vw;}
    .sct4 .notice_box{margin-top: 6.12vw; display: block;}
    .sct4 .notice_box>div{width: 100%; padding: 5.08vw; border-radius: 3.26vw;}
    .sct4 .notice_box .top {padding-bottom: 3.26vw;}
    .sct4 .notice_box .top h1{font-size: 4.49vw;}
    .sct4 .notice_box .top a{font-size: 3.48vw;}
    .sct4 .notice_box .top a span{width: 4.35vw; height: 4.35vw; margin-left: 1.02vw;}
    .sct4 .notice_box ul{margin-top: 4.59vw;}
    .sct4 .notice_box ul li+li{margin-top: 2.58vw;}
    .sct4 .notice_box .faq ul li+li{margin-top: 1.78vw;}
    .sct4 .notice_box ul li a{font-size: 3.87vw;}
    .sct4 .notice_box ul li a{font-size: 3.87vw;}
    .sct4 .notice_box ul li span{font-size: 3.87vw;}
    .sct4 .notice_box .faq ul em::before{font-size: 3.87vw;}
    .sct4 .notice_box .faq{margin-left: 0; margin-top: 3.06vw;}
    .sct4 .notice_box ul li img{width: 4.2vw;}
}


/* 상담예약 */
.sct5{position: relative; padding: 125px 0; background: #FFF7EE;}
.sct5 .logo{position: absolute; top: 50%; left: 37%; transform: translate(-50%, -50%);}
.sct5 .main_wrap{display: flex; align-items: flex-start; justify-content: space-between;}
.sct5 .left ul{margin-top: 55px;}
.sct5 .left ul li{display: flex; align-items: flex-start;}
.sct5 .left ul li+li{margin-top: 30px;}
.sct5 .left ul li>span{font-size: 22px; font-weight: 800; margin-right: 30px;}
.sct5 .left ul li:nth-child(1)>span{position: relative; top: 5px;}
.sct5 .left ul li>p{font-size: 22px; color: #6D6D6D; font-weight: 600; line-height: 1.3;}
.sct5 .left ul li>p.call{color: var(--main-color2); font-size: 30px; font-weight: 800;}
.sct5 .left ul li>p.call img{position: relative; top: -2px;}
.sct5 .left ul li>p .span{display: inline-block; width: 20px;}
.sct5 .left ul li>p .color2{margin-top: 5px; display: block; font-size: 18px;}

.sct5 .right{width: 800px; position: relative; z-index: 1;}
.sct5 .right ul{font-size: 0;}
.sct5 .right ul>li{display: inline-block; vertical-align: top; width: 100%; margin-top: 30px; position: relative;}
.sct5 .right ul>li:nth-child(1){margin-top: 0;}
.sct5 .right ul>li:nth-child(2){margin-top: 0; margin-left: 20px;}
.sct5 .right ul>li:nth-child(4){margin-left: 20px;}
.sct5 .right ul>li.harf{width: calc(100% / 2 - 10px);}
.sct5 .right ul>li input{font-size: 20px; background: #fff; border: 1px solid #fff; padding: 0 30px; height: 60px; border-radius: 50px; width: 100%; color: var(--main-color2);}
.sct5 .right ul>li textarea{font-size: 20px; background: #fff; border: none; resize: none; padding: 30px; line-height: 1.5; width: 100%; color: var(--main-color2); border-radius: 30px; border: 1px solid #fff; height: 250px;}

.sct5 .right ul>li input:focus{border: 1px solid #ED803D;}
.sct5 .right ul>li textarea:focus{border: 1px solid #ED803D;}
.sct5 .right ul>li .select:focus{border: 1px solid #ED803D; outline:none;}

.sct5 .right ul>li .select{width: 100%; position: relative; font-size: 20px; background: #fff url(/img/main/sct5_arrow.png) no-repeat right 25px center / 28px; border: 1px solid #fff; padding: 0 30px; height: 60px; border-radius: 50px; width: 100%; color: #767676;}
.sct5 .right ul>li .select option{color: #000;}


.sct5 .right ul>li .select .selected{font-size: 20px; background: #fff; border: none; padding: 0 30px; line-height: 60px; border-radius: 50px; color: #666; appearance:none;}
.sct5 .right ul>li .select .selected::before{content: ''; width: 28px; height: 28px; background: url(/img/main/sct5_arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
.sct5 .right ul>li .select ul{border: 1px solid #ED803D; display: none; position: absolute; background: #fff; border-radius: 15px; overflow: hidden; z-index: 9;}
.sct5 .right ul>li .select ul li{padding: 0 20px; line-height: 40px; font-size: 16px; color: #8E8E8E;  cursor: pointer; margin: 0!important;}
.sct5 .right ul>li .select.active ul {display: initial;}

.sct5 .right .txt{margin-top: 30px; position: relative;}
.sct5 .right .txt .agree{font-size: 18px; font-weight: 500; display: flex; align-items: center;}
.sct5 .right .txt .agree input{position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; opacity: 0;}
.sct5 .right .txt .agree label{cursor: pointer;}
.sct5 .right .txt .agree label::before{content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; border-radius: 2px; border: 1px solid #e0e0e0; background: #fff; margin-top: -5px; margin-right: 7px;}
.sct5 .right .txt .agree input[type="checkbox"]:checked + label::before{background: #ED803D url('/img/main/agree_chk.svg') center no-repeat; background-size: cover; border-color: var(--main-color2);}
.sct5 .right .txt .agree label span{color: #DF001A;}
.sct5 .right .txt .agree a{cursor: pointer; margin-left: 10px;}
.sct5 .right .txt p{margin-top: 40px; font-size: 20px; font-weight: 500; line-height: 1.3;}
.sct5 .right .txt button{font-size: 22px; font-weight: 800; color: #fff; padding: 18px 45px; border-radius: 30px; background: var(--main-color2); border: none; position: absolute; top: 10px; right: 0; z-index: 9;}

.sct5 .right ul>li .select ul li:hover{background: #FCF9F4; color: var(--main-color2);}

.sct5 .right ul>li .ui-datepicker-trigger{position:absolute; width:26px; top: 17px; right: 28px; cursor:pointer;}




/* 반응형 */
@media screen and (max-width: 1440px){
    .sct5 .left ul{margin-top: 3.82vw;}
    .sct5 .right ul>li{margin-top: 2.08vw;}
    .sct5 .left ul li+li{margin-top: 2.08vw;}
    .sct5 .left ul li>span{font-size: 1.53vw; margin-right: 2.08vw;}
    .sct5 .left ul li>p{font-size: 1.53vw;}
    .sct5 .left ul li>p.call{font-size: 2.08vw;}
    .sct5 .left ul li>p .color2{margin-top: 0.35vw; font-size: 1.25vw;}
    .sct5 .right{width: 55.56vw;}
    .sct5 .right ul>li input,
    .sct5 .right ul>li .select,
    .sct5 .right ul>li textarea{font-size: 1.39vw; border-radius: 2.08vw;}
    .sct5 .right ul>li input{padding: 0 2.08vw; height: 4.17vw;}
    .sct5 .right ul>li .select{padding: 0 2.08vw; height: 4.17vw; background-size:2vw; background-position:right 2.08vw center;}

    .sct5 .right ul>li .select ul li{font-size: 1.11vw;}
    .sct5 .right ul>li textarea{height: 200px; padding: 2.08vw;}
    .sct5 .right .txt{margin-top: 2.08vw;}
    .sct5 .right .txt .agree{font-size: 1.25vw;}
    .sct5 .right .txt p{margin-top: 2.78vw; font-size: 1.39vw;}
    .sct5 .right .txt button{font-size: 1.53vw;}
    .sct5 .right ul>li .select .selected::before{width: 2vw; height: 2vw;}

	.sct5 .right ul>li .ui-datepicker-trigger{width:1.81vw; top: 1.18vw; right: 1.94vw;}
}
@media screen and (max-width: 1280px){
    .sct5{padding: 7.29vw 0;}
    .sct5 .logo{width: 31.25vw;}
	.sct5 .right ul>li .ui-datepicker-trigger{width:2.03vw; top: 1.1vw; right: 2vw;}
}
@media screen and (max-width: 981px){
    .sct5{padding: 15.29vw 0;}
    .sct5 .logo{width: 81.36vw; top: 40%; left: auto; right: -8%; transform: translateY(-50%);}
    .sct5 .main_wrap{display: block;}
    .sct5 .left ul{margin-top: 3.47vw;}
    .sct5 .left ul li>span{font-size: 3.87vw; margin-right: 5.43vw;}
    .sct5 .left ul li>p.call{font-size: 5.00vw;}
    .sct5 .left ul li>p.call img{top: -1px; width: 6%; margin-right: -0.43vw;}
    .sct5 .left ul li>p{font-size: 3.87vw; width: 80%;}
    .sct5 .left ul li>p .color2{font-size: 3.26vw;}
    .sct5 .left ul li+li{margin-top: 3.47vw;}
    .sct5 .right{width: 100%; margin-top: 8.70vw;}
    .sct5 .right ul>li:nth-child(2), .sct5 .right ul>li:nth-child(4){margin-left: 2.17vw;}
    .sct5 .right ul>li input, 
    .sct5 .right ul>li .select, 
    .sct5 .right ul>li textarea{font-size: 3.48vw; border-radius: 5.00vw;}
    .sct5 .right ul>li input{padding: 0 3.35vw; height: 9.78vw;}
    .sct5 .right ul>li input::placeholder, .sct5 .right ul>li textarea::placeholder{color: #ababab;}
    .sct5 .right ul>li .select{padding: 0 3.35vw; height: 9.78vw; color: #ababab; background-size: 5vw;}
    .sct5 .right ul>li textarea{padding: 3.26vw; height: 32.61vw;}
    .sct5 .right ul>li.harf{width: calc(100% / 2 - 1.09vw);}
    .sct5 .right ul>li .select .selected::before{display: none;}
    .sct5 .right ul>li .select ul{padding: 2.17vw 0;}
    .sct5 .right ul>li .select ul li{font-size: 3.48vw; padding: 0 4.35vw; line-height: 8.70vw;}
    
    .sct5 .right .txt{margin-top: 5.43vw;}
    .sct5 .right .txt .agree{font-size: 3.48vw;}
    .sct5 .right .txt p{margin-top: 6.52vw; font-size: 3.48vw; line-height: 1.5;}
    .sct5 .right .txt button{font-size: 1.53vw; position: relative; top: auto; right: auto; width: 34.78vw; height: 10.87vw; padding: 0; font-size: 3.48vw; margin: 6.52vw auto; display: block;}
    .sct5 .right .txt .agree label::before{width: 14px; height: 14px; margin-top: -2px;}

	.sct5 .right ul>li .ui-datepicker-trigger{width:3.65vw; top: 3.1vw; right: 3.15vw;}
}


/* 하단 */
.foot{padding: 65px 0; display: flex; justify-content: space-between; position: relative; border-top: 1px solid rgba(142, 142, 142, 0.30);}
.foot .left {width: 80%;}
.foot .left .ft_logo{margin-bottom: 40px;}
.foot .left .ft_info{font-size: 0;}
.foot .left .ft_info li{font-size: 18px; color: #6D6D6D; font-weight: 500; line-height: 1.5; display: inline-block; margin-right: 20px;}
.foot .left .ft_info .bold{color: #000; font-weight: 800;}
.foot .left p{color: #8E8E8E; font-size: 16px; font-weight: 400; letter-spacing: -0.45px; margin-top: 20px;}
.foot .right{position: absolute; top: 65px; right: 0;}
.foot .right .ft_sns{text-align: right;}
.foot .right .ft_sns li{display: inline-block;}
.foot .right .ft_sns li+li{margin-left: 20px;}
.foot .right .ft_link{margin-top: 60px; font-size: 0;}
.foot .right .ft_link a{display: inline-block; font-size: 18px; font-weight: 500; color: #6D6D6D;}
.foot .right .ft_link a:first-child::after{content: ''; width: 1px; height: 16px; background: #E3E3E3; display: inline-block; margin: 0 20px; vertical-align: middle;}
.foot .right .ft_link .color{color: var(--main-color2);}
@media screen and (max-width: 1440px){
    .foot .left .ft_logo{width: 18.75vw; margin-bottom: 2.78vw;}
    .foot .left .ft_info li{font-size: 1.25vw;}
    .foot .right{top: 4.51vw;}
    .foot .right .ft_link{margin-top: 4.51vw;}
    .foot .right .ft_link a{font-size: 1.25vw}
    .foot .left p{font-size: 1.25vw;}
}
@media screen and (max-width: 1280px){
    .foot{padding: 5.08vw 0;}
    .foot .left .ft_logo{width: 23.44vw; margin-bottom: 3.13vw;}
    .foot .left .ft_info li{font-size: 1.41vw;}
    .foot .right .ft_link a{font-size: 1.41vw}
    .foot .left p{font-size: 1.41vw;}
}
@media screen and (max-width: 981px){
    .foot{padding: 9.38vw 0; display: block;}
    .foot .left {width: 100%;}
    .foot .left .ft_logo{width: 46.88vw; margin-bottom: 0; margin: auto auto 6.25vw; display: block;}
    .foot .left .ft_info{text-align: center;}
    .foot .left .ft_info li{font-size: 3.44vw; margin-right: 0;}
    .foot .left .ft_info li:nth-of-type(2){margin-right: 3.44vw;}
    .foot .left .ft_info .br{display: block; clear: both;}
    .foot .left p{font-size: 3.44vw; text-align: center; margin-top: 3.13vw;}
    .foot .right{position: relative; top: auto; right: auto; margin-top: 7.81vw;}
    .foot .right .ft_sns{text-align: center; font-size: 0;}
    .foot .right .ft_sns img{max-width: 80%;}
    .foot .right .ft_sns li+li{margin-left: 3.44vw;}
    .foot .right .ft_link{margin-top: 4.69vw; text-align: center;}
    .foot .right .ft_link a{font-size: 3.44vw;}
    .foot .right .ft_link a:first-child::after{margin: 0 3.44vw; height: 3.44vw;}
}

@media screen and (max-width: 640px){

 .foot .left .ft_logo{width: 20.75vw; }
}