@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

───────────────────────────────────────────────────────────*/
	#header {left:0;top:0;border:0;text-align:center;position:absolute;z-index:10;width:100%;box-sizing:border-box;font-size:0;background:#fff;}
	#header .header_cont{width:100%;position: relative;text-align:left;}
	#header .header_cont .hd_logo{display: inline-block;width:203px;height:33px;margin-left:100px;padding:42px 0;}
	#header .header_cont .hd_logo a{display: block;background:url('../images/skin/hd_logo_ov.png')no-repeat left;background-size:auto 100%;font-size:0;width:100%;height:100%;}
	#header .hd_right{display: none;}

	.hd_side_box{width:120px;height:100%;position:fixed;top:0;right:0;box-sizing:border-box;border-left:1px solid #ddd;z-index:10;background:#fff;}
	.hd_side_box .hd_right{width:100%;height:100%;position: relative;}
	.hd_side_box .hd_right .menu-trigger {display: block;position:relative;padding:0;width:100%;height:120px;box-sizing: border-box;text-align:center;border-bottom:1px solid rgba(0,0,0,0.5);}
	.hd_side_box .hd_right .menu-trigger span{font-size:20px;color:#000;font-weight:500;display: block;line-height:114px;position: relative;}
	.hd_side_box .hd_right .menu-trigger span:before{width:40px;height:2px;content:"";background:#000;position: absolute;bottom:42px;left:39px;}
	.hd_side_box .hd_right .menu-trigger .close{display: none;}	
	.hd_side_box .hd_right .menu-trigger.active-1 .close{display:block;}	
	.hd_side_box .hd_right .menu-trigger.active-1 .menu{display:none;}	
	.hd_side_box .hd_right .hd_lnb_box{height:62%;display: flex;align-items: center;justify-content: center;width: 100%;position: relative;padding-bottom:48px;}
	.hd_side_box .hd_right .hd_lnb{text-align: center;width:120px;}
	.hd_side_box .hd_right .hd_lnb li{box-sizing:border-box;font-size:20px;color:#000;font-weight:500;position: relative;}
	.hd_side_box .hd_right .hd_lnb li + li{margin-top:10px;}
	.hd_side_box .hd_right .hd_lnb li a{display: block;font-size:inherit;color:inherit;font-weight:inherit;min-height:113px;}
	.hd_side_box .hd_right .hd_lnb li a span{line-height:113px;display:inline-block;font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:0;width:100%;position: relative;}
	.hd_side_box .hd_right .hd_lnb li a .m_out{transform:rotate(90deg);transform-origin:center;}
	.hd_side_box .hd_right .hd_lnb li a .m_ov{opacity:0;position: absolute;left:0;}
	.hd_side_box .hd_right .hd_lnb li a .m_ov em{display: inline-block;position: relative;font-size:inherit;color:inherit;font-weight:inherit;line-height:1;}
	.hd_side_box .hd_right .hd_lnb li:hover a .m_out{display: none;}
	.hd_side_box .hd_right .hd_lnb li:hover a .m_ov{opacity:1;}
	.hd_side_box .hd_right .hd_lnb li:hover a .m_ov em:before{width:calc(100% - 20px);height:2px;content:"";background:#000;position: absolute;left:10px;bottom:-5px;}
	.hd_btn_top{text-align:center;box-sizing:border-box;position: relative;padding-top:109px;cursor:pointer;}
	.hd_btn_top:before{width:1px;height:80px;content:"";background:#000;position: absolute;top:0;left:calc(50% - 1px);}
	.hd_btn_top span{font-size:20px;color:#000;font-weight:500;display: inline-block;box-sizing:border-box;position: relative;}
	.hd_btn_top span:before{width:24px;height:2px;content:"";background:#000;position: absolute;left:3px;bottom:-11px;}

	/*side box on*/
		.hd_side_box.on{border-left:1px solid rgba(255,255,255,0.5);background:#000;}
		.hd_side_box.on .hd_right .menu-trigger{border-bottom:1px solid rgba(255,255,255,0.5);}
		.hd_side_box.on .hd_right .menu-trigger span{color:#fff;}
		.hd_side_box.on .hd_right .menu-trigger span:before{background:#fff;}
		.hd_side_box.on .hd_right .hd_lnb li{color:#fff;}
		.hd_side_box.on .hd_right .hd_lnb li:hover a .m_ov em:before{background:#fff;}
		.hd_side_box.on .hd_btn_top:before{background:#fff;}
		.hd_side_box.on .hd_btn_top span{color:#fff;}
		.hd_side_box.on .hd_btn_top span:before{background:#fff;}

	/* main header */
		.main_index #header, .sub_company #header{background:transparent;}
		.main_index #header .header_cont .hd_logo a, .sub_company #header .header_cont .hd_logo a{background:url('../images/skin/hd_logo.png')no-repeat left;background-size:auto 100%;}
		.main_index .hd_side_box{border-left:1px solid rgba(255,255,255,0.5);background:transparent;}
		.main_index .hd_side_box .hd_right .menu-trigger{border-bottom:1px solid rgba(255,255,255,0.5);}
		.main_index .hd_side_box .hd_right .menu-trigger span{color:#fff;}
		.main_index .hd_side_box .hd_right .menu-trigger span:before{background:#fff;}
		.main_index .hd_side_box .hd_right .hd_lnb li{color:#fff;}
		.main_index .hd_side_box .hd_right .hd_lnb li:hover a .m_ov em:before{background:#fff;}
		.main_index .hd_btn_top:before{background:#fff;}
		.main_index .hd_btn_top span{color:#fff;}
		.main_index .hd_btn_top span:before{background:#fff;}

		.main_index .hd_side_box.on{border-left:1px solid rgba(255,255,255,0.5);background:#000;}
		.main_index .hd_side_box.on .hd_right .menu-trigger{border-bottom:1px solid rgba(255,255,255,0.5);}
		.main_index .hd_side_box.on .hd_right .menu-trigger span{color:#fff;}
		.main_index .hd_side_box.on .hd_right .menu-trigger span:before{background:#fff;}
		.main_index .hd_side_box.on .hd_right .hd_lnb li{color:#fff;}
		.main_index .hd_side_box.on .hd_right .hd_lnb li:hover a .m_ov em:before{background:#fff;}
		.main_index .hd_side_box.on .hd_btn_top:before{background:#fff;}
		.main_index .hd_side_box.on .hd_btn_top span{color:#fff;}
		.main_index .hd_side_box.on .hd_btn_top span:before{background:#fff;}

	/*side fix*/
		.hd_side_box.side_fix{position:absolute;bottom:523px;height:850px;top:initial;}
		.main_index .hd_side_box.side_fix{height:17%;}
		.hd_side_box.side_fix .hd_right .menu-trigger{height:100px;}
		.hd_side_box.side_fix .hd_right .menu-trigger span{line-height:94px;}
		.hd_side_box.side_fix .hd_right .menu-trigger span:before{bottom:34px;}
		.hd_side_box.side_fix .hd_right .hd_lnb_box{height:64%;}

	
	@media only screen and (max-width:1500px){
		.main_index .hd_side_box.side_fix{height:18%;}
	}
	@media only screen and (max-width:1300px){
		.main_index .hd_side_box.side_fix{height:22%;bottom:388px;}
	}
	@media only screen and (max-width:1250px){
		#header .header_cont .hd_logo{padding:23px 0;margin-left:40px;}
		.hd_side_box{width:80px;}
		.hd_side_box .hd_right .menu-trigger{height:80px;}
		.hd_side_box .hd_right .menu-trigger span{font-size:16px;line-height:72px;}
		.hd_side_box .hd_right .menu-trigger span:before{width:32px;left:25px;bottom:24px;}
		.hd_side_box .hd_right .hd_lnb{width:80px;}
		.hd_side_box .hd_right .hd_lnb li{font-size:16px;}
		.hd_side_box .hd_right .hd_lnb li a{min-height:70px;}
		.hd_side_box .hd_right .hd_lnb li a span{line-height:70px;}
		.hd_btn_top span{font-size:16px;}
		.hd_btn_top span:before{width:18px;left:3px;bottom:-7px;}
	}
	@media only screen and (max-width:800px){
		.main_index .hd_side_box.side_fix{height:24%;}
	}
	@media only screen and (max-width:640px){
		#header{border-bottom:1px solid #ddd;}
		#header.on{position: fixed;background:#fff;}
		#header.aside_on{background:#000;}
		#header.aside_on .header_cont .hd_logo a{background:url('../images/skin/hd_logo.png')no-repeat center;background-size:auto 100%;}
		#header .header_cont:after{clear:both;content:"";display: block;}
		#header .hd_right{display:block;width:auto;height:auto;display: inline-block;float: right;vertical-align: top;}
		.hd_side_box{display: none;}
		#header .hd_right .menu-trigger{width:80px;height:80px;border:none;display: block;text-align: center;}
		#header .hd_right .menu-trigger span{font-size:16px;line-height:72px;color:#000;font-weight:500;display: block;position: relative;}
		#header .hd_right .menu-trigger span:before{width:32px;left:25px;bottom:24px;height:2px;content:"";background:#000;position: absolute;}
		#header .hd_right .menu-trigger .close{display: none;}	
		#header .hd_right .menu-trigger.active-1 .close{display:block;color:#fff;}	
		#header .hd_right .menu-trigger.active-1 .close:before{background:#fff;}
		#header .hd_right .menu-trigger.active-1 .menu{display:none;}
		#header .hd_right .hd_lnb_box, .hd_btn_top{display: none;}

		.main_index #header{border-bottom:none;}
		.main_index #header.on{background:#000;}
		.main_index #header .hd_right .menu-trigger span{color:#fff;}
		.main_index #header .hd_right .menu-trigger span:before{background:#fff;}
	}
	@media only screen and (max-width:500px){
		#header .header_cont .hd_logo{margin-left:15px;width:115px;height:18px;}
		#header .hd_right .menu-trigger{width:65px;height:65px;}
		#header .hd_right .menu-trigger span{font-size:14px;line-height:58px;}
		#header .hd_right .menu-trigger span:before{width:30px;height:1px;left:18px;bottom:20px;;}
	}

	/* aside */
	#aside {top:0px;right:120px;width:calc(100% - 120px);transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:99;visibility:hidden;}
	#aside.on {}

	#aside .aside_box {width:100%;height:100%;margin:0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;font-size:0;}
	#aside .aside_box:after{clear:both;content:"";display: block;}
	#aside .aside_box .aside_gnb {text-align:left;display: inline-block;float:right;padding-right:58px;position: absolute;right:0;top:0;}
	#aside .aside_box .aside_gnb li {display:inline-block;vertical-align:middle;position: relative;}
	#aside .aside_box .aside_gnb li + li{margin-left:40px;padding-left:40px;}
	#aside .aside_box .aside_gnb li + li:before{width:1px;height:15px;content:"";background:#fff;opacity:0.2;position: absolute;left:0;top:53px;}
	#aside .aside_box .aside_gnb li a {display:block;font-size:15px;color:#ffffff;font-weight:400;line-height:120px;}
	
	#aside .aside_bnr{display: inline-block;box-sizing:border-box;vertical-align:top;width:30.9%;height:100%;left:-30.9%;transition:all 0.5s;opacity:0;position: relative;}
	#aside.on .aside_bnr{left:0;transition:all 0.5s;opacity:1;visibility:visible;}	
	#aside .aside_bnr .bnr{width:100%;height:100%;background:url('../images/skin/cate-bg.jpg')no-repeat center;background-size:cover;}
	#aside .aside_content{width:69.1%;position: relative;right:-69.1%;transition:all 0.5s;opacity:0;display: inline-block;box-sizing:border-box;vertical-align: top;background:#000;height:100%;}
	#aside.on .aside_content{right:0;transition:all 0.5s;opacity:1;visibility:visible;}
	#aside .aside_slide_box{display: inline-block;box-sizing:border-box;margin-top:255px;}
	#aside .aside_slide_box .slidemenu > li{border-bottom:1px solid rgba(255,255,255,0.1);padding-left:107px;position: relative;}	
	#aside .aside_slide_box .slidemenu > li > a{font-size:40px;color:#fff;font-weight:400;line-height:120px;width:168px;letter-spacing:0;display: inline-block;}
	#aside .aside_slide_box .slidemenu .depth{display: inline-block;vertical-align: top;padding-left:92px;width:calc(100% - 175px);box-sizing:border-box;}
	#aside .aside_slide_box .slidemenu .depth > li{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;}
	#aside .aside_slide_box .slidemenu .depth > li + li{margin-left:33px;padding-left:33px;}
	#aside .aside_slide_box .slidemenu .depth > li + li:before{width:2px;height:2px;content:"";box-sizing:border-box;background:#aaa;border-radius:100%;position: absolute;left:0;top:57px;}
	#aside .aside_slide_box .slidemenu .depth > li a{font-size:18px;color:#fff;font-weight:300;letter-spacing:-0.9px;line-height:120px;}	
	#aside .aside_slide_box .slidemenu .depth > li:hover a{color:#197036;font-weight:500;}

	@media only screen and (max-width:1250px){
		#aside{width:calc(100% - 80px);right:80px;}
		#aside .aside_slide_box .slidemenu > li{padding-left:40px;}	
		#aside .aside_slide_box .slidemenu > li > a{font-size:35px;}
		#aside .aside_slide_box .slidemenu .depth{padding-left:40px;}
		#aside .aside_slide_box .slidemenu .depth > li a{font-size:16px;}
	}
	@media only screen and (max-width:950px){
		#aside .aside_box .aside_gnb{padding-right:30px;}
		#aside .aside_box .aside_gnb li + li{margin-left:20px;padding-left:20px;;}
		#aside .aside_box .aside_gnb li + li:before{top:30px;}
		#aside .aside_box .aside_gnb li a{line-height:80px;}
		#aside .aside_slide_box .slidemenu .depth > li + li{margin-left:15px;padding-left:15px;}
	}
	@media only screen and (max-width:800px){
		#aside .aside_bnr{display: none;}
		#aside .aside_content{width:100%;}
		#aside .aside_slide_box{width:100%;}
	}
	@media only screen and (max-width:640px){
		#aside{width:100%;top:-100%;right:0;}
		#aside.on{top:80px;right:0;}
		#aside .aside_box{display: block;align-items:initial;}
		#aside .aside_content{right:0;}
		#aside .aside_box .aside_gnb{position: static;float:none;display: block;width:100%;padding:30px 30px;}
		#aside .aside_box .aside_gnb li + li:before{top:0;}
		#aside .aside_box .aside_gnb li a{line-height:initial;}
		#aside .aside_slide_box{margin-top:10px;}
		#aside .aside_slide_box .slidemenu > li{border-bottom:none;border-top:1px solid rgba(0,0,0,0.1);}
		#aside .aside_slide_box .slidemenu > li > a{font-size:30px;line-height:80px;}
		#aside .aside_slide_box .slidemenu > li .icons{display: block;width:80px;height:80px;position: absolute;right:0;top:0;cursor:pointer;}
		#aside .aside_slide_box .slidemenu > li .icons:before{width:30px;height:2px;content:"";background:#fff;position: absolute;left:29px;top:37px;}
		#aside .aside_slide_box .slidemenu > li .icons:after{width:2px;height:30px;content:"";background:#fff;position: absolute;left:42px;top:23px;}
		#aside .aside_slide_box .slidemenu > li.on > a{color:#197036;}
		#aside .aside_slide_box .slidemenu > li.on > .icons:before{background:#197036;}
		#aside .aside_slide_box .slidemenu > li.on > .icons:after{display: none;}
		#aside .aside_slide_box .slidemenu .depth{display:none;padding:0 0 0 30px;}
		#aside .aside_slide_box .slidemenu .depth > li{display: block;}
		#aside .aside_slide_box .slidemenu .depth > li + li{margin:0;padding:0;}
		#aside .aside_slide_box .slidemenu .depth > li + li:before{display: none;}
		#aside .aside_slide_box .slidemenu .depth > li:hover a{color:#fff;font-weight:300;}
		#aside .aside_slide_box .slidemenu .depth > li a{line-height:50px;}

		.main_index #header .hd_side_box.on{border:none;}
		.main_index #header .hd_side_box.on .hd_right .menu-trigger{border:none;}
		
		#header .hd_side_box.on .hd_right .menu-trigger{border:none;}
	}
	@media only screen and (max-width:500px){
		#aside.on{top:65px;}
		#aside .aside_box .aside_gnb{padding:20px 30px;}
		#aside .aside_box .aside_gnb li + li{margin-left:31px;padding-left:31px;}
		#aside .aside_box .aside_gnb li + li:before{height:10px;top:2px;}
		#aside .aside_slide_box{margin-top:3px;}
		#aside .aside_slide_box .slidemenu > li{padding-left:30px;}
		#aside .aside_slide_box .slidemenu > li > a{font-size:20px;line-height:60px;}
		#aside .aside_slide_box .slidemenu > li .icons{width:60px;height:60px;}
		#aside .aside_slide_box .slidemenu > li .icons:before{width:15px;top:25px;left:15px;}
		#aside .aside_slide_box .slidemenu > li .icons:after{height:15px;top:18px;left:22px;}
		#aside .aside_slide_box .slidemenu .depth{padding:0 0 8px 20px;margin-top:-10px;}
		#aside .aside_slide_box .slidemenu .depth > li a{font-size:16px;color:#ddd;line-height:50px;}
	}
	

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{width:100%;box-sizing:border-box;position: relative;background:#222;padding-top:230px;padding-bottom:88px;z-index:2;}
	#footer:after{clear:both;content:"";display: block;}	
	#footer .ft_info{width:calc(100% - 141px);box-sizing:border-box;background:#111;float: right;position: absolute;top:-170px;right:0;}
	#footer .ft_info .ft_info_box{width:100%;box-sizing:border-box;padding:90px 143px 72px 79px;}
	#footer .ft_info .ft_info_box:after{clear:both;content:"";display: block;}
	#footer .ft_info .ft_info_box 	> div{display: inline-block;box-sizing:border-box;vertical-align: top;}
	#footer .ft_info .ft_info_box .ft_info_left{}
	#footer .ft_info .ft_info_box .ft_info_left .ft_logo img{height:27px;}
	#footer .ft_info .contact_info{margin-top:45px;}
	#footer .ft_info .contact_info span, #footer .ft_info .contact_info a{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:15px;color:#aaa;font-weight:400;line-height:28px;letter-spacing:0;}
	#footer .ft_info .contact_info span + span{margin-left:30px;}
	#footer .ft_info .ft_nav{text-align:center;float: right;margin-top:1px;}
	#footer .ft_info .ft_nav .ft_lnb{font-size:0;position: relative;padding-right:178px;}
	#footer .ft_info .ft_nav .ft_lnb:before{width:100%;height:1px;content:"";background:#edece5;opacity:0.2;position: absolute;left:30px;top:42px;}
	#footer .ft_info .ft_nav .ft_lnb > li {display: inline-block;box-sizing:border-box;vertical-align: top;}
	#footer .ft_info .ft_nav .ft_lnb > li + li{margin-left:115px;}
	#footer .ft_info .ft_nav .ft_lnb > li > a{font-size:16px;color:#fff;font-weight:500;}
	#footer .ft_info .ft_nav .ft_lnb > li .hd_lnb_dep2{text-align: center;margin-top:51px;position: relative;}
	#footer .ft_info .ft_nav .ft_lnb > li .hd_lnb_dep2:before{content:"";border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #197036;border-right:none;position: absolute;top:-31px;left:50%;transform:translate(-50%);}
	#footer .ft_info .ft_nav .ft_lnb > li .hd_lnb_dep2 > li a{font-size:16px;color:#aaa;font-weight:300;line-height:30px;}

	#footer .ft_box{width:100%;box-sizing:border-box;padding:0 150px;font-size:0;}
	#footer .ft_box .copyright{font-size:15px;color:#aaa;font-weight:400;display: inline-block;box-sizing:border-box;line-height:35px;}
	#footer .ft_box ul{display: inline-block;box-sizing:border-box;font-size:0;vertical-align: top;}
	#footer .ft_box ul li{display: inline-block;box-sizing:border-box;vertical-align: top;}
	#footer .ft_box .ft_gnb{margin-left:60px;}
	#footer .ft_box .ft_gnb li + li{margin-left:33px;}
	#footer .ft_box .ft_gnb li a{font-size:15px;color:#fff;font-weight:300;line-height:35px;}	
	#footer .ft_box .ft_gnb li.last a{font-weight:500;}	
	#footer .ft_box .ft_sns{margin-left:60px;}
	#footer .ft_box .ft_sns li + li{margin-left:10px;}

	.btn_top{display: none;}
	.btn_contact{position:fixed;bottom:49px;right:149px;width:120px;height:120px;animation: rotate 10s linear infinite;z-index:10;}
	.btn_contact a{display: block;width:100%;height:100%;position: relative;background:url('../images/skin/icon-quick.png')no-repeat center;background-size:auto 100%;font-size:0;}
	.btn_contact.main a{background:url('../images/skin/icon-quick-main.png')no-repeat center;background-size:auto 100%;}
	@keyframes rotate {
	  100% {transform: rotate(360deg);}
	}

	.main_nav{position:fixed;z-index:10;top:380px;left:54px;}
	.main_nav ul{position: relative;}	
	.main_nav ul li{margin:20px 0;}	
	.main_nav ul li a{display: block;width:10px;height:10px;box-sizing:border-box;border-radius:100%;background:#666;position: relative;}	
	.main_nav ul li.on a{background:none;}	
	.main_nav ul li.on a:before{content:"";border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #197036;border-right:none;position: absolute;top:-5px;left:0;}

	@media only screen and (max-width:1700px) {
		#footer .ft_info .ft_info_box{padding:90px 40px 72px 79px;}
	}
	@media only screen and (max-width:1600px) {
		#footer{padding-top:160px;padding-bottom:40px;}
		#footer .ft_info .ft_info_box{padding:60px 40px 60px 40px;}
		#footer .ft_info .contact_info span + span{margin-left:15px;}
		#footer .ft_info .ft_nav .ft_lnb{padding-right:30px;}
	}
	@media only screen and (max-width:1500px) {
		.main_nav{display: none;}
	}
	@media only screen and (max-width:1400px) {
		#footer .ft_info .contact_info span, #footer .ft_info .contact_info a{font-size:14px;}
		#footer .ft_info .ft_nav .ft_lnb > li + li{margin-left:70px;}
		#footer .ft_info .ft_nav .ft_lnb > li > a{font-size:14px;}
		#footer .ft_info .ft_nav .ft_lnb > li .hd_lnb_dep2 > li a{font-size:14px;}
	}
	@media only screen and (max-width:1250px) {
		.btn_contact{bottom: 25px;right: 100px;width: 100px;height: 100px;}
	}
	@media only screen and (max-width:1200px) {
		#footer{margin-top:0;padding:0;}
		#footer .ft_info{width:100%;float:none;position:static;}
		#footer .ft_info .ft_info_box{padding:60px 30px 60px 30px;}
		#footer .ft_info .ft_nav .ft_lnb > li + li{margin-left:40px;}
		#footer .ft_box{padding:30px;}
	}
	@media only screen and (max-width:950px) {
		#footer .ft_info .ft_info_box .ft_info_left{width:50%;}
		#footer .ft_info .contact_info{width:calc(100% + 8px);margin-left:-8px;}
		#footer .ft_info .contact_info span, #footer .ft_info .contact_info span + span{margin:0 8px;}
		#footer .ft_info .ft_nav .ft_lnb > li + li{margin-left:30px;}
		#footer .ft_info .ft_nav .ft_lnb > li .hd_lnb_dep2 > li a{font-size:13px;}
	}
	@media only screen and (max-width:800px) {
		#footer .ft_info .ft_info_box{padding:45px 30px 45px 30px;}
		#footer .ft_info .ft_info_box .ft_info_left{width:100%;}
		#footer .ft_info .ft_info_box > .ft_nav{display: none;}
		#footer .ft_box ul{display: block;}
		#footer .ft_box .ft_gnb, #footer .ft_box .ft_sns{margin:10px 0 0 0;}
	}
	@media only screen and (max-width:640px) {
		#footer .ft_info .ft_info_box{padding:30px 15px 30px 15px;}
		#footer .ft_info .contact_info{margin-top:25px;}
		#footer .ft_box{padding:40px 30px;}

		.btn_contact{bottom:20px;right:20px;}
		.btn_top{display:block;position:fixed;right:20px;bottom:145px;width:50px;height:50px;background:rgba(0,0,0,0.9);cursor:pointer;z-index:10;}
		.btn_top span{display:block;width:100%;height:100%;text-align: center;font-size:14px;color:#fff;font-weight:500;position: relative;line-height:40px;}
		.btn_top span:before{width:17px;height:1px;content:"";background:#fff;position: absolute;bottom:15px;left:17px;}
	}
	@media only screen and (max-width:500px) {
		#footer .ft_info .ft_info_box{padding:30px 15px 35px 15px;}
		#footer .ft_info .ft_info_box .ft_info_left .ft_logo img{height:18px;}
		#footer .ft_info .contact_info{width:calc(100% + 11px);margin-left:-11px;margin-top:17px;}
		#footer .ft_info .contact_info br{display: none;}
		#footer .ft_info .contact_info span{display: block;}
		#footer .ft_info .contact_info span:nth-of-type(5), #footer .ft_info .contact_info span:nth-of-type(6){display: inline-block;}
		#footer .ft_info .contact_info span, #footer .ft_info .contact_info span + span{margin:0 11px;}
		#footer .ft_info .contact_info span, #footer .ft_info .contact_info a, #footer .ft_info .contact_info span + span{font-size:12px;line-height:20px;}
		#footer .ft_box{padding:40px 30px 114px 30px;}
		#footer .ft_box .copyright{font-size:12px;line-height:initial;}
		#footer .ft_box .ft_gnb{margin-top:24px;}
		#footer .ft_box .ft_gnb li + li{margin-left:26px;}
		#footer .ft_box .ft_gnb li a{font-size:12px;font-weight:100;line-height:initial;letter-spacing:0;}
		#footer .ft_box .ft_sns{margin-top:27px;}
		#footer .ft_box .ft_sns li img{height:30px;}
		.btn_contact{width:80px;height:80px;right:21px;bottom:19px;}
		.btn_top{bottom:120px;}
	}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.main_visual{width:100%;height:980px;position: relative;}
		.main_visual .visual_ul, .main_visual .slick-list, .main_visual .slick-track, .main_visual .slick-slide, .main_visual .slick-slide a{display: block;width:100%;height:100%;box-sizing:border-box;position: relative;}
		.main_visual .txt_box{width:1300px;position: absolute;left:50%;transform:translate(-50.8%);top:39.9%;}
		.main_visual .txt_box h2{font-size:80px;color:#fff;font-weight:400;letter-spacing:0;}
		.main_visual .txt_box p{font-size:17px;color:#fff;font-weight:300;margin-top:37px;letter-spacing:-0.4px;word-break:keep-all;}
		.main_visual .txt_box span{display: inline-block;box-sizing:border-box;height:56px;line-height:60px;padding:0 33px;border-radius:27px;border:1px solid #fff;font-size:20px;color:#fff;font-weight:300;margin-top:57px;overflow:hidden;position: relative;}
		.main_visual .txt_box span:before{width:0;height:100%;background:#197036;position: absolute;top:0;left:0;content:"";z-index:-1;transition:width 0.5s;}
		.main_visual .txt_box span:hover{border:1px solid #197036;}
		.main_visual .txt_box span:hover:before{width:100%;transition:width 0.5s;}
		.main_visual .txt_box h2, .main_visual .txt_box p, .main_visual .txt_box span{transform:translateY(100px);opacity:0;}

		.main_visual .slick-dots{width:1300px;text-align:left;left:50%;transform:translate(-50.8%);position: absolute;bottom:24%;margin-left:-5px;}
		.main_visual .slick-dots li{margin:0 5px;display: inline-block;box-sizing:border-box;vertical-align: top;}
		.main_visual .slick-dots li button{width:10px;height:10px;background:#edede5;font-size:0;}
		.main_visual .slick-dots li.slick-active button{width:30px;background:#197036;}

		.main_visual .visual_btn_wrap{width:1300px;position: absolute;left:50%;transform:translate(-50.6%);top:34%;}
		.main_visual .visual_btn_wrap .slide_count{}
		.main_visual .visual_btn_wrap .slide_count span{display: inline-block;box-sizing:border-box;position: relative;font-size:16px;color:#fff;font-weight:400;line-height:18px;}
		.main_visual .visual_btn_wrap .slide_count .current{padding-right:149px;margin-right:26px;}
		.main_visual .visual_btn_wrap .slide_count .current:before{content:"0";font-size:16px;color:#fff;font-weight:400;line-height:18px;display: inline-block;vertical-align: top;}
		.main_visual .visual_btn_wrap .slide_count .current:after{width:120px;height:1px;content:"";background:#edede5;position: absolute;right:0;top:7px;}
		.main_visual .visual_btn_wrap .slide_count .site_name{}

		.main_visual .scroll_down{position: absolute;left:calc(50% - 21px);bottom:2px;cursor:pointer;}
		.main_visual .scroll_down span{display: inline-block;box-sizing:border-box;font-size:20px;color:#fff;font-weight:300;position: relative;padding-bottom:77px;}
		.main_visual .scroll_down span:before{width:1px;height:60px;content:"";background:#fff;opacity:0.5;position: absolute;bottom:0;left:calc(50% - 1px);}
		.main_visual .scroll_down span:after{width:8px;height:8px;content:"";background:#197036;box-sizing:border-box;border-radius:100%;position: absolute;left:calc(50% - 4px);bottom:54px;animation:scroll 1s ease-in Infinite Alternate;}
		@keyframes scroll{
			0%{bottom:54px;}
			100%{bottom:0px}
		}
		
		/*active*/
			.main_visual .slick-slide.active .txt_box h2, .main_visual .slick-slide.active .txt_box p, .main_visual .slick-slide.active .txt_box span{transform:translateY(0);opacity:1;transition:all 0.5s;}
			.main_visual .slick-slide.active .txt_box p{transition-delay:0.3s;}
			.main_visual .slick-slide.active .txt_box span{transition-delay:0.6s;}


		@media only screen and (max-width:1350px){
			.main_visual .txt_box, .main_visual .visual_btn_wrap, .main_visual .slick-dots{width:100%;left:30px;transform:translate(0);}
		}
		@media only screen and (max-width:1200px){
			.main_visual{height:840px;}
		}
		@media only screen and (max-width:1000px){
			.main_visual .txt_box h2{font-size:65px;}
		}
		@media only screen and (max-width:800px){
			.main_visual{height:790px;}
			.main_visual .txt_box{top:35%;}
			.main_visual .txt_box h2{font-size:55px;}
			.main_visual .txt_box p{font-size:15px;margin-top:20px;}
			.main_visual .txt_box span{margin-top:40px;}
			.main_visual .slick-dots{bottom:27%;}
		}
		@media only screen and (max-width:700px){
			.main_visual .txt_box h2{font-size:50px;}
		}
		@media only screen and (max-width:640px){
			.main_visual{height:700px;}
			.main_visual .txt_box, .main_visual .visual_btn_wrap, .main_visual .slick-dots{box-sizing:border-box;left:0;padding:0 30px;}
			.main_visual .txt_box h2{font-size:45px;}
		}
		@media only screen and (max-width:500px){
			.main_visual{height:650px;}
			.main_visual .txt_box{top:37%;}
			.main_visual .txt_box h2{font-size:40px;line-height:48px;}
			.main_visual .txt_box p{font-size:14px;line-height:20px;margin-top:15px;}
			.main_visual .txt_box span{font-size:14px;height:32px;line-height:32px;padding:0 20px;margin-top:24px;}
			.main_visual .txt_box span:hover:before{width:0;}

			.main_visual .visual_btn_wrap{top:30.7%;}
			.main_visual .visual_btn_wrap .slide_count span{font-size:13px;}
			.main_visual .visual_btn_wrap .slide_count .current{padding-right:74px;margin-right:11px;}
			.main_visual .visual_btn_wrap .slide_count .current:before{font-size:13px;}
			.main_visual .visual_btn_wrap .slide_count .current:after{width:60px;top:8px;}

			.main_visual .scroll_down{left:calc(50% - 13px);}
			.main_visual .scroll_down span{font-size:12px;padding-bottom:46px;}
			.main_visual .scroll_down span:before{height:40px;}
			.main_visual .scroll_down span:after{width:5px;height:5px;left:calc(50% - 3px);}
			@keyframes scroll{
				0%{bottom:38px;}
				100%{bottom:0px}
			}
		}

	.main_w{width:1500px;box-sizing:border-box;margin-left:292px;}
	.main_w:after{clear:both;content:"";display: block;}
	.main_title{}
	.main_title span{display: inline-block;box-sizing:border-box;position: relative;font-size:16px;color:#fff;font-weight:400;line-height:18px;}
	.main_title span.num{padding-right:125px;margin-right:26px;}
	.main_title span.num:after{width:100px;height:1px;content:"";background:#edede5;position: absolute;right:0;top:7px;}
	.main > div{position: relative;}
	.main > div > a{position: absolute;top:20px;}	

	@media only screen and (max-width:1700px){
		.main_w{width:100%;margin:0 auto;padding:0 80px;}
	}
	@media only screen and (max-width:850px){
		.main_title span{font-size:14px;}
		.main_title span.num{padding-right:90px;margin-right:10px;}
		.main_title span.num:after{width:80px;;}
	}
	@media only screen and (max-width:640px){
		.main_w{padding:0 30px;}
	}
	@media only screen and (max-width:500px){
		.main_title span{font-size:13px;}
		.main_title span.num{padding-right:75px;}
		.main_title span.num:after{width:60px;top:8px;}
	}
	/*소개*/
		.main_introduce{background:#111;box-sizing:border-box;position: relative;padding:193px 0 190px;}
		.main_introduce:before{content: "Neo steel";font-size: 118px;color: rgba(255, 255, 255, 0.08);font-weight: 400;font-family: 'Smooch', sans-serif;position: absolute;z-index: 5;bottom: 23.5%;right: 11.3%;transform: rotate(-20deg);letter-spacing: 0;z-index:0;}
		.main_introduce .main_w > div{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;}
		.main_introduce .img_box{width:35.35%;margin-top:77px;float: left;}
		.main_introduce .img_box .img{position: relative;z-index:2;}
		.main_introduce .img_box .img:before{width:100%;height:100%;content:"";border:3px solid #197036;position: absolute;top:-40px;left:-40px;z-index:-1;transition:all 0.5s;box-sizing:border-box;}
		.main_introduce .img_box:hover .img:before{top:0;left:0;transition:all 0.5s;}
		.main_introduce .img_box .img img{width:100%;}
		.main_introduce .img_box a{display: inline-block;box-sizing:border-box;width:80px;height:80px;background:#197036 url('../images/skin/icon_more.png')no-repeat center;position: absolute;bottom:-30px;right:-30px;font-size:0;z-index:5;}
		.main_introduce .txt_box{padding-left:192px;}
		.main_introduce .txt_box h3{font-size:60px;color:#fff;font-weight:300;letter-spacing:-3px;line-height:80px;word-break:keep-all;margin:53px 0 35px -3px;}
		.main_introduce .txt_box h3 strong{font-size:inherit;color:inherit;line-height:inherit;}
		.main_introduce .txt_box p{font-size:16px;color:#fff;font-weight:300;letter-spacing:-0.8px;line-height:30px;word-break:keep-all;}

		@media only screen and (max-width:1350px){
			.main_introduce{padding:150px 0 150px;}
			.main_introduce .txt_box{padding-left:100px;width:56%;}
			.main_introduce .txt_box p br{display: none;}
			.main_introduce .img_box{width:40%;}
		}
		@media only screen and (max-width:1000px){
			.main_introduce:before{bottom:1.5%;right:3.3%;}
			.main_introduce .txt_box h3{font-size:50px;line-height:60px;}
			.main_introduce .txt_box p{font-size:15px;}
		}
		@media only screen and (max-width:850px){
			.main_introduce{padding:100px 0 100px;}
			.main_introduce .txt_box{padding-left:60px;}
			.main_introduce .txt_box h3{font-size:40px;line-height:50px;margin:25px 0 10px -3px;}

		}
		@media only screen and (max-width:700px){
			.main_introduce .txt_box h3{font-size:35px;}
		}
		@media only screen and (max-width:640px){
			.main_introduce{text-align: center;}
			.main_introduce .main_w > div{display: block;}
			.main_introduce .txt_box{padding:0;width:100%;}
			.main_introduce .img_box{width:60%;margin:80px auto 0 auto;float:none;}
			.main_introduce .img_box .img:before{top:-20px;left:-20px;}
			.main_introduce .img_box a{width:60px;height:60px;bottom:-15px;right:-15px;}
		}
		@media only screen and (max-width:500px){
			.main_introduce{padding:73px 0 90px;}
			.main_introduce:before{font-size:61px;bottom:4.5%;right:2%;}
			.main_introduce .txt_box h3{font-size:34px;line-height:44px;margin:24px 0 28px 0px;font-weight:100;letter-spacing:-1.7px;}
			.main_introduce .txt_box p{font-size:14px;line-height:20px;font-weight:100;}
			.main_introduce .img_box{width:95.5%;}
			.main_introduce .img_box .img:before{top:-16px;left:-13px;border:2px solid #197036;}
			.main_introduce .img_box:hover .img:before{top:-16px;left:-13px;}
			.main_introduce .img_box a{width:50px;height:50px;bottom:-19px;right:-14px;background-size:auto 8px;}
		}
		
	/*steel 종류*/
		#main_sort{width:100%;height:980px;box-sizing:border-box;transition:all 0.2s;background:url('../images/skin/steel_introduce01.jpg')no-repeat center;background-size:cover;}
		#main_sort.sort_on01{background:url('../images/skin/steel_introduce01.jpg')no-repeat center;background-size:cover;}
		#main_sort.sort_on02{background:url('../images/skin/steel_introduce02.jpg')no-repeat center;background-size:cover;}
		#main_sort.sort_on03{background:url('../images/skin/steel_introduce03.jpg')no-repeat center;background-size:cover;}
		#main_sort .sort_list{width:calc(100% - 120px);height:100%;font-size:0;}
		#main_sort .sort_list li{display: inline-block;box-sizing:border-box;width:33.3333%;height:100%;text-align:center;position: relative;overflow:hidden;}
		#main_sort .sort_list li:after{width:100%;height:0;content:"";background:rgba(0,0,0,0.6);position: absolute;top:0;left:0;transition:height 0.5s;z-index:0;}
		#main_sort .sort_list li + li{border-left:1px solid rgba(255,255,255,0.4);}
		#main_sort .sort_list li + li:before{width:1px;height:50px;content:"";background:#fff;position:absolute;top:0;left:0;}
		#main_sort .sort_list li:nth-child(2):before{animation:scroll2 1.8s 0.7s linear infinite;}
		#main_sort .sort_list li:nth-child(3):before{animation:scroll2 2s 1.2s linear infinite;}
		@keyframes scroll2 { 
			0% {	top: 0;}
			60%{	top:100%;}
			100%{top:100%;}
		}
		#main_sort .sort_list li a{display: block;width:100%;height:100%;position: relative;z-index:5;}
		#main_sort .sort_list li a:before{font-size:500px;color:rgba(255, 255, 255, 0.08);font-weight:700;position: absolute;top:50%;left:50%;transform:translate(-50%, -38%);height:0;overflow:hidden;z-index:3;}
		#main_sort .sort_list li:nth-child(1) a:before{content:"C";}
		#main_sort .sort_list li:nth-child(2) a:before{content:"G";}
		#main_sort .sort_list li:nth-child(3) a:before{content:"T";}
		#main_sort .sort_list li a .txt_box{width:100%;position: absolute;top:50%;transform:translateY(-50%);z-index:5;}
		#main_sort .sort_list li a .txt_box .sort_tit{font-size:40px;color:#fff;font-weight:500;line-height:50px;}
		#main_sort .sort_list li a .txt_box .sort_des{font-size:16px;color:#fff;font-weight:300;letter-spacing:-0.8px;line-height:30px;opacity:0;height:0;overflow:hidden;transition:all 0.5s;}
		#main_sort .sort_list li a .txt_box span{display: inline-block;box-sizing:border-box;font-size:20px;color:#197036;font-weight:400;padding-bottom:7px;border-bottom:2px solid #197036;opacity:0;height:0;overflow:hidden;transition:all 0.5s;position: relative;}
		#main_sort .sort_list li a .txt_box span:hover{color:#fff;border-bottom:2px solid #fff;}
	
		/*on*/
			#main_sort .sort_list li.on:after{height:100%;transition:height 0.5s;}
			#main_sort .sort_list li.on a:before{height:auto;overflow:visible;}
			#main_sort .sort_list li.on a .txt_box .sort_des{height:auto;opacity:1;margin-top:20px;transition:all 0.5s;overflow:visible;}
			#main_sort .sort_list li.on a .txt_box span{height:auto;opacity:1;margin-top:71px;transition:all 0.5s;overflow:visible;}

		@media only screen and (max-width:1400px){
			#main_sort{height:700px;}
			#main_sort .sort_list li a .txt_box .sort_tit{font-size:35px;line-height:40px;}
			#main_sort .sort_list li a .txt_box .sort_des{font-size:14px;line-height:25px;;}
		}
		@media only screen and (max-width:1250px){
			#main_sort .sort_list{width:calc(100% - 80px);}
			#main_sort .sort_list li a .txt_box{box-sizing:border-box;padding:0 15px;}
			#main_sort .sort_list li a .txt_box .sort_des{word-break:keep-all;}
			#main_sort .sort_list li a .txt_box .sort_des br{display: none;}
		}
		@media only screen and (max-width:900px){
			#main_sort{height:570px;}
			#main_sort .sort_list li a:before{font-size:300px;}
			#main_sort .sort_list li a .txt_box .sort_tit{font-size:28px;line-height:34px;}
			#main_sort .sort_list li a .txt_box .sort_des{font-size:13px;}
			#main_sort .sort_list li a .txt_box span{font-size:16px;}

			#main_sort .sort_list li.on a .txt_box span{margin-top:30px;}
		}
		@media only screen and (max-width:750px){
			#main_sort .sort_list li a:before{font-size:200px;}
			#main_sort .sort_list li a .txt_box .sort_tit{font-size:24px;}
		}
		@media only screen and (max-width:640px){
			#main_sort{height:auto;}
			#main_sort .sort_list{width:100%;}
			#main_sort .sort_list li{display: block;width:100%;text-align: center;}
			#main_sort .sort_list li:hover:after{display: none;}
			#main_sort .sort_list li + li{border:none;}
			#main_sort .sort_list li + li:before{display: none;}
			#main_sort .sort_list li:nth-child(1){background:url('../images/skin/steel_introduce01.jpg')no-repeat center;background-size:cover;}
			#main_sort .sort_list li:nth-child(2){background:url('../images/skin/steel_introduce02.jpg')no-repeat center;background-size:cover;}
			#main_sort .sort_list li:nth-child(3){background:url('../images/skin/steel_introduce03.jpg')no-repeat center;background-size:cover;}
			#main_sort .sort_list li a{padding:100px 0 100px;}
			#main_sort .sort_list li a:before{display: block;opacity:1;overflow:visible;height:auto;font-size:350px;}
			#main_sort .sort_list li a .txt_box{transform:translate(0);position: static;}		
			#main_sort .sort_list li a .txt_box .sort_tit{font-size:50px;line-height:60px;}
			#main_sort .sort_list li a .txt_box .sort_des{font-size:16px;line-height:24px;opacity:1;overflow:visible;margin-top:30px;height:auto;}
			#main_sort .sort_list li a .txt_box .sort_des br{display: block;}
			#main_sort .sort_list li a .txt_box span{font-size:13px;opacity:1;overflow:visible;margin-top:30px;color:#fff;border-bottom:2px solid #fff;height:auto;}
		}	
		@media only screen and (max-width:500px){
			#main_sort .sort_list li a{padding:92px 0 90px;}
			#main_sort .sort_list li a:before{color:rgba(255, 255, 255, 0.17);font-size:300px;}
			#main_sort .sort_list li a .txt_box .sort_tit{font-size:30px;line-height:35px;}
			#main_sort .sort_list li a .txt_box .sort_des{font-size:14px;line-height:20px;margin-top:19px;font-weight:100;}
			#main_sort .sort_list li a .txt_box span{font-size:13px;letter-spacing:0;margin-top:24px;border:none;padding-bottom:6px;}
			#main_sort .sort_list li a .txt_box span:before{width:82%;height:2px;content:"";background:#fff;position: absolute;left:5px;bottom:0;}
		}
		@media only screen and (max-width:370px){
			#main_sort .sort_list li a .txt_box .sort_des br{display:none;}
		}
	
	/*뉴스*/
		.main_news{width:100%;box-sizing:border-box;background:#000;padding:262px 0 229px 0;}
		.main_news .main_news_box{margin-left:292px;width:100%;box-sizing:border-box;position: relative;}
		.main_news .main_news_box:after{clear:both;content:"";display: block;}
		.main_news .main_news_box > div{display: inline-block;box-sizing:border-box;vertical-align: top;}
		.main_news .main_news_box .txt_box{}
		.main_news .main_news_box .txt_box h3{font-size:60px;color:#fff;font-weight:400;margin-top:42px;margin-left:-6px;}
		.main_news .main_news_box .txt_box p{font-size:16px;color:rgba(255,255,255,0.8);font-weight:400;font-family:'Noto Sans KR';margin-top:20px;}
		.main_news .main_news_box .txt_box a{display: inline-block;font-size:20px;color:#fff;font-weight:400;position: relative;margin-top:57px;padding-bottom:12px;}
		.main_news .main_news_box .txt_box a:before{width:86%;height:2px;content:"";background:#fff;position: absolute;bottom:0;left:7px;}
		.main_news_arw{font-size:0;margin-top:98px;}
		.main_news_arw button{position:relative;top:0;left:0;right:0;width:50px;height:50px;box-sizing:border-box;border-radius:100%;border:1px solid #fff;display: inline-block;vertical-align: top;margin-top:0;background:transparent;}
		.main_news_arw button + button{margin-left:20px;}
		.main_news_arw button:before{width:10px;height:10px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;position: absolute;top:19px;}
		.main_news_arw button:after{display: none;}
		.main_news_arw button.swiper-button-prev:before{transform:rotate(-135deg);left:21px;}
		.main_news_arw button.swiper-button-next:before{transform:rotate(45deg);right:21px;}
		.main_news_arw button:hover{border:1px solid #197036;background:#197036;}
		.main_news .swiper-pagination{display: none;}
		/* .main_news_arw .swiper-button-prev{background:url('../images/skin/prev-arw.png')no-repeat center;}
		.main_news_arw .swiper-button-next{background:url('../images/skin/next-arw.png')no-repeat center;} */

		.main_news .content_box{width:calc(100% - 450px);padding-left:172px;margin-top:1px;}
		.main_news .news_container{padding-top:30px;margin-top:-30px;}
		.main_news .board_li.swiper-slide{opacity:0.2;transition:all 0.5s;}
		.main_news .board_li.swiper-slide-active, .main_news .board_li.swiper-slide-active + .swiper-slide{opacity:1;}
		.main_news .board_li.swiper-slide-active .thumb img, .main_news .board_li.swiper-slide-active + .swiper-slide .thumb img{opacity:1;}
		.main_news .board_li .thumb{position: relative;}
		.main_news .board_li .thumb:before{display: none;width:100%;height:100%;box-sizing:border-box;border:4px solid #197036;position: absolute;top:0;left:0;content:"";z-index:1;}
		.main_news .board_li .thumb .more{display:none;box-sizing:border-box;width:60px;height:60px;background:#197036 url('../images/skin/icon_more.png')no-repeat center;position: absolute;bottom:0;right:0;}
		.main_news .board_li .thumb img{width:100%;position: relative;opacity:0.7;}
		.main_news .board_li .txt{margin-top:24px;}
		.main_news .board_li .title{font-size:20px;color:#fff;font-weight:500;letter-spacing:-1px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Noto Sans KR';}
		.main_news .board_li .date{font-size:16px;color:#ccc;font-weight:300;margin-top:18px;}

		.main_news .board_li:hover{margin-top:-30px;transition:all 0.5s;}
		.main_news .board_li:hover .thumb:before{display: block;}
		.main_news .board_li:hover .thumb .more{display: block;}

		@media only screen and (max-width:1700px){
			.main_news .main_news_box{margin:0;padding:0 0 0 80px;}
			.main_news .content_box{width:calc(100% - 254px);}
		}
		@media only screen and (max-width:1300px){
			.main_news{padding:150px 0 120px;}
			.main_news_arw{margin-top:40px;}
			.main_news .content_box{padding-left:70px;}
		}
		@media only screen and (max-width:850px){
			.main_news{padding:100px 0 80px;}
			.main_news .main_news_box{padding:0 0 0 30px;}
			.main_news .content_box{width:calc(100% - 190px);padding-left:35px;}
			.main_news .main_news_box .txt_box h3{font-size:50px;margin-top:25px;}
			.main_news .main_news_box .txt_box p{font-size:14px;margin-top:10px;}
			.main_news .main_news_box .txt_box a{font-size:18px;margin-top:30px;}
			.main_news_arw{margin-top:25px;}
			.main_news_arw button{width:40px;height:40px;}
			.main_news_arw button:before{width:8px;height:8px;top:14px;}
			.main_news_arw button.swiper-button-prev:before{left:16px;}
			.main_news_arw button.swiper-button-next:before{right:16px;}
			.main_news .board_li .title{font-size:16px;}
		}
		@media only screen and (max-width:640px){
			.main_news_box{padding:0;}
			.main_news .main_news_box{padding:0;}
			.main_news .main_news_box .txt_box{width:100%;padding:0 30px;display: block;}
			.main_news_arw{display: none;}
			.main_news .content_box{width:100%;padding:0 15px;}
			.main_news .news_container{padding:0;margin-top:30px;overflow:visible;}
			.main_news .board_li:hover{margin-top:0;}
			.main_news .board_li:hover .thumb:before{display:none;}
			.main_news .board_li:hover .thumb .more{display:none;}
			.main_news .swiper-pagination{display: block;width:100%;height:2px;background:#ddd;position: static;margin-top:20px;}
			.main_news .swiper-pagination .swiper-pagination-progressbar-fill{background:#197036;}
		}
		@media only screen and (max-width:500px){
			.main_news{padding:75px 0 75px;}
			.main_news .main_news_box .txt_box h3{font-size:30px;}
			.main_news .main_news_box .txt_box p{font-size:14px;margin-top:18px;}
			.main_news .main_news_box .txt_box a{font-size:13px;margin-top:27px;}
			.main_news .news_container{margin-top:60px;}
			.main_news .board_li .txt{margin-top:15px;}
			.main_news .board_li .title{font-size:15px;}
			.main_news .board_li .date{font-size:12px;margin-top:7px;}
			.main_news .swiper-pagination{height:1px;margin-top:30px;}
		}

	/*contact*/
		.main_contact{width:100%;height:1150px;box-sizing:border-box;background:url('../images/skin/contact-bg.jpg')no-repeat center;background-size:cover;font-size:0;}
		.main_contact:after{clear:both;content:"";display: block;}
		.main_contact .txt_box, .main_contact .contact_box{display: inline-block;box-sizing:border-box;vertical-align: top;}
		.main_contact .txt_box{padding:249px 0 0 292px;width:37.7%;}
		.main_contact .txt_box h3{font-size:60px;color:#fff;font-weight:400;margin-top:42px;}
		.main_contact .contact_box{font-size:0;height:100%;width:calc(62.3% - 120px);}
		.main_contact .contact_box li{display: inline-block;box-sizing:border-box;vertical-align: top;border-left:1px solid rgba(255,255,255,0.1);width:33.3333%;height:100%;position: relative;overflow:hidden;}
		.main_contact .contact_box li:before{width:1px;height:50px;content:"";background:#fff;position:absolute;top:0;left:0;}
		.main_contact .contact_box li:nth-child(1):before{animation:scroll2 1.2s 0.3s linear infinite;}
		.main_contact .contact_box li:nth-child(2):before{animation:scroll2 1.8s 0.7s linear infinite;}
		.main_contact .contact_box li:nth-child(3):before{animation:scroll2 2s 1.2s linear infinite;}
		@keyframes scroll2 { 
			0% {	top: 0;}
			60%{	top:100%;}
			100%{top:100%;}
		}
		.main_contact .contact_box li .contact_sub_cont{width:100%;box-sizing:border-box;padding:0 30px 0 41px;position: absolute;top:39.6%;left:0;}
		.main_contact .contact_box li .contact_sub_cont h4{font-size:22px;color:#197036;font-weight:700;text-transform:uppercase;position: relative;letter-spacing:0;padding:76px 0 27px;margin-bottom:60px;}
		.main_contact .contact_box li .contact_sub_cont h4:before{width:30px;height:3px;content:"";background:#197036;position: absolute;bottom:0;left:0;}
		.main_contact .contact_box li:nth-child(1) .contact_sub_cont h4{background:url('../images/skin/contact-01.png')no-repeat left top;}
		.main_contact .contact_box li:nth-child(2) .contact_sub_cont h4{background:url('../images/skin/contact-02.png')no-repeat left 10px;}
		.main_contact .contact_box li:nth-child(3) .contact_sub_cont h4{background:url('../images/skin/contact-03.png')no-repeat left 7px;}
		.main_contact .contact_box li .contact_sub_cont p{font-size:16px;color:rgba(255,255,255,0.8);font-weight:400;line-height:20px;letter-spacing:0;}

		@media only screen and (max-width:1500px){
			.main_contact{height:900px;}
			.main_contact .txt_box{padding:10% 0 0 10%;width:30%;}
			.main_contact .contact_box{width:calc(70% - 120px);}
			.main_contact .contact_box li .contact_sub_cont{top:22%;padding:0 20px 0 30px;}
			.main_contact .contact_box li .contact_sub_cont p{font-size:14px;}
		}
		@media only screen and (max-width:1300px){
			.main_contact{height:700px;}
			.main_contact .txt_box{padding:10% 0 0 60px;}
		}
		@media only screen and (max-width:1250px){
			.main_contact .main_title span.num{padding-right:75px;}
			.main_contact .main_title span.num:after{width:60px;}
			.main_contact .contact_box{width:calc(70% - 80px);}
		}
		@media only screen and (max-width:1000px){
			.main_contact .txt_box{padding:8% 0 0 30px;}
			.main_contact .txt_box h3{font-size:50px;}
			.main_contact .contact_box li .contact_sub_cont{padding:0 5px 0 15px;}
			.main_contact .contact_box li .contact_sub_cont h4{font-size:20px;}
			.main_contact .contact_box li .contact_sub_cont p{font-size:13px;}
		}
		@media only screen and (max-width:850px){
			.main_contact{height:600px;}
			.main_contact .txt_box{width:24%;padding:8% 0 0 15px;}
			.main_contact .main_title span.num{padding-right:48px;}
			.main_contact .main_title span.num:after{width:40px;}
			.main_contact .txt_box h3{font-size:40px;}
			.main_contact .contact_box{width:calc(76% - 80px);}
			.main_contact .contact_box li .contact_sub_cont{padding:0 5px 0 10px;}
			.main_contact .contact_box li .contact_sub_cont p{font-size:12px;word-break:break-all;}
		}
		@media only screen and (max-width:700px){
			.main_contact .txt_box{width:27%;}
			.main_contact .contact_box{width:calc(73% - 80px);}
		}
		@media only screen and (max-width:640px){
			.main_contact{height:auto;padding-top:50px;}
			.main_contact .txt_box, .main_contact .contact_box{display: block;}
			.main_contact .txt_box{width:100%;padding:0 30px;}
			.main_contact .main_title span.num{padding-right:90px;}
			.main_contact .main_title span.num:after{width:80px;}
			.main_contact .contact_box{width:100%;}
			.main_contact .contact_box li{display: block;height:auto;border:none;width:100%;padding:30px 0;}
			.main_contact .contact_box li:before{display: none;}
			.main_contact .contact_box li + li{border-top:1px solid rgba(255,255,255,0.1);}
			.main_contact .contact_box li .contact_sub_cont{position:static;padding:0 30px;}
			.main_contact .contact_box li .contact_sub_cont h4{margin-bottom:30px;}
			.main_contact .contact_box li .contact_sub_cont p{font-size:14px;}
		}
		@media only screen and (max-width:500px){
			.main_contact{padding:75px 0 36px;}
			.main_contact .main_title span.num{padding-right:75px;}
			.main_contact .main_title span.num:after{width:60px;}
			.main_contact .txt_box h3{font-size:30px;margin-top:24px;}
			.main_contact .contact_box{margin:33px 0 0;}
			.main_contact .contact_box li{padding:30px 0 28px;}
			.main_contact .contact_box li .contact_sub_cont h4{font-size:16px;padding:49px 0 0;margin-bottom:12px;}
			.main_contact .contact_box li .contact_sub_cont h4:before{display: none;}
			.main_contact .contact_box li:nth-child(1) .contact_sub_cont h4{background:url('../images/skin/contact-01.png')no-repeat left top;background-size:auto 35px;}
			.main_contact .contact_box li:nth-child(2) .contact_sub_cont h4{background:url('../images/skin/contact-02.png')no-repeat left 10px;background-size:auto 26px;}
			.main_contact .contact_box li:nth-child(3) .contact_sub_cont h4{background:url('../images/skin/contact-03.png')no-repeat left 7px;background-size:auto 28px;}
			.main_contact .contact_box li .contact_sub_cont p{font-size:13px;}
		}