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

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

───────────────────────────────────────────────────────────*/
	.clear, .after_div {*zoom:1;}
	.clear:after, .after_div:after {content:"";display:block;clear:both;}
	.fl {float:left;}
	.fr {float:right;}
	.clear_fl {clear:both;float:left;}
	/* display type */
	.db {display:block;}
	.dn {display:none;}
	.di {display:inline-block;}
	.dt {display:table;table-layout:fixed;margin:0 auto;width:100%;box-sizing:border-box;border-collapse:collapse;}
	.dr {display:table-row;}
	.dc {display:table-cell;}
	/* hidden type */
	.blind {width:0;height:0;text-indent:-9999999px}
	.opacityhidden {opacity:0;}
	/* position type */
	.relative {position:relative;}
	.absolute {position:absolute;}
	/*** align type ***/
	.ta_left {text-align:left !important;}
	.ta_center {text-align:center !important;}
	.ta_right {text-align:right !important;}
	.va_top {vertical-align:top !important;}
	.va_middle {vertical-align:middle !important;}
	.va_bottom {vertical-align:bottom !important;}
	
	.main_w_custom{width:1700px;margin:0 auto;box-sizing:border-box;}
	
	@media only screen and (max-width:1717px) {
		.main_w_custom{width:100%;padding:0 15px;}
	}

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

	 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:fixed;top:0;left:0;width:100%;background:#fff;z-index:10;}
	#header .hd_box{position: relative;}
	#header .hd_box:after{clear:both;content:"";display: block;}
	#header .hd_logo{display: inline-block;padding:60px 0;position: relative;z-index:2;transition:all 0.5s;}
	#header .hd_logo a{display: block;width:100%;height:100%;}
	#header .hd_lnb{display: inline-block;vertical-align: top;width:100%;position: absolute;top:0;left:50%;transform:translate(-50%);z-index:1;}
	#header .hd_lnb > ul{font-size:0;text-align: center;}
	#header .hd_lnb > ul > li{display: inline-block;box-sizing:border-box;vertical-align: top;line-height:144px;transition:all 0.5s;position: relative;}
	#header .hd_lnb > ul > li + li{margin-left:69px;}
	#header .hd_lnb > ul > li > a{font-size:18px;color:#000;font-weight:600;text-transform:uppercase;}
	#header .hd_lnb > ul > li:hover > a, #header .hd_lnb > ul > li.on > a{color:#f39800;}
	#header .hd_lnb .hd_lnb_dep2{display: none;position: absolute;top:70%;left:50%;transform:translate(-50%);background:#fff;min-width:164px;box-sizing:border-box;border-radius:10px;padding:10px 15px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);}
	#header .hd_lnb .hd_lnb_dep2 li{line-height:initial;}
	#header .hd_lnb .hd_lnb_dep2 li + li{margin-top:15px;}
	#header .hd_lnb .hd_lnb_dep2 li a{font-size:16px;color:#555;font-weight:500;}
	#header .hd_lnb .hd_lnb_dep2 li:hover a{color:#000;font-weight:700;}
	#header .hd_gnb{display: inline-block;vertical-align: top;float: right;position: relative;z-index:2;margin-top:55px;margin-right:2px;transition:all 0.5s;}
	#header .hd_gnb .multi_lang{display: inline-block;vertical-align: middle;font-size:0;}
	#header .hd_gnb .multi_lang li{display: inline-block;vertical-align: top;}
	#header .hd_gnb .multi_lang li + li{margin-left:15px;}
	#header .hd_gnb .multi_lang li a{font-size:13px;color:#888;font-weight:500;}	
	#header .hd_gnb .multi_lang li.on a{color:#000;}
	#header .hd_gnb > a{display: inline-block;vertical-align: middle;margin-left:28px;}
	#header .btn_cate{display: inline-block;vertical-align: middle;margin-left:27px;}
	#header .btn_cate a{display: block;width:30px;height:22px;position: relative;}
	#header .btn_cate a span{display: inline-block;width:100%;height:2px;background:#000;position: absolute;left:0;}	
	#header .btn_cate a span:nth-child(1){top:0;}
	#header .btn_cate a span:nth-child(2){top:calc(50% - 1px);}
	#header .btn_cate a span:nth-child(3){bottom:0;}

	/*fix*/
		#header.fix{-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);box-shadow: 0 1px 3px rgba(0, 0, 0, .12);top:0;}
		#header.fix .hd_logo{padding:40px 0;transition:all 0.5s;}
		#header.fix .hd_lnb > ul > li{line-height:110px;transition:all 0.5s;}
		#header.fix .hd_gnb{margin-top:38px;transition:all 0.5s;}

	@media only screen and (max-width:1300px){
		#header .hd_lnb > ul > li + li{margin-left:36px;}
		#header .hd_lnb > ul > li > a{font-size:16px;}
	}
	@media only screen and (max-width:1000px){
		#header .hd_logo{padding:35px 0;}
		#header .hd_lnb{display: none;}
		#header .hd_gnb{margin-top:35px;}

		/*fix*/
			#header.fix .hd_logo{padding:25px 0;}
			#header.fix .hd_gnb{margin-top:22px;}
	}
	@media only screen and (max-width:500px){
		#header .hd_box{height:70px;}
		#header .hd_logo{width:115px;padding:26px 0 0 0;}
		#header .hd_gnb{margin-top:24px;margin-right:0;}
		#header .hd_gnb .multi_lang li + li{margin-left:12px;}
		#header .hd_gnb .multi_lang li a{font-size:12px;}
		#header .hd_gnb > a{width:20px;margin-left:10px;}
		#header .btn_cate{margin-left:10px;}
		#header .btn_cate a{width:24px;height:18px;}

		/*fix*/
			#header.fix .hd_box{height:60px;}
			#header.fix .hd_logo{padding:19px 0 0 0;}
			#header.fix .hd_gnb{margin-top:18px;}
	}

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

	 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:99;}
	#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:50;position:fixed;display:none;}
	.aside_bg.on {opacity:1;display:block;}
	#aside .aside_box {width:100%;height:100%;margin:0;padding:50px 20px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;}
	#aside .aside_top{position: relative;}
	#aside .aside_box .aside_logo {display: inline-block;}
	#aside .aside_box .aside_logo a {display:block;}
	#aside .aside_box .aside_logo img{height:100%;}
	#aside .aside_box .btn_aside_close {position:absolute;width:24px;height:24px;right:0;top:5px;cursor:pointer;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width: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:#f39800;border:1px solid #f39800}
	#aside .aside_top .aside_gnb li:nth-child(2) a{color:#fff;}

	#aside .slidemenu{margin-top:40px;}
	#aside .slidemenu .depth1_li{position: relative;}
	#aside .slidemenu .depth1_a{font-size:20px;color:#333;font-weight:500;display: block;width:100%;line-height:50px;}
	#aside .slidemenu .depth1_li.on .depth1_a{color:#f39800;font-weight:700;}
	#aside .slidemenu .icons{width:50px;height:50px;position: absolute;top:0;right:0;cursor:pointer;}
	#aside .slidemenu .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 .slidemenu .depth1_li.on .icons:before{border-color:#f39800;transform:translate(0, -37%) rotate(-45deg)}
	#aside .slidemenu .depth{width:100%;box-sizing:border-box;border-radius:10px;background:#f5f5f5;padding:10px 15px 20px;display: none;}
	#aside .slidemenu .depth2_li{}
	#aside .slidemenu .depth2_li a{font-size:16px;color:#666;font-weight:400;line-height:35px;}

	@media only screen and (max-width:500px){
		#aside{width:80%;right:-80%;}	
		#aside .aside_box{padding:30px 15px 50px;}
		#aside .aside_box .aside_logo a{height:20px;}
		#aside .aside_box .btn_aside_close{width:20px;height:20px;top:0;}
		#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 .slidemenu{margin-top:30px;}
		#aside .slidemenu .depth1_a{font-size:18px;line-height:40px;}
		#aside .slidemenu .icons{width:40px;height:40px;}
		#aside .slidemenu .icons:before{width:8px;height:8px;}
		#aside .slidemenu .depth2_li a{font-size:14px;line-height:28px;}
	}
	
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{box-sizing:border-box;background:#111;padding-bottom:68px;}
	#footer .main_w_custom{font-size:0;}
	#footer .main_w_custom:after{clear:both;content:"";display: block;}
	#footer .btn_top{clear:both;text-align: right;padding-bottom:38px;}	
	#footer .btn_top span{font-size:0;display: inline-block;width:40px;height:40px;position: relative;box-sizing:border-box;cursor:pointer;background:#f39800;}
	#footer .btn_top span:before{width:8px;height:8px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;position: absolute;top:50%;left:50%;transform:translate(-50%, -24%) rotate(-45deg);}

	#footer .ft_info, #footer .ft_nav{display: inline-block;box-sizing:border-box;vertical-align: top;}
	#footer .ft_info .ft_logo{display: inline-block;vertical-align: middle;opacity:0.8;}
	#footer .ft_info .ft_sns{display: inline-block;vertical-align:bottom;font-size:0;margin-left:40px;}
	#footer .ft_info .ft_sns li{display: inline-block;vertical-align: middle;opacity:0.5;}
	#footer .ft_info .ft_sns li + li{margin-left:20px;}	
	#footer .ft_info .info_box{margin-top:30px;width:calc(100% + 22px);margin-left:-11px;}
	#footer .ft_info .info_box span{display: inline-block;vertical-align: top;font-size:14px;color:#ccc;font-weight:400;font-family:'Pretendard';line-height:30px;letter-spacing:0;margin:0 11px}
	#footer .ft_info .info_box span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
	#footer .ft_info .ft_gnb{font-size:0;margin-top:27px;}
	#footer .ft_info .ft_gnb li{display: inline-block;vertical-align: top;position: relative;}
	#footer .ft_info .ft_gnb li + li{}
	#footer .ft_info .ft_gnb li + li:before{width:1px;height:10px;content:"";background:#fff;display: inline-block;vertical-align:baseline;margin:0 14px;}
	#footer .ft_info .ft_gnb li a{font-size:14px;color:#ccc;font-weight:400;}
	#footer .ft_info .ft_gnb li a strong{font-size:inherit;color:#fff;font-weight:inherit;}
	#footer .ft_info .copy{font-size:14px;color:rgba(204, 204, 204, 0.7);font-weight:400;font-family:'Pretendard';text-transform:uppercase;margin-top:38px;letter-spacing:0;}
	#footer .ft_info .copy a{display: inline-block;vertical-align: top;margin-left:54px;text-transform:none;font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}

	#footer .ft_nav{float: right;padding-right:130px;margin-top:-5px;}
	#footer .ft_nav .ft_lnb{font-size:0;}	
	#footer .ft_nav .ft_lnb > li{display: inline-block;vertical-align: top;position: relative;}
	#footer .ft_nav .ft_lnb > li + li{margin-left:81px;}
	#footer .ft_nav .ft_lnb > li > a{font-size:18px;color:#fff;font-weight:600;font-family:'Pretendard';}
	#footer .ft_nav .ft_lnb > li .ft_icon{display: none;}
	#footer .ft_nav .ft_lnb > li:hover > a{color:#f39800;}
	#footer .ft_nav .ft_lnb .ft_lnb_dep2{margin-top:13px;}
	#footer .ft_nav .ft_lnb > li .ft_lnb_dep2 li a{font-size:14px;color:#aaa;font-weight:300;line-height:36px;font-family:'Pretendard';}
	#footer .ft_nav .ft_lnb > li .ft_lnb_dep2 li:hover a{color:#fff;text-decoration:underline;}

	@media only screen and (max-width:1450px){
		#footer .ft_nav{padding-right:0;}
		#footer .ft_nav .ft_lnb > li + li{margin-left:50px;}
	}
	@media only screen and (max-width:1200px){
		#footer .ft_info, #footer .ft_nav{display:block;width:100%;}
		#footer .ft_nav{float:none;display: block;}
		#footer .ft_info{margin-top:50px;}
	}
	@media only screen and (max-width:800px){
		#footer .ft_nav .ft_lnb > li + li{margin-left:30px;}
	}
	@media only screen and (max-width:640px){
		#footer .btn_top{padding-bottom:25px;margin-right:-15px;}

		#footer .ft_nav{display: none;}
		#footer .ft_nav .ft_lnb > li{display: block;}
		#footer .ft_nav .ft_lnb > li + li{margin:20px 0 0 0;}
		#footer .ft_nav .ft_lnb > li > a{display: block;width:100%;}
		#footer .ft_nav .ft_lnb > li:hover > a{color:#fff;}
		#footer .ft_nav .ft_lnb > li.on > a{color:#f39800}
		#footer .ft_nav .ft_lnb > li .ft_icon{display: block;width:20px;height:20px;position: absolute;top:0;right:0;cursor:pointer;}
		#footer .ft_nav .ft_lnb > li .ft_icon:before{width:8px;height:8px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;position: absolute;top:50%;left:50%;transform:translate(-50%, -87%) rotate(135deg);}
		#footer .ft_nav .ft_lnb > li.on .ft_icon:before{border-color:#f39800;transform:translate(-50%, -26%) rotate(-45deg);}
		#footer .ft_nav .ft_lnb .ft_lnb_dep2{display: none;}
		#footer .ft_nav .ft_lnb > li .ft_lnb_dep2 li:hover a{color:#aaa;text-decoration:none;}

		#footer .ft_info{margin-top: 0;}
		#footer .ft_info .copy a{display: block;margin:20px 0 0 0;}
	}
	@media only screen and (max-width:500px){
		#footer{padding-bottom:30px;}
		#footer .ft_nav .ft_lnb .ft_lnb_dep2{margin-top:5px;}
		#footer .ft_nav .ft_lnb > li .ft_lnb_dep2 li a{font-size:13px;line-height:28px;}

		#footer .ft_info .ft_logo{height:25px;}
		#footer .ft_info .ft_logo img{height:100%;}
		#footer .ft_info .ft_sns{display: block;margin:20px 0 0 0;}
		#footer .ft_info .info_box{margin-top:20px;width:calc(100% + 10px);margin-left:-5px;}
		#footer .ft_info .info_box span{font-size:12px;line-height:22px;margin:0 5px;}
		#footer .ft_info .ft_gnb{margin-top:20px;}
		#footer .ft_info .ft_gnb li + li:before{margin:0 9px;}
		#footer .ft_info .ft_gnb li a{font-size:12px;}
		#footer .ft_info .copy{font-size:12px;margin-top:25px;}
		#footer .ft_info .copy a{margin-top:5px;}
	}

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

	 MAIN | index.html

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

	.main {width:100%;overflow:hidden;}
	.main .w_set {width:100%;box-sizing:border-box;max-width:1260px;padding:0;margin:0 auto;}
	.main .tit {display:block;font-size: 40px;line-height: 1;color: #333;text-align:center;margin-top: 3em;margin-bottom: 2em;}

	.main .btn_more {display: inline-block;padding: 21px 29px;position: relative;vertical-align: middle;font-size: 16px;line-height: 1;border: 1px solid transparent;border-radius: 0px;background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1);border:1px solid #333;background:#fff;}
	.main .btn_more span {position: relative;color:#333;transition:all .2s;}
	.main .btn_more:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden;background:#333;}
	.main .btn_more:hover span {color:#fff;}
	.main .btn_more:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

	/*intro*/
		.main_intro_txt{margin-top:90px;margin-bottom:78px;}
		.main_intro_txt h2{font-size:100px;color:#000;font-weight:400;letter-spacing:-1px;}
		.main_intro_txt h2 strong{font-size:inherit;color:inherit;font-weight:700;text-transform:uppercase;}
		.main_intro_txt p{font-size:30px;color:#000;font-weight:400;margin-top:23px;letter-spacing:-0.6px;}
		
	/* visual */
		.main_visual {position:relative;width:100%;margin:0;height:940px;background:#000;}
		.main_visual .swiper-slide {overflow:hidden;position:relative;text-align:center;height:100%;}
		.main_visual .swiper-slide a {display:inline-block;height:100%;width:100%;max-width:1920px;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;background-position:center;background-size:cover !important;transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity:.8;}
		.main_visual .swiper-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
		.main_visual .txt_box {width:auto;text-align:center;position:absolute;font-size:0;bottom:49px;right:100px;}
		.main_visual .txt_box p{display:block;text-align:center;font-size:80px;color:#fff;font-weight:300;font-family:'GmarketSans';text-transform:uppercase;letter-spacing:0.2px;opacity:0;}
		.main_visual .txt_box span {font-size:inherit;color:inherit;font-weight:700;display:inline-block;font-family:inherit;transform:translateY(100px);opacity:0;}
		/*타입 A*/
			.main_visual .visual_btn_wrap.type_A {position:absolute;left:102px;bottom:70px;width:auto;z-index:10;}
			.main_visual .visual_btn_wrap.type_A .control_box {font-size:0;}
			.main_visual .visual_btn_wrap.type_A .control_box .play_btn_box{position: relative;width:40px;height:40px;display: inline-block;box-sizing:border-box;vertical-align: top;border-radius:100%;background:rgba(0,0,0,0.4);margin-left:10px;}
			.main_visual .visual_btn_wrap.type_A .control_box .play_btn_box button{font-size:0;width:100%;height:100%;}
			/*재생, 정지버튼*/
			.main_visual .visual_btn_wrap.type_A .control_box #pause {background:url('../images/skin/visual-pause.png') no-repeat center;}
			.main_visual .visual_btn_wrap.type_A .control_box #play{width:6px;height:15px;content:"";border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:none;border-left: 10px solid #fff;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
			/*카운팅*/
			.main_visual .visual_btn_wrap.type_A .swiper-pagination-fraction{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:16px;color:rgba(255,255,255,0.6);font-weight:400;width:100px;height:40px;border-radius:20px;background:rgba(0,0,0,0.4);z-index:20;line-height:40px;position: relative;top:0;left:0;font-family:'Pretendard';letter-spacing:0.5px;}
			.main_visual .visual_btn_wrap.type_A .swiper-pagination-fraction .swiper-pagination-current{display: inline-block;vertical-align: top;font-size:inherit;color:#fff;font-weight:inherit;font-family:inherit;} 
			.main_visual .visual_btn_wrap.type_A .swiper-pagination-fraction .swiper-pagination-total{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
		/* visual active */
			.main_visual .swiper-slide-active a {transform:scale(1) rotate(0.003deg);opacity:1;}
			.main_visual .swiper-slide-active .txt_box p{opacity:1;transition:all 1s;transition-delay:0.8s;}
			.main_visual .swiper-slide-active .txt_box span{transform:translate(0);opacity:1;transition:all 0.8s;}
			.main_visual .swiper-slide-active .txt_box span:nth-child(1){transition-delay:1.2s;}
			.main_visual .swiper-slide-active .txt_box span:nth-child(2){transition-delay:1.4s;}
			.main_visual .swiper-slide-active .txt_box span:nth-child(3){transition-delay:1.6s;}
			.main_visual .swiper-slide-active .txt_box span:nth-child(4){transition-delay:1.8s;}

		@media only screen and (max-width:1250px) {		
			.main_intro_txt{margin-top:60px;margin-bottom:58px;}
			.main_intro_txt h2{font-size:74px;}
			.main_intro_txt p{font-size:26px;}

			.main_visual{height:90vh;}
			.main_visual .txt_box{bottom:30px;right:50px;}
			.main_visual .txt_box p{font-size:70px;}

			.main_visual .visual_btn_wrap.type_A{left:50px;bottom:45px;}
		}
		@media only screen and (max-width:1000px) {		
			.main_visual .txt_box p{font-size:55px;}
		}
		@media only screen and (max-width:800px) {		
			.main_intro_txt h2{font-size:60px;}

			.main_visual .visual_btn_wrap.type_A{left:auto;right:50px;bottom:110px;}

		}
		@media only screen and (max-width:640px) {		
			.main_intro_txt{margin-top:35px;margin-bottom:40px;}
			.main_intro_txt h2{font-size:50px;}
			.main_intro_txt p{font-size:22px;margin-top:8px;}

			.main_visual{height:55vh;}
			.main_visual .visual_btn_wrap.type_A{right:20px;bottom:80px;}
			.main_visual .visual_btn_wrap.type_A .swiper-pagination-fraction{font-size:14px;width:80px;height:30px;line-height:30px;}
			.main_visual .visual_btn_wrap.type_A .control_box .play_btn_box{width:30px;height:30px;}
			.main_visual .visual_btn_wrap.type_A .control_box #pause{background-size:auto 35%;}
			.main_visual .visual_btn_wrap.type_A .control_box #play{border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right:none;border-left: 8px solid #fff;transform: translate(-30%, -50%);}
			.main_visual .txt_box{right:20px;}
			.main_visual .txt_box p{font-size:40px;}
		}
		@media only screen and (max-width:500px) {		
			.main_intro_txt{margin-top:20px;margin-bottom:30px;}
			.main_intro_txt h2{font-size:40px;}
			.main_intro_txt p{font-size:18px;}

			.main_visual .txt_box p{font-size:28px;}
		}

		
	/*main product*/
		.main_prd{margin-top:180px;}
		.main_prd .list_Galleryform ul{width:100%;font-size:0;}
		.main_prd .list_Galleryform ul li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(33.3333% - 37px);}
		.main_prd .list_Galleryform ul li + li{margin-left:55px;}
		.main_prd .list_Galleryform ul li:nth-of-type(2){margin-top:100px;}
		.main_prd .list_Galleryform ul li .thumb{width:100%;height:0;padding-bottom:100%;overflow:hidden;position: relative;border-radius:10px;}
		.main_prd .list_Galleryform ul li .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_prd .list_Galleryform ul li .info{margin:25px 0 0 10px;}
		.main_prd .list_Galleryform ul li .info .cate{font-size:18px;color:#888;font-weight:400;letter-spacing:-0.3px;}
		.main_prd .list_Galleryform ul li .info .name{font-size:22px;color:#111;font-weight:600;line-height:30px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;margin-top:14px;letter-spacing:-0.6px;}

		@media only screen and (max-width:1400px) {		
			.main_prd .list_Galleryform ul li{width:calc(33.3333% - 20px);}
			.main_prd .list_Galleryform ul li + li{margin-left:30px;}
			.main_prd .list_Galleryform ul li:nth-of-type(2){margin-top:80px;}
		}
		@media only screen and (max-width:1000px) {		
			.main_prd{margin-top:100px;}
			.main_prd .list_Galleryform ul li .info{margin-top:15px;}
			.main_prd .list_Galleryform ul li .info .cate{font-size:16px;}
			.main_prd .list_Galleryform ul li .info .name{font-size:20px;line-height:26px;margin-top:5px;}
		}
		@media only screen and (max-width:850px) {		
			.main_prd .list_Galleryform ul li{width:calc(33.3333% - 14px);}
			.main_prd .list_Galleryform ul li + li{margin-left:21px;}
			.main_prd .list_Galleryform ul li:nth-of-type(2){margin-top:60px;}
			.main_prd .list_Galleryform ul li .info .cate{font-size:14px;}
			.main_prd .list_Galleryform ul li .info .name{font-size:18px;}
		}
		@media only screen and (max-width:640px) {		
			.main_prd .list_Galleryform ul li{width:100%;}
			.main_prd .list_Galleryform ul li + li,
			.main_prd .list_Galleryform ul li:nth-of-type(2){margin:30px 0 0 0;}
			.main_prd .list_Galleryform ul li a{display:flex;width:100%;align-items:center;}
			.main_prd .list_Galleryform ul li a:after{clear:both;content:"";display: block;}
			.main_prd .list_Galleryform ul li .thumb{width:50%;padding-bottom:50%;}
			.main_prd .list_Galleryform ul li .info{margin:0 0 0 20px;}
			.main_prd .list_Galleryform ul li .info .cate{font-size:18px;}
			.main_prd .list_Galleryform ul li .info .name{font-size:22px;margin-top:10px;}
			
			.main_prd .list_Galleryform ul li:nth-of-type(2) a{flex-direction:row-reverse;}
			.main_prd .list_Galleryform ul li:nth-of-type(2) .info{margin:0 20px 0 0;}
		}
		@media only screen and (max-width:500px) {		
			.main_prd{margin-top:60px;}
			.main_prd .list_Galleryform ul li .info{margin:0 0 0 15px;}
			.main_prd .list_Galleryform ul li:nth-of-type(2) .info{margin:0 15px 0 0;}
			.main_prd .list_Galleryform ul li .info .cate{font-size:14px;}
			.main_prd .list_Galleryform ul li .info .name{font-size:18px;margin-top:5px;line-height:24px;}
		}	
		@media only screen and (max-width:330px) {		
			.main_prd .list_Galleryform ul li + li, .main_prd .list_Galleryform ul li:nth-of-type(2){margin:15px 0 0 0;}
			.main_prd .list_Galleryform ul li .info .cate{font-size:12px;}
			.main_prd .list_Galleryform ul li .info .name{font-size:16px;line-height:20px;}
		}

	/*흘러가는 텍스트*/
		.main_float_txt{margin-top:136px;}
		.main_float_txt .move_txt{position: relative;overflow:hidden;height:170px;}
		.main_float_txt .move_txt + .move_txt{margin-top:31px;}
		.main_float_txt .txt_box{position: absolute;width:100%;top:0;left:0;}
		.main_float_txt .txt2 .txt_box{left:auto;right:0;text-align: right;direction: rtl;}
		.main_float_txt .txt_box span{font-size:140px;text-transform: uppercase;white-space:nowrap;}
		.main_float_txt .txt1 span{color:#fff;font-weight:700;text-shadow : -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000}
		.main_float_txt .txt2 span{color:#000;font-weight:800;}
		.main_float_txt .txt3 span{color:#000;font-weight:300;}

		@media only screen and (max-width:1300px) {		
			.main_float_txt .move_txt{height:125px;}
			.main_float_txt .txt_box span{font-size:100px;}
		}
		@media only screen and (max-width:800px) {		
			.main_float_txt{margin-top:100px;}
			.main_float_txt .move_txt{height:110px;}
			.main_float_txt .txt_box span{font-size:90px;}
		}
		@media only screen and (max-width:640px) {		
			.main_float_txt{margin-top:80px;}
			.main_float_txt .move_txt{height:100px;}
			.main_float_txt .move_txt + .move_txt{margin-top:20px;}
			.main_float_txt .txt_box span{font-size:80px;}
		}
		@media only screen and (max-width:500px) {
			.main_float_txt{margin-top:60px;}
			.main_float_txt .move_txt{height:70px;}
			.main_float_txt .txt_box span{font-size:55px;}
		}

	/*와이드배너*/
		.main_wide_bnr{margin-top:151px;}
		.main_wide_bnr h3{font-size:40px;color:#111;font-weight:600;line-height:50px;letter-spacing:-0.8px;}
		.main_wide_bnr .img_box{width:100%;height:0;padding-bottom:35.3%;position: relative;overflow:hidden;margin-top:54px;}
		.main_wide_bnr .img_box img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

		@media only screen and (max-width:1200px) {
			.main_wide_bnr{margin-top:120px;}
			.main_wide_bnr h3{font-size:30px;line-height:40px;}	
			.main_wide_bnr .img_box{margin-top:40px;}
		}
		@media only screen and (max-width:850px) {
			.main_wide_bnr{margin-top:90px;}
			.main_wide_bnr h3{font-size:26px;line-height:30px;}	
			.main_wide_bnr h3 br{display: none;s}
			.main_wide_bnr .img_box{margin-top:30px;}
		}
		@media only screen and (max-width:640px) {
			.main_wide_bnr{margin-top:70px;}
			.main_wide_bnr h3{font-size:22px;line-height:24px;}	
			.main_wide_bnr .img_box{margin-top:10px;}
		}
		@media only screen and (max-width:500px) {
			.main_wide_bnr{margin-top:50px;}
			.main_wide_bnr h3{font-size:18px;line-height:20px;}	
		}

	/*main_bnr_box*/
		.main_bnr_box{font-size:0;margin-top:194px;}
		.main_bnr_box .txt_box, .main_bnr_box .img_box{display: inline-block;box-sizing:border-box;vertical-align: top;}
		.main_bnr_box .txt_box{width:43.6%;padding-right:100px;margin-top:81px;}
		.main_bnr_box .txt_box h3{font-size:60px;color:#000;font-weight:700;line-height:80px;}
		.main_bnr_box .txt_box p{font-size:26px;color:#888;font-weight:400;line-height:50px;margin-top:58px;}
		.main_bnr_box .img_box{font-size:0;width:56.4%;}
		.main_bnr_box .img_box .img{width:calc(50% - 40px);height:0;padding-bottom:62.6%;display: inline-block;box-sizing:border-box;vertical-align: top;border-radius:10px;overflow:hidden;position: relative;margin-top:158px;}
		.main_bnr_box .img_box .img:before{width:100%;height:100%;content:"";background:#f5f5f5;position: absolute;left:0;z-index:5;transition:height 0.8s;}
		.main_bnr_box .img_box .img:nth-child(1):before{bottom:0;}
		.main_bnr_box .img_box .img:nth-child(2):before{top:0;}
		.main_bnr_box .img_box .img.on:before{height:0;transition:height 0.8s;transition-delay:1s;}
		.main_bnr_box .img_box .img + .img{margin-left:80px;margin-top:0;}
		.main_bnr_box .img_box .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

		@media only screen and (max-width:1400px) {
			.main_bnr_box{margin-top:100px;}
			.main_bnr_box .txt_box{padding-right:60px;margin-top:40px;}
			.main_bnr_box .txt_box h3{font-size:46px;line-height:55px;}
			.main_bnr_box .txt_box p{font-size:22px;line-height:38px;}

			.main_bnr_box .img_box .img{margin-top:74px;width:calc(50% - 20px);}
			.main_bnr_box .img_box .img + .img{margin-left:40px;}
		}
		@media only screen and (max-width:1000px) {
			.main_bnr_box{margin-top:60px;}
			.main_bnr_box .txt_box{margin-top:0;padding-right:30px;}
			.main_bnr_box .txt_box h3{font-size:35px;line-height:40px;}
			.main_bnr_box .txt_box p{font-size:18px;line-height:30px;margin-top:25px;}

			.main_bnr_box .img_box .img{margin-top:40px;width:calc(50% - 10px);}
			.main_bnr_box .img_box .img + .img{margin-left:20px;}
		}
		@media only screen and (max-width:750px) {
			.main_bnr_box .txt_box, .main_bnr_box .img_box{display: block;width:100% !important;}
			.main_bnr_box .txt_box{padding-right:0;}
			.main_bnr_box .txt_box h3{font-size:28px;}
			.main_bnr_box .img_box{margin-top:45px;}
		}
		@media only screen and (max-width:500px) {
			.main_bnr_box .txt_box h3{font-size:18px;line-height:20px;}
			.main_bnr_box .txt_box p{font-size:15px;line-height:23px;margin-top:10px;}

			.main_bnr_box .img_box{margin-top:20px;}
		}

	/*main gallery*/
		.main_gallery{position: relative;margin-top:196px;}
		.main_gallery a{font-size:0;display: block;}
		.main_gallery .thumb, .main_gallery .txt{display: inline-block;box-sizing:border-box;vertical-align: top;} 
		.main_gallery .thumb{width:58.35%;height:0;padding-bottom:34.71%;border-radius:10px;overflow:hidden;position: relative;}
		.main_gallery .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_gallery .slick-arrow{width:50px;height:50px;box-sizing:border-box;border-radius:100%;background:#fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);position: absolute;top:calc(50% - 25px);font-size:0;z-index:10;}
		.main_gallery .slick-arrow:before{width:8px;height:8px;content:"";border:2px solid #333;border-width:2px 2px 0 0;position: absolute;top:20px;}
		.main_gallery .slick-prev{left:-25px;}
		.main_gallery .slick-prev:before{transform:rotate(-135deg);left:22px;}
		.main_gallery .slick-next{right:-25px;}
		.main_gallery .slick-next:before{transform:rotate(45deg);right:22px;}
		.main_gallery .slick-arrow:hover{background:#f39800;}
		.main_gallery .slick-arrow:hover:before{border-color:#fff;}
		.main_gallery .txt{width:41%;padding-left:70px;margin-top:80px;}
		.main_gallery .txt strong{font-size:40px;color:#111;font-weight:500;line-height:50px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;word-break:keep-all;}
		.main_gallery .txt p{font-size:20px;color:#888;font-weight:400;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden; line-height:30px;margin-top:36px;word-break:keep-all;}
		.main_gallery .txt span{display: inline-block;font-size:16px;color:#111;font-weight:500;font-family:'GmarketSans';margin-top:111px;border-bottom:1px solid #111;line-height:15px;}
		.main_gallery .board_li:hover .txt span{color:#f39800;border-color:#f39800;}

		@media only screen and (max-width:1400px) {
			.main_gallery{margin-top:140px;}
			.main_gallery .txt{width:39%;padding-left:30px;margin-top:40px;}
			.main_gallery .txt strong{font-size:34px;line-height:40px;}
			.main_gallery .txt p{font-size:18px;line-height:25px;margin-top:25px;}
			.main_gallery .txt span{font-size:14px;margin-top:60px;}
		}
		@media only screen and (max-width:1000px) {
			.main_gallery{margin-top:100px;}
			.main_gallery .thumb{width:54%;}
			.main_gallery .txt{width:43%;}
		}
		@media only screen and (max-width:800px) {
			.main_gallery .thumb, .main_gallery .txt{display: block;width:100% !important;}
			.main_gallery .thumb{padding-bottom:47%;}
			.main_gallery .txt{padding:0;}
			.main_gallery .txt strong{font-size:28px;line-height:34px;}
			.main_gallery .txt p{font-size:16px;line-height:23px;}
			.main_gallery .txt span{margin-top:40px;}
			.main_gallery .slick-arrow{top:25%;}
		}
		@media only screen and (max-width:640px) {
			.main_gallery .txt strong{font-size:24px;line-height:34px;}
			.main_gallery .txt p{font-size:14px;line-height:23px;}
			.main_gallery .board_li:hover .txt span{color:#111;border-color:#111;}

			.main_gallery .slick-arrow{width:40px;height:40px;}	
			.main_gallery .slick-arrow:before{top:15px;}
			.main_gallery .slick-prev{left:-12px;}
			.main_gallery .slick-prev:before{left:18px;}
			.main_gallery .slick-next{right:-12px;}
			.main_gallery .slick-next:before{right:18px;}
		}
		@media only screen and (max-width:500px) {
			.main_gallery{margin-top:70px;}
			.main_gallery .thumb{padding-bottom:58%;}
			.main_gallery .txt{margin-top:20px;}	
			.main_gallery .txt strong{font-size:18px;line-height:26px;}
			.main_gallery .txt p{font-size:13px;line-height:20px;margin-top:10px;}
			.main_gallery .slick-arrow{top:23%;}
			.main_gallery .txt span{margin-top:25px;font-size:12px;}
		}