@charset "utf-8";
* {letter-spacing:-0.025em;word-spacing:-0.025em;word-break:keep-all;}

html {-webkit-print-color-adjust:exact;}
img {max-width:100%;}

@page {size:A3;}
@media print {body {padding:10px;}}


#wrap {overflow:hidden;padding-top:87px;}
#header {position:fixed;left:0;top:0;width:100%;z-index:1000;box-sizing:border-box;padding:0 10px;overflow:hidden;height:87px;transition:0.3s; background-color: #fff !important;}
#header .inner {text-align:center;padding:0 95px 0 177px;}
#header .logo {position:absolute;left:10px;top:19px;width:200px;height:47px;}
#header .logo a {display:block;width:100%;height:100%;text-indent:-9999px;background:url(../images/logo.png) no-repeat 0 50%;background-size:contain;}

#header .lang {position:absolute;right:60px;top:23px;}
#header .lang > a {display:none;}
#header .lang > span {display:block;position:relative;padding-right:20px;font-size:13px;font-weight:500;cursor:pointer;}
#header .lang > span:after {content:"\f107";font-family:axicon;position:absolute;right:0;top:50%;line-height:1em;margin-top:-0.5em;font-weight:normal;}
#header .lang div {position:absolute;left:50%;width:120px;margin-left:-70px;top:100%;padding-top:9px;text-align:center;display:none;}
#header .lang div ul {border:1px solid #ddd;background:#fff;padding:0 5px;}
#header .lang div ul li ~ li {border-top:1px solid #ddd;}
#header .lang div ul li a {display:block;padding:6px 0;color:#999;font-size:12px;}
#header .lang:hover > span {color:#000;}
#header .lang:hover > span:after {content:"\f106";}
#header .lang:hover div {display:block;}
#header .lang div ul li a:hover {color:#000;}
#header .lang p.user {font-size: 18px;
    float: right;
    margin-right: 10px;
    margin-top: 10px; font-weight:600;
}
#header .lang p.user a{font-size: 18px;
    color: #255eff;
}

#header .lang p.logout {cursor: pointer; float:right; margin-top:14px;}
#header .lang p.logout a {    color: #585858;
    padding: 5px 20px;
    border: 1px solid #bbb;}
#header .lang p.login {padding: 10px 40px;background: #f60;font-size: 20px; color:#fff; cursor: pointer; float:right; margin-right: 10px; font-weight:600}
#header .lang p.register {padding: 12px 11px;
    border: 1px solid #f60;
    font-size: 15px;
    color: #f60;
    cursor: pointer;
    float: right;}
#header .menu {border:none;background:none;width:25px;height:21px;position:absolute;right:10px;top:34px;}
#header .menu:before,
#header .menu:after {content:"";display:block;position:absolute;left:0;width:100%;height:3px;background:#000;transition:0.3s;}
#header .menu:before {top:0;}
#header .menu:after {bottom:0;}
#header .menu span {display:block;width:100%;height:3px;background:#000;position:absolute;left:0;top:50%;margin-top:-1.5px;transition:0.3s;}

#header .gnb {display:inline-block; margin-right:100px;}
#header .gnb > li {display:inline-block;vertical-align:top;box-sizing:border-box;}
#header .gnb > li > a {display:block;font-size:19px;font-weight:500;height:87px;line-height:89px;color:#000;padding:0 40px;}
#header .gnb .float {display:none;position:absolute;left:0;top:87px;background:#fff;width:100%;height:380px;box-sizing:border-box;padding:0 10px;}
#header .gnb .float:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:1px;background:#c2c2c2;}
#header .gnb .float .wrap {max-width:1200px;height:100%;margin:0 auto;position:relative;box-sizing:border-box;padding:33px 0 0 280px;}
#header .gnb .float .wrap:before {content:"";display:block;position:absolute;right:50%;top:0;margin-right:360px;height:100%;background:url(../images/gnb-bg.jpg) no-repeat 100% 0;width:614px;}
#header .gnb .float .wrap .tit {position:absolute;left:-10px;top:105px;text-align:left;}
#header .gnb .float .wrap .tit > * {display:block;color:#fff;}
#header .gnb .float .wrap .tit strong {font-size:42px;font-weight:normal;}
#header .gnb .float .wrap .tit span {font-size:20px;}
#header .gnb .float .wrap .tit em {font-size:14px;color:rgba(255,255,255,0.4);line-height:1.6em;margin-top:40px;letter-spacing:-0.05em;word-spacing:-0.025em;}
#header .gnb .float .wrap > ul {font-size:0;margin:0 -14px -40px;text-align:left;}
#header .gnb .float .wrap > ul > li {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding:0 14px;box-sizing:border-box;text-align:center;margin-bottom:40px;}
#header .gnb .float .wrap > ul > li > a {display:block;}
#header .gnb .float .wrap > ul > li > a > * {display:block;}
#header .gnb .float .wrap > ul > li > a > span {font-size:17px;font-weight:300;margin-top:15px;color:#333;}

#header .gnb .gnb1 .float .wrap > ul > li > a > span {text-align:left;display:block;max-width:145px;margin-left:auto;margin-right:auto;box-sizing:border-box;position:relative;}
#header .gnb .gnb1 .float .wrap > ul > li > a > span:before {content:"";width:18px;height:18px;position:absolute;right:0;top:50%;margin-top:-9px;background:url(../images/gnb-onoff.gif) no-repeat;}
#header .gnb .gnb1 .float .wrap > ul > li > ul {text-align:left;max-width:145px;margin:0 auto;padding-top:10px;display:none;}
#header .gnb .gnb1 .float .wrap > ul > li > ul > li ~ li {margin-top:7px;}
#header .gnb .gnb1 .float .wrap > ul > li > ul > li > a {font-size:16px;font-weight:300;}
#header .gnb .gnb1 .float .wrap > ul > li.on > a > span:before {background-position:0 -18px;}
#header .gnb .gnb1 .float .wrap > ul > li.on > ul {display:block;}
#header .gnb .gnb1 .float .wrap > ul > li > ul > li:hover > a,
#header .gnb .gnb1 .float .wrap > ul > li > ul > li.active > a {color:#3376c6;}

#header .gnb .gnb2 .float .wrap > ul {margin:0 -10px;}
#header .gnb .gnb2 .float .wrap > ul > li {width:20%;padding:0 10px;}

#header .gnb > li.on .float {display:block;}
#header .gnb .float .wrap > ul > li:hover > a > span,
#header .gnb .float .wrap > ul > li.active > a > span {color:#3376c6;}

#bg {position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:500;background:rgba(0,0,0,0.45);display:none;}

.menu-on #header {height:467px;}
.menu-on #bg {display:block;animation:fadeIn 0.5s;}
.lang-on #header {overflow:visible;}


#sidebox { background-color: #fff;
    position: absolute;
    width: 80px;
    top: 110px;
    right: 80px;
    text-align: center;
    padding: 15px 10px;
    border: 1px solid #bbb;
    border-radius: 10px;     font-size: 14px; line-height: 23px;
    color: #616161;
	box-shadow: 8px 8px 15px -17px rgba(0,0,0,0.79);
	-webkit-box-shadow: 8px 8px 15px -17px rgba(0,0,0,0.79);
	-moz-box-shadow: 8px 8px 15px -17px rgba(0,0,0,0.79);
	z-index:11;
}

.pc_view {display: block;}
.mo_view {display: none;}

table.stop_motion {
	font-size:17px;
}

table.stop_motion tbody tr td{
	padding:10px;
	line-height: 25px;
	border:1px solid #a8c7f7;
}

td.checkbox_01 input{
	width:20px; height:20px; vertical-align: top;
}

td.checkbox_02 input{
	width:70px; vertical-align: top;
}

.recommend_url_01 {line-height: 40px;}
.recommend_url_02 {margin-left:10px; float:right;}
.recommend_url_03 {margin-left:10px; float:right;}

.privacy_sm {
	width: 100%;
    height: 490px;
    padding: 30px;
    overflow: auto;
    background: #fff;
    font-size: 14px;
    margin-bottom: 20px;
	line-height: 1.5 !important;
}

.labels_free {
	font-size:17px;
	color:#000;
}

.labels_free input {
	width:20px;
	height:20px;
	vertical-align: top;
}

.member_01 {
	float: right;
    padding: 5px 10px;
    outline: none;
    border: none;
    margin-top: 30px;
    font-size: 15px;
}

.input_type1 {
	border:1px solid #ccc; margin-right: 5px; padding:0 10px;
}

.btn_tables {
	padding:3px 10px; background-color: #ffdec3; color:#58410d;
}

.btn_tables2 {
	padding:3px 10px; background-color: #89ba3d; color:#fff;
}

.contents-top {
	margin-top:70px;
}

.wi20 {width:20px; height:20px;}

.gnstyle {    font-size: 16px;
    margin-top: 20px;
    padding: 20px;
    color: #555;
    background: #fff3eb;}
.htauto {height: 250px !important;}

.display_method_01 {
	float:left; margin-bottom:10px;
}

.display_method_01 select {
	width:120px; height: 42px;;
}

.display_method_02 {
	float:left; margin-bottom:10px;
}
.display_method_03, .display_method_04, .display_method_05, .display_method_06, .display_method_07 {
	float:right; margin-top:2px; margin-bottom:10px;
}

.display_method_03 a, .display_method_04 a {
	background-color: gray !important;
}

.display_method_07 a {
	background-color: #008f24 !important;
}



.service_graphs {display:flex; margin-top: 50px; justify-content: space-between;}
.service_graph {width:250px;}


.embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* video {width: 634px !important; height: 480px !important} */

.video-container {
	position:relative;
	height:0;
	padding-bottom:56.25%;
  }
  
  .video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
  }



input.member_btn {border:none; vertical-align:top;}
.member_btn, input.member_btn, a.member_btn, button.member_btn {display:inline-block; padding:0 30px; background-color:#002b6d; box-sizing:border-box; color:#fff; line-height:42px;}
input.member_btn.small, a.member_btn.small, button.member_btn.small {padding:0 24px;}
input.member_btn.type2, a.member_btn.type2, button.member_btn.type2 {background-color:#0b448d;}
input.member_btn.type3, a.member_btn.type3, button.member_btn.type3 {border:1px solid #d5d5d5; background-color:#fff; color:#6a6a6a; line-height:40px;}
.member_btn.type4, input.member_btn.type4, a.member_btn.type4, button.member_btn.type4 {border:1px solid #bababa; background-color:#fff; color:#404040; line-height:40px;}
.member_btn.type5, input.member_btn.type5, a.member_btn.type5, button.member_btn.type5 {background-color:#2277e3;}

.ctcts{position:relative; padding-left:24px; font-size:15px; color:#59749c; line-height:20px;}
.ctcts:before{display:block; content: ''; position:absolute; top:1px; left:0; width:19px; height:19px; background-image:url('../member/images/member_point.png');}


.filename_mobile {
overflow: hidden;
white-space: normal;
word-break: break-all;
line-height: 30px;
padding-top: 5px !important;
}


.join_form {margin-top:70px;}
.join_form h3 {margin-bottom:10px; font-size:30px; color:#131313; line-height:35px;}
.join_form .p-table caption + tbody tr:first-child td, .join_form .p-table caption + tbody tr:first-child th, .join_form .p-table colgroup + tbody tr:first-child td, .join_form .p-table colgroup + tbody tr:first-child th {border-top-width:1px;}
.join_form .p-table colgroup + tbody th {background-color:#f8f8f8;}
.join_form .top_info_text {font-size:15px; text-align:right;}
.join_form .p-input {height:42px;} 
.join_form .p-input2 {height: auto;}
.join_form .adress_cts {display:block; width:50%;}
.join_form .adress_cts .p-input.zipcode{width:100px;}
.join_form .mail_form {width:35%;}
.join_form .temp_checkbox label {margin-right:15px; padding-left:39px; font-size:16px; color:#656565;}
.join_form .member_btn.type4 {vertical-align:middle;}
.join_form .info_text {margin-right:15px;}
.join_form .required_icon {color:#e62020;}
.join_form .bot_btn {margin-top:67px;}
.join_form .warning_cts br {display:none;}
.join_form .p-upload {width:50%;}
.join_form .file_btn {margin-left:5px;}
.p-input--date {height: 42px !important; width: 120px !important; background-color: #fff !important;font-size:15px; text-align: center;}

@media all and (max-width:1400px){
    .join_form .warning_cts br {display:inline;}
}
@media all and (max-width:1300px){
	#header .gnb > li > a {padding:0 20px;}
}

@media all and (max-width:1200px){
	#header .gnb > li > a {padding:0 17px;}
}

@media all and (max-width:1100px){
	#header .gnb > li > a {padding:0 12px;}
}


@media all and (max-width:1000px){
    .join_form .p-upload {width:100%;}
    .join_form .info_text {display:block; margin-right:0; margin-bottom:5px;}
	.htauto {height: auto !important;}
	.recommend_url_01 {line-height: 25px;}
	.recommend_url_02 {    clear: both;
		text-align: center;
		display: block !important;
		margin-top: 30px;
		width: 95%;}
	.recommend_url_03 {    clear: both;
		text-align: center;
		display: block !important;
		margin-top: 10px;
		width: 95%;
		margin-bottom: 20px}
		.gnstyle {    font-size: 14px;
			padding: 10px;}
			.privacy_sm {
				padding: 15px;
				line-height: 1.4 !important;
				height:250px;
			}
			.display_method_01 {
				float:none;
			}
			.display_method_02 {
				float:none; margin-top:5px;
			}
			.display_method_03 {
				float:none; margin-top:5px;
			}
			.display_method_04 {
				float:none; margin-top:5px;
			}
			.display_method_04 a {
				width:auto; padding: 0 10px !important; min-width: 80px; text-align: center;;
			}

			.service_graphs {margin:0 auto; text-align: center;}
			.service_graph {display:inline-block; margin-top:30px;}
		}
@media all and (max-width:800px){
    .join_form .warning_cts {display:block;}
    .join_form .adress_cts {width:100%;}
    .join_form .mail_form {width:100%;}
}
@media all and (max-width:765px){
    .join_form .p-table colgroup + tbody th {background-color:#fff;}
    .join_form .p-input.userid{width:calc(100% - 120px) !important;}
}
@media all and (max-width:640px){
    .join_form {margin-top:30px;}
    .join_form h3 {font-size:25px;}
    .member_btn, input.member_btn, a.member_btn, button.member_btn {padding:0 20px;}
    .contents-top {margin-top:10px;}
}



@media screen and (min-width:1001px){
	.head-fix #header {box-shadow:0 1px 1px rgba(0,0,0,0.15); background: rgba(255,255,255,0.8); 
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);}

        .head-fix #header .gnb > li > a {color:#000;}
    }

@media screen and (min-width:1001px) and (max-width:1240px){
	#header .gnb .float .wrap:before {right:auto;margin-right:0;left:-15px;width:280px;}
	.pc_view {display: none;}
    .mo_view {display: block;}
}


@media screen and (min-width:1001px) and (max-width:1600px){
	.viewer_tbl thead tr th:last-child {
		padding-right:150px;
	}
	.viewer_tbl tbody tr td:last-child {
		padding-right:150px;
	}
}


@media screen and (max-width:1000px){	#sidebox {display: none;}
	
    #wrap {padding-top:50px;}
	#header {overflow:visible;height:50px;box-shadow:inset 0 -1px 0 #ddd; background: #fff;}
	#header .inner {padding:0;}
	#header .gnb {display:none;}
	#header .logo {top:50%;left:50%;width:110px;height:32px;margin:-16px 0 0 -55px;}
	#header .logo a {background-position:50% 50%;}
	#header .lang {right:10px;top:50%;margin-top:-14px;}
	#header .lang > span {display:none;}
	#header .lang > div {display:none !important;}
	#header .lang > a {display:block;height:28px;border-radius:3px;font-size:12px;line-height:26px;padding:0 5px;border:1px solid #ddd;color:#888;box-sizing:border-box;text-align:center;}
	#header .menu {top:50%;right:auto;left:10px;margin-top:-8px;height:16px;width:24px;}
	#header .menu:before,
	#header .menu:after {height:2px;}
	#header .menu span {height:2px;margin-top:-1px;}
	.pc_view {display: none;}
    .mo_view {display: block;}
    .info_notice {    font-size: 14px;
		margin-top: 20px;
		padding: 20px;
		color: #555;
		background: #f5f5f5;}
		.service_graphs {display: block;}
}


.nav-on #header .menu:before {transform:rotate(-135deg);top:50%;margin-top:-1.5px;}
.nav-on #header .menu:after {transform:rotate(135deg);bottom:50%;margin-bottom:-1.5px;}
.nav-on #header .menu span {width:0;opacity:0;}
.nav-on #nav .inner {opacity:1;left:0;}
.nav-on #nav .bg {opacity:1;}
.nav-on #nav .close {opacity:1;}

@media screen and (min-width:1001px){
	#nav {position:fixed;left:0;top:0;width:100%;height:0;z-index:1500;text-align:center;font-size:0;transition-delay:0.5s;overflow:hidden;}
	#nav:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
	#nav .inner {display:inline-block;vertical-align:middle;position:relative;z-index:10;width:1280px;max-width:100%;box-sizing:border-box;transition:0.5s;opacity:0;}
	#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:0;transition:0.5s;opacity:0;}
	#nav .close {position:absolute;border:none;background:none;color:#fff;font-size:50px;}
	#nav .gnb {display:table;width:100%;table-layout:fixed;}
	#nav .gnb > li {display:table-cell;vertical-align:top;box-sizing:border-box;width:20%;text-align:left;padding:0 35px;}
	#nav .gnb > li ~ li {border-left:1px solid rgba(255,255,255,0.38);}
	#nav .gnb > li > a {display: block;font-size: 25px;color: #d48a2f;font-weight: 600;}
	#nav .gnb .float {margin-top:20px;}
	#nav .gnb .float .wrap .tit {display:none;}
	#nav .gnb .float .wrap > ul > li ~ li {margin-top:15px;}
	#nav .gnb .float .wrap > ul > li > a {display:block;}
	#nav .gnb .float .wrap > ul > li > a > em {display:none;}
	#nav .gnb .float .wrap > ul > li > a > span {font-size:20px;display:inline-block;padding-bottom:5px;font-weight:300;color:#fff;border-bottom:2px solid transparent;}
	#nav .gnb .float .wrap > ul > li > ul {padding:7px 0 15px;}
	#nav .gnb .float .wrap > ul > li > ul > li ~ li {margin-top:3px;}
	#nav .gnb .float .wrap > ul > li > ul > li > a {font-size:14px;color:#fff;font-weight:300;}
	#nav .gnb .float .wrap > ul > li:hover > a > span {color:#00d2ff;border-bottom-color:#00d2ff;}
	#nav .gnb .float .wrap > ul > li > ul > li:hover > a {color:#00d2ff;}

	.nav-on #nav {height:100%;transition-delay:0s;}
	.nav-on #nav .close {right:30px;top:30px;position:fixed;}
}

@media screen and (max-width:1000px){
	#nav {position:fixed;left:0;top:50px;width:100%;height:0;z-index:1500;transition-delay:0.5s;overflow:hidden;}
	#nav .inner {position:relative;z-index:10;height:100%;overflow-y:auto;opacity:0;}
	#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:0;transition:0.5s;opacity:0;}
	#nav .close {display:none;}

	#nav .gnb > li {border-bottom:1px solid #e7e7e7;}
	#nav .gnb > li > a {display:block;padding:13px 20px;font-size:18px;font-weight:bold;color:#222;position:relative;}
	#nav .gnb > li > a:before {content:"\e114";font-family:axicon;display:block;position:absolute;right:20px;top:50%;margin-top:-0.5em;line-height:1em;font-weight:normal;}

	#nav .gnb .float {display:none;}
	#nav .gnb .float .wrap .tit {display:none;}
	#nav .gnb .float .wrap > ul > li {border-top:1px solid #e7e7e7;}
	#nav .gnb .float .wrap > ul > li > a {display:block;padding:10px 10px 10px 25px;font-size:16px;background:#f1f1f1;}
	#nav .gnb .float .wrap > ul > li > a > em {display:none;}
	#nav .gnb .float .wrap > ul > li > ul > li > a {display:block;border-top:1px solid #e7e7e7;padding:10px 10px 10px 30px;font-size:14px;background:#f8f8f8;}

	#nav .gnb > li.on > a:before {content:"\e115";}
	#nav .gnb > li.on > .float {display:block;}
	.nav-on #nav {height:calc(100% - 50px);transition-delay:0s;}
}

#footer {margin-top:50px;}
#footer .top {padding:30px 10px;}
#footer .top .inner {max-width:1200px;margin:0 auto;position:relative;}
#footer .top .fnb {font-size:0;}
#footer .top .fnb li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;}
#footer .top .fnb li ~ li {margin-left:13px;padding-left:17px;}
#footer .top .fnb li ~ li:before {content:"";display:block;width:4px;height:4px;background:#b8b8b8;position:absolute;left:0;top:50%;margin-top:-2px;}
#footer .top .fnb li a {display:block;font-size:16px;}

#footer .top .site {position:absolute;right:0;top:50%;margin-top:-21.5px;z-index:100;}
#footer .top .site > a {display:block;background:#f4f4f4;width:192px;height:43px;box-sizing:border-box;border:1px solid #ddd;padding:0 15px;line-height:41px;position:relative;/*color:#333*/;font-size:14px;}
#footer .top .site > a:before {content:"\f106";position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;}
#footer .top .site ul {display:none;position:absolute;left:0;width:100%;bottom:100%;border:1px solid #ddd;margin-bottom:-1px;background:#fff;box-sizing:border-box;padding:10px;}
#footer .top .site ul li a {display:block;font-size:13px;padding:2px 5px;color:#888;}
#footer .top .site ul li a:hover {color:#000;}
#footer .top .site.active ul {display:block;}
#footer .top .site.active > a:before {content:"\f107";}

#footer .bot {padding:35px 10px;border-top:1px solid #e0e0e0;}
#footer .bot .inner {max-width:1200px;margin:0 auto;box-sizing:border-box;padding-left:200px;position:relative;}
#footer .bot h2 {position:absolute;left:-105px;top:7px;}
#footer .bot address {font-size:14px;line-height:1.6em;color:#959191;font-weight:300;}
#footer .bot address > * {display:inline-block;margin-right:15px;}
#footer .bot address strong {/*font-weight: nomal;*/ color:#111; margin-right: 5px;}

.sub #footer {border-top:1px solid #e0e0e0;}
.main #footer {border-top:1px solid #e0e0e0;}

#gotop {position:fixed;z-index:500;right:30px;bottom:30px;width:38px;height:38px;border-radius:3px;background:rgba(255,255,255,0.8);box-sizing:border-box;border:1px solid #9ac3e2;color:#0371c5;font-size:20px;opacity:0;transition:0.3s;transform:translate3d(0,10px,0);}
.head-fix #gotop {opacity:1;transform:translate3d(0,0,0);}

@media screen and (max-width:1000px){
	#footer {margin-top:0;}
	#footer .top {padding:20px 0 0;text-align:center;}
	#footer .top .fnb {margin:0 10px;}
	#footer .top .fnb li ~ li {margin-left:8px;padding-left:10px;margin-bottom:5px;}
	#footer .top .fnb li ~ li:before {width:2px;height:2px;margin-top:-1px;}
	#footer .top .fnb li a {font-size:14px;}

	#footer .top .site {position:relative;top:0;margin-top:10px;width:100%;text-align:left;}
	#footer .top .site > a {width:auto;height:34px;line-height:32px;}
	#footer .top .site ul {max-height:200px;overflow:auto;}

	#footer .bot {padding:20px 10px;border-top:none;text-align:center;}
	#footer .bot .inner {padding:0;}
	#footer .bot h2 {position:relative;top:0;margin:0 0 10px;}
	#footer .bot h2 img {display: none;}
	#footer .bot address {font-size:13px;line-height:1.5em;}
	#footer .bot address > * {margin:0 5px;}

	#gotop {right:20px;bottom:20px;}
}




.m13_3 .section5{
    padding: 150px 0px 30px;
    text-align: center;
    max-width: 1180px;
    margin: 0 auto;
}
.m13_3 .section5 h4{font-size:3rem;color:#222;}
.m13_3 .section5 h5 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top:10px;
    color: #222;
}

.m13_3 .section5 ul{display:flex;flex-wrap:wrap;margin-top:70px;}
.m13_3 .section5 ul li{
	width:18.4%;
	margin:0 2% 40px 0;
	word-break:keep-all;
	display: table;
}
.m13_3 .section5 ul li:nth-child(5n){margin-right:0;}
.m13_3 .section5 ul li .img{padding: 0px 25px;
    vertical-align: middle;
    display: table-cell;
    height: 85px;
    border: 1px solid #d6d6d6;}
.m13_3 .section5 ul li .info{padding:25px 0}
.m13_3 .section5 ul li .info .sbj{margin-bottom:10px;font-size:21px;color:#222;font-weight:600;}
.m13_3 .section5 ul li .info .sbj span{color:#03569f}
.m13_3 .section5 ul li .info p{font-size:17px;color:#888;line-height:180%;}





@media(max-width:1399px){
.m13_3 .section5{
	text-align:center;
}
.m13_3 .section5 h4{font-family:"NanumSquare_acEB";font-size:36px;color:#222;}
.m13_3 .section5 ul{display:flex;flex-wrap:wrap;margin-top:70px;}
.m13_3 .section5 ul li{
	width:23.5%;
	margin:0 2% 40px 0;
	word-break:keep-all;
	display: table;
}
.m13_3 .section5 ul li:nth-child(4n){margin-right:0;}
.m13_3 .section5 ul li:nth-child(5n){margin-right:auto;}
.m13_3 .section5 ul li .img{padding: 0px 25px;
    vertical-align: middle;
    display: table-cell;
    height: 85px;
    border: 1px solid #d6d6d6;}
.m13_3 .section5 ul li .info{padding:25px 0}
.m13_3 .section5 ul li .info .sbj{margin-bottom:10px;font-size:21px;color:#222;font-weight:600;}
.m13_3 .section5 ul li .info .sbj span{color:#03569f}
.m13_3 .section5 ul li .info p{font-size:17px;color:#888;line-height:180%;}
}


@media(max-width:1120px){
	.m13_3 .section5 ul li{
		width:32%;
		margin:0 2% 40px 0;
		word-break:keep-all;
		display: table;
	}
	.m13_3 .section5 ul li:nth-child(4n){margin-right:2%;}
	.m13_3 .section5 ul li:nth-child(5n){margin-right:2%;}
    .m13_3 .section5 ul li:nth-child(3n){margin-right:0;}

}

@media(max-width:767px){
.m13_3 .section5 ul li{
    width:49%;
    margin:0 2% 20px 0;
    word-break:keep-all;
    display: table;
}
.m13_3 .section5 ul li:nth-child(4n){margin-right:2%;}
.m13_3 .section5 ul li:nth-child(5n){margin-right:2%;}
.m13_3 .section5 ul li:nth-child(3n){margin-right:2%;}
.m13_3 .section5 ul li:nth-child(2n){margin-right:0;}

}






#page {position:fixed;right:30px;top:50%;z-index:400;margin-top:-100px;}
#page a {display:block;width:32px;height:32px;border-radius:50%;box-sizing:border-box;border:2px solid transparent;position:relative;transition:0.3s;}
#page a ~ a {margin-top:10px;}
#page a:before {content:"";display:block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.5);position:absolute;left:50%;top:50%;margin:-2px 0 0 -2px;transition:0.3s;}
#page .active {border-color:#fff;}
#page .active:before {background:rgba(255,255,255,1);}
#page.dark a:before {background:rgba(0,0,0,0.5);}
#page.dark .active {border-color:rgba(0,0,0,0.65);}
#page.dark .active:before {background:rgba(0,0,0,1);}

@media screen and (max-width:1000px){
	#page {display:none;}
	#header .lang p.user {display:none;}
	#header .lang p.logout {display:none;}
	#header .lang p.login {display:none;}
	#header .lang p.register {display:none;}
}

#vis,
#vis .vis {height:calc(100vh - 87px);position:relative;overflow:hidden;}
#vis .vis {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;box-sizing:border-box;padding:0 10px;}


/* #vis .vis img {display: block;position: absolute;left: 50%;min-width: 100%;min-height: 100%;margin-left: -50%;top: 0;z-index: 0;transform: scale(1.1);transition: 9s ease-in-out;object-fit: cover;} */
#vis .vis .inner {max-width:100%;height:100%;box-sizing:border-box;text-align:center;font-size:0;position:relative;z-index:10;}
#vis .vis .inner:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;white-space:nowrap;}
#vis .vis dl {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;font-family:'Montserrat','Noto Sans KR',sans-serif;}
#vis .vis dl strong {display:block;}
#vis .vis dl dt {color:#fff;font-size:80px;line-height:0.9em;padding:30px 80px;position:relative;font-weight:500;opacity:0;transition:1s;transform:scale(1.1); line-height: 120px;}
#vis .vis dl dt:before {content:"";display:block;width:170px;height:0;position:absolute;left:50%;top:50%;margin:-143px 0 0 -85px;background:url() no-repeat;opacity:0;transition:1s}
#vis .vis dl dd {margin-top:170px;font-weight:500;font-size:40px;line-height:1.4em;}
#vis .vis dl dd strong {letter-spacing:0;font-weight:bold;}

#vis .vis.active img {width:500px;}
#vis .vis.active dl dt,
#vis .vis.active dl dd {opacity:1;transform:scale(1);}
#vis .vis.active dl dt:before {height:295px;opacity:1;}

#vis .control {position:absolute;left:30px;z-index:100;top:50%;margin-top:-212px;width:36px;}
#vis .control .bar {width:2px;height:210px;background:#fff;position:relative;margin-left:22px;}
#vis .control .bar span {display:block;position:absolute;left:0;bottom:0;width:100%;height:0;background:#0376ec;transition:linear 4.8s;}
#vis .control .bar.active span {height:100%;}
#vis .control .paging {position:relative;transform:rotate(-90deg);left:0;margin:70px 0 30px;white-space:nowrap;}
#vis .control .paging > * {display:inline-block;vertical-align:baseline;font-weight:500;}
#vis .control .paging strong {color:#fff;font-size:30px;}
#vis .control .paging em {color:#fff;font-size:30px;margin:0 10px;}
#vis .control .paging span {font-size:20px;color:rgba(255,255,255,0.5);}
#vis .control .btn a {display:block;width:36px;height:36px;text-align:center;line-height:34px;box-sizing:border-box;border-radius:50%;border:1px solid #fff;color:#fff;font-size:20px;}
#vis .control .btn a ~ a {margin-top:8px;}


.line {
      position: relative;
      top: 50%;
      width: 16em;
      margin: 0 auto;
      border-right: 2px solid rgba(255, 255, 255, 0.75);
      font-size: 180%;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;transform: translateY(-50%);
}




@media screen and (max-width:1000px){
	#vis {overflow:hidden;}
	#vis,
	#vis .vis {position:relative;}
	#vis .vis {padding:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
	/* #vis .vis img {left:0;min-width:100%;margin-left:0;top:0;position:relative;} */
	#vis .vis .inner {position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 10px;}
	#vis .vis dl dt {font-size:24px;line-height:1.1em;    padding: 10px 20px;}
    #vis .vis.active img {width:180px;}
	#vis .vis dl dt:before {display:none;}
	#vis .vis dl dd {margin-top:20px;font-size:16px;line-height:1.4em;}

	#vis .control {display:none;}
}



@media screen and (max-width:800px){
	#vis,
	#vis .vis {height:40vh}
}

@media screen and (max-width:600px){
	#vis,
	#vis .vis {height:40vh}
}


#main {position:relative;}
#main .tit {max-width:1474px;margin:0 auto;text-align:center;position:relative;}
#main .tit h3 {font-size:48px;font-weight:bold;color:#000;}
#main .tit p {font-size:18px;color:#a09c9c;line-height:1.5em;margin-top:30px;}
#main .tit .link {position:absolute;right:0;top:0;white-space:nowrap;font-size:0;}
#main .tit .link a {display:inline-block;width:70px;height:60px;text-indent:-9999px;background-repeat:no-repeat;background-position:0 0;}
#main .tit .link a ~ a {margin-left:10px}
#main .tit .link .link1 {background-image:url(../images/link2-1.png);}
#main .tit .link .link2 {background-image:url(../images/link2-2.png);}
#main .tit .link .link3 {background-image:url(../images/link2-3.png);}
#main .tit .link a:hover {background-position:0 -60px;}
#main .tit.white h3,
#main .tit.white p {color:#fff;}
#main .tit.white .link .link1 {background-image:url(../images/link1-1.png);}
#main .tit.white .link .link2 {background-image:url(../images/link1-2.png);}
#main .tit.white .link .link3 {background-image:url(../images/link1-3.png);}

#main .inner {max-width:1474px;margin:0 auto;position:relative;}

#link {position:absolute;right:30px;top:25px;white-space:nowrap;font-size:0;z-index:300;}
#link a {display:inline-block;width:70px;height:60px;text-indent:-9999px;background-repeat:no-repeat;background-position:0 0;}
#link a ~ a {margin-left:10px}
#link .link1 {background-image:url(../images/link1-1.png);}
#link .link2 {background-image:url(../images/link1-2.png);}
#link .link3 {background-image:url(../images/link1-3.png);}
#link a:hover {background-position:0 -60px;}

.link-fix #link {position:fixed;top:112px;}

.yellow {color:#ffbc00}
.orange {color:#ff6a00;}

@media screen and (max-width:1000px){
	#main .tit h3 {font-size:24px;}
	#main .tit p {font-size:14px;margin-top:15px;}
	#main .tit .link {display:none;}
	#main .tit .link {width:100%;text-align:center;}
	#main .tit .link a {width:35px;height:30px;background-size:35px 60px;}
	#main .tit .link a ~ a {margin-left:5px}
	#main .tit .link a:hover {background-position:0 -30px;}

	#link {position:fixed;right:20px;top:auto !important;bottom:80px;white-space:normal;}
	#link a {display:block;width:38px;height:38px;background-size:38px 76px;}
	#link a ~ a {margin-left:0;margin-top:5px;}
	#link a:hover {background-position:0 -38px;}

	#link .link1 {background-image:url(../images/link1_mobile.png);}
	#link .link2 {background-image:url(../images/link2_mobile.png);}
	#link .link3 {background-image:url(../images/link3_mobile.png);}

	.link-fix #link {position:fixed;top:112px;}
}

.__mb120 {margin-bottom:120px !important}
.__mb150 {margin-bottom:150px !important}

#o2o {padding:25px 10px 120px;background:url(../images/o2o-bg.jpg) no-repeat 50% 100%;background-size:cover;}
#o2o .tit {padding-top:95px;margin-bottom:95px;}
#o2o .area {margin:0 -4px;font-size:0;position:relative;}
#o2o .area:before {content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:#fff;z-index:10;}
#o2o .area .box {box-sizing:border-box;padding:0 4px;display:inline-block;vertical-align:top;width:25%;}
#o2o .area .box .in {display:block;height:465px;background-repeat:no-repeat;background-position:50% 0;position:relative;overflow:hidden;}
#o2o .area .box .in:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
#o2o .area .box .info {display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:35px 25px;color:#fff;background:rgba(0,0,0,0.8);transition:0.3s;}
#o2o .area .box .info > * {display:block;font-weight:300;}
#o2o .area .box .info strong {font-size:24px;}
#o2o .area .box .info span {font-size:16px;line-height:1.3em;}
#o2o .area .box .info em {font-size:14px;line-height:1.4em;height:0;overflow:hidden;opacity:0;transition:0.3s;}
#o2o .area .slick-track {font-size:0;white-space:nowrap;}
#o2o .area .slick-slide {float:none;display:inline-block;vertical-align:top;white-space:normal;width:100%;width:25%;transition:0.3s;}
#o2o .area .slick-active.hover .info {background:rgba(8,62,140,0.91);}
#o2o .area .slick-active.hover .info em {margin-top:30px;height:4.3em;opacity:1;}
#o2o .area > .roll > .box {display:none;}

#o2o .slick-arrow {
	position:absolute;
	top:50%;
	margin-top:-25px;
	width:50px;
	height:50px;
	display:block;
	text-align:left;
	color:#083e8c;
	font-size:0;
	border:none;
	background:#083e8c;
	border-radius:50%;
	text-indent:-9999px;
	border:0px solid #083e8c;
	box-sizing:border-box;
	overflow:visible;
	line-height:0;
	transition:0.3s;
	z-index:100;
}
#o2o .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;text-indent:0;line-height:46px;text-align:center;font-size:32px;color:#fff;}
#o2o .slick-arrow.slick-prev {left:-60px;}
#o2o .slick-arrow.slick-next {right:-60px;}
#o2o .slick-arrow.slick-prev:after {content:"\f104";}
#o2o .slick-arrow.slick-next:after {content:"\f105";}


@media screen and (max-width:1670px){
	#o2o .slick-arrow.slick-prev {left:0;}
	#o2o .slick-arrow.slick-next {right:0;}
}

@media screen and (max-width:1500px){
	#o2o .area .box .info em br {display:none;}
	#o2o .area .slick-active.leave {width:calc((100vw * 0.23) - 7px) !important;}
	#o2o .area .slick-active.hover {width:calc((100vw * 0.31) - 7px) !important;}
	#o2o .area .slick-active.hover .info em {height:7.8em;}
}


@media screen and (max-width:1000px){
	#o2o {padding:30px 10px;}
	#o2o .tit {margin-bottom:30px;padding-top:40px;padding-top:0;}
	#o2o .area:before {display:none;}
	#o2o .area .box .in {height:200px;background-size:cover;}
	#o2o .area .box .info {padding:15px 10px;background:rgba(8,62,140,0.91);}
	#o2o .area .box .info > * {display:block;font-weight:300;}
	#o2o .area .box .info strong {font-size:16px;}
	#o2o .area .box .info span {font-size:13px;margin-top:3px;}
	#o2o .area .box .info em {display:none;}
	#o2o .slick-arrow {margin-top:-15px;width:30px;height:30px;}
	#o2o .slick-arrow:after {line-height:26px;font-size:20px;}
}



#van {padding:40px 10px;position:relative; margin-top:50px;}
#van:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:376px;background:#67ace5;}
#van .tit {padding-top:90px;margin-bottom:70px;}
#van .area:after {content:"";display:block;clear:both;}
#van .area .box {width:50%;height:500px;position:relative;overflow:hidden;float:left;box-shadow:30px 30px 30px rgba(0,0,0,0.25);}
#van .area .box .img {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;transition:2s;}
#van .area .box .info {position:relative;z-index:10;display:block;padding:75px 50px 0;}
#van .area .box .info > * {display:block;}
#van .area .box .info strong {font-size:36px;font-weight:500;color:#fff;}
#van .area .box .info span {font-size:17px;font-weight:300;color:#fff;line-height:1.4em;height:7.1em;margin-top:50px; margin-bottom:30px;}
#van .area .box .info em {display:inline-block;box-sizing:border-box;width:140px;height:48px;line-height:46px;border:1px solid #fff;color:#fff;font-size:16px;font-weight:300;text-align:center;transition:0.3s;}
#van .area .box:hover .img {transform:scale(1.1);}
#van .area .box:hover .info em {background:#00479d;border-color:#00479d;color:#fff;}

#van .area .box1 .img {background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) ),url(../images/van5.png);}
#van .area .box2 .img {background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) ),url(../images/van4.png);}
#van .area .box2 .info strong,
#van .area .box2 .info span {color:#fff;}
#van .area .box2 .info em {border-color:#fff;color:#fff;}



@media screen and (max-width:1000px){
	#van {padding:30px 10px;}
	#van:before {height:200px;}
	#van .tit {padding-top:40px;padding-top:0;margin-bottom:20px;}
	#van .area .box {width:100%;height:auto;box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
	#van .area .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5;}
	#van .area .box .img {background-position:100% 100%;}
	#van .area .box .info {padding:20px 15px;}
	#van .area .box .info strong {font-size:18px;color:#fff;}
	#van .area .box .info span {font-size:14px;margin-top:15px;color:#fff;}
	#van .area .box .info em {width:100px;height:34px;line-height:32px;font-size:14px;background:#00479d;border-color:#00479d;color:#fff;}
}

#smart {background:url(../images/smart-bg.jpg) no-repeat 50% 0;background-size:cover;padding:60px 10px 200px;}
#smart .tit {padding-top:60px;margin-bottom:150px;}
#smart .area {font-size:0;}
#smart .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 10px;width:25%;text-align:center;position:relative;}
#smart .area .box .info {color:#fff;}
#smart .area .box .info dt {margin-top:37px;font-size:24px;}
#smart .area .box .info dd {font-size:16px;line-height:1.5em;margin-top:10px;}

@media screen and (max-width:1000px){
	#smart {padding:30px 10px;}
	#smart .tit {padding-top:40px;padding-top:0;margin-bottom:20px;}
	#smart .area {margin-bottom:-20px;}
	#smart .area .box {width:50%;padding:0 5px;width:50%;margin-bottom:20px;}
	#smart .area .box .ico img {width:110px;}
	#smart .area .box .info dt {margin-top:20px;font-size:18px;}
	#smart .area .box .info dd {font-size:14px;line-height:1.4em;margin-top:7px;}

}

#dis .tit {margin-bottom:65px;padding-top:35px;}
#dis .area:after {content:"";display:block;clear:both;}
#dis .area .box {display:block;height:651px;width:50%;float:left;position:relative;overflow:hidden;box-sizing:border-box;padding:0 10px;}
#dis .area .box:after {content:"";display:block;clear:both;}
#dis .area .box .img {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;transition:2s;background-position:100% 100%;}
#dis .area .box .info {position:relative;z-index:10;display:block;padding:106px 0 0;width:840px;max-width:100%;box-sizing:border-box;}
#dis .area .box .info > * {display:block;}
#dis .area .box .info .sma {font-size:16px;font-weight:300;color:#222;}
#dis .area .box .info strong {font-size:44px;font-weight:900;color:#222;padding-bottom:25px;margin:7px 0 45px;position:relative;}
#dis .area .box .info strong:before {content:"";display:block;position:absolute;left:0;bottom:0;width:24px;height:2px;background:#222;}
#dis .area .box .info span {font-size:18px;font-weight:500;color:#222;line-height:1.4em;height:7.1em;}
#dis .area .box .info .btn {display:inline-block;box-sizing:border-box;width:140px;height:48px;line-height:46px;border:1px solid #222;color:#222;font-size:16px;font-weight:300;text-align:center;transition:0.3s;}
#dis .area .box:hover .img {transform:scale(1.1);}
#dis .area .box:hover .info .btn {background:#00479d;border-color:#00479d;color:#fff;}

#dis .area .box1 .info {float:left;padding-left:50px;}
#dis .area .box2 .info {float:left;padding-left:50px;}
#dis .area .box1 .img {background-image:url(../images/dis1.jpg);}
#dis .area .box2 .img {background-image:url(../images/dis2.jpg);}

@media screen and (max-width:1200px){
	#dis .area .box .info {padding-left:30px;}
}

@media screen and (max-width:1000px){
	#dis {padding:30px 0 0;}
	#dis .tit {margin-bottom:20px;padding-top:40px;padding-top:0;}
	#dis .area .box1 .info {float:left;}
	#dis .area .box {height:auto;float:none;padding:0 10px;width:auto;}
	#dis .area .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5;}
	#dis .area .box .info {padding:30px 15px;width:auto;}
	#dis .area .box .info .sma {font-size:14px;color:#fff;}
	#dis .area .box .info strong {font-size:24px;padding-bottom:15px;margin:5px 0 20px;color:#fff;}
	#dis .area .box .info strong:before {width:20px;background-color:#fff;}
	#dis .area .box .info span {font-size:14px;line-height:1.4em;height:7.1em;color:#fff;}
	#dis .area .box .info .btn {width:100px;height:34px;line-height:32px;font-size:14px;background:#00479d;border-color:#00479d;color:#fff;}
}

#recruit {background:url(../images/recruit-bg.jpg) no-repeat 50% 0;background-size:cover;padding:95px 10px;text-align:center;color:#fff;}
#recruit h3 {font-size:48px;font-weight:bold;}
#recruit dl {margin-top:35px;}
#recruit dl dt {font-size:18px;font-weight:300;line-height:1.4em;}
#recruit dl dd {font-size:30px;font-weight:bold;margin-top:5px;line-height:1.4em;}
#recruit p {margin-top:60px;}
#recruit p a {display:inline-block;box-sizing:border-box;width:234px;height:70px;line-height:70px;border-radius:35px;color:#fff;font-size:18px;font-weight:300;background:#0080bc;}

@media screen and (max-width:1000px){
	#recruit {padding:30px 10px;}
	#recruit h3 {font-size:24px;}
	#recruit dl {margin-top:20px;}
	#recruit dl dt {font-size:14px;}
	#recruit dl dd {font-size:18px;line-height:1.3em;}
	#recruit p {margin-top:25px;}
	#recruit p a {width:180px;height:50px;line-height:50px;border-radius:25px;font-size:16px;}
}

#svis {background:url(../images/svis11.jpg) no-repeat 50% 0;background-attachment:fixed;text-align:center;font-size:0;}
#svis .inner {max-width:1202px;height:407px;padding-top:115px;box-sizing:border-box;margin:0 auto;}
#svis .tit {color:#fff;}
#svis .tit h2 {font-size:50px;font-weight:bold;    text-shadow: #525252 1px 0 5px;}
#svis .tit p {font-size:18px;font-weight:300;line-height:1.4em;margin-top:20px;}
#svis .snb {font-size:0;margin-top:75px;}
#svis .snb li {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 1.5px;}
#svis .snb li a {display:block;width:146px;height:60px;border:1px solid #fff;text-align:center;white-space:nowrap;color:#fff;transition:0.3s;box-sizing:border-box;padding:0 10px;background: rgba(0,0,0,0.4);}
#svis .snb li a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#svis .snb li a span {display:inline-block;vertical-align:middle;font-size:15px;max-width:100%;white-space:normal;line-height:1.2em;}
#svis .snb li a:hover,
#svis .snb li.active a {background: rgb(255 102 0);
    border-color: #ffffff;}
#svis .snb.leng9 li {width:11.11111%;}
#svis .snb.leng9 li a {width:auto;}

.sub12 #svis {background-image:url(../images/svis12.jpg);}
.sub13 #svis {background-image:url(../images/svis13.jpg);}
.sub14 #svis {background-image:url(../images/svis14.jpg);}

.sub2 #svis {background-image:url(../images/svis21.jpg);}
.sub3 #svis {background-image:url(../images/svis31.jpg);}
.sub4 #svis {background-image:url(../images/svis41.jpg);}
.sub5 #svis {background-image:url(../images/svis51.jpg);}
.sub6 #svis {background-image:url(../images/svis61.jpg);}

.sub3 .unlimit {background-image:url(../images/unlimit_bg.jpg) !important;}
.sub3 .limit {background-image:url(../images/limit_bg.jpg) !important;}
.sub6 .limit {background-image:url(../images/limit_bg.jpg) !important;}
.sub6 .unlimit {background-image:url(../images/unlimit_bg.jpg) !important;}

#sub {padding:30px 10px;}
#sub > .inner {max-width:1202px;margin:0 auto;}

#navigation {font-size:0;font-size:0;margin-bottom:65px;position:relative;}
#navigation > li {display:inline-block;vertical-align:middle;font-size:14px;color:#999;line-height:1em;}
#navigation > li ~ li {margin-left:7px;}
#navigation > li ~ li:before {content:"\f105";font-family:axicon;display:inline-block;margin-right:5px;}
#navigation > li:first-child {color:#444;font-size:20px;}
#navigation > li:last-child {font-weight:bold;color:#555;}
#navigation > li > ul {display:none;position:absolute;left:0;top:100%;box-sizing:border-box;z-index:100;background:#fff;border:1px solid #ddd;padding:3px 10px;width:100%;margin-top:5px;}
#navigation > li > ul > li ~ li {border-top:1px solid #ddd;}
#navigation > li > ul > li > a {display:block;font-size:13px;padding:8px 0;}


.btn_disable {
	background-color: #e9e9e9 !important;
    color: #a7a7a7 !important;
    cursor: no-drop;
	pointer-events: none;
}

#tit {text-align:center;margin-bottom:90px;}
#tit h3 {position:relative;padding-top:15px;font-size:46px;font-weight:500;color:#000;margin-bottom:25px;}
#tit h3:before {content:"";display:block;width:50px;height:2px;position:absolute;left:50%;top:0;margin-left:-25px;background:#000;}
#tit p {line-height:1.4em;color:#333;letter-spacing:-0.05em;word-spacing:-0.05em;}
#tit strong {color:#000;font-weight:500;}
#tit .txt1 {font-size:30px;line-height:1.4em;letter-spacing:-0.05em;}
#tit .txt2 {font-size:35px;line-height:1.4em;letter-spacing:-0.05em;}
#tit .txt3 {font-size:16px;line-height:1.6em;letter-spacing:-0.05em;}
#tit .txt4 {font-size:24px;line-height:1.4em;letter-spacing:-0.05em;color:#333;}
#tit .txt5 {font-size:18px;line-height:1.4em;letter-spacing:-0.05em;}

#snb {border-bottom:1px solid #ccc;margin:-20px -10px 30px;position:relative;z-index:200;display:none;}
#snb:after {content:'';display:block;clear:both;}
#snb > li {position:relative;float:left;width:100%;}
#snb > li ~ li > span {border-left:1px solid #ccc;}
#snb > li > span {display:block;line-height:55px;padding:0 15px;font-size:15px;position:relative;color:#000;}
#snb > li > span:before {content:"\f107";font-family:axicon;position:absolute;right:15px;top:50%;line-height:1em;margin-top:-0.5em;font-size:24px;}
#snb > li > ul {display:none;position:absolute;left:0;top:100%;width:100%;box-sizing:border-box;background:#fff;padding:5px 15px;border:1px solid #ddd;border-bottom-color:#999;}
#snb > li > ul > li ~ li {border-top:1px solid #ddd;}
#snb > li > ul > li > a {display:block;color:#333;padding:10px 0;font-size:14px;}
#snb > li.active > span:before {content:"\f106";}
#snb > li.active > ul {display:block;}
#snb.leng2 > li {width:50%;}

.__txt {text-align:center;margin-bottom:90px;color:#333;}
.__txt .txt1 {font-size:30px;line-height:1.4em;letter-spacing:-0.05em;}
.__txt .txt2 {font-size:35px;line-height:1.4em;letter-spacing:-0.05em;}
.__txt .txt3 {font-size:16px;line-height:1.6em;letter-spacing:-0.05em;}
.__txt .txt4 {font-size:24px;line-height:1.4em;letter-spacing:-0.05em;}
.__txt .txt5 {font-size:18px;line-height:1.4em;letter-spacing:-0.05em;}

@media screen and (max-width:1100px){
	#svis .snb li {width:14.285714%;}
	#svis .snb li a {width:auto;}
}



@media screen and (max-width:1000px){
	#snb {display:block;}
	#svis {background-image:url(../images/svis11.jpg);}
	.sub2 #svis {background-image:url(../images/svis21.jpg);}
	.sub3 #svis {background-image:url(../images/svis31.jpg);}
	.sub4 #svis {background-image:url(../images/svis41.jpg);}
	.sub5 #svis {background-image:url(../images/svis51.jpg);}
	.sub6 #svis {background-image:url(../images/svis61.jpg);}


	#svis {background-attachment:scroll;background-size:cover;}
	#svis .inner {height:120px;padding-top:0;white-space:nowrap;}
	#svis .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
	#svis .tit {white-space:normal;display:inline-block;vertical-align:middle;max-width:100%;}
	#svis .tit h2 {font-size:26px;}
	#svis .tit p {display:none;}
	#svis .snb {display:none;}

	#sub {padding:20px 10px 30px;}

	#navigation {margin-bottom:20px;display:none;}
	#navigation > li {font-size:14px;}
	#navigation > li ~ li {margin-left:7px;}
	#navigation > li:first-child {font-size:18px;}
	#navigation > li.active > ul {display:block;}

	#tit {margin-bottom:20px;}
	#tit h3 {padding-top:8px;font-size:20px;margin-bottom:15px;}
	#tit h3:before {width:40px;margin-left:-20px;height:1px;}

	#tit .txt1 {font-size:17px;line-height:1.3em;}
	#tit .txt2 {font-size:21px;line-height:1.3em;}
	#tit .txt3 {font-size:13px;line-height:1.4em;}
	#tit .txt4 {font-size:16px;line-height:1.3em;}
	#tit .txt5 {font-size:14px;line-height:1.3em;}
	
	.__txt {margin-bottom:20px;}
	.__txt .txt1 {font-size:17px;line-height:1.3em;}
	.__txt .txt2 {font-size:21px;line-height:1.3em;}
	.__txt .txt3 {font-size:13px;line-height:1.4em;}
	.__txt .txt4 {font-size:16px;line-height:1.3em;}
	.__txt .txt5 {font-size:14px;line-height:1.3em;}
}

.__wide {margin:0;box-sizing:border-box;padding:0 10px;}
.__wide > .inner {max-width:1202px;margin:0 auto;}


.__wide2 {margin:0 -1000px;}
.__wide2 .inner {margin:0 auto;width:100vw;}

@media screen and (max-width:1240px){
	.__wide {margin-left:-10px !important;margin-right:-10px !important;}
	.__wide2 {margin:0 -10px;}
	.__wide2 .inner {width:auto !important;}
}



.__smain {background:#abd9ef;font-size:0;position:relative;}
.__smain > .inner {height:593px;}
.__smain > .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__smain .area {display:inline-block;vertical-align:middle;white-space:normal;width:50%;box-sizing:border-box;padding-right:20px;}
.__smain .area .txt {font-size:38px;font-weight:300;line-height:1.2em;color:#444;letter-spacing:-0.05em;word-spacing:-0.025em;}
.__smain .area .txt strong {letter-spacing:-0.05em; /*color: #3376c6;*/}
.__smain .area .txt2 {font-size:32px;font-weight:300;line-height:1.2em;color:#444;letter-spacing:-0.05em;}
.__smain .area .tel {display:inline-block;padding:10px 20px;border-radius:5px;color:#fff;background:#5f8e77;margin-top:50px;}
.__smain .area .tel > * {display:inline-block;}
.__smain .area .tel span {font-size:18px;font-weight:300;}
.__smain .area .tel strong {font-family:'Montserrat',sans-serif;font-size:24px;font-weight:600;margin:0 10px;letter-spacing:0;}
.__smain .area .tel em {font-size:14px;font-weight:300;letter-spacing:0;}
.__smain .area .btn {margin-top:50px;font-size:0;}
.__smain .area .btn a {display:inline-block;vertical-align:top;background:#89bbe1;border-radius:5px;padding:0 25px;height:44px;line-height:44px;font-size:18px;color:#fff;}
.__smain .area .btn a ~ a {margin-left:3px;}
.__smain .area2 {display:inline-block;vertical-align:middle;white-space:normal;width:100%;box-sizing:border-box;padding-right:20px; text-align: center;;}
.__smain .area2 .txt {font-size:38px;font-weight:300;line-height:1.2em;color:#444;letter-spacing:-0.05em;word-spacing:-0.025em;}
.__smain .area2 .txt strong {letter-spacing:-0.05em; /*color: #3376c6;*/}
.__smain .area2 .txt2 {font-size:32px;font-weight:300;line-height:1.2em;color:#444;letter-spacing:-0.05em;}
.__smain .area2 .tel {display:inline-block;padding:10px 20px;border-radius:5px;color:#fff;background:#1d4f5c;margin-top:50px;}
.__smain .area2 .tel > * {display:inline-block;}
.__smain .area2 .tel span {font-size:18px;font-weight:300;}
.__smain .area2 .tel strong {font-family:'Montserrat',sans-serif;font-size:24px;font-weight:600;margin:0 10px;letter-spacing:0;}
.__smain .area2 .tel em {font-size:14px;font-weight:300;letter-spacing:0;}
.__smain .area2 .btn {margin-top:50px;font-size:0;}
.__smain .area2 .btn a {display:inline-block;vertical-align:top;background:#89bbe1;border-radius:5px;padding:0 25px;height:44px;line-height:44px;font-size:18px;color:#fff;}
.__smain .area2 .btn a ~ a {margin-left:3px;}



.__smain .img {display:block;position:absolute;right:0;top:0;width:50%;height:100%;background-position:50% 50%;background-color: #67ace5;background-repeat:no-repeat;}
.__smain a.img:before {content:"\e74a";font-family:axicon;font-size:120px;position:absolute;left:0;width:100%;text-align:center;top:50%;margin-top:-0.5em;line-height:1em;color:#fff;text-shadow:5px 5px 10px rgba(0,0,0,0.5);}
.__smain a.img.type2:before {color:#133774;text-shadow:none;}

@media screen and (max-width:1000px){
	.__smain {padding:0;}
	.__smain > .inner {height:auto;}
	.__smain .area {display:block;width:auto;padding:20px;}
	.__smain .area .txt {font-size:18px;line-height:1.3em;}
	.__smain .area .txt2 {font-size:16px;line-height:1.3em;}
	.__smain .area .tel {padding:10px 20px;margin-top:20px;}
	.__smain .area .tel span {font-size:14px;}
	.__smain .area .tel strong {font-size:16px;margin:0 5px;}
	.__smain .area .tel em {font-size:13px;}
	.__smain .area .btn {margin-top:20px;text-align:center;}
	.__smain .area .btn a {padding:0 15px;height:34px;line-height:34px;font-size:14px;}
	.__smain .area2 {display:block;width:auto;padding:20px;}
	.__smain .area2 .txt {font-size:18px;line-height:1.3em;}
	.__smain .area2 .txt2 {font-size:16px;line-height:1.3em;}
	.__smain .area2 .tel {padding:10px 20px;margin-top:20px;}
	.__smain .area2 .tel span {font-size:14px;}
	.__smain .area2 .tel strong {font-size:16px;margin:0 5px;}
	.__smain .area2 .tel em {font-size:13px;}
	.__smain .area2 .btn {margin-top:20px;text-align:center;}
	.__smain .area2 .btn a {padding:0 15px;height:34px;line-height:34px;font-size:14px;}

	.__smain .img {position:relative;right:0;top:0;width:100%;height:0;padding-top:62%;height:0;}
	.__smain a.img:before {font-size:60px;}
}


.sinfo1 {background:#eee !important;}
.sinfo2 {background:#e3e3e3 !important;}
.sinfo3 {background: #84a2aa !important;}

.__mold {padding-top:110px;padding-bottom:0px;}
.__mold.bg {padding-top: 80px; padding-bottom: 64px;}
.__mold:last-child {margin-bottom:20px;}


.__tit1 h3 {position:relative;font-size:30px;color:#555;font-weight:300;padding-top:13px;letter-spacing:-0.05em;}
.__tit1 h3:before {content:"";display:block;position:absolute;left:0;top:0;width:30px;height:3px;background:linear-gradient(to right, #0076db 0%,#20bdcd 100%);}
.__tit1 p {font-size:16px;line-height:1.7em;margin-top:20px;}

.__tit111 {text-align:center;}
.__tit111 h3 {font-size:24px;color:#000;font-weight:bold;}
.__tit111 h3 > * {vertical-align:middle;}
.__tit111 h3 i {color:#d75652;font-size:1.3em;margin-right:10px;}
.__tit111 p {font-size:16px;line-height:1.7em;margin-top:20px;}

@media screen and (max-width:1000px){
	.__mold {padding-top:30px;padding-bottom:30px;}
	.__mold:last-child {margin-bottom:-30px;}
	
	.__tit1 {margin-bottom:15px;}
	.__tit1 h3 {font-size:18px;padding-top:10px;}
	.__tit1 h3:before {width:20px;height:2px;}
	.__tit1 p {font-size:13px;line-height:1.5em;margin-top:10px;}
}

.__advantage {margin:0 -11px;font-size:0;text-align:center;}
.__advantage .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:40%;padding:0 11px; margin-bottom:30px;}
.__advantage .box .info {margin-top:30px;padding:0 10px;}
.__advantage .box .info .subject {font-size:24px;font-weight:300;color:#000;}
.__advantage .box .info .sum {font-size:18px;color:#888;line-height:1.4em;margin-top:10px;font-weight:300;}
.__advantage.leng4 .box {width:25%;}

.__advantage2 > .td {vertical-align:middle;}
.__advantage2 .img {width:390px;}
.__advantage2 .info .con {margin-left:-50px;}
.__advantage2 .info .tbl .td {vertical-align:top;text-align:center;padding:0 20px;}
.__advantage2 .info .tbl .td ~ .td {border-left:1px solid #ddd;}
.__advantage2 .info .tbl .td dl {margin-top:30px;}
.__advantage2 .info .tbl .td dl dt {font-size:24px;color:#000;font-weight:300;line-height:1.3em;margin:0 -15px;letter-spacing:-0.075em;word-spacing:-0.025em;}
.__advantage2 .info .tbl .td dl dd {font-size:16px;color:#888;font-weight:300;line-height:1.4em;margin-top:10px;}

.__advantage3 {text-align:center;}
.__advantage3 .tit dl {display:inline-block;}
.__advantage3 .tit dl dt {font-size:30px;font-weight:300;color:#2858ab;line-height:1.3em;letter-spacing:-0.05em;}
.__advantage3 .tit dl dd {text-align:right;font-weight:300;color:#888;font-size:18px;margin-top:5px;}
.__advantage3 .area {margin-top:40px;font-size:0;}
.__advantage3 .area .box {display:inline-block;vertical-align:top;margin:0 25px;width:209px;}
.__advantage3 .area .box .txt {font-size:16px;line-height:1.4em;margin-top:15px;}

.__advantage4 > .td {vertical-align:middle;}
.__advantage4 .lef {width:350px;line-height:1.4em;letter-spacing:-0.075em;}
.__advantage4 .rig .tbl {text-align:center;}
.__advantage4 .rig .tbl .txt {font-size:24px;margin-top:20px;color:#000;font-weight:300;letter-spacing:-0.05em;padding:0 5px;}

@media screen and (max-width:1000px){
	.__advantage {margin:0 -5px -20px;}
	.__advantage .box {width:100% !important;padding:0 5px;margin-bottom:20px;}
	.__advantage .box .info {margin-top:15px;padding:0;}
	.__advantage .box .info .subject {font-size:16px;}
	.__advantage .box .info .sum {font-size:13px;margin-top:5px;line-height:1.3em;}

	.__advantage2 {display:block;}
	.__advantage2 .img {display:block;text-align:center;width:auto;}
	.__advantage2 .info {display:block;margin-top:20px;}
	.__advantage2 .info .__txt24 {line-height:1.4em;}
	.__advantage2 .info .con {margin-left:0;}
	.__advantage2 .info .tbl .td {padding:0 10px;}
	.__advantage2 .info .tbl .td dl {margin-top:15px;}
	.__advantage2 .info .tbl .td dl dt {font-size:16px;margin:0;}
	.__advantage2 .info .tbl .td dl dd {font-size:13px;margin-top:5px;line-height:1.3em;}

	.__advantage3 .tit dl dt {font-size:18px;}
	.__advantage3 .tit dl dd {font-size:13px;}
	.__advantage3 .area {margin-top:20px;margin-bottom:-20px;}
	.__advantage3 .area .box {margin:0 10px 20px;width:120px;}
	.__advantage3 .area .box .txt {font-size:13px;line-height:1.4em;margin-top:10px;}

	.__advantage4 > .td {display:block;}
	.__advantage4 .lef {width:auto;}
	.__advantage4 .rig {margin-top:15px;}
	.__advantage4 .rig .tbl .ico img {width:100px;}
	.__advantage4 .rig .tbl .txt {font-size:14px;margin-top:10px;}
}

.__step {text-align:center;font-size:0;margin:0 auto;}
.__step .td {vertical-align:middle;}
.__step .box {width:140px;}
.__step .box .circle {position:relative;height:0;padding-top:100%;}
.__step .box .circle .float {position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d3d3d3;background:#fff;border-radius:50%;box-sizing:border-box;padding:0 10px;white-space:nowrap;}
.__step .box .circle .float:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__step .box .circle .float .ver {display:inline-block;vertical-align:middle;white-space:normal;}
.__step .box .circle .float .num {font-size:12px;font-weight:bold;color:#7ca9d6;}
.__step .box .circle .float .big {font-size:24px;font-weight:300;color:#555;margin-top:10px;letter-spacing:-0.075em;}
.__step .box2 {width:160px;vertical-align:top;}
.__step .box2 .txt {font-weight:300;margin-top:10px;font-size:20px;line-height:1.3em;white-space:nowrap;letter-spacing:-0.05em;}
.__step .box3 {width:228px;vertical-align:top;}
.__step .box3 .subject {font-size:20px;font-weight:300;margin-top:15px;}
.__step .box3 .sum {font-size:16px;font-weight:300;margin-top:7px;}
.__step .arr span {position:relative;display:block;}
.__step .arr span:before {content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background:#d3d3d3;}
.__step .arr span i {display:inline-block;width:26px;height:26px;border-radius:50%;line-height:26px;color:#fff;background:#d3d3d3;position:relative;z-index:10;font-size:14px;}
.__step .box2 + .arr {vertical-align:top;padding-top:85px;}
.__step .box2.type2 + .arr {padding-top:90px;}
.__step .box2.type3 + .arr {padding-top:70px;}
.__step.type2 .arr span:before {display:none;}
.__step.type2 .box2 .txt {font-size:14px;font-weight:normal;color:#000;}
.__step.type2 .box2 .sum {font-size:13px;color:#999;line-height:1.5em;margin-top:10px;}
.__step.type2 .box2 + .arr {padding-top:30px;}

@media screen and (max-width:1180px){
	.__step.leng7 .arr {display:none;}
}

@media screen and (max-width:1000px){
	.__step {display:block;margin-bottom:-5px;}
	.__step .box {display:inline-block;width:90px;margin:0 5px 10px;}
	.__step .box .circle .float .num {font-size:12px;}
	.__step .box .circle .float .big {font-size:14px;margin-top:5px;}
	.__step .box2 {width:90px;display:inline-block;margin:0 5px 10px;}
	.__step .box2 .txt {margin-top:7px;font-size:14px;white-space:normal;}

	.__step .box3 {display:inline-block;width:50%;vertical-align:top;margin-bottom:20px;box-sizing:border-box;padding:0 5px;}
	.__step .box3 .subject {font-size:15px;margin-top:10px;}
	.__step .box3 .sum {font-size:13px;margin-top:5px;}

	.__step .arr {display:none;}
	
	.__step.type2 .box2 {width:150px;margin-bottom:20px;}
	.__step.type2 .box2 .txt {font-size:13px;}
	.__step.type2 .box2 .sum {font-size:11px;line-height:1.4em;margin-top:7px;}
	.__step.type2 .box2 + .arr {padding-top:30px;}
}

.__lastline {overflow:hidden;}
.__lastline .line {display:inline-block;position:relative;}
.__lastline .line:before {content:"";display:block;position:absolute;left:100%;margin-left:15px;width:1500px;height:1px;background:#d3d3d3;bottom:8px;}

.__alliance {margin:0 -5px;font-size:0;}
.__alliance .box {width:16.666666%;padding:0 5px;margin-bottom:10px;display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;}
.__alliance .box .in {border:1px solid #ddd;background:#fff;}

.__alliance2 {margin:0 -27px;font-size:0;}
.__alliance2 .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.333333%;padding:0 27px;}
.__alliance2 .box .in {border:1px solid #ddd;background:#fff;padding:28px 23px 60px;}
.__alliance2 .box .img {text-align:center;}
.__alliance2 .box .info {margin-top:35px;}
.__alliance2 .box .info .subject {font-size:30px;font-weight:300;letter-spacing:-0.075em;line-height:1.3em;color:#555;}
.__alliance2 .box .info .sum {font-size:18px;line-height:1.4em;color:#888;margin-top:15px;}

@media screen and (max-width:1000px){
	.__alliance .box {width:33.333333%;}

	.__alliance2 {margin:0 -5px -10px;}
	.__alliance2 .box {width:50%;padding:0 5px;}
	.__alliance2 .box .in {padding:20px 10px;}
	.__alliance2 .box .info {margin-top:15px;}
	.__alliance2 .box .info .subject {font-size:16px;}
	.__alliance2 .box .info .sum {font-size:13px;margin-top:10px;}
}

.__rowbox {margin:0 -5px -10px;font-size:0;}
.__rowbox .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.333333%;padding:0 5px;margin-bottom:10px;}
.__rowbox .box dl {border:1px solid #ddd;background:#fff;}
.__rowbox .box dl dt {height:40px;text-align:center;background:#083e8c;color:#fff;}
.__rowbox .box dl dt:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__rowbox .box dl dt span {display:inline-block;vertical-align:middle;font-size:18px;line-height:1.2em;}
.__rowbox .box dl dd {padding:15px;font-size:14px;color:#888;text-align:center;line-height:1.5em;}
.__rowbox .box dl dd ul {display:inline-block;text-align:left;}
.__rowbox .box dl dd ul li:before {top:0.6em;}

@media screen and (max-width:1000px){
	.__rowbox .box {display:block;width:auto;padding:0 5px;margin-bottom:10px;}
	.__rowbox .box dl dt {height:40px;}
	.__rowbox .box dl dt span {font-size:15px;}
	.__rowbox .box dl dd {font-size:13px;}
	.__rowbox .box dl dd ul li:before {top:0.6em;}
}

.__impg .box ~ .box {border-top:1px solid #e5e5e5;}
.__impg .box .td {padding:30px 0;vertical-align:top;}
.__impg .box .img {width:300px;}
.__impg .box .info {padding-left:20px;}
.__impg .box .info dl dt {font-size:20px;font-weight:500;color:#333;}
.__impg .box .info dl dd {font-size:16px;line-height:1.6em;margin-top:15px;}

@media screen and (max-width:1000px){
	.__impg .box .td {padding:15px 0;}
	.__impg .box .img {width:100px;padding-right:15px;}
	.__impg .box .info dl dt {font-size:14px;}
	.__impg .box .info dl dd {font-size:12px;line-height:1.5em;margin-top:10px;}
}



.__black {color:#222 !important;}
.__blue {color:#2c63a2 !important;}
.__blue2 {color:#0683e3 !important;}
.__red {color:#ff5656 !important;}
.__white {color:#fff !important;}
.__orange {color:#ff5e06 !important;}


.__txt14 {font-size:14px;line-height:1.6em;}
.__txt16 {font-size:16px;line-height:1.6em;}
.__txt18 {font-size:18px;line-height:1.6em;}
.__txt20 {font-size:20px;line-height:1.6em;}
.__txt24 {font-size:24px;line-height:1.6em;}
.__txt30 {font-size:30px;line-height:1.6em;}
.__txt34 {font-size:34px;line-height:1.6em;}
.__txt20.bar {position:relative;padding-top:12px;}
.__txt20.bar:before {content:"";display:block;width:18px;height:2px;background:#000;position:absolute;left:0;top:0;}

@media screen and (max-width:1000px){
	.__txt14 {font-size:12px;line-height:1.5em;}
	.__txt16 {font-size:13px;line-height:1.5em;}
	.__txt18 {font-size:14px;line-height:1.5em;}
	.__txt20 {font-size:16px;line-height:1.5em;}
	.__txt24 {font-size:15px;line-height:1.5em;}
	.__txt30 {font-size:20px;line-height:1.5em;}
	.__txt34 {font-size:20px;line-height:1.5em;}
}








.__btn1 {display:inline-block;box-sizing:border-box;padding:0 28px;height:39px;line-height:37px;border:1px solid #187aff;color:#187aff;font-size:15px;position:relative;}
.__btn1:before {content:"";display:block;position:absolute;width:29px;height:17px;right:-14px;top:50%;margin-top:-8.5px;background:url(../images/arr-blue.gif) no-repeat 50% 50%;}

.__btn2 {display:inline-block;box-sizing:border-box;width:160px;height:60px;line-height:58px;border:1px solid #f60;color:#f60;font-size:16px;position:relative;}
.__btn2.list:after {content:"";display:inline-block;width:11px;height:11px;background:url(../images/btn-list.gif) no-repeat;background-size:100% 100%;margin-left:10px;}
.__btn2:hover {background:#f60;color:#fff;}
.__btn2.list:hover:after {background-image:url(../images/btn-list-ov.gif);}

@media screen and (max-width:1000px){
	.__btn1 {padding:0 15px;height:30px;line-height:28px;font-size:13px;}
	.__btn1:before {width:14.5px;height:8.5px;right:-7px;margin-top:-4px;background-size:contain;}

	.__btn2 {width:90px;height:36px;line-height:34px;font-size:13px;}
	.__btn2.list:after {width:8px;height:8px;margin-left:5px;}
}

._tabbox {display:none;}
._tabbox.active {display:block;}

.__tab1 {margin-right:-1px;margin-bottom:40px;}
.__tab1:after {content:"";display:block;clear:both;}
.__tab1 li {float:left;width:20%;padding-right:1px;box-sizing:border-box;}
.__tab1 li button {display:block;background:#5d5d5d;border:none;width:100%;box-sizing:border-box;height:40px;text-align:center;color:#fff;font-size:15px;position:relative;}
.__tab1 li button:before {content:"";width:0;height:0;border-top:8px solid #fff;border-left:8px solid transparent;position:absolute;right:0;top:0;}
.__tab1 li button:after {content:"\f0d7";display:none;font-family:axicon;position:absolute;right:12px;top:50%;margin-top:-0.5em;color:#fff;font-size:12px;}
.__tab1 li .active {background:#18218f;}
.__tab1 li .active:after {display:block;}

.__tab2 {margin-right:-3px;padding:1px 0 0 1px;margin-bottom:40px;}
.__tab2:after {content:"";display:block;clear:both;}
.__tab2 a {float:left;width:33.33333%;box-sizing:border-box;margin:-1px 0 0 -1px;text-align:center;font-size:0;border:1px solid #ddd;height:58px;white-space:nowrap;position:relative;padding:0 5px;}
.__tab2 a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab2 a span {display:inline-block;vertical-align:middle;font-size:18px;max-width:100%;white-space:normal;}
.__tab2 .active {z-index:10;border-color:#004096;background:#004096;color:#fff;}
.__tab2.leng2 {margin-right:-2px;}
.__tab2.leng2 a {width:50%;}
.__tab2.leng4 {margin-right:-4px;}
.__tab2.leng4 a {width:25%;}
.__tab2.leng5 {margin-right:-5px;}
.__tab2.leng5 a {width:20%;}

.__tab3 {margin-right:-7px;padding:1px 0 0 1px;margin-bottom:60px;}
.__tab3:after {content:"";display:block;clear:both;}
.__tab3 a {float:left;width:14.285714%;box-sizing:border-box;margin:-1px 0 0 -1px;text-align:center;font-size:0;border:1px solid #ddd;height:52px;white-space:nowrap;position:relative;padding:0 5px;background:#f9f9f9;}
.__tab3 a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab3 a span {display:inline-block;vertical-align:middle;font-size:16px;max-width:100%;white-space:normal;font-weight:bold;}
.__tab3 .active {z-index:10;border-color:#4495ff;background:#4495ff;color:#fff;}



@media screen and (max-width:1000px){
	.__tab1 {margin-bottom:20px;}
	.__tab1 li button {height:28px;font-size:12px;}
	.__tab1 li button:before {border-top:4px solid #fff;border-left:4px solid transparent;}
	.__tab1 li .active:after {display:none;}
	
	.__tab2 {margin-bottom:20px;}
	.__tab2 a {height:40px;}
	.__tab2 a span {font-size:13px;}
	.__tab2.leng4 {margin-right:-2px;}
	.__tab2.leng4 a {width:50%;}
	
	.__tab2.leng5 {margin-right:-3px;}
	.__tab2.leng5 a {width:33.33333%;}
	.__tab2.leng5 a:nth-child(n+4) {width:50%;}
	.__tab2.leng5 a:last-child {width:calc(50% - 1px);}
	
	.__tab3 {margin-right:-4px;margin-bottom:10px;}
	.__tab3 a {width:25%;height:38px;}
	.__tab3 a span {font-size:12px;}
}

.__greeting {position:relative;padding-right:550px;}
.__greeting .img {position:absolute;right:0;top:0;}
.__greeting .img p {text-align:right;padding-right:55px;font-size:16px;color:#222;}
.__greeting .img p > * {display:inline-block;vertical-align:middle;}
.__greeting .img p em {margin-left:10px;}
.__greeting .info {font-size:16px;line-height:2em;}

@media screen and (max-width:1000px){
	.__greeting {padding-right:0;}
	.__greeting .img {position:relative;text-align:center;}
	.__greeting .img p {padding-right:0;font-size:13px;text-align:center;margin-top:15px;}
	.__greeting .img p em {margin-left:10px;}
	.__greeting .img p em img {width:40px;}
	.__greeting .info {font-size:13px;line-height:1.6em;margin-top:30px;}
}

.__history {background:url(../images/history-bg.png) no-repeat 50% 0;padding-top:25px;}
.__history:after {content:'';display:block;clear:both;}
.__history .img {padding-top:30px;width:42%;float:left;}
.__history .info {box-sizing:border-box;width:58%;padding:0 0 0 108px;float:right;}
.__history .wrap {position:relative;padding:65px 0;}
.__history .wrap:before {content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#ddd;}
.__history .wrap .dot {display:block;width:8px;height:8px;position:absolute;left:-4px;border-radius:50%;background:#ddd;}
.__history .wrap .top {top:-4px;}
.__history .wrap .bot {bottom:-4px;}
.__history .wrap .area dl {position:relative;padding-left:55px;padding-right:70px;}
.__history .wrap .area dl:before {content:"";display:block;position:absolute;left:2px;top:14px;width:35px;height:1px;background:#ddd;}
.__history .wrap .area dl:after {content:"";display:block;position:absolute;width:9px;height:9px;background:#fff;border-radius:50%;border:5px solid #1562ca;left:-9.5px;top:5px;}
.__history .wrap .area dl dt {position:absolute;right:0;top:0;font-size:22px;color:#1562ca;font-weight:bold;}
.__history .wrap .area dl dd {padding-top:2px;}
.__history .wrap .area dl dd p {font-size:16px;line-height:1.4em;}
.__history .wrap .area dl dd p ~ p {margin-top:10px;}
.__history .wrap .area dl ~ dl {margin-top:35px;}

@media screen and (max-width:1000px){
	.__history {padding-top:0;background-size:222px 162px;background-position:50% 50%;}
	.__history .img {padding-top:0;width:auto;float:none;text-align:center;}
	.__history .info {width:auto;padding:0 0 0 20px;float:none;margin-top:30px;}
	.__history .wrap {padding:30px 0;}
	.__history .wrap .dot {width:5px;height:5px;left:-2px;}
	.__history .wrap .top {top:-2px;}
	.__history .wrap .bot {bottom:-2px;}
	.__history .wrap .area dl {padding-left:40px;}
	.__history .wrap .area dl:before {left:2px;top:9px;width:30px;}
	.__history .wrap .area dl:after {width:5px;height:5px;border:4px solid #1562ca;left:-6px;top:3px;}
	.__history .wrap .area dl dt {position:relative;left:0;font-size:15px;}
	.__history .wrap .area dl dd {padding-top:5px;}
	.__history .wrap .area dl dd p {font-size:13px;}
	.__history .wrap .area dl dd p ~ p {margin-top:10px;}
	.__history .wrap .area dl ~ dl {margin-top:20px;}
}

.__nice-info {position:relative;}
.__nice-info:before {content:"";display:block;width:251px;height:237px;position:absolute;right:0;top:-50px;background:url(../images/nice-info-bg.jpg) no-repeat;}
.__nice-info .top {color:#444;position:relative;z-index:10;padding-right:335px;}
.__nice-info .img {text-align:center;position:relative;z-index:10;margin:100px 0 90px;}
.__nice-info .info {position:relative;}
.__nice-info .info:before {content:"";display:block;position:absolute;left:178px;top:0;height:100%;width:1px;background:#e5e5e5;}
.__nice-info .info dl {position:relative;padding-left:210px;}
.__nice-info .info dl dt {position:absolute;left:0;top:0;}
.__nice-info .info dl dt span {display:block;font-size:10px;letter-spacing:0;margin-bottom:3px;}
.__nice-info .info dl dt strong {font-size:20px;}
.__nice-info .info dl dt em {font-size:14px;color:#333;}
.__nice-info .info dl ~ dl {margin-top:40px;}
.__nice-info .bot {margin-top:60px;}

@media screen and (max-width:1000px){
	.__nice-info {position:relative;}
	.__nice-info:before {width:125.5px;height:118.5px;position:relative;top:0;background-size:contain;margin:0 auto 20px;}
	.__nice-info .top {padding-right:0;}
	.__nice-info .img {margin:40px 0;}
	.__nice-info .info:before {display:none;}
	.__nice-info .info dl {padding-left:0;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;}
	.__nice-info .info dl dt {position:relative;}
	.__nice-info .info dl dt strong {font-size:17px;}
	.__nice-info .info dl dt em {font-size:12px;}
	.__nice-info .info dl dd {margin-top:10px;}
	.__nice-info .info dl ~ dl {margin-top:0;}
	.__nice-info .bot {margin-top:0;}
}


.__niceway .box {position:relative;padding:0 0 0 150px;box-sizing:border-box;}
.__niceway .box .img {position:absolute;left:0;top:0;}
.__niceway .box dl {position:relative;padding:27px 0 27px 155px;}
.__niceway .box ~ .box dl {border-top:1px solid #ebebeb;}
.__niceway .box dl dt {position:absolute;left:0;top:28px;font-size:20px;}
.__niceway .box dl dt strong {font-size:28px;}
.__niceway .box dl dd p {font-size:15px;color:#333;line-height:1.4em;}
.__niceway .box dl dd p ~ p {margin-top:7px;}
.__nicedot > li {position:relative;padding-left:10px;}
.__nicedot > li:before {content:"";display:block;width:3px;height:5px;background:url(../images/nicedot.gif) no-repeat 50% 50%;position:absolute;left:0;top:10px;}
.__nicedot > li ~ li {margin-top:3px;}

@media screen and (max-width:1000px){
	.__niceway .box {padding:0 0 0 70px;}
	.__niceway .box .img {width:60px;top:15px;}
	.__niceway .box dl {padding:15px 0;}
	.__niceway .box dl dt {position:relative;top:0;font-size:14px;margin-bottom:5px;}
	.__niceway .box dl dt strong {font-size:14px;}
	.__niceway .box dl dt span {font-weight:bold;}
	.__niceway .box dl dd p {font-size:12px;}
	.__niceway .box dl dd p ~ p {margin-top:3px;}
	
	.__nicedot > li {padding-left:8px;}
	.__nicedot > li:before {background-image:url(../images/nicedot-m.gif);background-size:contain;top:7px;width:2.5px;height:4px;}
	.__nicedot > li ~ li {margin-top:2px;}
}


.__loc:after {content:"";display:block;clear:both;}
.__loc .img {float:left;width:56%;}
.__loc .img ._print {border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;}
.__loc .img .btn {text-align:right;margin-top:13px;}
.__loc .img .btn > * {display:inline-block;vertical-align:top;box-sizing:border-box;margin-left:7px;height:40px;line-height:38px;padding:0 15px;border-radius:5px;font-size:13px;background:#fff;}
.__loc .img .btn > * > * {display:inline-block;vertical-align:middle;}
.__loc .img .btn img {margin-right:5px;}
.__loc .img .btn a {border:1px solid #20c02f;color:#20c02f;}
.__loc .img .btn button {border:1px solid #555;color:#222;}
.__loc .info {float:right;width:44%;box-sizing:border-box;padding-left:24px;}
.__loc .info .area {position:relative;}
.__loc .info .area:before {content:"";display:block;position:absolute;left:80px;top:0;height:100%;width:1px;background:#ddd;}
.__loc .info .area dl {position:relative;padding-left:110px;font-size:16px;}
.__loc .info .area dl ~ dl {margin-top:23px;}
.__loc .info .area dl dt {position:absolute;left:0;top:0;white-space:nowrap;}
.__loc .info .area dl dt img {width:12px;margin-right:5px;}
.__loc .info .area dl dd span {display:inline-block;vertical-align:top;margin-right:20px;}
.__loc .info .area dl dd p {position:relative;padding-left:25px;}
.__loc .info .area dl dd p ~ p {margin-top:5px;}
.__loc .info .area dl dd p em {display:block;border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center;color:#fff;font-weight:bold;font-size:10px;position:absolute;left:0;top:1px;}

@media screen and (max-width:1000px){
	.__loc .img {float:none;width:auto;}
	.__loc .img .btn {margin-top:10px;}
	.__loc .img .btn > * {margin-left:5px;height:30px;line-height:28px;padding:0 10px;border-radius:3px;font-size:12px;}
	.__loc .img .btn img {margin-right:5px;width:12px;}
	.__loc .info {float:none;width:auto;padding-left:0;margin-top:40px;}
	.__loc .info .area:before {left:80px;}
	.__loc .info .area dl {padding-left:90px;font-size:13px;line-height:1.4em;}
	.__loc .info .area dl ~ dl {margin-top:15px;}
	.__loc .info .area dl dt img {width:15px;margin-right:3px;}
	.__loc .info .area dl dd span {margin-right:15px;}
	.__loc .info .area dl dd p {padding-left:22px;}
	.__loc .info .area dl dd p ~ p {margin-top:3px;}
	.__loc .info .area dl dd p em {width:15px;height:15px;line-height:15px;top:2px;}
}

.__search {background:#e5e9eb;padding:24px;margin-bottom:50px;}
.__search .area {background:#fff;position:relative;padding:0 125px 0 205px;}
.__search .area span {display:block;position:relative;}
.__search .area span > * {display:block;height:50px;width:100%;box-sizing:border-box;border:none;font-size:14px;padding-left:15px;}
.__search .area span ~ span:before {content:"";display:block;width:1px;height:14px;position:absolute;left:0;top:50%;margin-top:-7px;background:#ddd;}
.__search .area button {display:block;position:absolute;right:0;top:0;width:125px;height:100%;background:#004096;border:none;color:#fff;font-size:24px;}
.__search .area .sel {position:absolute;left:0;top:0;width:205px;padding-right:15px;box-sizing:border-box;}

.__recruit-list {margin:0 -10px -40px;}
.__recruit-list:after {content:"";display:block;clear:both;}
.__recruit-list .box {float:left;width:25%;box-sizing:border-box;padding:0 10px;margin-bottom:40px;}
.__recruit-list .box .in {display:block;position:relative;padding:23px 23px 0;height:190px;box-sizing:border-box;}
.__recruit-list .box .in:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #ccc;}
.__recruit-list .box .in > * {display:block;position:relative;}
.__recruit-list .box .day {font-size:24px;font-weight:bold;color:#004096;}
.__recruit-list .box .subject {font-size:18px;color:#000;line-height:1.4em;height:4.2em;overflow:hidden;margin-top:10px;}
.__recruit-list .box .ing {margin-top:10px;display:table;width:100%;}
.__recruit-list .box .ing > * {display:table-cell;vertical-align:middle;}
.__recruit-list .box .ing .during {font-size:12px;font-weight:bold;}
.__recruit-list .box .ing .ico {text-align:right;}
.__recruit-list .box .ing .ico span {display:inline-block;width:56px;height:28px;line-height:28px;color:#fff;background:#004196;font-size:12px;text-align:center;}
.__recruit-list .box .ing .ico.type2 span {background:#666;}
.__recruit-list .box .in:hover:before {border:2px solid #004096;}

@media screen and (max-width:1000px){
	.__search {padding:10px;margin-bottom:20px;}
	.__search .area {padding:0 40px 0 90px;}
	.__search .area span {display:block;position:relative;}
	.__search .area span > * {height:40px;font-size:13px;padding-left:5px;}
	.__search .area span ~ span:before {height:12px;margin-top:-6px;}
	.__search .area button {width:40px;font-size:18px;}
	.__search .area .sel {width:90px;padding-right:5px;}

	.__recruit-list {margin:0 0 -10px;}
	.__recruit-list .box {width:100%;padding:0;margin-bottom:10px;}
	.__recruit-list .box .in {padding:15px;height:auto;}
	.__recruit-list .box .day {font-size:18px;}
	.__recruit-list .box .subject {font-size:16px;line-height:1.4em;height:auto;max-height:2.8em;margin-top:10px;}
	.__recruit-list .box .ing {margin-top:10px;}
	.__recruit-list .box .ing .during {font-size:12px;}
	.__recruit-list .box .ing .ico span {width:56px;height:28px;line-height:28px;}
}


.__notice-list {margin:0 -10px -40px;}
.__notice-list:after {content:"";display:block;clear:both;}
.__notice-list .box {float:left;width:25%;box-sizing:border-box;padding:0 10px;margin-bottom:40px;}
.__notice-list .box .in {display:block;position:relative;padding:23px;box-sizing:border-box;}
.__notice-list .box .in:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #ccc;}
.__notice-list .box .in > * {display:block;position:relative;}
.__notice-list .box .subject {font-size:18px;color:#000;line-height:1.4em;height:4.2em;overflow:hidden;}
.__notice-list .box .con {margin-top:25px;font-size:14px;line-height:1.5em;height:7.5em;overflow:hidden;}
.__notice-list .box .date {font-size:12px;font-weight:bold;margin-top:35px;}
.__notice-list .box .in:hover:before {border:2px solid #004096;}

@media screen and (max-width:1000px){
	.__notice-list {margin:0 0 -10px;}
	.__notice-list .box {width:100%;padding:0;margin-bottom:10px;}
	.__notice-list .box .in {padding:15px;height:auto;}
	.__notice-list .box .subject {font-size:16px;line-height:1.4em;height:auto;max-height:2.8em;margin-top:10px;}
	.__notice-list .box .con {margin-top:10px;font-size:13px;line-height:1.4em;max-height:2.8em;height:auto;}
	.__notice-list .box .date {margin-top:10px;}
}


.__botarea {margin-top:60px;position:relative;min-height:32px;}
.__botarea .cen {text-align:center;}
.__botarea .lef {position:absolute;left:0;top:0;}
.__botarea .rig {position:absolute;right:0;top:0;}
.__botarea .__search {text-align:center;margin-top:30px;}
.__botarea .pn {position:absolute;display:block;width:33%;box-sizing:border-box;top:50%;margin-top:-20.5px;}
.__botarea .pn:before {font-family:axicon;font-size:30px;line-height:1em;top:50%;margin-top:-0.5em;position:absolute;}
.__botarea .pn > * {display:block;}
.__botarea .pn strong {font-size:14px;font-weight:normal;}
.__botarea .pn span {font-size:16px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:7px;}
.__botarea .pn.prev {text-align:left;padding-left:50px;left:0;}
.__botarea .pn.prev:before {content:"\f1b0";left:0;}
.__botarea .pn.next {text-align:right;padding-right:50px;right:0;}
.__botarea .pn.next:before {content:"\f1b1";right:0;}

.__paging {font-size:0;}
.__paging .arr,
.__paging .num {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:32px;
	height:32px;
	line-height:30px;
	border:1px solid #ccc;
	text-align:center;
	color:#888;
	z-index:0;
	margin:0 2px;
	position:relative;
}
.__paging .num {font-size:14px;}
.__paging .arr i {font-size:18px;display:block;line-height:30px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#f60;color:#fff;background:#f60;font-weight:500;}

@media all and (max-width:1000px){
	.__botarea {margin-top:20px;text-align:center;}
	.__botarea > div {position:relative !important;}
	.__botarea > div ~ div {margin-top:10px;}
	.__botarea .pn {top:0;width:45%;margin-top:0;}
	.__botarea .pn:before {font-size:24px;}
	.__botarea .pn + .cen {padding-top:50px;}
	.__botarea .pn strong {font-size:12px;}
	.__botarea .pn span {font-size:13px;margin-top:5px;}
	.__botarea .pn.prev {padding-left:30px;}
	.__botarea .pn.next {padding-right:30px;}

	.__botarea .__search {margin-top:15px;}

	.__paging .arr,
	.__paging .num {width:30px;height:30px;line-height:28px;margin:0 2px;}
	.__paging .num {font-size:13px;}
	.__paging .arr i {font-size:16px;line-height:26px;}
	.__paging .prev {margin-right:2px;}
	.__paging .next {margin-left:2px;}
}


.__board-view {border-top:2px solid #333;border-bottom:1px solid #ccc;}
.__board-view .top {border-bottom:1px solid #ccc;position:relative;padding:25px 15px;}
.__board-view .top .ico {position:absolute;right:15px;top:25px;}
.__board-view .top .ico span {display:block;width:100px;height:35px;box-sizing:border-box;border:1px solid #004196;color:#004196;text-align:center;font-size:16px;line-height:33px;}
.__board-view .top .ico.type2 span {background:#8a8a8a;border-color:#8a8a8a;color:#fff;}
.__board-view .top h3 {font-size:24px;color:#333;font-weight:normal;}
.__board-view .top .ico + h3 {padding-right:120px;}
.__board-view .top .date {margin-top:15px;font-size:14px;color:#333;}
.__board-view .top .file {margin-top:20px;}
.__board-view .top .file li ~ li {margin-top:12px;}
.__board-view .top .file li a {display:block;position:relative;padding-left:28px;font-size:14px;color:#000;}
.__board-view .top .file li a:hover {text-decoration:underline;}
.__board-view .top .file li a:before {content:"";display:block;width:20px;height:23px;position:absolute;left:0;top:-3px;background:url(../images/ico-file.gif) no-repeat 0 50%;background-size:contain;}
.__board-view .con {padding:30px 20px;font-size:16px;line-height:1.8em;word-break:break-all;}
.__board-view .con img {height:auto !important;}
.__board-view .con * {max-width:100% !important;}

@media screen and (max-width:1000px){
	.__board-view .top {padding:15px 10px;}
	.__board-view .top .ico {position:relative;right:0;top:0;margin-bottom:10px;}
	.__board-view .top .ico span {width:80px;height:30px;font-size:13px;line-height:28px;}
	.__board-view .top h3 {font-size:16px;}
	.__board-view .top .ico + h3 {padding-right:0;}
	.__board-view .top .date {margin-top:10px;font-size:13px;}
	.__board-view .top .file {margin-top:10px;}
	.__board-view .top .file li ~ li {margin-top:5px;}
	.__board-view .top .file li a {padding-left:18px;font-size:13px;}
	.__board-view .top .file li a:before {width:10px;height:11.5px;top:1px;}
	.__board-view .con {padding:20px 10px;font-size:13px;line-height:1.6em;}
}


.__privacy .top {position:relative;text-align:right;margin-bottom:20px;font-size:0;}
.__privacy .top select,
.__privacy .top a {display:inline-block;height:40px;vertical-align:top;box-sizing:border-box;}
.__privacy .top select {min-width:270px;font-size:14px;color:#000;padding-left:10px;border:1px solid #ddd;}
.__privacy .top a {width:60px;background:#012b5d;color:#fff;margin-left:15px;font-size:14px;text-align:center;line-height:40px;}
.__privacy .area {border-top:2px solid #333;padding-top:40px;}

@media screen and (max-width:1000px){
	.__privacy .top {margin-bottom:10px;}
	.__privacy .top select,
	.__privacy .top a {height:32px;}
	.__privacy .top select {min-width:0;width:auto;font-size:13px;padding-left:5px;}
	.__privacy .top a {width:50px;margin-left:5px;font-size:13px;line-height:32px;}
	.__privacy .area {padding-top:10px;}
}

.__tbl1 {table-layout:auto;width:100%;border-top:2px solid #043465; overflow-x: auto;}
.__tbl1 tr > * {border-bottom:1px solid #c7ccd1;padding:12px;font-size:14px;text-align:center;line-height:1.6em;box-sizing:border-box;}
.__tbl1 tr > * ~ * {border-left:1px solid #c7ccd1;}
.__tbl1 tr th {color:#000;font-weight:bold;background:#e5eaef;}
.__tbl1.fix {table-layout:fixed;}

.__tbl2 {table-layout:auto;width:100%;border-top:1px solid #000;}
.__tbl2 tr > * {border-bottom:1px solid #c7ccd1;padding:12px;font-size:16px;text-align:center;line-height:1.6em;box-sizing:border-box;}
.__tbl2 tr > * ~ * {border-left:1px solid #c7ccd1;}
.__tbl2 tr th {color:#000;font-weight:bold;background:#f9f9f9;}
.__tbl2 tr .tal {padding-left:25px;padding-right:25px;}
.__tbl2.fix {table-layout:fixed;}
.__tbl2.type2 tr td {font-size:14px;}

.twaytbl {
    border-top: 1px solid #b3b3b3;
}

.twaytbl tr > * {
    line-height: 1.0em;
}

.twaytbl tr th {
    color: #000;
    font-weight: bold;
    background: #f1f1f1;
}

.twaytbl tr:nth-child(even) {background-color: #fffff1;}


.p-input--date5 {
    height: 30px !important;
    max-width: 200px;
    font-size: 15px;
    text-align: left;
}

@media screen and (max-width:1000px){
	.__tbl1 tr > * {padding:5px !important;font-size:12px;line-height:1.3em;}
	.__tbl2 tr > * {padding:5px !important;font-size:12px;line-height:1.3em;}
	.__tbl2.type2 tr td {font-size:12px;}
}

.__rest:after {content:"";display:block;clear:both;}
.__rest > div {box-sizing:border-box;border:1px solid #ddd;height:800px;width:calc(50% - 20px);position:relative;}
.__rest .map {float:left;padding:120px 40px 0;}
.__rest .map h4 {position:absolute;left:40px;top:40px;color:#000;line-height:1.3em;font-size:24px;font-weight:normal;}
.__rest .map dl dt {font-size:16px;font-weight:bold;color:#000;}
.__rest .map dl dd {margin:5px 0 10px;}
.__rest .map dl dd span {display:inline-block;font-size:13px;color:#000;font-weight:bold;}
.__rest .map dl dd span img {height:20px;display:inline-block;}
.__rest .map dl dd span em {display:inline-block;margin-left:5px;}
.__rest .map dl dd span ~ span {margin-left:15px;}
.__rest .info {float:right;}
.__rest .info h4 {margin:-1px -1px 0;background:#0d3b7b;text-align:center;color:#fff;font-size:24px;padding:17px 10px;}
.__rest .info .con {padding:25px 20px;}
.__rest .info .con .img {margin-top:20px;text-align:center;}
.__rest .info .area {display:none;}
.__rest .info .area.active {display:block;}
.__rest .info .area:nth-child(n+3) .__tbl1 {table-layout:fixed;}
.__rest .info .area:nth-child(n+3) .__tbl1 tr > *:first-child {width:150px;}

@media screen and (max-width:1200px){
	.__rest > div {width:calc(50% - 10px);}
} 

@media screen and (max-width:1000px){
	.__rest > div {height:auto;width:100%;float:none !important;}
	.__rest .map {padding:0;border:none;}
	.__rest .map .use {margin-top:20px;padding:0 15px;text-align:center;}
	.__rest .info {border:none;}
	.__rest .info .wrap {border:1px solid #ddd;}
	.__rest .info .wrap ~ .wrap {margin-top:10px;}
	.__rest h3 {font-size:16px;color:#000;font-weight:bold;margin:30px 0 10px;}
	.__rest .info h4 {font-size:15px;padding:10px;}
	.__rest .info .con {padding:10px;}
}


.__export-process {margin-bottom:100px;padding:0 30px;}
.__export-process .td {display:table-cell;vertical-align:middle;text-align:center;position:relative;}
.__export-process .arr i {color:#e9e9e9;font-size:24px;}
.__export-process .box {width:110px;}
.__export-process .info {position:absolute;left:0;top:100%;width:100%;margin-top:20px;}
.__export-process .info h4 {font-size:18px;font-weight:bold;}
.__export-process .info p {margin:15px -30px 0;font-size:14px;color:#999;line-height:1.4em;}
.__export-process .blue .info h4 {color:#d0021b;}


.__export-bot {margin-bottom:-100px;}
.__export-bot:after {content:"";display:block;clear:both;}
.__export-bot a {display:block;width:33.33333%;text-align:center;float:left;height:859px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;box-sizing:border-box;padding:340px 10px 0;}
.__export-bot a .ico {display:inline-block;width:112px;height:37px;line-height:37px;border-radius:5px;font-weight:bold;color:#fff;background:#4495ff;font-size:18px;}
.__export-bot a .subject {display:block;font-size:40px;margin:10px 0;color:#fff;font-weight:bold;}
.__export-bot a .txt {font-size:16px;color:#fff;line-height:1.5em;min-height:7em;display:block;}
.__export-bot a .btn {display:inline-block;width:146px;height:45px;line-height:45px;background:#fff;font-size:18px;color:#555;transition:0.3s;}
.__export-bot a:hover .btn {background:#0079ff;color:#fff;}
.__export-bot .btn1 {background-image:url(../images/export1.jpg);}
.__export-bot .btn2 {background-image:url(../images/export2.jpg);}
.__export-bot .btn3 {background-image:url(../images/export3.jpg);}

@media screen and (max-width:1200px){
	.__export-process .info p {margin:15px -20px 0;}
}

@media screen and (max-width:1000px){
	.__export-process {margin-bottom:30px;padding:0;text-align:center;}
	.__export-process .td {display:inline-block;vertical-align:top;}
	.__export-process .arr {display:none;}
	.__export-process .box {width:80px;margin:0 10px 20px;}
	.__export-process .info {position:relative;top:0;margin-top:10px;}
	.__export-process .info h4 {font-size:14px;font-weight:bold;}
	.__export-process .info p {display:none;position:absolute;top:100%;margin-top:-60px;width:130px;left:50%;margin-left:-65px;z-index:100;background:#fff;border:1px solid #ddd;padding:10px;font-size:12px;box-sizing:border-box;text-align:left;}
	.__export-process .box:hover p {display:block;}


	.__export-bot {margin-bottom:-30px;}
	.__export-bot a {height:auto;padding:30px 10px;width:100%;display:block;}
	.__export-bot a .ico {width:100px;height:34px;line-height:34px;font-size:13px;}
	.__export-bot a .subject {font-size:20px;margin:10px 0;}
	.__export-bot a .txt {font-size:13px;line-height:1.4em;min-height:0;margin-bottom:15px;}
	.__export-bot a .btn {width:100px;height:34px;line-height:34px;font-size:13px;}
}

.__nmpa-main {text-align:center;margin-top:100px;padding-top:100px;font-size:0;border-top:1px solid #ddd;}
.__nmpa-main .inner {font-size:0;max-width:1020px;margin:0 auto;text-align:center;}
.__nmpa-main .box {width:33.33333%;box-sizing:border-box;display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 15px;margin-bottom:25px;}
.__nmpa-main .box1 a {background-image:url(../images/sub-421-2.jpg);}
.__nmpa-main .box2 a {background-image:url(../images/sub-421-3.jpg);}
.__nmpa-main .box3 a {background-image:url(../images/sub-421-4.jpg);}
.__nmpa-main .box4 a {background-image:url(../images/sub-421-5.jpg);}
.__nmpa-main .box5 a {background-image:url(../images/sub-421-6.jpg);}
.__nmpa-main .box6 a {background-image:url(../images/sub-421-7.jpg);}
.__nmpa-main .box7 a {background-image:url(../images/sub-421-8.jpg);}
.__nmpa-main a {padding-top:100%;box-sizing:border-box;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;display:block;}
.__nmpa-main .float {position:absolute;left:0;top:0;width:100%;height:100%;}
.__nmpa-main .float:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__nmpa-main .float .in {display:inline-block;vertical-align:middle;}
.__nmpa-main .float .in > * {display:block;}
.__nmpa-main .float .in strong {color:#fff;font-size:24px;line-height:1.2em;}
.__nmpa-main .float .in em {display:inline-block;width:100px;height:28px;line-height:28px;color:#333;background:#fff;font-size:14px;margin-top:15px;}

@media screen and (max-width:1000px){
	.__nmpa-main {margin-top:30px;padding-top:30px;}
	.__nmpa-main .box {width:50%;padding:0 10px;margin-bottom:10px;}
	.__nmpa-main .float .in strong {font-size:14px;}
	.__nmpa-main .float .in em {width:80px;height:24px;line-height:24px;font-size:12px;margin-top:10px;}
}

.__leng2:after {content:"";display:block;clear:both;}
.__leng2 > * {float:left;width:50%;box-sizing:border-box;padding-right:20px;}

.__nmpa-bot {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;text-align:center;font-size:0;margin-bottom:-100px;font-size:0;}
.__nmpa-bot .inner {height:302px;white-space:nowrap;}
.__nmpa-bot .inner:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__nmpa-bot .inner .in {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
.__nmpa-bot .tit h4 {color:#fff;font-size:36px;font-weight:bold;}
.__nmpa-bot .tit p {font-size:18px;color:#fff;margin-top:10px;}
.__nmpa-bot .btn {display:inline-block;box-sizing:border-box;border:1px solid #fff;height:52px;line-height:50px;font-size:20px;font-weight:bold;width:210px;margin-top:25px;color:#fff;}
.__nmpa-bot .btn:hover {background:#4495ff;border-color:#4495ff;}

@media screen and (max-width:1000px){
	.__leng2 > * {width:100%;padding-right:0;}
	
	.__nmpa-bot {margin-bottom:-30px;}
	.__nmpa-bot .inner {height:180px;}
	.__nmpa-bot .tit h4 {font-size:18px;}
	.__nmpa-bot .tit p {font-size:13px;margin-top:7px;}
	.__nmpa-bot .btn {height:34px;line-height:32px;font-size:13px;width:120px;margin-top:15px;}

}

.__mlist1 {border-top:1px solid #000;background-color:#fff;zoom:1;}
.__mlist1:after {display:block;clear:both;content:''}
.__mlist1 ul {overflow:hidden}
.__mlist1 li {position:relative;width:33%;float:left;border-bottom:1px solid #e5e5e5;font-weight:400;color:#555;font-size:18px;letter-spacing:-1px;min-height:23px;}
.__mlist1 li .n {background-color:#f9f9f9;color:#333;font-size:18px;text-align:center;width:20%;line-height:39px;height:39px;display:inline-block;margin-right:10px;}

.__sajun-ser1 {border-top:0px solid #ddd;border-bottom:0px solid #ddd;padding:100px 0;}
.__sajun-ser1 .area {max-width:1200px;margin:0 auto;}
.__sajun-ser1 .td {text-align:center;}
.__sajun-ser1 .box {vertical-align:top;width:300px;}
.__sajun-ser1 .arr {vertical-align:middle;}
.__sajun-ser1 .box dl {margin-top:10px;}
.__sajun-ser1 .box dl dt {font-size:30px;font-weight:bold;color:#4494ff;}
.__sajun-ser1 .box dl dd {font-size:18px;font-weight:bold;color:#000;line-height:1.4em;margin:10px 0;}
.__sajun-ser1 .box .txt {margin-top:10px;font-size:16px;color:#999;line-height:1.5em;}
.__sajun-ser1 .arr span {display:inline-block;width:50px;height:50px;text-align:center;color:#fff;background:#4494ff;border-radius:50%;font-size:0;}
.__sajun-ser1 .arr span i {font-size:18px;line-height:50px;}

.__sajun-ser2 a {display:inline-block;box-sizing:border-box;width:280px;height:56px;line-height:52px;border-radius:28px;background:#f9f9f9;border:2px solid #004196;font-size:16px;color:#004196;}

.__sajun-ser3 {border-top:0px solid #ddd;border-bottom:0px solid #ddd;padding:100px 0;}
.__sajun-ser3 .area {max-width:1200px;margin:0 auto;}
.__sajun-ser3 .td {vertical-align:top;text-align:center;}
.__sajun-ser3 .box {width:300px;}
.__sajun-ser3 .arr {padding-top:65px;}
.__sajun-ser3 .box .txt {margin-top:15px;font-size:18px;color:#000;line-height:1.5em;font-weight:bold;}
.__sajun-ser3 .arr span {display:inline-block;color:#245cab;font-size:0;}
.__sajun-ser3 .arr span i {font-size:24px;line-height:50px;}
.__sajun-ser3 .con {text-align:center;font-size:18px;line-height:1.8em;font-weight:bold;color:#000;margin-top:20px;}

@media screen and (max-width:1000px){
	.__sajun-ser1 {padding:20px 10px;}
	.__sajun-ser1 .box {display:block;width:auto;}
	.__sajun-ser1 .box ~ .box {margin-top:20px;}
	.__sajun-ser1 .arr {display:none;}
	.__sajun-ser1 .box img {width:60px;}
	.__sajun-ser1 .box dl {margin-top:10px;}
	.__sajun-ser1 .box dl dt {font-size:18px;}
	.__sajun-ser1 .box dl dd {font-size:14px;line-height:1.5em;}
	.__sajun-ser1 .box .txt {margin-top:7px;font-size:13px;}

	.__sajun-ser2 a {width:190px;height:40px;line-height:36px;border-radius:20px;font-size:14px;}
	
	.__sajun-ser3 {padding:20px 0;}
	.__sajun-ser3 .box {display:inline-block;width:45%;margin:0 2%;margin-bottom:20px;}
	.__sajun-ser3 .arr {display:none;}
	.__sajun-ser3 .box img {width:90px;}
	.__sajun-ser3 .box .txt {margin-top:10px;font-size:14px;line-height:1.4em;}
	.__sajun-ser3 .con {font-size:14px;line-height:1.6em;margin-top:10px;}
}

.fl {float:left}
.fr {float:right}

.__jungdo-busi {border-top:2px solid #000;padding-top:45px;}
.__jungdo-busi .top {position:relative;padding-left:295px;}
.__jungdo-busi .top dt {position:absolute;left:20px;top:0;white-space:nowrap;font-size:25px;font-weight:bold;color:#000;}
.__jungdo-busi .top dd {font-size:16px;line-height:1.8em;}

.__valuetab {background:url(../images/value-bg.jpg) no-repeat 100% 70px;}
.__valuetab > * {padding-right:480px;}
.__valuetab .__niceway  {padding-right:0;}

@media screen and (max-width:1000px){
	.__jungdo-busi {padding-top:20px;}
	.__jungdo-busi .top {padding-left:0;}
	.__jungdo-busi .top dt {position:relative;left:0;font-size:18px;}
	.__jungdo-busi .top dd {font-size:14px;line-height:1.6em;margin-top:10px;}

	.__valuetab {background:none;}
	.__valuetab > * {padding-right:0;}
}

.__birdview-top .inner {background:url(../images/birdview-bg.jpg) no-repeat 50% 0;background-size:cover;height:380px;box-sizing:border-box;padding-top:100px;}
.__birdview-top .area {max-width:1220px;margin:0 auto;box-sizing:border-box;padding:0 50px;}
.__birdview-top h3 {font-size:60px;color:#000;font-weight:bold;}
.__birdview-top dl {margin-top:20px;color:#000;}
.__birdview-top dl dt {font-size:20px;font-weight:bold;letter-spacing:0;}
.__birdview-top dl dd {font-size:20px;margin-top:10px;}

.__birdview-bot:after {content:"";display:block;clear:both;}
.__birdview-bot > div {box-sizing:border-box;width:50%;float:left;}
.__birdview-bot .img {padding-right:20px;}
.__birdview-bot .info {font-size:16px;line-height:1.7em;}
.__birdview-bot .info h3 {    border-bottom: 1px solid #b9b9b9;
    margin-bottom: 40px;
    padding-bottom: 30px;
    color: #555;
    font-size: 20px;}
.__birdview-bot .info .desc {
    font-size: 15px;
    color: #666;
    line-height: 23px;
    text-align: justify;
}
	.__birdview-bot .info .desc dt {font-size:20px;font-weight:bold;color:#000;}
.__birdview-bot .info .desc dd {margin-top:10px;}
.__birdview-bot .info .sum {margin-top:40px;}
.__birdview-bot .info .sum dl {position:relative;padding-left:200px;}
.__birdview-bot .info .sum dl dt {position:absolute;left:0;top:0;color:#333;}
.__birdview-bot .info .sum dl dt > * {display:inline-block;}
.__birdview-bot .info .sum dl dt i {margin-right:5px;}
.__birdview-bot .info .sum dl ~ dl {margin-top:7px;}
.__birdview-bot .info .area {margin-top:20px;}
.__birdview-bot .info .area dt {    font-size: 18px;
    font-weight: bold;
    color: #000;
    border: 1px solid #ccc;
    padding: 0 20px;
    width: fit-content;
    border-radius: 22px;}
.info .area dd {margin-top:5px;}
.info .btn {text-align:right;margin-top:20px;}
.left-info .btn a {display:inline-block;box-sizing:border-box;width:200px;height:50px;line-height:48px;font-size:16px;white-space:nowrap;padding:0 20px;border:1px solid #999;border-radius:5px;}
.left-info .btn a:after {content:"";display:inline-block;width:24px;height:8px;background:url(../images/btn-arr.gif) no-repeat;margin-left:10px;vertical-align:middle;}
.right-info .btn a {display:inline-block;box-sizing:border-box;width:200px;height:50px;line-height:48px;font-size:16px;white-space:nowrap;padding:0 20px;border:1px solid #999;border-radius:5px;}
.right-info .btn a:after {content:"";display:inline-block;width:24px;height:8px;background:url(../images/btn-arr.gif) no-repeat;margin-left:10px;vertical-align:middle;}



.info .btn a, .infos a {display:inline-block;box-sizing:border-box;width:200px;height:50px;line-height:48px;font-size:16px;white-space:nowrap;padding:0 20px;border:1px solid #999;border-radius:5px;}
.info .btn a:after, .infos a:after {content:"";display:inline-block;width:24px;height:8px;background:url(../images/btn-arr.gif) no-repeat;margin-left:10px;vertical-align:middle;}

@media screen and (max-width:1000px){
	.__birdview-top .inner {height:auto;padding:30px 0;}
	.__birdview-top .area {padding:0 10px;}
	.__birdview-top h3 {font-size:20px;}
	.__birdview-top dl {margin-top:15px;}
	.__birdview-top dl dt {font-size:14px;}
	.__birdview-top dl dd {font-size:14px;margin-top:7px;}

	.__birdview-bot > div {width:100%;float:none;clear:both;}
	.__birdview-bot .img {padding-right:0;text-align:center;}
	.__birdview-bot.type2 .info img {width:140px;}
	.__birdview-bot .info {font-size:13px;line-height:1.5em;margin-top:20px;}
	.__birdview-bot .info h3 {margin-bottom:10px;padding-bottom:10px;}
	.__birdview-bot .info h3 img {width:120px;}
	.__birdview-bot .info .desc dt {font-size:14px;}
	.__birdview-bot .info .desc dd {margin-top:5px;}
	.__birdview-bot .info .sum {margin-top:15px;}
	.__birdview-bot .info .sum dl {padding-left:160px;}
	.__birdview-bot .info .sum dl ~ dl {margin-top:5px;}
	.__birdview-bot .info .area {margin-top:20px;}
	.__birdview-bot .info .area dt {font-size:14px;}
	.__birdview-bot .info .area dd {margin-top:5px;}
	.__birdview-bot .info .btn {margin-top:15px;}
	.__birdview-bot .info .btn a {width:140px;height:34px;line-height:32px;font-size:13px;padding:0 15px;}
	.__birdview-bot .info .btn a:after {width:12px;height:4px;margin-left:5px;background-size:100% 100%;}
}

.__doctor-top .inner {background:url(../images/doctorstec-bg.jpg) no-repeat 50% 0;background-size:cover;height:380px;box-sizing:border-box;padding-top:55px;}
.__doctor-top .area {max-width:1220px;margin:0 auto;box-sizing:border-box;padding:0 50px;}
.__doctor-top h3 {font-size:60px;color:#333;font-weight:bold;line-height:1.2em;}
.__doctor-top h3 span {color:#fd6b0d;}
.__doctor-top dl {margin-top:20px;color:#000;}
.__doctor-top dl dt {font-size:16px;line-height:1.4em;}
.__doctor-top dl dd {margin-top:10px;}

@media screen and (max-width:1000px){
	.__doctor-top .inner {height:auto;padding:30px 0;}
	.__doctor-top .area {padding:0 10px;}
	.__doctor-top img {width:80px;}
	.__doctor-top h3 {font-size:20px;}
	.__doctor-top dl {margin-top:15px;}
	.__doctor-top dl dt {font-size:14px;}
	.__doctor-top dl dd {font-size:14px;margin-top:7px;}
}

.__recsang-top {background:url(../images/recsang-top.jpg) no-repeat;background-size:cover;height:350px;position:relative;white-space:nowrap;text-align:right;}
.__recsang-top:before {content:"";display:block;position:absolute;left:30px;top:30px;width:calc(100% - 60px);height:calc(100% - 60px);box-sizing:border-box;border:1px solid rgba(255,255,255,0.3);}
.__recsang-top:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__recsang-top dl {display:inline-block;vertical-align:middle;color:#fff;margin-right:70px;text-align:left;white-space:normal;}
.__recsang-top dl dt {font-size:30px;line-height:1.2em;}
.__recsang-top dl dd {font-size:16px;line-height:1.5em;margin-top:20px;}

.__recsang-mid {position:relative;text-align:right;}
.__recsang-mid .tit {position:absolute;left:0;top:0;text-align:left;}
.__recsang-mid .tit dl dt {font-size:18px;}
.__recsang-mid .tit dl dd {font-size:36px;color:#06307c;font-weight:bold;margin-top:5px;}
.__recsang-mid .tit p {font-size:16px;font-weight:bold;line-height:1.5em;margin-top:15px;color:#777;}

.__recsang-bot {margin-top:60px;padding-top:60px;border-top:1px solid #999;}
.__recsang-bot .box {position:relative;padding-left:300px;}
.__recsang-bot .box ~ .box {margin-top:80px;}
.__recsang-bot .box dl {position:absolute;left:0;top:0;}
.__recsang-bot .box dl dt {font-size:24px;color:#000;}
.__recsang-bot .box dl dd {font-size:36px;color:#d3d3d3;margin-top:10px;line-height:1.2em;}
.__recsang-bot .box ul li {position:relative;padding-left:10px;font-size:16px;line-height:1.5em;}
.__recsang-bot .box ul li:before {content:"";display:block;width:3px;height:3px;position:absolute;left:0;top:0.6em;background:#888;}
.__recsang-bot .box ul li ~ li {margin-top:10px;}

@media screen and (max-width:1000px){
	.__recsang-top {height:auto;text-align:center;padding:30px 20px;}
	.__recsang-top:before {left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);}
	.__recsang-top:after {display:none;}
	.__recsang-top dl {text-align:center;display:block;margin-right:0;}
	.__recsang-top dl dt {font-size:18px;}
	.__recsang-top dl dd {font-size:13px;margin-top:15px;}

	.__recsang-mid {text-align:center;}
	.__recsang-mid .tit {position:relative;text-align:center;}
	.__recsang-mid .tit dl dt {font-size:13px;}
	.__recsang-mid .tit dl dd {font-size:18px;}
	.__recsang-mid .tit p {font-size:13px;margin-top:10px;}
	.__recsang-mid .img {margin-top:20px;text-align:center;}

	.__recsang-bot {margin-top:20px;padding-top:20px;}
	.__recsang-bot .box {padding-left:0;}
	.__recsang-bot .box ~ .box {margin-top:20px;}
	.__recsang-bot .box dl {position:relative;margin-bottom:10px;}
	.__recsang-bot .box dl dt {font-size:13px;font-weight:bold;}
	.__recsang-bot .box dl dd {font-size:24px;margin-top:5px;}
	.__recsang-bot .box ul li {padding-left:10px;font-size:13px;line-height:1.5em;}
	.__recsang-bot .box ul li:before {top:0.65em;}
	.__recsang-bot .box ul li ~ li {margin-top:7px;}
}

.__recjedo .top {background:#f5f5f5;padding:40px 100px;}
.__recjedo .top .__dtbl .td {vertical-align:top;box-sizing:border-box;position:relative;}
.__recjedo .top .__dtbl .arr span {display:inline-block;width:100%;height:1px;background:#a8bfdf;margin-top:106px;}
.__recjedo .top .__dtbl .ico {width:212px;text-align:center;}
.__recjedo .top .__dtbl .ico .circle {width:212px;height:212px;background:#fff;border-radius:50%;box-sizing:border-box;border:1px solid #a8bfdf;box-shadow:3px 3px 10px rgba(0,0,0,0.15);white-space:nowrap;font-size:0;text-align:center;}
.__recjedo .top .__dtbl .ico .circle:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__recjedo .top .__dtbl .ico .circle dl {display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;white-space:normal;}
.__recjedo .top .__dtbl .ico .circle dl dd {font-size:24px;color:#1562ca;font-weight:bold;margin-top:10px;}
.__recjedo .top .__dtbl .ico .txt {margin:20px -30px 0;font-size:16px;line-height:1.5em;}
.__recjedo .bot {margin:0 -5px;font-size:0;}
.__recjedo .bot .box {vertical-align:top;box-sizing:border-box;width:25%;padding:0 5px;margin-bottom:10px;display:inline-block;text-align:center;}
.__recjedo .bot .box .in {border-radius:10px;background:#f5f5f5;padding-top:20px;height:150px;box-sizing:border-box;}
.__recjedo .bot .box .txt {font-size:16px;font-weight:bold;color:#4180d4;margin-top:5px;}

@media screen and (max-width:1000px){
	.__recjedo .top {padding:30px 10px;}
	.__recjedo .top .__dtbl .arr {display:none;}
	.__recjedo .top .__dtbl .ico {width:auto;display:block;text-align:center;}
	.__recjedo .top .__dtbl .ico ~ .ico {margin-top:20px;}
	.__recjedo .top .__dtbl .ico .circle {display:inline-block;width:120px;height:120px;}
	.__recjedo .top .__dtbl .ico .circle img {width:40px;}
	.__recjedo .top .__dtbl .ico .circle dl dd {font-size:14px;margin-top:7px;}
	.__recjedo .top .__dtbl .ico .txt {margin:15px 0 0;font-size:13px;line-height:1.5em;}
	.__recjedo .bot {margin:0 -5px;}
	.__recjedo .bot .box {width:33.33333%;}
	.__recjedo .bot .box img {width:50px;}
	.__recjedo .bot .box .in {border-radius:5px;height:120px;padding:20px 10px 0;}
	.__recjedo .bot .box .txt {font-size:12px;line-height:1.2em;}
}

.review_btn {  background-color: #fff;
    padding: 15px 50px;
    line-height: 48px;
    font-size: 16px;border:1px solid #c5c5c5;
    color: #222;}

.review_img_btn {  background-color: #fff;
    padding: 7px 25px; margin-left:65px;
    font-size: 16px;border:1px solid #c5c5c5;
    color: #222;}

.lgchampion2023 img:first-child {
	margin-right:30px;
}
	
.__recyuk .top .td {vertical-align:middle;}
.__recyuk .top .img {width:310px;}

.__recyuk .review img {width:260px; max-height: 260px;}

.__recyuk .mid {background:#f4f4f4;margin-top:110px;padding:50px 0 60px;font-size:0;}
.__recyuk .mid .area {margin:0 auto;}
.__recyuk .mid .con {margin:0 -15px;}
.__recyuk .mid .con .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 15px;width:33.3333%;}
.__recyuk .mid .con .box dl {margin-top:30px;}
.__recyuk .mid .con .box dl dt {font-size:18px;font-weight:bold;color:#000;}
.__recyuk .mid .con .box dl dd {font-size:16px;line-height:1.5em;margin-top:15px;}

@media screen and (max-width:1000px){
	.__recyuk .top .td {display:block;}
	.__recyuk .top .img {width:auto;text-align:center;}
	.__recyuk .top .info {margin-top:20px;}

	.__recyuk .mid {padding:30px 15px;}
	.__recyuk .mid .con {margin:0 -15px;}
	.__recyuk .mid .con .box {display:block;padding:0 15px;width:100%;}
	.__recyuk .mid .con .box ~ .box {margin-top:30px;}
	.__recyuk .mid .con .box .img {text-align:center;}
	.__recyuk .mid .con .box dl {margin-top:15px;}
	.__recyuk .mid .con .box dl dt {font-size:14px;}
	.__recyuk .mid .con .box dl dd {font-size:13px;line-height:1.4em;margin-top:10px;}
}



.__recyuk2 .top .td {vertical-align:middle;}
.__recyuk2 .top .img {width:310px;}

.__recyuk2 .mid {background:#f4f4f4;margin-top:110px;padding:50px 0 60px;font-size:0;}
.__recyuk2 .mid .area {margin:0 auto;}
.__recyuk2 .mid .con {margin:0 -15px;}
.__recyuk2 .mid .con .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 15px;width:25%;}
.__recyuk2 .mid .con .box dl {margin-top:30px;}
.__recyuk2 .mid .con .box dl dt {font-size:18px;font-weight:bold;color:#000;}
.__recyuk2 .mid .con .box dl dd {font-size:16px;line-height:1.5em;margin-top:15px;}

@media screen and (max-width:1000px){
	.__recyuk2 .top .td {display:block;}
	.__recyuk2 .top .img {width:auto;text-align:center;}
	.__recyuk2 .top .info {margin-top:20px;}

	.__recyuk2 .mid {padding:30px 15px;}
	.__recyuk2 .mid .con {margin:0 -15px;}
	.__recyuk2 .mid .con .box {display:block;padding:0 15px;width:100%;}
	.__recyuk2 .mid .con .box ~ .box {margin-top:30px;}
	.__recyuk2 .mid .con .box .img {text-align:center;}
	.__recyuk2 .mid .con .box dl {margin-top:15px;}
	.__recyuk2 .mid .con .box dl dt {font-size:14px;}
	.__recyuk2 .mid .con .box dl dd {font-size:13px;line-height:1.4em;margin-top:10px;}
	
	.review_img_btn { 
		margin-left:0px;
		}

		.lgchampion2023 img {
			margin-bottom:30px;
		}

	.lgchampion2023 img:first-child {
			margin-right:0;
		}
	}


.bg-dark {background-color: #fbfbfb;}
.sm-text {font-size:13px;}

.__recyuk3 .top .td {vertical-align:middle;}
.__recyuk3 .top .img {width:310px;}

.__recyuk3 .mid {padding:0 0 60px;font-size:0;}
.__recyuk3 .mid .area {margin:0 auto;}
.__recyuk3 .mid .con {margin:0 -15px;}
.__recyuk3 .mid .con .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 15px;width:25%;}
.__recyuk3 .mid .con .box dl {margin-top:30px;}
.__recyuk3 .mid .con .box dl dt {font-size:18px;font-weight:bold;color:#000;}
.__recyuk3 .mid .con .box dl dd {font-size:16px;line-height:1.5em;margin-top:15px;}

@media screen and (max-width:1000px){
	.__recyuk3 .top .td {display:block;}
	.__recyuk3 .top .img {width:auto;text-align:center;}
	.__recyuk3 .top .info {margin-top:20px;}

	.__recyuk3 .mid {padding:30px 15px;}
	.__recyuk3 .mid .con {margin:0 -15px;}
	.__recyuk3 .mid .con .box {display:block;padding:0 15px;width:100%;}
	.__recyuk3 .mid .con .box ~ .box {margin-top:30px;}
	.__recyuk3 .mid .con .box .img {text-align:center;}
	.__recyuk3 .mid .con .box dl {margin-top:15px;}
	.__recyuk3 .mid .con .box dl dt {font-size:14px;}
	.__recyuk3 .mid .con .box dl dd {font-size:13px;line-height:1.4em;margin-top:10px;}
}


.__recjik {font-size:0;margin:0 -40px -70px;}
.__recjik .box {display:inline-block;width:50%;box-sizing:border-box;padding:0 40px;vertical-align:top;margin-bottom:70px;}
.__recjik .box dl {margin-top:25px;}
.__recjik .box dl dt {font-size:24px;font-weight:bold;color:#000;}
.__recjik .box dl dd {margin-top:20px;}
.__recjik .box dl dd ul li {position:relative;font-size:14px;line-height:1.6em;padding-left:0.7em;}
.__recjik .box dl dd ul li:before {content:"";display:block;width:3px;height:3px;position:absolute;left:0;top:0.6em;background:#999;}
.__recjik .box dl dd ul li ~ li {margin-top:10px;}

@media screen and (max-width:1000px){
	.__recjik {margin:0}
	.__recjik .box {display:block;width:auto;padding:0;margin-bottom:40px;}
	.__recjik .box .img {text-align:center;}
	.__recjik .box dl {margin-top:15px;}
	.__recjik .box dl dt {font-size:16px;}
	.__recjik .box dl dd {margin-top:10px;}
	.__recjik .box dl dd ul li {font-size:13px;line-height:1.4em;padding-left:0.7em;}
	.__recjik .box dl dd ul li:before {top:0.5em;}
}

.__interview-list {margin:0 -20px -90px;font-size:0;}
.__interview-list .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 20px;width:50%;margin-bottom:90px;}
.__interview-list .box .in {display:block;}
.__interview-list .box .in > span {display:inline-block;vertical-align:top;box-sizing:border-box;}
.__interview-list .box .img {width:40%;}
.__interview-list .box .info {width:60%;padding-left:40px;}
.__interview-list .box .info > * {display:block;}
.__interview-list .box .info .subject {font-size:20px;color:#333;font-weight:bold;line-height:1.4em;}
.__interview-list .box .info .sum {margin:15px 0;font-size:16px;}
.__interview-list .box .info .btn {display:inline-block;box-sizing:border-box;width:100px;height:25px;line-height:25px;color:#fff;background:#004096;font-size:13px;text-align:center;}

@media screen and (max-width:1000px){
	.__interview-list {margin:0 0 -30px;}
	.__interview-list .box {display:block;padding:0;width:100%;margin-bottom:30px;}
	.__interview-list .box .img {width:110px;}
	.__interview-list .box .info {width:calc(100% - 110px);padding-left:15px;}
	.__interview-list .box .info .subject {font-size:15px;}
	.__interview-list .box .info .sum {margin:10px 0;font-size:13px;}
}

.__interview-view .top {border-top:1px solid #ababab;border-bottom:1px solid #ababab;padding:50px 0;}
.__interview-view .top h3 {font-size:30px;font-weight:bold;color:#555;line-height:1.4em;}
.__interview-view .top .name {font-size:18px;margin-top:10px;}
.__interview-view .area dl {padding:40px 0;border-top:1px solid #e8e8e8}
.__interview-view .area dl > * {position:relative;padding-left:55px;}
.__interview-view .area dl > *:before {content:"";width:41px;height:37px;background-size:contain;position:absolute;left:0;top:0;background-repeat:no-repeat;}
.__interview-view .area dl dt:before {background-image:url(../images/ico-q.gif);}
.__interview-view .area dl dd:before {background-image:url(../images/ico-a.gif);}
.__interview-view .area dl dt {font-size:24px;color:#555;font-weight:bold;padding-top:10px;}
.__interview-view .area dl dd {font-size:17px;line-height:1.8em;padding-top:15px;margin-top:20px;}
.__interview-view .area p {font-size: 18px; word-wrap: break-word; line-height: 30px;
    letter-spacing: -0.3px;}

@media screen and (max-width:1000px){
	.__interview-view .top {padding:15px 0;}
	.__interview-view .top h3 {font-size:16px;}
	.__interview-view .top .name {font-size:13px;margin-top:5px;}
	.__interview-view .area dl {padding:10px 0;}
	.__interview-view .area dl > * {padding-left:30px;}
	.__interview-view .area dl > *:before {width:24px;height:20px;}
	.__interview-view .area dl dt {font-size:13px;padding-top:5px;}
	.__interview-view .area dl dd {font-size:13px;line-height:1.6em;padding-top:5px;margin-top:10px;}
}

.__cs-top {background:url(../images/cs-top.jpg) no-repeat 50% 50%;background-size:cover;height:259px;border-radius:5px 100px 5px 5px;position:relative;}
.__cs-top dl {position:absolute;right:100px;top:40px;padding-left:78px;}
.__cs-top dl:before {content:"";display:block;position:absolute;left:0;top:0;width:57px;height:57px;background:url(../images/cs-tel.png) no-repeat;background-size:100% 100%;}
.__cs-top dl dt {font-size:48px;font-weight:bold;color:#1562ca;overflow:hidden;padding-right:170px;}
.__cs-top dl dt span {display:inline-block;position:relative;}
.__cs-top dl dt span:before {content:"";display:block;width:200%;height:2px;position:absolute;left:100%;margin-left:20px;top:50%;margin-top:-1px;background:#1562ca;}
.__cs-top dl dd {margin-top:30px;color:#444;}
.__cs-top dl dd ul li {font-size:18px;font-weight:bold;}
.__cs-top dl dd ul li ~ li {margin-top:10px;}

.__cs-ars .area {border-top:1px solid #b2b2b2;}
.__cs-ars .box {border-bottom:1px solid #b2b2b2;position:relative;text-align:right;padding:50px 0;}
.__cs-ars .box:before {content:"";display:block;position:absolute;left:0;width:307px;bottom:0;background-repeat:no-repeat;height:325px;}
.__cs-ars .box1:before {background-image:url(../images/cs-arsman1.jpg);height:295px;}
.__cs-ars .box2:before {background-image:url(../images/cs-arsman2.jpg);bottom:175px;}
.__cs-ars .box3:before {background-image:url(../images/cs-arsman3.jpg);}
.__cs-ars .box4:before {background-image:url(../images/cs-arsman4.jpg);}
.__cs-ars .box dl {position:absolute;left:0;top:50px;text-align:left;}
.__cs-ars .box dl dt {font-size:20px;color:#000;}
.__cs-ars .box dl dd {font-size:40px;color:#d8d7d7;font-weight:bold;;margin-top:5px;}
.__cs-ars .box .img {position:relative;z-index:10;}

@media screen and (max-width:1000px){
	.__cs-top {height:auto;border-radius:0;padding:20px;text-align:right;white-space:nowrap;}
	.__cs-top dl {position:relative;right:0;top:0;padding-left:50px;display:inline-block;text-align:left;}
	.__cs-top dl:before {width:35px;height:35px;}
	.__cs-top dl dt {font-size:24px;padding-right:50px;}
	.__cs-top dl dd {margin-top:15px;}
	.__cs-top dl dd ul li {font-size:13px;}
	.__cs-top dl dd ul li ~ li {margin-top:5px;}

	.__cs-ars .box {text-align:center;padding:20px 0;}
	.__cs-ars .box:before {display:none;}
	.__cs-ars .box dl {position:relative;top:0;margin-bottom:10px;}
	.__cs-ars .box dl dt {font-size:13px;}
	.__cs-ars .box dl dd {font-size:20px;}
}

.__card-cs .inner {max-width:1200px;margin:0 auto;position:relative;padding-top:55px;}
.__card-cs .area {margin:0 -10px -20px;font-size:0;}
.__card-cs .area .box {display:inline-block;vertical-align:top;text-align:center;width:24.9%;padding:0 10px;margin-bottom:20px;box-sizing:border-box;}
.__card-cs .area .box p {display:block;border:2px solid #b5b5b5;border-radius:5px;overflow:hidden;}
.__card-cs .area .box p > * {display:block;}
.__card-cs .area .box p span {height:104px;line-height:104px;box-sizing:border-box;}
.__card-cs .area .box p strong {height:44px;line-height:44px;font-size:18px;font-weight:bold;}

@media screen and (max-width:1000px){
	.__card-cs .inner {padding-top:15px;}
	.__card-cs .area {margin:0 -5px -10px;}
	.__card-cs .area .box {width:50%;padding:0 5px;margin-bottom:10px;}
	.__card-cs .area .box a span {height:60px;line-height:60px;padding:0 10px;}
	.__card-cs .area .box a strong {height:25px;line-height:25px;font-size:12px;}
}

.__van-top {background:url(../images/van-top.jpg) no-repeat 50% 50%;background-size:cover;height:259px;border-radius:5px 100px 5px 5px;position:relative;}
.__van-top dl {position:absolute;right:100px;top:40px;padding-left:78px;}
.__van-top dl:before {content:"";display:block;position:absolute;left:0;top:0;width:57px;height:57px;background:url(../images/cs-tel.png) no-repeat;background-size:100% 100%;}
.__van-top dl dt {font-size:48px;font-weight:bold;color:#1562ca;overflow:hidden;padding-right:170px;}
.__van-top dl dt span {display:inline-block;position:relative;}
.__van-top dl dt span:before {content:"";display:block;width:200%;height:2px;position:absolute;left:100%;margin-left:20px;top:50%;margin-top:-1px;background:#1562ca;}
.__van-top dl dd {margin-top:30px;color:#444;}
.__van-top dl dd ul li {font-size:18px;font-weight:bold;}
.__van-top dl dd ul li ~ li {margin-top:10px;}
.__van-top.type2 {background-image:url(../images/van-top2.jpg);}

@media screen and (max-width:1000px){
	.__van-top {height:auto;border-radius:0;padding:20px;text-align:right;white-space:nowrap;}
	.__van-top dl {position:relative;right:0;top:0;padding-left:50px;display:inline-block;text-align:left;}
	.__van-top dl:before {width:35px;height:35px;}
	.__van-top dl dt {font-size:24px;padding-right:50px;}
	.__van-top dl dd {margin-top:15px;}
	.__van-top dl dd ul li {font-size:13px;}
	.__van-top dl dd ul li ~ li {margin-top:5px;}
}

.__van-mid .arr {vertical-align:middle;width:45px;text-align:center;}
.__van-mid .arr i {font-size:40px;color:#999;}
.__van-mid .box {text-align:center;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;padding:40px 8px 0;overflow:hidden;position:relative;}
.__van-mid .box .num {position:absolute;left:0;top:0;width:37px;height:34px;line-height:34px;color:#fff;background:#1562ca;border-radius:0 0 5px 0;font-size:14px;}
.__van-mid .box .subject {font-weight:bold;font-size:20px;line-height:1.3em;color:#333;}
.__van-mid .box .img {margin:25px 0;}
.__van-mid .box dl dt span {display:inline-block;width:118px;height:34px;line-height:34px;border-radius:17px;color:#333;font-size:16px;font-weight:bold;background:#f1f1f1;}
.__van-mid .box dl dd {font-size:26px;font-weight:bold;color:#1562ca;margin-top:20px;}
.__van-mid .box ul {margin-top:15px;display:inline-block;}
.__van-mid .box ul li {font-size:14px;line-height:1.5em;text-align:left;}
.__van-mid .box ul li ~ li {margin-top:3px;}
.__van-mid .box .txt {font-size:16px;line-height:1.5em;}
.__van-mid .box a  {    position: absolute;
    bottom: 10px;
    width: 89%;
    padding: 10px;
    left: 0;}
.__van-mid .box a .btn {padding: 11px 6px;
    background: #1562ca;
    color: #fff;
    margin-top: 35px;
    font-size: 16px; text-align: center;
    border-radius: 6px;}
.__van-mid.type2 .box {height:380px;}


@media screen and (max-width:1100px){
	.__van-mid .box {padding-top:30px;}
	.__van-mid .box .txt {font-size:15px;}
	.__van-mid .arr {font-size:40px;}
}
@media screen and (max-width:1000px){
	.__van-mid {font-size:0;display:block;text-align:center;}
	.__van-mid .arr {display:none;}
	.__van-mid .info {display:block;width:100%;box-sizing:border-box;padding:0 5px;margin-bottom:10px;}
	.__van-mid .box {padding:20px;height:auto;}
	.__van-mid .box .num {width:30px;height:30px;line-height:30px;}
	.__van-mid .box .subject {font-size:16px;}
	.__van-mid .box .img {margin:15px 0;}
	.__van-mid .box a  {    position: static;}
	.__van-mid .box a .btn {padding: 11px 6px;
		background: #1562ca;
		color: #fff;
		margin-top: 35px;
		font-size: 16px;
		border-radius: 6px;}

	.__van-mid .box .img img {width:50%;}
	.__van-mid .box dl dt span {width:100px;height:28px;line-height:28px;border-radius:14px;font-size:13px;}
	.__van-mid .box dl dd {font-size:18px;margin-top:15px;}
	.__van-mid .box ul {margin-top:10px;display:inline-block;}
	.__van-mid .box ul li {font-size:12px;line-height:1.4em;}
	.__van-mid .box .txt {font-size:13px;line-height:1.4em;}
	.__van-mid.type2 .box {height:auto;}
}

.__pos-bot {position:relative;border-top:1px solid #ddd;}
.__pos-bot .box {border-bottom:1px solid #ddd;position:relative;padding:30px 0 30px 240px;}
.__pos-bot .box h4 {position:absolute;left:0;top:30px;font-size:20px;font-weight:bold;color:#333;}
.__pos-bot .box .info {font-size:16px;line-height:1.6em;}

.__coming {text-align:center;padding:70px 0;}
.__coming .txt {font-size:36px;margin-top:40px;}

@media screen and (max-width:1000px){
	.__pos-bot .box {padding:20px 0;}
	.__pos-bot .box h4 {position:relative;left:0;top:0;font-size:16px;margin-bottom:5px;}
	.__pos-bot .box .info {font-size:13px;line-height:1.5em;}

	.__coming {padding:30px 0;}
	.__coming .img img {width:80px;}
	.__coming .txt {font-size:18px;margin-top:15px;}
}

.__kisvan .top {position:relative;}
.__kisvan .top:before {content:"";display:block;width:408px;height:288px;position:absolute;right:0;top:0;background:url(../images/kisvan-top.jpg) no-repeat ;}
.__kisvan .top .txt {font-size:24px;line-height:1.8em;color:#000;}
.__kisvan .top .btn a {display:inline-block;box-sizing:border-box;height:50px;line-height:48px;font-size:16px;white-space:nowrap;padding:0 20px;border:1px solid #999;border-radius:5px;}
.__kisvan .top .btn a ~ a {margin-left:10px;}
.__kisvan .top .btn a:after {content:"";display:inline-block;width:24px;height:8px;background:url(../images/btn-arr.gif) no-repeat;margin-left:10px;vertical-align:middle;}
.__kisvan .mid .box ~ .box {border-top:1px solid #e5e5e5;}
.__kisvan .mid .box .td {padding:30px 0;vertical-align:top;}
.__kisvan .mid .box .img {width:200px;}
.__kisvan .mid .box .info dl dt {font-size:20px;font-weight:bold;color:#333;}
.__kisvan .mid .box .info dl dd {font-size:16px;line-height:1.6em;margin-top:15px;}
.__kisvan .bot {text-align:center;}
.__kisvan .bot .txt {font-size:16px;line-height:1.6em;margin-top:15px;font-weight:bold;}

.__newjoin-bot {background:#fff7c0;padding:35px 400px 35px 35px;position:relative;}
.__newjoin-bot .txt {font-size:16px;position:relative;padding-left:13px;}
.__newjoin-bot .txt:before {content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #ff4900;
    position: absolute;
    left: 0;
    top: 6px;}
.__newjoin-bot a {display:inline-block;box-sizing:border-box;height:50px;line-height:48px;font-size:16px;white-space:nowrap;padding:0 20px;border:1px solid #999;border-radius:5px;position:absolute;right:35px;top:50%;margin-top:-25px;background:#fff;color:#000;}
.__newjoin-bot a:after {content:"";display:inline-block;width:24px;height:8px;background:url(../images/btn-arr.gif) no-repeat;margin-left:10px;vertical-align:middle;}

@media screen and (max-width:1000px){
	.__kisvan .top:before {display:none;}
	.__kisvan .top .txt {font-size:15px;line-height:1.5em;}

	.__kisvan .top .btn {text-align:center;}
	.__kisvan .top .btn a {height:34px;line-height:32px;font-size:13px;padding:0 10px;}
	.__kisvan .top .btn a:after {width:12px;height:4px;margin-left:5px;background-size:100% 100%;}

	.__kisvan .top .btn a ~ a {margin-left:5px;}
	.__kisvan .mid .box .td {padding:15px 0;}
	.__kisvan .mid .box .img {width:100px;padding-right:15px;}
	.__kisvan .mid .box .info dl dt {font-size:14px;}
	.__kisvan .mid .box .info dl dd {font-size:12px;line-height:1.5em;margin-top:10px;}
	.__kisvan .bot {font-size:0;margin:0 -10px -20px;}
	.__kisvan .bot .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:50%;padding:0 10px;margin-bottom:20px;}
	.__kisvan .bot .box img {width:100px;}
	.__kisvan .bot .txt {font-size:13px;line-height:1.4em;margin-top:10px;}

	.__newjoin-bot {padding:15px;text-align:center;}
	.__newjoin-bot .txt {font-size:13px;padding-left:13px;line-height:1.5em;text-align:left;}
	.__newjoin-bot a {height:34px;line-height:32px;font-size:13px;padding:0 10px;position:relative;margin-top:20px;right:0;top:auto;}
	.__newjoin-bot a:after {width:12px;height:4px;margin-left:5px;background-size:100% 100%;}
}

.__chipay-top {position:relative;}
.__chipay-top .img {position:absolute;right:0;top:0;}
.__chipay-top .info {position:relative;z-index:10;}
.__chipay-top .info dl dt {font-size:24px;line-height:1.8em;color:#000;}
.__chipay-top .info dl dd {font-size:16px;line-height:1.8em;margin-top:30px;}
.__chipay-top .info p {display:inline-block;box-sizing:border-box;padding:12px 30px;border:1px solid #999;border-radius:5px;font-size:0;margin-top:40px;}
.__chipay-top .info p > * {display:inline-block;vertical-align:middle;position:relative;font-size:16px;}
.__chipay-top .info p strong {color:#000;}
.__chipay-top .info p span {margin-left:20px;padding-left:20px;}
.__chipay-top .info p span:before {content:"";display:block;width:1px;height:10px;background:#000;position:absolute;left:0;top:50%;margin-top:-5px;}

.__chipay-mid {background:#f5f5f5;padding:60px 0 70px;}
.__chipay-mid .inner {padding:0 15px;}
.__chipay-mid .area {max-width:1200px;margin:0 auto;}
.__chipay-mid .area .tit {text-align:center;margin-bottom:60px;}
.__chipay-mid .area .tit h4 {display:inline-block;border-bottom:1px solid #004096;padding-bottom:5px;font-size:30px;color:#333;line-height:1.4em;font-weight:normal;}
.__chipay-mid .area .top:after {content:"";display:block;clear:both;}
.__chipay-mid .area .top .box {float:left;width:50%;box-sizing:border-box;overflow:hidden;padding-right:10px;}
.__chipay-mid .area .top .box > * {float:left;box-sizing:border-box;}
.__chipay-mid .area .top .box .img {float:left;width:35%;padding-right:15px;}
.__chipay-mid .area .top .box .info {width:65%;}
.__chipay-mid .area .top .box .info dt {font-size:18px;color:#000;line-height:1.5em;margin:20px 0;}
.__chipay-mid .area .top .box .info dd {font-size:14px;line-height:1.5em;}
.__chipay-mid .area .top .box .info p {font-size:12px;color:#0656a8;margin-top:20px;}
.__chipay-mid .area .desc {margin-top:70px;position:relative;background:#fff;padding:50px 680px 50px 50px;}
.__chipay-mid .area .desc .img {position:absolute;right:50px;top:50px;}
.__chipay-mid .area .desc .box {position:relative;padding-left:55px;}
.__chipay-mid .area .desc .box ~ .box {margin-top:40px;}
.__chipay-mid .area .desc .box .num {width:34px;height:34px;position:absolute;left:0;top:-8px;line-height:34px;text-align:center;color:#fff;background:#004096;font-size:16px;font-weight:bold;border-radius:5px;}
.__chipay-mid .area .desc .box dl dt {font-size:20px;font-weight:bold;color:#333;}
.__chipay-mid .area .desc .box dl dd {font-size:16px;line-height:1.6em;margin-top:20px;}

.__chipay-bot .tit {text-align:center;margin-bottom:80px;}
.__chipay-bot .tit h3 {font-size:30px;line-height:1.3em;color:#333;font-weight:normal;}
.__chipay-bot .tit p {margin-top:15px;}
.__chipay-bot .tit p span {display:inline-block;color:#fff;background:#004096;padding:5px 20px;font-size:18px;}
.__chipay-bot .td {vertical-align:top;}
.__chipay-bot .box {width:310px;}
.__chipay-bot .box {width:310px;}
.__chipay-bot .box .in {position:relative;border:2px solid #004096;box-sizing:border-box;border-radius:5px;padding:50px 20px 0;height:350px;}
.__chipay-bot .box .ico {position:absolute;left:50%;margin-left:-40px;top:-41px;}
.__chipay-bot .box dl dt {font-size:18px;line-height:1.3em;color:#000;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #c7d5e8;text-align:center;}
.__chipay-bot .box dl dt strong {font-weight:bold;color:#004096;}
.__chipay-bot .box dl dd ul li {font-size:14px;text-indent:-1.2em;padding-left:1.2em;line-height:1.4em;}
.__chipay-bot .box dl dd ul li ~ li {margin-top:10px;}

@media screen and (max-width:1000px){
	.__chipay-top .img {display:none;}
	.__chipay-top .info {position:relative;z-index:10;}
	.__chipay-top .info dl dt {font-size:16px;line-height:1.5em;}
	.__chipay-top .info dl dd {font-size:13px;line-height:1.4em;margin-top:15px;}
	.__chipay-top .info p {padding:5px 15px;margin-top:20px;}
	.__chipay-top .info p > * {font-size:13px;}
	.__chipay-top .info p strong {display:block;}
	.__chipay-top .info p span:before {display:none;}
	.__chipay-top .info p span {display:block;margin:5px 0 0;padding-left:0;}

	.__chipay-mid {padding:30px 0;}
	.__chipay-mid .area .tit {margin-bottom:20px;}
	.__chipay-mid .area .tit h4 {padding-bottom:5px;font-size:18px;line-height:1.3em;}
	.__chipay-mid .area .top .box {float:none !important;width:auto;padding-right:0;}
	.__chipay-mid .area .top .box ~ .box {margin-top:30px;}
	.__chipay-mid .area .top .box .img {width:35%;padding-right:15px;}
	.__chipay-mid .area .top .box .info {width:65%;}
	.__chipay-mid .area .top .box .info img {width:120px;}
	.__chipay-mid .area .top .box .info dt {font-size:14px;line-height:1.4em;margin:10px 0;}
	.__chipay-mid .area .top .box .info dd {font-size:12px;line-height:1.4em;}
	.__chipay-mid .area .top .box .info p {font-size:12px;margin-top:10px;}
	.__chipay-mid .area .desc {margin-top:30px;padding:20px;}
	.__chipay-mid .area .desc .img {position:relative;top:0;right:0;margin-top:20px;}
	.__chipay-mid .area .desc .box {position:relative;padding-left:35px;}
	.__chipay-mid .area .desc .box ~ .box {margin-top:20px;}
	.__chipay-mid .area .desc .box .num {width:24px;height:24px;top:-3px;line-height:24px;font-size:14px;}
	.__chipay-mid .area .desc .box dl dt {font-size:14px;}
	.__chipay-mid .area .desc .box dl dd {font-size:13px;line-height:1.5em;margin-top:10px;}

	.__chipay-bot .tit {margin-bottom:20px;}
	.__chipay-bot .tit h3 {font-size:18px;}
	.__chipay-bot .tit p {margin-top:13px;}
	.__chipay-bot .tit p span {padding:5px 15px;font-size:14px;}
	.__chipay-bot .space {display:none;}
	.__chipay-bot .box {width:auto;display:block;margin-top:20px;}
	.__chipay-bot .box ~ .box {margin-top:30px;}
	.__chipay-bot .box .in {padding:40px 20px 20px;height:auto;}
	.__chipay-bot .box .ico {margin-left:-20px;top:-21px;width:40px;}
	.__chipay-bot .box dl dt {font-size:14px;padding-bottom:10px;margin-bottom:10px;}
	.__chipay-bot .box dl dd ul li {font-size:12px;}
	.__chipay-bot .box dl dd ul li ~ li {margin-top:7px;}
}

.__tax-top {position:relative;}
.__tax-top .img {position:absolute;right:0;top:0;}
.__tax-top .info {position:relative;z-index:10;}
.__tax-top .info dl dt {font-size:24px;line-height:1.5em;color:#000;}
.__tax-top .info dl dd {font-size:16px;line-height:1.8em;margin-top:50px;}
.__tax-top .info p a {display:inline-block;box-sizing:border-box;padding:12px 30px;border:1px solid #999;border-radius:5px;font-size:0;font-size:16px;color:#004096;font-weight:bold;}
.__tax-top .info ul {margin-top:30px;}
.__tax-top .info ul li {font-size:16px;line-height:1.5em;text-indent:-1.2em;padding-left:1.2em;}
.__tax-top .info ul li ~ li {margin-top:7px;}

@media screen and (max-width:1000px){
	.__tax-top .img {display:none;}
	.__tax-top .info dl dt {font-size:16px;line-height:1.5em;}
	.__tax-top .info dl dd {font-size:13px;line-height:1.4em;margin-top:15px;}
	.__tax-top .info p a {padding:5px 15px;font-size:13px;}
	.__tax-top .info ul {margin-top:15px;}
	.__tax-top .info ul li {font-size:13px;}
	.__tax-top .info ul li ~ li {margin-top:3px;}
}

.__tax-mid {background:#f5f5f5;padding:70px 0;}
.__tax-mid .inner {padding:0 15px;}
.__tax-mid .area {max-width:1200px;margin:0 auto;position:relative;}
.__tax-mid .area:after {content:"";display:block;clear:both;}
.__tax-mid .area > * {float:left;box-sizing:border-box;}
.__tax-mid .area .info {width:33%;padding-right:20px;}
.__tax-mid .area .info dl {margin-top:130px;padding-top:17px;position:relative;}
.__tax-mid .area .info dl:before {content:"";display:block;width:25px;height:1px;background:#000;position:absolute;left:0;top:0;}
.__tax-mid .area .info dl dt {position:relative;font-size:20px;font-weight:bold;color:#214b9f;line-height:1.4em;}
.__tax-mid .area .info dl dd {font-size:16px;line-height:1.6em;margin-top:15px;}
.__tax-mid .area .img {width:67%;}

.__tax-bot:after {content:"";display:block;clear:both;}
.__tax-bot .img {float:left;width:44%;}
.__tax-bot .info {float:right;width:47%;}
.__tax-bot .info ul li {font-size:16px;line-height:1.5em;position:relative;padding-left:1.3em;color:#333;}
.__tax-bot .info ul li:before {content:"\e116";font-family:axicon;position:absolute;left:0;top:0;color:#d85955;}
.__tax-bot .info ul li ~ li {margin-top:10px;}
.__tax-bot .info p {margin-top:25px;}
.__tax-bot .info p span {display:inline-block;color:#fff;height:34px;line-height:34px;border-radius:17px;padding:0 60px;font-size:14px;background:#004096;}

@media screen and (max-width:1000px){
	.__tax-mid {padding:30px 0;}
	.__tax-mid .area > * {display:block;float:none;}
	.__tax-mid .area .info {width:auto;padding-right:0;}
	.__tax-mid .area .info dl {margin-top:30px;padding-top:10px;}
	.__tax-mid .area .info dl dt {font-size:16px;}
	.__tax-mid .area .info dl dd {font-size:13px;line-height:1.5em;margin-top:10px;}
	.__tax-mid .area .img {width:auto;text-align:center;margin-top:20px;}

	.__tax-bot .img {float:none;width:auto;}
	.__tax-bot .info {float:none;width:auto;margin-top:20px;}
	.__tax-bot .info ul li {font-size:13px;line-height:1.4em;padding-left:1.3em;}
	.__tax-bot .info ul li ~ li {margin-top:5px;}
	.__tax-bot .info p {margin-top:15px;text-align:center;}
	.__tax-bot .info p span {height:30px;line-height:30px;border-radius:15px;padding:0 10px;font-size:12px;}
}

.__bill-top {position:relative;min-height:320px;}
.__bill-top .img {position:absolute;right:0;top:0;}
.__bill-top .info {position:relative;z-index:10;font-size:24px;line-height:1.5em;color:#000;}

@media screen and (max-width:1000px){
	.__bill-top {min-height:auto;margin-bottom:30px;}
	.__bill-top .img {display:none;}
	.__bill-top .info {font-size:16px;line-height:1.5em;}
}

.__bill-mid .td {vertical-align:top;box-sizing:border-box;}
.__bill-mid .arr {width:55px;text-align:center;padding-top:66px;}
.__bill-mid .box .txt {font-size:14px;margin-top:10px;}
.__bill-mid .box .bot {padding:15px 0;text-align:center;}

.__bill-bot {border-top:1px solid #bbb;padding-top:60px;margin-top:60px;}
.__bill-bot:after {content:"";display:block;clear:both;}
.__bill-bot .img {width:37%;float:left;}
.__bill-bot .info {width:57%;float:right;}
.__bill-bot h3 {margin-bottom:30px;}
.__bill-bot .img .area {text-align:center;box-sizing:border-box;border:2px solid #004096;padding:35px 15px 0;height:495px;box-sizing:border-box;}
.__bill-bot .img .area dl {margin-top:40px;}
.__bill-bot .img .area dl dt {font-size:18px;font-weight:bold;color:#004096;}
.__bill-bot .img .area dl dd {font-size:16px;margin-top:10px;}
.__bill-bot .info h4 {margin-bottom:15px;}
.__bill-bot .info .box ~ .box {margin-top:30px;}
.__bill-bot .info h4 span {display:inline-block;box-sizing:border-box;height:34px;line-height:34px;border-radius:17px;text-align:center;width:220px;color:#fff;font-size:14px;font-weight:bold;background:#004096;}
.__bill-bot .info .desc {font-size:0;background:url(../images/bill-bot-bg.png) no-repeat;background-size:100% 100%;padding:30px;border:2px solid #004096;border-radius:5px;white-space:nowrap;}
.__bill-bot .info .desc ul {display:inline-block;vertical-align:middle;width:50%;box-sizing:border-box;padding-right:30px;white-space:normal;}
.__bill-bot .info .desc ul li {font-size:14px;line-height:1.5em;position:relative;padding-left:1.3em;color:#333;}
.__bill-bot .info .desc ul li:before {content:"\e116";font-family:axicon;position:absolute;left:0;top:0;color:#d85955;}
.__bill-bot .info .desc ul li ~ li {margin-top:10px;}
.__bill-bot .info .desc ul ~ ul {padding-left:10px;}

@media screen and (max-width:1000px){
	.__bill-mid {font-size:0;margin:0 -5px;text-align:center;}
	.__bill-mid .td {vertical-align:top;box-sizing:border-box;}
	.__bill-mid .arr {display:none;}
	.__bill-mid .box {display:inline-block;vertical-align:top;width:50%;margin-bottom:20px;padding:0 5px;box-sizing:border-box;}
	.__bill-mid .box .txt {font-size:13px;margin-top:7px;line-height:1.4em;}
	.__bill-mid .box .bot {display:none;}

	.__bill-bot {padding-top:30px;margin-top:30px;}
	.__bill-bot .img {width:auto;float:none;}
	.__bill-bot .info {width:auto;float:none;margin-top:20px;}
	.__bill-bot h3 {margin-bottom:10px;}
	.__bill-bot .img .area {padding:15px;height:auto;}
	.__bill-bot .img .area dl {margin-top:20px;}
	.__bill-bot .img .area dl dt {font-size:16px;}
	.__bill-bot .img .area dl dd {font-size:13px;margin-top:5px;}
	.__bill-bot .info h4 {margin-bottom:10px;}
	.__bill-bot .info .box ~ .box {margin-top:20px;}
	.__bill-bot .info h4 span {height:30px;line-height:30px;border-radius:15px;width:150px;}
	.__bill-bot .info .desc {padding:15px;}
	.__bill-bot .info .desc ul {padding-right:5px;}
	.__bill-bot .info .desc ul li {font-size:12px;line-height:1.4em;}
	.__bill-bot .info .desc ul li ~ li {margin-top:5px;}
	.__bill-bot .info .desc ul ~ ul {padding-left:5px;}
}

.__sinone1-1:after {content:"";display:block;clear:both;}
.__sinone1-1 > * {box-sizing:border-box;float:left;}
.__sinone1-1 .lef {width:36%;padding-right:20px;}
.__sinone1-1 .lef dl dt {font-size:30px;line-height:1.2em;color:#000;}
.__sinone1-1 .lef dl dd {font-size:18px;line-height:1.4em;margin-top:20px;}
.__sinone1-1 .rig {width:64%;}
.__sinone1-1 .rig .box:after {content:"";display:block;clear:both;}
.__sinone1-1 .rig .box ~ .box {margin-top:35px;}
.__sinone1-1 .rig .box > * {float:left;box-sizing:border-box;}
.__sinone1-1 .rig .box .img {width:25%;}
.__sinone1-1 .rig .box dl {padding-left:30px;width:75%;}
.__sinone1-1 .rig .box dl dt {font-size:18px;font-weight:bold;color:#2b6dc5;line-height:1.4em;}
.__sinone1-1 .rig .box dl dd {font-size:14px;color:#888;line-height:1.6em;margin-top:15px;}

@media screen and (max-width:1000px){
	.__sinone1-1 > * {float:none;}
	.__sinone1-1 .lef {width:auto;padding-right:0;}
	.__sinone1-1 .lef dl dt {font-size:18px;}
	.__sinone1-1 .lef dl dd {font-size:13px;margin-top:10px;}
	.__sinone1-1 .rig {width:auto;margin-top:20px;}
	.__sinone1-1 .rig .box ~ .box {margin-top:15px;}
	.__sinone1-1 .rig .box .img {width:30%;}
	.__sinone1-1 .rig .box dl {padding-left:15px;width:70%;}
	.__sinone1-1 .rig .box dl dt {font-size:14px;}
	.__sinone1-1 .rig .box dl dd {font-size:12px;line-height:1.4em;margin-top:5px;}
}

.__sinone1-2 {border:2px solid #004096;font-size:0;padding:30px 45px;box-sizing:border-box;}
.__sinone1-2 > .td {vertical-align:middle;}
.__sinone1-2 .lef {font-size:30px;line-height:1.2em;width:270px;}
.__sinone1-2 .lef strong {color:#0c3062;}
.__sinone1-2 .rig {text-align:center;}
.__sinone1-2 .rig .arr {width:60px;text-align:center;padding-top:40px;}
.__sinone1-2 .rig .img p {margin-top:15px;font-size:15px;}

@media screen and (max-width:1000px){
	.__sinone1-2 {padding:20px;display:block;}
	.__sinone1-2 > .td {display:block;text-align:center;}
	.__sinone1-2 .lef {font-size:18px;width:auto;line-height:1.4em;}
	.__sinone1-2 .rig {margin:20px -10px 0;}
	.__sinone1-2 .rig .arr {width:30px;padding-top:20px;}
	.__sinone1-2 .rig .arr img {width:20px;}
	.__sinone1-2 .rig .img p {margin-top:10px;font-size:12px;}
}

.__sin-top {background:url(../images/sin-top-bg.jpg) no-repeat 50% 50%;text-align:center;font-size:0;margin-bottom:70px;}
.__sin-top .inner > * {display:inline-block;vertical-align:middle;}
.__sin-top .lef {text-align:center;color:#fff;font-size:36px;line-height:1.4em;}
.__sin-top .mid {margin:0 60px 0 30px;}
.__sin-top .rig {text-align:left;width:460px;}
.__sin-top .rig .box .td {vertical-align:middle;}
.__sin-top .rig .box .ico {width:110px;}
.__sin-top .rig .box ~ .box {margin-top:20px;}
.__sin-top .rig .box .info {color:#fff;}
.__sin-top .rig .box .info dt {font-size:24px;font-weight:bold;}
.__sin-top .rig .box .info dd {font-size:14px;line-height:1.5em;margin-top:10px;}

@media screen and (max-width:1200px){
	.__sin-top .lef {font-size:24px;}
	.__sin-top .mid {margin:0 30px;}
	.__sin-top .mid img {width:140px;}
	.__sin-top .rig img {width:70px;}
	.__sin-top .rig .box .ico {width:90px;}
}

@media screen and (max-width:1000px){
	.__sin-top {background-size:cover;padding:30px 10px;margin-bottom:20px;}
	.__sin-top .inner > * {display:block;}
	.__sin-top .lef {font-size:24px;}
	.__sin-top .mid {display:none;}
	.__sin-top .rig {text-align:left;width:auto;margin-top:20px;}
	.__sin-top .rig .box .ico img {width:40px;}
	.__sin-top .rig .box .ico {width:50px;}
	.__sin-top .rig .box ~ .box {margin-top:15px;}
	.__sin-top .rig .box .info dt {font-size:15px;}
	.__sin-top .rig .box .info dd {font-size:13px;line-height:1.4em;margin-top:5px;}
}

.__sin-bot {background:#f2f2f2;padding:30px 0;font-size:0;}
.__sin-bot:after {content:"";display:block;clear:both;}
.__sin-bot > * {box-sizing:border-box;vertical-align:middle;position:relative;width:33.333333%;display:inline-block;}
.__sin-bot h2 {padding-left:30px;font-size:24px;font-weight:bold;color:#ff5a00;}
.__sin-bot .box {text-align:center;}
.__sin-bot .box:before {content:"";display:block;width:1px;height:26px;background:#cbcbcb;top:50%;margin-top:-13px;left:0;position:absolute;}
.__sin-bot .box .wrap {display:inline-block;text-align:left;}
.__sin-bot .box .wrap > * {display:inline-block;vertical-align:middle;}
.__sin-bot .box .wrap dl {margin-left:10px;}
.__sin-bot .box .wrap dt {font-size:14px;color:#000;}
.__sin-bot .box .wrap dd {font-size:24px;font-weight:bold;color:#000;margin-top:5px;}

@media screen and (max-width:1000px){
	.__sin-bot:after {content:"";display:block;clear:both;}
	.__sin-bot > * {display:block;width:100%;}
	.__sin-bot h2 {padding-left:0;font-size:18px;text-align:center;}
	.__sin-bot .box {text-align:center;margin-top:15px;}
	.__sin-bot .box:before {display:none;}
	.__sin-bot .box .wrap img {width:20px;}
	.__sin-bot .box .wrap dl {margin-left:10px;}
	.__sin-bot .box .wrap dt {font-size:12px;}
	.__sin-bot .box .wrap dd {font-size:16px;}
}

.__sing-lt:after {content:"";display:block;clear:both;}
.__sing-lt .lef {float:left;width:34%;box-sizing:border-box;padding-right:50px;}
.__sing-lt .lef h3 {font-size:30px;line-height:1.3em;color:#0c3062;font-weight:normal;margin-bottom:60px;}
.__sing-lt .rig {float:left;width:66%;}

@media screen and (max-width:1000px){
	.__sing-lt .lef {float:none;width:auto;padding-right:0;text-align:center;}
	.__sing-lt .lef h3 {font-size:18px;margin-bottom:20px;text-align:left;}
	.__sing-lt .rig {float:none;width:auto;margin-top:20px;}
}

.__service-go .tit {text-align:center;margin-bottom:40px;}
.__service-go .tit dt {font-size:30px;font-weight:bold;color:#0c3062;}
.__service-go .tit dd {font-size:18px;margin-top:10px;}
.__service-go .area {font-size:0;margin:0 -10px -40px;}
.__service-go .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:20%;margin-bottom:40px;text-align:center;padding:0 10px;vertical-align:top;}
.__service-go .area .box a,
.__service-go .area .box a > * {display:block;}
.__service-go .area .box a .txt {font-size:14px;font-weight:bold;color:#000;margin-bottom:10px;}

@media screen and (max-width:1000px){
	.__service-go .tit {margin-bottom:15px;}
	.__service-go .tit dt {font-size:18px;line-height:1.4em;}
	.__service-go .tit dd {font-size:13px;line-height:1.4em;}
	.__service-go .area {margin:0 -5px -20px;}
	.__service-go .area .box {width:33.33333%;margin-bottom:20px;padding:0 5px;}
	.__service-go .area .box a .txt {font-size:12px;margin-bottom:5px;}
}

.__mbord-one {background:#f5f5f5;padding:60px 0;}
.__mbord-one .inner {padding:0 15px;}
.__mbord-one .area {max-width:1200px;margin:0 auto;}
.__mbord-one h4 {text-align:center;margin:50px 0 55px;}
.__mbord-one h4 span {font-weight:normal;display:inline-block;border-bottom:1px solid #004096;}
.__mbord-one .wrap {background:#fff;padding:60px 30px 30px;}
.__mbord-one .top .td {text-align:center;vertical-align:top;}
.__mbord-one .top .box .num span {display:inline-block;box-sizing:border-box;width:34px;height:34px;text-align:center;line-height:34px;color:#fff;background:#004096;border-radius:3px;font-size:16px;font-weight:bold;}
.__mbord-one .top .arr {padding-top:160px;width:70px;}
.__mbord-one .top .arr span {display:inline-block;width:50px;height:50px;text-align:center;color:#fff;background:#4494ff;border-radius:50%;font-size:0;}
.__mbord-one .top .arr span i {font-size:18px;line-height:50px;}
.__mbord-one .top .__dotlist {font-size:16px;text-align:left;line-height:1.6em;margin:30px 0 0;}
.__mbord-one .bot {border-top:1px solid #ddd;margin-top:30px;padding-top:30px;}
.__mbord-one .bot .td {vertical-align:middle;box-sizing:border-box;}
.__mbord-one .bot .tit {width:295px;padding-right:40px;}
.__mbord-one .bot .tit span {display:block;height:92px;line-height:92px;color:#fff;border-radius:5px;background:#004096;font-size:24px;font-weight:bold;text-align:center;}
.__mbord-one .bot .info {font-size:0;}
.__mbord-one .bot .info li {display:inline-block;vertical-align:top;width:50%;padding-right:10px;position:relative;padding-left:20px;line-height:1.5em;font-size:16px;margin:5px 0;box-sizing:border-box;}
.__mbord-one .bot .info li:before {content:"\f1ac";font-family:axicon;position:absolute;left:0;top:0;color:#0a3f8c;}

@media screen and (max-width:1000px){
	.__mbord-one {padding:20px 0;}
	.__mbord-one h4 {margin:10px 0 15px;font-size:15px;}
	.__mbord-one .wrap {padding:20px 15px;}
	.__mbord-one .top {overflow:hidden;font-size:0;margin:0 -15px -20px;}
	.__mbord-one .top .box .num span {width:30px;height:30px;line-height:30px;font-size:13px;}
	.__mbord-one .top .arr {display:none;}
	.__mbord-one .top .box {display:inline-block;vertical-align:top;width:50%;padding:0 15px;margin-bottom:20px;box-sizing:border-box;}
	.__mbord-one .top .box .img {margin-top:10px;}
	.__mbord-one .top .__txt20  {font-size:14px;}
	.__mbord-one .top .__dotlist {font-size:12px;line-height:1.5em;margin:10px 0 0;}
	.__mbord-one .bot {margin-top:15px;padding-top:15px;}
	.__mbord-one .bot .td {display:block;}
	.__mbord-one .bot .td ~ .td {margin-top:15px;}
	.__mbord-one .bot .tit {display:block;width:auto;padding-right:0;}
	.__mbord-one .bot .tit span {display:inline-block;height:30px;line-height:30px;font-size:15px;padding:0 20px;}
	.__mbord-one .bot .info li {width:100%;padding-right:0;padding-left:15px;line-height:1.4em;font-size:13px;margin:3px 0;}
}


.__mbord-two {margin:0 -30px;text-align:center;font-size:0;}
.__mbord-two .box {display:inline-block;box-sizing:border-box;width:33.33333%;padding:0 30px;}
.__mbord-two dl {margin-top:40px;text-align:left;}
.__mbord-two dl dt {font-size:18px;font-weight:bold;color:#000;}
.__mbord-two dl dd {font-size:14px;color:#000;line-height:1.5em;margin-top:10px;}

@media screen and (max-width:1000px){
	.__mbord-two {margin:0;}
	.__mbord-two .box {display:block;width:auto;padding:0;}
	.__mbord-two .box ~ .box {margin-top:30px;}
	.__mbord-two dl {margin-top:15px;}
	.__mbord-two dl dt {font-size:15px;}
	.__mbord-two dl dd {font-size:13px;}

}

.__mbord-thr {background:#f5f5f5;padding:60px 0;}
.__mbord-thr .inner {padding:0 15px;}
.__mbord-thr .area {max-width:1200px;margin:0 auto;}

.__mbord-thr .two {font-size:0;margin:0 -10px;}
.__mbord-thr .two .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.33333%;padding:0 10px;text-align:center;}
.__mbord-thr .two .box h4 span {display:inline-block;box-sizing:border-box;width:260px;height:38px;line-height:38px;border-radius:19px;text-align:center;color:#fff;font-weight:bold;font-size:16px;font-weight:bold;background:#004096;}
.__mbord-thr .two .box .img {margin-top:10px;}
.__mbord-thr .two .box dl {display:inline-block;text-align:left;}
.__mbord-thr .two .box dl dt {font-size:18px;font-weight:bold;color:#000;}
.__mbord-thr .two .box dl dd {margin-top:10px;font-size:14px;line-height:1.4em;}

.__mbord-thr .thr .desc .td {vertical-align:top;}
.__mbord-thr .thr .desc .lef .box {position:relative;padding:5px 0 0 53px;}
.__mbord-thr .thr .desc .lef .box ~ .box {margin-top:30px;}
.__mbord-thr .thr .desc .lef .box .num {width:34px;height:34px;position:absolute;left:0;top:0;line-height:34px;color:#fff;border-radius:5px;font-weight:bold;font-size:16px;background:#004096;text-align:center;}
.__mbord-thr .thr .desc .lef .box h4 {font-size:20px;font-weight:bold;color:#333;line-height:1.2em;}
.__mbord-thr .thr .desc .lef .box p {font-size:16px;line-height:1.4em;margin-top:15px;}
.__mbord-thr .thr .desc .rig {padding-left:70px;}
.__mbord-thr .thr .desc .rig h4 {font-size:24px;font-weight:bold;color:#004096;margin-bottom:20px;}
.__mbord-thr .thr .desc .rig ul li {position:relative;padding-left:20px;font-size:16px;line-height:1.5em;}
.__mbord-thr .thr .desc .rig ul li:before {content:"\f1ac";font-family:axicon;position:absolute;left:0;top:0;color:#0a3f8c;}
.__mbord-thr .thr .desc .rig ul li ~ li {margin-top:20px;}

.__mbord-thr .fou .top {font-size:0;}
.__mbord-thr .fou .top .box {display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;text-align:center;}
.__mbord-thr .fou .top h4 span {display:inline-block;box-sizing:border-box;width:260px;height:38px;line-height:38px;border-radius:19px;text-align:center;color:#fff;font-weight:bold;font-size:16px;font-weight:bold;background:#004096;}
.__mbord-thr .fou .bot {margin-top:60px;}
.__mbord-thr .fou .bot .td {vertical-align:middle;box-sizing:border-box;}
.__mbord-thr .fou .bot .tit {width:270px;padding-right:30px;text-align:center;font-size:24px;font-weight:bold;color:#004096;}
.__mbord-thr .fou .bot .info {font-size:0;}
.__mbord-thr .fou .bot .info li {display:inline-block;vertical-align:top;width:50%;padding-right:10px;position:relative;padding-left:20px;line-height:1.5em;font-size:16px;margin:5px 0;box-sizing:border-box;}
.__mbord-thr .fou .bot .info li:before {content:"\f1ac";font-family:axicon;position:absolute;left:0;top:0;color:#0a3f8c;}

.__mbord-thr .fiv .top {font-size:0;}
.__mbord-thr .fiv .top .td {vertical-align:top;}
.__mbord-thr .fiv .top .box {text-align:center;}
.__mbord-thr .fiv .top h4 {margin-bottom:25px;}
.__mbord-thr .fiv .top h4 span {display:inline-block;box-sizing:border-box;width:260px;height:38px;line-height:38px;border-radius:19px;text-align:center;color:#fff;font-weight:bold;font-size:16px;font-weight:bold;background:#004096;}
.__mbord-thr .fiv .top .con {overflow:hidden;}
.__mbord-thr .fiv .top .con > * {float:left;box-sizing:border-box;}
.__mbord-thr .fiv .top .con .img {width:32%;}
.__mbord-thr .fiv .top .con ul {width:68%;font-size:14px;padding-left:20px;text-align:left;line-height:1.6em;}
.__mbord-thr .fiv .arr {padding-top:130px;width:70px;}
.__mbord-thr .fiv .arr span {display:inline-block;width:50px;height:50px;text-align:center;color:#fff;background:#4494ff;border-radius:50%;font-size:0;}
.__mbord-thr .fiv .arr span i {font-size:18px;line-height:50px;}
.__mbord-thr .fiv .bot {margin-top:60px;}
.__mbord-thr .fiv .bot .td {vertical-align:middle;box-sizing:border-box;}
.__mbord-thr .fiv .bot .tit {width:270px;padding-right:30px;text-align:center;font-size:24px;font-weight:bold;color:#004096;}
.__mbord-thr .fiv .bot .info {font-size:0;}
.__mbord-thr .fiv .bot .info li {display:inline-block;vertical-align:top;width:50%;padding-right:10px;position:relative;padding-left:20px;line-height:1.5em;font-size:16px;margin:5px 0;box-sizing:border-box;}
.__mbord-thr .fiv .bot .info li:before {content:"\f1ac";font-family:axicon;position:absolute;left:0;top:0;color:#0a3f8c;}

@media screen and (max-width:1000px){
	.__mbord-thr {padding:30px 0;}

	.__mbord-thr .two {margin:0;}
	.__mbord-thr .two .box {display:block;width:auto;padding:0;}
	.__mbord-thr .two .box ~ .box {margin-top:30px;}
	.__mbord-thr .two .box h4 span {width:200px;height:32px;line-height:32px;border-radius:16px;font-size:14px;}
	.__mbord-thr .two .box .img {margin-top:5px;}
	.__mbord-thr .two .box dl dt {font-size:14px;}
	.__mbord-thr .two .box dl dd {margin-top:5px;font-size:12px;}

	.__mbord-thr .thr .desc {display:block;}
	.__mbord-thr .thr .desc .td {display:block;}
	.__mbord-thr .thr .desc .lef .box {padding:2px 0 0 35px;}
	.__mbord-thr .thr .desc .lef .box ~ .box {margin-top:15px;}
	.__mbord-thr .thr .desc .lef .box .num {width:24px;height:24px;line-height:24px;font-size:14px;}
	.__mbord-thr .thr .desc .lef .box h4 {font-size:16px;}
	.__mbord-thr .thr .desc .lef .box p {font-size:13px;margin-top:5px;}
	.__mbord-thr .thr .desc .mid {display:none;}
	.__mbord-thr .thr .desc .rig {padding-left:0;margin-top:20px;}
	.__mbord-thr .thr .desc .rig h4 {font-size:18px;margin-bottom:10px;}
	.__mbord-thr .thr .desc .rig ul li {padding-left:15px;font-size:13px;line-height:1.4em;}
	.__mbord-thr .thr .desc .rig ul li ~ li {margin-top:5px;}
	.__mbord-thr .thr .desc .rig div {display:none;}

	.__mbord-thr .fou .top .box {display:block;width:100%;}
	.__mbord-thr .fou .top .box ~ .box {margin-top:30px;}
	.__mbord-thr .fou .top h4 span {height:32px;line-height:32px;border-radius:16px;font-size:14px;}
	.__mbord-thr .fou .bot {margin-top:30px;}
	.__mbord-thr .fou .bot .td {display:block;}
	.__mbord-thr .fou .bot .td ~ .td {margin-top:15px;}
	.__mbord-thr .fou .bot .tit {display:block;width:auto;padding-right:0;}
	.__mbord-thr .fou .bot .tit span {display:inline-block;height:30px;line-height:30px;font-size:15px;padding:0 20px;}
	.__mbord-thr .fou .bot .info li {width:100%;padding-right:0;padding-left:15px;line-height:1.4em;font-size:13px;margin:3px 0;}

	.__mbord-thr .fiv .top {display:block;}
	.__mbord-thr .fiv .top img {height:150px;}
	.__mbord-thr .fiv .top .arr {display:none;}
	.__mbord-thr .fiv .top .box {display:block;}
	.__mbord-thr .fiv .top .box ~ .box {margin-top:30px;}
	.__mbord-thr .fiv .top h4 {margin-bottom:15px;}
	.__mbord-thr .fiv .top h4 span {height:32px;line-height:32px;border-radius:16px;font-size:14px;}
	.__mbord-thr .fiv .top .con .img {width:32%;}
	.__mbord-thr .fiv .top .con ul {width:68%;font-size:13px;padding-left:15px;line-height:1.5em;}
	.__mbord-thr .fiv .bot {margin-top:30px;}
	.__mbord-thr .fiv .bot .td {display:block;}
	.__mbord-thr .fiv .bot .td ~ .td {margin-top:15px;}
	.__mbord-thr .fiv .bot .tit {display:block;width:auto;padding-right:0;}
	.__mbord-thr .fiv .bot .tit span {display:inline-block;height:30px;line-height:30px;font-size:15px;padding:0 20px;}
	.__mbord-thr .fiv .bot .info li {width:100%;padding-right:0;padding-left:15px;line-height:1.4em;font-size:13px;margin:3px 0;}

}

.__mbord-fou {margin-top:80px;}
.__mbord-fou:after {content:"";display:block;clear:both;}
.__mbord-fou .lef {float:left;width:29%;box-sizing:border-box;padding-right:30px;}
.__mbord-fou .lef h3 {font-size:24px;font-weight:bold;color:#000;}
.__mbord-fou .lef dl {position:relative;margin-top:45px;padding-top:22px;}
.__mbord-fou .lef dl:before {content:"";display:block;width:30px;height:1px;background:#000;position:absolute;left:0;top:0;}
.__mbord-fou .lef dl dt {font-size:30px;line-height:1.2em;color:#0c3062;}
.__mbord-fou .lef dl dd {font-size:18px;line-height:1.5em;margin-top:15px;}
.__mbord-fou .rig {float:left;width:71%;box-sizing:border-box;}
.__mbord-fou .rig .box {background:#f5f5f5;padding:20px;overflow:hidden;}
.__mbord-fou .rig .box ~ .box {margin-top:30px;}
.__mbord-fou .rig .box .ll {float:left;width:240px;}
.__mbord-fou .rig .box .ll dl {margin-top:30px;}
.__mbord-fou .rig .box .ll dl dt {font-size:18px;font-weight:bold;color:#000;}
.__mbord-fou .rig .box .ll dl dd {margin-top:10px;font-size:15px;line-height:1.4em;}
.__mbord-fou .rig .box .rr {float:right;width:calc(100% - 260px);}

@media screen and (max-width:1000px){
	.__mbord-fou {margin-top:40px;}
	.__mbord-fou .lef {float:none;width:auto;padding-right:0;}
	.__mbord-fou .lef h3 {font-size:18px;}
	.__mbord-fou .lef dl {margin-top:10px;padding-top:15px;}
	.__mbord-fou .lef dl dt {font-size:16px;}
	.__mbord-fou .lef dl dd {font-size:13px;margin-top:10px;}
	.__mbord-fou .rig {float:none;width:auto;margin-top:20px;}
	.__mbord-fou .rig .box {padding:20px 15px;}
	.__mbord-fou .rig .box ~ .box {margin-top:20px;}
	.__mbord-fou .rig .box .ll {float:none;width:auto;}
	.__mbord-fou .rig .box .ll .img {text-align:center;}
	.__mbord-fou .rig .box .ll .img img {width:60px;}
	.__mbord-fou .rig .box:last-child .ll .img img {width:120px;}
	.__mbord-fou .rig .box .ll dl {margin-top:15px;}
	.__mbord-fou .rig .box .ll dl dt {font-size:14px;}
	.__mbord-fou .rig .box .ll dl dd {margin-top:5px;font-size:12px;}
	.__mbord-fou .rig .box .rr {float:none;width:auto;margin-top:20px;}
}


.__blue-top {background:#f5f5f5;padding:60px 0;}
.__blue-top .inner {padding:0 15px;}
.__blue-top .area {max-width:1200px;margin:0 auto;}
.__blue-top .wrap {background:#fff;padding:60px 30px 30px;}
.__blue-top .bot {overflow:hidden;max-width:1000px;margin:0 auto;}
.__blue-top .bot .lef {float:left;box-sizing:border-box;width:40%;padding-right:30px;}
.__blue-top .bot .rig {float:left;width:60%;padding-top:15px;}

@media screen and (max-width:1000px){
	.__blue-top {padding:30px 0;}
	.__blue-top .wrap {padding:30px 15px;}
	.__blue-top .bot .lef {float:none;width:100%;text-align:center;padding:0;}
	.__blue-top .bot .lef img {width:200px;}
	.__blue-top .bot .rig {float:none;width:100%;margin-top:15px;padding-top:0;}
}

.__blue-bot .td {vertical-align:top;}
.__blue-bot .td dl ~ dl {margin-top:50px;}
.__blue-bot .mid {padding:0 10px;width:34%;}
@media screen and (max-width:1000px){
	.__blue-bot {display:block;}
	.__blue-bot .td {display:block;}
	.__blue-bot .td dl {margin-top:20px !important;}
	.__blue-bot .lef dl:first-child {margin-top:0 !important;}
	.__blue-bot .mid {display:none;}
}

.__blue-link {font-size:0;margin:0 -20px;}
.__blue-link .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 20px;width:25%;}
.__blue-link .box .in {display:block;box-sizing:border-box;border-radius:5px;background:#eef1f5;text-align:center;padding:35px 10px;}
.__blue-link .box .ico {display:inline-block;width:144px;height:144px;border-radius:50%;background:#fff;overflow:hidden;}
.__blue-link .box .txt {display:block;height:130px;white-space:nowrap;}
.__blue-link .box .txt:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__blue-link .box .txt em {display:inline-block;vertical-align:middle;font-size:18px;font-weight:bold;color:#0a3d91;white-space:normal;line-height:1.4em;}
.__blue-link .box .btn {display:inline-block;width:136px;height:40px;line-height:40px;color:#fff;font-weight:bold;background:#0c289a;font-size:14px;}
.__blue-link .box .in:hover {background:#c7e8f2;}

@media screen and (max-width:1000px){
	.__blue-link {margin:0 -5px -10px;}
	.__blue-link .box {padding:0 5px;width:50%;margin-bottom:10px;}
	.__blue-link .box .in {padding:20px 10px;}
	.__blue-link .box .ico {width:80px;height:80px;}
	.__blue-link .box .txt {height:70px;}
	.__blue-link .box .txt em {font-size:13px;}
	.__blue-link .box .btn {width:120px;height:30px;line-height:30px;font-size:13px;}
}

.__pop-basic {position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;display:none;font-size:0;text-align:center;box-sizing:border-box;padding:10px;}
.__pop-basic:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.__pop-basic .bg {cursor:pointer;background:rgba(0,0,0,0.7);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.__pop-basic .inner {
	vertical-align:middle;
	box-sizing:border-box;
	background:#fff;
	z-index:10;
	display:inline-block;
	overflow:hidden;
	position:relative;
	max-width:100%;
	width:820px;
	text-align:left;
}
.__pop-basic .title {padding:25px;position:relative;background:#00479d;}
.__pop-basic .title h3 {font-size:30px;font-weight:normal;letter-spacing:-0.075em;color:#fff;}
.__pop-basic .title .pop-close {display:block;position:absolute;right:25px;top:50%;color:#fff;background:none;border:none;font-size:40px;margin-top:-0.5em;line-height:1em;}
.__pop-basic .desc {padding:35px 30px;font-size:13px;letter-spacing:-0.05em;line-height:1.6em;max-height:70vh;overflow:auto;}

@media screen and (max-width:1000px){
	.__pop-basic .title {padding:15px 50px 15px 15px;}
	.__pop-basic .title h3 {font-size:18px;}
	.__pop-basic .title .pop-close {right:10px;font-size:26px;}
	.__pop-basic .desc {padding:20px 15px;font-size:12px;}
}

.__blue-pay {font-size:0;}
.__blue-pay > div {display:inline-block;vertical-align:middle;box-sizing:border-box;}
.__blue-pay .img {width:40%;}
.__blue-pay .info {width:60%;background:#f5f5f5;border-radius:5px;padding:45px 25px;}
.__blue-pay .info .box {position:relative;padding:5px 0 0 50px;}
.__blue-pay .info .box ~ .box {margin-top:50px;}
.__blue-pay .info .box .num {position:absolute;left:0;top:0;width:34px;height:34px;border-radius:5px;background:#004096;line-height:34px;color:#fff;font-size:16px;font-weight:bold;text-align:center;}
.__blue-pay .info .box h4 {font-size:20px;font-weight:bold;color:#333;line-height:1.3em;}
.__blue-pay .info .box ul {font-size:16px;line-height:1.5em;margin-top:20px;}

@media screen and (max-width:1000px){
	.__blue-pay > div {display:block;float:none;}
	.__blue-pay .img {width:auto;text-align:center;}
	.__blue-pay .img img {width:240px;}
	.__blue-pay .info {width:auto;margin-top:20px;padding:20px 15px;}
	.__blue-pay .info .box {padding:5px 0 0 40px;}
	.__blue-pay .info .box ~ .box {margin-top:20px;}
	.__blue-pay .info .box .num {width:30px;height:30px;line-height:30px;font-size:14px;}
	.__blue-pay .info .box h4 {font-size:16px;}
	.__blue-pay .info .box ul {font-size:13px;margin-top:10px;}
}

.__blue-ins .top {overflow:hidden;}
.__blue-ins .top .box {float:left;width:50%;text-align:center;}
.__blue-ins .bot dl dt {height:32px;line-height:32px;background:#034675;text-align:center;color:#fff;font-weight:bold;font-size:14px;}
.__blue-ins .bot dd ul {overflow:hidden;font-size:14px;line-height:1.5em;}
.__blue-ins .bot dd ul li {float:left;box-sizing:border-box;padding-right:10px;margin-bottom:10px;width:50%;box-sizing:border-box;}

@media screen and (max-width:1000px){
	.__blue-ins .top .box {width:100%;float:none;}
	.__blue-ins .top .box ~ .box {margin-top:20px;}
	.__blue-ins .bot dd ul {font-size:13px;line-height:1.4em;}
	.__blue-ins .bot dd ul li {padding-right:0;margin-bottom:7px;width:100%;}
}

.__point-top:after {content:"";display:block;clear:both;}
.__point-top > div {box-sizing:border-box;float:left;}
.__point-top .lef {width:30%;padding-right:20px;}
.__point-top .lef dt {font-size:30px;line-height:1.3em;color:#0c3062;font-weight:bold;}
.__point-top .lef dd {font-size:18px;line-height:1.8em;margin-top:20px;}
.__point-top .rig {width:70%;border:2px solid #004096;padding:25px 20px;text-align:center;}

.__point-bot {max-width:900px;margin:0 auto;text-align:center;}
.__point-bot .txt {font-size:16px;font-weight:bold;color:#333;line-height:1.5em;margin-top:15px;}

@media screen and (max-width:1000px){
	.__point-top > div {float:none;}
	.__point-top .lef {width:auto;padding-right:0;}
	.__point-top .lef dt {font-size:18px;}
	.__point-top .lef dd {font-size:13px;line-height:1.5em;margin-top:10px;}
	.__point-top .rig {width:auto;margin-top:10px;padding:15px;}

	.__point-bot .box .img {padding:0 5px;}
	.__point-bot .txt {font-size:12px;line-height:1.4em;margin-top:10px;}
}

.__cs-bot {background:#f9f9f9;position:relative;padding:25px 390px 25px 25px;border-radius:5px;}
.__cs-bot a {display:inline-block;box-sizing:border-box;width:310px;height:50px;line-height:48px;font-size:16px;white-space:nowrap;padding:0;border:1px solid #999;border-radius:5px;position:absolute;right:30px;top:50%;margin-top:-25px;text-align:center;background:#fff;}
.__cs-bot a:after {content:"";display:inline-block;width:24px;height:8px;background:url(../images/btn-arr.gif) no-repeat;margin-left:10px;vertical-align:middle;}

@media screen and (max-width:1000px){
	.__cs-bot {padding:15px;}
	.__cs-bot a {width:200px;height:34px;line-height:32px;font-size:13px;position:relative;margin:15px 0 0;right:0;top:auto;}
	.__cs-bot a:after {width:12px;height:4px;margin-left:5px;background-size:100% 100%;}
}

.__line {border:none;border-top:1px solid #ddd;clear:both;}
.__semplus-top {text-align:center;background:#f9f9f9;padding:55px 15px;}
.__semarea:after {content:"";display:block;clear:both;}
.__semarea .img {box-sizing:border-box;float:left;width:153px;}
.__semarea .info {box-sizing:border-box;float:left;width:calc(100% - 153px);padding-left:40px;}

.__sempre {background:#f9f9f9;border-radius:5px;padding:25px 35px;}
.__sempre .__dtbl {table-layout:auto;}
.__sempre .td {vertical-align:middle;}
.__sempre dt {font-size:20px;font-weight:bold;color:#ec6547;}
.__sempre dt img {display:inline-block;vertical-align:middle;margin-right:5px;}
.__sempre dd {font-size:18px;font-weight:600;}

@media screen and (max-width:1000px){
	.__semplus-top {padding:15px;}
	.__semarea .img {width:70px;}
	.__semarea .info {width:calc(100% - 70px);padding-left:15px;}
	
	.__sempre {padding:15px;}
	.__sempre .__dtbl {display:block;}
	.__sempre .td {display:block;}
	.__sempre dt {font-size:16px;}
	.__sempre dt img {margin-right:5px;width:20px;}
	.__sempre dd {font-size:14px;}
	.__sempre dt + dd {margin:5px 0;}
}

.__bae-top {background:#f5f5f5;padding:100px 10px;}
.__bae-top .wrap {max-width:1140px;margin:0 auto;}
.__bae-top .top dt {font-size:36px;font-weight:bold;color:#034675;}
.__bae-top .mid {font-size:0;}
.__bae-top .mid > div {display:inline-block;vertical-align:middle;box-sizing:border-box;}
.__bae-top .mid .info {width:60%;}
.__bae-top .__tbl1 td {background:#fff;}
.__bae-top .mid .img {width:40%;text-align:right;padding-left:30px;}
.__bae-top .mid .img img {width:240px;}
.__bae-top .bot {text-align:center;}
.__bae-top .bot dl {position:relative;display:inline-block;padding-left:100px;}
.__bae-top .bot dl:before {content:"";display:block;position:absolute;left:0;top:0;width:87px;height:53px;background:url(../images/bae-star.gif) no-repeat;}
.__bae-top .bot dl dt {font-size:24px;font-weight:bold;color:#ff0000;}
.__bae-top .bot dl dd {font-size:16px;font-weight:bold;color:#222;margin-top:10px;}

@media screen and (max-width:1000px){
	.__bae-top {padding:30px 10px;}
	.__bae-top .top dt {font-size:16px;}
	.__bae-top .mid > div {display:block;}
	.__bae-top .mid .info {width:auto;}
	.__bae-top .mid .img {width:auto;text-align:center;padding-left:0;margin-top:20px;}
	.__bae-top .bot dl {padding-left:0;}
	.__bae-top .bot dl:before {display:none;}
	.__bae-top .bot dl dt {font-size:16px;}
	.__bae-top .bot dl dd {font-size:13px;margin-top:7px;}
}

.__bae-bot:after {content:"";display:block;clear:both;}
.__bae-bot dl {float:left;box-sizing:border-box;width:50%;}
.__bae-bot dl dt {font-size:24px;font-weight:bold;color:#000;margin-bottom:15px;padding:0 40px;}
.__bae-bot dl dd {background:#f9f9f9;padding:20px 40px;}
.__bae-bot dl:nth-child(1) dd {border-radius:5px 0 0 5px;}
.__bae-bot dl:nth-child(2) dd {border-radius:0 5px 5px 0;}

@media screen and (max-width:1000px){
	.__bae-bot dl {float:none;width:auto;}
	.__bae-bot dl dt {font-size:16px;margin-bottom:10px;padding:0;}
	.__bae-bot dl dd {padding:10px;border-radius:5px !important;}
	.__bae-bot dl ~ dl {margin-top:20px;}
}

.__mcp-one {background:url(../images/mcp-one.jpg) no-repeat 50% 0;padding:100px 10px 45px;}
.__mcp-one .wrap {max-width:1000px;margin:0 auto;}
.__mcp-one .img {text-align:right;}

.__tit2 {text-align:center;color:#fff;}
.__tit2 h3 {position:relative;font-size:34px;font-weight:bold;padding-bottom:25px;}
.__tit2 h3:before {content:"";display:block;width:38px;height:3px;position:absolute;left:50%;margin-left:-19px;bottom:0;background:#fff;}
.__tit2.type2 {color:#000;}
.__tit2.type2 h3:before {background:#004096;}
.__tit2.type3 h3:before {display:none;}

.__mcp-two {background:url(../images/mcp-two.jpg) no-repeat 50% 0;padding:100px 10px 120px;margin-bottom:-80px;}
.__mcp-two .wrap {max-width:1062px;margin:0 auto;}
.__mcp-two .bot {font-size:0;}
.__mcp-two .bot > div {display:inline-block;vertical-align:middle;box-sizing:border-box;}
.__mcp-two .bot .img {width:44%;padding-right:30px;}
.__mcp-two .bot .info {text-align:center;width:56%;}
.__mcp-two .bot .info h4 {font-size:24px;font-weight:bold;color:#5ea4ff;margin-bottom:20px;}
.__mcp-two .bot .info .area {margin:0 -6px;font-size:0;}
.__mcp-two .bot .info .area dl {display:inline-block;width:33.33333%;padding:0 6px;box-sizing:border-box;vertical-align:top;}
.__mcp-two .bot .info .area dl dd {font-size:16px;font-weight:bold;line-height:1.4em;margin-top:10px;color:#fff;}


@media screen and (max-width:1000px){
	.__mcp-one {background-size:cover;padding:30px 10px;}
	.__mcp-one .img {text-align:center;}
	.__mcp-one .img img {width:240px;}

	.__tit2 h3 {font-size:18px;padding-bottom:13px;}
	.__tit2 h3:before {width:30px;height:2px;margin-left:-15px;}
	.__tit2 .__txt24 {font-size:14px;}

	.__mcp-two {background-size:cover;padding:30px 10px;margin-bottom:-30px;}
	.__mcp-two .bot > div {display:block;}
	.__mcp-two .bot .img {width:auto;padding-right:0;text-align:center;}
	.__mcp-two .bot .img img {width:240px;}
	.__mcp-two .bot .info {width:auto;margin-top:30px;}
	.__mcp-two .bot .info h4 {font-size:16px;margin-bottom:10px;}
	.__mcp-two .bot .info .area {margin:0 -5px;}
	.__mcp-two .bot .info .area dl {padding:0 5px;}
	.__mcp-two .bot .info .area dl dd {font-size:13px;margin-top:7px;}
}


.__ble-one {background:#f5f5f5;padding:70px 10px;}
.__ble-one .wrap {max-width:1200px;margin:0 auto;}
.__ble-one .area {background:#fff;border-radius:5px;padding:70px 35px;}
.__ble-one .area .box:after {content:"";display:block;clear:both;}
.__ble-one .area .box > div {float:left;box-sizing:border-box;}
.__ble-one .area .box .info {width:19%;padding-right:15px;}
.__ble-one .area .box .info dl dt {font-size:24px;font-weight:bold;color:#44546a;line-height:1.2em;position:relative;padding-bottom:20px;margin-bottom:20px;}
.__ble-one .area .box .info dl dt:before {content:"";display:block;width:24px;height:1px;position:absolute;left:0;bottom:0;background:#44546a;}
.__ble-one .area .box .info dl dd {font-size:16px;line-height:1.4em;color:#44546a;}
.__ble-one .area .box .img {width:81%;}
.__ble-one .area .box ~ .box {border-top:1px solid #ddd;margin-top:50px;padding-top:50px;}

.__ble-two {background:#f5f5f5;padding:80px 10px;margin-bottom:-80px;}
.__ble-two .wrap {max-width:1200px;margin:0 auto;}
.__ble-two .__blue-ins {background:#fff;border-radius:10px;padding:70px;}

@media screen and (max-width:1000px){
	
	.__ble-one {padding:30px 10px;}
	.__ble-one .area {padding:15px;}
	.__ble-one .area .box > div {float:none;}
	.__ble-one .area .box .info {width:auto;padding-right:0;}
	.__ble-one .area .box .info dl dt {font-size:16px;padding-bottom:10px;margin-bottom:10px;}
	.__ble-one .area .box .info dl dd {font-size:13px;line-height:1.4em;color:#44546a;}
	.__ble-one .area .box .img {width:auto;margin-top:10px;}
	.__ble-one .area .box ~ .box {margin-top:25px;padding-top:25px;}

	.__ble-two {padding:30px 10px;margin-bottom:-30px;}
	.__ble-two .__blue-ins {padding:15px;}

}

.__moo-one {background:#44546a;padding:90px 10px 50px;}
.__moo-one .wrap {max-width:1200px;margin:0 auto;}
.__moo-one .area {background:#fff;border-radius:5px;padding:70px 35px;}
.__moo-one .area .box:after {content:"";display:block;clear:both;}
.__moo-one .area .box > div {float:left;box-sizing:border-box;}
.__moo-one .area .box .info {width:23%;padding-right:30px;}
.__moo-one .area .box .info dl dt {font-size:24px;font-weight:bold;color:#44546a;line-height:1.2em;position:relative;padding-bottom:20px;margin-bottom:20px;}
.__moo-one .area .box .info dl dt:before {content:"";display:block;width:24px;height:1px;position:absolute;left:0;bottom:0;background:#44546a;}
.__moo-one .area .box .info dl dd {font-size:16px;line-height:1.4em;color:#44546a;}
.__moo-one .area .box .img {width:77%;text-align:center;}
.__moo-one .area .box ~ .box {border-top:1px solid #44546a;margin-top:50px;padding-top:50px;}

.__moo-two .area {font-size:0;}
.__moo-two .area:after {content:"";display:block;clear:both;}
.__moo-two .area > div {float:left;vertical-align:middle;box-sizing:border-box;}
.__moo-two .area .img {width:53%;position:relative;height:518px;}
.__moo-two .area .img img {display:block;position:absolute;right:0;top:0;max-width:876px;}
.__moo-two .area .info {width:47%;padding-left:20px;padding-top:90px;}
.__moo-two .area .info .box .tit {position:relative;border-bottom:1px solid #aaa;padding-bottom:20px;margin-bottom:20px;}
.__moo-two .area .info .box .tit h3 {font-size:22px;font-weight:bold;color:#ff5a00;}
.__moo-two .area .info .box .tit p {position:absolute;right:0;bottom:20px;font-size:16px;color:#999;}
.__moo-two .area .info .box .bot {overflow:hidden;}
.__moo-two .area .info .box .bot li {float:left;width:50%;}
.__moo-two .area .info .box .bot li > * {display:inline-block;vertical-align:top;color:#000;line-height:1em;}
.__moo-two .area .info .box .bot li span {font-size:16px;padding:5px 5px 0 0;}
.__moo-two .area .info .box .bot li strong {font-size:32px;}
.__moo-two .area .info .box ~ .box {margin-top:100px;}

.__moo-thr {background:#44546a;padding:120px 10px 0;}
.__moo-thr .wrap {max-width:1200px;margin:0 auto;}

.__moo-fou {position:relative;z-index:100;}
.__moo-fou .area {font-size:0;text-align:center;}
.__moo-fou .area .box {display:inline-block;box-sizing:border-box;vertical-align:top;}
.__moo-fou .area .box ~ .box {margin-left:190px;}
.__moo-fou .area .box .in {display:block;width:330px;height:420px;box-sizing:border-box;border:1px solid #ddd;overflow:hidden;background:#fff;padding:25px 35px 0;border-radius:10px;}
.__moo-fou .area .box dl {margin-top:10px;}
.__moo-fou .area .box dl dt {font-size:20px;font-weight:bold;color:#08538c;}
.__moo-fou .area .box dl dd {font-size:16px;line-height:1.5em;margin-top:15px;}

.__moo-fiv {background:#44546a;margin-top:-130px;padding:270px 10px 0;}
.__moo-fiv .wrap {max-width:1200px;margin:0 auto;}
.__moo-fiv .area {background:#fff;padding:50px 30px 20px;position:relative;border-radius:15px 15px 0 0;}
.__moo-fiv .area:before {content:"";display:block;width:1px;height:100px;background:#44546a;position:absolute;left:50%;top:50px;}
.__moo-fiv .area:after {content:"";display:block;clear:both;}
.__moo-fiv .area .box {width:45%;float:right;}
.__moo-fiv .area .box:first-child {float:left;}
.__moo-fiv .area .box dl > * {position:relative;padding-left:45px;font-size:18px;color:#44546a;line-height:1.4em;}
.__moo-fiv .area .box dl span {display:block;position:absolute;left:0;top:0;font-size:30px;}
.__moo-fiv .area .box dl dt {font-weight:bold;}
.__moo-fiv .area .box dl dd {margin-top:30px;}

.__moo-six .area {margin:0 -5px;font-size:0;text-align:center;}
.__moo-six .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;margin-bottom:10px;padding:0 5px;}
.__moo-six .area .box span {display:block;border:1px solid #ddd;}

@media screen and (max-width:1000px){
	.__moo-one {padding:30px 10px;}
	.__moo-one .area {padding:15px;}
	.__moo-one .area .box > div {float:none;}
	.__moo-one .area .box .info {width:auto;padding-right:0;}
	.__moo-one .area .box .info dl dt {font-size:16px;padding-bottom:10px;margin-bottom:10px;}
	.__moo-one .area .box .info dl dd {font-size:13px;}
	.__moo-one .area .box .img {width:auto;margin-top:10px;}
	.__moo-one .area .box ~ .box {margin-top:20px;padding-top:20px;}

	.__moo-two .area > div {float:none;}
	.__moo-two .area .img {width:auto;height:auto;}
	.__moo-two .area .img img {position:relative;max-width:100%;}
	.__moo-two .area .info {width:auto;padding-left:0;padding-top:20px;}
	.__moo-two .area .info .box .tit {padding-bottom:10px;margin-bottom:10px;}
	.__moo-two .area .info .box .tit h3 {font-size:16px;}
	.__moo-two .area .info .box .tit p {bottom:10px;font-size:13px;}
	.__moo-two .area .info .box .bot li span {font-size:13px;padding:5px 5px 0 0;}
	.__moo-two .area .info .box .bot li strong {font-size:18px;}
	.__moo-two .area .info .box ~ .box {margin-top:20px;}

	.__moo-thr {padding:30px 10px;}

	.__moo-fou .area .box img {width:120px;}
	.__moo-fou .area .box ~ .box {margin-left:0;margin-top:20px;}
	.__moo-fou .area .box .in {width:auto;height:auto;padding:15px;}
	.__moo-fou .area .box dl dt {font-size:15px;}
	.__moo-fou .area .box dl dd {font-size:13px;line-height:1.4em;margin-top:10px;}

	.__moo-fiv {margin-top:-100px;padding:130px 10px 0;}
	.__moo-fiv .area {padding:30px 15px 15px;border-radius:10px 10px 0 0;}
	.__moo-fiv .area:before {display:none;}
	.__moo-fiv .area:after {content:"";display:block;clear:both;}
	.__moo-fiv .area .box {width:auto;float:none;}
	.__moo-fiv .area .box:first-child {float:none;}
	.__moo-fiv .area .box ~ .box {margin-top:20px;border-top:1px solid #44546a;padding-top:20px;}
	.__moo-fiv .area .box dl > * {padding-left:30px;font-size:14px;line-height:1.4em;}
	.__moo-fiv .area .box dl span {font-size:18px;}
	.__moo-fiv .area .box dl dd {margin-top:10px;}

	.__moo-six {padding-top:30px;}
	.__moo-six .area {margin:0 -5px;}
	.__moo-six .area .box {width:25%;margin-bottom:10px;padding:0 5px;}

}


.product__tab {margin-bottom:80px;}
.product__tab::after {content:'';display:table;clear:both;}
.product__tab.product__tab--item1 li {width:100%;}
.product__tab.product__tab--item2 li {width:50%;}
.product__tab.product__tab--item3 li {width:33.3%;}
.product__tab.product__tab--item3 li:nth-child(2) {width:33.4%;}
.product__tab.product__tab--item4 li {width:25%;}
.product__tab.product__tab--item5 li {width:20%;}
.product__tab.product__tab--item6 li {width:16.7%;}
.product__tab.product__tab--item6 li:last-child {width:16.5%;}
.product__tab.product__tab--item7 li {width:14.3%;}
.product__tab.product__tab--item7 li:last-child {width:14.2%;}
.product__tab.product__tab--item8 li {width:12.5%;}
.product__tab li {float:left;}
.product__tab li:first-child a {border:solid 1px #d9d9d9;}
.product__tab li a {display:block;border:solid 1px #d9d9d9;border-left:none;line-height:56px;font-size:18px;text-align:center;}
.product__tab li.activefirst-child a {border:solid 1px #5c6dbd;}
.product__tab li.active a {background:#5c6dbd;color:#fff;border:solid 1px #5c6dbd;border-left:none;}
.product__tab li:hoverfirst-child a {border:solid 1px #5c6dbd;}
.product__tab li:hover a {background:#5c6dbd;color:#fff;border:solid 1px #5c6dbd;border-left:none;}

@media screen and (max-width:1000px) {
	.product__tab {margin-bottom:50px;}
	.product__tab::after {content:'';display:table;clear:both;}
	.product__tab.product__tab--item2 li {width:50% !important;}
	.product__tab.product__tab--item3 li {width:33.3% !important;}
	.product__tab.product__tab--item3 li:nth-child(2) {width:33.4% !important;}
	.product__tab li {float:left;width:25% !important;}
	.product__tab li.product__tab--item1 li {width:100%;}
	.product__tab li.product__tab--item2 li {width:50%;}
	.product__tab li.product__tab--item3 li {width:33.3%;}
	.product__tab li.product__tab--item3 li:nth-child(2) {width:33.4%;}
	.product__tab li.product__tab--item4 li {width:25%;}
	.product__tab li.product__tab--item5 li {width:20%;}
	.product__tab li.product__tab--item6 li {width:16.7%;}
	.product__tab li.product__tab--item6 li:last-child {width:16.5%;}
	.product__tab li.product__tab--item7 li {width:14.3%;}
	.product__tab li.product__tab--item7 li:last-child {width:14.2%;}
	.product__tab li.product__tab--item8 li {width:12.5%;}
	.product__tab li:first-child a {border:none;border-right:solid 1px #fff;}
	.product__tab li a {display:block;line-height:30px;font-size:13px;text-align:center;border:none;border-right:solid 1px #fff;background:#efefef;margin-bottom:1px;}
	.product__tab li.activefirst-child a {border:none;}
	.product__tab li.active a {background:#004096;color:#fff;border:none;border-left:none;border-right:solid 1px #fff;}
	.product__tab li:hoverfirst-child a {border:none;}
	.product__tab li:hover a {background:#004096;color:#fff;border:none;border-left:none;border-right:solid 1px #fff;}
}



.__subsi .area:after {content:'';display:block;clear:both;}
.__subsi .area ~ .area {border-top:1px solid #ddd;margin-top:60px;padding-top:60px;}
.__subsi .area > div {box-sizing:border-box;}
.__subsi .area .img {width:calc(50% - 40px);height:265px;position:relative;float:left;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.__subsi .area .img span {display:block;position:absolute;left:0;top:0;width:100%;color:#fff;padding:30px 0 0 35px;box-sizing:border-box;font-size:36px;font-weight:300;}
.__subsi .area .info {width:50%;float:right;}
.__subsi .area .info dl ~ dl {margin-top:20px;}
.__subsi .area .info dl dt {font-size:17px;color:#2d70c9;}
.__subsi .area .info dl dd {font-size:14px;color:#949494;line-height:1.5em;margin-top:3px;}

@media screen and (max-width:1000px) {
	.__subsi .area ~ .area {margin-top:30px;padding-top:30px;}
	.__subsi .area .img {width:auto;height:0;padding-top:47%;float:none;}
	.__subsi .area .img span {padding:20px 0 0 25px;font-size:20px;}
	.__subsi .area .info {width:auto;float:none;margin-top:15px;}
	.__subsi .area .info dl ~ dl {margin-top:10px;}
	.__subsi .area .info dl dt {font-size:16px;}
	.__subsi .area .info dl dd {font-size:13px;}
}

.__smartsei:after {content:'';display:block;clear:both;}
.__smartsei .box {float:left;width:50%;box-sizing:border-box;}
.__smartsei .box:after {content:'';display:block;clear:both;}
.__smartsei .box > div {float:left;box-sizing:border-box;}
.__smartsei .box .img {width:153px;}
.__smartsei .box .info {width:calc(100% - 153px);padding:15px 0 0 40px;}
.__smartsei .box .info h4 {font-size:20px;color:#3576ba;font-weight:normal;margin-bottom:10px;}
.__smartsei .box .info ul li {font-size:16px;color:#777;line-height:1.5em;}
.__smartsei .box .info ul li ~ li {margin-top:5px;}

@media screen and (max-width:1000px) {
	.__smartsei .box {float:none;width:auto;}
	.__smartsei .box ~ .box {margin-top:30px;}
	.__smartsei .box .img {width:90px;}
	.__smartsei .box .info {width:calc(100% - 90px);padding:5px 0 0 15px;}
	.__smartsei .box .info h4 {font-size:16px;margin-bottom:7px;}
	.__smartsei .box .info ul li {font-size:13px;line-height:1.4em;}
	.__smartsei .box .info ul li ~ li {margin-top:5px;}
}

.__smarttxt {background:#f9f9f9;padding:15px 10px;font-size:26px;font-weight:300;color:#000;line-height:1.2em;text-align:center;letter-spacing:-0.075em;}
.__smarttxt span {letter-spacing:inherit;}
.__smartgra .td {text-align:center;box-sizing:border-box;padding:0 5px;}
.__smartgra .td ~ .td {border-left:1px solid #ddd;}

@media screen and (max-width:1000px) {
	.__smarttxt {font-size:18px;}

	.__smartgra {display:block;}
	.__smartgra .td {display:block;padding:0;}
	.__smartgra .td ~ .td {border-left:0;border-top:1px solid #ddd;margin-top:20px;padding-top:20px;}

}


.__tbl3 { width: 100%; }
.__tbl3 tr > * { border-top: 1px solid #d7d7d7; box-sizing: border-box;}
.__tbl3 tr:last-child > * { border-bottom: 1px solid #d7d7d7; }
.__tbl3 tr th { background-color: #f5f5f5; text-align: center; }
.__btn3 { display: inline-block; border: 1px solid #929292; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }

.__pop-gnb6 .inner { position: relative; width: 766px; max-width: 100%; color: #444; line-height: 1; padding: 30px; box-sizing: border-box; 
    border: 10px solid #244c88;
}
.__pop-gnb6 .title { font-size: 24px; font-weight: bold; color: #444; background: none; padding: 0; }
.__pop-gnb6 .pop-close { position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; font-size: 30px; background: none; border: 0;  }
.__pop-gnb6 .pop-close::before,
.__pop-gnb6 .pop-close::after { content: ''; display: inline-block; width: 1px; height: 24px; background-color: #474747; transform: rotate(-45deg); vertical-align: top; }
.__pop-gnb6 .pop-close::before { transform: rotate(45deg); margin-left: 8px; }
.__pop-gnb6 .desc { padding: 0; margin-top: 24px; line-height: 1; }
.__pop-gnb6 .desc > p { font-size: 20px; font-weight: bold; color: #1562ca; }
.__pop-gnb6 .desc > span { display: block; font-size: 15px; margin-top: 10px }
.__pop-gnb6 .desc .__tbl3 { margin-top: 30px }
.__pop-gnb6 .desc .__tbl3 tr th { width: 103px; }
.__pop-gnb6 .desc .__tbl3 tr td { padding: 4px 10px; }
.__pop-gnb6 .desc .__tbl3 tbody th label { cursor: auto; }
.__pop-gnb6 .desc .__tbl3 tbody th label.required::after { content: '*'; display: inline-block; color: #ed1c24; }
.__pop-gnb6 .desc .__tbl3 tbody td input,
.__pop-gnb6 .desc .__tbl3 tbody td textarea { border: 1px solid #d7d7d7; padding-left: 10px; box-sizing: border-box; }	
.__pop-gnb6 .desc .__tbl3 tbody td input { width: 168px; max-width: 100%; height: 30px; }
.__pop-gnb6 .desc .__tbl3 tbody td textarea { width: 100%; height: 110px; padding: 10px; resize: none; }
.__pop-gnb6 .desc .__tbl3 tbody td input[type=email] { height: 30px; }
.__pop-gnb6 .desc .__tbl3 tbody td input[type=email]+span { display: inline-block; width: 26px; text-align: center; }
.__pop-gnb6 .desc .__tbl3 tbody td input[type=text].file-name { width: 362px; background: none; }
.__pop-gnb6 .desc .__tbl3 tbody td input[type=file] { display: none; }
.__pop-gnb6 .desc .__tbl3 tbody td input[type=file]+label { display: inline-block; width: 86px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #d7d7d7; box-sizing: border-box; background-color: #f3f3f3; vertical-align: bottom; margin-left: 4px; cursor: pointer; }
.__pop-gnb6 .desc .tac .__btn3 { width: 160px; height: 50px; line-height: 48px; font-size: 16px; color: #222; }

@media screen and (max-width:1000px) {
	.__pop-gnb6 .inner { padding: 20px 15px; }
	.__pop-gnb6 .title { font-size: 20px; }
	.__pop-gnb6 .desc { margin-top: 15px; }
	.__pop-gnb6 .desc > p,
	.__pop-gnb6 .desc > span { font-size: 14px; }
	.__pop-gnb6 .desc > span { margin-top: 8px; line-height: 1.3; }
	.__pop-gnb6 .desc .__tbl3 { margin-top: 18px; }
	.__pop-gnb6 .desc .__tbl3 tbody td input { width: 100%; }
	.__pop-gnb6 .desc .__tbl3 tbody td input[type=email] { width: calc(100% - 28px); }
	.__pop-gnb6 .desc .__tbl3 tbody td input[type=email]:nth-of-type(n+2) { display: block; margin-top: 5px; }
	.__pop-gnb6 .desc .__tbl3 tbody td input[type=text].file-name { width: 100%; }
	.__pop-gnb6 .desc .__tbl3 tbody td input[type=file]+label { margin-top: 5px; margin-left: 0; }
	.__pop-gnb6 .desc .__mt30 { margin-top: 30px !important; }
}


@media screen and (max-width:1000px) {
	
}


.__popup {position:fixed;z-index:2000;display:none;}
.__popup .area {background:#fff;border:1px solid #ddd;padding:10px;font-size:14px;line-height:1.5em;max-width:100%;overflow-y:auto;}
.__popup .area * {max-width:100%;height:auto !important;}
.__popup .bot {background:#1f4bb4;text-align:right;padding:7px 10px;}
.__popup .bot > * {display:inline-block;vertical-align:middle;color:#fff;font-size:14px;}
.__popup .bot button {border:none;background:none;color:#fff;}
.__popup .bot label {margin-right:20px;}
.__popup .bot label input {vertical-align:middle;}

@media all and (max-width:1000px){
	.__popup {left:0 !important;top:0 !important;max-width:100% !important;position:absolute !important;}
	.__popup .area {box-sizing:border-box;font-size:13px;max-height:80vh !important;}
	.__popup .bot {padding:5px 10px;}
	.__popup .bot > * {font-size:13px;}
}

.__search {background:#e5e9eb;padding:25px;text-align:center;font-size:0;margin-bottom:50px;}
.__search .inner {max-width:1070px;margin:0 auto;}
.__search select,
.__search input[type=text],
.__search button {display:inline-block;vertical-align:top;height:50px;box-sizing:border-box;}
.__search select,
.__search input[type=text] {background:#fff;font-size:14px;color:#333;border:none;}
.__search select {width:205px;padding-left:10px;}
.__search input[type=text] {width:calc(100% - 330px);padding-left:25px;background:#fff url(../images/bar.html) no-repeat 10px 50%;}
.__search button {width:125px;height:50px;color:#fff;background:#f60;border:none;color:#fff;font-size:24px;}

@media all and (max-width:1024px){
	.__search {padding:10px;margin-bottom:15px;}
	.__search select,
	.__search input[type=text],
	.__search button {height:40px;}
	.__search select {width:80px;padding-left:7px;}
	.__search input[type=text] {width:calc(100% - 130px);padding-left:15px;}
	.__search button {width:50px;height:40px;font-size:20px;}
}

.__tblList2 {table-layout:fixed;width:100%;border-collapse:separate;border-top:2px solid #000;}
.__tblList2 tr > * {box-sizing:border-box;padding:17px 10px;text-align:center;font-size:15px;font-weight:300;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.__tblList2 tr > *:first-child {border-left:1px solid #e3e3e3;}
.__tblList2 tr th {background:#f6f6f6;color:#000;}
.__tblList2 tr td {color:#818181;}
.__tblList2 tr .subject {padding:17px 25px;text-align:left;}
.__tblList2 tr .subject a {max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;}

@media all and (max-width:1024px){
	.__tblList2 tr > * {padding:8px 5px;font-size:13px;}
	.__tblList2 tr .subject {padding:5px;}
	.__tblList2 tr .file img {width:10px;}
}



/*───────────────────────────────────────────────────────────
	 pricing
───────────────────────────────────────────────────────────*/


.sub_pricing table .text-gray {background-color:#f9f9f9!important;}

#pricing_mobile table th,
#pricing_mobile table td {font-size: 15px;}
#pricing_mobile table td {padding: 12px 10px;}
#pricing_mobile table tr {border-bottom: solid 1px #eee;}
#pricing_mobile table tr:last-child {border-bottom: none;}
#pricing_mobile table .end {border-bottom: 0;}
#pricing_mobile .panel-body {padding: 8px 20px 20px 20px;border-top: 1px solid #d3d3d3;min-height: 42px;}
#pricing_mobile table {width: 100%;margin:0 auto;}
#pricing_mobile .panel {width:100%;    border: 1px solid #d3d3d3;
    box-sizing: border-box;}
#pricing_mobile hr {border:none;}

#pricing_mobile button span{display:block;}
#pricing_mobile .pricing_table_box{width: calc(100% + 2%);font-size: 0;margin-left: -2%;text-align:Center;}
#pricing_mobile .pricing_table_box .panel{width: calc(25% - 2%);display: inline-block;vertical-align:top;margin-left: 2%; margin-bottom:30px;}
#pricing_mobile .pricing_table_box #panel-custom{width: calc(50% - 2%);}
#pricing_mobile .pricing_table_box + .pricing_table_box {margin-top:20px;}
#pricing_mobile .pricing_table_box .panel:nth-of-type(n+5){margin-top:20px;}
#pricing_mobile .pricing_table_box .applyment a {font-size: 16px;
    font-weight: 600;
    padding: 4px 30px;
    color: #fff;
    border-radius: 18px;}


#pricing_mobile .pricing_table_box .pricing_type1 .applyment a {    font-size: 16px;
    border: 1px solid #12cfbf;
    color: #fff;
    color: #12cfbf;}

#pricing_mobile .pricing_table_box .pricing_type2 .applyment a {    font-size: 16px;
	border: 1px solid #ff7979;
	color: #ff7979;}

#pricing_mobile .pricing_table_box .pricing_type3 .applyment a {    font-size: 16px;
	border: 1px solid #2fa4cb;
	color: #2fa4cb;}

.pricing_notice_txt{font-size:0;padding-left:40px;padding-bottom:40px!important;}
.pricing_notice_txt li{font-size:13px;list-style:unset;}

.pricing_center{clear:both;}

.text-success {padding: 5px 20px;
    border-radius: 20px;
    border: 1px solid #bbb;}

@media only screen and (max-width:1217px) {
	#pricing_mobile .pricing_table_box .panel{width:calc(50% - 2%);margin-left: 0%;}
	#pricing_mobile .pricing_table_box .panel:nth-of-type(n+3){margin-top:20px;}
	#pricing_mobile .pricing_table_box br{display:none;}
	#pricing_mobile .pricing_table_box #panel-custom{width: calc(100% - 2%);}
}
@media only screen and (max-width:1023px) {

	
}
@media only screen and (max-width:860px) {

}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {
	#pricing_mobile .pricing_table_box{margin-left:0;width:100%;} 
	#pricing_mobile .pricing_table_box .panel{width:calc(100%);}
	#pricing_mobile .pricing_table_box .panel:nth-of-type(n+2){margin-top:20px;}


}
@media only screen and (max-width:479px) {

}

.fs_15 {font-size: 15px;}
.fs_16 {font-size: 16px;}
.fs_17 {font-size: 17px;}
.fs_18 {font-size: 18px;}
.fs_19 {font-size: 19px;}
.fs_20 {font-size: 20px; font-weight: 600}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.c93 {color:#939393;}


.table_check {width: 20px; height: 20px;}



.ribbon{
	color: #fff;
	position: absolute;
	text-transform: uppercase;
	background: rgb(0, 164, 239);
	border: 1px solid rgb(0, 164, 239);
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 10px 15px;
	clear: both;
	display: none;
	cursor: pointer;
}


.pricing_type1 {background-color: #fafffe;}


.pricing_type1 .text-primary {
	    color:#12cfbf !important;
}

.pricing_type2 .text-primary {
	color:#ff7979 !important;
}

.pricing_type3 .text-primary {
	color:#2fa4cb !important;
}


.pricing_type2 {background-color: #fff8f8;}
.pricing_type2 hr {border:none !important}


.pricing_type3 {background-color: #f1faff;}
.pricing_type3 hr {border:none !important;}

.pricing_type1 .ribbon{
	color: #fff;
	position: absolute;
	text-transform: uppercase;
	background: rgb(0, 164, 239);
	border: 1px solid rgb(0, 164, 239);
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 10px 15px;
	clear: both;
	display: none;
	cursor: pointer;
}

.pricing_type2 .ribbon{
	color: #fff;
	position: absolute;
	text-transform: uppercase;
    background: #ff6868;
    border: 1px solid #ff6868;
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 10px 15px;
	clear: both;
	display: none;
	cursor: pointer;
}


.pricing_type3 .ribbon{
	color: #fff;
	position: absolute;
	text-transform: uppercase;
    background: #b8ffbd;
    border: 1px solid #b8ffbd;
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 10px 15px;
	clear: both;
	display: none;
	cursor: pointer;
}

a.left_ribbon{
	color: #000;
	float: left;
	margin-left: -10px;
    margin-top: -25px;
}

a.left_ribbon h2{
	margin: 0 5px;
	font-size:15px;
	color:#fff;
}

a.left_ribbon::before{
	display: block;
	width: 10px;
	height: 0px;
	position: absolute;
	bottom: -11px;
	left: -11px;
	content: "";
	border-bottom: 10px solid transparent;
	border-right: 10px solid #bbb;
}

#load {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.8;
    background: white;
    z-index: 9999;
    text-align: center;
}

#load > img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 2%;
}

.layer_popup{
	position: absolute;
	left: 50%;
	top: 150px;
	z-index: 999;
	transform: translateX(-50%); display: inline;
}

.main_popup{
	left:20%;
}

.sgrdd {
	background:#84a2aa url(../images/finder-way.jpg) no-repeat;background-size:contain;
}

.pc-view {display:block;}
.mo-view {display:none;}
.mo-view2 {display:none;}
.fs-2500 {font-size:2.5rem}

@media all and (max-width:1000px){
	.main_popup{
		left:50%;
	}
    .fs-2500 {font-size:1.5rem}
	.mo-display-none {display:none;}
	.pc-view {display:none !important;}
	.mo-view {display:block; margin:0 auto;}
	.mo-view2 {display:flex; margin:0 auto;justify-content: center;}
}

@media all and (max-width:640px){
    .layer_popup{
		width:90%;
	}
}



.tabs {
    float: none;
    list-style: none;
    padding: 0;
    margin: 75px auto;
}
.tabs:after {
    content: '';
    display: table;
    clear: both;
}
.tabs input[type=radio] {
    display:none;
}
.tabs label {
    display: block;
    float: left;
    width: 50%;
    color: #ccc;
    font-size: 30px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
	border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
}
.tabs label span {
    font-size:24px;
	font-weight: 600;
}
.tabs img {
	padding: 20px 20px 40px 20px;
    width: 80%;
	filter: grayscale(100%);
}

.tabs .primary img {
	padding: 0;
	filter: grayscale(0);
	width: auto;
}

.tabs .service-map img {
	padding: 0;
    width: 100%;
	max-width:1133px;
	filter: grayscale(0);
}

.tabs label i {
    padding: 5px;
    margin-right: 0;
}
.tabs label:hover {
    color: #3498db;
}
.tab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 40px 15px 15px;
    box-sizing: border-box;
    background-color:#ffffff;
}
.tab-content * {
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}
@keyframes scale {
  0% {
    transform: scale(0.9);
    opacity: 0;
    }
  50% {
    transform: scale(1.01);
    opacity: 0.5;
    }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.tabs [id^="tab"]:checked + label {
	color: #004096;
    background: #e9f5ff;
    border-top: 1px solid #6aa9ff;
    border-left: 1px solid #6aa9ff;
    border-right: 1px solid #6aa9ff;
    box-sizing: border-box;
}

.tabs [id^="tab"]:checked + label img {
	filter: grayscale(0);
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}
@media (min-width: 768px) {
    .tabs i {
        padding: 5px;
        margin-right: 10px;
    }
    .tabs label span {
        display: inline-block;
    }
    .tabs {
    margin: 30px auto;
    }
}

.mr5 {margin-right:5px;}
.mgt_10 {margin-top:10px;}
.mgt_20 {margin-top:20px;}
.mgt_30 {margin-top:30px;}
.mgt_50 {margin-top:50px;}
.mgt_70 {margin-top:70px;}
.mgt_100 {margin-top:100px;}
.mgt_130 {margin-top:130px;}
.mgt_150 {margin-top:150px;}
.vab {vertical-align: bottom;}

.mo-th {background:#f5f5f5 url(../images/th.png) center right no-repeat;border: 1px solid #ddd;border-radius: 7px;font-size: 1.2em; padding:20px; color:#181818}


.video_equipment_li {
	width:50%;
	float:left;
}

.featureBanner1 {
    position: absolute;
    margin-left: 1px;
    margin-top: -9px;
}
.featureBanner1:before {
    content: "일반";
    position: absolute;
	font-size:12px;
    top: 5px;
    left: -8px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    height: 0px;
    border: 15px solid #12cfbf;
    border-right-color: transparent;
    line-height: 0px;
    box-shadow: -0px 5px 5px -5px #000;
    z-index: 1;
}

.featureBanner1:after {
    content: "";
    position: absolute;
    top: 35px;
    left: -8px;
    border: 4px solid #89540c;
    border-left-color: transparent;
    border-bottom-color: transparent;
}


.featureBanner2 {
    position: absolute;
    margin-left: 1px;
    margin-top: -9px;
}

.featureBanner2:before {
    content: "무제한";
    position: absolute;
	font-size:12px;
	top: 5px;
    left: -8px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    height: 0px;
    border: 15px solid #2fa4cb;
    border-right-color: transparent;
    line-height: 0px;
    box-shadow: -0px 5px 5px -5px #000;
    z-index: 1;
}

.featureBanner2:after {
    content: "";
    position: absolute;
    top: 35px;
    left: -8px;
    border: 4px solid #89540c;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.d-flex {display: flex;justify-content: center;background: #f5f5f5;border: 1px solid #ddd;border-radius: 7px; font-size:1.5em}

.img-bg {background-size: contain;}

table.money-table tr .mtar {
	text-align: right !important;
	padding-right: 10% !important;
}

.product-sw__con h2 {
	color: #555;
    font-size: 20px;
	margin-bottom:15px;
}










.bizzy {
    display: flex;
    align-items: center;
    gap: 5%;
    justify-content: space-around;
    max-height: 100px;
    text-align: center;
    font-size:6rem;
    padding-top:10px;
  }
  

  .bizzy-B {
    display: flex;
    justify-content: space-around;
    gap: 5%;
    font-size:6rem;
  }



[class],[class]::after,[class]::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[hidden] {
    display: none!important
}

body,html {
    overflow-x: hidden
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

body {
    margin: 0;
    overflow-wrap: break-word;
    word-break: keep-all;
    font-family: 'Noto Sans KR',system-ui,sans-serif;
    background: #fff
}

img {
    max-width: 100%;
    height: auto
}

button,input,textarea {
    font-family: inherit
}

::after,::before {
    pointer-events: none
}

.a11y {
    position: absolute;
    color: transparent;
    overflow: hidden;
    width: 1px;
    height: 1px;
    white-space: nowrap
}

.main {
    position: relative;
    z-index: 2
}

.article {
    margin-top: -1px
}

.article::after,.article::before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 1115px;
    height: 575px;
    -webkit-filter: blur(160px);
    filter: blur(160px)
}

.article::before {
    opacity: .4;
    left: -600px;
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
    background: -webkit-gradient(linear,right top,left top,color-stop(38%,#9643ff),color-stop(50%,#43b0ff),color-stop(74%,rgba(72,184,236,.9)),color-stop(120%,rgba(116,255,67,0)));
    background: linear-gradient(270deg,#9643ff 38%,#43b0ff 50%,rgba(72,184,236,.9) 74%,rgba(116,255,67,0) 120%)
}

.article::after {
    top: -500px;
    left: 50%;
    background: -webkit-gradient(linear,right top,left top,color-stop(66%,#43b0ff),color-stop(120%,rgba(116,255,67,0)));
    background: linear-gradient(270deg,#43b0ff 66%,rgba(116,255,67,0) 120%)
}

.grid {
    position: relative;
    z-index: 2
}

.hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hdr__hd {
    white-space: nowrap;
    font-weight: 700;
    color: #0a1a76;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.brand.identity.webp)
}

.hdr__lnk {
    width: 135px;
    height: 48px;
    overflow: hidden;
    color: transparent;
    background-repeat: no-repeat;
    background-size: contain
}

.hdr__lnk--ios {
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.store.ios.png)
}

.hdr__lnk--aos {
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.store.aos.png)
}

.hi {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 488px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hi__mov {
    display: none;
    -webkit-clip-path: inset(2px 4px);
    clip-path: inset(2px 4px)
}

.notice {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-bottom: 12px;
    padding: 16px 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 16px;
    text-align: center;
    color: transparent
}

.notice::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(265deg,rgba(150,67,255,.9) 38.66%,rgba(67,176,255,.9) 55.13%,rgba(72,184,236,.33) 73.71%,rgba(116,255,67,0) 118.79%);
    opacity: .1
}

.notice__bg {
    position: relative
}

.cta__link {
    display: block;
    height: 75px;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#5b5bf0),to(#bc65ff));
    background: linear-gradient(to right,#5b5bf0,#bc65ff);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    will-change: transform
}

.cta__link::first-line {
    font-size: 13px;
    color: rgba(255,255,255,.8)
}

.cta__link--fixed {
    position: fixed;
    z-index: 99;
    top: auto;
    left: 0;
    right: 0;
    bottom: -75px;
    border-radius: 0;
    -webkit-transform: translate(0,-75px);
    transform: translate(0,-75px)
}

.qr {
    display: none
}

.qr__link {
    position: absolute;
    inset: auto 0 0 0;
    color: transparent;
    width: 1px;
    height: 1px;
    cursor: default
}

.qr__link:focus-visible {
    width: 100%;
    height: 100%
}

.footer__copy {
    margin-bottom: 16px;
    font: 700 12px/20px Roboto,sans-serif;
    color: #717684
}

.footer__call,.footer__info {
    color: #6f7689
}

.footer__info>* {
    white-space: nowrap
}

.footer__privacy {
    font-weight: 700;
    text-decoration: none;
    color: inherit
}

.footer__call {
    font-style: normal
}

.band {
    position: relative;
    height: 132px;
    overflow: hidden
}

@-webkit-keyframes band {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(-3676px,0);
        transform: translate(-3676px,0)
    }
}

@keyframes band {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(-3676px,0);
        transform: translate(-3676px,0)
    }
}

.band__lst {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.band__itm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: transparent
}

.band::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 11028px;
    height: 100%;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.footer.band.webp) repeat-x 0/3676px;
    -webkit-animation: band 48s infinite linear;
    animation: band 48s infinite linear;
    will-change: transform
}

.cell {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    min-height: 344px;
    padding: 36px;
    border-radius: 32px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cell__hd {
    position: relative;
    z-index: 2;
    margin-bottom: 8px;
    line-height: 22px;
    font-size: 15px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 20px;
    text-indent: 28px
}

.cell__hd--atv,.cell__hd--com,.cell__hd--rng {
    position: absolute;
    inset: 36px auto auto 36px
}

.cell__hd--com {
    color: #9da3b3;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.com.icon.png)
}

.cell__hd--ctr {
    color: #767b89;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.ctr.icon.png)
}

.cell__hd--rcd {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rcd.icon.png)
}

.cell__hd--rtn {
    color: #767b89;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rtn.icon.png)
}

.cell__hd--pto {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.pto.icon.png)
}

.cell__hd--fnd {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.fnd.icon.webp)
}

.cell__hd--smr {
    color: #81889c;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.smr.icon.webp)
}

.cell__hd--rng {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rng.icon.webp)
}

.cell__hd--atv {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.atv.icon.png)
}

.cell__hd--gme {
    color: #535d79;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.gme.icon.png)
}

.cell__hd--trt {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.trt.icon.png)
}

.cell__hd--slp {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.slp.icon.png)
}

.cell__hd--ntrprt {
    color: #ced1d9;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.ntrprt.icon.png)
}

.cell__hd--keep {
    color: #81889c;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.keep.icon.png)
}

.cell__hd--trffc {
    color: #81889c;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.trffc.icon.png)
}

.cell__hd--svc {
    text-indent: 0;
    color: #767b89
}

.cell__hd--one {
    text-indent: 0;
    color: #ced1d9
}

.cell__txt {
    position: relative;
    z-index: 2;
    white-space: nowrap;
    line-height: 36px;
    font-size: 24px;
    font-weight: 700;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    will-change: opacity;
}

.cell__txt--atv,.cell__txt--com,.cell__txt--rng {
    position: absolute;
    inset: 36px auto auto 36px;
    color: #212121;
}

.cell__txt--ctr,.cell__txt--gme,.cell__txt--keep,.cell__txt--rtn,.cell__txt--smr,.cell__txt--svc,.cell__txt--trffc {
    color: #212121
}

.cell--atv,.cell--com {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.cell--com {
    height: 700px;
    background: #e7edf4
}

.cell--ctr {
    background-color: #14194b;
}

.cell--rcd {
    background-color: #dee4ff;
    background-image: url(../images/openbox.png);
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: auto 170px;
}

.cell--pto {
    background: #62124b url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.pto.character.1.webp) no-repeat 50% bottom/244px
}

.cell--pto::before {
    content: '';
    position: absolute;
    inset: 0;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -webkit-transition: .8s -webkit-clip-path;
    transition: .8s -webkit-clip-path;
    transition: .8s clip-path;
    transition: .8s clip-path,.8s -webkit-clip-path;
    will-change: clip-path;
    background: #bc2391 url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.pto.character.2.webp) no-repeat 50% bottom/244px
}

.cell--ntrprt {
    background: #00072c
}


.cell--rtn {
    background: #aae5c5 url(../images/smart_qf.png) no-repeat left 50% bottom 28px/360px
}

.cell--smr {
    background: #e7edf4
}

.cell--keep {
    background: #e7edf4;
    background-image: url(../images/qf_process_01.png);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: auto 220px;
}

.cell--atv {
    background: #e7edf4;
    background-image: url(../images/qf_process_02.png);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: auto 220px;
}

.cell--trffc {
    background: #e7edf4;
    background-image: url(../images/qf_process_03.png);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: auto 220px;
}

.cell--fnd {
    background: #000333 url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.fnd.illust.small.webp) no-repeat right bottom/455px
}

.cell--rng {
    background: #120c32;
}

.cell--gme {
    background: #40bf7b url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.game.trophy.webp) no-repeat right 0/cover
}

.cell--trt {
    background: #9dafff;
    color:#000;
}

.cell--slp {
    background: #00072c
}

.cell--one::before,.cell--svc::before {
    aspect-ratio: 35.2464/1
}

.cell--svc {
    background: #e7edf4
}

@-webkit-keyframes svc-sml {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(-1198px,0);
        transform: translate(-1198px,0)
    }
}

@keyframes svc-sml {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(-1198px,0);
        transform: translate(-1198px,0)
    }
}

@-webkit-keyframes svc-mdm-lrg {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(1692px,0);
        transform: translate(1692px,0)
    }
}

@keyframes svc-mdm-lrg {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(1692px,0);
        transform: translate(1692px,0)
    }
}

.cell--svc::before {
    content: '';
    position: absolute
}

.cell--svc::before {
    bottom: 36px;
    background: url(../images/rolling.png) repeat-x 0/contain;
    will-change: transform
}

.cell--one {
    background: #1c1b8e
}

@-webkit-keyframes one-sml {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(1198px,0);
        transform: translate(1198px,0)
    }
}

@keyframes one-sml {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(1198px,0);
        transform: translate(1198px,0)
    }
}

@-webkit-keyframes one-mdm-lrg {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(1692px,0);
        transform: translate(1692px,0)
    }
}

@keyframes one-mdm-lrg {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(1692px,0);
        transform: translate(1692px,0)
    }
}

.cell--one::after,.cell--one::before {
    content: '';
    position: absolute
}

.cell--one::before {
    right: 0;
    bottom: 36px;
    background: url(../images/rolling.png) repeat-x 0/contain;
    will-change: transform
}



.comMov {
    -webkit-clip-path: inset(2px);
    clip-path: inset(2px)
}

.com {
    position: absolute;
    z-index: 2;
    inset: auto 0 36px 0;
    height: 304px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.com__bbl {
    position: absolute;
    left: 50%;
    height: 64px;
    padding: 0 24px;
    font-size: 15px;
    line-height: 64px;
    font-style: normal;
    font-weight: 700;
    border-radius: 32px;
    color: #fff;
    background: rgba(39,39,203,.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 1;
    will-change: transform,opacity
}

.com--down .com__bbl {
    opacity: 0
}

.com__bbl::after,.com__bbl::before {
    content: '';
    position: absolute;
    inset: 0 16px 0 auto;
    width: 32px;
    height: 32px;
    margin: auto
}

.com__bbl::before {
    border-radius: 50%
}

.com__bbl::after {
    background-repeat: no-repeat
}

.com__bbl--1 {
    top: 0;
    width: 206px;
    -webkit-transform: translate(62px,0);
    transform: translate(62px,0);
    -webkit-transition: .4s transform,.4s opacity;
    transition: .4s transform,.4s opacity;
    will-change: transform,opacity
}

.com--down .com__bbl--1 {
    -webkit-transform: translate(422px,0);
    transform: translate(422px,0)
}

.com__bbl--1::before {
    background: #0050ff
}

.com__bbl--1::after {
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.com.bubble.1.webp);
    background-position: 50%;
    background-size: 16px
}

.com__bbl--2 {
    top: 80px;
    width: 268px;
    -webkit-transform: translate(-246px,0);
    transform: translate(-246px,0);
    -webkit-transition: .4s transform .1s,.4s opacity .1s;
    transition: .4s transform .1s,.4s opacity .1s;
    will-change: transform,opacity
}

.com--down .com__bbl--2 {
    -webkit-transform: translate(-606px,0);
    transform: translate(-606px,0)
}

.com__bbl--2::before {
    background: #091840
}

.com__bbl--2::after {
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.com.bubble.2.webp);
    background-position: 54%;
    background-size: 10px
}

.com__bbl--3 {
    top: 160px;
    width: 232px;
    -webkit-transform: translate(-72px,0);
    transform: translate(-72px,0);
    -webkit-transition: .4s transform .2s,.4s opacity .2s;
    transition: .4s transform .2s,.4s opacity .2s;
    will-change: transform,opacity
}

.com--down .com__bbl--3 {
    -webkit-transform: translate(350px,0);
    transform: translate(350px,0)
}

.com__bbl--3::before {
    background: #0050ff
}

.com__bbl--3::after {
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.com.bubble.1.webp);
    background-position: 50%;
    background-size: 16px
}

.com__bbl--4 {
    top: 240px;
    width: 270px;
    -webkit-transform: translate(-142px,0);
    transform: translate(-142px,0);
    -webkit-transition: .4s transform .3s,.4s opacity .3s;
    transition: .4s transform .3s,.4s opacity .3s;
    will-change: transform,opacity
}

.com--down .com__bbl--4 {
    -webkit-transform: translate(-620px,0);
    transform: translate(-620px,0)
}

.com__bbl--4::before {
    background: #010932
}

.com__bbl--4::after {
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.com.bubble.4.webp);
    background-position: 50%;
    background-size: 16px
}

@-webkit-keyframes equalizer {
    0% {
        height: 100px
    }

    4% {
        height: 84px
    }

    8% {
        height: 80px
    }

    12% {
        height: 60px
    }

    16% {
        height: 40px
    }

    20% {
        height: 60px
    }

    24% {
        height: 80px
    }

    28% {
        height: 20px
    }

    32% {
        height: 80px
    }

    36% {
        height: 100px
    }

    40% {
        height: 40px
    }

    44% {
        height: 80px
    }

    48% {
        height: 100px
    }

    52% {
        height: 60px
    }

    56% {
        height: 20px
    }

    60% {
        height: 60px
    }

    64% {
        height: 100px
    }

    68% {
        height: 60px
    }

    72% {
        height: 100px
    }

    76% {
        height: 40px
    }

    80% {
        height: 100px
    }

    84% {
        height: 76px
    }

    88% {
        height: 100px
    }

    92% {
        height: 40px
    }

    96% {
        height: 100px
    }

    100% {
        height: 100px
    }
}

@keyframes equalizer {
    0% {
        height: 100px
    }

    4% {
        height: 84px
    }

    8% {
        height: 80px
    }

    12% {
        height: 60px
    }

    16% {
        height: 40px
    }

    20% {
        height: 60px
    }

    24% {
        height: 80px
    }

    28% {
        height: 20px
    }

    32% {
        height: 80px
    }

    36% {
        height: 100px
    }

    40% {
        height: 40px
    }

    44% {
        height: 80px
    }

    48% {
        height: 100px
    }

    52% {
        height: 60px
    }

    56% {
        height: 20px
    }

    60% {
        height: 60px
    }

    64% {
        height: 100px
    }

    68% {
        height: 60px
    }

    72% {
        height: 100px
    }

    76% {
        height: 40px
    }

    80% {
        height: 100px
    }

    84% {
        height: 76px
    }

    88% {
        height: 100px
    }

    92% {
        height: 40px
    }

    96% {
        height: 100px
    }

    100% {
        height: 100px
    }
}

.equalizer {
    position: absolute;
    inset: auto 35px 36px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 0 11px;
    height: 100px
}

.equalizer__itm {
    width: 32px;
    height: 100px;
    border-radius: 16px;
    background: #3d3dff;
    -webkit-animation: equalizer 8s infinite linear;
    animation: equalizer 8s infinite linear;
    will-change: height
}

.equalizer__itm:nth-child(1) {
    height: 68px;
    -webkit-animation-delay: -2s;
    animation-delay: -2s
}

.equalizer__itm:nth-child(2) {
    height: 100px;
    -webkit-animation-delay: -6s;
    animation-delay: -6s
}

.equalizer__itm:nth-child(3) {
    height: 74px;
    -webkit-animation-delay: -8s;
    animation-delay: -8s
}

.equalizer__itm:nth-child(4) {
    height: 52px;
    -webkit-animation-delay: -5s;
    animation-delay: -5s
}

.equalizer__itm:nth-child(5) {
    height: 74px;
    -webkit-animation-delay: -2s;
    animation-delay: -2s
}

.pto--down::before {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%)
}

.tarot {
    position: absolute;
    inset: 135px 0 0 auto;
    width: 251px;
    height: 209px
}

.tarot__card {
    position: absolute;
    width: 100px;
    height: 148px;
    -webkit-transition: .6s transform;
    transition: .6s transform;
    will-change: transform;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.trt.card.svg) no-repeat 50%/contain
}

.tarot__card:nth-child(1) {
    inset: 40px 82px auto auto;
    -webkit-transform: translate(-28px,28px) rotate(-70deg);
    transform: translate(-28px,28px) rotate(-70deg)
}

.tarot__card:nth-child(2) {
    inset: 24px 45px auto auto;
    -webkit-transform: translate(-28px,-6px) rotate(-36deg);
    transform: translate(-28px,-6px) rotate(-36deg)
}

.tarot--down .tarot__card:nth-child(2) {
    -webkit-transform: translate(-56px,32px) rotate(-58deg);
    transform: translate(-56px,32px) rotate(-58deg)
}

.tarot__card:nth-child(3) {
    inset: 0 16px auto auto;
    -webkit-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0)
}

.tarot--down .tarot__card:nth-child(3) {
    -webkit-transform: translate(-74px,48px) rotate(-45deg);
    transform: translate(-74px,48px) rotate(-45deg)
}

.tarot__finger {
    position: absolute;
    inset: 104px auto auto 111px;
    width: 224px;
    height: 200px;
    -webkit-transition: .6s transform;
    transition: .6s transform;
    will-change: transform;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.trt.finger.svg) no-repeat 50%/contain
}

.tarot--down .tarot__finger {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.tarot--show .tarot__finger {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.ring {
    position: absolute;
    z-index: 0;
    inset: 0
}

.ring::after,.ring::before {
    content: '';
    position: absolute
}

.ring::before {
    inset: 0;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rng.illust.bg.webp) no-repeat 50%/cover;
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
    will-change: opacity
}

.ring::after {
    inset: auto 0 20px;
    margin: auto;
    width: 175px;
    height: 175px;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rng.illust.1.svg) no-repeat 50%/contain;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-animation: bounce 1.2s ease-in-out infinite;
    animation: bounce 1.2s ease-in-out infinite;
    will-change: opacity,transform
}

.ring__obj {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: bounce 1.6s ease-in-out infinite;
    animation: bounce 1.6s ease-in-out infinite;
    will-change: transform,opacity,scale
}

.ring__obj--1 {
    z-index: 3;
    top: -12px;
    width: 260px;
    height: 176px;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rng.illust.2.svg)
}

.ring__obj--2 {
    z-index: 2;
    top: 64px;
    width: 310px;
    height: 208px;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rng.illust.3.svg)
}

.ring__obj--3 {
    z-index: 1;
    top: 148px;
    width: 340px;
    height: 224px;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rng.illust.4.svg)
}

.ring--down::before {
    opacity: 0
}

.ring--down::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ring--down .ring__obj {
    opacity: 0;
    -webkit-transform: translateY(100%) scale(2);
    transform: translateY(100%) scale(2)
}

@-webkit-keyframes bounce {
    0% {
        scale: 1.05
    }

    50% {
        scale: .95
    }

    100% {
        scale: 1.05
    }
}

@keyframes bounce {
    0% {
        scale: 1.05
    }

    50% {
        scale: .95
    }

    100% {
        scale: 1.05
    }
}

.summary {
    position: absolute;
    inset: 0
}

.summary__obj {
    position: absolute;
    will-change: opacity,transform
}

.summary__obj--1 {
    top: 196px;
    left: 24px;
    right: 24px;
    min-width: 296px;
    height: 54px;
    border-radius: 27px;
    background: #fff url(../images/telephone.svg) no-repeat 11px 50%/50px;
    opacity: 0;
    -webkit-transform: translateY(-100%) scale(.9);
    transform: translateY(-100%) scale(.9);
    -webkit-transition: .4s;
    transition: .4s;
    background-size: 40px;;
}

.summary__obj--2,.summary__obj--3 {
    right: 32px;
    padding: 0 24px 0 57px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #091840;
    white-space: nowrap;
    font-style: normal;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 14px 50%;
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: .4s;
    transition: .4s
}

.summary__obj--2::after,.summary__obj--3::after {
    content: '';
    position: absolute;
    top: -12px;
    right: -12px;
    width: 32px;
    height: 32px;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.smr.illust.5.webp) no-repeat 50%/contain;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    will-change: opacity,transform
}

.summary__obj--2 {
    bottom: 92px;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.smr.illust.3.webp)
}

.summary__obj--2::after {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.summary__obj--3 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    bottom: 30px;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.smr.illust.4.webp)
}

.summary__obj--3::after {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.summary__graph {
    position: absolute;
    top: 10px;
    left: 67px;
    right: 13px;
    height: 35px;
    overflow: hidden
}

.summary__graph::before {
    content: '';
    display: block;
    width: 1296px;
    height: 35px;
    background: url(../images/sound.webp) repeat-x 50%/216px;
    -webkit-animation: marquee-summary 12s linear infinite;
    animation: marquee-summary 12s linear infinite;
    will-change: transform
}

.summary--down .summary__obj--1 {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.summary--down .summary__obj--2,.summary--down .summary__obj--3 {
    opacity: 0;
    -webkit-transform: translateY(100%) scale(.8);
    transform: translateY(100%) scale(.8)
}

.summary--down .summary__obj--2::after,.summary--down .summary__obj--3::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@-webkit-keyframes marquee-summary {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-648px);
        transform: translateX(-648px)
    }
}

@keyframes marquee-summary {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-648px);
        transform: translateX(-648px)
    }
}

.bsktball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bsktball__gradient {
    position: absolute;
    bottom: -70px;
    right: -20px;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    background: -webkit-gradient(linear,left top,left bottom,from(#002cca),to(#4a006c));
    background: linear-gradient(180deg,#002cca 0,#4a006c 100%);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s;
    will-change: opacity
}

.bsktball--down .bsktball__gradient {
    opacity: 0
}

.bsktball__court {
    position: absolute;
    width: 289px;
    height: 204px;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.atv.basketball.court.webp);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    will-change: transform,opacity
}

.bsktball--down .bsktball__court {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.bsktball__ball {
    position: absolute;
    right: 194px;
    bottom: 37px;
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.atv.basketball.png);
    -webkit-transform: translateY(0) rotateZ(360deg);
    transform: translateY(0) rotateZ(360deg);
    -webkit-transition: .4s .2s ease-out;
    transition: .4s .2s ease-out;
    will-change: transform
}

.bsktball--down .bsktball__ball {
    -webkit-transform: translateY(160px) rotateZ(180deg);
    transform: translateY(160px) rotateZ(180deg)
}

@-webkit-keyframes move10 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-220px);
        transform: translateY(-220px)
    }
}

@keyframes move10 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-220px);
        transform: translateY(-220px)
    }
}

@-webkit-keyframes move3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-66px);
        transform: translateY(-66px)
    }
}

@keyframes move3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-66px);
        transform: translateY(-66px)
    }
}

@-webkit-keyframes marquee-record {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-900px);
        transform: translateX(-900px)
    }
}

@keyframes marquee-record {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-900px);
        transform: translateX(-900px)
    }
}

.record {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.record__time {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 160px;
    left: 0;
    right: 0;
    height: 22px;
    overflow: hidden;
    margin: auto;
    font-size: 16px;
    font-weight: 700;
    color: #a1a1a3;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    will-change: opacity;
    opacity: 1
}

.record--down .record__time {
    opacity: 0
}

.record__num {
    white-space: normal;
    width: 10px;
    height: 220px;
    line-height: 22px;
    font-style: normal;
    will-change: transform
}

.record__num--4 {
    -webkit-animation: move3 3s steps(3,end) 1 forwards;
    animation: move3 3s steps(3,end) 1 forwards
}

.record__num--5 {
    -webkit-animation: move10 1s steps(10,end) 3 backwards;
    animation: move10 1s steps(10,end) 3 backwards
}

.record__num--6 {
    -webkit-animation: move10 .1s steps(10,end) 30 backwards;
    animation: move10 .1s steps(10,end) 30 backwards
}

.record--down .record__num {
    -webkit-animation: none;
    animation: none
}

.record__graph {
    position: absolute;
    top: 204px;
    left: 0;
    right: 0;
    height: 35px
}

.record__graph::before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 984px;
    height: 35px;
    -webkit-animation: marquee-record 3s linear 1 forwards;
    animation: marquee-record 3s linear 1 forwards;
    will-change: transform;
    background-repeat: repeat-x;
    background-size: contain;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.rcd.graph.png)
}

.record--down .record__graph::before {
    -webkit-animation: none;
    animation: none
}

.record__btn {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: 26px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.record__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    background: #ff3b32;
    border-radius: 8px;
    -webkit-transition: .4s;
    transition: .4s
}

.record--down .record__btn::before {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.keep {
    position: absolute;
    right: 16px;
    bottom: 30px;
    width: 270px;
    height: 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px 12px
}

.keep__obj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: #fff;
    height: 48px;
    padding: 0 24px 0 56px;
    border-radius: 24px;
    color: #091840;
    font-style: normal;
    font-weight: 700;
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s;
    background-repeat: no-repeat;
    background-position: 14px;
    background-size: 32px
}

.keep__obj--1 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.keep.restaurant.png)
}

.keep__obj--2 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.keep.retech.png)
}

.keep__obj--3 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.keep.review.png)
}

.keep__obj--4 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.keep.shopping.png)
}

.keep--down .keep__obj {
    opacity: 0
}

@-webkit-keyframes ntrprt-abc {
    0% {
        opacity: 0;
        -webkit-transform: translate(240px,54px);
        transform: translate(240px,54px)
    }

    40% {
        opacity: 1;
        -webkit-transform: translate(0,54px);
        transform: translate(0,54px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0,54px);
        transform: translate(0,54px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes ntrprt-abc {
    0% {
        opacity: 0;
        -webkit-transform: translate(240px,54px);
        transform: translate(240px,54px)
    }

    40% {
        opacity: 1;
        -webkit-transform: translate(0,54px);
        transform: translate(0,54px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0,54px);
        transform: translate(0,54px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes dot-bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes dot-bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.ntrprt__abc {
    position: absolute;
    width: 180px;
    height: 72px;
    top: 140px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-animation: ntrprt-abc 1.2s 1 ease-out;
    animation: ntrprt-abc 1.2s 1 ease-out;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.ntrprt.abc.png) no-repeat 50%/contain
}

.ntrprt--down .ntrprt__abc {
    -webkit-animation: none;
    animation: none
}

.ntrprt__bbbl {
    position: absolute;
    top: 171px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 198px;
    height: 125px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s .8s;
    transition: .4s .8s;
    background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.ntrprt.bubble.png) no-repeat 50%/contain
}

.ntrprt--down .ntrprt__bbbl {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s;
    transition: .4s
}

.ntrprt__dot {
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 42px;
    border-radius: 50%;
    background: #0263bd;
    opacity: 0;
    -webkit-transition: opacity .4s 1.6s;
    transition: opacity .4s 1.6s
}

.ntrprt__dot--1 {
    left: 57px;
    -webkit-animation: dot-bounce 3 .8s;
    animation: dot-bounce 3 .8s
}

.ntrprt__dot--2 {
    left: 91px;
    -webkit-animation: dot-bounce 3 .8s .2s;
    animation: dot-bounce 3 .8s .2s
}

.ntrprt__dot--3 {
    left: 125px;
    -webkit-animation: dot-bounce 3 .8s .4s;
    animation: dot-bounce 3 .8s .4s
}

.ntrprt--down .ntrprt__dot {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    -webkit-animation: none;
    animation: none
}

.ntrprt__kor {
    position: absolute;
    width: 38px;
    height: 28px;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: contain
}

.ntrprt__kor--1 {
    top: 58px;
    left: 30px;
    -webkit-transition: .4s 1.4s;
    transition: .4s 1.4s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.ntrprt.ga.png)
}

.ntrprt__kor--2 {
    top: 66px;
    left: 80px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .4s 1.6s;
    transition: .4s 1.6s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.ntrprt.na.png)
}

.ntrprt__kor--3 {
    top: 58px;
    left: 132px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .4s 1.8s;
    transition: .4s 1.8s;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.ntrprt.da.png)
}

.ntrprt--down .ntrprt__kor {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.sleep {
    position: absolute;
    inset: 165px 0 0 0
}

.sleep__chart,.sleep__circle,.sleep__face {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    translate: 0
}

.sleep__chart {
    inset: 0 0 0 50%;
    translate: -50%;
    width: 560px;
    height: 160px;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.slp.chart.webp);
    -webkit-transition: .6s;
    transition: .6s
}

.sleep__circle {
    inset: 20px 0 auto;
    margin: 0 auto;
    width: 240px;
    height: 240px;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.slp.circle.webp);
    -webkit-clip-path: circle(120px at center);
    clip-path: circle(120px at center);
    -webkit-transition: 1.6s;
    transition: 1.6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.sleep__face {
    inset: 44px 0 auto;
    margin: 0 auto;
    width: 192px;
    height: 192px;
    background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.slp.face.webp);
    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.sleep--down .sleep__chart,.sleep--down .sleep__circle,.sleep--down .sleep__face {
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.sleep--down .sleep__circle {
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center)
}

.sleep--down .sleep__face {
    translate: 0 100%
}

@media (max-width: 1079px) {
    body {
        margin-bottom:118px
    }

    .article::before {
        top: 680px
    }

    .cta {
        height: 75px
    }
}

@media (min-width: 1080px) {
    body {
        margin-bottom:46px
    }

    .article::before {
        top: 900px
    }

    .grid {
        width: 1072px;
    }

    .notice {
        width: 1072px
    }

    .cta {
        display: none
    }

    .footer {
        width: 1072px
    }

    .footer__call {
        margin-right: 600px
    }

    .cell--ctr {
        grid-area: 1/2/auto/span 2
    }

    .cell--rcd {
        grid-area: 2/2
    }

    .cell--pto {
        grid-area: 2/3
    }

    .cell--ntrprt {
        grid-area: 4/2
    }

    .cell--rtn {
        grid-area: 4/1
    }

    .cell--smr {
        grid-area: 2/3
    }

    .cell--keep {
        grid-area: 3/1;
    }

    .cell--atv {
        grid-area: 3/2
    }

    .cell--trffc {
        grid-area: 3/3
    }

    .cell--fnd {
        grid-area: 5/2
    }

    .cell--rng {
        grid-area: 4/3
    }

    .cell--gme {
        grid-area: 6/1
    }

    .cell--trt {
        grid-area: 4/2
    }

    .cell--slp {
        grid-area: 6/3
    }

    .cell--svc {
        grid-area: 5/1/auto/span 2
    }

    .cell--one {
        grid-area: 5/3
    }
}

@media (min-width: 724px) {
    .main {
        padding-top:80px
    }

    .article::after {
        -webkit-transform: rotate(-124deg) translate(-32%,0);
        transform: rotate(-124deg) translate(-32%,0);
        opacity: .2
    }

    .grid {
        display: grid;
        gap: 20px;
        margin-left: auto;
        margin-right: auto
    }

    .hdr {
        position: fixed;
        z-index: 99;
        inset: 0 0 auto;
        height: 80px;
        background: rgba(196,211,234,.5);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

    .hdr__hd {
        height: 80px;
        padding: 30px 0 0 92px;
        font-size: 20px;
        background-size: 60px;
        background-position-x: 20px
    }

    .hdr__dn {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 8px;
        padding: 16px 24px
    }

    .hi__mov--lrg {
        display: block;
        aspect-ratio: 1800/488
    }

    .notice {
        margin-left: auto;
        margin-right: auto
    }

    .notice br {
        display: none
    }

    .notice__bg {
        background: -webkit-gradient(linear,right top,left top,color-stop(-1.09%,#6100ff),to(#00c2ff));
        background: linear-gradient(270deg,#6100ff -1.09%,#00c2ff 100%);
        -webkit-background-clip: text;
        background-clip: text
    }

    .footer {
        margin: 48px auto 160px
    }

    .footer__call,.footer__info {
        line-height: 24px;
        font-size: 13px
    }

    .footer__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        overflow: hidden
    }

    .footer__biznum::before,.footer__call::before,.footer__license::before {
        content: '｜';
        margin: 0 4px
    }

    .footer__privacy {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .footer__call {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .cell__txt--ctr br {
        display: none
    }

    .cell--com {
        grid-area: 1/1/span 2;
    }

    .cell--ctr {
        background-size: auto 210px
    }

    .cell--svc::before {
        right: -356px;
        height: 96px;
        -webkit-animation: svc-mdm-lrg 24s infinite linear;
        animation: svc-mdm-lrg 24s infinite linear
    }

    .cell--one::before {
        height: 96px;
        -webkit-animation: one-mdm-lrg 24s infinite linear;
        animation: one-mdm-lrg 24s infinite linear
    }

    .cell--one::after {
        width: 96px;
        height: 96px
    }
}

@media (max-width: 723px) {
    .article::after {
        -webkit-transform:rotate(-124deg) translate(-32%,100px);
        transform: rotate(-124deg) translate(-32%,100px);
        opacity: .4
    }

    .grid {
        margin-left: 16px;
        margin-right: 16px
    }

    .hdr {
        height: 60px
    }

    .hdr__hd {
        height: 52px;
        padding: 18px 0 0 68px;
        font-size: 17px;
        background-size: 52px;
        background-position-x: 8px
    }

    .hdr__dn {
        display: none
    }

    .hi__mov--sml {
        display: block
    }

    .notice {
        margin-left: 16px;
        margin-right: 16px
    }

    .notice__tx {
        background: -webkit-gradient(linear,right top,left top,color-stop(-1.09%,#6100ff),to(#00c2ff));
        background: linear-gradient(270deg,#6100ff -1.09%,#00c2ff 100%);
        -webkit-background-clip: text;
        background-clip: text
    }

    .cta {
        margin: 12px 16px
    }

    .cta__link:not(.cta__link--fixed) {
        border-radius: 31px
    }

    .footer {
        margin: 32px 16px 90px
    }

    .footer__call,.footer__info {
        line-height: 20px;
        font-size: 12px
    }

    .footer__info>* {
        display: block
    }

    .cell {
        margin: 12px 0
    }

    .cell--ctr {
        background-size: auto 160px
    }

    .cell--svc::before {
        left: 0;
        height: 68px;
        -webkit-animation: svc-sml 24s infinite linear;
        animation: svc-sml 24s infinite linear
    }

    .cell--one::before {
        height: 68px;
        -webkit-animation: one-sml 24s infinite linear;
        animation: one-sml 24s infinite linear
    }

    .cell--one::after {
        width: 68px;
        height: 68px
    }
}

@media (min-width: 1001px) and (max-width:1400px) {
    #vis .vis dl dt {font-size:44px;line-height:1.1em;    padding: 10px 20px;}
    #vis .vis.active img {width:300px;}
}

@media (min-width: 724px) and (max-width:1079px) {
    .grid {
        width: 700px
    }

    .notice {
        width: 700px
    }


	#vis .vis dl dt {font-size:38px;line-height:1.1em;    padding: 10px 20px;}
    #vis .vis.active img {width:240px;}

    .cta {
        position: fixed;
        z-index: 99;
        inset: auto 0 0
    }

    .footer {
        width: 700px
    }

    .footer__call {
        margin-right: 200px
    }

    .cell--ctr {
        grid-area: 3/1/auto/span 2
    }

    .cell--rcd {
        grid-area: 1/2
    }

    .cell--pto {
        grid-area: 1/2
    }

    .cell--ntrprt {
        grid-area: 6/1
    }

    .cell--rtn {
        grid-area: 5/2
    }

    .cell--smr {
        grid-area: 2/2
    }

    .cell--keep {
        grid-area: 4/1
    }

    .cell--atv {
        grid-area: 4/2
    }

    .cell--trffc {
        grid-area: 5/1
    }

    .cell--fnd {
        grid-area: 7/1/auto/span 2;
        background-image: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.fnd.illust.wide.webp);
        background-size: 615px
    }

    .cell--rng {
        grid-area: 6/2
    }

    .cell--gme {
        grid-area: 9/2
    }

    .cell--trt {
        grid-area: 6/1
    }

    .cell--slp {
        grid-area: 10/1/auto/span 2
    }

    .cell--svc {
        grid-area: 7/1
    }

    .cell--one {
        grid-area: 7/2
    }
}

@media (min-width: 1416px) {
    .qr {
        display:block;
        position: fixed;
        z-index: 99;
        right: 24px;
        bottom: 24px;
        width: 120px;
        height: 342px;
        background: url(https://cdn.sktapollo.com/developers/poc/app.apollo.agent/static/home2/a.qr.v2.webp) no-repeat 0/contain
    }
}


.cctv-ani {animation: motion 0.3s linear 0s infinite alternate; margin-top: 0;
	-webkit-animation: motion 0.3s linear 0s infinite alternate; margin-top: 0;    position: absolute;
    left: 10%;
    top: 10%;
}

.mt150 {margin-top:150px;}
       
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

-webkit-@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

.cloud-ani {animation: motion2 0.3s linear 0s infinite alternate; margin-top: 0;
	-webkit-animation: motion2 0.3s linear 0s infinite alternate; margin-top: 0;    position: absolute;
    right: 22%;
    bottom: 22%;
}

@keyframes motion2 {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

-webkit-@keyframes motion2 {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

.waviy {
    position: relative;
    -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
    font-size: 3em;
    white-space: normal;
  }
  .waviy span {
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    animation: waviy 1s infinite;
    animation-delay: calc(.1s * var(--i));
    
  }
  @keyframes waviy {
    0%,40%,100% {
      transform: translateY(0)
    }
    20% {
      transform: translateY(-20px)
    }
  }



  :root {
    --green: #b8d953;
    --lilac: #b2b2eb;
    --pink: #bb86e9;
    --dark-green: #529a91;
    --peach: #fe96b7;
    --black: #191819;
    --grey: #2a292a;
    --white: #d9d9d9;
  }
  

  @keyframes fontGrow {
    0% {
      transform: scaleY(1);
    }
    50% {
      transform: scaleY(2);
    }
    100% {
      transform: scaleY(1);
    }
  }
  
  .bizzy-letters {
    animation-name: fontGrow;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: top;
    transition-timing-function: ease-in-out;
  }
  
  .letter-b {
    color: var(--peach);
    font-size:6rem;
  }
  
  .letter-i {
    color: var(--green);
    animation-delay: 1s;
  }
  
  .letter-z1 {
    color: var(--pink);
  }
  
  .letter-z2 {
    color: var(--lilac);
    animation-delay: 1s;
  }
  
  .letter-y {
    color: var(--dark-green);
  }
  
  
  @keyframes fontGrowReverse {
    0% {
      transform: scaleY(2);
    }
    50% {
      transform: scaleY(1);
    }
    100% {
      transform: scaleY(2);
    }
  }
  
  .bizzy-letters-B {
    animation-name: fontGrowReverse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    transition-timing-function: ease-in-out;
    
  }
  
  .letter-C {
    color: #cbe69f;
  }
  
  .letter-O {
    color: #cbe;
    animation-delay: 1s;
    font-stretch: ultra-condensed;
  }
  
  .letter-D {
    color: #91d1df;
  }
  
  .letter-I {
    color: #f7b407;
    animation-delay: 1s;
  }
  
  .letter-N {
    color: pink;
  }
  
  
  @media (min-width: 1px) and (max-width:500px) {

    .bizzy {

        font-size:4rem;
        padding-top:15px;
    }
    

    .bizzy-B {
        font-size:4rem;
    }
  }


  .layer_tooltip {
    float: right;
    margin-top: 2px;
    display: block;
    opacity: 0;
    background-color: rgba(0, 100, 255, 0.8);
    position: relative;
    padding: 12px 14px;
    border-radius: 4px;
    font-size: inherit;
    transition: all 0.5s;
}

  .layer_tooltip p { text-align:left; color:#fff; font-size:12px; word-break:break-all; word-wrap:break-word;} 
  .on.layer_tooltip {opacity:1; background-color: rgba(0, 100, 255, 0.8); z-index:100;} 
  
  /* open_help toggle */
  .btn_tooltip[data-name=open_tooltip]::before {display:block; clear:both; content: ''; opacity:0; position:absolute; bottom:-13px; left:50%; width:0px; height:0px; margin-left:-5px; border-top:none; border-bottom:7px solid rgba(0, 0, 0, 1); border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.5s;} 
  .btn_tooltip.on[data-name=open_tooltip]::before {opacity:0.8;} 
 
  .main_roll {
    margin-left: 35%;
    z-index: 9;
  }

.sw-slider {
    position: absolute; top:0; left:0; width:100%; height:100%;
}

  
@media screen and (max-width:1200px){
    .main_bg {
        background-size: cover;
      }
}



    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }