/* main css
 * --------------------------------------- */

/* ?μ—… */
#popup_wrap {position: absolute; top: 35%; left: 16%; padding: 0 25px 0 25px; transform: translate(-50%, -50%); background-color: #ffffff; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); text-align: center; width: 410px; height: 320px; z-index:9999;}
#popup_wrap h2 {font-size: 1.2em; margin: 50px 0 35px 0;}
#popup_wrap h3 { font-size: 0.9em; line-height: 1.8em; margin-bottom: 20px;}
#popup_wrap h4 {font-size: 0.83em;}
#popup_wrap .popup_center {text-align: center;}
#popup_wrap .popup_left {text-align: left;}
#popup_wrap #popup_btn {float: right; margin-top: 10px;	cursor: pointer; font-size: 1.5em;}
.hidden {display: none;}












.header {background: rgba(0,0,0,0.12);}
 
/* (?¬λΌ?΄λ“œ) background image */
.main_visual01 .zoomin {background:url(../images/main/main_visual01.jpg) no-repeat; background-position: center; background-size:cover;}
.main_visual02 .zoomin {background:url(../images/main/main_visual02.jpg) no-repeat; background-position: center; background-size:cover;}
.main_visual03 .zoomin {background:url(../images/main/main_visual03.jpg) no-repeat; background-position: center; background-size:cover;}

/* (메인 ?€ν¬λ‘??˜μ΄μ§€) About, News λ°°κ²½ background image */
#section2 .zoomin {background:url(../images/main/sub_visual01.jpg) no-repeat;background-position: center; background-size:cover;}
#section3 .zoomin {background:url(../images/main/sub_visual02.jpg) no-repeat;background-position: center; background-size:cover;}



.bg-animation-wrap {overflow: hidden; width:100%; height:100%; text-align:center; position: absolute; left: 0; top: 0; z-index: 0;}
.zoomin {width:100%; height:100%; text-align:center; background-size: auto; background-attachment: fixed; background-repeat: repeat; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-animation: bg-zoomin 15s ease-in infinite; animation: bg-zoomin 15s ease-in infinite; transition: all .8s ease-in-out; overflow: hidden;}
.zoomout {width:100%; height:100%; text-align:center; background: none; -webkit-animation: bg-zoomout 15s ease-in infinite; animation: bg-zoomout 15s ease-in infinite; transition: all .8s ease-in-out; overflow: hidden;}


/* scroll down */
.scroll-down {position: absolute;width: 100%;text-align: center;bottom: 35px;z-index: 11;}
.scroll-down p {}
.scroll-down img {animation: Movemouse 1s linear infinite;position: relative;}
.scroll-down span {font-size: 11px;color: #fff;display: block;margin-top: 5px;}


/* mail */
.mail-send {position: fixed;bottom: 0;z-index: 10;right: 40px;z-index: 11;bottom: 35px;width: 75px;height: 75px;}
.mail-send:hover {opacity:0.55;}
.mail-send img {position: absolute;left: 20px;top: 25px;}
.mail-send .circle,
.mail-send .circle:after {border-radius: 50%; width: 75px; height: 75px;}
.mail-send .circle {font-size: 10px; position: fixed; text-indent: -9999em; border-top: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid #ffffff;  -webkit-transform: translateZ(0);  -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: mailCircle 2s infinite linear; animation: mailCircle 2s infinite linear;}


/* copyright */
.copyright {text-align: center;position: absolute;bottom: 60px;width: 100%;}
.copyright p {color: #fff;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;}


/* section */
.section .part {text-align: center;color: #fff;z-index: 11;position: relative;}
.section .part .head {text-shadow: 1px 1px 1px rgba(0,0,0,0.25);margin-top: 40px;}
.section .part .head h2 {font-size: 11px;letter-spacing: 1.2em;text-transform: uppercase;margin-bottom: 50px;}
.section .part .head h2 strong {display: inline-block;margin-right: 15px;}
.section .part .head p {font-size: 48px;letter-spacing: -3px;line-height: 1.3;font-family: 'notokr-thin';}
.section .part .head p strong {font-family: 'notokr-bold';letter-spacing: 2px;}
.section .part .ico_wrap {margin-top: 12%;overflow: hidden;}
.section .part .ico_wrap .ico {float: left;width: 16.666%;padding: 0 10px;}
.section .part .ico_wrap .ico a {display: block;color: #fff;font-size: 15px;border: 1px solid rgba(255,255,255,0.2);width: 100%;height: 180px;padding-top: 120px; border-radius:1px;padding-left: 15px;padding-right: 15px;line-height: 1.25;}
.section .part .ico_wrap .ico a:hover {border:1px solid #009bdc;}
.section .part .ico_wrap .ico a span {display: block;font-size: 11px;}


/* ?Œμ‚¬?Œκ°œ */
.part_company .ico_wrap .ico1 a {background:url(../images/main/ico_company1.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico1 a:hover {background:#009bdc url(../images/main/ico_company1.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico2 a {background:url(../images/main/ico_company2.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico2 a:hover {background:#009bdc url(../images/main/ico_company2.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico3 a {background:url(../images/main/ico_company3.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico3 a:hover {background:#009bdc url(../images/main/ico_company3.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico4 a {background:url(../images/main/ico_company4.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico4 a:hover {background:#009bdc url(../images/main/ico_company4.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico5 a {background:url(../images/main/ico_company5.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico5 a:hover {background:#009bdc url(../images/main/ico_company5.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico6 a {background:url(../images/main/ico_company6.png) no-repeat;background-position: center 35%;}
.part_company .ico_wrap .ico6 a:hover {background:#009bdc url(../images/main/ico_company6.png) no-repeat;background-position: center 35%;}


/* 컨섀??*/
.part_consulting .ico_wrap {width:1050px; margin:0 auto;}
.part_consulting .ico_wrap .ico {width:20% !important;}
.part_consulting .ico_wrap .ico1 a {background:url(../images/main/ico_consulting1.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico1 a:hover {background:#009bdc url(../images/main/ico_consulting1.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico2 a {background:url(../images/main/ico_consulting2.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico2 a:hover {background:#009bdc url(../images/main/ico_consulting2.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico3 a {background:url(../images/main/ico_consulting3.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico3 a:hover {background:#009bdc url(../images/main/ico_consulting3.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico4 a {background:url(../images/main/ico_consulting4.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico4 a:hover {background:#009bdc url(../images/main/ico_consulting4.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico5 a {background:url(../images/main/ico_consulting5.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico5 a:hover {background:#009bdc url(../images/main/ico_consulting5.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico6 a {background:url(../images/main/ico_consulting6.png) no-repeat;background-position: center 35%;}
.part_consulting .ico_wrap .ico6 a:hover {background:#009bdc url(../images/main/ico_consulting6.png) no-repeat;background-position: center 35%;}


/* ?”루??*/
.part_solution .ico_wrap {width: 600px;margin: 0 auto;}
.part_solution .ico_wrap .ico {width:33.333% !important;}
.part_solution .ico_wrap .ico1 a {background:url(../images/main/ico_solution1.png) no-repeat;background-position: center 35%;}
.part_solution .ico_wrap .ico1 a:hover {background:#009bdc url(../images/main/ico_solution1.png) no-repeat;background-position: center 35%;}
.part_solution .ico_wrap .ico2 a {background:url(../images/main/ico_solution2.png) no-repeat;background-position: center 35%;}
.part_solution .ico_wrap .ico2 a:hover {background:#009bdc url(../images/main/ico_solution2.png) no-repeat;background-position: center 35%;}
.part_solution .ico_wrap .ico3 a {background:url(../images/main/ico_solution3.png) no-repeat;background-position: center 35%;}
.part_solution .ico_wrap .ico3 a:hover {background:#009bdc url(../images/main/ico_solution3.png) no-repeat;background-position: center 35%;}


/* μ΅œμ‹ ?Œμ‹ */
.part_news {}
.part_news .board_wrap {margin-top: 150px;overflow: hidden;}
.part_news .board_wrap .box {float: left;width: 50%;padding: 0 10px;}
.part_news .board_wrap .box a {background:rgba(255,255,255,0.93) url(../images/main/ico_plus.png) no-repeat;background-position: 94% 18%;padding: 40px 45px;display: block;height: 220px;text-align: left;border-radius: 4px;}
.part_news .board_wrap .box a:hover {background:rgba(0,187,241,0.8) url(../images/main/ico_plus_on.png) no-repeat;background-position: 94% 18%;}
.part_news .board_wrap .box a:hover > * {color:#fff;}
.part_news .board_wrap .box .name {display: block;font-size: 18px;color: #000;letter-spacing: 1px;}
.part_news .board_wrap .box .title {display: block;font-size: 20px;margin-top: 68px;font-family: 'notokr-light';color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.part_news .board_wrap .box .data {font-size: 13px;font-family: 'notokr-bold';color: #000;letter-spacing: 1px;}


/* Movemouse keyframes */
@keyframes Movemouse {
  0% {
    bottom: 12px;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: 12px;
  }
}


/* mailCircle keyframes */
@-webkit-keyframes mailCircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mailCircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* background Zoom in Keyframes */
/* @-webkit-keyframes bg-zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@keyframes bg-zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
} */
@-webkit-keyframes bg-zoomin {
	0% {transform: scale(1);}
	50% {transform: scale(1.05);}
	100% {transform: scale(1);}
  }
  @keyframes bg-zoomin {
	0% {transform: scale(1);}
	50% {transform: scale(1.05);}
	100% {transform: scale(1);}
  }
  @-webkit-keyframes bg-zoomout {
	0% {transform: scale(1);}
	50% {transform: scale(0.67);}
	100% {transform: scale(1);}
  }
  @keyframes bg-zoomout {
	  0% {transform: scale(1);}
	50% {transform: scale(0.67);}
	100% {transform: scale(1);}
  }


/**** λͺ¨λ°”??****/



 @media (max-width:767px) {
	
	#fp-nav.right {right: 15px;}
	.mail-send {right: 15px; bottom: 18px;}
	.scroll-down {bottom: 18px;}
	
	.section .part .head h2 {margin-bottom: 5px;font-size: 9px; font-family: 'notokr-light';}
	.section .part .head p {font-size: 30px;font-family: 'notokr-light';}
	.section .part .ico_wrap {padding-left:10%; padding-right:10%;}
	.section .part .ico_wrap .ico {width: 33.333%; padding: 6px;}
	.section .part .ico_wrap .ico a {background:none;min-height:110px; height: auto;padding: 40px 15px;}
	.section .part .ico_wrap .ico a:hover, .section .part .ico_wrap .ico a:active, .section .part .ico_wrap .ico a:focus {background:#009bdc;}
	.part_consulting .ico_wrap .ico {width: 33.333% !important; padding: 6px;}
	.part_consulting .ico_wrap .ico a {height: auto !important;}
	.section .part .ico_wrap .ico a span {display:none;}
	
	.part_consulting .ico_wrap {width:100%;}
	.part_solution .ico_wrap .ico {width:50% !important;}
	.part_solution .ico_wrap {width:100%;}
	
	.part_news .board_wrap .box a {padding: 30px 35px; height: 180px; background-image:none;}
	.part_news .board_wrap .box .title {font-size: 18px; margin-top: 40px;}
	.part_news .board_wrap .box .name {font-size: 15px;}
	.part_news .board_wrap .box {padding: 0 5px;}
	.part_news .board_wrap .box .title {margin-top: 10px;}
		
	.copyright {bottom: 5%;}
	.copyright p {font-size:10px;}
	#popup_wrap {top:50%; left:50%; width: 90%; height: 70%; padding: 0 15px 0 15px;}
	
 }
 
 
 
 
	@media (max-width:480px) {
	 
	.section .part .head h2 {letter-spacing: 0.5em;}
	.section .part .head p {font-size: 19px; line-height: 1.3;letter-spacing: -1.5px;}
	.section .part .ico_wrap .ico {width: 50%; padding: 6px;}
	.section .part .ico_wrap .ico a {min-height: 50px; padding: 15px;}
	.part_consulting .ico_wrap .ico {width: 50% !important; padding: 6px;}
	
	.part_news .board_wrap {margin-top: 50px;overflow: hidden; padding: 0 17px;}
	.part_news .board_wrap .box {padding: 0; width:100%;margin-bottom: 10px;}
	.part_news .board_wrap .box a {padding: 15px 20px;height: auto;}
	.part_news .board_wrap .box .name {font-size: 13px;} 
	.part_news .board_wrap .box .title {font-size: 16px;}
	.part_news .board_wrap .box .data {font-size: 11px;}
	
	.part_consulting .ico_wrap .ico {width: 33.333%; padding: 6px;}
	
	.copyright {bottom: 35px;}
	.copyright p {font-size:8px;}
}




/**** ?ŒλΈ”??****/
@media (min-width:768px) and (max-width:991px) {
	
	#fp-nav.right {right: 15px;}
	.mail-send {right: 15px; bottom: 18px;}
	.scroll-down {bottom: 18px;}
	
	.section .part .ico_wrap .ico {padding: 0 4px;}
	.section .part .head h2 {margin-bottom: 5%;}
	.section .part .head p {font-size: 38px;}
	
	.part_consulting .ico_wrap {width: 750px;}
	.part_news .board_wrap .box {padding: 0 4px;}
	.part_news .board_wrap .box a {padding: 30px 35px; height: 180px;}
	.part_news .board_wrap .box .title {font-size: 18px; margin-top: 40px;}
	.part_news .board_wrap .box .name {font-size: 15px;}
		
	.copyright {bottom: 45px;}
	.copyright p {font-size:12px;}
	
}



/**** ?°μŠ€?¬νƒ‘ ****/
@media (min-width:992px) and (max-width:1100px){
	
	
	#fp-nav.right {right: 10px;}
	.mail-send {right: 10px; bottom: 15px;}
	.scroll-down {bottom: 15px;}
	
	.section .part .ico_wrap .ico {padding: 0 5px;}
	.section .part .head h2 {margin-bottom: 25px;}
	.section .part .head p {font-size: 42px;}
	.part_consulting .ico_wrap {width: 980px;}
	.part_news .board_wrap .box {padding: 0 5px;}
	
	.copyright {bottom: 35px;}
	 
 }
 
 
@media (min-width:1101px) and (max-width:1280px){
	 
	
	 
 }

 
@media (min-width:1281px) and (max-width:1400px){
	 
	
	 
 }




body{
	min-width:320px;
}

a, a:hover, a:active {color:#fff; text-decoration: none; outline: none}