@charset "utf-8";

<script src="/user_data/musicacademy/content/editor/css/jquery-3.3.1.min.js"></script>
<script src="/user_data/musicacademy/content/editor/css/jquery.1.3.js"></script>





/*Noto Sans*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('../font/notokr/notokr-light.eot');
	src: url('../font/notokr/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr/notokr-light.woff2') format('woff2'),
		 url('../font/notokr/notokr-light.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../font/notokr/notokr-regular.eot');
	src: url('../font/notokr/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr/notokr-regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../font/notokr/notokr-medium.eot');
	src: url('../font/notokr/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr/notokr-medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../font/notokr/notokr-bold.eot');
	src: url('../font/notokr/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr/notokr-bold.woff') format('woff');
}
*{margin:0; padding:0;}
body{font-family: 'Noto Sans KR', sans-serif, Arial !important; letter-spacing:-0.5px; }
li{list-style:none;}
a{text-decoration: none; color: #000; font-family: 'Noto Sans KR', sans-serif, Arial !important; }
#maintablewrap{
    min-width: 1000px;
    overflow: hidden;
}
#mains{background:url(../img/bg.jpg) 0 0 repeat;}

/*상담문의*/
#inquiry_title{width: 100%; height: 100%; display:flex; justify-content: center; align-items: center; }

#inquiry_title h2{color: #fff; font-weight: 500; font-size:20px;}
#dotted_bg{width: 1px; height: 130px; border-right: 1px dotted #ddd; padding-left:40px;}
#inquiry_text{color: #ddd; font-weight: 400; font-size: 14px;}
#inquiry_text ul li{float:left; padding-right:20px;}

.cs_num {font-size: 20px; color:#fff;}
.tel_icon {width:50px; height:50px;}
.tel_icon img {width:100%;}

/*케이알뮤직소개*/

#intro_title{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#intro_title h1{font-weight: 700; font-size: 50px; color: #ed0677;}
#intro_title p{color: #fff; font-size: 25px;  font-weight: 500;}
#intro_title a{padding:5px 40px;border: 1px solid #fff; margin-top: 30px; color: #fff; border-radius:20px; box-sizing: border-box;}
#intro_title a:hover{background: #fff; color: #000;}

#intro_text{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#intro_text h1{font-weight: 700; font-size: 40px; color: #fff;}
#intro_text h1 strong{color: #ed0677; font-size: 80px;}
#intro_text h2{color: #fff; width: 700px; text-align: center; font-size: 40px;}
#intro_text p{color: #fff; font-size: 20px; font-weight: 300;text-align: center; line-height: 40px; margin-top: 20px;}


/*강사진 소개*/
#teach_title{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#teach_title h1{font-weight: 700; font-size: 50px; color: #ed0677;}
#teach_title p{color: #fff; font-size: 25px;  font-weight: 500;}
#teach_title a{padding:5px 40px;border: 1px solid #fff; margin-top: 30px; color: #fff; border-radius:20px; box-sizing: border-box;}
#teach_title a:hover{background: #fff; color: #000;}
#bg_bord{width:1920px; height:800px; background: #000;}
#bg_bord2{width:1920px; height:850px; background: #000;}
#bg_bord3{width:1920px; height:500px; background: #000;}




/*강사진 슬라이드*/
#main_wrap{position: relative; width:1000px; height: 100%; display:flex; justify-content: center; align-items: center; margin:0 auto;}
.swiper-slide{width:1000px; position:relative; height:100%;}
.swiper-slide ul{position: absolute; display: flex; width: 1000px;  margin:0 auto; }
.swiper-slide ul li{width:225px; height:100%; margin:0 15px; position: relative; display: flex;}
.swiper-slide ul li:nth-of-type(1){top:-50px;}
.swiper-slide ul li:nth-of-type(2){}
.swiper-slide ul li:nth-of-type(3){top:-50px;}
.swiper-slide ul li:nth-of-type(4){}
.swiper-slide ul:nth-of-type(1){left:0;}
.swiper-slide ul:nth-of-type(2){right:100%;}
.swiper-slide ul:nth-of-type(3){right:200%;}
.swiper-slide ul:nth-of-type(4){left:100%;}
.swiper-slide ul li a{display:flex; align-items: center; position: relative; justify-content: center;  position:absolute; width:225px; height: 225px; overflow:hidden; border: 1px solid #222; box-sizing: border-box;}
.swiper-slide ul li a:hover{border: 1px solid #ed0677;}
.swiper-slide ul li a img{width:100%; height:100%; }
.swiper-slide ul li h1{position: absolute; top:240px; color: #ccc; display:flex; font-size:14px; align-items: center; width: 225px; justify-content: center; }
.swiper-slide ul li h1 strong{font-size:18px; color: #fff;  margin-left:5px; height: 30px; width: 50px;}



.swiper-container {
width: 100%;
max-width:1000px;
height: 223px;
margin:20px auto;
}


.swiper-slide {display: flex; 
    
text-align: center;
font-size: 18px;


}
    .swiper-slide ul{display: flex; justify-content:space-between; padding: 0;}
    .swiper-slide ul li{width: 225px; height: 225px; background:#000; color: #fff; list-style:none;}
.swiper-slide img{
    width:100%;
    height:auto;
    vertical-align:top;
    
}
.swiper-slide span{
    display:block;
}




/*교육과정*/
#curi_title{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#curi_title h1{font-weight: 700; font-size: 50px; color: #ed0677;}
#curi_title p{color: #fff; font-size: 25px;  font-weight: 500;}
#curi_title a{padding:5px 40px;border: 1px solid #fff; margin-top: 30px; color: #fff; border-radius:20px; box-sizing: border-box;}
#curi_title a:hover{background: #fff; color: #000;}

#curi_text{display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%;}
#curi_text h3{text-align: center; color: #fff; font-size: 20px; font-weight: 300;}
#curi_text_img{width: 1000px; display: flex; justify-content: center; margin-top: 40px;}
#curi_text_img ul{display: flex; width: 100%;margin-bottom: 70px;}
#curi_text_img ul li{margin-right:50px; position: relative; box-shadow:0px 40px 100px black; }
#curi_text_img ul li:last-child{margin: 0;}
#curi_text_img ul li a{width: 100%; height: 100%; display: flex;}
#curi_text_img ul li a img{width: 100%; height: auto; }
#curi_text_img ul li a span{position:absolute;top:0; left:0;  width: 100%; height: 100%; background:rgba(0,0,0,0.4); text-indent:0;display: flex; justify-content: center; text-indent:-9999; align-items: center; color:#fff; font-size: 30px; font-weight: 500; cursor:pointer; }
#curi_text_img ul li a:hover span{background:rgba(0,0,0,0.8); }

/*갤러리*/
#gallery_title{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#gallery_title h1{font-weight: 700; font-size: 50px; color: #ed0677;}
#gallery_title p{color: #fff; font-size: 25px;  font-weight: 500;}
#gallery_title a{padding:5px 40px;border: 1px solid #fff; margin-top: 30px; color: #fff; border-radius:20px; box-sizing: border-box;}
#gallery_title a:hover{background: #fff; color: #000;}

#gallery_wrap{width: 100%; height: 100%;}
#gallery_photo a{width:450px; height:650px;  display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; background:rgba(0,0,0,0.2); font-size: 18px; line-height: 25px; text-align: center;  box-sizing: border-box;}
#gallery_photo a:hover{background: none;}
#gallery_photo a span{font-size: 20px;margin:10px 0;}

#gallery_play a{width:500px; height:300px;  display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; background:rgba(0,0,0,0.2); font-size: 18px; line-height: 25px; text-align: center; box-sizing: border-box;}
#gallery_play a:hover{background: none;}
#gallery_play a span{font-size: 20px;margin:10px 0;}



/*커뮤니티*/
#community_title{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#community_title h1{font-weight: 700; font-size: 50px; color: #ed0677;}
#community_title p{color: #fff; font-size: 25px;  font-weight: 500;}
#community_title a{padding:5px 40px;border: 1px solid #fff; margin-top: 30px; color: #fff; border-radius:20px; box-sizing: border-box;}
#community_title a:hover{background: #fff; color: #000;}

/*지도*/
#location_title{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
#location_title h1{font-weight: 700; font-size: 50px; color: #ed0677;}
#location_title p{color: #fff; font-size: 25px;  font-weight: 500;}
#location_title a{padding:5px 40px;border: 1px solid #fff; margin-top: 30px; color: #fff; border-radius:20px; box-sizing: border-box;}
#location_title a img{margin-right: 5px;}
#location_title a:hover{background: #fff; color: #000;}



/*서브*/
/*서브 타이틀*/
#subtitle_s{display: flex; justify-content: center; text-align: center; width: 100%; }
#subtitle_s h3{color: #ccc; font-weight: 300; font-size: 25px; margin-top: 60px;}
#sub_text_title{display: flex; justify-content: center; width: 100%; flex-direction: column; align-items: center;}
#sub_text_title h2{color: #ed0677; margin-top: 30px; font-size: 30px;}
#sub_text_title span{width: 60px; height: 2px; background: #ed0677; margin-top: 10px;}


/*케이알뮤직 소개*/
#intro_title_banner{width:100%; height:600px; position:relative; display:flex; align-items:center; margin:50px 0;}
#intro_bg_back{width:1920px; height: 600px; position: absolute; left:-460px; bottom:0; }
#intro_bg_front{width: 960px; height: 400px; position: absolute; left:500px; bottom:0; margin-bottom: 100px; }
#intro_title_text{display: flex; flex-direction: column; width: 500px; padding-right:50px; height:400px;position: absolute; left:0;  justify-content: center; bottom:0; margin-bottom: 100px; }
#intro_title_text h2{color: #fff; font-size:45px; font-weight: 700; line-height: 75px;}
#intro_title_text h2 strong{color: #ed0677; font-size:60px ; }
#intro_title_text p{color: #fff; font-size: 25px; font-weight: 700; margin-top:10px; line-height: 40px;}
#intro_info{color: #fff;}
#intro_info ul{display: flex;flex-shrink:1; width: 1000px; justify-content:space-around; height:200px; align-items: center;}
#intro_info ul li{display: flex; flex-direction: column; align-items: center; border: 1px solid #fff; width: 150px; height: 150px; border-radius:100px; padding: 10px; }
#intro_info ul li h3{text-align: center; font-size: 60px;}
#intro_info ul li h3 strong{text-align: center; font-size: 20px;}
#intro_info ul li p{text-align: center; font-weight: 300;}
#intro_wrap{width:1000px;}
#intro_header h2{color: #fff; font-size: 20px; font-weight: 700; text-align: center; letter-spacing:-1px;}
#intro_header ul{margin-top:50px;}
#intro_header ul li{display: flex; margin-top:80px;}
#intro_header ul li:nth-child(1){background:url(../img/sub_intro_bg4_bg.png) 0 0 no-repeat;}
#intro_header ul li:nth-child(2){background:url(../img/sub_intro_bg5_bg.png) 0 0 no-repeat;}
#intro_header ul li:nth-child(3){background:url(../img/sub_intro_bg6_bg.png) 0 0 no-repeat;}
#intro_header ul li:nth-child(4){background:url(../img/sub_intro_bg7_bg.png) 0 0 no-repeat;}

.text_wrap_first{display: flex; flex-direction: column; justify-content: flex-end; width:500px; height: 350px; padding-left: 50px;}
.text_wrap_first h3{color: #ed0677; font-size: 20px;}
.text_wrap_first span{width:70px;height:1px; background:#ed0677; margin:10px 0;}
.text_wrap_first p{font-size:18px; color: #fff; line-height:30px;}
.text_wrap_second{display: flex; flex-direction: column; justify-content:flex-start; width: 500px; height: 350px; padding-right: 50px;}
.text_wrap_second h3{color: #ed0677; font-size: 20px;}
.text_wrap_second span{width:70px;height:1px; background:#ed0677; margin:10px 0;}
.text_wrap_second p{font-size:18px; color: #fff; line-height:30px;}
.text_wrap_third{display:flex; flex-direction: column; justify-content:flex-end; width: 500px; height: 350px; padding-left: 50px;}
.text_wrap_third h3{color: #ed0677; font-size: 20px;}
.text_wrap_third span{width:70px;height:1px; background:#ed0677; margin:10px 0;}
.text_wrap_third p{font-size:18px; color: #fff; line-height:30px;}
.text_wrap_four{display:flex; flex-direction: column; justify-content:flex-start; width:500px; height: 350px; padding-right: 50px;}
.text_wrap_four h3{color: #ed0677; font-size: 20px;}
.text_wrap_four span{width:70px;height:1px; background:#ed0677; margin:10px 0;}
.text_wrap_four p{font-size:18px; color: #fff; line-height:30px;}


/*원장소개*/
#ceo_wrap{width: 100%; height:600px; position: relative; display: flex;}
#ceo_photo{width: 500px; height: 470px; position: absolute; left:500px;}
#ceo_bg_black{width:1920px; height:600px; position: absolute; left: -460px;}
#ceo_message{display: flex; flex-direction:column; width:100%; height:470px; justify-content: center; padding-right:50px; box-sizing: border-box; width: 500px; position: absolute;left:0; top:0;}
#ceo_message_wrap{position: relative; width: 100%; height: 700px;}
#ceo_message h2{font-size:40px; display:flex; flex-direction: column; color: #fff;}
#ceo_message h2 span{color: #ed0677; font-size: 25px;font-weight: 300;}
#ceo_message p{font-size: 20px; color: #ccc; line-height: 30px; margin:15px 0;}
#ceo_message h3{font-size: 20px; color: #fff; margin-top: 10px;}
#ceo_message span{color: #ccc; font-size: 18px;}
#ceo_message_wrap{padding:50px; display: flex; width: 100%; box-sizing: border-box; justify-content: center;}
#ceo_message_left{padding-right:50px; position: absolute; left:50px; top:-80px;}
#ceo_message_right{font-size: 18px; color: #fff; width: 450px; position: absolute; left:500px; top:-80px;}
#ceo_message_right p{margin-top: 10px; line-height: 30px;}
#ceo_message_right p:nth-child(1){margin:0;  }





/*합격자명단*/
.s_list {width:1000px; overflow:hidden; padding-bottom:60px; text-align:center; margin: 0 auto;}
.s_list h3 {width:200px; margin:0 auto; color:#fff; margin-bottom:10px; border:1px solid #fff; border-radius:100px; padding:5px 10px;}
.s_list p {color:#b1b1b1; line-height:28px;}

/*심화반*/
#deepen_wrap{width: 100%; height:500px; position: relative;}
#deepen_title{display: flex; flex-direction: column; justify-content: center; width: 450px; height: 500px; position: absolute; top:0; left:0;}
#deepen_title h2{color: #ed0677; display: flex; flex-direction: column; font-size:60px; line-height: 50px;}
#deepen_title h2 span{font-size: 25px; color: #fff;}
#deepen_title p{color: #fff; font-size: 20px; margin-top: 20px;}
#deepen_title p strong{font-size: 22px;}
#deepen_bg{background:#222 url(../img/deepen_bg.jpg) 0 0 no-repeat; position: absolute; width: 1920px; height: 500px;top:0; left:-460px;} 

#main_object{display:flex; width:1000px; height: 200px; justify-content: center; margin:0 auto;}
#main_object h2{color: #fff; display: flex; flex-direction: column; color: #ed0677; font-size:50px; width: 450px; height: 100%; justify-content: center;}
#main_object h2 span{font-size: 24px; color: #fff;}
#main_object ul{display: flex; width:550px; flex-shrink:1; justify-content: space-between; align-items: center;}
#main_object ul li{color: #fff; border-radius:100px; border: 1px solid #fff; width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; text-align: center;}
#main_object ul li:nth-child(2n){background:url(../img/plus_icon.png) 0 0 no-repeat; width: 15px; height: 15px; border: none;}

#plan_text{width:100%; height:750px; position: relative; }
#bg_black{position: absolute; top:0; background:rgba(34,34,34,0.5); width: 1920px; height: 750px; left:-460px;}
#bg_plan{position: absolute; top:0; width:460px; height: 750px;}
#plan_area{width: 1000px; margin: 0 auto; display: flex; position: absolute; height: 750px; top:0;}
#plan_title_one{width: 450px; height: 750px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-right: 50px;}
#plan_title_one h2{font-size: 214px; color: #333; line-height: 150px; font-weight: 700;}
#plan_title_one p{font-size:88px; color: #333; font-weight: 700;}
#plan_title_one span{font-size: 30px; color: #ed0677; font-weight: 500;}

#plan_text_one{width:500px; height: 750px; padding: 30px 0; box-sizing: border-box;display: flex; flex-direction: column; justify-content: center;}
#plan_text_one ul{display: flex; margin-top: 60px;}
#plan_text_one ul:first-child{margin-top: 0;}
#plan_text_one ul li{display: flex; flex-direction: column; width: 235px; color: #ccc; line-height:25px; font-size: 16px;}
#plan_text_one ul li:nth-child(2n){padding-left:30px;}
#plan_text_one ul li strong{font-size: 18px; color: #fff;}

#plan_title_two{width: 450px; height: 750px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 50px;}
#plan_title_two h2{font-size: 214px; color: #333; line-height: 150px; font-weight: 700;}
#plan_title_two p{font-size:88px; color: #333; font-weight: 700;}
#plan_title_two span{font-size: 30px; color: #ed0677; font-weight: 500;}

#plan_text_two{width: 500px; height: 750px; padding: 30px 0; box-sizing: border-box;display: flex; flex-direction: column; justify-content: center;}
#plan_text_two ul{display: flex; margin-top: 60px;}
#plan_text_two ul:first-child{margin-top: 0;}
#plan_text_two ul li{display: flex; flex-direction: column; width: 235px; color: #ccc; line-height:25px; font-size: 16px;}
#plan_text_two ul li:nth-child(2n){padding-left:30px;}
#plan_text_two ul li strong{font-size: 18px; color: #fff;}

#bottom_text_wrap{width: 100%; height: 300px; position:relative;}
#bottom_text{min-width:1920px; width:100%; height:300px; display: flex; justify-content: center; align-items: center; position: absolute;  left:-460px; top:0; }
#bottom_text h2{color:#fff; font-size:50px; font-style:oblique;  text-align: center; width:1000px; }
#bottom_text h2 strong{color: #ed0677; font-size:65px;}

/*입시반*/
#traning_wrap{width:1000px; height: 100%;}
#traning_wrap_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#traning_wrap_wrap ul{width:1000px; display: flex; align-items: flex-end; }
#traning_wrap_wrap ul:nth-child(1) li{border-collapse:collapse;}
#traning_wrap_wrap ul:nth-child(1) li:nth-child(1){background:url(../img/border_rd.png) 0 0 no-repeat; width: 50px; height:50px; }
#traning_wrap_wrap ul:nth-child(1) li:nth-child(2){border-top: 1px solid #ed0677;width:225px; height: 50px;box-sizing: border-box;}
#traning_wrap_wrap ul:nth-child(1) li:nth-child(3){border: 1px solid #ed0677;width:450px; height: 100px;box-sizing:border-box; border-radius:30px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction:column;}
#traning_wrap_wrap ul:nth-child(1) li:nth-child(3) h2{color: #ed0677; font-size: 30px;}
#traning_wrap_wrap ul:nth-child(1) li:nth-child(3) span{font-size: 24px; color: #fff; font-weight: 300;}
#traning_wrap_wrap ul:nth-child(1) li:nth-child(4){border-top: 1px solid #ef0677;width: 225px; height: 50px;box-sizing: border-box;}
#traning_wrap_wrap ul:nth-child(1) li:nth-child(5){background:url(../img/border_rd2.png) 0 0 no-repeat; width: 50px; height:50px;}

#traning_wrap_wrap ul:nth-child(2){align-items:flex-start; justify-content:space-around; padding-top: 50px; border:1px solid #ed0677; border-top: none; border-bottom: none; box-sizing: border-box;}
#traning_wrap_wrap ul:nth-child(2) li{border-collapse:collapse;font-weight: 300; line-height:25px; font-size: 18px;  }
#traning_wrap_wrap ul:nth-child(2) li:nth-child(1){width: 250px; color: #fff; text-align: center;}
#traning_wrap_wrap ul:nth-child(2) li:nth-child(1) img{border-radius:150px; margin-bottom: 10px;}
#traning_wrap_wrap ul:nth-child(2) li:nth-child(2){width: 250px; color: #fff; text-align: center;}
#traning_wrap_wrap ul:nth-child(2) li:nth-child(2) img{border-radius:150px; margin-bottom: 10px;}
#traning_wrap_wrap ul:nth-child(2) li:nth-child(3){width: 250px; color: #fff; text-align: center; }
#traning_wrap_wrap ul:nth-child(2) li:nth-child(3) img{border-radius:150px; margin-bottom: 10px;}

#traning_wrap_wrap ul:nth-child(3){align-items: flex-start; margin-bottom: 0;}
#traning_wrap_wrap ul:nth-child(3) li:nth-child(1){background:url(../img/border_rd.png) 0 0 no-repeat; width: 50px; height: 50px; transform: rotate(-90deg)}
#traning_wrap_wrap ul:nth-child(3) li:nth-child(2){border-bottom: 1px solid #ed0677; height:50px; width: 900px; box-sizing: border-box;}
#traning_wrap_wrap ul:nth-child(3) li:nth-child(3){background:url(../img/border_rd2.png) 0 0 no-repeat; width: 50px; height: 50px; transform: rotate(90deg)}

#subject_wrap{width:1000px; height: 100%; margin-top:100px;}
#subject_wrap_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#subject_wrap_wrap ul{width:1000px; display: flex; align-items: flex-end; }
#subject_wrap_wrap ul:nth-child(1) li{border-collapse:collapse;}
#subject_wrap_wrap ul:nth-child(1) li:nth-child(1){background:url(../img/border_rd.png) 0 0 no-repeat; width: 50px; height:50px; }
#subject_wrap_wrap ul:nth-child(1) li:nth-child(2){border-top: 1px solid #ed0677;width:250px; height: 50px;box-sizing: border-box;}
#subject_wrap_wrap ul:nth-child(1) li:nth-child(3){border: 1px solid #ed0677;width:400px; height: 100px;box-sizing:border-box; border-radius:30px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction:column;}
#subject_wrap_wrap ul:nth-child(1) li:nth-child(3) h2{color: #ed0677; font-size: 30px;}
#subject_wrap_wrap ul:nth-child(1) li:nth-child(3) span{font-size: 24px; color: #fff; font-weight: 300;}
#subject_wrap_wrap ul:nth-child(1) li:nth-child(4){border-top: 1px solid #ed0677;width: 250px; height: 50px;box-sizing: border-box;}
#subject_wrap_wrap ul:nth-child(1) li:nth-child(5){background:url(../img/border_rd2.png) 0 0 no-repeat; width: 50px; height:50px;}

#subject_wrap_wrap ul:nth-child(2){align-items:flex-start; justify-content:space-around; padding-top: 50px; border:1px solid #ed0677; border-top: none; border-bottom: none; box-sizing: border-box;}
#subject_wrap_wrap ul:nth-child(2) li{border-collapse:collapse;font-weight: 300; line-height:30px; font-size: 18px;display: flex; flex-direction: column; justify-content: center; align-items: center;  } 
#subject_wrap_wrap ul:nth-child(2) li:nth-child(1){width: 250px; color: #fff; text-align: center;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(1) img{margin-bottom: 10px;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(2){width: 250px; color: #fff; text-align: center;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(2) img{margin-bottom: 10px;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(3){width: 250px; color: #fff; text-align: center; }
#subject_wrap_wrap ul:nth-child(2) li:nth-child(3) img{ margin-bottom: 10px;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(4){width: 250px; color: #fff; text-align: center;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(4) img{margin-bottom: 10px;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(5){width: 250px; color: #fff; text-align: center;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(5) img{margin-bottom: 10px;}
#subject_wrap_wrap ul:nth-child(2) li:nth-child(6){width: 250px; color: #fff; text-align: center; }
#subject_wrap_wrap ul:nth-child(2) li:nth-child(6) img{ margin-bottom: 10px;}

#subject_wrap_wrap ul:nth-child(3){align-items: flex-start; margin-bottom: 0;}
#subject_wrap_wrap ul:nth-child(3) li:nth-child(1){background:url(../img/border_rd.png) 0 0 no-repeat; width: 50px; height: 50px; transform: rotate(-90deg)}
#subject_wrap_wrap ul:nth-child(3) li:nth-child(2){border-bottom: 1px solid #ed0677; height:50px; width: 900px; box-sizing: border-box;}
#subject_wrap_wrap ul:nth-child(3) li:nth-child(3){background:url(../img/border_rd2.png) 0 0 no-repeat; width: 50px; height: 50px; transform: rotate(90deg)}

#entrance_wrap_wrap{width:100%; height: 100%; margin-top:100px; position: relative;}
#entrance_wrap_wrap{display: flex; flex-direction: column; justify-content: center; align-items: center;}
#entrance_wrap_wrap h2{color: #ed0677; font-size: 30px;}
#entrance_wrap_wrap span{font-size: 24px; color: #fff; font-weight: 300; margin-bottom: 50px;}
#entrance_wrap_wrap p{color: #fff; width: 800px; line-height:30px; text-align: center; font-size: 20px; font-weight: 300; margin-bottom: 200px;}
#entrance_wrap_wrap p:nth-of-type(2){margin-bottom: 0; font-size: 18px;}

#entrance_guide{width:1920px; height:200px; position: absolute; top:220px; left:-460px;}
#entrance_guide ul{display:flex; align-items: center;justify-content: center; width:100%; height: 100%;}
#entrance_guide ul li{display: flex; justify-content:center; align-items: center; color: #fff; text-align: center; font-size: 18px; font-weight: 300; box-sizing: border-box;}
#entrance_guide ul li:nth-child(1){height: 1px; width:510px; background: #ed0677;}
#entrance_guide ul li:nth-child(2){height: 1px; width: 110px; background: #ed0677;}
#entrance_guide ul li:nth-child(3){width: 150px; height: 150px; border: 1px solid #fff; border-radius:150px;}
#entrance_guide ul li:nth-child(4){height: 1px; width: 110px; background: #ed0677;}
#entrance_guide ul li:nth-child(5){width: 150px; height: 150px; border: 1px solid #fff; border-radius:150px;}
#entrance_guide ul li:nth-child(6){height: 1px; width: 110px; background: #ed0677;}
#entrance_guide ul li:nth-child(7){width: 150px; height: 150px; border: 1px solid #fff; border-radius:150px;}
#entrance_guide ul li:nth-child(8){height: 1px; width: 110px; background: #ed0677;}
#entrance_guide ul li:nth-child(9){height: 1px; width: 510px; background: #ed0677;}
#perparation_wrap{width:1000px; height: 100%; margin-top:100px;}



#perparation_wrap_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 100px;}
#perparation_wrap_wrap ul{width:1000px; display: flex; align-items: flex-end; }
#perparation_wrap_wrap ul:nth-child(1) li{border-collapse:collapse;}
#perparation_wrap_wrap ul:nth-child(1) li:nth-child(1){background:url(../img/border_rd.png) 0 0 no-repeat; width: 50px; height:50px; }
#perparation_wrap_wrap ul:nth-child(1) li:nth-child(2){border-top: 1px solid #ed0677;width:250px; height: 50px;box-sizing: border-box;}
#perparation_wrap_wrap ul:nth-child(1) li:nth-child(3){border: 1px solid #ed0677;width:400px; height: 100px;box-sizing:border-box; border-radius:30px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction:column;}
#perparation_wrap_wrap ul:nth-child(1) li:nth-child(3) h2{color: #ed0677; font-size: 30px;}
#perparation_wrap_wrap ul:nth-child(1) li:nth-child(3) span{font-size: 24px; color: #fff; font-weight: 300;}
#perparation_wrap_wrap ul:nth-child(1) li:nth-child(4){border-top: 1px solid #ed0677;width: 250px; height: 50px;box-sizing: border-box;}
#perparation_wrap_wrap ul:nth-child(1) li:nth-child(5){background:url(../img/border_rd2.png) 0 0 no-repeat; width: 50px; height:50px;}

#perparation_wrap_wrap ul:nth-child(2){align-items:flex-start; justify-content:space-around; padding-top: 50px; border:1px solid #ed0677; border-top: none; border-bottom: none; box-sizing: border-box;}
#perparation_wrap_wrap ul:nth-child(2) li{border-collapse:collapse;font-weight: 300; line-height:30px; font-size: 18px; display:block;  color: #fff; padding:10px 50px; box-sizing: border-box; width: 500px; }
#perparation_wrap_wrap ul:nth-child(2) li:nth-child(1){border-right: 1px dotted #ed0677;}
#perparation_wrap_wrap ul:nth-child(2) li h3{display: flex; font-size: 20px; font-weight: 700;margin-bottom:10px; justify-content: center;}
#perparation_wrap_wrap ul:nth-child(2) li h3 span{font-size: 16px; color: #ccc; margin-left: 10px; font-weight: 300;}
#perparation_wrap_wrap ul:nth-child(2) li p{font-size: 18px; font-weight: 300; text-align: center;}

#perparation_wrap_wrap ul:nth-child(3){align-items: flex-start; margin-bottom: 0;}
#perparation_wrap_wrap ul:nth-child(3) li:nth-child(1){background:url(../img/border_rd.png) 0 0 no-repeat; width: 50px; height: 50px; transform: rotate(-90deg)}
#perparation_wrap_wrap ul:nth-child(3) li:nth-child(2){border-bottom: 1px solid #ed0677; height:50px; width: 900px; box-sizing: border-box;}
#perparation_wrap_wrap ul:nth-child(3) li:nth-child(3){background:url(../img/border_rd2.png) 0 0 no-repeat; width: 50px; height: 50px; transform: rotate(90deg)}

/*취미반*/
#hobby_wrap{width: 1000px; display: flex; justify-content: center; flex-direction: column;}
#hobby_wrap h2{font-size: 30px; text-align: center; color: #fff; font-weight: 500;}
#hobby_wrap p{font-size:20px;color: #fff; text-align: center;font-weight: 300; margin-top: 50px;}

#hobby_class_wrap{width: 100%; height: 100%;}
#hobby_class_wrap_wrap{ height:530px; position: relative; display: flex; width:1000px; margin-bottom: 100px;}
#hobby_bg_left{width:960px; height:530px; position: absolute; left:-460px; top:0;}
#hobby_text_right{padding-left: 50px; height:530px; box-sizing: border-box; display: flex; flex-direction: column; justify-content:center; width:500px; position: absolute;left:500px;}
#hobby_text_right span{font-size: 25px; color: #444;}
#hobby_text_right h2{font-size: 50px; color: #ed0677; font-weight: 700;  margin-bottom: 20px; line-height: 50px;}
#hobby_text_right p{color: #fff; font-size: 20px; line-height: 35px; margin-bottom: 40px; font-weight: 500;}
#hobby_text_right h3{color: #fff; font-size: 25px;}
#hobby_text_right ul{display: flex; flex-direction: column; padding-left: 20px; margin-top: 10px;}
#hobby_text_right ul li{color: #fff; font-size: 18px; list-style: disc;margin-bottom: 10px; font-weight: 300;}
#hobby_text_right ul li:last-child{margin-bottom: 0;}



#hobby_bg_right{width:960px; height:530px; position: absolute; left:500px; top:0;}
#hobby_text_left{padding-right: 50px; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content:center; width: 500px; position: absolute; left:0; height: 530px;}
#hobby_text_left span{font-size: 25px; color: #444;}
#hobby_text_left h2{font-size: 50px; color: #ed0677; font-weight: 700;  margin-bottom: 20px; line-height: 50px;}
#hobby_text_left p{color: #fff; font-size: 20px; line-height: 35px; margin-bottom: 40px; font-weight: 500;}
#hobby_text_left h3{color: #fff; font-size: 25px;}
#hobby_text_left ul{display: flex; flex-direction: column; padding-left: 20px; margin-top: 10px;}
#hobby_text_left ul li{color: #fff; font-size: 18px; list-style: disc;margin-bottom: 10px; font-weight: 300;}
#hobby_text_left ul li:last-child{margin-bottom: 0;}



/*오시는 길*/
#location_wrap{display:flex; flex-direction: column; justify-content:center; width:100%; height:100%; background:rgba(34,34,34,0.9); color: #fff;}
#location_text{width: 450px; padding:25px; box-sizing: border-box;}
#location_text h1{font-size: 40px; font-weight: 700; margin-bottom:10px;}
#location_text p{font-size: 20px; font-weight: 300;  line-height: 30px;}
#location_text ul{margin-top: 20px; }
#location_text ul li{font-size:18px; font-weight: 300; color: #ccc; display: flex; align-items: center;margin: 10px 0;}
#location_text ul li strong{font-weight: 300; margin-left: 10px;}
#location_text ul li:nth-child(1) span{background:url(../img/location_time.png) 0 0 no-repeat; width: 15px; height: 16px; margin-right: 10px;}
#location_text ul li:nth-child(2) span{background:url(../img/location_tel.png) 0 0 no-repeat; width: 15px; height: 16px; margin-right: 10px;}
#location_text ul li:nth-child(3) span{background:url(../img/location_mail.png) 0 0 no-repeat; width: 15px; height: 16px; margin-right: 10px;}
/*푸터*/
#buttomlayer1{background-image:none !important;}
#footer_wrap{}
#footer_top{width: 100%; background: #414042; display: flex; justify-content: center; align-items: center; position: relative;}
#footer_top > ul{width: 1000px; display: flex; height: 40px; justify-content: center; }
#footer_top > ul > li{width: 200px; display: flex; justify-content: center; align-items: center;}
#footer_top > ul > li > a{color: #fff; font-size: 14px; }
#footer_top > ul > li:last-child > a{border: none;}
#footer_contents{background: none; width: 1000px; margin: 20px auto; position: relative;}
#footer_contents_wrap{display: flex; flex-direction: column; justify-content: center; align-items:center; }
#footer_contents_wrap > img{width: 111px; height: 70px; }
#footer_contents_wrap p{text-align: center;color:#fff; font-size: 13px; font-weight: 300; margin:10px 0; line-height: 26px;}


#site_map a {display: flex; align-items: center;}
#site_map a img{width:15px; height:15px; margin-left: 10px;}
#site_map a.plus img{transform:rotate(45deg); transition:all 0.2s ease-in;}
div.site_map_sec{position: absolute;left:0; bottom:35px; height:350px; background:rgba(0,0,0,0.9); width: 100%; display: flex; justify-content: center;}
#site_map_wrap{width: 1000px; display: flex; justify-content: center;}
#site_map_wrap > ul{display:flex; flex-direction:column; padding:10px 30px; flex-shrink:1; box-sizing:border-box;}
#site_map_wrap > ul > li{width:100%;}
#site_map_wrap > ul > li > a{color: #fff; display: block; font-size:14px; text-align: center; font-weight: 300;margin-bottom: 5px; }
#site_map_wrap > ul > li:first-child > a{margin-bottom:10px; font-size: 16px; margin-top: 10px; font-weight: 700;}
#site_map_wrap > ul > li > a:hover{color:#ed0677}


.go_top{position: fixed; bottom:80px; right: 10%; display: none;}
.go_top a{color: #fff; background-color:rgba(0,0,0,0.8); padding: 10px;}
.go_top:hover a{background-color:rgba(255,255,255,0.8); color: #000;}
.krlink{width:210px; height: 30px; z-index:9999; position:absolute; top:0; left:50%;}



/* 슬라이드 */
div.swiper-slide ul img{opacity:0.3}
div.swiper-slide-active ul img{opacity:1}