@charset "utf-8";

/* ************************************** *
 * common layout
 * ************************************** */
::selection { background:#ccc;}
.con-m { display:none;}
.br-pc { display:block;}
.in-wrap { width:1820px; margin:0 auto;}
.img-ready { display:block; max-width:100%; margin:0 auto;}
.img-max { max-width:100%;}
.bg-body { display:none; z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#50000000,endColorStr=#50000000)";}
.ie-upgrade { z-index:200; position:fixed; top:50%; left:50%; width:600px; height:500px; margin:-250px 0 0 -300px;}
.upgrade-pop { z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#50000000,endColorStr=#50000000)";}
/* table */
.tbl-top { width:100%; letter-spacing:-0.05em; text-align:center;}
.tbl-top thead th { padding:12px 0; background:#5aaf80; font-size:14px; color:#fff;}
.tbl-top tbody th { padding:10px 0; border-bottom:solid 1px #aaa; font-size:13px; background:#eee; color:#222;}
.tbl-top tbody td { padding:10px 0; border-bottom:solid 1px #aaa; font-size:13px; color:#444; line-height:1.5em;}
.tbl-top tbody td.no-line { border-bottom:0;}
.tbl-top tbody td.td-left { padding:10px 20px; text-align:left;}
/* list */
.bu-list li { padding-left:20px; margin-bottom:7px;background:url('image/bu-list.png') no-repeat; background-position:left 8px; font-size:15px; color:#333; letter-spacing:-0.05em; line-height:1.6em;}
.email-reject{text-align: center;}
.email-reject p{text-align: center; padding-top: 50px;}
.email-reject p .txt-point{color:#c70c14;}
/* clear */
#gnb:after,
#lnb .lnb-navi:after,
#snb ul:after,
.main-products > div:after,
.main-contents ul:after,
.main-contents li:after,
#footer .foo-linkbox:after,
#footer .foo-privacy:after { content:""; display:block; clear:both;}
/* header */
#header { z-index:200; background: #fff; position:fixed; width:100%; height:70px; background-size:100% 4px; box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90); z-index:9999;}
#header .in-wrap {}
#header h1 { position:absolute; top:10px; left:3%;}
/* gnb : 글로벌 메뉴 */
#gnb { position:absolute; top:26px; right:12%;}
#gnb div{width:95px; height: 25px; background:#fff url('image/img-sns-blog.jpg') no-repeat;}
#gnb div a { display:block; font-size:15px; color:#333; letter-spacing:-0.05em; text-align: right; font-weight: 600;}
#gnb li.on a { color:#c70c14;}
#gnb .btn-contact { float:left; margin-left:10px;}
/* lnb : 네비게이션 메뉴 */
#lnb { z-index:200;}
.lnb-pc .lnb-navi { display:table; margin:0 auto;}
.lnb-pc .lnb-navi > li { position:relative; float:left;}
.lnb-pc .lnb-navi > li > a { display:block; margin:0 30px; padding:14px 0 10px; line-height:45px; font-size:16px; color:#222; }
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.on > a { color:#c70c14;}
.lnb-pc .lnb-dep2 { z-index:200; display:none; position:absolute; top:70px; left:50%; margin-left:-75px; width:150px; padding:15px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); filter:progid:DXTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90);}
.lnb-pc .lnb-dep2 > li a { display:block; font-size:14px; color:#444; line-height:32px; text-align:center;}
.lnb-pc .lnb-dep2 > li a:hover { color:#fff; background:#333; background-size:100%;}
.lnb-m { display:none;}
.lnb-m .btn-menu { z-index:199; overflow:hidden; position:absolute; top:39px; right:0; cursor:pointer; transition:0.5s;}
.lnb-m .btn-close { z-index:201; position:absolute; top:20px; right:30px; cursor:pointer;}
.lnb-m .lnb-box { z-index:200; display:none; position:fixed; top:0; right:0; width:50%; height:100%; background:#fff;}
.lnb-m .lnb-box .lnb-navi { position:absolute; top:50%; left:50px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.lnb-m .lnb-box .lnb-navi > li > a { display:block; font-size:30px; font-weight:lighter; line-height:70px; letter-spacing:-0.075em; color:#222;}
.lnb-m .lnb-box .lnb-navi > li > a:hover,
.lnb-m .lnb-box .lnb-navi > li.on > a { color:#b80009;}
.lnb-m .lnb-box .lnb-dep2 { display:none; padding:10px 0;}
.lnb-m .lnb-box .lnb-dep2 a { display:block; padding-left:10%; font-size:14px; line-height:30px; color:#555;}
.lnb-m .lnb-box .lnb-dep2 a:hover { font-weight:700; letter-spacing:-0.05em;}
.lnb-m .lnb-box .lnb-dep2 a:before { content:"- ";}
/*language box*/
.language-box { position:absolute; right:40px; top:27px;}
.language-box li { float:left; margin-right:20px;}
.language-box li a { display:block; font-size:13px; font-weight:bold; color:#222; text-transform:uppercase;}
.language-box li.on a { color:#c70c14;}

/* container */
#container { z-index:1;width:100%;}
/* footer */
#footer { clear:both; width:100%;  background: #222; box-sizing: border-box; position: relative;}
#footer .footer-wrap{ position: relative; width:1330px; margin:0 auto; padding: 50px 0;}
#footer address { font-size:14px; color:#656565; line-height:1.5em;}
#footer .footer-logo{padding-bottom: 20px;}
#footer .foo-privacy { padding-bottom:10px;}
#footer .foo-privacy li { float:left; padding-right:20px;}

#footer .foo-privacy li a { display:block; font-size:14px; color:#656565; letter-spacing:-0.05em;}
#footer .foo-privacy li a:hover { opacity:.7;}
#footer address span.pr { padding-right:20px;}
#footer .copyright { padding-top:10px;}
#footer .copyright small { font-family: 'Open Sans', sans-serif !important; font-size:14px; color:#656565;}

#footer .foo-linkbox { z-index:20; position: absolute; right: 0; top: 40px;}
#footer .family-site { position: relative;}
#footer .family-site > button { display: block; width: 200px; line-height: 46px; padding-left: 20px; border: solid 1px #acacac; box-sizing: border-box; font-size: 14px; background: url('image/bg-familysite.png') no-repeat right 18px center; color: #fefefe; text-transform: uppercase; text-align: left;}
#footer .family-site .site-box { display: none; z-index: 2; position: absolute; top: 48px; left: 0; width: 200px; padding: 12px 0; background: #595959;}
#footer .family-site .site-box li a { display: block; font-size: 13px; line-height: 23px; padding-left: 20px; color: #fff;}

#footer .btn-top { display:none; z-index:10; position:absolute; bottom: 50px; right:0;}

#footer .btn-quick {width:95px; z-index:100; position:fixed; top:35%; right:0; z-index: 9999;}
#footer .btn-quick ul{background: #222; }
#footer .btn-quick ul li{height:auto; color:#fff; text-align: center;  background: url('image/bg-quick-line.png') no-repeat center bottom; padding: 15px; box-sizing: border-box;}
#footer .btn-quick ul li:last-child{ box-sizing: border-box; background: none;}
#footer .btn-quick ul li img{padding-bottom: 5px;}
#footer .btn-quick ul li:last-child{background: #c70c14; line-height: 22px;}
#footer .btn-quick ul li:last-child span{font-size: 22px; font-weight: 600;}
#footer .btn-quick ul li a{color:#fff; font-size: 14px; width: 100%; display: inline-block;}
#footer .btn-quick .service-center{}
#footer .btn-quick .service-number{font-size: 22px; font-weight: 600; padding-top: 5px;}


/* ************************************** *
 * main layout
 * ************************************** */
/*공통*/
.main-wrap{width:1330px; margin:0 auto;}

/* 메인비주얼 */
.main-visual { width:100%; height:1000px; position: relative;}
.bg01{width:100%; height:1000px;; background:url('image/main-visual01.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.text-box{width:70%; margin: 0 15% auto;}
.bg02{width:100%; height:1000px;; background:url('image/main-visual02.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.text-box{width:70%; margin: 0 15% auto;}
.main-visual .tit-main {padding-top:350px;}
.main-visual .tit-main p { font-size:25px; color:#222; line-height:1.6em; }
.main-visual .tit-main h3 { padding-top:35px; font-size:60px; font-family: 'Open Sans', sans-serif !important;  line-height:80px; font-weight:lighter; letter-spacing: -1.0px;}
.main-visual .tit-main h3 span { font-weight:500 ;}
.main-visual .banner-main{width:70%; margin: 0 15% auto; height: 70px; background: #fff; padding: 0 35px; box-sizing: border-box; position: absolute; bottom: 50px;}
.main-visual .banner-main li{float:left; width:16.66%; line-height: 70px; text-align: center;}

/* 메인제품소개 */
.main-products-wrap { width:100%; padding:100px 0; overflow: hidden;}
.title{text-align: center;}
.title h3{font-size: 32px; line-height: 80px;}
.box-slide{width:100%; padding-top: 50px; }
.slide-list{width:25%; float:left; border:1px solid #ececec; margin: 0 7px;box-sizing: border-box; }
.slide-list .img-box{padding: 20px; box-sizing: border-box;}
.slide-list img{width: 100%;}
.box-slide .slide-container .txt{width:100%; height:240px; background:#f7f7f7;  padding-top:67px; box-sizing: border-box;}
.box-slide .slide-container p{text-align: center; font-size: 18px;}
.box-slide .slide-container p:nth-child(2){color: #e3333d;}
.box-slide .slide-container .product-btn{width:100px; height: 35px; border-radius: 20px; background: #666; margin: 0 auto; margin-top: 20px;}
.box-slide .slide-container .product-btn a{width:100%; text-align: center; display: inline-block; color:#fff; line-height: 35px; font-size: 13px;}
/* STi 전기가마사업부 */
.main-content-wrap{width: 100%; height: auto; padding:100px 0;  overflow: hidden; background:url('image/bg-main-content-img.jpg') no-repeat center top; box-sizing: border-box; background-size: cover;}
.main-content-wrap .main-contents{margin-top: 65px;}
.main-content-wrap ul{width: 35%; float:left; background: #fff;}
.main-content-wrap ul li{width: 50%; float:left;text-align: center; border:1px solid #e4e4e4; box-sizing: border-box; border-right: 0; height: auto; -webkit-transition: all .1s ease-in-out;}
.main-content-wrap ul li:nth-child(3){ border-top:0;}
.main-content-wrap ul li:nth-child(4){ border-top:0;}
.main-content-wrap ul li:nth-child(1) a{background:url('image/img-main-content-img01.png') no-repeat center 40%;}
.main-content-wrap ul li:nth-child(2) a{background:url('image/img-main-content-img02.png') no-repeat center 40%;}
.main-content-wrap ul li:nth-child(3) a{background:url('image/img-main-content-img03.png') no-repeat center 40%;}
.main-content-wrap ul li:nth-child(4) a{background:url('image/img-main-content-img04.png') no-repeat center 40%;}
.main-content-wrap ul li a{width: 100%; height: 100%; display: inline-block; color:#333; font-size: 18px; padding: 145px 0 60px; box-sizing: border-box;}
.main-content-wrap ul li:hover{background: #f5f5f5;}
.main-content-wrap .video-box{width: 65%; float:left;}


/* ************************************** *
 * sub layout
 * ************************************** */
/* 서브비주얼 */
.sub-visual { position:relative; width:100%; height:350px; background:url('image/sub-visual.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; text-align:center;}
.sub-visual h3 { position:absolute; top:59%; width:100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size:32px; font-family: 'Open Sans', sans-serif !important; color:#fff; line-height:1.1em; letter-spacing:-0.025em; -webkit-animation-name:fade-up; -webkit-animation-duration:1s; animation-name:fade-up; animation-duration:1s;}
.sub-visual p { position:absolute; top:71%; width:100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size:15px; font-family: 'Open Sans', sans-serif !important; color:#fff; line-height:22px; letter-spacing:-0.025em; -webkit-animation-name:fade-up; -webkit-animation-duration:1s; animation-name:fade-up; animation-duration:1s;}
.sub-visual p span { color:#3ca33e;}
/* snb */
#snb{width:100%; height:62px; background: #222; border-bottom:1px solid #4d4d4d;}
#snb > ul{width:1330px; margin:0 auto; line-height: 62px;;}
#snb > ul > li{border-right:1px solid #4d4d4d; float:left;}
#snb > ul > li > a{color:#fff; width:100%; display: inline-block;}
#snb > ul .home{width:77px; border-left:1px solid #4d4d4d; border-right:1px solid #4d4d4d; text-align: center;}
#snb > ul .sub-menu{width:193px;padding:0 20px; position:relative;}
#snb > ul > li > .btn-snb-deps01{width: 100%;  font-size: 15px; background: url(image/bg-snb-arr-down.png) no-repeat 100% center; line-height: 54px;}
#snb > ul > li > .btn-snb-deps02{width: 100%;  font-size: 15px; background: url(image/bg-snb-arr-down.png) no-repeat 100% center; line-height: 54px;}
.snb-deps-list{display:none; width:100%; position:absolute; top:63px; left:0; width:100%; z-index: 50; background: #f7f7f7;}
.snb-deps-list li{border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.snb-deps-list li:last-child{border-bottom:3px solid #c70c14;}
.snb-deps-list li:hover a{color:#333;}
.snb-deps-list li a{width: 100%; display: inline-block; padding: 0 20px; font-size: 15px; color:#666;}
/* .snb_deps_list li:last-child{border-bottom: 1px solid #e5e5e5;}
.snb_deps_list .active{background:#f5f5f5;} */

/* stle */
#stle { padding:60px 0 35px;}
#stle h2 { padding:30px; font-size:37px; color:#222;  text-align:center;}
/* 컨텐츠내부 */
.content-box { width:1330px; margin:10px auto 70px; min-height:500px; border: 1px solid #d9d9d9; padding: 100px 60px; overflow: hidden; box-sizing: border-box;}



/* ////////////////////////////////////////////////// notebook 예외사이즈*/
@media all and (min-width:991px) and (max-width:1600px) {
    .text-box{width:90%; margin: 0 5% auto;}
    .main-visual .banner-main{width: 90%; margin: 0 5% auto;}

}



/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:991px) and (max-width:1500px) {
    /* ************************************** *
     * common layout
     * ************************************** */
    .in-wrap { width:94%;}
    .snb > ul{width: 90%; margin:0 auto;}
    .sub_section_Wrap{width: 90%;}
    .main-visual .banner-main{width: 90%; margin: 0 5% auto;}

}
/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:991px) and (max-width:1400px) {
    /*공통*/
    .main-wrap{width: 90%;}
    /* ************************************** *
     * main layout
     * ************************************** */
    /* 메인비주얼 */
    .text-box{width: 90%;}
    .main-visual .tit-main { padding-top:280px;}
    .bg01{background-position: 73% 0px;}
    .bg02{background-position: 75% 0px;}
    /* 메인제품소개 */
    .main-products > div { width:85%;}
    .content-box { width:94%;}
    .main-contents{background-position: left;}
    .box-slide .slide-container .img-box{height: 220px;}
    .box-slide .slide-container .txt{height: 220px; padding-top: 55px;}

    /* 메인뉴스 */
    .main-contents{height: auto;}
    /* .main-contents > div{width: 50%;} */
    .main-contents .tit-contents{padding-top: 70px; }
    .main-contents .tit-contents h3{font-size: 28px; line-height: 35px;}
    .main-contents .tit-contents p{font-size: 14px; padding-top:15px;}
    .main-contents .news{padding-bottom: 70px;}
    .main-contents .news-list{padding: 0 70px; height: 913px;}
    .main-contents .news li{margin-bottom: 15px;}
    .main-contents .news li:nth-child(1){float:none; margin-top:0; width:100%;}
    .main-contents .news li:nth-child(2){float:none; margin-top:0; width:100%;}
    .main-contents .news li:nth-child(3){float:none; margin-top:0; width:100%;}
    .product-img {width: 100%; height: 913px !important; text-align: center; background: #f7f7f7 !important;}
    .product-img img{width: 90%; padding-top: 10%;}
    .main-contents .news li p:nth-child(1){font-size: 18px;}
    .main-contents .news li:nth-child(1){padding: 7%;}
    .main-contents .news li:nth-child(2){padding: 9%;}
    .main-contents .news li:nth-child(3){padding: 9%;}
    /* ************************************** *
     * sub layout
     * ************************************** */
     /*snb*/
     .snb > ul{width: 90%; margin:0 auto;}
     .sub-section-Wrap{width: 90%;}
    /* 서브비주얼 */


    /*푸터*/
    #footer .footer-wrap{width: 90%;}
    #footer .btn-top{right:0;}
}
/* ////////////////////////////////////////////////// notebook 예외사이즈 */
@media all and (min-width:991px) and (max-width:1200px) {
    /* ************************************** *
     * common layout
     * ************************************** */
    /* lnb : 네비게이션 메뉴 */
    .lnb-pc .lnb-navi > li > a { margin:0 15px;}
    .language-box{right: 0;}

    /* ************************************** *
     * main layout
     * ************************************** */
     /*메인비주얼*/
     .main-visual .banner-main{width: 90%; margin: 0 5% auto; bottom: 70px;  }
     .main-visual .banner-main img{width: 80%;}
    /* 메인제품소개 */
    .main-products > div { width:60%;}
    .main-products .img-box { float:none; width:100%;}
    .main-products .txt-box { float:none; width:100%; margin:50px 0 0 0;}
    /* STi 전기가마사업부 */
    .main-content-wrap{background: #f2f2f2;}
    .main-content-wrap ul{width: 100%;}
    .main-content-wrap ul li:nth-child(1) a{background-position: center 35%; background-size:50px; }
    .main-content-wrap ul li:nth-child(2) a{background-position: center 35%; background-size:50px; }
    .main-content-wrap ul li:nth-child(3) a{background-position: center 35%; background-size:50px; }
    .main-content-wrap ul li:nth-child(4) a{background-position: center 35%; background-size:50px; }
    .main-content-wrap ul li a{padding:110px 0 50px;}
    .main-content-wrap .video-box{width: 100%;}
    /* ************************************** *
     * sub layout
     * ************************************** */
    /* snb */

}

/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
    /* ************************************** *
     * common layout
     * ************************************** */
    .con-pc { display:none !important;}
    .con-m { display:block !important;}
    .in-wrap { width:90%;}
    .br-pc { display:inline-block;}
    .br-m { display:block;}
    /* header */
    /* gnb : 글로벌 메뉴 */
    #gnb { right:50px; display: none;}
    /* lnb : 네비게이션 메뉴 */
    .lnb-pc { display:none;}
    .lnb-m { display:block;}
    .lnb-m .btn-menu{top:20px; right:15px;}
    .lnb-m .btn-close{top:20px; right:15px;}
    .language-box{right:50px;}
    /* footer */
    #footer .footer-wrap{width: 90%;}
    #footer .btn-top{right:0; bottom:0; position: fixed;}
    #footer .btn-top img { width:50px;}
    #footer .btn-quick{bottom: 0;width:100%; display: none;}
    #footer .btn-quick ul{background: none; width:100%;}
    #footer .btn-quick ul li{float:left; width:20%; background: #222 !important;}
    #footer .btn-quick ul li p{font-size: 13px;}
    #footer .btn-quick ul li:last-child{background: #c70c14!important;}
    /*공통*/
    .main-wrap{width: 90%;}
    /* ************************************** *
     * main layout
     * ************************************** */
    /* 메인비주얼 */
    .text-box{width:90%; margin: 0 5% auto;}
    .main-visual { height:780px;}
    .main-visual .main-wrap .tit-main{padding-top: 120px;}
    .main-visual .banner-main{width: 90%; margin: 25% 5% auto;  bottom: 50px; padding: 0 15px;}
    .main-visual .banner-main img{width: 90%;}
    .bg01{background-position: 73% 0px;}
    .bg02{background-position: 75% 0px;}
    /* 메인제품소개 */
    .main-products > div { width:65%;}
    .main-products .img-box { float:none; width:100%;}
    .main-products .txt-box { float:none; width:100%; margin:50px 0 0 0;}
    .main-visual .tit-main{padding-top: 240px;}
    .main-visual .tit-main p{font-size: 20px;}
    .main-visual .tit-main h3{font-size: 45px; line-height: 60px; padding-top:30px;font-weight: normal;}
    /* STi 전기가마사업부 */
    .main-content-wrap{background: #f2f2f2;}
    .main-content-wrap ul{width: 100%;}
    .main-content-wrap ul li:nth-child(1) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li:nth-child(2) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li:nth-child(3) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li:nth-child(4) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li a{padding:110px 0 50px; font-size: 14px;}
    .main-content-wrap .video-box{width: 100%;}

    /* ************************************** *
     * sub layout
     * ************************************** */
    /* 서브비주얼 */
    .sub-visual h3{ top:55%;}
    .sub-visual p{top:70%; line-height: 20px;}
    /* snb */
    #snb{height: 50px;}
    #snb > ul{width: 100%; line-height: 50px;}
    #snb > ul .home{width: 10%;}
    #snb > ul .sub-menu{width: 34%}
    #snb > ul > li > .btn-snb-deps01{line-height: 50px;}
    #snb > ul > li > .btn-snb-depss02{line-height:50px; }
    .snb-deps-list{top:51px;}
    /* 컨텐츠내부 */
    .content-box { width:100%;  margin:15px auto 0;   padding: 50px 20px;}

}







/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    /* ************************************** *
     * common layout
     * ************************************** */
    .con-pc { display:none !important;}
    .con-m { display:block !important;}
    .in-wrap { width:90%;}
    .br-pc { display:inline-block;}
    .br-m { display:block;}
    p{font-size: 14px;}
    /* table */
    .tbl-top { width:100%; letter-spacing:-0.05em; line-height:1.5em; text-align:center;}
    .tbl-top thead th { padding:9px 0; font-size:13px;}
    .tbl-top tbody th { padding:7px 0; font-size:12px;}
    .tbl-top tbody td { padding:7px 0; font-size:12px;}
    .tbl-top tbody td.td-left { padding:7px 12px;}
    /* list */
    .bu-list li { padding-left:17px; margin-bottom:5px; background-position:left 5px !important; font-size:13px;}
    /* header */
    #header { height:73px; background-size:100% 3px;}
    #header h1 { top:12px;}
    #header h1 img { width:110px;}
    /* gnb : 글로벌 메뉴 */
    #gnb { top:25px; right:40px; display: none;}
    #gnb li { margin-right:12px;}
    #gnb li a { font-size:13px; line-height:28px;}
    #gnb .btn-contact { margin-left:7px;}
    /* lnb : 네비게이션 메뉴 */
    .lnb-pc { display:none;}
    .lnb-m { display:block;}
    .lnb-m .btn-menu { top:20px; right:15px;}
    #gnb .btn-contact img,
    .lnb-m .btn-menu img,
    .lnb-m .btn-close img {}
    .lnb-m .btn-close { top:20px; right:15px;}
    .lnb-m .lnb-box { width:70%;}
    .lnb-m .lnb-box .lnb-navi { left:40px;}
    .lnb-m .lnb-box .lnb-navi > li > a { font-size:24px; line-height:50px;}
    .lnb-m .lnb-box .lnb-dep2 { padding:7px 0;}
    .lnb-m .lnb-box .lnb-dep2 a { font-size:13px; line-height:24px;}
    .language-box{right: 50px;}
    /* container */
    #container { padding-top:73px;}
    /* footer */
    #footer { padding:25px 5% 35px; }
    #footer .footer-wrap{padding: 20px 0; width:100%}
    /* #footer .family-site > button { width:150px; line-height:40px; font-size:13px;}
    #footer .family-site .site-box { top:40px; width:150px; padding:10px 0;}
    #footer .family-site .site-box li a { font-size:13px;} */
    #footer .foo-linkbox { position: static; margin-bottom: 27px;}
	#footer .family-site > button { width: 170px; line-height: 38px;}
	#footer .family-site .site-box { width: 170px; top: 40px; padding: 10px 0;}
    #footer .foo-sns li a { padding:7px;}
    #footer .foo-sns li a img { width:26px;}
    #footer address,
    #footer .copyright small { font-size:12px;}
    #footer address span.pr { padding-right:12px;}
    #footer .foo-privacy li { padding:0 12px;}
    #footer .foo-privacy li a { font-size:12px;}
    #footer .btn-top{right:0; bottom:0; position: fixed;}
    #footer .btn-top img { width:50px;}
    #footer .btn-quick{bottom: 0;width:100%; display: none;}
    #footer .btn-quick ul{background: none; width:100%;}
    #footer .btn-quick ul li{float:left; width:20%; background: #222 !important;}
    #footer .btn-quick ul li p{font-size: 13px;}
    #footer .btn-quick ul li:last-child{background: #c70c14!important;}

    /* ************************************** *
     * main layout
     * ************************************** */
    /* 메인비주얼 */
    .text-box{width: 90%;}
    .main-wrap{width:90%;}
    .main-visual { height:490px;}
    .text-box{width:90%; margin: 0 5% auto;}
    .main-visual .tit-main{padding-top: 120px;}
    .main-visual .tit-main p{font-size: 16px;}
    .main-visual .tit-main h3{font-size: 30px; line-height: 40px; padding-top:5px; font-weight: normal;}
    .main-visual .banner-main{width: 90%; margin: 25% 5% auto;  bottom: 80px; padding: 0; background: none;}
    .main-visual .banner-main li{width: 33.33%; background: #fff; line-height: 50px;}
    .main-visual .banner-main img{width: 100px;}
    .bg01{background-position: 73% 0px;}
    .bg02{background-position: 75% 0px;}
    /* 메인제품소개 */
    .main-products-wrap { padding:45px 0;}
    .title h3{font-size: 28px;}
    .main-products > div { width:85%;}
    .box-slide{padding-bottom: 50px;}
    .slide-list{margin: 0 30px;}
    .main-products .img-box { float:none; width:100%;}
    .main-products .txt-box { float:none; width:100%; margin:30px 0 0 0;}
    .main-products .txt-box h3 { margin-bottom:15px; font-size:24px;}
    .main-products .txt-box h4 { font-size:15px;}
    .main-products .txt-box p { margin:7px 0 20px; font-size:13px;}
    .main-products-nav { width:320px; margin:30px auto 0;}
    .main-products-nav .slick-slide img { width:100px;}
    /* STi 전기가마사업부 */
    .main-content-wrap{background: #f2f2f2;}
    .main-content-wrap ul{width: 100%;}
    .main-content-wrap ul li:nth-child(1) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li:nth-child(2) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li:nth-child(3) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li:nth-child(4) a{background-position: center 30%; background-size:50px; }
    .main-content-wrap ul li a{padding:110px 0 50px; font-size: 14px;}
    .main-content-wrap .video-box{width: 100%;}

    /* ************************************** *
     * sub layout
     * ************************************** */
    /* 서브비주얼 */
    .sub-visual { height:200px; background-size:auto 100%;}
    .sub-visual h3{font-size: 25px; top:40%;}
    .sub-visual p{top:60%; line-height: 20px; font-size: 14px;}
    /* snb */
    #snb{height: 50px;}
    #snb > ul{width: 100%; line-height: 50px;}
    #snb > ul .home{width: 10%; display: none;}
    #snb > ul .sub-menu{width: 50%; box-sizing: border-box;}
    #snb > ul > li > .btn-snb-deps01{line-height: 50px;font-size: 13px;}
    #snb > ul > li > .btn-snb-deps02{line-height:50px;font-size: 13px; }
    .snb-deps-list{top:51px; left: -1px; width:101.5%;}
    .snb-deps_list li a{font-size: 13px;}
    /* stle */
    #stle { padding:10px 0 20px; background-size:25px;}
    #stle h2 { padding-top:26px; background-size:30px; font-size:27px; padding: 0; padding-top: 30px;}
    /* 컨텐츠내부 */
    .content-box { width:100%; margin:15px auto 0; min-height:250px; padding: 50px 20px;}



}
