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

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

───────────────────────────────────────────────────────────*/
.clear:after {content:'';display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}
.ta_c {text-align:center;}
.ta_l {text-align:left;}
.ta_r {text-align:right;}
.dis_table {display:table;
table-layout:fixed;width:100%;
margin:0;border-collapse:collapse;}
.dis_inb {display:inline-block;}
.dn{display:none;}
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;overflow:hidden;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #container {width:100%;margin:0;padding:0;}
#layerDim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 200;background: rgba(0,0,0,0.6);}
.main_w_custom{width:calc(100% - 83px);box-sizing:border-box;margin:0 auto;}
	/* #container 안의 레이아웃 */
#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
	/* navigation layout */
#contents_wrap .nav_wrap {box-sizing:border-box;}
	/* #content */
#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
#content .sub_content:after {clear:both;content:"";display:block;}
	/* 컨텐츠 전체 가로 사이즈 */
.w_custom {width:1200px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}
@media only screen and (max-width:1700px) {
	.main_w_custom{width:calc(100% - 60px);}
}
@media only screen and (max-width:1250px) {
	.w_custom{width:100%;padding-left:30px;padding-right:30px;}
}
@media only screen and (max-width:1217px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap {width:100%;padding-left:15px;padding-right:15px;}
}
@media only screen and (max-width:1000px) {
	.main_w_custom{width:calc(100% - 30px);}
}
@media only screen and (max-width:640px) {
	.w_custom{width:100%;padding-left:15px;padding-right:15px;}
}
@media only screen and (max-width:350px) {
	.w_custom{width:100%;padding-left:10px;padding-right:10px;}
}


/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인상품진열 - 공통 */
.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{width:100%;position: fixed;top:0;left:0;background:#fff;box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);box-sizing:border-box;z-index:20;overflow:visible;}
	#header .header_cont{width:100%;height:100px;box-sizing:border-box;position: relative;}
	#header .header_cont .hd_logo{display: inline-block;box-sizing:border-box;position: absolute;left:41px;top:39px;width:204px;height:29px;}
	#header .header_cont .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd-logo.png')no-repeat left center;background-size:auto 100%;font-size:0;}
	#header .header_cont .hd_lnb{width:auto;display: inline-block;box-sizing:border-box;text-align:center;margin-left:298px;}
	#header .header_cont .hd_lnb > li{padding:0 44px;display: inline-block;box-sizing:border-box;vertical-align:top;position: relative;height:100px;}
	#header .header_cont .hd_lnb > li > a{font-size:18px;color:#333;font-weight:500;line-height:113px;display:block;}
	#header .header_cont .hd_lnb .lnb_dep2{width:220px;position: absolute;top:80%;left:0;box-sizing:border-box;border-radius:10px;border:1px solid #ddd;box-shadow:1px 2px 10px -1px rgba(0, 0, 0, 0.2);text-align:left;background:#fff;display: none;overflow:hidden;}
	#header .header_cont .hd_lnb .lnb_dep2 li{padding:0 20px 0 20px;box-sizing:border-box;}
	#header .header_cont .hd_lnb .lnb_dep2 li a{font-size:16px;color:#111;font-weight:400;line-height:50px;display: block;box-sizing:border-box;position: relative;padding-left:10px;}
	#header .header_cont .hd_lnb .lnb_dep2 li a:before{width:2px;height:2px;content:"";background:#111;position: absolute;left:0;top:24px;}

	#header .header_cont .hd_lnb > li:hover > a, #header .header_cont .hd_lnb > li.on > a{color:#4e99cc;}
	#header .header_cont .hd_lnb .lnb_dep2 li:hover{background:#4e99cc;}
	#header .header_cont .hd_lnb .lnb_dep2 li:hover a{color:#fff;}
	#header .header_cont .hd_lnb .lnb_dep2 li:hover a:before{background:#fff;}

	#header .hd_right{position: absolute;right:41px;top:30px;}
	#header .hd_right .hd_gnb, #header .hd_right .menu-trigger{display: inline-block;box-sizing:border-box;vertical-align: top;}
	#header .hd_right .hd_gnb{font-size:0;}
	#header .hd_right .hd_gnb li{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;}
	#header .hd_right .hd_gnb > li + li{margin-left:30px;}
	#header .hd_right .hd_gnb li a{font-size:16px;color:#333;font-weight:400;line-height:44px;}	
	#header .hd_right .hd_gnb li.global{margin-left:53px;cursor:pointer;}
	#header .hd_right .hd_gnb li.global .hd_lang{position: absolute;left: -10px;top: 100%;padding: 14px 10px 10px 10px;width: calc(100% + 15px);background: #fff;box-shadow: 4px 5px 5px rgba(0,0,0,0.1);display:none;overflow: hidden;text-align: left;text-transform: uppercase;}
	#header .hd_right .hd_gnb li.global .hd_lang li a{font-size:16px;color: #333;line-height:initial;font-weight:500;padding:4px 0;display: block;}
	#header .hd_right .hd_gnb li.global .hd_lang li:hover a{color:#4e99cc;}
	#header .hd_right .hd_gnb li.global, #header .hd_right .hd_gnb li.mypage{margin-top:5px;}
	#header .hd_right .hd_gnb li.mypage a{font-size:0;width:30px;}
	#header .hd_right .hd_gnb li.mypage a img{vertical-align: top;}
	#header .hd_right .menu-trigger{width:34px;height:27px;position: relative;margin-left:27px;margin-top:7px;}
	#header .hd_right .menu-trigger span{width:100%;height:3px;display: inline-block;box-sizing:border-box;position: absolute;left:0;background:#333;border-radius:1.5px;}
	#header .hd_right .menu-trigger span:nth-child(1){top:0;}
	#header .hd_right .menu-trigger span:nth-child(2){top:12px;}
	#header .hd_right .menu-trigger span:nth-child(3){bottom:0;}

	@media only screen and (max-width:1700px){
		#header .header_cont .hd_logo{left:30px;}
		#header .header_cont .hd_lnb{margin-left:250px;}
		#header .header_cont .hd_lnb > li{padding:0 35px;}
		#header .header_cont .hd_lnb > li > a{font-size:16px;}
		#header .header_cont .hd_lnb .lnb_dep2 li a{font-size:14px;line-height:40px;}
		#header .header_cont .hd_lnb .lnb_dep2 li a:before{top:19px;}
		#header .hd_right{right:30px;}
	}
	@media only screen and (max-width:1400px){
		#header .hd_right .hd_gnb > li + li{margin-left:20px;}
		#header .hd_right .hd_gnb li a{font-size:14px;}
		#header .hd_right .menu-trigger{margin-left:20px;}
	}
	@media only screen and (max-width:1300px){
		#header .header_cont .hd_logo{top: 40px;width: 185px;height: 26px;}
		#header .header_cont .hd_lnb{margin-left:215px;}
		#header .hd_right .hd_gnb li.search{margin-left:0;}
		#header .hd_right .hd_gnb > li:nth-child(-n+2){display: none;}
	}
	@media only screen and (max-width:1050px){
		#header .header_cont .hd_lnb{display: none;}
		#header .hd_right .hd_gnb li.global{margin-left:0;}
	}
	@media only screen and (max-width:1000px){
		#header .header_cont .hd_logo{left:15px;}
		#header .hd_right{right:15px;}
	}
	@media only screen and (max-width:640px){
		#header .header_cont{height:80px;}
		#header .header_cont .hd_logo{left:15px;top:28px;}
		#header .hd_right{top:20px;right:15px;}
		#header .hd_right .hd_gnb{margin-top:0;}
		#header .hd_right .hd_gnb li a{line-height:initial;}
	}
	@media only screen and (max-width:480px){
		#header .header_cont{height:60px;}
		#header .header_cont .hd_logo{top:17px;height:24px;width:170px;}
		#header .hd_right{top:12px;}
		#header .hd_right .hd_gnb > li + li{margin-left:15px;}
		#header .hd_right .hd_gnb li.global img{height:24px;}
		#header .hd_right .hd_gnb li.global .hd_lang{padding:10px 5px 6px 5px;}
		#header .hd_right .hd_gnb li.global .hd_lang li a{font-size:14px;}
		#header .hd_right .hd_gnb li.global .hd_lang li:hover a{color:#333;}
		#header .hd_right .hd_gnb li.mypage a img{height:24px;}
		#header .hd_right .menu-trigger{margin-left:15px;margin-top:7px;width:26px;height:22px;}
		#header .hd_right .menu-trigger span{height:2px;}
		#header .hd_right .menu-trigger span:nth-child(2){top:9px;}
	}
	@media only screen and (max-width:330px){
		#header .header_cont .hd_logo{top:18px;width:156px;height:22px;}

	}

	.layer_hd_search {display:none;}
	.layer_hd_search.on {left:0;top: 0;height: 100%;width:100%;background:rgba(0,0,0,0.85);position: fixed;box-sizing:border-box;display:block;text-align:center;z-index: 9999;}e .menu-trigger span:nth-of-type(3) {bottom:0;}
	.layer_hd_search .btn_close {position:absolute;right: 50px;top: 50px;font-size:0;width: 40px;height: 40px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff), transparent;background-position:center;background-size: 100% 1px,1px 100%;background-repeat:no-repeat;transform: rotate(45deg);}
	.layer_hd_search .hd_search_box {width: 500px;height:60px;border-radius:30px;padding:15px 39px;border:1px #fff solid;margin:0 auto;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
	.layer_hd_search .hd_search_box label{display:none;}
	.layer_hd_search .hd_search_box input[type="text"] {padding:0;width:90%;max-width:789px;height:28px;line-height:28px;font-size:16px;font-weight:400;color:#969696;padding:0;background:none;border:0 none;box-sizing:border-box;float:left;}
	.layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:16px;font-weight:400;color:#969696;}
	.layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:16px;font-weight:400;color:#969696;}
	.layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:16px;font-weight:400;color:#969696;}
	.layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:16px;font-weight:400;color:#969696;}
	.layer_hd_search .hd_search_box button {padding:0;width:21px;height:28px;line-height:28px;background:url('../images/skin/icon_layer_search.png') no-repeat 50% 50%;background-size:100% auto;border:0 none;box-sizing:border-box;float:right;text-indent:-999px;overflow:hidden;}

	/* aside */
		#aside .aside_top .aside_gnb li,
		#aside .aside_top .aside_gnb li + li:before,
		#aside .aside_top .aside_gnb li a,
		#aside .aside_top .aside_right .btn_hd_search,
		#aside .aside_top .aside_right .btn_aside_close {display:inline-block;vertical-align:middle;}
		#aside {top:0px;right:-68.2%;width:68.2%;transition:0.8s;height:100%;background:rgba(255,255,255,1);z-index: 999;box-sizing:border-box;display:block;position:fixed;}
		#aside.on {right:0%;}
		#aside .aside_top {}
		#aside .aside_top:after {content:'';display:inline-block;clear:both;}
		#aside .aside_top .aside_gnb {font-size:0;float: left;margin-top:-4px;}
		#aside .aside_top .aside_gnb li {font-size:20px;color:#111;line-height: 1.11;font-weight: 700;}
		#aside .aside_top .aside_gnb li + li {}
		#aside .aside_top .aside_gnb li + li:before {content:'';background:#111;border-radius:100%;width:3px;height:3px;margin:0 16px;}
		#aside .aside_top .aside_gnb li a {font-size:inherit;line-height:inherit;color:inherit;}
		#aside .aside_top .aside_right {float:right;font-size: 0;}
		#aside .aside_top .aside_right .btn_hd_search {width: 20px;height:20px;background:url("../images/skin/icon_hd_search.png") no-repeat 50% 50%;background-size:auto 100%;font-size:0;cursor: pointer;}
		#aside .aside_top .aside_right .btn_aside_close {width: 21px;height: 20px;cursor:pointer;margin-left: 21px;position: relative;}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%;}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width: 24px;height:2px;background-color:#000;left:0;top: 10px;}
		#aside .aside_top .aside_right .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_top .aside_right .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_top .aside_right .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 {width:100%;height:100%;margin:0;padding:57px 88px 50px 338px;overflow-y:auto;box-sizing: border-box;}
		#aside .aside_box:before {left:130px;top:0;width:1px;height:100%;background:#ccc;position:absolute;display:inline-block;content:"";}
		#aside .aside_box .logo {width:130px;height:110px;transform:translate(-50%, -10%);left:28px;top:50%;position:absolute;text-align:left;}
		#aside .aside_box .logo a {width:204px;height:29px;transform:rotate(270deg);display:block;}
		#aside .aside_box .logo img {height:100%;width:auto;}
		#aside .aside_box .aside_lnb {box-sizing:border-box;padding:95px 0 0;}
		#aside .aside_box .aside_lnb:after {content:'';display:block;clear:both;}
		#aside .aside_box .aside_lnb h3 {height:19px;line-height:19px;font-size:20px;letter-spacing:0.2px;font-weight:500;color:#4e99cc;width:auto;display:inline-block;position:relative;}
		#aside .aside_box .aside_lnb h3:before {left:-55px;top:8px;width:30px;height:2px;background:#4e99cc;position:absolute;display:inline-block;content:"";}
		#aside .aside_box .aside_lnb ul.slidemenu {padding: 58px 0 50px 0;font-size:0;}
		#aside .aside_box .aside_lnb ul.slidemenu li {line-height:23px;padding:18px 0 18px;width:100%;text-align:left;font-size:0;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span,
		#aside .aside_box .aside_lnb ul.slidemenu li span.dep2_li,
		#aside .aside_box .aside_lnb ul.slidemenu li span.dep2_li a {height:23px;line-height:23px;display:inline-block;vertical-align:top;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:180px;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:18px;font-weight:700;color:#000;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li ul{display:inline-block;vertical-align:middle;}
		#aside .aside_box .aside_lnb ul.slidemenu li ul {width:calc(100% - 153px);margin-left:-37px;}
		#aside .aside_box .aside_lnb ul.slidemenu li .dep2_li {display:inline-block;vertical-align:middle;padding:0;line-height:inherit;width:auto;margin-left:27px;}
		#aside .aside_box .aside_lnb ul.slidemenu li .dep2_li,
		#aside .aside_box .aside_lnb ul.slidemenu li .dep2_li a {font-size:16px;letter-spacing:-0.2px;font-weight:500;color:#999;}
		#aside .aside_box .aside_lnb ul.slidemenu li .dep2_li + .dep2_li {}

		#aside .btn_mMenuClose {right:60px;top:40px;width:30px;height:30px;line-height:18px;background-size:100% auto;position:absolute;display:inline-block;overflow:hidden;text-indent:-999px;cursor:pointer;z-index:20;}
		.aside_bg {left:-20px;top:-20px;width:calc(100% + 40px);height:calc(100% + 40px);background:rgba(0,0,0,1);opacity:0;transition:0.8s;z-index: 995;position:fixed;}
		.aside_bg.on {opacity:0.7;}

		@media only screen and (max-width: 1300px) {
			#aside .aside_box{padding:57px 88px 50px 240px;}
		}
		@media only screen and (max-width: 1217px) {
			.layer_hd_search {}
			#header .layer_hd_search.on {left:0;top:100px;height:180px;padding:60px 0;width:100%;}
			.layer_hd_search .hd_search_box {width: 50%;height:60px;border-radius:30px;padding:15px 25px;}
			.layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:28px;line-height:28px;font-size:15px;}
			.layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:15px;}
			.layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:15px;}
			.layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:15px;}
			.layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:15px;}
			.layer_hd_search .hd_search_box button {width:21px;height:28px;line-height:28px;}

			#aside {right:-79.5%;width:79.5%;}
			#aside.on {}
			#aside .aside_box {padding: 38px 7.2% 0 7.2%;}
			#aside .aside_box:before {display:none;}
			#aside .aside_box .logo {width:auto;height:26px;transform:translate(0%, 0%);position:static;left:0;top:0;margin-bottom: 30px;}
			#aside .aside_box .logo a {width:auto;height:26px;transform:rotate(0deg);}
			#aside .aside_box .logo img {height:26px;width:auto;}
			#aside .aside_top .aside_gnb li {font-size:16px;}
			#aside .aside_box .aside_lnb {padding:90px 0 28px 0;}
			#aside .aside_box .aside_lnb h3 {height:19px;line-height:19px;font-size:13px;letter-spacing:0.2px;}
			#aside .aside_box .aside_lnb h3:before {left:auto;right:-30px;top:8px;width:20px;height:1px;}
			#aside .aside_box .aside_lnb ul.slidemenu {padding:30px 0 86px 0;}
			#aside .aside_box .aside_lnb ul.slidemenu + h3 + ul.slidemenu {padding-bottom:0;}
			#aside .aside_box .aside_lnb ul.slidemenu li {line-height:23px;padding:14px 0 13px;width:100%;text-align:left;}
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span,
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {height:23px;line-height:23px;}
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:32%;min-width:114px;}
			#aside .aside_box .aside_lnb ul.slidemenu li ul{width:calc(100% - 25%);margin-left:-7%;}
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:18px;}
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 {margin-left:7.5%;}
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {font-size:14px;letter-spacing:1px;}
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 + .lnb_dep2 {}
			#aside .aside_box .aside_gnb {margin-left: -2px;margin-top:0;}
			#aside .aside_box .aside_gnb li{line-height:28px;}

			#aside .close {right:7.2%;top:38px;width:22px;height:22px;line-height:22px;}
			.aside_bg {left:0px;top:0px;width:100%;height:100%;}
			.aside_bg.on {}
		}
		@media only screen and (max-width:860px) {
			#aside {top:0px;right:-65%;width:65%;}
			#aside.on {}
			#aside .aside_box {width:100%;height:100%;margin:0;padding: 30px 28px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;}
			#aside .aside_box .logo {margin-bottom:25px;}
			#aside .aside_box .aside_lnb {width:100%;max-width:100%;padding: 50px 0 18px;box-sizing:border-box;}
			#aside .aside_box .mo_menuTitle {border-bottom:1px solid #eee;padding:0 0 14px;position:relative;margin:0;}
			#aside .aside_box .mo_menuTitle .mo_logo,
			#aside .aside_box .mo_menuTitle .btn_mMenuClose {vertical-align:top;}
			#aside .aside_box .mo_menuTitle .mo_logo {display:inline-block;float:left;}
			#aside .aside_box .mo_menuTitle .mo_logo img {width:auto;height:38px;}
			#aside .aside_box .mo_menuTitle .btn_mMenuClose {width:36px;height:38px;position:absolute;top:0;right:0px;}

		}
		@media only screen and (max-width:812px) {
			#header .layer_hd_search.on {top:50px;height:90px;padding:25px 0;width:100%;}
			.layer_hd_search .hd_search_box {width: 60%;height:40px;border-radius:20px;padding:10px 15px;}
			.layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:18px;line-height:18px;font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box button {width:14px;height:18px;line-height:18px;}
		}
		@media only screen and (max-width: 640px) {
			#aside .aside_box .logo img {height:20px;}
			#aside .aside_top .aside_gnb li {font-size: 14px;}
			#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 span {height:1px;}
			#aside .aside_box .aside_lnb ul.slidemenu li ul{width:100%;margin-left:0;}
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:100%;}
			#aside .aside_box .aside_lnb ul.slidemenu li .dep2{width:calc(100% + 20px);margin-left:-10px;}
			#aside .aside_box .aside_lnb ul.slidemenu li .dep2_li{margin:0 10px;}
			#aside .aside_box .aside_lnb ul.slidemenu li .dep2_li + .dep2_li{}
			#aside .aside_box .aside_lnb ul.slidemenu li .dep2_li a{font-size:14px;}
		}
		@media only screen and (max-width:530px) {
			#aside {top:0px;right:-100%;width:100%;}
			#aside.on {right:0%;}
			#aside .aside_box {padding: 20px 4.6875%;}
			#aside .aside_box:before {display:none;}
			#aside .aside_box .aside_gnb li{line-height:24px;}
			#aside .aside_box .logo {display:none;}
			#aside .aside_box .aside_lnb {padding: 30px 0;box-sizing:border-box;text-align:left;}
			#aside .aside_box .aside_lnb h3 {height:17px;line-height:17px;font-size:12px;letter-spacing:0.2px;}
			#aside .aside_box .aside_lnb h3:before {left:auto;right:-30px;top:8px;width:20px;height:1px;}
			#aside .aside_box .aside_lnb ul.slidemenu {padding: 0 0 73px 0;}
			#aside .aside_box .aside_lnb ul.slidemenu + h3 + ul.slidemenu {padding-bottom:0;}
			#aside .aside_box .aside_lnb ul.slidemenu li {line-height:26px;padding:20px 0 0px;}
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {height:26px;line-height:25px;}
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {height:24px;line-height:17px;}
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
			#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:16px;letter-spacing:1px;}
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 {}
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {font-size:14px;letter-spacing:1px;}
			#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 + .lnb_dep2 {}

			#aside .btn_mMenuClose {right:4.6875%;top:15px;width:15px;height:16px;line-height:14px;}
			.aside_bg {left:0px;top:0px;width:100%;height:100%;}
			.aside_bg.on {}
			
		}
		@media only screen and (max-width:480px) {
			.layer_hd_search {}
			#header .layer_hd_search.on {left:0;top:50px;height:90px;padding:25px 0;width:100%;}
			.layer_hd_search .hd_search_box {width:75%;height:40px;border-radius:20px;padding:10px 15px;}
			.layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:18px;line-height:18px;font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:13px;}
			.layer_hd_search .hd_search_box button {width:14px;height:18px;line-height:18px;}
		}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

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

	#footer{background:#111925;margin-top:100px;position: relative;}
	#footer .btn_top{position: absolute;top:102px;right:-38px;z-index:20;}
	#footer .btn_top a{display: block;position: relative;padding-top:64px;background:url('../images/skin/btn_top_arw.png')no-repeat top center;}
	#footer .btn_top span{font-size:12px;color:#333;font-weight:500;letter-spacing:-0.5px;transform:rotate(90deg);display: inline-block;}	
	#footer .btn_top:hover a{animation:top_arw 1s infinite both;}
	#footer .btn_top:hover a span{color:#4e99cc;}
	@keyframes top_arw{
		0%{background-size:13px 40px;background-position:center 10px;}
		100%{background-size:13px 52px;background-position:center top;}
	}

	.main_index #footer{margin-top:0;}
	#footer .foot_content{padding:50px 0 34px;}
	#footer .foot_content:after{clear:both;content:"";display: block;}
	#footer .foot_content .ft_info{float: left;display: inline-block;box-sizing:border-box;vertical-align: top;margin-left:100px;width:68%;}
	#footer .foot_content .ft_info .ft_info_cont{margin-top:27px;width:calc(100% + 11px);margin-left:-11px;}
	#footer .foot_content .ft_info .ft_info_cont span{display: inline-block;box-sizing:border-box;font-size:14px;color:#ccc;font-weight:400;font-family:'NanumSquareRound';margin:0 11px;margin-bottom:6px;letter-spacing:0;}
	#footer .foot_content .ft_info .ft_info_cont span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
	#footer .foot_content .ft_info .copyright{font-size:14px;color:rgba(204,204,204,0.7);font-weight:400;text-transform:uppercase;margin-top:9px;font-family:'NanumSquareRound';}
	#footer .foot_content .ft_info .ft_gnb{margin-top:24px;}
	#footer .foot_content .ft_info .ft_gnb ul{font-size:0;}
	#footer .foot_content .ft_info .ft_gnb ul li{display: inline-block;box-sizing:border-box;position: relative;}	
	#footer .foot_content .ft_info .ft_gnb ul li + li{margin-left:15px;padding-left:15px;}	
	#footer .foot_content .ft_info .ft_gnb ul li + li:before{width:1px;height:10px;content:"";background:#fff;position: absolute;left:0;top:6px;}
	#footer .foot_content .ft_info .ft_gnb ul li a{font-size:14px;color:#ccc;font-weight:400;}
	#footer .foot_content .ft_info .ft_gnb ul li a strong{color:#fff;font-weight:400;font-size:inherit;}	

	#footer .foot_content .ft_right{float:right;display: inline-block;box-sizing:border-box;text-align: right;vertical-align: top;margin-top:36px;margin-right:100px;}
	#footer .foot_content .ft_right.ver_m{display: none;}
	#footer .foot_content .ft_right .ft_sns{font-size:0;text-align:right;margin-right:11px;}
	#footer .foot_content .ft_right .ft_sns li{display: inline-block;box-sizing:border-box;}
	#footer .foot_content .ft_right .ft_sns li + li{margin-left:29px;}
	#footer .foot_content .ft_right .ft_sns li a img{opacity:0.6;vertical-align: middle;}
	#footer .family_site{display: inline-block;cursor:pointer;text-align:left;margin-top:39px;}
	#footer .family_site .site_tit{height:44px;line-height:42px;background-color:transparent;width:200px;position: relative;box-sizing:border-box;padding:0 19px;border:1px solid rgba(255,255,255,0.3);}
	#footer .family_site .site_tit:before{background:url('../images/skin/ft-select-arr.png')no-repeat center;width:14px;height:9px;content:"";position:absolute;right:19px;top:17px;}	
	#footer .family_site .site_tit span{font-size:16px;color:#ccc;font-weight:400;font-family:'NanumSquareRound';line-height:42px;letter-spacing:-0.5px;display: block;}
	#footer .family_site .site_tit > ul{position: absolute;bottom:100%;left:-1px;width:100%;border:1px solid rgba(255,255,255,0.3);z-index:2;display: none;background:#111925;}
	#footer .family_site .site_tit > ul li{height:30px;line-height:30px;box-sizing:border-box;transition:all .3s;}
	#footer .family_site .site_tit > ul li + li{}
	#footer .family_site .site_tit > ul li a{font-size:14px;color:#ccc;font-weight:400;display: block;width:100%;height:100%;padding:0 20px;}

	@media only screen and (max-width:1800px){
		#footer .btn_top{right:-30px;}
	}
	@media only screen and (max-width:1400px){
		#footer .foot_content .ft_info{margin-left:30px;}
		#footer .foot_content .ft_right{margin-right:30px;}
		#footer .foot_content .ft_info .ft_info_cont{width:calc(100% + 5px);margin-left:-5px;}
		#footer .foot_content .ft_info .ft_info_cont span{font-size:13px;margin-right:5px;margin-left:5px;}
		#footer .foot_content .ft_info .ft_info_cont br{display: none;}
	}
	@media only screen and (max-width:1250px){
		#footer .foot_content{padding:50px 0 34px;}
		#footer .foot_content .ft_info{width:60%;}
	}
	@media only screen and (max-width:1000px){
		#footer{width:100%;}
		#footer .btn_top{top:initial;bottom:50px;right:30px;position: fixed;}
		#footer .btn_top a{width:50px;height:50px;box-sizing:border-box;border-radius:100%;padding: 23px 0 0;background:#4e99cc;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);text-align: Center;margin: 0 auto;z-index: 1;box-sizing: border-box;}
		#footer .btn_top a:before{width: 8px;height: 8px;border-width: 1px 1px 0 0;border-style: solid;border-color: #fff;position: absolute;left: 50%;top: 14px;transform: translateX(-50%) rotate(-45deg);display: inline;content:"";}
		#footer .btn_top a span{transform:none;color:#fff;}
		#footer .btn_top:hover a span{color:#fff;}
		#footer .foot_content .ft_info, #footer .foot_content .ft_right{float:none;display: block;}
		#footer .foot_content .ft_info{width:100%;box-sizing: border-box;margin: 0;padding: 0 30px;}
		#footer .foot_content .ft_right{display: none;text-align: left;margin-right:0;}
		#footer .foot_content .ft_right.ver_m{display: block;}
		#footer .foot_content .ft_right .ft_sns{margin-top:25px;text-align:left;}
		#footer .foot_content .ft_info .copyright{margin-top:35px;}
	}
	@media only screen and (max-width:600px){
		#footer .btn_top{bottom:25px;right:15px;}
		#footer .btn_top a{width:42px;height:42px;padding:18px 0 0 0;}
		#footer .btn_top a:before{top:11px;}
		#footer .foot_content .ft_info{padding:0 15px;}
		#footer .foot_content .ft_info .copyright{font-size:12px;}
		#footer .foot_content .ft_info .ft_gnb ul li a{font-size:12px;}
		#footer .family_site .site_tit{width:160px;}
	}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.main_visual {position:relative;width:100%;margin:0;height:760px;background:#fff;overflow:hidden;}
		.main_visual .visual_ul, .main_visual .slick-list, .main_visual .slick-track{height:100%;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100%;float:left;}
		.main_visual .slick-slide a {display: block;height:100%;position: relative;overflow:hidden;}
		.main_visual .slick-slide a:before, .main_visual .slick-slide a:after{width:50%;height:100%;content:"";background:#fff;position: absolute;top:0;transition: width 1s;z-index:10;}
		.main_visual .slick-slide a:before{left:0;}
		.main_visual .slick-slide a:after{right:0;}
		.main_visual .slick-slide .img_wrap{display:inline-block;height:100%;width:100%;transform:scale(1.1);transition:all 1.5s;transition-delay:1.5s;}
		.main_visual .slick-slide .txt_box{position: absolute;top:28%;left:6%;text-align:left;}
		.main_visual .slick-slide .txt_box h2, .main_visual .slick-slide .txt_box span{transform:translateY(100px);opacity:0;transition:all 0.7s;}
		.main_visual .slick-slide .txt_box h2{font-size:80px;color:#fff;font-weight:700;letter-spacing:-1.6px;line-height:100px;font-family:'Roboto Condensed';margin-left:10px;}
		.main_visual .slick-slide .txt_box span{display: inline-block;width:200px;height:60px;line-height:60px;box-sizing:border-box;border-radius:30px;background:#fff;font-size:16px;color:#1f274c;font-weight:700;font-family:'NanumSquareRound';letter-spacing:-0.32px;padding-left:46px;margin:69px 0 0 11px;position: relative;z-index:2;overflow:hidden;}
		.main_visual .slick-slide .txt_box span:before{width:0;height:100%;box-sizing:border-box;border-radius:30px;background:#1f274c;position: absolute;left:0;top:0;content:"";z-index:-1;transition:width 0.5s;}
		.main_visual .slick-slide .txt_box span:after{width:10px;height:9px;content:"";background:url('../images/skin/next_arw_ov.png')no-repeat;position: absolute;left:73%;top:26px;transition:all 0.5s;}
		.main_visual .slick-slide .txt_box span:hover{color:#fff;}
		.main_visual .slick-slide .txt_box span:hover:after{background:url('../images/skin/next_arw.png')no-repeat;left:80%;top:26px;transition:all 0.5s;}
		.main_visual .slick-slide .txt_box span:hover:before{width:100%;transition:width 0.5s;}
		
		.main_visual .slick-dots{text-align: center;position: absolute;display: inline-block;bottom:58px;left:50%;transform:translate(-50%);font-size:0;z-index:2;float: left;}
		.main_visual .slick-dots li{margin:0 15px;display: inline-block;box-sizing:border-box;}
		.main_visual .slick-dots li button{width:8px;height:8px;box-sizing:border-box;border-radius:100%;background:#fff;opacity:0.5;font-size:0;}
		.main_visual .slick-dots li.slick-active button{opacity:1;}

		.visual_btn_wrap{position: absolute;left:50%;transform:translate(-58%);bottom:55px;width:228px;float: left;}
		.visual_btn_wrap .arw_box{display: inline-block;box-sizing:border-box;position: relative;vertical-align: top;font-size:0;}
		.visual_btn_wrap .arw_box .slick-arrow{display: inline-block;width:9px;height:13px;vertical-align:top;font-size:0;}
		.visual_btn_wrap .arw_box .slick-prev{background:url('../images/skin/slide_prev_ov.png')no-repeat center;opacity:0.5;}
		.visual_btn_wrap .arw_box .slick-next{background:url('../images/skin/slide_next_ov.png')no-repeat center;opacity:0.5;margin-left:29px;}
		.visual_btn_wrap .arw_box .slick-prev:hover{opacity:1;}
		.visual_btn_wrap .arw_box .slick-next:hover{opacity:1;}
		.visual_btn_wrap .control_btn{display: inline-block;vertical-align: top;position: relative;float: right;}
		.visual_btn_wrap .control_btn #pause-btn, .visual_btn_wrap .control_btn #play-btn{width:9px;height:12px;display: inline-block;vertical-align: top;font-size:0;}
		.visual_btn_wrap .control_btn #pause-btn{background:url('../images/skin/slide_pause.png')no-repeat center;}
		.visual_btn_wrap .control_btn #play-btn{background:url('../images/skin/slide_play.png')no-repeat center;}

		.main_visual .scroll_down{position:absolute;right:-43px;bottom:165px;cursor:pointer;transition:all 0.5s;}
		.main_visual .scroll_down span{font-size:12px;color:#888;font-weight:400;letter-spacing:3.6px;transform:rotate(90deg);font-family:'NanumSquareRound';display: inline-block;text-transform:uppercase;}	
		.main_visual .scroll_down:hover{bottom:130px;transition:all 0.5s;}
		/*active*/
			.main_visual .slick-slide.active a:before, .main_visual .slick-slide.active a:after{width:0;transition:width 1.5s;transition-delay:0.5s;}
			.main_visual .slick-slide.active .img_wrap{transform:scale(1);transition:all 2s;}
			.main_visual .slick-slide.active .txt_box h2{transform:translateY(0);opacity:1;transition-delay:1s;}
			.main_visual .slick-slide.active .txt_box span{transform:translateY(0);opacity:1;transition:transform 0.7s opacity 0.7s;transition-delay:2s;transition-property:transform, opacity;}
			.main_visual .slick-slide.active .txt_box span{transition-delay:1.7s;}

		@media only screen and (max-width:1600px){
			.main_visual .slick-slide .txt_box h2{font-size:70px;line-height:80px;}
		}
		@media only screen and (max-width:1040px){
			.main_visual{height:600px;}
			.main_visual .slick-slide .txt_box{top:20%;left:30px;}
			.main_visual .slick-slide .txt_box h2{font-size:58px;line-height:60px;;}
			.main_visual .slick-slide .txt_box span{width:180px;height:55px;line-height:55px;border-radius:25px;font-size:15px;padding-left:25px;margin:45px 0 0 11px;}
			.main_visual .slick-slide .txt_box span:after, .main_visual .slick-slide .txt_box span:hover:after{top:22px;}
			.main_visual .scroll_down{display: none;}
		}
		@media only screen and (max-width:800px){
			.main_visual{height:500px;}
			.main_visual .slick-slide .txt_box h2{font-size:45px;line-height:55px;}
		}
		@media only screen and (max-width:640px){
			.main_visual .slick-slide .txt_box{width:100%;box-sizing:border-box;padding:0 15px;left:0;top:10%;}
			.main_visual .slick-slide .txt_box h2{font-size:38px;line-height:50px;margin-left:0;}
			.main_visual .slick-slide .txt_box span{width:150px;height:50px;line-height:50px;font-size:14px;padding-left:20px;margin:30px 0 0 0;}
			.main_visual .slick-slide .txt_box span:after, .main_visual .slick-slide .txt_box span:hover:after{top:19px;background:url('../images/skin/next_arw_ov.png')no-repeat;left:73%;}
			.main_visual .slick-slide .txt_box span:hover:before{display: none;}

			.visual_btn_wrap{bottom:34px;}
			.main_visual .slick-dots{bottom:36px;}
		}
		@media only screen and (max-width:480px){
			.main_visual{height:450px;}
			.main_visual .slick-slide .txt_box{top:17%;}
			.main_visual .slick-slide .txt_box h2{font-size:32px;line-height:38px;}
			.main_visual .slick-slide .txt_box span{width:120px;height:40px;line-height:42px;font-size:12px;padding-left:15px;}
			.main_visual .slick-slide .txt_box span:after, .main_visual .slick-slide .txt_box span:hover:after{top:15px;}

			.main_visual .slick-dots{bottom:22px;}
			.main_visual .slick-dots li{margin:0 7px;}
			.visual_btn_wrap{bottom:20px;width:164px;}
			.visual_btn_wrap .arw_box .slick-next{margin-left:16px;}
		}

	/*our growth*/
		.our_growth{position: relative;}
		.our_growth > a{position: absolute;top:-150px;}		
		.our_growth .growth_tit{text-align: center;margin-top:75px;}
		.our_growth .growth_tit h3{font-size:50px;color:#000011;font-weight:700;}
		.our_growth .growth_tit p{font-size:16px;color:#888;font-weight:300;font-family:'Noto Sans KR';line-height:26px;margin-top:9px;}

		.our_growth .growth_list{width:1600px;margin:0 auto;box-sizing:border-box;margin-top:69px;}
		.our_growth .growth_list ul{display:table;width:100%;text-align: center;font-size:0;}
		.our_growth .growth_list ul li{display:table-cell;box-sizing:border-box;width:25%;border:1px solid #ddd;border-width:0 1px 0 1px;vertical-align: middle;padding:78px 0 53px 11px;}
		.our_growth .growth_list ul li:nth-of-type(1){background:url('../images/skin/icon-growth-01.png')no-repeat center 17px;}
		.our_growth .growth_list ul li:nth-of-type(2){background:url('../images/skin/icon-growth-02.png')no-repeat center 17px;}
		.our_growth .growth_list ul li:nth-of-type(3){background:url('../images/skin/icon-growth-03.png')no-repeat center 17px;}
		.our_growth .growth_list ul li:nth-of-type(4){background:url('../images/skin/icon-growth-04.png')no-repeat center 17px;}
		.our_growth .growth_list ul li + li{border-left:none;}
		.our_growth .growth_list ul li .num_wrap{}
		.our_growth .growth_list ul li .num_wrap p{font-size:80px;color:#4e99cc;font-weight:700;display: inline-block;line-height:64px;}
		.our_growth .growth_list ul li .num_wrap p .n-count{font-size:inherit;color:inherit;font-weight:inherit;}
		.our_growth .growth_list ul li .num_wrap span{font-size:15px;color:#111;font-weight:500;vertical-align:bottom;text-transform:uppercase;display: inline-block;margin-left:10px;}
		.our_growth .growth_list ul li .info{margin-top:42px;}
		.our_growth .growth_list ul li .info p{font-size:20px;color:#111;font-weight:500;font-family:'Noto Sans KR';}
		.our_growth .growth_list ul li .info span{display: block;font-size:16px;color:#888;font-weight:400;font-family:'Noto Sans KR';word-break:keep-all;}

		@media only screen and (max-width:1700px){
			.our_growth .growth_list{width:100%;}
		}
		@media only screen and (max-width:1200px){
			.our_growth .growth_list ul li .num_wrap p{font-size:60px;line-height:46px;}
			.our_growth .growth_list ul li .num_wrap span{font-size:14px;}
			.our_growth .growth_list ul li .info p{font-size:18px;}
			.our_growth .growth_list ul li .info span{font-size:15px;}
		}
		@media only screen and (max-width:1000px){
			.our_growth .growth_tit{margin-top:40px;}
			.our_growth .growth_tit h3{font-size:44px;}
			.our_growth .growth_tit p{font-size:15px;}
			.our_growth .growth_list{margin-top:40px;}
			.our_growth .growth_list ul li{vertical-align: top;}
			.our_growth .growth_list ul li .num_wrap p{font-size:50px;line-height:40px;}
			.our_growth .growth_list ul li .info{box-sizing:border-box;	padding:0 10px;}
		}
		@media only screen and (max-width:800px){
			.our_growth .growth_list ul li{padding:66px 0 40px 0px;}
			.our_growth .growth_list ul li .num_wrap span{display: block;margin:10px 0 0 0;}
			.our_growth .growth_list ul li .info{margin-top:20px;padding:0 5px;}
		}
		@media only screen and (max-width:640px){
			.our_growth .growth_list{padding:0 15px}
			.our_growth .growth_list ul{display: block;}
			.our_growth .growth_list ul li{display: inline-block;box-sizing:border-box;width:50%;border:none;}
			.our_growth .growth_list ul li:nth-of-type(2n+1){border-right:1px solid #ddd;}
			.our_growth .growth_list ul li:nth-child(-n+2){border-bottom:1px solid #ddd;}
		}
		@media only screen and (max-width:480px){
			.our_growth .growth_tit h3{font-size:36px;}
			.our_growth .growth_tit p{font-size:14px;line-height:22px;}
			.our_growth .growth_list{margin-top:30px;}
			.our_growth .growth_list ul li{padding:52px 0 25px 0px;}
			.our_growth .growth_list ul li .num_wrap p{font-size:40px;line-height:initial;}
			.our_growth .growth_list ul li .num_wrap span{font-size:13px;margin:4px 0 0 0;}
			.our_growth .growth_list ul li .info{margin-top:10px;}
			.our_growth .growth_list ul li .info p{font-size:16px;}
			.our_growth .growth_list ul li .info span{font-size:13px;height:38px;}
		}
	
	/* main_business */
		.main_business{background:#1f274c;margin-top:64px;padding:92px 0 100px;}
		.main_business h3{font-size:50px;color:#fff;font-weight:700;letter-spacing:-1px;text-align: center;}
		.main_business .business_content{width:100%;box-sizing:border-box;position: relative;margin-top:37px;height:610px;margin-left:41px;}
		.main_business .business_content:after{clear:both;content:"";display: block;}
		.main_business .business_content ul{display: inline-block;box-sizing:border-box;font-size:0;vertical-align: top;}
		.main_business .business_content .business_txt_ul{padding-top:64px;padding-left:69px;z-index:2;left:0;width:100%;position: absolute;left:0;top:0;}
		.business_txt_ul .txt_wrap{position: relative;}
		.business_txt_ul .txt_wrap h4{font-size:90px;color:#fff;font-weight:700;position: absolute;line-height:110px;}
		.business_txt_ul .txt_wrap p{font-size:16px;color:rgba(255,255,255,0.7);line-height:26px;padding-top:140px;width:360px;letter-spacing:0;}
		.main_business .business_img_box{width:calc(100% - 490px);z-index:1;float:right;overflow:hidden;}
		.main_business .business_content .business_img_ul{padding-left:491px;margin-left:-491px;width:100%;}
		.main_business .business_content .business_img_ul .slick-list{padding-bottom:10px;overflow:visible;}
		.main_business .business_content .business_img_ul li{padding:0 20px;float:left;}
		.main_business .business_content .business_img_ul li .img{width:100%;}
		.main_business .business_content .business_img_ul li .img img{box-sizing:border-box;border-radius:16px;}
		.main_business .business_content .business_img_ul li.slick-current .img img{box-shadow:3.5px 3.5px 10px 0 rgba(0, 0, 0, 0.4);}

		.main_business .business_content ul.slick-dots{margin:157px 0 0 100px;}
		.main_business .business_content ul.slick-dots li{margin:0 10px;display: inline-block;box-sizing:border-box;vertical-align:bottom;}
		.main_business .business_content ul.slick-dots li button{font-size:15px;color:rgba(255,255,255,0.5);font-weight:400;line-height:1;}
		.main_business .business_content ul.slick-dots li button:before{content:"0";display: inline-block;vertical-align:top;font-size:15px;color:rgba(255,255,255,0.5);font-weight:400;}
		.main_business .business_content ul.slick-dots li.slick-active button, .main_business .business_content ul.slick-dots li.slick-active button:before{font-size:18px;color:#fff;}

		.business_arw{position: absolute;z-index:3;bottom:92px;left:69px;}
		.business_arw .arw_box{font-size:0;}
		.business_arw .arw_box .slick-arrow{display: inline-block;box-sizing:border-box;vertical-align: top;width:36px;height:36px;border:1px solid rgba(255,255,255,0.4);font-size:0;}
		.business_arw .arw_box .slick-prev{background:transparent url('../images/skin/prev_arw.png')no-repeat center;transition:all 0.5s;}
		.business_arw .arw_box .slick-next{background:transparent url('../images/skin/next_arw.png')no-repeat center;margin-left:10px;transition:all 0.5s;}
		.business_arw .arw_box .slick-prev:hover{background:#fff url('../images/skin/prev_arw_ov.png')no-repeat center;transition:all 0.5s;}
		.business_arw .arw_box .slick-next:hover{background:#fff url('../images/skin/next_arw_ov.png')no-repeat center;transition:all 0.5s;}	

		@media only screen and (max-width:1800px) {
			.main_business .business_content{height:520px;}
			.main_business .business_content ul.slick-dots{margin:67px 0 0 100px;}
			.main_business .business_content .business_img_ul{padding-left:360px;margin-left:-360px;}
		}
		@media only screen and (max-width:1700px) {
			.main_business .business_content{margin-left:30px;}
		}
		@media only screen and (max-width:1500px) {
			.main_business .business_content .business_img_ul{padding-left:240px;margin-left:-240px;}
		}
		@media only screen and (max-width:1400px) {
			.main_business .business_content .business_img_ul{padding-left:140px;margin-left:-140px;}
		}
		@media only screen and (max-width:1300px) {
			.main_business{padding:60px 0 80px;}
			.main_business .business_content{height:auto;}
			.main_business .business_content .business_txt_ul{padding-top:40px;padding-left:40px;}
			.business_txt_ul .txt_wrap h4{font-size:76px;line-height:initial;}
			.business_txt_ul .txt_wrap p{font-size:15px;padding-top:110px;width:340px;}
			.main_business .business_img_box{width:calc(100% - 380px);}
			.main_business .business_content .business_img_ul{padding-left:80px;margin-left:-80px;}
			.business_arw{bottom:initial;top:310px;left:40px;}
			.main_business .business_content ul.slick-dots{margin:38px 0 0 100px;}
		}
		@media only screen and (max-width:1000px) {
			.main_business h3{font-size:45px;}
			.main_business .business_content{margin-left:0;}
			.main_business .business_content .business_txt_ul{display: block;position:static;padding:0 30px 0 30px;}
			.business_txt_ul .txt_wrap h4{position: static;}
			.business_txt_ul .txt_wrap p{width:100%;padding-top:5px;}
			.main_business .business_content ul.slick-dots{margin:25px 0 0 100px;}	
			.business_arw{top:165px;left:30px;}
			.main_business .business_img_box{width:100%;float:none;margin-top:30px;margin-left:15px;}
			.main_business .business_content .business_img_ul{padding-left:220px;margin-left:-225px;}
			.business_arw .arw_box .slick-prev:hover{background:transparent url('../images/skin/prev_arw.png')no-repeat center;}
			.business_arw .arw_box .slick-next:hover{background:transparent url('../images/skin/next_arw.png')no-repeat center;}
		}
		@media only screen and (max-width:850px) {
			.business_arw{top:165px;}
		}
		@media only screen and (max-width:800px) {
			.business_arw{top:192px;}
		}
		@media only screen and (max-width:750px) {
			.main_business{margin-top:45px;padding:50px 0 70px;}
			.main_business h3{font-size:40px;}
			.main_business .business_content{margin-top:25px;}
			.main_business .business_content .business_txt_ul{padding:0 15px;}
			.business_txt_ul .txt_wrap h4{font-size:58px;}
			.main_business .business_content ul.slick-dots{margin:25px 0 0 88px;}
			.main_business .business_content ul.slick-dots li button, .main_business .business_content ul.slick-dots li button:before{font-size:13px;}
			.main_business .business_content ul.slick-dots li.slick-active button, .main_business .business_content ul.slick-dots li.slick-active button:before{font-size:16px;}
			.business_arw{top:172px;left:15px;}
			.business_arw .arw_box .slick-arrow{width:30px;height:30px;}
			.main_business .business_content .business_img_ul{padding-left:130px;margin-left:-140px;}
			.main_business .business_content .business_img_ul li{padding:0 10px;}
		}
		@media only screen and (max-width:550px) {
			.business_txt_ul .txt_wrap h4{font-size:46px;}	
			.business_txt_ul .txt_wrap p{font-size:13px;line-height:22px;}
			.business_arw{top:146px;}
		}
		@media only screen and (max-width:480px) {
			.main_business{padding:40px 0 60px;}
			.main_business h3{font-size:36px;}
			.business_txt_ul .txt_wrap h4{font-size:40px;}
			.business_txt_ul .txt_wrap p{font-size:14px;}
			.main_business .business_content ul.slick-dots{margin-top:15px;}
			.main_business .business_content .business_img_ul{padding-left:80px;margin-left:-80px;}
			.business_arw{top:151px;}
		}
		@media only screen and (max-width:390px) {
			.business_txt_ul .txt_wrap p{font-size:13px;}
		}
		@media only screen and (max-width:365px) {
			.business_txt_ul .txt_wrap h4{font-size:32px;}
			.business_arw{top:161px;}
			.main_business .business_content .business_img_ul{padding-left:30px;margin-left:-30px;}
		}

	/*main board*/	
		.main_board{background:#f5f5f5;padding:146px 0 174px;}
		.main_board h3{font-size:50px;color:#000;font-weight:700;text-align: center;}
		.main_board .board_box{font-size:0;box-sizing:border-box;margin:0 auto;margin-top:39px;width:1420px;}
		.main_board .board_box:after{clear:both;content:"";display: block;}
		.main_board .board_box > div{display: inline-block;width:calc(50% - 20px);box-sizing:border-box;border-radius:18px;background:#fff;padding:22px 30px 39px 30px;vertical-align: top;}
		.main_board .board_box > div:hover{box-shadow:3.5px 3.5px 10px 0 rgba(0, 0, 0, 0.2);}
		.main_board .board_box > div .main_board_tit{width:100%;border-bottom:1px solid #333;box-sizing:border-box;padding-bottom:18px;}
		.main_board .board_box > div .main_board_tit:after{clear:both;content:"";display: block;}
		.main_board .board_box > div .main_board_tit h4{display: inline-block;box-sizing:border-box;font-size:22px;color:#333;font-weight:700;line-height:38px;padding-left:19px;position: relative;font-family:'Noto Sans KR';}
		.main_board .board_box > div .main_board_tit h4:before{width:4px;height:20px;content:"";background:#4e99cc;position: absolute;top:10px;left:0;}
		.main_board .board_box > div .main_board_tit a{display: inline-block;width:40px;height:40px;box-sizing:border-box;border-radius:100%;vertical-align: top;border:1px solid rgba(0,0,0,0.1);background:#fff;position: relative;float: right;}
		.main_board .board_box > div .main_board_tit a:before{width:14px;height:2px;content:"";background:#333;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_board .board_box > div .main_board_tit a:after{width:2px;height:14px;content:"";background:#333;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_board .board_box > div .main_board_tit a:hover{background:#000;border:1px solid #000;}
		.main_board .board_box > div .main_board_tit a:hover:before, .main_board .board_box > div .main_board_tit a:hover:after{background:#fff;}
		.main_board .board_box .board_ul{}
		.main_board .board_box .board_ul li{width:100%;box-sizing:border-box;padding:17px 10px 12px;}
		.main_board .board_box .board_ul li *{font-family:'Noto Sans KR';}
		.main_board .board_box .board_ul li + li{border-top:1px solid #ddd;}
		.main_board .board_box .board_ul li a{display: block;width:100%;height:100%;font-size:0;}
		.main_board .board_box .board_ul li .date_ov, .main_board .board_box .board_ul li .txt{display:inline-block;vertical-align:middle;box-sizing:border-box;}
		.main_board .board_box .board_ul li .date_ov{width:0;height:0;border-radius:10px;background:#4e99cc;text-align: center;padding-top:6px;overflow:hidden;}
		.main_board .board_box .board_ul li .date_ov .day{display: block;font-size:30px;color:#fff;font-weight:700;letter-spacing:-0.6px;}
		.main_board .board_box .board_ul li .date_ov .date{font-size:13px;color:#fff;font-weight:400;letter-spacing:0;margin-top:1px;line-height:1;}
		.main_board .board_box .board_ul li .txt{width:100%;padding-left:0;}
		.main_board .board_box .board_ul li .txt .title{font-size:16px;color:#333;font-weight:400;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px;}
		.main_board .board_box .board_ul li .txt .short_des{font-size:0;color:#666;font-weight:400;height:0;}
		.main_board .board_box .board_ul li .txt .short_des p{font-size:inherit;color:inherit;font-weight:inherit;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		.main_board .board_box .board_ul li .txt .date{font-size:13px;color:#888;font-weight:400;}

		.main_board .board_box .board_ul li.on{padding:20px 10px;}
		.main_board .board_box .board_ul li.on .date_ov{width:80px;height:80px;overflow:initial;}
		.main_board .board_box .board_ul li.on .txt{width:calc(100% - 112px);padding-left:16px;}
		.main_board .board_box .board_ul li.on .txt .title{font-size:18px;color:#4e99cc;font-weight:700;}
		.main_board .board_box .board_ul li.on .txt .short_des{height:auto;font-size:14px;}
		.main_board .board_box .board_ul li.on .txt .date{display: none;}

		.main_board .board_box .main_news{margin-left:40px;}
		.main_board .board_box > div.main_news .board_ul li .date_ov{background:#000;}
		.main_board .board_box .board_ul li.on .txt .title{color:#000;}

		@media only screen and (max-width:1550px) {
			.main_board .board_box{width:100%;padding:0 30px;}
		}
		@media only screen and (max-width:1300px) {
			.main_board{padding: 60px 0 80px;}
		}
		@media only screen and (max-width:1000px) {
			.main_board{padding:100px 0;}
			.main_board h3{font-size:32px;}
			.main_board .board_box{margin-top:30px;}
			.main_board .board_box > div{padding:15px 30px;}
			.main_board .board_box .board_ul li{padding:15px 0;}
			.main_board .board_box .board_ul li .date_ov{padding-top:12px;}
			.main_board .board_box .board_ul li .date_ov .day{font-size:26px;}
			.main_board .board_box .board_ul li .date_ov .date{font-size:12px;}
			.main_board .board_box .board_ul li .txt .title{font-size:15px;}

			.main_board .board_box > div:hover{box-shadow:none;}
			.main_board .board_box .board_ul li:hover{padding:15px 0;}
			.main_board .board_box .board_ul li:hover .date_ov{display: none;width:0;height:0;overflow:hidden;}
			.main_board .board_box .board_ul li:hover .txt{width:100%;padding-left:0;}
			.main_board .board_box .board_ul li:hover .txt .title{color:#333;font-size:15px;font-weight:400;}
			.main_board .board_box .board_ul li:hover .txt .short_des{height:0;font-size:0;}
			.main_board .board_box .board_ul li:hover .txt .date{display:block;}
		}
		@media only screen and (max-width:750px) {
			.main_board{padding: 50px 0 70px;}
		}
		@media only screen and (max-width:700px) {
			.main_board .board_box > div{width:100%;}
			.main_board .board_box .main_news{margin:30px 0 0 0;}
		}
		@media only screen and (max-width:640px) {
			.main_board .board_box{padding:0 15px;}
		}
		@media only screen and (max-width:480px) {
			.main_board{padding:30px 0;}
			.main_board h3{font-size:28px;}
			.main_board .board_box{margin-top:20px;}
			.main_board .board_box > div{padding:15px 15px;border-radius:9px;}
			.main_board .board_box > div .main_board_tit{padding-bottom:10px;}
			.main_board .board_box > div .main_board_tit h4{font-size:20px;}
			.main_board .board_box > div .main_board_tit a{background:#000;border:1px solid #000;}
			.main_board .board_box > div .main_board_tit a:before, .main_board .board_box > div .main_board_tit a:after{background:#fff;}
			
			
		}

	/*main story*/
		.main_story{margin-top:130px;}
		.main_story h3{font-size:50px;color:#000;font-weight:700;text-align: center;}
		.main_story .story_container{padding:0 53px;margin-top:58px;}
		.main_story .story_box{width:100%;box-sizing:border-box;overflow:visible;}
		.main_story .story_box .board_ul{font-size:0;}
		.main_story .story_box .board_ul li{display: inline-block;box-sizing:border-box;}
		.main_story .story_box .board_ul li a{display: block;width:100%;height:100%;}
		.main_story .story_box .board_ul li .thumb{width:100%;box-sizing:border-box;border-radius:20px;overflow:hidden;}
		.main_story .story_box .board_ul li .thumb img{width:100%;transition:all 0.5s;transform:scale(1);}
		.main_story .story_box .board_ul li .txt{}
		.main_story .story_box .board_ul li .txt strong{font-size:18px;color:#000;font-weight:400;display: block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:14px;}
		.main_story .story_box .board_ul li:hover .thumb img{transform:scale(1.05);transition:all 0.5s;}

		@media only screen and (max-width:1300px) {
			.main_story{margin-top:60px;}
			.main_story h3{font-size:42px;}
			.main_story .story_container{padding:0 40px;margin-top:40px;}
			.main_story .story_box .board_ul li .txt strong{font-size:16px;margin-top:8px;}
		}
		@media only screen and (max-width:1000px) {
			.main_story .story_box .board_ul li:hover .thumb img{transform:scale(1);}
		}
		@media only screen and (max-width:800px) {
			.main_story{margin-top:40px;}		
			.main_story h3{font-size:34px;}
			.main_story .story_container{padding:0 30px;margin-top:25px;}
			.main_story .story_box .board_ul li .txt strong{font-size:15px;}
		}
		@media only screen and (max-width:700px) {
			.main_story h3{font-size:32px;}
			.main_story .story_container{padding:0 15px;}
		}
		@media only screen and (max-width:480px) {
			.main_story h3{font-size:28px;}
			.main_story .story_box .board_ul li .txt strong{font-size:14px;}
			
		}

	/*main video*/
		.main_video{height:660px;margin-top:140px;position: relative;overflow:hidden;}
		.main_video .main_video_box{width:100%;height:100%;background:url('../images/skin/main_video_bg.jpg')no-repeat center;background-size:cover;}
		.main_video .video_txt_box{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_video .video_txt_box .txt_wrap{position: relative;text-align: center;cursor:pointer;}
		.main_video .video_txt_box .txt_wrap p{font-size:26px;color:rgba(255,255,255,0.8);line-height:40px;position: relative;padding-top:150px;margin-top:80px;}
		.main_video .video_txt_box .txt_wrap p:before{width:81px;height:80px;content:"";background:url('../images/skin/play-button.png')no-repeat center;position: absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;}
		.main_video .video_txt_box .txt_wrap p:after{width:0;height:40px;content:"";background:#e70000;position: absolute;top:20px;left:46%;transition:width 0.5s;}
		.main_video .video_txt_box .txt_wrap p:hover:after{width:40px;transition:width 0.5s;}

		.main_video_layer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:250;box-sizing:border-box;}
		.main_video_layer .video_layer{width:600px;height:400px;box-sizing:border-box;position: relative;}
		.main_video_layer .video_layer .layer_close{cursor:pointer;width:30px;height:30px;position: absolute;top:-30px;right:-50px;}
		.main_video_layer .video_layer .layer_close a{display: block;width:100%;height:100%;position: relative;}
		.main_video_layer .video_layer .layer_close a span{display: inline-block;width:100%;height:2px;background:#fff;position: absolute;top:50%;left:0;}
		.main_video_layer .video_layer .layer_close a span:nth-child(1){transform:rotate(45deg);}
		.main_video_layer .video_layer .layer_close a span:nth-child(2){transform:rotate(-45deg);}
		.main_video_layer .video_layer iframe{width:100%;height:100%;}

		@media only screen and (max-width:1300px) {	
			.main_video{margin-top:80px;height:500px;}
		}
		@media only screen and (max-width:1000px) {	
			.main_video{width:100%;height:400px;}
			.main_video .video_txt_box{width:100%;}
			.main_video .video_txt_box .txt_wrap h3 img{height:40px;}
			.main_video .video_txt_box .txt_wrap p{font-size:24px;line-height:34px;padding-top:100px;margin-top:40px;}
			.main_video .video_txt_box .txt_wrap p:before{width:64px;height:64px;background-size:auto 100%;;}
			.main_video .video_txt_box .txt_wrap p:after{height:25px;left:49%;}
			.main_video .video_txt_box .txt_wrap p:hover:after{width:0;}
		}
		@media only screen and (max-width:750px) {	
			.main_video_layer{width:100%;padding:0 60px;}
			.main_video_layer .video_layer{width:100%;}
			.main_video_layer .video_layer .layer_close{right:-40px;top:-43px;}
		}
		@media only screen and (max-width:480px) {	
			.main_video{height:300px;margin-top:40px;}
			.main_video .video_txt_box .txt_wrap h3 img{height:26px;}
			.main_video .video_txt_box .txt_wrap p{font-size:20px;line-height:28px;padding-top:76px;margin-top:30px;}
			.main_video .video_txt_box .txt_wrap p:before{width:50px;height:50px;}
			

			.main_video_layer{padding:0 30px;}
			.main_video_layer .video_layer{height:300px;}
			.main_video_layer .video_layer .layer_close{right:-15px;}

		}