@charset "utf-8";

/* ------- reboot ------- */
*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media screen and (prefers-reduced-motion:reduce) {*,*:before,*:after {transition:none;}}
html,body {width:100%;height:100%;margin:0;padding:0;word-break:keep-all;}
html {font-size:62.5%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body {font-family:Pretendard, sans-serif;font-size:1.4rem;color:#292b2c;letter-spacing:-0.02rem;line-height:1;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font:inherit;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6 {line-height:120%;}
dl,ul,ol,li {list-style:none;}
a {display:inline-block;color:#292b2c;text-decoration:none;outline:none;transition:color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out, box-shadow 0.3s ease-out;}
a:active,a:hover {text-decoration:none;transition:color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out, box-shadow 0.3s ease-out;}
em {font-style:normal;font-weight:600;}
span {display:inline-block;}
img,fieldset {vertical-align:middle;border:0;}
label {display:inline-block;max-width:100%;}
button,input,select,textarea {vertical-align:middle;font-family:inherit;font-size:inherit;line-height:inherit}
button {border:0 none;background-color:transparent;cursor:pointer}
input:focus,button:focus,textarea:focus {outline:none;}
input{}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
table caption {display:none !important;}
table thead {border-top:solid .2rem #292b2c;}
table th, table td {min-width:5rem;height:6rem;line-height:3rem;padding:1.5% 3%;font-size:1.7rem;vertical-align:middle;border-bottom:solid .1rem #e2e8f0}
table.ui-datepicker-calendar th {min-width:inherit;height:auto;line-height:2rem;font-size:inherit;}
table.ui-datepicker-calendar td {min-width:inherit;height:auto;line-height:2rem;font-size:inherit;}
table th.border-right, table td.border-right {border-right:solid .1rem #e2e2e2}
table th {font-weight:700;}
[onClick] {cursor:pointer;}
svg {vertical-align:middle;overflow:hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
pre {font-size:1.8rem;text-wrap:wrap;line-height:2.8rem;}
hr {width:0;margin-top:3rem;margin-bottom:8rem;color:#949494;border:0;border-top:1px solid;border-color:currentColor;transition:width 2s;}
hr.aos-animate {width:8rem;}
.crt_profile > img {width:2rem;height:2rem;border-radius:50%}

/* ------- layout ------- */
#wrapper {position:relative;width:100%;min-width:32rem;height:100%;margin:0 auto;}
#bo_v_img {text-align:center;}
.wrap-section {padding:15rem 5rem 15rem 5rem;overflow: hidden;}
.wrap-section-title {padding:0 5rem 0 5rem;}
.wrap-subsection {padding:20rem 5% 0 5%;}
.wrap-subbottom {padding:20rem 2rem 15rem 2rem;}
.wrap-ceosection {padding:45rem 5rem;}
.wrap-container {max-width:140rem;margin:0 auto;}

/* ------- variable ------- */
.pull-right {float:right !important;}
.pull-left {float:left !important;}
.clearfix {clear:both;}
.clearfix:before,.clearfix:after,.row:before,.row:after {content:" ";display:table;}
.clearfix:after,.row:after {clear:both;}
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.center-block {display:block;margin-right:auto;margin-left:auto;}
.blocker:after {display:block;visibility:hidden;clear:both;content:""}
.sr-only,legend {position:absolute;width:.1rem;height:.1rem;margin:-0.1rem;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.sr-only-focusable:active,.sr-only-focusable:focus {position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}
.vertical-middle {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.animation {-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.admin_modify {display:inline-block;font-size:2.2rem;}
.list-fontstyle {line-height:3rem;font-size: 1.7rem;}
.list-fontstyle h5 {margin-bottom:.5rem;line-height:3rem;font-size: 2rem;font-weight:700;}
.list-marginbottom {margin-bottom:10rem;}
.btn_small {display:inline-block;padding:0 0.7rem;font-size:1.2rem;line-height:2rem;vertical-align:middle;color:#fff;background:linear-gradient(-45deg, #008ba5, #00b7ce);border-radius:0.3rem;}



/* ------- color ------- */
.point-color-g {color:#008ba5;}
.point-color-b {color:#00b7ce;}
.point-color-bl {color:#000;font-weight:600;}
.color-green {color:#388e3c}
.color-purple {color:#7b1fa2;}
.color-red {color:#d32f2f}

/* ------- grid ------- */
.row-width {margin:0 -2%;}
.width-col-1,.width-col-2,.width-col-3,.width-col-4,.width-col-5,.width-col-6,.width-col-7,.width-col-8,.width-col-9,.width-col-10,.width-col-11,.width-col-12 {position:relative;float:left;min-height:.1rem;padding:0 2%;}
.width-col-1 {width:8.333%;}
.width-col-2 {width:16.666%;}
.width-col-3 {width:25%;}
.width-col-4 {width:33.333%;}
.width-col-5 {width:41.666%;}
.width-col-6 {width:50%;}
.width-col-7 {width:58.333%;}
.width-col-8 {width:66.666%;}
.width-col-9 {width:75%;}
.width-col-10 {width:83.333%;}
.width-col-11 {width:91.666%;}
.width-col-12 {width:100%;}

.pt0 {padding-top:0;}
.pt15 {padding-top:15rem;}
.mt1 {margin-top:1rem;}
.mt2 {margin-top:2rem;}
.mt10 {margin-top:10rem;}

/* button */
.btn-moreview {width:5rem;height:5rem;line-height:4.5rem;font-size:5rem;font-weight:700;color:#fff;text-align:center;background:linear-gradient(-45deg, #008ba5, #00b7ce);}
.btn-moreview.positionrb {position:absolute;right:0;bottom:0;z-index:2;}
.btn-numview {padding:0.5rem 1rem;font-size:4rem;font-weight:500;color:#fff;text-align:center;background:linear-gradient(-45deg, #008ba5, #00b7ce);}
.btn-numview.positionrb {position:absolute;right:0;bottom:0;z-index:2;}
.btn-more {height:5rem;line-height:4.5rem;font-size:5rem;font-weight:600;}

.btn-widewrap {width:100%;margin-top:10rem;text-align:center;}
.btn-widewrap .btn-moreview {display:inline-block;width:15rem;line-height:5rem;font-size:2rem;}
.btn-abwrap {position:absolute;bottom:-1rem;right:0;}
.btn-abwrap .btn-more {display:inline-block;line-height:5rem;font-size:2.3rem;}

.wrap-inquiry {margin-top:3.5rem;}
.wrap-inquiry a {display:inline-block;}
.btn-inquiry {display:inline-block;padding:1.5rem 3rem;font-size:2.4rem;font-weight:500;color:#fff;text-align:center;background:linear-gradient(-45deg, #008ba5, #00b7ce);}
.btn-inquiry-num {margin-right:1.2rem;}

.btn-nav-intranet {position:absolute;bottom:5rem;right:5rem;text-align:center;}
.btn-nav-intranet a {display:inline-block;}
.btn-nav-intranet .btn-intranet {font-weight:700;color:#fff;text-align:center;background:linear-gradient(-45deg, #008ba5, #00b7ce);border-radius:5rem;}
.btn-nav-intranet .btn-modify {margin-left:.3rem;padding:0 2rem;background:#f2f2f2;border-radius:5rem;}
.btn-nav-intranet .btn-logout {margin-left:.3rem;padding:0 2rem;background:#f2f2f2;border-radius:5rem;}

.wrap-btn-intranet {position:absolute;bottom:28rem;left:50%;width:100%;text-align:center;transform:translateX(-50%);}
.wrap-btn-intranet a {display:inline-block;}
.wrap-btn-intranet .btn-intranet {font-weight:700;color:#fff;text-align:center;background:linear-gradient(-45deg, #008ba5, #00b7ce);border-radius:5rem;}
.wrap-btn-intranet .btn-modify {margin-left:.7rem;padding:1rem 2rem;background:#f2f2f2;border-radius:5rem;}
.wrap-btn-intranet .btn-logout {margin-left:.7rem;padding:1rem 2rem;background:#f2f2f2;border-radius:5rem;}

input.btn-fun {border:none;}
.btn-fun {display:inline-block;position:relative;vertical-align:middle;text-align:center;white-space:nowrap;overflow:hidden;background:#fff;background-image:none;cursor:pointer;
-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.btn-fun:hover {z-index:1;box-shadow:0 0 1.5rem rgba(0,0,0,.1) !important;}
.btn-fun:active {box-shadow:0 0 0 #fff, inset .1rem .1rem .2rem rgba(0,0,0,.2) !important;}
.btn-color {color:#fff;}
.btn-shadow {box-shadow:0 .1rem .2rem rgba(0, 0, 0, 0.1);}

/* GNU */
.btn_confirm {margin:7rem auto 0 auto !important;}
.btn_submit {display:inline-block;padding:1rem 2rem;font-size:2rem !important;font-weight:500;color:#fff;text-align:center;background:linear-gradient(-45deg, #008ba5, #00b7ce);border:solid 1px #008ba5;vertical-align:middle;}
.btn_cancel {display:inline-block;margin-right:1rem;padding:1rem 2rem;font-size:2rem !important;font-weight:500;text-align:center;border:solid 1px #eee;vertical-align:middle;}

/* 사이드뷰 */
.sv_wrap {position:relative;font-size:1.8rem;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:12px 0 0;padding:1.5rem 2rem;line-height:4rem;font-size:1em;border-radius:1.3rem;border:solid 2px #fff;background:rgb(255 255 255 / 80%);backdrop-filter:blur(5px);box-shadow:0 30px 50px rgba(117, 127, 198, 0.2);}
.sv_wrap .sv:before {content:"";position:absolute;top:-15px;left:20px;width:0;height:0;border-style:solid;border-width:0 12px 15px 12px;border-color:transparent transparent #fff transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 1rem;font-weight:normal;border-radius:1rem;}
.sv_wrap .sv a:hover {background:#00b7ce;color:#fff;}
.sv_member {color:#333}
#win_title .sv_member {color:#fff}
.sv_on {display:block !important;position:absolute;top:30px;left:15px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;margin-left:10px;padding:0 7px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* icons */
.icon-col {display:inline-block;width:.1rem;height:1rem;margin:0 1rem 0 1rem;background-color:#4a494a;}
.icon-slash {display:inline-block;width:.8rem;height:.1rem;margin:0px 1rem .4rem 1rem;background-color:#7F7F7F;transform:rotate(-60deg);}

.mek-icons {display:inline-block;vertical-align:middle;background:url(../img/mek-icons.svg);background-size:950%;}
.mek-icons.icon-phone {width:5rem;height:5rem;background-position:1% 2%;}
.mek-icons.icon-plus {width:5rem;height:5rem;background-position:14.5% 0;}
.mek-icons.icon-01 {width:6rem;height:5rem;background-position:1% 66%;}
.mek-icons.icon-02 {width:6rem;height:5rem;background-position:15% 66%;}
.mek-icons.icon-03 {width:6rem;height:5rem;background-position:29% 66%;}
.mek-icons.icon-04 {width:6rem;height:5rem;background-position:43% 66%;}
.mek-icons.icon-05 {width:6rem;height:5rem;background-position:57% 66%;}
.mek-icons.icon-06 {width:6rem;height:5rem;background-position:71% 66%;}
.mek-icons.icon-07 {width:6rem;height:5rem;background-position:85% 66%;}
.mek-icons.icon-08 {width:6rem;height:5rem;background-position:99% 66%;}
.mek-icons.icon-09 {width:3.5rem;height:3.5rem;background-position:25.5% -5%;}
.mek-icons.icon-10 {width:8.5rem;height:5rem;background-position:15% 35.6%;}

.mek-icons.icon-in {width:4rem;height:4rem;background-position:488rem 0;background-size:1600%;}
.mek-icons.icon-tube {width:4rem;height:4rem;background-position:488rem -4rem;background-size:1600%;}
.mek-icons.icon-fb {width:4rem;height:4rem;background-position:484rem 0;background-size:1600%;}

header.is-open .mek-icons.icon-in {width:4.5rem;height:4.5rem;background-position:476.9rem 0;background-size:1600%;}
header.is-open .mek-icons.icon-tube {width:4.5rem;height:4.5rem;background-position:477rem -4.5rem;background-size:1600%;}
header.is-open .mek-icons.icon-fb {width:4.5rem;height:4.5rem;background-position:472.45rem 0;background-size:1600%;}

.arrows::after {position:absolute;top:1.9rem;left:2.1rem;content:'';width:1.5rem;height:1.5rem;border-top:solid 3px #000;border-right:solid 3px #000;}
.arrows.arrow-down::after {transform:rotate(135deg);}
.active > .arrows.arrow-down::after, .arrows.arrow-up::after {transform:rotate(315deg);}
.main-menu li:hover > .arrows.arrow-down::after, .active > .arrows.arrow-down::after {border-top:solid 3px #fff;border-right:solid 3px #fff;}

/* ------- label ------- */
.label_wrap {margin-bottom:1.2rem;}
.label_wrap .label_mek:first-child {margin-right:.3rem;}
.label_mek {padding:.6rem 1.2rem;color:#fff !important;}
.label_mek.label_blue {background:#00b7ce;}
.label_mek.label_green {background:#28a7a1;}

/* ------- form ------- */
.frm_input {display:block;width:100%;height:5rem;padding:1.2rem 2rem;font-size:1.4rem;color:#474749;border:.1rem solid #cfd3d7;border-radius:.7rem;background-color:#fff;transition:all 0.3s ease-out;}
.frm_input.active {position:relative;color:#fff !important;border:.1rem solid #00b7ce !important;background-color:#00b7ce !important;background:url('../../images/icon_check_white.png') right 2rem no-repeat;}
.frm_input::placeholder {color:#6F767A;}
.frm_input::-moz-placeholder{color:#6F767A;opacity:1}.frm_input:-ms-input-placeholder{color:#6F767A}.frm_input::-webkit-input-placeholder{color:#6F767A}.frm_input::-ms-expand{background-color:transparent;border:0}
.frm_input::-ms-expand {background-color:transparent;border:0;}
.frm_input:focus {border:.1rem solid #02b5d5;}
.frm_input[disabled],fieldset[disabled] .frm_input {color:#c7d3db;border:.1rem solid #dee2e6;background-color:#f1f6fa;}
.frm_input[readonly] {color:#474749;border:.1rem solid #dee2e6;background-color:#f1f6fa;}
.frm_input[disabled],fieldset[disabled] .frm_input {cursor:not-allowed}
select.frm_input:focus::-ms-value {border:.1rem solid #02b5d5;}
textarea.frm_input{min-height:14rem;line-height:2.2rem;resize:none;height:auto}
.wr_content {display:block;width:100%;padding:1.2rem 2rem;border:.1rem solid #cfd3d7;border-radius:.7rem;transition:all 0.3s ease-out;}
.wr_content textarea {font-size:1.4rem;color:#474749;border:0;}

/* toast-alert */
.alert-toast {width:25rem;height:2rem;height:auto;position:fixed;left:50%;margin-left:-12.5rem;bottom:3rem;z-index:9999;background-color:#31323b;color:#F0F0F0;padding:1rem;text-align:center;border-radius:.2rem;-webkit-box-shadow:0 0 2.4rem -0.1rem rgba(56, 56, 56, 1);-moz-box-shadow:0 0 2.4rem -0.1rem rgba(56, 56, 56, 1);box-shadow:0 0 2.4rem -0.1rem rgba(56, 56, 56, 1);}

/* popup layer */
.backdrop {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);z-index:4;}
.pop-content {display:none;position:fixed;top:50%;left:50%;width:calc(100% - 2rem);height:calc(100% - 2rem);padding:2%;background:#fff;border-radius:2rem;box-shadow:0 1rem 3rem 0.5rem rgb(0 0 0 / 10%);transform:translate(-50%, -50%);z-index:9;}
.pop-content .pop-content-inner {height:100%;overflow:auto;}
.pop-close {position:absolute;top:-0.5rem;right:-0.5rem;padding:1.5rem;border-radius:100%;background:#fff;cursor:pointer;animation:spinout .3s ease-out;}
.pop-close:hover {animation:spin .3s ease-out;}
@keyframes spin {100% {transform:rotate(180deg);}}
@keyframes spinout {100% {transform:rotate(-180deg);}}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;box-shadow:0 0 30px rgba(0,0,0,.3);}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {position:relative;margin-top:-3px;padding:0;background:#008ba5;color:#fff;text-align:left;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:2rem 3rem;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#008ba5;text-align:left}
.hd_pops_footer .hd_pops_close {background:#008ba5;position:absolute;top:0;right:0}
.owl-pop .owl-dots {position:absolute;left:50%;bottom:-3.6rem;transform:translateX(-50%);}
.owl-pop .owl-dot span {width:1.3rem;height:1.3rem;margin:0 .3rem;background:rgba(255,255,255,0.50);border-radius:2rem;}
.owl-pop .owl-dot.active span {background:#fff;}

/* 페이징 */
.pg_wrap {text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:40px;line-height:40px;padding:0 5px;min-width:40px;text-decoration:none;}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../css/images/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../css/images/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../css/images/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../css/images/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#00b7ce;border:1px solid #00b7ce;color:#fff;font-weight:bold;height:40px;line-height:40px;padding:0 10px;min-width:40px;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* scroll icon */
a.mouse-scroll {position:absolute;bottom:7rem;width:100%;animation:mouse-scroll 1.8s;z-index:100;}
a.mouse-scroll span {position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid #fff;border-radius:50px;box-sizing:border-box;}
a.mouse-scroll span::before {position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;animation:sdb 2s infinite;box-sizing:border-box;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:4.1rem;border:1px solid #ccc;vertical-align:top;padding:.7rem .5rem 0 .5rem;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:13rem;height:4.1rem;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:block;margin:1rem 0 5px;font-size:1.6rem;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#F1F6FB;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:60px;line-height:40px;padding:10px 20px;background:#00b7ce;color:#fff;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {padding:20px;font-size:1.6rem;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_confirm {width:23.5rem;margin:3rem auto 0 auto !important;}
.new_win .btn_winsubmit {margin-right:1rem;padding:1.5rem 3rem;font-size:2rem !important;font-weight:500;color:#fff;text-align:center;background:#259ec1;vertical-align:middle;border-radius: 1.3rem;box-shadow: 0 10px 20px rgba(117, 127, 198, 0.2);transition:all .3s;}
.new_win .btn_wincancel {padding:1.5rem 3rem;font-size:2rem !important;font-weight:500;text-align:center;vertical-align:middle;background:#fff;border-radius: 1.3rem;box-shadow: 0 10px 20px rgba(117, 127, 198, 0.2);transition:all .3s;}
.new_win .btn_winsubmit:hover, .new_win .btn_wincancel:hover {color:#fff;background:#00b7ce;box-shadow:0 10px 20px rgba(0,227,255,.3);}

/* point pen */
.point-pen {position:relative}
.point-pen:after {content:"";position:absolute;left:0;bottom:0rem;width:100%;height:0.2rem;background:#636569;border-radius:20px;}

@media screen and (min-width:400px) {
	.pop-content {width:calc(100% - 5rem);height:calc(100% - 5rem);padding:3%;}
	.pop-close {top:-1.5rem;right:-1.5rem;padding:2rem;}
}
@media screen and (min-width:960px) {
	.pop-content {width:auto;max-width:170rem;height:auto;}
	a.mouse-scroll {bottom:7rem;}
	.wrap-btn-intranet {bottom:9rem;}
}
@media screen and (min-width:1370px) {
	
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1790px) {
	a.mouse-scroll {position:fixed;bottom:7rem;}
	
}

@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mouse-scroll {
	0% {bottom:-2rem;opacity:0;}
	50% {bottom:-2rem;opacity:0;}
	100% {bottom:7rem;opacity:1;}
}