@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/


.main .swiper-notification {position:absolute;}

:root{
	--main-color:transparent;
	--transition-custom: all 0.3s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out;
	--transition-custom-2: all 0.2s ease-in-out; 
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
	--font-family-mont: 'Montserrat', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-gmarket: 'GmarketSans', 'Montserrat', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

.main article {position:relative;}
.main article .main_bg {z-index:0; position:absolute; left:0; top:0; width:100%; height: 100%; }
.main article .main_bg:before,
.main article .main_bg:after {content:''; display: block; position:absolute; background-size:contain; background: url(../images/main/main_bg0101.png) no-repeat 50% 50%; background-size:contain;}
.main article .main_bg:before {left:0; bottom:50px; width:700px; max-width:60%;  height: 611px; background-position:0% 100%;}
.main article .main_bg:after {top:660px; right:0; width:700px; max-width:60%; height: 1080px; background-image: url(../images/main/main_bg0102.png); background-position:100% 0; }

.main article .in_cover {z-index:10; position:relative; margin-top:-145px; }
.main article .in_cover .in_w {padding-bottom:7.5rem; }
@media (max-width:960px) {
	.main article .in_cover {margin-top:-8.75rem;}
	.main article .in_cover .in_w {padding-bottom: 5rem;}
}

.main .swiper-pagination-progressbar {position:absolute; left:0; right:0; bottom:0; height: 3px; width:100%; background:#fff;}
.main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height: 100%; background:#f26532;}
.main .btn_autoPlay {background: url(../images/main/main_icon_play_pause.png) no-repeat 50% 50%; background-size:contain;}
.main .btn_autoPlay.btn_stop {background-image: url(../images/main/main_icon_play_pause.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main/main_icon_play_play.png);}
.main .swiper-button-prev,
.main .swiper-button-next { background: url(../images/main/main_icon_play_arwL.png) no-repeat 50% 50%; background-size:contain;}
.main .swiper-button-next {background-image: url(../images/main/main_icon_play_arwR.png);}

.main_vis_w { position:relative; }
.main_vis {position:relative; }

.main_vis_swiper {}
.main_vis_swiper .swiper-slide { position:relative;}
.main_vis_swiper .swiper-slide > img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_vis_swiper .tit {display: flex; justify-content: center;	align-items: center; position:relative; padding:120px 25px 260px; height: 705px; box-sizing: border-box;}
.main_vis_swiper .tit .t {font-size:50px; font-weight: 600; color:#fff; text-align: center; font-family: var(--font-family-gmarket);}
@media (max-width:960px) {
	.main_vis_swiper .tit {height:40rem; }
	.main_vis_swiper .tit .t { font-size: 2.75rem; }
}
@media (max-width:840px) {
	.main_vis_swiper .tit {height: 35rem;}
	.main_vis_swiper .tit .t {font-size: 2.25rem;}
}



.main_vis .swiper_controll_w {display: flex; align-items: center; gap:0.5rem; z-index: 10; position:absolute; left:50%; bottom:210px;  transform: translateX(-50%); box-sizing: border-box;}
.main_vis .swiper_controll_w > div {position:relative; left:auto; top:auto; right:auto; bottom:auto; margin:0; width:auto;}
.main_vis .swiper_controll_w .swiper-control {display: flex;}

.main_vis .swiper_controll_w .swiper-pagination-bullets {display: flex; gap:0.75rem; margin-right:0.5rem;}
.main_vis .swiper_controll_w .swiper-pagination-bullet {  width:0.75rem; height: 0.75rem; background:rgba(255,255,255,0.6); opacity: 1;}
.main_vis .swiper_controll_w .swiper-pagination-bullet-active {background:#ef6538;}
.main_vis .swiper_controll_w .swiper-button-prev,
.main_vis .swiper_controll_w .swiper-button-next,
.main_vis .swiper_controll_w .swiper-control .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; min-width:1rem; height: 1rem;}
.main_vis .swiper_controll_w .swiper-pagination-fraction {position:relative; top:-1px; margin-left:0.5rem; color:#fff;}
.main_vis .swiper_controll_w .swiper-pagination-fraction .swiper-pagination-current {color:#ef6538;}
@media (max-width:960px) {
	.main_vis .swiper_controll_w {bottom:12.5rem;}
}


.main_bann_box {}
.main_bann_w {display: flex; gap:50px; padding:50px; color:#fff; background:#f16639 url(../images/main/main_bann_bg.jpg) no-repeat 50% 50%; background-size:cover; }
.main_bann_w ul {display: flex; flex-wrap: wrap; width:63%; max-width:750px;}
.main_bann_w ul > li {flex:1; min-width:24%; border:1px solid #f5977a; margin-right:-1px; margin-top:-1px;}
.main_bann_w ul > li img { width:5.875rem; max-width: 60%; }
.main_bann_w ul a,
.main_bann_w ul p {display: flex; justify-content: center; align-items: center; height: 5.875rem; text-align: center; font-size:1.0625rem; font-weight: 500; font-family: var(--font-family-gmarket); box-sizing: border-box;}
.main_bann_w ul a {padding:1rem; word-break: keep-all;}

.main_bann_txt {flex:1; display: flex; flex-direction: column; position:relative;}
.main_bann_txt dt,
.main_bann_txt dd {display: block;}

.main_bann_txt dt {position:relative; padding-top:2.5rem; font-size:1.75rem; font-weight: 600; font-family: var(--font-family-gmarket);}
.main_bann_txt dt:before {content:''; display: block; position:absolute; left:0; top:-6px; width:18.25rem; max-width:100%; height: 31px; background: url(../images/main/main_bann_bg03.png) no-repeat 0% 50%; background-size:contain;}
.main_bann_txt dt span {position:relative;}
.main_bann_txt dd.x {flex:1; margin-top:0.25rem; font-weight: 200;}
.main_bann_txt dd .btn {width:10rem; height: 2.625rem; background:#c8461a; border-color:#c8461a;}
.main_bann_txt dd .btn span {color:#fff; font-weight: 200;}
.main_bann_txt dd .btn .b_icon {width:1.625rem; height: 0.625rem; background: url(../images/main/main_icon_arw01_w.png) no-repeat 50% 50%; background-size:contain;}

.main_bann_box .img_w { position:relative; }
.main_bann_box .img_w .main_bann_logo { position:absolute; left:50%; top:100%; transform: translate(-50%, -45%); max-width:38%;}
@media (max-width:960px) { 
	.main_bann_w { flex-direction: column; gap: 2rem 2.5rem; padding: 2.5rem; background-position:70% 50%;}
	.main_bann_w ul {width:100%; max-width:100%;}

	.main_bann_txt .btn_w { position:absolute; right:0; bottom:0;}
}
@media (max-width:640px) { 
	.main_bann_w {padding: 5vw 5vw 2.25rem; }

	.main_bann_txt dt {padding-top:0;}
	.main_bann_txt dt:before {left:auto; right:0; max-width:60%;}
	.main_bann_txt .btn_w {position:relative; margin-top:1rem; }
}
@media (max-width:560px) { 
	.main_bann_w ul > li {flex:none; width:calc(33.3% - 1px); }
	.main_bann_w ul > li:nth-child(3),
	.main_bann_w ul > li:nth-child(6), 
	.main_bann_w ul > li:last-child {flex:1;  width:auto;}

	.main_bann_w ul a,
	.main_bann_w ul p {height: 5rem;}

	.main_bann_box .img_w {position:relative; height: 7rem;}
	.main_bann_box .img_w img.main_bann_img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
}

.main_cnt_txt {display: flex; align-items: flex-end; gap:1.5rem 2rem; position:relative; padding: 3.75rem 4rem 6.5rem;}
.main_cnt_txt dt { font-family: var(--font-family-gmarket);}
.main_cnt_txt dt .tx {font-size:1.125rem; letter-spacing: 1px; font-weight: 400;}
.main_cnt_txt dt .tt {margin-top:1.25rem; font-size:45px; font-weight: 400; line-height: 1.2;}
.main_cnt_txt dd {flex:1; margin-right:-20px; line-height: 1.8; font-weight: 200;}
.main_cnt_txt:before {content:'MISSION&VISION'; display: block; position:absolute; right:0; bottom:0; color:#f0f0f0; font-size:50px; font-weight: 600; letter-spacing: 35px; text-align: justify; font-family: var(--font-family-gmarket); }
@media (max-width:1160px) { 
	.main_cnt_txt:before {margin-right:-2vw; width:100%; text-align: center; font-size: 4vw; letter-spacing: 3.5vw;}
}
@media (max-width:960px) { 
	.main_cnt_txt { align-items: flex-start; flex-direction: column; padding: 5rem 5% 6.5rem;}
	.main_cnt_txt dt .tt br {display: none;}
	.main_cnt_txt dd {margin-right:0;}
}
@media (max-width:768px) { 
	.main_cnt_txt {    gap: 1rem 2rem;}
	.main_cnt_txt dt .tt { font-size: 2.5rem; }
}
@media (max-width:640px) { 
	.main_cnt_txt { padding: 5rem 4% 4rem; }
	.main_cnt_txt dt .tt {	font-size: 2rem; }
}


.main_quick_list {display: flex; padding:30px 0;}
.main_quick_list > li {flex:1; position:relative; padding:0 1.25rem; text-align: center;}
.main_quick_list > li + li:before {content:''; display: block; position:absolute; left:0; top:60px; width:1px; height: 240px; background:#d8d8d8;}
.main_quick {display: flex; flex-direction: column;    align-items: center; position:relative; font-family: var(--font-family-gmarket);}
.main_quick .img {margin-bottom:1.875rem; width:10.625rem; height:10.625rem; background:#fff url(../images/main/main_quick0101.png) no-repeat 50% 50%; background-size:6.25rem auto; border:1px solid #fad8cb; box-shadow: 1.25rem 1.25rem 1.5rem rgba(242,101,50,0.1); border-radius: 50%; box-sizing: border-box;}
.main_quick .img.img0101 { background-image: url(../images/main/main_quick0101.png); }
.main_quick .img.img0102 { background-image: url(../images/main/main_quick0102.png); }
.main_quick .img.img0103 { background-image: url(../images/main/main_quick0103.png); }
.main_quick .t {margin-bottom:1rem; font-size:25px; font-weight: 500;}
.main_quick .x {line-height: 1.6;}
@media (max-width:1024px) { 
	.main_quick_list {margin-left:-1.25rem; margin-right:-1.25rem;}
	.main_quick .img { width: 8.5rem;  height: 8.5rem;  background-size: 4.5rem auto; }
	.main_quick .t { font-size: 1.375rem; }	
}
@media (max-width:960px) { 
	.main_quick .img { width: 7.5rem;  height: 7.5rem;  background-size: 4rem auto; box-shadow: 0.75rem 0.75rem 1rem rgba(242,101,50,0.1);  }
	.main_quick .t { font-size: 1.25rem; }	
	.main_quick .x {font-size:0.9375rem;}
}
@media (max-width:768px) { 
	.main_quick_list { flex-direction: column;  margin:0; margin-top:2rem; padding:0; text-align: left; }
	.main_quick_list > li {padding:1.75rem 0; text-align: left;}
	.main_quick_list > li + li:before { left:7.5rem; top:0; bottom:auto; width:calc(100% - 7.5rem); height: 1px; }
	.main_quick { flex-direction: row; display: block; padding-left:7.5rem;}
	.main_quick .img,
	.main_quick .t {margin:0;}
	.main_quick .t {margin-bottom:0.625rem;}
	.main_quick .img {position:absolute; left:0.25rem; top: -0.25rem;  width: 5.5rem;	height: 5.5rem;	background-size: 3rem auto;}
	.main_quick .x {}
	.main_quick .x br {display: none;}
}