@charset "UTF-8";

.sub_bnr{
    height: 360px;
    background: 50% 50% / cover no-repeat;
}
.sub_bnr .menu_tit{
    line-height: 430px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
}
.sub_bnr.menu1{
    background-image: url("../images/sub/menu1_bnr_bg.jpg");
}
.sub_bnr.menu2{
    background-image: url("../images/sub/menu2_bnr_bg.jpg");
}
.sub_bnr.menu2_1{
    background-image: url("../images/sub/menu2_1_bnr_bg.jpg");
}
.sub_bnr.menu3{
    background-image: url("../images/sub/menu3_bnr_bg.jpg");
}
.sub_bnr.menu4{
    background-image: url("../images/sub/menu4_bnr_bg.jpg");
}
.sub_bnr.menu5{
    background-image: url("../images/sub/menu5_bnr_bg.jpg");
}
.sub_content{
    padding: 93px 0 124px;
}
.is-color-emerald{
    color: #00b37a;
}
.is-block{
    display: block;
}
/* 회사소개 */
.greeting_con{
    margin-top: 140px;
    padding: 50px 0 30px;
    background-color: #f5f5f5;
}
.greeting_con .txt-con{
    float: left;
    width: 50%;
    padding-right: 52px;
}
.greeting_con .txt-con p + p{
    margin-top: 10px;
}
.greeting_con .txt-con .writer{
    display: block;
    margin-top: 24px;
    text-align: right;
    font-size: 18px;
}
.greeting_con .slogan{
    display: block;
    position: relative;
    margin-top: -100px;
    margin-bottom: 25px;
    padding-bottom: 30px;
    font-size: 31px;
}
.greeting_con .slogan::after{
    content: '';
    display: block;
    position: absolute;
    left: -49px;
    bottom: 0;
    width: 95px;
    height: 1px;
/* background-color: #25b885; */
}
.greeting_con .img-con{
    position: relative;
    margin-top: -150px;
    float: right;
}
.greeting_con .img-con img{
    vertical-align: top;
}
.location{
    margin-top: 115px;
}
.map{
    margin-top: 30px;
}
.map iframe{
    width: 100%;
    height: 550px;
    border: 0;
}
.prd_info_list > li > p {font-size: 15px; color: mediumpurple; font-weight: 500;}

/* 제품정보 */
.prd_info_list > li{
    float: left;
    /* width: 310px; */
	width: 32%;
    height: 385px;
    padding: 40px 30px;
    text-align: center;
    background-color: #ebf4eb;
	margin-bottom: 20px;
}
.prd_info_list > li + li{
    margin-left: 20px;
}
.prd_info_list > li:nth-child(7) {margin-left: 0;}
.prd_info_list > li .prd_info_tit{
    display: block;
    font-size: 18px;
    letter-spacing: -0.04em;
    color: #00220a;
}
.prd_info_list > li figure{
    margin-top: 20px;
}
.prd_info_list > li > ul{
    margin-top: 10px;
    text-align: left;
}
.prd_info_list > li > ul > li{
    padding-left: 5px;
    background: url("../images/common/list_dot.png") 0 50% no-repeat;
}
.prd_info_list > li .view_more, .prd_info_list_2 > li .view_more{
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    margin: 15px auto;
    color: #fff;
    text-align: center;
    background-color: #9dc0a3;
}

.prd_info_list > li:nth-child(4) {margin-left: 0;}

/* 제품상세 */
.tab_menu{
    margin-bottom: 85px;
    text-align: center;
}
.tab_menu > li{
    display: inline-block;
    width: 390px;
    text-align: center;
    border: 1px solid #006334;
    border-radius: 45px;
    background-color: #fff;
}
.tab_menu > li.active{
    background-color: #006334;
}
.tab_menu > li > a {
    display: block;
    height: 45px;
    line-height: 45px;
    color: #006334;
}
.tab_menu > li.active > a{
    color: #fff;
}
.tab_menu > li + li{
    margin-left: 50px;
}
.detail_tit{
    margin-bottom: 57px;
    text-align: center;
    color: #454545;
    font-size: 22px;
    letter-spacing: -0.04em;
}
.prd_thumb_list{
    margin: 25px 0 105px;
    padding: 35px 0 20px;
    border-top: 1px solid #e3eae7;
    border-bottom: 1px solid #e3eae7;
}
.prd_thumb_list > li{
    float: left;
    width: 16.66666666666667%;
    text-align: center;
}

.prd_thumb_list.five > li{
    width: 20%;
}
.prd_detail_info + .prd_detail_info{
    margin-top: 60px;
}
.prd_detail_info > dd > ul > li + li{
    margin-top: 10px;
}
.prd_detail_info > dt{
    position: relative;
    float: left;
    width: 174px;
    padding-top: 5px;
    border-top: 1px solid #7f7f7f;
    color: #414141;
    font-size: 24px;
    letter-spacing: -0.04em;
}
.prd_detail_info > dt > span.dt_num{
    position: absolute;
    left: 0;
    top: -33px;
    font-size: 17px;
    font-weight: 400;
}
.prd_detail_info > dd{
    float: right;
    width: 875px;
    padding: 10px 3px 0;
    border-top: 1px solid #7f7f7f;
    text-align: center;
}
.prd_detail_info > dd.feature_dd{
    min-height: 250px;
    background: url("../images/sub/feature_img.jpg") 100% 0 no-repeat;
}
.prd_detail_info > dd > ul,
.prd_detail_info > dd > ol{
    text-align: left;
}
.prd_detail_info > dd > ul > li{
    padding-left: 7px;
    background: url("../images/common/list_dot.png") 0 12px no-repeat;
}
.prd_detail_info > dd > ul > li > span,
.prd_detail_info > dd > ol > li > span{
    font-weight: 400;
}
.prd_detail_info > dd figure + figure{
    margin-top: 30px;
}
.prd_detail_info > dd figure figcaption{
    font-weight: 400;
}

/* MVO series tab */
.tabWrap {width: 100%;}
.tabWrap .tabs {
	width: 1300px;
	margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}
.tabWrap .tabs li {
	float: left;
    width: 128px;
    text-align: center;
    border-left: none;
    border: 1px solid #fff;
	border-radius: 0px 30px;
    font-weight: bold;
    background: #fafafa;
    position: relative;
	left: 35px;
	cursor: pointer;
}
.tabWrap .tabs li:hover p {color: #006600;}
.tabWrap .tabs li p {letter-spacing: -1px; padding-bottom: 10px;}
.tabWrap .tabs li.active {background: #f2f2f2; color: #006334;}
.tabWrap .tab_container {margin-top:20px; width: 100%;}
.tabWrap .tab_content {padding: 150px 10px 10px 10px; display: none;}
.tabWrap .tab_content h1 {text-align: center; padding-top: 50px;}
.tabWrap .tab_content h1 p {letter-spacing: -1px;}
.tabWrap .tab_content h1 img {padding-top: 10px;}

/*전공펌프시스템*/
.pump_list > li{
    float: left;
    width: 310px;
    height: 300px;
    margin-bottom: 30px;
}
.pump_list > li:nth-child(4n+1){
    margin-left: 0;
}
.pump_list > li + li{
    margin-left: 20px;
}
.pump_list > li > img{
    vert-align: top;
}
/* 진공액세서리 */
.acc_list > li{
    float: left;
    width: 310px;
    height: 335px;
    margin-bottom: 20px;
    padding-top: 40px;
    text-align: center;
    background-color: #f3f3f3;
}
.acc_list > li + li{
    margin-left: 20px;
}
.acc_list > li:nth-child(4n+1){
    margin-left: 0;
}
.acc_list > li .acc_tit{
    display: block;
    margin-bottom: 10px;
}

/* contact us */
.detail_tit.text-left{
    text-align: left;
}
.form-wrap{
    margin-top: 30px;
    padding-top: 28px;
    border-top: 1px solid #7f7f7f;
}
.form-wrap .ui.form .inline.field>span{
    float: left;
    margin: 5px 8px 0 0;
}
.form-wrap .ui.form .inline.field>label{
    float: left;
    width: 180px;
    font-size: 22px;
    font-weight: 300;
    color: #414141;
}
.form-wrap .ui.form .inline.field>textarea{
    width: 1094px;
    resize: none;
}
.form-wrap .ui.form .inline.field input{
    min-width: 323px;
}
.form-wrap .ui.form .inline.field input#subject{
    width: 1094px;
}
.form-wrap .btn_wrap{
    margin-top: 40px;
    text-align: center;
}
.form-wrap button.ui.button{
    width: 150px;
    height: 45px;
    padding: 0;
    line-height: 45px;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
}
.form-wrap button.ui.button.submit_btn{
    background-color: #9dc0a3;
}
.form-wrap button.ui.button.cancle_btn{
    margin-left: 52px;
    background-color: #c7d5c9;
}


/* 20190405 추가*/
.prd_info_list_2 > li{
    float: left;
    position: relative;
    width: 640px;
    padding: 20px 30px;
    background-color: #ebf4eb;
}
.prd_info_list_2.dry > li {width: 32%; height: 370px; text-align: center;}
.prd_info_list_2.dry > li .prd_info_wrap {padding: 60px 80px;}
.prd_info_list_2.dry > li .view_more {right: 150px;}
.prd_info_list_2 > li + li{
    margin-left: 20px;
}
.prd_info_list_2 > li .prd_info_tit{
    font-size: 20px;
    color: #00220a;
}
.prd_info_list_2 > li .prd_info_wrap{
    padding: 20px 40px;
}
.prd_info_list_2 > li .prd_info_wrap figure{
    float: left;
}
.prd_info_list_2 > li .prd_info_wrap  .prd_txt{
    float: left;
    margin: 20px 0 0 45px;
}

.prd_info_list_2 > li .prd_info_wrap  .prd_txt ul > li{
    padding-left: 6px;
    background: url(../images/common/list_dot.png) 0 9px no-repeat;
}
.prd_info_list_2 > li .view_more{
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.prd_info_list_2 > li:nth-child(2) .prd_info_wrap figure{
    margin-top: -32px;
}
.prd_info_list_2 > li:nth-child(2) .prd_info_wrap .prd_txt{
    margin-top: 40px;
}