@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_con{position: relative;}
.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:1.8em; 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:1em;}
.paikdabang_con p.copy_txt{font-family:'Noto Sans KR'; color: #101e5f; font-size:1.34em; 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: 1.4em;}
.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:98%; translate:-50% -50%; z-index:1;}
.paikdabang_con .slide_btn{width:3.2em; height:3.2em; border-radius:50%; cursor:pointer;}
.paikdabang_con .prev_btn{background:url(../../../images/brand/paikdabang/slide_prev_btn.png) no-repeat 51% center #001f60; background-size: 14px auto;}
.paikdabang_con .next_btn{background:url(../../../images/brand/paikdabang/slide_next_btn.png) no-repeat 51% center #001f60; background-size: 14px auto;}
.paikdabang_con .pagination{position:absolute; bottom:0.8em; width:100%; text-align:center; z-index:1;}
.paikdabang_con .pagination span{width:0.6em; height:0.6em; 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; height:15em; background:url(../../../images/brand/paikdabang/top_visual.jpg) no-repeat 42% center; background-size: auto 120%; text-align:center;}
.paikdabang_con .top_visual_tt{display: flex; flex-direction: column;}
.paikdabang_con .top_visual p{font-size:1.4em; font-weight:800; color:#101e5f; line-height: 1.4em; margin-bottom: 2em;}
.paikdabang_con .top_visual p em{color:#db001c;}
.paikdabang_con .top_visual .logo{width: 10em; margin:1em auto 3em;}
.paikdabang_con .top_visual .logo img{width: 100%; height: auto;}
.paikdabang_con .lnb{position:absolute; bottom:0; display:flex; width:100%; height:2.6em; overflow:hidden; text-align: center;}
.paikdabang_con .lnb li{display:flex; align-items:center; width:20%; background:#FFF;}
.paikdabang_con .lnb li a{display:block; width:100%; line-height:1.3em; font-family:'Noto Sans KR'; font-size:0.75em; font-weight:500; color:#646464; letter-spacing:-0.12em;}
.paikdabang_con .lnb li.on{background:#ffe800;}
.paikdabang_con .lnb li.on a{color:#000;}
.paikdabang_con .lnb.fixed_top{position:fixed; top:7.5rem; z-index:100;}

.paikdabang_con .startup_costs{margin: 3.2em 0; text-align: center;}
.paikdabang_con .startup_costs .costs_table_info{font-family:'Noto Sans KR'; font-size: 0.9em; margin: 2em auto 0;}
.paikdabang_con .startup_costs .costs_table{width: 94%; margin: 1em auto 2em;}
.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: 2.5em; color: #FFF; font-size: 0.9em; font-weight: 500;}
.paikdabang_con .startup_costs table thead th:nth-child(2){padding: 0 0.2em;}
.paikdabang_con .startup_costs table thead th:nth-child(3){width: 6em;}
.paikdabang_con .startup_costs table tbody td{font-size: 0.8em; color: #797979; padding: 0.6em 0.6em; border-top: solid 1px #dddddd; vertical-align: middle; word-break: auto-phrase; line-height: 1.2em;}
.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: 2.5em; color: #FFF; font-size: 1.12em; 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{width: 96%; font-family:'Noto Sans KR'; font-size: 0.9em; color: #797979; margin: 0 auto 1.4em; word-break: keep-all;}
.paikdabang_con .startup_costs .costs_table_txt em{color: #1f1f22; font-weight: 500;}
.paikdabang_con .why_con{padding:3.5em 0; background:url(../../../images/brand/paikdabang/why_bg.jpg) no-repeat center top; background-size: 245%; text-align:center;}
.paikdabang_con .why_con .graph_img{position:relative; display:inline-block; width: 100%; margin:2em 0;}
.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_mov_wrap{width: 88%; margin: 3em auto 2em;}
.paikdabang_con .why_con .why_mov_wrap .why_mov{position: relative; width: 100%; padding-bottom: 56.25%;}
.paikdabang_con .why_con .why_mov_wrap .why_mov iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.paikdabang_con .why_con .why_img_slide{width: 88%; overflow: hidden; margin: 3em auto 2em;}

.paikdabang_con .why_con .paikdabang_pr{margin: 4em 0 0;}
.paikdabang_con .why_con .marketing_slide{margin: 1.5em 0 7.5em;}
.paikdabang_con .why_con .marketing_li li{position: relative; padding: 0.2em 0 2em; background-color: #FFF; box-shadow:10px 10px 20px rgba(0,0,0,0.1);}
.paikdabang_con .why_con .marketing_li li img{width: 96%;}
.paikdabang_con .why_con .marketing_li li::after{position: absolute; display: block; content: ""; width: 4em; height: 1em; background: url(../../../images/brand/paikdabang/marketing_sns.jpg) no-repeat; background-size: 100% auto; left: 1em; bottom: 0.5em;}
.paikdabang_con .why_con .marketing_slide .pagination{bottom: -4em; width: 70%; left: 15%;}
.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: 88%; overflow: hidden; margin: auto;}

.paikdabang_con .why_con .benefit_info{width: 72%; margin: 2em auto 0;}
.paikdabang_con .why_con .benefit_info li{width: 100%; font-family:'Noto Sans KR'; font-size: 1.2em; color: #001f60; line-height: 1.4em; padding: 1.5em 0;}
.paikdabang_con .why_con .benefit_info li::before{display: block; content: ""; width: 6.5em; height: 6.5em; background-repeat: no-repeat; margin: 0 auto 1em; background-size: 100% auto;}
.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-top: solid 1px #d5d5d5; border-bottom: 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:3.5em 0 6em; background:url(../../../images/brand/paikdabang/interior_bg.jpg) no-repeat center top; background-size: 240%; text-align:center;}
.paikdabang_con .interior_con .strategic_img_slide{width: 88%; overflow: hidden; margin: 2em auto 5em;}
.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: 1.1em; color: #000; font-weight: 500; right: 0; bottom: 0; width: 12em; height: 2em; padding-left: 1em;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100% 100%'%3E%3Cpolygon fill='%23ffe800' points='306 60 0 60 31 0 306 0 306 60'/%3E%3C/svg%3E") no-repeat; background-size: contain;}
.paikdabang_con .interior_con .switch_img{position: relative; margin-top: 2em;}
.paikdabang_con .interior_con .switch_slide{width: 160%; overflow: hidden; margin: 0 0 0 -20%;}
.paikdabang_con .interior_con .switch_img .pagination{bottom: -2em;}
.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:3.5em 0 3em; 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: 100%; margin: 1em auto;}
.paikdabang_con .system_con .system_info > li{padding-top: 1em;}
.paikdabang_con .system_con .system_info > li p{width: 82%; font-family:'Noto Sans KR'; font-size: 1.25em; color: #fff; text-align: left; line-height: 1.35em; margin: 1.2em auto;}
.paikdabang_con .system_con .system_info > li p em{font-weight: 700;}
.paikdabang_con .system_con .system_slide01, .paikdabang_con .system_con .system_slide02{width: 82%; overflow: hidden; margin: auto;}

.paikdabang_con .app_con{padding:3.5em 0; background:#ffe800; text-align:center;}
.paikdabang_con .app_con .member_app{display: flex; width: 90%; justify-content: center; margin: 2.5em auto 0;}
.paikdabang_con .app_con .member_app figcaption{font-size: 1em; font-weight: 600; margin-top: 10px;}
.paikdabang_con .list_txt{display: flex; width: 90%; flex-direction: column; align-items: center; margin: 3em auto 0;}
.paikdabang_con .list_txt li{position: relative; font-size: 1.25em; margin-bottom: 6px; padding-left: 0.7em; text-align: left; word-break: keep-all;}
.paikdabang_con .list_txt li::before{display: block; position: absolute; left: 0; top: 0.5em; content: ""; width: 0.3em; height: 0.3em; background-color: #000; border-radius: 50%;}

.paikdabang_con .found_counsel .brand-inquiry{background-color: #fff;}
.paikdabang_con .brand-inquiry h4{font-size: 6.2vw; font-weight: 800; color: #000; letter-spacing: -0.3vw; line-height: 1.3em;}
.paikdabang_con .brand-inquiry h3, .paikdabang_con .brand-inquiry p, .paikdabang_con .brand-inquiry span .paikdabang_con .brand-inquiry a, .paikdabang_con .brand-inquiry dt, .paikdabang_con .brand-inquiry dd, .paikdabang_con .brand-inquiry li, .paikdabang_con .brand-inquiry th, .paikdabang_con .brand-inquiry td{line-height:1em; letter-spacing:0em;}