@charset "UTF-8";
/* ------------------------------------------------ */
/* Author :Vaimedia                                */
/* Author URI :http://vaimedia.com                 */
/* Date :2015-06-19 ~                              */
/* ------------------------------------------------ */

/* Reset */
body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,code,blockquote,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding:0}
ul,ol,li,dl,menu{list-style:none}
img{border:0 none;vertical-align:top}
form,fieldset{border:0 none}
label,input,select,textarea,button{vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer;outline:0}
button::-moz-focus-inner{padding:0;border:0}/* Fire Fox button style bug */
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
p{word-break:break-all}
address,caption,cite,code,dfn,em,var{font-style:normal}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''}
header,footer,section,article,aside,nav,details,menu,figure,figcaption,main{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1em}

/* Common */
html {font-size:10px}
body {min-width:320px;background:#1f222a;color:#1f222a;font-family:sans-serif;font-size:1.6rem;line-height:1.5;-webkit-text-size-adjust:none}
img, embed, object, video {max-width:100%}
a {color:#1f222a;text-decoration:none}
legend, .offscreen {overflow:hidden;visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;border:0;background:none;font-size:1px;line-height:1px}
.ir {display:block;float:left;margin:0;padding:0;border:none;color:transparent;text-indent:-9999em;overflow:hidden}
.group:after {display:block;clear:both;content:''}
.img-com {background:url(../../images/img-common@2.png) no-repeat;background-size:112px 152px}
.img-main {background:url(../../images/main/img-main@2.png) no-repeat;background-size:300px 130px}

/* Navigation Offcanvas */
#container {position:relative;width:100%;height:100%;overflow:hidden}
#canvas {position:relative;width:100%;height:100%;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    -o-transition:.5s ease all;
    transition:.5s ease all;
}
#lnb-wrap {position:absolute;top:0;left:-240px;width:240px;height:100%;background:#e99627;z-index:9999;opacity:0;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    -o-transition:.5s ease all;
    transition:.5s ease all;
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
}
#container.show-nav #canvas {
    -webkit-transform:translateX(240px);
    -moz-transform:translateX(240px);
    -ms-transform:translateX(240px);
    -o-transform:translateX(240px);
    transform:translateX(240px);
}
#container.show-nav #lnb-wrap { opacity:1;
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transform:perspective(1200px) rotateY(0deg);
    -moz-transform:perspective(1200px) rotateY(0deg);
    -ms-transform:perspective(1200px) rotateY(0deg);
    -o-transform:perspective(1200px) rotateY(0deg);
    transform:perspective(1200px) rotateY(0deg);
}

/* Header */
#header {position:relative;background:#1f222a;z-index:100}
#header h1 {padding-top:10px;height:46px;border-bottom:1px solid #32353c}
#header h1 a {float:none;width:112px;height:32px;margin:0 auto;background-position:0 0}
#header .go-eng {position:absolute;top:0;right:0;width:60px;height:56px;border-left:1px solid #32353c;background-position:-65px -35px}
#header .show-lnb {position:absolute;top:0;left:0;width:60px;height:56px;border-right:1px solid #32353c;background-position:0 -35px}

#lnb {width:84%;margin:20px auto 0;border-radius:6px;background:#fff;overflow:hidden}
#lnb a {display:block}
#lnb > li {border-top:1px solid #d9dfe3}
#lnb > li:first-child {border-top:0}
#lnb > li > a {display:block;height:48px;padding-left:18px;line-height:48px;background:url(../../images/img-tiny@2.png) no-repeat 100% 0;background-size:28px 645px}
#lnb > li.current > a {background-color:#1f222a;background-position:100% -55px;color:#fff}
#lnb > li > ul {display:none;background:#d9dfe3}
#lnb li li {border-top:1px solid #c1c8cc}
#lnb li li:first-child {border-top:0}
#lnb li li a {height:36px;padding-left:30px;line-height:36px;background:url(../../images/img-tiny@2.png) no-repeat 18px -110px;background-size:28px 645px;color:#4e5055}
#lnb li li.current a {background:#c1c8cc url(../../images/img-tiny@2.png) no-repeat 18px -155px;background-size:28px 645px;font-weight:bold}

/* Main */
#visual {position:relative;width:100%;height:240px;margin-top:-1px;text-align:center;overflow:hidden}
#visual .triangle {position:absolute;bottom:0;left:50%;width:360px;height:36px;margin-left:-180px}

#m-contents {padding:10px 0 0;background:#1f222a}
#m-contents .m-text1 {float:none;width:248px;height:21px;margin:0 auto;background-position:0 0}
#m-contents .m-text2 {padding:5px 0 10px;border-bottom:1px solid #32353c;color:#86898c;font-size:1.2rem;text-align:center}

#m-business {width:300px;margin:15px auto 0}
#m-business > li {float:left;width:100px}
#m-business > li > a {display:block;width:96px;height:20px;margin:0 auto;padding-top:60px;color:#aaacae;font-size:1.4rem;text-align:center}
#m-business > li > a.bs1 {background-position:0 -60px}
#m-business > li > a.bs2 {background-position:-100px -60px}
#m-business > li > a.bs3 {background-position:-200px -60px}

#notice {position:relative;width:92%;height:56px;margin:30px auto 0;box-sizing:border-box;background:#fff}
#notice h2 {position:absolute;top:0;left:0;width:48px;height:56px;background-position:-250px 0}
#notice a {display:block;overflow:hidden;width:80%;padding-left:54px;font-size:1.5rem;line-height:58px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}

/* Sub */
#breadcrumb {width:100%;height:44px;background:#e99627}
#breadcrumb a {float:left;display:block;color:#fff;font-size:1.4rem;line-height:47px}
#breadcrumb a.home {width:14px;height:44px;margin:0 8px 0 12px;padding:0;background:url(../../images/img-tiny@2.png) no-repeat 0 -200px;background-size:28px 645px}
#breadcrumb .sep {width:17px;height:44px;margin:0 8px 0 0;background:url(../../images/img-tiny@2.png) no-repeat 0 -250px;background-size:28px 645px}

#s-contents {position:relative;padding:20px 0 30px;width:100%;background:#f2f2f2}
#s-contents .title {text-align:center}
#s-contents .title > h2 {display:inline-block;margin-bottom:15px;border-bottom:3px solid #e99627;color:#373a3d;font-size:2.4rem;line-height:1.3;font-weight:bold}

/* Footer */
#footer.sub-foot {padding-top:20px}
#foot-contents {width:92%;margin:0 auto}
#fnb {margin-top:4px}
#fnb li {float:left;width:33.333333%}
#fnb li a {position:relative;display:block;margin-left:4px;padding-top:51px;height:39px;color:#1f222a;font-size:1.5rem;text-align:center}
#fnb li:first-child a {margin-left:0}
#fnb .ir {position:absolute;top:19px;left:50%;float:none;width:27px;height:27px;margin-left:-14px}
#fnb .fnb1 a {background:#dee5e9}
#fnb .fnb1 .ir {background-position:0 -95px}
#fnb .fnb2 a {background:#cdd6dd}
#fnb .fnb2 .ir {background-position:-30px -95px}
#fnb .fnb3 a {background:#bdc9d1}
#fnb .fnb3 .ir {background-position:0 -125px}

#s-info {margin-top:4px}
#s-info .f-tel {float:left;width:66.666666%}
#s-info .tel-box {position:relative;height:90px;background:#bdc9d1}
#s-info .tel-box .ir {position:absolute;top:25px;width:36px;height:36px;left:50%;margin-left:-85px;background-position:-65px -95px}
#s-info dl {position:absolute;top:20px;left:50%;margin-left:-42px;width:140px}
#s-info .tel-box dt {float:left;clear:both}
#s-info .tel-box dd {float:left}
#s-info .tel-box strong, #s-info .tel-box strong a {color:#820000}

#s-info .f-pc {float:left;width:33.333333%}
#s-info .f-pc a {position:relative;display:block;margin-left:4px;padding-top:51px;height:39px;background:#acbcc7;color:#1f222a;font-size:1.5rem;text-align:center}
#s-info .f-pc .ir {position:absolute;top:19px;left:50%;float:none;width:27px;height:27px;margin-left:-14px;background-position:-30px -125px}

#copyright {padding:8px 0 20px;color:#86898c;font-size:1.3rem;text-align:center;line-height:1.4}

@media all and (min-width:420px) {
    #tab li {width:25%}
}
@media all and (min-width:640px) {
    #fnb {float:left;width:50%}
    #s-info {float:left;width:50%}
    #s-info .tel-box {margin-left:4px}
}

/* contents */
#contents {width:92%;margin:0 auto}
#contents .point {color:#df8100}
#contents .img {text-align:center}
#contents .img img {width:100%}
#contents p + p {margin-top:16px}

.b-list-basic {border-top:2px solid #586066;background:#fff}
.b-list-basic table {width:100%}
.b-list-basic th, .b-list-basic td {font-size:1.4rem;line-height:1.5}
.b-list-basic th {padding:7px 5px 5px;background:#dcdee0;border-bottom:1px solid #c4c6c8}
.b-list-basic td {padding:7px 10px 5px;border-bottom:1px solid #d5d6d7}

/* Company */
#greeting p strong {font-size:2.2rem;line-height:1.4}
#history section {margin-bottom:10px;border:1px solid #cacdd0;border-radius:6px;background:#fff;overflow:hidden}
#history section h2 {padding:5px 12px 3px;background:#cacdd0;color:#42454b;font-size:1.8rem;font-weight:bold}
#history ul {margin:10px 12px}
#history li {position:relative;padding-left:60px}
#history li .date {position:absolute;top:0;left:0;display:block;color:#6e7177}
#location {width:85%;margin:0 auto}
#location h2 {display:inline-block;margin-top:30px;padding:5px 16px 0;border-top-left-radius:4px;border-top-right-radius:4px;background:#586066;color:#fff;font-weight:bold}
#location h2.first {margin-top:0}
#location .b-list-basic {margin-top:16px}
#map-area, #map-area2, #map-area3, #map-area4 {width:100%;height:240px;box-sizing:border-box;margin:0 auto;border:1px solid #586066;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05)}
#location p {padding-top:8px;line-height:1.4}
#location ul {margin-top:10px}
#location li {float:left;width:50%}
#location li a {display:block;height:40px;border-radius:4px;color:#fff;line-height:40px;background:#4678e0;font-size:1.4rem;text-align:center}
#location li:first-child a {margin-right:6px;background:#2db400}

#environment{font-size:1.5rem; word-break:keep-all;}
#environment h3{border-bottom: 3px solid #586066;}
#environment h3 span{display: inline-block; padding: 5px 16px 3px; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #586066; color: #fff;}
#environment .item01 p{margin:10px 0;}
#environment ul{padding: 0 6px 0 20px;}
#environment li{margin-top: 6px; list-style: circle; font-size: 1.5rem; line-height: 1.3;}
#environment .item01 li{font-weight:500; margin-top:10px;}

#environment .gubun_line{margin:30px 0; border-top:1px dashed #ccc;}
#environment .item02 dl{margin-top:15px;}
#environment .item02 dt{color: #df8100; font-weight:500;}


/* Business, Equipment */
.p-list {margin-top:-20px}
.p-list li {margin-top:20px;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);background:#fff}
.p-list li .equip-name {display:block;height:40px;border:1px solid #d8d8d8;border-top:0;text-align:center;line-height:40px}
.p-list li img {width:100%}
.b-overview {padding:16px 16px 12px;border-radius:6px;border:1px solid #d8d8d8;background:#fff}
.b-overview h2 {font-size:1.8rem;line-height:1.2}
.b-overview p {margin-top:8px;padding-top:10px;border-top:1px solid #d8d8d8;font-size:1.4rem}
#business .b-cont h3 {display:inline-block;margin-top:30px;padding:5px 16px 0;border-top-left-radius:4px;border-top-right-radius:4px;background:#586066;color:#fff}
#business .b-cont ul {border-top:3px solid #586066;padding:6px 6px 0 20px}
#business .b-cont p {border-top:3px solid #586066;padding:12px 6px 6px;font-size:1.5rem}
#business .b-cont li {margin-top:6px;list-style:circle;font-size:1.5rem;line-height:1.3}
#business .b-cont .map {margin-top:16px;border:1px solid #bacace;background:#d1e0e4;text-align:center}
#business .p-list {margin-top:20px}

/* processes */
#waste-disposal p {padding-top:6px}
#waste-disposal li {position:relative;margin:32px 2% 0;padding:24px 0 10px;border:1px solid #d8dede;border-radius:10px;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);background:#fff;text-align:center}
#waste-disposal li span {position:absolute;top:-20px;left:50%;width:40px;height:40px;margin-left:-20px;background:url(../../images/sub/waste-disposal@2.png) no-repeat;background-size:40px 175px;color:#42454b}
#waste-disposal li span.wd-1 {background-position:0 0}
#waste-disposal li span.wd-2 {background-position:0 -45px}
#waste-disposal li span.wd-3 {background-position:0 -90px}
#waste-disposal li span.wd-4 {background-position:0 -135px}
#tab {margin-bottom:20px}
#tab li {float:left;width:50%;box-sizing:border-box}
#tab li a {position:relative;display:block;height:36px;margin:-1px 0 0 -1px;border:1px solid #cacdd0;background:#fff;color:#6e7276;font-size:1.5rem;line-height:40px;text-align:center}
#tab li.current a {position:relative;border:1px solid #42454b;z-index:10;color:#1f222a;font-weight:bold}

/* Board */
input[type='text'], select, textarea {box-sizing:border-box;border:1px solid #cacdd0;font-size:1.5rem}
input:focus[type='text'] {outline:none;border:1px solid #df8100}

/* b-search */
fieldset {position:relative}
.b-search {margin-bottom:12px}
.b-search input[type='text'] {position:relative;width:100%;padding:0 10px;height:44px;line-height:44px}
.b-search input[type='submit'] {position:absolute;top:1px;right:1px;width:44px;height:44px;background:url(../../images/img-tiny@2.png) no-repeat 50% -415px;background-size:28px 645px;outline:0}

/* List */
.b-list {border-top:2px solid #586066;background:#fff}
.b-list li {border:1px solid #ced0d2;border-top:0}
.b-list li a {display:block;padding:12px 12px 8px}
.b-list li span {display:block;font-size:1.5rem;line-height:1.4}
.b-list li .date {margin-top:2px;color:#818589;font-size:1.4rem}
.b-list li .file {display:inline-block;float:none;width:15px;height:16px;background:url(../../images/img-tiny@2.png) no-repeat 0 -630px;background-size:28px 645px}

/* Gallery */
.g-list {margin-top:20px}
.g-list li {margin-top:20px}
.g-list li img {width:100%}
.g-list li a {display:block}
.g-list li > a {overflow:hidden}
.g-list li > div {padding:12px 20px;border:1px solid #ced0d2;border-top:0;background:#fff}
.g-list .tit {overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.5rem}
.g-list li .date {color:#818589;font-size:1.4rem}
.g-list li .date span {float:right;padding-left:20px;background:url(../../images/img-tiny@2.png) no-repeat 0 -365px;background-size:28px 645px}

/* Pading */
.b-paging {position:relative;margin-top:12px;text-align:center}
.b-paging a, .b-paging strong {position:relative;z-index:100;display:inline-block;float:none;width:38px;height:38px;margin-left:-1px;border:1px solid #d2d4d7;background:#fff;color:#919498;text-align:center;vertical-align:top;line-height:40px}
.b-paging strong {z-index:101;border:1px solid #ced0d2;background:#f4f4f4;color:#42454b}
.b-paging .ir {position:absolute;top:0;width:38px;height:38px;background:#fff url(../../images/img-tiny@2.png) no-repeat;background-size:28px 645px}
.b-paging .first {left:0;background-position:50% -465px}
.b-paging .prev {left:37px;background-position:50% -505px}
.b-paging .next {right:37px;background-position:50% -545px}
.b-paging .last {right:0;background-position:50% -585px}

/* View */
.b-view {border-top:2px solid #586066}
.view-tit {padding:10px 12px 8px;border:1px solid #d6d8da;border-top:0;background:#fff}
.view-tit .date {display:block;margin-top:6px;padding-top:8px;border-top:1px dashed #d6d8da;color:#818589;font-size:1.4rem}
.view-file {margin-top:6px;padding-top:6px;border-top:1px dashed #d6d8da}
.view-file li {line-height:1.4}
.view-file li a {color:#99796c;font-size:1.3rem;font-weight:bold}
.view-content {margin-top:20px}
.view-prev-next {margin-top:6px;border-top:2px solid #586066;background:#fff}
.view-prev-next li {border:1px solid #d6d8da;border-top:0}
.view-prev-next li a {display:block;overflow:hidden;padding:10px 8px 8px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.5rem}
.view-prev-next li a span {color:#818589}

/* Form */
.agree-cont {padding:16px 16px 12px;border-radius:6px;border:1px solid #d8d8d8;background:#fff;font-size:1.4rem}
.agree-cont h2 {margin:8px 0 4px;padding-top:10px;border-top:1px solid #d8d8d8;font-size:1.6rem;font-weight:bold}
.agree-radio {margin-top:8px;text-align:center}
.agree-radio input {margin:0 4px}

.b-form {margin-top:30px;border-top:2px solid #586066}
.b-form .required-text {padding:10px 6px 4px;border-bottom:1px solid #d8d8d8;font-size:1.4rem}
.b-form dl {width:92%;margin:0 auto}
.b-form dt {margin:16px 0 0}
.b-form input, .b-form select, .b-form textarea {border-radius:4px;font-size:1.8rem}
.b-form input[type='text'],  .b-form select {padding:0 10px;height:40px;line-height:40px;background:#fff}
.b-form input.input-l {width:100%}
.b-form input.input-s, .b-form .select-s {width:29%}
.b-form input.input-m {width:55%}
.b-form .required {margin-right:4px;color:#df8100;font-weight:bold;font-size:1.8rem;line-height:1.2;vertical-align:-6px}
.b-form textarea {width:100%;height:160px}
.b-form input[type='file'] {width:100%;height:40px;margin-top:6px;color:transparent;overflow:hidden}
.b-form input[type='file']::-webkit-file-upload-button {visibility:hidden}
.b-form input[type='file']::before {position:relative;z-index:100;display:block;width:100%;height:40px;box-sizing:border-box;border:1px solid #999;border-radius:3px;background:-webkit-linear-gradient(top, #f9f9f9, #e3e3e3);color:#586066;font-size:1.5rem;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;text-shadow:1px 1px #fff;text-align:center;line-height:38px;content:'첨부파일 등록'}
.b-form .captcha label {padding:0 8px}
.b-form .captcha img {vertical-align:middle}
.b-form .b-btn {margin-top:30px;padding-top:20px;border-top:2px solid #586066}

/* Btn */
.b-btn {margin-top:20px;text-align:center}
.b-btn .btn-list {display:block;width:50%;height:48px;margin:0 auto;border-radius:3px;background:#df8100;color:#fff;text-align:center;line-height:48px;font-weight:bold}
.b-btn .btn-ok, .b-btn .btn-cancel {display:inline-block;margin:0 2px;padding:12px 24px 10px;border-radius:3px;color:#fff}
.b-btn .btn-ok {background:#df8100;font-weight:bold}
.b-btn .btn-cancel {background:#5e6266}