.malang-malang-service { font-size: 14px; line-height: 28px; }

.malang-malang-service input, .malang-malang-service output, .malang-malang-service select, .malang-malang-service button, .malang-malang-service textarea { font-family: inherit; }

.malang-malang-service .wp10 { width: 10% !important; }

.malang-malang-service .wp20 { width: 20% !important; }

.malang-malang-service .wp30 { width: 30% !important; }

.malang-malang-service .wp40 { width: 40% !important; }

.malang-malang-service .wp50 { width: 50% !important; }

.malang-malang-service .wp60 { width: 60% !important; }

.malang-malang-service .wp70 { width: 70% !important; }

.malang-malang-service .wp80 { width: 80% !important; }

.malang-malang-service .wp90 { width: 90% !important; }

.malang-malang-service .wp100 { width: 100% !important; }

.malang-malang-service .ml0 { margin-left: 0px !important; }

.malang-malang-service .mr0 { margin-right: 0px !important; }

.malang-malang-service .mb0 { margin-bottom: 0px !important; }

.malang-malang-service .mt0 { margin-top: 0px !important; }

.malang-malang-service .mb0 { margin-bottom: 0px !important; }

.malang-malang-service .ml5 { margin-left: 5px !important; }

.malang-malang-service .mr5 { margin-right: 5px !important; }

.malang-malang-service .mb5 { margin-bottom: 5px !important; }

.malang-malang-service .mt5 { margin-top: 5px !important; }

.malang-malang-service .mb5 { margin-bottom: 5px !important; }

.malang-malang-service .ml10 { margin-left: 10px !important; }

.malang-malang-service .mr10 { margin-right: 10px !important; }

.malang-malang-service .mb10 { margin-bottom: 10px !important; }

.malang-malang-service .mt10 { margin-top: 10px !important; }

.malang-malang-service .mb10 { margin-bottom: 10px !important; }

.malang-malang-service .ml15 { margin-left: 15px !important; }

.malang-malang-service .mr15 { margin-right: 15px !important; }

.malang-malang-service .mb15 { margin-bottom: 15px !important; }

.malang-malang-service .mt15 { margin-top: 15px !important; }

.malang-malang-service .mb15 { margin-bottom: 15px !important; }

.malang-malang-service .ml20 { margin-left: 20px !important; }

.malang-malang-service .mr20 { margin-right: 20px !important; }

.malang-malang-service .mb20 { margin-bottom: 20px !important; }

.malang-malang-service .mt20 { margin-top: 20px !important; }

.malang-malang-service .mb20 { margin-bottom: 20px !important; }

.malang-malang-service .ml25 { margin-left: 25px !important; }

.malang-malang-service .mr25 { margin-right: 25px !important; }

.malang-malang-service .mb25 { margin-bottom: 25px !important; }

.malang-malang-service .mt25 { margin-top: 25px !important; }

.malang-malang-service .mb25 { margin-bottom: 25px !important; }

.malang-malang-service .ml30 { margin-left: 30px !important; }

.malang-malang-service .mr30 { margin-right: 30px !important; }

.malang-malang-service .mb30 { margin-bottom: 30px !important; }

.malang-malang-service .mt30 { margin-top: 30px !important; }

.malang-malang-service .mb30 { margin-bottom: 30px !important; }

.malang-malang-service .ml35 { margin-left: 35px !important; }

.malang-malang-service .mr35 { margin-right: 35px !important; }

.malang-malang-service .mb35 { margin-bottom: 35px !important; }

.malang-malang-service .mt35 { margin-top: 35px !important; }

.malang-malang-service .mb35 { margin-bottom: 35px !important; }

.malang-malang-service .ml40 { margin-left: 40px !important; }

.malang-malang-service .mr40 { margin-right: 40px !important; }

.malang-malang-service .mb40 { margin-bottom: 40px !important; }

.malang-malang-service .mt40 { margin-top: 40px !important; }

.malang-malang-service .mb40 { margin-bottom: 40px !important; }

.malang-malang-service .ml45 { margin-left: 45px !important; }

.malang-malang-service .mr45 { margin-right: 45px !important; }

.malang-malang-service .mb45 { margin-bottom: 45px !important; }

.malang-malang-service .mt45 { margin-top: 45px !important; }

.malang-malang-service .mb45 { margin-bottom: 45px !important; }

.malang-malang-service .ml50 { margin-left: 50px !important; }

.malang-malang-service .mr50 { margin-right: 50px !important; }

.malang-malang-service .mb50 { margin-bottom: 50px !important; }

.malang-malang-service .mt50 { margin-top: 50px !important; }

.malang-malang-service .mb50 { margin-bottom: 50px !important; }

.malang-malang-service .mt0 { margin-top: 0px !important; }

.malang-malang-service .mb0 { margin-bottom: 0px !important; }

.malang-malang-service .mt1 { margin-top: 1px !important; }

.malang-malang-service .mb1 { margin-bottom: 1px !important; }

.malang-malang-service .mt2 { margin-top: 2px !important; }

.malang-malang-service .mb2 { margin-bottom: 2px !important; }

.malang-malang-service .mt3 { margin-top: 3px !important; }

.malang-malang-service .mb3 { margin-bottom: 3px !important; }

.malang-malang-service .mt4 { margin-top: 4px !important; }

.malang-malang-service .mb4 { margin-bottom: 4px !important; }

.malang-malang-service .mt5 { margin-top: 5px !important; }

.malang-malang-service .mb5 { margin-bottom: 5px !important; }

.malang-malang-service .mt6 { margin-top: 6px !important; }

.malang-malang-service .mb6 { margin-bottom: 6px !important; }

.malang-malang-service .mt7 { margin-top: 7px !important; }

.malang-malang-service .mb7 { margin-bottom: 7px !important; }

.malang-malang-service .mt8 { margin-top: 8px !important; }

.malang-malang-service .mb8 { margin-bottom: 8px !important; }

.malang-malang-service .mt9 { margin-top: 9px !important; }

.malang-malang-service .mb9 { margin-bottom: 9px !important; }

.malang-malang-service .clearfix:after, .malang-malang-service .footer .top:after { content: ""; display: block; clear: both; }

.malang-malang-service .p-left, .malang-malang-service header nav .gnb-group, .malang-malang-service header nav .login-group { float: left !important; display: inline-block; }

.malang-malang-service .p-right, .malang-malang-service .footer footer .family, .malang-malang-service header nav { float: right !important; display: inline-block; }

.malang-malang-service .p-center { margin: 0px auto; text-align: center !important; }

.malang-malang-service a.sign-up-link { border: none; text-decoration: none; color: #333; cursor: pointer; }

.malang-malang-service a.sign-up-link:link { color: #333; text-decoration: none; }

.malang-malang-service a.sign-up-link:visited, .malang-malang-service a.sign-up-link:hover, .malang-malang-service a.sign-up-link:focus { color: #0e0b19; text-decoration: underline; outline: 0 !important; }

.malang-malang-service a.sign-up-link.gray-link:link { color: #BEBEBE; text-decoration: none; font-weight: bold; }

.malang-malang-service a.sign-up-link.gray-link:visited, .malang-malang-service a.sign-up-link.gray-link:hover, .malang-malang-service a.sign-up-link.gray-link:focus { color: #313131; text-decoration: underline; }

.malang-malang-service .ico { background: url("/public/images/buttons.png"); text-indent: -5000px !important; position: relative; margin: 0; display: -moz-inline-stack; display: inline-block; text-decoration: none !important; border: 0; }

.malang-malang-service .ico * { vertical-align: middle; }

.malang-malang-service .ico.menu { background: url("/public/images/ico-news.png") no-repeat; background-position: 0 !important; width: 16px; height: 21px; text-indent: -50000px; display: inline-block; }

.malang-malang-service .ico.white-close { background: url("/public/images/ico-close.png") no-repeat; background-position: center center !important; width: 36px; height: 36px; text-indent: -50000px; display: inline-block; }

.malang-malang-service .button-normal { vertical-align: middle; border-radius: 60px; background-color: #5C49A7; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; text-align: center; position: relative; overflow: hidden; transition: .3s; display: inline-block; text-decoration: none; font-size: 1.14286em; line-height: 1.2em; color: #fff; min-height: 40px; padding: 20px; border: 0px; }

.malang-malang-service .button-normal:hover { color: #fff; background-color: #7867bc; outline-offset: -4px; }

.malang-malang-service .button-normal:focus, .malang-malang-service .button-normal:visited { color: #fff; background-color: #352a60; outline: 0 !important; }

.malang-malang-service .button-normal:active { transform: scale(1); }

.malang-malang-service .button-normal::-moz-focus-inner { border: 0 none; padding: 0; }

.malang-malang-service .button-normal.disabled { border-color: #BEBEBE !important; cursor: default; background-color: #BEBEBE !important; }

.malang-malang-service .button-normal.bordered-white { border-radius: 60px; border: 1px solid #BEBEBE; background: #f1f1f1 !important; padding: 7.14286px 20px; }

.malang-malang-service .button-normal.bordered-white span { background: transparent; border: none; color: #313131; font-size: 1em; }

.malang-malang-service .button-normal.bordered-white span:hover { text-decoration: none; }

.malang-malang-service .button-normal.bordered-white:after { position: absolute; transition: .3s; content: ''; width: 0; left: 50%; bottom: 0; height: 3px; }

.malang-malang-service .button-normal.bordered-white:hover { cursor: pointer; background: #e4e4e4 !important; }

.malang-malang-service .button-normal.bordered-white:hover:after { width: 100%; left: 0; width: 0%; }

.malang-malang-service .button-normal.x-smaller { font-size: 1em; padding: 3px 12px 5px 12px; border-radius: 4px; background-color: #524195; line-height: 1.2em; min-height: 28px; }

.malang-malang-service .button-normal.x-smaller:hover { background-color: #6855b5; outline-offset: -4px; }

.malang-malang-service .button-normal.x-smaller:focus, .malang-malang-service .button-normal.x-smaller:visited { background-color: #483984; }

.malang-malang-service .button-normal.smaller { font-size: 1em; padding: 7.14286px 20px; }

.malang-malang-service .button-normal.larger { padding: 20px 60px; font-size: 1.37143em !important; font-weight: bold; }

.malang-malang-service .wrapper { width: 100%; }

.malang-malang-service .wrap { max-width: 1200px; width: 100%; margin: 0px auto; }

.malang-malang-service .footer { background-color: #313131; min-height: 120px; }

.malang-malang-service .footer.whitetheme { border-top: 1px solid #e4e4e4; background-color: white; }

.malang-malang-service .footer.whitetheme .box > * { color: #777 !important; }

.malang-malang-service .footer.whitetheme .top a { color: #333; }

.malang-malang-service .footer.whitetheme .top div a { color: #5c49a7 !important; }

.malang-malang-service .footer.whitetheme footer.wrap { background-color: white; }

.malang-malang-service .footer a { text-decoration: none; }

.malang-malang-service .footer a:hover { text-decoration: underline; }

.malang-malang-service .footer .box > * { padding: 0px; line-height: 1.5em; color: #fff; font-style: normal; font-size: 12px; line-height: 1.8em; margin: 0px; }

.malang-malang-service .footer .top { padding-bottom: 10px; font-size: 1.14286em; }

.malang-malang-service .footer .top a { font-weight: default; margin-right: 30px; color: #fff; }

.malang-malang-service .footer .top div { display: inline-block; }

.malang-malang-service .footer .top div a { font-weight: default; margin-right: 30px; color: #b7aedb; }

.malang-malang-service .footer footer { color: #fff; overflow: hidden; background-color: #313131; font-size: 0.85714em; padding: 30px 0px; }

.malang-malang-service .footer footer strong { color: #978acc; }

.malang-malang-service .footer footer .family { width: 260px; }

.malang-malang-service .footer footer .family select { vertical-align: middle; outline-offset: 0; border: 1px solid #ccc; box-sizing: border-box; width: 100%; height: 100%; padding-left: 15px; padding-right: 30px; color: #666; font-size: 13px; padding-top: 4px; padding-bottom: 5px; border-radius: 30px; background: #fff url("/public/images/ico-select-purple-arrow.png") no-repeat center right; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal; }

.malang-malang-service .footer footer .family select::-ms-expand { display: none !important; }

.malang-malang-service nav { display: inline-block; }

.malang-malang-service nav .gnb-group, .malang-malang-service nav .login-group { display: inline-block; position: relative; }

.malang-malang-service nav .gnb-group button, .malang-malang-service nav .login-group button { cursor: pointer; outline: 0px; }

.malang-malang-service header { height: 70px; position: relative; }

.malang-malang-service header a.logo { display: inline-block; position: absolute; top: 6.66667px; }

.malang-malang-service header .sign-up-link { padding-bottom: 2px; line-height: 1.4em; border-bottom: 1px solid #313131; }

.malang-malang-service header .sign-up-link:link { text-decoration: none; }

.malang-malang-service header .sign-up-link:hover { color: #5C49A7; text-decoration: none; border-bottom-color: #5C49A7; }

.malang-malang-service header nav .gnb-group, .malang-malang-service header nav .login-group { position: relative; top: 20px; z-index: 2; }

.malang-malang-service.darktheme .login-group .profile-menu.smaller { border: 0px !important; }

.malang-malang-service.darktheme .login-group button.button-normal.x-smaller { background-color: white; border: 0px; border-radius: 5px; line-height: 20px; color: #5C49A7; padding-left: 8px; padding-right: 8px; min-height: 24px; padding-bottom: 3px; }

.malang-malang-service.darktheme .login-group button.button-normal.x-smaller:hover, .malang-malang-service.darktheme .login-group button.button-normal.x-smaller:focus { background-color: white; }

.malang-malang-service.darktheme .gnb-menu { background: url("/public/images/ico_gnb_menu_dark.png") no-repeat; background-position: top left !important; width: 42px; height: 35px; text-indent: -50000px; display: inline-block; }

.malang-malang-service.darktheme .gnb-menu:hover { -webkit-filter: contrast(160%); filter: contrast(160%); }

.malang-malang-service .gnb-menu { background: url("/public/images/ico_gnb_menu.png") no-repeat; background-position: top left !important; width: 42px; height: 35px; text-indent: -50000px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; text-transform: uppercase; overflow: hidden; transition: .3s; border: 0px; }

.malang-malang-service .gnb-menu:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }

.malang-malang-service .gnb-menu:focus { -webkit-filter: contrast(120%); filter: contrast(120%); }

.malang-malang-service .profile-menu { -webkit-appearance: none; -moz-appearance: none; text-transform: uppercase; width: 38px; height: 38px; overflow: hidden; transition: .3s; background: transparent; border-radius: 60px; border: 1px solid #BEBEBE; text-align: center; position: relative; }

.malang-malang-service .profile-menu img { width: inherit; height: inherit; position: absolute; top: 0px; left: 0px; }

.malang-malang-service .profile-menu.smaller { top: -2px; position: relative; }

.malang-malang-service .profile-menu.larger { width: 98px; height: 98px; display: inline-block; }

.malang-malang-service .profile-menu:hover { border-color: #cbcbcb; }

.malang-malang-service .profile-menu:focus { border-color: #a5a5a5; }

.malang-malang-service .gnb-drop-menu .gnb-wrapper { overflow-y: auto; max-height: 630px; margin: 20px 8px 20px 8px; }

@media (max-height: 760px) { .malang-malang-service .gnb-drop-menu .gnb-wrapper { max-height: calc(100vh - 150px); } }

.malang-malang-service .profile-drop-menu .gnb-wrapper { margin: 20px; }

.malang-malang-service .profile-drop-menu .gnb-wrapper .text-primary-color { color: #5C49A7; }

.malang-malang-service .profile-drop-menu .gnb-wrapper .p-center b { font-weight: 600; }

.malang-malang-service .profile-drop-menu .gnb-wrapper .p-center p { color: #666666; line-height: 28px; mragin: 0px; }

.malang-malang-service .gnb-drop-menu, .malang-malang-service .profile-drop-menu { width: 320px; position: absolute; right: -20px; top: 55px; background-color: #fff; z-index: 3; border: 1px solid #BEBEBE; -moz-box-shadow: 0px 0px 1px #BEBEBE; -webkit-box-shadow: 0px 0px 1px #BEBEBE; box-shadow: 0px 0px 1px #BEBEBE; border-radius: 20px; }

.malang-malang-service .gnb-drop-menu:before, .malang-malang-service .profile-drop-menu:before { position: absolute; content: ''; top: -18px; right: 20px; background: url("/public/images/img_gnb_edge.png") no-repeat; background-position: top left !important; width: 35px; height: 18px; text-indent: -50000px; display: inline-block; }

@media (max-width: 400px) { .malang-malang-service .gnb-drop-menu, .malang-malang-service .profile-drop-menu { width: 230px; } }

.malang-malang-service .gnb-drop-menu b.text-primary-color, .malang-malang-service .profile-drop-menu b.text-primary-color { line-height: 1.4em; display: inline-block; }

.malang-malang-service .gnb-drop-menu ul, .malang-malang-service .profile-drop-menu ul { margin: 0px auto; display: table; }

.malang-malang-service .gnb-drop-menu ul:before, .malang-malang-service .profile-drop-menu ul:before { content: ''; display: block; margin-bottom: -15px; }

.malang-malang-service .gnb-drop-menu ul:after, .malang-malang-service .profile-drop-menu ul:after { display: table; clear: both; }

.malang-malang-service .gnb-drop-menu ul:not(:first-child), .malang-malang-service .profile-drop-menu ul:not(:first-child) { border-top: 1px solid #d8d8d8; margin-top: 10px; display: inline-block; }

.malang-malang-service .gnb-drop-menu li, .malang-malang-service .profile-drop-menu li { position: relative; display: block; float: left; width: 94px; max-width: 33.3333%; margin-top: 15px; cursor: pointer; }

.malang-malang-service .gnb-drop-menu li:nth-child(3n-2), .malang-malang-service .profile-drop-menu li:nth-child(3n-2) { clear: left; }

@media (max-width: 400px) { .malang-malang-service .gnb-drop-menu li, .malang-malang-service .profile-drop-menu li { max-width: 50%; }
  .malang-malang-service .gnb-drop-menu li:nth-child(3n-2), .malang-malang-service .profile-drop-menu li:nth-child(3n-2) { clear: none; }
  .malang-malang-service .gnb-drop-menu li:nth-child(2n-1), .malang-malang-service .profile-drop-menu li:nth-child(2n-1) { clear: left; } }

.malang-malang-service .gnb-drop-menu li .wrapper-menu, .malang-malang-service .profile-drop-menu li .wrapper-menu { width: 70px; height: 70px; box-sizing: content-box; background-color: #fff; border-radius: 20px; border: 2px solid #EDEDED; position: relative; margin: 0 auto 22px; }

:lang(en) .malang-malang-service .gnb-drop-menu li .wrapper-menu, :lang(en) .malang-malang-service .profile-drop-menu li .wrapper-menu { margin-bottom: 40px; }

.malang-malang-service .gnb-drop-menu li .wrapper-menu:hover, .malang-malang-service .profile-drop-menu li .wrapper-menu:hover { border-color: #352a60 !important; }

.malang-malang-service .gnb-drop-menu li .wrapper-menu:hover a, .malang-malang-service .profile-drop-menu li .wrapper-menu:hover a { display: block !important; }

.malang-malang-service .gnb-drop-menu li .wrapper-menu a, .malang-malang-service .profile-drop-menu li .wrapper-menu a { position: absolute; display: none; top: 0px; left: 0px; bottom: 0px; right: 0px; opacity: 0.5; background-color: #978acc; border-radius: 20px; text-indent: -50000px; z-index: 3; height: 100%; }

.malang-malang-service .gnb-drop-menu li .wrapper-menu .cover, .malang-malang-service .profile-drop-menu li .wrapper-menu .cover { height: inherit; width: inherit; display: inline-block; border-radius: 20px; text-align: center; }

.malang-malang-service .gnb-drop-menu li .wrapper-menu .cover div, .malang-malang-service .profile-drop-menu li .wrapper-menu .cover div { width: inherit; height: inherit; overflow: hidden; }

.malang-malang-service .gnb-drop-menu li .wrapper-menu .cover div img, .malang-malang-service .profile-drop-menu li .wrapper-menu .cover div img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 70%; margin: auto; }

.malang-malang-service .gnb-drop-menu li .wrapper-menu span, .malang-malang-service .profile-drop-menu li .wrapper-menu span { display: block; position: absolute; left: -11px; right: -11px; bottom: -22px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 12px; line-height: 1.4; }

:lang(en) .malang-malang-service .gnb-drop-menu li .wrapper-menu span, :lang(en) .malang-malang-service .profile-drop-menu li .wrapper-menu span { bottom: -40px; height: 2.8em; white-space: normal; }