@charset "utf-8";

#header {display:flex; position:fixed; top:0; left:0; z-index:60; width:100%; padding:20px 60px; transition:0.25s;}
#header .headIn {display:flex; width:100%; justify-content:space-between; align-items:center;}
#header .headIn .color {display:block; padding:10px 25px; background-color:#10d2d5; color:#FFFFFF; border-radius:50px;}
#header .headTitle {display:flex; justify-content:center; align-items:center;}
#header .headTitle a {display:block; width:150px; height:30px; background-position:left center; background-size:auto 30px; background-repeat:no-repeat; transition:0.25s;}
#header .headTitle a {background-image:url('../images/common/logo.png')}
#header .headNav {display:flex; flex-direction:row; justify-content:center; align-items:center; position:absolute; width:100%; max-width:960px; left:calc(50% - 480px);}
#header .headNav li {display:block; margin-right:10%;}
#header .headNav li:last-of-type {margin-right:0;}
#header .headNav li a {display:block; font-size:16px; line-height:1; color:rgba(255,255,255,0.75); transition:0.25s;}
#header .headNav li.active a {text-shadow:1px 1px 1px rgba(0,0,0,0.35); color:rgba(255,255,255,1);}
#header .headInBox {display:flex; width:100%; justify-content:flex-end; align-items:center;}

#header.type .headTitle a {background-image:url('../images/common/logo-type.png')}
#header.type .headNav li a {color:rgba(145,119,239,0.75);}
#header.type .headNav li.active a {color:rgba(145,119,239,1);}

#header.last {opacity:0;}

#header .wcMes {color:#FFFFFF; display:block; margin-right:10px; transition:0.25s;}
#header.type .wcMes {color:#333333;}

.section.cover {background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.section.cover:after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(124,106,200,0.75); z-index:1;}
.contSet {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:100%; height:100%; max-width:1440px; margin:0 auto; position:relative; z-index:2;}
.contSet.full {max-width:100%; justify-content:center; align-items:center; padding-top:80px;}
.contSet .tBox {display:flex; position:relative; z-index:3; width:100%; padding-top:12%; flex-direction:column; height:100%;}
.contSet .tBox.center {align-items:center;}
.contSet .tBox > h1 {display:block; width:100%; text-align:center; color:#FFFFFF; line-height:1.2; font-size:40px; font-weight:700; margin-bottom:2%;}
.contSet .tBox > p {color:#FFFFFF; line-height:1; font-size:24px; margin-bottom:1%;}
.contSet .tBox > p.sizeup {font-size:36px;}
.contSet .tBox > p .color {color:#FF0000; font-weight:600;}
.contSet .tBox > strong {display:block; color:#FFFFFF; line-height:1; font-size:50px; color:#FFFFFF; margin-bottom:2.5%; text-shadow:3px 3px 3px rgba(0,0,0,0.45);}
.contSet .psImg {position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:calc(75% - 185px); z-index:4;}
.contSet .psImg:hover {}
.contSet .psImg img {width:auto; max-height:100%; position:relative; z-index:1;}

.contSet .tBox.type1 {margin:0 auto; padding:0; height:auto;}
.contSet .tBox.type1 > h1 {color:#FFFFFF; font-size:32px; line-height:1; margin-bottom:15px; font-weight:400;}
.contSet .tBox.type1 > p {color:#FFFFFF; font-size:16px; line-height:1.4; margin:0;}
.contSet .tBox.type1 > strong {color:#FFFFFF; font-size:32px; line-height:1; margin-bottom:40px; font-weight:600; text-shadow:none;}
.contSet .tBox.type2 {max-width:1240px; margin:0 auto; padding:0; height:auto;}
.contSet .tBox.type2 > h1 {color:#000000; font-size:32px; line-height:1; margin-bottom:15px; font-weight:400; text-align:left;}
.contSet .tBox.type2 > p {color:#000000; font-size:16px; line-height:1.4; margin:0;}
.contSet .tBox.type2 > p.mbset {margin-bottom:10px;}
.contSet .tBox.type2 > p.color {color:rgba(145,119,239,1);}
.contSet .tBox.type2 > strong {color:#000000; font-size:32px; line-height:1; margin-bottom:40px; font-weight:600; text-shadow:none;}

.slideTwoCont {position:absolute; bottom:3%; left:10%; width:80%; height:60%; z-index:4;}
.slideTwoCont .imgContT {position:absolute; bottom:20%; width:80%; left:10%; text-align:center; z-index:1; height:80%;}
.slideTwoCont .imgContT img {max-height:100%; height:100%; width:auto; display:inline-block;}
.slideTwoCont .imgContM {position:absolute; bottom:3%; right:50%; transform:translateX(200%); z-index:2; height:65%;}
.slideTwoCont .imgContM img {max-height:100%; height:100%; width:auto; display:inline-block;}
.slideTwoCont .textCont {padding:25px 35px; max-width:350px; background-color:#FFFFFF; border-radius:10px; box-shadow:5px 5px 7px rgba(0,0,0,0.15); position:absolute; z-index:3;}
.slideTwoCont .textCont strong {display:block; font-size:20px; color:#333333; margin-bottom:20px;}
.slideTwoCont .textCont strong span {color:#FF0000; font-weight:700;}
.slideTwoCont .textCont p {font-size:14px; color:#333333; line-height:1.2;}
.slideTwoCont .textCont.Top {top:-15px; right:5%;}
.slideTwoCont .textCont.Bottom {left:15%; bottom:5%;}
.slideTwoCont .textCont.Left {left:8%; top:13%;}

.iContBox {display:flex; width:100%; max-width:980px; margin:70px auto 0; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap;}
.iConCont {display:flex; flex:1 1 48%; margin:1%; justify-content:flex-start; align-items:flex-start; flex-direction:column; padding:25px; background-color:rgba(255,255,255,1); border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15); min-height:190px;}
.iConCont:nth-of-type(3),
.iConCont:nth-of-type(4) {min-height:220px;}
.iConCont .iconBox {display:flex; width:30px; height:30px; margin-bottom:20px; background-size:auto auto; background-position:50% 50%; background-repeat:no-repeat;}
.iCTextBox {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.iCTextBox strong {display:block; font-size:20px; font-weight:600; margin-bottom:18px; color:#000000; text-align:left;}
.iCTextBox p {font-size:16px; line-height:1.4; color:#333333; text-align:left;}

.SetPatent {display:flex; justify-content:center; align-items:center; width:100%; max-width:720px; margin:40px auto 0;}
.SetPatent .SPItem {display:flex; flex-direction:column; justify-content:center; align-items:center; flex:1 1 50%;}
.SetPatent .SPItem .imgbox img {max-width:100%;}
.SetPatent .SPItem strong {display:flex; justify-content:center; align-items:center; height:45px; padding:0 35px; background-color:#10d2d5; color:#FFFFFF; border-radius:45px; font-size:18px; font-weight:400;}

.firstCont {display:flex; width:100%; height:100%; justify-content:center; align-items:center; position:relative;}
.firstCont .slides {width:100%; height:100%;}
.firstCont .slides .slick-slide {height:100%;}

/* slide Cont */
.firstCont .slick-list {height:100%;}
.firstCont .slick-track {height:100%;}

.firstCont .slick-arrow {position:absolute; top:calc(50% - 30px); z-index:5; width:60px; height:60px; border:1px solid #FFFFFF !important; font-size:0; background-color:transparent; outline:none; transform:rotate(-45deg); cursor:pointer;}
.firstCont .slick-prev {left:calc(50% - 740px); border-bottom:none !important; border-right:none !important;}
.firstCont .slick-next {right:calc(50% - 740px); border-left:none !important; border-top:none !important;}

.firstCont .slick-dots {position:absolute; bottom:30px; z-index:6; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center;}
.firstCont .slick-dots li {display:block; margin-right:20px;}
.firstCont .slick-dots li button {text-indent:-9999px; overflow:hidden; width:16px; height:16px; background-color:rgba(255,255,255,0.5); border-radius:16px; cursor:pointer;}
.firstCont .slick-dots .slick-active button {background-color:rgba(255,255,255,1);}

.rolling-wrap {width:100%; overflow:hidden; margin:7% /*5%*/ auto 0;}

.JList {display:flex; width:100%; justify-content:center; align-items:center; flex-wrap:nowrap; position:relative; height:130px;}
.JList.bottom {margin-left:-210px;}
.JList .JItem {display:block; min-width:420px; padding:20px 40px; position:absolute; top:0;}
.JList .JlBox {display:flex; width:100%; padding:20px 100px 20px 30px; flex-direction:column; justify-content:center; align-items:flex-start; transition:0.25s; background-color:rgba(255,255,255,1); box-shadow:5px 5px 7px rgba(0,0,0,0.15); border-radius:3px; transition:0.25s;}
.JList .JlBox {background-repeat:no-repeat; background-size:auto auto; background-position:top 50% right 30px; background-image:url('../images/icon/icon-book.png');}
.JList .JlBox strong {display:flex; justify-content:flex-start; align-items:center; color:#000000; font-size:20px; line-height:1; font-weight:600; margin-bottom:15px; transition:0.25s;}
.JList .JlBox span {display:flex; justify-content:flex-start; align-items:center; color:#333333; font-size:16px; line-height:1; transition:0.25s;}

.JList .JlBox:hover {background-color:rgba(235,235,235,1);}

.JPList {display:flex; width:100%; max-width:1600px; justify-content:center; align-items:flex-start; margin:30px auto 0;}
.JPList .JPItem {display:block; width:calc(50% - 20px); margin:15px; box-shadow:15px 15px 20px rgba(0,0,0,0.15); background-color:rgba(255,255,255,0.85); border-radius:10px; position:relative; top:0; transition:0.25s;}
.JPList .JPItem:hover {top:-5px; transform:scale(1.05);}
.JPList .JPTitle {display:block; width:100%; padding:30px 35px 25px; border-bottom:1px solid #dddee3;}
.JPList .JPTitle strong {display:block; font-size:22px; color:#3aa9ab; text-align:left; margin-bottom:15px; font-weight:600;}
.JPList .JPTitle p {width:100%; font-size:16px; color:#666666; text-align:left; margin-bottom:7px;}
.JPList .JPTitle span {display:block; font-size:14px; color:#888888}
.JPList .JLInCont {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%; padding:30px 35px 90px;}
.JPList .JLInCont li {display:flex; width:100%; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid #dddee3;}
.JPList .JLInCont li:last-of-type {margin-bottom:0;}
.JPList .JLInCont li strong {display:block; font-size:16px; color:#333333; margin-bottom:15px; font-weight:400;}
.JPList .JLInCont li p {font-size:14px; line-height:1; color:#999999; margin-bottom:5px;}
.JPList .JLInCont li p:last-of-type {margin-bottom:0;}
.JPList .JLInCont li table {width:100%; border-spacing:0;}
.JPList .JLInCont li table th {width:50%; height:30px; font-size:14px; color:#999999; font-weight:400;}
.JPList .JLInCont li table td {width:50%; height:30px; font-size:14px; color:#777777; font-weight:400; text-align:right;}
.JPList .JLInCont li table td.big {width:100%; height:150px; text-align:center;}
.JPList .JLInCont li table td.center {width:100%; text-align:center;}

.JPList .JLInCont li table.middle th {height:37px;}
.JPList .JLInCont li table.middle td {height:37px;}

.JPList .JPItem .priceBtn {display:block; width:calc(100% - 70px); background-color:#10d2d5; color:#FFFFFF; line-height:50px; border-radius:10px; text-align:center; position:absolute; bottom:20px; left:35px; font-size:16px;}

.MailForm {width:100%; max-width:980px; margin:30px auto 0; text-align:center; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.MailForm *::placeholder {color:#cccccc; font-size:14px; font-weight:400;}


.MFTab {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; margin-bottom:15px;}
.MFTab li {display:block; width:30%; padding:10px;}
.MFTab li a {display:flex; width:100%; height:50px; justify-content:center; align-items:center; background-color:#FFFFFF; color:#000000; border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15); font-size:17px; transition:0.25s;}
.MFTab li.on a {background-color:#10d2d5; color:#FFFFFF;}

.mailTable {width:100%;}
.mailTable td {padding:10px;}
.mailTable .inputSet {display:flex; width:100%; position:relative; border:1px solid #999999; border-radius:5px; background-color:#FFFFFF;}
.mailTable .inputSet label {display:none; position:absolute; top:0; left:0;}
.mailTable .inputSet input {border:none; background-color:transparent; width:100%; height:55px; padding:0 25px;}
.mailTable .inputSet textarea {border:none; background-color:transparent; width:100%; min-height:250px; resize:none; outline:none; padding:25px; border-radius:10px;}
.MailForm .sand {width:350px; height:50px; background-color:#10d2d5; color:#FFFFFF; text-align:center; border-radius:10px; margin-top:25px; font-size:14px; cursor:pointer;}

#footer {display:flex; height:auto; padding:60px 30px;}

.os-list {display:flex; width:100%; max-width:800px; margin:0 auto 30px; justify-content:center; align-items:center;}
.os-list li {display:flex; margin-right:20px;}
.os-list li span {cursor:pointer; font-size:18px; color:#10d2d5;}

.copyRight {width:100%; max-width:800px; margin:0 auto; text-align:center; text-align:center;}
.copyRight p {font-size:16px; line-height:1; color:#000000; margin-bottom:10px;}
.copyRight p span {display:inline-block; margin-left:15px;}
.copyRight p:last-of-type {margin-bottom:0;}


.onlink {position:fixed; bottom:20px; right:20px; display:flex; flex-direction:column; width:150px; height:150px; justify-content:center; align-items:center; font-size:18px; line-height:1.4; background-color:rgba(145,119,239,1); color:#FFFFFF; border-radius:75px; box-shadow:10px 10px 30px rgba(0,0,0,0.25); transition:0.25s;}
.onlink strong {display:block; color:#1400ff; font-weight:500; font-size:24px;}
.onlink:hover {color:#FFFFFF; box-shadow:10px 10px 30px rgba(0,0,0,0.45);}
.onlink:active,
.onlink:focus {color:#FFFFFF;}

/* 팝업 컨텐츠 정리 */
.jBox-container {background-color:transparent;}
.jBox-Modal .jBox-content {padding:20px;}
.jBox-Modal .jBox-container {border-radius:0;}
.jBox-closeButton-box:before {display:none;}
.jBox-closeButton-box .jBox-closeButton {top:70px; right:20px; width:40px; height:40px;}
.jBox-closeButton-box .jBox-closeButton svg {display:none;}
.jBox-closeButton-box .jBox-closeButton:before {content:""; display:block; width:20px; height:2px; background-color:#999999; position:absolute; top:calc(50% - 1px); left:calc(50% - 10px); transform:rotate(45deg);}
.jBox-closeButton-box .jBox-closeButton:after {content:""; display:block; width:20px; height:2px; background-color:#999999; position:absolute; top:calc(50% - 1px); left:calc(50% - 10px); transform:rotate(-45deg);}

#popupBox {display:none;}
.popupItem {padding:0; position:relative;}
.popupItem .popTitle {display:block; width:100%; padding:15px 20px; color:#FFFFFF; background-color:#10d2d5; font-size:17px; font-weight:400; text-align:center; margin-bottom:15px; border-radius:5px;}

.popupItem .popTab {display:flex; width:auto; justify-content:center; align-items:center; flex-direction:row; border-radius:5px 5px 0 0; overflow:hidden; position:relative; z-index:2;}
.popupItem .popTab li {display:flex; flex:1 1 auto; justify-content:center; align-items:center; line-height:20px; font-size:14px; cursor:pointer; padding:15px 25px; background-color:#f1f1f1; color:#000000;}
.popupItem .popTab li.on {background-color:#FFFFFF;}

.popupItem .poptabCont {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; position:relative; z-index:1;}
.popupItem .poptabBox {display:block; padding:40px 35px 30px; min-width:320px; background-color:#FFFFFF; border-radius:0 5px 5px 5px; box-shadow:5px 5px 15px rgb(0,0,0,0.25);}
.popupItem .popInItem {display:block;}
.popupItem .poptabItem {display:none;}
.popupItem .poptabItem.on {display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}

.popupItem .itemTitle {display:block; width:100%; text-align:center; font-size:24px; color:#000000; font-weight:600; margin-bottom:25px;}
.popupItem .inpItem {display:flex; width:100%; min-width:400px; flex-direction:row; justify-content:flex-start; align-items:center; margin-bottom:15px;}
.popupItem .inpItem:last-child {margin-bottom:0;}
.popupItem .inpItem label {display:flex; min-width:80px; color:#000000; font-size:14px; line-height:18px; margin-right:10px; height:40px; flex-direction:row; justify-content:flex-start; align-items:center;}
.popupItem .inpItem input {width:100%; height:40px; border:1px solid #e3e3e3; border-radius:3px; outline:none; padding:0 9px;}
.popupItem .inpItem input::placeholder {color:#aaaaaa;}

.popupItem .forgotBtn {display:flex; justify-content:center; align-items:center; margin-top:20px;}
.popupItem .forgotBtn a {display:block; font-size:14px; color:#000000;}

.popupItem .checkItem {display:flex; width:100%; min-width:400px; flex-direction:row; justify-content:flex-start; align-items:center; margin-bottom:15px;}
.popupItem .checkItem .captcha {display:block;}
.popupItem .checkItem:last-child {margin-bottom:0;}
.popupItem .checkItem input {margin-right:5px; width:16px; height:16px;}
.popupItem .poponBtn {margin-top:20px; width:100%; text-align:center; height:45px; color:#FFFFFF; border-radius:5px; background-color:#10d2d5; cursor:pointer; font-size:16px;}

.popupItem .warning {text-align:center; margin-bottom:25px; font-size:14px; line-height:1.4; color:#ea5050;}

.poptabItem .JPItem {display:block; width:480px;}
.poptabItem .JPTitle {display:block; width:100%; padding-bottom:20px; border-bottom:1px solid #dddee3;}
.poptabItem .JPTitle strong {display:block; font-size:22px; color:#3aa9ab; text-align:left; margin-bottom:15px; font-weight:600;}
.poptabItem .JPTitle p {width:100%; font-size:16px; color:#666666; text-align:left; margin-bottom:7px;}
.poptabItem .JPTitle span {display:block; font-size:14px; color:#888888}
.poptabItem .JPopSetITem {padding-top:20px;}
.poptabItem .JPopSetITem strong {display:block; font-size:16px; color:#000000; text-align:left; margin-bottom:15px; font-weight:600;}
.poptabItem .JPopSetITem p {width:100%; font-size:14px; color:#555555; text-align:left; margin-bottom:7px;}
.poptabItem .JPopSetITem span {display:block; font-size:14px; color:#888888}


.areaItem {resize:none; outline:none; border:1px solid #e3e3e3; border-radius:0; height:400px; overflow:auto; padding:15px; font-size:14px; line-height:20px; color:#333333;}
.areaItem .tit {display:block; width:100%; margin-bottom:5px; font-size:14px; line-height:20px; color:#000000; font-weight:500;}
.areaItem .tits {display:block; width:100%; margin-bottom:5px; font-size:13px; line-height:20px; color:#000000; font-weight:500;}
.areaItem .tst {margin-bottom:12px; color:#666666; font-size:13px; line-height:18px; word-break:keep-all;}
.areaItem .fList {display:block; padding:0; margin:0; margin-bottom:15px;}
.areaItem .fList > li {display:block; width:100%; font-size:13px; color:#333333; line-height:20px; word-break:keep-all;}

.areaItem .sList {display:block; padding:0; margin:0; margin-bottom:10px; padding-left:10px;}
.areaItem .sList > li {display:block; width:100%; font-size:12px; color:#666666; line-height:16px; word-break:keep-all;}

.popupItem .subject {display:block; font-size:16px; color:#000000; font-weight:600; margin:20px 0 10px;}


.slide-templet{width:120%;height:auto;}
.slide-templet .templet-item{padding:0px 50px;}
.slide-templet .templet-item p{height:100%;text-align:center;overflow:hidden;padding:50px;box-sizing:border-box;}
.slide-templet .templet-item p img{width:100%;height:auto;display:inline;opacity: 0.5;transition: all 0.3s ease;box-shadow:10px 10px 15px rgb(0,0,0,0.15);}
.slide-templet .templet-item.slick-center p {height:100%;opacity: 1;transition: all 0.3s ease;transform: scale(1.08);}
.slide-templet .templet-item.slick-center p img{width:100%;height:auto;display:inline;opacity: 1;transition: all 0.3s ease;}

.templet-prev{position: absolute;top: calc(50% + 80px);left:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-bottom: none !important;border-right: none !important;}
.templet-next{position: absolute;top: calc(50% + 80px);right:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-top: none !important;border-left: none !important;}


.tab-Sbox{width:100%;display:none;height:550px;}
.tab-Sbox.active {display:block;}
.map-box{width:100% !important;height:350px;}
.S-info{width:100%;height:auto;text-align:center;color:#fff;padding-top:10px 0 0;margin-bottom:50px;}
.S-info li{font-size:16px;margin-bottom:8px;}
.info-depth{width:100%;display:flex;justify-content:center;margin-bottom:18px;}
.info-depth li{flex: 1 1 33%;}
.info-depth li i{display:block;font-size:16px;font-style:normal;text-align:center;color:#fff;}
.info-depth li b{display:block;font-size:18px;text-align:center;color:#fff;margin-top:10px;line-height:32px;font-weight:400}

.btnGroup {display:flex; width:100%; justify-content:center; align-items:center;}
.btnGroup .Gbtn {display:inline-block; padding:0 10px; min-width:80px; font-size:14px; height:40px; color:#FFFFFF; background-color:#10d2d5; border-radius:5px; margin-right:10px; cursor:pointer;}
.btnGroup .Gbtn:last-of-type {margin-right:0;}
.btnGroup .Gbtn.can {background-color:#999999;}

/* 오픈소스 라이센스 */
.ossBox {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%; min-width:460px;}
.ossBox .osstitle {display:block; width:100%; font-size:17px; color:#10d2d5; font-weight:600; margin-bottom:20px; text-align:center;}
.ossBox .ossList {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-bottom:30px; width:100%; max-height:350px; overflow:auto;}
.ossBox .ossItem {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; border-bottom:1px solid #e3e3e3; padding-bottom:10px; margin-bottom:10px; width:100%;}
.ossBox .ossItem strong {display;block; font-size:16px; width:100%; line-height:1.2; color:#333333; font-weight:600; margin-bottom:5px;}
.ossBox .ossItem a {display:inline-block; color:#1354ED; line-height:1.2; margin-bottom:3px; font-size:14px;}
.ossBox .ossItem p {display:block; width:100%; color:#999999; line-height:1.2; font-size:13px;}
.ossBox .ossItem span {display:block; width:100%; color:#aaaaaa; line-height:1.2; font-size:13px;}

/* 메세지 팝업 */
.popTextBox {display:flex; flex-direction:column; justify-content:center; aling-items:center; margin-bottom:30px;}
.popTextBox p {font-size:16px; line-height:1.4; color:#333333; width:100%; text-align:center; word-break:keep-all;}

/* 오픈팝업 */
.openBox {width:100%; max-width:600px; position:relative; box-shadow:5px 5px 15px rgba(0,0,0,0.25);}
.openBox img {max-width:100%;}
.openBox .opClose {display:block; position:absolute; top:0; right:2px; width:40px; height:40px; border-radius:40px; background-color:#FFFFFF; z-index:2; cursor:pointer;}
.openBox .opClose:before {content:""; display:block; width:24px; height:2px; background-color:#999999; position:absolute; top:calc(50% - 1px); left:calc(50% - 12px); transform:rotate(45deg);}
.openBox .opClose:after {content:""; display:block; width:24px; height:2px; background-color:#999999; position:absolute; top:calc(50% - 1px); left:calc(50% - 12px); transform:rotate(-45deg);}

@media (max-width:1680px) {
	#header {width:100%; padding:2% 3%;}
	#header .headIn .color {padding:8px 20px;}
	#header .headTitle a {width:120px; height:24px; background-size:auto 24px;}
	#header .headNav {max-width:720px; left:calc(50% - 360px);}
	#header .headNav li {display:block; margin-right:10%;}
	#header .headNav li a {font-size:14px; line-height:1;}

	.contSet {width:100%; height:100%; max-width:1440px; margin:0 auto; position:relative; z-index:2;}
	.contSet.full {max-width:100%; padding-top:50px;}
	.contSet .tBox {padding-top:9%;}
	.contSet .tBox.center {text-align:center;}
	.contSet .tBox > h1 {line-height:1.2; font-size:34px; font-weight:700; margin-bottom:2.5%;}
	.contSet .tBox > p {line-height:1.2; font-size:20px; margin-bottom:1%;}
	.contSet .tBox > p.sizeup {font-size:32px;}
	.contSet .tBox > strong {line-height:1; font-size:40px;}
	.contSet .psImg {position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:calc(80% - 185px); z-index:4;}

	.contSet .tBox.type1 {margin:0 auto; padding:0;}
	.contSet .tBox.type1 > h1 {color:#FFFFFF; font-size:32px; line-height:1; margin-bottom:15px; font-weight:400;}
	.contSet .tBox.type1 > p {color:#FFFFFF; font-size:16px; line-height:1.4; margin:0;}
	.contSet .tBox.type1 > strong {color:#FFFFFF; font-size:32px; line-height:1; margin-bottom:25px; font-weight:600;}
	.contSet .tBox.type2 {max-width:1240px; margin:0 auto; padding:0;}
	.contSet .tBox.type2 > h1 {color:#000000; font-size:32px; line-height:1; margin-bottom:15px; font-weight:400;}
	.contSet .tBox.type2 > p {color:#000000; font-size:16px; line-height:1.4; margin:0;}
	.contSet .tBox.type2 > strong {color:#000000; font-size:32px; line-height:1; margin-bottom:25px; font-weight:600;}

	.slideTwoCont {bottom:3%; left:10%; width:80%; height:60%;}
	.slideTwoCont .imgContT {bottom:15%; width:80%; left:10%; height:80%;}
	.slideTwoCont .imgContT img {max-height:100%; height:100%; width:auto;}
	.slideTwoCont .imgContM {bottom:3%; right:50%; transform:translateX(200%); height:65%;}
	.slideTwoCont .imgContM img {max-height:100%; height:100%; width:auto;}
	.slideTwoCont .textCont {padding:20px 30px; max-width:300px; background-color:#FFFFFF; border-radius:10px; box-shadow:5px 5px 7px rgba(0,0,0,0.15);}
	.slideTwoCont .textCont strong {display:block; font-size:18px; margin-bottom:15px;}
	.slideTwoCont .textCont p {font-size:14px; color:#333333; line-height:1.2;}
	.slideTwoCont .textCont.Top {top:-15px; right:5%;}
	.slideTwoCont .textCont.Bottom {left:15%; bottom:5%;}
	.slideTwoCont .textCont.Left {left:8%; top:13%;}

	.iContBox {width:100%; max-width:900px; margin:60px auto 0;}
	.iConCont {flex:1 1 48%; margin:1%; padding:20px; background-color:rgba(255,255,255,1); border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15); min-height:160px;}
	.iConCont:nth-of-type(3),
	.iConCont:nth-of-type(4) {min-height:180px;}
	.iConCont .iconBox {display:flex; width:30px; height:30px; margin-bottom:15px;}
	.iCTextBox strong {font-size:18px; font-weight:600; margin-bottom:15px; text-align:left;}
	.iCTextBox p {font-size:14px; line-height:1.4; text-align:left;}

	.SetPatent {max-width:700px; margin:30px auto 0;}
	.SetPatent .SPItem {display:flex; flex-direction:column; justify-content:center; align-items:center; flex:1 1 50%;}
	.SetPatent .SPItem strong {height:40px; padding:0 30px; border-radius:40px; font-size:16px;}

	/* slide Cont */
	.firstCont .slick-arrow {top:calc(50% - 20px); width:40px; height:40px;}
	.firstCont .slick-prev {left:40px;}
	.firstCont .slick-next {right:40px;}

	.firstCont .slick-dots {bottom:20px;}
	.firstCont .slick-dots li {margin-right:15px;}
	.firstCont .slick-dots li button {width:12px; height:12px;}

	.rolling-wrap { margin:7% auto 0;}

	.JList {height:120px;}
	.JList.bottom {margin-left:-180px;}
	.JList .JItem {min-width:360px; padding:20px 30px;}
	.JList .JlBox {padding:15px 85px 15px 25px; background-size:40px auto;}
	.JList .JlBox {background-position:top 50% right 25px;}
	.JList .JlBox strong {font-size:18px; line-height:1; margin-bottom:12px;}
	.JList .JlBox span {font-size:14px; line-height:1;}

	.JList .JlBox:hover {background-color:rgba(235,235,235,1);}

	.JPList {max-width:1320px; margin:20px auto 0;}
	.JPList .JPItem {width:calc(50% - 20px); margin:10px; border-radius:10px;}
	.JPList .JPTitle {padding:25px 30px 20px;}
	.JPList .JPTitle strong {font-size:20px; margin-bottom:15px;}
	.JPList .JPTitle p {font-size:16px; text-align:left;}
	.JPList .JLInCont {padding:25px 30px 80px;}
	.JPList .JLInCont li {margin-bottom:12px; padding-bottom:10px;}
	.JPList .JLInCont li:last-of-type {margin-bottom:0;}
	.JPList .JLInCont li strong {display:block; font-size:16px; color:#333333; margin-bottom:15px;}
	.JPList .JLInCont li p {font-size:14px; line-height:1; margin-bottom:5px;}
	.JPList .JLInCont li table th {width:50%; height:26px; font-size:14px;}
	.JPList .JLInCont li table td {width:50%; height:26px; font-size:14px;}
	.JPList .JLInCont li table td.big {height:130px;}

	.JPList .JLInCont li table.middle th {height:32px;}
	.JPList .JLInCont li table.middle td {height:32px;}
	.JPList .JPItem .priceBtn {width:calc(100% - 60px); line-height:40px; border-radius:5px; bottom:20px; left:30px; font-size:14px;}

	.MailForm {max-width:760px; margin:25px auto 0;}

	.MFTab {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; margin-bottom:15px;}
	.MFTab li {display:block; width:30%; padding:10px;}
	.MFTab li a {display:flex; width:100%; height:50px; justify-content:center; align-items:center; background-color:#FFFFFF; color:#000000; border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15); font-size:17px; transition:0.25s;}
	.MFTab li.on a {background-color:#10d2d5; color:#FFFFFF;}

	.mailTable {width:100%;}
	.mailTable td {padding:5px;}
	.mailTable .inputSet {}
	.mailTable .inputSet label {display:none; position:absolute; top:0; left:0;}
	.mailTable .inputSet input {width:100%; height:40px; padding:0 15px;}
	.mailTable .inputSet textarea {width:100%; min-height:200px; padding:15px;}
	.MailForm .sand {width:300px; height:45px; border-radius:10px; margin-top:10px; font-size:14px;}

	#footer {padding:50px 20px;}

	.os-list {margin:0 auto 30px;}
	.os-list li {display:flex; margin-right:15px;}
	.os-list li span {font-size:16px;}

	.copyRight {}
	.copyRight p {font-size:16px; margin-bottom:10px;}
	.copyRight p span {margin-left:15px;}

	.onlink {width:120px; height:120px;font-size:16px; line-height:1.25; border-radius:60px; box-shadow:10px 10px 30px rgba(0,0,0,0.25);}
	.onlink strong {font-weight:600; font-size:20px;}

	/* 팝업 컨텐츠 정리 */
	.jBox-container {background-color:transparent;}
	.jBox-Modal .jBox-content {padding:0;}
	.jBox-Modal .jBox-container {border-radius:0;}
	.jBox-closeButton-box .jBox-closeButton {top:50px;}

	#popupBox {display:none;}
	.popupItem {padding:0; position:relative;}
	.popupItem .popTitle {padding:12px 18px; font-size:16px; font-weight:400; margin-bottom:12px;}

	.popupItem .popTab {border-radius:5px 5px 0 0;}
	.popupItem .popTab li {line-height:20px; font-size:14px; padding:12px 22px;}

	.popupItem .poptabBox {padding:35px 30px 25px; min-width:300px;}

	.popupItem .itemTitle {font-size:20px; font-weight:600; margin-bottom:20px;}
	.popupItem .inpItem {min-width:360px; margin-bottom:12px;}
	.popupItem .inpItem:last-child {margin-bottom:0;}
	.popupItem .inpItem label {min-width:70px; font-size:12px; line-height:18px; margin-right:10px; height:36px;}
	.popupItem .inpItem input {height:36px; padding:0 9px;}
	.popupItem .inpItem input::placeholder {color:#999999;}
	.popupItem .checkItem {min-width:360px; margin-bottom:10px;}
	.popupItem .checkItem:last-child {margin-bottom:0;}
	.popupItem .checkItem input {margin-right:5px;}
	.popupItem .poponBtn {margin-top:20px; height:40px; font-size:14px;}

	.areaItem {height:350px; padding:15px; font-size:14px; line-height:20px;}
	.areaItem .tit {margin-bottom:5px; font-size:14px; line-height:20px; font-weight:500;}
	.areaItem .tits { margin-bottom:5px; font-size:13px; line-height:20px; font-weight:500;}
	.areaItem .tst {margin-bottom:12px; color:#666666; font-size:13px; line-height:18px;}
	.areaItem .fList {margin-bottom:15px;}
	.areaItem .fList > li {font-size:13px; line-height:20px;}

	.areaItem .sList {margin-bottom:10px; padding-left:10px;}
	.areaItem .sList > li {font-size:12px; line-height:16px;}

	.popupItem .subject {font-size:16px; font-weight:600; margin:20px 0 10px;}


	.slide-templet{width:120%;height:auto;margin-top:30px;}
	.slide-templet .templet-item{padding:0px 40px;}
	.slide-templet .templet-item p{height:100%;text-align:center;overflow:hidden;padding:50px;box-sizing:border-box;}
	.slide-templet .templet-item p img{width:100%;height:auto;display:inline;opacity: 0.5;transition: all 0.3s ease;box-shadow: 10px 10px 13px rgb(0,0,0,0.15);}
	.slide-templet .templet-item.slick-center p{height:100%;opacity: 1;transition: all 0.3s ease;transform: scale(1.08);}
	.slide-templet .templet-item.slick-center p img{width:100%;height:auto;display:inline;opacity: 1;transition: all 0.3s ease;}

	.templet-prev{position: absolute;top: calc(50% + 80px);left:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
	background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-bottom: none !important;border-right: none !important;}
	.templet-next{position: absolute;top: calc(50% + 80px);right:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
	background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-top: none !important;border-left: none !important;}


	.tab-Sbox{width:100%;display:none;height:550px;}
	.tab-Sbox.active {display:block;}
	.map-box{width:100% !important;height:350px;}
	.S-info{width:100%;height:auto;text-align:center;color:#fff;padding-top:10px 0 0;margin-bottom:50px;}
	.S-info li{font-size:16px;margin-bottom:8px;}
	.info-depth{width:100%;display:flex;justify-content:center;margin-bottom:18px;}
	.info-depth li{flex: 1 1 33%;}
	.info-depth li i{display:block;font-size:16px;font-style:normal;text-align:center;color:#fff;}
	.info-depth li b{display:block;font-size:18px;text-align:center;color:#fff;margin-top:10px;line-height:32px;font-weight:400}
}

@media (max-width:1280px) {
	#header {padding:1.5% 2%;}
	#header .headTitle a {width:100px; height:20px; background-size:auto 20px;}
	#header .headNav {max-width:480px; left:calc(50% - 240px);}
	#header .headNav li {display:block; margin-right:10%;}
	#header .headNav li a {font-size:12px; line-height:1;}

	.contSet {width:100%; height:100%; max-width:1280px;}
	.contSet.full {max-width:100%; padding-top:40px;}
	.contSet .tBox {padding-top:8%;}
	.contSet .tBox.center {text-align:center;}
	.contSet .tBox > h1 {line-height:1.2; font-size:28px; font-weight:700; margin-bottom:2%;}
	.contSet .tBox > p {line-height:1.2; font-size:18px; margin-bottom:1%;}
	.contSet .tBox > p.sizeup {font-size:26px;}
	.contSet .tBox > strong {line-height:1; font-size:34px;}
	.contSet .psImg {position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:calc(80% - 160px); z-index:4;}

	.contSet .tBox.type1 {margin:0 auto; padding:0;}
	.contSet .tBox.type1 > h1 {color:#FFFFFF; font-size:30px; line-height:1; margin-bottom:12px; font-weight:400;}
	.contSet .tBox.type1 > p {color:#FFFFFF; font-size:16px; line-height:1.4; margin:0;}
	.contSet .tBox.type1 > strong {color:#FFFFFF; font-size:30px; line-height:1; margin-bottom:20px; font-weight:600;}
	.contSet .tBox.type2 {max-width:860px; margin:0 auto; padding:0;}
	.contSet .tBox.type2 > h1 {color:#000000; font-size:30px; line-height:1; margin-bottom:15px; font-weight:400;}
	.contSet .tBox.type2 > p {color:#000000; font-size:16px; line-height:1.4; margin:0;}
	.contSet .tBox.type2 > strong {color:#000000; font-size:30px; line-height:1; margin-bottom:20px; font-weight:600;}

	.slideTwoCont {bottom:7%; left:10%; width:80%; height:60%;}
	.slideTwoCont .imgContT {bottom:15%; width:80%; left:10%; height:80%;}
	.slideTwoCont .imgContT img {max-height:100%; height:100%; width:auto;}
	.slideTwoCont .imgContM {bottom:3%; right:50%; transform:translateX(200%); height:65%;}
	.slideTwoCont .imgContM img {max-height:100%; height:100%; width:auto;}
	.slideTwoCont .textCont {padding:15px 25px; max-width:280px; background-color:#FFFFFF; border-radius:10px; box-shadow:5px 5px 7px rgba(0,0,0,0.15);}
	.slideTwoCont .textCont strong {display:block; font-size:17px; margin-bottom:15px;}
	.slideTwoCont .textCont p {font-size:13px; line-height:1.2;}
	.slideTwoCont .textCont.Top {top:-15px; right:5%;}
	.slideTwoCont .textCont.Bottom {left:15%; bottom:5%;}
	.slideTwoCont .textCont.Left {left:8%; top:13%;}

	.iContBox {width:100%; max-width:800px; margin:50px auto 0;}
	.iConCont {flex:1 1 48%; margin:1%; padding:15px; border-radius:10px; min-height:140px;}
	.iConCont:nth-of-type(3),
	.iConCont:nth-of-type(4) {min-height:160px;}
	.iConCont .iconBox {display:flex; width:30px; height:30px; margin-bottom:15px;}
	.iCTextBox strong {font-size:17px; font-weight:600; margin-bottom:12px; text-align:left;}
	.iCTextBox p {font-size:13px; line-height:1.4; text-align:left;}

	.SetPatent {max-width:580px; margin:25px auto 0;}
	.SetPatent .SPItem {flex:1 1 50%;}
	.SetPatent .SPItem strong {height:35px; padding:0 25px; font-size:14px;}

	/* slide Cont */
	.firstCont .slick-arrow {top:calc(50% - 20px); width:40px; height:40px;}
	.firstCont .slick-prev {left:40px;}
	.firstCont .slick-next {right:40px;}

	.firstCont .slick-dots {bottom:20px;}
	.firstCont .slick-dots li {margin-right:15px;}
	.firstCont .slick-dots li button {width:12px; height:12px;}

	.rolling-wrap { margin:7% auto 0;}

	.JList {height:120px;}
	.JList.bottom {margin-left:-140px;}
	.JList .JItem {min-width:280px; padding:15px 20px;}
	.JList .JlBox {padding:15px 80px 15px 25px; background-size:40px auto;}
	.JList .JlBox {background-position:top 50% right 25px;}
	.JList .JlBox strong {font-size:18px; line-height:1; margin-bottom:12px;}
	.JList .JlBox span {font-size:14px; line-height:1;}

	.JList .JlBox:hover {background-color:rgba(235,235,235,1);}

	.JPList {max-width:1200px; margin:20px auto 0;}
	.JPList .slick-list {padding:5% 7.5% 5%;}
	.JPList .JPItem {width:calc(50% - 20px); margin:10px; border-radius:10px;}
	.JPList .JPTitle {padding:20px 25px 15px;}
	.JPList .JPTitle strong {font-size:18px; margin-bottom:10px;}
	.JPList .JPTitle p {font-size:14px; text-align:left;}
	.JPList .JLInCont {padding:20px 25px 65px;}
	.JPList .JLInCont li {margin-bottom:10px; padding-bottom:10px;}
	.JPList .JLInCont li:last-of-type {margin-bottom:0;}
	.JPList .JLInCont li strong {display:block; font-size:14px; color:#333333; margin-bottom:10px;}
	.JPList .JLInCont li p {font-size:13px; line-height:1; margin-bottom:3px;}
	.JPList .JLInCont li table th {width:50%; height:20px; font-size:13px;}
	.JPList .JLInCont li table td {width:50%; height:20px; font-size:13px;}
	.JPList .JLInCont li table td.big {height:100px;}

	.JPList .JLInCont li table.middle th {height:25px;}
	.JPList .JLInCont li table.middle td {height:25px;}
	.JPList .JPItem .priceBtn {width:calc(100% - 50px); line-height:35px; border-radius:5px; bottom:15px; left:25px; font-size:14px;}

	.MailForm {max-width:700px; margin:20px auto 0;}


	.mailTable {width:100%;}
	.mailTable td {padding:7px;}
	.mailTable .inputSet {}
	.mailTable .inputSet label {display:none; position:absolute; top:0; left:0;}
	.mailTable .inputSet input {height:36px; padding:0 12px;}
	.mailTable .inputSet textarea {min-height:180px; padding:12px;}
	.MailForm .sand {width:240px; height:40px; margin-top:10px; font-size:14px;}

	#footer {padding:45px 15px;}

	.os-list {margin:0 auto 25px;}
	.os-list li {display:flex; margin-right:14px;}
	.os-list li span {font-size:15px;}

	.copyRight {}
	.copyRight p {font-size:15px; margin-bottom:10px;}
	.copyRight p span {margin-left:15px;}

	.onlink {width:110px; height:110px;font-size:14px; line-height:1.25; border-radius:55px; box-shadow:10px 10px 30px rgba(0,0,0,0.25);}
	.onlink strong {font-weight:600; font-size:17px;}

	/* 팝업 컨텐츠 정리 */
	.jBox-container {background-color:transparent;}
	.jBox-Modal .jBox-content {padding:0;}
	.jBox-Modal .jBox-container {border-radius:0;}
	.jBox-closeButton-box .jBox-closeButton {top:45px;}

	#popupBox {display:none;}
	.popupItem {padding:0; position:relative;}
	.popupItem .popTitle {padding:12px 18px; font-size:16px; font-weight:400; margin-bottom:12px;}

	.popupItem .popTab {border-radius:5px 5px 0 0;}
	.popupItem .popTab li {line-height:20px; font-size:14px; padding:12px 22px;}

	.popupItem .poptabBox {padding:35px 30px 25px; min-width:300px;}

	.popupItem .itemTitle {font-size:20px; font-weight:600; margin-bottom:20px;}
	.popupItem .inpItem {min-width:360px; margin-bottom:12px;}
	.popupItem .inpItem:last-child {margin-bottom:0;}
	.popupItem .inpItem:last-of-type {margin-bottom:0;}
	.popupItem .inpItem label {min-width:70px; font-size:12px; line-height:18px; margin-right:10px; height:36px;}
	.popupItem .inpItem input {height:36px; padding:0 9px;}
	.popupItem .inpItem input::placeholder {color:#999999;}
	.popupItem .checkItem {min-width:360px; margin-bottom:10px;}
	.popupItem .checkItem:last-child {margin-bottom:0;}
	.popupItem .checkItem input {margin-right:5px;}
	.popupItem .poponBtn {margin-top:20px; height:40px; font-size:14px;}

	.areaItem {height:350px; padding:15px; font-size:14px; line-height:20px;}
	.areaItem .tit {margin-bottom:5px; font-size:14px; line-height:20px; font-weight:500;}
	.areaItem .tits { margin-bottom:5px; font-size:13px; line-height:20px; font-weight:500;}
	.areaItem .tst {margin-bottom:12px; color:#666666; font-size:13px; line-height:18px;}
	.areaItem .fList {margin-bottom:15px;}
	.areaItem .fList > li {font-size:13px; line-height:20px;}

	.areaItem .sList {margin-bottom:10px; padding-left:10px;}
	.areaItem .sList > li {font-size:12px; line-height:16px;}

	.popupItem .subject {font-size:16px; font-weight:600; margin:20px 0 10px;}

	.slide-templet{width:140%;height:auto;margin-top:30px;}
	.slide-templet .templet-item{padding:0px 30px;}
	.slide-templet .templet-item p{height:100%;text-align:center;overflow:hidden;padding:50px;box-sizing:border-box;}
	.slide-templet .templet-item p img{width:100%;height:auto;display:inline;opacity: 0.5;transition: all 0.3s ease;box-shadow:7px 7px 10px rgb(0,0,0,0.15);}
	.slide-templet .templet-item.slick-center p{height:100%;opacity: 1;transition: all 0.3s ease;transform: scale(1.08);}
	.slide-templet .templet-item.slick-center p img{width:100%;height:auto;display:inline;opacity: 1;transition: all 0.3s ease;}

	.templet-prev{position: absolute;top: calc(50% + 80px);left:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
	background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-bottom: none !important;border-right: none !important;}
	.templet-next{position: absolute;top: calc(50% + 80px);right:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
	background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-top: none !important;border-left: none !important;}



	.MFTab {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; margin-bottom:15px;}
	.MFTab li {display:block; width:30%; padding:5px;}
	.MFTab li a {display:flex; width:100%; height:40px; justify-content:center; align-items:center; background-color:#FFFFFF; color:#000000; border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15); font-size:17px; transition:0.25s;}
	.MFTab li.on a {background-color:#10d2d5; color:#FFFFFF;}


	.tab-Sbox{width:100%;display:none;height:500px;}
	.tab-Sbox.active {display:block;}
	.map-box{width:100% !important;height:350px;}
	.S-info{width:100%;height:auto;text-align:center;color:#fff;padding-top:10px 0 0;margin-bottom:30px;}
	.S-info li{font-size:14px;margin-bottom:8px;}
	.info-depth{width:100%;display:flex;justify-content:center;margin-bottom:18px;}
	.info-depth li{flex: 1 1 33%;}
	.info-depth li i{display:block;font-size:14px;font-style:normal;text-align:center;color:#fff;}
	.info-depth li b{display:block;font-size:16px;text-align:center;color:#fff;margin-top:10px;line-height:32px;font-weight:400}
}



@media (max-width:960px) {
	#header {padding:1.5% 2%;}
	#header .headTitle a {width:90px; height:18px; background-size:auto 18px;}
	#header .headNav {max-width:360px; left:calc(50% - 180px);}
	#header .headNav li {display:block; margin-right:5%;}
	#header .headNav li a {font-size:12px; line-height:1;}

	.contSet {width:100%; height:100%; max-width:1280px;}
	.contSet.full {max-width:100%; padding-top:35px;}
	.contSet .tBox {padding-top:8%;}
	.contSet .tBox.center {text-align:center;}
	.contSet .tBox > h1 {line-height:1.4; font-size:20px; margin-bottom:2%;}
	.contSet .tBox > p {line-height:1.4; font-size:16px; margin-bottom:1%;}
	.contSet .tBox > p.sizeup {font-size:18px;}
	.contSet .tBox > strong {line-height:1; font-size:30px;}
	.contSet .psImg {position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:calc(80% - 160px); z-index:4;}

	.contSet .tBox.type1 {margin:0 auto; padding:0;}
	.contSet .tBox.type1 > h1 {color:#FFFFFF; font-size:24px; line-height:1; margin-bottom:10px; font-weight:400;}
	.contSet .tBox.type1 > p {color:#FFFFFF; font-size:15px; line-height:1.4; margin:0;}
	.contSet .tBox.type1 > strong {color:#FFFFFF; font-size:24px; line-height:1; margin-bottom:15px; font-weight:600;}
	.contSet .tBox.type2 {max-width:640px; margin:0 auto; padding:0;}
	.contSet .tBox.type2 > h1 {color:#000000; font-size:24px; line-height:1; margin-bottom:10px; font-weight:400;}
	.contSet .tBox.type2 > p {color:#000000; font-size:16px; line-height:1.4; margin:0;}
	.contSet .tBox.type2 > strong {color:#000000; font-size:24px; line-height:1; margin-bottom:15px; font-weight:600;}

	.slideTwoCont {bottom:7%; left:10%; width:80%; height:60%;}
	.slideTwoCont .imgContT {bottom:15%; width:80%; left:10%; height:80%;}
	.slideTwoCont .imgContT img {max-height:100%; height:100%; width:auto;}
	.slideTwoCont .imgContM {bottom:3%; right:50%; transform:translateX(200%); height:65%;}
	.slideTwoCont .imgContM img {max-height:100%; height:100%; width:auto;}
	.slideTwoCont .textCont {padding:14px 24px; max-width:280px; background-color:#FFFFFF; border-radius:10px; box-shadow:5px 5px 7px rgba(0,0,0,0.15);}
	.slideTwoCont .textCont strong {display:block; font-size:16px; margin-bottom:13px;}
	.slideTwoCont .textCont p {font-size:12px; line-height:1.2;}
	.slideTwoCont .textCont.Top {top:-15px; right:5%;}
	.slideTwoCont .textCont.Bottom {left:15%; bottom:5%;}
	.slideTwoCont .textCont.Left {left:8%; top:13%;}

	.iContBox {width:100%; max-width:700px; margin:40px auto 0;}
	.iConCont {flex:1 1 48%; margin:1%; padding:15px; min-height:130px;}
	.iConCont:nth-of-type(3),
	.iConCont:nth-of-type(4) {min-height:150px;}
	.iConCont .iconBox {display:flex; width:24px; height:24px; margin-bottom:15px; background-size:24px auto;}
	.iCTextBox strong {font-size:14px; font-weight:600; margin-bottom:10px; text-align:left;}
	.iCTextBox p {font-size:12px; line-height:1.4; text-align:left;}

	.SetPatent {max-width:460px; margin:20px auto 0;}
	.SetPatent .SPItem {flex:1 1 40%;}
	.SetPatent .SPItem strong {height:30px; padding:0 20px; font-size:13px;}

	/* slide Cont */
	.firstCont .slick-arrow {top:calc(50% - 15px); width:30px; height:30px;}
	.firstCont .slick-prev {left:15px;}
	.firstCont .slick-next {right:15px;}

	.firstCont .slick-dots {bottom:20px;}
	.firstCont .slick-dots li {margin-right:15px;}
	.firstCont .slick-dots li button {width:12px; height:12px;}

	.rolling-wrap {margin:5% auto 0;}

	.JList {height:100px;}
	.JList.bottom {margin-left:-130px;}
	.JList .JItem {min-width:260px; padding:12px 15px;}
	.JList .JlBox {padding:13px 75px 13px 23px; background-size:36px auto;}
	.JList .JlBox {background-position:top 50% right 23px;}
	.JList .JlBox strong {font-size:16px; line-height:1; margin-bottom:12px;}
	.JList .JlBox span {font-size:13px; line-height:1;}

	.JPList {max-width:100%; margin:15px auto 0;}
	.JPList .JPItem {width:calc(50% - 20px); margin:10px; border-radius:10px;}
	.JPList .JPTitle {padding:12px 20px 12px;}
	.JPList .JPTitle strong {font-size:16px; margin-bottom:8px;}
	.JPList .JPTitle p {font-size:12px; text-align:left;}
	.JPList .JLInCont {padding:15px 20px 55px;}
	.JPList .JLInCont li {margin-bottom:8px; padding-bottom:8px;}
	.JPList .JLInCont li strong {font-size:12px; margin-bottom:5px;}
	.JPList .JLInCont li p {font-size:13px; line-height:1; margin-bottom:3px;}
	.JPList .JLInCont li table th {width:50%; height:16px; font-size:12px;}
	.JPList .JLInCont li table td {width:50%; height:16px; font-size:12px;}
	.JPList .JLInCont li table td.big {height:80px;}

	.JPList .JLInCont li table.middle th {height:20px;}
	.JPList .JLInCont li table.middle td {height:20px;}
	.JPList .JPItem .priceBtn {width:calc(100% - 40px); line-height:30px; border-radius:5px; bottom:13px; left:20px; font-size:12px;}

	.MailForm {max-width:640px; margin:15px auto 0;}

	.mailTable {width:100%;}
	.mailTable td {padding:5px;}
	.mailTable .inputSet {}
	.mailTable .inputSet label {display:none; position:absolute; top:0; left:0;}
	.mailTable .inputSet input {height:30px; padding:0 12px;}
	.mailTable *::placeholder {font-size:12px;}
	.mailTable .inputSet textarea {min-height:160px; padding:12px;}
	.MailForm .sand {width:200px; height:36px; margin-top:8px; font-size:12px;}

	#footer {padding:25px 15px;}

	.os-list {margin:0 auto 20px;}
	.os-list li {display:flex; margin-right:10px;}
	.os-list li span {font-size:15px;}

	.copyRight {}
	.copyRight p {font-size:14px; margin-bottom:10px;}
	.copyRight p span {margin-left:15px;}

	.onlink {width:100px; height:100px; font-size:14px;}
	.onlink strong {font-weight:600; font-size:16px;}

	/* 팝업 컨텐츠 정리 */
	.jBox-container {background-color:transparent;}
	.jBox-Modal .jBox-content {padding:0;}
	.jBox-Modal .jBox-container {border-radius:0;}
	.jBox-closeButton-box .jBox-closeButton {top:40px;}

	#popupBox {display:none;}
	.popupItem {padding:0; position:relative;}
	.popupItem .popTitle {padding:10px 15px; font-size:14px; margin-bottom:10px;}

	.popupItem .popTab {border-radius:5px 5px 0 0;}
	.popupItem .popTab li {line-height:20px; font-size:12px; padding:10px 17px;}

	.popupItem .poptabBox {padding:25px; min-width:300px;}

	.popupItem .itemTitle {font-size:16px; font-weight:600; margin-bottom:15px;}
	.popupItem .inpItem {min-width:320px; margin-bottom:12px;}
	.popupItem .inpItem:last-child {margin-bottom:0;}
	.popupItem .inpItem label {min-width:70px; font-size:12px; margin-right:8px; height:32px;}
	.popupItem .inpItem input {height:32px; padding:0 8px;}
	.popupItem .inpItem input::placeholder {color:#999999;}
	.popupItem .checkItem {min-width:320px; margin-bottom:8px;}
	.popupItem .checkItem:last-child {margin-bottom:0;}
	.popupItem .checkItem input {margin-right:5px;}
	.popupItem .poponBtn {margin-top:10px; height:32px; font-size:12px;}

	.areaItem {height:350px; padding:15px; font-size:14px; line-height:20px;}
	.areaItem .tit {margin-bottom:5px; font-size:14px; line-height:20px; font-weight:500;}
	.areaItem .tits { margin-bottom:5px; font-size:13px; line-height:20px; font-weight:500;}
	.areaItem .tst {margin-bottom:12px; color:#666666; font-size:13px; line-height:18px;}
	.areaItem .fList {margin-bottom:15px;}
	.areaItem .fList > li {font-size:13px; line-height:20px;}

	.areaItem .sList {margin-bottom:10px; padding-left:10px;}
	.areaItem .sList > li {font-size:12px; line-height:16px;}

	.popupItem .subject {font-size:16px; font-weight:600; margin:20px 0 10px;}


	.slide-templet{width:150%;height:auto;margin-top:30px;}
	.slide-templet .templet-item{padding:0px 10px;}
	.slide-templet .templet-item p{height:100%;text-align:center;overflow:hidden;padding:30px;box-sizing:border-box;}
	.slide-templet .templet-item p img{width:100%;height:auto;display:inline;opacity: 0.5;transition: all 0.3s ease;}
	.slide-templet .templet-item.slick-center p{height:100%;opacity: 1;transition: all 0.3s ease;transform: scale(1.08);}
	.slide-templet .templet-item.slick-center p img{width:100%;height:auto;display:inline;opacity: 1;transition: all 0.3s ease;}

	.templet-prev{position: absolute;top: calc(50% + 80px);left:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
	background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-bottom: none !important;border-right: none !important;}
	.templet-next{position: absolute;top: calc(50% + 80px);right:80px;z-index: 5;width: 60px;height: 60px;border: 3px solid #000 !important;font-size: 0;
	background-color: transparent;outline: none;transform: rotate(-45deg);cursor: pointer;border-top: none !important;border-left: none !important;}

	.MFTab {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; margin-bottom:15px;}
	.MFTab li {display:block; width:30%; padding:5px;}
	.MFTab li a {display:flex; width:100%; height:40px; justify-content:center; align-items:center; background-color:#FFFFFF; color:#000000; border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15); font-size:17px; transition:0.25s;}
	.MFTab li.on a {background-color:#10d2d5; color:#FFFFFF;}

	.tab-Sbox{width:100%;display:none;height:500px;}
	.tab-Sbox.active {display:block;}
	.map-box{width:100% !important;height:350px;}
	.S-info{width:100%;height:auto;text-align:center;color:#fff;padding-top:10px 0 0;margin-bottom:30px;}
	.S-info li{font-size:14px;margin-bottom:8px;}
	.info-depth{width:100%;display:flex;justify-content:center;margin-bottom:18px;}
	.info-depth li{flex: 1 1 33%;}
	.info-depth li i{display:block;font-size:14px;font-style:normal;text-align:center;color:#fff;}
	.info-depth li b{display:block;font-size:16px;text-align:center;color:#fff;margin-top:10px;line-height:32px;font-weight:400}
}

@media (max-width:760px) {
	#header {padding:2% 3% 50px;}
	#header .headTitle a {width:90px; height:18px; background-size:auto 18px;}
	#header .headNav {position:fixed; top:45px; left:0; width:100%; max-width:100%;}
	#header .headNav li {display:block; width:100%; margin-right:0;}
	#header .headNav li a {font-size:12px; line-height:1; text-align:center;}

	.contSet {width:100%; height:100%; max-width:1280px;}
	.contSet.full {max-width:100%; padding-top:85px;}
	.contSet .tBox {padding:25% 10% 0;}
	.contSet .tBox.center {align-items:center;}
	.contSet .tBox > h1 {line-height:1.4; font-size:20px; margin-bottom:3%; word-break:keep-all;}
	.contSet .tBox > p {line-height:1.4; font-size:16px; margin-bottom:2%; word-break:keep-all;}
	.contSet .tBox > p.sizeup {font-size:18px;}
	.contSet .tBox > strong {line-height:1.4; font-size:30px;}
	.contSet .psImg {position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:calc(80% - 160px); z-index:4;}

	.contSet .tBox.type1 {margin:0 auto; padding:0;}
	.contSet .tBox.type1 > h1 {color:#FFFFFF; font-size:24px; line-height:1.2; margin-bottom:10px; font-weight:400; word-break:keep-all;}
	.contSet .tBox.type1 > p {color:#FFFFFF; font-size:15px; line-height:1.4; margin:0; word-break:keep-all;}
	.contSet .tBox.type1 > strong {color:#FFFFFF; font-size:24px; line-height:1.2; margin-bottom:15px; font-weight:600; word-break:keep-all;}
	.contSet .tBox.type2 {max-width:640px; margin:0 auto; padding:0 5%;}
	.contSet .tBox.type2 > h1 {color:#000000; font-size:18px; line-height:1.2; margin-bottom:10px; font-weight:400; word-break:keep-all;}
	.contSet .tBox.type2 > p {color:#000000; font-size:15px; line-height:1.3; margin:0; word-break:keep-all;}
	.contSet .tBox.type2 > strong {color:#000000; font-size:18px; line-height:1.2; margin-bottom:10px; font-weight:600; word-break:keep-all;}

	.slideTwoCont {bottom:7%; left:2%; width:96%; height:60%;}
	.slideTwoCont .imgContT {bottom:10%; width:100%; left:0; height:auto;}
	.slideTwoCont .imgContT img {max-height:100%; height:auto; width:100%;}
	.slideTwoCont .imgContM {bottom:-5%; right:5%; transform:translateX(0); height:50%;}
	.slideTwoCont .imgContM img {max-height:100%; height:100%; width:auto;}
	.slideTwoCont .textCont {padding:15px 20px; max-width:70%; width:100%; position:relative; margin:0 0 4% 10%;}
	.slideTwoCont .textCont strong {display:block; font-size:14px; margin-bottom:10px;}
	.slideTwoCont .textCont p {font-size:12px; line-height:1.2;}
	.slideTwoCont .textCont.Top {top:0; right:auto; left:0;}
	.slideTwoCont .textCont.Bottom {left:0; bottom:auto; top:0;}
	.slideTwoCont .textCont.Left {left:0; top:0;}

	.iContBox {width:100%; max-width:700px; margin:25px auto 0;}
	.iConCont {flex:1 1 98%; margin:1%; padding:15px; min-height:50px; flex-direction:row;}
	.iConCont:nth-of-type(3),
	.iConCont:nth-of-type(4) {min-height:50px;}
	.iConCont .iconBox {display:flex; width:24px; height:24px; margin-bottom:0; margin-right:10px; background-size:24px auto;}
	.iCTextBox strong {font-size:14px; font-weight:600; margin-bottom:10px; text-align:left;}
	.iCTextBox p {font-size:12px; line-height:1.4; text-align:left; word-break:keep-all;}

	.SetPatent {max-width:460px; margin:20px auto 0; height:70%; position:relative;}
	.SetPatent .SPItem {flex:1 1 70%; width:70%; position:absolute;}
	.SetPatent .SPItem:nth-of-type(1) {left:0; top:0;}
	.SetPatent .SPItem:nth-of-type(2) {right:0; bottom:0;}
	.SetPatent .SPItem strong {height:30px; padding:0 20px; font-size:14px; line-height:1.2; position:absolute; top:calc(50% - 15px); left:0; width:100%;}

	/* slide Cont */
	.firstCont .slick-arrow {top:calc(50% - 15px); width:30px; height:30px;}
	.firstCont .slick-prev {left:15px;}
	.firstCont .slick-next {right:15px;}

	.firstCont .slick-dots {bottom:20px;}
	.firstCont .slick-dots li {margin-right:15px;}
	.firstCont .slick-dots li button {width:12px; height:12px;}

	.rolling-wrap {margin:20% auto 0;}

	.JList {height:100px;}
	.JList.bottom {margin-left:-130px;}
	.JList .JItem {min-width:260px; padding:12px 15px;}
	.JList .JlBox {padding:13px 75px 13px 23px; background-size:36px auto;}
	.JList .JlBox {background-position:top 50% right 23px;}
	.JList .JlBox strong {font-size:16px; line-height:1; margin-bottom:12px;}
	.JList .JlBox span {font-size:13px; line-height:1;}

	.JPList {max-width:100%; margin:5px auto 0; display:block;}
	.JPList .slick-list {padding:5% 7.5% 5%;}
	.JPList .JPItem {width:100%; margin:0 15px; padding:0; border-radius:10px; box-shadow:7px 7px 10px rgba(0,0,0,0.15);}
	.JPList .JPItem:last-of-type {margin-bottom:0;}
	.JPList .JPTitle {padding:20px 15px;}
	.JPList .JPTitle strong {font-size:16px; margin-bottom:5px;}
	.JPList .JPTitle p {font-size:14px; text-align:left;}
	.JPList .JLInCont {padding:20px 15px 60px;}
	.JPList .JLInCont li {margin-bottom:5px; padding-bottom:5px; border:none;}
	.JPList .JLInCont li strong {font-size:14px; margin-bottom:5px;}
	.JPList .JLInCont li p {font-size:14px; line-height:1; margin-bottom:5px;}
	.JPList .JLInCont li table th {width:50%; height:16px; font-size:12px;}
	.JPList .JLInCont li table td {width:50%; height:16px; font-size:12px;}
	.JPList .JLInCont li table td.big {height:80px;}

	.JPList .JLInCont li table.middle th {height:20px;}
	.JPList .JLInCont li table.middle td {height:20px;}
	.JPList .JPItem .priceBtn {width:calc(100% - 30px); line-height:40px; border-radius:5px; bottom:15px; left:15px; font-size:14px;}

	.MailForm {max-width:640px; margin:0 auto 0; font-size:0;}


	.mailTable {width:100%; display:block;}
	.mailTable tbody {display:block;}
	.mailTable tr {display:block;}
	.mailTable td {display:block; padding:5px 10px;}
	.mailTable .inputSet {}
	.mailTable .inputSet label {display:none; position:absolute; top:0; left:0;}
	.mailTable .inputSet input {height:45px; padding:0 12px;}
	.mailTable *::placeholder {font-size:12px;}
	.mailTable .inputSet textarea {min-height:200px; padding:12px;}
	.MailForm .sand {width:calc(100% - 20px); height:45px; margin-top:5px; font-size:12px;}

	#footer {padding:35px 15px;}

	.os-list {margin:0 auto 15px;}
	.os-list li {display:flex; margin-right:10px;}
	.os-list li span {font-size:14px;}

	.copyRight {}
	.copyRight p {font-size:14px; line-height:1.2; margin-bottom:10px;}
	.copyRight p span {margin-left:10px;}

	.onlink {width:100px; height:100px; font-size:14px; background-color:rgba(145,119,239,0.7); bottom:5px; right:5px;}
	.onlink strong {font-weight:600; font-size:16px;}

	/* 팝업 컨텐츠 정리 */
	.jBox-container {background-color:transparent;}
	.jBox-Modal .jBox-content {padding:0;}
	.jBox-Modal .jBox-container {border-radius:0;}
	.jBox-closeButton-box .jBox-closeButton {top:40px;}

	#popupBox {display:none;}
	.popupItem {padding:0; position:relative;}
	.popupItem .popTitle {padding:10px 15px; font-size:14px; margin-bottom:10px;}

	.popupItem .popTab {border-radius:5px 5px 0 0;}
	.popupItem .popTab li {line-height:20px; font-size:12px; padding:10px 17px;}

	.popupItem .poptabBox {padding:25px; min-width:300px;}

	.popupItem .itemTitle {font-size:16px; font-weight:600; margin-bottom:15px;}
	.popupItem .inpItem {min-width:320px; margin-bottom:12px;}
	.popupItem .inpItem:last-child {margin-bottom:0;}
	.popupItem .inpItem label {min-width:70px; font-size:12px; margin-right:8px; height:32px;}
	.popupItem .inpItem input {height:32px; padding:0 8px;}
	.popupItem .inpItem input::placeholder {color:#999999;}
	.popupItem .checkItem {min-width:320px; margin-bottom:8px;}
	.popupItem .checkItem:last-child {margin-bottom:0;}
	.popupItem .checkItem input {margin-right:5px;}
	.popupItem .poponBtn {margin-top:10px; height:32px; font-size:12px;}

	.areaItem {height:350px; padding:15px; font-size:14px; line-height:20px;}
	.areaItem .tit {margin-bottom:5px; font-size:14px; line-height:20px; font-weight:500;}
	.areaItem .tits { margin-bottom:5px; font-size:13px; line-height:20px; font-weight:500;}
	.areaItem .tst {margin-bottom:12px; color:#666666; font-size:13px; line-height:18px;}
	.areaItem .fList {margin-bottom:15px;}
	.areaItem .fList > li {font-size:13px; line-height:20px;}

	.areaItem .sList {margin-bottom:10px; padding-left:10px;}
	.areaItem .sList > li {font-size:12px; line-height:16px;}

	.popupItem .subject {font-size:16px; font-weight:600; margin:20px 0 10px;}

	.slide-templet{width:250%;height:auto;margin-top:30px;}
	.slide-templet .templet-item{padding:0px;}
	.slide-templet .templet-item p{height:100%;text-align:center;overflow:hidden;padding:20px;box-sizing:border-box;}
	.slide-templet .templet-item p img{width:100%;height:auto;display:inline;opacity: 0.5;transition: all 0.3s ease; box-shadow:3px 3px 7px rgba(0,0,0,0.15);}
	.slide-templet .templet-item.slick-center p{height:100%;opacity: 1;transition: all 0.3s ease;transform: scale(1.08);}
	.slide-templet .templet-item.slick-center p img{width:100%;height:auto;display:inline;opacity: 1;transition: all 0.3s ease;}

	.templet-prev{display:none !important;}
	.templet-next{display:none !important;}

	.MFTab {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; margin-bottom:15px;}
	.MFTab li {display:block; width:30%; padding:5px;}
	.MFTab li a {display:flex; width:100%; height:40px; justify-content:center; align-items:center; background-color:#FFFFFF; color:#000000; border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15); font-size:14px; transition:0.25s;}
	.MFTab li.on a {background-color:#10d2d5; color:#FFFFFF;}

	.tab-Sbox{width:100%;display:none;height:auto;padding:0 10px;}
	.tab-Sbox.active {display:block;}
	.map-box{width:100% !important;height:230px;}
	.S-info{width:100%;height:auto;text-align:center;color:#fff;padding-top:10px 0 0;margin-bottom:0px;}
	.S-info li{font-size:14px;margin-bottom:8px; line-height:20px; word-break:keep-all;}
	.info-depth{width:100%;display:block;margin-bottom:18px;}
	.info-depth li{width:100%;margin-bottom:10px;}
	.info-depth li i{display:block;font-size:14px; line-height:1; font-style:normal;text-align:center;color:#fff;}
	.info-depth li b{display:block;font-size:14px; line-height:1;text-align:center;color:#fff;margin-top:5px;font-weight:400}
	.root_daum_roughmap .wrap_map{height:190px !important;}
	
	/* 오픈소스 라이센스 */
	.ossBox {min-width:0;}
	.tabBox-align {height:433px;}

	#header .wcMes {max-width:calc(100% - 130px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}