#sub-vis{background-color:#000; background-repeat:no-repeat; background-position:50% 0; background-size:cover; height:200px; position:relative; padding-top:100px;}
.SV1{background-image:url(../../images/sub/sub-visual01.jpg);}
.SV2{background-image:url(../../images/sub/sub-visual02.jpg);}
.SV3{background-image:url(../../images/sub/sub-visual03.jpg);}
.SV4{background-image:url(../../images/sub/sub-visual04.jpg);}
.SV5{background-image:url(../../images/sub/sub-visual01.jpg);}
.SV6{background-image:url(../../images/sub/sub-visual01.jpg);}
.sub-vis-box{position:relative; width:100%; line-height:200px; color:#fff; font-size:55px; font-weight:500; text-align:center; margin:0 auto; }
.sub-vis-box p{position:relative;/*filter: drop-shadow(1px 1px 15px rgba(0,0,0,0.8));*/ letter-spacing:4px; -moz-text-shadow: 2px 1px 5px rgba(0,0,0,0.5); -webkit-text-shadow: 2px 1px 5px rgba(0,0,0,0.5); text-shadow: 2px 1px 5px rgba(0,0,0,0.5);}
/*.sub-vis-box p:before{display: block;content: ''; width: 50px; height: 5px; background: #fff; position:absolute; top:40px; left:50%; margin-left:-25px;}*/
.snb{text-align:center; max-width:1200px; margin:0 auto; margin-top:-60px; position:relative;}
.snb ul{font-size:0; text-align:center;}
.snb li{display:inline-block; position:relative; width:240px; background:#1b1b1b;}
.snb a{display:block; font-size:2rem; font-weight:400; height:60px; line-height:60px; color:#fff;}
.snb li.current{background:#fff;}
.snb li.current a{color:#1b1b1b;}
.snb li:before{ display: block;content: ''; position: absolute; top:0; left: 0px; width: 1px; height: 60px;  background: #5f5f5f;}
.snb li:first-child:before{display:none;}

#sub-tit{text-align:center; position:relative; width:100%;  max-width:1200px; margin:0 auto;  font-size:4rem; letter-spacing:-0.02em; padding-top:70px;}

#sub-nav{ display:block; font-size: 1.6rem; text-align:center; margin-top:10px;}
#sub-nav p{display:inline-block;  color:#8e8e8e;  box-sizing:border-box; font-weight: 400; line-height:1.3;}
#sub-nav p br{display:none;}
#sub-nav p span{display:inline-block; line-height:20px; height:20px; vertical-align:middle;}
#sub-nav i {color: #8e8e8e; padding: 0 5px;}
#sub-nav .home{font-size:0; line-height:20px; height:20px; vertical-align:middle;}
#sub-nav .home i {color: #8e8e8e; font-size: 1.6rem; padding: 0; }

#sub-content{width:100%;  margin:50px auto 70px; font-size:1.7rem;}

.sub_title{position:relative; display:inline-block; font-size:30px; margin:40px 0 50px 0px;  letter-spacing:-0.06em; font-weight:400; color:#1364bb;}
.sub_title.second{ margin-top:100px; }
.sub_title.no_tit{margin-bottom:30px;}

.cont_tit{position:relative; font-size:2.3rem; font-weight:600; margin-bottom:15px; padding-left:25px; color:#1474b2;}
.cont_tit:before{content:""; display:block; width:9px; height:9px; background:#fff; position:absolute; top:8px; left:0; border:4px solid #1474b2; border-radius:999px;}

.no-page{text-align:center;}
.no-page img{max-width:100%;}

.page-ing{text-align:center; padding:20px 0;}
.page-ing img{max-width:90%;}

.inner_1100{max-width:1100px; margin:0 auto;}
.inner_1000{max-width:1000px; margin:0 auto;}

.f_red {color: #e84730;}

.color_bg {width: 100%; background: #f7f7f7;  box-sizing: border-box;}

.center_title{text-align:center; font-size:2.8rem; font-weight:400; margin-bottom:20px;}

/*온라인 사전등록*/
/*테이블 기본*/
table{border-top:1px solid #e0e0e0;}
table.s_table{border-top:3px solid #0073b3;}
table.center th, table.center td{text-align:center;}
table th{font-weight:normal; font-weight:600; background:#f9f9f9; border-bottom:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid; font-size:1.7rem; vertical-align:middle; text-align:left; padding:15px 20px;}
table td{padding:15px; border-bottom:1px #e0e0e0 solid; font-size:1.7rem;  border-left:1px solid #e0e0e0;}
select{font-size:1.5rem; border:1px #e0e0e0 solid; height:30px; padding:0px 5px;}
select option{display:block; padding:50px;}
input{font-size:1.5rem; padding:0 5px; box-sizing:border-box; height:40px;}
.w_80p{width:80px;}
.w_100p{width:100px;}
.w_120p{width:120px;}
.w_200p{width:200px;}
.w_100{width:100%;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mt_30{margin-top:30px;}
.mt_50{margin-top:50px;}
.mt_70{margin-top:70px;}
.com_add{margin-top:7px;}
.birth_selc em{display:inline-block; margin-left:5px; margin-right:15px; vertical-align:inherit;}
.post_num {display: inline-block; padding: 3px 10px; background: #333333;    color: #fff; font-size: 1.4rem; }
.tiny_txt {display: block; color: #0969a7; font-size: 1.5rem; margin-top: 10px;}
.tiny_txt.inline{display:inline-block; margin-left:10px;}
label{vertical-align:middle;}
input[type="radio"]{    margin: 0 5px 0px 10px;}
input[type="radio"].first{margin-left:0;}
.tel_selc input {width: 100px;}
.b_right{border-right:1px solid #e0e0e0;}
th.center, td.center{text-align:center;}
td.left{text-align:left !important;}
.th_dept2{padding:7px 10px;}
.no_bl{border-left:0 !important;}

/*회사개요*/
#about_outline .es_group{background:#f5f5f5; padding:60px 0; text-align:center;}
#about_outline .es_group .tit_box .symbol i{font-size:6rem; color:#0067a0;}
#about_outline .es_group .tit_box .tit{font-size:2.8rem; font-weight:600; margin-top:5px; letter-spacing:0.03em;}
#about_outline .es_group .tit_box .eng{font-size:1.6rem; color:#9c9c9c; letter-spacing:0.05em; text-transform: uppercase;}
#about_outline .es_group .b_list{padding-top:80px; background:url(../../images/sub/outline-arrow.png) no-repeat; background-position:top center; background-size:100% auto; margin-top:20px;}
#about_outline .es_group .b_list ul{position:relative; font-size:0; z-index:1;}
#about_outline .es_group .b_list ul:before{content:""; display:block; width:80%; height:1px; background:#ccc; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1;} 
#about_outline .es_group .b_list li{display:inline-block;}
#about_outline .es_group .b_list li .c_box{display:inline-block; width:205px; height:205px; border:13px solid #025888; margin-left:60px; box-sizing:border-box;  vertical-align:top; font-size:1.9rem; padding-top:50px; font-weight:600; box-shadow:0px 0px 5px 4px rgba(0,0,0,0.2); background:#fff; border-radius:999px;}
#about_outline .es_group .b_list li:first-child .c_box{margin-left:0;}
#about_outline .es_group .b_list li:nth-child(n+3) .c_box{padding-top:75px;}
#about_outline .es_group .b_list li:nth-child(2) .c_box{border-color:#0073b3;}
#about_outline .es_group .b_list li:nth-child(3) .c_box{border-color:#0ab9c9;}
#about_outline .es_group .b_list li:nth-child(4) .c_box{border-color:#0abf9d;}
#about_outline .es_group .b_list li .logo-img{display:block; margin-bottom:5px;}
#about_outline .es_group .b_list li .logo-img img{height:46px;}
#about_outline .es_group .b_list br{display:none;}

#about_outline .info_cont{margin:70px 0;}
#about_outline .info_cont .inner_1100{position:relative;}
#about_outline .info_cont .img_box{position:absolute; top:0; left:0;}
#about_outline .info_cont .img_box span{position:relative; display:inline-block;}
#about_outline .info_cont .img_box span:before{content:""; display:block; width:100%; height:100%; border:1px solid #0073b3; position:absolute; bottom:-12px; right:-12px; z-index:-1;}
#about_outline .info_cont .img_box img{max-width:100%;}
#about_outline .info_cont .txt_box{margin-left:550px;}
#about_outline .info_cont .txt_box .logo{text-align:right; padding:20px;}
#about_outline .info_cont .txt_box .logo img{height:64px;}
#about_outline .info_cont .txt_box dl{position:relative;padding:20px 0; padding-left:40px; border-bottom:1px solid #ccc;}
#about_outline .info_cont .txt_box dl.first{border-top:2px solid #0073b3;}
#about_outline .info_cont .txt_box dt{position:absolute; top:20px; left:40px; font-size:1.7rem; font-weight:400; color:#0073b3;}
#about_outline .info_cont .txt_box dd{padding-left:130px; font-size:1.7rem; vertical-align:middle; font-weight:400; word-break:keep-all;}

#about_outline .greeting_box .img_box{margin-bottom:5rem;}
#about_outline .greeting_box .img_box img{max-width:100%;}
#about_outline .greeting_box p{margin-top:3rem; font-size:1.8rem; word-break:keep-all; }
#about_outline .greeting_box .top{font-size:2.2rem; font-weight:500;}
#about_outline .greeting_box .red{color:#d70c19; font-weight:500;}
#about_outline .greeting_box strong{font-weight:500;}
#about_outline .greeting_box .cont{line-height:1.8em;}

/*조직도*/
#about_organization .color_bg{border:1px solid #dddddd; padding:70px; text-align:center;}
#about_organization img{max-width:100%;}

/*인증서*/
#about_certify ul{font-size:0;}
#about_certify li{display:inline-block; font-size:1.8rem; width:calc((100% - 60px)/4); margin-left:20px; margin-bottom:30px; box-sizing:border-box;}
#about_certify li:nth-child(4n+1){margin-left:0;}
#about_certify li .img_box{border:1px solid #e0e0e0; }
#about_certify li .img_box img{max-width:100%;}
#about_certify li .txt_box{text-align:center; padding:15px; font-weight:400;background:#0073b3; color:#fff;}

/*찾아오시는길*/
#about_direction #map {width: 100%; height: 450px;}
#about_direction .label{display:inline-block; background:#222; padding:10px 20px 7px; margin-top:-50px;  border-radius:5px; font-weight:500;}
#about_direction .label img{width:200px;}
.location-box { width: 100%; height: 450px;}
.location-info{padding:30px 15px; background:#333; color:#fff; text-align:center; }
.location-info li{display:inline-block; font-size:1.8rem; margin-right:40px;}
.location-info li .sub-tit01{font-weight:400; margin-right:20px;}
.location-info li i{font-size:2.5rem; vertical-align:text-bottom;}

/*사업분야*/
.business_cont{margin-top:50px;}
.business_cont .major{position:relative; overflow:hidden;}
.business_cont .major .img_box{position:relative; z-index:1;}
.business_cont .major .img_box img{max-width:100%;}
.business_cont .major .txt_box{width:100%; position:absolute; bottom:45px; right:0; text-align:right; padding-top:30px; padding-left:550px; }
.business_cont .major .txt_box:before{content:""; display:block; width:100%; height:2px; background:#0073b3; position:absolute; top:0; right:0; }
.business_cont .major .txt_box .tit{font-weight:500; font-size:2.3rem; color:#0073b3; margin-bottom:20px;}
.business_cont .major .txt_box .txt{font-size:1.7rem; line-height:1.7;}
.business_cont .detail{margin-top:35px;}
.business_cont .detail li{font-size:1.8rem; position:relative; padding-left:20px; margin-top:10px;}
.business_cont .detail li:first-child{margin-top:0;}
.business_cont .detail li span{position:absolute; top:0; left:0;}
.business_cont .detail li em{font-weight:500;}
.business_cont .datial_img {text-align:center;}
.business_cont .datial_img ul{font-size:0;}
.business_cont .datial_img li{display:inline-block; font-size:1.8rem; width:calc((100% - 60px)/4); margin-left:20px; margin-top:20px; box-sizing:border-box;}
.business_cont .datial_img li .img_box{border:1px solid #e0e0e0; border-bottom:0; }
.business_cont .datial_img li .img_box img{max-width:100%;}
.business_cont .datial_img li .txt_box{text-align:center; padding:15px; font-weight:400;background:#0073b3; color:#fff;}

.color_bg .business_cont{padding:50px 0;}
#business_field #about_certify ul{text-align:center;}
#business_field #about_certify li .img_box{border:0;}
#business_field #about_certify li .txt_box{background-color:#35b4c0;}

/*생산공정*/
#business_process #about_certify li .img_box{border:0;}

/*야드소개*/
#equipment_factory .img_box img{max-width:100%; border:1px solid #e0e0e0;}
#equipment_factory .txt_box{margin-top:50px;}

#equipment_factory .txt_box .info-cont{max-width:1000px;  margin:0 auto; border-top:1px solid #e8e8e8;}
#equipment_factory .txt_box .info-cont ul{font-size:0; text-align:center;  display:table; width:100%; table-layout:fixed;}
#equipment_factory .txt_box .info-cont li{display:table-cell;  font-size:1.8rem; padding:10px 0; width:25%; vertical-align:middle; border-bottom:1px solid #e8e8e8;}
#equipment_factory .txt_box .info-cont li:nth-child(odd){background:#f5f5f5; font-weight:400;}

/*contact us*/
#community_contact ul{font-size:0;}
#community_contact li{display:inline-block; width:calc((100% - 90px)/3); margin-left:45px; text-align:center;}
#community_contact li:first-child{margin-left:0;}
#community_contact li .img_box img{max-width:100%;}
#community_contact li .txt_box{margin-top:-50px;  padding:25px 0px; background:#fff; position:relative; width:85%; box-sizing:border-box; display:inline-block;}
#community_contact li .txt_box .cate{font-size:2.3rem; font-weight:400; color:#0073b3;padding-bottom:10px; margin-bottom:20px; position:relative;}
#community_contact li .txt_box .cate:after{content:""; display:block; width:30px; height:2px; background:#0073b3; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
#community_contact li .txt_box .name{font-size:1.8rem; font-weight:400; margin-bottom:7px;  }
#community_contact li .txt_box .name em{ font-size:2.1rem; display:inline-block; margin-right:3px;}
#community_contact li .txt_box .number{font-size:1.8rem; font-weight:400; background:#f5f5f5; padding:5px 25px 5px 20px; width:60%; display:inline-block; border-radius:999px; box-sizing:border-box;}
#community_contact li .txt_box .number i{display:inline-block; margin-right:3px; vertical-align:middle;}

#community_contact-2025 .img_box{margin-bottom:4rem;}
#community_contact-2025 .img_box img{max-width:100%;}
#community_contact-2025 .cont_box .tit{font-size: 2.5rem; font-weight: 600; margin-bottom:1.5rem;}
#community_contact-2025 .cont_box dl{display:flex; align-items:center; border-bottom:1px solid #e1e1e1;}
#community_contact-2025 .cont_box dl.first{ border-top:3px solid #d70c19;}
#community_contact-2025 .cont_box dt{background: #f5f5f5; font-weight: 400; padding:1.5rem 2rem; width:18rem; text-align:center;}
#community_contact-2025 .cont_box dd{padding:1.5rem 2rem;}

/*사이트맵*/
#utility_sitemap.inner_1100 > ul{font-size:0;}
#utility_sitemap a{display:block;}
#utility_sitemap .dep1{display:inline-block; width:calc((100% - 120px)/3); margin-left:60px;  font-size:1.8rem; vertical-align:top; text-align:left;  box-sizing:border-box;}
#utility_sitemap .dep1:first-child{margin-bottom:40px;}
#utility_sitemap .dep1:nth-child(3n+1){margin-left:0;}
#utility_sitemap .dep1 h2{padding:10px 20px; background: #0073b3; margin-bottom:13px; border-left:6px solid #1b6791; box-sizing:border-box;     border-radius: 0 20px 0 0;}
#utility_sitemap .dep1 h2 a{font-size:2rem; font-weight:400; color:#fff;}
#utility_sitemap .dep1 li{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; padding-left:20px;}
#utility_sitemap .dep1 li a{font-weight:300; color:#555;}
#utility_sitemap .dep1 li:hover a{color:#1474b2;}

/*------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1200px) {
#sub-tit{width:100%;}
#sub-nav{right:10px;}
#sub-content{width:100%; max-width:100%; margin:50px auto; box-sizing:border-box;}

/*회사개요*/
#about_outline .info_cont .img_box{left:15px;}

/*인증서*/
#about_certify li .txt_box{padding:15px 10px; font-size:1.7rem;}

/*사업분야*/
.color_bg .business_cont{padding:50px;}
.business_cont .major .img_box img{width:510px;}
.business_cont .major .txt_box .txt{word-break:keep-all;}
.business_cont .major .txt_box .txt br{display:none;}

/*contact us*/
#community_contact li .txt_box .number{width:80%;}
}

@media (max-width:1024px) {
#sub-vis, .snb{display:none;}
#sub-tit{padding-top:130px;}
#sub-nav{margin-top:5px;}

/*회사개요*/
#about_outline .es_group .b_list ul:before{width:60%;}
#about_outline .es_group .b_list li .c_box{width:150px; height:150px; border-width:8px; margin-left:40px; font-size:1.6rem; padding-top:35px;}
#about_outline .es_group .b_list li:nth-child(n+3) .c_box{padding-top:56px;}
#about_outline .es_group .b_list li .logo-img img{height:35px;}

#about_outline .info_cont .img_box{position:relative; top:auto; left:auto; text-align:center;}
#about_outline .info_cont .txt_box{margin-left:0; margin-top:20px;}





/*조직도*/
#about_organization .color_bg{padding:40px;}

/*인증서*/
#about_certify li{width:calc((100% - 40px)/3);}
#about_certify li:nth-child(4n+1){margin-left:20px;}
#about_certify li:nth-child(3n+1){margin-left:0px;}

/*찾아오시는길*/
.location-info{text-align:left;}
.location-info li{display:block; margin-top:10px;}
.location-info li:first-child{margin-top:0;}

/*사업분야*/
#business_field .color_bg{padding:30px 15px; margin-top:50px;}
.color_bg .business_cont{padding:0; margin-top:0;}
.business_cont .major .img_box img{width:400px; max-width:100%;}
.business_cont .major .txt_box{position:relative; bottom:auto; right:auto; text-align:left; padding-left:0; margin-top:0px; padding-top:20px; }
.business_cont .major .txt_box .tit{margin-bottom:10px;}
.business_cont .major .txt_box:before{display:none;}
.business_cont .detail{margin-top:20px;}

/*contact us*/
#community_contact li{width:calc((100% - 60px)/3); margin-left:30px;}
#community_contact li .txt_box .number{width:100%;}


/*사이트맵*/
#utility_sitemap .dep1{margin-left:30px; width:calc((100% - 60px)/3);}
}

@media (max-width:767px) {
#sub-vis{display:none;}
#sub-tit{padding:100px 0 0px; font-size:2.5rem;}
#sub-nav{position:static; bottom:auto; right:auto; text-align:center; }
#sub-content{margin:30px 0;}
.sub_title{font-size:24px; margin-top:0px; margin-bottom:30px;}
.sub_title.second{margin-top:0;}
.sub_title:after{display:none;}
.cont_txt{margin-bottom:30px;}
.snb li a{padding:10px; font-size:1.6rem;}

.center_title{font-size:2.3rem; margin-bottom:10px;}

/*table mobile*/
table.s_table th, table.s_table td{padding:10px;}

table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box;}
.tel_selc input { width: 30%; max-width:98px;}
.mw_100 { width: 100%;  margin-left: 0;}
.mw_100.first {margin-bottom: 10px;}
.tiny_txt.inline { display: block; margin-left: 0;}
.w_120p { width: 28%;}
.mt_50{margin-top:40px;}
table.m_block th{border-right:0;}
.b_right{border-right:0;}
table.m_block th.th_dept2{padding-left:15px; color:#7d7d7d;}

.table_scroll {overflow-x: auto; width: 100%;}
.table_box { width: 200%;}
.table_box table{min-width:621px;}

/*회사개요*/
#about_outline .es_group{padding:30px 0;}
#about_outline .es_group .tit_box .symbol i{font-size:4rem;}
#about_outline .es_group .tit_box .tit{font-size:2.3rem; margin-top:0;}
#about_outline .es_group .tit_box .eng{font-size:1.6rem;}
#about_outline .es_group .b_list{max-width:300px; margin:0 auto; padding-top:50px; margin-top:10px;}
#about_outline .es_group .b_list ul:before{display:none;}
#about_outline .es_group .b_list li .c_box{margin-left:20px; width:135px; height:135px; padding-top:27px;}
#about_outline .es_group .b_list li:nth-child(3) .c_box{margin-left:0;}
#about_outline .es_group .b_list li:nth-child(n+3) .c_box{margin-top:10px; padding-top:50px;}
#about_outline .es_group .b_list br{display:block;}

#about_outline .info_cont{margin:30px 0;}
#about_outline .info_cont .txt_box{margin-top:30px;}
#about_outline .info_cont .txt_box .logo{padding:10px;}
#about_outline .info_cont .txt_box .logo img{height:20px;}
#about_outline .info_cont .txt_box dl{padding:10px 0;}
#about_outline .info_cont .txt_box dt{top:10px; left:20px;}
#about_outline .info_cont .txt_box dd{padding-left:122px;}

#about_outline .greeting_box .img_box{margin-bottom:2rem;}
#about_outline .greeting_box p{margin-top:2rem;}
#about_outline .greeting_box .top{font-size:1.9rem;}
#about_outline .greeting_box .cont{line-height:1.5em;}

/*조직도*/
#about_organization .color_bg{padding:20px;}

/*인증서*/
#about_certify li{width:100%; margin-left:0;}
#about_certify li:nth-child(4n+1){margin-left:0px;}
#about_certify li .img_box{text-align:center;}

/*찾아오시는길*/
#about_direction #map {width: 100%; height: 300px;}
.location-info li{font-size:1.7rem; margin-right:0;}
.location-info li .sub-tit01{display:block;}
.location-info li i{font-size:2rem;}
#about_direction .label img{width:150px;}

/*사업분야*/
#business_field .color_bg{margin-top:30px;}
.business_cont{margin-top:30px;}
.business_cont .major .txt_box .tit{margin-bottom:5px;}
.business_cont .detail{margin-top:10px;}
.business_cont .detail li{margin-top:5px;}

.business_cont .datial_img li{display:block; width:100%; margin-left:0;}
.business_cont .datial_img li .img_box{border:0;}

/*야드소개*/
#equipment_factory .txt_box{margin-top:30px;}
#equipment_factory .txt_box .info-cont li{ font-size:1.6rem;}

/*contact us*/
#community_contact li{display:block; width:100%; margin-left:0; margin-top:20px;}
#community_contact li:first-child{margin-top:0;}
#community_contact li .txt_box{padding:20px 0;}
#community_contact li .txt_box .cate{margin-bottom:7px; padding-bottom:5px;}

#community_contact-2025 .img_box{margin-bottom:2rem;}
#community_contact-2025 .cont_box dl{flex-direction:column;}
#community_contact-2025 .cont_box dt, #community_contact-2025 .cont_box dd{width:100%; padding:1rem 1.5rem; box-sizing:border-box; text-align:left;}

/*사이트맵*/
#utility_sitemap .dep1{width:100%; margin-left:0px; margin-top:30px;}
#utility_sitemap .dep1:first-child{margin-top:0;}
#utility_sitemap .dep1:nth-child(3n+1){margin-left:0px;}
#utility_sitemap .dep1:nth-child(2n+1){margin-bottom:0;}
#utility_sitemap .dep1 li:hover a{color:#444;}
}