@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
───────────────────────────────────────────────────────────*/
/*** company/history (연혁) ***/
	/* 연도 */

/*** 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) {
	}


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

	 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;left:0;top:0;line-height:26px;height:97px;border:0;text-align:center;width:100%;background:#fff;box-sizing:border-box;font-size:0;overflow:visible;z-index:99;}
	#header > * {transition:all .2s;}
	#header .hd_inner {height:100%;margin:0 auto;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);text-align: left;}
	#header .hd_logo {position:absolute;left:100px;top:50%;transform:translateY(-50%);transition:all .2s;z-index: 90;}
	#header .hd_logo img {height:26px;width:auto;}
	#header .hd_lnb {text-align:center;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
	#header .hd_lnb li.lnb_depth1 {}
	#header .hd_lnb li.lnb_depth1 {display:inline-block;vertical-align:middle;transition: border 0.3s;margin: 0 2.333em;font-size:18px;line-height:4.2;font-weight:500;color:#333;position:relative;transition-delay: .5s;}
	#header.on .hd_lnb li.lnb_depth1 {line-height:2.2;transition-delay: .3s;}
	#header .hd_lnb li.lnb_depth1 a {display:block;font-size:inherit;line-height:inherit;color:inherit;border-bottom:2px solid transparent;box-sizing:border-box;}
	#header .hd_lnb li.lnb_depth1 a.lnb_depth1 {}
	#header .hd_lnb li.lnb_depth1.on a.lnb_depth1, 
	#header .hd_lnb li.lnb_depth1 a.lnb_depth1.on, 
	#header .hd_lnb li.lnb_depth1 a.lnb_depth1:hover {border-bottom:2px solid #3FD9B4;color:#3FD9B4;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 {position:absolute;left:-20px;top: 100%;box-sizing:border-box;border:1px solid #ddd;background: #fff;min-width:140px;padding:22px 20px;font-size:0;display: none;}
	#header .hd_lnb li.lnb_depth1:hover ul.lnb_depth2 {display:block;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li {font-size:14px;line-height:1.64;padding:0 1,42em;color:#888;text-align:left;position: relative;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li + li {margin-top:1.21em;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li a {padding-left:10px;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li a:before {content:'';display:inline-block;vertical-align:middle;background:#a0a0a0;border-radius:100%;width:2px;height:2px;margin-right:3px;position: absolute;left:0;top:11px;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li:hover {color:#3FD9B4;}
	#header .hd_lnb li.lnb_depth1 ul.lnb_depth2 li:hover a:before {background:#3FD9B4;}
	#header .hd_right {position:absolute;right:100px;transform:translateY(-50%);top: 50%;transition:all .2s;display: flex;align-items: center;}
	#header .hd_right .hd_lang{display: flex;align-items: center;gap:10px;}
	#header .hd_right .hd_lang li a{font-size:14px;color:#333;font-weight:400;}
	#header .hd_right .hd_lang li.on a{color:#3FD9B4;font-weight:700;}
	#header .btn_hd_my {margin-bottom:2px}
	#header .btn_hd_my a {width:26px;height:20px;background-size: auto 100% !important;font-size: 0;display: inline-block;vertical-align: middle;}
	#header .btn_hd_my .in {background:url('../images/skin/ico_hd_login.png') no-repeat center;}
	#header .btn_hd_my .out {background:url('../images/skin/ico_hd_logout.png') no-repeat center;}
	#header .btn_hd_cate {cursor:pointer;right:4.2%;width:24px;height: 21px;position: relative;margin-left: 20px;}

	#header .btn_hd_cate .menu-trigger {padding:0;box-sizing:border-box;margin-left:30px;display:block;}
	#header .btn_hd_cate .menu-trigger span {transition:0.3s;position:absolute;width:100%;height:3px;background-color:#333;left:0;}
	#header .btn_hd_cate .menu-trigger span:nth-of-type(1) {top:0;}
	#header .btn_hd_cate .menu-trigger span:nth-of-type(2) {top:50%;margin-top: -1.5px;}
	#header .btn_hd_cate .menu-trigger span:nth-of-type(3) {bottom:0;}

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

	/* aside */
		#aside .aside_top .aside_gnb li,
		#aside .aside_top .aside_gnb li + li:before,
		#aside .aside_top .aside_gnb li a,
		#aside .aside_top .aside_right .btn_hd_search,
		#aside .aside_top .aside_right .btn_aside_close {display:inline-block;vertical-align:middle;}
		#aside {top:0px;right:-65%;width:65%;transition:0.8s;height:100%;background:rgba(255,255,255,1);z-index: 999;box-sizing:border-box;display:block;position:fixed;}
		#aside.on {right:0%;}
		#aside .aside_top {}
		#aside .aside_top:after {content:'';display:inline-block;clear:both;}
		#aside .aside_top .aside_gnb {font-size:0;float: left;margin-left: -60px;}
		#aside .aside_top .aside_gnb li {font-size:18px;color:#111;line-height: 1.11;font-weight: 700;}
		#aside .aside_top .aside_gnb li + li {}
		#aside .aside_top .aside_gnb li + li:before {content:'';background:#111;border-radius:100%;width:3px;height:3px;margin:0 10px;}
		#aside .aside_top .aside_gnb li a {font-size:inherit;line-height:inherit;color:inherit;}
		#aside .aside_top .aside_right {float:right;font-size: 0;}
		#aside .aside_top .aside_right .btn_hd_search {width: 20px;height:20px;background:url("../images/skin/icon_hd_search.png") no-repeat 50% 50%;background-size:auto 100%;font-size:0;cursor: pointer;}
		#aside .aside_top .aside_right .btn_aside_close {width: 21px;height: 20px;cursor:pointer;margin-left: 21px;position: relative;}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%;display: block;position: relative;}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width: 24px;height:2px;background-color:#000;left:0;top: 10px;}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform:translateY (0) rotate (-45deg);transform:translateY(0) rotate(-45deg);}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
		#aside .aside_box {width:100%;height:100%;margin:0;padding: 50px 100px 50px 260px;overflow-y:auto;box-sizing: border-box;}
		#aside .aside_box:before {left:110px;top:0;width:1px;height:100%;background:#ccc;position:absolute;display:inline-block;content:"";}
		#aside .aside_box .logo {width:110px;height:110px;transform:translate(-50%, -12%);left:0;top:50%;position:absolute;text-align:left;}
		#aside .aside_box .logo a {width:203px;height:25px;transform:rotate(270deg);display:block;}
		#aside .aside_box .logo img {height:25px;width:auto;}
		#aside .aside_box .aside_lnb {box-sizing:border-box;padding: 120px 0 0;}
		#aside .aside_box .aside_lnb:after {content:'';display:block;clear:both;}
		#aside .aside_box .aside_lnb h3 {height:19px;line-height:19px;font-size:13px;letter-spacing:0.2px;font-weight:600;color:#3FD9B4;width:auto;display:inline-block;position:relative;}
		#aside .aside_box .aside_lnb h3:before {left:-50px;top:9px;width:30px;height:2px;background:#3FD9B4;position:absolute;display:inline-block;content:"";}
		#aside .aside_box .aside_lnb ul.slidemenu {padding: 46px 0 50px 0;font-size:0;}
		#aside .aside_box .aside_lnb ul.slidemenu li {line-height:23px;padding:14px 0 13px;width:100%;text-align:left;font-size:0;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span,
		#aside .aside_box .aside_lnb ul.slidemenu li span.lnb_dep2,
		#aside .aside_box .aside_lnb ul.slidemenu li span.lnb_dep2 a {height:23px;line-height:23px;display:inline-block;vertical-align:top;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:180px;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:18px;letter-spacing:-1px;font-weight:700;color:#000;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li ul{display:inline-block;vertical-align:middle;}
		#aside .aside_box .aside_lnb ul.slidemenu li ul {width:calc(100% - 153px);margin-left:-37px;}
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 {display:inline-block;vertical-align:middle;padding:0;line-height:inherit;width:auto;margin-left:37px;}
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {font-size:14px;letter-spacing:1px;font-weight:400;color:#999;}
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 + .lnb_dep2 {}

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

	/* main_header */
	#wrap.main_index #header {transition: all 1.2s ease, height .7s ease;top:0;height:0;transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	#wrap.main_index #header.move {height:100px;}
	#wrap.main_index #header .hd_inner {opacity:0;transition:opacity 1.5s ease;transition-delay:1s;box-shadow: none;} 
	#wrap.main_index #header.move .hd_inner {opacity:1;}
	#wrap.main_index #header.move.on .hd_inner {box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
	.main_visual {position:relative;width:100%;min-width:1200px;margin:0;margin:0 auto;box-sizing:border-box;}
	.main_visual:before,
	.main_visual:after {content:'';width:0;height:100%;background:#fff;position:absolute;top:0;z-index:4;transition:width .7s ease;transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	.main_visual:before {left:0;}
	.main_visual:after {right:0;}
	.main_visual.move:before,
	.main_visual.move:after {width:98px;}

	/* header on */
	#header.on .hd_logo {left:50px;}
	#header.on .hd_right {right:50px;}
	#wrap.main_index #header.move.on,
	#wrap #header.move, #wrap #header.on {height:60px;}


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


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

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

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

	@media only screen and (max-width: 1217px) {
		#header .hd_logo {left:50px;}
		#header .hd_logo img {height:23px;}
		#header .hd_lnb {padding:0;}
		#header .hd_lnb li.lnb_depth1 {font-size: 16px;margin:0 20px;}
		#header .hd_right {right:50px;}

		/* main header */
		#wrap.main_index #header.move {height: 80px;}

		/* header on */
		#header.on .hd_logo {left:30px;}
		#header.on .hd_right {right:30px;}
		#wrap.main_index #header.move.on,
		#wrap #header.move {height:60px;}

		.layer_hd_search {}
		#header .layer_hd_search.on {left:0;top:100px;height:180px;padding:60px 0;width:100%;}
		.layer_hd_search .hd_search_box {width: 50%;height:60px;border-radius:30px;padding:15px 25px;}
		.layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:28px;line-height:28px;font-size:15px;}
		.layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:15px;}
		.layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:15px;}
		.layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:15px;}
		.layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:15px;}
		.layer_hd_search .hd_search_box button {width:21px;height:28px;line-height:28px;}

		#header .hd_all_layer {left:0;top:calc(100% - 10px);padding:10px 0 0 0;width:100%;}
		#header .hd_all_layer .hd_all_layer_box {padding:2% 7.75%;}
		#header .hd_all_layer .hd_all_layer_box ul {}
		#header .hd_all_layer .hd_all_layer_box ul li {padding:0 5%;}
		#header .hd_all_layer .hd_all_layer_box ul li a {font-size:15px;padding:6px 0;max-width:165%;margin:0 -32.5%;line-height:23px;white-space:nowrap;}
		#header .hd_all_layer .hd_all_layer_box ul li a:hover:after {height:5px;bottom:8px;left:-12px;width:calc(100% + 24px);}

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

		#aside .close {right:7.2%;top:38px;width:22px;height:22px;line-height:22px;}
		.aside_bg {left:0px;top:0px;width:100%;height:100%;}
		.aside_bg.on {}
	}

	@media only screen and (max-width:1023px) {
		#header .hd_lnb {display:none;}
	}

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

	}

	@media only screen and (max-width:812px) {
		#wrap #header {line-height:16px;height:65px;}
		#header .hd_inner {}
		#header .hd_logo {}
		#header .hd_logo img {height:21px;}
		#header .btn_hd_search, #header .btn_hd_cate {}
		#header .btn_hd_search {left:4.6875%;width:20px;height:20px;line-height:16px;}
		#header .btn_hd_cate {right:4.6875%;height:18px;}
		#header .btn_hd_cate .menu-trigger span {height:2px;}
		#header .layer_hd_search.on {top:50px;height:90px;padding:25px 0;width:100%;}
		.layer_hd_search .hd_search_box {width: 60%;height:40px;border-radius:20px;padding:10px 15px;}
		.layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:18px;line-height:18px;font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box button {width:14px;height:18px;line-height:18px;}
	}

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

	@media only screen and (max-width: 640px) {
		#header .hd_logo {left:20px;}
		#header .hd_logo img {height: 19px;}
		#header .hd_right {right: 20px;}
		#header .btn_hd_my .out {width: 23px;height: 17px;}
		#header .btn_hd_cate {height:17px;}
        
        /* main header */
		#wrap.main_index #header.move {height: 65px;}

		/* header on */
		#header.on .hd_logo {left:18px;}
		#header.on .hd_right {right:18px;}
		#wrap.main_index #header.move.on,
		#wrap #header.move {height:55px;}

		#aside .aside_box .logo img {height:20px;}
		#aside .aside_top .aside_gnb li {font-size: 14px;}
		#aside .aside_top .aside_right .btn_aside_close .menu-trigger2.active-1 span {height:1px;}
		#aside .aside_box .aside_lnb ul.slidemenu li ul{width:calc(100% + 8%);margin-left:-8%;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:100%;}

	}

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

		#aside {top:0px;right:-100%;width:100%;}
		#aside.on {right:0%;}
		#aside .aside_box {padding: 20px 4.6875%;}
		#aside .aside_box:before {display:none;}
		#aside .aside_box .logo {display:none;}
		#aside .aside_box .aside_lnb {padding: 30px 0;box-sizing:border-box;text-align:left;}
		#aside .aside_box .aside_lnb h3 {height:17px;line-height:17px;font-size:12px;letter-spacing:0.2px;}
		#aside .aside_box .aside_lnb h3:before {left:auto;right:-30px;top:8px;width:20px;height:1px;}
		#aside .aside_box .aside_lnb ul.slidemenu {padding: 0 0 73px 0;}
		#aside .aside_box .aside_lnb ul.slidemenu + h3 + ul.slidemenu {padding-bottom:0;}
		#aside .aside_box .aside_lnb ul.slidemenu li {line-height:26px;padding:20px 0 0px;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {height:26px;line-height:25px;}
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {height:24px;line-height:17px;}
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
		#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:16px;letter-spacing:1px;}
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 {}
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {font-size:14px;letter-spacing:1px;}
		#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 + .lnb_dep2 {}

		#aside .btn_mMenuClose {right:4.6875%;top:15px;width:15px;height:16px;line-height:14px;}
		.aside_bg {left:0px;top:0px;width:100%;height:100%;}
		.aside_bg.on {}
		
	}
	
	@media only screen and (max-width:479px) {
		#wrap #header {}
		#header.on {}
		#wrap #header.on {border-bottom:1px solid #ddd;}
		#header .hd_inner {border-bottom:0;width:100%;}
		#header .hd_logo {}
		#header .hd_logo img {height:19px;}
		#header .btn_hd_search, #header .btn_hd_cate {}
		#header .btn_hd_search {}
		#header .btn_hd_cate {width:20px;height:16px;}
		#header .hd_lnb1, #header .hd_lnb2 {display:none;}
		.layer_hd_search {}
		#header .layer_hd_search.on {left:0;top:50px;height:90px;padding:25px 0;width:100%;}
		.layer_hd_search .hd_search_box {width:75%;height:40px;border-radius:20px;padding:10px 15px;}
		.layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:18px;line-height:18px;font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:13px;}
		.layer_hd_search .hd_search_box button {width:14px;height:18px;line-height:18px;}


	}





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

	 FOOTER | outline/footer.html

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

	#footer {background:#fff;}
	#footer .ft_nav {border-bottom:1px solid #ddd;}
	#footer .w_custom2 .ft_nav {font-size:0;position:relative;}
	#footer .w_custom2 .ft_nav li {display:inline-block;vertical-align:middle;}
	#footer .w_custom2 .ft_nav li + li {margin-left:24px;}
	#footer .w_custom2 .ft_nav li a,
	#footer .w_custom2 .ft_nav li a strong {display:block;line-height:5.3;font-size:13px;color:#666;font-weight: 400;}
	#footer .w_custom2 .ft_nav li a strong {color:#000;font-weight:500;}
	#footer .w_custom2 .ft_nav .btn_top {font-size:14px;color:#222;position:absolute;right:0;top:0;height:100%;display:inline-block;line-height:4.8;font-weight: 600;}
	#footer .w_custom2 .ft_nav .btn_top:after {content:' ';display:inline-block;width:6px;height:6px;border-top:1px solid #000;border-left:1px solid #000;transform:rotate(45deg);margin-left:15px;}
	#footer .ft_btm {padding:55px 0 78px;font-size:0;position:relative;}
	#footer .ft_btm div,
	#footer .ft_btm dl dt,
	#footer .ft_btm dl dd {display:inline-block;vertical-align:top;}
	#footer .ft_btm div + div {margin-left: 120px;padding-left: 40px;border-left: 1px solid #ddd;}
	#footer .ft_btm div h3{margin-bottom:40px;font-size:16px;line-height:1;color:#333;font-weight:500;}
	#footer .ft_btm dl dt,
	#footer .ft_btm dl dd {font-size:13px;line-height: 1.2;font-weight:400;}
	#footer .ft_btm dl {font-size:0;}
	#footer .ft_btm dl + dl {margin-top:20px;}
	#footer .ft_btm dl dt {color:#999;width:63px;}
	#footer .ft_btm dl dd {color:#555;}
	#footer .ft_btm .ft_info {}
	#footer .ft_btm .ft_info dl dt {width:84px;}
	#footer .ft_btm .ft_contact {}
	#footer .ft_btm .ft_location {}
	#footer .ft_btm .copyright {font-weight: 400;font-size: 14px;line-height:1;margin-top:50px;color: #888;text-transform: uppercase;}
	#footer .ft_btm .ft_sns {position:absolute;right:30px;top:95px;border-left: 0;}
	#footer .ft_btm .ft_sns ul {font-size:0;}
	#footer .ft_btm .ft_sns ul li {display:inline-block;vertical-align:middle;margin:0 11px;}
	#footer .ft_btm .ft_sns ul li ung {}


	@media only screen and (max-width:1400px) {
		#footer .ft_btm {padding-bottom:44px;}
		#footer .ft_btm div + div {margin-left:5%;padding-left:5%;}
		#footer .ft_btm .ft_sns {position:static;width:100%;margin:60px 0 0 0;text-align:center;}
		#footer .ft_btm .ft_sns ul {}
		#footer .ft_btm .ft_sns ul li {margin:0 11px;}
		#footer .ft_btm .ft_sns ul li img {}

	}
	@media only screen and (max-width:1180px) {
		#footer .ft_btm {padding-top:40px;}
		#footer .ft_btm div + div {margin-left: 3%;padding-left: 3%;}
	}
	@media only screen and (max-width:1023px) {
		#footer .ft_btm div + div {margin-left:12.5%;padding-left: 0;border-left: 0;}
		#footer .ft_btm .ft_location {width:100%;margin-left:0;margin-top:50px;}
	}
	@media only screen and (max-width:640px) {
		#footer .w_custom2 .ft_nav {}
		#footer .w_custom2 .ft_nav li {}
		#footer .w_custom2 .ft_nav li + li {margin-left:6%;}
		#footer .w_custom2 .ft_nav li a, 
		#footer .w_custom2 .ft_nav li a strong {font-size:14px;line-height:3.8;}
		#footer .w_custom2 .ft_nav .btn_top {display:none;}
		#footer .ft_btm {padding:30px 0 35px;}
		#footer .ft_btm div {width:100%;margin-left:0;}
		#footer .ft_btm div + div {margin-left:0;padding-left: 0;border-left: 0;margin-top:40px;}
		#footer .ft_btm dl + dl {margin-top:15px;}
		#footer .ft_btm div h3{margin-bottom:20px;}
		#footer .ft_btm dl dt,
		#footer .ft_btm dl dd {font-size:15px;}
		#footer .ft_btm dl dt {width:90px;}
		#footer .ft_btm dl dd {width:calc(100% - 90px);}
		#footer .ft_btm .copyright {margin-top:33px;font-size:14px;}
	}

	@media only screen and (max-width:380px) {
		#footer .w_custom2 .ft_nav li + li {margin-left:4%;}
    	#footer .w_custom2 .ft_nav li a, 
    	#footer .w_custom2 .ft_nav li a strong {font-size:13px;}
	}




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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main_index#wrap #container {padding-top:0 !important;}
	.main_index #contents_wrap {width:100%;padding:0 !important;}
	.main_index #contents_wrap #contents_box {padding:0;}
	.main_index #wrap {padding-top:0;}



	/* visual */

		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;position:absolute;left:0;top:0;outline:0;z-index:5;}
		.main_visual .slick-slide .img {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:auto 100%;background-repeat:no-repeat;}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;}
		.main_visual .txt_box {width:100%;text-align:left;position:absolute;top:50%;left:4.6%;padding:0 5.4%;font-size:0;color:#fff;transform:translateY(-50%);box-sizing:border-box;z-index:6;}
		.main_visual .txt_box strong {display:block;font-size:70px;line-height:0.85;margin-bottom:0.785em;color:#fff;}
		.main_visual .txt_box strong b {color:#3FD9B4;font-size:inherit;line-height:inherit;}
		.main_visual .txt_box p {}
		.main_visual .txt_box p b,
		.main_visual .txt_box p span {display:inline-block;vertical-align:middle;}
		.main_visual .txt_box p b {font-size:24px;line-height:1;margin-right:0.791em;color:inherit;font-weight:400;}
		.main_visual .txt_box p b em {font-size:inherit;line-height:inherit;color:inherit;font-weight:600;}
		.main_visual .txt_box p span {font-size:18px;line-height:1.4;}

		.main_visual .txt_box strong,
		.main_visual .txt_box p,
		.main_visual .txt_box .logo{position:relative;bottom:-50px;opacity:0;transition:all 0.7s;}
		.main_visual .txt_box .logo{width:126px;filter:brightness(0) invert(1);margin-top:20px;}
		

		.main_visual .slick-arrow {width:50px;height:50px;font-size:0;border:1px solid #fff;box-sizing:border-box;position:absolute;bottom:18.1%;left: 10%;z-index:1;transition:all .2s;}
		.main_visual .slick-prev {background:url('../images/skin/btn_main_visual_prev.png') no-repeat center;}
		.main_visual .slick-next {background:url('../images/skin/btn_main_visual_next.png') no-repeat center;border-left:0;margin-left:49px;}
		.main_visual .slick-prev:hover {background:url('../images/skin/btn_main_visual_prev_on.png') no-repeat center #fff;}
		.main_visual .slick-next:hover {background:url('../images/skin/btn_main_visual_next_on.png') no-repeat center #fff;}
		
		/* visual active */
			.main_visual .slick-slide.active .txt_box strong,
			.main_visual .slick-slide.active .txt_box p,
			.main_visual .slick-slide.active .txt_box .logo{opacity:1;bottom:0;}
			.main_visual .slick-slide.active .txt_box strong {}
			.main_visual .slick-slide.active .txt_box p {transition-delay:.2s;}
			.main_visual .slick-slide.active .txt_box .logo{transition-delay:.4s;}


	/* 메인 공통 */
		.main_index #container {}

		.main {padding:60px 0 0;}
		.main .section{overflow:hidden;padding:60px 0;} 

		.main {width:100%;overflow:hidden;}
		.main .w_custom {}

		.main .btn_more {display:inline-block;padding:21px 29px;position:relative;vertical-align:middle;font-size:16px;line-height:1;border:1px solid transparent;border-radius:0px;background:transparent;overflow:hidden;-webkit-transition:color .55s cubic-bezier(.52,.08,.18,1);transition:color .55s cubic-bezier(.52,.08,.18,1);border:1px solid #333;background:#fff;}
		.main .btn_more span {position:relative;color:#333;transition:all .2s;}
		.main .btn_more:before {content:'';display:block;width:120%;height:100%;position:absolute;left:0;top:0;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:translateX(-101%) skewX(-17.62deg);-ms-transform:translateX(-101%) skewX(-17.62deg);transform:translateX(-101%) skewX(-17.62deg);-webkit-transition:-webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition:-webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition:transform .55s cubic-bezier(.52,.08,.18,1);transition:transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#333;}
		.main .btn_more:hover span {color:#fff;}
		.main .btn_more:hover:before {-webkit-transform:translateX(0) skewX(-17.62deg);-ms-transform:translateX(0) skewX(-17.62deg);transform:translateX(0) skewX(-17.62deg);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}

	/* main_about */
		.main_about {}
		.main_about .w_custom {}
		.main_about .w_custom ul {font-size:0;text-align:center;}
		.main_about .w_custom ul li {display:inline-block;vertical-align:top;width:calc(33.3% - 20px);position:relative;padding-top:10px;box-sizing:border-box;}
		.main_about .w_custom ul li + li {margin-left:30px;}
		.main_about .w_custom ul li a {position:absolute;left:0;bottom:0;right:0;top:0;}
		.main_about .w_custom ul li img {width:100%;transition:all .2s;}
		.main_about .w_custom ul li .txt {padding:35px 0 0;text-align:left;}
		.main_about .w_custom ul li .txt strong {font-size:22px;color:#333;line-height:1;display:inline-block;}
		.main_about .w_custom ul li .txt strong:after {content:'';display:inline-block;margin:0 0 6px 5px;vertical-align:bottom;width:9px;height:9px;border-top:2px solid #333;border-left:2px solid #333;transform:rotate(135deg);}
		.main_about .w_custom ul li:hover img {box-shadow:10px 6px 15px 0px #ddd;margin-top:-10px;}

	/* main_community */
		.main_community {font-size:0;}
		.main_community .w_custom {font-size:0;}
		.main_community .board_cont {display:inline-block;vertical-align:top;width:calc(50% - 40px);box-sizing:border-box;}
		.main_community .board_cont + .board_cont {margin-left:80px;}
		.main_community .board_cont h4 {display:block;position:relative;}
		.main_community .board_cont h4 a {font-size:20px;line-height:1;color:#333;display:block;font-weight:600;padding-bottom:0.65em;border-bottom:1px solid #e8e8e8;transition:all .2s;}
		.main_community .board_cont:hover h4 a {border-bottom:1px solid #333;}
		.main_community .board_cont ul {padding:22px 0 0;}
		.main_community .board_cont ul li {overflow:hidden;position:relative;}
		.main_community .board_cont ul li + li {margin-top:16px;}
		.main_community .board_cont ul li a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
		.main_community .board_cont ul li span {font-weight:400;}
		.main_community .board_cont ul li span {display:block;}
		.main_community .board_cont ul li .tit {color:#333;transition:0.2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1;}
		.main_community .board_cont ul li .tit b {font-size:inherit;color:inherit;line-height:inherit;font-weight:400;}
		.main_community .board_cont ul li .cont {color:#a7a7a7;font-size:14px;line-height:1.7;padding:1.1em 0 0;}
		.main_community .board_cont ul li .more {color:#777;margin:1.6em 0 0;font-size:13px;background:url('../images/skin/ico_bbs_more.png') no-repeat right 5px;display:inline-block;padding-right:1.3em;transition:all .2s;}
		.main_community .board_cont ul li:hover .more {padding-right:2em;opacity:0.8;}
		.main_community .board_cont ul li:hover .tit {color:#333;}
		.main_about .w_custom ul li .txt p {padding:1.3em 0 0;font-size:14px;line-height:1.7;word-break:keep-all;}


	/* main_service */
		.main_service {}
		.main_service h4 {font-size:30px;line-height:1;margin-bottom:1.333em;font-weight:500;color:#000;text-align:center;}
		.main_service .board_ul {font-size:0;}
		.main_service .board_ul .board_li {display:inline-block;width:25%;box-sizing:border-box;position:relative;}
		.main_service .board_ul .board_li > a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		.main_service .board_ul .board_li .thumb {height:0;padding-bottom: 79%;overflow: hidden;position: relative;background: #f5f5f5;}
		.main_service .board_ul .board_li .thumb img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width: 100%;height: auto;}
		.main_service .board_ul .board_li .txt {position:absolute;left:0;top:0;bottom:0;right:0;text-align:center;background:rgba(0,0,0,0.6);opacity:0;transition: all .5s;}
		.main_service .board_ul .board_li .txt strong {display:block;font-size:30px;line-height:1.2;font-weight:500;color:#fff;position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%, -50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.main_service .board_ul .board_li .txt strong:after {content:'';display:block;width:40px;height: 0px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size:100% 1px,1px 100%;background-repeat:no-repeat;margin:20px auto 0;transition: all .4s, height.5s;}
		.main_service .board_ul .board_li:hover .txt {opacity:1;}
		.main_service .board_ul .board_li:hover .txt strong:after {transform: rotate(180deg);height: 40px;}


	/* main_wide */
		.main_wide {padding-bottom:0 !important;}
		.main_wide .wide_bnr {position:relative;overflow:hidden;}
		.main_wide .wide_bnr:after {content:'';display:inline-block;position:absolute;right:0;left:0;bottom:0;top:0;background:url('../images/skin/main_wide_bnr.jpg') no-repeat center;background-size:cover;transition:all .7s;z-index:-1;}
		.main_wide .wide_bnr:hover:after {opacity:.9;}
		.main_wide .txt {text-align:center;padding:4.2em 20px 5.6em;font-size:50px;word-break:keep-all;}
		.main_wide .txt strong {display:block;font-size:inherit;line-height:1;color:#3FD9B4;}
		.main_wide .txt p {font-size:30px;line-height:1.1666;margin-top:0.8em;color:#fff;}
		
		.test {background:#fff;height:200px;padding:20px;text-align:center;}
		.test strong {display:inline-block;font-size:inherit;line-height:1;color:#3FD9B4;transition:all .1s;position:relative;margin:0 auto;font-size:50px;}
		.test span {font-size:inherit;}
		.test strong:before,
		.test strong:after {content:'';display:block;width:100%;height:50%;position:absolute;left:0;background:#fff;transition:all 2s;}
		.test strong:before {top:0;}
		.test strong:after {bottom:0;}
		.test:hover strong:before {top:-100%;}
		.test:hover strong:after {bottom:-100%;}
		.test span:before,
		.test span:after {content:'';display:inline-block;width:100%;height:1px;background:#000;position:absolute;left:0;z-index:5;transition:all 1s;}
		.test span:before {top:50%;}
		.test span:after {bottom:calc(50% - 1px);}
		.test:hover span:before {top:-5px;}
        .test:hover span:after {bottom:-5px;}
    	.test:hover span:before,
		.test:hover span:after {transition-delay:0s;}
        

	@media only screen and (max-width:1450px) {
		/* main_visual */
			.main_visual {widtH:100%;}
			.main_visual .txt_box {left:0;padding:0 50px;}
			.main_visual .slick-prev {}
			.main_visual .slick-next {}
			.main_visual.move:before, 
			.main_visual.move:after {width: 70px;}
		
		/* main_service */
			.main_service .board_ul .board_li .txt strong {font-size:25px;}
			.main_service .board_ul .board_li .txt strong:after {width:30px;height:30px;}

	}
	

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

	@media only screen and (max-width:1230px) {
		/* main_service */
			.main_service .program_box .swiper-container .swiper-wrapper {left:15px;margin-left:0;}
			.main_service .program_box .swiper-container .swiper-pagination {max-width:100%;width:calc(100% - 30px);margin:3.9% auto 0;}

	 }
	@media only screen and (max-width:1217px) {
		/* main_visual */
			.main_visual {min-width:100%;}
			.main_visual.move:before, 
			.main_visual.move:after {width: 30px;}
		
		/* 메인공통 */
			.main .section{padding:5% 0;} 
			.main .tit_box {margin:0 auto 3%;}

		/* main_about */
			.main_about .w_custom ul li {width:calc(33.3% - 15px);}
			.main_about .w_custom ul li + li {margin-left:22px;}
			.main_about .w_custom ul li .txt {padding:20px 0 0;}
			.main_about .w_custom ul li .txt strong {font-size:20px;}
			.main_about .w_custom ul li .txt strong:after {margin:0 0 6px 5px;width:7px;height:7px;}
			.main_about .w_custom ul li .txt p {}

		/* main_community */
			.main_community .board_cont {width:calc(50% - 2%);}
			.main_community .board_cont + .board_cont {margin-left:4%;}
			.main_community .board_cont h4 {}
			.main_community .board_cont ul li + li {margin-top:3.5%;}
			
		/* main_service */
			.main_service .board_ul .board_li .txt strong {font-size:25px;}
			.main_service .board_ul .board_li .txt strong:after {width:30px;height:30px;}

		/* main_wide */
			.main_wide .txt {font-size:40px;}
			.main_wide .txt p {font-size:25px;}

	}

	@media only screen and (max-width:1180px) {
		/* visual */
			.main_visual.move:before, 
			.main_visual.move:after {width:15px;}
		/* visual */
			.main_visual .txt_box strong {font-size:55px;}
			.main_visual .txt_box p b {font-size:23px;}
			.main_visual .slick-arrow {left: 9.2%;bottom:26.4%;height:45px;width:45px;}
			.main_visual .slick-next {margin-left:45px;}
	}


	@media only screen and (max-width:1023px) {
	}
	@media only screen and (max-width:860px) {
		.main {padding-top:30px;}
		
		/* main_community */
			.main_community .board_cont h4 a {font-size:18px;}
			.main_community .board_cont h4:before, 
			.main_community .board_cont h4:after {width:18px;}
			.main_community .board_cont ul {padding:15px 0 0;}
			.main_community .board_cont ul li .tit {font-size:14px;}
			.main_community .board_cont ul li .cont {font-size:13px;}
			.main_community .board_cont ul li .more,
			.main_community .board_cont ul li:hover .more {font-size:12px;background-position: right;padding-right:1.5em;}

		/* main_about */
			.main_about .w_custom ul li {width:calc(33.3% - 10px);}
			.main_about .w_custom ul li + li {margin-left:15px;}
			.main_about .w_custom ul li .txt {padding:15px 0 0;}
			.main_about .w_custom ul li .txt strong {font-size:18px;}
			.main_about .w_custom ul li .txt strong:after {}
			.main_about .w_custom ul li .txt p {font-size:13px;}


		/* main_wide */
			.main_wide .txt {font-size:35px;padding:2.5em 20px 4em}
			.main_wide .txt p {font-size:20px;}

	}
	@media only screen and (max-width:767px) {
		/* main_service */
		    .main_service {padding-left:0 !important;padding-right:0 !important;}
			.main_service .board_ul .board_li {width:50%;}
			.main_service .board_ul .board_li .txt {position:static;opacity:1;background:none;}
			.main_service .board_ul .board_li .txt strong {font-size:16px;margin: 1em auto 1.656em;font-weight: 600;color:#333;position: static;transform: none;width: 90%;text-align: center;}
			.main_service .board_ul .board_li .txt strong:after {display:none;}
		
	}
	@media only screen and (max-width:670px) {
	}
	@media only screen and (max-width:640px) {
		/* visual */
			.main_visual .txt_box{padding:0 30px;}
			.main_visual .txt_box p span {display:block;}
			.main_visual .txt_box strong {font-size:40px;line-height:1.1;}
			.main_visual .txt_box p b {font-size:19px;line-height:1.47;}
			.main_visual .txt_box p span {font-size:16px;}
			.main_visual .slick-arrow {}
			
		/* main_about */
			.main_about .w_custom ul li {width:100%;}
			.main_about .w_custom ul li + li {margin-left:0;margin-top:30px;}
			.main_about .w_custom ul li .txt {padding:20px 0 0;}
			.main_about .w_custom ul li .txt strong {font-size:16px;}
			.main_about .w_custom ul li .txt strong:after {margin:0 0 5px 4px;}
			.main_about .w_custom ul li .txt p {font-size:13px;padding:1em 0 0;}

		/* main_community */
			.main_community .board_cont {display:block;width:100%;}
			.main_community .board_cont + .board_cont {margin-left:0;margin-top: 8%;}

		/* main_wide */
			.main_wide .txt {font-size:30px;padding:1.833em 15px 3.333em;}
			.main_wide .txt p {font-size:18px;line-height:1.5;}

	}
	@media only screen and (max-width:570px) {
	}
	@media only screen and (max-width:510px) {
	}
	@media only screen and (max-width:479px) {
		.main {padding-top:0px;}
		/* visual */
			.main_visual .visual_btn_wrap .control_btn {display:none;} 
			.main_visual .visual_btn_wrap .menu_btn {width:72%;min-width:260px;} 
			.main_visual .visual_btn_wrap .menu_btn li {width:auto;}
			.main_visual .visual_btn_wrap .menu_btn li a.for_pc {display:none;}
			.main_visual .visual_btn_wrap .menu_btn li a.for_m {display:block;font-size:0;}
			.main_visual .visual_btn_wrap .menu_btn li {width:19.5%;}
			.main_visual .visual_btn_wrap .menu_btn li:nth-of-type(1) a {background:url('../images/skin/visual_btn_call.png') no-repeat center;background-size:auto 17px;}
			.main_visual .visual_btn_wrap .menu_btn li:nth-of-type(2) a {font-size:0;background:url('../images/skin/visual_btn_reservation.png') no-repeat center;background-size:auto 17px;}
			.main_visual .visual_btn_wrap .menu_btn li:nth-of-type(3) {width:61%;}
			.main_visual .visual_btn_wrap .menu_btn li:nth-of-type(3) a {font-size:14px;line-height:55px;}
			.main_visual .visual_btn_wrap .menu_btn li + li:before {height:20px;margin-top:-10px;}
			.main_visual .slick-arrow{bottom:21.4%;}
			.main_visual .slick-prev,
			.main_visual .slick-prev:hover {background:url('../images/skin/btn_main_visual_prev.png') no-repeat center;}
			.main_visual .slick-next,
			.main_visual .slick-next:hover {background:url('../images/skin/btn_main_visual_next.png') no-repeat center;}
			
			.main_visual .txt_box .logo{width:115px;}

			.main_visual .txt_box strong{transition-delay:0.5s;}
			.main_visual .slick-slide.active .txt_box p{transition-delay:0.7s;}
		/* main_about */
			.main_about .w_custom {padding:20px 0;}
			.main_about .w_custom .tit_box {}
			.main_about .w_custom p {font-size:13px;line-height:22px;}

		/* main_community */
			.main_community .board_cont h4 a {font-size:20px;}
			.main_community .board_cont h4:before, 
			.main_community .board_cont h4:after {width:10px;}
			.main_community .board_cont ul li span, 
			.main_community .board_cont ul li .tit b {font-size:12px;line-height:12px;}


		/* main_wide */
			.main_wide .txt {font-size:25px;}
			.main_wide .txt p {font-size:15px;}


	}
	@media only screen and (max-width:450px) {
	}
	@media only screen and (max-width:380px) {
	}
	@media only screen and (max-width:350px) {
	}
	@media screen and (max-width:320px) {
	}








