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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;width:100%;}
		#contents_wrap, .w_custom, .main_w_custom{position: relative; width:calc(100% - 60px);margin:0 auto;max-width:1200px;padding:0;box-sizing:border-box;}
		.main_w_custom{max-width:1600px;}
        #contents_wrap {padding:49px 0 150px 0;}


	@media screen and (max-width:640px) {
		#contents_wrap, .w_custom, .main_w_custom{width:calc(100% - 30px);}
	}
	@media screen and (max-width:320px) {
		#contents_wrap, .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%;z-index:12;box-sizing:border-box;transition:all 0.5s;border-bottom:1px solid rgba(221, 221, 221, 0.4);}
	#header .header_cont{width:100%;box-sizing:border-box;padding:0 0 0 60px;height:100px;display: flex;align-items: center;justify-content: space-between;transition:all 0.5s;}
	#header .header_cont .hd_logo{width:214px;height:80px;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%;}
	#header .header_cont .hd_logo .logo.on{display: none;}
	#header .header_cont .hd_logo svg{width:100%;height:100%;}
	#header .header_cont .hd_lnb{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: flex;width:100%;justify-content: center;}
	#header .header_cont .hd_lnb > li{position: relative;margin:0 1.56vw;}
	#header .header_cont .hd_lnb > li > a{font-size:20px;color:var(--point-white);font-weight:400;font-family:var(--font-type01);line-height:100px;}
	#header .header_cont .hd_lnb > li:hover > a{color:var(--point-color01) !important;}
	#header .header_cont .hd_lnb > li.sevenone_logo{margin-right:1.04vw;}
	#header .header_cont .hd_lnb > li.sevenone_logo a, #header .header_cont .hd_lnb > li.spoon_logo a {display: flex;align-items: center;gap:10px;}
	#header .header_cont .hd_lnb > li.sevenone_logo img, #header .header_cont .hd_lnb > li.spoon_logo img{width:40px;}
	#header .header_cont .hd_lnb > li.spoon_logo{margin-right:0;}
	#header .header_cont .hd_lnb > li .lnb_dep2{background:var(--point-color01);box-sizing:border-box;width:180px;position: absolute;top:80%;left:50%;transform:translate(-50%);text-align: center;padding:24px 0;display: none;}
	#header .header_cont .hd_lnb > li .lnb_dep2 li + li{margin-top:14px;}
	#header .header_cont .hd_lnb > li .lnb_dep2 li a{font-size:17px;color:var(--point-white);font-weight:500;}

	#header .hd_right{position: relative;z-index:3;display: flex;align-items: center;}
	#header .hd_right .hd_lang{display: flex;align-items: center;}
	#header .hd_right .hd_lang li{}
	#header .hd_right .hd_lang li + li{margin-left:41px;}
	#header .hd_right .hd_lang li a{font-size:16px;color:rgba(255,255,255,0.8);font-weight:600;text-transform: uppercase;}
	#header .hd_right .hd_lang li.on a{color:var(--point-white);}
	#header .hd_right .btn_cate{width:100px;height:100px;box-sizing:border-box;margin-left:50px;border-left:1px solid rgba(221, 221, 221, 0.4);}
	#header .hd_right .btn_cate a{display: block;width:100%;height:100%;position: relative;box-sizing:border-box;display: flex;align-items: center;justify-content: center;}
	#header .hd_right .btn_cate a div{width:36px;height:22px;position: relative;margin-top:3px;}
	#header .hd_right .btn_cate a span{width:100%;height:2px;display: inline-block;position: absolute;left:0;;background:var(--point-white);}
	#header .hd_right .btn_cate a span:nth-child(1){top:0;}
	#header .hd_right .btn_cate a span:nth-child(2){top:10px;}
	#header .hd_right .btn_cate a span:nth-child(3){bottom:0;}
	
	/*on*/
	#header.on{background:var(--point-white);border-bottom:1px solid #ddd;}
	#header.on .header_cont .hd_logo .logo, #header.main .header_cont .hd_logo .logo{display: none;}
	#header.on .header_cont .hd_logo .logo.on, #header.main .header_cont .hd_logo .logo.on{display: block;}	
	#header.on .header_cont .hd_lnb > li > a, #header.main .header_cont .hd_lnb > li > a{color:var(--black-color00);}
	#header.on .hd_right .hd_lang li a, #header.main .hd_right .hd_lang li a{color:var(--black-color08);}
	#header.on .hd_right .hd_lang li.on a, #header.main .hd_right .hd_lang li.on a{color:var(--black-color00);}
	#header.on .hd_right .btn_cate, #header.main .hd_right .btn_cate{border-left:1px solid #ddd;}
	#header.on .hd_right .btn_cate a span, #header.main .hd_right .btn_cate a span{background:var(--black-color00);}
	#header.on .hd_right .btn_cate a span:nth-child(1), #header.main .hd_right .btn_cate a span:nth-child(1){background:var(--point-color01);}



	@media only screen and (min-width:1024px){
		/*hover*/
		#header:hover{background:var(--point-white);border-bottom:1px solid #ddd;}
		#header:hover .header_cont .hd_logo .logo{display: none;}
		#header:hover .header_cont .hd_logo .logo.on{display: block;}
		#header:hover .header_cont .hd_lnb > li > a{color:var(--black-color00);}
		#header:hover .hd_right .hd_lang li a{color:var(--black-color08);}
		#header:hover .hd_right .hd_lang li.on a{color:var(--black-color00);}
		#header:hover .hd_right .btn_cate{border-left:1px solid #ddd;}
		#header:hover .hd_right .btn_cate a span{background:var(--black-color00);}
		#header:hover .hd_right .btn_cate a span:nth-child(1){background:var(--point-color01);}

	}

	@media only screen and (max-width:1640px){
		#header .header_cont {padding: 0 0 0 45px;}
		#header .header_cont .hd_logo{width:240px;height:40px;}
		#header .header_cont .hd_lnb > li{margin:0 1.22vw;}
		#header .header_cont .hd_lnb > li > a{font-size:18px;}
		#header .header_cont .hd_lnb > li.sevenone_logo a, #header .header_cont .hd_lnb > li.spoon_logo a {gap:8px;}
		#header .header_cont .hd_lnb > li.sevenone_logo img, #header .header_cont .hd_lnb > li.spoon_logo img{width:35px;}
		#header .header_cont .hd_lnb > li.sevenone_logo{margin-right:0.91vw;}
	}
	@media only screen and (max-width:1480px){
		#header .header_cont .hd_logo{width:160px;height:54px;}
	}	
	@media only screen and (max-width:1300px){
		#header .header_cont{padding:0 0 0 30px;}

		#header .header_cont .hd_lnb{display: none;}
		/* #header .header_cont .hd_lnb > li{margin:0 15px;}
		#header .header_cont .hd_lnb > li > a{font-size:16px;} */
		#header .hd_right .hd_lang li + li{margin-left:20px;}
		#header .hd_right .btn_cate{margin-left:30px;}
	}
	@media only screen and (max-width:1024px){
		#header .header_cont{height:80px;}
		/* #header .header_cont .hd_lnb{display: none;} */
		#header .hd_right .btn_cate{width:80px;height:80px;}
	}
	@media only screen and (max-width:640px){
		#header .header_cont{height:60px;padding:0 0 0 15px;}
		#header .header_cont .hd_logo{width:120px;height:48px;}		
		#header .hd_right .hd_lang li a{font-size:13px;}
		#header .hd_right .btn_cate{width:60px;height:60px;margin-left:15px;}
		#header .hd_right .btn_cate a div{margin:0;width:26px;height:20px;}
		#header .hd_right .btn_cate a span:nth-child(2){top:9px;}
	}
	@media only screen and (max-width:500px){
		#header .header_cont{height:54px;}	
		#header .header_cont .hd_logo{width:120px;height:48px;}
		#header .hd_right .btn_cate{width:54px;height:54px;}
		
	}

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

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

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
	/* aside */
	#aside {overflow:hidden;top: 0;right: 0;width:100%;transition:0.5s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:#fff;z-index:99;overflow:hidden;opacity: 0;transition: all 0.4s;/* display:none; */z-index: -1;}
	#aside.on {visibility: visible;opacity: 1;/* display:block; */z-index: 99;}
	#aside .aside_box{overflow:hidden;}
	#aside .aside_box .header_cont {width:100%;box-sizing:border-box;padding:0 60px 0 60px;height:100px;display: flex;align-items: center;justify-content: space-between;transition:all 0.5s;position: relative;border-bottom:1px solid #ddd;}
	#aside .header_cont .hd_logo{width:214px;height:80px;position: relative;z-index:3;}
	#aside .header_cont .hd_logo a{display: block;width:100%;height:100%;font-size:0;position: absolute;top:0;left:0;}
	#aside .header_cont .hd_logo embed{width:100%;height:100%;}
	#aside .aside_box .header_cont .main_w_custom {position:relative;}
	#aside .aside_menu {width:100%;}
	#aside .aside_menu .main_w_custom {max-width: inherit;}
	.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:50;position:fixed;display:none;}
	.aside_bg.on {opacity:1;display:block;}
	#aside .aside_box .btn_aside_close {display: inline-block;vertical-align: middle;}
	#aside .aside_box .btn_aside_close div{width: 26px;height: 26px;position:relative;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%;position: absolute;top: 0;left: 0;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width:100%;height:2px;background-color:#333;left:0;top: 9px;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform:translateY (0) rotate (-45deg);transform:translateY(0) rotate(-45deg);}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
	#aside .aside_box {}
	#aside .aside_box .w_custom{max-width:1380px;}
	#aside .aside_box {width:100%;height:100%;margin:0;padding: 0 0 20px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;display: flex;align-items: center;flex-direction: column;}
	#aside ul.slidemenu {box-sizing:border-box;padding: 70px 0;display:flex;flex-wrap:wrap;width:100%;justify-content: center;}
	#aside ul.slidemenu.m_menu{display:none;}
	#aside ul.slidemenu li.on > .icons {background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size:100% 1px,0 100%;background-repeat:no-repeat;}
	#aside ul.slidemenu .depth1_li {padding:0 10px;text-align:center;display:block;vertical-align:top;font-size:16px;position:relative;width:calc(100% / 5);box-sizing:border-box;margin-top:50px;}
	#aside ul.slidemenu .depth1_li + .depth1_li {margin-left:0;}
	#aside ul.slidemenu .depth1_li:first-child{padding-left:0;}
	#aside ul.slidemenu .depth1_li:last-child{padding-right:0;}
	#aside ul.slidemenu .depth1_li a,#aside ul.slidemenu .depth1_li .icons {display:inline-block;vertical-align:middle;}
	#aside ul.slidemenu .depth1_li .depth1_a {transition:0.2s;padding:0;line-height:1.5;font-size: var(--title-40);color: var(--black-color03);font-weight:700;position:relative;padding-bottom:20px;margin-bottom: 20px;}
	#aside ul.slidemenu .depth1_li .depth1_a:after{content:'';position:absolute;bottom:0;left:50%;width:30px;height:2px;background: var(--point-color01);margin-left:-15px;}
	#aside ul.slidemenu .depth1_li .depth {padding:0;border:0;border-bottom:1px solid rgba(255,255,255,0.2);}
	#aside ul.slidemenu .depth1_li .depth li {padding-left:0;position:relative;}
	#aside ul.slidemenu .depth1_li .depth li a {font-size: var(--title-20);line-height:1.5;color: var(--black-color06);position:relative;padding:13px 0;word-break:keep-all;}

	#aside ul.slidemenu .depth1_li .icons {display:none;width:20px;height:20px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size:100% 1px,1px 100%;background-repeat:no-repeat;}
	#aside ul.slidemenu .depth1_li .depth1_a.on .icons {}
	#aside ul.slidemenu .sevenone_logo, #aside ul.slidemenu .spoon_logo {width:auto;}
	#aside ul.slidemenu .sevenone_logo a, #aside ul.slidemenu .spoon_logo a {display: flex;align-items: center;gap:10px;justify-content: center;}
	#aside ul.slidemenu .sevenone_logo img, #aside ul.slidemenu .spoon_logo img {width:50px;}
	#aside ul.slidemenu .sevenone_logo + .spoon_logo {margin-left: 60px;}

	@media only screen and (max-width:1320px) {
	}
	@media only screen and (max-width:1217px) {
	}
	@media only screen and (max-width:1024px) {
		#aside .aside_box .header_cont{padding:0 30px;height:80px;}
		#aside .header_cont .hd_logo{width: 160px;height: 54px;}
		

		#aside ul.slidemenu{padding:30px 0;}
		#aside ul.slidemenu .depth1_li{width:33.33%;margin-top:40px;}
		#aside ul.slidemenu .depth1_li:nth-child(-n+3){margin-top:0;}
		#aside ul.slidemenu .depth1_li:first-child{padding-left:10px;}
		#aside ul.slidemenu .depth1_li:last-child{padding-right:10px;}

		#aside ul.slidemenu .depth1_li .depth1_a{font-size:28px;}
		#aside ul.slidemenu .depth1_li .depth li a{font-size:18px;padding:10px 0;}
		
		#aside ul.slidemenu .sevenone_logo + .spoon_logo {margin-left: 0;}

	}
	@media only screen and (max-width:980px) {
	}
	@media only screen and (max-width:860px) {
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#aside .aside_box{padding:0;display: block;}
		#aside .aside_box .header_cont{padding:0 15px;height:60px;}
		#aside .header_cont .hd_logo{width:120px;height: 48px;}

		#aside .hd_right .btn_aside_close div{width:21px;height:18px;}
		#aside .aside_box .aside_logo{display:none;}

		#aside ul.slidemenu.pc_menu{display:none;}
		#aside ul.slidemenu.m_menu{display:block;}
		#aside ul.slidemenu{padding:30px 5px;}
		#aside ul.slidemenu .depth1_li{width:100%;padding:0;margin-top:0;}
		#aside ul.slidemenu .depth1_li:first-child{padding-left:0;}
		#aside ul.slidemenu .depth1_li:last-child{padding-right:0;}

		#aside ul.slidemenu .depth1_li .depth1_a:after{display:none;}
		#aside ul.slidemenu .depth1_li .icons{display:block;}
		#aside ul.slidemenu .depth1_li .depth1_a{font-size: var(--title-30);letter-spacing:-0.03em;font-weight: 600;padding: 20px 0;margin-bottom:0;/* border-bottom: 1px solid var(--border-color01); */width:100%;}
		#aside ul.slidemenu .depth1_li .depth1_a .icons{position:absolute;top:50%;right:10px;margin-top:-9px;width:9px;height:9px;border-bottom: 1px solid var(--black-color03);border-right: 1px solid var(--black-color03);transform:rotate(45deg)}
		#aside ul.slidemenu .depth1_li .depth1_a.on{color: var(--point-color01);}
		#aside ul.slidemenu .depth1_li .depth1_a.on .icons{border-bottom: 1px solid var(--point-color01);border-right: 1px solid var(--point-color01);transform:rotate(-135deg);margin-top:-3px;}
		#aside ul.slidemenu .depth1_li .depth{padding: 0 0 15px;display:none;}
		#aside ul.slidemenu .depth1_li .depth li a{font-size:17px;letter-spacing:-0.04em;color:#666;padding: 12px 0;line-height: 1.4;width: 100%;}

		#aside ul.slidemenu .sevenone_logo a, #aside ul.slidemenu .spoon_logo a{min-height: 70px; justify-content: center;font-size: var(--title-30);color:var(--black-color03);letter-spacing:-0.03em;font-weight: 600;margin-bottom:0;/* border-bottom: 1px solid var(--border-color01); */width:100%;}
		#aside ul.slidemenu .sevenone_logo img, #aside ul.slidemenu .spoon_logo img {width: 40px;}
	} 
	@media only screen and (max-width:500px) { 
		#aside {right: 0;width: 100%;}
		#aside .aside_box .header_cont{height:54px;}
		#aside .header_cont .hd_logo{width:120px;height:28px;}
	} 
	@media only screen and (max-width:320px) {
	}

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer{box-sizing:border-box;position: relative;background:#121212;}
		#footer .ft_info_box{display: flex;box-sizing:border-box;padding:100px 0;justify-content: space-between;flex-wrap:wrap;align-items: flex-start;}
		#footer .info{width:26.6%;box-sizing:border-box;padding-right:20px;}
		#footer .info .ft_logo{margin:0;width:240px;}
		#footer .info > p{font-size:18px;color:var(--black-color10);font-weight:600;margin-top:32px;letter-spacing:-0.02em;}
		#footer .info div{margin-top:18px;}
		#footer .info span{display: block;font-size:16px;color:var(--black-color10);font-weight:400;letter-spacing:-0.02em;}
		#footer .info span + span{margin-top:8px;}
		#footer .info span a{font-size:inherit;color:inherit;font-weight:inherit;}

		#footer .addr_info{display: flex;gap:80px;width:73.4%;margin-top:4px;justify-content: flex-end;}
		#footer .addr_info dl{box-sizing:border-box;border-left:1px solid #ddd;padding-left:30px;}
		#footer .addr_info dl dt{position: relative;}
		#footer .addr_info dl dt:before{width:1px;height:100%;content:"";background:var(--point-color01);position: absolute;top:0;left:-31px;}
		#footer .addr_info dl dt strong{display: block;font-size:17px;color:var(--point-white);font-weight:500;font-family:var(--font-type01);}
		#footer .addr_info dl dt p{font-size:16px;color:var(--black-color10);font-weight:400;font-family:var(--font-type01);margin-top:20px;line-height:1.8;}
		#footer .addr_info dl dd{margin-top:46px;}
		#footer .addr_info dl dd p{display: flex;flex-wrap:wrap;}
		#footer .addr_info dl dd p + p{margin-top:16px;}
		#footer .addr_info dl dd p strong{width:31px;font-size:16px;color:var(--point-white);font-weight:500;display: block;}
		#footer .addr_info dl dd p span{display: block;box-sizing:border-box;width:calc(100% - 31px);padding-left:19px;font-size:16px;color:var(--black-color10);font-weight:400;}
		#footer .addr_info dl dd p span a{font-size:inherit;color:inherit;font-weight:inherit;}

		#footer .ft_bot{background:var(--black-color02);}
		#footer .ft_bot .main_w_custom{display: flex;align-items: center;justify-content: space-between;padding:22px 0;}
		#footer .ft_bot .ft_gnb{display: flex;align-items: center;}
		#footer .ft_bot .ft_gnb li{}
		#footer .ft_bot .ft_gnb li + li{margin-left:30px;}
		#footer .ft_bot .ft_gnb li a{font-size:17px;color:rgba(255,255,255,0.8);font-weight:300;}
		#footer .ft_bot .ft_gnb li a strong{font-size:inherit;color:var(--point-white);font-weight:500;}
		#footer .ft_bot .copyright{font-size:16px;color:var(--black-color10);font-weight:400;letter-spacing:-0.02em;}
		#footer .ft_bot .copyright a{display: inline-block;font-size:inherit;color:inherit;margin-left:30px;}

		.ft_top{position: fixed;right:30px;bottom:30px;z-index:-1;width:50px;height:50px;cursor:pointer;opacity:0;transition:all 0.5s;}
		.ft_top.on{opacity:1;z-index: 10;}
		.ft_top.main span{background:var(--point-color01);}
		.ft_top .ver_m{display: none;}
		.ft_top span{display:block;width:100%;height:100%;position: relative;background:var(--black-color00);}
		.ft_top span:before{width:7px;height:7px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);}	
	
		@media only screen and (max-width:1500px) {
			#footer .addr_info{gap:45px;}
		}
		@media only screen and (max-width:1300px) {
			#footer .info{width:100%;padding:0 0 40px 0;}
			#footer .addr_info{width:100%;margin:0;}
		}
		@media only screen and (max-width:1024px) {
			#footer .ft_info_box{padding:80px 0;}
			#footer .info .ft_logo img{height:60px;}
			#footer .addr_info{display: block;}
			#footer .addr_info dl{border:none;padding:0;position: relative;}
			#footer .addr_info dl + dl{border-top:1px solid #ddd;padding-top:20px;margin-top:20px;}
			#footer .addr_info dl + dl:before{width:160px;height:1px;content:"";background:var(--point-color01);position: absolute;top:-1px;left:0;}
			#footer .addr_info dl dt:before{display: none;}
			#footer .addr_info dl dt p{margin-top:6px;}
			#footer .addr_info dl dd{margin-top:20px;display: flex;}
			#footer .addr_info dl dd p + p{margin:0 0 0 30px;}
			#footer .addr_info dl dd p span{padding-left:10px;}

			#footer .ft_bot .main_w_custom{flex-direction: column;align-items: flex-start;}
			#footer .ft_bot .copyright{margin-top:22px;}
			#footer .ft_bot .copyright a{margin-left:20px;}

			.ft_top .ver_m{display:block;}
			.ft_top .ver_pc{display: none;}
		}
		@media only screen and (max-width:640px) {
			#footer .ft_info_box{padding:50px 0;}
			#footer .info{padding-bottom:30px;}
			#footer .info .ft_logo img{height:46px;}
			#footer .info > p{font-size:16px;margin-top:24px;}
			#footer .info div{margin-top:10px;}
			#footer .info span{font-size:14px;}
			#footer .info span + span{margin-top:5px;}

			#footer .addr_info dl + dl:before{width:100px;;}
			#footer .addr_info dl dt strong{font-size:15px;}
			#footer .addr_info dl dt p{font-size:14px;}
			#footer .addr_info dl dd{margin-top:10px;}
			#footer .addr_info dl dd p{align-items: center;}
			#footer .addr_info dl dd p + p{margin-left:20px;}
			#footer .addr_info dl dd p strong{width:22px;font-size:14px;}
			#footer .addr_info dl dd p span{padding-left:8px;font-size:14px;width:auto;}

			#footer .ft_bot .ft_gnb li a{font-size:15px;}
			#footer .ft_bot .copyright{font-size:14px;}
			#footer .ft_bot .copyright a{display: block;margin:5px 0 0 0;}

			.ft_top{right:20px;bottom:20px;width:40px;height:40px;}

		}
		@media only screen and (max-width:320px) {
			#footer .addr_info dl dd p strong{font-size:12px;}
			#footer .addr_info dl dd p span{font-size:12px;padding-left:5px;}

			#footer .ft_bot .copyright{font-size:12px;}
		}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*navigation*/
		body #fp-nav.fp-right{right:46px;}
		body #fp-nav{top:56%}
		body #fp-nav ul{display: flex;flex-direction: column;justify-content: center;align-items: center;}
		body #fp-nav ul li{margin:10px 0;width:auto;height:auto;}
		body #fp-nav ul li a{width:6px;height:6px;background: #ddd;}
		body #fp-nav ul li a.active{width:12px;height:12px;background:var(--point-color01);}
		body #fp-nav ul li a span{display:none;}
	
		body #fp-nav.main ul li a{background:rgba(255,255,255,0.5);}
		body #fp-nav.main ul li a.active{background:var(--point-color01);}

		@media only screen and (max-width:1300px){
			body #fp-nav.fp-right{right:24px;}
		}
	
	/*visual*/
		.visual_wrapper{position: relative;height:100%;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:100vh;background:#000;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100vh;border:none;}
		#wrap .main_visual .thumb{width:100%;height:100%;position: absolute;top:0;left:0;transition:all 3s;background-size:cover;background-position:right center;}
		/* #wrap .main_visual .thumb > div{width:100%;height:100%;transition:all 3s;}	
		#wrap .main_visual .slick-slide[data-slick-index = '0'] .thumb div {background:url('../images/skin/main_visual01.jpg')no-repeat right center;background-size:cover;}
		#wrap .main_visual .slick-slide[data-slick-index = '1'] .thumb div{background:url('../images/skin/main_visual02.jpg')no-repeat center;background-size:cover;}
		#wrap .main_visual .slick-slide[data-slick-index = '2'] .thumb div{background:url('../images/skin/main_visual03.jpg')no-repeat center;background-size:cover;} */
		.main_visual .txt_box {position:absolute;left:50%;top:36%;font-size:0;text-align:left;transform:translate(-50%);z-index:2;}
		.main_visual .txt_box h2,
		.main_visual .txt_box p{opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_visual .txt_box h2{font-size:var(--title-70);color:var(--point-white);font-weight:500;line-height:1.2;}
		.main_visual .txt_box p{font-size:22px;color:var(--point-white);font-weight:400;font-family:var(--font-type01);line-height:1.6;margin-top:44px;}

		.main_visual .prd{position: absolute;right:13%;top:34%;z-index:3;transition:all 3s;}
		.main_visual .slick-slide[data-slick-index = '1'] .prd{top:25%;right:10%;}
		

		/*active*/
			#wrap .main_visual .active .thumb,
			.main_visual .active .prd{transform:scale(1.08);}
			/* #wrap .main_visual .active .thumb div{transform:scale(1.08);} */
			.main_visual .active .txt_box h2,
			.main_visual .active .txt_box p{opacity:1;transform:translateY(0);transition:all 0.5s;}
			.main_visual .active .txt_box p{transition-delay:0.3s;}

		/*btn*/
			.visual_btn_wrap{position: absolute;left:50%;transform:translate(-50%);bottom:80px;}
			.visual_btn_wrap .control_box{display: flex;align-items: center;}
			.main_visual .slick-dots{display: flex;align-items: center;font-size:0;box-sizing:border-box;margin-left:20px;}
			.main_visual .slick-dots li{display: inline-block;width:70px;}
			.main_visual .slick-dots li + li{margin-left:10px;}
			.main_visual .slick-dots .tab{width:100%;height:4px;background-color:rgba(255,255,255,.3);outline:none;position:relative;padding:0;color:inherit;line-height:normal;}
			.main_visual .slick-dots .slick-active .s-line-fill{animation-fill-mode:backwards;display: inline-block;background:var(--point-color01);height:100%;width:0;position: absolute;top:0;left:0;}
		
			.visual_btn_wrap .slick-arrow{font-size:0;width:10px;height:14px;position: relative;}
			.visual_btn_wrap .next{margin-left:18px;}
			.visual_btn_wrap .slick-arrow:before{width:8px;height:8px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;position: absolute;top:2px;}
			.visual_btn_wrap .prev:before{transform:rotate(-135deg);left:3px;}
			.visual_btn_wrap .next:before{transform:rotate(45deg);right:3px;}
			.visual_btn_wrap .play_btn_box{margin-left:18px;}
			.visual_btn_wrap .slickPause{font-size:0;width:10px;height:14px;position: relative;cursor:pointer;}
			.visual_btn_wrap .slickPause:before, .visual_btn_wrap .slickPause:after{width:2px;height:100%;content:"";background:var(--point-white);position: absolute;top:0;}
			.visual_btn_wrap .slickPause:before{left:0;}
			.visual_btn_wrap .slickPause:after{right:0;}
			.visual_btn_wrap .slickPlay{font-size:0;width:10px;height:14px;position: relative;cursor:pointer;}
			.visual_btn_wrap .slickPlay:before{border-left:8px solid var(--point-white);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:none;content:"";position: absolute;top:-1px;}
	
		.scroll_down{position: absolute;bottom:0;right:30px;z-index:5;width:40px;padding-bottom:133px;cursor:pointer;overflow:hidden;}
		.scroll_down span{font-size:16px;color:#ddd;font-weight:400;transform:rotate(-90deg);position: absolute;top:8px;}
		.scroll_down:before{width:1px;height:69px;content:"";background:rgba(255,255,255,0.5);position: absolute;bottom:0;left:50%;}
		.scroll_down:after{width:1px;height:20px;content:"";background:var(--point-white);position: absolute;left:50%;bottom:36%;animation:scroll 2s infinite;animation-fill-mode:backwards;}

		@keyframes scroll {
			0% {bottom:36%;}
			100% {bottom:-16%;}
		}

	/*공통*/
		.main_title{}
		.main_title span{font-size:22px;color:var(--point-color01);font-weight:500;}
		.main_title h3{font-size:var(--title-60);color:var(--point-white);font-weight:600;margin-top:40px;letter-spacing:-0.03em;line-height:1.3;}
		.main_title p{font-size:20px;color:var(--point-white);font-weight:400;margin-top:36px;letter-spacing:-0.04em;line-height:1.8;}

		.main_btn_box{margin-top:80px;}
		.btn_more{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:70px;border-radius:35px;width:180px;border:1px solid var(--point-white);font-size:20px;color:var(--point-white);font-weight:400;position: relative;}
		.btn_more:before{width:0;height:0;content:"";box-sizing:border-box;border-radius:35px;background:var(--point-color01);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.5s;}
		.btn_more span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;z-index:3;}	

		.cir_more{display: flex;flex-direction: column;align-items: center;justify-content: center;box-sizing:border-box;width:100px;height:100px;border-radius:100%;background:var(--black-color00);box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);text-align:center;}
		.cir_more span{font-size:20px;color:var(--point-white);font-weight:500;}
		.cir_more em{display: block;width:0;height:0;position: relative;transition:all 0.5s;}
		.cir_more em:before,.cir_more em:after{content:"";background:var(--point-white);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.cir_more em:before{width:100%;height:2px;}
		.cir_more em:after{width:2px;height:100%;}

	/*about*/
		.main_about{background:#f5f5f5;width:100%;height:100%;display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;padding-top:100px;box-sizing:border-box;;}
		.main_about .img_box{position: relative;z-index:5;width:50%;height:100%;}
		.main_about .img_box .img{width:100%;height:100%;background:url('../images/skin/main_about.jpg')no-repeat center;background-size:cover;position: absolute;top:0;left:0;}

		.main_about .txt_box{width:50%;box-sizing:border-box;padding-left:117px;}	
		.main_about .main_title h3{color:var(--black-color00);}
		.main_about .main_title p{color:var(--black-color06);}
		.main_about .btn_more{color:var(--point-color01);border-color:var(--point-color01);}
		

		#section02.active .main_about .img_box:after{width:0;opacity:0;}

	/*product*/
		.main_product{background:url('../images/skin/main_product.jpg')no-repeat center;background-size:cover;width:100%;height:100%;display: flex;align-items: center;}
		.main_product .main_w_custom{display: flex;align-items: center;justify-content: space-between;padding-top:136px;flex-wrap:wrap;}
		.main_product .main_w_custom:before{width:92px;height:76px;content:"";background:url('../images/skin/main_prd_obj.svg')no-repeat center;background-size:auto 100%;position: absolute;top:72px;right:-20px;}
		
		.main_product .main_title h3{color:var(--black-color00);}
		.main_product .main_title p{color:var(--black-color04);}
		.main_product .btn_more{border-color:color:var(--black-color03);color:var(--black-color00);font-weight:500;}
		

		.main_product .prd_box{width:65%;position: relative;transform:translate(57px);}
		/* .main_product .prd_swiper{overflow:visible;} */
	/* 	.main_product .swiper-wrapper{align-items: center;} */
		.main_product .swiper-slide{padding-top:90px;}
		.main_product .swiper-slide > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:4;}
		.main_product .swiper-slide .thumb{position: relative;width:65.8%;margin:0 auto;}
		.main_product .swiper-slide .thumb:before{width:0;height:0;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;top:0;left:0;transition:all 0.5s;}
		.main_product .swiper-slide .thumb .img{width:100%;height:0;padding-bottom:100%;margin:0 auto;box-sizing:border-box;border-radius:100%;background:var(--point-white);position: relative;display: flex;align-items: center;justify-content: center;overflow:hidden;}	
		.main_product .swiper-slide .thumb .img img{max-width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
		.main_product .active_box > span{font-size:20px;color:var(--black-color00);font-weight:400;display: inline-block;border-bottom: 1px solid var(--black-color00);position: absolute;right:0;top:40px;transition:all 0.5s;width:0;opacity:0;overflow:hidden;}
		.main_product .cir_more{position: absolute;bottom:0;right:15px;width:0;height:0;overflow:hidden;transition:all 0.5s;z-index:6;}

		.main_product .info{text-align: center;margin:0 auto;margin-top:30px;width:65.8%;}
		.main_product .info .name{font-size:24px;color:var(--black-color);font-weight:400;}
		.main_product .info .des{font-size:22px;color:var(--black-color03);font-weight:400;font-family:var(--font-type01);display: none;margin-top:22px;}
		
		.main_product .swiper-slide.swiper-slide-active{padding-top:0;}
		.main_product .swiper-slide.swiper-slide-active .thumb{width:100%;}	
		.main_product .swiper-slide.swiper-slide-active .thumb:before{width:180px;height:180px;}
		.main_product .swiper-slide.swiper-slide-active .thumb .img{width:110%;padding-bottom:110%;}
		.main_product .swiper-slide-active .active_box > span{padding-left:90px;padding-bottom:5px;width:auto;opacity:1;overflow:initial;}
		.main_product .swiper-slide-active .cir_more{width:100px;height:100px;overflow:initial;}
		.main_product .swiper-slide-active .info{width:110%;}
		.main_product .swiper-slide-active .info .name{font-size:40px;color:var(--black-color00);font-weight:600;}
		.main_product .swiper-slide-active .info .des{display: block;color:var(--black-color05);font-size:22px;}

		.main_product .swiper_arw{width:70px;height:70px;box-sizing:border-box;border-radius:100%;background:none;border:1px solid #ddd;margin:0;top:33%;transition:all 0.5s;z-index:6;}
		.main_product .swiper-button-prev{left:-13%;}
		.main_product .swiper-button-next{right:40%;}
		.main_product .swiper_arw:before{width:9px;height:9px;content:"";border:1px solid var(--black-color05);border-width:2px 2px 0 0;position: absolute;top:50%;left:50%;}
		.main_product .swiper-button-prev:before{transform:translate(-50%, -50%) rotate(-135deg);left:54%;}
		.main_product .swiper-button-next:before{transform:translate(-50%, -50%) rotate(45deg);left:46%;}
		.main_product .swiper_arw:after{display: none;}

	/*banner*/
		#section04 .fp-scroller{width:100%;height:100%;}
		.main_bnr{width:100%;height:100%;display: flex;flex-wrap:wrap;}
		.main_bnr .bnr_box{width:33.3333%;height:100%;box-sizing:border-box;position: relative;transition:all 1s;}
		.main_bnr .bnr_box:before{width:100%;height:100%;content:"";background:var(--black-color00);position: absolute;top:0;left:0;z-index:2;transition:all 0.5s;opacity:0;}
		.main_bnr .bnr_box > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_bnr .bnr_box .img_box{width:100%;height:100%;position: relative;}
		.main_bnr .bnr_box .img_box:before{width:100%;height:100%;content:"";opacity: 0.5;background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);position: absolute;top:0;left:0;z-index:2;transition:all 0.5s;}
		.main_bnr .bnr_box:nth-child(1) .img_box{background:url('../images/skin/main_bnr01.jpg')no-repeat center;background-size:cover;}
		.main_bnr .bnr_box:nth-child(2) .img_box{background:url('../images/skin/main_bnr02.jpg')no-repeat center;background-size:cover;}
		.main_bnr .bnr_box:nth-child(3) .img_box{background:url('../images/skin/main_bnr03.jpg')no-repeat center;background-size:cover;}
		.main_bnr .bnr_box .txt{position: absolute;bottom:28px;left:90px;transition:all 0.5s;z-index:3;}
		.main_bnr .bnr_box .txt dl{font-size:var(--title-40);color:var(--point-white);font-weight:700;}
		.main_bnr .bnr_box .txt dl dt{font-size:104%;color:inherit;font-weight:inherit;}
		.main_bnr .bnr_box .txt dl dd{font-size:44%;color:inherit;font-weight:300;opacity:0.8;line-height:1.5;margin-top:13px;}
		.main_bnr .main_btn_box{transform:translateY(100px);opacity:0;transition:all 0.5s;margin:0;}
		.main_bnr .btn_more{border-color:var(--point-color01);background:var(--point-color01);}

	/*partner*/
		.main_partner{width:100%;height:100%;background:url('../images/skin/main_partner.jpg')no-repeat center;background-size:cover;display: flex;flex-direction:column;align-items: center;justify-content: center;box-sizing:border-box;padding-top:100px;}
		.main_partner .tit{text-align: center;}
		.main_partner .tit span{font-size:22px;color:var(--point-white);font-weight:500;}
		.main_partner .tit h3{font-size:var(--title-60);color:var(--point-white);font-weight:600;margin:40px 0;line-height:1;}
		.main_partner .tit p{font-size:20px;color:var(--point-white);font-weight:400;}

		.main_partner .partner_box{margin-top:60px;}
		.main_partner .partner_container{box-sizing:border-box;padding:20px 0;border:1px solid rgba(238, 238, 238, 0.1);border-width:1px 0;}
		.main_partner .downside_slide{border-top:none;}
		.main_partner .partner_box .swiper-slide{width: auto;}

	/*cs*/
		.main_cs{background: #f5f5f5;width:100%;height:100%;box-sizing:border-box;padding-top:220px;}
		.main_cs .main_w_custom{display: flex;flex-wrap:wrap;justify-content: space-between;}
		.main_cs .main_title{margin-top:72px;box-sizing:border-box;width:42.5%;padding-right:30px;}
		.main_cs .main_title h3{color:var(--black-color00);}
		.main_cs .main_title p{color:var(--black-color04);}
		.main_cs .img_box{width:57.5%;display: flex;flex-wrap:wrap;}
		.main_cs .img_box .img{width:calc(50% - 20px);height:540px;display: flex;flex-direction: column;justify-content: flex-end;position: relative;}
		.main_cs .img_box .img:nth-child(1){background:url('../images/skin/main_cs_oem.jpg')no-repeat center;background-size:cover;}
		.main_cs .img_box .img + .img{margin:70px 0 0 40px;background:var(--point-color01);}
		.main_cs .img_box .img > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_cs .img_box .img .txt{font-size:var(--title-30);color:var(--point-white);font-weight:600;padding:0 0 60px 64px;}
		.main_cs .img_box .img .txt strong{font-size:116%;color:inherit;font-weight:inherit;}
		.main_cs .img_box .img .txt p{font-size:var(--title-20);color:var(--point-white);font-weight:300;opacity:0.8;font-family:var(--font-type01);line-height:0.9;}
		.main_cs .img_box .img .txt p span{font-size:68%;color:inherit;font-weight:inherit;font-family:inherit;}

		
	@media only screen and (min-width:1024px){
		.main_index [data-aos]{opacity:1;transform:none;}
		
		.btn_more:hover{color:var(--point-white);border-color:var(--point-color01);}
		.btn_more:hover:before{width:100%;height:100%;}
		.btn_more:hover:after{opacity:1;}

		.cir_more:hover{background:var(--point-color01) !important;}
		.main_info .certificate_info .tit .btn_box .cir_more:hover{border:none;}
		.cir_more:hover em{width:12px;height:12px;margin-top:5px;}

		.main_product .swiper_arw:hover{background:var(--point-white);border-color:var(--point-white);}
		.main_product .swiper_arw:hover:before{border-color:var(--black-color00);}

		.main_bnr .bnr_box:hover .txt{bottom:59px;}
		.main_bnr .bnr_box:hover .img_box:before{opacity:0;}
		.main_bnr .bnr_box:hover:before{opacity:1;}
		.main_bnr .bnr_box.on:hover:before{opacity:0;}
		.main_bnr .bnr_box:hover .main_btn_box{margin-top:73px;transform:translateY(0);opacity:1;}

		.main_bnr .bnr_box.on .img_box:before{opacity:0;}
		.main_bnr .bnr_box.on .txt{bottom:59px;}
		.main_bnr .bnr_box.on .main_btn_box{margin-top:73px;transform:translateY(0);opacity:1;}
		.main_bnr .bnr_box.active:before{opacity:0.6;}
	}

	@media only screen and (max-width:1600px){
		/*visual*/
			.main_visual .prd{right:4%;width:40%;}
			.main_visual .slick-slide[data-slick-index = '1'] .prd{right:4%;}

	}
	@media only screen and (max-width:1500px){
		/*공통*/
			.cir_more span{font-size:16px;}

		/*product*/	
			.main_product .main_w_custom:before{right:40px;}
			.main_product .active_box > span{font-size:18px;}
			.main_product .info .name{font-size:20px;}
			.main_product .info .des{margin-top:15px;}

			.main_product .swiper-slide.swiper-slide-active .thumb:before{width:110px;height:110px;}
			.main_product .swiper-slide-active .info .name{font-size:32px;}
			.main_product .swiper-slide-active .info .des{font-size:20px;}
			.main_product .swiper-slide-active .active_box > span{padding-left:60px;right:-40px;top:20px;}
			.main_product .swiper-slide-active .cir_more{width:80px;height:80px;}

		/*cs*/
			.main_cs .img_box .img{height:400px;}
			.main_cs .img_box .img .txt{padding:0 0 40px 20px;}

	}
	@media only screen and (max-width:1300px){
		/*visual*/
			.main_visual .txt_box p{font-size:18px;}
			.scroll_down{right:10px;}
			#wrap .main_visual .slick-slide.main_bnr2 .thumb {background-position:right 15% center;}

		/*about*/
			.main_about .txt_box{padding:0 30px 0 50px;}

		/*banner*/
			.main_bnr .bnr_box .txt{left:40px;}
	}
	@media only screen and (max-width:1200px){
		/*visual*/
			#wrap .main_visual .slick-slide.main_bnr2 .thumb {background-position:right 30% center;}

		/*about*/
			.main_about .main_w_custom:before{top:136px;}
			.main_about .main_w_custom:after{width:150px;height:150px;border-width:30px;top:101px;right:-61px;}

		/*partner*/
			.main_partner .tit span{font-size:20px;}
			.main_partner .tit p{font-size:18px;}
			.main_partner .partner_box .swiper-slide{width:20%;}
	}
	@media only screen and (max-width:1024px){
		#fullpage{overflow:hidden;}

		/*visual*/
			.main_visual .txt_box{top:25%;}
			.main_visual .prd{top:57%;width:50%;}
			.main_visual .slick-slide[data-slick-index = '1'] .prd{top:56%;}
			#wrap .main_visual .slick-slide .thumb {background-position:right 12% center;}
			#wrap .main_visual .slick-slide.main_bnr2 .thumb {background-position:right 45% center;}

			.visual_btn_wrap{bottom:30px;}
			.visual_btn_wrap .control_box{justify-content: center;}

			.scroll_down{display: none;}

		/*공통*/
			.main_title span{font-size:20px;}
			.main_title h3{margin-top:24px;}
			.main_title p{font-size:18px;margin-top:22px;}

			.main_btn_box{margin-top:50px;}
			.btn_more{font-size:18px;width:150px;height:60px;}

		/*about*/
			.main_about{padding:0 0 120px;}
			.main_about .txt_box{width:100%;padding:40px 30px 0;}

			.main_about .img_box{width:100%;overflow:hidden;padding-bottom:51%;}
			.main_about .img_box:before{display: none;}	
			.main_about .img_box.aos-animate:after{width:0;opacity:0;}

		/*product*/
			.main_product{padding:100px 0;}
			.main_product .main_w_custom{padding:0;}
			.main_product .prd_box{width:100%;transform:none;margin-top:40px;}
			.main_product .swiper-slide{padding:0;}
			.main_product .swiper-slide .thumb:before{top:6%;}
			.main_product .cir_more{right:14%;}
			.main_product .swiper-button-prev{left:0;}
			.main_product .swiper-button-next{right:0;}

			.main_product .swiper-slide.swiper-slide-active .thumb{width:60%;}
			.main_product .swiper-slide.swiper-slide-active .thumb .img{width:100%;padding-bottom:100%;}
			.main_product .swiper-slide-active .active_box > span{top:9%;right:0;padding-left:91px;}
			.main_product .swiper-slide-active .info{width:100%;}

		/*banner*/
			.main_bnr .bnr_box{width:100%;height:auto;display: flex;align-items: center;padding:80px 30px;}
			.main_bnr .bnr_box .img_box{position: absolute;top:0;left:0;}
			.main_bnr .bnr_box:nth-child(1) .img_box{background:url('../images/skin/m_main_bnr01.jpg')no-repeat center;background-size:cover;}
			.main_bnr .bnr_box:nth-child(2) .img_box{background:url('../images/skin/m_main_bnr02.jpg')no-repeat center;background-size:cover;}
			.main_bnr .bnr_box:nth-child(3) .img_box{background:url('../images/skin/m_main_bnr03.jpg')no-repeat center;background-size:cover;}
			.main_bnr .bnr_box .txt{position: static;}
			.main_bnr .main_btn_box{transform:none;opacity:1;margin-top:40px;}
			
		/*partner*/
			.main_partner{padding:80px 0;}
			.main_partner .tit h3{margin:20px 0;}

		/*cs*/
			.main_cs{padding:100px 0;}
			.main_cs .main_title{width:100%;padding:0;margin:0;}
			.main_cs .img_box{width:80%;margin-top:40px;}
			.main_cs .img_box .img{height:0;padding-bottom:53%;}
			.main_cs .img_box .img .txt{position: absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:0 20px 30px;}
	}
	@media only screen and (max-width:860px){
		/*visual*/
			#wrap .main_visual .slick-slide .thumb {background-position:right 18% center;}
			#wrap .main_visual .slick-slide.main_bnr2 .thumb {background-position:right 47% center;}

		/*cs*/
			.main_cs .img_box{width:100%;}	
			.main_cs .img_box .img{width:calc(50% - 10px);}
			.main_cs .img_box .img + .img{margin:45px 0 0 20px;}
	}
	@media only screen and (max-width:640px){
		/*visual*/
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:80vh;}
			.main_visual .txt_box{top:15%;}
			.main_visual .txt_box p{font-size:16px;margin-top:28px;}
			.main_visual .txt_box p br{display: none;}
			.main_visual .prd{top:54%;width:66%;}
			.main_visual .slick-slide[data-slick-index = '1'] .prd{top:51%;}

		/*공통*/
			.main_title span{font-size:18px;}
			.main_title h3{margin-top:16px;}
			.main_title p{font-size:16px;margin-top:20px;}

			.main_btn_box{margin-top:35px;}
			.btn_more{font-size:16px;width:130px;height:50px;}

			.cir_more{width:80px;height:80px;}

		/*about*/
			.main_about{padding:0 0 80px;}
			.main_about .txt_box{padding:30px 15px 0;}
			.main_about .img_box p{font-size:55px;bottom:-12px;}

		/*product*/
			.main_product{padding:75px 0;}
			.main_product .main_w_custom:before{width:74px;height:54px;top:20px;right:20px;}
			.main_product .active_box > span{font-size:16px;}
			.main_product .swiper_arw{width:44px;height:44px;top:38%;}
			.main_product .swiper_arw:before{width:7px;height:7px;}
			.main_product .info .des{margin-top:10px;}

			.main_product .swiper-slide.swiper-slide-active .thumb{width:72%;;}
			.main_product .swiper-slide-active .active_box > span{padding-left:48px;}
			.main_product .swiper-slide-active .info .name{font-size:28px;}
			.main_product .swiper-slide-active .info .des{font-size:18px;}

		/*banner*/
			.main_bnr .bnr_box{padding:55px 15px;}
			.main_bnr .bnr_box .txt dl dd{margin-top:5px;}
			.main_bnr .main_btn_box{margin-top:20px;}

		/*partner*/
			.main_partner{padding:60px 0;}
			.main_partner .tit span{font-size:16px;}
			.main_partner .tit p{font-size:16px;}
			.main_partner .partner_box{margin-top:40px;}
			.main_partner .partner_container{padding:10px 0;}

		/*cs*/
			.main_cs{padding:80px 0;}
	}
	@media only screen and (max-width:500px){
		/*visual*/
			.main_visual .txt_box p{font-size:14px;margin-top:16px;}
			.main_visual .prd{top:50%;width:75%;}
			.main_visual .slick-dots li{width:50px;}
			#wrap .main_visual .slick-slide .thumb {background-position:right 24% center;}
			#wrap .main_visual .slick-slide.main_bnr2 .thumb {background-position:right 44.5% center;}

		/*공통*/
			.main_title span{font-size:15px;}
			.main_title h3{margin-top:10px;}
			.main_title p{font-size:14px;margin-top:12px;}
			.main_title p br{display: none;}

			.main_btn_box{margin-top:25px;}
			.btn_more{font-size:14px;width:110px;height:40px;}

			.cir_more{width:64px;height:64px;}
			.cir_more span{font-size:14px;}

		/*about*/
			.main_about{padding:0 0 65px;}
			.main_about .img_box{padding-bottom:64%;}
			.main_about .img_box p{font-size:35px;bottom:-6px;}

		/*product*/
			.main_product{padding:50px 0 70px;}
			.main_product .main_w_custom:before{width: 59px;height: 42px;top: 20px;right: 5px;}
			.main_product .active_box > span{font-size:14px;}
			.main_product .swiper_arw{top:30%;}
			.main_product .cir_more{right:4%;}
			.main_product .info{margin-top:22px;}
			.main_product .info .des{margin-top:6px;}

			.main_product .swiper-slide.swiper-slide-active .thumb:before{width:60px;height:60px;}
			.main_product .swiper-slide-active .active_box > span{right:-22px;padding-left:30px;}
			.main_product .swiper-slide-active .cir_more{width:60px;height:60px;}
			.main_product .swiper-slide-active .info .name{font-size:20px;}
			.main_product .swiper-slide-active .info .des{font-size:15px;}			
		
		/*banner*/
			.main_bnr .bnr_box{padding:40px 15px;}

		/*partner*/
			.main_partner .partner_box .swiper-slide{width:30%;}

		/*cs*/
			.main_cs{padding:60px 0;}
			.main_cs .img_box{margin-top:30px;}
			.main_cs .img_box .img{width:100%;}
			.main_cs .img_box .img + .img{margin:20px 0 0 0;}
		
	}
	@media only screen and (max-width:320px){
		/*visual*/
			.main_visual .txt_box p{font-size:12px;}	
	}