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

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

───────────────────────────────────────────────────────────*/
#wrap{-ms-overflow-style: none;}


/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인상품진열 - 공통 */
.main .list_cont {}
.main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;}
.main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;}
.main .list_cont ul li a {display:block;height:100%;}
.main .list_cont ul li .thumb {}
.main .list_cont ul li .thumb img {max-width:100%;width:100%;}
.main .list_cont ul li .info {}
.main .list_cont ul li .info p {color:#333;line-height:1.2;}
.main .list_cont ul li .info .name {font-size:14px;}

/* 메인상품진열 - 갤러리형 */
.main .list_Galleryform {}
.main .list_Galleryform ul {text-align:left;} 
.main .list_Galleryform ul li {width:calc(25% - 15px);}
.main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;}
.main .list_Galleryform ul li .thumb {}
.main .list_Galleryform ul li .thumb img {}
.main .list_Galleryform ul li .info {margin-top:10px;}
.main .list_Galleryform ul li .info p {}
.main .list_Galleryform ul li .info .name {}

/* 메인상품진열 - 리스트형 */
.main .list_Listform {}
.main .list_Listform ul {} 
.main .list_Listform ul li {width:calc(50% - 15px);}
.main .list_Listform ul li a {width:100%;display:table;}
.main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;}
.main .list_Listform ul li .thumb,
.main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
.main .list_Listform ul li .thumb {}
.main .list_Listform ul li .thumb img {}
.main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;}
.main .list_Listform ul li .info p {}
.main .list_Listform ul li .info .name {}


@media only screen and (max-width:860px) {

	/* 메인상품진열 - 갤러리형 */
	.main .list_Galleryform ul li {width:calc(50% - 15px);}
	.main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;}
	
	/* 메인상품진열 - 리스트형 */
	.main .list_Listform ul li {width:calc(100% - 15px);}
	.main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;}
}



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

	 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 .header_cont{position: relative;width:100%;height:100%;box-sizing:border-box;background:#fff;text-align:left;}
	#header .header_cont::-webkit-scrollbar{display: none;}

	#header .hd_lnb li a,
	#header .hd_gnb{}
	#header .hd_gnb li a {font-size:14px;color:#333;font-family:'Noto Sans KR';}
	#header {left:0;top:0;border:0;text-align:center;position:fixed;z-index:5;width:100%;box-sizing:border-box;font-size:0;border-bottom: 0;background:#fff;width:240px;}
	#header.on {background:rgba(000,000,000,0.5);}
	#header .w_set {width:100%;box-sizing:border-box;max-width:1180px;padding:0;margin:0 auto;}
	#header .w_set2 {position:relative;}
	#header .hd_logo {position:relative;z-index:15;width:240px;height: 32px;box-sizing:border-box;padding:60px 28px 47px 28px;background:#212c4a;}
	#header .hd_logo a {background: url('../images/skin/hd_logo.png') no-repeat left;font-size: 0;display: block;height: 100%;background-size: auto 100%;height:32px;}
	#header .lnb_box{padding-top:34px;height:440px;width:240px;background:#212c4a;}
	#header .hd_lnb {line-height:33px;margin:0;padding:0;font-size:0;width:440px;display:block;vertical-align:top;text-align:left;display:inline-block;z-index:30;background:transparent;}
	#header .hd_lnb::-webkit-scrollbar{display: none;}	
	#header .hd_lnb > li, 
	#header .hd_lnb > li > a {padding:0;line-height:52px;font-size:16px;font-weight:300;color:#fff;vertical-align: middle;text-align:left;display:block;box-sizing:border-box;transition: all .2s;}
	#header .hd_lnb > li {padding: 0px;width:100%;}
	#header .hd_lnb > li:last-child{border-bottom:none;}	
	#header .hd_lnb > li + li:before{width:100%;height:1px;background:#37415c;content:"";position: absolute;left:0;top:0;}
	#header .hd_lnb > li a {padding:0;position:relative;z-index:1;padding:0 29px;height:55px;background:url('../images/skin/lnb_next_arr.png')no-repeat 160px center;background-size:0px;}
	#header .hd_lnb > li > a{display: inline-block;width:240px;border-bottom:1px solid #181f3c;}
	#header .hd_lnb > li.on > a{color:#ff7800;background:url('../images/skin/lnb_next_arr.png')no-repeat 185px center;background-size:22px;}	
	#header .hd_lnb .lnb_sub_dep{display: none;position: absolute;right:-20px;top:141px;width:0;height:280px;background:transparent;z-index:30;opacity:0;transition:all 0.5s;}
	#header .hd_lnb.on > li.on .lnb_sub_dep{display: block;width:50%;opacity:1;}
	#header .hd_lnb .lnb_sub_dep.sub_block{display: block;}
	#header .hd_lnb .lnb_sub_dep li{border:none;}
	#header .hd_lnb .lnb_sub_dep li + li:before{display: none;}	
	#header .hd_lnb .lnb_sub_dep li a{font-size:15px;color:#222;font-weight:400;height:40px;line-height:40px;}
	#header .hd_lnb .lnb_sub_dep li a:hover{font-weight:500;color:#212c4a;}
	#header .hd_right {position: relative;bottom:0;right:0;width:240px;height:360px;line-height:14px;margin:0;padding:0;font-size:0;vertical-align:top;text-align:left;display:inline-block;box-sizing:border-box;z-index:15;background:#fff;border-right: 1px solid #eee;}
	#header .hd_right .hd_gnb,
	#header .hd_right .hd_lang,
	#header .hd_right .menu-trigger {display:none;vertical-align:middle;}
	#header .hd_right .hd_gnb{display: block;background:#fff;border-bottom:1px solid #eee;box-sizing:border-box;padding:12px 0 20px 0;}
	#header .hd_right .hd_gnb li{height:40px;line-height:40px;}
	#header .hd_right .hd_gnb li a{font-size:14px;color:#333;margin:0 29px;display:inline-block;font-family:'Noto Sans KR';font-weight:500;position: relative;}
	#header .hd_right .hd_gnb li a:before{width:0;height:1px;content:"";background:#333;position: absolute;bottom:10px;left:0;}	
	#header .hd_right .hd_gnb li:hover a:before{width:100%;transition:width .5s;}
	#header .hd_right .hd_lang {margin-right:30px;}
	#header .hd_right .hd_lang li, 
	#header .hd_right .hd_lang li a {line-height: 1;padding:0;font-size:14px;font-weight:400;color:#888;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
	#header .hd_right .hd_lang li {}
	#header .hd_right .hd_lang li + li a {padding:0 0 0 30px;}
	#header .hd_right .hd_lang li, 
	#header .hd_right .hd_lang li a {line-height: 1;padding:0;font-size:14px;font-weight:400;color:#888;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
	#header .hd_right .hd_gnb {}
	#header .hd_right .hd_gnb li {}
	#header .hd_right .menu-trigger {position:relative;padding:0;width: 30px;height: 25px;box-sizing: border-box;margin-left: 30px;}
	#header .hd_right .menu-trigger span {transition:0.3s;position:absolute;width: 100%;height:2px;background-color: #fff;left: 0;}
	#header .hd_right .menu-trigger span:nth-of-type(1) {top: 0;}
	#header .hd_right .menu-trigger span:nth-of-type(2) {top: 50%;margin-top: -1px;}
	#header .hd_right .menu-trigger span:nth-of-type(3) {bottom: 0;}
	#header .copy{width:100%;position:absolute;text-align:center;bottom:15px;z-index:20;}
	#header .copy p{font-size: 10px;color: #888;font-weight: 300;font-family: 'Noto Sans KR';}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		#header .hd_right{height:410px;}
	}	
	/* main header */
		.main_index #header{border-bottom:0px;background:transparent;}
		.main_index #header.on {background:rgba(000,000,000,0.5);}
		.main_index #header .hd_logo a {background: url('../images/skin/hd_logo.png') no-repeat left;background-size:140px;height:32px;}
		.main_index #header .hd_lnb > li > a {color:#fff;}
		.main_index #header .hd_lnb > li.on > a, #header .hd_lnb > li.ov > a{color:#ff7800;}
		.main_index #header .hd_right .hd_lnb > li, 
		.main_index #header .hd_right .hd_lnb > li > a{transition:0.3s;color:#fff;}
		.main_index #header .hd_right .hd_lnb > li > a:after{background:#fff;}
        .main_index #header .hd_right .hd_lang li a {color:#fff;}
		.main_index #header .hd_lnb li a:after {background:#fff;}
		.main_index #header .hd_right .menu-trigger span {background:#fff;}
	
	/* aside */
		#aside {top:0;right:-500px;width:500px;transition:all 0.5s;height:100%;z-index:999;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background: #fff;display:block;visibility: hidden;}
		#aside.on {right:0;visibility: visible;display: block;}
		.aside_bg.on{width:100%;height:100%;background:rgba(0,0,0,0.5);position: absolute;top:0;left:0;z-index:110;}

		#aside .aside_box.for_m {display:none;}
		#aside .aside_box .btn_aside_close {position:Absolute;right:30px;top:20px;width:32px;height:32px;cursor:pointer;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height: 100%;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width: 100%;height:2px;background-color:#000;left: 0;top: 14px;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (0) rotate (-45deg);transform: translateY(0) rotate(-45deg);}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
		#aside .aside_box {text-align:left;display:block;vertical-align: middle;position:relative;height:100%;}
		#aside .aside_box::-webkit-scrollbar{display: none;}
		#aside .aside_box .aside_hd{width:100%;padding:0 30px;box-sizing:border-box;position: relative;}
		#aside .aside_box .aside_logo {text-align:left;width:180px;height:50px;display: inline-block;}
		#aside .aside_box .aside_logo a {display:block;width:100%;height:100%;background: url('../images/skin/left_logo.png') no-repeat center;font-size:0;background-size:100%;}
		#aside .aside_box.for_pc .aside_gnb{position: absolute;right:80px;top:25px;}
		#aside .aside_box.for_pc .aside_gnb li{display: inline-block;position: relative;}
		#aside .aside_box.for_pc .aside_gnb li + li{margin-left:10px;}
		#aside .aside_box.for_pc .aside_gnb li + li:before{content:"/";font-size:18px;color:#333;font-weight:400;display: inline-block;margin-right:10px;}
		#aside .aside_box.for_pc .aside_gnb li a{font-size:18px;color:#333;font-weight:400;}	

		#aside .aside_menu {box-sizing:border-box;padding:50px 30px;}
		#aside .aside_menu .dep1_li {text-align:left;display:block;vertical-align:top;}
		#aside .aside_menu .dep1_li + .dep1_li{margin-top:20px;}
		#aside .aside_menu .dep1_li .dep1_a {transition:0.2s;display:inline-block;line-height:50px;color: #333;font-size: 24px;display: block;width:100%;height:100%;font-weight:300;position: relative;}
		#aside .aside_menu .dep1_li .dep1_a.on{color:#ff7800;}
		#aside .slidemenu .group_tit > a:before{width:20px;height:2px;content:"";background:#666;position: absolute;right:20px;top:50%;transform:translate(0,-50%);}
		#aside .slidemenu .group_tit > a:after{width:2px;height:20px;content:"";background:#666;position: absolute;right:29px;top:50%;transform:translate(0,-50%);}
		#aside .slidemenu .group_tit > a.on:before{width:20px;height:2px;content:"";background:#ff7800;position: absolute;right:20px;top:50%;transform:translate(0,-50%);}
		#aside .slidemenu .group_tit > a.on:after{display: none;}
		#aside .slidemenu .dep1_li .depth{display: none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;}
		#aside .slidemenu .dep1_li .depth > li{height:45px;line-height:45px;}
		#aside .slidemenu .dep1_li .depth > li:hover > a{color:#ff7800;}
		#aside .slidemenu .dep1_li .depth > li > a{font-size:18px;color:#888;display: block;width:100%;height:100%;font-weight:300;}

		#aside .aside_ft{border-top:1px solid #ddd;padding:20px 0;box-sizing:border-box;margin-top:30px;}
		#aside .aside_ft li{height:35px;line-height:35px;font-size:18px;color:#888;font-weight:300;}
		#aside .aside_ft li:nth-child(3) a{font-size:18px;color:#888;font-weight:300;border-bottom:1px solid #888;}
	
	/*sub head*/
		.sub_hd_nav > div{float: left;height:40px;}
		.sub_hd_nav .ico_home{width:40px;}
		.sub_hd_nav .ico_home a{display: block;width:100%;height:100%;font-size:0;background:#ff7800;}
		.sub_hd_nav .sub_gnb_menu{}
	
	/*----- 1430이하 ------*/
	@media only screen and (max-width:1430px) {
		#header {width:200px;}
		#header .hd_logo{width:200px;}
		#header .lnb_box{width:200px;}
		#header .hd_lnb li{width:200px;}
		#header .hd_lnb li a{background:url('../images/skin/lnb_next_arr.png')no-repeat 130px center;background-size:0px;}
		#header .hd_lnb > li > a{width:200px;}
		#header .hd_lnb > li.on > a{color:#fff;background:url('../images/skin/lnb_next_arr.png')no-repeat 155px center;background-color:#ff7800;background-size:22px;}
		#header .hd_right{width:200px;}
		.main_index #header .lnb_bg{height:108.4%;}
	}
	/*----- 1300이하 ------*/
	@media only screen and (max-width:1300px) {
		#wrap #header{width:100%;height:96px;background:#212c4a;position: relative;}
		#header .header_cont{overflow-y:hidden;}
		.main_index #header{background:#212c4a;}
		.main_index #header.on{position:fixed;z-index:100;}
		#header.on{position:fixed;z-index:100;}
		#header .header_cont {background:transparent;}
		#header .hd_logo{position:absolute;left:30px;top:50%;transform:translate(0,-50%);display: inline-block;padding:0;width:140px;background:transparent;height:32px;}
		#header .hd_logo a{height:100%;background-size:auto 100%;}
		#header .lnb_box{display: none;}
		#header .hd_lnb{display:none;}
		#header .hd_right{height:auto;position: absolute;background:transparent;display: inline-block;top:50%;right:30px;transform:translate(0,-50%);width:auto;border-right: 0;}
		#header .hd_right .hd_gnb{display: inline-block;background:transparent;border:none;padding:0;}
		#header .hd_right .hd_gnb li{display: inline-block;}
		#header .hd_right .hd_gnb li a{color:#fff;}
		#header .hd_right .menu-trigger{display:inline-block;}

		#header .copy{display: none;}
	}
	/*----- 900이하 ------*/
	@media only screen and (max-width:900px) {
		#header .hd_right{transform:translate(0,-32%);}
		#header .hd_right .hd_gnb{display: none;}
		#header .hd_right .menu-trigger{height:25px;}
		#header .hd_right .menu-trigger span:nth-of-type(2){margin-top:-1.5px;}

	}
	/*----- 800이하 ------*/
	@media only screen and (max-width:800px) {
		#aside{width:400px;}
		#aside .aside_box .aside_logo{width:130px;}
		#aside .aside_box.for_pc .aside_gnb li + li{margin-left:5px;}
		#aside .aside_box.for_pc .aside_gnb li + li:before{font-size:14px;margin-right:5px;}
		#aside .aside_box.for_pc .aside_gnb li a{font-size:14px;}
		#aside .aside_menu{padding:40px 30px;}
		#aside .aside_menu .dep1_li .dep1_a{font-size:22px;line-height:40px;}
		#aside .slidemenu .dep1_li .depth > li > a{font-size:16px;}
		#aside .aside_ft li{font-size:16px;}
	}
	/*----- 479이하 ------*/
	@media only screen and (max-width:479px) {
		#wrap #header{height:60px;}
		#header .hd_logo{width:109px;left:20px;height:24px;}
		.main_index #header .hd_logo a{background-size:109px;}
		#header .hd_right{right:20px;transform:none;top:22px;}
		#header .hd_right .menu-trigger{width:20px;height:16px;}
		#header .hd_right .menu-trigger span{height:1px;}
		#header .hd_right .menu-trigger span:nth-of-type(2){margin-top:0;}
		#aside{width:100%;}
		#aside .aside_box{height:100%;}
		#aside .aside_box .aside_hd{padding:0 15px;}
		#aside .aside_box .aside_logo{width:106px;height:34px;}
		#aside .aside_box.for_pc .aside_gnb{right:62px;top:20px;}
		#aside .aside_box.for_pc .aside_gnb li + li{margin-left:7px;}
		#aside .aside_box.for_pc .aside_gnb li + li:before{margin-right:10px;}
		#aside .aside_box .btn_aside_close{width:23px;height:23px;right:17px;top:16px;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span{height:1px;}
		#aside .aside_menu{padding:30px 15px;}
		#aside .slidemenu .dep1_li .depth > li{height:35px;line-height:35px;}
		#aside .aside_menu .dep1_li .dep1_a{line-height:35px;}
		#aside .aside_ft{padding:20px 0;}
		#aside .aside_ft li{font-size:14px;height:25px;line-height:25px;}
		#aside .aside_ft li:nth-child(3) a{font-size:14px;}
	}
	/*----- 375이하 ------*/
	@media only screen and (max-width:375px) {
			
	} 
	/*----- 320이하 ------*/
	@media only screen and (max-width:320px) { 
		#aside .aside_box .aside_logo{width:110px;}
		#aside .aside_box.for_pc .aside_gnb li + li:before{font-size:12px;}
		#aside .aside_box.for_pc .aside_gnb li a{font-size:12px;}
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		#header .header_cont::-webkit-scrollbar{display: none;}
	}

	

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

	 FOOTER | outline/footer.html

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

	#footer{}
	#footer{position: absolute;bottom:0;z-index:10;}
	#footer .ft_inner {position:relative;width:100%;font-size:0;margin-bottom: 20px;margin-left:7%;}
	#footer .ft_inner .logo{display: block;}
	#footer .ft_inner .info {display:inline-block;vertical-align:top;}
	.main_index #footer .ft_inner .logo {position: absolute;bottom:0px;left:-198px;display: none;}
	#footer .ft_inner .logo p {font-size:10px;color:#888;font-weight:300;font-family:'Noto Sans KR';}
	#footer .ft_inner .info span{font-size:12px;color: #999;font-weight:400;font-family:'Noto Sans KR';word-break:keep-all;}	
	.main_index #footer .ft_inner .info span {color:rgba(255,255,255,0.7);}
	#footer .ft_inner .info span + span{margin-left:10px;}

	#footer .footer_nav {margin:0 0 50px;}
	#footer .footer_nav li {display:inline-block;vertical-align:middle;margin:0 5px;}
	#footer .footer_nav li a {}

	/*----- 1720이하 -------*/
	@media only screen and (max-width:1720px) {
		#footer .ft_inner{margin-left:3%;}
	}
	/*----- 1520이하 -------*/
	@media only screen and (max-width:1520px) {
		#footer .ft_inner{margin-left:1%;}
	}
	/*----- 1430이하 -------*/
	@media only screen and (max-width:1430px) {
		#footer .ft_inner .logo{left:-175px;}
		#footer .ft_inner{width:50%;}
		#footer .ft_inner .info span{font-size:11px;}
	}
	/*----- 1300이하 -------*/
	@media only screen and (max-width:1300px) {
		#footer{position: relative;}
		#footer .ft_inner{width:100%;box-sizing:border-box;padding:30px;margin-bottom:0;}
		#footer .ft_inner .info{margin-left:0;display: block;}
		#footer .ft_inner .info span{font-size:16px;}
		.main_index #footer .ft_inner .info span{color:#888;font-weight:300;}
		.main_index #footer .ft_inner .logo{display: block;position:static;}
		#footer .ft_inner .logo{position: relative;left:0;margin-top:20px;}
		#footer .ft_inner .logo p{font-size:14px;color:#888;font-weight:300;}
		
	}
	/*----- 940이하 -------*/
	@media only screen and (max-width:940px) {
		#footer .ft_inner .info span{display: inline-block;line-height:23px;}
		#footer .ft_inner .info span + span{margin-left:0;}
		#footer .ft_inner .info br{display: none;}
		#footer .ft_inner .info span:nth-child(2),
		#footer .ft_inner .info span:nth-child(3),
		#footer .ft_inner .info span:nth-child(4),
		#footer .ft_inner .info span:nth-child(8),
		#footer .ft_inner .info span:nth-child(9),
		#footer .ft_inner .info span:nth-child(10){margin-left:10px;}
	}
	/*----- 928이하 -------*/
	@media only screen and (max-width:940px) {
		#footer .ft_inner .info span:nth-child(10){margin-left:0;display: block;}
	}
	/*----- 880이하 -------*/
	@media only screen and (max-width:880px) {
		#footer .ft_inner .info span:nth-child(3){margin-right:10px;}
		#footer .ft_inner .info span:nth-child(6),
		#footer .ft_inner .info span:nth-child(7){margin-left:10px;}
		#footer .ft_inner .info span:nth-child(4),
		#footer .ft_inner .info span:nth-child(8){margin-left:0;}
		#footer .ft_inner .info span:nth-child(10){margin-left:10px;display: inline-block;}
	}
	/*----- 764이하 -------*/	
	@media only screen and (max-width:764px) {
		#footer .ft_inner{padding:30px 10px;}	
	}
	/*----- 724이하 -------*/
	@media only screen and (max-width:724px) {
		#footer .ft_inner .info span:nth-child(6){margin-right:10px;}
		#footer .ft_inner .info span:nth-child(7){margin-left:0;}
		#footer .ft_inner .info span:nth-child(8){margin-left:10px;}
	}
	/*----- 685이하 -------*/
	@media only screen and (max-width:685px) {
		#footer .ft_inner .info span{font-size:14px;}
		#footer .ft_inner .info span:nth-child(9){margin-right:10px;}
		#footer .ft_inner .info span:nth-child(8),
		#footer .ft_inner .info span:nth-child(10){margin-left:0;}
	}
	/*----- 640이하 -------*/
	@media only screen and (max-width:640px) {
		#footer .ft_inner .info span:nth-child(8){margin-left:10px;}
	}
	/*----- 510이하 -------*/
	@media only screen and (max-width:510px) {
		#footer .ft_inner .info span:nth-child(8),
		#footer .ft_inner .info span:nth-child(7){margin-right:10px;}
		#footer .ft_inner .info span:nth-child(8),
		#footer .ft_inner .info span:nth-child(9){margin-left:0px;}
	}
	/*----- 479이하 -------*/
	@media only screen and (max-width:479px) {
		#footer{padding-bottom:30px;}
		#footer .ft_inner .info span{display: block;line-height:23px;}
		#footer .ft_inner .info span:nth-child(1),
		#footer .ft_inner .info span:nth-child(2){display: inline-block;}
		#footer .ft_inner .info span:nth-child(2){margin-left:10px;}
		#footer .ft_inner .info span:nth-child(3),
		#footer .ft_inner .info span:nth-child(6),
		#footer .ft_inner .info span:nth-child(9){margin-left:0px;}
		#footer .ft_inner .info span + span{margin-left:0;}
		#footer .ft_inner .info br{display: none;}
	}






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

	 MAIN | index.html

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

	.main_index#wrap {padding-top:0;}
	.main_index #contents_wrap {width:100%;padding:0 !important;}
	.main_index #contents_wrap #contents_box {padding:0;}
	.main_index #content {padding:0 !important;min-height:inherit;}

	.main {width:540px;position:fixed;z-index:10;height:100%;right:0;top:0;}
	.main .w_set {width:100%;height:100%;box-sizing:border-box;max-width:1260px;padding:0;margin:0 auto;overflow-y:scroll;}
	.main .w_set::-webkit-scrollbar{display: none;}	
	.main .tit {display:block;font-size: 40px;line-height: 1;color: #333;text-align:center;margin-top: 3em;margin-bottom: 2em;}

	.main .btn_more {display: inline-block;padding: 21px 29px;position: relative;vertical-align: middle;font-size: 16px;line-height: 1;border: 1px solid transparent;border-radius: 0px;background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1);border:1px solid #333;background:#fff;}
	.main .btn_more span {position: relative;color:#333;transition:all .2s;}
	.main .btn_more:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden;background:#333;}
	.main .btn_more:hover span {color:#fff;}
	.main .btn_more:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
		
	/* visual */
		.main_visual {position:relative;width:100%;margin:0;background:#000;overflow:hidden;}
		.main_visual .visual_ul{height:100%;overflow:hidden;}
		.main_visual .slick-track{height:100%;overflow:hidden;}
		.main_visual .slick-list{height:100%;overflow:hidden;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100% !important;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width: 100%;margin:0 auto;text-align:Center;position:absolute;left: 0;top:0;outline:0;background-position: center;background-size:cover !important;}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;}
		.main_visual .txt_box {width:auto;text-align:left;position:absolute;left:8%;top:26.5%;font-size: 0;}
		.main_visual .txt_box p,
		.main_visual .txt_box .tit,
		.main_visual .txt_box > span,
		.main_visual .txt_box .more{transition:all .5s;position:relative;right:-50px;opacity:0;}
		.main_visual .txt_box p{font-size:29px;color:#fff;font-weight:500;transition-delay:0.6s;}
		.main_visual .txt_box .tit{font-size:80px;color:#fff;font-weight:400;margin-top:15px;word-break:keep-all;transition-delay:0.8s;line-height:90px;}
		.main_visual .txt_box .tit span{font-weight:700;font-size:80px;transition-delay:0.8s;}
		.main_visual .txt_box > span{font-size:20px;color:#fff;font-weight:300;display: block;margin-top:35px;transition-delay:1.2s;opacity:0;}
		.main_visual .txt_box .more{font-size:14px;font-weight:700;background:url('../images/skin/next_arr.png')no-repeat right 5px;display: inline-block;margin-top:70px;width:72px;background-size:22px;transition-delay:1.5s;transition:all 0.5s;}
		.main_visual .active .txt_box p,
		.main_visual .active .txt_box .tit,
		.main_visual .active .txt_box .tit span,
		.main_visual .active .txt_box > span,
		.main_visual .active .txt_box .more{opacity:1;right:0;}
		.main_visual .txt_box .more:hover{width:80px;transition:all 0.5s;}

		.main_visual .visual_btn_wrap {position:absolute;left: 138px;bottom:235px;width:auto;text-align: center;padding-right:64px;}
		.main_visual .visual_btn_wrap .control_btn,
		.main_visual .visual_btn_wrap .slider-progress-wrap,
		.main_visual .visual_btn_wrap .slide_count {display:inline-block;vertical-align:middle;}
		.main_visual .visual_btn_wrap .control_btn {font-size:0;}
		.main_visual .visual_btn_wrap .control_btn #pause-btn,
		.main_visual .visual_btn_wrap .control_btn .slick-arrow {font-size:0;display:inline-block;vertical-align:middle;height: 20px;}
		.main_visual .visual_btn_wrap .control_btn #pause-btn{width: 35px;background:url('../images/skin/slide_pause.png') no-repeat center;margin-left:28px;position: absolute;top:0;right:0;}
		.main_visual .visual_btn_wrap .control_btn #play-btn{display: none;width: 0px;height: 0px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right: 8px solid transparent;border-left: 8px solid  #fff;font-size:0;vertical-align:middle;position: absolute;top:3px;right:5px;}
		.main_visual .visual_btn_wrap .control_btn .slick-arrow {width: 29px;}
		.main_visual .visual_btn_wrap .control_btn .slick-prev {background: url('../images/skin/slide_prev.png') no-repeat left;}
		.main_visual .visual_btn_wrap .control_btn .slick-next {background: url('../images/skin/slide_next.png') no-repeat right;}
		.main_visual .visual_btn_wrap .menu_btn {font-size:0;float:right;background: #222222;width: 600px;}
	
		.main_visual .visual_btn_wrap .slider-progress-wrap {width: 150px;transition:all 0.3s;z-index:5;margin:0 auto;padding:0;text-align:center;font-size: 0;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress {width: calc(100% - 50px);background:rgba(255,255,255,0.4);display: inline-block;vertical-align: middle;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress .progress {height:2px;background:#de0000;width: 0;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress .progress.active {width:100%;}

		.main_visual .visual_btn_wrap .slide_count {color:#fff;font-size:15px;margin-left:37px;}
		.main_visual .visual_btn_wrap .slide_count span {font-size:inherit;color:inherit;}

		.main_visual .slick-dots {width: 50px;box-sizing: border-box;}
		.main_visual .slick-dots li {opacity:0;}
		.main_visual .slick-dots li.slick-active {opacity:1;}
		.main_visual .slick-dots li button {font-size:16px;line-height: 16px;color:#fff;font-weight: 600;}
		.main_visual .slick-counter span {display:inline-block;vertical-align: top;letter-spacing:-1px;}
		.main_visual .slick-counter,
		.main_visual .slick-counter span {}
		
		/* visual active */
			.main_visual .slick-slide.active a {transform:scale(1) rotate(0.003deg);opacity: 1;}

	/*main*/	
		.main_cont_wrap .sub_menu{height:50%;width:100%;min-height:400px;}
		.main_cont_wrap .sub_menu ul{font-size:0;height:100%;}
		.main_cont_wrap .sub_menu ul li{display: inline-block;background:rgba(51,51,51,0.5);box-sizing:border-box;width:50%;height:50%;position: relative;text-align:center;min-height:200px;transition:all 0.5s;}
		.main_cont_wrap .sub_menu ul li a{display: block;width:100%;height:100%;}
		.main_cont_wrap .sub_menu ul li:nth-of-type(2n+1){border-right:1px solid rgba(255, 255, 255, 0.5);}
		.main_cont_wrap .sub_menu ul li:nth-child(1){border-bottom:1px solid rgba(255, 255, 255, 0.5);}
		.main_cont_wrap .sub_menu ul li:nth-child(2){border-bottom:1px solid rgba(255, 255, 255, 0.5);}
		.main_cont_wrap .sub_menu ul li:nth-child(1):hover{background:url('../images/skin/brand_ov.jpg')no-repeat;transition:all 0.5s;}
		.main_cont_wrap .sub_menu ul li:nth-child(2):hover{background:url('../images/skin/promotion_ov.jpg')no-repeat;transition:all 0.5s;}
		.main_cont_wrap .sub_menu ul li:nth-child(3):hover{background:url('../images/skin/business_ov.jpg')no-repeat;transition:all 0.5s;}
		.main_cont_wrap .sub_menu ul li:nth-child(4):hover{background:url('../images/skin/news_ov.jpg')no-repeat;transition:all 0.5s;}
		.main_cont_wrap .sub_menu ul li:hover .txt{top:30%;}
		.main_cont_wrap .sub_menu ul li .txt{position: absolute;width:100%;text-align:center;top:39%;transition:all .3s;}
		.main_cont_wrap .sub_menu ul li .txt p{font-size:20px;color:#fff;font-weight:600;letter-spacing:0.01em;}
		.main_cont_wrap .sub_menu ul li .txt span{font-size:13px;color:rgba(255,255,255,0.7);font-weight:400;display: block;margin-top:8px;}
		.main_cont_wrap .sub_menu ul li .txt .more{width:22px;height:11px;font-size:0;margin:0 auto;margin-top:25px;background:url('../images/skin/next_arr.png')no-repeat;background-size:22px;}
		.main_cont_wrap .sub_menu ul li .txt .more img{min-height:12px;width:22px;}

		.main_cont_wrap .sub_about{width:100%;height:50%;position: relative;text-align:center;overflow:hidden;min-height:400px;}
		.main_cont_wrap .sub_about:hover{transition:all .2s;}
		.main_cont_wrap .sub_about a{display: block;width:100%;height:100%;}
		.main_cont_wrap .sub_about:hover .img{transform:scale(1.1);transition:all 0.5s;}
		.main_cont_wrap .sub_about .img{width:100%;height:100%;background:url('../images/skin/value.jpg')no-repeat;background-size:cover;transition: all 0.5s;}	
		.main_cont_wrap .sub_about .txt{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
		.main_cont_wrap .sub_about p{font-size:32px;color:#fff;font-weight:600;margin:25px 0 15px 0;transition:all 0.5s;}
		@supports((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {
			.main_cont_wrap .sub_about p {color: transparent;-webkit-text-stroke: 1px #fff;text-stroke: 1px #fff;text-shadow: none;text-transform: uppercase;}
		}
		.main_cont_wrap .sub_about:hover p{color:#fff;transition:all 0.5s;}
		.main_cont_wrap .sub_about span{font-size:18px;color:#fff;font-weight:400;display: block;}
		.main_cont_wrap .sub_about .more{font-size:14px;color:#fff;font-weight:400;display: inline-block;margin-top:57px;padding-right:40px;position: relative;}
		.main_cont_wrap .sub_about .more:before{width:20px;height:100%;content:"";background:url('../images/skin/next_arr.png')no-repeat center;background-size:22px;transition:all 0.5s;position: absolute;top:2px;right:4px;}	
		.main_cont_wrap .sub_about:hover .more:before{right:-2px;transition:all 0.5s;}

	
	/* ------ 1720이하 --------- */
	@media only screen and (max-width:1720px) {	
		.main_visual .txt_box{left:3%;}
		.main_visual .txt_box .tit{font-size:60px;}
		.main_visual .txt_box .tit span{font-size:60px;}
		.main_visual .visual_btn_wrap{left:55px;}
	}
	/* ------ 1600이하 --------- */
	@media only screen and (max-width:1600px) {	
		.main{width:480px;}
	}
	/* ------ 1520이하 --------- */
	@media only screen and (max-width:1520px) {
		.main_visual .txt_box{left:1%;}
		.main_visual .visual_btn_wrap{left:22px;}
	}
	/* ------ 1475이하 --------- */
	@media only screen and (max-width:1475px) {
		.main{width:440px;}
	}
	/* ------ 1300이하 --------- */	
	@media only screen and (max-width:1300px) {
		.main_visual{position:relative;left:0;width:100%;min-width:auto;height:900px !important;}
		.main_visual .visual_ul{height:100%;}
		.main_visual .slick-list{width:100%;height:100%;}
		.main_visual .txt_box{left:8%;}
		.main_visual .txt_box .tit{font-size:80px;}
		.main_visual .txt_box .tit span{font-size:80px;}
		.main_visual .visual_btn_wrap{left:8%;}

		.main{position:relative;margin-top:30px;width:100%;}
		.main .w_set{margin:0 auto;max-width:none;overflow-y:hidden;}
		.main_cont_wrap .sub_menu{height:auto;padding:0 40px;box-sizing:border-box;}
		.main_cont_wrap .sub_menu ul li{width:100%;height:460px;border:none;}
		.main_cont_wrap .sub_menu ul li:nth-child(1){background:url('../images/skin/brand.jpg')no-repeat;background-size:cover;background-position:center;border-bottom:none;}
		.main_cont_wrap .sub_menu ul li:nth-child(2){background:url('../images/skin/promotion.jpg')no-repeat;background-size:cover;background-position:center;border-bottom:none;}
		.main_cont_wrap .sub_menu ul li:nth-child(3){background:url('../images/skin/business.jpg')no-repeat;background-size:cover;background-position:center;}
		.main_cont_wrap .sub_menu ul li:nth-child(4){background:url('../images/skin/news.jpg')no-repeat;background-size:cover;background-position:center;}
		.main_cont_wrap .sub_menu ul li:nth-child(1):hover{background:url('../images/skin/brand.jpg')no-repeat;background-size:cover;background-position:center;}
		.main_cont_wrap .sub_menu ul li:nth-child(2):hover{background:url('../images/skin/promotion.jpg')no-repeat;background-size:cover;background-position:center;}
		.main_cont_wrap .sub_menu ul li:nth-child(3):hover{background:url('../images/skin/business.jpg')no-repeat;background-size:cover;background-position:center;}
		.main_cont_wrap .sub_menu ul li:nth-child(4):hover{background:url('../images/skin/news.jpg')no-repeat;background-size:cover;background-position:center;}
		.main_cont_wrap .sub_menu ul li:nth-of-type(2n+1){border-right:none;}
		.main_cont_wrap .sub_menu ul li + li{margin-top:30px;}
		.main_cont_wrap .sub_menu ul li .txt p{font-size:50px;}
		.main_cont_wrap .sub_menu ul li .txt span{font-size:20px;}
		.main_cont_wrap .sub_menu ul li .txt .more{font-size:18px;width:auto;height:auto;display: inline-block;padding-right:35px;background-position:95px;}

		.main_cont_wrap .sub_about{width:100%;height:480px;margin-top:50px;text-align:left;}
		.main_cont_wrap .sub_about .txt{width:auto;transform:translate(0,-50%);left:30px;}
		.main_cont_wrap .sub_about p{font-size:50px;}
		.main_cont_wrap .sub_about span{font-size:25px;}
		.main_cont_wrap .sub_about .more{font-size:18px;background-size:23px;background-position:95px;}

	}
	/* ------ 900이하 --------- */	
	@media only screen and (max-width:900px) {
		.main_visual{height:800px !important;}
		.main_visual .txt_box p{font-size:28px;}
		.main_visual .txt_box .tit{font-size:70px;}
		.main_visual .txt_box .tit span{font-size:70px;}
		.main_visual .visual_btn_wrap{bottom:140px;}

		.main_cont_wrap .sub_menu ul li{height:380px;}

		.main_cont_wrap .sub_about{height:380px;}
	}
	/* ------ 750이하 --------- */	
	@media only screen and (max-width: 750px) {
		.main_visual .txt_box{top:18.5%;}
		.main_visual .txt_box p{font-size:26px;}
		.main_visual .txt_box > span{font-size:18px;}

		.main_cont_wrap .sub_menu ul li .txt p{font-size:40px;}
		.main_cont_wrap .sub_menu ul li .txt span{font-size:17px;}
		.main_cont_wrap .sub_menu ul li .txt .more{font-size:16px;background-position:84px;}

		.main_cont_wrap .sub_about p{font-size:40px;}
		.main_cont_wrap .sub_about span{font-size:20px;}
		.main_cont_wrap .sub_about .more{font-size:16px;background-size:22px;background-position:79px;}
	}
	/* ------ 600이하 --------- */	
	@media only screen and (max-width:600px) {
		.main_visual{height:700px !important;}
		.main_visual .txt_box{top:15.5%;}
		.main_visual .txt_box p{font-size:24px;}
		.main_visual .txt_box .tit{font-size:60px;}
		.main_visual .txt_box .tit span{font-size:60px;}
		.main_visual .visual_btn_wrap{bottom:110px;}

		.main_cont_wrap .sub_menu ul li .txt{top:36%;} 
	} 
	/* ------ 479이하 --------- */	
	@media only screen and (max-width:479px) {
		.main_visual{height:600px !important;}
		.main_visual .txt_box{top:18%;left:20px;width:90%;}
		.main_visual .txt_box p{font-size:22px;}
		.main_visual .txt_box .tit{font-size:50px;line-height:56px;margin-top:17px;margin-left:-2px;}
		.main_visual .txt_box .tit span{font-size:50px;}
		.main_visual .txt_box > span{margin-top:11px;}
		.main_visual .txt_box .more{display: none;}
		.main_visual .visual_btn_wrap{left:20px;}

		.main{margin-top:10px;}
		.main_cont_wrap .sub_menu{padding:0 10px;}
		.main_cont_wrap .sub_menu ul li{height:270px;}
		.main_cont_wrap .sub_menu ul li + li{margin-top:10px;}
		.main_cont_wrap .sub_menu ul li .txt{top:50%;transform:translate(0,-50%);}
		.main_cont_wrap .sub_menu ul li:hover .txt{top:50%;}
		.main_cont_wrap .sub_menu ul li .txt p{font-size:30px;line-height:1;}
		.main_cont_wrap .sub_menu ul li .txt span{font-size:15px;margin-top:4px;}
		.main_cont_wrap .sub_menu ul li .txt .more{font-size:14px;background-size:21px;background-position:82px 8px;padding-right:39px;margin-top:28px;}

		.main_cont_wrap .sub_about{height:360px;margin-top:10px;}
		.main_cont_wrap .sub_about .txt{left:20px;}
		.main_cont_wrap .sub_about:hover .img{transform:scale(1);}
		.main_cont_wrap .sub_about p{font-size:30px;width:80%;margin:18px 0 15px 0;color:#fff;}
		.main_cont_wrap .sub_about span{font-size:16px;}
		.main_cont_wrap .sub_about .more{font-size:14px;margin-top:37px;background-size:20px;}
		.main_cont_wrap .sub_about:hover .more:before{right:4px;}
	}
	/* ------ 375이하 --------- */	
	@media screen and (max-width:375px) {
		.main_visual{height:460px !important;}
		.main_visual .txt_box{top:17.5%;}
		.main_visual .txt_box p{font-size:20px;}	
		.main_visual .txt_box .tit{font-size:40px;}
		.main_visual .txt_box .tit span{font-size:40px;}
		.main_visual .txt_box > span{font-size:14px;}
		.main_visual .visual_btn_wrap{bottom:60px;}

		.main_cont_wrap .sub_menu ul li{height:200px;}
		.main_cont_wrap .sub_menu ul li .txt p{font-size:22px;}
		.main_cont_wrap .sub_menu ul li .txt span{font-size:14px;}
	}
	@media screen and (max-width:320px) {
		
	}