@charset "UTF-8";

/* body{ overflow: hidden} #00427a
 */

/* =====================
	* container
	*
	*
===================== */
.container {max-width: 1600px; }
@media(max-width: 1800px) {
   .pages > .container {padding: 90px 15px 90px 15px}
     
}
 
@media(max-width: 780px) {
  .pages > .container { padding: 50px 15px 50px 15px;}
}


.container_p{ padding-left: 100px !important; padding-right: 100px !important;}




/* =====================
	* fullpage
	*
	*
===================== */
/* navigation  */
/*#navigation{position: fixed; top: 0; right: 0;z-index: 999;}*/
#navigation{position: fixed; top: 0; right: 0; z-index: 999;}
#navigation {position: absolute; right: 56px;top: 41.5%; z-index: 5;list-style: none;margin: 0;padding: 0;}
#navigation li {padding: 0;text-align: center; padding-bottom: 6px;}
#navigation li:not(:first-of-type) {margin-top: 4px;}
#navigation li:nth-of-type(6) a{display: none}
#navigation li a { width: 15px;display: block;text-align: right; padding-right: 24px;color: #fff; font-size: 0.875rem; position: relative}
#navigation li.active  a {width: 15px; position: relative; line-height: 1; }
#navigation li a:before {content: ''; position: absolute; width: 15px ; height: 15px; background:rgba(255, 255, 255, 0.18); border-radius: 0px; /*-webkit-border-radius: 0px;*/ /*-moz-border-radius: 0px;*/ right: 0; top: 50%; margin-top: -4px;}
#navigation li.active a:before { width: 15px;height: 15px; border-radius: 0px;background-image: linear-gradient(white, white), /*radial-gradient(circle at top left, #d12dfc,#6f6bfe);*/ radial-gradient(circle at top left, #006dcc,#00427a);  background-origin: border-box; background-clip: content-box, border-box;  background: url(/assets/images/page_icon.png) no-repeat;  right: -3px; top: 4px }
#navigation li a:before {transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease;-o-transition: all 0s ease;}
#navigation li a:hover:before,
#navigation li a:focus:before {background: #fff}
#navigation li.active a:hover:before,
#navigation li.active a:focus:before {background: url(/assets/images/page_icon.png) no-repeat}
#navigation ul{width:6em;}
#navigation a{width:100% !important;}
#navigation li.active a {font-weight:bold; text-decoration:none;color: #006dcc;font-size: 0.875rem;}




/* 네비색깔 변경 */
.fp-viewing-news #navigation li a,.fp-viewing-business #navigation li a { color: #464646;}
.fp-viewing-news #navigation li a:before,.fp-viewing-business #navigation li a:before { background: rgba(0, 0, 0, 0.17);}
.fp-viewing-news #navigation li a:hover:before, .fp-viewing-business #navigation li a:hover:before { background-color: #000;}
.fp-viewing-work #navigation li a {color: #585858; }
.fp-viewing-work #navigation li a:before {background: rgba(0, 0, 0, 0.18); }
#navigation li.active a:before { background: url(/assets/images/page_icon.png) no-repeat; background-color: transparent !important;}






/*main에서만 적용됨 header*/
.viewing-page-1  #header {background-color: rgba(0, 16, 70, 0.25);-webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;   transition: all 0.3s ease 0s; 
padding-right: 100px;}
#header.active {background-color: #fff;}


/* body.active #header {  height: 60px; background-color: rgb(255, 255, 255); box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.26);}
body.active #header .container{ padding: 5px 0 0px 0;}
body.active #header .gnd > li > a {color: #333;}
body.active #header .eng {border: 1px solid rgba(13, 13, 13, 0.31);}
body.active #header .eng span {color: #000;}
body.active #header .eng {border: 1px solid rgba(13, 13, 13, 0.31);}
body.active #header .eng span{color: #000;}
body.active #header.active {height: 383px;}
body.active #header.active:before {top: 60px;}
body.active #header .eng:before { background:url(../../common/images/eng-icon-hover.png) no-repeat 0 0;}
body.active #header .logo{background-position: 0 -47px;}
body.active #header .gnd > li > a { padding-bottom: 18px;height: 44px;}
     */ 
     
     
.fp-viewing-news #header,.fp-viewing-business #header,.fp-viewing-fumax #header,.fp-viewing-work #header,.fp-viewing-footer #header    {  height: 60px; background-color: rgb(255, 255, 255); box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.26);}
.fp-viewing-news #header .container,.fp-viewing-business #header .container,.fp-viewing-fumax #header .container,.fp-viewing-work #header .container,
.fp-viewing-footer #header .container { padding: 5px 0 0px 0;}
.fp-viewing-news #header .gnd > li > a,.fp-viewing-business #header .gnd > li > a,.fp-viewing-fumax #header .gnd > li > a,.fp-viewing-work #header .gnd > li > a,.fp-viewing-footer #header .gnd > li > a {color: #333;}
.fp-viewing-news #header .eng,.fp-viewing-business #header .eng,.fp-viewing-fumax #header .eng,.fp-viewing-work #header .eng,
.fp-viewing-footer #header .eng  {border: 1px solid rgba(13, 13, 13, 0.31);}
.fp-viewing-news #header .eng span,.fp-viewing-business #header .eng span,.fp-viewing-fumax #header .eng span,
.fp-viewing-work #header .eng span,.fp-viewing-footer #header .eng span {color: #000;}
.fp-viewing-news #header .eng,.fp-viewing-business #header .eng,.fp-viewing-fumax #header .eng,
.fp-viewing-work #header .eng,.fp-viewing-footer #header .eng {border: 1px solid rgba(13, 13, 13, 0.31);}
.fp-viewing-news #header .eng span,.fp-viewing-business #header .eng span,.fp-viewing-fumax #header .eng span,
.fp-viewing-work #header .eng span,.fp-viewing-footer #header .eng span {color: #000;}
.fp-viewing-news #header.active,.fp-viewing-business #header.active,.fp-viewing-fumax #header.active,
.fp-viewing-work #header.active,.fp-viewing-footer #header.active {height: 460px;}
.fp-viewing-news #header.active:before,.fp-viewing-business #header.active:before,.fp-viewing-fumax #header.active:before,
.fp-viewing-work #header.active:before,.fp-viewing-footer #header.active:before {top: 60px;}
.fp-viewing-news #header .eng:before,.fp-viewing-business #header .eng:before,.fp-viewing-fumax #header .eng:before,
.fp-viewing-work #header .eng:before,.fp-viewing-footer #header .eng:before { background:url(/assets/images/eng-icon-hover.png) no-repeat 0 0;}
.fp-viewing-news #header .logo,.fp-viewing-business #header .logo,.fp-viewing-fumax #header .logo,.fp-viewing-work #header .logo,
.fp-viewing-footer #header .logo {background-position: 0 -47px;}
.fp-viewing-news #header .gnd > li > a,.fp-viewing-business #header .gnd > li > a,.fp-viewing-fumax #header .gnd > li > a,
.fp-viewing-work #header .gnd > li > a,.fp-viewing-footer #header .gnd > li > a { padding-bottom: 18px;height: 44px;}

    
    
    
    
    
     
   
/* body.active .onepage-pagination li a:before,
.fp-viewing-business .onepage-pagination li a:before,.fp-viewing-work .onepage-pagination li a:before {background: rgba(99, 87, 192, 0.25);}
 */
 .section .container { padding: 0 7%;}  
 /*.section .container.footer{padding: 30px 0px !important;} */
 
    
@media(max-width:1200px) {
	
	
	/* navigation  */
	#navigation {display: none;}
	
	
	
	/* 큰 레이아웃 */
	.section {height: auto !important;}
    .fp-tableCell {height: auto !important;display: block;}
    .section .container { padding: 50px 15px;}
    .section .container.footer{padding: 30px ;}

}





@media(max-width: 1024px) {
footer .container{background:none;}
}









/* =====================
	* mVisual
	*
	*
===================== */
/*slick slider*/
.page1 {position: relative}

.slick {border: 0}
.slick .bx-viewport{left: 0;border: none;box-shadow: none}
.slick .bg {min-height: 100vh; background-size: cover; width: 100%; overflow: hidden}
.slick .bg .bg-img {height: 100%; position: absolute;  width: 100%;background-size: cover; background-repeat: no-repeat;z-index: -1;}
/*.slick .bg.bx1 .bg-img { background-image: url(/assets/images/main/main_bg_003.jpg); }*/
.slick .bg.bx1 .bg-img { background-image: url(/new/img/main_001.png); }
.slick .bg.bx2 .bg-img { background-image: url(/assets/images/main/main_bg_180.jpg);}
.slick .bg.bx3 .bg-img { background-image: url(/assets/images/main/main_bg_030.jpg);}
.slick .bg.bx4 .bg-img { background-image: url(/assets/images/main/main_bg_030.jpg); }
.slick .bg .container {/*padding: 97px 0 0 20px;*/ text-align: left; padding: 97px 0 0 7%;}
.slick .bg .container .text-wrap { padding-top: 115px;}
.slick .bg .container .text-wrap > span { padding-bottom: 77px;display: inline-block;font-size: 1.563rem; color: #fff;}
.slick .bg .container .text-wrap > span:after{width: 50px;height: 1px; background: #fff; bottom: 50%;margin-bottom: -2px; right: 50%; margin-right: -22px;}
.slick .bg .container .text-wrap h2 {font-family: 'Noto Sans Korean'; /*font-size:2.375rem;color:*/ font-size:2.13em;color: #fff; padding-bottom: 31px;}
.slick .bg .container .text-wrap h2 strong{ display: block;line-height: 1.2;/*font-size: 2.688rem;*/font-size: 2.5rem;}
.slick .bg .container .text-wrap button {margin-top: 42px;}
.slick .bg .container .text-wrap button span i {font-size: 1.438rem; }
.slick .bg .container .text-wrap button:hover,
.slick .bg .container .text-wrap button:focus { background: #fff; border: 1px solid #fff; color: #000}
.slick .bg .container .text-wrap button:hover span,
.slick .bg .container .text-wrap button:focus span{color: #000}



.pager-wrap {position: absolute; z-index: 1;bottom: 0; width: 100%; max-width: 100%; padding: 0 ; height: 119px;background: rgba(0, 0, 0, 0.50);}
#bx-pager { width: 1600px;margin: 0 auto;height: 100%;}
#bx-pager *  {height: 100%}
#bx-pager .pager {text-align: center; display: table}
#bx-pager .pager a {color: #fff; display: table-cell; vertical-align: middle; text-align: center;font-size: 1.188rem; font-family: 'Noto Sans Korean'; font-weight:500 ; }
#bx-pager .pager a:hover{ background: linear-gradient(90deg, rgba(0, 27, 51, 1) 0%, rgba(0, 66, 122, 1) 35%, rgba(0, 66, 122, 1) 100%); text-decoration: none;}
#bx-pager .pager span:before { width: 59px; height: 54px; background: url(/assets/images/section1-icons.png) no-repeat; left: 0 }
#bx-pager .pager span {padding-left: 67px;}
/*#bx-pager .pager span.icon01:before {top: -18px; background-position: 0 0;}
#bx-pager .pager span.icon02:before {top: -20px; background-position: 0px -59px;}
#bx-pager .pager span.icon03:before {top: -18px; background-position: 0px -125px;}
#bx-pager .pager span.icon04:before {top: -18px; background-position: 0 -188px;}*/


.slick-slide a.btn:hover{background: #fff; color: #000}





/* /*  메인비주얼 scale 애니메이션 */
.fp-viewing-main .slick .slider-track {-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.fp-viewing-main .slick .bg .bg-img  {width: 100%;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2) rotate(.001deg); transform: scale(1.2) rotate(.001deg);}
.fp-viewing-main .slick .bg.slick-active .bg-img  { -webkit-transform: scale(1) rotate(.001deg); transform: scale(1) rotate(.001deg);-webkit-animation: scaleAnim 3s 1 ease-in-out forwards; animation: scaleAnim 3s 1 ease-in-out forwards;}
 







/*메인비주얼 텍스트 효과 */
.rampUp {overflow: hidden; line-height: 1; display: block}    
.bg.slick-active .rampUp span  {  display: inline-block; animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: forwards; transition-timing-function: ease-out; transform: translate3d(0%, -100%, 0);animation-name: rampUp;transition: opacity .6s;animation-delay: 0.2s; text-shadow: 3px 3px 15px rgb(0 0 0 / 40%);}






@media(max-width: 1800px) {
    #bx-pager {width: 100%;}
}
@media(max-width: 1280px) {
    /*.slick .bg .container {text-align: center;}*/
}
@media(max-width: 1200px) {
    .slick .bg {min-height: auto;}
	

    .slick .bg .container .text-wrap {padding-top: 9%; padding-bottom: 20%;}
    .slick .bg .container .text-wrap h2 {font-size: 1.8rem;}
    .slick .bg .container .text-wrap h2 strong {font-size: 2rem;}
    .slick .bg .container .text-wrap > span {padding-bottom: 40px;font-size: 1.25rem;}
    .slick .bg .container .text-wrap > span:after {margin-bottom: -7px;}
    
    .pager-wrap {padding: 0 !important; background-color: rgba(0, 27, 51, 1);}
}

@media(max-width: 1024px) {
    .slick .bg .container .text-wrap  {height:485px;}
    .slick .bg .container .text-wrap {padding-top: 9%;padding-bottom: 133px;}
	.slick .bg .container .text-wrap h2 strong{line-height: 1.6;}
	.slick .bg .container .text-wrap h2 {padding-bottom: 20px;}

    .pager-wrap {height: auto; background: rgba(0, 0, 0, 0.50);}
    #bx-pager .pager span {padding: 12px 0 20px 0;font-size: 1.133rem;}

    #bx-pager .bwt-before:before {width: 44px; height: 40px; position: static; margin: 0 auto;margin-bottom: 3px;background-size: 100%;}
    #bx-pager .pager span.icon01, 
    #bx-pager .pager span.icon02,
    #bx-pager .pager span.icon03,
    #bx-pager .pager span.icon04 { display: block;padding-left: 0;}

	#bx-pager .pager span:before {transform: scale(0.8);}
}

@media(max-width: 780px) {
	.slick .bg .container {text-align: center;}

	.slick .bg .container .text-wrap  {height:403px;}

    .slick .bg .container .text-wrap h2 {font-size: 1.4rem;}
    .slick .bg .container .text-wrap h2 strong {font-size: 1.6rem;}
    .slick .bg .container .text-wrap > span {font-size: 1.1rem; padding-bottom: 25px;}
    .slick .bg .container .text-wrap > span:after {margin-bottom: -6px;}
    .slick .bg .container .text-wrap > span:after {width: 40px; margin-right: -19px;}
   
    .slick .bg .container .text-wrap button {padding: 8px 18px; margin-top: 20px;font-size: .9rem;}

    #bx-pager .pager {width: 100% !important;border-right: 1px solid rgba(221, 221, 221, 0.2);border-bottom: 1px solid rgba(221, 221, 221, 0.2);}
    #bx-pager .bwt-before:before {display: none;}
    #bx-pager .pager span {padding: 10px 0;font-size: 1rem;}
	
	.mb_50{margin-bottom: 10px !important;}

}

@media(max-width: 480px) {
	.slick .bg .container .text-wrap  {/*height:350px;*/ height:403px;}
	.slick .bg .container .text-wrap h2 {font-size: 1.2rem;}
		.mb_50{margin-bottom: 5px !important;}
		

}

/* =====================
	* news
	*
	*
===================== */
.page2 {background: url(/assets/images/main/main_bg_004_1.jpg) no-repeat;background-size: cover; }
.page2 a:hover {text-decoration: none;}
.page2 .box-wrap > li {float: left; margin-left: 1.8%;color: #fff;}
.page2 .box-wrap > li:first-of-type{margin-left: 0}

.page2 .type1 { width: calc((100% - 30px) / 3);/*height: 430px; padding: 47px 50px; */ height: 300px; padding: 47px 45px; margin-bottom: 10px;  position: relative;  border-top-right-radius: 3rem; border-bottom-left-radius: 1.5rem;}
.page2 .type1.box1 {background-color: #00427a;}
.page2 .type1.box2 {background-color: #005fb3;}
.page2 .type1.box3 {background-color: #007ae6;}
.page2 .type1.box4 {background-color: #1a94ff; margin-left: 0%;}
.page2 .type1.box5 {background-color: #4dacff; }
.page2 .type1.box6 {background-color: #80c3ff;}

.page2 .box3 {width: calc((100% - 139px) / 3);}
.page2 .box6 {width: calc((100% - 139px) / 3);}
.page2 .round-icon { position: absolute; right: 50px;top: 44px;}
.page2 .round-icon span {display: inline-block;width: 62px; height: 64px; position: absolute;right: 50%; margin-right: -33px; top: 10px;}
.page2 .type2 {height: 202px; background-color: #6256c0; padding:  45px 50px 47px 50px;color: #fff; position: relative; display: block; width: 100%;   }
.page2 .type2:after {width: 46px;height: 11px;position: absolute;background: url(/assets/images/section2-03.png) no-repeat;margin-top: 5px;}
.page2 .type2:hover {background: #5549b3; }
.page2 .type2:hover:after {animation:leftAnimation 1s ease-out infinite; -webkit-animation:leftAnimation 1s ease-out infinite; -moz-animation:leftAnimation 1s ease-out infinite;}
@keyframes leftAnimation {
		0%{ transform:translate3d(0,0,0);  -webkit-transform:translate3d(0,0,0); }
		50% { transform:translate3d(20px,0,0); -webkit-transform:translate3d(20px,0,0);  }
		100%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
	}
	@-webkit-keyframes leftAnimation {
	    0%{ transform:translate3d(0,0,0);  -webkit-transform:translate3d(0,0,0); }
		50% { transform:translate3d(20px,0,0); -webkit-transform:translate3d(20px,0,0);  }
		100%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
}





.page2 .type2 .txt {padding-top: 10px; width: 56%; display: block;}
.page2 .type2 .round-icon span {background: url(/assets/images/section2-02.png) no-repeat 0px 0px;}
.page2 .type2 .round-icon {background: #463baa;}

.page2 .inner-box-wrap {margin-top: 26px;}
.page2 .type3 { float:left; /*width: calc((100% - 20px) / 2);*/width: 47.4%; height: 202px;margin-left: 5%; text-align: center; color: #fff; position: relative}
.page2 .type3:first-of-type {margin-left: 0;}

.page2 .type3 .round-icon {top: 75px; margin-top: 0; left: 50px;}
.page2 .type3.box1 .round-icon {background: #623baa;}
.page2 .type3.box2 .round-icon {background: #963baa;}
.page2 .type3.box1 .round-icon span { background:url(/assets/images/section2-02.png) no-repeat 0px -69px;}
.page2 .type3.box2 .round-icon span {background: url(/assets/images/section2-02.png) no-repeat 0px -137px;}

.page2 .type3.box1 .link-type1 {background-color: #8056c0;}
.page2 .type3.box2 .link-type1 {background-color: #b056c0;}
.page2 .type3.box1 .link-type1:hover{  background-color: #7954b3;}
.page2 .type3.box2 .link-type1:hover{  background-color: #a54eb5;}


.page2 .type3 .link-type1 {display: block;  padding: 34px; height: 100%; color: #fff;}


.page2 .bx-label {position: relative}
.page2 .bx-label a {position: absolute; right: 0;font-size: 1.688rem; color: #fff}
.page2 .sub-title {font-size: 1.313rem;}
.page2 .box-tit {font-size: 1.5rem; line-height: 1.2; color: #fff;/*padding: 28px 0;*/ padding: 10px 0;}
.page2 .txt {color: #fff;font-weight: 100;}
.page2 .date {color: #fff;/*padding-top: 23px;*/ padding-top: 10px;display: inline-block;}
.page2 .round-icon {width: 90px;height: 90px; margin:0 auto; border-radius: 600px;margin-top: 11px; }

.type1 .txt {/*height: 104px;*/ height: 50px; overflow: hidden;}
.type1 .box-tit {height: 100px; overflow: hidden;}




.page2 .type1 .btn-wrap{position: absolute; bottom: 0; right: 0;}
.page2 .type1 .btn-wrap button {height: 64px;width: 64px; padding: 0; background: rgba(0, 0, 0, 0.27);border-radius: 0; border: 0;}
.page2 .type1 .btn-wrap button i {color: #fff;font-size: 1.8rem;}
.page2 .type1 .btn-wrap button:hover,
.page2 .type1 .btn-wrap button:focus {background: #fff;}
.page2 .type1 .btn-wrap button:hover i,
.page2 .type1 .btn-wrap button:focus i {color: #000;}




@media(max-width: 1800px ) {
    .page2 .box3 {width: calc((100% - 116px) / 3);}

    .page2 .type1 {padding: 35px 34px;}
    .page2 .type2{padding: 33px 34px 33px 34px;}

}

@media(max-width: 1200px ) {

    .page2 .type1 {height: 392px; border-top-right-radius: 0rem; border-bottom-left-radius: 0rem;}
	.type1 .box-tit {height: 70px;}
	.type1 .txt {height: 100px;}
	
    .page2 .inner-box-wrap {margin-top: 20px;}
    .page2 .sub-title {font-size: 1.2rem;}
    .page2 .box-tit {font-size: 1.25rem; padding: 5% 0;}
    .page2 .txt {font-size: .95rem;line-height: 1.5rem;}
    
    .page2 .round-icon {margin-top: 0;right:25px;}
    .page2 .type2:after{margin-top:20px;}
    .page2 .type3 {width: 100%; height: 82px;text-align: left;position: relative;}
    .page2 .type3 .link-type1 {padding: 26px;}
    .page2 .type3:nth-of-type(2) {margin-left: 0;margin-top: 6px;}
    .page2 .type3 .round-icon {width: 67px;height: 67px; top: 7px;margin: 0;left: auto;right: 25px;}
    .page2 .type3 .round-icon span {margin-right: -26px; width: 48px;height: 49px;}
    .page2 .type3.box1 .round-icon span,
    .page2 .type3.box2 .round-icon span {background-size: 100%;}
    .page2 .type3.box1 .round-icon span {background-position: 0px -54px;}
    .page2 .type3.box2 .round-icon span {background-position: -1px -111px;}
    
    .page2 .box3 {width: calc((100% - 66px) / 3);}
    
    
 
    
    
    
}



@media(max-width: 1024px ) {
    .page2 .type1 {width: calc((100% - 20px) / 2);height:300px;}
     .type1 .txt {height: 44px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; white-space: normal; line-height: 1.2em; height: 2.25em; overflow: hidden;text-overflow: ellipsis;}
	
    
    
    
    .page2 .box-wrap > li.box3 {margin-left: 0; width: 100%;margin-top: 1.8%;}
    
    .page2 .type2 {width: 49%; display: inline-block; height: 166px;}
    .page2 .inner-box-wrap {margin-top: 0; width: calc(100% - 51%); display: inline-block;vertical-align: top; margin-left: 1.2%;}
    .page2 .type3 {height: 80px;}
}



@media(max-width: 780px ) {
    .page2 .type1 { width: 100%; height: auto; padding: 26px;}
    .type1 .box-tit {height:auto;}
    
    
    .page2 .box-wrap > li {margin-left: 0;}
    .page2 .box-tit {padding: 1% 0;}
    .page2 .type2:after {display: none;}
    .page2 .type2 {width: 100%; padding: 16px 26px; height: auto;}
    .page2 .type2 .txt {width: 68%; padding-top: 0;}
    
    .page2 .box-wrap > li.box3{margin-top: 0;}
    .page2 .inner-box-wrap {margin-left: 0; width: 100%;}
    .page2 .type3 {height: auto;}
    .page2 .type3:nth-of-type(2) {margin-top: 0;}
    
    .page2 .round-icon {right: 0; margin-top: 0; border-radius: 0;height: 100%;}
    .page2 .type2 .round-icon span { width: 46px; height: 49px;top: 15px; margin-right: -24px;}
    .page2 .type2 .round-icon {top: 0; right: 0; background-position: 23px center;}
    .page2 .type2 .round-icon span {background-size: 100%;}
    
    .page2 .type3 .round-icon {height: 100%;  top: 0;right:0;}
    .page2 .type3.box1 .round-icon,
    .page2 .type3.box2 .round-icon{background-position: -57px 38%;}
    
    .page2 .round-icon,
    .page2 .type3 .round-icon {width: 93px;}
    
    .page2 .bx-label i { font-size: 1.5rem;}
    .page2 .type1 .btn-wrap button { height: 45px;width: 45px;}
    .page2 .type1 .btn-wrap button i { font-size: 1.5rem;padding-top: 4px;}
}

@media(max-width: 480px ) {
	.page2 .box-tit {padding: 4% 0;}
}

/* =====================
	* business
	*
	*
===================== */
.page3 {position: relative}
.page3 .page3-bg {width: 44%;height: 100%; position: absolute; z-index: -9; left: -20px; top: 0; overflow: hidden;}
/*  비주얼 scale 애니메이션 */
.page3-bg  .bg-img {width: 100%;-webkit-transition: all 3s cubic-bezier(0.7, 0, 0.3, 1);transition: all 3s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2); transform: scale(1.2);}
.fp-viewing-business .page3-bg .bg-img { -webkit-transform: scale(1); transform: scale(1);/* -webkit-animation: cssAnimation 3s ease-in-out forwards; animation: cssAnimation 3s ease-in-out forwards; */}

.page3 .page3-bg .bg-img {background: url(/assets/images/main/graph_bg_003.jpg) no-repeat;height: 100%; background-size: cover;}
.page3 .page3-inner  {padding: 150px 0;}

.page3 .leftSd {width: 39%;padding-left: 239px;}
.page3 .leftSd * {color: #fff}
.page3 .leftSd .tit {font-size: 3.125rem;}
.page3 .leftSd-inner .subtit {padding: 37px 0;}
.page3 .leftSd-inner .subtit p {font-size:1.813rem; display: inline-block;line-height: 1.2;}
.page3 .leftSd .list {padding-bottom: 46px;}
.page3 .leftSd .list li {font-size: 17px; font-weight: 100;}
.page3 .leftSd-inner .btn-wrap i {font-size: 1.125rem;}
.page3 .leftSd button:hover,
.page3 .leftSd button:focus {background: #fff;}
.page3 .leftSd button:hover span ,
.page3 .leftSd button:focus span,
.page3 .leftSd button:hover span i,
.page3 .leftSd button:focus span i {color: #000 !important}
.page3 .leftSd .btn-wrap .btn {padding: 8px 20px;}



.page3 .rightSd {width: 61%;text-align: center; }

.page3 .leftSd {float: left;}
.page3 .rightSd {float: right;}

/* tab  */
.page3 .topWarp {width: 50%;margin: 0 103px 0 auto;}

.page3 .tab .tab-link {width: 158px}
/* .page3 .tab .tab-link a {border-radius: 600px;}*/
.page3 .tab {padding-bottom: 76px; line-height: 0;width: 629px;}
.page3 .tab-cont .slick4 div {width:calc((100% - 55px ) / 3); height: 389px; margin-left: 15px;position: relative; float: left;}
.page3 .tab-cont .slick4 div a {display: block; width: 100%; height: 100%;}
.page3 .tab-cont .slick4 div .link-tit {width: 100%; background: rgba(0, 0, 0, 0.67); position: absolute;  bottom: 0; left: 0;  height: 63px;}
.page3 .tab-cont .slick4 div .link-tit  span {color: #fff; line-height: 4.5rem;}
.page3 .tab-cont .slick4 div {background-position: 50% 50%; background-repeat: no-repeat;  background-size: cover;}
.page3 .tab-cont .slick4 .pic1 {background-image:url(/assets/images/main/business_001.jpg) ; }
.page3 .tab-cont .slick4 .pic2{background-image:url(/assets/images/main/business_002.jpg);}
.page3 .tab-cont .slick4 .pic3{background-image:url(/assets/images/main/business_004.jpg);}
.page3 .tab-cont .slick4 .pic4{background-image:url(/assets/images/section3-05.png);}
.page3 .tab-cont .slick4 .pic5{background-image:url(/assets/images/section3-06.png);}
.page3 .tab-cont .slick4 .pic6{background-image:url(/assets/images/section3-07.png);}
.page3 .tab-cont .slick4 .pic7{background-image:url(/assets/images/section3-08.png);}
.page3 .tab-cont .slick4 .pic8{background-image:url(/assets/images/section3-09.png);}
.page3 .tab-cont .slick4 .pic9{background-image:url(/assets/images/section3-10.png);}
.page3 .tab-cont .slick4 .pic10{background-image:url(/assets/images/section3-11.png);}
.page3 .tab-cont .slick4 .pic11{background-image:url(/assets/images/section3-12.png);}
.page3 .tab-cont .slick4 .pic12{background-image:url(/assets/images/section3-13.png);}

.page3 .tab-cont .slick4.boxtw div {width: calc((100% - 55px ) / 2);}
.page3 .tab-cont .slick4.boxtw div:last-of-type {margin-right: 0;}


.page3 .panel-wrap {position: relative;}
.page3 .slick4-btn {display: none;}

.page3 .tab-cont {display: none;}
.page3 .tab-cont.current{display: block;}
.page3 .tab-link.current {background: linear-gradient(90deg, #006dcc, #005299, #00427a); }
.page3 .tab-link.current a {color: #fff;}
.page3 .tab-link a:hover{text-decoration: none;}

@media(max-width: 1800px) {
    .page3 .page3-inner  {padding-left: 15px; padding-right: 15px;}
    .page3 .leftSd {padding-left: 5%;}
    .page3 .tab .tab-link {max-width: 100%;border: 1px solid rgba(255, 255, 255, 0.15);}
}

@media(max-width: 1500px) {
    .page3 .page3-bg {left: -5%;}

    .page3 .leftSd {width:31%;padding-left: 3%;}
    .page3 .leftSd .tit {font-size: 2.6rem;}
    .page3 .leftSd-inner b {font-size:1.5rem;}
    .page3 .rightSd {width: 65%;}
}

@media(max-width: 1200px) {
    .page3 {position: relative;}
    .page3 .page3-inner {padding: 50px 15px;}

    .page3 .mont.tit {color: #fff;}
    .page3 .page3-bg {width: 100%; height: 100%; left: 0;}

    .page3 .leftSd, 
    .page3 .rightSd {width: 100%; float: none;}

   /*  .page3 .leftSd {padding: 63px 0 0px 0;width: 81%; margin: 0 auto;}
    .page3 .leftSd .tit {display: inline-block; line-height: 1;}
    .page3 .leftSd-inner {display: inline-block; vertical-align: top;  padding-left: 5%; width: calc((100% - 2px) / 2);}
    */

    .page3 .leftSd {padding: 50px 0 0px 0;}
    .page3 .leftSd-inner .subtit { padding: 6px 0;}
    .page3 .leftSd-inner {display: block; padding-left: 0; padding-top: 10px; width: 100%;}
    .page3 .leftSd .list li {font-size: 1rem;}
    .page3 .leftSd .tit {display: block; text-align: center;line-height: 1;width: 100%; font-size: 2rem;}
    .page3 .leftSd .subtit p {text-align: center; display: block; font-size: 1.2rem;}
    .page3 .leftSd .list {padding-top: 21px;  text-align: center;padding-bottom: 27px;}
    .page3 .btn-wrap {text-align: center;}
    .page3 .leftSd p {display: inline;}
    .page3 .leftSd button {padding: 9px 19px;}
    .page3 .leftSd .graydot.type2 li:after {background: transparent;}

    .page3 .tab {padding-bottom: 33px;}
    .page3 .tab .tab-link span {color: #fff;font-size: 1.1rem;}
    .page3 .tab-cont .slick4 div { width: calc((100% - 27px ) / 3); height: 283px; margin-left: 13px;}
	.page3 .tab-cont .slick4 div:first-of-type {margin-left: 0;}
	.page3 .tab-cont .slick4.boxtw div { width: calc((100% - 17px ) / 2);}
	
    .page3 .topWarp {width: 100%;}
    
}

@media(max-width: 780px) {
    .page3 .page3-inner {padding: 50px 15px 50px 15px;}
    
    .page3 .tab {padding-bottom: 23px; width: 100%;}
    .page3 .tab .tab-link {width: 50%;margin-top: -1px; margin-left: -1px;height: auto;}
    .page3 .tab .tab-link a {border-radius: 0;}
    .page3 .tab-cont .slick4 div {width: 100%; margin-left: 0;}
    .page3 .tab-cont .slick4.boxtw div { width: 100%;}

}

@media(max-width: 480px) {
   .page3 .tab .tab-link {width: 100%;}
}

/* =====================
	* fumax
	* url(/new/img/main_001.png);
	*
===================== */
.page4 {background:url(/new/img/main_006.png) no-repeat; background-size: cover;}
.page4 h2 {color: #fff;}

.page4 ul li {width: calc((100% - 90px) / 4); height: 270px; border: 1px solid rgba(255, 255, 255, 0.32); float: left; margin-left: 30px; margin-bottom: 30px; text-align: center; padding: 48px 0; color: #fff;  background-color: rgba(15, 75, 139, 0.5);}
.page4 ul li:first-of-type, 
.page4 ul li:nth-of-type(5){margin-left: 0}
.page4 ul li:nth-child(n+5):nth-child(-n+8) {margin-bottom: 0;}
.page4 ul li p {font-size: 20px; display: block;padding-top: 105px;padding-bottom: 17px;color: #fff;}
.page4 ul li p:before {width: 70px;height: 70px;background: url(/assets/images/section4-02.png) no-repeat; top: 0; left: 50%;margin-left: -35px;}
.page4 ul li.bx1 p:before {background-position: 0 0;}
.page4 ul li.bx2 p:before {background-position: 0 -104px;}
.page4 ul li.bx3 p:before {background-position: 0 -206px;}
.page4 ul li.bx4 p:before {background-position: 0 -310px;}
.page4 ul li.bx5 p:before {background-position: 0 -413px;}
.page4 ul li.bx6 p:before {background-position: 0 -517px;}
.page4 ul li.bx7 p:before {background-position: 0 -621px;}
.page4 ul li.bx8 p:before {background-position: 0 -722px;}

.page4 ul li span  {font-family: 'Noto Sans Korean', 'gothic';font-size: 1rem;font-weight: 600;}
.page4 ul li span strong {font-size: 2.625rem;}

@media(max-width: 1200px) {
	.page4 ul li {height: 260px;}
    .page4 ul li p {font-size: 1rem; padding-top: 95px; padding-bottom: 5px;}
    .page4 ul li p:before{transform: scale(0.9);}
    .page4 ul li span strong {font-size: 2.3rem;}
}

@media(max-width: 1024px) {
    .page4 ul li {width: calc((100% - 16px) / 4);margin-left: 5px;margin-bottom: 5px; height: auto; padding: 19px 0;}
    .page4 ul li p {padding-top: 64px;}
    .page4 ul li p:before { width: 42px;height: 44px;background-size: 100%;margin-left: -18px;}
    
    .page4 ul li span strong {font-size: 2rem;}
    
    .page4 ul li.bx2 p:before { background-position:0 -62px;}
    .page4 ul li.bx3 p:before {background-position: 0 -122px;}
    .page4 ul li.bx4 p:before {background-position: 0 -186px;}
    .page4 ul li.bx5 p:before { background-position: 0 -246px;}
    .page4 ul li.bx6 p:before { background-position: 0 -310px;}
    .page4 ul li.bx7 p:before { background-position: 0 -370px;}
    .page4 ul li.bx8 p:before { background-position: 0 -434px;}
}

@media(max-width: 780px) {
    .page4 ul li {width: 100%; margin-left: 0; text-align: left;padding: 12px 12% 12px 16%; margin-bottom: -1px;}
    .page4 ul li:not(:first-of-type) {border-top: 0;}
    .page4 ul li:nth-child(n+5):nth-child(-n+8),
    .page4 ul li:first-of-type, .page4 ul li:nth-of-type(5){margin-bottom: -1px;}
    .page4 ul li p {width: 58%; text-align: left;padding: 0 5% 0 0;display: inline-block;}
    .page4 ul li p:before {width: 23px;height: 23px; left: -25px;}
    
    .page4 ul li.bx2 p:before { background-position: 0 -34px;}
    .page4 ul li.bx3 p:before {background-position: 0px -68px;}
    .page4 ul li.bx4 p:before {background-position: 0px -102px;}
    .page4 ul li.bx5 p:before {background-position: 0px -136px;}
    .page4 ul li.bx6 p:before { background-position: 0px -171px;}
    .page4 ul li.bx7 p:before { background-position: 0 -203px;}
    .page4 ul li.bx8 p:before {background-position: 0 -239px;}
}

@media (max-width: 580px){
	.page4 ul li p {width: 57%;}
}

@media(max-width: 480px) {
    .page4 ul li {text-align: center;}
    .page4 ul li p {display: block; text-align: center;width: 100%;}
    .page4 ul li p:before {display: none;}
}

/* =====================
	* work
	*
	*
===================== */
/*tab*/
.page5 .tbl-basic {border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-top-color: transparent;}
.page5 .tbl-basic .t-cont li {font-size: 1.313rem;}
.page5 .work-list .t-cont li.agency {width: 13%;}
.page5 .work-list .t-cont li.year { width: 9%;}
.tab-cont-type2{height:500px;}
.page5 .btn-more span {position: relative; padding-left: 20px;}
.page5 .btn-more span i {position: absolute;left: 0;}
.page5  a.btn-more {margin-left: 8%;}
.page5 .btn-wrap {text-align: center;margin-top: 50px;}
.page5 .btn-wrap .btn {border: 0; background: #a0a0a3; border-radius: 0; color: #fff;}
.page5 .btn-wrap .btn i {font-size: 1.438rem;}
.page5 .btn-wrap .btn:hover,
.page5 .btn-wrap .btn:focus {background: #5a5a5a;}

.page5 .fp-tableCell {padding-top: 58px;}
.page5 .work-list-tab .tab-link {border:1px solid #ddd;}

@media(max-width: 1500px) { 
.page5 .tbl-basic .t-cont li {font-size: 1.2rem;}
}

@media(max-width: 1200px) {

	.page5 .tbl-basic .t-cont .txt a {display: inline-block;width: 277px;}
	.page5 .work-list .t-body .t-cont li:nth-child(3) {text-align: center;}
	.page5 .fp-tableCell {padding-top: 0;}
}

@media(max-width: 1024px) {

    .page5 .tab .tab-link > a {border-radius: 0;}
    .page5 .tbl-basic .t-cont li.txt {font-size: 1.2rem;}
    .page5 .work-list .t-cont li.agency ,.page5 .work-list .t-cont li.year {width: auto; font-size: 0.9rem;}
    .page5 .work-list .t-cont li.agency:after {content: ""; display: inline-block; width: 1px; height: 11px; background: #cfd3db; margin-left: 8px;}
    .page5 .work-list .t-body {height: auto; overflow: visible;}
    .page5 .work-list .link {/* border: transparent; */ width: auto; color: #000;padding: 10px;}
    .page5 .tbl-basic .t-cont .txt a {width: 100%; font-size: 1.1rem;}
    .tab-cont-type2{height:auto;}
    
}

@media(max-width: 780px) {
    .page5 .tab li { width: 50%; /* margin-top: -3px; margin-left: -5px; */}
	.page5 .btn-wrap {margin-top: 35px;}
	.page5 .work-list .link {padding: 4px 10px;}
}

@media(max-width: 480px) {
    .page5 .tab li {width: 100%;}
}

/* =====================
	*  공통 레이아웃
	*
	*
===================== */
/*   section별 타이틀  여백 */
.pages h2 {padding-bottom: 67px;}

@media(max-width: 1200px) {
    .pages h2 {padding-bottom: 31px;}
}

@media(max-width: 780px) {
    .pages h2 {padding-bottom: 34px;}
}

/*keyframe*/
@media(min-width:1200px) {
/*fadeinup*/
.page2.active .fadeInUp,
.page3.active .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*page2*/
.page2.active .type1.box1.fadeInUp {animation-delay: 0.2s;}
.page2.active .type1.box2.fadeInUp {animation-delay: 0.4s;}
.page2.active .box3 .type2.fadeInUp {animation-delay: 0.7s;}
.page2.active .box3 .inner-box-wrap.fadeInUp {animation-delay: .7s;}

/*page3*/
.page3.active .rightSd > div:first-of-type {animation-delay: 0.2s;}
.page3.active .rightSd > div:nth-of-type(2) {animation-delay: 0.4s;}
.page3.active .rightSd > div:nth-of-type(3) {animation-delay: 0.7s;}

/*page5*/
/* .page5.active .panel li:first-of-type {animation-delay: 0.2s;}
.page5.active .panel li:nth-of-type(2)  {animation-delay: 0.4s;}
.page5.active .panel li:nth-of-type(3){animation-delay: 0.6s;}
.page5.active .panel li:nth-of-type(4) {animation-delay: 0.8s;}
.page5.active .panel li:nth-of-type(5) {animation-delay: 1s;}
.page5.active .panel li:nth-of-type(6){animation-delay: 1.2s;}
.page5.active .panel li:nth-of-type(7){animation-delay: 1.4s;}
.page5.active .panel li:nth-of-type(8) {animation-delay: 1.6s;}
 */

/*fadeInLeft*/
.page4.active ul li {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page4.active .bx1 {animation-delay: 0.1s;}
.page4.active .bx2 {animation-delay: 0.2s;}
.page4.active .bx3 {animation-delay: 0.3s;}
.page4.active .bx4 {animation-delay: 0.4s;}
.page4.active .bx5 {animation-delay: 0.5s;}
.page4.active .bx6 {animation-delay: 0.6s;}
.page4.active .bx7 {animation-delay: 0.7s;}
.page4.active .bx8 {animation-delay: 0.8s;}
}

/* ====================
* 
* footer
*
========================*/
.footer-wrap {position: relative; font-size:14px ;}
footer {background: #19334d;}
footer .main_container {padding: 40px 0 40px 235px !important; background: url(/assets/images/footerlogo_01.png) no-repeat 0 43px;}
footer *  {color: #eaeaeb; font-weight: 100;}


footer .address address,
footer .address span {display: inline-block;padding-bottom: 0px; margin-bottom: 0;}
footer .address span {padding-left: 18px;color: #eaeaeb;}
footer .address span .footer-tag{color:#eaeaeb }

@media(max-width: 1800px) {
	footer .main_container {background-position: 15px 43px !important;}
}

@media(max-width: 1200px) {
	footer .main_container {/* background-position: 31px 42px; */background: none !important;padding:30px !important;}
	footer .address span {padding-left: 0 !important; padding-bottom: 0;color:#eaeaeb;}
	footer .address a{color: #eaeaeb;}
}

@media(max-width: 780px) {
	footer .main_container {/* padding: 25px 25px 25px 140px; */background-position: 21px 39px !important;}
	footer .address address {display: block;}
}

@media(max-width: 480px) {
	footer .main_container{text-align: center !important;padding: 30px 15px 80px 15px !important;background-position: center 150px !important;}
}