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

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

───────────────────────────────────────────────────────────*/
	.inr{position:relative; width:1800px; margin:0 auto; box-sizing:border-box;}

	@media only screen and (max-width:1830px){
		.inr{width:calc(100% - 60px);}
	}
	@media only screen and (max-width:640px){
		.inr{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:320px){
		.inr{width:calc(100% - 20px);}
	}
/*───────────────────────────────────────────────────────────

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

───────────────────────────────────────────────────────────*/
	/*** 일반 ***/
		.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:#fff; z-index:999; height:80px; border-bottom:1px solid #ddd; box-sizing:border-box; transition:all 0.4s;}
		#header .header_cont{display:flex; align-items:center; height:100%;}
		#header .hd_logo {}
		#header .hd_logo a {width:170px;height:40px; background:url('../images/skin/hd_logo.png') no-repeat left;font-size:0;display:block;background-size:100% auto; transition:all 0.4s;}
		#header .hd_right{position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-flex; align-items:center;}
		#header .cs_num{display:inline-flex; align-items:center; justify-content:center; width:200px; height:40px; font-size:14px; font-weight:500; color:#fff; background:#05243a; border-radius:20px; margin-right:10px;}
		#header .cs_num .bold_num{margin-left: 5px; font-weight:800;}
			#header .cs_num:before{display:inline-flex; content:''; width:16px; height:16px; background:url('../images/skin/hd_cs_ov.png') no-repeat center; margin-right:10px;}
		#header .inquiry{display:inline-flex; align-items:center; justify-content:center; width:120px; height:40px; font-size:14px; font-weight:500; color:#fff; background:#00aeef; border-radius:20px; margin-right:40px;}
			#header .inquiry:after{display:inline-flex; content:''; width:10px; height:10px; background:url('../images/skin/hd_more_arw.png') no-repeat center; margin-left:10px;}
		#header .menu-trigger{display:inline-block; font-size:0; width:26px; height:25px; background:url('../images/skin/menu-trigger.png') no-repeat center; transition:all 0.4s;}
		#header .gnb{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-flex;width: calc(100% - 400px);align-items: center;justify-content: center;height: 100%;}
		#header .gnb > li{position:relative; height: 100%;}
		#header .gnb > li > a{font-size:16px;font-weight: 500;color:#333;display: inline-flex;align-items: center;height: 100%;letter-spacing: 0.05em;text-align: center; padding: 0 2.1vw; }
		#header .gnb .dep02{display:none; position:absolute;top:calc(100% - 20px);left:50%;transform:translateX(-50%);background:#fff;width:max-content;padding:10px 0;box-shadow:0 0 5px rgba(0,0,0,0.2);min-width: 250px;}
		#header .gnb .dep02 > li{text-align:center;}
		#header .gnb .dep02 > li > a{box-sizing:border-box; display:block; font-size:15px; font-weight:500; color:#777; padding:10px 20px;}

		#header .gnb .dep03{display:none;background:#f5f5f5;width:100%;padding:10px 0;position: absolute;top: 0;left: calc(100% - 1px);height: max-content; min-height:100%; box-sizing: border-box;box-shadow:0 0 5px rgba(0,0,0,0.2);}
		#header .gnb .dep03 > li{text-align:center;}
		#header .gnb .dep03 > li > a{box-sizing:border-box; display:block; font-size:15px; font-weight:500; color:#777; padding:10px 20px;}

		#header .gnb .dep04{display:none;background:#fff;width:100%;padding:10px 0;position: absolute;top: 0;left: calc(100% - 1px);height: 100%;box-sizing: border-box;box-shadow:0 0 5px rgba(0,0,0,0.2);}
		#header .gnb .dep04 > li{text-align:center;}
		#header .gnb .dep04 > li > a{box-sizing:border-box; display:block; font-size:15px; font-weight:500; color:#777; padding:10px 20px;}

		/* main header */
			.main_index #header{border-bottom-color:rgba(255,255,255,0.2);background:transparent;position:fixed;}
			.main_index #header .hd_logo a{background-image:url('../images/skin/hd_logo_wh.png');}
			.main_index #header .gnb > li > a{color:#fff; }
			.main_index #header .cs_num{background:#fff;color:#00aeef;}
				.main_index #header .cs_num:before{background:url('../images/skin/hd_cs.png')no-repeat center;}
			.main_index #header .menu-trigger{background:url('../images/skin/menu-trigger-wh.png')}
				.main_index #header.on{background:#fff; border-bottom-color:#ddd;}
				.main_index #header.on .hd_logo a{background-image:url('../images/skin/hd_logo.png');}
				.main_index #header.on .gnb > li > a{color:#333;}
				.main_index #header.on .cs_num{background:#00aeef;color:#fff;}
				.main_index #header.on .cs_num:before{background:url('../images/skin/hd_cs_ov.png')no-repeat center;}
				.main_index #header.on .menu-trigger{background:url('../images/skin/menu-trigger.png')}

		/* over */
			@media only screen and (min-width:1024px){
				#header .gnb > li:hover > a{color:#00aeef;}
				#header .gnb .dep02 > li > a:hover, #header .gnb .dep03 > li > a:hover, #header .gnb .dep04 > li > a:hover{color:#333;}
				#header .gnb .dep02 > li:hover .dep03{display:block;}
				#header .gnb .dep03 > li:hover .dep04{display:block;}

				#header.over{background:#fff; border-bottom-color:#ddd;}
				#header.over .hd_logo a{background-image:url('../images/skin/hd_logo.png');}
				#header.over .gnb > li > a{color:#333;}
				#header.over .cs_num{background:#00aeef;color:#fff;}
				#header.over .cs_num:before{background:url('../images/skin/hd_cs_ov.png')no-repeat center;}
				#header.over .menu-trigger{background:url('../images/skin/menu-trigger.png')}
			}


		#header .scroll_top{position:fixed;right: 50px;bottom: 60px;font-size:12px;font-weight:500;color:#111;z-index:9;opacity:0;transition: all 1s;display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;border: 1px solid #00aeef;border-radius: 100%;padding-top: 3px;box-sizing: border-box;background: #fff;}
			#header.fixed .scroll_top{opacity:1;transform: rotateY(1turn);}
		#header .scroll_top span{display:block;}
			#header .scroll_top span:before{display:block;content:'';width:7px;height:7px;border:1px solid #fff0;border-top-color:#00aeef;border-right-color:#00aeef;transform: rotate(-45deg);margin: 0 auto 1px;}

		#header .quick_wrap{position:fixed; top: 53.5%;right:0;transform:translateY(-50%); background:#f5f5f5; padding:40px 40px 40px 30px; display:inline-block; box-sizing:border-box; width:300px; transition:all 0.6s; min-height:455px;}
			#header .quick_wrap.on{right:0 !important;}
		#header .quick_wrap .close_btn{position:absolute;bottom:15px;left:15px;width: 19px;height: 20px;}
		#header .quick_wrap .close_btn em{position:absolute;top:50%;left:25px;font-size: 16px;font-weight:500;color:#333;transform:translateY(-50%);line-height: 1;}
		#header .quick_wrap .close_btn span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:2px; height:100%; background:#000;}
			#header .quick_wrap .close_btn span + span{transform:translate(-50%, -50%) rotate(-45deg);}
		#header .quick_wrap .form_box ul{}
		#header .quick_wrap .form_box ul li{}
		#header .quick_wrap .form_box ul li + li{margin-top:5px;}
		#header .quick_wrap .form_box input[type="text"], #header .quick_wrap .form_box select{width:100%; font-size:15px; font-weight:500; color:#333; background:#fff;  border-radius:5px; border:1px solid #ccc; padding:0 15px; font-size:14px;}
		#header .quick_wrap .form_box select{background:#fff url('../images/skin/icon-select-arw.png') no-repeat calc(100% - 15px) 50%; padding-right:40px;}
		#header .quick_wrap .form_box .policy{position:relative; padding-top:5px;}
		#header .quick_wrap .form_box .policy a{position:absolute; right:0; top:6px; background:none !important; border:0;} 
		#header .quick_wrap .form_box input[type="checkbox"] + label{position:relative; font-size:14px; font-weight:400; color:#333; }
		#header .quick_wrap .btn_box{margin-top:15px;}
		#header .quick_wrap .btn_box a, #header .quick_wrap .btn_box button{display:flex; align-items:center; justify-content:center; text-align:center; font-size:17px; font-weight:500; width:100%; height:50px; border-radius:5px; background:#00aeef; color:#fff;}
		#header .quick_wrap .btn_box button + a{margin-top:10px;}
		#header .quick_wrap .btn_box .tel{background:#000; font-size: 20px;}
			#header .quick_wrap .btn_box .tel:before{display:inline-flex; content:''; width:15px; height:15px; background:url('../images/skin/quick_tel.png') no-repeat center; margin-right:10px;}

		#header .form_box{opacity:0; pointer-events:none; transition:all 0.4s; position:absolute; top:40px; left:40px; width:calc(100% - 80px);}
			#header .form_box.on{opacity:1; pointer-events:inherit;}
		#header .quick_list{position:absolute; top:0; right:100%; border-radius:10px 0 0 10px;overflow:hidden;font-size: 0; transition:all 0.6s;}
		#header .quick_list li{}
			#header .quick_list li + li{margin-top:5px;}
		#header .quick_list li a{display:inline-flex;width:55px;height:150px;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff;background:#ccc;writing-mode: vertical-lr;letter-spacing: -0.05em;}
			#header .quick_list li a.on{background:#00aeef;}
			#header .quick_list li a:before{display:block;content:'';width:21px;height:19px;background:url('../images/skin/quick_icon01.png') no-repeat center;margin-bottom: 12px;}
			#header .quick_list li + li a.on{background:#0c4e9e;}
			#header .quick_list li + li a:before{display:block; content:''; width:17px; height:20px; background:url('../images/skin/quick_icon02.png') no-repeat center;}

		/*layer*/
		.hd_layer{position:absolute;top:calc(100% + 1px);left:0;background:#fff;width:100%; opacity:0; pointer-events:none;transition:all 0.4s;}
			.hd_layer.on{display: block; opacity:1; pointer-events:inherit;}
		.hd_layer .inr{display: none;padding:30px 0; display:flex;}
			.hd_layer .inr.on{}
		.hd_layer .inr .dep1{padding-right:50px;width:280px;box-sizing:border-box;}
		.hd_layer .inr.solution_box .dep1{padding-right:70px;}
		.hd_layer .inr:nth-child(2) .dep2_box .dep2 > ul > li{min-width:350px;}
		.hd_layer .inr .dep1 p{font-size:38px;color:#333;font-weight:700;}
		.hd_layer .inr .dep2_box{margin-left:17px;width: calc(100% - 297px);}
		.hd_layer .solution_box .dep2_box{box-sizing:border-box;padding-left:30px;border-left:1px solid #ddd;margin:0;}
		.hd_layer .inr.solution_box .dep2_box .dep2{}
		.hd_layer .inr.solution_box .dep2_box .dep2 + .dep2{margin-top:40px;}
		.hd_layer .inr.solution_box .dep2_box .dep2 .title{font-size:22px;color:#333;font-weight:600;margin-bottom:15px;}
		.hd_layer .inr.solution_box .dep2_box .solution_dep2 > ul{width:calc(100% + 32px);margin-left:-16px;font-size:0;}
		.hd_layer .inr.solution_box .dep2_box .solution_dep2 > ul > li{display: inline-block;box-sizing:border-box;vertical-align: top;margin:0 16px 10px;border:none;padding:0;}
		.hd_layer .inr.solution_box .dep2_box .solution_dep2 > ul > li > a{font-size:18px;color:#555;font-weight:400;}
        .hd_layer .inr.solution_box .dep2_box .solution_dep2 .dep03{margin-top:15px;}
		.hd_layer .inr.solution_box .dep2_box .solution_dep2 .dep03 li a{font-size:16px;color:#888;font-weight:400;line-height:30px;}

		.hd_layer .inr .dep2_box .dep2 > ul{width:calc(100% + 32px);margin-left:-16px;font-size:0;display:flex;flex-wrap:wrap;}
		.hd_layer .inr .dep2_box .dep2 > ul > li{display: inline-block;box-sizing:border-box;border-left:1px solid #ddd;padding:5px 16px;width:16.666%;vertical-align: top;}
		.hd_layer .inr .dep2_box .dep2 > ul > li > a{font-size:22px;color:#333;font-weight:600;margin-bottom:15px;word-break:break-all;}

		@media only screen and (min-width:1024px){
			.hd_layer .inr .dep2_box .dep2 > ul > li:hover > a{color:#00aeef;}
		}
		@media only screen and (max-width:1830px){
			#header .scroll_top{right:30px;}
		}
		@media only screen and (max-width:1500px){
			.hd_layer .inr .dep1{width:225px;}
			.hd_layer .inr .dep1 p{font-size:30px;}
			.hd_layer .inr .dep2_box{width:calc(100% - 242px);}
			.hd_layer .inr .dep2_box .dep2 > ul > li{width:25%;}
			.hd_layer .inr .dep2_box .dep2 > ul > li > a{font-size:18px;}

			.hd_layer .inr.solution_box .dep1{padding-right:50px;}
			.hd_layer .inr.solution_box .dep2_box .dep2 .title{font-size:18px;}
			.hd_layer .inr.solution_box .dep2_box .solution_dep2 > ul > li{width:16.666%;}
			.hd_layer .inr.solution_box .dep2_box .solution_dep2 > ul > li > a{font-size:16px;}
			.hd_layer .inr.solution_box .dep2_box .solution_dep2 .dep03 li a{font-size:14px;}
		}
		@media only screen and (max-width:1023px){
			#header .gnb, #header .quick_wrap{display:none;}
			.hd_layer{display:none !important;}
			#header .inquiry{margin-right:30px;}
		}
		@media only screen and (max-width:860px){
			#header .inquiry{margin-right:25px; width:110px; height:38px;}
			#header .cs_num{height:38px;font-size:14px;width:166px;}
		}
		@media only screen and (max-width:640px){
			#header {height:70px;}
			#header .inquiry{margin-right:20px; width:100px; height:36px;}
			#header .hd_logo a{width:135px;}
			#header .scroll_top{right:15px; bottom:40px;}

			#header .cs_num{font-size:0;width:40px;margin-right:5px;}
			#header .cs_num:before{margin-right:0;}

		}
		@media only screen and (max-width:431px){
			#header .inquiry{margin-right:15px; width:100px; height:36px; font-size:13px;}
			#header .hd_logo a{width:130px;}
		}
		@media only screen and (max-width:350px){
			#header .inquiry{margin-right:10px;width:80px;font-size:12px;}
		}

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

	aside   

───────────────────────────────────────────────────────────*/
		#aside {top:0px;right:-420px;width:420px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:#fff;z-index: 9999;}
		#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: 999;position:fixed;display:none;}
		.aside_bg.on {opacity:1;display:block;}
		#aside .aside_box {width:100%;height:100%;margin:0;padding: 0 20px 30px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;}
		#aside .aside_top{position: relative; display:flex; align-items:center; height:80px; transition:all 0.4s;}
		#aside .aside_box .aside_logo {}
		#aside .aside_box .aside_logo a {display:block; width:152px; height:36px; background:url('../images/skin/hd_logo.png') no-repeat left; background-size:100% auto;}
		#aside .aside_box .aside_logo img{}
		#aside .aside_box .btn_aside_close {position:absolute;width:24px;height:24px;right:0;top: 50%;transform: translateY(-50%);cursor:pointer; font-size:0;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {display:block; width:100%;height:100%; font-size:0;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width:100%;height:2px;background-color:#000;left:0;top:50%;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {transform:rotate(-45deg);}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {transform:rotate(45deg);}
		#aside .aside_top .aside_gnb{width:100%;font-size:0;text-align: center;margin-top:30px;}
		#aside .aside_top .aside_gnb li{display: inline-block;box-sizing:border-box;vertical-align:top;width:calc(50% - 10px);height:50px;border-radius:20px;border:1px solid #333;background:#fff;}
		#aside .aside_top .aside_gnb li + li{margin-left:20px;}
		#aside .aside_top .aside_gnb li a{display: block;width:100%;height:100%;line-height:48px;font-size:20px;color:#333;font-weight:500;}
		#aside .aside_top .aside_gnb li:nth-child(2){background:#00aeef;border:1px solid #00aeef}
		#aside .aside_top .aside_gnb li:nth-child(2) a{color:#fff;}

		#aside .gnb{margin-top:40px;}

		#aside .gnb > li{position: relative;}
			#aside .gnb > li + li{margin-top: 25px;}
		#aside .gnb > li > a{font-size:20px;color:#333;font-weight:500;display: block;padding-right:25px;box-sizing:border-box;max-width: 100%;position: relative;z-index:10;}
		#aside .gnb > li.on > li > a{color:#00aeef;font-weight:700;}
		#aside .gnb .icons{width:50px;height: 30px;position: absolute;top:0;right: 3px;cursor:pointer;font-size: 0;z-index:1;}
		#aside .gnb .icons:before{width:10px;height:10px;content:"";border:1px solid #333;border-width:1px 1px 0 0;position: absolute;top:50%;right:0;transform:translate(0, -87%) rotate(135deg);}
		#aside .gnb li.on > .icons:before{border-color:#00aeef;transform:translate(0, -37%) rotate(-45deg)}
		#aside .gnb .dep02{width:100%;box-sizing:border-box;border-radius:10px;background:#f5f5f5;padding: 20px 0 20px;display: none;margin: 10px 0 10px;}
		#aside .gnb .dep02 .icons{height:24px;right:15px;}
		#aside .gnb .dep02 > li{position:relative;}
			#aside .gnb .dep02 > li + li{margin-top: 18px;}
		#aside .gnb .dep02 > li > a{display:block;font-size:16px;color:#666;font-weight:400;padding:0 15px;box-sizing:border-box;max-width: 100%;position: relative;z-index:3;}

		#aside .gnb .dep03{width:calc(100% - 30px);box-sizing:border-box;border-radius:10px;background:#fff;padding: 20px 15px 20px;display: none;margin: 10px auto 10px;}
		#aside .gnb .dep03 > li{position:relative;}
			#aside .gnb .dep03 > li + li{margin-top: 10px;}
		#aside .gnb .dep03 > li > a{font-size: 15px;color:#666;font-weight:400;}

		#aside .gnb .dep04{width:100%;box-sizing:border-box;border-radius:10px;background:#f5f5f5;padding: 20px 15px 20px;display: none;margin: 10px 0 10px;}
		#aside .gnb .dep04 > li{position:relative;}
			#aside .gnb .dep04 > li + li{margin-top: 10px;}
		#aside .gnb .dep04 > li > a{font-size: 15px;color:#666;font-weight:400;}

		@media only screen and (max-width:860px){
				#aside.fixed .aside_top{height:80px;}
		}
		@media only screen and (max-width:640px){
			#aside .aside_top{height:70px;}
			#aside .aside_box .aside_logo a{width:135px;}
		}
		@media only screen and (max-width:479px){

			#aside{width:80%;right:-80%;}	
			#aside .aside_box{padding:0 15px 50px;}
			#aside .aside_box .btn_aside_close{width:20px;height:20px;}
			#aside .aside_top .aside_gnb{margin-top:20px;}
			#aside .aside_top .aside_gnb li{width:calc(50% - 5px);height:40px;border-radius:10px;}
			#aside .aside_top .aside_gnb li + li{margin-left:10px;}
			#aside .aside_top .aside_gnb li a{font-size:16px;line-height:38px;}

			#aside .gnb{margin-top:30px;}
			#aside .gnb > li > a{font-size:18px;}
			#aside .gnb .icons{width:27px;height: 27px;}
			#aside .gnb .icons:before{width:8px;height:8px;}
			#aside .gnb .dep02 .icons{height:20px;}
			#aside .gnb .dep02 > li a{font-size:14px;}
				#aside .gnb > li + li{margin-top: 20px;}
				#aside .gnb .dep02 > li + li{margin-top: 10px;}
				#aside .gnb .dep03 > li + li{margin-top: 7px;}
		}

		@media only screen and (max-width:431px){
			#aside .aside_box .aside_logo a{width:130px;}
		}

		@media only screen and (max-width:360px){
			#aside .gnb > li > a{font-size:16px;}
			#aside .gnb .icons{width:24px;height: 24px;}
			#aside .gnb .dep02 .icons{height:19.5px;}
			#aside .gnb .dep02 > li a{font-size:13px;}
			#aside .gnb .dep03 > li > a{font-size:12px;}
		}





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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.main_visual_box{position: relative;}
		.main_visual{}
		.main_visual, .main_visual .swiper-slide{position:relative; width:100%; height:960px; box-sizing:border-box;}
		.main_visual .swiper-slide{z-index:3;}
		.main_visual .swiper-slide > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;display: none;}
		.main_visual .thumb{width:100%; height:100%; background-size:cover !important;}
		.main_visual .swiper-slide[data-swiper-slide-index = '0'] .thumb{background:url('../images/skin/main-visual-01.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '1'] .thumb{background:url('../images/skin/main-visual-02.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '2'] .thumb{background:url('../images/skin/main-visual-03.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '3'] .thumb{background:url('../images/skin/main-visual-04.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '4'] .thumb{background:url('../images/skin/main-visual-05.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '5'] .thumb{background:url('../images/skin/main-visual-06.jpg')no-repeat center;}
		.main_visual .swiper-slide:nth-child(1) .thumb{background:url('../images/skin/main-visual-01.jpg')no-repeat center;}
		.main_visual .swiper-slide:nth-child(2) .thumb{background:url('../images/skin/main-visual-02.jpg')no-repeat center;}
		.main_visual .swiper-slide:nth-child(3) .thumb{background:url('../images/skin/main-visual-03.jpg')no-repeat center;}
		.main_visual .swiper-slide:nth-child(4) .thumb{background:url('../images/skin/main-visual-04.jpg')no-repeat center;}
		.main_visual .swiper-slide:nth-child(5) .thumb{background:url('../images/skin/main-visual-05.jpg')no-repeat center;}
		.main_visual .swiper-slide:nth-child(6) .thumb{background:url('../images/skin/main-visual-06.jpg')no-repeat center;}

		.main_visual .txt_box{position:absolute;top:45.5%;left:50%;transform:translate(-50%, -50%);text-align:center;}
		.main_visual .txt_box h2{font-size:70px; font-weight:900; color:#fff; text-align:center; padding:0 30px; box-sizing:border-box;}
			.main_visual .txt_box h2 + h6{margin-top:38px;}
		.main_visual .txt_box h2 img{display:inline-block;}
		.main_visual .txt_box h6{font-size:22px;font-weight:500;color: rgba(255,255,255,0.9);letter-spacing: -0.66px;line-height:1.6;}
		.main_visual .txt_box a{display:inline-block;}
		.main_visual .slick-slide[data-slick-index="0"] .txt_box span{display: none;}
		.main_visual .txt_box a span{display:inline-flex;align-items:center;justify-content:center;width:220px;height:52px;border:1px solid rgba(255,255,255,0.4);font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin-top: 83px;transition:all 0.4s;box-sizing: border-box;letter-spacing: 0.02em;}
		.main_visual .txt_box .TxtAni{transition:all 1.5s; transform:translateY(100px); opacity:0; transition-delay:0.2s;}

		/*active*/
		.main_visual .swiper-slide-active .txt_box .TxtAni{transform:translate(0); opacity:1;}
		.main_visual .swiper-slide-active .txt_box h6.TxtAni{transition-delay:0.4s;}
		.main_visual .swiper-slide-active .txt_box a.TxtAni{transition-delay:0.6s;}

		.visual_wrapper{position: relative;}
		
		.main_visual .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
		.main_visual .thumb{width:100%; height:100%; background-size:cover;}
		.main_visual .txt_box{position:absolute;top:45.5%;left:50%;transform:translate(-50%, -50%);text-align:center;}
		.main_visual .txt_box h2{font-size:70px; font-weight:900; color:#fff; text-align:center; padding:0 30px; box-sizing:border-box;}
			.main_visual .txt_box h2 + h6{margin-top:38px;}
		.main_visual .txt_box h2 img{display:inline-block;}
		.main_visual .txt_box a{display:inline-block;}
		.main_visual .slick-slide[data-slick-index="0"] .txt_box span{display: none;}
		.main_visual .txt_box a span{display:inline-flex;align-items:center;justify-content:center;width:220px;height:52px;border:1px solid rgba(255,255,255,0.4);font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin-top: 83px;transition:all 0.4s;box-sizing: border-box;letter-spacing: 0.02em;}
		.main_visual .txt_box .TxtAni{transition:all 1.5s; transform:translateY(100px); opacity:0; transition-delay:0.2s;}
		.main_visual .active .txt_box .TxtAni{transform:translate(0); opacity:1;}
		.main_visual .active .txt_box h6.TxtAni{transition-delay:0.4s;}
		.main_visual .active .txt_box a.TxtAni{transition-delay:0.6s;}

		.main_visual_box .visual_dot_box{position: absolute;bottom:0;width:calc(100% - 120px);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:flex-end;}
		.main_visual_box .visual_dot_box ul{display:flex;width:100%;align-items:stretch;}
		.main_visual_box .visual_dot_box ul li{box-sizing:border-box;background:rgba(0,0,0,0.6);position: relative;text-align: center;width: 20%;height:auto;opacity:1;border-radius:0;}
		.main_visual_box .visual_dot_box ul li > a{display:block;box-sizing:border-box;height:100%;padding:26px 0 25px;}
		.main_visual_box .visual_dot_box ul li + li{border-left:1px solid rgba(221,221,221,0.1);}
		.main_visual_box .visual_dot_box ul li .img{display:flex;justify-content:center;align-items:center;height:34px;}
		.main_visual_box .visual_dot_box ul li .img img{max-height:100%;}
		.main_visual_box .visual_dot_box ul li .img .logo{display: block;}
		.main_visual_box .visual_dot_box ul li .img .logo-ov{display: none;}
		.main_visual_box .visual_dot_box ul li .img span{font-size:30px;color:#fff;font-weight:700;letter-spacing:-0.9px;}
		.main_visual_box .visual_dot_box ul li p{font-size:16px;color:rgba(255,255,255,0.5);font-weight:400;letter-spacing:-0.48px;line-height:24px;margin-top:17px;}

		

		.main_visual_box .visual_dot_box ul li.on{background:#fff;border-radius:20px 20px 0 0;}
		.main_visual_box .visual_dot_box ul li.on > a{padding-top:36px;}
		.main_visual_box .visual_dot_box ul li.on .img .logo{display: none;}
		.main_visual_box .visual_dot_box ul li.on .img .logo-ov{display: block;}
		.main_visual_box .visual_dot_box ul li.on .img span{color:#000;}
		.main_visual_box .visual_dot_box ul li.on p{color:#000;}

		/*arw*/
		.main_visual_box .swiper_arw{width:60px;height:60px;position: absolute;top:42.5%;font-size:0;opacity:0.4;}
		.main_visual_box .swiper_arw.swiper-button-prev{left:140px;}
		.main_visual_box .swiper_arw.swiper-button-next{right:140px;}
		.main_visual_box .swiper_arw:before{width:44px;height:44px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;position: absolute;top:7px;}
		.main_visual_box .swiper_arw.swiper-button-prev:before{transform:rotate(-135deg);left:23px;}
		.main_visual_box .swiper_arw.swiper-button-next:before{transform:rotate(45deg);right:23px;}
		.main_visual_box .swiper_arw:after{display: none;}
		
		/*scroll down*/
			.main_visual_box .scroll_down{position: absolute;left:50%;bottom:222px;z-index:5;cursor:pointer;transform:translate(-50%);}
			.main_visual_box .scroll_down .down_box{position: relative;padding-bottom:41px;display: inline-block;}
			.main_visual_box .scroll_down .down_box:before{width:18px;height:30px;content:"";box-sizing:border-box;border-radius:9px;border:2px solid #fff;position: absolute;left:50%;bottom:0;transform:translate(-50%);}
			.main_visual_box .scroll_down .down_box:after{width:4px;height:4px;content:"";background:#fff;position: absolute;box-sizing:border-box;border-radius:100%;bottom:18px;left:50%;transform:translate(-50%);animation:scroll 1.7s ease-in Infinite Alternate;}
			@keyframes scroll{
				0%{bottom:18px;}
				50%{bottom:7px;}
				10%{bottom:18px;}
			}
			.main_visual_box .scroll_down .down_box span{font-size:14px;color:#fff;font-weight:400;display: block;text-transform: uppercase;letter-spacing:0.5px;}

			@media only screen and (min-width:1024px){
				.main_visual .txt_box a span:hover{background:#00aeef; border-color:#00aeef;}
				.main_visual_box .swiper_arw:hover{opacity:1;}
				.main_visual_box .visual_dot_box ul li:hover{background:#fff;border-radius:20px 20px 0 0;}
				.main_visual_box .visual_dot_box ul li:hover > a{padding-top:36px;}
				.main_visual_box .visual_dot_box ul li:hover .img .logo{display: none;}
				.main_visual_box .visual_dot_box ul li:hover .img .logo-ov{display: block;}
				.main_visual_box .visual_dot_box ul li:hover .img span{color:#000;}
				.main_visual_box .visual_dot_box ul li:hover p{color:#000;}

				.main_visual_box .visual_dot_box ul{transform:none !important;}
			}		

	@media only screen and (max-width:1500px){
		.main_visual_box .swiper_arw.swiper-button-prev{left:20px;}
		.main_visual_box .swiper_arw.swiper-button-next{right:20px;}

		.main_visual_box .visual_dot_box{width:calc(100% - 50px);}
		.main_visual_box .visual_dot_box ul li .img{height:30px;}
		.main_visual_box .visual_dot_box ul li .img span{font-size:24px;}
		.main_visual_box .visual_dot_box ul li p{font-size:14px;}
	}
	@media only screen and (max-width:1300px){
		.main_visual, .main_visual .swiper-slide{height:87.3vw; min-height:500px;}
		.main_visual .txt_box{top:33.5%;}
		.main_visual .txt_box h2 {font-size:50px;}
		.main_visual .txt_box h2 img{max-height:100%;}
		.main_visual .txt_box h6{font-size:21px;}
		.main_visual .txt_box a span{margin-top:6.1vw; width:200px; height:50px;}

		.main_visual_box .swiper_arw{display: none;}

		.main_visual_box .scroll_down{bottom:180px;}
		.main_visual_box .visual_dot_box ul li .img{height:17px;}
		.main_visual_box .visual_dot_box ul li .img span{font-size:18px;}
		.main_visual_box .visual_dot_box ul li p{font-size:12px;line-height:20px;}
	}	
	@media only screen and (max-width:1024px){
		.main_visual .txt_box h2{font-size:40px;;}
		.main_visual .txt_box h6{font-size:18px;}
		.main_visual .txt_box a span{width:180px; height:45px;}

		/*on*/
		.main_visual_box .visual_dot_box ul li.swiper-slide-active{background:#fff;border-radius:20px 20px 0 0;}
		.main_visual_box .visual_dot_box ul li.swiper-slide-active > a{padding-top:36px;}
		.main_visual_box .visual_dot_box ul li.swiper-slide-active .img .logo{display: none;}
		.main_visual_box .visual_dot_box ul li.swiper-slide-active .img .logo-ov{display: block;}
		.main_visual_box .visual_dot_box ul li.swiper-slide-active .img span{color:#000;}
		.main_visual_box .visual_dot_box ul li.swiper-slide-active p{color:#000;}
	}	
	@media only screen and (max-width:860px){
		.main_visual .txt_box a span{width:160px; height:42px;}

		.main_visual_box .visual_dot_box ul li{width:25%;}
	}	
	@media only screen and (max-width:767px){
		.main_visual, .main_visual .swiper-slide{height:116vw;}
		.main_visual .txt_box h2{padding:0;}
		.main_visual_box .visual_dot_box ul li{width:33.333%;}
	}
	@media only screen and (max-width:640px){
		.main_visual .txt_box{top:40.5%;}
		.main_visual .txt_box h2{font-size:34px;}
		.main_visual .txt_box h6{font-size:15px;}
		.main_visual .txt_box h2 + h6{margin-top:17px;}
		.main_visual .txt_box a span{width:140px; height:40px; margin-top:38px; border-radius:3px;}
	
		.main_visual .swiper-slide[data-swiper-slide-index = '0'] .thumb{background:url('../images/skin/m_main_visual01.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '1'] .thumb{background:url('../images/skin/m_main_visual02_01.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '2'] .thumb{background:url('../images/skin/m_main_visual03.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '3'] .thumb{background:url('../images/skin/m_main_visual04.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '4'] .thumb{background:url('../images/skin/m_main_visual05.jpg')no-repeat center;}
		.main_visual .swiper-slide[data-swiper-slide-index = '5'] .thumb{background:url('../images/skin/m_main_visual06.jpg')no-repeat center;}
	}	
	@media only screen and (max-width:560px){
		.main_visual .txt_box h2{font-size:28px;}
		.main_visual .txt_box .TxtAni br{display: none;}

		.main_visual_box .scroll_down{bottom:25%;}
		.main_visual_box .visual_dot_box ul li.swiper-slide-active{border-radius:10px 10px 0 0;}
		.main_visual_box .visual_dot_box ul li.swiper-slide-active > a{padding-top:24px;}
		.main_visual_box .visual_dot_box ul li > a{padding:16px 0 16px;}
	}
	@media only screen and (max-width:479px){
        .main_visual, .main_visual .swiper-slide{height:165vw;}

		.main_visual .txt_box h2{font-size:22px;height:auto;}
		.main_visual .txt_box h2 img{max-height:26px;}
		.main_visual .txt_box h6{font-size:14px;}
		.main_visual .txt_box a span{width:120px; height:38px; font-size:13px;margin-top:24px;}

		.main_visual_box .scroll_down .down_box{padding-bottom:36px;}
		.main_visual_box .scroll_down .down_box span{font-size:12px;}

		.main_visual_box .visual_dot_box{width:calc(100% - 15px);transform:none;left:15px;}
		.main_visual_box .visual_dot_box ul li{width:65%;}
		.main_visual_box .visual_dot_box ul li p{font-size:13px;}
	}	

	@media only screen and (max-width:360px){
		.main_visual .txt_box h6{font-size:14px;}
		.main_visual .txt_box a span{width:110px; height:36px; font-size:12px;}

		
	}	


	/* 공통 */
		.main_content{position:relative;background:#fff; z-index:1;}
		.main_title{position:relative; }
			.main_title.cen{text-align:center;}
		.main_title h2{font-size:80px;font-weight:900;color:#111;letter-spacing: -0.01em;}
			.main_title h2 + h5{margin-top: 54px;}
		.main_title h2 strong{font-size:inherit; font-weight:inherit; color:#00aeef;}
		.main_title h3{font-size:50px; font-weight:bold; color:#111; }
			.main_title h3 + p{margin-top: 27px;}
		.main_title h3 strong{font-size:inherit; font-weight:inherit; color:#00aeef;}
		.main_title h4{position:relative;font-size:40px;font-weight:bold;color:#111;letter-spacing: -0.02em;}
			.main_title h4.icon{padding-left:15px;}
			.main_title h4.icon:before{position:absolute;content:'';width: 6px;height:6px;background:#00aeef;top: 25px;left:0;}
		.main_title h5{position:relative;font-size:30px;font-weight:400;color:#333; line-height:133%; letter-spacing: -0.02em; box-sizing:border-box;}
			.main_title h5.icon{padding-left:20px;}
			.main_title h5.icon:before{position:absolute;content:'';width: 10px;height:10px;background:#00aeef;top: 14px;left:0;}
		.main_title h5 strong{font-size:inherit; font-weight:600; color:inherit;}
		.main_title h6{position:relative; font-size:22px; font-weight:bold; color:#111;}
			.main_title h6.icon{padding-left:15px;}
			.main_title h6.icon:before{position:absolute;content:'';width: 6px;height:6px;background:#00aeef;top: 11px;left:0;}
		.main_title p{position:relative; font-size:16px;font-weight:400;color:#666;line-height:162%;letter-spacing: 0; box-sizing:border-box;}
			.main_title p + p{margin-top: 20px;}
			.main_title p.hyphen{/* padding-left:12px; */ line-height:145%;}
			/* .main_title p.hyphen:before{position:absolute; content:'-'; top:0; left:0;} */
			.main_title p.hyphen + p.hyphen{margin-top:3px;}

		.main_title .more{position:absolute;top: 25px;right:0; font-size:0;}
		.main_title .more span{display:inline-block; width:32px;height:32px;background:#00aeef url('../images/skin/main_more_arw.png') no-repeat center; border:1px solid #00aeef; border-radius: 6px;font-size:0; box-sizing:border-box; transition:all 0.4s;}
		
		.read_more{display:inline-block;}
		.read_more span{display:inline-block;font-size:15px;font-weight:400;color:#333;border-bottom:1px solid #333;line-height:1;letter-spacing: 0; transition:all 0.4s;}

		.fixed_btn{position:fixed; display:inline-flex; width:120px; height:120px; align-items:center; justify-content:center; font-size:14px; font-weight:bold; color:#fff; text-align:center; background:#0c4e9e; border-radius:100%; transform:translate(-50%, -50%); z-index:3;}

		/* over */
			@media only screen and (min-width:1024px){
				.main_title .more span:hover{background-color:#fff; background-image:url('../images/skin/main_more_arw_on.png');}
			}	

	/* main_news */
		.main_news{padding-top: 79px; padding-bottom:108px;position: relative;}
		.main_news > a{position: absolute;top:-120px;left:0;}
		.main_news .newSwiper{margin-top: 33px; overflow:hidden;}
		.main_news .newSwiper .swiper-slide{position:relative;}
		.main_news .newSwiper .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
		.main_news .newSwiper .thumb{font-size:0;border-radius: 10px;overflow: hidden;}
		.main_news .newSwiper .thumb img{width:100%; height:100%; object-fit:cover; transition:all 0.4s;}
		.main_news .newSwiper .txt{margin-top: 23px;}
		.main_news .newSwiper .txt dt{font-size:24px;font-weight:600;color:#111;letter-spacing: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
			.main_news .newSwiper .txt dt + dd{margin-top: 16px; }
		.main_news .newSwiper .txt dd{font-size:16px;font-weight:300;color:#888;line-height:162%;white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		.main_news .newSwiper .read_more{margin-top: 48px;}
		.main_news .swiper-pagination{position:static; width:100%; height:2px; background:#ddd; margin:79px 0 1px;}
		.main_news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:4px; background:#0c4e9e; left:0; top:-1px;}

		/* over */
			@media only screen and (min-width:1024px){
				.main_news .newSwiper .swiper-slide:hover .read_more span{color:#00aeef; border-bottom-color:#00aeef;}
				.main_news .newSwiper .swiper-slide:hover .thumb img{transform:scale(1.05);}
			}	

	/* main_solution */
		.main_solution{padding: 160px 0; min-height:1000px; /* height:80vw;min-height: 1800px; */}
		.main_solution *{transition:all 0.4s;}
		.main_solution .main_title .ch_wrap{position:relative; display:inline-block; vertical-align:top;}
		.main_solution .main_title .ch_txt{display:block;}
		.main_solution .main_title .ch_txt + .ch_txt{position:absolute; left:0; top:100%; opacity:0;}
		.main_solution .thumb{position:fixed; bottom:0; left:0; width:100%; height:100%; background:url('../images/skin/main_solution_bg.jpg') no-repeat center;background-size:cover; clip-path: circle(0% at 50% 100%); z-index:-1; transition:all 0.2s;}
		.main_solution .inr{position:sticky; top:200px; left:0;}
		.main_solution .info_list{display:flex;justify-content: center;width: 1150px;margin: 165px auto 0;}
		.main_solution .info_list li{position:relative;width: auto;box-sizing:border-box;width: calc(100% / 4 - 105.75px);}
			.main_solution .info_list li + li{margin-left: 141px;}
		.main_solution .info_list li .icon{position:absolute;content:'';left:50%;transform:translateX(-50%);bottom: 126%; font-size:0;}
		.main_solution .info_list li dl{text-align:center;}
		.main_solution .info_list li dl dt{color:#111;display: flex;align-items: flex-end;justify-content: center;}
			.main_solution .info_list li dl dt + dd{margin-top:23px;}
		.main_solution .info_list li dl dt strong{font-size:85px;font-weight:900;color:#0c4e9e;line-height: 1;}
		.main_solution .info_list li dl dt em{font-size:50px;font-weight: 900;color:inherit;}
		.main_solution .info_list li dl dt span{font-size: 42px;font-weight: 900;color:inherit;vertical-align: top;transform: translateY(-28px);}
		.main_solution .info_list li dl dd{font-size:18px; font-weight:400; color:#666;}

	/* main_service */
		.main_service{position:relative;z-index:1;background:#fff;padding-top: 130px;padding-bottom:100px;}
		.main_service .main_title{z-index:2;}
		.main_service .servi_list{margin-top: 36px;padding:68px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex; opacity:0;}
			.main_service .servi_list.aos-animate{opacity:1;}
		.main_service .servi_list li{position: relative;display:inline-flex;align-items:flex-end;padding:0 8px;box-sizing:border-box;width:25%;box-sizing:border-box;cursor:pointer;background:#fff;transition:all 1s;overflow:hidden;}
		.main_service .servi_list li .thumb{position:relative; font-size:0; width:100%; height:620px; box-sizing:border-box; overflow:hidden; border-radius:12px; transition:all 1s;}
		.main_service .servi_list li .thumb img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:all 1s;}
		.main_service .servi_list li .main_title{position:absolute;bottom:0;width:100%;box-sizing:border-box;text-align:center;transition: none;top: 0;left: 0;transition: all 1s;}  
		.main_service .servi_list li .main_title h3{font-size:28px;color:#fff;position: absolute;bottom:40px;width:100%;}
		.main_service .servi_list li .main_title h3 strong{color:inherit;}
		.main_service .servi_list li .main_title .toggle{ margin-top:33px;opacity:0;}

			.main_service .servi_list li.on{border-color:#00aeef;padding:0 30px;width: 148%;align-items: flex-start;}
			.main_service .servi_list li.on .thumb{width:540px;border-radius:20px 20px 0;}
			.main_service .servi_list li.on .main_title{width:calc(100% - 540px);padding-top: 97px;padding-left:35px;text-align:left;position: absolute;top: 0;left: 570px;bottom:auto;transition: none;}
			.main_service .servi_list li.on .main_title h3{font-size: 50px;color:#111;position:static;}
			.main_service .servi_list li.on .main_title h3 strong{color:#00aeef;}
			.main_service .servi_list li.on .main_title p{}
			.main_service .servi_list li.on .main_title .toggle{opacity:1;}

	/* main_inquiry */
		.main_inquiry{position:relative;z-index:1; padding: 86px 0;background:#0c4e9e;background-size:cover;}
		.main_inquiry .cont{position:relative; display:flex; width:1540px; margin:0 auto; box-sizing:border-box;}
		.main_inquiry .main_title{width: 45.5%;padding-left: 5.2vw;padding-top: 4.5vw;box-sizing: border-box;}
		.main_inquiry .main_title h3, .main_inquiry .main_title p{color:#fff;}
		.main_inquiry .main_title ul{margin-top: 71px;}
		.main_inquiry .main_title ul li{position:relative;font-size:18px;font-weight: 400;color:#fff;padding-left:27px;box-sizing:border-box;letter-spacing: 0;}
			.main_inquiry .main_title ul li + li{margin-top: 24px;}
			.main_inquiry .main_title ul li:before{position:absolute;content:'';left:0;top: 4px;}
			.main_inquiry .main_title ul li:nth-child(1):before{width:16px;height:12px;background:url('../images/skin/main_inquiry_icon01.png') no-repeat center;top: 7px;}
			.main_inquiry .main_title ul li:nth-child(2):before{width:16px; height:16px; background:url('../images/skin/main_inquiry_icon02.png') no-repeat center; }
			.main_inquiry .main_title ul li:nth-child(3):before{width:16px; height:16px; background:url('../images/skin/main_inquiry_icon03.png') no-repeat center; }
		.main_inquiry .table_wrap{position:relative;width: 54.5%;padding: 53px 50px 53px 55px;box-sizing:border-box;overflow: hidden;border-radius: 30px;}
			.main_inquiry .table_wrap:before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;border-radius: 30px;filter: blur(8px);background: rgba(255,255,255,0.1); pointer-events:none;}
		.main_inquiry .board_main_write{position:relative; z-index:2;}
		.main_inquiry .board_main_write td{padding:5px; font-size:16px; font-weight:400; color:#111;}
		.main_inquiry .board_main_write td input[type="text"]{width:100%;border:0;border-radius:0;font-size:inherit;font-weight:inherit;color:inherit;box-sizing:border-box;height:40px;padding:0;}
			.main_inquiry .board_main_write td input[type="text"]::placeholder{color:#888;}
		.main_inquiry .board_main_write td textarea{width:100%; resize:none; height:160px !important; border-radius:5px; padding:20px 20px; box-sizing:border-box; font-size:16px; font-weight:400; color:#111;}
		.main_inquiry .board_main_write td textarea::placeholder{color:#888;}
		.main_inquiry .board_main_write td textarea:focus{outline:none;}

		.main_inquiry .board_main_write td dl.flex{display:flex; align-items:center; background:#fff; border-radius:5px; overflow:hidden; padding:5px 0; box-sizing:border-box;}
		.main_inquiry .board_main_write td dl.flex dt{font-size:inherit; font-weight:inherit; color:inherit; width:100px; padding:0 20px; box-sizing:border-box;}
		.main_inquiry .board_main_write td dl.flex dd{width:calc(100% - 100px); padding-right:15px; box-sizing:border-box;}
		.main_inquiry .board_main_write td dl.flex dd select{width:100%; border:1px solid #ddd; font-size:inherit; padding:0 30px 0 15px; background-position:calc(100% - 15px) 50%; height:38px;}
		.main_inquiry .board_main_write td dl.flex.captcha dt{width:134px; padding-right:0;}
		.main_inquiry .board_main_write td dl.flex.captcha dd{width:calc(100% - 134px); display:flex; align-items:center;}
		.main_inquiry .board_main_write td dl.flex.captcha dd input[type="text"]{width:160px;background:#f5f5f5;margin:0 10px;padding: 0 20px;}
		.main_inquiry .board_main_write .btn_reset{padding:0 !important; font-size:0; width:40px; height:40px; box-sizing:border-box; border:1px solid #0f1f4b !important; background:#fff url('../images/skin/icon_btn_reset.png') no-repeat center !important;}
		.main_inquiry .board_main_write .policy{position:relative;margin-top: 5px;}
			.main_inquiry .board_main_write .policy + .policy{margin-top:14px;}
		.main_inquiry .board_main_write .policy a{position:absolute; top:0; right:0; font-size:12px; font-weight:400; color:rgba(255,255,255,0.7); border-bottom:1px solid rgba(255,255,255,0.5);}
		.main_inquiry .board_main_write .policy input[type="checkbox"] + label{width: calc(100% - 80px);}
		.main_inquiry .board_main_write input[type="checkbox"] + label{display:block;position:relative;font-size:13px;font-weight:400;color:#fff;padding-left: 29px;box-sizing:border-box;}
		.main_inquiry .board_main_write input[type="checkbox"] + label:before{position:absolute; top:1px; left:0; width:18px; height:18px;  box-sizing:border-box; background-size:100%; transition:all 0.4s;}
		.main_inquiry .board_main_write input[type="checkbox"]:checked + label:before{}
		.main_inquiry .botton_wrap{display:flex; margin-top: 27px;}
		.main_inquiry .btn_send_main{display:flex;align-items:center;justify-content:center;height:80px;background:#00aeef;border-radius:5px;width: calc(100% - 10px);font-size:20px;font-weight:500;color:#fff;padding:0 15px;box-sizing:border-box;}
		.main_inquiry .btn_send_main.tel{background:#000;}
			.main_inquiry .btn_send_main.tel:before{display:inline-flex; content:''; width: 15px; height: 15px; background: url('../images/skin/quick_tel.png') no-repeat center;  margin-right: 10px;}
			.main_inquiry .botton_wrap a + a, .main_inquiry .botton_wrap a + button{margin-left:15px;}
		


		@media only screen and (max-width:1830px){
			.main_service .servi_list li .main_title h3{font-size:1.4vw;}
			.main_service .servi_list li .main_title p br{display:none;}

			.main_service .servi_list li .thumb{height:33.88vw; min-height:450px;}
				.main_service .servi_list li.on .thumb{width:29.5vw;}
			.main_service .servi_list li.on .main_title{padding-top:5vw; padding-left:1.86vw; width:calc(100% - 33.5vw);left:31.5vw;}

			.main_service .servi_list li .main_title .toggle{margin-top:1.8vw;}
		}
		@media only screen and (max-width:1560px){
			.main_inquiry .cont{width:calc(100% - 60px);}
		}
		@media only screen and (max-width:1300px){
			.main_title h2{font-size:6.14vw;}
				.main_title h2 + h5{margin-top:4.1vw;}
			.main_title h3, .main_service .servi_list li.on .main_title h3{font-size:3.85vw;}
				.main_title h3 + p{margin-top:2vw;}
			.main_title h4{font-size:37px;}
				.main_title h4.icon:before{top:21px;}
			.main_title h5{font-size:27px;}
				.main_title h5.icon:before{top:11px;}
			.main_title h6{font-size:21px;}
			.main_title p{font-size:15px;}
				.main_title p + p{margin-top:1.7vw;}
			.main_title .more{top:13px;}

			.main_news .newSwiper .txt{margin-top:20px;}
			.main_news .newSwiper .txt dt{font-size:23px;}
				.main_news .newSwiper .txt dt + dd{margin-top:10px;}
			.main_news .newSwiper .txt dd{font-size:15px;}
			.main_news .newSwiper .read_more{margin-top:40px;}

			.main_solution .info_list{width:100%;}
			.main_solution .info_list li{width:100%;}
			.main_solution .info_list li + li{margin-left:0;}

			.main_solution .info_list li dl dt + dd{margin-top:1.75vw;}
			.main_solution .info_list li dl dt strong{font-size:7.7vw;}
			.main_solution .info_list li dl dt em{font-size:3.85vw;}
			.main_solution .info_list li dl dt span{font-size:3.2vw; transform:translateY(-2.15vw);}
			.main_solution .info_list li dl dd{font-size:17px;}

			.main_service .servi_list{margin-top:30px;}
			.main_service .servi_list li.on{padding:0 25px;}
			.main_service .servi_list li.on .main_title{padding-left:25px;}

			.main_inquiry .main_title{padding-left:0;}
			.main_inquiry .main_title ul{margin-top:5.45vw;}
			.main_inquiry .main_title ul li{font-size:17px;}
			.main_inquiry .main_title ul li + li{margin-top:1.84vw;}
			.main_inquiry .table_wrap{padding:45px;}
			.main_inquiry .board_main_write td dl.flex dt{padding:0 15px; width:90px;}
			.main_inquiry .board_main_write td dl.flex dd{width:calc(100% - 90px);}
			.main_inquiry .board_main_write td dl.flex.captcha dt{width:120px;}
			.main_inquiry .board_main_write td dl.flex.captcha dd{width:calc(100% - 120px);}
			.main_inquiry .board_main_write td dl.flex.captcha dd input[type="text"]{width:130px;}
			.main_inquiry .btn_send_main{height:70px; font-size:19px;}
		}
		@media only screen and (max-width:1200px){
			.main_inquiry .table_wrap{padding:40px;}
		}
		@media only screen and (max-width:1150px){
			.main_inquiry .cont{display:block;}
			.main_inquiry .main_title{width:100%; padding-top:0;}
			.main_inquiry .table_wrap{width:100%; margin-top:50px;}
		}
		@media only screen and (max-width:1023px){
			.main_title h3, .main_service .servi_list li.on .main_title h3, .main_service .servi_list li .main_title h3{font-size:3.85vw;}
			.main_service .servi_list li .main_title h3{position: static;color:#111;}
			.main_title h4{font-size:34px;}
				.main_title h4.icon:before{top:18px;}
			.main_title h5{font-size:24px;}
				.main_title h5.icon:before{top:9px;}
			.main_title h6{font-size:20px;}

			.fixed_btn{display:none !important;}

			.main_news .newSwiper{margin-top:25px;}
			.main_news .newSwiper .txt dt{font-size:21px;}
			.main_news .newSwiper .txt dd{font-size:15px;}
			.main_news .newSwiper .read_more{margin-top:35px;}

			.main_solution .info_list li dl dd{font-size:16px;}

			.main_service .servi_list{margin-top:25px; display:block; padding:0;}
			.main_service .servi_list li, .main_service .servi_list li.on{padding:40px 0; border-left:0; width:100%; align-items:center;}
				.main_service .servi_list li + li{border-top:1px solid #ddd !important;}
			.main_service .servi_list li .main_title, .main_service .servi_list li.on .main_title{position:static; padding-left:30px; width:55%; padding-top:0; text-align:left;}
			.main_service .servi_list li .thumb, .main_service .servi_list li.on .thumb{width:45%;}
			.main_service .servi_list li .main_title .toggle{display:block !important; height:auto !important; margin-top:1.8vw !important; position:static; opacity:1;}
			.main_service .servi_list li .main_title p br{display:block;}
			.main_service .servi_list li .main_title h3 strong{color:#00aeef;}

			.main_inquiry .main_title ul li{font-size:16px;}
				.main_inquiry .main_title ul li:before{top:3px;}
				.main_inquiry .main_title ul li:nth-child(1):before{top:5px;}
			.main_inquiry .btn_send_main{height:65px; font-size:18px;}
		}
		@media only screen and (max-width:860px){
			.main_title h3, .main_service .servi_list li.on .main_title h3, .main_service .servi_list li .main_title h3{font-size:33px;}
			.main_title h4{font-size:31px;}
				.main_title h4.icon:before{top:17px;}
			.main_title h5{font-size:21px;}
				.main_title h5.icon:before{top:7px;}
			.main_title h6{font-size:19px;}
				.main_title h6.icon:before{top:9px;}
			.main_title .more{top:5px;}

			.main_news{padding-bottom:70px;}
			.main_news .newSwiper{width:calc(100% + 60px); margin-left:-30px; padding-left:30px; box-sizing:border-box; margin-top:20px;}
			.main_news .newSwiper .swiper-slide{width:60%; margin-right:15px;}

			.main_solution{padding:120px 0 150px;}
			.main_solution .info_list li dl dd{font-size:15px;}

			.main_service{padding:100px 0;}
			.main_service .servi_list{margin-top:20px;}

			.main_inquiry .table_wrap{padding:35px;}
			.main_inquiry .btn_send_main{height:60px; font-size:17px;}
		}
		@media only screen and (max-width:767px){
			.main_service .servi_list li .main_title p br{display:none;}
		}
		@media only screen and (max-width:640px){
			.main_title h2{font-size:38px;}
			.main_title h3, .main_service .servi_list li.on .main_title h3, .main_service .servi_list li .main_title h3{font-size:30px;}
			.main_title h3 + p{margin-top:12px;}
			.main_title h4{font-size:28px;}
				.main_title h4.icon:before{top:15px;}
			.main_title h5{font-size:18px;}
				.main_title h5.icon{padding-left:17px;}
				.main_title h5.icon:before{top:7px; width:8px; height:8px;}
			.main_title h6{font-size:17px;}
				.main_title h6.icon:before{top:8px;}
			.main_title p{font-size:14px;}
				.main_title p + p{margin-top:10px;}
			.main_title .more{top:3px;}
			.main_title .more span{width:28px; height:28px; background-size:9px auto;}

			.main_news .newSwiper{width:calc(100% + 30px); margin-left:-15px; padding-left:15px;}
			.main_news .newSwiper .swiper-slide{width:70%;}
			.main_news .newSwiper .thumb{border-radius:5px;}
			.main_news .newSwiper .txt dt{font-size:20px;}
			.main_news .newSwiper .txt dd{font-size:14px;}
			.main_news .newSwiper .read_more{margin-top:30px;}
			.main_news .swiper-pagination{height:1px; margin-top:50px;}
			.main_news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:3px;}

			.main_solution{padding:80px 0 120px;}
			.main_solution .inr{top:160px;}
			.main_solution .info_list{flex-wrap:wrap; margin-top:140px;}
			.main_solution .info_list li{width:50%; padding:0 15px;}
			.main_solution .info_list li:nth-child(n+3){margin-top:120px;}
			.main_solution .info_list li .icon{bottom:120%;}
			.main_solution .info_list li dl dt strong{font-size:50px;}
			.main_solution .info_list li dl dt em{font-size:25px;}
			.main_solution .info_list li dl dt span{font-size:20px; transform:translateY(-14px);}

			.main_service{padding:70px 0;}
			.main_service .servi_list li{display:block;}
			.main_service .servi_list li, .main_service .servi_list li.on{padding:30px 0;}
			.main_service .servi_list li .thumb, .main_service .servi_list li.on .thumb{width:100%; border-radius:0 10px 10px 0; height:0; min-height:auto; padding-bottom:100%;}
			.main_service .servi_list li .main_title, .main_service .servi_list li.on .main_title{width:100%; padding:20px 0 0 0;}
			.main_service .servi_list li .main_title .toggle{margin-top:11px !important;}
			.main_service .servi_list li .main_title p br{display:block;}

			.main_inquiry .cont{width:calc(100% - 30px);}
			.main_inquiry .main_title ul{margin-top:33px;}
			.main_inquiry .main_title ul li{font-size:15px;}
				.main_inquiry .main_title ul li + li{margin-top:11px;}
				.main_inquiry .main_title ul li:before{top:2px;}
				.main_inquiry .main_title ul li:nth-child(1):before{top:3px;}
			.main_inquiry .table_wrap, .main_inquiry .table_wrap:before{border-radius:15px;}
			.main_inquiry .table_wrap{padding:30px; margin-top:40px;}
			.main_inquiry .board_main_write col{width:100%;}
			.main_inquiry .board_main_write td{display:block; width:100%; box-sizing:border-box;}
			.main_inquiry .board_main_write td dl.flex{width:100%;box-sizing:border-box; border-radius:3px;}
			.main_inquiry .board_main_write td textarea{border-radius:3px;}
			.main_inquiry .board_main_write td dl.flex.captcha{display:block; padding:15px 0;}
			.main_inquiry .board_main_write td dl.flex.captcha dd{width:100%; padding:10px 15px 0;}
			.main_inquiry .board_main_write td dl.flex.captcha dd input[type="text"]{width:calc(100% - 240px);}
			.main_inquiry .btn_send_main{height:55px; font-size:16px; border-radius:7px;}
		}
		@media only screen and (max-width:479px){
			.main_title h2{font-size:35px;}
				.main_title h2 + h5{margin-top:19px;}
			.main_title h3, .main_service .servi_list li.on .main_title h3, .main_service .servi_list li .main_title h3{font-size:28px;}
			.main_title h4{font-size:25px;}
				.main_title h4.icon:before{top:13px;}
			.main_title h5{font-size:16px;}
				.main_title h5.icon{padding-left:15px;}
				.main_title h5.icon:before{top:6px; width:6px; height:6px;}
			.main_title h6{font-size:15px;}
				.main_title h6.icon:before{top:6px;}

			.main_news .newSwiper{margin-top:15px;}
			.main_news .newSwiper .txt dt{font-size:18px;}
			.read_more span{font-size:14px;}

			.main_solution{padding:70px 0 100px;}
			.main_solution .inr{top:120px;}
			.main_solution .info_list{margin-top:100px;}
			.main_solution .info_list li:nth-child(n+3){margin-top:100px;}

			.main_service .servi_list{margin-top:15px;}
			.main_service .servi_list li, .main_service .servi_list li.on{padding:25px 0;}

			.main_inquiry .main_title ul li{font-size:14px;}
				.main_inquiry .main_title ul li:before{top:1px;}
				.main_inquiry .main_title ul li:nth-child(1):before{top:2px;}
			.main_inquiry .table_wrap{padding:30px 25px;}
			.main_inquiry .board_main_write td, .main_inquiry .board_main_write td textarea{font-size:15px; font-weight:500;}
			.main_inquiry .board_main_write td dl.flex dt{width:80px;}
			.main_inquiry .board_main_write td dl.flex dd{width:calc(100% - 80px);}
			.main_inquiry .board_main_write td dl.flex.captcha dd{flex-wrap:wrap;}
			.main_inquiry .board_main_write td dl.flex.captcha dd #captcha_box{display:block; width:100%; margin-bottom:10px;}
			.main_inquiry .board_main_write td dl.flex.captcha dd input[type="text"]{width:calc(100% - 50px); margin-left:0;}
			.main_inquiry .board_main_write td textarea{border-radius:3px; padding:15px;}
			.main_inquiry .btn_send_main{height:50px; font-size:15px;}
		}
		@media only screen and (max-width:431px){
			.main_service .servi_list li .main_title p br{display:none;}
		}
		@media only screen and (max-width:360px){
			.main_title h2{font-size:32px;}
			.main_title h3, .main_service .servi_list li.on .main_title h3, .main_service .servi_list li .main_title h3{font-size:25px;}
			.main_title h4{font-size:22px;}
				.main_title h4.icon:before{top:12px;}
			.main_title h5{font-size:15px;}
			.main_title h6{font-size:14px;}
				.main_title h6.icon:before{top:5px;}
			.main_title p{font-size:13px;}

			.main_solution .info_list li dl dt strong{font-size:47px;}
			.main_solution .info_list li dl dt em{font-size:23px;}
			.main_solution .info_list li dl dt span{font-size:19px;}
			.main_solution .info_list li dl dd{font-size:14px;}

			.main_inquiry .botton_wrap{display:block;}
			.main_inquiry .botton_wrap a + a, .main_inquiry .botton_wrap a + button{margin:10px 0 0 0;}
		}
		@media only screen and (max-width:320px){
			.main_news .newSwiper{width:calc(100% + 20px); margin-left:-10px; padding-left:10px;}
		}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/*** 일반 ***/
		#footer{position:relative; z-index:1; padding:60px 0; box-sizing:border-box; background:#fff;}
		#footer .inr{display:flex;}
		#footer .cont{box-sizing:border-box; padding-right:30px;}
		#footer .info{width:100%;}
		#footer .career{width:24%;}
		#footer .sns{width:29%; padding-right:120px;}
		#footer .exp{padding-left:15px; margin-top:20px;}
		#footer .exp p{font-size:14px; font-weight:400; color:#666; line-height:171%;}
			#footer .exp p + p{margin-top:6px;}
		#footer .exp p a{font-size:inherit; font-weight:inherit; color:inherit;}
		#footer .exp p + .read_more{margin-top:30px;}
		#footer .exp p span{}
		#footer .exp p span + span:before{display:inline-flex; content:''; width:1px; height:10px; background:#ddd; margin:0 15px;}
		#footer .exp .copyright{margin-top:70px; opacity:0.7;}
		#footer .exp .copyright a{display:block; font-size:inherit; font-weight:inherit; color:inherit;}
		#footer .sns{}
		#footer .sns .link_list{display:flex; align-items:center;}
		#footer .sns .link_list li{}
		#footer .sns .link_list li + li{margin-left:25px;}
		#footer .ftr_nav{position:absolute; top:0; right:0; text-align:right; z-index:3;}
		#footer .ftr_nav li a{font-size:14px; font-weight:500; color:#666;}
			#footer .ftr_nav li + li{margin-top:10px;}
		#footer .ftr_nav li a strong{font-size:inherit; font-weight:bold; color:#333;}
		

		@media only screen and (max-width:1500px){
			#footer .exp p span + span:before{margin:0 10px;}
		}
		@media only screen and (max-width:1400px){
			#footer .info{width:55%;}
			#footer .sns{width:24%;}
		}
		@media only screen and (max-width:1250px){
			#footer .inr{flex-wrap:wrap;}
			#footer .info{width:100%; padding-right:120px; margin-bottom:40px;}
			#footer .career, #footer .sns{width:50%; padding-right:30px;}
			#footer .exp .copyright{margin-top:2vw;}
		}
		@media only screen and (max-width:1023px){
			#footer .exp{margin-top:15px;}
			#footer .exp .copyright{margin-top:20px;}
			#footer .exp p + .read_more{margin-top:25px;}
		}
		@media only screen and (max-width:860px){
			#footer{padding:0 0 50px;}
			#footer .ftr_nav{position:static; display:flex; text-align:center; width:calc(100% + 60px); margin-left:-30px; align-items:center; justify-content:center; height:50px; border-bottom:1px solid #ddd;}
			#footer .ftr_nav li + li{margin:0 0 0 8vw;}
			#footer .info{padding:30px 0 0 0;}
		}
		@media only screen and (max-width:640px){
			#footer .ftr_nav{width:calc(100% + 30px); margin-left:-15px;}
			#footer .info .exp p{display:inline;}
			#footer .info .exp p span{margin-right:15px; display:inline-block;}
			#footer .exp{margin-top:10px;}
			#footer .exp p span + span:before{display:none;}
			#footer .info .exp .copyright{display:block;}
			#footer .career, #footer .sns{padding-right:15px;}
		}
		@media only screen and (max-width:540px){
			#footer .inr{display:block;}
			#footer .career, #footer .sns{width:100%; padding:0;}
			#footer .sns{margin-top:40px;}
		}
		@media only screen and (max-width:479px){
			#footer .ftr_nav{height:45px;}
		}
		@media only screen and (max-width:320px){
			#footer .ftr_nav{width:calc(100% + 20px); margin-left:-10px;}
		}

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

	 solution | 기능별

───────────────────────────────────────────────────────────*/
	.sub_function{box-sizing:border-box;background:#f9f9f9;padding:100px 0 135px;}
	.sub_function ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;}	
	.sub_function ul li{box-sizing:border-box;width:calc(50% - 20px);margin:0 10px 35px;}	
	.sub_function ul li .content{box-sizing:border-box;background:#fff;border-radius:20px;box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.05);padding:45px 0 50px 50px;position: relative;}	
	.sub_function ul li .content .title{}
	.sub_function ul li .content .title span{display: block;font-size:22px;color:#111;font-weight:600;letter-spacing:-0.66px;}
	.sub_function ul li .content .title strong{display: block;font-size:50px;color:#111;font-weight:700;letter-spacing:-1.5px;margin-top:13px;}
	.sub_function ul li .content .txt_box{display: flex;justify-content: space-between;margin-top:20px;}
	.sub_function ul li .content .txt_box .txt, .sub_function ul li .content .txt_box .img{box-sizing:border-box;width:50%;}
	.sub_function ul li .content .txt_box .txt p{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;line-height:30px;height:120px;word-break:keep-all;}
	.sub_function ul li .content .txt_box .txt a{display: inline-block;box-sizing:border-box;height:50px;line-height:50px;background:#00aeef;border-radius:25px;width:164px;text-align: center;font-size:18px;color:#fff;font-weight:400;letter-spacing:-0.54px;margin-top:42px;padding-right:24px;position: relative;}
	.sub_function ul li .content .txt_box .txt a:before{width:7px;height:7px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;right:29px;top:20px;}	
	.sub_function ul li .content .txt_box .img{display: flex;justify-content: flex-end;position: absolute;bottom:50px;right:0;width:47%;}
	.sub_function ul li > p{font-size:16px;color:#888;font-weight:400;letter-spacing:-0.48px;line-height:26px;margin-top:15px;}

	.sub_function .func_layout{display:flex;flex-wrap:wrap;}
	.sub_function .func_layout .another{width:calc(50% - 10px);}
	.sub_function .func_layout .another .content{box-sizing:border-box;background:#fff;border-radius:20px;box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.05);padding:45px 0 50px 50px;position: relative;width:100%;height:93%;}
	.sub_function .func_layout .another .content .title span{display: block;font-size:22px;color:#111;font-weight:600;letter-spacing:-0.66px;}
	.sub_function .func_layout .another .content .title strong{display: block;font-size:50px;color:#111;font-weight:700;letter-spacing:-1.5px;margin-top:13px;}
	.sub_function .func_layout .another .content .txt_box{margin-top:20px;}
	.sub_function .func_layout .another .content .txt_box .txt{box-sizing:border-box;}
	.sub_function .func_layout .another .content .txt_box .txt p{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;line-height:30px;height:120px;word-break:keep-all;}
	.sub_function .func_layout .another .content .txt_box .txt a{display: inline-block;box-sizing:border-box;height:50px;line-height:50px;background:#00aeef;border-radius:25px;width:164px;text-align: center;font-size:18px;color:#fff;font-weight:400;letter-spacing:-0.54px;margin-top:42px;padding-right:24px;position: relative;}
	.sub_function .func_layout .another .content .txt_box .txt a:before{width:7px;height:7px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;right:29px;top:20px;}	
	.sub_function .func_layout .another .content .txt_box .img{display: flex;justify-content: flex-end;position: absolute;bottom:100px;right:0;width:100%;box-sizing:border-box;padding:0 58px 0 0;}
	.sub_function .func_layout .another > p{font-size:16px;color:#888;font-weight:400;letter-spacing:-0.48px;line-height:26px;margin-top:15px;}
	.sub_function .func_layout ul{width:calc(50% - 10px);margin-left:20px;}
	.sub_function .func_layout ul li{width:100%;}
	.sub_function .func_layout ul li + li{margin-top:35px;}	

	@media only screen and (max-width:1400px){
		.sub_function ul li .content{padding:45px 0 50px 25px;}
		.sub_function ul li .content .title span{font-size:20px;}
		.sub_function ul li .content .title strong{font-size:44px;}
		.sub_function ul li .content .txt_box .txt p{font-size:16px;line-height:25px;height:100px;}

		.sub_function .func_layout .another .content{padding:45px 0 50px 25px;}
		.sub_function .func_layout .another .content .title span{font-size:20px;}
		.sub_function .func_layout .another .content .title strong{font-size:44px;}
		.sub_function .func_layout .another .content .txt_box .txt p{font-size:16px;line-height:25px;height:100px;}
	}
	@media only screen and (max-width:1330px){
		.sub_function .func_layout .another .content{height:90.5%;}
	}
	@media only screen and (max-width:1200px){
		.sub_function ul li .content .txt_box .txt p{height: auto;}
		.sub_function ul li .content .txt_box .txt p br{display: none;}

		.sub_function .func_layout ul li .content .txt_box .txt p{height:auto;}
		.sub_function .func_layout ul li .content .txt_box .txt p br{display: none;}
	}
	@media only screen and (max-width:1024px){
		.sub_function{padding:70px 0 110px;}
		.sub_function ul li .content{padding:30px 0 50px 15px;}
		.sub_function ul li .content .title{box-sizing:border-box;padding-right:15px;}
		.sub_function ul li .content .title span{font-size:18px;}
		.sub_function ul li .content .title strong{font-size:38px;}

		.sub_function ul li .content .txt_box{display: block;}
		.sub_function ul li .content .txt_box .txt, .sub_function ul li .content .txt_box .img{width:100%;}
		.sub_function ul li .content .txt_box .txt{padding-right:15px;}
		.sub_function ul li .content .txt_box .txt p{height:auto;}
		.sub_function ul li .content .txt_box .txt p br{display: none;}
		.sub_function ul li .content .txt_box .img{position: static;margin-top:30px;}
		.sub_function ul li > p{font-size:14px;line-height:22px;}

		.sub_function .func_layout{display: block;}
		.sub_function .func_layout .another, .sub_function .func_layout ul{width:100%;}
		.sub_function .func_layout ul{margin:35px 0 0 0;}
		.sub_function .func_layout .another .content{padding:30px 0 50px 15px;height:auto;}
		.sub_function .func_layout .another .content .title{box-sizing:border-box;padding-right:15px;}
		.sub_function .func_layout .another .content .title span{font-size:18px;}
		.sub_function .func_layout .another .content .title strong{font-size:38px;}

		.sub_function .func_layout .another .content .txt_box{display:flex;}
		.sub_function .func_layout .another .content .txt_box .txt, .sub_function .func_layout .another .content .txt_box .img{width:50%;}
		.sub_function .func_layout .another .content .txt_box .txt{padding-right:15px;}
		.sub_function .func_layout .another .content .txt_box .img{position: static;padding:0;}
		.sub_function .func_layout .another > p{font-size:14px;line-height:22px;}

		.sub_function .func_layout ul li{margin:0;}
		.sub_function .func_layout ul li .content .txt_box{display:flex;}
		.sub_function .func_layout ul li .content .txt_box .txt, .sub_function .func_layout ul li .content .txt_box .img{width:50%;}
		.sub_function .func_layout ul li .content .txt_box .txt p br{display: inline;}

	}
	@media only screen and (max-width:640px){
		.sub_function ul{width:100%;margin:0;}
		.sub_function ul li{width:100%;margin:0 0 35px;}
		
		.sub_function .func_layout .another .content .txt_box{display: block;}
		.sub_function .func_layout .another .content .txt_box .txt, .sub_function .func_layout .another .content .txt_box .img{width:100%;}
		.sub_function .func_layout .another .content .txt_box .txt p{height:auto;}
		.sub_function .func_layout .another .content .txt_box .txt p br{display: none;}
		.sub_function .func_layout .another .content .txt_box .img{margin-top:30px;}

		.sub_function .func_layout ul li .content .txt_box{display: block;}
		.sub_function .func_layout ul li .content .txt_box .txt, .sub_function .func_layout ul li .content .txt_box .img{width:100%;}
		.sub_function .func_layout ul li .content .txt_box .txt p br{display: none;}
	}
	@media only screen and (max-width:500px){
		.sub_function{padding:55px 0 90px;}
		.sub_function ul li .content{padding:20px 0 40px 15px;border-radius:10px;}
		.sub_function ul li .content .title span{font-size:15px;}
		.sub_function ul li .content .title strong{font-size:28px;}
		.sub_function ul li .content .txt_box{margin-top:12px;}
		.sub_function ul li .content .txt_box .txt p{font-size:14px;line-height:23px;}
		.sub_function ul li .content .txt_box .txt a{height:40px;line-height:40px;width:125px;font-size:14px;padding-right:19px;}
		.sub_function ul li .content .txt_box .txt a:before{width:5px;height:5px;right:19px;top:16px;}
		.sub_function ul li > p{font-size:13px;margin-top:10px;}

		.sub_function .func_layout .another .content{padding:20px 0 40px 15px;border-radius:10px;}
		.sub_function .func_layout .another .content .title span{font-size:15px;}
		.sub_function .func_layout .another .content .title strong{font-size:28px;}
		.sub_function .func_layout .another .content .txt_box{margin-top:12px;}
		.sub_function .func_layout .another .content .txt_box .txt p{font-size:14px;line-height:23px;}
		.sub_function .func_layout .another .content .txt_box .txt a{height:40px;line-height:40px;width:125px;font-size:14px;padding-right:19px;}
		.sub_function .func_layout .another .content .txt_box .txt a:before{width:5px;height:5px;right:19px;top:16px;}
		.sub_function .func_layout .another > p{font-size:13px;margin-top:10px;}
	}

/* mobile service image fit fix 2026-08-28 */
@media only screen and (max-width:640px){
  .main_service .servi_list li:nth-child(5) .thumb img{object-fit:contain;object-position:center;background:#fff;}
}