@charset "utf-8";

/* ==================================================
	�� ��Ʈ
================================================== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

.poppins{font-family: 'Poppins', sans-serif;}

/* ==================================================
	���뷹�̾ƿ�
================================================== */
header, #footer {width:100%;}
.size {width:100%; padding:0 20px; box-sizing:border-box; height:auto; margin:0 auto;}
.inner  {width:100%; box-sizing:border-box; position: relative;}
.wrapper {width:100%; position:relative; overflow:hidden; margin:0 auto; min-height:600px; }
/* #wrapper{height:100vh; opacity:1 !important; overflow:hidden;}
#wrapper.sub_w{height:100%; opacity:1 !important; overflow:initial}
#main{position:relative; z-index:10; transition: all .4s ease;}
#wrapper.observe #main{transform:translateY(-278px);}
#sub{ margin-top:117px;} */
#wrapper{overflow: hidden;}
input[type=button] {cursor:pointer !important;}
.bt{cursor:pointer !important;}
.svg{font-size:0 !important; text-indent:-999999px !important; background-repeat:no-repeat !important; background-position:50% 50% !important;}
.dpb{display:block;}
.inb{display:inline-block;}
.basic_img{width:100%; height:auto; max-width:100%; opacity:0; visibility:hidden; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.back_img{background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.back_img.noimgs{background-size: contain;}
.video_wrap {width:100%; padding-bottom:56.25%; box-sizing:border-box; position:relative;  /*margin: 20px 0;*/ border:0;}
.video_wrap video, .video_wrap iframe, .video_wrap embed {position:absolute; left:0; top:0; width:100%; height:100%; border:0; outline:0;}

/* 스크롤 스타일 */
.scroll::-webkit-scrollbar {width: 5px; height: 5px;}
.scroll::-webkit-scrollbar-track {background: #eeeeee; border-radius: 5px;}
.scroll::-webkit-scrollbar-thumb {background: #8a8a8a; border-radius: 5px;}
.scroll {scrollbar-face-color: #8a8a8a; scrollbar-track-color: #fff; scrollbar-arrow-color: none; scrollbar-highlight-color: #8a8a8a; scrollbar-3dlight-color: none; scrollbar-shadow-color: #8a8a8a; scrollbar-darkshadow-color: none;}

img { vertical-align: middle; max-width: 100%;}

.flex { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex;  }
.item_full{width:100%; height:100%;}
.item_middle{-webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align:center; -webkit-align-items: center; align-items:center;}
.item_shrink{flex-shrink:0;}

.col-1 > .item{width:100%;}
.col-2 > .item{width:50%;}
.col-3 > .item{width:33.33%;}
.col-4 > .item{width:25%;}

.flx_ctr_txt{display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align:center; -webkit-align-items: center; align-items:center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align:center; -webkit-align-items: center; align-items:center; text-align:center;}
.flx_ctr_txt > p{font-size:inherit; color:inherit; font-weight:inherit;}

.direction_column{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column;}

.justify_between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.justify_center { -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center;}
.justify_start { -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;}
.justify_end {  -webkit-box-pack: justify; -moz-justify-content: flex-end;  -ms-flex-pack: justify;  justify-content: flex-end}

.align_center{ -webkit-box-align: center; -moz-box-align: center; -ms-flex-align:center; -webkit-align-items: center; align-items:center;}
.align_end{ -webkit-box-align: end; -moz-box-align: end; -ms-flex-align:end; -webkit-align-items: end; align-items:end;}
.align_stretch{-webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align:stretch; -webkit-align-items: stretch; align-items:stretch;}

.flex_box.start, .fBox.align_start { -webkit-box-align: start;  -moz-align-items: start; -ms-flex-align: start; align-items: start ;}
.flex_box.end { -webkit-box-align: end;  -moz-align-items: end; -ms-flex-align: end; align-items: end ;}

.fBox.start { -webkit-box-pack: start;  -moz-justify-content: start;   -ms-flex-pack: start; justify-content: start; }
.fBox.end { -webkit-box-pack: end;  -moz-justify-content: end;   -ms-flex-pack: end; justify-content: end; }
.flex_box.wrap  {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap; } 

.flex_row { -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flex_col { -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; }
.flex_row_re { -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -moz-flex-direction: row-reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse; }
.flex_col_re { -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}

.flex_wrap {    -webkit-box-lines: multiple;  -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap; }

.gap2{gap:2px;}
.gap3{gap:3px;}
.gap4{gap:4px;}
.gap5{gap:5px;}
.gap10{gap:10px;}
.gap15{gap:15px;}
.gap20{gap:20px;}
.gap40 {gap:40px;}
.gap60 {gap:60px;}
.gap37{gap:37px;}
.gap75{gap:75px;}

.fw600 {font-weight:600;}

.move {transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; }

.t_rw{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word;}
.bg_cv{background-size:cover; background-position:center; background-repeat:no-repeat;}
.bg_cv > img{width:100%; opacity:0; visibility:hidden;}
.bg_ic{background-repeat:no-repeat;}

/* 줄 제한 스타일 */
.t_rw{overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -moz-box-orient:vertical; word-break:break-all; word-wrap:break-word;}
.rw1{-webkit-line-clamp:1;}
.rw2{-webkit-line-clamp:2;}
.rw3{-webkit-line-clamp:3;}

/* 요소 같은 위치에 숨기기 */
.ct_out{width:1px; height:1px; margin:-1px; position:absolute; clip: rect(0, 0, 0, 0); overflow:hidden;}

/* 요소 내에 텍스트 제거(빈 태그 없게하기 위해) */
.ct_zero{font-size:0; text-indent:-9999px;}

/* 요소 스크롤 없애기(숨김처리) */
.sc_out {-ms-overflow-style: none; scrollbar-width: none;}
.sc_out::-webkit-scrollbar {display: none;}

/* 이미지 태그 */
.obj_fit{display:block; width:100%; height:100%; object-fit:cover; object-position:center;}

/* clear */
.clear:after{display:block; content:''; clear:both;}


/* ==================================================
	main
================================================== */
/* #main{padding-top:80px; max-width:480px; position:relative; margin:0 auto;} */

/* ==================================================
	sub
================================================== */
#main #sub section.section1 .inner{padding:40px 0 80px;}
#main #sub section.section1 .inner.top_text{padding:34px 0 80px;}
/* ==================================================
	header
================================================== */
header{position: fixed; left: 0; top: 0; z-index: 500; width: 100%; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
header.active {background-color:#0C1830;}
header .size {max-width:1460px; padding:0 40px;}
header .header_height{height: 90px;}
header .header_logo > a{width:220px; height:32px; display: block; background-image: url('/assets/images/logo_h.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
header .header_menu > a{width:46px; height:46px; border:1px solid #244177; box-sizing:border-box; border-radius:23px;}
header .header_back > a{display:block;  width:46px; height:46px; border-radius:23px; background-color:#f5f5f5; background-image:url('/assets/images/arr_histback_blk.svg'); background-size:13px 16px; background-position:left 50% top 50%; background-repeat:no-repeat;}
header .header_title > h1{font-size:2rem; font-weight:900; color:#111; padding-left:10px; box-sizing:border-box; position:relative;}
header .header_title > h1:before{width:8px; height:8px; border-radius:4px; background:#244177; display:block; content:''; clear:both; position:absolute; top:0; left:0; z-index:5;}
header .gnb ul {display:flex; gap:50px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
header .gnb ul li:not(:first-child) {height:100%;}
header .gnb ul li a {width:100%; height:100%; font-size:1.6rem; font-weight:600; line-height:1.92rem; color:rgba(255, 255, 255, 1); letter-spacing:0.03rem;}

.header_sidebar .sidebar_logo > a{display: block; width: 181px; height: 29px; background-image: url('/assets/images/logo.svg'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.header_sidebar{display:flex; align-items: stretch; justify-content:flex-end; width:100%; height:100vh; position:fixed; top:0; left:200%; z-index: 705;}
.header_sidebar .inner{padding:26px 0;}
.header_sidebar > .container{width:100%; max-width:360px; background:#fff; position:relative;}
.header_sidebar .close_button{position:absolute; top:17px; right:20px; z-index:5;}
.header_sidebar .close_button > a{width:46px; height:46px; border-radius:23px; background:#244177;}
.header_sidebar .user_info{margin-top:20px;}
.header_sidebar .user_info p{margin-top:6px;}
.header_sidebar .user_info p:first-child{margin-top:0;}
.header_sidebar .user_info p.school_name{line-height:1; font-size:1.4rem;}
.header_sidebar .user_info p.user_name{line-height:1; font-size:2.8rem; font-weight:700;}
.header_sidebar .sidebar_body{margin-top:20px;}
.header_sidebar .menu_list > ul > li{border-bottom:1px solid #dddddd; position:relative;}
.header_sidebar .menu_list > ul > li.on:after{width:100%; height:1px; background:#244177; display:block; content:''; clear:both; position:absolute; bottom:-1px; left:0; z-index:5;}
.header_sidebar .menu_list > ul > li:first-child{border-top:1px solid #dddddd;}
.header_sidebar .menu_list > ul > li > a{height:70px; background-image:url('/assets/images/arr2_btm_blk.svg'); background-size:12px 7px; background-position: right top 50%; background-repeat:no-repeat;}
.header_sidebar .menu_list > ul > li.on > a{background-image:url('/assets/images/arr2_top_blu.svg');}
.header_sidebar .menu_list > ul > li > a > p{font-size:1.8rem; font-weight:700; color:#222;}
.header_sidebar .menu_list > ul > li.on > a > p{color:#244177;}
.header_sidebar .menu_list .depth2{display:none; border-top:1px solid #244177; padding:23px 0; background:#f8f9fb;}
.header_sidebar .menu_list .depth2 > li{position:relative;}
.header_sidebar .menu_list .depth2 > li > a{height:40px; padding:0 20px; box-sizing:border-box; position:relative;}
.header_sidebar .menu_list .depth2 > li > a > p{font-size:1.6rem; padding-left:10px; box-sizing:border-box; position:relative;}
.header_sidebar .menu_list .depth2 > li > a > p:before{display:block; content:'-'; clear:both; position:absolute; top:0; left:0; z-index:5;}
.header_sidebar .toggle-ui{width:35px; height:20px; border-radius:10px; background:#999; position:absolute; top:50%; margin-top:-10px; right:10px; z-index:5; box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05); transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease;}
.header_sidebar .toggle-ui > .toggle-ui-btn{width:16px; height:16px; border-radius:8px; background:#fff; box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.14); position:absolute; top:50%; left:3px; margin-top:-8px; transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease;}
.header_sidebar .toggle-ui.locked{background:#244177;}
.header_sidebar .toggle-ui.locked > .toggle-ui-btn{left:16px;}
.header_sidebar .logout_btn{margin-top:16px;}
.header_sidebar .logout_btn p{font-size:1.4rem; font-weight:500; color:#999999;}
.header_bg{display:none; width:100%; height:100vh; background:rgba(0, 0, 0, 0.7); position:fixed; top:0; left:0; z-index:700;}

/* ==================================================
	footer
================================================== */
#footer{background-color: rgba(12, 24, 48, 1); border-top:1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box;}
#footer .size{max-width:1460px; padding:20px 40px !important; height:220px; display:flex; align-items:center;}
#footer .inner{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
#footer .footer_title > a{display:block; color:rgba(255, 255, 255, 1); font-size:2rem ;font-weight:800; line-height:2.4rem;}
#footer .footer_sub{margin-top:8px;}
#footer .left {padding:38px 0; }
#footer .left ul li .flex {gap:20px;}
#footer .left ul li:first-child{margin-top:0;}
#footer .left ul li span{color:rgba(255, 255, 255, 1); font-size:1.6rem; line-height:1.92rem; font-weight:300;}
#footer .left ul li span > a{color:inherit;}
#footer .footer_sub ul li:first-child {margin-bottom:8px;}
#footer .footer_policy{margin-top:50px;}
#footer .footer_policy .btn_wrap > a{height:50px; line-height:48px; border:1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box; border-radius:4px; padding:8px 20px; letter-spacing:0.03rem;}
#footer .footer_policy .btn_wrap > a > p{color:rgba(255, 255, 255, 1); font-size:1.6rem; line-height:1.92rem; font-weight:500;}
#footer .footer_copy{margin-top:27px;}
#footer .footer_copy > p{font-size:1.4rem; color:rgba(255, 255, 255, 0.5); font-weight:300; line-height:1.68rem;}
#footer .right {padding:50px 0 30px; }
#footer .right .logo {text-align:right;}
#footer.fp-auto-height.fp-section,
#footer.fp-auto-height .fp-slide,
#footer.fp-auto-height .fp-tableCell { height: auto !important;}


/* ==================================================
================================================== */

.radio_box { display: inline-block;  position: relative; }
.radio_box input[type="radio"]{display:inline-block; position:absolute; left:-9999px; opacity:0; visibility:hidden; width:1px; height:1px; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; }
.radio_box label:not(.radio_box label.error) {display:inline-block; padding-left:26px; font-size: 1.6rem; color:#333; letter-spacing: -0.5px; cursor:pointer; position:relative; line-height:22px;}
.radio_box label:before{position:absolute; left:0; top:50%; width:22px; height:22px; box-sizing:border-box; border-radius: 11px; margin-top:-11px; border:1px solid #cccccc; line-height:20px; text-align:center; clear:both; content:''; display:block; background: #fff;}
.radio_box label:after{content:''; display:none; position: absolute; left: 6px; top: 50%;  margin-top: -5px; width: 10px;  height: 10px; border-radius: 100%;  background-color: #00aeba; }
.radio_box input[type="radio"]:checked + label:after {display:block;}
.radio_box input[type="radio"]:disabled + label:before {background: #eee}

.rac_check{position: relative;}
.rac_check label{display: block; width: 100%; height: 38px; line-height: 38px; font-size: 1.6rem; font-weight: 400; color: #666; letter-spacing: -0.5px; background-color: #f5f5f5; text-align: center; border-radius: 4px; cursor: pointer;}
.rac_check input[type="radio"]:checked + label{font-weight: 600; color: #fff; background-color: #333;}

.rac_check2{position: relative; line-height: 1;}
.rac_check2 input[type="radio"]{display:inline-block; position:absolute; left:-9999px; opacity:0; visibility:hidden; width:1px; height:1px; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden;}
.rac_check2 label{padding-left: 25px; box-sizing: border-box; font-size: 1.6rem; font-weight: 400; color: #333; letter-spacing: -0.5px; position: relative; line-height: 20px; cursor: pointer;}
.rac_check2 label::before{position:absolute; left:0; top:50%; width:20px; height:20px; box-sizing:border-box; margin-top:-10px; border:1px solid #cccccc; border-radius: 3px; line-height:20px; text-align:center; clear:both; content:''; display:block; background: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: 11px 9px;}
.rac_check2 input[type="radio"]:checked + label::before{border-color: #00aeba; background-color: #00aeba; background-image: url('/assets/images//ico_check.svg');}

.checkbox{padding-top: 5px;}
.check_box { display: inline-block;  position: relative;}
.check_box input[type="checkbox"]{display:inline-block; position:absolute; left:-9999px; opacity:0; visibility:hidden; width:1px; height:1px; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden;}
.check_box label:not(.check_box label.error) {display:inline-block; padding-left:30px; color:#333; cursor:pointer; position:relative; line-height:20px;}
.check_box label:before  {position:absolute; left:0; top:50%; width:20px; height:20px; box-sizing:border-box; margin-top:-10px; border:1px solid #cccccc; border-radius: 3px; line-height:20px; text-align:center; clear:both; content:''; display:block; background: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: 11px 9px;}
.check_box input[type="checkbox"]:checked + label:before{border-color: #081634; background-color: #081634; background-image: url('/assets/images/ico_checkbox.svg');}

.check_box.not_text label{padding-left: 0 !important; font-size: 0; text-indent: -9999px; line-height: initial !important;}
.check_box.not_text label::before{position: static; margin-top: 0;}



.animate [class*='ani-']{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.fromLeft:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(-50px, 0, 0); -webkit-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0);  -moz-transform:translate3d(-50px,0,0);}
.fromRight:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(50px, 0, 0); -webkit-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -moz-transform:translate3d(50px, 0, 0); }
.fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 100px, 0); -webkit-transform:translate3d(0, 100px, 0); -o-transform:translate3d(0, 100px, 0); -ms-transform:translate3d(0, 100px, 0); -moz-transform:translate3d(0, 100px, 0);}
.fromTop:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, -100px, 0); -webkit-transform:translate3d(0, -100px, 0); -o-transform:translate3d(0, -100px, 0); -ms-transform:translate3d(0, -100px, 0); -moz-transform:translate3d(0, -100px, 0); }
.fromCenter:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8) translate3d(0,0,0) ; -webkit-transform:scale(0.8) translate3d(0,0,0); -o-transform:scale(0.8) translate3d(0,0,0); -ms-transform:scale(0.8) translate3d(0,0,0); -moz-transform:scale(0.8) translate3d(0,0,0); }

.animate [class*='ani-'] {transition-property:transform, opacity; -webkit-transition-property:transform, opacity; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:.8s; -moz-transition-duration:.8s;   }
.animate.fast [class*='ani-'] {transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:.6s; -moz-transition-duration:.6s;}
.animate.slow [class*='ani-'] {transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;  }

.animate .ani-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.animate .ani-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.animate .ani-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.animate .ani-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.animate .ani-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.animate .ani-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.animate .ani-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.aniamte .ani-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}
.aniamte .ani-9 {transition-delay:1280ms; -webkit-transition-delay:1280ms; -o-transition-delay:1280ms; -moz-transition-delay:1280ms; }
.animate .ani-10 {transition-delay:1440ms; -webkit-transition-delay:1440ms; -o-transition-delay:1440ms; -moz-transition-delay:1440ms; }
.animate .ani-11 {transition-delay:1600ms; -webkit-transition-delay:1600ms; -o-transition-delay:1600ms; -moz-transition-delay:1600ms; }
.fast.animate .ani-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.animate .ani-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.animate .ani-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.animate .ani-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.animate .ani-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.animate .ani-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.animate .ani-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.animate .ani-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}

.slow.animate .ani-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.animate .ani-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.animate .ani-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.animate .ani-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.animate .ani-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.animate .ani-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.animate .ani-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.animate .ani-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}

.blind{position:absolute; left:-999999px; top: 0; width:0; height:0; font-size:0; overflow:hidden;}
.hidden {text-indent:-9999px; width:0px; height:0px; line-height:0px; font-size:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; visibility:hidden;}

.mt0 {margin-top:0px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.pt0 {padding-top:0px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt95{padding-top:95px !important;}
.pt100{padding-top:100px !important;}

.wid10{width:10%;}
.wid20{width:20%;}
.wid30{width:30%;}
.wid40{width:40%;}
.wid50{width:50%;}
.wid60{width:60%;}
.wid70{width:70%;}
.wid80{width:80%;}
.wid90{width:90%;}
.wid100{width:100%;}

.txt_c {text-align:center;}
.txt_l {text-align:left;}
.txt_r {text-align:right;}

.user.popup {width:100%; height:100%; position:fixed; background-color:#00000036;  content:''; clear:both; left:0; top:0;}
.user.popup .size {max-width:unset; padding:0 20px;}
.user.popup .pop-area {max-width:1000px; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:40px; box-shadow: 5px 5px 40px 0px #00000033; position:relative; background-color:#fff; box-sizing:border-box; padding:20px 20px 40px 20px;}
.user.popup .agree_content > .size {max-width:unset; padding:0;}
.user.popup .agree_content .inner {padding:0;}
.user.popup .agree_content .agree_container .agree_txt  {width:920px; max-height:500px; overflow-y:auto; margin:0 auto; background-color:#f9f9f9; padding:20px; box-sizing:border-box; -ms-overflow-style: none;  scrollbar-width: none;}
.user.popup .agree_content .agree_container .agree_txt::-webkit-scrollbar {display: none;}
.scroll-none { -ms-overflow-style: none;  scrollbar-width: none;}
.scroll-none::-webkit-scrollbar {display: none;}
.user.popup header {border-bottom:none;}
.user.popup header .header_title > h1 {font-size:2.4rem; color:#0C1830; padding-left:0;}
.user.popup header .header_title > h1:before {display:none;}
.user.popup .agree_content .agree_txt .dotline_list > li {padding-left:0;}
.user.popup .agree_content .agree_txt .dotline_list > li:before {display:none;}
.user.popup .agree_content .agree_txt h3.tit {color:#333333 !important;}
.user.popup .agree_content .agree_txt h3, .user.popup .agree_content .agree_txt p, #policyPopup.user .agree_content .agree_txt li {font-size:1.5rem; font-weight:400; line-height:2.4rem; color:#666666;}
.user.popup .agree_content .agree_txt .fw600 {font-weight:600;}
.user.popup .agree_content .close-btn {display:flex; align-items:center; justify-content:center; width:120px; height:50px; font-size:1.4rem; color:#fff; font-weight:800; background-color:#0C1830; margin:0 auto; border-radius:5px; margin-top:10px; transition:.3s;}
.user.popup .agree_content .close-btn:hover {background-color:#002060;}

.click-top-btn:hover {cursor:pointer;}
.click-top-btn {width:70px; height:70px; background-color:rgba(12, 24, 48, 0.8); border:1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box; border-radius:35px; position:fixed; top:unset; margin-top:0px; right:56px; bottom:58px; z-index:1;}
.click-top-btn img {width:12px; height:18px; transition:.3s;}
.click-top-btn span {display:none; transition:.3s; font-size:1.2rem; font-weight:700; color:#fff;}
.click-top-btn:hover span {display:block;}
.login .click-top-btn {margin-top:0; top:40%;}
.main-full .click-top-btn {right:56px; bottom:58px; top:unset; margin-top:0;}