/* 공통 클래스 */
.sub-wrap{padding-top: 6rem;padding-bottom: 5rem;}
.sub-wrap.on{padding-top: calc(2.6rem + 50px);}
.sub-banner{ width: 100%; height: 387px; display: flex; align-items: center; justify-content: center;}
.sub-title{ text-align: center; color: #fff;}
.sub-title .title{ font-size: 6rem; font-family: 'NSKB'; letter-spacing: -0.2rem; opacity: 0; transform: translateY(30%); animation: sub-title 1s 0.5s ease forwards;}
@keyframes sub-title{ 
	100%{ 
	opacity: 1;
	transform: translateY(0);}
}
.sub-title .caption{ margin-top: 2rem; font-size: 2rem; font-family: 'NSKL'; word-break: keep-all; padding: 0 2rem; opacity: 0; transform: translateY(30%); animation: sub-caption 1s 0.7s ease forwards;}
@keyframes sub-caption{ 
	100%{ 
		opacity: 1;
		transform: translateY(0);
	}
}
.sub-container{ width: 1343px; margin: 0 auto;}
.
.history-back{ margin-bottom: 2.6rem;}
.bottom-info{ margin-top: 2rem; line-height: 3.2rem;}
strong{ font-weight: normal; font-family: 'NSKB';}
i{ font-family: 'NSKD';}
.input1{ height: 40px; background-color: #fff; border: 1px solid #ccc; padding-left: 1.2rem;}
.table-01{ margin-top: 6rem; width: 100%; border-top: 3px solid;}
.table-01 th{ font-size: 1.7rem; height: 68px; background-color: #f9f9f9; font-family: 'CDR'; border-bottom: 1px dashed #555;}
.table-01 th span{ display: block; border-right: 1px dashed #aaa; padding: 0.4rem;}
.table-01 th:last-child span{ border-right: 0;}
.table-01 td{ height: 56px; font-size: 1.5rem; text-align: center; border-bottom: 1px dashed #ccc; font-family: 'CDR'; padding: 0.4rem;}
.table-02{ width: 100%; border-top: 3px solid;}
.table-02 tr{ border-bottom: 1px dashed #ccc;}
.table-02 th{ font-size: 1.7rem; height: 68px; background-color: #f9f9f9; font-family: 'CDR';}
.table-02 td{ height: 56px; font-size: 1.5rem; font-family: 'CDR'; padding: 2rem;}
.btn-wrap{ display: flex; align-items: center; justify-content: center; margin-top: 5.8rem;}
.btn:not(:first-child){ margin-left: 1.8rem;}
.btn1{ display: inline-block; min-width: 240px; height: 60px; line-height: 58px; text-align: center; padding: 0 3rem; font-size: 2.4rem; color: #091360; border: 1px solid #091360; background-color: #fff; transition: background-color 0.2s, color 0.2s;}
.btn1:hover{ background-color: #091360; color: #fff;}
.btn2{ display: inline-block; min-width: 240px; height: 60px; line-height: 58px; text-align: center; padding: 0 3rem; font-size: 2.4rem; border: 1px solid #000; background-color: #fff; transition: background-color 0.2s, color 0.2s;}
.btn2:hover{ background-color: #fff;}
.btn3{ display: inline-block; min-width: 240px; height: 60px; line-height: 58px; text-align: center; padding: 0 3rem; font-size: 2.4rem; color: #eb3762; border: 1px solid #eb3762; background-color: #fff; transition: background-color 0.2s, color 0.2s;}
.btn3:hover{ background-color: #eb3762; color: #fff;}
.txt-red{ color: #fe0000;}
.txt-blue{ color: #2d63fb;}
.txt-60{ font-size: 6rem;}
.txt-48{ font-size: 4.8rem; letter-spacing: -0.3rem;}
.txt-46{ font-size: 4.8rem; letter-spacing: -0.3rem;}
.txt-40{ font-size: 4rem; letter-spacing: -0.3rem;}
.txt-36{ font-size: 3.6rem;}
.txt-30{ font-size: 3rem;}
.txt-28{ font-size: 2.8rem;}
.txt-26{ font-size: 2.6rem;}
.txt-24{ font-size: 2.4rem;}
.txt-23{ font-size: 2.3rem;}
.txt-22{ font-size: 2.2rem;}
.txt-20{ font-size: 2rem;}
.txt-19{ font-size: 1.9rem;}
.txt-18{ font-size: 1.8rem;}
.txt-17{ font-size: 1.7rem;}
.txt-16{ font-size: 1.6rem;}
.txt-15{ font-size: 1.5rem;}
.txt-14{ font-size: 1.4rem;}
.scroll-menu{ /* display: flex; */ display: none; width: 100%; background-color: #fff; align-items: center; justify-content: center; z-index: 3; padding: 10px 2rem; background-color: #f9f9f9; border: 1px solid #eee;}
.scroll-menu.on{ position: fixed; top: 116px; left: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.2);}
.scroll-menu li:not(:first-child){ margin-left: 1rem;}
.scroll-menu li{ width: 160px; height: 30px;}
.scroll-menu a { background-color: #091360; color: #fff; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; transition: background-color 0.2s ease;}
.scroll-menu a:hover{ background-color: #eb3762;}
.scroll-menu a.active{ background-color: #eb3762;}
.scroll-menu.on a{ height: 30px; font-size: 1.3rem;}

/* 헤더 */
#wrap{ padding-top: 96px; overflow: hidden;}
#header{ position: fixed; top: 0; left: 0; width: 100%; transition: background-color 0.2s; z-index: 10000; background-color: #fff;}
.goog-te-gadget{font-size: 0;display: flex;justify-content: center;align-items: center;gap: 1rem;}
.goog-logo-link{ display: none;}
.goog-te-combo{appearance: auto;font-family: 'CDR';font-size: 1rem;border: 1px solid #ccc;background: #fff;width: 90px;height: 20px;border-radius: 10px;text-indent: 5px;}
.percent-bar{ position: fixed; width: 100%; height: 2px;}
.percent-bar .bar{ width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background-color: orange;}
#header .top .container{ display: flex; justify-content: flex-end; align-items: center; padding: 8px 3rem; height: 45px; position: relative;}
#header .top{ border-bottom: 1px solid #eee;}
.main-login{ display: flex; align-items: center; padding: 0 1.6rem;}
.main-login a{ font-family: 'CDR'; color: #222; font-size: 1rem;}
.main-login li:not(:first-child){ margin-left: 1.6rem; position: relative;}
.main-login li:not(:first-child):before{ content: ''; display: block; width: 1px; height: 9px; background-color: #eee; position: absolute; top: 50%; left: -0.8rem; transform: translateY(-50%);}
.main-inquiry{width: 55px;height: 23px;line-height: 23px;text-align: center;font-family: 'CDR';position: relative;}
.main-inquiry span{background-color: #fff;}
.main-inquiry span.mo_item{ background-color: unset;}
.main-inquiry:hover ul{ display: block;}
.main-inquiry span{color: #f99819;border: 1px solid #f99819;border-radius: 5px;}
.main-inquiry ul{display: none;position: absolute;top: 20px;left: 0;width: 100%;z-index: 1;border-top: 1px solid #f99819;border-radius: 0 0 5px 5px;}
.main-inquiry ul a{display: block;background-color: #fff;border: 1px solid #f99819;border-top: 0;color: #f99819;}
.main-inquiry ul li:last-of-type > a{border-radius: 0 0 5px 5px;}
.main-inquiry ul a:hover{background-color: #f99819;color: #fff;}
.main-inquiry dt{ background-color: #f89507; color: #fff; width: 70px; height: 20px; cursor: pointer;}
.main-inquiry dt:hover + dd{ display: block;}
.main-inquiry dd{ background-color: #fff; border: 1px solid #f89507; border-top: 0; display: none;}
.main-inquiry dd a{ display: block;}
#header h1{ font-size: 0;}
#header h1 a{ display: block;}
.hamburger{display: none;cursor: pointer;}
.hamburger img{padding: 10px;height: 48px;}
#header .bottom{ position: relative; border-bottom: 1px solid #eee;}
#header .bottom .container{ padding: 0 3rem; display: flex; align-items: center; height: 70px; /* position: relative; */}
#header .bottom .btn_go_inquiry{ display: flex;align-items: center;justify-content: center;gap: 8px;width: 121px;height: 41px;margin-left: 50px;border: 1px solid #eb3762;border-radius: 5px;background-color: #eb3762;color: #fff;font-family:'CDR';font-size: 17px;transition: 0.3s;}
/* #header .bottom .btn_go_inquiry img{filter: invert(42%) sepia(58%) saturate(2960%) hue-rotate(310deg) brightness(90%) contrast(90%);} */
#header .bottom .btn_go_inquiry:hover{ background-color: #fff; color: #eb3762;}
/* #header .bottom .btn_go_inquiry:hover > img{filter: invert(31%) sepia(82%) saturate(2984%) hue-rotate(327deg) brightness(97%) contrast(90%);} */
#header .bottom .btn_go_inquiry:hover > img{filter: invert(46%) sepia(188%) saturate(2831%) hue-rotate(315deg) brightness(100%) contrast(84%);}

.gnb-box{margin-right: auto;height: 100%;display: flex;align-items: center;padding-right: 2rem;}
/* .gnb{ display: flex;} */
.gnb{ display: flex; gap: 2rem;}/* 23-03-10 변경 */
.gnb > li:not(:first-child){ margin-left: 2.4rem;}
#header .gnb h2{ color: #222; font-size: 1.3rem; font-family: 'CDR'; position: relative; transition: color 0.2s;}
#header .gnb li a:hover h2{color: #f89507;}
#header .gnb h2:before{content: '';position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 10px);display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #f89507;opacity: 0;transition: opacity 0.2s;}
#header .gnb a:hover h2:before{ opacity: 1;}
.mobile-gnb{ display: none;}
.mobile-gnb h2{font-family: 'NSKB';color: #000;font-size: 2.5rem;}
.mobile-gnb > li{}
.mobile-gnb > li > a{ padding-left: 3rem; display: block; line-height: 60px;}
.mobile-gnb h2:before{content: '';display: none;width: 12px;height: 12px;background-color: #eb3762;box-shadow: 1px 1px 1px rgba(0,0,0,0.4), 3px 3px #df738d;vertical-align: baseline;margin-right: 1.2rem;}
.mobile-gnb ul{display: none;background-color: #fff;padding: 0 0 0 1rem;}
.mobile-gnb ul li{line-height: 50px; padding-left: 2rem;}
.mobile-gnb ul li h2{font-family: 'NSKR';font-size: 2.2rem;}
.mobile-gnb ul li{padding-left: 2rem;}
.mobile-gnb ul li:not(:last-child){}
.mobile-gnb ul a{color: #222;font-family: 'NSKR';font-size: 2rem;padding-left: 1.4rem;display: block;}
.mobile-gnb ul .m_gnb_a_3d{position: relative;}
.mobile-gnb ul .m_gnb_a_3d:before{content:'';display: block;position: absolute;top: 50%;left:0;width: 7px;height: 2px;background-color: #222;}
.mobile-gnb .m_gnb_a_1d{ padding-right: 3rem; }
.mobile-gnb .m_gnb_a_1d.has_submenu{display: flex;justify-content: space-between;align-items: center;}
.mobile-gnb .m_gnb_a_1d.has_submenu .ico_menu_arrow{}
.mobile-gnb .m_gnb_a_1d.has_submenu .ico_menu_arrow img{transform: rotate(180deg);transition: .3s;padding: 10px;height: 28px;}
.mobile-gnb .m_gnb_a_1d.has_submenu.active .ico_menu_arrow img{ transform: rotate(0deg);}
.mobile-top{ display: none;}
.mobile-top .close{padding: 0 3rem;display: flex;align-items: center;height: 50px;background-color: #fff;justify-content: flex-end;}
.mobile-top .close img{
    -webkit-filter: grayscale(100%) brightness(0);
    filter: grayscale(100%) brightness(0);
}
.mobile-top ul{display: flex;background-color: #444;}
.mobile-top ul li{ width: calc(100% / 3);}
.mobile-top ul li:not(:first-child){}
.mobile-top ul li:not(:last-child){}
.mobile-top ul a{color: #000;display: flex;flex-direction: column;align-items: center;padding: 2.5rem 0;}
.mobile-top ul a span{margin-top: 1rem;font-size: 1.4rem;font-family: 'CDR';color: #fff;}
.all-category{ width: 100%; position: absolute; bottom: 1px; left: 0; transform: translateY(100%); display: none; background-color: rgba(21,26,35,0.95); background: radial-gradient(ellipse farthest-side at center top, #283244 0%, #222 100%); border-bottom: 1px solid #111; box-shadow: 0 3px 5px rgba(0,0,0,0.5);}
/* #header .all-category .container{align-items: flex-start;justify-content: space-between;padding: 4rem 3rem;height: auto;} */
#header .all-category .container{ align-items: flex-start; justify-content: center; gap: 8rem; padding: 4rem 3rem; height: auto;}/* 23-03-10 변경*/
.all-category dl{ font-family: 'CDR';}
.all-category dt{ color: #fff; font-size: 1.3rem; margin-bottom: 1rem;}
.all-category dt:before{content: '';display: inline-block;width: 12px;height: 12px;background-color: #f89507;vertical-align: middle;box-shadow: 1px 1px 1px rgb(0 0 0 / 40%), 3px 3px #f89507;margin-right: 0.8rem;vertical-align: baseline;}
.all-category dd{ line-height: 2.4rem;}
.all-category a{ color: #aaa; font-size: 1.2rem; transition: color 0.3s;}
.all-category a:hover{ color: #fff;}
.all-category a.certain{color: #f84709;font-weight: bold;}
.bubble{ position: absolute; top: 6px; left: 266px; z-index: 10000; width: 87px; height: 89px; animation: bubble 0.6s 1s forwards linear; transform: translateY(-96px);}
@keyframes bubble{ 
	45%{ 
		transform: translateY(0); 
	} 60% { 
		transform: translateY(-8px); 
	} 70% { 
		transform: translateY(-8px); 
	} 90% {
		transform: translateY(0);
	} 100% {
		transform: translateY(0);
	}
}
.bubble img{ /* position: absolute; */ /* filter: drop-shadow(2px 4px 0px #ddd); */}
.bubble .paragraph{ z-index: 10000; color: #fff; font-family: 'CDB'; text-align: center; letter-spacing: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bubble .txt1 { font-size: 1.3rem; text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);	 white-space: nowrap;}
.bubble .txt2{ font-size: 1.2rem; color: beige;}

/* START 리뉴얼 헤더 */
#header.renewal_header{background-color: rgba(0, 0, 0, 0);color: #fff;}
#header.renewal_header:hover{background-color: #fff;color: #222;}
#header.renewal_header:hover .gnb h2{ color: #222;}
#header.renewal_header.active{ background-color: #fff; color: #222;}
#header.renewal_header.active .hamburger img{ -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}
#header.renewal_header.active .gnb h2{ color: #222;}

#header.renewal_header.subpage{ background-color: #fff; color: #222;}
#header.renewal_header.subpage .gnb h2{ color: #222;}
#header.renewal_header.subpage .hamburger img{-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}

#header.renewal_header .bottom{ border-bottom: 0;}
#header.renewal_header .bottom .container{ width: 100%; height: 96px; padding: 0 3.125%; justify-content: space-between;}
#header.renewal_header h1 a .logo{width: auto;height: 44px;}
#header.renewal_header .gnb-box{margin-right: unset;padding-right: 6rem;}
#header.renewal_header .gnb{ gap: 7rem;}
#header.renewal_header .gnb > li:not(:first-child){ margin-left: unset;}
#header.renewal_header .gnb h2{ color: #fff; font-size: 1.8rem; font-family: 'PREB'; letter-spacing: -0.25px;}

#header.renewal_header .header_cs{ display: flex; gap: 30px; font-family: 'PRER'; font-size: 1.5rem; letter-spacing: -0.25px;}

#header.renewal_header .all-category{ border-top: 1px solid #eee; border-bottom: 0; background: #fff; color: #222; box-shadow: unset;}
#header.renewal_header .all-category .container{height: auto;padding: 5rem 17.187% 7rem 16.187%; gap: unset; justify-content: space-between;}

#header.renewal_header .all-category .one-depth{ display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}
#header.renewal_header .all-category .one-depth > li,
#header.renewal_header .all-category .one-depth > li > a{color: #000;font-size: 2.3rem;font-family: 'PRESB';letter-spacing: -0.25px;text-align: center;}
#header.renewal_header .all-category .two-depth{ margin-top: 24px;}
#header.renewal_header .all-category .two-depth > li,
#header.renewal_header .all-category .two-depth > li > a{ color: #222; font-size: 1.8rem; font-family: 'PRER'; letter-spacing: -0.25px; line-height: 46px; text-align: left;}
#header.renewal_header .all-category .depth-margin{ margin-left: -5%;}
#header.renewal_header .all-category .depth-margin .two-depth{position: relative;left: 50%;top: 0;transform: translateX(-15%);display: flex;flex-direction: column;gap: 10px;text-align: left;}
#header.renewal_header .all-category .depth-margin .two-depth > li,
#header.renewal_header .all-category .depth-margin .two-depth > li > a{ color: #222; font-size: 1.8rem; font-family: 'PRER'; letter-spacing: -0.25px; line-height: 40px;}

#header.renewal_header .all-category .three-depth > li{ line-height: 30px;}
#header.renewal_header .all-category .three-depth > li > a > span{display: inline-block;position: relative;color: #222;font-size: 1.5rem;font-family: 'PREL';letter-spacing: -0.25px;line-height: 30px;padding-left: 11px;}
#header.renewal_header .all-category .three-depth > li > a > span::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 5px; height: 1px; background-color: #222;}








/* END 리뉴얼 헤더 */

/* 메인 */
#visual{ /* height: calc(100vh - 107px); */ position: relative; overflow: hidden;}
#visual .main-slide .item{ height: calc(100vh - 107px); transition: transform 1s; display: flex; align-items: center; justify-content: center;}
#visual .main-slide .item1{ background: url('../img/main_shopping_mall.jpg') no-repeat center / cover; position: relative;}
#visual .main-slide .item2{ background: url('../img/main_homepage_solution.jpg') no-repeat center / cover; position: relative;}
#visual .main-slide .item3{ background: url('../img/main4.jpg') no-repeat center / cover; position: relative;}
#visual .main-slide .item4{ background: url('../img/main2.png') no-repeat center / cover;	}
#visual .main-slide .item5{ background: url('../img/main3.png') no-repeat center / cover;	}
#visual .slide-caption { color: #fff; white-space: nowrap; text-shadow: 1px 1px 8px rgba(0,0,0,0.5); /* margin-top: -7rem; */ text-align: center;}
#visual .slide-caption .title{font-size: 6.5rem;letter-spacing: -0.3rem;color: #fff;font-family: 'CDR';opacity: 0;transition: opacity 0.8s 0.8s cubic-bezier(.55,0,.1,1), margin-bottom 0.8s 0.8s cubic-bezier(.55,0,.1,1);}
#visual .slide-caption .title .bold{ font-family: 'CDB';}
#visual .slide-caption .txt{font-family: 'NSKL';font-size: 2.4rem;letter-spacing: -0.1rem;opacity: 0;color: #eee;transition: opacity .8s 0.8s cubic-bezier(.55,0,.1,1);line-height: 3.5rem;}
#visual .slide-caption .keyword{ font-family: 'Maven Pro', sans-serif; font-size: 7.2rem; margin-top: 2rem; letter-spacing: -0.3rem; transition: opacity .8s 0.8s cubic-bezier(.55,0,.1,1); opacity: 0;}
#visual .slide-caption .tag{ transition: opacity .8s 0.8s cubic-bezier(.55,0,.1,1); opacity: 0;}
#visual .main-slide .active .item{ transform: scale(1.05);}
#visual .main-slide .active .keyword{ opacity: 1;}
#visual .main-slide .active .title{ opacity: 1; margin-bottom: 2.6rem;}
#visual .main-slide .active .item .txt{ opacity: 1;}
#visual .main-slide .active .item .tag{ opacity: 1;}

#visual .item1 .slide-caption{ transform: translate(-350px, -50px);}
#visual .item1 .slide-caption .title{ text-align: left;}
#visual .item1 .slide-caption .txt{ text-align: left;}


#visual .item2 .slide-caption{ transform: translate(-275px, -238px);}
#visual .item2 .slide-caption .title{ font-family: 'NSEB'; font-size: 5rem; text-align: left;}
#visual .item2 .slide-caption .txt{ font-family: 'NSB'; font-size: 2.8rem; text-align: left;}
#visual .item2 .slide-caption .tag{ display: flex; gap: 1rem; margin-top: 3rem;}
#visual .item2 .slide-caption .tag span{ padding: 1.2rem 3rem; border: 1px solid #000; border-radius: 30px; color: #000; font-family: 'NSB'; font-size: 2.8rem; text-shadow: none; transition: 0.4s;}
#visual .item2 .slide-caption .tag span:hover{ background-color: #fff;}

.scroll-guide{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; color: #fff; opacity: 0.4; font-family: 'Maven Pro', sans-serif; font-size: 1.1rem; transition: opacity 0.2s; animation: mouse-icon 0.6s 0.2s infinite alternate ease; z-index: 1;}
@keyframes mouse-icon{ 
	0%{
		transform: translate(-50%, 0%);
	} 20%{ 
	 
	} 100% {
		transform: translate(-50%, 10px);
	}
}

.scroll-guide img{ margin-top: 0.6rem; margin-bottom: 1rem;}
.scroll-guide .border{ width: 1px; height: 50px; background-color: #fff;}
.scroll-guide:hover{ opacity: 0.9;}
.question-consulting{ position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); display: flex; z-index: 1;}
.question-consulting {display: flex;text-align:center;}
.question-consulting li.qc_txt {width:100%;font-size:24px;color:#fff;}
.question-consulting li{display: inline-block;}
.question-consulting li.qc_shortcuts{margin-left: 1.6rem;}
.question-consulting li p {margin-bottom:10px;}
.question-consulting a{ display: flex; align-items: center; justify-content: center; width: 180px; height: 60px; border: 3px solid; color: #fff; font-size: 2.8rem; font-family: 'NSKM'; border-radius: 30px;}
.question-consulting li.qc_txt a{ border-color: #f89507;}
.question-consulting li.qc_quote_contact a{ border-color: #f84709;}
.prev-box{ position: absolute; top: 50%; left: 20px; transform: translateY(-50%); z-index: 1; color: #fff;}
.next-box{ position: absolute; top: 50%; right: 20px; transform: translateY(-50%); z-index: 1; color: #fff;}
.main-slide .owl-nav .disabled .main-slide-nav{ display: none;}
.main-slide-nav{ display: flex; align-items: center;}
.main-slide-nav .bar { display: block; width: 2px; height: 34px; background-color: #fff; transition: 0.2s;}
.nav-txt{ opacity: 0.5; font-size: 2rem; font-family: 'Maven Pro', sans-serif;}
.next-txt{ margin-right: 38px;}
.prev-txt{ margin-left: 38px;}
.next-box .top-bar { transform-origin: center bottom; margin-top: 1px;}
.next-box .bottom-bar{ margin-top: -1px; transform-origin: center top;	}
.main-slide .owl-next:hover .top-bar{ transform: rotate(-48deg);}
.main-slide .owl-next:hover .bottom-bar{ transform: rotate(48deg);}
.prev-box .top-bar { transform-origin: center bottom; margin-top: 1px;}
.prev-box .bottom-bar{ margin-top: -1px; transform-origin: center top;	}
.main-slide .owl-prev:hover .top-bar{ transform: rotate(48deg);}
.main-slide .owl-prev:hover .bottom-bar{ transform: rotate(-48deg);}
.main-slide-nav .small-thumb{ position: absolute; top: 50%; transform: translate(0, -50%); width: 270px; height: 162px; opacity: 0; z-index: 1; transition: 0.5s ease-out;}
.main-slide-nav .small-thumb img { position: absolute; top: 0; left: 0; border: 1px solid #555; box-shadow: 0px 1px 4px rgba(0,0,0,0.2); display: none; width: 100%; height: 100%; object-fit: cover;}
.main-slide-nav .small-thumb img.on{ display: block;}
.main-slide-nav .next-thumb{ right: 0;}
.main-slide .owl-next:hover .next-thumb{ transform: translate(-40px, -50%); opacity: 1;}
.main-slide-nav .prev-thumb{ left: 0;}
.main-slide .owl-prev:hover .prev-thumb{ transform: translate(40px, -50%); opacity: 1;}
.nftinfo {text-align:center;padding-bottom:140px;padding-top:95px;}
.nftinfo h2 {font-size:56px;padding-bottom:85px;font-weight:bold;}
.nftinfo h2 +div+div p {font-size:40px;margin:40px 0;}

.nftinfo h2 +div img {width:100%;height:auto;max-width:838px;    position: relative;
 left: -999px;opacity:0;transition:left 1s, opacity 1s;}
.nftinfo h2 +div.active img {left:0;opacity:1;}

.nftinfo h2 +div {text-align:center;}
.btn-blue {background:#2d63fb;color:#fff;width:240px;height:64px;font-size:22px;margin-right:10px;}
.btn-red {background:#ea4949;color:#fff;width:240px;height:64px;font-size:22px;}

/* .popup {display:block;background:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;left: 0;top: 0;z-index: 10000;} */
/* .popup {display:block;position:fixed;width:100%;height:100%;left: 0;top: 0;z-index: 10000;} */

.popup2 > div {display:none !important;background:#fff;border-radius:10px;width: 300px;height: 150px;margin: 0 auto;position: relative;top: calc(50% - 70px);text-align: center;font-size:16px;    padding: 20px;}
.popup > div {border-radius:10px;width: 300px;height: 150px;margin: 0 auto;position: fixed;top: 220px;left:100px;text-align: center;font-size:16px;    padding: 20px;}

/* .popup > div p {padding: 25px 0;} */
.popup2 > div p {padding: 15px 0;}

.popup .btn-close {width: 100%;height: 40px;}
.popup .btn-close:hover {background:#777;color:#fff;}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.main-slide .owl-next:hover .next-thumb{ opacity: 0;}
	.main-slide .owl-prev:hover .prev-thumb{ opacity: 0;}
}


/* START 리뉴얼 비쥬얼 */
.renewal_index .main-visual {min-width: 260px;width: 100%;max-width: 100%;/* height: calc(100vh + 20px); */position: relative;top: -116px;overflow: hidden;}
.renewal_index .main-visual .visual-bg-ta{ display: none;}
.renewal_index .main-visual .visual-bg-mo{ display: none;}
.renewal_index .main-visual .item{ height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.renewal_index .main-visual .item .visual-bg{ transform: scale(1);}
.renewal_index .main-visual .slide-caption{overflow: hidden;opacity: 1;transform: translateY(-65%);color: #fff;white-space: nowrap;text-shadow: none;/* margin-top: -7rem; */text-align: left;position: absolute;left: 8.5vw;top: 50%;width: 1200px;height: 470px;padding: 100px 70px 40px;}
.renewal_index .main-visual .slide-caption .slide-caption-inner{transform: translateX(0%);height: 100%;position: relative;}
.renewal_index .main-visual .slide-caption .logo{display: inline-block;margin-bottom: 24px;border-radius: 50%;position: absolute;top: 0;left: 0;}
/* .renewal_index .main-visual .item2 .slide-caption .logo{ background-color: rgba(255,255,255,0.08);box-shadow: 0 0 20px 20px rgba(255,255,255,0.1);} */
.renewal_index .main-visual .item3 .slide-caption .logo{ background-color: rgba(255,255,255,0.08);box-shadow: 0 0 50px 40px rgba(255,255,255,0.1);}
.renewal_index .main-visual .slide-caption .logo img{display: block;max-width: fit-content;}
.renewal_index .main-visual .slide-caption .title{margin-bottom: 2.2rem;line-height: 1;font-size: 7rem;letter-spacing: -0.25px;color: #fff;font-family: 'PREEB';position: absolute;top: 110px;left: 0;}
.renewal_index .main-visual .slide-caption .title .bold{ font-family: 'CDB';}
.renewal_index .main-visual .slide-caption .txt{font-family: 'PRER';font-size: 3rem;letter-spacing: -0.25px;color: #eee;line-height: 3.5rem;margin-bottom: 3.4rem;position: absolute;top: 202px;}
.renewal_index .main-visual .slide-caption .go_real_site{display: flex;align-items: center;justify-content: center;width: fit-content;height: auto;padding: 14px 38px;border: 2px solid;color: #fff;font-size: 1.8rem;font-family: 'PRER';letter-spacing: -0.25px;border-radius: 30px;transition: 0.3s;position: absolute;bottom: 0;top: 30rem;bottom: initial;}
.renewal_index .main-visual .slide-caption .go_real_site:hover{ border-color: #fff; background-color: #fff; color: #222;}
.renewal_index .main-visual .slide-caption .keyword{ font-family: 'Maven Pro', sans-serif; font-size: 7.2rem; margin-top: 2rem; letter-spacing: -0.3rem; transition: opacity .8s 0.8s cubic-bezier(.55,0,.1,1); opacity: 0;}
.renewal_index .main-visual .slide-caption .tag{ transition: opacity .8s 0.8s cubic-bezier(.55,0,.1,1); opacity: 0;}



.renewal_index .main-visual .slick-active .item .visual-bg{ animation-name: visual-bg; animation-duration: 4s;}
.renewal_index .main-visual .slick-active .slide-caption{ }

.renewal_index .main-visual .slick-active .slide-caption .slide-caption-inner{ animation-name: visual-info; animation-duration: 2s;}
@keyframes visual-bg{ 
	from{
		transform: scale(1.4);
	} to{ 
		transform: scale(1);
	}
}
@keyframes visual-info{ 
	from{
		opacity: 0; transform: translateX(-100%);
	} to{ 
		opacity: 1; transform: translateX(0%);
	}
}


.renewal_index .main-visual .pro-bar{ position:absolute; bottom:0; left:0; width:2px; height:150px; background-color: #fff;}
.renewal_index .main-visual .pro-bar-bg{ position: absolute; top: 50%; transform: translateY(-50%); width: 2px; height: 160px; background-color: #f84709;}
.renewal_index .main-visual .pro-ani{animation: proBar 5s 1;width:2px;height: 0;}

@keyframes proBar{
	0%{height:100%;}
	100%{height:0;}
}

/* 가져온거 */

/* 메인 섹션 */

.renewal_index .main-slide2 .slick-list { overflow: visible; }
.renewal_index .main-slide2 .slick-list img {width: 100%;max-height: fit-content;}
.renewal_index .main-slide2 .slick-arrow{ }
.renewal_index .main-slide2 .slick-dots{ font-family: "PRER"; font-size: 16px; position: absolute; top: 50%; right: 8.9vw; transform: translateY(-71%); color: #fff; z-index: 1; width: auto; height: 210px; display: flex !important; flex-direction: column; align-items: center; justify-content: space-between;}
.renewal_index .main-slide2 .slick-dots li{display: none;flex-direction: column;align-items: center;justify-content: space-between;width: auto;height: 210px;text-align: center;margin: 0;}

.renewal_index .main-slide2 .slick-dots li .active{color: #f84709;font-family: 'PREM';}
.renewal_index .main-slide2 .slick-dots li img{ margin: 0 10px;}
.renewal_index .main-slide2 .slick-dots li.slick-active button{ width: 7px; background-color: rgb(0, 0, 0);}
.renewal_index .main-slide2 .slick-dots button{ font-size: 0; width: 2px; height: 1.5rem; background-color: rgba(0, 0, 0, 0.4);}
.renewal_index .main-slide2 li.slick-active{display: flex;}

.renewal_index .main-slide-container{ margin: 0 auto; position: relative;}
.renewal_index .main-slide-container .arrows{ width: 32px; height: 300px; border-radius: 3rem; position: absolute; top: 50%; right: 8.5vw; transform: translateY(-65%); color: #fff; display: flex; align-items: center; justify-content: center;}
.renewal_index .main-slide-container .arrows .arrow{ position: absolute; width: 3.2rem; height: 3.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.2s;}
.renewal_index .main-slide-container .arrows .arrow:hover{ background-color: rgba(255,255,255,0.2);}
.renewal_index .main-slide-container .arrows .prev{top: 0;}
.renewal_index .main-slide-container .arrows .next{bottom: 0;}

.renewal_index .scroll-guide{ position: absolute; left: 12.5vw; bottom: 50px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; color: #fff; opacity: 1; font-family: 'Maven Pro', sans-serif; font-size: 1.1rem; transition: opacity 0.2s; animation: unset; z-index: 1;}
.renewal_index .scroll-guide span{ -webkit-transform: rotate(90deg); -webkit-transform-origin: left top; -moz-transform: rotate(90deg); -moz-transform-origin: left top; -ms-transform: rotate(90deg); -ms-transform-origin: left top; -o-transform: rotate(90deg); -o-transform-origin: left top; transform: rotate(90deg); transform-origin: left top; white-space: nowrap; font-family: 'PRER'; font-size: 12px; color: white; text-align: center; position: absolute; bottom: 79px; left: 117%;}
@keyframes mouse-icon{ 
	0%{
		transform: translate(-50%, 0%);
	} 20%{ 
	 
	} 100% {
		transform: translate(-50%, 10px);
	}
}
.renewal_index .scroll-guide .scroll_arrow{ display: flex; flex-direction: column; align-items: center;}
.scroll_arrow .arrow1{ animation: scroll-arrows 2s linear infinite;}
.scroll_arrow .arrow2{ animation: scroll-arrows 2s linear infinite; animation-delay: 0.6s;}
.scroll_arrow .arrow3{ animation: scroll-arrows 2s linear infinite; animation-delay: 1.2s;}
@keyframes scroll-arrows {
	0% {
		opacity: 0;
	}
	10%, 90% {
		opacity: 0;
	}
	50% {
		opacity: 0.7;
	}
	100% {
		opacity: 0;
	}
}

.renewal_index .scroll-guide img{ margin-top: 0rem; margin-bottom: 0rem;}
.renewal_index .scroll-guide .border{ width: 1px; height: 50px; background-color: #fff;}
.renewal_index .scroll-guide:hover{ opacity: 0.9;}
/* END 리뉴얼 비쥬얼 */

.main-section{ padding: 12rem 0;}
.main-sub-title{ padding: 0 2rem; max-width: 100%; width: 950px; margin: 0 auto;}
.main-sub-title h3{ font-size: 7.6rem; font-family: 'NSKL'; letter-spacing: -0.4rem; color: #949393; transform: translateY(3rem); opacity: 0; transition: transform 1s 0.2s, opacity 1s 0.2s;}
.main-section.active h3{ transform: translateY(0); opacity: 1;}
.main-sub-title h3 .bold{ position: relative; font-weight: 700; font-family: 'NSKB';}
.business-line h3 .bold:after{  content: 'BUSINESS'; color: #091360;}
.main-section .main-sub-title h3 .bold:after{ position: absolute; top: 0; left: 0; width: 0; transition: width 0.7s 0.5s ease-out; overflow: hidden;}
.main-section.active h3 .bold:after{ width: 100%;}
.main-sub-title .txt{ text-align: right; font-size: 2.7rem; font-family: 'NSB'; letter-spacing: -0.1rem; margin-top: 1rem; transform: translateY(3rem); opacity: 0; transition: transform 1s 0.5s, opacity 1s 0.5s;}
.main-section.active .txt{ transform: translateY(0); opacity: 1;}
.business-line .article{ display: flex; align-items: center; justify-content: space-between; margin-top: 9.6rem;}
.business-line .article .item{ position: relative; width: calc((100% - 11.6rem) / 2); perspective: 1000px;}
.business-line .article .left{ opacity: 0; transform: translateX(-40%); transition: transform 1s, opacity 1.5s;}
.business-line .article .right{ opacity: 0; transform: translateX(40%); transition: transform 1s 0.2s, opacity 1.5s;}
.business-line .article .item .bl-img{ width: 100%;}
.business-line .article h4{ font-size: 4rem; font-family: 'NSKL'; letter-spacing: -0.4rem; margin-bottom: 1.4rem; display: flex; white-space: nowrap; align-items: baseline;}
.business-line .article h4 span{ font-size: 2.3rem; letter-spacing: -0.1rem; margin-left: 0.5rem; width: 0; display: block; overflow: hidden; white-space: nowrap; transition: width 5s 0.5s;}
.business-line .article .title-en{ font-size: 4.8rem; font-family: 'NSB'; letter-spacing: -0.2rem; color: #c8c8c9;}
.business-line .article .title-en span{ display: block;}
.business-line .article .txt{ font-size: 2.2rem; font-family: 'NSKL'; line-height: 3.7rem; letter-spacing: -0.1rem; word-break: keep-all;}
.business-line .article .go-detail{ font-size: 2.1rem; letter-spacing: -0.1rem; font-family: 'NSKR'; margin-top: 2.3rem; display: block;}
.business-line .article .go-detail span{ position: relative;}
.business-line .article .go-detail span:before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #222;}
.business-line .article .go-detail img{ margin-top: -0.4rem; margin-left: 0.5rem; transition: margin-left 0.3s;}
.business-line .article .go-detail:hover img{ margin-left: 2rem;}
.business-line .article .go{ width: 80px; height: 80px; /* border: 1px solid #091360; */ background: #091360; color: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Maven Pro', sans-serif; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.1rem; margin-top: 2rem; position: relative; /* background-size: 100% !important; */}
.business-line .article .go:before{ position: absolute; content: ''; width: 10rem; height: 1px; background-color: #091360; top: -1.7rem; left: 29rem;}
.bl1-deco{ position: absolute; bottom: 0; left: -27px; opacity: 0; transition: opacity 1s 0.8s;}
.bl2-deco{ position: absolute; top: -94px; right: -93px; transform: translateX(130px); transition: transform 1s 0.5s;}
.bl3-deco{ position: absolute; bottom: -68px; left: -41px; transform: rotateY(31deg) rotateX(5deg) translateX(-80px); transition: transform 1s 0.3s;}
.bl4-deco{ position: absolute; bottom: 0; right: -125px; opacity: 0; transition: opacity 1s 0.8s;}
.bl5-deco{ position: absolute; top: -94px; left: -93px; transform: translateX(-130px); transition: transform 1s 0.5s;}
.bl-deco-tablet{ position: absolute; bottom: 7.53%; left: 11.3%; transform: rotateY(31deg) rotateX(5deg) translateX(-80px); transition: transform 1s 0.3s; width: 33%; max-width: fit-content;}
.bl-deco-mobile{ position: absolute; bottom: 7.53%; right: 11.3%; transform: rotateY(-31deg) rotateX(-5deg) translateX(80px); transition: transform 1s 0.3s; width: 18%; max-width: fit-content;}
.business-line .article.active .left{ opacity: 1; transform: translateX(0);}
.business-line .article.active .right{ opacity: 1; transform: translateX(0);}
.business-line .article.active .bl1-deco{ opacity: 1;}
.business-line .article.active .bl2-deco{ transform: translateX(0);}
.business-line .article.active .bl3-deco{ transform: rotateY(0) rotateX(0) translateX(0);}
.business-line .article.active .bl4-deco{ opacity: 1;}
.business-line .article.active .bl5-deco{ transform: translateX(0);}
.business-line .article.active .bl-deco-tablet{ transform: rotateY(0) rotateX(0) translateX(0);}
.business-line .article.active .bl-deco-mobile{ transform: rotateY(0) rotateX(0) translateX(0);}
.business-line .article.active h4 span{ width: 100%;}
.business-line .article.active .go{ background: #f94709 url('../img/main/pixel_yellow.png') no-repeat; color: #fff; animation: pixel-btn 0.5s 1.3s steps(8) forwards; transition: color 0.5s;}
@keyframes pixel-btn{ 
	0%{
		background-position-y: 0; 
	} 100% {
		background-position-y: 100%;
	}
}
.performance{ padding: 7.6rem 0; background: url('../img/performance_bg.png') fixed no-repeat center / cover;}
.performance .main-sub-title{ width: 860px;}
.performance .main-sub-title h3{ color: #fbf7f8;}
.performance .main-sub-title .txt{ color: #fbf7f8;}
.performance .statistics{ display: flex; align-items: center; justify-content: space-between; margin-top: 10rem;}
.performance .statistics li{ width: 360px; height: 312px; color: #fff; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; transform: translateY(50px); transition: background-color 2s, transform 1s 0.6s;}
.main-section.active .statistics li{ background-color: rgba(255,255,255,0.2); transform: translateY(0);}
.performance .statistics li .border{ position: absolute; background-color: #fff;}
.performance .statistics li .border.b1{ width: 100%; height: 1px; top: 0; left: 0; transform: translateX(-100%);}
.main-section.active .border.b1{ animation: statistics1 0.4s linear forwards;}
@keyframes statistics1{ 
	100%{ 
		transform: translateX(0);
	}
}
.performance .statistics li .border.b2{ width: 1px; height: 100%; top: 0; right: 0; transform: translateY(-100%);}
.main-section.active .border.b2{ animation: statistics2 0.4s 0.4s linear forwards;}
@keyframes statistics2{ 
	100%{ 
		transform: translateY(0);
	}
}
.performance .statistics li .border.b3{ width: 100%; height: 1px; bottom: 0; left: 0; transform: translateX(100%);}
.main-section.active .border.b3{ animation: statistics3 0.4s 0.8s linear forwards;}
@keyframes statistics3{ 
	100%{ 
		transform: translateX(0);
	}
}
.performance .statistics li .border.b4{ width: 1px; height: 100%; top: 0; left: 0; transform: translateY(100%);}
.main-section.active .border.b4{ animation: statistics4 0.4s 1.2s linear forwards;}
@keyframes statistics4{ 
	100%{ 
		transform: translateY(0);
	}
}
.performance .statistics h4{ position: absolute; top: 25px; left: 25px; font-size: 1.8rem; line-height: 2rem;}
.statistics .counter{ font-size: 10rem; letter-spacing: -0.3rem; font-family: 'CDB'; opacity: 0; transition: opacity 1s 0.6s;}
.main-section.active .statistics .counter{ opacity: 1;}
.counter2:after{ content: '+'; display: inline-block;}
.main-notice .main-sub-title{ width: 760px;}
.main-notice h3 .bold:after { content: 'SEEKNOW'; color: #091360;}
.notice-preview{ margin-top: 8rem;}
.notice-preview li a{ display: flex; height: 108px; align-items: center;}
.notice-preview li{ border-top: 1px solid #d3d3d3; opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s;}
.main-section.active .notice-preview li{opacity: 1;transform: translateY(0);display: flex;}
.main-section.active .notice-preview li:nth-child(1){ transition-delay: 0.5s;}
.main-section.active .notice-preview li:nth-child(2){ transition-delay: 0.8s;}
.main-section.active .notice-preview li:nth-child(3){ transition-delay: 1.1s;}
.main-section.active .notice-preview li:nth-child(4){ transition-delay: 1.4s;}
.notice-preview li:last-child{ border-bottom: 1px solid #d3d3d3;}
.notice-preview li:last-child .item1:after{ position: absolute; content: ''; width: 100%; height: 5px; background-color: #091360; bottom: -3px; left: 0;}
.notice-preview li .item1{ display: flex; flex-direction: column; justify-content: center; width: 115px; flex-shrink: 0; height: 100%; text-align: center; color: #091360; position: relative;}
.notice-preview li .item1:before{ position: absolute; content: ''; width: 100%; height: 5px; background-color: #091360; top: -3px; left: 0;}
.notice-preview li .item1 span{ display: block;}
.notice-preview li .item1 .catergory{ font-family: 'NSKB'; font-size: 1.6rem; letter-spacing: -0.1rem;}
.notice-preview li .item1 .date{ font-size: 1.4rem; margin-top: 1.5rem; letter-spacing: -0.05rem;}
.notice-preview li .item2{ width: 300px; padding-left: 5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex-shrink: 0; color: #0c0c0c; font-size: 2rem; font-family: 'NSKB'; letter-spacing: -0.08rem;}
.notice-preview li .item3 { flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 5rem; font-size: 1.8rem; color: #848585; font-family: 'NSKR'; letter-spacing: -0.08rem; text-overflow: ellipsis; overflow: hidden;	}
.notice-preview .item4{ margin: 0 5rem;}
.main-portfolio .main-sub-title{ width: 720px;}
.main-portfolio h3 .bold:after { content: 'PORTFOLIO'; color: #091360;}
.portfolio-gallary{ overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 8rem; transform: translateY(50px); opacity: 0; transition: opacity 1s 0.5s, transform 1s 0.5s;}
.main-section.active .portfolio-gallary{ opacity: 1; transform: translateY(0);}
.portfolio-gallary li{ width: calc((100% - 1px) /3);}
.portfolio-gallary li a{ display: block; position: relative; overflow: hidden;}
.portfolio-gallary span{ position: absolute; display: block; width: 0; height: 0; border-radius: 50%; opacity: 0.2; background-color: #000; transform: translate(-50%, -50%); transition: width 1s, height 1s, opacity 0.8s;}
.portfolio-gallary span.active{ width: 1200px; height: 1200px; opacity: 0.5;}
.portfolio-gallary h4{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40px); width: 100%; color: #fff; font-size: 3rem; font-family: 'Maven Pro'; font-weight: 700; text-align: center; opacity: 0; transition: opacity 1s, transform 1s;}
.portfolio-gallary li a:hover h4{ opacity: 1; transform: translate(-50%, -50%);}
.portfolio-gallary li img{ width: 100%;}
.main-portfolio-more{ margin-top: 4rem; text-align: right;}
.main-portfolio-more a{ display: inline-block; font-size: 2.4rem; letter-spacing: -0.2rem;}
.main-portfolio-more a img{ vertical-align: unset; margin-left: 1rem;}
.partner{ background-color: #f9f9f9;}
.partner .main-sub-title{ text-align: center;}
.partner h3 .bold{ position: relative;	}
.partner h3 .bold:before{ content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 0; background-color: #091360; top: -34px; transition: height 0.7s 0.5s ease-out;}
.main-section.active h3 .bold:before{ height: 35px;}
.partner h3 .bold:after { content: 'PARTNER'; color: #091360;}
.partner-list{ display: flex; flex-wrap: wrap; margin-top: 7rem; transform: translateY(50px); opacity: 0; transition: opacity 1s 0.5s, transform 1s 0.5s;}
.main-section.active .partner-list{ opacity: 1; transform: translateY(0);}
.partner-list li{ width: calc(100% / 4); text-align: center; height: 110px; line-height: 110px;}
.request{ background: url('../img/img_project.jpg') no-repeat center / cover;}
.request .main-sub-title h3{ color: #caceec; text-align: center;}
.request .main-sub-title .txt{ color: #caceec; text-align: center;}
.request-type{ display: flex; justify-content: center; align-items: center; margin: 4rem auto 0; transform: translateY(50px); opacity: 0; transition: opacity 1s 0.5s, transform 1s 0.5s;}
.main-section.active .request-type{ transform: translateY(0); opacity: 1;}
.request-type li{ margin: 0 1.5rem;}
.request-type a{ display: block; width: 198px; height: 55px; line-height: 51px; color: #f9f9f9; text-align: center; position: relative; cursor: pointer; font-size: 2.3rem; font-family: 'NSKL'; letter-spacing: -0.1rem;}
.request-type a .back{ display: block; width: 100%; height: 100%; border: 2px solid #fff; background-color: #122f7a; transform-origin: right; transform: translateX(-100%) rotateY(90deg); transition: 0.3s; position: absolute; top: 0; left: 0;}
.request-type a:hover .back{ transform: translateX(0) rotateY(0deg);}
.request-type a .front{ display: block; width: 100%; height: 100%; border: 2px solid #fff; transform-origin: left; transform: translateX(0%) rotateY(0deg); transition: 0.3s; position: absolute; top: 0; left: 0;}
.request-type a:hover .front{ transform: translateX(100%) rotateY(90deg);}

/* START 리뉴얼 메인 */
.renewal_index .main-section{ padding: 10rem 0;}
.renewal_index .main-sub-title{ padding: 0; width: 100%; max-width: 1060px; margin: 0;}
.renewal_index .main-sub-title h3{ font-size: 6.2rem; font-family: 'PREB'; letter-spacing: -0.25px; color: #949393; transform: translateY(3rem); opacity: 0; transition: transform 1s 0.2s, opacity 1s 0.2s; overflow: hidden;}
.renewal_index .main-section.active h3{ transform: translateY(0); opacity: 1;}
.renewal_index .main-sub-title h3 .bold{ position: relative; font-weight: 700; font-family: 'PREEB';}
.renewal_index .main-section .main-sub-title h3 .bold:after{ position: absolute; top: 0; left: 0; width: 0; transition: width 0.7s 0.2s ease-out; overflow: hidden;}
.renewal_index .main-section.active h3 .bold:after{ width: 100%;}
.renewal_index .main-sub-title .txt{ text-align: right; font-size: 2.3rem; font-family: 'PREL'; letter-spacing: -0.25px; line-height: 36px; margin-top: 2.8rem; transform: translateY(3rem); opacity: 0; transition: transform 1s 0.5s, opacity 1s 0.5s;}
.renewal_index .main-section.active .txt{ transform: translateY(0); opacity: 1;}
.renewal_index .performance{ padding: 107px 0 155px; background: url('../img/main/supply_bg.jpg') no-repeat center / cover;}
.renewal_index .performance .main-sub-title{ width: 860px;}
.renewal_index .performance .main-sub-title h3{ color: #fbf7f8;}
.renewal_index .performance .main-sub-title .txt{ color: #fbf7f8;}
.renewal_index .performance .statistics{ display: flex; align-items: center; justify-content: space-between; margin-top: 8rem;}
.renewal_index .performance .statistics li{ width: calc(100% / 3); height: 206px; padding: 10px 0; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; transform: translateY(50px); transition: background-color 2s, transform 1s 0.6s; border-left: 1px solid #37414b;}
.renewal_index .performance .statistics li:last-of-type{ border-right: 1px solid #37414b;}
.renewal_index .main-section.active .statistics li{ background-color: unset; transform: translateY(0);}
.renewal_index .performance .statistics li .border{ position: absolute; background-color: #fff;}
.renewal_index .performance .statistics li .border.b1{ width: 100%; height: 1px; top: 0; left: 0; transform: translateX(-100%);}
.renewal_index .main-section.active .border.b1{ animation: statistics1 0.4s linear forwards;}
@keyframes statistics1{ 
	100%{ 
		transform: translateX(0);
	}
}
.renewal_index .performance .statistics li .border.b2{ width: 1px; height: 100%; top: 0; right: 0; transform: translateY(-100%);}
.renewal_index .main-section.active .border.b2{ animation: statistics2 0.4s 0.4s linear forwards;}
@keyframes statistics2{ 
	100%{ 
		transform: translateY(0);
	}
}
.renewal_index .performance .statistics li .border.b3{ width: 100%; height: 1px; bottom: 0; left: 0; transform: translateX(100%);}
.renewal_index .main-section.active .border.b3{ animation: statistics3 0.4s 0.8s linear forwards;}
@keyframes statistics3{ 
	100%{ 
		transform: translateX(0);
	}
}
.renewal_index .performance .statistics li .border.b4{ width: 1px; height: 100%; top: 0; left: 0; transform: translateY(100%);}
.renewal_index .main-section.active .border.b4{ animation: statistics4 0.4s 1.2s linear forwards;}
@keyframes statistics4{ 
	100%{ 
		transform: translateY(0);
	}
}
.renewal_index .performance .statistics h4{ position: unset; font-size: 2.6rem; line-height: 2rem; color: #f89507; font-family: 'PRESB'; letter-spacing: -0.25px; margin-bottom: 15px;}
.renewal_index .performance .statistics p{ color: #838f9a; font-family: 'PREM'; font-size: 1.8rem; line-height: 26px;}
.renewal_index .statistics .counter{ font-size: 8rem; letter-spacing: -0.25px; font-family: 'PREEB'; opacity: 0; transition: opacity 1s 0.6s; line-height: 1; margin-bottom: 20px;}
.renewal_index .main-section.active .statistics .counter{ opacity: 1;}
.renewal_index .counter2:after{ content: '+'; display: inline-block;}
.renewal_index .main-notice{ padding: 11rem 0;}
.renewal_index .main-notice .main-sub-title{ width: 760px;}
.renewal_index .main-notice h3 .bold:after{ content: '씨노우 소식'; color: #222;}
.renewal_index .notice-preview{ margin-top: 5rem;}
.renewal_index .notice-preview li a{ display: flex; width: 100%; height: 110px; align-items: center; position: relative;}
.renewal_index .notice-preview li{ border-top: none; border-bottom: 1px solid #ccc; opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s;}
.renewal_index .main-section.active .notice-preview li{ opacity: 1; transform: translateY(0);}
.renewal_index .main-section.active .notice-preview li:nth-child(1){ transition-delay: 0.5s;}
.renewal_index .main-section.active .notice-preview li:nth-child(2){ transition-delay: 0.8s;}
.renewal_index .main-section.active .notice-preview li:nth-child(3){ transition-delay: 1.1s;}
.renewal_index .main-section.active .notice-preview li:nth-child(4){ transition-delay: 1.4s;}
.renewal_index .notice-preview li:last-child{ border-bottom: none;}
.renewal_index .notice-preview li:last-child .item1:after{ position: unset; content: none; width: 100%; height: 5px; background-color: unset;}
.renewal_index .notice-preview li .item1{ display: flex; flex-direction: column; justify-content: center; width: 90px; flex-shrink: 0; height: 100%; text-align: center; color: #091360; position: relative;}
.renewal_index .notice-preview li .item1:before{ position: unset; content: none; width: 100%; height: 5px; background-color: unser;}
.renewal_index .notice-preview li .item1 span{ display: block;}
.renewal_index .notice-preview li .item1 .catergory{ font-family: 'NSKB'; font-size: 1.6rem; letter-spacing: -0.1rem;}
.renewal_index .notice-preview li .item1 .date{ color: #ccc; font-family: 'PREL'; font-size: 1.8rem; margin-top: 0; letter-spacing: -0.25px; text-align: left;}
.renewal_index .notice-preview li .item2{ width: 90%; max-width: 1300px; padding-left: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex-shrink: 0; color: #0c0c0c; font-size: 3rem; font-family: 'PREB'; letter-spacing: -0.25px;}
.renewal_index .notice-preview li .item3{ flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 5rem; font-size: 1.8rem; color: #848585; font-family: 'NSKR'; letter-spacing: -0.08rem; text-overflow: ellipsis; overflow: hidden;}
.renewal_index .notice-preview .item4{ margin: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.4s;}
.renewal_index .notice-preview li:hover .item4{ right: -15px;}
.renewal_index .notice-preview li .more{ transition: 0.4s;}
.renewal_index .notice-preview li:hover .more{ margin-left: 25px;}
.renewal_index .main-section.main-portfolio{ padding-top: 0; padding-bottom: 15rem;}
.renewal_index .main-portfolio .main-sub-title{ width: 720px;}
.renewal_index .main-portfolio h3 .bold:after{ content: '포트폴리오'; color: #222;}
.renewal_index .portfolio-gallary{ overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 6rem; transform: translateY(50px); opacity: 0; transition: opacity 1s 0.5s, transform 1s 0.5s;}
.renewal_index .main-section.active .portfolio-gallary{ opacity: 1; transform: translateY(0); justify-content: flex-start; gap: 0;}
.renewal_index .portfolio-gallary li,
.portfolio-list li{ width: calc(( 100% - 6% ) / 3); position: relative; margin:1.5%;}
.renewal_index .portfolio-gallary li::after,
.portfolio-list li::after{ content: ''; display: block; padding-bottom: 100%;}
.renewal_index .portfolio-gallary li .pf-inner,
.portfolio-list li .pf-inner{ display: block; position: absolute; width: 100%; height: 100%; overflow: hidden; color: #fff;}
.renewal_index .portfolio-gallary span,
.portfolio-list span{ position: absolute; display: block; width: 0; height: 0; border-radius: 50%; opacity: 0.2; background-color: #000; transform: translate(-50%, -50%); transition: width 1s, height 1s, opacity 0.8s; z-index: 1;}
.renewal_index .portfolio-gallary span.active,
.portfolio-list span.active{ width: 1200px; height: 1200px; opacity: 0.8;}

.renewal_index .portfolio-gallary li:first-child,
.renewal_index .portfolio-gallary li:nth-child(3n + 1){ margin-left:0;}
.renewal_index .portfolio-gallary li:last-child,
.renewal_index .portfolio-gallary li:nth-child(3n){ margin-right:0;}

.renewal_index .portfolio-gallary .title_box,
.portfolio-list .title_box{ display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; padding: 8.695%;}
.renewal_index .portfolio-gallary .type,
.portfolio-list .type{ position: unset; bottom: 15%; right: 10%; font-family: 'PREL'; font-size: 1.6rem; opacity: 1; transition: opacity 1s, transform 1s, all 0.3s; z-index: 1; margin-bottom: 3%;}
.renewal_index .portfolio-gallary h4,
.portfolio-list h4{ position: unset; transform: unset; top: unset; left: unset; bottom: 31px; right: 10%; width: auto; color: #fff; font-size: 2.6rem; font-family:'PREM'; font-weight: normal; text-align: left; opacity: 1; transition: opacity 1s, transform 1s, all 0.3s; z-index: 1;}
.renewal_index .portfolio-gallary .text,
.portfolio-list .text{ display: none; position: unset; top: 35%; left: 10%; color: #ccc; font-family: 'PRER'; font-size: 1.8rem; line-height: 1.8; opacity: 0; transition: opacity 1s, transform 1s; z-index: 1; margin-top: 5.43%; word-break: keep-all; max-height: 162px; overflow-y: scroll; overflow-x: hidden; padding-right: 10px;}
.renewal_index .portfolio-gallary .text::-webkit-scrollbar{ width: 4px;}
.renewal_index .portfolio-gallary .text::-webkit-scrollbar-thumb{ height: 30%; background-color: rgba(70,70,70,0.8); border-radius: 6px;}
.renewal_index .portfolio-gallary .text::-webkit-scrollbar-track{ background: unset;}
.portfolio-list .text::-webkit-scrollbar{ width: 4px;}
.portfolio-list .text::-webkit-scrollbar-thumb{ height: 30%; background-color: rgba(70,70,70,0.8); border-radius: 6px;}
.portfolio-list .text::-webkit-scrollbar-track{ background: unset;}
.renewal_index .portfolio-gallary .tag,
.portfolio-list .tag{ display: none; position: unset; top: 60%; left: 10%; font-family: 'PREL'; font-size: 1.6rem; opacity: 0; transition: opacity 1s, transform 1s; z-index: 1; margin-top: 7.173%;}
.renewal_index .portfolio-gallary .go_site,
.portfolio-list .go_site{ position: unset; bottom: 54px; left: 10%; font-family: 'PREL'; font-size: 1.6rem; opacity: 0; transition: opacity 1s, transform 1s; display: flex; align-items: center; justify-content: flex-start; gap: 8px; transition: 0.4s; z-index: 1; color: #fff; display: none; margin-top: auto;}
.renewal_index .portfolio-gallary .go_site i,
.portfolio-list .go_site i{ display: flex; align-items: center;}
.renewal_index .portfolio-gallary .go_site i img,
.portfolio-list .go_site i img{ width: 7px; height: 12px;}
.renewal_index .portfolio-gallary .go_site:hover,
.portfolio-list .go_site:hover{ gap: 28px;}

.renewal_index .portfolio-gallary li .pf-inner:hover .title_box,
.portfolio-list li .pf-inner:hover .title_box{ justify-content: flex-start; align-items: flex-start; gap: 1%; padding: 10.869%;}
.renewal_index .portfolio-gallary li .pf-inner:hover .type,
.portfolio-list li .pf-inner:hover .type{ opacity: 1; top: 14%; right: unset; left: 10%; bottom: unset; margin-bottom: 2.173%;}
.renewal_index .portfolio-gallary li .pf-inner:hover h4,
.portfolio-list li .pf-inner:hover h4{ opacity: 1; top: 20%; right: unset; left: 10%; bottom: unset; font-family: 'PREB'; font-size: 3rem; transform: unset;}
.renewal_index .portfolio-gallary li .pf-inner:hover .text,
.renewal_index .portfolio-gallary li .pf-inner:hover .tag,
.renewal_index .portfolio-gallary li .pf-inner:hover .go_site,
.portfolio-list li .pf-inner:hover .text,
.portfolio-list li .pf-inner:hover .tag,
.portfolio-list li .pf-inner:hover .go_site{ display: flex; opacity: 1;}
.renewal_index .portfolio-gallary li .img_bg,
.portfolio-list li .img_bg{ width: 100%;height: 100%; background-color: #000;}
.renewal_index .portfolio-gallary li .img_layer,
.portfolio-list li .img_layer{ display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0px; background: linear-gradient( to bottom, rgba(0, 0, 0, 3%) 0%, rgb(0 0 0 / 15%) 50%, rgba(0, 0, 0, 80%) 100% );}
.renewal_index .portfolio-gallary li img,
.portfolio-list li img{ width: 100%; height: 100%;}

.renewal_index .main-portfolio-more{ display: flex; justify-content: flex-end; margin-top: 4rem; text-align: right;}
.renewal_index .main-portfolio-more p{ display: flex;align-items: center;justify-content: flex-end;gap: 30px;}
.renewal_index .main-portfolio-more p a{ font-size: 1.8rem; letter-spacing: -0.2rem;}
.renewal_index .main-portfolio-more p img{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); vertical-align: unset; margin-left: 1rem; transition: 0.3s;}
.renewal_index .main-portfolio-more p span{ position: relative; display: block; width: 32px; height: 32px; border-radius: 32px; background-color: #eee;}
.renewal_index .main-portfolio-more p:hover img{ right: -15px;}

/* 서브페이지 - 포트폴리오 */
.portfolio.sub-wrap{ padding-bottom: 20rem;}
.portfolio .pr-more{ color: #222; font-family: 'PREB'; font-size: 2.3rem; letter-spacing: -0.25px; display: flex; justify-content: center; align-items: center; gap: 9px;}
.portfolio .pr-more span{ position: relative; display: flex; align-items: center; justify-content: center; width: 37px; height: 37px; border-radius: 37px; background-color: #eee; transform: rotate(0deg); transition: 0.4s;}
.portfolio .pr-more span::before{ content: ''; position: absolute; width: 19px; height: 3px; background-color: #222;}
.portfolio .pr-more span::after{ content: ''; position: absolute; width: 3px; height: 19px; background-color: #222;}
.portfolio .pr-more:hover span{ transform: rotate(180deg);}


.renewal_index .partner{ padding: 11rem 0 15rem; background-color: #f6f6f6;}
.renewal_index .partner .main-sub-title{ text-align: left;}
.renewal_index .partner h3 .bold{ position: relative;}
.renewal_index .partner h3 .bold:before{ content: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 0; background-color: #091360; top: -34px; transition: height 0.7s 0.5s ease-out;}
.renewal_index .main-section.active h3 .bold:before{ height: 35px;}
.renewal_index .partner h3 .bold:after{ content: 'PARTNERS'; color: #222;}
.renewal_index .partner-list{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 50px; margin-top: 6rem; transform: translateY(50px); opacity: 0; transition: opacity 1s 0.5s, transform 1s 0.5s;}
.renewal_index .main-section.active .partner-list{ opacity: 1; transform: translateY(0);}
.renewal_index .partner-list li{ width: calc(100% / 5); text-align: center; height: auto; line-height: unset;}
.renewal_index .request{ background: url('../img/main/contact_bg.jpg') no-repeat center / cover; padding: 10.8rem 0 12rem;}
.renewal_index .request .main-sub-title h3{ color: #fff; text-align: left;}
.renewal_index .request .main-sub-title .txt{ color: #fff; text-align: left;}
.renewal_index .request-type{ display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin: 4rem auto 0; transform: translateY(50px); opacity: 0; transition: opacity 1s 0.5s, transform 1s 0.5s;}
.renewal_index .main-section.active .request-type{ transform: translateY(0); opacity: 1;}
.renewal_index .request-type li{ margin: 0;}
.renewal_index .request-type a{ display: block; width: 176px; height: 56px; line-height: 51px; color: #222; text-align: center; position: relative; cursor: pointer; font-size: 1.8rem; font-family: 'PRER'; letter-spacing: -0.25px;}
.renewal_index .request-type a span{ display: block; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 30px; background-color: #fff; color: #111; transition: 0.3s;}
.renewal_index .request-type a:hover span{ background-color: unset; color: #fff; font-family: 'PREM';}
/* END 리뉴얼 메인 */


#footer{ background-color: #222; padding: 8rem 0;}
#footer .top{ border-bottom: 1px solid #363636; padding-bottom: 5rem; position: relative;}
.footer-menu{ display: flex;}
.footer-menu li:not(:last-child){ margin-right: 2rem;}
.footer-menu a{ color: #fff; font-size: 1.3rem; font-family: 'NSKR'; letter-spacing: -0.03rem;}
.copyright{ color: #c9c9c9; font-size: 1.3rem; line-height: 2.2rem; margin-top: 2rem;}
#footer .bottom{ padding-top: 5rem; display: flex; flex-direction: column;}
.consult-phone{ display: flex;}
#footer .bottom dl{ color: #c9c9c9; font-size: 1.3rem; line-height: 2.2rem;}
#footer .bottom dl:not(:first-child){ margin-left: 5rem;}
#footer .bottom dl dt{ color: #fff;}
#footer .bottom dl .number{ color: #fff; font-size: 2.4rem; font-family: 'Maven Pro'; letter-spacing: -0.08rem; margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: 700;}
.footer-info{ display: flex; color: #c9c9c9; font-size: 1.3rem; line-height: 2.2rem; margin-top: 3rem; flex-wrap: wrap;}
.footer-info li{ display: flex; align-items: center; padding: 1rem 0rem 1rem 0;}
.footer-info li:not(:last-child){ padding-right: 3rem;}
.footer-info .icon-box{ width: 56px; height: 56px; border-radius: 50%; background: #555; display: flex; align-items: center; justify-content: center; margin-right: 0.8rem; border: 1px solid #191919; background: linear-gradient(to bottom right, #3a3a3a, #0a0a0a); box-shadow: 0px 2px 2px rgba(0,0,0,0.1); position: relative;}
.footer-info .icon-box:before{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 41px; height: 41px; border-radius: 50%; background: linear-gradient(to bottom right, #191919, #3a3a3a);}
.footer-info .icon-box img{ position: relative;}
.go-top { position: absolute; right: 0; bottom: 5rem; cursor: pointer;}


/* START 리뉴얼 푸터 */
#footer.renewal_footer{ background-color: #222; padding: 7.4rem 0 7.2rem;}
#footer.renewal_footer .top{ border-bottom: none; padding-bottom: unset;}
#footer.renewal_footer .footer-menu li:not(:last-child){ margin-right: 3.5rem;}
#footer.renewal_footer .footer-menu a{ color: #fff; font-size: 1.8rem; font-family: 'NSKR'; letter-spacing: -0.25px;}
#footer.renewal_footer .copyright{ color: #838f9a; font-size: 1.6rem; line-height: 30px; margin-top: 2rem;}
#footer.renewal_footer .copyright li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 1%;}

#footer.renewal_footer .go-top{position: fixed;right: 1.041%;bottom: 5rem;cursor: pointer;transition: 0.4s;z-index: 10;}
#footer.renewal_footer .go-top:hover{ bottom: 7rem;}

#aside{position: fixed;bottom: 6vh;right: -270px;display: flex;align-items: flex-start;z-index: 2;transition: 0.3s;}
/*#aside{position: fixed;bottom: 13vh;right: -270px;display: flex;align-items: flex-start;z-index: 2;transition: 0.3s;}*/
#aside.active{ right: 0;}
#aside .wing{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; width: 70px; height: 208px; border-radius: 20px 0 0 20px; background: linear-gradient(to right bottom, #f84809, #f89407); color: #fff; font-size: 2.3rem; line-height: 1.2; cursor: pointer;}
#aside .wing .text{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

#aside .content{}
#aside .content .inquiry{ display: flex; flex-direction: column; width: 270px; padding: 28px 25px; background-color: #feead6; border-radius: 0 0 0 30px;}
#aside .content .inquiry h5{ color: #222; font-family: 'PREB'; font-size: 2.3rem; letter-spacing: -0.25px; margin-bottom: 16px;}
#aside .content .inquiry .write_input_box{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;}
#aside .content .inquiry .write_input_box input[type='text']{ width: 100%; height: 40px; padding: 0 4.545%; border: 0; background-color: #fff; font-family: 'PRER'; font-size: 1.6rem;}
#aside .content .inquiry .write_input_box input[type='text']:placeholder{ color: #999;}
#aside .content .inquiry .write_input_box select{ width: 100%; height: 40px; background-color: #fff; background-image: url(../img/arrow_select_bg.png); background-repeat: no-repeat; background-position: right 4.545% top 50%; border: 0; padding: 0 4.545%; color: #999; font-family: 'PRER'; font-size: 1.6rem;}
#aside .content .inquiry .write_input_box select:selected{ color: #222;}

#aside .content .inquiry .agree_box{ display: flex; align-items: center; justify-content: flex-start; gap: 5px; color: #222; font-family: 'PRER'; font-size: 1.6rem; margin: 14px 0; line-height: 1;}
#aside .content .inquiry .agree_box #q_agree_detail{ cursor: pointer;}

/* START 커스텀 체크박스 사각 라운드 스타일 */
#aside .content .inquiry .agree_box .custom_label{ display: inline-block; position: relative; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: auto; line-height: 1; color: #333; margin: 0; padding-left: 25px;}
#aside .content .inquiry .agree_box .custom_label .check_mark{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 19px; width: 19px; border: 1px solid #999; border-radius: 3px; background-color: #fff;}
#aside .content .inquiry .agree_box .custom_label .check_mark:after{ content: ''; position: absolute; display: none; left: 5px; top: 2px; width: 6px; height: 10px; border: solid #5361ff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#aside .content .inquiry .agree_box .custom_label input{ position: absolute; opacity: 0; cursor: pointer;}
#aside .content .inquiry .agree_box .custom_label input:checked ~ .check_mark:after{ display: block;}
#aside .content .inquiry .agree_box .custom_label input:checked + .check_mark{ background-color: #f84709; border: 1px solid #ffc000;}
#aside .content .inquiry .agree_box .custom_label input:checked + .check_mark:after{ border: solid #fff; border-width: 0 2px 2px 0;}
#aside .content .inquiry .agree_box .custom_label .check_txt{ font-family: 'PRER'; font-size: 1.6rem; color: #000;}
/* END 커스텀 체크박스 사각 라운드 스타일 */

#aside .content .inquiry button{ width: 100%; height: 50px; line-height: 50px; background-color: #f84709; color: #fff; font-family: 'PREM'; font-size: 1.8rem; text-align: center;}
#aside .content .inquiry .go_inquiry{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 48px; line-height: 50px; margin-top: 10px; border: 1px solid #f84709; color: #f84709; font-family: 'PREM'; font-size: 1.8rem; text-align: center;}

#aside .content .cs_center{ width: 270px; padding: 28px 5px 28px 25px; background-color: #fff; border-radius: 30px 0 0 30px; letter-spacing: -0.25px;}
#aside .content .cs_center p{ color: #222; font-family: 'PRER'; font-size: 1.6rem;}
#aside .content .cs_center h5{ color: #f84709; font-family: 'PREB'; font-size: 3rem; line-height: 50px;}
/* END 리뉴얼 푸터 */

/* 고객센터 */
.sc-banner{ background: url('../img/img_sub_visual_main_09.jpg') no-repeat center / cover;}
.sc-top{ margin-bottom: 12rem; text-align: center;}
.sc-top .title{ margin-bottom: 3rem; word-break: keep-all;}
.sc-category{ display: flex; flex-wrap: wrap;}
.sc-category li{ width: calc(100% / 6); text-align: center; overflow: hidden; padding-bottom: 2rem;}
.sc-category .title{ font-family: 'CDB'; margin-bottom: 2rem;}
.sc-category .bottom{ padding: 0 1rem; height: 100%; border-right: 1px dashed #ccc;}
.sc-category li:last-child .bottom{ border-right: 0;}
.sc-category .thumb{ margin-bottom: 1rem;}
.sc-category .thumb img{ max-width: 100%;}
.sc-category a{ color: #555; display: block; line-height: 4rem; font-family: 'CDR'; transition: color 0.2s ease;}
.sc-category a:hover{ color: #000;}
.inquiry-wrap .txt-24{ text-align: center; margin-bottom: 4.8rem;}
.inquiry-wrap .txt-20{ text-align: center; margin-bottom: 4rem;}
.inquiry-wrap .terms-box{ height: 256px; overflow-y: auto; padding: 3rem; border: 1px solid #e6e6e6;}
.inquiry-wrap .agree{ display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
.inquiry-wrap .agree label{ display: flex; align-items: center; justify-content: center;}
.inquiry-wrap .agree p{ margin-left: 1rem;}
.inquiry-wrap .grid3{height: 60px;line-height: 60px;margin-top: 6rem;margin-bottom: 6rem;background-color: #ff9b77;text-align: center;position: relative;border-radius: 5px;}
.inquiry-wrap .grid3 a{ position: absolute; top: 50%; right: 3.2rem; transform: translateY(-50%);}
.inquiry-wrap .grid4{ /* margin-top: 6rem; */}
.enter-info-wrap .title{ margin-bottom: 2rem;}
.enter-info{ padding: 5rem 2rem; border: 1px solid #ccc; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.enter-info li{ display: flex; align-items: center; justify-content: center;}
.enter-info li:not(:first-child){ margin-top: 2rem;}
.enter-info .left{ width: 100px; margin-right: 1.8rem; text-align: right;}
.enter-info .right{ display: flex; align-items: center; width: 310px; flex-grow: 1;}
.enter-info .right.certain{ width: 248px;}
.enter-info .input1{ flex-grow: 1;}
.enter-info2 .left { width: 66px;}
.enter-info2 .right { width: 580px;}
.enter-info2 .textarea1{ flex-grow: 1; height: 370px; background-color: #fff; border: 1px solid #ccc; padding-left: 2rem;}
.enter-info2 li.certain{ align-items: flex-start;}
.enter-info2 li.certain .right{ flex-direction: column;}
.enter-info2 li.date p{ margin-right: 1.8rem;}
.enter-info2 li.attach-file p{ margin-right: 1.8rem;}
.enter-info2 li.attach-file p:not(:first-child){ margin-left: 4rem;}
.enter-info2 li.attach-file .input1{ width: 140px; flex-grow: 0;}
.enter-info2 li.attach-file label{ display: flex; align-items: center; justify-content: center; width: 100px; height: 40px; border: 1px solid #000; cursor: pointer;}
.platform-inquiry{display: flex;align-items: center;justify-content: space-between;background-color: #ff9b77;color: #fff;padding: 2rem 3rem;border-radius: 5px;margin-bottom: 6rem;}
.platform-inquiry .left{ display: flex; align-items: center;}
.platform-inquiry strong{ font-family: 'CDR';}
.platform-inquiry .arrow{ margin-left: 0.6rem; margin-right: 0.4rem;}
.platform-inquiry .right a{ display: flex; align-items: center; color: #fff;}
.platform-inquiry .right img{ animation: history-back 0.8s infinite}
@keyframes history-back{ 
	100%{ 
		transform: translateX(-4px);
	}
}
.platform-inquiry .right a span{ margin-top: -1px; margin-left: 0.4rem;	}
.p2p1{ display: flex; flex-wrap: wrap;}
.p2p1 li{ display: flex; flex-direction: column; width: 50%; height: 188px; margin-bottom: 7rem;}
.p2p1 li:nth-child(odd){ padding-right: 4em; position: relative;}
.p2p1 li:nth-child(odd):after{ content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 78%; border-right: 1px dashed #aaa;}
.p2p1 li:nth-child(even){ padding-left: 4em;}
.p2p1 .top{ display: flex; align-items: center;}
.p2p1 .title{ font-family: 'CDR'; margin-left: 0.6rem;}
.p2p1 .txt{ padding-left: 78px; line-height: 2.5rem; margin-top: 0rem;}
.p2p1 .bottom{ margin-left: 78px; margin-top: auto;	}
.p2p1 .btn1{ min-width: 240px; height: 50px; line-height: 48px; font-size: 1.8rem;}
.inquiry-top{ text-align: center; margin-bottom: 6rem;}
.inquiry-top .title{ margin-bottom: 2rem;}
.inquiry-top .txt{ font-family: 'NSKD';}

/* 단축키 일람 */
.cke_sc{ display: none;}
.cke_sc_def { margin-bottom: 5px; border: 1px solid #dadada; background: #f0f5f9; text-align: center;}
.cke_sc_def dl{ text-align: left; zoom: 1; text-indent: 10px;}
.cke_sc_def dt, .cke_sc_def dd { float: left; border-bottom: 1px solid #dadada; line-height: 30px;}
.cke_sc_def dt { width: 20%; font-size: 1.2rem;}
.cke_sc_def dd { width: 30%; font-size: 1.2rem;}

/* faq */
.faq dt{ border-bottom: 1px dashed #aaa; cursor: pointer; user-select: none; display: flex; align-items: center; padding: 1rem;}
.faq .question{ font-family: 'CDB'; font-size: 3.4rem; margin-right: 1rem;}
.faq .question.on{ color: #eb3762;}
.faq dt p{ font-family: 'CDR';}
.faq dd{ display: none; line-height: 2.5rem; background: #f9f9f9; padding: 2rem 3rem 5rem; box-shadow: inset 0 -1px 3px rgba(0,0,0,0.05);}

/* 문의확인하기 */
.receipt{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.receipt li{ width: calc((100% - 8rem) / 5); box-shadow: 0 1px 4px rgba(0,0,0,0.2); border-radius: 10px;}
.receipt a{ display: block; text-align: center; padding: 2rem 2rem 3rem;}
.receipt .title{ font-family: 'CDR';}
.receipt .count1{ background-color: #fc6b2a;}
.receipt .count2{ background-color: #66c1dc;}
.receipt .count3{ background-color: #4ba1ec;}
.receipt .count4{ background-color: #747be5;}
.receipt .count5{ background-color: #ffb12b;}
.receipt .count{ height: 100px; color: #fff; font-size: 5.5rem; font-family: 'CDB'; border-radius: 4px; display: flex; align-items: center; justify-content: center; position: relative; text-shadow: 1px 1px 4px rgba(0,0,0,0.3); overflow: hidden; margin-top: 2rem;}
.receipt .count:before{ content: ''; width: 58%; height: 100%; background-color: rgba(255,255,255,0.3); position: absolute; top: 0; left: 0; transform: skewX(-20deg); transform-origin: top right;}
.point_boxa { width: 80px; line-height: 30px; color: #fff !important; background: #66c1dc; display: inline-block;}
.point_boxc { width: 80px; line-height: 30px; color: #fff !important; background: #747be5; display: inline-block;}
.receipt-wrap:not(:first-child){ margin-top: 4rem;}
.receipt-wrap.last {}
.receipt-wrap .title{ margin-bottom: 1rem;}
.receipt-table .col1{ width: 20%;}
.inquiry-answer{ margin-top: 2rem; font-size: 1.6rem; line-height: 2.5rem;}
.inquiry-A{ font-family: 'CDB'; font-size: 3.4rem; margin-right: 1rem;}
.receipt-compl .col1{ width: 25%;}
.receipt-compl .col2{ width: 25%;}
.receipt-compl .col3{ width: 25%;}
.receipt-compl .col4{ width: 25%;}

/* 페이징 */
.paging{ margin-top: 4rem; display: flex; align-items: center; justify-content: center;}
.paging-wrap{ display: flex; align-items: center; justify-content: center;}
.paging a{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 1.6rem;}
.paging a.on{ background-color: #2e64fa; color: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); font-family: 'CDB';}

/* 금융 플랫폼 */
.finance{ margin-bottom: 10rem;}
.finance:last-child{ margin-bottom: 0;}
.platform-class{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 3rem;}
.platform-class li{ width: calc((100% - 8rem) / 3); text-align: center; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
.platform-class .grid1{ height: 190px; position: relative; color: #fff; padding-top: 4rem;}
.platform-class .grid1 strong{ font-family: 'CDB';}
.standard .grid1{ background: url('../img/standard.png') no-repeat center / cover;}
.special .grid1{ background: url('../img/special.png') no-repeat center / cover;}
.premium .grid1{ background: url('../img/premium.png') no-repeat center / cover;}
.platform-class .grid1 .icon{ position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.6)); animation: platform-icon 0.6s alternate infinite ease;}
@keyframes platform-icon{ 
	0%{
		transform: translate(-50%, 46%);
	} 100% {
		transform: translate(-50%, 56%);
	}
}
.platform-class .grid1 .txt{ position: relative; margin-bottom: 1.6rem;}
.platform-class .grid1 .txt:after{ content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); width: 100px; height: 1px; background-color: #fff;}
.platform-class .grid2{ padding: 100px 3rem 0;}
.platform-class .grid2 .txt{ color: #999; margin-top: 14px; height: 70px;}
.platform-class .grid2 p:first-child{ font-family: 'CDR';}
.platform-class .grid2 .price{ color: #0c9be6;}
.platform-class .grid2 .price span{ font-family: 'CDB';	}
.platform-class .grid3{ padding: 3rem 3rem 4rem; display: flex; align-items: center; justify-content: space-between;}
.platform-class .grid3 a{ display: flex; align-items: center; justify-content: center; width: calc((100% - 1rem) / 2); border: 1px solid #0c9be6; height: 50px; color: #0c9be6; transition: background-color 0.2s ease, color 0.2s ease;}
.platform-class .grid3 a:hover{ background-color: #0c9be6; color: #fff;}

/* 플랫폼 자세히 보기 */
.pd-banner{ background: url('../img/img_visual_main_03.png') no-repeat center / cover;}
.platform-bg{ /* margin-top: 7.6rem; */ background: url('../img/img_p2p_platform_bg.png') no-repeat center / cover; display: flex; align-items: center; justify-content: center;}
.platform-bg img{ transform: translateY(58px); filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.8));}
.platform-detail .top{ text-align: center; margin-top: 16rem;}
.platform-detail .top .type{ display: flex; align-items: center; justify-content: center; margin: 4rem auto 0; width: 205px; height: 56px; border-radius: 28px; background-color: #396011; color: #fff; font-family: 'NSB';}
.platform-detail .top .type2{ background-color: #b25d00;}
.platform-detail .top .type3{ background-color: #002db2;}
.platform-detail .top .txt{ margin-top: 3rem; line-height: 3.8rem; word-break: keep-all;}
.platform-detail .top ul{ margin-top: 5rem; display: flex; align-items: center; justify-content: center;}
.platform-detail .bottom {}
.platform-detail .item{ margin-top: 13rem;}
.platform-detail .item1{ text-align: center; max-width: 100%; width: 1080px; margin: 13rem auto 0;}
.platform-detail .item1 .txt-24{ line-height: 3.6rem;}
.platform-detail .item1 ul{ margin-top: 4rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.platform-detail .item1 li{ width: calc((100% - 12rem) / 3); height: 346px; display: flex; flex-direction: column; border: 1px solid #d7d7d7;}
.platform-detail .item1 li:nth-child(-n+3){ margin-bottom: 8rem;}
.platform-detail .item1 li .title{ margin-top: 5rem;}
.platform-detail .item1 li .txt{ margin-top: 2rem; color: #aaa; line-height: 2rem;}
.platform-detail .bg{ margin-top: auto; width: 100%; height: 128px; background: no-repeat center / cover;}
.platform-detail .bg1{ background-image: url('../img/img_p2p_04.png');}
.platform-detail .bg2{ background-image: url('../img/img_p2p_05.png');}
.platform-detail .bg3{ background-image: url('../img/img_p2p_06.png');}
.platform-detail .bg4{ background-image: url('../img/img_p2p_07.png');}
.platform-detail .bg5{ background-image: url('../img/img_p2p_08.png');}
.platform-detail .bg6{ background-image: url('../img/img_p2p_09.png');}
.platform-detail .item2 .title{ text-align: center; word-break: keep-all;}
.platform-detail .item2 .txt{ margin-top: 2rem; text-align: center;}
.platform-detail .item2 ul{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 5rem;}
.platform-detail .item2 li{ position: relative; padding: 3rem 6.4rem 3rem 11.4rem; width: calc((100% - 4.2rem) / 2); border: 1px solid; margin-bottom: 4.2rem; border-radius: 16px; overflow: hidden; min-height: 135px;}
.platform-detail .item2 li:nth-child(odd){ border-color: #2d63fb;}
.platform-detail .item2 li:nth-child(even){ border-color: #fb2d63;}
.platform-detail .item2 li:nth-child(15), .platform-detail .item2 li:nth-child(16){ margin-bottom: 0;}
.platform-detail .item2 li span{ position: absolute; top: 0; left: 0; font-size: 3rem; font-family: 'NSKB'; width: 62px; height: 62px; display: flex; align-items: center; justify-content: center; color: #fff; border-bottom-right-radius: 16px;}
.platform-detail .item2 li:nth-child(odd) span{ background-color: #2d63fb;}
.platform-detail .item2 li:nth-child(even) span{ background-color: #fb2d63;}
.platform-detail .item3 .title{ text-align: center;}
.platform-detail .item3 ul{ margin-top: 5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.platform-detail .item3 li{ padding-right: 4.2rem; width: calc((100% - 4.2rem) / 2); height: 210px; border-radius: 16px; display: flex; align-items: center; background-color: #f4f4f4; margin-bottom: 4rem; word-break: keep-all;}
.platform-detail .item3 li .left{ width: 160px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.platform-detail .item3 li .right a{ width: 130px; height: 30px; color: #fff; background-color: #2e64fc; display: inline-block; text-align: center; line-height: 30px; margin-top: 0.4rem;}

.bc-banner { background: url('../img/bc_banner.png') no-repeat center / cover;}

.pf-banner{display: block;width: 100%;max-width: 1440px;height: auto !important;margin: 120px auto 0;}
.pf-banner .title{ color: #222; font-family: 'PREEB'; font-size: 6.2rem; text-align: left; letter-spacing: -0.25px;}
.pf-banner .title span{ color: #f84709;}
.portfolio-list.sub-container{ width: 100%; max-width: 1440px;}
.portfolio-list{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0;}
.portfolio-list li:first-child,
.portfolio-list li:nth-child(3n + 1){ margin-left:0;}
.portfolio-list li:last-child,
.portfolio-list li:nth-child(3n){ margin-right:0;}
/* .portfolio-list li{ width: calc((96%) /3);position: relative;}
.portfolio-list li::after{ content: ''; display: block; padding-bottom: 100%;}
.portfolio-list li .pf-inner{display: block;position: absolute;width: 100%;height: 100%;overflow: hidden;color: #fff;}
.portfolio-list span{position: absolute;display: block;width: 0;height: 0;border-radius: 50%;opacity: 0.2;background-color: #000;transform: translate(-50%, -50%);transition: width 1s, height 1s, opacity 0.8s;z-index: 1;}
.portfolio-list span.active{ width: 1200px; height: 1200px; opacity: 0.8;}
.portfolio-list .type{position: absolute;bottom: 15%;right: 10%;font-family: 'PREL';font-size: 1.6rem;opacity: 1;transition: opacity 1s, transform 1s, all 0.3s;z-index: 1; text-align: right;}
.portfolio-list h4{position: absolute;transform: unset;top: unset;left: unset;bottom: 31px;right: 10%;width: auto;color: #fff;font-size: 2.6rem;font-family:'PREM';font-weight: normal;text-align: left;opacity: 1;transition: opacity 1s, transform 1s, all 0.3s;z-index: 1; text-align: right;}
.portfolio-list .text{position: absolute;top: 35%;left: 10%;font-family: 'PRER';font-size: 1.8rem;line-height: 1.8;opacity: 0;transition: opacity 1s, transform 1s;z-index: 1;}
.portfolio-list .tag{position: absolute;top: 60%;left: 10%;font-family: 'PREL';font-size: 1.6rem;opacity: 0;transition: opacity 1s, transform 1s; z-index: 1;}
.portfolio-list .go_site{position: absolute;bottom: 10%;left: 10%; color: #fff; font-family: 'PREL';font-size: 1.6rem;opacity: 0;transition: opacity 1s, transform 1s;display: flex;align-items: center;justify-content: flex-start;gap: 8px;transition: 0.4s; z-index: 1;}
.portfolio-list .go_site i{ display: flex; align-items: center;}
.portfolio-list .go_site i img{width: 7px;height: 12px;}
.portfolio-list .go_site:hover{ gap: 28px;}
.portfolio-list li .pf-inner:hover .type{ opacity: 1; top: 14%; right: unset; left: 10%; bottom: unset; text-align: left !important;}
.portfolio-list li .pf-inner:hover h4{ opacity: 1; top: 20%; right: unset; left: 10%; bottom: unset; font-family: 'PREB'; font-size: 3rem; transform: unset; text-align: left !important;}
.portfolio-list li .pf-inner:hover .text,
.portfolio-list li .pf-inner:hover .tag,
.portfolio-list li .pf-inner:hover .go_site{ opacity: 1; text-align: left !important;}
.portfolio-list li div{ width: 100%;height: 100%; background-color: #000;}
.portfolio-list li .img_layer {display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0px; background: rgba(0,0,0,1); background: linear-gradient( to bottom, rgba(20, 20, 20, 3%) 0%, rgb(20 20 20 / 15%) 50%, rgba(20, 20, 20, 40%) 100% ); }
.portfolio-list li img{width: 100%;height: 100%;opacity: 0.7;} */


.portfolio-view .grid {}
.portfolio-view .grid1{ height: calc(100vh - 116px); background-size: cover; background-position: center; background-attachment: fixed; position: relative;}
.portfolio-view .portfolio-back{ position: absolute; top: 50px; left: 50px; width: 60px; height: 60px; border-radius: 50%; border: 3px solid #fff; display: flex; justify-content: center; align-items: center; padding-right: 3px;}
.portfolio-view .grid1 .caption{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 1px 1px 6px rgba(0,0,0,0.4);}
.portfolio-view .grid1 .caption .title{ font-family: 'CDR'; white-space: nowrap;}
.portfolio-view .grid1 .caption .txt{ font-family: 'NSKL';}
.portfolio-view .portfolio-img{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.portfolio-view .portfolio-img img{ max-width: 100%;}
.portfolio-view .portfolio-img img:not(:first-child){ margin-top: 2rem;}
.portfolio-view .grid2{ padding: 10rem 0; background-color: #2c2c2c;}
.portfolio-view .grid2 .caption{ color: #fff;}
.portfolio-view .grid2 .title { letter-spacing: -0.2rem; text-transform: uppercase; margin-right: 1rem;}
.portfolio-view .grid2 p:not(:first-child){ margin-top: 1rem;}
.portfolio-view .grid2 .txt{ font-family: 'NSKL';}
.portfolio-view .grid3 img{ width: 100%;}
.portfolio-view .grid4{ padding: 10rem 0;	}
.portfolio-view .btn-link{ color: aqua;}

.terms-wrap{ display: flex; margin-top: 4rem;}
.terms-header { text-align: center; border-bottom: 2px solid; padding-bottom: 2rem;}
.terms-wrap .left{ }
.terms-wrap .left a{ width: 233px; display: block; height: 48px; padding: 0 20px; font-family: 'CDR'; font-size: 1.4rem; color: #222; display: flex; justify-content: space-between; align-items: center;}
.terms-wrap .left a.active { background-color: #eb3762; color: #fff;}
.terms-wrap .right { margin-left: 4rem;	}
#terms{ font-size: 1.5rem; font-family: 'NSKR'; line-height: 2.5rem;}
.terms-wrap2{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1400px; max-width: 100%; height: calc(100vh - 4rem); overflow-y: auto; background-color: #fff; z-index: 10000; padding: 2rem; box-shadow: 0 1px 4px rgb(0 0 0 / 20%);}
.terms-head{ padding: 1rem 0rem; height: 100px;}
.terms-head .close{ display: inline-block; padding: 1.3rem; background-color: #222; cursor: pointer;}

.sm-banner { background: url('../img/sm_banner.png') no-repeat center / cover;}
.shop-solution .title{ text-align: center; font-family: 'NSKM'; word-break: keep-all;}
.shop-solution .sec-01{ padding: 5rem 0 7.6rem;}
.shop-solution .sec-01 .article{ text-align: center; margin-top: 7rem; padding: 0 1rem;}
.shop-solution .sec-01 .article img{ max-width: 100%;}

.shop-solution .sec-01 ul{ margin-top: 22.3rem; margin-bottom: 9.2rem; display: flex; justify-content: center;}
.shop-solution .sec-01 li{ width: 420px; border: 1px solid #ccc; border-radius: 20px; padding: 9rem 3.5rem 4.4rem;c position: relative; opacity: 0; transition: transform 0.7s ease, opacity 0.7s ease;}
.shop-solution .sec-01 li:nth-child(1){ transform: translateX(-50px);	}
.shop-solution .sec-01 li:nth-child(2){ margin-left: 11rem; transition-delay: 0.2s;}
.shop-solution .sec-01 .article.active li{ opacity: 1; transform: translateX(0);}
.shop-solution .sec-01 li img{ position: absolute; top: -169px; left: 50%; transform: translateX(-50%);}
.shop-solution .sec-01 li .title{ height: 100px; font-family: 'NSKM'; word-break: keep-all;}
.shop-solution .sec-01 li .txt{ text-align: center; height: 100px;}
.shop-solution .sec-01 .btn-wrap{ max-width: 100%; width: 500px; margin: 7.6rem auto 0;}
.shop-solution .sec-01 .btn{ min-width: initial; width: calc((100% - 2rem) / 3); padding: 0;}
.shop-solution .sec-01 .btn:not(:first-child){ margin-left: 1rem;}
.shop-solution .sec-01 .btn1{ background-color: #2e64fa; color: #fff;}
.shop-solution .sec-01 .btn3{ background-color: #eb3762; color: #fff;}
.shop-solution .sec-02 .article{ width: 2850px; height: 550px; background: url('../img/girl.png') no-repeat left bottom fixed; opacity: 1; transform: translateX(0); animation: sec-02 8s infinite alternate ease-in-out; /* transition: transform 1s ease-out, opacity 1.5s ease; */}
@keyframes sec-02{ 
	0%{
		transform: translateX(0);
	} 10% {
		transform: translateX(0);
	} 90% { 
		transform: translateX(-940px);
	} 100% {
		transform: translateX(-940px);
	}
}
/* .shop-solution .sec-02 .article.active{ opacity: 1; transform: translateX(-680px);} */
.shop-solution .sec-03 .title{ margin-bottom: 7rem;}
.shop-solution .sec-03 .introduce{ display: flex; justify-content: space-between;}
.shop-solution .introduce li{ width: 320px; border: 1px solid #ccc; opacity: 0; transform: translateY(-80px); transition: opacity 1s ease, transform 0.8s ease;}
.shop-solution .sec-03 .introduce.active li{ opacity: 1; transform: translateY(0);}
.shop-solution .sec-03 .article1 li:nth-child(2){ transition-delay: 0.2s;	}
.shop-solution .sec-03 .article1 li:nth-child(3){ transition-delay: 0.4s;	}
.shop-solution .sec-03 .article1 li:nth-child(4){ transition-delay: 0.6s;	}
.shop-solution .sec-03 .article2 li:nth-child(2){ transition-delay: 0.2s;	}
.shop-solution .sec-03 .article2 li:nth-child(3){ transition-delay: 0.4s;	}
.shop-solution .sec-03 .article2 li:nth-child(4){ transition-delay: 0.6s;	}
.shop-solution .introduce .top{ height: 200px; overflow: hidden; border-bottom: 1px solid #ccc;}
.shop-solution .introduce .thumb{ height: 200px; transform: scale(1.5); transition: transform 1.5s ease;}
.shop-solution .introduce.active .thumb{ transform: scale(1);}
.shop-solution .sec-03 .article1 li:nth-child(1) .thumb{ background: url('../img/sm1.jpg') no-repeat center / cover;}
.shop-solution .sec-03 .article1 li:nth-child(2) .thumb{ background: url('../img/sm2.jpg') no-repeat center / cover;}
.shop-solution .sec-03 .article1 li:nth-child(3) .thumb{ background: url('../img/sm3.jpg') no-repeat center / cover;}
.shop-solution .sec-03 .article1 li:nth-child(4) .thumb{ background: url('../img/sm4.jpg') no-repeat center / cover;}
.shop-solution .sec-03 .article2 li:nth-child(1) .thumb{ background: url('../img/sm5.jpg') no-repeat center / cover;}
.shop-solution .sec-03 .article2 li:nth-child(2) .thumb{ background: url('../img/sm6.jpg') no-repeat center / cover;}
.shop-solution .sec-03 .article2 li:nth-child(3) .thumb{ background: url('../img/sm7.jpg') no-repeat center / cover;}
.shop-solution .sec-03 .article2 li:nth-child(4) .thumb{ background: url('../img/sm8.jpg') no-repeat center / cover;}
.shop-solution .introduce .bottom{ text-align: center; height: 196px; padding: 3.5rem 1.6rem; word-break: keep-all;}
.shop-solution .introduce .txt{ height: 70px; font-family: 'CDR';}
.shop-solution .sec-03 .article2{ margin-top: 5rem;}
.shop-solution .introduce2{ margin-top: 10.8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.shop-solution .introduce2 li{ width: calc((100% - 4.2rem) / 2); height: 210px; background-color: #f4f4f4; display: flex; align-items: center; padding: 0 2.2rem; border-radius: 20px; word-break: keep-all; transform: translateY(80px); opacity: 0; transition: 0.6s cubic-bezier(0.04, 0.29, 0.54, 1.33);;}
.shop-solution .introduce2 .article.active{ opacity: 1; transform: translateY(0);}
.shop-solution .introduce2 li:nth-child(n+3){ margin-top: 4.2rem;}
.shop-solution .introduce2 .thumb{ width: 120px; flex-shrink: 0; text-align: center;}
.shop-solution .introduce2 li:nth-child(odd){ transition-delay: 0.2s;}
.shop-solution .introduce2 li:nth-child(even){ transition-delay: 0.4s;}
.shop-solution .sec-04{/* margin-top: 10.8rem; */}
.shop-solution .introduce3{/* margin-top: 7rem; */}
.shop-solution .introduce3 li{display: flex;flex-direction: row;gap: 0rem;justify-content: space-between;}
.shop-solution .introduce3 .thumb{perspective: 600px;}
.shop-solution .introduce3 li:nth-child(even) .thumb{ text-align: right;}
.shop-solution .introduce3 .icon{ position: relative; z-index: 1; transform: translateY(-50px); opacity: 0; transition: transform 1s ease, opacity 1s ease;}
.shop-solution .introduce3 .icon1{/* margin-left: 60px; */}
.shop-solution .introduce3 .icon2{/* margin-right: 77px; */}
.shop-solution .introduce3 .icon3{/* margin-left: 74px; */}
.shop-solution .introduce3 .icon4{ margin-right: 36px;}
.shop-solution .introduce3 .icon5{ margin-left: 40px;}
.shop-solution .introduce3 .icon6{ margin-right: 35px;}
.shop-solution .introduce3 .icon7{ margin-left: 98px;}
.shop-solution .introduce3 .article.active .icon{ transform: translateY(0); opacity: 1; max-width: 100%;}
.shop-solution .introduce3 .circle{ display: inline-block; width: 370px; height: 150px; transform: scaleY(0); border-radius: 50%; background-color: #f4e3ff; transition: transform 0.5s 0.5s ease;}
.shop-solution .introduce3 .article.active .circle{ transform: scaleY(1);}
.shop-solution .introduce3 .circle1{ margin-top: -115px;}
.shop-solution .introduce3 .circle2{ margin-top: -120px;}
.shop-solution .introduce3 .circle3{ margin-top: -115px;}
.shop-solution .introduce3 .circle4 { margin-top: -122px;}
.shop-solution .introduce3 .circle5{ margin-top: -122px;}
.shop-solution .introduce3 .circle6{ margin-top: -115px;}
.shop-solution .introduce3 .circle7{ margin-top: -100px;}
.shop-solution .introduce3 .content{/* flex-grow: 1; */display: flex;align-items: center;justify-content: center;}
.shop-solution .introduce3 li:not(:first-child){ margin-top: 20rem;}
.shop-solution .introduce3 .title2{ color: #2e64fc; display: inline-block; border: 1px solid #8b8b8b; padding: 1rem 3rem; border-radius: 16px; box-shadow: 1px 2px 0px 1px rgb(0 0 0 / 10%); position: relative; margin-bottom: 0.6rem; opacity: 0; transform: translateY(50px); transition: opacity 1s 0.6s ease, transform 0.4s 0.6s ease;}
.shop-solution .introduce3 .article.active .title2{ opacity: 1; transform: translateY(0);}
.shop-solution .introduce3 .title2:after{ content: ''; position: absolute; bottom: -17px; left: 21px; width: 13px; height: 18px; background: url('../img/bubble.png') no-repeat center;}
.shop-solution .introduce3 .paragraph{line-height: 3.4rem;word-break: keep-all;/* padding-left: 2.6rem; */opacity: 0;transform: translateY(50px);transition: opacity 1s ease, transform 0.6s ease;}
.shop-solution .introduce3 .paragraph:nth-child(2){ transition-delay: 0.8s;}
.shop-solution .introduce3 .paragraph:nth-child(3){ transition-delay: 1s;}
.shop-solution .introduce3 .paragraph:nth-child(4){ transition-delay: 1.2s;}
.shop-solution .introduce3 .paragraph:nth-child(5){ transition-delay: 1.4s;}
.shop-solution .introduce3 .paragraph:nth-child(6){ transition-delay: 1.6s;}
.shop-solution .introduce3 .article.active .paragraph{ opacity: 1; transform: translateY(0);	}
.shop-solution .introduce3 .paragraph:not(:first-child){ margin-top: 3rem;}
.shop-solution .introduce3 .title3{ font-family: 'CDR';}

.smap-banner { background: url('../img/img_visual_main_04.jpg') no-repeat center / cover;}
.sitemap{ display: flex; flex-wrap: wrap;}
.sitemap dl{ width: calc(100% / 5); margin-bottom: 8rem; padding: 0 2rem;}
.sitemap dt{ font-family: 'CDR'; margin-bottom: 1.4rem; padding-bottom: 1rem; border-bottom: 2px solid;}
.sitemap dt:before{ content: ''; display: inline-block; width: 16px; height: 16px; background-color: #eb3762; vertical-align: middle; box-shadow: 1px 1px 1px rgba(0,0,0,0.4), 3px 3px #df738d; margin-right: 0.8rem; vertical-align: baseline;}
.sitemap dd {}
.sitemap dd a { padding: 0 2rem; font-size: 1.4rem; line-height: 3.9rem; font-family: 'CDR'; border-bottom: 1px dashed #ccc; display: block; background: #f9f9f9; transition: all 0.2s ease;}
.sitemap dd a:hover{ color: #fff; background-color: #eb3762}

.hp-banner { background: url('../img/img_sub_visual_main_02.jpg') no-repeat center / cover;}
.mobile-banner { background: url('../img/img_visual_main_04.jpg') no-repeat center / cover;}
.es-banner { background: url('../img/img_sub_visual_main_05.jpg') no-repeat center / cover;}
.hosting-banner { background: url('../img/img_sub_visual_main_06.jpg') no-repeat center / cover;}
.maketing-banner { background: url('../img/img_sub_visual_main_08.jpg') no-repeat center / cover;}

/* 회사소개 */
.au-banner { background: url('../img/aboutus.png') no-repeat center / cover;}
.aboutus #tab1 .sub-wrap{ padding-bottom: 0;}
.aboutus #tab1 .article1{ text-align: center;}
.aboutus .title{ margin-bottom: 1rem;}
.aboutus .tab-item .article:not(:first-child){ margin-top: 8rem;}
.aboutus .item{ margin-top: 7.4rem;}
.aboutus .item img{ max-width: 100%;}
.form-01{ text-align: left; border: 1px solid #888; padding: 6rem; box-shadow: inset 0 0 0 4px #ccc;}
.form-01 .txt:not(:last-child){ margin-bottom: 3rem;}
.form-01 .txt2{ font-family: 'NSKM';}
.aboutus #tab1 .article2 .title{ text-align: center;}
.k-awards{ border: 1px solid #888; padding: 6rem 14rem;; box-shadow: inset 0 0 0 4px #ccc; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 6rem;}
.k-awards li{ width: 513px; max-width: 100%; display: flex; align-items: center;}
.k-awards .left{ flex-shrink: 0; margin-right: 2rem;}
.k-awards img{ max-width: 100%;}
.k-awards .right {}
.aboutus #tab1 .article3{ margin-top: 9.6rem; padding: 9rem 0; background: #585757 url('../img/au_bg1.png') no-repeat right center / contain; color: #fff;}
.aboutus #tab1 .article3 .txt{ font-family: 'NSKM';}
.aboutus #tab1 .article3 .txt2{ font-family: 'NSKL';}
.aboutus #tab1 .article3 li:not(:first-child){ margin-top: 3rem;}
.aboutus #tab1 .article4{ margin-top: 0; background-color: #f2f2f2; text-align: center; padding: 9.4rem 0;}
.aboutus #tab1 .article4 .deed{ margin-top: 1rem; max-width: 100%;}
.tab-contants .tab-item:not(:first-child){ display: none;}
.aboutus #tab2 .article1{ text-align: center;}
.aboutus #tab2 .ceo{ display: inline-block; width: 180px; height: 180px; line-height: 180px; font-family: 'NSKM'; border-radius: 50%; color: #fff; background: linear-gradient(to right, #f89407, #f84809);}
.form-02{ display: flex; align-items: center; justify-content: space-between;; width: 1250px; max-width: 100%; margin: 6rem auto 4rem; flex-wrap: wrap;}
.form-02 li{ display: flex; align-items: center; justify-content: center; width: 200px; height: 80px; border-radius: 10px; border: 1px solid #f84b09;}
.root_daum_roughmap{ max-width: 100% !important;}

/* 회사소개 뉴 */
.aboutus-new .section{ margin-top: 14rem;}
.aboutus-new .sec-01{ margin-top: 0; height: 940px;	background: url('../img/aboutus2.png') no-repeat center / cover; overflow: hidden; position: relative;}
.aboutus-new .sec-01 .bg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.3); filter: blur(10px); width: 100%; height: 100%; background: url('../img/aboutus2.png') no-repeat center / cover; animation: aboutus-bg 4s linear forwards;}
@keyframes aboutus-bg{ 
	100%{ 
		transform: translate(-50%, -50%) scale(1); 
		filter: blur(0);
	}
}
.aboutus-new .sec-01 .container{ height: 100%; display: flex; flex-direction: column; align-items: center; position: relative;}
.aboutus-new .sec-01 .paragraph{ margin-top: 17.8rem; color: #fff; text-align: center; font-family: 'NSKL'; animation: sec01-txt 2s 0.6s linear forwards; opacity: 0;}
@keyframes sec01-txt{ 
	100%{ 
		opacity: 1;
	}
}
.aboutus-new .sec-01 .title1{ font-family: 'CDB'; margin-bottom: 1.4rem;}
.aboutus-new .sec-01 .title2{ line-height: 6rem; margin-bottom: 3.4rem;}
.aboutus-new .sec-01 .txt{ line-height: 3.6rem;}
.aboutus-new .sec-01 ul{ display: flex; align-items: center; justify-content: center; margin-top: 5rem;}
.aboutus-new .sec-01 li{ border: 2px solid #fff; border-radius: 50%; color: #fff; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: 'Maven Pro'; background-color: rgba(0,0,0,0.2); animation: sec01-li 0.3s 1.4s cubic-bezier(0, 0, 0, 2.99) forwards; transform: translateY(30px); opacity: 0;}
@keyframes sec01-li{ 
	100%{ 
		opacity: 1;
		transform: translateY(0);
	}
}
.aboutus-new .sec-01 li:nth-child(2){ animation-delay: 1.5s;}
.aboutus-new .sec-01 li:nth-child(3){ animation-delay: 1.6s;}
.aboutus-new .sec-01 li:nth-child(4){ animation-delay: 1.7s;}
.aboutus-new .sec-01 li:nth-child(5){ animation-delay: 1.8s;}
.aboutus-new .sec-01 li:not(:first-child){ margin-left: 1.4rem;}
.pdf-down{ display: flex; align-items: center; padding: 1rem; /* background-color: #fff; */ border-radius: 6px; position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%);}
.pdf-down:hover .txt1{ text-decoration: underline;}
.pdf-down img{ margin-right: 0.6rem; width: 35px;}
.pdf-down .txt-box {}
.pdf-down .txt-box .txt1{ font-size: 1.7rem; color: #fff;}
.pdf-down .txt-box .txt2{ font-size: 1.3rem;}

.aboutus-new .article1{ /* padding-top: 13rem; */}
.aboutus-new .section .title{ font-size: 10rem; font-family: 'CDB';}
.aboutus-new .section .title .type-01{ color: #f84709;}
.aboutus-new .section .title span{ position: relative; transition: 0.5s ease-out;}
.aboutus-new .section .title span:nth-child(1){ opacity: 0; top: -100px;}
.aboutus-new .section .title span:nth-child(2){ opacity: 0; left: 100px; transition-delay: 0.3s;}
.aboutus-new .section.active .title span:nth-child(1){ opacity: 1; top: 0;}
.aboutus-new .section.active .title span:nth-child(2){ opacity: 1; left: 0;}
.aboutus-new .article{ margin-top: 6rem;}
.aboutus-new .sec-02 .article1{ text-align: center;}
.aboutus-new .sec-02 .article1 img{ max-width: 100%;}
.aboutus-new .sec-02 .paragraph{ line-height: 3.2rem; margin-top: 8.6rem;}
.aboutus-new .sec-02 .paragraph p:not(:first-child){ margin-top: 3rem;}
/* .sec-03{ margin-top: 14rem;} */
.aboutus-new .sec-03{ position: relative;}
.aboutus-new .sec-03:after{ content: ''; width: 200px; height: 100%; top: 0; right: 0;}
.aboutus-new .sec-03 .head{ display: flex; align-items: flex-end; /* justify-content: space-between; */}
.awards-scroll{ width: 600px; border-bottom: 1px dashed; margin-left: 3rem; margin-bottom: 4rem; position: relative;}
.awards-scroll .circle{ position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background-color: #222; transform: translateY(-50%); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.awards-scroll .circle span{ width: 10px; height: 10px; background-color: #fff; border-radius: 50%;}
.awards-slide{ margin-top: 7rem;}
.awards-slide .owl-stage-outer{ overflow: visible !important;}
.awards-slide li{ display: flex;}
.awards-slide .year{ font-size: 7rem; font-family: 'NSKL'; margin-right: 3rem;}
.awards-slide .content{ font-size: 2.4rem; font-family: 'NSKL'; display: flex; white-space: nowrap;}
.awards-slide .thumb{ height: 76px; margin-bottom: 2rem;}
.awards-slide .owl-item img{ width: auto !important;}
.awards-slide .content .item:not(:first-child){ margin-left: 6rem;}
.awards-slide .content .item:last-child{ margin-right: 10rem;}
.awards-slide .owl-item:last-child .item:last-child{ margin-right: 0}
.awards-slide .owl-stage{ display: flex;}
.aboutus-new .sec-04{ height: 940px; overflow: hidden; position: relative;}
.aboutus-new .sec-04 .bg{ position: absolute; transform: scale(1.5); transition: transform 18s ease; width: 100%; height: 100%; background: url('../img/aboutus3.png') no-repeat center / cover;}
.aboutus-new .sec-04.active .bg{ transform: scale(1);}
.aboutus-new .sec-04 .container{ position: relative; color: #fff; height: 100%; display: flex; align-items: center;}
.aboutus-new .sec-04 .txt1{ font-family: 'NSEB';}
.aboutus-new .sec-04 .txt2{ font-family: 'NSKB';}
.aboutus-new .sec-04 a{ width: 200px; height: 60px; border: 1px solid #fff; border-radius: 30px; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 3rem; transition: background-color 0.2s ease, color 0.2s ease}
.aboutus-new .sec-04 a:hover{ background-color: rgba(255,255,255,0.2);}

/* 공지사항 */
.notice-top{ text-align: center; margin-bottom: 12rem;}
.notice-table .col1{ width: 80px;}
.notice-table .col3{ width: 100px;}
.notice-table .col4{ width: 100px;}
.notice-table .col5{ width: 80px;}

/* 로그인 */
.member_box_01_01 { font-size: 2.4rem; font-family: 'CDR';}
.member_box_01_04{ margin-top: 3rem; font-size: 1.5rem;}
.home_login_btn{ background-color: #07afee; display: block; padding: 3%; color: #fff; font-size: 2.4rem; text-align: center;}

/* 가이드 */
#help-wrap{ padding-top: 100px;}
#help-header{ position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.26); z-index: 10000; background-color: #fff;}
#help-header .container { padding: 0 3rem; display: flex; align-items: center; height: 100px;}
.help-container{ width: 1700px;}
.help-search-wrap{ margin-left: 8rem; flex-grow: 1;	}
.help-search{ width: 100%; height: 50px; background-color: #f8f8f8; border: 1px solid #b2b2b2; border-radius: 3px; padding: 0 2rem; display: flex; align-items: center;}
.input-01{ background-color: transparent; border: 0; flex-grow: 1;}
.search-submit{ width: 30px; height: 30px; background: url('../img/search.png') no-repeat center / cover; font-size: 0; border: 0; margin-left: 2.2rem;}
.sub-wrap2{ padding: 5rem 0;}
.help-container{ display: flex; align-items: flex-start;}
.help-m{ display: none; align-items: center;}
.help-hamburger{ padding-left: 1.6rem; margin-left: 1.6rem; border-left: 1px solid;}
.help-search-m{ width: 23px; height: 23px; background: url('../img/search2.png') no-repeat center / contain;}
.search-m-close{ display: none; width: 23px; height: 18px; background: url('../img/close2.png') no-repeat center / contain;}
#help-lnb{ background-color: #336190; width: 250px; /* padding-bottom: 2rem; */ flex-shrink: 0;}
#help-lnb .close{ padding: 0 2rem; display: flex; align-items: center; justify-content: center; height: 50px; border-bottom: 1px solid #24588d; background-color: rgba(0,0,0,0.2);}
#help-lnb .one{ /* padding: 0 2rem; */}
#help-lnb .one:not(:last-child){ border-bottom: 1px solid #24588d;}
#help-lnb .one > a{ color: #fff; display: flex; align-items: center; justify-content: space-between; height: 60px; font-size: 1.5rem; font-family: 'CDR'; padding: 0 2rem;}
#help-lnb .two{ display: none; background-color: #fff; border-left: 1px solid #e6eaef; border-right: 1px solid #e6eaef;}
#help-lnb .two li:not(:first-child){ /* margin-top: 0.4rem; */}
#help-lnb .two li{ border-bottom: 1px solid #e6eaef;}
#help-lnb .two a{ color: #336190; line-height: 40px; font-size: 1.4rem; font-family: 'NSKD'; display: block; padding: 0 2rem; /* transition: background-color 0.2s ease; */}
#help-lnb .two a.active{ background-color: #e6eaef;}
.toggleBtn{ width: 16px; height: 16px; background: url('../img/plus.png') no-repeat center / cover;}
.toggleBtn.active{ background: url('../img/minus2.png') no-repeat center / cover;	}
.help-content{ margin-left: 4.8rem; flex-grow: 1;}
.help-content .title{ font-family: 'NSKD'; margin-bottom: 2rem;}
.help-content img{ max-width: 100%;}
.help-content span{ font-family: 'NSKR' !important;}
.help-content b{ font-family: 'NSKM' !important; font-weight: normal;}
.search-results .title1{ font-family: 'NSKR'; vertical-align: middle;}
.search-results ul > li:not(:first-child){ margin-top: 3rem;}
.search-results .navigation{ margin-left: 1.5rem; display: inline-block; vertical-align: middle;}
.search-results .navigation li{ display: inline-block;}
.search-results .navigation li:not(:first-child){ position: relative; margin-left: 1rem; padding-left: 1rem;}
.search-results .navigation li:not(:first-child):before{ content: '>'; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); font-size: 1.5rem;}
.search-results .navigation li a{ color: #222; font-family: 'NSKL';}
.search-results .txt{ margin-top: 1rem; font-size: 1.8rem; font-family: 'NSKL'; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 52px;}
.search-results .txt strong{ font-family: 'NSKM';}

.pi-banner{ background: url('../img/pi_banner.png') no-repeat center / cover;}
.plugin .title{ text-align: center; line-height: 1; margin-bottom: 5rem;}
.plugin .article:not(:first-child){ margin-top: 15rem;}
.recommend-list li{ display: flex; border: 1px solid #d7d7d7;}
.recommend-list li:not(:first-child){ margin-top: 4rem;}
.recommend-list .thumb{ border-right: 1px solid #d7d7d7;}
.recommend-list .content{ flex-grow: 1; display: flex; flex-direction: column; padding: 4.4rem 5.8rem;}
.recommend-list .content .title1{ line-height: 1; margin-bottom: 2rem;}
.recommend-list .btn-wrap{ justify-content: flex-end; margin-top: auto;}
.recommend-list .btn{ display: flex; align-items: center; justify-content: space-between; width: 170px; height: 50px; min-width: auto; padding: 0 3rem;}
.recommend-list .btn3{ background-color: #fb2d63; color: #fff;}
.recommend-list .btn1{ background-color: #2d63fb; color: #fff;}
.plugin .a2{ height: 408px; background: url('../img/cumi_banner.png') no-repeat center;}
.plugin .a2 .sub-container{ color: #fff; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.plugin .a2 .title1{ line-height: 1; margin-bottom: 2.6rem;}
.plugin .a2 a{ width: 190px; height: 60px; background-color: #2d63fb; color: #fff; font-size: 2rem; border: 2px solid #fff; line-height: 56px; text-align: center; margin-top: 3.6rem;}
.plugin-products{ display: flex; justify-content: space-between;}
.plugin-products li{ width: 382px; border: 1px solid #d7d7d7;}
.plugin-products .thumb{ border-bottom: 1px solid #d7d7d7;}
.plugin-products .content{ display: flex; flex-direction: column; padding: 3rem 4.4rem; height: 260px;}
.plugin-products .title1{ line-height: 1; margin-bottom: 2.6rem; text-align: center;}
.plugin-products .txt{ word-break: keep-all;}
.plugin-products .btn-wrap{ margin-top: auto;}
.plugin-products .btn{ width: 140px; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 2rem; min-width: auto; /* font-size: 2rem; */}
.plugin-products .btn:not(:first-child){ margin-left: 1rem;}
.plugin-products .btn3{ background-color: #fb2d63; color: #fff;}
.plugin-products .btn1{ background-color: #2d63fb; color: #fff;}
.plugin-product .a1{ display: flex; align-items: flex-start; padding-bottom: 4rem; border-bottom: 1px solid #5e5e5e; /* margin-top: 4rem; */}
.plugin-product .a1 .thumb{ flex-shrink: 3; border: 1px solid #d7d7d7;}
.plugin-product .a1 .content{ flex-grow: 1; margin-left: 7rem; display: flex; flex-direction: column;}
.plugin-product .a1 .title1{ line-height: 1; border-bottom: 1px solid #5e5e5e; padding: 1rem 1rem 2rem;}
.plugin-product .a1 table{ font-family: 'NSKD'; margin-top: 2.7rem; margin-bottom: 2.7rem; font-size: 1.9rem; margin-left: 1.6rem;}
.plugin-product .a1 table tr:not(:first-child){ margin-top: 1rem;}
.plugin-product .a1 th{ padding-left: 1rem; text-align: left; background: url('../img/dot.png') no-repeat left 11px; vertical-align: top; height: 40px; width: 114px;}
.plugin-product .a1 td{ vertical-align: top;}
.plugin-product .a1 .btn-wrap{ padding-top: 3rem; border-top: 1px solid #5e5e5e; margin-top: auto; display: flex; justify-content: space-between;}
.plugin-product .a1 .btn{ min-width: auto; width: calc((100% - 3rem) / 3); height: 50px; line-height: 48px; font-size: 2rem; font-family: 'NSKM';}
.plugin-product .a1 .btn:hover{ background-color: initial; color: #fb2d63;}
.plugin-product .a1 .btn:nth-child(3){ color: #fff; background: #fb2d63 url('../img/arrow5.png') no-repeat 80% center;}
.plugin-product .a2{ margin-top: 6rem;}
.plugin-product .a2 .paragraph:not(:first-child){ margin-top: 7.8rem;}
.plugin-product .a2 .title1{ font-family: 'NSKM'; line-height: 1; position: relative;}
.plugin-product .a2 .title1:before{ content: ''; position: absolute; top: -10px; left: 0; width: 22px; height: 2px; background-color: #222;}
.plugin-product .a2 .txt1{ line-height: 2.8rem; margin-top: 2.2rem;}
.plugin-product .a2 .txt1 span{ font-family: 'NSKM';}
.plugin-product .a2 ul{ margin-top: 4.4rem;}
.plugin-product .a2 ul li{ line-height: 3.4rem;}
.plugin-product .a2 ul li:not(:first-child){ margin-top: 3.2rem;}
.plugin-product .a2 ul li span{ font-family: 'NSKM';}
.plugin-product img{ max-width: 100%;}
.navigation{ display: flex; justify-content: flex-end; padding-bottom: 2rem; border-bottom: 1px solid #5e5e5e;}
.navigation li:not(:first-child){ margin-left: 1rem; padding-left: 1rem; position: relative;}
.navigation li:not(:first-child):before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 8px; height: 8px; background: url('../img/arrow6.png') no-repeat center;}
.navigation a{ font-size: 1.5rem;}
.navigation a.on{ font-family: 'NSKB';}
.plugin-product .sub-wrap{ padding-top: 3.6rem;}
.pdf{ margin-top: 1rem; display: flex; justify-content: flex-end;}
.pdf a{ width: 144px; height: 33px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.4rem; background-color: #2d63fb;}
.popup1{ position: absolute; z-index: 1;}
.pop_btm1{ background-color: rgba(0,0,0,0.4); padding: 10px; display: flex; align-items: center; color: #fff; font-family: 'CDR'; font-size: 12px;}
.pop_btm1 a{ margin-left: auto; color: #fff;}
.pop_btm1 input{ margin-right: 4px;}
.nft-visual{ height: 560px; position: relative; line-height: 1; overflow: hidden;}
.nft-visual .bg{ position: absolute; transform: scale(1.06); width: 100%; height: 100%; background: url('../img/nft-visual.png') no-repeat center / cover; animation: nft-bg 4s linear forwards;}
@keyframes nft-bg{ 
	100%{ 
		transform: scale(1);
	}
}
.nft-visual .container{ height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff; position: relative;}
.nft-visual h3{ font-size: 72px; font-family: 'NSKB'; animation: nft-h3 0.8s 0.2s ease-out forwards; transform: scale(1.06); opacity: 0;}
@keyframes nft-h3{ 
	100%{ 
		opacity: 1;
		transform: scale(1);
	}
}
.nft-visual h4{ margin-top: 40px; font-size: 36px; animation: nft-h4 0.6s 0.6s ease forwards; transform: translateY(15px); opacity: 0;}
@keyframes nft-h4{ 
	100%{ 
		opacity: 1;
		transform: translateY(0);
	}
}
.nft-visual a{ color: #fff; font-size: 22px; margin-top: 113px; animation: nft-a 0.4s 0.8s cubic-bezier(0, 0.67, 0.7, 1.46) forwards; transform: translateY(15px); opacity: 0;}
@keyframes nft-a{ 
	100%{ 
		opacity: 1;
		transform: translateY(0);
	}
}
.nft-visual a span{ vertical-align: middle; margin-right: 20px;}
.nft-wrap .section h3{ font-family: 'NSKB'; font-size: 56px; letter-spacing: -0.3rem; line-height: 82px;}
.about-nft{ padding-top: 86px; padding-bottom: 150px; background-color: #efefef;}
.about-nft h3{ text-align: center;}
.about-nft .txt{ font-size: 25px; line-height: 45px; text-align: center; letter-spacing: -0.2rem; font-family: 'NSKL'; margin-top: 54px;}
.nft-info{ margin-top: 162px;}
.nft-info li{ display: flex; align-items: center; perspective: 2700px;}
.nft-info li:not(:last-child){ margin-bottom: 200px;}
.nft-info .img-wrap{ width: 46.5%;}
.nft-info .thumb{ padding-top: calc(420 / 651 *100%); position: relative; filter: drop-shadow(9px 9px 15px rgba(0,0,0,0.26));}
.nft-info .thumb img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.nft-info li:nth-child(odd) .content{ margin-left: 87px;}
.nft-info li:nth-child(even) .content{ margin-right: 87px;}
.nft-info .content{ flex-grow: 1;}
.nft-info h4{ font-size: 40px; font-family: 'NSKB'; margin-bottom: 25px;}
.nft-info h4 span{ font-family: 'NSKM';}
.nft-info .txt1{ font-size: 21px; line-height: 34px;}
.nft-info .txt1:not(:last-child){ margin-bottom: 20px;}
.nft-info li:nth-child(odd) .img-wrap{ opacity: 0; transform: rotateY(31deg) rotateX(5deg) translateX(-40%); transition: transform 1s, opacity 1.5s;	}
.nft-info li:nth-child(odd).active .img-wrap {	 opacity: 1; transform: rotateY(0) rotateX(0) translateX(0);}
.nft-info li:nth-child(odd) .content{ opacity: 0; transform: translateX(40%); transition: transform 1s 0.2s, opacity 1.5s;	}
.nft-info li:nth-child(odd).active .content{ opacity: 1; transform: translateX(0);}
.nft-info li:nth-child(even) .img-wrap{ opacity: 0; transform: rotateY(-31deg) rotateX(-5deg) translateX(40%); transition: transform 1s, opacity 1.5s;	}
.nft-info li:nth-child(even).active .img-wrap {	 opacity: 1; transform: rotateY(0) rotateX(0) translateX(0);}
.nft-info li:nth-child(even) .content{ opacity: 0; transform: translateX(-40%); transition: transform 1s 0.2s, opacity 1.5s;	}
.nft-info li:nth-child(even).active .content{ opacity: 1; transform: translateX(0);}
.nft-counsult{ padding-top: 114px; padding-bottom: 156px; background: url('../img/nft-gradient.png') no-repeat center top / cover;}
.nft-counsult .txt{ font-size: 40px;}
.service-type{ display: flex; flex-wrap: wrap; margin: 110px -20px -60px;}
.service-type li{ width: calc((100% - 120px) / 3); margin: 0 20px 60px; background-color: #fff; border-radius: 30px; box-shadow: 8px 8px 30px rgba(0,0,0,0.15); text-align: center; padding-top: 76px; padding-bottom: 70px; opacity: 0; transform: translateY(30px) scale(0.98); transition: transform 0.4s cubic-bezier(0, 0.38, 0.54, 1.34), opacity 0.2s ease;}
.service-type li:nth-child(1).active{ transition-delay: 0.15s;	}
.service-type li:nth-child(2).active{ transition-delay: 0.3s;	}
.service-type li:nth-child(3).active{ transition-delay: 0.45s;	}
.service-type li:nth-child(4).active{ transition-delay: 0.15s;	}
.service-type li:nth-child(5).active{ transition-delay: 0.3s;	}
.service-type li:nth-child(6).active{ transition-delay: 0.45s;	}
.service-type li.active{ opacity: 1; transform: translateY(0) scale(1);}
.service-type .thumb{ height: 141px; display: flex; align-items: center; justify-content: center;}
.service-type h4{ display: inline-block; min-width: 200px; height: 60px; border-radius: 30px; margin: 67px auto 32px; font-size: 24px; font-family: 'NSKB'; background-color: var(--i); color: #fff; padding: 0 36px; text-align: center; line-height: 60px;}
.service-type p{ font-size: 19px; line-height: 32px; letter-spacing: -0.18rem;}
.support-service{ margin-top: 195px;}
.support-service h4{ background: linear-gradient(to right, #f6b1f5, #fbc7d2, #94fdc7, #5ee8fc, #009cff); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 50px; font-family: 'NSKB'; display: inline;}
.support-service ol{ margin-top: 28px;}
.support-service li{ display: flex;}
.support-service li span{ width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #81a0ca; font-size: 14px; color: #023272; margin-right: 13px; margin-top: 12px;}
.support-service li p{ font-size: 24px; line-height: 50px; color: #fff;}
.write-inquiry{ margin-top: 108px;}
.write-inquiry h4{ display: flex; align-items: center; font-size: 32px; color: #fff;}
.write-inquiry h4 img{ margin-right: 17px;}
.write-inquiry .txt{ font-size: 24px; color: #fff; margin-top: 28px;}
.inquiry-wrap2{ margin-top: 17px; display: flex; align-items: flex-end; justify-content: space-between;}
.inquiry-form{ width: 50%;}
.inquiry-form li{ margin-top: 10px;}
.inquiry-form li:last-child{ margin-top: 20px;}
.inquiry-form li.required{ position: relative;}
.inquiry-form li.required:before{ content: '*'; position: absolute; top: 19px; left: 14px; font-size: 15px; color: #eb3762;}
.inquiry-form input[type='text']{ width: 100%; height: 50px; border: 0; border-radius: 10px; padding: 0 24px; font-size: 15px;}
.inquiry-form input[type='text']::placeholder, .inquiry-form textarea::placeholder{ color: #777; font-family: 'NSKR';}{ color: #777; font-family: 'NSKR';}
.inquiry-form textarea{ width: 100%; border-radius: 10px; resize: none; height: 160px; border: 0; padding: 20px 24px; font-size: 15px;}
.inquiry-form input[type='submit']{ width: 100%; height: 60px; background-color: #023476; color: #fff; font-size: 18px; border: 0; border-radius: 10px; cursor: pointer;}
.inquiry-form .terms{ overflow: hidden; border-radius: 10px;}
.inquiry-form .terms div{ background-color: #fff; height: 14.4rem; overflow-y: auto; padding: 20px 24px; font-size: 15px; color: #777; line-height: 2.6rem;}
.inquiry-form .chk{ background-color: #fff; padding: 0px 24px; height: 50px; line-height: 50px; border-radius: 10px; font-size: 15px; color: #777;}
.inquiry-form .chk input{ vertical-align: middle; margin-right: 2px;}
.inquiry-form .chk .txt{ color: #777;	 font-size: 15px; vertical-align: middle;}
.seeknow-address{ font-size: 20px; color: #fff; line-height: 36px;}
.seeknow-address li:first-child{ margin-bottom: 30px;}
.seeknow-address li{ display: flex; justify-content: flex-end;}
.seeknow-address li p:not(:last-child){ margin-right: 26px;}
.seeknow-address li span{ margin-right: 20px;}

/* 미디어쿼리 */
@media screen and (max-width: 1440px){ 
	html{ font-size: 9px;}
	#header h1 img{ width: 170px;}
	.container{ padding: 0 3rem;}
	#visual .main-slide .active .title{ margin-bottom: 1.5rem;}
	#visual .slide-caption .title{ font-size: 3.7rem;}
	#visual .slide-caption .txt{ font-size: 1.7rem;}
	#visual .item2 .slide-caption{transform: translate(-194px, -211px);}
	.main-slide-nav .bar{ height: 18px;}
	.nav-txt{ font-size: 1.7rem;}
	.prev-txt{ margin-left: 20px;}
	.next-txt{ margin-right: 20px;}
	.main-slide-nav .small-thumb{ width: 190px; height: 122px;}
	.main-slide .owl-prev:hover .prev-thumb{ transform: translate(22px, -50%);}
	.main-slide .owl-next:hover .next-thumb{ transform: translate(-22px, -50%);}
	.main-sub-title{ width: 760px;}
	.main-sub-title h3{ font-size: 6.3rem; letter-spacing: -0.5rem;}
	.main-sub-title .txt{ font-size: 2.4rem; margin-top: 0.4rem;}
	.main-section.active h3 .bold:after{ width: 101%;}
	.business-line .article .item{ width: calc((100% - 6.8rem) / 2);}
	.performance .main-sub-title{ width: 680px;}
	.performance .statistics li{ width: 280px; height: 210px;}
	.performance .statistics h4{ top: 12px; left: 12px; font-size: 1.2rem; line-height: 1.7rem;}
	.statistics .counter{ font-size: 6rem;}
	.main-notice .main-sub-title{ width: 670px;}
	.notice-preview li .item1{ width: 80px;}
	.notice-preview li .item1 .date{ margin-top: 0.5rem;}
	.notice-preview li a{ height: 78px;}
	.notice-preview li .item2{ width: 20%; font-size: 1.8rem; padding-left: 4%;}
	.notice-preview li .item3{ font-size: 1.7rem; padding-left: 4%;}
	.notice-preview .item4{ margin: 0 4%;}
	.main-portfolio .main-sub-title{ width: 570px;}
	.main-portfolio-more a{ font-size: 2rem;}
	.bl1-deco{ width: 39%;}
	.bl2-deco{ top: -31%; right: -93px; width: 62%;}
	.bl3-deco{ bottom: -19%; width: 54%;}
	.bl4-deco{ width: 80%; right: -22%;}
	.sub-container{ width: 100%; padding: 0 3rem;}
	.k-awards{ flex-direction: column; justify-content: center; padding: 6rem 2rem}
	.bubble{ left: 196px; } /* 가이드 */ .help-container{ /* width: 100%; padding: 0 3rem; */}
	#help-lnb{ width: 218px;}
	#help-lnb .one{ /* padding: 0 1.5rem; */}
	#help-lnb .one > a{ height: 50px;}
	#help-lnb .two{ /* padding-bottom: 2rem; */ border: 0;}
	#help-lnb .two a{ font-size: 1.5rem;}
	.search-results .txt{ max-height: 46px;}
	.gnb > li:not(:first-child){ margin-left: 3rem;}

	/* START 리뉴얼 헤더 */
	#header.renewal_header .all-category .container{ padding: 5rem 8% 7rem;}

	/* START 리뉴얼 메인 */
	.renewal_index .portfolio-gallary h4,
	.portfolio-list h4{ font-size: 2.2rem;}

	.renewal_index .portfolio-gallary li .pf-inner:hover h4, 
	.portfolio-list li .pf-inner:hover h4{ font-size: 2.8rem;}

	.renewal_index .portfolio-gallary li .pf-inner:hover .text, 
	.renewal_index .portfolio-gallary li .pf-inner:hover .tag, 
	.renewal_index .portfolio-gallary li .pf-inner:hover .go_site,
	.portfolio-list li .pf-inner:hover .text, 
	.portfolio-list li .pf-inner:hover .tag, 
	.portfolio-list li .pf-inner:hover .go_site{ opacity: 1;}
}
@media screen and (max-width: 1280px){ 
	#visual .item1 .slide-caption {top: 135px;transform: translate(-50%, -20%);}
	.scroll-guide {display:none;}
	.question-consulting {bottom: 200px;justify-content: center;align-items: center;}
	.question-consulting li.qc_txt {font-size: 19px;}
	.question-consulting {bottom: 70px;width: 100%;} #wrap{padding-top: 0;}
	#header .top .container{ height: 34px;}
	#header .bottom .container{ position: relative; height: 50px; justify-content: space-between;}
	#header h1{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(2rem, -50%);
	}
	#header h1 img{ width: 120px;}
	#header.renewal_header h1 a .logo{ height: 34px;}
	.hamburger{display: block;position: absolute;top: 10px;right: 10px;} body.active{ overflow: hidden;}
	.gnb-box{padding-left: 0;margin-right: initial;display: block;background-color: rgba(21,26,35,0.95);background: #fff;position: fixed;top: 0;right: -100%;width: 100%;height: 100vh;overflow-y: auto;transition: right 0.3s;}
	.gnb-box.active{right: 0;}
	.gnb{ display: none;}
	#header.renewal_header .header_cs{ display: none;}
	.mobile-gnb{ display: block;}
	.mobile-top{ display: block;}
	.all-category{ display: none !important;}
	#visual .main-slide .item{ height: calc(100vh - 88px);}
	.main-slide .owl-prev:hover .prev-thumb{ opacity: 0;}
	.main-slide .owl-next:hover .next-thumb{ opacity: 0;}
	.sub-banner{ height: 270px;}
	.sub-title .title{ font-size: 4rem;}
	.btn1{ font-size: 1.8rem;}
	.btn2{ font-size: 1.8rem;}
	.btn3{ font-size: 1.8rem;}
	.scroll-menu.on{ top: 85px;}
	.txt-48{ font-size: 4rem;}
	.txt-24{ font-size: 2rem;}
	.txt-30{ font-size: 2.6rem;}
	.platform-class li{ width: calc((100% - 4rem) / 3)}
	.sc-category a{ font-size: 1.5rem;}
	.terms-wrap{ display: block;}
	.terms-wrap .left{ display: none;}
	.terms-wrap .right{ margin-left: 0;}
	.sitemap dl{ width: calc(100% / 3);}
	.terms-wrap2{ height: 100vh;}
	.terms-head{ height: 80px;}
	.form-02 li{ width: calc((100% - 5rem) / 6); height: 70px;}
	.bubble{ display: none; } /* 가이드 */ .help-search-wrap{ display: none;}
	#help-header .container{ height: 50px; justify-content: space-between;}
	#help-header h1 img{ width: 120px;}
	.help-m{ display: flex;}
	#help-wrap{ padding-top: 50px;}
	.help-search-wrap{ position: fixed;
	top: 50px; left: 0; width: 100%; margin-left: 0; padding: 1.5rem; background-color: #336190; box-shadow: 0 2px 5px rgb(0 0 0 / 26%);}
	.help-search{ height: 36px; border: 0; background-color: #fff; border-radius: 0; padding: 0 1.5rem;}
	.search-submit{ width: 23px; height: 23px; background: url('../img/search2.png') no-repeat center / contain;}
	#help-lnb{ position: fixed;
	top: 0; left: 0;
	transform: translateX(-100%); z-index: 10001; width: 250px; height: 100vh; overflow-y: auto; box-shadow: 1px 0 4px rgb(0 0 0 / 30%);
	transition: transform 0.2s ease;}
	#help-lnb.active{ transform: translateX(0);}
	.help-content{ margin-left: 0;}
	.txt-60{ font-size: 4rem;}
	.plugin-products li{ width: calc((100% - 4rem) / 3);}
	.plugin-products .thumb img{ width: 100%;}
	.plugin-products .content{ padding: 2rem; height: 240px; } /* .plugin-product .a1 .thumb{ width: 402px; } */ .plugin-product .a1 .thumb img{ width: 100%;}
	.plugin-product .a1 .content{ margin-left: 3rem;}
	.plugin-product .a1 .title1{ padding-bottom: 1.6rem;}
	.plugin-product .a1 table{ font-size: 1.7rem; margin-top: 1.5rem;}
	.plugin-product .a1 th{ height: 33px;}
	.plugin-product .a1 td br{ display: none;}
	.plugin-product .a1 .btn{ font-size: 1.8rem; padding: 0;}
	.nft-visual h3{ font-size: 50px;}
	.nft-visual h4{ font-size: 30px;}
	.nft-wrap .section h3{ font-size: 30px; line-height: 50px;}
	.about-nft .txt{ font-size: 20px; line-height: 36px;}
	.nft-info h4{ font-size: 26px;}
	.nft-info .txt1{ font-size: 18px; line-height: 32px;}
	.nft-info .txt1:not(:last-child){ margin-bottom: 10px;}
	.nft-info li:nth-child(odd) .content{ margin-left: 40px;}
	.nft-info li:nth-child(even) .content{ margin-right: 40px;}
	.nft-info li:not(:last-child){ margin-bottom: 120px;}
	.service-type{ margin: 80px -10px -60px;}
	.service-type li{ width: calc((100% - 60px) / 3); margin: 0 10px 60px;}
	.service-type h4{ height: 50px; line-height: 50px; font-size: 20px;}
	.service-type p{ font-size: 14px; line-height: 28px;}
	.nft-counsult .txt{ font-size: 20px;}
	.support-service h4{ font-size: 30px;}
	.support-service li p{ font-size: 18px; line-height: 40px;}
	.support-service li span{ margin-top: 8px;}
	.write-inquiry h4{ font-size: 30px;}
	.seeknow-address{ font-size: 18px;}

	/* START 리뉴얼 헤더 */
	#header.renewal_header{/* background-color: #fff; */color: #222;}
	#header.renewal_header:hover{ background-color: transparent;}
	#header.renewal_header .bottom .container{height: 68px;}
	#header.renewal_header .gnb-box.active{right: 0;padding-right: 0;}
	/* END 리뉴얼 헤더 */

	/* START 리뉴얼 메인 */
	.renewal_index .main-visual{top: unset;}
	.renewal_index .main-visual .slide-caption{ width: 100%; left: 0; padding: 100px 70px 20px; }
	.renewal_index .scroll-guide{left: 70px;}

	.renewal_index .main-section{ padding: 6rem 0;}
	.renewal_index .main-section.main-portfolio{ padding-top: 6rem;}

	.renewal_index .portfolio-gallary .title_box,
	.portfolio-list .title_box{ padding: 8%;}
	.renewal_index .portfolio-gallary li .pf-inner:hover .title_box, 
	.portfolio-list li .pf-inner:hover .title_box{ padding: 8%;}
	.renewal_index .portfolio-gallary li .pf-inner:hover h4,
	.portfolio-list li .pf-inner:hover h4{ font-size: 2.4rem;}

	/* END 리뉴얼 메인 */
	
}
@media screen and (max-width: 1180px){
	.renewal_index .main-visual .slide-caption .title{ text-overflow: ellipsis; max-width: 76vw; display: block; white-space: nowrap; overflow: hidden;}
}
@media (min-width: 1179px) and (max-width: 1180px){
	#visual .item2 .slide-caption{ transform: translate(-163px, -211px);}
}
@media screen and (max-width: 1024px){
	.homepage_promotion_wrap .btn_item.go_inquiry{ width: 320px; height: 65px; margin-top: 10px; border-radius: 40px; font-size: 28px;}

	.main-sub-title{ width: auto !important; padding: 0;}
	.main-sub-title h3{ font-size: 5.4rem; text-align: center;}
	.main-sub-title .txt{ font-size: 1.9rem; text-align: center;}
	#visual .item2 .slide-caption{transform: translate(-84px, -211px);}
	.business-line .article{ margin-top: 7rem;}
	.business-line .article h4{ font-size: 3rem; margin-bottom: 0.8rem;}
	.business-line .article h4 span{ font-size: 1.9rem;}
	.business-line .article .txt{ font-size: 1.6rem; line-height: 2.7rem;}
	.business-line .article .go{ width: 60px; height: 60px;}
	.business-line .article .item{ width: calc((100% - 3.8rem) / 2);}
	.business-line .article .go:before{ display: none;}
	.performance .statistics li{ width: 200px; height: 160px;}
	.partner-list li{ padding: 0 2rem;}
	.partner-list li img{ width: 100%;}
	.platform-detail .item1 li{ width: calc((100% - 3rem) / 2); height: 310px;}
	.platform-detail .item1 li:nth-child(-n+4) { margin-bottom: 4rem;}
	.platform-detail .item1 li .txt{ line-height: 2.4rem;}
	.platform-detail .item2 li{ width: calc((100% - 3rem) / 2); padding-left: 9rem;}
	.platform-detail .item3 li{ width: 100%; padding: 3rem 2rem; height: auto; margin-bottom: 2rem;}
	.platform-detail .item3 li .left{ width: 120px;}
	.platform-class{ flex-wrap: wrap; justify-content: center;}
	.platform-class li{ width: 340px; margin-bottom: 2rem;}
	.platform-class li:first-child{ margin-right: 2rem;}
	.p2p1 li{ width: 100%; height: auto; margin-bottom: 3rem;}
	.p2p1 li:not(:first-child){ padding-top: 3rem; border-top: 1px dashed #aaa;}
	.p2p1 li:nth-child(odd){ padding-right: 0;}
	.p2p1 li:nth-child(odd):after{ display: none;}
	.p2p1 li:nth-child(even){ padding-left: 0;}
	.p2p1 .bottom{ margin-top: 3rem;}
	.sc-category li{ width: calc(100% / 3);}
	.sc-category li:nth-child(3) .bottom{ border-right: 0;}
	.sc-category li:nth-child(-n+3){ margin-bottom: 4rem;}
	.portfolio-list a{ width: calc((100% - 3rem) / 2);}
	.portfolio-list a:nth-child(2n+2){ margin-right: 0;}
	.portfolio-list a:nth-child(3n+3){ margin-right: auto;}
	.portfolio-list a:nth-child(-n+2){ margin-top: 0 !important;}
	.shop-solution .sec-01 li:nth-child(2){ margin-left: 4rem;}
	.shop-solution .sec-03 .introduce{ flex-wrap: wrap;}
	.shop-solution .introduce li{ width: calc((100% - 2rem) / 2);}
	.shop-solution .introduce li:nth-child(n+3){ margin-top: 2rem;}
	.shop-solution .sec-03 .article2{ margin-top: 2rem;}
	.shop-solution .introduce2 li{ width: calc((100% - 2rem) / 2); padding-left: 0; height: 160px;}
	.shop-solution .introduce3 li:not(:first-child){ margin-top: 10rem;}
	/* .shop-solution .introduce3 .thumb{ display: none;} */
	.shop-solution .introduce3 li{flex-direction: column;display: flex;align-items: center;padding: 5rem 0;}
	.shop-solution .introduce3.my_shop_setting_box02 li .txt_box{margin-bottom: 3rem;}
	.shop-solution .introduce3.my_shop_setting_box03 li .txt_box{margin-top: 2rem;}
	.aboutus-new .sec-01 ul{ font-size: 1.8rem;}
	.aboutus-new .sec-01 li{ width: 100px; height: 100px;}
	.recommend-list .thumb{ width: 268px; flex-shrink: 0;}
	.recommend-list .thumb img{ width: 100%;}
	.recommend-list .content{ padding: 3rem;}
	.recommend-list .btn{ width: 130px; height: 38px;}
	.recommend-list .content .title1{ margin-bottom: 1rem;}
	.plugin-products{ flex-direction: column;}
	.plugin-products li{ width: 100%; display: flex;}
	.plugin-products li:not(:first-child){ margin-top: 4rem;}
	.plugin-products .thumb{ width: 268px; flex-shrink: 0; border-right: 1px solid #d7d7d7;}
	.plugin-products .content{ padding: 3rem; height: auto; flex-grow: 1;}
	.plugin-products .title1{ text-align: left; margin-bottom: 1rem;}
	.plugin-products .btn-wrap{ justify-content: flex-end;}
	.plugin-products .btn{ width: 130px; height: 38px;}
	.nft-visual h3{ font-size: 40px;}
	.nft-visual h4{ font-size: 20px; margin-top: 24px;}
	.nft-visual a{ font-size: 18px;}
	.nft-visual a span{ margin-right: 7px;}
	.nft-visual a img{ width: 20px;}
	.nft-visual{ height: 440px;}
	.nft-wrap .section h3{ font-size: 24px; line-height: 40px;}
	.about-nft .txt{ font-size: 18px; line-height: 36px; margin-top: 20px;}
	.about-nft .txt br{ display: none; word-break: keep-all;}
	.nft-info h4{ font-size: 20px;}
	.nft-info .txt1{ font-size: 16px; line-height: 26px; word-break: keep-all;}
	.nft-info .img-wrap{ width: 50%; flex-shrink: 0;}
	.nft-info li:nth-child(odd) .content{ margin-left: 20px;}
	.service-type{ width: 800px; max-width: 100%;  margin: 80px -0 -60px;}
	.service-type li{ width: calc((100% - 20px) / 2); margin: 0 0 60px}
	.service-type li:nth-child(even){ margin-left: 20px;}
	.service-type li:nth-child(1).active{ transition-delay: 0.15s;}
	.service-type li:nth-child(2).active{ transition-delay: 0.3s;}
	.service-type li:nth-child(3).active{ transition-delay: 0.15s;}
	.service-type li:nth-child(4).active{ transition-delay: 0.3s;}
	.service-type li:nth-child(5).active{ transition-delay: 0.15s;}
	.service-type li:nth-child(6).active{ transition-delay: 0.3s;}
	.support-service li p{ font-size: 16px; line-height: 36px;}
	.support-service li span{ margin-top: 5px; flex-shrink: 0;}
	.support-service h4{ font-size: 24px;}
	.write-inquiry h4{ font-size: 24px;}
	.write-inquiry h4 img{ margin-right: 10px; width: 27px;}
	.nft-counsult .txt{ font-size: 16px;}
	.inquiry-wrap{ display: block;}
	.inquiry-form{ width: 800px; max-width: 100%;}
	.seeknow-address{ margin-top: 100px;}
	.seeknow-address li{ justify-content: flex-start;}
	.seeknow-address li span{ margin-right: 9px;}

	.inquiry-wrap2 {display: block;}

	/* START 리뉴얼 메인 */
	.renewal_index .main-visual .slide-caption{top: 50%;left: 0;width: 100%;height: 100vh;transform: translateY(-50%);padding: 120px 70px 20px;}
	.renewal_index .main-visual .slide-caption .slide-caption-inner{/* min-height: 25vh; */position: relative;}
	.renewal_index .main-visual .slide-caption .go_real_site{bottom: 42vh;top: 30rem;bottom: initial;}
	.renewal_index .main-slide-container .arrows{top: 39%;}
	
	.renewal_index .main-slide2 .slick-dots{top: 39%;right: 9.25vw;}

	.renewal_index .portfolio-gallary li,
	.portfolio-list li{ width: calc(( 100% - 3% ) /2);}
	.renewal_index .portfolio-gallary .type,
	.portfolio-list .type{ text-align: right;}
	.renewal_index .portfolio-gallary h4,
	.portfolio-list h4{ text-align: right;}

	.portfolio-list li:nth-child(3n + 1){ margin-left:1.5%;}
	.portfolio-list li:nth-child(3n){ margin-right:1.5%;}
	.portfolio-list li:first-child,
	.portfolio-list li:nth-child(2n + 1){ margin-left:0;}
	.portfolio-list li:last-child,
	.portfolio-list li:nth-child(2n){ margin-right:0;}

	.renewal_index .main-visual .visual-bg-pc{ display: none;}
	.renewal_index .main-visual .visual-bg-ta{ display: block;}
	.renewal_index .main-visual .visual-bg-mo{ display: none;}
	.renewal_index .main-slide2 .slick-list img{min-width: 100%;width: 100%;/* height: 100%; */}

	.renewal_index .statistics .counter{ font-size: 7rem;}
	.renewal_index .partner-list li img{ width: auto;}
	.renewal_index .partner-list{ justify-content: center; gap: 2%;}
	.renewal_index .partner-list li{ width: auto; height: 120px; line-height: 120px; padding: 0 1rem;}
	.renewal_index .performance .statistics{ margin-top: 4rem;}

	.renewal_index .portfolio-gallary li:nth-child(3n + 1){ margin-left:1.5%;}
	.renewal_index .portfolio-gallary li:nth-child(3n){ margin-right:1.5%;}

	.renewal_index .portfolio-gallary li:first-child,
	.renewal_index .portfolio-gallary li:nth-child(2n + 1){ margin-left:0;}
	.renewal_index .portfolio-gallary li:last-child,
	.renewal_index .portfolio-gallary li:nth-child(2n){ margin-right:0;}

	.renewal_index .notice-preview{ margin-top: 4rem;}
	.renewal_index .notice-preview li .item2{ width: 80%;}

	/* START 서브페이지 포트폴리오 */
	.pf-banner{ margin: 95px auto 0;}

}
@media (min-width: 819px) and (max-width: 820px){
	#visual .item2 .slide-caption{ transform: translate(-10px, -317px);}
	#visual .item2 .slide-caption .txt{ font-size: 2.6rem;}
	#visual .item2 .slide-caption .tag span{ font-size: 2.4rem;}
}
@media screen and (max-width: 768px){
	#visual .item2 .slide-caption{transform: translate(-18px, -270px);}
	#visual .item2 .slide-caption .txt{ font-size: 2.4rem;}
	#visual .item2 .slide-caption .tag span{ padding: 1rem 3rem; font-size: 2rem;}
	#header .bottom .btn_go_inquiry{ gap: 5px; width: 90px; height: 30px; margin-left: 0; border-radius: 5px; font-size: 13px;}
	#header .bottom .btn_go_inquiry img{ height: 13px}

	/* START 리뉴얼 헤더 */
	#header.renewal_header .header_cs{ display: none;}

	/* START 리뉴얼 비쥬얼 */
	.renewal_index .main-visual .slide-caption{transform: translateY(0%);left: 0;top: 0;width: 100%;height: 100%;padding: 150px 58px 250px;}
	.renewal_index .main-visual .slide-caption .logo{ top: 10px;}
	.renewal_index .main-visual .slide-caption .logo img{ max-width: 60px; max-height: 50px;}
	.renewal_index .main-visual .slide-caption .title{ font-size: 4rem; top: 80px;}
	.renewal_index .main-visual .slide-caption .txt{ font-size: 2rem; line-height: 1.6; top: 120px;}
	.renewal_index .main-visual .slide-caption .go_real_site{padding: 10px 15px;border: 1px solid;color: #fff;font-size: 1.4rem;top: 22rem;bottom: initial;}
	
	.renewal_index .main-slide-container .arrows{top: 42vh;height: 30vh;}
	.renewal_index .main-slide2 .slick-dots{top: 50%;right: 10vw;}

	.renewal_index .main-visual .pro-bar-bg{height: 15vh;}
	.renewal_index .main-visual .pro-bar{/* width: 130px; *//* height: 2px; *//* background-color: #f84709; */}
	.renewal_index .main-visual .pro-ani{/* animation: proBar 5s 1; *//* width: 0px; *//* height: 2px; */}
	.renewal_index .main-visual .pro-bar{ height: 15vh;}
	/*
	@keyframes proBar{
		0%{width:0%;}
		100%{width:100%;}
	}
	*/
	.renewal_index .main-slide2 .slick-dots{top: 44vh;}
	.renewal_index .main-slide2 .slick-dots li{    height: 23vh;}

	.renewal_index .scroll-guide{left: 10vw;bottom: 2vh;}
	.renewal_index .scroll-guide span{ font-size: 10px; bottom: 71px; left: 118%;}

	/* START 리뉴얼 메인 */
	.renewal_index .portfolio-gallary{ margin-top: 4rem;}
	.renewal_index .portfolio-gallary li,
	.portfolio-list li{ width: 48.5%;}
	.renewal_index .main-section.active .portfolio-gallary{ justify-content: space-between; gap: 0;}
	.renewal_index .portfolio-gallary .type,
	.portfolio-list .type{  bottom: 44px; font-size: 1.4rem;}
	.renewal_index .portfolio-gallary h4,
	.portfolio-list h4{ bottom: 15px; font-size: 2.4rem;}
	
	
	.renewal_index .portfolio-gallary li .pf-inner:hover h4,
	.portfolio-list li .pf-inner:hover h4{ opacity: 1; top: unset; right: 10%; left: unset; bottom: 15px; font-size: 2.4rem;}
	.renewal_index .portfolio-gallary li .pf-inner:hover .type,
	.portfolio-list li .pf-inner:hover .type{ opacity: 1; top: unset; right: 10%; left: unset; bottom: 44px;}
	

	.renewal_index .main-portfolio-more{ display: block;}
	.renewal_index .main-portfolio-more a{ gap: 20px; font-size: 1.8rem;}
	.renewal_index .main-portfolio-more a span{ width: 22px; height: 22px; border-radius: 22px;}
	.renewal_index .main-portfolio-more a img{ height: 12px;}
	/* END 리뉴얼 메인 */

	/* START 서브페이지 포트폴리오 */
	.portfolio.sub-wrap{ padding-top: 4rem; padding-bottom: 12rem;}
	.pf-banner{ margin: 65px auto 0;}
	.portfolio .btn-wrap{ margin-top: 4rem;}

@media screen and (max-width: 760px){
	.nftinfo h2{ font-size: 26px; padding-bottom: 33px;}
	.nftinfo h2 +div+div p{ font-size: 16px;}
	.btn-blue{ margin-right:0; margin-bottom:20px}
	html{ font-size: 8px;}
	#wrap{padding-top: 0;}
	#header .bottom .container{ padding: 0 2rem;}
	.container{ padding: 0 2rem;}
	.sub-container{ padding: 0 2rem;}
	#header .top .container{ padding: 5px 2rem;}
	#visual .main-slide .item{ height: calc(100vh - 82px);}
	#visual .slide-caption{padding: 0 4rem;white-space: normal;word-break: keep-all;}
	#visual .item1 .slide-caption {top: 135px;transform: translate(0%,  0%);}
	#visual .slide-caption .keyword{ font-size: 6.4rem;}
	#visual .slide-caption .txt br{ display: none;}
	.nav-txt{ display: none;}
	.prev-box{ left: 10px;}
	.next-box{ right: 10px;}
	.main-sub-title h3{ font-size: 3.7rem; letter-spacing: -0.3rem;}
	.main-sub-title .txt{ font-size: 1.6rem; line-height: 2.3rem; word-break: keep-all;}
	.business-line .article{ flex-direction: column;}
	.business-line .article:nth-child(odd){ flex-direction: column-reverse;}
	.business-line .article .item{ width: 100%; padding: 1rem 0;}
	.bl3-deco{ left: -8%;}
	.performance .statistics{ flex-direction: column; margin-top: 5rem;}
	.main-section.active .statistics li:not(:first-child){ margin-top: 1.4rem;}
	.portfolio-gallary li{ width: calc(100% / 2);}
	.main-portfolio-more{ display: none;}
	.partner h3 .bold:before{ width: 7px; height: 30px;}
	.txt-18{ font-size: 1.6rem;}
	.btn1{ min-width: 144px; height: 40px; line-height: 38px;}
	.btn2{ min-width: 144px; height: 40px; line-height: 38px;}
	.btn3{ min-width: 144px; height: 40px; line-height: 38px;}
	.inquiry-wrap .txt-24{ margin-bottom: 2rem;}
	.inquiry-wrap .terms-box{ padding: 2rem;}
	.inquiry-wrap .agree{ margin-top: 2rem;}
	.enter-info li{ width: 100%;}
	.enter-info .left{ text-align: left;}
	.platform-detail .item1 .txt-24 br{ display: none;}
	.platform-detail .item1 li{ width: 100%; height: 240px; margin-bottom: 4rem;}
	.platform-detail .item1 li .title{ margin-top: 3rem;}
	.platform-detail .bg{ height: 100px;}
	.platform-detail .item2 .txt br{ display: none;}
	.platform-detail .item2 li{ width: 100%;}
	.txt-24{ font-size: 1.9rem;}
	.platform-detail .item2 li{ min-height: 92px; padding-left: 7rem; padding-right: 2rem; border-radius: 8px; margin-bottom: 3rem !important;}
	.platform-detail .item2 li span{ width: 44px; height: 44px; font-size: 2.4rem; border-bottom-right-radius: 8px;}
	.txt-30{ font-size: 2.3rem;}
	.platform-detail .item3 li{ padding-left: 0;}
	.platform-detail .item3 li .txt-30{ margin-bottom: 0.4rem;}
	.platform-detail .top .type{ width: 150px; height: 50px;}
	.platform-detail .item3 li .right a{ width: 100px; font-size: 1.5rem;}
	.platform-class li:first-child{ margin-right: 0;}
	.platform-class li{ width: 500px; max-width: 100%;}
	.p2p1 .top{ display: block;}
	.p2p1 .top img{ width: 59px;}
	.p2p1 .title{ margin-left: 1.6rem; margin-top: 1rem;}
	.p2p1 .txt{ padding-left: 1.7rem; margin-top: 1rem;}
	.p2p1 .bottom{ margin-left: 1.6rem;}
	.p2p1 .btn1{ min-width: 188px;}
	.platform-inquiry{ padding: 2rem;}
	.platform-inquiry .left{ font-size: 1.4rem;}
	.platform-inquiry .right a span{ display: none;}
	.portfolio-list a{ width: calc((100% - 1.5rem) / 2); margin-right: 1.5rem;}
	.portfolio-list .item{ height: 220px;}
	.portfolio-list .caption{ padding: 0 1.5rem; height: 45px;}
	.portfolio-view .portfolio-back{ top: 30px; left: 20px; width: 50px; height: 50px;	}
	.portfolio-view .grid2 .txt{ line-height: 3rem;}
	.receipt li{ width: 100%; border-radius: 5px;}
	.receipt li:not(:first-child){ margin-top: 1rem;}
	.receipt a{ display: flex; align-items: center; justify-content: space-between; padding: 1rem;}
	.receipt .title{ font-size: 1.9rem;}
	.receipt .count{ width: 200px; height: 34px; font-size: 2.6rem; margin-top: 0;}
	.receipt .count:before{ width: 54%;}
	.point_boxa{ width: 40px; line-height: 24px;}
	.point_boxc{ width: 40px; line-height: 24px;}
	.table-01 th{ font-size: 1.5rem; height: 48px;}
	.table-01 td{ font-size: 1.4rem; height: 40px;}
	.table-02 th{ font-size: 1.5rem; height: 48px;}
	.table-02 td{ font-size: 1.4rem; height: 48px;}
	.paging a{ width: 30px; height: 30px;}
	.terms-header p{ font-size: 2.4rem;}
	.sitemap dl{ width: calc(100% / 2);}
	.k-awards .left{ width: 100px;}
	.k-awards li{ width: 350px;}
	.k-awards li:not(:last-child){ margin-bottom: 2rem;}
	.form-02 li{ width: calc((100% - 2rem) / 3);}
	.form-02 li:nth-child(-n+3){ margin-bottom: 1rem;}
	.enter-info2 li{ flex-wrap: wrap;}
	.enter-info2 .left{ flex-shrink: 0; width: 50px;}
	.enter-info2 .right{ width: calc(100% - (50px + 1.8rem)) !important;}
	.enter-info2 .right.certain:nth-child(2){ margin-bottom: 2rem;}
	.enter-info2 li.date p{ margin-right: 1rem;}
	.enter-info2 li.attach-file p{ flex-shrink: 0; margin-right: 1rem;}
	.enter-info2 li.attach-file p:not(:first-child){ margin-left: 1rem;}
	.enter-info2 li.attach-file .input1{ flex-grow: 1;}
	.enter-info2 li.date .left{ width: 0; margin-right: 0;}
	.enter-info2 li.attach-file .left{ width: 0; margin-right: 0;}
	.notice-table .col1{ width: 42px;}
	.notice-table .col3{ width: 0;}
	.notice-table .col4{ width: 72px;}
	.notice-table .col5{ width: 52px;}
	.notice-table th:nth-child(3) span{ display: none;}
	.notice-table td:nth-child(3){ font-size: 0; padding: 0;}
	.shop-solution .title{ font-size: 3rem;}
	.shop-solution .sec-01 ul{ flex-direction: column; align-items: center;}
	.shop-solution .sec-01 li{ max-width: 100%; padding: 9rem 2rem 4.4rem;}
	.shop-solution .sec-01 li:nth-child(2){ margin-left: 0; margin-top: 130px;}
	.shop-solution .sec-01 li .title{ height: 70px;}
	.shop-solution .sec-01 li .txt{ height: 70px;}
	.shop-solution .sec-01 li img{ width: 160px; top: -125px;}
	.shop-solution .sec-02 .article img{ width: 1600px;}
	.shop-solution .introduce2 li{ width: 100%; height: 120px; margin-top: 2rem !important;}
	.aboutus-new .sec-01 .paragraph{ margin-top: 10rem;}
	.aboutus-new .sec-01 ul{ flex-direction: column; width: 100%;}
	.aboutus-new .sec-01 li:not(:first-child){ margin-left: 0; margin-top: 1rem;}
	.aboutus-new .sec-01 li{ width: 100%; height: 30px; border-radius: 0; border-width: 1px;}
	.aboutus-new .sec-01 li br{ display: none;}
	.aboutus-new .sec-01{ height: 660px;}
	.aboutus-new .section .title{ font-size: 6rem;}
	.aboutus-new iframe{ height: 280px;}
	.awards-slide .year{ font-size: 4rem;}
	.awards-slide .txt-28{ font-size: 2.6rem;}
	.aboutus-new .sec-04{ height: 700px;}
	.aboutus-new .sec-04 .txt1{ font-size: 3rem;}
	.aboutus-new .sec-04 .txt2{ font-size: 3.4rem;} /* 가이드 */ #help-header .container{ padding: 0 2rem;}
	.search-results .txt{ max-height: 40px;}
	.popup1{ left: 50% !important; transform: translateX(-50%); max-width: calc(100% - 20px);}
	.pop_cont1 img{ max-width: 100%;}
	.nft-visual .bg{ background-position: right -170px top;}
	.nft-visual h3{ font-size: 21px;}
	.nft-visual h4{ font-size: 16px; margin-top: 18px;}
	.nft-visual a{ font-size: 13px; margin-top: 80px;}
	.nft-visual a img{ width: 14px;}
	.nft-wrap .section h3{ font-size: 16px; line-height: 27px;}
	.about-nft{ padding-bottom: 110px;}
	.about-nft .txt{ font-size: 14px; line-height: 26px;}
	.nft-info{ width: 500px; max-width: 100%; margin: 130px auto 0;}
	.nft-info li{ flex-direction: column;}
	.nft-info li:not(:last-child){ margin-bottom: 80px;}
	.nft-info .img-wrap{ width: 100%;}
	.nft-info li:nth-child(odd) .content{ margin-left: 0;}
	.nft-info li:nth-child(even) .content{ margin-right: 0;}
	.nft-info li .content{ margin-top: 20px;}
	.nft-info li:nth-child(even){ flex-direction: column-reverse;}
	.nft-info h4{ font-size: 16px; margin-bottom: 14px;}
	.nft-info .txt1{ font-size: 14px; line-height: 26px; font-family: 'NSKL';}
	.nft-info .txt1 br{ display: none;}
	.nft-counsult .txt{ font-size: 13px;}
	.service-type{ width: 400px; margin: 60px auto -60px;}
	.service-type li{ width: 100%; padding: 30px  20px; margin: 0 0 30px; border-radius: 20px;}
	.service-type li:nth-child(even){ margin-left: 0;}
	.service-type .thumb{ height: 53px;}
	.service-type .thumb img{ max-height: 100%;}
	.service-type h4{ height: 40px; line-height: 40px; font-size: 14px; margin: 30px auto 20px;}
	.service-type p{ word-break: keep-all;}
	.service-type p br{ display: none;}
	.support-service li p{ font-size: 13px; line-height: 26px; word-break: keep-all;}
	.support-service li span{ margin-top: 7px; margin-right: 6px; width: 17px; height: 17px; font-size: 10px;}
	.write-inquiry h4{ font-size: 15px;}
	.write-inquiry h4 img{ margin-right: 5px; width: 23px;}
	.inquiry-form input[type='text']{ height: 30px; border-radius: 2px; padding: 0 18px; font-size: 12px;}
	.inquiry-form textarea{ border-radius: 2px; padding: 10px 18px; font-size: 12px;}
	.inquiry-form li.required:before{ top: 7px; left: 9px;}
	.inquiry-form input[type='submit']{ height: 50px; font-size: 14px; border-radius: 2px;;}
	.inquiry-form .terms{ border-radius: 2px;}
	.inquiry-form .terms div{ padding: 10px 18px; font-size: 12px;}
	.inquiry-form .chk{ border-radius: 2px;	 height: 30px; line-height: 30px; padding: 0 18px;}
	.inquiry-form .chk input{ width: 14px;}
	.inquiry-form .chk .txt{ font-size: 12px;}
	.seeknow-address{ font-size: 14px; line-height: 28px;}
	.seeknow-address li p:not(:last-child){ margin-right: 15px;}

	/* START 리뉴얼 메인 */
	.renewal_index .main-sub-title h3{ font-size: 4rem;}
	.renewal_index .main-sub-title .txt{ font-size: 1.8rem; line-height: 24px; margin-top: 1.5rem;}

	.renewal_index .performance .statistics li{ height: auto; border-left: 0; border-bottom: 1px solid #37414b;}
	.renewal_index .performance .statistics li:last-of-type{ border-right: 0; border-bottom: 0;}

	.renewal_index .statistics .counter{ font-size: 5rem; margin-bottom: 12px;}
	.renewal_index .main-section .statistics li{ width: 80%; padding: 10px 0 20px; border-bottom: 0; position: relative;}
	.renewal_index .main-section .statistics li::after{ content: ''; position: 	absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 20px; height: 1px; background-color: #37414b;}
	.renewal_index .main-section .statistics li:last-of-type::after{ content: none;}
	.renewal_index .performance .statistics h4{ font-size: 2rem; margin-bottom: 7px;}
	.renewal_index .performance .statistics p{ font-size: 1.4rem; line-height: 18px;}

	.renewal_index .partner-list{ margin-top: 3rem; gap: 3%;}
	.renewal_index .partner-list li{ height: 60px; line-height: 60px;}
	.renewal_index .partner-list li img{ max-height: 40px;}

	.renewal_index .notice-preview li{ margin-bottom: 30px; border-bottom: 0; border-top: 1px solid #ccc;}
	.renewal_index .notice-preview li:first-of-type{ border-top: none;}
	.renewal_index .notice-preview li a{ flex-direction: column; align-items: flex-start; height: auto;}
	.renewal_index .notice-preview li .item1 .date{ font-size: 1.4rem;}
	.renewal_index .notice-preview li .item2{ width: 90%; padding-left: 0; font-size: 2rem;}
	.renewal_index .notice-preview li .item4{ top: 100%; right: 0;}
	.renewal_index .notice-preview li .more{ height: 32px;}
	.renewal_index .notice-preview li:hover .item4{ right: 0;}

	.renewal_index .request-type{ gap: 2%; margin: 2rem auto 0;}
	.renewal_index .request-type a{ width: 140px; height: 40px; line-height: 38px; font-size: 1.6rem;}

	/* START 리뉴얼 퀵메뉴 */
	#aside .wing{ gap: 8px; width: 50px; height: 160px; border-radius: 10px 0 0 10px; font-size: 1.8rem;}

	/* START 리뉴얼 푸터 */
	#footer.renewal_footer{ padding: 4rem 0;}
	#footer.renewal_footer .footer-menu li:not(:last-child){ margin-right: 2rem;}
	#footer.renewal_footer .footer-menu a{ font-size: 1.6rem;}
	#footer.renewal_footer .copyright{ font-size: 1.4rem; line-height: 20px; margin-top: 1.2rem;}

	#footer.renewal_footer .go-top{ height: 40px;}
}
@media (min-width: 716px) and (max-width: 717px){/* fold 펼치고 가로로 돌렸을때 */
	#visual .item2 .slide-caption{ transform: translate(1px, -75px);}
}
@media screen and (max-width: 660px){
	#visual .item2 .slide-caption{ transform: translate(-8px, -211px);}
	#visual .item2 .slide-caption .title{ font-size: 4rem;}
	#visual .item2 .slide-caption .txt{ font-size: 2rem;}
	#visual .item2 .slide-caption .tag span{ padding: 1rem 2rem; font-size: 2rem;}

	.renewal_index .main-visual .visual-bg-pc{ display: none;}
	.renewal_index .main-visual .visual-bg-ta{ display: none;}
	.renewal_index .main-visual .visual-bg-mo{ display: block;}
	.renewal_index .main-slide2 .slick-list img{min-width: 100%;width: 100%;/* height: 100%; */}

	.recommend-list li{ flex-direction: column; padding: 1rem 1rem 2rem;}
	.recommend-list .thumb{ width: 100%; border: 1px solid #d7d7d7;}
	.recommend-list .content{ padding: 3rem 0 0;}
	.recommend-list .btn-wrap{ margin-top: 3rem;}
	.recommend-list .btn:not(:first-child){ margin-left: 1rem;}
	.plugin-products li{ flex-direction: column; padding: 1rem 1rem 2rem;}
	.plugin-products .thumb{ width: 100%; border: 1px solid #d7d7d7;}
	.plugin-products .content{ padding: 3rem 0 0;}
	.plugin-products .btn-wrap{ margin-top: 3rem;}
	.plugin-products .btn:not(:first-child){ margin-left: 1rem;}
	.plugin-product .a1 .content{ margin-left: 2rem;}
	.plugin-product .a1 th{ width: 84px;}
	.plugin-product .a1 .btn{ width: calc((100% - 2rem) / 3); margin-left: 0;}
	.plugin-product .a1 .btn:nth-child(3){ background: #fb2d63 url('../img/arrow5.png') no-repeat 90% center;}

	.shop-solution .sec-01{ padding: 0rem 0 7.6rem;}

	/* START 리뉴얼 메인 */
	.main-portfolio .container{padding: 0 6rem;}
	.portfolio-list li:nth-child(3n + 1),
	.portfolio-list li:nth-child(3n),
	.renewal_index .portfolio-gallary li:nth-child(3n + 1),
	.renewal_index .portfolio-gallary li:nth-child(2n + 1),
	.renewal_index .portfolio-gallary li,
	.portfolio-list li {width: 100%;margin: 1.5vh auto;}

}
@media screen and (max-width: 540px){
	.renewal_index .main-slide-container .arrows{top: 42vh;right: 12.5vw;}
	.renewal_index .main-slide2 .slick-dots{top: 44vh;right: 14vw;}
	.renewal_index .main-slide2 .slick-dots li{right: 0;}
}
@media screen and (max-width: 480px){ 
	/* 헤더탑 */
	#google_translate_element{ margin-right: auto;}
	.goog-te-combo{ width: 80px;}
	.main-inquiry{ width: auto;}
	.main-inquiry ul{ top: 26px; right: -8px; left: unset; width: 100px;}
	.main-inquiry ul li:first-child a{ border-top: 1px solid #f89507;}

	.partner-list li{ width: calc(100% / 2); height: 80px; line-height: 80px;}
	.request-type{ flex-direction: column;}
	.request-type li:not(:first-child){ margin-top: 1.5rem;}
	.footer-menu{flex-wrap: wrap;line-height: 2.3rem;row-gap: 2vw;}
	.consult-phone{ flex-direction: column;}
	#footer .bottom dl:not(:first-child){ margin-left: 0; margin-top: 1.5rem;}
	.go-top{left: 0;bottom: -10rem;}
	#footer .bottom{ padding-top: 12rem;}
	.percent-bar{ display: none;}
	.notice-preview li a{ height: 60px;}
	.notice-preview li .item1{ width: 57px;}
	.notice-preview li .item1 .catergory{ font-size: 1.3rem;}
	.notice-preview li .item1 .date{ font-size: 1.2rem;}
	.notice-preview li .item2{ display: none;}
	.notice-preview li .item3{ font-size: 1.4rem;}
	.notice-preview .item4{ /* display: none; */}
	.notice-preview .item4 img{ width: 27px;}
	.sub-title .caption{ font-size: 1.8rem;}
	.platform-class .grid1{ height: 150px;}
	.platform-class .grid2 .txt{ height: 48px;}
	.txt-48{ font-size: 3.6rem;}
	.faq .question{ font-size: 3.3rem; margin-right: 0.4rem;}
	.faq dt{ padding: 1rem; }  .faq dt p{ font-size: 1.5rem; word-break: keep-all;}
	.faq dd{ line-height: 2.9rem; padding: 2rem 2rem 5rem;}
	.sc-category li{ width: calc(100% / 2);}
	.sc-category li:nth-child(-n+4){ margin-bottom: 4rem;}
	.sc-category li:nth-child(even) .bottom{ border-right: 0;}
	.portfolio-list a{ width: calc((100% - 1rem) / 2); margin-right: 1rem;}
	.portfolio-list .item{ height: 150px;}
	.portfolio-list .caption{ padding: 0 1rem; height: 40px;}
	.portfolio-list .caption .title{ font-size: 1.4rem;}
	.portfolio-list .caption .txt{ font-size: 1.4rem;}
	.portfolio-view .grid1 .caption .title{ font-size: 3.3rem;}
	.table-01 th{ font-size: 1.4rem;}
	.table-01 td{ font-size: 1.2rem;}
	.paging a{ font-size: 1.4rem; width: 24px; height: 24px; border-radius: 2px;}
	.shop-solution .introduce li{ width: 100%;	}
	.shop-solution .introduce li:not(:first-child){ margin-top: 2rem !important;}
	.shop-solution .introduce .top, .shop-solution .introduce .thumb{ height: 140px;}
	.shop-solution .introduce .bottom{ height: auto;}
	.shop-solution .introduce .txt{ height: 50px;}
	@keyframes sec-02{
		0%{ 
			transform: translateX(-200px);
		} 10% {
			transform: translateX(-200px); 
		} 90% {
			transform: translateX(-1400px);	 
		} 100% {
			transform: translateX(-1400px);
		}
	}
	.sitemap dl{ width: calc(100% / 1); padding: 0; margin-bottom: 4rem;}
	.k-awards li{ width: 291px;}
	.txt-28{ font-size: 2rem;}
	.txt-20{ font-size: 1.8rem;}
	.form-01{ padding: 6rem 2rem;}
	#visual .slide-caption{ margin-top: -6rem;}
	.question-consulting{ bottom: 86px;}
	.question-consulting a{font-size: 1.9rem;width: 110px;height: 45px;border-width: 2px;}
	.recommend-list .btn-wrap{ justify-content: flex-start;}
	.plugin-products .btn-wrap{ justify-content: flex-start;}
	.plugin-product .a1{ display: block; margin-top: 1rem;}
	.plugin-product .a1 .content{ margin-left: 0; margin-top: 1rem;}

	#visual .main-slide .item1{
		background-image: url('../img/main_shopping_mall_mo.png'), url('../img/main_shopping_mall_mo_bg.jpg');
		background-repeat: no-repeat;
		background-position: bottom 35% center, center;
		background-size: 82%, cover;
	}
	#visual .item1 .slide-caption{transform: translate(0%, 0%);position: absolute;top: 155px;padding: 0;}
	#visual .main-slide .active .item1 .title{text-align: center;width: 100%;margin: 0 auto 2rem;}
	#visual .main-slide .active .item1 .txt{text-align: center;padding: 0;font-size: 2.2rem;}
	#visual .main-slide .item2{
		background-image: url('../img/main_homepage_solution_mo.png'), url('../img/main_homepage_solution_mo_bg.jpg');
		background-repeat: no-repeat;
		background-position: bottom 35% center, center;
		background-size: 82%, cover;
	}
	#visual .item2 .slide-caption{transform: translate(-50%, 0%);position: absolute;left: 50%;top: 135px;width: 83%;padding: 0;}
	#visual .main-slide .item2 .title{ font-size: 3.7rem;}
	#visual .main-slide .item2 .txt{ font-size: 2.2rem;}
	#visual .main-slide .item2 .tag span{ padding: 1rem 1rem; font-size: 1.8rem;}


	/* START 리뉴얼 헤더 */
	#wrap{}
	#header.renewal_header .bottom .container{ height: 60px;}
	#header.renewal_header h1 a .logo{ height: 30px;}
	.hamburger img{ height: 42px;}
	
	/* START 리뉴얼 비쥬얼 */
	.renewal_index .main-visual .pro-bar{width:44vw; height: 2px;}
	.renewal_index .main-visual .pro-bar-bg{ width: 44vw; height: 2px; top: initial; bottom: 1rem;}
	.renewal_index .main-visual .pro-ani{ animation: proBar 5s 1; width: 0; height: 2px;}
	@keyframes proBar{
		0%{width:0%; height:2px;}
		100%{width:100%;}
	}

	.renewal_index .main-slide-container .arrows{width: 100%;left: 0;right: 0;top: initial;bottom: 3vh;z-index: 9;height: auto;}
	.renewal_index .main-slide-container .arrows .prev{ top: initial; bottom: 0; left: 8vw;}
	.renewal_index .main-slide-container .arrows .next{ top: initial; bottom: 0; right: 8vw;}
	.renewal_index .main-slide2 .slick-dots {top: initial;left: 18vw;bottom: 1.5vh;flex-direction: row;height: auto;}
	.renewal_index .main-slide2 .slick-dots li { left: 0; height: auto; width: 64vw; flex-direction: row; }

	.renewal_index .scroll-guide{ bottom: 7vh;}

	/* START 리뉴얼 메인 */
	.renewal_index .main-sub-title h3{font-size: 3.8rem;text-align: center;}
	.renewal_index .main-portfolio .main-sub-title h3{ text-align: left;}
	.renewal_index .main-sub-title .txt{ font-size: 1.6rem; line-height: 22px; margin-top: 1rem;}
	.renewal_index .main-visual .slide-caption{ padding: 150px 40px 0;}
	.renewal_index .main-visual .slide-caption .go_real_site{bottom: 60%;top: 22rem;bottom: initial;}
	.renewal_index .scroll-guide{ left: 40px;}

	.renewal_index .portfolio-gallary li .pf-inner .type,
	.renewal_index .portfolio-gallary li .pf-inner:hover .type,
	.portfolio-list li .pf-inner .type,
	.portfolio-list li .pf-inner:hover .type{ right: 4%; bottom: 32px;}
	.renewal_index .portfolio-gallary li .pf-inner h4,
	.renewal_index .portfolio-gallary li .pf-inner:hover h4,
	.portfolio-list li .pf-inner h4,
	.portfolio-list li .pf-inner:hover h4{ right: 4%; bottom: 10px; font-size: 1.8rem;}

	/* 서브페이지 - 포트폴리오 */
	.portfolio.sub-wrap{ padding-bottom: 10rem;}
	.portfolio .btn-wrap{ margin-top: 2rem;}
	.portfolio .pr-more{ font-size: 1.8rem; letter-spacing: -0.15px; gap: 5px;}
	.portfolio .pr-more span{ width: 24px; height: 24px; border-radius: 24px; transform: rotate(0deg);}
	.portfolio .pr-more span::before{ width: 10px; height: 2px;}
	.portfolio .pr-more span::after{ width: 2px; height: 10px;}

	.renewal_index .performance .statistics{ margin-top: 2rem;}
	.renewal_index .statistics .counter{ font-size: 4.2rem; margin-bottom: 8px;}
	.renewal_index .performance .statistics h4{ font-size: 1.7rem; margin-bottom: 3px;}

	.renewal_index .partner-list li{ height: 40px; line-height: 40px;}
	.renewal_index .partner-list li img{ max-height: 20px;}

	.renewal_index .notice-preview{ margin-top: 2.5rem;}
	.renewal_index .notice-preview li .item2{ display: block;} 
	.renewal_index .notice-preview li .more{ height: 28px; width: auto;}
	.request-type{ flex-direction: row;}
	.request-type li:not(:first-child){ margin-top: 0;}
	

	/* START 리뉴얼 푸터 */
	#footer.renewal_footer .go-top{ right: 2%; left: unset;}

	/* START 서브페이지 포트폴리오 */
	.pf-banner{ margin: 40px auto 0; }
	.pf-banner .title{ font-size: 3rem;}
	.portfolio-list{ gap: 4vw; row-gap: 4vw;}
}

@media screen and (max-width: 390px){
	#visual .item1 .slide-caption{transform: translate(0%, 0%);position: absolute;top: 155px;}
	#visual .main-slide .active .item1 .title{margin: 0 auto 2rem;}
	#visual .main-slide .active .item1 .txt{ font-size: 1.85rem; }
	#visual .main-slide .item2 .txt{ font-size: 2rem;}
	#visual .main-slide .item2 .tag span{ padding: 1rem 1rem; font-size: 1.6rem;}
}

@media screen and (max-width: 380px){
	.portfolio-list a:nth-child(-n+2){ margin-top: 1rem !important;}
	.portfolio-list a:first-child{ margin-top: 0rem !important;}
	.portfolio-list a{ width: 100%; margin-right: 0;}
	.portfolio-list .item{ height: 220px;}
	.shop-solution .introduce2 li p{ font-size: 1.8rem;}

	#visual .item1 .slide-caption{transform: translate(0%, 0%);position: absolute;top: 128px;}
	#visual .main-slide .active .item1 .title{text-align: center;margin: 0 auto 2rem;}
	#visual .main-slide .active .item1 .txt{text-align: center;padding:  0;}
	#visual .item2 .slide-caption{ top: 110px;}
	#visual .main-slide .item2 .txt{ font-size: 1.85rem;}
	#visual .item2 .slide-caption .tag{ margin-top: 2rem;}
}
@media screen and (max-width: 360px){
	#header .bottom .btn_go_inquiry{gap: 0px; width: auto; height: auto; padding: 1rem; border-radius: 50%;}
	#header .bottom .btn_go_inquiry span{ display: none;}
	#header .bottom .btn_go_inquiry img {height: 16px;}

	#visual .item1 .slide-caption{transform: translate(0%, 0%);position: absolute;top: 155px;}
	#visual .main-slide .active .item1 .title{margin: 0 auto 2rem;}
	#visual .main-slide .active .item1 .txt{ padding: 0 1rem; }
	#visual .main-slide .item2 .title{ font-size: 3.4rem;}
	#visual .item2 .slide-caption { top: 160px;}
	#visual .item2 .slide-caption .tag{ gap: 0.5rem;}

	
	/* .renewal_index .main-slide-container .arrows{ width: 100%; left: 0; right: 	0; top: initial; bottom: 10rem; }
	.renewal_index .main-slide2 .slick-dots ul{}
	.renewal_index .main-slide2 .slick-dots li{}
	.renewal_index .main-visual .pro-bar-bg{display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 130px; height: 2px; background-color: #fff; }
	.renewal_index .main-visual .pro-bar{width: 130px; height: 2px; background-color: #f84709; }
	.renewal_index .main-visual .pro-ani{animation: proBar 5s 1; width: 0px; height: 2px; }
	@keyframes proBar{
		0%{width:0%;}
		100%{width:100%;}
	} */
	.renewal_index .main-visual .pro-bar{width:44vw; height: 2px;}
	.renewal_index .main-visual .pro-bar-bg{ width: 44vw; height: 2px; top: initial; bottom: 1rem;}
	.renewal_index .main-visual .pro-ani{ animation: proBar 5s 1; width: 0; height: 2px;}
	@keyframes proBar{
		0%{width:0%; height:2px;}
		100%{width:100%;}
	}

	.renewal_index .main-slide-container .arrows{width: 100%;left: 0;right: 0;top: initial;bottom: 3vh;z-index: 9;height: auto;}
	.renewal_index .main-slide-container .arrows .prev{ top: initial; bottom: 0; left: 8vw;}
	.renewal_index .main-slide-container .arrows .next{ top: initial; bottom: 0; right: 8vw;}
	.renewal_index .main-slide2 .slick-dots {top: initial;left: 18vw;bottom: 1.5vh;flex-direction: row;height: auto;}
	.renewal_index .main-slide2 .slick-dots li { left: 0; height: auto; width: 64vw; flex-direction: row; }

	.renewal_index .scroll-guide{bottom: 4vh;left: 4vw;}
}

@media screen and (max-width: 320px){
	.scroll-menu li:not(:first-child){ margin-left: 0.5rem;}
	.scroll-menu a{ font-size: 1.2rem;}
	#visual .main-slide .item2{ background-size: 70%, cover;}
	#visual .item2 .slide-caption{ top: 94px; width: 80%;}
	#visual .main-slide .item2 .title{ font-size: 3rem;}
	#visual .main-slide .item2 .txt{ font-size: 1.6rem;}
	#visual .main-slide .item2 .tag span{ font-size: 1.3rem;}

	.question-consulting{ bottom: 73px;}


	/* START 리뉴얼 메인 */
	.renewal_index .main-section.active .portfolio-gallary{ row-gap: 4vw;}
	.renewal_index .portfolio-gallary li{ width: 100%;}

	.renewal_index .portfolio-gallary .text,
	.portfolio-list .text{ max-height: 100px;}

	.renewal_index .partner-list li img{ max-height: 18px;}

	.renewal_index .request-type a{ width: 110px; height: 38px; line-height: 36px; font-size: 1.6rem;}


	#aside{ top: 14%; right: -230px; bottom: unset;}
	#aside .content .inquiry{ width: 230px; border-radius: 0 0 0 20px;}
	#aside .content .cs_center{ width: 230px; border-radius: 20px 0 0 20px;}

	/* START 서브페이지 포트폴리오 */
	.pf-banner{ margin: 20px auto 0;}
	.pf-banner .title{ font-size: 2rem;}
}
@media screen and (max-width: 280px){
	#visual .item1 .slide-caption{transform: translate(0%, 0%);position: absolute;top: 132px;}
	#visual .main-slide .active .item1 .title{font-size: 3.5rem;margin: 0 auto 2rem;}
	#visual .main-slide .active .item1 .txt{font-size: 2rem;padding: 0 0.5rem;}

	#visual .item2 .slide-caption{ top: 140px;}
	#visual .main-slide .item2 .title{ font-size: 2.8rem;}
	#visual .main-slide .item2 .txt{ font-size: 1.4rem; line-height: 1.8;}
	#visual .item2 .slide-caption .tag{ gap: 0.4rem;}
	#visual .main-slide .item2 .tag span{ padding: 0.6rem 0.7rem; font-size: 1.2rem;}

	/* START 리뉴얼 메인 */
	.renewal_index .portfolio-gallary .text,
	.portfolio-list .text{ max-height: 80px;}
}