@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: bold;
}

p, dl, ol, ul {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

.clearfix:after {
    clear: both;
    display: table;
    content: '';
}

i[class*="icon-"] span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.skip-nvi {background: #fff; }
.skip-nvi:active, .skip-nvi:focus { position:relative; display:block; height:auto; width:100%; z-index:100; text-align:center;  }
i span{  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }



body {  font-family: 'S-CoreDream-4Regular',sans-serif; min-width: 320px; overflow: scroll; overflow-x: scroll !important; letter-spacing: -0.8px;	word-break: keep-all;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}
br {font-family: 'S-CoreDream-4Regular' !important;}

.clear { clear:both;  }
.clearfix:after { clear:both; display: table;  content: " ";}
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
img { max-width:100% ;  }
.map img { max-width:initial ;}
.show { display:block !important;  }
.hide { display:none !important;  }
pre {line-height: 100% !important;}

a[href^=javascript]:not([role=button]) {
	border: none !important;
}
a[href^=javascript]:not([role=button]):after {
	content: none !important;
}

@media (min-width: 992px) {
	.pc-true { display:block !important; }
	.m-true { display:none !important; }
	.container {width: 1200px;}

	.header {  position:relative; z-index:100;   }

	.header h1 { width:228px; float:left;   position:relative; z-index:101;  padding-top:35px; }

	.header .all-menu-btn { z-index:101;  position:absolute; top:88px; right:50%; margin-right:-600px;text-align:center;  }
	.header .all-menu-btn a { display:block; color:#fff; font-size:32px; }


	.wrap_footer .wrap_sitelink {overflow: hidden; width:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:100px; padding:20px 0;}
	.wrap_footer .wrap_sitelink .sitelink{ overflow: hidden; }
	/*.wrap_footer .wrap_sitelink .sitelink .swiper-container{width: 1056px; margin: 0; float: left;}*/
	.wrap_footer .wrap_sitelink .sitelink .swiper-container{width: calc(100% - 184px); margin: 0; float: left;}
	.wrap_footer .wrap_sitelink .sitelink .swiper-container .swiper-wrapper .swiper-slide {width: auto; max-width: 25%;}
	.wrap_footer .wrap_sitelink .sitelink .swiper-container .swiper-wrapper .swiper-slide  img {height: 58px;}
	.wrap_footer .wrap_sitelink .sitelink ul{overflow: hidden; width:1055px; float:left; }
	.wrap_footer .wrap_sitelink .sitelink li{ float:left; margin-right:45px; }
	.wrap_footer .wrap_sitelink .sitelink .btn_wrap{ background:#fff; overflow: hidden; width:144px; float:right; margin-top: 8px; }
	.btn_wrap > span{ display: block; width:40px; height:40px; padding-top: 13px; float: left; margin-right: 9px; border:1px solid #ddd; border-radius:20px; text-align:center; cursor:pointer; line-height:35px;  }
	.btn_wrap > span img{margin-top: 0px;}
	.btn_wrap > span:last-child{ margin-right: 0;}




	.footer {position:relative;  }
	.footer .row { display: block; }
	.footer:before { position:absolute; top:0px; left:0px; height:50px; width:100%; display:inline-block; content:''; background:#F0F0F0;  } 
	.footer .foot-util { padding-top:15px;  height:50px }
	.footer .foot-util li { float:left;  padding:0 20px; position:relative;  }
	.footer .foot-util li:before { content:''; display:inline-block; width:1px; height:12px; background:#999; position:absolute; top:5px; left:0px;  }
	.footer .foot-util li:first-child { padding-left:0px;  }
	.footer .foot-util li:first-child:before { width:0px; height:0px; }
	.footer .foot-util li a { font-size:15px; color:#333333;   }
	.footer .footer-contents {  padding-top:50px;  position:relative;   padding-bottom:50px; }
	.footer .footer-contents .foot-logo { float:left; padding-top:20px; margin-right: 80px; }
	.footer .footer-contents .foot-logo img { width:247px; }
	.footer .footer-contents address { margin-left:327px;   font-size:15px; line-height:1.8; }
	.footer .footer-contents .rel-site { position:absolute; right:0px; top:70px; width:240px;  }
	.footer .footer-contents .rel-site dt {  }
	.footer .footer-contents .rel-site dt a { display:block; font-size:15px; color:#333;   width:100%; height:50px; border:1px solid #ddd; padding:10px 0 10px 20px;  }
	.footer .footer-contents .rel-site dt a:after { clear:both; display:table; content:'';  } 
	.footer .footer-contents .rel-site dt a span.text {padding-top:5px;  display:inline-block; height:30px;  }
	.footer .footer-contents .rel-site dt a span.img { float:right;  padding-top:11px;  display:inline-block; width:50px;height:30px;  border-left:1px solid #ddd; text-align:center;  }
	.footer .footer-contents .rel-site dt a span.img img {width:15px; }
	.footer .footer-contents .rel-site dd { display:none; width:100%; position:absolute; bottom:50px; left:0px; border:1px solid #ddd; background:#fff; padding:15px 20px; z-index:50;  }
	.footer .footer-contents .rel-site dd a { display:block; padding:3px 0 ; }


	.back {
		display: none;
		z-index: 10;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
	}


  #backtotop {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 9999;
      width: 60px;
      height: 60px;
      text-align: center;
     padding-top:10px; 
      background: rgba(0,0,0,0.3);
      font-size: 40px;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
      transition: opacity 0.2s ease-out;
      opacity: 0;
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0,0,0,0.6);
  }



}



@media (min-width: 1200px)  {

	.header { height:170px;   padding-top:50px; }
	.header .container {position: relative;}

	.header .all-menu-btn {display: none !important;}

	.header:before {position:absolute; top:50px; left:0px; width:100%;  border-bottom:1px solid rgba(187, 187, 187, .18); content:''; display:inline-block; }
	.header .top-util-wrap { position: absolute; top: -50px; width: 100%;  display: flex; justify-content: space-between;}
	.header .top-util-wrap .jiles-btn a {display: inline-block; font-family: 'S-CoreDream-3Light'; color: #F5F5F5; background-color: rgba(17, 17, 17, .6); height:49px; padding: 15px 20px; }
	.header .top-util-wrap .jiles-btn a i {margin-left: 15px;}
	.header .top-util-wrap ul {display: flex; align-items: center; }
	.header .top-util-wrap ul li {  float:left; border-right:1px solid rgba(187, 187, 187, .18);  }
	.header .top-util-wrap ul li a {display:block; height:50px; padding: 15px 20px; font-size:14px; font-family: 'S-CoreDream-3Light'; color:#fff;  }
	.header .top-util-wrap ul li a i {display:inline-block; margin-top:-4px; margin-right:5px; }
	.header .top-util-wrap ul li.zoom-wrap {
		display: inline-flex;
		align-items: center;
		margin-right: 14px;
		color: #fff;
		font-size: 14px;
	}
	.header .top-util-wrap ul li.zoom-wrap a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		height: 24px;
		width: 24px;
		padding: 0;
		margin-left: 3px;
		color: #555555;
		font-size: 14px;
		border-radius: 5px;
		border: 1px solid #FFFFFF;
		background-color: transparent;
	}
	.header .top-util-wrap ul li.zoom-wrap span {
		margin-right: 8px;
	}


	.gnb { position:absolute;   top:50px;  right:0px;  width:100%; z-index:100;  }
	.gnb .row {display: flex; justify-content: flex-end;}
	.gnb .menu { position:relative; text-align:center; margin-left: 50px; }
	.gnb .menu h3 {height:55px; }
	.gnb .menu h3 a { display: inline-block;  font-size:18px; color:#fff; font-weight: normal; padding-bottom:15px; }
	.gnb .menu h3 a:hover, .gnb .menu h3 a.active {  border-bottom:4px solid #687EF8; text-decoration:none;  }
	.gnb .menu h3 i { display:none !important;  }
	.gnb .menu ul {display:none; padding:30px 15px 15px ;  position:absolute;  top:55px; left:50%; margin-left:-88px; width:176px; border-radius:10px;  box-shadow: 0px 12px 16px rgba(0,0,0,0.29);  background:#fff;  }
	.gnb .menu ul li { padding-bottom:15px;  }
	.gnb .menu ul li a { font-size:16px; color:#555;   }
	.gnb .menu ul li a:hover, .gnb .menu ul li a:active{text-decoration:underline; color:#4B61E0 }
	.gnb .all-menu-bg { display:none;  }
	.header .all-menu-close { display:none; }
	
	.all-menu { position:absolute;  top:50px; padding-top:50px;  left:0px;  width:100%;  background:#fff;  z-index:100; }
	.all-menu .container {padding-left:265px; position:relative; z-index:101; }
	.all-menu .menu { float:left; position:relative;  width:135px; text-align:center; }
	.all-menu .menu04 {   width:220px;  }
	.all-menu .menu h3 {height:70px; }
	.all-menu .menu h3 a {display: inline-block;  font-size:18px; color:#222222;  padding-bottom:15px; }
	.all-menu .menu h3 a:hover, .all-menu .menu h3 a.active { color:#687EF8;   border-bottom:4px solid #687EF8; text-decoration:none;  }
	.all-menu .menu h3 i { display:none !important;  }
	.all-menu .menu ul { display:block !important; padding:23px 10px;  }
	.all-menu .menu ul li { padding-bottom:15px;  }
	.all-menu .menu ul li a { font-size:16px; color:#555;   }
	.all-menu .menu ul li a:hover, .all-menu .menu ul li a:active{text-decoration:underline; color:#687EF8 }
	.all-menu-bg {z-index:0 ;  display:block; position:absolute; top:120px;  border-top:1px solid #ddd; background:#fff; left:0px; width:100%;  box-shadow: 0px 12px 16px rgba(0,0,0,0.29); }


	

}




@media (min-width: 992px) and (max-width: 1199px) {

	.container {width: 960px;}
	.wd-1200 {width: 960px !important;}


	.header { height:120px;  }

	.header {  padding-top:0px; height:120px;  }
	.header h1 {  }
	.header .all-menu-btn { margin-right:-480px;  top:38px }


	.footer .footer-contents .foot-logo {   margin-right: 10px;  }
	.footer .footer-contents address { margin-left:280px;   }
	.footer .footer-contents .rel-site { width:200px;  }




}



@media (max-width: 1199px) {



	.m-menu { display:none; margin-right:-310px;   background:#fff; position:fixed; top:0px;   right:0px; height:100%; overflow-y:auto;  width:310px; z-index:1000;  }
	.m-menu .container {  width:100%;  }
	.header .top-util-wrap { width:100%; padding:15px; height:60px;  border-bottom:1px solid #ddd;  }
	.header .top-util-wrap .jiles-btn {display: none;}
	.header .top-util-wrap ul {padding-top:5px;  }
	.header .top-util-wrap ul li {  float:left;  }
	.header .top-util-wrap ul li a {display:block;margin-right:8px;  font-size:14px;color:#444;  }
	.header .top-util-wrap ul li a i {display:inline-block; margin-top:-4px; margin-left:1px; }
	.header .top-util-wrap ul li.zoom-wrap {display: none;}

	#gnb {padding:20px 30px;   }
	#gnb .menu h3 {   }
	#gnb .menu h3 a {font-size:18px ; color:#333;  display:block; width:100%;  position:relative; padding:15px 0 ;  }
	#gnb .menu h3 a i {position:absolute; top:15px; right:0; font-size:15px;  }
	#gnb .menu h3 a:hover, #gnb .menu h3 a.active { color:#687EF8;    }
	#gnb .menu ul {  border-radius:5px; display:none;  padding:20px 15px 10px;  }
	#gnb .menu ul li {margin-bottom:12px;}
	#gnb .menu ul li a {color:#111; font-size:16px; }

	.header .all-menu-close  { position:absolute; top:17px; right:15px;  margin-right:0px;  }
	.header .all-menu-close a { display:block; color:#111;  font-size:24px; }


}





@media (max-width: 991px) {
	.pc-true { display:none !important;  }
	.m-true { display:block !important;  }
	.container {width: 100%;}

	.header {  height:60px; padding: 0 15px;position:relative; z-index:100;  }
	.header h1{ float:left;  padding-top:15px; }
	.header h1 img {  width:160px;  }

	.header .all-menu-btn { z-index:101;  position:absolute; top:17px; right:15px; text-align:center;  }
	.header .all-menu-btn a { display:block;color:#fff; font-size:24px; }
	.header .all-menu-close a {color: #111;}
	

	.wrap_footer .wrap_sitelink {overflow: hidden; height: 95px; width:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;  padding:20px 15px;}
	.wrap_footer .wrap_sitelink .sitelink{ overflow: hidden; }
	/*.wrap_footer .wrap_sitelink .sitelink .swiper-container{width: 1056px; margin: 0; float: left;}*/
	.wrap_footer .wrap_sitelink .sitelink .swiper-container{width:100% ; margin: 0; }
	.wrap_footer .wrap_sitelink .sitelink .swiper-container .swiper-wrapper .swiper-slide {width: auto; max-width: 40%;}
	.wrap_footer .wrap_sitelink .sitelink ul{overflow: hidden; width:1055px; float:left; }
	.wrap_footer .wrap_sitelink .sitelink li{ float:left; margin-right:45px; }
	.wrap_footer .wrap_sitelink .sitelink .btn_wrap{display: none; background:#fff; overflow: hidden; margin-top: 8px; text-align:center;  }
	.btn_wrap > span{ display: inline-block; width:40px; height:40px; padding-top: 13px; margin-right: 3px; border:1px solid #ddd; border-radius:20px; text-align:center; line-height:35px; cursor:pointer;}
	.btn_wrap > span img{margin-top: 0px;}
	.btn_wrap > span:last-child{ margin-right: 0;}



	.footer {position:relative;  padding:0 15px;  }
	.footer:before { position:absolute; top:0px; left:0px; height:50px; width:100%; display:inline-block; content:''; background:#F0F0F0;  } 
	.footer .foot-util { padding-top:15px;  height:50px }
	.footer .foot-util li { float:left;  padding:0 10px; position:relative;  }
	.footer .foot-util li:before { content:''; display:inline-block; width:1px; height:12px; background:#999; position:absolute; top:5px; left:0px;  }
	.footer .foot-util li:first-child { padding-left:0px;  }
	.footer .foot-util li:first-child:before { width:0px; height:0px; }
	.footer .foot-util li a { font-size:12px; color:#333333;   }
	.footer .footer-contents {  padding-top:20px;  position:relative;   padding-bottom:50px; }
	.footer .footer-contents .foot-logo { padding-top:20px; margin-bottom:30px;  }
	.footer .footer-contents .foot-logo img { width:200px; }
	.footer .footer-contents address {    font-size:13px; line-height:1.8; margin-bottom:30px; word-break:keep-all;   }
	.footer .footer-contents .rel-site {  width:240px;   position:relative; }
	.footer .footer-contents .rel-site dt {  }
	.footer .footer-contents .rel-site dt a { display:block; font-size:15px; color:#333;   width:100%; height:50px; border:1px solid #ddd; padding:10px 0 10px 20px;  }
	.footer .footer-contents .rel-site dt a:after { clear:both; display:table; content:'';  } 
	.footer .footer-contents .rel-site dt a span.text {padding-top:5px;  display:inline-block; height:30px;  }
	.footer .footer-contents .rel-site dt a span.img { float:right;  padding-top:11px;  display:inline-block; width:50px;height:30px;  border-left:1px solid #ddd; text-align:center;  }
	.footer .footer-contents .rel-site dt a span.img img {width:15px; }
	.footer .footer-contents .rel-site dd { display:none; width:100%; position:absolute; bottom:50px; left:0px; border:1px solid #ddd; background:#fff; padding:15px 20px; z-index:50;  }
	.footer .footer-contents .rel-site dd a { display:block; padding:3px 0 ; }




	.back {
		display: none;
		z-index: 10;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
	}
	#backtotop {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 9999;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		padding-top:15px; 
		background: rgba(0, 0, 0, 0.3);
		font-size: 20px;
		color: #fff;
		cursor: pointer;
		text-decoration: none;
		/*transition: opacity 0.2s ease-out;*/
		opacity: 0;
	}
	#backtotop.show {
		opacity: 1;
	}
	#backtotop:hover.show {
		background: rgba(0, 0, 0, 0.6);
	}

	#backtopage, #forwardtopage{
		bottom: 50%;
		transform: translate(0, -50%);
		border-radius: 99px;
		z-index: 9999;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		padding-top:15px;
		background: rgba(0, 0, 0, 0.3);
		font-size: 20px;
		color: #fff;
		cursor: pointer;
		text-decoration: none;
		opacity: 1;
	}

	#backtopage {
		position: fixed;
		left: 4px;
	}
	#forwardtopage {
		position: fixed;
		right: 4px;
	}
	#backtopage:hover, #forwardtopage:hover {
		background: rgba(0, 0, 0, 0.8);
	}

}

.footer .foot-util li a.privacy {
	color: #0B84E1;
	font-size: 15px;
	font-weight: 500;
	position: relative;
}





@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}
@media (min-width: 768px) {

}


/*���� */
.edu-agree {
	display:none;
	padding: 40px;
	background-color: #F2F2F2;
}
@media (max-width: 991px) {
	.edu-agree {
		padding: 20px 5px;
	}
}
.edu-agree .e-title {
	padding: 5px 0 40px;
	color: #111;
	font-size: 24px;
	text-align: center;
}
@media (max-width: 991px) {
	.edu-agree .e-title {
		padding: 0 0 15px 0;
		font-size: 22px;
	}
}
.edu-agree .e-title span {
	color: #687EF8;
	font-weight: bold;
	text-decoration: underline;
}
.edu-agree .e-box {
	padding: 25px 30px 35px;
	background-color: #fff;
}
@media (max-width: 991px) {
	.edu-agree .e-box {
		padding: 20px 10px;
	}
}
.edu-agree .e-box .box-text {
	min-height: 120px;
	padding-right: 10px;
	margin-bottom: 30px;
	color: #1058A5;
	font-size: 16px;
}
.edu-agree .e-box .box-text img {
	float: left;
	padding-right: 30px;
}
@media (max-width: 991px) {
	.edu-agree .e-box .box-text img {
		height: 100px;
	}
}
.edu-agree .e-box .box-text strong {
	font-weight: bold;
}
.edu-agree .e-box .box-text2 {
	padding: 25px 0 35px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.edu-agree .e-box .box-text2 .e-txt {
	padding-bottom: 50px;
	color: #111;
	font-size: 16px;
}
@media (max-width: 991px) {
	.edu-agree .e-box .box-text2 .e-txt {
		padding-bottom: 40px;
	}
}
.edu-agree .e-box .box-text2 form .agree-check {
	display: flex;
	justify-content: center;
    align-items: center;
	color: #111;
	font-size: 16px;
}
@media (max-width: 991px) {
	.edu-agree .e-box .box-text2 form .agree-check {
		padding: 0 10px;
		text-align: center;
	}
}
.edu-agree .e-box .box-text2 form .agree-check input {
	width: 16px;
	height: 16px !important;
	margin-right: 5px !important;
	border: 1px solid #999999 !important;
}
.edu-agree .e-box .box-text2 form .box-input {
	display: flex;
	justify-content: center;
    align-items: center;
	padding-top: 45px;
}
@media (max-width: 991px) {
	.edu-agree .e-box .box-text2 form .box-input {
		align-items: flex-start;
		flex-direction: column;
		padding-top: 25px;
	}
}
.edu-agree .e-box .box-text2 form .box-input div {
	padding: 0 25px;
}
@media (max-width: 991px) {
	.edu-agree .e-box .box-text2 form .box-input div {
		padding: 15px 0 0 0;
	}
}
.edu-agree .e-box .box-text2 form .box-input div label {
	color: #111;
	font-size: 16px;
	border-radius: 5px;
}
.edu-agree .e-box .box-text2 form .box-input div input {
	width: 145px;
	height: 36px !important;
	margin-left: 5px !important;
	border: 1px solid #DDDDDD !important;
}
.edu-agree .e-btn {
	display: flex;
    justify-content: center;
	padding-top: 30px;
}
.edu-agree .e-btn button {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #687EF8;
}