@charset"utf-8";

/* ¼­ºê°øÅë */
#subTxt{width:100%; padding:135px 0 120px 0; position:relative}
#subTop {width:100%; height:254px; color:#fff; text-align:center;position: relative;}
#subTop dl {padding-top:90px}
#subTop dt {font-size:48px; color:#fff; font-weight:500; letter-spacing:2px}
#subTop dd {font-size:21px; color:#fff; font-weight:300; margin-top:23px; letter-spacing: 2px}
#subTop p {font-size:18px; color:#fff; font-weight:400; margin-top:10px; letter-spacing: 0}

.sub_dp{background:url('/images/sub/subtop_dp.jpg') center bottom no-repeat;}
.sub_db{background:url('/images/sub/subtop_db.jpg') center bottom no-repeat;}
.sub_cp{background:url('/images/sub/subtop_cp.jpg') center bottom no-repeat;}
.sub_fd{background:url('/images/sub/subtop_fd.jpg') center bottom no-repeat;}
.sub_wd{background:url('/images/sub/subtop_wd.jpg') center bottom no-repeat;}
.sub_cu{background:url('/images/sub/subtop_cu.jpg') center bottom no-repeat;}




/*¹°·ù»ç¾÷ºÎ »ó´ã¹®ÀÇ*/
.inner{
    width: 1100px;
    height: 254px;
    margin: 0 auto;
    position: relative;
}
.sub_cs{
    position: absolute;
    box-sizing: border-box;
    right: -209px;
    bottom: -254px;
    width: 210px;
    height: 254px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.sub_cs img{
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-top: 28px;
}
.sub_cs h3{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 150px;
    height: 30px;
    box-sizing: borde-rbox;
    border-radius: 15px;
    background-color: #24c1ad;
}
.sub_cs p{
    font-size: 18px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.sub_cs p:last-child{
    margin-bottom: 0;
}
.sub_cs a{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 30px;
    background-color: #999;
    border-radius: 15px;
    box-sizing: border-box;
}
.sub_cs a:visited{
    color: #fff;
}
.sub_cs a:hover{
    background-color: #24c1ad;
    color: #fff;
}







#conBox.subStance > div {margin-bottom:0}
#subMenu{text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0 }
#subMenu a{	display:inline-block; text-align:center; font-size:16px; color:#666; width:365px; line-height:46px; border-right:1px solid #ddd; }
#subMenu a:first-child{ border-left:1px solid #ddd }
#subMenu a.on, #subMenu a:hover{ background:#24c1ad; color:#fff}
#subMenu.cp a {width:272px}

.location {position:absolute; right:0; top:-100px; overflow: hidden}
.location li {float:left; color:#666; font-size:14px; font-weight:300}
.location li:after {content:'>'; padding:0 8px}
.location li:last-child:after {content:''}

.subStance{width:1100px; margin:auto;  }
.subTitle{font-size:32px; z-index:10; line-height:35px; font-weight:500; margin-bottom:50px; }
#conBox h3.subtt, .subStance h3.subtt {font-size:30px; font-weight:500; text-align:left; margin-bottom:40px}
.subStance p {font-size:16px; color:#666; line-height:28px}
.subWrap {width:100%; position:relative; }
.subWrap .subStance {padding-top:100px}
.fc {color:#019885}
.gall_board {padding-bottom:120px; position:relative}
.gall_board:before {content:''; background:#f2f2f2; height:280px; width:100%; position:absolute;  bottom:0}
.gall_board #conBox {margin:0 auto}


/* ȸ»ç¼Ò°³ */
.ceo_pic {position:relative}
.ceo_pic .ceo_box {position:absolute; right:0; bottom:-37px; width:472px; height:97px; background:#24c1ad; padding:43px 0 0 78px; text-align: center}
.ceo_pic .ceo_box p {float:left; color:#fff; font-size:18px; font-weight:100; }
.ceo_pic .ceo_box span {display:block}
.ceo_pic .ceo_box p:first-child span {font-size:24px; letter-spacing: 2px; line-height:40px}
.ceo_pic .ceo_box p.ceo_name {font-size:40px; font-weight:400; padding:15px 0 0 30px; letter-spacing: 5px}
.ceo_greet {margin-top:80px}
.ceo_greet p {float:left; width:520px; line-height:28px; text-align: justify}
.ceo_greet p:first-child {margin-right:60px;}
.ceo_greet .ceo {float:right; margin-top:66px; color:#222; width:200px; text-align: right}
.ceo_greet .ceo span {font-size:28px; padding-left:15px}
.companyTb {margin-top:40px; padding:40px; background:#fff; }
.companyTb table {width:100%;}
.companyTb tr {border-bottom:1px solid #ddd}
.companyTb tr:last-child {border-bottom:none}
.companyTb th {color:#333; border-right:1px dashed #ddd}
.companyTb td {color:#666; line-height:28px; padding:10px 0 10px 50px}
.sub_company .subWrap:after {content:''; position:absolute; top:0; z-index:-10; width:100%; height:500px; background:#f2f2f2}

.busi_map {overflow: hidden; margin-top:90px}
.busi_map > div {float:left; width:530px}
.busi_map > div:first-child, .busi_map > div:nth-of-type(3) {margin-right:40px}
.busi_map .way {overflow:hidden; margin-top:15px}
#conBox .busi_map h3 {font-weight:500; font-size:20px; float:left; width:100px; margin-right:40px; text-align:left}
.busi_map dl {float:left; width:390px}
.busi_map dt {float:left; width:40px; padding:3px 0}
.busi_map dd {float:left; width:350px; color:#666; padding:3px 0}


/* È÷½ºÅ丮 */
#conBox.subStance > div.history {margin-top:75px; margin-bottom:100px; position:relative; }
.history:before {content:''; width:2px; background:#ccc; position:absolute; left:50%; height:1840px;}
.history dl {position:relative; width:520px; height:122px; top:-10px}
.history dl.right {text-align:left; margin-left:auto; padding-left:30px}
.history dl.left {text-align:right; margin-right:auto; padding-right:30px}
.history dl:nth-child(6) .his_img {left:200px}
.history dl:nth-child(7) .his_img {right:0;}
.history dl:nth-child(10) .his_img {left:60px}
.history dt {height:40px; font-size:36px; color:#222; font-family:sans-serif; font-weight:bold; }
.history dt:after {content:''; position:absolute; left: -1px; top:11px; width:5px; height:5px; background:#24c1ad}
.history dt:before  {content:''; position:absolute; left:-5px; top:7px; width:11px; height:11px; background:#fff; border:1px solid #24c1ad}
.history .left dt:after {right:-3px; left:auto}
.history .left dt:before {right:-7px; left:auto}
.history .left .his_img {padding-right:116px}
.history .his_img {position:absolute; top:-10px; right:0}
.history .left .his_img {left:0; right:auto }
.history dd {color:#666;  }
.sub_history .subStance {padding-bottom:20px}
.sub_history .subWrap {background:#f2f2f2; position:relative}
.sub_history .explan {padding:0}
.sub_history .explan .step {width:1100px; margin:0 auto; background:#fff; padding:50px; box-sizing: border-box}
.sub_history .explan .step li dt {margin-bottom:20px}
.sub_history .explan .step li dd {font-size:15px; margin:0 0 6px 0; line-height:24px}
.sub_history .explan #conBox {margin-top:0}
.sub_history .explan .step li:after {height:160px}
/*.sub_history .subWrap:after {content:''; position:absolute; background:#f2f2f2; width:100%; top:0; z-index:-10}*/

/* Á¦Á¶¼³ºñ */
.sub_facility .subWrap {background:#f2f2f2; padding-bottom:50px}
.sub_facility > div.subWrap:nth-of-type(3) {background:#eeeff5}
.sub_facility > div.subWrap:nth-of-type(4) {background:#f4eeee}
.sub_facility > div.subWrap:nth-of-type(5) {background:#f5f5ef}
.sub_facility .subWrap:after {background:none}
.sub_facility #conBox.equip {margin:50px auto 120px auto;}
.equip .caution {font-size:14px}


/* »ç¾÷ºÐ¾ß */
.busi_area li {width:1100px; height:307px; margin-bottom:46px; position:relative}
.busi_area li dl {position:absolute; bottom:0; }
.busi_area li dl a {display:block; width:470px; height:94px; padding:35px 40px; background:rgba(255,255,255,0.8)}
.busi_area li dl a:hover {background:#28dac5; opacity:1}
/*.busi_area li dl a:hover dt, .busi_area li dl a:hover dd, .busi_area li dl a:hover dt span {color:#fff}*/
.busi_area li dt {float:left; font-size:28px; color:#222;}
.busi_area li dt span {display:block; padding-top:28px; font-size:16px; color:#555;}
.busi_area li dd {float:right; text-align: center}
.busi_area li dd span {display:block; color:#555; padding-top:15px}
.busi_area li dd span:after {content:''; width:139px; height:10px; display:block; background:url(../images/main/spritimg.png) -196px -383px no-repeat}

.busi_area li:first-child {background:url(../images/sub/busi01.jpg) no-repeat}
.busi_area li:first-child dl, .busi_area li:last-child dl {right:0;}
.busi_area li:nth-child(2) {background:url(../images/sub/busi02.jpg) no-repeat}
.busi_area li:nth-child(2) dl {left:0;}
.busi_area li:last-child {background:url(../images/sub/busi03.jpg) no-repeat}


/*Áø¿­´ë»ç¾÷ºÎ*/
.sub_display .subWrap .subStance{padding-top:0px; padding-bottom:100px}
.dp_mv {width:1100px; height:440px; overflow:hidden; position:relative; cursor: pointer}
.dp_mv img {position:absolute;}
.sub_display .dp_intro > p:nth-of-type(1) {float:left; width:300px; margin-top:50px; color:#555}
.sub_display .dp_intro > p:nth-of-type(1) span {display:block; color:#7f7f7f; font-size:13px; line-height:22px}
.sub_display .dp_intro > p:nth-of-type(1) span strong {display:block; font-size:24px; font-weight:700; color:#555; margin-top:50px; line-height:45px}
.sub_display .dp_intro > p:last-child, .sub_display .dp_intro > p:nth-of-type(2) {float:right; margin-top:50px; width:733px; text-align: justify}
.sub_display .subWrap:after {content:''; position:absolute; bottom:0; z-index:-10; width:100%; height:750px; background:#f2f2f2}
.sub_display #conBox.equip {margin-bottom:120px}

.sub_display .icon.subWrap:after {background:none}
.sub_display .subWrap.icon {height:576px; background:url(../images/sub/display_bg.jpg) 50% 0 no-repeat}
.sub_display .subWrap.icon li {width:315px; padding-left:75px}
.sub_display .subWrap.icon li:first-child {padding-left:0}

#subTxt.sub_display {padding-bottom:0}
.icon {font-size:0; overflow:hidden}
.icon li {float:left; width:290px; color:#fff; text-align:center; padding:100px 0; position:relative}
.icon dt {font-size:26px; font-weight:500; height:142px; margin-bottom:22px}
.icon dt:before {content:''; display:block; width:71px; height:63px; background:url(../images/main/spritimg.png) no-repeat; position:relative; left:50%; margin-left:-33px; margin-bottom:28px}
.icon li:first-child dt:before {background-position:-377px -375px }
.icon li:nth-child(2) dt:before {background-position:-568px -375px }
.icon li:last-child dt:before {background-position:-770px -375px }
.icon dd {font-weight:200; font-size:16px; padding-bottom:7px; letter-spacing: -0.01em}
.icon dt:after {content:''; display:block; width:10px; height:10px; margin-top:16px; position:relative; left:50%; margin-left:-5px; background:url(../images/main/spritimg.png) -964px -375px no-repeat}
.icon dd a {display:block; width:307px; height:48px; background:rgba(0,0,0,0.3); color:#fff; line-height:48px}
.icon dd a:hover {opacity:1; background:#00b19d}
.icon dd span {font-size:12px; font-weight:200; color:#ddd} 
.icon dd.twol a {line-height:35px;} 
.icon dd.twol a span {position:relative; top:-20px}


/* ¿ø¸ñ°¡±¸»ç¾÷ºÎ */
.wd_event{margin-top:15px}
.sub_display .icon.sub_wood {height:571px; background:url(../images/sub/wood_bg.jpg) 50% 0 no-repeat}


/* ½ÄÇ°»ç¾÷ºÎ */
.sub_display.sub_fd .subWrap {background:#f2f2f2}
.sub_display.sub_fd .subWrap:after {background:none}
.sub_display.sub_fd .dp_intro > p:nth-of-type(1) {margin-top:100px}
.sub_display.sub_fd .dp_intro > p:last-child {margin-top:100px}
.fd_history {overflow: hidden; margin-bottom:30px}
.fd_history li {border-top:1px solid #ddd; padding:20px 0; overflow: hidden}
.fd_history li.align-left {float:left; width:600px}
.fd_history li.align-right {float:right; width:500px}
.fd_history dl {overflow:hidden}
.fd_history dt {float:left; font-family:sans-serif; font-size:24px; width:70px; margin-bottom:70px}
.fd_history dd {float:left; font-size:16px; width:430px; color:#666}

.sub_display.sub_fd .subWrap.vacuum {background:none}
.sub_display.sub_fd .subWrap.vacuum:after {content:''; position:absolute; top:0; z-index:-10; width:100%; height:440px; background:#f2f2f2}
.sub_display.sub_fd .subWrap.vacuum .subStance {padding:100px 0 0 0}
.explan {box-sizing:border-box; background:#fff; padding:50px; width:100%; overflow: hidden}
.explan h4 {font-size:24px; color:#222; margin-bottom:15px}
.explan h4:first-child {margin-top:0}
.explan p {margin-bottom:40px; line-height:24px}
.sub_display .dp_intro .explan p:nth-of-type(1) {width:auto; margin-top:0}
/*.sub_display.sub_fd .dp_intro p:nth-of-type(2) {margin-bottom:50px}*/

.explan .method {overflow: hidden}
.explan .method p {float:left; }
.explan .method p:first-child {margin-right:50px}
.explan .method p:last-child {width:840px}
.explan .step {overflow:hidden}
.explan .step li {float:left; width:148px; position:relative; padding-left:18px}
.explan .step li:last-child:after {width:0; padding-left:0}
.explan .step li:first-child:before {background:none}
.explan .step li:before {content:''; position:absolute; left:-10px; top:50px; width:21px; height:21px; background:url(../images/main/spritimg.png) -1079px -375px no-repeat}
.explan .step li:after {content:''; width:1px; height:120px; background:#ddd; position:absolute; top:0; right:0;}
.explan .step li dt {font-size:18px}
.explan .step dt span {display:block; color:#01a48f; font-size:15px; font-weight:100}
.explan .step li dd {font-size:13px; color:#7e7e7e; margin-top:20px; line-height:20px}
.sub_display .icon.sub_food {height:518px; background:url(../images/sub/food_bg.jpg) 50% 0 no-repeat}


/* ¿À½Ã´Â±æ */
#map > div {margin-bottom:50px}
.map {position:relative}
.map .way {position:absolute; top:50px; right:50px; line-height:30px; z-index:100; padding:30px; background:#24c1ad; height:170px; width:300px; font-size:14px}
#conBox .map h3 {font-size:24px; margin-bottom:20px; color:#fff; font-weight:500}
.map .way dl {overflow: hidden}
.map .way dt {float:left; width:70px; color:#eee}
.map .way dd {float:left; width:230px; color:#fff}
.map .way.alignL {left:50px; right:auto}
.map .way.h150 {height:140px}


/* »çÀÌÆ®¸Ê*/
.sitemap {border-top:1px solid #333; border-bottom:1px solid #333;}
.sitemap li {border-top:1px solid #ddd}
.sitemap li:first-child {border-top:none}
.sitemap dl {overflow: hidden}
.sitemap dt {float:left; width:200px; font-size:24px; padding:30px 50px}
.sitemap dd {float:left; padding:30px 20px; }
.sitemap dd a {color:#666}
.sitemap dd a:hover {color:#07a38f}


/*°Ô½ÃÆÇ ½ºÅ² ¼öÁ¤*/
.category_pd {display:table; width:auto; margin:0 auto}
.category_pd a {display:table-cell; width:150px; height:45px; font-size:16px; border:1px solid #ddd; text-align:center; vertical-align: middle; line-height:45px; border-bottom:2px solid #ddd; position:relative}
.category_pd font {display:none}
.category_pd a:first-child {border-right:none}
.category_pd a:hover {color:#555; border-bottom:2px solid #24c1ad;}
.category_pd b {display:block; font-weight:400; border-bottom:2px solid #24c1ad}

.galltb {margin-top:20px}
.galltb a img {min-width:100%; min-height:100%}
.AWbbs_input_table {border:none !important}

.qna table {margin-top:30px}
.qna .faq_txt {padding:20px; position:relative}
.qna .faq_txt:after {content:'+'; position:absolute; right:10px; font-size:18px}
.qna .faq_txt.active:after {content:'--'; letter-spacing:-0.2em; font-size:23px; right:15px}


/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy h4 {font-size:20px; margin-bottom:10px}
.subStance.policy p{font-size:15px; color:#666; margin-bottom:35px; line-height:24px}