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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #header {width:100%;margin:0;padding:0;}
#wrap #container {width:100%;margin:0;padding:0;}
#wrap #footer {width:100%;margin:0;background:#fff;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;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: 9.2em 0 0 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
#contents_wrap #side_box + #contents_box {/*padding-top:0;*/} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
#contents_wrap .sub_title + #contents_box {padding:0;} 
	/* 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 {width:1200px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}
.w_set2 {width: calc(100% - 100px);margin:0 auto;max-width:1720px;position: relative;}

@media only screen and (max-width:1380px) {
	.w_set2 {width:100%;padding-left: 40px;padding-right: 40px;box-sizing: border-box;}
}
@media only screen and (max-width:1230px) {
	.w_set2 {padding-left:30px;padding-right:30px;}
}
@media only screen and (max-width:1217px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap {width:100%;padding-left:20px !important;padding-right:20px !important;}
	.w_custom{width:100%;padding-left:20px !important;padding-right:20px !important;}
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1023px) {
	#contents_wrap #side_box {padding: 85px 0 0 0;}
	#contents_wrap #contents_box {padding: 7.2em 0 0 0;}
}
@media only screen and (max-width:900px) {
	.w_set2 {padding:0;}
}
@media only screen and (max-width:860px) {
	#contents_wrap #side_box {padding: 85px 0 0 0;}
	#contents_wrap #contents_box {padding: 5.2em 0 0 0;}
}
@media only screen and (max-width:767px) {
	/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
	#contents_wrap #side_box {display:none;}
	.sub_goods #contents_wrap #side_box {display:block;padding:0;}
}
@media only screen and (max-width:640px) {
	.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
	#contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;}
	#contents_wrap #contents_box {padding: 4.2em 0 0 0;}
}
@media only screen and (max-width:479px) {
	#contents_wrap #contents_box {padding: 1.7em 0 0 0;}
}

/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인상품진열 - 공통 */
.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 .hd_lnb li a,
	#header .hd_gnb li,
	#header .hd_gnb li a {}
	#header {left:0;top:0;border:0;text-align:center;position: relative;z-index:10;width:100%;box-sizing:border-box;font-size:0;/* border-bottom: 1px solid #ddd; */background:#fff;}
	#header.on {position:fixed;-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);}
	#header .w_set {width:100%;height:80px;box-sizing:border-box;max-width:1200px;padding:0;margin:0 auto;position: relative;text-align: right;}
	#header .w_set2 {position:relative;}
	#header .header_cont {position:relative;}
	#header .hd_logo {left: 50px;top: 50%;position:absolute;z-index:15;width: 221px;height: 50px;transform: translateY(-50%);}
	#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%;}
	#header .hd_lnb {top: 0;right: 0;height: 80px;line-height: 80px;margin:0;padding:0;font-size:0;width: auto;display:block;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:10;}
	#header .hd_lnb li, 
	#header .hd_lnb li a {padding:0;line-height: 79px;font-size: 18px;font-weight: 500;color:#222;vertical-align: middle;text-align:center;display:inline-block;box-sizing:border-box;transition: all .2s;}
	#header .hd_lnb li {padding: 0;width: 220px;}
	#header .hd_lnb li a {padding:0;position:relative;z-index:1;}
	#header .hd_lnb li a:after{content:"";display:block;clear:both;transition:0.5s;width:0;height:2px;background: #10248c;position:absolute;left:0;bottom: 0px;margin-top:0;content:"";display:inline-block;z-index: 11;}
	#header .hd_lnb li a:hover:after{width:100%;}
	#header .hd_lnb li a.on:after,
	#header .hd_lnb li a.ov:after{width:100%;}
	#header .hd_lnb li:hover a,
	#header .hd_lnb li a.on,
	#header .hd_lnb li a.ov {color:#10248c;}
	#header .hd_right {top:50%;right:30px;height:14px;line-height:14px;margin:0;padding:0;font-size:0;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:15;margin-top: -12.5px;display: none;}
	#header .hd_right .hd_gnb,
	#header .hd_right .hd_lang,
	#header .hd_right .menu-trigger {display:inline-block;vertical-align:middle;}
	#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 .hd_gnb 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 li {}
	#header .hd_right .hd_gnb li + li a {padding:0 0 0 30px;}
	#header .hd_right .menu-trigger {position:relative;padding:0;width: 23px;height: 22px;box-sizing: border-box;margin-left: 30px;}
	#header .hd_right .menu-trigger span {transition:0.3s;position:absolute;width: 100%;height:2px;background-color: #333;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;}

	/* 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: auto 100%;}
		.main_index #header .hd_lnb li a {color:#fff;}
		.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_right .hd_gnb li a {color:#fff;}
		.main_index #header .hd_lnb li a:after {background:#fff;}
		.main_index #header .hd_right .menu-trigger span {background:#fff;}*/
	/* sub_lnb */
		.sub_lnb {position:absolute;width:100%;height: 0;overflow:hidden;background:#fff;box-sizing:border-box;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
		.sub_lnb .w_set {height: 100% !important;}
		.header_cont .sub_lnb.open {height:240px;border-top: 1px solid #ddd;}
		.header_cont .sub_lnb li.lnb2_li {display: inline-block;width:220px;height: 240px;border-left: 1px solid #dddddd;text-align: center;vertical-align: top;margin-left: -2px;padding-top: 26px;box-sizing: border-box;}
		.header_cont .sub_lnb li.lnb2_li:last-child {border-right:1px solid #dddddd;}
		.header_cont .sub_lnb li.lnb2_li.on {background: #f5f5f5;}
		.header_cont .sub_lnb li.lnb3_li + li {margin-top:12.5%;}
		.header_cont .sub_lnb li.lnb3_li a {font-size:15px;line-height:1;font-weight:400;color:#666666;position:relative;z-index:1;overflow:hidden;}
		.header_cont .sub_lnb li.lnb3_li a:after {content:'';display:block;position:absolute;width:0;height:1px;background:#222;left: 0;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
		.header_cont .sub_lnb li.lnb3_li:hover a {color:#222222;}
		.header_cont .sub_lnb li.lnb3_li a:hover:after {width:100%;opacity:1;}

	/* aside */
		#aside {top:-100%;right:0;left: 0;width:100%;transition:0.8s;height:100%;z-index:999;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background: #000000;display: table;visibility: hidden;display: none;}
		#aside.on {top:0%;right:0;left:0;visibility: visible;}

		#aside .aside_box .btn_aside_close {position:Absolute;right:60px;top:30px;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: #fff;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: center;display: table-cell;vertical-align: middle;position:static;}
		#aside .aside_box .aside_logo {}
		#aside .aside_box .aside_logo a {display:block;background: url('../images/skin/hd_logo.png') no-repeat center;font-size:0;height: 30px;background-size:auto 100%;}

		#aside ul.aside_menu {}
		#aside ul.aside_menu .dep1_li {text-align:left;display:inline-block;vertical-align:top;}
		#aside ul.aside_menu .dep1_li + .dep1_li {margin-left:85px;}
		#aside ul.aside_menu .dep1_li .dep1_a {transition:0.2s;display:inline-block;line-height: 48px;color: #fff;font-size: 24px;display: block;padding: 0 25px;}
		#aside ul.aside_menu .dep1_li:hover .dep1_a {background:#179ec9;}
		#aside ul.aside_menu .dep1_li .dep2 {padding:19px 0 0 25px;display: block;}
		#aside ul.aside_menu .dep1_li .dep2 li {padding-left:13px;position:relative;}
		#aside ul.aside_menu .dep1_li .dep2 li:before {content:"";display:block;width:2px;height:2px;position:absolute;left:0;top:50%;margin-top:-1px;background:#18b3e5;}
		#aside ul.aside_menu .dep1_li .dep2 li + li {margin-top:26px;}
		#aside ul.aside_menu .dep1_li .dep2 li a {display:block;font-size:18px;line-height:18px;color:#ffffff;}

		/* 네비 탭메뉴 */
		.aside_tab_wrap .aside_tab {display: block;width:100%;font-size: 0;}
		.aside_tab_wrap .aside_tab li {display: inline-block;width:50%;text-align:center;}
		.aside_tab_wrap .aside_tab li span {display:block;color: #fff;border-bottom: 1px solid #fff;font-size: 15px;line-height: 40px;}
		.aside_tab_wrap .aside_tab li.on span {font-weight:bold;border: 1px solid #fff;border-bottom:0;line-height: 41px;}
		.aside_tab_wrap .aside_tab1 {display:none;}

		#aside .aside_btm {position:Absolute;bottom: 40px;left:0;width: 100%;}
		#aside .aside_btm .gnb {padding-top: 20px;}
		#aside .aside_btm .gnb li {position:relative;display: inline-block;vertical-align: middle;}
		#aside .aside_btm .gnb li + li {padding-left:15px;margin-left:10px;}
		#aside .aside_btm .gnb li + li:before {content:"/";display:block;position:absolute;left:0;top:50%;margin-top:-20px;line-height:40px;}
		#aside .aside_btm .gnb li a {font-size:17px;color:#888888;line-height:17px;}

		#aside .aside_box .aside_btm .aside_call {text-align:center;background:url('../images/skin/ico_aside_call.png') no-repeat center top;padding-top:84px;font-size:30px;color:#ffffff;line-height:30px;}



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

	}

	@media only screen and (max-width:1217px) {
		#header .hd_lnb {}
		#header .hd_lnb li {width:180px;position:relative;}
		#header .hd_logo {left:20px;}
		/* sub_lnb */
		.header_cont .sub_lnb li.lnb2_li {width:180px;}
	}

	@media only screen and (max-width:1023px) {
		#header .w_set {height:75px;}
		#header .hd_logo {left:19px;}
		#header .hd_lnb,
		#header .hd_right .hd_gnb,
		.sub_lnb {display:none;}
		#header .hd_right {display: inline-block;right:20px;}

		#aside .aside_box.for_pc {display:none;}
		#aside .aside_box.for_m {display:block;}
		/* aside */
			#aside {top:0px;right: -60%;left: inherit;width: 60%;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background: #30343f;visibility: hidden;z-index:999;}
			#aside.on {right:0%;left:inherit;}

			#aside .aside_box.for_pc {display:none;}
			#aside .aside_box.for_m {display:block;}
			#aside .aside_box {width:100%;height:100%;margin:0;padding: 0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display: block;}
			#aside .aside_box .btn_aside_close {right: 20px;top: 22px;width: 30px;height: 30px;}
			#aside .aside_box .aside_top {height:75px;background:#10248c;padding:0 20px;}
			#aside .aside_box .aside_logo {font-size:21px;line-height:75px;font-weight:500;color:#fff;text-align:left;}
			#aside .aside_box .aside_gnb {text-align: left;display: block;}
			#aside .aside_box .aside_gnb li {display:inline-block;vertical-align:middle;}
			#aside .aside_box .aside_gnb li + li {margin-left:23px;}
			#aside .aside_box .aside_gnb li a {display:block;font-size:14px;color:#ffffff;}
			#aside .aside_box .aside_search {margin:40px 0 28px;height: 40px;background:#fff;position: relative;display: block;}
			#aside .aside_box .aside_search .search_input {width:100%;padding:0 10px;box-sizing:border-box;color:#333;font-size:13px;border: none;line-height: 40px;}
			#aside .aside_box .aside_search .search_enter {width: 24px;height: 24px;background:url('../images/skin/aside_search.png') no-repeat 0 0;position:absolute;right: 15px;top:50%;margin-top: -12px;background-size: auto 100%;}

			#aside ul.slidemenu {padding:0 0 50px 0;}
			#aside ul.slidemenu .dep1_li {text-align:left;display: block;vertical-align:top;}
			#aside ul.slidemenu .dep1_li + .dep1_li {margin-top: 0;margin-left: 0;}
			#aside ul.slidemenu .dep1_li .dep1_a {display:block;background: url('../images/skin/aside_cate_off.png') no-repeat 94%;background-size:auto 8px;transition:0.2s;display: block;padding: 0 20px;line-height: 55px;color:#fff;font-size: 18px;border-bottom: 1px solid #404553;}
			#aside ul.slidemenu .dep1_li .dep1_a.on {border-bottom:0;background-image: url('../images/skin/aside_cate_on.png');}
			#aside ul.slidemenu .dep1_li .dep1_a.now {background:url('../images/skin/aside_cate_on.png') no-repeat 97%;background-size:auto 8px;}
			#aside ul.slidemenu .dep1_li .depth {display: none;border: 0;border-bottom: 1px solid rgba(255,255,255,0.2);background: #232429;}
			#aside ul.slidemenu .dep1_li .depth li {padding-left: 0;position:relative;}
			#aside ul.slidemenu .dep1_li .depth li + li {border-top: 1px solid #373740;}
			#aside ul.slidemenu .dep1_li .depth li a {display:block;font-size: 16px;line-height: 55px;color:#ffffff;position:relative;padding: 0 20px;}

			#aside .aside_btm {position:Absolute;bottom: 40px;left:0;width: 100%;}
			#aside .aside_btm .gnb {padding-top: 20px;}
			#aside .aside_btm .gnb li {position:relative;display: inline-block;vertical-align: middle;}
			#aside .aside_btm .gnb li + li {padding-left:10px;margin-left:8px;}
			#aside .aside_btm .gnb li + li:before {content:"/";display:block;position:absolute;left:0;top:50%;margin-top:-20px;line-height:40px;}
			#aside .aside_btm .gnb li a {font-size:14px;color:#888888;line-height:14px;}

			#aside .aside_box .aside_btm .aside_call {background-size:auto 30px;padding-top: 50px;font-size: 24px;}

			.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:998;position:fixed;display: none;}
			.aside_bg.on {opacity:1;display: block;}


	}

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

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

	}

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

	@media only screen and (max-width:640px) {
		#header .w_set {height:50px;}
		#header .hd_logo {left:15px;width:155px;height:34px;}
		#header .hd_right {right:15px;}

		/* aside */
			#aside .aside_box .aside_top {height:50px;padding: 0 15px;}
			#aside .aside_box .aside_logo {line-height:50px;}
			#aside .aside_box .btn_aside_close {right: 12px;top: 10px;width: 25px;height: 25px;}
			
			#aside ul.slidemenu .dep1_li .dep1_a {padding:0 15px;background-position: 94%;}
			#aside ul.slidemenu .dep1_li .depth li a {padding:0 15px;}




	} 
	
	@media only screen and (max-width:479px) { 
		#aside {right: -70%;width:70%;}

	}





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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{}
	#footer .ft_inner {position:relative;width:calc(100% - 60px);margin:0 auto;overflow:hidden;font-size:0;}
	#footer {padding: 8% 0 0;}
	#footer .ft_inner {}
	#footer .w_set2 {box-sizing:border-box;}
	#footer .ft_menu {padding:20px 0;border-bottom:1px solid #ddd;position:relative;z-index:1;}
	#footer .ft_menu ul {display:inline-block;vertical-align: middle;}
	#footer .ft_menu ul:after {content:'';display:block;clear:both;}
	#footer .ft_menu ul li {float:left;margin-right:30px;}
	#footer .ft_menu ul li + li {}
	#footer .ft_menu ul li a {font-size:13px;line-height:13px;font-weight:400;color:#666666;}
	#footer .ft_menu ul li a strong {font-size:inherit;line-height:inherit;font-weight:inherit;color:#222;}
	#footer .ft_menu .btn_top {font-size:16px;line-height:1;font-weight:400;color:#000;position:absolute;top:50%;right:0;transform:translateY(-50%);padding-right: 24px;background: url('../images/skin/ft_top.png') no-repeat center right;background-size: 11px auto;}
	#footer .ft_info {padding: 2.5em 0;}
	#footer .ft_info + .copyright {display:none;}
	#footer .ft_info:after {content:'';display:block;clear:both;}
	#footer .ft_info ul {float:left;display:inline-block;width:18.7%;box-sizing:border-box;}
	#footer .ft_info ul + ul {border-left:1px solid #ddd;padding-left: 2.3%;}
	#footer .ft_info ul.info2 {width:21%;}
	#footer .ft_info ul.info3 {width: 60%;}
	#footer .ft_info ul.info3:after {content:'';display:block;clear:both;}
	#footer .ft_info ul li {font-size:14px;line-height:1;font-weight:300;color:#666666;}
	#footer .ft_info ul li + li {margin-top:18px;}
	#footer .ft_info ul li > strong {display:inline-block;width: 66px;font-size:14px;line-height:1;font-weight:400;color:#888888;padding-right:14%;}
	#footer .ft_info ul.info3 li {float:left;margin-top: 0;}
	#footer .ft_info ul.info3 li + li {padding-left: 8.1%;}
	#footer .ft_info ul.info3 li h3 {font-size:16px;line-height:1;font-weight:400;color:#333333;}
	#footer .ft_info ul.info3 li strong {display:block;width:100%;font-size:14px;line-height:1;font-weight:400;color:#666666;padding: 1.4em 0 1.8em;}
	#footer .ft_info ul.info3 li p {font-size:14px;line-height:1;font-weight: 400;color:#666666;}
	#footer .ft_info ul.info3 li span.line {display:inline-block;margin:0 8px;}
	.copyright {display:inline-block;font-size:13px;line-height:13px;font-weight:300;color:#888888;vertical-align: middle;}


	@media only screen and (max-width:1720px) {
		#footer .w_set2 {width:calc(100% - 40px);}
	}
	@media only screen and (max-width:1540px) {
		#footer .ft_info ul.info1 {width: 17.7%;}
		#footer .ft_info ul.info2 {width: 20%;}
		#footer .ft_info ul.info3 {width: 62%;}
		#footer .ft_info ul + ul {padding-left: 2%;}
		#footer .ft_info ul.info3 li + li {padding-left: 6%;}
	}
	@media only screen and (max-width:1420px) {
		#footer .ft_info ul.info1,
		#footer .ft_info ul.info2 {width:50%;}
		#footer .ft_info ul.info2 {padding-left:4%;}
		#footer .ft_info ul.info3 {clear:both;width:100%;border-top:1px solid #ddd;border-left:0;margin-top: 2.5em;padding-top: 2.5em;padding-left:0;}
	}
	@media only screen and (max-width:1380px) {
		#footer .ft_inner {width:calc(100% - 30px);}
		#footer .w_set2 {width: 100%;padding-left: 20px;padding-right: 20px;}
	}
	@media only screen and (max-width:1023px) {

	}
	@media only screen and (max-width:860px) {
		#footer .w_set2 {padding:0;}
		#footer .ft_menu .copyright {display:none;}
		#footer .ft_info ul.info3 li + li {padding-left:4%;}
	}
	@media only screen and (max-width:840px) {
		#footer .ft_info ul.info3 li {float:none;}
		#footer .ft_info ul.info3 li + li {padding-left:0;padding: 0;}
	}
	@media only screen and (max-width:640px) {
		#wrap #footer {}
		#footer .ft_inner .logo, #footer .ft_inner .info {display:block;}
		#footer .ft_inner .info {margin-left:0;margin-top:12px;}
		#footer .ft_info ul.info1, #footer .ft_info ul.info2 {display:none;}
		#footer .ft_info ul.info3 {padding-top: 0.5em;margin-top:0;border-top:0;}
		#footer .ft_info {padding:1.5em 0 4em;}
		#footer .ft_info ul.info3 li h3 {display: none;}
		#footer .ft_info ul.info3 li strong span,
		#footer .ft_info ul.info3 li p span {font-size:inherit;line-height:inherit;font-weight:inherit;}
		#footer .ft_info ul.info3 li p span.line {width:1px;height:8px;background:#ddd;margin:0 6px;}
		#footer .ft_info ul.info3 li strong {padding-bottom: 10px;padding-top: 12px;}
	}
	@media only screen and (max-width:500px) {
		#footer .ft_menu .btn_top {display:none;}
		#footer .ft_menu {padding:14px 0;}
		#footer .ft_menu ul {text-align:center;display:block;}
		#footer .ft_menu ul li {float:none;display:inline-block;margin-right:6%;}
		#footer .ft_menu ul li a {font-size:13px;}
		#footer .ft_menu ul li:last-child {margin-right:0;}
		#footer .ft_info {padding:1.5em 0;}
		#footer .ft_info ul.info1,
		#footer .ft_info ul.info2 {display:none;}
		#footer .ft_info ul.info3 {border-top:0;padding-top:0;margin-top:0;}
		#footer .ft_info ul.info3 li + li {}
		#footer .ft_info ul.info3 li strong {padding-bottom:0.6em;}
		#footer .ft_info + .copyright {display:block;}
		.copyright {display:block;padding-top:0.5em;}


	}
	@media only screen and (max-width:320px) {
		#footer .ft_menu ul li {margin-right:7px;}
	}





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

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

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

	#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:1023px) {
		
	}
	@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 #container {padding-top:0 !important;}
	.main {width:100%;overflow:hidden;}
	.main .w_set {width:100%;box-sizing:border-box;max-width:1200px;padding:0;margin:0 auto;}

	/* visual */
		.main_visual {position:relative;width:100%;min-width:100%;margin:0;height: calc(100vh - 80px);background:#000;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height: calc(100vh - 80px);}
		.main_visual .slick-slide a {display:inline-block;height:100%;width: 100%;max-width:1920px;margin:0 auto;text-align:Center;position:absolute;left: 0;top:0;outline:0;background-position: center;background-size: cover;transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity: .8;}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
		.main_visual .txt_box {text-align: left;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;font-size: 0;}
		.main_visual .txt_box strong,
		.main_visual .txt_box p,
		.main_visual .txt_box a.link {display: block;color:#fff;text-align:left;opacity:0;bottom:-20px;transition: all 0.8s;transition-timing-function: ease-in-out;position: relative;}
		.main_visual .txt_box strong {font-size:70px;line-height:1;font-weight:700;}
		.main_visual .txt_box p {font-size:24px;line-height:1;font-weight:400;margin: 1.34em 0 3.34em;}
		.main_visual .txt_box a.link {display:inline-block;width: auto;height: 50px;font-size:14px;line-height:50px;font-weight:400;padding:0 68px 0 20px;border:1px solid #fff;background: url('../images/skin/main_txt_more_ov.png') no-repeat center right 27px;background-size:20px auto;transform: scale(1) rotate(0) !important;cursor:pointer;position:relative;transition: 0.5s;top: auto;bottom: -20px;}
		.main_visual .txt_box a.link:hover {color:#333;border:1px solid #fff;background: #fff url('../images/skin/main_txt_more.png') no-repeat center right 27px;background-size:20px auto;transition-delay: 0s !important;}
		.main_visual .txt_box a.link:after {/* content:''; */display:block;position:absolute;width:0;height:100%;background:#fff;transition: 0.5s;top:0;left:0;z-index:-1;}
		.main_visual .txt_box a.link:hover:after {width:100%;}
		.main_visual .active .txt_box strong,
		.main_visual .active .txt_box p,
		.main_visual .active .txt_box a.link {opacity:1;bottom:0;}
		.main_visual .active .txt_box strong {transition-delay: 0s;}
		.main_visual .active .txt_box p {transition-delay: 0.3s;}
		.main_visual .active .txt_box a.link {transition-delay: 0.5s;}

		.main_visual .visual_btn_wrap {position:absolute;left: 0;bottom:17%;overflow:hidden;width: 100%;text-align: center;}
		.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;float: right;}
		.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/visual_sld_pause.png') no-repeat center;}
		.main_visual .visual_btn_wrap .control_btn .slick-arrow {width: 14px;}
		.main_visual .visual_btn_wrap .control_btn .slick-prev {background: url('../images/skin/visual_sld_prev.png') no-repeat left;}
		.main_visual .visual_btn_wrap .control_btn .slick-next {background: url('../images/skin/visual_sld_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: calc(100% - 80px);transition:all 0.3s;z-index:5;margin:0 auto;padding:0;text-align:left;font-size: 0;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress {width: 100%;background: rgba(255,255,255,0.6);display: inline-block;vertical-align: middle;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress .progress {height: 3px;background: #2a8fe6;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;}
		.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_about */
			.main_about {}
			.main_about .w_set {display:table;padding: 7.5em 0 8.4em;}
			.main_about .about_date {display:table-cell;width:332px;height:320px;text-align:center;/* border-left:1px solid #dddddd; *//* border-right:1px solid #dddddd; *//* position:relative; */vertical-align: middle;}
			.main_about .about_date:after,
			.main_about .about_date:before {content:'';display:block;position:absolute;width:1px;height:0;background:#ddd;transition:all 1.5s;transition-delay:0.7s;left:0;top:0;z-index:1;}
			.main_about .about_date:after {left:auto;right:0;}
			.main_about .aos-animate.about_date:before,
			.main_about .aos-animate.about_date:after {height:320px;}
			.main_about .about_date dl {/* position:relative; *//* left:50%; *//* top:50%; *//* transform:translate(-50%, -50%); */}
			.main_about .about_date dl dt {display:block;font-size:160px;line-height:1;font-weight:800;color:#10248c;}
			.main_about .about_date dl dd {display:block;}
			.main_about .about_date dl dd strong {display:block;font-size:50px;line-height:1;font-weight:200;color:#888888;}
			.main_about .about_date dl dd p {font-size:20px;line-height:1;font-weight:200;color:#aaaaaa;padding:7px 0 10px;}
			.main_about .about_cont {display:table-cell;vertical-align:middle;padding-left: 70px;}
			.main_about .about_cont h2 {font-size:44px;line-height:1;font-weight:600;color:#333333;}
			.main_about .about_cont p {font-size:15px;line-height:26px;font-weight:400;color:#888888;padding: 1.5em 0 2.27em;letter-spacing: -0.05em;}
			.main_about .about_cont p strong {display:block;font-size:20px;line-height:1;font-weight:400;color:#333333;padding-bottom: 0.6em;}
			.main_about .about_cont a.link {display:inline-block;font-size:14px;line-height:50px;font-weight:400;color:#333333;padding:0 68px 0 20px;border:1px solid #888888;background:url('../images/skin/main_txt_more.png') no-repeat center right 27px;background-size:20px auto;cursor:pointer;position:relative;transition: 0.3s;}
			.main_about .about_cont a.link:hover {color:#fff;border:1px solid #10248c;background: #10248c url('../images/skin/main_txt_more_ov.png') no-repeat center right 27px;background-size:20px auto;transition-delay: 0s !important;}
			.main_about .about_cont a.link:after {/* content:''; */display:block;/* position:absolute; */width:0;height:100%;background:#10248c;transition: 0.5s;top:0;left:0;z-index:-1;}
			.main_about .about_cont a.link:hover:after {width:100%;}

		/* main_service */
			.main_service {}
			.main_service .tit {font-size:30px;line-height:1;font-weight:400;color:#000000;text-align:center;padding-bottom:1.2em;}
			.main_service ul {overflow:hidden;}
			.main_service ul:after {content:'';display:block;clear:both;}
			.main_service ul li {float:left;width:calc(25% - 10px);position:relative;}
			.main_service ul li + li {margin-left:13px;}
			.main_service ul li .img_box {height:0;padding-bottom:118.5%;}
			.main_service ul li.idx1 .img_box {background:url('../images/skin/main_service_img01.jpg') no-repeat top;background-size:100%;}
			.main_service ul li.idx2 .img_box {background:url('../images/skin/main_service_img02.jpg') no-repeat top;background-size:100%;}
			.main_service ul li.idx3 .img_box {background:url('../images/skin/main_service_img03.jpg') no-repeat top;background-size:100%;}
			.main_service ul li.idx4 .img_box {background:url('../images/skin/main_service_img04.jpg') no-repeat top;background-size:100%;}
			.main_service ul li a {position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1;}
			.main_service ul li .txt_box {position:absolute;left: 3.4em;bottom: 5.3em;}
			.main_service ul li .txt_box strong {font-size:24px;line-height:1;font-weight:700;color:#ffffff;}
			.main_service ul li .txt_box p {font-size:14px;line-height:1;font-weight:400;color:#fff;opacity:0.7;padding-top:1.2em;}


	@media only screen and (min-width:900px) {
		/* main_service */
			.main_service ul li {float:left;width:calc(25% - 10px) !important;position:relative;}
	}
	@media only screen and (max-width:1380px) {
		/* main_visual */
			.main_visual .txt_box strong {font-size:60px;}
			.main_visual .txt_box p {font-size:22px;}
			.main_visual .txt_box a.link {font-size:14px;line-height:50px;padding:0 68px 0 20px;}

		/* main_about */
			.main_about .about_cont a.link,
			.main_about .about_cont a.link:hover {font-size:14px;line-height:50px;padding:0 68px 0 20px;}

	}
	@media only screen and (max-width:1260px) {
		.main .w_set {padding-left: 20px;padding-right: 20px;box-sizing:border-box;}
		.main .w_set2 {}
		/* main_about */
		   .main_about .w_set {display:block;}
		   .main_about .about_date {display:none;}
		   .main_about .about_cont {padding-left:0;display:block;}
		   .main_service .slick-arrow {opacity:0;}

	}
	@media only screen and (max-width:1217px) {
		.main .tit {font-size:38px;}
		
		/* main_visual */
			.main_visual .txt_box strong {font-size:50px;}
			.main_visual .txt_box p {font-size:21px;}

		/* main_service */
			.main_service ul li .txt_box {left:2.4em;bottom:3.3em;}
			.main_service ul li .txt_box strong {font-size:22px;}
			.main_service ul li .txt_box p {}
	}

	@media only screen and (max-width:1023px) {	
		/* main_visual */
			.main_visual {min-width:100%;height:calc(100vh - 75px);}
			.main_visual .slick-slide {height:calc(100vh - 75px);}
	}

	@media only screen and (max-width:900px) {
		/* about_us */
		.main_about .about_cont a.link,
		.main_about .about_cont a.link:hover {background:#fff;color: #333333;border: 1px solid #888888;background: url(../images/skin/main_txt_more.png) no-repeat center}
		/* main_service */
			.main_service ul li {transform: scale(0.9) !important;transition: 0.8s;}
			.main_service ul li.slick-active {transform: scale(1) !important;transition: 0.8s;}
			.main_service ul li.slick-center + li.slick-active {transform:scale(0.9) !important;transition: 0.8s;}
			.main_service ul li + li {margin-left:0;}
			.main_service ul li .txt_box {transform: translate3d(0,0,0);opacity:1;}
	}

	@media only screen and (max-width: 860px) {
		.main .tit {font-size:30px;padding-bottom: 0.6em;}
		
		/* main_about */
			.main_about .about_cont h2 {font-size:40px;}
			.main_about .about_cont p {font-size:16px;line-height:24px;}
			.main_about .about_cont p strong {font-size:18px;}


	}

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

	}

	@media only screen and (max-width: 640px) {
		.main .tit {font-size:28px;position:relative;}
		.main .tit a.more {font-size:16px;line-height:1;font-weight:500;color:#000;position:absolute;top:40%;right:15px;transform:translateY(-50%);}
		.main .tit a.more:after {content:'';display:inline-block;position:relative;width:10px;height:10px;background:url('../images/skin/main_service_more.png') no-repeat center;background-size:10px;padding-left:6px;}

		/* main_visual */
			.main_visual .txt_box strong {font-size:35px;line-height:1.3;}
			.main_visual .txt_box p {font-size:18px;}
			.main_visual .txt_box a.link,
			.main_visual .txt_box a.link:hover {font-size:14px;line-height:45px;padding:0 50px 0 15px;background-color:transparent;background-image:url('../images/skin/main_txt_more_ov.png');background-position: center right 15px;background-size: 22px auto;color:#fff;border:1px solid #fff;}
			.main_visual .visual_btn_wrap .slider-progress-wrap {width:calc(100% - 70px);}

		/* main_about */
			.main_about .w_set {padding-top:5em;padding-bottom:5em;padding-left: 15px;padding-right: 15px;}
			.main_about .about_cont a.link,
			.main_about .about_cont a.link:hover {font-size:14px;line-height:45px;padding:0 50px 0 15px;background-position: center right 15px;background-size: 22px auto;}

		/* main_serive */
			.main_service {padding:5em 0;background:#f5f5f5;}
			.main_service ul li a {}
			.main_service ul li .txt_box {position:relative;left:0;bottom:0;text-align:center;transform: translate3d(0,0,0);opacity:1;}
			.main_service ul li:not(.slick-center) .txt_box {opacity:0;}
			.main_service ul li .txt_box strong,
			.main_service ul li .txt_box p {opacity: 0;bottom: -20px;transition: all 0.8s;transition-timing-function: ease-in-out;position: relative;}
			.main_service ul li .txt_box strong {display:block;font-size:20px;line-height:1;color:#222;padding:19px 0 0;}
			.main_service ul li .txt_box p {font-size:16px;color:#555555;}
			.main_service ul li.slick-center .txt_box strong,
			.main_service ul li.slick-center .txt_box p {opacity:1;bottom:0;}
			.main_service ul li.slick-center .txt_box strong {transition-delay: 0s;}
			.main_service ul li.slick-center .txt_box p {transition-delay: 0.2s;}
			.main_service .slick-arrow {display:inline-block;position:absolute;bottom:15px;width: 35px;height: 49px;font-size:0;opacity:1;z-index:10;}
			.main_service .slick-prev {background:url('../images/skin/service_sld_prev.png') no-repeat center;background-size:15px auto;left:30px;}
			.main_service .slick-next {background:url('../images/skin/service_sld_next.png') no-repeat center;background-size:15px auto;right:30px;}
	}

	@media only screen and (max-width:479px) {
		/* main_about */
			.main_about .about_cont h2 {font-size:30px;}
			.main_about .about_cont p {font-size:14px;line-height:22px;}
			.main_about .about_cont p strong {font-size:17px;}
	}

	@media screen and (max-width:350px) {
		
	}

	@media screen and (max-width:320px) {
	/* main_visual */
		.main_visual .txt_box p {font-size:16px;}
		
	}