@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@font-face {
  font-family: 'EduPower';
  font-style: normal;
  font-weight: 400;
  src: url(font/GangwonEduPower.woff2) format('woff2'),
       url(font/GangwonEduPower.woff) format('woff'),
       url(font/GangwonEduPower.otf) format('opentype');
}

html>/**/body {overflow-y:scroll;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; box-sizing:border-box; }
body{font-family:'Spoqa Han Sans Neo', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; font-size:17px; color:#222; font-weight:400; letter-spacing:-0.03em; -webkit-text-size-adjust:none; word-break:keep-all; 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	box-sizing:border-box; }
h1,h2,h3,h4,h5,h6,strong{font-size:100%;}
fieldset,img,button{border:0;}
img,input,button{vertical-align:top;}
address,em{font-style:normal;}
ol,ul{list-style:none;}
hr{display:none;}
a{text-decoration:none; color: #222;}
a:hover,a:active, a:focus{text-decoration:none; color: #222;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}
p{}
table { border-collapse:collapse; border-spacing:0; } 
input[type=button],
input[type=submit],
button{/* -webkit-appearance:none;cursor:pointer; */}
*:focus {}
legend,caption,summary {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}

input {font-size: 15px;vertical-align: middle;border: #ccc 1px solid;}
button { border-radius:0; }
input[type='checkbox'], input[type='radio'] {width:20px; height: 25px;line-height: 25px;text-align: left; display: inline-block; position: relative; top:-1px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999 !important; }

input,
textarea {
/*    -webkit-appearance:none; */
   -webkit-border-radius: 0;
}
.input{border: #e1e1e1 1px solid; vertical-align: middle;font-size: 14px ;height: 40px; padding:10px;box-sizing: border-box; }

textarea {width: 100%; padding:24px 28px; font-size:1rem; line-height: 1.5rem; border:1px solid #e1e1e1; box-sizing: border-box; }
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}




/** placeholder *************************************************/
*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
*::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
*:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
*:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}


/*---------------------------------- Skip Menu ----------------------------------*/
.skipMenu {position:absolute; top:0px; left:0; width:100%; z-index:99;}
.skipMenu a{height:1px;font-size: 0; color:#eee; display:block;}
.skipMenu a:focus, 
.skipMenu a:active {height:auto; padding:7px 0 10px; background-color:#f0f0f0; color:#333; text-decoration:none; font-size: 15px; font-weight:bold; text-align:center; _float:left; display: block;}

@media (max-width:600px) {
.skipMenu {display: none;}

}

.txt-ct{text-align:center;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}

.mgt-5{margin-top:5px;}
.mgt-10{margin-top:10px;}
.mgt-15{margin-top:15px;}
.mgt-20{margin-top:20px;}
.mgt-25{margin-top:25px;}
.mgt-30{margin-top:30px;}
.mgt-35{margin-top:35px;}
.mgt-40{margin-top:40px;}
.mgt-50{margin-top:50px;}
.mgt-60{margin-top:50px;}
.mgt-70{margin-top:50px;}
.mgt-80{margin-top:50px;}

.mgl-5{margin-left:5px;}
.mgl-10{margin-left:10px;}
.mgl-15{margin-left:15px;}
.mgl-20{margin-left:20px;}
.mgl-25{margin-left:25px;}
.mgl-30{margin-left:30px;}
.mgl-35{margin-left:35px;}
.mgl-40{margin-left:40px;}


.mgr-5{margin-right:5px;}
.mgr-10{margin-right:10px;}
.mgr-15{margin-right:15px;}
.mgr-20{margin-right:20px;}
.mgr-25{margin-right:25px;}
.mgr-30{margin-right:30px;}
.mgr-35{margin-right:35px;}
.mgr-40{margin-right:40px;}


.mgb-5{margin-bottom:5px;}
.mgb-10{margin-bottom:10px;}
.mgb-15{margin-bottom:15px;}
.mgb-20{margin-bottom:20px;}
.mgb-25{margin-bottom:25px;}
.mgb-30{margin-bottom:30px;}
.mgb-35{margin-bottom:35px;}
.mgb-40{margin-bottom:40px;}

.pdt-5{padding-top:5px;}
.pdt-10{padding-top:10px;}
.pdt-15{padding-top:15px;}
.pdt-20{padding-top:20px;}
.pdt-25{padding-top:25px;}
.pdt-30{padding-top:30px;}
.pdt-35{padding-top:35px;}
.pdt-40{padding-top:40px;}

.pdl-5{padding-left:5px;}
.pdl-10{padding-left:10px;}
.pdl-15{padding-left:15px;}
.pdl-20{padding-left:20px;}
.pdl-25{padding-left:25px;}
.pdl-30{padding-left:30px;}
.pdl-35{padding-left:35px;}
.pdl-40{padding-left:40px;}


.pdr-5{padding-right:5px;}
.pdr-10{padding-right:10px;}
.pdr-15{padding-right:15px;}
.pdr-20{padding-right:20px;}
.pdr-25{padding-right:25px;}
.pdr-30{padding-right:30px;}
.pdr-35{padding-right:35px;}
.pdr-40{padding-right:40px;}


.pdb-5{padding-bottom:5px;}
.pdb-10{padding-bottom:10px;}
.pdb-15{padding-bottom:15px;}
.pdb-20{padding-bottom:20px;}
.pdb-25{padding-bottom:25px;}
.pdb-30{padding-bottom:30px;}
.pdb-35{padding-bottom:35px;}
.pdb-40{padding-bottom:40px;}



/*---------------------------------- COMMON ----------------------------------*/
body{min-width:360px;}

#wrap{position:relative; width:100%; min-height: 900px; }
/*
.container{width:100%; margin:auto auto; position: relative; display: block; clear: both;}
.content{position: relative; width:95%; max-width: 1200px; margin:0 auto; vertical-align: top; display: block; clear: both;}
.con800{position: relative; width:95%; height:auto; max-width: 800px; margin:auto auto; vertical-align: top; display: block; clear: both;}
*/



.gray_wrap{background:;}
.pd90{padding:90px 0 !important;}

.small{font-size: 14px; line-height: 16px; color: #9b7957;}

.ellip {max-height:24px;/* height:24px; */display:block;display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.blind {position:absolute; top:0; left:0;width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.right{position:absolute;right: 0}


/* slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { }
.slick-list.dragging { cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


/* 슬라이드 메뉴 내부 스크롤 */
.scroller { height:100%; width:100%; position:relative; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.ftscroller_container {height: 90%; box-sizing: border-box;}


.clearfix:after {content: ""; display: block; clear: both;}
.clearfix > li {display: block; float:left;}
/*.isDisabled {color: currentColor; cursor: not-allowed; text-decoration: none;}*/



/*---------------------------------- 	NAVIGATION  ----------------------------------*/



/* header */
.header {position: absolute; width: 100%; height: 104px; box-sizing: border-box; z-index: 13; border-bottom: 1px solid #dedede;}

.header > .gnb_web_area {position: relative; top:0; left:0;  width: 100%; height: 104px; margin:0 auto; overflow: hidden;
	-webkit-transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);z-index: 13;}
.header > .gnb_web_area > .gnb_bg {position: absolute; top:104px; left:0; width: 100%; height: 0; /* -webkit-transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); */}
.header > .gnb_web_area:before {content: ""; position: absolute; top:104px; left:0; display: block; width: 100%; height: 1px; background-color: #fff; z-index: 2; opacity:0.2; }

.header .gnb_web_area .gnb_box {width:100%; max-width:1200px; margin:0 auto; position: relative;}
.header > .gnb_web_area .gnb_box ul li a { color:;}
.header > .gnb_web_area > .gnb_box > h1 {position: relative;  float:left; display: block; min-width:255px; height: 110px;}
.header > .gnb_web_area > .gnb_box > h1 > .logo {position: absolute; top:50%; left:0; display: block; width:255px; height:50px; margin-top:-27px; background:url("/n_img/common/logo.png") no-repeat center center;}
.header > .gnb_web_area > .gnb_box > h1 > .logo em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0; font-size:0;}
.header > .gnb_web_area > .gnb_box .gnb {float:left; padding-left:70px;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 {position:relative; margin:0 auto;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li {position: relative; padding:8px 25px 0 25px; line-height: 94px;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a {display: block; font-size:19px; font-weight:600; height: 96px; text-align: center; box-sizing: border-box; letter-spacing: 0;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a:hover,
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a.hover,
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a.active {border-bottom:3px solid #2e79eb !important; color:#2e79eb !important;}

.header > .gnb_web_area.active, .header > .gnb_web_area:hover {height: 390px;  -webkit-transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1); background: #fff;  border-bottom:1px solid #f2f2f2}
.header > .gnb_web_area.active > .gnb_bg {top:0; height: 360px; -webkit-transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);}
/* .header > .gnb_web_area.active > .gnb_bg:after {opacity: 1;} */
.header > .gnb_web_area.active:before, .header > .gnb_web_area:hover:before {background-color: #eeeeee; opacity:1;}
.header > .gnb_web_area.active > .gnb_box > h1 > .logo {background-image: url("/n_img/common/logo.png");}
.header > .gnb_web_area:hover > .gnb_box > .gnb ul.dep1 > li > a,
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep1 > li > a{}
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep1 > li:after {}

.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 {position:relative; padding-top:15px; opacity: 0}
.header > .gnb_web_area.active > .gnb_box > .gnb ul.dep2 {opacity: 1}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li {position: relative; line-height: 40px;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a {display: block; font-size:16px; color:#555; font-weight:400; padding:8px 0; height: 35px; line-height: 24px; box-sizing: border-box; text-align:left;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a:hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a.hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a.active {color:#2e79eb !important; text-decoration:underline; font-weight:500;}

.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 {position:relative; padding-bottom:9px;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li {position: relative; line-height: 24px;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a {display: block; font-size:14px; color:#666; padding:3px 0 3px 10px; line-height: 18px; box-sizing: border-box; position:relative;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a:hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a.hover,
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a.active {color:#c09b7f !important;}
.header > .gnb_web_area > .gnb_box > .gnb ul.dep3 > li > a:before{position:absolute; left:0; top:10px; width:3px; height:2px; background:#666; content:''}

.header > .gnb_web_area > .gnb_box > .right_zone {position: absolute; top:0; right:20px; height: 94px;display:block;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info {float:left;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul {position:relative; margin:0 ;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li {position: relative; padding:0 10px; height: 94px; line-height: 94px;}
.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a {position: relative; display: block; text-align: center;width: 20px; height: 100%; font-size: 0; }

.header > .gnb_web_area > .gnb_box > .right_zone > .info ul li a:after {content: ""; position: absolute; top:45px; width:100%; height: 100%; display: block; background: url("/n_img/common/icons.png") center top; background-repeat: no-repeat; background-size: 500px auto; }

.header > .gnb_web_area .gnb_box .right_zone .info ul li a.btn01:after{width: 20px; height: 20px; background-position: -55px -50px; display: block;}
.header > .gnb_web_area .gnb_box .right_zone .info ul li a.btn02:after{width: 20px; height: 20px; background-position: -15px -50px; display: block;}
.header > .gnb_web_area .gnb_box .right_zone .info ul li a.btn03:after{width: 20px; height: 20px; background-position: -95px -50px; display: block;}
.header > .gnb_web_area.active .gnb_box .right_zone .info ul li a.btn01:after, .header > .gnb_web_area:hover .gnb_box .right_zone .info ul li a.btn01:after{width: 20px; height: 20px; background-position: -55px -50px; display: block;}
.header > .gnb_web_area.active .gnb_box .right_zone .info ul li a.btn02:after, .header > .gnb_web_area:hover .gnb_box .right_zone .info ul li a.btn02:after{width: 20px; height: 20px; background-position: -15px -50px;display: block;}
.header > .gnb_web_area.active .gnb_box .right_zone .info ul li a.btn03:after, .header > .gnb_web_area:hover .gnb_box .right_zone .info ul li a.btn03:after{width: 20px; height: 20px; background-position: -135px -50px;display: block;}


.nav_gnb .nav_foot ul li a {position: relative; display: block; width: 100%; height: 70px; padding-top:45px; text-align: center; box-sizing: border-box;}
.nav_gnb .nav_foot ul li a em {font-size:14px; line-height: 23px; color:#000; font-weight:bold; text-transform:uppercase; font-weight:600;}
.nav_gnb .nav_foot ul li a:after {content: ""; position: absolute; top:15px; left:50%; margin-left:-20px; display: block; background: url("/n_img/common/icons.png") center top; background-repeat: no-repeat; background-size:  500px auto;}

.nav_gnb .nav_foot ul li a.btn_02:after {width: 40px; height: 30px; background-position: -305px -15px;}
.nav_gnb .nav_foot ul li a.btn_03:after {width: 40px; height: 30px; background-position: -345px -15px;}



.header > .gnb_web_area .sub_menu {float:left; position: relative; padding-top:100px; margin-left:103px;}
.header > .gnb_web_area .sub_menu .menu_area {position: relative;  padding-left:76px; padding-top:29px; height: 344px; border-left:1px solid #eeeeee; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep1 {display: block; float:left; margin-left:65px;}
.header > .gnb_web_area .sub_menu ul.dep1:first-child {margin-left:0;}
.header > .gnb_web_area .sub_menu ul.dep1 > li {position: relative;}
.header > .gnb_web_area .sub_menu ul.dep1 > li > a {display: block; font-size:16px;  padding:8px 0; line-height: 24px; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep1 > li > a:hover,
.header > .gnb_web_area .sub_menu ul.dep1 > li > a.hover,
.header > .gnb_web_area .sub_menu ul.dep1 > li > a.active {color:#2e79eb !important;}

.header > .gnb_web_area .sub_menu ul.dep2 {position:relative; padding-bottom:9px;}
.header > .gnb_web_area .sub_menu ul.dep2 > li > a {display: block; font-size:14px; color:#999999; padding:3px 0; line-height: 18px; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep2 > li > a:hover,
.header > .gnb_web_area .sub_menu ul.dep2 > li > a.hover,
.header > .gnb_web_area .sub_menu ul.dep2 > li > a.active {color:#2e79eb !important;}




@media all and (max-width:1209px) {
	.header > .gnb_web_area.active > .gnb_bg:after {display: none;}
}
@media all and (max-width:1400px) {
	.header > .gnb_web_area .sub_menu {margin-left:50px;}
	.header > .gnb_web_area .sub_menu .menu_area {padding-left:35px;}
	.header > .gnb_web_area .sub_menu ul.dep1 {margin-left:20px;}
}
@media all and (max-width:1280px) {
.header > .gnb_web_area > .gnb_box .gnb {padding-left:35px;}
    .header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li {position: relative; padding:8px 15px 0 15px; }
    .header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a {font-size:18px;}
/*
    .header > .gnb_web_area > .gnb_box > h1 {position: relative;  float:left; display: block; min-width:255px; height: 95px;}
    .header > .gnb_web_area > .gnb_box > h1 > .logo {margin-top:-32px; background:url("/n_img/common/logo.png") no-repeat center center;}
    
	.header > .gnb_web_area > .gnb ul.dep1 {margin:0 -23px;}
	.header > .gnb_web_area > .gnb ul.dep1 > li {padding:0 23px; }
	.header {height: 94px;}
    .header > .gnb_web_area {height: 94px;}
    .header > .gnb_web_area > .gnb_bg top:94px;}
    .header > .gnb_web_area:before {top:94px;}
    
*/
}
@media all and (max-width:1200px) {
	/*.header > .gnb_web_area > .gnb_box > h1 {min-width:191px; height: 94px; }*/
	.header > .gnb_web_area .sub_menu {margin-left:0; float:none; position: absolute; top:0; right:25px;}
	.header > .gnb_web_area .sub_menu .menu_area {padding-left:20px;}
    
}


@media all and (max-width:920px) {
    
	.header > .gnb_web_area > h1 {width: 120px;}
	.header > .gnb_web_area > .gnb ul.dep1 {margin:0 -12px;}
	.header > .gnb_web_area > .gnb ul.dep1 > li {padding:0 12px; }
	.header > .gnb_web_area > .gnb ul.dep2 > li > a > em {display: block;}
	.header > .gnb_web_area > .gnb ul.dep3 > li > a > em {display: block; margin-left:7px;}

}

@media all and (max-width:820px) {
	.header > .gnb_web_area .sub_menu ul.dep1 {position: relative; float:none; margin-left:0;}
	.header > .gnb_web_area .sub_menu ul.dep1 > li > a {padding:6px 0;}
}


.header > .gnb_mobile_area {display: none; height: 70px; }
.header > .gnb_mobile_area > h1 {position: absolute; top:0; left:10px; display: block; width: 190px; height: 70px;}
.header > .gnb_mobile_area > h1 > .logo {display: block; width: 190px; height: 70px; background: url("/n_img/common/logo.png") no-repeat center center; background-size: 190px auto;}
.header > .gnb_mobile_area > h1 > .logo em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0; font-size:0;}
.header > .gnb_mobile_area > a.btn_gnb {position: absolute; top:20px; right:20px; display: block; width: 30px; height:40px; background: url("/n_img/common/icons.png") no-repeat center center ;  background-position: -10px -50px; background-size:500px auto;  }
.header > .gnb_mobile_area > a.btn_gnb em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}




/* header mobile */
@media all and (max-width:1024px) {
	.header {position: absolute; width: 100%; height: 70px;}
	.header > .gnb_web_area {display: none;}
	.header > .gnb_web_area:before {display: none;}
	.header > .gnb_mobile_area {display: block;}
	.header > .gnb_mobile_area > a.btn_gnb{top:25px;}
}

/* */
.gnb_modal { visibility:hidden; opacity:0; position:fixed; top:0; bottom:0; left:0; right:0; z-index:11; background-color:rgba(0,0,0,.4); -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; }
.show_gnb .gnb_modal { opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; }
/*mobile menu */
.nav_gnb { opacity:0; visibility:hidden; position:fixed; right:0; top:0; box-sizing:border-box; max-width:460px; width:100%; height:100%; z-index:100; overflow:hidden; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); -ms-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); transform:translate3d(100%,0,0); background-color: #265aa6;}
.show_gnb .nav_gnb {opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); transform:translate3d(0,0,0);}

.nav_gnb {letter-spacing: 0; padding-bottom:20px; box-sizing: border-box;}
.nav_gnb .head {position: relative; height: 70px; border-bottom:1px solid rgba(255,255,255,0.3);}
.nav_gnb .head .logo a {position: absolute; top:0; left:10px; width: 190px; font-size:0; height: 70px; color:#fff; text-indent: -999em; background: url("/n_img/common/logo1.png") no-repeat center center; background-size: 190px auto;}
.nav_gnb .head .btns {position: absolute; top:12px; right:7px; padding-right:60px; height: 40px;}
.nav_gnb .head .btns .btn_gnb_close {position: absolute; top:0; right:7px; width: 50px; height: 40px; background: url("/n_img/common/icons.png") no-repeat -75px 0; background-size:  500px auto; text-indent: -999em;}

.nav_gnb .scroller .ftscroller_y {-webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.nav_gnb .menus {}
.nav_gnb .menu {padding:20px 20px 14px;}
.nav_gnb .menu ul.dep1 > li > a {position: relative; display: block; padding:14px 0; font-size:19px; line-height: 32px; color:#fff;  border-bottom:1px solid #164892;}
.nav_gnb .menu ul.dep1 > li > a:before {content: ""; position: absolute; top:9px; right:1px; display: block; width: 30px; height: 30px;background: url("/n_img/common/icons.png") no-repeat -125px 0; background-size:  500px auto;}
.nav_gnb .menu ul.dep1 > li.active > a {color:#fff;}
.nav_gnb .menu ul.dep1 > li.active > a:before {background-position: -155px 0;}

.nav_gnb .menu ul.dep2 {display: none;background-color: #265aa6; padding:4px 0; margin-bottom:16px;}
.nav_gnb .menu ul.dep2 > li > a {position: relative; display: block; padding:9px 20px; font-size:16px; line-height:19px; color:#fff;  }
.nav_gnb .menu ul.dep2 > li:last-child > a{border-bottom:none;}
.nav_gnb .menu ul.dep2 > li > a.menuPlus:after {content: ""; position: absolute; top:0; right:1px; display: block; width: 30px; height: 30px; background: url("/n_img/common/icons.png") no-repeat -185px 0; background-size:  500px auto;}
.nav_gnb .menu ul.dep2 > li.active > a {font-weight: bold;}
.nav_gnb .menu ul.dep2 > li.active > a.menuPlus:after {background-position: -215px 0;}
.nav_gnb .menu ul.dep2 > li:first-child > a {border-top:none;}
.nav_gnb .menu ul.dep2 > li.active > a,
.nav_gnb .menu ul.dep2 > li > a:focus,
.nav_gnb .menu ul.dep2 > li > a:hover {font-weight: bold; background-color:#265aa6;}
.nav_gnb .menu ul.dep3 {padding:10px; background:#11428a;}
.nav_gnb .menu ul.dep3 > li > a {position: relative; display: block; padding:5px 10px 5px 20px; font-size:14px; font-weight:400; line-height: 23px; color:#fff;}
.nav_gnb .menu ul.dep3 > li > a:before{content:''; width:4px; height:1px; position:absolute; background:#fff; left:10px; top:17px;}
.nav_gnb .menu.menuSub {padding-top:0; margin-bottom:30px;}
.nav_gnb .menu ul.dep3 > li > a:hover {text-decoration:underline;}

.nav_gnb .nav_foot {position: absolute; bottom:0; left:0; width: 100%; height: 80px; z-index:1; background-color: #ffd900;}
.nav_gnb .nav_foot ul li {display: block; float:left; width: 50%;}
.nav_gnb .nav_foot ul li a {position: relative; display: block; width: 100%; height: 80px; padding-top:45px; border-right:1px solid #fff; text-align: center; box-sizing: border-box; text-align: center;}
.nav_gnb .nav_foot ul li a em {font-size:14px; line-height: 23px; color:#000; font-weight:bold; text-transform:uppercase; font-family :'NanumSquare'; font-weight:800;}
.nav_gnb .nav_foot ul li:last-child a{border-right:none;}
.nav_gnb .nav_foot ul li a:after {content: ""; position: absolute; top:15px; left:50%; margin-left:-20px; display: block; background: url("/n_img/common/icons.png") center top; background-repeat: no-repeat; background-size:  500px auto;}
.nav_gnb .nav_foot ul li a.btn_01:after {width: 40px; height: 30px; background-position: -265px -15px;}
.nav_gnb .nav_foot ul li a.btn_03:after {width: 40px; height: 30px; background-position: -345px -15px;}




@media all and (min-width:821px) and (max-width:1200px) {
/* tablet */


}

@media all and (min-width:0) and (max-width:820px) {
/* mobile */

}


footer{width:100%; background:#3b3a3e;}
#footer{position:relative; width:100%; max-width:1200px; margin:0 auto; padding:40px 0 2% 0;}
#footer:after{display:block;content:"";clear:both;} 
#footer address .f_logo{float:left;}
#footer address .f_logo span{padding-left:2px;color:#fff; font-size:16px;}
#footer address .f_logo strong{font-size:25px; display:block; color:#fff;}
#footer address ul{padding-top:1px;float:left; margin-left:40px;}
#footer address li{color:#fff; font-size:15px; padding-bottom:4px;}


#footer .footer_site{position:absolute;right:0; top:40px;width:460px;text-align:right;}
#footer .familysite{position:relative;margin:0 0 0 4px;width:217px;display:inline-block;text-align:left;}
#footer .familysite button{font-family:'Spoqa Han Sans Neo';}
#footer .familysite .my_value{position:relative;border:1px solid #bbb; left:0;top:0;z-index:1;width:217px;margin:0;padding:0;line-height:37px;height:37px;text-align:left;background:#fff;text-indent:25px;font-size:14px;}
#footer .familysite .my_value:after{content:"";display:block;position:absolute;right:16px;top:12px;width:12px;height:12px;background:url("/n_img/common/ico.png") no-repeat -150px -50px;}
#footer .familysite .my_value.familysiteed{font-weight:bold;}
#footer .familysite.open .my_value,.familysite .my_value.outLine{border:1px solid #999;}
#footer .familysite ul{overflow:hidden;position:absolute;left:0;bottom:37px;width:217px;list-style:none;border:0;border-top:1px solid #000;border-bottom:1px solid #000;background:#151516;text-align:left;}
#footer .familysite ul{display:none;}
#footer .familysite.open ul{display:block;}
#footer .familysite li{overflow:hidden;position:relative;height:35px;line-height:34px;border-left:1px solid #000;border-right:1px solid #000;white-space:nowrap;}
#footer .familysite li a{font-size:14px; display:block;height:35px;line-height:34px;background:#151516;text-decoration:none; text-indent:25px;color:#fff;}
#footer .familysite li.hover *{background:#111;color:#fff;}




@media screen and (max-width:1240px){
#footer{padding:40px 3% 4% 3%; width:94%;}
#footer .footer_site{position:absolute;right:20px; top:20px;}
}

@media screen and (max-width:980px){
#footer address .f_logo{float:none;}
#footer address ul{padding-top:0;float:none; margin-left:0; padding-top:20px;}
}


@media screen and (max-width:640px){
#footer address{padding:40px 1% 0 1%;}
#footer .footer_site{position:absolute;left:10px; top:25px;width:95%;text-align:center;}
#footer .familysite{position:relative;margin:0 0 0 4px;width:95%;display:inline-block;text-align:left;}
#footer .familysite .my_value{position:relative;border:1px solid #bbb; left:0;top:0;z-index:1;width:100%;}
#footer .familysite ul{overflow:hidden;position:absolute;left:0;bottom:37px;width:100%;}
}


.xi{overflow:hidden; }
[class*=" xi-"], [class^=xi-], .xi{display:inline-block; font-weight:400;}



.foot_family{margin:0 auto; width:1200px;}

.family_wrap{ padding:10px 0 20px 0; position:relative;}
.family_wrap .control{float:left;}
.foot_family h3{float:left; font-size:20px; font-weight:400; font-family:'EduPower'; margin-right:10px;}
.family_wrap .family {clear:both; flex:1; min-width:0;}
.family_wrap .control .arrow {}
.family_wrap .control .arrow > li{ display:inline-block; cursor:pointer;}
.family_wrap .control .arrow > li .xi{ color:#222; border:1px solid #d4d5d8; width:1.8em; line-height:1.8em; text-align:center;  }
.family_wrap .control .arrow > li:hover .xi{background:#101e34; color:#fff; transition:.3s;}
.family_wrap .control .arrow .slick-hidden{ display:inline-block;}
.family_wrap .family .item > a{ display:block; margin:; padding:0 5px 0 0;}
.family_wrap .family .item > a img{border:1px solid #c8c7cc;}
.flex.vc{ align-content:center; align-items:center;}


.vm_wrap{ display:block; text-align:center; white-space:nowrap;}
.vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.vm_wrap .vm{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal; box-sizing:border-box;}
.vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; max-height:100%;}



@media screen and (max-width:1240px){
.foot_family{width:100%;}
}