﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap&subset=korean');
/* 폰트 Weight ExL 200, L 300, R 400, M 500, SmB 600, B 700, H 900 */

.btn_top{z-index: 10;}
.paikdabang_wrap{background-color: #FFF !important;}
.paikdabang_con{min-width:1420px; max-width:1920px; margin:auto; overflow:hidden;}
.paikdabang_con img{vertical-align:middle;}
.paikdabang_con h3, .paikdabang_con p, .paikdabang_con span .paikdabang_con a, .paikdabang_con h3, .paikdabang_con h4, .paikdabang_con dt, .paikdabang_con dd, .paikdabang_con li, .paikdabang_con th, .paikdabang_con td{line-height:1.4em; font-weight:400; color:#221f1f; letter-spacing:-0.05em;}
.paikdabang_con h3.sub_tt{font-size:60px; font-weight:800; color: #001f60; line-height: 1.3em;}
.paikdabang_con h3.sub_tt em{background:linear-gradient(180deg, rgba(255,255,255,0) 50%, #ffe800 50%);}
.paikdabang_con h3.sub_tt.line_w em{background:linear-gradient(180deg, rgba(255,255,255,0) 50%, #FFF 50%);}
.paikdabang_con p.sub_txt{margin-top:40px;}
.paikdabang_con p.copy_txt{font-family:'Noto Sans KR'; color: #101e5f; font-size:34px; line-height: 1.4em;}
.paikdabang_con p.copy_txt em{font-weight:900;}
.paikdabang_con p.copy_txt.black_txt{color:#000;}
.paikdabang_con p.copy_txt.costs_txt{color:#000; font-size: 40px;}
.paikdabang_con .content{width:auto !important; margin:auto !important;}
.paikdabang_con .content.active{display:block !important;}
.paikdabang_con .slide_img{position: relative;}
.paikdabang_con .slide_btn_con{position:absolute; top:50%; left:50%; display:flex; justify-content:space-between; width:1340px; translate:-50% -50%; z-index:1;}
.paikdabang_con .slide_btn{width:90px; height:90px; border-radius:45px; cursor:pointer;}
.paikdabang_con .prev_btn{background:url(../images/brand/paikdabang/slide_prev_btn.png) no-repeat center #001f60; background-size: 14px auto;}
.paikdabang_con .next_btn{background:url(../images/brand/paikdabang/slide_next_btn.png) no-repeat center #001f60; background-size: 14px auto;}
.paikdabang_con .pagination{position:absolute; bottom:20px; width:100%; text-align:center; z-index:1;}
.paikdabang_con .pagination span{width:16px; height:16px; margin:0 8px !important; background:#FFF; opacity:1;}
.paikdabang_con .pagination .swiper-pagination-bullet-active{background:#001f60;}
.paikdabang_con .top_visual{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:720px; background:url(../images/brand/paikdabang/top_visual.jpg) no-repeat center; text-align:center;}
.paikdabang_con .top_visual_tt{margin-right: -400px;}
.paikdabang_con .top_visual p{font-size:56px; font-weight:800; color:#101e5f; line-height: 1.2em;}
.paikdabang_con .top_visual p em{color:#db001c;}
.paikdabang_con .top_visual .logo{margin:35px auto 200px;}
.paikdabang_con .lnb{position:absolute; bottom:0; display:flex; height:80px; border-radius:30px 30px 0 0; overflow:hidden; transition:0.3s ease-in-out;}
.paikdabang_con .lnb li{width:260px; height:80px; background:#FFF; transition:0.4s ease-in-out;}
.paikdabang_con .lnb li a{display:block; width:100%; line-height:80px; font-family:'Noto Sans KR'; font-size:20px; font-weight:500; color:#646464;}
.paikdabang_con .lnb li.on, .paikdabang_con .lnb li:hover{background:#ffe800;}
.paikdabang_con .lnb li.on a, .paikdabang_con .lnb li:hover a{color:#000;}
.paikdabang_con .lnb.fixed_top{position:fixed; top:0; border-radius:0 0 30px 30px; z-index:100;}
.paikdabang_con .startup_costs{margin: 120px 0; text-align: center;}
.paikdabang_con .startup_costs .costs_table_info{width: 1300px; font-family:'Noto Sans KR'; font-size: 19px; text-align: right; margin: 80px auto 0;}
.paikdabang_con .startup_costs .costs_table{width: 1300px; margin: 30px auto 80px;}
.paikdabang_con .startup_costs table{width: 100%; font-family:'Noto Sans KR';}
.paikdabang_con .startup_costs table thead th span{display: flex; justify-content: center; align-items: center; width: 100%; background-color: #001f60; border-radius: 30px; height: 60px; color: #FFF; font-size: 20px; font-weight: 500;}
.paikdabang_con .startup_costs table thead th:nth-child(1){width: 280px;}
.paikdabang_con .startup_costs table thead th:nth-child(2){padding: 0 10px;}
.paikdabang_con .startup_costs table thead th:nth-child(3){width: 240px;}
.paikdabang_con .startup_costs table tbody td{font-size: 19px; color: #797979; padding: 16px 0; border-top: solid 1px #dddddd; vertical-align: middle;}
.paikdabang_con .startup_costs table tbody td em{color: #1f1f22; font-weight: 500;}
.paikdabang_con .startup_costs table tbody td em.red_txt{color: #f40000; font-weight: 400;}
.paikdabang_con .startup_costs table tbody tr:first-child td{border-top: none;}
.paikdabang_con .startup_costs table tbody tr:last-child td{border-top: none; padding: 0 0;}
.paikdabang_con .startup_costs table tbody tr:last-child td span{display: flex; justify-content: center; align-items: center; width: 100%; background-color: #919295; height: 60px; color: #FFF; font-size: 20px; font-weight: 500;}
.paikdabang_con .startup_costs table tbody tr:last-child td:nth-child(1) span{border-radius: 30px 0 0 30px;}
.paikdabang_con .startup_costs table tbody tr:last-child td:nth-child(3) span{border-radius: 0 30px 30px 0;}
.paikdabang_con .startup_costs .costs_table_txt{font-family:'Noto Sans KR'; font-size: 21px; color: #797979; margin: 50px auto 0;}
.paikdabang_con .why_con{padding:140px 0; background:url(../images/brand/paikdabang/why_bg.jpg) no-repeat center top; text-align:center;}
.paikdabang_con .why_con .graph_img{position:relative; display:inline-block; width: 1040px; margin:63px 0 67px;}
.paikdabang_con .why_con .graph_img img{width: 100%; height: auto;}
.paikdabang_con .why_con .graph_img .graph_line{position: relative; z-index: 10;}
.paikdabang_con .why_con .graph_img .graph_tag{position:absolute; width: 11.538%; top:5.88%; right:11.634%; animation:float_deco01 2s ease-in-out infinite; z-index: 5;}
.paikdabang_con .why_con .graph_img .graph_con{position:absolute; width: 74.23%; top:18.053%; left:12.4%; z-index:1;}
.paikdabang_con .why_con .graph_img .graph_arrow{position:absolute; width: 81.154%; top:0; left:11.923%;}
.paikdabang_con .why_con .why_img_slide{width: 1078px; overflow: hidden; margin: 112px auto 50px;}
.paikdabang_con .why_con .paikdabang_pr{margin: 110px 0 0;}
.paikdabang_con .why_con .marketing_slide{margin: 65px 0 190px;}
.paikdabang_con .why_con .marketing_li li{position: relative; padding: 10px 0 50px; background-color: #FFF; box-shadow:10px 10px 20px rgba(0,0,0,0.1);}
.paikdabang_con .why_con .marketing_li li::after{position: absolute; display: block; content: ""; width: 86px; height: 20px; background: url(../images/brand/paikdabang/marketing_sns.jpg) no-repeat; left: 27px; bottom: 14px;}
.paikdabang_con .why_con .marketing_slide .pagination{bottom: -57px;}
.paikdabang_con .why_con .marketing_slide .pagination span{background:#cdcdcd;}
.paikdabang_con .why_con .marketing_slide .pagination .swiper-pagination-bullet-active{background:#001f60;}
.paikdabang_con .why_con .store_img_slide{width: 1078px; overflow: hidden; margin: auto;}
.paikdabang_con .why_con .benefit_info{display: flex; width: 1500px; margin: 120px auto 0;}
.paikdabang_con .why_con .benefit_info li{width: 33.333%; font-family:'Noto Sans KR'; font-size: 28px; color: #001f60; line-height: 1.4em;;}
.paikdabang_con .why_con .benefit_info li::before{display: block; content: ""; width: 202px; height: 202px; background-repeat: no-repeat; margin: 0 auto 30px;}
.paikdabang_con .why_con .benefit_info li:nth-child(1):before{background-image: url(../images/brand/paikdabang/marketing_icon01.png);}
.paikdabang_con .why_con .benefit_info li:nth-child(2){border-left: solid 1px #d5d5d5; border-right: solid 1px #d5d5d5;}
.paikdabang_con .why_con .benefit_info li:nth-child(2):before{background-image: url(../images/brand/paikdabang/marketing_icon02.png);}
.paikdabang_con .why_con .benefit_info li:nth-child(3):before{background-image: url(../images/brand/paikdabang/marketing_icon03.png);}
.paikdabang_con .why_con .benefit_info li em{font-weight: 700;}
.paikdabang_con .interior_con{padding:130px 0 190px; background:url(../images/brand/paikdabang/interior_bg.jpg) no-repeat center top; text-align:center;}
.paikdabang_con .interior_con .strategic_img_slide{width: 1078px; overflow: hidden; margin: 70px auto 140px;}
.paikdabang_con .interior_con .strategic_img_slide .swiper-slide{position: relative;}
.paikdabang_con .interior_con .strategic_img_slide .txt_tag{position: absolute; display: flex; justify-content: center; align-items: center; font-size: 28px; color: #000; font-weight: 500; right: 0; bottom: 0; width: 380px; height: 60px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 60'%3E%3Cpolygon fill='%23ffe800' points='380 60 0 60 31 0 380 0 380 60'/%3E%3C/svg%3E") no-repeat; background-size: contain;}
.paikdabang_con .interior_con .switch_img{position: relative; margin-top: 70px;}
.paikdabang_con .interior_con .switch_slide{width: 1500px; overflow: hidden; margin: auto;}
.paikdabang_con .interior_con .switch_img .pagination{bottom: -55px;}
.paikdabang_con .interior_con .switch_img .pagination span{background:#cdcdcd;}
.paikdabang_con .interior_con .switch_img .pagination .swiper-pagination-bullet-active{background:#001f60;}
.paikdabang_con .system_con{padding:130px 0; background:url(../images/brand/paikdabang/system_bg.jpg) no-repeat center top; text-align:center;}
.paikdabang_con .system_con h3.sub_tt{color: #ffe800;}
.paikdabang_con .system_con h3.sub_tt em{background:linear-gradient(180deg, rgba(255,255,255,0) 50%, #70a5ff 50%);}
.paikdabang_con .system_con .system_info{width: 1500px; margin: 10px auto;}
.paikdabang_con .system_con .system_info > li{display: flex; align-items: center; justify-content: space-between; padding-top: 60px;}
.paikdabang_con .system_con .system_info > li p{width: calc(50% - 160px); font-family:'Noto Sans KR'; font-size: 34px; color: #fff; text-align: left; line-height: 1.35em; padding: 0 80px;}
.paikdabang_con .system_con .system_info > li p em{font-weight: 700;}
.paikdabang_con .system_con .system_info > li:nth-child(even) p{text-align: right;}
.paikdabang_con .system_con .system_slide01, .paikdabang_con .system_con .system_slide02{width: 720px; overflow: hidden; margin: auto;}
.paikdabang_con .app_con{padding:130px 0 120px; background:#ffe800; text-align:center;}
.paikdabang_con .app_con .member_app{display: flex; justify-content: center; margin-top: 80px;}
.paikdabang_con .app_con .member_app figcaption{font-size: 24px; font-weight: 600; margin-top: 10px;}
.paikdabang_con .list_txt{display: flex; flex-direction: column; align-items: center; margin-top: 80px;}
.paikdabang_con .list_txt li{position: relative; font-size: 30px; margin-bottom: 6px; padding-left: 25px;}
.paikdabang_con .list_txt li::before{display: block; position: absolute; left: 0; top: 18px; content: ""; width: 6px; height: 6px; background-color: #000; border-radius: 50%;}
