body::-webkit-scrollbar{width:5px;}
body::-webkit-scrollbar-thumb{background:var(--color1)}

.sub,#sub{background:#000;}
.sub_visual{display: flex; flex-direction: column; margin:0 auto; padding-top:200px; position: relative; overflow: hidden;}
.sub_visual .video_bg{position: fixed; left:50%; bottom:0; transform: translate(-50%,0); width:100%; height:100%; display: flex; align-items: flex-end;}
.sub_visual .video_bg u{opacity: .25; transition: all .3s ease; filter: hue-rotate(305deg); width:100%; height:100%; background:url(../img/video_bg1.gif) no-repeat center / 100%;}
.sub_visual .video_bg::before{position: absolute; content:''; left:0; bottom:0; width:100%; height:25%; background: linear-gradient( to bottom, transparent, #000); z-index: 10; transition: all .3s ease;}
.sub_visual.height .video_bg::before{height:40%;}

/* video-none*/
.sub_visual .video_bg video{opacity: .3; transition: all .3s ease; filter: hue-rotate(305deg); width:100%; display: none;}
.sub_visual.height .video_bg video{opacity: .1;}
/* video-none*/

.sub_visual .img_box{position: relative; z-index: 10; display: block; width:calc(100% - 200px); height:490px; margin:0 auto;overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, .5); transition: all .3s ease; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.sub_visual.height .img_box{clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);}
.sub_visual .img_box span{display: block; width:100%; height:100%; animation: sub_visual 1s linear; animation-timing-function: ease; }

@keyframes sub_visual { 0%{transform: scale(1.2); filter: blur(20px);} 100%{transform: scale(1); filter: blur(0px);} }
.sub_tit{position: relative; z-index: 1; padding:50px 0;}
.sub_tit h2{margin-bottom:50px; text-align: center;}
.sub_tit h2 span{display: block;}
.sub_tit h2 .desc1{color:var(--color1); opacity: .5;}
.sub_tit h2 .desc2{font-size:2.5em; color:#f7f7f7; font-weight: 900;}
.sub_tit ul{display: flex; justify-content: center; gap:50px;}
.sub_tit ul li{position: relative;}
.sub_tit ul li a{font-size:18px; color:#f7f7f7; display: flex; line-height: 1; opacity: .5; transition: all .3s ease; position: relative;}
.sub_tit ul li a::before{position: absolute; content:''; left:50%; bottom:calc(100% + 20px); transform: translate(-50%,0) rotate(45deg); width:7px; height:7px; border:2px solid var(--color1); border-left:0; border-top:0; transition: all .3s ease; opacity: 0;}
.sub_tit ul li.on a::before, .sub_tit ul li:hover a::before{bottom:calc(100% + 10px); opacity: .75;}
.sub_tit ul li.on a,.sub_tit ul li:hover a{opacity: 1; font-weight: 600;}
.sub_tit ul li.on a{color:var(--color1)}
#content{width:100%;}

#tab_menu{max-width:1400px; width:100%; margin:0 auto; margin-bottom:100px;}
#tab_menu ul{display: flex; justify-content: center; gap:25px;}
#tab_menu ul li{position: relative; overflow: hidden;}
#tab_menu ul li::before{position: absolute; content:''; left:50%; top:0; transform: translate(-50%,0); width:100%; height:100%; background:rgba(255, 255, 255, .15); opacity: 0; transition: all .3s ease; z-index: -1;}
#tab_menu ul li span{display: flex; padding:20px; font-size:16px; border:1px solid rgba(255, 255, 255, .15); transition: all .3s ease; color:#f7f7f7; cursor: pointer;}
#tab_menu ul a{display: flex; padding:20px; font-size:16px; border:1px solid rgba(255, 255, 255, .15); transition: all .3s ease; color:#f7f7f7; cursor: pointer;}
#tab_menu ul li.on::before,.page_0101 #tab_menu ul li:hover::before{opacity: 1;}
#tab_menu ul li.on span{border-color:var(--color1); color:var(--color1)}
.container_group{max-width:1400px; width:100%; margin:0 auto; display: none;}
.container_group{display: none; opacity: 0;}
.container_group.on{animation: tab_fade .5s linear forwards; animation-timing-function: ease; display: block;}
@keyframes tab_fade { 0%{opacity: 0;} 100%{opacity: 1;} }

.sub_visual{background:#000 url(../img/sub_bg.jpg) no-repeat fixed top center / 100%;}
.sub_visual.bg1 .img_box span{background:url(../img/sub_visual_01.jpg) no-repeat center / cover;}
.sub_visual.bg2 .img_box span{background:url(../img/sub_visual_02.jpg) no-repeat center / cover;}
.sub_visual.bg3 .img_box span{background:url(../img/sub_visual_03.jpg) no-repeat center / cover;}
.sub_visual.bg4 .img_box span{background:url(../img/sub_visual_04.jpg) no-repeat center / cover;}
.sub_visual.bg5 .img_box span{background:url(../img/sub_visual_05.jpg) no-repeat center / cover;}
.sub_visual.bg6 .img_box span{background:url(../img/sub_visual_06.jpg) no-repeat center / cover;}
.page{position: relative;}
.page i::before{display: none;}

@media(max-width:1440px){
    .sub_visual{padding-top:100px;}
    .sub_visual .img_box{width:95%; height:400px;}
    .sub_tit h2 .desc2{font-size:45px;}
    
}

@media(max-width:1024px){
    .sub_tit h2 .desc1{font-size:16px;}
    .sub_tit h2 .desc2{font-size:36px;}
}

@media(max-width:768px){
    .sub_tit h2 .desc1{font-size:14px;}
    .sub_tit h2 .desc2{font-size:32px;}
    .sub_visual .img_box{height:280px;}
    .sub_tit ul{width:95%; flex-wrap: wrap; gap:20px; margin:0 auto;}
    .sub_tit ul li{width:calc((100% - 60px) / 4)}
    .sub_tit ul li a{border:1px solid rgba(255, 255, 255, .5); font-size:14px; padding:10px; justify-content: center;}
    .sub_tit ul li.on a{border-color:var(--color1)}
    .sub_tit ul li a::before{display: none;}
    #tab_menu{margin-bottom:50px;}
    #tab_menu ul li span{font-size:14px;}
}

@media (max-width:640px) {
    .sub_tit ul{gap:10px; justify-content: flex-start;}
    .sub_tit ul li{width:calc((100% - 20px) / 3)}
}

@media(max-width:425px){
    .sub_tit ul li{width:calc((100% - 10px) / 2)}
    .sub_visual .img_box{height:200px;}
    .sub_tit h2 .desc2{font-size:28px;}
}



/* 회사소개 */
.page_0101{position: relative; padding:0 0 100px;}
.page_0101 img{width:100%;}
.page_0101 .container_group1 .container{width:100%;}
.page_0101 .container_group1 .container1{display: flex; gap:50px; padding-bottom:100px;}
.page_0101 .container_group1 .container1 .img_box{width:50%;}
.page_0101 .container_group1 .container1 .img_box span{display: flex; align-items: center; justify-content: center;}
.page_0101 .container_group1 .container1 .content{width:50%;}
.page_0101 .container_group1 .container1 .content ul li{display: flex; font-size:1.2em; color:#f7f7f7; border-bottom:1px solid rgba(255, 255, 255, .215); padding:20px 0;}
.page_0101 .container_group1 .container1 .content ul li .desc1{width:140px; font-weight: 600;}
.page_0101 .container_group1 .container1 .content ul li .desc2{width:calc(100% - 140px); font-weight: 300; color:rgba(255, 255, 255, .75); word-break: keep-all;}
.page_0101 .container_group1 .container2{display: flex; padding:100px 0; gap:50px;}
.page_0101 .container_group1 .container2 .txt_box{font-size:1.2em; color:#f7f7f7; width:50%; line-height: 2; padding:25px 0;}
.page_0101 .container_group1 .container2 .txt_box h3{font-size:26px; word-break: keep-all; margin-bottom:30px; border-bottom:1px solid rgba(255, 255, 255, .15); padding-bottom:30px;}
.page_0101 .container_group1 .container2 .txt_box p{font-size:16px; word-break: keep-all; line-height: 2;  color:rgba(255, 255, 255, .5); font-weight: 300;}
.page_0101 .container_group1 .container2 .img_box{width:50%;}
.page_0101 .container_group1 .container3{display: flex; padding:100px 0; gap:50px;}
.page_0101 .container_group1 .container3 .txt_box{font-size:1.2em; color:#f7f7f7; width:50%; line-height: 2; padding:25px 0;}
.page_0101 .container_group1 .container3 .txt_box h3{font-size:26px; word-break: keep-all; margin-bottom:30px; border-bottom:1px solid rgba(255, 255, 255, .15); padding-bottom:30px;}
.page_0101 .container_group1 .container3 .txt_box p{font-size:16px; word-break: keep-all; line-height: 2; color:rgba(255, 255, 255, .5); font-weight: 300;}
.page_0101 .container_group1 .container3 .img_box{width:50%;}
.page_0101 .container_group1 .container4{width:100%; padding:100px 0 0;}
.page_0101 .container_group1 .container4 .content{width:100%;}
.page_0101 .container_group1 .container4 .card_group{display: flex; margin:-25px;}
.page_0101 .container_group1 .container4 .card{width:33.3333%;padding:25px;}
.page_0101 .container_group1 .container4 .box{position: relative; display: flex; flex-direction: column; align-items: center; gap:25px; background-color: rgba(65, 65, 65, 0.308); border: 1px solid rgba(255, 255, 255, 0.089); padding:25px; margin-bottom:25px; overflow: hidden; transition: all .3s ease;}
.page_0101 .container_group1 .container4 .box i{display: flex; align-items: center; justify-content: center; overflow: hidden; width:50px; height:50px;}
.page_0101 .container_group1 .container4 .box i::before{display: none;}
.page_0101 .container_group1 .container4 .box i svg{width:100%; height:100%;}
.page_0101 .container_group1 .container4 .card:hover .box{ border: 1px solid rgba(255, 255, 255, .25);}
.page_0101 .container_group1 .container4 .box h4{font-size:16px; color:#f7f7f7; text-align: center; word-break: keep-all;}
.page_0101 .container_group1 .container4 p{font-size:14px; word-break: keep-all; text-align: center; color:rgba(255, 255, 255, .5); line-height: 1.8; word-break: keep-all;}
.page_0101 .container_group2 .container {display: flex; gap:50px; flex-direction: column; padding:100px 0;}
.page_0101 .container_group2 .container:nth-child(1){padding-top:0;}
.page_0101 .container_group2 .container .txt_box{position: relative; display: flex; width:100%;}
.page_0101 .container_group2 .container .txt_box i{display: flex; justify-content: flex-end;  width:200px; font-size:9em; letter-spacing: 10px; margin-right:-10px; line-height: 1; font-weight: 900; font-style: inherit;  color:#000; text-shadow: -1px 0 var(--color1), 0 1px var(--color1), 1px 0 var(--color1), 0 -1px var(--color1); opacity: .75; margin-top:-10px;}
.page_0101 .container_group2 .container:nth-child(2n) .txt_box i{justify-content: flex-start;}
.page_0101 .container_group2 .container .txt_box .txt{font-size:16px; width:calc(100% - 200px);}
.page_0101 .container_group2 .container .txt_box .txt h3{font-size:26px; font-weight: 900; color:#f7f7f7; border-bottom:1px solid rgba(255, 255, 255, .15); padding-bottom:20px; margin-bottom:20px; line-height: 1;}
.page_0101 .container_group2 .container .txt_box .txt h3 a{display: flex; align-items: center; justify-content: center; font-size:14px; border:1px solid #ddd; padding:10px 15px; font-weight: 500; transition: all .3s ease;}
.page_0101 .container_group2 .container .txt_box .txt h3 a:hover{background:rgba(255, 255, 255, .15);}
.page_0101 .container_group2 .container .txt_box .txt p{font-size:16px; color:rgba(255, 255, 255, .5); word-break: keep-all;}
.page_0101 .container_group2 .container .img_box{width:100%;}
.page_0101 .swiper-button-next::after, .page_0101 .swiper-button-prev::after{color:#f7f7f7; opacity: .5; transition: all .3s ease;}
.page_0101 .swiper-button-next:hover::after, .page_0101 .swiper-button-prev:hover::after{opacity: 1;}
.page_0101 .swiper-pagination-bullet-active{background:#f7f7f7;}
.page_0101 .swiper-slide span{display: flex; align-items: center; justify-content: center; position: relative;}
/* .page_0101 .swiper-slide span::after{position: absolute; content:''; left:50%; bottom:0; transform: translate(-50%,0); width:100%; height:80%; background: linear-gradient( to bottom, transparent, #000);} */
.page_0101 .swiper-slide p{position: absolute; left:0; bottom:0; width:100%; padding:20px; text-align: center; font-size:18px; z-index: 2; font-weight: 500; color:rgba(255, 255, 255, .5); transition: all .3s ease; display: none;}
.page_0101 .swiper-slide:hover p{color:rgba(255, 255, 255, 1); transform: translateY(-10px);}
@media(max-width:1440px){
    .page_0101{width:95%; margin:0 auto;}
    #tab_menu ul li span{padding:15px 20px;}
    .page_0101 .container_group1 .container2 .txt_box{padding:0;}
    .page_0101 .container_group1 .container2 .txt_box h3{font-size:28px; padding-bottom:30px; margin-bottom:30px;}
    .page_0101 .container_group1 .container3 .txt_box{padding:0;}
    .page_0101 .container_group1 .container3 .txt_box h3{font-size:28px; padding-bottom:30px; margin-bottom:30px;}
    .page_0101 .container_group1 .container4 .box{padding:40px 25px;}
    .page_0101 .container_group1 .container4 .card{padding:20px;}
}

@media(max-width:1024px){
    .page_0101{padding:0;}
    .page_0101 .container_group1 .container1{padding-bottom:50px;}
    .page_0101 .container_group1 .container1 .content ul li{padding:10px 0; font-size:14px;}
    .page_0101 .container_group1 .container2{padding:50px 0;}
    .page_0101 .container_group1 .container3{padding:50px 0;}
    .page_0101 .container_group1 .container4 .card_group{margin:0;}
    .page_0101 .container_group1 .container4 .box h4{display: none;}
    .page_0101 .container_group1 .container4 .box{padding:0; background:none; border:0; justify-content: flex-start; align-items: flex-start;}
    .page_0101 .container_group1 .container4 .box i{width:40px; height:40px;}
    .page_0101 .container_group1 .container4 .card{width:100%; display: flex; flex-direction: column; border:1px solid rgba(255, 255, 255, .15); padding:30px;}
    .page_0101 .container_group1 .container4 .card:hover .box{border:0;}
    .page_0101 .container_group1 .container4 p{position: relative; display: flex; flex-direction: column; gap:10px; text-align: left;}
    .page_0101 .container_group1 .container4 .card p::before{color:#fff; font-size:18px; font-weight: 500;}
    .page_0101 .container_group1 .container4 .card:nth-child(1) p::before{display: block; content:'자동차용품 전시장';}
    .page_0101 .container_group1 .container4 .card:nth-child(2) p::before{display: block; content:'프리미엄 차박 텐트 쇼룸 앤카페 RG';}
    .page_0101 .container_group1 .container4 .card:nth-child(3) p::before{display: block; content:'자동차튜닝 쇼룸';}
    .page_0101 .container_group1 .container4 .card:nth-child(4) p::before{display: block; content:'세차부스';}
    
}

@media(max-width:768px){
    .page_0101 .container_group1 .container1{flex-direction: column;}
    .page_0101 .container_group1 .container1 .img_box{width:100%;}
    .page_0101 .container_group1 .container1 .content{width:100%;}
    .page_0101 .container_group1 .container1 .content ul li{padding:15px 0; font-size:16px;}
    .page_0101 .container_group1 .container2{flex-direction: column;}
    .page_0101 .container_group1 .container3{flex-direction: column;}
    .page_0101 .container_group1 .container2 .txt_box{width:100%; order:2;}
    .page_0101 .container_group1 .container3 .txt_box{width:100%;}
    .page_0101 .container_group1 .container2 .img_box{width:100%; order:1;}
    .page_0101 .container_group1 .container3 .img_box{width:100%;}
    .page_0101 .container_group1 .container2 .txt_box h3{font-size:24px;}
    .page_0101 .container_group1 .container3 .txt_box h3{font-size:24px;}
    .page_0101 .container_group1 .container4 .card_group{flex-direction: column; gap:25px;}
    .page_0101 .container_group1 .container4 .card{width:100%;}
    .page_0101 .container_group1 .container4{padding:50px 0;}
    .page_0101 .container_group1 .container4 .box{margin-bottom:10px;}
    .page_0101 .container_group2 .container{padding:50px 0;}
    .page_0101 .container_group2 .container .txt_box{position: relative;}
    .page_0101 .container_group2 .container .txt_box .txt{width:100%; position: relative; z-index: 1;}
    .page_0101 .container_group2 .container .txt_box .txt h3{font-size:24px;}
    .page_0101 .container_group2 .container .txt_box .txt p{font-size:14px;}
    .page_0101 .container_group2 .container .txt_box i{position: absolute; opacity: .1; color:#fff; right:0; top:0; width:auto;}
}

@media(max-width:425px){
    .page_0101 .container_group1 .container1 .content ul li .desc1{width:90px;}
    .page_0101 .container_group1 .container1 .content ul li .desc2{width:calc(100% - 90px);}
    .page_0101 .container_group1 .container2 .txt_box h3{font-size:19px;}
    .page_0101 .container_group1 .container3 .txt_box h3{font-size:19px;}
    .page_0101 .container_group1 .container2 .txt_box p{line-height: 1.8; font-size:14px;}
    .page_0101 .container_group1 .container3 .txt_box p{line-height: 1.8; font-size:14px;}
    .page_0101 .container_group1 .container4 p{font-size:14px;}
}

/* CEO인사말 */
.page_0102{position: relative; padding:0 0 100px;}

.page_0102 .container{max-width:1400px; width:100%; margin:0 auto;}
.page_0102 .container1{display: flex; gap:100px;}
.page_0102 .container1 .txt_box{ display: flex; flex-direction: column; width:100%; position: relative; z-index: 2;}
.page_0102 .container1 .txt_box h3{font-size:26px; color:#f7f7f7; word-break: keep-all; border-bottom:1px solid rgba(255, 255, 255, .15); padding-bottom:30px; margin-bottom:30px;}
.page_0102 .container1 .txt_box h3 span{font-size:1em; color:var(--color1);}
.page_0102 .container1 .txt_box p{word-break: keep-all; color:rgba(255, 255, 255, .5); font-size:16px;}
.page_0102 .container1 .txt_box p span{display: block; line-height: 1.6; margin-bottom:15px;}
.page_0102 .container1 .txt_box p span:last-child{margin:0;}
.page_0102 .container1 .txt_box p span:last-child img{width:120px; transform: translateY(30px);}

.page_0102 .container1 .img_box{ position: relative; display: flex; justify-content: center; width:35%; display: none;}
.page_0102 .container1 .img_box span{position: relative; display: flex; align-items: center; justify-content: center;  width:100%; z-index: 1; overflow: hidden; height:500px;}
.page_0102 .container1 .img_box span img{ width:auto; max-width:none; height:100%;}
.page_0102 .container1 .img_box i{position: absolute; content:'CARLAND RG'; line-height: 1; right:-50%; bottom:0; transform: translateY(50%); font-size:7em; font-weight: 900; white-space: nowrap; transition: all .75s ease; opacity: 0;}
.page_0102 .container1 .img_box i.aos-animate{right:-75px; opacity: 1; display: none;}
.page_0102 .container1 .img_box > i{ z-index: -1; color:#000; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; font-style: inherit; z-index: 1; opacity: .25 !important;}
.page_0102 .container1 .img_box span > i{color:#f7f7f7; z-index: 1; font-style: inherit;}

@media(max-width:1440px){
    .page_0102{width:95%; margin:0 auto;}
}

@media(max-width:1024px){
    .page_0102{padding:0;}
    .page_0102 .container1 .img_box i{display: none;}
    .page_0102 .container1{flex-direction: column;}
    .page_0102 .container1 .img_box{width:100%;}
    .page_0102 .container1 .img_box span{flex-direction: column; background:#fff;}
}

@media(max-width:768px){
    
    .page_0102 .container1 .txt_box h3{font-size:2em;}
}

@media(max-width:425px){
    .page_0102 .container1 .txt_box h3{font-size:21px;}
    .page_0102 .container1 .img_box span{height:350px;}
}

/* 비전&경영이념 */
.page_0103{max-width:1400px; width:100%; margin:0 auto; padding:100px 0;}
.page_0103 img{width:100%;}
.page_0103 .container1{padding-bottom:100px;}
.page_0103 .container1 .txt{position: relative; padding:50px 0; border-top:1px solid rgba(255, 255, 255, .25); border-bottom:1px solid rgba(255, 255, 255, .25); text-align: center; display: flex; flex-direction: column; align-items: center; gap:20px; overflow: hidden;}
.page_0103 .container1 .txt::before{position: absolute; content:''; left:50%; top:0; transform: translate(-50%,-50%); z-index: -1; width:75%; height:130%; background: radial-gradient(circle, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 74%); opacity: .2; filter: blur(30px);}
.page_0103 .container1 h2{position: relative; display: flex; gap:10px; font-size:28px; color:#f7f7f7;}
.page_0103 .container1 h2 span{color:var(--color1); font-size:28px;}
.page_0103 .container1 h2::before{position: absolute; content:''; left:-50px; top:0; transform: rotate(180deg); display: flex; width:30px; height:30px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M7 3h9.95v9.96l-3.99 7.98H8l3.97-7.98H7z'/%3E%3C/svg%3E") no-repeat center / 100%;}
.page_0103 .container1 h2::after{position: absolute; content:''; right:-50px; top:0; display: flex; width:30px; height:30px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M7 3h9.95v9.96l-3.99 7.98H8l3.97-7.98H7z'/%3E%3C/svg%3E") no-repeat center / 100%;}
.page_0103 .container1 p{font-size:18px; color:rgba(255, 255, 255, .5);}
.page_0103 .container2 .content{display: flex; gap:50px;}
.page_0103 .container2 .card{display: flex; flex-direction: column; gap:20px; width:33.3333%; padding:25px; border:1px solid rgba(255, 255, 255, .15);}
.page_0103 .container2 .card .img_box span{display: flex; align-items: center; justify-content: center;}
.page_0103 .container2 .card .txt_box h3{color:#f7f7f7; font-size:1.6em; margin-bottom:10px; word-break: keep-all;}
.page_0103 .container2 .card .txt_box p{color:rgba(255, 255, 255, .5); font-size:16px; word-break: keep-all;}
.page_0103 .item_group{display: flex; margin:0 -60px; min-height:600px;}
.page_0103 .item_group .item{display: flex; flex-direction: column; justify-content: flex-end; gap:30px; width:calc(100% / 3); padding:60px; border-right:1px solid rgba(255, 255, 255, .15);}
.page_0103 .item_group .item:nth-child(2){justify-content: flex-start;}
.page_0103 .item_group .item:last-child{border:0;}
.page_0103 .item_group .item .img_box{display: flex; align-items: center; justify-content: center;}
.page_0103 .item_group .item .img_box img{width:100%;}
.page_0103 .item_group .item .txt_box {width:200px;}
.page_0103 .item_group .item .txt_box h3{font-size:21px; margin-bottom:10px; color:var(--color1); word-break: keep-all;}
.page_0103 .item_group .item .txt_box p{word-break: keep-all;}

.page_0103_2 .container{max-width:1200px; width:100%; margin:0 auto; display: flex; flex-direction: column;}
.page_0103_2 .content1{margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid rgba(255, 255, 255, .15);}
.page_0103_2 .img_box{display: flex; align-items: center; justify-content: center;}
.page_0103_2 .img_box img{width:90%;}
.page_0103_2 .content2 .img_box img{width:100%;}
.page_0103_2 .content2{display: flex; gap:40px;}
.page_0103_2 .content2 .item{width:calc((100% - 80px) / 3); border:1px solid rgba(255, 255, 255, .15); padding:20px;}
.page_0103_2 .content2 .img_box{margin-bottom:20px;}
.page_0103_2 .content2 .txt_box h3{color:#fff; font-size:18px; margin-bottom:10px;}
.page_0103_2 .content2 .txt_box p{font-size:14px;}
@media(max-width:1440px){

}

@media(max-width:1024px){

}

@media(max-width:768px){
    .page_0103_2 .content2{flex-direction: column;}
    .page_0103_2 .content2 .item{width:100%;}
}

@media(max-width:425px){

}


@media(max-width:1440px){
    .page_0103{width:95%; margin:0 auto;}
}

@media(max-width:1024px){
    .page_0103{padding:0 0 50px;}
    .page_0103 .container1 h2{font-size:21px;}
    .page_0103 .container1 h2 span{font-size:21px;}
}

@media(max-width:768px){
    .page_0103 .container1{padding-bottom:50px;}
    .page_0103 .container2 .content{flex-direction: column;}
    .page_0103 .container2 .card{width:100%;}
    .page_0103 .container1 .txt{gap:30px;}
    .page_0103 .container1 h2{font-size:21px; flex-direction: column; word-break: keep-all;}
    .page_0103 .container1 h2 span{font-size:16px;}
    .page_0103 .container1 h2::before,.page_0103 .container1 h2::after{display: none;}
    
}

@media(max-width:425px){
    .page_0103 .container1 h2{font-size:20px;}
    .page_0103 .container1 p{font-size:14px;}
    .page_0103 .container1 h2{font-size:18px;}
}



/* 연혁 */
.page_0104{ max-width:1400px; width:100%; margin:0 auto;}
.page_0104 .container{padding:100px 0;}
.page_0104 .container1 h2{font-size:2em; word-break: keep-all;}
.page_0104 .container1{padding-bottom:100px;}
.page_0104 .container1 .txt{position: relative; padding:50px 0; border-top:1px solid rgba(255, 255, 255, .25); border-bottom:1px solid rgba(255, 255, 255, .25); text-align: center; display: flex; flex-direction: column; align-items: center; overflow: hidden;}
.page_0104 .container1 .txt::before{position: absolute; content:''; left:50%; top:0; transform: translate(-50%,-50%); z-index: -1; width:75%; height:130%; background: radial-gradient(circle, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 74%); opacity: .2; filter: blur(30px);}
.page_0104 .container1 h2{position: relative; display: flex; font-size:2.1em; color:#f7f7f7; margin-bottom:20px;}
.page_0104 .container1 h2::before{position: absolute; content:''; left:-50px; top:0; transform: rotate(180deg); display: flex; width:30px; height:30px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M7 3h9.95v9.96l-3.99 7.98H8l3.97-7.98H7z'/%3E%3C/svg%3E") no-repeat center / 100%;}
.page_0104 .container1 h2::after{position: absolute; content:''; right:-50px; top:0; display: flex; width:30px; height:30px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M7 3h9.95v9.96l-3.99 7.98H8l3.97-7.98H7z'/%3E%3C/svg%3E") no-repeat center / 100%;}
.page_0104 .container1 p{font-size:18px; color:rgba(255, 255, 255, .5); word-break: keep-all;}
.page_0104 .container2{position: relative; display: flex; flex-direction: column;}
.page_0104 .container2::before{position: absolute; left:50%; top:100px; transform: translate(-50%,0); content:''; width:1px; height:calc(100% - 200px); background:rgba(255, 255, 255, .5);}
.page_0104 .container2 .content{display: flex; justify-content: center; gap:150px; padding:100px 0;}
.page_0104 .container2 .content .img_box{width:50%; display: flex; justify-content: flex-end; align-items: flex-start;}
.page_0104 .container2 .content .img_box span{display: flex; align-items: center; justify-content: center;}
.page_0104 .container2 .content .img_box img{width:100%;}
.page_0104 .container2 .content .txt{width:50%; display: flex; flex-direction: column; gap:50px;}
.page_0104 .container2 .content .txt h3{position: relative; font-size:5em; line-height: 1; color:var(--color1);}
.page_0104 .container2 .content .txt h3::before{position: absolute; left:-75px; top:50%; transform: translate(-50%,-50%); content:''; width:10px; height:10px; background:var(--color1);}
.page_0104 .container2 .content .txt p{font-size:16px;}
.page_0104 .container2 .content .txt ul li{display: flex; font-size:18px; margin-bottom:25px;}
.page_0104 .container2 .content .txt ul li:last-child{margin:0;}
.page_0104 .container2 .content .txt ul li .desc1{width:100px; font-weight: 700; color:rgba(255, 255, 255, .75);}
.page_0104 .container2 .content .txt ul li .desc2{width:calc(100% - 100px); font-weight: 400; color:rgba(255, 255, 255, .5);}
.page_0104 .container2 .content:nth-child(2n) .img_box{order:2; justify-content: flex-start;}
.page_0104 .container2 .content:nth-child(2n) .txt{order:1;}
.page_0104 .container2 .content:nth-child(2n) .txt h3::before{left:calc(100% + 75px);}
.page_0104 .container2 .content:nth-child(2n) .txt h3{text-align: right;}
.page_0104 .container2 .content:nth-child(2n) .txt ul li span{text-align: right;}
.page_0104 .container2 .content:nth-child(2n) .txt ul li .desc1{order:2;}
.page_0104 .container2 .content:nth-child(2n) .txt ul li .desc2{order:1;}
@media(max-width:1440px){
    .page_0104{width:95%; margin:0 auto;}
}

@media(max-width:1024px){
    .page_0104 .container{padding:50px 0;}
    .page_0104 .container1{padding:0;}
}

@media(max-width:768px){
    .page_0104 .container2 .content{padding:75px 0; gap:100px;}
    .page_0104 .container2 .content .txt h3{font-size:5em;}
    .page_0104 .container2 .content .txt ul li .desc1{width:50px}
    .page_0104 .container2 .content .txt ul li .desc2{width:calc(100% - 50px)}
    .page_0104 .container2 .content .txt h3::before{left:-50px;}
    .page_0104 .container2 .content:nth-child(2n) .txt h3::before{left:calc(100% + 50px);}
}

@media(max-width:425px){
    .page_0104 .container1 h2{font-size:20px;}
    .page_0104 .container1 p{font-size:14px;}
    .page_0104 .container2 .content{flex-direction: column; gap:20px;}
    .page_0104 .container2 .content .img_box{order:1 !important; width:100%;}
    .page_0104 .container2::before{display: none;}
    .page_0104 .container2 .content .txt h3{font-size:3em;}
    .page_0104 .container2 .content .txt{order:2 !important; width:100%; gap:20px;}
}



/* 조직도 */
.page_0105{max-width:1400px; width:100%; margin:0 auto; padding:100px 0;}
.page_0105 .container_group1 .container{position: relative; width:100%;}
.page_0105 .container_group1 .data{position: absolute; display: flex; gap:10px;  right:0; top:0; padding:0 25px 25px; }
.page_0105 .container_group1 .data .desc1{font-weight: 500; color:rgba(255, 255, 255, .5);}
.page_0105 .container_group1 .data .desc2{font-weight: 700; color:rgba(255, 255, 255, .75);}
.page_0105 .container_group1 .content{position: relative; display: flex; justify-content: center;}
.page_0105 .container_group1 .content1{margin-bottom:50px;}
.page_0105 .container_group1 .content2{margin-bottom:100px;}
.page_0105 .container_group1 .content3{gap:50px;}
.page_0105 .container_group1 .item{position: relative; padding:25px; width:calc(25% - 50px); background:#111; border-top:4px solid var(--color1);}
.page_0105 .container_group1 .item p{font-size:1.75em; line-height: 1; color:#f7f7f7; font-weight: 700; text-align: center;}
.page_0105 .container_group1 .item_group{position: relative; width:calc((100% - 150px) / 4); display: flex; flex-direction: column; gap:25px;}
.page_0105 .container_group1 .item_group .item{position: relative; width:100%; border:0;}
.page_0105 .container_group1 .item_group .item p{font-size:16px; color:rgba(255, 255, 255, .5);}
.page_0105 .container_group1 .item_group .item:first-child{border-top:2px solid #f7f7f7;}
.page_0105 .container_group1 .item_group .item:first-child p{font-size:1.5em; color:#f7f7f7;}
.page_0105 .container_group1 .content::before{position: absolute; content:''; left:50%; top:100%; transform: translate(-50%,0); width:1px; height:50px; background:rgba(255, 255, 255, .15);}
.page_0105 .container_group1 .content3::before{position: absolute; content:''; left:50%; top:-50px; transform: translate(-50%,0); width:calc(75% + 38px); height:1px; background:rgba(255, 255, 255, .15);}
.page_0105 .container_group1 .item_group::before{position: absolute; content:''; left:50%; top:0; transform: translate(-50%,-100%); width:1px; height:50px; background:rgba(255, 255, 255, .15);}
.page_0105 .container_group2 .content{display: flex; justify-content: center; gap:100px; padding:100px 0;}
.page_0105 .container_group2 .content:first-child{padding-top:0;}
.page_0105 .container_group2 .content .img_box{position: relative; width:25%; display: flex; justify-content: flex-end;}
.page_0105 .container_group2 .content .img_box span{position: relative; display: flex; align-items: flex-start; justify-content: center;}
.page_0105 .container_group2 .content .img_box span::before{position: absolute; content:''; width:100%; height:480px; border:1px solid rgba(255, 255, 255, .5);}
.page_0105 .container_group2 .content .img_box img{position: relative; left:-50px; top:50px; max-width:none; width:auto; height:480px;}
.page_0105 .container_group2 .content .txt_box{display: flex; flex-direction: column; justify-content: flex-end; width:40%; padding-top:50px;}
.page_0105 .container_group2 .content h3{display: flex; flex-direction: column; gap:15px; color:#f7f7f7; margin-bottom:50px;}
.page_0105 .container_group2 .content h3 span{line-height: 1;}
.page_0105 .container_group2 .content h3 .desc1{font-size:18px; color:rgba(255, 255, 255, .5); font-weight: 500;}
.page_0105 .container_group2 .content h3 .desc2{font-size:2em; color:var(--color1)}
.page_0105 .container_group2 .content .txt_box > ul{display: flex; flex-direction: column; gap:25px;}
.page_0105 .container_group2 .content .txt_box > ul li{font-size:16px; margin-bottom:10px;}
.page_0105 .container_group2 .content .txt_box h4{font-size:21px; margin-bottom:15px; color:rgba(255, 255, 255, .75);}
.page_0105 .container_group2 .content .txt_box > ul > li > ul > li{position: relative; padding-left:15px; color:rgba(255, 255, 255, .5); line-height: 1.6; word-break: keep-all;}
.page_0105 .container_group2 .content .txt_box > ul > li > ul > li:last-child{margin:0;}
.page_0105 .container_group2 .content .txt_box > ul > li > ul > li::before{position: absolute; content:''; left:0; top:10px; width:3px; height:3px; background:#f7f7f7;}
.page_0105 .container_group2 .content:nth-child(2n) .img_box{order:2; justify-content: flex-start;}
.page_0105 .container_group2 .content:nth-child(2n) .img_box img{left:auto; right:-50px;}
.page_0105 .container_group2 .content:nth-child(2n) .txt_box{order:1;}
.page_0105 .container_group2 .content:nth-child(2n) h3{text-align: right;}
.page_0105 .container_group2 .content:nth-child(2n) .txt_box h4{text-align: right;}
.page_0105 .container_group2 .content:nth-child(2n) .txt_box > ul > li > ul > li{padding:0 15px 0 0; text-align: right;}
.page_0105 .container_group2 .content:nth-child(2n) .txt_box > ul > li > ul > li::before{left:auto; right:0;}
@media(max-width:1440px){
    .container_group{width:95%;}
}

@media(max-width:1024px){
    .page_0105 .container_group1 .content1 .item{width:270px !important;}
    .page_0105 .container_group1 .content2 .item{width:270px !important;}
    .page_0105 .container_group1 .item_group .item:first-child p{font-size:18px;}
    .page_0105 .container_group1 .item_group .item p{line-height: 1.4;}
    .page_0105 .container_group2 .content{gap:50px;}
    
}

@media(max-width:768px){
    .page_0105{padding-top:0;}
    .page_0105 .container_group1 .content3{flex-wrap: wrap; gap:20px;}
    .page_0105 .container_group1 .content3::before{width:calc((100% - -20px) /2)}
    .page_0105 .container_group1 .item_group{width:calc((100% - 20px) / 2)}
    .page_0105 .container_group1 .item_group:nth-child(3) ,.page_0105 .container_group1 .item_group:nth-child(4){margin-top:50px;}
    .page_0105 .container_group1 .item_group:nth-child(3)::before ,.page_0105 .container_group1 .item_group:nth-child(4)::before{display: none; }
    .page_0105 .container_group2 .content .img_box img{left:0; top:0;}
    .page_0105 .container_group2 .content:nth-child(2n) .img_box img{left:0; right:0;}
    .page_0105 .container_group2 .content .img_box span::before{display: none;}
    .page_0105 .container_group2 .content .txt_box{padding:0;}
    .page_0105 .container_group2 .content:nth-child(2n) .img_box{order:0;}
    .page_0105 .container_group2 .content:nth-child(2n) h3{text-align: left;}
    .page_0105 .container_group2 .content:nth-child(2n) .txt_box h4{text-align: left;}
    .page_0105 .container_group2 .content:nth-child(2n) .txt_box > ul > li > ul > li{text-align: left;}
    .page_0105 .container_group2 .content:nth-child(2n) .txt_box > ul > li > ul > li{padding:0 0 0 15px;}
    .page_0105 .container_group2 .content:nth-child(2n) .txt_box > ul > li > ul > li::before{right:auto; left:0;}
    .page_0105 .container_group2 .content{padding:50px 0;}
    .page_0105 .container_group2 .content{flex-direction: column;}
    .page_0105 .container_group2 .content .txt_box{width:100%;}
    .page_0105 .container_group1 .data{position: relative; justify-content: flex-end;}
    .page_0105 .container_group2 .content .img_box{width:100%; justify-content: flex-start;}
    
}

@media (max-width:650px) {

}

@media(max-width:425px){
    .page_0105 .container_group1 .content1 .item{width:100% !important;}
    .page_0105 .container_group1 .content2 .item{width:100% !important;}
    .page_0105 .container_group1 .item_group{width:100%; margin-top:50px;}
    .page_0105 .container_group1 .item_group:first-child{margin:0;}
    .page_0105 .container_group1 .content3::before{display: none;}
    .page_0105 .container_group1 .item_group::before{display: none;}
    .page_0105 .container_group1 .content2{margin-bottom:50px;}
    
    .page_0105 .container_group2 .content .img_box{width:100%;}
}

/* CI정책 */
.page_0106{max-width:1400px; width:100%; margin:0 auto; padding:100px 0;}
.page_0106 img{width:100%;}
.page_0106 .container{display: flex; padding:100px 0;}
.page_0106 .container1{padding-top:0;}
.page_0106 .container3{padding-bottom:0;}
.page_0106 .container h2{font-size:4em; font-weight: 900; width:30%; line-height: 1; color:#f7f7f7;}
.page_0106 .container .content{display: flex; flex-direction: column; gap:50px; width:70%;}
.page_0106 .container .img_box{display: flex; gap:25px;}
.page_0106 .container .img_box span{position: relative;}
.page_0106 .container .img_box span::before{position: absolute; right:0; bottom:0; padding:10px 20px; background:#111; color:rgba(255, 255, 255, .75);}
.page_0106 .container .img_box span:nth-child(1):before{content:'국문';}
.page_0106 .container .img_box span:nth-child(2):before{content:'영문';}
.page_0106 .container .txt h3{font-size:1.8em; font-weight: 700; line-height: 1; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid rgba(255, 255, 255, .25); color:rgba(255, 255, 255, .75);}
.page_0106 .container .txt p{font-size:16px; line-height: 1.8; color:rgba(255, 255, 255, .5); word-break: keep-all;}

.page_0106 .container .color_group{width:100%; display: flex; gap:30px;}
.page_0106 .container .color_group > div{display: flex; gap:20px; width:50%;}
.page_0106 .container .color_group > div i{display: flex; width:80px; height:80px;}
.page_0106 .container .color_group > div:nth-child(1) i{ background:#26476D;}
.page_0106 .container .color_group > div:nth-child(2) i{ background:#60AC7D;}
.page_0106 .container .color_group > div ul{display: flex; flex-direction: column; gap:5px; width:calc(100% - 100px);}
.page_0106 .container .color_group > div ul li{display: flex; gap:10px; width:100%;}
.page_0106 .container .color_group > div ul li .desc1{width:50px; opacity: .5;}
.page_0106 .container .color_group > div ul li .desc2{width:calc(100% - 60px); color:#fff; letter-spacing: 1px;}
@media(max-width:1440px){
    .page_0106 .container{width:95%; margin:0 auto;}
}

@media(max-width:1024px){
    .page_0106{padding-top:0;}
    .page_0106 .container{flex-direction: column;}
    .page_0106 .container .content{width:100%;}
    .page_0106 .container h2{margin-bottom:30px; width:100%; font-size:3em;}
    
}

@media(max-width:768px){

}

@media (max-width:650px) {
    .page_0106 .container .img_box{flex-direction: column;}
    .page_0106 .container .img_box span::before{padding:5px 15px;}
    .page_0106 .container .color_group{flex-direction: column;}
    .page_0106 .container .color_group > div{width:100%;}
}

@media(max-width:425px){

}

/* 고객사 */
.page_0107{max-width:1400px; width:100%; margin:0 auto; padding:100px 0;}
.page_0107 img{width:100%;}
.page_0107 .container ul{display: flex; flex-wrap: wrap; gap:50px;}
.page_0107 .container li{width:calc((100% - 150px) / 4);}
.page_0107 .container li span{display: flex; align-items: center; justify-content: center; border:1px solid rgba(255, 255, 255, .15);}
@media(max-width:1440px){
    .page_0107{width:95%;}
}

@media(max-width:1024px){
    .page_0107{padding-top:0;}
    .page_0107 .container ul{gap:25px;}
    .page_0107 .container li{width:calc((100% - 50px) / 3)}
}

@media(max-width:768px){
    .page_0107 .container li{width:calc((100% - 25px) / 2)}
}

@media(max-width:425px){

}



/* 제품서비스 */
.page0201{max-width:1400px; width:100%; margin:0 auto;}
.page0201 img{width:100%;}
.page0201 .container{padding:100px 0;}
.page0201 .content1{position: relative; display: flex; justify-content: flex-end; z-index: 1;}
.page0201 .img_box{ position: relative; display: flex; flex-direction: column; width:100%; box-shadow: 0 20px 40px rgba(0, 0, 0, .5);}
.page0201 .img_box span{position: relative; display: flex; flex-direction: column; width:100%; z-index: 1; overflow: hidden; gap:40px;}
.page0201 .img_box u{display: flex; align-items: center; justify-content: center; overflow: hidden;}
.page0201 .img_box u::after{position: absolute; left:0; bottom:0;  content:''; width:100%; height:100%; background: #000; opacity: .25; display: none;}
.page0201 .img_box i{content:'CARLAND RG'; line-height: 1; left:-25%; top:50px; font-size:38px; font-weight: 900; white-space: nowrap; transition: all 1.75s ease;}
.page0201 .img_box > i{ z-index: -1; color:#000; text-shadow: -1px 0 rgba(255, 255, 255, .25), 0 1px rgba(255, 255, 255, .25), 1px 0 rgba(255, 255, 255, .25), 0 -1px rgba(255, 255, 255, .5); font-style: inherit; display: none;}
.page0201 .img_box span > i{color:#f7f7f7; z-index: 1; font-style: inherit;}
.page0201 .img_box span:nth-child(2){margin-left:auto;}
.page0201 .content2{display: flex; flex-direction: column; align-items: flex-end; padding:100px 0 0 0;}
.page0201 .content2 .item{position: relative; display: flex; width:80%; padding:50px 0;}
.page0201 .content2 .item:first-child{padding-top:0;}
.page0201 .content2 .item:last-child{padding-bottom:0;}
.page0201 .content2 .item::before{position: absolute; content:''; left:0; top:0; width:1px; height:100%; background:rgba(255, 255, 255, .15)}
.page0201 .content2 .item:last-child{margin:0;}
.page0201 .content2 h3{font-size:2em; color:var(--color1); width:300px; line-height: 1; position: relative; padding-left:25px;}
.page0201 .content2 h3::before{position: absolute; content:''; left:0; top:10px; width:7px; height:7px; background:var(--color1); transform: translateX(-50%);}
.page0201 .content2 ul{display: flex; flex-wrap: wrap; width:calc(100% - 300px); gap:25px;}
.page0201 .content2 ul li{position: relative; display: flex; align-items: center; color:rgba(255, 255, 255, .75); width:calc((100% - 25px) / 2); border:1px solid rgba(255, 255, 255, .15);}
.page0201 .content2 ul li span{display: flex; align-items: center; width:100%; height:100%; padding:25px; font-size:16px; word-break: keep-all;}
.page0201 .container1 .content2 .item:nth-child(n+3):nth-child(-n+5) ul li{width:100%;}
.page0201 .container2 .content2 .item:first-child ul li{width:100%;}
@media(max-width:1440px){
    .page0201{width:95%;}
    .page0201 .img_box i{font-size:48px;}
}

@media(max-width:1024px){
    .page0201 .container{padding-top:0;}
    .page0201 .img_box{width:100%;}
    .page0201 .img_box > i{display: none;}
    .page0201 .img_box span{opacity: inherit; display: flex; flex-direction: column; gap:50px;}
    .page0201 .img_box i{position: relative; left:0; top:0; order:2; font-size:36px;}
    .page0201 .img_box u{order:1;}
    .page0201 .img_box{box-shadow: none;}
    .page0201 .img_box u::after{background:none;}
    .page0201 .content2{padding:50px 0 0 0;}
    .page0201 .content2 .item{width:100%;}
    .page0201 .content2 h3{width:270px;}
    .page0201 .content2 ul{width:calc(100% - 270px)}
    
}

@media(max-width:768px){
    .page0201 .content2 .item{flex-direction: column; gap:50px;}
    .page0201 .content2 h3{width:100%;}
    .page0201 .content2 ul{width:95%; margin-left:auto;}
}

@media(max-width:425px){
    .page0201 .img_box i{font-size:2em;}
    .page0201 .content2 ul li{width:100%;}
}



/* 추진사업 */
.page0202{max-width:1400px; width:100%; margin:0 auto;}
.page0202 img{width:100%;}
.page0202 .container{padding:100px 0;}
.page0202 .content1{position: relative; display: flex; justify-content: flex-end; z-index: 1;}
.page0202 .img_box{ position: relative; display: flex; flex-direction: column; width:100%; box-shadow: 0 20px 40px rgba(0, 0, 0, .5);}
.page0202 .img_box span{position: relative; display: flex; flex-direction: column; width:100%; z-index: 1; overflow: hidden; gap:40px;}
.page0202 .img_box u{display: flex; align-items: center; justify-content: center; overflow: hidden;}
.page0202 .img_box u::after{position: absolute; left:0; bottom:0;  content:''; width:100%; height:100%; background: #000; opacity: .25; display: none;}
.page0202 .img_box i{content:'CARLAND RG'; line-height: 1; left:-25%; top:50px; font-size:38px; font-weight: 900; white-space: nowrap; transition: all 1.75s ease;}
.page0202 .img_box > i{ z-index: -1; color:#000; text-shadow: -1px 0 rgba(255, 255, 255, .25), 0 1px rgba(255, 255, 255, .25), 1px 0 rgba(255, 255, 255, .25), 0 -1px rgba(255, 255, 255, .5); font-style: inherit; display: none;}
.page0202 .img_box span > i{color:#f7f7f7; z-index: 1; font-style: inherit;}
.page0202 .img_box span:nth-child(2){margin-left:auto;}
.page0202 .content2{display: flex; flex-direction: column; align-items: flex-end; padding:100px 0 0 0;}
.page0202 .content2 .item{position: relative; display: flex; width:80%; padding:50px 0;}
.page0202 .content2 .item:first-child{padding-top:0;}
.page0202 .content2 .item:last-child{padding-bottom:0;}
.page0202 .content2 .item::before{position: absolute; content:''; left:0; top:0; width:1px; height:100%; background:rgba(255, 255, 255, .15)}
.page0202 .content2 .item:last-child{margin:0;}
.page0202 .content2 h3{font-size:2em; color:var(--color1); width:300px; line-height: 1; position: relative; padding-left:25px;}
.page0202 .content2 h3::before{position: absolute; content:''; left:0; top:10px; width:7px; height:7px; background:var(--color1); transform: translateX(-50%);}
.page0202 .content2 ul{display: flex; flex-wrap: wrap; width:calc(100% - 300px); gap:25px;}
.page0202 .content2 ul li{position: relative; display: flex; align-items: center; color:rgba(255, 255, 255, .75); width:calc((100% - 25px) / 2); border:1px solid rgba(255, 255, 255, .15);}
.page0202 .content2 ul li span{display: flex; align-items: center; width:100%; height:100%; padding:25px; font-size:16px; word-break: keep-all;}

@media(max-width:1440px){
    .page0202{width:95%;}
}

@media(max-width:1024px){
    .page0202 .container{padding-top:0;}
    .page0202 .img_box{width:100%;}
    .page0202 .img_box > i{display: none;}
    .page0202 .img_box span{opacity: inherit; display: flex; flex-direction: column; gap:50px;}
    .page0202 .img_box i{position: relative; left:0; top:0; order:2; font-size:2.75em;}
    .page0202 .img_box u{order:1;}
    .page0202 .img_box{box-shadow: none;}
    .page0202 .img_box u::after{background:none;}
    .page0202 .content2{padding:50px 0 0 0;}
    .page0202 .content2 .item{width:100%;}
    .page0202 .content2 h3{width:270px;}
    .page0202 .content2 ul{width:calc(100% - 270px)}
    
}

@media(max-width:768px){
    .page0202 .content2 .item{flex-direction: column; gap:50px;}
    .page0202 .content2 h3{width:100%;}
    .page0202 .content2 ul{width:95%; margin-left:auto;}
}

@media(max-width:425px){
    .page0202 .img_box i{font-size:2em;}
    .page0202 .content2 ul li{width:100%;}
}



/* AS네트워크현황 */
.page_0301{max-width:1400px; width:100%; margin:0 auto;}
.page_0301 .container{padding:100px 0;}
.page_0301 .container1{display: flex; gap:50px;}
.page_0301 .container1 .map_box{width:40%; padding:50px; background:#111111; box-shadow: 0 20px 40px rgba(0, 0, 0, .5); position: relative;}
.page_0301 .container1 .map_box > p{position: absolute; left:25px; bottom:25px; color:var(--color1); width:calc(100% - 50px); word-break: keep-all;}
.page_0301 .container1 .txt_box{display: flex; flex-direction: column; gap:50px; width:60%;}
.page_0301 .container1 .group{display: flex; gap:15px;}
.page_0301 .container1 .select_type1{flex-grow: 1; width:35%;}
.page_0301 .container1 .search_type1{display: flex; flex-grow:1; width:65%;}
.page_0301 .container1 .search_type1 input{width:calc(100% - 54px);}
.page_0301 .container1 .list_view{display: flex; flex-grow: 1; border-bottom:1px solid rgba(255, 255, 255, .15);}
.page_0301 .container1 .list_view ul{width:100%; height:500px; overflow-y: scroll; padding-right:15px; display: none;}
.page_0301 .container1 .list_view ul .not{font-size:16px; font-weight: 500; color:#fff;}
.page_0301 .container1 .list_view ul.on{display: block; animation: list_view_fade .3s linear forwards;}
@keyframes list_view_fade { from{opacity: 0;} to{opacity: 1;} }
.page_0301 .container1 .list_view ul::-webkit-scrollbar{width:5px; background:transparent}
.page_0301 .container1 .list_view ul::-webkit-scrollbar-thumb{background:var(--color1); border-radius: 100px;}
.page_0301 .container1 .list_view ul li{display: flex; align-items: center; justify-content: space-between; gap:50px; width:100%; border-bottom:1px solid rgba(255, 255, 255, .1); padding:25px; transition: all .3s ease;}
.page_0301 .container1 .list_view ul li:first-child{border-top:1px solid rgba(255, 255, 255, .1)}
.page_0301 .container1 .list_view ul li:hover{background:rgba(255, 255, 255, .05)}
.page_0301 .container1 .list_view .info_group{display: flex; align-items: center; width:calc(100% - 170px); gap:50px;}
.page_0301 .container1 .list_view .img_box{ width:100px;}
.page_0301 .container1 .list_view .img_box span{display: flex; align-items: center; justify-content: center; width:100%; height:100%; overflow: hidden;}
.page_0301 .container1 .list_view .img_box img{width:100px; height:100px;}
.page_0301 .container1 .list_view .info {display: flex; flex-direction: column; width:calc(100% - 150px); gap:10px;}
.page_0301 .container1 .list_view .info h4{display: flex; align-items: center; gap:15px; width:100%;}
.page_0301 .container1 .list_view .info h4 .desc1{padding:5px 10px; border:1px solid rgba(255, 255, 255, .75); color:#f7f7f7; font-size:12px; font-weight: 400;}
.page_0301 .container1 .list_view .info h4 .desc2{font-size:18px; color:#f7f7f7; font-weight: 500;}
.page_0301 .container1 .list_view .info p{color:rgba(255, 255, 255, .5); font-size:16px;}
.page_0301 .container1 .list_view .btn_group{display: flex; flex-direction: column; gap:10px;}
.page_0301 .container1 .list_view .btn_group a{display: flex; align-items: center; justify-content: center; width:120px; border:1px solid rgba(255, 255, 255, .5); text-align: center; color:#f7f7f7; padding:0 10px; height:35px; font-size:12px; font-weight: 500; transition: all .3s ease;}
.page_0301 .container1 .list_view .btn_group a span{transition: all .3s ease;}
.page_0301 .container1 .list_view .btn_group a:hover:nth-child(1){border-color:var(--color1);}
.page_0301 .container1 .list_view .btn_group a:hover:nth-child(1) span{color:var(--color1);}
.page_0301 .container1 .list_view .btn_group a:nth-child(2){color:#111; background:#f7f7f7;}
.page_0301 .container1 .list_view .btn_group a:nth-child(2):hover{background:var(--color1); border-color:var(--color1);}
.page_0301 .container1 .list_view .btn_group a:nth-child(2) span{color:#111;}
.page_0301 svg .land path,.page_0301 svg .land polygon{ fill: #222222; stroke:rgba(255, 255, 255, .5); transition: all .3s ease; cursor: pointer;}
.page_0301 svg .land:hover path, .page_0301 svg .land:hover polygon{fill: #444444;}
.page_0301 svg .map_group.on .land path, .page_0301 svg .map_group.on .land polygon{fill: #444444;}
.page_0301 svg .map_group .point{visibility: hidden; opacity: 0; transition: all .3s ease;}
.page_0301 svg .map_group.on .point,.page_0301 svg .map_group:hover .point{visibility: inherit; opacity: 1; animation: svg_point 2s linear infinite forwards; animation-timing-function:ease-in-out;}
@keyframes svg_point { 0%{transform: translateY(0);} 50%{transform: translateY(-10px);} 100%{transform: translateY(0);} }
.page_0301 svg .map_group .point path:nth-child(1){fill: #f7f7f7;}
.page_0301 svg .map_group .point path:nth-child(2){fill: var(--color1);}
.page_0301 .container2 h2{font-size:3em; font-weight: 900; color:#000; text-shadow: -1px 0 rgba(255, 255, 255, .75), 0 1px rgba(255, 255, 255, .75), 1px 0 rgba(255, 255, 255, .75), 0 -1px rgba(255, 255, 255, .75);}
.page_0301 .container2 h3{font-size:2em; font-weight: 900; color:#f7f7f7; margin-bottom:20px;}
.page_0301 .container2 .content{width:100%; padding:50px 0;}
.page_0301 .container2 .li_type1 ul li:nth-child(1){width:80px;}
.page_0301 .container2 .li_type1 ul li:nth-child(2){width:15%;}
.page_0301 .container2 .li_type1 ul li:nth-child(3){width:80px;}
.page_0301 .container2 .li_type1 ul li:nth-child(4){width:25%;}
.page_0301 .container2 .li_type1 ul li:nth-child(5){width:calc((60% - 160px) / 4);}
.page_0301 .container2 .li_type1 ul li:nth-child(6){width:calc((60% - 160px) / 4);}
.page_0301 .container2 .li_type1 ul li:nth-child(7){width:calc((60% - 160px) / 4);}
.page_0301 .container2 .li_type1 ul li:nth-child(8){width:calc((60% - 160px) / 4);}
@media(max-width:1440px){
    .page_0301{width:95%;}
}

@media(max-width:1024px){
    .page_0301 .container1{padding:0;}
    .page_0301 .container1 .list_view .info_group{gap:25px; width:100%;}
    .page_0301 .container1 .list_view ul li{padding:20px 0; gap:25px; flex-direction: column;}
    .page_0301 .container1 .list_view .btn_group{flex-direction: row; width:100%;}
    .page_0301 .container1 .list_view .btn_group a{width:50%;}
    .page_0301 .container1 .map_box{padding:20px;}
    .page_0301 .container2 .content{overflow-x: scroll;}
    .page_0301 .li_type1{width:1024px;}
    
}

@media(max-width:768px){
    .page_0301 .container2 h2{font-size:2.75em;}
    .page_0301 .container1{flex-direction: column;}
    .page_0301 .container1 .map_box{width:100%;}
    .page_0301 .container1 .txt_box{width:100%;}
    .page_0301 .container1 .list_view ul{height:350px;}
    
}

@media(max-width:425px){
    .page_0301 .container2 h2{font-size:2.5em;}
}



/* 전국 직영점 안내 */
.page_0302{max-width:1400px; width:100%; margin:0 auto;}
.page_0302 img{width:100%;}
.page_0302 .container{padding:100px 0;}
.page_0302 .content{display: flex; width:100%; gap:50px;}
.page_0302 .content .img_box{width:40%;}
.page_0302 .content .img_box span{display: flex; align-items: center; justify-content: center; overflow: hidden;}
.page_0302 .content .img_box img{width:100%;}
.page_0302 .content .txt_box{display: flex; flex-direction: column; width:60%;}
.page_0302 .content .txt_box h3{width:100%; font-size:2em; color:var(--color1); padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(255, 255, 255, .215);}
.page_0302 .content .txt_box h3 span{font-size:32px;}
.page_0302 .content .txt_box ul li{display: flex; padding:20px 0; font-size:1.2em;}
.page_0302 .content .txt_box ul li .desc1{width:140px; font-weight: 600; color:#f7f7f7; word-break: keep-all;}
.page_0302 .content .txt_box ul li .desc2{width:calc(100% - 140px); font-weight: 300; color: rgba(255, 255, 255, .75); word-break: keep-all;}
.page_0302 .container:nth-child(2n) .img_box{order:2;}
.page_0302 .container:nth-child(2n) .txt_box{order:1;}
@media(max-width:1440px){
    .page_0302{width:95%;}
}

@media(max-width:1024px){
    .page_0302 .content .txt_box h3{font-size:21px;}
    .page_0302 .content .txt_box h3 span{font-size:21px;}
    .page_0302 .content .txt_box ul li{font-size:14px;}
    .page_0302 .container{padding:50px 0;}
    .page_0302 .container:nth-child(1){padding-top:0;}
}

@media(max-width:768px){
    .page_0302 .content{flex-direction: column;}
    .page_0302 .content .img_box{width:100%; order:1 !important;}
    .page_0302 .content .txt_box{width:100%; order:2 !important;}
}

@media(max-width:425px){

}


/* 지점 개설 문의 */
.page0303{max-width:1400px; width:100%; margin:0 auto;}
.page0303 img{width:100%;}
.page0303 .container{padding:100px 0; display: flex; gap:50px;}
.page0303 .container .content1{width:30%; display: flex; flex-direction: column; justify-content: space-between; gap:25px; padding:25px;}
.page0303 .container .content1 h3{margin-bottom:25px; font-size:2.5em; font-weight: 900; color:#f7f7f7; }
.page0303 .container .content1 p{font-size:18px; color:rgba(255, 255, 255, .75); word-break: keep-all; line-height: 1.6;}
.page0303 .container .content2{width:calc(70% - 50px);}
.page0303 .container1 .content1 .btn_group{display: flex;}
.page0303 .container1 .content1 .btn_group i{width:50px; height:50px; cursor: pointer; background-size: 75%; transition: all .3s ease; opacity: .5;}
.page0303 .container1 .content1 .btn_group .next{opacity: 1;}
.page0303 .container1 .swiper{width:100%; height:100%;}
.page0303 .container1 .swiper-slide{border:1px solid rgba(255, 255, 255, .25); opacity: .5; transition: all .3s ease;}
.page0303 .container1 .swiper-slide-active{opacity: 1;}
.page0303 .container1 .swiper-slide .txt_box{padding:25px 25px 50px; position: relative;}
.page0303 .container1 .swiper-slide .txt_box i{position: absolute; right:25px; top:25px; width:50px; height:50px;  background-size: 50%; background-color: rgba(255, 255, 255, .15); opacity: .75; }
.page0303 .container1 .swiper-slide .txt_box h3{display: flex; flex-direction: column; gap:5px; margin-bottom:20px; line-height: 1;}
.page0303 .container1 .swiper-slide .txt_box h3 .desc1{font-size:16px; font-weight: 500; color:var(--color1); line-height: 1;}
.page0303 .container1 .swiper-slide .txt_box h3 .desc2{font-size:21px; color:#f7f7f7; }
.page0303 .container1 .swiper-slide .txt_box p{font-size:16px; color:rgba(255, 255, 255, .75); word-break: keep-all;}
.page0303 .container1 .swiper-slide .img_box span{display: flex; align-items: center; justify-content: center;}
.page0303 .container2 .content2 p{font-size:16px; color:rgba(255, 255, 255, .75); margin-bottom:10px; text-align: right;}
.page0303 .container2 .li_type1 ul li{width:calc(100% / 3); word-break: keep-all;}
.page0303 .container2 .li_type1 > li:first-child{background:rgba(255, 255, 255, .1);}
.page0303 .container2 .li_type1 > li:first-child ul li{color:rgba(255, 255, 255, .75);}
.page0303 .container2 .li_type1 > li:last-child{background:rgba(255, 255, 255, .1);}
.page0303 .container2 .li_type1 > li:last-child ul li{color:rgba(255, 255, 255, .75);}
.page0303 .contact .content_inner{width:100%; padding:50px; color:#f7f7f7; background:rgba(0, 0, 0, .9); backdrop-filter: blur(10px); box-shadow: 0 10px 40px rgba(0, 0, 0, .5);}
.page0303 .contact h2{font-size:3em; font-weight: 700; color:#f7f7f7; text-align: center; margin-bottom:50px;}
.page0303 .contact ul{display: flex; flex-wrap: wrap; gap:15px;}
.page0303 .contact ul li{display: flex; align-items: center; width:calc((100% - 15px) / 2);}
.page0303 .contact ul li:last-child{width:100%;}
.page0303 .contact ul li .desc1{width:100px; font-weight: 500; color:#f7f7f7;}
.page0303 .contact ul li .desc2{width:calc(100% - 100px);}
.page0303 .contact input{background:transparent; height:45px; padding:10px; width:100%; background:rgba(255, 255, 255, .05); color:#fff;}
.page0303 .contact textarea{background:transparent; width:100%; resize: none; min-height:200px; background:rgba(255, 255, 255, .05); color:#fff; padding:15px;}
.page0303 .checkbox{display: flex; align-items: center; justify-content: center; padding:20px;}
.page0303 .checkbox input { display: none;}
.page0303 .contact .cbx { position: relative; top: 1px; width: 20px; height: 20px; border: 1px solid #c8ccd4; border-radius: 3px; transition: background 0.1s ease; cursor: pointer; display: block; margin-right:10px;}
.page0303 .contact .cbx:after { content: ''; position: absolute; top: 2px; left: 6px; width: 5px; height: 11px; opacity: 0; transform: rotate(45deg) scale(0); border-right: 2px solid #fff; border-bottom: 2px solid #fff; transition: all 0.3s ease; transition-delay: 0.15s; }
.page0303 .contact .lbl { margin-left: 5px; vertical-align: middle; cursor: pointer; }
.page0303 #cbx:checked ~ .cbx { border-color: transparent; background: var(--color1); animation: jelly 0.6s ease; }
.page0303 #cbx:checked ~ .cbx:after { opacity: 1; transform: rotate(45deg) scale(1); }
.page0303 .cntr { position: relative; }
@keyframes jelly { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } }
.page0303 .checkbox p{line-height: 1; margin-right:20px;}
.page0303 .checkbox span{opacity: .5; border-bottom:1px solid #f7f7f7; transition: all .3s ease; cursor: pointer;}
.page0303 .checkbox span:hover{opacity: 1;}
.page0303 .container3 .btn_box{display: flex; justify-content: center; width:100%;}
.page0303 .container3 .btn1{width:100%;}
@media(max-width:1440px){
    .page0303{width:95%;}
}

@media(max-width:1024px){
    .page0303 .container1{padding-top:0;}
    .page0303 .container{flex-direction: column;}
    .page0303 .content{width:100% !important;}
    .page0303 .container1 .content1 .btn_group{display: none;}
    .page0303 .container .content1{padding:0;}

}

@media(max-width:768px){
    .page0303 .contact ul li{width:100%;}
    .page0303 .contact .content_inner{padding:5%;}
}

@media(max-width:425px){
    .page0303 .container .content1 h3{font-size:2em;}
    .page0303 .container .content1 p{font-size:14px;}
    .page0303 .container2 .content2 p{font-size:12px;}

}




.table_type1 {border-top:1px solid rgba(255, 255, 255, 1); margin:0 auto;}
.table_type1 table {background: transparent;border-top: 1px solid rgba(255, 255, 255, .75);;width: 100%;}
.table_type1 table tr > * {border: 1px solid rgba(255, 255, 255, .15);;border-width: 1px 0 1px 0;font-size: 15px;letter-spacing: -0.05em;padding: 20px 10px; transition: all .3s ease;}
.table_type1 table thead th {border-bottom: 1px solid rgba(255, 255, 255, .25);;border-top: none;color: rgba(255, 255, 255, .75);;letter-spacing: -0.05em;;padding: 20px 0; c}
.table_type1 table tbody th{color:rgba(255, 255, 255, .75); background: rgba(255, 255, 255, .125);}
.table_type1 table tbody td {text-align: center;}
.table_type1 table tbody tr:hover > * {}
.table_type1 table tbody.notice td {background: #fafafa;}
.table_type1 table td a {letter-spacing: -0.05em;font-size: 15px;text-decoration: none;transition: all 0.3s; color:rgba(255, 255, 255, .75);}
.table_type1 table td.no {color: #999999;font-size: 14px;}
.table_type1 table td.no strong {color: #000000;font-weight: normal;}
.table_type1 table td.sbj {text-align: left;}
.table_type1 table td.sbj a {color: #f7f7f7;font-size: 16px;text-decoration: none;word-break: break-all;}
.table_type1 table td.sbj a:hover {color: #000000;}
.table_type1 table td.sbj .cat {color: #999999;font-weight: normal;margin-right: 15px;position: relative;}
.table_type1 table td.sbj .cmt {color: #e4002b;font-family: Arial,Tahoma;font-size: 13px;font-weight: bold;margin-left: 10px;}
.table_type1 table td.sbj strike {color: #999999;}
.table_type1 table td.sbj img {height: 18px;width: 18px;margin-top: -4px;}
.table_type1 table td.sbj img.reply-ico {height: 15px;margin-top: -4px;width: 15px;}
.table_type1 table td.mobile-info {display: none;}
.table_type1 input{width:100%; background:none; padding:10px; color:#fff;}
.fx{display:flex;}
.fx_center{justify-content: center;}
.gap10{gap:10px;}
.free_ button{padding:10px 20px; margin-top:30px; cursor: pointer;}
.free_view{width:100%; display: flex; flex-direction: column; gap:25px; max-width:1024px; margin:0 auto;}
.free_view a{color:rgba(255, 255, 255, .75);}