@charset "UTF-8";

/* BASE */
* { font-family:'Pretendard',sans-serif; font-weight:400; color:#000; letter-spacing:-0.05px; text-align:left; word-break:keep-all; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:transparent !important; }
*, body { cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAADJklEQVR4nJ2UT0hUURTGv/vue2P+G5lJciEDMW3SrEWiuxYuBCFimMigjbWYTeDClQPjItu4qVUgLtRZOKBoYImrQCkEYVwIqWVusnCgIHEV4+jMe/fEub07TINCdeFy7zvvnh/nfOfcCwAjLS0te5FI5A6AAAAQkejv75cABP5jrMfjcdrZ2VGJRGI7FAolADRUga1/ARYjkYiXz+ddIlK7u7s0PDz8tbW1NQngkgEvLCz8NfgL+2xsbCgicpVSGpzL5WhsbOywvb39GYDLBkxEDGX42cO27Zd8dmJigkF0enpKPrTE4KOjIxofH//Z3d2dBnDD+J0LDgQCKf4/MDDAAHJdzSXP83h6BpzP5ymTyRR7e3tfAbhlCkbVBQwEArfZ3tbW5hWLRQ1TirOn8r5UKikfrM8sLi6qWCz2DkCMk/RjY6BETU3NFQAFx3Fob29Pk34H9udgsOu6ZTCbNjc3aWho6H00Gn0EoL6ctZTyE0c5NzenSaWSzp6MBDxN1NwFa2tran193c1ms+7q6qoaGRmhcDj8GcCwJjqO85qBg4ODbrWOBmTkyGQyxGeFELwqAKdCiIL/vaqBUsqnfKirq6scmolyZmaGpqenyXSAsVmWpadt2x77AsgBaDXAu2xsaGjwDg4Oyulms1lVV1fHUdDU1JS2nZycaEnn5+fJcZwDAA8dx3kA4Fpl91y1LKvEjktLSzrHXC6notEow5Rt2xo6OTmpoYVCQUOXl5cpGAw+P6sv623b3md7KpXSFezp6eE0fkgpv7E+lmXp1NLptIYeHx9rmVdWVqi5uXkRwAUD0/fTsqw37NDX1+cmk0mX97W1tfcAXAfwsxLKGlZAS1tbW9TR0cH+IX37fDCHzk4FFltK+aJCkh4AeYYKITz+Pzs7W9Z6f3+/0NnZyRk90TXxnQb8arHTW+4m325WvlFFIQTr6UkpufpqdHS0yHsA242NjRfLKQO46QO/A4hWylGRxX0uEkMty2JZdCGFEB+ampr0i2TuII8ggI8A4v539UtioDoTH8p9OB8MBsNVAZTBfB95Pe/pN9DHAA79iA1Iw34BV0RXbD3vRwoAAAAASUVORK5CYII=') 1 1, auto !important; }
html, body { scroll-behavior:smooth !important; }
body { margin:0; padding:0; overflow-x:hidden !important; box-sizing:border-box; }
a { text-decoration:none; cursor:pointer; }
ul, li { margin:0; padding:0; list-style:none; }
img { margin:0; padding:0; }
.clear { content:''; display:table; clear:both; }
.none { display:none !important; }

/* BASE TYPE-1 */
@media only screen and (max-width:1649px) {
	*, body { cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAACtUlEQVR4nJWTQWgTURCG/91sXp6GQEGaIBWlDRJtL0JTkF5r8CQUoUUUhPRQKgsRC55S91hCSYM9SEEQVOjBihRB6MVCPIgnpWJaQRLwEITUWlrwkGazb2Q2u2ErHuqDZfa9efPNP7OzAFAcGhr6lEqlrgIIAwAR6aurqyEAGv5jfZ2dnaWtrS2Vy+U+DAwM3AQQ84DaxMQEA/XjgOzR0VGHiPihzc1Nsizry+DgoAnglH/pOAo/x+NxqtVqiojaHlDVajUqlUrf0+m0BeCMf5nLBsDQoysUCj1l//r6OkOo1WqR4zgM473a2dmh5eXl3bGxsYcALvolM9Aru6NSCHGXfZZl2Qxqt10ew44ADw4OaGVl5ff4+PhzAJcDWjoKo9HoFQAqk8koHxBcSimGs48TKU60sbHRNE3zTTKZ7H5p9PT0nAPwq6+vjxqNhvKDAxDylVarVVWv1+16ve5sb2/T4uKik0wm3wG45cI0TfuoaRqVy2XHD2JlPtC23aopl8sRt0FKydaJRqMt7/2936dnfKFYLLrpm82mG7i2tsZn3Z5xgmw2y4HKMIwWxwD4AeCCD7rPh5OTk53URFSpVFQikWjz+fz8fLc8rtg0TQYUent7LwkhznfbHolEuGnU39/vsJr9/X01PDys+CwcDru2UCj4Zbr15vP5BoCMh+g0XAiRArArhGAl7ampKc74TQjxmHun67qrbGFhwYUdHh66sLm5OS4vG5zLkwAqhmHQyMiILaW0AVzzfI+CsFKp5CtzZ2xmZoaT3nGH2wt46TWPg/JHJANPgrClpSXa29tzpqennVgsxjG3g6AHHuSVt+fR56llawB4wTD+yaWU7UQi4fZO1/V73d/Ns9cBVAGcDox+0J4A8JphHvCnlPLGX3e6fYr/yxHYSwBlTdPeSinPBoX8AeIT5lzDf6fEAAAAAElFTkSuQmCC') 1 1, auto !important; }
}

/* BASE TYPE-2 */
@media only screen and (max-width:1279px) {
	*, body { cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAACWUlEQVR4nI2TQYgSURjH/zPT7MggiFuxCZt50QUpiERky2hD0YOHToIHwbooRIfdbcWTePIcS0tdWvYYDHjpGrGxl4KIDkpIIAsKK2HkwdRIZ774hnniaevB43vvMf/f973/Nw+KoryKx+MnGxsbtwFIAEBEUjabVcT+X+Ps4OCA2u32fG9v753P53sAQBUgwzAYJJ8HGOdyOYuITCKiVqtF9Xr9czgcfgTA/T+gk1AoROPxmAFzAep2u7S/v/8tFos9BXD5PNBzVVWp2WzOWDibzcg0TQGzBoMBHR4enqVSqTqAa0JUq9UYIkPTtIcMPzo6mgsAD2YsgyaTCTUajWE+n3+pquoNhyNhdXU1BsAsFouss+Zzm0OWZRGvOU6nU3M0Gtmgfr/PFU2j0ehrAPfh9/u9APqRSIQFbKYtWo6j0YgSiQTpum6tra1Z6+vrptfrJQCfxJXe67pOnU7HNpDH8fExVatVseU2UzAYZNEvWZbHnBTALVutKMoL9sEwDNuA09NTKxQKWQCsnZ0dwTB7vR5tbm5+BXAzmUx6Ft3Qdb3IgHK5bN9za2vLBPBnZWWFM1rb29sLCHuQyWTeAri46KPL5brHgHQ6be7u7rKo6Xa77wBoK4rC+3m5XF5A2JNSqfQFQFAwrgD4IcsySZI0drlcd53z6wB6DsSsVCo2YTgc/i4UCnz2TAD4Lh+5ClmWHztnmhPZqO8M50qy2ewsEAjw+oPH4+EOLn5LA0BjCWj768Q4gJ+SJLGQ5xufz3dJZBdP9uqSMcvP+IIT01yJpmlPlr6R/wKa54f41qxcbAAAAABJRU5ErkJggg==') 1 1, auto !important; }
}

/* BASE TYPE-3 */
@media only screen and (max-width:1023px) {
	*, body { cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB80lEQVR4nIWSMahSYRTH//fq9S7SkIJNVweJErJLgm8Sh/Y7GJL4EAKRNqeQB069QQpycXGzQSedjCc5ubS+REhEIgpcCgcDSUG933fiXK4hj6gD94Nz+H7/8z/nfvD7/d1MJnMViUQewg0iUrPZrAf/ifVgMKD5fL6vVqvvDMN4DEB1BZRut8sCyt/AH5VKhYhICCFoNpvJer3+wTTNLAD9XwJX6XSaQVsIYbMAEcnFYkHNZvNTKpV6DuDWDQHH0WUoFKLlcnlwaNsmKeUfgdVqRe12+5tlWRcA7rjNFPh8vicsNhqNhOuXQTocDizCNRaR6/Waer3e0rKs1wDuIxAI3AOwr9VqzMn9fu+AUkrOaTqdUjweF7FYzD47OxOGYRCAj0gmk+z/s2VZTkM+xuOxKJfLcrPZOHCr1SJVVW0AXxRF+QogfVzQ+3A4TNvt1t5sNiKRSEgAIp/Py91u5zjp9/sUCoUujks6gq84n0wm+2KxyFaudV3/xbVcLid5Xo7hcEjRaLRy+kvOFUUh0zRJ1/UxAF75C6/XyyJ2oVA4wodOp8O1l0eQnxsXfmqa9uBE8NLj8ThwqVSyG42GDAaDPMb58cJtAN81TXvm5l63K8cbVVUZ5m8N4OmpVR72EQDfjZrzQgC8VVX1OhgM3nVzz2+ZmDKL2aUt9QAAAABJRU5ErkJggg==') 1 0, auto !important; }
}

/* BASE TYPE-4 */
@media only screen and (max-width:767px) {
	*, body { cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAABl0lEQVR4nF2RL4waURDGv/cWsSjMppsT16SiDQJFBbkEwSZ7gpqqrViFQHBBYOoqqjAgSy4YEsRxueCoIE1bVde6S44efy4niiYNK7gr+/ZNM5vlwt2oNy/f7/syM7Bt+0u9Xj+zLOsVkiIi6XmeAUDgaUkp/00mE5pOp3fNZvMim80e7YPD4ZDBRzXrdrtEREprTfP5XHU6na+FQuENgFhMRCIB48TzSqXCQKiUUkQUcbNcLqnX6/1yHMcHYCbmMfA+l8uR1prFtN1u9R6oN5sNjcfj61qtdgLAYuDYNE2azWaxcxiGFEXxk0ajkSoWi8rzvCifzxOAn7Bt+wWA9WAwYI1eLBaqWq1Gq9WKlFLa930W3kgpfwB4ywPxMFeNRiMOKJVKGoB2XTcKgiCOarVavwGw8UMNHcchhgB8SqfT33k5ruuGQRBohvr9/h8ADyv/IIRg8bekf5ZKpS4ZKpfL4Xq9vm+322QYxukOeAfgr2mah3upz4UQczbKZDJs9nlvvTgA8Hp3/N3BALyUUt4C+MhX55//kormho/6hRQAAAAASUVORK5CYII=') 1 0, auto !important; }
}

/* SCROLLBAR */
::-webkit-scrollbar { width:7px; height:7px; }
::-webkit-scrollbar-track { background:#f5f5f5; }
::-webkit-scrollbar-thumb { background:#ffb428; }

/* SELECTION */
::selection { background:#ffb428; }
-webkit-::selection { background:#ffb428; }
-moz-::selection { background:#ffb428; }
-o-::selection { background:#ffb428; }

/* ANIMATION */
.animation-left { animation:animation-left 1.5s forwards cubic-bezier(0.645,0.045,0.355,1) 0s; opacity:0; }
.animation-right { animation:animation-right 1.5s forwards cubic-bezier(0.645,0.045,0.355,1) 0s; opacity:0; }
@keyframes animation-left {
	0% { transform:translateX(-5%); clip-path:inset(0 100% 0 0); opacity:0; }
	100% { transform:translateX(0); clip-path:inset(0 0 0 0); opacity:1; }
}
@keyframes animation-right {
	0% { transform:translateX(5%); clip-path:inset(0 0 0 100%); opacity:0; }
	100% { transform:translateX(0); clip-path:inset(0 0 0 0); opacity:1; }
}
.animation-top { animation:animation-top 1.5s forwards cubic-bezier(0.645,0.045,0.355,1); opacity:0; }
@keyframes animation-top {
	0% { transform:translateY(-5%); clip-path:inset(0 0 100% 0); opacity:0; }
	100% { transform:translateY(0); clip-path:inset(0 0 0 0); opacity:1; }
}
@keyframes animation-gauze {
	0% { width:0; }
}

/* HEAD */
.head { position:relative; width:100%; height:90px; background:#fff; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); -moz-backdrop-filter:blur(10px); -o-backdrop-filter:blur(10px); transition:all 0.25s ease-in-out; z-index:1000; }
.fixed { position:fixed; height:70px; top:0; background:rgba(255,255,255,0.5); backdrop-filter:blur(10px); border-bottom:2px solid rgba(0,0,0,0); }
.head > .wrap { position:relative; width:100%; max-width:1920px; height:100%; margin:0 auto; }
.head > .wrap > .logo { position:absolute; left:50px; top:50%; transform:translateY(-50%); margin-top:2px; cursor:pointer; }
.head > .wrap > .logo > img { height:30px; }
.head > .wrap > .cate { position:absolute; right:50px; top:50%; transform:translateY(-50%); }
.head > .wrap > .cate::after { content:''; display:table; clear:both; }
.head > .wrap > .cate > .link { position:relative; float:left; padding:13px 0; margin-left:40px; cursor:pointer; }
.head > .wrap > .cate > .link:first-child { margin-left:0; }
.head > .wrap > .cate > .link > .box { height:15px; overflow:hidden; }
.head > .wrap > .cate > .link > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:15px; font-weight:600; font-family:'Unbounded',sans-serif; line-height:15px; transition:0.3s; }
.head > .wrap > .cate > .link:hover > .box > .depth { top:-100%; }
.head > .wrap > .cate > .link.contact { font-weight:500; background:#ffb428; padding:13px 18px; box-sizing:border-box; }
.head > .wrap > .cate.mo { display:none; cursor:pointer; }

/* HEAD TYPE-1 */
@media only screen and (max-width:1649px) {
    .head { height:85px; }
    .fixed { height:65px; }
    .head > .wrap > .logo > img { height:28px; }
    .head > .wrap > .logo { left:40px; }
    .head > .wrap > .cate { right:40px; }
    .head > .wrap > .cate > .link { padding:12px 0; margin-left:35px; }
    .head > .wrap > .cate > .link > .box { height:14px; }
    .head > .wrap > .cate > .link > .box > .depth { font-size:14px; line-height:14px; }
    .head > .wrap > .cate > .link.contact { padding:12px 17px; }
}

/* HEAD TYPE-2 */
@media only screen and (max-width:1279px) {
    .head { height:80px; }
    .fixed { height:60px; }
    .head > .wrap > .logo > img { height:24px; }
    .head > .wrap > .logo { left:30px; }
    .head > .wrap > .cate { right:30px; }
    .head > .wrap > .cate > .link { padding:11px 0; margin-left:30px; }
    .head > .wrap > .cate > .link > .box { height:13px; }
    .head > .wrap > .cate > .link > .box > .depth { font-size:13px; line-height:13px; }
    .head > .wrap > .cate > .link.contact { padding:11px 15px; }
}

/* HEAD TYPE-3 */
@media only screen and (max-width:1023px) {
    .head { height:65px; }
    .fixed { height:50px; }
    .head > .wrap > .logo { left:20px; }
    .head > .wrap > .logo > img { height:22px; }
    .head > .wrap > .cate { display:none; }
	.head > .wrap > .cate.mo { display:block; right:20px; }
	.head > .wrap > .cate.mo > .line { width:17px; height:2px; background:#000; margin-top:3px; }
}

/* HEAD TYPE-4 */
@media only screen and (max-width:767px) {
    .head { height:55px; }
    .fixed { height:45px; }
    .head > .wrap > .logo { left:10px; }
    .head > .wrap > .logo > img { height:20px; }
	.head > .wrap > .cate.mo { right:10px; }
	.head > .wrap > .cate.mo > .line { width:15px; margin-top:2px; }
}

/* CATEGORY MO */
.cate-mo { display:none; position:fixed; width:100vw; height:100vh; top:0; left:0; right:0; bottom:0; padding:0; background:rgba(0,0,0,0.8); justify-content:center; align-items:center; z-index:9000; }
.cate-mo > .cate-mo-box { position:absolute; top:0; right:0; width:220px; height:100%; background:#fff; padding:60px 0; overflow-y:auto; box-sizing:border-box; }
.cate-mo > .cate-mo-box > a { display:block; width:100%; font-size:14px; font-weight:500; font-weight:600; font-family:'Unbounded',sans-serif; margin-bottom:30px; padding:0 30px; box-sizing:border-box; }
.cate-mo > .cate-mo-box > a:last-child { margin-bottom:0; }
.cate-mo > .cate-mo-box > a.contact { position:relative; width:calc(100% - 30px); background:#ffb428; font-size:13.5px; font-weight:500; color:#fff; margin-top:30px; margin-left:15px; padding:12px 15px; }
.cate-mo > .cate-mo-box > a.call { position:relative; width:calc(100% - 30px); background:#000; font-size:13.5px; font-weight:500; color:#fff; margin-top:-20px; margin-left:15px; padding:12px 15px; }
.cate-mo > .cate-mo-box > a > i { position:absolute; top:50%; transform:translateY(-50%); right:15px; font-size:12.5px; color:#fff; }
.cate-mo > .cate-mo-box > .cate-mo-close { position:absolute; top:20px; right:20px; width:30px; height:30px; background:#fff; cursor:pointer; }
.cate-mo > .cate-mo-box > .cate-mo-close > i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:16px; font-weight:900; color:#000; line-height:30px; }

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

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

}

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

@media only screen and (max-width:767px) {
	.cate-mo > .cate-mo-box { width:180px; padding:50px 0; }
	.cate-mo > .cate-mo-box > a { font-size:12px; margin-bottom:22px; padding:0 20px; }
	.cate-mo > .cate-mo-box > a.contact { width:calc(100% - 24px); font-size:11.5px; margin-top:20px; margin-left:8px; padding:10px 12px; }
	.cate-mo > .cate-mo-box > a.call { width:calc(100% - 24px); font-size:11.5px; margin-top:-15px; margin-left:8px; padding:10px 12px; }
	.cate-mo > .cate-mo-box > a > i { right:12px; font-size:11px; }
	.cate-mo > .cate-mo-box > .cate-mo-close { top:19px; right:14px; width:20px; height:20px; }
	.cate-mo > .cate-mo-box > .cate-mo-close > i { font-size:12.5px; line-height:20px; }
}

/* PAGE BAR */
.page-bar { width:100%; height:55px; background:#f5f5f5; cursor:default; }
.page-bar > .wrap { width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.page-bar > .wrap::after { content:''; display:table; clear:both; }
.page-bar > .wrap > .title { float:left; font-size:16px; line-height:55px; }
.page-bar > .wrap > .course { float:right; font-size:13px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:55px; }
.page-bar > .wrap > .course > .circle { display:inline-block; width:4px; height:4px; border-radius:100%; background:#000; margin:0 8px 3px 8px; }

/* BASE TYPE-1 */
@media only screen and (max-width:1649px) {
    .page-bar { height:52px; }
    .page-bar > .wrap { padding:0 40px; }
    .page-bar > .wrap > .title { font-size:15px; line-height:52px; }
    .page-bar > .wrap > .course { font-size:12.5px; line-height:52px; }
    .page-bar > .wrap > .course > .circle { margin:0 7px 3px 7px; }
}

/* BASE TYPE-2 */
@media only screen and (max-width:1279px) {
    .page-bar { height:47px; }
    .page-bar > .wrap { padding:0 30px; }
    .page-bar > .wrap > .title { font-size:13.5px; line-height:47px; }
    .page-bar > .wrap > .course { font-size:11.5px; line-height:47px; }
    .page-bar > .wrap > .course > .circle { margin:0 6px 2px 6px; }
}

/* BASE TYPE-3 */
@media only screen and (max-width:1023px) {
    .page-bar { height:42px; }
    .page-bar > .wrap { padding:0 20px; }
    .page-bar > .wrap > .title { font-size:12px; line-height:42px; }
    .page-bar > .wrap > .course { font-size:10px; line-height:42px; }
    .page-bar > .wrap > .course > .circle { width:3px; height:3px; margin:0 5px 2px 5px; }
}

/* BASE TYPE-4 */
@media only screen and (max-width:767px) {
    .page-bar { height:35px; }
    .page-bar > .wrap { padding:0 10px; }
    .page-bar > .wrap > .title { font-size:10px; line-height:35px; }
    .page-bar > .wrap > .course { font-size:8.5px; line-height:35px; }
    .page-bar > .wrap > .course > .circle { width:2px; height:2px; margin:0 4px 2px 4px; }
}

/* POINT BAR */
.point-bar { width:100%; height:110px; background:#000; }
.point-bar > .wrap { width:100%; height:100%; }
.point-bar > .wrap > .point { width:100%; overflow:hidden; }
.point-bar > .wrap > .point > .js-marquee-wrapper { }
.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee { }
.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee::after { content:''; display:table; clear:both; }
.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth { float:left; font-size:32px; font-weight:700; font-family:'Unbounded',sans-serif; color:#fff; line-height:110px; margin-right:30px; }
.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth > i { color:#ffb428; margin-right:30px; }

/* POINT BAR TYPE-1 */
@media only screen and (max-width:1649px) {
	.point-bar { height:100px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth { font-size:28px; line-height:100px; margin-right:27px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth > i { margin-right:27px; }
}

/* POINT BAR TYPE-2 */
@media only screen and (max-width:1279px) {
	.point-bar { height:85px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth { font-size:24px; line-height:85px; margin-right:22px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth > i { margin-right:22px; }
}

/* POINT BAR TYPE-3 */
@media only screen and (max-width:1023px) {
	.point-bar { height:72px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth { font-size:20px; line-height:72px; margin-right:17px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth > i { margin-right:17px; }
}

/* POINT BAR TYPE-4 */
@media only screen and (max-width:767px) {
	.point-bar { height:60px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth { font-size:16px; line-height:60px; margin-right:12px; }
	.point-bar > .wrap > .point > .js-marquee-wrapper > .js-marquee > .depth > i { margin-right:12px; }
}

/* CONTACT BAR */
.contact-bar { width:100%; height:540px; background:#000; margin-top:150px; padding:0 50px; box-sizing:border-box; }
.contact-bar > .wrap { position:relative; width:100%; height:100%; max-width:1920px; margin:0 auto; }
.contact-bar > .wrap > .title { position:absolute; top:50%; transform:translateY(-50%); }
.contact-bar > .wrap > .title > .en { font-size:74px; font-weight:800; font-family:'Unbounded',sans-serif; color:#fff; line-height:84px; }
.contact-bar > .wrap > .title > .kr { font-size:20px; font-weight:500; color:#fff; line-height:20px; margin-top:50px; }
.contact-bar > .wrap > .button { position:absolute; top:50%; transform:translateY(-50%); right:0; width:220px; height:220px; border-radius:100%; background:#ffb428; text-align:center; box-sizing:border-box; cursor:pointer; }
.contact-bar > .wrap > .button > .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:20px; overflow:hidden; }
.contact-bar > .wrap > .button > .box > .depth { position:relative; display:block; width:100%; height:100%; top:0%; font-size:20px; font-weight:600; font-family:'Unbounded',sans-serif; line-height:20px; text-align:center; transition:0.3s; }
.contact-bar > .wrap > .button:hover > .box > .depth { top:-100%; }

/* CONTACT BAR TYPE-1 */
@media only screen and (max-width:1649px) {
	.contact-bar { height:510px; margin-top:140px; padding:0 40px; }
	.contact-bar > .wrap > .title > .en { font-size:68px; line-height:78px; }
	.contact-bar > .wrap > .title > .kr { font-size:18.5px; line-height:18.5px; margin-top:45px; }
	.contact-bar > .wrap > .button { width:210px; height:210px; }
	.contact-bar > .wrap > .button > .box { height:19px; }
	.contact-bar > .wrap > .button > .box > .depth { font-size:19px; line-height:19px; }
}

/* CONTACT BAR TYPE-2 */
@media only screen and (max-width:1279px) {
	.contact-bar { height:420px; margin-top:120px; padding:0 30px; }
	.contact-bar > .wrap > .title > .en { font-size:60px; line-height:68px; }
	.contact-bar > .wrap > .title > .kr { font-size:16.5px; line-height:16.5px; margin-top:40px; }
	.contact-bar > .wrap > .button { width:190px; height:190px; }
	.contact-bar > .wrap > .button > .box { height:17.5px; }
	.contact-bar > .wrap > .button > .box > .depth { font-size:17.5px; line-height:17.5px; }
}

/* CONTACT BAR TYPE-3 */
@media only screen and (max-width:1023px) {
	.contact-bar { height:350px; margin-top:100px; padding:0 20px; }
	.contact-bar > .wrap > .title { width:calc(100% - 190px); }
	.contact-bar > .wrap > .title > .en { font-size:47px; line-height:55px; }
	.contact-bar > .wrap > .title > .kr { font-size:14.5px; line-height:14.5px; margin-top:35px; }
	.contact-bar > .wrap > .button { width:170px; height:170px; }
	.contact-bar > .wrap > .button > .box { height:15.5px; }
	.contact-bar > .wrap > .button > .box > .depth { font-size:15.5px; line-height:15.5px; }
}

/* CONTACT BAR TYPE-4 */
@media only screen and (max-width:767px) {
	.contact-bar { height:auto; margin-top:100px; padding:65px 10px; }
	.contact-bar > .wrap > .title { position:relative; width:100%; top:auto; transform:none; }
	.contact-bar > .wrap > .title > .en { font-size:35px; line-height:45px; }
	.contact-bar > .wrap > .title > .kr { font-size:13px; line-height:18px; margin-top:20px; }
	.contact-bar > .wrap > .button { position:relative; top:auto; transform:none; width:120px; height:auto; border-radius:0; margin-top:30px; padding:20px 0; }
	.contact-bar > .wrap > .button > .box { height:12px; }
	.contact-bar > .wrap > .button > .box > .depth { font-size:12px; line-height:12px; }
}

/* FOOT */
.foot { width:100%; padding:60px 50px; box-sizing:border-box; }
.foot > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; }
.foot > .wrap > .top { width:100%; padding-bottom:25px; border-bottom:2px solid #000; }
.foot > .wrap > .top::after { content:''; display:table; clear:both; }
.foot > .wrap > .top > .logo { float:left; margin-top:-1px; }
.foot > .wrap > .top > .logo > img { height:20px; }
.foot > .wrap > .top > .link { float:left; }
.foot > .wrap > .top > .link::after { content:''; display:table; clear:both; }
.foot > .wrap > .top > .link > .depth { float:left; font-size:15.5px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:20px; margin-left:40px; }
.foot > .wrap > .top > .link > .depth > span { font-size:15.5px; font-weight:600; font-family:'Unbounded',sans-serif; line-height:20px; margin-right:7px; }
.foot > .wrap > .top > .link > .depth > img { height:11px; margin-left:-3px; margin-bottom:1px; }
.foot > .wrap > .top > .link > .depth.cursor { cursor:pointer; }
.foot > .wrap > .top > .link > .depth.privacy { position:absolute; right:0; margin-left:0; }
.foot > .wrap > .bottom { width:100%; padding-top:27px; }
.foot > .wrap > .bottom::after { content:''; display:table; clear:both; }
.foot > .wrap > .bottom > .kr { float:left; font-size:15.5px; line-height:15.5px; }
.foot > .wrap > .bottom > .en { float:right; font-size:13.5px; font-family:'Unbounded',sans-serif; line-height:15.5px; }

/* FOOT TYPE-1 */
@media only screen and (max-width:1649px) {
	.foot { padding:55px 40px; }
	.foot > .wrap > .top { padding-bottom:22px; }
	.foot > .wrap > .top > .logo > img { height:18px; }
	.foot > .wrap > .top > .link > .depth { font-size:14.5px; line-height:18px; margin-left:37px; }
	.foot > .wrap > .top > .link > .depth > span { font-size:14.5px; line-height:18px; }
	.foot > .wrap > .top > .link > .depth > img { height:10px; margin-left:-2px; }
	.foot > .wrap > .bottom { padding-top:24px; }
	.foot > .wrap > .bottom > .kr { font-size:14.5px; line-height:14.5px; }
	.foot > .wrap > .bottom > .en { font-size:12.5px; line-height:14.5px; }
}

/* FOOT TYPE-2 */
@media only screen and (max-width:1279px) {
	.foot { padding:50px 30px; }
	.foot > .wrap > .top { padding-bottom:18px; }
	.foot > .wrap > .top > .logo > img { height:16px; }
	.foot > .wrap > .top > .link > .depth { font-size:13.5px; line-height:16px; margin-left:34px; }
	.foot > .wrap > .top > .link > .depth > span { font-size:13.5px; line-height:16px; margin-right:6px; }
	.foot > .wrap > .top > .link > .depth > img { height:9px; }
	.foot > .wrap > .bottom { padding-top:20px; }
	.foot > .wrap > .bottom > .kr { font-size:13.5px; line-height:13.5px; }
	.foot > .wrap > .bottom > .en { font-size:11.5px; line-height:13.5px; }
}

/* FOOT TYPE-3 */
@media only screen and (max-width:1023px) {
	.foot { padding:40px 20px; }
	.foot > .wrap > .top { padding-bottom:15px; }
	.foot > .wrap > .top > .logo { float:none; }
	.foot > .wrap > .top > .logo > img { height:14px; }
	.foot > .wrap > .top > .link { float:none; margin-top:12px; }
	.foot > .wrap > .top > .link > .depth:first-child { margin-left:0; }
	.foot > .wrap > .top > .link > .depth { font-size:12px; line-height:14px; margin-left:30px; }
	.foot > .wrap > .top > .link > .depth > span { font-size:12px; line-height:14px; margin-right:5px; }
	.foot > .wrap > .top > .link > .depth > img { height:8px; }
	.foot > .wrap > .top > .link > .depth.privacy { float:none; top:2px; }
	.foot > .wrap > .bottom { padding-top:15px; }
	.foot > .wrap > .bottom > .kr { font-size:12px; line-height:12px; }
	.foot > .wrap > .bottom > .en { font-size:9.5px; line-height:12px; }
}

/* FOOT TYPE-4 */
@media only screen and (max-width:767px) {
	.foot { padding:30px 10px; }
	.foot > .wrap > .top { padding-bottom:12px; }
	.foot > .wrap > .top > .logo > img { height:14px; }
	.foot > .wrap > .top > .link { margin-top:6px; }
	.foot > .wrap > .top > .link > .depth { font-size:11px; line-height:12px; margin-left:0; margin-top:6px; margin-right:20px; }
	.foot > .wrap > .top > .link > .depth > span { font-size:11px; line-height:12px; margin-right:4px; }
	.foot > .wrap > .top > .link > .depth > img { height:7px; }
	.foot > .wrap > .top > .link > .depth.privacy { top:-3px; right:-20px; opacity:0.1; }
	.foot > .wrap > .bottom { padding-top:15px; }
	.foot > .wrap > .bottom > .kr { float:none; font-size:11px; line-height:14px; }
	.foot > .wrap > .bottom > .en { float:none; font-size:8.5px; line-height:8.5px; margin-top:7px; }
}

/* COMPANY */
.company { display:none; position:fixed; width:100vw; height:100vh; top:0; left:0; right:0; bottom:0; padding:0; background:rgba(0,0,0,0.8); justify-content:center; align-items:center; z-index:9900; }
.company > .company-box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:510px; height:auto; background:#ffb428; padding:60px 60px; box-sizing:border-box; }
.company > .company-box > .company-info { }
.company > .company-box > .company-info > .logo { }
.company > .company-box > .company-info > .logo > img { height:34px; }
.company > .company-box > .company-info > .table { margin-top:29px; }
.company > .company-box > .company-info > .table > ul { margin-top:11px; }
.company > .company-box > .company-info > .table > ul::after { content:''; display:table; clear:both; }
.company > .company-box > .company-info > .table > ul > li { float:left; width:calc(100% - 110px); font-size:16.5px; }
.company > .company-box > .company-info > .table > ul > li:first-child { float:left; width:110px; font-size:17px; font-weight:600; }
.company > .company-box > .company-close { position:absolute; top:20px; right:20px; width:34px; height:34px; background:#ffb428; cursor:pointer; }
.company > .company-box > .company-close > i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:19px; font-weight:900; color:#000; line-height:34px; }

@media only screen and (max-width:1649px) {
	.company > .company-box { width:480px; padding:55px 55px; }
	.company > .company-box > .company-info > .logo > img { height:32px; }
	.company > .company-box > .company-info > .table { margin-top:27px; }
	.company > .company-box > .company-info > .table > ul { margin-top:10px; }
	.company > .company-box > .company-info > .table > ul > li { width:calc(100% - 100px); font-size:15.5px; }
	.company > .company-box > .company-info > .table > ul > li:first-child { width:100px; font-size:16px; }
	.company > .company-box > .company-close { top:18px; right:18px; width:32px; height:32px; }
	.company > .company-box > .company-close > i { font-size:18px; line-height:32px; }
}

@media only screen and (max-width:1279px) {
	.company > .company-box { width:415px; padding:45px 45px; }
	.company > .company-box > .company-info > .logo > img { height:25px; }
	.company > .company-box > .company-info > .table { margin-top:22px; }
	.company > .company-box > .company-info > .table > ul { margin-top:8px; }
	.company > .company-box > .company-info > .table > ul > li { width:calc(100% - 92px); font-size:14px; }
	.company > .company-box > .company-info > .table > ul > li:first-child { width:92px; font-size:14.5px; }
	.company > .company-box > .company-close { top:16px; right:16px; width:26px; height:26px; }
	.company > .company-box > .company-close > i { font-size:15.5px; line-height:26px; }
}

@media only screen and (max-width:1023px) {
	.company > .company-box { width:360px; padding:35px 35px; }
	.company > .company-box > .company-info > .logo > img { height:20px; }
	.company > .company-box > .company-info > .table { margin-top:16px; }
	.company > .company-box > .company-info > .table > ul { margin-top:6px; }
	.company > .company-box > .company-info > .table > ul > li { width:calc(100% - 80px); font-size:12.5px; }
	.company > .company-box > .company-info > .table > ul > li:first-child { width:80px; font-size:13px; }
	.company > .company-box > .company-close { top:14px; right:14px; width:18px; height:18px; }
	.company > .company-box > .company-close > i { font-size:14px; line-height:18px; }
}

@media only screen and (max-width:767px) {
	.company > .company-box { width:305px; padding:25px 25px; }
	.company > .company-box > .company-info > .logo > img { height:15px; }
	.company > .company-box > .company-info > .table { margin-top:11px; }
	.company > .company-box > .company-info > .table > ul { margin-top:4px; }
	.company > .company-box > .company-info > .table > ul > li { width:calc(100% - 70px); font-size:11px; }
	.company > .company-box > .company-info > .table > ul > li:first-child { width:70px; font-size:11.5px; }
	.company > .company-box > .company-close { top:10px; right:10px; width:16px; height:16px; }
	.company > .company-box > .company-close > i { font-size:12px; line-height:16px; }
}

.kakao-ch { position:fixed; bottom:50px; right:50px; width:90px; height:90px; background:#ffb428; border-radius:100%; box-shadow:0 0 25px -10px #000; overflow:hidden; transition:all 0.3s ease-in-out; cursor:pointer; z-index:100; }
.kakao-ch:hover { box-shadow:0 0 15px 0 #000; }
.kakao-ch > img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:50px; margin-top:2px; }

@media only screen and (max-width:1649px) {
	.kakao-ch { bottom:40px; right:40px; width:84px; height:84px; box-shadow:0 0 24px -10px #000; }
	.kakao-ch:hover { box-shadow:0 0 14px 0 #000; }
	.kakao-ch > img { height:46px; }
}

@media only screen and (max-width:1279px) {
	.kakao-ch { bottom:30px; right:30px; width:74px; height:74px; box-shadow:0 0 22px -10px #000; }
	.kakao-ch:hover { box-shadow:0 0 12px 0 #000; }
	.kakao-ch > img { height:42px; margin-top:1px; }
}

@media only screen and (max-width:1023px) {
	.kakao-ch { bottom:20px; right:20px; width:64px; height:64px; box-shadow:0 0 20px -10px #000; }
	.kakao-ch:hover { box-shadow:0 0 10px 0 #000; }
	.kakao-ch > img { height:36px; }
}

@media only screen and (max-width:767px) {
	.kakao-ch { bottom:10px; right:10px; width:50px; height:50px; box-shadow:0 0 18px -10px #000; }
	.kakao-ch:hover { box-shadow:0 0 8px 0 #000; }
	.kakao-ch > img { height:28px; }
}