@charset "utf-8";


/*COMMON************************************************************/

/*단별BG*/
#multipleDiv_enter_4{}
#multipleDiv_enter_5{background:#05a3a7;}
#multipleDiv_enter_6{background:#e5eaf0;}
#multipleDiv_enter_7{background:#FFF;}
#multipleDiv_enter_8{background:#05a3a7;}
#multipleDiv_enter_9{background:#292929;}

#multipleContentsDiv_enter_5,
#multipleContentsDiv_enter_6,
#multipleContentsDiv_enter_7,
#multipleContentsDiv_enter_8{max-width:1500px;margin: 0 auto;}
#multipleContentsDiv_enter_8{overflow:hidden;}
#multipleContentsDiv_enter_5{padding:80px 0 130px 0;}
#multipleContentsDiv_enter_6{padding:140px 0;}
#multipleContentsDiv_enter_7{padding:260px 0;}
#multipleContentsDiv_enter_8{padding:245px 0;}

@media only screen and (max-width:1500px){
  #multipleContentsDiv_enter_5,
  #multipleContentsDiv_enter_6,
  #multipleContentsDiv_enter_7,
  #multipleContentsDiv_enter_8{max-width:94%;}
}
@media only screen and (max-width:1280px){
  #multipleContentsDiv_enter_5{padding:50px 0;}
  #multipleContentsDiv_enter_6{padding:50px 0;}
  #multipleContentsDiv_enter_7{padding:200px 0;}
  #multipleContentsDiv_enter_8{padding:50px 0;}
}
@media only screen and (max-width:768px){
  #multipleContentsDiv_enter_5,
  #multipleContentsDiv_enter_6,
  #multipleContentsDiv_enter_7,
  #multipleContentsDiv_enter_8{padding:30px 0;}
}




/*LINE************************************************************/
#multipleDiv_enter_5::before,
#multipleDiv_enter_6::before,
#multipleDiv_enter_8::before,
#multipleContentsDiv_enter_7::before{content:"";display:block;background:#f59601;position:absolute;}
#multipleDiv_enter_5::before{width:250px;height:3px;left:50%;top:125px;margin-left:-1030px;}
#multipleDiv_enter_6::before{width:3px;height:150px;left:50%;top:-75px;margin-left:-1.5px;}
#multipleDiv_enter_8::before{width:3px;height:150px;left:50%;top:-75px;margin-left:-1.5px;}
#multipleContentsDiv_enter_7::before{width:250px;height:3px;left:50%;top:270px;margin-left:-1030px;}
@media only screen and (max-width:1280px){
  #multipleDiv_enter_5::before,
  #multipleDiv_enter_6::before,
  #multipleDiv_enter_8::before,
  #multipleContentsDiv_enter_7::before{display:none;}
}



/*VISUAL************************************************************/
#multipleDiv_enter_4::before{content:"";display:block;width:100%;height:110px;background:#05a3a7;position:absolute;left:0;bottom:0;}



/*SLOGAN************************************************************/
#menu1043_obj93{position:absolute;left:0;top:calc(50% - 187px);width:100% !important;}
.slogan{position:relative;line-height:1.2;max-width:900px;margin:0 auto;text-align:center;border-top:3px solid #FFF;border-bottom:3px solid #FFF;padding:100px 70px;}
.slogan::before,
.slogan::after{content:"";display:block;width:20px;height:100%;position:absolute;top:0;}
.slogan::before{left:-10px;background:url(../../images/main/main_visual_box_1.png) no-repeat left center;}
.slogan::after{right:-8px;background:url(../../images/main/main_visual_box_2.png) no-repeat right center;}
.slogan .p_1{font-size:70px;color:#FFF;font-family:'S-CoreDream-1Thin';text-align:center;}
.slogan .p_1 span{display:block;}
.slogan .p_1 i{font-family:'S-CoreDream-3Light';}

@media only screen and (max-width:1280px){
  #menu1043_obj93{top:calc(50% - 133px);}
  .slogan{padding:70px;}
  .slogan .p_1{font-size:50px;}
}
@media only screen and (max-width:1024px){
  .slogan{max-width:88%;}
}
@media only screen and (max-width:768px){
  #menu1043_obj93{top:calc(50% - 30px);}
  .slogan{border:0;padding:0;}
  .slogan::before,
  .slogan::after{display:none;}
  .slogan .p_1{font-size:25px;}
}



/*SERVICE************************************************************/
.main_service{}
.main_service h3{color:#FFF;font-size:80px;font-family:'Noto Black';margin-bottom:45px;line-height:1;}
.main_service h3 strong{}
.main_service .service_list{display:flex;flex-wrap:wrap;}
.main_service .service_list li{width:25%;margin:20px 0;}
.main_service .service_list a{display:flex;align-items:center;justify-content:flex-start;}
.main_service .service_list span{color:#FFF;font-size:20px;font-family:'Noto Medium';padding-left:15px;line-height:1.2;}
.main_service .service_list a::after{content:"";display:block;width:15px;height:11px;background:url(../../images/main/arrow_4.png) no-repeat center;margin-left:15px;}
@media only screen and (max-width:1280px){
	.main_service h3{font-size:40px;margin-bottom:30px;}
	.main_service .service_list img{max-width:45px;}
	.main_service .service_list span{font-size:18px;text-align:center;}
	.main_service .service_list a::after{display:none;}
}
@media only screen and (max-width:768px){
	.main_service h3{font-size:30px;margin-bottom:20px;}
	.main_service .service_list li{margin:10px 0;}
	.main_service .service_list img{max-width:30px;}
	.main_service .service_list span{font-size:14px;padding-left:0;padding-top:10px;}
	.main_service .service_list a{flex-direction:column;}
}

.main_service .pop{display:none;background:#00898d;border:1px solid #005456;padding:40px 30px;position:relative;width:calc(100% - 20px);height:50%;border-radius:10px;}
.main_service .pop.active{display:block;}
.main_service .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.main_service .pop h4{font-size:28px;color:#FFF;font-family:'Noto Regular';width:300px;line-height:1;display:flex;align-items:center;}
.main_service .pop h4::before{content:"";display:block;width:70px;height:70px;}
.main_service .pop_01 h4::before{background:url(../../images/main/quick_2.png) no-repeat left center;}
.main_service .pop_02 h4::before{background:url(../../images/main/quick_3.png) no-repeat left center;}
.main_service .pop_03 h4::before{background:url(../../images/main/quick_4.png) no-repeat left center;}
.main_service .pop_04 h4::before{background:url(../../images/main/quick_5.png) no-repeat left center;}
.main_service .pop ul{display:flex;flex-wrap:wrap;width:calc(100% - 300px);}
.main_service .pop ul li{width:23%;margin:1%;}
.main_service .pop ul li a{display:block;font-size:22px;background:#006669;color:#FFF;padding:10px;border:1px solid #005456;border-radius:30px;text-align:center;}
.main_service .pop .close{display:block;width:60px;height:60px;border-radius:100%;background:#000 url(/sites/guide/images/common/x_3_w.png) no-repeat center;position:absolute;top:-20px;right:-20px;font-size:0;}
@media only screen and (max-width:1280px){
	.main_service .pop{padding:20px 30px;top:20px;height:calc(100% - 50px);}
	.main_service .pop h4{font-size:25px;width:100%;margin-bottom:10px;}
	.main_service .pop ul{width:100%;}
	.main_service .pop ul li a{font-size:18px;}
}
@media only screen and (max-width:768px){
	.main_service .pop{position:relative;top:0;height:100%;width:100%;margin-top:20px;}
	.main_service .pop h4{font-size:22px;justify-content:center;}
	.main_service .pop h4::before{background-size:35px !important;width:50px;height:40px;}
	.main_service .pop ul li{width:48%;}
	.main_service .pop ul li a{font-size:16px;}
	.main_service .pop .close{width:45px;height:45px;top:-1px;right:-1px;border-radius:0;border-top-right-radius:10px 10px;}
}
@media only screen and (max-width:420px){
	.main_service .pop ul li{width:100%;margin:2% 0;}	
}



/*APPLICATION************************************************************/
#multipleDiv_enter_7::before{content:"";display:block;width:20%;height:100%;background:#f59601;position:absolute;right:0;top:0;}
#multipleDiv_enter_7::after{content:"";display:block;width:50%;height:100%;background:url(../../images/main/application_img_1.jpg) no-repeat right center;position:absolute;right:0;top:0;}
.main_application{width:45%;}
.main_application h3{color:#222;margin-bottom:45px;line-height:1;}
.main_application h3 span{display:block;font-size:20px;font-family:'S-CoreDream-1Thin';padding-bottom:20px;}
.main_application h3 strong{font-size:80px;font-family:'S-CoreDream-4Regular';}
.main_application ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.main_application li{width:40%;margin:10px 0;}
.main_application a{position:relative;padding:15px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b2b2b2;}
.main_application a::after{content:"";display:block;width:34px;height:13px;background:url(../../images/main/arrow_3_2.png) no-repeat center;}
.main_application span{color:#444;font-size:20px;font-family:'Noto Medium';position:relative;word-break:keep-all;}
.main_application span::before{content:"";display:block;width:100%;height:10px;background:#fdeacc;position:absolute;left:0;bottom:0;transform:scale(0);}
.main_application i{position:relative;}
@media only screen and (max-width:1280px){
  #multipleDiv_enter_7::after{width:43%;}
  .main_application{width:50%;}
  .main_application h3{margin-bottom:30px;}
  .main_application h3 span{font-size:18px;}
  .main_application h3 strong{font-size:40px;}
}
@media only screen and (max-width:768px){
  #multipleDiv_enter_7::after{width:30%;height:80%;top:10%;}
  .main_application{width:65%;}
  .main_application h3{margin-bottom:20px;}
  .main_application h3 span{font-size:14px;}
  .main_application h3 strong{font-size:30px;}
  .main_application li{width:100%;margin:0;}
}


/*LINKS************************************************************/
.main_links{}
.main_links h3{color:#FFF;margin-bottom:45px;line-height:1;}
.main_links h3 span{display:block;font-size:20px;font-family:'S-CoreDream-1Thin';padding-bottom:20px;}
.main_links h3 strong{font-size:80px;font-family:'S-CoreDream-4Regular';}
.main_links ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.main_links li{width:40%;margin:10px 0;}
.main_links a{position:relative;padding:15px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.5);}
.main_links a::after{content:"";display:block;width:34px;height:13px;background:url(../../images/main/arrow_3_3.png) no-repeat center;filter:alpha(opacity=50);opacity:0.5;}
.main_links span{color:#FFF;font-size:20px;font-family:'Noto Medium';position:relative;word-break:keep-all;}
.main_links span::before{content:"";display:block;width:100%;height:10px;background:#30bfb8;position:absolute;left:0;bottom:0;transform:scale(0);}
.main_links i{position:relative;}
@media only screen and (max-width:1280px){
  .main_links h3{margin-bottom:30px;text-align:center;}
  .main_links h3 span{font-size:18px;}
  .main_links h3 strong{font-size:40px;}
  .main_links li{width:48%;}
}
@media only screen and (max-width:768px){
  .main_links h3{margin-bottom:20px;text-align:left;}
  .main_links h3 span{font-size:14px;}
  .main_links h3 strong{font-size:30px;}
  .main_links li{width:100%;margin:0;}
}



/*HOVER************************************************************/
@media only screen and (min-width:1281px){
  .main_service a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
  .main_service .pop ul li a:hover{box-shadow:0px 0px 10px #222;}
  .main_application a:hover{padding:15px 0 15px 10px;}
  .main_application a:hover::after{background:url(../../images/main/arrow_3.png) no-repeat center;}
  .main_application a:hover span::before{transform:scale(1);}
  .main_application a:hover span{color:#f59601;}

  .main_links a:hover{border-bottom-color:#FFF;padding:15px 0 15px 10px;}
  .main_links a:hover::after{filter:alpha(opacity=100);opacity:1;}
  .main_links a:hover span::before{transform:scale(1);}
}