@charset "utf-8";

#header-Top, #header-Gnb section > .gnb > li:hover > a, #header-Gnb section > .gnb > li.active > a, #header-Gnb section > .gnb > li > ul, .popup .slide:before, .quickRight, .noticeWrap .notice > div .more:hover, #subContainer #leftCont h2, .tabStyle li.on a, .tabStyle li a:hover, .mainQuickRight, #popupWrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #popupWrap .bx-wrapper .bx-pager.bx-default-pager a.active, #popupWrap .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#3d9ea8}
.popupModal .modal-content {border-color:#3d9ea8}
.quickRight > ul li:nth-child(1) a, .quickRight > ul li:nth-child(2) a:hover, .noticeWrap .notice > h3.active a, .noticeWrap .notice > div .notiList li a:hover span, .quickLeft > li:hover a, #rightCont h3 .location li:last-child, #leftCont .leftmenu > li > .depth2 > li.active > a, #leftCont .leftmenu > li > .depth2 > li > a:hover, .box .inner .title, .faculty .fa-search-plus, .hamburgerGnb > li > a.active, .hamburgerGnb > li > a:hover, .popup .slide > div h3, .popup .slide a.more, .mainQuickLeft > a:hover {color:#3d9ea8}
#rightCont .con > h4:before, #rightCont .con .h4:before {border-color:#3d9ea8}

.mainVisual01 {background:url('../images/mainVisual01.jpg') center center no-repeat; background-size:cover} /* 학과별로 메인,서브이미지 포지션 값으로 반응형 조절하기 */
.subVisual01 {background:url('../images/mainVisual01.jpg') center 15% no-repeat; background-size:cover} /* 학과별로 메인,서브이미지 포지션 값으로 반응형 조절하기 */
#linkWrap {background:url('../images/linkWrapBg.jpg') center center no-repeat; background-size:cover} /* 학과별로 메인,서브이미지 포지션 값으로 반응형 조절하기 */

#header-Gnb section > .gnb > li:nth-child(2) > ul {min-width:160px}
#header-Gnb section > .gnb > li:nth-child(3) > ul {min-width:160px}
#header-Gnb section > .gnb > li:nth-child(4) > ul {min-width:160px}
#header-Gnb section > .gnb > li:nth-child(7) > ul {min-width:160px}

#popupWrap .popup .slide p {font-size: 13px; font-weight: 400; color: #464646; line-height: 20px; letter-spacing: -1px}
.p_title {color: #3d9ea8; font-weight: 700; font-size: 24px; margin-bottom: 10px; line-height: 30px; letter-spacing: -1.8px}

.boxmajor {background: #3d9ea8; padding: 10px}
.boxmajor > p {color: #fff; font-weight: 700; font-size: 14px}
.opacity80 {opacity: 0.8}
.opacity60 {opacity: 0.6}

.table_h4 {font-size:18px; font-weight:700; margin:40px 0 20px; overflow:hidden; letter-spacing:-0.45px}
.table_h5 {font-size:15px; font-weight:700; margin:25px 0 10px; overflow:hidden; letter-spacing:-0.45px}

/* mainContainer - 유아교육과 콘텐츠 개선(220817) */
#mainContainer section > .mainContainer01 {padding:30px 0; display:flex; justify-content:space-between}
#mainContainer section > .mainContainer02 {overflow:hidden}
#mainContainer .mainContainer03 {padding:0 0 50px 0; max-width:1140px; margin:0 auto}
#mainContainer .con01 > h3, #mainContainer .con02 > h3, #mainContainer .con04 > h3 {font-size:25px; margin-bottom:20px; line-height:32px}
#mainContainer .con01, #mainContainer .con02 {width:49%}
.noticeWrap .notice {margin-top:0}
.noticeWrap .notice > div .notiList {padding:20px; background:#f5f5f5}
.noticeWrap .notice > div {top:40px}
.noticeWrap .notice > div .more {top:-40px}
.noticeWrap .notice > div .notiList li:nth-child(3) {margin-bottom:0}
.noticeWrap .notice > div .notiList li:nth-child(4), .noticeWrap .notice > div .notiList li:nth-child(5) {display:none}
.mainContainer02 {display:flex; justify-content:space-between}
.con03_typeC {width:32%; height:200px; padding:22px; color:#fff; font-size:24px; font-weight:600; letter-spacing:-1pt; margin-bottom:25px}
.con03_typeC.under {width:48%; height:200px; padding:22px}
.con03_typeC:nth-child(1) {background:url('../images/con03_typeC_bg01.png') right bottom no-repeat #3d9ea7}
.con03_typeC:nth-child(2) {background:url('../images/con03_typeC_bg02.png') right bottom no-repeat #1a6b9e}
.con03_typeC:nth-child(3) {background:url('../images/con03_typeC_bg03.png') right bottom no-repeat #26966d}
.con03_typeC.under:nth-child(1) {background:url('../images/con03_typeC_bg04.png') right bottom no-repeat #4ea597}
.con03_typeC.under:nth-child(2) {background:url('../images/con03_typeC_bg05.png') right bottom no-repeat #479fbd}
.con03_typeC > ul > li > a {color:#fff; font-size:15px; line-height:24px}
.con03_typeC:hover {opacity:0.9; transition:0.3s; color:#fff}
.con04 {position:relative}
.con04 .PhotoList > li 
{width:305px; height:204px}
.con04 .PhotoList > li > img {border-radius:10px; border:solid 1px #e2e2e2}
.con04 .bx-wrapper .bx-controls-direction a {position:absolute; top:45%; margin-top:-35px; outline:0; width:32px; height:50px; text-indent:-9999px; z-index:999}
.con04 .bx-wrapper .bx-prev {left:-52px; background:url('/dept2/common/images/popArrow.png') no-repeat 0 -50px}
.con04 .bx-wrapper .bx-prev:hover, .con04 .bx-wrapper .bx-prev:focus {background-position:0 0}
.con04 .bx-wrapper .bx-next {right:-52px; background:url('/dept2/common/images/popArrow.png') no-repeat -32px -50px}
.con04 .bx-wrapper .bx-next:hover, .con04 .bx-wrapper .bx-next:focus {background-position:-32px 0}

/*.childWrap .inner {max-width:1100px !important}*/

.Timelinebox {display:flex}
.TimelineTitle01 {color:#fff; background:#a0ced3; padding:10px; width:40%; margin-top:5px}
.TimelineTitle02 {color:#fff; background:#76b5bb; padding:10px; width:40%; margin-top:5px}
.TimelineTitle03 {color:#fff; background:#649fa5; padding:10px; width:40%; margin-top:5px}
.TimelineTitle04 {color:#fff; background:#40858c; padding:10px; width:40%; margin-top:5px}
.TimelineTitle05 {color:#fff; background:#346f75; padding:10px; width:40%; margin-top:5px}
.TimelineGray {padding:10px; background:#eee; width:60%; margin-top:5px}

.tbl_skin1.font14 thead th {font-size:14px; line-height:1.2em}
.tbl_skin1.font14 tbody td, th {font-size:14px; line-height:1.2em}


@media screen and (max-width:1139px) {
	#header-Gnb section > .gnb {background:#3d9ea8}
	#mainContainer section > .mainContainer01 {display:block}
	#mainContainer .con01 {width:100%; height:460px}
	#mainContainer .con01 img {object-fit:cover; height:200px}
	#mainContainer .con02 {width:100%}
	.con04 .bx-wrapper .bx-prev {left:0px}
	.con04 .bx-wrapper .bx-next {right:0px}
	.childWrap {top:50px !important}
}
@media screen and (max-width:768px) {	
	.mainVisual01 {background-position:center center} /* 학과별로 메인,서브이미지 포지션 값으로 반응형 조절하기 */
	.mainContainer01 {flex-wrap:wrap}
	.mainContainer02 {flex-wrap:wrap}
	.con03_typeC {width:100%; height:200px; padding:22px}
	.con03_typeC:nth-child(2), .con03_typeC:nth-child(3) {margin-top:10px}
	.con03_typeC.under {width:100%; height:200px; padding:22px}
	.con03_typeC.under:nth-child(1) {margin-top:10px}

}
@media screen and (max-width:425px) {	
	.mainVisual01 {background-position:center center} /* 학과별로 메인,서브이미지 포지션 값으로 반응형 조절하기 */
}
@media screen and (max-width:320px) {	
	.mainVisual01 {background-position:center center} /* 학과별로 메인,서브이미지 포지션 값으로 반응형 조절하기 */
}