@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('menu.css');

@import url('sub_style.css');




/* RESET-S */
*, ::after, ::before{
    flex-shrink: 0;
    margin: 0; padding: 0;
    font: inherit; color: inherit;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
    overflow-wrap: break-word; word-wrap: break-word;
}
img, video, svg {display: block;}
a {text-decoration: none;}
table {border-collapse: collapse; border-spacing: 0;}
ul, ol {list-style: none;}
/* RESET-E */
/* 애니메이션 */
@-webkit-keyframes ani_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ani {
    visibility: hidden;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
}

.ani.delay-1s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.ani.delay-2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.ani.delay-3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.ani.delay-4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.ani.delay-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.ani.delay-6s {
    -webkit-animation-delay: .6s;
    animation-delay: .5s;
}

.ani.delay-7s {
    -webkit-animation-delay: .7s;
    animation-delay: .5s;
}

.ani.delay-8s {
    -webkit-animation-delay: .8s;
    animation-delay: .5s;
}

.fadeInUp {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
/* COMMON-S */
body {
	margin: 0; padding: 0;
	font: 20px 'Montserrat', 'Noto Sans KR', sans-serif; font-weight: 500; color: #232323; letter-spacing: -1px;
}
section {width: 100%; padding: 100px 0;}
#header, #footer {width: 100%;}
.inner {width: 1400px; height: auto; margin: 0 auto;}
.hidden {
    width: 0; height: 0; overflow:hidden;
    font-size: 0; line-height: 0; text-indent: -9999px;
    position: absolute; left: -9999px;
}
.clearfix:after {content: ""; clear: both; display: block;}
.skip-nav >a {
    width: 100%; height: 30px;
    background-color: #f00;
    text-align: center; color: #fff; line-height: 30px;
    position: absolute; left: 0; top: -100px;
}
.skip-nav >a:focus {top: 0;}
/* COMMON-E */

.mobile_view {display: none !important;}
.tablet_view {display: none !important;}
.mobile_view2 {display: none !important;}
.mo_oepn {display: none !important;}
.mo_none {display: block !important;}
.mo_v {display: none;}
.mo-swipe-txt {display: none;}


@media screen and (max-width: 1300px) {
	body {font-size: 18px;}
}
@media screen and (max-width: 900px) {
	body {font-size: 16px;}
.pc_view {display: none !important}
.tablet_view {display: block !important;}
.mobile_view {display: none !important;}
.mobile_view2 {display: none !important;}
.imgW100 {width: 100% !important;}
.mo_v {display: block!important;}
.mo-swipe-txt {
    display: block;
    padding-left: 28px; margin-bottom: 8px;
    color: #333333;
    position: relative;
}
.table-sect .mo-swipe-txt::before {
    display: inline-block; content: '';
    width: 23px; height: 23px;
    background: url(../images/ico_swipe.gif) no-repeat left center;
    position: absolute; left: 0; top: -5px;
    vertical-align: middle;
    z-index: 1; opacity: .6;
}
.table-sect .mo-swipe {overflow-x: auto; width: 100%;}
.table-sect table {width: 800px}
}
@media screen and (max-width: 780px) {
	body {font-size: 14px;}
}
 


/***********VISUAL-S***************/
#container .visual {
	width: 100%; height: 100vh;
}
#container .visual .carousel .swiper-slide {
	display: flex; align-items: center;
  	width: 100%; height: 100%; margin: 0 auto;
  	background-image: url(../images/main/visual01.jpg);
  	background-position: center center; background-repeat: no-repeat; background-size: cover;
	position: relative;
}
#container .visual .carousel .swiper-slide:nth-child(1) {background-image: url(../images/main/visual01.jpg);}
#container .visual .carousel .swiper-slide:nth-child(2) {background-image: url(../images/main/visual02.jpg);}
#container .visual .carousel .swiper-slide:nth-child(3) {background-image: url(../images/main/visual03.jpg);}
#container .visual .carousel .swiper-slide:nth-child(4) {background-image: url(../images/main/visual04.jpg);}




#container .visual .carousel .swiper-slide p {
	width: 1400px; height: auto; margin: 0 auto;
  	font-weight: 700; font-size: 60px; color: #fff;
}


#container .visual .swiper-btn {
	width: 1400px; position: absolute;
	height:60px; top: 58%; left: 50%;
	transform: translate(-50%,50%); z-index: 10;
	/* display: flex; gap: 10px; */
}

#container .visual .swiper-btn div {
	display: block;
  	width: 60px; height: 60px;
  	background-image: url(../images/main/arrow.png);
  	font-size: 0;
}
#container .visual .swiper-button-prev {
	transform: rotate(180deg);
	left: 0;
}
#container .visual .swiper-btn div.swiper-button-next {
	left: 80px;
}

#container .visual .swiper-button-prev::after,
#container .visual .swiper-button-next::after {display: none;}

#container .visual .swiper-pagination {
	display: flex; gap: 10px;
	width: 125px; transform: translateX(-50%);
	position: absolute; left: 50%; bottom: 150px;
}
#container .visual .swiper-pagination .swiper-pagination-bullet {
	display: block;
	width: 15px; height: 15px;
	border: 1px solid #f2b705; border-radius: 0;
	cursor: pointer;
	opacity: 1;
	background: transparent;
}
#container .visual .swiper-pagination .swiper-pagination-bullet:hover {background-color: #f2b705;}
#container .visual .swiper-pagination .swiper-pagination-bullet-active {background-color: #f2b705;}



#container .visual .scroll {
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	position: absolute; bottom: 0; left: 50%;
	transform: translate(-50%, 0);
	/* border: 1000px solid #f00; */
	z-index: 100;
}
#container .visual .scroll p {
	margin-bottom: 5px;
	color: rgba(255,255,255,0.8);
}
#container .visual .scroll .scroll-bg {
	width: 1px; height: 60px;
	background:rgba(255,255,255,0.4);
	position: relative;
}
#container .visual .scroll .scroll-bg .scroll-bar {
	width: 1px; height: 30px;
	background-color: #fff;
	position: absolute; top: 0; left: 0;
	z-index: 10;
	animation: scroll infinite alternate linear;
	animation-duration: 1s;
}
@keyframes scroll {
	from {
		transform: translateY(30px);
	}
}






@media screen and (max-width:1500px){
	#container .visual .carousel .swiper-slide p {
		width: 100%; height: auto; padding: 0 50px;
	}
	#container .visual .swiper-btn {
		width: 100%;
	}
	#container .visual .swiper-button-prev {
		left: 50px;
	}
	#container .visual .swiper-btn div.swiper-button-next {
		left: 130px;
	}
}




/***********VISUAL-E***************/

/***********MAIN-S***************/
/* main-common */
#container header {
	display: flex; flex-direction: column; gap: 60px;
	padding: 0px 0 120px;
}
#container header >p {
	padding-top: 20px;
	font-size: 20px; font-weight: 700; color: #f2b705; text-align: center;
	position: relative;
}
#container header >p::before {content: '';
	display: block;
	width: 30px; height: 1px; margin-left: -15px;
	background-color: #f2b705;
	position: absolute; left: 50%; top: 0;
}
#container header .txt {
	display: flex; flex-direction: column; gap: 30px;
	text-align: center;
}
#container header .txt .title {
	font-weight: 700; font-size: 60px; color: #232323; line-height: 80px;
}
#container header .txt .desc {
	font-weight: 400; font-size: 20px; color: #454545;
}
#container .cont {
	width: 100%;
}



#container .more-btn {
	display: flex; justify-content: center; align-items: center;
	width: 150px; height: 50px; margin: 0 auto;
	border: 1px solid #f2b705; border-radius: 50px;
}
#container .more-btn strong {display: block;
	font-weight: 400; font-size: 16px; color: #f2b705; text-align: center;
}
#container .more-btn span {display: block;
	width: 9px; height: 9px; margin-left: 10px;
	border-top: 1px solid #f2b705;
	border-right: 1px solid #f2b705;
	transform: rotate(45deg);
}






/* main-business */
#container .business {position: relative; overflow: hidden;}
#container .business::before,
#container .business::after {
	display: block; content: '';
	width: 780px; height: 780px;
	background-image: url(../images/main/business-bg01.png); background-repeat: no-repeat; background-position: center center; background-size: contain;
	position: absolute; right: -15%; top: -28%;
	z-index: -1;
	animation: rounding 8s infinite linear;
}
#container .business::after {
	background-image: url(../images/main/business-bg02.png);
	left: -10%; top: 67%;
	animation: rounding 8s infinite linear;
}
@keyframes rounding{
	from{
		transform: rotate(360deg);
	}to{
		transform: rotate(0deg);
	}
}


#container .business .cont {position: relative; transform: translateY(-50px);}
#container .business .cont::before {display: block; content: '';
	width: 660px; height: 660px; 
	background-color: #fbeec3;
	border-radius: 600px;
	position: absolute; left: 50%; transform: translateX(-50%);
	z-index: -1;
}
#container .business .cont .busiSwiper {
	padding-bottom: 140px;
	position: relative;
}
#container .business .cont .busiSwiper .swiper-wrapper  {padding-top: 70px;}
html body .wrap #container .business .cont .busiSwiper .swiper-wrapper .swiper-slide  {
	display: flex;align-items: center; justify-content: center;
	width: 500px; height: 500px;
	position: relative;
	transform: scale(.8);
}
html body .wrap #container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active {
	transform: scale(1.4); 
}
html body .wrap #container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active img{
	width: 385px;
	height: 385px;
}
html body .wrap #container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active p {
	left: 120px;
}
#container .business .cont .busiSwiper .swiper-wrapper .swiper-slide img {
	width: 100%; height: 100%;
	border-radius: 15px;
	position: relative;
}
#container .business .cont .busiSwiper .swiper-wrapper .swiper-slide img::after{
	display: block; content: '';
	width: 100%; height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65.38%, rgba(0, 0, 0, 0.2) 100%);
	border-radius: 15px;
	position: absolute; left: 0; top: 0;
	z-index: 100;
}
#container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active p::before{
	width: 539px;
	left: 0px;
}

#container .business .cont .busiSwiper .swiper-wrapper .swiper-slide p  {
	font-weight: 700; font-size: 22px; color: #fff;
	position: absolute; left: 20px; bottom: 20px;
}
#container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active p{
	left: -14px!important; transform: scale(.715);
	bottom: 45px!important;
}
#container .business .cont .busiSwiper .swiper-button-prev::after,
#container .business .cont .busiSwiper .swiper-button-next::after {display: none;}
#container .business .cont .busiSwiper .swiper-button-prev,
#container .business .cont .busiSwiper .swiper-button-next {display: block;
	width: 60px; height: 60px;
	margin-left: -370px; margin-top: -60px;
	border: 1px solid #77787b; border-radius: 60px; 
	position: absolute;
	left: 50%; top: 50%;
}
#container .business .cont .busiSwiper .swiper-button-prev span,
#container .business .cont .busiSwiper .swiper-button-next span {display: block;
	width: 15px; height: 15px; margin-left: -2.5px; margin-top: -7.5px;
	border-top: 1px solid #77787b;
	border-left: 1px solid #77787b;
	transform: rotate(-45deg);
	position: absolute; left: 50%; top: 50%;
}
#container .business .cont .busiSwiper .swiper-button-next {
	margin-left: 310px;
}
#container .business .cont .busiSwiper .swiper-button-next span {margin-left: -10px; transform: rotate(135deg);}




/* main-facil */
#container .facil {
	width: 100%; height: 1080px; padding: 0;
	background-image: url(../images/main/facil-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;
}
#container .facil .inner {
	height: 100%;
	display: flex; justify-content: space-between; 
	align-items: center;

}
#container .facil .inner header {
	align-items: flex-start;
}
#container .facil .inner header >p::before {
	margin-left: 0; left: 0;
}
#container .facil .inner header .txt {text-align: left;}
#container .facil .inner header .txt .title {color: #fff;}
#container .facil .inner header .txt .desc {color: #fff;}
#container .facil .inner .more-btn {margin: 0;}


#container .facil .facil-imgs {
	width: 55%; height: 100%;
	position: relative;
}
#container .facil .facil-imgs img {
	border-radius: 500px;
	position: absolute;
}
#container .facil .facil-imgs img:nth-child(1) {
	left: 0; top: 80px;
}
#container .facil .facil-imgs img:nth-child(2) {
	width: 282px;
	right: 0px; top: 350px;
}
#container .facil .facil-imgs img:nth-child(3) {
	width: 344px;
	left: 150px; bottom: -50px;	
}





/* aboutsd */
#container .aboutsd {position: relative; padding-bottom: 150px; margin-bottom: 0;}
#container .aboutsd::after {display: block; content: '';
	width: 100%; height: 450px;
	background-color: #edf6ff;
	position: absolute; left: 0; bottom: 0;
	z-index: -1;
}
#container .aboutsd .aboutsd-cont ul {
	display: flex; justify-content: center; width: 100%;
}
#container .aboutsd .aboutsd-cont ul li {display: block;
	width: calc(100%/3); height: 420px;
	background-image: url(../images/main/aboutsd01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;
}
#container .aboutsd .aboutsd-cont ul li:nth-child(2) {background-image: url(../images/main/aboutsd02.jpg);}
#container .aboutsd .aboutsd-cont ul li:nth-child(3) {background-image: url(../images/main/aboutsd03.jpg);}
#container .aboutsd .aboutsd-cont ul .box-wrap {
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;
}
#container .aboutsd .aboutsd-cont ul .box-wrap strong {display: block;
	color: rgba(255,255,255,0.6); text-align: center;
}
#container .aboutsd .aboutsd-cont ul .box-wrap span {display: block;
	width: 74px; height: 74px;
	background-image: url(../images/about/ico_h01.png); background-size: contain; background-position: center center; background-repeat: no-repeat;
}
#container .aboutsd .aboutsd-cont ul li:nth-child(2) span {background-image: url(../images/about/ico_h04.png);}
#container .aboutsd .aboutsd-cont ul li:nth-child(3) span {background-image: url(../images/about/ico_h02.png);}
#container .aboutsd .aboutsd-cont ul .box-wrap p {display: block;
	font-weight: 700; font-size: 28px; color: #fff; text-align: center;
}

/***********MAIN-E***************/





/***********SUB-S***************/
#container .contents .head_top {
	display: flex; flex-direction: column; justify-content: center; gap: 15px;
	width: 100%; height: 400px;
	color: #ffffff; text-align: center
}
#container .contents .head_top h1 {
	padding-top: 100px;
	font-size: 48px; font-weight: 600;
	font-family: 'Montserrat', sans-serif !important;  
}
#container .contents .head_top p {font-size: 17px; font-weight: 100}
#container .contents .about {background: url("../images/about/head_top_bg.jpg") center no-repeat;}
#container .contents .product {background: url("../images/product/head_top_bg.jpg") center no-repeat;}
#container .contents .facilities {background: url("../images/facilities/head_top_bg.jpg") center no-repeat;}
#container .contents .project {background: url("../images/project/head_top_bg.jpg") center no-repeat;}
#container .contents .customer {background: url("../images/customer/head_top_bg.jpg") center no-repeat;}
#container .contents .etc {background: url("../images/etc/head_top_bg.jpg") center no-repeat;}

/*tab*/

#container .contents .dropCont {display: inline-block;
	width: 100%; margin-bottom: 150px;
	position: relative;
}
#container .contents .dropCont::after {display: block; content: '';
	width: 1920px; height: 1px; margin-left: -960px;
	background-color: #ccc;
	position: absolute; left: 50%; bottom: 0;
}
#container .contents .drop {width:1400px; height: 60px; margin: auto}
#container .contents .drop li { height: 60px; border-right:solid 1px #cccccc; float:left;}
#container .contents .drop li.dropMenu {width: 200px; float:left}
.drop_navi { float:left; width: 100%}
.drop_navi2 { float:left; width: 100%; position: relative}
.drop_navi2 #block1 {width: 100%!important }
.dropdown3 {position: absolute; z-index: 2; width: 100%;}
.dropdown4 {position: absolute; z-index: 1; width: 100%;}
.mmN1 { background:transparent url("../images/ico_1depth.png") center right no-repeat; color:#333333; padding: 19px; font-size: 16px; border: none;cursor: pointer; text-align: left; }
.mmN2 {background:transparent url("../images/ico_this.png") center right no-repeat; color:#7F6000; padding: 19px; font-size: 16px; border: none;cursor: pointer; text-align: left;}
#block1, #block2 {
	width: 200px; 
	background:#ffffff;
	border: solid 1px #cccccc;
	position: absolute;
	box-sizing: border-box 
}
.smN1, .smN2 {padding:10px;}
.smN1 a, .smN2 a { width: 100%;  display: inline-block; color:#333333;}
.smN1 a.on, .smN2 a.on {color:#7F6000}

#container .contents .cont {
	width: 1400px; margin: 0px auto 80px;
	position: relative;
}
#container .contents .headCont {
	display: flex; flex-direction: column; justify-content: space-between; align-items: center;
	text-align: center;
}
#container .contents .headCont .contTit {display: inline-block;
	width: 100%; padding-bottom: 30px;
	font-size: 40px; line-height: 45px;
}
#container .contents .headCont .bar {display: inline-block;
	width: 2px; height: 30px; margin-bottom: 30px;
	background: url("../images/ico_tit_bar.png") no-repeat;
}

#container .contents .headCont .aboutBg {
	display: flex; align-items: center;
	width: 100%; height: 300px; margin-bottom: 50px;
	background: url("../images/about/about_bg.jpg") center center no-repeat;
}

#container #features .cont_bg .cont .det{
	color: #454545;
	text-align: right;
	margin-top: 30px;
}

#container .contents .headCont .aboutBg p {
	width: 1400px; margin: 0 auto;
	color:#ffffff; text-align: left; font-size: 30px; font-weight: 100; line-height: 36px;
}
#container .contents .cont .top_line { width: 60px; height: 4px; margin-bottom: 30px; background: #f2b705}
#container .contents .cont .about_txt {font-weight: 400; font-size: 18px; line-height: 30px;}
#container .contents .cont .about_txt span {width: 100%; display: inline-block;}









/* about-company-info */
#container .contents .infoCont {
    width: 1400px;
    margin: 0px auto 80px;
    position: relative;
}
#container .contents .headCont .hTxt {padding-bottom: 30px;}
#container .contents .headCont .company-info {
	max-width: 1400px;
	padding-bottom: 50px;
	
}
#container .contents .company-info .infoCont ul {
	display: flex; justify-content: space-between; gap: 5px;
	width: 100%;
}
#container .contents .company-info .infoCont li {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
	/* width: calc(100%/5); */
    flex: 1;
    height: 350px;
	background-image: url(../images/about/company_name.jpg);
	background-size: cover; background-repeat: no-repeat; background-position: center center;
	color: #fff;
	position: relative;
}
#container .contents .company-info .infoCont li::after {content: '';
	display: block;
	width: 100%; height: 100%;
	background-color: rgba(26,65,91,0.7);
	position: absolute; left: 0; top: 0;
}
#container .contents .company-info .infoCont ul li img,
#container .contents .company-info .infoCont ul li h3,
#container .contents .company-info .infoCont ul li span,
#container .contents .company-info .infoCont ul li p
{position: relative; z-index: 10000;}

#container .contents .company-info .infoCont ul li img {
	width: 40px; height: 40px;
}
#container .contents .company-info .infoCont ul li p {
	padding-top: 10px;
}
#container .contents .company-info .infoCont li:nth-child(2) {
	background-image: url(../images/about/company_ceo.jpg);
}
#container .contents .company-info .infoCont li:nth-child(3) {
	background-image: url(../images/about/company_date.jpg);
}
#container .contents .company-info .infoCont li:nth-child(4) {
	background-image: url(../images/about/company_product.jpg);
}
#container .contents .company-info .infoCont li:nth-child(5) {
	background-image: url(../images/about/company_num.jpg);
}

#container .contents .company-info .infoCont li h3 {
	padding: 10px 0px 0px 0px; 
}

#container .contents .company-info .infoCont li .bar2{
	display: block; 
	width: 20px; height: 2px; margin :10px auto 5px; 
	background: #f2b705;
}






/*  */
#container .contents .hCont {padding-bottom: 180px;}
#container .contents .hCont li {width:25%; display: inline-block; vertical-align:middle; margin-left:-4px; }
#container .contents .hCont li span {background-size: contain; background-position: 0 0;}

#container .contents .hCont li .bg01, #container .contents .hCont li .bg02, #container .contents .hCont li .bg03 {font-size:22px; height: 75px; text-align: center; }
#container .contents .hCont li .bg04 {width: 100%; display: inline-block;  font-size:22px; font-weight: 100; height: 94px; text-align: center; background:#f2b705; color:#19415b}
#container .contents .hCont li .bg01 {background:#ededed;}
#container .contents .hCont li .bg02 {background:#e9e9e9;}
#container .contents .hCont li .bg03 {background:#e0e0e0;}

#container .contents .hCont li .bg01 h3, #container .contents .hCont li .bg02 h3, #container .contents .hCont li .bg03 h3, #container .contents .hCont li .bg04 h3 {font-size:20px; padding-top: 25px;}
#container .contents .hCont li .bg04 h3 {
	padding-top: 35px;
	font-weight: 700; font-size: 20px; color: #002a54; 
}
#container .contents .hCont li .fs16 {font-size: 16px; font-weight: 100;}

#container .contents .hCont li .bg01_right {width: 28px; height: 75px; float:right; background:url("../images/about/history_bg1_right.jpg") top right no-repeat;}
#container .contents .hCont li .bg02_left {width: 28px; height: 75px; float:left;  background:url("../images/about/history_bg2_left.jpg") left no-repeat;}
#container .contents .hCont li .bg02_right {width: 28px; height: 75px; float:right; background:url("../images/about/history_bg2_right.jpg") top right no-repeat;}
#container .contents .hCont li .bg03_left {width: 28px; height: 75px; float:left; background:url("../images/about/history_bg3_left.jpg") left no-repeat;}
#container .contents .hCont li .bg03_right {width: 28px; height: 75px; float:right; background:url("../images/about/history_bg3_right.jpg") right no-repeat;}
#container .contents .hCont li .bg04_left {width: 35px; height: 94px; float:left; background:url("../images/about/history_bg4_left.jpg") left no-repeat;}
#container .contents .hCont li .bg04_right {width: 35px; height: 94px; float:right; background:url("../images/about/history_bg4_right.jpg") top right no-repeat;}


#container .contents .hCont li .line {width: 20px; height: 1px; background: #cccccc; display: inline-block;margin: 0px 10px 6px;}
#container .contents .hCont .list01 { padding: 30px 15px 0 0px; height: 115px; vertical-align:top;}
#container .contents .hCont .point p { color:#19415b; margin: -10px 0 10px 0;}

#container .contents .hCont .list01 p {background: url("../images/bull_01.png") left 11px no-repeat; padding: 0 0 5px 8px;}
#container .contents .hCont .blueBg2 {width: 217px; padding:43px 30px; background: #f2b705; color:#ffffff}
#container .contents .hCont .list02 p {background: url("../images/bull_02.gif") left 11px no-repeat; padding-left: 8px;}



















#container .contents .ciList2 {
	display: flex; justify-content: space-between; align-items: center;
}
#container .contents .ciList li, #container .contents .ciList2 li {width:48%; display: inline-block;}
#container .contents .ciList li img {width: 80%;}
#container .contents .ciList li p { font-weight: bold; margin-top: 15px}
/* #container .contents .ciList li.type2, #container .contents .ciList2 li.type2 {float:right} */

#container .contents  ul.cerList {text-align: center;
	display: flex; justify-content: center;
}
#container .contents .cerList li {display: inline-block;}
/* #container .contents .cerList li img {width: 80%;} */

#container .contents .cont_bg {background:#f2f2f2; padding: 150px 0 50px;}

#container .contents .ciBg {padding:40px; text-align: center; background:url("../images/about/ci_bg.gif") repeat; border:solid 1px #cccccc; box-sizing: border-box;}
#container .contents .ciCont .type3 {width: 100%;  display: inline-block; text-align: center; margin-top: 30px;}
#container .contents .ciCont .type3 a.downBtn {display: inline-block;  background:#333333; padding: 10px 20px; color:#ffffff}
#container .contents .ciCont .type3 a.downBtn:after {content: url("../images/ico_down.png");}

#container .contents .ciType {margin-left:-36px;}
#container .contents .ciType li {width:373px; display: inline-block;  margin-left:36px;}

#container .contents .bigTit {background:url("../images/big_tit.png") left no-repeat; padding-left:33px; font-size: 22px; margin-bottom: 20px; line-height: 28px}
#container .contents .txtList p { background: url("../images/bull_01.png") left 11px no-repeat; padding-left: 8px; margin-bottom: 8px;}

.current-photo img,
.photo-list .thumbnail img,
.major-img-list img {width: 100%; margin-bottom: 30px;}

.board_list .title img {display: inline-block;}


#container .contents .cont .swipe { width: 100%; overflow-x:auto; }
#container .contents .cont .tableStyle {width:1200px; border-top:solid 2px #002a54;}
#container .contents .cont .swipe_ico {height: 27px; background: url("../images/ico_swipe.gif") no-repeat;padding:5px 0 0 25px; margin-top: 15px}
#container .contents .cont .tableStyle th {background:#f6f6f6; color: #000000; border-bottom: solid 1px #dddddd; padding: 8px 0px; border-right: solid 1px #dddddd}
#container .contents .cont .tableStyle td {border-bottom: solid 1px #dddddd; padding: 5px; border-right: solid 1px #dddddd; text-align: center}
#container .contents .cont .tableStyle th.last, #container .contents .cont .tableStyle td.last { border-right: 0px;}
#container .contents .cont .tableStyle th.bg, #container .contents .cont .tableStyle td.bg {background:#ebf3ff}

#container .contents .cont .stoneList {width: 100%;}
#container .contents .cont .stoneList thead {
	background-color: #f2b705;
}
#container .contents .cont .stoneList thead th {
	width: 445px;
	padding: 10px 0;
	color: #000;
}
#container .contents .cont .stoneList thead th+th {border-left: 1px solid #fff;}
#container .contents .cont .stoneList thead th:nth-child(1) {
	width: 100px;
}
#container .contents .cont .stoneList thead th:nth-child(2) {
	width: 200px;
}
#container .contents .cont .stoneList tbody td {
	border-bottom: 1px solid #ddd;
}
#container .contents .cont .stoneList tbody td+td {border-left: 1px solid #ddd;}
#container .contents .cont .stoneList tbody td.stonename {
	text-align: center;
}
#container .contents .cont .stoneList tbody tr .stoneimg {
	display: block;
	height: 200px;
	background-image: url(../images/product/gcstone01.jpg);
	background-position: center center;
	background-size: cover; background-repeat: no-repeat;
}
#container .contents .cont .stoneList tbody tr:nth-child(2) .stoneimg {
	background-image: url(../images/product/gcstone02.jpg);
}
#container .contents .cont .stoneList tbody tr:nth-child(3) .stoneimg {
	background-image: url(../images/product/gcstone03.jpg);
}
#container .contents .cont .stoneList tbody tr:nth-child(4) .stoneimg {
	background-image: url(../images/product/gcstone04.jpg);
}
#container .contents .cont .stoneList tbody tr:nth-child(5) .stoneimg {
	background-image: url(../images/product/gcstone05.jpg);
}
#container .contents .cont .stoneList tbody tr:nth-child(6) .stoneimg {
	background-image: url(../images/product/gcstone06.jpg);
}
#container .contents .cont .stoneList tbody tr:nth-child(7) .stoneimg {
	background-image: url(../images/product/gcstone07.jpg);
}
#container .contents .cont .stoneList tbody tr:nth-child(8) .stoneimg {
	background-image: url(../images/product/gcstone08.jpg);
}
#container .contents .cont .stoneList tbody tr:nth-child(9) .stoneimg {
	background-image: url(../images/product/gcstone09.JPG);
}
#container .contents .cont .stoneList tbody td.stoneprod {
	padding: 0 10px 0 20px;
}
#container .contents .cont .stoneList tbody td:last-child {
	padding: 0 30px 0 20px;
}
#container .contents .cont .stoneList tbody td ul li {
	margin-left: 20px;
	font-size: 18px; font-weight: 300;
	position: relative;
}
#container .contents .cont .stoneList tbody td ul li::before {display: block; content: '';
	width: 5px; height: 5px;
	background-color: #000;
	border-radius: 5px;
	position: absolute; left: -12px; top: 8px;
}


/* 설비 및 특장점 */

#container #crusher .cont th {
	background-color: #f2b705;
}
#container #crusher .cont table {
	width: 100%; margin: 0 auto;
	font-size: 20px; text-align: center; line-height: 25px;
}

#container #crusher .cont table th {
	width: 25%; padding: 15px 10px;
	border-bottom: 1px solid #fff;
}
#container #crusher .cont table td {
	width: 37.5%; padding: 15px 10px;
	border: 1px solid #ddd;
	font-size: 18px;
}
#container #crusher .cont table tr:first-child th {
	border-top: 1px solid #f2b705;
}
#container #crusher .cont table tr:last-child th {
	border-bottom: 1px solid #f2b705;
}
#container #crusher .cont table td:nth-of-type(1) {border-left: none;}
#container #crusher .cont table td:last-of-type {border-right: none;}
#container #crusher .detail2 table thead th {width: 16.666%;}
#container #crusher .detail2 table thead th+th {border-left: 1px solid #fff;}
#container #crusher .detail2 table tbody td {width: 16.666%;}
#container #crusher .detail2 table tbody td span {font-size: 0.8em;}





#container #crusher .headCont {padding-bottom: 50px;}
#container #features .headCont {padding: 70px 0 50px;}
#container #features .cont_bg {padding: 50px 0; margin-bottom: 80px;}
#container #features .cont_bg .cont {margin-bottom: 0;}
#container #features .certi {
	display: flex; justify-content: center;
	width: 100%;
}
#container #features .certi figure {
	display: flex; 
	width: 40%;
}
#container #features .certi img {
	width: 90%; margin: 0 auto;
}


#container #features .tbls div {
	margin-bottom: 50px;
}
#container #features .tbls div p {
	margin-bottom: 10px;
	font-size: 22px; font-weight: 700; color: #7F6000;
}
#container #features .tbls div div {
	display: flex; justify-content: space-between;
	margin-bottom: 10px;
}
#container #features .tbls div .ps {display: block;
	font-weight: 500; font-size: 14px; color: #222222; line-height: 16px;
	padding: 10px 0 0;
}
#container #features .tbls div:nth-child(4) p:nth-child(1) {padding-top: 56px;}

#container #features .tbls table {
	width: 100%; margin: 0 auto;
	border-top: 1px solid #f2b705;
	font-size: 20px; text-align: center; line-height: 25px;
}
#container #features .tbls table caption {display: block;}
#container #features .tbls table thead {
	background-color: #f2b705;
}
#container #features .tbls table thead th {
	padding: 15px 10px;
	border-bottom: 1px solid #fff;
}
#container #features .tbls table thead th+th {border-left: 1px solid #fff;}
#container #features .cont table tr:last-child th {
	border-bottom: 1px solid #f2b705;
}
#container #features .tbls table tbody td {
	padding: 15px 10px;
	border: 1px solid #ddd;
	font-size: 18px;
}
#container #features .tbls table tbody td:first-child {border-left: none;}
#container #features .tbls table tbody td:last-child {border-right: none;}


#container #features .tbls >div:nth-child(1) table th, 
#container #features .tbls >div:nth-child(1) table td,
#container #features .tbls >div:nth-child(3) table th, 
#container #features .tbls >div:nth-child(3) table td,
#container #features .tbls >div:nth-child(4) table th, 
#container #features .tbls >div:nth-child(4) table td {width: 25%;}

#container #features .tbls >div:nth-child(2) table th, 
#container #features .tbls >div:nth-child(2) table td {width: 50%;}

#container #features .tbls >div:nth-child(5) table th, 
#container #features .tbls >div:nth-child(5) table td {width: 11.11%;}












#container #project {}
#container #project .project-cont {}
#container #project article {padding-bottom: 100px;}
#container #project article.project-img {}
#container #project article.project-txt {}

#container #project section {}
#container #project section.cont-title {padding-bottom: 30px;}
#container #project section.cont-cont {}



#container #project .cont-cont ul {
	display: flex; justify-content: space-between;
}
#container #project .cont-cont ul li {
	width: calc((100% - 25px)/6);
}
#container #project .cont-cont ul li img {
	width: 100%;
}
#container #project .cont-cont {display: flex; justify-content: space-between;}
#container #project .cont-cont table {
    /* width: 49.5%; */
	width: 100%;
    font-size: 20px; text-align: center; line-height: 25px;
}
#container #project .cont-cont thead {background-color: #f2b705;}
#container #project .cont-cont th {
	width: 33%; padding: 10px 10px;
	border-bottom: 1px solid #fff;
}
#container #project .cont-cont table th:nth-child() {}
#container #project .cont-cont table th+th {border-left: 1px solid #fff;}
#container #project .cont-cont table tbody {}
#container #project .cont-cont table td {
	padding: 5px 10px;
	border: 1px solid #ddd;
	font-size: 18px;
}
#container #project .cont-cont table td:first-child {border-left: none}
#container #project .cont-cont table td:last-child {border-right: none; padding-right: 15px;}
#container #project .cont-cont table td span {
	font-size: 14px; font-weight: 300; color: #333333;
}






#container .contents .paging { text-align: center; padding-top: 30px; width: 100%; }
#container .contents .paging a { display: inline-block; *display: block; zoom:1; vertical-align: top; color: #999999; padding:7px 15px 0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 20px;    font-family: 'Montserrat', sans-serif !important; font-weight: bold}
#container .contents .paging a:hover, .paging a:active {color: #f2b705; font-weight: bold}
#container .contents .paging a.this { font-weight: 400; color: #f2b705;  font-weight: bold }
#container .contents .paging .btn_prev { background: url('../images/bbs-prev.gif') center no-repeat; }
#container .contents .paging .btn_start { background: url('../images/bbs-prev-end.gif') center no-repeat; }
#container .contents .paging .btn_next { background: url('../images/bbs-next.gif') center no-repeat; }
#container .contents .paging .btn_end { background: url('../images/bbs-next-end.gif') center no-repeat; }
#container .contents .paging em { width: 0; height: 0; font-size: 0; border: 0; }


.btn_box {width: 100%;display: inline-block; *display: block; zoom:1; margin-top: 20px;}
.btn_box .btnSt1 {margin-left: 5px; display: inline-block;color: #ffffff; background: #f2b705; padding:8px 30px;  border: none;}



#container .contents .btn_box {width: 100%;display: inline-block; *display: block; zoom:1; margin-top: 20px; }
#container .contents .btn_box .right {text-align: right;}
#container .contents .btn_box a {margin-left: 5px; display: inline-block}
#container .contents .btn_box a.btnSt1 {color: #ffffff; background: #f2b705; padding:8px 30px; }
#container .contents .btn_box a.btnSt2 {color: #ffffff; background: #666666; padding:8px 30px; }
#container .contents .btn_box .inputstyle {padding:5px; border:solid 1px #cccccc;}

#container .contents .search { width:100%; text-align:center; margin-top:30px; background: #f2f2f2; padding: 40px 0px; }
#container .contents .search_box { width:100%; display:inline-block; }
#container .contents .search_box li { display:inline-block; vertical-align:top }
#container .contents .search_box .selectstyle { padding:8px; border:solid 1px #cccccc; font-size:16px; }
#container .contents .search_box .inputstyle { padding:9px 8px; border:solid 1px #cccccc; width:316px; font-size:16px; }
#container .contents .search_box .btnstyle { padding:10px 15px; border:0; background:#333333; color:#ffffff;  font-size:16px; }
#container .contents .moreCont { width: 100%; display: inline-block; text-align: right; margin-top: 15px; font-weight: bold}
#container .contents .moreCont a:hover { color:#df2718; text-decoration: underline }

#container .contents .writeCont .inputStyle {border:solid 1px #cccccc; padding: 8px; width: 90% }
#container .contents .writeCont .inputStyle2 {border:solid 1px #cccccc; padding: 8px; width: 40% }
#container .contents .writeCont .write { width:100%; border-top:solid 2px #1a4065; margin-top: 30px; }
#container .contents .writeCont .write th {padding: 15px; background: #f2f2f2}
#container .contents .writeCont .write td {padding: 15px; }

#container .contents .writeCont .write th,
#container .contents .writeCont .write td { border-bottom:solid 1px #cccccc }
#container .contents .writeCont .write .del, #container .contents .writeCont .write .plus {padding:8px;}

#container .contents .writeCont .inputStyle2 {width:60%;}

#container .contents .privacyCont {padding: 30px; height: 150px; background: #f2f2f2; border:solid 1px #cccccc; overflow-y:scroll; overflow-x: hidden}
#container .contents .check_box { margin-top:15px; padding-bottom:20px; text-align:center}
input[type=checkbox].cb { display:none; }
input[type=checkbox].cb+label.C-label { padding-left:28px; height:23px;  display:inline-block; line-height:23px; background-repeat:no-repeat; background-position: 0 0; font-size:16px; vertical-align:middle; cursor:pointer; color:#333333; }
input[type=checkbox].cb:checked+label.C-label { background-position: 0 -23px; }
label.C-label { background-image:url("../images/check.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#container .contents .cont .board_list {width:100%; border-top:solid 2px #1a4065; margin-top: 30px}
#container .contents .cont .board_list th, #container .contents .cont .board_list td {border-bottom:solid 1px #cccccc; width: 10%;}
#container .contents .cont .board_list th.title {width: 60%;}

#container .contents .cont .board_list th {padding:13px 0px; background: #f2f2f2}
#container .contents .cont .board_list td {padding:10px 0px; text-align: center}

#container .contents .cont .board_list tr.notice_bg {background: #ffffef}
#container .contents .cont .board_list tr.notice_bg td, #container .contents .cont .board_list tr.notice_bg a {color:#f2b705}
#container .contents .cont .board_list .title a {  vertical-align: middle}

#container .contents .cont .board_list .secret {color:#666666; margin-right: 5px;  display: inline-block; vertical-align: middle}
#container .contents .cont .board_list .end {color:#f2b705; margin-left: 5px; display: inline-block; vertical-align: middle}

#container .contents .board_view {width:100%; border-top:solid 2px #1a4065; margin-top: 30px; }
#container .contents .board_view .viewTit {padding:30px 0px;}
#container .contents .board_view .tit {width: 100%; display: inline-block;}
#container .contents .board_view p {width: 100%; display: inline-block; margin-top: 10px; font-weight: normal; color:#222222}
#container .contents .board_view th {border-bottom:solid 1px #999999}
#container .contents .board_view td {border-bottom:solid 1px #cccccc}
#container .contents .board_view th .tit { font-size: 26px; background: #ffffff;}
#container .contents .board_view td {padding:15px; }
#container .contents .board_view td.tit2 {font-size: 14px; background: #f9f9f9}
#container .contents .board_view td.txtCont {width: 100%; min-height: 300px; padding: 15px 0px;display: inline-block; *display: block; zoom:1;}

#container .contents .nextTable {border-top:solid 1px #dddddd; margin-top: 20px;}
#container .contents .nextTable th,
#container .contents .nextTable td {padding:10px;border-bottom:solid 1px #dddddd;}
#container .contents .nextTable th {background:#f9f9f9 !important; text-align: left;}
#container .contents .nextTable th.nextBg:after {content:url("../images/common/bbs-next2.jpg");vertical-align: top;}
#container .contents .nextTable th.prevBg:after {content:url("../images/common/bbs-prev2.jpg");vertical-align: top}

#container .contents .priCont .subTit {margin: 30px 0px 10px !important; font-size: 18px; color:#f2b705; padding-top: 30px; border-top:solid 1px #cccccc}
#container .contents .priCont .smallTit {}
#container .contents .priCont .list1 p  {background: url(../images/ico_list_bar.jpg) left 12px no-repeat;   padding-left: 8px; margin: 5px 0px}

#container .contents .gall_hTop {width: 100%; display: inline-block; border-top:solid 2px #000000; border-bottom:solid 1px #cccccc; padding: 30px 0px;}
#container .contents .gall_hTop .contRight {width:500px;  float:right; }
#container .contents .gall_hTop .contLeft {width:670px;display: inline-block;}
#container .contents .gall_hTop .contLeft .tit {padding:30px 20px; background: #f2f2f2; font-size: 24px;}
#container .contents .gall_hTop .contLeft .rCont li {width: 100%; display: inline-block; padding: 15px 0px;}

#container .contents .videoCont .videoCont {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px;
}
#container .contents .videoCont .videoCont .videos {
	display: flex; flex-wrap: wrap; gap: 10px;
}
#container .contents .videoCont .videoCont .videos iframe {
	width: calc((100% - 20px) / 3); 
}
#container .contents .videoCont .videoCont .videos iframe #player {width: 60%;}





#container .contents .videoCont .videoCont p {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
	width: 292px;
	background-color: #fff;
}
#container .contents .videoCont .videoCont a.roundBtn {
	display: block;
    width: 118px; height: 38px;
    font-size: 14px; color: #000; line-height: 38px; text-align: center;
    border: solid 1px rgba(0,0,0,0.8); border-radius: 30px;
}
#container .contents .videoCont .videoCont a.roundBtn:after {content:url("../images/main/link_small_arrow2.png")}
#container .contents .videoCont .videoCont a.roundBtn:hover {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-color: #fff;
}
#container .contents .videoCont .videoCont a.roundBtn:hover::after {content: url("../images/main/link_small_arrow.png");}

/* #container .contents .videoCont .videoCont p {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
	width: 292px;
	background-color: #fff;
}
#container .contents .videoCont .videoCont a.roundBtn {
	display: block;
    width: 118px; height: 38px;
    font-size: 14px; color: #000; line-height: 38px; text-align: center;
    border: solid 1px rgba(0,0,0,0.8); border-radius: 30px;
}
#container .contents .videoCont .videoCont a.roundBtn:after {content:url("../images/main/link_small_arrow2.png")}
#container .contents .videoCont .videoCont a.roundBtn:hover {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-color: #fff;
}
#container .contents .videoCont .videoCont a.roundBtn:hover::after {content: url("../images/main/link_small_arrow.png");} */


#wrap .login_cont {width:600px; margin:100px auto; }
#wrap .login_cont .inputstyle3 {
	width: 90%; padding: 18px 5%; margin-bottom: 15px; 
	border: solid 1px #cccccc;
	font-size: 16px; color: #000000
}
#wrap .login_cont .btnstyle { width: 600px; display: inline-block }
#wrap .login_cont .btnstyle a { width: 100%; display: inline-block; background: #222222; color: #ffffff; font-size: 18px; padding: 20px 0px; text-align: center}


#container .orgBg_bottom {padding-bottom:40px; background: url("../images/about/org_bg.jpg")bottom no-repeat}







@media screen and (max-width: 1300px) {
	#container .content {width:95%;}
	#container .content .maCon_top .mCont_l, 
	#container .content .maCon_top .mCont_r {width: 49%;}
	#container .content .maCon_top .mCont_r .rBottom .mr_l,
	#container .content .maCon_top .mCont_r .rBottom .mr_r {width: 100%; }
	
	#container .content .maCon_top .mCont_l ul, #container .content .maCon_top .mCont_r .rTop ul {width: 90%; height: auto;padding: 5%;}
	
	#container .content2 .maCon_bottom { width: 100%; margin: auto; position: relative; }
	#container .content2 .maCon_bottom .gall_l {width: 100%; text-align: center; display: inline-block;}
	#container .content2 .maCon_bottom .gall_r {width: 100%; float: none; display: inline-block; text-align: center;}
	#container .content2 .maCon_bottom .gall_r ul {margin: auto; display: inline-block;}
	#container .content2 .maCon_bottom .gall_l a.roundBtn {margin-bottom: 20px;}
	#container .content2 .maCon_bottom .gall_l {margin-bottom: 30px;}
	
	#container .contents .drop {width: 100%;}
	
	/* #container .contents .headCont .aboutBg p {width: 100%;} */
	#container .contents .cont {width: 95%;}
	
	#container .contents .company-info .infoCont { width: 100%;}
	
	#container .contents .company-info .infoCont li {width: 30%; }
	
	#container .contents .company-info .infoCont ul { width: 90%; margin: auto;}
	#container .contents .hCont li {width: 47%;height: 215px;margin-bottom:30px; display: inline-block;}
	#container .contents .hCont .list01 {padding: 5%;}
	#container .contents .hCont .blueBg2 {width: 47%; padding:0px ;height: 208px;}
	
	#container .contents .hCont .blueBg2 h3 {padding: 5% 5% 20px 5%;;}
	#container .contents .hCont .blueBg2 .list02 {padding:0px 5%;}
	
	#container .contRight {width:48%; display: inline-block;}
	#container .contLeft {width:50%; float:right; }

	#container .contents .cont .stoneList thead th:nth-child(2) {
		width: 150px;
	}
	#container .contents .cont .stoneList tbody tr .stoneimg {
		height: 150px;
	}
}


@media screen and (max-width: 1200px) {
	
	#container .contents .about_cont .leftCont {width: 50%; display: inline-block;}
	#container .contents .about_cont .rightCont { width: 400px;float: right;}
	
}




@media screen and (max-width: 1052px) {
	
	#container .contents .hCont li,#container .contents .hCont .blueBg2 {width: 45%;}
	
	
}

@media screen and (max-width: 1015px) {
	#container .contents .headCont .company-info {
		padding-bottom: 0px;
	}
	#container .contents .company-info .infoCont ul {
		flex-direction: column;
		/* justify-content: space-between; gap: 5px; */
	}
	#container .contents .company-info .infoCont li {
		/* display: flex; justify-content: center; align-items: center; */
		flex-direction: row; justify-items: center; justify-self: center;
		width: 100%; height: 80px;
        flex: 1 0 auto;
	}
	
	#container .contents .company-info .infoCont ul li img {
		display: none;
	}
	#container .contents .company-info .infoCont ul li p {
		padding-top: 0;
	}
	
	#container .contents .company-info .infoCont li h3 {
		padding: 0; 
	}
	
	#container .contents .company-info .infoCont li .bar2{
		width: 2px; height: 20px; margin: 0 10px;
	}
}

@media screen and (max-width: 1006px) {
	#container .contents .gall_list1 li {width: 45%;}
	#container .contents .gall_list2 li {width: 45%; height: auto}
	
	#container .contents .videoCont .leftCont {width: 100% !important; display: inline-block}
	#container .contents .videoCont .leftCont iframe {width:100%; height: 300px}

	#container .contents .videoCont .rightCont {width:100%; position: relative; top:0px; float:none; vertical-align: bottom}
	
	#container .contents .about_cont .leftCont {width: 100%; display: inline-block}
	#container .contents .about_cont .rightCont { width: 400px;float:none;}
	
}
	
@media screen and (max-width: 930px) {
	#container .content2 .maCon_bottom .gall_r ul {width: 100%;}
	#container .maCon_bottom .gall_r li {width: 33%;}
	#container .maCon_bottom .gall_r li .img { width: 80%; height: 180px; margin: 10% auto 0px; }
	#container .contents .headCont .hTxt {width: 90%; padding: 0 0; margin-left: auto; margin-right: auto}
	
}
	


@media screen and (max-width: 800px) {
	#container .contents .cont .stoneList li { width:24%; display: inline-block;  margin-bottom: 20px;}
	#container .contents .cont .stoneList li img {width: 100%;}	
	#container .contents .company-info {padding: 0 16px!important;}
}

@media screen and (max-width: 780px) {
	#container .content {width:90%; padding: 0px 5%}
	#container .content .maCon_top .mCont_l, 
	#container .content .maCon_top .mCont_r {width: 100%; margin-top: 10px; }
	#container .content .maCon_top .mCont_l, #container .content .maCon_top .mCont_r .rTop { height: 270px;}
	#container .content .maCon_top .mCont_r .rTop {margin-bottom: 10px;}
	#container .content .maCon_top .mCont_r .rBottom .mr_l,
	#container .content .maCon_top .mCont_r .rBottom .mr_r {width: 100%; }
	#container .content .maCon_top .mCont_l li a.link {
		display: inline-block; 
		float: right;
		top: 0px;  margin-top: 20px; 
		text-align: right;
		position: relative;
	}
	#container .content .maCon_top .mCont_r .rBottom .mr_l,
	#container .content .maCon_top .mCont_r .rBottom .mr_r {width: 50%; height: auto;padding: 40px 0px 50px 0%;}
	#container .content2 .m_none2 {display: none;}
	
	#container .maCon_bottom .gall_r li {width: 49%;}
	#container .content2 { width: 90%; padding: 60px 5%;}
	#container .maCon_bottom .gall_r .br_w2 { border-right: solid 1px #cccccc;}
	#container .contents .drop {width: 100%;}
	#container .contents .drop li { border-right:none; }
	#container .contents .drop li.dropMenu {width: 50%; }
	#block1, #block2 { width: 50.1%;margin-left:0px; }
	#block2 {width: 50.2%;  margin-left: -1px;}
	.mmN1 {border-right:solid 1px #cccccc; box-sizing: border-box; }
	.mmN2 { background: url(../images/ico_this.png) center right no-repeat;}
	#container .contents .headCont .aboutBg {height:260px; background-size: cover}
	#container .contents .headCont .aboutBg p {font-size: 20px; text-align: center; line-height: 26px}
	














	











	







	#container .contents .hCont, #container .contents .hCont {padding-bottom: 30px;}
	#container .contents .hCont, #container .contents .hCont li {margin-left: 0px;}
	#container .contents .hCont li,#container .contents .hCont .blueBg2 {width: 100%;}
	#container .contents .hCont li, #container .contents .hCont .list01, #container .contents .hCont .blueBg2 {height: auto}
	#container .contents .hCont .blueBg2 .list02 {padding-bottom: 5%}
	
	 #container .contents .ciList2 li {width:100%; display: inline-block;}
	
	#container .contents .cont {margin: auto;}
	
	#container .contents .cont .tableStyle {width:900px;  }
	
	#container .contents .cont .gall_list1 ul { display: inline-block; margin-left:0px;}
	#container .contents .cont .gall_list1 li {width: 100%;  float:left; margin:0px auto 30px; }
	#container .contents .cont .gall_list2 ul { display: inline-block; margin-left:0px;}
	#container .contents .cont .gall_list2 li {width: 100%;  float:left; margin:0px auto 30px;}
	
	.pop-layer {
    left:1;
    width: 90%;
	}
	
	#container .contents .search { width:90%; text-align:center; margin-top:30px; background: #f2f2f2; padding: 5%; }
	#container .contents .search_box li { width:100%; }
	#container .contents .search_box .selectstyle { width:100%; margin-bottom:5px; }
	#container .contents .search_box .inputstyle { width:90%; margin-bottom:5px; padding:8px 5%; }
	#container .contents .search_box .btnstyle { width:100%;  margin-left:0px; }
	#container .contents .search_box .inputstyle2 { width:93%; margin-bottom:5px; }
	
	#container .contents .writeCont .write th, #container .contents .writeCont .write td { padding:10px; display: block; }
	#container .contents .writeCont .write td input, #container .contents .writeCont .write td textarea {width: 95%}
	
	#container .contents .tabCont {margin-left: 0px;}
	#container .contents .tabCont li {margin-left: 0px;}
	#container .contents .tabCont li {
    width: 100%; margin-bottom:10px;
	}
	
	#container .contents .cont .board_list th {display:block;}
	#container .contents .cont .board_list td {display: block; text-align:left; padding: 10px 8px; }
	#container .contents .cont .board_list .num, 
	#container .contents .cont .board_list .writer,
	#container .contents .cont .board_list .date,
	#container .contents .cont .board_list .view {display: none;}
	
	#container .contents .cont .listBg {background:#f2f2f2}
	
	#container .contents .gall_hTop .contLeft {width:100%; float:right; }
	#container .contents .gall_hTop .contRight {width:100%; display: inline-block;}

	#container .contents .ciList li.type2, #container .contents .ciList2 li.type2 {float: none;}

	#container .contents .cont .board_list th, #container .contents .cont .board_list td {border-bottom:solid 1px #cccccc; width: auto;}
#container .contents .cont .board_list th.title {display: none;}
}

@media screen and (max-width: 660px) {
	.org_mo img {width: 100% !important;}
	#container .orgBg_bottom {padding-bottom:0px; background:none}
}

@media screen and (max-width: 500px) {
	
	#container .content .maCon_top .mCont_r .rBottom .mr_l,
	#container .content .maCon_top .mCont_r .rBottom .mr_r {width: 100%; height: auto;padding: 20px 0px 30px 0%;}
	#container .content .maCon_top .mCont_r .rBottom .mr_l {margin-bottom: 10px;}
	
	#container .content2 .m_none {display: none;}
	
	#container .maCon_bottom .gall_r li {width: 100%;}
	#container .maCon_bottom .gall_r .br_w { border-right: solid 1px #cccccc;}
	
	#container .contents .ciList li, #container .contents .ciList2 li {width: 100%; margin-bottom: 20px;}
	#container .contents .ciList li img {width: 50%;}
#container .contents .ciType {margin-left:0px;}
#container .contents .ciType li {width:100%; margin-left:0px; margin-bottom: 20px;}
	
	#container .contents .cont .tableStyle {width:700px;  }
	
	#container .contents .about_cont .rightCont { width: 100%;}
	#container .contents .about_cont .rightCont img { width: 100%; margin-top: 20px;}
	
#container .contents .cerList li {width: 80%;  margin:0 0 20px 0;}
}




/*---------------------------------------------------------------------------------------------
*  footer Layout
*---------------------------------------------------------------------------------------------*/


/* #footer .innerFooter {
	display: flex; justify-content: space-between; align-items: center;
	width: 1400px; padding: 30px 0;
}
#footer .innerFooter h1 img {width: 150px;}
#footer .innerFooter .footerR {
	display: flex; gap: 100px; align-items: flex-end;
	margin-left: -100px;
}
#footer .innerFooter .footerR .add span {font-size: 16px;}
#footer .innerFooter .footerR .fLink {display: flex;}
#footer .innerFooter .footerR .fLink li {font-weight: bold}
#footer .innerFooter .footerR .fLink li+li {margin-left: 30px;}
#footer .innerFooter .footerR .fLink li a {font-size: 16px;}
#footer .innerFooter .copyright {font-size: 14px; font-weight: 300; color:#999999;} */




#footer {border-top: 1px solid #ccc;}
#footer .innerFooter {
	display: flex; justify-content: space-between; align-items: center;
	width: 1400px; padding: 40px 0; margin: 0 auto;
}
#footer .innerFooter h1 img {width: 250px;}
#footer .innerFooter .footerR {margin-left: -20%;}
#footer .innerFooter .footerR .fLink {margin-bottom: 10px;}
#footer .innerFooter .footerR .fLink li {font-size:15px; display: inline-block; margin-right:20px; font-weight: bold }
#footer .innerFooter .footerR .copy span {font-size:15px; display: inline-block; margin-right:20px;}
#footer .innerFooter .footerR .copy span strong {position: relative; padding-left: 7px;}
#footer .innerFooter .footerR .copy span strong::after {display: block;
	content: '';
	width: 2px; height: 12px; background-color: rgba(0, 0, 0, 0);
	position: absolute; left: 2px; top: 6px;

}
#footer .innerFooter .copy p {color:#999999; margin-top: 8px;}







@media screen and (max-width:1500px){
	#container .business::before,
	#container .business::after {
		width: 650px; height: 650px;
	}
	/* #footer {padding: 0 50px;} */
	#footer .innerFooter {width: 100%; padding: 30px 50px;}
	#footer .innerFooter .footerR {
		gap: 50px;
		margin-left: -50px;
	}
	#header .inner .logo{
		width: 180px;
	}
	#container .inner{
		width: 100%;
		padding: 0 50px;
	}
	#container .facil .inner{
		padding: 0 50px;

	}
}
@media screen and (max-width:1400px){
	#container .facil .facil-imgs img{
		transform: scale(.8)!important;
	}
	#container .facil .facil-imgs img:nth-child(2){
		right: -30px;
		top: 300px;
	}
	#container .facil{
		height: 900px;
	}
	#container .facil .facil-imgs img:nth-child(3){
		bottom: -100px;
		left: 120px;
	}
}
@media screen and (max-width: 1300px) {
	#container .business::before,
	#container .business::after {
		width: 550px; height: 550px;
	}
	#container .business::after{
		top: 80%;
	}
	#footer .innerFooter {padding: 30px 20px;}
	#footer .innerFooter .footerR {margin-left: -40px; font-size: 12px;}
	#footer .innerFooter .footerR .add span {font-size: 14px;}
	#footer .innerFooter .footerR .fLink li+li {margin-left: 15px;}
	#footer .innerFooter .footerR .fLink li a {font-size: 14px;}
	#footer .innerFooter .copyright {font-size: 12px;}
}
@media screen and (max-width: 1200px){
	#container .facil .facil-imgs{
		width: 50%;
	}
	#container .facil .facil-imgs img{
		transform: scale(.6)!important;
	}
	#container .facil .facil-imgs img:nth-child(1){
		top:36px;
	}
	#container .facil .facil-imgs img:nth-child(3){
		bottom: -140px;
		left: 110px;
	}
	#container .facil .facil-imgs img:nth-child(2){
		right: -50px;
		top: 350px;
	}
}
@media screen and (max-width: 1024px){
	#container .visual .carousel .swiper-slide p,
	#container header .txt .title,
	#container .facil .inner header .txt .title{
		font-size: 46px!important;
		line-height: 1.3!important;
	}
	#container header{
		gap: 30px!important;
	}
	#container header .txt{
		gap: 20px!important;
	}

	#container .visual .swiper-btn div{
		width: 48px;
		height: 48px;
		background-size: cover;
	}
	#container .visual .swiper-btn div.swiper-button-next{
		left: 120px;
	}
	#container .facil{
		height: 700px!important;
	}
	#container .facil .inner header >p::before{
		left: 50%!important;
		transform: translateX(-50%);
	}

	#container .facil .facil-imgs{
		display: none;
	}
	#container .facil .inner header{
		width: 100%; align-items: center!important;
	}
	#container .facil .inner header .txt .title,
	#container .facil .inner header .txt .desc{
		text-align: center;
	}
	#container .aboutsd .aboutsd-cont ul .box-wrap p{
		font-size: 24px!important;
		font-weight: 600!important;
	}
}
@media screen and (max-width:950px){
	#container .business::before,
	#container .business::after {
		display: none;
	}
	#footer .innerFooter {flex-direction: column; gap: 20px;}
	#footer .innerFooter .footerR {
		flex-direction: column; gap: 20px; align-items: center;
		margin-left: 0px;
	}
	#footer .innerFooter .footerR .add {text-align: center;}
	#footer .innerFooter .topBtn {display: none;}

}







@media screen  and (max-width: 780px) {
	#container #features .cont_bg .cont .det{
		font-size: 16px;
		text-align: center;
	}
	section{
		padding: 60px 0;
	}
	#container .business{
		padding-bottom: 30px;
	}
	#container header{
		padding: 0 0 30px;
	}
	#container .business header{
		padding: 0 20px 60px;
	}
	#container .visual .carousel .swiper-slide p{
		padding: 0 20px;
		font-size: 30px!important;
	}
	#container header .txt .title,
	#container .facil .inner header .txt .title{
		font-size: 30px!important;
	}
	#container header >p{
		font-size: 16px!important;
		padding-top: 10px;
	}
	#container header .txt .desc{
		font-size: 18px;
	}
	#container .visual .swiper-btn div{
		width: 40px;
		height: 40px;
	}
	#container .visual .swiper-button-prev{
		left: 20px;
	}
	#container .visual .swiper-btn div.swiper-button-next{
		left: 80px;
	}
	.pc_view {display: none !important}
	.mobile_view {display: block !important;}
	.mobile_view2 {display: none !important;}
	.mo_none {display: none !important;}
	.mo_open {display: block !important;}
	#container .aboutsd .aboutsd-cont ul{
		flex-direction: column;
	}
	#container .aboutsd .aboutsd-cont ul li{
		width: 100%!important;
		height: 300px!important;
		margin-bottom: 20px;
	}
	#container .aboutsd .aboutsd-cont ul li:last-of-type{
		margin-bottom: 0;
	}
	#container .inner{
		padding: 0 20px;
	}
	#container .facil .inner{
		padding: 0 20px;

	}
	html body .wrap #container .business .cont .busiSwiper .swiper-wrapper .swiper-slide{
		width: 340px;
		height: 340px;
	}
	html body .wrap #container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active img{
		width: 250px;
		height: 250px;
	}
	#container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active p::before{
		width: 350px;
		left: 14px;
	}
	html body .wrap #container .business .cont .busiSwiper .swiper-wrapper .swiper-slide-active p{
		bottom: 35px!important;
	}
	#container .business .cont .busiSwiper .swiper-button-prev, 
	#container .business .cont .busiSwiper .swiper-button-next{
		top: auto; bottom: 50px;
		margin-left: 0;
		width: 40px;
		height: 40px;
	}
	#container .business .cont .busiSwiper .swiper-button-next{
		left: auto;
		right: 20px;
	}
	#container .business .cont .busiSwiper .swiper-button-next span{
		margin-left: -6px;
	}
	#container .business .cont .busiSwiper .swiper-button-prev{
		left: auto;
		right: 70px;
	}
	#container .business .cont .busiSwiper .swiper-button-prev span, 
	#container .business .cont .busiSwiper .swiper-button-next span{
		width: 10px;
		height: 10px;
		margin-top: -5.5px;
	}
	#container .business .cont::before{
		display: none;
	}
}
	
@media screen and (max-width: 600px) {
	.tablet_view {display: none !important;}
	.mobile_view {display: block !important;}
	.mobile_view2 {display: block !important;}
}
@media screen and (max-width:480px) {
	#container header .txt .desc br{
		display: none;
	}
}

@media screen  and (min-width: 2000px){
	#container .business{
		width: 2000px;
		margin: 0 auto;
		overflow: visible;

	}
}