@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(./font/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(./font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(./font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(./font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(./font/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(./font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothicLight.woff2) format('woff2'),
       url(./font/NanumBarunGothicLight.woff) format('woff'),
       url(./font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(./font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothic.woff2) format('woff2'),
       url(./font/NanumBarunGothic.woff) format('woff'),
       url(./font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(./font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothicBold.woff2) format('woff2'),
       url(./font/NanumBarunGothicBold.woff) format('woff'),
       url(./font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(NanumSquareB.eot);
 src: url(NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareB.woff) format('woff'),
      url(NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(NanumSquareEB.eot);
 src: url(NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareEB.woff) format('woff'),
      url(NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(NanumSquareL.eot);
 src: url(NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareL.woff) format('woff'),
      url(NanumSquareL.ttf) format('truetype');
}

html, body {margin:0;padding:0;width:100%;height:100%;font-family:'Nanum Barun Gothic','NanumSquare',dotum;}
a {text-decoration:none;}

.user-select-none {
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.cursor-pointer {cursor:pointer;}
#header {width:100%;height:28px;background-color:#3bbdfb;}
#header-top {margin:auto;width:1200px;height:28px;line-height:28px;font-family:dotum;}

#header-top-left-ico {float:left;}
#header-top-left-ico dd {float:left;font-size:11px;font-family:dotum;margin:0px;}
#header-top-left-ico dd.ico-tel {background-image:url('../images/main_images/ico_top_tel.jpg');background-repeat:no-repeat;background-position:0% 40%;padding-left:15px;margin-right:20px;font-size:11px;color:#ffffff;}
#header-top-left-ico dd.ico-email {background-image:url('../images/main_images/ico_top_email.jpg');background-repeat:no-repeat;background-position:0% 50%;padding-left:20px;margin-right:20px;font-size:11px;color:#ffffff;}
#header-top-left-ico dd.ico-watch {background-image:url('../images/main_images/ico_top_watch.jpg');background-repeat:no-repeat;background-position:0% 40%;padding-left:17px;font-size:11px;color:#ffffff;}

#header-top-right-ico {float:right;}
#header-top-right-ico dd {float:left;font-size:11px;font-family:dotum;color:#ffffff;border-left:1px solid #ffffff;text-align:center;padding:0px 10px 0px 10px;margin:0px;}
#header-top-right-ico dd.last {border-right:1px solid #ffffff;}

#header-top-right-ico dd:hover {
	background-color:#1ca1e1;cursor:pointer;
}

#navigator {width:100%;height:190px;background-color:#ffffff;}
#top-logo {margin:auto;width:1200px;height:190px;text-align:center;vertical-align:middle;}
#top_logo {margin-top:60px;}

#top-menu-w {width:100%;height:87px;background-image:url('../images/main_images/top_mnu_bg.png');}
#top-menu {margin:auto;width:1200px;height:87px;line-height:87px;text-align: center;}
#top-menu dd {display:inline-block;font-weight:bold;letter-spacing:-0.085em;margin:0px;padding:0 20px 0 20px;}
@keyframes mnu-dd-hover {
	from {
		background-color: rgba( 0, 0, 0, 0 );
	}
	to {
		background-color: rgba( 0, 0, 0, 0.05 );
	}
}
#top-menu dd:hover {
	background-color: rgba( 0, 0, 0, 0.05 );cursor:pointer;color:#00adff;
	-webkit-animation: mnu-dd-hover 0.3s ;
	-moz-animation: mnu-dd-hover 0.3s ;
	-o-animation: mnu-dd-hover 0.3s ;
	animation: mnu-dd-hover 0.3s ;
}
.top-mnu-dd-hover {background-color: rgba( 0, 0, 0, 0.05 );cursor:pointer;color:#00adff;}


#main-visual {width:100%;height:420px;margin-top:87px;border-bottom:3px solid #d9d9d9;}
.main-img {width:100%;height:420px;background-image:url('../images/main_images/main_img.jpg');background-size:cover;background-repeat:no-repeat;background-position:0% 50%;min-height:420px;}

#main-contents {width:100%;height:auto;}
.m-cnt {display:inline-block;width:100%;height:auto;border-bottom:1px solid #e6e6e8;padding-bottom:50px;}
.ffffff {background-color:#ffffff;}
.f8f8fa {background-color:#f8f8fa;}
.fafafa {background-color:#fafafa;}
.text-align-center {text-align: center;}

.m-cnt-in {margin:auto;width:1200px;padding:50px 0 50px 0;}
.w-title {width:1200px;padding-bottom:30px;text-align:center;font-size:34px;letter-spacing:-0.085em;background-image:url('../images/main_images/title_under_dotLine.png');background-repeat:repeat-x;background-position:0% 100%;}
.s-title {display:inline-block;padding:0 50px 25px 50px;font-size:34px;letter-spacing:-0.085em;background-image:url('../images/main_images/title_under_dotLine.png');background-repeat:repeat-x;background-position:0% 100%;}
.s-title1 {display:inline-block;margin-bottom:40px;padding:0 50px 25px 50px;font-size:30px;letter-spacing:-0.085em;background-image:url('../images/main_images/title_under_dotLine.png');background-repeat:repeat-x;background-position:0% 100%;}

.s-cnts-w-outline {margin-top:40px;width:1200px;}
.s-cnts-w-2-left {float:left;width:600px;}
.s-cnts-w-2-right {float:right;width:600px;}
.s-title2 {display:inline-block;margin-bottom:20px;padding:0 20px 25px 20px;font-size:24px;letter-spacing:-0.085em;background-image:url('../images/main_images/title_under_dotLine.png');background-repeat:repeat-x;background-position:0% 100%;}

ul.w-ul {width:587px;margin-bottom:-11px;border:1px solid #eeeeee;background-color:#ffffff;list-style:none;padding:0px;border-radius:4px;}
ul.w-ul2 {float:left;width:290px;margin-bottom:-11px;border:1px solid #eeeeee;background-color:#ffffff;list-style:none;padding:0px;border-radius:4px;margin-right:5px;}

@keyframes mnu-ul-hover {
	from {
		border:1px solid #eeeeee;
		background-color:#ffffff;
	}
	to {
		border:1px solid #3bbdfb;
		background-color:#3bbdfb;
	}
}
ul.w-ul:hover {
	border:1px solid #3bbdfb;background-color:#3bbdfb;color:#ffffff;cursor:pointer;
	-webkit-animation: mnu-ul-hover 0.1s ;
	-moz-animation: mnu-ul-hover 0.1s ;
	-o-animation: mnu-ul-hover 0.1s ;
	animation: mnu-ul-hover 0.1s ;
}
ul.w-ul li {padding:11px 12px 11px 12px;}
ul.w-ul li.w-ul-left {float:left;border-right:1px solid #eeeeee;padding-left:17px;}
ul.w-ul li span {padding-left:15px;font-size:15px;font-weight:bold;}

ul.w-ul2:hover {
	border:1px solid #3bbdfb;background-color:#3bbdfb;color:#ffffff;cursor:pointer;
	-webkit-animation: mnu-ul-hover 0.1s ;
	-moz-animation: mnu-ul-hover 0.1s ;
	-o-animation: mnu-ul-hover 0.1s ;
	animation: mnu-ul-hover 0.1s ;
}
ul.w-ul2 li {padding:11px 12px 11px 12px;}
ul.w-ul2 li.w-ul-left {float:left;border-right:1px solid #eeeeee;padding-left:17px;}
ul.w-ul2 li span {padding-left:15px;font-size:15px;font-weight:bold;}

.ico-wlev {float:left;width:290px;margin-bottom:40px;}
.ico-wlev-img {float:left;margin-right:20px;}

.s-cnts-w-outline2 {margin-top:40px;width:1200px;}
.edu-box2 {float:left;margin:0 12px 30px 12px;width:274px;height:325px;border-top:1px solid #c5d8dc;border-left:1px solid #c5d8dc;border-right:1px solid #c5d8dc;border-bottom:1px solid #d3d3d3;background-color:#ffffff;overflow:hidden;transform:scale(1);}

@keyframes view-ani {
	0% {transform:scale(1);}
	20% {transform:scale(1.01);}
	40% {transform:scale(1.02);}
	60% {transform:scale(1.03);}
	80% {transform:scale(1.04);}
	100% {transform:scale(1.05);}
}

.edu-box2:hover {
	border:1px solid red;cursor:pointer;transform:scale(1.05);box-shadow: 5px 5px 5px 0px lightgray;
	-webkit-animation: view-ani 0.15s ;
	-moz-animation: view-ani 0.15s ;
	-o-animation: view-ani 0.15s ;
	animation: view-ani 0.15s ;
}
.edu-bx-cnt {padding:15px;text-align:left;}
.edu-bx-cnt-title {font-weight:bold;font-size:16px;letter-spacing:-0.085em;height:36px;max-height:36px;overflow:hidden;}
.edu-bx-cnt-sub {margin-top:10px;padding-top:18px;font-size:14px;color:#a1a1a1;letter-spacing:-0.085em;background-image:url('../images/main_images/edu_cont_sub_line2.jpg');background-repeat:repeat-x;max-height:32px;overflow:hidden;}

.news-box {width:580px;height:300px;background-color:#ffffff;border-bottom:1px solid #d5d5d5;}
.news-more {margin-bottom:25px;padding-top:20px;text-align:right;padding-right:30px;}
.news-list {margin-left:30px;margin-bottom:17px;}
.news-no {float:left;width:26px;height:26px;text-align:center;color:#ffffff;font-size:16px;background-color:#39bdfb;border-radius:2px;line-height:28px;}
.news-title {width:480px;height:26px;line-height:26px;text-align:left;margin-left:40px;overflow:hidden;}
.news-title a {text-decoration:none;color:#000000;}

.question-box {width:580px;height:300px;background-color:#ffffff;border-bottom:1px solid #d5d5d5;}
.question-more {margin-bottom:25px;padding-top:20px;text-align:right;padding-right:30px;}

.input-box {width:430px;height:24px;border:1px solid #39bdfb;padding-left:10px;color:#008acb;border-radius:2px;}
.input-box-half {width:160px;height:24px;border:1px solid #39bdfb;padding-left:10px;color:#008acb;border-radius:2px;}
.qs-lable {float:left;margin-bottom:10px;width:80px;height:24px;text-align:left;line-height:30px;}
.qs-input {float:left;margin-bottom:10px;width:450px;text-align:left;}
.qs-input-half {float:left;margin-bottom:10px;width:190px;text-align:left;}
.qs-textarea {width:500px;text-align:left;}
.text-areabox {width:500px;height:70px;border:1px solid #39bdfb;padding:10px;color:#008acb;border-radius:2px;}
.qs-btn {float:right;margin-top:15px;margin-right:30px;width:80px;height:24px;background-color:#39bdfb;color:#ffffff;font-size:12px;line-height:24px;user-select:none;cursor:pointer;}

#footer {width:100%;height:200px;background-color:#68a4c4;color:#404040;}
#footer-in {margin:auto;width:1200px;}

select::-ms-expand {display:none;}


#sub-contents {width:100%;height:auto;margin-top:87px;}
.edu-list-box {margin:auto;width:1200px;height:auto;padding:50px 0 50px 0;text-align:center;}
.edu-list-in-box {text-align:center;display:inline-block;}
.bottom-spacer-40px {clear:both;width:100%;height:40px;}
.edu-subject-span-on {margin-bottom:6px;display:inline-block;padding:6px 10px 4px 10px;background-color:#3bbdfb;border-left:1px solid #3bbdfb;border-top:1px solid #3bbdfb;border-right:1px solid #0074ab;border-bottom:1px solid #0074ab;color:#ffffff;font-size:12px;border-radius:2px;cursor:pointer;}
.edu-subject-span-off {margin-bottom:6px;display:inline-block;padding:6px 10px 4px 10px;background-color:#ffffff;border:1px solid #8a8a8a;color:#8a8a8a;font-size:12px;border-radius:2px;cursor:pointer;}
.edu-subject-span-off:hover {padding:6px 10px 4px 10px;background-color:#3bbdfb;border-left:1px solid #3bbdfb;border-top:1px solid #3bbdfb;border-right:1px solid #0074ab;border-bottom:1px solid #0074ab;color:#ffffff;font-size:12px;border-radius:2px;cursor:pointer;}
.edu-subject-m {position:absolute;top:14.04em;left:10px;width:254px;height:30px;line-height:30px;background-color: rgba( 255, 0, 0, 0.8 );color:#fff799;font-size:12px;border-radius: 15px 15px 0px 0px;}

.edu-subject-span2-on {padding:6px 10px 4px 10px;background-color:#32b16c;border-left:1px solid #32b16c;border-top:1px solid #32b16c;border-right:1px solid #51883f;border-bottom:1px solid #51883f;color:#ffffff;font-size:12px;border-radius:2px;cursor:pointer;}
.edu-subject-span2-off {padding:6px 10px 4px 10px;background-color:#ffffff;border:1px solid #8a8a8a;color:#8a8a8a;font-size:12px;border-radius:2px;cursor:pointer;}
.edu-subject-span2-off:hover {padding:6px 10px 4px 10px;background-color:#32b16c;border-left:1px solid #32b16c;border-top:1px solid #32b16c;border-right:1px solid #51883f;border-bottom:1px solid #51883f;color:#ffffff;font-size:12px;border-radius:2px;cursor:pointer;}


.edu-contents-box {margin-top:30px;width:1200px;height:auto;}
.edu-contents-top {margin-bottom:50px;width:1000px;display:inline-block;text-align:center;}
.edu-contents-mainImg {float:left;width:400px;height:300px;background-color:#eeeeee;}
.edu-contents-intro {float:left;margin-left:30px;padding:10px 0 10px 0;width:570px;height:auto;text-align:left;}
.edu-contents-intro-header {position:relative;}
.edu-contents-intro-bottom {
	margin:0;
	padding:0;
}
.edu-contents-intro-in {margin-bottom:10px;}
.edu-contents-intro-lable {padding:4px 10px 4px 10px;background-color:#848484;color:#ffffff;font-size:12px;border-radius:2px;}
.edu-contents-intro-text {padding:4px 10px 4px 10px;font-size:14px;}
.edu-contents-body {margin-bottom:40px;display:inline-block;text-align:left;width:1000px;height:auto;}
.center {
	display:block;
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}

.edu-rq-div {margin-bottom:10px;}
.edu-rq-lable {padding:8px 20px 8px 20px;background-color:#878787;color:#ffffff;border-radius:2px;line-height:30px;}
.edu-rq-input {margin-left:10px;width:660px;height:30px;padding-left:10px;border:1px solid #b7b7b7;border-radius:2px;}
.read-only-efefef {background-color:#efefef;}
.edu-rq-textarea {width:746px;height:100px;padding:10px;border:1px solid #b7b7b7;border-radius:4px;}
.text-center {text-align:center;}
.edu-rq-btn {padding:8px 30px 8px 30px;background-color:#3bbdfb;color:#ffffff;}
.cursor-pointer {cursor:pointer;}

.edu-btn-left {padding:20px 30px 20px 30px;background-color:#5d6b72;color:#ffffff;}
.edu-btn-top {padding:20px 30px 20px 30px;background-color:#5d6b72;color:#ffffff;}


/*·Î±×ÀÎ ·¹À̾î Æ˾÷*/
.setDiv {
	display: none;
	padding-top: 0px;
	text-align: center;
}
.mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
	background-color:#000;
	display:none;
}
.window {
	display: none;
	background-color: #ffffff;
	height: 340px;
	z-index:99999;
}