@charset "utf-8"; 
/* @import url("http://fonts.googleapis.com/css?family=Noto+Sans:400,700");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css"); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

html { -webkit-text-size-adjust:none; }
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; font-size: 14px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

body,input,textarea,select,button,table	{
	color:#333;
	font-family:'Noto Sans','Malgun Gohic','맑은 고딕',sans-serif;	
}

body	{
	border-top: 3px solid #647090;
	background: #f2f2f2;
	overflow-x:hidden
}

img,fieldset { border:0; vertical-align:top; }
ul,ol { list-style:none; }
em,address{font-style:normal}
a{color:#333;text-decoration:none}
a:hover,a:active,a:focus{color:#333;text-decoration:none}
hr{display:none !important}
table{border-collapse:collapse}
legend{display:none}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0}
.hidden {display:none;}
.clearfix:after{display:block;clear:both;content:""} /* float이 적용된 부모요소에 항시 적용한다 */


div, p, ul, ul li, form, form fieldset, form fieldset legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Noto Sans", "Nanum Gothic", "맑은 고딕", "Malgun Gothic";
}


p	{ margin: 0 !important; }

div, table {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
}

/* br */
.br{display:block}

/* font */
.fc01,strong{color:#333}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}

/* hidden */
.none{display:none}
.blind{overflow:hidden;position:absolute;top:-999px;width:1px;height:1px}

/* table */
.responsive-table{overflow-x:auto;overflow-y:hidden}
.responsive-table .table{min-width:900px}
.table{width:100%;border-top:2px solid #00866b;text-align:center;line-height:1.5em}
.table caption{display:none}
.table th,.table td{padding:10px 10px 12px 10px;border:1px solid #ddd}
.table th{background:#f9f9f9;color:#333}
.table th:first-child,.table td:first-child{border-left:none}
.table th:last-child,.table td:last-child{border-right:none}

/* layout-float */
.lf{float:left}
.rf{float:right}

/* layout-float-width */
.lf-w30{width:28%;margin:0 2% 0 0}
.rf-w70{width:68%;margin:0 0 0 2%}
.lf-w70{width:68%;margin:0 2% 0 0}
.rf-w30{width:28%;margin:0 0 0 2%}
.lf-w40{width:38%;margin:0 2% 0 0}
.rf-w60{width:58%;margin:0 0 0 2%}
.lf-w60{width:58%;margin:0 2% 0 0}
.rf-w40{width:30%;margin:0 0 0 2%}
.lf-w50{width:48%;margin:0 2% 0 0}
.rf-w50{width:48%;margin:0 0 0 2%}

/* thumb */
.thumb{overflow:hidden;display:block;position:relative;border-radius:5px}
.thumb:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.12);border-radius:5px;z-index:0}
.thumb-round{overflow:hidden;display:block;position:relative;border-radius:100%}
/*.thumb-round:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.12);border-radius:100%;z-index:0}*/

/* img */
.img{width:100%}

/* box */
.box,.box-tab{position:relative;padding:25px 25px 26px 25px;border:4px solid #eee;border-radius:10px}
.box:after,.box-tab:after{content:"";position:absolute;top:-4px;left:-4px;width:10%;height:30%;border-top:4px solid #197cd1;border-left:4px solid #197cd1;border-radius:10px 0 10px 0}

/* board-paginate */
.paginate{overflow:hidden;margin:30px 0}
.paginate a,.paginate strong{display:inline-block;width:38px;height:38px;margin:2px;padding:0;line-height:34px;border:1px solid #ddd;border-radius:2px;font-family:"Tahoma";vertical-align:middle}
.paginate strong{border-color:#156ab2;background:#197cd1;color:#fff}
.paginate .pre{margin:2px 2px 2px 0;font-size:13px}
.paginate .next{margin:2px 0 2px 2px;font-size:13px}

/* margin */
.mt10{margin:10px 0 0 !important}
.mt15{margin:15px 0 0 !important}
.mt20{margin:20px 0 0 !important}
.mt25{margin:25px 0 0 !important}
.mt30{margin:30px 0 0 !important}
.mt35{margin:35px 0 0 !important}
.mt40{margin:40px 0 0 !important}
.mt45{margin:45px 0 0 !important}
.mt65{margin:65px 0 0 !important}

.margint15b5 {margin:15px 0 5px !important}
.margint45b5 {margin:45px 0 5px !important}

/* wrap st */
#Wrap	{ position: relative; width: 100%; margin: 0px; padding: 0px; /* overflow: hidden;  */}


/* 상단메뉴 st */
div#header	 {	position: relative; width: 100%; height: 97px; box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.2); z-index: 100; background: #FFF; }

div#header .header_top	{	
	clear: both;
	width: 1200px;
	height: 97px;
	margin: 0 auto;
}

div#header .header_top h1.tLogo	{
	float: left;
	width: 300px;
	height: 47px;
}

div#header .header_top h1.tLogo a { display: inline-block; width: 274px; height: 47px; margin: 22px 7px 0; background: url(/images/common/topLogo.png) no-repeat; text-indent: -9999px; overflow: hidden; background-size:100% }

div#header .header_top .tMenu		{
	
}

div#header .header_top .tMenu	 .link	{ position: relative; float: right; clear: right; margin: 10px 5px 0; padding: 0px; }
div#header .header_top .tMenu	 .link span	{ display: inline-block; margin: 0px; padding: 0px; line-height: 17px; font-family:  "Noto Sans KR"; font-size: 14px; font-weight: 500; }
div#header .header_top .tMenu	 .link span a	{ color: #828282; }
div#header .header_top .tMenu	 .link .link_gun		{ display: inline-block; height: 17px; margin-left: 10px; padding: 0 20px 0 12px; line-height: 17px; background: url(/images/common/btn_gun_bg.png) no-repeat right top; border-radius: 17px; }
div#header .header_top .tMenu	 .link .link_gun a	{ color: #FFF; }

div#header .header_top .tMenu	 .menu	{ position: relative; float: right; clear: right; margin: 8px 5px 0; padding: 0px; }
div#header .header_top .tMenu	 .menu > li	{ position: relative; float: left; font-family:  "Noto Sans KR"; font-size: 17px; font-weight: 400; color: #242424; margin-left: 30px; letter-spacing: -1.3px; }
div#header .header_top .tMenu	 .menu > li > a:hover { color: #d3170f; }
div#header .header_top .tMenu	 .menu > li > a.on		 { color: #d3170f; }
div#header .header_top .tMenu	 .menu > li.active > a {color:#d3170f}
div#header .header_top .tMenu	 .menu li > ul {position:absolute; top:32px; left:0; width:475px; display:none; margin-left:-245px }
div#header .header_top .tMenu	 .menu li > ul > li {float:left; padding:0 10px}
div#header .header_top .tMenu	 .menu li > ul > li:hover {border-bottom:2px solid #d3170f; padding-bottom:12px}

div#header .header_top .tMenu	 .menu li > ul.one {left:0; width:340px;}
div#header .header_top .tMenu	 .menu.ie li > ul.one {left:-14px; width:342px;}
div#header .header_top .tMenu	 .menu li > ul.two {left:0; margin-left:-14px}
div#header .header_top .tMenu	 .menu li > ul.three {left:0; margin-left:-10px}
div#header .header_top .tMenu	 .menu li > ul.four {left:0; margin-left:-6px}
div#header .header_top .tMenu	 .menu li > ul.five {left:0; margin-left:-40px}
div#header .header_top .tMenu	 .menu li > ul.six {left:0; width:200px;  margin-left:-40px}
div#header .header_top .tMenu	 .menu.ie li > ul.six {width:201px;}
div#header .header_top .tMenu	 .menu li > ul.seven {left:0; margin-left:-17px; width:525px;}
div#header .header_top .tMenu	 .menu > li > ul > li > a:hover { color: #d3170f; }

/* div#header .header_top .tMenu	 .menu li > ul {position:absolute; top:60px; left:50%; width:150px; margin-left:-75px; border-top:4px solid #d3170f; background:#fff; display:none}
div#header .header_top .tMenu	 .menu li ul li {float:left; width:100%; text-align:center;}
div#header .header_top .tMenu	 .menu li ul li a {padding:5px 0; display:block} */


/* 서브 st */
div#subContents	{ position: relative; clear: both; width: 1200px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; padding: 0px; overflow: hidden; }

/* 서브 > 좌측메뉴 */
div#subContents #subLeft	{ position: relative; float: left; width: 225px; margin: 0px; padding: 0px; }
div#subContents #subLeft h2	{ position: relative; width: 100%; height: 170px; line-height: 170px; color: #FFF; font-family:  "Noto Sans KR"; font-size: 28px; font-weight: 400; text-align: center; background: #414d76; }
div#subContents #subLeft h2.leftTit03	{ position: relative; width: 100%; height: 120px; padding-top: 50px; line-height: 30px; color: #FFF; font-family:  "Noto Sans KR"; font-size: 28px; font-weight: 400; text-align: center; background: #414d76; }
div#subContents #subLeft ul	{ width: 100%; margin: 10px 0 0; padding: 0px; }
div#subContents #subLeft li		{ margin: 1px 0 1px; padding: 0px; height: 45px; line-height: 45px; font-family:  "Noto Sans KR"; font-size: 15px; font-weight: 500; text-align: left; }
div#subContents #subLeft li a	{ display: inline-block; width: 195px; padding: 0 15px 0; color: #666; background: #FFF; }
div#subContents #subLeft li a:hover, div#subContents #subLeft li  a.on	{ background:#fff url(/images/common/left_menu_onBg.png) no-repeat center center; color: #d3170f;   }



/* 서브 > 내용 */
div#subContents #subCon	{ position: relative; float: right; width: 948px; margin: 0px; padding: 0 0 25px 0; background: #FFF; border: 1px solid #FFF; overflow: hidden; }
div#subContents #subCon .title	{ margin: 0px; padding: 40px 50px 0; overflow: hidden; }
div#subContents #subCon .title p	{ display: inline-block; margin: 0px; padding: 0px; line-height: 15px; color: #818181;  font-family: dotum; font-size: 12px; }
div#subContents #subCon .title p span	{ padding: 0 8px; }
div#subContents #subCon .title p span.here	{ padding: 0px; color: #535353; font-weight: bold; }
div#subContents #subCon .title h3	{ position: relative; display: inline-block; width: 100%; height: 84px; margin: 25px 0 0 0; padding: 0px; line-height: 87px; border-bottom: 2px solid #494846; font-family:  "Noto Sans KR"; font-size: 30px; font-weight: 500; color: #000000; }
div#subContents #subCon .title h3:after		{ content: ""; position: absolute; bottom: -2px; left: 0; width: 120px; height: 2px; border-right: 1px solid #FFF; background: #d3170f; }
div#subContents #subCon .contents	{ margin: 0px; padding: 60px 50px 0; overflow: hidden; }
div#subContents .subBg01	{ background: url(/images/open_content/introduction/subBg.jpg) no-repeat top right; }
div#subContents .subBg02	{ background: url(/images/open_content/education/subBg.jpg) no-repeat top right; }
div#subContents .subBg03	{ background: url(/images/open_content/scholarship/subBg.jpg) no-repeat top right; }
div#subContents .subBg04	{ background: url(/images/open_content/support/subBg.jpg) no-repeat top right; }
div#subContents .subBg05	{ background: url(/images/open_content/community/subBg.jpg) no-repeat top right; }



/* 하단 카피라이트 st */
div#footer
{
	padding: 30px 0 60px;
	position: relative;
	border-top: 1px solid #e1e1e1;
	background: #e9e9e9;
	overflow: hidden;
}

div#footer div#footer-inner
{
	clear: both;
	width: 1200px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
}

div#footer div#footer-inner .footer-logo			{ float: left; width: 225px; padding-right: 25px; text-align: center; }
div#footer div#footer-inner .footer-copyright	{ float: left; width: calc(100% - 250px); margin: 5px 0; color: #626262; font-family:  "Noto Sans KR"; font-size: 14px; line-height: 25px; font-weight: 400; }
div#footer div#footer-inner .footer-copyright ul li {display: inline-block; padding-right: 12px; }
div#footer div#footer-inner .footer-copyright ul li.last_li {width:100%; }

.mobile_button {position:absolute; right:20px; top:50%; margin-top:-4px; display:none}/* 
.mobile_button a {display:block; width:30px; height:3px; background:#ae1919; position:relative;}
.mobile_button a:after {content:""; display:block; width:100%; height:3px; background:#ae1919; position:absolute; top:-7px;}
.mobile_button a:before {content:""; display:block; width:100%; height:3px; background:#ae1919; position:absolute; bottom:-7px;} */

.mobile_wrap {position:fixed; left:0; top:0; width:100%; height:100%; z-index:101; display:none}
.mobile_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0}
.moblie_logo {display:block; text-align:center; width:100%}
.mobile_menu_wrap {position:absolute; right:-200px; top:0; width:200px; height:100%; background:#ae1919; }
.mobile_menu_all {float:left; width:100%; height:100%; overflow-y:scroll}
.mobile_menu {float:left; width:100%;  padding-bottom:135px}
.mobile_menu > li:first-child {border-top:0 none;}
.mobile_menu > li {display:inline-block; width:100%; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.06)}
.mobile_menu > li > a {display:block; padding:15px 0; color:#fff;}
.mobile_menu > li > ul {display:none}
.mobile_menu > li > ul > li {background:rgba(0,0,0,0.2); }
.mobile_menu > li > ul > li > a {display:block; color:#fff; padding:8px 0; font-size:12px}

.mobile_wrap .mobile_close {position:absolute; left:-40px; width:40px; text-align:center; padding:5px 0; background:#ae1919; color:#fff; font-size:24px; opacity:0; cursor:pointer}


@media(max-width:1216px) {
	div#header .header_top {width:100%}

	div#mainNews .mainCon {width:95%; margin:2.5% 2.5%; float:left;}
	div#mainNews .mainCon .notice {width:46%; margin:0 2%}
	div#mainNews .mainCon .album {width:46%; margin:0 2%}	
	div#mainQuick .quickList {width:100%}
	div#footer div#footer-inner {width:100%}

	div#slide .slide_ul .slide01 .slide_txt {width:auto}

	div#mainInfo .mainCon {width: 90%; margin: 60px 5% 60px; float: left;}
	div#mainInfo .mainCon .info01 {width:26%; padding:2%; margin:0; margin-right:3%; margin-left:1.5%; background:none}
	div#mainInfo .mainCon .info02 {width:26%; padding:2%; margin:0; margin-right:3%; background:none }
	div#mainInfo .mainCon .info03 {width:26%; padding:2%; margin:0; margin-right:1.5%; background:#7282a6}
	div#mainInfo .mainCon .info01 h4, div#mainInfo .mainCon .info02 h4 {margin:0; width:100%; margin-bottom:10px}
	div#mainInfo .mainCon .info03 h4 {margin:0}
	div#mainInfo .mainCon span {margin:0}
	div#slide .slide_ul .slide01 {height:260px;}
	div#slide .slide_ul li {height:260px}
	div#slide {height:260px}
	div#slide div p.prev, div#slide div p.next {top:100px}
	div#slide .slide_ul .slide01 .slide_txt {padding:140px 0 0 57px}

	div#subContents	{width:100%}
	div#subContents #subLeft {width:20%}
	div#subContents #subCon {width:78%}
	div#subContents #subLeft li a {width:100%; padding:0 0 0 0; text-indent:15px}
	div.greeting {width:100% !important}
}

@media(max-width:1196px) {
	div#mainQuick .quickList li {width:25%; margin:0}

	div#header .header_top .tMenu	 .menu > li	{ font-size: 16px; margin-left: 17px; }
}

@media(max-width:1156px) {
	div#mainNews {height:auto}
	
}

@media(max-width:1050px) {
	div#mainQuick .quickList {margin-bottom:46px; float:left;}
	div#mainQuick {height:auto; background-size:cover; width:90%; padding:0 5%}
	div#mainQuick .quickList li {width:50%; margin:0; margin-bottom:50px}
	div#mainQuick .quickList ul {margin:0}
	div#mainQuick .quickList li .quickImg {width:94%; margin:0 3%;}
	div#mainQuick .quickList li .quickMore {left:50%; margin-left:-40px}

	div#header .header_top .tMenu	 .menu > li	{ font-size: 16px; margin-left: 14px; }
}

@media(max-width:1023px) {
	.tMenu {display:none}
	div#header {height:70px; position:fixed; top:0; left:0}
	.mobile_button {display:block}
	div#header .header_top h1.tLogo a { width:220px; margin:14px 7px 0 18px}

	div#subContents #subLeft {width:20%; display:none}
	div#subContents #subCon {width:96%; margin:0 2%}
	div#subContents #subLeft li a {width:100%; padding:0 0 0 0; text-indent:15px}

	div#subContents {margin-top:67px}
	div#subContents #subCon .contents {padding:20px 50px 0}
	div.boxPart {margin:0 0 30px 0 !important}
	div.boxPart h3 {margin:0 0 0 7px !important}
	div.boxPart .icPL {padding:0 0 !important}
	div.boxPart .icPL	 p {padding:0 0 0 0 !important}
	div.boxPart .dsPL {padding:0 0 0 0 !important}
	div.boxPart .dsPL p {padding:0 0 0 0 !important}
	div.boxPart .dsPL01 {padding:0 0 0 0 !important}
	div.boxPart .dsPL01 ul {margin:0 0 0 0 !important}
	div.boxPart .dsPL01 li {margin:0 0 0 0 !important}
	div.partOne {margin:0 0 30px 0 !important}
	div.boxPart .ssPL {margin:0 0 30px 0 !important}
}

@media(max-width:978px) {
	div#mainNews .mainCon .albumList li {float:left; height:100%; text-align:center;}	
	div#mainNews .mainCon .albumList li .photo {width:100%; height:auto !important}
	div#mainNews .mainCon .albumList li .albumTxt {width:100%; margin-left:0}
}


@media(max-width:877px) {
	div#footer div#footer-inner {text-align:center;}	
	div#footer div#footer-inner .footer-logo {display:inline-block; float:inherit}
	div#footer div#footer-inner .footer-copyright {display:inline-block; float:inherit; width:100%; margin-top:20px}
	div#footer div#footer-inner .footer-copyright ul li{float:left; width:100%}
}

@media(max-width:835px) {
	.infoList {width:100% !important}
	.tel {width:100% !important; margin-top:2% !important}
}

@media(max-width:830px) {
	div#mainInfo {height:auto}
	div#mainInfo .mainCon .info01 {width:96%; margin-left:0; margin-bottom:20px}
	div#mainInfo .mainCon .info02 {width:96%; margin-right:0; margin-bottom:20px }
	div#mainInfo .mainCon .info03 {width:96%; margin-right:0; margin-bottom:20px}
}

@media(max-width:700px) {
	div#mainNews .mainCon {width:90%; margin:5% 5%; float:left;}
	div#mainNews .mainCon .notice {width:100%; margin:0%; margin-bottom:5%}
	div#mainNews .mainCon .album {width:100%; margin:0%}
}

@media(max-width:660px) {
	.common tr th:first-child {display:none}
	.common tr td:first-child {display:none}
	

	.common2 tr th:first-child {display:table-cell !important}
	.common2 tr td:first-child {display:table-cell !important; width:20%}
	.common2 tr td:nth-child(2) {display:table-cell !important; width:30%}
	table.common td.item {text-align:center !important;}

	.common tr th:nth-child(2) {width:60%}
	.common tr th:nth-child(3) {width:20%}
	.common tr th:nth-child(4) {width:20%}
	
	.common tr td:nth-child(2) {width:60%}
	.common tr td:nth-child(3) {width:20%}
	.common tr td:nth-child(4) {width:20%; display:table-cell !important}

	.common3 tr td:nth-child(1) {width:30%}
	.common3 tr td:nth-child(2) {width:70%}
	.common3 tr td:nth-child(3) {width:30%}
	.common3 tr td:nth-child(4) {width:70%;}
	.common3 tr td:nth-child(4).view_none {display:none !important}
	.common2 tr td:nth-child(2).view_none {display:none !important}
	.common2 tr td:first-child.view_none {display:none !important}
	
	.view_none {display:none !important}
}

@media(max-width:650px) {
	div#subContents .subBg01 {background:none}
	div#subContents .subBg02 {background:none}
	div#subContents .subBg03 {background:none}
	div#subContents .subBg04 {background:none}
	div#subContents .subBg05 {background:none}
	div#subContents #subCon .title {padding:40px 5% 20px; width:90%}
	div#subContents #subCon .title h3 {margin:0 0 0 0; padding:0 ; width:100%; font-size: 25px; height:50px; line-height:42px }
	div#subContents #subCon .contents {padding:0px 5%; width:90%}
	div#subContents {margin-top:40px}
}

@media(max-width:570px) {
	div#mainNews .mainCon .albumList li .photo {width:100% !important}
	div#mainNews .mainCon .albumList li .albumTxt {width:100% !important}
	div#mainNews .mainCon .albumList li .albumTxt h3 a {padding:0 0 0 0 !important; height:1.2em !important}
	div#mainNews .mainCon .albumList li .albumTxt h3 {margin:2% 0}
}

@media(max-width:550px) {
	div#slide .slide_ul .slide01 .slide_txt {font-size:20px}
	div#slide .slide_ul .slide01 .slide_txt span {font-size:26px}
	div#slide .slide_ul .slide01 .slide_txt {padding:140px 0 0 5%}
	div#slide .slide_ul .slide01 .slide_txt span.txtD2 {padding-left:5%}
	div#mainNews .mainCon .albumList li .albumTxt p { padding:0 0 0 0 !important}
}

@media(max-width:530px) {
	div#mainQuick .quickList li {width:100%}
}

@media(max-width:500px) {
	.service_box {background:none !important}
	.service_box  h4 {width:100% !important}
	.service_box > .infoList > span {margin:2% 0 0 0 !important}
	.service_box  h5 {width:100% !important}
	.tel ul {width:100% !important; margin:0 0 0 0 !important }
	.service_box > .infoList > span {width:100% !important}
}

@media(max-width:450px) {
	div#mainNews .mainCon .noticeList li .date {display:none}
	div#mainNews .mainCon .noticeList li .txt {width:100% !important} 
}

@media(max-width:375px) {
	div.search select {padding:4px 5% !important; width:30%}
	div.search input.submit {width:20%; margin-left:0 !important}
}