img {max-width:100%; width:auto;}

.bold {font-weight:bold;}
.on_mb {background:#fff;}
/* 가로 사이즈 bootstrap.min.css */
.sub2_m {display:none;}

.swiper-pagination {display:none;}
.swiper-button-prev, .swiper-rtl .swiper-button-next { font-size:20px; left:-2% !important; color:#ccc !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev { font-size:20px; right:-2% !important; color:#ccc !important;}


 /*TAB CSS*/
ul.tabs {
	float:left;
	vertical-align:top;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background:#fff;
	text-align:center;
}

ul.tabs li {
	display:inline-block;
	width:20%;
	margin:0 0 2% 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 5%;
	outline: none;
	border-bottom:1px solid #fff;
}

ul.tabs li a:hover {
	border-bottom:1px solid #000;
}

html ul.tabs li.active, html ul.tabs li.active a:hover li.active a  {
	 /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom:1px solid #000;
	
}

ul.tabs li.active a {]}

/*Tab Conent CSS*/
.tab_container {
	float:left;
	overflow: hidden;
	width: 100%;
	background: #fff;
}
.tab_content {
}

/*-- 상단 --*/
.container:before, .container:after {content:none !important;}
.carousel-indicators li {width:40px;}
.carousel-indicators {left:0%; bottom:5%;}
.carousel {}
.mobile_tel {display:none;}
.navbar-nav a {color:#000; font-size:13px; font-weight:300;}
.navbar-right {display:inline-block; width:100px;}
.dropdown-item {color:#fff !important; padding:5% 0%; text-align:center;}
.dropdown-item:focus, .dropdown-item:hover {background-color:transparent; color:#ccc !important;}
.dropdown-menu {margin:0px; border:0px; background-color:#555555;}
.m_menu_wrap {display:none;}
.sub_write {float:left; width:100%; text-align:center; padding-bottom:5%;}

/*-- 배너 --*/>
.banner_wrap {display:block !important;}
.m_banner_wrap {display:none !important;}
.carousel-caption {bottom:25%; }
.nav_scroll2 {display:none;}


/*-- 메인 --*/
.top_box_wrap {display:none;}
.main_banner_title {position:absolute; top:10%; left:50%; max-width:1300px; width:100%; transform:translateX(-50%); z-index:1;}
.main_banner_title_01 {font-size:64px; font-weight:500; color:#31564f; text-align:center; line-height:120%; padding-bottom:5%;}
.main_banner_title_01 span {color:#b18057;}
.main_banner_title_02 {font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:150%;}
.main_banner_title_02_2 {font-size:18px; font-weight:300; color:#000; text-align:center; line-height:150%;}
.main_banner_title_03 {font-size:15px; font-weight:bold; color:#fff; text-align:center;}
.main_banner_title_03 a {color:#fff;}

.main_banner_bottom_wrap {position:absolute; bottom:13%; left:0%; width:100%; padding:0% 5%; z-index:2;}
.main_banner_bottom {max-width:1300px; margin:0 auto; text-align:center;}
.main_banner_top_wrap {position:absolute; top:10%; left:0%; width:100%; padding:0% 5%; z-index:2;}
.main_banner_top {max-width:1300px; margin:0 auto;}
.main_banner_top_left {float:left; font-size:11px; font-weight:300; color:#fff; letter-spacing:10px;}
.main_banner_top_right {float:right; font-size:11px; font-weight:300; color:#fff; letter-spacing:10px;}
.main_scroll {position:absolute; right:0; left:0; bottom:-40px; z-index:15; text-align:center; font-size:15px; color:#fff; line-height:40px;}
.top-wrap {width:100%; padding:0px; background:#000000;}
.top-wrap2 {width:100%; padding:0px; background:#fff; overflow:hidden;}
.main_bottom_wrap {position:absolute; left:0%; bottom:3%; border-top:1px solid #fff; width:100%; height:100px; z-index:1;}
.main_bottom {position:absolute; left:55%; bottom:5%; max-width:1300px; width:100%; transform:translateX(-50%); z-index:1;}
.main_bottom_box {float:left; width:25%;}
.main_bottom_box_left {float:left; width:30%; padding-top:2%;}
.main_bottom_box_right {float:left; width:70%;}
.main_bottom_box_right_text {float:left; width:100%; font-size:15px; font-weight:bold; color:#1ae781;}
.main_bottom_box_right_text2 {float:left; width:100%; font-size:20px; font-weight:bold; color:#fff;}

#main2_wrap  {float:left; width:100%; padding:5% 5%; }
.main2_box_wrap {margin:0 auto; max-width:1300px; padding:0% 0%;}
.main2_text {float:left; width:100%; text-align:center; font-size:28px; font-weight:500; padding-bottom:3%;}
.main2_title {float:left; width:100%;}
.main2_box {float:left; width:100%;}
.main2_bg {background:#f5f5f5;}

#main3_wrap {float:left; width:100%; padding:5%; background:url('../img/iw/main2_01.jpg'); background-repeat: no-repeat; background-size:cover; background-position-x:right;}
.main3_box {max-width:1300px; margin:0 auto;}
.main3_box_left {float:left; width:50%;}
.main3_title {float:left; width:100%; font-size:40px; font-weight:400; color:#f8ffa5; text-align:left; line-height:130%; padding-bottom:5%;}
.main3_text {float:left; width:100%; font-size:18px; font-weight:300; color:#fff; text-align:left;}

#main4_wrap  {float:left; width:100%; padding:5%;}
.main4_box_wrap {margin:0 auto; max-width:1350px;}
.main4_box {float:left; width:31.3333%; margin:1%; height:400px; padding:5%; }
.main4_box_text {float:left; width:100%; font-size:28px; text-align:left; color:#000; font-weight:500; padding-bottom:1.5%;}
.main4_box_title {float:left; width:100%; font-size:18px; text-align:left; color:#000; font-weight:300; line-height:normal; }
.main4_box_title2 {float:left; width:100%; font-size:38px; text-align:left; color:#000; font-weight:500; line-height:normal; padding-bottom:10%;}
.main4_box_text2 {float:left; width:100%; font-size:18px; text-align:left; color:#000; font-weight:300; line-height:150%;}

.main4_box_content {float:left; width:100%;}
.main4_bg_01 {background:url('../img/iw/main3_01.jpg'); background-repeat: no-repeat; background-size:cover;}
.main4_bg_02 {background:url('../img/iw/main3_02.jpg'); background-repeat: no-repeat; background-size:cover;}
.main4_bg_03 {background:#fff; border:1px solid #efefef;}
.main4_bg_04 {background:#f7f7f7;}
.main4_bg_05 {background:url('../img/iw/main3_03.jpg'); background-repeat: no-repeat; background-size:cover;}
.main4_bg_06 {background:url('../img/iw/main3_04.jpg'); background-repeat: no-repeat; background-size:cover;}

.thum-box {position:relative; box-shadow:0 2px 10px 0 rgb(0 0 0 / 10%);}
.thum {display: block;height: 100%;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important;z-index:0;}
.linker-thum {overflow:hidden;}
.linker-thum .thum {width:78px;height:78px;border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}

#sub_top_wrap {float:left; width:100%; padding:5% 5% 3% 5%; text-align:center;}
.sub_top_box_wrap {max-width:1300px; margin:0 auto;}
.sub_top_text {float:left; width:100%; font-size:13px; color:#999; font-weight:300; text-align:left;}
.sub_top_title {float:left; width:100%; font-size:56px; color:#000; font-weight:300; text-align:left;}

#sub2_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}
#sub3_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}
#sub4_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}
#sub5_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}

.sub_bottom_wrap {display:table-row; width:100%; height:60px; background:rgba(0, 0, 0, .65);}
.sub_bottom {display:table; width:100%; height:100%; max-width:1120px; margin:0 auto;}
.sub_bottom_2 {display:table-cell; width:50%; height:100%; vertical-align:middle; text-align:center;}
.sub_bottom_4 {display:table-cell; width:25%; height:100%; vertical-align:middle; text-align:center;}
.sub_bottom a {display:block; height:100%; color:#fff; font-size:15px; font-weight:bold; line-height:60px;}
.sub_bottom a:hover {display:block; height:100%; color:#000;  background:#fff;}
.sub_bottom_click {display:block; height:100%; color:#000; font-size:15px; font-weight:bold; background:#fff; line-height:60px;}
.sub_bottom_click a {display:block; height:100%; color:#000;  background:#fff;}


/*-- 서브페이지 --*/
.pc {display:block;}
.m {display:none;}
.sub_img img {max-width:100%; width:100%;}
.map {float:left; width:100%; height:500px;}
.view_skin_bottom_wrap {float:left; width:100%; padding-top:2%; font-size:13px;}
#lnb_1dul {display:block;}

.sub_01_top {width:100%; padding:5% 0% 5% 0%; background-size:100% auto; background-attachment:fixed; overflow:hidden;}
.sub_01_top_bg {background:#2daf5b;}
.sub_02_top_bg {background-image:url('../img/mj/sub_top_bg.jpg');}
.sub_03_top_bg {background-image:url('../img/mj/sub_top_bg.jpg');}
.sub_04_top_bg {background-image:url('../img/mj/sub_top_bg.jpg');}
.sub_05_top_bg {background-image:url('../img/mj/sub_top_bg.jpg');}
.sub_06_top_bg {background-image:url('../img/mj/sub_top_bg.jpg');}
.sub_top_01 {float:left; width:100%; font-size:40px; color:#fff; text-align:center; font-weight:bold; }
.sub_top_02 {float:left; width:100%; font-size:40px; color:#000; text-align:center; font-weight:bold; }

.sub_bg {float:left; width:100%; padding:5%; background-image:url('../img/big/sub_bg.jpg'); background-size:cover; background-position-y:center;}
.sub_title {float:left; width:100%; padding:0px 0% 0px 0%; text-align:center;}
.sub_title span {margin:0 auto; font-size:34px; font-weight:bold; border-top:1px solid #000; padding-top:1%;}
.sub_title_text {float:left; width:100%; text-align:center; font-size:15px; padding-top:0.5%; }
.sub_top_bg {float:left; width:100%;}

.product_a {float:left; color:#999; width:calc(86% / 7); padding:1%; margin:1%; border:1px solid #ccc; text-align:center;}
.product_a_on {color:#000; border:2px solid #000 !important;}
.sub_img_box_wrap {float:left; width:100%; padding-top:10%;}
.sub_img_box {max-width:550px; margin:0 auto;}
.sub_img_box img {max-width:100%; width:auto;}
.sub_table_wrap {max-width:1100px; margin:0 auto;}
.sub_table_top_line {border-top:1px solid #000;}
.sub_table_bottom_line {border-bottom:1px solid #000;}
.sub_table {display:table; width:100%;}
.sub_table_left {display:table-cell; width:200px; vertical-align:middle; }
.sub_table_left_01 {float:left; width:100%; font-size:18px; text-align:center;}
.sub_table_left_02 {float:left; width:100%; font-size:34px; text-align:center; font-weight:bold;}
.sub_table_right {display:table-cell; width:calc(100% - 200px); vertical-align:middle; }
.sub_table_right_box {float:left; width:100%; padding:2% 5%; border-bottom:1px solid #d7d7d7;}
.sub_table_right_box_01 {float:left; width:30%; font-size:18px; text-align:center; color:#777777;}
.sub_table_right_box_02 {float:left; width:70%; font-size:22px; text-align:left;}

.sub_wrap {width:100%; max-width:1300px; margin:0 auto; min-height:600px;  overflow:hidden;}
.sub_01_wrap {float:left; width:100%;}
.sub_01_box {float:left; width:100%; }
.sub_01_box_left {float:left; width:calc(100% - 500px); padding-right:10%;}
.sub_01_box_left_title {float:left; width:100%; text-align:left; font-size:25px; font-weight:500; padding-bottom:7%;}
.sub_01_box_left_text {float:left; width:100%; text-align:left; font-size:16px; font-weight:300; line-height:180%; padding-bottom:5%;}
.sub_01_box_left_text2 {float:left; width:100%; text-align:left; font-size:24px; font-weight:bold;}
.sub_01_box_left_text2 span {font-weight:bold; font-size:20px; padding-left:5px;}

.sub_01_box_right {float:left; width:500px;}

.sub_02_box_wrap {float:left; width:100%;}
.sub_02_box {float:left; width:31.3333%; margin:1%;}
.sub_02_box_top {position:absolute; top:-10%; float:left; width:84%; margin:0 8%; padding:10%; background:#fff; box-shadow: 0px 0px 15px #ccc;}
.sub_02_box_top_title {float:left; width:100%; font-size:18px; text-align:center; padding-bottom:5%;}
.sub_02_box_top_text {float:left; width:100%; font-size:15px; text-align:center; color:#888;}
.sub_02_box_bottom {position:relative; float:left; width:100%; }

.sub_02_01_wrap {float:left; width:100%;}
.sub_02_01 {float:left; width:100%; text-align:center; font-size:15px; font-weight:500; padding-bottom:5%;}
.sub_02_02_box {float:left; width:100%; }
.sub_02_02_box iframe {float:left; width:100%; height:500px;}

.sub_02_03 {float:left; width:100%; background:#efefef; padding:3%;}
.sub_02_03_wrap { max-width:1300px; margin:0 auto; text-align:center;}
.sub_02_03_box {display:inline-block; padding:0% 1%;}

.sub2_01_wrap {float:left; width:100%;}
.sub2_01_box_wrap {max-width:1300px; margin:0 auto;}
.sub2_01_box {float:left; width:250px; height:250px; border-radius:500px; margin-bottom:5%;}
.sub2_01_box_title {float:left; width:100%; font-size:18px; text-align:center; padding-top:50px;}
.sub2_01_box_img {float:left; width:100%; text-align:center; padding:5% 0%;}
.sub2_01_box_text {float:left; width:100%; font-size:18px; text-align:center;}
.sub2_01_box_blank {float:left; width:100px; text-align:center; padding:100px 15px 0% 15px; }

.sub2_02_wrap {float:left; width:100%;}
.sub2_02_box_wrap {float:left; width:100%; padding-top:5%;}
.sub2_02_box {float:left; width:31.3333%; height:500px; margin:1%; border:1px solid #ccc; padding:4%;}
.sub2_02_box_title {float:left; width:100%; font-size:18px; font-weight:400; text-align:left; color:#629255;}
.sub2_02_box_text {float:left; width:100%; font-size:24px; font-weight:bold; text-align:left; color:#000; padding-bottom:6%;}
.sub2_02_box_text2 {float:left; width:100%; font-size:15px; line-height:160%; font-weight:300; text-align:left; color:#666666;}

.sub2_01_bg {background:#629255;}
.sub2_01_bg2 {background:#fff; border:1px solid #000;}
.sub2_01_color {color:#fff;}
.sub2_01_color2 {color:#000;}

.panel {display: none; padding:2%; font-size:15px; line-height:170%; color:#555; background-color:#f9f9f9; border-bottom:1px solid #b3b3b3; overflow: hidden; box-sizing:border-box;}


/*-- 하단 --*/
.footer_wrap {float:left; width:100%; padding:3%; background:#fff; border-top:1px solid #efefef;}
.footer {max-width:1300px; font-size:15px; color:#888;}
.footer a {color:#888; font-size:15px; display:inline; padding:0% 2%;}
.footer p {padding:0px; margin:0px;}
.footer img {max-width:100%; width:auto;}
.footer_blog {float:left; width:100%;}
.footer_blog_left {float:left; width:50px; margin-right:20px;}
.footer_blog_right {float:left; width:calc(100% - 70px); padding-top:3%;}
.footer_blog_right_text {float:left; width:100%; font-size:13px; font-weight:bold; color:#000;}
.footer_blog_right_text2 {float:left; width:100%; font-size:13px; color:#ccc;}
.footer_banner_wrap {float:left; width:100%; padding:3% 0%; background:#2d2d2d; border-top:1px solid #3f3f3f; overflow:hidden;}
.footer_banner {max-width:1200px; margin:0 auto; overflow:hidden;}
.footer_banner_box {float:left; width:17%; padding:0% 2%;}
.footer_banner_box_img {float:left; width:100%; text-align:center;}
.footer_banner_box_title {float:left; font-size:13px; width:100%; text-align:center; color:#888; padding-top:5%;}
.footer_sns {max-width:1300px; margin:0 auto; margin-top:1%; text-align:right; color:#fff;}
.footer_sns_01 {display:inline; font-size:16px; color:#fff;}
.footer_sns_02 {display:inline; font-size:16px; color:#fff;}

/*-- 게시판 --*/
.border_write {font-size:15px; }
.view_skin_wrap { width:100%;}
.view_skin_wrap tr td {border:1px solid #ddd; padding:1.5%;}
.view_skin_wrap tr td:nth-child(1) {width:20%; background:#f3f4f5;}
.view_skin_wrap tr td:nth-child(2) {font-weight:bold; color:#000;}


/*-- 탭 모바일 --*/
@media screen and (max-width: 1800px) {
}


@media screen and (max-width: 1500px) {
	#tnb ul {width:100%;}
	.banner_wrap {min-height:400px; height:100%;}
	.lnb_2dli li {padding:10px 0px;}
	.main2_box_right_box_text2 {font-size:18px;}
	.main2_box_right_box_text3 {font-size:11px;}
	.sub2_01_box_wrap {width:1100px;}
	.sub2_01_box {width:200px; height:200px;}
	.sub2_01_box_title {padding-top:25px;}
	.sub2_01_box_text {font-size:15px;}
	.sub2_01_box_blank {padding:80px 15px 0% 15px;}
}


@media screen and (max-width: 1200px) {
	.navbar-brand img {width:100px} 
	.navbar-right {display:none;}
	.nav-link {padding:0%;}
	#tnb ul {width:100%;}
	.lnb_2dli li {padding:0px 0px;}
	.lnb_2dli a {font-size:13px;}
	.lnb_1da {}

	.carousel-item {height:450px;}

	.main_banner_title_01 {font-size:24px;}
	.main_banner_title_02 {font-size:18px;}
	.main_banner_title_03 {font-size:14px;}

	.main3_title {font-size:30px;}
	.main3_text {font-size:18px;}
	.main3_text2 {font-size:40px;}

	.main4_box_text {font-size:20px;}
	.main4_box_title {font-size:13px;}
	.main4_box {height:300px;}
	.main4_box_title2 {font-size:24px;}
	.main4_box_text2 {font-size:14px;}

	.main5_box_left {padding-right:10%;}
	.main5_box_right_01 {font-size:13px; padding-bottom:4%;}
	.main5_box_right_02 {font-size:12px;}
	.main5_box_title {font-size:20px;}
	.main5_box_text2 {font-size:13px;}


	.sub2_01_box_wrap {width:750px;}
	.sub2_01_box {width:150px; height:150px;}
	.sub2_01_box_title {font-size:12px; padding-top:25px;}
	.sub2_01_box_text {font-size:12px;}
	.sub2_01_box_blank {width:50px; padding:50px 15px 0% 15px;}
	.sub2_01_box_img img {width:40px;}

	.footer_wrap {padding:3% 5% 3% 5%;}
}


@media screen and (max-width: 1000px) {
	.dropdown-menu {margin-top:10px;}
	.dropdown-item {padding:3% 0%;}
	.lnb_2dli li {border-top:1px solid #efefef; padding-top:4%; margin-top:3%; }
	.lnb_2dli a {font-size:13px;}

	.navbar-brand {padding:4px 0% 7px 4%;}
	.navbar-brand img {width:80px}

	.main2_box_left_box_img img {width:30px;}
	.main2_box_left_box_text {font-size:15px;}
	.main2_box_left_box_text2 {display:inline-block;}
	.main2_box_left {padding:4% 0%;}
	.main2_box_right {padding:5% 0%;}
	.main2_box_right_box_img img {width:30px;}
	.main2_box_right_box_text {font-size:13px;}
	.main2_box_right_box_text2 {font-size:15px;}
	.main2_box_right_box_text3 {display:inline-block; font-size:11px;}
}


@media screen and (max-width: 991px) {
	.lnb_2dli li a {color:#000 !important;}
	.container {max-width:100% !important;}
	.lnb_m {display:block; position:fixed; top:0%; left:0%;  padding:0% 0%; background:#fff; }
	#lnb {display:none;}

	.m_menu_wrap {display:block; position:fixed; top:49px; width:100%;  box-shadow:rgba(0, 0, 0, 0.11765) 0px 3px 2px; background:#fff; z-index:1029;}
	.m_menu_list {float:left; width:20%; height:40px; line-height:40px;text-align:center; font-size:11px; font-weight:bold;}
	.m_menu_list a {display:block; color:#000;}
}


@media screen and (max-width: 960px) {
	.banner_wrap {min-height:250px; height:100%;}

	.main4_box_title {width:60%; font-size:16px;}
	.main4_box_title br {display:none;}
	.main4_box_text {font-size:22px;}
	.main4_box_text2 {font-size:15px;}
	.main4_box {width:100%; margin:0px; padding:10%; height:auto; min-height:280px;}
	.main4_box_left {padding-right:10%;}
	.main4_box_left img {width:30px;}
	.main4_box_right_01 {font-size:15px; padding-bottom:5%;}
	.main4_box_right_02 {font-size:12px;}
	.main4_bg_01 {background-size:100% 100%;}
	.main4_bg_02 {background-size:100% 100%;}
	.main4_bg_03 {background-size:100% 100%;}
	.main4_bg_04 {background-size:100% 100%;}
	.main4_bg_05 {background-size:100% 100%;}
	.main4_bg_06 {background-size:100% 100%;}
	#main4_wrap {padding:10% 0%;}

	.main5_box_title {font-size:15px;}
	.main5_box_text2 {font-size:13px;}

	.sub_top_title {font-size:23px; line-height:30px;}
	.sub_top_text {font-size:12px; margin-bottom:0px; padding-bottom:0px;}

	.sub_bottom_wrap {height:40px;}
	.sub_bottom_click {height:40px;}
	.sub_bottom a {font-size:15px;line-height:40px;}
	
	.sub_01_box_left {width:250px;}
	.sub_01_box_right {width:calc(100% - 250px); padding:0% 0% 0% 10%;}
	.sub_01_box_right_title {font-size:20px;}
	.sub_01_box_right_text {font-size:13px;}
	.sub_02_box_top_title {font-size:16px;}
	.sub_02_box_top_text {font-size:13px;}
	.sub2_02_box_title {font-size:16px;}
	.sub2_02_box_text {font-size:20px;}
	.sub2_02_box_text2 {font-size:13px;}
	
	.pc {display:none;}
	.m {display:block;}

	.view_skin_wrap tr td {padding:2%;}
	.view_skin_wrap tr td:nth-child(1) {width:30%; background:#f3f4f5;}
	
}


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

	.sub_top_title ul li {width:15%;}
	.sub2_m {display:block;}
	.sub2_01_box_wrap {width:600px;}
	.sub2_01_box {width:150px; height:150px;}
	.sub2_01_box_title {font-size:12px; padding-top:25px;}
	.sub2_01_box_text {font-size:12px;}
	.sub2_01_box_blank {width:50px; padding:50px 15px 0% 15px;}
	.sub2_01_box_blank img {width:15px;}
	.sub2_01_box_img img {width:40px;}

	.footer_wrap {padding:3% 5% 3% 5%;}
}


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

	.lnb_logo {padding:5% 0% 5% 0%;}
	.lnb_1da {font-size:13px;}
	.lnb_logo img {width:40px;}
	.navbar-brand {padding:4px 0% 7px 14%;}

	.swiper-button-next, .swiper-rtl .swiper-button-prev {right:2% !important;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {left:2% !important;}
	.navbar-nav a {font-size:13px;}
	.carousel-indicators {bottom:5%;}
	.carousel-caption {left:10%; right:10%; bottom:45%;}
	.carousel-item {height:30vh; background:no-repeat; background-size:200% 100%; background-position-x:left;}
	.mobile_tel {float:left; display:none;}
	.center-heading p {margin-top:5%;}
	.text-light {padding-top:10%;}
	.margin-bottom-50 {margin-bottom:8%;}
	
	.main_bottom_wrap {padding:3%; bottom:0%; height:60px; border-top:1px solid #ffffff6b; overflow:hidden;}
	.main_banner_title_03 {font-size:10px;}
	.sub_wrap {padding:0% 5% 10% 5%;}
	.product_a {float:left; color:#999; width:23%; font-size:13px; padding:1%; margin:1%; border:1px solid #ccc; text-align:center;}

	.footer_banner_box {width:25%;}
	.footer_banner_box_title {font-size:11px;}

	#bo_v_title .bo_v_tit {font-size:0.6em;}
	#bo_list .tbl_head01 thead th:nth-child(4) {display:none;}
	#bo_list .tbl_head01 thead th:nth-child(5) {display:none;}
	#bo_list .tbl_head01 thead th:nth-child(6) {display:none;}
	#bo_list .tbl_head01 td:nth-child(4) {display:none;}
	#bo_list .tbl_head01 td:nth-child(5) {display:none;}
	#bo_list .tbl_head01 td:nth-child(6) {display:none;}
	#bo_list .tbl_head01 td:nth-child(7) div {width:60px !important;}
	#bo_sch select {width:30%;}
	#bo_sch .sch_input {width:50%;}

	.banner_wrap {display:none !important;}
	.m_banner_wrap {display:block !important; max-height:500px;}

	.map {float:left; width:100%; height:300px;}

	.main_bottom_box {padding:0%;}
	.main_bottom_box_left {display:none;}
	.main_bottom_box_left img {max-width:auto; width:100%;}
	.main_bottom_box_right {width:100%;}
	.main_bottom_box_right {background:#000;}
	.main_bottom_box_right_text {font-size:11px; font-weight:normal; text-align:center; }
	.main_bottom_box_right_text2 {font-size:12px; text-align:center; }
	.main_bottom {position:relative; left:0%; max-width:auto; transform:none;}

	.main_banner_title {width:310px; padding:5% 3%;}
	.main_banner_title_01 {font-size:20px; text-align:center;}
	.main_banner_title_02 {font-size:12px; text-align:center;}
	.main_banner_title_03 {font-size:14px; text-align:center;}
	.main_banner_bottom {padding-bottom:2%;}
	.main_banner_bottom img {width:30px;}
	.main_banner_top_wrap {padding:0% 10%;}
	.main_banner_top_left {font-size:10px; color:#ffffffa1;}
	.main_banner_top_right {font-size:10px; color:#ffffffa1;}
	.carousel-item {background-position-x:left;}

	.main_banner_title_01 {font-size:22px;}
	.main_banner_title_02 {color:#000;}
	.main_banner_title_02_2 {font-size:12px;}

	.main_scroll {bottom:-25px; font-size:11px;}
	.main_scroll img {width:50px;}

	#main3_wrap {padding:10% 5%; background-size:200% 100%; background-position-x:60%;}
	.main3_img {padding-bottom:5%;}
	.main3_title {font-size:18px; padding-bottom:5%;}
	.main3_text {font-size:11px;}
	.main3_text2 {font-size:20px; padding-top:1%;}
	.main3_box_left {width:80%;}

	#main2_wrap {padding:5% 5% 8% 5%;}


	#sub_top_wrap {padding:10% 10% 5% 10%;}
	.sub_top_title {font-size:28px; }
	.sub_top_title ul {padding:0% 0%;}
	.sub_top_title ul li {width:auto; padding:0 6px; font-size:13px;}
	.sub_top_title ul li a {font-size:11px;}
	.sub_top_text {padding-bottom:2%;}

	.sub_01_box_left_title {font-size:16px;}
	.sub_01_box_left_text {font-size:15px;}
	.sub_01_box_left_text2 {font-size:17px;}
	.sub_01_wrap {padding:5%;}
	.sub_01_box {padding-bottom:0px;}
	.sub_01_box_left {width:100%; text-align:left; padding-right:0px;}
	.sub_01_box_left img {width:50%;}
	.sub_01_box_right {width:100%; padding:10% 0% 0% 0%;}
	.sub_01_box_right_title {font-size:15px;}
	.sub_01_box_right_text {font-size:13px;}
	.sub_01_box_right_text2 span {font-size:17px;}
	.sub_02_box {width:100%; margin:0% 0% 30% 0%;}
	.sub_02_02_box iframe {height:350px;}
	.sub_02_03 {padding:5%;}
	.sub_02_03_box {font-size:14px; padding:0% 3%;}

	.sub2_01_box_wrap {width:320px;}
	.sub2_01_box {width:120px; height:120px;}
	.sub2_01_box_title {font-size:12px; padding-top:15px;}
	.sub2_01_box_text {font-size:10px;}
	.sub2_01_box_blank {width:40px; padding:50px 10px 0% 10px;}
	.sub2_01_box_blank img {width:15px;}
	.sub2_01_box_img {padding:5% 0% 0% 0%;}
	.sub2_01_box_img img {width:40px;}

	.sub2_02_box {width:100%; margin:0px 0px 5% 0px; height:auto; padding:10%;}
	.sub2_02_box_title {font-size:15px;}
	.sub2_02_box_text {font-size:16px;}
	.sub2_02_box_text2  {font-size:12px;}


	.card-body {padding:7% 7% 2% 7% !important;}

	.product_a_on {color:#000 !important; border:1px solid #000 !important;}
	.product_a {font-size:12px;}

	.gall_row .col-gn-4 {width:50% !important;}
	.footer {font-size:11px;}
	.footer img {max-width:80px; margin-bottom:1%;}
	.footer_wrap {padding:5% 5% 5% 5%;}
	.footer_blog_left {width:100px; margin-right:0px;}
	.footer_blog_right {width:calc(100% - 100px);}

	/*-- 메인 퀵메뉴 --*/
	.top_box_wrap {display:block; position:fixed; right:5%; bottom:5%; width:55px; box-shadow:rgb(0 0 0 / 10%) 0px 0px 5px 4px; z-index:9999;}
	.top_box {float:left; width:100%; text-align:center; padding:10px;}
	.top_box_color_1 {background:#32a339;}
	.top_box_color_2 {background:#f9e000;}
	.top_box_color_3 {background:#fff;}
	.top_box_color_4 {background:#249ef3;}
	.top_box_color_5 {background:#01c73c;}
	.top_box_color_6 {background:#dd3030;}

	/*-- 탭 --*/
	ul.tabs {float:left; width:100%;}
	ul.tabs li {width:32%;}
	ul.tabs li a {font-size:13px;}
	.tab_container {float:left; width:100%; padding-top:3%;}
	.tab_content {padding-left:0%;}


}

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