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

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

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

/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인상품진열 - 공통 */
.main .list_cont {}
.main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;}
.main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;}
.main .list_cont ul li a {display:block;height:100%;}
.main .list_cont ul li .thumb {}
.main .list_cont ul li .thumb img {max-width:100%;width:100%;}
.main .list_cont ul li .info {}
.main .list_cont ul li .info p {color:#333;line-height:1.2;}
.main .list_cont ul li .info .name {font-size:14px;}

/* 메인상품진열 - 갤러리형 */
.main .list_Galleryform {}
.main .list_Galleryform ul {text-align:left;} 
.main .list_Galleryform ul li {width:calc(25% - 15px);}
.main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;}
.main .list_Galleryform ul li .thumb {}
.main .list_Galleryform ul li .thumb img {}
.main .list_Galleryform ul li .info {margin-top:10px;}
.main .list_Galleryform ul li .info p {}
.main .list_Galleryform ul li .info .name {}

/* 메인상품진열 - 리스트형 */
.main .list_Listform {}
.main .list_Listform ul {} 
.main .list_Listform ul li {width:calc(50% - 15px);}
.main .list_Listform ul li a {width:100%;display:table;}
.main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;}
.main .list_Listform ul li .thumb,
.main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
.main .list_Listform ul li .thumb {}
.main .list_Listform ul li .thumb img {}
.main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;}
.main .list_Listform ul li .info p {}
.main .list_Listform ul li .info .name {}


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

	/* 메인상품진열 - 갤러리형 */
	.main .list_Galleryform ul li {width:calc(50% - 15px);}
	.main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;}
	
	/* 메인상품진열 - 리스트형 */
	.main .list_Listform ul li {width:calc(100% - 15px);}
	.main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;}
}



/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/




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

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

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

	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}
	
	#header {position:fixed;background:#fff;left:0;top:0;height:100%;width:400px;z-index:50;overflow-y: auto;border-right: 1px solid #ddd;}
	#header .header_cont {padding:70px 0 60px 60px;box-sizing:border-box;height: 100%;}
	#header .hd_lnb li a,
	#header .hd_gnb li,
	#header .hd_gnb li a {}
	#header .w_set {width:100%;box-sizing:border-box;max-width:1180px;padding:0;margin:0 auto;}
	#header .w_set2 {position:relative;}
	#header .hd_logo {width:157px;height:23px;}
	#header .hd_logo a {background:url('../images/skin/hd_logo.png') no-repeat left;font-size:0;display:block;height:100%;background-size:auto 100%;}
	#header .hd_lnb {padding:135px 0 350px;height: 715px;box-sizing:border-box;}
	#header,
	#header .hd_lnb ul {-ms-overflow-style: none;}
	#header::-webkit-scrollbar,
	#header .hd_lnb::-webkit-scrollbar {display:none;}
	#header .hd_lnb{font-size:0;height: 500px;max-height:500px;overflow-y:auto;}
	#header .hd_lnb > li {font-size:22px;line-height:1.27;font-weight: 700;color:#000;padding:13px 0;}
	#header .hd_lnb > li:nth-child(1){padding-top:0;}
	#header .hd_lnb > li > a {display:block;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;position:relative;}
	#header .hd_lnb > li.menu_on a{color:#fe4772;}
	#header .hd_lnb > li.on > a {color:#fe4772;transition:all .2s;}
	#header .hd_lnb > li > a.active, #header .hd_lnb > li > a.on {color:#fe4772;}
	#header .hd_lnb > li > a:after{content:'';display:block;height:1px;width:0;background:#fe4772;position:absolute;right:0;top:50%;margin-top:-1px;transition:width .7s;}
	#header .hd_lnb > li > a.active:after, #header .hd_lnb > li > a.on:after{width:140px;}
	#header .hd_lnb.on > li.on .lnb_sub_dep{display: block;width:50%;opacity:1;}
	#header .hd_lnb .lnb_sub_dep{display: none;position: absolute;right:-80px;top:272px;width:160px;height:300px;z-index:30;}
	#header .hd_lnb .lnb_sub_dep li{border:none;width:200px;}
	#header .hd_lnb .lnb_sub_dep li + li:before{display: none;}	
	#header .hd_lnb .lnb_sub_dep li a{font-size:15px;color:#222;font-weight:400;background:#fff;height:40px;line-height:40px;}
	#header .hd_lnb .lnb_sub_dep li a:hover{font-weight:500;color:#fe4772;}
	#wrap .hd_all_menu{display: none;width:200px;height:100%;position: absolute;top:0;left:0px;background:#fff;box-sizing:border-box;border-left:1px solid #ccc;border-right:1px solid #ccc;z-index:20;}
	#wrap .hd_all_menu .all_menu_box{width:100%;height:100%;position: relative;}
	#wrap .hd_all_menu .all_menu_box:before{width:1px;height:100%;content:"";background:#ccc;position: absolute;top:0;left:0;}
	#wrap .hd_all_menu.move{display: block;}
	#wrap .hd_all_menu .hd_all_menu_box{width:100%;position: relative;margin-top:58%;}
	#wrap .hd_all_menu .dep2{position: absolute;top:0;display: none;}
	#wrap .hd_all_menu .dep2.on{display: block;}
	#wrap .hd_all_menu .dep2 li a{font-size:15px;color:#222;font-weight:400;line-height:35px;padding:0 30px;}
	#header .hd_right {left:60px;bottom:60px;}
	#header .hd_right ul {font-size:0;}
	#header .hd_right .menu-trigger,
	#header .hd_right ul li {display:inline-block;vertical-align:middle;}
	#header .hd_right ul li + li {}
	#header .hd_right .hd_lang li {}
	#header .hd_right .hd_lang li + li a {}
	#header .hd_right .hd_lang,
	#header .hd_right .hd_gnb {margin-bottom:30px;}
	#header .hd_right .hd_gnb li {} 
	#header .hd_right .hd_lang li a,
	#header .hd_right .hd_gnb li a {line-height:1;padding:0;font-size:17px;font-weight:500;color:#b3b4b4;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
	#header .hd_right .hd_gnb li + li:before,
	#header .hd_right .hd_gnb li + li:before {content:'';display:inline-block;vertical-align:middle;width:3px;height:3px;background:#ccc;border-radius:100%;margin:0 12px;}
	#header .hd_right .hd_sns {}
	#header .hd_right .hd_sns li {}
	#header .hd_right .hd_sns li + li {margin-left: 15px;}
	#header .hd_right .hd_sns li a {font-size:0;}
	#header .hd_right .menu-trigger {position:relative;padding:0;width:30px;height:25px;box-sizing:border-box;display:none;}
	#header .hd_right .menu-trigger span {transition:0.3s;position:absolute;width:100%;height:2px;background-color:#333;left:0;}
	#header .hd_right .menu-trigger span:nth-of-type(1) {top:0;}
	#header .hd_right .menu-trigger span:nth-of-type(2) {top:50%;margin-top:-1px;}
	#header .hd_right .menu-trigger span:nth-of-type(3) {bottom:0;}

	#aside {display:none;}


	@media only screen and (max-width:1320px) {
		#wrap {padding:0 0 0 290px;}
		#header {width:290px;}
		#header .header_cont {padding:66px 0% 58px 58px;}
		#header .hd_logo {height:22px;}
		#header .hd_lnb li {font-size:21px;}
		#header .hd_lnb .lnb_sub_dep{right:-66px;top:266px;}
		#header .hd_right .hd_lang li a, 
		#header .hd_right .hd_gnb li a {font-size:16px;}
		#header .hd_right .hd_sns li + li {margin-left:15px;}
		#header .hd_right .hd_sns li img {height:18px;}
		#header .hd_lnb li a.active:after {width:35%;}

	}

	@media only screen and (max-width:1217px) {
		#wrap {padding:0;}
		#wrap #header {height:auto;width:100%;padding: 30px 28px;box-sizing:border-box;border-right: 0;position: relative;}
		#wrap #header.move_header{height:auto;width:100%;padding: 30px 28px;box-sizing:border-box;border-right: 0;position: relative;}
		#wrap #header.on {box-shadow:0px 0px 10px rgba(0,0,0,0.15);position: fixed;}
		#wrap #header .header_cont {padding:0;border:0;font-size:0;position:relative;}
		#wrap #header .hd_logo {position:relative;z-index:5;display:inline-block;}
		#wrap #header .hd_lnb,
		#wrap #header .hd_right .hd_lang,
		#wrap #header .hd_right .hd_gnb,
		#wrap #header .hd_right .hd_sns {display:none;}
		#wrap .hd_all_menu{display: none !important;}
		#wrap #header .hd_right {position:absolute;bottom:inherit;left:inherit;right:0;top:50%;transform:translateY(-50%);}
		#wrap #header .hd_right .menu-trigger {display:block;}

		
	/* aside */
		#aside {top:0;right:-420px;width:420px;transition:0.8s;height:100%;z-index:999;overflow-y:auto;box-sizing:border-box;display:block;position:fixed;background:#fff;}
		#aside.on {right:0;}
		
		#aside .aside_top {text-align:left;padding:38px 29px;}
		#aside .aside_top .aside_logo {height:22px;}
		#aside .aside_top .aside_logo a {display:block;background:url('../images/skin/hd_logo.png') no-repeat left;font-size:0;background-size:auto 100%;height:100%;}
		#aside .aside_top .btn_aside_close {position:absolute;right:25px;top:34px;width:35px;height:35px;cursor:pointer;}
		#aside .aside_top .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%;}
		#aside .aside_top .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width:100%;height:2px;background-color:#333;left:0;top:14px;}
		#aside .aside_top .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 .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_top .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_gnb {font-size:0;padding:0 14px;background:#fe245c;box-sizing:border-box;}
		#aside .aside_gnb li {display:inline-block;vertical-align:middle;}
		#aside .aside_gnb li + li {}
		#aside .aside_gnb li + li:before {width:1px;height:15px;background:#fff;opacity:.5;margin:0 25px 6px;content:'';display:inline-block;vertical-align:middle;}
		#aside .aside_gnb li a {font-size:20px;line-height:4.46;color:#fff;}

		#aside ul.slidemenu {padding:20px 0 40px;}
		#aside ul.slidemenu .dep1_li {text-align:left;display:block;vertical-align:top;position:relative;font-size:28px;line-height:1.84;}
		#aside ul.slidemenu .dep1_li + .dep1_li {margin-top:1em;margin-left:0;}
		#aside ul.slidemenu .dep1_li .dep1_a {display:block;background:url('../images/skin/aside_cate_off.png') no-repeat 97%;background-size:auto 8px;transition:0.2s;display:block;color:#333;font-size:inherit;line-height:inherit;padding:0 1em;}
		#aside ul.slidemenu .dep1_li .dep1_a:before {content:'';display:inline-block;width:16px;height:1px;background:#fe245c;position:absolute;left:0;top:27px;}
		#aside ul.slidemenu .dep1_li .dep1_a.now {background:url('../images/skin/aside_cate_on.png') no-repeat 97%;background-size:auto 8px;}
		#aside ul.slidemenu .dep1_li .depth {display:none;border-bottom:1px solid #eee;padding:10px 27px 20px;}
		#aside ul.slidemenu .dep1_li .depth li {padding-left:0;position:relative;}
		#aside ul.slidemenu .dep1_li .depth li:before {content:"";display:none;width:2px;height:2px;position:absolute;left:0;top:50%;margin-top:-1px;background:#18b3e5;}
		#aside ul.slidemenu .dep1_li .depth li + li {}
		#aside ul.slidemenu .dep1_li .depth li a {display:block;font-size:22px;line-height:2.25;color:#888;position:relative;}
		#aside ul.slidemenu .dep1_li.group_tit > a:after {content:'';display:inline-block;width:14px;height:14px;border:1px solid #adadad;border-width:2px 2px 0 0;transform:rotate(135deg);position:absolute;right:30px;top:15px;transition:all .2s;}
		#aside ul.slidemenu .dep1_li.group_tit > a.on:after {transform:rotate(-45deg);;top:20px;}

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


	@media only screen and (max-width:860px) {
		#header,
		#aside .aside_top {padding: 25px 20px;}
		#header .hd_logo,
		#aside .aside_top .aside_logo {height:20px;}
		#header .hd_right .menu-trigger {width:25px;height:20px;}
		#aside .aside_top .btn_aside_close {width:25px;height:25px;top: 20px;right:19px;}

		#aside .aside_gnb li a {font-size:16px;}
		#aside .aside_gnb li + li:before {height:10px;margin:0 20px 3px;}
		#aside ul.slidemenu {padding:10px 0 30px;}
		#aside ul.slidemenu .dep1_li {font-size:22px;}
		#aside ul.slidemenu .dep1_li .depth li a {font-size:18px;}
		#aside ul.slidemenu .dep1_li .dep1_a:before {width:12px;top:21px;}
		#aside ul.slidemenu .dep1_li.group_tit > a:after {width:12px;height:12px;border-width:1px 1px 0 0;right:20px;top:11px;}
        #aside ul.slidemenu .dep1_li.group_tit > a.on:after {top:18px;}
	}

	@media only screen and (max-width:640px) {
		#header,
		#aside .aside_top {padding:25px 18px;}
		#header .hd_logo,
		#aside .aside_top .aside_logo {height:18px;}
		#aside .aside_top .btn_aside_close {top:20px;right:15px;}
		#aside .aside_gnb li a {font-size:14px;}
		#aside ul.slidemenu .dep1_li {font-size:18px;}
		#aside ul.slidemenu .dep1_li .depth {padding:5px 22px 18px;}
		#aside ul.slidemenu .dep1_li .depth li a {font-size:16px;}
		#aside ul.slidemenu .dep1_li .dep1_a:before {width:8px;top:15px;}
		#aside ul.slidemenu .dep1_li.group_tit > a:after {width:10px;height:10px;top:5px;}
		#aside ul.slidemenu .dep1_li.group_tit > a.on:after {top:12px;}
	} 
	
	@media only screen and (max-width:479px) { 
		#header,
		#aside .aside_top {padding:19px 14px;}
		#header .hd_logo,
		#aside .aside_top .aside_logo {height:16px;}
		#header .hd_right .menu-trigger {width:20px;height:18px;}
		#aside .aside_top .btn_aside_close {width:18px;height:18px;top:13px;right:12px;}
		#aside .aside_top .btn_aside_close .menu-trigger2.active-1 span {height:1px;}
		#aside {right:-100%;width:100%;}
		#aside ul.slidemenu .dep1_li {font-size:16px;}
		#aside ul.slidemenu .dep1_li .depth {padding:0 17px 14px;}
		#aside ul.slidemenu .dep1_li .depth li a {font-size:14px;}
	}





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

	 FOOTER | outline/footer.html

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


	#footer {border-top:1px solid #e4e4e4;}
	#footer .ft_inner {position:relative;width:calc(100% - 200px);margin:0 auto;overflow:hidden;padding:40px 0 100px;font-size:0;}
	#footer .ft_inner .ft_head{margin-bottom:30px;}
	#footer .ft_inner .ft_gnb{display: inline-block;}
	#footer .ft_inner .ft_gnb li{display: inline-block;}
	#footer .ft_inner .ft_gnb li a {line-height:1;padding:0;font-size:17px;font-weight:500;color:#b3b4b4;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
	#footer .ft_inner .ft_gnb li + li:before,
	#footer .ft_inner .ft_gnb li + li:before {content:'';display:inline-block;vertical-align:middle;width:3px;height:3px;background:#ccc;border-radius:100%;margin:0 12px;}
	#footer .ft_inner .ft_sns{float: right;}
	#footer .ft_inner .ft_sns li{display: inline-block;}
	#footer .ft_inner .ft_sns li + li {margin-left: 15px;}
	#footer .ft_inner .ft_sns li a {font-size:0;}
	#footer .ft_inner .footer_nav,
	#footer .ft_inner .info {display:inline-block;vertical-align:top;}
	#footer .ft_inner .footer_nav {width: 16.7%;}
	#footer .ft_inner .footer_nav li {}
	#footer .ft_inner .footer_nav li a {font-size:13px;line-height:2.3;color:#000;display:block;}
	#footer .ft_inner .footer_nav li a strong {font-size:inherit;line-height:inherit;color:inherit;font-weight:500;}
	#footer .ft_inner .info {width: calc(100% - 16.7%);}
	#footer .ft_inner .info p {font-size:13px;opacity: .7;line-height:1.8;color:#333;}
	#footer .ft_inner .info p span {width:10px;display:inline-block;vertical-align:middle;}
	#footer .ft_inner .info .copy {color:#888;margin-top:1em;}


	@media only screen and (max-width:1380px) {
		#footer .ft_inner {width:calc(100% - 100px);padding:30px 0 80px;}
	}
	@media only screen and (max-width:1023px) {
		#footer .ft_inner .footer_nav,
		#footer .ft_inner .info {width:100%;}
		#footer .ft_inner .footer_nav li {display:inline-block;vertical-align:middle;}
		#footer .ft_inner .footer_nav li + li {margin-left:30px;}
		#footer .ft_inner .footer_nav li a {line-height:3.75;}

	}
	@media only screen and (max-width:860px) {
		#footer .ft_inner {width:calc(100% - 50px);padding:30px 0 80px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#footer .ft_inner {width:calc(100% - 30px);padding:0px 0 50px;}
		#footer .ft_inner .ft_head{text-align:center;margin-bottom:0;padding-top:30px;}
		#footer .ft_inner .ft_gnb{display: block;}
		#footer .ft_inner .ft_sns{float:none;margin-top:10px;}
		#footer .ft_inner .footer_nav, 
		#footer .ft_inner .info {text-align:center;}
		#footer .ft_inner .footer_nav {margin-bottom:0;}
		#footer .ft_inner .footer_nav li a {font-size:14px;}
		#footer .ft_inner .info p {line-height:1.58;}
		#footer .ft_inner .info p span {display:none;}
		#footer .ft_inner .info .copy {margin-top:9px;}
	}
	@media only screen and (max-width:479px) {
		#footer .ft_inner .info p {font-size:12px;}
	}





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

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

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



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

	 MAIN | index.html

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


	@keyframes text-up {
	  from {
		transform:translate3d(0, 200%, 0);
	  }
	  to {
		transform:translate3d(0, 0, 0);
	  }
	}


	.main_index #container {padding-top:0 !important;}

	/* visual */
		.main_visual {position:relative;width:100%;min-width:1200px;margin:0;height:100vh;background:#000;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100vh;}
		.main_visual .slick-slide a {display:block;height:100%;width:100%;z-index:50;position:absolute;left:0;top:0;right:0;bottom:0;}
		.main_visual .slick-slide .bg {display:inline-block;height:100%;width:100%;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;background-position:center;background-size:cover !important;transition: transform 4s ease-in-out, opacity 4s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity:.8;z-index:1;overflow:hidden;}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;}
		.main_visual .txt_box {width:100%;position:absolute;left:100px;top:50%;transform: translateY(-60%);font-size:0;text-align:left;z-index:5;letter-spacing: -.5px;}
		.main_visual .txt_box p,
		.main_visual .txt_box strong {transform:translate3d(0, 200%, 0);}
		.main_visual .txt_box p {font-size:24px;line-height:1.041;font-weight: 500;color:#fff;}
		.main_visual .txt_box strong {margin-top:0.375em;font-size:80px;line-height:1.2125;color:#fff;display:block;}
		.main_visual .txt_box span {margin-top:5.28em;font-size:14px;padding:0 11.28em 0 2.214em;line-height:3.857;display:inline-block;color:#fff;background:url('../images/skin/ico_main_arw_w.png') no-repeat 85% #fe245c;transition:all .2s;}
		.main_visual:hover .txt_box span {background-position:90%;}
		.main_visual .txt_box .txt_move {display:block;overflow-y:hidden;position:relative;}

		.main_visual .progressBarContainer {height:2px;bottom:10.5%;width:100%;max-width:500px;transition:all 0.3s;left:100px;position:absolute;z-index:5;margin:0 auto;padding:0;text-align:center;counter-reset:section;}
		.main_visual .progressBarContainer:after {clear:both;content:"";display:block;}
		.main_visual .progressBarContainer .progress_cut {height:inherit;line-height:inherit;font-size:inherit;width:calc(33.3% - 20px);transition:all 0.3s;padding:0;text-align:center;opacity:.5;outline:0;border:0;margin:0;box-sizing:border-box;display:inline-block;float:left;vertical-align:top;position:relative;z-index:1;cursor:pointer;}
		.main_visual .progressBarContainer .progress_cut + .progress_cut {margin-left:20px;}
		.main_visual .progressBarContainer .progress_cut .progressBar {width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;bottom:0;z-index:-1;background:#fff;margin:0;padding:0;cursor:pointer;}
		.main_visual .progressBarContainer .progress_cut:before {counter-increment:section;content:"0" counter(section);font-size:14px;line-height:1.28;color:#fff;position:absolute;bottom:100%;right:0;}
		.main_visual .progressBarContainer .progress_cut .progressBar .inProgress {height:inherit;}
		.main_visual .progressBarContainer .progress_cut.on {opacity:1;}
		.main_visual .progressBarContainer .progress_cut.on .progressBar .inProgress {background:#fe245c;}


		/* visual active */
		.main_visual .slick-slide.on .bg {transform:scale(1) rotate(0.003deg);opacity:1;}
		.main_visual .slick-slide.on .txt_box .txt_move p,
		.main_visual .slick-slide.on .txt_box .txt_move strong {animation:text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
		.main_visual .slick-slide.on .txt_box .txt_move p {animation-delay:.2s;}
		.main_visual .slick-slide.on .txt_box .txt_move strong {animation-delay:.4s;}
		.main_visual .slick-slide.on .txt_box .txt_move:last-of-type strong {animation-delay:.6s;}
		

	/* 메인 공통 */
		.main {width:100%;overflow:hidden;}
		.main .w_custom {padding: 110px 100px;box-sizing:border-box;width:100%;}
		.main .main_title_box {font-size:40px;line-height:.8;font-weight:800;color:#333;}
		.main .main_title_box h2 {}
		.main .main_title_box span {display:block;font-size:14px;line-height:1.57;margin-top:1.21em;font-weight:300;color:#888;}
		.main .main_more {font-size:14px;line-height:3.857;position:relative;box-sizing:border-box;border:1px solid #333;background:#333;display:inline-block;}
		.main .main_more:after {content:"";display:block;width:0;height:100%;background:#fff;position:absolute;top:0;left:0;transition:all .3s ease-out;}
		.main .main_more span {font-size:inherit;color:inherit;line-height:inherit;display:block;width:100%;height:100%;position:relative;z-index:10;color:#fff;box-sizing: border-box;transition:all .3s ease-out;background: url('../images/skin/ico_main_arw_w.png') no-repeat 83% center;padding: 0 11em 0 2.214em;}
		.main .main_more:hover span {color:#333;background: url('../images/skin/ico_main_arw_b.png') no-repeat 88% center;}
		.main .main_more:hover:after {width: 100%;}

	/* main_txt */
		.main_about {font-size:0;}
		.main_about .txt_sec,
		.main_about .img_sec {display:inline-block;vertical-align:top;width:50%;overflow:hidden;}
		.main_about .txt_sec {height:0;padding-bottom: 54%;}
		.main_about .txt_sec .main_title_box {}
		.main_about .txt_sec .main_title_box h2 {}
		.main_about .txt_sec h1 {margin-top: 32.5%;}
		.main_about .txt_sec h1 img {height:100%;}
		.main_about .txt_sec .txt_box {}
		.main_about .txt_sec .txt_box > span {display:block;color:#888;font-size:14px;line-height:2;margin:2.78em 0 0;}
		.main_about .txt_sec .txt_box > span strong{display:block;color:#333;font-size:24px;line-height:1.5;margin-top:0.45em;font-weight:500;}
		.main_about .txt_sec .txt_box .main_more {margin-top:6.71em;}
		.main_about .img_sec {background:url('../images/skin/main_about_bnr.jpg') no-repeat center top;height:0;padding-bottom:62.5%;transition:all .2s;position: relative;}
		.main_about .img_sec:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transition:all 1s;}
		.main_about.active .img_sec:after {height:0;}

	/* service_sld */
		.main_service {position:relative;overflow:hidden;width:100%;}
		.main_service .main_title_box {position:absolute;left:0;top:0;z-index:50;color:#fff;padding-bottom:0 !important;}
		.main_service .btn_skip {position:absolute;left:100px;bottom:20px;z-index:50;}
		.main_service .btn_skip a {display:block;color:#fff;font-size:13px;line-height:1;padding-bottom:8.30em;transition:all .4s;position:relative;}
		.main_service .btn_skip a:before,
		.main_service .btn_skip a:after {content:'';display:inline-block;width:1px;height:100px;transition:all .4s;position:absolute;left:50%;margin-left:-1px;bottom:0;}
		.main_service .btn_skip a:before {background:#fff;}
		.main_service .btn_skip a:after {transform-origin:top;height:0px;background:#000;}
		.main_service .btn_skip:hover a {color:#333;}
		.main_service .btn_skip:hover a:after {height:100px;}
		.main_service .owl-nav {display:none;}
		.service_sld {counter-reset:section; counter-increment:section -1;display:block !important;}
		.service_sld li {position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;/*padding-bottom: 64.5%;*/}
		.service_sld li.sld01 {background-image:url('../images/skin/main_service_bg01.jpg');}
		.service_sld li.sld02 {background-image:url('../images/skin/main_service_bg02.jpg');}
		.service_sld li.sld03 {background-image:url('../images/skin/main_service_bg03.jpg');}
		.service_sld li.sld04 {background-image:url('../images/skin/main_service_bg04.jpg');}
		.service_sld li .txt_box {position:absolute;left:0;top:50%;transform:translateY(-50%);padding:0 100px;}
		.service_sld li .txt_box strong,
		.service_sld li .txt_box span {display:block;color:#fff;opacity:0;transition:all .8s;position:relative;bottom:-20px;}
		.service_sld li .txt_box strong {font-size:80px;line-height:0.85;position:relative;padding-left:1.9125em;}
		.service_sld li .txt_box strong:before {counter-increment:section;content:"0"counter(section)". ";font-size:inherit;line-height:inherit;color:inherit;position:absolute;left:0;top:0;}
		.service_sld li .txt_box span {font-size:30px;line-height:1.3;font-weight: 300;}
		.service_sld li .txt_box strong + span {margin-top:1em;padding-left:155px;}
		.service_sld .on .txt_box strong,
		.service_sld .on .txt_box span {opacity:1;bottom:0;}
		.service_sld .on .txt_box strong {}
		.service_sld .on .txt_box span {transition-delay:.3s;}

	/* main_community */
		.main_community {}
		.main_community .main_title_box {}
		.main_community .bbs_box {overflow:hidden;padding: 14% 0;}
		.main_community .bbs_box .bbs {width:calc(50% - 66px);float:left;transition:all .6s;}
		.main_community .bbs_box .bbs + .bbs {float:right;}
		.main_community .bbs_box .bbs h3 {font-size:20px;font-weight: 600;line-height:1;color:#333;border-bottom:1px solid #ddd;position:relative;}
		.main_community .bbs_box .bbs h3:after {content:'';display:inline-block;width:0;height:1px;background:#333;position:absolute;left:0;bottom:-1px;transition:all .5s;}
		.main_community .bbs_box .bbs h3 a {display:block;font-size:inherit;line-height:inherit;padding-bottom: .85em;font-weight: inherit;color:inherit;background:url('../images/skin/ico_main_arw_b.png') no-repeat right;}
		.main_community .bbs_box .bbs h3:hover:after {width:100%;}
		.main_community .bbs_box .bbs .bbs_ul {}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li {font-size:14px;line-height:1.714;font-weight: 500;margin-top:2.42em;color:#333;position:relative;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li + .bbs_li {}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li > a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li strong,
		.main_community .bbs_box .bbs .bbs_ul .bbs_li strong em {font-size:inherit;line-height:inherit;font-weight:inherit;display:inline-block;vertical-align:top;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li strong {width:calc(100% - 80px);}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li .cont {font-size:13px;line-height:1.8;color:#888;opacity: .7;width: calc(100% - 80px);transition:all .2s;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li:hover .cont {opacity:1;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li strong,
		.main_community .bbs_box .bbs .bbs_ul .bbs_li .cont {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li .date {font-size:12px;line-height:2;color:#aaa;position:absolute;right:0;top:0;}

	/* main_gallery */
		.main_gallery {position:relative;z-index:1;}
		.main_gallery:before {content:'';display:inline-block;width:100%;height:48%;background:#fe245c;position:absolute;left:0;top:0;z-index:0;}
		.main_gallery .main_title_box {color:#fff;position:absolute;left:0;top:0;}
		.main_gallery .bbs {height:0;padding-bottom:58.3%;padding-left:6.7%;box-sizing:border-box;overflow:hidden;}
		.main_gallery .bbs:after {content:'';display:block;clear:both;}
		.main_gallery .bbs .bbs_ul {font-size:0;width:50%;float:left;padding-top:15%;}
		.main_gallery .bbs .bbs_ul + .bbs_ul {padding-top:0;}
		.main_gallery .bbs .bbs_ul .bbs_li {display:inline-block;position:relative;width:100%;overflow:hidden;}
		.main_gallery .bbs .bbs_ul .bbs_li > a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
		.main_gallery .bbs .bbs_ul .bbs_li .thumb {position:relative;overflow:hidden;height:0;padding-bottom:62.5%;width:100%;}
		.main_gallery .bbs .bbs_ul .bbs_li .thumb img {position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .5s ease-in-out;width:100%;height:auto;}
		.main_gallery .bbs .bbs_ul .bbs_li .txt {display:none;}
		.main_gallery .bbs .bbs_ul .bbs_li:hover .thumb img {top:45%;}
		.main_gallery .bbs .bbs_ul .bbs_li:before {content:'';position:absolute;left:0;top:0;background:#fff;opacity:.2;display:block;width:100%;height:0;transition:all .3s ease-in-out;z-index:1;}
		.main_gallery .bbs .bbs_ul .bbs_li:hover:before {height:100%;}

	/* main_contact */
		.main_contact {}
		.contact_box {font-size:0;margin-top: 6.45%;}
		.contact_box .txt,
		.contact_box .map,
		.contact_box .txt dl dt,
		.contact_box .txt dl dd {display:inline-block;vertical-align:top;transition:all .8s;}
		.contact_box .txt {width:33%;padding-right: 20px;box-sizing: border-box;}
		.contact_box .txt h1 {margin:18px 0 28px;}
		.contact_box .txt h1 img {}
		.contact_box .txt dl {font-size:0;width:100%;}
		.contact_box .txt dl dt,
		.contact_box .txt dl dd {font-size:14px;line-height:1.142;margin-top:.85em;font-weight:500;color:#888;word-break: keep-all;}
		.contact_box .txt dl dt {margin-right:5px;}
		.contact_box .txt dl dd {}
		.contact_box .txt dl .dn + dd {font-size:14px;line-height:1.5;margin-top:0;color:#333;}
		.contact_box .map {width:calc(100% - 33%);position:relative;height:0;padding-bottom: 30.7%;overflow: hidden;}
		.contact_box .map iframe {position:absolute;left: 0;top: 0;height: 100%;width: 100%;}


	@media only screen and (max-width:1800px) {
		/* main 공통 */
		.main .w_custom {padding: 85px 50px;}

		/* main_about */
		.main_about .txt_sec {padding-bottom:54%;}
		.main_about .img_sec.aos-animate {padding-bottom:63.25%;}

		/* main_service */
		.main_service .btn_skip {left:50px;}
		.service_sld li .txt_box {padding:0 50px;}
		
		/* main_gallery */
		.main_gallery .bbs {padding-left:50px;}


	}

	@media only screen and (max-width:1500px) {
		/* main_about */
		.main_about .txt_sec,
		.main_about .img_sec {padding-bottom:0;height:800px;}

		/* main_service */
		.service_sld li {padding-bottom:0;height:800px;}
		.service_sld li .txt_box strong {font-size:50px;}
        .service_sld li .txt_box strong + span {padding-left:95px;}
        .service_sld li .txt_box span {font-size:20px;}
	}
	@media only screen and (max-width:1420px) {
		/* main_visual */
		.main_visual .txt_box,
		.main_visual .progressBarContainer {left:50px;transform: translateY(-50%);}
		.main_visual .txt_box strong {font-size:70px;}
		
		/* main_service */
		.service_sld li .txt_box strong {}

		/* main_community */
		.main_community .bbs_box .bbs {width:calc(50% - 30px);float:left;}
	}

	@media only screen and (max-width:1380px) {
		/* contact_box */
		.contact_box .txt h1 img {height:30px;}

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

	}
	@media only screen and (max-width:1217px) {
		/* main_visual */
		.main_visual,
		.main_visual .slick-slide {height:700px;min-width:inherit;}
		.main_visual .txt_box p {font-size:23px;}
		.main_visual .txt_box strong {font-size:60px;}
		.main_visual .txt_box span {font-size:13px;}

		/* main 공통 */
		.main .main_title_box {font-size:35px;}

		/* main_about */
		.main_about .txt_sec {padding-bottom:51.2%;}
		.main_about .txt_sec h1 {margin-top:25%;}
		.main_about .txt_sec .txt_box > span {}
		.main_about .txt_sec .txt_box > span strong {font-size:20px;}
        .main_about .txt_sec .txt_box .main_more {}
		.main_about .txt_sec,
		.main_about .img_sec {padding-bottom:0;height:700px;}

		/* main_service */
		.main_service .btn_skip {left:15px;}
		.service_sld li {height:700px;}
		.service_sld li .txt_box {padding:0 15px;}
		.service_sld li .txt_box strong {}
		.service_sld li .txt_box span {}

		/* main_gallery */
		.main .main_gallery .main_title_box {padding-top:6.5%;}
		.main_gallery .bbs {padding-left:15px;}


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

		/* main 공통 */
		.main .main_title_box {font-size:30px;}

		/* main_about */
		.main_about .txt_sec {padding-bottom:51.2%;}
		.main_about .txt_sec h1 {margin-top:20%;}

	}
	@media only screen and (max-width:1023px) {
		/* main_about */
		.main_about .txt_sec h1 {margin-top:20%;}
		.main_about .txt_sec,
		.main_about .img_sec {padding-bottom:0;height:600px;}


		/* main_community */
		.main_community .bbs_box .bbs {width:calc(50% - 15px);float:left;}
	}
	@media only screen and (max-width:980px) {
		/* main_visual */
		.main_visual .txt_box strong {font-size:55px;}
		.main_visual .txt_box p {font-size:22px;}

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

		/* main_visual */
		.main_visual,
		.main_visual .slick-slide {height:650px;}
		.main_visual .txt_box,
		.main_visual .progressBarContainer {left:30px;}
		.main_visual .txt_box p {font-size:20px;}
		.main_visual .txt_box strong {font-size:50px;}
		.main_visual .txt_box span {margin-top:4em;padding:0 6em 0 2em;line-height:3;}

		/* main 공통 */
		.main .main_title_box {font-size:20px;}
		.main .main_title_box span {margin-top: .8em;}
		.main .main_more {font-size:13px;line-height:3;display:inline-block;border:1px solid #333;color:#fff;position:relative;box-sizing:border-box;transition:all .2s;}
        .main .main_more span {padding:0 5em 0 2em;}
        
		/* main_about */
		.main_about .txt_sec,
		.main_about .img_sec.aos-animate {padding-bottom:0;height:400px;background-position:20% center;}
		.main_about .txt_sec {}
		.main_about .txt_sec h1 {height:30px;margin-top:15%;}
		.main_about .txt_sec .txt_box > span {font-size:0;}
		.main_about .txt_sec .txt_box > span strong {font-size:16px;margin-top:1.4375em;}
        .main_about .txt_sec .txt_box .main_more {margin-top:3em;}

		/* main_service */
        .main_service .btn_skip {bottom:0;}
		.service_sld li {height:600px;}
		.service_sld li .txt_box,
		.service_sld .active li .txt_box {top:31%;}
		.service_sld .active li .txt_box {transform:none;}
		.service_sld li .txt_box strong {font-size:50px;}
		.service_sld li .txt_box span {font-size:20px;}
		
		/* main_gallery */
		.main_gallery .bbs{padding-bottom:54%;}
		.main_gallery .bbs .bbs_ul .bbs_li .thumb {padding-bottom:55%;}


	}
	@media only screen and (max-width:767px) {
		/* main_visual */
		.main_visual,
		.main_visual .slick-slide {height:550px;}

		/* contact_box */
		.contact_box .txt h1 img {height:25px;}
		.contact_box .txt,
		.contact_box .map {width:100%;}
		.contact_box .txt {padding-right:0;padding-bottom:5%;}
		.contact_box .map {padding-bottom:49.7%;width: calc(100% + 30px);margin-left: -15px;}
	}
	@media only screen and (max-width:640px) {
		/* main_visual */
		.main_visual .progressBarContainer {max-width:calc(100% - 90px);width:calc(100% - 90px);}
		.main_visual .progressBarContainer .progress_cut {width:calc(33.3% - 10px);}
		.main_visual .progressBarContainer .progress_cut + .progress_cut {margin-left:10px;}
		.main_visual .progressBarContainer .progress_cut:before {display:none;}
		.main_visual .txt_box,
		.main_visual .progressBarContainer {left:45px;bottom: 8%;}
		.main_visual .txt_box p {margin-bottom:1.05em;}
		.main_visual .txt_box strong {font-size:45px;margin-top:0;}
		.main_visual .txt_box strong br {display:none;}
		.main_visual .txt_box span {margin-top:1.23em;padding:0 4.23em 0 1.269em;line-height:2.415;}

		/* main_about */
		.main_about .txt_sec, 
		.main_about .img_sec {width:100%;height:auto;padding-bottom:0;}
		.main_about .txt_sec h1 {height:17.5px;margin-top:15%;}
		.main_about .txt_sec .txt_box > span {font-size:0;}
		.main_about .txt_sec .txt_box > span strong {font-size:16px;margin-bottom:2.1875em;}
		.main_about .txt_sec .txt_box .main_more {display:none;}
		.main_about .img_sec {background:url('../images/skin/m_main_about_bnr.jpg') no-repeat center top;background-size:cover;}
		.main_about .img_sec {height:300px;background-position:center;}
		
		/* main_service */
		.main_service .main_title_box {padding-top:30px;}
		.service_sld li .txt_box strong {font-size:40px;}
		.service_sld li .txt_box span {font-size:20px;}
		.service_sld li .txt_box strong + span {padding-left:80px;margin-top: 0;}
		
		/* main_community */
		.main_community .bbs_box .bbs,
		.main_community .bbs_box .bbs + .bbs {float:inherit;width:100%;}
		.main_community .bbs_box .bbs + .bbs {margin-top:43px;}

		/* main_gallery */
		.main .main_gallery .main_title_box {position:static;padding:6.5% 15px;}
		.main_gallery .bbs {padding-left:0;padding-bottom:0;height:auto;}
		.main_gallery .bbs .bbs_ul {padding-top:0;}
        
        /* main_contact */
		.main_contact {padding-bottom: 50px !important;}

	}
	@media only screen and (max-width: 479px) {
		/* main_visual */
		.main_visual,
		.main_visual .slick-slide {height:450px;}
		.main_visual .txt_box {left:15px;}
		.main_visual .txt_box p {font-size:18px;}
		.main_visual .txt_box strong {font-size:40px;}
		.main_visual .txt_box span {font-size:12px;}

		/* main_about */
		.main_about .txt_sec h1 {height:17.5px;}
		.main_about .txt_sec .txt_box > span strong {font-size:16px;}
        
		/* main_service */
        .main_service .btn_skip {display:none;}
		.main_service .main_title_box {padding-top:24px;}
		.service_sld li {height:470px;}
		.service_sld li.sld01 {background-image:url('../images/skin/m_main_service_bg01.jpg');}
		.service_sld li.sld02 {background-image:url('../images/skin/m_main_service_bg02.jpg');}
		.service_sld li.sld03 {background-image:url('../images/skin/m_main_service_bg03.jpg');}
		.service_sld li.sld04 {background-image:url('../images/skin/m_main_service_bg04.jpg');}
		.service_sld li .txt_box strong {font-size:30px;line-height:1.5;}
		.service_sld li .txt_box span {font-size:15px;}
		.service_sld li .txt_box strong + span {padding-left:58px;}

		/* main_community */
		.main_community .bbs_box .bbs h3:hover:after {width:0;}
		.main_community .bbs_box .bbs h3 {font-size:18px;margin-bottom:7px;}
		.main_community .bbs_box .bbs h3 a {padding-bottom: .5em;background-size: auto 7px;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li {margin-top:1.3em;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li + .bbs_li {}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li .cont {font-size:12px;}
		.main_community .bbs_box .bbs .bbs_ul .bbs_li .date {}

		/* main_gallery */
		.main_gallery .bbs .bbs_ul {width:100%;}

		.main_gallery .bbs .bbs_ul .bbs_li:hover .thumb img {top:50%;}
		.main_gallery .bbs .bbs_ul .bbs_li:hover:before {height:0;}	
		/* contact_box */
        .contact_box .txt h1 {margin: 10px 0 25px;}
		.contact_box .txt h1 img {height:20px;}
		.contact_box .txt dl dt, 
		.contact_box .txt dl dd,
		.contact_box .txt dl .dn + dd {font-size:13px;}
		.contact_box .map {padding-bottom:0;height:200px;}
	}
	@media screen and (max-width:400px) {
		/* main_visual */
		.main_visual .txt_box strong br {display:block;}
		.main_visual .progressBarContainer {left:25px;}
		.main_visual .progressBarContainer {max-width:calc(100% - 50px);width:calc(100% - 50px);}
	}
	@media screen and (max-width:320px) {
		
	}