html, html body {overflow: hidden;}
html.noScroll, html.noScroll body {overflow: hidden;}
.wrap{width:100%; min-width: 1280px;background: #00b3f6;}
.dis_table{display:table; width:100%; height:100%;}
.dis_table_cell{display:table-cell; width:100%; height:100%; font-size:0;}

.ts{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.wrap_visual,
.wrap_quiz,
.wrap_bridge,
.wrap_result,
.wrap_answers {
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.wrap_fixed{position:fixed; top:0; left:0; width:100%; height:104px; background:transparent; z-index:100;}
.wrap_fixed .logo_set{position:fixed; top:30px; left:30px; pointer-events: auto; z-index: 20;}
.wrap_fixed .logo_set a{display: block; position:relative; width:70px; height:38px;}
.wrap_fixed .logo_set a img{position:absolute; top:0; left:0; width:100%; opacity: 0;}
.wrap_fixed .logo_set.wh a img.wh{opacity: 1;}
.wrap_fixed .logo_set.sky a img.sky{opacity: 1;}

.wrap_fixed .caster{position:fixed; top:24px; right:30px; width:114px; height:18px; pointer-events: auto; z-index: 20;}
.wrap_fixed .caster a {display: block;width: 100%;height: 100%;}
.wrap_fixed .caster img{position:absolute; top:0; left:0; width:100%; opacity: 0;}
.wrap_fixed .caster.wh img.wh{opacity: 1;}
.wrap_fixed .caster.sky img.sky{opacity: 1;}

.wrap .wrap_fixed .title_set{text-align:center;}
.wrap .wrap_fixed .title_set .tit{font-size:36px; color:#00B3F6; font-weight:400; line-height:104px; display:none;}
.wrap .wrap_fixed .title_set .tit img{width:auto;}

.wrap_scroll {display: block;position: fixed;top: 0;right: 0;width: 10px;height: 100%; z-index: 101;}
.wrap_scroll .wrap_scroll_common {position: absolute; top: 0;left: 0;width: 100%;height: 100%; opacity: 0; z-index: -1;}
.wrap.result .wrap_scroll .wrap_scroll_result {opacity: 1; z-index: 1;}
.wrap.answers .wrap_scroll .wrap_scroll_answer {opacity: 1; z-index: 1;}

.wrap_visual{display:block;opacity: 0;z-index: -1; position:relative; min-width:1280px; height:100vh; background:url("../images/visual_bg.jpg") no-repeat center 0; background-size:cover; overflow:hidden;}
.wrap.visual .wrap_visual{display:block;opacity: 1;z-index: 1;}
.wrap_visual img{width:auto;}
.wrap_visual .character_set{}
.wrap_visual .character_set .item{position:absolute; top:50%; right:40%; width:51%; max-width:978px;
	-webkit-transform:translate(0, -45%);
	-moz-transform:translate(0, -45%);
	-o-transform:translate(0, -45%);
	transform:translate(0, -45%);
}
.wrap_visual .character_set .item.item03{z-index:3;}
.wrap_visual .character_set .item.item02{z-index:2;}
.wrap_visual .character_set .item.item01{z-index:1; animation: float 6s ease-in-out infinite;}

@-webkit-keyframes float {
	0% {
		-webkit-transform:translate(0, -45%);
	}
	50% {
		-webkit-transform:translate(0, -49%);
	}
	100% {
		-webkit-transform:translate(0, -45%);
	}
}
@-moz-keyframes float {
	0% {
		-moz-transform:translate(0, -45%);
	}
	50% {
		-moz-transform:translate(0, -49%);
	}
	100% {
		-moz-transform:translate(0, -45%);
	}
}
@-o-keyframes float {
	0% {
		-o-transform:translate(0, -45%);
	}
	50% {
		-o-transform:translate(0, -49%);
	}
	100% {
		-o-transform:translate(0, -45%);
	}
}
@keyframes float {
	0% {
		transform:translate(0, -45%);
	}
	50% {
		transform:translate(0, -49%);
	}
	100% {
		transform:translate(0, -45%);
	}
}

.wrap_visual .vector_set{}
.wrap_visual .vector_set .item{position:absolute;}
.wrap_visual .vector_set .item.item01{top:-108px; left:70.8%; width:532px; animation: rotate 140s linear infinite;}
.wrap_visual .vector_set .item.item02{top:77.8%; right:12.7%; width:182px; opacity:.5; animation: rotate 120s linear infinite;}
.wrap_visual .vector_set .item.item03{top:68%; right:40.4%; width:182px; animation: rotate 120s linear infinite;}
.wrap_visual .vector_set .item.item04{bottom:70%; left:1%; width:136px; animation: rotate 120s linear infinite;}

@-webkit-keyframes rotate{
	from{ -webkit-transform: rotate(-360deg); }
	to{ -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate{
	from{ -moz-transform: rotate(-360deg); }
	to{ -moz-transform: rotate(360deg); }
}
@-o-keyframes rotate{
	from{ -o-transform: rotate(-360deg); }
	to{ -o-transform: rotate(360deg); }
}
@keyframes rotate{
	from{ transform: rotate(-360deg); }
	to{ transform: rotate(360deg); }
}

.wrap_visual .title_set{display:inline-block; position:relative; padding:0 0 0 63.2%; z-index:3;}
.wrap_visual .title_set .tit{font-size:28px; color:#fff; line-height:1.4; font-weight:800;}
.wrap_visual .title_set .img_tit{padding:26px 0 45px;}
.wrap_visual .title_set .img_tit img{width:455px;}
.wrap_visual .title_set .insert{padding-bottom:82px; font-size:18px; color:#fff; line-height:1.4; font-weight:800;}

.wrap_visual .start_btn{}
.wrap_visual .start_btn a{position:relative; display:inline-block; padding:23px 0 0 52px; width:291px; height:74px; font-size:0; z-index:1;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	linear-gradient(0deg, #FF8A00, #FF8A00);
	border-radius:109px; border:3px solid #fff;
	box-shadow: 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.wrap_visual .start_btn a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:109px; z-index:-1;
	 -webkit-transition:all 0.3s ease;
	 -moz-transition:all 0.3s ease;
	 -o-transition:all 0.3s ease;
	 transition:all 0.3s ease;
	 background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	 radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	 linear-gradient(0deg, #FFAD0F, #FFAD0F);}
.wrap_visual .start_btn a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:109px; z-index:-2;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	linear-gradient(0deg, #FF8A00, #FF8A00);
}
.wrap_visual .start_btn a > span{display:inline-block; padding:0 15px 0 0; font-size:24px; font-weight:800; color:#fff;}
.wrap_visual .start_btn a > img{display:inline-block; width:14px;margin-top: -1px;}

.wrap_visual .start_btn a:hover{
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	linear-gradient(0deg, #FFAD0F, #FFAD0F);
}
.wrap_visual .start_btn a:hover:after{opacity:1;}

.in{position:relative; width:100%; height:100%; font-size:0;}

/*quiz 페이지*/
.wrap_quiz{display:block; opacity: 0;z-index: -1; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:#00B3F6 url("../images/quiz_bg.jpg") no-repeat center top; background-size:cover; overflow:hidden;}
.wrap.quiz .wrap_quiz{display:block;opacity: 1;z-index: 1;}
.wrap_quiz .navi_set{position:absolute; top:33px; left:50%; display:inline-block; width:350px; height:29px; border-radius:50px; font-size:0; background:#fff; z-index:20;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.wrap_quiz .navi_set .navi_in{position:relative; font-size:0; width:100%; height:100%;}
.wrap_quiz .navi_set .dot{display:inline-block; position:relative; width:31px; height:100%;}
.wrap_quiz .navi_set .dot:before{content:''; position:absolute; top:11px; left:50%; width:7px; height:7px; border-radius:50%; background:rgba(0, 0, 0, 0.4); z-index:2;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.wrap_quiz .navi_set .navi_in:after{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#ED8E00; z-index:1; border-radius:50px 0 0 50px;
	-webkit-transition:width 0.4s ease;
	-moz-transition:width 0.4s ease;
	-o-transition:width 0.4s ease;
	transition:width 0.4s ease;
}
.wrap_quiz.set01 .navi_set .navi_in:after{width:31px;}
.wrap_quiz.set02 .navi_set .navi_in:after{width:62px;}
.wrap_quiz.set03 .navi_set .navi_in:after{width:93px;}
.wrap_quiz.set04 .navi_set .navi_in:after{width:124px;}
.wrap_quiz.set05 .navi_set .navi_in:after{width:155px;}
.wrap_quiz.set06 .navi_set .navi_in:after{width:186px;}
.wrap_quiz.set07 .navi_set .navi_in:after{width:217px;}
.wrap_quiz.set08 .navi_set .navi_in:after{width:248px;}
.wrap_quiz.set09 .navi_set .navi_in:after{width:279px;}
.wrap_quiz.set10 .navi_set .navi_in:after{width:100%; border-radius:50px;}

.wrap_quiz .navi_set .ellipse{content:''; position:absolute; top:-25%; left:0; width:40px; height:40px; z-index:3;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.wrap_quiz.set01 .navi_set .ellipse{left:calc(31px - 15.5px);}
.wrap_quiz.set02 .navi_set .ellipse{left:calc(62px - 15.5px);}
.wrap_quiz.set03 .navi_set .ellipse{left:calc(93px - 15.5px);}
.wrap_quiz.set04 .navi_set .ellipse{left:calc(124px - 15.5px);}
.wrap_quiz.set05 .navi_set .ellipse{left:calc(155px - 15.5px);}
.wrap_quiz.set06 .navi_set .ellipse{left:calc(186px - 15.5px);}
.wrap_quiz.set07 .navi_set .ellipse{left:calc(217px - 15.5px);}
.wrap_quiz.set08 .navi_set .ellipse{left:calc(248px - 15.5px);}
.wrap_quiz.set09 .navi_set .ellipse{left:calc(279px - 15.5px);}
.wrap_quiz.set10 .navi_set .ellipse{left:calc(310px - 15.5px);}


.wrap_quiz .dis_table_cell{position:relative;}

.wrap_quiz .cont_set{position:relative; height:558px;}
.wrap_quiz .cont_set .item{position:absolute; top:50%; left:50%; /*height:100%;*/ opacity:1;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.wrap_quiz .cont_set .item img{width:auto;}
.wrap_quiz .cont_set .item .txt{position:absolute; bottom:0; left:0; width:100%; padding:0 0 58px 0; font-size:24px; color:#2d2d2d; font-weight:800; line-height:1.35;}
.wrap_quiz .cont_set .item .txt .col{font-size:inherit; color:#00B3F6; line-height:inherit; font-weight:inherit; vertical-align:baseline;}
.wrap_quiz .cont_set .item.item01{transform:translate(-50%, -55%) rotate(-4deg); z-index:10;}
.wrap_quiz .cont_set .item.item02{transform:translate(-50%, -55%) rotate(5deg);  z-index:9;}
.wrap_quiz .cont_set .item.item03{transform:translate(-50%, -55%) rotate(0deg);  z-index:8;}
.wrap_quiz .cont_set .item.item04{transform:translate(-50%, -55%) rotate(-4deg);  z-index:7;}
.wrap_quiz .cont_set .item.item05{transform:translate(-50%, -55%) rotate(5deg);  z-index:6;}
.wrap_quiz .cont_set .item.item06{transform:translate(-50%, -55%) rotate(0deg);  z-index:5;}
.wrap_quiz .cont_set .item.item07{transform:translate(-50%, -55%) rotate(-4deg);  z-index:4;}
.wrap_quiz .cont_set .item.item08{transform:translate(-50%, -55%) rotate(5deg);  z-index:3;}
.wrap_quiz .cont_set .item.item09{transform:translate(-50%, -55%) rotate(0deg);  z-index:2;}
.wrap_quiz .cont_set .item.item10{transform:translate(-50%, -55%) rotate(-4deg);  z-index:1;}

.wrap_quiz.set02 .cont_set .item.item01,
.wrap_quiz.set04 .cont_set .item.item03,
.wrap_quiz.set06 .cont_set .item.item05,
.wrap_quiz.set08 .cont_set .item.item07,
.wrap_quiz.set10 .cont_set .item.item09{transform:translate(-200%, -55%) rotate(0deg); opacity:0;}
.wrap_quiz.set03 .cont_set .item.item02,
.wrap_quiz.set05 .cont_set .item.item04,
.wrap_quiz.set07 .cont_set .item.item06,
.wrap_quiz.set09 .cont_set .item.item08{transform:translate(100%, -55%) rotate(0deg); opacity:0;}


.wrap_quiz .btn_set{position:absolute; bottom:-100px; left:0; width:100%; font-size:0;}
.wrap_quiz .btn_set button{position:relative; display:inline-block; width:175px; height:81px; font-size:0; z-index:1;
	border-radius:109px; border:3px solid #fff;
	box-shadow: 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.wrap_quiz .btn_set button:first-child{margin-right:77px;}
.wrap_quiz .btn_set button:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:109px; z-index:-1;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #FF8A00;
}
.wrap_quiz .btn_set button:before{
	content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:109px; z-index:-2;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #000000;
}
.wrap_quiz .btn_set button > img{width:auto;}
.wrap_quiz .btn_set button:hover:after{opacity:1;}


.btn_back{position:absolute; bottom:60px; left:60px; width:78px; height:81px; text-align:center; z-index:2;}
.btn_back a{position:relative; display:inline-block; width:100%; height:100%; font-size:0; z-index:1;
	padding:24px 0 0 0;
	border-radius:20px;
	border:3px solid #fff;
	box-shadow: 0 10px 0 rgba(0, 0, 0, 0.25);
}
.btn_back a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:20px; z-index:-1;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #0FD4FF;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.btn_back a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:20px; z-index:-2;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #00B3F6;
}
.btn_back a > span{display:inline-block; padding:0 44px 0 0; font-size:24px; font-weight:800; color:#fff;}
.btn_back img{width:auto;}
.btn_back a:hover:after{opacity:1;}
/*quiz 페이지*/


/*배경 애니메이션 quiz,bridge 공통*/
.vector_com .vector_set .item{position:absolute;}
.vector_com .vector_set .item.item01{top:27%; left:4.7%; width:91px; opacity:.4; animation: rotate 120s linear infinite;}
.vector_com .vector_set .item.item02{top:10.9%; right:-2.8%;  width:91px; opacity:.4; animation: rotate 120s linear infinite;}
.vector_com .vector_set .item.item03{bottom:-2.08%; right:7.56%;  width:91px; opacity:.4; animation: rotate 110s linear infinite;}
.vector_com .vector_set .item.item04{top:-1.5%; left:28.9%;  width:84px; opacity:.4; animation: rotate 100s linear infinite;}
.vector_com .vector_set .item.item05{bottom:10%; left:13.1%;  width:84px; opacity:.4; animation: rotate 120s linear infinite;}
.vector_com .vector_set .item.item06{top:42%; right:10.2%;  width:84px; opacity:.4; animation: rotate 100s linear infinite;}
/*배경 애니메이션 quiz,bridge 공통*/


/*bridge 페이지*/
.wrap_bridge{display:block;opacity: 0;z-index: -1; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:#00B3F6 url("../images/quiz_bg.jpg") no-repeat center top; background-size:cover; overflow:hidden;}
.wrap.bridge .wrap_bridge{display:block;opacity: 1;z-index: 1;}
.wrap_bridge .title_set{padding:0 0 278px;}
.wrap_bridge .title_set .tit{padding-bottom:24px; font-size:28px; color:#fff; line-height:1.4; font-weight:800;}
.wrap_bridge img{width:auto;}
/*bridge 페이지*/
.wrap_bridge .character{position:absolute; top:55.22%; left:0; width:6724px; font-size:0; z-index:2;
	/*transform:translate(0, -50%);*/
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
.wrap_bridge .character img{}

@-webkit-keyframes marquee {
	from   { -webkit-transform: translate(0%);}
	100%,to { -webkit-transform: translate(-25%);}
}
@-moz-keyframes marquee {
	from   { -moz-transform: translate(0%);}
	100%,to { -moz-transform: translate(-25%);}
}
@-o-keyframes marquee {
	from   { -o-transform: translate(0%);}
	100%,to { -o-transform: translate(-25%);}
}
@keyframes marquee {
	from   { transform: translate(0%);}
	100%,to { transform: translate(-25%);}
}


/*result 페이지*/
/*.wrap.result .wrap_visual{display:none;}*/
.wrap.result .wrap_fixed{position:relative; background:#fff;}
.wrap.result .wrap_fixed .logo_set,
.wrap.result .wrap_fixed .caster{position:absolute;}
.wrap.result .wrap_fixed .logo_set a img.sky{opacity:1;}
.wrap.result .wrap_fixed .caster img.sky{opacity:1;}
.wrap.result .wrap_fixed .title_set .tit.result{display:block;}
.wrap.result .wrap_fixed .title_set .tit.answer{display:none;}

.wrap_result{display:block;opacity: 0;z-index: -1; position:absolute; top:0; left:0; width:100%; height: 100%; background:#00B3F6 url("../images/vector_top_bg.png") no-repeat center top -282px; background-size:100%;}
.wrap.result .wrap_result{display:block;opacity: 1;z-index: 1;}
.wrap_result .result_set{display:none; padding:462px 0 113px 0; text-align:center;}
.wrap_result .result_wrap{position: relative;margin-bottom: 113px;}
.wrap_result.set01 .result_set.result01,
.wrap_result.set02 .result_set.result02,
.wrap_result.set03 .result_set.result03,
.wrap_result.set04 .result_set.result04,
.wrap_result.set05 .result_set.result05{display:block;}
.wrap_result .result_set .cont_box{display:inline-block; position:relative; padding:107px 66px 70px; width:840px; font-size:0; text-align:left; background:#f2f2f2; border-radius:35px; z-index:1; box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.25);}
.wrap_result .result_set .cont_box:before{content:''; position:absolute; top:-10px; left:0; width:100%; height:100%; background:#fff; border-radius:34px; z-index:-1;}
.wrap_result .result_set .cont_box .character_set{position:absolute;  /*left:154px; width:585px; height:347px;*/ }
.wrap_result .result_set.result01 .cont_box .character_set{bottom:calc(100% - 65px); left:154px; width:585px; height:347px;}
.wrap_result .result_set.result02 .cont_box .character_set{bottom:calc(100% - 56px); left:117px; width:605px; height:320px;}
.wrap_result .result_set.result03 .cont_box .character_set{bottom:calc(100% - 60px); left:178px; width:573px; height:330px;}
.wrap_result .result_set.result04 .cont_box .character_set{bottom:calc(100% - 54px); left:153px; width:550px; height:349px;}
.wrap_result .result_set.result05 .cont_box .character_set{bottom:calc(100% - 42px); left:44px; width:705px; height:331px;}
.wrap_result .result_set .cont_box .character_set .character{animation: float_character 6s ease-in-out infinite;}
.wrap_result .result_set.result01 .cont_box .character_set .character{padding:0 0 0 136px;}
.wrap_result .result_set.result02 .cont_box .character_set .character{padding:0 0 0 116px;}
.wrap_result .result_set.result03 .cont_box .character_set .character{padding:0 0 0 61px;}
.wrap_result .result_set.result04 .cont_box .character_set .character{padding:0 0 0 139px;}
.wrap_result .result_set.result05 .cont_box .character_set .character{padding:0 0 0 159px;}
.wrap_result .result_set .cont_box .character_set .deco{position:absolute; top:0; left:0; width:100%; height:100%;}
.wrap_result .result_set.result01 .cont_box .character_set .deco{padding:18px 0 0 0;}
.wrap_result .result_set.result02 .cont_box .character_set .deco{padding:11px 0 0 0;}
.wrap_result .result_set.result03 .cont_box .character_set .deco{padding:31px 0 0 0;}
.wrap_result .result_set.result04 .cont_box .character_set .deco{padding:12px 0 0 0;}
.wrap_result .result_set.result05 .cont_box .character_set .deco{padding:13px 0 0 0;}
@-webkit-keyframes float_character {
	0% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(4%);
	}
	100% {
		-webkit-transform:translateY(0);
	}
}
@-moz-keyframes float_character {
	0% {
		-moz-transform:translateY(0);
	}
	50% {
		-moz-transform:translateY(4%);
	}
	100% {
		-moz-transform:translateY(0);
	}
}
@-o-keyframes float_character {
	0% {
		-o-transform:translateY(0);
	}
	50% {
		-o-transform:translateY(4%);
	}
	100% {
		-o-transform:translateY(0);
	}
}
@keyframes float_character {
	0% {
		transform:translateY(0);
	}
	50% {
		transform:translateY(4%);
	}
	100% {
		transform:translateY(0);
	}
}
.wrap_result .result_set .cont_box .tit{display:inline-block; width:337px; vertical-align:top;}
.wrap_result .result_set img{width:auto;}
.wrap_result .result_set .cont_box .insert_set{display:inline-block; padding:4px 0 0 0; width:calc(100% - 337px); vertical-align:top; word-break:keep-all;}
.wrap_result .result_set .cont_box .insert_set .tag_set{font-size:0;}
.wrap_result .result_set .cont_box .insert_set .tag_set p{display:inline-block; margin:0 8px 0 0; padding:3px 15px 0 15px; height:30px; font-size:18px; color:#00B3F6; line-height:1.4; font-weight:800; border:1px solid #00B3F6; border-radius:15px; box-shadow: 0 3px 0 0 rgba(0, 179, 246, .5);}
.wrap_result .result_set .cont_box .insert_set .insert{padding:44px 0 0 0; font-size:16px; line-height:1.6; font-weight:700;}

.event_btn{position:sticky; bottom:40px; left:0; width:100%; height:74px; text-align:center; z-index:2; margin-top: -153px;}
.event_btn a{position:relative; display:inline-block; padding:23px 0 0 52px; width:406px; height:100%; font-size:0; z-index:1;
	border-radius:109px;
	border:3px solid #fff;
	box-shadow: 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.event_btn a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:109px; z-index:-1;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	linear-gradient(0deg, #FFAD0F, #FFAD0F);}
.event_btn a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:109px; z-index:-2;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	linear-gradient(0deg, #FF8A00, #FF8A00);
}
.event_btn a > span{display:inline-block; padding:0 44px 0 0; font-size:24px; font-weight:800; color:#fff;}
.event_btn > img{display:inline-block; width:14px;}
.event_btn a:hover:after{opacity:1;}

.event_btn a.link {display: none;}
.wrap.link .event_btn a.next {display: none;}
.wrap.link .event_btn a.link {display: inline-block;}

/*result 페이지*/

.wrap_footer{position:relative; min-width:1280px; height:300px; text-align:center; background:#fff; overflow:hidden;}
.wrap_footer .f_logo a{display:inline-block;}
.wrap_footer .add{padding:29px 0 6px; font-size:14px; color:#2CAEFF; line-height:22px; font-weight:400; font-family: 'Pretendard';}
.wrap_footer .copy{font-size:14px; color:#2CAEFF; line-height:22px; font-weight:400; font-family: 'Pretendard';}




/*문제 해설*/
/*.wrap.answers .wrap_visual{display:none;}*/
.wrap.answers .wrap_fixed .logo_set,
.wrap.answers .wrap_fixed .caster{position:absolute;}
.wrap.answers .wrap_fixed .logo_set a img.sky{opacity:1;}
.wrap.answers .wrap_fixed .caster img.sky{opacity:1;}
.wrap.answers .wrap_fixed{position:relative; background:#fff;}
.wrap.answers .wrap_fixed .title_set .tit.result{display:none;}
.wrap.answers .wrap_fixed .title_set .tit.answer{display:block;}

.wrap_answers{display:block;opacity: 0;z-index: -1; position:absolute; top:0; left:0; padding:0; width:100%; height: 100%; text-align:center; background:#00B3F6 url("../images/vector_top_bg.png") no-repeat center top 0; background-size:100%;}
.wrap.answers .wrap_answers{display:block;opacity: 1;z-index: 1;}
.wrap_answers .cont_set{display:inline-block; position:relative; padding:70px; margin-top: 382px;margin-bottom:127px; width:840px; text-align:left; background:#fff; border-radius:35px;}
.wrap_answers .cont_set .tit{position:absolute; top:-200px; left:153px; width:auto;}

.wrap_answers .faq_box .title{display: table; position:relative; padding:30px 30px 21px 6px; width: 100%; height:auto; background:#fff; cursor: pointer; margin-top:1px; border-top:2px solid #00b3f6; border-right:none; border-left:none; border-bottom:none; word-break:keep-all;}
.wrap_answers .faq_box h3.title.mark_o .q:before{content:''; position:absolute; top:-7px; left:-13.5px; width:57px; height:55px; background:url("../images/marking_o.png") no-repeat 0 0; background-size:auto; z-index:2;}
.wrap_answers .faq_box h3.title.mark_x .q:before{content:''; position:absolute; top:-6px; left:-6px; width:41px; height:53px; background:url("../images/marking_x.png") no-repeat 0 0; background-size:auto; z-index:2;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border:none;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border:none; border-radius:0;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-radius: 0;}
.wrap_answers .faq_box h3.title .ui-icon{position:absolute; top:41px; right:0; width:27px; height:16px; background: url("../images/ico_answers_arw.png") no-repeat 0 0; background-size: auto;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.wrap_answers .faq_box h3.title.ui-state-active .ui-icon{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.wrap_answers .faq_box h3.title .q{display:table-cell; position:relative; width:71px; font-size:32px; color:#00b3f6; font-weight:900; font-family: 'M PLUS Rounded 1c', sans-serif; vertical-align:top;}
.wrap_answers .faq_box h3.title .act{display:table-cell; padding:2px 0 0 0; font-size:24px; color:#00b3f6;  font-weight:800; line-height:1.35;}
.wrap_answers .faq_box .insert{position:relative; padding:0 6px 56px; background:#fff; border:0; word-break:keep-all;}
.wrap_answers .faq_box .insert > p{position:relative; padding:0 0 0 71px; font-size:16px; color:#000; font-weight:700; line-height:1.6;}
.wrap_answers .faq_box .insert > p .col{display:block; font-size:inherit; color:#00b3f6; letter-spacing:inherit; line-height:inherit; font-weight:inherit;}
.wrap_answers .faq_box .insert > p a{display:block; font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; font-weight:inherit;}
.wrap_answers .faq_box .insert > p:before{position:absolute; top:0; left:0; content:'A'; font-size:32px; color:#00b3f6; font-weight:900; line-height:32px; font-family: 'M PLUS Rounded 1c', sans-serif;}

.btn_share{position:absolute; bottom:-40px; left:0; width:100%; height:80px; text-align:center; z-index:2;}
.btn_share a{position:relative; display:inline-block; padding:28px 0 0 52px; width:291px; height:100%; font-size:0; z-index:1;
	border-radius:109px;
	border:3px solid #fff;
	box-shadow: 0 10px 0 rgba(0, 0, 0, 0.25);
}
.btn_share a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:109px; z-index:-1;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	linear-gradient(0deg, #FFAD0F, #FFAD0F);}
.btn_share a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:109px; z-index:-2;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%),
	radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%),
	linear-gradient(0deg, #FF8A00, #FF8A00);
}
.btn_share a > span{display:inline-block; padding:0 44px 0 0; font-size:24px; font-weight:800; color:#fff;}
.btn_share > img{display:inline-block; width:14px;}
.btn_share a:hover:after{opacity:1;}
/*문제 해설*/



/*굿즈 팝업*/
.popup_set{
	position:fixed; top:0; left:0;
	text-align:center;
	width:100%; height:100%;
	opacity:0; z-index:-1;
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow-y: auto;
}
.popup_set.show{opacity:1; z-index:100;}
.popup_set .in{
	position:absolute; top:50%; left:50%; text-align:left;
	background:#fff; border-radius:35px;
	-webkit-transform:translate(-50%, 100%);
	-moz-transform:translate(-50%, 100%);
	-o-transform:translate(-50%, 100%);
	transform:translate(-50%, 100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.popup_set.show .in{
	z-index:101;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.popup_set.goods .in{width:925px; height:658px; max-height:704px;padding:55px 20px 30px 59px;}
.popup_set.goods .bg{border-radius: 0;}
.popup_set.goods .bg.scroll-content{}
.popup_set.goods .bg:before{display: none;}
.popup_set .bg{position:relative; width:100%;height:100%;background:#fff;border-radius:35px; font-size:0;}
.popup_set .bg:before{content:''; position:absolute; top:10px; left:0; width:100%; height:100%; background:#f2f2f2; box-shadow: 0 10px 0 rgba(0, 0, 0, 0.25); border-radius:35px; z-index:-1;}
.popup_set.goods .s_tit{padding-bottom:21px; font-size:18px; color:#2d2d2d;line-height:1.4; font-weight:800;}
.popup_set.goods .tit{padding:0 0 20px;}
.popup_set.goods .tit img{width:auto;}
.popup_set.goods .form_set{display:inline-block; width:396px;}
.popup_set .btn_close{position:absolute; top:24px; right:24px; font-size:0; padding:0; margin:0; outline:0;}
.popup_set.goods .form_set .form_group:not(:last-child){padding-bottom:18px;}
.popup_set.goods .form_set .form_group.g_chk{padding-top:12px;}
.popup_set.goods .form_set .form_group label{display:block;position:relative; margin-bottom:8px; font-size:0;}
.popup_set.goods .form_set .form_group.g_chk label{margin-bottom:0;}
.popup_set.goods .form_set .form_group label span{display:inline-block;}
.popup_set.goods .form_set .form_group label span.ko{padding-right:6px; font-size:16px; color:#2d2d2d; line-height:25px; font-weight:800; vertical-align:bottom;}
.popup_set.goods .form_set .form_group label span.eg{font-size:12px; color:#2d2d2d; line-height:25px; font-weight:800; vertical-align:bottom;}
.popup_set.goods .form_set .form_group input{padding:0 16px; width:100%; height:46px; font-size:14px; color:#2d2d2d; font-family: 'NanumSquareRound'; font-weight:800; background:#f6f6f6; box-sizing:border-box; outline:0; border:0; border-radius:9px;}
.popup_set.goods .form_set .form_group input::placeholder{font-size:14px; color:#c4c4c4; font-weight:400;}
.popup_set.goods .form_set .form_group .line{display:block; font-size:0;}
.popup_set.goods .form_set .form_group .line:not(:last-child){margin-bottom:10px;}
.popup_set.goods .form_set .form_group .line.adr_line input{width:calc(100% - 141px);}
.popup_set.goods .form_set .form_group .btn_find{display:inline-block; margin-left:12px; width:129px; height:46px; font-size:14px; color:#fff; font-weight:800; background:#00b3f6; border-radius:9px; vertical-align:baseline;}
.popup_set.goods .form_set .form_group.g_chk label{display:inline-block; cursor:pointer;}
.popup_set.goods .form_set .form_group .required[type="checkbox"]{
	position:relative; display:inline-block; margin:0 6px 0 0; width:20px; height:20px; outline:0; padding:0;
	background:#fff;vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
.popup_set.goods .form_set .form_group .required[type="checkbox"] + .chk{
	position:absolute; top:0; left:0; width:20px; height:20px;
	background:#00b3f6; border-radius:3px;
	cursor: pointer;
}
.popup_set.goods .form_set .form_group .required[type="checkbox"]:checked + .chk
{
	background:#00b3f6 url('../images/ico_check.png') no-repeat center center;
	background-size:auto;
}
.popup_set.goods .form_set .form_group .agree_txt{font-size:14px; color:#5b5b5b; font-weight:800;}
.popup_set.goods .form_set .form_group .btn_privacy{display: inline-block;padding: 0 8px;font-size:12px; color:#a6a6a6; line-height: 18px; font-weight:400;border-radius: 13px;border: 1px solid #a6a6a6;margin-bottom: 8px;vertical-align: top;}
.popup_set.goods .form_set .form_group .btn_privacy_detail{position: relative;display: inline-block;padding: 0 22px 0 8px;margin-left: 8px;font-size:12px; color:#fff; background: #00B3F6; line-height: 20px; font-weight:700;border-radius: 5px;vertical-align: baseline;}
.popup_set.goods .form_set .form_group .btn_privacy_detail:after {content: '';position: absolute;top: 50%;right: 8px;width: 8px; height: 4px;background: url('../images/icn_arrow_down.png') no-repeat center center;
	-webkit-transform:translateY(-50%) rotate(0deg);
	-moz-transform:translateY(-50%) rotate(0deg);
	-o-transform:translateY(-50%) rotate(0deg);
	transform:translateY(-50%) rotate(0deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.popup_set.goods .form_set .form_group .btn_privacy_detail.on:after{
	-webkit-transform:translateY(-50%) rotate(180deg);
	-moz-transform:translateY(-50%) rotate(180deg);
	-o-transform:translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg);
}

.popup_set.goods .form_set .form_group .w146 {width: 140px;vertical-align: middle;}
.popup_set.goods .form_set .form_group .w122 {width: 130px;vertical-align: middle;}
.popup_set.goods .form_set .form_group .ui-selectmenu-button.ui-button {width: 102px;height: 46px; padding: 5px 5px 0 10px;font-size: 14px;color: #2d2d2d;font-family: 'NanumSquareRound';font-weight: 800;background: #f6f6f6;box-sizing: border-box;outline: 0;border: 0;border-radius: 9px;vertical-align: middle;}
.popup_set.goods .form_set .form_group .ui-icon-triangle-1-s {width: 25px; height: 34px; background: url('../images/icn_selectbox.png') no-repeat center right;}
.popup_set.goods .form_set .form_group .ui-selectmenu-text {font-size: 14px; line-height: 34px;font-weight: 400;color: #c4c4c4;}
.ui-selectmenu-menu .ui-menu-item-wrapper {font-size: 14px; line-height: 34px;font-weight: 400;color: #c4c4c4;}
.ui-selectmenu-menu .ui-widget.ui-widget-content {border: 1px solid #f6f6f6;border-radius: 9px;}
.ui-selectmenu-menu .ui-state-active {background: #00B3F6;color: #fff;}
.ui-selectmenu-menu .ui-menu {max-height: 160px;}

.popup_set.goods .form_set .detail_box {width: 360px;padding: 33px 40px 18px 40px;background: #F7F7F7; border-radius: 9px;margin-bottom: 20px;}
.popup_set.goods .form_set .detail_box ul {}
.popup_set.goods .form_set .detail_box ul li {font-size: 0;padding-bottom: 6px;}
.popup_set.goods .form_set .detail_box ul li span.tit {display: inline-block; font-family: 'NanumSquareRound';font-weight: 700;font-size: 14px;line-height: 25px;color: #000000; vertical-align: baseline;padding: 0 0 0 5px;width: 98px;}
.popup_set.goods .form_set .detail_box ul li span.txt {display: inline-block; font-family: 'NanumSquareRound';font-weight: 400;font-size: 14px;line-height: 25px;color: #000000; vertical-align: baseline;padding: 0;}
.popup_set.goods .form_set .detail_box hr {position: relative; top: auto;left: auto;display:block; visibility: visible;width: 100%; height: 1px;margin: 14px 0 18px 0; font-size: 0;line-height: 0;border: 0;background: #5B5B5B;opacity: 0.5;}
.popup_set.goods .form_set .detail_box p.ps {position: relative;font-family: 'NanumSquareRound';font-weight: 700;font-size: 14px;line-height: 19px;color: #000000; vertical-align: baseline;padding: 0 0 15px 22px;}
.popup_set.goods .form_set .detail_box p.ps:before {content: '※';position: absolute;top: 0;left: 0;font-family: 'NanumSquareRound';font-weight: 700;font-size: 14px;line-height: 19px;color: #000000;}

.popup_set.goods .goods_img{display:inline-block; margin:-30px 0 0 50px; vertical-align:top;}
.popup_set.goods .goods_img .txt_goods{padding:12px 0 0 0; text-align:center;}
.popup_set.goods .goods_img .txt_goods > span{display:inline-block; padding:0 15px; font-size:18px; color:#00b3f6; line-height:30px; font-weight:800; border-radius:15px; border:1px solid #00b3f6; /*box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);*/}

.popup_set.goods .goods_img .ps {display:inline-block; width: 100%; padding:16px 0 0 0; font-size:14px; color:#c4c4c4; line-height:19px; font-weight:400; text-align: center;}

.btn_confirm{position:absolute; bottom:0; left:50%; width:242px; height:74px; border-radius:109px; text-align:center; z-index:2;
	-webkit-transform:translate(-50%, calc(50% + 10px));
	-moz-transform:translate(-50%, calc(50% + 10px));
	-o-transform:translate(-50%, calc(50% + 10px));
	transform:translate(-50%, calc(50% + 10px));
}
.btn_confirm a{position:relative; display:inline-block; padding:22px 0 0 52px; width:100%; height:100%; font-size:0; z-index:1;
	border-radius:109px;
	border:3px solid #fff;
	box-shadow: 0 10px 0 rgba(0, 0, 0, 0.25);
}
.btn_confirm a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:109px; z-index:-1;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #0FD4FF;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;

}
.btn_confirm a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:109px; z-index:-2;
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.115) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #00B3F6;
}
.btn_confirm a > span{display:inline-block; padding:0 44px 0 0; font-size:24px; font-weight:800; color:#fff;}
.btn_confirm > img{display:inline-block; width:14px;}
.btn_confirm a:hover:after{opacity:1;}
/*굿즈 팝업*/


/*share 팝업*/
.popup_set.share .in{width:442px; height:331px; max-height:331px; text-align:center;}
.popup_set.share .bg{padding:10px 0 0 0;}
.popup_set.share .btn_close{top:30px; right:30px; width:24px;}
.popup_set.share .item{position: relative;display:inline-block; padding:0 29px;}
.popup_set.share .item a{display:block;}
.popup_set.share .item > span.txt{display:block; padding-top:27px; font-size:18px; color:#2d2d2d; line-height:1.4; font-weight:800;}
.popup_set.share .item > span.tooltip{position: absolute;display:block; font-size:18px; color:#fff; font-weight:800;background: #000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -140%);
	white-space: nowrap;
	padding: 10px 20px;
	border-radius: 20px;
	line-height: 20px;
	z-index: -1;
	opacity: 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.popup_set.share .item > span.tooltip.show {opacity: 1;z-index: 2;}
/*share 팝업*/

@media all and (max-width:1440px) {
	.wrap_visual .character_set .item {width: 56.25%;right: auto;left: 20px;}
}
@media all and (max-width:1280px){

	.wrap_visual .character_set .item {width: 50.78%;right: 43.4%;left: auto;}

	.wrap_visual .title_set{padding: 0 0 0 60%;}
	.wrap_visual .title_set .tit{font-size:24px; line-height:1.35;}
	.wrap_visual .title_set .img_tit{padding:13px 0 36px;}
	.wrap_visual .title_set .insert{font-size:16px; line-height:1.6;}
	.wrap_visual .title_set .img_tit img{width:378px;}
}


.wrap_result .scrollbar-inner > .scroll-element.scroll-y{
	border: none;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .3);
	border-radius: 4px;
}
.wrap_result .scrollbar-inner > .scroll-element .scroll-bar{left:0;}
.wrap_result .scrollbar-inner > .scroll-element .scroll-bar {background-color: #3d3d3d;}
.wrap_result .scrollbar-inner > .scroll-element:hover .scroll-bar {background-color: #000;}


.wrap_scroll_common > .scroll-element,
.wrap_scroll_common > .scroll-element div {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.wrap_scroll_common > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.wrap_scroll_common > .scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%;
}

.wrap_scroll_common > .scroll-element.scroll-y {
	height: 100%;
	right: 2px;
	top: 0;
	width: 8px;
}

.wrap_scroll_common > .scroll-element .scroll-element_outer {
	overflow: hidden;
}

.wrap_scroll_common > .scroll-element .scroll-element_outer,
.wrap_scroll_common > .scroll-element .scroll-element_track,
.wrap_scroll_common > .scroll-element .scroll-bar {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.wrap_scroll_common > .scroll-element .scroll-element_track,
.wrap_scroll_common > .scroll-element .scroll-bar {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.wrap_scroll_common > .scroll-element .scroll-element_track {
	background-color: #e0e0e0;
}

.wrap_scroll_common > .scroll-element .scroll-bar {
	background-color: #000;
}

.wrap_scroll_common > .scroll-element:hover .scroll-bar {
	background-color: #919191;
}

.wrap_scroll_common > .scroll-element.scroll-draggable .scroll-bar {
	background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.wrap_scroll_common > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -12px;
}

.wrap_scroll_common > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -12px;
}

.wrap_scroll_common > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -12px;
}

.wrap_scroll_common > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -12px;
}

.blur {
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	-webkit-filter: url(#blur-filter);
	filter: url(#blur-filter);
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.loader {
	color: #42d0ff;
	font-size: 20px;
	margin: 100px auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load4 {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}
@keyframes load4 {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}


.loading_set{position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background-color: rgba(0, 0, 0, .7); opacity:0; z-index:-1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.loading_set.show{opacity:1; z-index:99999;}
.loading_set .loading_in {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.loading_set .loading_in .tit{margin-top:32px; padding-bottom:4px; font-size:13px; color:#fff; letter-spacing:1px; line-height:20px; font-family: 'Space Grotesk', sans-serif; font-weight:700; opacity:0.5;}
.loading_set .loading_in .s_tit{font-size:18px; color:#fff; letter-spacing:-0.25px; line-height:27px; font-weight:700;}