@charset "utf-8";

/* ======================================================
   body.sec
=========================================================*/
body.sec01{background:#007874 url(../img/sec01-bg.jpg) no-repeat center bottom; background-size:cover;} 
body.sec02{background:#8ad3fb url(../img/sec02-bg.jpg) no-repeat center bottom; background-size:cover;} 
body.sec03{background:#7bcefa url(../img/sec03-bg.jpg) no-repeat center bottom; background-size:cover;} 
body.sec04{background:#7bcefa url(../img/sec04-bg.jpg) no-repeat center bottom; background-size:cover;} 
body.sec05{background:#5071b5 url(../img/sec05-bg.jpg) no-repeat center bottom; background-size:cover;} 



/* ======================================================
   .dia-wrap
=========================================================*/
.dia-wrap{max-width:750px; width:94%; margin:0 auto; min-height:820px;opacity:0; position:relative;-webkit-transition: transform 0.5s linear, opacity 0.5s linear;-moz-transition: transform 0.5s linear, opacity 0.5s linear;-o-transition: transform 0.5s linear, opacity 0.5s linear;transition: transform 0.5s linear, opacity 0.5s linear;-webkit-transform: translateY(25px); -moz-transform: translateY(25px);-ms-transform: translateY(25px); -o-transform:  translateY(25px);transform: translateY(25px);}
.show .dia-wrap{transition-delay: 0.3s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
	@media only screen and (max-width:999px){
		.dia-wrap{min-height:auto;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}
	




/* ======================================================
   .dia-wrap.sec01
=========================================================*/
.dia-wrap.sec01{ background:#6f8cbe;border:15px solid #fff; border-radius:100px; padding-top:95px; text-align:center; box-sizing:border-box;}
.dia-wrap.sec01 h3{text-align:center; line-height:40px;}
.dia-wrap.sec01 h3 span{display:inline-block;vertical-align:top; font-size:18px; color:#fff; font-weight:700; letter-spacing:-0.04em; line-height:39px; height:40px; padding:0 3px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.dia-wrap.sec01 h4{ font-family: 'HakgyoansimDunggeunmisoTTF-B'; font-size:90px; font-weight:700; letter-spacing:-0.01em; line-height:1em; margin-top:54px; color:#fff;}
.dia-wrap.sec01 .cont{margin-top:35px}
.dia-wrap.sec01 .cont .img{}
.dia-wrap.sec01 .cont .img img{max-width:362px; width:100%;}
.dia-wrap.sec01 .cont .txt{margin-top:10px;}
.dia-wrap.sec01 .cont .txt p{font-size:30px; font-weight:400; color:#fff; letter-spacing:-0.035em; line-height:1.2em; font-family: 'HakgyoansimDunggeunmisoTTF-B';}
.dia-wrap.sec01 .lower{margin-top:50px; text-align:Center}
.dia-wrap.sec01 .lower .start-btn{border:3px solid #fff; width:282px; display:inline-block;vertical-align:top; line-height:69px; font-size:24px; font-weight:700 ;color:#fff; border-radius:75px; box-sizing:border-box; height:75px; letter-spacing:-0.04em; }
.dia-wrap.sec01 .lower .start-btn:hover{background:#fff; color:#00ada7}
	@media only screen and (max-width:999px){
		.dia-wrap.sec01{border-width:12px; border-radius:35px;padding:75px 0;}
		.dia-wrap.sec01 h3 span{font-size:16px;}
		.dia-wrap.sec01 h4{font-size:70px; margin-top:45px;}
		.dia-wrap.sec01 .cont{margin-top:30px}
		.dia-wrap.sec01 .cont .img img{max-width:320px;}
		.dia-wrap.sec01 .cont .txt p{font-size:21px;}

		.dia-wrap.sec01 .lower{margin-top:100px;} 
		.dia-wrap.sec01 .lower .start-btn{width:240px;line-height:60px; font-size:21px; border-radius:66px;height:66px; }
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec01{border-width:9px;border-radius:30px;}
		.dia-wrap.sec01{padding:55px 0;}
		.dia-wrap.sec01 h3 span{font-size:14px;}
		.dia-wrap.sec01 h4{font-size:60px; margin-top:35px;}
		.dia-wrap.sec01 .cont .img img{max-width:270px;}
		.dia-wrap.sec01 .cont .txt p{font-size:18px;}

		.dia-wrap.sec01 .lower{margin-top:70px;}
		.dia-wrap.sec01 .lower .start-btn{width:200px;line-height:55px; font-size:18px; border-width:2px; border-radius:59px;height:59px; }
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec01{padding:35px 0;border-width:5px;border-radius:25px;}
		.dia-wrap.sec01 h3 span{font-size:13px;}
		.dia-wrap.sec01 h4{font-size:45px; margin-top:25px;}
		.dia-wrap.sec01 .cont .img img{max-width:230px;}
		.dia-wrap.sec01 .cont .txt p{font-size:15px;}
		.dia-wrap.sec01 .lower .start-btn{width:200px;line-height:45px; font-size:16px; border-width:1px; border-radius:47px;height:47px; }
	}





/* ======================================================
   .dia-wrap.sec02
=========================================================*/
.dia-wrap.sec02{ background:#00514e; opacity:0.9; border:15px solid #fff; border-radius:40px; padding:40px; text-align:center; box-sizing:border-box; position:relative;}
.dia-wrap.sec02 h3{font-family: 'HakgyoansimDunggeunmisoTTF-B'; font-size:40px; font-weight:700; letter-spacing:-0.01em; line-height:1em; color:#fff; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.3)}
	@media only screen and (max-width:999px){
		.dia-wrap.sec02{border-width:12px; border-radius:35px;}
		.dia-wrap.sec02 h3{font-size:27px;padding-bottom:20px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec02{border-width:9px;padding:40px 30px; border-radius:30px;}
		.dia-wrap.sec02 h3{font-size:24px;padding-bottom:15px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec02{border-width:5px;padding:30px 20px; border-radius:25px;}
		.dia-wrap.sec02 h3{font-size:21px;}
	}

.dia-wrap.sec02 .cont{margin-top:30px;}
.dia-wrap.sec02 .cont .Qbox {margin:0 -2px;}
.dia-wrap.sec02 .cont .Qbox:after{display:block ;content:"";clear:both}
.dia-wrap.sec02 .cont .Qbox li{float:left; width:calc(25% - 4px); margin:0 2px;  }
.dia-wrap.sec02 .cont .Qbox li span{background:#eceded; height:197px; box-sizing:border-box;display:block; border-radius:20px;padding:0 5px;padding-top:25px; text-align:center; position:relative;font-size:20px; font-weight:700; line-height:1.2em; color:#111; letter-spacing:-0.03em;}
.dia-wrap.sec02 .cont .Qbox li span:hover, 
.dia-wrap.sec02 .cont .Qbox li input:checked + span{font-weight:600;background:#7ab5af; color:#fff;}
.dia-wrap.sec02 .cont .Qbox li span:after{width:100%;height:130px; position:absolute; left:0; bottom:0; display:block ;content:""}
.dia-wrap.sec02 .cont .Qbox li span br{display:none;}

.dia-wrap.sec02 .cont .Qbox li:nth-child(1) span:after{background:url(../img/sec02-type01.png) no-repeat center bottom}
.dia-wrap.sec02 .cont .Qbox li:nth-child(2) span:after{background:url(../img/sec02-type02.png) no-repeat center bottom}
.dia-wrap.sec02 .cont .Qbox li:nth-child(3) span:after{background:url(../img/sec02-type03.png) no-repeat center bottom}
.dia-wrap.sec02 .cont .Qbox li:nth-child(4) span:after{background:url(../img/sec02-type04.png) no-repeat center bottom}

.dia-wrap.sec02 .cont .Abox{margin-top:65px; font-size:0;display:none;}
.dia-wrap.sec02 .cont .Abox:after{display:block ;content:"";clear:both}
.dia-wrap.sec02 .cont .Abox li{float:left; width:calc(50% - 6px); margin:0 2px;}
.dia-wrap.sec02 .cont .Abox li span{width:calc(100% - 6px); height:58px;border:1px solid #b3bad5; color:#fff; box-sizing:Border-box; line-height:54px;border-radius:8px; font-size:18px; font-weight:700 ;letter-spacing:-0.03em; float:left;}

.dia-wrap.sec02 .cont .Abox li span:hover, 
.dia-wrap.sec02 .cont .Abox li input:checked + span{background:#fdd776; border-color:#fdd776; color:#415395;}
.dia-wrap.sec02 .cont .Abox li:nth-child(n+3){margin-top:12px;}

	@media only screen and (max-width:999px){
		.dia-wrap.sec02 .cont{margin-top:40px;}
		.dia-wrap.sec02 .cont .Qbox li span{height:160px;padding-top:20px; font-size:16px}
		.dia-wrap.sec02 .cont .Qbox li span:after{background-size:100px auto !important; height:100px;}

		.dia-wrap.sec02 .cont .Abox {margin-top:40px;}
		.dia-wrap.sec02 .cont .Abox li span{line-height:50px; font-size:16px; height:54px;}

	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec02 .cont{margin-top:35px;}
		.dia-wrap.sec02 .cont .Qbox li span{height:135px;padding-top:15px; font-size:15px}
		.dia-wrap.sec02 .cont .Qbox li span br{display:block;}
		.dia-wrap.sec02 .cont .Qbox li span:after{background-size:75px auto !important; height:75px;}

		.dia-wrap.sec02 .cont .btns{margin-top:35px;}
		.dia-wrap.sec02 .cont .btns a{line-height:45px; font-size:14px;height:47px;border-width:1px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec02 .cont{margin-top:30px;}
		.dia-wrap.sec02 .cont .Qbox li {margin-top:-20px;}
		.dia-wrap.sec02 .cont .Qbox li span {height:100px;font-size:13px}
		.dia-wrap.sec02 .cont .Qbox li span:after{background-size:50px auto !important; height:50px;}

		.dia-wrap.sec02 .cont .Abox{margin-top:30px;}
		.dia-wrap.sec02 .cont .Abox li span{line-height:40px; font-size:13px;height:42px;}
	}

.dia-wrap.sec02 .lower{position:absolute; left:0; bottom:40px; width:100%; text-align:center;}
.dia-wrap.sec02 .lower .next-btn{border:3px solid #fff; width:282px; display:inline-block;vertical-align:top; line-height:69px; font-size:24px; font-weight:700 ;color:#fff; border-radius:75px; box-sizing:border-box; height:75px; letter-spacing:-0.04em; }
.dia-wrap.sec02 .lower .next-btn:hover{background:#fff; color:#00514e}
	@media only screen and (max-width:999px){
		.dia-wrap.sec02 .lower{position:Relative; left:auto; bottom:auto ;width:auto; margin-top:50px;}
		.dia-wrap.sec02 .lower .next-btn{width:240px; line-height:60px; height:66px; border-radius:66px; font-size:21px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec02 .lower{margin-top:40px;}
		.dia-wrap.sec02 .lower .next-btn{width:200px; line-height:55px; height:59px; border-radius:59px; border-width:2px; font-size:18px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec02 .lower .next-btn{width:160px; line-height:50px;height:52px; border-radius:52px; border-width:1px; font-size:15px;}
	}
	




/* ======================================================
   .dia-wrap.sec03
=========================================================*/
.dia-wrap.sec03{ background:#00514e; opacity:0.9; border:15px solid #fff; border-radius:40px; padding:40px; text-align:center; box-sizing:border-box; position:relative; }
.dia-wrap.sec03 h3{font-family: 'HakgyoansimDunggeunmisoTTF-B'; font-size:40px; font-weight:700; letter-spacing:-0.01em; line-height:1em; color:#fff; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.3)}
.dia-wrap.sec03 .tits{margin-top:30px;text-align:center;}
.dia-wrap.sec03 .tits h4{font-size:24px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.3em;}
.dia-wrap.sec03 .tits p{font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.3em; margin-top:7px;}
	@media only screen and (max-width:999px){
		.dia-wrap.sec03{border-width:12px; border-radius:35px;}
		.dia-wrap.sec03 h3{font-size:27px;padding-bottom:20px;}
		.dia-wrap.sec03 .tits h4{font-size:22px;}
		.dia-wrap.sec03 .tits p{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec03{border-width:9px;padding:40px 30px; border-radius:30px;}
		.dia-wrap.sec03 h3{font-size:24px;padding-bottom:15px;}
		.dia-wrap.sec03 .tits h4{font-size:20px;}
		.dia-wrap.sec03 .tits p{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec03{border-width:5px;padding:30px 20px; border-radius:25px;}
		.dia-wrap.sec03 h3{font-size:21px;}
		.dia-wrap.sec03 .tits h4{font-size:17px;}
		.dia-wrap.sec03 .tits p{font-size:13px;}
	}
.dia-wrap.sec03 .state{margin-top:30px; height:5px; position:Relative; background:#fff; border-radius:5px;}
.dia-wrap.sec03 .state .bar{background:#f2d568; border-radius:10px; position:Absolute; left:0; top:50%;margin-top:-5px; height:10px; transition:all 0.3s ease-out;}
.dia-wrap.sec03 .state .rtxt{font-size:15px; position:Absolute;right:0; bottom:-25px; line-height:15px; font-size:15px; color:#fff;text-align:right;}

.dia-wrap.sec03 .cont{margin-top:30px;}
.dia-wrap.sec03 .cont .stit{font-size:22px; font-weight:500; color:#fdd776; letter-spacing:-0.03em; line-height:1.3em; padding:0 15px;}


.dia-wrap.sec03 .cont .ctit {margin-top:15px;text-align:left;}
.dia-wrap.sec03 .cont .ctit span {display:inline-block;vertical-align:top; text-align:center; background:#00ada6; box-sizing:border-box; padding:5px 10px; min-width:100px; color:#fff; letter-spacing:-0.03em; line-height:25px; font-size:15px; font-weight:500; border-radius:50px;}
.dia-wrap.sec03 .cont .ctit02 {margin-top:15px;text-align:left;}
.dia-wrap.sec03 .cont .ctit02 span{display:inline-block;vertical-align:top; text-align:center; background:#ff5c22; box-sizing:border-box; padding:5px 10px; min-width:100px; color:#fff; letter-spacing:-0.03em; line-height:25px; font-size:15px; font-weight:500; border-radius:50px;}

	@media only screen and (max-width:999px){
		.dia-wrap.sec03 .state .rtxt{font-size:13px;  bottom:-22px;}
		.dia-wrap.sec03 .cont{margin-top:30px;}
		.dia-wrap.sec03 .cont .stit{font-size:20px;} 
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec03 .state{height:3px;}
		.dia-wrap.sec03 .state .bar{height:8px; margin-top:-4px;}
		.dia-wrap.sec03 .state .rtxt{font-size:11px;  bottom:-20px;}

		.dia-wrap.sec03 .cont{margin-top:30px;}
		.dia-wrap.sec03 .cont .stit{font-size:18px;}
		.dia-wrap.sec03 .cont .stit br{display:none;}
		.dia-wrap.sec03 .cont .img img{width:100%;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec03 .state .rtxt{font-size:9px; }
		.dia-wrap.sec03 .cont .stit{font-size:16px;}
	}

.dia-wrap.sec03 .cont .Abox .slist{ /*margin-top:25px;*/}
.dia-wrap.sec03 .cont .Abox .slist:after{display:block ;content:"";clear:Both;}
.dia-wrap.sec03 .cont .Abox .slist li{float:left; width:calc(50% - 6px);height:58px;}
.dia-wrap.sec03 .cont .Abox .slist li:nth-child(even){float:right}
.dia-wrap.sec03 .cont .Abox .slist li:nth-child(n+3){margin-top:12px;}
.dia-wrap.sec03 .cont .Abox .slist li label {width:100%; height:100%; /*display:table;*/}

.dia-wrap.sec03 .cont .Abox .slist li span {display:block;height:58px; border:2px solid #daedeb; color:#fff; box-sizing:Border-box; line-height:54px;border-radius:8px; font-size:18px; font-weight:700 ;letter-spacing:-0.03em;}
.dia-wrap.sec03 .cont .Abox .slist li span:hover, 
.dia-wrap.sec03 .cont .Abox .slist li input:checked + span{background:#fdd776; border-color:#fdd776; color:#00514e}

.dia-wrap.sec03 .lower{margin-top:17px;text-align:center; font-size:0;}
.dia-wrap.sec03 .lower a{display:inline-block;vertical-align:top;width:152px;height:47px; border-radius:47px; line-height:47px; font-size:18px; font-weight:700; letter-spacing:-0.03em;}
.dia-wrap.sec03 .lower .prev-btn{background:#79b4ae; color:#fff;}
.dia-wrap.sec03 .lower .next-btn{margin-left:10px;background:#fff; color:#00514e}

.dia-wrap.sec03 .ex{position:absolute; left:0; bottom:30px; width:100%; box-sizing:border-box;  text-align:center; font-size:11px; padding:0 5px; font-weight:700; color:rgba(255,255,255,0.6); line-height:1.3em; letter-spacing:-0.04em;}
	@media only screen and (max-width:999px){
		.dia-wrap.sec03 .cont ul{background-size:290px auto; padding-bottom:20px;}
		.dia-wrap.sec03 .cont ul li a{line-height:50px; font-size:16px; height:54px;}

		.dia-wrap.sec03 .lower a{width:130px; height:42px; line-height:42px; border-radius:42px; font-size:16px;}

		.dia-wrap.sec03 .ex{position:relative; left:auto; bottom:auto; width:auto; margin-top:30px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec03 .cont ul{background-size:250px auto; padding-bottom:20px;}
		.dia-wrap.sec03 .cont ul li a{line-height:45px; font-size:14px;height:47px;border-width:1px;}

		.dia-wrap.sec03 .lower a{width:110px; height:38px; line-height:38px; border-radius:38px; font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec03 .cont ul{background-size:210px auto;}
		.dia-wrap.sec03 .cont ul li a{line-height:40px; font-size:13px;height:42px;}

		.dia-wrap.sec03 .lower a{width:90px; height:35px; line-height:35px; border-radius:35px; font-size:13px;}
	}



/* ======================================================
   .dia-wrap.sec04
=========================================================*/
.dia-wrap.sec04{ background:#00514e; opacity:0.9; border:15px solid #fff; border-radius:40px; padding:40px; text-align:center; box-sizing:border-box; position:relative;}
.dia-wrap.sec04 h3{font-family: 'HakgyoansimDunggeunmisoTTF-B'; font-size:40px; font-weight:700; letter-spacing:-0.01em; line-height:1em; color:#fff; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.3)}
	@media only screen and (max-width:999px){
		.dia-wrap.sec04{border-width:12px; border-radius:35px;}
		.dia-wrap.sec04 h3{font-size:27px;padding-bottom:20px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec04{border-width:9px;padding:40px 30px; border-radius:30px;}
		.dia-wrap.sec04 h3{font-size:24px;padding-bottom:15px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec04{border-width:5px;padding:30px 20px; border-radius:25px;}
		.dia-wrap.sec04 h3{font-size:21px;}
	}
	
.dia-wrap.sec04 .cont{margin-top:35px; text-align:left;}

.dia-wrap.sec04 .entry{}
.dia-wrap.sec04 .entry li{position:relative ; padding-left:100px; min-height:54px;}
.dia-wrap.sec04 .entry li:nth-child(n+2){margin-top:10px;}
.dia-wrap.sec04 .entry li .btxt{line-height:52px; min-height:54px; font-size:20px; position:Absolute ;left:5px;letter-spacing:-0.03em;top:0; color:#fff; font-weight:700;}

.dia-wrap.sec04 .entry li .w440{width:100%;max-width:440px;}

.dia-wrap.sec04 .entry li .field.sex{}
.dia-wrap.sec04 .entry li .field.sex .chk-gender{display:inline-block;vertical-align:top}
.dia-wrap.sec04 .entry li .field.sex .chk-gender:nth-child(n+2){margin-left:5px;}
.dia-wrap.sec04 .entry li .field.sex .chk-gender input[type="radio"]{display:none;}
.dia-wrap.sec04 .entry li .field.sex .chk-gender input[type="radio"] + label{display:block; width:72px;background:#539891; color:#fff; font-size:18px ;letter-spacing:-0.03em;border-radius:5px; line-height:54px; text-align:center;}
.dia-wrap.sec04 .entry li .field.sex .chk-gender input[type="radio"]:checked + label{background:#fff; color:#00514e;}

.dia-wrap.sec04 .entry li .field.contact{width:100%;max-width:440px;}
.dia-wrap.sec04 .entry li .field.contact .chk-input{width:26%}
.dia-wrap.sec04 .entry li .field.contact .chk-input:last-child{width:calc(20% - 6px);margin-left:6px;}
.dia-wrap.sec04 .entry li .field.contact .chk-select{ width:calc(27% - 6px);margin-left:6px;}

.dia-wrap.sec04 .entry li .field.year{}
.dia-wrap.sec04 .entry li .field.year .chk-input{width:160px}
.dia-wrap.sec04 .entry li .field.year .ctxt{font-size:18px; font-weight:700; color:#fff; display:inline-block;vertical-align:top; margin-left:10px; line-height:54px;}

.dia-wrap.sec04 .entry li .chk-area input[type="radio"]{display:none;}
.dia-wrap.sec04 .entry li .chk-area input[type="radio"] + label{display:block; width:114px;background:#539891; color:#fff; font-size:18px ;letter-spacing:-0.03em;border-radius:5px; line-height:54px; text-align:center;}
.dia-wrap.sec04 .entry li .chk-area input[type="radio"]:checked + label{background:#fff; color:#28498c;}

.dia-wrap.sec04 .entry li .chk-other input[type="radio"]{display:none;}
.dia-wrap.sec04 .entry li .chk-other input[type="radio"] + label{display:block; width:72px;background:#a6d0c3; color:#fff; font-size:18px ;letter-spacing:-0.03em;border-radius:5px; line-height:54px; text-align:center;}
.dia-wrap.sec04 .entry li .chk-other input[type="radio"]:checked + label{background:#fff; color:#28498c;}



	@media only screen and (max-width:999px){
		.dia-wrap.sec04 .entry li{padding-left:90px;}
		.dia-wrap.sec04 .entry li{min-height:50px;}
		.dia-wrap.sec04 .entry li .field.sex .chk-gender input[type="radio"] + label{width:65px;font-size:16px; line-height:50px;}
		.dia-wrap.sec04 .entry li .btxt{line-height:50px; font-size:18px;}

		
		.dia-wrap.sec04 .entry li .field.year .chk-input{width:140px}
		.dia-wrap.sec04 .entry li .field.year .ctxt{font-size:16px; line-height:50px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec04 .entry li{padding-left:80px;}
		.dia-wrap.sec04 .entry li{min-height:45px;}
		.dia-wrap.sec04 .entry li .field.sex .chk-gender input[type="radio"] + label{width:60px;font-size:14px; line-height:45px;}
		.dia-wrap.sec04 .entry li .btxt{line-height:45px; font-size:16px;}

		.dia-wrap.sec04 .entry li .field.contact .chk-input{width:100%}
		.dia-wrap.sec04 .entry li .field.contact .chk-select{ width:calc(50% - 2px);margin-left:4px; margin-top:4px;}
		.dia-wrap.sec04 .entry li .field.contact .chk-select:nth-child(2){margin-left:0;}
		.dia-wrap.sec04 .entry li .field.contact .chk-input:last-child{width:100%; margin-left:0; margin-top:4px;}
		
		.dia-wrap.sec04 .entry li .field.year .chk-input{width:120px}
		.dia-wrap.sec04 .entry li .field.year .ctxt{font-size:14px; line-height:45px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec04 .entry li{padding-left:70px;}
		.dia-wrap.sec04 .entry li{min-height:40px;}
		.dia-wrap.sec04 .entry li .field.sex .chk-gender input[type="radio"] + label{width:55px;font-size:13px; line-height:40px;}
		.dia-wrap.sec04 .entry li .btxt{line-height:40px; font-size:14px;}
		
		.dia-wrap.sec04 .entry li .field.year .chk-input{width:100px}
		.dia-wrap.sec04 .entry li .field.year .ctxt{font-size:13px; line-height:40px;}
	}
.dia-wrap.sec04 .agrees{margin-top:40px;}
.dia-wrap.sec04 .agrees h4{font-size:20px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:10px;}
.dia-wrap.sec04 .agrees .txt{border:1px solid #fff; border-radius:8px; padding:20px; text-align:left}
.dia-wrap.sec04 .agrees .txt p{font-size:14px; font-weight:500; color:#fff; letter-spacing:-0.03em; line-height:1.6em;}

.dia-wrap.sec04 .agrees .chk{margin-top:20px ;text-align:right;}
	@media only screen and (max-width:999px){
		.dia-wrap.sec04 .agrees{margin-top:35px;}
		.dia-wrap.sec04 .agrees h4{font-size:18px;}
		.dia-wrap.sec04 .agrees .chk{text-align:center !important;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec04 .agrees{margin-top:30px;}
		.dia-wrap.sec04 .agrees h4{font-size:16px;}
		.dia-wrap.sec04 .agrees .txt{padding:15px}
		.dia-wrap.sec04 .agrees .txt p{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		
	}
	


.dia-wrap.sec04 .lower{margin-top:35px;text-align:center;}
.dia-wrap.sec04 .lower .result-btn{border:3px solid #fff; width:282px; display:inline-block;vertical-align:top; line-height:69px; font-size:24px; font-weight:700 ;color:#fff; border-radius:75px; box-sizing:border-box; height:75px; letter-spacing:-0.04em; }
.dia-wrap.sec04 .lower .result-btn:hover{background:#fff; color:#00514e}
	@media only screen and (max-width:999px){
		.dia-wrap.sec04 .lower .result-btn{width:240px; line-height:60px; height:66px; border-radius:66px; font-size:21px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec04 .lower .result-btn{width:200px; line-height:55px; height:59px; border-radius:59px; border-width:2px; font-size:18px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec04 .lower .result-btn{width:160px; line-height:50px;height:52px; border-radius:52px; border-width:1px; font-size:15px;}
	}
	





/* ======================================================
   .dia-wrap.sec05
=========================================================*/
.dia-wrap.sec05{ background:#00514e; opacity:0.9; border:15px solid #fff; border-radius:40px; padding:40px; text-align:center; box-sizing:border-box; position:relative;}
.dia-wrap.sec05 h3{font-family: 'HakgyoansimDunggeunmisoTTF-B'; font-size:40px; font-weight:700; letter-spacing:-0.01em; line-height:1em; color:#fff; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,0.3)}

.dia-wrap.sec05 .tits{/*margin-bottom:40px;*/text-align:center;}
.dia-wrap.sec05 .tits .btxt{font-size:24px; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.6em;}
.dia-wrap.sec05 .tits .stxt{margin-top:7px;font-size:20px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.6em;}
.dia-wrap.sec05 .tits .ctxt{margin-top:20px;margin-bottom:30px;font-size:17px; font-weight:400; color:#000; letter-spacing:-0.03em; line-height:1.4em;}
.dia-wrap.sec05 .tits .stxt span{font-size:38px ;font-weight:700; color:#111; font-family: 'HakgyoansimDunggeunmisoTTF-B';}
.dia-wrap.sec05 .tits .stxt .c01{color:#13cac3;}
.dia-wrap.sec05 .tits .stxt .c02{color:#ff5c22;}
.dia-wrap.sec05 .tits .stxt .c03{color:#ff5c22;}
.dia-wrap.sec05 .tits .stxt .c04{color:#ff5c22;}


	@media only screen and (max-width:999px){
		.dia-wrap.sec05{border-width:12px; border-radius:35px;}
		.dia-wrap.sec05 h3{font-size:27px;padding-bottom:20px;}

		.dia-wrap.sec05 .tits{margin-top:35px;}
		.dia-wrap.sec05 .tits .btxt{font-size:22px}
		.dia-wrap.sec05 .tits .stxt{margin-top:5px;font-size:29px;}
		.dia-wrap.sec05 .tits .stxt span{font-size:35px}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec05{border-width:9px;padding:40px 30px; border-radius:30px;}
		.dia-wrap.sec05 h3{font-size:24px;padding-bottom:15px;}

		.dia-wrap.sec05 .tits{margin-top:30px;}
		.dia-wrap.sec05 .tits .btxt{font-size:19px}
		.dia-wrap.sec05 .tits .stxt{font-size:25px;}
		.dia-wrap.sec05 .tits .stxt span{font-size:30px}
		.dia-wrap.sec05 .tits .ctxt{font-size:16px}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec05{border-width:5px;padding:30px 20px; border-radius:25px;}
		.dia-wrap.sec05 h3{font-size:21px;}
		.dia-wrap.sec05 .tits{margin-top:25px;}
		.dia-wrap.sec05 .tits .btxt{font-size:16px}
		.dia-wrap.sec05 .tits .stxt{font-size:21px;}
		.dia-wrap.sec05 .tits .stxt span{font-size:25px}
	}	

.dia-wrap.sec05 .cont{margin-top:35px; text-align:left;background:#fff; border-radius:15px; padding:50px 0 0 0;text-align:center;overflow:hidden;}
.dia-wrap.sec05 .cont .stit{font-size:17px; font-weight:400 ;color:#000 ;letter-spacing:-0.05em; line-height:1.75em; padding: 30px 20px;}
.dia-wrap.sec05 .cont .txt{margin-top:50px;padding:40px 60px 50px 60px; background:#f7f7f7;}
.dia-wrap.sec05 .cont .txt h4{margin-bottom:30px;text-align:center;}
.dia-wrap.sec05 .cont .txt h4 span{display:inline-block;vertical-align:top;background:#00ada6; box-sizing:border-box; padding:0 20px; min-width:150px; color:#fff; letter-spacing:-0.04em; line-height:48px; font-size:16px; font-weight:500; border-radius:48px;}
.dia-wrap.sec05 .cont .txt dl{text-align:center;}
.dia-wrap.sec05 .cont .txt dl:nth-child(n+3){margin-top:25px;}
.dia-wrap.sec05 .cont .txt dl dt{font-size:16px; font-weight:400; color:#007a75; letter-spacing:-0.03em; line-height:1.5em; margin-bottom:10px;}
.dia-wrap.sec05 .cont .txt dl dd{position:relative; /*padding-left:12px;*/ font-size:16px; line-height:1.5em; color:#111; letter-spacing:-0.03em;}
.dia-wrap.sec05 .cont .txt dl dd:nth-child(n+3){margin-top:5px;}
/*.dia-wrap.sec05 .cont .txt dl dd:before{width:5px; height:0; border-bottom:1px solid #111; position:Absolute; left:0; top:11px; display:block; content:""}*/
	@media only screen and (max-width:999px){
		.dia-wrap.sec05 .cont{padding-top:45px;}
		.dia-wrap.sec05 .cont .stit{font-size:16px; }
		.dia-wrap.sec05 .cont .txt{margin-top:40px; padding:50px 45px;}
		.dia-wrap.sec05 .cont .txt h4{margin-bottom:25px;}
		.dia-wrap.sec05 .cont .txt h4 span{min-width:190px; font-size:16px; line-height:44px; border-radius:44px;}
		.dia-wrap.sec05 .cont .txt dl dt{font-size:18px;}
		.dia-wrap.sec05 .cont .txt dl dd{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec05 .cont{margin-top:30px;padding-top:30px;}
		.dia-wrap.sec05 .cont .stit{font-size:14px; line-height:1.6em; }
		.dia-wrap.sec05 .cont .stit br{display:none;}
		.dia-wrap.sec05 .cont .txt{margin-top:30px;padding:40px 35px;}
		.dia-wrap.sec05 .cont .txt h4{margin-bottom:20px;}
		.dia-wrap.sec05 .cont .txt h4 span{min-width:160px; font-size:14px; line-height:40px; border-radius:40px;}
		.dia-wrap.sec05 .cont .txt dl dt{font-size:16px; margin-bottom:7px;}
		.dia-wrap.sec05 .cont .txt dl dd{font-size:14px;}
		.dia-wrap.sec05 .cont .txt dl dd:before{top:9px}
		.dia-wrap.sec05 .cont .txt dl dd:nth-child(n+3){margin-top:3px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec05 .cont{margin-top:25px;}
		.dia-wrap.sec05 .cont .txt{padding:30px 25px; }
		.dia-wrap.sec05 .cont .txt h4{}
		.dia-wrap.sec05 .cont .txt h4 span{min-width:130px;}
		.dia-wrap.sec05 .cont .txt dl dt{font-size:15px;}
		.dia-wrap.sec05 .cont .txt dl dd{font-size:13px;}
	}	

.dia-wrap.sec05 .service{padding:40px 20px 0 20px; height:150px; border-bottom:1px solid rgba(255,255,255,0.5)}
.dia-wrap.sec05 .service ul{}
.dia-wrap.sec05 .service ul:after{display:block ;content:'';clear:both}
.dia-wrap.sec05 .service li{float:left; width:25%; text-align:center; }
.dia-wrap.sec05 .service li a{padding-top:92px; display:block;white-space:pre ; letter-spacing:-0.04em; font-size:18px ;font-weight:700;color:#fff; line-height:1.2em;}

.dia-wrap.sec05 .service li:nth-child(1) a{background:url(../img/sec05-ico01.png) no-repeat center top}
.dia-wrap.sec05 .service li:nth-child(2) a{background:url(../img/sec05-ico02.png) no-repeat center top}
.dia-wrap.sec05 .service li:nth-child(3) a{background:url(../img/sec05-ico03.png) no-repeat center top}
.dia-wrap.sec05 .service li:nth-child(4) a{background:url(../img/sec05-ico04.png) no-repeat center top}
	@media only screen and (max-width:999px){
		.dia-wrap.sec05 .service{padding:30px 15px 0 15px; height:135px;}
		.dia-wrap.sec05 .service li a{padding-top:85px; font-size:16px; background-size:75px auto  !important; white-space:normal ; }
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec05 .service{padding:30px 10px 0 10px; height:120px;}
		.dia-wrap.sec05 .service li a{padding:0 10px;padding-top:70px; font-size:14px; background-size:65px auto  !important;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec05 .service{padding:20px 5px 0 5px; height:100px;}
		.dia-wrap.sec05 .service li a{padding:0 10px;padding-top:55px; font-size:13px; background-size:50px auto  !important;}
	}	

.dia-wrap.sec05 .copy{text-align:center; margin-top:50px;}
.dia-wrap.sec05 .copy .btxt{font-size:24px; line-height:1.1em; font-weight:700; color:#fff; letter-spacing:-0.03em; font-family: 'HakgyoansimDunggeunmisoTTF-B';}
.dia-wrap.sec05 .copy .stxt{font-size:18px; margin-top:10px; line-height:1.1em; font-weight:400; color:#fff; letter-spacing:-0.03em;}
.dia-wrap.sec05 .copy .ctxt{font-size:24px; margin-top:10px;line-height:1.1em; font-weight:700; color:#fff; letter-spacing:-0.03em; font-family: 'HakgyoansimDunggeunmisoTTF-B';}
.dia-wrap.sec05 .copy ul{font-size:0;margin-top:35px;}
.dia-wrap.sec05 .copy ul:after{display:block; content:"";clear:both}
.dia-wrap.sec05 .copy li{display:inline-block;vertiacl-align:top}
.dia-wrap.sec05 .copy li a{width:47px;height:47px; display:block ;content:""}
.dia-wrap.sec05 .copy li:nth-child(n+2){margin-left:20px;}

.dia-wrap.sec05 .copy li:nth-child(1) a{background:url(../img/sec05-sns01.png) no-repeat center center; background-size:100% auto;}
.dia-wrap.sec05 .copy li:nth-child(2) a{background:url(../img/sec05-sns02.png) no-repeat center center; background-size:100% auto;}
	@media only screen and (max-width:999px){
		.dia-wrap.sec05 .copy{margin-top:40px;}
		.dia-wrap.sec05 .copy .btxt{font-size:21px;}
		.dia-wrap.sec05 .copy .stxt{font-size:16px;} 
		.dia-wrap.sec05 .copy .ctxt{font-size:27px;}
		.dia-wrap.sec05 .copy ul{margin-top:30px;}
		.dia-wrap.sec05 .copy li a{width:42px;height:42px;}
		.dia-wrap.sec05 .copy li:nth-child(n+2){margin-left:15px;}
	}
	@media only screen and (max-width:680px){
		.dia-wrap.sec05 .copy{margin-top:30px;}
		.dia-wrap.sec05 .copy .btxt{font-size:19px;}
		.dia-wrap.sec05 .copy .stxt{font-size:14px;} 
		.dia-wrap.sec05 .copy .ctxt{font-size:23px;}
		.dia-wrap.sec05 .copy ul{margin-top:25px;}
		.dia-wrap.sec05 .copy li a{width:38px;height:38px;}
		.dia-wrap.sec05 .copy li:nth-child(n+2){margin-left:10px;}
	}
	@media only screen and (max-width:480px){
		.dia-wrap.sec05 .copy .btxt{font-size:16px;}
		.dia-wrap.sec05 .copy .stxt{font-size:12px;} 
		.dia-wrap.sec05 .copy .ctxt{font-size:20px;}
		.dia-wrap.sec05 .copy ul{margin-top:20px;}
		.dia-wrap.sec05 .copy li a{width:32px;height:32px;}
	}	






/* ======================================================
    
=========================================================*/
.show .bg-sec{opacity:1;}
.bg-sec{opacity:0;position:Absolute; left:0; top:0; width:100%;height:100%; z-index:-1;-webkit-transition: opacity 0.6s linear;-moz-transition: opacity 0.6s linear;-o-transition: opacity 0.6s linear;transition: opacity 0.6s linear;}
.bg-sec .bg01{width:88px;height:88px; position:Absolute; right:15%; top:25%;  background:url(../img/sec01-bg01.png) no-repeat center center;-webkit-animation: secBtnAnimate1 2s infinite; -moz-animation: secBtnAnimate1 2s infinite; -o-animation: secBtnAnimate1 2s infinite;  animation: secBtnAnimate1 2s infinite;}
.bg-sec .bg02{width:30px;height:30px; position:Absolute; right:20%; top:15%;  background:url(../img/sec01-bg02.png) no-repeat center center;background-size:100% auto;animation-delay:0.1s;-webkit-animation: secBtnAnimate2 2s infinite; -moz-animation: secBtnAnimate2 2s infinite; -o-animation: secBtnAnimate2 2s infinite;  animation: secBtnAnimate2 2s infinite;}
.bg-sec .bg03{width:42px;height:42px; position:Absolute; right:5%; top:32%;  background:url(../img/sec01-bg03.png) no-repeat center center;background-size:100% auto;animation-delay:0.2s;-webkit-animation: secBtnAnimate3 2s infinite; -moz-animation: secBtnAnimate3 2s infinite; -o-animation: secBtnAnimate3 2s infinite;  animation: secBtnAnimate3 2s infinite;}

.bg-sec .bg04{width:12px;height:12px; position:Absolute; right:12%; top:42%;  background:#fff;border-radius:100%;animation-delay:0.3s;-webkit-animation: secBtnAnimate2 2s infinite; -moz-animation: secBtnAnimate2 2s infinite; -o-animation: secBtnAnimate2 2s infinite;  animation: secBtnAnimate2 2s infinite;}
.bg-sec .bg05{width:20px;height:20px; position:Absolute; right:15%; top:60%;  background:#fff;border-radius:100%;animation-delay:0.4s;-webkit-animation: secBtnAnimate4 2s infinite; -moz-animation: secBtnAnimate4 2s infinite; -o-animation: secBtnAnimate4 2s infinite;  animation: secBtnAnimate4 2s infinite;}

.bg-sec .bg06{width:20px;height:20px; position:Absolute; right:10%; bottom:15%;  background:url(../img/sec01-bg02.png) no-repeat center center;background-size:100% auto;animation-delay:0.5s;-webkit-animation: secBtnAnimate3 2s infinite; -moz-animation: secBtnAnimate3 2s infinite; -o-animation: secBtnAnimate3 2s infinite;  animation: secBtnAnimate3 2s infinite;}
.bg-sec .bg07{width:20px;height:20px; position:Absolute; right:30%; bottom:7%;  background:url(../img/sec01-bg03.png) no-repeat center center;background-size:100% auto;animation-delay:0.6s;-webkit-animation: secBtnAnimate2 2s infinite; -moz-animation: secBtnAnimate2 2s infinite; -o-animation: secBtnAnimate2 2s infinite;  animation: secBtnAnimate2 2s infinite;}
.bg-sec .bg08{width:20px;height:20px; position:Absolute; right:25%; bottom:15%;  background:url(../img/sec01-bg02.png) no-repeat center center;background-size:100% auto;animation-delay:0.7s;-webkit-animation: secBtnAnimate3 2s infinite; -moz-animation: secBtnAnimate3 2s infinite; -o-animation: secBtnAnimate3 2s infinite;  animation: secBtnAnimate3 2s infinite;}

.bg-sec .bg09{width:30px;height:30px; position:Absolute; left:15%; top:18%;  background:url(../img/sec01-bg02.png) no-repeat center center;background-size:100% auto;animation-delay:0.4s;-webkit-animation: secBtnAnimate4 2s infinite; -moz-animation: secBtnAnimate4 2s infinite; -o-animation: secBtnAnimate4 2s infinite;  animation: secBtnAnimate4 2s infinite;}
.bg-sec .bg10{width:42px;height:42px; position:Absolute; left:25%; top:32%;  background:url(../img/sec01-bg03.png) no-repeat center center;background-size:100% auto;animation-delay:0.2s;-webkit-animation: secBtnAnimate3 2s infinite; -moz-animation: secBtnAnimate3 2s infinite; -o-animation: secBtnAnimate3 2s infinite;  animation: secBtnAnimate3 2s infinite;}

.bg-sec .bg11{width:12px;height:12px; position:Absolute; left:12%; top:32%;  background:#fff;border-radius:100%;animation-delay:0.2s;-webkit-animation: secBtnAnimate4 2s infinite; -moz-animation: secBtnAnimate4 2s infinite; -o-animation: secBtnAnimate4 2s infinite;  animation: secBtnAnimate4 2s infinite;}
.bg-sec .bg12{width:20px;height:20px; position:Absolute; left:9%; top:50%;  background:#fff;border-radius:100%;animation-delay:0.6s;-webkit-animation: secBtnAnimate2 2s infinite; -moz-animation: secBtnAnimate2 2s infinite; -o-animation: secBtnAnimate2 2s infinite;  animation: secBtnAnimate2 2s infinite;}

.bg-sec .bg13{width:20px;height:20px; position:Absolute; left:23%; top:45%;  bottom:25%;  background:url(../img/sec01-bg02.png) no-repeat center center;background-size:100% auto;animation-delay:0.1s;-webkit-animation: secBtnAnimate2 2s infinite; -moz-animation: secBtnAnimate2 2s infinite; -o-animation: secBtnAnimate2 2s infinite;  animation: secBtnAnimate2 2s infinite;}
.bg-sec .bg14{width:20px;height:20px; position:Absolute; left:18%; bottom:27%;  background:url(../img/sec01-bg03.png) no-repeat center center;background-size:100% auto;animation-delay:0.4s;-webkit-animation: secBtnAnimate3 2s infinite; -moz-animation: secBtnAnimate3 2s infinite; -o-animation: secBtnAnimate3 2s infinite;  animation: secBtnAnimate3 2s infinite;}
.bg-sec .bg15{width:20px;height:20px; position:Absolute; left:26%; bottom:30%;  background:url(../img/sec01-bg02.png) no-repeat center center;background-size:100% auto;animation-delay:0.5s;-webkit-animation: secBtnAnimate4 2s infinite; -moz-animation: secBtnAnimate4 2s infinite; -o-animation: secBtnAnimate4 2s infinite;  animation: secBtnAnimate4 2s infinite;}

	@keyframes secBtnAnimate1 {
		0% {transition-delay: 0.2s;-webkit-transform: translateY(0); -moz-transform: translateY(0)-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);-webkit-transition: transform 0.4s linear;-moz-transition: transform 0.4s linear;-o-transition: transform 0.4s linear;	transition: transform 0.4s linear;}
		50% {transition-delay: 0.2s;-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px)-ms-transform: translateY(-10px); -o-transform:  translateY(-10px);transform: translateY(10px);-webkit-transition: transform 0.4s linear;-moz-transition: transform 0.4s linear;-o-transition: transform 0.4s linear;	transition: transform 0.4s linear;}
		100% {transition-delay: 0.2s;-webkit-transform: translateY(0); -moz-transform: translateY(0)-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);-webkit-transition: transform 0.4s linear;-moz-transition: transform 0.4s linear;-o-transition: transform 0.4s linear;	transition: transform 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate1 {
		0% {transition-delay: 0.2s;-webkit-transform: translateY(0); -moz-transform: translateY(0)-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);-webkit-transition: transform 0.4s linear;-moz-transition: transform 0.4s linear;-o-transition: transform 0.4s linear;	transition: transform 0.4s linear;}
		50% {transition-delay: 0.2s;-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px)-ms-transform: translateY(-10px); -o-transform:  translateY(-10px);transform: translateY(10px);-webkit-transition: transform 0.4s linear;-moz-transition: transform 0.4s linear;-o-transition: transform 0.4s linear;	transition: transform 0.4s linear;}
		100% {transition-delay: 0.2s;-webkit-transform: translateY(0); -moz-transform: translateY(0)-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);-webkit-transition: transform 0.4s linear;-moz-transition: transform 0.4s linear;-o-transition: transform 0.4s linear;	transition: transform 0.4s linear;}
	}


	@keyframes secBtnAnimate2 {
		0% {transition-delay: 0.4s;transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% { transition-delay: 0.4s;transform:rotate(0deg) scale(0.6); -webkit-transform:rotate(0deg) scale(0.6); -moz-transform:rotate(0deg) scale(0.6); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% {transition-delay: 0.4s; transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate2 {
		0% {transition-delay: 0.4s; transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% { transition-delay: 0.4s; transform:rotate(0deg) scale(0.6); -webkit-transform:rotate(0deg) scale(0.6); -moz-transform:rotate(0deg) scale(0.6); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% {transition-delay: 0.4s;  transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}


	@keyframes secBtnAnimate3 {
		0% {transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% { transform:rotate(0deg) scale(0.8); -webkit-transform:rotate(0deg) scale(0.8); -moz-transform:rotate(0deg) scale(0.8); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate3 {
		0% {transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% { transform:rotate(0deg) scale(0.8); -webkit-transform:rotate(0deg) scale(0.8); -moz-transform:rotate(0deg) scale(0.8); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}


	@keyframes secBtnAnimate4 {
		0% {transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% { transform:rotate(0deg) scale(1.2); -webkit-transform:rotate(0deg) scale(1.2); -moz-transform:rotate(0deg) scale(1.2); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate4 {
		0% {transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% { transform:rotate(0deg) scale(1.2); -webkit-transform:rotate(0deg) scale(1.2); -moz-transform:rotate(0deg) scale(1.2); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { transform:rotate(0) scale(1); -webkit-transform:rotate(0) scale(1); -moz-transform:rotate(0) scale(1); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}


.show  .cloud-sec{opacity:1;}
.cloud-sec{opacity:0;position:Absolute; left:0; top:0; width:100%;height:100%; z-index:-1;-webkit-transition: opacity 0.6s linear;-moz-transition: opacity 0.6s linear;-o-transition: opacity 0.6s linear;transition: opacity 0.6s linear;}
.cloud-sec.last{}
.cloud-sec.last div{margin-top:-200px;}


.cloud01{width:156px;height:73px;background:url(../img/sec02-bg04.png) no-repeat center center; background-size:100% auto; position:absolute; right:12%; top:22%;animation-delay:0.2s;-webkit-animation: secBtnAnimate5 5s infinite; -moz-animation: secBtnAnimate5 5s infinite; -o-animation: secBtnAnimate5 5s infinite;  animation: secBtnAnimate5 5s infinite;}
.cloud02{width:126px;height:84px;background:url(../img/sec02-bg05.png) no-repeat center center; background-size:100% auto; position:absolute; right:20%; top:28%;animation-delay:0.3s;-webkit-animation: secBtnAnimate1 3s infinite; -moz-animation: secBtnAnimate1 3s infinite; -o-animation: secBtnAnimate1 3s infinite;  animation: secBtnAnimate1 3s infinite;}
.cloud03{width:176px;height:121px;background:url(../img/sec02-bg06.png) no-repeat center center; background-size:100% auto; position:absolute; right:0; top:32%;animation-delay:0.4s;-webkit-animation: secBtnAnimate1 4s infinite; -moz-animation: secBtnAnimate1 4s infinite; -o-animation: secBtnAnimate1 4s infinite;  animation: secBtnAnimate1 4s infinite;}

.cloud04{width:127px;height:78px;background:url(../img/sec02-bg01.png) no-repeat center center; background-size:100% auto; position:absolute; left:15%; top:22%;animation-delay:0.1s;-webkit-animation: secBtnAnimate1 4s infinite; -moz-animation: secBtnAnimate1 4s infinite; -o-animation: secBtnAnimate1 4s infinite;  animation: secBtnAnimate1 4s infinite;}
.cloud05{width:155px;height:78px;background:url(../img/sec02-bg02.png) no-repeat center center; background-size:100% auto; position:absolute; left:5%; top:30%;animation-delay:0.5s;-webkit-animation: secBtnAnimate1 3s infinite; -moz-animation: secBtnAnimate1 3s infinite; -o-animation: secBtnAnimate1 3s infinite;  animation: secBtnAnimate1 3s infinite;}
.cloud06{width:133px;height:78px;background:url(../img/sec02-bg01.png) no-repeat center center; background-size:100% auto; position:absolute;  left:20%; top:37%;animation-delay:0.3s;-webkit-animation: secBtnAnimate6 6s infinite; -moz-animation: secBtnAnimate6 6s infinite; -o-animation: secBtnAnimate6 6s infinite;  animation: secBtnAnimate6 6s infinite;}


	@keyframes secBtnAnimate5 {
		0% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% {-webkit-transform: translateX(100px); -moz-transform: translateX(100px);-ms-transform: translateX(100px); -o-transform:  translateX(100px);transform: translateX(100px); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate5 {
		0% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% {-webkit-transform: translateX(100px); -moz-transform: translateX(100px);-ms-transform: translateX(100px); -o-transform:  translateX(100px);transform: translateX(100px); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}

	@keyframes secBtnAnimate6 {
		0% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% {-webkit-transform: translateX(-100px); -moz-transform: translateX(-100px);-ms-transform: translateX(-100px); -o-transform:  translateX(-100px);transform: translateX(-100px); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate6 {
		0% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		50% {-webkit-transform: translateX(-100px); -moz-transform: translateX(-100px);-ms-transform: translateX(-100px); -o-transform:  translateX(-100px);transform: translateX(-100px); opacity:1;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
		100% { -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0); opacity:0.3;-webkit-transition: transform 0.4s linear, opacity 0.4s linear;-moz-transition: transform 0.4s linear, opacity 0.4s linear;-o-transition: transform 0.4s linear, opacity 0.4s linear;	transition: transform 0.4s linear, opacity 0.4s linear;}
	}