@charset "utf-8";
/* CSS Document */


/*예전메인팝업*/
#PopupManagment {
	position: absolute;
	padding-left: 0px;
	top: 0;
	z-index: 100; /*빠른 위치 팝업 없을시 98*/
	left: 0;
}
#PopupArea { position: absolute; }
/* 빠른메뉴 popup */
#popup_quick {
	position: absolute;
	float: left;
	top: 97px;
	left: 366px;
	z-index: 120;
}
/*left 메달 배너*/
#popup_list04 {
	position: absolute;
	z-index: 2;
	margin: 0;
	top: 215px; /* 20160803 top:180px수정*/
	left: -140px;
}
.popup_bottom {
	position: absolute;
	float: right;
	top: 10px;
	right: 10px;
	height: 19px;
	padding: 5px;/*background: #5398dc;*/
}
.popup_bottom01 {
	position: absolute;
	float: right;
	top: 12px;
	right: 13px;
}
#popup_list01 {
	position: absolute;
	z-index: 97;
	top: 0px;
}
.btn_memory {
	position: absolute;
	z-index: 98;
	top: 24px;
	left: 588px;
}
.popup_list_bottom01 {
	position: absolute;
	z-index: 90;
	top: 24px;
	left: 719px;
}
.pop_font {
	color: #91908e;
	font-size: 11px;
	vertical-align: middle;
}
.pop_right { float: right }
.popup_img {
	margin: 0;
	padding: 0;
}
/* 161215 학점인정 */
#popup_list01 .popup_img { height: 5px; }
/* ======================================================== 학사일정 덮을 경우 */
#popup_list01 {
	position: absolute;
	z-index: 3;
	margin: 0;
	width: 731px;
	top: 0;
	left: 0;
}
/* ======================================================== 장학후기 덮을 경우 
#popup_list01 { position: absolute; z-index: 3; margin: 0; width: 367px; top: 334px; left: 366px; } */
.popup_bottom01 {
	position: relative;
	float: right;
	top: 80px;
	right: 125px;
}
.pop_right { float: right }
/* ======================================================== center_top에선 2,3번째 가림
#popup_list02 { position: absolute; z-index: 5; margin: 0; width: 100%; height: 100%; top: 194px; left: 366px; background: #fff; }
#popup_list02 .popup_img { height: 5px; float: left; }
#popup_list02 .popup_bottom02 { position: relative; float: left; text-align: right; height: 20px; padding: 0; margin: 0; top: 268px; left: 0; } 
*/

/* ======================================================== 학위취득가림 */
#popup_list02 {
	position: absolute;
	z-index: 5;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 504px;
	left: 366px;
	background: #fff;
}
#popup_list02 .popup_img { float: left; }
#popup_list02 .popup_bottom02 {
	position: relative;
	float: left;
	text-align: right;
	height: 20px;
	padding: 0;
	margin: 0;
	top: 520px;
	left: 0;
	width: 345px;
	color: #000;
}
#popup_list02 .popup_bottom02 .pop_font { color: #000; }
/* ======================================================== 공지사항 가림 */
#popup_list03 {
	position: absolute;
	z-index: 5;
	margin: 0;
	width: 356px;
	height: 325px;
	top: 504px;
	left: 0;
}
#popup_list03 .popup_img { float: left; }
#popup_list03 .popup_bottom02 {
	position: relative;
	float: left;
	text-align: right;
	height: 20px;
	padding: 0 20px 0 0;
	margin: 0;
	top: 300px;
	left: 0;
	width: 345px;
	color: #000;
}
#popup_list03 .popup_bottom03 .pop_font { color: #000; }
/* ======================================================== 대면임박 팝업
#popup_list02 { position: absolute; z-index: 5; margin: 0; width: 100%; height:100%; top: 100px; left: 320px; background:#fff;
}
#popup_list02 .popup_img { height: 5px; float:left;}
.popup_bottom011 { position:relative; float: left; text-align:right; height: 20px; padding: 0; margin:0; top:60px; left:380px; }
*/


/* ======================================================== 이벤트하단 popup
#popup10 { position: absolute; float: left; width: 356px; margin: 0; padding: 0; left: 0px; top: 371px; }
#popup10 .popup_img { height: 100px; }
#popup_list02 { position: absolute; z-index: 98; padding-left: 0px; top: 0px; }
.popup_list_bottom04 { position: relative; float: left; height: 20px; background: #000; padding: 3px 5px 0px 9px; margin: 0; }
.pop_font { color: #91908e; font-size: 11px; vertical-align: middle; }
.pop_right { float: right }*/


/* ======================================================== 학습자등록*/
#popup_list08 {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 731px;
}
.popup_img {
	position: absolute;
	top: 0;
}
.popup_img .popup_left {
	width: 68.6%;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 0;
}
.popup_img .popup_right {
	width: 31.4%;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/popup/2016/popup_160617_05.gif) no-repeat;
}
.popup_bottom08 {
	position: absolute;
	width: 716px;
	height: 24px;
	padding: 8px 10px 7px 5px;
	margin-top: 287px;
	text-align: right;
	background: #606060;
}
.pop_font {
	margin-right: 10px;
	color: #b0aca4;
}
/* ======================================================== 타임세일팝업*/

div#glayLayer {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #5398dc;
	filter: alpha(opacity=70);
	opacity: 0.70;
}
#overLayer {
	position: fixed;
	top: 27%;
	left: 50%;
	margin-top: -244px;
	margin-left: -360px;
}
#glay_popup {
	position: absolute;
	z-index: 99;
	margin-top: 20px;
}
.glay_pop_close {
	position: absolute;
	height: 26px;
	margin: 628px 0px 0px 815px;
	z-index: 99;
}
#button {
	position: fixed;
	top: 30%;
	left: 50%;
	margin-top: -267px;
	margin-left: -565px;
	z-index: 90;
}
/*.close_today{  position:absolute; height:26px; margin: 628px 0px 0px 177px; z-index: 99; }*/

/* ======================================================== 정기정검 팝업 띄울때만 활성화합니다. */


#popup_check01 .popup_img {
	position: absolute;
	float: left;
	width: 365px;
	height: 225px;
	margin: 0;
	padding: 0;
	top: 504px;
	left: 0px;
	background: url(/images/popup/2015/popup_check01.png) repeat-x 0 0;
	z-index: 99;
}
#popup_check02 .popup_img {
	position: absolute;
	float: left;
	width: 365px;
	height: 225px;
	margin: 0;
	padding: 0;
	top: 504px;
	left: 366px;
	background: url(/images/popup/2015/popup_check02.png) repeat-x 0 0;
	z-index: 99;
}
#popup_check03 .popup_img {
	position: absolute;
	float: left;
	width: 365px;
	height: 226px;
	margin: 0;
	padding: 0;
	top: 504px;
	left: 366px;
	background: url(/images/popup/2015/popup_check03.png) repeat-x 0 0;
	z-index: 99;
}
#popup_check02 .contents, #popup_check03 .contents {
	position: absolute;
	float: left;
	width: 310px;
	height: 82px;
	top: 80px;
	left: 25px;
	color: #555;
	font-size: 14px;
	font-weight: 600;
	line-height: 120%;
	text-align: center;
	letter-spacing: -1px;
	font-family: "나눔고딕";
}
#popup_check01 .inspection, #popup_check02 .inspection, #popup_check03 .inspection {
	position: absolute;
	float: left;
	top: 180px;
	left: 74px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: "나눔고딕";
}
.popup_bottom02 {
	float: left;
	width: 355px;
	text-align: right;
	margin-top: 10px;
	padding-right: 10px;
}
/* ======================================================== 정기정검 팝업 띄울때만 활성화 끝 */
/* 평가용 팝업
#QuickLinkPG {
	margin: 0;
	padding: 0;
	display: none;
	z-index:999;
} 
 */
*/ #onlineCS {
 margin: 0;
 padding: 0;
 font-size: 12px;
 line-height: 1.2;
 display: none;
}
#onlineCS img { border: 0 }
#pop_consult {
	float: left;
	width: 323px;
	background: #60b128;
	border: #000 solid 3px;
	overflow: hidden;
}
#pop_consult ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#pop_consult .text01_c {
	text-align: center;
	height: 40px;
	padding-top: 10px
}
#pop_consult .text02_c { text-align: center; }
#pop_consult #textbox {
	width: 50px;
	float: left;
}
#pop_consult #textbox ul li {
	height: 20px;
	padding: 2px
}
#pop_consult #inputbox {
	width: 100%;
	padding-left: 60px
}
#pop_consult #inputbox input {
	width: 157px;
	height: 15px;
	border: 1px solid #fff;
	margin-top: 3px
}
#pop_consult #inputbox textarea {
	width: 252px;
	height: 70px;
	border: 1px solid #fff;
	margin-top: 3px;
	margin-bottom: 10px
}
#pop_consult #inputbox .input01 { width: 45px; }
#pop_consult_btn {
	width: 100%;
	height: 40px;
	margin-top: 10px
}
#pop_consult_btn ul li { display: inline; }
/* ======================================================== 201610 개천절 팝업 */
#popup_list10 {
	position: relative;
	z-index: 2;
	margin: 0;
	top: 100px;
	left: 366px;
}
.popup_close {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 5px;
	background: #fff;
}
.popup_close {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 5px;
	background: #fff;
	cursor: pointer
}
/*======================================================== 팝업 슬라이드 이벤트 - 170518 추가*/
#popup_slide {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 731px;
	height: 495px;
	background: grey;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}
.carousel { position: relative; }
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8%;
	font-size: 70px;
	color: #fff;
	text-align: center;
	text-shadow: none;
	filter: alpha(opacity=70);
	opacity: .7;
	text-shadow: 0 0 3px rgba(0, 0, 0, .6);
}
.carousel-control.left { background-repeat: repeat-x; }
.carousel-control.right {
	right: 0;
	left: auto;
	background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=100);
	outline: 0;
	opacity: 1;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
	position: absolute;
	top: 50%;
	margin-top: -36px;
	z-index: 5;
	display: inline-block;
	color: #fff;
}
.carousel-control .icon-prev, .carousel-control .fa-angle-left {
	left: 50%;
	margin-left: -10px;
}
.carousel-control .icon-next, .carousel-control .fa-angle-right {
	right: 50%;
	margin-right: -10px;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	font-family: serif;
	line-height: 1;
}
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 1px 2px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 1);
}
.carousel-indicators .active {
	width: 14px;
	height: 14px;
	background-color: #f75b31;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn { text-shadow: none; }
.slide_bottom {
	position: relative;
	float: left;
	width: 716px;
	text-align: right;
	margin-top: -480px;
	padding-right: 15px;
}
.slide_bottom input { border: 1px solid #000; }
.slide_bottom .pop_title {
	color: #000;
	margin-right: 10px;
}
.slide_bottom .fa-times {
	color: rgba(0, 0, 0, 0.3);
	font-size: 27px;
	cursor: pointer
}
.slide_bottom .fa-times:hover { color: rgba(0, 0, 0, 1);  
}

/* common*/
.float_l{float:left;}
.mg_t30 {margin-top:30px;}