h2 {font-size:2.0em; color:#444; }
 h3 {font-size:1.3em; color:#555; }
 h4 {font-size:1.1em;}
 
 @media screen and (max-width: 767px) {
 h2 {font-size:1.8em; line-height:28px;}
 }
 
 p {font-size:15px; line-height:24px;}
 
 .main_wrap{
width:100%; padding:0px; position:relative; margin:120px auto 0;}
@media all and (max-width:480px){
.main_wrap {margin-top:70px;}
}

.section {padding:50px 0;}
.sec_no {position:absolute; color:#999; padding:10px; font-size:20px;}

.title {text-align:center;}


	.dark {
		color: #fff;
	}
		.dark a {
			color: #fff;
		}

		.dark .button {
			border-color: inherit;
			background-color: rgba(64, 64, 64, 0.05);
		}
			.dark .button:hover {
				background-color: rgba(255, 255, 255, 0.1);
			}
	

.inner {width:100%; padding:0; margin:0 auto; overflow:hidden;}

.blank {padding:0; margin:0 auto; position:relative;}

.button {width:180px; margin:20px auto 0; padding:10px 0; border:1px solid #a3bece; 
font-family:'open sans'; font-size:14px;}
.button:hover{color:#fff; background:#a3bece; text-decoration:none;}


/* Intro */

	#intro {
		background: url("../main/intro.jpg");
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat; position:relative;
	}
	
	/*.visual{display: table; height: 100vh; width: 100%; }
	.visual .desc {text-align:center; display:table-cell; vertical-align:middle; }
	.visual .desc h2{font-size:3em; font-weight:600; letter-spacing:-1px; padding-bottom:0; color:#fff;}
	.visual .desc p{font-family:'work sans'; font-weight:400; margin-top:30px; color:#fff;}
	.visual .line {width:200px; border-top: 1px solid #fff; margin-top:30px;}*/
	
	.main_button {width:250px; font-family:georgia,arial; font-size:16px; color:#fff; border:1px solid #fff; 
	padding:10px 0; margin:20px auto 0; }
	.main_button:hover{ background:#5790bb; color:#fff; border:1px solid #fff; text-decoration:none;}

	.carousel-caption {
  position: absolute;
  right: 15%;
  top: 25%;
  left: 10%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
.carousel-caption h2 {
    font-size:60px;
    color: #fff;
    font-family: 'open sans','nanum gothic', sans-serif;
	letter-spacing:-1px;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, .5); line-height:60px; padding-bottom:15px;
	  position:relative;
}

.carousel-caption h2 span {font-weight: normal;}

.carousel-caption p {
    font-size: 30px;
    color: #fff;
    line-height: 1.8em; text-shadow:none;
}
.carousel-caption .line { display:none;
    width:200px;
    border: 1px solid #fff;
	margin-top:30px;
}
.carousel-caption a {
    font-size: 1em;
    color: #fff;
    padding: 0.5em 1em;
    border: 2px solid #fff;
    display: inline-block;
    margin-top: 1em;
}
.carousel-caption a:hover {
   border: 2px solid #F7B400;
   color:#F7B400;
}
@media screen and (max-width: 1024px) {
.carousel-control {display:none;}
.carousel-caption {
  right: 10%; left: 10%; top:30%;}
	.carousel-caption h2 {
			font-size:2em;}
		.carousel-caption h2:before {background:none;}
	.carousel-caption .line, .carousel-caption p, .carousel-control {
	display:none;}
	}
	@media screen and (max-width: 480px) {
	.carousel-caption h2 {
			font-size:1.8em;}
	.carousel-caption h2 {line-height:28px;}
	}


	#first {
		margin-top:0px;	}
	#second {
	margin-top:0px;}	
	#third {	
	margin-top:60px;}	
	#fourth {
	margin-top:60px;}
	#fifth {
	margin-top:50px;}
	#sixth {
	margin-top:50px;}
	#seventh {
	margin-top:50px;}
	#eighth {
	margin-top:50px;}

	
	
	.md_01 {
	margin-top:20px;}
	#news-container1 {
 width: 90%; 
 margin: auto;
 margin-top:0px;
}
#news-container1 li { width:100%; float:left;
text-align:center; 
}
	#news-container1  h2 {letter-spacing:-0.5px;}
	#news-container1  span {color:#116a98;}
	#news-container1 .info {font-family:work sans; font-size:15px; margin-top:20px;}
	
	@media screen and (max-width: 991px) {
	#news-container1  h2 {font-size:27px;}
	}
	@media screen and (max-width: 767px) {
	#news-container1  h2 {font-size:1.8em; line-height:28px;}
	}
	
	
	.md_02 {
		background: url("../main/bg_02.jpg");
		background-size:cover;
		background-attachment: fixed;
		background-position: center center;
		text-align:center;
	}
.md_02  h2 {letter-spacing:-0.5px;}
	.md_02 h2 span {color:#116a98;}
	.md_02 p {width:80%; margin:0 auto;}
.md_02 .cell {
	margin: 10px 0px 0px;
}
.md_02 .cell:hover {
	cursor: pointer;
}
.md_02 .cell .textArea {
	transition:0.4s ease-out; width: 100%; position: relative; -webkit-transition: all 0.4s ease-out;
}
.md_02 .cell .textArea h3 {margin-top:10px; border-bottom:2px solid #aaa; text-align:center;
 width: 100%; height: 60px; line-height: 60px; padding-left: 0px;  
	font-size: 1.4em; color:#47aa52;
}
.md_02 .cell:hover .textArea h3 {border-bottom:2px solid #444; transition:0.5s ease-out; -webkit-transition: all 0.5s ease-out;
}
.md_02 :nth-child(1).cell .textArea h3 {
	background-color: rgba(255, 255, 255, 1.0);
}
.md_02 :nth-child(2).cell .textArea h3 {
	background-color: rgba(255, 255, 255, 1.0);
}
.md_02 :nth-child(3).cell .textArea h3 {
	background-color: rgba(255, 255, 255, 1.0);
}
.md_02 .cell .textArea i {
	top: 30px; right: 25px; color: rgb(255, 255, 255); font-size: 1.5em; position: absolute;
}
.md_02 .cell .textArea dl {
	margin: 10px 0px 0px;
}
.md_02 .cell .textArea dl dd {
	font-size:15px;
	padding:0 10px;
}
.md_02 .cell .imgArea {
	overflow: hidden; font-size: 0px; border-radius:5px;
}
.md_02 .cell .imgArea img {
	transition:0.2s ease-out; width: 100%; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);
}
.md_02 .cell:hover .imgArea img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}

.md_03 {background: url("../main/con_03_bg.jpg"); 
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin: 0px auto; padding:50px 0; width: 100%; background-color: transparent; position:relative; 
}
.md_03 h3 {text-align:center;}
.md_03 .icon {width: 100%; margin:5px; }
.md_03 .icon ul {
	text-align: center; overflow: hidden;
}
.md_03 .icon ul li {
	margin:20px; padding-top: 30px; border-radius:50%; border: 1px solid rgb(0, 0, 0); transition:0.2s ease-out; 
	width: 150px; height: 150px; text-align: center; display: inline-block; cursor: pointer;
	background-color: rgb(0, 0, 0); -webkit-transition: all 0.2s ease-out; opacity:0.5;
}
.md_03 .icon ul li:hover {
background-color: rgba(0, 0, 0); opacity:0.8;
}
.md_03 .icon ul li i {
	padding: 10px; border-radius: 5px; transition:0.2s ease-out; color: rgb(255, 255, 255); font-size: 2em; 
	display: inline-block; -ms-word-wrap: break-word;  -webkit-transition: all 0.2s ease-out;
}
.md_03 .icon ul li:hover i {
	color: rgb(255, 255, 255);
}
.md_03 .icon ul li span { font-family:open sans;
	padding: 0px 0px; color: rgb(255, 255, 255); font-size: 0.9em; font-weight: 300; display: block;
}

@media screen and (max-width: 991px) {
.md_03 .icon ul li {
	margin:20px; padding-top: 25px;	width: 130px; height: 130px;
}
}



.md_04 h3 {
	margin-bottom: 10px;
}
.md_04 .bn .glyphicon { color:#666;
	border-radius: 4px; transition:0.4s ease-out; width: 30%; text-align: center; line-height: 120px; font-size: 2.4em; 
	float: left; background-color: rgb(221, 221, 221); -webkit-transition: all 0.4s ease-out;
}
.md_04 .bn:hover .glyphicon {
	color: rgb(255, 255, 255); font-size: 2em; background-color:#999;
}
.md_04 .bn div {
	width: 70%; padding-left: 20px; float: right;
}
.md_04 .bn h4 {
	margin: 0; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.md_04 .bn div:hover h4 {
	padding-left: 0px; color:#777;
}


.md_05 {text-align:center;}	
.md_05 .icon ul li {
	margin: 0px 5px; border-radius: 2px; border: 0px solid rgb(204, 204, 204); transition:0.2s ease-out; 
	width: 40px; height: 40px; display: inline-block; text-align:center; opacity: 0.7; -webkit-transition: all 0.2s ease-out;
}
.md_05 .icon ul li:hover {
	opacity: 1;
}
.md_05 .icon ul li img {
	width: 100%; height: 100%;
}
.md_05  h3 {
	text-align: center; font-size: 1.3em; font-weight: 400; margin-top:30px;
}
.md_05  h3 span {font-weight:600;}
.md_05 p {
	margin-top: 10px;  
}

.md_06 h2 {letter-spacing:-1px; 
    font-weight: 600;
    text-align:center;
}
.md_06 .inner {margin-top:2.5em;}
.agileits-center {
    background: url(../main/con_06_1.jpg) center no-repeat;
    min-height: 360px;
}
.md_06 .side {
    border: 1px solid #e2dcdc; padding:2em;
}
h3.about-head {
    font-size: 1.4em;
    font-weight: 600;
    color: #000;
    line-height:30px;
}
.about-content1 h4 {
    font-size: 1.1em;
    color: #16ad25;
	line-height:25px;
}
.about-content1 {
    padding: 1em 0 0; 
}
.about-content1 p {
    margin: 1em 0 0;
}
@media screen and (max-width: 767px) {
		.agileits-side{
		padding: 2em;
		width: 100%;	}
	.agileits-center {
		margin: 2em auto;
		width: 100%;	}
	.about-content1 {
		padding: 1em 0 0;
	}
}


.md_07 {
	border: 0px solid rgb(255, 0, 0);
}
.md_07 > .row > .col-md-4 {
	padding: 15px;
}
.md_07 .box {
	overflow: hidden; position: relative;
}
.md_07 .box .description {
	margin: 0px auto; padding: 20px 20px 10%; width: 100%; text-align: center; bottom: -50px; position: absolute; z-index: 2; opacity: 0;
}
.md_07 .box .description h3 {
	color: rgb(255, 255, 255); font-size: 1.7em; font-weight: 600;
}
.md_07 .box .description p {
	color: rgb(255, 255, 255); font-size: 0.87em; margin-top:10px;
}
.md_07 .box .description span {
	padding-top: 10px; display: block;
}
.md_07 .box .description span a {
	font-size: 0.87em;
}
.md_07 .box .imgArea {
	font-size: 0px; position: relative; box-sizing: border-box;
}
.md_07 .box .imgArea span.overlay {
	transition:0.2s ease-out; left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 1; opacity: 0.2; background-color: rgb(0, 0, 0); -webkit-transition: all 0.2s ease-out;
}
.md_07 .box:hover .imgArea span.overlay {
	opacity: 0.8;
}
.md_07 .box .imgArea img {
	transition:0.2s ease-out; width: 100%; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1.0);
}
.md_07 .box:hover .imgArea img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}



.md_08 {
	border: 0px solid rgb(255, 0, 0);
}
.md_08 ul {
	height: 500px;
}
.md_08 ul li {
	background-position: center; width: 50%; height: 50%; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; 
	float: left; background-size: cover !important;
}
.md_08 ul li:nth-child(1) {background: url("../main/con_08_1.jpg");}
.md_08 ul li:nth-child(2) {background: url("../main/con_08_2.jpg");}
.md_08 ul li:nth-child(3) {background: url("../main/con_08_3.jpg");}
.md_08 ul li:nth-child(4) {background: url("../main/con_08_4.jpg");}
.md_08 ul li .box {
	transition:0.2s ease-out; width: 100%; height: 100%; display: table; -webkit-transition: all 0.2s ease-out;
}
.md_08 ul li .col_01.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li .col_02.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li .col_03.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li .col_04.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li:hover .col_01.box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 ul li:hover .col_02.box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 ul li:hover .col_03.box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 ul li:hover .col_04.box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 .box .textArea {
	transition:0.2s ease-out; text-align: center; vertical-align: middle; display: table-cell; -webkit-transition: all 0.2s ease-out;
}
.md_08 .box .textArea:hover {
	padding-bottom: 20px;
}
.md_08 .box .textArea i {
	color: rgb(255, 255, 255); padding-bottom: 10px; font-size: 2em; display: inline-block;
}
.md_08 .box .textArea h2 {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.3em; font-weight: 600; margin-top:10px; 
}
.md_08 .box .textArea p {
	text-align: center; color: rgb(255, 255, 255); font-size: 0.9em; font-weight: 400; opacity:0; margin-top:10px; padding:0 30px;
}
.md_08 .box .textArea:hover p {opacity:1.0;}

	@media screen and (min-width: 1301px) {
	.md_08 ul {
	height: 600px;}
	}

@media screen and (max-width: 767px) {
	.md_08 ul {
	height: 800px;
}
.md_08 ul li {
	width: 100%; height: 25%; margin-bottom: 0px;
}	
}



.md_09 {background: url("../main/con_09_bg.jpg"); 
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin: 20px auto 0; padding:60px 0 40px; width: 100%; background-color: transparent; position:relative; 
}
.md_09 h3 {
	text-align: center; color: rgb(255, 255, 255); font-size: 2em; font-weight: 200;
}
.md_09 p {
	margin-top: 20px; text-align: center; color: rgb(255, 255, 255); font-size: 1em; font-weight: 100;
}
.md_09 .icon {width: 100%; margin:15px; }
.md_09 .icon ul {
	text-align: center; overflow: hidden;
}
.md_09 .icon ul li {
	margin:20px 30px; padding-top: 30px; border-radius:50%; border: 0px solid rgb(0, 0, 0); transition:0.2s ease-out; 
	width: 150px; height: 150px; text-align: center; display: inline-block; cursor: pointer;
	background-color: #1265a0; -webkit-transition: all 0.2s ease-out; opacity:0.7;
}
.md_09 .icon ul li:hover {
background-color: rgba(0, 0, 0); opacity:1.0;
}
.md_09 .icon ul li i {
	padding: 10px; border-radius: 5px; transition:0.2s ease-out; color: rgb(255, 255, 255); font-size: 2.2em; 
	display: inline-block; -ms-word-wrap: break-word;  -webkit-transition: all 0.2s ease-out;
}

.md_09 .icon ul li span { font-family:open sans;
	padding: 0px 0px; color: rgb(255, 255, 255); font-size: 0.9em; font-weight: 400; display: block;
}

@media screen and (max-width: 991px) {
.md_09 .icon ul li {
	margin:20px; padding-top: 25px;	width: 130px; height: 130px;
}
}


.md_10 {margin-top:70px;}
.md_10 h3 {font-size:22px; margin:15px 0 10px;}
.md_10 .movie {width:100%;}


.board_gallery_output .header {text-align:left;}
.board_gallery_output .more {float:right;
}
.board_gallery_output p {
	text-align: center;
}
.board_gallery_output table {
	width: 100%;
}
.board_gallery_output .board_output_gallery_img {
	border: 0px solid rgb(255, 0, 0);
}
.board_gallery_output .board_output_gallery_img img {
	width: 100%; height: auto; font-size: 0px;
}
.board_gallery_output .board_output_gallery_img a {
	width: 100%; height: 100%; display: block; position: relative;
}
.board_gallery_output .board_output_gallery_img a::before {
	transition:0.2s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; background-color: rgb(0, 0, 0);
}
.board_gallery_output .board_output_gallery_img a:hover::before {
	opacity: 0.3;
}
.board_gallery_output .board_output_gallery_subject span {
	font-family: "" !important;
}
.board_gallery_output .board_output_gallery_subject a {
	font-family: "Noto Sans KR", sans-serif !important; font-size: 1em;
}
.board_gallery_output .board_output_gallery_subject a:hover {
	text-decoration: none;
}
.board_gallery_output .board_output_gallery_etc {
	color: rgb(85, 85, 85); font-size: 0.87em;
}
.board_gallery_output tbody tr td {
	border: 0px solid rgb(255, 0, 0); width: 10%;
}
.board_gallery_output tbody tr td table {
	border: 5px solid rgb(255, 255, 255); width: 100%; text-align: center;
}

.board_list_output .header {text-align:left;}
.board_list_output .more {float:right;
}
.board_list_output span {
	top: -5px; right: 0px; display: block; position: absolute;
}
.board_list_output .board_output .board_output tr td:nth-child(1) {
	width: 3%;
}
.board_list_output .board_output .board_output tr td:nth-child(2) {
	width: 70%; text-align: left;
}
.board_list_output .board_output .board_output tr td:nth-child(3) {
	width: 27%; text-align: right; font-size: 0.87em;
}
.board_list_output .list_output .bd_out1 {
	padding: 2px 0px;
}
.board_list_output .board_output .board_output a {font-family:'nanum gothic'; color:#666;}
.board_list_output .board_output .board_output a:hover {text-decoration:none;}
.board_list_output .board_output {font-family:'nanum gothic'; font-size:15px; color:#777;}

#pop {margin:0px; padding:0px; position:absolute;left:5%;bottom:0px;z-index:20;visibility:hidden;}
#pop .close_tab {width:100%; bottom:0px; text-align:center; font-size:14px; background:rgba(0, 0, 0, 0.5); position:absolute; z-index:20;}




/* Mobile */

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

	
			.board_gallery_output .board_output img{width:100%; height:auto;
			}
			
			#pop, #pro {display:none;}
			
	}
	



/*MAINPAGE*/


#slide-product {width:100%; height:auto; position:relative; overflow:hidden; float:left; margin:0px auto;}
#slide-product ul {position:absolute; float:left; zoom:1;margin:0;}
#slide-product ul:after {content:""; display:block; float:left;}
#slide-product ul .prdImg {display:block;}
#slide-product ul .prdImg img {display:block; border:0px solid #d6d6d6;}
#slide-product div img {margin-top:0px; width: 280px; height: 257px;}
#slide-product .rolling {position:absolute; top:0; margin:0; padding:0;}
#slide-product .rolling li {float:left;}
#slide-product .rolling .board_output_gallery_img {padding:0 5px; border-radius:5px;}
#slide-product .rolling .board_output_gallery_img img {border: 1px solid #ddd; overflow:hidden;}
#slide-product .rolling .board_output_gallery_img img:hover {opacity:0.5;}
    .arrow-left, .arrow-right {width: 40px; height: 60px; position: absolute; top: 210px;}
    .arrow-left {background:url(../mainpage/arrow_right.png) center no-repeat; right: -50px;}
.arrow-right {background:url(../mainpage/arrow_left.png) center no-repeat; left: -50px;}
.board_output_gallery_subject {font-size: 15px; margin-top: 20px; line-height: 20px;}

section.sc02, section.sc03, section.sc04, section.sc05 {margin: 0; padding: 80px 0;}
section span {width: 100%; display: inline-block;}

.main_tit {text-align: center;}
.main_tit h2 {margin-bottom: 20px; font-size: 40px;}
.main_tit p {margin-bottom: 40px;}


.sc03 {background: url(../mainpage/sc03_bg.jpg) center center no-repeat; background-size: cover; text-align: center;}
.sc03 p {color: #fff; font-size: 20px; line-height: 1.4; margin-bottom: 30px;}
.sc04_box .btn.white {margin-top: 20px;}

.btn.white {border: 1px solid #fff; color: #fff; padding: 10px 40px; border-radius: 0;}
.btn.white:hover {background: #fff; color: #333; border: 1px solid #333;}

section.sc04 {padding-bottom: 25px;}
.sc04_box {background-position: center; background-repeat: no-repeat; color: #fff; padding: 50px 30px;}
.sc04_box.left {background-image: url(../mainpage/sc04_bg01.jpg);}
.sc04_box.right {background-image: url(../mainpage/sc04_bg02.jpg);}

.sc04_box h3 {font-size: 36px; color: #fff;}
.sc04_box h3::after {width: 40px; height: 3px; background: #fff; content: ''; display: block; margin: 20px 0;}

.sc04_box img {float: right; width: 50%;}
.sc04 .sc04_box span {display: block; line-height: 1.4;}

section.sc05 {padding-top: 0px;}
.sc05_box {border: 1px solid #ddd; position: relative; padding: 25px; height: 245px;}
.sc05_box.cs {border: none; background: url(../mainpage/sc05_03.jpg) center no-repeat; background-size: cover;transition: all .8s ease-in-out;}
.sc05 img {width: 100%;}
.sc05 h3 {margin-bottom: 20px; font-weight: bold;}
.sc05 h3.more_bar::after {width: 40px; height: 3px; background: #007dc6; content: ''; display: block; margin: 20px 0;}

a:hover .sc05_box.cs, .sc05 img:hover {box-shadow: 1px 1px 8px #bbb; transition: all .8s ease-in-out;}

.btn_more {display: inline-block; position: absolute; right: 10px; top: 25px; margin:3px 20px 0; transition: all .5s ease-in-out;}
.btn_more:before, .btn_more:after {content: ''; background-color: #888; display: block; position: relative; width: 21px; height: 21px;}
.btn_more:hover, a:hover .btn_more {transform: rotate(1turn);transition: all .8s ease-in-out; }
.btn_more:before {height:1px; top: 11px;}
.btn_more:after {width: 1px; left: 10px;}

.board_output_11_tr {line-height: 38px; font-size: 15px;}

@media screen and (max-width: 1024px) {
    .sc02 .arrow {display: none;}
    .sc04_box h3 {font-size: 30px;}
    section p {font-size: 13px;}
    .btn.white {font-size: 13px;}
    .sc05 h3 {font-size: 20px;}
    .board_output_11_tr {font-size: 13px; line-height: 28px;}
    .board_output_11_tr td:last-child {display: none;}
}

@media screen and (max-width: 640px) {
    section.sc02, section.sc03, section.sc04, section.sc05 {padding: 50px 0;}
    section.sc04 {padding-bottom: 0;}
    section.sc05 {padding-top: 0;}
    .carousel-caption h2 {margin-top: -90px;}
    #theme-carousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {height: 300px; width: 966px !important; max-width: none; left: -460px; position: relative;}
    .sc03 p {font-size: 15px; line-height: 1.8; word-break: keep-all;}
    .sc03 section span {display: inline;}
    .sc05_box {height: 200px;}
    .sc05 .col-sm-4 {margin-bottom: 25px;}
    .sc05 .col-sm-4:last-child {margin-bottom: 0;}
    .sc04_box {margin-bottom: 25px;}
    .sc04_box.left, .sc04_box.right {background-size: cover;}
    .sc04_box img {float: none; width: 100%; padding-bottom: 20px;}
}

/* MAIN_ROLLING */
.mcom {background:#fff; background-position:center top; padding:1px 0; margin: 0;}
.banner_wrap {margin:0 auto; display:block; height:292px; overflow:hidden; }
.item {float:left; text-align: center;}
.item a div.img { z-index:100000; width:auto; margin: 0 10px 0 0;}
.item a h2 {font-size: 15px; color: #333; margin-top: 15px;}
.item a div.img img { border: 1px solid #ddd; width: 100%;}
.item a div.ov { display:none; position:absolute;} 
.item a:hover div.ov { display:block; position:absolute;} 

.contents {margin:20px auto 0 auto; max-width:1400px; }
.contents:after {content:"";display:block;clear:both;}

.mboard {float:left; width:700px; height:220px; background:#fff;}
.mboard:after {content:"";display:block;clear:both;}
.mboard .board_box {float:left; width:44%; padding:0 3%;}
.mboard_title { height:20px; width:100%; margin:20px 0;}

.carousel-control {position:absolute; top:50%; margin-top: -40px; padding: 10px !important; width: auto; height: 80px;}
.carousel-control.left > img, .carousel-control.right > img {width: 40px !important; height: 60px !important;}
.carousel-control.left {left:0;}
.carousel-control.right {right:0;}
    
@media screen and (max-width:1460px){
.banner_wrap { width:1050px;} 
.contents { max-width:1050px; }
}
@media screen and (max-width:1100px){
.banner_wrap { width:700px;} 
.contents { max-width:700px; }
}
@media screen and (max-width:700px){
.banner_wrap { width:300px; height:250px;} 
.banner_wrap img {max-width:300px;}
.contents { max-width:300px; }
.contents img {width:100%;}
.board_output img {width:auto;}
.mboard { width:100%; height:189px;}
.mboard_title {width:94%; height:20px; padding:0px 3% 0 3%;}
.mboard_title img {width:45px;}
.mboard_con {width:94%; height:110px; padding:0 3%; }
.mb_img2 div{width:50%;}
.mb_img2 div img{width:100%;}
.mboard .board_box { float:none; width:94%; padding:0 3% 20px 3%; border-top:1px solid #eee; height:200px;}
.mboard {float:none; height:440px;} 
}