@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Times New Roman'; src: url('font/Times\ New\ Roman\ Italique\ 400.ttf') format('ttf');  };


#Contact { width:100%}
#Contact .inner {width:1189px;  margin:0 auto}
#Contact .inner h3{text-align:center;}


#header_wrap .jbMenu .header_in .wrap_box .logo_a{width:fit-content;height:auto;position: absolute; top: 70px;left: 0;transform:translateY(-50%);
}
#header_wrap .jbMenu .header_in .wrap_box .logo_a > a {display: block;}
#header_wrap .jbMenu .header_in .wrap_box .logo_a > a >  img{width: 100%;display: block;}

@media all and (max-width:1126px){

	#header_wrap .jbMenu .header_in .wrap_box .logo_a{width: 100px; position: absolute; top: 8px ;left: 70px;
	}
}

	#main_slide_loading {width:100%;height:650px;margin-bottom:0;margin-top:110px;}

	.skippr{width:100%;height:650px;position:relative;overflow:hidden}
	.skippr>div{position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 62.5%}
	.skippr>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;min-height:100%}
	.skippr-nav-container{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);bottom:25px;overflow:auto;z-index:999}
	.skippr-nav-element{display:none;cursor:pointer;float:left;background-color:rgba(255,255,255,0.5);-webkit-transition:all .25s linear;transition:all .25s linear}
	.skippr-nav-element-bubble{width:12px;height:12px;border-radius:50%;margin:0 4px}
	.skippr-nav-element-block{width:60px;height:10px}
	.skippr-nav-element:hover,.skippr-nav-element-active{background-color:#fff}
	.skippr-arrow{position:absolute;z-index:999;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);width:30px;height:30px;transform-origin:center center;-webkit-transform-origin:top left;cursor:pointer}
	.skippr-previous{box-shadow:inset 1px 1px 1px 0px #e4e4e4;left:2.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid white;border-left:2px solid white}
	.skippr-next{box-shadow:inset -1px -1px 1px 0px #e4e4e4;right:3.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid white;border-right:2px solid white}

	#main_slide .slider-box {position:absolute;top:0;left:0;width:100%;height:100%}
	#main_slide .slider-table {display:table;table-layout:fixed;width:100%;height:100%;text-align:center}
	#main_slide .slider-tit {display:table-cell;width:100%;vertical-align:middle}
	#main_slide div .slider-tit img {position:relative;top:50px;opacity:0;-webkit-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out}
	#main_slide div.visible .slider-tit img {opacity:1;top:0;}
	#main_slide .slider-tit.oops::after {display:none;}
	#main_slide .slider-scroll a {display:none;}

/* 메인 슬라이더 */
#visual {width: 100%; margin-top: 150px;}
#visual #main_slider{width: 100%; height: 600px; position: relative;}
#visual #main_slider .bxslider {width: 100%; height: 700px;}
#visual #main_slider .bxslider li {width: 100%; height: 100%;}
#visual #main_slider .bxslider li img {width: 100%; height: auto ;}


/* 슬라이더 영역 */

#main_slider a.bx-prev{ display: block; position: absolute; left: 50px; top: 50%; font-size: 0; }
#main_slider a.bx-prev::before {content: ''; display: block; width: 30px; height: 4px; 
  background: #fff; position: absolute; top: 0; left: 0; transform: rotate(-45deg); transform-origin: left; }
#main_slider a.bx-prev::after{ content: ''; display: block; width: 30px; height: 4px; 
  background: #fff; position: absolute; top: -3px; left: 0; transform: rotate(45deg); transform-origin: left;}
  #main_slider a.bx-next{ display: block; position: absolute; right: 70px; top: 50%; font-size: 0; }
#main_slider a.bx-next::before {content: ''; display: block; width: 30px; height: 4px; 
  background: #fff; position: absolute; top: -3px; left: 0; transform: rotate(-45deg); transform-origin: right; }
#main_slider a.bx-next::after{ content: ''; display: block; width: 30px; height: 4px; 
  background: #fff; position: absolute; top: 0; left: 0; transform: rotate(45deg); transform-origin: right;}




/* 메인-작은슬라이더 */
#sub_slider {width:600px; height:300px;background: rgba(61,101,86,0.7);
    position: absolute; left: 40%; top: 600px; overflow: hidden;
         z-index:1000; }
#sub_slider li {color: #fff;padding: 20px;font-family: 'S-CoreDream-3Light';}
#sub_slider li strong {font-size: 28px; display: block; line-height: 1.4; margin-bottom: 20px;}
#sub_slider li span {font-size: 16px; display: block; line-height: 1.2;margin-bottom: 10px; }
#sub_slider li small {font-size: 16px; display: block; line-height: 1.2; }


#sub_slider a.bx-prev {display: none;}
#sub_slider a.bx-next {display: none;}


#sub_slider .bx-pager{ position: absolute; left:50%;  bottom: 20px; transform: translateX(-50%); }
#sub_slider .bx-pager div { float: left;}
#sub_slider .bx-pager div a {margin-right: 30px; position: relative; font-size: 0;}
#sub_slider .bx-pager div a::after {content: ''; display: block; width: 10px; height: 10px; background: rgba(255,255,255,0.4); position: absolute; left: 50%; top: 50%;
  transform: rotate(45deg);}
#sub_slider .bx-pager div a.active::after {background: #fff; }

/* 주요제품 */
#main_product {width: 100%;}
#main_product .inner{width: 1189px;  margin: 200px auto;position: relative;}
#main_product .inner h2 {font-size: 32px; font-weight: bold;font-family: 'S-CoreDream-3Light';}
#main_product .inner p {color: #666; font-size: 18px;font-family: 'S-CoreDream-3Light';}
#main_product .inner .slider_product .bxslider { width: 100%; height: 400px;}
#main_product .inner .slider_product .bxslider li { width: 100%; height: 100%;}
#main_product .inner .slider_product ul li img{width: 100%;height: auto;}
#main_product a.bx-prev {display: block; width: 50px; height: 50px ; border: 1px solid #000;position: absolute;
	right: 0;top: 200px; background: #fff; color: #333333;font-size: 0;
}
#main_product a.bx-next {display: block; width: 50px; height: 50px ; border: 1px solid #000;position: absolute;
	right: 0;top: 250px; background: #fff; color: #fff;font-size: 0;}
#main_product a.bx-prev::before {content: ''; display: block; width: 15px; height: 2px; 
  background: #000; position: absolute; top: 50%; left: 40%; transform: rotate(-45deg); transform-origin: left; 
}
#main_product a.bx-prev::after{ content: ''; display: block; width: 15px; height: 2px; 
  background: #000; position: absolute; top: 48%; left: 40%;transform: rotate(45deg); transform-origin: left;}

#main_product a.bx-next::before {content: ''; display: block; width: 15px; height: 2px; 
  background: #000; position: absolute; top: 48%; left: 40%; transform: rotate(-45deg); transform-origin: right; }
#main_product a.bx-next::after{ content: ''; display: block; width: 15px; height: 2px; 
  background: #000; position: absolute; top: 50%; left: 40%; transform: rotate(45deg); transform-origin: right;}

	

    #main_product .bx-pager {}
    #main_product .bx-pager div {float: left;}
    #main_product .bx-pager:after {display: block; content: ''; clear: both;;}
	#main_product .bx-pager div a {display: block; width: 100px; height: 100px; 
	border-right: 1px solid #999;
		 font-size: 0; 
	}
	#main_product .bx-pager div a.active {background: rgb(61,101,86); border: none;}
	/* #main_product .bx-pager div a:last-child{border-right: none;} */

	#main_product .bx-pager div a:hover{border-bottom: 3px solid rgb(61,101,86);}

    #ct2 .latest_wr {width: 1080px; height: 500px; background: #efefef;margin: 100px auto; 
    
    }
	@media all and (max-width:1100px){
		#main_slide_loading {margin-top:0;}
	}

	@media all and (max-width:768px){
		#main_slide_loading, .skippr {height:450px;}
	}

	@media all and (max-width:480px){
		#main_slide_loading, .skippr {height:250px;}
    }
    
    #ft_company{
		width: 100%; height: 400px; margin-top: 150px; 
	}
	#ft_company .inner{width: 1189px; margin: 0 auto; background: #efefef; padding: 30px; }
	#ft_company .inner::after{content: ''; display: block; clear: both;;}
	#ft_company .inner h2 {float: left; width: 50%;display: block;padding: 0 20px;text-align: center;
	border-right: 1px solid #333;height: 150px;
	}
	#ft_company .inner .ft_info{float: right;width: 50%;padding:0 20px;padding-left: 30px;}
	#ft_company .inner .ft_info li {padding: 10px 0;}

	

.maxWidth {max-width:1170px;margin:0 auto;}

.section {padding-top:100px;padding-bottom:100px;}

.main__title {margin-bottom:15px;font-weight:600;font-size:20px;color:#333;text-align:center;}
.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:60px;font-size:14px;color:#221916;line-height:25px;text-align:center;}
@media screen and (max-width: 1024px){
	.section {padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width: 768px){
	.section {padding-top:40px;padding-bottom:40px;}
	.main__title span {font-size:13px;}
}

.review_box {position: relative;overflow: hidden;height: 53px;background-color: #fff;width: 100%;padding-left: 160px;box-sizing: border-box;padding-right: 60px;margin-bottom: 45px;}
.review_box .tit {position: absolute;left: 0;width: 160px;text-align: center;line-height: 53px;color: #2c2c2c;font-size: 18px;font-weight: bold;}
.review_box:after {content: '';position: absolute;height: 13px;width: 2px;background-color: #000;top: 21px;left: 155px;}
.review_box ul {height: 100%;line-height: 53px;padding-left: 40px;box-sizing: border-box;}
.review_box ul li {position: relative;padding-right: 80px;box-sizing: border-box;}
.review_box ul li span {position: absolute;right: 20px;}
.review_box ul li a {color: #2c2c2c;font-size: 16px;line-height: 53px;}
.review_box .more_btn {position: absolute;right: 0;width: 52px;height: 100%;background-color: #972437;text-align: center;top: 0;}
.review_box .more_btn img {margin-top: 8px;}
	/*section1*/
.section#main__imgBnr {background-color: #f1f1f1;}
.section#main__imgBnr .bnr-inner {overflow: hidden;}
.section#main__imgBnr .bnr-inner li {width: 23%;float:left;position: relative;}
.section#main__imgBnr .bnr-inner li .info {position: absolute;left: 0;right: 0;width: 100%;height: 100%;top: 0;padding: 35px 30px;box-sizing: border-box;}
.section#main__imgBnr .bnr-inner li h5 {color: #fff;font-size: 26px;}
.section#main__imgBnr .bnr-inner li p {color: #fff;font-size: 18px;opacity: 0.6;}
.section#main__imgBnr .bnr-inner .image {margin-bottom: 0;height: 330px;background-size:100% auto;}
.section#main__imgBnr .bnr-inner .icon_box {position: absolute;bottom: 30px;}
.section#main__imgBnr .bnr-inner .icon_box .blit img {vertical-align: bottom;margin-left: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;display:inline-block;width: 30%;}
.section#main__imgBnr .bnr-inner li:hover .blit img {width: 50%;}
@media screen and (max-width: 768px){
	.section#main__imgBnr .bnr-inner li {width:48%;}
	.section#main__imgBnr .bnr-inner li p {font-size:16px;}
	.section#main__imgBnr .bnr-inner li h5 {font-size:24px;}
	.section#main__imgBnr .bnr-inner .icon_box img {max-width:35%;}
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 640px){
}


#main__imgBnr .main__title {margin-bottom:40px;}
#main__imgBnr .bnr-inner {margin:-1%;}
#main__imgBnr .bnr-inner li {float:left;width:48%;margin:1%;}
#main__imgBnr .bnr-inner .image {height:350px;margin-bottom:40px;overflow: hidden;}
#main__imgBnr .bnr-inner .image span {display:block;height:100%;background-size:110% !important;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;border-radius: 20px;overflow:hidden;}
.section#main__imgBnr .bnr-inner li:hover .image span {background-size: 150% !important;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;}
#main__imgBnr .bnr-inner li h5 {margin-bottom:25px;font-size:16px;color:#221916;}
#main__imgBnr .bnr-inner li p {font-size:14px;color:#666}
/*버전3*/
/*.main_var3 #main__imgBnr {padding-left:30px !important;padding-right:30px !important;}*/
@media screen and (max-width: 1024px){
	#main__imgBnr .bnr-inner .image {margin-bottom:15px;}
	#main__imgBnr .bnr-inner li h5 {font-size:14px;margin-bottom:15px;}
	#main__imgBnr .bnr-inner li p {font-size:13px;}
	#main__imgBnr .bnr-inner .image span {background-size:cover !important;}
}
@media screen and (max-width: 768px){
	#main__imgBnr .main__title {margin-bottom:15px;}
	#main__imgBnr .bnr-inner li h5 {margin-bottom:10px;}
}
@media screen and (max-width: 640px){
	#main__imgBnr .bnr-inner li p {font-size:12px;}
}
@media screen and (max-width: 480px){
	#main__imgBnr .bnr-inner {margin:-1%;}
	#main__imgBnr .bnr-inner li {width:100%;margin:0;margin-bottom:20px;}
	#main__imgBnr .bnr-inner li:last-child {margin-bottom:0;}

}




.link__banner {overflow: hidden;padding: 50px 0 0;margin: 0 -1%;}
.link__banner .mtit {font-size: 22px;color: #282828;font-weight: 500;text-align: center;}
.link__banner .link__set {margin-top: 20px;background-color: #fff;height: 60px;overflow: hidden;border-radius: 20px;}
.link__banner .link__set span {display: block;float: left;width: 50%;text-align: center;line-height: 60px;padding: 0 10px;box-sizing: border-box;}
.link__banner .link__set span a {display: block;width: 100%;height: 100%;}
.link__banner .link__set span:last-child {border-left: 1px solid #ddd;box-sizing: border-box;}
.link__banner .link__set span img {vertical-align: middle;}

.link__banner .con_l {float: left;width: 48%;margin: 0 1%;}
.link__banner .con_r {float: left;width: 48%;margin: 0 1%;}




#main__gallery {background: url(<?php echo G5_THEME_URL;?>/html/image/gallery_bg.jpg) no-repeat center;background-size: cover;}
#main__gallery .main__title {overflow: hidden;position: relative;}
#main__gallery .main__title > a {position: absolute;top: 0;right: 0;top: 10px;}
#main__gallery .main__title .under_p {color: #fff;float: left;font-size: 30px;margin-top: 0;}
#main__gallery .main__title .under_p:after {background-color: #fff;}
.gallery_slide {position:relative;}
.gallery_slide ul li,.gallery_slide2 ul li {position: relative;border-radius: 20px;overflow: hidden;}
.gallery_slide ul li .photo_con,.gallery_slide2 ul li .photo_con {position: relative;}
.gallery_slide ul li .photo_con span,.gallery_slide2 ul li .photo_con span {display: block;width: 100%;position: relative;height: 0;padding-top: 100%;}
.gallery_slide ul li .photo_con span img,.gallery_slide2 ul li .photo_con span img {position: absolute;left: 0;right: 0;width: 100%;height: 100%;top: 0;}
.gallery_slide ul li .photo_con p,.gallery_slide2 ul li .photo_con p {position: absolute;bottom: 0;height: 50px;line-height: 50px;background-color: #606062;text-align: center;color: #fff;overflow: hidden;white-space: nowrap;word-break: break-all; text-overflow: ellipsis;left: 0;right: 0;width: 100%;padding: 0 15px;box-sizing: border-box;}
.gallery_slide ul li .ov_con,.gallery_slide2 ul li .ov_con {position: absolute;top: 100%;left: 0;right: 0;width: 100%;background-color: rgba(0, 0, 0, 0.6);height: 100%;text-align: center;opacity: 0;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.gallery_slide ul li:hover .ov_con,.gallery_slide2 ul li:hover .ov_con {top: 0;opacity: 1;}
.set_table {display: table;width: 100%;height: 100%;}
.set__table {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.gallery_slide ul li .ov_con .set__table,.gallery_slide2 ul li .ov_con .set__table  {font-size: 16px;color: #f7f7f9;padding: 0 20px;box-sizing: border-box;}
.gallery_slide .bx-pager.bx-default-pager,.gallery_slide2 .bx-pager.bx-default-pager {display: none;}
.gallery_slide .bx-wrapper .bx-controls-direction a.bx-prev {position:absolute;background: url(<?php echo G5_THEME_URL;?>/html/image/slide_left.png) no-repeat;left: -70px;}
.gallery_slide .bx-wrapper .bx-controls-direction a.bx-next {position:absolute;background: url(<?php echo G5_THEME_URL;?>/html/image/slide_right.png) no-repeat;right: -70px;}
.gallery_slide .bx-wrapper .bx-controls-direction a {height: 62px;top:50%;margin-top: -31px;width: 35px;}
	/*section2*/
    #main__event {background-color: #972437;}
    #main__event .main__title {color: #fff;font-size: 48px;}
    #main__event .main__title span {display: block;font-size: 18px;color: #fff;font-weight: normal;}
    .event_tab {margin-top: 30px;margin-bottom: 35px;text-align: center;}
    .event_tab span {display: inline-block;}
    .event_tab span a {color: #fff;font-size: 24px;font-weight: 350;padding: 0 25px;position: relative;}
    .event_tab span a.active {font-weight: 600;}
    .event_tab span a:after {position: absolute;right: 0;width: 2px;height: 21px;background-color: #b66673;content: '';top: 8px;}
    .event_tab span:last-child a:after {display: none;}
    .event_slide .bx-controls.bx-has-controls-direction {display: none;}
    @media screen and (max-width: 640px){
    }
    @media screen and (max-width: 640px){
    }
    @media screen and (max-width: 640px){
    }
        /*//section2*/

        	/*video_section*/
.section#main__video {background: url(<?php echo G5_THEME_URL;?>/html/image/video_bg.jpg) no-repeat center;background-size: cover !important;height: 480px;box-sizing: border-box;}
.con_l {float: left;}
.con_r {float: right;}
.section#main__video .con_l {width: 45%;}
.section#main__video .con_r {width: 55%;padding-left: 50px;box-sizing: border-box;}
.under_p {font-size: 42px;color: #2c2c2c;font-weight: 550;padding-bottom: 20px;margin-bottom: 20px;position: relative;margin-top: 30px;}
.under_p:after {content: '';position: absolute;bottom: 0;left: 0;background-color: #2c2c2c;width: 36px;height: 1px;}
.section#main__video .con_r .commp {color: #2c2c2c;font-size: 18px;line-height: 24px;}
.section#main__video .con_r .comm_btn {width: 170px;height: 40px;line-height: 38px;margin-top: 30px;}
.section#main__video .con_r .comm_btn a {display: block;width: 100%;height: 100%;text-align: center;font-size: 18px;color: #2c2c2c;border: 1px solid #2c2c2c;border-radius: 25px;overflow: hidden;}
    /*//video_section*/
    
    
.section#main_notice {background-color: #f0f0f6;}
.section#main_notice .row {overflow: hidden;margin: 0 -0.5%;}
.section#main_notice .m_notice {float: left;width: 32.333%;margin: 0 0.5%;background-color: #fff;min-height: 250px;border-radius: 15px;overflow: hidden;padding: 2.6%;box-sizing: border-box;max-height: 255px;}
.section#main_notice .m_notice .tit {color: #2c2c2c;font-size: 24px;font-weight: normal;position: relative;padding-right: 50px;box-sizing: border-box;}
.section#main_notice .m_notice .tit span {position: absolute;right: 0;}
.section#main_notice .m_notice .tit span img {vertical-align: middle;}
@media screen and (max-width: 1024px){
	.section#main_notice .m_notice {padding:2%;}
	.section#main_notice .m_notice .tit {font-size:21px;}
	.under_p {margin-top:0;padding-bottom:10px;margin-bottom:10px;font-size:32px;}
	.section#main__video {height:auto;}
	.section#main__video .con_r .commp {font-size:16px;}
	.section#main__video .con_r .comm_btn {width:130px;margin-top:20px;margin-bottom:5px;}
}
@media screen and (max-width: 640px){
	.section#main_notice .m_notice {width:100%;min-height:100%;margin:0;margin-bottom:15px;padding:20px;}
	.section#main_notice .m_notice .tit {font-size:18px;margin-bottom:10px;}
}
@media screen and (max-width: 640px){
}


.m_notice ul {margin-top: 20px;}
.m_notice ul li {padding-right: 100px;position: relative;box-sizing: border-box;line-height: 30px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.m_notice ul li:hover {text-decoration: underline;}
.m_notice ul li a {display: block;font-size: 16px;color: #888;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;}
.m_notice ul li span {position: absolute;right: 0;font-size: 16px;color: #ccc;}
.m_notice.m_info .tit {margin-bottom: 15px;}
.m_notice.m_info .call_t,.m_notice.m_info .time_t {position: relative;padding-left: 90px;box-sizing: border-box;line-height: 28px;}
.m_notice.m_info .call_t span,.m_notice.m_info .time_t span {position: absolute;font-size: 16px;color: #888;left: 0;font-weight: normal;}
.m_notice.m_info .call_t a {display: block;color: #972437;font-size: 22px;font-weight: bold;}
.m_notice.m_info .time_t {font-size: 18px;color: #888;font-weight: 500;}
.m_notice.m_info .commp {font-size: 14px;color: #888;display: block;margin-top: 5px;}


#Contact { width:100%}
#Contact .inner {width:1189px;  margin:0 auto}
#Contact .inner h3{text-align:center;}