 @charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url(/include/hyu_activeaging/fonts/NanumGothic-Regular.eot);
	src:url(/include/hyu_activeaging/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-Regular.woff) format('woff'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-Regular.ttf) format('truetype')
}
@font-face {
	font-family:'Nanum Gothic Light';
	font-style:normal;
	font-weight:300;
	src:url(/include/hyu_activeaging/fonts/NanumGothic-Light.eot);
	src:url(/include/hyu_activeaging/fonts/NanumGothic-Light.eot?#iefix) format('embedded-opentype'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-Light.woff) format('woff'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-Light.ttf) format('truetype')
}
@font-face {
	font-family:'Nanum Gothic Bold';
	font-style:normal;
	font-weight:700;
	src:url(/include/hyu/fonts/NanumGothic-Bold.eot);
	src:url(/include/hyu_activeaging/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-Bold.woff) format('woff'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-Bold.ttf) format('truetype')
}
@font-face {
	font-family:'Nanum Gothic ExtraBold';
	font-style:normal;
	font-weight:800;
	src:url(/include/hyu_activeaging/fonts/NanumGothic-ExtraBold.eot);
	src:url(/include/hyu_activeaging/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-ExtraBold.woff) format('woff'), 
		url(/include/hyu_activeaging/fonts/NanumGothic-ExtraBold.ttf) format('truetype')
}@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* Common */
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}
body,input,textarea,select,button,table{font-family:'나눔고딕',NanumGothic,'맑은 고딕',malgun gothic,'돋움',Dotum,'Apple SD Gothic Neo',Helvetica,sans-serif;font-size:12px; color:#000;}
img,fieldset{border:0}
ul,ol,li{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color:#d1d1d1}
a:hover,a:active,a:focus{text-decoration:underline}
body {min-width:1000px; position:relative;}
img, span, div, input, textarea, select, fieldset, p { vertical-align:middle;}   
ul,ol{list-style:none}
em,address{font-style:normal;}
a, a:hover, a:link, a:visited, a:active {text-decoration:none;}
a {color:#000;}
table{border-collapse:collapse;}
hr{display:none !important}
img{border:none;}
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:1000px;white-space:nowrap}

#wrap {width:100%; margin:0 auto;}
.gnb a, .scroll-nav a, .tit_txt2, .tit_txt3 {text-transform:uppercase;}
.inner_wrap:after, .board_wrap:after {display:block;clear:both;content:''}

.header {position:fixed;left:0;top:0;width:100%;height:105px;background-color:#fff;z-index:9999;
	background:url(/images/head_bg.jpg) 0 0 repeat-x;border-bottom:1px solid #ccc;}
.inner_wrap {position:relative;width:1000px;margin:0 auto;}
.gnb {height:15px;line-height:15px;padding:5px 0px;background:#2a2d30}
.gnb_list {float:right;margin-right:-15px;}
.gnb li {float:left;border-left:1px solid #3c3f42;border-right:1px solid #1c1e21;}
.gnb li:first-child {border-left:0;}
.gnb .br_none {border-right:0;}
.gnb a {display:block;padding:0 15px;color:#7c96b0;}

.nav_wrap {position:relative;height:80px;}
.logo {position:absolute;top:11px;left:0;width:246px;height:60px;background:url(/images/logo_home.jpg) 0 0 no-repeat;}
.logo a {display:block;height:100%;font-size:0px;}

#news {margin:40px 0;}
.inner_wrap.type_2 {}

.container {margin-top:105px;}

.scroll-nav {float:right;margin-left:}
.scroll-nav li {float:left;line-height:80px;margin-left:70px;}
.scroll-nav a {display:block;font-size:16px;color:#595959}
.scroll-nav a:hover {color:#0090ff}

/* font style */
.tab_tit.tab_menu a.on, .orange, .classname, .grade li, .bold, .font_14 a:hover, .tab_way, .box_gray, .box_dkb, .f_name, .res_dsc {font-family:'Nanum Gothic Bold';}
.sr-only, .classname.type_2, .res_tit, .res_pop_tit {font-family:'Nanum Gothic ExtraBold';}

/* 메인비주얼 */
.visual {width:100%; height:450px; position:relative;  min-width:1000px; overflow:hidden; margin-top:80px;}
#slides {min-width:1200px;}
.visual .slideShow {height:450px;}
.sliderbutton {position:absolute;left:50%;top:50%;z-index:500;width:50px;height:100px;margin-top:-50px;}
.prev {margin-left:-701px; cursor:pointer;}
.next {margin-left:649px; cursor:pointer;}
.visual_1, .visual_2, .visual_3, .visual_4 {width:100%; height:450px;}
.visual_1 {text-align:center;background:url(/images/visual_bg_1.jpg) top center no-repeat;}
.visual_2 {background:url(/images/visual_bg_2.jpg) top center no-repeat;}
.visual_3 {background:url(/images/visual_bg_3.jpg) top center no-repeat;}
.visual_4 {background:url(/images/visual_bg_4.jpg) top center no-repeat;}
.pagination {position:absolute;bottom:20px;left:50%;margin-left:-52px;z-index:1000;}
.pagination li {display:block;width:15px;height:15px;overflow:hidden;
	line-height:100px;font-size:0px;float:left;margin-left:15px;
	background:url(/images/pagination_bg.png) 0 0 no-repeat;cursor:pointer;}
.pagination li:first-child {margin-left:0px}
.pagination li.current {width:15px;background-position:0px -15px}

/* news */
.tit_txt2, .tit_txt3 {position:absolute;top:10px;left:300px;}
.tit_txt3 {left:555px;}
.board_wrap {position:relative;width:700px;min-height:235px;padding:40px 0 0 300px;background:url(/images/notice_tit_bg.png) 0 10px no-repeat;}
.board_form {float:left; width:215px;}
.board_form li {float:left; width:193px; padding:15px 10px; margin-left:15px; border:1px solid #ccc;}
.board_form li:hover {border:1px solid #A6A6A6;}
.board_form li:first-child {margin-left:0px;}
.board_img {display:block; width:100%;height:120px;background:#ccc;}
.board_tit {margin-top:10px;font-size:15px; font-weight:bold;color:#555;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.board_txt {margin:10px 0px;overflow:hidden;height:36px;line-height:20px;color:#B1B1B1;}
.board_form.type_2{width:445px; margin-left:40px;}
.view_more, .view_more2 {display:inline-block; overflow:hidden;vertical-align:-5px;width:20px;height:20px;background:url(/images/view_more.png) 0 0 no-repeat; text-indent:-9999px;}
.view_more {margin-left:150px;}
.view_more2 {margin-left:371px;}
.btn_detail {position:absolute;bottom:0;left:8px;width:130px;height:35px;line-height:35px;background:#000;text-align:center;}
.btn_detail a {color:#fff;}

#about {width:100%;}

/* about */
#about, #network {position:relative;background:url(/images/about_bg.jpg) 0 0 no-repeat;}
.inner_wrap.type_3, .inner_wrap.type_4 {padding:30px 0;background:url(/images/main_logo_bg.png) 0 0 no-repeat;}
.inner_wrap.type_4 {width:860px;padding:30px 70px 100px;}
.inner_wrap.type_4.bg {background:url(/images/main_logo_bg2.png) 0 0 no-repeat;}
.con_tit {width:100%;height:78px;margin-top:90px;text-align:center;text-indent:-9999px;font-size:0;}
.con_tit.type_1 {background:url(/images/about_tit.png) 50% 0 no-repeat;}

.tab_tit.tab_menu {overflow:hidden;margin:30px 0 0 -10px;padding:0 185px;}
.tab_tit.tab_menu li {float:left;width:150px;height:30px;line-height:30px;margin-left:10px;}
.tab_tit.tab_menu a {display:block;height:100%;background:url(/images/tab_off_bg.png) 0 0 no-repeat;text-align:center;font-size:14px;color:#fff;}
.tab_tit.tab_menu a.on {background:url(/images/tab_on_bg.png) 0 0 no-repeat}

.tab_cont {margin-top:90px;}
.tab_2, .tab_3, .tab_4 {display:none;}
.tab_3 {position:relative;z-index:1}
.tab_01_tit, .tab_02_tit, .tab_03_tit, .tab_04_tit {line-height:100px;font-size:0px;}
.tab_01_tit {height:25px;background:url(/images/tab_01_tit.png) 0 0 no-repeat;}
.tab_02_tit {height:25px;background:url(/images/tab_02_tit.png) 0 0 no-repeat;}
.tab_03_tit {height:25px;background:url(/images/tab_03_tit.png) 50% 0 no-repeat;text-align:center;}
.tab_04_tit {height:25px;background:url(/images/tab_04_tit.png) 0 0 no-repeat;}

.tab_1 {padding:0px 60px 215px;background:url(/images/tab_01_bg.png) 560px 0px no-repeat;}
.tab_2 {padding:0px 60px 405px;background:url(/images/tab_02_bg.png) 260px 50px no-repeat;}
.tab_3 {padding:0px 30px 205px;}
.tab_4 {padding:0px 60px 355px;background:url(/images/tab_04_bg.png) 315px 27px no-repeat;}
.tab_t_dsc {width:100%;margin-top:13px;font-size:15px;line-height:25px;color:#585858}
.tab_t_dsc.type_2 {margin-top:13px;line-height:25px;}
.tab_t_dsc.type_3 {text-align:center;color:#053d6c}
.orange {vertical-align:top;color:#ff9600}

.curriculum_bg {width:1920px;height:1194px;background:url(/images/curriculum_bg.png) 100% 0 no-repeat;
	position:absolute;bottom:0px;left:50%;margin-left:-970px;z-index:-1}
.curriculum {position:relative;overflow:hidden;padding:29px 0 280px;z-index:0;}
.curriculum li {float:left;width:300px;height:120px;margin:-5px 0 0 -10px;padding:10px;
	background:url(/images/tab_03_list_bg2.png) 50% 50% no-repeat;}
.curriculum li.crm_pp {background:url(/images/tab_03_list_bg1.png) 50% 50% no-repeat;}
.curriculum .grade {overflow:hidden;margin-top:24px;}
.curriculum .grade li {width:85px;height:20px;line-height:20px;margin:0 0 0 5px;padding:0;
	font-size:13px;color:#fff;text-align:center;background:#e8e8e8;}
.grade li:first-child {margin-left:0;}
.curriculum .grade .selected.purple {background:#4600e4;}
.curriculum .grade .selected.blue {background:#00ace5;}
.curriculum .grade .credit {width:65px;background:#5b5b5b;}
.curriculum .grade .credit.blue {background:#00ace5}

.s_class, .classname, .grade {padding-left:20px;}
.s_class {display:block;font-size:13px;color:#a2a2a2;margin-top:20px;}
.classname {height:22px;line-height:22px;margin-top:3px;font-size:18px;color:#053d6c}

.bold {display:inline-block;height:20px;line-height:20px;padding:5px 10px;text-align:center;background:#053D6C;color:#fff;}
.font_14 {display:block;margin-top:5px;font-size:14px;}
.font_14 a {color:#585858}
.font_14 a:hover {color:orange;}

.tab_way {margin-top:40px;line-height:15px;font-size:13px;color:#555;}
.bold.type_2 {height:15px;line-height:15px;background:#524D47;}
.way_01, .way_02 {display:block;height:15px;line-height:15px;margin-top:8px;}
.line_no2 {display:inline-block;padding-right:5px;}
.line_no2 img {vertical-align:top;}

/* research */
#research {background:url(/images/research_bg.jpg) 0 0 no-repeat;}
.con_tit.type_2 {background:url(/images/research_tit.png) 50% 0 no-repeat;}
.con_t_dsc {margin-top:25px;line-height:20px;font-size:15px;color:#000;text-align:center;}

.research_list {margin:-20px 0 0 -19px;padding-top:37px;}
.research_list li {float:left;width:274px;height:350px;margin:20px 0 0 19px;background:#fff;}
.research_list .cen_logo {background:none;}
.res_txt_wrap {position:relative;padding:22px 14px;}
.res_tit {font-size:20px;color:#0f84ab;}
.res_t_dsc {margin-top:3px;font-size:15px;color:#757575;}
.res_dsc {margin-top:16px;line-height:19px;font-size:14px;color:#484848;}
.more_btn {display:block;position:absolute;top:22px;right:14px;width:60px;height:20px;text-indent:-9999px;text-align:center;}
.more_btn a {display:block;width:100%;height:100%;background:url(/images/research_more_btn.jpg) 0 0 no-repeat;}

/* research_pop */
.res_pop_tit {font-size:24px;line-height:22px;}
.res_pop_dsc {margin-top:15px;line-height:22px;font-size:15px;}

/* faculty */
#faculty {}
.faculty_wrap {margin:-20px 0 0 -17px;padding-top:37px;}
.con_tit.type_3 {background:url(/images/faculty_tit.png) 50% 0 no-repeat;}
.faculty_wrap li {position:relative;width:390px;height:180px;padding:20px 15px 0px;
	border:1px solid #d3d3d3;border-width:0 1px 1px;border-top:2px solid #43c8ff;
	float:left;margin:20px 0 0 16px;}
.thum {position:absolute;top:20px;left:15px;display:block;width:120px;height:140px;padding:4px;border:1px solid #ddd;}
.thum_dsc li {position:relative;margin:5px 0 0 150px;width:236px;height:15px;line-height:15px;padding:0;border:0;color:#555;}
.thum_dsc .c_icon {height:25px;margin-top:0px;font-size:13px;}
.thum_dsc .f_dsc {height:45px;}
.box_gray, .box_dkb {display:block;width:53px;height:23px;line-height:23px;border:1px solid #cecece;
	background:#f8f8f8;text-align:center;color:#8c8c8c;}
.box_dkb {border:1px solid #013a6a;background:#013a6a;color:#fff;}
.thum_dsc .f_name {margin-top:10px;height:20px;line-height:20px;font-size:18px;color:#444449}
.thum_dsc .f_email {margin-top:12px;}
.f_en_name {color:#5c5c5c;vertical-align:top;}
.link_icon {position:absolute;top:20px;right:19px;width:50px;height:25px; display:none; }
.link_icon a {display:block;height:25px;}
.blank {display:inline-block;padding-left:55px;}

/* network */
#network {}
.con_tit.type_4 {background:url(/images/network_tit.png) 50% 0 no-repeat;}
.network_logo {margin:-8px 0 0 -9px;padding-top:49px;}
.network_logo li {float:left;width:207px;height:63px;margin:8px 0 0 8px;border:1px solid #ECECEC;}
.white_bg {position:absolute;bottom:0;left:0;display:block;width:100%;height:95px;background:url(/images/net_white_bg.png) 0 0 repeat-x;}

/* what's on */
#what {background:#f6f6f6}
.con_tit.type_5 {background:url(/images/whats_tit.png) 50% 0 no-repeat;}
.board_wrap.type_2 {width:1000px;padding:29px 0px 70px; position:relative; background:none;}
.board_form.type_3 {width:100%}
.board_form.type_3 li {margin:20px 17px 0px;background:#fff;}
.board_img {display:block; width:100%; height:120px; background:#ccc;}
.board_tit {margin-top:10px; font-size:15px; font-weight:bold; color:#555; letter-spacing: -1px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.board_txt {margin:10px 0px; overflow:hidden; height:36px; line-height:20px; color:#B1B1B1;}
.board_footer {width:100%;height:25px;margin-left:-20px;padding-top:30px;overflow:hidden;}
.search {float:right;}
.sch_lst {width:70px; height:25px; line-height:25px; padding:2px 0px; border:1px solid #d1d1d1}
.search_txt {width:250px; height:23px; border:1px solid #d1d1d1}
.search_btn {width:50px; height:25px; line-height:25px; padding:0 5px; vertical-align:middle; background:#551E73; color:#fff; border:0}

/* footer */
.footer {clear:both;width:100%;text-align:center;color:#50687B;background:#252D33; padding:30px; line-height:20px; box-sizing:border-box; }
.footer .address { margin-bottom:10px; color:rgba(255,255,255,0.6); }