@charset "utf-8";
/* @import url("../css/reset.css"); */

*, body,div,h1,h2,h3,h4,h5,h6,ul,li,p,dl,dd,dt,a,em,strong,span { font-family:'Noto Sans KR','NanumSquare', sans-serif; }

@font-face {
    font-family: 'NanumSquare';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acL.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 400; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acR.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acB.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acEB.woff2) format('woff2');
    font-display: swap;
}


#menuWrap { display:none; }

@media (max-width:1024px){
	/* mobile menu */
	#menuWrap { display:block; position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:999999; background:#193f85; }
	.insHeader { height:60px; position:relative; background:#193f85; }
	.p_close { position:absolute; right:16px; top:20px; width:27px; height:29px; z-index:9999; cursor: pointer;}
	.p_close img { width:70%; }

	.menuBox { padding:0 0 70px; height:100%; }
	.m_nav { padding:0 0 20px; background:#193f85;}
	.m_nav > li { border-bottom:1px solid #3a5a97; }
	.m_nav > li > a { 
		padding:35px 0 25px 40px; display:block; width:100%; 
		font-size:20px; font-weight:300; color:#fff; line-height: 1;
		position:relative; 
	}
	.m_nav > li > a.on { 
		position:relative; 
		color:#fff; 
		border-bottom:1px solid #5074c3;
	}

	.m_nav > li > a.m { background:url(/images/icon-plus.png) no-repeat right 30px top 40px; }
	.m_nav > li > a.m.on { 	background:url(/images/icon-plus.png) no-repeat right 30px top 40px; }

	.m_nav > li > a span.down { 
		display:block; width:12px; height:6px;  
		position:absolute; right:6px; top:16px;
	}
	.m_nav > li > ul { display:none; position:relative; }
	.m_nav > li > ul.on { display:block; background:#335cb9; padding:25px 0; }

	.m_nav > li > ul li a { 
		padding:20px 0 20px 40px; 
		display:block; width:100%; font-size:18px; font-weight:300; color:#fff; 
		line-height:1; background:#335cb9;
	} 
	.m_nav > li > ul li a:hover { 
		color:#89d6ff;
	}

}


#header { position: relative; z-index:10000;width:100%; transition:all .5s ease-out;  height:130px; background:#193f85; }
#header > div { width:1400px; margin:0 auto; height: 100%; padding:0 0; display:flex;  align-items: center; justify-content:space-between; position:relative; }

#header .logo { width:259px; height: 44px;}
#header .logo a {
	background: url(/images/logo-b.png) no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	background-size: 100%;
	overflow: hidden;
	text-indent: -9999px;
	transition: all 0.3s ease-out;
}

#header .nav { height:100%; display:flex; align-items: center; width:950px; position:relative; z-index:1000; }
#header .gnb { display:flex; align-items: center; padding:0 0; z-index:9; }
#header .gnb > li { margin:0 6px; position: relative; }
#header .gnb > li > a { 
	color:#fff; 
	padding:0 25px; font-size:18px; 
	transition:all 0.5s ease-out; 
	display:flex; 
	align-items:center; 
	height:130px;
	text-align:center;
}
#header .gnb > li > a span::after { 
	content:"";background:#fff; width:0; 
	position:absolute; left:0; bottom:0; height:3px; 
	display:block; transition:all 0.3s ease-out; 
	z-index:10;
}
#header .gnb > li > a span { display:inline-flex; align-items:center; position:relative; height:130px;}
#header .gnb > li > a:hover { background:#335cb9; }
#header .gnb > li > a:hover span::after { width:100%; }
#header .gnb > li > a.on { background:#335cb9; }
#header .gnb > li > a.on span::after { width:100%; }

#header .allMenu { display:none; }

#header .subMn { position:absolute; padding:0; z-index:10; height:0; left:0; top:140px; opacity:0; transition:all 0.5s ease-out;}
#header .subMn.on { opacity:1; height:auto; top:129px; }
#header .subMn ul { padding:30px 0 30px 0; background:#335cb9; position:relative; top:0; }
#header .subMn ul li { text-align:center; }
#header .subMn ul li a { 
	color:#fff; font-size:14px; padding:8px 0; margin:8px 0; display:inline-flex; transition:all 0.2s ease; font-weight:400; 
	position:relative;
}
#header .subMn ul li a:hover { color:#89d6ff;  }
#header .subMn ul li a:hover::before { width:100%; }


#header .subMn ul.sm1 { width:310px; }
#header .subMn ul.sm2 { width:116px; }
#header .subMn ul.sm4 { width:116px; }


@media (max-width:1440px){
	#header { padding:0 30px; }
	#header > div { width:98%; }

}

@media (max-width:1280px){
	#header .logo { width:210px; height: 44px; }
	#header .nav { width:700px; }
	#header .gnb > li > a { padding:0 25px; font-size:16px; }
}




#header .subMn.active { top:26px; opacity:1; height:auto; width:100%; background:#000; }

#header .lang { position:absolute; right:0; top:0; height:100%; display:flex; align-items: center; width:145px; z-index:9999}
#header .lang a.l_link { 
	background:#fff;
	border:1px solid #fff; padding:3px 5px 3px 10px; border-radius:3px; font-size:13px; 
	height:36px; color:#193f85; transition:all 0.3s ease-out;
	width:100%; display:flex; align-items: center; font-weight:300;
	transition:all 0.2s ease-out;
}
#header .lang a.l_link i { 
	display:inline-flex; width:22px; height:18px; margin-right:6px; background:url(/images/i-calendar-blue.png) no-repeat; 
	transition:all 0.2s ease-out;
}
#header .lang a.l_link span { 
	color:#193f85; padding-bottom:2px; font-size:15px; font-weight:700; letter-spacing:-0.45px; 
	transition:all 0.2s ease-out;
}

#header .lang a.l_link:hover { 
	background:transparent;
	border:1px solid #fff; padding:3px 5px 3px 10px; border-radius:3px; font-size:13px; 
	height:36px; color:#fff; transition:all 0.3s ease-out;
	width:100%; display:flex; align-items: center; font-weight:300;
}
#header .lang a.l_link:hover i { display:inline-flex; width:22px; height:18px; margin-right:6px; background:url(/images/i-calendar-white.png) no-repeat; }
#header .lang a.l_link:hover span { color:#fff; padding-bottom:2px; font-size:15px; font-weight:700; letter-spacing:-0.45px; }


#header.mainOn { top:0; opacity:1; }
#header.mainWhite { top:0; opacity:1; background:#fff; }
#header.mainWhite .logo { width:80px; height: 70px;}
#header.mainWhite .logo a { background:url(/images/logo-on.png) no-repeat;width:100%; height:100%; display:block; background-size:100%; overflow:hidden; text-indent:-9999px;}
#header.mainWhite .gnb > li > a { color:#000; }
#header.mainWhite .gnb > li > a:hover { color:#0b83a1; }
#header.mainWhite .gnb > li > a.on { color:#0b83a1; }

#header.mainWhite .lang a.l_link { border:1px solid #7f7f7f; color:#131313;}
#header.mainWhite .allMenu a i { background:#000; }


#header.on { position: relative; z-index:10000;left:auto;top:auto;width:100%; top:0; opacity:1; }
#header.on .logo { width:80px; height: 70px;}
#header.on .logo a { background:url(/images/logo-on.png) no-repeat;width:100%; height:100%; display:block; background-size:100%; overflow:hidden; text-indent:-9999px;}
#header.on .gnb > li > a { color:#000; }
#header.on .gnb > li > a:hover { color:#0b83a1; }
#header.on .gnb > li > a.on { color:#0b83a1; }

#header.on .lang a.l_link { border:1px solid #7f7f7f; color:#131313;}
#header.on .allMenu a i { background:#000; }





.gnbBg { position:absolute; left:0; top:-300px; background:rgba(255,255,255,1); width:100%; z-index:-1; height:300px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.gnbBg > div { display:flex; height:300px; align-items:flex-end; }
.gnbImg { height:236px; display:flex; align-items:center; width:320px; margin:0 auto; position:absolute; left:50%; top:0; margin-left:-700px; }
.gnbImg div { width:320px; height:194px; display:none; }
.gnbImg div.sm000 { background:url(/images/sm001.png) no-repeat; background-size:100%; }
.gnbImg div.sm001 { background:url(/images/sm002.png) no-repeat; background-size:100%; }
.gnbImg div.sm002 { background:url(/images/sm003.png) no-repeat; background-size:100%; }
.gnbImg div.sm003 { background:url(/images/sm004.png) no-repeat; background-size:100%; }
.gnbImg div.sm004 { background:url(/images/sm005.png) no-repeat; background-size:100%; }

.insBottom { border-top:1px solid #e3e3e3; height:64px; display:flex; align-items:center; justify-content:space-between; width:100%; }
.insWid { width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:100%; }
.insWid div:nth-child(1) { display:flex; align-items:center;  }
.insWid div:nth-child(1) h3 { margin-right:8px; font-size:16px; color:#333; font-weight:700; }
.insWid div:nth-child(1) a { color:#707070; font-size:13px; font-weight:400; padding:0 24px; display:inline-flex; }
.insWid div:nth-child(1) a:nth-of-type(2) { position:relative; }
.insWid div:nth-child(1) a:nth-of-type(2)::before { content:""; width:1px; height:15px; background:#707070; position:absolute; left:0; top:0; }
.insWid div:nth-child(2) { display:flex; }
.insWid div:nth-child(2) a { color:#161616; font-size:13px; font-weight:300; padding-left: 24px; }
.insWid div:nth-child(2) a.kor { color:#1286a3; }

.path { display:flex; height:40px; max-width:1400px; margin:0 auto;}
.path div { display:flex; align-items:center; width:100%; justify-content:flex-end;}
.path div i.i-home { display:inline-flex; width:17px; height:15px; background:url(/images/i-path-home.png) no-repeat;   }
.path div span { display:flex; align-items:center; }
.path div span { font-size:15px; color:#c7c7c7; margin:0 8px; }
.path div span::before { content:">"; display:inline-flex; margin-right:8px; }
.path div span::after { content:">"; display:inline-flex; margin-left:8px; }
.path div strong { font-size:15px; color:#000; }


.mvWrap { width:100%; height: calc(100vh - 130px); background:#193f85; }
.mvTBox { 
	display:flex; flex-direction: column; justify-content: center; 
	position:relative; z-index:10; transition:all 0.4s ease-out;
	background:#585560; max-width:1606px; margin:0 auto; border-radius:10px; height:70%;
    overflow: hidden;
}
.mvTBox_txt { width:1100px; margin:0 auto; display:flex; flex-direction: column; justify-content: center; position:relative; z-index:10; }
.mvTBox_txt p:nth-child(1) { 
	font-size:21px; padding-bottom:25px; color:#335cb9; transition:all 0.4s ease-out; position:relative; left:0;
	transition:all 0.4s ease-out 1s; font-weight:700;
}
.mvTBox_txt p:nth-child(2) { display: flex; flex-direction: column; color:#f8f9fb; font-size:59px; justify-content: flex-start; word-break:keep-all; }
.mvTBox_txt p:nth-child(2) em { line-height: 1.3; font-weight:400; transition:all 0.4s ease-out; position:relative; left:0; transition:all 0.4s ease-out 0.2s;}
.mvTBox_txt p:nth-child(2) strong { line-height: 1.3; font-weight:900; transition:all 0.4s ease-out;position:relative; left:0; transition:all 0.4s ease-out 0.2s;}

.mvTBox_txt ul { display:flex; padding:20px 0 10px; }
.mvTBox_txt ul:nth-of-type(1) { padding-top:60px; }
.mvTBox_txt ul li { margin-right:62px; color:#fff; display:flex; line-height:1; }
.mvTBox_txt ul li i { margin-right:12px; border:1px solid #f7faff; width:15px; height:15px; display:inline-flex; margin-top:2px; }
.mvTBox_txt ul li span { line-height:1; display:inline-flex;  }


/*
.mvTBox_txt a { background:#193f85; width:170px; height:48px; display:flex; align-items:center; justify-content:center; font-size:12px; color:#f7faff; }
.mvTBox.on { opacity:1; }
.mvTBox.on p:nth-child(1) { left:0; opacity:1; }
.mvTBox.on p:nth-child(2) em { left:0; opacity:1; }
.mvTBox.on p:nth-child(2) strong { left:0; opacity:1; }
*/

.mvImg {
  margin:0;
  padding: 0;
  width:1606px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index:0;
  border-radius:10px;
}
.mvImg video {
    z-index: -1;
    width: 100%;
    position: absolute;
}
.bg_shadow { background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }

.knowList { width:1230px; margin:0 auto; display: flex; height: 30%; }
.knowList div { display: flex; justify-content: space-between; flex:0 0 50%; position:relative; height:100%;}
.knowList a { 
	flex:0 0 100%; position:relative; height:100%; 
	display: flex; align-items: center;  justify-content: flex-start; 
}
.knowList div a::before { content:"";position:absolute; left:40px; top:0; height:100%; width:1px; background:#265294; }
.knowList div a i { 
	display:inline-flex; flex:0 0 82px; height:82px; 
	border:1px solid #265294; position:relative; z-index:3;
}
.knowList div a i.know-1 { background:#193f85 url(/images/i-vis1.png) no-repeat center;  }
.knowList div a i.know-2 { background:#193f85 url(/images/i-vis2.png) no-repeat center;  }
.knowList div a article { margin-left:18px; position:relative; z-index:3; }
.knowList div a article h3 { font-size:26px; font-weight:700; color:#f7faff; padding-bottom:20px; }
.knowList div a article p { font-size:16px; line-height:1.6; color:#fff; letter-spacing:-0.48px; padding-right:130px; word-break:keep-all; font-weight:200; }


@media (max-width:1440px){
	.mvWrap { width:100%; height: auto; }
	.mvTBox { max-width:auto; width:96%; height:600px; }
	.mvTBox_txt { width:1000px; }
	.knowList { height: 200px; }
}

@media (max-width:1280px){
	#header .logo { width:210px; height: 44px; }
	#header .nav { width:670px; }
	#header .gnb > li > a { padding:0 15px; font-size:16px; }

	.mvTBox_txt { width:90%; }
	.mvTBox_txt p:nth-child(1) { font-size:18px; padding-bottom:20px; }
	.mvTBox_txt p:nth-child(2) { font-size:45px; }

	.mvTBox_txt ul { display:flex; padding:20px 0 10px; }
	.mvTBox_txt ul:nth-of-type(1) { padding-top:50px; }
	.mvTBox_txt ul li { margin-right:50px; color:#fff; display:flex; line-height:1.2;}
	.mvTBox_txt ul li i { margin-right:8px; }
	.mvTBox_txt ul li span { line-height:1.2; display:inline-flex; }
	.mvTBox_txt a { background:#193f85; width:170px; height:48px; display:flex; align-items:center; justify-content:center; font-size:12px; color:#f7faff; }

	.knowList { width:96%; margin:0 auto; }
}

@media (max-width:1100px){
	.mvTBox_txt { width:80%; }
	.mvTBox_ul { display:flex; }
	.mvTBox_txt ul { display:block; padding:0 0 10px; }
	.mvTBox_txt ul:nth-of-type(1) { flex:0 0 40%; }
	.mvTBox_txt ul:nth-of-type(2) { padding-top:50px; }
	.mvTBox_txt ul li { margin-bottom:20px; }
}

@media (max-width:1024px){
	#header { height:70px; }
	#header .nav { display:none; }
	#header .allMenu { position:absolute; right:-10px; top:25px; display:block; }
	#header .allMenu > div { height:100%; display:flex; align-items: center;}
	#header .allMenu > div a { position:relative; width:20px; height:20px; display:flex; justify-content: center; align-items: flex-end; flex-direction: column; }
	#header .allMenu > div a i { display:block; width:100%; margin:0 auto; height:2px; background:#fff; transition:all 0.3s ease-out 0.3s; }
	#header .allMenu > div a i:nth-child(2) { margin:5px 0; width:65%; }

	#header .lang { right:25px; width:38px; }
	#header .lang a.l_link { 
		background:#fff; justify-content:center;
		border:1px solid #fff; padding:3px 0 3px 0;
		height:36px; color:#193f85; 
	}
	#header .lang a.l_link i { margin-right:0; }
	#header .lang a.l_link span { display:none; }

	#header .lang a.l_link:hover { padding:3px 0 3px 0; }
	#header .lang a.l_link:hover i { margin-right:0; }
	#header .lang a.l_link:hover span { display:none; }

	.knowList div a article p {  padding-right:30px; }
}

@media (max-width:780px){
	.knowList { display: block; height:380px; width:86%; }
	.knowList div { height:100%; height:200px; }
	.knowList div:nth-child(2) { margin-top:-20px; }
}

@media (max-width:650px){
	.mvTBox_txt ul:nth-of-type(1) { flex:0 0 130px; }
	.mvTBox_txt ul:nth-of-type(2) { flex:1; }
	.mvTBox_txt ul li { margin-right:0; }
}

@media (max-width:520px){
	#header > div { width:100%; } 
	.mvTBox_txt p:nth-child(1) { font-size:16px; padding-bottom:10px; }
	.mvTBox_txt p:nth-child(2) { font-size:36px; line-height:1.3; }
	.knowList div a article h3 { font-size:22px; padding-bottom:15px; }
	.knowList div a article p { font-size:15px; line-height:1.6; padding-right:20px; }

	.mvTBox_ul { display:block; }
	.mvTBox_txt ul { display:flex; flex-wrap:wrap;  }
	.mvTBox_txt ul:nth-of-type(2) { padding-top:0; }
	.mvTBox_txt ul li { font-size:14px; flex:0 0 50%; }
	.mvTBox_txt ul:nth-of-type(2) li:nth-child(3) { flex:0 0 100%; }
}


.reserCom .comTxt a { display:inline-flex; border-radius:0 50px 50px 50px; background:#0b83a1; padding:25px 25px 25px 30px; align-items: center; }
.reserCom .comTxt a strong { font-size:15px; color:#fff; line-height: 1; }
.reserCom .comTxt a i { width: 13px; height: 13px; position: relative; margin-left:15px;}
.reserCom .comTxt a i::before { content:""; width: 100%; height: 1px; background: #fff; position: absolute;left: 0; top: 50%; margin-top:-0.5px;}
.reserCom .comTxt a i::after { content:""; width: 1px; height: 100%; background: #fff; position: absolute;left: 50%; top: 0; margin-left:-0.5px;}

.cBuz .buzTxt { flex:0 0 55%; display:flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left:12vw; padding-right:50px; }
.cBuz .buzTxt h2 { display: inline-flex; align-items: center; }
.cBuz .buzTxt h2 i { width: 67px; display: block; height: 1px; background:#000; }
.cBuz .buzTxt h2 strong { margin-left:12px; font-size:20px; font-weight: 500;}
.cBuz .buzTxt h3 { padding:70px 0 60px; line-height: 1.3; font-weight:700; color:#000; font-size:52px; letter-spacing:-3px; }
.cBuz .buzTxt h3 em { color:#000; display:block; }
.cBuz .buzTxt h3 strong { color:#0b83a1; }
.cBuz .buzTxt p { font-size:20px; font-weight:300; line-height:1.8; }
.cBuz .buzTxt p span { display: block;}
.cBuz .buzTxt ul { padding:70px 0 60px; display: flex; }
.cBuz .buzTxt ul li { margin-right:40px; text-align:center; display: flex; flex-direction: column;  align-items: center; justify-content: flex-end; }
.cBuz .buzTxt ul li i { display:flex; margin:0 auto; justify-content: center; align-items: center; }
.cBuz .buzTxt ul li:nth-child(1) i {  width:64px; height:64px; background:url(../images/bi1.png) no-repeat center; }
.cBuz .buzTxt ul li:nth-child(2) i {  width:64px; height:64px; background:url(../images/bi2.png) no-repeat center; }
.cBuz .buzTxt ul li:nth-child(3) i {  width:64px; height:64px; background:url(../images/bi3.png) no-repeat center; }
.cBuz .buzTxt ul li:nth-child(4) i {  width:64px; height:64px; background:url(../images/bi4.png) no-repeat center; }
.cBuz .buzTxt ul li:nth-child(5) i {  width:64px; height:64px; background:url(../images/bi5.png) no-repeat center; }
.cBuz .buzTxt ul li:nth-child(6) i {  width:64px; height:64px; background:url(../images/bi6.png) no-repeat center; }
.cBuz .buzTxt ul li strong { font-size:18px; font-weight:400; display: block; text-align: center; padding: 15px 0 0; }

.cBuz .buzTxt a { display:inline-flex; border-radius:0 50px 50px 50px; background:#0b83a1; padding:25px 25px 25px 30px; align-items: center; }
.cBuz .buzTxt a strong { font-size:15px; color:#fff; line-height: 1; }
.cBuz .buzTxt a i { width: 13px; height: 13px; position: relative; margin-left:15px;}
.cBuz .buzTxt a i::before { content:""; width: 100%; height: 1px; background: #fff; position: absolute;left: 0; top: 50%; margin-top:-0.5px;}
.cBuz .buzTxt a i::after { content:""; width: 1px; height: 100%; background: #fff; position: absolute;left: 50%; top: 0; margin-left:-0.5px;}

.cBuz .buzBg { flex:0 0 45%; height: 100vh; width:45%; overflow:hidden; position:relative;
	/* background:url(../images/mcb2.png) no-repeat center / cover;  */
}
.vd { width:100%; height:100%; }
.vd video {
	position : absolute;
	top : 0; 
	left : -50%;
	min-width : 100%;
	min-height : 100%;
	width : auto;
	height : 100%;
/*	z-index : -1; */
}


/* main visual */
.newSlider { width:1420px; margin:0 auto; position:relative; }
.newSlider .swiper-slide { width:100%; }

/* 01 */
.newSlider .pc_ss { 
	display:flex; position: relative; 
	width:1024px; margin:0 auto;
	align-items: center; transform: scale(1.05); 
	opacity:0;
}
.newSlider .pc_ss div:nth-child(1) { position:relative;  margin:0 auto; text-align: left; width:390px; height:100%; }
.newSlider .pc_ss div:nth-child(1) img { width:100%; }
.newSlider .pc_ss div:nth-child(2) { text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; padding-left:65px; }
.newSlider .pc_ss div:nth-child(2) h3 { opacity: 0; color:#fff; font-size:40px;  line-height:1.6; font-weight:700; letter-spacing: -1.6px; text-align:center; padding-bottom:98px; }
.newSlider .pc_ss div:nth-child(2) p { opacity: 0;  color:#f7faff; text-align:center; line-height:1.8; font-weight:300; word-break:keep-all; }

.newSlider .swiper-slide.swiper-slide-active .pc_ss { 
  animation: scale1 1.5s ease ; 
  animation-fill-mode: forwards;
}
.newSlider .swiper-slide.swiper-slide-active .pc_ss div:nth-child(1) { 
  animation: scale1 1.5s ease ; 
  animation-fill-mode: forwards;
}
.newSlider .swiper-slide.swiper-slide-active .pc_ss div:nth-child(2) h3 { 
  animation: fade1 1s ease 0.7s; 
  animation-fill-mode: forwards;
}
.newSlider .swiper-slide.swiper-slide-active .pc_ss div:nth-child(2) p {
  animation: fade1 1.5s ease 1s;
  animation-fill-mode: forwards;
}


@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(/images/mv-prev.png) no-repeat; width:61px; height:61px; left:30px; display:none; }
.btnNext { background:url(/images/mv-next.png) no-repeat; width:61px; height:61px; right:30px; display:none; }



.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(../images/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;}


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




/* test gasp */
/* main visual area */
.intro_txt_wrap {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.intro_txt_wrap .txt_wrap .line {position: relative; font-family: "Manrope_ExtraBold", "Pretendard_ExtraBold", sans-serif; font-size: 56px; line-height: 1.32; opacity: 0; /*transition: left 1s ease, opacity 1s ease;*/}
.intro_txt_wrap .txt_wrap .line:nth-child(1) {left: 80px;}
.intro_txt_wrap .txt_wrap .line:nth-child(2) {left: -80px; /*transition-delay: 0.1s;*/}
.intro_txt_wrap .txt_wrap .line:nth-child(3) {left: 80px; /*transition-delay: 0.2s;*/}
.intro_txt_wrap.on .txt_wrap .line:nth-child(1) {left: 0; opacity: 1;}
.intro_txt_wrap.on .txt_wrap .line:nth-child(2) {left: 0; opacity: 1;}
.intro_txt_wrap.on .txt_wrap .line:nth-child(3) {left: 0; opacity: 1;}

.main_visual_w {position: relative; height: 100vh; /*height: 900px;*/ /* z-index: 1; */}
.main_visual_w:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: -1; opacity: 1; transition: opacity 0.8s ease;}
.main_visual_w.hide_white_dimd:after {opacity: 0;}

.main_visual_w .for_size_change {
	position: absolute; left: 50%; top: -webkit-calc(100vh - 100px); top: calc(100vh - 100px); 
	transform: translateX(-50%); margin: 0 auto; width: 385px; height: 270px; max-height: 100%; 
	border-radius: 14px 14px 0 0; overflow: hidden; opacity: 0;
}

.main_visual_w .visual_img_area {position: relative; left: 50%; top: 0; transform: translateX(-50%); height: 100%;}
.main_visual_w .visual_img_area video {position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; /*min-width: 100%; min-height: 100%;*/ min-width: 100vw; min-height: 100vh;}
.main_visual_w .visual_img_area .visual_item_list {width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.main_visual_w .visual_img_area .visual_item_list .item {display: block; width: 100%; height: 100%;}
.main_visual_w .visual_img_area .visual_item_list .item:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15);}
.main_visual_w .visual_img_area .visual_item_list .bg_img{width: 100%; height: 100%;}
.main_visual_w .visual_img_area .visual_item_list .video_controller {position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 1;}
.video_controller .control_wrap {display: flex; justify-content: center; align-items: center; opacity: 0;}
.video_controller .control_wrap .time_area {/* width: 34px; */ font-family: "Manrope_Bold", sans-serif; color: #fff; font-size: 12px;}
.video_controller .control_wrap .time_area .time {min-width: 35px;}
.video_controller .control_wrap .progress_bar {position: relative; margin: 0 10px; width: 380px; height: 2px; background-color: rgba(255,255,255,.4);}
.video_controller .control_wrap .progress_bar .bar {position: absolute; left: 0; top: 0; height: 100%;}
.video_controller .control_wrap .progress_bar progress {-webkit-appearance:none; background:transparent;}
.video_controller .control_wrap .progress_bar progress::-moz-progress-bar {background: transparent;}
.video_controller .control_wrap .progress_bar progress::-webkit-progress-bar {background-color: transparent;}
.video_controller .control_wrap .progress_bar progress::-webkit-progress-value {background: #fff;}
.video_controller .control_wrap .control_btn_w {display: flex; align-items: center;}
.video_controller .control_wrap .control_btn_w .btn_play {display: block; width: 20px; height: 20px; background: url(/common/kr/images/icon-main-video-pause.svg) center center no-repeat;}
.video_controller .control_wrap .control_btn_w .btn_play.pause {background: url(/common/kr/images/icon-main-video-play.svg) center center no-repeat;}
/* .video_controller .control_wrap .control_btn_w .btn_pause {display: block; width: 20px; height: 20px; background: url(/common/kr/images/icon-main-video-pause.svg) center center no-repeat;} */

.main_visual_w .visual_txt_area {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1200px;}
.main_visual_w .visual_txt_area .txt_wrap {color: #fff; z-index: 1;}
.main_visual_w .visual_txt_area .txt_wrap .visual_title {color: #fff;}
.main_visual_w .visual_txt_area .txt_wrap .visual_title .title {display:block; position: relative; font-family: "Manrope_ExtraBold", "Pretendard_ExtraBold", sans-serif; font-size: 56px; line-height: 1.32; white-space: pre-wrap; overflow: hidden;}
.main_visual_w .visual_txt_area .txt_wrap .visual_title .title strong {position: relative; top: 100px; opacity: 0;}
.main_visual_w .visual_txt_area .txt_wrap .visual_sub_txt {position: relative; margin-top: 50px; font-family: "Manrope_SemiBold", "Pretendard_SemiBold", sans-serif; font-size: 16px; line-height: 1.625; white-space: pre-wrap; overflow: hidden;}
.main_visual_w .visual_txt_area .txt_wrap .visual_sub_txt span {position: relative; top: 100px; opacity: 0;}



/* sub */
.subConts { padding-bottom:150px; position:relative;  }
.subWidth { max-width:1400px; margin:0 auto; box-sizing:border-box; }
.subWidth2 { max-width:1500px; margin:0 auto;  }
.subTitle { padding:200px 0 0; }
.subTitle h2 { color:#1a1524; font-size:60px; font-weight:700; letter-spacing:-2.36px; }
.subTitle p span { display:block; line-height:1.5; font-size:59px; font-weight:700; letter-spacing:-2.36px; color:#1a1524;}
.subTitle p span.mainColor { color:#0b83a1; }

.subTitle p.st_p { padding-top:49px; }
.subTitle p.st_p span {  display:block; line-height:1.5; font-size:16px; font-weight:300; letter-spacing:-0.48px; color:#595660;}
.subContext { padding:80px 0 160px; }
.subContext p span { color:#3e3c43; display:block; line-height:1.8; letter-spacing:-0.51px; font-size:17px; }

@media (max-width:1500px){
	.subConts { padding-bottom:140px; }
	.subWidth { width:90%; }
	.subWidth2 { width:90%;  }
	.subTitle { padding:150px 0 0; }
}

@media (max-width:1024px){
	.subTitle h2 { font-size:45px; letter-spacing:-1.36px;}
	.subTitle p span { font-size:45px; letter-spacing:-1.36px;}
}

@media (max-width:768px){
	.subConts { padding-bottom:100px; }
	.subTitle h2 { font-size:38px; }
	.subTitle p span { font-size:38px; }

	.subContext { padding:60px 0 140px; }
	.subContext p span { display:inline; font-size:16px; }

	.subTitle p.st_p { padding-top:40px; }
	.subTitle p.st_p span { font-size:16px; }

}

@media (max-width:580px){
	.subTitle h2 { font-size:34px; }
	.subTitle p span { font-size:34px; }

	.subTitle p.st_p span { font-size:16px; }
}

@media (max-width:340px){
	.subTitle h2 { font-size:30px; }
	.subTitle p span { font-size:30px; }
	.subContext p span { font-size:14px; }
	.subTitle p.st_p span { font-size:14px; }
}

/* 신청절차 */
.subContext_s { padding:48px 0 50px; }
.subContext_s p span { color:#1a1524; display:block; line-height:1.8; letter-spacing:-0.51px; font-size:16px; font-weight:300; }
.subContext_s p span strong { font-weight:700; }


.subFlexType1 { display:flex; justify-content:space-between; padding:100px 0 0; }
.swpLeft { 
	flex:0 0 460px; background:#eeeef0; padding:66px 43px 4px; 
	border-radius:10px;
}
.swpLeft h3 { font-size:25px; color:#1a1524; line-height:1.4; letter-spacing:-1px; font-weight:700; }
.swpLeft dl { padding:62px 0; border-top:1px solid #afafb0; }
.swpLeft dl:nth-of-type(1) { border-top:none; }
.swpLeft dl dt { margin-bottom:30px; line-height:1.6; word-break:keep-all; font-size:20px; font-weight:700; }
.swpLeft dl dd { margin-bottom:10px; line-height:1.6; word-break:keep-all; padding-top:30px; }
.swpLeft dl dd:nth-of-type(1) { padding-top:0; }
.swpLeft dl dd span { display:block; }


.swpRight { width:850px; }
.swpRight ul li { 
	position:relative; display:flex; border-radius:70px; height:140px; background:#f7faff; justify-content:flex-start; align-items:center; 
	padding-left:64px;  margin:72px 0;
}
.swpRight ul li:nth-child(1) { margin-top:0; }
.swpRight ul li:nth-child(5) { margin-bottom:0; }

.swpRight ul li::after { content:"";position:absolute; right:146px; top:157px; height:38px; width:2px; border-right:2px dashed #cecdd2; }
.swpRight ul li:nth-child(5)::after { display:none; }
.swpRight ul li em { border-radius:30px; background:#102e74; width:45px; height:45px; display:inline-flex; justify-content:center; align-items:center; font-size:20px; font-weight:700; color:#fff;}
.swpRight ul li strong { color:#193f85; font-size:30px; font-weight:700; letter-spacing:-1.2px; margin-left:38px; }
.swpRight ul li strong span { color:#3e3c43; font-size:17px; margin-left:20px; font-weight:400; }
.swpRight ul li>div { 
	width:173px; height:173px; border-radius:90px; border:2px dashed #cecdd2; display:flex; justify-content:center; align-items:center; 
	position:absolute; right:60px; top:50%; margin-top:-87px;
}
.swpRight ul li>div>div { 
	width:133px; height:133px;  display:flex; justify-content:center; align-items:center;
	border-radius:67px;
}

.swpIcon1 div { background:#fff url(/images/i-swp01.png) no-repeat center; }
.swpIcon2 div { background:#fff url(/images/i-swp02.png) no-repeat center; }
.swpIcon3 div { background:#fff url(/images/i-swp03.png) no-repeat center; }
.swpIcon4 div { background:#fff url(/images/i-swp04.png) no-repeat center; }
.swpIcon5 div { background:#fff url(/images/i-swp05.png) no-repeat center; }


@media (max-width:1350px){
	.subFlexType1 { display:block; }
	.swpLeft { flex:0 0 auto; width:100%; }
	.swpLeft ul li { margin-bottom:10px; line-height:1.5; word-break:keep-all; }

	.swpRight { width:100%; padding-top:100px; }
}

@media (max-width:960px){

	.subFlexType1 { padding:20px 0 0; }
	.swpRight ul li { padding-left:35px; margin:25px 0; }


	.swpRight ul li::after { top: 130px; right:70px; height:40px; width:2px; border-right:2px dashed #cecdd2; }
	
	.swpRight ul li strong { font-size:20px; display:block;  margin-left:15px;}
	.swpRight ul li strong span { font-size:14px; display:block; margin-top:10px; margin-left:0; }
	.swpRight ul li em { font-size:18px; }
	
	.swpRight ul li>div { width:120px; height:120px; margin-top:-60px; right:10px;}
	.swpRight ul li>div>div { width:100px; height:100px; }

	.swpIcon1 div { background-size:70px auto;}
	.swpIcon2 div { background-size:70px auto;}
	.swpIcon3 div { background-size:60px auto;}
	.swpIcon4 div { background-size:70px auto;}
	.swpIcon5 div { background-size:70px auto;}
}


@media (max-width:460px){

	.swpRight ul li { padding-left:20px; margin:25px 0; }
	.swpRight ul li strong { font-size:17px; display:block;  margin-left:10px;}
	.swpRight ul li>div { width:80px; height:80px; margin-top:-40px; right:10px;}
	.swpRight ul li>div>div { width:65px; height:65px; }

	.swpIcon1 div { background-size:50px auto;}
	.swpIcon2 div { background-size:50px auto;}
	.swpIcon3 div { background-size:40px auto;}
	.swpIcon4 div { background-size:50px auto;}
	.swpIcon5 div { background-size:50px auto;}

	.swpRight ul li::after { display:none; }

	.swpLeft dl dd span { display:inline; }
}



/* faq */
.faqWrap { padding:120px 0 50px; }
.faqTab { display:flex; padding-bottom:50px;  }
.faqTab li { height:67px; flex:0 0 16.666667%; }
.faqTab li a { color:rgba(0, 0, 0, 0.5); font-size:17px; line-height:1.5; display:flex; height:100%;  align-items:center; text-align:center; width:100%; border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4; justify-content:center;  border-bottom:1px solid #d4d4d4;}
.faqTab li:nth-child(1) a { border-left:1px solid #d4d4d4;}
.faqTab li.on a { color:#193f85; font-weight:700; border-bottom:1px solid #fff; }

.faqArticle ul li { padding:0 22px; }
.faqArticle ul li h3 { display:flex; align-items:center; padding:25px 0; border-bottom:1px solid #d4d4d4;}
.faqArticle ul li h3.on { }
.faqArticle ul li h3 em { flex:0 0 112px; text-align:center; display:flex; justify-content:center; align-items:center;}
.faqArticle ul li h3 em i { background:#767281; font-size:20px; width:36px; height:36px; border-radius:18px; display:inline-flex; justify-content:center; align-items:center; color:#fff; font-style:normal; line-height:1;}
.faqArticle ul li h3 strong { line-height:1.6; font-weight:400; font-size:17px; flex:1; }


.faqArticle ul li div { display:none; }
.faqArticle ul li div p { display:flex; align-items:center; background:#eeeef0; padding:25px 70px 25px 0; }
.faqArticle ul li div p em { flex:0 0 112px; text-align:center; display:flex; justify-content:center; align-items:center;}
.faqArticle ul li div p em i { background:#8db7cf; font-size:20px; width:36px; height:36px; border-radius:18px; display:inline-flex; justify-content:center; align-items:center; color:#fff; font-style:normal; line-height:1;}
.faqArticle ul li div p span { display:flex; line-height:1.8; color:#3e3c43; font-weight:400; font-size:17px; flex:1; }


/* paging */
.fagPaging { display: flex; justify-content: center; padding:85px 0;}
.pgFirst { background:url(/images/i-pg-first.png) no-repeat center}
.pgPrev { background:url(/images/i-pg-prev.png) no-repeat center}
.pgNext { background:url(/images/i-pg-next.png) no-repeat center}
.pgLast { background:url(/images/i-pg-last.png) no-repeat center}
a.pgc { display: inline-flex; width: 32px; height: 32px; margin:0 3px; }
a.pga { display: inline-flex; height: 32px; margin:0 12px; padding:6px 7px 5px; color:rgba(0, 0, 0, 0.5); font-weight: 500; font-size:17px;}
a.pga.on {  color:#000000; border-bottom:1px solid #1d2473; }


@media (max-width:1024px){
	.faqWrap { padding:60px 0 50px; }
	.faqTab { display:flex; padding-bottom:50px; flex-wrap:wrap; }
	.faqTab li { height:60px; flex:0 0 33.33333%; }
	.faqTab li a { font-size:16px; }

	.faqTab li:nth-child(1) a,
	.faqTab li:nth-child(2) a,
	.faqTab li:nth-child(3) a { border-bottom:none;}

	.faqTab li:nth-child(4) a { border-left:1px solid #d4d4d4;}

}

@media (max-width:768px){
	.faqTab li { height:60px; flex:0 0 50%; }
	.faqTab li:nth-child(3) a { border-left:1px solid #d4d4d4;}
	.faqTab li:nth-child(5) a { border-left:1px solid #d4d4d4;}
	.faqTab li:nth-child(4) a { border-left:none; border-bottom:none; }

	.faqArticle ul li { padding:0 0; }
	.faqArticle ul li h3 { padding:20px 0; }
	.faqArticle ul li h3 em { flex:0 0 80px; }
	.faqArticle ul li h3 em i { font-size:18px; }
	.faqArticle ul li h3 strong { font-size:16px; }


	.faqArticle ul li div { display:none; }
	.faqArticle ul li div p { padding:25px 50px 25px 0; }
	.faqArticle ul li div p em { flex:0 0 80px; }
	.faqArticle ul li div p em i {font-size:18px; }
	.faqArticle ul li div p span { font-size:16px; }
}




/* contact us */
.subContactList { padding:100px 0 250px; }
.subContactList ul { display:flex; flex-wrap:wrap; }
.subContactList ul li { display:flex; background:#eeeef0; border-radius:10px; padding:21px 28px; flex:0 0 calc(50% - 28px); margin-bottom:20px; }
.subContactList ul li:nth-child(1),
.subContactList ul li:nth-child(3) { margin-right:28px; }

.subContactList ul li:nth-child(2),
.subContactList ul li:nth-child(4) { margin-left:28px; }


.subContactList ul li div:nth-child(1) { flex:0 0 250px; }
.subContactList ul li div:nth-child(1) h4 { font-size:20px; font-weight:700; color:#1a1524; letter-spacing:-0.8px; line-height:1.6; }
.subContactList ul li div:nth-child(1) em { font-size:17px; font-weight:400; color:#1a1524;line-height:1.6; }

.subContactList ul li div:nth-child(2) { flex:1; }
.subContactList ul li div:nth-child(2) span { display:block; font-size:20px; font-weight:400; color:#1a1524; letter-spacing:-0.51px; line-height:1.6;}

.mouLeft { display:flex; flex-direction:column; justify-content:space-between; }
.mouLeft h3 { color:#1a1524; font-size:60px; font-weight:700; letter-spacing:-2.36px; }
.mouLeft p span { 
	display:block; line-height:1.5; font-size:17px; font-weight:700; font-family:'NanumSquare'; letter-spacing:-0.51px; color:#3e3c43;
}

.mouRight { background:url(/images/bg-mou.png) no-repeat center ; width:677px; height:228px; display:flex; justify-content:center; align-items:center; }
.mouRight p { font-size:30px; font-weight:700; color:#f7faff; }


.mouLeft2 {flex:0 0 375px; padding-right:30px; box-sizing:border-box; }
.mouLeft2 h3 { display:flex; align-items:center; padding-bottom:50px; }
.mouLeft2 h3 span { 
	color:#1a1524; font-size:30px; font-weight:700; letter-spacing:-1.2px;
	margin-right:10px; display:block;
}
.mouLeft2 h3 i { background:#dbdbdb; height:2px; width:180px; display:block; }

.mouRight2 { display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box;}
.mouRight2 article { margin-bottom:30px; flex:0 0 32%; }
.mouRight2 article img { width:100%; }


@media (max-width:1500px){
	.mouLeft { padding:0 0 0; }
}
@media (max-width:1320px){
	.mouLeft h3 { font-size:45px; letter-spacing:-1.36px;}
	.mouLeft p { padding:40px 0 60px; }
	.mouLeft p span { font-size:16px; }
	.mouRight { background-size:cover; width:100%; height:228px; }

}
@media (max-width:978px){
	.mouLeft2 h3 { padding-top:100px; }
}
@media (max-width:768px){
	.mouLeft h2 { font-size:38px; }
	.mouLeft p span { font-size:14px;  }
}
@media (max-width:680px){
	.subContactList ul li div:nth-child(2) { margin-top:20px; }
	.mouRight2 article { flex:0 0 49%; }
}

@media (max-width:580px){
	.mouLeft h2 { font-size:34px; }
}
@media (max-width:340px){
	.mouLeft h2 { font-size:30px; }
}





@media (max-width:1400px){
	.subContactList { padding:60px 0 150px; }
}
@media (max-width:1300px){
	.subContactList ul li { display:flex; background:#eeeef0; border-radius:10px; padding:21px 28px; flex:0 0 calc(50% - 15px); }
	.subContactList ul li:nth-child(1),
	.subContactList ul li:nth-child(3) { margin-right:15px; }

	.subContactList ul li:nth-child(2),
	.subContactList ul li:nth-child(4) { margin-left:15px; }

	.subContactList ul li:nth-child(1),
	.subContactList ul li:nth-child(2) { margin-bottom:15px }

	.subContactList ul li div:nth-child(1) { flex:0 0 200px; }
	.subContactList ul li div:nth-child(1) h4 { font-size:20px; font-weight:700; color:#1a1524; letter-spacing:-0.8px; line-height:1.6; }
	.subContactList ul li div:nth-child(1) em { font-size:17px; font-weight:400; color:#1a1524;line-height:1.6; }

	.subContactList ul li div:nth-child(2) { flex:1; }
	.subContactList ul li div:nth-child(2) span { display:block; font-size:20px; font-weight:400; color:#1a1524; letter-spacing:-0.51px; line-height:1.6;}
}


@media (max-width:1100px){
	.subContactList ul li { display:flex; flex-wrap:wrap; flex:0 0 100%; }
	.subContactList ul li:nth-child(1),
	.subContactList ul li:nth-child(3) { margin-right:0; }
	.subContactList ul li:nth-child(2),
	.subContactList ul li:nth-child(4) { margin-left:0; }
	.subContactList ul li:nth-child(3) { margin-bottom:15px }
	.subContactList ul li div:nth-child(1) { flex:0 0 250px; }
}


.c101_bg1 { background:url(/images/s-bg-greet1.png) no-repeat right -100px bottom 200px ;  }
.c201_bg1 { z-index:2; background:url(/images/s-bg-exam1.png) no-repeat; width:751px; height:559px; position:fixed; left:50%; top:500px; margin-left:-375px; }
.c101_img1 { position:relative; z-index:2; }

.c103_bg1 { background:url(/images/new/nt_bg1.png) no-repeat right 0 bottom 0px / 998px 720px;  }

.tab_under { position:relative; z-index:2; background:#eeeef0 url(/images/tab_under.jpg) no-repeat center top; height:100px;  }
.uner_con { position:relative; z-index:2; background:url(/images/uner_con.jpg) no-repeat center top; height:853px;  }


@media (max-width:1500px){
	.c101_img1 img { width:94%;}
}

@media (max-width:1400px){

	.c201_bg1 { width:751px; height:559px; position:fixed; left:50%; top:500px; margin-left:-375px; }

}



/* 시험정보 */
.tabTypeBox { padding:78px 0 0; position:relative; z-index:10; }
.tabType1 { display:flex; background:#cfced3; width:700px; height:63px; border-radius:40px; }
.tabType1 li { height:100%; }
.tabType1 li a { 
	border-radius:40px; width:352px; height:100%; display:flex; justify-content:center; align-items:center; font-size:21px; font-weight:700;  letter-spacing:-0.48px; 
}
.tabType1 li a span { color:#767281; }
.tabType1 li a em { color:#767281; font-weight:400; font-style:normal; margin-left:5px;}

.tabType1 li.on a { 
	background:#193f85; 
	box-shadow:5px 5px 5px rgba(0,0,0,0.1);
}
.tabType1 li.on a span,
.tabType1 li.on a em { color:#fff; }

.tabContType1 { position:relative; z-index:10; }
.tabContType1 article { display:block; }
.tabContType1 article::after { content:"";display:block;clear:both; }

.tc_left { padding:0 0 0 30px; display:flex; flex-direction:column; justify-content:flex-start;float:left; padding-top:255px; position:relative; top:0; transition:all 0.5s ease-out; }
.tc_left.fixed { position:fixed; top:-110px; opacity:1; }
.tc_left h3 { font-size:30px; font-weight:700; color:#1a1524; letter-spacing:-1.8px; line-height:1.2;  }
.tc_left h4 { font-size:30px; font-weight:400; color:#1a1524; line-height:1.2; padding-top:4px; }
.tc_left p { font-size:17px; font-weight:400; color:#3e3c43; letter-spacing:-0.51px; line-height:1.8; padding-top:40px;}
.tc_left p span { display:block; }

.tc_right { float:right; height:4200px; overflow:hidden; }
.tc_right_201 { height:5000px; }

@media (max-width:1100px){
	.tc_left { float:none; padding-top:100px; }
	.tc_right { float:none; display:block; }
}

@media(max-width:1024px){
	.tabType1 { width:100%; height:55px; }
	.tabType1 li { flex:0 0 50%; width:50%; }
	.tabType1 li a { flex:0 0 100%; width:100%; font-size:18px; }
}

@media (max-width:800px){
	.tabType1 li a { font-size:14px }
}
@media (max-width:400px){
	.tabType1 li a { font-size:13px }
}

.ebox { height:685px; padding:105px 0 80px; }
.ebox .tc_img img { width:100%; max-width:100%; }
.ebox h4 { font-size:22px; font-weight:700; color:#3e3c43; letter-spacing:-1.8px; line-height:1.2; padding:42px 0 19px; }
.ebox p { font-size:17px; font-weight:400; color:#3e3c43; letter-spacing:-0.51px; line-height:1.8; display:none; }
.ebox p span { display:block; }

.c101 { background:url(/images/c101.jpg) no-repeat center top; height:1600px; }
.c102 { background:url(/images/c102.jpg) no-repeat center top; height:2640px; }
.c103 { background:url(/images/c103.jpg) no-repeat center top; height:2465px; }

.c201 { background:url(/images/c201.jpg) no-repeat center top; height:1882px; }
.c301 { background:url(/images/c301.jpg) no-repeat center top; height:1781px; }
.c401 { background:url(/images/c401.jpg) no-repeat center top; height:1704px; }
.c501 { background:url(/images/c501.jpg) no-repeat center top; height:1603px; }


/* 캘린더 페이지
.calLayout { background:#193f85; padding:30px 13px 13px; }
.calLayout h2 { text-align:Center; padding-bottom:25px; color:#fff; font-size:24px; font-weight:700; }

.calTop { display:flex; justify-content:space-between; }
.allChkArea { display:flex; align-items:center; padding-bottom:10px; }
.allChkArea li { margin-left:10px; color:#fff;  line-height:1;}
.allChkArea li label { display:flex; align-items:center; }
.allChkArea li label .chk_c { border:1px solid #b7b7b7; border-radius:0; width:19px; height:19px; background:none; margin-left:10px; margin-top:3px; }

.calTab { display:flex; }
.calTab > li { border-radius:7px 7px 0 0; height:53px; flex:0 0 300px; display:flex; align-items:center; justify-content:center; }
.calTab > li > a { 
	display:flex; align-items:center; justify-content:center;  font-size:20px; font-weight:700; width:100%; height:100%; text-align:center; 
	border-radius:8px 8px 0 0; background:#335cb9; color:#cfced3;
}
.calTab > li.on > a { color:#193f85; background:#fff; }

.calTabList { height:55px; display:flex; width:100%; background:#fff; padding-left:30px;}
.calTabList li { display:flex; flex:0 0 auto; }
.calTabList li span { 
	height:55px; flex:1;
	color:#787482; font-weight:500; font-size:16px; background:#fff; width:100%; text-align:center;
	display:inline-flex; align-items:center; justify-content:center; position:relative; z-index:1; letter-spacing:-1px;
	margin-right:25px;
}
.calTabList li.on { z-index:2; color:#787482; }

.calTabList li:nth-child(1) a { border-radius:0 0 0 5px; }
.calTabList li:nth-child(6) a { border-radius:0 0 5px 0; }
.calTabList li i { width:9px; height:9px; border-radius:5px; display:inline-flex; margin-right:5px; margin-top:4px; }
.calTabList li label { position:relative; display:flex; align-items:center; line-height:1; }
.calTabList li label .chk_c { border:1px solid #b7b7b7; border-radius:0; width:19px; height:19px; background:none; margin-left:10px; margin-top:1px; }

.calRealCont { margin-top:10px; }
.calRealCont > div { background:#fff; height:800px; width:100%; }


.text_pos,
.gnb { display:none; }

.color_1 { background:#57a2b5; }
.color_2 { background:#577bc8; }
.color_3 { background:#ef6190; }
.color_4 { background:#ed391c; }
.color_5 { background:#f7bd34; }
.color_6 { background:#a1a249; }

@media (max-width:1200px){

	.calLayout { padding:0 0 0; background:#193f85; }
	.calLayout h2 { padding-bottom:20px; font-size:18px; display:none; }
	
	a.gnb { display:block; position:absolute; right:8px; top:4px; padding:13px 12px; display:flex; justify-content:space-between; align-items:center; width:14px; height:14px; flex-direction:column; }
	a.gnb i { width: 100%; background:#fff; height:2px; display:block; position:absolute; }
	a.gnb i:nth-child(1) { transform:rotate(45deg); top:15px; }
	a.gnb i:nth-child(2) { transform:rotate(-45deg); top:15px; }
	a.gnb i:nth-child(3) { display:none; }

	.text_pos { position:absolute; right:45px; top:13px; color:#fff; font-size:13px; font-weight:400; display:block; z-index:10; }

	.calTab { display:flex; width:100%; border-bottom:1px solid #193f85 }
	.calTab > li { border-radius:0 0 0 0; height:40px; flex:0 0 80px; }
	.calTab > li > a { 
		font-size:14px; 
		border-radius:0 0 0 0; background:#193f85; color:#fff; border-bottom:none;
	}
	.calTab > li.on > a { color:#fff; background:#193f85; border-bottom:3px solid #fff;}
	.allChkArea { display:none; }

	.calTabOverflow { overflow-x:scroll; padding-left:0; background:#f7f7f7; }
	.calTabList { height:auto; display:inline-flex; padding-left:0; background:#f7f7f7; }
	.calTabList li { height:auto; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; color:#fff; padding:0 0 2px;}
	.calTabList li span { 
		color:#666; font-size:14px; background:#f7f7f7; 
		margin-right:0; 
		padding:12px 20px; 
		font-weight:400;
		height:auto; display:inline-flex;
	}
	.calTabList li span label input { display:none; }
	.calTabList li.on { z-index:2; color:#fff; }
	.calTabList li.on span { border-radius:0; background:#f7f7f7; color:#000; font-weight:700; }
	.calTabList li i { margin-top:3px; }

	.calRealCont { margin-top:0; }

	#ctb1 { width:auto; }
	#ctb2 { width:auto; }

	.calRealCont > div { background:#fff; height:auto; width:100%; }
}
*/

.kaiWrap { position:relative; }
.kaiHeader { height:83px; background:url(/images/login_bg.png) no-repeat center top / cover !important; display:flex; align-items:center; padding:0 4%; justify-content:space-between;  }
.kaiHeader .logo { width:200px; height: 34px; margin-bottom:10px;}
.kaiHeader .logo a { 
	background:url(/images/logo-b.png) no-repeat; width:100%; height:100%; display:block; background-size:100%; overflow:hidden; text-indent:-9999px; font-size:0;	transition:all 0.3s ease-out 0.3s;
}
.util .logout { display:flex;  }
.util .logout span { margin-right:5px; color:#fff; }
.util .logout i { width:16px; height:16px; background:url(/images/i-logout.png) no-repeat; display:inline-flex; }

.calBoardWrap { padding:60px 0 0; max-width:1600px; margin:0 auto; }
.cBoardTitle h2 { color:#193f85; font-size:40px; line-height:1.4; letter-spacing:-1.6px; font-weight:700; }

.cBoardForm { padding:62px 0; }
.cBoardForm ul { display:flex; justify-content:flex-start; align-items:center; height:48px; }
.cBoardForm ul li { display:flex; align-items:center; height:48px; margin-left:40px; }
.cBoardForm ul li:first-child { margin-left:0; }
.cBoardForm ul li label { font-size:21px; color:#1a1524; letter-spacing:-0.84px; margin-right:30px; flex:0 0 auto; }
.cBoardForm ul li div { flex:1; display:flex; }
.cBoardForm ul li div select { border:1px solid #cfced3; height:48px; padding-left:10px; width:180px; font-size:20px; font-weight:300; }
.cBoardForm ul li div input { border:1px solid #cfced3; height:48px; padding-left:10px; width:170px; margin-right:5px; font-size:20px; font-weight:300; }
a.btnSearch { 
	border:5px solid #335cb9; border-radius:5px; width:190px; height:48px; display:flex; justify-content:center; align-items:center; 
	color:#335cb9; font-size:21px;
}
a.btnSearch span { font-size:21px; letter-spacing:-0.84px; color:#335cb9; line-height:1; font-weight:700; }
a.btnSearch i { width:20px; height:20px; margin-left:10px; background:url(/images/i-search.png) no-repeat; display:block; background-size:100%; }

.cBoardTable thead th {background:#e9eef8; border-bottom:1px solid #d6d6dc; font-size:17px; font-weight:700; color:#221d2c; text-align:center; padding:14px 0; }
.cBoardTable tbody td {border-bottom:1px solid #eeeef0; color:#868686; padding:14px 0; text-align:center; font-size:17px; }

.btnEdit { background:#7c96d2; display:flex;  }
.sq_red { border:1px solid #707070; background:#ed391c; width:22px; height:22px; display:inline-block; }
a.btnEdit { 
	background:#7c96d2; border-radius:30px; width:72px; height:32px; display:flex; justify-content:center; align-items:center; 
	color:#f7faff; text-decoration:none;
}
a.btnEdit span { font-size:13px; letter-spacing:0.5px; color:#f7faff; line-height:1; }
a.btnEdit i { width:16px; height:16px; margin-left:5px; background:url(/images/i-pencil.png) no-repeat; display:block; }

.paging { display:flex; justify-content:center; align-items:flex-start; padding:35px 0;  }
.paging div { display:flex; }
.paging div a { height:29px; margin:0 10px; padding-left:10px; padding-right:10px; color:#9f9f9f; padding-top:5px; }
.paging div a.on { border-bottom:1px solid #1a1524;  color:#1a1524; }
.paging div a.pg-first { background:url(/images/pg-first.png) no-repeat center;  width:29px; padding:0; margin:0; }
.paging div a.pg-prev { background:url(/images/pg-prev.png) no-repeat center; width:29px; padding:0; margin:0; margin-right:15px;}
.paging div a.pg-next { background:url(/images/pg-next.png) no-repeat center; width:29px; padding:0; margin:0; margin-left:15px;}
.paging div a.pg-last { background:url(/images/pg-last.png) no-repeat center; width:29px; padding:0; margin:0;}


@media(max-width:1500px){
	.calBoardWrap { padding:60px 30px 0; max-width:100%; }
	
	.cBoardForm ul li label { margin-right:20px; }
	.cBoardForm ul li div select { width:170px; }
	.cBoardForm ul li div input { width:160px; }
}
@media(max-width:1460px){
	.cBoardForm ul li div select { width:150px; }
	.cBoardForm ul li div input { width:140px; }
}
@media(max-width:1360px){
	.cBoardForm ul li div select { width:140px; }
	.cBoardForm ul li div input { width:130px; }
	a.btnSearch { width:150px; }
}
@media(max-width:1280px){
	.ovFlow { overflow-x:auto;  }
	.ovFlow table { width:1250px; }
	.cBoardForm ul li div select { width:120px; }
	.cBoardForm ul li div input { width:120px; }
	a.btnSearch { width:140px; }

	.kaiHeader { padding:0 30px; }
	.calBoardWrap { padding-top:40px; }
	.cBoardTitle h2 { font-size:34px; }
	.cBoardForm { padding:40px 0 30px; }
}

@media(max-width:1200px){
	.cBoardForm ul li label { font-size:18px; color:#1a1524; letter-spacing:-0.84px; margin-right:20px; flex:0 0 auto; }
	.cBoardForm ul li div select { width:130px; font-size:17px; height:40px; }
	.cBoardForm ul li div input { width:120px; font-size:17px; height:40px; }
	a.btnSearch { width:130px;  height:40px; font-size:17px; }
	a.btnSearch i { width:17px; height:17px; }
}


/* main calendar */
.calArea { background:url(/images/bg_cal.png) no-repeat left bottom; width:1260px; position:relative; margin:0 auto; height:1300px; }
.calDateTxt:after { content:"";display:block;clear:both; }
.dateRight { float:right; color:#9a97a2; font-size:15px; letter-spacing:-0.45px; display:inline-flex; padding:20px 0 5px; border-bottom:1px solid #9a97a2; }

.resCom { background:url(/images/bg_calendar1.png) no-repeat center bottom / cover; position:relative; z-index:10; width:100%;  display:none; }
.comsTitle { text-align:center; padding:120px 0 0; width:100%; position:relative; z-index:3; }
.comsTitle em { font-size:15px; color:#3a89b3; }
.comsTitle h2 { text-align:center; font-size:40px; line-height:1; letter-spacing:-1.6px; padding:20px 0 38px; color:#193f85; font-weight:700; }
.comsTitle a.btnViewLarge { width:226px; height:48px; display:inline-flex; justify-content:center; align-items:center; background:#193f85; }
.comsTitle a.btnViewLarge span { font-size:18px; color:#fff; margin-right:12px; }
.comsTitle a.btnViewLarge i { background:url(/images/i-plus-s.png) no-repeat; display:block; width:13px; height:13px; }
.comsTitle p { font-size:16px; line-height:1.7; color:#1a1524; letter-spacing:-0.25px; padding-bottom:55px; font-weight:300; width:850px; margin:0 auto; }
.comsTitle p > span { display:block; }

.apgBoxList { display:flex; justify-content:center; align-items:center; position:relative; max-width:1400px; margin:0 auto; }
.apgBoxList li { flex:0 0 180px; margin:0 40px; position:relative;  }
.apgBoxList li a { position:relative; display:block; }
.apgBoxList li a div:nth-child(1) { width:175px; height:175px; margin:0 auto; border-radius:90px; border:2px dashed #c9cad2; display:flex; justify-content:center; align-items:center; position:relative; }
.apgBoxList li a div:nth-child(1) span { display:flex; width:130px; height:130px;  justify-content:center; align-items:center; background:#fff; border-radius:65px;}
.apgBoxList li a div:nth-child(1) span i { }
.apgBoxList li a div:nth-child(1) em { 
	position:absolute; right:0; bottom:0; width:46px; height:46px; border-radius:23px; 
	background:#102e74; font-size:20px; font-weight:700; color:#fff; 
	display:flex; justify-content:center; align-items:center; 
}

.apgBoxList li a div:nth-child(1) span i.i-proce1 { background:url(/images/i-swp01.png) no-repeat; width:83px;height:77px; display:flex; }
.apgBoxList li a div:nth-child(1) span i.i-proce2 { background:url(/images/i-swp02.png) no-repeat; width:76px;height:77px; display:flex;}
.apgBoxList li a div:nth-child(1) span i.i-proce3 { background:url(/images/i-swp03.png) no-repeat; width:66px;height:77px; display:flex;}
.apgBoxList li a div:nth-child(1) span i.i-proce4 { background:url(/images/i-swp04.png) no-repeat; width:76px;height:72px; display:flex;}
.apgBoxList li a div:nth-child(1) span i.i-proce5 { background:url(/images/i-swp05.png) no-repeat; width:76px;height:72px; display:flex;}

.apgBoxList li a div:nth-child(2) { padding:35px 0; }
.apgBoxList li a div:nth-child(2) h3 { text-align:center; font-size:20px; font-weight:700; color:#102e74;  line-height:1; }
.apgBoxList li a div:nth-child(2) p { font-size:20px; line-height:1.7; letter-spacing:-0.8px; color:#767281; margin-top:22px; text-align:center; font-weight:700; }
.apgBoxList li a div:nth-child(2) p span { display:block }

.apgBoxList li:nth-child(2)::before { content:""; display:block; width:77px; height:23px; background:url(/images/arrow-up2.png) no-repeat; position:absolute; left:-81px; top:75px; }
.apgBoxList li:nth-child(2)::after { content:""; display:block; width:77px; height:23px; background:url(/images/arrow-down2.png) no-repeat; position:absolute; left:182px; top:75px; }

.apgBoxList li:nth-child(4)::before { content:""; display:block; width:77px; height:23px; background:url(/images/arrow-up2.png) no-repeat; position:absolute; left:-81px; top:75px; }
.apgBoxList li:nth-child(4)::after { content:""; display:block; width:77px; height:23px; background:url(/images/arrow-down2.png) no-repeat; position:absolute; left:182px; top:75px; }



.reserCon { width:1220px; margin:0 auto; padding:62px 0; }
.resTop { display:flex; justify-content:space-between; }
.resTab { display:flex; }
.resTab > li { border-radius:7px 7px 0 0; height:53px; flex:0 0 300px; display:flex; align-items:center; justify-content:center; }
.resTab > li > a { 
	display:flex; align-items:center; justify-content:center;  font-size:18px; font-weight:700; width:100%; height:100%; text-align:center; 
	border-radius:8px 8px 0 0; background:#cfced3; color:#767281;
}
.resTab > li.on > a { color:#fff; background:#193f85; }
.resCont > article{ display:none; }
.resCont > article:nth-child(1) { display:block; }
.resTabList { height:55px; display:flex; width:100%; background:#193f85; border-radius:0 0 8px 8px; justify-content:space-between;}
.resTabList li { display:flex; flex:0 0 16.66667%; position:relative; align-items:center; justify-content:center; text-align:center; cursor:pointer;}
.resTabList li span { 
	height:55px;
	color:#9f9f9f; font-weight:500; font-size:16px; background:#193f85; text-align:center;
	display:inline-flex; align-items:center; justify-content:center; position:relative; z-index:1; letter-spacing:-1px;
}
.resTabList li.on { z-index:2;  background:#467bb6; }
.resTabList li.on span { color:#f7faff; background:#467bb6; }

.resTabList li:nth-child(1) { border-radius:0 0 0 8px; }
.resTabList li:nth-child(6) { border-radius:0 0 8px 0; }
.resTabList li i { width:9px; height:9px; border-radius:5px; display:inline-flex; margin-right:6px; margin-top:4px; }
.resTabList._four li { flex:0 0 25%; }
.resRealCont { margin-top:19px; }
.resRealCont > div { height:750px; width:100%; display:flex; }
.leftTitleArea {  flex:0 0 272px; margin-right:28px; }
.loadCalender {  flex:1; background:#f7faff; background:#fff; }
.loadCalendar > div { float:left; width:49%;}
.loadCalendar > div:nth-child(2) { float:right; }

.leftTitleArea { position:relative; }
.leftTitleArea img { max-width:100%; }
.leftTitleArea span { position:absolute; left:32px; top:109px; width:116px; height:116px; background:#fff; border-radius:60px; padding:6px; }
.leftTitleArea span em { 
	display:flex; justify-content:center; align-items:center; font-size:35px; color:#fff; letter-spacing:-1.4px; font-weight:700;
	background:linear-gradient( 90deg, #3172a1, #123277); width:100%; height:100%; border-radius:50%; line-height:1;
}
.leftTitleArea div { padding:97px 25px 0; }
.leftTitleArea div h3 { font-size:20px; color:#335cb9; font-weight:700; padding-bottom:10px; }
.leftTitleArea div p { font-size:15px; color:#767281; letter-spacing:-0.45px; line-height:1.8; }



.spaceExam { background:url(/images/bg_env.png) no-repeat left bottom / cover; height:568px; position:relative; }
.seBox { width:1220px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; height:100%;  }
.seBox h2 { font-size:40px; color:#89d6ff; letter-spacing:-1.6px; line-height:1; font-weight:700; }
.seBox p { font-size:16px; line-height:1.7; color:#cfced3; letter-spacing:-0.48px;  padding:50px 0; width:500px; }
.seBtnArea { display:flex;  flex-wrap:wrap; width:450px; }
.seBtnArea a {  flex:0 0 225px; margin-bottom:35px; }
.seBtnArea a:nth-child(3) { flex:0 0 400px; }

.seBtnArea a.seBtn { display:flex; align-items:center; }
.seBtnArea a.seBtn i { width:16px; height:16px; margin-right:7px; background:url(/images/arrow-sm.png) no-repeat; }
.seBtnArea a.seBtn span { font-size:22px; letter-spacing:-0.66px; color:#fff; }

.seRightImg { 
	width:50vw; height:100%; 
	background:url(/images/img-sat2.png) no-repeat center / cover; 
	background-size:100%;
	position:absolute; right:0; top:0; 
}
.seCenterImg { 
	width:586px; height:411px; 
	background:url(/images/img-sat.png) no-repeat; 
	background-size:100%;
	position:absolute; right:0; top:84px; 
}

.aircraftExam { position:relative; }
.aeBox { width:1220px; margin:0 auto; position:relative; padding-bottom:90px; z-index:3;}
.aeBoxList { display:flex; justify-content:space-between;  }
.aeBoxList li { flex:0 0 587px; }
.aeBoxList li a { position:relative; }
.aeBoxList li a > span { display:block; overflow:hidden; }
.aeBoxList li a > span img { width:100%; position:relative; transition:all 0.5s ease-out; transform:scale(1); }
.aeBoxList li a div { 
	position:relative; z-index:2; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.05); padding:15px 0 38px; 
	width:496px; margin:-56px auto 0;
}
.aeBoxList li a div h3 { font-size:22px; color:#193f85; letter-spacing:-0.66px; padding-bottom:6px; font-weight:700; line-height:1.4; text-align:center; }
.aeBoxList li a div p { font-size:15px; color:#1a1524; letter-spacing:-0.45px; line-height:1.6; font-weight:300; text-align:center; }
.aeBoxList li a div p span { display:block; }
.aeBoxList li a i { 
	width:38px; height:38px; background:url(/images/arrow-large.png) no-repeat; display:block; position:absolute; left:50%; margin-left:-19px; bottom:-19px; 
	z-index:3; transition:all 0.2s ease-out; 
}
.aeBoxList li a:hover span img { transform:scale(1.1); }
.aeBoxList li a:hover i { margin-left:-14px; }
.bgLightBlue { position:absolute; top:0; left:0; width:100%; height:450px; background:#f7faff; }

.apGuide { background:#f7fafe; padding-bottom:80px; }
.aegBoxList { display:flex; justify-content:center;  }
.aegBoxList li img { max-width:100%; }


@media (max-width:1460px){
	.newSlider { width:100%; }
}

@media (max-width:1280px){
	.comsTitle { padding:70px 0 0; }
	.comsTitle p { padding-bottom:55px; width:90%; margin:0 auto; word-break:keep-all; }
	.aeBox { width:96%; padding-bottom:90px; }
	.aeBoxList li { flex:0 0 48%; }
	.aeBoxList li a { position:relative; }
	.aeBoxList li a div { padding:15px 0 38px; width:90%; margin:-56px auto 0; }

	.spaceExam { height:auto; padding:90px 0 70px; }
	.seBox { width:90%; }
	.seBox h2 { font-size:40px; color:#89d6ff; letter-spacing:-1.6px; line-height:1; font-weight:700; }
	.seBox p { font-size:16px; line-height:1.7; color:#cfced3; letter-spacing:-0.48px;  padding:50px 0; width:400px; word-break:keep-all;}
	.seBtnArea { display:flex;  flex-wrap:wrap; width:400px; margin-bottom:25px; }
	.seBtnArea a {  flex:0 0 225px; margin-bottom:25px; }
	.seBtnArea a:nth-child(3) { flex:0 0 400px; }
	.seBtnArea a.seBtn span { font-size:18px; }
	.apgBoxList { max-width:auto; width:800px; flex-wrap:wrap; }
	.apgBoxList li:nth-child(4)::before { display:none;}

	/* 01 */
	.newSlider .pc_ss { width:100%; display:flex; }

}

@media (max-width:900px){
	.aeBoxList { display:block;  }
	.aeBoxList li { margin-top:60px; }
	.aeBoxList li:nth-child(1) { margin-top:0; }

	.spaceExam { height:auto; padding:90px 0 0; }
	.seRightImg { width:100%; height:400px; position:relative; right:auto; top:auto; }
	.seCenterImg { width:586px; height:411px; position:absolute; right:0; top:auto; bottom:0; }


	.apgBoxList { width:500px;  }
	.apgBoxList li { flex:0 0 160px; margin:0 20px; }
	.apgBoxList li a div:nth-child(1) { width:160px; height:160px; }
	.apgBoxList li a div:nth-child(1) span { width:120px; height:120px; }
	.apgBoxList li a div:nth-child(1) em { position:absolute; right:5px; bottom:0; width:36px; height:36px; font-size:17px; }

	.apgBoxList li a div:nth-child(2) { padding:25px 0 35px; }
	.apgBoxList li a div:nth-child(2) h3 { font-size:17px; }
	
	.apgBoxList li:nth-child(2)::before { display:none;}
	.apgBoxList li:nth-child(2)::after { display:none;}
	.apgBoxList li:nth-child(4)::before { display:none;}
	.apgBoxList li:nth-child(4)::after { display:none; }


	.newSlider .pc_ss { display:flex; }
	.newSlider .pc_ss div:nth-child(1) { flex:0 0 250px; width:250px; }
	.newSlider .pc_ss div:nth-child(1) img { width:200px !important; } 
	.newSlider .pc_ss div:nth-child(2) { padding-left:100px; }
	.newSlider .pc_ss div:nth-child(2) h3 { font-size:30px; padding-bottom:40px; line-height:1.6; word-break:keep-all; }
	.newSlider .pc_ss div:nth-child(2) p { font-size:16px; word-break:keep-all; }

}

@media (max-width:640px){
	.spaceExam { height:auto; padding:60px 0 0; }
	.seBox p { width:100%; }
	.seBtnArea { width:100%; }
	.seRightImg { width:100%; height:300px; }
	.seCenterImg { width:360px; height:280px; }

	.seBtnArea a:nth-child(3) { flex:0 0 100%; }

	.apgBoxList { width:360px;  }
	.apgBoxList li { flex:0 0 140px; margin:0 10px; }
	.apgBoxList li a div:nth-child(1) { width:140px; height:140px; }
	.apgBoxList li a div:nth-child(1) span { width:100px; height:100px; }


	.newSlider .pc_ss { display:block; }
	.newSlider .pc_ss div:nth-child(1) { flex:0 0 100%; width:100%; text-align:center; }
	.newSlider .pc_ss div:nth-child(2) { padding:50px 50px 0; }
	.newSlider .ss1 div { padding: 0 0; }
	.newSlider .ss2 div { padding: 0 0; }

	.comsTitle p > span span { display:block; }

}

@media (max-width:360px){

	.apgBoxList { width:280px;  }
	.apgBoxList li { flex:0 0 160px; margin:0 20px; }
	.apgBoxList li a div:nth-child(1) { width:160px; height:160px; }
	.apgBoxList li a div:nth-child(1) span { width:120px; height:120px; }

	.seCenterImg { width:300px; height:220px; }

}




/* 시험 이력 */
.testHistory { position:relative; }
.thBox { 
	background:#fff; width:1260px; margin:0 auto; height:350px; 
	padding:39px 0 0;
	text-align:center;
}
.thTestComp { display:flex; justify-content:center; padding-bottom:22px; align-items:center; }
.thTestComp i { width:75px; height:72px; background:url(/images/i-data.png) no-repeat; display:inline-flex; margin-right:20px; }
.thTestComp span { font-size:30px; line-height:1.15; letter-spacing:-1.2px; color:#cfced3; text-align:left; }

.thCounter { display:flex; justify-content:center; align-items:center;}
.thCounter i { width:60px; height:111px; background:url(/images/i-plus-large.png) no-repeat; display:inline-flex; margin-right:20px; margin-top:15px; }
.thCounter span { font-size:120px; line-height:1; letter-spacing:-4.8px; color:#193f85; font-weight:900; }

.certWrap { height:724px; background:url(/images/bg_guzo.png) no-repeat center / cover; }

/* footer */
.footer { background:url(/images/bg_footer.png) no-repeat center / cover; position:relative; z-index:10; }
.footTop { border-bottom:1px solid #dfe2e8; padding:32px 0; }
.footTop > div { width:1220px; margin:0 auto; }
.foot_list { display:flex; width:100%; }
.foot_list >li { flex:0 0 33.33333%; border-left:1px solid #dddfe4; }
.foot_list >li:nth-child(1) { border-left:none; }
.foot_list >li:nth-child(2),
.foot_list >li:nth-child(3) { padding-left:60px; }

.foot_info li { display:flex; align-items:center; }
.foot_info li > i { width:30px; height:30px; display:inline-flex; margin-right:11px;} 
.foot_info li dl dt { font-size:20px; color:#102e74; letter-spacing:-0.8px; line-height:1; padding-bottom:5px; font-weight:700; display:flex; }
.foot_info li dl dt > span { padding-top:2px; }
.foot_info li dl dt a.btnMap { border-radius:50px; background:#193f85; padding:4px 10px 6px 10px; display:inline-flex; margin-left:15px; align-items:center;  }
.foot_info li dl dt a.btnMap span { color:#f7faff; font-size:13px; font-weight:300;  }
.foot_info li dl dt a.btnMap i { width:16px; height:4px; background:url(/images/i-arrow-s1.png) no-repeat; display:inline-flex; margin-left:10px; }
.foot_info li dl dd { font-size:17px; color:#767281; line-height:1.4; }

.foot_info li:nth-child(1) i { background:url(/images/i-location.png) no-repeat  }
.foot_info li:nth-child(2) i { background:url(/images/i-tel.png) no-repeat  }
.foot_info li:nth-child(3) i { background:url(/images/i-comm.png) no-repeat  }

.footMiddle { padding:60px 0; border-bottom:1px solid #dfe2e8;}
.footMiddle > div { width:1220px; margin:0 auto;  }

.fm_left h1 { background:url(/images/logo-footer.png) no-repeat; width:242px; height:42px; }
.fm_left p { color:#767281; font-size:17px; line-height:1.7; padding:23px 0 30px; width:320px; }
.fm_left a { 
	display:inline-flex; border:1px solid #335cb9; border-radius:2px; width:118px; height:39px; justify-content:center; align-items:center; 
	font-size:12px; letter-spacing:0.2px; color:#335cb9;
}

.fm_list { padding:0 0 0 0; }
.fm_list h2 { font-size:20px; font-weight:700; color:#102e74; letter-spacing:-0.8px; line-height:1; position:relative; padding-bottom:37px; }
.fm_list h2::after { content:"";width:65px; height:2px; background:#3a89b3; display:block; position:absolute; left:0; bottom:0; }
.fm_list ul { position:relative; padding:30px 0 0; }

.fm_list ul li { margin-bottom:10px; }
.fm_list ul li a { font-size:17px; font-weight:400; color:#335cb9; line-height:1; }

.footBottom > div { width:1220px; margin:0 auto; color:#767281; padding:22px 0; font-size:13px; line-height:1.5; }


@media (max-width:1280px){
	.certWrap { height:auto; padding:80px 0; }

	.footTop > div { width:96%; }
	.footMiddle > div { width:96%; }
	.footBottom > div { width:96%; padding:22px 20px; }

	.foot_list >li:nth-child(2),
	.foot_list >li:nth-child(3) { padding-left:30px; }
	.fm_left p { padding:23px 30px 30px 0; width:100%; word-break:keep-all; }

}

@media (max-width:900px){
	.foot_list { display:block; }
	.foot_list > li { margin-top:30px; }
	.foot_list > li:nth-child(1) { margin-top:0; padding-left:20px; }
	.foot_list >li:nth-child(2),
	.foot_list >li:nth-child(3) { padding-left:20px; border-left:none; }
}






.dateTitleArea { display:flex; align-items:center; height:70px; }
.dateTitle { display:flex; justify-content:center; align-items:center; flex:0 0 50%; }
.dateTitle a.mPrev { background:url(/images/arrow-prev.png) no-repeat; width:28px; height:28px; display:inline-flex; background-size:100%; }
.dateTitle .monthTitle { margin:0 10px; font-size:22px; font-weight:700; color:#000; font-family: 'NanumSquare'; }
.dateTitle a.mNext { background:url(/images/arrow-next.png) no-repeat; width:28px; height:28px; display:inline-flex; background-size:100%; }






/* 2022-10-12 */
/* .subCert { background:#f9f9fb url(/images/s101_bg2.png) no-repeat center; height:860px; position:relative; } */
.subCert { background:#f9f9fb; height:860px; position:relative; }
.subCert103 { position:relative; }
.nt_center { text-align:center; margin:0 auto; width:720px; }
.ntb2 { max-width:719px; }
.ntCon1 { 
	margin-top:-300px; position:relative; z-index:2; 
	background:url(/images/new/nt_bg2.png) no-repeat center / contain; 
}

.fbDiv { width:1300px; margin:0 auto; padding:150px 0; display:flex; }
.certImg { flex: 0 0 376px; }
.certImg img { width:100%; }
.certContext { flex:1; padding-left:180px; }
.certContext h3 { font-size:49px; color:#1a1524; letter-spacing:-1.96px; line-height:1.2; padding:0 0 90px; font-weight:700; }
.certContext h3 span { display:block; }
.certContext p { font-size:17px; line-height:1.8; margin-bottom:30px; }
.certContext p span { display:block; word-break:keep-all; }
.mt110 {margin-top:110px; }

@media (max-width:1350px){
	.subCert { height:auto; }
	.fbDiv { width:90%; margin:0 auto; padding:140px 0; display:flex; }
	.certImg { flex: 0 0 30%; }
	.certImg img { width:100%; }
	.certContext { flex:1; padding-left:10%; }
	
	.nt_center { width:90%; }
	.ntb2 { max-width:100%; }
}

@media (max-width:1024px){
	.certContext h3 { font-size:32px; padding:10px 0 50px; }
	.certContext h3 span { display:inline; }
	.certContext p { font-size:16px; }
	.certContext p span { display:inline; }
}

@media (max-width:768px){
	.fbDiv { display:block; padding:100px 0;}
	.certImg { text-align:center; }
	.certImg img { width:auto; max-width:100%; }
	.certContext { padding-left:0; }
	.certContext h3 { text-align:center; margin-top:50px;}
	.certContext p { text-align:center; }
}



.swiper {	width: 100%;height: 100px;	margin-left: auto;	margin-right: auto;z-index:2;position:relative;  }
.swiper-slide { background-size: cover; background-position: center; }
.mySwiper2 { height: 750px; width: 100%; margin:0 auto;  }
.mySwiper {	height: 20%; box-sizing: border-box; 	padding: 10px 0; display:flex;  }
.mySwiper .swiper-slide { /*width: 20%;*/ width:auto !important; display:flex;	height: 100px;	opacity: 1;  }
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.mySwiper .swiper-slide-thumb-active .sps { font-weight:700; color:#000 !important; }
/*.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;  }*/
/*
@media (max-width:640px){
	.mySwiper2 { height: 400px; width: 100%; margin:0 auto;	}
 }
*/	
.underExam { background:#fff; position:relative; z-index:10; }
.tabEq { background:#eeeef0; position:relative; overflow:hidden; overflow-x:auto; width:100%; margin-bottom:80px; }
.tabEq > div { width:1400px; margin:0 auto; }
.tabEq .sps { color:#9f9f9f !important; font-size:18px; cursor:pointer; line-height:1.4; }

.qbox { position:relative; padding:0 30px 0 33px;  }
.qbox::before { content:"";display:block; width:1px; height:17px; background:#cfced3; position:absolute; left:0; top:50%; transform:translateY(-50%)  }
.qFirst::before { display:none; }

.conEq { display:flex; justify-content:space-between; width:1400px; margin:0 auto; }
.conEq>div:nth-child(1) { flex:0 0 616px; }
.conEq>div:nth-child(2) { flex:0 0 650px; }
.conEq>div:nth-child(2) h3 { font-size:30px; color:#000; margin-bottom:25px; font-weight:700; }
.conEq>div:nth-child(2) ul li { border-bottom:1px solid #cfced3; padding:33px 0 18px; display:flex; }
.conEq>div:nth-child(2) ul li strong { display:inline-flex; flex:0 0 280px; padding-left:7px; font-size:17px; color:#000; font-weight:700; line-height:1.4; text-align:left; }
.conEq>div:nth-child(2) ul li em { display:inline-flex; flex:1; font-size:17px; color:#000; font-weight:400; text-align:left; line-height:1.4; text-align:left;}
.conEqLong>div:nth-child(2) ul li strong { flex:0 0 280px; }

.conEq>._borBox { border-radius:10px; overflow:hidden; border:1px solid #ccc; height:auto; }


@media (max-width:1540px){
	.tabEq { background:#eeeef0; position:relative; width:100%; }
	.tabEq > div { width:100%; height:80px; padding:5px 0; }
	.tabEq div.qbox { float:left; width:auto; }
	.tabEq .sps { height:50px; }

	.qbox::before { display:none; } 

	.conEq { display:flex; justify-content:space-between; width:90%; }
	.conEq>div:nth-child(1) { flex:0 0 48%; }
	.conEq>div:nth-child(1) img { max-width:100%; }
	.conEq>div:nth-child(2) { flex:0 0 48%; }
}

@media (max-width:1024px){

	.mySwiper2 { position:relative; height:100% !important; }
	.mySwiper2 .swiper-wrapper .swiper-slide {  }

	.conEq { display:flex; flex-wrap:wrap; height:100% !important; padding:50px 20px 50px; }
	.conEq>div:nth-child(1) { flex:0 0 100%; }
	.conEq>div:nth-child(2) { flex:0 0 100%; padding:50px 0 0; }

	.conEq>div:nth-child(2) h3 { font-size:25px; margin-bottom:15px; }
	.conEq>div:nth-child(2) ul li strong { flex:0 0 160px; font-size:15px; }
	.conEq>div:nth-child(2) ul li em { font-size:15px; padding-left:10px; }
	
}

@media (max-width:768px){

}




.subLocation { display:flex; padding:90px 0 0; }
.subLocation div { flex:0 0 50%; }
.subLocation div ul li { display:flex; margin-bottom:35px; }
.subLocation div ul li > strong { flex:0 0 98px; font-size:17px; color:#3e3c43; line-height:1.3; font-weight:400; }
.subLocation div ul li > em { flex:1; font-size:20px; color:#000; font-weight:700; letter-spacing:-0.8px; line-height:1.3; }
.subLocation .locaList2 ul li { margin-bottom:35px; line-height:1.7 }
.subLocation .locaList2 ul li > strong { flex:0 0 136px; }
.subLocation .locaList2 ul li > em { font-weight:400; word-break:keep-all; }
.loadMap { padding:50px 0; }

.dlList { padding:4px 0 25px; }
.dlList dt { padding-bottom:10px; font-size:16px; }
.dlList dd { font-size:14px; line-height:2; word-break:keep-all; font-weight:300; }
.dlList dd strong { font-size:14px !important; font-weight:500 !important; color:#000 !important; }


@media(max-width:1200px){
	.subLocation { display:block; padding-top:60px; }
	.subLocation .locaList2 { padding-top:60px; }
}
@media(max-width:640px){
	.subLocation { display:block; padding-top:40px; }
	.subLocation .locaList2 { padding-top:40px; }
	.subLocation div ul li { margin-bottom:20px; }
	.subLocation div ul li > strong { font-size:16px; padding-bottom:10px; }
	.subLocation div ul li > em { font-size:18px;  }
}
@media(max-width:480px){
	.subLocation div ul li { display:block; }
	.subLocation div ul li > strong { display:block; padding-top:20px; }
	.subLocation .locaList2 ul li { margin-bottom:20px; }
	.subLocation .locaList2 ul li > strong { font-weight:700; }
	.dlList dt { margin-top:10px; }
}