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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #header {width:100%;margin:0;padding:0;}
#wrap #container {width:100%;margin:0;padding:0;}
#wrap #footer {width:100%;margin:0;padding:0;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:0;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
#contents_wrap #side_box {width:100%;padding:5.6% 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
#contents_wrap #contents_box {width:100%;padding:5.6% 0 7.2% 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 {width:1200px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;overflow: visible;}

@media only screen and (max-width:1217px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;}
	.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1023px) {
	#contents_wrap #side_box {padding:4.8% 0 0 0;}
	#contents_wrap #contents_box {padding:4.8% 0 6.4% 0;}
}
@media only screen and (max-width:860px) {
	#contents_wrap #side_box {padding:4.2% 0 0 0;}
	#contents_wrap #contents_box {padding:4.2% 0 6.4% 0;}
}
@media only screen and (max-width:767px) {
	/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
	#contents_wrap #side_box {display:none;}
}
@media only screen and (max-width:640px) {
	#contents_wrap #contents_box {padding:4.2% 0 10.4% 0;}
}
@media only screen and (max-width:479px) {
	#contents_wrap #contents_box {padding:4.2% 0 12% 0;}
}
@media only screen and (max-width:320px) {
	.w_custom{width:100%;padding-left:10px !important;padding-right:10px !important;}
}


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

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

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

/*** company/work (조직도1번) ***/
.sub_chart.chart1 .chart .chart_box h3:nth-child(2) {background:#47fae4;}

/*** 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;}


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

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

───────────────────────────────────────────────────────────*/
	#wrap #header {width:100%;box-sizing:border-box;background:#000;position:fixed;width:100%;left:0;top:0;z-index: 500;border-bottom:1px solid #333333;transition:all 0.1s;}
	#wrap #header.main_hd.on {background:transparent;border-bottom:0;}
	#header .header_inner {position:relative;text-align:center;z-index: 1;height:100%;width:calc(100% - 100px);margin:0 auto;}
	#header .header_inner .logo {position:absolute;left:0;top:50%;transform:translateY(-50%);}
	#header .header_inner .logo a {display:block;background:url('../images/skin/logo.png') no-repeat 0 0;font-size:0;width:209px;height:26px;}
  
	#header #lnb {text-align:center;width:auto;}
	#header #lnb .dep1_li {display: inline-block;vertical-align: middle;position:relative;padding: 28px 3.1%;}
	#header #lnb .dep1_li + .dep1_li {}
	#header #lnb .dep1_li .dep1_a {display:block;font-size:16px;color:#fff;line-height:34px;font-weight: 200;}
	#header #lnb .dep1_li .dep2 {position:absolute;width: 100%;top: 100%;left:0;display:none;padding: 23px 0 21px;z-index: 50;}
	#header #lnb .dep1_li:hover .dep1_a {color:#47fae4;}
	#header #lnb .dep1_li .dep2 a {display: inline-block;font-size:14px;color:#fff;line-height:24px;margin: 11px 0;transition:0.2s;border-bottom:1px solid transparent;text-align: center;font-weight: 200;}
	#header #lnb .dep1_li .dep2 a:hover {color: #47fae4;border-color:#47fae4;}

	#header .hd_gnb {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
	#header .hd_gnb .lang {height:100%;width:46px;border: 1px solid #ccc;text-align:center;position: relative;box-sizing: border-box;z-index: 1;}
	#header .hd_gnb .lang strong {display:block;cursor:pointer;font-size: 14px;line-height: 46px;color: #666666;font-weight:400;text-transform: uppercase;}
	#header .hd_gnb .lang ul {display:none;position: absolute;top: calc(100% + 1px);border: 1px solid #c0c0c0;background: #fff;width: calc(100% + 2px);left: -1px;box-sizing: border-box;border-top: 0;z-index: 1;}
	#header .hd_gnb .lang ul li {}
	#header .hd_gnb .lang ul li a {font-size:13px;line-height:40px;color:#888888;padding:0 14px;display:block;}

	#header .hd_gnb .lang,
	#header .hd_gnb .hd_sns,
	#header .hd_gnb .hd_sns li,
	#header .hd_gnb .hd_menu {display:inline-block;vertical-align:middle;}

	#header .hd_gnb .hd_sns {font-size:0;}
	#header .hd_gnb .hd_sns li {}
	#header .hd_gnb .hd_sns li + li {margin-left:25px;}
	#header .hd_gnb .hd_sns li a {display:block;}
	#header .hd_gnb .hd_sns li img {}

	#header .hd_gnb .hd_menu,
	#aside {display:none;}
	#header .gnb_bg {display: none;width: 100%;height: 280px;position: absolute;top: 100%;left: 0;z-index: 0;background: #000;}

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

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

	@media only screen and (max-width:1320px) {
		#header .header_inner {width:calc(100% - 60px);}
		#header .header_inner .logo a,
		#header.on .header_inner .logo a {background-size:auto 100%;height: 18px;width:150px;}
		#header #lnb .dep1_li {padding: 28px 2.5%;}
		#header #lnb .dep1_li .dep1_a {font-size:15px;}

		#header .hd_gnb .hd_sns li + li {margin-left:20px;}
		#header .hd_gnb .hd_sns li img {height:18px;}
		#header #lnb .dep1_li .dep2,
		#header .gnb_bg {display:none !important;}
	}
	@media only screen and (max-width:1217px) {
	}
	@media only screen and (max-width:1023px) {
		#header .header_inner {width:calc(100% - 45px);}

		#header #lnb .dep1_li {padding: 20px 2%;}

		#header .hd_gnb .hd_btn .hd_menu {width:40px;height:40px;}
		#header .hd_gnb .hd_btn .hd_menu .menu-trigger {}
		#header .hd_gnb .hd_btn .hd_menu .menu-trigger span:nth-of-type(1) {top:13px;}
		#header .hd_gnb .hd_btn .hd_menu .menu-trigger span:nth-of-type(3) {bottom:13px;}
	}
	@media only screen and (max-width: 980px) {
		#header #lnb .dep1_li {padding: 20px 1%;}
		#header #lnb .dep1_li .dep1_a {font-size:13px;}

		#header .hd_gnb .hd_sns li img {height:15px;}

	}
	@media only screen and (max-width:860px) {
		#header .header_inner {height:70px;}

		#header .hd_gnb .hd_sns,
		#header #lnb {display:none;}

		#header .hd_gnb .hd_menu {box-sizing:border-box;width: 30px;height: 24px;margin-left: 20px;display:inline-block;}
		#header .hd_gnb .hd_menu .menu-trigger {position:relative;display: block;width: 100%;height: 100%;box-sizing: border-box;}
		#header .hd_gnb .hd_menu .menu-trigger span {transition:0.3s;position:absolute;width: 100%;height: 2px;background-color:#fff;right: 0;}
		#header .hd_gnb .hd_menu .menu-trigger span:nth-of-type(1) {top: 0;}
		#header .hd_gnb .menu-trigger span:nth-of-type(2) {top: 50%;margin-top: -1px;}
		#header .hd_gnb .menu-trigger span:nth-of-type(3) {bottom: 0;width:28px;}

		#aside {top:0px;right: -400px;width: 400px;transition:0.8s;height:100%;box-sizing:border-box;display:block;position:fixed;background: #000000;z-index: 500;}
		#aside.on {right:0%;}
		
		#aside .aside_box {}
		#aside .aside_box .btn_aside_close {position:Absolute;right: 15px;top: 21px;width: 27px;height:32px;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height: 100%;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width: 100%;height:2px;background-color: #fff;left: 0;top: 14px;}
		#aside .aside_box .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_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_box .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_sns {font-size: 0;padding:25px 0;border-bottom:1px solid #333333;}
		#aside .aside_sns li {display:inline-block;vertical-align:middle;margin-left:25px;}
		#aside .aside_sns li + li {}
		#aside .aside_sns li a {font-size:0;display:block;}
		#aside .aside_sns li a img {height:20px;}
		
		#aside ul.slidemenu {padding:11px 0;}
		#aside ul.slidemenu .dep1_li {text-align:left;display: block;vertical-align:top;margin: 7px 0;}
		#aside ul.slidemenu .dep1_li + .dep1_li {padding-top:10px;}
		#aside ul.slidemenu .dep1_li .dep1_a {display:block;padding: 0 22px;}
		#aside ul.slidemenu .dep1_li .dep1_a span {transition:0.2s;display: block;line-height: 58px;color: #fff;font-size: 23px;font-weight: 300;position:relative;}
		#aside ul.slidemenu .dep1_li .dep1_a span:before,
		#aside ul.slidemenu .dep1_li .dep1_a span:after {content:" ";display:block;width: 15px;height:1px;background:#fff;position:absolute;right:0;top:50%;transition:all 0.2s;}
		#aside ul.slidemenu .dep1_li .dep1_a span:before {}
		#aside ul.slidemenu .dep1_li .dep1_a span:after {transform: rotate(90deg);}
		#aside ul.slidemenu .dep1_li .dep1_a.now span {color:#47fae4;}
		#aside ul.slidemenu .dep1_li .dep1_a.now span:before {background:#47fae4;}
		#aside ul.slidemenu .dep1_li .dep1_a.now span:after {display:none;}
		#aside ul.slidemenu .dep1_li .dep2 {display:none;padding: 23px 0;border: 0;background:#222222;width: calc(100% - 40px);margin: 0 auto;}
		#aside ul.slidemenu .dep1_li .dep2 li {}
		#aside ul.slidemenu .dep1_li .dep2 li a {display:block;font-size: 18px;line-height: 28px;color: #fff;position:relative;padding: 6px 20px;font-weight: 100;}
		#aside ul.slidemenu .dep1_li .dep2 li:before {content:"";display: none;width:2px;height:2px;position:absolute;left:0;top:50%;margin-top:-1px;background:#18b3e5;}

		.aside_bg {left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index: 15;position:fixed;display: none;}
		.aside_bg.on {opacity:1;display: block;}
		}
	@media only screen and (max-width:767px) {
		
	}
	@media only screen and (max-width:640px) {
	}
	@media only screen and (max-width:479px) {
		#wrap #header {padding:20px 0;}
		#header .header_inner {height:19px;width:calc(100% - 30px);}
		#header .header_inner .logo a,
		#header.on .header_inner .logo a {height: 21px;width:190px;}

        #header .hd_gnb .hd_menu {width: 22px;height: 18px;}
		#header .hd_gnb .hd_menu .menu-trigger {}
		#header .hd_gnb .hd_menu .menu-trigger span {height: 1px;width: 22px;}
		#header .hd_gnb .hd_menu .menu-trigger span:nth-of-type(1) {}
		#header .hd_gnb .hd_menu .menu-trigger span:nth-of-type(3) {width: 16px;}

		#aside {width:70%;right:-70%;}

		#aside .aside_box .btn_aside_close {right: 15px;top: 13px;width: 19px;height:32px;}

		#aside .aside_sns {padding:20px 0;}
		#aside .aside_sns li {display:inline-block;vertical-align:middle;margin-left:20px;}
		#aside .aside_sns li + li {}
		#aside .aside_sns li a {}
		#aside .aside_sns li a img {height: 15px;}

		#aside ul.slidemenu {}
		#aside ul.slidemenu .dep1_li {margin:3.5px 0;}
		#aside ul.slidemenu .dep1_li + .dep1_li {}
		#aside ul.slidemenu .dep1_li .dep1_a {}
		#aside ul.slidemenu .dep1_li .dep1_a span {line-height:43px;font-size: 18px;}
		#aside ul.slidemenu .dep1_li .dep1_a span:before,
		#aside ul.slidemenu .dep1_li .dep1_a span:after {width: 11px;margin-top: 0;}
		#aside ul.slidemenu .dep1_li .dep1_a span:before {}
		#aside ul.slidemenu .dep1_li .dep1_a span:after {transform: rotate(90deg);}
		#aside ul.slidemenu .dep1_li .dep1_a.now span {color:#47fae4;}
		#aside ul.slidemenu .dep1_li .dep1_a.now span:before {background:#47fae4;}
		#aside ul.slidemenu .dep1_li .dep1_a.now span:after {display:none;}
		#aside ul.slidemenu .dep1_li .dep2 {padding:11.5px 0;}
		#aside ul.slidemenu .dep1_li .dep2 li {}
		#aside ul.slidemenu .dep1_li .dep2 li a {font-size: 14px;line-height: 24px;padding: 4px 15px;}
		#aside ul.slidemenu .dep1_li .dep2 li:before {content:"";display: none;width:2px;height:2px;position:absolute;left:0;top:50%;margin-top:-1px;background:#18b3e5;}

	}





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

	 FOOTER | outline/footer.html

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

	#footer {background:#222222;}
	#footer .ft_nav {border-bottom:1px solid #444444;}
	#footer .ft_nav .w_custom {font-size:0;}
	#footer .ft_nav .w_custom li {display:inline-block;vertical-align:middle;}
	#footer .ft_nav .w_custom li + li {margin-left:24px;}
	#footer .ft_nav .w_custom li a,
	#footer .ft_nav .w_custom li a strong {display:block;line-height:60px;font-size:14px;color:#999999;}
	#footer .ft_nav .w_custom li a strong {font-weight:500;color:#cccccc;}
	#footer .ft_info {font-size:0;}
	#footer .ft_info .w_custom {position:relative;padding: 35px 0 40px;}
	#footer .ft_info #btn-top {display:block;position:absolute;right:0;bottom: 100%;border:1px solid #444444;border-bottom:0;width:60px;height: 61px;box-sizing:border-box;font-size: 0;}
	#footer .ft_info #btn-top:before {content:' ';position:absolute;left:50%;top:50%;margin-top: -6px;margin-left: -6px;width:12px;height: 12px;border:1px solid #aaaaaa;border-width:1px 1px 0 0;transform: rotate(-45deg);}
	#footer .ft_info .ft_logo,
	#footer .ft_info .info {display:inline-block;vertical-align:top;}
	#footer .ft_info .info {padding-left:48px;padding-right:20px;}
	#footer .ft_info .ft_logo {margin-top:5px;background:url('../images/skin/ft_logo.png') no-repeat left;width:185px;height:35px;font-size:0;}
	#footer .ft_info .info address {font-size:14px;line-height:26px;color:#cccccc;}
	#footer .ft_info .info address span {display:inline-block;width:40px;font-size:0;}
	#footer .ft_info .info address b {font-size:inherit;line-height:inherit;color:#eb0c48;font-weight:400;}
	#footer .ft_info .info .copyright {margin:20px 0 0 0;color:#999999;font-size:14px;line-height:14px;}
	#footer .ft_info .seoul_logo{float:right;}
	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:1023px) {
		#footer .ft_info .ft_logo,
		#footer .ft_info .info {display:block;width:100%;}
		#footer .ft_info .info {padding-left:0;padding-top:30px;}
		#footer .ft_info .seoul_logo{float:none;margin-top:40px;}
	}
	@media only screen and (max-width:860px) {
	}
	@media only screen and (max-width:767px) {
		#footer .ft_info .info address {font-size:14px;line-height:26px;}
		#footer .ft_info .info address span {width:2%;}
	}
	@media only screen and (max-width:640px) {
	}
	@media only screen and (max-width:479px) {
		#footer .ft_nav .w_custom {}
		#footer .ft_nav .w_custom li {}
		#footer .ft_nav .w_custom li + li {margin-left:15px;}
		#footer .ft_nav .w_custom li a, 
		#footer .ft_nav .w_custom li a strong {font-size:12px;line-height:40px;}
		#footer .ft_info .w_custom {padding:20px 0 35px;}
		#footer .ft_info #btn-top {height:41px;width:40px;}
		#footer .ft_info #btn-top:before {margin-top: -4.5px;margin-left: -4.5px;width:9px;height: 9px;}
		#footer .ft_info .ft_logo {width:134px;height:20px;background-size:auto 100%;}
		#footer .ft_info .info {padding-top:15px;}
		#footer .ft_info .info address {font-size:12px;line-height:19px;}
		#footer .ft_info .info .copyright {font-size:12px;line-height:12px;}
	}




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

	 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

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

	/* visual */
		.main_visual {width:100%;min-width:1200px;margin: 0;position:relative;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:1920px;max-width:1920px;margin:0 auto;text-align:Center;transform:translateX(-50%);position:absolute;left:50%;top:0;outline:0;z-index:50;}

		.main_visual .img {height: 100%;width: 100%;background-position: center;background-size: cover;}

		.main_visual .visual_btn_wrap {position:absolute;left: 50%;bottom:0;overflow:hidden;transform: translateX(-50%);}
		.main_visual .visual_btn_wrap .control_btn {font-size:0;float:left;}
		.main_visual .visual_btn_wrap .control_btn #pause-btn,
		.main_visual .visual_btn_wrap .control_btn .slick-arrow {font-size:0;display:inline-block;vertical-align:middle;height: 80px;}
		.main_visual .visual_btn_wrap .control_btn #pause-btn {width: 35px;background:url('../images/skin/visual_sld_pause.png') no-repeat center;}
		.main_visual .visual_btn_wrap .control_btn .slick-arrow {width: 32px;}
		.main_visual .visual_btn_wrap .control_btn .slick-prev {background: url('../images/skin/visual_sld_prev.png') no-repeat left;}
		.main_visual .visual_btn_wrap .control_btn .slick-next {background: url('../images/skin/visual_sld_next.png') no-repeat right;}
		.main_visual .visual_btn_wrap .menu_btn {font-size:0;float:right;background: #222222;/* width: 600px; */}
		.main_visual .visual_btn_wrap ul li {display:inline-block;vertical-align:middle;padding:0 20px;box-sizing:border-box;position:relative;}
		.main_visual .visual_btn_wrap ul li + li {}
		.main_visual .visual_btn_wrap ul li + li:before {content:' ';display:block;width:1px;height:16px;background:#919191;left:0;top:50%;margin-top:-8px;position: absolute;}
		.main_visual .visual_btn_wrap ul li a {display:block;font-size:16px;line-height:80px;color:#ffffff;text-align: center;font-weight: 200;}

		

	/* 메인 공통 */
		.main {background:#000;}
		.main .section{overflow: hidden;padding:130px 0;} 
		.main .tit_box {text-align:center;margin: 0 auto 38px;}
		.main .tit_box .tit {font-size:24px;line-height:24px;color:#47fae4;border-bottom: 1px solid #47fae4;display:inline-block;vertical-align:middle;}

	/* main_display */
		.section.main_display {padding-bottom:0;}
		/* .main_display .slick-list {width:381px;margin:0 auto;overflow:visible;} */
		.main_display .display_sld li {padding:0 25px;outline:none;}
		.main_display .display_sld li .box {position:relative;transition: all 300ms ease;padding:38% 0;transform: scale(0.97);outline:none;}
		.main_display .display_sld li .box a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;outline:none;}
		.main_display .display_sld li .box .img {position:relative;/* padding-bottom:140%;overflow:hidden;background:#fff; */}
		.main_display .display_sld li .box .img .preface {position:absolute;left: -31px;top: 30px;z-index:3;background: #47fae4;width: auto;height: auto;transform: rotate(-90deg);transform-origin: 55px 55px;font-size:24px;color:#0e332f;display: block;line-height: 50px;padding:0 23px;}
		.main_display .display_sld li .box .img img {width:100%;/* position:absolute;top:50%;left:0;transform:translateY(-50%) */}
		.main_display .display_sld li .box .tit {display:block;font-size:30px;line-height:39px;color:#ffffff;margin:20px 0 0 0;text-align:center;width:100%;}
		.main_display .display_sld li .box .img .preface,
		.main_display .display_sld li .box .tit {display:none;transition:all 0.2s;}

		.main_display .display_sld .slick-current .box {transform: scale(1.2);}
		.main_display .display_sld .slick-current .box .img .preface {left: 0;top: 0;display:block;}
		.main_display .display_sld .slick-current .box .tit {font-size:26px;display:block;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;}

		.main_display .display_sld .slick-arrow {width:60px;height:60px;font-size:0;position: absolute;bottom: 50%;margin-top: -30px;transition:all 300ms ease;z-index:5;}
		.main_display .display_sld .slick-prev {background:url('../images/skin/sec01_sld_prev.png') no-repeat center #47fae4;left:-100px;}
		.main_display .display_sld .slick-next {background:url('../images/skin/sec01_sld_next.png') no-repeat center #47fae4;right:-100px;}
		.main_display:hover .display_sld .slick-prev {left:0;}
		.main_display:hover .display_sld .slick-next {right:0;}
		
		.main_display .display_sld .no_data{padding-bottom:130px;text-align:center;color:#fff;}
		.main_display .display_sld.noslide{text-align:center;}
		.main_display .display_sld.noslide .box {padding:10% 0 38%;}
		.main_display .display_sld.noslide li{width:calc(20% - 4px);display:inline-block;box-sizing:border-box;}
		.main_display .display_sld.noslide li .tit{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;}
		
	/* main_about */
		.main_about {background:url('../images/skin/sec02_bg.jpg') no-repeat center top 90px;background-size:100% auto;background-attachment: fixed;}
		.main_about .w_custom {padding:50px 0;}
		.main_about .w_custom .tit_box {}
		.main_about .w_custom p {font-size:16px;line-height:30px;color:#ffffff;text-align:center;margin-top:-4px;font-weight:300;word-break:keep-all;}

	/* main_program */
		.main_program {}
		.main_program .program_box {width:1140px;margin:0 auto;}
		.main_program .program_box .swiper-container {overflow:visible;}
		.main_program .program_box .swiper-container .swiper-wrapper {transition:0.2s;/* left: 50%;margin-left: -570px; */}
		.main_program .program_box .swiper-container .swiper-wrapper li {}
		.main_program .program_box .swiper-container .swiper-wrapper li a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
		.main_program .program_box .swiper-container .swiper-wrapper li .box {}
		.main_program .program_box .swiper-container .swiper-wrapper li .box .img {width:100%;position:relative;}
		.main_program .program_box .swiper-container .swiper-wrapper li .box .img:before,
		.main_program .program_box .swiper-container .swiper-wrapper li .box .img:after {content:' ';position:absolute;opacity:0;transition:0.2s;}
		.main_program .program_box .swiper-container .swiper-wrapper li .box .img:before {left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
		.main_program .program_box .swiper-container .swiper-wrapper li .box .img:after {left:50%;top:50%;transform:translate(-50%, -50%);width:70px;height:70px;border-radius:100%;background:url('../images/skin/sec03_hover_ico.png') no-repeat center #47fae4;}
		.main_program .program_box .swiper-container .swiper-wrapper li:hover .box .img:before,
		.main_program .program_box .swiper-container .swiper-wrapper li:hover .box .img:after {opacity:1;}
		.main_program .program_box .swiper-container .swiper-wrapper li .box img {max-width:100%;}
		.main_program .program_box .swiper-container .swiper-wrapper li .box .tit {white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;text-align: center;margin: 25px 0 0 0;}
		.main_program .program_box .swiper-container .swiper-wrapper li .box .tit,
		.main_program .program_box .swiper-container .swiper-wrapper li .box .tit em {font-size:22px;line-height:22px;color:#ffffff;font-weight:400;}
		.main_program .program_box .swiper-container .swiper-pagination {height:2px;background:#656565;max-width:1140px;margin: 48px auto 0;position: static;}
		.main_program .program_box .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill {height:4px;background:#47fae4;margin-top: -1px;}
	
	/* main_community */
		.main_community {background:url('../images/skin/sec04_bg.jpg') no-repeat center;background-size:cover;font-size:0;}
		.main_community .w_custom {font-size:0;}
		.main_community .board_cont {display:inline-block;vertical-align:top;width:calc(50% - 27px);padding:53px 30px;box-sizing:border-box;background:rgba(0,0,0,0.6);}
		.main_community .board_cont + .board_cont {margin-left:50px;}
		.main_community .board_cont h4 {display:block;position:relative;margin-bottom: 35px;}
		.main_community .board_cont h4 a {font-size:24px;line-height:24px;color:#ffffff;display:block;font-weight:200;}
		.main_community .board_cont h4:before,
		.main_community .board_cont h4:after {content:' ';width:20px;height:1px;background:#fff;position:absolute;right:0;top:50%;}
		.main_community .board_cont h4:before {}
		.main_community .board_cont h4:after {transform: rotate(90deg);}
		.main_community .board_cont h4:hover:before,
		.main_community .board_cont h4:hover:after {background:#47fae4;}
		.main_community .board_cont ul {}
		.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%;}
		.main_community .board_cont ul li span,
		.main_community .board_cont ul li .tit b {font-size:14px;font-weight:200;}
		.main_community .board_cont ul li span {display:block;line-height: 24px;}
		.main_community .board_cont ul li .tit {float:left;color:#ffffff;transition:0.2s;width: calc(100% - 100px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
		.main_community .board_cont ul li .date {float:right;color:#aaaaaa;font-family:'Noto Sans KR','Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.main_community .board_cont ul li:hover .tit {color:#47fae4;}


		
	@media only screen and (max-width:1380px) {
		/* visual */
			.main_visual .visual_btn_wrap {padding-left:0 !important;padding-right:0 !important;}
			.main_visual .visual_btn_wrap .control_btn {padding-left:25px;}
	}
	@media only screen and (max-width:1230px) {
		/* main_program */
			/* .main_program .program_box .swiper-container .swiper-wrapper {left: 15px;margin-left: 0;} */
			.main_program .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) {
		/* visual */
			.main_visual {min-width:100%;}
		
		/* 메인공통 */
			.main .section{padding: 10.7% 0;} 
			.main .tit_box {margin: 0 auto 3%;}

		/* main_display */
			.main_display .display_sld li {padding:0 15px;}
			.main_display .display_sld li .box .tit {margin:15px 0 0 0;}
			.main_display .display_sld .slick-center .box .tit {font-size:20px;line-height:25px;}
			.main_display .display_sld li .box .img .preface {transform-origin: 41px 41px;font-size: 18px;line-height: 40px;padding: 0 16px;}
			.main_display .display_sld .slick-arrow {width:45px;height:45px;}
			.main_display .display_sld .slick-prev {left:0;}
			.main_display .display_sld .slick-next {right:0;}

		/* main_community */
			.main_community .board_cont {width:calc(50% - 2%);padding: 4.4% 2.5%;}
			.main_community .board_cont + .board_cont {margin-left:4%;}
			.main_community .board_cont h4 {margin-bottom: 7%;}
			.main_community .board_cont ul li + li {margin-top: 3.5%;}
	}
	@media only screen and (max-width:1200px) {
		.main_program .program_box {width:100%;padding:0 15px;box-sizing:border-box;}
	}
	@media only screen and (max-width:1023px) {
		/* 메인 공통 */
			.main .tit_box .sub_tit {font-size:20px;line-height:20px;}
			.main .tit_box h3, 
			.main .tit_box h3 span, 
			.main .tit_box h3 b {font-size:48px;line-height:60px;}
	}
	@media only screen and (max-width:960px) {
		.main_display .display_sld.noslide li{width:33.33%;}
		
	}
	@media only screen and (max-width:860px) {
		/* visual */
			.main_visual .visual_btn_wrap .menu_btn {/* width:430px; */}
			/* .main_visual .visual_btn_wrap ul li{width:150px} */
			.main_visual .visual_btn_wrap .control_btn #pause-btn, 
			.main_visual .visual_btn_wrap .control_btn .slick-arrow {height:60px;}
			.main_visual .visual_btn_wrap ul li a {line-height:60px;font-size:14px;}
			
		/* 메인공통 */
			.main .tit_box .tit {font-size:20px;line-height:20px;}
		
		/* main_community */
			.main_community .board_cont h4 a {font-size:23px;line-height:23px;}
			.main_community .board_cont h4:before, 
			.main_community .board_cont h4:after {width:18px;}
			.main_community .board_cont ul li .tit {width:calc(100% - 70px);}
			.main_community .board_cont ul li span, 
			.main_community .board_cont ul li .tit b {font-size:13px;line-height: 14px;}

		/* main_program */
			.main_program .program_box .swiper-container .swiper-wrapper li .box .tit {margin:8% 0 0 0;}
			.main_program .program_box .swiper-container .swiper-wrapper li .box .tit, 
			.main_program .program_box .swiper-container .swiper-wrapper li .box .tit em {font-size:18px;line-height:18px;}

	}
	@media only screen and (max-width:767px) {
		
	}
	@media only screen and (max-width:670px) {
	}
	@media only screen and (max-width:640px) {
		/* visual */
			/* .main_visual .visual_btn_wrap .menu_btn {width:340px;} */
			/* .main_visual .visual_btn_wrap ul li{width:130px} */

		
		/* main_display */
			.main_display .display_sld li {padding:0 15px;}
			.main_display .display_sld li .box {padding:18% 0;}
			.main_display .display_sld li .box .tit {margin:10px 0 0 0;}
			.main_display .display_sld li .box .img .preface {transform-origin: 36px 36px;font-size: 13px;line-height: 30px;padding: 0 15px;}
			.main_display .display_sld .slick-center .box .tit {font-size:17px;line-height:20px;}
			.main_display .display_sld .slick-prev {left:0;background-size:auto 12px;}
			.main_display .display_sld .slick-next {right:0;background-size:auto 12px;}

			.main_display .display_sld.noslide li{width:50%;}

		/* main_about */
			.main_about {background-attachment:inherit;background-position:center top;}
			.main_about .w_custom p {font-size:15px;line-height:22px;margin-top:0;}

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


	}
	@media only screen and (max-width:570px) {
	}
	@media only screen and (max-width:510px) {
	}
	@media only screen and (max-width:479px) {
		/* 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: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_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:16px;line-height:16px;}
			.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_program */
			.main_program .program_box .swiper-container .swiper-pagination {margin:6.3% auto 0;}
			.main_program .program_box .swiper-container .swiper-wrapper li .box .tit, 
			.main_program .program_box .swiper-container .swiper-wrapper li .box .tit em {font-size:14px;line-height:14px;}
	}
	@media only screen and (max-width:450px) {
	}
	@media only screen and (max-width:380px) {
	}
	@media only screen and (max-width:350px) {
		.main_about .w_custom p br{display:none;}
	}
	@media screen and (max-width:320px) {
	}