:root {
    --color-blue : #01449E; 
    --color-green : #15B689;
    --color-sky : #1385E3;
    --color-red : #FF0000;
    --font-out : "Outfit", sans-serif;
    --font-pop : "Poppins", sans-serif;
    --font-ral : "Raleway", sans-serif;
    --font-mont : "Montserrat", sans-serif;
    --border-color : #E3E3E3;
    --filter-white : brightness(0) invert(1);;
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto;}


/* HEADER */
.header {position: fixed; top: 0; left: 0; background: #fff; height:80px; padding:0 40px; position:fixed; top:0; z-index:100; width:100%; border-bottom: 1px solid transparent;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner > div{display:flex; align-items:center;}
.header h1 a img{height: 35px; display: block;}
.header h1 a img.logo_ov{display:none;}
.header .gnb{display:flex; gap:0 120px;}
.header .gnb > li{position:relative;}
.header .gnb > li > a{font-size: 19px; color: #000; font-weight: 600; letter-spacing: -0.6px; display: block; line-height: 80px;}
.header .gnb > li > a:hover {color: var(--color-blue);}
.header .gnb_2depth_bg {position:absolute; width:100%; height: 220px; border-top: 1px solid var(--border-color); background: #F8F8F8; top:100%; left:0; overflow: hidden; display:none;}
.header .gnb_2depth_bg::after {content: ""; background: url('/img/main/allMenu_bg.png') no-repeat center/cover; position: absolute; bottom: 0; left: 206px; width: 243px; height: 210px;}
.header .gnb_2depth_bg .inner{position:relative;}
.header .gnb_2depth{position:absolute; top:calc(100% + 40px); display:none;}
.header .gnb_2depth li + li{margin-top:15px;}
.header .gnb_2depth li a{font-size: 18px; font-weight: 400; color: #6D6D6D; display: block; min-width: 180px;}
.header .gnb_2depth li a:hover {color: var(--color-blue); text-decoration: underline; text-underline-offset: 4px;}
.header .head_rt {display: flex; align-items: center; gap: 0 37px;}
.header .member {display: flex !important; align-items: center; gap: 0 40px;}
.header .member a {position: relative; font-size: 14px; font-weight: 400; color: #000;}
.header .member a + a::before {content: ""; width: 1px; height: 12px; background:#0000004D; position: absolute; top: 50%; transform: translateY(-50%); left: -20px;}
.header .member .login {display: flex; align-items: center; gap: 0 10px;}
.header .member .login img {width: 22px;}
.all_menu_btn{width: 30px; cursor:pointer;}
.head_mob_btn{display:none;}
.head_bg{display:none;}
.header:hover .gnb_2depth{display:block;}
.header:hover .gnb_2depth_bg{display:block;}
.header.fixed{border-bottom: 1px solid var(--border-color);}

/* all menu */
.head_bg {display: none;}
.all_menu{display:none; position:fixed; width:100%; height:100%; z-index:5000; background: #F8F8F8F2;}
.all_menu::after {content: ""; position: absolute; right: 0; bottom: 0; width: 580px; height: 502px; background: url('/img/main/allMenu_bg.png') no-repeat center/cover;}
.all_menu .inner{position:relative;}
.all_menu_close{position:absolute; right:50px; top:60px; width:45px; cursor:pointer; z-index: 1;}
.all_menu_close img{width:100%;}
.all_menu .title{padding-top:115px; text-align: center;}
.all_menu .title img {width: 200px;}
.all_menu_list{margin-top:133px; display:flex;}
.all_menu_list dl{width:25%;}
.all_menu_list dl:hover dt {color: var(--color-blue);}
.all_menu_list dl + dl{border-left:1px solid #D8D8D8; padding-left:40px;}
.all_menu_list dt{font-size:30px; font-weight:700; margin-bottom:40px;}
.all_menu_list dd + dd{margin-top:15px;}
.all_menu_list dd a{font-size:18px; font-weight: 400; color: #6D6D6D;}
.all_menu_list dd a:hover {color: var(--color-blue); text-decoration: underline; text-underline-offset: 4px;}

/* quick */
.quick {position: fixed; right: 50px; bottom: 50px; z-index: 100;}
.quick li {width: 70px; height: 70px; background: #3395E5; border-radius: 20px;}
.quick li a {display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.quick li a img {width: 28px; height: auto;}

/* footer */
#footer {margin-top: 130px; background: var(--color-blue); padding: 70px 0 64px;}
#footer .inner {display: flex; align-items: flex-end; justify-content: space-between;}
#footer .logo img {width: 220px;}
#footer .menu {margin-top: 38px;}
#footer .menu p {display: flex; align-items: center; gap: 0 15px;}
#footer .menu span {font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -1px; line-height: 1.6;}
#footer .copy {margin-top: 15px; font-size: 16px; color: #fff; letter-spacing: -.4px; line-height: 1.6;}
#footer .sns {display: flex; align-items: center; justify-content: flex-end; gap: 0 10px;}
#footer .sns img {width: 30px; opacity: .5;}
#footer .term {margin-top: 37px; display: flex; align-items: center; justify-content: flex-end; gap: 0 40px;}
#footer .term a {position: relative; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -1px; line-height: 1.6;}
#footer .term a + a::before {content: ""; width: 1px; height: 15px; background: #fff; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); left: -20px;}
#footer .term a strong {font-weight: 700;}

/** main 공통 **/
/* main_tit */
.main_tit {font-size: 50px; font-weight: 700; color: #000; letter-spacing: -1px; line-height: 1.2;}
/* sub_tit */
.sub_tit {font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -.8px; line-height: 1.5;}
/* moreBtn */
.moreBtn {position: relative; background: #000; border-radius: 30px; width: 157px; height: 50px; display: inline-block; overflow: hidden;}
.moreBtn::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; border-radius: 100%; left: 100%; background: var(--color-blue); width: 100px; height: 130%; transition: all .3s;}
.moreBtn:hover::after {transform: translateY(-50%) scale(4.3);}
.moreBtn span {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 0 10px; font-size: 14px; font-weight: 500; color: #fff; width: 100%; height: 100%; font-family: var(--font-pop); padding-left: 6px;}
.moreBtn img {width: 15px;}
/* swiper-button */
.swiper-button-prev,
.swiper-button-next {margin: 0;}
.swiper-button-prev::after,
.swiper-button-next::after {display: none;}
/* circle_arrow_hover */
.circle_arrow {overflow: hidden; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 3.75px 15px 0px #64646F33;}
.circle_arrow img {position: relative; z-index: 1; width: 19px;}
.circle_arrow.swiper-button-prev img {transform: rotate(180deg);}
.btn_fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: var(--color-blue); transition: width 0.7s, height 0.7s;}
.circle_arrow:hover .btn_fill {width: 15rem; height: 15rem;}

/** main **/
#main_wrap {margin-top: 80px;}
/* visual */
#main_wrap .visual .swiper-container {position: relative;}
#main_wrap .visual .swiper-slide {height: 750px;}
#main_wrap .visual .swiper-slide > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main_wrap .visual .arrow {margin: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto;}
#main_wrap .visual .arrow::after {display: none;}
#main_wrap .visual .arrow_big {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;}
#main_wrap .visual .arrow_big.swiper-button-prev {left: 5px;}
#main_wrap .visual .arrow_big.swiper-button-next {right: 5px;}
#main_wrap .visual .arrow_big img {width: 80px;}
#main_wrap .visual .txt {position: absolute; top: 184px; left: 50%; transform: translateX(-50%); width: 100%;}
#main_wrap .visual .txt em {font-size: 16px; font-weight: 700; color: var(--color-sky); line-height: 1.18;}
#main_wrap .visual .txt h2 {margin-top: 10px; font-size: 55px; font-weight: 700; color: #000; letter-spacing: -2px; line-height: 1.18;}
#main_wrap .visual .txt p {margin-top: 19px; font-size: 20px; font-weight: 500; color: #6D6D6D; line-height: 1.5;}
#main_wrap .visual .txt .moreBtn {margin-top: 36px; display: flex; align-items: center; justify-content: center; gap: 0 10px; width: 157px; height: 50px; border-radius: 30px; border: 1px solid #6D6D6D; background: transparent; transition: all .3s;}
#main_wrap .visual .txt .moreBtn::after {background: var(--color-green);}
#main_wrap .visual .txt .moreBtn span {color: #6D6D6D; font-size: 14px; font-weight: 500;}
#main_wrap .visual .txt .moreBtn img {width: 15px; transition: all .3s;}
#main_wrap .visual .txt .moreBtn:hover {background: var(--color-green); border-color: var(--color-green);}
#main_wrap .visual .txt .moreBtn:hover span {color: #fff;}
#main_wrap .visual .txt .moreBtn:hover img {filter: var(--filter-white);}
#main_wrap .visual .bot {position: absolute; left: 50%; transform: translateX(-50%); bottom: 187px; width: 100%; display: flex; align-items: center; gap: 0 15px; z-index: 10;}
#main_wrap .visual .bot .arrow_cont {display: flex; align-items: center; gap: 0  15px;}
#main_wrap .visual .bot .arrow_cont .arrow {position: relative;}
#main_wrap .visual .swiper-pagination {position: relative; margin: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; display: flex; align-items: center; gap: 0 10px;}
#main_wrap .visual .swiper-pagination-bullet {width: 50px; height: 3px; border-radius: 0; position: relative; overflow: hidden; margin: 0 !important; opacity: 1; background: #CDCDCD;}
#main_wrap .visual .swiper-pagination-bullet::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s;}
#main_wrap .visual .swiper-pagination-bullet-active {background: #CDCDCD;}
#main_wrap .visual .swiper-pagination-bullet-active::before {background-color: #000; animation: slide-progress 3.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
#main_wrap .visual .swiper-pagination.paused-animation .swiper-pagination-bullet-active::before {animation-play-state: paused;}
#main_wrap .visual .pause img {width: 25px; cursor: pointer;}
@keyframes slide-progress {
    0% {  
        transform: translateX(-100%); 
    } 
    100% {  
        transform: translateX(0); 
    }
}
#main_wrap .visual .menu {padding-left: 160px; margin-top: -75px; position: relative; z-index: 1;}
#main_wrap .visual .menu ul {display: flex; align-items: center; justify-content: flex-start; background: var(--color-blue);}
#main_wrap .visual .menu li {position: relative; width: 440px; box-sizing: border-box; padding: 15px; box-sizing: border-box;}
#main_wrap .visual .menu li:first-child {width: 351px;}
#main_wrap .visual .menu li + li::before {content: ""; width: 1px; height: 60px; background: #fff; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
#main_wrap .visual .menu li a {display: flex; align-items: center; justify-content: center; gap: 0 30px; padding: 30px 0; font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -1px; line-height: 1.5; transition: all .3s;}
#main_wrap .visual .menu li:hover a {background: #fff; color: var(--color-blue);}
#main_wrap .visual .menu li:hover img {filter: none;}
#main_wrap .visual .menu li img {width: 60px; filter: var(--filter-white); transition: all .3s;}
/* sec1 */
#main_wrap .sec1 {padding: 130px 0 50px; text-align: center;}
#main_wrap .sec1 em {margin-top: 20px; font-size: 16px; font-weight: 700; color: #5297D0; line-height: 1.18; display: block;}
#main_wrap .sec1 .sub_tit {margin-top:55px; position: relative;}
#main_wrap .sec1 .sub_tit img {position: absolute; left: 0; top: -55px; width: 100%; z-index: -1;}
#main_wrap .sec1 .moreBtn {margin-top: 45px;}
#main_wrap .sec1 .scroll {margin-top: 63px;} 
#main_wrap .sec1 .scroll p {font-size: 20px; font-weight: 500; color: #000; line-height: 1.2;}
#main_wrap .sec1 .main-scroll-icon{position: relative; margin: 13px auto 0; width: 1px; height: 80px; background: #0000004D; overflow: hidden;}
#main_wrap .sec1 .main-scroll-icon span{position: absolute;display: block;width: 100%; height: 30px; background: #000; top: 0; left: 0; animation: scroll-icon-ani 2.5s ease-in-out infinite;}
@keyframes scroll-icon-ani {
	0% {
		top:-40px;
		opacity:0;
	}
	10% {
		top:-40px;
		opacity:1;
	}
	32% {
		top:-40px;
		opacity:1;
	}
	80% {
		top:60px;
		opacity:1;
	}
	100% {
		top:60px;
		opacity:0;
	}
}
/* sec2 */
#main_wrap .sec2 {display: flex; align-items: center; height: 650px;}
#main_wrap .sec2 > div {width: 50%; height: 100%;}
#main_wrap .sec2 .left {position: relative; overflow: hidden;}
#main_wrap .sec2 .left::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #01449ECC; opacity: 0; transition: all .3s;}
#main_wrap .sec2 .left .txt {position: absolute; top: 261px; left: 160px; color: #fff; z-index: 1;}
#main_wrap .sec2 .left .txt em {font-size: 16px; font-weight: 700; letter-spacing: -.4px; line-height: 1.6;}
#main_wrap .sec2 .left .txt h2 {margin-top: 19px; font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 1.25;}
#main_wrap .sec2 .left .txt p {margin-top: 19px; font-size: 20px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5;}
#main_wrap .sec2 .left .moreBtn {margin-top: 35px; background: transparent; border:1px solid #fff; position: relative; z-index: 1;}
#main_wrap .sec2 .left .moreBtn img {filter: var(--filter-white);}
#main_wrap .sec2 .left .moreBtn::after {background: #fff;}
#main_wrap .sec2 .left > img {width: 100%; height: 100%; object-fit: cover;}
#main_wrap .sec2 .left:hover::after {opacity: 1;}
#main_wrap .sec2 .left:hover .moreBtn::after {transform: translateY(-50%) scale(4.3);}
#main_wrap .sec2 .left:hover .moreBtn span {color: var(--color-blue);}
#main_wrap .sec2 .left:hover .moreBtn img {filter: brightness(1) invert(0);}
#main_wrap .sec2 .right > div {height: 50%;}
#main_wrap .sec2 .right .top {background: var(--color-sky);}
#main_wrap .sec2 .right .bot {background: var(--color-green);}
#main_wrap .sec2 .right a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 143px 0 106px; color: #fff;}
#main_wrap .sec2 .right a > div {display: flex; align-items: center; gap: 0 60px;}
#main_wrap .sec2 .right img.icon {width: 80px;}
#main_wrap .sec2 .right em {font-size: 16px; font-weight: 700; letter-spacing: -.4px; line-height: 1.6;}
#main_wrap .sec2 .right h2 {margin-top: 10px; font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 1.25;}
#main_wrap .sec2 .right p {margin-top: 10px; font-size: 20px; font-weight: 500; letter-spacing: -.8px; line-height: 1.5;}
#main_wrap .sec2 .right .view {width: 80px; height: 80px; border-radius: 100%; transition: all .3s; display: flex; align-items: center; justify-content: center;}
#main_wrap .sec2 .right .view img {width: 50px; filter: var(--filter-white); transition: all .2s;}
#main_wrap .sec2 .right > div:hover .view {background: #fff;}
#main_wrap .sec2 .right > div:hover .view img {filter: none;}
/* sec3 */
#main_wrap .sec3 {padding: 125px 0 105px; background: #F3F6FC; text-align: center;}
#main_wrap .sec3 .sub_tit {margin-top: 20px;}
#main_wrap .sec3 .mySwiper {margin-top: 50px;}
#main_wrap .sec3 .swiper-wrapper {margin-left: 27px;}
#main_wrap .sec3 .swiper-slide {width: 450px; margin-right: 60px;}
#main_wrap .sec3 .swiper-slide .img {display: block; width: 100%; height: 310px; border-radius: 50px 0 50px 0; overflow: hidden; position: relative;}
#main_wrap .sec3 .swiper-slide .img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #01449EE5 url('/img/main/sec3_plus.svg') no-repeat center/60px auto; opacity: 0; transition: all .3s;}
#main_wrap .sec3 .swiper-slide:hover .img::after {opacity: 1;}
#main_wrap .sec3 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main_wrap .sec3 .swiper-slide .info {text-align: left; margin-top: 40px;}
#main_wrap .sec3 .swiper-slide .info span {font-size: 18px; font-weight: 400; color: #8E8E8E; font-family: var(--font-out);}
#main_wrap .sec3 .swiper-slide .info p {margin-top: 10px; font-size: 25px; font-weight: 500; color: #222; letter-spacing: -1px; line-height: 1.4; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#main_wrap .sec3 .arrow {top: 115px; background: #000;}
#main_wrap .sec3 .arrow.swiper-button-prev {left: 186px;}
#main_wrap .sec3 .arrow.swiper-button-prev img {transform: rotate(180deg);}
#main_wrap .sec3 .arrow.swiper-button-next {right: 190px;}
#main_wrap .sec3 .arrow::after {display: none;}
#main_wrap .sec3 .moreBtn {margin-top: 40px;}
/* sec4 */
#main_wrap .sec4 .inner {position: relative; padding: 125px 0 115px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid var(--border-color);}
#main_wrap .sec4 .inner::before {content: ""; background: url('/img/main/allMenu_bg.png') no-repeat center/contain; width: 410px; height: 355px; position: absolute; top: 320px; left: 226px;}
#main_wrap .sec4 .sub_tit {margin-top: 20px;}
#main_wrap .sec4 .moreBtn {margin-top: 40px; background: #fff; border: 1px solid #6D6D6D;}
#main_wrap .sec4 .moreBtn span {color: #6D6D6D;}
#main_wrap .sec4 .moreBtn:hover {border-color: var(--color-blue);}
#main_wrap .sec4 .moreBtn:hover span {color: #fff;}
#main_wrap .sec4 .moreBtn:hover img {filter: var(--filter-white);}
#main_wrap .sec4 .cont {width: 900px;}
#main_wrap .sec4 .cont li + li {margin-top: 25px;}
#main_wrap .sec4 .cont .tit {border-radius: 0 35px 0 35px; border: 1px solid #6D6D6D; padding: 0 80px 0 35px; font-size: 20px; font-weight: 500; color: #000; letter-spacing: -.6px; line-height: 90px; height: 90px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; background: #fff;}
#main_wrap .sec4 .cont .tit::after {content: ""; background: url('/img/main/sec4_arrow.svg') no-repeat center/cover; width: 24px; height: 24px; position: absolute; right: 35px; top: 50%; transform: translateY(-50%);}
#main_wrap .sec4 .cont .cont {display: none; margin-top: 25px; border-radius: 20px; background: #EAF8F4; padding: 38px 37px;}
#main_wrap .sec4 .cont .cont p {font-size: 16px; font-weight: 500; color: #222; line-height: 1.75; position: relative; padding-left: 26px; word-break: break-all;}
#main_wrap .sec4 .cont .cont p::before {content: "A."; position: absolute; top: 0; left: 0;}
#main_wrap .sec4 .cont .tit.active {background: var(--color-green); color: #fff; border-color: var(--color-green);}
#main_wrap .sec4 .cont .tit.active::after {filter: var(--filter-white);}
/* sec5 */
#main_wrap .sec5 {text-align: center; padding: 68px 0 6px;}
#main_wrap .sec5 .sub_tit {margin-top: 20px;}
#main_wrap .sec5 .swiper_cont {margin-top: 50px; position: relative;}
#main_wrap .sec5 .swiper {width: calc(100% - 200px); overflow: hidden;}
#main_wrap .sec5 .swiper-wrapper {margin: 0 auto;}
#main_wrap .sec5 .swiper-slide {width: 335px; height: 100px; border: 1px solid #D9D9D9; display: flex; align-items: center; justify-content: center; margin-right: 20px; overflow: hidden;}
#main_wrap .sec5 .logo1 img {width: 238px;}
#main_wrap .sec5 .logo2 img {width: 173px;}
#main_wrap .sec5 .logo3 {background: #ED2A24; border: 0;}
#main_wrap .sec5 .logo3 img {width: 228px;}
#main_wrap .sec5 .logo4 img {width: 182px;}
#main_wrap .sec5 .circle_arrow {top: 50%; transform: translateY(-50%); border: .75px solid #000;}
#main_wrap .sec5 .circle_arrow.swiper-button-prev {left: 0;}
#main_wrap .sec5 .circle_arrow.swiper-button-next {right: 0;}
#main_wrap .sec5 .circle_arrow img {filter: brightness(1) invert(1); transition: all .3s;}
#main_wrap .sec5 .circle_arrow .btn_fill {background: #000;}
#main_wrap .sec5 .circle_arrow:hover img {filter: brightness(1) invert(0);}


@media screen and (max-width:1640px){
    /* 공통 */
    .inner{max-width:100%; padding: 0 2.44vw;}

    /* HEADER */
    .header {height:4.88vw; padding:0; top:0;}
    .header h1 a img{height: 2.13vw;}
    .header .gnb{gap:0 7.32vw;}
    .header .gnb > li > a{font-size: 1.16vw; letter-spacing: -0.04vw; line-height: 4.88vw;}
    .header .gnb_2depth_bg {height: 13.41vw; top:100%; left:0;}
    .header .gnb_2depth_bg::after {left: 12.56vw; width: 14.82vw; height: 12.80vw;}
    .header .gnb_2depth{ top:calc(100% + 2.44vw);}
    .header .gnb_2depth li + li{margin-top:0.91vw;}
    .header .gnb_2depth li a{font-size: 1.10vw; min-width: 10.98vw;}
    .header .gnb_2depth li a:hover {text-underline-offset: 0.24vw;}
    .header .head_rt {gap: 0 2.26vw;}
    .header .member {gap: 0 2.44vw;}
    .header .member a {font-size: 0.85vw;}
    .header .member a + a::before {width: 0.06vw; height: 0.73vw; left: -1.22vw;}
    .header .member .login {gap: 0 0.61vw;}
    .header .member .login img {width: 1.34vw;}
    .all_menu_btn{width: 1.83vw;}

    /* all menu */
    .all_menu::after {width: 35.37vw; height: 30.61vw;}
    .all_menu_close{ right:3.05vw; top:3.66vw; width:2.74vw;}
    .all_menu .title{padding-top:7.01vw;}
    .all_menu .title img {width: 12.20vw;}
    .all_menu_list{margin-top:8.11vw;}
    .all_menu_list dl + dl{ padding-left:2.44vw;}
    .all_menu_list dt{font-size:1.83vw; margin-bottom:2.44vw;}
    .all_menu_list dd + dd{margin-top:0.91vw;}
    .all_menu_list dd a{font-size:1.10vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.24vw;}

    /* quick */
    .quick {right: 3.05vw; bottom: 3.05vw;}
    .quick li {width: 4.27vw; height: 4.27vw; border-radius: 1.22vw;}
    .quick li a img {width: 1.71vw;}

    /* footer */
    #footer {margin-top: 7.93vw; padding: 4.27vw 0 3.90vw;}
    #footer .logo img {width: 13.41vw;}
    #footer .menu {margin-top: 2.32vw;}
    #footer .menu p {gap: 0 0.91vw;}
    #footer .menu span {font-size: 0.98vw; letter-spacing: -0.06vw;}
    #footer .copy {margin-top: 0.91vw; font-size: 0.98vw; letter-spacing: -0.02vw;}
    #footer .sns {gap: 0 0.61vw;}
    #footer .sns img {width: 1.83vw;}
	#footer .term {margin-top: 1.91vw; gap: 0 2.44vw;}
    #footer .term a {font-size: 0.98vw; letter-spacing: -0.06vw;}
    #footer .term a + a::before {width: 0.06vw; height: 0.91vw; left: -1.22vw;}

    /** main 공통 **/
    /* main_tit */
    .main_tit {font-size: 3.05vw; letter-spacing: -0.06vw;}
    /* sub_tit */
    .sub_tit {font-size: 1.22vw; letter-spacing: -0.05vw;}
    /* moreBtn */
    .moreBtn {border-radius: 1.83vw; width: 9.57vw; height: 3.05vw;}
    .moreBtn::after {width: 6.10vw; height: 130%;}
    .moreBtn span {gap: 0 0.61vw; font-size: 0.85vw; padding-left: .5vw;}
    .moreBtn img {width: 0.91vw;}
    /* circle_arrow_hover */
    .circle_arrow {width: 3.66vw; height: 3.66vw;}
    .circle_arrow img {width: 1.16vw;}
    .circle_arrow.swiper-button-prev img {}
    .btn_fill {transition: width 0.7s, height 0.7s;}
    .circle_arrow:hover .btn_fill {width: 15rem; height: 15rem;}

    /** main **/
    #main_wrap {margin-top: 4.88vw;}
    /* visual */
    #main_wrap .visual .swiper-slide {height: 45.73vw;}
    #main_wrap .visual .arrow_big.swiper-button-prev {left: 0.30vw;}
    #main_wrap .visual .arrow_big.swiper-button-next {right: 0.30vw;}
    #main_wrap .visual .arrow_big img {width: 4.88vw;}
    #main_wrap .visual .txt {top: 11.22vw; padding: 0 6vw;}
    #main_wrap .visual .txt em {font-size: 0.98vw;}
    #main_wrap .visual .txt h2 {margin-top: 0.61vw; font-size: 3.35vw; letter-spacing: -0.12vw;}
    #main_wrap .visual .txt p {margin-top: 1.16vw; font-size: 1.22vw;}
    #main_wrap .visual .bot {padding: 0 6vw;}
    #main_wrap .visual .txt .moreBtn {margin-top: 2.20vw; gap: 0 0.61vw; width: 9.57vw; height: 3.05vw; border-radius: 1.83vw;}
    #main_wrap .visual .txt .moreBtn span {font-size: 0.85vw;}
    #main_wrap .visual .txt .moreBtn img {width: 0.91vw;}
    #main_wrap .visual .bot {bottom: 11.40vw; gap: 0 0.91vw;}
    #main_wrap .visual .bot .arrow_cont {gap: 0 0.91vw;}
    #main_wrap .visual .swiper-pagination {gap: 0 0.61vw;}
    #main_wrap .visual .swiper-pagination-bullet {width: 3.05vw; height: 0.18vw;}
    #main_wrap .visual .pause img {width: 1.52vw;}
    #main_wrap .visual .menu {padding-left: 9.76vw; margin-top: -4.57vw;}
    #main_wrap .visual .menu li {width: 26.83vw; padding: 0.91vw;}
    #main_wrap .visual .menu li:first-child {width: 21.40vw;}
    #main_wrap .visual .menu li + li::before {width: 0.06vw; height: 3.66vw;}
    #main_wrap .visual .menu li a {gap: 0 1.83vw; padding: 1.83vw 0; font-size: 1.34vw; letter-spacing: -0.06vw;}
    #main_wrap .visual .menu li a img {width: 3.2vw;}
    /* sec1 */
    #main_wrap .sec1 {padding: 7.93vw 0 3.05vw;}
    #main_wrap .sec1 em {margin-top: 1.22vw; font-size: 0.98vw;}
    #main_wrap .sec1 .sub_tit {margin-top:3.35vw;}
    #main_wrap .sec1 .sub_tit img {top: -3.35vw;}
    #main_wrap .sec1 .moreBtn {margin-top: 2.74vw;}
    #main_wrap .sec1 .scroll {margin-top: 3.84vw;} 
    #main_wrap .sec1 .scroll p {font-size: 1.22vw;}
    #main_wrap .sec1 .main-scroll-icon{ margin: 0.79vw auto 0; width: 0.06vw; height: 4.88vw;}
    #main_wrap .sec1 .main-scroll-icon span{ height: 1.83vw;}
    @keyframes scroll-icon-ani {
        0% {
            top:-2.44vw;
                }
        10% {
            top:-2.44vw;
                }
        32% {
            top:-2.44vw;
                }
        80% {
            top:3.66vw;
                }
        100% {
            top:3.66vw;
                }
    }
    /* sec2 */
    #main_wrap .sec2 {height: 39.63vw;}
    #main_wrap .sec2 .left .txt {top: 15.91vw; left: 9.76vw;}
    #main_wrap .sec2 .left .txt em {font-size: 0.98vw; letter-spacing: -0.02vw;}
    #main_wrap .sec2 .left .txt h2 {margin-top: 1.16vw; font-size: 2.44vw; letter-spacing: -0.06vw;}
    #main_wrap .sec2 .left .txt p {margin-top: 1.16vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    #main_wrap .sec2 .left .moreBtn {margin-top: 2.13vw;}
    #main_wrap .sec2 .right a {padding: 0 1.83vw 0 3.48vw;}
    #main_wrap .sec2 .right a > div {gap: 0 3.66vw;}
    #main_wrap .sec2 .right img.icon {width: 4.88vw;}
    #main_wrap .sec2 .right em {font-size: 0.98vw; letter-spacing: -0.02vw;}
    #main_wrap .sec2 .right h2 {margin-top: 0.61vw; font-size: 2.44vw; letter-spacing: -0.06vw;}
    #main_wrap .sec2 .right p {margin-top: 0.61vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    #main_wrap .sec2 .right .view {width: 4.88vw; height: 4.88vw;}
    #main_wrap .sec2 .right .view img {width: 2.13vw;}
    /* sec3 */
    #main_wrap .sec3 {padding: 7.62vw 0 6.40vw;}
    #main_wrap .sec3 .sub_tit {margin-top: 1.22vw;}
    #main_wrap .sec3 .mySwiper {margin-top: 3.05vw;}
    #main_wrap .sec3 .swiper-wrapper {margin-left: 1.65vw;}
    #main_wrap .sec3 .swiper-slide {width: 27.44vw; margin-right: 3.66vw;}
    #main_wrap .sec3 .swiper-slide .img {height: 18.90vw; border-radius: 3.05vw 0 3.05vw 0;}
    #main_wrap .sec3 .swiper-slide .img::after {background-size: 3.66vw auto;}
    #main_wrap .sec3 .swiper-slide .info {margin-top: 2.44vw;}
    #main_wrap .sec3 .swiper-slide .info span {font-size: 1.10vw;}
    #main_wrap .sec3 .swiper-slide .info p {margin-top: 0.61vw; font-size: 1.52vw; letter-spacing: -0.06vw;}
    #main_wrap .sec3 .arrow {top: 7.01vw;}
    #main_wrap .sec3 .arrow.swiper-button-prev {left: 11.34vw;}
    #main_wrap .sec3 .arrow.swiper-button-next {right: 11.59vw;}
    #main_wrap .sec3 .moreBtn {margin-top: 2.44vw;}
    /* sec4 */
    #main_wrap .sec4 .inner {padding: 7.62vw 0 7.01vw; max-width: calc(100% - 4.88vw);}
    #main_wrap .sec4 .inner::before {width: 25.00vw; height: 21.65vw; left: 13.78vw; top: 19.6vw;}
    #main_wrap .sec4 .sub_tit {margin-top: 1.22vw;}
    #main_wrap .sec4 .moreBtn {margin-top: 2.44vw;}
    #main_wrap .sec4 .cont {width: 54.88vw;}
    #main_wrap .sec4 .cont li + li {margin-top: 1.52vw;}
    #main_wrap .sec4 .cont .tit {border-radius: 0 2.13vw 0 2.13vw; padding: 0 4.88vw 0 2.13vw; font-size: 1.22vw; letter-spacing: -0.04vw; line-height: 5.49vw; height: 5.49vw;}
    #main_wrap .sec4 .cont .tit::after {width: 1.46vw; height: 1.46vw; right: 2.13vw;}
    #main_wrap .sec4 .cont .cont {margin-top: 1.52vw; border-radius: 1.22vw; padding: 2.32vw 2.26vw;}
    #main_wrap .sec4 .cont .cont p {font-size: 0.98vw; padding-left: 1.59vw;}
    /* sec5 */
    #main_wrap .sec5 {padding: 4.15vw 0 0.37vw;}
    #main_wrap .sec5 .sub_tit {margin-top: 1.22vw;}
    #main_wrap .sec5 .swiper_cont {margin-top: 3.05vw;}
    #main_wrap .sec5 .swiper {width: calc(100% - 12.20vw);}
    #main_wrap .sec5 .swiper-slide {width: 20.43vw; height: 6.10vw; margin-right: 1.22vw;}
    #main_wrap .sec5 .logo1 img {width: 14.51vw;}
    #main_wrap .sec5 .logo2 img {width: 10.55vw;}
    #main_wrap .sec5 .logo3 img {width: 13.90vw;}
    #main_wrap .sec5 .logo4 img {width: 11.10vw;}
}



@media screen and (max-width:1280px){
    /* 공통 */
    .inner{max-width:100%; padding: 0 3.13vw;}

    /* HEADER */
    .header {height:4.69vw;}
    .header h1 a img{height: 2.3vw;}
    .header .gnb{gap:0 7.32vw;}
    .header .gnb > li > a{font-size: 1.09vw; letter-spacing: -0.03vw; line-height: 4.69vw;}
    .header .gnb_2depth_bg {height: 12.11vw;}
    .header .gnb_2depth_bg::after {left: 5.47vw; width: 13.36vw; height: 11.56vw;}
    .header .gnb_2depth{ top:calc(100% + 2.34vw);}
    .header .gnb_2depth li + li{margin-top:0.78vw;}
    .header .gnb_2depth li a{font-size: 1.02vw; min-width: 10.94vw;}
    .header .gnb_2depth li a:hover {text-underline-offset: 0.23vw;}
    .header .head_rt {gap: 0 2.58vw;}
    .header .member {gap: 0 2.19vw; display: none !important;}
    .header .member a {font-size: 0.94vw;}
    .header .member a + a::before {width: 0.08vw; height: 0.63vw; left: -1.09vw;}
    .header .member .login {gap: 0 0.55vw;}
    .header .member .login img {width: 1.48vw;}
    .all_menu_btn{width: 1.88vw;}

    /* all menu */
    .all_menu::after {width: 33.98vw; height: 29.45vw;}
    .all_menu_close{ right:2.97vw; top:3.52vw; width:2.66vw;}
    .all_menu .title{padding-top:6.72vw;}
    .all_menu .title img {width: 11.72vw;}
    .all_menu_list{margin-top:7.81vw;}
    .all_menu_list dl + dl{ padding-left:2.34vw;}
    .all_menu_list dt{font-size:1.72vw; margin-bottom:2.34vw;}
    .all_menu_list dd + dd{margin-top:0.86vw;}
    .all_menu_list dd a{font-size:1.09vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.23vw;}

    /* quick */
    .quick {right: 3.13vw; bottom: 3.13vw;}
    .quick li {width: 4.30vw; height: 4.30vw; border-radius: 1.02vw;}
    .quick li a img {width: 1.72vw;}

    /* footer */
    #footer {margin-top: 6.88vw; padding: 3.44vw 0 2.97vw;}
    #footer .logo img {width: 11.33vw;}
    #footer .menu {margin-top: 1.95vw;}
    #footer .menu p {gap: 0 0.78vw;}
    #footer .menu span {font-size: 0.94vw; letter-spacing: -0.05vw;}
    #footer .copy {margin-top: 0.78vw; font-size: 0.94vw; letter-spacing: -0.02vw;}
    #footer .sns {gap: 0 0.63vw;}
    #footer .sns img {width: 1.95vw;}
	#footer .term {margin-top: 1.94vw; gap: 0 2.03vw;}
    #footer .term a {font-size: 0.94vw; letter-spacing: -0.05vw;}
    #footer .term a + a::before {width: 0.08vw; height: 0.78vw; left: -1.02vw;}

    /** main 공통 **/
    /* main_tit */
    .main_tit {font-size: 3.13vw; letter-spacing: -0.10vw;}
    /* sub_tit */
    .sub_tit {font-size: 1.09vw; letter-spacing: -0.08vw;}
    /* moreBtn */
    .moreBtn {border-radius: 1.72vw; width: 9.38vw; height: 2.97vw;}
    .moreBtn::after {width: 5.86vw; height: 130%;}
    .moreBtn span {gap: 0 0.55vw; font-size: 0.86vw; padding-left: .5vw;}
    .moreBtn img {width: 1.09vw;}
    /* circle_arrow_hover */
    .circle_arrow {width: 3.52vw; height: 3.52vw;}
    .circle_arrow img {width: 1.09vw;}
    .circle_arrow.swiper-button-prev img {}
    .btn_fill {transition: width 0.7s, height 0.7s;}
    .circle_arrow:hover .btn_fill {width: 15rem; height: 15rem;}

    /** main **/
    #main_wrap {margin-top: 4.69vw;}
    /* visual */
    #main_wrap .visual .swiper-slide {height: 43.91vw;}
    #main_wrap .visual .arrow_big.swiper-button-prev {left: 0.39vw;}
    #main_wrap .visual .arrow_big.swiper-button-next {right: 0.39vw;}
    #main_wrap .visual .arrow_big img {width: 4.14vw;}
    #main_wrap .visual .txt {top: 14.30vw; padding: 0 6.25vw;}
    #main_wrap .visual .txt em {font-size: 0.94vw;}
    #main_wrap .visual .txt h2 {margin-top: 0.63vw; font-size: 3.13vw; letter-spacing: -0.10vw;}
    #main_wrap .visual .txt p {margin-top: 1.09vw; font-size: 1.09vw;}
    #main_wrap .visual .bot {padding: 0 6.25vw;}
    #main_wrap .visual .txt .moreBtn {margin-top: 0.94vw; gap: 0 0.55vw; width: 9.45vw; height: 2.97vw; border-radius: 1.56vw;}
    #main_wrap .visual .txt .moreBtn span {font-size: 0.86vw;}
    #main_wrap .visual .txt .moreBtn img {width: 1.09vw;}
    #main_wrap .visual .txt .moreBtn {margin-top: 0.94vw; gap: 0 0.55vw;}
    #main_wrap .visual .bot {bottom: 10.70vw; gap: 0 0.78vw;}
    #main_wrap .visual .bot .arrow_cont {gap: 0 0.78vw;}
    #main_wrap .visual .swiper-pagination {gap: 0 0.55vw;}
    #main_wrap .visual .swiper-pagination-bullet {width: 2.58vw; height: 0.16vw;}
    #main_wrap .visual .pause img {width: 1.33vw;}
    #main_wrap .visual .menu {padding-left: 3.13vw; margin-top: -3.91vw;}
    #main_wrap .visual .menu li {width: 25.78vw; padding: 0.78vw 0.70vw;}
    #main_wrap .visual .menu li:first-child {width: 20.47vw;}
    #main_wrap .visual .menu li + li::before {width: 0.08vw; height: 3.13vw;}
    #main_wrap .visual .menu li a {gap: 0 1.56vw; padding: 1.56vw 0; font-size: 1.25vw; letter-spacing: -0.05vw;}
    #main_wrap .visual .menu li a img {width: 3.13vw;}
    /* sec1 */
    #main_wrap .sec1 {padding: 6.64vw 0 2.58vw;}
    #main_wrap .sec1 em {margin-top: 1.02vw; font-size: 0.94vw;}
    #main_wrap .sec1 .sub_tit {margin-top:2.89vw;}
    #main_wrap .sec1 .sub_tit img {top: -3.20vw;}
    #main_wrap .sec1 .moreBtn {margin-top: 2.27vw;}
    #main_wrap .sec1 .scroll {margin-top: 3.44vw;} 

    #main_wrap .sec1 .scroll p {font-size: 1.09vw;}
    #main_wrap .sec1 .main-scroll-icon{ margin: 0.55vw auto 0; width: 0.08vw; height: 4.14vw;}
    #main_wrap .sec1 .main-scroll-icon span{ height: 1.56vw;}
    @keyframes scroll-icon-ani {
        0% {
            top:-1.56vw;
                }
        10% {
            top:-1.56vw;
                }
        32% {
            top:-1.56vw;
                }
        80% {
            top:4.30vw;
                }
        100% {
            top:4.30vw;
                }
    }
    /* sec2 */
    #main_wrap .sec2 {height: 33.83vw;}
    #main_wrap .sec2 .left .txt {top: 13.59vw; left: 3.13vw;}
    #main_wrap .sec2 .left .txt em {font-size: 0.94vw; letter-spacing: -0.02vw;}
    #main_wrap .sec2 .left .txt h2 {margin-top: 1.02vw; font-size: 2.19vw; letter-spacing: -0.05vw;}
    #main_wrap .sec2 .left .txt p {margin-top: 1.02vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    #main_wrap .sec2 .left .moreBtn {margin-top: 1.56vw;}
    #main_wrap .sec2 .right a {padding: 0 2.34vw 0 4.45vw;}
    #main_wrap .sec2 .right a > div {gap: 0 2.97vw;}
    #main_wrap .sec2 .right img.icon {width: 4.30vw;}
    #main_wrap .sec2 .right em {font-size: 0.94vw; letter-spacing: -0.02vw;}
    #main_wrap .sec2 .right h2 {margin-top: 0.63vw; font-size: 2.19vw; letter-spacing: -0.05vw;}
    #main_wrap .sec2 .right p {margin-top: 0.63vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    #main_wrap .sec2 .right .view {width: 4.30vw; height: 4.30vw;}
    #main_wrap .sec2 .right .view img {width: 2.73vw;}
    /* sec3 */
    #main_wrap .sec3 {padding: 6.48vw 0 5.39vw;}
    #main_wrap .sec3 .sub_tit {margin-top: 1.09vw;}
    #main_wrap .sec3 .mySwiper {margin-top: 2.66vw;}
    #main_wrap .sec3 .swiper-wrapper {margin-left: 1.56vw;}
    #main_wrap .sec3 .swiper-slide {width: 23.44vw; margin-right: 3.13vw;}
    #main_wrap .sec3 .swiper-slide .img {height: 16.17vw; border-radius: 2.58vw 0 2.58vw 0;}
    #main_wrap .sec3 .swiper-slide .img::after {background-size: 3.13vw auto;}
    #main_wrap .sec3 .swiper-slide .info {margin-top: 2.03vw;}
    #main_wrap .sec3 .swiper-slide .info span {font-size: 1.09vw;}
    #main_wrap .sec3 .swiper-slide .info p {margin-top: 0.55vw; font-size: 1.33vw; letter-spacing: -0.05vw;}
    #main_wrap .sec3 .arrow {top: 5.63vw;}
    #main_wrap .sec3 .arrow.swiper-button-prev {left: 10.16vw;}
    #main_wrap .sec3 .arrow.swiper-button-next {right: 10.16vw;}
    #main_wrap .sec3 .moreBtn {margin-top: 2.42vw;}
    /* sec4 */
    #main_wrap .sec4 .inner {padding: 6.56vw 0 5.78vw; max-width: calc(100% - 6.25vw);}
    #main_wrap .sec4 .inner::before {width: 22.03vw; height: 19.06vw; left: 17.89vw; top: 16vw;}
    #main_wrap .sec4 .sub_tit {margin-top: 1.17vw;}
    #main_wrap .sec4 .moreBtn {margin-top: 2.19vw;}
    #main_wrap .sec4 .cont {width: 46.88vw;}
    #main_wrap .sec4 .cont li + li {margin-top: 1.33vw;}
    #main_wrap .sec4 .cont .tit {border-radius: 0 1.80vw 0 1.80vw; padding: 0 4.69vw 0 1.80vw; font-size: 1.09vw; letter-spacing: -0.03vw; line-height: 4.69vw; height: 4.69vw;}
    #main_wrap .sec4 .cont .tit::after {width: 1.41vw; height: 1.41vw; right: 1.80vw;}
    #main_wrap .sec4 .cont .cont {margin-top: 1.33vw; border-radius: 1.80vw; padding: 1.80vw 1.95vw;}
    #main_wrap .sec4 .cont .cont p {font-size: 0.94vw; padding-left: 1.56vw;}
    /* sec5 */
    #main_wrap .sec5 {padding: 3.52vw 0 0;}
    #main_wrap .sec5 .sub_tit {margin-top: 1.17vw;}
    #main_wrap .sec5 .swiper_cont {margin-top: 2.19vw;}
    #main_wrap .sec5 .swiper {width: calc(100% - 12.19vw);}
    #main_wrap .sec5 .swiper-slide {width: 19.53vw; height: 5.23vw; margin-right: 1.16vw;}
    #main_wrap .sec5 .logo1 img {width: 13.91vw;}
    #main_wrap .sec5 .logo2 img {width: 10.08vw;}
    #main_wrap .sec5 .logo3 img {width: 13.28vw;}
    #main_wrap .sec5 .logo4 img {width: 10.63vw;}
}



@media screen and (max-width:768px){
    .pc {display: none !important;}
    .mob {display: block !important;}

    /* 공통 */
    .inner{max-width:100%; padding: 0 3.13vw;}

    /* HEADER */
    .header {height:15.63vw;}
    .header h1 a img{height: 6.51vw;}
    .head_mob_btn {width: 6.25vw;}

    /* all menu */
    .head_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 1000;}
    .head_bg .head_bg_inner {padding: 13.02vw 0;}
    .head_bg .head_bg_close {position: fixed; top: 4.43vw; right: 2.86vw;}
    .head_bg .head_bg_close img {width: 6.25vw;}
    .head_bg .head_bg_logo {text-align: center;}
    .head_bg .head_bg_logo img {width: 39.06vw;}
    .head_bg .mem_info {display: flex; align-items: flex-start; gap: 0 5.21vw; margin-top: 6.51vw; padding: 0 5.73vw;}
    .head_bg .profile {width: 15.63vw; height: 15.63vw; overflow: hidden;}
    .head_bg .profile img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .head_bg .mem_info .name {font-size: 3.65vw;}
    .head_bg .mem_info .name strong {font-size: 4.69vw; margin-right: 1.69vw;}
    .head_bg .log_box {margin-top: 2.34vw; display: flex !important; align-items: center; gap: 0 2.60vw; padding: 0;}
    .head_bg .log_box a {width: 23.44vw; height: 8.98vw; text-align: center; display: block; line-height: 8.98vw; font-size: 3.65vw; font-weight: 700; border: 0.13vw solid #000;}
    .head_bg .log_box a.logout {color: #fff; background: #000;}
    .head_bg .log_box a.mypage {color: #000; background: #fff;}
    .head_bg .member {margin-top: 10.42vw; gap: 0 7.29vw; display: flex; align-items: center; gap: 0 7.29vw; padding: 0 5.21vw;}
    .head_bg .member a {position: relative; font-size: 3.65vw;}
    .head_bg .member a + a::before {content: ""; width: 0.26vw; height: 2.60vw; position: absolute; top: 50%; transform: translateY(-50%); left: -3.65vw; background: #0000004D;}
    .head_bg .member .login {gap: 0 1.82vw; display: flex; align-items: center;}
    .head_bg .member .login img {width: 4.95vw;}
    .head_bg .accordion {margin-top: 9.11vw;}
    .head_bg .accordion .link {position: relative; padding: 3.39vw 5.73vw; font-size: 4.17vw; font-weight: 700; color: #000; line-height: 1.6; border-top: 0.26vw solid var(--border-color);}
    .head_bg .accordion li:last-child .link {border-bottom: 0.26vw solid var(--border-color); }
    .head_bg .accordion .link::after {content: ""; background: url('/img/main/m_sideMenu_arrow.svg') no-repeat center/contain; width: 4.43vw; height: 4.43vw; position: absolute; top: 50%; transform: translateY(-50%); right: 5.21vw;}
    .head_bg .accordion li.on .link {background: var(--color-blue); color: #fff;}
    .head_bg .accordion li.on .link::after {transform: translateY(-50%) rotate(180deg); filter: var(--filter-white);}
    .head_bg .accordion .submenu {display: none; background: #F9F9F9; padding: 3.91vw 5.73vw;}
    .head_bg .accordion .submenu a {font-size: 3.65vw; font-weight: 500; color: #8E8E8E; line-height: 2.14;}
    .head_bg .accordion .submenu a:hover {color: var(--color-blue); text-decoration: underline; text-underline-offset: 0.78vw;}

    /* quick */
    .quick {right: 3.13vw; bottom: 15.10vw;}
    .quick li {width: 13.02vw; height: 13.02vw; border-radius: 3.39vw;}
    .quick li a img {width: 5.21vw;}

    /* footer */
    #footer {margin-top: 19.53vw; padding: 11.98vw 0;}
    #footer .inner {display: revert;}
    #footer .logo img {width: 37.76vw;}
    #footer .menu {margin-top: 6.51vw;}
    #footer .menu p {gap: 0 2.60vw; flex-wrap: wrap;}
    #footer .menu span {font-size: 3.13vw; letter-spacing: -0.13vw;}
    #footer .copy {margin-top: 2.60vw; font-size: 3.13vw; letter-spacing: -0.13vw;}
    #footer .right {margin-top: 7.81vw; border-top: 0.26vw solid #FFFFFF80; padding-top: 7.81vw;}
    #footer .sns {gap: 0 2.08vw; justify-content: flex-start;}
    #footer .sns img {width: 6.51vw;}
	#footer .term {margin-top: 3.91vw; gap: 0 6.77vw; justify-content: flex-start;}
    #footer .term a {font-size: 3.13vw; letter-spacing: -0.13vw;}
    #footer .term a + a::before {width: 0.26vw; height: 2.60vw; left: -3.39vw;}

    /** main 공통 **/
    /* main_tit */
    .main_tit {font-size: 7.81vw; letter-spacing: -0.13vw;}
    /* sub_tit */
    .sub_tit {font-size: 3.65vw; letter-spacing: -0.13vw; line-height: 1.57;}
    /* moreBtn */
    .moreBtn {border-radius: 5.21vw; width: 31.51vw; height: 9.90vw;}
    .moreBtn::after {width: 19.53vw; height: 130%;}
    .moreBtn span {gap: 0 1.82vw; font-size: 2.86vw; letter-spacing: -0.13vw; padding-left: 1vw;}
    .moreBtn img {width: 3.65vw;}
    /* circle_arrow_hover */
    .circle_arrow {width: 10.42vw; height: 10.42vw;}
    .circle_arrow img {width: 3.39vw;}
    .circle_arrow.swiper-button-prev img {}
    .btn_fill {transition: width 0.7s, height 0.7s;}
    .circle_arrow:hover .btn_fill {width: 15rem; height: 15rem;}

    /** main **/
    #main_wrap {margin-top: 15.63vw;}
    /* visual */
    #main_wrap .visual .swiper-slide {height: 130.21vw;}
    #main_wrap .visual .arrow_big {display: none;}
    #main_wrap .visual .txt {top: 13.02vw; padding: 0 3.13vw;}
    #main_wrap .visual .txt em {font-size: 3.13vw;}
    #main_wrap .visual .txt h2 {margin-top: 2.08vw; font-size: 8.59vw; letter-spacing: -0.39vw;}
    #main_wrap .visual .txt p {margin-top: 3.13vw; font-size: 3.65vw;}
    #main_wrap .visual .txt .moreBtn {margin-top: 3.91vw; gap: 0 1.82vw;}
    #main_wrap .visual .bot {bottom: 21.35vw; left: 50%; transform: translateX(-50%); gap: 0 2.60vw; padding: 0; justify-content: center;}
    #main_wrap .visual .bot .arrow_cont {gap: 0 2.60vw;}
    #main_wrap .visual .txt .moreBtn {margin-top: 3.91vw; gap: 0 1.82vw; width: 31.51vw; height: 9.90vw; border-radius: 5.21vw;}
    #main_wrap .visual .txt .moreBtn span {font-size: 2.86vw;}
    #main_wrap .visual .txt .moreBtn img {width: 3.65vw;}
    #main_wrap .visual .swiper-pagination {gap: 0 1.82vw;}
    #main_wrap .visual .swiper-pagination-bullet {width: 8.59vw; height: 0.52vw;}
    #main_wrap .visual .pause img {width: 4.43vw;}

    #main_wrap .visual .menu {padding-left: 0; margin-top: 0;}
    #main_wrap .visual .menu ul {flex-wrap: wrap;}
    #main_wrap .visual .menu li {width: 50% !important; padding: 0; height: 19.01vw;}
    #main_wrap .visual .menu li + li::before {display: none;}
    #main_wrap .visual .menu li a {gap: 0 2.60vw; padding: 4.95vw 4.17vw; font-size: 4.17vw; letter-spacing: -0.13vw; justify-content: flex-start;}
    #main_wrap .visual .menu li a img {width: 9.11vw;}
    #main_wrap .visual .menu li:nth-of-type(even) {border-left: 0.26vw solid #FFFFFF80;}
    #main_wrap .visual .menu li:nth-of-type(1),
    #main_wrap .visual .menu li:nth-of-type(2),
    #main_wrap .visual .menu li:nth-of-type(3),
    #main_wrap .visual .menu li:nth-of-type(4) {border-bottom: 0.26vw solid #FFFFFF80;}
    /* sec1 */
    #main_wrap .sec1 {padding: 18.23vw 3.13vw 10.42vw;}
    #main_wrap .sec1 em {margin-top: 3.39vw; font-size: 3.13vw;}
    #main_wrap .sec1 .sub_tit {margin-top:9.64vw;}
    #main_wrap .sec1 .sub_tit br {display: none;}
    #main_wrap .sec1 .sub_tit img {top: -10.68vw;}
    #main_wrap .sec1 .moreBtn {margin-top: 7.81vw;}
    #main_wrap .sec1 .scroll {margin-top: 10.42vw;} 
    #main_wrap .sec1 .scroll p {font-size: 3.65vw;}
    #main_wrap .sec1 .main-scroll-icon{ margin: 1.82vw auto 0; width: 0.26vw; height: 13.80vw;}
    #main_wrap .sec1 .main-scroll-icon span{ height: 5.21vw;}
    @keyframes scroll-icon-ani {
        0% {
            top:-5.21vw;
                }
        10% {
            top:-5.21vw;
                }
        32% {
            top:-5.21vw;
                }
        80% {
            top:14.32vw;
                }
        100% {
            top:14.32vw;
                }
    }
    /* sec2 */
    #main_wrap .sec2 {height: auto; display: revert;}
    #main_wrap .sec2 > div {width: 100%;}
    #main_wrap .sec2 .left {height: 98.96vw;}
    #main_wrap .sec2 .left .txt {top: 39.06vw; left: 3.13vw;}
    #main_wrap .sec2 .left .txt em {font-size: 3.13vw; letter-spacing: -0.13vw;}
    #main_wrap .sec2 .left .txt h2 {margin-top: 3.39vw; font-size: 6.51vw; letter-spacing: -0.13vw;}
    #main_wrap .sec2 .left .txt p {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    #main_wrap .sec2 .left .moreBtn {margin-top: 5.99vw;}
    #main_wrap .sec2 .right a {padding: 0 2.08vw 0 1.30vw; height: 46.88vw;}
    #main_wrap .sec2 .right a > div {gap: 0 3.91vw;}
    #main_wrap .sec2 .right img.icon {width: 13.02vw;}
    #main_wrap .sec2 .right em {font-size: 3.13vw; letter-spacing: -0.13vw;}
    #main_wrap .sec2 .right h2 {margin-top: 2.08vw; font-size: 6.51vw; letter-spacing: -0.13vw;}
    #main_wrap .sec2 .right p {margin-top: 2.08vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    #main_wrap .sec2 .right .view {width: auto; height: auto; background: none !important;}
    #main_wrap .sec2 .right .view img {width: 9.11vw;}
    /* sec3 */
    #main_wrap .sec3 {padding: 18.23vw 0;}
    #main_wrap .sec3 .sub_tit {margin-top: 3.65vw;}
    #main_wrap .sec3 .mySwiper {margin-top: 9.90vw;}
    #main_wrap .sec3 .swiper-wrapper {margin-left: 3.91vw;}
    #main_wrap .sec3 .swiper-slide {width: 67.71vw; margin-right: 7.81vw;}
    #main_wrap .sec3 .swiper-slide .img {height: 46.88vw; border-radius: 8.59vw 0 8.59vw 0;}
    #main_wrap .sec3 .swiper-slide .img::after {background-size: 10.42vw auto;}
    #main_wrap .sec3 .swiper-slide .info {margin-top: 6.77vw;}
    #main_wrap .sec3 .swiper-slide .info span {font-size: 3.65vw;}
    #main_wrap .sec3 .swiper-slide .info p {margin-top: 1.82vw; font-size: 4.43vw; letter-spacing: -0.13vw;}
    #main_wrap .sec3 .arrow {top: 22.66vw;}
    #main_wrap .sec3 .arrow.swiper-button-prev {left: 10.94vw;}
    #main_wrap .sec3 .arrow.swiper-button-next {right: 10.94vw;}
    #main_wrap .sec3 .moreBtn {margin-top: 10.42vw;}
    /* sec4 */
    #main_wrap .sec4 .inner {padding: 18.23vw 3.13vw; max-width: 100%; display: revert;}
    #main_wrap .sec4 .inner::before {width: 43.75vw; height: 38.02vw; left: auto; top: 38.02vw; right: 3.13vw;}
    #main_wrap .sec4 .sub_tit {margin-top: 3.91vw;}
    #main_wrap .sec4 .moreBtn {margin-top: 7.29vw;}
    #main_wrap .sec4 .cont {width: 100%; margin-top: 13.02vw;}
    #main_wrap .sec4 .cont li + li {margin-top: 3.91vw;}
    #main_wrap .sec4 .cont .tit {border-radius: 0 5.99vw 0 5.99vw; padding: 5.21vw 14.06vw 5.21vw 5.99vw; font-size: 3.65vw; letter-spacing: -0.13vw; line-height: 1.5; height: auto;}
    #main_wrap .sec4 .cont .tit span {display: block; max-height: 10.42vw; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: break-spaces; padding-left: 4.17vw; text-indent: -4.17vw;}
    #main_wrap .sec4 .cont .tit::after {width: 4.69vw; height: 4.69vw; right: 5.99vw;}
    #main_wrap .sec4 .cont .cont {margin-top: 3.91vw; border-radius: 3.39vw; padding: 4.69vw 6.51vw;}
    #main_wrap .sec4 .cont .cont p {font-size: 3.13vw; padding-left: 4.95vw; line-height: 1.6;}
    /* sec5 */
    #main_wrap .sec5 {padding: 14.32vw 0 0;}
    #main_wrap .sec5 .sub_tit {margin-top: 3.91vw;}
    #main_wrap .sec5 .swiper_cont {margin-top: 8.07vw; padding-bottom: 17.45vw;}
    #main_wrap .sec5 .swiper {width: 100%;}
    #main_wrap .sec5 .swiper-slide {width: 45.57vw; height: 13.02vw; margin-right: 2.60vw;}
    #main_wrap .sec5 .logo1 img {width: 36.72vw;}
    #main_wrap .sec5 .logo2 img {width: 24.22vw;}
    #main_wrap .sec5 .logo3 img {width: 33.85vw;}
    #main_wrap .sec5 .logo4 img {width: 30.21vw;}
    #main_wrap .sec5 .circle_arrow {bottom: 0; top: auto; transform: translateX(-50%);}
    #main_wrap .sec5 .circle_arrow.swiper-button-prev {left: calc(50% - 6.51vw);}
    #main_wrap .sec5 .circle_arrow.swiper-button-next {right: calc(50% - 16.93vw);}
}

@media screen and (max-width:384px){
    /* 공통 */
    .inner{max-width:100%; padding: 0 3.13vw;}

    /* HEADER */
    .header {height:15.63vw;}
    .header h1 a img{width: 36.46vw;}
    .head_mob_btn {width: 6.25vw;}

    /* all menu */
    .head_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 1000;}
    .head_bg .head_bg_inner {padding: 13.02vw 0;}
    .head_bg .head_bg_close {position: fixed; top: 4.43vw; right: 2.86vw;}
    .head_bg .head_bg_close img {width: 6.25vw;}
    .head_bg .head_bg_logo {text-align: center;}
    .head_bg .head_bg_logo img {width: 39.06vw;}
    .head_bg .member {margin-top: 10.42vw; gap: 0 7.29vw; display: flex; align-items: center; gap: 0 7.29vw; padding: 0 5.21vw;}
    .head_bg .member a {position: relative; font-size: 3.65vw;}
    .head_bg .member a + a::before {content: ""; width: 0.26vw; height: 2.60vw; position: absolute; top: 50%; transform: translateY(-50%); left: -3.65vw; background: #0000004D;}
    .head_bg .member .login {gap: 0 1.82vw; display: flex; align-items: center;}
    .head_bg .member .login img {width: 4.95vw;}
    .head_bg .accordion {margin-top: 5.21vw;}
    .head_bg .accordion .link {position: relative; padding: 3.39vw 5.73vw; font-size: 4.17vw; font-weight: 700; color: #000; line-height: 1.6; border-top: 0.26vw solid var(--border-color);}
    .head_bg .accordion li:last-child .link {border-bottom: 0.26vw solid var(--border-color); }
    .head_bg .accordion .link::after {content: ""; background: url('/img/main/m_sideMenu_arrow.svg') no-repeat center/contain; width: 4.43vw; height: 4.43vw; position: absolute; top: 50%; transform: translateY(-50%); right: 5.21vw;}
    .head_bg .accordion li.on .link {background: var(--color-blue); color: #fff;}
    .head_bg .accordion li.on .link::after {transform: translateY(-50%) rotate(180deg); filter: var(--filter-white);}
    .head_bg .accordion .submenu {display: none; background: #F9F9F9; padding: 3.91vw 5.73vw;}
    .head_bg .accordion .submenu a {font-size: 3.65vw; font-weight: 500; color: #8E8E8E; line-height: 2.14;}
    .head_bg .accordion .submenu a:hover {color: var(--color-blue); text-decoration: underline; text-underline-offset: 0.78vw;}

    /* quick */
    .quick {right: 3.13vw; bottom: 15.10vw;}
    .quick li {width: 13.02vw; height: 13.02vw; border-radius: 3.39vw;}
    .quick li a img {width: 5.21vw;}

    /* footer */
    #footer {margin-top: 19.53vw; padding: 11.98vw 0;}
    #footer .inner {display: revert;}
    #footer .logo img {width: 37.76vw;}
    #footer .menu {margin-top: 6.51vw;}
    #footer .menu p {gap: 0 2.60vw; flex-wrap: wrap;}
    #footer .menu span {font-size: 3.13vw; letter-spacing: -0.17vw;}
    #footer .copy {margin-top: 2.60vw; font-size: 3.13vw; letter-spacing: -0.07vw;}
    #footer .right {margin-top: 7.81vw; border-top: 0.26vw solid #FFFFFF80; padding-top: 7.81vw;}
    #footer .sns {gap: 0 2.08vw; justify-content: flex-start;}
    #footer .sns img {width: 6.51vw;}
    #footer .term {margin-top: 3.91vw; gap: 0 6.77vw;}
    #footer .term a {font-size: 3.13vw; letter-spacing: -0.17vw;}
    #footer .term a + a::before {width: 0.26vw; height: 2.60vw; left: -3.39vw;}

    /** main 공통 **/
    /* main_tit */
    .main_tit {font-size: 7.81vw; letter-spacing: -0.17vw;}
    /* sub_tit */
    .sub_tit {font-size: 3.65vw; letter-spacing: -0.14vw; line-height: 1.57;}
    /* moreBtn */
    .moreBtn {border-radius: 5.21vw; width: 31.51vw; height: 9.90vw;}
    .moreBtn::after {width: 19.53vw; height: 130%;}
    .moreBtn span {gap: 0 1.82vw; font-size: 2.86vw; letter-spacing: -0.07vw; padding-left: 1.1vw;}
    .moreBtn img {width: 3.65vw;}
    /* circle_arrow_hover */
    .circle_arrow {width: 10.42vw; height: 10.42vw;}
    .circle_arrow img {width: 3.39vw;}
    .circle_arrow.swiper-button-prev img {}
    .btn_fill {transition: width 0.7s, height 0.7s;}
    .circle_arrow:hover .btn_fill {width: 15rem; height: 15rem;}

    /** main **/
    #main_wrap {margin-top: 15.63vw;}
    /* visual */
    #main_wrap .visual .swiper-slide {height: 130.21vw;}
    #main_wrap .visual .arrow_big {display: none;}
    #main_wrap .visual .txt {top: 13.02vw; padding: 0 3.13vw;}
    #main_wrap .visual .txt em {font-size: 3.13vw;}
    #main_wrap .visual .txt h2 {margin-top: 2.08vw; font-size: 8.59vw; letter-spacing: -0.35vw;}
    #main_wrap .visual .txt p {margin-top: 3.13vw; font-size: 3.65vw;}
    #main_wrap .visual .txt .moreBtn {margin-top: 3.91vw; gap: 0 1.82vw;}
    #main_wrap .visual .bot {bottom: 21.35vw; left: 50%; transform: translateX(-50%); gap: 0 2.60vw; padding: 0; justify-content: center;}
    #main_wrap .visual .bot .arrow_cont {gap: 0 2.60vw;}
    #main_wrap .visual .txt .moreBtn {margin-top: 3.91vw; gap: 0 1.82vw; width: 31.51vw; height: 9.90vw; border-radius: 5.21vw;}
    #main_wrap .visual .txt .moreBtn span {font-size: 2.86vw;}
    #main_wrap .visual .txt .moreBtn img {width: 3.65vw;}
    #main_wrap .visual .swiper-pagination {gap: 0 1.82vw;}
    #main_wrap .visual .swiper-pagination-bullet {width: 8.59vw; height: 0.52vw;}
    #main_wrap .visual .pause img {width: 4.43vw;}

    #main_wrap .visual .menu {padding-left: 0; margin-top: 0;}
    #main_wrap .visual .menu ul {flex-wrap: wrap;}
    #main_wrap .visual .menu li {width: 50% !important;  padding: 0;}
    #main_wrap .visual .menu li + li::before {display: none;}
    #main_wrap .visual .menu li a {gap: 0 2.60vw; padding: 4.95vw 4.17vw; font-size: 4.17vw; letter-spacing: -0.17vw; justify-content: flex-start;}
    #main_wrap .visual .menu li a img {width: 9.11vw;}
    #main_wrap .visual .menu li:nth-of-type(even) {border-left: 0.26vw solid #FFFFFF80;}
    #main_wrap .visual .menu li:nth-of-type(1),
    #main_wrap .visual .menu li:nth-of-type(2) {border-bottom: 0.26vw solid #FFFFFF80;}
    /* sec1 */
    #main_wrap .sec1 {padding: 18.23vw 3.13vw 10.42vw;}
    #main_wrap .sec1 em {margin-top: 3.39vw; font-size: 3.13vw;}
    #main_wrap .sec1 .sub_tit {margin-top:9.64vw;}
    #main_wrap .sec1 .sub_tit br {display: none;}
    #main_wrap .sec1 .sub_tit img {top: -10.68vw;}
    #main_wrap .sec1 .moreBtn {margin-top: 7.81vw;}
    #main_wrap .sec1 .scroll {margin-top: 10.42vw;} 
    #main_wrap .sec1 .scroll p {font-size: 3.65vw;}
    #main_wrap .sec1 .main-scroll-icon{ margin: 1.82vw auto 0; width: 0.26vw; height: 13.80vw;}
    #main_wrap .sec1 .main-scroll-icon span{ height: 5.21vw;}
    @keyframes scroll-icon-ani {
        0% {
            top:-5.21vw;
                }
        10% {
            top:-5.21vw;
                }
        32% {
            top:-5.21vw;
                }
        80% {
            top:14.32vw;
                }
        100% {
            top:14.32vw;
                }
    }
    /* sec2 */
    #main_wrap .sec2 {height: auto; display: revert;}
    #main_wrap .sec2 > div {width: 100%;}
    #main_wrap .sec2 .left {height: 98.96vw;}
    #main_wrap .sec2 .left .txt {top: 39.06vw; left: 3.13vw;}
    #main_wrap .sec2 .left .txt em {font-size: 3.13vw; letter-spacing: -0.07vw;}
    #main_wrap .sec2 .left .txt h2 {margin-top: 3.39vw; font-size: 6.51vw; letter-spacing: -0.17vw;}
    #main_wrap .sec2 .left .txt p {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    #main_wrap .sec2 .left .moreBtn {margin-top: 5.99vw;}
    #main_wrap .sec2 .right a {padding: 0 2.08vw 0 1.30vw; height: 46.88vw;}
    #main_wrap .sec2 .right a > div {gap: 0 3.91vw;}
    #main_wrap .sec2 .right img.icon {width: 13.02vw;}
    #main_wrap .sec2 .right em {font-size: 3.13vw; letter-spacing: -0.07vw;}
    #main_wrap .sec2 .right h2 {margin-top: 2.08vw; font-size: 6.51vw; letter-spacing: -0.17vw;}
    #main_wrap .sec2 .right p {margin-top: 2.08vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    #main_wrap .sec2 .right .view {width: auto; height: auto; background: none !important;}
    #main_wrap .sec2 .right .view img {width: 9.11vw;}
    /* sec3 */
    #main_wrap .sec3 {padding: 18.23vw 0;}
    #main_wrap .sec3 .sub_tit {margin-top: 3.65vw;}
    #main_wrap .sec3 .mySwiper {margin-top: 9.90vw;}
    #main_wrap .sec3 .swiper-wrapper {margin-left: 3.91vw;}
    #main_wrap .sec3 .swiper-slide {width: 67.71vw; margin-right: 7.81vw;}
    #main_wrap .sec3 .swiper-slide .img {height: 46.88vw; border-radius: 8.59vw 0 8.59vw 0;}
    #main_wrap .sec3 .swiper-slide .img::after {background-size: 10.42vw auto;}
    #main_wrap .sec3 .swiper-slide .info {margin-top: 6.77vw;}
    #main_wrap .sec3 .swiper-slide .info span {font-size: 3.65vw;}
    #main_wrap .sec3 .swiper-slide .info p {margin-top: 1.82vw; font-size: 4.43vw; letter-spacing: -0.17vw;}
    #main_wrap .sec3 .arrow {top: 22.66vw;}
    #main_wrap .sec3 .arrow.swiper-button-prev {left: 10.94vw;}
    #main_wrap .sec3 .arrow.swiper-button-next {right: 10.94vw;}
    #main_wrap .sec3 .moreBtn {margin-top: 10.42vw;}
    /* sec4 */
    #main_wrap .sec4 .inner {padding: 18.23vw 3.13vw; max-width: 100%; display: revert;}
    #main_wrap .sec4 .inner::before {width: 43.75vw; height: 38.02vw; right: 3.13vw; top: 38.02vw;}
    #main_wrap .sec4 .sub_tit {margin-top: 3.91vw;}
    #main_wrap .sec4 .moreBtn {margin-top: 7.29vw;}
    #main_wrap .sec4 .cont {width: 100%; margin-top: 13.02vw;}
    #main_wrap .sec4 .cont li + li {margin-top: 3.91vw;}
    #main_wrap .sec4 .cont .tit {border-radius: 0 5.99vw 0 5.99vw; padding: 5.21vw 14.06vw 5.21vw 5.99vw; font-size: 3.65vw; letter-spacing: -0.10vw; line-height: 1.5; height: auto;}
    #main_wrap .sec4 .cont .tit span {display: block; max-height: 10.42vw; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: break-spaces; padding-left: 4.17vw; text-indent: -4.17vw;}
    #main_wrap .sec4 .cont .tit::after {width: 4.69vw; height: 4.69vw; right: 5.99vw;}
    #main_wrap .sec4 .cont .cont {margin-top: 3.91vw; border-radius: 3.39vw; padding: 4.69vw 6.51vw;}
    #main_wrap .sec4 .cont .cont p {font-size: 3.13vw; padding-left: 4.95vw; line-height: 1.6;}
    /* sec5 */
    #main_wrap .sec5 {padding: 14.32vw 0 0;}
    #main_wrap .sec5 .sub_tit {margin-top: 3.91vw;}
    #main_wrap .sec5 .swiper_cont {margin-top: 8.07vw; padding-bottom: 17.45vw;}
    #main_wrap .sec5 .swiper {width: 100%;}
    #main_wrap .sec5 .swiper-slide {width: 45.57vw; height: 13.02vw; margin-right: 2.60vw;}
    #main_wrap .sec5 .logo1 img {width: 36.72vw;}
    #main_wrap .sec5 .logo2 img {width: 24.22vw;}
    #main_wrap .sec5 .logo3 img {width: 33.85vw;}
    #main_wrap .sec5 .logo4 img {width: 30.21vw;}
    #main_wrap .sec5 .circle_arrow {bottom: 0; top: auto; transform: translateX(-50%);}
    #main_wrap .sec5 .circle_arrow.swiper-button-prev {left: calc(50% - 6.51vw);}
    #main_wrap .sec5 .circle_arrow.swiper-button-next {right: calc(50% - 16.93vw);}
}