@charset "utf-8";
#skip a {display:block;position:absolute;top:-9999px;width:100%;background:#333;font-size:18px;color:#fff;text-align:center;z-index:9999;}
#skip a:hover,
#skip a:focus {top:0;padding:15px 0;}

img {max-width:100%;}

#wrap {overflow:hidden;position:relative;min-width:320px;}

#header {position:fixed;top:0;left:0;width:100%;background:rgba(25,30,39,.85);transition:.3s;box-sizing:border-box;z-index:200;}
#header span,
#header a {font-family:'Open Sans',sans-serif;letter-spacing:0;word-spacing:0;}
#header:before {display:block;position:absolute;top:90px;left:0;width:100%;height:1px;transition:.3s;opacity:0;content:'';z-index:0;}
#header .inner {position:relative;height:90px;max-width:1306px;margin:0 auto;font-size:0;text-align:center;z-index:10;}
#header .logo {position:absolute;top:18px;left:0;width:52px;height:52px;}
#header .logo a {display:block;width:100%;height:100%;background:url(../images/logo.png) no-repeat;text-indent:-9999px;}
#header .menu {display:none;position:absolute;top:50%;right:20px;width:22px;height:18px;margin-top:-9px;border:none;background:none;}
#header .menu span,
#header .menu:before,
#header .menu:after {display:block;position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#fff;transition:.3s;content:'';}
#header .menu:before {top:0;}
#header .menu:after {bottom:0;}
#header .menu span {top:50%;margin-top:-1px;}
/*
#vis {position:relative;height:750px;padding:0 20px;background:url(../images/vis.jpg) no-repeat 50% 0;background-attachment:fixed;font-size:0;text-align:center;white-space:nowrap;}
#vis:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
#vis h2 {display:inline-block;font-size:65px;font-weight:300;line-height:1.2em;color:#fff;white-space:normal;vertical-align:middle;}
#vis h2 span {display:block;letter-spacing:-.075em;letter-spacing:-.05em;}
#vis h2 span strong {letter-spacing:-.075em;letter-spacing:-.05em;}
*/
#vis h2 {display:none;}
#vis {position:relative;overflow:hidden;height:100vh;}
#vis video {position:absolute;top:0;left:0;width:auto;height:auto;min-width:100%;min-height:100%;display:block;}



.no-video #vis {position:relative;height:750px;padding:0 20px;background:url(../images/vis.jpg) no-repeat 50% 0;background-attachment:fixed;font-size:0;text-align:center;white-space:nowrap;}
.no-video #vis:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
.no-video #vis h2 {display:inline-block;font-size:65px;font-weight:300;line-height:1.2em;color:#fff;white-space:normal;vertical-align:middle;}
.no-video #vis h2 span {display:block;letter-spacing:-.075em;letter-spacing:-.05em;}
.no-video #vis h2 span strong {letter-spacing:-.075em;letter-spacing:-.05em;}
.no-video #vis video {display:none;}


#pdt {position:relative;padding:0 20px;}
#pdt .inner {max-width:1200px;margin:0 auto 0;padding:100px 10px;background:#fff;}
#pdt .tit {color:#313335;text-align:center;}
#pdt .tit h3 {font-family:'Open Sans',sans-serif;font-size:54px;font-weight:600;}
#pdt .tit p {margin-top:25px;font-size:26px;font-weight:300;line-height:1.4em;letter-spacing:-.05em;}
#pdt .area {margin:70px -10px -50px;font-size:0;text-align:center;}
#pdt .area .box {display:inline-block;position:relative;width:33.33333%;padding:0 10px;color:#323335;text-align:center;vertical-align:top;box-sizing:border-box;margin-bottom:50px;}
#pdt .area .box a {display:block;position:relative;}
#pdt .area .box a:before {display:inline-block;width:150px;height:150px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:'';}
#pdt .area .box1 a:before {background-image:url(../images/ico-pdt1.png);}
#pdt .area .box2 a:before {background-image:url(../images/ico-pdt2.png);}
#pdt .area .box3 a:before {background-image:url(../images/ico-pdt3.png);}
#pdt .area .box4 a:before {background-image:url(../images/ico-pdt4.png);}
#pdt .area .box5 a:before {background-image:url(../images/ico-pdt5.png);}
#pdt .area .box6 a:before {background-image:url(../images/ico-pdt6.png);}
#pdt .area .box7 a:before {background-image:url(../images/ico-pdt7.png);}
#pdt .area .box8 a:before {background-image:url(../images/ico-pdt8.png);}
#pdt .area .box dl {margin-top:30px;color:#323335;}
#pdt .area .box dl dt {font-family:'Open Sans',sans-serif;font-size:36px;font-weight:600;}
#pdt .area .box dl dd {margin-top:25px;font-size:18px;font-weight:300;line-height:1.5em;}


#news {overflow:hidden;position:relative;padding:0 20px;background:#f8f8f8;}
#news .inner {position:relative;max-width:1200px;margin:0 auto;}
#news .inner:before {position:absolute;top:0;right:100%;width:2000px;height:100%;background:#e7f1fa;content:'';}
#news .inner:after {display:block;clear:both;content:'';}
#news .inner > * {float:left;height:654px;padding-top:95px;box-sizing:border-box;}
#news .title {width:40.67796%;background:#e7f1fa;}
#news .title h3 {font-family:'Open Sans',sans-serif;font-size:54px;font-weight:600;line-height:1em;color:#313335;}
#news .title .sum {margin-top:30px;font-size:26px;font-weight:300;line-height:1.2em;color:#323335;}
#news .title .btn {margin-top:90px;}
#news .title .btn a {display:inline-block;position:relative;padding-right:65px;font-size:24px;font-weight:300;color:#477dde;}
#news .title .btn a:before {display:block;position:absolute;top:50%;right:0;width:40px;height:30px;margin-top:-15px;background:url(../images/ico-arr-news.png) no-repeat;content:'';}
#news .board {position:relative;width:59.32204%;padding-left:20px;}
#news .board .area {max-width:520px;margin:0 auto;padding-top:17px;}
#news .board .area .roll {position:static;}
#news .board .area .roll *:focus {outline:none !important;}
#news .board .area .head {position:relative;margin-bottom:15px;font-family:'Open Sans',sans-serif;}
#news .board .area .head strong {font-size:32px;color:#313335;}
#news .board .area .head span {display:block;position:absolute;right:0;bottom:0;font-size:18px;color:#999;}
#news .board .area .img {max-width:520px;margin:0 auto;}
#news .board .area .img span {display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding-top:49.61538%;}
#news .board .area .info {margin-top:40px;}
#news .board .area .info .subject {overflow:hidden;font-size:30px;color:#313335;text-overflow:ellipsis;white-space:nowrap;}
#news .board .area .info .sum {overflow:hidden;height:2.8em;margin-top:15px;font-size:18px;font-weight:300;line-height:1.4em;color:#787878;}
#news .board .area .info .date {display:none;margin-top:15px;font-size:14px;color:#999;}

#news .slick-arrow {display:block;overflow:visible;position:absolute;right:0;width:14px;height:19px;border:none;background-color:transparent;background-repeat:no-repeat;font-size:0;text-align:left;text-indent:-9999px;z-index:100;}
#news .slick-arrow.slick-prev {top:100px;background-image:url(../images/news-prev.png);}
#news .slick-arrow.slick-next {top:139px;background-image:url(../images/news-next.png);}
#news .slick-arrow:hover {background-position:-14px 0;}


#we {padding:105px 0 100px;background:url(../images/we-bg.jpg) no-repeat 50% 0;background-attachment:fixed;color:#fff;text-align:center;}
#we h3 {font-family:'Open Sans',sans-serif;font-size:54px;font-weight:600;}
#we dl {margin:30px 0 45px;}
#we dl dt {font-size:26px;}
#we dl dd {margin-top:13px;font-size:18px;font-weight:300;line-height:1.5em;}
#we p a {display:inline-block;overflow:hidden;position:relative;width:280px;height:60px;border:2px solid #fff;border-radius:30px;transition:.3s;font-size:24px;line-height:56px;color:#fff;box-sizing:border-box;}
#we p a span {display:inline-block;position:relative;z-index:10;}
#we p a:hover {background:#fff;color:#477dde;}


#footer {background:#2c3545;}
#footer a,
#footer span {font-family:'Open Sans',sans-serif;}
#footer .inner {position:relative;max-width:1200px;margin:0 auto;padding-bottom: 1px;}
#footer .top {padding:55px 20px;border-bottom:1px solid #4a515f;font-size:0;}
#footer .top .gnb > li {display:inline-block;width:25%;vertical-align:top;box-sizing:border-box;box-sizing:border-box;;}
#footer .top .gnb > li > a {font-size:24px;color:#fff;}
#footer .top .gnb > li > ul {margin-top:28px;}
#footer .top .gnb > li > ul > li ~ li {margin-top:24px;}
#footer .top .gnb > li > ul > li > a {transition:.3s;font-size:18px;color:#828b9a;}
#footer .top .gnb > li > ul > li > a:hover {color:#fff;}
#footer .top .gnb * {letter-spacing:0;}
#footer .bot {padding:35px 20px;color:#7c8492;}
#footer .bot h2 {position:absolute;top:50%;right:0;width:36px;height:36px;margin-top:-18px;background:url(../images/foot-logo.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;}
#footer .bot address {font-size:0;}
#footer .bot address span {display:inline-block;position:relative;font-size:16px;}
#footer .bot address span ~ span {margin-left:28px;padding-left:18px;}
#footer .bot address span a {color:#fff;display:block;}
#footer .bot address span ~ span:before {display:block;position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#7c8492;content:'';}
#footer .bot address span:last-child:before {background:#fff;}
#footer .bot p {margin-top:12px;font-size:16px; float: left; margin-right: 20px;}
#footer .bot p a {color:#7c8492;transition:.3s;}
#footer .bot p a:hover {color:#fff;}


#svis {position:relative;height:450px;padding-top:90px;background:url(../images/svis1.jpg) no-repeat 50% 0;background-attachment:fixed;font-size:0;text-align:center;white-space:nowrap;box-sizing:border-box;}
#svis:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
#svis dl {display:inline-block;color:#fff;white-space:normal;vertical-align:middle;}
#svis dl dt {font-size:65px;font-weight:bold;text-shadow:0 0 5px rgba(0,0,0,.3);}
#svis dl dd {margin-top:20px;font-size:24px;font-weight:300;text-shadow:0 0 5px rgba(0,0,0,.5);line-height:1.4em;}
.sub2 #svis {background-image:url(../images/svis2.jpg);}
.sub3 #svis {background-image:url(../images/svis3.jpg);}
.sub4 #svis {background-image:url(../images/svis4.jpg);}
.sub5 #svis {background-image:url(../images/svis4.jpg);}

#snb {width:100%;background:rgba(255,255,255,.9);font-size:0;text-align:center;box-shadow:inset 0 -1px 0 #e1e1e1;box-sizing:border-box;z-index:150;}
#snb a {display:inline-block;position:relative;height:71px;transition:.3s;font-size:18px;line-height:71px;color:#323335;vertical-align:top;box-sizing:border-box;letter-spacing:-0.03em;}
#snb a:before {display:block;position:absolute;top:50%;left:0;width:0;height:1px;margin-top:10px;background:#477dde;transition:.3s;opacity:0;content:'';}
#snb a ~ a {margin-left:117px;}
#snb a span {font-family:'Open Sans',sans-serif;letter-spacing:0;}
#snb .active {color:#477dde;}
#snb .active:before {width:100%;opacity:1;}

.snbFix #snb {position:fixed;top:90px;left:0;}
.snbFix #section {margin-top:72px;}


.sub #section {padding:100px 20px 120px;}
.sub #content {max-width:1180px;margin:0 auto;}


#inq {background:url(../images/inq-bg.jpg) no-repeat 50% 0;}
#inq .inner {position:relative;height:250px;max-width:1180px;margin:0 auto;font-size:0;text-align:center;white-space:nowrap;}
#inq .inner:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
#inq .inner dl {display:inline-block;color:#fff;white-space:normal;vertical-align:middle;}
#inq .inner dl dt {font-size:34px;}
#inq .inner dl dd {margin-top:10px;font-size:18px;font-weight:300;}
#inq .inner a {display:block;position:absolute;top:50%;right:-55px;width:260px;height:100px;margin-top:-50px;background:#37e8c4;font-size:24px;line-height:100px;color:#fff;text-align:center;}
#inq .inner a:after {display:inline-block;width:40px;height:30px;margin-left:25px;background:url(../images/ico-arr-news.png) no-repeat;vertical-align:middle;content:'';}
#inq > a {display:block;height:80px;width:80px;box-sizing:border-box;padding-top:20px;position:fixed;right:30px;top:50%;margin-top:-40px;background:#37e8c4;text-align:center;color:#fff;font-size:16px;border-radius:50%;z-index:500;transition:0.3s;}
#inq > a::after {display:block;width:30px;height:20px;margin:5px auto 0;background:url(../images/ico-arr-news.png) no-repeat 50% 50%;background-size:contain;vertical-align:middle;content:'';}
#inq.btnHide > a {opacity:0;transform:translate3d(30px,0,0);visibility:hidden;}
#inq .QR_box{width: 80px; height: 80px; position: fixed; right: 30px; top: 58%;}

.__article {position:relative;min-height:210px;padding-bottom:90px;box-sizing:border-box;}
.__article .tit {position:relative;margin-bottom:70px;}
.__article .tit h3 {position:relative;font-family:'Open Sans','Noto Sans KR',sans-serif;font-size:50px;font-weight:bold;color:#323335;}
.__article .tit p {position:absolute;top:100%;left:0;margin-top:30px;padding-top:30px;font-size:28px;line-height:1.3em;color:#323335;}
.__article .tit p:before {display:block;position:absolute;top:0;left:0;width:30px;height:6px;background:#323335;content:'';}
.__article .wrap {padding-left:400px;}
.__article + .__article {padding-top:95px;border-top:1px solid #e1e1e1;}

.__article.inq {padding-bottom:0;}
.__article.loc {border-top:none;}


.__qJump {margin:35px -10px -20px;font-size:0;}
.__qJump .box {display:inline-block;width:50%;padding:0 10px;margin-bottom:20px;text-align:center;vertical-align:top;box-sizing:border-box;}
.__qJump .box dl {border:1px solid #e1e1e1;}
.__qJump .box dl dt {height:111px;box-sizing:border-box;}
.__qJump .box dl dt:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
.__qJump .box dl dt span {display:inline-block;position:relative;padding-bottom:20px;font-family:'Open Sans',sans-serif;font-size:24px;font-weight:600;color:#477dde;vertical-align:middle;}
.__qJump .box dl dt span:before {display:block;position:absolute;bottom:0;left:50%;width:20px;height:4px;margin-left:-10px;background:#477dde;content:'';}
.__qJump .box dl dd {height:104px;background:url(../images/qjump-bg.gif);white-space:nowrap;}
.__qJump .box dl dd:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
.__qJump .box dl dd span {display:inline-block;max-width:100%;font-size:16px;font-weight:300;line-height:1.6em;color:#323335;white-space:normal;vertical-align:middle;}


.__qValue {margin:80px -30px -80px;font-size:0;}
.__qValue .box {display:inline-block;width:33.33333%;margin-bottom:80px;text-align:center;vertical-align:top;}
.__qValue .box > * {display:block;}
.__qValue .box img {max-width:150px;}
.__qValue .box strong {margin-top:35px;font-size:18px;font-weight:normal;color:#477dde;}


.__pdtHead {margin-bottom:50px;text-align:center;}
.__pdtHead h3 {font-size:50px;color:#323335;}
.__pdtHead .__txt18 {position:relative;margin-top:36px;padding-top:36px;}
.__pdtHead .__txt18:before {display:block;position:absolute;top:0;left:50%;width:30px;height:6px;margin-left:-15px;background:#323335;content:'';}
.__pdtHead .img {position:relative;margin-top:55px;padding-bottom:80px;text-align:left;}
.__pdtHead .img .bg {display:block;height:400px;background:url(../images/crm-head.jpg) no-repeat;background-size:cover;}
.__pdtHead .img .float {position:absolute;bottom:0;left:100%;width:2000px;margin:-320px 0 0 -380px;background:#477dde;}
.__pdtHead .img .float .txt {display:inline-block;width:380px;height:400px;padding:80px 0 0 80px;font-size:40px;font-weight:300;line-height:1.3em;color:#fff;box-sizing:border-box;}
.__pdtHead .img .float .txt span {display:block;position:relative;letter-spacing:-.05em;white-space:nowrap;}
.__pdtHead .img .float .txt span:last-child:before {display:block;position:absolute;position:absolute;top:50%;right:0;width:100%;height:2px;margin-top:-1px;background:#fff;content:'';}
.__pdtHead .img .float .txt span em {display:inline-block;position:relative;padding-right:15px;background:#477dde;font-weight:300;}

.__pdtHead .video {position:relative;padding-bottom:56.25%;/* 16:9  4:3 = 75%*/height:0;overflow:hidden;margin-top:55px;margin-bottom:100px;}
.__pdtHead .video iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:none;}

.__pdtHead .grayBox {margin-top:15px;padding:15px;background:#f8f8f8;font-size:0;text-align:center;}
.__pdtHead .grayBox li {display:inline-block;position:relative;margin:3px 15px;padding-left:15px;font-size:18px;font-weight:300;line-height:1.4em;color:#787878;vertical-align:top;}
.__pdtHead .grayBox li:before {display:block;position:absolute;top:10px;left:0;width:6px;height:6px;border-radius:50%;background:#787878;content:'';}
.__pdtHead + .tit {margin-top:150px;}

.__pdtHead.lims .img .bg {background-image:url(../images/lims-head.jpg);}
.__pdtHead.sfp .img .bg {background-image:url(../images/sfp-head.jpg);}
.__pdtHead.mes .img .bg {background-image:url(../images/mes-head.jpg);}
.__pdtHead.next .img .bg {background-image:url(../images/next-head.jpg);}
.__pdtHead.rws .img .bg {background-image:url(../images/rws-head.jpg);}
.__pdtHead.edms .img .bg {background-image:url(../images/edms-head.jpg);}
.__pdtHead.srm .img .bg {background-image:url(../images/srm-head.jpg);}
.__pdtHead.about .img .bg {background-image:url(../images/about-head.jpg);}


.__advantage {margin-bottom:90px;}
.__advantage .square {position:relative;margin:0 -10px;font-size:0;white-space:nowrap;box-sizing:border-box;z-index:10;}
.__advantage .square.leng7 .box {width:calc(100% / 7);}
.__advantage .square.leng6 .box {width:calc(100% / 6);}
.__advantage .square.leng5 .box {width:calc(100% / 5);}
.__advantage .square.leng4 .box {width:calc(100% / 4);}
.__advantage .square .box {display:inline-block;padding:0 10px;vertical-align:top;box-sizing:border-box;}
.__advantage .square .box .in {height:150px;padding:0 10px;border:1px solid #d7d7d7;border-bottom:2px solid #323335;background:#fff;text-align:center;}
.__advantage .square .box .in:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
.__advantage .square .box .in span {display:inline-block;font-size:20px;color:#323335;white-space:normal;vertical-align:middle;}
.__advantage .grabBox {margin:-77px -1000px 0;padding:125px 0 95px;background:#f8f8f8;}
.__advantage .grabBox .inner {max-width:1180px;margin:0 auto;}
.__advantage .grabBox dl {position:relative;padding-left:200px;font-size:18px;font-weight:300;line-height:1.6em;}
.__advantage .grabBox dl ~ dl {margin-top:10px;}
.__advantage .grabBox dl dt {position:absolute;top:0;left:0;padding-left:17px;color:#477dde;white-space:nowrap;}
.__advantage .grabBox dl dt:before {display:block;position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background:#477dde;content:'';}
.__advantage .grabBox dl dd {color:#323335;}

.__advantage .itArea .box {position:relative;width:100%;font-size:0;}
.__advantage .itArea .box ~ .box {margin-top:70px;}
.__advantage .itArea .box:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__advantage .itArea .box:after {content:"";display:block;clear:both;}
.__advantage .itArea .box > div {vertical-align:middle;box-sizing:border-box;}
.__advantage .itArea .box .img {width:54.23728%;}
.__advantage .itArea .box .info {font-size:0;width:45.27272%;}
.__advantage .itArea .box .info:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__advantage .itArea .box .info dl {display:inline-block;vertical-align:middle;}
.__advantage .itArea .box .info dl dt {font-size:24px;color:#323335;line-height:1.5em;}
.__advantage .itArea .box .info dl dd {color:#787878;font-size:18px;line-height:1.7em;margin-top:10px;font-weight:300;}
.__advantage .itArea .box:nth-child(odd) .info {padding-left:40px;position:absolute;right:0;top:0;height:100%;}
.__advantage .itArea .box:nth-child(even) .img {margin-left:45.27272%;}
.__advantage .itArea .box:nth-child(even) .info {padding-right:40px;position:absolute;left:0;top:0;height:100%;}


.__function {margin-bottom:100px;}
.__function .area {margin:0 -20px;font-size:0;}
.__function .area .box {display:inline-block;width:25%;padding:0 20px 35px;vertical-align:top;box-sizing:border-box;}
.__function .area.leng3 .box {width:33.333333%;}
.__function .area.leng4 .box {width:25%;}
.__function .area .box dl {position:relative;padding-top:13px;}
.__function .area .box dl dt {position:absolute;top:0;left:0;width:calc(100% - 20px);height:60px;padding-left:25px;background:#477dde;font-size:20px;line-height:60px;color:#fff;box-sizing:border-box;}
.__function .area .box dl dd {padding:75px 15px 30px 25px;border:1px solid #d7d7d7;font-size:16px;line-height:1.6em;color:#323335;}
.__function .area .box dl dd ul li {position:relative;padding-left:1em;font-weight:300;}
.__function .area .box dl dd ul li ~ li {margin-top:5px;}
.__function .area .box dl dd ul li:before {position:absolute;top:0;left:0;content:'-';}
.__function .area .box dl dd ul li span {color:#787878;}


.__screenShot {position:relative;margin:0 -1000px;padding:100px 0 155px;background:#26292e;font-size:0;}
.__screenShot .slick-slider {position:static;}
.__screenShot .slick-list {overflow:visible;position:static;}

.__screenShot .slick-dots {position:absolute;bottom:100px;left:50%;width:500px;margin-left:-250px;font-size:0;text-align:center;z-index:100;}
.__screenShot .slick-dots li {display:inline-block;margin:0 10px;vertical-align:top;}
.__screenShot .slick-dots li button {width:16px;height:16px;border:none;border-radius:50%;background:#fff;text-indent:-9999px;box-sizing:border-box;}
.__screenShot .slick-dots .slick-active button {background:#477dde;}
.__screenShot .box dl {transition:.3s;color:#fff;text-align:center;opacity:0;transform:scale(.8);}
.__screenShot .box dl dt {margin-top:35px;font-size:20px;line-height:1.6em;}
.__screenShot .box dl dd {margin-top:10px;font-size:16px;font-weight:300;line-height:1.6em;}
.__screenShot .slick-current .box dl {opacity:1;transform:scale(1);}

.__screenShot .slick-arrow {display:block;overflow:visible;position:absolute;top:330px;width:35px;height:62px;border:none;font-size:0;text-align:left;text-indent:-9999px;z-index:100;}
.__screenShot .slick-arrow.slick-prev {right:50%;margin-right:570px;background:url(../images/screenshot-prev.png) no-repeat;}
.__screenShot .slick-arrow.slick-next {left:50%;margin-left:570px;background:url(../images/screenshot-next.png) no-repeat;}


.__effect {padding:90px 20px 0;}
.__effect .area {margin:90px -10px 0;font-size:0;}
.__effect .area.leng3 .box {width:33.33333%;}
.__effect .area .box {display:inline-block;width:25%;padding:0 10px 50px;text-align:center;vertical-align:top;box-sizing:border-box;}
.__effect .area .box .img img {width:150px;}
.__effect .area .box dl {margin-top:30px;}
.__effect .area .box dl dt {font-size:20px;color:#323335;}
.__effect .area .box dl dd {margin-top:10px;font-size:16px;font-weight:300;line-height:1.5em;}


.__newsList .box {display:block;position:relative;margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #e1e1e1;box-sizing:border-box;}
.__newsList .box .info {position:relative;}
.__newsList .box .info .subject {display:inline-block;overflow:hidden;position:relative;max-width:100%;font-size:20px;color:#323335;text-overflow:ellipsis;white-space:nowrap;}
.__newsList .box .info .subject:before {display:block;position:absolute;bottom:0;left:0;width:0;height:1px;background:#323335;transition:.5s;opacity:0;content:'';}
.__newsList .box .info .sum {overflow:hidden;max-height:3.2em;margin-top:30px;font-size:16px;font-weight:300;line-height:1.6em;}
.__newsList .box .info .date {margin-top:50px;font-size:16px;font-weight:300;color:#787878;}

.__newsList .box .img {overflow:hidden;position:absolute;top:0;right:0;width:46%;height:240px;}
.__newsList .box .img span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 0;background-repeat:no-repeat;background-size:cover;transition:1.5s;}
.__newsList .box .img + .info {width:54%;height:240px;padding-right:20px;box-sizing:border-box;}
.__newsList .box .img + .info .date {position:absolute;bottom:0;left:0;margin-top:0;}
.__newsList .box .img + .info .sum {max-height:6.4em;}
.__newsList .box:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.__newsList .box:hover .info .subject:before {width:100%;opacity:1;}
.__newsList .box:hover .img span {transform:scale(1.1) rotate(2deg);}


.__contact .info dl {position:relative;padding-left:107px;font-size:18px;color:#323335;}
.__contact .info dl ~ dl {margin-top:12px;}
.__contact .info dl dt {position:absolute;top:0;left:0;}
.__contact .loc {margin-top:35px;}
.__contact .loc .root_daum_roughmap {width:100% !important;}
.__contact .loc .wrap_map {height:300px !important;}
.__contact .loc .map_border {display:none;}


.__boardView {max-width:980px;margin:0 auto;}
.__boardView .head {margin-bottom:35px;padding-bottom:40px;border-bottom:1px solid #e1e1e1;text-align:center;}
.__boardView .head .date {font-size:16px;font-weight:300;color:#787878;}
.__boardView .head .subject {margin-top:20px;font-size:28px;line-height:1.3em;color:#323335;}
.__boardView .con {font-size:18px;font-weight:300;line-height:1.8em;color:#787878;}
.__boardView .con * {max-width:100% !important;}


.__botArea {position:relative;min-height:60px;margin-top:70px;}
.__botArea .cen {text-align:center;}
.__botArea .lef {position:absolute;top:0;left:0;}
.__botArea .rig {position:absolute;top:0;right:0;}
.__botArea .__btn1 ~ .__btn1 {margin-left:15px;}

.__paging {font-size:0;}
.__paging .arr,
.__paging .num {display:inline-block;position:relative;width:32px;height:32px;margin:0 5px;border-radius:50%;line-height:32px;color:#888;text-align:center;vertical-align:top;box-sizing:border-box;z-index:0;}
.__paging .num {font-size:14px;}
.__paging .arr i {display:block;font-size:18px;line-height:32px;}
.__paging .num:hover,
.__paging .arr:hover {color:#000;}
.__paging .num.active {background:#477dde;font-weight:500;color:#fff;}
.__paging .prev {margin-right:10px;}
.__paging .next {margin-left:10px;}

.__btn1 {display:inline-block;width:160px;height:60px;border:1px solid #323335;background:#323335;font-size:16px;font-weight:300;line-height:58px;color:#fff;text-align:center;box-sizing:border-box;}
.__btn1.gray {border-color:#ccc;background:#ccc;}


.__agree {margin-bottom:80px;font-size:16px;font-weight:300;line-height:1.6em;color:#787878;}
.__agree .head h4 {font-weight:normal;color:#323335;}
.__agree .head p {margin-top:7px;}
.__agree .cont .close {display:none;}
.__agree .area {overflow:auto;height:350px;margin-top:35px;padding-bottom:20px;border-bottom:1px solid #e1e1e1;}
.__agree .area .num > li {position:relative;padding-left:30px;}
.__agree .area .num > li ~ li {margin-top:30px;}
.__agree .area .num .dot {margin-top:10px;}
.__agree .area .num .tbl {margin-top:10px;}
.__agree .area .num > li > span {position:absolute;top:0;left:0;}
.__agree .area .dot > li {position:relative;padding-left:15px;}
.__agree .area .dot > li ~ li {margin-top:3px;}
.__agree .area .dot > li:before {display:block;position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:50%;background:#323335;content:'';}
.__agree .area .tbl {width:100%;border-top:1px solid #323335;table-layout:auto;}
.__agree .area .tbl tr > * {padding:15px 5px;border-bottom:1px solid #e1e1e1;text-align:center;box-sizing:border-box;}
.__agree .area .tbl tr th {font-size:14px;font-weight:normal;color:#323335;}
.__agree .area .tbl tr td {font-size:16px;color:#323335;}
.__agree .area .tbl tr td strong {display:inline-block;padding-bottom:3px;border-bottom:1px solid #323335;font-size:20px;font-weight:normal;letter-spacing:-0.075em;}
.__agree .area .tbl tr td strong ~ strong {margin-top:5px;}
.__agree .lab {position:relative;margin-top:15px;font-weight:normal;color:#323335;}
.__agree .lab button {display:none;position:absolute;top:50%;right:0;margin-top:-7px;border:none;background:none;font-size:14px;line-height:1em;color:#787878;}

.__lab {display:inline-block;position:relative;padding-left:30px;}
.__lab input {position:absolute;top:0;left:-9999px;}
.__lab .ico {display:block;position:absolute;top:50%;left:0;width:22px;height:22px;margin-top:-11px;border:1px solid #ccc;box-sizing:border-box;content:'';}
.__lab .ico:before {display:block;position:absolute;width:100%;height:100%;transition:.2s;opacity:0;transform:scale(0);content:'';}
.__lab.chk .ico:before {top:-3px;left:-2px;border-radius:50%;font-family:axicon;font-size:26px;line-height:1em;color:#343537;content:'\e6b0';}
.__lab.rad .ico {border-radius:50%;}
.__lab.rad .ico:before {top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#323335;}
.__lab input:checked + .ico:before {opacity:1 !important;transform:scale(1) !important;}

.__write {display:table;width:100%;table-layout:fixed;}
.__write dl {display:table-row;position:relative;width:100%;font-size:16px;}
.__write dl > * {display:table-cell;border-bottom:1px solid #e1e1e1;}
.__write dl dt {width:200px;line-height:60px;color:#323335;vertical-align:top;}
.__write dl dd {min-height:60px;padding:10px 0;vertical-align:middle;box-sizing:border-box;}
.__write dl dd label {margin-right:35px;}
.__write dl dd label:last-child {margin-right:0;}

.__inp {display:inline-block;width:100%;height:40px;max-width:100%;border:none;font-size:16px;font-weight:300;box-sizing:border-box;}
textarea.__inp {height:230px;padding:10px 0;}


.__bookmark {position:relative;}
.__bookmark span {display:block;overflow:hidden;position:absolute;top:-200px;left:-9999px;height:1px;opacity:0;}

.__tit {margin-bottom:55px;}
.__tit h3 {font-size:50px;color:#323335;}
.__txt18 {font-size:18px;font-weight:300;line-height:1.8em;color:#323335;}

.__underline {padding-bottom:3px;background-image:linear-gradient(to bottom,transparent 0%,transparent calc(100% - 18px),#bbf7eb calc(100% - 18px), #bbf7eb 18px);background-repeat:no-repeat;background-size:0 100%;transition:background-size 1s;}
.__underline.active {background-size:100% 100%;}

.__blue {color:#418dff !important;}

.__privacy {font-size:16px;line-height:1.8em;}
.__privacy strong {font-weight:500;}

.__busi {margin-top:90px;}
.__busi .area {margin:0 -15px;position:relative;}
.__busi .area .box {}
.__busi .area .box .in {margin:0 15px;display:block;border:1px solid #ddd;padding:30px 15px;text-align:center;}
.__busi .area .box dl dt {font-size:14px;}
.__busi .area .box dl dd {font-size:20px;color:#222;margin-top:10px;}
.__busi .area .box p {margin-top:30px;}
.__busi .area .box p img {display:inline-block;}

.__busi .slick-arrow {position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;display:block;text-align:left;color:#333;font-size:0;border:none;background:#fff;border-radius:50%;text-indent:-9999px;overflow:visible;line-height:0;box-shadow:0 1px 6px rgba(0,0,0,0.1);transition:0.3s;z-index:100;}
.__busi .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:0;line-height:36px;text-align:center;font-size:18px;}
.__busi .slick-arrow.slick-prev {left:-5px;}
.__busi .slick-arrow.slick-next {right:-5px;}
.__busi .slick-arrow.slick-prev:after {content:"\f104";}
.__busi .slick-arrow.slick-next:after {content:"\f105";}


.qr { position: absolute; left: 50px; top: 300px; }
.about { margin-top: 150px; }
.about .img .intro { color: #ffffff; font-size: 40px; position: absolute; top: 100px; right: 100px; }
.intro2 { width: 100%; margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.intro2 .item2 { width: 49%; text-align: center; border: solid 1px #e1e1e1; box-shadow: 0px 3px 0px 0px #448dfb; margin-bottom: 70px; }
.item2 .img { padding: 20px; }
.item2 .line2 { color: #448dfb; font-size: 22px; padding-bottom: 30px; position: relative; }
.item2 .line2 p:before { display: block; position: absolute; top: 40px; left: calc(50% - 10px); width: 20px; height: 5px; background: #448dfb; content: ''; }
.item2 .jie { padding: 40px; background-color: #fafafa; word-wrap: break-word; }

#footer .select { width: 180px; padding: 10px 30px; background: #fff; color: #000; border-radius: 5px; position: relative; margin: 10px 0;} 
#footer .select img{ width: 16px; height: 8px; position: absolute; right: 20px; top: 15px; } 
#footer .families { position: absolute; width: 220px; left: 0; bottom: 35px; background-color: #fff; border-radius: 5px; padding: 10px; } 
#footer .families  a { display: block; cursor: pointer; padding: 5px; } 
#footer .families  a:hover { background: #ddd; color: #6f86da; }

@media all and (max-width:1300px){
	#inq .inner {max-width:1300px;}
	#inq .inner a {right:0;}
}

@media all and (min-width:1241px){
	/* .__screenShot .slick-track {transition:.2s;}
	.__screenShot .roll {height:630px;}
	.__screenShot .slick-slide {width:600px;margin-top:102px;transition:.3s;outline:none;opacity:0;}
	.__screenShot .slick-slide .img {position:relative;transition:.3s;opacity:0;}
	.__screenShot .slick-slide.active {opacity:1;}
	.__screenShot .slick-slide.active .img {background:#000;opacity:.3;box-shadow:3px 3px 5px rgba(0,0,0,.4);}
	.__screenShot .slick-current {position:relative;width:980px;margin:0 -350px;opacity:1 !important;z-index:100;}
	.__screenShot .slick-current .img {opacity:1 !important;box-shadow:0 5px 10px rgba(0,0,0,.7) !important;} */

	
	.__screenShot {/* margin:0 -20px;padding:100px 20px 155px; */}
	.__screenShot .slick-list {overflow:hidden;}
	.__screenShot .slick-slide .img {text-align:center;}
	.__screenShot .slick-slide .img img {display:inline-block;}
}

@media all and (max-width:1240px){
	.__advantage .grabBox {margin:-77px -20px 0;padding-left:20px;padding-right:20px;}
	
	.__pdtHead .img .float {left:auto;right:-20px;width:435px;margin:-320px 0 0 0;}
	.__pdtHead .img .float .txt {width:415px;}

	.__screenShot {margin:0 -20px;padding:100px 20px 155px;}
	.__screenShot .slick-list {overflow:hidden;}
	.__screenShot .slick-slide .img {text-align:center;}
	.__screenShot .slick-slide .img img {display:inline-block;}
}

@media all and (max-width:1200px){
	#news .title {width:38%;}
	#news .board {width:62%;}
	#news .slick-arrow {right:-10px;}
}

@media all and (min-width:1025px){
	#header {height:90px;overflow:hidden;padding:0 10px;}
	#header:hover {background:#fff;height:410px;box-shadow:0 1px 1px rgba(0,0,0,0.15);}
	#header:hover:before {opacity:1;background:#e2e2e2;}
	#header:hover .logo a {background-position:0 -52px;}
	#header:hover .gnb > li > a {color:#323335;font-weight:bold;}
	#header:hover .gnb > li > ul {border-color:#e2e2e2;}

	#header .gnb {display:inline-block;}
	#header .gnb > li {display:inline-block;vertical-align:top;position:relative;width:180px;}
	#header .gnb > li ~ li {margin-left:-1px;}
	#header .gnb > li > a {display:block;height:91px;line-height:90px;color:#fff;font-size:20px;transition:0.3s;position:relative;}
	#header .gnb > li > a:before {content:"";display:block;position:absolute;left:50%;top:0;width:0;height:4px;background:#477dde;transition:0.3s;opacity:0;}
	#header .gnb > li:hover > a:before {width:100%;opacity:1;left:0;}
	#header .gnb > li:hover > ul {background:#f8f8f8;}
	#header .gnb > li > ul {position:absolute;left:0;top:100%;width:100%;box-sizing:border-box;padding:15px 0;border:1px solid transparent;border-bottom:none;border-top:none;height:320px;transition:0.3s;overflow-y: scroll;}
	#header .gnb > li > ul::-webkit-scrollbar {
		width: 0;
	}
	#header .gnb > li > ul > li ~ li {margin-top:20px;}
	#header .gnb > li > ul > li > a {display:block;font-size:18px;color:#787878;letter-spacing:-0.025em;font-weight:300;}
	#header .gnb > li > ul > li > a > span {display:inline-block;transition:0.3s;position:relative;}
	#header .gnb > li > ul > li > a > span:before {content:"";display:block;position:absolute;left:0;bottom:0;width:0;height:1px;background:#323335;opacity:0;transition:0.3s;}
	#header .gnb > li > ul > li:hover > a {color:#000;}
	#header .gnb > li > ul > li:hover > a > span:before {width:100%;opacity:1;}

	#pdt .inner {transition:0.5s;}
	.visScr #pdt .inner {margin-top:-100px;}
}

@media all and (min-width:1025px){
	.sub2 #snb a ~ a {margin-left:60px;}
	.__effect.leng5 .area .box {width:20%;}
}

@media all and (max-width:1024px){
	#header .inner {height:60px;}
	#header .logo {width:30px;height:30px;left:20px;top:50%;margin-top:-15px;}
	#header .logo a {background-image:url(../images/logo-m.png);background-size:contain;}
	#header .nav {position:fixed;width:100%;position:fixed;left:0;top:60px;height:0;overflow:hidden;transition-delay:0.3s;}
	#header .gnb {background:#fff;width:100%;height:100%;box-sizing:border-box;opacity:0;transition:0.3s;padding-top:60px;}
	#header .gnb > li > a {display:block;font-size:20px;font-weight:300;position:relative;padding:0 40px;height:54px;line-height:54px;color:#222;}
	#header .gnb > li > a:before {content:"";display:block;position:absolute;width:10px;height:10px;box-sizing:border-box;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg);right:30px;top:20px;transition:0.3s;}
	#header .gnb > li > ul {height:0;transition:0.3s;overflow:hidden;opacity:0;}
	#header .gnb > li > ul > li > a {display:block;font-size:16px;font-weight:300;padding:8px 0 8px 55px;}
	#header .gnb > li.active > a:before {transform:rotate(135deg);top:24px;}
	#header .gnb > li.active > ul {display:block;height:auto;background:#f8f8f8;padding:25px 0;opacity:1;}
	#header .gnb > li:nth-child(1) > ul > li:nth-child(2) {display:none;}

	#header .menu {display:block;}

	.nav-on #header {background:#191e27;}
	.nav-on #header .nav {height:calc(100% - 60px);transition-delay:0s;text-align:left;}
	.nav-on #header .gnb {opacity:1;}
	.nav-on #header .menu span {width:0;opacity:0;}
	.nav-on #header .menu:before {top:50%;margin-top:-1px;transform:rotate(135deg);}
	.nav-on #header .menu:after {bottom:50%;margin-bottom:-1px;transform:rotate(-135deg);}

	/*
	#vis {background-attachment:scroll;height:460px;background-size:cover;background-position:50% 0 !important;}
	#vis h2 {font-size:40px;line-height:1.5em;transform:translate3d(0,0,0) !important;}
	*/

	#vis {position:relative;height:460px;padding:0 20px;background:url(../images/vis.jpg) no-repeat 50% 0;font-size:0;text-align:center;white-space:nowrap;}
	#vis:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
	#vis h2 {display:inline-block;font-size:40px;font-weight:300;line-height:1.5em;color:#fff;white-space:normal;vertical-align:middle;transform:translate3d(0,0,0) !important;}
	#vis h2 span {display:block;letter-spacing:-.075em;letter-spacing:-.05em;}
	#vis h2 span strong {letter-spacing:-.075em;letter-spacing:-.05em;}

	#vis video {display:none;}


	#pdt .inner {margin:-40px auto 0;padding:40px 10px;}
	#pdt .tit h3 {font-size:32px;}
	#pdt .tit p {font-size:16px;margin-top:15px;}
	#pdt .area {margin:0 -10px;font-size:0;}
	#pdt .area .box {display:block;padding:30px 0;width:auto;margin:0;}
	#pdt .area .box ~ .box {border-top:1px solid #e3e3e3;}
	#pdt .area .box dl {margin-top:20px;}
	#pdt .area .box dl dt {font-size:24px;}
	#pdt .area .box dl dd {font-size:14px;line-height:1.5em;margin-top:15px;}


	#news {background:none;padding:0 0 60px;text-align:center;}
	#news .inner:before {display:none;}
	#news .inner > * {float:none;height:auto;}
	#news .title {width:auto;padding:55px 20px;}
	#news .title h3 {font-size:32px;}
	#news .title .sum {font-size:16px;margin-top:20px;}
	#news .title .btn {display:none;}
	#news .board {width:auto;padding:0 20px;margin-top:-40px;z-index:10;padding-bottom:30px;}
	#news .board .area {max-width:100%;padding-top:0;}
	#news .board .area .head {display:none;}
	#news .board .area .img img {display:inline-block;}
	#news .board .area .info {margin-top:15px;}
	#news .board .area .info .subject {font-size:16px;}
	#news .board .area .info .sum {font-size:14px;margin-top:13px;height:auto;line-height:1.5em;max-height:4.5em;}
	#news .board .area .info .date {display:block;}
	
	#news .slick-arrow {right:auto;width:16px;bottom:0;top:auto !important;height:13px;background-size:16px 26px;background-position:0 -13px;}
	#news .slick-arrow.slick-prev {right:50%;margin-right:10px;background-image:url(../images/news-prev-m.png);}
	#news .slick-arrow.slick-next {left:50%;margin-left:10px;background-image:url(../images/news-next-m.png);}
	#news .slick-arrow:hover {background-position:0 0;}


	#we {padding:55px 20px;background-size:cover;background-attachment:scroll;}
	#we h3 {font-size:32px;}
	#we dl {margin:17px 0 35px;}
	#we dl dt {font-size:20px;}
	#we dl dd {font-size:14px;margin-top:15px;}
	#we p a {width:180px;height:40px;line-height:36px;border-radius:20px;font-size:14px;}


	#footer .top {display:none;}
	#footer .bot {padding:0;text-align:center;}
	#footer .bot h2 {width:31px;height:31px;background-image:url(../images/foot-logo-m.png);right:50%;margin-right:-15.5px;top:105px;margin-top:0;}
	#footer .bot address {font-size:0;padding:35px 10px 65px;}
	#footer .bot address span {display:block;font-size:14px;}
	#footer .bot address span ~ span {margin:5px 0 0;padding:0;}
	#footer .bot address span ~ span:before {display:none;}
	#footer .bot p {border-top:1px solid #676d78;margin-top:0;padding:15px 10px;font-size:12px;}


	#svis {height:360px;padding-top:60px;background-attachment:scroll;background-size:cover;background-position:50% 0 !important;}
	#svis dl {opacity:1 !important;transform:translate3d(0,0,0) !important;}
	.snbFix #snb {top:60px;}
	.snbFix #section {margin-top:57px;}

	.sub1 #snb a:nth-child(2) {display:none;}

	.sub #section {padding:35px 20px;}

	#snb {white-space:nowrap;position:relative;}
	#snb .inner {overflow:auto;position:relative;padding:0 15px;}
	#snb a ~ a {margin-left:60px;}

	#inq {background-image:url(../images/inq-bg-m.jpg);background-size:cover;padding:35px 10px 20px;text-align:center;}
	#inq .inner {height:auto;}
	#inq .inner dl {display:block;margin-bottom:20px;}
	#inq .inner a {display:inline-block;position:relative;width:42px;height:30px;line-height:1em;text-align:left;text-indent:-9999px;background:#37e8c4;right:0;top:0;margin:0;background:url(../images/ico-inq-arr.png) no-repeat 50% 50%;background-size:contain;}
	#inq .inner a:after {display:none;}
	#inq > a {display:none !important;}


	.__article {padding-bottom:90px;min-height:0;}
	.__article .tit {margin-bottom:30px;}
	.__article .tit h3 br {display:none;}
	.__article .tit p {display:none;}
	.__article .wrap {padding-left:0;margin-top: 300px;}
	.__article .qr {top: 150px;}
	.__article + .__article {padding-top:95px;}


	.__pdtHead .img {padding-bottom:130px;}


	.__advantage .square {white-space:normal;margin-bottom:-20px;text-align:center;}
	.__advantage .square .box {margin-bottom:20px;}
	.__advantage .square.leng7 .box {width:calc(100% / 4);}

	.__advantage .itArea .box .info dl dt {font-size:20px;}
	.__advantage .itArea .box .info dl dd {font-size:16px;}
	.__advantage .itArea .box:nth-child(odd) .info {padding-left:20px;}
	.__advantage .itArea .box:nth-child(even) .info {padding-right:20px;}
	.__advantage .itArea .box ~ .box  {margin-top:50px;}


	.__function .area {font-size:0;margin:0 -10px -20px;}
	.__function .area .box {width:50%;margin-bottom:20px;padding:0 10px;}
	.__function .area.leng4 .box {width:50%;}


	.__effect {padding-bottom:30px;}
	.__effect .area {margin:90px -10px -40px;}
	.__effect .area.leng3 .box {width:50%;}
	.__effect .area .box {margin-bottom:40px;width:50%;}


	.__article.loc .tit {padding-bottom:30px;border-bottom:1px solid #323335;}
	.__article.loc .tit p {display:block;position:relative;top:0;margin-top:10px;padding-top:0;font-weight:300;}
	.__article.loc .tit p:before {display:none;}
	.__article.loc .tit p br {display:none;}

	.__busi {margin-top:50px;}
	.__busi .area {margin:0 -5px;}
	.__busi .area .box .in {margin:0 5px;padding:20px 10px;}
	.__busi .area .box dl dt {font-size:13px;}
	.__busi .area .box dl dd {font-size:18px;color:#222;margin-top:10px;line-height:1.3;}
	.__busi .area .box p {margin-top:20px;}

	.__busi .slick-arrow.slick-prev {left:-5px;}
	.__busi .slick-arrow.slick-next {right:-5px;}

	.__bookmark span {top:-170px;}
	#footer .select {margin: 10px;text-align: left;}

}


@media all and (max-width:640px){

	#vis {background-image:url(../images/vis-m.jpg);}
	#vis h2 {font-size:28px;}


	#we {background-image:url(../images/we-bg-m.jpg);}

	
	#svis dl dt {font-size:36px;}
	#svis dl dd {font-size:14px;margin-top:15px;}

	#snb {text-align:left;}
	#snb a {height:57px;line-height:57px;font-size:14px;}
	#snb a:before {top:auto;bottom:0;margin-top:0;height:2px;}
	#snb a ~ a {margin-left:40px;}
	#snb:before,
	#snb:after {content:"";display:block;width:15px;height:56px;position:absolute;top:0;z-index:10;}
	#snb:before {left:0;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%);}
	#snb:after {right:0;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);}


	#inq .inner dl dt {font-size:24px;}
	#inq .inner dl dd {font-size:14px;margin-top:13px;}


	.__article {padding-bottom:0;}
	.__article .tit {margin-bottom:15px;}
	.__article .tit h3 {font-size:24px;}
	.__article + .__article {padding-top:50px;border-top:none;}
	.__article .qr {top: 120px;}


	.__qJump {margin:15px 0 0;}
	.__qJump .box {display:block;width:auto;padding:0;margin-bottom:0;}
	.__qJump .box ~ .box {margin-top:20px;}
	.__qJump .box dl dd br {display:none;}


	.__qValue {display:block;margin:0;}
	.__qValue .box {width:auto;display:block;margin-bottom:0;padding:30px 0;}
	.__qValue .box ~ .box {border-top:1px solid #313335;}
	.__qValue .box strong {font-size:16px;margin-top:15px;}


	#pdt .__pdtHead {text-align:center;}
	.__pdtHead {text-align:left;}
	.__pdtHead h3 {font-size:24px;}
	.__pdtHead .__txt18 {padding-top:0;margin-top:15px;}
	.__pdtHead .__txt18:before {display:none;}
	.__pdtHead .img {margin:15px -20px 0;}
	.__pdtHead .img .bg {height:200px;}
	.__pdtHead .img .float {left:20px;bottom:0;width:calc(100% - 20px);margin:0;padding:35px 20px 35px 40px;right:auto;box-sizing:border-box;}
	.__pdtHead .img .float .txt {height:auto;font-size:24px;line-height:1.3em;padding:0;width:auto;display:block;}
	.__pdtHead .grayBox {margin:0 -20px;margin-top:10px;text-align:left;}
	.__pdtHead .grayBox li {display:block;font-size:12px;padding-left:12px;margin:0;}
	.__pdtHead .grayBox li ~ li {margin-top:10px;}
	.__pdtHead .grayBox li:before {top:6px;width:4px;height:4px;}
	.__pdtHead .grayBox + .img {margin-top:0;}
	.__pdtHead + .tit {margin-top:50px;}
	.__pdtHead .video {margin-bottom:50px;}


	.__advantage {margin-bottom:50px;}
	.__advantage .square {text-align:left;}
	.__advantage .square .box {margin-bottom:20px;width:50% !important;}
	.__advantage .square .box .in {height:80px;}
	.__advantage .square .box .in span {font-size:18px;}
	.__advantage .grabBox {display:none;}

	.__advantage .itArea .box ~ .box {margin-top:30px;}
	.__advantage .itArea .box > div {display:block;}
	.__advantage .itArea .box .img {width:auto;text-align:center;margin:0 !important;}
	.__advantage .itArea .box .info {width:auto;text-align:center;padding:0 !important;margin-top:15px;position:relative !important;}
	.__advantage .itArea .box .info dl {display:block;}
	.__advantage .itArea .box .info dl dt {font-size:18px;line-height:1.4em;}
	.__advantage .itArea .box .info dl dd {font-size:15px;line-height:1.6em;}


	.__function {margin-bottom:60px;}
	.__function .area {margin:0;}
	.__function .area .box {display:block;padding:0;width:auto !important;}
	.__function .area .box dl {padding-top:9px;}
	.__function .area .box dl dt {width:calc(100% - 35px);padding-left:30px;font-size:18px;height:50px;line-height:50px;}
	.__function .area .box dl dd {padding:60px 30px 20px;font-size:14px;}

	
	.__screenShot {display:none;}


	.__effect {padding:0;}
	.__effect .area {margin:0;}
	.__effect .area.leng3 .box {width:auto;}
	.__effect .area .box {display:block;width:auto;padding:35px 0;margin:0;}
	.__effect .area .box ~ .box {border-top:1px solid #313335;}
	.__effect .area .box dl {margin-top:20px;}
	.__effect .area .box dl dt {font-size:16px;}
	.__effect .area .box dl dd {font-size:14px;margin-top:10px;}


	.__newsList .box {padding-bottom:20px;margin-bottom:20px;}
	.__newsList .box .info .subject {font-size:16px;}
	.__newsList .box .info .sum {font-size:14px;margin-top:15px;}
	.__newsList .box .info .date {font-size:14px;margin-top:25px;}

	.__newsList .box .img {width:auto;height:0;padding-top:67%;position:relative;margin-bottom:15px;}
	.__newsList .box .img + .info {padding-right:0;height:auto;width:auto;}
	.__newsList .box .img + .info .date {position:relative;margin-top:25px;}
	.__newsList .box .img + .info .sum {max-height:3.2em;}


	.__article.loc .tit {padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #323335;}
	.__article.loc .tit p {font-size:16px;}
	.__contact .info dl {padding-left:0;font-size:16px;}
	.__contact .info dl dt {position:relative;}
	.__contact .info dl dd {margin-top:10px;font-weight:300;}
	.__contact .info dl ~ dl {margin-top:20px;}
	.__contact .loc {margin:25px -20px -35px;}
	.__contact .loc .wrap_map {height:250px !important;}


	.__boardView .head {text-align:left;padding-bottom:15px;margin-bottom:15px;}
	.__boardView .head .date {font-size:14px;}
	.__boardView .head .subject {font-size:16px;margin-top:7px;}
	.__boardView .con {font-size:14px;line-height:1.6em;font-weight:300;}


	.__botArea {margin-top:30px;text-align:center;min-height:0;}
	.__botArea > div {position:relative !important;}
	.__botArea > div ~ div {margin-top:10px;}
	.__botArea .__btn1 ~ .__btn1 {margin-left:5px;}


	.__paging .arr,
	.__paging .num {width:30px;height:30px;line-height:30px;margin:0 1px;}
	.__paging .num {font-size:13px;}
	.__paging .arr i {font-size:16px;line-height:30px;}
	.__paging .prev {margin-right:3px;}
	.__paging .next {margin-left:3px;}

	.__btn1 {width:100px;height:34px;line-height:32px;font-size:14px;}


	.__agree {font-size:14px;line-height:1.5em;margin-bottom:50px;}

	.__agree .cont {display:none;height:auto;border-top:1px solid #e1e1e1;border-bottom:none;margin-top:0;padding-bottom:20px;padding:20px;position:fixed;left:0;bottom:0;width:100%;box-sizing:border-box;z-index:160;background:#fff;box-shadow:0 -1px 10px rgba(0,0,0,0.15);}
	.__agree .cont .close {display:block;position:absolute;right:20px;top:17px;color:#323335;font-size:24px;border:none;background:none;}
	.__agree .area {margin-top:15px;padding:15px 0;height:250px;border-top:1px solid #e1e1e1;}
	.__agree .area .num > li {padding-left:20px;}
	.__agree .area .num > li ~ li {margin-top:20px;}
	.__agree .area .num .dot {margin-top:7px;}
	.__agree .area .num .tbl {margin-top:7px;}
	.__agree .area .dot > li {padding-left:8px;}
	.__agree .area .dot > li ~ li {margin-top:2px;}
	.__agree .area .dot > li:before {width:3px;height:3px;top:9px;}
	.__agree .area .tbl tr > * {padding:10px 5px;}
	.__agree .area .tbl tr th {font-size:12px;}
	.__agree .area .tbl tr td {font-size:13px;}
	.__agree .area .tbl tr td strong {padding-bottom:0;font-size:14px;border-bottom:none;text-decoration:underline;}
	.__agree .area .tbl tr td strong ~ strong {margin-top:3px;}

	.__agree .lab {margin-top:0;border-top:1px solid #323335;border-bottom:1px solid #323335;padding:35px 0;}
	.__agree .lab label {color:#000;}
	.__agree .lab button {display:block;}

	.contactOn .__agree .cont {display:block;}

	.__write {display:block;}
	.__write dl {display:block;font-size:16px;border-bottom:1px solid #e1e1e1;padding:15px 0;}
	.__write dl > * {display:block;border-bottom:none;}
	.__write dl dt {line-height:1em;width:auto;}
	.__write dl dd {padding:0;min-height:auto;margin-top:10px;}
	.__write dl dd label {margin-right:15px;}

	.__inp {height:24px;font-size:16px;font-weight:300;}
	textarea.__inp {padding:10px 0;height:150px;}


	.__tit {margin-bottom:20px;}
	.__tit h3 {font-size:24px;}

	.__bookmark span {top:-130px;}
	.__txt18 {font-size:14px;}
	.__underline {background-image:linear-gradient(to bottom,transparent 0%,transparent calc(100% - 12px),#bbf7eb calc(100% - 12px), #bbf7eb 12px);}

	.__privacy {font-size:14px;line-height:1.7em;}

	.__busi .area .box dl dt {font-size:13px;}
	.__busi .area .box dl dd {margin-top:5px;}
	.__busi .area .box p img {width:120px;}
	#footer .select {margin: 10px;text-align: left;}
}