@charset "utf-8";

/* 컨텐츠 시작 */
a {transition:all .4s;-webkit-transition:all .4s;}
img {max-width:100%;}
.wrap {max-width:1200px;margin:auto;}
.graybox {padding:30px;background:#f5f5f5;}
.border_box {padding:30px;border:1px solid #eee;}
p.main_title {font-size:28px;font-weight:600;line-height:38px;text-align:left;color:#000;}
p.sub_title {font-size:28px;line-height:normal;color:#333;font-weight:800;}
.flexbox {display:flex;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		p.main_title {font-size:22px;line-height: 32px;}
		p.main_title br {display:none}
	}

/****** sub01_회사소개 ******/
/* 인사말 */
.sub0101 {display: flex;gap:26px;align-items: flex-start;}
.sub0101 .left {flex-shrink:0;overflow:hidden;border-radius: 20px;box-shadow: 8px 8px 25px rgba(0,0,0,0.08);}
.sub0101 .left img {}
.sub0101 .right {flex-grow: 1;}
.sub0101 .right .top {padding:40px 50px;border-radius: 20px;box-shadow: 8px 8px 25px rgba(0,0,0,0.08);}
.sub0101 .right .top li {display: flex;padding-left:25px;margin-top:20px;background: url("/images/fs/content/sub01/img_check.png") no-repeat left 7px;}
.sub0101 .right .top li:first-child {margin-top:0;}
.sub0101 .right .top li strong {flex-shrink:0;position:relative;display:inline-block;width:70px;margin-right:20px;font-size:20px;font-weight: 700;color:#222;}
.sub0101 .right .top li strong:after {content:"";position: absolute;right:0;top:7px;width: 1px;height: 13px;background: #ddd;}
.sub0101 .right .top li p {font-size:20px;font-weight: 500;color:#444;}
.sub0101 .right .bot {padding:70px 0 0 30px;}
.sub0101 .right .bot p {line-height:1.7;font-size:17px;color:#444;word-break: keep-all;}
.sub0101 .right .bot p strong {line-height:1.2;font-weight:800;font-size:32px;color:#222;}
.sub0101 .right .bot p strong span {color:#276ce2;}
.sub0101 .right .bot p > span {font-weight: 700;color:#222;}
.sub0101 .right .bot > span {display:block;margin-top:55px;font-size:20px;font-weight: 700;color:#222;text-align: right;}
	@media only screen and (max-width:1529px){
		.sub0101 .right .bot p .br {display: none;}
	}
	@media only screen and (max-width:1023px){
		.sub0101 {padding:0 20px;}
		.sub0101 .left {display: none;}
		.sub0101 .right .bot {padding:50px 0 0 0;}
	}
	@media only screen and (max-width:767px){
		.sub0101 .right .top {padding:20px 15px;word-break: keep-all;}
		.sub0101 .right .top li {padding-left:25px;margin-top:10px;}
		.sub0101 .right .top li strong {font-size:18px;}
		.sub0101 .right .top li p {font-size:18px;}
		.sub0101 .right .bot p {font-size:16px;}
		.sub0101 .right .bot p strong {font-size:26px;}
		.sub0101 .right .bot > span {font-size:18px;}
	}

/* 연혁 */
.history_wrap {word-break: keep-all;}
.history_wrap .history_bg {margin:0 auto;height:308px;position:relative;z-index:3;overflow:hidden;background:url("/images/fs/content/sub01/img_his.jpg") no-repeat center / cover;border-radius: 20px;}
.history_wrap .history_tit {padding:45px;background:#276ce2;color:#fff;width:360px;height:348px;position:relative;z-index:4;overflow:hidden;margin:-150px 0 0 20px;border-radius: 20px;}
.history_wrap .history_tit p {font-size:18px;font-weight:400;}
.history_wrap .history_tit h4 {font-size:30px;margin:15px 0 0;font-weight:700;line-height:1.3;}
.history_wrap .history_tit::after {content:"SINCE 2010";font-size:100px;color:rgba(255,255,255,.1);line-height:0.8;position:absolute;left:-5px;bottom:-5px;font-weight:900;z-index:-1;}
.history_wrap .history_list {}
.history_wrap .history_list div {display:flex;width:100%;flex-wrap:wrap;position:relative;}
.history_wrap .history_list div::after {content:"";width:16px;height:16px;background:#3561ad;border-radius:50%;position:absolute;left:50%;top:106px;margin-left:-7px;z-index:2;}
.history_wrap .history_list div::before {content:"";width:1px;height:30rem;background:#ddd;position:absolute;left:50%;top:-22rem;z-index:1;}
.history_wrap .history_list .year {font-size:60px;font-weight:800;color:#000;padding:100px 80px;width:50%;text-align:right;}
.history_wrap .history_list ul {padding:100px 0 0 0;width:50%;position:relative;}
.history_wrap .history_list ul li {padding-left:80px;font-size:18px;line-height:1.7;margin-top:20px;}
.history_wrap .history_list ul li:first-child {margin-top:0;}
.history_wrap .history_list ul li strong {color:#276ce2;}
	@media only screen and (max-width:1023px){
		.history_wrap .history_bg {height:280px;}
		.history_wrap .history_tit {width:70%;height:auto;position:relative;z-index:4;overflow:hidden;margin:-100px 0 0 0;}
		.history_wrap .history_tit h4 br {display:none;}
	}
	@media only screen and (max-width:767px){
		.history_wrap .history_bg {background-position:right center;}
		.history_wrap .history_tit {padding:35px;width:90%;}
		.history_wrap .history_list div {flex-direction:row;}
		.history_wrap .history_list div::after {left:0;top:59px;}
		.history_wrap .history_list div::before {height:1000%;left:0;}
		.history_wrap .history_list .year {line-height:1;padding:40px 50px 0;width:100%;text-align:left;font-size:50px;}
		.history_wrap .history_list ul {padding:0;width:100%;}
		.history_wrap .history_list ul li {padding-left:50px;font-size:16px;}
		.history_wrap .history_list ul li:first-child {margin-top:20px;}
	}


/* 오시는 길 */
.root_daum_roughmap {width: 100%;border-radius: 20px;}
.root_daum_roughmap .cont {display: none;}
.location {display:flex;justify-content:space-between;position: relative;z-index: 1;}
.location .location_title {flex-shrink:0;height:200px;background:#276ce2;color:#fff;padding:40px 30px;margin:-65px 50px 0 20px;border-radius: 20px;}
.location .location_title span {}
.location .location_title h4 {font-size:30px;line-height:1;padding-top:25px;}
.location .location_title strong {display:block;margin-top:10px;font-size:18px;font-weight: 300;}
.location ul {display:flex;flex-wrap:wrap;margin-top:20px;}
.location ul li {flex-grow:1;display:flex;align-items:center;}
.location ul li:nth-child(1) {flex-basis: 40%;}
.location ul li:nth-child(2) {flex-basis: 40%;padding-left:120px;}
.location ul li div {flex-shrink:0;width:26px;display:flex;align-items:center;justify-content:center;margin-right:5px;}
.location ul li div img {color:#276ce2;}
.location ul li p {flex-grow:1;font-size:18px;font-weight:400;}
.location ul li p em {color:#276ce2;font-weight:700;padding-right:1rem;}
	@media only screen and (max-width:1529px){
		.location ul li:nth-child(1) {flex-basis: 100%;}
		.location ul li:nth-child(2) {padding-left:0;}
		.location ul li + li {flex-basis: 40%;}
	}
	@media only screen and (max-width:1023px){
		.location .location_title {padding:30px 20px;margin:-65px 20px 0 20px;}
		.location ul li {width:100%;margin-top:20px;flex-direction: column;align-items: flex-start;}
	}
	@media only screen and (max-width:767px){
		.location .location_title {display:none;}
		.location ul li {flex-direction: row;align-items: center;}
	}
	@media only screen and (max-width:599px){
		.location ul li + li {flex-basis: 100%;}
	}



/* 특징 및 규격 */
/* 거푸집 */
.sub0301 {}
.sub0301 .line {padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
.sub0301 .ol {font-size:18px;color:#222;}
.sub0301 .ol li {display:flex;align-items:center;margin-top:10px;}
.sub0301 .ol li:first-child {margin-top:0;}
.sub0301 .ol li > span {flex-shrink:0;display: inline-grid;place-items:center;margin-right:5px;width: 45px;height: 45px;border-radius: 50px;color:#fff;background: #222;}
.sub0301 .ol li > p {display: inline-block;}
.sub0301 .ol li:last-child {flex-wrap: wrap;}
.sub0301 .ol li:last-child div {width: 100%;}
.sub0301 .ol li > div {margin-left:50px;display:flex;flex-wrap:wrap;gap:5px;}
.sub0301 .ol li > div span {display: inline-grid;place-items:center;height: 35px;padding:0 20px;border-radius: 50px;border:2px solid #ccc;font-size:16px;color:#666;}

.slide_box {position: relative;padding:0 60px;overflow: hidden;}
.swiper-wrapper {display: flex;height: auto !important;}
.swiper-slide {text-align: center;}
.swiper-slide img {width: 100%;}
.button-prev {position: absolute;left:0;top:50%;transform: translateY(-50%);cursor:pointer;}
.button-next {position: absolute;right:0;top:50%;transform: translateY(-50%);cursor:pointer;}

.sub0301 .etc_box {position:relative;display: flex;padding:20px;border-radius: 20px;margin-top:40px;background: #3561ad;color:#fff;}
.sub0301 .etc_box:after {content:"IB \A CONSTRUCTION \A PROJECT";position: absolute;left:-5px;bottom:-5px;line-height:0.8;font-size:60px;opacity: 0.05;font-weight: 900;white-space: pre;}
.sub0301 .etc_box .left {width: 50%;padding:15px 0 0 36px;}
.sub0301 .etc_box .left strong {font-size:25px;}
.sub0301 .etc_box .left strong span {display:inline-grid;place-items:center;width:30px;height:30px;font-size:25px;border-radius: 100%;background: #fff;color:#3561ad;}
.sub0301 .etc_box .left p {font-size:16px;margin:15px 0 0 37px;font-weight: 400;}
.sub0301 .etc_box .right {width: 50%;}
.sub0301 .etc_box .right img {width:100%;border-radius: 20px;}
	@media only screen and (max-width:1529px){

	}
	@media only screen and (max-width:1023px){

	}
	@media only screen and (max-width:767px){
		.sub0301 .etc_box {flex-direction:column;}
		.sub0301 .etc_box .left {width: 100%;padding:15px 0 20px 20px;}
		.sub0301 .etc_box .right {width: 100%;}
	}

/* 우수받이 인상거푸집 */
.sub0303 {}
.sub0303 .top {padding:60px 50px;border-radius: 20px;background:#f5f8fc url("sub03/bg_0303.png") no-repeat right top / cover;}
.sub0303 .top strong {font-size:30px;font-weight:800;color:#222;}
.sub0303 .top strong span {color:#276ce2;}
.sub0303 .top p {line-height:1.4;margin-top:18px;font-size:18px;color:#444;}

.sub0303 .bot {margin-top:60px;}
.sub0303 .bot .step_box {display: flex;flex-wrap: wrap;}
.sub0303 .bot .step_box > li {display:flex;flex-direction:column;position: relative;padding:0 20px 55px 20px;width: 33.3%;}
.sub0303 .bot .step_box > li + li + li + li {margin-top:45px;}
.sub0303 .bot .step_box > li:before {content:"";position: absolute;left:0;top:11px;z-index:-1;width:100%;height: 1px;background: #ddd;}
.sub0303 .bot .step_box > li:after {content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height: 250px;background: #f5f8fc;}
.sub0303 .bot .step_box > li .step_st {position:relative;display:block;text-align: center;color:#276ce2;font-size:25px;}
.sub0303 .bot .step_box > li .step_st:before {content:"";display:block;width:21px;height: 21px;margin:0 auto 15px auto;background: #fff;border-radius: 100%;border:3px solid #276ce2;}
.sub0303 .bot .step_box > li .step_st:after {content:"";position:absolute;right:-20px;top:4px;display:block;width:11px;height:15px;background:url("sub03/arrow_step.png") no-repeat right top;}
.sub0303 .bot .step_box > li:last-child .step_st:after {display: none;}
.sub0303 .bot .step_box > li .step_img {height:100%;margin-top:40px;padding:30px;background: #fff;border-radius: 20px;box-shadow: 8px 8px 25px rgba(0,0,0,0.08);}
.sub0303 .bot .step_box > li .step_img > img {margin-bottom:40px;width: 100%;}
.sub0303 .bot .step_box > li .step_img > strong {display: block;font-size:20px;color:#222;margin-bottom:10px;}
.sub0303 .bot .step_box > li .step_img > ul {color:#444;}
.sub0303 .bot .step_box > li .step_img > ul li {padding-left:25px;background:url("/images/fs/content/sub01/img_check.png") no-repeat left 6px;font-size:18px;}

.sub0303 .etc_box {position:relative;padding:35px 40px;border-radius: 20px;margin-top:40px;background: #3561ad;color:#fff;}
.sub0303 .etc_box .left {}
.sub0303 .etc_box .left strong {font-size:25px;}
.sub0303 .etc_box .left strong span {display:inline-grid;place-items:center;width:30px;height:30px;font-size:25px;border-radius: 100%;background: #fff;color:#3561ad;}
.sub0303 .etc_box .left ul {margin-top:20px;}
.sub0303 .etc_box .left ul li {padding-left:25px;margin-top:8px;background:url("/images/fs/content/sub03/img_check.png") no-repeat left 6px;font-size:18px;font-weight: 300;}
	@media only screen and (max-width:1529px){

	}
	@media only screen and (max-width:1023px){
		.sub0303 .top {padding:50px 30px;background:#f5f8fc url("/images/fs/content/sub03/bg_0303.png") no-repeat right -150px top 0 / cover;}
		.sub0303 .bot .step_box > li {width: 50%;}
		.sub0303 .bot .step_box > li + li + li {margin-top:45px;}
		.sub0303 .bot .step_box > li .step_img {margin-top:20px;}
		.sub0303 .bot .step_box > li .step_img > img {margin-bottom:30px;}
	}
	@media only screen and (max-width:767px){
		.sub0303 .top {padding:50px 30px;background:#f5f8fc;}
		.sub0303 .top strong {line-height: 1.2;}
		.sub0303 .top p br {display: none;}
		.sub0303 .bot .step_box > li {padding:0 20px 20px 20px;}
		.sub0303 .bot .step_box > li .step_img {padding:20px;}
		.sub0303 .bot .step_box > li .step_img > img {margin-bottom:20px;}
		.sub0303 .bot .step_box > li .step_img > strong {font-size:18px;}
		.sub0303 .bot .step_box > li .step_img > ul li {font-size:16px;}

		.etc_box {padding:30px 20px;}
		.etc_box .left ul li {font-size:17px;}
	}
	@media only screen and (max-width:599px){
		.sub0303 .bot .step_box > li {width: 100%;}
		.sub0303 .bot .step_box > li + li {margin-top:45px;}
	}


/* 우수받이 인상거푸집 조립도 */
.sub0303 {}
.sub0303 .top {padding:60px 50px;border-radius: 20px;background:#f5f8fc url("/images/fs/content/sub03/bg_0303.png") no-repeat right top / cover;}
.sub0303 .top strong {font-size:30px;font-weight:800;color:#222;}
.sub0303 .top strong span {color:#276ce2;}
.sub0303 .top p {line-height:1.4;margin-top:18px;font-size:18px;color:#444;}

.sub0303 .bot {margin-top:60px;}
.sub0303 .bot .step_box {display: flex;flex-wrap: wrap;}
.sub0303 .bot .step_box > li {display:flex;flex-direction:column;position: relative;padding:0 20px 55px 20px;width: 33.3%;}
.sub0303 .bot .step_box > li + li + li + li {margin-top:45px;}
.sub0303 .bot .step_box > li:before {content:"";position: absolute;left:0;top:11px;z-index:-1;width:100%;height: 1px;background: #ddd;}
.sub0303 .bot .step_box > li:after {content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height: 250px;background: #f5f8fc;}
.sub0303 .bot .step_box > li .step_st {position:relative;display:block;text-align: center;color:#276ce2;font-size:25px;}
.sub0303 .bot .step_box > li .step_st:before {content:"";display:block;width:21px;height: 21px;margin:0 auto 15px auto;background: #fff;border-radius: 100%;border:3px solid #276ce2;}
.sub0303 .bot .step_box > li .step_st:after {content:"";position:absolute;right:-20px;top:4px;display:block;width:11px;height:15px;background:url("/images/fs/content/sub03/arrow_step.png") no-repeat right top;}
.sub0303 .bot .step_box > li:last-child .step_st:after {display: none;}
.sub0303 .bot .step_box > li .step_img {height:100%;margin-top:40px;padding:30px;background: #fff;border-radius: 20px;box-shadow: 8px 8px 25px rgba(0,0,0,0.08);}
.sub0303 .bot .step_box > li .step_img > img {margin-bottom:40px;width: 100%;}
.sub0303 .bot .step_box > li .step_img > strong {display: block;font-size:20px;color:#222;margin-bottom:10px;}
.sub0303 .bot .step_box > li .step_img > ul {color:#444;}
.sub0303 .bot .step_box > li .step_img > ul li {padding-left:25px;background:url("/images/fs/content/sub01/img_check.png") no-repeat left 6px;font-size:18px;}

.sub0303 .etc_box {position:relative;padding:35px 40px;border-radius: 20px;margin-top:40px;background: #3561ad;color:#fff;}
.sub0303 .etc_box .left {}
.sub0303 .etc_box .left strong {font-size:25px;}
.sub0303 .etc_box .left strong span {display:inline-grid;place-items:center;width:30px;height:30px;font-size:25px;border-radius: 100%;background: #fff;color:#3561ad;}
.sub0303 .etc_box .left ul {margin-top:20px;}
.sub0303 .etc_box .left ul li {padding-left:25px;margin-top:8px;background:url("/images/fs/content/sub03/img_check.png") no-repeat left 6px;font-size:18px;font-weight: 300;}
	@media only screen and (max-width:1529px){

	}
	@media only screen and (max-width:1023px){
		.sub0303 .top {padding:50px 30px;background:#f5f8fc url("/images/fs/content/sub03/bg_0303.png") no-repeat right -150px top 0 / cover;}
		.sub0303 .bot .step_box > li {width: 50%;}
		.sub0303 .bot .step_box > li + li + li {margin-top:45px;}
		.sub0303 .bot .step_box > li .step_img {margin-top:20px;}
		.sub0303 .bot .step_box > li .step_img > img {margin-bottom:30px;}
	}
	@media only screen and (max-width:767px){
		.sub0303 .top {padding:50px 30px;background:#f5f8fc;}
		.sub0303 .top strong {line-height: 1.2;}
		.sub0303 .top p br {display: none;}
		.sub0303 .bot .step_box > li {padding:0 20px 20px 20px;}
		.sub0303 .bot .step_box > li .step_img {padding:20px;}
		.sub0303 .bot .step_box > li .step_img > img {margin-bottom:20px;}
		.sub0303 .bot .step_box > li .step_img > strong {font-size:18px;}
		.sub0303 .bot .step_box > li .step_img > ul li {font-size:16px;}

		.etc_box {padding:30px 20px;}
		.etc_box .left ul li {font-size:17px;}
	}
	@media only screen and (max-width:599px){
		.sub0303 .bot .step_box > li {width: 100%;}
		.sub0303 .bot .step_box > li + li {margin-top:45px;}
	}


/* 경계석 받침대 */
.sub0304 {position:relative;display: flex;flex-wrap:wrap;gap:50px;padding:0 50px;}
.sub0304:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:313px;background: url("/images/fs/content/sub03/bg_0304.png") no-repeat center top / cover;border-radius: 20px;}
.sub0304 div {margin-top:85px;flex-grow:1;width:calc(33.3% - 50px);background: #fff;border-radius: 20px;box-shadow: 8px 8px 25px rgba(0,0,0,0.08);text-align: center;overflow: hidden;}
.sub0304 div img {}
.sub0304 div strong {display: block;padding:20px 0;font-size:20px;color:#222;}
	@media only screen and (max-width:1529px){

	}
	@media only screen and (max-width:1023px){
		.sub0304 {gap:20px;padding:0 20px;}
		.sub0304 div {width:calc(33.3% - 20px);}
	}
	@media only screen and (max-width:767px){
		.sub0304 div {width:100%;margin-top:25px;}
		.sub0304 div:first-child {margin-top:85px;}
	}



/* 인증현황 */
.sub0105 {}
.sub0105 .certf_list {display:flex;flex-wrap: wrap;text-align:center;max-width:90%;margin:40px auto 0;}
.sub0105 .certf_list > li {width:33%;margin-bottom:30px;}
.sub0105 .certf_list > li .box {display:block;width:100%;padding:10px;}
.sub0105 .certf_list > li .box .imgbox {position:relative;border:1px solid #eee;aspect-ratio:3/4;overflow:hidden;}
.sub0105 .certf_list > li .box .imgbox img {padding:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.sub0105 .certf_list > li:hover .box .imgbox:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;color:#fff;width:60px;height:60px;background:url(/images/fs/common/more_ico.png) no-repeat center;z-index: 1;}
.sub0105 .certf_list > li .box .imgbox:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#222;transition:all .4s;-webkit-transition:all .4s;opacity:0;}
.sub0105 .certf_list > li:hover .box .imgbox:after {opacity:.7;}
.sub0105 .certf_list > li .box .txttit {margin-top:15px;color:#000;font-weight:600;font-size:16px;width:95%;text-align:left;word-break: keep-all;}

.lb-nav a.lb-prev, .lb-nav a.lb-next {opacity: 1 !important;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.sub0105 .lightbox .lb-outerContainer {width:100%;}
		.sub0105 .certf_list {width:100%;}
		.sub0105 .certf_list > li {width:50%;margin-bottom:10px;}
	}
	@media only screen and (max-width:560px){
		.sub0105 .certf_list > li {width:100%;}
		.sub0105 .certf_list > li .box .txttit {text-align: center;}
		.sub0105 .certf_list > li .box .imgbox {}
	}



/****** sub02_제조장비 ******/
/* 장비소개 - 목록 */
.product_list_box .p_list {display:flex;flex-wrap: wrap;}
.product_list_box .p_list > li {width:33%;padding:10px;margin-bottom:20px;}
.product_list_box .p_list > li a {position:relative;display:block;width:100%;border:1px solid #eee;}
.product_list_box .p_list > li a:after {content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#276ce2;transition:all .3s;-webkit-transition:all .3s;}
.product_list_box .p_list > li a:hover:after {width:100%;}
.product_list_box .p_list > li a .imgbox {position:relative;display:block;width:100%;max-height:300px;aspect-ratio:4/3;overflow:hidden;text-align:center;}
.product_list_box .p_list > li a .imgbox img {transition:all .4s;-webkit-transition:all .4s;}
.product_list_box .p_list > li a:hover .imgbox img {transform:scale(1.1);}
.product_list_box .p_list > li .titbox {padding:15px 20px;}
.product_list_box .p_list > li .titbox .title {margin-top:15px;width:95%;font-weight:700;color:#000;font-size:17px;word-break: keep-all;}
/* 장비소개 - 상세 */
.product_view_box ul.view_page {border-top:2px solid #222;padding-bottom:60px;border-bottom:1px solid #ddd;}
.product_view_box ul.view_page li .view_title {padding:40px 20px;font-size:24px;text-align:center;color:#000;font-weight:600;border-bottom:1px solid #ddd;}
.product_view_box ul.view_page li .imgbox {display:flex;flex-wrap:wrap;padding:40px 20px;}
.product_view_box ul.view_page li .imgbox > div {width:49%;margin:.5%;text-align:center;border:1px solid #eee;}
.product_view_box ul.view_page li .imgbox > div span {display:inline-block;padding:5px;margin:auto;}
.product_view_box ul.view_page li .imgbox > div img {max-height:400px;}
.product_view_box ul.view_page li .p_detail_box p {padding:15px 0;text-align:center;background:#333;color:#fff;font-size:17px;}
.product_view_box ul.view_page li .p_detail_box .detail_info {}
.product_view_box ul.view_page li .p_detail_box .detail_info .info_tit {font-weight:800;color:#222;font-size:18px;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		/*목록*/
		.product_list_box .p_list > li {width:50%;}
	}
	@media only screen and (max-width:560px){
		/*목록*/
		.product_list_box .p_list > li {width:100%;margin-bottom:10px;}
		/*상세*/
		.product_view_box ul.view_page li .view_title {padding:30px 20px;font-size:22px;}
		.product_view_box ul.view_page li .imgbox > div {width:99%}
		.product_view_box ul.view_page li .p_detail_box .detail_info .list1 li {font-size:15px;}
	}

/* 제조공정 */
.sub0202 {}
.sub0202 .process_box .p_list {display:flex;flex-wrap: wrap;justify-content:center;}
.sub0202 .process_box .p_list > li {margin:15px;}
.sub0202 .process_box .p_list > li:nth-child(n+3) {margin-top:20px;}
.sub0202 .process_box .p_list > li .imgbox {display:inline-block;border:1px solid #f5f5f5;box-shadow:5px 7px 10px rgba(0,0,0,.05);border-radius:15px;overflow: hidden;}
.sub0202 .process_box .p_list > li .tit {margin-top:10px;color:#222;font-size:18px;text-align:center;font-weight:600;}
.sub0202 .process_box .p_list > li .tit span {position:relative;display:inline-block;width:27px;color:#fff;font-family:'montserrat',Sans-serif;font-size:14px;}
.sub0202 .process_box .p_list > li .tit span:after {content:'';position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;background:#333;border-radius:50px;width:27px;height:27px;z-index:-1;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.sub0202 .process_box .p_list > li {}
		.sub0202 .process_box .p_list > li:nth-child(n+3) {margin-top:15px;}
		.sub0202 .process_box .p_list > li .tit {font-size:16px;}
		.sub0202 .process_box .p_list > li .tit span {font-size:13px;}
		.sub0202 .process_box .p_list > li .tit span:after {width:25px;height:25px;}
	}

/****** sub03_고객지원 ******/
/* 공지사항 - 상세 */
.board_view_box {}
.board_view_box .view_page {border-top:2px solid #222;border-bottom:1px solid #ddd;}
.board_view_box .view_page li .view_title {padding:30px 20px;font-size:28px;color:#000;font-weight:600;border-bottom:1px solid #ddd;line-height:normal;}
.board_view_box .view_page li .view_title .title .notice {display:inline-block;margin-right:10px;}
.board_view_box .view_page li .view_title .info_txt {display:flex;margin-top:15px;font-size:16px;color:#999;font-weight:300;}
.board_view_box .view_page li .view_title .info_txt > li {position:relative;padding:0 10px;}
.board_view_box .view_page li .view_title .info_txt > li:first-child {padding-left:0;}
.board_view_box .view_page li .view_title .info_txt > li + li:after {content:'/';position:absolute;left:-2px;top:0;color:#ddd;font-weight:300;font-size:13px;}
.board_view_box .view_page li .view_cont {padding:40px 20px;min-height:300px;}
.board_view_box .view_page li .view_file {padding:15px 20px;background:#f9f9f9;}
.board_view_box .view_page li .view_file a:hover {color:#000;text-decoration:underline;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.board_view_box .view_page li .view_title {font-size:22px;}
	}

/* 갤러리 - 목록 */
.gallery_list_box .g_list {display:flex;flex-wrap:wrap;}
.gallery_list_box .g_list > li {width:33%;margin-bottom:20px;padding:10px;}
.gallery_list_box .g_list > li a {position:relative;display:block;width:100%;border:1px solid #eee;}
.gallery_list_box .g_list > li a:after {content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#ff195e;transition:all .3s;-webkit-transition:all .3s;}
.gallery_list_box .g_list > li a:hover:after {width:100%;}
.gallery_list_box .g_list > li a .imgbox {display:block;width:100%;aspect-ratio:4/3;height:250px;overflow: hidden;}
.gallery_list_box .g_list > li a .imgbox img {width:100%;transition:all .4s;-webkit-transition:all .4s;}
.gallery_list_box .g_list > li:hover a .imgbox img {transform:scale(1.1);}
.gallery_list_box .g_list > li a .titbox {padding:15px 20px 0;}
.gallery_list_box .g_list > li a .titbox .title {width:100%;font-weight:700;color:#000;font-size:17px;word-break: keep-all;}
.gallery_list_box .g_list > li a p.date {color:#999;font-size:14px;padding:0 20px 20px;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.gallery_list_box .g_list > li {width:50%;}
	}
	@media only screen and (max-width:560px){
		.gallery_list_box .g_list > li {width:100%;margin:auto;}
		.gallery_list_box .g_list > li a .imgbox {height:auto;aspect-ratio: auto;}
	}

/****** sub04_온라인문의 ******/
/* 바이어상담 */
.formbox table {text-align:left;}

/* 바이어상담 - 상세 */
.information_box .info_tit {font-weight:800;color:#222;font-size:18px;}
.information_box .info_list {color:#999;}
	/* 반응형 */
	@media only screen and (max-width:560px){
		.formbox tr td .useremail {display:flex;flex-wrap: wrap;}
		.formbox tr td .useremail input {width:calc(50% - 10px);}
		.formbox tr td .useremail .hyphen {width:20px;text-align:center;line-height:40px;}
		.formbox tr td .useremail select {margin-top:5px;width:100%;}
		.information_box .border_box {padding:30px 15px;}
		.information_box .border_box .info_list {line-height:normal;font-size:15px;}
		.information_box .border_box .checks {margin-top:10px;}
	}

/* 1:1 문의 - 목록*/
.inquiry .board_list_box table.responsive tbody tr td.state {font-weight:500;}

	/* 1:1 문의 - 비밀번호 입력 */
	.input_pw_box {border-top:2px solid #222;border-bottom:1px solid #ddd;padding:100px 20px;}
	.input_pw_box .inputbox {max-width:400px;margin:auto;}
	.input_pw_box .inputbox p {position:relative;padding-top:180px;margin-bottom:40px;color:#222;font-size:18px;font-weight:500;word-break:keep-all;}
	.input_pw_box .inputbox p:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;background:url(/images/fs/content/sub04/big_secret.png) no-repeat center;width:150px;height:150px;background-size:contain;}
	/* 1:1 문의 - 상세 */
	.board_view_box .view_page .answer_box {}
	.board_view_box .view_page .answer_box p.title {padding:15px 0;border-top:1px solid #ddd;background:#333;font-size:17px;color:#fff;font-weight:600;}
	.board_view_box .view_page .answer_box .answer_cont {padding:40px 20px;}
	.board_view_box .view_page .answer_box .answer_cont .tableB {width:100%;}
		/* 반응형 */
		@media only screen and (max-width:767px){
			/* 1:1 문의 - 목록*/
			.inquiry .board_list_box table.responsive tbody tr td.title {width:calc(100% - 300px);}
			.inquiry .board_list_box table.responsive tbody tr td.writer {width:80px;}
			.inquiry .board_list_box table.responsive tbody tr td.date {width:120px;}
			.inquiry .board_list_box table.responsive tbody tr td.state {width:100px;}

			.input_pw_box .inputbox p {padding-top:150px;}
			.input_pw_box .inputbox p:after {width:130px;height:130px;}
			/* 1:1 문의 - 상세 */
			.board_view_box .view_page .answer_box .answer_cont .btnarea {margin-top:20px;}
		}
		@media only screen and (max-width:560px){
			.inquiry .board_list_box table.responsive tbody tr td.title {width:calc(100% - 180px);}
			.inquiry .board_list_box table.responsive tbody tr td.date {display:none;}
		}