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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
		#wrap #container {width:100%;margin:0;padding:0;}
			/* #container 안의 레이아웃 */
		#contents_wrap {position:relative; width:calc(100% - 60px); max-width:1380px; margin:0 auto; box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
		#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
		#contents_wrap #contents_box {width:100%;padding:85px 0 150px 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
		.sub_company #contents_wrap #contents_box{padding-top:129px;}
		#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:1380px; margin:0 auto; box-sizing:border-box;}

	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1023px) {
		#contents_wrap, .w_custom {width:calc(100% - 30px);}
		#contents_wrap #contents_box{padding:13% 0 16% 0 !important;}
	}
	@media only screen and (max-width:640px) {
	}
	@media only screen and (max-width:479px) {
	}
	@media only screen and (max-width:320px) {
		#contents_wrap, .w_custom {width:calc(100% - 20px);}
	}

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

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

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

	#header{position:fixed; top:0; left:0; width:100%; background:var(--transparent); z-index:99; transition:all 0.4s;}
	#header .cont{position:relative; width:calc(100% - 60px); max-width:1760px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:160px; transition:all 0.4s;}
	#header .logo{font-size:0;}
	#header .logo a{display:block;}
	#header .logo a img{filter:var(--filter-white); transition:all 0.4s;}
	#header .gnb{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;justify-content:center;text-align:center;height:100%;width: calc(100% - 600px);transition:all 0.4s;}
	#header .gnb > li{position:relative;height:100%;font-size:var(--title-20);font-weight: 500;color:var(--point-white); letter-spacing:0;}
	#header .gnb > li > a{display:flex; height:100%; align-items:center; padding: 0 2.2vw; }
	#header .gnb .dep2{position:absolute; top:80%; left:50%; transform:translateX(-50%); padding:10px 0; width:max-content; min-width:120px; box-sizing:border-box; background:var(--point-color); display:none; border-radius:10px;}
	#header .gnb .dep2 > li{padding:8px 30px; }
	#header .gnb .dep2 > li > a{position:relative; display:inline-block; font-size:85%; font-weight:400; color:var(--point-white); }
	#header .hd_right{display:inline-flex; align-items:center; font-size:0;}
	#header .menu-trigger{position:relative;width:36px;height:30px;margin-left: 60px;}
	#header .menu-trigger span{position:absolute; top:0; right:0; width:100%; height:2px; background:var(--point-white); transition:all 0.4s;}
		#header .menu-trigger span:nth-child(2){top:50%; margin-top:-1px; width:83%;}
		#header .menu-trigger span:nth-child(3){top:100%; margin-top:-2px;}
	#header .mem_list{display:inline-flex; font-size:var(--title-20);  overflow:hidden; transition:all 0.4s;}
	#header .mem_list li{font-size:90%;font-weight: 300;color:var(--point-white);font-family:var(--font-type02);letter-spacing: 0;}
		#header .mem_list li:not(:last-child){margin-right:40px;}
	#header .mem_list li a{}
	
	#header .quick_list{position:fixed; right:70px; bottom:50px; opacity:0; pointer-events:none; transition:all 0.4s;}
	#header .quick_list li{text-align: right;}
		#header .quick_list li + li{margin-top:20px;}
	#header .quick_list li a{}
	#header .quick_list .scr_top{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;background:var(--point-black);box-shadow: 0 0 20px rgba(0,0,0,0.2);transition:all 0.4s;}
	#header .quick_list .contact{box-shadow: 0 0 20px rgba(0,0,0,0.2);display:inline-flex;width:50px;height:50px;background:var(--point-color);border-radius:100px;transition:all 0.4s;}
	#header .quick_list .contact dl{position:relative;text-align: right;margin-left: auto;}
	#header .quick_list .contact dl dt{position:absolute;top:50%;right: 100%;transform:translateY(-50%);font-size:16px;font-weight:500;color:var(--point-white);font-family:var(--font-type02);opacity: 0;transition:all 0.4s;}
	#header .quick_list .contact dl dd{display: flex;align-items:center;justify-content: center;width:50px;height:100%;margin-left: auto;}

		/* on */
			#header.on{background:var(--point-white); box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
			#header.on .logo a img{filter:none;}
			#header.on .cont{height:140px;}
			#header.on .gnb > li{color:#222; font-weight:700;}
			#header.on .quick_list{opacity:1; pointer-events:inherit;}
			#header.on .mem_list li{color:#666; font-weight:400;}
			#header.on .menu-trigger span{background:var(--point-black);}

		/* over */
			@media screen and (min-width:1024px) { 
				#header .gnb > li:hover{color:var(--point-color);}
				#header .gnb .dep2 > li > a:hover{font-weight:700;}
					#header .gnb .dep2 > li > a:before{position:absolute; content:''; width:100%; height:1px; background:var(--point-white); left:0; bottom:3px; opacity:0; }
					#header .gnb .dep2 > li > a:hover:before{opacity:1;}
				#header .menu-trigger:hover span:nth-child(2){width:130%;}
				#header .quick_list .contact:hover{width:130px;}
				#header .quick_list .contact:hover dt{opacity:1;}
				#header .quick_list .scr_top:hover{background:rgba(0,0,0,0.6);}

				#header.over{background:var(--point-white);}
				#header.over .logo a img{filter:none;}
				#header.over .gnb > li{color:#222; font-weight:700;}
				#header.over .mem_list li{color:#666; font-weight:400;}
				#header.over .menu-trigger span{background:var(--point-black);}
			}
		
	@media screen and (max-width:1460px) { 
		#header .gnb > li > a{font-size:90%; padding:0 1.5vw;}
		#header .menu-trigger{margin-left:30px;}

		#header .quick_list{right:30px; bottom:40px;}
	}
	@media screen and (max-width:1200px) { 
		#header .gnb > li > a{font-size:80%; padding:0 1.2vw;}
	}
	@media screen and (max-width:1023px) { 
		#header .gnb {display:none;}
		#header .cont{width:calc(100% - 30px); height:140px;}
		#header .logo a{width:290px;}
		#header .menu-trigger{width:34px; height:28px;}
			#header.on .cont{height:120px;}

		#header .mem_list li:not(:last-child){margin-right:35px;}
		#header .quick_list{right:15px; bottom:30px;}
		#header .quick_list li + li{margin-top:15px;}
	}
	@media screen and (max-width:860px) { 
		#header .cont{height:120px;}
		#header .logo a{width:270px;}
		#header .menu-trigger{width:32px; height:26px;}
			#header.on .cont{height:100px;}
		#header .mem_list li:not(:last-child){margin-right:30px;}
		#header .quick_list .scr_top{width:45px; height:45px;}
		#header .quick_list .contact{width:45px; height:45px;}
		#header .quick_list .contact dl{width:100%;}
		#header .quick_list .contact dl dd{width:100%;}
	}
	@media screen and (max-width:640px) { 
		#header .cont{height:100px;}
		#header .logo a{width:250px;}
		#header .menu-trigger{width:30px; height:24px;}
		#header .point_wrap{display:none;}
			#header.on .cont{height:80px;}

		#header .mem_list li:not(:last-child){margin-right:25px;}
		#header .quick_list li + li{margin-top:10px;}
	}
	@media screen and (max-width:479px) { 
		#header .cont{height:80px;}
		#header .logo a{width:200px;}
		#header .menu-trigger{width:28px; height:22px;}
			#header.on .cont{height:60px;}
		#header .mem_list{width:0;}

		#header .quick_list .scr_top{width:40px; height:40px;}
		#header .quick_list .scr_top img{height:18px;}
		#header .quick_list .contact{width:40px; height:40px;}
		#header .quick_list .contact img{height:16px;}
	}

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

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

───────────────────────────────────────────────────────────*/
	/* aside */
	.aside_bg{width:36%;height:100%;position: fixed;top:0;left:-35%;opacity:0;transition:all 0.5s;background:url('../images/skin/cate-bg.jpg')no-repeat center top;background-size:cover;z-index:95;}
		.aside_bg.on{left:0%;opacity:1;transition:all 0.5s;}
	.aside_bg .aside_logo{display:block;vertical-align: top;padding:29px 0 27px 72px;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;}
	#aside {top:0;right:-64%;width:64%;transition:0.8s;height:100%;box-sizing:border-box;position:fixed;background:#fff;z-index:95;opacity:0;transition:all 0.5s;}
		#aside.on {right:0;opacity:1;transition:all 0.5s;}

		#header.aside_on{box-shadow:none;}
		#header.aside_on .logo{filter:var(--filter-white);}
		#header.aside_on {background:var(--transparent);}
		#header.aside_on .gnb{opacity:0; pointer-events:none;}
		#header.aside_on .point_wrap{width:0; opacity:0; pointer-events:none; overflow:hidden;}
		#header.aside_on .mem_list{opacity:1; width:auto;}
		#header.aside_on .menu-trigger span{top:50%; right:50%; transform:translate(50%, -50%) rotate(45deg); background:var(--point-black);}
			#header.aside_on .menu-trigger span:nth-child(2){opacity:0;}
			#header.aside_on .menu-trigger span:nth-child(3){top:50%; transform:translate(50%, -50%) rotate(-45deg); margin-top:0;}

	#aside .aside_box {width:100%;height:100%;margin:0;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;display:block;font-size:0;}
	#aside .aside_box .aside_container{width:100%;height:100%;position: relative;font-size:0;}
	#aside .aside_hd{position: absolute;top:0;left:0;width:100%;height:100px;box-sizing:border-box;background:transparent;z-index:5;}
	#aside .aside_hd:after{clear:both;content:"";display: block;}
	#aside .aside_logo{display:none;vertical-align: top;padding:29px 0 28px 72px;}
	#aside .aside_logo a{display: block;width:100%;height:100%;}

	#aside .aside_right{display:flex;align-items:center;height:100%;padding-right:90px;vertical-align: top;float: right;font-size:0;}
	#aside .hd_lang{position:relative;display: inline-block;vertical-align: middle;margin-right:25px;}
	#aside .hd_lang dt{position:relative;font-size:18px;font-weight:600;color:#666;display: flex;cursor: pointer;}
	#aside .hd_lang dt span{display: flex;font-size:inherit;font-weight:inherit;color:inherit;padding-right:28px;align-items: center; }
		#aside .hd_lang dt span:before{display:inline-flex; content:''; width:25px; height:25px; background:url('../images/skin/icon-global-ov.png') no-repeat center;background-size:auto 100%;margin-right:10px; transition:all 0.4s;}
		#aside .hd_lang dt span:after{position:absolute;content:'';top:10px;right:0;border-top:4px solid #666;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:none;transition:all 0.4s;opacity:0.7;}
		#aside .hd_lang dt.on span:after{transform:rotate(180deg);top:13px;}
	#aside .hd_lang dd{display:none;text-transform:uppercase;position:absolute;top: calc(100% + 5px);left:50%;width: 100%;transform:translateX(-50%);text-align: center;background: #fff;border: 1px solid #ddd;box-sizing: border-box;}
	#aside .hd_lang dd ul{padding: 11px 16px;}
	#aside .hd_lang dd ul li{}
	#aside .hd_lang dd ul li a{position:relative;display: inline-block;font-size: 14px;font-weight: 400;color:#333;padding: 7px 0;transition:all 0.4s;}
		#aside .hd_lang dd ul li a:before{position:absolute;content:'';width:0;height:1px;background:#a60000;left:50%;bottom: 8px;transform:translateX(-50%);transition:all 0.4s;}

	#aside .btn_cate{display: inline-block;box-sizing:border-box;vertical-align: top;width:24px;height:24px;position: relative;}
	#aside .btn_cate a{display: block;width:100%;height:100%;position: relative;background:url('../images/skin/btn-close.png')no-repeat center;background-size:auto 100%;}

	#aside .slide_container{width:100%;height:100%;display:inline-block;box-sizing:border-box;vertical-align: top;}
	#aside .slide_box{display:flex;align-items:center;height:100%;position: relative;}
	#aside .slide_box .slidemenu{width:100%;padding:0 109px 0 127px;}
	#aside .slide_box .slidemenu > li{border-bottom:1px solid #ddd;display:flex;align-items:center;}
	#aside .slide_box .slidemenu > li:last-child{border:none;}
	#aside .slide_box .slidemenu > li > a{font-size: 25px;color:#333;font-weight:700;letter-spacing:-0.84px;display: inline-block;width: 130px;vertical-align: top;padding: 30px 0;transition:all 0.4s;}
	#aside .slide_box .slidemenu > li .depth{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(100% - 140px);padding-left:71px;font-size:0;}
	#aside .slide_box .slidemenu > li .depth li{display: inline-block;box-sizing:border-box;vertical-align: top;margin: 0 31px 6px;}
	#aside .slide_box .slidemenu > li .depth li a{font-size: 17px;color:#666;font-weight:400;transition:all 0.4s;}

		@media screen and (min-width:1024px) {
			#aside .slide_box .slidemenu > li:hover > a{color:var(--point-color);}
			#aside .slide_box .slidemenu > li .depth li:hover a{color:#333;}	
		}
		@media screen and (min-width:768px) {
			#aside .slide_box .slidemenu > li .depth{display:block !important;}
		}
	@media screen and (max-width:1900px) {
		#aside .slide_box .slidemenu{padding:0 45px;}
	}
	@media screen and (max-width:1650px) {
		#aside .slide_box .slidemenu > li > a{font-size:24px;width: 200px;}
		#aside .slide_box .slidemenu > li .depth{width: calc(100% - 200px);padding: 15px 0 15px 30px;}
	}
	@media screen and (max-width:1024px) {
		.aside_bg .aside_logo{padding:22px 0 23px 20px;}
		.aside_bg .aside_logo a{height:35px;}
		.aside_bg .aside_logo img{height:100%;}
	
		#aside .aside_hd{height:80px;}
		#aside .aside_right{padding-right:30px;}
		#aside .slide_box .slidemenu{padding: 0 35px;}
		#aside .slide_box .slidemenu > li > a{font-size: 22px;width: 140px;}
		#aside .slide_box .slidemenu > li .depth{width: calc(100% - 140px);}
		#aside .slide_box .slidemenu > li .depth li{margin:0 10px 10px;}
		#aside .slide_box .slidemenu > li .depth li a{font-size:16px;}
	}
	@media screen and (max-width:767px) {
		.aside_bg.on{display: none;}
		#aside{top: 0;border-top:1px solid #ddd;width:100%;right:-100%;padding-top: 100px;}
			#header.aside_on .logo a{width:0;}
		#aside .aside_box{overflow-y:auto;overflow-x:hidden;}
		#aside .aside_hd, #aside .aside_bnr{display: none;}
		#aside .slide_container{display: block;width:100%;margin-top: 0;height:auto;}
		#aside .slide_box{width:100%;display: block;height:auto;}
		#aside .aside_box .aside_container{height:auto;padding-bottom:200px;}
		#aside .aside_box .aside_container:before{bottom:0;right:50%;transform:translateX(50%);width:300px;height:110px;}
		#aside .slide_box .slidemenu{box-sizing:border-box;}
		#aside .slide_box .slidemenu > li{display: block;text-align: center;position: relative;box-sizing:border-box;padding:0;border:none;}
		#aside .slide_box .slidemenu > li > a{width: auto;font-size:22px;display: block;width:100%;border-bottom:1px solid #ddd;line-height: 1.5;padding: 15px 0;}
		#aside .slide_box .slidemenu li.on > a{color:var(--point-color) !important;}
		#aside .slide_box .slidemenu .icons{display: inline-block;box-sizing:border-box;position: relative;width:55px;height:55px;position: absolute;top:0;right:0;cursor:pointer;}
		#aside .slide_box .slidemenu .icons:before{width:10px;height:10px;content:"";border:1px solid #888;border-width:1px 1px 0 0;position: absolute;top:50%;left:50%;transform:translate(-50%, -86%) rotate(135deg);}
		#aside .slide_box .slidemenu li.on .icons:before{transform:translate(-50%, -41%) rotate(-45deg);border-color:var(--point-color);}
		#aside .slide_box .slidemenu > li .depth{width:100%;padding: 30px 0 30px;margin: 0;display: none;background: #f5f5f5;}
		#aside .slide_box .slidemenu > li .depth li{display: block;margin:0;}
		#aside .slide_box .slidemenu > li .depth li + li{margin-top:20px;}
		#aside .slide_box .slidemenu > li .depth li a{font-size:18px;display: block;}

		#aside .m_multi_lang{display: block;margin-top:60px;}
		#aside .m_multi_lang ul{font-size:0;text-align: center;}
		#aside .m_multi_lang ul li{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;}
		#aside .m_multi_lang ul li + li{margin-left:40px;padding-left:40px;}
		#aside .m_multi_lang ul li + li:before{width:1px;height:15px;content:"";background:#ddd;position: absolute;left:0;top:4px;}
		#aside .m_multi_lang ul li a{font-size:20px;color:#888;font-weight:400;text-transform:uppercase;}
		#aside .m_multi_lang ul li.on a{color:#333;}
	}
	@media screen and (max-width:479px) {
		#aside{padding-top: 80px;}
		#aside .slide_container{}
		#aside .slide_box .slidemenu > li > a{font-size:20px;}	
		#aside .slide_box .slidemenu .icons{width:60px;height:60px;}
		#aside .slide_box .slidemenu .icons:before{left:71%;}
		#aside .slide_box .slidemenu li.on .icons:before{transform:translate(-50%, -26%) rotate(-45deg);}
		#aside .slide_box .slidemenu > li .depth{padding: 14px 0 15px 0;}
		#aside .slide_box .slidemenu > li .depth li + li{margin-top:0;}
		#aside .slide_box .slidemenu > li .depth li a{font-size:14px;color:#666;font-weight:400;line-height:38px;}
		#aside .m_multi_lang{margin-top:34px;}
		#aside .m_multi_lang ul li + li{margin-left:19px;padding-left:19px;}
		#aside .m_multi_lang ul li + li:before{height:11px;}
		#aside .m_multi_lang ul li a{font-size:17px;}
	}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--point-black); padding:60px 0 100px;}
	#footer .top_sec{position:relative;}
	#footer .logo{font-size:0;}
	#footer .logo img{filter:var(--filter-white);}
	#footer .link_list{position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-flex; align-items:center; font-size:var(--title-20); font-weight:200; color:var(--point-white);}
	#footer .link_list li{}
		#footer .link_list li:not(:last-child):after{display:inline-flex; content:'·'; margin:0 10px;}
	#footer .link_list li a{font-size:80%;}
	#footer .link_list li a strong{font-weight:400;}
	#footer .btn_sec{border-top:1px solid rgba(255,255,255,0.3); margin-top:39px; padding-top:35px; font-size:var(--title-20);}
	#footer .btn_sec :where(.info dl dt, .info dl dd, .copy){font-size:80%; font-weight:200; line-height:2; box-sizing:border-box;}
	#footer .info{}
	#footer .info li{display:flex; flex-wrap:wrap;}
	#footer .info dl{display:inline-flex;}
		#footer .info dl:not(:last-child){margin-right:30px;}
	#footer .info dl :where(dt, dd){color:#ccc; }
	#footer .info dl dt{}
	#footer .info dl dd{}
	#footer .copy{color:#999; margin-top:30px;}
	
	@media screen and (max-width:1023px){
		#footer{padding:50px 0 90px;}
		#footer .logo{width:290px;}
		#footer .btn_sec{margin-top:35px; padding-top:30px;}
	}
	@media screen and (max-width:860px){
		#footer{padding:40px 0 80px;}
		#footer .logo{width:270px;}
		#footer .btn_sec{margin-top:30px; padding-top:25px;}
		#footer .info dl:not(:last-child){margin-right:25px;}
		#footer .copy{margin-top:25px;}
	}
	@media screen and (max-width:640px){
		#footer{padding:40px 0 70px;}
		#footer .logo{width:250px;}
		#footer .btn_sec{margin-top:25px; padding-top:20px;}
		#footer .info dl:not(:last-child){margin-right:20px;}
		#footer .copy{margin-top:20px;}
	}
	@media screen and (max-width:540px){
		#footer .link_list{position:relative; transform:none; top:auto; right:auto; margin-top:15px;}
	}
	@media screen and (max-width:479px){
		#footer .logo{width:200px;}
		#footer .btn_sec{margin-top:20px; padding-top:15px;}
		#footer .info li{display:block;}
		#footer .info dl{display:flex;}
			#footer .info dl:not(:last-child){margin-right:0;}
	}

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

	 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%;}
		
	/* visual */
		.main_visual {position:relative; overflow:hidden;}
		.main_visual .slick-slide {position:relative; height:1040px;}
		.main_visual .thumb{width:100%; height:100%; background:no-repeat center; background-size:cover;}
		.main_visual .txt_box{position:absolute;top: 48.5%;left:50%;transform: translate(-50%, -50%);color:var(--point-white); padding-right:30px;}
		.main_visual h2{font-size:var(--title-60);font-weight:700;font-family:var(--font-type02);line-height: 1.38;letter-spacing: 0.035em;}
			.main_visual h2 + h6{margin-top:30px;}
		.main_visual h2 span{display:block;}
		.main_visual h5{font-size:var(--title-30);font-weight:500;font-family:var(--font-type02);line-height:1.3;letter-spacing: 0;}
			.main_visual h5 + h2{margin-top: 25px;}
		.main_visual h6{font-size:var(--title-20); font-weight:300; font-family:var(--font-type02); line-height:1.5;}
		.main_visual h6 + .point_wrap{margin-top:40px;}
		.main_visual .slick-slide:not([data-slick-index="1"]) .point_wrap{display:none;}

		.main_visual .txtAni{transform:translateY(70px); opacity:0; transition:all 1.2s; transition-delay:0.2s;}
			.main_visual .txtAni + .txtAni{transition-delay:0.4s;}
			.main_visual .txtAni:has(span) + .txtAni{transition-delay:0.6s;}
			.main_visual .txtAni + .txtAni + .txtAni{transition-delay:0.8s;}
		.main_visual .active .txtAni{transform:translate(0); opacity:1; }

		.main_visual .controller{position:absolute; bottom:11.3%; left:50%; transform:translateX(-50%);  display:flex; align-items:center; font-size:var(--title-20);}
		.main_visual .count{font-size:80%; font-weight:500; color:var(--point-white); font-family:var(--font-type02); width:22px;}
			.main_visual .count.slideCountAll{opacity:0.5;}
		.main_visual .slider-progress{position:relative; width:120px; height:1px; background:rgba(255,255,255,0.3); margin:0 17px;}
		.main_visual .progress{position:absolute; top:0; left:0; height:100%; background:var(--point-white);}
		.main_visual .slick-arrow{position:absolute;width: 17px;height: 17px;border: 3px solid var(--transparent);border-top-color:var(--point-white);border-right-color:var(--point-white);top:50%;right: 4.5%;transform:translateY(-50%) rotate(45deg);font-size:0;z-index: 3;margin-top: -40px;border-radius: 3px;}
			.main_visual .slick-arrow.slick-prev{transform: translateY(-50%) rotate(45deg) scale(-1, -1);margin-top: 40px;right: calc(4.5% - 10px);}
		.main_visual .scr_dwn{display:flex;align-items:center;position:absolute;left: 2.2%;bottom: 15%;font-size:14px;font-weight:500;color:var(--point-white);font-family:var(--font-type02);transform:rotate(-90deg);width: 112px;}
		.main_visual .scr_dwn span{position: relative;width:40px;height:40px;border:1px solid rgba(255,255,255,0.5);border-radius:100%;box-sizing:border-box;margin-right:18px;overflow: hidden; transition:all 0.4s}
			.main_visual .scr_dwn span:before{position:absolute;content:'';top:50%;right: -4px;width:4px;height:4px;border-radius:100%;background:var(--point-white);margin-top: -2px; transition:all 0.4s}
		
		.main_visual .scr_dwn span:before{animation-name: ScrlDwn; animation-duration:1.2s; animation-iteration-count:infinite;  animation-fill-mode: forwards; transition-timing-function:linear; }
		@keyframes ScrlDwn {0% {right:-4px;} 50% {right:calc(50% - 2px)} 100% {right:100%;}}

		/* over */
			@media screen and (min-width:1024px) { 
				.main_visual .scr_dwn:hover span{border-color:var(--point-color);}
				.main_visual .scr_dwn:hover span:before{background:var(--point-color); }
			}

	/* 공통 */
		.point_wrap{display:flex; font-size:var(--title-20);}
		.point_btn{display:inline-flex;align-items:center;justify-content:center;text-align:center; width:140px; height:50px;font-size:90%;font-weight: 500;color:var(--point-white);background:var(--point-color);font-family: var(--font-type02);padding: 0 15px;box-sizing:border-box;border-radius:80px;letter-spacing: 0; transition:all 0.4s;}
			.point_btn.lg{width:160px; height:60px;}
			.point_btn.long{width:180px; height:60px;}
			.point_btn + .point_btn{margin-left:20px;}
			.point_btn.bk {background:var(--point-black);}
			.point_btn.wh{background:var(--transparent); border:1px solid var(--point-white);}
			.point_btn.whbg{background:var(--point-white);}
				.point_btn.whbg span{color:var(--point-color);}
				.point_btn.whbg span:after{filter:none;}
		.point_btn span{position:relative; }
			.point_btn span:after{position:absolute; content:''; width:16px; height:10px; top:50%; margin-top:-5px; left:100%; background:url('../images/skin/point_arw.png') no-repeat center; filter:var(--filter-white);opacity:0; transition:all 0.4s;}
		.point_btn em{display:inline-block; font-weight:inherit; transition:all 0.4s;}

		.main_content{background:#E9EEF2; overflow:hidden;}
		.main_title{position:relative; font-size:var(--title-20);}
			.main_title.cen{text-align:center;font-family: var(--font-type02);}
			.main_title.hd{padding: 137px 0 74px;}
		.main_title h2{font-size:var(--title-70); font-weight:800; color:var(--point-black); line-height:1.2;}
			.main_title h2 + h5{margin-top:40px;}
		.main_title h3{font-size:270%;font-weight:600;color:var(--point-black);line-height: 1.31;letter-spacing: -0.05em;}
			.main_title h3 + h6{margin-top: 28px;}
			.main_title h3 + .point_wrap{margin-top: 57px;}
		.main_title h3 strong{font-weight:inherit; color:var(--point-color);}
		.main_title h5{font-size:120%;font-weight: 500;color:#3B3838;letter-spacing: -0.06em;}
			.main_title h5 + h3{margin-top: 40px;}
			.main_title h5 + .point_btn{margin-top: 55px;}
		.main_title h6{font-weight:500; letter-spacing: -0.05em; line-height:1.5;}
		.main_title h6 + .bullet_list{margin-top:35px;}

		.bullet_list{position:relative; font-size:0; box-sizing:border-box;}
			.bullet_list + .point_btn{margin-top:75px;}
		.bullet_list > li{font-size:var(--title-20);}
			.bullet_list > li:before{display:inline-flex;content:'';width:6px;height:6px;border-radius:100%;background:var(--point-color);vertical-align: super;}
		.bullet_list > li > span{display:inline-block;font-size:85%;font-weight:500;box-sizing:border-box;padding-left:11px;vertical-align: top;width: calc(100% - 6px);}

			/* over */
			@media screen and (min-width:1024px) { 
				.point_btn:hover span:after{opacity:1;}
				.point_btn:hover em {transform:translateX(-15px);}
				.point_btn.wh:hover{background:var(--point-color); border-color:var(--point-color);}
			}

	/* main_growth */
		.main_growth{position:relative;padding-bottom: 26px;}
			.main_growth:before{position:absolute;content:'';top: -5%;left: -16%;width:598px;height:598px;border-radius:100%;background: rgba(0, 194, 255, 0.30);filter: blur(150px);} 
			.main_growth:after{position:absolute;content:'';bottom: -15%;right: -9%;width:492px;height:492px;border-radius:100%;background: rgba(0, 71, 255, 0.30);filter: blur(150px);}
		.main_growth .main_title h3, .main_growth .main_title h3 + h3 + h3{transform:translateX(-100%); transition:all 1s;}
			.main_growth .main_title h3 + h3{transform:translateX(100%);}
			.main_growth .main_title h3.aos-animate{transform:translateX(0);}
		.main_growth .info_list{position:relative;display:flex;z-index: 2;}
		.main_growth .info_list > li{width:100%;padding: 87px 40px 28px;box-sizing:border-box;border-radius:20px;background: #F3F7FA;box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.10);}
			.main_growth .info_list > li:not(:last-child){margin-right:30px;}
		.main_growth .info_list .icon{font-size:0; display:flex; height:124px; align-items:center; justify-content:center;}
			.main_growth .info_list .icon + .exp{margin-top: 79px;}
		.main_growth .info_list .exp{font-size:var(--title-20); }
		.main_growth .info_list .exp dt{font-size:110%;font-weight:500;color:var(--point-black);letter-spacing: -0.045em;}
			.main_growth .info_list .exp dt + dd{margin-top: 6px;}
		.main_growth .info_list .exp dd{font-size:var(--title-60);font-weight:600;color:var(--point-color);font-family:var(--font-type02);line-height:1.2;letter-spacing: -0.045em; display:flex; align-items:center;}
		.main_growth .info_list .count{position:relative;height:80px;line-height:80px;overflow:hidden;}
		.main_growth .info_list .count span{opacity:0; display:inline-block; height:100%;}
		.main_growth .info_list .count ul{position:absolute; bottom:-1000%; left:0; transition:0s; }
			.main_growth .info_list .aos-animate .count ul{bottom:0; transition:all 3s;}
		.main_growth .info_list .count + em{margin-left:10px;}
		.main_growth .info_list li:nth-child(3) .count + em{margin-left:0;}
		.main_growth .info_list li:nth-child(3) .count + em span{margin-left:10px;}
		.main_growth .info_list em span{display: inline-block;transform: translateY(-3px);}
	/* main_brand */
		.main_brand{padding-bottom:159px;}
		.main_brand .brandSwiper{}
		.main_brand .brandSwiper .swiper-wrapper{animation-timing-function:linear; will-change:transform;}
		.main_brand .brandSwiper .swiper-slide{width:auto; height:auto; display:inline-flex; align-items:center;}
		.main_brand .brandSwiper .swiper-slide img{}
		.main_brand .bnr_list{}
		.main_brand .bnr_list li{position:relative;height: 73px;width: 100%; background:url('../images/skin/main_brand_img01.png') repeat left center; background-size:auto 100%; animation: imgMov 120s linear infinite; mix-blend-mode:darken; }
			.main_brand .bnr_list li + li{height:59px;margin-top: 72px;background-image:url('../images/skin/main_brand_img02.png');background-position-x:right;animation: imgMovRever 120s linear infinite;}
		@keyframes imgMov { 100% { background-position-x: right;} }
		@keyframes imgMovRever { 100% { background-position-x: left;} }

	/* main_agency */
		.main_agency{height:1000px;background:url('../images/skin/main_agency_bg.jpg') no-repeat center;background-size:cover;display:flex;align-items:center;justify-content:center;clip-path: circle(0% at 50% 50%);transition: all 4s !important;transition-delay: 0.2s !important;}
			.main_agency.aos-animate{clip-path: circle(100vmax at 50% 50%);}
		.main_agency .main_title :where(h2, h5){color:var(--point-white);}
		.main_agency .main_title h2{font-weight:700;}
		.main_agency .main_title h5{font-weight:400;}

	/* main_service */
		.main_service{background: var(--point-white);}
		.main_service .main_title h5{font-family:var(--font-type02);}
			.main_service .main_title h5 + h3{margin-top:30px;}
		.main_service .info_wrap{border-top:1px solid rgba(170, 170, 170, 0.67);margin-top: -1.4vw;}
		.main_service .info_list{position:relative; display:flex; padding:50px 0 140px; }
			.main_service .info_list:before{position:absolute; content:''; width:1px; height:100%; background:rgba(170, 170, 170, 0.67); top:0; left:50%; margin-left:-0.5px;}
		.main_service .info_list li{position:relative; width:100%; transition:all 0.4s; overflow:hidden;}
			.main_service .info_list li:not(:last-child){margin-right:100px;}
			.main_service .info_list li:before{position:absolute;content:'';width:100%;height: 85%;bottom: 0;left:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 17.5%, #0094E8 78.7%); opacity:0; transition:all 0.4s;}
		.main_service .info_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:6;}
		.main_service .info_list .thumb{display:block; font-size:0; width:100%; height:500px;}
			.main_service .info_list .thumb img{width:100%; height:100%; object-fit:cover;}
		.main_service .info_list .exp{position:absolute; left:50px; bottom:55px; width:calc(100% - 100px); font-size:var(--title-20); z-index:2;}
		.main_service .info_list .exp dt{font-weight:400; color:var(--point-white); font-family:var(--font-type02);}
			.main_service .info_list .exp dt + dd{margin-top: 13px;}
		.main_service .info_list .exp dd{font-size:200%; font-weight:600; color:var(--point-white);}
			.main_service .info_list .exp dd + dd{display:none; font-size:100%; font-weight:400; margin-top:15px;}
		.main_service .info_list .more_arw{position:absolute;top:56px;right:56px;width: 80px;height:80px;border-radius:100%;background:var(--point-color); opacity:0; transition:all 0.4s;}
			.main_service .info_list .more_arw:before{position:absolute; content:''; width:16px; height:10px; background:url('../images/skin/point_arw.png') no-repeat center; top:50%; left:50%; transform:translate(-50%, -50%); filter:var(--filter-white);}
			.main_service .info_list .more_arw:after{position:absolute;content:'';top:50%;left:50%;transform:translate(-50%, -50%);width: 160%;height: 160%;background:url('../images/skin/more_arw_svg.svg') no-repeat center;background-size: auto 92%;}

			.main_service .info_list .more_arw:after { animation: rotating 12s linear infinite;}
			@keyframes rotating {from {transform:translate(-50%, -50%) rotate(360deg);} to {transform:translate(-50%, -50%) rotate(0deg);} }

			/* over */
			@media screen and (min-width:1024px) { 
				.main_service .info_list li:hover{border-radius:20px;}
				.main_service .info_list li:hover:before{opacity:1;}
				.main_service .info_list li:hover .more_arw{opacity:1;}
			}
	/* main_licensing */
		.main_licensing{position:relative; background:url('../images/skin/main_licensing_bg01.jpg') no-repeat center; background-size:cover; height:940px; transition:all 0.4s;}
			.main_licensing:before{position:absolute; content:''; width:50%; height:100%; top:0; right:0;  background:rgba(0,0,0,0.7);}
		.main_licensing .w_custom{display:flex; height:100%; align-items:center;}
		.main_licensing .cont{width:50%; padding-right:100px; box-sizing:border-box;}
		.main_licensing .info{width:50%;  padding-left:100px; box-sizing:border-box;}
		.main_licensing .main_title :where(h2, h3, h6){color:var(--point-white); font-family:var(--font-type02);}
		.main_licensing .main_title .icon + h3{margin-top: 37px;}
		.main_licensing .main_title h3{font-size:var(--title-50);letter-spacing: 0.02em;}
		.main_licensing .main_title h6{font-weight:400;}
		.main_licensing .country_list{display:flex;flex-wrap:wrap;margin-left:-5px;margin-top:50px;width: calc(100% + 10px);}
		.main_licensing .country_list li{position:relative; width:180px; height:180px; border:2px solid var(--point-color); background:var(--point-white); display:flex; align-items:center; justify-content:center; text-align:center; border-radius:20px; margin:5px; cursor:pointer; overflow:hidden; transition:all 0.4s;}
			.main_licensing .country_list li:before{position:absolute; content:''; width:0; height:0; background:var(--point-color); top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.5s; border-radius:20px;}
		.main_licensing .country_list dl{position:relative; z-index:2;}
		.main_licensing .country_list dl dt{font-size:0;}
			.main_licensing .country_list dl dt + dd{margin-top:20px;}
		.main_licensing .country_list dl dd{font-size:var(--title-20); font-weight:500; color:var(--point-color); transition:all 0.4s;}
		.main_licensing .point_btn.long{width:250px;}
		.main_licensing .bullet_list > li > span{color:var(--point-white);font-weight: 400;}
		.main_licensing .tab_cont{height:0; opacity:0; overflow:hidden; transition:all 0.4s;}

		/* on */
			.main_licensing .country_list li.on{background:var(--transparent); border-color:var(--transparent);}
				.main_licensing .country_list li.on:before{width:100%; height:100%;}
			.main_licensing .country_list li.on dl dd{color:var(--point-white); font-weight:600;}
			.main_licensing .tab_cont.on{height:auto; opacity:1;}

		/* over */
			@media screen and (min-width:1024px) { 
				.main_licensing .country_list li:hover{background:var(--transparent); border-color:var(--transparent);}
					.main_licensing .country_list li:hover:before{width:100%; height:100%;}
				.main_licensing .country_list li:hover dl dd{color:var(--point-white); font-weight:600;}
			}

	.main_inquiry{position:relative; background:var(--point-color); height:640px; display:flex; align-items:center; overflow:hidden;}
		.main_inquiry:before{position:absolute;content:'';width:763px;height:724px;background:url('../images/skin/main_inquiry_bg.png') no-repeat center;top: 4%;right: 8%;}
		.main_inquiry:before{animation-name: rote;animation-duration: 30s;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode: forwards;transition-timing-function:linear;}
		@keyframes rote {0% {transform:scale(1) rotate(0trun)}100% {transform: scale(0.95) rotate(0.1turn);}}
	.main_inquiry .main_title :where(h3, h5){color:var(--point-white);}
	.main_inquiry .main_title h3{font-weight: 500;}
	.main_inquiry .main_title h5{font-weight: 400;}
	.main_inquiry .point_btn.lg{width:220px;font-size: 100%;font-weight: 700;}


	@media screen and (max-width:1630px) { 
		.main_visual .scr_dwn{bottom:20%;}
	}
	@media screen and (max-width:1460px) { 
		.main_visual .slick-slide[data-slick-index="1"] .thumb{background-position:calc(100% + 250px) 50%;}
		.main_visual .scr_dwn{left:-7px;}
		.main_visual .slick-arrow{right:30px;}
			.main_visual .slick-arrow.slick-prev{right:23px;}
		.point_btn + .point_btn{margin-left:15px;}

		.main_growth .info_list > li:not(:last-child){margin-right:20px;}

		.main_service .info_list .exp{left:45px; bottom:50px; width:calc(100% - 90px);}

		.main_licensing .cont{padding-right:30px;}

		.main_inquiry:before{width:52.3vw; height:49.7vw; top:2vw; right:8vw; background-size:100% auto; min-width:550px; min-height:550px;}
	}
	@media screen and (max-width:1300px) { 
		.main_service .info_list{padding:40px 0 130px;}
		.main_service .info_list li:not(:last-child){margin-right:80px;}

		.main_licensing .country_list li{position:relative; width:calc(100% / 3 - 14px); height:0; padding-bottom:calc(31.4% - 2px);}
		.main_licensing .country_list dl{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 30px);}
		.main_licensing .info{padding-left:70px;}
	}
	@media screen and (max-width:1200px) { 
		.main_service .info_list{padding:30px 0 120px;}
		.main_service .info_list li:not(:last-child){margin-right:60px;}
		.main_service .info_list .exp{left:40px; bottom:45px; width:calc(100% - 80px);}
		.main_service .info_list .exp dd br{display:none;}
		.main_service .info_list .thumb{height:450px;}
	}
	@media screen and (max-width:1200px) { 
		.main_licensing .main_title h6 br{display:none;}
	}
	@media screen and (max-width:1023px) { 
		.main_visual .slick-slide{height:102vw; max-height:1040px; min-height:750px;}
		.main_visual .slick-slide[data-slick-index="1"] .thumb{background-position:72% 50%;}
		.main_visual h2 + h6{margin-top:25px;}
		.main_visual h5 + h2{margin-top:20px;}
		.main_visual h6 + .point_wrap{margin-top:35px;}
		.main_visual .scr_dwn{left:-18px; font-size:13px; width:99px;}
		.main_visual .scr_dwn span{margin-right:15px; width:35px; height:35px;}
		.main_visual .slick-arrow{right: 16px;margin-top:-35px;}
			.main_visual .slick-arrow.slick-prev{right: 11px;margin-top:35px;}

		.point_btn{width:120px; height:46px;}
			.point_btn.lg{width:140px; height:56px;}
			.point_btn.long{width:160px; height:56px;}
			.point_btn + .point_btn{margin-left:15px;}

		.main_title.hd{padding:120px 0 60px;}
		.main_title h2 + h5{margin-top:35px;}
		.main_title h3 + h6{margin-top:23px;}
		.main_title h3 + .point_wrap{margin-top:52px;}
		.main_title h5 + h3{margin-top:30px;}
		.main_title h5 + .point_btn{margin-top:50px;}
		.main_title h6 + .bullet_list{margin-top:30px;}
		.bullet_list + .point_btn{margin-top:65px;}

		.bullet_list > li:before{width:5px; height:5px;}
		.bullet_list > li > span{width:calc(100% - 5px);}

		.main_growth:before, .main_growth:after{display:none;}
		.main_growth:before{width:58.5vw; height:58.5vw;}
		.main_growth:after{width:48vw; height:48vw;}
		.main_growth .info_list > li{padding:82px 35px 25px;}
			.main_growth .info_list > li:not(:last-child){margin-right:15px;}
		.main_growth .info_list .icon{height:110px;}

		.main_brand{padding-bottom:140px;}
		.main_brand .bnr_list li{height:69px;}
			.main_brand .bnr_list li + li{height:55px; margin-top:65px;}

		.main_agency{height:98vw; max-height:1000px; min-height:600px;}

		.main_service .main_title h5 + h3{margin-top:25px;}
		.main_service .info_list li:before{}
		.main_service .info_list .exp{left:35px; bottom:40px; width:calc(100% - 70px);}
		.main_service .info_list .exp dt + dd{margin-top:10px;}
		.main_service .info_list .exp dd + dd{display:none !important; margin-top:12px;}
		.main_service .info_list .more_arw{ top:45px; right:45px; width:70px; height:70px;}

		.main_licensing{height:92vw; max-height:940px; min-height:600px;}
		.main_licensing .cont{padding-right:15px;}
		.main_licensing .country_list{margin-top:40px;}
		.main_licensing .main_title .icon + h3{margin-top:30px;}
		.main_licensing .info{padding-left:50px;}
		.main_licensing .point_btn.long{width:230px;}

		.main_licensing .country_list{margin-top:30px;}
		.main_licensing .country_list dl dt + dd{margin-top:15px;}
		.main_licensing .main_title .icon + h3{margin-top:25px;}
		.main_licensing .point_btn.long{width:210px;}

		.main_inquiry{height:62.5vw; min-height:450px;}
		.main_inquiry .point_btn.lg{width:200px;}
	}
	@media screen and (max-width:860px) { 
		.main_visual .slick-slide[data-slick-index="1"] .txt_box{top:20%; transform:translateX(-50%);}
		.main_visual h2 + h6{margin-top:20px;}
		.main_visual h5 + h2{margin-top:15px;}
		.main_visual h6 + .point_wrap{margin-top:35px;}
		.main_visual .scr_dwn{left: -15px;font-size: 12px;width: 88px;}
		.main_visual .scr_dwn span{width:30px;height:30px;margin-right: 12px;}
		.main_visual .slick-arrow{margin-top:-30px;}
			.main_visual .slick-arrow.slick-prev{margin-top:30px;}

		.point_btn{width:110px; height:42px;}
			.point_btn.lg{width:120px; height:50px;}
			.point_btn.long{width:140px; height:50px;}

		.main_title.hd{padding:100px 0 50px;}
		.main_title h2 + h5{margin-top:30px;}
		.main_title h3 + h6{margin-top:18px;}
		.main_title h3 + .point_wrap{margin-top:47px;}
		.main_title h5 + h3{margin-top:25px;}
		.main_title h5 + .point_btn{margin-top:45px;}
		.main_title h6 + .bullet_list{margin-top:25px;}
	
		.bullet_list + .point_btn{margin-top:55px;}

		.main_growth .info_list > li{padding:75px 30px 20px;}
		.main_growth .info_list .count{height:70px; line-height:70px;}
		.main_growth .info_list .icon{height:100px;}
			.main_growth .info_list .icon + .exp{margin-top:70px;}

		.main_brand{padding-bottom:120px;}
		.main_brand .bnr_list li{height:60px;}
			.main_brand .bnr_list li + li{height:50px; margin-top:55px;}

		.main_service .main_title h5 + h3{margin-top:20px;}
		.main_service .info_list .exp dt + dd{margin-top:7px;}
		.main_service .info_list .exp dd + dd{margin-top:10px;}
		.main_service .info_list .more_arw{opacity:1; top:40px; right:40px; width:60px; height:60px;}

		.main_licensing .country_list{margin-top:20px;}
		.main_licensing .country_list dl dt img, .main_licensing .main_title .icon img{width:58px;}
		.main_licensing .country_list dl dt + dd{margin-top:10px;}
		.main_licensing .main_title .icon + h3{margin-top:20px;}
		.main_licensing .point_btn.long{width:190px;}

		.main_inquiry .point_btn.lg{width:180px;}
	}
	@media screen and (max-width:767px) { 
		.main_visual h2 span{display:inline;}

		.main_service .info_list{display:block; padding:30px 0 80px;}
			.main_service .info_list:before{display:none;}
		.main_service .info_list li:not(:last-child){margin:0 0 30px 0;}
		.main_service .info_list .thumb{height:58vw; min-height:400px;}

		.main_licensing{height:auto; max-height:none;}
			.main_licensing:before{display:none;}
		.main_licensing .w_custom{display:block;}
		.main_licensing .cont{width:100%; padding:100px 0 40px;}
		.main_licensing .info{position:relative; width:100%; padding:40px 0 100px;}
			.main_licensing .info:before{position:absolute; content:''; width:calc(100% + 30px); top:0; left:-15px; height:100%; background:rgba(0,0,0,0.7);}

			.main_growth .info_list li:nth-child(3) .count + em span{margin-left:5px;}
	}
	@media screen and (max-width:640px) { 
		.main_visual .slick-slide{height:117vw; min-height:350px;}
		.main_visual .slick-slide[data-slick-index="1"] .thumb{background-position:77% 50%;}
		.main_visual .txt_box{padding-right:0;}
		.main_visual h2 + h6{margin-top:15px;}
		.main_visual h5 + h2{margin-top:10px;}
		.main_visual h6 + .point_wrap{margin-top:30px;}
		.main_visual .scr_dwn{font-size: 11px;bottom: 100px; display:none;}
		.main_visual .scr_dwn span{width:28px;height:28px;margin-right: 10px;}
		.main_visual .slick-arrow{margin-top:-25px; width:15px; height:15px; display:none !important;}
			.main_visual .slick-arrow.slick-prev{margin-top:25px;}
		.main_visual .controller{bottom:30px;}
		.main_visual .slider-progress{margin:0 15px;}

		.point_btn{width:100px; height:40px;}
			.point_btn + .point_btn{margin-left:10px;}
			.point_btn.lg{width:110px; height:45px;}
			.point_btn.long{width:120px; height:45px;}
		
		.main_title.hd{padding:80px 0 40px;}
		.main_title h2 + h5{margin-top:25px;}
		.main_title h5 + h3{margin-top:20px;}
		.main_title h5 + .point_btn{margin-top:40px;}
		.main_title h3{font-size:240%;}
			.main_title h3 + .point_wrap{margin-top:42px;}

		.bullet_list + .point_btn{margin-top:45px;}
		.main_growth:before, .main_growth:after{filter:blur(75px); }
		.main_growth .info_list{flex-wrap:wrap;}
		.main_growth .info_list > li{width:100%; border-radius:10px; padding:50px 40px; display:flex; align-items:center;}
			.main_growth .info_list > li:not(:last-child){margin-right:0;}
			.main_growth .info_list > li:nth-child(n+2){margin-top:15px;}
		.main_growth .info_list .count{height:60px; line-height:60px;}
		.main_growth .info_list li:nth-child(3) .count + em span{margin-left:10px;}
		.main_growth .info_list .icon{width:100px; height:90px;}
			.main_growth .info_list .icon + .exp{margin-top:0; padding-left:40px; width:calc(100% - 100px); box-sizing:border-box;}

		.main_brand{padding-bottom:100px;}
		.main_brand .bnr_list li{height:55px;}
			.main_brand .bnr_list li + li{height:45px; margin-top:50px;}

		.main_service .main_title h5 + h3{margin-top:15px;}

		.main_licensing .country_list li, .main_licensing .country_list li:before{border-radius:10px;}

		.main_inquiry .point_btn.lg{width:160px;}
	}
	@media screen and (max-width:540px) { 
		.main_inquiry .main_title h3 br{display:none;}
	}
	@media screen and (max-width:479px) { 
		.main_visual .slick-slide[data-slick-index="1"] .txt_box{top:18%; transform:translateX(-50%);}
		.main_visual h2{font-size:22px; letter-spacing:-0.02em;}
		.main_visual h6{font-size:12px;}
		.main_visual h2 + h6{margin-top:12px;}
		.main_visual h2 span{display:inline-block;}
		.main_visual h5 + h2{margin-top:8px;}
		.main_visual h6 br{display:none;}
		.main_visual h6 + .point_wrap{margin-top:25px;}
		.main_visual .slick-arrow{margin-top:-20px; border-width:2px; width:12px; height:12px;}
			.main_visual .slick-arrow.slick-prev{margin-top:20px;}
		.main_visual .controller{bottom:25px;}

		.point_btn.lg{height:40px;}

		.main_title.hd{padding:70px 0 30px;}
		.main_title h3{font-size:200%;}
		.main_title h2 + h5{margin-top:20px;}
		.main_title h3 + h6{margin-top:13px;}
		.main_title h3 + .point_wrap{margin-top:37px;}
		.main_title h5{font-size:110%;}
			.main_title h5 + h3{margin-top:15px;}
		.main_title h5 + .point_btn{margin-top:35px;}
		.main_title h6 + .bullet_list{margin-top:20px;}

		.bullet_list + .point_btn{margin-top:35px;}
		.bullet_list > li:before{width:4px; height:4px;}
		.bullet_list > li > span{width:calc(100% - 4px); padding-left:8px;}

		.main_growth .info_list > li{padding:50px 30px; }
		.main_growth .info_list .icon{width:90px; height:80px;}
			.main_growth .info_list .icon + .exp{padding-left:30px; width:calc(100% - 90px); }

		.main_brand{padding-bottom:80px;}
		.main_brand .bnr_list li{height:50px;}
			.main_brand .bnr_list li + li{height:40px; margin-top:45px;}

		.main_service .main_title h5 br{display:none;}
		.main_service .info_list .exp{left:30px; bottom:35px; width:calc(100% - 60px);}
		.main_service .info_list .more_arw{top:35px; right:35px; width:50px; height:50px;}

		.main_licensing .cont{padding:70px 0 30px;}
		.main_licensing .info{padding:30px 0 70px;}
		.main_licensing .country_list{margin-top:15px;}
		.main_licensing .country_list dl dt img, .main_licensing .main_title .icon img{width:50px;}
		.main_licensing .main_title .icon + h3{margin-top:15px;}
	}
	@media screen and (max-width:431px) {	
		.main_title h3{font-size:150%;}

		.main_licensing .country_list dl dt img, .main_licensing .main_title .icon img{width:46px;}
	}
	@media screen and (max-width:360px) {	
		.main_visual h2{font-size:20px;}
		.main_visual .controller{bottom:20px;}
		.main_licensing .country_list dl dd{font-size:14px;}
	}