@charset "utf-8"; 

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(827rem); margin-top:120rem; color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:left; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.2; font-weight:200; font-size:80rem; }
#main_visual h2 b{font-weight:700;}
#main_visual p{line-height:2.4; margin:300rem 0 0 0; font-size:18rem; font-weight:700; letter-spacing:3rem; }
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 3rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{position: absolute; bottom:100rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:none; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}



#center_wrap {width: 100%; padding:80rem 0; position:relative; background:#fff; overflow:hidden; }
#center_wrap .center_left {overflow:hidden; width:50%; float:left; text-align:center; position:relative; border-radius:15rem;}
#center_wrap .center_left a {background:url('../img/main/main_center_img1.png') no-repeat; background-size: cover; background-position: center; display:block;  position:relative; height:400rem; transition:all ease .8s; } 
#center_wrap .center_left a:hover {transform: scale(1.1);	-webkit-transform: scale(1.1); 	-ms-transform: scale(1.1); 	-o-transform: scale(1.1); transition:all ease .8s; }
#center_wrap .center_left a dl {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%;}
#center_wrap .center_left a dt {text-align:center; margin:auto; color:#fff; font-size:32rem; line-height:1.25; font-weight:700;padding-top:60rem;}
#center_wrap .center_left a dt span {display:block;}
#center_wrap .center_left a dd { font-size:18rem; color:#fff; margin-top:30px;}
#center_wrap .center_left i {display:block; margin:30rem auto; width:30rem;height:30rem;border-radius:50%; background: #fff url(../img/layout/icon_btn.svg) no-repeat center;background-size:14rem;}

#center_wrap .center_right {overflow:hidden; width:48%; float:left; text-align:center; position:relative; border-radius:15rem; margin-left:20rem;}
#center_wrap .center_right a {background:url('../img/main/main_center_img2.png') no-repeat; background-size: cover; background-position: center; display:block;  position:relative; height:400rem; transition:all ease .8s; } 
#center_wrap .center_right a:hover {transform: scale(1.1);	-webkit-transform: scale(1.1); 	-ms-transform: scale(1.1); 	-o-transform: scale(1.1); transition:all ease .8s; }
#center_wrap .center_right dl {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%;}
#center_wrap .center_right a dt {text-align:center; margin:auto; color:#fff; font-size:32rem; line-height:1.25; font-weight:700;padding-top:60rem;}
#center_wrap .center_right a dt span {display:block;}
#center_wrap .center_right a dd { font-size:18rem; color:#fff; margin-top:30px;}
#center_wrap .center_right i {display:block; margin:30rem auto; width:30rem;height:30rem;border-radius:50%; background: #fff url(../img/layout/icon_btn.svg) no-repeat center;background-size:14rem;}

@media( max-width:1024px ) {
#center_wrap {width: 100%; padding:80rem 10rem;  background:#fff;}
#center_wrap .center_left, #center_wrap .center_right  {width:100%; float:none;}
#center_wrap .center_right a, #center_wrap .center_left a {height:350px;}
#center_wrap .center_right {margin-left:0rem; margin-top:20rem;}

#center_wrap .center_left a dt, #center_wrap .center_right a dt { font-size:30rem;}
#center_wrap .center_right dl {width:80%;}
}


@media( max-width:600px ) {
     #center_wrap .center_left a dt {font-size:27rem; }
	 #center_wrap .center_left a dd { font-size:15rem; }
	  #center_wrap .center_right a dt {font-size:27rem; }
	  #center_wrap .center_right a dd { font-size:15rem; }
}


.wid_1300 {width:100%; position:relative; max-width:1300px; margin:auto;}

@media screen and (max-width: 1300px){	
	.pd_side {padding-left:15px !important; padding-right:15px !important}
}

.main1 {width:100%; min-height:400rem; position:relative; display:flex; flex-wrap: wrap;  justify-content: space-between; background: url("../img/main/main_counseling_bg.jpg") center top no-repeat; }
.main2 {width:100%; min-height:400rem; position:relative; display:flex; flex-wrap: wrap;  justify-content: space-between; background: url("../img/main/main_process_bg.jpg") center top no-repeat; }
.main3 {width:100%; min-height:400rem; position:relative; display:flex; flex-wrap: wrap;  justify-content: space-between; background: url("../img/main/main_info_bg.jpg") center top no-repeat; }

#mainCompany {width:100%; min-height:400rem; position:relative; display:flex; flex-wrap: wrap;  justify-content: space-between; }
#mainCompany .mainCompany_left {position:relative; padding-left: calc((100% - 1300px) / 2); margin-top:95rem; color:#fff;}
#mainCompany .mainCompany_left h3 {font-size:42rem; font-weight:700;}
#mainCompany .mainCompany_left p {font-size:18rem; margin-top:20rem; margin-bottom:50rem;}
#mainCompany .mainCompany_left i {content:'';display:block;width:35rem;height:35rem;border-radius:50%; background: #fff url(../img/layout/icon_btn.svg) no-repeat center;background-size:14rem;transform: translate(0, -50%);}


#mainCompany .mainCompany_right {width:50%; display:flex; flex-wrap: wrap; max-width:1000px;  background:rgba(0,0,0,0.2); }
#mainCompany .mainCompany_right .company_box {position:relative; width:33%; display:block; border-left:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); transition: all 0.4s; 
											 background:rgba(38, 59, 138, 0);}

.company_box .company_box_txt {position:relative;  margin:0rem 0 0 0rem;}
.company_box .company_box_txt .company_box_kor {color:#fff; font-size:25rem; font-weight:600; display:block; text-align:center;}


.company_icon {width:78rem; height:78rem; background-size:contain; text-align:center; margin:120rem auto 20rem;}

.counseling_box_icon01 {background: url("../img/main/main_coun_icon01.png");}
.counseling_box_icon02 {background: url("../img/main/main_coun_icon02.png");}
.counseling_box_icon03 {background: url("../img/main/main_coun_icon03.png");}

.company_box_icon01 {background: url("../img/main/main_pro_icon01.png");}
.company_box_icon02 {background: url("../img/main/main_pro_icon02.png");}
.company_box_icon03 {background: url("../img/main/main_pro_icon03.png");}
.company_box_icon04 {background: url("../img/main/main_pro_icon04.png");}

.info_box_icon01 {background: url("../img/main/main_info_icon01.png");}
.info_box_icon02 {background: url("../img/main/main_info_icon02.png");}
.info_box_icon03 {background: url("../img/main/main_info_icon03.png");}

.company_box_arr {width:48px; height:38px; background-size:contain; position:absolute; bottom:5.0rem; right:5.5rem;   transition: all 0.6s;  background: url("../img/company_arr.png");} 


#mainCompany .mainCompany_right .company_box:hover {background:rgba(0,0, 0, 1);  transition: all 0.8s; }
.company_box:hover .company_box_eng {color:#fff;}
.company_box:hover .company_box_kor {color:#fff;}


@media all and (max-width:1600px){
     #mainCompany .mainCompany_left {padding-left:15px;}
     #mainCompany .mainCompany_right .company_box {min-height:40.0rem;}
}

@media all and (max-width:1200px){
     #mainCompany .mainCompany_left {width:100%; margin-top:80rem;}
     #mainCompany .mainCompany_left h3 {font-size:30rem;}
     #mainCompany .mainCompany_left h3:after {width:9px; height:9px;}
     #mainCompany .mainCompany_left p {font-size:16px;}
     #mainCompany .mainCompany_right {width:100%; margin-top:80rem; max-width:100%; border-top:1px solid rgba(255,255,255,0.2);}
     #mainCompany .mainCompany_right .company_box {width:33%; min-height:250rem;}

     .company_box .company_box_txt { margin:45rem 0 0 0;}

     .company_box .company_box_txt .company_box_kor {font-size:24rem; }

     .company_icon {width:80px; height:80px; left:20rem; background-size:cover; margin:60rem auto 0rem;}

}

@media all and (max-width:768px){

     #mainCompany .mainCompany_left p br{display:none;}
     #mainCompany .mainCompany_right {margin-top:30rem;}
     .company_icon {bottom:15rem;}
     .company_icon {width:70px; height:70px; }
	 .company_box .company_box_txt .company_box_kor {font-size:16rem; }

}



#mainCustomer {width:100%;  position:relative; padding:125rem 0;/*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 100%);*/}

.center_title {width:100%;  position:relative;  color:#fff; text-align:center; margin-bottom:50rem;}
.center_title .ct_title {font-size:42rem; font-weight:700; color:#111; }
.center_title p {font-size:18rem; margin-left:30rem; margin-bottom:5rem; color:#666;}

#mainCustomer .customer_contents {width:100%;  position:relative;  margin-top:40rem;  display:flex; flex-wrap:wrap; justify-content: space-between;}
#mainCustomer .customer_contents .ct_list {width: calc(100% /3 - 20rem); min-height:400px; position:relative; background:#f7f7f7; border-radius:20rem; padding:55rem 50rem 100rem; border:1px solid #fff; transition: all 0.6s;}

.ct_list h3 {font-size:23rem; font-weight:600; line-height:1.25; }
.ct_list p {color:#7e7e7e; font-size:17rem; line-height:1.5; margin:20rem 0;}
.ct_list .ct_arrow {position:absolute; bottom:50rem; left:50rem; width:30px; height:30px; background-size:cover;  transition: all 0.6s;}

.con_icon {width:67rem; height:67rem; background-size:contain; margin-bottom:20rem;}

.con_box_icon01 {background: url("../img/main/con_icon1.png");}
.con_box_icon02 {background: url("../img/main/con_icon2.png");}
.con_box_icon03 {background: url("../img/main/con_icon3.png");}

#mainCustomer .customer_contents .ct_list:hover {box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; transition: all 0.6s;}
#mainCustomer .customer_contents .ct_list:hover .ct_arrow {left:70rem; transition: all 0.6s; }

#mainCustomer .customer_contents .ct_list .ct_arrow {content:'';display:block;width:30rem;height:30rem;border-radius:50%; background: #000 url(../img/layout/icon_btn2.svg) no-repeat center;background-size:14rem;transform: translate(0, -50%);}

@media all and (max-width:1200px){
	 #mainCustomer:before {position: absolute;content: '';width:100%; height:100%; z-index: -2; border-radius: 0 0 0 0px; left: 0px; top: 0;}
	 #mainCustomer .customer_contents .ct_list { padding:50rem 30rem 30rem 30rem; }
	 .con_icon {width:67rem; height:67rem; background-size:contain; margin-bottom:20rem;}
}

@media all and (max-width:1100px){
	 #mainCustomer {padding:50rem 0;}
	 #mainCustomer .customer_title .ct_title {font-size:30rem;}
	 .ct_list p {font-size:14rem; }
}

@media all and (max-width:900px){
	 #mainCustomer:after {height:500px;}
	 #mainCustomer .customer_title .ct_title {width:100%; }
	 #mainCustomer .customer_contents .ct_list {min-height:350px;}
	 .ct_list h3 {font-size:18rem;}
	 .ct_list p {font-size:12rem; }
	 .ct_list p br {display:none;}
	 .center_title p {font-size:16rem; margin-left:0rem; }
	 .ct_list .ct_arrow   {left:35rem; bottom:20rem;}
	 #mainCustomer .customer_contents .ct_list:hover .ct_arrow {right:30rem;}
	 #mainCustomer .customer_contents .ct_list:hover .ct_arrow {left:50rem;}
}

@media all and (max-width:600px){
	 #mainCustomer {padding:55rem 0 0rem;}
	 #mainCustomer .customer_contents .ct_list {min-height:350rem; width:100%; margin-bottom:20rem;}
	 .ct_list .ct_arrow   {left:35rem; bottom:20rem;}
	 .ct_list h3 {font-size:25rem;}
	 .ct_list p {font-size:15rem; }
	 
}

@media all and (max-width:500px){
	 .center_title .ct_title {font-size:25rem; }
	 .center_title p {font-size:15rem;}
	 .ct_list h3 {font-size:18rem;}
	 .ct_list p {font-size:13rem; }
	 .ct_list p br {display:block;}
}



/* main content */
.main-content{}
.main-content *{}

.main-menu__list{display:grid; justify-content:center; align-items:center; text-align:center; grid-template-columns:repeat(4, 1fr);}
.main-menu__list > li{position:relative; background:#fafafa; background-size:cover;}
.main-menu__list > li a:before{opacity:0; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#654423;  transition:0.3s}
.main-menu__list > li :hover:before{opacity:0.3; transition:0.3s}
.main-menu__list > .main-menu__item01{background-image: url(../img/main/img_mainbg01.jpg); color:#fff;}
.main-menu__list > .main-menu__item03{background-image: url(../img/main/img_mainbg02.jpg); color:#fff;}
.main-menu__list > .main-menu__item06{background-image: url(../img/main/img_mainbg03.jpg); color:#fff;}
.main-menu__list > .main-menu__item08{background-image: url(../img/main/img_mainbg04.jpg); color:#fff;}
.main-menu__list > .color_white > *,
.main-menu__list > .color_white p{color:#fff;}
.main-menu__list > li a{display:flex;align-items:center;padding: 80rem 0rem;flex-direction:column;font-style:normal;}
.main-menu__list > li a *{font-style:normal;}
.main-menu__list > li i{font-size: 12rem;display: block;margin-top: 25rem;}
.main-menu__list > li strong{margin:24rem 0 10rem 0; font-weight:600; font-size:23rem;}
.main-menu__list > li p{font-weight:300; font-size:17rem; word-break:keep-all; color:#666;}
.main-menu__list img{height:75rem;}

.main-company{padding:100rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 85% 15%;}
.main-company .main-company__inner{display:flex; align-items: center;}
.main-company .main-company__img{width:50%; margin-right:5%}
.main-company .main-company__text{width:45%}
.main-company .main-company__text h3{margin-bottom:30rem; font-size:30rem; font-weight:600}
.main-company .main-company__text h3 span{color:#c5a56e}
.main-company .main-company__text p{line-height:1.8; color:#666}

.main-facilities{overflow:hidden; background:#f8f8f8; padding:100rem 0}
.main-facilities__inner{float:right; width:1650rem;}
.main-facilities__slide .swiper-pagination{position:static; margin-top:30rem;}
.main-facilities__slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c5a56e}
.main-facilities__slide img{width:100%}
.main-facilities__text{width:320rem; float:left; margin-top:60rem}
.main-facilities__text h3{font-size:30rem; font-weight:bold;}
.main-facilities__text p{margin:20rem 0 30rem 0; color:#666}


.main-board{padding:100rem 0; background:#f3f6f8;}
.main-board h3{font-size:32rem; font-weight:800; color:#111;}
.main-board__inner{display:flex;}
.main-board__title{display:flex;margin-bottom:20rem;align-items: center;}
.main-board__title img{height:28rem; margin-right: 10rem;}

.main-board__contact{cursor:pointer;width:630rem; margin-right:60rem; background: url(../img/main/cs_img.png) no-repeat center; border-radius:20rem; padding:50rem;}
.main-board__contact > a{font-size:45rem;font-weight:bold;line-height: 1;}
.main-board__contact h3{margin-top:10rem; color:#fff; font-weight:700;}
.main-board__contact p{margin-top:10rem; color:#fff;}
.main-board__contact p b{color:#fff;}
.main-board__contact ul{display:flex;justify-content: space-between; margin-top:25rem;}
.main-board__contact ul li{width:48%; background:#c5a56e; text-align:center; transition:0.3s}
.main-board__contact ul li:last-child{background:#46300a;}
.main-board__contact ul li a{display:block; width:100%; padding:15rem 0; color:#fff; font-size:15rem}
.main-board__contact ul li:hover{background:#333; transition:0.3s}

.main-board__contact i {display:block; margin-top:60rem; width:30rem;height:30rem;border-radius:50%; background: #fff url(../img/layout/icon_btn.svg) no-repeat center;background-size:14rem;}


.main-board__notice{position:relative; width:630rem; min-height:350rem; margin-right:0rem; background:#fff; border-radius:20rem; border:1px solid #e9eaea; padding:50rem 50rem;}
.main-board__notice .pic_li_lt .lt_more{top:78rem; right:50rem; width:30rem; height:30rem;border-radius:30rem; background:#000 url(../img/layout/icon_btn2.svg) no-repeat center; background-size:14rem;transform: translate(0, -50%);}
.main-board__notice li a{}
.main-board__notice .pic_li_lt{}
.main-board__notice .pic_li_tit *{font-weight:400}
.main-board__notice .pic_li_lt li .pic_li_tit:hover{color:#c5a56e;}
.main-board__notice .pic_li_lt li .pic_li_tit{font-weight:400;font-size:17rem;padding: 0 0rem;line-height: 1;}
.main-board__notice .pic_li_lt li{position:relative; padding:7rem 0rem; margin-bottom:0; }


@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
	
	.main-board__notice{width:65%; margin-right:5%;}
	.main-board__contact{width:30%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem;}
	#main_visual h2{font-size:40rem}

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
	
	.main-company .main-company__img{width:45%; margin-right:5%;}
	.main-company__text{width:50%;}	

	.main-menu__list{grid-template-columns: repeat(2, 1fr);}
	.main-menu__list > .main-menu__item04,
	.main-menu__list > .main-menu__item07{background:#f1e9e1;}

	.main-facilities__text{margin-top:0}

	.main-board__notice{width:50%;}
	.main-board__contact{width:45%;}

}


@media (max-width:860px){
	#main_visual .bx-controls-direction{display:none;}
	#main_visual p{margin:450rem 0 0 ; font-size:12rem}
	#main_visual p img {width:200rem;}

	.main-company{padding:60rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 50% 5%;}
	.main-company .main-company__inner{flex-direction: column;}
	.main-company .main-company__img{width:100%; margin-right:0}
	.main-company .main-company__img img{width:100%;}
	.main-company .main-company__text{width:100%; margin-top:30rem; text-align:center;}

	.main-menu__list img{height:60rem;}
	.main-menu__list > li a{padding:50rem 5rem}
	
	.main-facilities{padding:60rem 0}
	.main-facilities__text{ float:none; width:100%; margin-bottom:30rem; text-align:center;}
	.main-facilities__inner{padding:0 20rem;}

	.main-board{margin:60rem 0}
	.main-board__inner{ display:block;}
	.main-board__notice{width:100%; margin-right:0}
	.main-board__contact{width:100%; margin-top:30rem; background-size:100%;}


}

@media (max-width:540px) {
	#main_visual{margin-top:80rem; height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:120rem 0 0 ; font-size:12rem}
	#main_visual p img {width:140rem;}
	#main_visual h2{font-size:14rem}
	#main_visual .btn_more{margin-top:25rem}
	
	.main-company{padding:30rem 0}
	.main-company .main-company__text h3{margin-bottom:15rem; font-size:22rem; word-break: keep-all;}
	
	.main-board__notice{margin-top:25rem}
	.main-facilities{padding:30rem 0}
	.main-facilities__text h3{font-size:22rem}
	.main-facilities__text p{margin:10rem 0 15rem 0}
	
	.main-menu__list{display:flex;flex-wrap: wrap;align-items: stretch;}
	.main-menu__list > li a:before{display:none;}
	.main-menu__list > li{width:50%}
	.main-menu__list > li a{padding:50rem 15rem}
	.main-menu__list > li strong{font-size:20rem; font-weight:bold; margin: 15rem 0 10rem 0}
	#main_visual .roll{    background-position: 40%;}

	.main-menu__list img{height:40rem;}
	.main-menu__list > li p{font-size:14rem;}
	
	.main-board{margin:30rem 0}
	h3.main-board__title{margin-bottom:10rem; font-size:22rem;font-weight: bold;}
	.main-board__notice .pic_li_lt .lt_more{top:67rem}
	.main-board__notice{min-height:auto;}
	.main-board__contact{background-size:auto;}
	.main-board__contact > a{font-size:30rem}
	.main-board__contact ul li a{font-size:12rem}
}