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

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

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

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

	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1023px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		.w_custom, #contents_wrap{width:calc(100% - 30px);}
		#contents_wrap{padding-top:70px;}
		.sub_w_custom{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
	}
	@media only screen and (max-width:767px) {
		#contents_wrap #side_box {display:none;}
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}
	}
	@media only screen and (max-width:640px) {
			#contents_wrap #contents_box{padding-bottom:100px;}
			.sub_container #contents_wrap{margin-top:50px;padding-top:50px;}
	}
	@media only screen and (max-width:479px) {
		.sub_container #contents_wrap{margin-top:45px;padding-top:30px;}
	}
	@media only screen and (max-width:320px) {
		.w_custom, #contents_wrap{width:calc(100% - 20px);}
		.sub_w_custom{width:calc(100% - 20px);}
	}

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

	 intro

───────────────────────────────────────────────────────────*/
	.intro_content{}
	.intro_content *, .intro_footer *{font-family:'Exo 2', 'Pretendard', sans-serif;}
	.intro_w_custom{box-sizing:border-box;padding:0 140px;width:100%;position: relative;}
	.intro_hd{display: flex;align-items:center;justify-content: flex-end;position:absolute;width:100%;top:0;left:0;z-index:10;box-sizing:border-box;padding:50px 140px;}
	.intro_hd a{display: block;}
	.intro_hd a + a{margin-left:39px;}
	.intro_hd .logo1{width:184px;height:39px;background:url('../images/sub/intro_hd_logo01.png')no-repeat left center;background-size:auto 100%;}
	.intro_hd .logo2{width:191px;height:30px;background:url('../images/sub/intro_hd_logo02.png')no-repeat left center;background-size:auto 100%;}

	.intro_visual{width:100%;height:980px;box-sizing:border-box;background:url('../images/sub/intro_visual.jpg')no-repeat center;background-size:cover;padding-top:262px;}
	.intro_visual .txt:after{clear:both;content:"";display: block;}
	.intro_visual h1{font-size:60px;color:#fff;font-weight:400;letter-spacing:-0.03em;}
	.intro_visual h1 strong{display: block;font-size:130px;font-weight:600;line-height:1;letter-spacing:-0.03em;margin-top:7px;}
	.intro_visual h1 span{font-style: italic;}

	.intro_visual .des{float: right;vertical-align: top;margin-top:132px;padding-right:65px;}
	.intro_visual .des p{text-align: left;font-size:24px;color:#fff;font-weight:400;letter-spacing:-0.04em;line-height:1.5;font-family:'Pretendard', sans-serif;}	
	.intro_visual .des p + p{margin-top:34px;}
	
	.intro_visual .link{clear:both;padding-top:61px;}
	.intro_visual .link > div{position: relative;padding-right:20px;overflow:hidden;display: inline-block;cursor:pointer;}
	.intro_visual .link > div:after{width:10px;height:6px;content:"";background:url('../images/sub/intro_scroll.png')no-repeat center;position: absolute;right:0;top:11px;animation:scroll 1.5s ease-in Infinite;}
	@keyframes scroll{
		0%{top:-6px;}
		100%{top:36px;}
	}
	.intro_visual .link span{font-size:20px;color:rgba(255,255,255,0.8);font-weight:300;letter-spacing:0;}

	.intro_content .link_list{position: relative;box-sizing:border-box;width:1650px;margin:0 auto;margin-top:180px;margin-bottom:200px;}
	.intro_content .link_list > a{position: absolute;top:-180px;}	
	.intro_content .link_list .content{display: flex;flex-wrap:wrap;}
	.intro_content .link_list .content + .content{margin-top:120px;}
	.intro_content .link_list .title{width:250px;}
	.intro_content .link_list .title span{font-size:20px;color:#3078FB;font-weight:600;}
	.intro_content .link_list .title p{font-size:44px;color:#111;font-weight:600;letter-spacing:-0.03em;line-height:1.3;}	
	.intro_content .link_list .list{position: relative;box-sizing:border-box;width:calc(100% - 250px + 28px);margin-left:-14px;margin-right:-14px;display: flex;flex-wrap:wrap;padding-left:118px;}
	.intro_content .link_list .list li{margin:0 14px;position: relative;box-sizing:border-box;overflow:hidden;transition:all 0.5s;}
	.intro_content .link_list .list li:before{width:100%;height:100%;content:"";background:url('../images/sub/intro_ov_box.png')no-repeat center;background-size:cover;position: absolute;top:0;left:0;z-index:3;opacity:0;transition:all 0.5s;}
	.intro_content .link_list .list.list1n li{width:calc(100% - 28px);}
	.intro_content .link_list .list.list2n li{width:calc(50% - 28px);}
	.intro_content .link_list .list.list4n li{width:calc(25% - 28px);}

	.intro_content .link_list .list li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.intro_content .link_list .list li .thumb{width:100%;height:0;position:relative;overflow:hidden;}
	.intro_content .link_list .list.list1n li .thumb{padding-bottom: 23%;}
	.intro_content .link_list .list.list2n li .thumb{padding-bottom: 48%;}
	.intro_content .link_list .list.list4n li .thumb{padding-bottom: 100%;}
	.intro_content .link_list .list li .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:initial;}
	.intro_content .link_list .list li p{box-sizing:border-box;padding:0 20px;font-size:20px;color:#fff;font-weight:600;font-family:'Pretendard';position: absolute;bottom:20px;width:100%;opacity:0;transform:translateY(100px);transition:all 0.5s;z-index:4;}
	.intro_content .link_list .list li p:before{width:16px;height:12px;content:"";background:url('../images/sub/list_arw.png')no-repeat center;background-size:cover;position: absolute;right:20px;bottom:8px;}

	.intro_footer{display: flex;flex-wrap:wrap;}
	.intro_footer > div{box-sizing:border-box;width:50%;}
	
	.intro_footer .title{}
	.intro_footer .title dt{font-size:30px;color:#fff;font-weight:700;letter-spacing:-0.04em;text-transform:uppercase;display: flex;align-items: center;justify-content: space-between;position: relative;flex-wrap:wrap;}
	.intro_footer .title dt p{font-size:inherit;color:inherit;font-weight:inherit;}
	.intro_footer .title dt .sns{display: flex;align-items: center;background: #111;position: relative;padding-left:29px;}
	.intro_footer .title dt .sns li + li{margin-left:24px;}
	.intro_footer .title dt .sns li a{display: block;}
	.intro_footer .title dd{font-size:18px;color:rgba(255,255,255,0.8);font-weight:500;font-family:var(--font-family-type03);letter-spacing:-0.03em;margin-top:21px;}

	.intro_footer .ft_link{width:calc(100% + 30px);margin-left:-15px;display: flex;margin-top:32px;flex-wrap:wrap;}
	.intro_footer .ft_link li{width:120px;height:120px;box-sizing:border-box;border-radius:100%;background:rgba(255,255,255,0.1);margin:0 15px;position: relative;}
	.intro_footer .ft_link li a{display: flex;width:100%;height:100%;align-items: center;justify-content: center;position: absolute;top:0;left:0;text-align: center;}
	.intro_footer .ft_link li span{font-size:16px;color:#fff;font-weight:400;font-style:italic;}

	/*future*/
		.intro_footer .info_future{background:#111;padding:56px 80px 60px 140px;}
		.intro_footer .info_future dt:before{width:100%;height:1px;content:"";background:rgba(255,255,255,0.2);position: absolute;left:0;top:50%;}
		.intro_footer .info_future dt p{background: #111;position: relative;padding-right:30px;}

	/*new air*/
		.intro_footer .info_new{background:#0F2350;padding:56px 80px 60px 100px;;}

	
	/*over*/
	@media only screen and (min-width:1024px){
		.intro_hd .logo1:hover{background:url('../images/sub/intro_hd_logo01_ov.png')no-repeat left center;background-size:auto 100%;}
		.intro_hd .logo2:hover{background:url('../images/sub/intro_hd_logo02_ov.png')no-repeat left center;background-size:auto 100%;}

		.intro_content .link_list ul li:hover{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
		.intro_content .link_list .list li:hover:before{opacity:1;}
		.intro_content .link_list .list li:hover p{opacity:1;transform:none;}

		.intro_footer .ft_link li:hover span{text-decoration: underline;}
	}
	@media only screen and (max-width:1850px){
		.intro_w_custom{padding:0 60px;}
		.intro_hd{padding:30px 60px;}

		.intro_content .link_list{padding:0 60px;width:100%;}
	}
	@media only screen and (max-width:1600px){
		.intro_footer > div{padding:50px 40px 60px !important;}
	}
	@media only screen and (max-width:1350px){
		.intro_w_custom{padding:0 30px;}
		
		.intro_content .link_list{padding:0 30px;}
		.intro_content .link_list .title p{font-size:38px;}
		.intro_content .link_list .list{padding-left:50px;}

		.intro_footer .title dt{font-size:24px;}
		.intro_footer .title dd{font-size:16px;}

		.intro_footer .ft_link{width:calc(100% + 20px);margin-left:-10px;}
		.intro_footer .ft_link li{margin:0 10px;width:calc(25% - 20px);height:0;padding-bottom:calc(25% - 20px);}
		.intro_footer .ft_link li span{font-size:14px;}
	}	
	@media only screen and (max-width:1200px){
		.intro_visual{padding-top:120px;height:65vw;}
		.intro_visual h1{font-size:50px;}
		.intro_visual h1 strong{font-size:90px;}
		.intro_visual .des{margin-top:70px;padding-right:0;}
		.intro_visual .des p{font-size:20px;}
		.intro_visual .des p + p{margin-top:20px;}

		.intro_content .link_list{margin-top:100px;margin-bottom:150px;}
		.intro_content .link_list .content + .content{margin-top:80px;}
		.intro_content .link_list .title{width:100%;}
		.intro_content .link_list .list{width:calc(100% + 28px);padding:30px 0 0 0;}
	}
	@media only screen and (max-width:1024px){
		.intro_hd a + a{margin-left:20px;}
		.intro_hd a{max-height:34px;}

		.intro_visual{height:75vw;}

		.intro_content .link_list .title p br{display: none;}
		.intro_content .link_list .list li p{position: static;transform:none;color:#111;opacity:1;padding:10px 0 0 0;}
		.intro_content .link_list .list li p:before{display: none;}

		.intro_footer > div{padding:34px 20px 40px !important;}
	}
	@media only screen and (max-width:860px){
		.intro_visual{height:98vw;}
		.intro_visual h1{font-size:40px;}
		.intro_visual h1 strong{font-size:70px;}
		.intro_visual .des{float:none;}

		.intro_content .link_list .title span{font-size:18px;}
		.intro_content .link_list .title p{font-size:32px;}
		.intro_content .link_list .list{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;}		
		.intro_content .link_list .list li{margin:0 10px;}
		.intro_content .link_list .list.list1n li{width:calc(100% - 20px);}
		.intro_content .link_list .list.list2n li{width:calc(50% - 20px);}
		.intro_content .link_list .list.list4n li{width:calc(25% - 20px);}
		.intro_content .link_list .list li p{font-size:16px;}

		.intro_footer > div{width:100%;}	
		.intro_footer .ft_link li{width:120px;padding-bottom:120px;margin:0 10px;}
		.intro_footer .ft_link li span{font-size:16px;}
	}	
	@media only screen and (max-width:767px){
		.intro_w_custom{padding:0 15px;}
		.intro_hd a{max-height:27px;}
		.intro_hd .logo1{width:128px;}
		.intro_hd .logo2{width:174px;}

		.intro_footer > div{padding:34px 15px 40px !important;}
		.intro_footer .info_future dt:before{display: none;}
		.intro_footer .title dt{font-size:22px;}
		.intro_footer .title dt .sns{width:100%;padding:0;}
		.intro_footer .title dt .sns li + li{margin-left:18px;}
		.intro_footer .title dd{font-size:14px;margin-top:15px;}

		.intro_footer .info_future dt p{padding:0;}
	}
	@media only screen and (max-width:640px){
		.intro_hd{padding:20px 15px;}

		.intro_visual{padding-top:70px;}
		.intro_visual h1{font-size:32px;}
		.intro_visual h1 strong{font-size:54px;}
		.intro_visual .des{margin-top:40px;}
		.intro_visual .des p{font-size:18px;}
		.intro_visual .des p + p{margin-top:14px;}
		.intro_visual .link{padding-top:30px;}
		.intro_visual .link > div{padding-right:14px;}
		.intro_visual .link > div:after{width:8px;height:4px;background-size:auto 100%;}
		.intro_visual .link span{font-size:16px;}

		.intro_content .link_list{padding:0 15px;margin:70px 0 100px;}
		.intro_content .link_list .content + .content{margin-top:40px;}
		.intro_content .link_list .title p{font-size:28px;}
		.intro_content .link_list .list{padding:15px 0 0 0;}
		.intro_content .link_list .list li{margin:0 10px 25px;}
		.intro_content .link_list .list.list4n li{width:calc(50% - 20px);}

		.intro_content .link_list .list.list1n li .thumb{padding-bottom:48%;}
		.intro_content .link_list .list.list1n li .thumb img{width:auto;max-width:initial;height:100%;}

		.intro_content .link_list .list.list2n li .thumb{padding-bottom:100%;}
		.intro_content .link_list .list.list2n li .thumb img{width:auto;max-width:initial;height:100%;}

		.intro_footer .ft_link{width:calc(100% + 10px);margin-left:-5px;}
		.intro_footer .ft_link li{width:calc(25% - 10px);padding-bottom:calc(25% - 10px);margin:0 5px;}
	}
	@media only screen and (max-width:500px){
		.intro_hd a + a{margin-left:15px;}
		.intro_hd a{max-height:22px;}
		.intro_hd .logo1{width:105px;}
		.intro_hd .logo2{width:142px;}

		.intro_visual{height:90vw;padding-top:85px;min-height:600px;position: relative;}
		.intro_visual .txt{position: absolute;left:0;top:27%;height:72%}
		.intro_visual h1{font-size:26px;}
		.intro_visual h1 strong{font-size:38px;}
		.intro_visual .des p{font-size:15px;}
		.intro_visual .link{padding:0;position: absolute;left:15px;bottom:20px;}


		.intro_footer > div{padding:21px 15px 30px !important;}
		.intro_footer .title dt{font-size:18px;}
		.intro_footer .title dt .sns li + li{margin-left:10px;}
		.intro_footer .title dt .sns li a img{max-height:height:18px;}
		.intro_footer .title dd{font-size:13px;}

		.intro_footer .ft_link{margin-top:20px;}
		.intro_footer .ft_link li span{font-size:13px;}
	}
	@media only screen and (max-width:414px){
		.intro_visual{height:116vw;}
	}
	@media only screen and (max-width:350px){
		.intro_footer .ft_link li span{font-size:11px;}
	}
	@media only screen and (max-width:340px){
		.intro_visual h1{font-size:22px;}
		.intro_visual h1 strong{font-size:32px;}
		.intro_visual .des{margin-top:26px;}
		.intro_visual .des p{font-size:13px;}
	}
	@media only screen and (max-width:320px){
		
	}

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

	 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:var(--transparent); transition:all 0.4s; z-index:99;}
	#header .cont{position:relative; width:calc(100% - 60px); max-width:1760px; margin:0 auto; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; height:140px; transition:all 0.4s;}
	#header .logo{font-size:0;}
	#header .logo a{display:inline-block; width:232px; height:48px; background:url('../images/skin/hd_logo_wh.svg') no-repeat left center; background-size:100% auto; transition:ba 0.4s;}
	#header .gnb{position:absolute;top:0;left:50%;transform:translateX(-50%);display:inline-flex;height:100%;font-size:var(--title-20);width: calc(100% - 500px);margin: 0 auto;justify-content: center;text-align:center;}
	#header .gnb > li{position:relative; height:100%;}
	#header .gnb > li > a{display:inline-flex;align-items:center;height:100%;font-size:90%;font-weight:400;color:var(--point-white);padding: 0 2.6vw; }
	#header .gnb .dep2{position:absolute; top:80%; left:50%; transform:translateX(-50%); padding:15px 0; background:var(--point-white); box-shadow:0 0 5px rgba(0,0,0,0.1); width:max-content; min-width:120px; opacity:0; pointer-events:none; transition:all 0.4s;}
	#header .gnb .dep2 > li{}
	#header .gnb .dep2 > li > a{display:block; font-size:80%; font-weight:500; color:#666; padding:8px 25px; transition:all 0.4s;}
	#header .right_link{display:inline-flex; align-items:center;}
	#header .hd_lang{display:inline-flex;font-size:var(--title-20);font-family:var(--font-family-type02);margin-right: 56px;}
	#header .hd_lang li{}
		#header .hd_lang li:not(:last-child):after{display:inline-flex;content:'';width:1px;height:8px;background:var(--point-white);margin:0 20px;opacity:0.3;vertical-align: middle;}
	#header .hd_lang li a{position:relative; font-size:90%; font-weight:600; color:var(--point-white); opacity:0.3; transition:all 0.4s;}
		#header .hd_lang li a:before{position:absolute; content:''; width:100%; height:1px; background:var(--point-white); left:0; bottom:0; opacity:0;}
		#header .hd_lang li.on a{opacity:1;}
		#header .hd_lang li.on a:before{opacity:1;}
	#header .menu-trigger{display:inline-block;width: 32px;height: 32px;background: url('../images/skin/menu-trigger.svg') no-repeat center;background-size: 27px auto;filter:var(--filter-white);transition:all 0.4s;}

	#header .scr_top{position:fixed;right: 42px;bottom: 60px;width:60px;height:60px;background:var(--point-white) url('../images/skin/scr_top.svg') no-repeat center;border-radius:100%;font-size:0;box-shadow:0 0 20px rgba(0,0,0,0.2); opacity:0; pointer-events:none; transition:all 0.4s;}

		/* on */
			#header.on{background:var(--point-white); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
			#header.on .cont{height:110px;}
			#header.on .logo a{background-image:url('../images/skin/hd_logo.svg'); background-size:100% auto;}
			#header.on .gnb > li > a{color:#111; font-weight:500;}
			#header.on .hd_lang li:not(:last-child):after{background:#999;}
			#header.on .hd_lang li a{color:#999; opacity:1;}
			#header.on .hd_lang li.on a{color:#111;}
				#header.on .hd_lang li a:before{background:#111;}
			#header.on .menu-trigger{filter:none;}
			#header.on .scr_top{opacity:1; pointer-events:inherit;}

		/* over */
		@media screen and (min-width:1024px) {
			#header.over{background:var(--point-white); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
			#header.over .logo a{background-image:url('../images/skin/hd_logo.svg');}
			#header.over .gnb > li > a{color:#111; font-weight:500;}
			#header.over .hd_lang li:not(:last-child):after{background:#999;}
			#header.over .hd_lang li a{color:#999; opacity:1;}
			#header.over .hd_lang li.on a{color:#111;}
			#header.over .hd_lang li a:before{background:#111;}
			#header.over .menu-trigger{filter:none;}

			#header .hd_lang li a:hover{color:#111;}
			#header .gnb > li:hover > a{color:var(--point-color);}
			#header .gnb > li:hover .dep2{opacity:1; pointer-events:inherit;}
			#header .gnb .dep2 > li > a:hover{color:var(--point-org);}
			#header .menu-trigger:hover{background-size: 100% auto;}
		}
	@media screen and (max-width:1480px) {
		#header .scr_top{right:30px; bottom:50px;}
	}
	@media screen and (max-width:1400px) {
		#header .gnb > li > a{padding:0 1.5vw;}
		#header .hd_lang{margin-right:46px;}
	}

	@media screen and (max-width:1023px) {
		#header .cont{width:calc(100% - 30px); height:120px;}
			#header.on .cont{height:90px;}
		#header .logo a{width:210px; transition:none;}
		#header .gnb{display:none;}
		#header .hd_lang{margin-right:40px;}
		#header .menu-trigger{width:27px; height:27px; background-size:100% auto; transition:none;}

		#header .scr_top{right:15px; bottom:45px; width:55px; height:55px;}
	}
	@media screen and (max-width:860px) {
		#header .logo a{width:200px;}
		#header .hd_lang{margin-right:35px;}

		#header .scr_top{bottom:40px; width:50px; height:50px;}
	}
	@media screen and (max-width:640px) {
		#header .cont{height:100px;}
			#header.on .cont{height:80px;}
		#header .logo a{width:180px;}
		#header .hd_lang{margin-right:30px;}
		#header .hd_lang li:not(:last-child):after{margin:0 15px;}
		#header .menu-trigger{width:25px; height:25px;}

		#header .scr_top{bottom:35px; width:45px; height:45px; background-size:10px auto;}
	}
	@media screen and (max-width:479px) {
		#header .cont{height: 80px;}
			#header.on .cont{height: 60px;}
		#header .logo a{width:160px;}
		#header .menu-trigger{width:23px; height:23px;}

		#header .scr_top{bottom:30px; width:40px; height:40px;}
	}
	@media screen and (max-width:360px) {
		#header .logo a{width:140px;}
	}
	@media screen and (max-width:320px) {
		#header .cont{width:calc(100% - 20px);}
	}
/*───────────────────────────────────────────────────────────

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

───────────────────────────────────────────────────────────*/
	#aside{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--point-color) url('../images/skin/aside_logo.png') no-repeat bottom center; background-size:86.6vw; z-index:98;text-align:center;overflow:hidden;overflow-y:auto;opacity:0;pointer-events:none;transition:all 0.4s;}
			#aside.on { opacity:1; pointer-events:inherit;}
	#aside .btn_box{opacity:0; pointer-events:none; transition:all 0.4s;}
	#aside .aside_box{position:relative;width:70%;height: 100%;padding: 200px 0 100px;box-sizing:border-box;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
	#aside .gnb{display:flex;width: 100%;}
	#aside .gnb > li{width:100%; padding:0 15px; box-sizing:border-box;}
	#aside .gnb > li > a{position:relative; display:block; font-size:var(--title-30); font-weight:400; color:var(--point-white); transition:all 0.4s; box-sizing:border-box;}
	#aside .gnb .dep2{font-size:var(--title-20);color:var(--point-white);padding: 20px 15px;}
	#aside .gnb .dep2 > li{}
	#aside .gnb .dep2 > li > a{display:block; font-size:80%; font-weight:300; padding:10px 0; transition:all 0.4s;}

	#header.aside_open{background:var(--transparent);box-shadow:none;}
	#header.aside_open .logo, #header.aside_open .gnb, #header.aside_open .scr_top{opacity:0; pointer-events:none;}
	#header.aside_open .hd_lang li a{color:var(--point-white); opacity:0.3;}
	#header.aside_open .hd_lang li.on a{color:var(--point-white); opacity:1;}
	#header.aside_open .hd_lang li a:before{background:var(--point-white);}
	#header.aside_open .menu-trigger{filter:var(--filter-white); background-image:url('../images/skin/menu-trigger-x.svg');}

		/* over */
		@media screen and (min-width:1024px) {
			#aside .gnb > li:hover > a{color:var(--point-org);}
			#aside .gnb .dep2 > li > a:hover{opacity:0.4;}
		}

	@media screen and (max-width:1023px) {
		#aside .aside_box{width:100%;}
	}
	@media screen and (max-width:640px) {
		#aside .aside_box{padding:100px 15px; align-items:flex-start;}
		#aside .gnb{display:block; padding-bottom:80px;}
		#aside .gnb > li{padding:0;}
		#aside .gnb > li + li{margin-top:30px;}
		#aside .gnb > li > a{padding: 0 25px;}
		#aside .gnb .arw{position:absolute;content:'';top: 45%;right: 2px;width: 6px;height: 6px;border:2px solid var(--transparent);border-bottom-color:var(--point-white);border-right-color:var(--point-white);transform: translateY(-50%) rotate(45deg);border-radius: 2px; transition:all 0.4s;}
			#aside .gnb .arw.on{top:55%; transform: translateY(-50%) rotate(45deg) scale(-1, -1);}
		#aside .gnb .dep2{display:none; padding:10px 0;}
		#aside .gnb .dep2 > li > a{padding:5px 0;}

		#header.aside_open{opacity:0; pointer-events:none;}
		#aside .btn_box{opacity:1;pointer-events:inherit;position:absolute;top:0;right: 14px;height:100px;display:flex;justify-content:flex-end;align-items:center;z-index:9;}
			#header.on + #aside .btn_box{height:80px;}
		#aside .hd_lang{display:inline-flex;font-size:var(--title-20);font-family:var(--font-family-type02);margin-right: 29px;}
		#aside .hd_lang li{}
			#aside .hd_lang li:not(:last-child):after{display:inline-flex;content:'';width:1px;height:8px;background:var(--point-white);margin:0 15px;opacity:0.3;vertical-align: middle;}
		#aside .hd_lang li a{position:relative; font-size:90%; font-weight:600; color:var(--point-white); opacity:0.3; transition:all 0.4s;}
			#aside .hd_lang li a:before{position:absolute; content:''; width:100%; height:1px; background:var(--point-white); left:0; bottom:0; opacity:0;}
			#aside .hd_lang li.on a{opacity:1;}
			#aside .hd_lang li.on a:before{opacity:1;}
		#aside .menu-trigger{display:inline-block;width: 25px;height: 25px;background: url('../images/skin/menu-trigger-x.svg') no-repeat center;background-size: 100% auto;filter:var(--filter-white);}

	}
	@media screen and (max-width:479px) {
		#aside .btn_box{height:80px; display:flex; justify-content:flex-end; align-items:center; z-index:9;}
			#header.on + #aside .btn_box{height:60px;}
		#aside .gnb > li + li{margin-top:20px;}
	}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:#111;padding: 91px 0 75px;}
	#footer .gnb{display:flex; font-size:var(--title-20); color:var(--point-white); border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:48px;}
	#footer .gnb > li{width:100%; padding-right:15px; box-sizing:border-box;}
	#footer .gnb > li > a{display:block; font-size:90%; font-weight:500; transition:all 0.4s;}
	#footer .gnb .dep2{padding: 15px 0 57px;}
	#footer .gnb .dep2 > li{}
	#footer .gnb .dep2 > li > a{display:block;font-size:80%;font-weight:300;padding: 6px 0;transition:all 0.4s;}

	#footer .link_list{display:flex;font-size:var(--title-20);color:var(--point-white);margin-bottom: 27px;}
	#footer .link_list li{}
		#footer .link_list li:not(:last-child){margin-right:40px;}
	#footer .link_list li a{font-size:85%;font-weight: 200;}
	#footer .link_list li a strong{font-weight: 400;}

	#footer .info{display:flex; font-size:var(--title-20); color:var(--point-white);}
	#footer .info h6{font-size:80%;font-weight:500;margin-bottom: 8px;}
	#footer .addr{width:71%;padding-right: 30px;box-sizing: border-box;}
	#footer .add_list{}
	#footer .add_list dl{display:inline-flex;flex-wrap:wrap;}
		#footer .add_list dl:not(:last-child){margin-right:40px;}
	#footer .add_list dl :where(dt, dd){font-size: 75%;font-weight:200;line-height: 1.6;letter-spacing:0;}
	#footer .add_list dl dt{}
		#footer .add_list dl dt + dd{padding-left:4px;}
	#footer .add_list dl dd{}
	#footer .copy{display:flex; flex-wrap:wrap; margin-top:28px;}
	#footer .copy :where(dt, dd){font-size:13px;font-weight:300;color:#aaa;font-family:var(--font-family-type03);letter-spacing:0;line-height: 1.6;}
	#footer .copy dt{margin-right: 35px;}
	#footer .sns{width:15.7%;}
	#footer .sns_list{font-size:0;display:flex;align-items:center;margin-top: 16px;}
	#footer .sns_list li{}
		#footer .sns_list li:not(:last-child){margin-right:24px;}
	#footer .sns_list li a{display:inline-block;}
	#footer .family{width:13.3%;position: relative;z-index: 14;}
	#footer .family_list{position:relative;font-size:var(--title-20);font-family:var(--font-family-type02);margin-top: 16px;}
	#footer .family_list dt{cursor:pointer; width:100%;}
	#footer .family_list dt span{position:relative;display:flex;width:100%;align-items:center;font-size:75%;font-weight: 300;color: rgba(255,255,255,0.5);border: 1px solid rgba(255,255,255,0.5);height:45px;box-sizing:border-box;padding:0 30px 0 15px;letter-spacing:0;}
		#footer .family_list dt span:before{position:absolute;content:'';top: 55%;right:15px;border: 4px solid var(--transparent);border-top:5px solid rgba(255,255,255,0.5);transform:translateY(-50%); transition:all 0.4s;}
		#footer .family_list dt.on span:before{top:45%; transform:translateY(-50%) scale(-1, -1);}
	#footer .family_list dd{position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid rgba(255,255,255,0.5);border-top: 0;box-sizing: border-box;opacity:0;pointer-events:none;transition:all 0.4s;background: #111;}
		#footer .family_list dt.on + dd{opacity:1; pointer-events:inherit;}
	#footer .family_list dd ul{padding:10px 0;}
	#footer .family_list dd ul li{}
	#footer .family_list dd ul li a{display:block; font-size:75%; font-weight:300; color:rgba(255,255,255,1); padding:5px 15px;}
		
		/* over */
		@media screen and (min-width:1024px) {
			#footer .gnb > li:hover > a{color:var(--point-org);}
			#footer .gnb .dep2 > li > a:hover{opacity:0.4;}
		}
	
	@media screen and (max-width:1023px) {
		#footer{padding:80px 0 65px;}
		#footer .gnb{margin-bottom:43px;}
		#footer .gnb .dep2{padding-bottom:50px;}
		#footer .addr{width:calc(100% - 300px); }
		#footer .sns, #footer .family{width:150px;}
		#footer .add_list dl:not(:last-child){margin-right:12px;}
	}
	@media screen and (max-width:860px) {
		#footer{padding:70px 0 55px;}
		#footer .gnb{margin-bottom:38px;}
		#footer .gnb .dep2{padding-bottom:40px;}
		#footer .link_list li:not(:last-child){margin-right:30px;}
		#footer .info{flex-wrap:wrap;}
		#footer .addr{width:100%; padding:0 0 30px;}
		#footer .add_list dl:not(:last-child){margin-right:30px;}
		#footer .sns, #footer .family{width:50%;}
		#footer .sns_list{}
		#footer .family_list{width:150px;}
		#footer .family_list dt{width:100%;}
		#footer .family_list dt span{height:40px;}
		#footer .family_list dd{top:auto; bottom:100%; border: 1px solid rgba(255,255,255,0.5);border-bottom: 0;}
		#footer .copy dt{margin-right:30px;}
	}
	@media screen and (max-width:640px) {
		#footer{padding:60px 0 45px;}
		#footer .gnb{margin-bottom:30px;}
		#footer .gnb .dep2{padding-bottom:30px;}
		#footer .link_list li:not(:last-child){margin-right:25px;}
		#footer .add_list dl:not(:last-child){margin-right:25px;}
		#footer .copy dt{margin-right:25px;}
	}
	@media screen and (max-width:479px) {
		#footer{padding: 40px 0 80px;}
		#footer .gnb{display:none;}
		#footer .link_list{margin-bottom:20px;}
	}
	@media screen and (max-width:360px) {
		#footer .add_list dl.add_dl dt + dd{max-width:80%;}
	}
/*───────────────────────────────────────────────────────────

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#side_box {padding-bottom:1.8%;}
		#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
		#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
		#side_box .sub_menu dt,
		#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
		#side_box .sub_menu dt {display:none;}
		#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd + dd {}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd:hover a,
		#side_box .sub_menu dd.on a,
		#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
		#side_box .sub_menu dd:hover a:before,
		#side_box .sub_menu dd.on a:before, 
		#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:1024px) {
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}


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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main_index #contents_wrap{width:100%; max-width:100%;padding-top:0;}
	.main_index #contents_wrap #contents_box{padding-bottom:0;}

	/* visual */
		.main_visual {position:relative;}
		.main_visual .slick-slide {position:relative; height:960px;}
		.main_visual .thumb{width:100%; height:100%; background:no-repeat center; background-size:cover;}
		.main_visual .txtAni{opacity:0; transform:translateY(70px); transition:all 1.2s;}
			.main_visual .active .txtAni{opacity:1; transform:translate(0);}
		.main_visual .txt_box{position:absolute;top: 40%;left:50%;transform: translateX(-50%);font-size:var(--title-20);color:var(--point-white);}
		.main_visual .txt_box h3{font-size:var(--title-80); font-weight:600; line-height:1.2; font-family:var(--font-family-type02);}
			.main_visual .txt_box h3 + p{margin-top: 20px;}
		.main_visual .txt_box p{font-size:80%; font-weight:300; line-height:1.875;}
			.main_visual .txt_box p + .main_view{margin-top: 80px;}

		.main_visual .controller{position:absolute;width:calc(100% - 60px);max-width:1400px;margin:0 auto;box-sizing:border-box;top: 35%;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding-left: 6px;}
		.main_visual .slickBtn{position:relative;display:inline-flex;width:8px;height:10px;font-size:0;cursor:pointer;margin-right: 30px;}
			.main_visual .slickBtn:before, .main_visual .slickBtn:after{position:absolute; content:''; width:3px; height:100%; background:var(--point-white); top:0; left:0;}
			.main_visual .slickBtn:after{left:auto; right:0;}
			.main_visual .slickBtn.play:before{background:none;border: 5px solid var(--transparent);border-left: 7px solid var(--point-white);width: auto;height: auto;}
			.main_visual .slickBtn.play:after{opacity:0;}

		.main_visual .slick-arrow{display:inline-flex; border: 5px solid var(--transparent);border-right: 7px solid var(--point-white); font-size:0;}
		.main_visual .slick-arrow.slick-next{transform:scale(-1, -1)}

		.main_visual .count{width: 16px;text-align: center;font-size: 14px;font-weight: 500;color:var(--point-white);margin: 0 20px 0 8px;font-family:var(--font-family-type02);}
		.main_visual .count.slideCountAll{margin: 0 8px 0 20px;} 

		.main_visual .slider-progress{position:relative; width:170px; height:3px; background:rgba(255,255,255,0.3);}
		.main_visual .progress{position:absolute; top:0; left:0; height:100%; background:var(--point-white);}
			
		.main_view{position:relative; display:inline-block; font-size:var(--title-20); color:var(--point-white);}
			.main_view:before{position:absolute; content:''; left:0; top:50%; transform:translateY(-50%); width:79px; height:79px; background:var(--point-color); border-radius:100%; transition:all 0.6s;}
		.main_view span{position:relative;display:inline-flex;font-size:90%;font-weight:600;padding: 27px 37px 26px;font-family:var(--font-family-type02);align-items: center;transition:all 0.6s;}
		.main_view span:after{display:inline-flex;content:'';width:18px;height:12px;background:url('../images/skin/main_view_arw.svg') no-repeat center;margin-left:13px;opacity:0;transition:all 0.6s;background-size: 100% auto;}

		.main_visual .scr_dwn{position:absolute;right: 11px;bottom: 130px;font-size:12px;font-weight:400;color:rgba(255,255,255,0.5);font-family:var(--font-family-type02);letter-spacing:0;display:inline-flex;align-items:center;transform: rotate(90deg); z-index:9;}
		.main_visual .scr_dwn span{position:relative; width:24px; height:10px; border:2px solid var(--point-white); border-radius:5px; box-sizing:border-box; margin-left:7px;}
			.main_visual .scr_dwn span:after{position:absolute;content:'';width:3px;height:3px;background:var(--point-org);border-radius:100%;top:50%;left:3px;transform: translateY(-50%);}

			.main_visual .scr_dwn span:after{animation-name: scrDwn; animation-duration:1.5s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards; transition-timing-function:linear;}
			@keyframes scrDwn {0% {left:3px;}100% {left:calc(100% - 6px);}}

		/* over */
			@media screen and (min-width:1024px) {
				.main_view:hover:before{left:calc(100% - 79px);}
				.main_view:hover span{padding-left:0;}
				.main_view:hover span:after{opacity:1;}
			}

		@media screen and (max-width:1480px) {
			.main_visual .slick-slide{height:64.7vw; min-height:600px;}
			.main_visual .txt_box h3 + p{margin-top:1.3vw;}
			.main_visual .txt_box p + .main_view{margin-top:5.4vw;}
			.main_visual .scr_dwn{bottom:120px;}
		}
		@media screen and (max-width:1023px) {
			.main_visual .controller{width:calc(100% - 30px);}

			.main_view:before{width:70px; height:70px;}
			.main_view span{padding: 24px 30px 23px;}
			.main_view span:after{opacity:1;}
			.main_visual .scr_dwn{bottom:100px; right:0;}
		}
		@media screen and (max-width:860px) {
			.main_visual .controller{top:30%;}
			.main_visual .txt_box{top:38%;}
			.main_visual .txt_box h3{line-height:1.1;}
				.main_visual .txt_box h3 + p{margin-top:11px;}
			.main_visual .txt_box p{font-size:90%;}
				.main_visual .txt_box p + .main_view{margin-top:45px;}
			.main_view:before{width:65px; height:65px;}
			.main_view span{padding: 22px 25px 21px;}

			.main_visual .scr_dwn{bottom:80px; right:-25px;}
		}
		@media screen and (max-width:640px) {
			.main_visual .slick-slide{height:93.7vw;min-height: 600px;}
			.main_visual .controller{top:25%;}
			.main_visual .slickBtn{margin-right:25px;}
			.main_visual .slider-progress{width:150px; height:2px;}
			.main_visual .count{margin-right:15px;}
				.main_visual .count.slideCountAll{margin-left:15px;}
			.main_visual .txt_box{top:33%;}
				.main_visual .txt_box h3 + p{margin-top:10px;}
				.main_visual .txt_box p + .main_view{margin-top:35px;}
			.main_view:before{width:60px; height:60px;}
			.main_view span{padding: 20px 25px 19px;}
				.main_view span:after{width:16px;}
			.main_visual .scr_dwn{bottom:70px; right:-30px;}
		}
		@media screen and (max-width:479px) {
			.main_visual .thumb{background-position:65% 50%;}
			.main_visual .controller{top:20%;}
			.main_visual .slickBtn{margin-right:20px;}
			.main_visual .slider-progress{width:130px; }
			.main_visual .txt_box{top:28%;}
				.main_visual .txt_box h3 + p{margin-top:7px;}
				.main_visual .txt_box p + .main_view{margin-top:30px;}
			.main_view:before{width:55px; height:55px;}
			.main_view span{padding: 18px 25px 17px;}
				.main_view span:after{width:14px;}
			.main_visual .scr_dwn{bottom:70px; right:-35px; font-size:11px;}
		}

		@media screen and (max-width:320px) {
			.main_visual .controller{width:calc(100% - 30px);}
		}

	/* 공통 */
		.main_title{position:relative; font-size:var(--title-20); box-sizing:border-box;}
			.main_title.hd{padding-top: 108px;padding-bottom:45px;}
		.main_title h2{font-size:var(--title-60); font-weight:700; color:#000;}
			.main_title h2 + p{margin-top: 22px;}
		.main_title h4{font-size:180%; font-weight:600; color:#111; line-height:1.55;}
		.main_title h4 strong{font-weight:800;}
		.main_title h6{font-size:100%; font-weight:700; color:#000; font-family:var(--font-family-type02);}
			.main_title h6.icon:after{display:inline-flex;content:'';width:4px;height:4px;background:var(--point-org);border-radius:100%;margin-left:4px;vertical-align: text-top;}
			.main_title h6 + h4{margin-top: 28px;}
		.main_title h6 em{font-weight: 700;color:var(--point-color);}
		.main_title p{font-size:90%; font-weight:400; color:#333;}
			.main_title p + .main_view{margin-top: 79px;}

	/* about */
		.main_about{position:relative;padding-bottom: 145px;}
			.main_about:before{position:absolute;content:'FUTUREINET';top: 22.4%;left: 51%;transform:translateX(-50%);font-size:180px;font-weight:800;color:rgba(0,0,0,0.05);font-family: var(--font-family-type02);letter-spacing: 0.13em;line-height: 1;}
		.main_about .exp_list{display:flex;align-items:flex-start;margin-top: 115px;}
		.main_about .exp_list li{text-align:center;}
			.main_about .exp_list li:not(:last-child){margin-right:80px;}
			.main_about .exp_list li:nth-child(even){margin-top: 120px;}
		.main_about .exp_list dl{font-size:var(--title-20);}
		.main_about .exp_list dl dt{font-size:150%; font-weight:700; color:#000; font-family:var(--font-family-type02);}
			.main_about .exp_list dl dt + dd{margin-top: 18px;}
		.main_about .exp_list dl dd{font-size:85%;font-weight:400;color:#666;line-height: 1.76;}
		.main_about .exp_list .thumb{font-size:0;}
			.main_about .exp_list .thumb + dl{margin-top: 38px;}


	/* cate */
		.main_cate{}
		.main_cate .info_list{height:960px; display:flex; background:url('../images/skin/main_cate_bg01.jpg') no-repeat center; background-size:cover; transition:all 0.4s;}
		.main_cate .info_list > li{position:relative;display:inline-flex;width:100%;height:100%;text-align:center;box-sizing:border-box;}
			.main_cate .info_list > li + li{border-left:1px solid rgba(255,255,255,0.4);}
		.main_cate .info_list dl{position:relative;color:var(--point-white);transform: translateY(45px);transition:all 0.6s;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -25%);width: calc(100% - 30px);}
		.main_cate .info_list dl dt{font-size:var(--title-20);font-weight:300;font-family: var(--font-family-type02);}
			.main_cate .info_list dl dt +  dd{margin-top: 33px;}
		.main_cate .info_list dl dd{font-size:var(--title-60); font-weight:600; line-height:1.2;}
		.main_cate .info_list .tag_list{font-size:var(--title-20);margin-top: 70px;opacity:0;transition:all 0.6s;}
		.main_cate .info_list .tag_list li{font-size:80%; display:flex; justify-content:center;}
			.main_cate .info_list .tag_list li + li{margin-top:10px;}
			.main_cate .info_list > li:before{position:absolute; content:''; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0; transition:all 0.6s;}
		.main_cate .info_list .tag_list li em{display:inline-flex;font-weight:300;align-items:center;height:30px;padding: 0 21px;background:rgba(0,0,0,0.5);border-radius:15px;}
			.main_cate .info_list .tag_list li em:not(:last-child){margin-right:10px;}
		.main_cate .info_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}

			/* over */
			@media screen and (min-width:1024px){
				
				.main_cate .info_list > li.on:before{opacity:1;}
				.main_cate .info_list > li.on dl{transform: translate(-50%, -47%);}
				.main_cate .info_list > li.on .tag_list{opacity:1;}
			}

	/* pord */
		.main_pord{position:relative;padding:120px 0 220px;background: url('../images/skin/main_pord_bg.jpg') no-repeat fixed center;background-size: cover;box-sizing:border-box;}
		.main_pord .list_cont{display:flex;align-items: flex-start;}
		.main_pord .main_title{width:38.5%;padding-right:30px;box-sizing:border-box;position: sticky;top: 13vh;padding-top: 25vh;}
		.main_pord .main_title h2{color:var(--point-white); font-weight:600; font-family:var(--font-family-type02);}
		.main_pord .main_title p{color:var(--point-white);font-weight: 300;}
		.main_pord .prod_list{position:relative; width:61.5%;display:flex;flex-wrap:wrap;}
		.main_pord .prod_list li{position:relative; width:calc(100% / 2 - 50px); background:var(--point-white); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);}
			.main_pord .prod_list li:not(:nth-child(2n)){margin-right:100px;}
			.main_pord .prod_list li:nth-child(2n){transform:translateY(100px);}
			.main_pord .prod_list li:nth-child(n+3){margin-top:100px;}
		.main_pord .prod_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		.main_pord .prod_list .thumb{position: relative;font-size:0;width: 100%;height:300px;overflow: hidden;}
		.main_pord .prod_list .thumb img{width:100%;height:100%;object-fit:cover;}
		.main_pord .prod_list .info{position:relative;padding: 29px 30px 90px;box-sizing:border-box;font-size:var(--title-20);height: calc(100% - 300px);}
		.main_pord .prod_list .info dl{}
		.main_pord .prod_list .info dl dt{font-weight:600; color:#111; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
			.main_pord .prod_list .info dl dt + dd{margin-top: 6px;}
		.main_pord .prod_list .info dl dd{font-size:80%; font-weight:400; color:#666; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		.main_pord .prod_list .info .price{position:absolute;left:30px;bottom: 41px;font-size:80%;font-weight:500;color:var(--point-color);border-bottom:1px solid var(--point-color);line-height: 1.2;}

	/* exp */
		#wrap .swiper_btn:after{display:none;}
		.main_exp{position:relative;background:#f5f5f5;padding-bottom:120px;overflow: hidden;}
			.main_exp:before{position:absolute;content:'';width:456px;height:276px;border:1px solid var(--point-color);box-sizing:border-box;opacity:0.3;transform:rotate(75deg);border-radius: 100%;left: -10%;bottom: -6.5%;}
			.main_exp:after{position:absolute;content:'';width:659px;height:837px;border:1px solid var(--point-color);box-sizing:border-box;opacity:0.3;transform:rotate(15deg);border-radius: 100%;right: -13.5%;top: -49.5%;}
		.main_exp .expSwiper{overflow:hidden; width:calc(100% + 40px); margin-left:-20px; margin-top:-20px; padding:20px 20px 54px; box-sizing:border-box;}
		.main_exp .expSwiper .swiper-slide{position:relative;width: calc(100% / 3 - 26.67px);margin-right:40px;transition:all 0.4s;overflow: hidden;}
		.main_exp .expSwiper .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		.main_exp .expSwiper .thumb{font-size:0;height:360px;position: relative;overflow: hidden;}
		.main_exp .expSwiper .thumb img{width:100%;height:100%;object-fit:cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
		.main_exp .expSwiper .info{position:absolute; left:0; bottom:0; width:100%; padding:30px 30px; box-sizing:border-box; font-size:var(--title-20); color:var(--point-white); background:var(--transparent); transition:all 0.4s;}
		.main_exp .expSwiper .info dt{font-size:80%; font-weight:400; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.4s;}
			.main_exp .expSwiper .info dt + dd{margin-top: 7px;}
		.main_exp .expSwiper .info dd{font-weight:600; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.4s;}
		.main_exp .controller{position:absolute;left:0;bottom:0;display:flex;align-items:center;width: 100%;}
		.main_exp .controller .info_box{display:inline-flex;align-items:center;width: 117px;}		
		.main_exp .controller .swiper-pagination.progress{position:relative;top:auto;left:auto;width: calc(100% - 117px);height:3px;background:#ddd;}
		.main_exp .controller .progress .swiper-pagination-progressbar-fill{background:var(--point-org);}
		.main_exp .controller .swiper_btn{position:relative; top:auto; left:auto; right:auto; bottom:auto; margin:0; width:auto; height:auto; background:none; border: 5px solid var(--transparent);  border-right: 7px solid #222;}
			.main_exp .controller .swiper_btn.swiper-button-prev{margin-left:-3px;margin-right: 5px;}
			.main_exp .controller .swiper_btn.swiper-button-next{transform:scale(-1, -1);margin-left: 5px;}
		.main_exp .controller .swiper-pagination.fraction{position:relative;left:auto;bottom:auto;width:auto;margin:0 4px;display:inline-flex;align-items:center;}
		.main_exp .controller .swiper-pagination.fraction span{font-size:14px;font-weight:700;color: rgba(17, 17, 17, 0.3);font-family:var(--font-family-type02);}
		.main_exp .controller .swiper-pagination.fraction span + span:before{display:inline-flex;content:'';width: 1px;height:8px;background: #ddd;margin: 0 10px;vertical-align: middle;}
		.main_exp .controller .swiper-pagination.fraction .swiper-pagination-current{color: rgba(17, 17, 17, 1);}

			/* over */
			@media screen and (min-width:1024px){ 
				.main_exp .expSwiper .swiper-slide:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);}
				.main_exp .expSwiper .swiper-slide:hover .info{background:var(--point-white);}
				.main_exp .expSwiper .swiper-slide:hover .info dt{color:var(--point-org); }
				.main_exp .expSwiper .swiper-slide:hover .info dd{color:#111;}
			}

	/* bnr */
		.main_bnr{padding:120px 0;}
		.main_bnr .bnr_list{display:flex;}
		.main_bnr .bnr_list li{position:relative; }
			.main_bnr .bnr_list li:not(:last-child){margin-right:40px;}
		.main_bnr .bnr_list .gif{position:absolute; right:23px; bottom:40px; border-radius:5px;}
		.main_bnr .bnr_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}

	/* partner */
		.main_partner{border-top:1px solid #ddd; overflow:hidden; padding:20px 0;}
		.main_partner .partnerSwiper{}
		.main_partner .partnerSwiper .swiper-wrapper{transition-timing-function: linear;  will-change: transform;}
		.main_partner .partnerSwiper .swiper-slide{width:260px;}

	
	@media screen and (max-width:1480px){
		.main_title h2 + p{margin-top:1.45vw;}
		.main_title h6 + h4{margin-top:1.85vw;}
		.main_title p + .main_view{margin-top:5.3vw;}

		.main_about:before{font-size:12.1vw;}
		.main_about .exp_list{margin-top:7.7vw;}
		.main_about .exp_list li:not(:last-child){margin-right:5.5vw;}
		.main_about .exp_list li:nth-child(even){margin-top:8.2vw;}
		.main_about .exp_list .thumb + dl{margin-top:2.5vw;}
		.main_about .exp_list dl dt + dd{margin-top:1.2vw;}

		.main_cate .info_list{height:64.7vw; min-height:600px;}
		.main_cate .info_list dl dt + dd{margin-top:2.2vw;}
		.main_cate .info_list .tag_list{margin-top: 4.0vw;}

		.main_pord{padding-bottom:calc(100px + 6.75vw);}
			.main_pord .prod_list li{width:calc(100% / 2 - 3.375vw);}
			.main_pord .prod_list li:not(:nth-child(2n)){margin-right:6.75vw;}
			.main_pord .prod_list li:nth-child(2n){transform:translateY(6.75vw);}
			.main_pord .prod_list li:nth-child(n+3){margin-top:6.75vw;}
		.main_pord .prod_list .thumb{height: 20.2vw;}
		.main_pord .prod_list .info{height:calc(100% - 20.2vw);}

		.main_exp:after{width: 44.5vw;height: 56.6vw;top: -26.8vw;}
		.main_exp:before{width: 30.8vw;height: 18.5vw;bottom: -3.5vw;}
		.main_exp .expSwiper .thumb{height: auto;padding-bottom: 81.82%;}

		.main_bnr .bnr_list .gif{width: 3.78vw;bottom: 0.75vw;right: 0.75vw;}
	}
	@media screen and (max-width:1300px){
		.main_bnr .bnr_list li:not(:last-child){margin-right:30px;}
		.main_bnr .bnr_list .gif{bottom: 0.85vw;right: 0.85vw;}

		.main_partner .partnerSwiper .swiper-slide{width:240px;}
	}
	@media screen and (max-width:1200px){
		.main_bnr .bnr_list li:not(:last-child){margin-right:22px;}
		.main_bnr .bnr_list .gif{bottom: 0.86vw;right: 0.86vw;}
		.main_partner .partnerSwiper .swiper-slide{width:230px;}
	}
	@media screen and (max-width:1023px){
		.main_title.hd{padding:100px 0 35px;}

		.main_about{padding-bottom:100px;}
		.main_about:before{top: 28%;}

		.main_cate .info_list{display:block; height:auto; background:none !important; min-height:auto;}
		.main_cate .info_list > li{display:block; height:auto; background:no-repeat center; background-size:cover; padding:70px 15px;}
			.main_cate .info_list > li + li{border-left:0; }
			.main_cate .info_list > li:before{opacity:1;}
			.main_cate .info_list > li:nth-child(1){background-image:url('../images/skin/main_cate_bg01.jpg');}
			.main_cate .info_list > li:nth-child(2){background-image:url('../images/skin/main_cate_bg02.jpg');}
			.main_cate .info_list > li:nth-child(3){background-image:url('../images/skin/main_cate_bg03.jpg');}
		.main_cate .info_list dl{position:relative; top:auto; left:auto ;transform:none !important; width:100%;}
		.main_cate .info_list dl dt + dd{margin-top:22px;}
		.main_cate .info_list .tag_list{margin-top:40px; opacity:1;}

		.main_pord{padding:100px 0;}
		.main_pord .list_cont{display:block;}
		.main_pord .main_title{width:100%; position:relative; top:auto; padding:0 0 50px;}
		.main_pord .prod_list{width:100%;}
		.main_pord .prod_list li{width:calc(100% / 3 - 10px); }
			.main_pord .prod_list li:not(:nth-child(3n)){margin-right:15px;}
			.main_pord .prod_list li:nth-child(2n){transform:none;}
			.main_pord .prod_list li:nth-child(3n){margin-right:0;}
			.main_pord .prod_list li:nth-child(n+3){margin-top:0;}
			.main_pord .prod_list li:nth-child(n+4){margin-top:15px;}
		.main_pord .prod_list .thumb{height:25vw;}
		.main_pord .prod_list .info{height:calc(100% - 25vw);}

		.main_exp{padding-bottom:100px;}
		.main_exp .expSwiper{width: calc(100% + 30px);margin: 0 0 0 -15px;padding: 0 15px 50px;}
		.main_exp .expSwiper .info{padding:25px;}
		.main_exp .expSwiper .swiper-slide.swiper-slide-active{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);}
		.main_exp .expSwiper .swiper-slide.swiper-slide-active .info{background:var(--point-white);}
		.main_exp .expSwiper .swiper-slide.swiper-slide-active .info dt{color:var(--point-org); }
		.main_exp .expSwiper .swiper-slide.swiper-slide-active .info dd{color:#111;}

		.main_bnr{padding:100px 0;}
		.main_bnr .bnr_list li:not(:last-child){margin-right:15px;}

		.main_partner{padding:15px 0;}
		.main_partner .partnerSwiper .swiper-slide{width:220px;}
	}
	@media screen and (max-width:860px){
		.main_cate .info_list > li{padding:60px 15px;}
		.main_cate .info_list dl dt + dd{margin-top:15px;}
		.main_cate .info_list .tag_list{margin-top:30px;}

		.main_partner .partnerSwiper .swiper-slide{width:200px;}
	}
	@media screen and (max-width:767px){
		.main_pord .prod_list li{width:calc(100% / 2 - 7.5px); }
			.main_pord .prod_list li:not(:nth-child(2n)){margin-right:15px;}
			.main_pord .prod_list li:nth-child(2n){margin-right:0;}
			.main_pord .prod_list li:nth-child(n+3){margin-top:15px;}
		.main_pord .prod_list .thumb{height:37vw;}
		.main_pord .prod_list .info{height:calc(100% - 37vw);}
	}
	@media screen and (max-width:640px){
		.main_title.hd{padding:80px 0 25px;}
		.main_title h2 + p{margin-top:9px;}
		.main_title h6 + h4{margin-top:11px;}
		.main_title p + .main_view{margin-top:33px;}

		.main_about:before{top: auto; bottom:20px;}
		.main_about .main_title h4 br{display:none;}
		.main_about .exp_list{margin-top:49px; flex-wrap:wrap;}
		.main_about .exp_list li{width:calc(100% / 2 - 7.5px);}
			.main_about .exp_list li:not(:last-child){margin-right:15px;}
			.main_about .exp_list li:nth-child(even){margin:0;}
			.main_about .exp_list li:nth-child(n+3){margin-top:40px;}
		.main_about .exp_list .thumb + dl{margin-top:16px;}
		.main_about .exp_list dl dt + dd{margin-top:7px;}

		.main_cate .info_list dl dt + dd{margin-top:12px;}
		.main_cate .info_list .tag_list{margin-top:25px;}

		.main_pord{padding:80px 0;}
		.main_pord .prod_list .info{padding:25px 30px 80px}
		.main_pord .prod_list .info .price{left:30px; bottom:30px;}

		.main_exp{padding-bottom:80px;}
		.main_exp .expSwiper{padding-bottom:45px;}
		.main_exp .controller .info_box{width:110px;}
		.main_exp .controller .swiper-pagination.progress{width:calc(100% - 110px); height:2px;}

		.main_bnr{padding:80px 0;}
		.main_bnr .bnr_list{display:block;}
			.main_bnr .bnr_list li:not(:last-child){margin:0 0 15px 0;}
		.main_bnr .bnr_list .gif{width: 8.7vw;bottom: 1.3vw;right: 1.3vw;}

		.main_partner .partnerSwiper .swiper-slide{width:180px;}
	}
	@media screen and (max-width:479px){
		.main_title.hd{padding:70px 0 20px;}

		.main_about .exp_list{margin-top:40px; flex-wrap:wrap;}
		.main_about .exp_list li{width:calc(100% / 2 - 7.5px);}
			.main_about .exp_list li:not(:last-child){margin-right:15px;}
			.main_about .exp_list li:nth-child(even){margin:0;}
			.main_about .exp_list li:nth-child(n+3){margin-top:35px;}
		
		.main_pord .prod_list .info{padding:25px 30px 70px}

		.main_exp .expSwiper{padding-bottom:40px;}
		.main_exp .controller .info_box{width:100px;}
		.main_exp .controller .swiper-pagination.progress{width:calc(100% - 100px);}

		.main_partner .partnerSwiper .swiper-slide{width:160px;}
	}
	@media screen and (max-width:431px){
		.main_title.hd{padding:70px 0 15px;}

		.main_about .exp_list{margin-top:30px; flex-wrap:wrap;}
		.main_about .exp_list li{width:100%;}
			.main_about .exp_list li:not(:last-child){margin-right:0;}
			.main_about .exp_list li:nth-child(n+2){margin-top:35px;}

		.main_pord .prod_list li{width:100%; }
			.main_pord .prod_list li:not(:nth-child(2n)){margin-right:0;}
			.main_pord .prod_list li:nth-child(n+2){margin-top:15px;}
		.main_pord .prod_list .thumb{height: 73.2vw;}
		.main_pord .prod_list .info{height: auto;}

		.main_partner .partnerSwiper .swiper-slide{width:140px;}
	}
	@media screen and (max-width:360px){
		.main_cate .info_list .tag_list li{display:inline-flex; flex-wrap:wrap;}
			.main_cate .info_list .tag_list li + li{margin-top:0;}
		.main_cate .info_list .tag_list li em{margin:5px !important;}

		.main_partner .partnerSwiper .swiper-slide{width:120px;}
	}
	@media screen and (max-width:320px){
	}