/* V2 */
html.v2body, body.v2body {overflow:auto !important;}
.v2 {min-height:100vh; padding-bottom:150px; background:#4175cc url(../images/v2/v2bg.png) no-repeat center top; font-size:16px; font-weight:normal; line-height:1.6;}
.v2 > * { margin:0 auto;}
.v2 > header {position:relative; margin-top:-10px; color:#fff; line-height:1.8; text-align:center; margin-bottom:70px;}


@-ms-keyframes v2_up {
	0% {transform: rotate(20deg); transform-origin:50% 0; animation-timing-function:ease-in;}
	25% {transform: rotate(0deg); transform-origin:50% 0; animation-timing-function:ease-out;}
	50% {transform: rotate(-20deg); transform-origin:50% 0; animation-timing-function:ease-in;}
	75% {transform: rotate(0deg); transform-origin:50% 0;	animation-timing-function:ease-out;}
	100% {transform: rotate(20deg); transform-origin:50% 0;}
}
@-webkit-keyframes v2_up {
	0% {transform: rotate(20deg); transform-origin:50% 0; animation-timing-function:ease-in;}
	25% {transform: rotate(0deg); transform-origin:50% 0; animation-timing-function:ease-out;}
	50% {transform: rotate(-20deg); transform-origin:50% 0; animation-timing-function:ease-in;}
	75% {transform: rotate(0deg); transform-origin:50% 0;	animation-timing-function:ease-out;}
	100% {transform: rotate(20deg); transform-origin:50% 0;}
}
@-ms-keyframes v2_shadow{
	0% {transform: rotate(10deg); transform-origin:50% 0; animation-timing-function:ease-in;}
	25% {transform: rotate(0deg); transform-origin:50% 0;	animation-timing-function:ease-out;}
	50% {transform: rotate(-10deg); transform-origin:50% 0;	animation-timing-function:ease-in;}
	75% {transform: rotate(0deg); transform-origin:50% 0;	animation-timing-function:ease-out;}
	100% {transform: rotate(10deg); transform-origin:50% 0;}
}
@-webkit-keyframes v2_shadow{
	0% {transform: rotate(10deg); transform-origin:50% 0; animation-timing-function:ease-in;}
	25% {transform: rotate(0deg); transform-origin:50% 0;	animation-timing-function:ease-out;}
	50% {transform: rotate(-10deg); transform-origin:50% 0;	animation-timing-function:ease-in;}
	75% {transform: rotate(0deg); transform-origin:50% 0;	animation-timing-function:ease-out;}
	100% {transform: rotate(10deg); transform-origin:50% 0;}
}

.v2 > header .mark {position:relative; display:inline-block;}
.v2 > header .mark>div {position:relative; width:560px; height:660px;}
.v2 > header .mark>div>img {position:absolute; left:0; top:0;}
.v2 > header .mark .shadow {
	z-index:0; position:absolute; left:0; top:0;
	animation:v2_shadow 3s infinite;
}
.v2 > header .mark .up {
	z-index:1; position:relative;
	animation:v2_up 3s infinite;
}
.v2 > header > h2 {font-size:80px; font-family:NanumGothicBold; letter-spacing:-2px;}
.v2 > header > h2+p span {display:inline-block; padding:15px 40px; border-radius:100px; background:yellow; color:#000; margin-bottom:5px; line-height:1;}
.v2 > article {
	position:relative; max-width:1200px; margin-top:70px auto 0;
	padding:80px; overlfow:hidden; border-radius:20px; background:#fff; text-align:center;
	box-shadow:20px 20px 20px rgba(0,0,0,.2);
}
.v2 .wrap:before,
.v2 .wrap:after {content:""; clear:both; display:block;}
.v2 > article+article {margin-top:80px;}
.v2 > article+article:before,
.v2 > article+article:after {content:""; position:absolute; top:-125px; display:block; width:43px; height:170px; background:url(../images/v2/clip.png) no-repeat;}
.v2 > article+article:before {left:100px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.v2 > article+article:after {right:100px;}
.v2 > article header {margin-bottom:50px;}
.v2 > article header h3 {display:block; color:#4175cc; font-size:50px; font-family:NanumGothicBold; line-height:1; margin-bottom:20px;}

.v2 > article .con {position:relative; margin-top:20px;}
.v2 > article .acc {margin-top:50px; font-size:24px; color:#000; letter-spacing:-.5px;}

.v2 > article.adv2 .wrap {display:grid; grid-template-columns:1fr 1fr; gap:50px; text-align:left;}
.v2 > article.adv2 .wrap:before, .v2 > article.adv2 .wrap:after {display:none;}
.v2 > article.adv2 .wrap li img {display:block; overflow:hidden; max-width:100%; border-radius:18px; border:10px solid #fff; box-shadow:3px 3px 15px rgba(0,0,0,.15);}

.v2 > article.adv2 .wrap dt {margin-bottom:15px; font-size:30px; color:#000; font-weight:600; line-height:1.2;}
.v2 > article.adv2 .wrap dd {display:none; font-size:14px; line-height:1.6; color:#888;}
.v2 > article.adv2 .wrap .btnwrap {position:absolute; right:0; top:0;}
.v2 > article.adv2 .wrap .btnwrap a {display:inline-block; padding: 10px 20px; font-size:14px; color:#fff; letter-spacing:-.5px; line-height:1; border-radius:100px; background:#4175cc; }
.v2 > article.adv2 .wrap .btnwrap a+a {background-color:#f74684;}
.v2 > article.adv2 .wrap .btnwrap a:hover {background:#4175cc ; color:#fff; border-color:#4175cc ;}

.v2 > article.adv3 .wrap .detail li {display:block; margin:10px 0; padding:15px; border-radius:100px; overflow:hidden; color:#000 ; font-size:18px; font-weight:600; letter-spacing:-.5px; border:2px solid #c3ddfe ;}
.v2 > article.adv3 .wrap li.rad20 {border-radius:20px;}
.v2 > article.adv3 .wrap li.rad20 img {margin:50px 0 20px;}
.v2 > article.adv3 .wrap .detail li:hover {background:#4175cc; border-color:#4175cc; color:#fff;}