@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
/* 공통 */
#Wrap{background: url(../images/main/main_bg.jpg) repeat; position: relative;}
#Wrap .top_img{background: url(../images/main/top_img.png) no-repeat; width: 404px; height: 320px; position: absolute; left: 0; top: 40px; background-size: contain; width: 30%;}
#Wrap .bottom_left_img{background: url(../images/main/bottom_left_img.png) no-repeat; /*width: 467px;*/ width: 95%; height: 269px; position: absolute;bottom: 0; left: 0; background-size: contain;}
#Wrap .bottom_right_img{background: url(../images/main/bottom_right_img.png) no-repeat; width: 593px; height: 384px; position: absolute;bottom: 0; right: 0;}


button{ cursor: pointer; }
.thumb_resize img { width: 100%; max-width: none; padding: 0; margin: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.slick-slider .slick-track, 
.slick-slider .slick-list{ height: 100%; }
.slick-slider .slick-list{overflow:hidden;}
#header{/*position: absolute;*/ position: relative;}
#header .utile-wrap li.login a,
#header .utile-wrap li.sitemap a,
#header .utile-wrap li.sitemap-mo a,
#gnb .topmenu > li > a{ color: #595757;}
#header .utile-wrap li.login a { border: 1px solid #fff; font-weight: 400; }
#gnb.on .topmenu > li.on > a:after,
#gnb.on .topmenu > li.ov > a:after,
#gnb.on .topmenu > li.on:hover > a:after,
#gnb.on .topmenu > li.ov:hover > a:after,
#gnb.on .topmenu > li:hover > a:after,
#gnb.on .topmenu > li > a:focus:after{ background-color: #fff; }
#header .headerWrap .logo a{ background: url(../images/main/logo.png) no-repeat; background-size: contain; display: none;}

/* 메인비주얼 */

#mvisual{ position: relative;}
.visualWap{width: 1200px; margin: 0 auto; padding-top: 130px;}
.mvisual-wrap{position: relative;z-index: 1;/*width: 665px;*/ padding-left: 0px; float: left;}

.mvisual-content{width: 450px; float: right;}
/*.mvisual-content .cfp{background: url(../images/main/cfp_btn.png); width: 450px; height: 70px; max-width: 100%;}
.mvisual-content .cfp02{background: url(../images/main/cfp_btn02.png);}
.mvisual-content .cfp02 a span{padding: 20px 110px 0 0 !important}
.mvisual-content .cfp a{display: block; width: 100%; height: 100%;}
.mvisual-content .cfp a span{color: #fff; display: block; text-align: right; padding: 20px 51px 0 0; font-size: 19px; font-weight: 400;}
.mvisual-content .cfp a span sup{font-size: 10px;}*/

.mvisual-wrap .cfp{background: url(../images/main/cfp_btn.png); width: 450px; height: 70px; max-width: 100%;}
.mvisual-wrap .cfp02{background: url(../images/main/cfp_btn02.png);}
.mvisual-wrap .cfp02 a span{padding: 20px 110px 0 0 !important}
.mvisual-wrap .cfp a{display: block; width: 100%; height: 100%;}
.mvisual-wrap .cfp a span{color: #fff; display: block; text-align: right; padding: 20px 51px 0 0; font-size: 19px; font-weight: 400;}
.mvisual-wrap .cfp a span sup{font-size: 10px;}



.news-wrap h2{color: #e13974; font-size: 22px; text-align: left; position: relative; background: url(../images/main/news_bar.png) no-repeat center; margin-bottom: 20px;}
.news-wrap h2 span{padding-left: 30px;}
.news-wrap ul{height:377px; overflow:hidden; overflow-y:auto;}
.news-wrap ul li{background: #fff; padding: 7px 15px; text-align: left; border-radius: 10px; font-size: 15px;}
.news-wrap ul li span{color: #818181; font-size: 13.5px; float: right}


#myCanvas{ position: absolute; left: -30px; top: 511px; z-index: -1; transform: rotate( -90deg); -webkit-transform: rotate( -90deg);}
.mvisual-wrap .pagingInfo{position: absolute;left: 65px;top: 594px;color: #fff;font-family: 'Noto Sans KR', sans-serif;font-size: 1rem;font-weight: 600;}
.mvisual-wrap .pagingInfo:before{ opacity: 0.7; position: absolute;top: -22px;left: -33px;content: "";display: inline-block;width: 73px;height: 73px;border-radius: 50%;border: 2px solid #fff;}

@keyframes anim1 {
  0% {transform: translatex(0); -webkit-transform: translatex(0);}
  50% {transform: translatex(-3px); -webkit-transform: translatex(-3px);}
  100% {transform: translatex(0); -webkit-transform: translatex(0);}
}

@keyframes anim2 {
  0% {transform: translatex(0); -webkit-transform: translatex(0);}
  50% {transform: translatex(3px); -webkit-transform: translatex(3px);}
  100% {transform: translatex(0); -webkit-transform: translatex(0);}
}


@media (max-width: 1919px){
    #mvisual:before{ background-size: contain;}
}

@media (max-width: 1379px){
	#Wrap .top_img{transform: rotateY(180deg); right: 0; left: auto !important; top: 80px;}
	.container-wrap{padding: 0 30px;}
	#mvisual{ padding: 0 20px;}
	#Wrap .bottom_right_img{display: none;}
	.visualWap{width: 100%; padding-top: 65px;}
	/*.mvisual-wrap{ width: 100%;}*/
}

@media (max-width: 1270px){
	.mvisual-content{ width: 100%; height: auto; }
	.news-wrap h2{background:url(../images/main/news_bar.png) no-repeat left;}
	.mvisual-wrap{margin-bottom: 50px;}
}

@media (max-width: 1023px){
	#myCanvas,
	.mvisual-wrap .pagingInfo{ display: none; }

	#mvisual{ }
	#mvisual:before{ display: none; }
	.mvisual-wrap > img{max-width: 100%;}

}

@media (max-width: 767px){
	#mvisual { height: 20rem; padding: 0;}
	.container-wrap{padding: 0 15px}
}


@media (max-width: 479px){
	.news-wrap ul li span{display: block; text-align: right; float: none;}
	.mvisual-content .cfp a span{padding: 22px 28px 0 0; font-size: 16px;}
}



#mcont{ padding: 75px 0 80px 0; clear: both;}
#mcont .layout{ width: 1200px; margin: 0 auto; text-align: left; }

.recruit{ position: relative;}
.recruit ul{}
.recruit ul li{ position: relative; float: left; width: 19.2%; height: 183px; margin-left: 1%; transform-origin: center; border-radius: 20px; text-align: center; padding: 15px; word-break: break-word;}
.recruit ul li:first-child{ background: #2d64c8 url(../images/main/date05.png) no-repeat right bottom; margin-left: 0;}
.recruit ul li:nth-child(2){ background: #4c71b7 url(../images/main/date01.png) no-repeat right bottom;}
.recruit ul li:nth-child(3){ background: #2694ba url(../images/main/date02.png) no-repeat right bottom;}
.recruit ul li:nth-child(4){ background: #37aaa4 url(../images/main/date03.png) no-repeat right bottom;}
.recruit ul li:last-child{ background: #7764aa url(../images/main/date04.png) no-repeat right bottom;}
.recruit ul li:hover{background-position: right -20px bottom; transition: all .2s; -webkit-transition: all .2s;}
.recruit ul li .tit{ display: block; font-size: 16px; color: #fff; margin: 3px 0 18px;}
.recruit ul li .txt{ color: #fff; font-size: 21px; font-weight: 600;}
.recruit ul li .bar{width: 39px; height: 2px; background: #fff; display: block; margin: 0 auto 12px;}




@media (max-width: 1499px){
   .inquire .inner{ width: 100%; }
   .inq_link .txt{ font-size: 1.2rem; }
}

@media (max-width: 1379px){
   #mcont .layout{ width: 100%; padding: 0 20px; }
   .inquire .inner{ padding: 50px 20px 0 400px; }
   .inq_call{ top: 50px; left: 20px; }
}

@media (max-width: 1299px){
	.recruit ul li{width: 49%; margin-top: 1%; height: auto;}
	.recruit ul li:first-child .tit, .recruit ul li:nth-child(2) .tit, .recruit ul li:nth-child(3) .tit, .recruit ul li:nth-child(4) .tit, .recruit ul li:last-child .tit{margin-top: 0px !important;}
	.recruit ul li:nth-child(3){margin-left: 0;}
	.recruit ul li a{ padding: 30px 280px 0 30px; }
	.inq_call{ width: 300px; }
	.inquire .inner{ padding-left: 320px; }
}

@media (max-width: 1023px){
	#mcont{ }
	.recruit ul li a{ padding: 30px; text-align: center; }
	.recruit ul li a .txt{ display: none; }
	.inquire .inner{ padding-left: 20px; background-position: 50% 50%; background-size: cover; padding: 20px;}
	
	#f_logo{background: #fff; padding: 10px 0;}
	#footer{background: #26303b; color: #b1b7c4; padding: 20px 0;}
	.foot_w{background: #0e1722;}
	
}

@media (max-width: 767px){
	
	.recruit{ margin-bottom: 2rem; }
	.recruit ul li{width: 100%; height: auto; margin: 2% 0 0;}
	.recruit ul li a{ padding: 20px 0 80px; }
	.recruit ul li a .tit{ font-size: .9rem; }
	#mcont .layout{padding: 0}
	

}


@media (max-width: 479px){
	.inq_call .tit,
	.inq_link .tit{ font-size: .5rem; }
	.inq_link .txt{ margin-bottom: 0; font-size: .8rem;}
	.inq_link .more{ display: none; }
	.inq_call .call{ font-size: 1.2rem; }
	.inq_call .txt{ top: 50px; font-size: .55rem; }
}
/*sp*/
.sp_w{display:flex; align-items:center;}
.sp_w span{padding-right:10px; font-weight:500;}
@media (max-width: 504px){
.sp_w span{font-size:14px;}
}
.sp_w ul{display:flex; align-items:center;}
.sp_w ul li{}
@media (max-width: 1899px){
.sp_w ul li img{max-width: 75%; display:block;}
}

.seoul_info ul{display:flex; gap:12px;}
@media (max-width: 504px){
	.seoul_info ul{gap:0px;}
	.seoul_info img{width:78%;}
}

/*footer*/
.foot_w{position:absolute; padding:23px; width:100%; border-top:1px solid #d6d6d6; box-shadow:0px 0px 10px 0px #d6d6d6;}
a.underline{background:#eaf5ff; font-weight:400; padding:0 5px; color:#0059ab;}
.btn01{box-sizing:border-box; border-radius:0.5em; background:linear-gradient(#f14f88,#e13974); color:#fff; padding:4px; font-size:16px; text-align:center; margin:0 auto;}