<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.camera{position:relative;}
.camera:before{content:''; display:block; background:url('/images/main/camera_bg.png') center bottom no-repeat; position:absolute; left:0; bottom:0; width:100%; padding-bottom:10.7%; background-size:cover; z-index:10;}
.camera img{width:100%; display:block;}

.camera_content{position:absolute; left:50%; margin-left:-600px; max-width:1200px; width:100%; top:0; bottom:0; padding-top:220px; box-sizing:border-box;}
.camera_content h1{color:#fff; font-size:50px; line-height:75px; font-weight:300;}
.camera_content h1 span{display:block; font-family:'GmarketSansLight'; font-size:40px; line-height:1;}
.camera_content p{color:#fff; font-weight:600; font-size:18px; margin-top:20px;}
.camera .camera_pagination{position:absolute; top:500px; bottom:auto; left:50%; margin-left:-600px; z-index:10; width:auto;}
.camera .camera_pagination .swiper-pagination-bullet{ }
.camera .camera_pagination span{width:32px; height:32px; text-align:center; line-height:32px; background:transparent; color:#fff; opacity:1; font-weight:600;}
.camera .camera_pagination .swiper-pagination-bullet-active{background:#4a29e7;}

.main_content &gt; .inner{position:relative;}
.main_content &gt; .inner:before, .main_content &gt; .inner:after{content:''; display:block; z-index:2; position:absolute;}
.main_content &gt; .inner:before{background:url('/images/main/main_content_bg01.png') center center no-repeat; width:273px; height:348px; bottom:-7px; left:-210px;}
.main_content &gt; .inner:after{width:305px; height:293px; bottom:4px; right:-80px;}
.main_content &gt; .inner.easy_bg01:after{background:url('/images/main/main_content_bg02.png') center center no-repeat;}
.main_content &gt; .inner.easy_bg02:after{background:url('/images/main/main_content_bg02-02.png') center center no-repeat;}
.main_content &gt; .inner.easy_bg03:after{background:url('/images/main/main_content_bg02-03.png') center center no-repeat;}
.main_content &gt; .inner &gt; .dp_flex{gap:27px;}
.main_content &gt; .inner &gt; .dp_flex &gt; div{text-align:center; height:504px; width:calc(33.3333% - 18px);}
.main_content a{}
.main_content h2{font-family:'GmarketSansBold'; padding-top:120px; color:#111; font-size:32px; line-height:1;}
.main_content p{color:#111; font-size:20px; line-height:30px; font-weight:400; margin-top:35px;}
.main_content &gt; .inner &gt; .dp_flex &gt; .one_link:nth-child(1) h2{background:url('/images/main/main_icon01.png') center top no-repeat;}
.main_content &gt; .inner &gt; .dp_flex &gt; .one_link:nth-child(2) h2{background:url('/images/main/main_icon02.png') center top no-repeat;}
.main_content &gt; .inner &gt; .dp_flex &gt; .one_link:nth-child(3) h2{background:url('/images/main/main_icon03.png') center top no-repeat;}
.main_content .one_link{border:1px solid #ccc; border-radius:30px; position:relative;}
.hover_pr{height:100%;}
.hover_pr &gt; div{width:100%; box-sizing:border-box; padding-top:100px;}
.hover_ne{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; transition-duration:0.3s;}
.hover_ne &gt; div{ box-sizing:border-box; padding-top:100px;}
.hover_ne:hover{opacity:1;}
.main_content &gt; .inner &gt; .dp_flex &gt; .one_link:nth-child(1) .hover_ne h2{background:url('/images/main/main_icon01_hover.png') center top no-repeat;}
.main_content &gt; .inner &gt; .dp_flex &gt; .one_link:nth-child(2) .hover_ne h2{background:url('/images/main/main_icon02_hover.png') center top no-repeat;}
.main_content &gt; .inner &gt; .dp_flex &gt; .one_link:nth-child(3) .hover_ne h2{background:url('/images/main/main_icon03_hover.png') center top no-repeat;}
.carrier{border-radius:30px; background:#4a29e7;}
.carrier &gt; div{width:100%;}
.carrier h2{color:#fff; }
.carrier_btn{padding:0 56px; margin-top:52px;}
.carrier_btn a{display:block; height:48px; border-radius:48px; box-sizing:border-box; line-height:44px; padding:0 20px; text-align:left;}
.carrier_btn a:nth-child(1){background:#8b85e7 url('/images/main/carrier_btn_arrow01.png') right 20px center no-repeat; border:2px solid #8b85e7; color:#fff;}
.carrier_btn a:nth-child(2){margin-top:30px; border:2px solid #8b85e7; background:#fff url('/images/main/carrier_btn_arrow02.png') right 20px center no-repeat; color:#8b85e7;}

.bag_check{background: rgb(117,91,239); background: linear-gradient(-90deg, rgba(117,91,239,1) 0%, rgba(78,43,244,1) 100%); text-align:center;}
.bag_check h2{color:#fff; font-family:'GmarketSansBold'; font-size:44px; line-height:1;}
.bag_check p{color:#fff; font-size:18px; line-height:27px; margin-top:25px; font-weight:300;}
.bag_check_a{margin-top:50px; gap:55px;}
.bag_check_a a{display:block; height:48px; border-radius:48px; box-sizing:border-box; line-height:44px; padding:0 20px; text-align:left; width:270px; padding-left:48px; position:relative; font-weight:700; border:2px solid #8b85e7; background:#fff url('/images/main/carrier_btn_arrow02.png') right 20px center no-repeat; color:#8b85e7;}
.bag_check_a a:before{content:''; display:block; width:20px; height:20px; position:absolute; left:20px; top:50%; margin-top:-10px;}
.bag_check_a a:nth-child(1):before{background:url('/images/main/store_icon01.png') center center no-repeat;}
.bag_check_a a:nth-child(2):before{background:url('/images/main/store_icon02.png') center center no-repeat;}

.bag_check_a a:hover{background:#8b85e7 url('/images/main/carrier_btn_arrow01.png') right 20px center no-repeat; border:2px solid #8b85e7; color:#fff;}
.bag_check_a a:nth-child(1):hover:before{background:url('/images/main/store_icon01_hover.png') center center no-repeat;}
.bag_check_a a:nth-child(2):hover:before{background:url('/images/main/store_icon02_hover.png') center center no-repeat;}

.partner_wrap h2{color:#111; font-family:'GmarketSansBold'; font-size:44px; line-height:1;}
.partner_wrap .inner{ box-sizing:border-box;}
.partner_slide_wrap{padding:0 65px; position:relative;}
.partner_slide a{display:block; border-radius:50%; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; padding-top:calc(100% - 2px); position:relative;}
.partner_slide a img{display:block; margin:0 auto; width:100%; position:absolute; top:0; left:0;}

.partner_slide_arrow{position:absolute; top:50%; left:0; width:100%; margin-top:-18px;}
.partner_slide_arrow .swiper_nav_btn{width:45px; height:37px; cursor:pointer;}
.partner_slide_arrow .slide-button-prev{background:url('/images/main/slide_arrow01.png') center center no-repeat;}
.partner_slide_arrow .slide-button-next{background:url('/images/main/slide_arrow02.png') center center no-repeat;}


@media screen and (max-width:1380px){
.main_content &gt; .inner:after{width:235px; height:211px; background-size:100% !important; right:20px;}
.main_content &gt; .inner:before{width:200px; height:255px; background-size:100% !important; left:20px;}
.camera_content{padding-top:120px;}
.camera .camera_pagination{top:390px;}
.camera:before{background-size:100%; bottom:-2px;}
}


@media screen and (max-width:1200px){

.camera_content{margin-left:0; left:0; padding-left:20px; padding-right:20px;}
.camera .camera_pagination{margin-left:0; left:0; padding-left:20px; padding-right:20px; top:330px;}

.camera_content h1 span{font-size:30px;}
.camera_content h1{font-size:40px; line-height:52px;}
.carrier_btn{padding:0 26px;}

}

@media screen and (max-width:1024px){
.main_content h2{font-size:27px;}
.main_content p{font-size:17px; line-height:24px; margin-top:20px;}
.carrier_btn{margin-top:30px; padding:0 20px;}
.carrier_btn a:nth-child(2){margin-top:20px;}
.main_content &gt; .inner &gt; .dp_flex &gt; div{height:430px;}


}

@media screen and (max-width:860px){
.camera:before{background-size: 230%; padding-bottom: 26.7%;}
.camera_content{text-align:center; padding-top: 38vw;}
.camera .camera_pagination{right:0;justify-content: center; top:70vw;}
.camera_content h1{font-size:7vw; line-height:9vw;}
.camera_content h1 span{font-size:5vw;}
.camera_content p{font-size:3vw; margin-top:2vw;}

.main_content &gt; .inner &gt; .dp_flex{display:block;}
.main_content &gt; .inner &gt; .dp_flex &gt; div{height:auto; width:auto; padding:40px 20px;}
.main_content &gt; .inner &gt; .dp_flex &gt; div + div{margin-top:20px;}
.carrier_btn{padding:0;}

.main_content &gt; .inner{padding-bottom:170px}
.main_content &gt; .inner:before{width:120px; height:153px;}
.main_content &gt; .inner:after{width:115px; height:103px; bottom:auto; top:-13px; }
.bag_check{padding-left:20px; padding-right:20px;}

.hover_pr &gt; div{padding-top:0;}
.hover_ne &gt; div{padding-top:40px;}
.carrier_btn a:nth-child(2){margin-top:10px;}

.carrier_btn{margin-top:20px; padding-left:20px; padding-right:20px;}
.carrier_btn a{height:40px; line-height:36px;}

.one_link{opacity:0; position:relative; top:40px; transition-duration:0.3s;}
.one_link.scroll{opacity:1; top:0;}

}

@media screen and (max-width:640px){
.main_content &gt; .inner &gt; .dp_flex &gt; div:nth-child(1) h2{background-size:60px;}
.main_content h2{padding-top:100px;}
.bag_check h2{font-size:20px;}
.bag_check p{font-size:16px; line-height:24px; word-break:keep-all; margin-top:12px;}
.bag_check_a{display:block; margin-top:24px;}
.bag_check_a a{height:42px; line-height:38px; font-size:14px; width:auto;}
.bag_check_a a + a{margin-top:12px;}

.partner_wrap{padding-top:60px; padding-bottom:60px;}
.partner_wrap h2{font-size:20px;}
.partner_slide{margin-top:40px;}

.partner_slide_arrow .swiper_nav_btn{width:30px; height:25px; background-size:100% !important;}
.partner_slide_wrap{padding:0 45px;}



}</pre></body></html>