﻿@charset "utf-8";
 
.noMain{display:none !important;}


.scroll { position:fixed; bottom: 30px; left:50%;transform: translateX(-50%);text-align:center; z-index:10; }
.scroll span { font-size:0px; color:#193579;  display:block; /*margin-bottom:10px;*/ font-weight:500;}
.scroll i { 
	background:url(/img/main/scr.png) no-repeat center/ 100%; width:24px; height: 65px; margin:0 auto; display: block;
	position:relative;
	animation:repeatY1 2.5s ease;
	animation-iteration-count: infinite;
	animation-fill-mode:forwards;
	transition:all 0.3s ease;
}

@keyframes repeatY1 {
  0% { transform:translateY(0) }
  70% { transform:translateY(15px) }
  100% { transform:translateY(0) }
}




.contact_bt { position:absolute; right:75px; top:225px; width:144px; height:144px; z-index:12; transform:scale(1); /*transform:scale(0.85);*//*background:url(/img/main/text.png) no-repeat center bottom;padding-bottom: 330px;*/ }
.contact_bt a { display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.contact_bt a span { 
	display:block; width:144px; height:144px; background:url(/img/main/q_bg.png) no-repeat center / 100%; position:absolute; left:0; top:0; 
	animation:rotate1 7s ease;
	animation-iteration-count: infinite;
	animation-fill-mode:forwards;
	transition:all 0.1s ease;
}
.contact_bt a strong { 
	border-radius:100px; width:144px; height:110px; 
	/*background:#193479;*/  background:url(/img/main/bs_icon_05.png) no-repeat center 25px;padding-top: 34px; display:flex; justify-content:center; align-items:center;
	font-weight:700; font-size:21px; line-height:1.1; text-align:center; color:#fff;  
	transition:all 0.1s ease; z-index: 11
}

/*.contact_bt.on a span { background:url(/img/main/bs_icon_05.png) no-repeat center / 100%; }*/
.contact_bt.on a strong { /*background:#fff;*/ color:#fff; }

.contact_bt a:hover span { /*background:url(/img/main/btn_on.png) no-repeat center / 100%; */  background:url(/img/main/q_bg.png) no-repeat center / 100%;  }
/*.contact_bt a:hover strong { background:url(/img/main/q_bg.png) no-repeat center 25px;color:#002d56; }*/
.contact_bt.on a:hover strong {  /*background:#193479;*/ color:#fff; }
@media all and (max-width:980px){
	.contact_bt { position:absolute; right:5px; top:100px; width:144px; height:144px; z-index:12; transform:scale(1);  }
}

/*@media (max-width:1024px){
	.contact_bt { display:none; }
}*/

@keyframes rotate1 {
  0% {  transform:rotate(0) }
  100% { transform:rotate(360deg); }
}

/*.fp-viewing-premium_page #on-common-gnb,
.fp-viewing-premium9_page #on-common-gnb,
.fp-viewing-edu_page #on-common-gnb,
.fp-viewing-sns_page #on-common-gnb,
.fp-viewing-support_page #on-common-gnb,
.fp-viewing-main_footer #on-common-gnb,
.fp-viewing-premium_page .home_menu,
.fp-viewing-premium9_page .home_menu,
.fp-viewing-edu_page .home_menu,
.fp-viewing-sns_page .home_menu,
.fp-viewing-support_page .home_menu,
.fp-viewing-main_footer .home_menu,
 
.fp-viewing-premium_page .top_util_info,
.fp-viewing-premium_page .member_util_box,
 
.fp-viewing-premium9_page .top_util_info,
.fp-viewing-premium9_page .member_util_box,
 
.fp-viewing-edu_page .top_util_info,
.fp-viewing-edu_page .member_util_box,
 
.fp-viewing-sns_page .top_util_info,
.fp-viewing-sns_page .member_util_box,
 
.fp-viewing-support_page .top_util_info,
.fp-viewing-support_page .member_util_box,
 
.fp-viewing-main_footer .top_util_info,
.fp-viewing-main_footer .member_util_box  {display:none;}*/

/*main 각 섹션별 로고 위치*/
.fp-viewing-premium_page #header h1.logo,
.fp-viewing-premium9_page #header h1.logo,
.fp-viewing-map_page #header h1.logo,
.fp-viewing-main_footer #header h1.logo  {/*top:15px;*/ /*background-size: 300px*/}
/*--*/
.fp-viewing-premium_page #header,
.fp-viewing-premium9_page #header,
.fp-viewing-map_page #header,
.fp-viewing-main_footer #header  {border-bottom:1px solid #ddd;}
/*.fp-viewing-premium_page  #header .top_util,
.fp-viewing-premium9_page #header .top_util,
.fp-viewing-edu_page #header .top_util,
.fp-viewing-sns_page #header .top_util,
.fp-viewing-support_page #header .top_util,
.fp-viewing-main_footer #header .top_util{padding:0;}*/

 
.fp-viewing-premium_page #gnb,
.fp-viewing-premium9_page #gnb,
.fp-viewing-map_page #gnb,
.fp-viewing-main_footer #gnb {  /*margin-top: 60px */}	


/*main content common*/
#contents .section .fp-tableCell{ height: auto ;width: 100%;display: inline-block;/*width: 100%;display: inline-block;*//*padding-top:50px;*//*padding-top:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*//*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/ }
#contents .section{background:no-repeat 50% bottom;/*background-size:auto 100%;*/background-size:cover;/*padding-top:120px;*/}
 
 

/*#contents .sub_tit{position:relative;padding-top:0px; text-align:center;}*/
/*#contents .sub_tit:after{position:absolute;top:0;left:50%;width:76px; height: 76px; margin-left:-40px;  content:"";}*/
/*#contents .sub_tit .tit{margin:5px 0 20px;font-size:3rem;  color:#000;font-family: 'Noto Sans KR';font-weight: 600; }*/
/*#contents .sub_tit:after{position:absolute;top:0;left:50%;width:76px; height: 76px; margin-left:-40px;  content:"";}*/
/*#contents .sub_tit .stt{color:#767676;font-size:18px;font-weight: 400;}*/
/*#contents .sub_tit .eng{font-size:18px;font-weight:bold;letter-spacing:2px;}*/

/*.fp-viewing-premium_page #header .head_search_wrap,
.fp-viewing-premium9_page  #header .head_search_wrap,
.fp-viewing-edu_page  #header .head_search_wrap,
.fp-viewing-sns_page #header .head_search_wrap,
.fp-viewing-support_page #header .head_search_wrap,
.fp-viewing-main_footer #header .head_search_wrap {top:130px;z-index:100;}
 */
.mobile{display: none}
.PC{display: block}
@media all and (max-width:1239px){
    #header{position:fixed;}
    #header .logo{display:block;}
    #contents .section .fp-tableCell{/*padding-top:116px;*/}
    .fp-viewing-premium_page #header .top_util, 
	.fp-viewing-premium9_page #header .top_util, .fp-viewing-map_page #header .top_util, 
	/*.fp-viewing-edu_page #header .top_util, 
	.fp-viewing-sns_page #header .top_util, 
	.fp-viewing-support_page #header .top_util,*/ 
	.fp-viewing-main_footer #header .top_util{padding:0 36px;}
   /* #contents .sub_tit{font-size:2.5rem;line-height:1;}
    #contents .sub_tit .tit{margin:24px 0 30px;font-size:5.6rem;}*/
/*    #contents .sub_tit .eng{font-size:1.6rem;}*/
	
 
/*.only_mobile{display:block;}*/
.main_premium .bx-wrapper .bx-controls-direction{display:none;}
}
@media all and (max-width:980px){
	 #header .logo img{width: 90%}
    /*#contents .section .fp-tableCell{  padding-top:52px;}*/
	#contents .section{/* padding-top: 0px;*/background-size:100%;/*height:1700px*/;display: inline-block;}
    #contents .sub_tit{ width: 100%;margin-top: 20px;display: inline-block;/*margin-bottom:0px;padding-top:17px;font-size:1.6rem;*//*display: none*/}
    #contents .sub_tit .tit{margin:20px 0 14px;font-size:1.4rem;letter-spacing:-1px;width: 100%;;box-sizing: border-box;}
/*    #contents .sub_tit .eng{font-size:1.1rem;}*/
    #contents .sub_tit:after{width:40px;margin-left:-20px;}
#contents .sub_tit .stt{display: none}
	
	
#contents .section .fp-tableCell{width: 100%;display: block;height: auto }	
/*    .fp-viewing-premium_page #header .head_search_wrap,
    .fp-viewing-premium9_page  #header .head_search_wrap,
	.fp-viewing-edu_page  #header .head_search_wrap,
	.fp-viewing-sns_page  #header .head_search_wrap,
    .fp-viewing-support_page #header .head_search_wrap{top:0}*/
	
	
	.PC{display:none}
	.mobile{display: block}
}


 
/*main anchors*/
.main_anchors{overflow:hidden;position:fixed;top:0px;padding-top:380px;  right:15px;z-index:1;height:100vh;display: none}
 
.main_anchors li{position:relative;}
/*.main_anchors li:before{position:absolute;top:0px;right:6px;width:1px;height:100vh; content:"";}*/
.main_anchors .active:before{position:absolute;top:9px;right:27px;width:10px;height:10px;border-radius:6px;content:"";z-index: 2}
.main_anchors li a{display:block;position:relative;margin-bottom:5px;/*margin-left: 22px;*/ padding:0px 10px;min-width:64px; /*background: #fff;*/ /*color:transparent;*/line-height:28px;text-align:center;border-radius:30px;transition:.3s;font-size:0px;  color: #808080;z-index: 3 }
.main_anchors li:before{position:absolute;top:-380px;right:22px;/*width:1px;height:100vh;background:#fff;*/z-index: -1;/*opacity:.5;*/content:"";}
.main_anchors .active a{color:#00a48c;font-size: 0px;   }
.main_anchors .active a:after{position:absolute;top:50%;right:27px;/*width:10px;height:10px;margin-top:-2px; background: #b5b5b5;*/border-radius:18px;/*opacity:1.0;*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:""; }
.main_anchors li a:after{position:absolute;top:50%;right:27px;width:10px;height:10px;margin-top:-5px; background: #b5b5b5;border-radius:18px; box-sizing:border-box;content:"";z-index:-1;}
/*.main_anchors li.last a:after{display:none;}
.main_anchors li.last a{color:#fff;background: #00a48c;border: 1px solid #00a48c;font-size: 16px!important; }*/

.main_anchors .a_main.active:before{background:#ff7a2b;width:10px;height:10px;background: #b5b5b5;} 
.main_anchors .a_main.active a{color:#fff;/*display:none;*/ background: #5977dd;font-size: 14px; }
.main_anchors .a_main.active a:after{/*border-color:#ff7a2b;*/opacity:0;}
.main_anchors .a_premium.active:before{background:#00a48c;width:10px;height:10px;background: #b5b5b5;}
.main_anchors .a_premium.active a{color:#fff;background: #20a67f;font-size: 14px;  }
.main_anchors .a_premium.active a:after{/*border-color:#ff7300;*/opacity:0;}
.main_anchors .a_premium9.active:before{background:#00a48c;width:10px;height:10px;background: #b5b5b5;} 
.main_anchors .a_premium9.active a{color:#fff;background: #eb5ea0;font-size: 14px;  }
.main_anchors .a_premium9.active a:after{/*border-color:#00a48c;*/opacity:0; }
.main_anchors .a_map.active:before{background:#00a48c;width:10px;height:10px;background: #b5b5b5;} 
.main_anchors .a_map.active a{color:#fff;background: #eb5ea0;font-size: 14px;  }
.main_anchors .a_map.active a:after{/*border-color:#00a48c;*/opacity:0; }
/*.main_anchors .a_edu.active:before{background:#00a48c;}
.main_anchors .a_edu.active a{color:#00a48c;}
.main_anchors .a_edu.active a:after{border-color:#fff;opacity:1;}
.main_anchors .a_sns.active:before{background:#fff;}
.main_anchors .a_sns.active a{color:#00a48c;}
.main_anchors .a_sns.active a:after{border-color:#fff;opacity:1;}
.main_anchors .a_support.active:before{background:#fff;}
.main_anchors .a_support.active a{color:#00a48c;}
.main_anchors .a_support.active a:after{border-color:#fff;opacity:1;}
.main_anchors .a_support.active a.last{color:#00a48c;}*/

/*메인 첫화면 퀵메뉴  보이게*/
	.fp-viewing-main_page .main_anchors,
    .fp-viewing-premium_page .main_anchors,
    .fp-viewing-premium9_page .main_anchors,
    .fp-viewing-map_page .main_anchors {display: block;display:none;}

@media all and (max-width:1223px){
/*    .main_anchors{display:none;}
	    .fp-viewing-premium_page .main_anchors,
    .fp-viewing-premium9_page .main_anchors,
	.fp-viewing-edu_page .main_anchors,
	.fp-viewing-sns_page .main_anchors,
    .fp-viewing-support_page .main_anchors{display:none;}
 */
		.fp-viewing-main_page .main_anchors,
    .fp-viewing-premium_page .main_anchors,
    .fp-viewing-premium9_page .main_anchors,
    .fp-viewing-map_page .main_anchors {display:none;}
}


@media all and (max-width:1239px){
 
    .fp-viewing-premium_page #header .head_search_wrap,
    .fp-viewing-premium9_page  #header .head_search_wrap,
    .fp-viewing-map_page  #header .head_search_wrap,
	.fp-viewing-edu_page  #header .head_search_wrap,
	.fp-viewing-sns_page  #header .head_search_wrap,
    .fp-viewing-support_page #header .head_search_wrap {top:0px;z-index:10; margin-right: 0; right: 10px;}
}
@media all and (max-width:767px){
    .fp-viewing-premium_page #header .head_search_wrap,
    .fp-viewing-premium9_page  #header .head_search_wrap,
    .fp-viewing-map_page  #header .head_search_wrap,
	.fp-viewing-edu_page  #header .head_search_wrap,
	.fp-viewing-sns_page  #header .head_search_wrap,
    .fp-viewing-support_page #header .head_search_wrap {top:0;z-index:10; margin-right: 0; right: 113px;}
}
/*visual main*/

/*main_slide*/
#contents .main_slide { position: relative;padding-top: 0px!important;background-image:url(/img/main/main1.jpg);  animation:big5 3s ease-in 1 Alternate;background-position: center bottom;   }
#contents .main_slide .slide{   margin:0 auto;color:#fff;}
/*#contents .main_premium .s_tit{margin-bottom:20px;color:#000; position: relative;}
#contents .main_premium .s_tit h3.tit{color:#000;position: relative; }*/

@keyframes VisualAnimate{
100%{transform:scale(1); }
}
 
@keyframes big3 {
  0% {
    opacity:1;   transform:scale(1.0);   
  }
  50% {   opacity:1;  transform:scale(1.0);   
  }
  to { transform:scale(1.0);  opacity:1; 
  } 
}
@keyframes big4 {
  0% {
    opacity:1;   transform:scale(1.1);    margin-top: -50px
  }
  50% {   opacity:1;  transform:scale(1.0);    margin-top: 0px
  }
  to { transform:scale(1.0);  opacity:1; 
  } 
}

@keyframes big5 {
  0% {
    opacity:0.8;   transform:scale(1.1);    
  }
  50% {   opacity:1;  transform:scale(1.0);   
  }
  to { transform:scale(1.0);  opacity:1; 
  } 
}
.f1_con_wrap			{clear: both; width: 640px;  position:absolute;top: 270px;left: 50%;transform: translateX(-50%);margin-left: 35%;z-index: 2}
.f1_con_wrap .s_tit{margin-bottom:20px;color:#a1cc56; position: relative;  letter-spacing: -1px}
.f1_con_wrap .s_tit h3.tit{color:#fff;position: relative;animation:fadeInDown 3s ease-in 1 Alternate;font-size: 55px; line-height: 70px; margin-bottom: 30px;text-shadow: 3px 4px 5px rgba(0,0,0,0.2); font-family: 'S-CoreDream-4Regular';font-weight: 400px;/*animation-delay: 2s;*/ transform:scale(1);}
.f1_con_wrap .s_tit h3.tit span.t1{color:#a1cc56; animation:fadeInDown 2s ease-in 1 Alternate; /* animation-delay: 2s;*/ }
.f1_con_wrap .s_tit h3.tit span.t2{color:#ea5413;animation:fadeInDown 4s ease-in 1 Alternate; font-family: 'S-CoreDream-7ExtraBold';font-weight:bold;/*animation-delay:2s;*/ }
.f1_con_wrap .s_tit p img{animation:fadeInDown 2s ease-in 1 Alternate;/*animation-delay: 3s; */ }
.f1_con_wrap .s_tit p.st{color:#fff;position: relative;animation:fadeInUp 3s ease-in 1 Alternate ;font-size: 21px;font-family: 'S-CoreDream-5Medium';line-height: 42px;margin-top: 50px   }
 

 
@media all and (max-width:980px){
	#contents .main_slide { position: relative;margin-top: -30px; padding-top:0px!important;background-image:url(/img/main/main1.jpg); background-size:300%;background-position: center top;height: auto!important;height: 700px!important}
	
	.f1_con_wrap			{clear: both; width: 100%;  position:absolute;top: 100px;left: 50%;transform: translateX(-50%);margin-left: 10%;z-index: 2}
 .f1_con_wrap .s_tit{margin-bottom:20px;color:#a1cc56; position: relative;  letter-spacing: -1px}
.f1_con_wrap .s_tit h3.tit{ font-size: 2.5rem; line-height: 4rem;/* margin-bottom: 30px;text-shadow: 3px 4px 5px rgba(0,0,0,0.2); font-family: 'S-CoreDream-4Regular';font-weight: 400px;*/ }
.f1_con_wrap .s_tit h3.tit span.t1{  }
.f1_con_wrap .s_tit h3.tit span.t2{  }
.f1_con_wrap .s_tit p img{ display: none }
.f1_con_wrap .s_tit p.st{ display: none}
		 
	}
 
  
@media all and (max-width:600px){
	#contents .main_slide {  height: 500px!important}
		}
@media all and (max-width:450px){
	#contents .main_slide {  height: 100%!important;height: 450px!important}
		}
/*-----------------------------------------------------------------------------------------------------------
main_premium
-----------------------------------------------------------------------------------------------------------*/
 
#contents .main_premium{position: relative;background-image:url(/img/main/main2.jpg);background-size: cover  }
#contents .main_premium:after{position: absolute;bottom: 0px;left:  0%; content: "";width: 100%;height: 100vh; background-image:url(/img/main/main2.jpg) ;animation:big4 3s ease-in 1 Alternate; z-index: 1; background-size: cover }
 
 
.premium4{position: absolute;top:120px;left: 50%;transform: translateX(-50%);width: 100%;height: 360px;background: #eae6e0;z-index: 2;}
.premium4 ul  {width: 1200px;margin: 50px auto 0px; }
.premium4 ul li{float: left;position: relative;width: 25%; height: 245px;text-align: center}
 
.premium4 ul li:after{position: absolute; width: 1px; top:20px;right: 0px; height: 215px; content: "";background: #bbb8b3}
.premium4 ul li:after:last-child{width:0px;}
.premium4 ul li span.img{width: 100%;display: inline-block;text-align: center;padding-bottom: 20px; }
.premium4 ul li span.tt{width: 100%;display: inline-block;color: #ea5413;font-family: 'S-CoreDream-6Bold';font-size: 21px;padding-bottom: 20px;}
.premium4 ul li span.st{width: 100%;display: inline-block;color: #494949;font-family: 'S-CoreDream-4Regular';font-size: 16px;line-height: 26px}

.premium_txt{position:relative; width: 100%;height: 360px;text-align: center;width: 100%;z-index: 2;margin-top: 520px;display: grid;align-content: center}
.premium_txt div.pr_1{position: absolute;top:-90px;left: 50%;transform: translateX(-50%);width: 100%;height: 360px;animation:fadeInUp 2s ease-in 1 Alternate ;z-index: 2; }
.premium_txt div.pr_2{font-size: 60px;color: #fff;font-weight: 400;margin-top: 30px;display: inline-block;width: 100%;animation:fadeInUp 2s ease-in 1 Alternate ;}
.premium_txt div.pr_3{font-size: 60px;color: #ea5413;font-family: 'S-CoreDream-6Bold';margin-top: 10px;display: inline-block;width: 100%;animation:fadeInUp 3s ease-in 1 Alternate ;}
.premium_txt div.pr_4{font-size: 36px;color: #fff;font-weight: 400;margin-top:25px;display: inline-block;width: 100%;animation:fadeInUp 4s ease-in 1 Alternate ;}
 
@media all and (max-width:1223px){
 	#contents .main_premium{/*margin-top: 30px;height: auto;*/ width: 100%;display:inline-block; }
 	.premium4{position:relative;top: 0px;left: 50%;transform: translateX(-50%);width: 100%;height: 200px;background: #eae6e0;z-index: 2;}
	.premium4 ul  {width: 100%;margin: 0px auto 0px;padding-top: 30px }
.premium4 ul li{float: left;position: relative;width: 25%; height: auto;text-align: center}
	.premium4 ul li:after{/*position: absolute; width: 1px; top:20px;right: 0px;*/ height: 115px; /*content: "";background: #bbb8b3*/}
	
	.premium4 ul li span.tt{ font-size: 16px;padding-bottom: 5px;font-family: 'S-CoreDream-4Regular';word-break: keep-all}
	.premium4 ul li span.st{display: none}
	.premium_txt{/*position:relative; width: 100%;*/height: auto;/*;text-align: center;width: 100%;z-index: 2;*/margin-top: 0px;display:inline-block;/*align-content: center*/}
	
.premium_txt div.pr_1{position:relative;top: 0px;left: 50%;transform: translateX(-50%);width: 100%;height: auto;animation:fadeInUp 2s ease-in 0 Alternate ;margin-top: 30px/*animation:fadeInUp 2s ease-in 1 Alternate ;z-index: 2;*/ }
.premium_txt div.pr_2{font-size: 30px;margin-top: 10px/*color: #fff;font-weight: 400;margin-top: 30px;display: inline-block;width: 100%;animation:fadeInUp 2s ease-in 1 Alternate ;*/}
.premium_txt div.pr_3{font-size: 30px;margin-top: 0px;/*color: #ea5413;font-family: 'S-CoreDream-6Bold';margin-top: 10px;display: inline-block;width: 100%;animation:fadeInUp 3s ease-in 1 Alternate ;*/}
.premium_txt div.pr_4{font-size: 16px;margin-top: 10px;/*color: #fff;font-weight: 400;margin-top:25px;display: inline-block;width: 100%;animation:fadeInUp 4s ease-in 1 Alternate ;*/}
	
}
 

/* 테블릿 세로 해상도 */
@media all and (max-width:980px) {
	.premium4 ul li{  position: relative;top:0px}
#contents .main_premium{position: relative;background-image:url(/img/main/bg_m.jpg);background-size: cover  }
	#contents .main_premium{ /*background: none;*//* margin-top: 50px;*/ /*width: 100%;padding: 40px 0 0;height: auto;display: inline-block*/}
 
 
 
} 

@media all and (max-width:640px) {
	.premium4 ul li{ width: 50%;  }
	.premium4{height: auto;display: inline-block;min-height: 200px; padding-bottom: 20px}
	.premium4 ul li span.img{ padding-bottom: 5px; }
/*		.premium4 ul li span.img img{ width: 60px}*/
	
	.premium4 ul li:after{display: none}
	.premium_txt div.pr_1 img{width: 100px }
	.premium_txt div.pr_2{font-size: 24px;margin-top: 10px/*color: #fff;font-weight: 400;margin-top: 30px;display: inline-block;width: 100%;animation:fadeInUp 2s ease-in 1 Alternate ;*/}
.premium_txt div.pr_3{font-size: 24px;margin-top: 0px;/*color: #ea5413;font-family: 'S-CoreDream-6Bold';margin-top: 10px;display: inline-block;width: 100%;animation:fadeInUp 3s ease-in 1 Alternate ;*/}
 
 
	
} 
 
 
/*-----------------------------------------------------------------------------------------------------------
main_premium9  
-----------------------------------------------------------------------------------------------------------*/
#contents .main_premium9{/*background:#fff*/background-image:url(/img/main/main3.jpg);background-size: cover; }
.bs_premium9_wrap{width: 100%; }  

.bn_02 { right: -60px;width:43%;float:right;position: relative; background: #ea5413;height: 100vh; animation:swiperslide2 3s ease-in 1 Alternate; }

.wrap1 { width:100%; position:relative;  } 
.wrap1 .title{position: absolute;top: 188px;right: 43%;width: 80%; color: #ea5413;font-size: 80px;z-index: 2;content: ""; font-family: 'GmarketSansMedium';}
.wrap1 .title span{color: #fff;font-size: 80px; font-family: 'GmarketSansMedium';}

.wrap1 .title:after{position: absolute;top: 100px;right: -60%;width: 80%; height: 1px;background: #fff; font-size:  0px;z-index: 2;content: "";  }

.sec2Wrap {position:relative;}

.sec2Wrap .contWrap {
    position:absolute;
    top:10%;left:0px; 
    width: calc(100% - 50px);
    padding-left: 0px;
}
.sec2Wrap .contWrap2 {width: 45%;  }
.sec2Wrap .contWrap2 .text1 {}

.sec2Wrap .contWrap2 .arrowsWrap {
    display: flex;position:absolute;z-index: 99;
    top:80%; 
    width: 100%;margin-left:  -65px;
	 padding-top: 83.4%;
}

.sec2Wrap .contWrap2 .arrowsWrap hr {
    width: 19px;
    height: 0px;
	opacity: 0.0;
    display: block;
}

.sec2Wrap .swiper-container {width: 600px;
    padding-top: 0px;
    margin-left:0px;
    width: calc(100% - 80px);
    overflow: hidden;
}

.sec2Wrap .swiper-slide {
    width: 600px;margin-top: 310px; padding-right: 85px; 
    position:relative;
    display: flex;
    align-items: flex-end;transform:scale(1.0); opacity:1; animation:swiperslide 2s ease-in 1 Alternate;  margin-left:  0px; 
}

.sec2Wrap .swiper-slide p.num { color: #fff;font-size: 60px;line-height: 50px;padding-top: 30px; font-family: 'S-CoreDream-6Bold';}
.sec2Wrap .swiper-slide p.num span { color: #fff;font-size: 16px; font-family: 'S-CoreDream-4Regular';padding: 0px 0 10px 15px;letter-spacing: 5px;text-transform: uppercase}
.sec2Wrap .swiper-slide p.tt { color: #fff;font-size: 36px; font-family: 'S-CoreDream-6Bold';padding: 0px 0 10px;}
.sec2Wrap .swiper-slide p.st { color: #fff;font-size: 18px;  font-family: 'S-CoreDream-4Regular';padding: 0px  ;letter-spacing: -0.5px;word-break: keep-all}
.sec2Wrap .swiper-slide p.img { position: relative;display: inline-block;padding-bottom: 20px;padding-top: 20px;z-index: 3;width: 500px;height: auto}
.sec2Wrap .swiper-slide p.img img {width: 100%;}
/*.sec2Wrap .swiper-slide p.img2 { padding-bottom:  0px;padding-top: 50px;}*/

.sec2Wrap .swiper-slide:hover p.num{ color: #fffbb5; transition:all .8s;}
.sec2Wrap .swiper-slide:hover p.tt {color: #fffbb5; transition:all .8s;font-size: 37px; }
 

.sec2Wrap .swiper-slide img {
    position:relative;
}
  
@media all and (max-width:1360px){
	.sec2Wrap .contWrap2 {width: 78%;  }	
}
 
@media all and (max-width:980px){
  
#contents .main_premium9{ background: #ea5413;height:auto!important;  }
.bn_02 { right: 0px;width:100%;float: left;height:auto!important;  display: inline-block; /*float:right;position: relative; background: #ea5413;height: 100vh; animation:swiperslide2 3s ease-in 1 Alternate;*/ }

.wrap1 .title{position:relative;top: 30px;right: 0%;width: 100%; font-size:30px;color: #fff;left: 5%}
.wrap1 .title span{ font-size:30px;color: #fff  }

.wrap1 .title:after{/*position: absolute;top: 100px;right: 0%;*/width: 100%;/* height: 1px;background: #fff; font-size:  0px;z-index: 2;content: ""; */ }
 
.sec2Wrap .contWrap2 {width: 98%;  }	
	.sec2Wrap .contWrap {
    position:relative;width: calc(100% - 10px);
  /*  top:10%;left:0px; 
    width: calc(100% - 50px);
    padding-left: 0px;*/
}
.sec2Wrap .swiper-slide {height:auto!important; display: inline-block!important; float: left;
    width: 100%;margin-top: 0px;  /*padding-right: 85px; 
    position:relative;
    display: flex;
    align-items: flex-end;transform:scale(1.0); opacity:1; animation:swiperslide 2s ease-in 1 Alternate;  margin-left:  0px; */
}	
	
.sec2Wrap .contWrap2 .arrowsWrap {
    display: inline-block;position:relative;z-index: 99;
    top:0px; padding-top:  15%;
    width: 100%;margin-left:  20px;
	 /*padding-top: 35%;*/
}
 .sec2Wrap .swiper-slide p.num { color: #fff;font-size: 30px;line-height: 50px;padding-top: 30px; }
.sec2Wrap .swiper-slide p.num span { color: #fff;font-size: 16px;  }
.sec2Wrap .swiper-slide p.tt { color: #fff;font-size: 26px;  }
.sec2Wrap .swiper-slide p.st { display: none}
.sec2Wrap .swiper-slide p.img { /*position: relative;display: inline-block;padding-bottom: 20px;padding-top: 20px;z-index: 3;*/width: 90%;height: auto}
/*.sec2Wrap .swiper-slide p.img img {width: 100%;}*/
/*.sec2Wrap .swiper-slide p.img2 { padding-bottom:  0px;padding-top: 50px;}*/
 
.sec2Wrap .swiper-slide:hover p.tt { font-size: 26px; }
	.sec2Wrap .swiper-slide img {
 width: 80%
}
 
}



@keyframes swiperslide {
  0% {opacity:0;  margin-left:  -10px; }
  50% {  opacity:0;    margin-left:  -10px; }
  to {   opacity:1; margin-left:  0px;  } 
}
@keyframes swiperslide2 {
  0% {opacity:1;  margin-right:  -30px; }
  50% {  opacity:1;    margin-right:  -15px; }
  to {   opacity:1; margin-right:  0px;  } 
}
 

/*--------------------------
3page 효과
-----------------------*/
 
@-webkit-keyframes fadeInUp {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0%,50%,0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: none;
		  }
		}
		
		@keyframes fadeInUp {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0%,50%,0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: none;
		  }
		}
		
		.fadeInRight {
		  -webkit-animation-name: fadeInUp;
		  animation-name: fadeInUp;
		}
	 
@keyframes fadeInDown {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0%,-50%,0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: none;
		  }
		}
 

 
 /*-----------------------------------------------------------------------------------------------------------
main_premium9  
-----------------------------------------------------------------------------------------------------------*/
#contents .main_map{background:#fff;padding-top: 140px ;  }
 
.bs_map_wrap{width: 100%; }  
.map_wrap{position: relative; max-width:1360px; width: 100%;  margin: 0px auto ;  }
.map_box1{float: left;position: relative; width:100%; height:500px;  box-sizing: border-box;  display: inline-block;padding: 20px;}
.map_box1 p.tt{position: relative;width: 100%; color: #000;font-size: 36px;font-weight: 600;line-height:36px; margin-bottom: 60px;  }
.map_box1 div.im{position: absolute;top:40px;left: 200px; width: 38px;height: 45px;padding-bottom: 20px; background:url(/img/main/img_05.png)no-repeat right top; display: inline-block }
.map_box1 p.more{width: 132px;height: 49px; color: #000;font-size: 18px;line-height: 49px; font-weight: 400;background: #fff; border-radius: 50px;text-align: center}
.map_box1:hover p.more {background:#5977dd;color: #fff; }

.map_box2{float: right; width: 100%; height: 250px; box-sizing: border-box;   border-radius: 30px; margin: 46px 0 90px;display: inline-block ;padding:20px; } 

.map_box2 p.tt{ color: #000;font-size: 60px;font-weight: 700  ; font-family: 'S-CoreDream-6Bold';line-height: 60px }
.map_box2 p.st{ color: #000;font-size: 26px;font-weight: 500;font-family: 'S-CoreDream-5Medium'  ;line-height: 60px  }
.map_box2 a{float: right;  margin-top: 20px }
 
 
.map_box3{float: right; width: 362px; height: 150px; box-sizing: border-box;   top:560px; right: 0px; position: absolute;  } 

.map_btn{width: 362px;height: 61px; position: relative; display: inline-block;background:url(/img/main/n2.png)no-repeat 40px 50% #977955;color: #a1cc56; font-family: 'S-CoreDream-6Bold';font-size: 18px;margin-bottom: 20px;z-index: 2;padding-left:82px;line-height: 61px;box-sizing: border-box}
.map_box3 a.map_btn span.btn{color: #fff;font-family: 'S-CoreDream-5Medium'!important; font-family: 'S-CoreDream-4Regular';font-weight: normal;;font-weight: 300; font-size: 16px;margin-left: 5px; display: inline-block; }

@media all and (max-width:1360px){
 
 .map_box1{  height:auto;  }
 .map_box1 img{  width: 100%  }	
	.map_box2{float: right; height:auto;   margin: 1% 0; } 
	.map_box3{float: none; width: 98%; height: auto; box-sizing: border-box;   top: 0px; right: 0px; position:relative;  } 
}
@media all and (max-width:1223px){
   
}
 
@media all and (max-width:980px) {
 #contents .main_map{ padding-top: 30px;height:auto!important;  }
 .map_box1{float: left;margin: 5px 0 10px; width: 100%; padding:  0px;height: auto}
	 .map_box1 img{width: 100%}
	
	
.map_box2{ float: left; width: 100%;margin: 5px 0 10px;  padding:15px 5px;height: auto } 
		
.map_box2 p.tt{  font-size: 30px; line-height: 40px }
.map_box2 p.st{  font-size: 16px; line-height: 40px  }
	 
.map_btn{width: 100%;height: 61px; position: relative; display: inline-block;background:url(/img/main/n2.png)no-repeat 20px 50% #977955;color: #a1cc56; font-family: 'S-CoreDream-6Bold';font-size: 18px;margin-bottom: 20px;z-index: 2;padding-left:62px;line-height: 61px;box-sizing: border-box}
	} 
 
/*-----------------------------------------------------------------------------------------------------------
main footer
-----------------------------------------------------------------------------------------------------------*/

/*main footer*/
#contents .main_footer{ position: relative;  width: 100%;  }
#contents .section.main_footer .fp-tableCell{/*padding-top:0;*/height: 300px!important }
#contents .section.main_footer .fp-auto-height{height: 300px!important;}
 .footer_box{/*float: left;*/position: relative; width:100%; height:280px;  box-sizing: border-box;  display: inline-block;padding:0px;}
 

	/* 테블릿 세로 해상도 */ 
@media all and (max-width:980px) {
 
	} 


/* 1. 푸터 섹션의 불필요한 여백 제거 및 배경색 밀착 */
#section4, #section4 .fp-tableCell {
    height: auto !important;
    min-height: auto !important;
    vertical-align: bottom !important;
    /*background-color: #222 !important;*/ /* 푸터 배경색과 동일하게 설정하여 경계 제거 */
}

#footer {
    margin-bottom: 0 !important;
}
	/* 테블릿 세로 해상도 */ 
@media all and (max-width:980px) {
/* #section0, #section0 .fp-tableCell, #section1, #section1 .fp-tableCell, #section2, #section3 .fp-tableCell, #section3, #section3 .fp-tableCell {
    height: auto !important;
    min-height: auto !important;
    vertical-align: bottom !important;
 
}*/
	} 