@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
			/* #container 안의 레이아웃 */
		#contents_wrap {width:1280px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
		#contents_wrap #side_box {width:100%;padding:120px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
		#contents_wrap #contents_box {width:100%;padding:120px 0 7.2% 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
		#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
			/* navigation layout */
		#contents_wrap .nav_wrap {box-sizing:border-box;}
			/* #content */
		#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
		#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;overflow:hidden;}
		#content .sub_content:after {clear:both;content:"";display:block;}
			/* 컨텐츠 전체 가로 사이즈 */
		.w_custom {width:calc(100% - 60px);box-sizing:border-box;max-width:1280px;margin:0 auto;position: relative;}
		.main_w_custom{width:calc(100% - 60px);box-sizing:border-box;max-width:1400px;margin:0 auto;position: relative;}

	@media only screen and (max-width:1340px) {
		#contents_wrap {width:100%;padding-left:30px !important;padding-right:30px !important;}
	}
	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
	}
	@media only screen and (max-width:1280px) {
	}
	@media only screen and (max-width:1024px) {
		#contents_wrap {padding-left:20px !important;padding-right:20px !important;}
		#contents_wrap #contents_box {padding:90px 0;}
		.w_custom {width:calc(100% - 40px);}
	}
	@media only screen and (max-width:860px) {

		#contents_wrap #contents_box {padding:80px 0;}
	}
	@media only screen and (max-width:640px) {
		#contents_wrap {width:100%;padding-left:15px !important;padding-right:15px !important;}
		#contents_wrap #contents_box {padding:60px 0;}
		.w_custom, .main_w_custom{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box {padding:50px 0;}
	}
	@media only screen and (max-width:320px) {
		#contents_wrap {padding-left:10px !important;padding-right:10px !important;}
		.w_custom, .main_w_custom{width:calc(100% - 20px);}
	}

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.skip_nav {position:relative;z-index:9999;}
		.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
		.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}
	
		#header{position:sticky;top:0;left:0;width:100%;background:var(--point-white);z-index:51;box-sizing:border-box;border-bottom:1px solid #ddd;transition:all 0.5s;}
		#header .hd_bnr{width:100%;background:var(--black-color01);height:50px;display: flex;align-items: center;justify-content: center;position: relative;}
		#header .hd_bnr a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		#header .hd_bnr .thumb{width:100%;height:100%;position: absolute;top:0;left:0;background-size:cover;}
		#header .hd_bnr p{font-size:17px;color:var(--point-white);font-weight:200;font-family:var(--font-type02);letter-spacing:-0.04em;}
		#header .hd_bnr p strong{font-size:inherit;color:inherit;font-weight:400;}
		#header .hd_bnr p strong em{font-size:inherit;color:var(--point-color02);font-weight:700;}
		#header .header_cont{height:100px;box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;padding:0 60px 0 52px;position: relative;}
		#header .hd_logo{width:204px;position: relative;z-index:3;}
		#header .header_cont	.hd_logo a{display: block;width:100%;height:100%;font-size:0;position: absolute;top:0;left:0;}
		#header .header_cont	.hd_logo .logo{width:100%;height:100%;display: none;}
		#header .header_cont	.hd_logo .logo.on{display:block;}
		#header .header_cont	.hd_logo svg{max-width:100%;max-height:100%;}
		#header .hd_lnb{width:100%;position: absolute;left:50%;transform:translate(-50%);display: flex;align-items: center;justify-content: center;}
		#header .hd_lnb li{margin:0 32.5px;}
		#header .hd_lnb li a{font-size:20px;color:var(--black-color02);font-weight:400;line-height:100px;display: block;transition:all 0.5s;}

		#header .hd_right{display: flex;align-items: center;position: relative;z-index:3;}

		#header .multi_lang{display: inline-block;box-sizing:border-box;position: relative;}
		#header .multi_lang dt{box-sizing:border-box;padding:0 20px 0 0;position: relative;cursor:pointer;width:40px;}
		#header .multi_lang .btn_lang{display: block;width:100%;height:100%;position: absolute;top:0;left:0;cursor:pointer;z-index:3;}
		#header .multi_lang dt span{display: block;width:20px;height:20px;box-sizing:border-box;position: relative;font-size:0;transition:all 0.5s;}
		#header .multi_lang dt span .lang, #header .multi_lang dt span .lang svg{width:100%;height:100%;}
		#header .multi_lang dt span .lang.on{display: none;opacity:0.7;}
		#header .multi_lang dt:before{content:"";border-top:4px solid var(--black-color04);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:none;position: absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.5s;}
		#header .multi_lang dt.on:before{transform:translateY(-50%) rotate(-180deg);}
		#header .multi_lang dd{display: none;box-sizing:border-box;background:#fff;width:70px;position: absolute;top:140%;left:50%;transform:translateX(-50%);box-shadow:2.5px 4.3px 13px 0 rgba(0, 0, 0, 0.35);border:1px solid #ccc;border-radius:4px;padding:7px 0;text-align: center;}
		#header .multi_lang dd ul li + li{margin-top:5px;}
		#header .multi_lang dd ul li a{font-size:13px;color:#666;font-weight:400;display:block;text-transform:uppercase;line-height:initial;}	
		
		#header .menu_box{width:34px;height:34px;display: block;margin-left:40px;position: relative;}
		#header .menu-trigger{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		#header .menu_box .all_cate{width:100%;height:100%;}
		#header .menu_box svg{width:100%;height:100%;}
		#header .menu_box .all_cate.on{display: none;}

		/*main*/
		#header.main{background:transparent;border-color:rgba(255,255,255,0.2);}
		#header.main .header_cont	.hd_logo .logo{display: block;}
		#header.main .header_cont	.hd_logo .logo.on{display:none;}
		#header.main .hd_lnb li a{color:var(--point-white);}

		#header.main .multi_lang dt:before{border-top-color:rgba(255,255,255,0.7);}
		#header.main .multi_lang dt span .lang{display: none;}
		#header.main .multi_lang dt span .lang.on{display:block;}
		
		#header.main .menu_box .all_cate{display: none;}	
		#header.main .menu_box .all_cate.on{display:block;}

		/*menu box*/
		.hd_menu_box{position: absolute;top:100%;left:0;width:100%;background: #f5f5f5;display:none;flex-wrap:wrap;justify-content: space-between;}
		.hd_menu_box.on{display: flex;}	
		.hd_menu_box > ul{width:calc(100% - 530px);box-sizing:border-box;padding:50px 133px 0 60px;}
		.hd_menu_box > ul > li{display:none;flex-wrap:wrap;}
		.hd_menu_box > ul > li.on{display: flex;}
		.hd_menu_box > ul > li > a{font-size:30px;color:var(--black-color03);font-weight:600;width:150px;display: block;letter-spacing:-0.02em;}
		.hd_menu_box > ul > li > ul{display: flex;flex-wrap:wrap;width:100%;margin-left:-10px;box-sizing:border-box;padding-left:50px;}
		.hd_menu_box > ul > li > ul li{margin:0 10px 20px;width:calc(25% - 20px);}
		.hd_menu_box > ul > li > ul li a{display: flex;width:100%;height:50px;align-items: center;justify-content: center;background:var(--point-white);border:1px solid #ddd;box-sizing:border-box;font-size:16px;color:var(--black-color06);font-weight:400;font-family:var(--font-type02);text-align: center;}
		.hd_menu_box .bnr_box{width:530px;box-sizing:border-box;border-radius:0 60px 0 0;background:url('../images/skin/lnb_dep2_bg.png')no-repeat center;background-size:cover;padding:37px 15px;}
		.hd_menu_box .bnr_box .txt{text-align: center;}
		.hd_menu_box .bnr_box .txt strong{font-size:24px;color:var(--point-white);font-weight:500;}
		.hd_menu_box .bnr_box .txt p{font-size:14px;color:var(--point-white);font-weight:300;font-family:var(--font-type02);margin-top:12px;line-height:1.5;}
		.hd_menu_box .bnr_box .icon_box{width:100%;box-sizing:border-box;padding:0 59px;display: flex;margin-top:20px;}
		.hd_menu_box .bnr_box .icon_box li{width:calc(100% / 3 - 14px);box-sizing:border-box;border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(2px);padding:20px 0;}
		.hd_menu_box .bnr_box .icon_box li + li{margin-left:20px;}
		.hd_menu_box .bnr_box .icon_box li .icon{height:47px;display: flex;align-items: center;justify-content: center;}
		.hd_menu_box .bnr_box .icon_box li .icon img{max-height:100%;}
		.hd_menu_box .bnr_box .icon_box li p{font-size:14px;color:var(--point-white);font-weight:400;margin-top:15px;}

		@media only screen and (min-width:1024px){
			#header .multi_lang dd ul li:hover a{color:#000;font-weight:500;}	

			#header:hover{background:var(--point-white);border-color:#ddd;}
			#header:hover .header_cont .hd_logo .logo{display:none;}
			#header:hover .header_cont .hd_logo .logo.on{display:block;}
			#header:hover .hd_lnb li a{color:var(--black-color02);}
			#header .hd_lnb li:hover a{color:var(--point-color01);font-weight:500;}

			#header:hover .multi_lang dt:before{border-top-color:var(--black-color04);}
			#header:hover .multi_lang dt span .lang{display:block;}
			#header:hover .multi_lang dt span .lang.on{display:none;}

			#header:hover .menu_box .all_cate{display: block;}	
			#header:hover .menu_box .all_cate.on{display:none;}

			.hd_menu_box > ul > li > ul li:hover a{background:var(--point-color01);color:var(--point-white);border-color:var(--point-color01);}
		}
		@media only screen and (max-width:1700px){
			.hd_menu_box > ul{padding:50px 40px 0 35px;}
			.hd_menu_box > ul > li > ul{padding-left:40px;}
		}
		@media only screen and (max-width:1550px){
			.hd_menu_box > ul{width:calc(100% - 480px);}
			.hd_menu_box > ul > li > ul li{width:calc(100% / 3 - 20px);}
			.hd_menu_box > ul > li > ul li a{font-size:14px;}
			.hd_menu_box .bnr_box{width:480px;}
			.hd_menu_box .bnr_box .icon_box{padding:0 16px;}
		}
		@media only screen and (max-width:1350px){
			#header .header_cont{padding:0 30px;}
			#header .hd_logo{width:170px;}
			#header .hd_lnb li{margin:0 15px;}
			#header .hd_lnb li a{font-size:18px;}

			.hd_menu_box > ul > li > a{font-size:24px;width:120px;}
			.hd_menu_box > ul > li > ul{width:100%;margin-left:-5px;}
			.hd_menu_box > ul > li > ul li{margin:0 5px 15px;width:calc(100% / 3 - 10px);}
			.hd_menu_box > ul > li > ul li a{padding:0 5px;}
		}
		@media only screen and (max-width:1024px){
			#header .hd_lnb{display: none;}
			#header .hd_bnr {height: 45px;}
			#header .header_cont{height:90px;}
		}
		@media only screen and (max-width:860px){
			#header .hd_bnr p{font-size:15px;}
			#header .header_cont{height:80px;}
			#header .hd_logo{width:150px;}
			#header .menu_box{width:28px;height:28px;margin-left:20px;}
		}
		@media only screen and (max-width:640px){
			#header .header_cont{padding:0 15px;}
		}
		@media only screen and (max-width:500px){
			#header .hd_bnr{height:40px;}
			#header .hd_bnr p{font-size:13px;}
			#header .header_cont{height:50px;}
			#header .hd_logo{width:138px;}
			#header .multi_lang dt span{width:16px;height:16px;}
			#header .multi_lang dd{width:50px;}
			#header .multi_lang dd ul li a{font-size:11px;}
			#header .menu_box{width:22px;height:22px;}
		}


/*───────────────────────────────────────────────────────────

	 ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#aside {top:0px;right:-100%;width:100%;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:url('../images/skin/all_cate_bg.png')no-repeat center;background-size:cover;z-index:106;}
		#aside.on {right:0%;}

		.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:53;position:fixed;display:none;}
		.aside_bg.on {opacity:1;display:block;}

		#aside .aside_box{width:100%;height:100%;}
		#aside .aside_box .aside_top{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;height:100px;padding:0 56px 0 52px;}
		#aside .aside_box .aside_top .aside_logo{width:204px;height:62px;position: relative;}
		#aside .aside_box .aside_top .aside_logo a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		#aside .aside_box .aside_top .aside_logo .logo{width:100%;height:100%;}
		#aside .aside_box .aside_top .aside_logo svg{width:100%;height:100%;}

		#aside .aside_right{display: flex;align-items: center;position: relative;z-index:3;}
		#aside .multi_lang{display: inline-block;box-sizing:border-box;position: relative;}
		#aside .multi_lang dt{box-sizing:border-box;padding:0 20px 0 0;position: relative;cursor:pointer;}
		#aside .multi_lang dt span{display: block;width:20px;height:20px;background:url('../images/skin/icon_globe.svg')no-repeat center;background-size:auto 100% !important;box-sizing:border-box;position: relative;font-size:0;transition:all 0.5s;opacity:0.7;}
		#aside .multi_lang dt:before{content:"";border-top:4px solid rgba(255,255,255,0.7);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:none;position: absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.5s;}
		#aside .multi_lang dt.on:before{transform:translateY(-50%) rotate(-180deg);}
		#aside .multi_lang dd{display: none;box-sizing:border-box;background:#fff;width:70px;position: absolute;top:140%;left:50%;transform:translateX(-50%);box-shadow:2.5px 4.3px 13px 0 rgba(0, 0, 0, 0.35);border:1px solid #ccc;border-radius:4px;padding:7px 0;text-align: center;}
		#aside .multi_lang dd ul li + li{margin-top:5px;}
		#aside .multi_lang dd ul li a{font-size:13px;color:#666;font-weight:400;display:block;text-transform:uppercase;line-height:initial;}	
		#aside .btn_aside_close{width:44px;height:44px;margin-left:34px;}
		#aside .btn_aside_close a{display: block;width:100%;height:100%;position:relative;}		
		#aside .btn_aside_close a span{display: inline-block;width:100%;height:2px;content:"";background:var(--point-white);position: absolute;top:50%;left:0;}
		#aside .btn_aside_close a span:nth-child(1){transform:rotate(45deg);}
		#aside .btn_aside_close a span:nth-child(2){transform:rotate(-45deg);}

		#aside .aside_cont{display: flex;flex-wrap:wrap;box-sizing:border-box;padding:50px 60px 80px;height:calc(100% - 100px);}
		#aside .aside_cont .cs_info{align-self:flex-end;width:32.2%;box-sizing:border-box;padding-right:20px;}
		#aside .aside_cont .cs_info > span{font-size:16px;color:var(--point-color02);font-weight:500;}
		#aside .aside_cont .cs_info > p{font-size:40px;color:var(--point-white);font-weight:600;letter-spacing:-0.03em;margin-top:16px;}
		#aside .aside_cont .cs_info .info_box{margin-top:42px;}
		#aside .aside_cont .cs_info .info_box dl{display: flex;flex-wrap:wrap;}
		#aside .aside_cont .cs_info .info_box dl + dl{margin-top:10px;}
		#aside .aside_cont .cs_info .info_box dl dt, #aside .aside_cont .cs_info .info_box dl dd{font-size:16px;font-weight:200;color:var(--point-white);box-sizing:border-box;}
		#aside .aside_cont .cs_info .info_box dl dt{font-weight:500;width:100px;}
		#aside .aside_cont .cs_info .info_box dl dd{width:calc(100% - 100px);}
		#aside .aside_cont .cs_info .info_box dl dd a{font-size:inherit;color:inherit;font-weight:inherit;word-break:break-all;}

		#aside .aside_cont .slidemenu{width:59.8%;box-sizing:border-box;height:100%;border-left:1px solid rgba(255,255,255,0.2);display: flex;flex-wrap:wrap;padding-left:60px;overflow-y:auto;}
		#aside .aside_cont .slidemenu::-webkit-scrollbar{width:4px;background:transparent;}
		#aside .aside_cont .slidemenu::-webkit-scrollbar-thumb{width:4px;background:var(--black-color08);}
		#aside .aside_cont .slidemenu > li{margin:0 40px 60px;width:calc(100% / 3 - 80px);}
		#aside .aside_cont .slidemenu > li > a{font-size:26px;color:var(--point-white);font-weight:600;}
		#aside .aside_cont .slidemenu > li ul{margin-top:34px;}
		#aside .aside_cont .slidemenu > li ul li + li{margin-top:11px;}
		#aside .aside_cont .slidemenu > li ul li a{font-size:18px;color:var(--point-white);font-weight:300;font-family:var(--font-type02);}

	@media only screen and (min-width:1024px) {
		#aside .aside_cont .slidemenu > li ul{display: block !important;}
		#aside .aside_cont .slidemenu > li ul li:hover a{text-decoration: underline;font-weight:600;}
		
	}

	@media only screen and (max-width:1550px) {
		#aside .aside_cont .slidemenu{width:67.8%;padding:0 10px 0 35px ;}		
	}
	@media only screen and (max-width:1350px) {
		#aside .aside_box .aside_top{padding:0 30px;}
		#aside .aside_cont{padding:40px 30px 60px;}
		#aside .aside_cont .cs_info > span{font-size:15px;}
		#aside .aside_cont .cs_info > p{font-size:34px;}
		#aside .aside_cont .cs_info .info_box{margin-top:30px;}
		#aside .aside_cont .cs_info .info_box dl dt, #aside .aside_cont .cs_info .info_box dl dd{font-size:14px;}

		#aside .aside_cont .slidemenu > li{margin:0 20px 40px;width:calc(100% / 3 - 40px);}
		#aside .aside_cont .slidemenu > li > a{font-size:20px;}
		#aside .aside_cont .slidemenu > li ul{margin-top:20px;}
		#aside .aside_cont .slidemenu > li ul li a{font-size:15px;}
	}
	@media only screen and (max-width:1024px) {
		#aside{width:640px;}
		#aside .aside_box{overflow-y:auto;}
		#aside .aside_box::-webkit-scrollbar{width:4px;background:transparent;}
		#aside .aside_box::-webkit-scrollbar-thumb{width:4px;background:var(--black-color08);}

		#aside .aside_box .aside_top{height:80px;}
		#aside .aside_box .aside_top .aside_logo{width:150px;height:46px;}
		#aside .btn_aside_close{width:30px;height:30px;}

		#aside .aside_cont{flex-direction: column-reverse;height:auto;}
		#aside .aside_cont .cs_info{width:100%;padding:0;}
		#aside .aside_cont .slidemenu{width:100%;border:none;padding:0 0 30px;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:30px;display: block;}
		#aside .aside_cont .slidemenu > li{width:100%;margin:0;padding:15px 0;position: relative;}
		#aside .aside_cont .slidemenu > li > a{font-size:24px;display: block;}
		#aside .aside_cont .slidemenu > li > .icons{width:63px;height:63px;position: absolute;top:0;right:0;z-index:4;cursor:pointer;}
		#aside .aside_cont .slidemenu > li > .icons:before{width:10px;height:10px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;position: absolute;top:46%;right:3px;transform:translateY(-50%) rotate(135deg);}
		#aside .aside_cont .slidemenu > li.on > .icons:before{transform:translateY(-50%) rotate(-45deg);top:53%;}
		#aside .aside_cont .slidemenu > li ul{display: none;}
		#aside .aside_cont .slidemenu > li ul li a{font-size:17px;}
	}
	@media only screen and (max-width:767px) {
		#aside{width:75%;}
	}
	@media only screen and (max-width:500px) {
		#aside{width:100%;}
		#aside .aside_box .aside_top{padding:0 15px;height:54px;}
		#aside .aside_box .aside_top .aside_logo{width:120px;height:36px;}
		#aside .multi_lang dt span{width:16px;height:16px;}
		#aside .multi_lang dd{width:50px;}
		#aside .multi_lang dd ul li a{font-size:11px;}
		#aside .btn_aside_close{width:24px;height:24px;margin-left:15px;}

		#aside .aside_cont{padding:25px 15px 50px;}
		#aside .aside_cont .cs_info > span{font-size:13px;}
		#aside .aside_cont .cs_info > p{margin-top:8px;font-size:24px;}
		#aside .aside_cont .cs_info .info_box{margin-top:15px;}
		#aside .aside_cont .cs_info .info_box dl dt, #aside .aside_cont .cs_info .info_box dl dd{font-size:12px;}
		#aside .aside_cont .cs_info .info_box dl dt{width:60px;}
		#aside .aside_cont .cs_info .info_box dl dd{width:calc(100% - 60px);}

		#aside .aside_cont .slidemenu > li{padding:15px 0;}
		#aside .aside_cont .slidemenu > li > a{font-size:18px;}
		#aside .aside_cont .slidemenu > li > .icons{width:55px;height:55px;}
		#aside .aside_cont .slidemenu > li > .icons:before{width:8px;height:8px;top:44%;}
		#aside .aside_cont .slidemenu > li.on > .icons:before{top:55%;}
		#aside .aside_cont .slidemenu > li ul li a{font-size:14px;}
	}

/*───────────────────────────────────────────────────────────

	 QUICK

───────────────────────────────────────────────────────────*/
   #wrap .right_quick{position: fixed;top:50%;right:0;transform: translateY(-50%);font-size: var(--title-20); transition: all 0.4s; display: flex; align-items: flex-start; z-index: 50;}
        #wrap .right_quick:has(.toggle_btn.on){right:300px;}
    #wrap .right_quick .btn_list > li{width: 60px;}
	#wrap .right_quick .btn_list > li.ver_m{display: none;}
    #wrap .right_quick .toggle_btn{width: 100%;height:200px;background: var(--point-color01);border-radius: 30px 0 0;padding:30px 0;font-size: 90%;font-weight: 500;color: var(--point-white);display: flex;align-items:flex-end;justify-content: center;position: relative;box-sizing:border-box;}
	  #wrap .right_quick .toggle_btn span{display: block;font-size:18px;color:var(--point-white);font-weight:500;position: absolute;transform:rotate(-90deg);width:100px;top:74px;left:-20px;}
    #wrap .right_quick .scr_top{display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background: var(--black-color01); font-size: 0;}
    #wrap .right_quick .form_wrap{background:#f5f5f5; width: 300px; transition: all 0.4s; box-sizing: border-box; padding:30px; max-height:53vh; overflow: hidden; overflow-y: auto;position: absolute;top:0;right:-300px;}
	#wrap .right_quick .form_wrap::-webkit-scrollbar{width:4px;background:#ddd;}
	#wrap .right_quick .form_wrap::-webkit-scrollbar-thumb{width:4px;background:var(--point-color01);}
    #wrap .right_quick .form_wrap :where(table, tbody, tr, th, td){display: block; width: 100%;}
    #wrap .right_quick .form_wrap table{font-size: var(--title-20);}
    #wrap .right_quick .form_wrap table th{display: none;}
    #wrap .right_quick .form_wrap table td{font-size:16px; font-weight: 400; color: var(--black-color01); padding:5px 0;}
    #wrap .right_quick .form_wrap table strong{display: none;}
    #wrap .right_quick .form_wrap table :where(input[type="text"], input[type="password"]){width: 100%; border:0; height: 40px; padding:0 15px; box-sizing: border-box; font-size: inherit; background: var(--point-white);color: inherit;border:1px solid #ccc;}
	#wrap .right_quick .form_wrap table select{width:100%;height:40px;padding:0 15px;}
	#wrap .right_quick .form_wrap table td .policy_cont{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;padding-bottom:10px;}
	#wrap .right_quick .form_wrap table td .policy_cont > div{padding-bottom:0;}
	#wrap .right_quick input[type="checkbox"] + label:before{margin-right:3px;}

    /* #wrap .right_quick .form_wrap table :where(input[type="text"], input[type="password"]):-webkit-autofill,#wrap .right_quick .form_wrap table :where(input[type="text"], input[type="password"]):-webkit-autofill:hover, #wrap .right_quick .form_wrap table :where(input[type="text"], input[type="password"]):-webkit-autofill:active{-webkit-text-fill-color:var(--point-white);} */

    #wrap .right_quick .form_wrap table textarea{width: 100%; resize: none; font-size: inherit; padding:15px; box-sizing: border-box; background: var(--black-color02); color: inherit; border: 0;min-height:120px;}
    #wrap .right_quick .form_wrap table td:has(#password){display: none;}
    #wrap .right_quick .form_wrap table td .captcha_wrap{display: flex; flex-wrap: wrap; gap: 10px;}
    #wrap .right_quick .form_wrap #main-captcha-box{width: 180px;}
    #wrap .right_quick .form_wrap #main-refresh-code{position: relative; width: calc(100% - 190px); font-size: 0; background: var(--point-white); border:1px solid #ccc; cursor: pointer;padding:0;height:40px;box-sizing:border-box;border-radius:4px;}
    #wrap .right_quick .form_wrap #main-refresh-code:before{position: absolute; content:''; width:20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background:url(../images/skin/icon_btn_reset.png) no-repeat center; background-size: 100% auto;filter:var(--filter-black);}
	#wrap .right_quick .form_wrap #main-captcha{margin-top:10px;}
    #wrap .right_quick .more_box{justify-content: center;}
    #wrap .right_quick .policy_cont > div label{/* color: var(--point-white); */ margin:0;font-size:13px;}

	#wrap .right_quick .more_box{width:100%;}
	#wrap .right_quick .more_box .main_more{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:50px;width:100%;background:var(--point-white);font-size:15px;color:var(--point-white);font-weight:500;border:none;}
	#wrap .right_quick .more_box .main_more:before{opacity:1;}
	#wrap .right_quick .more_box .main_more span{display: block;font-size:inherit;color:inherit;font-weight:inherit;}

	/* @media only screen and (min-width:1024px){
		#wrap .right_quick .more_box .main_more:hover{color:var(--point-white);}
	} */
	
	@media screen and (max-width:1024px){
		#wrap .right_quick .btn_list > li{width: 55px;}
        #wrap .right_quick .scr_top{height: 55px;}

		#wrap .right_quick .btn_list > li.ver_pc{display: none;}
		#wrap .right_quick .btn_list > li.ver_m{display: block;}
	}
	@media screen and (max-width:860px){
		#wrap .right_quick .btn_list > li{width: 50px;}
        #wrap .right_quick .toggle_btn{border-radius: 20px 0 0 0;}
		#wrap .right_quick .toggle_btn span{left:-23px;}
        #wrap .right_quick .scr_top{height: 50px;}
	}
	@media screen and (max-width:640px){
		 #wrap .right_quick{width: 100%; right: calc(-100% + 45px);}
            #wrap .right_quick:has(.toggle_btn.on){right: 0;}
            body:has(.toggle_btn.on){overflow: clip; touch-action: none;}
        #wrap .right_quick .btn_list > li{width: 45px;}
        #wrap .right_quick .toggle_btn{border-radius: 15px 0 0 0;}
		#wrap .right_quick .toggle_btn span{left:-26px;}
        #wrap .right_quick .scr_top{height: 45px;}
        #wrap .right_quick .form_wrap{width: calc(100% - 45px);right:0;}
		#wrap .right_quick .form_wrap table td{font-size:14px;}

		#wrap .right_quick .form_wrap #main-refresh-code{width:40px;}

		#wrap .right_quick .more_box .main_more{height:40px;}
	}
	@media screen and (max-width:479px){
		#wrap .right_quick{right: calc(-100% + 40px);}
        #wrap .right_quick .btn_list > li{width: 40px;}
		#wrap .right_quick .toggle_btn{height:140px;padding:15px 0;}
		#wrap .right_quick .toggle_btn span{left:-22px;width:84px;top:47px;font-size:15px;width:84px;}
		#wrap .right_quick .toggle_btn .icon{width:15px;}
        #wrap .right_quick .scr_top{height: 40px;}
		#wrap .right_quick .scr_top img{width:12px;}
        #wrap .right_quick .form_wrap{width: calc(100% - 40px);}
	}

/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer{box-sizing:border-box;background: #f8f8f8;padding:60px 0 60px;}
		#footer .main_w_custom{display: flex;justify-content: space-between;flex-wrap:wrap;}
		#footer .info{width:35%;box-sizing:border-box;}
		#footer .ft_gnb{display: flex;align-items: center;}
		#footer .ft_gnb li{}
		#footer .ft_gnb li + li{margin-left:40px;}
		#footer .ft_gnb li a{font-size:16px;color:var(--black-color06);font-weight:400;}
		#footer .ft_gnb li a strong{font-size:inherit;color:var(--black-color01);font-weight:600;}
		#footer .info_box{display: flex;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px;margin-top:40px;}
		#footer .info_box span{display: inline-block;font-size:15px;color:var(--black-color06);font-weight:400;font-family:var(--font-type02);margin:0 20px 16px;letter-spacing:-0.04em;}
		#footer .info_box span em{font-size:inherit;color:inherit;font-weight:600;font-family:inherit;}
		#footer .info_box span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
		#footer .ft_sns{display: flex;margin-top:32px;}
		#footer .ft_sns li + li{margin-left:20px;}

		#footer .ft_lnb{display: flex;width:65%;box-sizing:border-box;justify-content: flex-end;flex-wrap:wrap;}
		#footer .ft_lnb > li{min-width:111px;}
		#footer .ft_lnb > li:nth-child(2), #footer .ft_lnb > li:nth-child(5){width:149px;}
		#footer .ft_lnb > li:last-child{min-width:initial;}
		#footer .ft_lnb > li + li{margin-left:20px;}
		#footer .ft_lnb > li > a{font-size:17px;color:var(--black-color03);font-weight:600;}
		#footer .ft_lnb > li > ul{margin-top:19px;}
		#footer .ft_lnb > li > ul > li + li{margin-top:13px;}
		#footer .ft_lnb > li > ul li a{font-size:15px;color:var(--black-color08);font-weight:400;font-family:var(--font-type02);display: block;letter-spacing:-0.04em;}
		#footer .ft_lnb > li:last-child > ul li a{min-width:initial;}

		#footer .ft_bot{margin-top:45px;}
		#footer .ft_bot .main_w_custom{display: flex;align-items: center;justify-content: space-between;}
		#footer .ft_bot .copyright{font-size:14px;color:var(--black-color01);font-weight:400;}
		#footer .ft_bot .copyright a{display: inline-block;font-size:inherit;color:inherit;margin-left:40px;}

		#footer .ft_family{position: relative;display: inline-block;}
		#footer .ft_family dt{color:var(--black-color05);border: 1px #ddd solid;background:var(--point-white);outline: 0;padding: 0;width:240px;line-height:53px;font-size:15px;font-weight:500;box-sizing: border-box;position: relative;z-index: 1;cursor:pointer;text-align: left;padding-left:24px;}	
		#footer .ft_family dt:before{content:"";border-bottom:5px solid var(--black-color05);border-left:5px solid transparent;border-right:5px solid transparent;border-top:none;position: absolute;right:24px;top:50%;transform:translateY(-50%);}	
		#footer .ft_family dt.on:before{transform:translateY(-50%) rotate(-180deg);}	
		#footer .ft_family dd{position: absolute;bottom:100%;left:0;width:100%;display: none;z-index:10;}	
		#footer .ft_family dd ul{background:#fff;box-sizing:border-box;padding:14px 22px;border:1px solid #ddd;border-bottom:none;}	
		#footer .ft_family dd ul li + li{margin-top:5px;}
		#footer .ft_family dd ul li a{display:block; font-size:15px;color:#888;font-weight:400;line-height:30px;}

	@media only screen and (min-width:1024px) {
		#footer .ft_family dd ul li:hover a{text-decoration: underline;}
	}
	@media only screen and (max-width:1550px) {
		#footer .ft_lnb{gap:15px;}
		#footer .ft_lnb > li{width:calc(100% / 6 - 13px);}
		#footer .ft_lnb > li + li{margin-left:0;}
	}
	@media only screen and (max-width:1300px) {
		#footer .ft_gnb li + li{margin-left:20px;}
		#footer .ft_gnb li a{font-size:14px;}

		#footer .info_box{width:calc(100% + 20px);margin-left:-10px;}
		#footer .info_box span{font-size:14px;margin:0 10px 12px;}

		#footer .ft_lnb > li > ul li a{min-width:initial;font-size:14px;}
	}
	@media only screen and (max-width:1024px) {
		#footer .info{width:100%;}
		#footer .ft_lnb{display: none;}
	}
	@media only screen and (max-width:860px) {
		#footer{padding:45px 0 60px;}
		#footer .info_box{margin-top:30px;}

		#footer .ft_bot .main_w_custom{flex-direction: column;align-items: flex-start;}
		#footer .ft_family{margin-top:30px;}
		#footer .ft_family dt{width:200px;}
	}
	@media only screen and (max-width:640px) {
		#footer .ft_bot .copyright a{display: block;margin:10px 0 0 0;}
	}
	@media only screen and (max-width:500px) {
		#footer{padding:35px 0 45px;}
		#footer .ft_gnb li + li{margin-left:15px;}
		#footer .ft_gnb li a{font-size:13px;}

		#footer .info_box{width:calc(100% + 12px);margin-left:-6px;margin-top:20px;}
		#footer .info_box span{font-size:13px;margin:0 6px 10px}

		#footer .ft_sns{margin-top:16px;}
		
		#footer .ft_bot{margin-top:25px;}
		#footer .ft_bot .copyright{font-size:12px;}
		#footer .ft_bot .copyright a{margin-top:5px;}
		#footer .ft_family dt{width:170px;line-height:44px;font-size:13px;padding-left:16px;}
		#footer .ft_family dt:before{right:18px;border-bottom:4px solid var(--black-color05);border-left:4px solid transparent;border-right:4px solid transparent;}
		#footer .ft_family dd ul{padding:10px 16px;}
		#footer .ft_family dd ul li a{font-size:12px;line-height:22px;}
	}


/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	#fullpage{overflow:hidden;}

	body #fp-nav{z-index:50;}
	body #fp-nav.fp-left{left:36px;}
	body #fp-nav ul{}
	body #fp-nav ul li{width:150px;height:16px;margin:0;}
	body #fp-nav ul li:last-child{display: none;}
	body #fp-nav ul li + li{margin-top:14px;}	
	body #fp-nav ul li a, body body .fp-slidesNav ul li a{}
	body #fp-nav ul li a span, body .fp-slidesNav ul li a span{width:16px;height:16px;background:url('../images/skin/main_navi.svg')no-repeat left center;left:2px;top:3px;}
	body #fp-nav ul li a.active span, body .fp-slidesNav ul li a.active span, body #fp-nav ul li:hover a.active span, body .fp-slidesNav ul li:hover a.active span{width:16px;height:16px;margin:-2px 0 0 -2px;background:url('../images/skin/main_navi_b.svg')no-repeat left center;}
	body #fp-nav ul li:hover a span, body .fp-slidesNav ul li:hover a span{width:16px;height:16px;margin:-2px 0 0 -2px;background:url('../images/skin/main_navi.svg')no-repeat left center;}
	body #fp-nav ul li .fp-tooltip{font-size:14px;color:var(--point-color01);font-weight:500;font-family:var(--font-type01);top:4px;width:auto;top:0;}
	body #fp-nav ul li:hover .active + .fp-tooltip{color:var(--point-color01);font-weight:500;}
	body #fp-nav ul li:hover .fp-tooltip{color:#aaa;font-weight:400;}
	body #fp-nav ul li .fp-tooltip.fp-left{left:31px;}

	body #fp-nav.main ul li a span, body #fp-nav.main ul li:hover a span{background:url('../images/skin/main_navi_wh.svg')no-repeat left center;opacity:0.7;}
	body #fp-nav.main ul li a.active span, body #fp-nav.main ul li:hover a.active span{;background:url('../images/skin/main_navi_ov.svg')no-repeat left center;opacity:1;}
	body #fp-nav.main ul li .fp-tooltip, body #fp-nav.main ul li .active + .fp-tooltip, #fp-nav.main ul li:hover .active + .fp-tooltip{color:var(--point-white);}
	body #fp-nav.main ul li:hover .fp-tooltip{color:#aaa;}

	body #fp-nav.on ul li a span, body #fp-nav.on ul li:hover a span{background:url('../images/skin/main_navi_wh.svg')no-repeat left center;opacity:0.7;}
	body #fp-nav.on ul li a.active span, body #fp-nav.on ul li:hover a.active span{;background:url('../images/skin/main_navi_ov.svg')no-repeat left center;opacity:1;}
	body #fp-nav.on ul li .fp-tooltip, body #fp-nav.on ul li .active + .fp-tooltip, #fp-nav.on ul li:hover .active + .fp-tooltip{color:var(--point-white);font-weight:500;}
	body #fp-nav.on ul li:hover .fp-tooltip{color:rgba(255,255,255,0.7);font-weight:400;}

	@media only screen and (max-width:1600px) {
		body #fp-nav{display: none;}
	}


	/* visual */
		.visual_section {width: 100%; height: 100vh; min-height: 800px; overflow: hidden;}
		.visual_section .visual_bg{width:100%;height:100%;position: absolute;top:0;left:0;}
		.visual_section .visual_bg iframe{width:100%;height:125%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.visual_section .visual_wrapper {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;/*  background: url(../images/skin/main_visual.jpg) no-repeat center; */ background-size: cover; box-sizing: border-box; padding-top: 20px;position: relative;}
		.visual_section .visual_cont {display: flex; align-items: center;}
		.visual_section .visual_cont .link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
		.visual_section .visual_cont .txt_box {width: max-content; padding-right: 24px; font-size: var(--title-20); color: var(--point-white)}
		.visual_section .visual_cont .txt_box h3 {font-size: var(--title-80); font-weight: 600;}
		.visual_section .visual_cont .txt_box p {margin-top: 9px; font-size: 120%; font-weight: 200; letter-spacing: -0.04em;}

		/* swiper_arw */
			.visual_section .visual_cont .arw_box {display: flex; margin-top: 100px;}
			.visual_section .visual_cont .arw_box .swiper_arw {position:relative; top:inherit; left:inherit; right:inherit; bottom:inherit; width:60px; height:60px; background:none; box-sizing:border-box; border:1px solid var(--point-white); margin:0; font-size:0; transition: all 0.3s;}
			.visual_section .visual_cont .arw_box .swiper_arw:before{width:100%;height:100%;content:"";position: absolute;top:0;left:0;background:url('/data/skin/respon_default/images/skin/main_arw.svg')no-repeat center;filter:var(--filter-white);}
			.visual_section .visual_cont .arw_box .swiper-button-next{margin-left:-1px;}
			.visual_section .visual_cont .arw_box .swiper-button-next:before{transform:scaleX(-1);}
			.visual_section .visual_cont .arw_box .swiper_arw:after{display: none;}
		
		/* visual_container */
			.visual_section .visual_cont .visual_box {position: relative; width: 100%; max-width: 900px; margin-left: auto; margin-right: initial; overflow: visible; z-index: 1;}
			.visual_section .visual_cont .visual_box .visual_container{overflow:visible;}
			.visual_section .visual_cont .visual_container .swiper-slide {width: 700px; height: auto; opacity: 0; border-radius: 60px 0 0 0; overflow: hidden;}
			.visual_section .visual_cont .visual_container .swiper-slide-active, 
			.visual_section .visual_cont .visual_container .swiper-slide-prev,
			.visual_section .visual_cont .visual_container .swiper-slide-next {opacity: 1;}

			/* card */
				.visual_section .visual_cont .visual_container .slide_cont {position: relative; display: flex; flex-direction: column;justify-content: center; width: 100%; height: 100%; background: var(--point-white); box-sizing: border-box; padding: 87px 40px; padding-left: 60px; border-radius: 66px 0 0 0;}
				.visual_section .visual_cont .visual_container .slide_cont:before{content:"";position: absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:4px solid transparent;background:linear-gradient(90deg, #0076BE 0.63%, #00446D 100%) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;border-radius:60px 0 0 0;opacity:0;}
				.visual_section .visual_cont .visual_container .slide_cont .num {position: absolute; right: 40px; top: 30px; font-size: var(--title-20); font-weight: 600; color: var(--point-color03); letter-spacing: -0.04em; text-align: right; z-index: 1;}
				.visual_section .visual_cont .visual_container .slide_cont p {font-size: var(--title-20); letter-spacing: -0.04em;}
				.visual_section .visual_cont .visual_container .slide_cont .logo {}
				.visual_section .visual_cont .visual_container .slide_cont .logo03{display: inline-flex;align-items: center;gap:10px;}
				.visual_section .visual_cont .visual_container .slide_cont .logo p {display: inline-block;  font-weight: 600; background: linear-gradient(90deg, #0076BE 0%, #003758 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
				.visual_section .visual_cont .visual_container .slide_cont .logo img {max-height: 36px;}
				.visual_section .visual_cont .visual_container .slide_cont .title {margin-top: 18px; font-size: var(--title-44); font-weight: 600; color: var(--black-color01); letter-spacing: -0.03em; font-family: var(--font-type02);}
				.visual_section .visual_cont .visual_container .slide_cont .circle {position: relative;display: flex;align-items: center; margin: 32px 0 30px;}
				.visual_section .visual_cont .visual_container .slide_cont .circle span{width:5px;height:5px;display: inline-block;box-sizing:border-box;border-radius:100%;background:#ddd;}
				.visual_section .visual_cont .visual_container .slide_cont .circle span + span{margin-left:12px;}
				.visual_section .visual_cont .visual_container .slide_cont > p {color: var(--black-color05); line-height: 1.6; font-family: var(--font-type02);}
				.visual_section .visual_cont .visual_container .slide_cont .btn_more {position:absolute;bottom:40px;right:40px;width:55px;height:55px;z-index:3;overflow:hidden;}
				.visual_section .visual_cont .visual_container .slide_cont .btn_more:before{width:150%;height:150%;content:"";background: linear-gradient(90deg, #0076BE 0%, #00446D 100%); transition:0.3s;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
				.visual_section .visual_cont .visual_container .slide_cont .btn_more a{position: relative;display:block;width:100%;height:100%;}
				.visual_section .visual_cont .visual_container .slide_cont .btn_more a:before,
				.visual_section .visual_cont .visual_container .slide_cont .btn_more a:after{content:"";position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--point-white);}
				.visual_section .visual_cont .visual_container .slide_cont .btn_more a:before{width:15px;height:2px;}
				.visual_section .visual_cont .visual_container .slide_cont .btn_more a:after{width:2px;height:15px;}
			/* blur */
				.visual_section .visual_cont .visual_container .swiper-slide-shadow-left,
				.visual_section .visual_cont .visual_container .swiper-slide-shadow-right {transform: scale(1.0); transform-origin: center center; background: rgba(0,0,0,0.6); -webkit-backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px);}

			/* active */
				.visual_section .visual_cont .visual_container .swiper-slide-active .slide_cont {box-shadow: 14px 15px 60px 0px rgba(0, 0, 0, 0.60);}
				.visual_section .visual_cont .visual_container .swiper-slide-active .slide_cont:before {opacity:1;}
			
		/* pagination */
			.visual_section .paging_box {position: absolute; left: 50%; bottom: 82px; transform: translateX(-50%);}
			.visual_section .swiper-pagination {position: relative; display: flex; gap: 0 40px; width: 100%;}
			.visual_section .swiper-pagination-bullet {display: flex; align-items: flex-end; width: 100%; height: auto; box-sizing: border-box; padding-bottom: 17px; border-bottom: 2px solid var(--point-white); border-radius: inherit; background: none; font-size: var(--title-20); text-align: left; opacity: 0.5;color:var(--point-white);}
			.visual_section .swiper-pagination-bullet span {display: block; font-size: 90%; font-weight: 400; color: var(--point-white); letter-spacing: -0.04em;}
			.visual_section .swiper-pagination-bullet-active {opacity: 1;}

	/*공통*/
		.main_more{position: relative;display: inline-flex;box-sizing:border-box;border:1px solid #ddd;width:200px;height:55px;align-items: center;justify-content:space-between;font-size:15px;color:var(--black-color08);font-weight:600;text-transform:uppercase;padding:0 30px;}
		.main_more:before{width:100%;height:100%;content:"";background: linear-gradient(90deg, #0076BE 0%, #00446D 100%);position: absolute;top:0;left:0;transition:all 0.5s;opacity:0;}
		.main_more span{position: relative;z-index:3;font-size:inherit;color:inherit;font-weight:inherit;}		
		.main_more em{display: inline-block;width:12px;height:12px;position: relative; flex-shrink: 0;}
		.main_more em:before,.main_more em:after{content:"";background:var(--black-color08);position: absolute;top:50%;left:50%;top:50%;transform:translate(-50%, -50%);}
		.main_more em:before{width:100%;height:2px;}
		.main_more em:after{width:2px;height:100%;}
		
		.main_title{text-align: center;}
		.main_title h3{font-size:var(--title-54);color:var(--point-white);font-weight:600;letter-spacing:-0.02em;line-height:1.3;}
		.main_title p{font-size:var(--title-20);color:var(--point-white);font-weight:300;font-family:var(--font-type02);margin-top:22px;letter-spacing:-0.04em;}
	
	/*service*/
		.main_service{box-sizing:border-box;background:url('../images/skin/main_service_bg.png')no-repeat center top;background-size:auto 670px;width:100%;height:100%;padding:228px 0 50px 0;}
		.main_service .main_title p{font-weight:200;opacity:0.8;}
		.main_service .service_cont{display: flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px;margin-top:80px;}
		.main_service .service_cont li{box-sizing:border-box;margin:0 15px;width:calc(25% - 30px);position: relative;text-align: center;padding-bottom:27px;}
		.main_service .service_cont li:before{width:100%;height:260px;content:"";border:1px solid #ddd;box-sizing:border-box;position: absolute;top:106px;left:0;}
		.main_service .service_cont li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:3;}
		.main_service .service_cont li .cont{transition:all 0.8s;}
		.main_service .service_cont li .cont .img_box{width:74.8%;height:0;padding-bottom:74.8%;box-sizing:border-box;border-radius:100%;position: relative;overflow:hidden;margin:0 auto;transition:all 0.8s;}
		.main_service .service_cont li .cont .img_box img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_service .service_cont li .cont .txt{position: relative;padding-bottom:30px;}
		.main_service .service_cont li .cont p{font-size:25px;color:var(--black-color01);font-weight:500;font-family:var(--font-type02);margin-top:29px;letter-spacing:-0.04em;}
		.main_service .service_cont li .more{width:55px;height:55px;margin:0 auto;box-sizing:border-box;border-radius:100%;background: linear-gradient(90deg, #0076BE 0%, #00446D 100%);transform:translate(-50%, 50px);opacity:0;z-index:-1;position: relative;transition:all 0.8s;position: absolute;bottom:-30px;left:50%;}
		.main_service .service_cont li .more span{display: block;width:100%;height:100%;position: relative;transition:all 0.8s;transition-delay:0.5s;}
		.main_service .service_cont li .more span:before, .main_service .service_cont li .more span:after{content:"";position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--point-white);}
		.main_service .service_cont li .more span:before{width:14px;height:2px;}
		.main_service .service_cont li .more span:after{width:2px;height:14px;}

	/*news*/
		.main_news{width:100%;height:100%;position: relative;display: flex;align-items: center;box-sizing:border-box;padding-top:166px;}
		.main_news:before{width:23.4%;height:100%;content:"";background: #f5f5f5;position: absolute;top:0;left:0;}
		.main_news .news_title{position: relative;}
		.main_news .main_title h3{color:var(--black-color01);}
		.main_news .main_title p{color:var(--black-color03);font-weight:400;margin-top:8px;}
		.main_news .more_box{position: absolute;right:0;bottom:0;}

		.main_news .news_box{margin-top:60px;}
		.main_news .main_w_custom > .more_box{display: none;}
        .main_news .swiper-wrapper:not(:has(.swiper-slide)){justify-content: center;}
		.main_news .swiper-slide > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_news .swiper-slide .thumb{width:100%;height:0;padding-bottom:65%;position: relative;overflow:hidden;box-sizing:border-box;border:1px solid #ddd;}
		.main_news .swiper-slide .thumb:before{width:100%;height:100%;content:"";border:4px solid transparent;background:linear-gradient(90deg, #0076BE 0.63%, #00446D 100%) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top:0;left:0;z-index:-1;opacity:0;transition:all 0.5s;box-sizing:border-box;}
		.main_news .swiper-slide .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_news .swiper-slide .txt{margin-top:20px;}
		.main_news .swiper-slide .txt strong{display: block;font-size:20px;color:var(--black-color01);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;}
		.main_news .swiper-slide .txt p{font-size:16px;color:var(--black-color08);font-weight:400;font-family:var(--font-type02);margin-top:20px;}

		.main_news .control_box{display: flex;align-items: center;margin-top:53px;}
		.main_news .control_box .swiper-pagination{font-size:16px;color:var(--black-color10);font-weight:600;position: static;width:60px;}
		.main_news .control_box .swiper-pagination span{font-size:inherit;color:inherit;font-weight:inherit;}
		.main_news .control_box .swiper-pagination .c_num{color:var(--black-color01);}

		.main_news .control_box .swiper-pagination-progressbar{position: relative;margin:0 30px;width:calc(100% - 148px - 60px);height:4px;background: #ddd;}
		.main_news .control_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:100%;background:var(--point-color01);}

		.main_news .arw_box{display: flex;align-items: center;}
		.main_news .arw_box .swiper_arw{width:30px;height:30px;background:none;position: relative;top:0;left:0;right:0;bottom:0;transform:none;margin:0;box-sizing:border-box;}
		.main_news .arw_box .swiper-button-prev{margin-right:36px;}
		.main_news .arw_box .swiper_arw:before{width:100%;height:100%;content:"";position: absolute;top:0;left:0;background:url('../images/skin/main_slide_arw.svg')no-repeat center;}
		.main_news .arw_box .swiper-button-next:before{transform:scaleX(-1);}
		.main_news .arw_box .swiper_arw:after{display: none;}
		.main_news .arw_box .swiper-button-prev:after{width:2px;height:12px;background: #d9d9d9;content:"";display: inline-block;display: block;position: absolute;top:50%;right:-18px;transform:translateY(-50%);}

	/*partner*/
		#section05 .fp-scroller{height:100%;}
		.main_partner{width:100%;height:100%;background:url('../images/skin/main_reference_bg.png')no-repeat center;background-size:cover;display: flex;flex-direction: column;justify-content: center;text-align: center;box-sizing:border-box;padding-top:137px;}
		.main_partner .partner_box{display: flex;flex-wrap:wrap;margin:60px 0 60px}
		.main_partner .partner_box li{box-sizing:border-box;border:1px solid #ddd;border-bottom:none;border-left:none;background:var(--point-white);}
		.main_partner .partner_box.line_5n li{width:20%;}
		.main_partner .partner_box.line_3n li{width:33.3333%;}
		.main_partner .partner_box.line_2n li{width:50%;}

		.main_partner .main_more{color:var(--point-white);}
		.main_partner .main_more em:before, .main_partner .main_more em:after{background:var(--point-white);}

	/*video*/
		.main_video{width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;box-sizing:border-box;position: relative;padding-top:130px;}
		.main_video:before{width:62.5%;height:100%;content:"";background:var(--point-color04);position: absolute;top:0;right:0;}
		.main_video:after{content:"Solution Demo";font-size:150px;color:rgba(255,255,255,0.1);font-weight:600;line-height:1;position: absolute;bottom:-38px;right:-47px;letter-spacing:-0.01em;}
		
		.main_video .main_w_custom{display: flex;align-items: center;flex-wrap:wrap;}
		.main_video .img_box{width:58.6%;position: relative;}
		.main_video .img_box > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_video .img_box .img{width:100%;height:0;padding-bottom:57.2%;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.20);box-sizing:border-box;border-radius:80px 0 0 0;overflow:hidden;position: relative;}
		.main_video .img_box .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_video .img_box .play_btn{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;box-sizing:border-box;border-radius:100%;border:2px solid rgba(255,255,255,0.2);}
		.main_video .img_box .play_btn:before{content:"";border-left:12px solid var(--point-white);border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:none;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_video .img_box .play_btn svg{position: absolute;top:-2px;left:-2px;stroke-dasharray: 500;stroke-dashoffset: 500; transform: rotate(-90deg);}

		.main_video .txt_box{width:41.4%;box-sizing:border-box;padding-left:100px;}
		.main_video .txt_box h3{font-size:44px;color:var(--point-white);font-weight:600;font-family:var(--font-type02);letter-spacing:-0.02em;line-height:1.3;}
		.main_video .txt_box h3 strong{font-size:inherit;color:var(--point-color02);font-weight:inherit;font-family:inherit;display: block;}
		.main_video .txt_box p{font-size:18px;color:rgba(255,255,255,0.8);font-weight:200;line-height:1.7;margin:24px 0 70px;}
		.main_video .main_more span{color:var(--point-white);}
		.main_video .main_more em:before, .main_video .main_more em:after{background:var(--point-white);}

	@media only screen and (min-width:1024px){
		.main_index [data-aos]{opacity:1;transform:none;}

		.main_more:hover{color:var(--point-white);border-color:transparent;}
		.main_more:hover:before{opacity:1;}
		.main_more:hover em:before,.main_more:hover em:after{background:var(--point-white);}
	
		/*visual*/
			.visual_wrapper .txt_box .arw_box .swiper_arw:hover{background:var(--point-white);}
			.visual_wrapper .txt_box .arw_box .swiper_arw:hover:before{filter:none;}
			.visual_section .visual_cont .visual_container .slide_cont .btn_more:hover:before{transform:translate(-50%, -50%) rotate(180deg);}
			

		/*service*/
			.main_service .service_cont li:hover .cont{transform:translateY(-80px);}	
			.main_service .service_cont li:hover .cont .img_box{width:81%;padding-bottom:81%;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.40);}
			.main_service .service_cont li:hover .more{transform:translate(-50%, 0);opacity:1;z-index:1;}
			.main_service .service_cont li:hover .more span{transform:rotate(-180deg);}

		/*news*/
			.main_news .swiper-slide:hover .thumb:before{opacity:1;z-index:3;}
			.main_news .arw_box .swiper_arw:hover:before{background:url('../images/skin/main_slide_arw_on.svg')no-repeat center;}

		/*video*/
			.main_video .img_box:hover .play_btn svg{animation: playAni 5s linear;}
			@keyframes playAni {
			  0% {
				stroke-dashoffset: 500; 
			  }
			  50% {
				stroke-dashoffset: 0;  
			  }
			  100% {
				stroke-dashoffset: -500;
			  }
			}
	}
	@media only screen and (max-width:1500px){
		/*visual*/
		.visual_section .visual_bg iframe{width:130%;}

		/*video*/
			.main_video:after{font-size:100px;bottom:-20px;}
			
	}
	@media only screen and (max-width:1380px){
		.visual_section .visual_cont .visual_box {max-width: 850px;}
		.visual_section .visual_cont .visual_container .swiper-slide {width: 660px;}
		.visual_section .visual_cont .visual_container .slide_cont {padding: 77px 40px; padding-left: 60px;}

		.visual_section .paging_box {bottom: 60px;}
	}
	@media only screen and (max-width:1300px){
		/*video*/
			.main_video .txt_box{padding-left:30px;}
	}
	@media only screen and (max-width:1280px){
		.visual_section .visual_cont .txt_box p {font-size: 110%;}

		.visual_section .visual_cont .visual_box {max-width: 790px;}
		.visual_section .visual_cont .visual_container .swiper-slide {width: 620px;}
		.visual_section .visual_cont .visual_container .slide_cont {padding: 72px 34px; padding-left: 54px;}
		.visual_section .visual_cont .visual_container .slide_cont .num {right: 34px; top: 28px;}
		.visual_section .visual_cont .visual_container .slide_cont .logo img {max-height: 34px;}
		.visual_section .visual_cont .visual_container .slide_cont .circle {margin: 30px 0 28px;}
		.visual_section .visual_cont .visual_container .slide_cont .circle span + span {margin-left: 10px;}
		.visual_section .visual_cont .visual_container .slide_cont .btn_more {right: 34px; bottom: 34px; width: 52px; height: 52px;}

		.visual_section .swiper-pagination {gap: 0 30px;}
		.visual_section .swiper-pagination-bullet {padding-bottom: 12px;}
		.visual_section .swiper-pagination-bullet span {font-size: 85%;}
	}
	@media only screen and (max-width:1180px){
		.visual_section {min-height: 760px;}
		.visual_section .visual_bg iframe{width:140%;}
		.visual_section .visual_cont .visual_box {max-width: 730px;}
		.visual_section .visual_cont .visual_container .swiper-slide {width: 580px;}
		.visual_section .visual_cont .visual_container .slide_cont {padding: 72px 30px; padding-left: 48px;}
		.visual_section .visual_cont .visual_container .slide_cont .num {right: 30px; top: 26px;}
		.visual_section .visual_cont .visual_container .slide_cont .logo img {max-height: 30px;}
		.visual_section .visual_cont .visual_container .slide_cont .circle {margin: 28px 0 26px;}
		.visual_section .visual_cont .visual_container .slide_cont .btn_more {right: 30px; bottom: 30px; width: 50px; height: 50px;}

		.visual_section .paging_box {bottom: 50px;}
	}
	@media only screen and (max-width:1024px){
		/*visual*/
			.visual_section {min-height: 860px; max-height: 900px;position: relative;}
			.visual_section .visual_bg iframe{width:170vw;}
			.visual_section .visual_cont {flex-direction: column;}
			.visual_section .visual_cont .txt_box {width: 100%; padding-right: 0; margin-bottom: 45px; text-align: center;}
			.visual_section .visual_cont .arw_box {display: none;}
 
			.visual_section .visual_cont .visual_box {margin-right: auto;}
			.visual_section .visual_cont .visual_container .swiper-slide {width: 80%;}
			.visual_section .visual_cont .visual_container .slide_cont .title {margin-top: 15px;}

			.visual_section .swiper-pagination {gap: 0 24px;}

		/*공통*/
			.main_more{width:160px;height:50px;font-size:14px;padding:0 20px;}

		/*service*/
			.main_service{background-position:center top;padding:120px 0 0 0;background-size:auto 66%;}
			.main_service .service_cont{margin-top:50px;}
			.main_service .service_cont li:before{height:68%;top:auto;bottom:0;}
			.main_service .service_cont li .cont .txt{padding-bottom:0;}
			.main_service .service_cont li .cont p{font-size:20px;margin-top:10px;}
			.main_service .service_cont li .more{position: static;transform:none;opacity:1;margin-top:20px;width:35px;height:35px;}

		/*news*/
			.main_news{padding:120px 0}
			.main_news:before{display: none;}
			.main_news .news_title{display: flex;align-items: center;justify-content: space-between;}
			.main_news .main_title{text-align:left;}
			.main_news .more_box{position: static;}

			.main_news .news_box{margin-top:45px;}

		/*partner*/
			.main_partner{padding:100px 0 100px;}

		/*video*/
			.main_video{padding:120px 0;}
			.main_video:after{font-size:70px;bottom:-12px;}
			.main_video .txt_box h3{font-size:34px;}
			.main_video .txt_box p{font-size:15px;margin:18px 0 30px;}
	}
	@media only screen and (max-width:860px){
		/*visual*/
			.visual_section {min-height: 760px; max-height: 800px;}
			.visual_section .visual_bg iframe{width:250vw;}
			.visual_section .visual_wrapper {padding-top: 40px;}
			.visual_section .visual_cont .txt_box {margin-bottom: 35px;}
			.visual_section .visual_cont .txt_box p {margin-top: 5px;}

			.visual_section .visual_cont .visual_box {max-width: 610px;}
			.visual_section .visual_cont .visual_container .swiper-slide {width: 85%;}
			.visual_section .visual_cont .visual_container .slide_cont {padding: 66px 30px; padding-left: 42px;}
			.visual_section .visual_cont .visual_container .slide_cont .title {margin-top: 12px;}
			.visual_section .visual_cont .visual_container .slide_cont .circle {margin: 26px 0 24px;}
			.visual_section .visual_cont .visual_container .slide_cont .btn_more {right: 30px; bottom: 30px; width: 46px; height: 46px;}

			.visual_section .paging_box {max-width: 80%; bottom: 40px;}
			.visual_section .swiper-pagination {gap: 0 10px;}
			.visual_section .swiper-pagination-bullet {border-bottom-width: 3px;}
			.visual_section .swiper-pagination-bullet span {display: none;}

		/*service*/
			.main_service{padding:80px 0 110 0;background-size:auto 42%;}
			.main_service .service_cont{width: calc(100% + 20px);margin-left:-10px;}
			.main_service .service_cont li{margin:0 10px 35px;width:calc(50% - 20px);}
			.main_service .service_cont li .cont .img_box{width:54%;padding-bottom:54%;}
		
		/*video*/
			.main_video{padding:110px 0;}
			.main_video:before{width:100%;height:50%;top:auto;bottom:0;}
			.main_video .img_box{width:100%;}
			.main_video .txt_box{width:100%;padding:50px 0 0 0;}
	}
	@media only screen and (max-width:640px){
		/*visual*/
			.visual_section {min-height: 700px; max-height: 740px;}
			.visual_section .visual_cont .txt_box {margin-bottom: 30px;}
			.visual_section .visual_cont .visual_box {max-width: 500px;}
			.visual_section .visual_cont .visual_container .swiper-slide {width: 90%;}
			.visual_section .visual_cont .visual_container .swiper-slide,
			.visual_section .visual_cont .visual_container .slide_cont:before {border-radius: 40px 0 0 0;}
			.visual_section .visual_cont .visual_container .slide_cont {padding: 54px 24px; padding-left: 38px; border-radius: 48px 0 0 0;}
			.visual_section .visual_cont .visual_container .slide_cont .logo img {max-height: 28px;}
			.visual_section .visual_cont .visual_container .slide_cont .title {line-height: 1.2;}
			.visual_section .visual_cont .visual_container .slide_cont .circle span + span {margin-left: 8px;}
			.visual_section .visual_cont .visual_container .slide_cont .btn_more {display: none;}

		/*공통*/
			.main_more{width:140px;height:46px;font-size:12px;padding:0 16px;}
			.main_more em{width:10px;height:10px;margin-top:-3px;}

		/*service*/
			.main_service .service_cont li .cont .img_box{width:70%;padding-bottom:70%;}

		/*news*/
			.main_news{padding:40px 0 110px;text-align: center;}
			.main_news .main_title{width:100%;}
			.main_news .news_title .more_box{display: none;}
			.main_news .main_w_custom > .more_box{display:block;position: static;margin-top:30px;}

			.main_news .swiper-slide .txt{margin-top:10px;text-align:left;}
			.main_news .swiper-slide .txt strong{font-size:16px;}
			.main_news .swiper-slide .txt p{font-size:14px;margin-top:10px;}

			.main_news .control_box{margin-top:30px;}
			.main_news .control_box .swiper-pagination{width:50px;font-size:14px;}

			.main_news .control_box .swiper-pagination-progressbar{width:calc(100% - 100px - 20px);margin:0 10px;}
			
			.main_news .arw_box .swiper_arw{width:20px;height:20px;}
			.main_news .arw_box .swiper-button-prev{margin-right:20px;}
			.main_news .arw_box .swiper_arw:before{background-size:auto 100%;}	
			.main_news .arw_box .swiper-button-prev:after{height:10px;right:-11px}

		/*partner*/
			.main_partner{padding:80px 0;}
			.main_partner .partner_box{margin:45px 0}
	}
	@media only screen and (max-width:500px){
		/*visual*/
			.visual_section {min-height: 660px; max-height: 700px;}
			.visual_section .visual_bg iframe{width:500vw;}
			.visual_section .visual_cont .visual_container .slide_cont {padding: 50px 20px; padding-left: 30px;}
			.visual_section .visual_cont .visual_container .slide_cont:before {border-width: 3px;}

			.visual_section .visual_cont .visual_container .slide_cont .num {right: 20px; top: 26px;}
			.visual_section .visual_cont .visual_container .slide_cont .logo img {max-height: 27px; margin-bottom: 5px;}
			.visual_section .visual_cont .visual_container .slide_cont .circle {margin: 24px 0 22px;}
			.visual_section .visual_cont .visual_container .slide_cont .circle span {width: 4px; height: 4px;}
			.visual_section .visual_cont .visual_container .slide_cont > p br {display: none;}

		/*service*/
			.main_service{padding:70px 0 0 0;background-size:auto 26%;}
			.main_service .service_cont{width: calc(100% + 15px);margin-left:-7.5px;margin-top:20px;flex-direction: column;align-items: center;}
			.main_service .service_cont li{margin:0 0 35px;width:61%;}
			.main_service .service_cont li .cont .img_box{width:85%;padding-bottom:85%;}
			.main_service .service_cont li .cont p{font-size:16px;}
			.main_service .service_cont li .more{width:30px;height:30px;margin-top:5px;}
			.main_service .service_cont li .more span:before{width:10px;height:1px;}
			.main_service .service_cont li .more span:after{width:1px;height:10px;}

		/*news*/
			.main_news{padding:15px 0 90px;}

		/*video*/
			.main_video{padding:80px 0 90px;}	
			.main_video:before{height:65%;}
			.main_video:after{font-size:48px;bottom:-7px;}
			.main_video .img_box .img{border-radius:40px 0 0 0;}
			.main_video .img_box .play_btn{width:55px;height:55px;}
			.main_video .img_box .play_btn:before{border-left: 8px solid var(--point-white);border-top: 6px solid transparent;border-bottom: 6px solid transparent;}

			.main_video .txt_box{padding:25px 0 0 0;}
			.main_video .txt_box h3{font-size:26px;}
			.main_video .txt_box p{font-size:14px;margin:12px 0 20px}
	}
	@media only screen and (max-width:320px){
		/*video*/
			.main_video:after{font-size: 35px;bottom: -3px;right: -13px;}	
	}