@charset "euc-kr";

/* reset */
@import url(reset.css);



@font-face {font-family: 'NanumGothic'; src: url('../font/NanumGothic.eot');}  
@font-face {font-family: 'NanumBarunGothic'; src:url('../font/NanumBarunGothic.eot');}
@font-face {font-family: 'NanumBarunGothicBold'; src:url('../font/NanumBarunGothicBold.eot');}


@font-face{
	font-family: 'NanumGothic';
	src: url('../font/NanumGothic.eot');
	src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumGothic.woff') format('woff'),
		 url('../font/NanumGothic.ttf') format('truetype');
}

@font-face{
	font-family: 'NanumBarunGothic';
	src: url('../font/NanumBarunGothic.eot');
	src: url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumBarunGothic.woff') format('woff'),
		 url('../font/NanumBarunGothic.ttf') format('truetype');
}
@font-face{
	font-family: 'NanumBarunGothicBold';
	src: url('../font/NanumBarunGothicBold.eot');
	src: url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumBarunGothicBold.woff') format('woff'),
		 url('../font/NanumBarunGothicBold.ttf') format('truetype');
}


html, body {height: 100%;}
body { 
	text-align: center;
	width: 100%;
	font-size: 75%;
	font-family: Apple Gothic, "±¼¸²", Gulim, sans-serif;
	color: #333333;
	list-style: none;
	line-height: 1.7em;
	border: 0px solid blue;
	outline: 0;
	-webkit-text-size-adjust: none; 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
}

a:link {color: #75726d; text-decoration: none;}
a:hover {color: #f3c7bc; text-decoration: none;}

/* ÆÄÀÏ ¼û±è */
.skip_navigation, .blind {visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0}


/* Àüü */
#wrapper {position: relative; margin: 0; padding: 0; font-size: 1.2em; text-align: left; overflow: hidden; background: #475ba0 url(../make_img/main02/bg01.jpg) no-repeat center top; background-size: contain;}
#wrapper.fixed {position: fixed; top: 0; left: 0; min-width: 320px; width: 100%; height: 100%; overflow: hidden;}

header {height: 44px; padding-top: 18px; border: 0px solid red;}
header h1 {text-align: center; border: 0px solid red;}
header h1 img {display: inline-block; vertical-align: middle; height: 32px}
header .top-btn-right {position: absolute; top: 20px; right: 15px; display: block; z-index: 10000}
header .top-btn-right .btn-refresh {display: inline-block; vertical-align: middle; width: 14px; margin-right: 10px;}
header .top-btn-right .btn-refresh img {display: block; width: 14px;}


header .btn_toal_menu {position: absolute; top: 26px; left: 13px; width: 18px; height: 15px; background: url(../make_img/main02/btn_totalmenu.gif) no-repeat left top; background-size: 18px 15px; text-indent: -5000em; border: 0px solid red;}
header .btn_toal_menu a {width: 18px; height: 15px; display: block;} 

#container {text-align: center; padding: 0 13px 10px 13px}
#container .main_menu {margin: 0; padding: 0;}

#container .main_menu .slider-area {padding-bottom: 3.5%; border: 0px solid red;}
#container .main_menu .slider-area #main-slider-area {background: #000; border: 0px solid red;}
#container .main_menu .slider-area #main-slider-area .item {background: #000;}
#container .main_menu .slider-area #main-slider-area .item img {display: block; width: 100%; margin: 0 auto;}


#container .main_menu .slider-area #main-slider-area .owl-controls {position: absolute; bottom: 5%; width: 100%; height: 15px; border: 0px solid red;}
#container .main_menu .slider-area #main-slider-area .owl-controls .owl-page {display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(../make_img/main02/icon_circle_off.png) no-repeat 0 0; background-size: 15px 15px;}
#container .main_menu .slider-area #main-slider-area .owl-controls .owl-page.active {background: url(../make_img/main02/icon_circle_on.png) no-repeat 0 0; background-size: 15px 15px;}


#container .main_menu .main-menu-list01 {overflow: hidden; padding-bottom: 3.5%; border: 0px solid red;}
#container .main_menu .main-menu-list01 li {float: left; width: 31%; margin-right: 3.5%}
#container .main_menu .main-menu-list01 li.none {margin-right: 0;}
#container .main_menu .main-menu-list01 li a {display: block;}
#container .main_menu .main-menu-list01 li a img {display: block; width: 100%;}


#container .main_menu .main-menu-list02 {overflow: hidden; padding-bottom: 3.5%; border: 0px solid red;}
#container .main_menu .main-menu-list02 li {float: left; width: 31%; margin-right: 3.5%}
#container .main_menu .main-menu-list02 li.second {width: 64.0%; margin-right: 0; padding-right: 1.5%; background: #f86d30}
#container .main_menu .main-menu-list02 li a {display: block;}
#container .main_menu .main-menu-list02 li a img {display: block; width: 100%;}

#container .main_menu .main-smart-campus {display: block; padding-bottom: 3.5%;}
#container .main_menu .main-smart-campus a {display: block;}
#container .main_menu .main-smart-campus a img {display: block; width: 100%;}


#container .main_menu .main-menu-list03 {overflow: hidden; border: 0px solid red;}
#container .main_menu .main-menu-list03 li.first {float: left; width: 65.5%; margin-right: 3.5%}
#container .main_menu .main-menu-list03 li.first a {display: block;}
#container .main_menu .main-menu-list03 li.first a img {display: block; width: 100%;}
#container .main_menu .main-menu-list03 li {width: 31%; margin-right: 0;}
#container .main_menu .main-menu-list03 li {float: right;}
#container .main_menu .main-menu-list03 li a {display: block;}
#container .main_menu .main-menu-list03 li a img {display: block; width: 100%;}

#container .main_menu .main-menu-list03 li a.up {display: block; margin-bottom: 9%;}



.notice_news {position: relative; background: #1d2634; border: 0px solid red;}
.notice_news h3 {height: 32px; padding-top: 15px; padding-left: 17px; color: #fff; font-weight: bold; background: url(../make_img/main/bg_contents01.gif) repeat-x left top; border: 0px solid red;}
.notice_news .btn_more {position: absolute; top: 17px; right: 22px; width: 40px;  line-height: 12px; padding-right: 8px; background: url(../make_img/main/icon_arrow.gif) no-repeat right 1px;}
.notice_news .btn_more a {font-size: 0.88em; color: #fff; line-height: 12px}
.notice_news ul {min-height: 64px; padding: 16px; border: 0px solid red;}
.notice_news ul li {position: relative; padding-right: 90px; line-height: 11px; margin-bottom: 11px; color: #a5a8ae;  font-size: 0.88em;}
.notice_news ul li .submit a {color: #a5a8ae; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overow: ellipsis; font-size: 1.2em; line-height: 1.2em;}
.notice_news ul li .date {position: absolute; top: 3px; right: 18px; line-height: 11px}

.info_entrance {position: relative; background: #0e1623; border: 0px solid red;}
.info_entrance h3 {height: 32px; padding-top: 15px; padding-left: 17px; color: #fff; font-weight: bold; background: url(../make_img/main/bg_contents02.gif) repeat-x left top; border: 0px solid red;}
.info_entrance .btn_more {position: absolute; top: 17px; right: 22px; width: 40px;  line-height: 12px; padding-right: 8px; background: url(../make_img/main/icon_arrow.gif) no-repeat right 1px;}
.info_entrance .btn_more a {font-size: 0.88em; color: #fff; line-height: 12px}
.info_entrance ul {min-height: 64px; padding: 16px; border: 0px solid red;}
.info_entrance ul li {position: relative; padding-right: 90px; line-height: 11px; margin-bottom: 11px; color: #a5a8ae;  font-size: 0.88em;}
.info_entrance ul li .submit a {color: #a5a8ae; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overow: ellipsis; font-size: 1.2em; line-height: 1.2em;}
.info_entrance ul li .date {position: absolute; top: 3px; right: 18px; line-height: 11px;}


footer {padding: 0 0 41px 0; background: #35487d; text-align: center;}

footer .btn_pc {width: 85px; height: 25px; background: url(../make_img/common/btn_pc.png) no-repeat left top; background-size: 85px 25px; text-indent: -5000em; }
footer .btn_way {width: 85px; height: 25px; background: url(../make_img/common/btn_phone02.png) no-repeat left top; background-size: 85px 25px; text-indent: -5000em; }
footer .btn_home {width: 85px; height: 25px; background: url(../make_img/common/btn_home.png) no-repeat left top; background-size: 85px 25px; text-indent: -5000em; }
footer .copy_right {width: 264px; height: 9px; margin: 0 auto; background: url(../make_img/common/word_copyright.png) no-repeat center top; background-size: 264px 9px; text-indent: -5000em}
footer .btn_pc, footer .btn_way, footer .btn_home {display: inline-block; margin-bottom: 17px;}

footer .campus_info_area {background: #232936; margin-bottom: 34px; text-align: left; z-index: 9999; border: 0px solid red;}
footer .campus_info_area dl {position: relative; padding : 17px 13px 22px 103px;}
footer .campus_info_area dl.campus_box01 {border-bottom: 1px solid #35506b;}
footer .campus_info_area dl dt {position: absolute; top: 17px; left: 13px; display: block; width: 75px; height: 25px; text-indent: -5000em;}
footer .campus_info_area dl dt a {display: block; width: 75px; height: 25px;} 
footer .campus_info_area dl.campus_box01 dt {background: url(../make_img/common/btn_phone.png) no-repeat left top; background-size: 75px 25px;}
footer .campus_info_area dl dd {color: #adb8c2; line-height: 12px; border: 0px solid red;}
footer .campus_info_area dl dd p.campus_address {margin-bottom: 11px; color: #aaacb1;}
footer .campus_info_area dl dd p.phone_info {font-weight: bold; color: #fff} 
footer .campus_info_area dl dd p.phone_info a {display: inline-block; color: #fff; margin-bottom: 5px;}


/* Àüü ¸Å´º 
.allmenu_area {display: none; position: absolute; top: 62px; left: 0; width: 100%; height: 300px; border-bottom: 3px solid #252d42; overflow-x: hidden; overflow-y: auto; border: 0px solid red; z-index: 100000; }
.allmenu_title {border-bottom: 1px solid #d3d3d3}
.allmenu_title a {display: block; height: 26px; padding-top: 15px; padding-left: 22px; padding-right: 22px; background: #626b7e; font-size: 14px; line-height: 14px; color: #fff; font-weight: bold;}
.allmenu_list {overflow: hidden; border: 0px solid red;}
.allmenu_list li {float: left; width: 100%; background: #f8f8f8; }
.allmenu_list li a {display: block; color: #111; font-weight: bold; font-size: 12px; line-height: 12px;padding: 10px 22px 8px 22px; border-bottom: 1px solid #d3d3d3;}
.allmenu_list li ul {margin: 0; padding: 0; overflow: hidden; }
.allmenu_list li ul li {float: left; width: 100%; border: 0px solid red}
.allmenu_list li ul li a {display: block; padding-left: 35px; font-weight: normal; background: #f5f5f5 url(../make_img/common/bullet03.gif) no-repeat 25px 13px; border-bottom: 0;}
.allmenu_list li ul li.last a { border-bottom: 1px solid #d3d3d3}
*/


.mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../make_img/common/bg_totalmenu_mobile@2x.png) repeat;
	background-size: 1px 1px;
	z-index: 10000;
}

.total-menu-area {
	display: none;
	position: fixed;
	width: 70%;

	height: calc(100% - 45px);
	top: 62px;
	right: 0;
	z-index: 100000;

}

.total-menu-box {
	position: relative;
	display: block;
	width: 100%;
	height: 95%;
	padding-bottom: 5%;
	left: -100%;


	background: #f2b726;
	overflow-x: hidden;
	overflow-y: auto;
	border: 0px solid red;
	z-index: 10000;
}

.total-menu-box dl {
	display: block;
}

.total-menu-box dl dt {
	margin: 0;
	padding: 0;
}

.total-menu-box dl dt a {
	display: block;
	height: 45px;
	line-height: 45px;
	padding-left: 20px;

	color: #ffffff;
	font-size: 16px;
	font-family: "NanumBarunGothicBold", "³ª´®¹Ù¸¥°íµñ Bold", NanumBarunGothicBold, "µ¸¿ò", Dotum, sans-serif;
	border-bottom: 1px solid #dea823;
	background: url(../make_img/common/icon_mobile_menu_down.png) no-repeat 95% center;
	background: -webkit-linear-gradient(transparent, transparent), url(../make_img/common/icon_mobile_menu_down@2x.png) no-repeat 95% center;
	background: linear-gradient(transparent, transparent), url(../make_img/common/icon_mobile_menu_down@2x.png) no-repeat 95% center;
	background-size: 14px 8px;
}

.total-menu-box dl dt.on a {

	background: url(../make_img/common/icon_mobile_menu_up.png) no-repeat 95% center;
	background: -webkit-linear-gradient(transparent, transparent), url(../make_img/common/icon_mobile_menu_up@2x.png) no-repeat 95% center;
	background: linear-gradient(transparent, transparent), url(../make_img/common/icon_mobile_menu_up@2x.png) no-repeat 95% center;
	background-size: 14px 8px;
}


.total-menu-box dl dt a img {
	display: inline-block;
	vertical-align: middle;
	height: 14px;
}

.total-menu-box dl dd {
	display: none;
	background: #346799
}

.total-menu-box dl dd ul {
	display: block;
}

.total-menu-box dl dd ul li {
	margin: 0;
	padding: 0;
}

.total-menu-box dl dd ul li a {
	display: block;
	padding: 15px 20px;
	color: #cce2f5;
	font-size: 15px;
	border-bottom: 1px solid #2f5c89;
	font-family: "NanumBarunGothicBold", "³ª´®¹Ù¸¥°íµñ Bold", NanumBarunGothicBold, "µ¸¿ò", Dotum, sans-serif;
}

.total-menu-box dl dd ul li ul {
	border: 0px solid red;
}

.total-menu-box dl dd ul li ul li {
	margin: 0;
	padding: 0;
}

.total-menu-box dl dd ul li ul li a {
	display: block;
	padding: 15px 20px 15px 45px;
	color: #cce2f5;
	font-size: 15px;

	background: transparent url(../make_img/common/icon_lnb_2nd_bullet01.gif) no-repeat 28px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../make_img/common/icon_lnb_2nd_bullet01@2x.gif) no-repeat 28px center;
	background: linear-gradient(transparent, transparent), url(../make_img/common/icon_lnb_2nd_bullet01@2x.gif) no-repeat 28px center;
	background-size: 3px 3px;
	font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", NanumBarunGothic, "µ¸¿ò", Dotum, sans-serif;
}


.total-menu-area .btn-close {
	position: fixed;
	top: 62px;
	left: calc(30% - 57px);
	width: 57px;
	display: block;
	height: 54px;
	z-index: 100;
}

.total-menu-area .btn-close img {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 54px;
}