@charset "utf-8";

.content_wrap .cont_title_wr {text-align: center; margin-bottom:60px; }
.content_wrap .cont_title_wr > span{background:#000; width:120px; height:1px; display:block; margin:0 auto;}
.content_wrap .cont_title_wr .title{font-size:30px; margin-top: 18px; color:#000;}

.content_wrap .txtCon.pb0 { padding-bottom:0 !important; }

h3.sptit { font-size:25px; background:url('../img/icon/icon1.jpg') left center no-repeat; padding-left:20px; line-height:1.5; margin-bottom:20px; }
ul.splist {}
ul.splist li { position:relative; padding-left:15px; font-size:18px; }
ul.splist li strong { font-weight:700; }
ul.splist li:before { content:''; position:absolute; top:13px; left:0; background:#1670be; width:6px; height:6px; border-radius:3px; }


@media screen and (max-width:680px) {
	.content_wrap .cont_title_wr .title{ font-size:20px; }
	
	h3.sptit { font-size:18px; background:url('../img/icon/icon1.jpg') left 9px no-repeat; background-size:10px auto; padding-left:15px;}
	
	ul.splist li { font-size:14px; padding-left:10px; }
	ul.splist li:before { top:11px; width:4px; height:4px; border-radius:2px;  }
}


/* About Us */
#aboutus { padding-top:80px; }
#aboutus .sec_cont strong { font-weight:700 !important; }
#aboutus .sec_cont + .sec_cont { margin-top:80px; }

#aboutus .photo { margin-bottom:30px; }
#aboutus .desc { word-break:keep-all; }

#aboutus .aobut_bg { display:flex; margin:100px 0; }
#aboutus .aobut_bg .bg1,
#aboutus .aobut_bg .bg2 { width:50%; height:722px; background-position:center center; background-repeat:no-repeat; background-size:cover; }

#aboutus .aobut_bg .bg1 { background-image:url('../img/sub/01/01_bg.jpg'); }
#aboutus .aobut_bg .bg2 { background-image:url('../img/sub/01/02_bg.jpg'); }

#aboutus .aobut_bg02 { background:#f6f5f5; padding:50px 0; margin-bottom:100px; }
#aboutus .aobut_bg02 .mission_list { display:flex; justify-content: space-between; gap:30px;  }
#aboutus .aobut_bg02 .mission_list li { width:33.33333333333333333333%; padding:90px 15px 50px; background:#fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); text-align:center; border-radius:15px; }
#aboutus .aobut_bg02 .mission_list li h4 { position:relative; font-size:30px; margin-bottom:30px; }
#aboutus .aobut_bg02 .mission_list li h4:before { content:''; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:75px; height:4px; background:#077ddd; }
#aboutus .aobut_bg02 .mission_list li p { font-size:22px; line-height:1.5; word-break:keep-all;  }

#aboutus .sec_organzation { padding:50px 0 100px; }
#aboutus .sec_organzation h3 { margin-bottom:80px; }

#aboutus .aobut_bg03 { width:100%; height:605px; background:url('../img/sub/01/03_bg.jpg') center center no-repeat; background-size:cover; }

#aboutus .history_area { padding:100px 0; }
#aboutus .history_area h3 { margin-bottom:50px; }
#aboutus .history_area .history_tab { width:100%; border-bottom:3px solid #f0f0f0; }
#aboutus .history_area .history_tab ul { display:flex; gap:1px; }
#aboutus .history_area .history_tab li a { display:inline-block; font-size:25px; padding:30px 60px; background:#f0f0f0; color:#000; font-weight:700; }
#aboutus .history_area .history_tab li a.active { background:#077ddd; color:#fff;}

#aboutus .history_area .history_cont_wrap { margin-top:50px;border-bottom:3px solid #f0f0f0; }
#aboutus .history_area .history_cont_wrap .history_cont { display:none; }
#aboutus .history_area .history_cont_wrap .history_cont.active { display:block; }
#aboutus .history_area .history_box { position:relative; display:flex; gap:0 50px; color:#000; padding-bottom:50px; overflow:hidden; }

#aboutus .history_area .title { position:relative; font-size:45px; line-height:45px; font-weight:700;}
#aboutus .history_area .title .dot { position:absolute; top:20px; right:-30px; width:8px; height:8px; border-radius:4px; background:#0b64b1; z-index:9; }
#aboutus .history_area .history_line { position:absolute; top:0; left:130px; width:3px; background:#f4f4f4; height:100%; }
#aboutus .history_area .history_box:first-child .history_line { top:30px; }
#aboutus .history_area .history_box:last-child .history_line { height:30px; }
#aboutus .history_area .history_text { width:100%; }
#aboutus .history_area .history_text li { display:flex; gap:10px; }
#aboutus .history_area .history_text li + li { margin-top:10px; }
#aboutus .history_area .history_text li strong { font-weight:700; }


#aboutus .aobut_bg04 { width:100%; padding-bottom:100px;  background:url('../img/sub/01/04_bg.jpg') bottom center repeat-x; }
#aboutus .aobut_bg04 h3 { margin-bottom:80px; }

#daumRoughmapContainer1754111329178 { width:100%; }
#daumRoughmapContainer1754111329178 .cont { display:none; }

#aboutus .map_info_box { position:relative; top:-95px; display:flex; border:1px solid #eee; padding:40px; background:#fff; border-radius:15px; width:80%; max-width:1280px; margin:0 auto; z-index:9; } 
#aboutus .map_info_box ul { display:flex; width:100%; }
#aboutus .map_info_box ul li { width:33.33333333333333%; padding:10px 15px; }
#aboutus .map_info_box ul li:first-child .img { position:relative; top:50%; transform:translateY(-50%); max-width:261px; }
#aboutus .map_info_box ul li .img { text-align:center; margin:0 auto; }
#aboutus .map_info_box ul li .icon1 { max-width:46px; }
#aboutus .map_info_box ul li .icon2 { max-width:40px; }
#aboutus .map_info_box ul li + li { border-left:1px solid #eee; }
#aboutus .map_info_box ul li p { text-align:left; margin-top:15px;color:#000; font-weight:400; font-size:16px; letter-spacing: -1px;}

@media screen and (max-width:1400px) {
	#aboutus .aobut_bg { flex-direction:column; margin:80px 0; }
	#aboutus .aobut_bg .bg1,
	#aboutus .aobut_bg .bg2 { width:100%; height:400px; }
}

@media screen and (max-width:980px) {
	#aboutus .history_area .history_tab li a { font-size:20px; padding:20px 40px; }
}

@media screen and (max-width:680px) {
	#aboutus .aobut_bg { margin:50px 0; }
	#aboutus .aobut_bg .bg1,
	#aboutus .aobut_bg .bg2 { height:250px; }
	
	#aboutus .aobut_bg02 { margin-bottom:50px; }
	#aboutus .aobut_bg02 .mission_list { flex-direction:column;  }
	#aboutus .aobut_bg02 .mission_list li { width:100%; padding:70px 15px 50px; }
	#aboutus .aobut_bg02 .mission_list li h4 { font-size:22px; margin-bottom:15px;  }
	#aboutus .aobut_bg02 .mission_list li h4:before { width:50px; top:-15px; }
	#aboutus .aobut_bg02 .mission_list li p { font-size:16px; }
	
	#aboutus .sec_organzation { padding:0px 0 50px; }
	#aboutus .sec_organzation h3 { margin-bottom:30px; }
	
	#aboutus .aobut_bg03 { height:250px;  }
	
	#aboutus .history_area { padding:50px 0; }
	
	#aboutus .history_area .history_tab li a { font-size:14px; padding:10px 12px; }

	#aboutus .history_area .history_box { gap:0 40px; padding-bottom:30px; }
	#aboutus .history_area .title { font-size:25px; line-height:25px; }
	#aboutus .history_area .title .dot {  top:10px; right:-27px; }
	#aboutus .history_area .history_line { left:80px; width:2px; }
	#aboutus .history_area .history_box:first-child .history_line { top:10px; }
	#aboutus .history_area .history_box:last-child .history_line { height:20px; }
	#aboutus .history_area .history_text li { font-size:14px; }
	
	#aboutus .aobut_bg04 h3 { margin-bottom:30px; }
	#aboutus .aobut_bg04 { width:100%; padding-bottom:50px;  background:transparent; }
	
	
	#aboutus .map_info_box { top:0px; padding:15px; border-radius:10px; width:100%; margin-top:30px; } 
	#aboutus .map_info_box ul { flex-direction:column; width:100%; }
	#aboutus .map_info_box ul li { width:100%; padding:20px 15px; }	
	#aboutus .map_info_box ul li p { text-align:center; font-size:14px; }	
	#aboutus .map_info_box ul li + li { border-left:0; border-top:1px solid #eee; }

}

/* Product */
#product { padding: 80px 0 100px !important; }
#product .txtCon { padding-bottom:0; }
#product .product_photo { display:flex; justify-content: space-between; gap:30px; margin-bottom:50px; }
#product .product_photo .photo { margin-bottom:20px; }
#product .product_photo .subj { font-weight:700; font-size:25px; text-align:center; color:#000; }

.tbl_spec_wrap { border-top:2px solid #0a1244;} 
.tbl_spec_wrap h3 { background:#2479bd; color:#fff; text-align:center; font-size:25px; line-height:60px; }
.tbl_spec_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-bottom:1px solid #eeeeee} 
.tbl_spec_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_spe_head01 {margin:0 0 50px}
.tbl_spe_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_spe_head01 thead th {padding:15px 0;font-weight:normal;text-align:center;border-bottom:1px solid #eeeeee;height:60px}
.tbl_spe_head01 tbody th { padding:15px 0;  color:#000; background:#f1f1f1; border-bottom:1px solid #eee;height:60px; font-size:18px; word-break:keep-all; }
.tbl_spe_head01 td {width:33.333333333333%; color:#000;padding:15px 5px;border:1px solid #eeeeee; border-right:0; text-align:center; font-size:18px; line-height:1.4em;height:60px;word-break:keep-all}
.tbl_spe_head01 td:first-child { border-left:0; }
.tbl_spe_head01 td strong { font-weight:700; }


#product .product_cs { background:url('../img/sub/02/cs_bg.jpg') center center no-repeat; height:375px; width:100%; background-size:cover; margin:50px 0; }
#product .product_cs .product_cs_box { max-width:1400px; padding:70px 20px 0; margin:0 auto; }
#product .product_cs .product_cs_box h3 { font-size:35px; margin-bottom:40px; }
#product .product_cs .product_cs_box a  { display:inline-block; border-radius:15px; background:#2479bd; color:#fff; font-size:25px; padding:20px 30px; transition:all 0.3s; }
#product .product_cs .product_cs_box a:hover { background:#131d2c; }

#product .product_utility { display:flex; justify-content: space-between; }
#product .product_utility2 { border:1px solid #eee; padding:45px; border-radius:15px; width:50%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
#product .product_utility2 ul { display:grid; grid-template-columns: repeat(3, 1fr); gap:30px; }
#product .product_utility2 li .photo { max-width:137px; margin:0 auto 10px; }
#product .product_utility2 li .subj { text-align:center; }

@media screen and (max-width:680px) {
	#product { padding: 60px 0 80px !important; }
	#product .product_photo { flex-direction:column; }
	#product .product_photo .subj { font-size:18px; }
	
	.tbl_spec_wrap h3 { font-size:20px; line-height:50px; }
	.tbl_spe_head01 tbody th { padding:10px 0;  height:50px; font-size:14px;}
	.tbl_spe_head01 td {padding:10px 5px; font-size:14px; height:50px;}
	
	#product .product_cs { height:300px; }
	#product .product_cs .product_cs_box h3 { font-size:28px; margin-bottom:40px; }
	#product .product_cs .product_cs_box a  { font-size:22px; padding:15px 30px; }
	
	#product .product_utility { flex-direction:column; }
	#product .product_utility2 { margin-top:30px; padding:15px; width:100%; }
	
	#product .product_utility2 li .subj { font-size:14px; }
}