@charset "utf-8";

/* 인사말 */
.getting {}
.getting .getting_title {text-align:center;}
.getting .getting_title span {font-family:'GyeonggiBatang';font-size:25px;color:#a72126;font-weight:600;letter-spacing:-1px;border-bottom:2px solid #a72126;padding-bottom:5px;}
.getting .getting_title h3 {font-family:'GyeonggiBatang';font-size:45px;color:#000;font-weight:600;letter-spacing:-1px;margin-top:40px;}
.getting .getting_area {margin-top:80px;display:flex;flex-wrap:wrap;width:100%;}
.getting .getting_area .getting_img {display:inline-block;width:50%;overflow:hidden;border-radius:30px;position:relative;}
.getting .getting_area .getting_img img {height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.getting_txt {background:#fff;width:50%;z-index:-1;}
.getting_txt p {font-size:16px;color:#666;padding:80px 80px;line-height:30px;}
.getting_txt p span {font-size:25px;color:#000;font-weight:600;}
.getting_txt p strong {color:#000;}
	/* 태블릿 */
    @media only screen and (max-width:1023px){
		.getting .getting_title h3 {font-size:35px;margin-top:30px;}
		.getting .getting_area {margin-top:40px;}
		.getting .getting_area .getting_img {width:100%;height:400px;}
		.getting .getting_area .getting_img img {width:auto;height:auto;transform:translate(-50%, -70%);}
		.getting_txt {width:100%;}
		.getting_txt p {padding:60px 0 0 0;}
    }
    /* 모바일 */
    @media only screen and (max-width:767px){
		.getting .getting_title h3 {font-size:25px;margin-top:30px;}
		.getting .getting_title span {font-size:20px;}
		.getting .getting_area .getting_img {height:200px;}
    }


/* 연혁 */
.history {}
.history li {display:flex;flex-wrap:wrap;padding-bottom:150px;width:100%;position:relative;}
.history li:after {content:'';position:absolute;top:40px;left:0;right:0;margin:auto;background:#ddd;width:1px;height:100%;z-index:-1; }
.history li:before {content:'';position:absolute;top:20px;left:0;right:0;margin:auto;width:10px;height:10px;border-radius:50%;background:#fff;border:6px solid #B82C35;z-index:1;}
.history li .year_item {position:relative;padding-right:150px;text-align:right;width:50%;}
.history li .year_item span {color:#222;font-weight:900;font-size:45px;}
.history li:nth-child(even) .year_item span {color:#999;}
.history li:nth-child(even):before {border:6px solid #999;}
.history li .con_box {width:50%;padding-left:150px;margin-top:15px;}
.history li .con_box p {font-size:20px;display:block;width:100%;margin-bottom:10px;position:relative;padding-left:15px;word-break:break-word;}
.history li .con_box p:before {content:'';position:absolute;top:12px;left:0;width:5px;height:5px;background:#999;border-radius:100%;}
.history li:nth-child(odd) .con_box p:before {background:#B82C35;}
	/* 태블릿 */
    @media only screen and (max-width:1023px){
		.history li .year_item {padding-right:100px;}
		.history li .year_item span {font-size:35px;}
		.history li .con_box {padding-left:100px;}
        .history li .con_box p {font-size:18px;}
    }
    /* 모바일 */
    @media only screen and (max-width:767px){
		.history li {padding-bottom:80px;}
		.history li:before {right:unset;margin:0;}
		.history li:after {right:unset;margin:0;left:10px;}
		.history li .year_item {padding-right:0;width:100%;text-align:left;padding-left:40px;}
		.history li .year_item span {font-size:25px;margin-top:14px;display:block;}
		.history li .con_box {width:100%;padding-left:40px;margin-top:0;}
        .history li .con_box p {font-size:14px;}
    }


/* 경영이념 */
.philo {padding:100px 0;display:flex;flex-wrap:wrap;width:100%;}
.philo:first-child {padding:0 0 100px 0;}
.philo:last-child {padding:100px 0 0 0;}
.philo .philo_img {width:50%;}
.philo .philo_img img {box-shadow:30px 30px 30px 0px rgba(0, 0, 0, 0.2);width:75%;}
.philo .philo_txt {width:50%;padding-top:40px;}
.philo .philo_txt .philo_title {}
.philo .philo_txt .philo_title em {font-family:'GyeonggiBatang';font-size:18px;color:#c5c5c5;font-weight:600;margin-left:-20px;}
.philo .philo_txt .philo_title div {display:flex;align-items:flex-end; margin-top:5px;}
.philo .philo_txt .philo_title div h3 {font-family:'GyeonggiBatang';font-size:40px;line-height:normal;}
.philo .philo_txt .philo_title div span {font-family:'GyeonggiBatang';font-size:16px;color:#115f38;-webkit-text-stroke:0.5px #115f38;padding-left:20px;}
.philo .philo_txt p {position:relative;padding-top:40px;margin-top:40px;color:#9a9a9a;line-height:26px;word-break:break-word;}
.philo .philo_txt p:before {content:"";z-index:1;display:block;position:absolute;left:0;top:0;width:40px;height:2px;background:#000;}
.philo.philo_right {position:relative;flex-direction:row-reverse;}
.philo.philo_right:before {content:"";display:block;position:absolute;left:-50%;top:0;width:200%;height:100%;background:#f1f1f1;z-index:-1;}
.philo.philo_right .philo_img {text-align:right;}
.philo.philo_right .philo_txt {text-align:right;}
.philo.philo_right .philo_txt .philo_title div {flex-direction:row-reverse;}
.philo.philo_right .philo_txt .philo_title em {margin:0 -20px 0 0;}
.philo.philo_right .philo_title div span {padding:0 20px 0;}
.philo.philo_right .philo_txt p:before {left:unset;right:0;}
	/* 태블릿 */
    @media only screen and (max-width:1023px){
		.philo .philo_img {margin:0 60px 0 0;overflow:hidden;width:calc(50% - 60px);border-radius:20px;position:relative;}
		.philo .philo_img img {width:auto;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.2);}
		.philo.philo_right .philo_img {margin:0 0 0 60px;}
	}
    /* 모바일 */
    @media only screen and (max-width:767px){
		.philo {padding:60px 0;}
		.philo:first-child {padding:0 0 60px 0;}
		.philo:last-child {padding:60px 0 0 0;}
		.philo .philo_img {margin:0 auto 40px auto;overflow:hidden;width:100%;border-radius:20px;position:relative;text-align:center;}
		.philo .philo_img img {position:static;transform:none;width:100%;max-width:300px; height:100%;border-radius:20px;}
		.philo .philo_txt {text-align:center;width:100%;padding-top:0;}
		.philo .philo_txt .philo_title em {margin:0 0 10px 0;}
		.philo .philo_txt .philo_title div {justify-content:center;flex-wrap:wrap;}
		.philo .philo_txt .philo_title div h3 {width:100%;margin-bottom:10px;font-size:30px;}
		.philo .philo_txt .philo_title div span {width:100%;padding:0;}
		.philo .philo_txt p {padding-top:30px;margin-top:30px;font-size:14px;}
		.philo .philo_txt p:before {left:0;right:0;margin:0 auto;display:block;}
		.philo .philo_txt p .br {display:none;}
		
		.philo.philo_right .philo_img {margin:0 auto 60px auto;text-align:center;}
		.philo.philo_right .philo_txt {text-align:center;}
		.philo.philo_right .philo_txt .philo_title em {margin:0 0 10px 0;}
		.philo.philo_right .philo_txt p:before {left:0;right:0;margin:0 auto;display:block;}
    }

/* 인증현황 */
.certf_list {display:flex;flex-wrap:wrap;max-width:1400px;margin:20px auto;padding:20px 0;border-top:1px solid #111;border-bottom:1px solid #ddd;text-align:center;}
.certf_list > li {width:25%;margin-bottom:30px;}
.certf_list > li a {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.certf_list > li .img_box {overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:95%;border:1px solid #ddd;border-radius:25px;aspect-ratio:6/8;}
.certf_list > li .img_box:before {content:"";z-index:1;display:block;position:absolute;right:15px;bottom:10px;width:102px;height:21px;background:url("/images/fs/main/certfuct_logo.png") no-repeat left top;}
.certf_list > li .img_box img {max-width:100%;max-height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;}
.certf_list > li:hover .img_box img {transform:scale(1.1);}
.certf_list > li .tit_box {width:95%;margin:15px auto 0;color:#111;font-size:1.8rem;font-weight:600;word-break:break-all;}


body.popup_overlay {overflow:hidden;height:100%;touch-action:none;}
.certf_popup {z-index:999;overflow-y:auto;display:none;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;min-width:320px;background:rgba(0,0,0,0.5);text-align:center;}
.certf_popup .inner {width:30%;margin:auto;padding:20px 30px;background:#f1f1f1;vertical-align:middle;font-size:15px;}
.certf_popup .img_area {overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;margin:0 auto 20px;border:1px solid #ddd;background:#fff;}
.certf_popup .img_area img {max-width:100%;max-height:100%;}
.certf_popup .btn_close {display:inline-block;padding:9px 25px 10px;border:1px solid #eee;background:#fff;color:#999;font-size:1.4rem;text-align:center;vertical-align:middle;transition:all 0.8s;-webkit-transition:all 0.8s;}
.certf_popup .btn_close:hover {border-color:#111;background:#f1f1f1;color:#111;}


/* 생산제품 */
.boardListTitle {border-bottom:1px dashed #ddd;padding-bottom:10px;color:#999;display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
.boardListTitle strong {color:#222;}
.prod_list {display:flex;flex-wrap:wrap;max-width:1400px;margin:0 auto 20px;text-align:center;margin-top:20px;}
.prod_list > li {width:25%;margin:40px 0;padding:0 2%;}
.prod_list > li a {display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px dashed #ddd;padding-bottom:30px;}
.prod_list > li .img_box {overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;background:#fff;aspect-ratio:4/2.26;}
.prod_list > li .img_box:before {content:"";z-index:1;display:block;position:absolute;right:15px;bottom:10px;width:102px;height:21px;background:url("/images/fs/main/product_logo.png") no-repeat left top;display:none;}
.prod_list > li .img_box img {max-width:100%;max-height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;}
.prod_list > li:hover .img_box img {transform:scale(1.1);}
.prod_list > li .tit_box {width:100%;margin:30px auto 0;color:#111;font-size:16px;font-weight:600;word-break:break-all;height:48px;}
.prod_list > li:hover .tit_box {color:#B82C35;}

body.popup_overlay {overflow:hidden;height:100%;touch-action:none;}
.prod_popup {z-index:999;display:none;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;min-width:320px;background:rgba(0,0,0,0.5);text-align:center;}
.prod_popup .inner {position:relative;width:800px;height:80vh;margin:auto;padding:20px 30px;border-radius:15px;background:#fdfbf9;vertical-align:middle;font-size:15px;display:flex;flex-wrap:wrap;align-items:center;}
.prod_popup .img_area {width:100%;overflow:hidden;display:flex;justify-content:center;align-items:baseline;position:relative;/*background:#f1f1f1;*/height:60%;border-radius:10px;}
.prod_popup .img_area img {max-width:100%;max-height:100%;}
.prod_popup .cts_area {width:100%;}
.prod_popup .cts_area .cts_title {position:relative;padding-bottom:20px;font-size:1.8rem;font-weight:600;text-align:left;margin-bottom:20px;}
.prod_popup .cts_area .cts_title:before {content:"";display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#111;}
.prod_popup .cts_item {display:table;width:100%;position:relative;padding-left:5px;}
.prod_popup .cts_item:before {content:"";z-index:1;display:block;position:absolute;left:0;top:15px;width:3px;height:3px;background:#999;border-radius:100%;}
.prod_popup .cts_item > span {display:table-cell;padding:5px;}
.prod_popup .cts_item .tit {position:relative;width:80px;font-weight:600;text-align:left;}
.prod_popup .cts_item .text {width:calc(100% - 80px);padding-left:20px;text-align:left;}
.prod_popup .btn_close {position:absolute;top:-25px;right:-25px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#222;color:#fff;font-size:1.4rem;text-align:center;vertical-align:middle;transition:all 0.8s;-webkit-transition:all 0.8s;}
.prod_popup .btn_close:hover {border-color:#111;background:#fdfbf9;color:#111;}

/* 생산과정 
.process {display:flex;flex-wrap:wrap;padding-bottom:120px;}
.process:last-child {padding-bottom:0;}
.process li {position:relative;width:33.33%;text-align:center;}
.process li .pro_arrow {display:inline-block;position:relative;width:100%;height:14px;margin-top:10px;}
.process li .pro_arrow:after {content:"";position:absolute;top:0;right:0;left:0;width:19px;height:19px;margin:-8px auto 0;border:5px solid #94c030;border-radius:100%;background:#fff;box-sizing:border-box;}
.process li .pro_arrow:before {content:"";z-index:-1;position:absolute;top:0;left:0;width:100%;height:1px;background:#94c030;}
.process li .pro_arrow img {float:right;margin-top:-11px;}
.process li:last-child .pro_arrow img {display:none;}
.process li .pro_txt {display:inline-block;width:100%;}
.process li .pro_txt strong {display:inline-block;color:#00693e;min-height:108px;line-height:1.2;font-size:3rem;font-weight:800;}
.process li.pro_em .pro_txt strong {color:#B82C35;}
.process li .pro_txt p {padding:0 10%;}
.process li .pro_txt p {color:#767676;line-height:1.5;}
.process li .pro_txt p span {display:block;color:#111;}
.process_top li:last-child:before {content:"";position:absolute;right:0;top:228px;background:#94c030;width:1px;height:calc(100% + 228px / 2 + 6px);}
.process_top li:last-child:after {content:"";position:absolute;right:-7px;top:calc(100% + 228px / 2);background:url("./../images/content/arrow.png") no-repeat;width:15px;height:24px;transform:rotate(90deg);}
.process_right {flex-direction:row-reverse;position:relative;}
.process_right li .pro_arrow img {float:left;transform:rotate(180deg);}
.process_right li:last-child:before {content:"";position:absolute;left:0;top:228px;background:#94c030;width:1px;height:calc(100% + 228px / 2 + 6px);}
.process_right li:last-child:after {content:"";position:absolute;left:-7px;top:calc(100% + 228px / 2);;background:url("./../images/content/arrow.png") no-repeat;width:15px;height:24px;transform:rotate(90deg);}*/

/* 생산과정 */
.production {border-top:2px solid #000;}
.production li {padding:50px 0;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;width:100%;align-items:center;}
.production li .pro_img {width:400px;}
.production li .pro_txt {width:calc(100% - 400px);padding-left:60px;}
.production li .pro_txt span {display:block;font-size:50px;font-weight:800;color:#ddd;letter-spacing:-2px;}
.production li .pro_txt strong {display:block;padding-left:30px;font-size:23px;padding-bottom:20px;}
.production li .pro_txt p {display:block;border-top:1px dashed #ccc;margin-left:30px;padding-top:20px;color:#666;}
    /* 태블릿 */
    @media only screen and (max-width:1023px){
        .production li .pro_img {width:300px;}
        .production li .pro_img img {width:100%;}
        .production li .pro_txt {width:calc(100% - 300px);padding-left:40px;}
    }
    /* 모바일 */
    @media only screen and (max-width:767px){
        .production {border-top:0;}
        .production li {border-bottom:0;padding:0 0 60px 0;}
        .production li .pro_img {width:100%;}
        .production li .pro_txt {width:100%;padding-left:0;margin-top:10px;}
        .production li .pro_txt span {font-size:30px;display:inline-block;}
        .production li .pro_txt strong {padding-left:5px;font-size:18px;padding-bottom:10px;display:inline-block;}
        .production li .pro_txt p {font-size:14px;margin-left:0;padding-top:10px;}
    }

/* 주요 거래처 */
.main_account {display:flex;flex-wrap:wrap;}
.account_img {width:50%;z-index:-1;position:relative;}
.account_img img {height:100%;/*box-shadow:30px 30px 30px 0px rgba(0, 0, 0, 0.2);*/position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.account {width:50%;background:#e7efeb;z-index:-1;}
.account .wrap {padding:100px 0 100px 100px;width:700px;margin:0;}
.account .account_txt {}
.account h3 {font-size:23px;font-weight:800;font-family:'GyeonggiBatang';color:#666;position:relative;padding-bottom:25px;margin-bottom:25px;}
.account h3:before {content:"";z-index:1;position:absolute;left:0;bottom:0;width:40px;height:2px;background:#115f38;}
.account h3 em {font-size:40px;font-weight:800;}
html:lang(en) .account h3 em {font-size:32px;}
.account p {font-size:16px;line-height:30px;color:#666;}
.account_list {background:#fff;margin-top:60px;display:flex;flex-wrap:wrap;width:100%;justify-content:space-around;padding:20px 20px;}
.account_list li {width:50%;text-align:center;position:relative;margin:15px 0;}
.account_list li:nth-child(even):before {content:"";z-index:1;position:absolute;left:0;bottom:20px;width:1px;height:30px;background:#ddd;}
.account_list li .img_box {height:80px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;}

/* 해외거래처 */
.main_account2 .account_img {overflow:hidden;}
.main_account2 .account_img img {height:120%;}
.main_account2 .account {background:#f1f1f1;}
.main_account2 .account h3:before {background:#a72125;}

/* 온라인문의 */
.contact_info {color:#767676;font-size:1.4rem;font-weight:300;text-align:right;}
.contact_list {border-top:1px solid #111;margin:10px 0;}
.contact_list .flexbox {display:flex;}
.contact_list > li {padding:20px 0;border-bottom:1px solid #ddd;}
.contact_list > li .th {display:block;margin-bottom:15px;}
.contact_list > li .th label {display:block;color:#111;font-size:1.7rem;font-weight:600;}
.contact_list > li select {min-width:140px;border:1px solid #ddd;}
.contact_list > li input {background:#f5f5f5;}
.contact_list > li input:focus {background:#2a2a2a;color:#fff;}
.contact_list > li.flexbox > div {width:50%;}
.contact_list > li.flexbox > div:first-child {padding-right:10px;}
.contact_list > li.flexbox > div:last-child {padding-left:10px;}
.contact_list > li .line .flexbox {flex-wrap:wrap;align-items: center;}
.contact_list > li .line .flexbox .inputbox {display:flex;justify-content: space-between;align-items: center;width:calc(100% - 140px);padding-left:5px;}
.contact_list > li .line .flexbox .inputbox input {width:calc(100% - 40px);}
.contact_list > li .line .inblock {text-align: center;width:40px;}
.contact_list > li .email-line .flexbox .inputbox {padding:0 5px 0 0;}
.contact_list > li .checks div + div {margin-left:15px;}
.contact_list > li .checks label {line-height:20px;}
.contact_list .gray_box {padding:30px;overflow-y: auto;background:#f5f5f5;max-height:200px;font-size:.9em;border-radius:10px;line-height:1.3em;}
.contact_list .gray_box .tit strong {font-size:1.1em;color:#222;font-weight:600;}
.contact_list .gray_box .stit {position:relative;font-weight:600;color:#666;display:block;margin-bottom:10px;}
.contact_list .gray_box  p {margin-bottom:10px;color:#999;}

/* 오시는길 */
.map_list {display:flex;padding:25px;border:1px solid #ddd;border-radius:15px 15px 0 0;}
.map_list li {display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;position:relative;margin-right:42px;padding-left:35px;letter-spacing:-0.02em;vertical-align:middle;}
.map_list li:last-child {margin-right:0;}
.map_list li:before {content:"";display:block;position:absolute;top:0;left:0;height:24px;background:no-repeat left center;}
.map_list li.addr:before {width:17px;background-image:url("/images/fs/content/map_addr.png");}
.map_list li.tel:before {width:20px;background-image:url("/images/fs/content/map_tel.png");}
.map_list li.fax:before {width:24px;background-image:url("/images/fs/content/map_fax.png");}
.map_list li.email:before {width:22px;background-image:url("/images/fs/content/map_email.png");}
.map_list li strong {margin-right:10px;line-height:25px;font-size:1.8rem;font-weight:600;vertical-align:middle;}
.map_list li span {color:#767676;line-height:25px;vertical-align:middle;}
.map_area iframe {height:500px;}

/* 갤러리게시판 */
.boardSearch {background-color:#f1f1f1;border-radius:10px;display:inline-block;float:right;}
.boardSearch legend {display:none;}
.boardSearch select {padding:10px 50px 10px 30px;}
.boardSearch input[type=image] {filter:invert(5%);padding-right:10px;}
.galleryList {display:inline-block;width:100%;margin-top:30px;}
.galleryList ul {display:flex;flex-wrap:wrap;width:100%;margin-top:10px;}
.galleryList ul > li {padding:0 20px;margin-bottom:60px;width:33% !important;}
.galleryList ul > li.no-data {padding:20px;width:100% !important;;color:#222;text-align: center;border-top:2px solid #222;border-bottom:1px solid #e4e4e4;margin-bottom:0;}
.galleryList ul > li a {/*display:block;*/}
.galleryList ul > li a .g_img {display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid #ddd;}
.galleryList ul > li a .g_img img {transition:all .4s;-webkit-transition:all .4s;}
.galleryList ul > li a:hover .g_img img {transform:scale(1.1);}
.galleryList ul > li p {width:90%;margin:15px auto 0;color:#222;font-size:1.1em;font-weight:600;word-break: break-all;text-align: center;line-height:1.3em;}
.gallery-tit a {font-size:18px;margin:10px;}
.gallery-date {color:#999;font-size:14px;text-align:right;border-top:1px dashed #ddd;padding-top:5px;}

/* pc */
@media only screen and (max-width:1399px){
	.account .wrap {width:100%;padding:80px 60px;}
	.account h3 em {font-size:32px;}
	html:lang(en) .account h3 em {font-size:26px;letter-spacing:-1px;}
	.account p {font-size:14px;line-height:26px;}
	.account_list {margin-top:40px;}
	.account_list li {margin:5px 0;}
	.account_list li .img_box img {width:70%;max-width:130px;}
} 
/* 태블릿 */
@media only screen and (max-width:1023px){
	/* 인사말 */
	.intro {padding-top:265px;background-size:contain;}
	/* 인증현황 */
	.certf_list {max-width:100%;}
	.certf_list li {width:33.33%;}
	.certf_popup .inner {width:50%;padding:3%;}
	/* 생산제품 */
	.prod_list {max-width:100%;}
	.prod_list > li {width:50%;}
	.prod_popup .inner {width:80%;}
	.prod_popup .cts_area > ul {overflow-y:auto;max-height:200px;}
	/* 주요 거래처 */
	.account_img {width:100%;}
	.account {width:100%;margin:0;}
	.account p br{display:none;}
	.account .wrap {padding:60px 5%;display: flex;}
	.account_list li .img_box img {width:50%;}
	.account_img img {position:static;transform:none;top:unset;left:unset;width:100%;height:auto;}
	/* 해외거래처 */
	.main_account2 .account_img img {height:100%;}
	/* 오시는길 */
	.map_list {flex-direction:column;}
	.map_list li {margin-right:0;margin-bottom:10px;}
	.map_list li:last-child {margin-bottom:0;}
	.map_area iframe {height:300px;}
	/* 디와이소식 */
	.galleryList ul > li {padding:0 2%;}
}
/* 모바일 */
@media only screen and (max-width:767px){
	/* 인사말 */
	.intro {padding-top:30%;}
	.intro .sign {margin-top:10%;}
	/* 경영이념 */
	.philo_swiper {margin-bottom:15px;}
	.philo_swiper .cont_item {align-items:flex-start;height:180px;padding-top:20px;}
	.philo_swiper .cont_item .tit {font-size:3rem;}
	.philo_swiper .cont_item .txt {margin-top:10px;padding-top:20px;}
	/* 인증현황 */
	.certf_list li {width:50%;}
	.certf_popup .inner {width:90%;}
	.certf_popup .img_area {margin:0 auto 10px;}
	/* 생산제품 */
	.prod_list > li .tit_box {margin: 20px auto 0;}
	.prod_list > li a {padding-bottom:20px;}
	.prod_popup .inner {width:85%;padding:5%;}
	.prod_popup .cts_area .cts_title {margin-bottom:10px;padding-bottom:10px;font-size:16px;}
	/* 생산과정 */
	.process_logo {text-align:center;}
	.process_logo img {max-height:30px;}
	.process {padding-bottom:0;}
	.process li {width:100%;padding-bottom:30px;}
	.process li .pro_txt strong {min-height:auto;margin:10px 0;}
	.process_top li:last-child:before {display:none;}
	.process_top li:last-child:after {top:217px;right:0;transform:rotate(0deg);}
	.process_right li .pro_arrow img {float:right;transform:rotate(0deg);}
	.process_right li:last-child:before {display:none;}
	.process_right li:last-child:after {top:217px;right:0;left:auto;transform:rotate(0deg);}
	/* 주요 거래처 */
	.account h3 {font-size:17px;}
	.account h3 em {font-size:25px;}
	html:lang(en) .account h3 em {font-size:25px;letter-spacing:-0.5px;}
	.account p br{display:none;}
	.account .wrap {padding:40px 5%;}
	.account_list {margin-top:20px;padding:15px 5%;}
	.account_list li {margin:0;}
	.account_list li .img_box {height:50px;}
	.account_list li .img_box img {width:60%;max-width:100px;}
	/* 온라인문의 */
	.contact_list > li select {min-width:120px;}
	.contact_list > li .line .flexbox .inputbox {width:calc(100% - 120px);}
	.contact_list > li {padding:15px 0;}
	.contact_list > li.flexbox, .contact_list .file_box.flexbox {display:block;}
	.contact_list > li.flexbox > div {width:100%;}
	.contact_list > li.flexbox > div:first-child {padding-bottom:15px;padding-right:0;border-bottom:1px solid #ddd;}
	.contact_list > li.flexbox > div:last-child {padding-left:0;padding-top:15px;}
	.contact_list .file_box > div:last-child {margin-top:10px;margin-left:0 !important;}
	.contact_list .gray_box {padding:30px 20px;}
	/* 오시는길 */
	.map_area iframe {height:200px;}
	/* 디와이소식 */
	.galleryList ul > li {padding:0 3%;margin-bottom:40px;width:50% !important;}
	.boardSearch fieldset {display:flex;align-items:center;}
	.boardSearch select {padding:0 50px 0 30px;font-size:14px;line-height:45px;}
	.boardSearch .form-control[type=text] {width:150px;}
}
@media only screen and (max-width:560px){
	/* 인증현황 */
	.certf_list li {width:100%;}
	/* 생산제품 */
	.prod_list li {width:100%;}
	/* 주요 거래처 */
	.account_list {grid-template-columns:repeat(1, 1fr);row-gap:20px;}
	/* 온라인문의 */
	.contact_list > li select {min-width:100px;}
	.contact_list > li .line .flexbox .inputbox {width:calc(100% - 100px);}
}

/* ci */
.ci_title {background:#e7efeb url("/../images/fs/content/ci_bg.png") center center no-repeat;padding:40px 0;text-align:center;border-radius:30px;}
.ci_title p {font-size:23px;word-wrap:break-word;}
.ci_title p span {font-size:30px;font-weight:600;color:#115f38;}
.grid{background:#fafafb url("/../images/fs/content/grid_bg.png") repeat;border:1px solid #ddd;padding:60px 30px;text-align:center;}
.grid img{max-width:100%;}
.grid .grid_flex{display:flex;width:100%;flex-wrap:wrap;justify-content:center;}
.grid .grid_flex > div{display:flex;flex-wrap:wrap;align-content: space-between;height:100%;width:40%;}
.grid .grid_flex > div > div {width:100%;height:190px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.grid .grid_flex > div p {font-size:18px;background:#115f38;margin:40px auto 0 auto;color:#fff;border-radius:30px;height:30px;line-height:30px;padding:0 30px;}

.palette ol{display:flex;flex-wrap:wrap;}
.palette ol > li {width:23%;margin-left:2.6%;}
.palette ol > li:first-child {margin-left:0;}
.palette ol > li > div {display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;border:1px solid #ddd;}
.palette ol li .p_color {width:120px;}
.palette ol li .p_color span{width:120px;height:120px;display:flex;align-items:flex-end;color:#fff;padding:20px;font-size:18px;line-height:normal;font-weight:600;}
.palette ol li:nth-child(1) .p_color span{background:#3f3a39;}
.palette ol li:nth-child(2) .p_color span{background:#115f38;}
.palette ol li:nth-child(3) .p_color span{background:#ce201c;}
.palette ol li:nth-child(4) .p_color span{background:#58b530;}

.palette2 ol li:nth-child(1) .p_color span{background:#fff;color:#000;}
.palette2 ol li:nth-child(2) .p_color span{background:#a51f24;}
.palette2 ol li:nth-child(3) .p_color span{background:#489a27;}

.palette3 ol li:nth-child(1) .p_color span{background:#231815;}
.palette3 ol li:nth-child(2) .p_color span{background:#c8c9ca;}
.palette3 ol li:nth-child(3) .p_color span{background:#ac863d;}

.palette ol li .p_txt{padding:0 20px;border-left:1px solid #ddd;width:calc(100% - 120px);}
.palette ol li .p_txt ul li{display:flex;flex-wrap:wrap;width:100%;margin:5px 0;color:#666;}
.palette ol li .p_txt ul li strong{color:#000;font-weight:800;}
.palette ol li .p_txt ul li div{margin-right:10px;}
.palette ol li .p_txt ul li div:last-child{margin-right:0;}
@media all and (max-width:1399px){
	.grid .grid_flex > div {width:50%;}
	.palette ol {justify-content:space-between;}
	.palette ol > li {width:49%;margin:0;}
}
@media all and (max-width:1023px){
	.ci_title {padding:40px 5%;}
	.ci_title p {font-size:18px;}
	.ci_title p span {font-size:28px;}
	.grid img {max-width:200px;max-height:120px;}
	.grid .grid_flex > div > div {height:120px;}
	.palette ol li .p_color span{}
}
@media all and (max-width:767px){
	.ci_title {padding:30px 8%;}
	.ci_title p {font-size:16px;}
	.ci_title p br {display:none;}
	.ci_title p span {font-size:25px;}
	.grid {padding:20px 5%;}
	.grid .grid_flex > div {width:100%;padding:30px 0;}
	.grid .grid_flex > div p {font-size:14px;margin:20px auto 0 auto;}
	.grid .grid_flex > div > div {height:auto;}
	.palette ol li{width:100%;}
	.palette ol li .p_color {width:80px;}
	.palette ol li .p_color span {width:80px;height:80px;padding:10px;font-size:14px;}
	.palette ol li .p_txt ul li{margin:0;}
	.palette ol li .p_txt {width:calc(100% - 80px);padding:0 5%;}
}