/*
===================
무단전재 및 재배포 금지
Made by MarvelWorks
site : http://marvelworks.kr
* One  domain, One server, One license
* License Inquiry : info@marvelworks.kr
===================
*/

:root {
	--wrap-width: 1280px;
	--foot-wrap-width:1600px;
	--common-font: 'Pretendard Variable', 'sans-serif';
	--style1-font: 'Montserrat', sans-serif;
	--point-color: #05726e;
	--point-color2: #025451;
	--point-color3: #aed9cf;
	--point-color4: #d3e2f5;
	--point-color5: #e9f1ef;
	--point-color6:#e4efef;
	--point-gradient-color: linear-gradient(to left, #646FD4, #242F9B);
	--menu-height: 85px;
	--menu-min-height: 85px;
	--menu-width: 220px;
	--register-width: 800px;
	--menu-color-back:#282e42;
	--menu-color-box:#05726e;
	
	--content-wrap:1600px;
	--color-blue:#3189ce;
	--color-green:#05726e; 
	--color-dark-blue:#6085cf;
}


/*
==================
scroll
==================
*/
body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    background: #bbb; /* 스크롤바의 색상 */
}

body::-webkit-scrollbar-track {
    background: #f7f7f7;  /*스크롤바 뒷 배경 색상*/
}

/*
==================
common
==================
*/
html {width:100%; overflow-x:hidden; overflow-y:initial; /*scroll-behavior: smooth !important;*/}
html * {word-break:keep-all;}
body {}
html, body {height:100%; padding:0; margin:0; font-family: var(--common-font); font-size:17px; line-height:1.5; font-weight:400; letter-spacing:-0.06em; color:#2e2e2e;}
input,textarea,select,button {font-family:var(--common-font); }
*,html,body,div,table,nav {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; word-break:keep-all; }
input[type=file][title]:hover::after { content: attr(title);  position: absolute; bottom:-100%; left: 0; background:#333; width:100%; padding:5px 20px; font-size:14px; color:#fff; z-index:9999; }
.gall_img img {image-rendering:-webkit-optimize-contrast;
  transform:translateZ(0);
  backface-visibility:hidden;}

/*
==================
box
==================
*/
.fl-left {float:left;}
.fl-right {float:right !important;}
.w-50 {width:50%;}
.w-100 {width:100%;}
.po-relative {position:relative;}
.d-block {display:block;}
.d-inline-block {display:inline-block;}


/*
==================
display
==================
*/
.pconly {display:inline-block !important;}
.mobonly {display:none !important;}
.pconly2 {display:block !important;}
.mobonly2 {display:none !important;}
.pconly3 {display:table-cell !important;}
.mobonly3 {display:none !important;}
.pconly4 {display:table !important;}
.mobonly4 {display:none !important;}

		@media (max-width:1280px) {
		  .pconly {display:none !important;}
		  .mobonly {display:inline-block !important;}
		  .pconly2 {display:none !important;}
		  .mobonly2 {display:block !important;}
		  .pconly3 {display:none !important;}
		  .mobonly3 {display:table-cell !important;}
		  .pconly4 {display:none !important;}
		  .mobonly4 {display:table !important;}
		}


/*
==================
color
==================
*/
.pcolor {color:var(--point-color);}
.pcolor2 {color:var(--point-color2);}
.pcolor3 {color:var(--point-color3);}
.pcolor4 {color:var(--point-color4);}
.pcolor5 {color:var(--point-color5);}
.pcolor6 {color:var(--point-color6);}
.pcolor-gray {color:#3c3c3c;}
.pcolor-light-gray {color:#919191;}
.pcolor-more-light-gray {color:#d1d1d1;}


/*
==================
bg
==================
*/
.bg-white {background:#fff !important;}
.bg-light-gray {background:#f7f7f7;}
.bg-more-light-gray {background:#f8f8f9;}
.bg-dark-gray {background:#111;}


/*
==================
font
==================
*/
.fontstyle1 {font-family:var(--style1-font);}
.bracket {font-family: var(--common-font);}

.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.fwno {font-weight:normal;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

.font-big-large {font-size:3.2rem;}
.font-extra-mini-large {font-size:2.8rem;}
.font-extra-large {font-size:2.5rem;}
.font-large {font-size:2rem; }
.font-medium-large {font-size:1.7rem;}
.font-small-large {font-size:1.2rem; }
.font-mini-large {font-size:1.1rem;}
.font-normal {font-size:1rem;}
.font-small {font-size:0.94rem;}
.font-mini-small {font-size:0.9rem;}
.font-extra-small {font-size:0.8rem;}

.font-white {color:#fff;}
.font-black {color:#000 !important;}
.font-gray {color:#666 !important;}
.font-gray2 {color:#bababa !important;}
.font-light-gray {color:#fafafa;}
.font-dark-gray {color:#444;}

.font-size-08-rem {font-size:0.8rem;}
.font-size-09-rem {font-size:0.9rem;}
.font-size-1-rem {font-size:1rem;}
.font-size-1-1-rem {font-size:1.1rem;}
.font-size-1-2-rem {font-size:1.2rem;}
.font-size-1-3-rem {font-size:1.3rem;}
.font-size-1-4-rem {font-size:1.4rem;}
.font-size-1-5-rem {font-size:1.5rem;}
.font-size-1-6-rem {font-size:1.6rem;}
.font-size-1-7-rem {font-size:1.7rem;}
.font-size-1-8-rem {font-size:1.8rem;}
.font-size-1-9-rem {font-size:1.9rem;}
.font-size-2-rem {font-size:2rem;}
.font-size-2-1-rem {font-size:2.1rem;}
.font-size-2-2-rem {font-size:2.2rem;}
.font-size-2-3-rem {font-size:2.3rem;}
.font-size-2-4-rem {font-size:2.4rem;}
.font-size-2-5-rem {font-size:2.5rem;}
.font-size-2-6-rem {font-size:2.6rem;}
.font-size-2-7-rem {font-size:2.7rem;}
.font-size-2-8-rem {font-size:2.8rem;}
.font-size-2-9-rem {font-size:2.9rem;}
.font-size-3-rem {font-size:3rem;}
.font-size-3-1-rem {font-size:3.1rem;}
.font-size-3-2-rem {font-size:3.2rem;}
.font-size-3-3-rem {font-size:3.3rem;}

.lh-initial {line-height:initial;}
.lh-1-3 {line-height:1.3;}
.lh-1-5 {line-height:1.5;}
.lh-1-7 {line-height:1.7;}
.lh-2 {line-height:2;}

.word-break-keep-all {word-break:keep-all;}

		@media (max-width:1280px) {
			.font-small-large {font-size:1.04rem;}

			.font-size-1-5-rem {font-size:1.2rem;}
			.font-size-3-2-rem {font-size:2.35rem;}
		}


/*
==================
padding,margin
==================
*/
.pt60 {padding-top:60px;}
.pb60 {padding-bottom:60px;}

.mt-05-rem {margin-top:0.5rem;}
.mt-1-rem {margin-top:1rem;}
.mt-2-rem {margin-top:2rem;}
.mt-3-rem {margin-top:3rem;}
.mt-4-rem {margin-top:4rem;}
.mt-5-rem {margin-top:5rem;}
.mt-6-rem {margin-top:6rem;}
.mt-7-rem {margin-top:7rem;}
.mt-8-rem {margin-top:8rem;}
.mt-9-rem {margin-top:9rem;}

.mb-05-rem {margin-bottom:0.5rem;}
.mb-1-rem {margin-bottom:1rem;}
.mb-2-rem {margin-bottom:2rem;}
.mb-3-rem {margin-bottom:3rem;}
.mb-4-rem {margin-bottom:4rem;}
.mb-5-rem {margin-bottom:5rem;}
.mb-6-rem {margin-bottom:6rem;}
.mb-7-rem {margin-bottom:7rem;}
.mb-8-rem {margin-bottom:8rem;}
.mb-9-rem {margin-bottom:9rem;}
.mb-10-rem {margin-bottom:10rem;}
.mb-11-rem {margin-bottom:11rem;}
.mb-12-rem {margin-bottom:12rem;}
.mb-13-rem {margin-bottom:13rem;}
.mb-14-rem {margin-bottom:14rem;}
.mb-15-rem {margin-bottom:15rem;}
.mb-16-rem {margin-bottom:16rem;}
.mb-17-rem {margin-bottom:17rem;}
.mb-18-rem {margin-bottom:18rem;}
.mb-19-rem {margin-bottom:19rem;}
.mb-20-rem {margin-bottom:20rem;}
.mb-21-rem {margin-bottom:21rem;}
.mb-22-rem {margin-bottom:22rem;}

.ml-1-rem {margin-left:1rem;}
.ml-2-rem {margin-left:2rem;}
.ml-3-rem {margin-left:3rem;}
.ml-4-rem {margin-left:4rem;}
.ml-5-rem {margin-left:5rem;}
.ml-6-rem {margin-left:6rem;}
.ml-7-rem {margin-left:7rem;}
.ml-8-rem {margin-left:8rem;}
.ml-9-rem {margin-left:9rem;}

.mr-05-rem {margin-right:0.5rem;}
.mr-1-rem {margin-right:1rem;}
.mr-2-rem {margin-right:2rem;}
.mr-3-rem {margin-right:3rem;}
.mr-4-rem {margin-right:4rem;}
.mr-5-rem {margin-right:5rem;}
.mr-6-rem {margin-right:6rem;}
.mr-7-rem {margin-right:7rem;}
.mr-8-rem {margin-right:8rem;}
.mr-9-rem {margin-right:9rem;}

.mtb-1-rem {margin:1rem 0;}
.mtb-2-rem {margin:2rem 0;}
.mtb-3-rem {margin:3rem 0;}
.mtb-4-rem {margin:4rem 0;}
.mtb-5-rem {margin:5rem 0;}
.mtb-6-rem {margin:6rem 0;}
.mtb-7-rem {margin:7rem 0;}
.mtb-8-rem {margin:8rem 0;}
.mtb-9-rem {margin:9rem 0;}

.margin-1-rem {margin:1rem;}
.margin-2-rem {margin:2rem;}
.margin-3-rem {margin:3rem;}
.margin-4-rem {margin:4rem;}
.margin-5-rem {margin:5rem;}
.margin-6-rem {margin:6rem;}
.margin-7-rem {margin:7rem;}
.margin-8-rem {margin:8rem;}
.margin-9-rem {margin:9rem;}

.pt-1-rem {padding-top:1rem;}
.pt-2-rem {padding-top:2rem;}
.pt-3-rem {padding-top:3rem;}
.pt-4-rem {padding-top:4rem;}
.pt-5-rem {padding-top:5rem;}
.pt-6-rem {padding-top:6rem;}
.pt-7-rem {padding-top:7rem;}
.pt-8-rem {padding-top:8rem;}
.pt-9-rem {padding-top:9rem;}
.pt-10-rem{padding-top:10rem;}
.pt-11-rem{padding-top:11rem;}
.pt-12-rem{padding-top:12rem;}

.pb-1-rem {padding-bottom:1rem;}
.pb-2-rem {padding-bottom:2rem;}
.pb-3-rem {padding-bottom:3rem;}
.pb-4-rem {padding-bottom:4rem;}
.pb-5-rem {padding-bottom:5rem;}
.pb-6-rem {padding-bottom:6rem;}
.pb-7-rem {padding-bottom:7rem;}
.pb-8-rem {padding-bottom:8rem;}
.pb-9-rem {padding-bottom:9rem;}

.pr-1-rem {padding-right:1rem;}
.pr-2-rem {padding-right:2rem;}
.pr-3-rem {padding-right:3rem;}
.pr-4-rem {padding-right:4rem;}
.pr-5-rem {padding-right:5rem;}
.pr-6-rem {padding-right:6rem;}
.pr-7-rem {padding-right:7rem;}
.pr-8-rem {padding-right:8rem;}
.pr-9-rem {padding-right:9rem;}

.pl-1-rem {padding-left:1rem;}
.pl-2-rem {padding-left:2rem;}
.pl-3-rem {padding-left:3rem;}
.pl-4-rem {padding-left:4rem;}
.pl-5-rem {padding-left:5rem;}
.pl-6-rem {padding-left:6rem;}
.pl-7-rem {padding-left:7rem;}
.pl-8-rem {padding-left:8rem;}
.pl-9-rem {padding-left:9rem;}

.ptb-1-rem {padding:1rem 0;}
.ptb-2-rem {padding:2rem 0;}
.ptb-3-rem {padding:3rem 0;}
.ptb-4-rem {padding:4rem 0;}
.ptb-5-rem {padding:5rem 0;}
.ptb-6-rem {padding:6rem 0;}
.ptb-7-rem {padding:7rem 0;}
.ptb-8-rem {padding:8rem 0;}
.ptb-9-rem {padding:9rem 0;}
.ptb-10-rem {padding:10rem 0;}
.ptb-11-rem {padding:11rem 0;}
.ptb-12-rem {padding:12rem 0;}
.ptb-13-rem {padding:13rem 0;}
.ptb-14-rem {padding:14rem 0;}
.ptb-15-rem {padding:15rem 0;}
.ptb-16-rem {padding:16rem 0;}
.ptb-17-rem {padding:17rem 0;}
.ptb-18-rem {padding:18rem 0;}
.ptb-19-rem {padding:19rem 0;}

.padding-1-rem {padding:1rem;}
.padding-2-rem {padding:2rem;}
.padding-3-rem {padding:3rem;}
.padding-4-rem {padding:4rem;}
.padding-5-rem {padding:5rem;}
.padding-6-rem {padding:6rem;}
.padding-7-rem {padding:7rem;}
.padding-8-rem {padding:8rem;}
.padding-9-rem {padding:9rem;}

		@media (max-width:1280px) {
			.mt-2-rem {margin-top:1.4rem;}
			.mt-3-rem {margin-top:2rem;}
			.mt-5-rem {margin-top:3rem;}

			.mb-4-rem {margin-bottom:2.66rem;}
			.mb-6-rem {margin-bottom:4rem;}
		}

/*
==================
cols
==================
*/
.col-2 {float:left; width:100%;}
.col-2 .one {float:left; width:49%; border:0; margin-right:2%;}
.col-2 .one:nth-child(2n) {margin-right:0;}
.col-2 img {width:100%;}

.col-3 {float:left; width:100%;}
.col-3 .one {float:left; width:32%; margin: 0 2% 2% 0; border:0;}
.col-3 .one:nth-child(3n) {margin-right:0;}
.col-3 img {width:100%;}

.col-4 {float:left; width:100%;}
.col-4 .one {float:left; width:23.5%; margin-right:2%;}
.col-4 .one:nth-child(4n) {margin-right:0;}

.col-6-4 {float:left; width:100%;}
.col-6-4 .one-6 {float:left; width:60%;}
.col-6-4 .one-4 {float:left; width:40%;}

.col-7-3 {float:left; width:100%;}
.col-7-3 .one-7 {float:left; width:70%;}
.col-7-3 .one-3 {float:left; width:30%;}

.col-8-2 {float:left; width:100%;}
.col-8-2 .one-8 {float:left; width:80%;}
.col-8-2 .one-2 {float:left; width:20%;}

		@media (max-width:1280px) {
			.col-2 .one, .col-3 .one, .col-4 .one {width:100%; margin: 0 0 20px 0;}
			.col-2 .one:nth-child(2n), .col-3 .one:nth-child(3n) {margin:0 0 20px 0;}
		}

/*
==================
border
==================
*/
.border-radius-5px {border-radius:5px;}
.border-radius-10px {border-radius:10px;}
.border-radius-20px {border-radius:20px;}
.border-radius-1rem {border-radius:1rem;}
.border-radius-2rem {border-radius:2rem;}
.border-radius-100per {border-radius:100%;}


/*
==================
button
==================
*/
.layout_btn1 {display:inline-block; background-color:transparent; color:#333; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:500;}
.layout_btn1:hover {background:#333; color:#fff; transition:all 0.2s;}
.layout_btn2 {display:inline-block; background-color:#333; color:#fff; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn2:hover {background:transparent; color:#333; transition:all 0.2s;}
.layout_btn3 {display:inline-block; background-color:#d13f4a; color:#fff; font-size:14px; border:1px solid #d13f4a; padding:10px 20px; font-weight:600;}
.layout_btn3:hover {background:transparent; color:#d13f4a; transition:all 0.2s;}
.layout_btn4 {display:inline-block; background-color:#fff; color:#333; font-size:14px; border:1px solid #fff; padding:10px 20px; font-weight:600;}
.layout_btn4:hover {background:transparent; color:#fff; transition:all 0.2s;}
.layout_admbtn {display:inline-block; background:#fff; color:#333; border:1px solid #ccc; padding:2px 8px; font-size:10px; font-weight:500;}
.layout_admbtn:hover {background:#ccc; color:#fff; transition:all .2s;}

.btn-1{background:rgb(6,14,131);background:linear-gradient(0deg,rgba(6,14,131,1) 0%,rgba(12,25,180,1) 100%);border:none}
.btn-1:hover{background:rgb(0,3,255);background:linear-gradient(0deg,rgba(0,3,255,1) 0%,rgba(2,126,251,1) 100%)}
.btn-2{background:rgb(96,9,240);background:linear-gradient(0deg,rgba(96,9,240,1) 0%,rgba(129,5,240,1) 100%);border:none}
.btn-2:before{height:0%;width:2px}
.btn-2:hover{box-shadow:4px 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(116,125,136,.5),inset -4px -4px 6px 0 rgba(255,255,255,.2),inset 4px 4px 6px 0 rgba(0,0,0,.4)}
.btn-3{background:rgb(0,172,238);background:linear-gradient(0deg,rgba(0,172,238,1) 0%,rgba(2,126,251,1) 100%);width:130px;height:40px;line-height:42px;padding:0;border:none}
.btn-3 span{position:relative;display:block;width:100%;height:100%}
.btn-3:before,.btn-3:after{position:absolute;content:"";right:0;top:0;background:rgba(2,126,251,1);transition:all 0.3s ease}
.btn-3:before{height:0%;width:2px}
.btn-3:after{width:0%;height:2px}
.btn-3:hover{background:transparent;box-shadow:none}
.btn-3:hover:before{height:100%}
.btn-3:hover:after{width:100%}
.btn-3 span:hover{color:rgba(2,126,251,1)}
.btn-3 span:before,.btn-3 span:after{position:absolute;content:"";left:0;bottom:0;background:rgba(2,126,251,1);transition:all 0.3s ease}
.btn-3 span:before{width:2px;height:0%}
.btn-3 span:after{width:0%;height:2px}
.btn-3 span:hover:before{height:100%}
.btn-3 span:hover:after{width:100%}
.btn-4{background-color:#4dccc6;background-image:linear-gradient(315deg,#4dccc6 0%,#96e4df 74%);line-height:42px;padding:0;border:none
}.btn-4:hover{background-color:#89d8d3;background-image:linear-gradient(315deg,#89d8d3 0%,#03c8a8 74%)}
.btn-4 span{position:relative;display:block;width:100%;height:100%}
.btn-4:before,.btn-4:after{position:absolute;content:"";right:0;top:0;box-shadow:4px 4px 6px 0 rgba(255,255,255,.9),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.9),inset 4px 4px 6px 0 rgba(116,125,136,.3);transition:all 0.3s ease}
.btn-4:before{height:0%;width:.1px}
.btn-4:after{width:0%;height:.1px}
.btn-4:hover:before{height:100%}
.btn-4:hover:after{width:100%}
.btn-4 span:before,.btn-4 span:after{position:absolute;content:"";left:0;bottom:0;box-shadow:4px 4px 6px 0 rgba(255,255,255,.9),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.9),inset 4px 4px 6px 0 rgba(116,125,136,.3);transition:all 0.3s ease}
.btn-4 span:before{width:.1px;height:0%}
.btn-4 span:after{width:0%;height:.1px}
.btn-4 span:hover:before{height:100%}.btn-4 span:hover:after{width:100%}
.btn-5{width:130px;height:40px;line-height:42px;padding:0;border:none;background:rgb(255,27,0);background:linear-gradient(0deg,rgba(255,27,0,1) 0%,rgba(251,75,2,1) 100%)}
.btn-5:hover{color:#f0094a;background:transparent;box-shadow:none}
.btn-5:before,.btn-5:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background:#f0094a;box-shadow:-1px -1px 5px 0 #fff,7px 7px 20px 0 #0003,4px 4px 5px 0 #0002;transition:400ms ease all}
.btn-5:after{right:inherit;top:inherit;left:0;bottom:0}.btn-5:hover:before,.btn-5:hover:after{width:100%;transition:800ms ease all}
.btn-6{background:rgb(247,150,192);background:radial-gradient(circle,rgba(247,150,192,1) 0%,rgba(118,174,241,1) 100%);line-height:42px;padding:0;border:none}
.btn-6 span{position:relative;display:block;width:100%;height:100%}
.btn-6:before,.btn-6:after{position:absolute;content:"";height:0%;width:1px;box-shadow:-1px -1px 20px 0 rgba(255,255,255,1),-4px -4px 5px 0 rgba(255,255,255,1),7px 7px 20px 0 rgba(0,0,0,.4),4px 4px 5px 0 rgba(0,0,0,.3)}
.btn-6:before{right:0;top:0;transition:all 500ms ease}
.btn-6:after{left:0;bottom:0;transition:all 500ms ease}
.btn-6:hover{background:transparent;color:#76aef1;box-shadow:none}
.btn-6:hover:before{transition:all 500ms ease;height:100%}
.btn-6:hover:after{transition:all 500ms ease;height:100%}
.btn-6 span:before,.btn-6 span:after{position:absolute;content:"";box-shadow:-1px -1px 20px 0 rgba(255,255,255,1),-4px -4px 5px 0 rgba(255,255,255,1),7px 7px 20px 0 rgba(0,0,0,.4),4px 4px 5px 0 rgba(0,0,0,.3)}
.btn-6 span:before{left:0;top:0;width:0%;height:.5px;transition:all 500ms ease}
.btn-6 span:after{right:0;bottom:0;width:0%;height:.5px;transition:all 500ms ease}
.btn-6 span:hover:before{width:100%}.btn-6 span:hover:after{width:100%}.btn-7{background:linear-gradient(0deg,rgba(255,151,0,1) 0%,rgba(251,75,2,1) 100%);line-height:42px;padding:0;border:none}
.btn-7 span{position:relative;display:block;width:100%;height:100%}
.btn-7:before,.btn-7:after{position:absolute;content:"";right:0;bottom:0;background:rgba(251,75,2,1);box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);transition:all 0.3s ease}
.btn-7:before{height:0%;width:2px}.btn-7:after{width:0%;height:2px}
.btn-7:hover{color:rgba(251,75,2,1);background:transparent}
.btn-7:hover:before{height:100%}.btn-7:hover:after{width:100%}
.btn-7 span:before,.btn-7 span:after{position:absolute;content:"";left:0;top:0;background:rgba(251,75,2,1);box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);transition:all 0.3s ease}
.btn-7 span:before{width:2px;height:0%}
.btn-7 span:after{height:2px;width:0%}.btn-7 span:hover:before{height:100%}
.btn-7 span:hover:after{width:100%}
.btn-8{background-color:#f0ecfc;background-image:linear-gradient(315deg,#f0ecfc 0%,#c797eb 74%);line-height:42px;padding:0;border:none}
.btn-8 span{position:relative;display:block;width:100%;height:100%}
.btn-8:before,.btn-8:after{position:absolute;content:"";right:0;bottom:0;background:#c797eb;transition:all 0.3s ease}.btn-8:before{height:0%;width:2px}
.btn-8:after{width:0%;height:2px}
.btn-8:hover:before{height:100%}
.btn-8:hover:after{width:100%}
.btn-8:hover{background:transparent}.btn-8 span:hover{color:#c797eb}
.btn-8 span:before,.btn-8 span:after{position:absolute;content:"";left:0;top:0;background:#c797eb;transition:all 0.3s ease}
.btn-8 span:before{width:2px;height:0%}.btn-8 span:after{height:2px;width:0%}
.btn-8 span:hover:before{height:100%}.btn-8 span:hover:after{width:100%}.btn-9{border:none;transition:all 0.3s ease;overflow:hidden}
.btn-9:after{position:absolute;content:" ";z-index:-1;top:0;left:0;width:100%;height:100%;background-color:#1fd1f9;background-image:linear-gradient(315deg,#1fd1f9 0%,#b621fe 74%);transition:all 0.3s ease}
.btn-9:hover{background:transparent;box-shadow:4px 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.5),inset 4px 4px 6px 0 rgba(116,125,136,.3);color:#fff}
.btn-9:hover:after{-webkit-transform:scale(2) rotate(180deg);transform:scale(2) rotate(180deg);box-shadow:4px 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.5),inset 4px 4px 6px 0 rgba(116,125,136,.3)}
.btn-10{background:rgb(22,9,240);background:linear-gradient(0deg,rgba(22,9,240,1) 0%,rgba(49,110,244,1) 100%);color:#fff;border:none;transition:all 0.3s ease;overflow:hidden}
.btn-10:after{position:absolute;content:" ";top:0;left:0;z-index:-1;width:100%;height:100%;transition:all 0.3s ease;-webkit-transform:scale(.1);transform:scale(.1)}
.btn-10:hover{color:#fff;border:none;background:transparent}
.btn-10:hover:after{background:rgb(0,3,255);background:linear-gradient(0deg,rgba(2,126,251,1) 0%,rgba(0,3,255,1)100%);-webkit-transform:scale(1);transform:scale(1)}
.btn-11{border:none;background:rgb(251,33,117);background:linear-gradient(0deg,rgba(251,33,117,1) 0%,rgba(234,76,137,1) 100%);color:#fff;overflow:hidden}
.btn-11:hover{text-decoration:none;color:#fff}
.btn-11:before{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 3s ease-in-out infinite}
.btn-11:hover{opacity:.7}
.btn-11:active{box-shadow:4px 4px 6px 0 rgba(255,255,255,.3),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)}
@-webkit-keyframes shiny-btn1{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}
.btn-12{position:relative;right:20px;bottom:20px;border:none;box-shadow:none;width:130px;height:40px;line-height:42px;-webkit-perspective:230px;perspective:230px}
.btn-12 span{background:rgb(0,172,238);background:linear-gradient(0deg,rgba(0,172,238,1) 0%,rgba(2,126,251,1) 100%);display:block;position:absolute;width:130px;height:40px;box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);border-radius:5px;margin:0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}
.btn-12 span:nth-child(1){box-shadow:-7px -7px 20px 0 #fff9,-4px -4px 5px 0 #fff9,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 50% -20px;-moz-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}
.btn-12 span:nth-child(2){-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:50% 50% -20px;-moz-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}
.btn-12:hover span:nth-child(1){box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg)}
.btn-12:hover span:nth-child(2){box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);color:transparent;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.btn-13{overflow:hidden; position: relative; outline: none; z-index:1}
.btn-13:after{position:absolute;content:"";width:100%;height:0;bottom:0;left:0;z-index:-1;background:var(--point-color);transition:all 0.3s ease}
.btn-13:hover{color:#fff !important; border-color:var(--point-color);}
.btn-13:hover:after{top:0;height:100%}
.btn-13:active{top:2px}
.btn-14{overflow:hidden; position: relative; outline: none; transition: all 0.3s ease;z-index:1}
.btn-14:after{position:absolute;content:"";width:100%;height:0;top:0;left:0;z-index:-1;border-radius:5px;background-color:#1d57ce;transition:all 0.3s ease}
.btn-14:hover{color:#fff}
.btn-14:hover:after{top:auto;bottom:0;height:100%}
.btn-14:active{top:2px}
.btn-15{display:inline-block; position:relative; overflow:hidden;-ms-overflow-style: none; outline: none; z-index:1; transition:all 0.3s ease}
.btn-15:after{position:absolute;content:"";width:0;height:100%;top:0;right:0;z-index:-1;background-color:#fff; transition:all 0.3s ease}
.btn-15:hover{border-color:#fff !important;}
.btn-15:hover:after{left:0;width:100%}
.btn-15:active{top:2px}
.btn-16{border:none;color:#000}
.btn-16:after{position:absolute;content:"";width:0;height:100%;top:0;left:0;direction:rtl;z-index:-1;box-shadow:-7px -7px 20px 0 #fff9,-4px -4px 5px 0 #fff9,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001;transition:all 0.3s ease}
.btn-16:hover{color:#000}
.btn-16:hover:after{left:auto;right:0;width:100%}
.btn-16:active{top:2px}
.btnstyle {height:55px; line-height:55px; width:100%; max-width:165px; font-size:1.1rem; text-align:center;}
.btn-wide {padding:15px 20px; text-align:center; display:inline-block; min-width:200px; border-radius:40px;}
.btn-normal {height:45px; line-height:45px; padding:0 20px;}

/*
==================
wrapper
==================
*/
.innerwrap {width:100%; margin:0 auto; max-width:var(--wrap-width);}
.innerwrap2 {width:100%; max-width:var(--wrap-width); margin:0 auto;}
.innerwrap img, .innerwrap2 img {max-width:100%;}

		@media (min-width:1281px) and (max-width:1440px) {
		}
		@media (max-width:1280px) {
			.innerwrap {width:100%; padding: 0 20px;}
			.innerwrap2 {padding: 0 20px;}
			.innerwrap .innerwrap2 {padding:0;}
		}
		@media (min-width:769px) and (max-width:1024px) {
			.innerwrap {max-width:980px;}
		}

/*
==================
tooltip
==================
*/
[tooltip] {
  position: relative; /* opinion 1 */
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 10002; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}


/*
==================
extra
==================
*/
#top {position:fixed; bottom: 60px; right:60px; z-index:99;}
	#top a {display:inline-block; background:#333; color:#fff !important; font-size:30px; width:60px; height:60px; line-height:60px; text-align:Center; border-radius:100%;}

.wide {width:100vw;}
.smallwide {width:80vw; margin-left:10vw;}

.req {color:#1d5def; margin-left:3px; word-break:keep-all;}
.req a {color:#1d5def;}

#main {display:block;  overflow:hidden; position:relative; z-index:111;}

.contentbox {float:left; width:100%; padding:0; position:relative; }

		@media (max-width:1280px) {
			.wide {width:100%;}
			.contentbox {padding:0; min-height:350px; overflow:hidden;}
		}

.ellipsis-1line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-2line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bar {color:#dfdfdf;}