@charset 'utf-8';
/* common */
.section .title {padding-bottom:110px; font-size:36px; color:#333; text-align:center; font-weight:500; line-height:1.3}
.section .title p {letter-spacing:-0.025em; opacity:0;}
.section .content {opacity:0; padding-bottom:40px; display:block; text-align:center; font-size:20px; color:#00338d; line-height:1; letter-spacing:-0.025em;}
.section .content.move {
	-webkit-animation:fadeUp 0.5s 0.3s ease-in-out forwards;
	-moz-animation:fadeUp 0.5s 0.3s ease-in-out forwards;
	-o-animation:fadeUp 0.5s 0.3s ease-in-out forwards;
	-ms-animation:fadeUp 0.5s 0.3s ease-in-out forwards;
	animation:fadeUp 0.5s 0.3s ease-in-out forwards;
}

.btn_more {opacity:0; display:block; margin:100px auto 0; width:155px; height:13px; background:url('../images/main/ico_allbutton.png') no-repeat 0;}
.btn_more.move {
	-webkit-animation:slideRight 0.5s 0.7s ease-in-out forwards;
	-moz-animation:slideRight 0.5s 0.7s ease-in-out forwards;
	-o-animation:slideRight 0.5s 0.7s ease-in-out forwards;
	-ms-animation:slideRight 0.5s 0.7s ease-in-out forwards;
	animation:slideRight 0.5s 0.7s ease-in-out forwards;
}
.btn_box {display:inline-block; margin:0 auto; font-size:16px; border:1px solid #fff; color:#fff; padding:14px 65px; line-height:1; transition:all 0.4s;}
.btn_box:hover {color:#fff; background-color:#00338d; border:1px solid #00338d;}

.item_box {display:flex; flex-wrap:nowrap; justify-content:center;}
.item_box .item {position:relative; display:table; width:240px; height:240px; border:1px solid rgba(255,255,255,.6); border-radius:100%; text-align:center;}
.item_box .item > div {display:table-cell; vertical-align:middle; border-radius:100%; cursor:default;
	-webkit-transition:all 0.4s;
	transition:all 0.4s; 
}
.item_box .item .hover_be {opacity:1;}
.item_box .item .hover_be h4 {font-size:24px; font-weight:400;}
.item_box .item .hover_af {position:absolute; left:50%; top:50%; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; transform:translate(-50%,-50%); width:100%; height:100%; background-color: rgba(255,255,255,.9); border:none; opacity:0;}
.item_box .item .hover_af span {font-size:16px; color:#aaa;}
.item_box .item .hover_af p {margin-top:30px; font-size:20px; color:#333; line-height:1.3; font-weight:500;}
.item_box .item:hover .hover_be {opacity:0;}
.item_box .item:hover .hover_af {opacity:1;}

/* > typing */
.recruit.move .title p {display:block; white-space: nowrap; overflow: hidden; width: 20em; margin:0 auto; opacity:1;
	-webkit-animation: typing 2.5s steps(40, end);
	-moz-animation: typing 2.5s steps(40, end);
	-o-animation: typing 2.5s steps(40, end);
	-ms-animation: typing 2.5s steps(40, end);
	animation: typing 2.5s steps(40, end);
}


/* fullpage */
.section {background-size:cover; background-position:center;}

/* > tooltip */
#fp-nav {z-index:5;}
#fp-nav.right {right:40px;}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {width:16px; height:1px; background-color:#aaa; border-radius:0; 
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
 #fp-nav ul li:last-child {display:none;}


/* >> hover, active */
#fp-nav ul li .fp-tooltip.right {right: 46px; top:-9px;}
#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span,
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {width:46px; height:1px; background-color:#fff; border-radius:0; margin: -3px 0px 0px -31px;}
#fp-nav ul li:hover .fp-tooltip, 
#fp-nav.fp-show-active a.active + .fp-tooltip {font-family:'Open Sans', sans-serif; line-height:1.3; letter-spacing:-0.025em;
	-webkit-animation: slideRight 0.5s ease-in-out;
	-moz-animation: slideRight 0.5s ease-in-out;
	-o-animation: slideRight 0.5s ease-in-out;
	-ms-animation: slideRight 0.5s ease-in-out;
	animation: slideRight 0.5s ease-in-out;
}

/* header */
#header {position:fixed; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; z-index:30;}
#header .logo_box {position:absolute; left:40px; top:20px; display:flex; flex-wrap:nowrap;  z-index:10;}
#header .logo_box a {display:block;}
#header .logo_box.blue .logo {background-image:url('../images/main/logo_kpmg.png');}
#header .logo_box.blue .careers {color:#00338d;}
#header .logo_box .logo {width:101px; height:41px; background:url('../images/main/logo_kpmg_white.png') no-repeat 0; text-indent:-9999px;}
#header .logo_box .careers {display: inline-block; padding-left: 10px; color:#fff; font-size:24px; line-height:1.6; letter-spacing:-0.025em;}
#header .btn_menu { display: flex; align-items: center; justify-content: center; position:absolute; right:40px; top:20px; width:42px; height:42px;  border:1px solid rgba(255,255,255,.25); text-align:center; line-height:35px; cursor:pointer; z-index:12;}
#header .btn_menu button {width:21px; height:16px; padding:0; position:relative; background:none; border:none; outline:none;}
#header .btn_menu button span {display:block; width:100%; height:2px; background-color:#fff;  
	-webkit-transition:height 0.4s ease; 
	transition:height 0.4s ease; 
}
#header .btn_menu button span:before,
#header .btn_menu button span:after {content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; 
	-webkit-transition:transform 0.4s ease; 
	transition:transform 0.4s ease; 
}
#header .btn_menu button span:before {top:0;}
#header .btn_menu button span:after {bottom:0;}
#header .btn_menu.on button span {height:0;}
#header .btn_menu.on button span:before {top:6px; transform:rotate(45deg);}
#header .btn_menu.on button span:after {top:6px; transform:rotate(-45deg);}
#header .menu_logo_box {position:absolute; left:40px; top:20px; display:flex; flex-wrap:nowrap;  z-index:10;}
#header .menu_logo_box a {display:block;}
#header .menu_logo_box .logo {width:101px; height:41px; background:url('../images/main/logo_kpmg_white.png') no-repeat 0; text-indent:-9999px;}
#header .menu_logo_box .careers {display: inline-block; padding-left: 10px; color:#fff; font-size:24px; line-height:1.6; letter-spacing:-0.025em;}

/* > menu button */
.menu_open {display:none; width:100%; height:100%; background-color:#00338d; position:fixed; left:0; top:0; z-index:11;}
.menu_open.active {display:block;}
.menu_open .menu {position:absolute; left:50%; top:55%; transform:translate(-50%, -50%);}
.menu_open .gnb_recruit > li {opacity:0;}
.menu_open .gnb_recruit > li > a {display:inline-block; margin-bottom:20px; font-size:46px; color:#fff; position:relative; font-weight: 500;}
.menu_open .gnb_recruit > li > a:after {display:block; content:''; margin-top:10px; width:0; height:4px; background-color:#fff; 
	-webkit-transition: all 0.4s;
	transition:all 0.4s;
}
.menu_open .gnb_recruit > li > a:hover:after {width:100%;}
.menu_open .gnb_recruit .mark {display:inline-block; margin-left:10px; font-size:16px; color:#333; background-color:#fff; padding:5px 13px 6px 10px; border-radius:50px 50px 50px 0; letter-spacing:-0.025em; vertical-align:top; font-weight:700;}
.menu_open .gnb_index {margin-top:150px; text-align:center;}
.menu_open .gnb_index > li {display:inline-block; font-size:20px;}
.menu_open .gnb_index > li + li {margin-left:30px;}
.menu_open .gnb_recruit.move > li {
	-webkit-animation: slideRight 0.8s 0.1s ease-in-out forwards;
	-moz-animation: slideRight 0.8s 0.1s ease-in-out forwards; 
	-o-animation: slideRight 0.8s 0.1s ease-in-out forwards;
	-ms-animation: slideRight 0.8s 0.1s ease-in-out forwards;
	animation: slideRight 0.8s 0.1s ease-in-out forwards;
}
.menu_open .gnb_recruit.move > li:nth-child(2) {animation-delay:0.2s;}
.menu_open .gnb_recruit.move > li:nth-child(3) {animation-delay:0.3s;}
.menu_open .gnb_recruit.move > li:nth-child(4) {animation-delay:0.4s;}
.menu_open .gnb_index > li:hover a {text-decoration:underline;}

/* sub header */
#header.sub_header {position:relative; width:100%; height:72px; background-color:#fff;}
#header.sub_header > div {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
#header.sub_header .logo_wrap a {display:block;}
#header.sub_header .logo_wrap .logo {width:101px; height:41px; background:url('../images/main/logo_kpmg.png') no-repeat 0; text-indent:-9999px;}
#header.sub_header .logo_wrap .careers {display: inline-block; padding-left: 10px; color:#00338d; font-size:24px; line-height:1.6; letter-spacing:-0.025em;}
#header.sub_header .gnb {display:flex; flex-wrap:nowrap; }
#header.sub_header .gnb > li {position:relative; height: 100%; line-height: 72px; color:#00338d; font-size:18px; font-weight:500;}
#header.sub_header .gnb > li a {position:relative; display:block;}
#header.sub_header .gnb > li > a:after {display:block; content:''; width:0; height:3px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#header.sub_header .gnb > li + li {margin-left:60px;}
#header.sub_header .gnb .gnb_depth2 {display:none; position: absolute; left: 50%; transform: translateX(-50%); width: 150px; text-align: center; background-color:#003087; box-shadow:5px 0 25px rgba(0,0,0,0.3);}
#header.sub_header .gnb .gnb_depth2 > li {margin:25px 0; font-size:17px; color:#fff; font-weight:400; line-height:1.2;}

#header.sub_header .gnb > li:hover a:after {width:100%; background-color:#003387;}
#header.sub_header .gnb > li:hover .gnb_depth2 {display:block;}
#header.sub_header .gnb .gnb_depth2 > li:hover {display:block; text-decoration:underline;}

/* main */
/* > visual */
.visual {background: url('../images/main/main_visual01.jpg') no-repeat 0 0; background-size:cover;}
.visual .txt_box {position:absolute; left:0; top:50%; transform: translateY(-50%); padding-left:20%; z-index:5;}
.visual .tit_en {opacity:0; font-size:36px; line-height:1.3; font-weight:500; letter-spacing:-0.025em;}
.visual .tit_ko {opacity:0; padding-top:40px; font-weight:400; font-size:18px; line-height:1.3;}
.visual .btn_scrolldown  {position:absolute; left:50%; bottom:55px; color:#fff; transform:translateX(-50%); cursor:pointer; z-index:10;}
.visual .btn_scrolldown > span {margin-left:15px; font-size:16px; font-weight:200; line-height:43px;}
.visual .btn_scrolldown > .mouse {position:relative; width: 26px; height: 42px; border: 1px solid #fff; border-radius: 15px; text-align: center;}
.visual .btn_scrolldown > .mouse:before {position:absolute; left:50%; transform:translateX(-50%); top:10px; background:#fff; width:4px; height:4px; border-radius:4px; content:''; 
	-webkit-animation:wheel 1.2s ease infinite;
	-moz-animation:wheel 1.2s ease infinite;
	-o-animation:wheel 1.2s ease infinite;
	-ms-animation:wheel 1.2s ease infinite;
	animation: wheel 1.2s ease infinite;
}
.visual .txt_box.blue .tit_ko{color:#00338d;}
.visual .txt_box.blue .tit_en{color:#00338d;}
.visual.bgmove {
	-webkit-animation:zoomOut 6s 0s ease-in-out forwards;
	-moz-animation:zoomOut 6s 0s ease-in-out forwards;
	-o-animation:zoomOut 6s 0s ease-in-out forwards;
	-ms-animation:zoomOut 6s 0s ease-in-out forwards;
	animation:zoomOut 6s 0s ease-in-out forwards;
}
.visual.move .tit_en {
	-webkit-animation:fadeUp 1s 0.4s ease-in-out forwards;
	-moz-animation:fadeUp 1s 0.4s ease-in-out forwards;
	-o-animation:fadeUp 1s 0.4s ease-in-out forwards;
	-ms-animation:fadeUp 1s 0.4s ease-in-out forwards;
	animation:fadeUp 1s 0.4s ease-in-out forwards;
}
.visual.move .tit_ko {
	-webkit-animation:fadeUp 1s 0.8s ease-in-out forwards;
	-moz-animation:fadeUp 1s 0.8s ease-in-out forwards;
	-o-animation:fadeUp 1s 0.8s ease-in-out forwards;
	-ms-animation:fadeUp 1s 0.8s ease-in-out forwards;
	animation:fadeUp 1s 0.8s ease-in-out forwards;
}

/* > recruit */
.recruit {background-image: url('../images/main/main_visual02.jpg'); letter-spacing:-0.025em;}
.recruit_menu {display:flex; flex-wrap:nowrap; justify-content:center; text-align:center;}
.recruit_menu .item {opacity:0; display:table; width:215px; height:215px; margin:0 16px; background-color:rgba(249,249,249,.5); border-radius:100%; position:relative; top:10px; transition:all 0.3s;}
.recruit_menu .item a {display:table-cell; vertical-align:middle;}
.recruit_menu .tit {font-size:20px; color:#888;}
.recruit_menu .num {margin-top:15px; font-size:46px; color:#00338d; font-weight:500;}
.recruit.move .recruit_menu .item {position:relative; top:10px; 
	-webkit-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	-moz-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	-o-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	-ms-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	animation: fadeUp 0.8s 0.4s ease-in-out forwards;
}
.recruit.move .recruit_menu .item:nth-child(2) {animation-delay: 0.6s}
.recruit.move .recruit_menu .item:nth-child(3) {animation-delay: 0.8s}
.recruit.move .recruit_menu .item:nth-child(4) {animation-delay: 1s}
.recruit_menu .item:hover {box-shadow:0px 7px 30px rgba(0,0,0,.07);}

/* values */
.values {background-image: url('../images/main/main_visual03.jpg');}
.values .title p {letter-spacing:-0.05em;}
.values_box .item {opacity:0; margin:0 -10px; letter-spacing:-0.025em;}
.values.move .title p {display:block; 
	-webkit-animation:fadeUp 1s 0.4s ease-in-out forwards;
	-moz-animation: fadeUp 1s 0.4s ease-in-out forwards;
	-o-animation: fadeUp 1s 0.4s ease-in-out forwards;
	-ms-animation: fadeUp 1s 0.4s ease-in-out forwards;
	animation: fadeUp 1s 0.4s ease-in-out forwards;
}
.values.move .title p:nth-child(2) {
	-webkit-animation:fadeUp 1s 0.s ease-in-out forwards;
	-moz-animation: fadeUp 1s 0.6s ease-in-out forwards;
	-o-animation: fadeUp 1s 0.6s ease-in-out forwards;
	-ms-animation: fadeUp 1s 0.6s ease-in-out forwards;
	animation: fadeUp 1s 0.6s ease-in-out forwards;
}
.values.move .values_box .item {position:relative; top:10px; 
	-webkit-animation:fadeUp 0.9s 0.4s ease-in-out forwards;
	-moz-animation:fadeUp 0.9s 0.4s ease-in-out forwards;
	-o-animation:fadeUp 0.9s 0.4s ease-in-out forwards;
	-ms-animation:fadeUp 0.9s 0.4s ease-in-out forwards;
	animation: fadeUp 0.9s 0.4s ease-in-out forwards;
}
.values.move .values_box .item:nth-child(2) {animation-delay:0.6s}
.values.move .values_box .item:nth-child(3) {animation-delay:0.8s}
.values.move .values_box .item:nth-child(4) {animation-delay:1s}
.values.move .values_box .item:nth-child(5) {animation-delay:1.2s}

/* talent */
.talent {background-image: url('../images/main/main_visual04.jpg');}
.talent .title p {letter-spacing:-0.05em;}
.talent_box .item {opacity:0; margin: 0 10px;}
.talent_box .item:nth-child(1) {margin-top:160px;}
.talent_box .item:nth-child(2) {margin-top:80px;}
.talent.move .title p {display:block; 
	-webkit-animation:fadeUp 1s 0.4s ease-in-out forwards;
	-moz-animation: fadeUp 1s 0.4s ease-in-out forwards;
	-o-animation: fadeUp 1s 0.4s ease-in-out forwards;
	-ms-animation: fadeUp 1s 0.4s ease-in-out forwards;
	animation: fadeUp 1s 0.4s ease-in-out forwards;
}
.talent.move .title p:nth-child(2) {
	-webkit-animation:fadeUp 1s 0.6s ease-in-out forwards;
	-moz-animation: fadeUp 1s 0.6s ease-in-out forwards;
	-o-animation: fadeUp 1s 0.6s ease-in-out forwards;
	-ms-animation: fadeUp 1s 0.6s ease-in-out forwards;
	animation: fadeUp 1s 0.6s ease-in-out forwards;
}
.talent.move .talent_box .item {
	-webkit-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	-moz-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	-o-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	-ms-animation:fadeUp 0.8s 0.4s ease-in-out forwards;
	animation: fadeUp 0.8s 0.4s ease-in-out forwards;

}
.talent.move .talent_box .item:nth-child(2) {animation-delay:0.6s;}
.talent.move .talent_box .item:nth-child(3) {animation-delay:0.8s;}

/* culture */
.culture {background-image: url('../images/main/main_visual05.jpg'); letter-spacing:-0.025em;}
.culture.section h3 {padding-bottom:60px;}
.culture_box {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center;}
.culture_box .item {opacity:0; width:50%; height:285px; border-top: 1px solid rgba(255,255,255,.5); border-right:1px solid rgba(255,255,255,.5); box-sizing:border-box;}	
.culture_box .item:nth-child(1) {border-top: none;}	
.culture_box .item:nth-child(2) {border-top: none; border-right:none;}	
.culture_box .item:nth-child(4) {border-right:none;}	
.culture_box .item .play_img {width:146px; height:146px; margin:0 auto; background:no-repeat 0 0;}	
.culture_box .item.expert .play_img {background-image:url('../images/main/ico_animation01.png');}	
.culture_box .item.best .play_img {background-image:url('../images/main/ico_animation02.png');}	
.culture_box .item.career .play_img {background-image:url('../images/main/ico_animation03.png');}	
.culture_box .item.work .play_img {background-image:url('../images/main/ico_animation04.png');}	
.culture_box .item .tit {opacity:0; margin-bottom:20px; font-size:24px; font-weight:400;}	
.culture_box .item .desc {opacity:0; font-size:14px; font-weight:100; line-height:1.4; letter-spacing:-0.025em;}
.culture.move .title p {display:block; 
	-webkit-animation:fadeUp 1s 0.4s ease-in-out forwards;
	-moz-animation: fadeUp 1s 0.4s ease-in-out forwards;
	-o-animation: fadeUp 1s 0.4s ease-in-out forwards;
	-ms-animation: fadeUp 1s 0.4s ease-in-out forwards;
	animation: fadeUp 1s 0.4s ease-in-out forwards;
}
.culture.move .title p:nth-child(2) {
	-webkit-animation:fadeUp 1s 0.6s ease-in-out forwards;
	-moz-animation: fadeUp 1s 0.6s ease-in-out forwards;
	-o-animation: fadeUp 1s 0.6s ease-in-out forwards;
	-ms-animation: fadeUp 1s 0.6s ease-in-out forwards;
	animation: fadeUp 1s 0.6s ease-in-out forwards;
}	
.culture.move .culture_box .item {	
	-webkit-animation:fadeUp 0.8s 0.2s ease-in-out forwards;	
	-moz-animation:fadeUp 0.8s 0.2s ease-in-out forwards;	
	-o-animation:fadeUp 0.8s 0.2s ease-in-out forwards;	
	-ms-animation:fadeUp 0.8s 0.2s ease-in-out forwards;	
	animation: fadeUp 0.8s 0.2s ease-in-out forwards;	
}	
/* > play_img */	
.culture.move .culture_box .item:nth-child(1) .play_img {	
    -webkit-animation:playIcon 2s 0.4s steps(34) both;	
	-moz-animation:playIcon 2s 0.4s steps(34) both;	
	-o-animation:playIcon 2s 0.4s steps(34) both;	
	-ms-animation:playIcon 2s 0.4s steps(34) both;	
    animation: playIcon 2s 0.4s steps(34) both;	
}	
.culture.move .culture_box .item:nth-child(2) .play_img {	
    -webkit-animation:playIcon 2s 0.9s steps(29) both;	
	-moz-animation:playIcon 2s 0.9s steps(29) both;	
	-o-animation:playIcon 2s 0.9s steps(29) both;	
	-ms-animation:playIcon 2s 0.9s steps(29) both;	
    animation: playIcon 2s 0.9s steps(29) both;	
}	
.culture.move .culture_box .item:nth-child(3) .play_img {	
    -webkit-animation:playIcon 2s 1.4s steps(29) both;	
	-moz-animation:playIcon 2s 1.4s steps(29) both;	
	-o-animation:playIcon 2s 1.4s steps(29) both;	
	-ms-animation:playIcon 2s 1.4s steps(29) both;	
    animation: playIcon 2s 1.4s steps(29) both;	
}	
.culture.move .culture_box .item:nth-child(4) .play_img {	
    -webkit-animation:playIcon 2s 1.9s steps(29) both;	
	-moz-animation:playIcon 2s 1.9s steps(29) both;	
	-o-animation:playIcon 2s 1.9s steps(29) both;	
	-ms-animation:playIcon 2s 1.9s steps(29) both;	
    animation: playIcon 2s 1.9s steps(29) both;	
}	
/* > tit */	
.culture.move .culture_box .item:nth-child(1) .tit {	
	-webkit-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
}	
.culture.move .culture_box .item:nth-child(2) .tit {	
	-webkit-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
}	
.culture.move .culture_box .item:nth-child(3) .tit {	
	-webkit-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
}	
.culture.move .culture_box .item:nth-child(4) .tit {	
	-webkit-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
}	
/* > desc */	
.culture.move .culture_box .item:nth-child(1) .desc {	
	-webkit-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
	animation: fadeUp 0.9s 0.3s ease-in-out forwards;	
}	
.culture.move .culture_box .item:nth-child(2) .desc {	
	-webkit-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
	animation: fadeUp 0.9s 0.8s ease-in-out forwards;	
}	
.culture.move .culture_box .item:nth-child(3) .desc {	
	-webkit-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
	animation: fadeUp 0.9s 1.3s ease-in-out forwards;	
}	
.culture.move .culture_box .item:nth-child(4) .desc {	
	-webkit-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	-moz-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	-o-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	-ms-animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
	animation: fadeUp 0.9s 1.8s ease-in-out forwards;	
}

/* faq */
.faq {background-image: url('../images/main/main_visual06.jpg'); letter-spacing:-0.025em;}
.faq_box {opacity:0; padding:60px 100px; color:#333; background-color:#f6f6f6; border-radius:20px; box-shadow:7px 14px 30px rgba(0,0,0,.08);}
.faq_box > div {display:flex; flex-wrap:nowrap; align-items:center;}	
.faq_box > div > p {padding-left:65px;}	
.faq_box > div > .qna {display:inline-block; font-size:36px; font-weight:500;}	
.faq_box .question {padding-bottom:60px;}
.faq.move .title p {display:block; white-space: nowrap; overflow: hidden; width: 20em; margin:0 auto; opacity:1;
	-webkit-animation: typing 2.5s steps(40, end);
	-moz-animation: typing 2.5s steps(40, end);
	-o-animation: typing 2.5s steps(40, end);
	-ms-animation: typing 2.5s steps(40, end);
	animation: typing 2.5s steps(40, end);
}
.faq.move .title p:nth-child(2) {
	-webkit-animation: typing2 5s steps(40, end);
	-moz-animation: typing2 5s steps(40, end);
	-o-animation: typing2 5s steps(40, end);
	-ms-animation: typing2 5s steps(40, end);
	animation: typing2 5s steps(40, end);
}
.faq.move .faq_box {
	-webkit-animation:fadeUp 0.8s 0.5s ease-in-out forwards;
	-moz-animation:fadeUp 0.8s 0.5s ease-in-out forwards;
	-o-animation:fadeUp 0.8s 0.5s ease-in-out forwards;
	-ms-animation:fadeUp 0.8s 0.5s ease-in-out forwards;
	animation:fadeUp 0.8s 0.5s ease-in-out forwards;
}

/* footer */
#footer {position:relative; border-top:1px solid #efefef;}
/* > all menu */
#footer .all_menu {position:relative; padding:40px 0; background-color:#fff; color:#00338d; font-size:16px; text-align:center;}
#footer .amenu_box {display:inline-block; padding-right:65px; text-align:left; vertical-align:top;}
#footer .amenu_box:last-of-type {padding-right:0;}
#footer .amenu_box .menu_item > li {font-size:16px; margin-top:15px; letter-spacing:-0.025em;}
#footer .amenu_box .menu_item .tit {padding-bottom:10px; margin-top:0; font-size:20px; font-weight:600; letter-spacing:0;}

/* > footer contents */
#footer .footer_box {padding:60px 40px; font-size:14px; font-weight:400; background-color:#323235;}
#footer .family_menu .menu li {float:left; margin-right:25px; font-weight:200;}
#footer .family_menu .menu li.white_box {padding:3px 8px; background-color:#fff; color:#666; font-weight:400;}
#footer .copyright {margin-top:45px; color:#666; line-height:1.5;}
#footer .copyright a {display:block; color:#aaa;}
#footer .sns_menu {text-align:right;}
#footer .sns_menu li {display:inline-block;}
#footer .sns_menu li + li {margin-left:9px;}
#footer .sns_menu li span {display:inline-block; width:36px; height:36px; background:no-repeat 0; opacity:0.8; transition:opacity 0.3s;}
#footer .sns_menu li span.linkein {background-image:url('../images/main/btn_linkein.png');}
#footer .sns_menu li span.youtube {background-image:url('../images/main/btn_youtube.png');}
#footer .sns_menu li span.twitter {background-image:url('../images/main/btn_twitter.png');}
#footer .sns_menu li span.facebook {background-image:url('../images/main/btn_facebook.png');}
#footer .sns_menu li:hover span {opacity:1;}
#footer .info_menu {padding-top:25px;}
#footer .info_menu li {display:inline-block; font-weight:300;}
#footer .info_menu li a {display:inline-block;}
#footer .info_menu li.location span:before {display:inline-block; content:''; margin-right:13px; width:18px; height:24px; background:url('../images/main/ico_location.png') no-repeat center; vertical-align:middle;}
#footer .info_menu li.email span:before {display:inline-block; content:''; margin-right:13px; width:20px; height:15px; background:url('../images/main/ico_email.png') no-repeat center; vertical-align:middle;}
#footer .info_menu li.dot {margin:0 20px;}
#footer .btn_top {display:none; position:fixed; right:40px; bottom:40px; width:60px; height:60px; background:url('../images/main/btn_top.png') no-repeat center; z-index:5;}

@media all and (max-width:1199px) {
	/* fullpage */
	.fp-section, .fp-tableCell{height: auto !important;}
}

from {display:block;}

/* 리뉴얼 공지사항 */
.wrap.main {height:100%;}
.renewal_notice_wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.renewal_notice_wrap .txt_box {padding:50px; text-align:center; color:#222; font-size:20px; border:6px groove #003387; }
.renewal_notice_wrap .txt_box p {margin-top:20px;}
.renewal_notice_wrap .txt_box .txt01 {font-size:30px; margin-top:0;}
.renewal_notice_wrap .txt_box .txt02 {color:#003387;}
.renewal_notice_wrap .txt_box .txt03 {font-size:25px; color:#444;}