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

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

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




/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인상품진열 - 공통 */
.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{overflow:visible;}
	#header .hd_lnb li a,
	#header .hd_gnb li,
	#header .hd_gnb li a {}
	#header {left:0;top:0;height: 112px;border:0;text-align:center;position:fixed;z-index:10;width:100%;box-sizing:border-box;font-size:0;border-bottom:1px solid #cccccc;background:#fff;transition: all 0.5s;}
	#header .header_cont{width:100%;height:100%;position: relative;}
	#header .w_set {width:100%;box-sizing:border-box;max-width:1200px;padding:0;margin:0 auto;}
	#header .w_set2 {position:relative;}
	#header .hd_logo {width:232px;height: 23px;position:absolute;top: 50%;left:80px;transform: translateY(-50%);z-index:15;}
	#header .hd_logo a {background: url('../images/skin/hd_logo_ov.png') no-repeat left;font-size: 0;display: block;height: 100%;background-size: auto 100%;}
	#header .hd_lnb {left:50%;height:33px;line-height:33px;transform: translate(-50%);margin:0;padding:0;font-size:0;width:100%;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: 2;font-size: 15px;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 20px;position: relative;line-height:112px;}
	#header .hd_lnb > li > a {padding:0;position:relative;z-index:1;}
	#header .hd_lnb > li > a:after {content:'';display:block;position:absolute;width:0;height:2px;background:#ff7801;bottom:-16px;}
	#header .hd_lnb > li:hover > a:after,
	#header .hd_lnb > li.on > a:after {width:100%;transition:0.5s;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 {position:absolute;left:0px;top:88px;box-sizing:border-box;border:1px solid #ddd;background: #fff;min-width:140px;padding:22px 20px;font-size:0;display: none;}
	#header.on .hd_lnb li.lnb_depth1 ul.lnb_depth2 {top:77px;}
	#header .hd_lnb li.lnb_depth1:hover ul.lnb_depth2 {display:block;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li {font-size:14px;line-height:1.64;padding:0 1,42em;color:#888;text-align:left;position: relative;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li + li {margin-top:1.21em;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li a {padding-left:10px;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li a:before {content:'';display:inline-block;vertical-align:middle;background:#a0a0a0;border-radius:100%;width:2px;height:2px;margin-right:3px;position: absolute;left:0;top:11px;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li:hover a{color:#ff7801;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li:hover a:before {background:#ff7801;}
	/*#header .hd_lnb li a:after{content:"";display:block;clear:both;transition:0.5s;width:0;height:2px;background:#222;position:absolute;left:0;bottom: 50%;margin-top:0;content:"";display:inline-block;}
	#header .hd_lnb li a:hover:after{width:100%;}
	#header .hd_lnb li a.on:after{width:100%;}*/
	#header .hd_right {top:50%;right: 80px;/* height: 30px; */line-height: 30px;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: 0;transform: translateY(-50%);}
	#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: 30px;padding:0;font-size: 15px;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 15px;}
	#header .hd_right .menu-trigger {display: none;position:relative;padding:0;width: 22px;height: 18px;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:#fff;-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);height: 90px;}
		.main_index #header.on .hd_logo a {background:url('../images/skin/hd_logo_ov.png') no-repeat left;background-size:auto 100%;}
		.main_index #header .hd_logo a {background: url('../images/skin/hd_logo.png') no-repeat left;background-size: auto 100%;}
		.main_index #header.on .hd_lnb > li{line-height:90px;}
		.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.on .hd_lnb > li > a {color:#333;}
        .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_right .menu-trigger span {background:#fff;}
		.main_index #header.on .hd_right .hd_gnb li a {color:#999;}
	
	/* main header hover */
		.main_index #header.on{background:#fff;-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);height: 90px;}
		.main_index #header.on .hd_logo a {background:url('../images/skin/hd_logo_ov.png') no-repeat left;background-size:auto 100%;}
		.main_index #header.on .hd_lnb > li{line-height:90px;}
		.main_index #header.on .hd_lnb > li > a {color:#333;}
		.main_index #header.on .hd_right .hd_gnb li a {color:#999;}
		.main_index #header.on .hd_right .menu-trigger span {background:#333;}

	/*header hover*/
		#header.on{background:#fff;-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);height: 90px;}
		#header.on .hd_logo a {background:url('../images/skin/hd_logo_ov.png') no-repeat left;background-size:auto 100%;}
		#header.on .hd_lnb > li{line-height:90px;}
		#header.on .hd_lnb > li > a {color:#333;}
		#header.on .hd_right .hd_gnb li a {color:#999;}
		#header.on .hd_right .menu-trigger span {background:#333;}

	/* 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: #333;display: table;visibility: hidden;display:none;}
		#aside.on {top:0%;right:0;left:0;visibility: visible;}
		
		#aside .aside_box.for_m {display:none;}
		#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: 1px;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 {text-align:center;margin-bottom: 58px;}
		#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 {padding-top: 35px;}
		.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) {
		#header .hd_logo {left:30px;height: 21px;}
		#header .hd_right {right:30px;}
		/* aside */
			#aside .aside_box .aside_logo {margin-bottom:4%}
			#aside .aside_box .aside_logo a {background-size:auto 100%;height:20px;}
			#aside ul.aside_menu .dep1_li + .dep1_li {margin-top: 0;margin-left: 5%;}
			#aside ul.aside_menu .dep1_li .dep1_a {font-size:20px;line-height:40px;padding:0 20px;}
			#aside ul.aside_menu .dep1_li .dep2 {padding:10px 0 0 20px;}
			#aside ul.aside_menu .dep1_li .dep2 li a {font-size:16px;line-height:16px;}
			#aside .aside_box .aside_btm .aside_call {background-size:auto 40px;padding-top:70px;}
			#aside .aside_btm .gnb li a {font-size:16px;}

	}

	@media only screen and (max-width:1217px) {
		#header .hd_lnb > li {padding:0 30px;left:3%;position:relative;}
		#header .hd_lnb li.lnb_depth1 ul.lnb_depth2{left:12px;}
	}

	@media only screen and (max-width:1023px) {
		#header {height: 90px;}
		#header .hd_logo {}
		#header .hd_lnb,
		#header .hd_right .hd_gnb {display:none;}
		#header .hd_right {}
		.main_index #header.on {height: 70px;}

		#header .hd_right .menu-trigger {display:block;}
		.main_index #header.on .hd_right .menu-trigger span {background:#333;}

		
		
		/* aside */
			#aside {top:0px;right: -420px;left: inherit;width: 420px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background: #333;visibility: hidden;}
			#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: 30px 20px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display: block;}
			#aside .aside_box .btn_aside_close {right: 15px;top: 20px;width: 30px;height: 30px;}
			#aside .aside_box .aside_logo {text-align:left;margin-bottom: 22px;}
			#aside .aside_box .aside_logo a {display:block;background: url('../images/skin/hd_logo.png') no-repeat left;font-size:0;height: 20px;background-size:auto 100%;}
			#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: 20px;margin-left: 0;}
			#aside ul.slidemenu .dep1_li .dep1_a {display:block;background-size:auto 8px;transition:0.2s;display: block;padding: 0;line-height: 50px;color:#fff;font-size: 20px;position:relative;z-index:1;}
			#aside ul.slidemenu .dep1_li .dep1_a:before {content: ' ';display: block;position: absolute;top: 33%;right: 2px;width: 13px;height: 13px;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;transform: rotate(-135deg);margin-left: auto;}
			#aside ul.slidemenu .dep1_li .dep1_a.on:before {transform:rotate(45deg);top: 47%;}
			#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 {padding: 0;display: none;border: 0;padding: 10px 0;}
			#aside ul.slidemenu .dep1_li .depth li {padding-left: 0;position:relative;}
			#aside ul.slidemenu .dep1_li .depth li:before {content:"";display: none;width:2px;height:2px;position:absolute;left:0;top:50%;margin-top:-1px;background:#18b3e5;}
			#aside ul.slidemenu .dep1_li .depth li + li {margin-top:26px;}
			#aside ul.slidemenu .dep1_li .depth li a {display:block;font-size: 14px;line-height: 14px;color: #cccccc;position:relative;}

			#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 {height: 80px;}
		#header .hd_logo {height: 16px;right: 20px;}
		#header .hd_right {right: 20px;}
			
		#aside ul.slidemenu .dep1_li .dep1_a {font-size:16px;line-height:48px;}

	/* main header hover */
		.main_index #header.on{background:transparent;box-shadow:none;height: 80px;}
		.main_index #header.on .hd_logo a {background:url('../images/skin/hd_logo.png') no-repeat left;background-size:auto 100%;}
		.main_index #header.on .hd_right .menu-trigger span {background:#fff;}

	/*header hover*/
		#header.on{background:transparent;box-shadow:none;height: 80px;}
		#header.on .hd_logo a {background:url('../images/skin/hd_logo.png') no-repeat left;background-size:auto 100%;}
		#header.on .hd_right .menu-trigger span {background:#fff;}
	
	} 
	
	@media only screen and (max-width:479px) { 
		#header {height:70px;}
		.main_index #header.on {height:60px;background:#fff;}
		.main_index #header.on .hd_right .menu-trigger span {background:#333;}
		.main_index #header.on .hd_logo a{background:url('../images/skin/hd_logo_ov.png') no-repeat left;background-size:auto 100%;}

		#header.on {height:60px;background:#fff;}
		#header.on .hd_right .menu-trigger span {background:#333;}
		#header.on .hd_logo a{background:url('../images/skin/hd_logo_ov.png') no-repeat left;background-size:auto 100%;}

		#header.on{background:#fff;-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);height:70px;}
		#header.on .hd_logo a {background:url('../images/skin/hd_logo_ov.png') no-repeat left;background-size:auto 100%;}
		#header.on .hd_right .menu-trigger span {background:#333;}
		#aside {right: -80%;width:80%;}

	}





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

	 FOOTER | outline/footer.html

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

	#footer {background:#1c1c1c;}
	#footer .ft_inner {}
	#footer .ft_inner .ft_nav {border-bottom:1px solid #666666;}
	#footer .ft_inner .ft_nav ul {}
	#footer .ft_inner .ft_nav ul li {display: inline-block;}
	#footer .ft_inner .ft_nav ul li + li {margin-left:26px;}
	#footer .ft_inner .ft_nav ul li a {display: block;font-size:14px;line-height:1;font-weight:400;color:#fff;padding: 20px 0;}
	#footer .ft_inner .ft_nav ul li a strong {font-size:inherit;line-height:inherit;font-weight:500;color:inherit;}
	#footer .ft_inner .ft_info {text-align:center;padding:37px 0;}
	#footer .ft_inner .ft_info h2.ft_logo {display:inline-block;width: 100%;height:23px;font-size:0;background:url('../images/skin/hd_logo.png') no-repeat center;background-size:auto 100%;}
	#footer .ft_inner .ft_info address {font-size:14px;line-height:30px;font-size:14px;line-height:30px;font-weight:400;color:#888888;padding:30px 0;}
	#footer .ft_inner .ft_info address span {display:inline-block;margin:0 16px;}
	#footer .ft_inner .ft_info address span.pc_line {display:inline-block;}
	#footer .ft_inner .ft_info address .t_br {display:none;}
	#footer .ft_inner .ft_info address .m_br {display:none;}
	#footer .ft_inner .ft_info p.copy {font-size:14px;line-height:30px;font-size:14px;line-height:30px;font-weight:400;color:#888888;}

	@media only screen and (max-width:1320px) {
		#footer .ft_inner .ft_info h2.ft_logo {width:100%;height:21px;}
	}
	@media only screen and (max-width:1023px) {

	}
	@media only screen and (max-width:860px) {
	}
	@media only screen and (max-width:767px) {
		#footer .ft_inner .ft_nav ul {text-align:center;}
        #footer .ft_inner .ft_nav ul li {}
		#footer .ft_inner .ft_info {}
		#footer .ft_inner .ft_info address span {margin:0 10px;}
		#footer .ft_inner .ft_info address span.pc_line {display:none;}
		#footer .ft_inner .ft_info address .t_br {display:inline-block;}
	}
	@media only screen and (max-width:640px) {
	}
	@media only screen and (max-width:479px) {
		#footer .ft_inner .ft_info address {padding:8% 0 3%;line-height:24px;}
		#footer .ft_inner .ft_info address span.t_line {display:none;}
		#footer .ft_inner .ft_info address .m_br {display:inline-block;}

	}





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

	 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 #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;}
	.main .tit {display:block;font-size: 40px;line-height: 1;color: #333;text-align:center;margin-top: 3em;margin-bottom: 2em;}

	.main a.btn_more {width:217px;line-height: 1;padding: 23px 0;display:inline-block;border-bottom: 1px solid #FF7801;font-size:15px;font-weight:400;color: #ff7800;box-sizing:border-box;margin-top: 1.5em;position:relative;z-index:1;}
	.main a.btn_more:after {width:11px;height:10px;display:inline-block;content:"";background: url('../images/skin/icon_next.png') no-repeat 0 50%;position:absolute;right:0;top:50%;transform:translate(0%, -50%);transition:all 0.3s;}
	.main a.btn_more:before {width:24px;opacity:0;height:24px;border-radius:24px;background: #ff7800;transition:all 0.3s;position:absolute;right:24px;top:50%;display:inline-block;content:"";transform:translate(6px, -50%);}
	/*.main a.btn_more:hover:before {opacity:1;right:0;}
	.main a.btn_more:hover:after {background:url('../images/skin/icon_next_fff.png') no-repeat 0 50%;}*/

	.main_title {text-align:center;}
	.main_title strong.title {display:block;font-size:40px;line-height:1;font-weight:700;color:#fff;padding:0 0 24px;}
	.main_title p.txt {font-size:16px;line-height:26px;font-weight:300;color:#fff;}
	.main_title p.txt span {display:inline-block;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}
	.main_title p.txt span + span {margin-left:17px;}
	.main_title p.txt .t_br {display:none;}
	.main_title p.txt .m_br {display:none;}


	/* visual */
		.main_visual {position:relative;width:100%;min-width:1200px;margin:0;height:798px;background:#000;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:798px;}
		.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;transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity: .8;}
		.main_visual .slick-slide a.link {z-index:1;}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;}
		.main_visual .txt_box {width: 100%;text-align:center;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;font-size: 0;}
		.main_visual .txt_box p,
		.main_visual .txt_box b,
		.main_visual .txt_box span {display:block;text-align:center;color:#fff;opacity:0;bottom:-20px;transition: all 0.8s;transition-timing-function: ease-in-out;position:relative;}
		.main_visual .active .txt_box p,
		.main_visual .active .txt_box b,
		.main_visual .active .txt_box span {opacity:1;bottom:0;}
		.main_visual .active .txt_box p {transition-delay: 0s;}
		.main_visual .active .txt_box b {transition-delay: 0.3s;}
		.main_visual .active .txt_box span {transition-delay: 0.5s;}
		.main_visual .txt_box p {font-size:26px;line-height:1;font-weight:400;}
		.main_visual .txt_box p .m_br {display:none;}
		.main_visual .txt_box b {font-size:100px;line-height:1;font-weight:200;margin:33px 0 45px;}
		.main_visual .txt_box b strong {font-size:inherit;line-height:inherit;font-weight:700;}
		.main_visual .txt_box span {font-size:26px;line-height:36px;font-weight: 400;}

		.main_visual .visual_btn_wrap {position:absolute;left: 0;bottom: 150px;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;}
		.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: 32px;}
		.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: 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;}
		.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_special */
		.main_special {display:block;position:relative;z-index:10;/* padding: 94px 0 0; */}
		.main_special:after {content:'';display:block;clear:both;}
		.main_special a.link {display:block;position:absolute;width:100%;height:100%;top: 0;z-index: 1;}
		.main_special .txt_box {display: table;max-width: 1560px;margin-right: 0;table-layout:fixed;}
		.main_special .txt_box .txt_box_wrap {display:block;display: table-cell;width: 50%;padding-right: 200px;vertical-align: middle;position:relative;z-index:1;}
		.main_special .txt_box strong {display:block;font-size:40px;line-height:1;font-weight:700;color:#333;}
		.main_special .txt_box span {display:block;font-size:16px;line-height:26px;font-weight:300;color:#333;padding:1.5em 0 0.69em}
		.main_special .txt_box p {display:block;font-size:14px;line-height:24px;font-weight:300;color:#888888;}
		.main_special .img_box {display:block;display: table-cell;width: 100%;position: relative;float:right;right:0;top:0;}

	/* main_offer */
		.main_offer {display: block;width:100%;height:940px;background:url('../images/skin/main_offer_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed;}
		.main_offer .w_custom {display: table;height: 940px;}
		.main_offer .offer_wrap {display: table-cell;vertical-align: middle;}
		.main_offer .offer_cont {}
		.main_offer .offer_cont ul {}
		.main_offer .offer_cont ul:after {content:'';display:block;clear:both;}
		.main_offer .offer_cont ul li {float:left;display:inline-block;width:calc(25% - 27px);text-align:center;padding-top:150px;}
		.main_offer .offer_cont ul li + li {margin-left:27px;}
		.main_offer .offer_cont ul li strong {display:block;font-size:20px;line-height:1;font-weight:700;color:#fff;padding:36px 0 30px;}
		.main_offer .offer_cont ul li strong .m_br {display:none;}
		.main_offer .offer_cont ul li p {font-size:14px;line-height:24px;font-weight:300;color:#fff;opacity:0.7;}
		.main_offer .offer_cont ul li i.icon {display:block;width:100%;padding-bottom:70px;}
		.main_offer .offer_cont ul li.idx1 i.icon {background:url('../images/skin/main_offer_icon01.png') no-repeat center;background-size:auto 70px;}
		.main_offer .offer_cont ul li.idx2 i.icon {background:url('../images/skin/main_offer_icon02.png') no-repeat center;background-size:auto 68px;}
		.main_offer .offer_cont ul li.idx3 i.icon {background:url('../images/skin/main_offer_icon03.png') no-repeat center;background-size:auto 62px;}
		.main_offer .offer_cont ul li.idx4 i.icon {background:url('../images/skin/main_offer_icon04.png') no-repeat center;background-size:auto 70px;}

	/* main_gallery */
		.main_gallery {}
		.main_gallery > ul {padding:0 0 0 50%;width:100%;font-size:0;box-sizing:border-box;position:relative;z-index:1;}
		.main_gallery > ul > li {overflow:hidden;}
		.main_gallery > ul > li + li {}
		.main_gallery > ul > li.ga_big {width:50%;height:100%;left:0;top:0;position:absolute;}
		.main_gallery > ul > li.ga_sm {width:50%;display:inline-block;vertical-align:top;}
		.main_gallery > ul > li .ga_wrap {box-sizing:border-box;text-align:left;position:relative;z-index:1;}
		.main_gallery > ul > li a {width:100%;height:100%;left:0;top:0;position:absolute;z-index:3;}
		.main_gallery > ul > li .thumb {padding:100% 0 0;width:100%;overflow:hidden;position:relative;z-index:1;transition: 0.3s;}
		.main_gallery > ul > li .thumb:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;}
		.main_gallery > ul > li:hover .thumb:after {opacity:1;}
		.main_gallery > ul > li .thumb img {width:100%;height:auto;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(1.01,1.01);opacity:1;transition:all 0.3s;}
		.main_gallery > ul > li:hover .thumb img {transform:translate(-50%, -50%) scale(1.1,1.1);}
		.main_gallery > ul > li .txt {display: inline-block;opacity:0;width: 100%;height: auto;top: 50%;transform: translateY(-50%);transition:all 0.3s;/* background: rgba(0, 0, 0, 0.3); */box-sizing:border-box;position:absolute;z-index:2;text-align:center;}
		.main_gallery > ul > li:hover .txt {opacity:1;}
		.main_gallery > ul > li .txt h4 {font-size:28px;width: 85%;line-height:1;font-weight:400;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break:keep-all;word-wrap:break-word;margin: 0 auto;}
		.main_gallery > ul > li .txt p {font-size:14px;line-height:1;font-weight:400;color:#ff7800;margin-top:25px;white-space:normal;word-break:keep-all;word-wrap:break-word;}
		.main_gallery > ul > li.ga_big .txt h4 {font-size:44px;}
		.main_gallery > ul > li.ga_big .txt p {font-size:22px;margin-top: 35px;}

	/* main_video */
		.main_video {padding:120px 0;}
		.main_video .video_box img {width:100%;}
		.main_video .video_box iframe {width:100%;height:550px;}
	
	/* main_insta */
		.main_insta {background:url('../images/skin/main_instar_bg.jpg') no-repeat center;background-size:cover;padding:126px 0;}
		.main_insta .w_custom {text-align:center;}
		.main_insta .main_title {}
		.main_insta .main_title p.txt {font-size:16px !important;line-height:1 !important;}
		.main_insta img {width:80px;height:80px;padding:42px 0;}
		.main_insta a.btn_more {text-align:left;border-bottom:1px solid #ddd;color:#fff;}
		.main_insta a.btn_more:after {background: url('../images/skin/icon_next_fff.png') no-repeat 0 50%;position:absolute;right:0;top:50%;transform:translate(0%, -50%);transition:all 0.3s;}
		.main_insta a.btn_more:hover:after {background:url('../images/skin/icon_next.png') no-repeat 0 50%;}
		.main_insta a.btn_more:before {background:#fff;}

    @media only screen and (max-width:1590px) {
		.main_special .txt_box {max-width: 100%;}    	
		.main_special .txt_box .txt_box_wrap {padding-left:30px;}
    }
	@media only screen and (max-width:1460px) {
	/* main_special */
		.main_special {padding: 0;}
		.main_special .txt_box {max-width:100%;display: table;}
		.main_special .txt_box .txt_box_wrap {display: table-cell;width: 50%;padding-left: 30px;box-sizing:border-box;vertical-align: middle;padding-right: 0;}
		.main_special .img_box {display: table-cell;position:relative;width: 90%;}


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

		.main_visual {min-width:100%;}
		.main_visual .txt_box p {font-size:25px;}
		.main_visual .txt_box b {font-size:90px;margin: 3.5% 0 3.5%;}
		.main_visual .txt_box span {font-size:25px;}

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

	}
	@media only screen and (max-width:1270px) {
	.main_title strong.title {font-size:36px;} 
	.main_title p.txt {font-size:14px;line-height:24px;}
	/* main_special */
		.main_special .txt_box strong {font-size:36px;line-height:1;}
		.main_special .txt_box span {font-size:14px;line-height:24px;}
		.main_special .txt_box p {font-size:13px;line-height:23px;}
	/* main_gallery */
		.main_gallery > ul > li .txt {}
		.main_gallery > ul > li .txt h4 {font-size:26px;}
		.main_gallery > ul > li .txt p {font-size:14px;}
		.main_gallery > ul > li.ga_big .txt h4 {font-size:40px;}
		.main_gallery > ul > li.ga_big .txt p {font-size:20px;margin-top: 30px;}
	}
	@media only screen and (max-width:1217px) {
	/* main_video */
		.main_video {padding:10% 0;}
		.main_video .video_box iframe {height:550px;}
	}
	@media only screen and (max-width:1150px) {
	.main_title strong.title {font-size:34px;}
	/* main_special */
		.main_special .txt_box strong {font-size:34px;line-height:1;}
		.main_special .txt_box p {display:none;}
	}
	@media only screen and (max-width:1024px) {
	/* main_video */
		.main_video .video_box iframe {height:480px;}
	/* main_gallery */
	    .main_gallery > ul > li .thumb:after {opacity:1;}
		.main_gallery > ul > li .txt h4 {word-break: break-all; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
		.main_gallery > ul > li.ga_big .txt, .main_gallery > ul > li.ga_sm .txt {opacity: 1;}
		.main_gallery > ul > li.ga_sm .txt h4 {font-size:24px;line-height:1.3;}
		.main_gallery > ul > li.ga_sm .txt h4 .for_m {display:inline-block;}
		.main_gallery > ul > li.ga_sm .txt p {display:none;}
	}
	@media only screen and (max-width:950px) {
	/* main_offer */
		.main_offer {height:900px;}
		.main_offer .w_custom {height: 900px;}
		.main_offer .offer_cont ul li strong {display:block;font-size:20px;line-height:1.5;font-weight:700;color:#fff;padding:36px 0 30px;}
		.main_offer .offer_cont ul li strong .m_br {display:block;}
		 

	}
	@media only screen and (max-width:900px) {
	.main a.btn_more {width: 190px;padding:20px 0;font-size:14px;margin-top:1em}
	.main_title strong.title {font-size:30px;}
	.main_title p.txt {font-size:14px;line-height:24px;} 
	.main_title p.txt {font-size:13px;line-height:23px;}
	/* main_special */
		.main_special .txt_box .txt_box_wrap {width:40%}
		.main_special .txt_box strong {font-size:30px;}
		.main_special .txt_box span {font-size:13px;line-height:23px;}
	/* main_video */
		.main_video .video_box iframe {height:400px;}
	}
	@media only screen and (max-width:750px) {
	/* main_special */
		.main_special .txt_box .txt_box_wrap {width:100%;display: block;padding: 14% 0;padding-right: 30px;padding-left: 30px;}
		.main_special .img_box {width:100%;display: block;}

	/* main_offer */
		.main_offer {height:900px;}
		.main_offer .w_custom {height: 900px;}
		.main_offer .offer_cont ul li {width:calc(25% - 20px);}
		.main_offer .offer_cont ul li + li {margin-left:20px;}
		.main_offer .offer_cont ul li strong {display:block;font-size:20px;line-height:1.5;font-weight:700;color:#fff;padding:36px 0 30px;}
		.main_offer .offer_cont ul li strong .m_br {display:block;}	
	}
	@media only screen and (max-width: 860px) {

	}
	@media only screen and (max-width:767px) {
		.main_visual .txt_box b {font-size:80px;}

	/* main_offer */
		.main_offer {height:auto;padding:20% 0;}
		.main_offer .w_custom {height:auto;}
		.main_offer .offer_cont ul li p {display:none;}
	/* main_gallery */
		.main_gallery > ul > li.ga_sm .txt h4 {font-size:22px;}
        
	}

	@media only screen and (max-width:690px) {
	.main_title p.txt .pc_br {display:none;}
	.main_title p.txt .m_br {display:block;}
	}
	@media only screen and (max-width: 640px) {
		.main_visual .txt_box p {font-size:24px;line-height: 1.4;} 
		.main_visual .txt_box p .m_br {display:inline-block;}
		.main_visual .txt_box b {font-size:43px;margin:6% 0;}
		.main_visual .txt_box span {font-size:24px;line-height:1.6;word-break:keep-all;}
		.main_visual .txt_box span br {display:none;}
	/* main_video */
		.main_video {padding:16% 0 !important;}
		.main_video .video_box iframe {height:360px;}
	/* main_insta */
		.main_insta img {width:110px;height:110px;padding:20% 0;}

	/* main_galler */
		.main_gallery > ul {padding-left:0%;}
		.main_gallery > ul > li.ga_big {width:100%;position:static;}
		.main_gallery > ul > li.ga_sm .txt h4 {font-size:20px;}
	}
	@media only screen and (max-width:600px) {
	/* main_offer */		
		.main_offer .offer_cont ul {padding-top:10%;}
		.main_offer .offer_cont ul li {width:50%;padding-top:30px;}
		.main_offer .offer_cont ul li + li {margin-left:0;}
		.main_offer .offer_cont ul li:nth-child(3) {margin-left:0;}
		.main_offer .offer_cont ul li strong {font-size:19px}
		.main_offer .offer_cont ul li i.icon {display:block;width:100%;padding-bottom: 35%;}
		.main_offer .offer_cont ul li.idx1 i.icon {background-size:auto 100%;}
		.main_offer .offer_cont ul li.idx2 i.icon {background-size:auto 100%;}
		.main_offer .offer_cont ul li.idx3 i.icon {background-size: auto 97%;}
		.main_offer .offer_cont ul li.idx4 i.icon {background-size:auto 100%;}
	/* main_gallery */
		.main_gallery > ul > li.ga_big .txt {padding:4%;box-sizing:border-box;}
		.main_gallery > ul > li.ga_big .txt h4 {font-size:38px;}
		.main_gallery > ul > li.ga_big .txt p {font-size:18px;margin-top: 26px;}

	}
	@media only screen and (max-width:640px) {
		.main_offer {background-attachment: inherit;}
	}
	@media only screen and (max-width:479px) {
	.main a.btn_more {width:150px;padding:13px 0;font-size:13px;}
	.main_title p.txt .t_br {}
	.main_title p.txt .m_br {display:block;}
	/* main_special */
		.main_special .txt_box .txt_box_wrap {padding:14% 15px;}

	/* main_gallery */
		.main_gallery > ul > li.ga_big .txt {padding:4%;box-sizing:border-box;}
		.main_gallery > ul > li.ga_big .txt h4 {font-size:26px;}
		.main_gallery > ul > li.ga_big .txt p {font-size:15px;margin-top: 24px;}
	
	}
	@media screen and (max-width:350px) {
		
	}
	@media screen and (max-width:320px) {
		
	}