@charset "utf-8";
@import url('NotoSansKR.css');
@import url('Montserrat.css');
@import url('fullpage.css');
@import url('swiper.css');
@import url('base.css');
@import url('tsne_sub.css');

/* 공통레이아웃 */
div.wrapper, div.wrapper *,
div.layerPopup, div.layerPopup *,
div.popupWrap, div.popupWrap * {transition:all .5s;}

div.wrapper,
div.skinWrap {/*overflow: hidden;*/position: relative;width: 100%;letter-spacing: -1px;font-size: 16px;line-height: 25px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;word-break:keep-all;background-color: #fff;}


.scrollArea::-webkit-scrollbar {width: 3px;background-color: #e3e9f2;}
.scrollArea::-webkit-scrollbar-thumb {background-color: #003885;}


/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.wrapper {padding-top: 101px;}

.pcOnly {display: block !important;}
.tOnly {display: none !important;}
.mOnly {display: none !important;}
}


/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {

div.wrapper {overflow: hidden;}
.pcOnly {display: none !important;}
.tOnly {display: block !important;}
.mOnly {display: none !important;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
.pcOnly {display: none !important;}
.tOnly {display: none !important;}
.mOnly {display: block !important;}
}



div#headerWrap {z-index: 90;position: relative;border-bottom: 1px solid #e5e5e5;}
div#headerWrap h1,
div#headerWrap h1 a {display: block;margin: 0;padding: 0;}

div#headerWrap h1 a {height: 100%;font-size: 0;line-height: 0;background: url('/ts/image/common/header_logo.png') 20px center no-repeat;background-size: 53px;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div#headerWrap {position: fixed;left: 0;top: 0;width: 100%;height: 100px;background-color: #fff;}

div.header {position: relative;max-width:1300px;margin: 0 auto;}
div#headerWrap h1 {z-index: 50;position: absolute;left: 0;top: 0;width: 105px;height: 100%;}
div#headerWrap h1 a {background-position: left center;background-size: 100%;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.wrapper {padding-top: 60px;}
div#headerWrap,
div#headerWrap h1 {height: 60px;}
div#headerWrap {position: fixed;left: 0;top: 0;width: 100%;background-color: #fff;}
}


ul#gnb, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul#gnb {display: none;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
ul#gnb {display: block;height: 100px;padding-left: 115px;box-sizing: border-box;}
ul#gnb > li {float: left;margin-left: 60px;padding: 35px 0;}
ul#gnb a {display: block;border-bottom: 2px solid #fff;color: #191919;font-size: 20px;line-height: 30px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul#gnb a:hover {color: #094ead;border-color: #094ead;}
}



ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.headerUtil > li {display: none;}

ul.headerUtil .viewMenu {position: absolute;right: 0;top: 0;display: block;height: 100%;}
ul.headerUtil .viewMenu a {display: block;height: 100%;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
ul.headerUtil {position: absolute;right: 0;top: 50%;transform:translateY(-50%);height: 36px;text-align: right;font-size: 0;line-height: 0;}
ul.headerUtil > li {position: relative;display: inline-block !important;vertical-align: top;}
ul.headerUtil a {display: block;}

ul.headerUtil > li > a {padding: 0 10px;font-size: 14px;line-height: 36px;}

ul.headerUtil .omniEdu a {padding: 0 20px;border-radius: 18px;background-color: #fef3db;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.headerUtil .omniEdu a{margin-right: 10px;}
ul.headerUtil .omniEdu img {display: inline-block;vertical-align: top;padding: 12px 0 0 10px;}

ul.headerUtil .viewMenu {position: static;}
ul.headerUtil .viewMenu a {width: 70px;height: 36px;padding: 0;background-image: url('/ts/image/common/viewMenu.png');}

ul.headerUtil a.more {margin: 0 2px 0 10px;text-align: center;}
ul.headerUtil a.more {margin: 0;}
ul.headerUtil a.more:after {content: "";display: inline-block;vertical-align: top;width: 10px;height: 36px;margin: 0 8px;background: url('/ts/image/common/header_more.png') center center no-repeat;transition:transform .3s ease-in-out .15s;}
ul.headerUtil a.more.view:after {transform:rotate(180deg);}

ul.headerUtil ul {display: none;position: absolute;width: 100%;border: 1px solid #7d7d7d;padding: 10px 15px;background-color: #fff;box-sizing: border-box;}
ul.headerUtil ul a {text-align: left;font-size: 13px;line-height: 25px;color: #191919;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
ul.headerUtil .viewMenu a {width: 60px;background-image: url('/ts/image/common/viewMenu_tablet.png');}
ul.headerUtil > li.eng {position: absolute;right: 60px;top: 0;height: 60px;display: block;}
ul.headerUtil > li.eng a {color: #fff;line-height: 60px;text-align: center;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul.headerUtil .viewMenu a {background-image: url('/ts/image/common/viewMenu_m.png');background-size: 15px;}
}



div.allMenuWrap {display: none;z-index: 100;position: fixed;left: 0;width: 100%;background-color: #fff;}

ul#allMenu, ul#allMenu ul, ul#allMenu li, ul#allMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

div.allMenuWrap > div {position: relative;height: 100%;}
div.allMenuWrap > div:before {content: "";position: absolute;left: 0;top: 0;width: 35%;height: 100%;background-color: #102e6d;}

ul#allMenu {overflow-x: hidden;overflow-y: auto;height: 100%;box-sizing: border-box;}

ul#allMenu a {position: relative;display: block;vertical-align: middle;color: #000;font-family: 'Montserrat-Light', 'NotoSansKR Thin', sans-serif;}
ul#allMenu > li > a {display: table-cell;width: 35vw;color: #fff;box-sizing: border-box;}

ul#allMenu ul.depth2 {display: none;overflow-x: hidden;overflow-y: auto;position: absolute;left: 35%;top: 0;width: 65%;height: 100%;box-sizing: border-box;}
ul#allMenu ul.depth2::-webkit-scrollbar {width: 3px;background-color: #e3e9f2;}
ul#allMenu ul.depth2::-webkit-scrollbar-thumb {background-color: #003885;}

ul#allMenu ul.depth2 > li:first-child {/*padding-top: 0;*/}
ul#allMenu ul.depth2 > li > a {padding: 5px 0;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul#allMenu ul.depth2 > li > a.sub:before,
ul#allMenu ul.depth2 > li > a.sub:after {content: "";position: absolute;right: 0;top: calc(50% - 1px);width: 1rem;height: 2px;background-color: #191919;}
ul#allMenu ul.depth2 > li > a.sub:before {transform:rotate(0deg);}
ul#allMenu ul.depth2 > li > a.sub:after {transform:rotate(90deg);}

ul#allMenu ul.depth3 {display: none;}
ul#allMenu ul.depth3 > li > a {color: #323232;}

ul#allMenu ul.depth4 > li > a {color: #919191;}

/*ul#allMenu li.omniEdu {display: none;}*/
ul#allMenu li.omniEdu > a:after {content: "";position: absolute;right: 10px;top: 19px;transform:rotate(0deg);width: 18px;height: 18px;background: url('/ts/image/common/allMenu_omniEdu.png') right top no-repeat;}

ul#allMenu li.eng {position: absolute;left: 0;bottom: 0;width: 30%;background-color: #102e6d;box-sizing: border-box;}
ul#allMenu li.eng > a {display: block;width: auto;text-align: center;color: #fff;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;background-color: #0f275a;}

ul#allMenu > li.on > a {background-color: #fff;color: #102e6d;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul#allMenu > li.on ul.depth2 {display: block;}

ul#allMenu ul.depth2 > li.on > a {color: #102e6d;}
ul#allMenu ul.depth2 > li.on > a:after {transform:rotate(0deg);}


/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.allMenuWrap {top: 0;height: 100%;background: #003885 url('/ts/image/common/allMenu_bg.png') center bottom no-repeat;background-size: 100%;}

div.allMenuWrap > div {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: calc(100% - 40px);max-width:1300px;height: 70vh;}
div.allMenuWrap > div:before {display: none;}

ul#allMenu {height: 100%;}
ul#allMenu::-webkit-scrollbar {width: 3px;background-color: #e3e9f2;}
ul#allMenu::-webkit-scrollbar-thumb {background-color: #003885;}

ul#allMenu > li {padding-top: 40px;}
ul#allMenu > li:first-child {padding-top: 0;}

ul#allMenu a {color: #fff !important;}
ul#allMenu > li > a {position: relative;display: inline-block;width: auto;height: auto;padding:0 35px 0 0;font-size: 45px;line-height: 45px;}

ul#allMenu > li > a.sub:before,
ul#allMenu > li > a.sub:after {content: "";position: absolute;right: 0;top: calc(50% - 2px);width: 1rem;height: 3px;background-color: #fff;}
ul#allMenu > li > a.sub:before {transform:rotate(0deg);}
ul#allMenu > li > a.sub:after {transform:rotate(90deg);}


ul#allMenu ul.depth2 {position: static;width: 100%;padding-top: 15px;}
ul#allMenu ul.depth2 > li > a {font-size: 22px;line-height: 24px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
ul#allMenu ul.depth2 > li > a:before,
ul#allMenu ul.depth2 > li > a:after {display: none;}

ul#allMenu ul.depth3,
ul#allMenu ul.depth4 {display: block !important;}

ul#allMenu ul.depth3 > li {padding-top: 10px;}
ul#allMenu ul.depth3 > li:first-child {padding-top: 5px;}

ul#allMenu ul.depth3 > li > a {font-size: 20px;line-height: 24px;}
ul#allMenu ul.depth4 > li > a {font-size: 17px;line-height: 20px;color: #5685c6 !important;}

ul#allMenu > li.on > a.sub {color: #fff;background-color: transparent;}
ul#allMenu > li.on > a.sub:after {transform:rotate(0deg);}
ul#allMenu .on ul.depth2 {display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 40px 20px;}

ul#allMenu li.omniEdu {display: block;}
ul#allMenu li.omniEdu > a:after {content: "";position: absolute;right: 0;top: 0;transform:rotate(0deg);width: 18px;height: 18px;background: url('/ts/image/common/allMenu_omniEdu.png') right top no-repeat;}
ul#allMenu li.eng {display: none;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.allMenuWrap {top: 61px;height: calc(100% - 61px);}

ul#allMenu {padding-bottom: 80px;}
ul#allMenu > li > a {height: 60px;padding: 0 20px;font-size: 26px;line-height: 28px;}

ul#allMenu ul.depth2 {padding: 20px;}
ul#allMenu ul.depth2 > li {padding-top: 30px;}
ul#allMenu ul.depth2 > li > a {padding: 5px 0;font-size: 24px;line-height: 26px;}

ul#allMenu ul.depth3 > li {padding-top: 15px;}
ul#allMenu ul.depth3 > li > a {font-size: 22px;line-height: 24px;}

ul#allMenu ul.depth4 > li {padding-top: 5px;}
ul#allMenu ul.depth4 > li > a {font-size: 19px;line-height: 20px;}

ul#allMenu li.eng {padding: 10px 20px;}
ul#allMenu li.eng > a {;font-size: 22px;line-height: 50px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.allMenuWrap {top: 60px;height: calc(100% - 60px);}
ul#allMenu > li > a {height: 45px;padding: 0 15px;font-size: 18px;line-height: 22px;}


ul#allMenu {padding-bottom: 50px;}
ul#allMenu > li > a {height: 55px;padding: 0 40px 0 20px;font-size: 20px;line-height: 24px;}

ul#allMenu ul.depth2 {padding: 15px;}
ul#allMenu ul.depth2 > li {padding-top: 20px;}
ul#allMenu ul.depth2 > li > a {font-size: 18px;line-height: 20px;}

ul#allMenu ul.depth3 > li {padding-top: 10px;}
ul#allMenu ul.depth3 > li > a {font-size: 16px;line-height: 20px;}

ul#allMenu ul.depth4 > li {padding-top: 5px;}
ul#allMenu ul.depth4 > li > a {font-size: 14px;line-height: 16px;}

ul#allMenu li.eng {padding: 5px 15px;}
ul#allMenu li.eng > a {height: 40px;font-size: 16px;line-height: 40px;}
}



div.closeMenu, div.closeMenu a {margin: 0;padding: 0;text-decoration: none;}
div.closeMenu {position: absolute;right: 0;}
div.closeMenu a {display: block;height: 100%;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.closeMenu {top: -50px;width: 30px;height: 30px;background-color: transparent;}
div.closeMenu a {background-image: url('/ts/image/common/closeMenu.png');}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.closeMenu {top: -61px;width: 60px;height: 60px;background-color: #fff;}
div.closeMenu a {background-image: url('/ts/image/common/closeMenu_tablet.png');background-size: 20px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.closeMenu {top: -60px;width: 60px;height: 60px;background-color: #fff;}
div.closeMenu a {background-image: url('/ts/image/common/closeMenu_m.png');background-size: 12px;}
}





div#goTop {z-index: 40;position: relative;}
div.mainWrap div#goTop {display: none !important;}
div#goTop a,
div#goTop img {display: block;}
div#goTop a {position: absolute;right: 20px;top: -70px;border-radius: 50%;background-color: #323232;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div#goTop a {position: fixed;left: 50%;top: 75vh;width: 50px;height: 50px;margin-left: 720px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div#goTop a {right: 15px;top: -55px;width: 40px;}
}


div#footerWrap {}

div.footerInfo {position: relative;background-color: #2e2f30;}
/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.footerInfo > *,
div.footer > * {width: 1200px;margin: 0 auto !important;}
}


/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.footerInfo > *,
div.footer > * {width: 1400px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.footerInfo {padding: 0 30px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.footerInfo {padding: 0 15px;}
}



dl.footerMenu, dl.footerMenu dt, dl.footerMenu dd, dl.footerMenu ul, dl.footerMenu li, dl.footerMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.footerMenu {position: relative;border-bottom: 1px solid rgba(255,255,255,.16);}
dl.footerMenu ul {text-align: right;font-size: 0;line-height: 0;}
dl.footerMenu li {display: inline-block;vertical-align: top;}
dl.footerMenu li:not(:first-child) {position: relative;padding-left: 40px;}
dl.footerMenu li:not(:first-child):before {content: "";position: absolute;left: 20px;top: 50%;transform:translateY(-50%);width: 1px;height: 12px;background-color: #fff;opacity: .5;}
dl.footerMenu li a {display: block;color: #fff;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
dl.footerMenu {padding: 70px 0;}
dl.footerMenu dt {position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
dl.footerMenu li a {font-size: 20px;line-height: 20px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
dl.footerMenu {padding: 30px 0;}
dl.footerMenu > dt {padding-bottom: 15px;}
dl.footerMenu dl {padding: 30px 0;}
dl.footerMenu li a {font-size: 20px;line-height: 20px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
dl.footerMenu {padding: 15px 0 15px;}
dl.footerMenu dt img {width: 140px;}
dl.footerMenu li a {font-size: 12px;line-height: 16px;}
}

/*  Mobile : ~ width:320px  */
@media screen and (max-width: 320px) {
dl.footerMenu li a {word-break:break-all;}
}


ul.footerBranch, ul.footerBranch li, ul.footerBranch a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.footerBranch {display: grid; grid-template-columns: repeat(4, 1fr);justify-items: stretch;}
ul.footerBranch li {color: #a6a7ab;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}

ul.footerBranch strong,
ul.footerBranch address,
ul.footerBranch span {display: block;font-style: normal;}
ul.footerBranch strong {color: #89b4db;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
ul.footerBranch span {position: relative;}
ul.footerBranch span:before {content: attr(pub-tit);position: absolute;left: 0;top: 0;color: #fff;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
ul.footerBranch {height: 400px;}
ul.footerBranch li {padding: 50px 30px;font-size: 16px;line-height: 30px;}
ul.footerBranch li:not(:first-child) {position: relative;padding-left: 40px;}
ul.footerBranch li:not(:first-child):before {content: "";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 1px;height: calc(100% - 90px);;background-color: #fff;opacity: .16;}

ul.footerBranch strong {font-size: 22px;}
ul.footerBranch address {padding: 20px 0 25px;}
ul.footerBranch span {padding-left: 40px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
ul.footerBranch {grid-template-columns: repeat(2, 1fr);}
ul.footerBranch li {padding: 30px;font-size: 14px;line-height: 20px;}
ul.footerBranch li:nth-child(even) {position: relative;}
ul.footerBranch li:nth-child(even):before {content: "";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 1px;height: calc(100% - 50px);;background-color: #fff;opacity: .16;}

ul.footerBranch strong {font-size: 18px;}
ul.footerBranch address {padding: 10px 0 15px;}
ul.footerBranch span {padding-left: 30px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul.footerBranch {display: block;padding: 5px 0 20px;}
ul.footerBranch li {padding: 15px 0 0;}
ul.footerBranch li:nth-child(even):before {display: none;}

ul.footerBranch address {padding: 5px 0 10px;}
ul.footerBranch br {display: none;}
ul.footerBranch span.mOnly {display: inline-block !important;vertical-align: top;padding: 0;}
}




div.footer {position: relative;background-color: #242526;}

dl.tsneInfo, dl.tsneInfo dt, dl.tsneInfo dd, dl.tsneInfo ul, dl.tsneInfo li, dl.tsneInfo address, dl.tsneInfo p {margin: 0;padding: 0;list-style: none;font-style: normal;}
dl.tsneInfo {color: #a6a7ab;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
dl.tsneInfo:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;}
dl.tsneInfo > dt,
dl.tsneInfo ul,
dl.tsneInfo li {float: left;}
dl.tsneInfo li {padding-left: 15px;}
dl.tsneInfo strong {display: inline-block;vertical-align: top;padding-right: 5px;color: #a6a7ab;font-weight: normal;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
dl.tsneInfo p {clear: both;}

dl.tsneInfo dd.more:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.footer {padding-top: 95px; padding-bottom: 30px;}
dl.tsneInfo {z-index: 10;position: relative;}

dl.tsneInfo dd.more {position: absolute;right: 0;top: 50%;transform:translateY(-50%);display: flex;gap: 0 10px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.footer {padding: 60px 30px 30px;}

dl.tsneInfo dd.more {float: right;margin-top: 10px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.footer {padding: 50px 15px 15px;}
dl.tsneInfo dd.more {float: none;}
dl.tsneInfo ul > li:first-child {padding-left: 0px;}
}

dl.familySite, dl.familySite dt, dl.familySite dd, dl.familySite ul, dl.familySite li, dl.familySite a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.familySite {position: relative;border: 1px solid #a6a7ab;}
dl.familySite a {display: block;color: #a6a7ab;font-size: 14px;line-height: 20px;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
dl.familySite a.trigger {position: relative;padding: 0 45px 0 15px;line-height: 48px;}
dl.familySite a.trigger:after {content: "";position: absolute;right: 25px;top: 0;width: 10px;height: 100%;background: url('../image/common/familySite_bl.png') center center no-repeat;}
dl.familySite.view a.trigger:after {transform:rotate(180deg);}

dl.familySite > dd {position: absolute;left: -1px;bottom: 48px;width: 100%;border: 1px solid #a6a7ab;transition: none;background-color: #242526;}
dl.familySite > dd ul,
dl.familySite > dd li {float: none;}
dl.familySite > dd ul {padding: 15px;box-sizing: border-box;}
dl.familySite > dd li:not(:first-child) {margin-top: 5px;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
dl.familySite {width: 200px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
dl.familySite {}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
}


ul.relSolution, ul.relSolution li, ul.relSolution a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.relSolution {display: grid; grid-template-columns: repeat(2, 1fr);justify-items: center;align-items:center;}
ul.relSolution a,
ul.relSolution img {display: block;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
ul.relSolution {}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
dl.tsneInfo ul.relSolution {padding-top: 30px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
dl.tsneInfo {font-size: 14px;line-height: 23px;}
dl.tsneInfo ul.relSolution {float: right;max-width:50%;padding-top: 15px;}
}


ul.footerMore, ul.footerMore li, ul.footerMore a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.footerMore {position: absolute;}
ul.footerMore li {float: left;}
ul.footerMore li + li {position: relative;padding-left: 51px;}
ul.footerMore li + li:before {content: "";position: absolute;left: 25px;top: 50%;transform:translateY(-50%);width: 1px;height: 12px;background-color: #fff;}
ul.footerMore a {display: block;font-size: 15px;line-height: 21px;color: #a6a7ab;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.footer ul.footerMore {left: 50%;top: 37px;margin-left: -650px !important;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.footer ul.footerMore {margin-left: -700px !important;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
ul.footerMore {left: 30px;top: 20px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul.footerMore {left: 15px;top: 10px;}
}



ul.footerSns, ul.footerSns li, ul.footerSns a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.footerSns {text-align: right;}
ul.footerSns li {display: inline-block;vertical-align: top;}
ul.footerSns li + li {padding-left: 20px;}
ul.footerSns a {display: table-cell;height: 26px;vertical-align: middle;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.footer ul.footerSns {position: absolute;left: 50%;top: 37px;width: 650px;margin: 0 !important;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.footer ul.footerSns {width: 700px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.footer ul.footerSns {position: absolute;left: 30px;bottom: 30px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 400px) {
div.footer ul.footerSns {left: 15px;bottom: 0;width:calc(50% - 15px);padding-bottom: 10px;display: grid; grid-template-columns: repeat(3, 1fr);gap:5px;justify-items: center;align-items: center;}
div.footer ul.footerSns li {padding-left: 0;}
}


@media screen and (max-width: 460px) {
}





div#container {position: relative;}


div.lnbWrap {z-index: 50;position: fixed;left: 0;top: 61px;width: 100%;background-color: #fff;box-sizing: border-box;}
div.lnbWrap:after {content: "";z-index: -1;position: absolute;left: 50%;bottom: 0;width: 100vw;height: 1px;margin-left: -50vw;background-color: #e5e5e5;}

dl.pagePath, dl.pagePath dt, dl.pagePath dd, dl.pagePath ul, dl.pagePath li {margin: 0;padding: 0;list-style: none;}
dl.pagePath {display: none;}
dl.pagePath > dt {visibility: hidden;font-size: 0;line-height: 0;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div#container {padding-top: 65px;}
div.lnbWrap {top: 100px;}

dl.pagePath {display: block;max-width:1300px;height: 65px;margin: 0 auto;}
dl.pagePath ul {overflow: hidden;}
dl.pagePath li {float: left;padding-left: 50px;font-size: 16px;line-height: 64px;background: url('/ts/image/common/lnb_arr.png') 20px center no-repeat;font-family: 'Montserrat-Regular', 'NotoSansKR DemiLight', sans-serif;}
dl.pagePath li:first-child {color: #003a87;background-image: url('/ts/image/common/lnb_home.png');background-position: left center;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div#container {padding-top: 67px;}
div.lnbWrap {padding: 11px 20px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div#container {padding-top: 50px;}
div.lnbWrap {padding: 5px 15px;}
}


dl.lnb, dl.lnb dt, dl.lnb dd, dl.lnb ul, dl.lnb li, dl.lnb a, 
dl.lnb2, dl.lnb2 dt, dl.lnb2 dd, dl.lnb2 ul, dl.lnb2 li, dl.lnb2 a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

dl.lnb, dl.lnb2 {position: relative;height: 45px;}
dl.lnb > dt, dl.lnb2 > dt {position: relative;z-index: 10;}
dl.lnb > dt > a, dl.lnb2 > dt > a {z-index: 10;position: relative;display: block;border-radius: 5px;border: 1px solid #003885;color: #fff;font-size: 14px;line-height: 43px;padding: 0 40px 0 20px;background-color: #003885;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
dl.lnb > dt > a:after, dl.lnb2 > dt > a:after {content: "";position: absolute;right: 20px;width: 10px;height: 100%;background: url('/ts/image/common/lnb_bl.png') center center no-repeat;transition:transform .3s ease-in-out .15s;}
dl.lnb > dt.view > a:after, dl.lnb2 > dt.view > a:after {transform:rotate(180deg);}
dl.lnb > dd, dl.lnb2 > dd {display: none;position: absolute;width: 100%;margin-top: -2px;padding: 15px;border: 1px solid #003885;border-top: 0 none;background-color: #fff;box-sizing: border-box;transition:all 0s;}

ul.lnb {overflow-x: hidden;overflow-y: auto;max-height:30vh;}
ul.lnb::-webkit-scrollbar {width: 3px;background-color: #e3e9f2;}
ul.lnb::-webkit-scrollbar-thumb {background-color: #003885;}

ul.lnb li {margin-top: 5px;}
ul.lnb > li {margin-top: 20px;}
ul.lnb > li:first-child {margin-top: 0;}

ul.lnb a {display: block;color: #191919;font-size: 14px;line-height: 20px;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
ul.lnb > li > a {color: #003885;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.lnbWrap dl.pagePath > dd {display: block !important;}
div.lnbWrap > dl.lnb {position: absolute;top: 50%;left: 50%;transform:translateY(-50%);width: 280px;margin-left: 370px;}
div.lnbArea {position: absolute;top: 50%;transform:translateY(-50%);left: 50%;width: 650px;text-align: right;font-size: 0;line-height: 0;}
div.lnbArea > dl {display: inline-block;vertical-align: top;width: 280px;text-align: left;}
div.lnbArea > dl + dl {margin-left: 10px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.lnbArea dl + dl {margin-top: 10px;}
div.lnbArea dd {z-index: 20;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.lnbArea dl {height: 40px;}
div.lnbArea dl + dl {margin-top: 5px;}
div.lnbArea dt a {line-height: 38px;}
}


div.contents {min-height: 30vh;}


/* 메인 > Header*/
div.mainWrap div#headerWrap {border-bottom: 0 none;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.mainWrap {padding-top: 0;}

.noScrollbar::-webkit-scrollbar {width: 0;height: 0;background-color: #e8e8e8;}
.noScrollbar::-webkit-scrollbar-thumb {background-color: #c4c4c4;}


div.mainWrap div#headerWrap {position: fixed;background-color: rgba(0,0,0,.4);}
div.mainWrap div.header {max-width: none;}

div.mainWrap div#headerWrap h1 {left: 30px;}
div.mainWrap div#headerWrap h1 a {background-image: url('../image/main/header_logo.png');}

div.mainWrap ul#gnb {padding-left: 125px;}
div.mainWrap ul#gnb li {margin-left: 90px;}
div.mainWrap ul#gnb a {color: #fff;border-bottom-color: transparent;}
div.mainWrap ul#gnb a:hover {border-bottom-color: #fff;}

div.mainWrap ul.headerUtil {right: 30px;}
div.mainWrap ul.headerUtil > li > a {color: #fff;font-size: 16px;}
div.mainWrap ul.headerUtil a.more:after {background-image: url('../image/main/header_more.png');}

div.mainWrap ul.headerUtil .omniEdu a {color: #121b3a;font-size: 18px;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;background-color: #fff;}
div.mainWrap ul.headerUtil .omniEdu a img {display: none;}
div.mainWrap ul.headerUtil .omniEdu a:after {content: "";display: inline-block;vertical-align: top;width: 15px;height: 34px;margin-left: 10px;background: url('../image/main/header_omniEdu.png') center center no-repeat;}
div.mainWrap ul.headerUtil .viewMenu a {font-size: 0;background-image: url('../image/main/viewMenu.png');}

div.mainWrap #footerWrap {padding-top: 150px;background-color: #2e2f30;}
div.mainWrap #footerWrap > div {height: auto !important;}
div.mainWrap div.footer {padding-bottom: 40px;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.mainWrap div#headerWrap h1 {left: 60px;}

div.mainWrap ul#gnb {padding-left: 300px;}
div.mainWrap ul#gnb li {margin-left: 100px;}

div.mainWrap ul.headerUtil {right: 60px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.mainWrap div#headerWrap {background-color: #121212;}
div.mainWrap div#headerWrap h1 a {background-image: url('../image/main/header_logo_m.png');background-size: 50px;}

div.mainWrap ul.headerUtil .viewMenu a {background-image: url('../image/main/viewMenu_m.png');background-size: 28px;}
}



/* 메인 */

div.main {}
div.mainWrap div#container {padding-top: 0;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.mainWrap div#container {overflow: hidden;}
div.main,
div.main div.swiper-slide > div {height: 100vh;}

div.main > div.mainNavi {position: fixed;top: 50%;right: 20px;margin: -8px -150px 0 0;transform:rotate(90deg);}
div.main > div.mainNavi * {transition: all .0s;}
div.mainNavi div.swiper-pagination-bullet {display: inline-block !important;vertical-align: top;width: auto;height: auto;margin: 0 0 0 20px !important;border-radius:0;background-color: transparent;}
div.mainNavi div.swiper-pagination-bullet:first-child,
div.mainNavi div.swiper-pagination-bullet:last-child {display: none !important;}
div.mainNavi div.swiper-pagination-bullet:first-child + li {margin-left: 0 !important;}

div.mainNavi div.swiper-pagination-bullet {font-size: 15px;line-height: 15px;color: #fff;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;opacity: .7;}
div.mainNavi div.swiper-pagination-bullet:before {content: "";display: inline-block;vertical-align: top;width: 15px;height: 15px;margin-right: 5px;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;}

div.mainNavi div.swiper-pagination-bullet-active {opacity: 1;}
div.mainNavi div.swiper-pagination-bullet-active:before {background-color: #fff;}

div.mainNavi.change div.swiper-pagination-bullet {color: #06131f;}
div.mainNavi.change div.swiper-pagination-bullet:before {border-color: #06131f;}
div.mainNavi.change div.swiper-pagination-bullet-active:before {background-color: #06131f;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.mainWrap div.swiper-wrapper {display: block;}

div.mainWrap div.swiper-slide {height: auto;}
}




/* 메인 배너 */
div.mainBnr div.bnr_new {display: block;position: relative;height: 100%;background-position: center top;background-repeat: no-repeat;background-size: cover;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.mainBnr div.bnr_new img {display: none;}
}



/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.mainBnr {}
div.mainBnr div.bnr_new {height: calc(100vh - 60px);min-height: 70vh;background: url('../image/main/mainBnr_bg_tablet.png') 0 0 repeat-y !important;background-size: 100% !important;}
div.mainBnr div.bnr_new img,
div.mainBnr div.bnr_new:before,
div.mainBnr div.bnr_new:after {content: "";position: absolute;left: 0;display: block;width: 100%;}
div.mainBnr div.bnr_new:before {top: 0;height: 50vh;background: url('../image/main/mainBnr_bg_t_tablet.png') 0 0 repeat-y;background-size: 100%;}
div.mainBnr div.bnr_new:after {bottom: 0;height: 50vh;background: url('../image/main/mainBnr_bg_b_tablet.png') left bottom repeat-y;background-size: 100%;}
div.mainBnr div.bnr_new img {z-index: 10;top: 50%;transform:translateY(-50%);}
}





/* 메인 배너 */
div.mainBnr div.bnr {display: block;position: relative;height: 100%;background-position: center top;background-repeat: no-repeat;background-size: cover;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.mainBnr div.bnr img {display: none;position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);}
div.mainBnr div.bnr img.pcOnly {display: block;width: 90vw;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.mainBnr div.bnr img {width: auto;}
}


/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.mainBnr {}
div.mainBnr div.bnr img {width: 100%;}
}



/* 메인 > 회사소개 */
div.companyInfo {display:flex;flex-direction: column;justify-content: center;align-items: center;background: url('../image/main/companyInfo_bg.png') center top no-repeat;box-sizing: border-box;}

div.slogan {text-align: right;color: #fff;line-height: 1.5;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
div.slogan span {display: block;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
div.slogan span:after {content: ".";display: inline-block;vertical-align: top;color: #0bacff;}



/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.companyInfo {background-size: cover;}
div.companyInfo > * {width:1200px;}

div.slogan {font-size: 42px;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.companyInfo > * {width:1400px;}
}


/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.companyInfo {display:flex;min-height: 100vw;padding: 30px;background-size: auto 100%;}
div.companyInfo > * {width:calc(100vw - 60px);}

div.slogan {font-size: 30px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.companyInfo {display: block;padding: 15px;}
div.companyInfo > * {width:auto;}

div.slogan {font-size: 22px;}
}


ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

ul.quickMenu {display: grid;}
ul.quickMenu a {display: block;border: 1px solid #fff;color: #fff;font-size: 18px;line-height: 32px;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;background-color: rgba(0,0,0,.1);background-position: right 35px bottom 35px;background-repeat: no-repeat;box-sizing: border-box;transition: all .1s;}
ul.quickMenu strong {display: block;font-weight: normal;font-size: 32px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;transition: all .1s;}

ul.quickMenu li:nth-child(1) a {background-image: url('../image/main/quick_01.png');}
ul.quickMenu li:nth-child(2) a {background-image: url('../image/main/quick_02.png');}
ul.quickMenu li:nth-child(3) a {background-image: url('../image/main/quick_03.png');}
ul.quickMenu li:nth-child(4) a {background-image: url('../image/main/quick_04.png');}

ul.quickMenu a:active,
ul.quickMenu a:hover {color: #0a4191;background-color: rgba(255,255,255,.9);}
ul.quickMenu a:active strong,
ul.quickMenu a:hover strong {color: #101011;}

ul.quickMenu li:nth-child(1) a:active,
ul.quickMenu li:nth-child(1) a:hover {background-image: url('../image/main/quick_01_on.png');}
ul.quickMenu li:nth-child(2) a:active,
ul.quickMenu li:nth-child(2) a:hover {background-image: url('../image/main/quick_02_on.png');}
ul.quickMenu li:nth-child(3) a:active,
ul.quickMenu li:nth-child(3) a:hover {background-image: url('../image/main/quick_03_on.png');}
ul.quickMenu li:nth-child(4) a:active,
ul.quickMenu li:nth-child(4) a:hover {background-image: url('../image/main/quick_04_on.png');}



/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
ul.quickMenu {grid-template-columns: repeat(4, 1fr); gap:0 25px;padding-top: 80px;}
ul.quickMenu a {height: 372px;padding: 55px 40px 0;}
ul.quickMenu strong {padding-bottom: 10px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
ul.quickMenu {grid-template-columns: repeat(2, 1fr); gap:20px;padding-top: 20px;}
ul.quickMenu a {height: 35vh;padding: 40px 30px 0;}
ul.quickMenu strong {padding-bottom: 15px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul.quickMenu {display: block;padding-top: 0;}
ul.quickMenu li {padding-top: 15px;}
ul.quickMenu a {height: auto;padding: 20px 90px 20px 15px;font-size: 14px;line-height: 20px;background-position: right 15px center;background-size: 57px;}
ul.quickMenu strong {font-size: 17px;}
ul.quickMenu br {display: none;}
ul.quickMenu br:first-of-type {display: block;}
}

/*  Mobile : ~ width:360px  */
@media screen and (max-width: 360px) {
ul.quickMenu br:first-of-type {display: none;}
}



/* 메인 > TSNE Story */
div.mainBbs {display:flex;flex-direction: column;justify-content: center;align-items: center;background: url('../image/main/mainBbs_bg.png') center top no-repeat;box-sizing: border-box;}

div.mainBbs h3 {margin: 0;font-weight: normal;color: #fff;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
div.mainBbs h3 span {font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
div.mainBbs h3 span:after {content: ".";display: inline-block;vertical-align: top;color: #ffbf26;}

div.bbsRolling div.swiper-util {position: absolute;right: 0;top: 0;line-height: 13px;}
div.bbsRolling div.swiper-util > * {display: inline-block;vertical-align: top;width: auto;}
div.bbsRolling a.btn_pause {display: block;width: 13px;height: 13px;font-size: 0;line-height: 0;background: url('../image/main/mainBbs_pause.png') center center no-repeat;}
div.bbsRolling div.swiper-pagination {position: static;padding-left: 15px;}
div.bbsRolling span.swiper-pagination-bullet {width: 13px;height: 13px;margin: 0 0 0 3px;border-radius: 7px;background-color: #fff;opacity: 1;}
div.bbsRolling span.swiper-pagination-bullet-active {width: 30px;background-color: #ffbf26;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.mainBbs {background-size: cover;}
div.mainBbs > * {width:1200px;}

div.mainBbs h3 {font-size: 52px;line-height: 52px;}

div.mainBbsCon {display: grid; grid-template-columns: 880px auto; gap: 0 40px;min-height: 500px;padding-top: 90px;}
div.bbsRolling {position: relative;overflow: hidden;padding-top: 50px;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.mainBbs > * {width:1400px;}
}


/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.mainBbs {display: block;min-height: 100vw;padding: 30px;background-size: auto 100%;}
div.mainBbs > * {width:auto;}

div.mainBbs h3 {font-size: 40px;line-height: 40px;}

div.mainBbsCon {position: relative;padding-top: 20px;}
div.bbsRolling div.swiper-util {top: -30px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.mainBbs {display: block;padding: 15px;}

div.mainBbs h3 {font-size: 20px;line-height: 20px;}
div.bbsRolling div.swiper-util {top: -15px;}
}



ul.notice, ul.notice li, ul.notice a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.notice {}
ul.notice a,
ul.notice span {display: block;}
ul.notice span.thumb {width: 100%;aspect-ratio:4/1.8;background: #fff url('../image/main/thumb_logo.png') center center no-repeat;}
ul.notice span.thumb img {display: block;width: 100%;height: 100%;}

ul.notice span.tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 70px;padding-top: 20px;color: #fff;line-height: 35px;font-size: 20px;line-height: 35px;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;}
ul.notice span.info {padding-top: 30px;color: #77c1ff;font-size: 15px;line-height: 18px;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}

ul.notice a:active span.tit,
ul.notice a:hover span.tit {text-decoration: none;}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
ul.notice span.tit {padding-top: 15px;height: 50px;line-height: 25px;font-size: 16px;}
ul.notice span.info {padding-top: 15px;font-size: 14px;}
}




div.moreBbs {position: relative;}

div.moreBbs ul.tabMenu {}
div.moreBbs ul.tabMenu li {display: inline-block;vertical-align: top;}
div.moreBbs ul.tabMenu li:not(:first-child) {position: relative;padding-left: 40px;}
div.moreBbs ul.tabMenu li:not(:first-child):before {content: "";position: absolute;left: 20px;top: 50%;transform:translateY(-50%);width: 1px;height: 10px;background-color: #fff;}
div.moreBbs ul.tabMenu a {display: block;color: #fff;font-size: 18px;line-height: 22px;font-family: 'Montserrat-Light', 'NotoSansKR Light', sans-serif;}
div.moreBbs ul.tabMenu .on a {font-size: 22px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}

div.moreBbs div.tabCon {padding-top: 25px;}
div.moreBbs ul.list, div.moreBbs ul.list li, div.moreBbs ul.list a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.moreBbs ul.list li:not(:first-child) {padding-top: 10px;}
div.moreBbs ul.list a {display: block;padding: 25px 30px;background-color: rgba(0,0,0,.2);color: #fff;}
div.moreBbs span.tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 60px;color: #fff;line-height: 35px;font-size: 18px;line-height: 30px;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;}
div.moreBbs span.info {display: block;padding-top: 15px;color: #77c1ff;font-size: 15px;line-height: 18px;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}

div.moreBbs div.more {position: absolute;right: 0;top: 0;width: 22px;height: 22px;font-size: 0;line-height: 0;background: url('../image/main/mainBbs_more.png') center center no-repeat;}
div.moreBbs div.more a {display: block;height: 100%;}


/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.moreBbs {margin-top: 30px;}
div.moreBbs ul.list a {padding: 15px;}
div.moreBbs span.tit {height: 40px;line-height: 20px;font-size: 16px;}
div.moreBbs span.info {font-size: 14px;}
}





/* 메인 > Service */
div.companyService {display:flex;flex-direction: column;justify-content: center;align-items: center;background: url('../image/main/companyService_bg.png') center top no-repeat;background-size: cover;box-sizing: border-box;}

div.companyService h3 {margin: 0;font-weight: normal;color: #242327;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
div.companyService h3 span {font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
div.companyService h3 span:after {content: ".";display: inline-block;vertical-align: top;color: #0bacff;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.companyService {min-height: 800px;}
div.companyService > * {width:1200px;}

div.companyService h3 {font-size: 52px;line-height: 52px;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.companyService > * {width:1400px;}
}


/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.companyService {display: block;}
div.companyService > * {width:auto;}
div.companyService h3 {padding: 30px;font-size: 40px;line-height: 40px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.companyService {display: block;}
div.companyService h3 {padding: 15px;}
}


ul.mainService, ul.mainService li, ul.mainService a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.mainService {}
ul.mainService li {background-repeat: no-repeat;}
ul.mainService li:nth-child(2) {background-color: #526381;background-image: url('../image/main/anzine_bg.png');}
ul.mainService li:nth-child(3) {background-color: #db991a;background-image: url('../image/main/newsletter_bg.png');}

ul.mainService strong,
ul.mainService span {display: block;}
ul.mainService strong {font-weight: normal;color: #fff;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
ul.mainService span {display: block;color: rgba(255,255,255,.7);font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
ul.mainService a {display: inline-block;vertical-align: top;text-align: left;color: #101015;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;background: #fff url('../image/main/companyService_arr.png') right 15px center no-repeat;box-sizing: border-box;}

ul.mainService li:nth-child(1) a {color: #1f9ad9;background-image: url('../image/main/omniEdu_goto.png');}
ul.mainService li:nth-child(1) a:not(:first-of-type) {color: #bb3370;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
ul.mainService {display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px;padding-top: 50px;}
ul.mainService li {padding: 28px 50px;background-position: right 30px center;}
ul.mainService strong {font-size: 26px;line-height: 26px;}
ul.mainService span {padding: 10px 0 15px;font-size: 16px;line-height: 25px;}
ul.mainService a {width: 122px;padding: 0 20px;border-radius: 19px;font-size: 15px;line-height: 38px;}
ul.mainService a + a {margin-left: 10px;}

ul.mainService li:nth-child(1) {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 300px;padding:0 0 0 calc(100% - 450px);grid-column: 1 / 3;text-align: center;color: rgba(255,255,255,.5);background-image: url('../image/main/omniEdu_bg.png');background-position: right top;background-size: cover;}
ul.mainService li:nth-child(1) strong {font-size: 42px;line-height: 42px;}
ul.mainService li:nth-child(1) span {padding: 10px 0 15px;font-size: 16px;line-height: 25px;}
ul.mainService li:nth-child(1) a {display: block;width: 256px;margin: 0 auto;padding: 0 20px;font-size: 15px;line-height: 50px;}
ul.mainService li:nth-child(1) a:not(:first-of-type) {margin-top: 10px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
ul.mainService {margin:0 20px 20px;}

ul.mainService li {background-position: right 15px center;background-size: auto 55px;}
ul.mainService li:not(:first-child) {padding: 15px 80px 15px 15px;margin-top: 15px;}
ul.mainService strong {font-size: 15px;line-height: 20px;}
ul.mainService span {padding: 5px 0;font-size: 14px;line-height: 25px;}
ul.mainService a {padding:0 40px 0 20px;border-radius: 15px;font-size: 14px;line-height: 30px;}

ul.mainService {margin-bottom: 15px;text-align: center;}
ul.mainService li:nth-child(1) {background: url('../image/main/omniEdu_bg_m.png') 0 0 no-repeat;background-size: 100%;}
ul.mainService li:nth-child(1):before {content: "";display: block;aspect-ratio:4/0.9;}
ul.mainService li:nth-child(1) > span {display: block;padding: 15px;background-color: rgba(4,5,7,.7);}
ul.mainService li:nth-child(1) br {display: none;}

ul.mainService li:nth-child(1) strong {font-size: 20px;line-height: 20px;}
ul.mainService li:nth-child(1) span span {padding: 5px 0;font-size: 14px;line-height: 18px;}
ul.mainService li:nth-child(1) a {width: 30%;padding: 0 20px;border-radius: 0;}
ul.mainService li:nth-child(1) a + a {margin-left: 5px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul.mainService {}
ul.mainService span {padding-bottom: 0;}
ul.mainService a {margin: 5px 0 0 !important;}
ul.mainService li:nth-child(1) a {display: block;width: 100%;}
}




dl.mainCS, dl.mainCS dt, dl.mainCS dd, dl.mainCS ul, dl.mainCS li, dl.mainCS a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.mainCS {background-color: #fff;}
dl.mainCS dt span {position: relative;z-index: 5;display: inline-block;vertical-align: top;color: #101011;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
dl.mainCS dt:after {content: "";display: inline-block;vertical-align: top;width: 22px;height: 22px;margin: -4px 0 0 -12px;border-radius: 50%;background-color: #89e5ff;}

dl.mainCS li a {display: table-cell;width: 50vw;vertical-align: middle;background-repeat: no-repeat;}
dl.mainCS li:nth-child(1) a {background-image: url('../image/main/cs_01.png');}
dl.mainCS li:nth-child(2) a {background-image: url('../image/main/cs_02.png');}
dl.mainCS li:nth-child(3) a {background-image: url('../image/main/cs_03.png');}
dl.mainCS li:nth-child(4) a {background-image: url('../image/main/cs_04.png');}

dl.mainCS li strong {display: block;font-weight: normal;color: #101011;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;}
dl.mainCS li span {display: none;color: #33c2ea;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
dl.mainCS {position: absolute;left: 0;bottom: 0;width: 100%;display:flex;justify-content: center;align-items: center;box-shadow:0 -10px 10px rgba(0,0,0,.2);}
dl.mainCS dt {flex-grow: 0;width: 220px;font-size: 24px;line-height: 24px;}
dl.mainCS dd {flex-grow: 1;max-width:980px;}

dl.mainCS ul {display:flex;justify-content: center;}
dl.mainCS li {position: relative;}
dl.mainCS li:before {content: "";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 46px;background-color: #9f9fa0;}
dl.mainCS li a {height: 110px;padding: 0 25px;background-position: right 25px center;}

dl.mainCS li strong {font-size: 18px;line-height: 20px;}
dl.mainCS li span {font-size: 14px;line-height: 20px;}

dl.mainCS li a:hover strong {display: none;}
dl.mainCS li a:hover span {display: block;}
dl.mainCS li:nth-child(1) a:hover {background-image: url('../image/main/cs_01_on.png');}
dl.mainCS li:nth-child(2) a:hover {background-image: url('../image/main/cs_02_on.png');}
dl.mainCS li:nth-child(3) a:hover {background-image: url('../image/main/cs_03_on.png');}
dl.mainCS li:nth-child(4) a:hover {background-image: url('../image/main/cs_04_on.png');}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
dl.mainCS dd {max-width:1180px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
dl.mainCS {position: relative;padding: 30px 30px 30px 230px;box-shadow:0 -5px 10px rgba(0,0,0,.2);}
dl.mainCS dt {position: absolute;left: 30px;top: 30px;font-size: 30px;line-height: 30px;}

dl.mainCS ul {overflow: hidden;display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;border: 1px solid #ccc;border-radius: 20px;background-color: #ccc;}
dl.mainCS li {background-color: #fff;}
dl.mainCS a {height: 80px;padding: 0 15px;background-position: right 15px center;}
dl.mainCS li strong {font-size: 18px;line-height: 20px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
dl.mainCS {padding: 15px;}
dl.mainCS dt {position: static;font-size: 20px;line-height: 20px;padding-bottom: 10px;}
dl.mainCS dt:after {width: 12px;height: 12px;margin: -4px 0 0 -6px;}
dl.mainCS ul {border-radius: 10px;}
dl.mainCS a {height: 40px;padding: 0 15px;background-color: #fff;background-position: right 15px center;background-size: auto 23px;}
dl.mainCS li strong {font-size: 14px;line-height: 20px;}
}


div.mainSearch {background: url('../image/main/mainSearch_bg_s.png') left bottom repeat-x;}
div.gnbSearch {position: relative;}
div.gnbSearch:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../image/main/mainSearch_bg.png') center top no-repeat;background-size: cover;}
div.gnbSearch > div {position: relative;z-index: 10;color: #fff;}

div.gnbSearch div.txt {font-size: 52px;line-height: 70px;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
div.gnbSearch div.txt strong {display: block;font-weight: normal;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}

div.gnbSearch div.formArea {}
div.gnbSearch p {margin: 0 0 35px;text-align: right;color: rgba(255,255,255,.5);font-size: 20px;line-height: 20px;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}

div.gnbSearch form {position: relative;}
div.gnbSearch input[type=text] {width: 100%;border: 0 none;background-color: #fff;box-sizing: border-box;}
div.gnbSearch input[type=text]:placeholder {color: #6f7c8d;font-family: 'Montserrat-Light', 'NotoSansKR DemiLight', sans-serif;}
div.gnbSearch input[type=submit] {position: absolute;right: 0;top: 0;font-size: 0;line-height: 0;border: 0 none;background: transparent url('../image/main/mainSearch_btn.png') center center no-repeat;}

div.gnbSearch span.popularKeyword {display: block;}
span.popularKeyword a {display: inline-block;vertical-align: top;text-decoration: none;border: 1px solid #fff;color: #fff;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;background-color: rgba(255,255,255,.1);}
span.popularKeyword a + a {margin-left: 10px;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {

div.gnbSearch {height:calc(100% - 260px);}
div.gnbSearch:before {border-radius: 0 0 150px 0;}

div.gnbSearch > div {position: relative;display: grid; grid-template-columns: 485px 1fr;justify-content: center;align-items: center;width: 1200px;height: 100%;margin: 0 auto;}
div.gnbSearch div.txt strong {padding-right: 200px;}

div.gnbSearch input[type=text] {height: 90px;padding: 0 90px 0 40px;font-size: 18px;line-height: 90px;}
div.gnbSearch input[type=submit] {width: 90px;height: 90px;}

div.gnbSearch span.popularKeyword {padding-top: 30px;}
span.popularKeyword a {padding: 0 20px;border-radius: 19px;font-size: 15px;line-height: 36px;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.gnbSearch > div {width: 1400px;}
}


/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.gnbSearch:before {border-radius: 0 0 80px 0;}
div.gnbSearch {padding: 100px 30px;}
div.gnbSearch div.txt {font-size: 40px;line-height: 52px;}

div.gnbSearch div.formArea {padding-top: 30px;}
div.gnbSearch input[type=text] {height: 60px;padding: 0 60px 0 20px;font-size: 18px;line-height: 60px;}
div.gnbSearch input[type=submit] {width: 60px;height: 60px;}

div.gnbSearch span.popularKeyword {padding-top: 15px;}
span.popularKeyword a {padding: 0 15px;border-radius: 15px;font-size: 14px;line-height: 28px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
}


div.goRecruit {overflow: hidden;position: relative;}
div.goRecruit:before {content: "";position: absolute;left: 0;bottom: 0;width: 50%;height: 100%;background: url('../image/main/recruit_bg.png') right bottom no-repeat;}

div.goRecruit span {position: relative;z-index: 10;display: block;text-align: right;color: #242327;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}
div.goRecruit strong {display: inline-block;vertical-align: top;font-family: 'Montserrat-SemiBold', 'NotoSansKR bold', sans-serif;}
div.goRecruit strong:after {content: ".";display: inline-block;vertical-align: top;color: #0bacff;}
div.goRecruit a {display: inline-block;vertical-align: top;text-align: left;text-decoration: none;color: #fff;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;background: #1c2e48 url('../image/main/recruit_arr.png') right 20px center no-repeat;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.goRecruit {height: 260px;font-size: 40px;line-height: 40px;}
div.goRecruit span {width:1200px;margin: 0 auto;padding: 70px 0;}
div.goRecruit a {width: 197px;height: 50px;margin-top: 30px;padding: 0 20px;border-radius: 25px;font-size: 15px;line-height: 50px;}
}

/* PC : width:1500px ~ */
@media screen and (min-width: 1500px) {
div.goRecruit span {width:1400px;}
}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.goRecruit {}
div.goRecruit:before {width: 40%;font-size: 30px;line-height: 30px;background-position: left top;background-size: auto 100%;}
div.goRecruit span {display: table-cell;width: 100vw;vertical-align: middle;padding: 15px 30px;box-sizing: border-box;}
div.goRecruit a {margin-top: 10px;padding: 11px 40px 11px 20px;border-radius: 20px;font-size: 15px;line-height: 18px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.goRecruit:before {min-width:200px;background-position: right top;}
div.goRecruit span {padding: 10px 15px 10px 200px;}
}



/* Header, Footer 없는 레이아웃 */
.commonWrap {}
.commonWrap div.wrapper {padding-top: 0;height: 100vh;min-height: 800px;background-color: #f9f9f9;}
.commonWrap div.contents {}

div.common {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 580px;}

div.common h1 {margin: 0;padding: 0 0 40px;font-weight: normal;}
div.common h1 img {display: block;margin: 0 auto;}

div.common div.contents {min-height:auto !important;font-size: 14px;line-height: 20px;color: #737373;}
div.common .bg,
div.common .bdArea {padding: 30px;border: 1px solid #eee;border-radius: 5px;box-sizing: border-box;}
div.common .bg {background-color: #fff;}

div.common h2 {margin: 0;padding: 0 0 35px;font-weight: normal;text-align: center;color: #323232;font-size: 28px;line-height: 28px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
div.common div.agreeCon {max-height: none;}
div.common div.agreeCon h4 {margin: 0;padding: 0;font-weight: normal;text-align: center;color: #323232;font-size: 18px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
div.common div.agreeCon dd {padding-left: 20px;}

div.common p.copyright {margin:15px 0 0;text-align: center;}

div.common div.btn {padding-top: 30px;text-align: center;font-size: 0;line-height: 0;}
div.common div.btn > * {display: inline-block;vertical-align: top;width: calc(50% - 5px);margin-left: 10px;font-size: 16px;height: 50px;}
div.common div.btn > *:first-child {margin-left: 0;}
div.common div.btn > a {line-height: 48px;}
div.common div.btn .btnWide {display: block;width: 100%;}


/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
.commonWrap div.wrapper {min-height: 500px;}
div.common {width: calc(100vw - 40px);}
}




/* 게시판 팝업 */
div.bbsPopup {z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);box-sizing: border-box;}

div.skinWrap div.content img {display: inline-block; max-width: 100%;}
div.skinWrap table {table-layout:fixed;width: 100% !important;}

/* PC : width:1300px ~ */
@media screen and (min-width: 1300px) {
div.skinWrap {position: absolute;top: 135px;width: 500px;min-height:auto;background-color: #fff;}
div.skinWrap div.contScroll {overflow-x: hidden;overflow-y: auto;/*max-height:500px;*/}

}

/* Tablet :  ~ width:1299px */
@media screen and (max-width: 1299px) {
div.bbsPopup {overflow-x: hidden;overflow-y: auto;padding: 20px;}
div.skinWrap {position: relative !important;left: auto !important;top: auto !important;margin-bottom: 20px;}
}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
}


/* 메인 수정 - 24.09.26 박민지, 24.09.27 임수비 */
div.main > div.mainNavi{
    display: block !important;
    margin: -8px -150px 0 0;
}
div.mainNavi div.swiper-pagination-bullet:first-child{
    display: inline-block !important;
}

.main-contents.companyInfo{
    background-image: url('/ts/image/main/bg_company_info_02.jpg');
}
.main-tit-wrap{
    margin-bottom: 150px;
}
.main-tit{
    margin: 0;
    font-size: 30px;
    color: #fff;
    letter-spacing: -0.025em;
    font-weight: 300;
    line-height: 0.6;
    line-height: 1.2;
    word-break: keep-all;
}
.main-tit > strong{
    display: block;
    margin-bottom: 20px;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
}
.main-quick-menu,
.main-quick-menu > li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-quick-menu{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    box-sizing: border-box;
}
.main-quick-menu *{
    box-sizing: border-box;
}
.main-quick-menu > li{
    width: calc((100% - 100px)/4);
    height: 150px;
    border: 1px solid #ffffff;
    transition: 0.3s ease;
	background-color: rgba(0, 0, 0, .4);
}
.main-quick-menu > li > a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 10%;
    background-repeat: no-repeat;
    background-position: right 30px bottom 20px;
    text-decoration: none;
    transition: 0.3s ease;
	
}
.main-quick-menu > li:nth-child(1) > a{
    background-image: url('/ts/image/main/ic_main_quick01.png');
}
.main-quick-menu > li:nth-child(2) > a{
   /* background-image: url('/ts/image/main/ic_main_quick02.png');*/
}
.main-quick-menu > li:nth-child(3) > a{
  /*  background-image: url('/ts/image/main/ic_main_quick03.png');*/
}
.main-quick-menu > li:nth-child(4) > a{
  /*  background-image: url('/ts/image/main/ic_main_quick04.png');*/
}
.main-quick-menu a > strong{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    transition: 0.3s ease;
}
.main-quick-menu a > p{
    display: none;
    margin: 0;
    margin-top: 15px;
    color: #1c2e4a;
    font-weight: 500;
    line-height: 1.5;
    transition: 0.3s ease;
}
.main-quick-menu p span{
    display: block;
}
.main-quick-menu > li:hover{
    background-color: rgba(255,255,255,0.7);
}
.main-quick-menu > li:hover a{
    background-image: none;
}
.main-quick-menu > li:hover a > strong{
    color: #000;
}
.main-quick-menu > li:hover a > p{
    display: block;
}

/* header 검색 영역 추가 - 25.11.20 mj.park */
.cf:after{display: block;content: '';clear: both;}
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}
.inner-layer{
    max-width: 1300px;
    margin: 0 auto;
}

.btn.btn-sch{
    width: 30px;
    height: 30px;
    margin: 3px 0;
    border: 0;
    background-color: #f8b62b;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/ts/image/common/ic_btn_sch.png');
    background-size: 16px;
    cursor: pointer;
}
.btn.btn-sch span{
    border: 0;
}

.mainWrap .btn.btn-sch{
    background-color: #fff;
}
.gnb-sch-wrap{
    display: none;
    position: fixed;
    top: 165px;
    left: 0;
    z-index: 11;
    width: 100%;
    height: auto;
    background-color: #091f41;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url('/ts/image/common/bg_sch_wrap.png');
    box-sizing: border-box;
    transition: none !important;
}
.gnb-sch-wrap *{
    box-sizing: border-box;
    transition: none;
}

.mainWrap .gnb-sch-wrap{
    top: 100px;
}
.sch-wrap{
    padding: 40px 75px 50px;
    color: #fff;
}
.sch-wrap .tit{
    margin: 0;
    margin-bottom: 15px;
    font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    letter-spacing: -0.07em;
}
.sch-wrap .keywordRecomm{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}
.sch-wrap .keywordRecomm a{
    padding: 7px 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
}
.sch-wrap .keyword{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 920px;
    height: 60px;
    margin: 40px auto 0;
    background-color: #fff;
    border: 0;
    border-radius: 50px;
    text-align: center;
}
.sch-wrap .keyword input[type="text"]{
    height: 100%;
    padding: 0 20px;
    border-radius: 50px;
    border: 0;
    font-size: 16px;
    letter-spacing: -0.07em;
}
.sch-wrap .keyword input[type="submit"]{
    flex: 0 0 auto;
    width: 105px;
    height: 100%;
    padding: 0 20px;
    padding-left: 40px;
    background-color: #edae29;
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-image: url('/ts/image/common/ic_btn_sch.png');
    border: 0;
    border-radius: 50px;
    font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;
    font-size: 18px;
    color: #030c12;
    letter-spacing: -0.07em;
    cursor: pointer;
}

@media screen and (max-width: 1299px){
    .main-tit-wrap{
        margin-bottom: 60px;
    }
    .main-tit{
        font-size: 30px;
    }
    .main-tit > strong{
        margin-bottom: 5px;
        font-size: 48px;
        line-height: 1.2;
    }
    .main-quick-menu{
        gap: 20px;
    }
    .main-quick-menu > li{
        width: calc((100% - 20px)/2);
        height: 35vh;
        background-position: right 40px bottom 40px;
    }
    .main-quick-menu > li > a{
        padding: 40px;
    }
    .main-quick-menu a > strong{
        color: #fff;
    }
    .main-quick-menu a > p{
        display: block;
        margin-top: 20px;
        color: #fff;
    }
    .main-quick-menu > li:hover{
        background-color: transparent;
    }
    .main-quick-menu > li:nth-child(1):hover > a{
        background-image: url('/ts/image/main/ic_main_quick01.png');
    }
    .main-quick-menu > li:nth-child(2):hover > a{
        background-image: url('/ts/image/main/ic_main_quick02.png');
    }
    .main-quick-menu > li:nth-child(3):hover > a{
        background-image: url('/ts/image/main/ic_main_quick03.png');
    }
    .main-quick-menu > li:nth-child(4):hover > a{
        background-image: url('/ts/image/main/ic_main_quick04.png');
    }
    .main-quick-menu > li:hover a strong{
        color: #fff;
    }

    /* header 검색 영역 추가 - 25.11.20 mj.park */
    ul.headerUtil:has(.btn-sch) > li.eng{
        right: 120px;
    }
    ul.headerUtil > li:has(.btn-sch){
        display: inline-block;
    }
    .btn.btn-sch{
        position: absolute;
        top: 0;
        right: 70px;
        margin: 15px 0;
    }
    .mainWrap .gnb-sch-wrap{
        top: 60px;
    }
    .sch-wrap{
        padding: 40px 30px 50px;
    }
}

@media screen and (max-width: 768px){
    div.companyInfo{
        display: flex;
        align-items: start;
    }
    .main-tit-wrap{
        margin-bottom: 15px;
    }
    .main-tit{
        font-size: 14px;
    }
    .main-tit strong{
        font-size: 19px;
    }
    .main-quick-menu{
        gap: 10px;
    }
    .main-quick-menu > li{
        width: 100%;
        height: auto;
        min-height: 100px;
    }
    .main-quick-menu > li > a{
        padding: 20px;
        padding-right: 45px;
        background-size: 45px;
        background-position: right 20px bottom 15px;
        line-height: 1.3;
    }
		.main-quick-menu > li:nth-child(1) > a{
			background-size: 42px;
		}
		.main-quick-menu > li:nth-child(2) > a{
				background-size: 32px;
		}
		.main-quick-menu > li:nth-child(3) > a{
				background-size: 37px;
		}
		.main-quick-menu > li:nth-child(4) > a{
				background-size: 37px;
		}
    .main-quick-menu a > strong{
        font-size: 17px;
    }
    .main-quick-menu a > p{
        margin-top: 5px;
        font-size: 14px;
    }
    .main-quick-menu p > span{
        display: inline-block;
    }
    .main-quick-menu p > span + span{
        margin-left: 5px;
    }

    /* header 검색 영역 추가 - 25.11.20 mj.park */
    ul.headerUtil:has(.btn-sch) > li.eng{
        right: 105px;
    }
    ul.headerUtil > li:has(.btn-sch){
        display: inline-block;
    }
    .btn.btn-sch{
        position: absolute;
        top: 0;
        right: 60px;
        margin: 15px 0;
    }
    .gnb-sch-wrap{
        top: 115px;
        background-position: right 0;
        background-image: url('/ts/image/common/bg_sch_wrap_m.png');
        background-size: auto 90px;;
    }
    .mainWrap .gnb-sch-wrap{
        top: 60px;
    }
    .sch-wrap{
        padding: 20px 15px;
    }
    .sch-wrap .tit{
        font-size: 16px;
    }
    .sch-wrap .keywordRecomm{
        gap: 5px;
    }
    .sch-wrap .keywordRecomm a{
        padding: 6px 10px;
        font-size: 14px;
    }
    .sch-wrap .keyword{
        margin-top: 15px;
        height: 35px;
    }
    .sch-wrap .keyword input[type="text"]{
        padding: 0 15px;
        font-size: 15px;
    }
    .sch-wrap .keyword input[type="submit"]{
        overflow: hidden;
        width: 35px;
        height: 35px;
        padding: 0;
        background-position: center;
        background-size: 16px;
        text-indent: -9999em;
    }
}