@charset "utf-8";
@font-face {font-family:'score';font-weight:100;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');}
@font-face {font-family:'score';font-weight:200;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');}
@font-face {font-family:'score';font-weight:300;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');}
@font-face {font-family:'score';font-weight:400;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');}
@font-face {font-family:'score';font-weight:500;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');}
@font-face {font-family:'score';font-weight:600;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');}
@font-face {font-family:'score';font-weight:700;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');}
@font-face {font-family:'score';font-weight:800;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');}
@font-face {font-family:'score';font-weight:900;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');}br {font-family:sans-serif;}
html {font-family:'Pretendard',sans-serif;margin-right:0 !important;}
img {max-width:100%;}

#lightcase-overlay {background:rgba(0,0,0,0.8);}
#contents,
#subWrap {min-height:0 !important;}

/* img background */
.img-bg-copy {background-position:center;background-repeat:no-repeat;background-size:cover;}
.img-bg-copy img {display:none;}

a:focus,button:focus,input:focus,textarea:focus,
a:hover,button:hover,input:hover,textarea:hover {outline:none;}

.mfp-preloader {display:none !important;}

#wrapper {position:relative;overflow:hidden;}

#__mnu {width:70px;height:88px;position:fixed;right:0;top:0;border:none;background:none;display:flex;align-items:center;justify-content:center;z-index:510;}
#__mnu:before,
#__mnu:after {content:"";display:block;width:28px;height:1px;background:#fff;position:absolute;left:50%;margin-left:-14px;transition:0.2s;}
#__mnu:before {bottom:50%;margin-bottom:9px;}
#__mnu:after {top:50%;margin-top:9px;}
#__mnu i {display:block;width:28px;height:1px;background:#fff;transition:0.2s;transition:0.2s;}

.navOn #__logo a {background-image:url(../images/logo.svg) !important;}
.navOn #__mnu i {transform:scale(0,1);background:#fff !important;}
.navOn #__mnu:before {margin-bottom:-1px;transform:rotate(-135deg);background:#fff !important;}
.navOn #__mnu:after {margin-top:-1px;transform:rotate(135deg);background:#fff !important;}


@media all and (min-width:1025px){
	#__header {padding:0 50px;z-index:200;position:fixed;left:0;top:0;width:100%;transition:background 0.2s, box-shadow 0.2s;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2);}
	#__header .wrap{position:relative;height:88px;margin:0 auto;text-align:center;}
	#__logo {position:fixed;top:30px;left:50px;z-index:400;}
	#__logo a {display:block;width:109px;height:25px;text-indent:-9999px;background:url(../images/logo.svg) no-repeat 0 50% / contain;}
	#__header .gnb {display:inline-flex;}
	#__header .gnb > li {position:relative;}
	#__header .gnb > li > a {padding:0 42px;display:block;}
	#__header .gnb > li > a > span {display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;height:88px;position:relative;transition:0.2s;text-transform:uppercase;}
	#__header .gnb > li > a > span:before {content:"";display:block;position:absolute;left:0;top:100%;background:#fff;z-index:10;pointer-events:none;height:3px;width:100%;opacity:0;transform:scale(0,1);transition:0.2s;}
	#__header .gnb > li > ul {position:absolute;left:50%;top:100%;width:230px;margin-left:-115px;background:#b11129;padding:0;visibility:hidden;opacity:0;transition:0.2s;}
	#__header .gnb > li > ul > li > a {display:block;font-size:18px;padding:5px;color:#fff;font-weight:300;}
	#__header .gnb > li > ul > li > ul {padding-top:5px;}
	#__header .gnb > li > ul > li > ul > li ~ li {margin-top:5px;}
	#__header .gnb > li > ul > li > ul > li > a {display:inline-block;color:#fff;font-size:16px;font-weight:300;}
	#__header .gnb > li > ul > li > ul > li > a:before {content:"-";}
	#__header .gnb > li > ul > li > ul > li > a:hover,
	#__header .gnb > li > ul > li > ul > li.active > a {font-weight:bold;}
	#__header .gnb > li:hover > a > span:before {opacity:1;transform:scale(1,1);}
	#__header .gnb > li:hover > ul {visibility:visible;opacity:1;padding:24px 0;box-shadow:27px 16px 40px 0 rgba(0,0,0,0.17);}
	#__header .gnb > li > ul > li:hover > a,
	#__header .gnb > li > ul > li.active > a {text-decoration:underline;font-weight:bold;}
	#__header .gnb > li:nth-child(2) > ul {display:flex;width:460px;margin-left:-230px;}
	#__header .gnb > li:nth-child(2) > ul > li {width:50%;}
	#__header .gnb > li:nth-child(2) > ul > li ~ li {border-left:1px solid rgba(255,255,255,0.54);}

	#__header .lang {position:absolute;right:70px;top:30px;font-size:0;}
	#__header .lang button {border:none;background:none;position:relative;padding-right:18px;}
	#__header .lang button:after {content:"\f107";display:block;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1;font-size:14px;color:#fff;font-family:axicon;}
	#__header .lang button:before {content:"";width:27px;height:27px;background:url(../images/ico-lang.svg) no-repeat 50% 50% / contain;opacity:0.8;display:block;}
	#__header .lang ul {display:none;position:absolute;top:100%;margin-top:15px;border:1px solid #ddd;background:#fff;text-align:center;width:100%;width:60px;left:50%;margin-left:-30px;padding:10px 0;}
	#__header .lang ul li a {display:block;font-size:16px;color:#000;}

	.langOn #__header .lang button:after {content:"\f106";}
	.langOn #__header .lang ul {display:block;}

	/*
	.fix #__header {position:fixed;transform:translate3d(0,-150%,0);box-shadow:0 1px 1px rgba(0,0,0,0.1);background:#fff !important;}
	.out #__header,
	.in #__header {transition:transform .2s;}
	.fix.in #__header {transform:translate3d(0,0,0);}
	 */
}

@media all and (max-width:1400px) and (min-width:1025px){
	#__header {padding:0 15px;}
	#__logo {left:15px;}
}

@media all and (max-width:1200px) and (min-width:1025px){
	#__header .gnb > li > a {padding:0 35px;}
}

@media all and (max-width:1024px){
	#wrapper {padding-top:0;}
	#__header {position:fixed;top:0;padding:0 15px;height:auto;overflow:visible;width:100%;left:0;z-index:200;/* box-shadow:0 1px 1px rgba(0,0,0,0.15); */transition:0.2s;}
	.fix #__header {background-color:rgba(0,0,0,0.8);backdrop-filter:blur(3px);}
	#__header .wrap {height:55px;padding:0;}
	#__header .logo {position:absolute;left:15px;top:50%;margin-top:-20px;}
	#__header .logo a {display:block;width:72px;height:40px;text-indent:-9999px;background:url(../images/logo2.png) no-repeat 0 50% / contain;}
	#__header .gnb {display:none;}
	#__header .lang {display:none;}
	#__header .mnu {position:absolute;top:0;width:55px;height:55px;right:0;border:none;background:#f98800;color:#fff;font-size:0;text-indent:0;}
	#__header .mnu i {font-size:24px;}
	#__header .sch {border:none;background:none;position:absolute;right:55px;top:0;width:55px;height:55px;background:none;color:#222;}
	#__header .sch i {font-size:24px;}

	#__logo {position:fixed;top:15px;left:15px;z-index:510;}
	#__logo a {display:block;width:109px;height:25px;text-indent:-9999px;background:url(../images/logo.svg) no-repeat 0 50% / contain;}

	#__mnu {width:60px;height:55px;right:0;z-index:400;}
	#__mnu:before,
	#__mnu:after {width:24px;height:2px;margin-left:-12px;}
	#__mnu:before {margin-bottom:6px;}
	#__mnu:after {margin-top:6px;}
	#__mnu i {width:24px;height:2px;}

	.slice_effect .bg div {background:#222 !important;}
}

#__nav {position:fixed;left:0;top:0;width:100%;height:100%;z-index:300;opacity:0;visibility:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;pointer-events:none;}
#__nav:before,
#__nav:after {content:"";display:block;width:1px;height:100%;position:absolute;top:0;background:rgba(255,255,255,0.1);pointer-events:none;z-index:3;}
#__nav:before {right:25%;}
#__nav:after {right:50%;}
#__nav .wrap {position:fixed;right:0;top:0;width:100%;height:100%;z-index:10;transition:0.4s;display:flex;align-items:center;}
#__nav .wrap:before,
#__nav .wrap:after {content:"";display:block;width:1px;height:100%;position:absolute;top:0;background:rgba(255,255,255,0.1);pointer-events:none;}
#__nav .wrap:before {left:25%;}
#__nav .wrap:after {left:50%;}
#__nav .gnb {text-align:center;display:flex;width:100%;}
#__nav .gnb > li {width:0;flex-grow:1;transition:1s;opacity:0;transform:translateY(-20px);padding:0 10px;}
#__nav .gnb > li:nth-child(1) {transition-delay:0.4s;}
#__nav .gnb > li:nth-child(2) {transition-delay:0.6s;}
#__nav .gnb > li:nth-child(3) {transition-delay:0.8s;}
#__nav .gnb > li:nth-child(4) {transition-delay:1.0s;}
#__nav .gnb > li > a {font-size:45px;color:#fff;font-family:'Montserrat',sans-serif;font-weight:bold;position:relative;transition:0.2s;letter-spacing:-0.03em;line-height:1.2;background-image:linear-gradient(to bottom,transparent 0%,transparent calc(100% - 18px),#b11129 calc(100% - 18px), #b11129 18px);background-repeat:no-repeat;background-size:0 100%;transition:background-size 1s, font-size 0.2s;}
#__nav .gnb > li > a:before {content:"";display:block;position:absolute;left:0;width:100%;height:16px;bottom:0;background:#b11129;transform:scale(0,1);transform-origin:0 50%;opacity:0;transition:0.5s;}
#__nav .gnb > li > a > span {position:relative;z-index:10;}
#__nav .gnb > li > ul {padding-top:30px;}
#__nav .gnb > li > ul > li ~ li {margin-top:10px;}
#__nav .gnb > li > ul > li > a {font-size:22px;color:#fff;font-size:22px;font-weight:600;transition:0.2s;}
#__nav .gnb > li > ul > li > ul {display:none !important;}
#__nav .gnb > li:hover > a {font-size:60px;background-size:100% 100%;}
#__nav .gnb > li:hover > a:before {transform:scale(1,1);opacity:1;}
#__nav .gnb > li > ul > li:hover > a {color:#b11129;}

.navOn #__nav {visibility:visible;opacity:1;pointer-events:auto;}
.navOn #__nav .wrap {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.navOn #__nav .gnb > li {opacity:1;transform:translateY(0);}

@media all and (max-width:1640px) and (min-width:1025px){
	#__nav:before,
	#__nav:after,
	#__nav .wrap:before,
	#__nav .wrap:after {display:none;}
	#__nav .gnb {flex-wrap:wrap;gap:100px 0;}
	#__nav .gnb > li {width:50%;}
}

@media all and (max-width:1024px){
	#__nav {background:#222;}
	#__nav .bg {display:none;}
	#__nav .wrap {padding-top:96px;}
	#__nav:before,
	#__nav:after,
	#__nav .wrap:before,
	#__nav .wrap:after {display:none;}
	#__nav .lang {border-bottom:1px solid rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.5);color:#333;display:flex;position:absolute;left:0;top:55px;width:100%;}
	#__nav .lang li {width:0;flex-grow:1;}
	#__nav .lang li ~ li {border-left:1px solid rgba(255,255,255,0.5);}
	#__nav .lang li a {display:block;font-size:14px;padding:10px;text-align:center;font-weight:bold;font-family:'Montserrat',sans-serif;}
	#__nav .gnb {flex-direction:column;justify-content:center;}
	#__nav .gnb > li {width:auto;transition-delay:0s !important;}
	#__nav .gnb > li ~ li {border-top:1px solid rgba(255,255,255,0.2);margin-top:15px;padding-top:15px;}
	#__nav .gnb > li > a {font-size:22px;}
	#__nav .gnb > li > ul {padding-top:5px;}
	#__nav .gnb > li > ul > li ~ li {margin-top:3px;}
	#__nav .gnb > li > ul > li > a {font-size:15px;}
}


#footer {background:#0c0c0c;}
#footer .top {padding:75px 15px;}
#footer .top .wrap {max-width:1400px;margin:0 auto;}
#footer .top h2 {font-size:60px;font-family:'Montserrat',sans-serif;font-weight:bold;color:#fff;line-height:1;}
#footer .top .area {display:flex;justify-content:space-between;margin-top:50px;}
#footer .top .area .lef h3 {width:109px;}
#footer .top .area .lef address {margin-top:25px;}
#footer .top .area .lef address ul {display:flex;gap:0 80px;}
#footer .top .area .lef address ul ~ ul {margin-top:13px;}
#footer .top .area .lef address ul li {display:flex;gap:15px;font-size:16px;font-family:'Montserrat','Pretendard',sans-serif;}
#footer .top .area .lef address ul li strong {color:#fff;}
#footer .top .area .lef address ul li span {color:rgba(255,255,255,0.5);font-weight:300;letter-spacing:0;}
#footer .top .area .sns {display:flex;gap:10px;}
#footer .top .area .sns a {display:flex;width:44px;height:44px;border-radius:50%;background:#252525;font-size:20px;color:#fff;align-items:center;justify-content:center;}
#footer .bot {padding:35px 15px;border-top:1px solid #242425;}
#footer .bot .wrap {max-width:1400px;margin:0 auto;font-size:16px;color:rgba(255,255,255,0.2);font-weight:300;}

#footer .top-btn {width:100px;text-indent:-9999px;height:100px;border:none;text-align:center;border-radius:50%;box-shadow:none;font-size:15px;color:#fff;background:url(../images/gotop2.png) no-repeat 50% 50% / 100% 100%;}
#footer .top-btn.fixed {top:-50px;}

@media all and (max-width:1024px){
	#footer .top {padding:30px 15px;}
	#footer .top h2 {font-size:28px;}
	#footer .top .area {display:block;margin-top:25px;}
	#footer .top .area .lef h3 {width:100px;}
	#footer .top .area .lef address {margin-top:15px;}
	#footer .top .area .lef address ul {gap:0 15px;}
	#footer .top .area .lef address ul ~ ul {margin-top:5px;}
	#footer .top .area .lef address ul li {gap:7px;font-size:13px;}
	#footer .top .area .sns {margin-top:15px;}
	#footer .top .area .sns a {width:34px;height:34px;font-size:18px;}
	#footer .bot {padding:20px 15px;}
	#footer .bot .wrap {font-size:13px;}

	#footer .top-btn {width:40px;height:40px;}
	#footer .top-btn.fixed {top:-20px;}
}

#__main {min-height:100vh;position:relative;}

#__quick {position:fixed;right:0;top:50%;margin-top:-138.5px;z-index:150;display:flex;align-items:center;}
#__quick a {display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#fff;border:1px solid #dedede;border-right:none;font-size:20px;}
#__quick a ~ a {margin-top:-1px;}
#__quick a:first-child {border-radius:10px 0 0 0;}
#__quick a:last-child {border-radius:0 0 0 10px;}
#__quick a:hover {background:#b11129;border-color:#b11129;color:#fff;position:relative;z-index:1;}

#__main .scr {position:fixed;right:30px;bottom:30px;padding:25px 0 22px;pointer-events:none;z-index:100;animation:scr 1.5s ease infinite;}
#__main .scr .mouse {width:12px;height:16px;border-radius:6px;border:1px solid #fff;position:absolute;left:50%;margin-left:-6px;top:0;transition:0.2s;}
#__main .scr .mouse:before {content:"";display:block;width:1px;height:3px;position:absolute;left:50%;margin-left:-0.5px;top:4px;background:#fff;transition:0.2s;}
#__main .scr span {display:block;color:rgba(255,255,255,0.8);font-size:14px;font-weight:bold;writing-mode:vertical-lr;transition:0.2s;}
#__main .scr .arr {position:absolute;left:50%;bottom:0;width:30px;margin-left:-15px;color:rgba(255,255,255,0.6);text-align:center;display:flex;flex-direction:column;font-size:14px;line-height:1;gap:0;transition:0.2s;}
#__main .scr .arr i ~ i {margin-top:-9px;}

@keyframes scr {
	0% {transform:translate3d(0,0,0);}
	50% {transform:translate3d(0,10px,0);}
	100% {transform:translate3d(0,0,0);}
}

#__main .aside {position:fixed;left:30px;height:100vh;bottom:0;text-align:center;display:flex;align-items:center;z-index:100;}
#__main .aside .wrap {width:30px;}
#__main .aside .home {display:block;margin-bottom:10px;}
#__main .aside .home img {width:13px;}
#__main .aside .line {width:2px;margin:12px auto;height:120px;background:rgba(255,255,255,0.34);position:relative;}
#__main .aside .line .bar {position:absolute;left:0;top:0;width:100%;height:25%;background:#b11129;transition:0.2s;}
#__main .aside .line .txt {position:absolute;right:13px;top:0;height:100%;text-align:center;writing-mode:vertical-lr;font-size:12px;font-weight:bold;color:#fff;transition:0.2s;}
#__main .aside .num {font-size:16px;font-weight:800;color:#fff;line-height:1;transition:0.2s;}
#__main .aside .bt {margin-top:17px;}
#__main .aside .bt button {border:none;background:none;width:100%;transition:0.2s;opacity:0.5;}
#__main .aside .bt button svg {transition:0.2s;}
#__main .aside .bt button:hover {opacity:1;}

#__main {background:#000;}
#__main .container {position:relative;}
#__main .sec {overflow:hidden;position:relative;height:100vh;display:flex;align-items:center;padding:100px 80px;}
#__main .sec .flt {position:absolute;left:0;top:0;width:100%;height:100%;}
#__main .sec .flt .in {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;padding:100px 80px;}
#__main .sec .wrap {width:1400px;max-width:100%;margin:0 auto;position:relative;}
#__main .sec .tit h3 {font-size:80px;color:#fff;font-family:'Montserrat','Pretendard',sans-serif;line-height:1.1;}
#__main .sec .tit .sum {font-size:18px;line-height:1.65;font-weight:300;color:#fff;margin-top:30px;}

/* #__main .sec1 {background:#000 url(../images/vis.jpg) no-repeat 50% 50% / cover;} */
#__main .sec1 {background:#000;}
#__main .sec1 video {display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:1s;}
#__main .sec1 iframe {display:block;position:absolute;height:100%;width:177.77777778vh;min-width:100%;min-height:56.25vw;z-index:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);;pointer-events:none;transition:1s;}
#__main .sec1 .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:#000 url(../images/sec2.jpg) no-repeat 50% 50% / cover;background-attachment:fixed;transition:1s;opacity:0;}
#__main .sec1 .in {transition:1s;opacity:0;}
#__main .sec1 .in:nth-child(1) {opacity:1;}
#__main .sec1 .tit h3 {transform:translate3d(0,100px,0);opacity:0;transition:1s;}
#__main .sec1 .tit .sum {transform:translate3d(0,100px,0);opacity:0;transition:1s;transition-delay:0.2s;}
#__main .sec1 .tit .bt {transform:translate3d(0,100px,0);opacity:0;transition:1s;transition-delay:0.4s;margin-top:50px;}


.lineFix #__main .sec3:before {position:fixed;top:88px;height:calc(100% - 88px);}
#__main .sec3 {background:url(../images/sec3.jpg) no-repeat 50% 50% / cover;background-attachment:fixed;}
#__main .sec3:before {content:"";display:block;position:absolute;left:50%;margin-left:-0.5px;top:0;width:1px;height:100%;background:rgba(255,255,255,0.2);}
#__main .sec3 .cont {display:flex;gap:95px;margin-top:35px;}
#__main .sec3 .cont .area {width:0;flex-grow:1;}
#__main .sec3 .cont .area .top {display:flex;align-items:center;justify-content:space-between;}
#__main .sec3 .cont .area .top h4 {font-size:40px;font-weight:bold;color:#fff;}
#__main .sec3 .cont .area .top .bt {display:flex;gap:10px;}
#__main .sec3 .cont .area .bot {margin-top:25px;}
#__main .sec3 .cont .area .bot .roll {overflow:hidden;}
#__main .sec3 .cont .area .bot .box {display:block;background:#fff;position:relative;padding:64px 30px 30px;}
#__main .sec3 .cont .area .bot .box:before {content:"";display:block;width:36px;height:36px;border-radius:50%;border:1px solid #8d8d8d;background:url(../images/ico-arr.svg) no-repeat 50% 50%;position:absolute;right:30px;bottom:26px;}
#__main .sec3 .cont .area .bot .box .img {display:block;aspect-ratio:260 / 210;}
#__main .sec3 .cont .area .bot .box .img img {display:block;width:100%;height:100%;object-fit:contain;}
#__main .sec3 .cont .area .bot .box .subject {margin-top:48px;padding-right:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:20px;color:#151515;font-weight:bold;}
#__main .sec3 .cont .area .bot .page {display:flex;justify-content:center;margin-top:33px;gap:8px;}
#__main .sec3 .cont .area .bot .page button {width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.4);border:none;transition:0.2s;}
#__main .sec3 .cont .area .bot .page button.swiper-pagination-bullet-active {background:#b11129;}

#__main .sec4 {background:url(../images/sec4.jpg) no-repeat 50% 50% / cover;background-attachment:fixed;}
#__main .sec4 .tit h3 {color:#000;}
#__main .sec4 .area {margin-top:40px;display:flex;gap:16px;}
#__main .sec4 .area .box {display:block;position:relative;height:469px;overflow:hidden;transition:0.2s;}
#__main .sec4 .area .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/bg-customer1.jpg) no-repeat 50% 50% / cover;transition:1s;}
#__main .sec4 .area .box2:before {background-image:url(../images/bg-customer2.jpg);}
#__main .sec4 .area .box3:before {background-image:url(../images/bg-customer3.jpg);}
#__main .sec4 .area .box .txt {position:absolute;left:0;bottom:0;width:100%;padding:0 50px 50px;color:#fff;}
#__main .sec4 .area .box .txt dl dt {font-size:40px;font-weight:bold;font-family:'Montserrat','Pretendard',sans-serif;letter-spacing:-0.03em;line-height:1.2;}
#__main .sec4 .area .box .txt dl dd {font-size:18px;line-height:1.4;color:rgba(255,255,255,0.8);margin-top:20px;}
#__main .sec4 .area .box .txt p {margin-top:35px;}
#__main .sec4 .area .box1 {flex-grow:685;}
#__main .sec4 .area .box2 {flex-grow:341;}
#__main .sec4 .area .box3 {flex-grow:341;}
#__main .sec4 .area .box:hover {box-shadow: 10px 14px 46px 7px rgba(0, 0, 0, 0.2);position:relative;z-index:10;}
#__main .sec4 .area .box:hover:before {transform:scale(1.05);}
#__main .sec4 .area .box:hover .__bt {background:#b11129;border-color:#b11129;color:#fff;}

.__bt {display:inline-flex;align-items:center;height:56px;border:1px solid rgba(255,255,255,0.4);border-radius:28px;padding:0 25px;width:178px;justify-content:space-between;font-size:16px;color:#fff;transition:0.2s;}
.__bt span {font-weight:bold;}
.__bt:hover {background:#b11129;border-color:#b11129;color:#fff;z-index:10;}

.visual-ani #wrapper {overflow:visible;}

.visual-intro #__main .sec1 .in:nth-child(1) .tit h3,
.visual-intro #__main .sec1 .in:nth-child(1) .tit .sum {transform:translate3d(0,0,0);opacity:1;}
.visual-ani #__main .sec1 .in:nth-child(1) {opacity:0;}
.visual-ani #__main .sec1 .in:nth-child(2) {opacity:1;}
.visual-ani #__main .sec1 .in:nth-child(2) .tit h3,
.visual-ani #__main .sec1 .in:nth-child(2) .tit .sum,
.visual-ani #__main .sec1 .in:nth-child(2) .tit .bt {transform:translate3d(0,0,0);opacity:1;}
.visual-ani #__main .sec1 video,
.visual-ani #__main .sec1 iframe {opacity:0;}
.visual-ani #__main .sec1 .bg {opacity:1;}
.visual-ani #__main .sec2 {opacity:1;}
.visual-ani #__main .sec2 .tit h3,
.visual-ani #__main .sec2 .tit .sum,
.visual-ani #__main .sec2 .tit .bt {transform:translate3d(0,0,0);opacity:1;}
.footView #quick {position:absolute;}
.footView #__main .aside {position:absolute;}
.footView #__main .scr {position:absolute;}

.scroll-disable #wrapper {height:100%;overflow:hidden;}
.visual-ani #wrapper::-webkit-scrollbar {width:3px;height:3px;}
.visual-ani #wrapper::-webkit-scrollbar-track {background:#F0F0F0;}
.visual-ani #wrapper::-webkit-scrollbar-thumb {background:#242424;border-radius:1.5px;}

.visual-intro #__main .aside .now:before {content:"01";}
.visual-ani #__main .aside .now:before {content:"02";}
.visual-ani[data-active-sec='2'] #__main .aside .now:before {content:"03";}
.visual-ani[data-active-sec='3'] #__main .aside .now:before {content:"04";}

.visual-intro #__main .aside .line .bar {height:25%;}
.visual-ani #__main .aside .line .bar {height:50%;}
.visual-ani[data-active-sec='2'] #__main .aside .line .bar {height:75%;}
.visual-ani[data-active-sec='3'] #__main .aside .line .bar {height:100%;}

.visual-intro #__main .aside .line .txt:before {content:"01. HOME";}
.visual-ani #__main .aside .line .txt:before {content:"02. WHO WE ARE";}
.visual-ani[data-active-sec='2'] #__main .aside .line .txt:before {content:"03. PRODUCT";}
.visual-ani[data-active-sec='3'] #__main .aside .line .txt:before {content:"04. CUSTOMER";}



@media all and (min-width:1025px){
	.fix #__header {background-color:rgba(0,0,0,0.8);backdrop-filter:blur(3px);}

	.colorChang #__logo a {background-image:url(../images/logo2.svg);}
	.colorChang #__header {box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.5);}
	.colorChang #__header .gnb > li > a > span {color:#151515;}
	.colorChang #__mnu i {background:#000;}
	.colorChang #__mnu:before,
	.colorChang #__mnu:after {background:#000;}
	.colorChang #__header .lang button:after {color:#000;}
	.colorChang #__header .lang button:before {background-image:url(../images/ico-lang2.svg);}
	.colorChang2 #__main .aside .num,
	.colorChang2 #__main .aside .line .txt {color:#151515;}
	.colorChang2 #__main .aside .bt button path {fill:#151515 !important;}
	.colorChang2 #__main .aside .bt button {opacity:0.2;}
	.colorChang2 #__main .aside .bt button:hover {opacity:1;}
	.colorChang3 #__main .scr .mouse {border-color:#151515;}
	.colorChang3 #__main .scr .mouse:before {background:#151515;}
	.colorChang3 #__main .scr span {color:rgba(21,21,21,0.8);}
	.colorChang3 #__main .scr .arr {color:rgba(21,21,21,0.6);}
}

@media all and (max-width:1420px){
	#__main .sec4 .area .box {flex-grow:1;}
	#__main .sec4 .area .box .txt {padding:0 25px 30px;}
	#__main .sec4 .area .box .txt dl dt {font-size:30px;}
	#__main .sec4 .area .box .txt dl dd {font-size:16px;}
	#__main .sec3 .cont .area .bot .box {padding:64px 15px 30px;}
}

@media all and (max-width:1024px){
	#__quick {display:none;bottom:50%;margin-bottom:-50px;height:auto;}
	#__quick a {width:26px;height:26px;font-size:15px;}
	#__quick a:first-child {border-radius:5px 0 0 0;}
	#__quick a:last-child {border-radius:0 0 0 5px;}

	#__main .scr {right:3px;bottom:30px;padding:25px 0 22px;}

	#__main .aside {display:none;}

	#__main .sec {height:auto;padding:50px 25px;}
	#__main .sec .flt .in {padding:50px 25px;}
	#__main .sec .tit h3 {font-size:40px;}
	#__main .sec .tit .sum {font-size:16px;line-height:1.5;margin-top:15px;}

	#__main .sec1 {width:100%;height:100vh;/* aspect-ratio:16 / 9; */}
	#__main .sec1 iframe {height:100%;width:100%;min-width:0;min-height:0;left:0;top:0;transform:translate(0,0);object-fit:contain;}
	#__main .sec1 .bg {background-attachment:scroll;}
	#__main .sec1 .tit .bt {margin-top:20px;}

	#__main .sec3 {background-attachment:scroll;}
	#__main .sec3:before {display:none;}
	#__main .sec3 .cont {display:block;margin-top:20px;}
	#__main .sec3 .cont .area {width:auto;}
	#__main .sec3 .cont .area ~ .area {margin-top:40px;}
	#__main .sec3 .cont .area .top h4 {font-size:30px;}
	#__main .sec3 .cont .area .top .bt {gap:5px;}
	#__main .sec3 .cont .area .bot {margin-top:15px;}
	#__main .sec3 .cont .area .bot .box {padding:15px 10px;}
	#__main .sec3 .cont .area .bot .box:before {width:24px;height:24px;right:10px;bottom:14px;background-size:4px auto;}
	#__main .sec3 .cont .area .bot .box .subject {margin-top:15px;padding-right:30px;font-size:13px;}
	#__main .sec3 .cont .area .bot .page {margin-top:20px;gap:5px;}

	#__main .sec4 {background-attachment:scroll;}
	#__main .sec4 .area {margin-top:25px;gap:0;display:block;}
	#__main .sec4 .area .box {height:auto;padding:20px;display:flex;align-items:center;}
	#__main .sec4 .area .box:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:5;}
	#__main .sec4 .area .box:before {background-position:50% 80%;}
	#__main .sec4 .area .box2:before {background-position:50% 50%;}
	#__main .sec4 .area .box .txt {padding:0;position:relative;z-index:10;}
	#__main .sec4 .area .box .txt dl dt {font-size:20px;}
	#__main .sec4 .area .box .txt dl dd {font-size:14px;}
	#__main .sec4 .area .box .txt p {margin-top:15px;}

	.__bt {height:36px;border-radius:18px;padding:0 15px;width:auto;font-size:14px;gap:10px;}

	.colorChang3 #__main .scr .mouse {border-color:#151515;}
	.colorChang3 #__main .scr .mouse:before {background:#151515;}
	.colorChang3 #__main .scr span {color:rgba(21,21,21,0.8);}
	.colorChang3 #__main .scr .arr {color:rgba(21,21,21,0.6);}
}

#__svis {height:430px;background:url(../images/svis1.jpg) no-repeat 50% 50% / cover;display:flex;align-items:center;text-align:center;padding:0 15px;padding-top:88px;color:#fff;}
#__svis dl {width:100%;}
#__svis dl dt {font-family:'Montserrat','Pretendard',sans-serif;font-size:60px;font-weight:bold;line-height:1;}
#__svis dl dd {font-size:18px;font-weight:300;line-height:1.65;color:rgba(255,255,255,0.8);margin-top:35px;}
.sub2 #__svis {background-image:url(../images/svis2.jpg);}
.sub3 #__svis {background-image:url(../images/svis3.jpg);}
.sub4 #__svis {background-image:url(../images/svis4.jpg);}

#__snb {box-shadow:inset 0 -1px 0 #dedede;display:flex;justify-content:center;text-align:center;margin-bottom:100px;}
#__snb a {display:flex;height:74px;align-items:center;padding:0 10px;margin-right:25px;font-size:18px;font-weight:600;color:rgba(21,21,21,0.6);}
#__snb a:last-child {margin-right:0;}
#__snb a span {display:block;}
#__snb .active {color:#b11129;box-shadow:inset 0 -2px 0 #b11129;}

.__layout {padding:0 15px;}
.__layout.pt {padding-top:100px;}
.__layout.pb {padding-bottom:100px;}
.__layout > .wrap {max-width:1400px;margin:0 auto;}

@media all and (max-width:1024px){
	#__svis {height:220px;padding-top:55px;}
	#__svis dl dt {font-size:40px;}
	#__svis dl dd {font-size:14px;line-height:1.5;margin-top:15px;}

	#__snb {margin-bottom:40px;}
	#__snb a {height:42px;padding:0 5px;margin-right:10px;font-size:16px;letter-spacing:-0.04em;}

	.__layout.pt {padding-top:40px;}
	.__layout.pb {padding-bottom:40px;}
}

.__about {padding-bottom:190px;background:url(../images/bg-about.png) no-repeat 50% 100%;}
.__about .area {margin-top:60px;display:flex;justify-content:space-between;}
.__about .area > div {width:50%;}
.__about .area .lef {font-size:45px;font-weight:bold;color:#151515;line-height:1.33;letter-spacing:-0.03em;}
.__about .area .rig {font-size:18px;line-height:1.65;color:rgba(21,21,21,0.8);}
.__about .area .rig dl dt {font-weight:bold;}
.__about .area .rig dl dd {margin-top:20px;}
.__about .area .rig p {color:#151515;margin-top:45px;font-weight:bold;}

@media all and (max-width:1024px){
	.__about {padding-bottom:80px;background-size:120% auto;}
	.__about .area {margin-top:30px;display:block;}
	.__about .area > div {width:auto;}
	.__about .area .lef {font-size:24px;}
	.__about .area .rig {font-size:14px;line-height:1.5;margin-top:20px;}
	.__about .area .rig dl dd {margin-top:10px;}
	.__about .area .rig p {margin-top:20px;}
}

.__history {padding-bottom:150px;background:url(../images/bg-history.png) no-repeat 50% 100%;}
.__history .img {background:url(../images/img-history.jpg) no-repeat 50% 50% / cover;height:492px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 15px;}
.__history .img dl dt {font-size:70px;font-weight:bold;color:#fff;line-height:1;}
.__history .img dl dd {font-size:18px;font-weight:300;color:rgba(255,255,255,0.8);margin-top:27px;padding-top:75px;position:relative;}
.__history .img dl dd:before {content:"";display:block;width:1px;height:48px;position:absolute;left:50%;margin-left:-0.5px;top:0;background:#fff;}
.__history .area {position:relative;margin-top:105px;}
.__history .area:before {content:"";display:block;width:2px;position:absolute;left:50%;margin-left:-1px;background:#eee;height:100%;top:0;}
.__history .area dl:before {content:"";display:block;width:19px;height:19px;background:url(../images/ico-history.png) no-repeat 50% 50% / contain;position:absolute;left:50%;margin-left:-9.5px;top:55px;z-index:5;}
.__history .area dl:after {content:"";display:block;width:2px;position:absolute;left:50%;margin-left:-1px;top:0;height:0;background:#b11129;/* background:#f3a1af; */transition:0.5s;}
.__history .area dl.action:after {height:100%;}
.__history .area dl {display:flex;padding:30px 0;position:relative;}
.__history .area dl > * {width:50%;}
.__history .area dl dt {text-align:right;font-size:45px;font-weight:bold;color:#151515;padding-right:100px;}
.__history .area dl dd {padding-left:85px;padding-top:18px;}
.__history .area dl dd p {font-size:18px;font-weight:300;line-height:1.65;color:rgba(21,21,21,0.8);position:relative;padding-left:20px;}
.__history .area dl dd p:before {content:"";display:block;width:4px;height:4px;border-radius:50%;background:#575757;position:absolute;left:0;top:14px;}

@media all and (max-width:1024px){
	.__history {padding-bottom:100px;background-size:120% auto;}
	.__history .img {height:200px;}
	.__history .img dl dt {font-size:30px;}
	.__history .img dl dd {font-size:14px;margin-top:10px;padding-top:30px;}
	.__history .img dl dd:before {height:20px;}
	.__history .area {margin-top:20px;}
	.__history .area:before {display:none;}
	.__history .area dl:before {width:12px;height:12px;left:0;margin-left:0;top:8px;}
	.__history .area dl:after {display:none;}
	.__history .area dl {display:block;padding:0;}
	.__history .area dl ~ dl {margin-top:30px;}
	.__history .area dl > * {width:auto;}
	.__history .area dl dt {text-align:left;font-size:20px;padding:0 0 0 20px;}
	.__history .area dl dd {padding-left:0;padding-top:10px;}
	.__history .area dl dd p {font-size:14px;line-height:1.5;padding-left:10px;}
	.__history .area dl dd p:before {width:3px;height:3px;top:8px;}
}

.__topArea {display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:15px;border-bottom:1px solid #151515;}
.__topArea .count {font-size:20px;font-family:'Montserrat',sans-serif;color:#151515;font-weight:bold;}
.__topArea .count span {color:#b11129;}
.__topArea .sch {display:flex;border-bottom:2px solid #151515;}
.__topArea .sch select {height:68px;font-size:18px;line-height:68px;appearance:none;background:#fff url(../images/ico-sel.png) no-repeat right 15px center / 11px auto;padding:0 40px 0 0;margin-right:10px;border:none;min-width:100px;}
.__topArea .sch input {width:270px;height:68px;padding-left:15px;font-size:18px;font-weight:300;color:#000;border:none;}
.__topArea .sch input::placeholder {color:rgba(26,26,26,0.5);}
.__topArea .sch button {width:34px;height:68px;display:flex;align-items:center;justify-content:center;color:#fff;background:url(../images/ico-sch.svg) no-repeat 50% 50% / 30px auto;text-indent:-9999px;border:none;}
.__topArea .down {display:flex;gap:8px;}
.__topArea .down a {display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;border-radius:16px;background:#151515;border:1px solid #151515;color:#fff;font-size:14px;font-weight:600;padding:0 22px;}
.__topArea .down .excel {background:#fff;border-color:#1c834b;color:#1c834b;}
.__topArea .down .excel:before {content:"";display:block;width:19px;height:17px;background:url(../images/ico-excel.png) no-repeat 50% 50% / contain;}


@media all and (min-width:1025px){
	.__topArea {flex-direction:column;}
	.__topArea .sch {order:-1;align-self:flex-end;margin-bottom:10px;}
	.__topArea.type2 {flex-direction:row;margin-bottom:0;border-bottom:none;}
}

@media all and (max-width:1024px){
	.__topArea {flex-direction:column;margin-bottom:20px;gap:10px;padding-bottom:0;border-bottom:none;}
	.__topArea .count {font-size:14px;text-align:right;}
	.__topArea .sch {order:-1;width:100%;}
	.__topArea .sch select {height:40px;font-size:14px;line-height:38px;background-position:right 10px center;background-size:8px auto;padding:0 25px 0 0;margin-right:10px;min-width:auto;}
	.__topArea .sch input {width:0;flex-grow:1;height:40px;padding-left:10px;font-size:14px;}
	.__topArea .sch button {width:30px;height:40px;background-size:20px auto}
	.__topArea.type2 .down {justify-content:flex-end;gap:5px;}
}

.__certList {display:flex;flex-wrap:wrap;gap:40px 33px;}
.__certList .box {display:block;width:calc(25% - (99px / 4));text-align:center;}
.__certList .box .img {background:#f9f9f9;padding:35px;}
.__certList .box .img span {display:block;aspect-ratio:255 / 348;}
.__certList .box .img img {display:block;width:100%;height:100%;object-fit:cover;}
.__certList .box .txt {margin-top:25px;font-size:20px;color:#151515;font-weight:bold;letter-spacing:-0.02em;}

@media all and (max-width:1024px){
	.__certList {gap:25px 10px;}
	.__certList .box {width:calc(50% - 5px);}
	.__certList .box .img {padding:10px;}
	.__certList .box .txt {margin-top:10px;font-size:14px;}
}

.__loc .top {display:flex;justify-content:space-between;}
.__loc .top > div {width:50%;}
.__loc .top .lef dl dt {font-size:50px;font-weight:bold;line-height:1.2;color:#151515;letter-spacing:-0.03em;}
.__loc .top .lef dl dd {font-size:22px;line-height:1.36;font-weight:300;color:rgba(21,21,21,0.8);letter-spacing:0;margin-top:20px;}
.__loc .top .rig dl {display:flex;padding-bottom:25px;margin-bottom:25px;align-items:center;border-bottom:1px solid #dedede;}
.__loc .top .rig dl:last-child {margin-bottom:0;}
.__loc .top .rig dl dt {width:170px;font-size:30px;font-weight:bold;color:#151515;display:flex;gap:13px;align-items:center;}
.__loc .top .rig dl dd {font-size:18px;color:#151515;font-weight:300;width:0;flex-grow:1;}
.__loc .bot {margin-top:90px;position:relative;}
.__loc .bot .loc {border:1px solid #dedede;}
.__loc .bot .loc iframe {width:100%;display:block;height:520px;}
.__loc .bot h3 {font-size:105px;font-weight:bold;color:#151515;position:absolute;right:0;bottom:-40px;line-height:1;}

@media all and (max-width:1024px){
	.__loc .top {display:block;}
	.__loc .top > div {width:auto;}
	.__loc .top .lef dl dt {font-size:30px;}
	.__loc .top .lef dl dd {font-size:16px;line-height:1.4;margin-top:10px;}
	.__loc .top .rig {margin-top:20px;}
	.__loc .top .rig dl {display:block;padding-bottom:10px;margin-bottom:10px;}
	.__loc .top .rig dl dt {width:auto;font-size:16px;gap:5px;}
	.__loc .top .rig dl dt img {width:14px;}
	.__loc .top .rig dl dd {font-size:14px;width:auto;margin-top:5px;}
	.__loc .bot {margin-top:40px;}
	.__loc .bot .loc iframe {height:250px;}
	.__loc .bot h3 {font-size:40px;bottom:-15px;}
}

.__tab {position:relative;display:flex;margin-bottom:60px;}
.__tab:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#151515;z-index:5;}
.__tab > * {display:flex;gap:10px;background:#fff;align-items:center;justify-content:center;text-align:center;border:1px solid #dedede;font-size:20px;color:rgba(21,21,21,0.8);height:62px;width:0;flex-grow:1;padding:0 10px;line-height:1.2;}
.__tab > * ~ * {margin-left:-1px;}
.__tab i.down {display:block;width:12px;height:17px;background:url(../images/ico-down.png) no-repeat 50% 50% / contain;}
.__tab .on,
.__tab .active {border:2px solid #151515;border-bottom:none;z-index:10;font-weight:bold;color:#151515;}

@media all and (max-width:1024px){
	.__tab {margin-bottom:15px;}
	.__tab > * {font-size:14px;height:42px;gap:5px;}
	.__tab i.down {width:8px;height:12px;}
}

.__pdtList {display:flex;flex-wrap:wrap;border-bottom:1px solid #dedede;padding-bottom:40px;gap:34px;}
.__pdtList .box {display:block;width:calc(100% / 3 - (68px / 3));border:1px solid #dedede;background:#f9f9f9 url(../images/bg-pdt-list.jpg) no-repeat 100% 100%;transition:0.2s;position:relative;}
.__pdtList .box:before {content:"";display:block;position:absolute;left:-1px;top:-1px;z-index:10;pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);border:3px solid #b11129;opacity:0;transition:0.2s;}
.__pdtList .box .img {background:#fff;aspect-ratio:441 / 289;}
.__pdtList .box .img img {display:block;width:100%;height:100%;object-fit:contain;}
.__pdtList .box .info {padding:35px 40px;}
.__pdtList .box .info .subject {font-size:30px;font-weight:bold;color:#151515;line-height:1.2;color:#151515;letter-spacing:-0.02em;}
.__pdtList .box .info .list {margin-top:17px;}
.__pdtList .box .info .list li {position:relative;padding-left:18px;font-size:16px;color:rgba(21,21,21,0.8);font-weight:300;line-height:1.55;}
.__pdtList .box .info .list li:before {content:"";display:block;width:7px;height:7px;position:absolute;left:0;top:8px;border-radius:50%;background:#d7d7d7;}
.__pdtList .box:hover {box-shadow:-3px 2px 46px 7.02px rgba(0, 0, 0, 0.11);}
.__pdtList .box:hover:before {opacity:1;}

@media all and (max-width:1024px){
	.__pdtList {padding-bottom:20px;gap:10px;}
	.__pdtList .box {width:calc(50% - 5px);background-size:120px auto;}
	.__pdtList .box .info {padding:20px 15px;}
	.__pdtList .box .info .subject {font-size:16px;}
	.__pdtList .box .info .list {margin-top:10px;}
	.__pdtList .box .info .list li {padding-left:12px;font-size:12px;line-height:1.5;}
	.__pdtList .box .info .list li:before {width:4px;height:4px;top:8px;}
}


.__pvHead {position:relative;}
.__pvHead .roll {position:relative;overflow:hidden;}
.__pvHead .bt {display:block;width:62px;height:62px;position:absolute;top:50%;margin-top:-31px;border:1px solid #e1e1e1;border-radius:50%;background:#fff url(../images/ico-prev.svg) no-repeat 50% 50% / 12px auto;z-index:10;text-indent:-9999px;transition:0.2s;}
.__pvHead .bt:hover {border-color:#b11129;background-color:#b11129;}
.__pvHead .prev {left:-31px;}
.__pvHead .prev:hover {background-image:url(../images/ico-prev2.svg);}
.__pvHead .next {right:-31px;background-image:url(../images/ico-next.svg);}
.__pvHead .next:hover {background-image:url(../images/ico-next2.svg);}
.__pvHead a {display:block;border:1px solid #dedede;padding:30px 25px 25px;text-align:center;position:relative;}
.__pvHead a:before {content:"";display:block;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:2px solid #b11129;opacity:0;transition:0.2s;}
.__pvHead a .img {}
.__pvHead a .img span {display:inline-block;aspect-ratio:160 / 118;width:160px;max-width:100%;}
.__pvHead a .img span img {display:block;width:100%;height:100%;object-fit:contain;}
.__pvHead a .txt {margin-top:22px;font-size:24px;font-weight:bold;color:#151515;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;}
.__pvHead a:hover:before {opacity:1;}

.__pvMid {background:#f9f9f9;padding:110px 15px 120px;}
.__pvMid .wrap {display:flex;justify-content:space-between;gap:40px;}
.__pvMid .wrap > div {width:50%;}
.__pvMid .lef {padding-right:70px;}
.__pvMid .lef .area {border:1px solid #dedede;position:relative;}
.__pvMid .lef .area .roll {overflow:hidden;}
.__pvMid .lef .box {position:relative;}
.__pvMid .lef .box span {display:block;aspect-ratio:628 / 463;}
.__pvMid .lef .box span img {display:block;width:100%;height:100%;object-fit:contain;}
.__pvMid .lef .page {display:flex;justify-content:center;gap:8px;position:absolute;left:0;bottom:52px;width:100%;z-index:10;}
.__pvMid .lef .page button {width:10px;height:10px;border-radius:50%;background:#dedede;border:none;transition:0.2s;}
.__pvMid .lef .page button.swiper-pagination-bullet-active {background:#b11129;}
.__pvMid .lef .bt {display:block;width:62px;height:62px;position:absolute;top:50%;margin-top:-31px;border:1px solid #e1e1e1;border-radius:50%;background:#fff url(../images/ico-prev.svg) no-repeat 50% 50% / 12px auto;z-index:10;text-indent:-9999px;transition:0.2s;}
.__pvMid .lef .bt:hover {border-color:#b11129;background-color:#b11129;}
.__pvMid .lef .prev {left:-31px;}
.__pvMid .lef .prev:hover {background-image:url(../images/ico-prev2.svg);}
.__pvMid .lef .next {right:-31px;background-image:url(../images/ico-next.svg);}
.__pvMid .lef .next:hover {background-image:url(../images/ico-next2.svg);}

.__pvMid .rig .cate {font-size:18px;font-weight:bold;color:#b11129;}
.__pvMid .rig .subject {font-size:45px;font-weight:bold;color:#151515;letter-spacing:-0.02em;}
.__pvMid .rig .sum {font-size:18px;line-height:1.5;font-weight:600;color:rgba(21,21,21,0.6);}
.__pvMid .rig .fea {border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:25px 0;margin-top:30px;}
.__pvMid .rig .fea ul {}
.__pvMid .rig .fea ul li {position:relative;padding-left:18px;font-size:16px;color:rgba(21,21,21,0.8);font-weight:300;line-height:1.65;}
.__pvMid .rig .fea ul li:before {content:"";display:block;width:7px;height:7px;position:absolute;left:0;top:10px;border-radius:50%;background:#d7d7d7;}
.__pvMid .rig .bt {margin-top:40px;}
.__pvMid .rig .bt .__bt {background:#b11129;border-color:#b11129;color:#fff;width:208px;}

.__pvBot .fea .blue {color:#068cfe;}
.__pvBot .fea .red {color:#b11129;}
.__pvBot .fea table {width: calc(100% - 2px) !important;table-layout:auto !important;border-top:1px solid #151515 !important;border-left:2px solid #fff !important;border-right:2px solid #fff !important; margin-left:-1px}
.__pvBot .fea table tr {height: auto !important;}
.__pvBot .fea table tr > * {border:1px solid #dedede !important;border-top:none !important;text-align:center !important;line-height:1.4 !important;vertical-align:middle !important;}
.__pvBot .fea table tr th {height: auto !important; color:#151515 !important;background:#f9f9f9 !important;font-size:15px !important;padding:15px 10px !important;}
.__pvBot .fea table tr td {height: auto !important; color:rgba(21,21,21,0.8) !important;font-size:15px !important;padding:10px !important;}

.__pvBot .met .box {display:flex;justify-content:space-between;gap:40px;align-items:center;border:1px solid #dedede;background:#f9f9f9;padding:41px 44px;}
.__pvBot .met .box ~ .box {margin-top:30px;}
.__pvBot .met .img {width:331px;}
.__pvBot .met .img span {display:block;aspect-ratio:329 / 222;}
.__pvBot .met .img img {display:block;width:100%;height:100%;object-fit:contain;}
.__pvBot .met .info {width:0;flex-grow:1;}
.__pvBot .met .info .subject {font-size:24px;font-weight:bold;color:#151515;margin-bottom:10px;}
.__pvBot .met .info .txt {font-size:18px;line-height:1.65;color:rgba(21,21,21,0.8);margin-top:13px;}
.__pvBot .met .info .txt ul li {position:relative;padding-left:18px;font-size:16px;color:rgba(21,21,21,0.8);font-weight:300;line-height:1.65;}
.__pvBot .met .info .txt ul li ~ li {margin-top:10px;}
.__pvBot .met .info .txt ul li:before {content:"";display:block;width:7px;height:7px;position:absolute;left:0;top:10px;border-radius:50%;background:#d7d7d7;}

.__pvBot .vid .area {max-width:620px;margin:0 auto;}
.__pvBot .vid .area .box ~ .box {margin-top:40px;}
.__pvBot .vid .area .box .img {aspect-ratio:16 / 9;}
.__pvBot .vid .area .box .img > * {display:block;width:100%;height:100%;object-fit:cover;}
.__pvBot .vid .area .box .txt {text-align:center;font-size:18px;font-weight:300;color:#151515;margin-top:20px;}

.__pvBot .fea .col-box-wrap {display: flex; flex-wrap: wrap; margin: -15px -15px 0;}
.__pvBot .fea .col-box-wrap .col-box {width: 50%; padding: 0 15px; margin-top: 15px;} 

.__pvBot .fea p.data-title {font-size: 20px; font-weight: 700;}
.__pvBot .fea p.data-title span {color: #c0392b;}
.__pvBot .fea .scroll-box table tr th { font-size: 15px !important; font-weight: 600;}
.__pvBot .fea .scroll-box table tr td {font-size: 13px !important;}

@media all and (max-width:1024px){
	.__pvHead .bt {width:30px;height:30px;margin-top:-15px;background-size:8px auto;}
	.__pvHead .prev {left:-15px;}
	.__pvHead .next {right:-15px;}
	.__pvHead .box {padding:15px;}
	.__pvHead .box .txt {margin-top:15px;font-size:14px;text-align:center;}

	.__pvMid {padding:40px 15px;}
	.__pvMid .wrap {display:block;}
	.__pvMid .wrap > div {width:auto;}
	.__pvMid .lef {padding:0;}
	.__pvMid .lef .page {gap:5px;bottom:20px;}
	.__pvMid .lef .bt {width:30px;height:30px;margin-top:-15px;background-size:8px auto;}
	.__pvMid .lef .prev {left:-15px;}
	.__pvMid .lef .next {right:-15px;}

	.__pvMid .rig {margin-top:20px;}
	.__pvMid .rig .cate {font-size:14px;}
	.__pvMid .rig .subject {font-size:24px;}
	.__pvMid .rig .sum {font-size:14px;}
	.__pvMid .rig .fea {padding:15px 0;margin-top:20px;}
	.__pvMid .rig .fea ul li {padding-left:12px;font-size:14px;line-height:1.5;}
	.__pvMid .rig .fea ul li:before {width:4px;height:4px;top:8px;}
	.__pvMid .rig .bt {margin-top:20px;}
	.__pvMid .rig .bt .__bt {width:auto;}

	.__pvBot .fea {margin:0 -15px;padding:0 15px;}
    .__pvBot .fea .scroll-box {overflow:auto;}
	.__pvBot .fea .scroll-box table {min-width:700px !important;}
	.__pvBot .fea table tr > * {line-height:1.3 !important;}
	.__pvBot .fea table tr th {font-size:13px !important;padding:5px !important;}
	.__pvBot .fea table tr td {font-size:12px !important;padding:5px !important;}
    .__pvBot .fea p.data-title {font-size: 16px; }
    .__pvBot .fea .scroll-box table tr th { font-size: 13px !important; font-weight: 600;}
    .__pvBot .fea .scroll-box table tr td {font-size: 12px !important;}

	.__pvBot .met .box {display:block;padding:15px;text-align:center;}
	.__pvBot .met .box ~ .box {margin-top:20px;}
	.__pvBot .met .img {width:200px;display:inline-block;margin-bottom:20px;}
	.__pvBot .met .img span {display:block;aspect-ratio:329 / 222;}
	.__pvBot .met .info {width:auto;text-align:left;}
	.__pvBot .met .info .subject {font-size:18px;}
	.__pvBot .met .info .txt {font-size:14px;line-height:1.5;}
	.__pvBot .met .info .txt ul li {padding-left:12px;font-size:14px;line-height:1.5;}
	.__pvBot .met .info .txt ul li ~ li {margin-top:5px;}
	.__pvBot .met .info .txt ul li:before {width:4px;height:4px;top:8px;}

	.__pvBot .vid .area .box ~ .box {margin-top:30px;}
	.__pvBot .vid .area .box .txt {font-size:14px;margin-top:7px;}
}

@media (max-width: 767px) {
    .__pvBot .fea .col-box-wrap {display: block; margin: 0;}
    .__pvBot .fea .col-box-wrap .col-box {width: 100%; padding: 0; margin-top: 15px;} 

}

.__inq h3 {font-size:45px;line-height:1.33;color:#151515;font-weight:bold;margin-bottom:70px;}
.__inq .inq {padding-bottom:55px;border-bottom:1px solid #ccc;margin-bottom:80px;}
.__inq .inq .line {display:flex;gap:60px;}
.__inq .inq .line ~ .line {margin-top:35px;}
.__inq .inq .line .box {width:0;flex-grow:1;}
.__inq .inq .line .box dt {font-size:24px;color:#111;font-weight:600;}
.__inq .inq .line .box dt span {color:#b11129;}
.__inq .inq .line .box dd {}
.__inq .inq .line .box dd textarea,
.__inq .inq .line .box dd input {display:block;width:100%;height:66px;border:none;border-bottom:1px solid #000;font-size:18px;font-weight:300;color:#151515;padding:0;}
.__inq .inq .line .box dd textarea::placeholder,
.__inq .inq .line .box dd input::placeholder {color:rgba(21,21,21,0.5);}
.__inq .inq .line .box dd textarea {border:1px solid #000;padding:30px;height:270px;resize:none;}
.__inq .inq .line .box .mt {margin-top:15px;}

.__inq .inq .line .box .__file {display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;}
.__inq .inq .line .box .__file .file {width:670px;position:relative;padding-left:175px;}
.__inq .inq .line .box .__file .file span {display:flex;width:154px;height:44px;align-items:center;justify-content:center;background:#dedede;font-size:18px;font-weight:300;color:#151515;position:absolute;left:0;top:0;}
.__inq .inq .line .box .__file .file input {height:44px;font-size:16px;}
.__inq .inq .line .box .__file .file input[type='file'] {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;opacity:0;}
.__inq .inq .line .box .__file .txt {font-size:18px;font-weight:300;color:#151515;margin-bottom:5px;}

.__inq .bt {text-align:center;}
.__inq .bt button {width:250px;height:75px;color:#fff;border:none;background:#b11129;font-size:24px;font-weight:bold;}
.__inq .privacy_box--fc {margin:0;border:none;background:#f9f9f9;font-size:18px;line-height:1.4;color:rgba(21,21,21,0.8);padding:40px;}
.__inq .privacy_box--fc pre {font:inherit;}
.__inq .privacy_txt--fc {margin-top:20px;}
.__inq .privacy_txt--fc input[type="checkbox"] + label {font-size:18px;font-weight:600;color:#111;}
.__inq .privacy_txt--fc input[type="checkbox"]:checked + label:before {border-color:#bebebe;background:#fff;color:#dc2525;}
.__inq .captcha_box--fc {margin:0;display:flex;align-items:center;}
.__inq .captcha_box--fc .captcha__num--fc {width:210px;}
.__inq .captcha_box--fc .captcha__num--fc img {width:100% !important;height:55px;}
.__inq .captcha_box--fc a {margin:0;border:none;width:55px;height:55px;display:flex;align-items:center;justify-content:center;padding:0;}
.__inq .captcha_box--fc a img {width:21px;}
.__inq .captcha_box--fc input {width:280px !important;height:55px !important;}

@media all and (max-width:1024px){
	.__inq h3 {font-size:28px;margin-bottom:20px;}
	.__inq .inq {padding-bottom:25px;margin-bottom:30px;}
	.__inq .inq .line {display:block;}
	.__inq .inq .line ~ .line {margin-top:20px;}
	.__inq .inq .line .box {width:auto;}
	.__inq .inq .line .box ~ .box {margin-top:20px;}
	.__inq .inq .line .box dt {font-size:16px;}
	.__inq .inq .line .box dd textarea,
	.__inq .inq .line .box dd input {height:42px;font-size:14px;}
	.__inq .inq .line .box dd textarea {padding:15px;height:150px;}
	.__inq .inq .line .box .mt {margin-top:10px;}

	.__inq .inq .line .box .__file {gap:10px;}
	.__inq .inq .line .box .__file .file {width:100%;padding-left:80px;}
	.__inq .inq .line .box .__file .file span {width:70px;height:34px;font-size:14px;}
	.__inq .inq .line .box .__file .file input {height:34px;font-size:14px;}
	.__inq .inq .line .box .__file .txt {font-size:14px;margin-bottom:0;}

	.__inq .bt button {width:140px;height:50px;font-size:18px;}

	.__inq .privacy_box--fc {font-size:14px;padding:15px;}
	.__inq .privacy_txt--fc {margin-top:10px;}
	.__inq .privacy_txt--fc input[type="checkbox"] + label {font-size:14px;}
	.__inq .captcha_box--fc .captcha__num--fc {width:100px;}
	.__inq .captcha_box--fc .captcha__num--fc img {height:42px;}
	.__inq .captcha_box--fc a {width:38px;height:42px;}
	.__inq .captcha_box--fc a img {width:16px;}
	.__inq .captcha_box--fc input {width:auto !important;height:42px !important;margin-top:0 !important;flex-grow:1}
}

.__cataList {display:flex;flex-wrap:wrap;gap:40px 57px;}
.__cataList .box {display:block;width:calc(25% - (171px / 4));text-align:center;}
.__cataList .box .img {border:1px solid #dedede;}
.__cataList .box .img span {display:block;aspect-ratio:296 / 425;}
.__cataList .box .img img {display:block;width:100%;height:100%;object-fit:cover;}
.__cataList .box .txt {margin-top:17px;font-size:20px;color:#151515;font-weight:bold;letter-spacing:-0.02em;}
.__cataList .box .txt:before {content:"";display:inline-block;width:12px;height:17px;background:url(../images/ico-down.png) no-repeat 50% 50% / contain;margin-right:10px;position:relative;top:2px;}

@media all and (max-width:1024px){
	.__cataList {gap:25px 10px;}
	.__cataList .box {width:calc(50% - 5px);}
	.__cataList .box .txt {margin-top:10px;font-size:14px;}
	.__cataList .box .txt:before {content:"";width:8px;height:12px;margin-right:5px;}
}

.__schArea {border-top:1px solid #151515;border-bottom:1px solid #dedede;background:#f9f9f9;padding:44px 20px;margin-bottom:100px;}
.__schArea .area {max-width:930px;margin:0 auto;}
.__schArea .area .opt {display:flex;flex-wrap:wrap;gap:20px 80px;}
.__schArea .area .opt dl {width:calc(50% - 40px);display:flex;gap:45px;align-items:center;}
.__schArea .area .opt dl dt {text-align:right;width:50px;font-size:18px;font-weight:bold;color:#151515;}
.__schArea .area .opt dl:nth-child(even) dt {width:80px;}
.__schArea .area .opt dl dd {width:0;flex-grow:1;}
.__schArea .area .opt dl dd input,
.__schArea .area .opt dl dd select {display:block;width:100%;height:46px;border:1px solid #dedede;font-size:16px;padding-left:20px;color:rgba(21,21,21,0.8);}
.__schArea .area .opt dl dd select {background-image:url(../images/ico-sel.svg);background-position:right 20px center;background-size:8px auto;}
.__schArea .area .bt {text-align:center;margin-top:35px;display:flex;justify-content:center;align-items:center;gap:15px;}
.__schArea .area .bt button {width:210px;height:56px;border-radius:28px;color:rgba(21,21,21,0.8);background:#e7e7e7;display:flex;align-items:center;justify-content:center;gap:6px;font-size:18px;}
.__schArea .area .bt button img {width:14px;}
.__schArea .area .bt .submit {background:#151515;color:#fff;}

@media all and (max-width:1024px){
	.__schArea {padding:15px;margin-bottom:30px;}
	.__schArea .area .opt {display:block;}
	.__schArea .area .opt dl {width:auto;gap:10px;}
	.__schArea .area .opt dl ~ dl {margin-top:10px;}
	.__schArea .area .opt dl dt {width:65px !important;font-size:16px;text-align:left;}
	.__schArea .area .opt dl dd input,
	.__schArea .area .opt dl dd select {height:32px;font-size:14px;padding-left:10px;}
	.__schArea .area .opt dl dd select {background-position:right 10px center;background-size:6px auto;}
	.__schArea .area .bt {margin-top:20px;gap:10px;}
	.__schArea .area .bt button {width:130px;height:40px;border-radius:20px;font-size:16px;}
	.__schArea .area .bt button img {width:12px;}
}

.__tbl {width:100%;border-top:1px solid #151515;border-collapse:separate;}
.__tbl tr > * {border-bottom:1px solid #dedede;border-right:1px solid #dedede;vertical-align:middle;text-align:center;font-size:16px;line-height:1.35;}
.__tbl tr > *:last-child {border-right:0;}
.__tbl tr th {color:#151515;background:#f9f9f9;padding:10px;}
.__tbl tr td {padding:15px 10px;}
.__tbl tr td .img {display:inline-block;font-size:0;border:1px solid #dedede;width:135px;height:40px;}
.__tbl tr td .img img {display:block;width:100% !important;height:100%;object-fit:contain;}

@media all and (max-width:1024px){
	.__tbl {display:flex;white-space:nowrap;}
	.__tbl thead,
	.__tbl thead tr,
	.__tbl tbody tr {display:block;}
	.__tbl tbody {display:flex;flex-grow:1;overflow:auto;}

	.__tbl tr {flex-grow:1;}
	.__tbl tr > * {font-size:14px;padding:0 10px !important;height:40px;text-align:left;display:flex;align-items:center;}
	.__tbl tr > *:last-child {border-right:1px solid #dedede;}
	.__tbl tr th br {display:none;}
	.__tbl tr td .img {width:80px;height:25px;}
}

.__facSch .board-wrap {display:none;}
.__facSch .board-paging {margin-top:50px;}

@media all and (max-width:1024px){
	.__facSch .board-paging {margin-top:20px;}
}

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

}

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

}

@media all and (max-width:1024px){
    #__nav .gnb > li:hover > a {
        font-size: 30px;
    }
}

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

}

/* 영문 */
@media (min-width: 1421px){
    html:lang(en) #__main .sec4 .area .box .txt {
        padding: 0 30px 50px;
    }
}

@media (min-width: 1025px ) {
    html:lang(en) .__about .area .lef {
        font-size: 35px;
        padding-right: 30px;
    }
    html:lang(en) .__loc .top .lef dl dt {
        font-size: 45px;
        padding-right: 20px;
    }
}

@media (max-width: 575px) {
    html:lang(en) #__snb a {
        font-size: 11px;
        line-height: 1;
    }
}