@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1800px) {
.main-btn{margin-left:-47.5%}
.enm{height:auto;padding-bottom:35%}

}

@media only screen and (max-width:1596px) {
p.mb-title{font-size:36px}
p.mtext{bottom:32px;font-size:16px;left:2.5em}
.main-text li img{width:30%}
.man1{left:1%}
.man2{right:1%}
}

@media only screen and (max-width:1400px) {
.main-text li{width:50%;margin-bottom:2em}
.main-text li>a{padding-bottom:10%;padding:2em}
.main-text li img{width:20%;max-width:124px}
p.mtext{display:none}
}

@media only screen and (max-width:1200px) {
#section4{background:#fff}
.gnb{display:none}
.product{padding-bottom:0}
.menu-bt-wrapper{display:block}
html, body, .wrap, html .wrap, body .wrap, body .wrap #wrap, body .wrap #wrap #section1{min-height:auto;height:auto}
.down-arrow{display:none !important}
.obj, .obj2, .obj3{position:relative;margin:50px auto;width:100%;left:0;text-align:center;margin-left:0;height:auto;margin-top:0}
.contact{height:300px}
.root_daum_roughmap{height:300px !important}
.root_daum_roughmap .wrap_btn_zoom{display:none !important}
#section1 .main-bg, #section1 .main-bg>div{height:800px}
.mainimg{margin-top:-160px}
p.mb-title{font-size:36px;margin-top:5px}
p.ms-title{padding-top:10px}
.main-text li img{right:2em;width:25%;max-width:124px}
.hidd{overflow-y:scroll !important}
.mf{position:relative}
body .wrap #wrap #section1, #wrap #section1{min-height:auto;height:auto}
.s-title, .s-txt, .go-link{opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
.s-title{font-size:20px;-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.pfixed.logo{top:10px}
#header.pfixed{}
#wrap h2{font-size:48px;font-weight:900}
.pl1, .pl2, .pl3, .pl4, .man2, .pr1, .pr2, .pr3, .pr4, .man1{opacity:1;-ms-filter:alpha(opacity=100);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)}
.more{top:-2px;height:20px;width:20px}
#s-nav{display:none !important}
#section5{padding-bottom:0 !important}
.last-obj{margin-bottom:7em}
.aa{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.bb{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.cc{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.dd{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.history li .photo-area img{width:35%;margin:3%;}
#section2, #section3, #section4, #section5{background-attachment:scroll}
.man1, .man2{width:30%}
.mbd{width:50%}
#section2{padding:15em 0 !important}
#section3{padding:5em 0 !important}
.left-bnr a, .right-bnr a{padding:40px 0}
.left-bnr a img, .right-bnr a img{width:80px}
.text-area1{padding-left:40px}
.gr-img{margin-left:-530px}
.br-txt3{max-width:380px}

}

@media only screen and (max-width:1000px) {
.br-txt2 strong{display:block}
.sub1_3{background-position:30% center}
}

@media only screen and (max-width:992px) {

}

@media only screen and (max-width:850px) {
.footIn{padding:0 20px}
.foot-copy{background-position:center top;padding-top:70px}

p.ms-title{font-size:18px}
p.mb-title{font-size:24px}
#section3{padding:2em 0 !important}
#section2{padding:10em 0 !important}
#section1 .main-bg, #section1 .main-bg>div{height:600px}
.text-area1, .text-area2{font-size:30px}
.maintxt{margin-top:-83px}
.text-area2{width:400px}
.pro-back{height:500px}
}

@media only screen and (max-width:800px) {
.team5{margin-left:-100px;}
.foot_layerpopup01{width:96%;margin-left:-48%}
.biz-set li div>p{font-size:24px}
.biz-set li{height:250px}
h2.eng-title{font-size:36px}
.history:before{left:115px;margin-left:0}
.history li:before{left:105px;margin-left:0}
.history li h4{text-align:left;width:100px;padding-left:10px}
.history li h4:before{right:auto;left:100px;}
.history li h4:after{right:auto;left:96px}
.history li .his-data{width:calc(100% - 105px)}
.history li:nth-child(2n) h4{float:left;padding-left:0}
.history li:nth-child(2n) .his-data{float:right;text-align:left;padding-left:30px;padding-right:0}
.history li:nth-child(2n) .his-data:before{left:0;margin-left:0}
.history li:nth-child(2n) h4:after{left:96px}
.history li:nth-child(2n) h4:before{left:100px}
.history li:nth-child(2n) h4{padding-left:10px}
.history li:nth-child(2n) span.his-txt:before{left:0}
.history:after{left:116px}
.history li{padding:20px 0 40px;min-height:auto}
h2.sub-title p{font-size:48px}
.history li .photo-area{width:auto;margin-left:125px;position:relative;text-align:left !important;margin-top:20px;}
.history li .photo-area img{max-width:100px !important;width:30%;margin:16px 10px 3px}
.rd1{border-radius:5px;border:1px solid #c43e86}
.vert2{padding-top:10px}
#wrap h2{font-weight:600}
}

@media only screen and (max-width:768px) {
.pro1-bg .col-lg-6, .pro1-bg .col-sm-6, .pro2-bg .col-lg-6, .pro2-bg .col-sm-6, .pro3-bg .col-lg-6, .pro3-bg .col-sm-6, .pro4-bg .col-lg-6, .pro4-bg .col-sm-6, .pro5-bg .col-lg-6, .pro5-bg .col-sm-6, .pro6-bg .col-lg-6, .pro6-bg .col-sm-6, .pro7-bg .col-lg-6, .pro7-bg .col-sm-6, .pro8-bg .col-lg-6, .pro8-bg .col-sm-6, .pro9-bg .col-lg-6, .pro9-bg .col-sm-6, .pro10-bg .col-lg-6, .pro10-bg .col-sm-6
{min-height:0}
.homepage-list li br{display:none}
.rmt{margin-top:60px}
.biz-max{width:auto;display:block}
#section3{overflow:hidden}
.man1, .man2{width:45%}
.man1{left:-10%}
.man2{right:-10%}
}

@media only screen and (max-width:720px) {
.shop li{float:none;width:100%;}
.shop-arrow{padding:70px 0}
.shop-arrow:before{background: url(/images/c_arrow_right3.png) no-repeat left;width:38px;height:21px;top:10%;left:50%;margin-left:-19px}
.shop-arrow:after{background: url(/images/c_arrow_right3.png) no-repeat right;width:38px;height:21px;top:85%;right:50%;margin-right:-19px}
.shop li>div{width:240px;margin:0 auto}
}


@media only screen and (max-width:680px) {
.biz-set li div>p{font-size:18px;font-weight:900}
.vert1{padding-top:10px}
.vert2{padding-top:9px}


}

@media only screen and (max-width:640px) {
.main-text li{margin-bottom:1.5em}
.mainimg{padding:0 10px}
.logo{left:15px}
.menu-bt-wrapper{right:15px}
.pfixed.logo{top:12px}
.logo img{-webkit-transform:matrix(0.8, 0, 0, 0.8, -20, -3);-ms-transform:matrix(0.8, 0, 0, 0.8, -20, -3);transform:matrix(0.8, 0, 0, 0.8, -20, -3)}
.main-text li img{right:1em;bottom:15px}
.obj{padding:0 20px}

.step{font-size:14px}
.biz-img{width:150px;height:150px}
.biz-img p{font-size:18px;margin-top:-20px}
h2.sub-title p{font-size:30px}
h2.sub-title ul{margin:20px auto;width:80%}
h2.sub-title ul li>a{font-size:18px}
.text-area2{width:340px}
.sub1_1{height:400px;padding-top:50px}
.br-txt1{font-size:18px}
.br-txt2{font-size:30px;margin-top:0}
.br-txt3{font-size:14px;margin-top:10px;max-width:280px}
.br-txt4{margin-top:10px}
.br-txt4 img{width:120px}
.sub1_2{height:400px;}
.gr-img{width:300px;bottom:-100px;margin-left:-330px;bottom:-100px}
.gr-txt{padding-top:80px;line-height:150%}
.gr1, .gr2{font-size:14px;}
.gr1{margin-bottom:20px}
.sub1_3{padding-top:80px;height:400px;background-position:15%}
.ch-title{font-size:18px;background-size:25px;padding:3px 0 0 28px;}
.ch-txt{padding-left:30px;font-size:14px;margin-bottom:20px}
.foot-content{padding:20px 0;font-size:12px}
.foot-txt{padding-left:28px}
.foot-logo{width:140px}
body{font-size:0.8em}
.bbs-visual{height:50px}
h2.sub-title{padding-top:15px}
h3.bo-title{font-size:2.5em}
}

@media only screen and (max-width:580px) {
p.ms-title{font-size:14px}
p.mb-title{font-size:18px}
.main-text li>a{height:180px}
.main-text li{padding:0 2px;margin-bottom:4px}
span.mss{display:none}
div.title{font-size:30px;max-width:300px}
#wrap h2{font-size:32px}
.s-title{font-size:16px;line-height:120%;margin-bottom:10px}
.bg-bt li{width:100px}
.mbd{border:none;width:100%}
.obj3 img{width:80px !important}
}

@media only screen and (max-width:480px) {
h3{font-size:18px}
.man1, .man2{width:50%}
.mbd{padding:20px 0}
.man1{left:-20%}
.man2{right:-20%}
.foot-content{padding:20px 0}
.text-area1{padding-left:20px}
.foot-txt{padding:10px 0 0 30px}
.pro-back{height:400px}
.foot-logo{width:120px}
.text-area1, .text-area2{font-size:24px}
.text-area2{width:280px}
.gr-txt{padding-top:50px}
.br-txt3, .gr1, .gr2, .ch-txt{font-size:12px}
.gr1{font-weight:600;line-height:150%}
.gr2{font-weight:900}
.br-txt1{font-size:14px}
.br-txt2{font-size:24px}
.br-txt3{max-width:200px}
.br-txt4 img{width:100px}
.ch-title{font-size:16px;line-height:100%;padding:10px 0 0 28px}
.ch-txt{max-width:230px;margin-top:5px;line-height:150%}
.sub1_3{background-position:30%}
}

@media only screen and (max-width:460px) {
.partner li{width:32%}
.point-copy br{display:none}
.point-copy:before{top:0;left:0}
.point-copy:after{top:0;right:0}
h3.pro-title{font-size:30px}
p.pro-txt1{font-size:14px}
h3.ptitle{font-size:18px}

}

@media only screen and (max-width:450px) {
.step p{margin-left:-48%;width:96%}
}

@media only screen and (max-width:400px) {
h2.sub-title p{font-size:24px}
.intro-bg1{padding:30px 0}
.man1, .man2{display:none}
#section4{padding:5em 0 !important}
.pro-back{height:300px}
.left-bnr a img, .right-bnr a img{width:60px}
}
@media only screen and (max-width:360px) {
.cc .mb-title br{display:none}
}