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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0; overflow:hidden;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #header {width:100%;margin:0;overflow: visible;}
#wrap #container {width:100%;margin:0;padding:0;}
	@media only screen and (min-width:1024px) {
		#container {padding-top:0 !important;}
	}
#wrap #footer {width:100%;margin:0;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1280px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
#contents_wrap #side_box {width:100%;padding:50px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
#contents_wrap #contents_box {width:100%;padding:50px 0 0 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
#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 {position:relative; width:1280px; margin:0 auto; box-sizing:border-box; }

@media only screen and (max-width:1297px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap, .w_custom{width:calc(100% - 30px);}
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1023px) {
	#contents_wrap #side_box {padding: 35px 0 0 0;}
}
@media only screen and (max-width:860px) {
	#contents_wrap #side_box {padding: 35px 0 0 0;}
}
@media only screen and (max-width:767px) {
	#contents_wrap #side_box {display:none;}
	.sub_goods #contents_wrap #side_box {display:block;padding:0;}
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:320px) {
	#contents_wrap, .w_custom{width:calc(100% - 20px);}
}



/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인 - 공통 */
.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;}
}



/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/
/*** company/history (연혁) ***/
	/* 연도 */
.sub_history.history1 .history_box .his_year .year strong {background:#4aabe6;}
/* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#4aabe6;}
/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #4aabe6;border-color:#4aabe6 !important;}

/*** company/history2 (연혁2) ***/
	/* 연도 */
.sub_history.history2 .history_box .his_year .year strong {color:#4aabe6;}
.sub_history.history2 .history_box .his_year .year strong::before {background:#4aabe6;}
.sub_history.history2 .history_box .his_year .year strong::after {border-color:#4aabe6;}

/*** company/history3 (연혁3) ***/
	/* 연도 */
.sub_history.history3 .history_box table.history span {color:#49abe6;}

/*** company/work (조직도1번) ***/
.sub_chart.chart1 .chart .chart_box h3 + h3 {background:#ffa531;}

/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;}
.sub_chart.chart2 .chart h3:before{border-color:#0095da;}
.sub_chart.chart2 .chart h4{border-color:#0095da;0 0 0 8px #f2fafd;}
.sub_chart.chart2 .chart h3:after,
.sub_chart.chart2 .chart h4:after,
.sub_chart.chart2 .chart li.chart_side li h5:after{border-color:#0095da;}

	@media only screen and (max-width:479px) {
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:8px solid #4aabe6;}
	}
/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

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

	/* 일반 */
		#header {position:fixed;width:100%;background:#fff;z-index:9;transition:all 0.4s;border-bottom:1px solid #eee;}
		#header .header_inner {width: calc(100% - 103px);margin:0 auto;max-width: 1800px;padding: 0;height: 100px;display: flex;align-items: center;}
		#header .hd_logo {display:inline-block;}
		#header .hd_logo a {width: 210px;height: 42px;background:url('../images/skin/hd_logo.png') no-repeat center;display:inline-block;background-size: 100%;vertical-align: middle;transition:all 0.4s;}
		#header .hd_lnb {display: inline-block;margin-left: 74px;vertical-align: middle;font-size: 0;height: 100%;}
		#header .hd_lnb > ul {display:flex;position:relative;}
		#header .hd_lnb > ul > li {width:auto;font-size: 18px;line-height:1;font-weight: 400;color:#333;position:relative;float:left;letter-spacing: -0.3px;transition:all 0.4s;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;margin-right:36px;height: 100%;display: flex;align-items: center;}
			#header .hd_lnb > ul > li.home{display:none;}
			#header .hd_lnb > ul > li:nth-child(6) > a{color:#f38d09 !important;font-weight: 500;}
				#header .hd_lnb > ul > li:nth-child(6) > a:after{opacity:1;}
			#header .hd_lnb > ul > li:last-child{margin-right:0;}
			#header .hd_lnb > ul > li:before{position:absolute; content:''; width:0; height:2px; background:#f38d09; left:0; bottom:0; transition:all 0.4s;}
			#header .hd_lnb > ul > li:nth-child(6):before{left: 16px;}
			#header .hd_lnb > ul > li:nth-child(6) > a:before{content:'';display: inline-block;width:1px;height:14px;background:#ddd;margin: 0 30px 0 0;transition:all 0.4s;}
		#header .hd_lnb ul li a {position:relative; font-size:inherit;font-weight:inherit;color:inherit;}	
			#header .hd_lnb > ul > li:nth-child(6) > a:after{content:'';position:absolute;width: 5px;height: 5px;background:#f38d09;border-radius:100%;right: -11px;top: -1px;margin-left:-1.5px;opacity: 0;transition:all 0.4s;}
			#header .hd_lnb > ul > li.on > a {color:#f38d09;}
			#header .hd_lnb > ul > li.on > a:after{opacity:1;}
		
		#wrap #header .hd_lnb .hd_lnb_dep2{display: none;height: auto;position: absolute;text-align: center;width: max-content;box-sizing: border-box;top: 100%;left: 50%;transform: translateX(-50%);background: #fff;padding: 8px 0; border:1px solid #ddd; border-radius:5px; overflow:hidden; min-width:120px; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
		#wrap #header .hd_lnb .hd_lnb_dep2 > li{display:block;color:#999;text-align:center;font-size: 15px;float: none;width: max-content;margin: 0 auto;box-sizing: border-box;background: #fff;padding: 8px 20px;}
		#wrap #header .hd_lnb .hd_lnb_dep2 > li > a{display:block;}

			#wrap #header .hd_lnb > ul > li:last-child .hd_lnb_dep2{display:none !important;}
			#wrap #header .hd_lnb > ul > li:nth-child(6) .hd_lnb_dep2{left: calc(50% + 16px);}
			
			/* 키프레임 */
				#header .hd_lnb > ul > li:nth-child(6) > a:after{animation-name: Opacity; animation-duration:1s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
				@-webkit-keyframes Opacity {0% {opacity:0;}100% {opacity:1;}}

			/* 오버 */
				@media only screen and (min-width:1024px){
					#header .hd_lnb > ul > li:hover:before{width:100%;}
					#header .hd_lnb > ul > li:hover > a{color:#f38d09;}
					#header .hd_lnb > ul > li:hover > a:after {opacity:1;}
					#wrap #header .hd_lnb .hd_lnb_dep2 > li:hover{color:#333;}
				}

		#header .hd_gnb {display:inline-block;position: absolute;right: 50px;}
		#header .hd_gnb ul {vertical-align:middle;}
		#header .hd_gnb ul li {display:inline-block;}
		#header .hd_gnb ul li + li {margin-left:30px;}
		#header .hd_gnb ul li a {font-size:15px;line-height:1;font-weight:400;color:#888;transition:all 0.4s; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		#header .hd_gnb ul li.cs {margin-left: 41px;}
		#header .hd_gnb ul li.cs a {display:inline-block;height:50px;font-size:18px;line-height:50px;font-weight: 500;color: #fff !important;letter-spacing:-0.36px;padding: 0 20px;background: #f38d09;border-radius:25px;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		#header .hd_gnb ul li.cs a:before {content:'';display:inline-block;width:16px;height:20px;background:url('../images/skin/hd_tel_icon.png') no-repeat center;margin-right:9px;vertical-align:middle;}

		#header .quick_btn{position:fixed; right:-50px; bottom:45px; opacity:0; transition:all 0.4s;}
		#header.on .quick_btn{opacity:1; right:45px;}
		#header.end .quick_btn{/*opacity:0 !important; right:-50px !important;*/}
		#header .quick_btn ul{}
		#header .quick_btn ul li{}
			#header .quick_btn ul li + li{margin-top:10px;}
		#header .quick_btn a, #header .quick_btn button{display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:100%; box-shadow: 0px 2px 9px 0 rgba(1, 1, 1, 0.20);}
		#header .quick_btn .inquire_btn{background:#f38d09; font-size:13px; font-weight:900; color:#fff; line-height:123%;}
		#header .quick_btn .top_btn {background: #555555 url('../images/skin/icon_top.png') no-repeat center;font-size:0;}

		#header .menu-trigger{display:none; position:absolute; top:24px; right:15px; width:37px; height:36px; background:url('../images/skin/menu-trigger.png') no-repeat center;  background-size:100% auto;}


		/* bg */
			@media only screen and (min-width:1024px){
				#wrap #header {background:none;border:0;}
				#wrap #header .hd_logo a {background:url('../images/skin/hd_logo_wh.png') no-repeat center;background-size: 100%;}
				#wrap #header .hd_lnb ul + ul:before {background:#fff;opacity:0.5;}
				#wrap #header .hd_lnb ul li {color:#fff;}
				#wrap #header .hd_gnb ul li a {color:#fff;}
				#wrap #header .hd_lnb > ul > li:nth-child(6) > a:before{background:rgba(255,255,255,0.5);}
			}

		/* 메인 오버시 */
			@media only screen and (min-width:1024px){
				#wrap #header.over {background:#fff;}
				#wrap #header.over .hd_logo a {background:url('../images/skin/hd_logo.png') no-repeat center;background-size:100%;}
				#wrap #header.over .hd_lnb ul + ul:before {background:#ccc;opacity:1;}
				#wrap #header.over .hd_lnb ul li {color:#333;}
				#wrap #header.over .hd_gnb ul li a {color:#888;}
				#wrap #header.over .hd_lnb > ul > li:nth-child(6) > a:before{background:#ddd;}
			}
		
		/* 스크롤시 */
			#wrap #header.on {background:#fff;box-shadow:0 3px 6px rgba(85,85,85,0.12);}
			#wrap #header.on .hd_logo a {background:url('../images/skin/hd_logo.png') no-repeat center;background-size:100%;}
			#header.on .hd_lnb ul + ul:before {background:#ccc;opacity:1;}
			#wrap #header.on .hd_lnb ul li {color:#333;}
			#wrap #header.on .hd_gnb ul li a {color:#888;}
			#wrap #header.on .hd_lnb > ul > li:nth-child(6) > a:before{background:#ddd;}

	/* aside */
		#aside {top:0px;right:-420px;width:420px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;z-index: 99999;}
		#aside.on {right:0%;}

		.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:50;position:fixed; pointer-events:none;}
		.aside_bg.on {opacity:1; pointer-events:inherit;}
	
		#wrap nav .left_close {position:absolute;top: 15px;right: calc(100% + 15px);width: 18px;height: 18px; background:url('../images/skin/icon_left_x.png') no-repeat center; background-size:100%; z-index:1002; cursor:pointer; opacity:0; pointer-events:none; transition:all 1s;}
			#wrap nav.on .left_close{opacity:1; pointer-events:inherit; }
		#wrap nav .nav_bg_box {position:relative;height: 100%;}
		#wrap nav .nav_bg_box .nav_box {width: 100%;height:100%;margin:0 -80% 0 0;background:#fff;}
		#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; overflow: hidden; width:100%; height:100%;padding:25px 20px;box-sizing:border-box; overflow-y:scroll;}
		#wrap nav .nav_login {}
		#wrap nav .nav_login .left_logo {width:155px; margin-bottom:20px;}
		#wrap nav .nav_login .left_logo img {width:100%;}
		#wrap nav .nav_login ul {margin:25px 0 20px;}
		#wrap nav .nav_login ul li {display:inline-block;font-size:0;position:relative;}
		#wrap nav .nav_login ul li + li {margin-left:15px;padding-left:19px;}
		#wrap nav .nav_login ul li + li:before {content:'';display:block;position:absolute;width:1px;height:10px;background:#dddddd;left:0;top:50%;margin-top:-5px;}
		#wrap nav .nav_login ul li a {font-size:15px;line-height:1;font-weight:400;color:#666;}
		#wrap nav .nav_category {border-top:1px solid #333333;}
		#wrap nav .nav_category .nav_cate {padding:13px 0;}
		#wrap nav .nav_category .nav_cate .header_lnb {}
		#wrap nav .nav_category .nav_cate .header_lnb ul {}
		#wrap nav .nav_category .nav_cate .header_lnb ul li {position:relative; font-size:16px;line-height:50px;font-weight:500;color:#333;letter-spacing:-0.065px;}
			#wrap nav .nav_category .nav_cate .header_lnb ul li.child:before{position:absolute;content:'';width:7px;height:7px;border:1px solid #fff0;border-bottom-color: #aaa;border-right-color: #aaa;top: 17px;right:0;transform: rotate(45deg);}
			#wrap nav .nav_category .nav_cate .header_lnb ul li.child.on:before{top:20px; border-bottom-color: #f38d09;border-right-color: #f38d09; transform:rotate(225deg);}
			#wrap nav .nav_category .nav_cate .header_lnb ul li + li {}
		#wrap nav .nav_category .nav_cate .header_lnb ul li a {font-size:inherit; font-weight:inherit; color:inherit;}
		#wrap nav .nav_category .nav_cate .header_lnb .hd_lnb_dep2{display:none; padding:0 0 10px;}
		#wrap nav .nav_category .nav_cate .header_lnb .hd_lnb_dep2 li{font-size: 14px;line-height: 28px;padding: 0 10px;color: #999;}
		#wrap nav .nav_cs {margin-top:10px;padding:40px 0 70px;position:relative;}
			#wrap nav .nav_category .nav_cate .header_lnb .hd_lnb_dep2 li + li{margin-top:5px;}
		#wrap nav .nav_cs:before {content:'';display:block;position:absolute;width:calc(100% + 40px);margin-left:-20px;height:11px;background:#f5f5f5;top:0;}
		#wrap nav .nav_cs dl dt {font-size:15px;line-height:1;font-weight:600;color:#333;margin-bottom:17px;font-family:'Montserrat','NanumSquareRound';}
		#wrap nav .nav_cs dl dd p {font-size:14px;line-height:1.5;font-weight:400;color:#666666;padding-top:22px;}
		#wrap nav .nav_cs dl dd p a {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}
		#wrap nav .nav_cs dl dd strong {font-size:25px;line-height:1;font-weight:600;color:#f38d09;letter-spacing:-0.5px;font-family:'Montserrat','NanumSquareRound';}
		#wrap nav .nav_cs dl dd strong a {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}


	@media only screen and (max-width:1650px) {
		#header .header_inner {width:calc(100% - 30px);padding-left:15px;padding-right:15px;}
		#header .hd_lnb {margin-left:35px;}
		#header .hd_lnb ul li {margin-right:20px;}
		#header .hd_lnb ul + ul {padding-left:28px;margin-left:26px;}
		#header .hd_gnb{right:15px;}
		#header .hd_gnb ul li + li {margin-left:20px;}
		#header .hd_gnb ul li.cs {margin-left:29px;}
		#header .hd_lnb > ul > li:nth-child(6) > a:before{margin:-3px 20px 0 0;}
		#wrap #header .hd_lnb > ul > li:nth-child(6) .hd_lnb_dep2{left:calc(50% + 10px);}
		#header .hd_lnb > ul > li:nth-child(6):before{left:10px;}
	}
	@media only screen and (max-width:1400px) {
		#header .hd_lnb {margin-left:25px;}
		#header .hd_lnb ul li {font-size:16px;}
		#header .hd_gnb ul li a {font-size:14px;}
		#header .hd_lnb ul + ul {padding-left:22px;margin-left:20px;}
		#header .hd_gnb ul li.cs {margin-left:9px;}
		#header .hd_gnb ul li.cs a {padding:0 15px;font-size:16px;}
		#header .hd_gnb ul li.cs a:before {background:13px auto;margin-right:5px;}
	}
	@media only screen and (max-width:1297px) {
		#header .quick_btn{bottom:40px;}
		#header.on .quick_btn{right:15px;}
	}
	@media only screen and (max-width:1217px) {
		#header .hd_logo a{width:201px;}
		#header .hd_lnb{margin-left:20px;}
	}
	@media only screen and (max-width:1100px) {
		#header .hd_logo a{width:180px;}
		#header .hd_lnb ul li{margin-right:15px;}
		#header .hd_lnb ul li:nth-child(6):before{margin:-3px 15px 0 0; height:10px;}
		#wrap #header .hd_lnb > ul > li:nth-child(6) .hd_lnb_dep2{left:calc(50% + 7.5px);}
		#header .hd_lnb > ul > li:nth-child(6):before{left:7.5px;}
		#header .hd_gnb ul li.cs a{font-size:15px;}
	}

	@media only screen and (max-width:1023px) {
		#header .header_inner{display:block; height:auto; padding:20px 0;}
		#header .hd_logo{margin:0;}
		#header .hd_gnb{display:none;}
		#header .menu-trigger{display:inline-block;}
		#header .hd_lnb {display:block; margin:20px 0 0; width:100%;}
		#header .hd_lnb ul li{margin-right:25px;}
		#header .hd_lnb ul li:nth-child(6):before{display:none;}
		#header .hd_lnb ul li.home{display:block;}
		#header .hd_lnb ul li a:after{}
		#header .hd_lnb ul li{font-weight:bold;}

		#wrap #header .hd_lnb .hd_lnb_dep2{display:none !important;}
	}

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

	@media only screen and (max-width:860px) {
		#header .quick_btn a, #header .quick_btn button{width:45px; height:45px;}
	}

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

	@media only screen and (max-width:640px) {
		#header .hd_logo a{width:180px; height:37px;}
		#header .menu-trigger{width:32px; top:21px;}
		#header .hd_lnb{margin-top:18px;}
		#header .hd_lnb ul li{font-size:15px; font-weight:bold;}
		#header .hd_lnb ul li a:after{width:4px; height:4px; right:-10px}
	} 
	
	@media only screen and (max-width:479px) { 
		#header .header_inner{padding-top:12px; padding-bottom:17px;}
		#header .hd_logo a{width:155px;}
		#header .menu-trigger{width:23px; height:20px;}
		#header .quick_btn a, #header .quick_btn button{width:42px; height:42px;}
		#header .quick_btn .inquire_btn{font-size:12px;}
		#aside {right: -80%;width:80%;}
		#wrap nav .nav_cs dl dd p span{display:block;}
	}
	@media only screen and (max-width:374px) { 
		#header .hd_lnb ul li{font-size:14px; margin-right:20px;}

		#wrap nav .nav_login ul li a{font-size:14px;}
		#wrap nav .nav_category .nav_cate .header_lnb ul li{font-size:15px; line-height:40px;}
		#wrap nav .nav_cs dl dt{font-size:14px;}
		#wrap nav .nav_cs dl dd strong{font-size:23px;}
		#wrap nav .nav_cs dl dd p{font-size:13px;}
	}





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

	 FOOTER | outline/footer.html

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

	#footer {background:#222;padding:0;}
	#footer .footer_cont {padding:50px 0 40px;}
	#footer .footer_cont .w_custom {display:flex;justify-content: space-between;align-items: flex-start;}
	#footer .footer_cont .ft_left {}
	#footer .footer_cont .ft_left .logo {}
	#footer .footer_cont .ft_left .logo img {}
	#footer .footer_cont .ft_left address {font-size:13px;line-height:1.85;font-weight:300;color:#c2c8cf;padding-top:22px;}
	#footer .footer_cont .ft_left address span {display:inline-block;margin:0 8px;}
	#footer .footer_cont .ft_left address a {font-size:inherit;font-weight:inherit;color:inherit;border:0;}
	#footer .footer_cont .ft_left address strong{display:inline-block; border:1px solid #c2c8cf; padding:10px 10px;}

	#footer .ft_family{position: relative;display: inline-block; margin-top:10px;}
	#footer .ft_family dt{color: #fff;border: 1px #888 solid;outline: 0;padding: 0;width: 168px;line-height: 38px;font-size: 13px;font-weight: 300;box-sizing: border-box;text-decoration: none;position: relative;z-index: 1;cursor:pointer;text-align: left;padding-left:21px;}	
	#footer .ft_family dt:before{width:6px;height:6px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(135deg);position: absolute;right:22px;top:13px;}	
	#footer .ft_family dt.on:before{transform:rotate(-45deg);top:18px;}	
	#footer .ft_family dd{position: absolute;bottom:100%;left:0;width:100%;display: none;z-index:10;}	
	#footer .ft_family dd ul{background:#fff;box-sizing:border-box;padding:10px 10px;}	
	#footer .ft_family dd ul li a{display:block; font-size:13px;color:#21242d;font-weight:400;line-height:30px;}

	#footer .footer_cont .ft_right {}
	#footer .footer_cont .ft_right dl {display:block;float: left;}
	#footer .footer_cont .ft_right dl + dl {margin-left:79px;padding-right: 15px;}
	#footer .footer_cont .ft_right dl dt {font-size:15px;line-height:1;font-weight:400;color:#fff;margin-bottom:31px;}
	#footer .footer_cont .ft_right dl dd {}
	#footer .footer_cont .ft_right dl dd p {margin-top:10px;font-size:14px;line-height:2;font-weight:300;color:#fff;}
	#footer .footer_cont .ft_right dl dd p a {font-size:inherit;font-weight:inherit;font-weight:inherit;color:inherit;}
	#footer .footer_cont .ft_right dl.ft_cs dd strong {font-size:30px;line-height:1;font-weight:bold;color:#fff;letter-spacing:-0.6px;}
	#footer .footer_cont .ft_right dl.ft_bank dd strong {font-size:20px;line-height:1;font-weight:500;color:#fff;}
	#footer .footer_cont .ft_right dl.ft_bank dd strong em {font-size:26px;line-height:inherit;font-weight:bold;color:#fff;vertical-align: top;margin-left: 7px;}
	#footer .footer_copy {position:relative;padding: 25px 0;}
	#footer .footer_copy:before {content:'';display:block;position:absolute;width:100%;height:1px;background:#aaaaaa;opacity:0.1;top:0;left:0;}
	#footer .footer_copy .w_custom {display:flex;justify-content: space-between;align-items: flex-start;font-size: 0;}
	#footer .footer_copy p {font-size:14px;line-height:1;font-weight:300;color:#fff;opacity:0.8;font-family:'NanumSquareRound';}
	#footer .footer_copy p span {margin-left:19px;}
	#footer .footer_copy .ft_list {}
	#footer .footer_copy .ft_list li {float:left;font-size:14px;line-height: 1;font-weight:300;color:#c2c8cf;}
	#footer .footer_copy .ft_list li + li {margin-left:28px;}
	#footer .footer_copy .ft_list li a {font-size:inherit;font-weight:inherit;color:inherit;}
	#footer .footer_copy .ft_list li a strong {font-size:inherit;font-weight:500;color:#fff;}

	@media only screen and (max-width:1297px) {
		#footer .footer_cont .ft_right dl + dl{margin-left:4vw;}
		#footer .footer_cont .ft_right dl.ft_cs dd strong{font-size:28px;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong{font-size:18px;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong em{font-size:24px;}
	}
	@media only screen and (max-width:1100px) {
		#footer .footer_cont .w_custom{display:block;}
		#footer .footer_cont .ft_right{margin-top:50px;}
		#footer .footer_cont .ft_right dl dt{margin-bottom:20px;}
	}
	@media only screen and (max-width:860px) {
		#footer .footer_cont .ft_right dl{float:none;}
		#footer .footer_cont .ft_right dl + dl{margin:30px 0 0;}
	}
	@media only screen and (max-width:640px) {
		#footer {position:relative; }
		#footer .footer_cont{padding:88px 0 20px;}
		#footer .footer_cont .w_custom{display:flex; flex-wrap:wrap; justify-content:flex-start; flex-direction:column-reverse;}
		#footer .footer_cont .ft_left .logo{display:none;}
		#footer .footer_cont .ft_left address{font-size:14px; line-height:150%;}
		#footer .footer_cont .ft_left address span.for_m{display:none;}
		#footer .footer_cont .ft_right{margin-top:0;}
		#footer .footer_cont .ft_right dl dt{margin-bottom:15px;}
		#footer .footer_cont .ft_right dl dd p{line-height:150%;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong em{font-size:23px;}
		#footer .footer_cont .ft_right dl.ft_cs dd strong{font-size:25px;}
		#footer .footer_copy{padding:50px 0 75px; position:static;}
			#footer .footer_copy:before{display:none;}
		#footer .footer_copy .w_custom{display:block; position:static;}
		#footer .footer_copy .ft_list{position:absolute; top:0; left:0; display:flex; width:100%; height:55px; align-items:center; justify-content:center; border-bottom:1px solid rgba(255,255,255,0.1);}
		#footer .footer_copy .ft_list li{float:none; font-size:15px;}
		#footer .footer_copy p{font-size:13px;}
	}
	@media only screen and (max-width:479px) {
		#footer .footer_cont .ft_right dl dd p span{display:block;}
	}
	@media only screen and (max-width:374px) {
		#footer .footer_cont .ft_right dl dt{font-size:14px;}
		#footer .footer_cont .ft_right dl.ft_cs dd strong{font-size:23px;}
		#footer .footer_cont .ft_right dl dd p{font-size:13px;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong em{font-size:21px;}
		#footer .footer_cont .ft_left address{font-size:13px;}
	}
/*───────────────────────────────────────────────────────────

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

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

	#side_box {padding-bottom:1.8%;}
	#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
	#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
	#side_box .sub_menu dt,
	#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
	#side_box .sub_menu dt {display:none;}
	#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd + dd {}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd:hover a,
	#side_box .sub_menu dd.on a,
	#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
	#side_box .sub_menu dd:hover a:before,
	#side_box .sub_menu dd.on a:before, 
	#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

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

	}
	@media only screen and (max-width:1023px) {
		
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}





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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main_section{position:relative; top:-175px;}
	


	/* visual */
		.main_visual, .main_visual .slick-slide{height:740px;}
		.main_visual {position:relative;width:100%; }
		.main_visual .slick-slide {position:relative; width:100%; border-radius:0 0 80px; overflow:hidden;}
		.main_visual .slick-slide a.link {/*position:absolute; top:0; left:0; width:100%; height:100%;*/}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
		.main_visual .slick-slide .thumb{width:100%; height:100%; transform:scale(1.1); transition:all 2s;}
			.main_visual .slick-slide.active .thumb{transform:scale(1);}
		.main_visual .slick-slide .txt_box {position:absolute;transform:translate(-50%, -50%);left:50%;top: 56.3%;font-size:0;text-align:left; z-index:2;}
		.main_visual .slick-slide .txt_box h3{font-size:80px; font-weight:bold; color:#fff; font-family:'GmarketSans', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; line-height:112%;}
		.main_visual .slick-slide .txt_box h3 strong{font-size:inherit; font-weight:inherit; color:#c0ff02;}
			.main_visual .slick-slide[data-slick-index="1"] .txt_box h3 strong{color:#68f7d5;}
			.main_visual .slick-slide[data-slick-index="2"] .txt_box h3 strong{color:#ffd200;}
			.main_visual .slick-slide .txt_box h3 + .more_btn{margin-top: 46px;}
		.main_visual .slick-slide .txt_box h5{font-size:26px; font-weight:bold; color:#fff; font-family:'GmarketSans', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.main_visual .slick-slide .txt_box h5 + h3{margin-top: 24px;}
		.main_visual .slick-slide .txt_box .more_btn{display:inline-block;}
		.main_visual .slick-slide .txt_box .more_btn span{display:inline-flex;align-items:center;height:50px;border: 1px solid rgba(255,255,255,0.6);border-radius:25px;font-size:16px;font-weight:bold;color:#fff;padding: 0 40px;box-sizing:border-box; transition:all 0.4s;}
		.main_visual .slick-arrow{position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; border:1px solid #fff; border-radius:100%; font-size:0; transition:all 0.4s;}
		.main_visual .slick-prev{left: 52px;background:url('../images/skin/main_visual_prev.png') no-repeat center;}
		.main_visual .slick-next{right: 42px;background:url('../images/skin/main_visual_next.png') no-repeat center;}
		.main_visual .slideController{position:absolute; transform:translateX(-50%); left:50%; bottom:45px; display:inline-flex; width:72px; height:30px; align-items:center; justify-content:center; background:rgba(0,0,0,0.22); border-radius:15px;}
		.main_visual .slideController span{font-size:13px; font-weight:bold; color:#ddd;}
		.main_visual .slideController span.slideCountItem{color:#fff;}

			/* over */
				@media only screen and (min-width:1024px) {
					.main_visual .slick-prev:hover{background:#fff url('../images/skin/main_visual_prev_ov.png') no-repeat center;}
					.main_visual .slick-next:hover{background:#fff url('../images/skin/main_visual_next_ov.png') no-repeat center;}
					.main_visual .slick-slide .txt_box .more_btn span:hover{background:#f38d09; border-color:#f38d09;}
				}

			/* 텍스트 애니 */
				.main_visual .slick-slide .TxtAni{opacity:0; transform:translateX(100px); transition:all 1.5s;}
				.main_visual .slick-slide.active .TxtAni{opacity:1; transform:translateX(0); transition-delay:0.2s;}
				.main_visual .slick-slide.active h5.TxtAni{}
				.main_visual .slick-slide.active h3.TxtAni{transition-delay:0.4s;}
				.main_visual .slick-slide.active .more_btn.TxtAni{transition-delay:0.6s;}

		@media only screen and (max-width:1500px){
			.main_visual .slick-prev{left:15px;}
			.main_visual .slick-next{right:15px;}
			.main_visual .slick-slide .txt_box{left:100px; width:calc(100% - 200px); transform:translateY(-50%);}
		}
		@media only screen and (max-width:1317px){
			.main_visual .slick-slide .txt_box h3{font-size:6.05vw;}
				.main_visual .slick-slide .txt_box h3 + .more_btn{margin-top:3.5vw;}
			.main_visual .slick-slide .txt_box h5{font-size:24px;}
			.main_visual .slideController{bottom:30px;}
		}
		@media only screen and (max-width:1023px){
			.main_visual, .main_visual .slick-slide{min-height:440px; height:72.3vw}
			.main_visual .slick-slide .txt_box{top:50%;}
			.main_visual .slick-slide .txt_box h5{font-size:22px;}
			.main_visual .slick-slide .txt_box .more_btn span{height:45px; font-size:15px;}
			.main_visual .slick-arrow{width:45px; height:45px;}
		}
		@media only screen and (max-width:860px){
			.main_visual .slick-slide .txt_box h5{font-size:20px;}
		}
		@media only screen and (max-width:640px){
			.main_visual .slick-arrow{display:none !important;}
			.main_visual .slick-slide{border-radius:0 0 40px 0;}
			.main_visual .slick-slide .txt_box{left:25px; width:calc(100% - 50px); }
			.main_visual .slick-slide .txt_box h3{font-size:35px;line-height: 128%;}
				.main_visual .slick-slide .txt_box h3 + .more_btn{margin-top: 31px;}
			.main_visual .slick-slide .txt_box h5{font-size:18px;}
			.main_visual .slick-slide .txt_box .more_btn span{font-size:14px; height:40px;}
			.main_visual .slick-slide .thumb{transform:scale(1);}
		}
		@media only screen and (max-width:479px){
			.main_visual .slick-slide .txt_box{top: 48px;transform:none;}
			.main_visual .slick-slide .txt_box h3{}
			.main_visual .slick-slide .txt_box h5{font-size:14px;}
				.main_visual .slick-slide .txt_box h5 + h3{margin-top: 10px;}
			.main_visual .slick-slide .txt_box .more_btn span{font-size:13px;height:36px;padding: 0 26px;}
			.main_visual .slideController{width:60px; height:26px; bottom:20px;}
			.main_visual .slideController span{font-size:11px;}
		}
		@media only screen and (max-width:374px){
			.main_visual .slick-slide .txt_box h3{font-size:9.3vw;}
			.main_visual .slick-slide .txt_box h5{font-size:13px;}
			
		}

	/* 공통 */
		.main_content .main_tittle{text-align:center;}
		.main_content .main_tittle h3{font-size:50px; font-weight:900; color:#222;}
			.main_content .main_tittle h3 + p{margin-top: 30px;}
			.main_content .main_tittle h3 + h5{margin-top: 21px;  }
		.main_content .main_tittle h4{font-size:45px; font-weight:900; color:#333;}
		.main_content .main_tittle h5{font-size:32px; font-weight:bold; color:#333;}
		.main_content .main_tittle h5 strong{font-size:inherit; font-weight:inherit; color:#333;}
			.main_content .main_tittle h5 + p{margin-top: 17px;}
		.main_content .main_tittle h6{font-size:26px; font-weight:bold; color:#333;}
		.main_content .main_tittle p{font-size:16px;font-weight: 500;color:#333;letter-spacing: 0.3px; line-height:150%;}
			.main_content .main_tittle p + h3{margin-top:25px;}

		.main_content .btn_center{text-align:center;}
		.main_content .submit_btn{position:relative; display:inline-block;}
		.main_content .submit_btn span{position:relative; display:inline-flex;align-items:center;justify-content:center;width:280px;height:70px;font-size:22px;font-weight:bold;color:#333;border:1px solid #666;border-radius:35px;box-sizing:border-box;letter-spacing: -0.7px; transition:all 0.4s; z-index:2;}
		.main_content .swiper-button-prev:after, .main_content .swiper-button-next:after{display:none;}
		
		/* over */
			@media only screen and (min-width:1024px){
				.main_content .submit_btn:hover span{transform:translateY(-10px); box-shadow:3px 5px 10px rgba(0,0,0,0.1);}
			}
		
	/* 무료 혜택 */
		.main_benefits{position:relative; margin-top: 77px;}
			.main_benefits:before, .main_benefits:after{position:absolute;content:'NEWEB';bottom:0; left: 100%;/*font-size:393px;*/ font-size:20.5vw; font-weight: 700;color:#f7f7f7;letter-spacing: -0.08em;line-height: 0.71;font-family: 'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; z-index:-1;}
		.main_benefits .benefits_list{margin-top: 35px;display:flex;flex-wrap:wrap; padding-bottom:100px;}
		.main_benefits .benefits_list li{position:relative;margin-right:20px;width:calc(100% / 5 - 16px); background:#fff; border:1px solid #ddd;border-radius:10px;box-sizing:border-box;padding: 24px 28px 102px; height:auto; transition:all 0.4s; }
			.main_benefits .benefits_list li:nth-child(n+6){margin-top:20px;}
			.main_benefits .benefits_list li:nth-child(5n){margin-right:0;}
		.main_benefits .benefits_list li dl{}
		.main_benefits .benefits_list li dl dt{font-size:20px;font-weight:900;color:#333;line-height:150%;letter-spacing: -0.5px; transition:all 0.4s;}
			.main_benefits .benefits_list li dl dt + dd{margin-top: 12px;}
		.main_benefits .benefits_list li dl dt strong{font-size:inherit; font-weight:inherit; color:#f38d09; transition:all 0.4s;}
		.main_benefits .benefits_list li dl dd{font-size:14px;font-weight:400;color:#666;line-height:142%;letter-spacing: -0.3px; transition:all 0.4s;}

			@media only screen and (min-width:640px){
				.main_benefits .benefits_list li:nth-child(n + 11){display:none;}
			}
		/* 키프레임 */
			.main_benefits:before, .main_benefits:after{display:inline-block;animation: TxtFlow 12s cubic-bezier(1, 1, 1, 1);animation-fill-mode:forwards;animation-delay: 0s; animation-iteration-count:infinite;width: 100vw;}
			.main_benefits:after{animation-delay: 6s;}
			@keyframes TxtFlow { 0% {transform: translateX(0);} 100% {transform: translateX(-250%);} }

		/* 아이콘 */
			.main_benefits .benefits_list li:before{position:absolute; content:''; width:70px; height:70px; background:#f5f5f5 no-repeat center; right:20px;bottom:20px; border-radius:100%;}
			.main_benefits .benefits_list li:nth-child(1):before{background-image:url('../images/skin/main_benefits_icon01.png');}
			.main_benefits .benefits_list li:nth-child(2):before{background-image:url('../images/skin/main_benefits_icon02.png');}
			.main_benefits .benefits_list li:nth-child(3):before{background-image:url('../images/skin/main_benefits_icon03.png');}
			.main_benefits .benefits_list li:nth-child(4):before{background-image:url('../images/skin/main_benefits_icon04.png');}
			.main_benefits .benefits_list li:nth-child(5):before{background-image:url('../images/skin/main_benefits_icon05.png');}
			.main_benefits .benefits_list li:nth-child(6):before{background-image:url('../images/skin/main_benefits_icon06.png');}
			.main_benefits .benefits_list li:nth-child(7):before{background-image:url('../images/skin/main_benefits_icon07.png');}
			.main_benefits .benefits_list li:nth-child(8):before{background-image:url('../images/skin/main_benefits_icon08.png');}
			.main_benefits .benefits_list li:nth-child(9):before{background-image:url('../images/skin/main_benefits_icon09.png');}
			.main_benefits .benefits_list li:nth-child(10):before{background-image:url('../images/skin/main_benefits_icon10.png');}

		/* over */
			@media only screen and (min-width:1024px) {
				.main_benefits .benefits_list li:hover{box-shadow:0 3px 29px rgba(0,0,0,0.15); background:#f38d09;}
				.main_benefits .benefits_list li:hover dl dt, .main_benefits .benefits_list li:hover dl dt strong, .main_benefits .benefits_list li:hover dl dd{color:#fff;}
			}

	/* 서비스 */
		.main_service{margin-top: 98px;padding-bottom: 115px;}
		.main_service .ServiceSwiper{}
		.main_service .swiper-button-prev, .main_service .swiper-button-next{display:none;}
		.main_service .service_list{display:flex;margin-top: 55px;}
		.main_service .service_list li{margin-right:26px;width:calc(100% / 4 - 19.5px);box-shadow: 0 0 18px rgba(0,0,0,0.09);border-radius:20px;overflow:hidden;position: relative;padding: 194px 20px 70px;height:auto;box-sizing:border-box;transition:all 0.4s;}
			.main_service .service_list li:nth-child(n+5){display:none;}
			.main_service .service_list li:last-child{margin-right:0;}
		.main_service .service_list li dl{text-align:center;}
		.main_service .service_list li dl dt{font-size: 22px;font-weight:900;color:#333;line-height: 140%;line-height: 137%;letter-spacing: 0; transition:all 0.4s;}
			.main_service .service_list li dl dt + dd{margin-top: 12px;}
		.main_service .service_list li dl dd{font-size: 14px;font-weight:400;color:#555;line-height:157%;letter-spacing: 0.2px; transition:all 0.4s;}

			/* 아이콘 */
				.main_service .service_list li:before{position:absolute; content:''; width:120px; height:120px; border-radius:100%; background:#fff no-repeat center; top:40px; left:50%; transform:translateX(-50%);}
				.main_service .service_list li.nth01:before{background-image:url('../images/skin/main_promise_icon01.png');}
				.main_service .service_list li.nth02:before{background-image:url('../images/skin/main_promise_icon02.png');}
				.main_service .service_list li.nth03:before{background-image:url('../images/skin/main_promise_icon03.png');}
				.main_service .service_list li.nth04:before{background-image:url('../images/skin/main_promise_icon04.png');}

			/* over */
			@media only screen and (min-width:1024px) {
				.main_service .service_list li:hover{background:#f38d09;}
				.main_service .service_list li:hover dl dt, .main_service .service_list li:hover dl dd{color:#fff;}
			}

	/* 제작 절차 */
		.main_procedure{/*background:url('../../data/images/skin/main_procedure_bg.jpg') no-repeat center;*/background:#f5f5f5;background-size:cover;border-radius:0 10px 0 10px;overflow:hidden;margin-top:60px;
		padding-top:20px; padding-bottom:30px;}
		.main_procedure .main_tittle h3, .main_procedure .main_tittle p{color:#333;}
		.main_procedure .procedure_list{width:100%;counter-reset: step_list;display:flex;align-items:center;margin-top: 51px;height:405px;}
		.main_procedure .procedure_list li{position:relative;background:#fff;border-radius:40px;padding-top: 15.2%;box-sizing:border-box;width:calc(100% / 4 - 18px);height:auto;margin-right:24px; cursor:pointer; transition:all 0.4s;}
			.main_procedure .procedure_list li:after{position:absolute; content: 'STEP.' counter(step_list); counter-increment: step_list; font-size:20px; font-weight:bold; color:#222; left:50%; transform:translateX(-50%); top:121px;}
			.main_procedure .procedure_list li:last-child{margin-right:0;}
		.main_procedure .procedure_list li dl{text-align:center;}
		.main_procedure .procedure_list li dl dt{position:absolute; top:148px; left:50%; transform:translateX(-50%); font-size:16px; font-weight:bold; color:#666; width:calc(100% - 30px); }
		.main_procedure .procedure_list li dl dd{position:absolute;top: calc(100% + 28px);left:50%;transform:translateX(-50%);font-size: 18px;font-weight:500;color:#fff;line-height: 140%;width:calc(100% - 30px);letter-spacing: 0;opacity:0;transition:all 0.4s;}

		/* 아이콘 */
			.main_procedure .procedure_list li:before{position:absolute; content:''; top:38px; left:50%; transform:translateX(-50%);}
			.main_procedure .procedure_list li:nth-child(1):before{width:64px; height:61px; background:url('../images/skin/main_procedure_icon01.png') no-repeat center;}
			.main_procedure .procedure_list li:nth-child(2):before{width:60px; height:58px; background:url('../images/skin/main_procedure_icon02.png') no-repeat center;}
			.main_procedure .procedure_list li:nth-child(3):before{width:68px; height:60px; background:url('../images/skin/main_procedure_icon03.png') no-repeat center; background-size:100% auto;}
			.main_procedure .procedure_list li:nth-child(4):before{width:57px; height:55px; background:url('../images/skin/main_procedure_icon04.png') no-repeat center;}
			.main_procedure .procedure_list li:nth-child(5):before{width:65px; height:60px; background:url('../images/skin/main_procedure_icon05.png') no-repeat center;}

			.main_procedure .procedure_list li dl:after{position:absolute; content:''; width:50px; height:50px; background:#3a3a3a url('../images/skin/main_procedure_arrow.png') no-repeat center; border-radius:100%; right:-37px; top:50%; transform:translateY(-50%);  z-index:3}
			.main_procedure .procedure_list li:last-child dl:after{display:none;}

		/* on */
			.main_procedure .procedure_list li.on{width: 49.2%;padding-top: 31.7%;transform: scale(0.9);box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
				.main_procedure .procedure_list li:nth-child(1).on{background:url('../images/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(2).on{background:url('../images/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(3).on{background:url('../images/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(4).on{background:url('../images/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(5).on{background:url('../images/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
			.main_procedure .procedure_list li.on:before{opacity:0;}
			.main_procedure .procedure_list li.on:after{top: calc(100% - 110px);transform: translateX(-50%) scale(1.1);color:#fff;}
			.main_procedure .procedure_list li.on dl dt{top: calc(100% - 67px);transform: translateX(-50%) scale(1.7);color:#fff;}
			.main_procedure .procedure_list li.on dl dd{opacity:1;}
			.main_procedure .procedure_list li.on dl:after{background:#fff url('../images/skin/main_procedure_arrow_on.png') no-repeat center; transform:translateY(-50%) scale(1.1); right:-30px;}

	/* 제작 금액 */
		.main_package{background:#f7f7f7;padding-top: 117px; padding-bottom:118px;}
		.main_package .package_list{display:flex;margin-top: 46px;}
		.main_package .package_list > li{position:relative;border:1px solid #333;border-radius:30px;width:calc(100% / 2 - 20px);padding: 77px 15px 210px 79px;box-sizing: border-box;background: #fff; transition:all 0.4s;}
			.main_package .package_list > li + li{margin-left:40px;}
		.main_package .package_list .badge{position:absolute; top:-50px; left:-48px; width:96px; height:100px; background:url('../images/skin/main_package_badge.png') no-repeat center; display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:bold; color:#fff; line-height:120%; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.main_package .package_list .merit{position:absolute;top: 48px;right: 50px;display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:100%;padding:7px 10px 0 15px;box-sizing:border-box;background:#888;font-size:26px;font-weight:900;color:#fff;line-height: 115%;text-align: center;}
		.main_package .package_list .info{padding-right: 200px; box-sizing: border-box;}
			.main_package .package_list .info:after{display:block; content:''; width:40px; height:1px; background:#333; margin:40px 0;}
		.main_package .package_list .info dt{font-size:40px; font-weight:900; color:#333;}
			.main_package .package_list .info dt + dd{margin-top: 35px;}
			.main_package .package_list .info dt + dd.txt{margin-top: 28px;}
		.main_package .package_list .info dd{font-size:16px;font-weight:400;color:#666;letter-spacing: -0.2px;}
		.main_package .package_list .info dd.txt{font-size:26px; font-weight:bold;}
		.main_package .package_list .info dd b{font-size:20px;font-weight:inherit;color:#333;display: inline-block;vertical-align: bottom;}
		.main_package .package_list .info dd strong{font-size:inherit;font-weight:inherit;color:#f38d09;display: inline-block;vertical-align: bottom;}
		.main_package .package_list .info dd strong em{font-size:30px;font-weight: 700;color:inherit;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height: 0.8;display: inline-block;vertical-align: bottom;}
		.main_package .package_list .exp{display:flex; align-items:center;}
			.main_package .package_list .exp + .exp{margin-top:15px;}
		.main_package .package_list .exp dt{display:inline-flex;align-items:center;justify-content:center;width:120px;height:30px;border:1px solid #ccc;border-radius:15px;overflow:hidden;box-sizing:border-box;font-size:16px;font-weight:bold;color:#555;margin-right: 14px;}
		.main_package .package_list .exp dt.point{border-color:#f38d09;background:#f38d09;color:#fff;letter-spacing: 0.5px;}
		.main_package .package_list .exp dd{width:calc(100% - 135px);font-size:17px;font-weight:bold;color:#333;vertical-align: middle;display: flex;align-items: center;}
		.main_package .package_list .exp dd strong{font-size:24px;font-weight: 500;color:inherit;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.main_package .package_list .exp dd span{display:inline-block;font-size:14px;font-weight: 500;color:#666;margin-left: 9px;letter-spacing: 0.2px;}
		.main_package .package_list .exp dd em{font-size:16px; font-weight:bold; color:inherit;}
		.main_package .package_list .noti{display:flex;margin-top: 58px;}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{position:relative;font-size:16px;font-weight:bold;color:#555;box-sizing: border-box;letter-spacing: 0.2px;line-height: 145%;}
		.main_package .package_list .noti dt{padding-left:32px;}
			.main_package .package_list .noti dt:before{position:absolute;content:'!';width:22px;height:22px;border:1px solid #ac1212;border-radius:100%;box-sizing:border-box;top: 0px;left:0;font-size:15px;font-weight:bold;color:#ac1212;display:inline-flex;align-items:center;justify-content:center;text-align: center;padding:1px 0 0 1px;box-sizing:border-box;}
			.main_package .package_list .noti dt + dd{padding-left:4px;}
		.main_package .package_list .noti dd{}
		.main_package .package_list p{font-size:20px; font-weight:400; color:#555; line-height:160%; letter-spacing:-0.5px;}
		.main_package .package_list .submit_btn{position: absolute;left: 50%;transform: translateX(-50%);bottom: 70px;}
		
		/* 키프레임 */
			.main_package .package_list .badge{animation-name: UpDown; animation-duration:0.6s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
			@-webkit-keyframes UpDown {0% {transform:translateY(-10px);}100% {transform:translateY(0);}}
		/* 추천 */
			.main_package .package_list .recom .merit{background:#f33e0d;}
			.main_package .package_list .recom .submit_btn span{background:#333; color:#fff;}

		/* over */
			@media only screen and (min-width:1024px){
				.main_package .package_list > li:hover{border-color:#f38d09; transform:translateY(-10px); box-shadow:3px 5px 10px rgba(0,0,0,0.1);}
			}

	/* 디자인 샘플 */
		.main_sample{padding-top:110px;}
		.main_sample .prod_list {display:flex; flex-wrap:wrap; align-items:flex-start; margin-top:50px;}
		.main_sample .prod_list li {position:relative; border-radius:10px;box-shadow:4.5px 7.8px 21px 0 rgba(0, 0, 0, 0.38);overflow:hidden;transition:all 0.4s; margin-right:46px; width:calc(100% / 3 - 30.667px); height:auto;}
			.main_sample .prod_list li:nth-child(3n){margin-right:0;}
			.main_sample .prod_list li:nth-child(n+10){display:none;}
		.main_sample .prod_list li a{}
			.main_sample .prod_list li a:before {position:absolute; content:'';width:100%;height:100%;background:rgba(0, 0, 0, 0.38);top:0;left:0;z-index:1; opacity:0; transition:all 0.4s;}
			.main_sample .prod_list li a:after {position:absolute; content:'';width:68px;height:68px;background:#fff url('../images/skin/main_plus_icon.png') no-repeat center;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2; opacity:0;  transition:all 0.4s;}
		.main_sample .prod_list li:nth-child(2) {margin-top:40px;}
		.main_sample .prod_list li:nth-child(n+4) {margin-top:46px;}
		.main_sample .prod_list li:nth-child(3n+4), .main_sample .prod_list li:nth-child(3n+6) {margin-top:6px;}
		.main_sample .prod_list li .thumb {width:100%; height:276px;}
		.main_sample .prod_list li .thumb img {width:100%; height:100%; object-fit:cover;}
		.main_sample .submit_btn{margin-top:70px ;}
		.main_sample .submit_btn span{border-color:#333; background:#333; color:#fff; box-shadow:2px 3.5px 24px 0 rgb(0 0 0 / 18%);}

			/* over */
				@media only screen and (min-width:1024px){
					.main_sample .prod_list li a:hover:before, .main_sample .prod_list li a:hover:after{opacity:1;}
				}
			
	/* 메인 상단 배너 */
		.main_ftr_bnr{background:#f38d09; margin-top:100px;}
		.main_ftr_bnr .main_tittle{display:flex; align-items:center; justify-content:center; padding:24px 0;}
		.main_ftr_bnr .main_tittle h6, 
		.main_ftr_bnr .main_tittle p{color:#fff;}

		.main_ftr_bnr .main_tittle h6 + .submit_btn{margin-left:30px;}
		.main_ftr_bnr .main_tittle .submit_btn span{background:#fff; color:#333; border-color:#fff; width:180px; height:52px; font-size:18px;}

	@media only screen and (max-width:1400px){
		.main_package .package_list .badge{top:-30px; left:-10px; width:80px; height:90px; background-size:100% auto; font-size:19px;}
	}

	@media only screen and (max-width:1297px){
		.main_content .main_tittle h3{font-size:3.85vw;}
		.main_content .main_tittle h4{font-size:3.45vw;}
		.main_content .main_tittle h5{font-size:2.45vw;}
		.main_content .main_tittle h6{font-size:24px;}
		.main_content .submit_btn span{font-size:21px;}

		.main_benefits:before, .main_benefits:after{font-size:20vw;}
		.main_benefits .benefits_list li dl dt{font-size:19px;}
		.main_benefits .benefits_list li dl dt br{display:none;}
		.main_benefits .benefits_list li dl dd br{display:none;}

		.main_service .service_list li dl dt{font-size:21px;}
		.main_service .service_list li dl dd br{display:none;}

		.main_procedure{padding-bottom:3vw;}
		.main_procedure .procedure_list{height:31.5vw;}
		.main_procedure .procedure_list li:after{font-size:18px; top:60%;}
		.main_procedure .procedure_list li:before{background-size:100% auto !important; top:2.9vw;}
		.main_procedure .procedure_list li:nth-child(1):before{width:4.93vw; height:4.7vw; }
		.main_procedure .procedure_list li:nth-child(2):before{width:4.62vw; height:4.47vw;}
		.main_procedure .procedure_list li:nth-child(3):before{width:5vw; height:4.5vw;}
		.main_procedure .procedure_list li:nth-child(4):before{width:4.39vw; height:4.2vw;}
		.main_procedure .procedure_list li:nth-child(5):before{width:5vw; height:4.62vw;}
		.main_procedure .procedure_list li dl dt{font-size:15px; top:75%;}
		.main_procedure .procedure_list li dl dd{font-size:17px;}
		.main_procedure .procedure_list li dl dd br{display:none;}

		.main_package .package_list > li{padding:75px 60px 210px;}
		.main_package .package_list p{font-size:19px;}
		.main_package .package_list .merit{font-size:24px; width:120px; height:120px;}
		.main_package .package_list .info{padding-right:130px;}
		.main_package .package_list .info dt{font-size:3.1vw;}
		.main_package .package_list .info dd{font-size:15px;}
		.main_package .package_list .info dd.txt{font-size:24px;}
		.main_package .package_list .info dd b{font-size:19px;}
		.main_package .package_list .info dd strong em{font-size:28px;}
		.main_package .package_list .exp dt{font-size:15px;}
		.main_package .package_list .exp dd{font-size:16px;}
		.main_package .package_list .exp dd strong{font-size:22px;}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{font-size:15px;}

		.main_sample .prod_list li .thumb{height:21.28vw;}
	}
	@media only screen and (max-width:1023px){
		.main_section{top:-220px;}
		.main_section#section01{top:-200px;}

		.main_content .main_tittle h3 + p{margin-top:13px;}
		.main_content .main_tittle h6{font-size:22px;}
		.main_content .submit_btn span{font-size:20px; width:260px; height:65px; }

		.main_benefits .benefits_list li{width:calc(100% / 4 - 11.25px); margin-right:15px;}
			.main_benefits .benefits_list li:nth-child(5n){margin-right:15px;}
			.main_benefits .benefits_list li:nth-child(4n){margin-right:0;}
			.main_benefits .benefits_list li:nth-child(n+5){margin-top:15px;}
		.main_benefits .benefits_list li dl dt{font-size:18px;}

		.main_service .service_list li{margin-right:15px; width:calc(100% / 4 - 11.25px); padding:170px 15px 60px}
		.main_service .service_list li dl dt{font-size:19px;}

		.main_procedure .procedure_list li{margin-right:15px; border-radius:20px;}
		.main_procedure .procedure_list li:after{font-size:16px;}
		.main_procedure .procedure_list li dl:after{width:40px; height:40px; right:-27px;}
		.main_procedure .procedure_list li dl dt{font-size:14px;}
		.main_procedure .procedure_list li dl dd{font-size:16px; top:calc(100% + 20px);}

		.main_package .package_list > li{width:calc(100% / 2 - 7.5px); padding:70px 50px 210px}
			.main_package .package_list > li + li{margin-left:15px;}
		.main_package .package_list .info{padding-right:100px;}
		.main_package .package_list .merit{font-size:20px; width:100px; height:100px; right:40px; padding:6px 10px 0 11px;}
		.main_package .package_list .info dd{font-size:14px;}
		.main_package .package_list .info dd.txt{font-size:22px;}
		.main_package .package_list .info dd b{font-size:17px;}
		.main_package .package_list .info dd strong em{font-size:26px;}
		.main_package .package_list .exp dt{font-size:14px; width:105px;}
		.main_package .package_list .exp dd{font-size:15px; width:calc(100% - 120px);}
		.main_package .package_list .exp dd strong{font-size:20px;}
		.main_package .package_list p{font-size:18px;}

		.main_sample .prod_list li{margin-right:30px; width:calc(100% / 3 - 20px);}
		.main_sample .prod_list li:nth-child(2), .main_sample .prod_list li:nth-child(n+4){margin-top:30px;}
		.main_sample .prod_list li:nth-child(3n+4), .main_sample .prod_list li:nth-child(3n+6){margin-top:0;}
		.main_sample .prod_list li .thumb{height:22vw;}

		.main_ftr_bnr .main_tittle .submit_btn span{width:160px; height:50px; font-size:17px;}
	}
	@media only screen and (max-width:975px){
		.main_procedure .procedure_list li{padding-top:18%;}
		.main_procedure .procedure_list li:after{top:55%;}
		.main_procedure .procedure_list li dl dt{top:70%;}
	}
	@media only screen and (max-width:860px){
		.main_content .main_tittle h4{font-size:27px; letter-spacing:-1px;}
		.main_content .main_tittle h5{font-size:20px; font-weight:500;}
		.main_content .main_tittle h5 + p{margin-top:10px;}
		.main_content .main_tittle h6{font-size:20px;}
		.main_content .submit_btn span{font-size:18px; height:60px; width:240px;}

		.main_benefits .benefits_list li{width:calc(100% / 3 - 10px); }
			.main_benefits .benefits_list li:nth-child(4n){margin-right:15px;}
			.main_benefits .benefits_list li:nth-child(3n){margin-right:0;}
			.main_benefits .benefits_list li:nth-child(n+4){margin-top:15px;}
		.main_benefits .benefits_list li dl dt{font-size:17px;}

		.main_service .service_list li dl dt{font-size:18px;line-height: 138%;}
		.main_service .service_list li dl dd{font-size:13px;line-height: 138%;}

		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li dl dd{font-size:15px;}
		.main_procedure .procedure_list li dl dt{font-size:13px;}

		.main_package .package_list .badge{font-size:16px; width:65px; height:70px;}
		.main_package .package_list .merit{font-size:16px;width:90px;height:90px;right:20px;top:40px;line-height: 127%;font-weight: 600;}
			.main_package .package_list .recom .merit{font-size:18px;}
		.main_package .package_list > li{padding:50px 30px 200px;}
		.main_package .package_list .submit_btn{bottom:60px;}
		.main_package .package_list .info{padding-right:90px;}
			.main_package .package_list .info:after{width:30px; margin:30px 0;}
		.main_package .package_list .info dt{font-size:25px;letter-spacing: -0.7px;}
		.main_package .package_list .info dd strong em{font-size:24px;}
		.main_package .package_list .info dd.txt{font-size:20px;}
		.main_package .package_list .info dd b{font-size:16px;}
		.main_package .package_list .exp dd{font-size:14px; width:calc(100% - 115px);}
		.main_package .package_list .exp dd strong{font-size:19px;}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{font-size: 14px;}
			.main_package .package_list .noti dt:before{top: -1px;}
		.main_package .package_list .exp dd em{font-size:15px;}
		.main_package .package_list p{font-size:17px;}

		.main_sample .prod_list li{margin-right:15px; width:calc(100% / 2 - 7.5px);}
			.main_sample .prod_list li:nth-child(3n){margin-right:15px;}
			.main_sample .prod_list li:nth-child(n+4){margin-top:0;}
			.main_sample .prod_list li:nth-child(2n){margin-right:0; margin-top:20px;}
			.main_sample .prod_list li:nth-child(3){margin-top:-5px;}
			.main_sample .prod_list li:nth-child(4n){margin-top:15px;}
		.main_sample .prod_list li .thumb{height:33vw;}
			
		.main_ftr_bnr{margin-top:120px;}
	}
	@media only screen and (max-width:767px){
		.main_content .main_tittle h3{font-size:27px; letter-spacing:-1px;}
			.main_content .main_tittle h3 + h5{margin-top:16px;}
		.main_content .main_tittle p{font-size:15px;}
			.main_content .main_tittle p + h3{margin-top:12px;}
		.main_content .submit_btn span{font-size:17px; width:220px; height:55px;}

		.main_benefits .benefits_list li dl dt{font-size:16px;line-height: 143%;letter-spacing: 0;}

		.main_service .ServiceSwiper{padding:0 15.4vw; margin-top:55px; box-sizing:border-box;}
		.main_service .service_list{margin-top:0;}
		.main_service .service_list li:nth-child(n+5){display:block;}
		.main_service .swiper-button-prev, .main_service .swiper-button-next{display:inline-block;width:32px;height:32px;background:#fff;/*border:1px solid #ddd;*/border-radius:100%;box-sizing:border-box;box-shadow:3px 3.5px 6.5px rgba(0,0,0,0.2);margin: 0;transform: translateY(-50%); pointer-events:inherit !important; opacity:1 !important;}
		.main_service .swiper-button-prev{left:11vw;}
			.main_service .swiper-button-prev:before{position:absolute; content:''; width:6px; height:6px; border:1px solid #fff0; border-top-color:#888; border-left-color:#888; top:50%; left:calc(50% + 2px); transform:translate(-50%, -50%) rotate(-45deg);} 
		.main_service .swiper-button-next{right:11vw;}
			.main_service .swiper-button-next:before{position:absolute; content:''; width:6px; height:6px; border:1px solid #fff0; border-top-color:#888; border-right-color:#888; top:50%; left:calc(50% - 2px); transform:translate(-50%, -50%) rotate(45deg);} 
		.main_service .service_list li.swiper-slide-active{background:#f38d09;}
		.main_service .service_list li.swiper-slide-active dl dt, .main_service .service_list li.swiper-slide-active dl dd{color:#fff;}
		.main_service .service_list li.swiper-slide-active dl dt{font-weight:700;}
		.main_service .service_list li.swiper-slide-active dl dd{font-weight:300;}
		.main_service .service_list li:before{width:100px; height:100px; background-size:50% auto;}

		.main_procedure {margin-top:10px;}
		.main_procedure .main_tittle h3{font-weight:700;}
		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li dl dd{font-size:14px;}
		.main_procedure .procedure_list li:after{top:50%;}
		.main_procedure .procedure_list li dl dt{font-size:12px; top:65%;}

		.main_package .package_list{display:block;}
		.main_package .package_list > li{width:100%;}
			.main_package .package_list > li + li{margin:25px 0 0;}
		.main_package .package_list .badge{font-size:15px;}
		.main_package .package_list .merit{top:20px;}
		.main_package .package_list .info:after{width:25px; margin:26px 0;}
		.main_package .package_list .info dt + dd{margin-top: 15px;}
		.main_package .package_list .info dd{font-size:13px;}
		.main_package .package_list .info dd strong em{font-size:21px;}
		.main_package .package_list .info dd b{font-size:15px;}
		.main_package .package_list .info dd.txt{font-size:18px;font-weight: 500;}
		.main_package .package_list .info dt + dd.txt{margin-top: 17px;}
		.main_package .package_list .exp.range{flex-wrap:wrap;}
			.main_package .package_list .exp.range dd{width:100%;margin-top: 13px;}
		.main_package .package_list .exp + .exp{margin-top:10px;}
		.main_package .package_list .exp dt{border-color:#aaa; margin-right:10px;}
		.main_package .package_list .exp dd{font-size:13px; width:calc(100% - 115px);}
		.main_package .package_list .exp dd span{font-size:13px;letter-spacing: -0.2px;margin-left: 5px;}
		.main_package .package_list .exp dd strong{font-weight:600;}
		.main_package .package_list .exp dd em{font-size:14px;font-weight: 900;letter-spacing: -0.4px;}
		.main_package .package_list .noti{margin-top: 29px;}
		.main_package .package_list .noti dt{padding-left: 26px;}
		.main_package .package_list .noti dt:before{width:17px;height:17px;font-size:12px;top: 1px;}
		.main_package .package_list .submit_btn{bottom:45px;}
		.main_package .package_list p{font-size:16px;line-height: 142%;}

	}
	@media only screen and (max-width:640px){
		.main_section, .main_section#section01{top:-158px;}

		.main_content .main_tittle h6{font-size:18px; font-weight:600;}
		.main_content .main_tittle p{font-size:14px; letter-spacing:-0.2px;}
		.main_content .submit_btn span{width:190px; height:50px; font-size:16px;}

		.main_benefits{margin-top:49px; padding-bottom:40px;}
			
		.main_benefits .BenefitSwiper{padding-right:15vw; margin-top:30px;}
		.main_benefits .benefits_list{margin-top:0; border-bottom:0; padding-bottom:0;}
		.main_benefits .benefits_list{flex-wrap:nowrap;}
		.main_benefits .benefits_list li{margin-top:0 !important;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding: 16px 18px 79px;}
			.main_benefits .benefits_list li:before{width:55px; height:55px; background-size:30px auto;}
		.main_benefits .benefits_list li dl dt + dd{margin-top: 7px;}
		.main_benefits .benefits_list li dl dt br, .main_benefits .benefits_list li dl dd br{display:block;}
		.main_benefits .benefits_list li dl dd{font-size:13px;line-height: 153%;letter-spacing: 0;}

		.main_service{margin-top:49px; padding-bottom:80px;}
		.main_service .ServiceSwiper{margin-top:30px;}
		.main_service .service_list li{border-radius:10px;box-shadow: 0 0 9px rgb(0 0 0 / 9%);padding: 142px 15px 33px;}
		.main_service .service_list li:before{width:85px;height:85px;background-size: 47% auto;top: 30px;}
		.main_service .service_list li dl dt + dd{margin-top: 13px;}
		
		.main_procedure{border-radius:0 40px 0 0; padding-top:29px; padding-bottom:40px;margin-top:10px;margin-bottom:30px;}
		.main_procedure .procedure_list{height:auto; display:block; margin-top:36px;}
		.main_procedure .procedure_list li, .main_procedure .procedure_list li.on{width:100%; padding:39px 15px 34px 161px; height:auto;}
		.main_procedure .procedure_list li{margin:0; border-radius:10px;}
			.main_procedure .procedure_list li + li{margin-top:9px;}
			.main_procedure .procedure_list li.on{ transform:none;}
			.main_procedure .procedure_list li.on:before{opacity:1;}
			.main_procedure .procedure_list li:before{top:27px; transform:none; left:28px;}
			.main_procedure .procedure_list li:nth-child(1):before{width:38px; height:37px; }
			.main_procedure .procedure_list li:nth-child(2):before{width:36px; height:35px;}
			.main_procedure .procedure_list li:nth-child(3):before{width:38px; height:31px;}
			.main_procedure .procedure_list li:nth-child(4):before{width:34px; height:33px;}
			.main_procedure .procedure_list li:nth-child(5):before{width:39px; height:36px;}
			.main_procedure .procedure_list li.on:nth-child(1):before{background-image:url('../images/skin/main_procedure_icon01_on.png');}
			.main_procedure .procedure_list li.on:nth-child(2):before{background-image:url('../images/skin/main_procedure_icon02_on.png');}
			.main_procedure .procedure_list li.on:nth-child(3):before{background-image:url('../images/skin/main_procedure_icon03_on.png');}
			.main_procedure .procedure_list li.on:nth-child(4):before{background-image:url('../images/skin/main_procedure_icon04_on.png');}
			.main_procedure .procedure_list li.on:nth-child(5):before{background-image:url('../images/skin/main_procedure_icon05_on.png');}
		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li.on:after{top:38px; left:83px; transform:none; font-size:18px;}
		.main_procedure .procedure_list li dl{text-align:left;}
			.main_procedure .procedure_list li dl:after, .main_procedure .procedure_list li.on dl:after{width:30px;height:30px;top:auto;bottom: -15px;right: auto;left: 50%;transform: translateX(-50%) rotate(90deg); background-size:5px auto;}
			.main_procedure .procedure_list li dl:after{background-color:#aaa;}
			.main_procedure .procedure_list li.on dl:after{background-color:#f38d09; background-image:url('../images/skin/main_procedure_arrow.png') ;}
		.main_procedure .procedure_list li dl dt, .main_procedure .procedure_list li.on dl dt{position:relative; top:0; left:0; transform:none; width:100%;}
		.main_procedure .procedure_list li dl dt{font-size:15px;}
		.main_procedure .procedure_list li dl dd{display:none; overflow:hidden;opacity:0; position:relative; top:0; left:0; transform:none; width:calc(100% + 146px); margin-left:-146px; margin-top:15px; text-align:center;}
		.main_procedure .procedure_list li.on dl dd{display:block;}

		.main_package{padding-top:59px; padding-bottom:72px;}
		.main_package .package_list{margin-top:27px;}
		.main_package .package_list > li{border-radius:20px;padding: 39px 15px 133px 27px;}
		.main_package .package_list .badge{font-size: 11px;width: 48px;height: 50px;font-weight: 500;top: -27px;left: -13px;}
		.main_package .package_list p{font-size:14px;}

		.main_sample{padding-top:59px;}
		.main_sample .prod_list li{border-radius:5px;}
			.main_sample .prod_list li:nth-child(n+7){display:none;}
		.main_sample .submit_btn{margin-top:30px;}
		.main_sample .submit_btn span{box-shadow:none;}

		.main_ftr_bnr{margin-top:80px;}
		.main_ftr_bnr .main_tittle{display:block; padding-bottom:20px;}
		.main_ftr_bnr .main_tittle h6 + .submit_btn{margin:17px 0 0;}
		.main_ftr_bnr .main_tittle .submit_btn span{width:140px; height:45px; font-size:16px; font-weight:900;}
	}
	@media only screen and (max-width:479px){
		.main_section, .main_section#section01{top:-148px;}


		.main_content .main_tittle h6{font-size:17px;}
		.main_benefits .BenefitSwiper{padding-right:33.5vw}

		.main_ftr_bnr .main_tittle .submit_btn span{height:40px; font-size:15px;}
	}
	@media only screen and (max-width:374px){
		.main_content .main_tittle h3, .main_content .main_tittle h4{font-size:25px;}
		.main_content .main_tittle h5{font-size:18px;}
		.main_content .main_tittle h6{font-size:15px;}
		.main_content .main_tittle p{font-size:13px;}
		.main_content .submit_btn span{font-size:15px; width:180px; height:45px;}

		.main_benefits:before, .main_benefits:after{font-size:27vw;}
		.main_benefits .benefits_list li dl dt{font-size:15px;}
		.main_benefits .benefits_list li dl dd{font-size:12px;}

		.main_service .service_list li dl dt{font-size:17px;}
		.main_service .service_list li dl dd{font-size:12px;}

		.main_procedure .procedure_list li, .main_procedure .procedure_list li.on{padding:39px 15px 32px 150px;}
		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li.on:after{font-size:17px;}
		.main_procedure .procedure_list li dl dt{font-size:14px;}
		.main_procedure .procedure_list li dl dd{width:calc(100% + 135px); margin-left:-135px; font-size:13px;}

		.main_package .package_list .badge{left:-10px;}
		.main_package .package_list .merit{width:70px; height:70px; font-size:14px;}
			.main_package .package_list .recom .merit{font-size:15px;}
		.main_package .package_list .info{padding-right:80px;}
		.main_package .package_list .info dt{font-size:23px;}
		.main_package .package_list .info dd{font-size:12px;}
			.main_package .package_list .info dd.txt{font-size:16px;}
		.main_package .package_list .info dd b{font-size:14px;}
		.main_package .package_list .info dd strong em{font-size:20px;}
		.main_package .package_list .exp{flex-wrap:wrap;}
			.main_package .package_list .exp + .exp{margin-top:12px;}
		.main_package .package_list .exp dt{width:100%;}
		.main_package .package_list .exp dd{width:100%; margin-top:7px;}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{font-size:13px;}
		.main_package .package_list p{font-size:13px;}
		
		.main_ftr_bnr .main_tittle .submit_btn span{height:38px; font-size:14px;}
	}