@charset "utf-8";

/******************************  메인  ******************************/
/* 공통 */
.section { padding-top: 80px; }
.main_stit { font-size: 50px; font-weight: 300; text-align: center; }

@media screen and (max-width:650px){
	.main_stit { font-size: 2.5em; }
}

/* section 1 */
#main_bn {}
#main_bn .main_bn_cont { position: relative; z-index: 99; }
#main_bn .main_bn_cont img { max-width: 90%; padding: 27vh 0; }
#main_bn .main_bn_cont input[type="image"] {}

@media screen and (max-height:900px){
	#main_bn .main_bn_cont img { padding: 23vh 0; }
}

@media screen and (max-height:780px){
	#main_bn .main_bn_cont img { padding: 16vh 0; }
}

@media screen and (max-width:1300px){
	/* #main_bn .main_bn_cont { padding: 0 6%; } */
}

@media screen and (max-width:1000px){
	#main_bn .main_bn_cont input[type="image"].pc { display: none; }
	#main_bn .main_bn_cont input[type="image"].mob { display: block; width: 50%; }
}

@media screen and (max-width:650px){
	#main_bn .main_bn_cont input[type="image"].mob { width: 100%; }
}

/* 비디오 배경 설정 */
.video_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 9;
}
.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}
/* 비디오 배경 반응형 설정 */
@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}

@media screen and (max-width:750px){
	.video_overlay {
		display: none;
	}
	.video-container {
		display: none;
	}
}

/* section 2 */
#main_pd { background: #fff; }
#main_pd .main_stit { margin-bottom: 6vh; }
#main_pd .main_pd_slide { position: relative; width: 1104px; margin: 0 auto; }
#main_pd .main_pd_slide #main_pd_slide {}
#main_pd .main_pd_slide #main_pd_slide .item { text-align: center; }
#main_pd .main_pd_slide #main_pd_slide .item img { width: 90%; margin: 0 auto; filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.5)); }
#main_pd .main_pd_slide #main_pd_slide .item .main_pd_name { margin-top: 5vh; font-size: 30px; }
#main_pd .main_pd_slide #main_pd_slide .item .main_pd_btn { width: 165px; height: 50px; margin-top: 3vh; border: 1px solid #004d9b; background: none; font-size: 18px; font-weight: 500; color: #004d9b; }
#main_pd .main_pd_slide .slick-arrow { position: absolute; top: calc(50% - 149px); background: none; }
#main_pd .main_pd_slide .slick-arrow.prev_btn { left: -78px; }
#main_pd .main_pd_slide .slick-arrow.next_btn { right: -78px; }
#main_pd .main_pd_slide .slick-arrow img { max-width: 100%; }


@media screen and (max-width:1920px){
	#main_pd .main_stit { margin-bottom: 60px; }
	#main_pd .main_pd_slide #main_pd_slide .item .main_pd_name { margin-top: 50px; }
	#main_pd .main_pd_slide #main_pd_slide .item .main_pd_btn { margin-top: 30px; }
}

@media screen and (max-width:1500px){
	#main_pd .main_pd_slide { width: 700px; }
}

@media screen and (max-width:1300px){
	#main_pd .main_stit { margin-bottom: 4vh; }
	#main_pd .main_pd_slide #main_pd_slide .item .main_pd_name { margin-top: 3vh; }
	#main_pd .main_pd_slide #main_pd_slide .item .main_pd_btn { margin-top: 1vh; }
	#main_pd .main_pd_slide .slick-arrow { top: calc(50% - 109px); width: 35px; }
	#main_pd .main_pd_slide .slick-arrow.prev_btn { left: -58px; }
	#main_pd .main_pd_slide .slick-arrow.next_btn { right: -58px; }
}

@media screen and (max-width:850px){
	#main_pd .main_pd_slide { width: 500px; }
	#main_pd .main_pd_slide #main_pd_slide .item img { width: 100%; filter: drop-shadow(10px 10px 5px rgba(0,0,0,0.3)); }
}

@media screen and (max-width:650px){
	#main_pd .main_stit { margin-bottom: 15vh; }
	#main_pd .main_pd_slide { width: 70vw; }
	#main_pd .main_pd_slide #main_pd_slide .item img { width: 100%; filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2)); }
	#main_pd .main_pd_slide #main_pd_slide .item .main_pd_name { margin-top: 12vh; font-size: 1.8em; }
	#main_pd .main_pd_slide #main_pd_slide .item .main_pd_btn { width: 50%; height: 45px; margin-top: 2.5vh; font-size: 1.3em; }
	#main_pd .main_pd_slide .slick-arrow { top: calc(50% - 15vh); width: 6vw; }
	#main_pd .main_pd_slide .slick-arrow.prev_btn { left: -10vw; }
	#main_pd .main_pd_slide .slick-arrow.next_btn { right: -10vw; }
}

/* section 3 */
#main_ct { background: url('../images/main_certificate_bg.png') no-repeat center center; background-size: cover; text-align: center; }
#main_ct .main_stit { width: 87.6%; margin: 0 auto; padding-bottom: 5vh; border-bottom: 1px solid #fff; }
#main_ct .main_ct_list { position: relative; left: 2.3%; width: 92.3%; margin: 0 auto; margin-top: 7vh; padding: 0 95px 0 65px; }
#main_ct .main_ct_list::after { content: ""; display: block; clear: both; }
/* #main_ct .main_ct_list li { float: left; width: 21.25%; text-align: left; } */
/* #main_ct .main_ct_list li:not(:last-child) { margin-right: 5%; } */
#main_ct .main_ct_list li { margin-right: 30px; }
#main_ct .main_ct_list li img {}
#main_ct .main_ct_list li p { margin-top: 20px; font-size: 18px; font-weight: bold; color: #fff; }
#main_ct .main_ct_btn { width: 165px; height: 50px; margin-top: 3vh; border: 1px solid #fff; background: none; font-size: 18px; font-weight: 500; color: #fff; }

/* #main_ct .slick-arrow2 { display: none; } */
#main_ct .slick-arrow2 { display: block; position: absolute; top: 50%; background: none; z-index: 9999; }
#main_ct .slick-arrow2.prev_btn2 { left: 6%; }
#main_ct .slick-arrow2.next_btn2 { right: 6%; }

@media screen and (max-width:750px){
	#main_ct .main_ct_list { padding: 0; }
	#main_ct .main_ct_list li p { margin-top: 20px; font-size: 1.3em; font-weight: bold; color: #fff; }
}

@media screen and (max-width:650px){
	#main_ct { background: url('../images/m_main_certificate_bg.png') no-repeat center center; background-size: cover; }
	#main_ct .main_ct_list { left: 0; width: 40%; }
	#main_ct .main_ct_list li { margin: 0 auto !important; }
	#main_ct .slick-arrow2 { display: block; position: absolute; top: 50%; background: none; }
	#main_ct .slick-arrow2.prev_btn2 { left: 6%; }
	#main_ct .slick-arrow2.next_btn2 { right: 6%; }
	#main_ct .main_ct_btn { width: 35%; height: 45px; margin-top: 2.5vh; font-size: 1.3em; }
}

/* section 4 */
#main_gp { background: #f5f9fc }
#main_gp .main_gp_bg { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; transform: translate(-50%, -50%); background: #f5f9fc url('../images/main_map.png') no-repeat center top 80px; background-size: cover; }

@media screen and (max-width:1000px){
	#main_gp .main_gp_bg { background: url('../images/main_map.png') no-repeat center top 40px; background-size: 100%; }
}

@media screen and (max-width:750px){
	#main_gp .main_gp_bg { background: url('../images/m_main_map.png') no-repeat center top 40px; background-size: 50%; }
}

@media screen and (max-width:500px){
	#main_gp .main_gp_bg { background: url('../images/m_main_map.png') no-repeat center top 40px; background-size: 80%; }
}

/* section 5 */
#main_cc { background: #1c1c1c; }
#main_cc .main_cc_tbl { margin-top: 55px; width: 100%; background: #2b2b2b; }
#main_cc .main_cc_tbl td { position: relative; width: 50%; padding: 50px 78px; vertical-align: top; }
#main_cc .main_cc_tbl td:last-child::after { position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background: #fff; content: ""; }
#main_cc .main_cc_tbl td h2 { margin-bottom: 20px; font-size: 22px; }
#main_cc .main_cc_tbl td p.tel { margin-bottom: 25px; font-size: 50px; font-weight: bold; line-height: 0.9; }
#main_cc .main_cc_tbl td p { font-size: 18px; font-weight: 300; }

@media screen and (max-width:850px){
	#main_cc .main_cc_tbl td { padding: 50px 40px; }
}

@media screen and (max-width:750px){
	#main_cc .main_cc_tbl { width: 88%; margin: 0 auto; margin-top: 5vh; text-align: center; }
	#main_cc .main_cc_tbl td { padding: 5vh 6%; vertical-align: middle; }
	#main_cc .main_cc_tbl td h2 { font-size: 1.8em; }
	#main_cc .main_cc_tbl td p.tel { font-size: 2.5em; }
	#main_cc .main_cc_tbl td p { font-size: 1.3em; }
	#main_cc .main_cc_tbl td span { position: relative; margin-top: 30px; padding-top: 30px; }
	#main_cc .main_cc_tbl td span::before { position: absolute; top: 0; left: 20%; width: 60%; height: 1px; background: #fff; content: ""; }
}


/******************************  서브 공통  ******************************/
.sub_title { margin: 60px 0; font-size: 35px; font-weight: 500; text-align: center; }
.sub_stitle { position: relative; margin-bottom: 20px; font-size: 20px; font-weight: bold; text-align: left; text-indent: 17px; }
.sub_stitle::before { position: absolute; top: calc(50% - 5px); left: 0; width: 7px; height: 11px; background: url('../images/title_mark.png') no-repeat center center; background-size: contain; content: ""; }
.sub_txt { margin-top: 30px; font-size: 18px; font-weight: 300; }

.product_slide_area { position: relative; }
.product_slide_area .product_slide_box { width: 78%; margin: 0 auto; }
.product_slide_area .product_slide_box .product_slide {}
.product_slide_area .product_slide_box .product_slide .item { position: relative; }
.product_slide_area .product_slide_box .product_slide .item img { max-width: 100%; margin: 0 auto; }
.product_slide_area .product_slide_box .product_slide .item img.mob { display: none; }
.product_slide_area .product_slide_box .product_slide .item .pd_name { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 7px 15px; border: none; border-radius: 0; background: rgba(0,0,0,0.7); font-size: 18px; font-weight: 300; color: #fff; }
.product_slide_area .slick-arrow { position: absolute; top: calc(50% - 35px); background: none; z-index: 9; }
.product_slide_area .slick-arrow.prev_btn3 { left: 4%; }
.product_slide_area .slick-arrow.next_btn3 { right: 4%; }

.product_table { position: relative; width: 100%; }
.product_table::before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #003874; content: ""; }
.product_table th, .product_table td { padding: 30px 25px; box-sizing: border-box; border: 1px solid #ccc; font-size: 18px; line-height: 1.3; text-align: left; }
.product_table th { background: #f5f5f5; font-weight: 400; }
.product_table th.num { width: 50px; padding: 30px 0; text-align: center; }
.product_table th.tit { width: 300px; }
.product_table td { font-weight: 300; }
.product_table .no-b-left { border-left: 0; }
.product_table .no-b-right { border-right: 0; }
.product_table .tab_num { display: none; }

@media screen and (max-width:1000px){
	.product_slide_area .slick-arrow.prev_btn3 { left: 0; }
	.product_slide_area .slick-arrow.next_btn3 { right: 0; }
}

@media screen and (max-width:900px){
	.product_table th, .product_table td { border-top: 0; }
	.product_table th.num { display: none; }
	.product_table th.tit, .product_table td { display: block; width: 100%; }
	.product_table .no-b-left { border-left: 1px solid #ccc; }
	.product_table .no-b-right { border-right: 1px solid #ccc; }
	.product_table .tab_num { display: inline-block; }
}

@media screen and (max-width:750px){
	.sub_title { margin-bottom: 40px; font-size: 2.3em; }
	.sub_stitle { font-size: 1.55em; }
	.sub_txt { font-size: 1.5em; line-height: 1.3; }

	.product_slide_area .product_slide_box { width: 100%; }
	.product_slide_area .product_slide_box .product_slide .item img.pc { display: none; }
	.product_slide_area .product_slide_box .product_slide .item img.mob { display: block; width: 100%; }
	.product_slide_area .product_slide_box .product_slide .item .pd_name { width: 100%; font-size: 16px; font-weight: 300; color: #fff; text-align: center; }

	.product_table th, .product_table td { padding: 25px 20px; font-size: 1.5em; }
}

/******************************  기업소개  ******************************/
/* 대표인사말 */

/* 회사소개 */
.info02_box { text-align: center; }
.info02_box img { max-width: 100%; margin: 0 auto; }

.info02_1 {}

.info02_2 { margin-top: 45px; border-top: 1px solid #003874; }
.info02_2::after { display: block; clear: both; content: ""; }
.info02_2 .info02_2_box { float: left; width: calc(50% - 15px); }
.info02_2 .info02_2_box.right { margin-left: 30px; }
.info02_2 .info02_2_box th, .info02_2 .info02_2_box td { padding: 20px 0; border-bottom: 1px solid #ccc; font-size: 18px; text-align: left; }
.info02_2 .info02_2_box th { width: 180px; padding-left: 30px; font-weight: 500; }
.info02_2 .info02_2_box td { font-weight: 300; }

.info02_3 { margin-top: 75px; }

@media screen and (max-width:1280px){
	.info02_2 .info02_2_box th { width: 240px; padding-left: 20px; font-weight: 500; }
}

@media screen and (max-width:1300px){
	.info02_2 .info02_2_box { width: 100%; }
	.info02_2 .info02_2_box.right { margin-left: 0; }
}

@media screen and (max-width:750px){
	.info02_2 .info02_2_box th, .info02_2 .info02_2_box td { font-size: 1.5em; line-height: 1.3; }
}


/* 오시는 길 */
.info04_1 {}
.info04_1 #daumRoughmapContainer1665638905320 { width: 100%; }
.info04_1 #daumRoughmapContainer1665638905320 .wrap_map { height: 600px; }

.info04_2 {}
.info04_2 .info04_2_box { width: 100%; border-bottom: 1px solid #ccc; }
.info04_2 .info04_2_box th, .info04_2 .info04_2_box td { box-sizing: border-box; font-size: 18px; line-height: 1.3; }
.info04_2 .info04_2_box th { padding-top: 35px; text-align: left; color: #003874; }
.info04_2 .info04_2_box td { position: relative; width: 33.33%; padding: 30px 0; padding-left: 41px; vertical-align: top; }
.info04_2 .info04_2_box td::after { position: absolute; top: 33px; left: 0; width: 20px; height: 21px; content: ""; }
.info04_2 .info04_2_box td.td_loc::after { background: url('../images/map_ico.png') no-repeat center center; background-size: contain; }
.info04_2 .info04_2_box td.td_tel::after { background: url('../images/tel_ico.png') no-repeat center center; background-size: contain; }
.info04_2 .info04_2_box td.td_fax::after { background: url('../images/fax_ico.png') no-repeat center center; background-size: contain; }
.info04_2 .info04_2_box td.td_mail::after { background: url('../images/mail_ico.png') no-repeat center center; background-size: contain; }

@media screen and (max-width:1260px){
	.info04_2 .info04_2_box td .tab { display: block; }
}

@media screen and (max-width:1000px){
	.info04_1 #map { height: 400px !important; }
}

/* @media screen and (max-width:850px){ */
	.info04_2 .info04_2_box th, .info04_2 .info04_2_box td { font-size: 1.5em; }
	.info04_2 .info04_2_box td { display: block; width: 100%; }
	.info04_2 .info04_2_box td:not(.td_mail) { padding-bottom: 0; }
	.info04_2 .info04_2_box td .tab { display: inline-block; }
/* } */

@media screen and (max-width:600px){
	.info04_2 .info04_2_box td .tab { display: block; }
}


/******************************  제품소개  ******************************/
/* SMC 물탱크 */
.product01_2 { margin-top: 40px; }
.product01_3 { margin-top: 50px; }

.product01_video {}
.product01_video iframe { width: 100%; }

/* STS 탱크 */

/* 온수저장탱크 */
.product03_3 { margin-top: 50px; }
.product03_3 { margin-top: 50px; }
.product03_3 .product_table th.num { display: table-cell; border-right: 0; }

/* FRP 탱크 */
.product04_1 { position: relative; }
.product04_1 .info04_btn_area { position: absolute; top: 20px; right: 20px; }
.product04_1 .info04_btn_area .info04_btn { padding: 7px 15px; border: none; border-radius: 0; background: #000; font-size: 18px; font-weight: 300; color: #fff; }

@media screen and (max-width:950px){
	.product04_1 .info04_btn_area { left: 0; width: 100%; text-align: center; }
	.product04_1 .info04_btn_area .info04_btn { margin-bottom: 4px; padding: 7px 10px; box-sizing: border-box; font-size: 0.8em; }
}

/* PDF 탱크 */
.product05_2 { margin-top : 60px; text-align: center; }

@media screen and (max-width:750px){
	.product05_2 img { width: 100%; }
}
/* FRP내산 탱크 */
.product06_3 { margin-top: 50px; }


/******************************  리스트-검색 ******************************/
.search_area { width: 100%; margin:20px 0; text-align: center; }
.search_area select { width: 112px; height: 30px; border: 1px solid #ccc; }
.search_area input { width: 212px; height: 30px; border: 1px solid #ccc; }

@media screen and (max-width:750px) {
	.search_area select { width: 20%; }
	.search_area input { width: 40%; }
}


.ver-mid { display: inline-block; padding: 13px 0; }


@media screen and (max-width:750px) {
	.ver-mid { padding: 0; }
}


/* 2023-02-07 추가 */
.main_copyright_notice {
	padding: 20px 0;
	font-size: 1.33em;
	text-align: center;
	color: #fff;
}