@charset "utf-8";

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

/* WELCOME */
.welcome {
	padding:50px 0 60px 0;
	background:url('/user/eng/mycodyimages/bg_main_welcome.png') repeat;
}
.welcome .title p {
	margin:10px 0 15px 0;
	color:#002d56;
	font-size:25px;
	font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
}
.welcome .title p+p {
	color:#7f8b9b;
	font-size:14px;
	font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
}
.welcome .title p {margin:10px 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:45px 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);
	font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';

}
.welcome .title a:hover {
	border:solid 1px #002d56;
	color:#ffffff;
	background:#002d56; font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
}
.welcome .title a strong {
	font-weight:600; font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
}


/* notice_gallery */
.notice_gallery {
	margin-bottom:-100px;
	padding:0px 0 80px 0;
	background:url('/user/eng/mycodyimages/bg_main_notice_gallery.jpg') no-repeat center top;
}
.notice_gallery .box {
	width:1100px;
	margin:50px auto 0;
}
.notice_gallery .box .left {
	float:left;
	display:inline-block;
	width:480px;
	background:#ffffff;
	padding:30px 25px 30px 25px;
}
.notice_gallery .box .right {
	float:left;
	display:inline-block;
	width:490px;
	padding:0px 0px 0px 0px;
	margin-left:30px;
}
.more_002 {display:none;}

/* notice_gallery -left */
.notice_gallery .tab a {
	float:left;
	display:inline-block;
	padding:0 25px 0 25px;
	border-left:solid 1px #70737d;
	color:#1b2339;
	font-family:'hufs_L';
	font-size:18px;
	font-weight:bold;
    transition:0.3s;
}
.notice_gallery .tab a:first-child {
	padding:0 25px 0 5px;
	border-left:none;
}
.notice_gallery .tab a.active {
    color:#0058a5;
}
.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/eng/mycodyimages/btn_more.png') no-repeat;
}
.notice_gallery .tabcontent .more:hover {
	border:solid 1px #637c92;
	background:#f6f7f4 url('/user/eng/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 .link {
	width:490px;
	margin:0 0;
	padding:0; font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
}
.notice_gallery .link li {
	float:left;
	display:inline-block;
	width:490px;
}
.notice_gallery .link li a {
	position:relative;  
	display:block;
	padding-top:171px; /* 전공소개 박스 높이 */
	z-index:999;
}
.notice_gallery .link li a:hover {
	background:#000000 url('/user/eicc/mycodyimages/img_main_link_more.png') no-repeat center center;
	opacity:0.60;
    filter:alpha(opacity=60);
}
.notice_gallery .link li div {
	position:relative;  
    margin-top:-171px; /* 텍스트영역 박스 높이 */
	padding:48px 0 48px;
	color:#ffffff;
	font-size:13px;
	font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
	line-height:14px;
	border:solid 1px #547caf;
	background:#5a82b5;
	z-index:400;
}
.notice_gallery .link li+li {margin-top:11px;}
.notice_gallery .link li+li div {border:solid 1px #1d315e; background:#213564;}
.notice_gallery .link li div span {
	display:inline-block;
	width:8px;
	font-size:11px;
	font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
	line-height:16px;
	vertical-align:top;
}
.notice_gallery .link li div p {
	margin:12px 0 23px 0;
	font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림';
	font-size:18px;
	font-weight:600;
}
.notice_gallery .link li div button {
	width:90px;
	height:24px;
	color:#ffffff;
	font-size:11px;
	background:none;
}
.notice_gallery .link li div button {border:solid 1px #b4c0e3;}
.notice_gallery .link li+li div button {border:solid 1px #97a1b7;}
.notice_gallery .link li+li+li div button {border:solid 1px #adc0cc;}
.notice_gallery .link li+li+li+li div button {border:solid 1px #a7bcd8;}






/* 메인 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:Arial;
	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:Arial;
	display:block;
	font-size:.85em;
	padding:10px;
}