@charset "utf-8";

/* Skip Navigation */
	.skipnav{width: 100%;}
	.skipnav a{position: absolute;left: -3000px;}
	.skipnav a:focus{display: block;top: 0;left: 0;z-index: 1000;width: 100%;height: 30px;background: #222447;font-size: 15px;line-height: 30px;color: #fff;text-align: center;border:none;}

/*[s] All Style */
	html{width: 100%; height: 100%;}
	html,body{width:100%; min-height:100%;-webkit-text-size-adjust:none;}

/* 공용 */
	.pc_ver{display:block;}
	.mo_ver{display:none;}
	.pBr{display:block;}
	.mBr{display:none;}
	.tBr {display: none}
/*[e] All Style */
	
/*[s] Layout Style */
	#header {position: fixed;z-index: 1000;top: 0;left: 0;width: 100%;transition: all 0.4s;}
	#header.active {background-color: #fff;}
	#header.active .gnbMenu > li > a {color: #111;}
	#header.active .sideMenu .hdBtn .allMenuBtn {background-color: #111;}
	#header.active .hdGroup {border: none;}
	#header .hdGroup {display: flex;border-bottom: 1px solid rgba(255,255,255,0.2);}
	#header h1 {padding: 31px 0;margin-left: 6.4%;width: 11%;}
	#header h1 img {position: absolute;transition: all 0.4s;opacity: 0;width: 154px;}
	#header h1 img.active {opacity: 1;} 
	#header nav {margin-left: 4.2%;width: 37%;}
	#header .gnbMenu > li {font-family: 'NanumSquareNeoExtraBold';font-size: 1.8rem;color: #fff;display: inline-block;position: relative;padding: 0 4.7%;}
	#header .gnbMenu > li:hover > .subMenu {opacity: 1;visibility: visible;}
	#header .gnbMenu > li:hover > a:after {width: 100%;}
	#header .gnbMenu > li > a {color: #fff;display: inline-block;padding: 35px 0;position: relative;transition: all 0.4s;}
	#header .gnbMenu > li > a:after {content: '';width: 0%;height: 3px;bottom: 0;left: 50%;transform: translate(-50%,0);background-color: #DB092F;position: absolute;transition: all 0.4s;}
	#header .subMenu {position: absolute;top: 90px;left: 50%;transform: translate(-50%,0);background-color: #fff;text-align: center;width: 202px;padding: 27px 0;visibility: collapse;opacity: 0;transition: all 0.6s;}
	#header .subMenu > li {font-family: 'NanumSquareNeoBold';font-size: 1.6rem;line-height: 3.6rem;}
	#header .subMenu > li > a {color: #444;transition: all 0.3s;}
	#header .subMenu > li > a:hover {color: #DB092F;}
	#header .sideMenu {width: 452px;font-size: 0;margin-left: auto;}
	#header .sideMenu > div {display: inline-block;vertical-align: middle;}
	#header .sideMenu .iconMenu {width: 196px;}
	#header .sideMenu .usId {font-size: 1.6rem;color: #fff;position: absolute;top: 0;right: 475px;top: 50%;transform: translate(0,-50%);}
	#header .sideMenu .iconMenu a {cursor: pointer;margin-right: 25px;display: inline-block;}
	#header .sideMenu .iconMenu a:last-child {margin-right: 0;}
	#header .sideMenu .hdBtn {width: 256px;vertical-align: middle;text-align: center;}
	#header .sideMenu .hdBtn .designBtn {font-family: 'NanumSquareNeoExtraBold';display: inline-block;font-size: 1.8rem;color: #fff;background-color: #DB092F;width: 67%;text-align: center;height: 90px;line-height: 90px;vertical-align: middle;}
	#header .sideMenu .hdBtn .allMenuBtn {width: 33%;display: inline-block;cursor: pointer;background-color: rgba(255,255,255,0.3);height: 90px;line-height: 90px;vertical-align: middle;padding-top: 30px;transition: all 0.4s;position: relative;z-index: 100;}
	#header .sideMenu .hdBtn .allMenuBtn .line {display: block;width: 28px;height: 2px;background-color: #fff;margin: 6px auto;transition: all 0.4s;}
	#header .sideMenu .hdBtn .allMenuBtn .line:nth-child(1).over {transform: translateY(8px) rotate(45deg);}
	#header .sideMenu .hdBtn .allMenuBtn .line:nth-child(2).over {width: 0;}
	#header .sideMenu .hdBtn .allMenuBtn .line:nth-child(3).over {transform: translateY(-8px) rotate(-45deg);}
	#header .search {width: 100%;padding: 3% 0;background-color: #fff;text-align: center;font-size: 0;display: none;}
	#header .search .group {display: inline-block;background: #F3F3F3;}
	#header .search input {padding: 22px 25px;border: none;font-size: 1.8rem;outline: none;vertical-align: middle;background: none;width: auto;}
	#header .search button {padding: 14px 20px;vertical-align: middle;}
	#header .search .close {vertical-align: middle;margin-left: 30px;cursor: pointer;}
	#header .allMenu {width: 475px;position: absolute;top: 0;right: 0;height: 100vh;background-color: #111;padding: 5.5% 0 0 2.5%;display: none;}
	#header .allMenu .memMenu {margin-bottom: 20.2%;}
	#header .allMenu .memMenu a {font-family: 'NanumSquareNeoExtraBold';color: #fff;font-size: 1.6rem;}
	#header .allMenu .memMenu a:first-child {display: inline-block;margin-right: 4%;}
	#header .allMenu .allGnb > li {margin-bottom: 6%;}
	#header .allMenu .allGnb > li > span {font-family: 'NanumSquareNeoExtraBold';font-size: 3.8rem;color: #fff;display: inline-block;margin-bottom: 6.2%;display: block;position: relative;}
	#header .allMenu .allGnb > li > span a {color: #fff;}
	#header .allMenu .allGnb > li > span img {position: absolute;right: 0;top: 8px;display: none;transition: all 0.3s;}
	#header .allMenu .allGnb > li > span img.active {transform: rotate(180deg);}
	#header .allMenu .allSub > li {display: inline-block;margin-right: 4%;margin-bottom: 4%;}
	#header .allMenu .allSub > li > a {font-family: 'NanumSquareNeoBold';font-size: 1.6rem;color: #888;}
	#header .allMenu .allSub > li > a:hover {color: #fff;}
	#header .allMenu .designBtn {font-family: 'NanumSquareNeoBold';position: absolute;bottom: 0;left: 0;font-size: 20px;color: #fff;background-color: #DB092F;width: 100%;text-align: center;height: 54px;line-height: 54px;display: none;}



	#footer {background-color: #111;position: relative;}
	#footer:after {content: '';display: block;clear: both;}
	#footer .footInfo {width: 30%;border-right: 1px solid #424242;float: left;padding: 3.4% 0 3.4% 6.6%;}
	#footer .footInfo h4 {margin-bottom: 10%;}
	#footer .footInfo p.info {color: #C0C0C0;font-size: 1.2rem;margin-bottom: 10%;line-height: 2.6rem;}
	#footer .footInfo p.info span {font-family: 'NanumSquareNeoHeavy';color: #ECECEC;font-size: 1.4rem;display: inline-block;margin-right: 10px;}
	#footer .footInfo p.address {color: #696969;font-size: 1.3rem;line-height: 2.4rem;}
	#footer .footGroup {float: left;width: 70%;padding: 3.4% 0;}
	#footer .footGroup .footMenu {border-bottom: 1px solid #424242;padding-bottom: 3.3%;padding-left: 6.1%;}
	#footer .footGroup .footMenu span {margin-right: 3%;}
	#footer .footGroup .footMenu span:last-child {margin-right: 0;}
	#footer .footGroup .footMenu span a {font-family: 'NanumSquareNeoHeavy';color: #fff;font-size: 1.8rem;border-bottom: 1px solid rgba(0,0,0,0);}
	#footer .footGroup .footMenu span a:hover {border-bottom: 1px solid #fff;}
	#footer .footGroup .footTerms {padding-top: 5.8%;padding-left: 6.1%;}
	#footer .footGroup .footTerms h4 {margin-bottom: 6.5%;}
	#footer .footGroup .footTerms .list {margin-bottom: 2%;}
	#footer .footGroup .footTerms .list li {font-family: 'NanumSquareNeoBold';color: #C0C0C0;font-size: 1.4rem;transition: all 0.4s;display: inline-block;margin-right: 2%;}
	#footer .footGroup .footTerms .list li:hover {font-family: 'NanumSquareNeoHeavy';color: #ECECEC;cursor: pointer;}
	#footer .footGroup .footTerms .copy {color: #696969;font-size: 1.4rem;} 
	


	#footer .selectBox {width: 13%;font-size: 13px;margin-left: auto;font-family: 'NanumSquareNeoBold';position: relative;cursor: pointer;background-color: #414141;height: fit-content;position: absolute;top: 14%;right: 6.3%;}
	#footer .selectBox .optionList {list-style-type: none;}
	#footer .selectBox .selected {padding: 19px 20px 19px 20px;color: #fff;display: flex;justify-content: space-between;}
	#footer .selectBox .selected .selected-value {color: #fff;}
	#footer .selectBox .selected .arrow {width: 11px;height: 7px;background: url(../img/downIco.png) no-repeat 91% 50%;transform: rotate(0);transition: all 0.2s;}
	#footer .selectBox.active ul {display: initial;}
	#footer .selectBox.active .selected .arrow {transform: rotate(180deg);} 
	#footer .selectBox ul {display: none;position: absolute;background: #fff;cursor: pointer;bottom: 52px;left: 0;z-index: 10;width: 100%;}
	#footer .selectBox ul li {border-bottom: 1px solid #F3F3F3;transition: all 0.2s;}
	#footer .selectBox ul li a {display: inline-block;padding: 19px 39px 19px 20px;}

	#footer .selectBox ul li:hover {background-color: #F3F3F3;}
	

/*[e] Layout Style */


/* [s] Main */
	#mainVisual {position: relative;}
	#mainVisual .owl-carousel li {width: 100%;height: 100%;}
	#mainVisual .owl-carousel li div {width: 100%;height: 100%;background-position: 57% center;background-size: cover;}
	#mainVisual .visualTxt {position: absolute;top: 32%;left: 6.3%;z-index: 100;font-size: 2.2rem;transition: all 0.6s;}
	#mainVisual .visualTxt h2 {font-family: 'NanumSquareNeoHeavy';font-size: 7rem;margin-bottom: 4.8%;transition: all 0.6s;color: #fff;line-height: 8.8rem;}
	#mainVisual .visualTxt .sentence {font-size: 2rem;color: #fff;line-height: 3.4rem;transition: all 0.6s;}
	#mainVisual .visualTxt .sentence span {font-family: 'NanumSquareNeoHeavy';color: #fff;}
	#mainVisual .visualCont {position: absolute;bottom: 17%;left: 14.3%;z-index: 100;transition: all 0.6s;}
	#mainVisual .visualCont > div {display: inline-block;vertical-align: middle;}
	#mainVisual .visualCont .pageNum .pageCurrent {font-size: 2.6rem;}
	#mainVisual .visualCont .slideStop {cursor: pointer;margin-right: 105px;}
	#mainVisual .visualCont .slideStop .play {display: none;}
	#mainVisual .quickMenu {position: absolute;bottom: 0;right: 0;z-index: 100;font-size: 0;width: 570px;}
	#mainVisual .quickMenu li {display: inline-block;width: ;background-color: rgba(30,30,30,0.6);text-align: center;width: 33.33%;border-right: 1px solid rgba(255,255,255,0.2);transition: all 0.4s;} 
	#mainVisual .quickMenu li:hover {box-shadow: 0 5px 0px -1px #DB092F inset;}
	#mainVisual .quickMenu li a {display: inline-block;padding: 13.8% 0 25.8%;width: 100%;position: relative;transition: all 0.4s;}
	#mainVisual .quickMenu li a:after {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));transition: all 0.4s;}
	#mainVisual .quickMenu li a:hover:after {background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));}
	#mainVisual .quickMenu span {font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;color: #fff;display: block;}
	
	/* section 공통 */
	section h3 {font-family: 'NanumSquareNeoHeavy';font-size: 6.2rem;}
	section .sent {font-family: 'NanumSquareNeoBold';font-size: 2rem;line-height: 3.4rem;}
	.pageNum {font-family: 'NanumSquareNeoHeavy';}
	.pageNum .pageCurrent {color: #fff;}
	.pageNum .pageAll:before {content: url(../img/slash.png);position: absolute;top: -4px;left: -21px;}
	.pageNum .pageAll {font-family: 'NanumSquareNeoBold';font-size: 1.6rem;color: rgba(255,255,255,0.5);display: inline-block;margin-left: 30px;position: relative;}

	/* CSR */
	#social {font-size: 0;position: relative;}
	#social .inner {width: auto;background-color: #F3F3F3;margin: 0 0 13.2% 6.3%;transition: all 1.4s;height: 632px;}
	#social:before {content: 'We Build a';font-family: 'NanumSquareNeoHeavy';font-size: 10rem;color: #F3F3F3;position: absolute;top: -90px;left: 14.3%;}
	#social:after {content: 'Better World';font-family: 'NanumSquareNeoHeavy';font-size: 10rem;color: #fff;position: absolute;top: -7px;right: 21%;}
	#social .title {width: 34.7%;display: inline-block;vertical-align: top;padding: 9% 0 9% 7.9%;}
	#social .title h3 {margin-bottom: 11%;}
	#social .title .sent {margin-bottom: 5.5%;}
	#social .title .subSent {font-size: 1.4rem;line-height: 2.6rem;}
	#social .slideGroup {width: 65.3%;display: inline-block;vertical-align: top;top: 28%;position: relative;}
	#social .slideGroup .socialSlide {}
	#social .slideGroup .socialSlide li {margin-right: 8%;}
	#social .slideGroup .pageNum {position: absolute;bottom: 35px;left: 123px;z-index: 10;}
	#social .slideGroup .pageNum .pageCurrent {font-size: 1.6rem;}
	#social .slideGroup .pageNum .pageAll:before {top: -2px;left: -22px;}

	
	#social:before {opacity: 0;transform: translate(-100px,0);transition: all 1s;}
	#social:after {opacity: 0;transform: translate(100px,0);transition: all 1s;}
	#social .title h3, #social .title .sent, #social .title .subSent, #social .slideGroup {opacity: 0;transform: translate(0,60px);transition: all 1s;}
	#social.active:before, #social.active:after, #social.active .title h3, #social.active .title .sent, #social.active .title .subSent, #social.active .slideGroup {opacity: 1;transform: translate(0,0);}
	#social.active .inner {width: 93.7%;}
	#social.active:before {transition-delay: 0.8s;}
	#social.active:after {transition-delay: 0.8s;}
	#social .title h3 {transition-delay: 1.2s;}
	#social .title .sent {transition-delay: 1.4s;}
	#social .title .subSent {transition-delay: 1.4s;}
	#social .slideGroup {transition-delay: 1.6s;}

	/* vcc */
	#vcc {font-size: 0;background: url(../img/vcc_bg.jpg) 100% 0 no-repeat;background-size: cover;height: 980px;position: relative;overflow: auto;}
	#vcc .group {height: 1400px;}
	#vcc .vccSlide {width: 100%;display: inline-block;vertical-align: top;height: 100%;position: relative;top: 0;}
	#vcc .vccSlide.fix {position: fixed;top: 91px;}
	#vcc .vccSlide h3 {line-height: 8.6rem;}
	#vcc .vccSlide h3, #vcc .vccSlide .sent {color: #fff;padding-left: 8%;}	
	#vcc .vccSlideWrap {display: inline-block;width: 43.7%;padding: 7.9% 8.4% 9.5% 6.3%;background-color: #A1001D;position: sticky;top: 0;height: 70%;}
	#vcc .vccSlide .slideGroup {position: relative;}
	#vcc .vccSlide h3, #vcc .vccSlide .sent, #vcc .vccSlide .slideGroup {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	#vcc.active .vccSlide h3, #vcc.active .vccSlide .sent, #vcc.active .vccSlide .slideGroup {opacity: 1;transform: translate(0,0);}
	#vcc .vccSlide .slideGroup {transition-delay: 0.2s;}
	#vcc.active .vccSlide .sent {transition-delay: 0.4s;}
/* 	#vcc .vccSlide h3 {line-height: 8.6rem;position: sticky;top: 15.5%;}
	#vcc .vccSlide h3, #vcc .vccSlide .sent {color: #fff;padding-left: 8%;}
	#vcc .vccSlide .sent {position: sticky;top: 70.5%;}
	#vcc .vccSlide .slideGroup {position: relative;position: sticky;top: 33.5%;} */


	#vcc .vccSlide .slideGroup .owl-carousel li {height: 357px;}
	#vcc .vccSlide .slideGroup .owl-carousel img {width: 97%;filter: drop-shadow(10px 10px 16px rgba(0,0,0,0.5));}
	#vcc .vccSlide .slideGroup .pageNum {position: absolute;bottom: -2px;left: 213px;z-index: 10;}
	#vcc .vccSlide .slideGroup .pageNum .pageCurrent {font-size: 1.6rem;}
	#vcc .vccSlide .slideGroup .pageNum .pageAll:before {top: -2px;left: -22px;}

	#vcc .vccList {width: 56.3%;height: 100%;display: inline-block;padding: 7.9% 11.4% 0 7.9%;vertical-align: top;overflow: auto;}
	#vcc .vccList::-webkit-scrollbar {display: none;}
	#vcc .vccList ol li {margin-bottom: 6%;position: relative;}
	#vcc .vccList ol li img {/* width: 48%; */}
	#vcc .vccList ol li:nth-child(even) {text-align: right;}
	#vcc .vccList ol li span {font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;color: #fff;position: absolute;bottom: 20px;left: 30px;}
	#vcc .vccList ol li:nth-child(even) span {width: 286px;text-align: left;right: 20px;left: auto;}


	/* product */
	#product {padding: 9% 0;font-size: 0;position: relative;overflow: hidden;}
	#product:after {content: '';position: absolute;top: 0;right: 0;width: 0;height: 100%;background-color: #F3F3F3;z-index: -1;transition: all 1s;}
	#product .cont {width: 29.3%;margin-left: 9.5%;display: inline-block;vertical-align: top;}
	#product .cont h3 {margin-bottom: 7%;}
	#product.active .cont h3 {opacity: 1;transform: translate(0,0);}
	#product.active .cont .sent {opacity: 1;transform: translate(0,0);}
	#product .cont .more {font-family: 'NanumSquareNeoBold';font-size: 1.6rem;display: inline-block;margin-top: 25%;}
	#product .cont .more img {vertical-align: middle;margin-left: 10px;}
	#product .prodSlide {width: 60%;display: inline-block;vertical-align: top;}
	#product .prodSlide li {margin-right: 8%;position: relative;margin-bottom: 8%;}
	#product .prodSlide .owl-item.active:nth-of-type(1) li {border: 2px solid #DB092F;}
	#product .prodSlide li .image {background-color: #E4E4E4;}
	#product .prodSlide li .image img {mix-blend-mode : multiply;}
	#product .prodSlide li span {font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;position: absolute;top: 10%;left: 0;width: 100%;text-align: center;opacity: 0;transition: all 0.4s;}
	#product .prodSlide .owl-item.prev li {border: 2px solid #DB092F;box-shadow: 10px 10px 23px rgb(0 0 0 / 20%);}
	#product .prodSlide .owl-item.prev li span {opacity: 1;}
	#product .prodSlide .owl-item.prev li .image img {mix-blend-mode : normal;}
	
	#product .cont h3, #product .cont .sent, #product .cont .more, #product .prodSlide {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	#product.active .cont h3, #product.active .cont .sent, #product.active .cont .more, #product.active .prodSlide {opacity: 1;transform: translate(0,0);}
	#product.active:after {width: 56.75%;}
	#product .cont h3 {transition-delay: 0.4s;}
	#product .cont .sent {transition-delay: 0.6s;}
	#product .cont .more {transition-delay: 0.8s;}
	#product .prodSlide {transition-delay: 1s;}


/* [e] Main */


/* [s] Sub */
	/* 서브페이지 visual 공통 */
	.subVisual {padding: 11% 0 0;margin-bottom: 9.5%;}	
	.companyVisual {background: url(../img/company_visual.jpg) 0 0 no-repeat;background-size: cover;}
	.vccVisual {background: url(../img/vcc_visual2.png) 0 0 no-repeat;background-size: cover;}
	.contactVisual {margin-bottom: 0;}
	.subVisual .utillMenu {font-family: 'NanumSquareNeoBold';font-size: 14px;margin-bottom: 2.8%;}
	.subVisual .utillMenu a {color: #fff;}
	.subVisual .utillMenu a img {vertical-align: middle;margin: 0 6px;}
	.subVisual h2 {font-family: 'NanumSquareNeoHeavy';font-size: 7rem;color: #fff;padding-bottom: 14%;}
	.tabVisual h2 {padding-bottom: 8%;}
	.subVisual .tabMenu {text-align: center;background-color: rgba(30,30,30,0.4);}
	.subVisual .tabMenu li {font-family: 'NanumSquareNeoExtraBold';font-size: 1.8rem;color: #fff;display: inline-block;margin: 0 2%;padding-top: 43px;}
	.subVisual .tabMenu li a {color: #fff;display: inline-block;padding: 0 0 35px;}
	.subVisual .tabMenu li.active {}
	.subVisual .tabMenu li.active a {border-bottom: 4px solid #DB092F;color: #DB092F;} 
	
	
	/* 서브페이지 content 공통 */
	.subContent h3 {font-family: 'NanumSquareNeoHeavy';font-size: 5.4rem;line-height: 7.8rem;}	
	.subContent h3 span {color: #DB092F;}	
	.subContent .txt {font-size: 1.8rem;line-height: 3.2rem;word-break: break-word;}
	.subContent .content {display: inline-block;vertical-align: top;}
	.subContent .imgItem {display: inline-block;vertical-align: top;} 

/* 	.subContent h3, .subContent .txt {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	.subContent.active h3, .subContent.active .txt {opacity: 1;transform: translate(0,0);}
	 */

	/* greeting */
	#greeting .subContainer {position: relative;}
	#greeting h3, #greeting h4, #greeting .txt, #greeting .greetingImg .img, #greeting .greetingImg .text {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	#greeting.active h3, #greeting.active .txt, #greeting.active h4, #greeting.active .greetingImg .img, #greeting.active .greetingImg .text {opacity: 1;transform: translate(0,0);}
	#greeting h3 {margin-bottom: 3.4%;}
	#greeting h4 {font-family: 'NanumSquareNeoExtraBold';font-size: 3rem;margin-bottom: 7.9%;transition-delay: 0.2s;}
	#greeting h4 span {color: #DB092F;}
	#greeting .txt {transition-delay: 0.4s;}
	#greeting .content {width: 56.3%;}
	#greeting .greetingImg {width: 43.3%;position: relative;}
	#greeting .greetingImg .img {width: 100%;transition-delay: 0.6s;}
	#greeting .greetingImg .text {position:absolute;z-index:10;top: -8.5%;left: -8.5%;animation:rotate 10s linear infinite; transform-origin:50% 50%;transition-delay: 1s;}
	@keyframes rotate {
		from {transform: rotate(0deg);}
		to {transform: rotate(360deg);}
	}

	
	/* about */
	#about {font-size: 0;}
	#about .content h3 {margin-bottom: 7%;}
	#about .mission {margin-bottom: 2%;}
	#about .mission .content {width: 27%;margin-left: 9%;margin-right: 6.8%;}
	#about .mission .aboutImg {width: 57.2%;}
	#about .mission .aboutImg img {width: 100%;}
	
	#about .vision {background-color: #F3F3F3;padding: 18.6% 0 6.5%;margin-top: -8%;position: relative;z-index: -1;margin-bottom: 201px;}
	/* #about .vision:before {content: 'Dental Practice';font-family: 'NanumSquareNeoHeavy';font-size: 9rem;color: #F3F3F3;position: absolute;top: -7.2%;left: 2.8%;}
	#about .vision:after {content: 'Management Software';font-family: 'NanumSquareNeoHeavy';font-size: 9rem;color: #fff;position: absolute;top: 10%;right: 0;} */
	#about .vision .subContainer:after {content: '';display: block;clear: both;}
	#about .vision .content {width: 33%;margin-left: 7.1%;margin-top: 4%;float: right;}
	#about .vision .aboutImg {width: 59.5%;float: left;}
	#about .vision .aboutImg img {width: 100%;}
	/* #about .vision .aboutImg img:first-child {margin-right: 4.4%;vertical-align: top;}
	#about .vision .aboutImg img:last-child {margin-top: 2%;vertical-align: bottom;} */
	#about .milestone {margin-bottom: 288px;position: relative;}
	#about .milestone:after {content: '';position: absolute;bottom: 100px;left: 0;z-index: -1;width: 0;height: 1px;background-color: #E2E2E2;transition: all 1.2s;transition-delay: 0.2s;}
	#about .milestone.active:after {width: 100%;}
	#about .milestone .subContainer {padding: 0 14.1% 0%;}
	#about .milestone h3 {margin-bottom: 130px;}
	#about .milestone .list {display: flex;justify-content: space-between;position: relative;}
	#about .milestone .list li:nth-child(1) {transition-delay: 0.8s;}
	#about .milestone .list li:nth-child(2) {transition-delay: 1s;}
	#about .milestone .list li:nth-child(3) {transition-delay: 1.2s;}
	#about .milestone .list li:nth-child(4) {transition-delay: 1.4s;}
	#about .milestone .list li .year {font-family: 'NanumSquareNeoHeavy';font-size: 3rem;}
	#about .milestone .list li .year:after {content: '';display: block;width: 10px;height: 10px;background-color: #DB092F;border-radius: 50%;margin: 39px 0;}
	#about .milestone .list li .txt {font-size: 1.6rem;line-height: 2.8rem;color: #888888;}
	#about .milestone .list li .txt span {font-family: 'NanumSquareNeoHeavy';font-size: 1.8rem;color: #888888;margin-right: 10px;}
	#about .milestone .list li .txt p {font-size: 1.6rem;line-height: 2.8rem;display: inline-block;color: #888888;vertical-align: top;}
	#about .achievement {margin-bottom: 5%;}
	#about .achievement .content {width: 44.5%;margin-left: 14%;vertical-align: middle;position: relative;z-index: 1;}
	#about .achievement .content h3 {margin-bottom: 3.7%;}
	#about .achievement .graph {width: 41.5%;position: relative;vertical-align: middle;}
	#about .achievement .graph:after {content: '';position: absolute;top: -32%;left: -10%;z-index: -1;width: 110%;height: 180%;background-color: #FBFBFB;border-radius: 46% 0 0 0;}
	#about .achievement .graph .option {display: inline-block;vertical-align: text-top;margin-left: -11%;margin-right: 18%;}
	#about .achievement .graph .option span {display: block;font-size: 1.6rem;color: #000;margin-bottom: 27%;}
	#about .achievement .graph .option span:before {content: '';display: inline-block;width: 20px;height: 20px;background-color: #DB092F;border-radius: 50%;vertical-align: middle;margin-right: 16px;}
	#about .achievement .graph .option span:first-child:before {background-color: #F3F3F3;border: 2px solid #888;margin-bottom: 2%;}
	#about .achievement .graph .graphImg {vertical-align: middle;filter: drop-shadow(20px 20px 23px rgba(0,0,0,0.3));width: 57.2%;}
	#about .subSocial {position: relative;}
	#about .subSocial .slideGroup {position: relative;}
	#about .subSocial .subSocialSlide li .mImg {display: none;}
	#about .subSocial h3 {padding: 4.3% 0;width: 39.4%;margin-top: -92px;display: inline-block;position: relative;z-index: 1;}
	#about .subSocial h3:after {content: '';position: absolute;top: 0;left: 0;background-color: #fff;width: 100%;height: 100%;z-index: -1;}
	#about .subSocial .txt {display: inline-block;width: 60%;vertical-align: top;margin-top: 3%;}
	#about .subSocial .pageNum {position: absolute;bottom: 40px;right: 40px;z-index: 10;}
	#about .subSocial .pageNum .pageCurrent {font-size: 1.6rem;}

	#about h3, #about .txt, #about .milestone .list li, #about .imgItem {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	#about .txt {transition-delay: 0.2s;}
	#about .imgItem {transition-delay: 0.4s;}
	#about .motionCon.active h3, #about .motionCon.active .txt, #about .milestone.active .list li, #about .motionCon.active .imgItem{opacity: 1;transform: translate(0,0);}
	
	/* VCC */
	#subVcc {font-size: 0;}
	#subVcc .info {margin-bottom: 5%;}
	#subVcc .info .content {width: 41%;margin-left: 9%;margin-right: 4.9%;}
	#subVcc .info .content h3 {margin-bottom: 6%;}
	#subVcc .info .vccVideo {width: 45.1%;}
	#subVcc .info .vccVideo .vod {width: 99.2%;height: 420px;}
	#subVcc .tech {background-color: #F3F3F3;padding: 7.4% 0;margin-bottom: 7.4%;}
	#subVcc .tech .subContainer {padding-bottom: 0;}
	#subVcc .tech li {margin-bottom: 7.3%;}
	#subVcc .tech li:last-child {margin-bottom: 0;}
	#subVcc .tech li img {width: 29.25%;vertical-align: middle;}
	#subVcc .tech li .cont {display: inline-block;width: 67%;vertical-align: middle;margin-left: 3%;}
	#subVcc .tech li .cont .tit {font-family: 'NanumSquareNeoHeavy';font-size: 3rem;margin-bottom: 3.5%;}
	#subVcc .tech li .cont .tit span {color: #DB092F;display: inline-block;margin-right: 6px;}
	#subVcc .tech li .cont .txt {letter-spacing: -0.1px;}
	#subVcc .tech li .cont .txt {opacity: 1;transform: translate(0,0);}
	#subVcc .center .centerMap {margin-bottom: 7.7%;}
	#subVcc .center .centerMap .content {width: 40%;}
	#subVcc .center .centerMap .content h3 {margin-bottom: 5%;}
	#subVcc .center .centerMap .mapImg {width: 60%;}
	#subVcc .center .centerMap .mapImg img {width: 100%;}
	#subVcc .center .centerImg img {width: 31.8%;margin-right: 2.2%;}
	#subVcc .center .centerImg img:last-child {margin-right: 0;}
	#subVcc .center .centerImg .img img:nth-child(1) {transition-delay: 0.6s;}
	#subVcc .center .centerImg .img img:nth-child(2) {transition-delay: 0.8s;}
	#subVcc .center .centerImg .img img:nth-child(3) {transition-delay: 1s;}
	#subVcc .center .centerImg .mImg {display: none;}

	#subVcc h3, #subVcc .txt, #subVcc .imgItem, #subVcc .tech li, #subVcc .center .centerImg .img img {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	#subVcc .txt {transition-delay: 0.2s;}
	#subVcc .imgItem {transition-delay: 0.4s;}
	#subVcc .motionCon.active h3, #subVcc .motionCon.active .txt, #subVcc .motionCon.active .imgItem, #subVcc .tech li.active, #subVcc .center .centerImg.active .img img {opacity: 1;transform: translate(0,0);}


	/* VCC Networks */
	#network .content {margin-left: 9%;width: 33%;}
	#network .content h3 {margin-bottom: 8%;}
	#network .imgItem {width: 57%;}
	#network .imgItem img {width: 100%}
	#network .imgItem img.mImg {display: none;}
	#network .oversea {background-color: #F3F3F3;padding-top: 6.2%;}
	#network .mainContainer {padding-bottom: 9%;}

	#network h3, #network .txt, #network .imgItem {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	#network .txt {transition-delay: 0.2s;}
	#network .imgItem {transition-delay: 0.4s;}
	#network .motionCon.active h3, #network .motionCon.active .txt, #network .motionCon.active .imgItem {opacity: 1;transform: translate(0,0);}

	/* process */
	#process .item {}
	#process .item h3 {margin-bottom: 2%;}
	#process .item h3 span {font-family: 'NanumSquareNeoExtraBold';font-size: 2rem;color: #222;}
	#process .item .txt {margin-bottom: 6%;}
	#process .item .list {display: flex;justify-content: space-between;}
	#process .item .list li {background-color: #F3F3F3;padding: 3.7% 0 4%;text-align: center;position: relative;}
	#process .item .list li:nth-child(1) {transition-delay: 0.4s;} 
	#process .item .list li:nth-child(2) {transition-delay: 0.5s;} 
	#process .item .list li:nth-child(3) {transition-delay: 0.6s;} 
	#process .item .list li:nth-child(4) {transition-delay: 0.7s;} 
	#process .item .list li:nth-child(5) {transition-delay: 0.8s;} 
	#process .item1 {margin-bottom: 13%;}
	#process .item1 .list li {width: 28%;}
	#process .item1 .list li:after {content: url(../img/process_arrow.png);position: absolute;top: 49%;right: -17%;}
	#process .item1 .list li:last-child:after {display: none;}
	#process .item2 .list li {width: 18%;}
	#process .item .list li span {font-family: 'NanumSquareNeoHeavy';font-size: 1.8rem;color: #333;display: block;margin: 14% 0 5%;}
	#process .item .list li p {font-size: 1.6rem;line-height: 2.8rem;height: 84px;}
	#process .procBtn {text-align: center;margin-bottom: 5%;}
	/* #process .procBtn a {margin-right: 1.4%;font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;color: #fff;display: inline-block;width: 19%;padding: 2% 0;background-color: #DB092F;} */
	#process .procBtn a {margin-right: 1.4%;font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;display: inline-block;width: 19%;padding: 2% 0;color: #fff;background-color: #DB092F;}

	/* #process .procBtn a:last-child {color: #111;border: 1px solid #111;background-color: #fff;} */
	
	#process h3, #process .txt, #process .list li {opacity: 0;transform: translate(0,50px);transition: all 1s;}
	#process .txt {transition-delay: 0.2s;}
	#process .item.active h3, #process .item.active .txt, #process .item.active .list li {opacity: 1;transform: translate(0,0);}

	/* location */
	#location h3 {margin-bottom: 4.2%;}
	#location .map {height: 480px;}
	#location .address {display: flex;margin-top: 4.4%;font-size: 0;}
	#location .address .item {width: 26.5%;}
	#location .address .item span {font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;color: #111;display: block;margin-bottom: 19px;}
	#location .address .item p {font-size: 1.6rem;line-height: 2.8rem;color: #111;display: inline-block;vertical-align: top;}
	#location .address .contMore {font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;color: #111;display: inline-block;border: 1px solid #111;height: 68px;line-height: 68px;width: 16.5%;text-align: center;margin-left: auto;}
	#location .address .contMore img {margin-left: 19%;}
	
	
	#contact {padding-left: 14%;font-size: 0;}
	#contact .content {width: 29%;margin-top: 10.5%;}
	#contact .content h3 {margin-bottom: 6%;}
	#contact .contactForm {display: inline-block;width: 71%;background-color: #F3F3F3;padding: 10.5% 15.5% 10.5% 8.2%;}
	#contact .contactForm .inputForm {display: flex;justify-content: space-between;}
	#contact .contactForm .inputForm2 {margin-bottom: 5%;}
	#contact .contactForm .inputForm .item {margin-bottom: 2.3%;width: 49%;}
	#contact .contactForm .inputForm .item2 {width: 100%;}
	#contact .contactForm .inputForm .item select {background: #fff url(/theme/vatech/img/select_ico.png) calc(100% - 20px) 50% no-repeat;}
	#contact .contactForm .chkForm .tit {font-family: 'NanumSquareNeoBold';font-size: 1.4rem;color: #111;display: block;margin-bottom: 2.4%;}
	#contact .contactForm .chkForm .txt {font-size: 1.4rem;color: #444;line-height: 2.8rem;display: inline-block;vertical-align: middle;}
	#contact .cont
	
	
	
	actForm .chkForm .txt a {font-family: 'NanumSquareNeoExtraBold';color: #111;border-bottom: 1px solid #000;}
	#contact .contactForm .radioForm .txt {font-family: 'NanumSquareNeoBold';font-size: 1.6rem;color: #B9B9B9;margin-right: 30px;}
	#contact .contactForm .agreeForm .txt {width: 92%;}
	#contact .contactForm .agreeForm .item:nth-child(1) input[type="checkbox"] + label {vertical-align: top;}
	#contact .contactForm .agreeForm .item:nth-child(1) .txt {margin-top: -3px;}
	#contact .contactForm .sendBtn {font-family: 'NanumSquareNeoExtraBold';font-size: 1.6rem;background-color: #DB092F;color: #fff;display: inline-block;width: 27.9%;padding: 3% 0;}
	#contact #captcha {display: block;margin-bottom: 10.4%;}
	#contact #captcha #captcha_img {width: 150px;height: 58px;border: 1px solid #E0E0E0;}
	#contact  #captcha #captcha_key {width: 240px;height: 58px;border: 1px solid #E0E0E0;margin-right: 10px;font-size: 1.6rem;}
	#contact  #captcha #captcha_mp3 {margin-right: 4px;}

	/* 폼 영역 input select textarea */
	#contact  select {cursor: pointer;}
	input[type="text"], input[type="password"], select, textarea {font-size: 1.6rem;color: #888888;border: 1px solid #E0E0E0;padding: 19px 20px;width: 100%;}
	input[type="radio"] {font-size: 1.6rem;}



	#contact  input[type="checkbox"] + label,
	#contact  input[type="radio"] + label {
		display: inline-block;
		width: 20px;height: 20px;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		cursor: pointer;position: relative;background-color: #fff;
		vertical-align: middle;
		margin-right: 12px;
	}
	#contact  input[type="radio"] + label {
		border-radius: 50%;
	}
	#contact input[type="checkbox"]:checked + label, 
	#contact input[type="radio"]:checked + label {
		border: 1px solid #DB092F;
	}
	#contact  input[type="checkbox"]:checked + label:after {
		content:'';display: inline-block;width: 20px;height: 20px;
		text-align: center;background-color: #DB092F;border-radius: 5px;
	}
	#contact input[type="checkbox"]:checked + label,
	#contact input[type="radio"]:checked + label {
		border: 1px solid #DB092F;
	}
	#contact input[type="checkbox"]:checked + label span {
		display: inline-block;width: 5px;
		height: 10px;border: solid #fff;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
		position: absolute;left: 7px;top: 3px;
	}
	#contact input[type="radio"]:checked + label span {
		display: inline-block;width: 10px;
		height: 10px;background-color: #DB092F;
		border-radius: 50%;
		position: absolute;left: 4px;top: 4px;
	}


	/* search */
	#search .utillMenu {margin-top: 10%;margin-bottom: 2.4%;text-align: center;}
	#search .utillMenu a {font-family: 'NanumSquareNeoBold';font-size: 1.4rem;color: #666;vertical-align: middle;}
	#search .utillMenu img {vertical-align: middle;margin: 0 10px;}
	#search h2 {font-size: 7rem;font-family: 'NanumSquareNeoHeavy';margin-bottom: 5%;text-align: center;}
	#search .content {background-color: #F3F3F3;padding: 5.3% 14.2% 9.5%;width: 100%;}	
	#search .content h3 {font-family: 'NanumSquareNeoExtraBold';font-size: 3rem;text-align: center;margin-bottom: 3%;}	
	#search .content h3 span {color: #DB092F;}	
	#search .content .result {font-family: 'NanumSquareNeoBold';font-size: 1.6rem;display: inline-block;margin-bottom: 2%;}
	#search .content .result strong {font-family: 'NanumSquareNeoHeavy';}
	#search .content .schList {background-color: #fff;text-align: left;}
	#search .content .schList li {border-bottom: 1px solid #E0E0E0;padding: 2.5%;}
	#search .content .schList li:last-child {border-bottom: none;}
	#search .content .schList li .txt {font-size: 1.6rem;line-height: 3.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	#search .content .schList li .group {display: flex;margin-top: 2.8%;}
	#search .content .schList li .group .route {font-size: 1.3rem;color: #888;}
	#search .content .schList li .group .more {font-family: 'NanumSquareNeoBold';font-size: 1.4rem;margin-left: auto;}
	#search .content .schList li .group .more img {vertical-align: middle;margin-left: 5px;}
	

	/* [s] button css */
	.btn_wrap{margin:40px 0 0; text-align:center; }
	.btn_wrap2 {margin:10px 0 0;}
	.btn_wrap a{display:inline-block; width:49%;  height:60px; line-height:60px; margin-right: 1%;}
	.btn_wrap a:last-child {margin-right: 0;}
	.btn_wrap button{width:49%; height:60px; margin-right: 8px;}
	.btn_wrap button:last-child {margin-right: 0;}
	.btn_wrap .btn_type01{font-family: 'NanumSquareNeoExtraBold';font-size:1.8rem;color:#888888; background:#E1E1E1;}
	.btn_wrap .btn_type02{font-family: 'NanumSquareNeoExtraBold';font-size:1.8rem; color:#434343; background:#111;color: #fff;}
	.btn_wrap .btn_type03{width: 100%;font-family: 'NanumSquareNeoExtraBold';font-size:1.8rem; color:#434343; background:#111;color: #fff;}
	.mbskin_box2 .btn_wrap .btn_type03{width: 540px;}
	/* [e] button css */

	/* [s] color css */
	.col_cpl{color:#EE0B0B}
	.col_wait{color:#6D94FF}
	.so{background:#FF9FA6; }
	.so1{background:#FFE600; }
	.so2{background:#00CBC4; }
	.so3{background:#FF9FA6; }
	.so4{background:#4F4FB9; }
	.so5{background:#B02DCF; }
	.so6{background:#8DABFF; }
	/* [e] color css */


	#bo_w .bo_w_flie .file_del input{width:14px;height:14px;border:1px solid #ddd;}

/* [e] Sub */


/* [s] Etc */
	
/* [e] Etc */

/* [s] 이용약관 동의 팝업 */
	
/* [e] 서비스 신청 - 이용약관 동의 팝업 */