@charset "UTF-8";

main {background-color: #fff;margin-top: 140px;}
#wrap {padding-bottom: 0;}
.contentWrap {margin: 0 auto;}
.content h2 {margin: 0 0 30px;color: #666;font-size: 1.6rem;font-weight: 300;line-height: 1.2;}
.content h2 strong {color: #222;font-size: 2.6rem;font-weight: 500;}

/* animation */
@keyframes quick {
    0% {margin-top: 0px;}
	50% {margin-top: 5px;}
	100% {margin-top: 10px;}
}
@keyframes quick2 {
    0% {margin-top: 0px;}
	50% {margin-top: 3px;}
	100% {margin-top: 6px;}
}

/* 메인비주얼 */
.main_visual {position: relative;}
.main_visual .swiper-slide {position: relative;overflow: hidden;height: 450px;display: flex;justify-content: center;}
.main_visual .slide_tool { position: absolute; z-index: 2; bottom: 125px; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; }
.main_visual .img {position: absolute;z-index: 1;left: 50%;top: 50%;width: 100%;height: 450px;transform: translate(-50%,-50%);background-image: url(../img/main/main_visual.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.main_visual .img img {width: 100%;}
.main_visual .txt_bx {position: relative;z-index: 2;width: 100%;max-width: 1200px;color: #ffef42;text-align: center;}
.main_visual .txt_bx .tit {margin-top:140px;font-family: 'GmarketSans';font-size: 4rem;font-weight: bold;line-height: 1;}
.main_visual .txt_bx .txt {margin-top: 35px;font-size: 1.8rem;font-weight: 500;}
.main_visual .txt_bx .stxt {display: block;margin-top: 15px;font-size: 1.5rem;}

/* swiper */
.swiper-pagination {position: static;}
.swiper-pagination .swiper-pagination-bullet {position: relative;background-color: #c8c8c8;width: 15px;height: 15px;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active {opacity: 1;background-color: #052849;width: 25px;border-radius: 30px;}
.swiper-pagination .swiper-pagination-bullet ~ .swiper-pagination-bullet {margin-left: 10px;}
[class*='swiper-button']{margin-top: 0;width: auto;height: auto;position: relative;right: auto;left: auto;top: 0;display: flex;align-items: center;justify-content: center;}
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next { position: absolute;top: 50%;transform: translateY(-50%);width: 25px; height: 49px; color: #052849;}
.main_visual .swiper-button-prev {left: 80px;}
.main_visual .swiper-button-next {right: 80px;}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity: 1;}
.swiper-button-play:before {font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "remixicon"; content: "\F012"; color: #000; font-size: 2.2rem; font-weight: bold}
.play_pause {margin-top: -5px;margin-left: 15px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.play_pause:hover {border-color: #000;}
.play_pause button {width: 40px;height: 40px;border: 1px solid #cbcccc;border-radius: 50%;transition: all .2s;}
.play_pause .swiper-button-pause:before,
.play_pause .swiper-button-pause:after { position: absolute;top: 50%;transform: translateY(-50%);display: block;content: "";background-color: #cbcccc;width: 3px;height: 11px;} 
.play_pause .swiper-button-pause::before {left: 14px;}
.play_pause .swiper-button-pause::after {right: 14px;}
.play_pause .swiper-button-play {display: none;top: 1px;left: 1px;}
.play_pause .swiper-button-play:before { content: "\F012";color: #cbcccc;line-height: 27px;margin-left: 1px;} 

.play_pause button:hover {border-color: #052849;}
.play_pause .swiper-button-pause:hover:before,
.play_pause .swiper-button-pause:hover:after  {background-color: #052849;}
.play_pause .swiper-button-play.on {border-color: #052849;}
.play_pause .swiper-button-play.on:before {color: #052849;}
@media screen and (max-width:1499px){
    
}
@media screen and (max-width:1299px){
    main {margin-top: 70px;}
    .main_visual .swiper-button-prev {left: 10px}
    .main_visual .swiper-button-next {right: 10px}
    .main_visual .swiper-slide:first-child .img {background-position: 50% 100%;background-size: 130%;background-color: #36b27a;}
    .main_visual .txt_bx .tit {margin-top: 80px;}
}
@media screen and (max-width:1199px){
   
}
@media screen and (max-width:767px){
    .main_visual .swiper-slide {height: 300px;}
    .main_visual .img {height: 300px;}
    .main_visual .swiper-slide:first-child .img {background-position: 80% 100%;background-size: 170%;}
    .main_visual .swiper-button-prev, .main_visual .swiper-button-next {display: none;}
    .main_visual .txt_bx {padding: 0 20px;text-align: left;}
    .main_visual .txt_bx .tit {margin-top: 50px;font-size: 3rem;}
    .main_visual .txt_bx .txt {font-size: 1.6rem;}
}
@media screen and (max-width:480px){



}

/************ 
컨텐츠
************/
/* major activity */
.con_bx {margin-top: 70px;}
.act_bx {display: flex;flex-wrap: wrap;margin-top: 30px;}
.act-list {overflow: hidden;width: calc(25% - 20px);height: 440px;background-color: #f6f6f6;border-radius: 10px;}
.act-list ~ .act-list {margin-left: 25px;}
.act-list dt {position: relative;height: 220px;}
.act-list i.num {position: absolute;top: -5px;left: -15px;z-index: 0;opacity: 0.15;color: #36b27a;font-size: 10rem;font-family: 'GmarketSans';font-style: normal;font-weight: bold;line-height: 1.1;}
.act-list .tit {position: absolute;top: 0;padding-top: 180px;width: 100%;color: #111;background-image: url(../img/comm/img_major01.png);background-repeat: no-repeat;background-size: 110px;background-position: 50% 40%;font-size: 2.2rem;font-weight: 600;line-height: 1.2;text-align: center;}
.act-list.list01 .tit {background-size: 110px;}
.act-list.list02 .tit {background-image: url(../img/comm/img_major02.png);}
.act-list.list03 .tit {background-image: url(../img/comm/img_major03.png);background-position: 60% 40%;}
.act-list.list04 .tit {background-image: url(../img/comm/img_major04.png);}
.act-list dd {margin: 5px 15px 20px 15px;color: #444;font-size: 1.6rem;}
.act-list .dot-list {text-align: left;}
.act-list .dot-list li {position: relative;padding-left: 7px;line-height: 1.25;}
.act-list .dot-list li ~ li {margin-top: 7px;}
.act-list .dot-list li::before {position: absolute;left:0;top: 12px;display: block;content: "";width: 2px;height: 2px;background-color: #4f4f4f;}

@media screen and (max-width:1299px){
    .act-list {height: auto;}
    .act-list dd {margin-top: 20px;}
}
@media screen and (max-width:767px){
    .act-list {width: calc(50% - 15px);}
    .act-list:nth-child(2n-1) {margin-left: 0;}
    .act-list:nth-child(n+3):nth-child(-n+4) {margin-top: 25px;}
}
@media screen and (max-width:480px){
    .act-list {width: 100%;}
    .act-list ~ .act-list {margin-left: 0;}
    .act-list:nth-child(n+2):nth-child(-n+4) {margin-top: 15px;}
}

/************ 
배너존
************/
.info_container {display: flex;flex-wrap: wrap;margin: 70px 0 20px;height: 220px;}
.call_bx {width: 370px;}
.loc_bx {position: relative;margin-left: 30px;width: calc(100% - 400px);}

.call_bx .call {max-width: 350px;height: 150px;background-color: #fff4ea;border-radius: 10px;border: 1px solid #f3e7db;text-align: center;}
.call_bx .call  a {padding: 25px 15px;display: inline-block;width: 100%;height: 100%;}
.call_bx .call p {color: #e85106;font-size: 2.4rem;font-weight: bold;letter-spacing: -0.05em;line-height: 1.25;}

.loc_bx h2 {padding-right: 85px;}
.loc_bx h2 strong {padding-right: 20px;}
.loc_bx .txt {position: relative;padding: 10px 20px;height: 100%;display: flex;flex-direction: column;}
.loc_bx p {flex: none;}
.loc_bx .swiper-slide:not(:first-child) .txt:before {position: absolute;top: 5px;left: -1px;display: inline-block;content: '';width: 1px;height: calc(100% - 10px);background-color: #d0ccd2;}
.loc_bx .tit {margin-bottom: 5px;color: #038e4f;line-height: 1.5;}
.loc_bx .tit strong {font-size: 2rem;font-weight: 600;}
.loc_bx .address {margin-bottom: 10px;;color: #444;line-height: 1.31;}
.loc_bx .phone {line-height: 1.3;margin-top: auto;}
.loc_bx .swiper-container {height: 150px;border: 1px solid #d0ccd2;border-radius: 10px;}
.loc_bx .swiper-wrapper {display: flex;}
.loc_bx .swiper-slide {height: 100%;}
.loc_bx .btn_bx {position: absolute;top: 15px;right: 0;display: flex;width: 85px;height: 20px;border: 1px solid #d2d2d2;}
.btn_bx button {padding: 5px;width: 27px;height: 18px;}
.btn_bx .swiper-button-next:after, .swiper-button-prev:after {color: #000;font-size: 1.6rem;font-weight: bold;display: none;}
.btn_bx .swiper-button-prev {background: url('../img/comm/icon_prev.png') no-repeat center #fff;}
.btn_bx .swiper-button-next {border-left:1px solid #d0ccd2;background: url('../img/comm/icon_next.png') no-repeat center #fff;}
.btn_bx .plus-btn {padding: 5px;width: 27px;height: 18px;border-left:1px solid #d0ccd2;background: url('../img/comm/icon_plus.png') no-repeat center #fff;}

@media screen and (max-width:1440px){
    .info_container {height: 350px;}
    .call_bx {flex: 0.7;}
    .call_bx .call {margin-top: 25px;}
    .loc_bx {flex: 1;}
}
@media screen and (max-width:1280px){
    .loc_bx .swiper-container {height:250px;}
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:767px){
    .con_bx {margin-top: 35px;}
    .info_container {height: auto;margin-top: 35px;}
    .call_bx {flex: auto;order: 2;width: 100%;;margin-top: 35px;}
    .call_bx .call {margin-top: 30px;}
    .loc_bx {flex: auto;width: 100%;margin-left: 0;}
    .loc_bx h2 {padding-right: 0;}
    .loc_bx h2 strong {display: block;margin-bottom: 5px;}
    .loc_bx .swiper-container {height: 170px;}
    .loc_bx .btn_bx {top: 0;}
}
@media screen and (max-width:480px){
    .call_bx .call {max-width: inherit;}
    .loc_bx .swiper-container {height: auto;}
    .loc_bx .swiper-slide:not(:first-child) .txt:before {display: none;}
}