@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 
span.material-icons{font-family:'Material Icons' !important;}
html{scroll-behavior: smooth;-webkit-tap-highlight-color : transparent; }
body{font-family:"Noto Sans KR",sans-serif; color:#333; font-size:10px; }

body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;}

ul{margin:0; padding:0; list-style:none;}

a{text-decoration:none; color:#333;}

table{border-collapse:collapse;}

:root{
	--mainColor:#ea0a2a;
	--subColor:#b90821;
}

mark{background:#feeef0; padding:0 2px;}
.pc_show{display:block;}
.m_show{display:none;}

.flex{display:flex;}


aside{position:fixed; bottom:25px; right:25px; z-index:5;}
aside li{cursor:pointer;}
aside li a{display:block;}
aside li + li{margin-top:10px;}
aside li img{width:56px;}
aside li.size {position:relative;}
aside li.size:before{content:''; width:84px; height:52px; background:url(../img/clu.svg) center center / cover no-repeat; display:block; bottom:calc(100% + 4px); left:50%; transform:translateX(-50%); position:absolute;}

@media screen and (max-width:850px){
bottom:17vw;
}

.mainSlider{width:100%; height:100%;}
.mainSlider .swiper-pagination {
    position: static;
    width: Auto;
    text-align: left;
    display: flex;
    gap: 7px;
}
.mainSlider .swiper-pagination .bullet-wrapper {
    width: 45px;
    height: 45px;
    background-color: transparent;
    position: relative;
}
.mainSlider .swiper-pagination .bullet-wrapper .svg {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	opacity:0;
}
.mainSlider .swiper-pagination .bullet-wrapper span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    line-height: 45px;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: none;
    display: block;
    text-align: Center;
    margin: 0;
	font-size:13px;
	color:#333;
	font-weight:600;
	font-family:'Montserrat';
}
.mainSlider .swiper-pagination .bullet-wrapper .border {
    fill: none;
    stroke: rgba(51, 51, 51, 0.5);
    stroke-width: 3;
    opacity: 0.3;
}
.mainSlider .swiper-pagination .bullet-wrapper .swiper-pagination-bullet + .svg .progress {
    fill: none;
    stroke: rgba(51, 51, 51, 0.5);
    stroke-width: 3;
    stroke-dasharray: 157;
    stroke-dashoffset: 157;
}
.mainSlider .swiper-pagination .bullet-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active + .svg .progress {
    fill: none;
	stroke: #333;
    stroke-width: 3;
    stroke-dasharray: 157; /* 원의 둘레: 2 * π * r = 2 * 3.14 * 25 */
    stroke-dashoffset: 157; /* 처음에는 전체 선을 숨겨놓기 위해 초기값을 둘레와 동일하게 설정 */
    animation: progress 3.8s forwards;
	transform-origin: center;
    transform: rotate(-90deg);
}

.mainSlider .swiper-pagination .bullet-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active + .svg{opacity:1;}
@keyframes progress {
    100% {
        stroke-dashoffset: 0;
    }
}

.mainSliderSection{position:relative;}

.mainSlide{width:100%; height:100%; position:relative;}
.sec .mainSlide .wrap{width:100%; height:100%; max-width:1450px; position:relative; padding:0;}
.mainSlide .txtWrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.mainSlide .br1024{display:none;}

.mainSlide01{background:#cae1f3}
.mainSlide01 .con{width:100%; height:100%; max-width:1920px; margin:0 auto; background:url(../img/mainSlide01_.png) center center no-repeat; background-size:contain;}
.mainSlide02{background:#d6fdfc;}
.mainSlide02 .con{width:100%; height:100%; max-width:1920px; margin:0 auto; background:url(../img/mainSlide02.png) center center no-repeat; background-size:contain;}
.mainSlide03{/* background:#fff8f4; */ background:#fff8f4 url(../img/mainSlide03_Bg.png) center center no-repeat; background-size:cover;}
.mainSlide03 .con{width:100%; height:100%; max-width:1920px; margin:0 auto; background:url(../img/mainSlide03.png) right bottom no-repeat; background-size:contain;}
.mainSlide04{background:#fdf7f9 url(../img/mainSlide04_Bg.png) center center no-repeat; background-size:cover;}
.mainSlide04 .con{width:100%; height:100%; max-width:1920px; margin:0 auto; background:url(../img/mainSlide04.png) left center no-repeat; background-size:contain;}
.mainSlide05{background:#f8f8f8 url(../img/mainSlide05_Bg.png) center center no-repeat; background-size:cover;}
.mainSlide05 .con{width:100%; height:100%; max-width:1920px; margin:0 auto; background:url(../img/mainSlide05.png) right center no-repeat; background-size:contain;}
.mainSlide .txtWrap{left:0; transform:translateY(-50%); padding-top:80px;}
.mainSlide .txtWrap p{font-size:30px; font-weight:500; font-family:'GmarketSans'; color:#333; line-height:1;  letter-spacing:-0.065em;}
.mainSlide .txtWrap h2{line-height:1.3; font-family:'GmarketSans'; font-weight:700; font-size:70px; margin:43px 0 30px; letter-spacing:-0.065em; color:#333;}
.mainSlide .txtWrap h2 span{display:inline-block; color:#159bc0; position:relative; margin:0 30px 0 20px; letter-spacing:-0.065em;}
.mainSlide .txtWrap h2 span:after{display:block; width:110%; height:90px; content:""; border:7px solid #159bc0; position:absolute; top:42.5%; left:50%; transform:translate(-50%, -50%); border-radius:90px;}
.mainSlide .txtWrap h6{font-size:24px; font-weight:normal; color:#333; margin:45px auto;}
.mainSlide .txtWrap ul{}
.mainSlide .txtWrap ul li{letter-spacing:-0.065em; color:#333; font-size:24px; line-height:1; padding-left:35px; box-sizing:border-box; position:relative;}
.mainSlide .txtWrap ul li + li{margin-top:25px;}
.mainSlide .txtWrap ul li:before{display:block; content:""; width:23px; height:23px; position:absolute; top:50%; left:0; transform:translateY(-50%); background:url(../img/ico_thumbsUp.png) center center no-repeat;}

.mainSlide .txtWrap.center{text-align:center; padding-top:0; transform:none; top:0; padding-top:190px; left:auto; right:auto; width:100%; }
.mainSlide .txtWrap.center h2{margin:0 auto;}
.mainSlide .txtWrap.center div.link{}

.mainSlide .txtWrap.right{text-align:end; transform:none; top:0; padding-top:210px; left:auto; right:auto; width:100%; }
.mainSlide .txtWrap.right h2{margin:0 auto;}
.mainSlide .txtWrap.right div.link{text-align:right;}
.mainSlide .txtWrap.right div.link a{margin:20px 0 0 auto;}
.mainSlide .txtWrap.right > img{width:130px; height:auto; margin-top:45px;}


.mainSlider .page{display:flex; width:100%; justify-content:center; gap:20px; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:1; align-items:Center;}
.mainSlider .page .btn{}
.mainSlider .page .btn div span{color:#333; text-align:center; font-size:18px; pointer-events:auto; cursor:pointer; box-sizing:border-box;}
.mainSlider .page .btn .hidden{display:none;}


.mainSlide02 .txtWrap h2 span{color:#4cb6b4 !important;}
.mainSlide02 .txtWrap h2 span:after{border-color:#4cb6b4 !important;}
.mainSlide03 .txtWrap h2 span{color:#9f745c !important;}
.mainSlide03 .txtWrap h2 span:after{border-color:#9f745c !important;}
.mainSlide04 .txtWrap h2 span{color:#ed2024 !important;}
.mainSlide04 .txtWrap h2 span:after{border-color:#ed2024 !important;}

.mainSlide03 div.link{display:flex; justify-content:flex-start; align-items:center; gap:10px;}
.mainSlide03 div.link a{font-size:20px; text-align:Center; line-height:45px; border-radius:45px; background:#9f745c; border:1px solid #9f745c; color:#fff; font-weight:bold; box-sizing:border-box; width:300px; display:block; letter-spacing:-0.04em;}
.mainSlide03 div.link a:last-child{background:transparent; color:#9f745c;}

.mainSlide04 div.link a{font-size:20px; text-align:Center; line-height:45px; border-radius:45px; background:#ed2024; border:1px solid #ed2024; color:#fff; font-weight:bold; box-sizing:border-box; width:300px; display:block; letter-spacing:-0.04em; margin:20px auto 0;}

.mainSlide05 div.list{display:flex; gap:15px 10px; width:610px; flex-wrap:wrap;}
.mainSlide05 div.list div{font-size:20px; text-align:Center; line-height:45px; border-radius:45px; background:#ed2024; border:1px solid #ed2024; color:#fff; font-weight:bold; box-sizing:border-box; width:300px; display:block; cursor:pointer;}






.sec{width:100%; display:flex; justify-content:center; align-items:center; overflow-x:hidden; }
.sec .wrap{width:100%; max-width:1400px; margin:0 auto; padding-top:130px; box-sizing:border-box;}
.secTIT{}
.secTIT span{font-family:'Montserrat'; font-weight:600; color:#333; font-size:22px; display:block; line-height:1;}
.secTIT h1{font-size:50px; color:#333; display:block; line-height:1; letter-spacing:-0.04em;}
.secTIT h2{font-size:50px; color:#333; display:block; line-height:1; letter-spacing:-0.04em;}
.secTIT h4{font-size:22px; font-weight:normal;}
.secTIT span + h1{margin-top:40px;}
.secTIT span + h2{margin-top:40px;}
.secTIT h1 + h4{margin-top:50px;}
.secTIT h2 + h4{margin-top:50px;}
.secTIT.center span, .secTIT.center h1{text-align:center;}
.secTIT.center span, .secTIT.center h2{text-align:center;}
.sec01{background:none}
.sec02{background:#ffffff}
.sec03{background:#fef9fa}

.sec01 .swiper-slide{width:100%; height:100vh; max-height:931px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:50px; background:#aaa;}


.sec02 .wrap{padding:130px 100px 140px;}
.sec02 .content{width:100%; margin-top:75px; max-width:1100px;}
.sec02 .content .pc_show{}
.sec02 .content .pc_show .Box{width:100%; height:auto; border-radius:30px; position:relative; display:flex; justify-content:flex-end; padding:40px 55px; box-sizing:border-box; cursor:pointer;}
.sec02 .content .pc_show .Box + .Box{margin-top:18px;}
.sec02 .content .pc_show .Box:before{width:100%; height:100%; display:block; content:""; box-sizing:border-box; border:1px solid #ddd; border-radius:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease; pointer-events:none;}
.sec02 .content .pc_show .Box:after{width:65px; height:65px; display:block; content:""; border-radius:50%; opacity:0; position:absolute; top:50%; right:-32.5px;  transform:translateY(-50%); color:#fff; line-height:60px; font-weight:bold; text-align:center; font-size:35px; background:transparent url(../img/ico_boxArw.png) center center no-repeat;transition:all 0.3s ease;}
.sec02 .content .pc_show .Box:hover:before{border:4px solid var(--subColor); transition:all 0.3s ease;}
.sec02 .content .pc_show .Box:hover:after{ opacity:1; background:var(--subColor) url(../img/ico_boxArw.png) center center no-repeat; transition:all 0.3s ease; }
.sec02 .content .pc_show .Box01{background:url(../img/sec02_box01.png) left -15px center no-repeat; background-size:cover;}
.sec02 .content .pc_show .Box02{background:url(../img/sec02_box02.png) left -15px center no-repeat; background-size:cover;}
.sec02 .content .pc_show .Box03{background:url(../img/sec02_box03.png) left -15px center no-repeat; background-size:cover;}
.sec02 .content .pc_show .Box .txtWrap{width:510px;}
.sec02 .content .pc_show .Box .txtWrap > span{color:#666666; font-size:14px; font-weight:600; font-family:'Montserrat'; display:block; margin-bottom:15px; line-height:1;}
.sec02 .content .pc_show .Box .txtWrap h4{font-size:40px; font-weight:normal; font-family:'Montserrat';}
.sec02 .content .pc_show .Box .txtWrap h4 strong{font-family:"Noto Sans KR", sans-serif; font-weight:bold;}
.sec02 .content .pc_show .Box .txtWrap h4 b{color:var(--subColor);}
.sec02 .content .pc_show .Box .txtWrap hr{border:none; background:#ddd; width:100%; height:1px; display:block; margin:20px 0;}
.sec02 .content .pc_show .Box .txtWrap p{font-size:18px; line-height:normal; letter-spacing:-0.05em;}
.sec02 .content .pc_show .Box .txtWrap ul{display:flex; justify-content:space-between; width:100%; align-items:center; margin-top:35px;}
.sec02 .content .pc_show .Box .txtWrap ul li{display:flex; align-items:center; justify-content:center; line-height:1;}
.sec02 .content .pc_show .Box .txtWrap ul li:first-child{background:#eee; gap:5px; font-size:18px; padding:10px; border-radius:10px;}
.sec02 .content .pc_show .Box .txtWrap ul li:last-child{background:var(--subColor); color:#fff; font-size:18px; padding:18px; border-radius:15px; align-items:flex-end;}
.sec02 .content .pc_show .Box .txtWrap ul li span{}
.sec02 .content .pc_show .Box .txtWrap ul li big{font-size:38px; font-weight:bold;}

.sec03{padding-bottom:90px;}
.sec03 .wrap{display:flex; gap:75px;}
.sec03 .Box{}
.sec03 .Box01{order:2; box-sizing:border-box;}
.sec03 .Box02{order:1; width:900px;}

.sec03 .cate{display:flex; width:100%; flex-wrap:wrap; gap:10px 30px; margin-top:50px; max-width:390px;}
.sec03 .cate h3{width:calc(50% - 15px); line-height:45px; background:#fff; border-radius:45px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.04)); font-size:18px; font-weight:bold; box-sizing:border-box; padding:0 30px; cursor:pointer; display:flex; align-items:center; gap:5px;}
.sec03 .cate h3 span{width:100%; max-width:30px; height:30px; background:#ccc; background-size:contain;}
.sec03 .cate h3:nth-child(1) span{background:url(../img/graph/icoOFF_01.png) center center no-repeat;}
.sec03 .cate h3:nth-child(2) span{background:url(../img/graph/icoOFF_02.png) center center no-repeat;}
.sec03 .cate h3:nth-child(3) span{background:url(../img/graph/icoOFF_03.png) center center no-repeat;}
.sec03 .cate h3:nth-child(4) span{background:url(../img/graph/icoOFF_04.png) center center no-repeat;}
.sec03 .cate h3:nth-child(5) span{background:url(../img/graph/icoOFF_05.png) center center no-repeat;}
.sec03 .cate h3:nth-child(6) span{background:url(../img/graph/icoOFF_06.png) center center no-repeat;}
.sec03 .cate h3:nth-child(7) span{background:url(../img/graph/icoOFF_07.png) center center no-repeat;}
.sec03 .cate h3:nth-child(8) span{background:url(../img/graph/icoOFF_08.png) center center no-repeat;}
.sec03 .cate h3:nth-child(9) span{background:url(../img/graph/icoOFF_09.png) center center no-repeat;}
.sec03 .cate h3:nth-child(1).active span{background:url(../img/graph/icoON_01.png) center center no-repeat;}
.sec03 .cate h3:nth-child(2).active span{background:url(../img/graph/icoON_02.png) center center no-repeat;}
.sec03 .cate h3:nth-child(3).active span{background:url(../img/graph/icoON_03.png) center center no-repeat;}
.sec03 .cate h3:nth-child(4).active span{background:url(../img/graph/icoON_04.png) center center no-repeat;}
.sec03 .cate h3:nth-child(5).active span{background:url(../img/graph/icoON_05.png) center center no-repeat;}
.sec03 .cate h3:nth-child(6).active span{background:url(../img/graph/icoON_06.png) center center no-repeat;}
.sec03 .cate h3:nth-child(7).active span{background:url(../img/graph/icoON_07.png) center center no-repeat;}
.sec03 .cate h3:nth-child(8).active span{background:url(../img/graph/icoON_08.png) center center no-repeat;}
.sec03 .cate h3:nth-child(9).active span{background:url(../img/graph/icoON_09.png) center center no-repeat;}
.sec03 .cate h3 span{background-size:contain;}
.sec03 .cate h3.active{background:var(--mainColor); color:#fff;}
.sec03 .view_section{overflow:hidden; position:relative; box-sizing:border-box; padding-bottom:50px;}
.sec03 .view_section .swiper-wrapper{width:100%; height:560px;}
.sec03 .view_section .swiper-slide{width:100%; height:auto; border-radius:50px; overflow:hidden; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.03)); cursor:pointer;}
.sec03 .view_section .swiper-slide img{width:100%; height:auto; object-fit:contain;}
.sec03 .view_section .swiper-slide p{width:100%; background:var(--subColor); text-align:center; font-size:20px; font-weight:bold; color:#fff; line-height:60px;}
.sec03 .view_section .swiper-pagination{width:100%; display:flex; gap:15px; justify-content:center;}
.sec03 .view_section .swiper-pagination span{width:16px; height:16px; background:#999999; margin:0;} 



.sec04{background-image: linear-gradient(to bottom, #FFFFFF 50%, #f5f5f5 50%); box-sizing:border-box; padding:0 0 85px 0; position:relative;}
.sec04 .wrap{display:flex; gap:90px; position:relative; z-index:2;}
.sec04:after{width:100%; max-width:1920px; height:100%; display:block; content:""; background:url(../img/sec04Logo.png) left bottom no-repeat; position:absolute; bottom:0; left:50%; transform:translateX(-50%); pointer-events:none;}
/* .sec04 .Box{}
.sec04 .Box01{order:1; box-sizing:border-box;}
.sec04 .Box02{order:2; width:900px;}
.sec04 ul.list{width:100%; max-width:285px; display:flex; flex-direction:column; gap:12px; margin-top:100px;}
.sec04 ul.list li{width:100%; line-height:45px; background:#fff; border-radius:45px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.03)); box-sizing:border-box; padding:0 30px; font-size:18px; font-weight:bold; color:#333; cursor:pointer;}
.sec04 ul.list li span{width:18px; height:18px; display:inline-block; background:url(../img/Hos_off.png) center center no-repeat; content:""; margin-right:10px;}
.sec04 ul.list li.current{background:var(--mainColor); color:#fff;}
.sec04 ul.list li.current span{ background:url(../img/Hos_on.png) center center no-repeat;}
.sec04 .main{width:100%; height:100%; max-height:490px; border-radius:50px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.1)); overflow:hidden;}
.sec04 .main img{width:100%; height:100%; object-fit:contain;}
.sec04 .slide{width:100%; height:235px; margin-top:40px;}
.sec04 .content > div{display:none;}
.sec04 .content > div.current{display:block;} */
.sec04 .Box02{width:900px;}
.sec04 .cate2{display:flex; width:100%; flex-wrap:wrap; gap:10px 30px; margin-top:50px; max-width:200px;}
.sec04 .cate2 h3{width:100%; line-height:45px; background:#fff; border-radius:45px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.1)); font-size:18px; font-weight:bold; box-sizing:border-box; padding:0 30px; cursor:pointer; display:flex; align-items:center; gap:5px;}
.sec04 .cate2 h3 span{width:100%; max-width:30px; height:30px; background:#ccc; background-size:contain;}
.sec04 .cate2 h3 span{width:18px; height:18px; display:inline-block; background:url(../img/Hos_off.png) center center no-repeat; content:""; margin-right:10px;}
.sec04 .cate2 h3 span{background-size:contain;}
.sec04 .cate2 h3.active{background:var(--mainColor); color:#fff;}
.sec04 .cate2 h3.active span{ background:url(../img/Hos_on.png) center center no-repeat;}
.sec04 .view_section2{overflow:hidden; position:relative; box-sizing:border-box;  padding:20px; padding-bottom:50px;}
.sec04 .view_section2 .swiper-wrapper{width:100%; height:470px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.04));}
.sec04 .view_section2 .swiper-slide{width:100%; height:auto; border-radius:50px; overflow:hidden; cursor:pointer;}
.sec04 .view_section2 .swiper-slide.swiper-slide-active{filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.03));}
.sec04 .view_section2 .swiper-slide img{width:100%; height:auto; object-fit:contain;}
.sec04 .view_section2 .swiper-slide p{width:100%; background:var(--subColor); text-align:center; font-size:20px; font-weight:bold; color:#fff; line-height:60px;}
.sec04 .view_section2 .swiper-pagination{width:100%; display:flex; gap:15px; justify-content:center;}
.sec04 .view_section2 .swiper-pagination span{width:16px; height:16px; background:#999999; margin:0;} 



.ytbSwiper{}
.ytbSwiper img{width:100%; border-radius:30px; overflow:hidden;}
.ytbSwiper .swiper-slide{width:280px;}
.ytbSwiper .swiper-slide p{margin-top:20px; font-size:18px; word-break:break-all; text-align:justify;}
.ytbSwiper .swiper-slide + .swiper-slide{margin-left:30px}
.ytbSwiper .swiper-slide .img{position:relative;}
.ytbSwiper .swiper-slide .img:after{content:""; display:block; width:45px; height:45px; position:Absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url(../img/ytbPlay.png) center center no-repeat;}


.sec05{padding:150px 0; flex-direction:column; gap:50px;}
.sec05 .wrap{}
.sec05 .content{overflow:hidden;}

.m_sec05Banner{opacity:0; position:fixed; z-index:-9999;}
.sec05Banner{width:100%;}
.sec05Banner .swiper-wrapper{width:100%; max-width:100vw;  transition-timing-function: linear; padding:50px 0;}
.sec05Banner .swiper-slide{width:495px; box-sizing:border-box;  filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.1));}
.sec05Banner .swiper-slide + .swiper-slide{margin-left:30px;}
.sec05Banner .swiper-slide > div{width:100%; border-radius:40px; box-sizing:border-box;}
.sec05Banner .swiper-slide .img{width:495px; border-radius:40px 40px 0 0; overflow:hidden;}
.sec05Banner .swiper-slide .img img{width:100%; height:auto; object-fit:contain;}
.sec05Banner .swiper-slide .txt{background:#fff; border-radius:0 0 40px 40px; overflow:hidden; position:relative; padding:25px 25px 0 25px; box-sizing:border-box; min-height:190px;}
.sec05Banner .swiper-slide .txt img{display:block; position:absolute; bottom:18px; right:22px; z-index:1;}
.sec05Banner .swiper-slide .txt h4{font-size:26px; line-height:1; font-weight:bold;}
.sec05Banner .swiper-slide .txt p{font-size:18px; font-weight:normal; word-break:break-all; text-align:justify; margin-top:20px; letter-spacing:-0.04em;}


.sec06{background:#fef9fa; }
.sec06 .wrap{display:flex; padding:100px 0 80px; position:relative; min-height:700px; align-items:center;}
.sec06 .wrap:before{width:100vw; height:100%; position:absolute; top:50%; left:-90vw; transform:translateY(-50%); background:#fef9fa; content:""; display:block; z-index:2;}
.sec06 .Box{position:absolute;}
.sec06 .Box01{order:1; box-sizing:border-box; padding:40px 90px 40px 0; left:0; z-index:2; background:#fef9fa;}
.sec06 .Box02{order:2; width:900px; right:0;z-index:1; top:50%; transform:translateY(-50%);}
.sec06 ul.list{width:100%; max-width:285px; display:flex; flex-direction:column; gap:12px; margin-top:100px;}
.sec06 ul.list li{width:100%; line-height:45px; background:#fff; border-radius:45px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.03)); box-sizing:border-box; padding:0 30px; font-size:18px; font-weight:bold; color:#333; cursor:pointer; display:flex; justify-content:space-between; align-items:center}
.sec06 ul.list li span{}
.sec06 ul.list li span:last-child{font-size:12px; font-family:'Montserrat'; font-weight:500}
.sec06 ul.list li.current{background:var(--mainColor); color:#fff;}
.sec06 .content{position:relative; width:1035px; height:100%;}
.sec06 .content > div{display:none;}
.sec06 .content > div.current{display:block;}

.portSwiper{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1; overflow:visible;}
.portSwiper .swiper-wrapper{width:830px; margin-left:-70px;}
.portSwiper .swiper-wrapper .swiper-slide{width:380px; margin-left:70px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.2)); cursor:pointer;}
.portSwiper .swiper-wrapper .swiper-slide a{display:block; width:100%; border-radius:35px; overflow:hidden;}
.portSwiper .swiper-wrapper .swiper-slide a img{width:100%; height:Auto;}
.portSwiper .swiper-wrapper .swiper-slide + .swiper-slide{margin-left:70px}
.portSwiper .swiper-wrapper .swiper-slide p{font-size:18px; font-weight:normal; color:#333; text-align:center; margin-top:20px;}
.sec06 .btnWrap{position:absolute; z-index:2; width:900px; height:65px; top:50%; left:-32.5px; display:flex; justify-content:space-between; transform:translateY(-50%); pointer-events: none;}
.sec06 .btnWrap div{background:#fff; border-radius:50%; cursor:pointer; width:65px; height:65px; display:flex; justify-content:center; align-items:center; border:1px solid #ccc; box-sizing:border-box; content:""; margin:0; position:static; pointer-events: auto;}
.sec06 .btnWrap div span{color:#333;}
.sec06 .btnWrap div:After{display:none;}




.qna *{color:#000;}
.qna{
	text-align: left;
	font-size: 18px;
	color: #000;
	box-sizing:border-box;
	position:relative;	
	
}

.qna dt{line-height:65px; padding:0 20px; position:relative;border-bottom:1px solid #ddd; font-size:18px;}
.qna dt > a{
	background-image: url(../img/btn_plus.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
	color:#000;
	display:flex; height:auto;
	
}
.qna dt div.del{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.qna dt div.subject{width:calc(100% - 30px); font-size:18px;}
.qna dt > a.on{
	background-image: url(../img/btn_minus.png);
}
.qna dd{
	line-height: 1.5;
	display: none;
	background:#f7f7f7;
	position:relative;
	padding-bottom:0px;
	border-bottom:1px solid #ddd;
}
.qna dd .flex{justify-content:center; margin:25px auto 0;padding-bottom:25px;}
.qna dd > div + div{}
.qna dd div.edit{width:60px; background:#54a922; color:#fff; border:1px solid #666; text-align:center; height:35px; line-height:35px; font-size:13px; margin-top:auto; cursor:pointer; box-sizing:border-box;}
.qna dd div.del{width:60px; background:#fff; color:#666; border:1px solid; text-align:center; height:35px; line-height:35px; font-size:13px; margin-top:auto; cursor:pointer; box-sizing:border-box;}

.qna .text{box-sizing:border-box; padding:20px 40px;}

.qna .flex{gap:18px; align-items:center; width:100%; display:flex;}

.qna .flex.Answer{padding:0px 70px; width:100%; justify-content:space-between; box-sizing:border-box; align-items:flex-start; margin-top:0;}

.qna .flex .answerTxt{line-height:1.5; width:95%; font-size:18px; margin-top:5px;}

.qna .flex .answerTxt > p{margin:15px 0 5px; font-weight:bold;}
.qna .flex .answerTxt ul{margin-top:15px;}
.qna .flex .answerTxt ul li{position:relative; box-sizing:Border-box; padding-left:10px;}
.qna .flex .answerTxt ul li + li{margin-top:3px;}
.qna .flex .answerTxt ul li:before{display:block; width:10px; height:10px; content:"·"; position:absolute; top:0; left:0;}

.qna .mark{width:40px; height:40px; line-height:40px; background:#999999; color:#fff; text-align:center; font-size:20px; border-radius:50%;}

.qna .flex .answerTxt > p + ul{margin-top:5px;}
.Question{}
.Question .mark{}
.Answer .mark{background:var(--mainColor);}


.sec07{}
.sec07 .wrap{flex-direction:column; max-width:1200px; padding:150px 0;}
.sec07 .wrap .Box02{margin-top:60px;}



.sec08{background:#f5f5f5;}
.sec08 .wrap{display:flex; justify-content:space-between; padding:150px 0 90px; align-items:center; max-width:1200px;}
.sec08 .Box{}
.sec08 .Box01{}
.sec08 .Box01 .secTIT h1{font-weight:normal; line-height:1.5;}
.sec08 .Box01 .secTIT h2{font-weight:normal; line-height:1.5;}
.sec08 .Box01 ul.info{margin-top:100px;}
.sec08 .Box01 ul.info li{display:flex; gap:15px; align-items:flex-start; flex-direction:column;}
.sec08 .Box01 ul.info li + li{margin-top:40px;}
.sec08 .Box01 ul.info li p{font-size:26px; font-weight:bold; color:#999;}
.sec08 .Box01 ul.info li span{font-size:22px; line-height:1.5;}
.sec08 .Box01 ul.info li span b{font-size:40px; font-weight:bold; font-family:'Montserrat';}
.sec08 .Box01 ul.info li div{display:flex; align-items:center; gap:15px}

.sec08 .Box02{width:590px; background:#880618; border-radius:30px; padding:35px 15px;}
.sec08 .Box02 h6{font-family:'Montserrat'; color:#fff; text-align:center; font-size:30px; margin-bottom:30px;}
.formList{display:flex; flex-direction:column; gap:7px;}
.formList div{display:flex; gap:4px;}
.formList select, .formList input[type="text"], .formList textarea{border-radius:15px; background:#fff; border:none; font-family:"Noto Sans KR",sans-serif;}
.formList input[type="text"]::placeholder, .formList textarea::placeholder{font-size:16px; color:#333;}
.formList select{font-size:16px; color:#333;}
.formList select option:selected{font-size:16px; color:#333;}
.formList select, .formList input[type="text"]{height:55px; line-height:55px; box-sizing:border-box; padding:0 15px; width:100%;}
.formList textarea{width:100%; height:175px; resize:none; box-sizing:Border-box; padding:20px 15px; font-family:"Noto Sans KR",sans-serif;}
.contactForm .formBtn{cursor:pointer; text-align:center; width:100%; line-height:55px; border:1px solid #fff; font-size:18px; border-radius:15px; margin:40px 0 15px; color:#fff;}
.contactForm .agreeWrap{display:flex; justify-content:flex-end; align-items:center; gap:5px; position:relative;}
.contactForm .agreeWrap label, .contactForm .agreeWrap span{color:#fff; line-height:1; font-size:16px;}
.contactForm .agreeWrap label input{width:16px; height:16px; vertical-align:text-bottom;}
.contactForm .agreeWrap span{cursor:pointer;}

.agree-box {
position: absolute;
width: 323px;
padding: 10px;
font-size: 16px;
border: 1px solid #303030;
background: #fff;
z-index: 1;
display: none;
text-align: left;
bottom: 20px;
right:0;
transition:none;
}
.agree_tit{font-size:18px; color:#c80000;}