@media screen and (max-width:1440px){
    #gnb .gnb_1dli > a{padding: 0 20px;}
    /* 메인 */
    .cont03 .main-product{display: block; text-align: center;}
	.cont03 .main-product .right {justify-content: center;  gap: 10px; margin-top: 50px;}
	.cont03 .main-product .right ul:nth-child(2){padding-top: 0px;}
	.cont03 .main-product .right ul li {position: relative;  width: 340px; aspect-ratio: 21 / 16; cursor: pointer; text-align: left;}
	.cont03 .main-product .right ul:nth-child(2) li:nth-child(1), .cont03 .main-product .right ul:nth-child(1) li:nth-child(1) {margin-bottom: 10px;}
}

@media screen and (max-width:1260px){
    #gnb .gnb_1dli > a{font-size: 16px;}
	   #logo img {
    height: 25px;
}
}


@media (max-width: 1199.98px) {
   
    #ft_wr{padding: 0 30px;}
    .slide_text {
        width: calc(100% - 135px);
    }
/* }


@media  (max-width:1100px) { */
	#wrapper {}
	#wrapper01, #wrapper02, #wrapper03, #wrapper04, #wrapper05, #wrapper06{padding-top: 50px;}
	#container_1200 {
		width: calc(100% - 30px);
	}
	#hd {height: 50px;    background-color: #fff;}
	#tnb {display: none;}
	#hd_wrapper {
		width: 100%; 
		height: 100%;
        padding: 0px;
	}
	#hd .logo_b{display:block;}
	#hd .logo_w{display:none;}
    #mobile_open{width: 50px; height: 100%;}
	#logo {
		width: calc(100% - 30px);
		display: flex;
        align-items: center;
	}
	#logo a {
		line-height: 50px;
		width: 100%;
	}
	#logo img {
	 
		margin: 0 auto;
	}
	#logo > span {cursor: pointer;  z-index: 66;display: inline-block;  padding: 0 12px; height: 51px; background-color: #8EC540;  line-height: 50px;  margin-right: 10px;}
	#logo a:after {
		width: 250px;
		height: 15px;
		position: absolute;
		bottom: -14px;
		left: 50%;
		margin-left: -125px;
		z-index: -1;
		background-size: 100% 100%;
	}
	.hd_sch_wr{position:absolute;top:80px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#gnb { display: none; }
	#container_wr {width:100%; }

.hd_pops {
    left: 50% !important;
    margin-left: -150px;
    width: 300px;
    border-radius: 10px;
    overflow: hidden;
}
.hd_pops_con {
    width: 100% !important;
    height: auto !important;
}

#container_title {
    FONT-VARIANT-EAST-ASIAN: JIS83;
    /* display: none; */
    margin: 30px auto 20px;
    font-size: 3rem;
}

#aside { position: fixed; left: -345px; top: 0px; margin: 0px; z-index: 1000000000; overflow-y: auto; }
.close_menu {display: block;}
.close_menu > i {font-size: 20px;cursor: pointer;color: #fff;display: inline-block; padding: 0 6px; border-radius: 50%;
}
.mobile_menu { display: block; }
.menu-trigger_wrap {display: none;}

/* 푸터 */
#ft_wr {width:100%;}
.mobile_menu > ul {padding-bottom: 15px;}
.mobile_menu > ul > li {position: relative; width: 100%;  font-size: 15px;}
.mobile_menu > ul > li > ul {display: none;  background: #efefef; font-size: 14px; padding: 18px 30px;}
.mobile_menu > ul > li > ul li{margin-bottom:11px;}
.mobile_menu > ul > li > ul li:last-child{margin-bottom:0;}
.mobile_menu > ul > li > ul li a{display:flex; align-items: center; gap: 10px; width:100%;}
.mobile_menu > ul > li > ul li a:before{content: ''; display: block; width:10px; height:3px; background-color:#8EC540;}

.slide_text strong{font-size: 44px;}
.slide_text p{font-size: 38px;}
    #wrapper #container_wr .fp-slidesNav.bottom{left: 50px;}

 #container{}
	
/*메인*/

.cont01{}

/*서브*/
.sb_0101_box .left p, .sb_0101_box .right p{font-size: 18px;}
.sb_0101_box .left img, .sb_0101_box .right img {max-width: 135px;}

#container02 {float: none;/* margin:10px auto 60px; */}
.left_menu ul{border:0;margin-left:1px;    margin-top:1px;}
.left_menu li:nth-child(1){display:none;}
.left_menu li{border:0; margin-left: -1px;text-align:center;    margin-top: -1px;}
.left_menu li a {height: 40px; border: 1px solid #ddd;  padding: 10px 0;  line-height: 120%; overflow: hidden;}
.left_menu { width: 100%; float: none;}
.left_menu ul:after{content:""; display:block; clear:both;}
.left_menu_2 li{width:50%;float:left;}
.left_menu_3 li{width:calc(100% / 3);float:left;}

/* 푸터 */
#ft_wr{padding: 0 20px;}
.ft_wrap {text-align: center; padding: 30px 10px;}
.ft_text {margin:0 auto; padding: 25px 0 15px;}
.company_info{padding: 20px 0 15px; font-size: 13px;}
.company_info p{margin-right: 15px; padding-left: 14px;}
.company_info p::after{right: -15px;}
.ft_text p.copy {font-size: 12px; text-align: left; margin-top: 0;  padding-top: 15px;}
.ft_link a {padding: 5px; padding-left: 0;  font-size: 14px; margin-right: 15px;}
.ft_inz_img {position: static;margin-top: 10px;width: 100%;max-width: 548px;	}
#aside {display:block;}
	
}

@media (max-width: 991.98px) {
.cont_1200{padding-bottom:50px;}
.pb_100{padding-bottom:50px !important;}
#hd_wrapper{padding: 0px;}
.main-text .text-right img{width: 60px;position: relative;  bottom: -10px;}
.main-text .text-box p:nth-child(1){ font-size: 40px; margin-bottom: 10px;}
.main-text .text-box p:nth-child(2){font-size: 18px;}
.main-text .text-box {padding-right: 0px;}
.scrolldown { bottom: 30px; width: 110px;}
.cont02 ul li .cont-text{top:0;}
.cont02 ul li .main-plus{display:none;}
#section3 .cont03{background:none;}
.cont03 .main-product .left p:nth-child(1){font-size: 40px; font-weight: 800; margin-bottom: 10px;}
.cont03 .main-product .left p:nth-child(2){font-size: 16px; margin-bottom: 15px;}
.cont03 .main-product .left a{padding: 15px 25px; font-size: 14px;}
.cont03 .main-product .right ul{width: 50%;}
.cont03 .main-product .right ul li{width:100%;}
.product-tit-box{bottom: 20px; left: 20px;}
.product-tit-box p:nth-child(1){top:0px;}
.product-tit-box p:nth-child(2){opacity: 1;}
.g-plus{opacity: 1;bottom: auto; top: 0; width: 50px;}

/* 메인 */
.main-text{text-align:center;}
.section .fp-tableCell > div.cont01{height: 80vh;}
.slide_text{padding-top: 150px; padding-bottom: 50px;}
.cont_tit_wrap em {
    width: 140px;
    line-height: 40px;
    font-size: 15px;
}
.cont_tit_wrap strong {
    font-size: 34px;
}
.cont_tit_wrap p {
    font-size: 15px;
}

.cont02 ul{flex-flow: wrap;}
.cont02 ul li{width: 50%; height: 50vw;}
.cont02 ul li a{height: 100%;}

.cont03{padding: 0 20px;}
.cont03>div{padding-top: 50px; padding-bottom: 30px;}
.cont3_tit{margin-bottom: 30px;}


.cont04{padding: 0 20px;}
.cont04>div{padding-top: 50px; padding-bottom: 30px;}
.cont4_tit{margin-bottom: 30px;}

/* 서브 네비 */
.sub_top{height:150px; display:none;}
.sub_top .sub_top_text_wrap {
    font-size: 16px;
    max-width: 100%
}
.sub_top .sub_top_text {
    font-size: 20px;
}
.sub_top p {
    font-size: 14px;
}
.sb_0101_box{ flex-wrap: wrap; margin-top: 50px;}
.sb_0101_box .left{max-width: 80%;}
.sb_0101_box .right{max-width: 80%; margin-left: auto;}
.ceo_img {position: unset; text-align: center; margin-top: 30px; margin-bottom: 50px;}
.ceo_img img{width: 80%;}
.sub0102_bottom{width:80%;}
.history-top{padding:25px 40px;}
.history-top p{font-size:18px;}
.history-box{margin-top:35px; background:none;}
.history-box ul li{justify-content: flex-start; gap:20px;}
.history-text{position: unset;}
.history-text.y01, .history-text.y03 {text-align: left;}
.history-arrow{width: 266px; text-align: center;}
.sub020_top{padding: 20px;}
.sub020_top p:nth-child(1){font-size: 20px;}
.sub020_top p:nth-child(2){font-size: 18px;}
.eco_v{padding: 15px 10px;}
.eco_v p {font-size: 16px;}
.img_b_box {padding: 30px 10px; margin-bottom: 50px;}
.use-box {max-width: 220px; margin-bottom: 30px; padding: 16px 10px;}
.use-box p {font-size: 16px;}



}


@media (max-width: 767.98px) {
	.cont02 ul li .cont-text p{display:none;}
    .root_daum_roughmap .wrap_map{height: 300px !important;}

	#tnb ul { width: 100%; }
	.left_menu ul{font-size:13px;}
	.hd_sch_wr{top:80px;width: calc(100% - 20px); z-index: 0; }
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}
	.bxslider li {
		height: 400px;
	}

#section0 {
    height: 600px !important;
}
.section .fp-tableCell > div.cont01{height: 70vh;}
.slide_text {
    font-size: 18px;
}
.slide_text .top_em {
    font-size: 25px;
}
.slide_text strong {
    display: block;
    font-size: 40px;
    /* letter-spacing: -2px; */
    line-height: 1.2;
}
    #slide2 .slide_text b{font-size: 40px;}
.slide_text a {
    font-size: 15px;
}
.slide_text p{    margin-top: 15px;
font-size: 18px;}
.slide_btn_wrap{margin-top: 50px;}
.slide_btn_wrap a{width: 160px; height: 160px;}

 

ul.tabs {
    height: 91px;
    background: #f6f6f6;
    border: 1px solid #ddd;
}
ul.tabs li {
    width: 50%;
    font-size: 14px;
	margin-top: -1px;
}
ul.tabs li.active:before {
    border-left: 15px solid transparent;
    border-right: 15px solid #d6d6d6;
    left: -31px;
}
ul.tabs li.active:after {
    border-right: 15px solid transparent;
    border-left: 15px solid #d6d6d6;
    right: -31px;
}
ul.tabs li:nth-child(2n) {
    border-right: 0 !important;
}
ul.tabs li.active {
    border-bottom: 1px solid #1067d9;
}
ul.tabs li.active:nth-child(2n) {
    border-right: 1px solid #1067d9 !important;
}
.history th {
    font-size: 17px;
}
.history td.month {
    width: 20px;
    padding-left: 10px;
}
.tab3_wrap li {
    width: 50%;
    float: left;
    
}
#bo_v {
    padding: 0;
}

    .cont_tit_wrap em{display: none;}
 
    
    
    /*sub*/
    
    
    .cont03 img{width: 100%;}
    
.sb_0101_box .left .eco, .sb_0101_box .right .polymer { gap: 25px; padding: 50px 25px;}    
.history-bg, .history-arrow{width: 216px;}     
.history-year{width: 110px;}
.history-year p {font-size: 22px;}
.sub0104 .add-text .left {width: auto;}
.sub0104 .add-text .left p{font-size: 22px;}
.sub0104 .add-text .right{width:100%; border-left:0; padding:10px 0 0;}
.sub0104 .add-text {display: block;}
.sub0104 .add-text .right br{display:block;}
.sub0201_down{justify-content: center; gap: 20px; padding-bottom: 10px;}
.sub02_mid{display: block;}
.sub02_mid .g_bg{margin: auto; max-width: 250px;}
.sub02_mid .w0_bg{margin: auto; max-width: 250px;}
.sub02_mid .g_bg:nth-child(1) {right: 0;  bottom: -40px;}
.sub02_mid .g_bg:nth-child(3) {left: 0;  top: -40px;}
.sub020_top{margin-bottom:0px;}
}


/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
/* 메인 */
.slide_text{padding-top: 140px; margin-bottom: 20px;}
.sub0201_down a{font-size: 13px;}
.img_b_box{padding: 0; margin-bottom: 30px;  box-shadow: unset;}
.use-box {max-width: 220px;     padding: 10px;  margin: 0px auto 20px;  }
.use-box p {font-size: 15px;}
.img_s_box{padding: 10px;}
.sub020_top p:nth-child(1) {font-size: 16px;}
.sub020_top p:nth-child(2) {font-size: 15px;}
.eco_v p { font-size: 14px; }

#section0 {
    height: 460px !important;
}
.section .fp-tableCell > div.cont01{height: 60vh;}
.slide_text {
    font-size: 15px;
	margin: 0 auto 0;
    padding-top: 120px;
    padding-bottom: 20px;
}
.slide_text .top_em {
    font-size: 20px;
}
.slide_text strong {
    font-size: 30px;
}
.slide_text p {
    display: block;
    white-space: pre-line;
    word-break: keep-all;
    font-weight: 300;
    margin-top: 10px;
    font-size: 16px;
}
.slide_text a {
    font-size: 15px;
    line-height: 40px;
}
.slide_btn_wrap a img{
    max-width: 40px;
    padding-bottom: 5px;
}
/* .slide_btn_wrap a{width: 120px; height: 120px;} */
    #slide2 .slide_text b{font-size: 30px;}
.cont_tit_wrap strong {
    font-size: 24px;
    margin-top: 5px;
}
.cont_tit_wrap p {
    font-size: 13px;
    word-break: keep-all;
}

.cont02 ul li{height: 30vw;}
.cont02 p{display: none;}
.cont02 img{max-width: 75px;}
.cont02 h3.h3_tit{font-size: 15px;}

.cont03>div{padding-top: 50px; padding-bottom: 30px;}
.cont3_tit{margin-bottom: 20px;}
.cont3_tit br{display: block;}
.cont03 .lat li{height: 60px;}
.cont03 .lat li:first-child{padding-top: 10px;}
.cont03 .lat li.empty_li{padding-top: 0px;}
.cont03 .lt_more .fs_34{font-size: 20px;}
.cont03 .lt_date span{font-size: 20px;}
.cont03 .lt_date p{font-size: 10px;}

#section4 .cont04{background-position: left center;}
.cont04>div{padding-top: 50px; padding-bottom: 30px;}
.cont4_tit p{font-size: 14px;}
.cont4_tit p img{max-width: 13px;}
.cont04 h3.h3_tit{font-size: 23px;}
.cont04 .time_info span{font-size: 13px;}


/*서브*/
.sb_0101_box .left img, .sb_0101_box .right img {max-width: 80px;}
.sb_0101_box .left p, .sb_0101_box .right p { font-size: 14px;}
.sb_0101_box { flex-wrap: wrap;  margin-top: 30px; }
.sub0102_tit p {font-size: 30px;}
.sub0102_tit p:last-child {font-size: 25px;  margin-top: 10px;}
.sub0102_line{height:90px;}
.sub0102_text p{font-size: 16px;}
.sub0102_text p:last-child{font-size: 20px;}
.sub0102_bottom {width: 80%;}
.history-bg, .history-arrow{min-width: 170px; width:170px;}     
.history-year{width: 90px;}
.history-year p {font-size: 22px;}
.history-text p:nth-child(1){font-size: 18px;}
.history-text p:nth-child(2), .history-text.y02 p:nth-child(3){font-size: 16px;}
.history-text p:nth-child(3), .history-text.y02 p:nth-child(2){font-size: 14px;}
.history-arrow img{width:30px;}
.img_s_box img{width:calc((100% /2) - 10px);}
.slt .slt_content {padding: 0;}
.slt .slt_content ul li a {font-size: 13px;}
.x-gallery .text .title {font-size: 18px;}
.x-gallery .text .desc {
    font-size: 14px;
}
.slide_left {
    margin-bottom: 10px;
}

.sub_tbl tr, .sub_tbl th, .sub_tbl td{display:block;}
.sub_tbl th {
    padding: 10px 0 5px;
    border-bottom: 0;
    border-right: 0;
    text-align: left;
}
.sub_tbl th:nth-child(3) {
    border-left: 0;
}
.sub_tbl td {
    padding: 0 0 10px 0;
}
.bx-controls.bx-has-controls-direction {
    bottom: 5px !important;
}
    
/* 푸터 */
.ft_text {
    font-size: 12px;
    line-height: 16px;
    white-space: unset;
	display: block;
    text-align: left;
}
.ft_text .right{margin-top:20px;}
.ft_link a{margin-right: 20px;}
    .company_info>div{flex-flow: wrap;}
    .company_info p{margin-right: 29px; padding-left: 0;}
}

@media screen and (max-width:690px) {
.product-tit-box{min-height:auto;}
.product-tit-box p:nth-child(2){display:none;}
 }
@media screen and (max-width:500px) {
    .sb_0101_box .left, .sb_0101_box .right{ max-width: 95%;}
/*메인*/
.cont03_ul li img {
    max-width: 60px;
    display: block;
    margin: 0 auto 10px;
}
.cont03_ul li strong {
    font-size: 19px;
}
.cont4_tit{flex-flow: column; align-items: flex-start; margin-bottom: 20px;}
.cont4_tit .h2_tit{margin-bottom: 5px;}
/* .cont4_tit > p{align-self: flex-end;} */

/*서브 중간메뉴*/
.sub_nav_home{display: none;}
.sub_nav{border-left: 0; border-right: 0;}
.sub_nav>li{width: 50%;}
.sub_nav>li>a{font-size: 14px; padding: 0 10px;}
.sub_nav_ul1>li{padding: 0 10px; width: 100%;}
.sub_nav_ul1>li>a{font-size: 14px;}
.sub_nav_ul2>li{padding: 0 10px; width: 100%;}
.sub_nav_ul2>li>a{font-size: 14px;}



.slide_text{width: calc(100% - 40px);}

.sub_top p {font-size: 13px;}
    
    .cont01 .text .left p{white-space: inherit;}
   
     }


@media (max-width: 575.98px) {
    #container_title{margin: 20px auto 10px;}
	.cont03 {padding: 40px 0px 0;}
	.cont03 .main-product{max-width:100%; padding:0;}
	.cont03 .main-product .right{gap:0;margin-top: 30px;}
	.cont03 .main-product .right ul:nth-child(2) li:nth-child(1), .cont03 .main-product .right ul:nth-child(1) li:nth-child(1) {margin-bottom: 0px;}
	    .cont03 .main-product .left a {padding: 10px 15px; font-size: 14px;}
	.product-tit-box p:nth-child(1){font-size: 20px;}
	.g-plus {width: 40px;}
}

@media (max-width: 412px) {
/* 메인 */
.slide_btn_wrap{justify-content: center;}
.slide_btn_wrap a{width: 130px; height: 130px;}
.sb_0101_box .left .eco, .sb_0101_box .right .polymer {gap: 15px; padding: 20px 15px;}
/* .cont02 ul li{height: 70vw;} */
.sb_0101_box .left img, .sb_0101_box .right img {max-width: 60px;}
.root_daum_roughmap .wrap_map{height: 200px !important;}
#aside{width: 250px;}
.close_menu{left: -50px !important; transition: 0.4s ease;}
.close_menu.on{left: 260px !important;}
.sub_page h4{font-size: 20px;}
.cont01 .tit{padding-bottom: 15px;}
/* .slide_text p{display: none;} */
.sub0102_tit p {font-size: 20px;}
.sub0102_tit p:last-child {font-size: 18px;}
.sub0102_text p { font-size: 15px; }
.history-bg, .history-arrow{min-width: 120px; width:120px;} 
.history-year {width: 70px;}
.history-year p {font-size: 16px;}
.history-text p:nth-child(1) {font-size: 15px; margin-bottom: 5px;}
.history-text p:nth-child(2) {font-size: 14px; margin-bottom: 5px;}
.history-text p:nth-child(3) {font-size: 14px;}
.history-text.y02 p:nth-child(2){font-size: 14px; margin-bottom: 5px;}
.history-text.y02 p:nth-child(3){font-size: 14px;}
/* 푸터 */
     .ft_link a{margin-right: 5px;}
}