@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.6rem;color:#292b2c;letter-spacing:-0.01rem;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: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, input[type=button], input[type=submit] {border:0 none;cursor:pointer;transition:color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out, box-shadow 0.3s ease-out;}
input:focus,button:focus,textarea:focus {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;}
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;padding:1.5% 3%;font-size:1.5rem;vertical-align:middle;border-bottom:solid .1rem #e2e8f0}
.ui-datepicker {z-index:3 !important;}
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;}
hr {margin-top:3rem;margin-bottom:3rem;border:0;border-top:1px solid;border-color:currentColor;transition:width 2s;}
hr.aos-animate {width:8rem;}

[type="radio"] {position:relative;width:2rem;height:2rem;margin-right:.5rem;vertical-align:text-top;appearance:none;border:solid 1px #ddd;border-radius:50%;background:#fff;transition:all 0.2s;}
[type="radio"]:after {content:"";display:inline-block;position:absolute;top:.2rem;left:.2rem;width:1.4rem;height:1.4rem;border-radius:50%;transition:all 0.4s;}

[type="checkbox"] {position:relative;width:2rem;height:2rem;margin-right:.5rem;vertical-align:text-top;appearance:none;border:solid 1px #ddd;border-radius:50%;background:#fff;transition:all 0.2s;}
[type="checkbox"]:after {content:"";display:inline-block;position:absolute;top:.2rem;left:.2rem;width:1.4rem;height:1.4rem;border-radius:50%;transition:all 0.4s;}

[type="radio"]:checked:after {background:#00b7ce;}
[type="radio"]:checked:after, [type="checkbox"]:checked:after {background:#00b7ce;}
[type="radio"]:focus, [type="checkbox"]:focus {border:solid 1px #259ec1;box-shadow:0 10px 20px rgba(0,227,255,.3);}
[type="radio"]:hover, [type="checkbox"]:hover {border:solid 1px #259ec1;box-shadow:0 10px 20px rgba(0,227,255,.3);cursor:pointer;}
[type="radio"]:disabled, [type="checkbox"]:disabled {background:#eee;box-shadow:none;opacity:0.7;cursor:not-allowed;}
[type="radio"]:disabled + span, [type="checkbox"]:disabled + span {opacity:0.7;cursor:not-allowed;}

.scrollbar { }
.scrollbar::-webkit-scrollbar {width:5px;}
.scrollbar::-webkit-scrollbar-thumb {background: #92d6e3;border-radius: 10px;}
.scrollbar::-webkit-scrollbar-track {background: #e9ecf9;border-radius: 10px;}

body::-webkit-scrollbar {width:5px;}
body::-webkit-scrollbar-thumb {background: #92d6e3;border-radius: 10px;}
body::-webkit-scrollbar-track {background: #e9ecf9;border-radius: 10px;}

/* ------- layout ------- */
#wrapper {position:relative;width:100%;height:100%;margin:0 auto;}
#wrapper.light-page {padding-left:20rem;}
.content-section {float:left;width:calc(100% - 25rem);min-height:100rem;padding:5rem;}
.wrap-section {padding:15rem 5rem 15rem 5rem;}
.wrap-section-title {padding:0 5rem 0 5rem;}
.wrap-subbottom {padding:0 0 0 0;}
.wrap-ceosection {padding:45rem 5rem;}
.wrap-container {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;}
.text-weight-4 {font-weight:400 !important;}
.text-weight-6 {font-weight:600 !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;}
.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, #2aa89e, #259ec1);border-radius:0.3rem;}

/* ------- color ------- */
.point-color-g {color:#2aa89e;}
.point-color-b {color:#259ec1;}
.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;}
.mr1 {margin-right:1rem;}
.mr2 {margin-right:2rem;}
.mt2 {margin-top:2rem;}
.mt5 {margin-top:5rem;}
.mb7 {margin-bottom:7rem;}

/* 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, #2aa89e, #259ec1);}
.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, #2aa89e, #259ec1);}
.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:-4rem;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, #2aa89e, #259ec1);}
.btn-inquiry-num {margin-right:1.2rem;}

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:3rem auto 0 auto !important;}
.btn_submit {margin:0 .2rem;padding:1.5rem 3rem;font-size:1.7rem !important;font-weight:500;color:#fff;text-align:center;background:#259ec1;vertical-align:middle;border-radius:5rem;box-shadow: 0 10px 20px rgba(117, 127, 198, 0.2);transition:all .3s;}
.btn_cancel {margin:0 .2rem;padding:1.5rem 3rem;font-size:1.7rem !important;font-weight:500;text-align:center;vertical-align:middle;background:#fff;border-radius:5rem;box-shadow: 0 10px 20px rgba(117, 127, 198, 0.2);}
.btn_submit:hover, .btn_cancel:hover {color:#fff;background:#00b7ce;box-shadow:0 10px 20px rgba(0,227,255,.3);}

/* 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;margin:0 auto;vertical-align:middle;background:url(../img/mek-icons-intranet.svg);background-size:950%;}
.mek-icons.icon-phone {width:5rem;height:5rem;background-position:0.5% -1%;}
.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-mysum {width:8.5rem;height:5rem;background-position:15% 35.6%;}
.mek-icons.icon-palette {width:7rem;height:5rem;background-position:29% 35.6%;}

.mek-icons.logo-mh {width:14rem;height:11.5rem;background-position:29% 95%;transition:all .7s;}

.mek-icons.icon-mek {width:8rem;height:10rem;background-position:1% 100%;} .index-textlink li:nth-child(1) a:hover {box-shadow:0px 20px 35px -16px rgba(201,28,29,.77);}
.mek-icons.icon-sos {width:8rem;height:10rem;background-position:15.4% 100%;} .index-textlink li:nth-child(2) a:hover {box-shadow:0px 20px 35px -16px rgba(36,177,217,.77);}
.mek-icons.icon-mh {width:8rem;height:10rem;background-position:29% 100%;} .index-textlink li:nth-child(3) a:hover {box-shadow:0px 20px 35px -16px rgba(0,182,205,.77);}
.mek-icons.icon-wm {width:8rem;height:10rem;background-position:43% 100%;} .index-textlink li:nth-child(4) a:hover {box-shadow:0px 20px 35px -16px rgba(0,91,172,.77);}
.mek-icons.icon-in {width:8rem;height:10rem;background-position:57% 100%;} .index-textlink li:nth-child(5) a:hover {box-shadow:0px 20px 35px -16px rgba(5,117,179,.77);}
.mek-icons.icon-tube {width:8rem;height:10rem;background-position:85% 100%;} .index-textlink li:nth-child(6) a:hover {box-shadow:0px 20px 35px -16px rgba(230,33,26,.77);}
.mek-icons.icon-fb {width:8rem;height:10rem;background-position:71% 100%;} .index-textlink li:nth-child(7) a:hover {box-shadow:0px 20px 35px -16px rgba(25,119,243,.77);}

.index-textlink li a:active {box-shadow:inset -5px -5px 15px rgba(255, 255, 255, 0.75), inset 5px 5px 10px rgba(166, 180, 200, 0.75);}

.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;border-radius:0.4rem;}
.label_mek.label_blue {background:#259ec1;}
.label_mek.label_green {background:#28a7a1;}

/* ------- form ------- */
.wrap-labelinput {box-shadow:0 10px 20px rgba(117, 127, 198, 0.2);border-radius:5rem;}
.wrap-labelinput > label {float:left;width:15rem;height:5.2rem;line-height:4.5rem;border-radius:5rem 0 0 5rem;border:solid 0.3rem #fff;background:#f6f6f6;}
.wrap-labelinput input, .wrap-labelinput select {float:left;width:calc(100% - 15rem);border-radius:0 5rem 5rem 0;}
.frm_input {display:block;width:100%;line-height:5.2rem;height:5.2rem;padding:1rem 1rem;font-size:1.5rem;color:#474749;border:.1rem solid #fff;border-radius:5rem;background-color:#fff;transition:all 0.3s ease-out;}
.frm_input.normalField {float:left;width:calc(100% - 15rem);height:5.2rem;border-radius:0 5rem 5rem 0;}
.frm_input.active {position:relative;color:#fff !important;border:.1rem solid #259ec1 !important;background-color:#259ec1 !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, .frm_input:hover {border:.1rem solid #02b5d5 !important;box-shadow:0 10px 30px rgba(0,227,255,.2);}
.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 {border:.1rem solid #02b5d5;box-shadow:0 10px 30px rgba(0,227,255,.2);}
textarea.frm_input{resize:none;height:auto}
.wr_content {display:block;width:100%;margin:1rem 0;padding:1rem;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;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 페이징 */
.pg_wrap {margin-top:3rem;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:#fff;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 {color:#fff;background-color:#259ec1}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../../css/images/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../../css/images/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../../css/images/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../../css/images/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {color:#fff;background-color:#259ec1}

.pg_current {display:inline-block;background:#259ec1;border:1px solid #259ec1;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:5.5rem;border:1px solid #ccc;vertical-align:top;padding:.9rem .9rem 0 .9rem;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:5.5rem;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}

/*===============================================
** 스위치 버튼 : 시작
**------------------------------------------------------------------------------------*/
label.switch_bt{display:inline-block;position:relative;top:0;float:left;padding:0;line-height:25px;}
label.switch_bt .switch_zone{position:relative;display:inline-block;}
label.switch_bt input[type='checkbox']{
-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;
position: relative;margin:0;padding:0;height:32px;width:120px;border-radius:5rem;border:none;
font-size:13px;line-height:28px;letter-spacing:2px;cursor:pointer;vertical-align: middle;background:none; }
label.switch_bt input[type='checkbox']:focus{border:none;outline: 0 none;box-shadow:none;}

.switch_zone [type="checkbox"]:hover {border:none;box-shadow:none;}

/* 스위치 볼 :  */
label.switch_bt .switch_boll{
position:absolute;top:1px;z-index:3;display:inline-block;
margin:0;padding:0;width:28px;height:calc(100% - 4px);border:1px solid #ccc;border-radius:50%;background:#fff;cursor:pointer;
box-shadow: 1px 0px 2px 1px #ababab, inset 0px 1px 0px 2px rgb(241 241 241 / 60%), inset 0px 0px 0px 2px #cbcbcb;}

/* off */
label.switch_bt input[type='checkbox']:before {content:attr(data-off);
position:absolute;top:0px;left:0px;z-index:1;display:inline-block;margin:0;padding:0px 10px;
height:calc(100% - 2px);width:calc(100% - 12px);background:#c7cbdd;color:#fff;
text-align:right;text-indent:26px;font-weight:bold;letter-spacing:1px;
border-radius:25px;border:1px solid #afb4cb;opacity:1;transition: all .3s ease;word-spacing:0;}

/* on */
label.switch_bt input[type='checkbox']:after {content:attr(data-on);
position:absolute;top:0px;left:0px;z-index:2;display:inline-block;margin:0;padding:0px 10px;
height:calc(100% - 2px);width:calc(100% - 12px);background:#00b7ce;color: #fff;
text-align: left;text-indent:0px;font-weight:bold;letter-spacing:1px;
border-radius:25px;border:1px solid #259ec1;opacity:0;transition: all .3s ease;word-spacing:0;box-shadow:0 10px 20px rgba(0,227,255,.3);}

/* on시 동작 변경 */
label.switch_bt input[type='checkbox']:checked:before{opacity:0;transition: all .3s ease;}
label.switch_bt input[type='checkbox']:checked:after{opacity:1;transition: all .3s ease;}

/*off 체크 안되어 있을 때  볼 무빙 */
label.switch_bt:has(input[type='checkbox']:not(:checked)) .switch_boll{
left:1px;transition: all .3s ease;transform: rotate(0deg);}
/*on 체크 되어 있을 때 볼 무빙 */
label.switch_bt:has(input[type='checkbox']:checked) .switch_boll{
left:calc(100% - 41px);transition: all .3s ease;transform: rotate(540deg);}

/* 라벨 대행 */
.switch_label{position: relative;display:inline-block;color:#303030;
font-weight: bold;margin: 0px 5px 0px 0px;
-ms-user-select: none;-moz-user-select: -moz-none;
-khtml-user-select: none;-webkit-user-select: none;user-select: none;
vertical-align: middle;font-size: 14px;cursor:pointer;}
/*-----------------------------------------------
** 스위치 버튼 : 끝
**=============================================*/

/* 날씨 영역 */
#top_weather {display:flex;width:100%;text-align:center;}
#top_weather:after {display:block;visibility:hidden;clear:both;content:""}
#top_weather li {flex:auto;margin-top:2rem;line-height:14px;color:#909096;font-size:1.2rem;border-right:1px solid #4a4a4a;}
#top_weather li img{width:20px;margin-top:-3px;}
#top_weather li:last-child {padding-right:0;margin-right:0;border-right:0}

/* 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;}

}
@media screen and (min-width:1370px) {
	
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1790px) {
	a.mouse-scroll {position:fixed;bottom:10rem;}
}

@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;}
}

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