@charset "utf-8";
#menu71_obj1050{z-index: 100;}
body{background-color:#f5f4f8;}
#footerSec{margin-top:0;}
.search-input input{outline:none;}
@media only screen and (min-width:1280px){
	body #headerSec{top:100vh; max-width:2000px;}
	body #headerSec:hover{background-color:rgba(255,255,255,0.8)}
	body #headerSec.vh100{top:200vh;}
	#mainNav{padding: 0 280px 0 295px;}
}
@media only screen and (max-width:1279px){
	body #headerSec{padding-right:0;}
}
@media only screen and (min-width:768px){
	#headerSec{position:absolute; top:100vh; width:100%; z-index:1002; padding-right:90px; box-sizing:border-box;}
	#headerSec.vh100{top:199vh;}
}
#menu71_obj1072{overflow:hidden; max-height:330px;}
#menu71_obj14062{clear:both;}
/*쳇봇*/
.maruLink{display:none;}
.maruLink .maru{background: url(./../../images/main/maruBot_off.png) no-repeat; width:100px; height:100px; margin-left:10px; display:block; text-indent:-9999px; position:fixed; z-index:999999; left:50px; bottom:30px;}
.maruLink .maru:hover{background: url(./../../images/main/maruBot_on.png) no-repeat;}

/* 첫번째 섹션*/
/* 상단 */
.top-header{margin:30px 0 110px;}
/*상단문구적용시> .top-header{margin:30px 0 65px;}*/
.top-header .logo{overflow:hidden; display:inline-block;}
.top-header .allMenu-t {float: right; margin-top:10px;}
.top-header .allMenu-t a {display: inline-block; width: 110px; height: 40px; line-height: 38px; box-sizing: border-box; border: 1px solid #fff; border-radius: 20px;  padding: 0 15px; background: rgba(255, 255, 255, 0.1) url("./../../images/main/ic_menu.png") no-repeat 80% 12px; font-size: 14px; color: #fff;}

/*검색*/
.main-search-form{word-break: keep-all;}
.main-search-form > h3 {font-size: 45px; line-height: 1.4; color: #fff; font-weight: 300; letter-spacing: -2.5px; margin-top: 30px;}
.main-search-form > h3 strong {font-weight: 600;}
.main-search-form > p {font-size: 30px; line-height: 1.2; letter-spacing: -0.5px; font-style: italic; color: #fff; font-weight: 300;}

/*배너*/
.main-link-wrap > ul > li {float: left; width: 50%; text-align: center;}
.main-link-wrap > ul > li > a {display: block;}
.main-link-wrap > ul > li > a > p.thum{ width:100px; height:100px; margin:0 auto; position:relative; background-size:100%;}
.main-link-wrap > ul > li:nth-child(1) > a p.thum{background:url("./../../images/main/bannerBg01.png") no-repeat;}
.main-link-wrap > ul > li:nth-child(2) > a p.thum{background:url("./../../images/main/bannerBg02.png") no-repeat;}
.main-link-wrap > ul > li:nth-child(3) > a p.thum{background:url("./../../images/main/bannerBg03.png") no-repeat;}
.main-link-wrap > ul > li:nth-child(4) > a p.thum{background:url("./../../images/main/bannerBg04.png") no-repeat;}
.main-link-wrap > ul > li > a > img {max-width: 100%; position:absolute; right:-20px; bottom:-30px; transition:cubic-bezier(0.6, -0.28, 0.74, 0.05) all .3s;}
.main-link-wrap > ul > li > a:hover img{right:0; bottom:0;}
.main-link-wrap > ul > li {font-size: 18px; line-height: 40px; color: #fff; font-weight: 300; margin: 15px 0;}
.main-link-wrap > ul > li > a:hover p {text-decoration: underline;}
.main-link-wrap > ul > li > a > p {font-size: 18px; line-height: 40px; color: #fff; font-weight: 300; margin: 15px 0;}

.main-link-wrap .link-img {display:table; text-align:center; margin-top:20px; width:100%;}
.main-link-wrap .link-img a{display:table-cell;}
.main-link-wrap .link-img a img{max-width:100%;}

.onlinePopup{position:fixed;left: 0;top: 0; background: rgba(0,0,0,0.5); width:100%; height:100%; z-index:11111; display:none;}
.onlinePopup > .online-inner{position:absolute; width:800px; height:500px; overflow:auto; text-align:left; left:50%; top:50%; margin:-400px 0 0 -400px; background: #fff url(./../../images/main/section03Bg.png) 200px 200px no-repeat;}
.onlinePopup > .online-inner > .online-title{background: url(/Web-home/fnct/profsrIntrcn/JW_profsrIntrcn_basic/images/popupBg.png) repeat;margin:0;padding:10px 10px 10px 30px;font-weight:500;font-size: 18px;line-height: 40px;color: #fff;}
.onlinePopup > .online-inner > ul{padding:30px;}
.onlinePopup > .online-inner > ul > li{position:relative;padding-left: 180px;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px;min-height: 25px;}
.onlinePopup > .online-inner > ul > li > a{position:absolute;left:0;background: url(./../../images/common/ic_gnb_menu.png) no-repeat left center;display: block;font-weight: 500;padding-left: 20px;font-size: 18px;color: #222222;}
.onlinePopup > .online-inner > ul > li > ul > li{display:inline-block; margin-right:10px;}

.onlinePopup > .online-inner > ul > li > ul > li > a{position: relative;display: block;font-size: 16px;line-height: 26px;color: #666666;font-weight: 300;padding-left: 15px;transition: color 0.3s;}
.onlinePopup > .online-inner > ul > li > ul > li > a::before {content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 0; top: 12px; background-color: #7296C0; transition: background 0.3s;}
.onlinePopup > .online-inner > ul > li > ul > li > a:hover {color: #002d65;}
.onlinePopup > .online-inner > ul > li > ul > li > a:hover::before {background: #002D65;}
.onlinePopup > .online-inner > ul > li > ul > li > a::after {content: ""; width: 4px;height: 4px; background:url(./../../images/common/blankIcon.png) no-repeat;transition: background 0.3s;}
.onlinePopup > .online-inner > ul > li > ul > li > a.new_win:after{content:'새창'; width:20px; height:20px; display:inline-block; text-indent:-9999px; margin-left:0;}
.onlinePopup .popClose{position: absolute; top: 22px; right: 20px; border: 0; width: 20px; height: 20px; text-indent: -5000px; background: url(/Web-home/fnct/profsrIntrcn/JW_profsrIntrcn_basic/images/close.png) no-repeat}

.onlinePopup > .online-inner ul ul ul{display:none;}


/*핫이슈*/
.main-content-inner-bottom {position: relative; }
.main-content-inner-bottom::before {content: ""; position: absolute; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.3); left: 0; top: 80px; margin: 0 -360px; padding: 0 360px;}

.main-issue-wrap {float: left; width: 59%; margin-right: 2%;}
.main-issue-wrap h3 {font-size: 30px; line-height: 40px; color: #fff; font-weight: 300; font-style: italic; margin-bottom: 20px;}
.main-issue-wrap a.issueBtn {display:block; text-indent:-9999px; position:absolute; top:0; right:0; width: 20px; height: 20px; background: url("./../../images/main/btn_more.png") no-repeat; margin-top: 11px;}
.main-issue-wrap h3 strong {font-weight: 600; color: #002e66; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;}

.main-issue {position: relative; padding-left: 70px; }
.main-issue::before {content: ""; position: absolute; width: 17px; height: 25px; background: url("./../../images/main/top_arrow.png") no-repeat; left: 0; top: 7px;}
.main-issue ul{display: flex;}
.main-issue ul li {position: relative; padding-top: 30px; width:33%; margin-left:1%;}
.main-issue ul li a {display: block;  background-color: rgba(0, 35, 100, 0.4);  border-radius: 20px; padding: 5px 0 15px 15px;}
.main-issue ul li::before {content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; top: 15px; left: 0; }
.main-issue ul li .date {font-size: 14px; line-height: 40px; color: #fff;}
.main-issue ul li p {font-size: 18px; line-height: 25px; color: #fff; font-weight: 300; height: 50px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box}
.main-issue ul li a:hover p {text-decoration: underline;}

/*sns*/
.main-sns-wrap {float: right; width: 39%;}
.main-sns-wrap h3 {font-size: 30px; line-height: 40px; color: #fff; font-weight: 300; font-style: italic; margin-bottom: 40px}
.main-sns-wrap h3 strong {font-weight: 600; color: #002e66; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;}

.main-sns {position: relative; padding-left: 70px;}
.main-sns::before {content: ""; position: absolute; width: 17px; height: 25px; background: url("./../../images/main/top_arrow.png") no-repeat; left: 0; top: -12px;}
.main-sns ul li {float: left; width: 14.5%; text-align: center;}
.main-sns ul li a {display: inline-block; position: relative; z-index: 5;}
.main-sns ul li a img {margin-top: -25px; transition:cubic-bezier(0.6, -0.28, 0.74, 0.05) all .5s;}
.main-sns ul li a:hover img {transform: rotate(360deg);}
.main-sns ul li a p {font-size: 14px; line-height: 25px; color: #fff; font-weight: 500; margin-top: 20px;}
.main-sns ul li a:hover p {text-decoration: underline;}

/*동영상제어*/
#menu71_obj11755{position: absolute; bottom: 20%; padding: 0 20px;}
#multipleDiv_mjukr_356{background-color:rgba(0,0,0,0.2); overflow:hidden; height:100vh; padding-right:80px;}
#multipleContentsDiv_mjukr_356{max-width:1700px; margin:0 auto;}
body #menu71_obj1742,
body #menu71_obj1742.obj{overflow: auto; position: static;}
#video-background{position:absolute; left:0; top:0; z-index:-1; width:2000px; left:50%; margin-left:-1000px;}

.main-scroll {text-align: center; z-index: 10; margin-top:50px;  position:absolute; bottom:8%; left:50%; margin-left:-25px;     animation: main-scroll 2s infinite cubic-bezier(0.4, 0, 0.2, 1);}
.main-scroll a {display: inline-block; width: 50px; height: 50px; background: url("./../../images/main/ic_scroll.png") no-repeat; text-indent:-9999px; }

@keyframes main-scroll {
    0% {bottom: 8%;}   
    50% { bottom: 6%;}
    100% { bottom: 8%;}
}
@media only screen and (max-width:1600px){
	#multipleContentsDiv_mjukr_356{padding: 0 20px; box-sizing: border-box;}
	.main-search-form > h3 {font-size: 35px;}
}
@media only screen and (max-width:1300px){
	#multipleDiv_mjukr_356{padding-right:0;}
	#menu71_obj11755{position: relative; bottom: 20%; padding: 0 20px; top:30px;}
	#menu71_obj1194{margin-top:0;}
	.top-header{margin-bottom:50px;}
	/*상단문구적용시> .top-header{margin-bottom:5px;}*/
	.main-link-wrap > ul > li{width:25%;}
	.main-search-form > h3 {font-size: 30px; margin-top: 0;}
	.main-search-form > p {font-size: 20px;}
	.main-sns ul li a p{font-size:15px;}
	.main-scroll {position:inherit;}
}
@media only screen and (max-width:1023px){
	#menu71_obj1050{width:45%}
	#menu71_obj1194 {margin-top: 50px;}
	#menu71_obj1072{margin:-80px 0 0 0;}
	.main-link-wrap > ul > li {width: 25%;padding: 0 10px;box-sizing: border-box;}
	.main-link-wrap > ul > li a p.thum {width: 100%;height: 100%;margin: 0 auto;position: relative;padding-top: 100%;background-size: cover !important;}
	.main-link-wrap > ul > li a p{font-size: 16px !important;}
	.main-issue ul li{width:100%;}
	.main-issue ul li:last-child{display:none;}
	.main-sns{padding-left:20px;}
	.main-sns ul li a p{display:none;}
}

/*section01 - mobile 일대는 삭제*/
@media only screen and (max-width:767px){
	#multipleDiv_mjukr_2001{padding-bottom:0;}
	#multipleDiv_mjukr_356{padding:0; height:auto}
	#multipleContentsDiv_mjukr_356{padding:0;}
	#multipleDiv_mjukr_356 #menu71_obj1046,
	#multipleDiv_mjukr_356 #menu71_obj1048,
	#multipleDiv_mjukr_356 #menu71_obj1050,
	#multipleDiv_mjukr_356 #menu71_obj11755,
	#multipleDiv_mjukr_356 #menu71_obj1742{display:none;}
	#menu71_obj1072{margin:0; width: 100%;}
}
@media only screen and (max-height:900px) {
	.top-header {margin: 30px 0 50px;}
 	/*상단문구적용시> .top-header{margin: 30px 0 5px;}*/
	#menu71_obj11755{bottom:5%;}
	.main-scroll{display:none;}
	.main-link-wrap > ul > li p{line-height:1.2;}
	.main-mid-broad{height:auto !important;}
}
/*-------------------------------section02 pc------------------------------------*/
@media only screen and (min-width:1280px){
	#multipleDiv_mjukr_2001{height:100vh;} 
	#multipleContentsDiv_mjukr_2001{padding-left:calc(20% + 40px); box-sizing:border-box; padding-right:100px;}		/*두번째섹션 영역*/ 
	#menu71_obj2123{background: url(./../../images/main/middle_tit_bg.jpg) no-repeat center top; position:absolute; left:0; height: 100vh;}		/*좌측타이틀*/
	#menu71_obj14263{position:absolute; bottom:10px; left:0; width:100%; height:120px;} /*아래버튼*/
	#menu71_obj14263 .main-scroll a{vertical-align:middle;}
	#menu71_obj14263 .main-scroll a.down{background: url(./../../images/main/ic_scroll2.png) no-repeat;}
}

/* 좌측 콘트롤 */
.main-content-tit {padding-top: 240px; transition:ease all .3s; width:250px; margin:0 auto;}
.main-content-tit strong{font-weight:bold;}
.main-tit .first {font-size: 40px;color: #000000;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);margin: -120px 0 0 175px;}
.main-tit .second {font-size: 73px;font-weight: 500;color: #fff;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);margin: -25px 0 0 120px;}
.main-tit .third {font-size: 28px;color: rgba(255, 255, 255, 0.8);text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);font-weight: 500;font-style: italic;letter-spacing: -1px;margin: -15px 0 0 120px; line-height:1.2; white-space: nowrap;}
.main-tit .third span {font-weight: 300;}
.main-content-tit img{display:none;}
@media only screen and (min-width:1280px){
	.main-content-tit img.pc-img{display:block;}
}
@media only screen and (max-width:1500px){
	.main-content-tit{transform: scale(.8);}
}
@media only screen and (max-width:1279px){
	.main-content-tit{padding:0; transform: scale(1); width:auto;}
	.main-tit img{float:left;}
	.main-tit p,
	.main-tit .ta-img{margin:0; float:left; display:inline-block;}
	.main-tit .ta-img{margin:30px 0 0 0}
	.main-tit .first{margin: 40px 0 0 5px;}
	.main-tit .second{margin: 20px 0 0 10px;}
	.main-tit .third{margin: 70px 0 0 20px;}
}
@media only screen and (max-width:767px){
	#menu71_obj2123,
	#menu71_obj2127{display:none;}
	.main-tit{margin-top:5px;}
	.main-tit .ta-img{display:none;}
	.main-tit .mo-img{margin:30px 0 0 20px; display:block;}
	.main-tit .first{margin: 35px 0 0 5px;font-size:20px;}
	.main-tit .second{font-size:35px;margin: 28px 0 0 5px;}
	.main-tit .third{margin: 52px 0 0 5px;font-size: 20px;}
}

/* 좌우 버튼 
.main-tit-dots{text-align:center; margin-top:50px;}
.main-tit-dots > a,
.main-tit-dots ul{display:inline-block; vertical-align:middle;}
.main-tit-dots > a{width: 30px; height: 59px; text-indent:-9999px;}
.main-tit-dots > a.tit-prev{background: url("./../../images/main/btn_prev_1.png") no-repeat;}
.main-tit-dots > a.tit-next{background: url("./../../images/main/btn_next_1.png") no-repeat;}
.main-tit-dots ul{margin:0 20px;}
.main-tit-dots ul li{display: inline-flex; margin: -5px 5px 0; vertical-align:middle;}
.main-tit-dots ul a{display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; background: rgba(255, 255, 255, 0.52); text-indent:-9999px;}
.main-tit-dots ul a.on{background: url("./../../images/main/main-tit-dotsOn.png") no-repeat; width:23px; height:23px;}
*/

/*명지 포커스*/
.main-mid-broad {border-top: 3px solid #2D2D2D;overflow:hidden;box-sizing:border-box;padding-top: 40px;height: 234px;}
.main-mid-broad ul{display:flex;}
.main-mid-broad ul li {position: relative;box-sizing: border-box;padding: 0 5px;width: 33%;}
.main-mid-broad ul li a {display: block;}
.main-mid-broad ul li a > p {text-align: center;font-size: 18px;line-height: 25px;color: #000000;margin-top: 10px;}
.main-mid-broad ul li a:hover > p {text-decoration: underline;}
.main-mid-broad .board-img {border-radius: 50%;border: 1px solid #1e5ba8;box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);width: 95%;margin: 0 auto;vertical-align: top; max-width:150px;}
.main-mid-broad .board-img img {width: 100%; height: 100%;}

/* vol 숨김처리*/
.main-mid-broad ul li .num {display:none; position: absolute; width: 53px; height: 60px; background: url("./../../images/main/middle_link_tit.png") no-repeat; left: 0; top: 0; z-index: 5; box-sizing: border-box; padding: 7px 10px 0; text-align: center; font-size: 14px; line-height: 15px; color: #fff; font-weight: 300;}
.main-mid-broad ul li .num span {display: block;}

/*배너5개*/
.main-mid-link{background-color:#fff;}
.main-mid-link ul{display:flex; width:100%; max-height:270px;}
.main-mid-link li {box-sizing: border-box; border: 1px solid #ddd; border-left: 0; text-align: center; padding: 28px 0; width:100%;}
.main-mid-link li:first-child {border-left: 1px solid #ddd;}
.main-mid-link li a {display: block;}
.main-mid-link li .main-mid-link-img {width: 90px; padding-top:90px; margin: 0 auto; border-radius: 50%; transition: ease all 0.3s; position:relative; background-color:#F9F9F9;}
.main-mid-link li .main-mid-link-img img{position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;}
.main-mid-link li:hover .main-mid-link-img{background-color:#EFEFEF;}
.main-mid-link li p {display: inline-block; margin-top: 10px; font-size: 15px; line-height: 25px; color: #1f1f1f; transition: ease all 0.3s;}
.main-mid-link li:hover p {text-decoration:underline;}

@media only screen and (min-width:768px) and (max-width:1023px){
	.main-mid-broad{height:220px;}
	.main-mid-broad ul li{padding:0;}
	.main-mid-broad ul li a > p{margin-top:10px;}
	.main-mid-broad .board-img{width:50%;}
	.main-mid-link li{padding:48px 0;}
	.main-mid-link li .main-mid-link-img{width:50px; padding-top:50px;}
	.main-mid-link li p,
	.main-mid-link li:hover p{font-size:14px;}
}
@media only screen and (max-width:767px){
	.main-mid-link{background:none;}
	.main-mid-link ul{display:block; margin-top:20px;}
	.main-mid-link li{border:none !important;background:none;margin: 0;padding: 0;width: calc(100% / 3);font-size: 16px;float: left;margin-top: 10px;}
	.main-mid-link li .main-mid-link-img{width:auto;height:auto;background:none;padding-top: 40px;}
	.main-mid-link li a{letter-spacing:-1px; }
	.main-mid-link li a p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px;}
	.main-mid-link li p,
	.main-mid-link li:hover p{font-size:14px;}
}

/*일정*/
.main-mid-schedule {background-color: #fff; border: 1px solid #D9D9D9; overflow:hidden; position:relative;}
.main-mid-schedule .smore{float: right;margin-right: 7%;width: 19px;height: 16px;background: url("./../../images/main/btn_list.png") no-repeat;margin-top:18px;text-indent: -9999px;}
.main-mid-schedule a.more {position:absolute;right: 100px;top:0;margin-right: 7%;width: 19px;height: 16px;background: url("./../../images/main/btn_list.png") no-repeat;margin-top: 18px;display:block;text-indent:-9999px;}
.main-schedule-tit {position: relative; padding-right: 100px; padding-left: 5%; border-bottom: 1px solid #D9D9D9; overflow:hidden;}
.main-schedule-tit p {font-size: 18px; line-height: 50px; color: #3d3c3d; font-weight: 300; float:left;}
.main-schedule-tit .main-schedule-btn {position: absolute; z-index: 5; right: 0; top: 0;}
.main-schedule-tit .main-schedule-btn .schedule-btn {width: 49px; border-left: 1px solid #d9d9d9; height: 50px; float: left; cursor: pointer;}
.main-schedule-tit .main-schedule-btn .schedule-btn.prev-btn {background: url("./../../images/main/btn_prev_3.png") no-repeat center;}
.main-schedule-tit .main-schedule-btn .schedule-btn.next-btn {background: url("./../../images/main/btn_next_3.png") no-repeat center;}
.main-schedule-info{clear:both; padding-right:10px;}
.main-schedule-info .main-schedule-date {position:absolute; width: 32%;text-align: center;padding: 16px 0;background: #F2F4F5;height: 100%;}
.main-schedule-info .main-schedule-date p {font-size: 16px; color: #949494; font-weight: 600;}
.main-schedule-info .main-schedule-date p strong {display: block;font-size: 55px;color: #2c2c2d;font-weight: 700;line-height: 1.2;}
.main-schedule-info .main-schedule-txt {float: right;width: 68%;box-sizing: border-box;padding: 15px;height: 130px;overflow-y: auto; overflow-x:hidden;}
.main-schedule-info .main-schedule-txt a {font-size: 15px;line-height: 1.5;color: #000000;font-weight: 300;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block; margin: 5px 0;}

/*tablet*/
@media only screen and (max-width:1279px){
	#multipleDiv_mjukr_2001{padding-top:120px; background:url(./../../images/main/section03Bg.png) 110% 180% no-repeat; padding-bottom:50px; height:100vh; overflow:hidden; box-sizing:border-box;}
	#multipleContentsDiv_mjukr_2001{padding:0 50px; box-sizing:border-box; background:url(./../../images/main/main-content-titBg1ta.jpg) center top no-repeat;}
	#menu71_obj14263{display:none;}
}
@media only screen and (min-width:1024px) and (max-width:1100px){
	#multipleContentsDiv_mjukr_2001{padding:0 20px;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	#multipleContentsDiv_mjukr_2001{padding:0 10px;}
	#menu71_obj2311{width:40%;}
	#menu71_obj2313{width:55%}
	#menu71_obj2312{width:40%;}
	#menu71_obj2312 .main-mid-broad{height:auto;}
	#menu71_obj14062{width:40%;}
	#menu71_obj2314{width:55%;}
}

/*mobile*/
@media only screen and (max-width:767px){
	body #headerSec{display:block; position:relative; width:100%; background-color:rgba(255,255,255,0.8); border-bottom:1px solid #999;}
	body #multipleDiv_mjukr_2001{padding-top:0; background:none; padding-bottom:0; height:auto;}
	#multipleContentsDiv_mjukr_2001{padding:0;margin: 0px 0 0 0;}
	#menu71_obj2313{/*display:none;*/}
	#multipleContentsDiv_mjukr_2001{background:none;}
}

/*-----------------------------section03-------------------------------*/
@media only screen and (min-width:1279px){
	#multipleDiv_mjukr_2126 {height:100%; background:url(./../../images/main/section03Bg.png) 120% 100px no-repeat; padding-bottom:50px; box-sizing:border-box;}
	#multipleContentsDiv_mjukr_2126{padding-left:calc(20% + 40px); box-sizing:border-box; padding-right:100px;}		/*두번째섹션 영역*/ 
	#menu71_obj2127{background: url(./../../images/main/bottom_tit_bg.jpg) no-repeat center top; position:absolute; left:0; height: 100vh;}		/*좌측타이틀*/
	#menu71_obj14514{position:absolute; bottom:10px; left:0; width:100%; height:100px;} /*아래버튼*/
	#menu71_obj14514 .main-scroll a{background: url(./../../images/main/ic_scroll2.png) no-repeat; transform:rotate(180deg)}
	#menu71_obj11385{background-color:#f5f4f8}
}
@media only screen and (max-width:1279px){
	#multipleDiv_mjukr_2126{background:url(./../../images/main/main-content-titBg2ta.jpg) center 120px no-repeat; padding-top:120px; box-sizing:border-box; height:100vh;}
	#multipleContentsDiv_mjukr_2126{padding:0 50px; box-sizing:border-box;}
}
@media only screen and (max-width:1023px){
	#multipleContentsDiv_mjukr_2126{padding:0 10px;}
}
@media only screen and (max-width:767px){
	#multipleDiv_mjukr_2126{background:none; padding-top:0; height:auto;}
	#multipleDiv_mjukr_2126 #menu71_obj2127{background: url(./../../images/main/main-content-titBg2ta.jpg) center top no-repeat;}
	#multipleContentsDiv_mjukr_2126{padding:0;}
}
/*건물소개*/
.buildSlide {position: relative; overflow:hidden; min-height:350px;}
.buildSlide ul li{display:inline-block;position: relative;}
.buildSlide ul li img {width: 100%;}
.buildSlide .build-info{position:absolute;background-color:#f5f4f8;transform: translate(0%, -50%);top: 50%;width: 40%; padding:30px;}
.buildSlide .build-info h4 {font-size: 30px; line-height: 60px; color: #1f5ba8; font-weight: 400;}
.buildSlide .build-info p {font-size: 16px; line-height: 25px; height:100px; overflow:hidden; color: #666666; font-weight: 300; word-break: keep-all;}
.buildSlide .build-info a {position: relative; display: inline-block; width: 155px; height: 45px; background: #016CC8; font-size: 16px; line-height: 45px; color: #fff; border-radius: 25px; box-sizing: border-box; padding-left: 25px; margin-top: 25px;}
.buildSlide .build-info a::after {content: ""; position: absolute; width: 18px; height: 5px; background: url("./../../images/main/btn_more_2.png") no-repeat; right: 25px; bottom: 15px; transition: all 0.3s;}
.buildSlide .build-info a:hover {text-decoration: underline;}
.buildSlide .buildArrow {position: absolute;z-index: 10;left: 40%;margin-left: 0;bottom: 50%;margin-bottom: -145px;}
.buildSlide .buildArrow button {float: left; cursor: pointer; width: 60px; height: 60px; text-indent:-9999px;}
.buildSlide .buildArrow .slick-prev3 {background: #393A3B url("./../../images/main/btn_prev_4.png") no-repeat center;}
.buildSlide .buildArrow .slick-next3 {background: #F1EDE8 url("./../../images/main/btn_next_4.png") no-repeat center;}


/*서비스*/
.main-bottom-left-link {margin-top: 60px; overflow: hidden;}
.main-bottom-left-link .main-bottom-service {float: left; width: 48%; padding: 40px 30px 30px; box-sizing: border-box; background-size:cover;}
.main-bottom-left-link h4 {position: relative; font-size: 26px; font-weight: 400; color: #fff;}
.main-bottom-left-link h4::after {content: ""; position: absolute; height: 1px; background-color: #D4CBC5; right: 0; top: 50%; margin-top: -0.5px;}
.main-bottom-service {background: url("./../../images/main/bottom_sevice_bg.jpg") no-repeat;}
.main-bottom-service h4 {margin-bottom: 27px;}
.main-bottom-service h4::after {width: 36%; }
.main-bottom-service ul {display: table; width: 100%;}
.main-bottom-service ul li {display: table-cell; width: 32%; padding: 7px 1%;}
.main-bottom-service ul li a {display: block;padding: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;border-radius: 25px;background-color: #fff;font-size: 15px;color: #333333;transition: background 0.3s, color 0.3s;}
.main-bottom-service ul li a:hover {background: #333333; color: #fff; }

/*생활관*/
.main-bottom-left-link .main-bottom-student {float: right; width: 48%; padding: 40px 30px 30px; box-sizing: border-box; background-size:cover;}
.main-bottom-student {background: url("./../../images/main/bottom_student_bg.jpg") no-repeat;}
.main-bottom-student h4 {margin-bottom: 20px;}
.main-bottom-student h4::after {width: 48%; }
.main-bottom-student p {font-size: 16px;  color: #fff; font-weight: 300; margin-bottom: 25px;}
.main-bottom-student .student-link:last-child {margin-top: 8px;}
.main-bottom-student a {position: relative; display: inline-block; font-size: 18px;  color: #fff; padding-right: 20px;}
.main-bottom-student .student-link{line-height:1.2;}
.main-bottom-student a::after {content: ""; position: absolute; width: 7px; height: 11px; right: 0; top: 8px; background: url("./../../images/main/bottom_arrow.png") no-repeat;}
.main-bottom-student a:hover {text-decoration: underline;}
.main-bottom-video img {width: 100%;}
.main-bottom-right-link ul {display:flex; padding:70px 0 0 0; height: 200px; box-sizing: border-box;}
.main-bottom-right-link ul li {margin: 0 3%;width: 27.33%;text-align: center;}
.main-bottom-right-link ul li a {position: relative; display: block; padding-top: 100%; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.main-bottom-right-link ul li a .txt-position {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main-bottom-right-link ul li a .txt-table {display: table; width: 100%; height: 100%;}
.main-bottom-right-link ul li a p {display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 18px; line-height: 25px; color: #fff; font-weight: 300;}
.main-bottom-right-link ul li a:hover p {text-decoration: underline;}
.main-bottom-right-link ul li.link1 a {background-image: url("./../../images/main/bottom_link_1.png");}
.main-bottom-right-link ul li.link2 a {background-image: url("./../../images/main/bottom_link_2.png");}
.main-bottom-right-link ul li.link3 a {background-image: url("./../../images/main/bottom_link_3.png");}
.main-bottom-video{width: 100%; position: relative; padding-top: 60%;}
.main-bottom-video iframe{width: 100%; height: 100%; position: absolute; top: 0;}
.main-bottom-video a{width: 100%; height: 100%; position: absolute; top: 0; display:block}

.lab-info {border-bottom: 1px solid #B0B0B1;position:relative;height:250px;margin-top: 60px;}
.lab-info > ul > li {float: left; width: 33.33%; box-sizing: border-box; border: 1px solid #D9D9D9; text-align: center; border-left: 0;}
.lab-info > ul > li > a {display: block; padding: 16px 0; background-color: #fff; font-size: 16px; color: #3b3b3b; font-weight: 300;}
.lab-info > ul > li > a:hover {text-decoration: underline;}
.lab-info > ul > li > a.selected {background-color: #1F5BA8; color: #fff;}

.lab-info ul .lab-info-list{position:absolute; height:180px; width:100%; overflow-y:scroll; margin-top:6px; left:0; display:none;}
.lab-info ul li:first-child .lab-info-list{display:block;}
.lab-info ul ul li {padding: 0 5px; box-sizing: border-box; text-align:left;}
.lab-info ul ul li a {display: inline-block; padding-left: 25px; font-size: 16px; line-height: 30px; color: #333333; font-weight: 300; background: url("./../../images/main/bottom_arrow_2.png") no-repeat left 10px;}
.lab-info ul ul li a:hover {text-decoration: underline;}

@media only screen and (max-width:1600px){
	.buildSlide .build-info p{height:50px;}
	.buildSlide .buildArrow{margin-bottom: -105px;}
}
@media only screen and (max-width:1279px){
	.main-bottom-left-link{margin:0;}
	.main-bottom-right-link ul{padding:20px 0; height:auto;}
	.lab-info{margin-top:20px;}
}
/*tablet*/
@media only screen and (max-width:1023px){
	.buildSlide{min-height:auto;}
	.buildSlide .buildArrow{left: 0; margin-left: 0; bottom: 55px; margin-bottom: 0;}
	.buildSlide .build-info p{height:50px;}

	.buildSlide{min-height:auto; box-sizing:border-box;}
	.buildSlide ul{overflow:hidden;}
	.buildSlide ul li img{padding-bottom:55px;}
	.buildSlide .build-info{bottom: 0;top: initial;transform: initial;width: 100%; padding:0;}
	.buildSlide .build-info h4{font-size: 20px; line-height: 55px; padding-left:10px; background-color:#fff;}
	.buildSlide .build-info p{display:none;}
	.buildSlide .build-info a{position: absolute;right: 0;top: 5px;margin: 0;transform: scale(0.8);}
	.buildArrow {left: initial;margin-left: initial;bottom:70px;margin-bottom:initial;}

	.main-bottom-left-link h4{font-size:20px;}
	.main-bottom-student p{display:none;}
	.main-bottom-left-link > div{height:220px; padding: 20px 30px 20px; background-size: inherit; height: 220px; background-position: right;}

	.main-bottom-left-link{margin-top:40px;}
	.main-bottom-right-link ul{margin-bottom:30px;}
	.main-bottom-left-link .main-bottom-service{}
	.lab-info{height:220px}
	.lab-info ul .lab-info-list{height:125px;}

}
@media only screen and (max-width:1000px){
	.main-bottom-right-link{margin-top:40px;}
	.main-bottom-right-link ul li a p{font-size:15px;}
	.lab-info > ul > li > a{font-size:12px;}
	.main-bottom-service ul li a{font-size:13px;}
	.main-bottom-left-link .main-bottom-service{padding: 40px 10px 30px;}
}

/*mobile*/
@media only screen and (max-width:767px){
	.main-bottom-left-link .main-bottom-service,
	.main-bottom-left-link .main-bottom-student{width:100%;}
	.main-bottom-left-link .main-bottom-service{margin-bottom:30px;}
	.lab-info{margin-top:0;}
	.lab-info ul .lab-info-list{width:100%; padding:0 20px; box-sizing:border-box;}
	.main-bottom-left-link > div{width:100%;}
	.main-bottom-service ul li a{font-size:14px;}
	.main-bottom-right-link ul{padding:0; margin:0; height:auto; padding:30px 0;}
	.main-bottom-right-link ul li a{height: 100%; box-sizing: border-box; background-size: 100% !important;}
  .main-bottom-right-link{margin-top:0;}
}

/* search */
.input-group{position: relative;margin: 50px;width:200px}
input[type=text]:-ms-clear{
    display: none;
}

#searchclear {
    position: absolute;
    right: 63px;
    top: 158px;
    bottom: 0;
    width: 10px;
    height: 14px;
    margin: auto;
    font-size: 18px;
    cursor: pointer;
    color: #000;
    background-color: #fff;
}

#searchclear2 {
    position: absolute;
    right: 122px;
    top: -24px;
    bottom: 0;
    width: 10px;
    height: 14px;
    margin: auto;
    font-size: 18px;
    cursor: pointer;
    color: #000;
    background-color: #fff;
}


/* 온라인수업 팝업 */
.onlinePopup.training-popup > .online-inner {margin: 0; height: 340px; transform: translate(-50%, -50%);}
.training-list {margin-top: 45px;}
.training-list ul::after {content: ""; display: block; clear: both;}
.training-list ul li {float: left; width: 33.33%; text-align: center;}
.training-list ul li a {display: block;}
.training-list .training-img {display: inline-block; width: 100px; height: 100px; border-radius: 50%; border: 2px solid #333; line-height: 100px; padding-top: 30px; box-sizing: border-box;}
.training-list ul li p {display:table; width: 100%; font-size: 16px; line-height: 20px; color: #333; margin-top: 20px;}
.training-list ul li p span {display: table-cell; height: 60px; vertical-align: middle; width: 100%;}

.training-list ul li a:hover .training-img {border-color: #005aab;}
.training-list ul li a:hover p {color: #005aab;}