@charset "utf-8";

/* 전체 메뉴 */
#menuWrap { 
	display:flex; position:fixed; left:-150%; top:0; width:100%; height:100%; z-index:99999; background:#f9f9f9; 
	background:url(../images/bg-sitemap2.png) no-repeat center / cover;
	justify-content:center; align-items:center;background-color:transparent;
}

.insMenu { 
	position:relative;  
	z-index:10; width:1100px; height:660px;
}

.insHeader { display:block; padding-bottom:70px; }
.insHeader h2 { position:relative; display: block; width:100%; height: 100%; font-size:50px; font-family:'Jost'; font-weight:700; color:#121212; line-height:1;opacity: 0.5; }

.p_close { position:absolute; right:0; top:0; width:37px; height:37px; z-index:9999; cursor: pointer;  transition:all 0.2s ease-out; }
.p_close:hover { transform:rotate(90deg); }

.menuBox { display:block;width:100%;  }
.menuBox nav { display:flex; width:100%;  }

.menuBox nav > ul:nth-child(1) { flex:75%; display:flex; flex-wrap:wrap;  }
.menuBox nav > ul:nth-child(1) > li { flex:0 0 33.3333333%; height:280px; border-left:1px solid #fff; }
.menuBox nav > ul:nth-child(1) > li:nth-child(1),
.menuBox nav > ul:nth-child(1) > li:nth-child(2),
.menuBox nav > ul:nth-child(1) > li:nth-child(3) { border-bottom:1px solid #fff;}

.menuBox nav > ul:nth-child(2) { flex:25%; border-left:1px solid #fff; border-right:1px solid #fff;}
.menuBox nav > ul:nth-child(2) > li { height:440px; }

.menuBox nav > ul:nth-child(1) > li > a { padding-bottom:15px; font-size:36px;}
.menuBox nav > ul:nth-child(2) > li > a { padding-bottom:15px; font-size:36px;}

.menuBox nav > ul > li a { padding:30px 0 0 30px; font-size:30px; color:#fff; font-weight:400; display:inline-block; letter-spacing:-0.25px; transition:all 0.5s ease-out; }
.menuBox nav > ul > li a:hover { color:#0066cc; }
.menuBox nav > ul > li ul li a { font-size:30px; color:#fff; padding:6px 0 17px 30px; letter-spacing:-0.25px; transition:all 0.5s ease-out;}
.menuBox nav > ul > li ul li a:hover { color:#0066cc; }




@media (max-width:1100px){
	

	.insMenu { width:90%; height:80%; margin:0 auto; padding:0 0 0; /*opacity: 0.5;*/}

	.insHeader { display:block; padding-bottom:30px; }
	.insHeader h2 { position:relative; display: block; width:100%; height: 100%; font-size:40px; font-family:'Jost'; font-weight:700; color:#fff; line-height:1; }

	.p_close { position:absolute; right:0; top:0; width:37px; height:37px; z-index:9999; cursor: pointer;  transition:all 0.2s ease-out; }
	.p_close:hover { transform:rotate(0deg); }

	.menuBox { width:100%; }
	.menuBox nav { display:flex; width:100%; flex-wrap:wrap; }

	.menuBox nav > ul:nth-child(1) { flex:100%; display:flex; flex-wrap:wrap;  }
	.menuBox nav > ul:nth-child(1) > li { flex:0 0 50%; height:140px; }
	.menuBox nav > ul:nth-child(1) > li:nth-child(1),
	.menuBox nav > ul:nth-child(1) > li:nth-child(2),
	.menuBox nav > ul:nth-child(1) > li:nth-child(3) { border-bottom:1px solid #fff; }
	.menuBox nav > ul:nth-child(1) > li:nth-child(4) { border-bottom:1px solid #fff; }

	.menuBox nav > ul:nth-child(1) > li:nth-child(1),
	.menuBox nav > ul:nth-child(1) > li:nth-child(3),
	.menuBox nav > ul:nth-child(1) > li:nth-child(5) { border-left:none; }

	.menuBox nav > ul:nth-child(1) > li:nth-child(2),
	.menuBox nav > ul:nth-child(1) > li:nth-child(4),
	.menuBox nav > ul:nth-child(1) > li:nth-child(6) { border-left:1px solid #fff; padding-left:20px;}

	
	.menuBox nav > ul:nth-child(2) { flex:100%; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid #fff; border-left:none;border-right:none;}
	.menuBox nav > ul:nth-child(2) > li { height:440px; padding:10px 0; text-align:center; }

	.menuBox nav > ul:nth-child(2) > li > a { padding-bottom:20px; }

	.menuBox nav > ul > li a { padding:30px 0 0 0; font-size:22px; color:#fff;font-weight:400; display:inline-block; letter-spacing:-0.25px; transition:all 0.5s ease-out; }
	.menuBox nav > ul > li a:hover {  color:#0066cc;  }
	.menuBox nav > ul > li ul { display:flex; justify-content:flex-start; padding:0 0 0; flex-wrap:wrap; }
	.menuBox nav > ul > li ul li { margin:0 20px 5px 0; flex:0 0 auto; }
	.menuBox nav > ul > li ul li a { font-size:20px; color:#fff; padding:6px 0 6px 0; letter-spacing:-0.25px; transition:all 0.5s ease-out;}

	.menuBox nav > ul:nth-child(2) > li > a { padding-left:0; }

	.menuBox nav > ul.mpGnb > li ul { display:flex; justify-content:center; padding:0 0 0; flex-wrap:none;}
	.menuBox nav > ul.mpGnb > li ul li a {font-size:24px;}

}

@media (max-width:768px){
	.insMenu { height:100%; padding:35px 0 0; }
	.p_close { top:35px; }
	.insHeader { padding-bottom:15px; }
	.menuBox nav > ul:nth-child(1) > li { height:auto; padding:15px 0 25px; }
	.menuBox nav > ul > li a { padding:15px 0 0 0; font-size:22px; }
	.menuBox nav > ul > li ul li { margin:0 20px 0 0; }
	.menuBox nav > ul:nth-child(2) > li { height:340px; padding:15px 0; text-align:center; }
	.menuBox nav > ul.mpGnb > li ul li { margin:0 8px 5px 8px; }	
	.menuBox nav > ul.mpGnb > li ul li a {font-size:20px;}
}

@media (max-width:560px){
	.insHeader h2 { font-size:30px; display:none;}

	.menuBox nav > ul > li ul li a { font-size:20px !important;}
	.menuBox nav > ul li { width:100%; }
	
	.menuBox nav > ul:nth-child(1) > li { flex:0 0 100%; text-align:center;height:54px;  }
	.menuBox nav > ul:nth-child(1) > li:nth-child(5) { border-bottom:1px solid #fff; }
	.menuBox nav > ul:nth-child(1) > li:nth-child(2) { border-left:none; }
	.menuBox nav > ul:nth-child(1) > li:nth-child(4) { border-left:none; }
	.menuBox nav > ul:nth-child(1) > li:nth-child(6) { border-left:none; padding-left:0px;}

	.menuBox nav > ul > li a { padding:4px 0; font-size:20px !important;}
	.menuBox nav > ul > li ul li { margin:0 0px 0 0; }

	.menuBox nav > ul:nth-child(2) > li { height:340px; padding:15px 0; text-align:center; }
	.menuBox nav > ul.mpGnb > li ul li { margin:0 8px 5px 8px; }	
	.menuBox nav > ul.mpGnb > li ul li a {font-size:16px  !important;}
}



.m_nav { padding:0 0 20px; display:flex; justify-content:center; }
.m_nav > li { margin:0 20px; }
.m_nav > li > a { 
	padding:15px 0 20px 0; display:block; width:100%; 
	font-size:1.3rem; font-weight:700; color:#222; line-height: 1em;
	position:relative; border-bottom:1px solid #ccc; margin-bottom:20px;
}
.m_nav > li > a:hover { text-decoration:underline; }
.m_nav > li > ul { display:block; position:relative; padding:0 0 0;  }
.m_nav > li > ul.on { display:block; }
.m_nav > li > ul li:nth-child(1) { border-top:none; }
.m_nav > li > ul li a { 
	padding:10px 0 10px 0; 
	display:block; width:100%; font-size:1rem; font-weight:400; color:#222; 
	line-height:1; 
} 
.m_nav > li > ul li a:hover { text-decoration:underline; }
.m_nav > li > ul li a.onMenu { display:block; background:#f5f5f5 url(../images/m/ico-close.png) no-repeat right 15px center; }
.m_nav > li > ul li a.onMenu.on { display:block; background:#f5f5f5 url(../images/m/ico-open.png) no-repeat right 15px center; color:#222; }
.m_nav > li > ul li ul { display:none; position:relative; border-top:1px solid rgba(177,177,177,0.3);  }
.m_nav > li > ul li ul li { border-bottom:none; border-top:none; }





#header { position: fixed; z-index:10;left:0;top:0;width:100%; height:80px; }
#header > div {  position:relative; margin:0 auto; height: 100%; } 


#sheader { position: fixed; width:100%; height:80px; background:#fff;border-bottom:solid 1px #eee; z-index:9999;}
#sheader .gnb > li > a { color:#333; font-weight:600; padding:0 0 0px; font-size:18px;}

#sheader .gnb > li > a::before { background:#333; }
#sheader .gnb > li > a:hover::before { width:100%; }

.logo { position:absolute; left:76px; top:10px;}

.globalTop {position:relative;}
.globalTop ul {margin:30px 0px 20px; text-align:right; }
.globalTop ul li {display:inline-block; float:none; }
.globalTop ul li:nth-child(1) {margin-right:10px; }
/*
.nav { position:absolute; right:160px; top:60px;}
*/
.nav { position:relative; width:1200px; text-align:center;margin:0 auto; top:30px; }

.gnb { display:flex; align-items: center; position: relative; padding:0 0; right:120px;}
.gnb > li { text-align:right;  margin:0px 20px; position: relative; }
.gnb > li > a { color:#fff; font-weight:600; padding:0 0 25px; font-size:18px; display:inline-block; position:relative;}
.gnb > li > a:hover { color:#fff; }

.gnb > li > a::before { width:0; height:1px; background:#fff; position:absolute; left:0; bottom:0;  transition:all 0.5s ease-out; content:""; display:inline-block;}
.gnb > li > a:hover::before { width:100%; }

.m-signUser { position:absolute;display:block; text-align:right; margin-top:-20px;right:0px; }
.m-signUser ul li {display:inline-block; float:none; margin-left:20px; }
.m-signUser ul li a {padding:10px 20px; border-radius:20px;}
.m-signUser ul li:nth-child(1) a {background:#000; color:#fff;}
.m-signUser ul li:nth-child(2) a {background:#ed7801; color:#fff;}

.signUser { position:absolute;display:block; text-align:right; right:20px; top:0px;}
.signUser ul li {display:inline-block; float:none; margin-left:5px; }
.signUser ul li a {padding:10px 20px; border-radius:20px;}
.signUser ul li:nth-child(1) a {background:#006699; color:#fff;}
.signUser ul li:nth-child(2) a {background:#ed7801; color:#fff;}
.allMenu { position:absolute; right:40px; top:32px;  }
.allMenu a { position:relative; /*width:20px; height:20px;*/ display:flex; justify-content: center; align-items: flex-end; flex-direction: column; }

.all-gnb {
	padding:12px 16px;
	/* background:#fe9861; */
	background:#330000;
	color:#fff; 
	font-weight:600; 
	font-size:16px;
	border-radius: 20px;
	margin-top:-14px;
}


.subMn { display:none; position:absolute; padding:10px; margin-left:-60px; top:16px; z-index:999999;}
.subMn ul { background:rgba(255,255,255,1); padding:20px 0 20px; width:190px; border:1px solid #eaebed; }
.subMn ul li { text-align:center; }
.subMn ul li a { color:#000000; font-size:17px; padding:8px 0; display:inline-block; transition:all 0.2s ease; font-weight:400; text-align:center; position:relative;}
.subMn ul li a:hover { color:#000; }

.subMn ul li a::before { width:0; height:1px; background:#000; position:absolute; left:0; bottom:0;  transition:all 0.5s ease-out; content:""; display:inline-block;}
.subMn ul li a:hover::before { width:100%; }


.subMn._subMn3 ul { width:270px; }
.subMn._subMn5 ul { width:250px; }
.subMn._subMn6 ul { width:250px; }
.subMn._subMn7 ul { width:270px; }


.gnb > li:nth-child(1) { margin-left:200px; }
.gnb > li:nth-child(1) .subMn { margin-left:-70px; }
.gnb > li:nth-child(2) .subMn { margin-left:-40px; }
.gnb > li:nth-child(3) .subMn { margin-left:-50px; }
.gnb > li:nth-child(4) .subMn { margin-left:-60px; }
.gnb > li:nth-child(5) .subMn { margin-left:-65px; }
.gnb > li:nth-child(6) .subMn { margin-left:-55px; }


@media (max-width:1600px){
	.logo { left:40px; top:10px;}
	.nav { right:0px; top:30px;}
	.allMenu { right:40px; top:32px; }

	.gnb > li { margin-left:20px; }
	.gnb > li:nth-child(1) { margin-left:300px; }
	.gnb > li > a { font-size:16px;}

	.globalTop {margin-right:120px;}
	.globalTop ul {margin:15px 0px 5px; }

}

@media (max-width:1400px){

	.gnb > li { margin-left:10px; }
	.signUser {right:20px;}
}
@media (max-width:1292px){
	.signUser { right:70px; top:0px;}
}
@media (max-width:1240px){
	.gnb > li { margin-left:10px;  }
	.gnb > li:nth-child(1) { margin-left:360px; }
	.gnb > li > a { font-size:12px;}
	.allMenu a img { width:26px;}
}

@media (max-width:1078px){
	.gnb > li { margin-left:10px; }
	.gnb > li > a { font-size:12px;}
}

@media (max-width:980px){
	#header { height:80px; }	
	#sheader { height:80px;}
	.logo { left:10px; top:12px;}
	.allMenu { right:10px; top:32px; }
	
	.nav { display:none; }
	.globalTop { display:none; }
}

@media (max-width:470px) {
	.logo { left:10px; top:16px;}
	.logo img { height:40px;}
}




/* main */
.mvWrap { position:relative; height:100vh; width:100%; z-index:1; }
.mainvWrap { position:relative; width:100%; z-index:1; background:#000;}
.mainwWrap { position:relative; width:100%; z-index:1; background:#fff;}

@media (max-width:1340px){
  .newSlider .ss1 div { width:100%; padding: 0 100px; }
  .newSlider .ss2 div { width:100%; padding: 0 100px; }
}
@media (max-width:1050px){
  .newSlider .ss1 div p:nth-child(1) { font-size:40px; }
  .newSlider .ss1 div p:nth-child(2) { font-size:18px; }
}


@keyframes fade1 {
  0% { opacity:0; transform:scale(1); transform: translateX(-20px); }
  100% { opacity:1; transform:scale(1); transform: translateX(0); }
}

@keyframes scale1 {
  0% { opacity:0; transform:scale(1.2); }
  100% { opacity:1; transform:scale(1); }
}



 .swiper-container {
  width: 100%;
  height: 100%;
  position:relative;
  
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  background:transparent;
  border:none;
  outline: none;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  color:#fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background:transparent;
  border:none;
  outline: none;
  width:100%; height:100%;
}

.swiper-pagination {
  position: absolute;
  right:0; top:50%;
  text-align: right;
  width:18px;
  height:100px;
  display:block;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: auto;
  left: 50%;
  width: 18px;
  margin:15px 0;
  margin-left:30%;
  margin-top:-50px;
}

.swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  border:4px solid #fff;
  display: block;
  border-radius: 100%;
  background: transparent;
  opacity: 0.7;
  margin:15px 0 !important;

}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #a20069;
  border:4px solid #a20069;
}
.swiper-pagination.swPaging { z-index:9999; display:none; }

/*
.btnPrev { background:url(../img/a-prev.png) no-repeat; width:37px; height:66px; left:30px; }
.btnNext { background:url(../img/a-next.png) no-repeat; width:37px; height:66px; right:30px; }
*/

.underExam { position:relative; z-index:10; }
.tabEq { position:relative; }
.tabEq > div { display:block; width:100%; margin:0 auto;  }

.greenShadow1 { position:absolute; left:0; top:0; height:100vh; width:620px; background:rgba(8,50,6,0.5); z-index:3; }

.mySwiper {	position:fixed; left:0; top:0; z-index:1001; height:100vh; }
.mySwiper .swiper-wrapper { display:block; width:100%; display:flex; flex-direction:column; justify-content:center; }
.mySwiper .swiper-slide { width:100%; opacity: 1; height:150px; width:750px !important; cursor:pointer; }

.mySwiper .swiper-slide .qbox { position:relative; padding:50px 0 50px 70px; display:flex; width:100%; height: 100%;  transition:all 0.5s ease-out; }
.mySwiper .swiper-slide .qbox em { flex:0 0 50px;  display:block; color:#fff; opacity:0.6; font-family:Jost; transition:all 0.5s ease-out;}
.mySwiper .swiper-slide .qbox div { flex:0 0 100%; width:100%;text-align:left; color:#fff; opacity:0.6; transition:all 0.5s ease-out; }
.mySwiper .swiper-slide .qbox div strong { 
	display:block; padding-bottom:12px; margin-bottom:7px;
	position:relative;
	transition:all 0.5s ease-out;
}
.mySwiper .swiper-slide .qbox div strong::before { 
	content:"";display:block; position:absolute; left:0; bottom:0; width:200px; background:rgba(255,255,255,0.6); height:1px; 
	transition:all 0.5s ease-out;
}
.mySwiper .swiper-slide .qbox div span { display:block;  }

.mySwiper .swiper-slide-thumb-active { height:240px; opacity: 1; background:linear-gradient(to right, rgba(8,50,6,0.7), rgba(8,50,6,0.7), rgba(8,50,6,0)); width:100%; }
.mySwiper .swiper-slide-thumb-active .qbox { width:750px; }
.mySwiper .swiper-slide-thumb-active .qbox em { font-size:40px; padding:18px 28px 0 0; opacity:1;  }
.mySwiper .swiper-slide-thumb-active .qbox div { opacity:1; }
.mySwiper .swiper-slide-thumb-active .qbox div strong { font-size:60px; font-weight:600; padding-bottom:24px; margin-bottom:21px;  }
.mySwiper .swiper-slide-thumb-active .qbox div span { font-size:25px; }


.mySwiper .swiper-slide-thumb-active .qbox div strong::before { height:4px; width:500px; background:rgba(255,255,255,0.4);}
.mySwiper .swiper-slide-thumb-active .qbox div strong i.bar {   
	display:block;
	position:absolute; left:0; bottom:0; 
	width:0;
	background:rgba(255,255,255,1); height:4px; 
	animation: bar1 4s ease-out 1s ;
/*	animation-fill-mode: forwards; */
}



.mySwiper2 { height: 100vh; width: 100vw; margin:0 auto; position:relative;  }
.mySwiper2 .swiper-slide { height: 100vh; width: 100vw; }
.mySwiper2 .swiper-slide .conEq { width:100vw; height:100vh; position:relative; }
.mySwiper2 .swiper-slide .conEq > i { width:100vw; height:100vh; position:absolute; left:0; top:0; z-index:1; transition:all 2s ease-out; transform:scale(1.1);}
.mySwiper2 .swiper-slide .conEq1 > i { background:url(../images/mv1_bg.png) no-repeat center / cover;  }
.mySwiper2 .swiper-slide .conEq2 > i { background:url(../images/mv2_bg.png) no-repeat center / cover; }
.mySwiper2 .swiper-slide .conEq3 > i { background:url(../images/mv3_bg.png) no-repeat center / cover; }



.mySwiper2 .swiper-slide .conEq > div { 
	display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; color:#fff; height:100%; width:100%; padding:0 90px 150px 0;  position:relative; z-index:10; 

}
.mySwiper2 .swiper-slide .conEq > div > p { 
	font-size:40px; color:#fff; line-height:1; 
	letter-spacing:20px; 
	display:block; text-align:right; transition:all 2s ease-out; 
	opacity:0; transform:translateX(-100px);
	position:absolute; right:60px; top:25%;
}
.mySwiper2 .swiper-slide .conEq > div > p > span { display:block; line-height:1.3; }
.mySwiper2 .swiper-slide .conEq > div > em { 
	text-align:right; display:block; font-size:30px; line-height:1; letter-spacing:20px; 
	transition:all 1s ease-out 1s; 
	opacity:0; 
	transform:translateX(-100px); 
}
.mySwiper2 .swiper-slide .conEq > div > strong { 
	text-align:right; display:block; font-size:200px; line-height:1; font-weight:400; font-style:italic; padding:20px 0 30px; font-family:'Jost'; 
	letter-spacing:5px; 
	letter-spacing:30px; 
	transition:all 1s ease-out 1.5s; 
	opacity:0; 
	transform:translateX(-100px); 
}
.mySwiper2 .swiper-slide .conEq > div > span { 
	text-align:right; display:block;  font-size:22px; line-height:1; font-family:'Jost'; font-weight:500; 
	letter-spacing:2.5px; 
	letter-spacing:10px; 
	transition:all 1s ease-out 2s; 
	opacity:0; 
	transform:translateX(-100px);  
}

.mySwiper2 .swiper-slide-active .conEq i { transform:scale(1); }
.mySwiper2 .swiper-slide-active .conEq > div > p { letter-spacing:0; opacity:1; transform:translateX(0);}
.mySwiper2 .swiper-slide-active .conEq > div > em { letter-spacing:0; opacity:1; transform:translateX(0); }
.mySwiper2 .swiper-slide-active .conEq > div > strong { opacity:1; transform:translateX(0); letter-spacing:0; }
.mySwiper2 .swiper-slide-active .conEq > div > span { letter-spacing:2.5px; opacity:1; transform:translateX(0); }
.mySwiper2 .swiper-slide-active .conEq > div > p > span{ display:block; }

.mySwiper2 .swiper-slide .qbox_m { display:none; }

@media (max-width:1450px){

	.greenShadow1 { width:420px; }
	.mySwiper .swiper-slide { height:150px; width:550px !important;}
	.mySwiper .swiper-slide .qbox { padding:30px 0 30px 40px; }
	.mySwiper .swiper-slide .qbox div span { display:block;  }

	.mySwiper .swiper-slide-thumb-active { height:170px; }
	.mySwiper .swiper-slide-thumb-active .qbox { width:550px; }
	.mySwiper .swiper-slide-thumb-active .qbox em { font-size:25px; padding:18px 15px 0 0;  }
	.mySwiper .swiper-slide-thumb-active .qbox div strong { font-size:40px; font-weight:600; padding-bottom:24px; margin-bottom:21px;  }
	.mySwiper .swiper-slide-thumb-active .qbox div span { font-size:16px; }

	.mySwiper .swiper-slide-thumb-active .qbox div strong::before { width:340px; }

	.mySwiper2 .swiper-slide .conEq > div > p { font-size:34px; right:30px; top:25%; }
	.mySwiper2 .swiper-slide .conEq > div { padding:0 40px 100px 0; }
	.mySwiper2 .swiper-slide .conEq > div > em { font-size:20px;  }
	.mySwiper2 .swiper-slide .conEq > div > strong { font-size:150px; padding:12px 0 22px; }
	.mySwiper2 .swiper-slide .conEq > div > span { font-size:16px; }

}


@media (max-width:980px){
	.greenShadow1,
	.mySwiper,
	.mySwiper .swiper-slide { display:none; }

	.mySwiper2 .swiper-slide .conEq > div { justify-content:center;  }

	.mySwiper2 .swiper-slide .qbox_m { 
		position:absolute; left:0; bottom:0; padding:30px 0 30px 30px; display:flex; width:100%; transition:all 0.5s ease-out; z-index:9; height:140px; 
		background:linear-gradient(to right, rgba(8,50,6,1), rgba(8,50,6,0.7), rgba(8,50,6,0));
	}
	.mySwiper2 .swiper-slide .qbox_m em { flex:0 0 50px;  display:block; color:#fff; opacity:1; font-size:20px; font-family:Jost; transition:all 0.5s ease-out; padding-top:10px; font-family:'Jost'; }
	.mySwiper2 .swiper-slide .qbox_m div { flex:0 0 100%; width:100%;text-align:left; color:#fff; opacity:1; transition:all 0.5s ease-out; }
	.mySwiper2 .swiper-slide .qbox_m div strong { 
		font-size:32px; 
		display:block; padding-bottom:15px; margin-bottom:10px;
		position:relative;
		transition:all 0.5s ease-out;
	}
	.mySwiper2 .swiper-slide .qbox_m div strong::before { 
		content:"";display:block; position:absolute; left:0; bottom:0; width:200px; background:rgba(255,255,255,0.6); height:1px; 
		transition:all 0.5s ease-out;
	}
	.mySwiper2 .swiper-slide .qbox_m div span { font-size:16px; }
	.mySwiper2 .swiper-slide .qbox_m div strong::before { height:4px; width:85%; background:rgba(255,255,255,0.4);}
	.mySwiper2 .swiper-slide-active .qbox_m div strong i.bar {   
		display:block;
		position:absolute; left:0; bottom:0; 
		width:0;
		background:rgba(255,255,255,1); height:4px; 
		animation: bar1 4s ease-out 0.3s ;
	}

	.mySwiper2 .swiper-slide .conEq > div > p { font-size:28px; padding-bottom:70px; position:relative; right:auto; top:auto; }
}


@media (max-width:768px){
	.mySwiper2 .swiper-slide .conEq > div { padding:0 40px 100px 0; }
	.mySwiper2 .swiper-slide .conEq > div > p { font-size:24px; padding-bottom:50px; }
	.mySwiper2 .swiper-slide .conEq > div > em { font-size:20px;  }
	.mySwiper2 .swiper-slide .conEq > div > strong { font-size:100px; padding:12px 0 22px; }
	.mySwiper2 .swiper-slide .conEq > div > span { font-size:16px; }
}

@media (max-width:540px){
	.mySwiper2 .swiper-slide .conEq > div { padding:0 30px 100px 0; }
	.mySwiper2 .swiper-slide .conEq > div > p { font-size:20px; padding-bottom:40px; }
	.mySwiper2 .swiper-slide .conEq > div > em { font-size:16px;  }
	.mySwiper2 .swiper-slide .conEq > div > strong { font-size:70px; }
	.mySwiper2 .swiper-slide .conEq > div > span { font-size:14px; }


	.mySwiper2 .swiper-slide .qbox_m { padding:20px 0 20px 20px; height:120px; }
	.mySwiper2 .swiper-slide .qbox_m em { flex:0 0 40px;  font-size:16px; }
	.mySwiper2 .swiper-slide .qbox_m div { flex:0 0 100%; }
	.mySwiper2 .swiper-slide .qbox_m div strong { font-size:26px; }
	.mySwiper2 .swiper-slide .qbox_m div span { font-size:14px; }
	.mySwiper2 .swiper-slide .qbox_m div strong::before { height:3px; }
	.mySwiper2 .swiper-slide-active .qbox_m div strong i.bar { height:3px; 	}

}

@media (max-width:360px){
	.mySwiper2 .swiper-slide .conEq > div > p { font-size:16px; padding-bottom:30px; }
	.mySwiper2 .swiper-slide .conEq > div > em { font-size:14px;  }
	.mySwiper2 .swiper-slide .conEq > div > strong { font-size:60px; }
	.mySwiper2 .swiper-slide .conEq > div > span { font-size:11px; letter-spacing:1px; }
}


@keyframes bar1 {
	 0% { width:0; }
	 90% { width:90%; }
  100% { width:100%; opacity:0; }
}


/*
.sv { height:415px; display:flex; justify-content: center; align-items: center; flex-direction:column; }
.sv h2 { font-size:40px; font-weight:800; color:#fff; padding-bottom:12px; padding-top:80px; }
.sv p { font-size:13px; color:rgba(255,255,255,.5); padding-left:16px; background:url(../img/ico-home-path.png) no-repeat;}
.snb { display:flex; justify-content: center; align-items: center; width:1300px; margin:100px auto 0; }
.snb li { flex:0 0 240px; }
.snb li a:before { content:""; display:block; width:8px; height:8px; border-radius:4px; background:#e5e5e5; margin:0 auto 14px;}
.snb li a { 
  width:100%; height:100%; padding:22px 20px; display:block; border-left:1px solid #ebeaea; color:#565656; background:#fff;
  text-align:center;
}

@media (max-width:1350px){
  .sv { height:auto; display:flex; justify-content: space-between; align-items: center; flex-direction:column}
  .sv h2 { font-size:24px; font-weight:800; color:#fff; padding-top:70px; }
  .sv p { font-size:11px; color:rgba(255,255,255,.5); padding-left:16px; }
  .snb { width:100%; margin:50px auto 0; padding:0;  }
  .snb li { flex:1; }
  .snb li a { font-size:14px; padding:16px 10px; line-height:1.2;}
}


.snb li:nth-child(1) a { border-left:none; }
.snb li a.on { background:#f8971b; color:#fff;}
.snb li a.on:before { background:#fff;}
*/

/* 패키지 상세 */
.sv { display:flex; justify-content:center; align-items:center; height:350px; position:relative; }
.sv:after { content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.2); }
.sv h2 { font-size:40px; font-weight:800; color:#fff; padding-bottom:12px; padding-top:80px; }
.sv p { font-size:13px; color:rgba(255,255,255,.5); padding-left:16px; background:url(../img/ico-home-path.png) no-repeat;}
.sv1 { background:url(/images/mv1_bg.png) no-repeat center / cover; }

.sv .innerTitle { text-align:center; position:relative; z-index:2; padding-bottom:30px; }
.sv .innerTitle strong { display:block; font-weight:700; font-size:40px; line-height:1.5; padding-bottom:15px; }
.sv .innerTitle span { display:block; font-size:32px; padding-bottom:15px !important; font-weight:300; line-height:1.5; }

@media (max-width:1100px){
	.sv .innerTitle strong { font-size:35px; }
	.sv .innerTitle span { font-size:26px; }

}
@media (max-width:768px){
	.sv .innerTitle strong { font-size:28px; }
	.sv .innerTitle span { font-size:18px; padding:0 30px; word-break:keep-all; }

}


.sv1 { background:url(../img/sv1.jpg) no-repeat center / cover; }

.subContents { padding:0px 0 100px;}
.innerWidth { /*width:1400px;*/ width:1200px;margin:0px auto; /*border:solid 1px #ff0000;*/}

.subTop {padding-top:150px;}
.comH2 { padding:70px 0 40px;}
.comH2 strong { font-size:40px; font-weight:500; color:#000; display:block; line-height:1; padding-bottom:30px;}
.comH2 span { font-size:22px; font-weight:300; color:#000; display:block; line-height:1.4;}


.mainH2 { padding:10px 0 40px; text-align:center; width:100%;}
.mainH2 strong { font-size:50px; font-weight:500; color:#fff; display:block; line-height:1; padding-bottom:30px;word-break: keep-all; }
.mainH2 span { font-size:20px; font-weight:300; color:#fff; display:block; line-height:1.4;word-break: keep-all; }


.mainH3 { padding:10px 0 40px; text-align:center; width:100%;}
.mainH3 strong { font-size:50px; font-weight:500; color:#000; display:block; line-height:1; padding-bottom:30px;word-break: keep-all; }
.mainH3 span { font-size:20px; font-weight:300; color:#000; display:block; line-height:1.4;word-break: keep-all; }


.sub-title {padding:100px 0px 50px; margin:0 auto; border-bottom:solid 1px #eee; margin-bottom:50px;}
.sub-title h2 {text-align:center;}
.sub-title strong {display:block;font-size:38px; margin-bottom:5px;}
.sub-title span {display:block;font-size:26px; font-weight:200;}

.content_text {margin-bottom:50px;margin-top:40px; line-height:30px; font-size:18px;font-weight:300;}
.content_text p {line-height:26px; font-size:18px; font-weight:300;}
.content_image {text-align:center; padding-bottom:40px;}
.content_image img { width:100%; }

/* 상품정보 더보기 */
.content_image {
	max-height: 1600px;
	overflow: hidden;
	position: relative;
}
.content_image.expanded {
	max-height: none;
}

/* 상품정보 더보기 버튼 */
#read-more-btn {
	display: block;
	margin: 10px auto;
	padding: 20px 20px;
	text-align:center;
	background-color: #fff;
	border:solid 1px #007BFF;
	color: #007BFF;
	cursor: pointer;
}

#read-more-btn:hover {
	background-color: #0056b3;
	color: #fff;
}


.content_img {text-align:center; padding-bottom:40px;}
.content_img img {  }


.content_location {margin-top:50px; border-top:solid 1px #eee; padding-top:30px;padding-bottom:60px;}
.content_location label {text-align:left; padding-left:20px; font-size:20px; font-weight:600;}
.content_location p {margin-top:30px;}

@media (max-width:1450px){
	.content_text {margin-bottom:50px;padding-top:50px; }
}
.total-price-box {position:fixed; background:#000; border:solid 1px #fff; padding:20px; text-align:right;z-index:999;right:80px;bottom:42px;margin-right:20px;border-radius:10px;}
.total-price-box ul li {display:inline-block; float:none; line-height:34px; color:#fff; }
.total-price-box ul li:nth-child(1) { text-align:left; width:180px; }
.total-price-box ul li:nth-child(2) { width:140px;}
.total-price-box ul li.total-p { font-size:18px; font-weight:700; color:#ffcc00;}



#footer { background:#fff; padding:20px 0;border-top:solid 1px #eee;}
.footTop { padding-bottom:0px; display: flex; justify-content:space-between;   border-bottom:1px solid #323232; padding-bottom:10px; }
.footTop h1 { font-size:40px; color:#000; }
.footTop h1 span { font-weight:200; font-size:24px;}
.footMiddle { display: flex; justify-content: flex-end; align-items: flex-end; border-bottom:1px solid #323232; padding-bottom:45px;}
.footList {display: flex; padding:20px 0px; }
.footList li { margin-left:50px; position: relative; justify-content:flex-start; }
.footList li a { color:#000; font-size:17px; }
.footList li:nth-child(1) { margin-left:0; padding-left: 0;}
.footList li:nth-child(1)::before { display: none; }

.footAddr { padding:30px 0;  }
.footAddr p { margin-right:54px; color:#000; font-size:14px;word-break: keep-all; padding:10px 0px;}
.footAddr ul { /*display:flex;*/ padding:5px 0px;}
.footAddr ul li { color:#000; font-weight:300; margin-left:14px; padding-left:15px; font-size:14px; position:relative; display:inline-block;float:none;}
.footAddr ul li::before { content:"";display: block; width: 1px; height: 12px; background: #4d4d4d; position: absolute;left: 0;top: 1px;}
.footAddr ul li:nth-child(1)::before { display: none;}
.footAddr ul li:nth-child(1) { margin-left:0; padding-left:0; }




/* member */
.process { padding:50px 0 0; }
.process ul { display: flex; align-items: center; padding-bottom:80px; }
.process ul li { flex:1; border:1px solid #bbbbbb; display: flex; justify-content: center; align-items: center; padding:24px 0; }
.process ul li strong { font-size:30px; font-weight:700; color:#bbbbbb; margin-right:20px; }
.process ul li span { font-size:23px; font-weight:500; color:#bbbbbb}
.process ul li.on { border:1px solid #1b1d56; }
.process ul li.on strong { color:#1b1d56; }
.process ul li.on span { color:#1b1d56; }

.process ul li:nth-child(2), 
.process ul li:nth-child(4), 
.process ul li:nth-child(6) { 
  flex:0 0 40px;
  border: none;
  background:url(../img/join-p-off.png) no-repeat center ;
}
.process ul li:nth-child(2).on, 
.process ul li:nth-child(4).on, 
.process ul li:nth-child(6).on { 
  border: none;
  background:url(../img/join-p-on.png) no-repeat center ;
}

.bmt1 { margin-top:85px;}
.bmt2 { margin-top:35px;}
.bbArea { display: flex; justify-content: center; }
.bbArea > * { margin:0 10px;}
a.btn { width:225px; height:65px; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight:500; }
a._normal { color:#1a1d55; border:1px solid #1a1d55; background:#fff; }
a._darkBlue { color:#fff; border:1px solid #1a1d55; background:#1a1d55; }
a._black { color:#fff; border:1px solid #000; background:#000; }

.btn { width:225px; height:65px; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight:500; }
._normal { color:#1a1d55; border:1px solid #1a1d55; background:#fff; }
._darkBlue { color:#fff; border:1px solid #1a1d55; background:#1a1d55; }
._black { color:#fff; border:1px solid #000; background:#000; }
._white { color:#000; border:1px solid #000; background:#fff; }

.jc-img { 
  width:152px; height: 138px; margin: 0 auto 25px; position: relative; display: block; 
  background:url(../images/i-j-complete.png) no-repeat;
}

.allAgree { margin-bottom:50px;}
.allAgree  label { font-size:28px; font-weight:300; color:#000; letter-spacing: -0.5px; }

.agChk { margin-bottom:20px;}
.agChk  label { font-size:21px; font-weight:300; color:#000; letter-spacing: -0.5px; }
.agChk  label strong { color:#000; margin-left:5px; font-weight:500;}
.agChk  label a { color:#5a5a5a; margin-left:15px; font-weight:500; background:#eee;border-radius:5px;padding:7px 18px;font-size:14px;}
.agFlow { overflow: auto; height: 280px; padding:30px 28px; border:1px solid #e5e5e5; margin-bottom:48px;}
.agFlow > * { line-height:1.7;}


.agFlow h1 {font-size:18px;font-weight:700; margin:20px 0px 30px;}
.agFlow h2 {font-size:16px;font-weight:700; margin:20px 0px 10px;}
.agFlow h2.first {margin:0px 0px 10px;}
.agFlow h3 {font-size:16px;font-weight:600; margin-top:30px;}
.agFlow h4 {font-size:12px;}
.agFlow p {font-size:16px;}
.agFlow .agree_item {margin-left:20px;margin-bottom:10px;}
.agFlow .agree_item p {font-size:16px;color:#414141;line-height:24px;}
.agFlow .agree_item p.det {margin-left:20px;font-size:15px;color:#414141;line-height:22px;}




.agreeFlow h1 {font-size:18px;font-weight:700; margin:20px 0px 30px;}
.agreeFlow h2 {font-size:16px;font-weight:700; margin:20px 0px 10px;}
.agreeFlow h2.first {margin:0px 0px 10px;}
.agreeFlow h3 {font-size:16px;font-weight:600; margin-top:30px;}
.agreeFlow h4 {font-size:12px;}
.agreeFlow p {font-size:16px;}
.agreeFlow .agree_item {margin-left:20px; margin-bottom:10px;}
.agreeFlow .agree_item p {font-size:16px;color:#414141;line-height:24px;}
.agreeFlow .agree_item p.det {margin-left:20px;font-size:15px;color:#414141;line-height:22px;}


.certDiv { border:1px solid #e5e5e5; padding:52px 0 0; }
.certDiv h3 { text-align: center; font-size:28px; font-weight:700; color:#1b1d56; }
.certDiv p:nth-of-type(1) { text-align: center; font-size:18px;color:#666; line-height:1.6; letter-spacing: -0.5px; padding:25px 0 44px; word-break:keep-all;}
.certDiv p:nth-of-type(1) span { display: block;}
.fxBtn { display: flex; justify-content: center; margin:0 10px; padding-bottom:50px;}
.fxBtn a { margin:0 10px; }
.fxBtn button { margin:0 10px; }
.certDiv p.last { padding:22px 0; text-align: center; line-height: 1.6;background:#f5f5f5; word-break:keep-all;}
.certDiv p.last span { display: block; font-size:17px; letter-spacing: -0.5px;}

.completeDiv { padding:65px 0 65px; }

.agImg { display: flex; align-items: center; height: 38px; position: relative; overflow: hidden;}
.agImg input[type=checkbox] {
  width:1px;
  height:1px;
  background:none;
  position:absolute;
  left:-1px;
  top:-1px;
  z-index:1;
}
.agImg input[type=checkbox] + label {
  position: relative;
  padding-left:38px;
  height:38px;
  display: flex;
  padding-bottom:3px;
  align-items: center;
  background-position: center left;
  background-repeat: no-repeat;
  background-image: url('../images/chk-off.png');
}
.agImg input[type=checkbox]:checked +  label {
  background-image: url('../images/chk-on.png');
  z-index:6;
}
.agImg input[type=checkbox]:checked { border:0 none; z-index:0; }


.comH3 { font-size:28px; padding-bottom:25px; }
.comH3 span { color:#626262; font-weight:400; }
.comH3 strong { color:#c3002d; font-weight:500; }

.joinInfo { padding:40px 0; position: relative; }
.joinInfo > div { 
  display:flex; border:1px solid #e5e5e5; border-top:none; padding:14px 0; align-items: center; 
}
.joinInfo > div:nth-of-type(1) { border-top:1px solid #e5e5e5;}
.joinInfo > div > label { 
  font-size:18px; flex:0 0 200px; display: flex; align-items: center;  
  padding-left:30px; color:#222222; font-weight: 700;
  letter-spacing: -0.5px; margin-right:10px; position:relative;
}
.joinInfo > div > div { position: relative; display:flex; align-items:center; padding-left:40px; flex:1;}
.joinInfo > div > div.blockDiv { position: relative; display:block; padding-right:30px; }
.joinInfo > div > div::before { 
  content:""; display:block; width:1px; height: 40%; position: absolute; left: 0; top: 50%;
  background:#222; transform: translateY(-50%);
}
.addrDiv span { margin:0 10px; }
.indiv { display: flex; align-items: center; font-size:18px; }
.indiv > input { margin-right:10px; flex:0 0 20%;  }
.inAddr { margin-bottom:10px; }

.inAddr2 input.inpm.iw_1 { width:50%; flex:50%; }
.inAddr2 input.inpm.iw_2 { width:50%; flex:50%; }

/* 골프예약 */

/* 시뮬레이션 추가 부분 */
/*
.inRight { font-size:16px; float:right; text-align:right; margin-right:16px;}

.joinInfo > div.pipe-not > div::before { 
  content:""; display:block; width:1px; height: 40%; position: absolute; left: 0; top: 50%;
  background:#fff; transform: translateY(-50%);
}
.joinInfo > div.play-list {display:none;}

.joinInfo > div.play-list > div.golf-play > div::before { 
  content:""; display:block; width:1px; height: 40%; position: absolute; left: 0; top: 50%;
  background:#fff; transform: translateY(-50%);
}

.joinInfo > div.play-list > div.golf-play > .indiv .play-day {width:160px;}

.joinInfo > div.play-list > div.golf-play > label { 
  font-size:18px; flex:0 0 200px; display: flex; align-items: center;  
  padding-left:30px; color:#222222; font-weight: 700;
  letter-spacing: -0.5px; margin-right:10px; position:relative;
}
*/


.hidden { overflow: hidden; position: absolute; left:0; top:0; width:0; height:0; margin-left:-1px; margin-top:-1px; }
.inpm { 
  border:1px solid #e5e5e5; height:47px; 
  display: inline-flex; align-items: center; padding-left: 20px; font-size:18px;
  font-weight:400; box-sizing:border-box; margin-right:10px; position: relative;
}
.inpm::placeholder { color:#d4d4d4; }
.inpm:focus { border:1px solid #262bc8;outline: none; }

.inpChecking { position: relative; display:flex; }
.inpChecking span { display: block; position: relative; margin-right:10px;}
.inpChecking span i { 
  position:absolute; right:25px; top:17px; 
  width:15px; height: 11px; /*background:url(../images/i-checking.png) no-repeat;*/
  display: block; opacity: 0.1;
}
.inpChecking span i.on { opacity: 1;}
.inpChecking span strong { font-size:28px; line-height:40px; }

.btnc { 
  display:flex; 
  height:47px; display: flex; align-items: center; 
  justify-content: center; font-size:18px; font-weight:500; 
  padding:0 25px; margin-right:10px; 
}
a._gray { background:#bbb; color:#fff;}

.inpm.iw_1 { width:300px; }
.inpm.iw_2 { width:600px; }


.inpNone { border:none; background:none; padding-left:0; width:150px; }
.inpNone.jumin { width:60px; }

.tipRight { position: absolute; right: 0; top: 55px;}

.joinInfo > div > .radioBox { display: flex; align-items: center; }
.joinInfo > div > .radioBox div { display: inline-flex; height:47px; align-items: center;  margin-right:30px; }
.joinInfo > div > .radioBox div input { flex: 0 0 auto; height:47px; display: inline-flex; align-items: center; margin-right: 10px;  }
.joinInfo > div > .radioBox div label { flex:0 0 auto; display: inline-flex; align-items: center; position: relative; height:47px;}


.joinInfo > span.radioBox { display: flex; align-items: center; }
.joinInfo > span.radioBox div { display: inline-flex; height:47px; align-items: center;  margin-right:30px; }
.joinInfo > span.radioBox div input { flex: 0 0 auto; height:47px; display: inline-flex; align-items: center; margin-right: 10px;  }
.joinInfo > span.radioBox div label { flex:0 0 auto; display: inline-flex; align-items: center; position: relative; height:47px;}

.joinInfo > div > .indiv .checkBox { display: flex; align-items: center; }
.joinInfo > div > .indiv .checkBox div { display: inline-flex; height:47px; align-items: center;  margin-right:30px; }
.joinInfo > div > .indiv .checkBox div input { flex: 0 0 auto; height:47px; display: inline-flex; align-items: center; margin-right: 10px;  }
.joinInfo > div > .indiv .checkBox div label { flex:0 0 auto; display: inline-flex; align-items: center; position: relative; height:47px;}

.joinInfo > div > .check-price {margin-left:250px;}
.joinInfo > div > .check-spa {margin-left:0px;}
.joinInfo > div > .check-spa-price {margin-left:-200px;}


.joinInfo > span.msg-text { display: flex; align-items: center; margin:5px 0px 15px;}

.radioBox dd input[type=radio] {
	width:14px;
	height:14px;
	border: 1px solid #1c5180;
	background:none;
	position:absolute;
	left:-50px;
	bottom:2px;
	z-index:10;
}
.radioBox dd input[type=radio] + label {
	position: relative;
	z-index:5;
	line-height:13px;
	font-size:13px;
	cursor: pointer;
	padding-left: 23px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-image: url('../../images/radio-off.png');
	height:47px;
	display: flex;
	align-items: center;
}
.radioBox dd input[type=radio]:checked +  label {
	background-image: url('../../images/radio-on.png');
}


.selectBox1 {
	color:#7a7a7a; font-size:14px;
	border:1px solid #d4d4d4;
	height:47px; display: flex; align-items: center;
	font-size:15px; font-weight:400;
	background:url(../../images/ic-select-arr.png) no-repeat right 19px center;
}
.selectBox1 select {
	color:#666; font-size:14px;  appearance: none; border: none;
	width:100%; height:100%;
	padding-left: 21px; background:none;
}


/* 로그인 */
/*
.subContentLogin { padding:10px 0 120px;  }
.loginBox { border-top:2px solid #1b1d56; max-width:1400px; margin:0 auto;  }
.loginTop { text-align:center; padding:55px 0; }

.login_title h3 { font-size:30px; font-weight:700; color:#1a1d55; text-align:center; padding-bottom:15px; }
.login_title p { color:#626262; font-size:20px; letter-spacing:-0.25px; line-height:1.4; padding-bottom:45px; }
.login_title p span { display:block; }
.find_title { padding-bottom:25px; }

.login_con { max-width:640px; margin:0 auto; position:relative;  }
.login_con .logF { width:calc(100% - 146px); display:flex; justify-content:flex-start; align-items:center;  margin-bottom:20px; }
.login_con .logF label { flex:0 0 90px; font-size:18px; color:#111; letter-spacing:-0.5px; font-weight:700; text-align:left; }
.login_con .logF input { 
	border:1px solid #e5e5e5; background:#fff; padding-left:20px; height:47px; display:flex; justify-content:flex-start; align-items:center; 
	font-size:18px; letter-spacing:-0.5px; width:100%;
}
.login_con .logF input:focus,
.login_con .logF input[type=password]:focus { background:#ebf3fd; border:1px solid #ebf3fd; }
.login_con .logF input[type=password] { outline:none; }

.login_con .auto_id { padding:0 0 0 90px; text-align:left }
.login_con .btnAreaLogin { position:absolute; right:0;top:0; width:125px; height:114px; }
.login_con .btnAreaLogin input.loginBtn { 
	width:125px; height:114px; font-size:20px; color:#fff; display:flex; justify-content:center; align-items:center; background:#000; 
	cursor:pointer;
}

.loginBottom { border-top:1px solid #e5e5e5;  }
.loginBottom .log_find { border-bottom:1px solid #e5e5e5; padding:40px 0; width:100%; }
.loginBottom .log_find > div { display:flex; justify-content:center; align-items:center; max-width:840px; margin:0 auto; }
.loginBottom .log_find > div ._com { display:flex; align-items:center; margin:0 5px; }
.loginBottom .log_find > div ._com i { width:36px; height:36px; display:flex; margin-right:13px; }
.loginBottom .log_find > div ._com i.i-id { background:url(/img/ico-find-id.png) no-repeat center left; }
.loginBottom .log_find > div ._com i.i-pw { background:url(/img/ico-find-pw.png) no-repeat center left; }

.loginBottom .log_find > div ._com span { color:#666666; font-size:15px; letter-spacing:-0.5px; margin-right:17px; }
.loginBottom .log_find > div ._com a { 
	border:1px solid #1a1d55; color:#1a1d55; padding:12px 0; display:flex; justify-content:center; align-items:center; font-size:18px; 
	letter-spacing:-0.5px; width:165px;
}

.loginBottom .log_join { padding:40px 0; width:100%; border-bottom:1px solid #e5e5e5; }
.loginBottom .log_join > div { display:flex; justify-content:space-between; align-items:center; max-width:840px; margin:0 auto;}
.loginBottom .log_join > div p { color:#666666; font-size:15px; letter-spacing:-0.5px; }
.loginBottom .log_join > div a.joinBtn { 
	border:1px solid #000; color:#fff; background:#000; padding:12px 0; display:flex; justify-content:center; align-items:center; font-size:18px; 
	letter-spacing:-0.5px; width:165px; 
}
*/

.find_con { max-width:640px; margin:0 auto; position:relative; padding-bottom:20px;  }
.find_con .logC { display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:20px; }
.find_con .logC label { flex:0 0 120px; font-size:18px; color:#111; letter-spacing:-0.5px; font-weight:700; text-align:left; padding-top:13px; }
.find_con .logC input { 
	border:1px solid #e5e5e5; background:#fff; padding-left:20px; height:47px; display:flex; justify-content:flex-start; align-items:center; 
	font-size:18px; letter-spacing:-0.5px; width:100%;
}
.find_con .logC div { width:100%; }
.find_con .logC div span { display:block; text-align:left; padding:12px 0 0; font-size:14px; }
.find_con .logC input:focus,
.find_con .logC input[type=password]:focus { background:#ebf3fd; border:1px solid #ebf3fd; }
.find_con .logC input[type=password] { outline:none; }

.find_con .logC div p {margin:20px 0px;font-size:26px;font-weight:700;}
.find_con .logC div p span {font-size:26px;}
.find_con .logC div p span.user {font-size:26px;color:#006699;word-break:keep-all; background:#eee; padding:10px 20px;}
.find_con .logC div p span.send {text-align:center;font-size:20px;color:#006699;word-break:keep-all; background:#eee; padding:30px 20px;}

.find_con .logC div p i { width:50px; height:50px; display:flex; margin-right:13px; }
.find_con .logC div p i.i-id { background:url(/img/ico-find-id.png) no-repeat center; float:left; }
.find_con .logC div p i.i-pw { background:url(/img/ico-find-pw.png) no-repeat center; float:left; }

.btnAreaFind { display:flex; justify-content:center; padding:40px 0 0; border-top:1px solid #e5e5e5;  }

.btnComfirm  { 
	border:1px solid #000; color:#fff; background:#000; padding:16px 0; display:flex; justify-content:center; align-items:center; font-size:18px; 
	letter-spacing:-0.5px; width:180px; cursor:pointer;
}

a.btnComfirm  { 
	border:1px solid #000; color:#fff; background:#000; padding:16px 0; display:flex; justify-content:center; align-items:center; font-size:18px; 
	letter-spacing:-0.5px; width:180px; cursor:pointer;margin-right:10px;
}


@media (max-width:1450px){

	.innerWidth { width:100%; margin:0 auto;  }
	.subContentLogin { }
	.comH2 { padding:0 40px 30px; }
	.contents2 { padding:0 40px 0; }
	.process ul { padding-bottom:40px; }

	#mainFooter { background:#fff; padding:10px 40px;  }

	#footer { background:#fff; padding:10px 40px; }
	
	.footTop { padding:0px 80px; padding-bottom:40px;  }

	.footAddr { padding:40px 80px; }
	.footAddr p { margin-right:0; }
}

@media (max-width:1340px){
	#mainFooter { background:#fff; padding:80px 40px; }
	#footer { background:#fff; padding:80px 40px; }
	.footTop { padding:0px 40px;padding-bottom:20px;  }
	.footTop h1 { font-size:30px; }
	.footTop h1 span { font-size:20px; }
	.footMiddle { padding-bottom:30px;}
	.footList {display: flex; }
	.footAddr { padding:35px 40px 0; display: block; }
	.footAddr p { padding-bottom:50px; }
}


@media (max-width:1024px){

	.footList li { margin-left:30px; justify-content:flex-start; }
	.footList li a { font-size:16px; }

	.footAddr p { font-size:14px; }
	.footAddr ul { display:block; }
	.footAddr ul li { color:#a1a1a1; font-weight:300; margin-left:0; padding-left:0; font-size:14px; position:relative; margin-bottom:10px;}
	.footAddr ul li::before { display:none;}
	.footAddr ul li:nth-child(1)::before { display: none;}


	.comH2 strong { font-size:40px; }
	.comH2 span { font-size:16px;}
	.comH3 { font-size:22px; padding-bottom:20px; }

	.joinInfo { padding:20px 0 40px; position: relative; }
	.joinInfo > div { 
	  display:flex; border:1px solid #e5e5e5; border-top:none; padding:10px 0; align-items: center; 
	}
	.joinInfo > div > label { 
	  font-size:14px; flex:0 0 120px;
	  padding-left:15px; 
	  margin-right:10px; 
	}
	.joinInfo > div > div { position: relative; display:flex; flex-wrap:wrap; padding-left:0; flex:0 0 calc(100% - 120px); }
	.joinInfo > div > div::before { display:none; }
	.joinInfo > div > div em { font-size:13px; line-height:1.3; padding-right:30px; }
	.addrDiv span { margin:0 10px; }
	
	.tipRight { position: relative; right: auto; top: auto; padding:0 0 15px; line-height:1.4;}
	
	.inAddr { margin-bottom:10px; }
	.inAddr2 { display:block; }
	.inAddr2 input.inpNone { width:100%; padding-left:0; }

	.inAddr2 input.inpm.iw_1 { width:100%; flex:100%; margin-bottom:10px; }
	.inAddr2 input.inpm.iw_2 { width:100%; flex:100%; }

	.indiv > input { margin-right:10px; padding-left:10px; font-size:14px; flex:1; width:100%; }
	.indiv > input.inpNone,
	.addrDiv > input.inpNone { font-size:14px; padding-left:0; }
	.indiv em { margin-top:10px; margin-bottom:10px; }

	.btnc { 
	  height:38px; 
	  font-size:15px;
	  margin-right:10px; 
	  min-width:90px;
	  padding-left:10px; padding-right:10px;
	}

	.inpm { 
	  height:38px; 
	  display: inline-flex; align-items: center; padding-left: 10px; font-size:15px;
	  font-weight:400; box-sizing:border-box; margin-right:10px; position: relative;
	}

	.joinInfo > div > .radioBox { display: flex; align-items: center; }
	.joinInfo > div > .radioBox div { margin-right:30px; }
	.joinInfo > div > .radioBox div input { margin-right: 10px;  }
	.joinInfo > div > .radioBox div label { height:38px;}

	.selectBox1 { height:38px; font-size:15px; }
	.selectBox1 select { padding-left: 10px; }
	
	.inpChecking span { width: calc(100% - 10px); display:flex; position:relative; }
	.inpChecking span input {  flex:0 0 100%; width:100%; display:block; }
	.inpChecking span i { 
	  right:10px; top:13px; 
	  width:15px; height: 11px; 
	}

	.inpBirth { width:120px; }

	button.btn-blue-dark { height:44px !important; }

}

@media (max-width:860px){

	.content_image p img { width:100%; }
	.content_img p img { width:100%; }

}
@media (max-width:840px){
	.comH2 { padding:0 10px 30px; }
	
	.comH2 strong { font-size:30px;}


	.contents2 { padding:0 10px 0;}
	#mainFooter { padding:10px 10px;  }

	#footer { padding:10px 10px; }
	.footTop { padding:0px 10px;}
	.footAddr { padding:40px 10px; }

}


@media (max-width:640px){
	.footTop { padding:10px 10px; }
	.footList { margin-left:0; flex-direction:column; flex-wrap:wrap;}
	.footList li { margin-left:0; justify-content:flex-start; width:100%; text-align:right; padding:7px 0; }

	.login_con .logF { width:calc(100%);  margin-bottom:20px; }
	.login_con .logF label { display:none;}
	.login_con .auto_id { padding:0 0 0 0; }

	.login_con .btnAreaLogin { position:relative; right:auto;top:auto; width:100%; height:50px; }
	.login_con .btnAreaLogin input.loginBtn { 
		width:100%; height:100%; margin-top:20px; border:none;
	}
	.login_title p { font-size:15px; padding:0 30px 40px; word-break:keep-all;}
	.login_title p span { display:inline; }

	.loginBottom .log_find { border-bottom:1px solid #e5e5e5; padding:0 0; width:100%; }
	.loginBottom .log_find > div { display:block; max-width:840px; margin:0 auto;  }
	.loginBottom .log_find > div ._com { display:flex; align-items:center; padding:25px 0; border-bottom:1px solid #e5e5e5; justify-content:center;}
	.loginBottom .log_find > div ._com i { width:36px; height:36px; display:flex; margin-right:13px; }
	.loginBottom .log_find > div ._com span { color:#666666; font-size:15px; letter-spacing:-0.5px; margin-right:17px; }

	.loginBottom .log_join > div { display:block; }
	.loginBottom .log_join > div p { text-align:center; line-height:1.5 }
	.loginBottom .log_join > div p span { display:block}
	.loginBottom .log_join > div a.joinBtn { width:100%; margin-top:25px; }


	.find_con .logC label { display:none; }
}


/************************** media ***************************/
@media (max-width:690px){


	.subContentLogin { padding:70px 20px;  }
	.loginTop { padding:40px 0 50px; }
	.loginTop .tit a { font-size:14px; }
	.login_con .logF { margin-bottom:10px; }
	.login_con .logF input { padding-left:15px; height:44px; font-size:16px; }
	.login_con .btnAreaLogin input.loginBtn { font-size:16px; font-weight:700;}
	.login_con .auto_id { font-size:13px;}
	.loginBottom .log_find > div ._com i { margin-right:5px; }
	.loginBottom .log_find > div ._com i.i-id { width:20px; height:30px; background-size:100%;}
	.loginBottom .log_find > div ._com i.i-pw { width:24px; height:25px; background-size:100%;}
	.loginBottom .log_find > div ._com span { color:#666666; font-size:13px; margin-right:15px; }
	.loginBottom .log_find > div ._com a { padding:12px 0; font-size:14px; width:100px; }
	.loginBottom .log_join { padding:30px 0; width:100%; border-bottom:0; }
	.loginBottom .log_join > div p { font-size:14px; }
	.loginBottom .log_join > div a.joinBtn { font-size:16px; }

	.find_con .logC { margin-bottom:10px; }
	.find_con .logC input { padding-left:15px; height:44px; 	font-size:16px; }

	.login_title h3 { font-size:26px; padding-bottom:15px; }
	.login_title p { font-size:16px; }



	.selectBox1 {
		height:44px; 
		font-size:13px !important; 
		padding-left:6px !important;
	}

	.txta1 { border:1px solid #e5e5e5; padding:10px 10px; color:#111; min-height:250px; line-height:1.5; font-size:13px;}


	.pgWrap { display:none; }



}

@media (max-width:580px){
	.process ul li strong { font-size:13px; margin-right:0; padding-bottom:5px; }
	.process ul li span { font-size:14px; }
	.joinInfo > div { display:block; }
	.joinInfo > div > label { flex:0 0 100%; display:block; width:100%; padding:10px 20px 0; }
	.joinInfo > div > div { width:100%; padding:10px 20px 5px; }

}

@media (max-width:400px){


}

@media (max-width:380px){


}



/* board */
.c_searchArea { display: flex; justify-content: flex-end; padding:40px 0 10px;}
.selecBox { position: relative;height: 60px; width: 160px; margin-right:20px; border-bottom:1px solid #000;}
.selecBox select { height: 100%; width: 100%; display: flex; align-items: center;  padding:0 0; outline: none; border: none; font-size:20px;}  	

.searchBox { position: relative;height: 60px; width: 280px; }
.searchBox input { border:none; border-bottom:1px solid #000; height: 60px; width: 100%; display: flex; align-items: center; }
.searchBox input::placeholder { color: #d2d2d2; font-size:20px; letter-spacing: -0.25px;}
.searchBox button { position: absolute; right: 0; top: 0;  }
.btn-c-search { background: url(../images/search-i.png) no-repeat center; width: 60px; height: 60px; border: none; display: block;}
.txt_hide { display: block; text-indent: -99999px; left: -1px; top: -1px; position: absolute; left: 0; top: 0; overflow: hidden;}

.ingCon .ingArticle { border-bottom:1px solid #d6d6d6; }
.ingCon article:nth-child(1) { /*border-top:1px solid #d6d6d6;*/ }

.ingArticle > ul { display: flex; }
.ingArticle > ul li { color:#666666; padding:50px 0 ; text-align: center; font-weight: 300; font-size:20px; display:flex; align-items:center; justify-content:center; color:#888888; flex-wrap:wrap; }
.ingArticle > ul li.title { text-align:left; justify-content:flex-start; }
.ingArticle > ul li.title a {font-weight:500; font-size:24px; color:#000; }

.ingArticle > ul li p { width:100%; }

.boardList:nth-child(1) {border-top:1px solid #d6d6d6;}
.boardList ul li label {font-size:18px; background:#eee;padding:6px 10px; border-radius:5px;} 

.i-notice { display:inline-flex; background:#000; color:#fff; font-size:18px; padding:10px 25px; }


/* write */
.oneInqWrap { border-top:2px solid #000;}
.oneInqWrap >div { border-bottom:1px solid #e5e5e5; border-top: none; padding:30px 0; display: flex; align-items: center;}
.oneInqWrap >div div { position: relative; flex: 1; font-size:20px;}
.oneInqWrap >div label { font-size:20px; color:#111; flex:0 0 150px}

.oneInqWrap >div div.addrArea span { display:flex;  }
.oneInqWrap >div div.addrArea span input { flex:1; }
.oneInqWrap >div div.addrArea span button { margin-left:5px; flex:0 0 150px; }
.oneInqWrap >div div.addrArea > input { margin-top:5px; }
.oneInqWrap > div div.flexRow { display:flex; align-items:center; }
.oneInqWrap > div div.flexRow button.bns { flex:0 0 150px; margin-left:10px; }
.oneInqWrap > div div.radioArea span input { margin-right:0; }
.oneInqWrap > div div.radioArea span label { margin-left:0; text-align:left; padding-left:10px; margin-right:15px;}
.twice { margin-top:20px; }

@media (max-width:768px){
	.oneInqWrap { border-top:2px solid #232664;margin-top:10px;}
	.oneInqWrap >div {  padding:20px 0; }
	.oneInqWrap >div div { font-size:14px; }
	.oneInqWrap >div label { font-size:14px; flex:0 0 120px}
	.oneInqWrap >div div.flexRow button.bns { flex:0 0 130px; margin-left:10px; font-size:14px; height:35px; }
	.oneInqWrap >div div.addrArea span button { font-size:14px; }
	.radioArea span.tip { font-size:14px; line-height:1.3; }
	.addTxt { font-size:14px; line-height:1.4; }

}

@media (max-width:500px){
	.oneInqWrap >div div.addrArea span { display:block;  }
	.oneInqWrap >div div.addrArea span button { margin-left:0; margin-top:5px; }
}

@media (max-width:420px){
	.oneInqWrap >div {  display: block;}
	.oneInqWrap >div label { display:block; padding-left:25px; padding-right:25px; font-size:13px; color:#111; width:100%; padding-bottom:6px; font-weight:700; }
	.oneInqWrap >div div { padding-left:25px; padding-right:25px; width:100%;}
	.oneInqWrap >div div::before { display:none; }

	.oneInqWrap > div div.flexRow { display:block;}
	.oneInqWrap > div div.flexRow button.bns { margin-left:0; width:100%; margin-top:10px;}
	.radioArea { display:flex; flex-direction:column; height:auto; }
	.radioArea span { display:flex; margin:4px 0; }
	.radioArea span label { margin-left:5px; padding:0; margin-top:0; }
	.oneInqWrap > div div.addrArea span button { margin-left:0; margin-top:5px; height:35px; }

	.oneInqWrap > div div input { font-size:14px; padding-left:10px; }
}




/* 입력폼 공통 */
.inpNone { border:none; padding:13px 0; color:#111;} /* border 없는 경우 */
.inp { border:1px solid #d9d9d9; padding:13px 20px; color:#000; font-size:20px;}

/* input[type=text] */
/* select */
/* textarea */
.texta1 { min-height:380px; line-height:1.6; }
.texta2 { min-height:180px; line-height:1.6; }


/* width */
.w100px { width:100px;}
.w150px { width:150px;}
.w200px { width:200px;}
.w300px { width:300px;}
.w400px { width:400px;}
.w500px { width:500px;}
.w600px { width:600px;}
.w700px { width:700px;}
.w800px { width:800px;}
.w900px { width:900px;}
.w1000px { width:1000px;}


.w10p { width:10%;}
.w20p { width:20%;}
.w30p { width:30%;}
.w40p { width:40%;}
.w50p { width:50%;}
.w60p { width:60%;}
.w70p { width:70%;}
.w80p { width:80%;}
.w90p { width:90%;}
.w100p { width:100%;}



/* paging */
.pgWrap { display: flex; justify-content: center; padding:85px 0;}
.pg-first { background:url(../images/i-pg-first.png) no-repeat center}
.pg-prev { background:url(../images/i-pg-prev.png) no-repeat center}
.pg-next { background:url(../images/i-pg-next.png) no-repeat center}
.pg-last { background:url(../images/i-pg-last.png) no-repeat center}
a.pgc { display: inline-flex; width: 40px; height: 40px; margin:0 3px; border:1px solid #dedede;}
a.pga { display: inline-flex; height: 40px; margin:0 10px; padding:10px 7px; color:#666; font-weight: 400; font-size:20px;}
a.pga.on {  color:#000; border-bottom:2px solid #000; }


.paging { margin:35px 0 0 0; font-size:0; text-align:center}
.paging a {display:inline-block; width:45px; height:45px; margin: 0 3px; border:1px solid #fff; padding:15px 8px 10px 8px; font-size:14px !important; text-align:center; /*border-radius:50%;*/ transition:all 0.3s ease; vertical-align:top }
.paging a.on {background-color:#000000; border-color:#292582; color:#fff; font-weight:500; border-radius:0;}
.paging a.on:hover{background-color:#292582; border-color:#292582; color:#fff; font-weight:500;}
.paging a:hover {background-color:#fff; border-color:#fff; color:#000; font-weight:500}
.paging a.contr {background-color:#fff; border:1px solid #e8e8e8; color:#555; display:inline-block;  vertical-align:top}
.paging a.contr:hover {background-color:#002b58; border-color:#002b58; color:#fff}
.paging a.bt_f { background:url(../images/ic-frist.png) no-repeat center center #fff; text-indent:-5000px;}
.paging a.bt_p { background:url(../images/ic-prev.png) no-repeat center center #fff; text-indent:-5000px;}
.paging a.bt_n { background:url(../images/ic-next.png) no-repeat center center #fff; text-indent:-5000px;}
.paging a.bt_l { background:url(../images/ic-last.png) no-repeat center center #fff; text-indent:-5000px;}
.paging a.bt_f:hover { background:url(../images/ic-frist-on.png) no-repeat center center #444; }
.paging a.bt_p:hover { background:url(../images/ic-prev-on.png) no-repeat center center #444;}
.paging a.bt_n:hover { background:url(../images/ic-next-on.png) no-repeat center center #444; }
.paging a.bt_l:hover { background:url(../images/ic-last-on.png) no-repeat center center #444; }



.wd4 { width:4%; }
.wd5 { width:5%; }
.wd7 { width:7%; }
.wd10 { width:10%; }
.wd12 { width:12%; }
.wd15 { width:15%; }
.wd20 { width:20%; }
.wd25 { width:25%; }
.wd30 { width:30%; }
.wd35 { width:35%; }
.wd40 { width:40%; }
.wd45 { width:45%; }
.wd50 { width:50%; }
.wd55 { width:55%; }
.wd60 { width:60%; }
.wd65 { width:65%; }
.wd70 { width:70%; }
.wd75 { width:75%; }
.wd80 { width:80%; }





@media screen and (max-width:1400px){ 
	.c_searchArea { padding:0 40px 20px; }

	.ingTitle { display: flex; justify-content: space-between; padding:40px 0; margin:0 40px; align-items: center; border-top:1px solid #d2d2d2;}
	.ingTitle p { font-size:20px; font-weight:500; line-height:1.4;}

	.ingScroll { overflow-x:scroll; }
	.ingHeader_n,
	.ingCon_n { width:1200px; }

	.insScroll { overflow-x:scroll; }
	.insScroll > ul { width:1200px; }
}

@media screen and (max-width:1024px){
	.ingHeader { display:none; }
	.ingArticle > ul { display: block; margin-bottom:10px; position:relative; padding:20px 0; }
	.ingArticle > ul li { display:flex; font-size:16px; padding:0 0; }
	.ingArticle > ul li:nth-child(1) {  }

	.ingArticle > ul li.wa1 { display:block; text-align:left; padding-left:0; }
	.ingArticle > ul li.wa1 strong { width:90px; text-align:center; display:inline-flex; justify-content:center; padding-left:15px; padding-right:15px; }
	.ingArticle > ul li.wa2 { display:block; padding:20px 0 0; }
	.ingArticle > ul li.wa3 { display:block; display:none; }
	.ingArticle > ul li.wa4 { display:block; padding:25px 0 0; width:auto; text-align:left; }

}


@media screen and (max-width:978px){ 
	.ingTitle { padding:30px 0; }
	.ingTitle p { padding-right:30px; font-size:18px; line-height:1.4; }
	.ingTitle a { font-size:18px; }

	.ingTab { display: flex; width: 100%; border-top:1px solid #d6d6d6;}
	.ingTab li { padding:15px 0;font-size:16px; }
	.ingTab li.on span::before { width: 5px; height: 5px; margin-right: 5px; }
	.itc p { font-size:16px; line-height:1.4; }

}

@media screen and (max-width:768px){  
	.c_searchArea { padding:0 0 10px; }
	.selecBox { flex:0 0 100px; position: relative;height: 40px; width: 100px; padding-right:10px; margin-right:10px; }
	.selecBox select { height: 100%; width: 100%; display: flex; align-items: center;  padding:0 10px; outline: none; border: none; font-size:14px;}  	
	.shbox { position: relative;height: 40px; width: flex:1; }
	.shbox input { height: 40px; width: 100%; display: flex; align-items: center; padding-left: 10px;}
	.shbox input::placeholder { color: #d2d2d2; font-size:14px; letter-spacing: -0.25px;}
	.shbox button { position: absolute; right: 0; top: 0; }
	.ingTitle { margin:0 0; }
	.ingArticle > ul li span.title a { padding-left:0; }

	.subTop { padding-bottom:25px; }
	.searchBox { position: relative;height: 40px; width: calc(100%) ; }
	.searchBox input { height: 40px; padding-left: 5px; }
	.searchBox button { position: absolute; right: 10px; top: 8px;  }
	.shbox button { position: absolute; right: 10px; top: 10px;  }
	.btn-c-search { background-size:20px 20px; width:20px; height:20px; }

}


/* view */
.ingWrap2 { padding:30px 0; }

.viewTitle { display: flex; justify-content: space-between; padding: 60px 0; align-items: center; border-top:2px solid #000; border-bottom: 1px solid #d9d9d9;}
.viewTitle h3 { font-size: 34px; color: #000; font-weight:500; }
.viewTitle ul { display: flex;}
.viewTitle ul li { margin-left:35px; color: #666; font-size:24px;}

.viewCon { border-bottom: 1px solid #d9d9d9;  padding: 70px 0; min-height: 390px; font-size:18px; line-height:1.8;}
.viewCon p { font-size:18px; line-height:1.8;}
.viewCon div { font-size:18px; line-height:1.8;}
.viewFile { border-bottom: 1px solid #d9d9d9;  padding: 50px 0; }
.baTopSpace { padding: 59px 0 0;}

.viewConImg {text-align:center;}

@media screen and (max-width:950px){
	.viewTitle h3 { font-size: 18px; }
	.viewTitle ul li { font-size:14px;}
	.viewConImg div img { width:100%;}
	.viewCon div { font-size:14px; line-height:1.8;}
	.viewCon img {width:100%;}
}

.btnArea { display: flex; justify-content: center;}
.btnArea.fmj1 a { margin:0 5px; }
.f_right { justify-content: flex-end;}

a.btn { width:225px; height:65px; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight:500; }
a._normal { color:#1a1d55; border:1px solid #1a1d55; background:#fff; }
a._darkBlue { color:#fff; border:1px solid #1a1d55; background:#1a1d55; }

a.btn-black { background: #000; color: #fff;}
a.btn-blue-dark { background: #1e2160; color: #fff;}
a.btn-normal { border:1px solid #1a1d55; color: #1a1d55; }
a.btn._small { height:50px; font-size:18px;width:100%;}


.btn { width:225px; height:65px; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight:500; }
.btn-black { background: #000; color: #fff;}
._normal { color:#1a1d55; border:1px solid #1a1d55; background:#fff; }
._darkBlue { color:#fff; border:1px solid #1a1d55; background:#1a1d55; }

@media screen and (max-width:1400px){
	a.btn { height: auto; padding:12px 15px; font-size:16px; line-height:1.2;text-align:center;}
}

@media screen and (max-width:768px){
  .viewTitle { display: block; padding: 20px 5px; }
  .viewTitle ul { padding-top:12px; display: inline-flex;}
  .viewTitle ul li { margin-left:auto; margin-right:15px;}
  .viewCon { padding: 20px 5px; min-height: 200px;}
  .viewFile { border-bottom: 1px solid #d6d6d6;  padding: 20px 5px; }
  .baTopSpace { padding: 15px 0 0;}
}


/* 패키지 리스트 */
.fxBox { display:flex; justify-content:space-between; align-items:center;}
.searchRight { }

.conTab { padding:0px 0 0; }
.conTab ul { display:flex;  }
.conTab ul li { margin-right:10px; }
.conTab ul li a { display:inline-flex; align-items:center; padding:12px 22px; font-size:16px; color:#888888; border-radius:30px; border:1px solid #888; }
.conTab ul li a.on { color:#fff; background:#000; border:1px solid #000; }

.conSkyGolfTab { padding:70px 0 0;   }
.conSkyGolfTab ul {}
.conSkyGolfTab ul li { display:inline-block; float:none;margin-right:10px; margin-bottom:10px;}
.conSkyGolfTab ul li a { display:inline-flex; align-items:center; padding:12px 22px; font-size:16px; color:#888888; border-radius:30px; border:1px solid #888; }
.conSkyGolfTab ul li a.on { color:#fff; background:#000; border:1px solid #000; }

.pkgList { display:flex; justify-content:space-between; flex-wrap:wrap; }

.pkgThum { flex:0 0 48.5%; margin-bottom:35px; }
/*
.pkgThum { flex:0 0 32%; margin-bottom:35px; }
*/
.pkgThum:nth-child(even) { }
a.thumLink { display:block; height:300px; overflow: hidden;border-radius:20px;}
a.thumLink span { display:block; }
a.thumLink span img { max-width:100%; transition:all 0.4s }

a.thumLink:hover span img { transform:scale(1.05); }

.pkgCon { padding:15px 0;}
.pkgCon .pk_sharp { }
.pkgCon .pk_sharp a { margin-right:10px; font-weight:300; font-size:14px; }
.pkgCon .pk_title { padding:0px; position:relative; }
.pkgCon .pk_title h3 {margin:7px 0px 5px; padding:0px;}
.pkgCon .pk_title h3 a { color:#000; font-weight:500; font-size:26px; }
.pkgCon .pk_title p { font-size:16px; font-weight:300;color:#666; padding:0; line-height:1.4; }
.pkgCon .pk_title a.viewMore { position:absolute; right:0; top:20px; display:flex; align-items:center; }
.pkgCon .pk_title a.viewMore span { font-size:14px; color:#666; font-weight:300;   }
.pkgCon .pk_title a.viewMore i {  width:7px; height:11px; background:url(/images/i-arrow.jpg) no-repeat; margin-left:10px; }

.pkgCon .pk_price { margin:5px 0px;}
.pkgCon .pk_price h3 { margin:0px; padding:0px;color:#0099cc; font-weight:700; font-size:26px; line-height:1.3; }
.pkgCon .pk_period { padding:18px 0; }
.pkgCon .pk_period li { margin-top:15px; display:flex; }
.pkgCon .pk_period li:nth-child(1) { margin-top:0; }
.pkgCon .pk_period li strong { color:#000; font-size:14px; flex:0 0 120px; font-weight:500; line-height:1.4; }
.pkgCon .pk_period li span { color:#6a6666; font-size:14px;  font-weight:300; line-height:1.4;}

.moreArea { display:flex; justify-content:center; align-items:center; }
a.more { height:64px; width:220px; border:1px solid #000; font-size:20px; font-weight:700; display:flex; justify-content:center; align-items:center; }



/* 메인 */
.mainThum { flex:0 0 32%; margin-bottom:35px; }
.mainThum:nth-child(even) { }
a.thumMainLink { display:block; height:260px; overflow: hidden;/*border-radius:20px;*/}
a.thumMainLink span { display:block; }
a.thumMainLink span img { max-width:100%; transition:all 0.4s }

a.thumMainLink:hover span img { transform:scale(1.05); }

.mainCon { padding:15px 0;}
.mainCon .pk_sharp { display:flex;  }
.mainCon .pk_sharp a { margin-right:10px; font-weight:300; font-size:14px; }
.mainCon .pk_title { padding:10px 0 15px; position:relative; }
.mainCon .pk_title h3 {}
.mainCon .pk_title h3 a { color:#fff; font-weight:700; font-size:26px; line-height:1.3;
/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	*/
}
.mainCon .pk_title p { font-size:16px; color:#fff; padding:15px 0 0; line-height:1.4; 
}
.mainCon .pk_title a.viewMore { position:absolute; right:0; top:20px; display:flex; align-items:center; }
.mainCon .pk_title a.viewMore span { font-size:14px; color:#fff; font-weight:300;   }
.mainCon .pk_title a.viewMore i {  width:7px; height:11px; background:url(/images/i-arrow.jpg) no-repeat; margin-left:10px; }

.mainCon .pk_price h3 { color:#ffde5d; font-weight:700; font-size:26px; line-height:1.3; }
.mainCon .pk_period { padding:28px 0; }
.mainCon .pk_period li { margin-top:15px; display:flex; }
.mainCon .pk_period li:nth-child(1) { margin-top:0; }
.mainCon .pk_period li strong { color:#000; font-size:14px; flex:0 0 120px; font-weight:500; line-height:1.4; }
.mainCon .pk_period li span { color:#6a6666; font-size:14px;  font-weight:300; line-height:1.4;}

.moreMain { display:flex; justify-content:center; align-items:center; }
a.moreM { height:64px; width:220px; border:1px solid #fff; color:#fff; font-size:20px; font-weight:700; display:flex; justify-content:center; align-items:center; }


.main2Thum { flex:0 0 32%; margin-bottom:35px; }
.main2Thum:nth-child(even) { }
a.thum2MainLink { display:block; height:260px; overflow: hidden;/*border-radius:20px;*/}
a.thum2MainLink span { display:block; }
a.thum2MainLink span img { max-width:100%; transition:all 0.4s }

a.thum2MainLink:hover span img { transform:scale(1.05); }

.main2Con { padding:15px 0;}
.mainCon .pk_sharp { display:flex;  }
.main2Con .pk_sharp a { margin-right:10px; font-weight:300; font-size:14px; }
.main2Con .pk_title { padding:10px 0 15px; position:relative; }
.main2Con .pk_title h3 {}
.main2Con .pk_title h3 a { color:#000; font-weight:700; font-size:26px; line-height:1.3;
/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	*/
}
.main2Con .pk_title p { font-size:16px; color:#000; padding:15px 0 0; line-height:1.4; 
}
.main2Con .pk_title a.viewMore { position:absolute; right:0; top:20px; display:flex; align-items:center; }
.main2Con .pk_title a.viewMore span { font-size:14px; color:#000; font-weight:300;   }
.main2Con .pk_title a.viewMore i {  width:7px; height:11px; background:url(/images/i-arrow.jpg) no-repeat; margin-left:10px; }

.main2Con .pk_price h3 { color:#ff6600; font-weight:700; font-size:26px; line-height:1.3; }
.main2Con .pk_period { padding:28px 0; }
.main2Con .pk_period li { margin-top:15px; display:flex; }
.main2Con .pk_period li:nth-child(1) { margin-top:0; }
.main2Con .pk_period li strong { color:#000; font-size:14px; flex:0 0 120px; font-weight:500; line-height:1.4; }
.main2Con .pk_period li span { color:#6a6666; font-size:14px;  font-weight:300; line-height:1.4;}

.moreMain2 { display:flex; justify-content:center; align-items:center; }
a.moreM2 { height:64px; width:220px; border:1px solid #000; color:#000; font-size:20px; font-weight:700; display:flex; justify-content:center; align-items:center; }




/* cc */
.ccList { display:flex; justify-content:space-between; flex-wrap:wrap; }

.ccThum { flex:0 0 48.5%; margin-bottom:10px; }
/*
.ccThum { flex:0 0 32.5%; margin-bottom:10px;  }
*/
.ccThum:nth-child(even) { }
a.thumCcLink { display:block; height:240px; overflow: hidden;border-radius:20px;}
/*
a.thumCcLink { display:block; height:180px; overflow: hidden;}
*/
a.thumCcLink span { display:block;}
a.thumCcLink span img { max-width:100%; transition:all 0.4s }

a.thumLink:hover span img { transform:scale(1.05); }

.ccCon { padding:8px 0 15px;}
.ccCon .cc_sharp { display:flex;  }
.ccCon .cc_sharp a { margin-right:10px; font-weight:300; font-size:14px; }
.ccCon .cc_title { padding:10px 10px 15px; border-bottom:1px solid #dddddd; position:relative; }
.ccCon .cc_title h3 { color:#000; font-weight:700; font-size:26px; line-height:1.3;}
.ccCon .cc_title p { font-size:16px; color:#666; padding:15px 0 0; line-height:1.4; }
.ccCon .cc_title a.viewMore { position:absolute; right:5px; top:20px; display:flex; align-items:center; }
.ccCon .cc_title a.viewMore span { font-size:14px; color:#666; font-weight:300;   }
.ccCon .cc_title a.viewMore i {  width:7px; height:11px; background:url(/images/i-arrow.jpg) no-repeat; margin-left:10px; }
.ccCon .cc_period { padding:28px 0; }
.ccCon .cc_period li { margin-top:15px; display:flex; }
.ccCon .cc_period li:nth-child(1) { margin-top:0; }
.ccCon .cc_period li strong { color:#000; font-size:14px; flex:0 0 120px; font-weight:500; line-height:1.4; }
.ccCon .cc_period li span { color:#6a6666; font-size:14px;  font-weight:300; line-height:1.4;}




.skyThum { flex:0 0 32.5%; margin-bottom:10px;  }
.skyThum:nth-child(even) { }

@media (max-width:900px) {
	.skyThum { flex:0 0 48.5%; margin-bottom:10px;  }
}
@media (max-width:640px) {
	.skyThum { flex:0 0 100%; }
}
.thumSkyLink { display:block; height:240px; overflow: hidden;border-radius:20px;}
.thumSkyLink span { display:block;}
.thumSkyLink span img { max-width:100%; transition:all 0.4s }


.skyCon { padding:8px 0 15px;}
.skyCon .cc_sharp { display:flex;  }
.skyCon .cc_sharp a { margin-right:10px; font-weight:300; font-size:14px; }
.skyCon .cc_title { padding:10px 10px 15px; border-bottom:1px solid #dddddd; position:relative; }
.skyCon .cc_title h3 { color:#000; font-weight:700; font-size:26px; line-height:1.3;padding:5px 0px;}
.skyCon .cc_title p { font-size:16px; color:#666; padding:15px 0 0; line-height:1.4; }
.skyCon .cc_title a.viewMore { position:absolute; right:5px; top:20px; display:flex; align-items:center; }
.skyCon .cc_title a.viewMore span { font-size:14px; color:#666; font-weight:300;   }
.skyCon .cc_title a.viewMore i {  width:7px; height:11px; background:url(/images/i-arrow.jpg) no-repeat; margin-left:10px; }
.skyCon .cc_period { padding:28px 0; }
.skyCon .cc_period li { margin-top:15px; display:flex; }
.skyCon .cc_period li:nth-child(1) { margin-top:0; }
.skyCon .cc_period li strong { color:#000; font-size:14px; flex:0 0 120px; font-weight:500; line-height:1.4; }
.skyCon .cc_period li span { color:#6a6666; font-size:14px;  font-weight:300; line-height:1.4;}




@media (max-width:1100px) {
	.fxBox { flex-wrap:wrap; }
	.searchRight { width:100%; display:flex; justify-content:center; padding:0 40px; }
	.pkgCon .pk_title h3 a { font-size:24px; }
}
@media (max-width:900px) {
	.conTab ul { display:flex; flex-wrap:wrap; }
	.conTab ul li { margin-right:10px; margin-bottom:10px; }


	.pkgCon .pk_title h3 {margin:0px; padding:0px;}	
	.pkgCon .pk_title h3 a { font-size:20px; }
	.pkgCon .pk_price h3 { margin:0px;}

	.pkgThum { flex:0 0 100%; margin-bottom:30px; }	
	a.thumLink { display:block; height:auto; overflow: hidden;}

	.mainThum { flex:0 0 100%; margin-bottom:30px; }
	.main2Thum { flex:0 0 100%; margin-bottom:30px; }	
	a.thum2MainLink { display:block; height:auto; overflow: hidden;}

	.pkgList { margin-top:-40px; }
	.ccThum { flex:0 0 100%; margin-bottom:30px; }	
	a.thumCcLink { display:block; height:auto; overflow: hidden;}

	.thumSkyLink { display:block; height:auto; overflow: hidden;}

	.ccList { margin-top:-40px; }

}

@media (max-width:840px) {
	.ccCon .cc_title h3 {  font-weight:500; font-size:18px;}	
	.ccCon .cc_title a.viewMore { display:none; }
}

.realCont { position:relative; background:#fff; }



.slideWrap { padding:100px 0; }
.newSlider1 .swiper-slide { width:50%; }
.newSlider1 .swiper-slide img { width:80%; opacity:0.5; transition:all 0.5s; }
.newSlider1 .swiper-slide.swiper-slide-active img { opacity:1; width:110%; }

.courseWrap { padding:50px 0; }
.courseWrap ul { padding:50px 0; }
.courseWrap ul li img {width:600px; padding-right:50px; padding-bottom:30px;}
.courseWrap ul li {display:inline-block; float:none; vertical-align:top; line-height:32px; font-size:20px;}

.courseBox { padding:50px 50px; background:#000;border-radius:20px;}
.courseBox ul { padding:0px 0; }
.courseBox ul li {display:inline-block; float:none; vertical-align:top;}
.courseBox ul li:nth-child(1) {  width:55%; margin-right:50px;}
.courseBox ul li:nth-child(1) img {width:100%;}
.courseBox ul li:nth-child(1) video {width:100%;}
.courseBox ul li h2 { font-size:30px; font-weight:700; margin-bottom:30px; }
.courseBox ul li:nth-child(2) { width:40%;  }
.courseBox ul li:nth-child(2) p { line-height:26px; font-size:18px; font-weight:300;color:#fff;}


.companyWrap { padding:50px 0; }
.companyWrap .compimg { text-align:center; padding:50px 0; }
.companyWrap .compimg img {width:1000px; padding-right:50px; padding-bottom:30px;}

.companyWrap ul {  }
.companyWrap ul li { line-height:32px; font-size:20px;}
.companyWrap ul li p { line-height:32px; font-size:18px; font-weight:300;}
.companyWrap ul li a { line-height:32px; font-size:20px; font-weight:300;}
.companyWrap ul li label { font-size:20px; font-weight:600; margin-right:20px;}

.companyWrap .img {margin:30px auto;text-align:center;}
.companyWrap .ceo { margin-top:80px; text-align:right;}
.companyWrap .ceo ul { line-height:32px; margin:30px 0px;}
.companyWrap .ceo ul li { {display:inline-block; float:none; width:300px;}
.companyWrap .ceo ul li span { font-weight:800;}

@media (max-width:1020px) {
	.companyWrap .compimg { width:100%; border:solid 1px #ff0000;}
	.companyWrap img {width:100%;  }
}

@media (max-width:1164px) {
	.courseBox { padding:20px 0; }
	.courseBox ul { padding:20px 0; }
	.courseBox ul li {width:100%; vertical-align:top;}
	.courseBox ul li:nth-child(1) {  width:100%; margin-right:0px;}
	.courseBox ul li:nth-child(1) img {width:100%;}
	.courseBox ul li h2 { font-size:30px; font-weight:700; margin-top:30px; margin-bottom:30px; }
	.courseBox ul li:nth-child(2) { width:100%;  }
	.courseBox ul li:nth-child(2) p { line-height:32px; font-size:20px;}
}
@media (max-width:900px) {
	.courseWrap ul li img {width:100%; padding-right:0px;}
}