@charset "utf-8";
@import url("http://builder.hufs.ac.kr/style/css/goonanumgothic.css");

/* 메인페이지 전용 */
.visual {position:relative; height:425px;}
.main_box {overflow:hidden; text-align:center;}
.main_box .title {width:1100px; margin:0 auto;}

/* WELCOME */
.welcome {padding:60px 0 60px 0; background:url('/user/hufsdis3/mycodyimages/bg_main_welcome.png') repeat;}
.welcome .title p {margin:25px 0 0px 0; color:#002d56; font-size:28px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕"; line-height:1.5;}
.welcome .title p+p {color:#7f8b9b; font-size:15px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕";}
.welcome .title a {display:block; margin:30px auto 40px; width:220px; height:50px; border:solid 1px #647d95; color:#002d56; font-size:18px; line-height:50px; background:rgba(214, 216, 220, 0.5);}
.welcome .title a:hover {border:solid 1px #002d56; color:#ffffff; background:#002d56;}
.welcome .title a strong {font-weight:600;}
.welcome .link {width:1100px; margin:0 auto; padding:0;}
.welcome .link li {float:left; display:inline-block; width:261px; border:solid 1px #b6b8bc; background:url('/user/hufsdis3/mycodyimages/img_main_link.jpg') no-repeat;}
.welcome .link li+li {margin-left:16px; background-position:-262px 0;}
.welcome .link li+li+li {margin-left:16px; background-position:-524px 0;}
.welcome .link li+li+li+li {margin-left:16px; background-position:-786px 0;}
.welcome .link li a {position:relative; display:block; padding-top:335px; /* 전공소개 박스 높이 */ z-index:999; background-position:center center;     cursor: default;}
/* 
.welcome .link li a:hover {background:#000000 url('/user/hufsdis3/mycodyimages/img_main_link_more.png') no-repeat center center; opacity:0.60; filter:alpha(opacity=60);}
*/
.welcome .link li div {position:relative; margin-top:-127px; /* 텍스트영역 박스 높이 */ padding:17px 0 20px; color:#ffffff; font-size:14px;	font-family:"NanumGothic","Nanum Gothic", "나눔고딕"; line-height:14px; border-top:solid 1px #3f59a5; background:#5e78c4; z-index:400;}
.welcome .link li+li div {border-top:solid 1px #031645; background:#213564;}
.welcome .link li+li+li div {border-top:solid 1px #46697f; background:#65889e;}
.welcome .link li+li+li+li div {border-top:solid 1px #3b6396; background:#5a82b5;}
.welcome .link li div span {display:inline-block; width:8px; font-size:11px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕"; line-height:16px; vertical-align:top;}
.welcome .link li div p {/*margin:5px 0 15px 0;*/ font-family:'hufs_L' !important; font-size:18px; font-weight:bold; line-height:45px; height:45px;}
.welcome .link li+li+li div p {line-height:22px;}
.welcome .link li+li+li+li div p {line-height:45px;}
.welcome .link li div button {width:90px; height:24px; color:#ffffff; font-size:11px; background:none;}
.welcome .link li div button {border:solid 1px #b4c0e3;}
.welcome .link li+li div button {border:solid 1px #97a1b7;}
.welcome .link li+li+li div button {border:solid 1px #adc0cc;}
.welcome .link li+li+li+li div button {border:solid 1px #a7bcd8;}

/* notice_gallery */
.notice_gallery {margin-bottom:-100px; padding:70px 0 80px 0; background:url('/user/hufsdis3/mycodyimages/bg_main_notice_gallery.jpg') no-repeat center top;}
.notice_gallery .box {width:1100px; margin:45px auto 0;}
.notice_gallery .box .left, .notice_gallery .box .right {float:left; display:inline-block;}
.notice_gallery .box .left {width:492px; /* 1100-16/2-50 */ background:#ffffff; padding:30px 25px 30px 25px;}
.notice_gallery .box .right {position:relative; width:542px; /* 1100-16/2 */ height:410px; margin-left:16px;}

/* notice_gallery -left */
.notice_gallery .tab a {float:left; display:inline-block; padding:0 25px 0 25px; border-left:solid 1px #70737d; color:#5e5e5e; font-family:'hufs_L'; font-size:18px; font-weight:bold; cursor:pointer; transition:0.3s;}
.notice_gallery .tab a:first-child {padding:0 25px 0 5px; border-left:none;}
.notice_gallery .tab a.active {color:#002d56;}
.notice_gallery .tabcontent {margin-top:-20px;}
.notice_gallery .tabcontent .more {float:right; width:21px; height:21px; border:solid 1px #839bb0; font-size:0; background:#ffffff url('/user/hufsdis3/mycodyimages/btn_more.png') no-repeat;}
.notice_gallery .tabcontent .more:hover {border:solid 1px #637c92; background:#f6f7f4 url('/user/hufsdis3/mycodyimages/btn_more.png') no-repeat;}
.notice_gallery .tabcontent td, .notice_gallery .tabcontent td a, .notice_gallery .tabcontent td span {color:#333333; font-size:13px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕";}

/* notice_gallery -right */
.notice_gallery .right .gallery {position:relative;}
.notice_gallery .right .gallery .bx-wrapper img {left:0; width:542px; margin-left:0;}
.notice_gallery .right .gallery .bx-wrapper .bx-pager {position:absolute; top:70px; right:20px; width:15px; height:98px; text-align:center; font-size:.85em; font-family:"NanumGothic","Nanum Gothic", "나눔고딕"; font-weight:bold; color:#666666;}
.notice_gallery .right .gallery .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin-bottom:14px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; background:#ffffff;}
.notice_gallery .right .gallery .bx-wrapper .bx-pager.bx-default-pager a:hover, .notice_gallery .right .gallery .bx-wrapper .bx-pager.bx-default-pager a.active, .notice_gallery .right .gallery .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#123c66;}
.notice_gallery .right .gallery .link {position:absolute; top:0px; left:0; width:271px; height:80px; padding-top:154px; color:#ffffff; font-size:22px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕"; background:#001930 url('/user/hufsdis3/mycodyimages/bg_img_gallery.png') no-repeat center 52px; opacity:0.80; filter:alpha(opacity=80); z-index:9999;}
.notice_gallery .right .banner {position:absolute; bottom:0px;}
.notice_gallery .right .banner a {float:left; display:inline-block; width:271px; height:45px; padding-top:115px; color:#ffffff; font-size:22px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕";}
.notice_gallery .right .banner .eclass {background:#2b4965 url('/user/hufsdis3/mycodyimages/bg_img_eclass.png') no-repeat center 30px;}
.notice_gallery .right .banner .library {background:#23417a url('/user/hufsdis3/mycodyimages/bg_img_library.png') no-repeat center 38px;}


/* 메인 visual */

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position:relative;
	padding:0;
	*zoom:1;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
}
.bx-wrapper img {
	position:absolute;
	left:50%;
	display: block;
	width:1920px;
	margin-left:-960px;
}
.bxslider {
	margin:0;
	padding:0;
}
ul.bxslider {
	list-style:none;
}
.bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform:translatez(0);
	overflow:inherit !important;
}
/** THEME
===================================*/
.bx-wrapper {
	display:block;  
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position:absolute;
	bottom:-405px;
	width:100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
display:none;
	min-height:50px;
	background:url('../../mycodyimages/bx_loader.gif') center center no-repeat #ffffff;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align:center;
	font-size:.85em;
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕";
	font-weight:bold;
	color:#666;
}
.bx-wrapper .bx-pager.bx-default-pager a {
 
	background:#c9c9c3;
	text-indent:-9999px;
	display:block;
	width:50px;
	height:5px;
	margin:0 5px;
	outline:0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background:#698caa;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display:inline-block;
	vertical-align:bottom;
	*zoom:1;
	*display:inline;
}
.bx-wrapper .bx-pager-item {
	font-size:0;
	line-height:0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left:10px;
	background:url('../../mycodyimages/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
	background-position:0 0;
}
.bx-wrapper .bx-next {
	right:10px;
	background:url('../../mycodyimages/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-position:-43px 0;
}
.bx-wrapper .bx-pager.bx-default-pager {z-index:9999;}
.bx-wrapper .bx-controls-direction {display:none;}
.bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:50%;
	margin-top:-16px;
	outline:0;
	width:32px;
	height:32px;
	text-indent:-9999px;
	z-index:9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display:none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align:center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display:block;
	text-indent:-9999px;
	width:10px;
	height:11px;
	outline:0;
	background:url('../../mycodyimages/controls.png') -86px -11px no-repeat;
	margin:0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position:-86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display:block;
	text-indent:-9999px;
	width:9px;
	height:11px;
	outline:0;
	background:url('../../mycodyimages/controls.png') -86px -44px no-repeat;
	margin:0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position:-86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align:left;
	width:80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right:0;
	width:35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position:absolute;
	bottom:0;
	left:0;
	background:#666;
	background:rgba(80, 80, 80, 0.75);
	width:100%;
}
.bx-wrapper .bx-caption span {
	color:#fff;
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕";
	display:block;
	font-size:.85em;
	padding:10px;
}