@charset "utf-8";


/* ------------------------------ 공통 */
.flexbox {display: flex;}
.p_info {font-size:.9em;color:#999;}

.box_tit {font-weight:bold;color:#000;font-size:1.4em;}
.page.intro {font-size:1.1em;line-height:1.7em;color:#222;} /* 컨텐츠 페이지 인트로 텍스트 */


/* ------------------------------sub01 회사소개 */

/* ===== 01 인사말 */
.about_wrp .flexbox {align-items:center;flex-wrap:wrap;}
.about_wrp .flexbox .imgbox {display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;border-radius:15px;width:40%;}
.about_wrp .flexbox .txtbox {width:60%;padding-left:80px;}
.about_wrp .flexbox .txtbox .intro {font-size:1.7em;font-weight:bold;color:#222;line-height:1.4em;}
.about_wrp .flexbox .txtbox {font-weight:normal;line-height:1.7em;font-size:1.1em;color:#666;}
.about_wrp .flexbox .txtbox p.ceo {color:#000;font-weight:500;}
.about_wrp .flexbox .txtbox .bakbox {background:#f5f5f5;padding:15px 20px;font-size:.95em;border-radius:10px;margin:5px 0 10px;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		.about_wrp .flexbox .imgbox {width:100%;aspect-ratio:9/5;}
		.about_wrp .flexbox .txtbox {margin-top:40px;text-align:center;width:100%;padding-left:0;}
		.about_wrp .flexbox .txtbox p.ceo {text-align: center;}
	}
	@media only screen and (max-width:767px){
		.about_wrp .flexbox .txtbox .intro {font-size:1.5em;}
	}

/* ===== 02 경영이념 */
.manage_wrp .visionbox.mob {display:none;}
.manage_wrp .visionbox.mob .box_tit {text-align: left;}
.manage_wrp .visionbox.mob .vision_list {display:flex;flex-wrap:wrap;gap:25px 10px ;font-size:1.1em;text-align: left;margin-top:40px;}
.manage_wrp .visionbox.mob .vision_list > li {position:relative;width:calc(50% - 5px);padding:20px;border:1px solid #ddd;border-radius:10px;}
.manage_wrp .visionbox.mob .vision_list > li .num {position:absolute;left:20px;top:-15px;width:30px;height:auto;aspect-ratio:1/1;font-weight:bold;background:#b17f4a;color:#fff;font-size:15px;text-align: center;line-height:30px;border-radius:50px;}
.manage_wrp .visionbox.mob .vision_list p {margin-top:10px;}
.manage_wrp .bgbox {position:relative;background:url("/images/fs/content/sub01/manage_bg.png") no-repeat center;}
.manage_wrp .bgbox:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.manage_wrp .intro {position:relative;padding:150px 0;text-align: center;font-size:1.87em;color:#fff;font-weight:800;line-height:1.5em;z-index: 1;}
.manage_wrp .intro span:before {content:'';position:absolute;left:0;right:0;top:0;width:1px;height:50px;background:#2da7ed;margin:auto;}
.manage_wrp .intro span:after {content:'';position:absolute;left:0;right:0;top:50px;width:16px;height:16px;background:#2da7ed;margin:auto;border-radius:50%;}
.manage_wrp .intro span.bottom:before {top:unset;bottom:0;background:#ddd;}
.manage_wrp .intro span.bottom:after {top:unset;bottom:50px;background:#ddd;}
.manage_wrp .phil_list {display:flex;flex-wrap:wrap;gap:10px;}
.manage_wrp .phil_list > li {border:1px solid #ddd;border-radius:10px;width:calc(33% - 5px);padding:30px;}
.manage_wrp .phil_list > li .icon img {max-height:70px;}
.manage_wrp .phil_list > li .tit {font-size:1.5em;font-weight:600;color:#222;margin-top:20px;}
.manage_wrp .phil_list > li .tit em {display: block;font-size:16px;color:#bbb;font-weight:600;margin:5px 0 20px;}
.manage_wrp .phil_list > li ul.list3 {text-align:left;display:inline-block;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.manage_wrp .visionbox.pc {display:none;}
		.manage_wrp .visionbox.mob {display:block;}

		.manage_wrp .intro {padding:100px 0;font-size:1.5em;}
		.manage_wrp .phil_list > li {width:100%;padding:30px 20px;text-align: center;}
	}
	@media only screen and (max-width:560px){
		.manage_wrp .visionbox.mob .vision_list > li {width:100%;}
	}


/* ===== 03 인증현황 */
.certif_wrp {}
.certif_wrp .c_list {display: flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;}
.certif_wrp .c_list li {width:calc(25% - 25px);margin-bottom:40px;}
.certif_wrp .c_list li a.imgbox {display:block;width:100%;height:auto;aspect-ratio:200/283;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.1);cursor:unset;}
.certif_wrp .c_list li a.imgbox img {transition:all .3s;-webkit-transition:all .3s;}
.certif_wrp .c_list li:hover a.imgbox img {}
.certif_wrp .c_list li p.tit {color:#222;font-weight:500;margin-top:20px;text-align: center;font-size:1.05em;}
	/* 반응형 */
	@media only screen and (max-width:1199px){
		.certif_wrp .c_list {gap: 20px;}
		.certif_wrp .c_list li {width:calc(33% - 15px);}
	}
	@media only screen and (max-width:767px){
		.certif_wrp .c_list li {width:calc(50% - 15px);}
		.certif_wrp .c_list li p.tit {font-size:1em;}
	}
	@media only screen and (max-width:560px){
		.certif_wrp .c_list li {width:100%;}
	}


/* ===== 04 CI/BI 소개 */
/* 공통 */
.ci_bi_wrp .mtit {position:relative;font-size:1.75em;font-weight:bold;color:#000;}
.ci_bi_wrp .subtit {position:relative;font-size:1.2em;font-weight:600;color:#bbb;padding-left:11px;}
.ci_bi_wrp .subtit:after {content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background:#aaa;border-radius:100%;}
.ci_bi_wrp .grid_box {border:1px solid #ddd;padding:60px 30px;background:url('/images/fs/content/sub01/grid_bg.png');}
.ci_bi_wrp .grid_box img {max-width:400px;width:100%;}
.ci_bi_wrp .gray_box {background:#f5f5f5;border-radius:10px;padding:30px 20px;color:#222;line-height:1.5;}
.ci_bi_wrp .palette ol {display:flex;flex-wrap:wrap;gap:40px;}
.ci_bi_wrp .palette ol > li {display:flex;flex-wrap:wrap;width:100%;max-width:calc(30% - 20px);border:1px solid #ddd;}
.ci_bi_wrp .palette ol > li .color {display:flex;align-items:flex-end;width:120px;height:auto;aspect-ratio: 1/1;padding:15px;}
.ci_bi_wrp .palette ol > li .color span {font-weight:bold;color:#fff;}
.ci_bi_wrp .palette ol > li .c_txt {padding:20px;display:flex;align-items: center;font-size:.95em;}
.ci_bi_wrp .palette ol > li .c_txt ul {display: flex;flex-direction:column;gap:5px;}
.ci_bi_wrp .palette ol > li .c_txt ul li strong {display:inline-block;color:#222;width:50px;}
.ci_bi_wrp .palette ol.acc_color > li:nth-child(1) .color {background:#231916;}
.ci_bi_wrp .palette ol.acc_color > li:nth-child(2) .color {background:#C9C9CA;}
.ci_bi_wrp .palette ol.acc_color > li:nth-child(3) .color {background:#B0883D;}

/* CI */
.ci_bi_wrp .ci_wrp .box2 .grid_box .imgbox img {max-width:1000px;}
.ci_bi_wrp .ci_wrp .palette ol.main_color > li:first-child .color {background:#0075C2;}
.ci_bi_wrp .ci_wrp .palette ol.main_color > li:nth-child(2) .color {background:#231916;}

/* BI */
.ci_bi_wrp .bi_wrp .palette ol.main_color > li:nth-child(2) .color {background:#fff;border-right:1px solid #ddd;}
.ci_bi_wrp .bi_wrp .palette ol.main_color > li:nth-child(2) .color span {color:#222;}
.ci_bi_wrp .bi_wrp .palette ol.sub_color > li:nth-child(1) .color {background:#8FC31F;}
.ci_bi_wrp .bi_wrp .palette ol.sub_color > li:nth-child(2) .color {background:#45B035;}

.ci_bi_wrp .bi_wrp .box1 .grid_box {display:flex;justify-content: center;gap:80px;}
.ci_bi_wrp .bi_wrp .box1 .grid_box .imgbox {position: relative;padding-bottom:66px;}
.ci_bi_wrp .bi_wrp .box1 .grid_box .imgbox img {max-height:220px;}
.ci_bi_wrp .bi_wrp .box1 .grid_box .imgbox span {display:inline-block;width:200px;line-height:36px;color:#fff;background:#bbb;position:absolute;left:0;right:0;margin:auto;bottom:0;border-radius:50px;}
.ci_bi_wrp .bi_wrp .box2 .palette ol.main_color > li:first-child .color {background:#A97A48;}
.ci_bi_wrp .bi_wrp .box4 .palette ol.main_color > li:first-child .color {background:#7f1084;}
.ci_bi_wrp .bi_wrp .box6 .palette ol.main_color > li:first-child .color {background:#154194;}
.ci_bi_wrp .bi_wrp .box6 .palette ol.main_color > li:nth-child(2) .color {background:#65b32e;}
.ci_bi_wrp .bi_wrp .box6 .palette ol.main_color > li:nth-child(2) .color span {color:#fff;}
.ci_bi_wrp .bi_wrp .box6 .palette ol.sub_color > li:nth-child(1) .color {background:#0080c9;}
.ci_bi_wrp .bi_wrp .box6 .palette ol.sub_color > li:nth-child(2) .color {background:#fff;border-right:1px solid #ddd;}
.ci_bi_wrp .bi_wrp .box6 .palette ol.sub_color > li:nth-child(2) .color span {color:#222;}
	/* 반응형 */
	@media only screen and (max-width:1199px){
		/* 공통 */
		.ci_bi_wrp .palette ol > li {max-width:calc(50% - 20px);}
	}
	@media only screen and (max-width:767px){
		/* 공통 */
		.ci_bi_wrp .grid_box {padding:30px 20px;}
		.ci_bi_wrp .palette ol > li {max-width:100%;}
		.ci_bi_wrp .palette ol > li .color {width:100px;padding:10px;}
		.ci_bi_wrp .palette ol > li .c_txt {padding:20px 15px;}

		/* BI */
		.ci_bi_wrp .bi_wrp .box1 .grid_box {flex-direction: column;align-items: center;}
	}



/* ------------------------------sub02 제품소개*/
/* 목록 */
.product_wrp .product_box ul.p_list {display:flex;gap:20px;flex-wrap:wrap;}
.product_wrp .product_box ul.p_list li {width:calc(25% - 15px);margin-bottom:40px;}
.product_wrp .product_box ul.p_list li a .imgbox {width:100%;height:auto;aspect-ratio: 1/1;display:flex;align-items:center;justify-content: center;border-radius:15px;overflow:hidden;}
.product_wrp .product_box ul.p_list li a .imgbox img {transition:all .4s;-webkit-transition:all .4s;}
.product_wrp .product_box ul.p_list li:hover a .imgbox img {transform:scale(1.1);}
.product_wrp .product_box ul.p_list li a .p_name {color:#222;font-weight:500;margin-top:20px;text-align: center;font-size:1.05em;}

/* 상세 */
/* 이미지 슬라이드 */
.product_box .p_view {}
.product_box .p_view .intro_wrp {text-align: center;}
.product_box .p_view .intro_wrp .flexbox {display:flex;flex-wrap:wrap;}
.product_box .p_view .intro_wrp .flexbox .w50 {width:55%;}
.product_box .p_view .intro_wrp .flexbox .w50.slide_box {width:45%;padding-right:80px;}
.product_box .p_view .intro_wrp .flexbox .w50.slide_box .slick-slider .slick-track {margin:0;}
.product_box .p_view .intro_wrp .flexbox .slider-for .item {border-radius:15px;overflow:hidden;display:block;height:100%;}
.product_box .p_view .intro_wrp .flexbox .slider-for .item span {display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
.product_box .p_view .intro_wrp .flexbox .slider-nav {margin:10px 0;}
.product_box .p_view .intro_wrp .flexbox .slider-nav .slick-slide {margin:10px;opacity:.5;}
.product_box .p_view .intro_wrp .flexbox .slider-nav .slick-slide.slick-current {opacity:1;}
.product_box .p_view .intro_wrp .flexbox .slider-nav .item {position:relative;cursor:pointer;border-radius:10px;overflow:hidden;height:100%;}
.product_box .p_view .intro_wrp .flexbox .slider-nav .item span {display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
.product_box .p_view .intro_wrp .flexbox .slider-nav .item span img {}
.product_box .p_view .intro_wrp .flexbox .slick-initialized .slick-slide {width:100%;aspect-ratio:1/1;text-align: center;}
.product_box .p_view .intro_wrp .flexbox .slick-initialized .slick-slide > div {display:inline-block;height:100%;}
.product_box .p_view .intro_wrp .flexbox .slick-initialized .slick-slide img {}
.product_box .p_view .intro_wrp .flexbox .slick-initialized .slick-slide.slick-active {}
.product_box .p_view .txtbox {margin-top:40px;text-align: left;position:relative;}
.product_box .p_view .txtbox .tit {font-size:1.8em;color:#222;font-weight:600;padding-bottom:20px;border-bottom:2px solid #222;}
.product_box .p_view .txtbox .txt {margin-top:20px;line-height:1.5em;}
.product_box .p_view .txtbox .txt li {margin-bottom:15px;}
.product_box .p_view .txtbox .txt li:after {top:12px;}
.product_box .p_view .txtbox .txt li strong {display:block;margin-bottom:5px;}
.product_box .p_view .detail_box {border-bottom:1px solid #ddd;}
.product_box .p_view .detail_box .stit {position:relative;color:#222;font-size:1.2em;font-weight:600;background:#f5f5f5;line-height:45px;text-align: center;}
.product_box .p_view .detail_box .detail_cont {padding:40px 20px;min-height:200px;}

	/* 반응형 */
	@media only screen and (max-width:1299px){
		/* 상세 */
		.product_box .p_view .intro_wrp .flexbox .w50.slide_box {padding-right:40px;}
	}
	@media only screen and (max-width:1023px){
		/* 목록 */
		.product_wrp .product_box ul.p_list li {width:calc(33% - 15px);}

		/* 상세 */
		.product_box .p_view .intro_wrp .flexbox .w50 {width:50%;}
		.product_box .p_view .intro_wrp .flexbox .w50.slide_box {width:50%;}
	}
	@media only screen and (max-width:767px){
		/* 목록 */
		.product_wrp .product_box ul.p_list {gap:10px;}
		.product_wrp .product_box ul.p_list li {width:calc(50% - 5px);margin-bottom:30px;}

		/* 상세 */
		.product_box .p_view .intro_wrp .flexbox .w50 {width:100%;}
		.product_box .p_view .intro_wrp .flexbox .w50.slide_box {width:100%;padding:0;}
		.product_box .p_view .intro_wrp .flexbox .slider-nav {margin:0;}
		.product_box .p_view .txtbox {border-bottom:1px solid #ddd;padding-bottom:20px;margin-top:60px;}
		.product_box .p_view .txtbox .tit {font-size:1.6em;text-align: center;}
		.product_box .p_view .detail_box {margin-top:0;}

	}
	@media only screen and (max-width:560px){
		/* 목록 */
		.product_wrp .product_box ul.p_list li {width:100%;margin-bottom:20px;}
	}
/* ------------------------------sub03 연구개발 */

/* ===== 01 R&D 소개 */
.rnd_wrp .material_list {margin-top:20px;}
.rnd_wrp .material_list > ul > li {display: flex;flex-wrap:wrap;align-items: flex-start;border-bottom:1px solid #eee;padding:80px 0;}
.rnd_wrp .material_list > ul > li:first-child {padding-top:0;}
.rnd_wrp .material_list > ul > li:nth-child(2n) {flex-direction: row-reverse;}
.rnd_wrp .material_list > ul > li .imgbox {display: flex;align-items: center;justify-content: center;width:35%;height:auto;aspect-ratio:9/6;overflow:hidden;border-radius:10px;}
.rnd_wrp .material_list > ul > li .imgbox img {max-width:unset;max-height:100%;}
.rnd_wrp .material_list > ul > li .txtbox {width:65%;padding-left:40px;padding-top:30px;}
.rnd_wrp .material_list > ul > li:nth-child(2n) .txtbox {padding:30px 40px 0 0;}
.rnd_wrp .material_list > ul > li .txtbox .entit {font-weight:600;color:#bbb;margin-bottom:5px;font-size:1.1em;}
.rnd_wrp .material_list > ul > li .txtbox .mtit {color:#111;font-size:1.75em;font-weight:700;}
.rnd_wrp .material_list > ul > li .txtbox .list1 {max-width:767px;}
.rnd_wrp .material_list > ul > li .txtbox .list1 > li {margin-bottom:20px;}
.rnd_wrp .material_list > ul > li .gray_box {width:100%;margin-top:40px;border-radius:0;background:none;padding:0;}
.rnd_wrp .material_list > ul > li .gray_box .tit {color:#000;font-weight:600;font-size:1.1em;}
.rnd_wrp .material_list > ul > li .gray_box .list3 {display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.rnd_wrp .material_list > ul > li .gray_box .list3 > li {width:calc(50% - 5px);margin-top:0;font-weight:normal;background:#f5f5f5;padding:15px 30px;border-radius:10px;}
.rnd_wrp .material_list > ul > li .gray_box .list3 > li:after {top:25px;left:20px;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		.rnd_wrp .material_list > ul > li {padding:60px 0;}
		.rnd_wrp .material_list > ul > li,
		.rnd_wrp .material_list > ul > li:nth-child(2n) {flex-direction: column;}
		.rnd_wrp .material_list > ul > li .imgbox {width:100%;max-width:560px;margin:auto;}
		.rnd_wrp .material_list > ul > li .txtbox,
		.rnd_wrp .material_list > ul > li:nth-child(2n) .txtbox {width:100%;padding:30px 0;}
		.rnd_wrp .material_list > ul > li .gray_box {margin-top:0;}
	}
	@media only screen and (max-width:767px){
		.rnd_wrp .material_list > ul > li .txtbox .entit,
		.rnd_wrp .material_list > ul > li .txtbox .mtit {text-align: center;}
		.rnd_wrp .material_list > ul > li .txtbox .list1 {margin-top:30px;}
		.rnd_wrp .material_list > ul > li .gray_box {margin-top:0;}
		.rnd_wrp .material_list > ul > li .gray_box .list3 {flex-direction: column;gap:5px;}
		.rnd_wrp .material_list > ul > li .gray_box .list3 > li {width:100%;padding:10px 20px;}
		.rnd_wrp .material_list > ul > li .gray_box .list3 > li:after {display: none;}
	}

/* ===== 02 연구협력기관 */
ul.org_list {display:flex;gap:10px;flex-wrap:wrap;}
ul.org_list li {position:relative;width:calc(25% - 10px);border:1px solid #eee;border-radius:10px;text-align: center;}
ul.org_list li.no-data {width:100%;border-radius:0;border:0;border-top:2px solid #222;border-bottom:1px solid #ddd;padding:40px 0;}
ul.org_list li img {max-height:80px;}
ul.org_list li a {display:block;width:100%;height:100%;padding:40px 20px 80px;}
ul.org_list li a .txtbox {position:absolute;left:0;bottom:0;width:100%;padding:10px 20px;background:#f5f5f5;}
ul.org_list li a .btn_more {position:relative;font-size:.95em;line-height:30px;display:flex;align-items:center;justify-content: flex-end;}
ul.org_list li a:hover .btn_more {text-decoration: none;color:#222;}
ul.org_list li a .btn_more span {display:inline-block;width:22px;height:22px;border-radius:50px;position:relative;background:#bbb;margin-left:5px;transition:all .4s;-webkit-transition:all .4s;}
ul.org_list li a .btn_more span:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs/main/btn_more2.png") no-repeat center;width:4px;height:100%;}
ul.org_list li a:hover .btn_more span {background:#222;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		ul.org_list li {width:calc(33% - 5px);}
	}
	@media only screen and (max-width:767px){
		ul.org_list li {width:calc(50% - 5px);}
		ul.org_list li a {padding:30px 10px 60px;}
		ul.org_list li a .txtbox {padding:5px 15px;}
		ul.org_list li a .btn_more span {width:20px;height:20px;font-size:.9em;}
	}

/* ===== 03 연구실적 */
.history_wrp .h_list .y-wrp {display:flex;flex-wrap:wrap;}
.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:100px;}
.history_wrp .h_list .y-wrp .year-area {width:45%;padding-right:50px;}
.history_wrp .h_list .y-wrp .year-area .year {position:relative;font-size:4em;color:#000;font-weight:bold;text-align: right;}
.history_wrp .h_list .y-wrp .month-area {position:relative;width:55%;padding-left:50px;}
.history_wrp .h_list .y-wrp .month-area:before {content:'';position:absolute;left:-7px;top:35px;width:16px;height:16px;border-radius:50px;border:5px solid #3ca9e8;background:#fff;z-index: 1;}
.history_wrp .h_list .y-wrp .month-area:after {content:'';position:absolute;left:0;top:60px;width:1px;height:calc(100% - 60px);background:#ddd;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li {padding:20px 30px;border-radius:10px;background:#f5f5f5;line-height:inherit;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li + li {margin-top:10px;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li .info {display:block;color:#999;font-size:.9em;margin-top:10px;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li p {font-size:1.1em;font-weight:400;color:#000;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		.history_wrp .h_list .y-wrp .year-area {width:200px;}
		.history_wrp .h_list .y-wrp .year-area .year {text-align:left;font-size:3.5em;}
		.history_wrp .h_list .y-wrp .month-area {width:calc(100% - 200px);}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li p {font-size:1em;}
	}
	@media only screen and (max-width:767px){
		.history_wrp .h_list .y-wrp {flex-direction: column;}
		.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:80px;}
		.history_wrp .h_list .y-wrp .year-area .year {font-size:3em;}
		.history_wrp .h_list .y-wrp .month-area {width:100%;padding-left:25px;margin-top:10px;}
		.history_wrp .h_list .y-wrp .month-area:before {left:0;top:25px;width:12px;height:12px;border-width:4px;}
		.history_wrp .h_list .y-wrp .month-area:after {left:5px;top:50px;height:calc(100% - 50px);}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li {padding:15px;}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li + li {margin-top:5px;}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li .month {min-width:60px;font-size:1.2em;}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li p {font-size:1em;}
	}
	@media only screen and (max-width:560px){
		.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:60px;}
		.history_wrp .h_list .y-wrp .month-area {}
	}

/* ===== 04 나노화기술 */
.tech_wrp.nano .skin_img {border:1px solid #ddd;padding:60px 40px;border-radius:20px;text-align: center;}
.tech_wrp.nano .skin_img .wrp {max-width:1200px;margin:auto;text-align: left;}
.tech_wrp.nano .skin_img .mob {display:none;}
.tech_wrp.nano .skin_img .img_info {color:#222;text-align: right;font-size:.9em;margin-top:10px;font-weight:500;display:block;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		.tech_wrp.nano .skin_img .img02 {display: none;}
		.tech_wrp.nano .skin_img .wrp {text-align: center;}
		.tech_wrp.nano .skin_img .mob {display:block;margin-top:40px;}
	}
	@media only screen and (max-width:767px){
		.tech_wrp.nano .skin_img {padding:40px 20px;}
		.tech_wrp.nano .skin_img .mob .img_info {text-align: center;}
	}

/* ===== 05 유화기술 */
.tech_wrp.em .em_cont {border:1px solid #ddd;padding:80px 40px;border-radius:20px;text-align: center;}
.tech_wrp.em .em_diagram {display: flex;justify-content:space-between;align-items:center;position:relative;max-width:767px;margin:auto;}
.tech_wrp.em .em_diagram > div {width:33%;}
.tech_wrp.em .em_diagram .main {position: relative;display:flex;align-items: center;justify-content: center;width:200px;height:auto;aspect-ratio: 1/1;background:#2da7ed;border-radius:50%;}
.tech_wrp.em .em_diagram .main span {color:#fff;position: relative;z-index: 1;font-size:1.5em;}
.tech_wrp.em .em_diagram .main .bg {position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;margin:auto;background:#2da7ed;opacity: .6;border-radius: 50%;width:110%;height:auto;aspect-ratio: 1/1;z-index: -1;}
.tech_wrp.em .em_diagram .main .bg:after {content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;margin:auto;background:#2da7ed;opacity: .3;border-radius: 50%;width:115%;height:auto;aspect-ratio: 1/1;z-index: -1;}
.tech_wrp.em .em_diagram .main.water,
.tech_wrp.em .em_diagram .main.water .bg,
.tech_wrp.em .em_diagram .main.water .bg:after {background:#28719C;}
.tech_wrp.em .em_diagram .subinfo {position: relative;}
.tech_wrp.em .em_diagram .subinfo:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs/common/arrow.png") no-repeat center;background-size:contain;width:120px;height:100px;}
.tech_wrp.em .em_diagram .subinfo .txt {display:inline-block;position:absolute;left:0;right:0;margin:auto;bottom:-180px;background: rgba(45, 167, 237, 0.1);text-align: center;color:#2da7ed;padding:20px 25px;border-radius:20px;font-weight:500;}
.tech_wrp.em .em_img {margin-top:160px;}
.tech_wrp.em .em_img .mob {display:none;}
.tech_wrp.em .em_cont2 {text-align: center;}
.tech_wrp.em .em_cont2  .wrp {position:relative;display:inline-block;margin:60px auto 0;}
.tech_wrp.em .em_cont2 .imgbox.mob {display: none;}
.tech_wrp.em .em_cont2 .imgbox.mob .tit {display:block;margin-bottom:20px;font-size:1.1em;color:#222;font-weight:bold;text-align: center;}
.tech_wrp.em .em_cont2 .txtbox {padding:20px;}
.tech_wrp.em .em_cont2 .txtbox .txt {display:flex;width:100%;max-width:1080px;margin:0 auto 10px;align-items: center;line-height:24px;font-size:.95em;text-align: left;}
.tech_wrp.em .em_cont2 .txtbox .tit {font-weight:600;display:inline-block;padding:0 10px;border-radius:30px;margin-right:10px;}
.tech_wrp.em .em_cont2 .txtbox p {color:#222;}
.tech_wrp.em .em_cont2 .txtbox .txt01 .tit {color:#3ca9e8;border:1px solid #3ca9e8;}
.tech_wrp.em .em_cont2 .txtbox .txt02 .tit {color:#f01e01;border:1px solid #f01e01;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.tech_wrp.em .em_cont {padding:60px 20px;}
		.tech_wrp.em .em_diagram > div {width:30%;}
		.tech_wrp.em .em_diagram .main {width:30%;}
		.tech_wrp.em .em_img {margin-top:100px;}
		.tech_wrp.em .em_img .pc {display:none;}
		.tech_wrp.em .em_img .mob {display:block;}
		.tech_wrp.em .em_cont2  .wrp {margin:40px auto 0;}
		.tech_wrp.em .em_cont2 .imgbox.pc {display: none;}
		.tech_wrp.em .em_cont2 .imgbox.mob {display:block;background:#f5f5f5;border-radius:20px;padding:30px 20px;}
		.tech_wrp.em .em_cont2 .txtbox {padding:15px 0;}
		.tech_wrp.em .em_cont2 .txtbox .txt {flex-direction: column;justify-content: flex-start;align-items: flex-start;}
		.tech_wrp.em .em_cont2 .txtbox .txt .tit {margin-bottom:5px;}
	}
	@media only screen and (max-width:560px){
		.tech_wrp.em .em_diagram {flex-direction: column;}
		.tech_wrp.em .em_diagram > div {width: 100%;}
		.tech_wrp.em .em_diagram .main {width:160px;}
		.tech_wrp.em .em_diagram .subinfo {padding:100px 0 140px;}
		.tech_wrp.em .em_diagram .subinfo:before {transform:rotate(90deg);top:unset;bottom:50px;}
		.tech_wrp.em .em_diagram .subinfo .txt {bottom:unset;top:40px;padding:10px 20px;width:200px;}
	}


/* ------------------------------sub04 커뮤니티 */
/* ===== 03 온라인문의 */
/* 목록 */
.gallery_box ul.g_list {display:flex;gap:15px;flex-wrap:wrap;}
.gallery_box ul.g_list li {width:calc(25% - 12px);margin-bottom:40px;}
.gallery_box ul.g_list li.no-data {width:100%;border-radius:0;border:0;border-top:2px solid #222;border-bottom:1px solid #ddd;padding:40px 0;text-align:center;}
.gallery_box ul.g_list li a .imgbox {width:100%;height:auto;aspect-ratio: 1/1;display:flex;align-items:center;justify-content: center;border-radius:15px;overflow:hidden;border:1px solid #ddd;}
.gallery_box ul.g_list li a .imgbox img {transition:all .4s;-webkit-transition:all .4s;width:100%;}
.gallery_box ul.g_list li:hover a .imgbox img {transform:scale(1.1);}
.gallery_box ul.g_list li a .p_name {color:#222;font-weight:500;margin-top:20px;text-align: center;font-size:1.05em;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		.gallery_box ul.g_list li {width:calc(33% - 8px);}
	}
	@media only screen and (max-width:767px){
		.gallery_box ul.g_list {gap:10px;}
		.gallery_box ul.g_list li {width:calc(50% - 5px);margin-bottom:30px;}
	}
	@media only screen and (max-width:560px){
		.gallery_box ul.g_list li {width:100%;margin-bottom:20px;}
	}

/* ===== 04 오시는길 */
.map_wrp .map {height:400px;border:1px solid #ddd;overflow:hidden;border-radius:10px;}
.map_wrp .map iframe {width:100%;height:100%;}
.map_wrp .map_info ul {display:flex;flex-wrap:wrap;gap:0 20px;margin-top:20px;font-size:1.2em;}
.map_wrp .map_info ul li {position:relative;}
.map_wrp .map_info ul li:nth-child(n+3):after {content:'';position:absolute;left:-10px;top:0;bottom:0;margin:auto;background:#ddd;width:2px;height:14px;}
.map_wrp .map_info ul li.address {width:100%;color:#222;font-weight:500;margin-bottom:10px;}
.map_wrp .map_info ul li span {display:inline-block;margin-right:10px;font-weight:500;color:#222;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.map_wrp .map {height:300px;}
		.map_wrp .map_info ul {flex-direction: column;}
		.map_wrp .map_info ul li:after {display:none;}
	}