@charset "utf-8";

@font-face{font-family: 'NanumBarunGothic';src: url('../font/NanumBarunGothic.eot');
src: local('?'), url('../font/NanumBarunGothic.woff') format('woff'), url("../font/NanumBarunGothic.ttf") format("truetype");}

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object {margin:0;padding:0;}
body {width:100%;height:100%;min-height:100%;background:#fff;min-width:320px;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;}
body,input,select,textarea,button,label {font-size:13px;font-family:NanumBarunGothic,Malgun Gothic,Dotum,Gulim;color:#666;}
ul,ol,li{list-style:none;}
table {border-spacing:0;border:0;border-collapse:collapse;}
img,fieldset,abbr {border:0;}
button {border:0;cursor:pointer}
address,caption,cite,code,em {font-style:normal;font-weight:normal;}
img,input,select,textarea,button,label {vertical-align:middle;}
caption,legend {width:1px;height:1px;line-height:1px;text-indent:-9999px;overflow:hidden;}
header,section,nav,hgroup,footer,aside,article,figure {display:block;}
table td {word-wrap:break-word;word-break:break-all;}
a {color:#444;text-decoration:none;}
a:link,a:hover,a:active {text-decoration:none;}

/* webkit box */
.hbox {display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;}
.hbox > * {display:block}
.jc{-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.hbox > input[type=text],.hbox > input[type=tel],.hbox > input[type=password],.hbox > select,.hbox > textarea {-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;} 

#header {position:relative;height:70px;background:#fff;}
#header h1 {padding:17px 0 0 15px;}
#header h1 img {width:210px;}
#header .ico_home {position:absolute;top:21px;right:43px;display:inline-block;width:23px;height:22px;padding:5px;overflow:hidden;text-indent:-9999px;background:url('../images/ico_home.png') no-repeat 50% 50%;background-size:23px;}
#header .allmenu {position:absolute;top:21px;right:10px;display:inline-block;width:22px;height:22px;padding:5px;overflow:hidden;text-indent:-9999px;background:url('../images/allmenu.png') no-repeat 50% 50%;background-size:22px;z-index:3000;}
#header .allmenu.on {position:absolute;top:19px;right:5px;display:inline-block;width:30px;height:30px;overflow:hidden;text-indent:-9999px;background:url('../images/allmenu_close.png') no-repeat 50% 50%;background-size:30px;}

/* nav */
.aside_nav {display:none;width:230px;height:100%;position:fixed;top:0;right:0;z-index:2000;overflow-y:auto;background:#fff;
-webkit-box-shadow:0 3px 3px rgba(49, 49, 49, .5);
-moz-box-shadow:0 3px 3px rgba(49, 49, 49, .5); 
box-shadow:0 3px 3px rgba(49, 49, 49, .5);}
.aside_nav h2 {height:38px;padding:30px 0 1px 15px;color:#fff;border-bottom:1px solid #7ebfe0;font-size:18px;font-weight:normal;letter-spacing:-1px;
background: linear-gradient(#187eb4 0%, #57acd7 100%); 
background: -moz-linear-gradient(#187eb4 0%, #57acd7 100%); 
background: -webkit-linear-gradient(#187eb4 0%, #57acd7 100%); 
background: -o-linear-gradient(#187eb4 0%, #57acd7 100%);}
.aside_nav > ul > li {border-bottom:1px solid #7ebfe0;background:#57acd7;}
.aside_nav > ul > li:last-child {border-bottom:0;}
.aside_nav > ul > li > a {display:block;height:16px;padding:12px 0 12px 15px;font-size:16px;color:#fff;}
.aside_nav ul li li {border-bottom:1px solid #c4dfee;background:#fff;}
.aside_nav ul li li a {display:block;height:16px;padding:10px 0 8px 48px;font-size:15px;color:#434343;}
.aside_nav ul li.menu01 li:last-child {border-bottom:0;}
.aside_nav ul li.menu01 li a {background:url("../images/ico_menu01.png") no-repeat 14px 5px;background-size:28px;}
.aside_nav ul li.menu01 li:nth-child(1) a {background-position:14px 5px;}
.aside_nav ul li.menu01 li:nth-child(2) a {background-position:14px -29px;}
.aside_nav ul li.menu01 li:nth-child(3) a {background-position:14px -62px;}
.aside_nav ul li.menu01 li:nth-child(4) a {background-position:14px -94px;}
.aside_nav ul li.menu01 li:nth-child(5) a {background-position:14px -126px;}
.aside_nav ul li.menu01 li:nth-child(6) a {background-position:14px -159px;}
.aside_nav ul li.menu01 li:nth-child(7) a {background-position:14px -192px;}
.aside_nav ul li.menu01 li:nth-child(8) a {background-position:14px -225px;}
.aside_nav ul li.menu02 li a {background:url("../images/ico_menu02.png") no-repeat 14px 2px;background-size:28px;}
.aside_nav ul li.menu02 li:nth-child(1) a {background-position:14px 2px;}
.aside_nav ul li.menu02 li:nth-child(2) a {background-position:14px -31px;}
.aside_nav ul li.menu02 li:nth-child(3) a {background-position:14px -63px;}
.aside_nav ul li.menu02 li:nth-child(4) a {background-position:14px -96px;}
.aside_nav ul li.menu02 li:nth-child(5) a {background-position:14px -129px;}
.aside_nav ul li.menu02 li:nth-child(6) a {background-position:14px -163px;}
.page_overlay {display:none;position:fixed;top:0;left:0;opacity:0;width:100%;min-height:inherit;background:#000;z-index:1900;}

#content {position:relative;background:#fff;line-height:19px;}
#content .cont_wrap {padding:0px;}

/* main */
.edu_office {overflow:hidden;padding:40px 20%;
box-shadow: inset 0 22px 22px -23px #333;
-webkit-box-shadow: inset 0 22px 22px -23px #333;
-moz-box-shadow: inset 0 22px 22px -23px #333;
-o-box-shadow: inset 0 22px 22px -23px #333;
background: linear-gradient(#9dc8da 0%, #59609E 100%); 
background: -moz-linear-gradient(#9dc8da 0%, #59609E 100%); 
background: -webkit-linear-gradient(#9dc8da 0%, #59609E 100%); 
background: -o-linear-gradient(#9dc8da 0%, #59609E 100%);}
.edu_office li {float:left;width:50%;text-align:center;margin-bottom:8px;}
.edu_office li img {width:100%;max-width:306px;}
.edu_office li a {display:block;margin:0 3px;}

/* search */
.search_area {min-height:42px;padding:10px 12px 10px 15px;background:#62a4c6;text-align:center;
box-shadow: inset 0 22px 22px -23px #333;
-webkit-box-shadow: inset 0 22px 22px -23px #333;
-moz-box-shadow: inset 0 22px 22px -23px #333;
-o-box-shadow: inset 0 22px 22px -23px #333;}
.search_area select {height:34px;margin-right:10px;line-height:18px;padding:0 26px 0 8px;font-size:16px;color:#1573a4;border:1px solid #fff;border-radius:2px;background:#fff url('../images/arrow01.png') no-repeat 95% 50%;background-size:15px;-webkit-box-sizing:border-box;-webkit-appearance:none;}
.search_area select:focus {border:2px solid #0b6493;background:#fff url('../images/arrow02.png') no-repeat 95% 50%;background-size:15px;}
.search_area select:first-child {width:58%;}
.search_area .btn_search {width:30px;height:32px;vertical-align:middle;background:url("../images/ico_search.png") no-repeat 50% 50%;background-size:28px;overflow:hidden;text-indent:-999px;}

@media all and (max-width:767px) {
	.edu_office {overflow:hidden;padding:28px 5%;}
}
@media all and (min-width:768px) and (max-width:1023px) {
	.edu_office {padding-bottom:210px;}
}
@media all and (min-width:1024px) and (max-width:2000px) {
	.edu_office {padding-bottom:337px;}
}
@media all and (min-width:414px) and (max-width:766px) {
	.edu_office {padding-bottom:52px;}
}
@media all and (min-width:375px) and (max-width:403px) {
	.edu_office {padding-bottom:37px;}
}