@charset "UTF-8";

.main .section2 .inner .lists .wrap{text-align: center;}
.main .section2 .inner .lists ul li{width:25%;position:relative;text-align: center;/* margin-top: 20px; */}
.main .section2 .inner .lists ul li:nth-child(3) .img{background: url(/template/centerC/images/main/sec2_list21.png) center no-repeat;}
.main .section2 .inner .lists ul li:nth-child(4) .img{background: url(/template/centerC/images/main/sec2_list22.png) center no-repeat;}
.main .section2 .inner .lists ul li:nth-child(4)::after{display:none}

.section3 .content_wrap{max-width: 1280px;}
.main .section3 .center_box{/* max-width:1832px; */margin: 0 auto;padding: 36px 0 0;}

.main .section2 .inner .lists{ padding-top: 8px;}
.main .section2 .inner .lists ul li a{flex-direction: row;}
.main .section2 .inner .lists ul li:after{}

.main .section2 .inner .lists ul li .text{ }

.main .section2 .inner .lists ul li .text b{margin-top:0;padding:0 10px;}
.main .section2 .inner .reservation .call_box .text .txt p:last-child  em{width: 1px;height: 10px; margin:0}
.main .section2 .inner .reservation .call_box .text .txt p:last-child em:after{display:none}
.main .section2 .inner .reservation .call_box .text .txt p:last-child{color: #777;}
/*
.main .section2 .inner .lists ul li:nth-child(1) .img{background: url(/template/centerC/images/main/sec2_list17.png) center no-repeat;}
.main .section2 .inner .lists ul li:nth-child(2) .img{background: url(/template/centerC/images/main/sec2_list18.png) center no-repeat;}
.main .section3 .center_box .center_lists div:first-child li:nth-child(1) a .img{background: url(/template/centerC/images/main/sec3_01.png) center no-repeat;}
.main .section3 .center_box .center_lists div:first-child  li:nth-child(2) a .img{background: url(/template/centerC/images/main/sec3_08.png) center no-repeat;}
.main .section3 .center_box .center_lists div:first-child  li:nth-child(3) a .img{background: url(/template/centerC/images/main/sec3_13.png) center no-repeat;}
.main .section3 .center_box .center_lists div:first-child  li:nth-child(4) a .img{background: url(/template/centerC/images/main/sec3_03.png) center no-repeat;}
.main .section3 .center_box .center_lists div:first-child  li:nth-child(5) a .img{background: url(/template/centerC/images/main/sec3_14.png) center no-repeat;}
.main .section3 .center_box .center_lists div:nth-child(2) li:nth-child(1) a .img{background: url(/template/centerC/images/main/sec3_12.png) center no-repeat;}
.main .section3 .center_box .center_lists div:nth-child(2) li:nth-child(2) a .img{background: url(/template/centerC/images/main/sec3_15.png) center no-repeat;}
.main .section3 .center_box .center_lists div:nth-child(2) li:nth-child(3) a .img{background: url(/template/centerC/images/main/sec3_16.png) center no-repeat;}
.main .section3 .center_box .center_lists div:nth-child(2) li:nth-child(4) a .img{background: url(/template/centerC/images/main/sec3_17.png) center no-repeat;}
.main .section3 .center_box .center_lists div:nth-child(2) li:nth-child(5) a .img{background: url(/template/centerC/images/main/sec3_10.png) center no-repeat;}

.main .section3 .center_box .center_lists div li a .img.n1{background: url(/template/centerC/images/main/sec3_01.png) center no-repeat;}
.main .section3 .center_box .center_lists div  li a .img.n2{background: url(/template/centerC/images/main/sec3_08.png) center no-repeat;}
.main .section3 .center_box .center_lists div  li a .img.n3{background: url(/template/centerC/images/main/sec3_13.png) center no-repeat;}
.main .section3 .center_box .center_lists div  li a .img.n4{background: url(/template/centerC/images/main/sec3_03.png) center no-repeat;}
.main .section3 .center_box .center_lists div  li a .img.n5{background: url(/template/centerC/images/main/sec3_14.png) center no-repeat;}

.main .section3 .center_box .center_lists div li a .img.n6{background: url(/template/centerC/images/main/sec3_12.png) center no-repeat;}
.main .section3 .center_box .center_lists div li a .img.n7{background: url(/template/centerC/images/main/sec3_15.png) center no-repeat;}
.main .section3 .center_box .center_lists div li a .img.n8{background: url(/template/centerC/images/main/sec3_16.png) center no-repeat;}
.main .section3 .center_box .center_lists div li a .img.n9{background: url(/template/centerC/images/main/sec3_16.png) center no-repeat !important;}
.main .section3 .center_box .center_lists div li a .img.n10{background: url(/template/centerC/images/main/sec3_11.png) center no-repeat !important;}
.main .section3 .center_box .center_lists div li a .img.n11{background: url(/template/centerC/images/main/sec3_10.png) center no-repeat !important;}
*/

.main .section4 .inner .content_wrap .tit{/* margin-right: 230px; */}
.main .section4 .inner .content_wrap .nur_lists{/* max-width: 195px; *//* width:100%; *//* right:0; *//* top:0; */}
.main .section4 .inner .content_wrap .nur_lists li{display:inline-block; float:left; position:relative}


@media screen and (max-width:1920px) {

  .main .section3 .center_box{padding: 36px 0;max-width: 100%;}

}

@media screen and (max-width:767px) {

  .main .section2{padding:31px 0 0;}
  .main .section2 .inner .lists ul li{margin: 0; }
  .main .section2 .inner .lists ul li .wrap{width:auto; position:relative}
  .main .section2 .inner .lists ul li:after{display: none;}
  .main .section2 .inner .lists ul li:last-child::after{display:none}
  .main .section2 .inner .lists ul li:nth-child(3){text-align: center;}
  .main .section2 .inner .lists ul li .text b{letter-spacing: -3px;}

  .main .section4 .inner .content_wrap .nur_lists{/* max-width:100%; */}
  .main .section4 .inner .content_wrap .nur_lists li{width:100%}
  .main .section4 .inner .content_wrap .nur_lists li a{text-align: left; padding-left: 0;}
  .main .section4 .inner .content_wrap .nur_lists li.active a:before{display:none}

}

@media screen and (max-width:639px) {

  .main .section2 .inner .lists{margin-top: 0;}
  .main .section2 .inner .lists ul{margin: 0;}


}
@media screen and (max-width:500px) {

  .main .section2{padding-bottom:5px}
  .main .section2 .inner .lists ul li{/* width:100%; *//* float:none; *//* text-align:left; *//* border-bottom:1px solid #ddd */}
  .main .section2 .inner .lists ul li:last-child{border-bottom: 0;}
  .main .section2 .inner .lists ul li:after{display:none}
  .main .section2 .inner .lists ul li .text b{/* font-size:18px ; */padding: 0;}


}


.main .section2 .inner .lists ul li .wrap {padding-top: 20px;padding-bottom: 15px;}
.main .section2 .inner .reservation .tit_box span {font-weight:500}
.main .section1 .left {padding-right: 0px;}

/*#visual {height: 100%;padding: 118px 0 78px;background: url(/images/ctc/main/sec1_bg.png) top no-repeat;background-size: cover;border-bottom-right-radius: 50px;}*/
#visual {height: 100%;padding: 118px 0 78px;background: url(/images/recruit/main/visual-img.jpg) center center no-repeat;background-size: cover;border-bottom-right-radius: 50px;}
@media screen and (max-width: 1550px) {
  #visual{background: url(/images/ctc/main/sec1_bg.png) top no-repeat;background-size: cover;}
}


@media (max-width:1371px) {
  .main .section2 .inner .reservation .call_box .text{}
  .main .section2 .inner .lists{padding-top:26px}
  .main .section2 .inner .lists ul li .wrap {padding-top:10px;}
  .main .section2 .inner .reservation .call_box .text .call_number {/* display:block; */}
}


@media screen and (max-width:1370px) {

  .main .section2 .inner .lists{max-width: 100%; padding-top: 0;}
  .main .section2 .inner .lists ul li{margin:25px 0}
  .main .section2 .inner .reservation .call_box .text .txt p{display:inline-block; margin-right: 28px;}

}


@media (max-width:768px) {
  .main .section2 .inner .reservation .call_box .text{
    padding-top: 0;
  }
  .main .section2 .inner .reservation .call_box .text .call_number{display:inline-block}
  .main .section2 .inner .reservation .call_box {/* padding-left:50px; */padding-bottom: 6px;}
  .main .section2 .inner .lists ul li .text b {margin-top:0px;}
  .main .section2 .inner .lists{padding-top: 12px;padding-bottom:16px;}
  #visual {margin-top:0px;}

}


@media (max-width:767px) {
  #visual {margin-top:0px;}
  #visual {margin-top:0px;}
}


@media (max-width:640px) {
  .main .section2 .inner .reservation{padding-bottom:15px;}
  .main .section2 .inner .lists{padding-top:0}
  
  .main .section3 p{font-size:14px;}
  .main .section2 .inner .reservation .call_box .text .call_number {margin-top:14px; margin-bottom: 5px;}
  .main .section2 .inner .reservation .call_box .text .txt {margin-top:-10px;}

}


@media (max-width:600px) {

  .main .section2 .inner .lists ul li{width:100%; margin:0}
  .main .section2 .inner .lists ul li:nth-child(2n){border-left:10px solid transparent}
  
}


@media (max-width:481px) {
  .main .section2 .inner .reservation .call_box .text .txt p {margin-top:10px;}
  .main .section2 .inner .reservation .call_box .text .txt p:nth-child(2),  .main .section2 .inner .reservation .call_box .text .txt p:last-child {margin-top:0px;}

  .main .section2 .inner .reservation .call_box {padding-left:8px;}
  .main .section2 .inner .reservation .call_box .text .call_number:after {margin-top:8px;}
}


/* visual */
#visual {overflow: hidden; position: relative;}
#visual .visual_bg {overflow: hidden;position: absolute;top: 0;left: 50%;max-width: calc(1920px - 170px);width: 100%;/* width: calc(100% - 85px); *//* width: -webkit-calc(100% - 85px); */height: 100%;background: url("/images/ctc/main/visual-img.jpg") center center;background-repeat: no-repeat;background-size: auto 100%;border-radius: 0 0 44px 0;z-index: 1;transform: translate(-50%, 0);}
#visual .visual_wrap {position: relative; margin: 0 auto; width: 1280px; z-index: 1;}
#visual .visual_wrap .title {margin-top: 155px;text-align: center;font-size: 53px;font-family: 'gmarket';font-weight: 600;color: #fff;text-shadow: -3px -2px 3px rgba(0,0,0,0.3);line-height: 1.2;}
#visual .visual_wrap .sub_title {margin-top: 10px;font-size: 22px;font-family:'gmarket';font-weight:400;color: #fff;text-align: center;text-shadow: 0px 0px 10px rgba(0,0,0,0.6);}
#visual .visual_wrap .employment_div {/* overflow: hidden; *//* margin-top: 0px; *//* min-height:215px; */}
#visual .visual_wrap .employment_div .announcement_div {float: left;}
#visual .visual_wrap .employment_div .announcement_div .tit {display: inline-block; padding: 0 22px; height: 45px; line-height: 50px; font-family: 'gmarket';font-weight:400; font-size: 20px; color: #fff; background: #006940; border-radius: 22px;}
#visual .visual_wrap .employment_div .announcement_div .txt {display: inline-block;margin-left: 6px;font-size: 16px;/* font-family: "gothic", sans-serif; */color: #fff;font-weight: bold;text-shadow: 0 0 5px rgba(0, 0, .24);}
#visual .visual_wrap .employment_div .announcement_div .txt span {color: #98cd49;}
#visual .visual_wrap .employment_div .more_btn {display: block; float: right; padding: 0 12px 0 15px; height: 45px; background: rgba(70, 148, 135, .06); border: 1px solid rgba(255, 255, 255, .4); border-radius: 22px;}
#visual .visual_wrap .employment_div .more_btn:hover {text-decoration: none;}
#visual .visual_wrap .employment_div .more_btn span {position: relative;padding-right: 27px;color: #fff;/* font-family: "gothic", sans-serif; */font-weight: 200;line-height: 43px;font-size: 15px;}
#visual .visual_wrap .employment_div .more_btn span:before {display: block;content: "";position: absolute;right: 0;top: 50%;width: 13px;height: 1px;background: #fff;transform: translate(0, -50%);}
#visual .visual_wrap .employment_div .more_btn span:after {display: block;content: "";position: absolute;right: 6px;top: 50%;width: 1px;height: 13px;background: #fff;transform: translate(0, -50%);}

#visual .slide_wrap {position: relative; margin: 0px auto 0px; width: 1294px; z-index: 10;}
#visual .slide_wrap .slide_list .slick-slide {margin: 0 14px;}
#visual .slide_wrap .slide_list .slide_item {height: 215px;}
#visual .slide_wrap .slide_list .slide_item:first-child {padding-left: 0;}
#visual .slide_wrap .slide_list .slide_item .slide {display: block; position: relative; padding: 27px 23px; width: 100%; height: 100%; background: rgba(255, 255, 255, .9); transition: all .4s ease; border: 8px solid rgba(255, 255, 255, 0);}
#visual .slide_wrap .slide_list .slide_item .slide:hover {background: #fff; border: 8px solid #006940; text-decoration: none;box-shadow: 6px 0 13px rgba(70, 148, 135, .27); }
#visual .slide_wrap .slide_list .slide_item .slide .type {margin-top: 15px;font-size: 18px;color: #3d3c39;text-align: center;font-family: 'gmarket';font-weight:400;position: relative;z-index: 2;height: 50px;overflow: hidden;}
#visual .slide_wrap .slide_list .slide_item .slide .num {position: relative;margin-top: 14px;text-align: center;font-size: 16px;color: #3d3c39;font-family: 'gmarket';font-weight:400;z-index: 1;}
#visual .slide_wrap .slide_list .slide_item .slide .num span {line-height: 1; font-size: 47px; color: #3d3c39; font-family: 'gmarket';font-weight:600;}
#visual .slide_wrap .slide_list .slide_item .slide .img {position: absolute; top: 55px; right: 22px;background: url("/template/centerA/images/main/sprite.png") no-repeat}

/* 비주얼 슬라이드 이미지 각각 너비를 따로 재어야 함 */

#visual .slide_wrap .slide_list .slide_item .slide .img1 {width: 59px; height: 71px; background-position: -1px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img2 {width: 71px; height: 74px; background-position: -63px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img3 {width: 72px; height: 57px; background-position: -137px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img4 {top: 70px; width: 74px; height: 42px; background-position: -212px 0px;}

#visual .slide_wrap .slide_list .slide_item .slide .img5 {width: 59px; height: 71px; background-position: -290px 10px;}
#visual .slide_wrap .slide_list .slide_item .slide .img6 {width: 57px; height: 64px; background-position: -350px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img7 {width: 72px; height: 69px; background-position: -408px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img8 {width: 58px; height: 72px; background-position: -481px 0px;}
#visual .slide_wrap .slide_list .slide_item .slide .img9 {width: 71px; height: 61px; background-position: -540px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img10 {width:58px; height: 68px; background-position: -614px 2px;}
#visual .slide_wrap .slide_list .slide_item .slide .img11 {width: 62px; height: 57px; background-position: -674px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img12 {width: 55px; height: 55px; background-position: -738px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img13 {width: 73px; height: 46px; background-position: -794px -1px;}

#visual .slide_wrap .slide_list .slide_item .slide .img14 {width: 55px; height: 68px; background-position: -1px -80px;}
#visual .slide_wrap .slide_list .slide_item .slide .img15 {width: 67px; height: 66px; background-position: -57px -78px;}
#visual .slide_wrap .slide_list .slide_item .slide .img16 {width: 93px; height: 68px; background-position: -126px -79px;}
#visual .slide_wrap .slide_list .slide_item .slide .img17 {width: 64px; height: 63px; background-position: -222px -78px;}


#visual .slide_wrap .slide_list .slide_item .slide:hover .num {color: #006940;}
#visual .slide_wrap .slide_list .slide_item .slide:hover .num span {color: #006940;}
#visual .slide_wrap .slide_list .slide_item .slide .go_txt {margin-top: 18px; padding-top: 20px; text-align: center; border-top: 1px solid rgba(232, 232, 232, .9);}
#visual .slide_wrap .slide_list .slide_item .slide .go_txt span {padding-right: 30px; color: #3d3c39; font-size: 15px; font-family: "gothic", sans-serif; background: url("/template/centerA/images/main/icon-go-link.png") no-repeat right 1px center;}
#visual .slide_wrap .slide_list .slide_item .slide:hover .go_txt span {background: url("/template/centerA/images/main/icon-go-link-on.png") no-repeat right 1px center;}
#visual .slide_wrap .slick-arrow {position: absolute; top: 50%; z-index: 30; width: 69px; height: 69px; font-size: 0; color: transparent; transform: translateY(-50%); border-radius: 50%; border: 1px solid #fff; transition: all .3s ease;}
#visual .slide_wrap .slick-arrow:hover {background: #7dc242; border: 1px solid #7dc242; box-shadow: 8px 0 9px rgba(0, 0, 0, .35);}
#visual .slide_wrap .slick-arrow.prev {left: calc(50% - 750px); background-position: -10px -10px;}
#visual .slide_wrap .slick-arrow.prev:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 22px; background: url("/template/centerA/images/main/sprite.png") no-repeat 0 -157px;}
#visual .slide_wrap .slick-arrow.next {right: calc(50% - 750px); background-position: -56px -10px;}
#visual .slide_wrap .slick-arrow.next:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 22px; background: url("/template/centerA/images/main/sprite.png") no-repeat -16px -157px;}


#visual .slide_wrap .slide_control {display: flex; align-items: center; justify-content: center; position: absolute; bottom: -43px; left: 0; z-index: 40; width: 100%; text-align: center;}
#visual .slide_wrap .slide_control button {display: block; font-size: 0; color: transparent; }
#visual .slide_wrap .slide_control .dots li {float: left;}
#visual .slide_wrap .slide_control .dots li:not(:first-child) {margin-left: 8px;}
#visual .slide_wrap .slide_control .dots li button {width: 7px; height: 7px; background-color: #e3e2e2; border-radius: 50%;}
#visual .slide_wrap .slide_control .dots li.slick-active button {width: 30px; background-color: #98cd49; border-radius: 4px;}
#visual .slide_wrap .slide_control .auto {margin-left: 14px; width: 11px; height: 11px; }
#visual .slide_wrap .slide_control .pause {width: 11px; height: 11px; background: url("/template/centerA/images/main/sprite.png") no-repeat -64px -157px; margin-left: 0;}
#visual .slide_wrap .slide_control .play {display: none; width: 7px; height: 11px; background: url("/template/centerA/images/main/sprite.png") no-repeat -78px -157px;}

@media screen and (min-width:1831px) {
  #visual .slide_list .slide_item img {width: 100%; max-width: none; height: auto;}
}
@media screen and (max-width:1830px) {
  #visual .slide_list .slide_item {position: relative;}
  #visual .slide_list .slide_item img {display: block; position: absolute; top: 0; left: 50%; width: 1830px; height: 700px; transform: translateX(-50%);}
  #visual .visual_wrap .slick-arrow.prev {left: calc(50% - 760px);}
  #visual .visual_wrap .slick-arrow.next {right: calc(50% - 760px);}
}
@media screen and (max-width:1700px) {
  #visual .visual_bg {width: 100%; border-radius: 0;}
  #visual .visual_wrap .slick-arrow.prev {left: 30px;}
  #visual .visual_wrap .slick-arrow.next {right: 120px;}
  #visual .visual_wrap .wrap {padding-left: 5%;}
}
@media screen and (max-width:1500px) {
  #visual .slide_wrap .slick-arrow.prev {left: -2%;}
  #visual .slide_wrap .slick-arrow.next {right: -2%;}
}
@media screen and (max-width:1400px) {
  #visual .visual_wrap {padding: 0 3.125%; width: 100%;}
  #visual .slide_wrap {width: 96%;}
  #visual .slide_wrap .slide_list .slide_item .slide {padding: 20px 15px 27px;}
  #visual .slide_wrap .slide_list .slide_item .slide .go_txt {padding-top: 15px;}
}

@media screen and (max-width:1240px) {
  #visual .visual_wrap .slick-arrow, #visual .visual_wrap .prev, #visual .visual_wrap .next {display: none;}
  #visual .visual_wrap .wrap {padding-left: 0;}
  #visual .visual_text {text-align: center;}
  #visual .visual_text .link_area {display: inline-block;}
  #visual .bg_text {display: none;}
  #visual .slide_wrap .slide_control {bottom: -50px;}
  #visual .slide_wrap .slick-arrow.prev {left: -2%;}
  #visual .slide_wrap .slick-arrow.next {right: -2%;}
}
@media screen and (max-width:1023px) {

  #visual .visual_wrap .title{font-size: 53px;}

  #visual .slide_wrap {width: 88%;}
  #visual .slide_wrap .slick-arrow.prev {left: -3%; width: 46px; height: 46px;}
  #visual .slide_wrap .slick-arrow.prev:before {transform: translate(-50%, -50%) scale(.7);}
  #visual .slide_wrap .slick-arrow.next {right: -3%; width: 46px; height: 46px;}
  #visual .slide_wrap .slick-arrow.next:before {transform: translate(-50%, -50%) scale(.7);}
  .main .section3 .center_box .slick_dots_wrap {display: none;}

}
@media screen and (max-width:768px) {
  #visual .slide_wrap {margin: 17px auto 85px;}
  #visual .visual_wrap .title {margin-top: 46px; font-size: 41px;}
  #visual .visual_wrap .sub_title {font-size: 18px; line-height: 24px;}
  #visual .visual_wrap .employment_div {/* margin-top: 35px; */}
  #visual .slide_wrap .slide_control {bottom: -60px;}
  #visual .slide_wrap .slick-arrow{background:#fff}
  #visual .slide_wrap .slick-arrow.prev:before,  #visual .slide_wrap .slick-arrow.next:before{width: 46px;height: 46px; transform: none;top:auto;background-size: 100%;position: relative;}
  #visual .slide_wrap .slick-arrow.prev:before{background:url(/images/common/m_pr.png);left: -2px;}
  #visual .slide_wrap .slick-arrow.next:before{background:url(/images/common/m_nx.png); left:auto; right:0}
  #visual .slide_wrap .slick-arrow.prev:hover::before,#visual .slide_wrap .slick-arrow.next:hover::before{  width: 13px; height: 22px; top: 50%; left: 50%; right:auto;transform: translate(-50%, -95%) scale(.6); }
  #visual .slide_wrap .slick-arrow.prev:hover::before{ background: url("/template/centerA/images/main/sprite.png") no-repeat 0 -157px;}
  #visual .slide_wrap .slick-arrow.next:hover::before{ background: url("/template/centerA/images/main/sprite.png") no-repeat -16px -157px;}
}
@media screen and (max-width:500px) {
  #visual .visual_wrap .employment_div .announcement_div .tit {height: 34px; line-height: 38px; font-size: 16px;}
  #visual .visual_wrap .employment_div .more_btn {position: absolute; bottom: -290px; left: 50%; transform: translateX(-50%);}
  #visual .slide_wrap {margin: 17px auto 106px;}
  #visual .slide_wrap .slide_control {bottom: -80px;}
}
@media screen and (max-width:480px) {
  #visual .visual3 .reserve_btn:after{display:none}
}
@media screen and (max-width:360px) {
  #visual .visual_wrap .title{font-size: 28px;}
}

#visual .visual_wrap .title {margin-top:0px;}
#visual .slide_wrap .slide_list .slide_item .slide .img {display:none;}

