@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;}/* 190612 */
	/* 슬로건 */
	.main_visual .slogan_wrap{position: absolute; width:100%; z-index:200;}
	.main_visual .slogan{max-width:1400px; position:relative; margin:180px auto 0; text-align:center;}
	.main_visual .slogan .txt{color:#fff; overflow:hidden; text-transform:uppercase; letter-spacing:-1px; font-family: 'NotoM'; line-height:1.2; text-shadow:2px 2px 2px rgba(0,0,0,0.5); word-break: keep-all;}
	.main_visual .slogan .txt p.txt01{font-family: 'NotoL'; margin-bottom:10px; padding-bottom:20px; font-size:22px; font-style: italic; letter-spacing:0px; background:url('/images/template/00104/main/line_slogan.png') no-repeat center bottom;}
	.main_visual .slogan .txt p.txt02{font-size:40px;}
	.main_visual .slogan .txt p.txt03{font-family: 'NotoB'; font-size:50px;}

	.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: 100; 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/template/00_common/btn_stop.png') no-repeat center;}
	.main_visual .btn_slider button.btn_play{display:none; background:url('/images/template/00_common/00104/layout/btn_play.png') no-repeat center;}

/* 퀵메뉴 */
.quick_ser {width:100%; height:100%; background:url('/images/template/00104/main/bg_quick.png');}
.quick_ser .quick_con{position: relative; margin:0 20px 20px; word-break:keep-all;}
.quick_ser h3{position: absolute; width:140px; left:0; top:-50px; color:#fff; text-align:center; z-index:1; font-size:22px; font-family: 'NotoM'; padding:35px 0; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a01512+0,e32c28+100 */
	background: #a01512; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwMTUxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzJjMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #a01512 0%, #e32c28 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a01512), color-stop(100%,#e32c28)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #a01512 0%,#e32c28 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #a01512 0%,#e32c28 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #a01512 0%,#e32c28 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #a01512 0%,#e32c28 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a01512', endColorstr='#e32c28',GradientType=0 ); /* IE6-8 */

}
.quick_ser h3::after{content:url('/images/template/00104/main/bg_qs_tit.png'); position: absolute; right:-30px; top:0;}
.quick_ser h3 span{display:block;}
.quick_ser .list_wrap{width:100%; position: absolute; top:-20px; left:0px; background:#fff; overflow: hidden;}
.quick_ser .list_wrap ul{margin-left:145px;}
.quick_ser .list_wrap ul li{width:16.66%; float:left;}
.quick_ser .list_wrap ul li a{display:block; padding:30px 0; border-right:1px dotted #ddd; text-align:center; font-family: 'NotoM';}
.quick_ser .list_wrap ul li:last-child a{border-right: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:#e32c28;}
.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;}

/* 공지사항 */
.notice {position:relative; width:100%; height:100%;}
.notice h2 a {width:140px; float:left; font-size:22px; padding-bottom:10px; font-family:'NotoR'; font-weight:normal; text-align:center; color:#666; position: relative; z-index: 1;}
.notice h2 a:hover{color:#0483d3; font-family: 'NotoM';}
.notice h2.current a {font-family:'NotoB'; color:#173f6f; border-bottom:3px solid #173f6f;}
.notice .list_box {display:none; position:absolute; left:0; top:44px; width:100%;border-top:1px solid #ccc; padding:20px 0 0; z-index: 0;}
.notice .list_box.on {display:block;}
.notice .list_box ul {padding:0 10px;}
.notice .list_box ul li {width:45%; float:left; margin:0 0 50px 10%;}
.notice .list_box ul li.first  {margin-left:0;}
.notice .list_box ul li a {display:block; position: relative;}
.notice .list_box ul li a::before{content: ""; position: absolute; right:0; bottom:0; width:55px; height:15px; background:url('/images/template/00104/main/btn_arr.png') no-repeat right center;}
.notice .list_box ul li a dl dt {line-height:24px; font-size:18px; font-family:'NotoM'; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.notice .list_box ul li a:hover::before{right:-10px;}
.notice .list_box ul li a:hover dl dt{color:#0483d3; text-decoration: underline;}
.notice .list_box ul li a:hover dl dd.txt{text-decoration: underline;}
.notice .list_box ul li a dl dd.txt {height:46px; font-size:15px; margin-top:10px; line-height:22px; overflow:hidden; color:#666;}
.notice .list_box ul li a dl dd.date {margin-top:10px; font-size:13px; color:#777;}
.notice a.btn_more {position:absolute; width:19px; height:19px; top:-40px; right:0; font-size:0; background:url('/images/template/00104/main/btn_more.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;}

/* 학과소개 */
.major_info{width:100%; height:100%; text-align:right; position:relative; overflow: hidden; background:url('/images/template/00104/main/bg_m_link1_img.png') no-repeat top center; background-size:contain;}
.major_info::after{content:""; position: absolute; width:100%; height:70%; left:0; bottom:0; background:url('/images/template/00104/main/bg_m_link1.png') no-repeat; background-size:cover; z-index: 0;}
.major_info .con{position: relative; padding:72% 20px 0 20px; z-index: 1; color:#fff; word-break: keep-all; float:left;}
.major_info h3{font-size:30px; font-family: 'NotoM';}
.major_info a.btn_more{width:70px; height:45px; line-height:45px; font-size:15px; padding:0 20px; margin:5px 0 0; color:#fff; display:block; float:right; text-align:left; background:url('/images/template/00104/main/bg_more_wh.png') no-repeat center;}
.major_info a.btn_more span{position:relative;}
.major_info a.btn_more span::after{content:url('/images/template/00104/main/btn_arr_wh.png'); position: absolute; right:-35px;}
.major_info a.btn_more span:hover{color:#6cffad;}
.major_info a.btn_more span:hover::after{right:-40px;}
.major_info a.btn_more span::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 입학안내 바로가기 */
.m_link{padding:0 25px; height:100%; background:#0483d3; color:#fff; position: relative;}
.m_link h3{font-size:25px; padding-top:20px; font-family: 'NotoM'; letter-spacing: -1px;}
.m_link p{width:50%; word-break:keep-all; padding:10px 0 15px; font-size:14px;}
.m_link .ico{position: absolute; right:35px; bottom:35px;}
.m_link a.btn_more{width:150px; line-height:35px; display:block; border:1px solid #fff; text-align:center; color:#fff;}
.m_link a.btn_more:hover{background:#fff; color:#0483d3;}
.m_link 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;}

/* 상담안내 */
.cnslt_info{padding:25px; background:#203146; color:#fff;}
.cnslt_info h3{font-size:25px; font-family: 'NotoM'; margin-bottom:10px; letter-spacing: -1px;}
.cnslt_info p{padding:3px 0; font-size:14px;}
.cnslt_info p span{font-size:20px; letter-spacing: 0;}
.cnslt_info .ico{position: absolute; right:35px; bottom:35px;}


@media screen and (max-width:1300px) {	

}

@media (max-width:1019px) {

	/* 메인비주얼 */
	.main_visual .visual img{margin-left:-40%;}
	.main_visual .slogan{margin:180px auto 0;}

	/* 퀵메뉴 */
	.quick_ser h3{width:33.33%; padding:10px 0; top:-60px;}
	.quick_ser h3 span{display:inline;}
	.quick_ser .list_wrap{top:-30px;}
	.quick_ser .list_wrap ul{margin-left:0;}
	.quick_ser .list_wrap ul li{width:33.33%;}
	.quick_ser .list_wrap ul li a{border-bottom:1px dotted #ddd; border-right:1px dotted #ddd; padding:20px 0;}
	.quick_ser .list_wrap ul li:nth-child(3n) a{border-right:0;}


	/* 학과소개 */
	.major_info .con{float:right; padding:200px 20px 0 20px;}

}

@media (max-width:860px) {

	/* 메인비주얼 */
	.main_visual .slogan .txt p.txt02{font-size:30px;}

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

	/* 학과소개 */
	.major_info::after{height:92%;}

}


@media (max-width:680px) {	

	/* 메인비주얼 */
	.main_visual .visual img{margin-left:-60%;}
	.main_visual .slogan{margin:140px 10px 0 ;}
	.main_visual .slogan .txt p.txt01{font-size:18px;}
	.main_visual .slogan .txt p.txt02{font-size:22px;}
	.main_visual .slogan .slick-dots{display:none !important;}

	/* 공지사항 */
	.notice .list_box ul li{width:100%; margin:0 0 30px 0;}

	/* 학과소개 */
	.major_info{background-size:cover;}
	.major_info::after{height:60%;}

}

@media (max-width:580px) {

	/* 공지사항 */
	.notice h2 a {width:30%; font-size:20px;}

	/* 퀵메뉴 */
	.quick_ser h3{width:60%;}
	.quick_ser .list_wrap ul li{width:50%;}
	.quick_ser .list_wrap ul li:nth-child(3n) a{border-right:1px dotted #ddd;}
	.quick_ser .list_wrap ul li:nth-child(2n) a{border-right:0 !important;}
		
}

@media (max-width:480px) {

	/* 메인비주얼 */	
	.main_visual .slogan .txt p.txt01{font-size:16px;}
	.main_visual .slogan .txt p.txt02{font-size:18px;}
	.main_visual .slogan .txt p.txt03{font-size:40px;}
	
}

@media (max-width:390px) {	

	/* 입학안내 */
	.m_link .ico{right:20px;}
	.m_link .ico img{width:80px; height:auto;}
	.m_link p{width:80%;}

	/* 상담안내 */
	.cnslt_info .ico{right:20px;}
	.cnslt_info .ico img{width:80px; height:auto;}
	
}