@charset "utf-8";

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle;}
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer;}
.slick-initialized .slick-slide{ display:inline-block;}
.slick-arrow.slick-hidden { display:none;}
.slick-current { opacity:1; display:block;}

/* 메인비주얼 */
.main_visual {position:relative; text-align:center;}

	/* sns 바로가기 200813 */
	.main_visual .sns_wrap{position: absolute;width:100%;margin: 0 auto;/* max-width:1400px; */top:15%;left:0%;z-index:201;}
	.main_visual .sns_link{width:100%;max-width: 1400px;margin: 0 auto;position: relative;}
	.main_visual .sns_link li{float:left; margin-left: 10px;}
	.main_visual .sns_link li:first-child{margin-left:0;}
	.main_visual .sns_link li a{display:block;}
	.main_visual .sns_link li a:hover img{-webkit-animation:sns_link_icon 0.5s ease;animation:sns_link_icon 0.5s ease;}

	/*학과영상 바로가기 200504 추가*/
	.youtube{background:#ccc; width:218px; height:66px;background:url('/images/web/youtube_btn_over.png') no-repeat center; position:absolute; top:45%; left:50%; margin-left:-109px;}
    .youtube a{display:block; color:#fff; font-size:18px; margin-left:25%;font-weight:600; line-height:60px; }
	.pdf{background:#ccc; width:218px; height:66px;background:url('/images/web/ico_pdf.png') no-repeat center; position:absolute; top:45%; left:50%; margin-left:-109px;}
    .pdf a{display:block; color:#fff; font-size:18px; margin-left:25%;font-weight:600; line-height:60px; }
    .brochure{background:#ccc; width:218px; height:66px;background:url('/images/web/brochure_ico.png') no-repeat center; position:absolute; top:45%; left:50%; margin-left:-109px;}
    .brochure a{display:block; color:#fff; font-size:18px; margin-left:25%;font-weight:600; line-height:60px; }

    
	/* 슬로건 */
	.main_visual .slogan_wrap{position: absolute; width:100%; z-index:200;}
	.main_visual .slogan{max-width:1400px; position:relative; margin:190px auto 0; text-align:center;}
	.main_visual .slogan .txt{color:#fff; overflow:hidden; letter-spacing:-1px; margin:0 10px; font-family: 'NotoM'; line-height:1.2; text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
	.main_visual .slogan .txt p.txt01{font-family: 'NotoL'; margin-bottom:5px; padding-bottom:45px; font-size:30px; letter-spacing:0px; background:url('/images/web/imsang/main/line_slogan.png') no-repeat center bottom;}
	.main_visual .slogan .txt p.txt01 span {color:#193db5;}
	.main_visual .slogan .txt p.txt02{font-family: 'NotoR'; font-size:52px; }
	.main_visual .slogan .txt p.txt03{font-family: 'NotoL'; font-size:20px; margin-top:10px;}

	.main_visual .slogan .slick-dots{width:100%; position: absolute; bottom:-140px; left:-30px; text-align:center;}
	.main_visual .slogan .slick-dots li{ position: relative; display: inline-block; margin: 0 3px; padding: 0; cursor: pointer; }
	.main_visual .slogan .slick-dots li button{ display: block; width: 10px; height: 10px; border-radius:20px; cursor: pointer; border:2px solid #fff; font-size:0; overflow: hidden;}
	.main_visual .slogan .slick-dots li.slick-active button{background:#fff;}

	/* 이미지 */
	.main_visual .visual{position: relative; z-index: 0; top:0;}
	.main_visual .visual img{width:auto; height:100%; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

	/* 버튼 */
	.main_visual .btn_slider{width:20px; height:20px; position: absolute; margin-left:5px; bottom:-135px; left:50%;}
	.main_visual .btn_slider button{border:0px; font-size:0; width:15px; height:15px;}
	.main_visual .btn_slider button.btn_stop{background:url('/images/web/imsang/layout/btn_stop.png') no-repeat center;}
	.main_visual .btn_slider button.btn_play{display:none; background:url('/images/web/imsang/layout/btn_play.png') no-repeat center;}

/* 학과소개 */
.major_info{width:100%; height:100%; text-align:right; position:relative; overflow: hidden; background:url("/images/web/imsang/main/bg_black.png") repeat;}
.major_info .info_txt{position: relative; padding:37px 32px 84px 24px; margin:32px 135px 0 28px; text-align:left; z-index: 1; color:#fff; word-break: keep-all; background:url('/images/web/imsang/main/major_info_bg.png') repeat;}
.major_info .info_txt h3{font-size:32px; font-family: 'NotoM'; line-height:32px; padding-bottom:28px; background:url('/images/web/imsang/main/major_info_tit.png') no-repeat 75% bottom;}
.major_info .info_txt h3 span {position:absolute; left:24px; top:41%; width:108px; height:1px; background:#ffffff;}
.major_info .info_txt p{font-size:16px; font-family: 'NotoL'; padding-top:8px;}
.major_info .btn_box { position:absolute; right:0; bottom:0; padding:70px 33px 35px 73px; background:#1c42b8 url('/images/web/imsang/main/btn_box_bg.png') no-repeat center left; z-index:999;}
.major_info .btn_box a.btn_more{width:107px; height:32px; line-height:33px; font-size:15px; padding:0 5px; margin:5px 0 0; color:#fff; display:block; float:right; text-align:left; border: 1px solid #fff;}
.major_info .btn_box a.btn_more span{position:relative; margin-left:15px;}
.major_info .btn_box a.btn_more span::after{content:url('/images/web/imsang/main/btn_arr_wh.png'); position: absolute; right:-25px;}
.major_info .btn_box a.btn_more:hover{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.major_info .btn_box a.btn_more:hover{color:#fff; background:#0b2577; border: 1px solid #0b2577;}

/* 포토갤러리 */
.gallery{position:relative; width:100%; height:100%; text-align:center; background:url('/images/web/imsang/main/gallery_bg.png') repeat; overflow:hidden;}
.gallery h3{ position:relative; display:inline-block; font-size:18px; font-family:'NotoR'; margin:25px auto 0; padding:13px 5px 10px 15px; color:#fff; text-align:right; background:url('/images/web/imsang/main/tit_bg.png') no-repeat left center;}
.gallery h3 span {position:absolute; left:16px; top:77%; width:133px; height:1px; background:#ffffff;}
.gallery ul{padding:26px 30px; }
.gallery ul li{width:230px; margin-left:20px; float:left; position: relative; background:url('/images/web/imsang/main/bg_pattern.gif');}
.gallery ul li:first-child{margin-left:0;}
.gallery ul li .img{width:230px; height:150px; overflow:hidden; position: relative;}
.gallery ul li .img img{width:100%; height:100%;}
.gallery ul li .txt{ padding:20px 0 20px; text-align:center; font-size:15px; font-family: 'NotoM'; color:#fff; position: relative; }
.gallery ul li .txt span{height:24px; padding:0 10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery ul li a:hover .img img{transform:scale(1.2);}
.gallery ul li a:hover .txt{text-decoration: underline;}
.gallery a.btn_more {position:absolute; width:22px; height:22px; top:40px; right:30px; font-size:0; background:url('/images/web/imsang/main/btn_more_01.png') no-repeat right center; }
.gallery a.btn_more:hover{transform: rotate(90deg);}
.gallery ul li .img img, .gallery a.btn_more{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 퀵메뉴 */
.quick_ser {width:100%; height:100%; text-align:center; background:url("/images/web/imsang/main/bg_black.png") repeat;}
.quick_ser .quick_con{position: relative; margin:0 30px 20px; word-break:keep-all;}
.quick_ser h3{ position:relative; display:inline-block; font-size:18px; font-family:'NotoR'; margin:25px auto 0; padding:13px 5px 10px 15px; color:#fff; text-align:right; background:url('/images/web/imsang/main/tit_bg.png') no-repeat left center;}
.quick_ser h3 span {position:absolute; left:16px; top:77%; width:107px; height:1px; background:#ffffff;}
.quick_ser .list_wrap{width:100%; overflow: hidden;}
.quick_ser .list_wrap ul{margin-top:20px;}
.quick_ser .list_wrap ul li{width:50%; float:left;}
.quick_ser .list_wrap ul li a{display:block; position:relative; padding:10px 25px; line-height:16px; text-align:left; color:#fff; font-family: 'NotoR';}
.quick_ser .list_wrap ul li:last-child a{border-right:0;}
.quick_ser .list_wrap ul li a::before{content:""; width:4px; height:4px; border-radius:50px;  background:#1c5bd0; margin:10px; position:absolute; top:6px; left:0;}
.quick_ser .list_wrap ul li a:hover img{margin-top:-10px; padding-bottom:10px;}
.quick_ser .list_wrap ul li a:hover span{color:#00affe;}
.quick_ser .list_wrap ul li a img{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 링크 */
.quick_link { position:relative; width:100%; height:100%; background:url("/images/web/imsang/main/bg_black.png") repeat;}
.quick_link a {display:block;}
.quick_link .link_txt {width:100%;}
.quick_link .link_txt h3{ display:inline-block; font-size:24px; font-family:'NotoM'; padding:17px 15px 17px 20px; color:#fff; float:left;}
.quick_link .link_txt p { display:inline-block; font-size:15px; padding:0px 0  0px 16px; line-height:20px; margin:14px 0; line-height:20px; border-left:1px solid rgba(255, 255, 255, 0.3); color:#fff;}
.quick_link .link_txt p span {font-size:18px; }
.quick_link .btn_link {position:absolute; right:0; top:0;  z-index:999;width:70px; height:70px; background:#27292e url('/images/web/imsang/main/btn_link.png') no-repeat center; color:#fff; text-indent:-999em;}

/* 팝업존 */
.popup_box{position:relative; height:100%; background:#fff; *box-shadow:5px 5px 5px 3px rgba(0, 0, 0, 0.05);}
.popup_box h3{ display:none}
.popup_box .pop{position:relative; height:100%; overflow:hidden;}
.popup_box .pop li{width:100%;}
.popup_box .pop li img{width:380px; height:330px;}
.popup_box .control{position:absolute; top:0; right:0; z-index:10; background:url("/images/web/imsang/main/bg_black.png") repeat; overflow:hidden;}
.popup_box .control span{margin:0 5px; float:left; line-height:44px; color:#fff;}
.popup_box .control a{display:block; width:30px; height:44px; float:left; text-indent:-10000em;}
.popup_box .control a.prev{background:url("/images/web/imsang/main/btn_pop_prev.png") no-repeat center;}
.popup_box .control a.next{background:url("/images/web/imsang/main/btn_pop_next.png") no-repeat center;}
.popup_box .control a.stop{background:url("/images/web/imsang/main/btn_pop_stop.png") no-repeat center;}
.popup_box .control a.play{background:url("/images/web/imsang/main/btn_pop_play.png") no-repeat center;}

/* 공지사항 수정 190619 */
.notice {position:relative; width:100%; height:100%;}
.notice h2 a {position:relative; font-size:20px; font-family:'NotoR'; font-weight:normal; padding:6px 10px 0; text-align:center; color:#666;  float:left;}
.notice h2 a:hover{color:#694287;}
.notice h2.current a {font-family:'NotoB'; color:#193db5; background:url('/images/web/imsang/main/noti_tit_bg.png') repeat-x top; border-left:1px solid #193db5;}
.notice h2.current a::after{content:""; width:18px; height:18px; background:url('/images/web/imsang/main/noti_tit_pt.png') no-repeat; position:absolute; top:0px; left:0;} 
.notice .list_box {display:none; position:absolute; left:0; top:44px; width:100%; border-top:1px solid #ccc;}
.notice .list_box.on {display:block;}
.notice .list_box ul{margin:13px 0 0 0; overflow: hidden;}
.notice .list_box ul li {width:100%; margin:8px 0 0 0; float:left; }
.notice .list_box ul li a {display:block; position: relative;}
.notice .list_box ul li a dl{position: relative; height:60px; padding:0 0 0 80px;}
.notice .list_box ul li a dl dt {line-height:22px; font-size:15px; font-family:'NotoM'; color:#222; padding-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.notice .list_box ul li a dl dd.txt {height:23px; font-size:15px; margin-top:5px; line-height:22px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#666;}
.notice .list_box ul li a dl dd.date {position: absolute; left:0; top:0px; width:58px; height:58px; line-height:20px; text-align:center; border:1px solid #dcdcdc;}
.notice .list_box ul li a dl dd.date p{font-size:24px; color:#000; font-family: 'NotoM'; padding-top:10px;}
.notice .list_box ul li a dl dd.date span{color:#666; font-size:12px;}
.notice .list_box ul li a:hover dl dt{color:#f76e00; text-decoration: underline;}
.notice .list_box ul li a:hover dl dd.txt{text-decoration: underline;}
.notice a.btn_more {position:absolute; width:22px; height:22px; top:-40px; right:0; font-size:0; background:url('/images/web/imsang/main/btn_more_02.png') no-repeat right center; }
.notice a.btn_more:hover{transform: rotate(90deg);}
.notice .list_box ul li a::before, .notice a.btn_more{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 바로가기01 */
.m_link01{width:100%; height:100%; position:relative; overflow: hidden; }
.m_link01 ul{width:100%; float:left;}
.m_link01 ul li { position:relative; width:48%; margin-right:4%;  background:url('/images/web/imsang/main/m_link01_bg.png') repeat-x top; float:left;}
.m_link01 ul li:nth-child(3),.m_link01 ul li:nth-child(4) {margin-top:18px;}
.m_link01 ul li:nth-child(2n){margin-right:0;}
.m_link01 ul li.list2, .m_link01 ul li.list4 {margin-right:0;}
.m_link01 ul li::after {content:""; width:18px; height:18px; background:url('/images/web/imsang/main/m_link01_pt03.png') no-repeat; position:absolute; bottom:0px; right:0;}
.m_link01 ul li a{display:block; padding:55px 0 23px 0; margin-bottom:9px; font-size:16px; color:#000; text-align:center; border-bottom:1px solid #45576d;}
.m_link01 ul li a::before {content:""; width:15px; height:15px; background:url('/images/web/imsang/main/m_link01_pt01.png') no-repeat; position:absolute; top:0px; left:0;}
.m_link01 ul li.bl::after {content:""; width:18px; height:18px; background:url('/images/web/imsang/main/m_link01_pt02.png') no-repeat; position:absolute; bottom:0px; right:0;} 
.m_link01 ul li a p{ margin-top:10px;}
.m_link01 ul li a:hover img {transform: rotateY(360deg); transition:transform 400ms ease-in-out 0s;}
.m_link01 ul li a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/*221230*/
.baro_qr {background: #fff;width: 280px;/* margin-top: 1rem; *//* height: 85px; */margin: 0.5rem auto 0;/* position: absolute; */display: table;padding: 0.5rem;box-sizing: border-box;overflow: hidden;border: 3px solid #52b4ff;border-radius: 1rem;/* right: 7rem; */}
.baro_qr img{/* display: block; */width: 60px;height: 60px;margin: 0 auto;/* text-align: center; */}
.baro_qr span{display: table-cell;font-size: 1rem;padding: 0.5rem 2.5rem 0.5rem 0;word-break: keep-all;text-align: center;color: #000;vertical-align: middle;text-shadow: 0 0 BLACK;font-weight: 500;position:relative;}

.baro_qr span:before{content:"";display:block;width: 18px;height: 18px;background:url('/images/con_com/sub/btn_linkG.png') no-repeat center;position:absolute;bottom: 1.4em;right: 1rem;} 

@media (max-width:1019px) {

	/* sns 바로가기 200813 */
	.main_visual .sns_wrap{max-width:100%; width:11%; left:90%; margin-left:0; top:12%}
	.main_visual .sns_link{max-width:40px; overflow: hidden; }
	.main_visual .sns_link li{float:none; margin-top: 10px; margin-left:0;}
	.main_visual .sns_link li a img{width:35px; height:35px;}

	/* 메인비주얼 */
	.main_visual .slogan{margin: 100px auto 0;}/*221230*/
	.main_visual .visual img{width:auto; height:740px; margin-left:-38%;}
	.main_visual .slogan .txt p.txt02{font-size:38px; }
	
    /*학과영상 바로가기*/
	.youtube{background:#ccc; width:200px; height:60px;background:url('/images/web/youtube_btn_over.png') no-repeat center;
	background-size:90%; position:absolute; top:45%; left:50%; margin-left:-100px;}
	.pdf{background:#ccc; width:200px; height:60px;background:url('/images/web/ico_pdf.png') no-repeat center;
	background-size:90%; position:absolute; top:45%; left:50%; margin-left:-100px;}
	.brochure{background:#ccc; width:200px; height:60px;background:url('/images/web/brochure_ico.png') no-repeat center;
	background-size:90%; position:absolute; top:45%; left:50%; margin-left:-100px;}

	/* 학과소개 */
	.major_info .info_txt{width:60%;}
	.major_info .info_txt h3{ display:inline-block; background:url('/images/web/imsang/main/major_info_tit.png') no-repeat 100% bottom;}


	/* 포토갤러리 */ 
	.gallery ul li{width:48%; margin-left:0}
	.gallery ul li:first-child{margin-right:4%;}
	.gallery ul li .img{width:100%; height:200px;}
	.gallery ul li .txt{padding:15px 0 20px;}


	/* 팝업존 */
	.popup_box .pop li img{width:100%; height:330px;}

	/* 바로가기01 */
	.m_link01 ul li a{padding:58px 0 23px 0;}

}

@media (max-width:860px) {

	/* 메인비주얼 */
	.main_visual .visual img{margin-left:-50%;}
	.main_visual .slogan .txt p.txt02{font-size:34px;}

	/* 퀵메뉴 */
	.quick_ser h3{font-size:18px;}
	

	/* 학과소개 */
	.major_info::after{height:92%;}
	
	/* 링크 */
	.quick_link .btn_link {display:none;}

	

}


@media (max-width:680px) {	

	/* sns 바로가기 200813 */
	.main_visual .sns_wrap{left:88%;}

	/* 메인비주얼 */
	.main_visual .visual img{margin-left:-80%;}

}

@media (max-width:580px) {

	/* sns 바로가기 200813 */
	.main_visual .sns_wrap{top:9%}
	.main_visual .sns_link{max-width:40px; overflow: hidden; }
	.main_visual .sns_link li{float:none; margin-top: 7px; margin-left:0;}
	.main_visual .sns_link li a img{width:35px; height:35px;}
	
	/* 메인비주얼 */
	.main_visual .visual img{height:1030px; margin-left:-155%;}
	.main_visual .slogan{margin:140px auto 0 ;}
	.main_visual .slogan .txt p.txt01{font-size:20px;}
	.main_visual .slogan .txt p.txt02{font-size:22px;}
	.main_visual .slogan .txt p.txt03{font-size:17px;}
	
	/*학과영상 바로가기 200504 추가*/
	.youtube{background:#ccc; width:180px; height:60px;background:url('/images/web/youtube_btn_over.png') no-repeat center;
	background-size:80%;
    position:absolute; top:28%; left:50%; margin-left:-90px;}
	.pdf{background:#ccc; width:180px; height:60px;background:url('/images/web/ico_pdf.png') no-repeat center;
	background-size:80%;
    position:absolute; top:28%; left:50%; margin-left:-90px;}
   .brochure{
	background:#ccc;
	/* width:180px; */
	height:60px;
	background:url('/images/web/brochure_ico.png') no-repeat center;
	background-size: 99%;
	position:absolute;
	top:28%;
	left:50%;
	margin-left:-90px;
	}/*230726*/
	
	/* 링크 */
	.quick_link .btn_link {display:block;}


	/* 포토갤러리 */ 
	.gallery ul li{width:100%; margin-left:0}
	.gallery ul li:first-child{margin-right:0;}


		
}

@media (max-width:390px) {	
	
	/*학과영상 바로가기*/
	.youtube{background:#ccc; width:180px; height:60px;background:url('/images/web/youtube_btn_over.png') no-repeat center;
	background-size:70%; position:absolute; top:28.5%; left:50%; margin-left:-90px;}
	.pdf{background:#ccc; width:180px; height:60px;background:url('/images/web/ico_pdf.png') no-repeat center;
	background-size:70%; position:absolute; top:28.5%; left:50%; margin-left:-90px;}
	.brochure{
	background:#ccc;
	/* width:180px; */
	height:60px;
	background:url('/images/web/brochure_ico.png') no-repeat center;
	background-size: 97%;
	position:absolute;
	top: 28%;
	left:50%;
	margin-left:-90px;
	}/*230726*/

	/* 링크 */
	.quick_link .btn_link {display:none;}

	/*221230*/
	.baro_qr{padding:0;}

}