/*─────────────────────────────────────────────────────────
    COMMOM
─────────────────────────────────────────────────────────*/
    #wrap{position: relative; overflow: clip;}
    .w_custom{position: relative;width: calc(100% - 60px);max-width: 1600px;margin-inline: auto;}
    main{padding-block: clamp(50px, 14vw, 140px) var(--row-gap140);}
    main:has(.full-sec){width: 100%; max-width:100%;}
    main:has(.pt-dn){padding-top:0;} 
    main:has(.pd-dn){padding-bottom:0;} 
    #wrap [class*="swiper-button"]:after{display: none;}
    .link{position: absolute; inset: 0; z-index: 5;}
    br.for_m{display: none;}
    body:has(.db-policy-overlay[style*="flex"]){overflow: clip;}
    .dn{display: none;}
    @media (max-width:1600px) {
        br:where(.for_pc, .pc_br){display: none;}
    }
    @media (max-width:1023px) {
        br.for_pct{display: none;}
    }
    @media (max-width:860px) {
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:479px) {
        br.for_pcm{display: none;}
        br.for_m{display: block;}
    }
    @media (max-width:360px) {
        br.for_m{display: none;}
    }
    @media (max-width:320px) {
        .w_custom{width: calc(100% - 20px);}
    }

/*─────────────────────────────────────────────────────────
    FAQ
─────────────────────────────────────────────────────────*/
    .pf-faq-wrap { padding-bottom: 3rem; }
    .pf-faq { margin-top: 2.5rem; }
    .pf-faq-title { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin-bottom: 1rem; }
    .pf-faq-title-sub { color: #94a3b8; font-size: .875rem; font-weight: 400; }
    .pf-faq-list { display: flex; flex-direction: column; gap: .5rem; }
    .pf-faq-item { border: 1px solid #e2e8f0; overflow: hidden; background: #fff; }
    .pf-faq-toggle { width: 100%; text-align: left; padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; background: transparent; border: 0; cursor: pointer; transition: background-color .15s; }
    .pf-faq-toggle:hover { background: rgba(248, 250, 252, .6); }
    .pf-faq-q { display: flex; align-items: center; gap: .75rem; min-width: 0; }
    .pf-faq-badge { flex-shrink: 0; width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: #fff; }
    .pf-faq-badge--q { background: #1b1b1b; }
    .pf-faq-badge--a { background: #707070; }
    .pf-faq-question { font-weight: 500; font-size: .875rem; color: #0f172a; }
    .pf-faq-arrow { width: 1.25rem; height: 1.25rem; color: #94a3b8; flex-shrink: 0; transition: transform .2s; }
    .pf-faq-item.is-open .pf-faq-arrow { transform: rotate(180deg); }
    .pf-faq-answer { display: none; }
    .pf-faq-a { display: flex; gap: .75rem; border-top: 1px solid #e2e8f0; padding: 1rem 1.25rem; background: rgba(248, 250, 252, .6); }
    .pf-faq-answer-text { flex: 1; font-size: .875rem; color: #0f172a; line-height: 1.625; white-space: pre-line; }
    .pf-faq-answer-text.db-user-content { white-space: normal; } 
    .pf-faq-prefix { font-size: .75rem; background: #e2e8f0; color: #334155; padding: .125rem .375rem; border-radius: .25rem; margin-right: .25rem; }

/*─────────────────────────────────────────────────────────
    header
─────────────────────────────────────────────────────────*/
    #wrap #header {position:absolute; margin:0 auto;overflow: inherit; height:75px;width:100%;z-index: 10;background-color:#fff;border-bottom:1px solid #ddd;}
	body:has(.main_visual) #header{border-bottom:none;}
	#header .grb_nav_box{position:relative;margin:0 auto;width:1200px;height:100%;box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;}
	#header:after {clear:both; content:""; display:block;}
	#header h1 {position: relative;height: 100%;}
	#header h1 a {display: flex;align-items: center;height: 100%;padding-block: clamp(8px, 1.2vw, 12px);}
	#header ul.hd_lnb {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);vertical-align:top;text-align:center;font-size:0;width: calc(100% - 300px);z-index:1;}
	#header ul.hd_lnb:after {clear:both; content:""; display:block;}
	#header ul.hd_lnb .dep1 {display: inline-block;vertical-align:top;position:relative;padding:0 27px;box-sizing: border-box;border-bottom: 1px solid transparent;padding-bottom:27px;margin-bottom:-27px;}
	#header ul.hd_lnb .dep1.on a{color:#1e88e5;}
	#header ul.hd_lnb .dep1 a {color:#333; font-size:15px; font-weight:400;}
	#header ul.hd_lnb .dep1:hover a{color:#1e88e5;}
	#header .hd_right {position: relative;display: flex;align-items: center;gap: 15px;}
	#header ul.hd_gnb{display: inline-block;}
	#header ul.hd_gnb li {float:left;position: relative;}
	#header ul.hd_gnb li + li{margin:0 0 0 30px;}
	#header ul.hd_gnb li + li:before{content:"";position:absolute; top:50%; left:-17px;transform:translateY(-50%); background-color:#ddd; width:1px; height:10px;}	
	#header ul.hd_gnb li a {display:inline-block; color:#888; font-size:13.7px; font-weight:500;letter-spacing: -0.25px;}
    #header ul.hd_lnb ul{display: none;}
	
	#header .btn_mMenu {display:none;}
	#header .gnb_bg {width: 100%;height:0px;position: absolute;top: 0;left: 0;z-index: -10;background:#fff;opacity:0;}
	
	.menu-trigger, .menu-trigger2 {width:100%;height:100%;box-sizing:border-box;margin:0;display:inline-block;position:relative;cursor:pointer;}
	.menu-trigger span, .menu-trigger2 span {transition:0.3s;position:absolute;right:0px;width:100%;height:3px;background-color:#1e88e5;border-radius:0;}
	.menu-trigger2 span {background-color:#13417c;}
	.menu-trigger, .menu-trigger span, .menu-trigger2, .menu-trigger2 span {display: inline-block;transition: all .4s;box-sizing: border-box;}
	.menu-trigger span:nth-of-type(1), .menu-trigger2 span:nth-of-type(1) {top:0;}
	.menu-trigger span:nth-of-type(2), .menu-trigger2 span:nth-of-type(2) {top:9px;}
	.menu-trigger span:nth-of-type(3), .menu-trigger2 span:nth-of-type(3) {bottom:0;}
	.menu-trigger.active-1 span:nth-of-type(1), .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (10px) rotate (-45deg);transform: translateY(10px) rotate(-45deg);}
	.menu-trigger.active-1 span:nth-of-type(2), .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
	.menu-trigger.active-1 span:nth-of-type(3), .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}

	/*hd_all_menu*/	
		.hd_all_menu{display: none;width:100%;height:320px;position: absolute;left:0;top:75px;z-index:20;background:#fff;border-top:1px solid #1e88e5;border-bottom:1px solid #1e88e5;box-sizing:border-box;}
		.hd_all_menu_box{width:1200px;height:100%;margin:0 auto;font-size:0;box-sizing:border-box;}
		.hd_all_menu_box .hd_lnb{height:100%;}
		.hd_all_menu_box .dep1 {font-size:0;display: inline-block;width:20%;height:100%;box-sizing:border-box;vertical-align:top;padding:25px 31px 0 31px;}
		.hd_all_menu_box .dep1 + .dep1 {border-left:1px solid #eee;}
		.hd_all_menu_box .dep1 > a{font-size:15px;color:#333;font-weight:400;}
		.hd_all_menu_box .dep1 > li{line-height:32px;}
		.hd_all_menu_box .dep1 > li:nth-child(2){margin-top:8px;}
		.hd_all_menu_box .dep1 > li a{font-size:13px;color:#888;font-weight:400;}
		.hd_all_menu_box .dep1 > li:hover a{color:#1e88e5;}

	/* aside */
		#aside {top:75px;right:-100%;width:500px;height:100%;overflow-y:scroll;transition:0.8s;height:100%;z-index:9999;box-sizing:border-box;box-sizing:border-box;display:none;position:fixed;background:#fff;}
		#aside.on {right:0;}
		.aside_bg{display: none;width:100%;height:100%;position:fixed;top:75px;left:0;background:rgba(0,0,0,0.4);z-index:9999;transition:all 0.5s;}
		.aside_bg.on{display:none;transition:all 0.5s;}
		
		#aside .aside_box {text-align:left;display:block;vertical-align: middle;position:relative;}
		#aside .aside_box .btn_aside_close {position:Absolute;right:60px;top:30px;width:32px;height:32px;cursor:pointer;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height: 100%;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span{transition: 0.3s; position: absolute; width: 74%; height: 1px; background-color: #333; left: 0; box-shadow: none; top: 7px; }
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (0) rotate (-45deg);transform: translateY(0) rotate(-45deg);}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
		#aside .aside_box .aside_gnb{width:100%;height:50px;background:#1e88e5;box-sizing:border-box;padding:0 30px;}
		#aside .aside_box .aside_gnb li{display: inline-block;position: relative;}
		#aside .aside_box .aside_gnb li + li{margin-left:40px;}	
		#aside .aside_box .aside_gnb li + li:before{width:1px;height:10px;content:"";position: absolute;top:50%;left:-23px;transform:translateY(-50%);background:#fff;opacity:0.5;}
		#aside .aside_box .aside_gnb li a{font-size:20px;color:#fff;line-height:50px;}
		#aside .aside_cate{width:100%;box-sizing:border-box;padding:50px 30px;}
		#aside .aside_cate ul .dep1_li{line-height:65px;}
		#aside .aside_cate ul .dep1_li a{display: inline-block;width:100%;font-size:22px;color:#333;font-weight:500;position: relative;transition:all 0.5s;}
		#aside .aside_cate ul .group_tit > a.on{color:#1e88e5;transition:all 0.5s;}
		#aside .aside_cate ul .group_tit > a:after{content:"";width:20px;height:20px;position: absolute;top:15px;right:0;background:url('/images/cate_on.png')no-repeat center;background-size:15px auto;}
		#aside .aside_cate ul .group_tit > a.on:after{background:url('/images/cate_off.png')no-repeat center;background-size:15px auto;}
		#aside .aside_cate ul .depth2{display: none;position: relative;box-sizing:border-box;padding:0 15px 15px 15px;border-bottom:1px solid #eee;margin-bottom:10px;}
		#aside .aside_cate ul .depth2 li{line-height:40px;}
		#aside .aside_cate ul .depth2 li a{font-size:17px;color:#888;font-weight:400;}
		
	/*---- 1250이하 ------*/
	@media only screen and (max-width:1250px) {
		#header .grb_nav_box{width:100%;padding:0 30px;}

		.hd_all_menu_box{width:100%;padding:0 30px;}
	}	
	/*---- 1030이하 ------*/
	@media only screen and (max-width:1030px) {
		#header ul.hd_lnb .dep1{padding:0 23px;padding-bottom:27px;}

	}
	/*---- 850이하 ------*/
	@media only screen and (max-width:850px) {
		#header ul.hd_lnb{display: none;}
		#header .btn_mMenu{display: inline-block;width:30px;height:21px;margin-left:20px;}
		#header ul.hd_gnb{vertical-align:top;margin-top:4px;}
		.menu-trigger.active-1 span:nth-of-type(3), .menu-trigger2.active-1 span:nth-of-type(3){transform:translateY(-8px) rotate(45deg);}
		#aside{display: block;}
		.aside_bg.on{display: block;}
	}
	/*---- 750이하 ------*/
	@media only screen and (max-width:750px) {
		#aside{width:400px;}
	}
	/*---- 479이하 ------*/
	@media only screen and (max-width:479px) {
		#wrap #header{height:50px;}
		#header .grb_nav_box{padding:0 15px;}
		#header ul.hd_gnb{display: none;}
		#header .btn_mMenu{width:20px;height:17px;}
		.menu-trigger span{height:2px;}
		.menu-trigger span:nth-of-type(2), .menu-trigger2 span:nth-of-type(2){top:7px;}
		.menu-trigger.active-1 span:nth-of-type(1), .menu-trigger2.active-1 span:nth-of-type(1){transform:translateY(7px) rotate(-45deg);}
		
		.aside_bg {top:50px;}
		#aside{top:50px;width:100%;}
		#aside .aside_box .aside_gnb{padding:0 15px;height:60px;}
		#aside .aside_box .aside_gnb li + li{margin-left:48px;}
		#aside .aside_box .aside_gnb li + li:before{left:-28px;}
		#aside .aside_box .aside_gnb li a{font-size:16px;line-height:60px;font-weight:300;}
		#aside .aside_cate{padding:36px 16px;}
		#aside .aside_cate ul .dep1_li{line-height:26px;}
		#aside .aside_cate ul .dep1_li + li{margin-top:20px;}
		#aside .aside_cate ul .dep1_li a{font-size:16px;}
		#aside .aside_cate ul .group_tit > a:after{width:15px;height:15px;top:4px;background-size:13px auto;}
		#aside .aside_cate ul .group_tit > a.on:after{background-size:13px auto;}
		#aside .aside_cate ul .depth2{padding:0 0 15px 0;}
		#aside .aside_cate ul .depth2 li{line-height:32px;}
		#aside .aside_cate ul .depth2 li a{font-size:14px;}
	}

/*─────────────────────────────────────────────────────────
    Main
─────────────────────────────────────────────────────────*/
    /* visual */
		.main_visual {position:relative;width:100%;margin:0;height:478px !important;background:#000;}
		.main_visual .visual_ul{height:100%;}
		.main_visual .slick-list{height:100%;}
		.main_visual .slick-track{height:100%;}

		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100% !important;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width: 100%;margin:0 auto;text-align:Center;position:absolute;left: 0;top:0;outline:0;background-position: center;background-size:cover !important;/*transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity: .8;*/}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;}
		.main_visual .txt_box {width:1200px;text-align:left;transform:translate(-50%);position:absolute;left:50%;top:135px;font-size: 0;box-sizing:border-box;}
		.main_visual .txt_box p{text-align:left;color:#fff;transform:translateY(50px);transition:all 0.7s;opacity:0;}
		.main_visual .txt_box p.b_tit{font-size:60px;line-height:65px;margin-bottom:13px;font-weight: 100;}
		.main_visual .txt_box p.b_tit span{font-size:60px;font-weight:700;transition:all 0.5s;}
		.main_visual .txt_box p.s_tit{font-size:21px;line-height:36px;font-weight: 300;letter-spacing:-0.03em;transition-delay:0.7;}
		
		#wrap button span{display: block;}
		.main_visual .slick-dots{width:1200px;height:2px;bottom:91px;margin:0 auto;position: relative;font-size:0;box-sizing:border-box;}
		.main_visual .slick-dots li{display: inline-block;width:80px;}
		.main_visual .slick-dots li + li{margin-left:20px;}
		.main_visual .slick-dots .tab{width:100%;height:2px;background-color:rgba(255,255,255,.5);outline:none;position:relative;padding:0;color:inherit;line-height:normal;}
		
		.main_visual .txt_box .visual_more{margin-top:36px;background:url('/images/more_arr.png')no-repeat;background-position:51px 6px;transform:translateY(50px);transition:all 0.7s;opacity:0;}
		.main_visual .txt_box .visual_more strong{font-size:14px;color:#fff;font-weight:300;}

		/* visual active */
		.main_visual .active .txt_box p{transform:translateY(0);opacity:1;transition:all 1s;}
		.main_visual .active .txt_box p.b_tit{transition-delay:0.2s;}
		.main_visual .active .txt_box p.s_tit{transition-delay:0.5;}	
		.main_visual .active .txt_box .visual_more{transform:translateY(0);opacity:1;transition:all 1s;transition-delay:0.7s;}
		.main_visual .slick-dots .slick-active .s-line-fill{animation:slick-progressbar 4s 1;animation-fill-mode:backwards;display: inline-block;background:#00d1fe;height:2px;width:100%;}
		
		@keyframes slick-progressbar {
			0% {width:0%;}
			100% {width:100%;}
		}
		
		/*visual hover*/
			.main_visual .txt_box .visual_more:hover{animation:visual-more;animation-duration:1s;animation-fill-mode:backwards;animation-iteration-count:infinite;}
			@keyframes visual-more{
				0%{background:url('/images/more_arr.png')no-repeat;background-position:40px 6px;background-size:30px 9px;}
				100%{background:url('/images/more_arr.png')no-repeat;background-position:51px 6px;background-size:41px 9px;}
			}