@charset "UTF-8";

html {
    overflow-y: auto;
}
body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: 'Noto Sans KR', Dotum, 돋움, 'Apple SD Gothic Neo', arial,
        Helvetica, sans-serif;
    font-weight: 400;
}
html,
body {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background: #ffffff;
    color: #161616;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
    margin: 0;
    padding: 0;
    border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}
label,
input,
button,
select,
img {
    vertical-align: middle;
}

input:focus {
    outline: none;
}
input,
button {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', Dotum, 돋움, 'Apple SD Gothic Neo', arial,
        Helvetica, sans-serif;
}
button {
    cursor: pointer;
}
textarea,
select {
}
select {
    margin: 0;
}
p {
    margin: 0;
    padding: 0;
    word-break: break-all;
}
hr {
    display: none;
}
pre {
    overflow-x: scroll;
}
a:link,
a:visited {
    color: #161616;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    color: #161616;
    text-decoration: none;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.Wr1300 {
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    max-width: 1350px;
}
/* Index Login */

/* 레이아웃 */
#wrap_group {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    height: 100%;
}
#wrap {
    position: relative;
    margin: 0 3.5%;
    width: 93%;
    background: #fff;
    height: 100%;
}
#header {
    position: relative;
    width: 100%;
    background: #eeeeee;
}
#header .logo {
    padding: 25px 0 35px 5px;
}
#header .title_icon {
    text-align: center;
}
#header .title_icon span {
    display: inline-block;
    width: 42px;
    height: 1px;
    background: #000;
    font-size: 0;
}
#header h1 {
    padding-bottom: 35px;
    text-align: center;
}
#header .h1_text {
    padding: 0 2.5% 30px 2.5%;
}

#content {
    position: relative;
    padding: 20px 20px 120px 20px;
    width: 100%;
    background: #fff;
}
/*** 하단 ***/
#foot-container {
    width: 100%;
    background: var(--color-black);
}
.foot-link {
    width: 100%;
    border-bottom: 1px solid var(--color-Gray28);
}
.foot-link .inner {
}
.foot-link .inner > a {
    display: inline-block;
    width: 50%;
    height: 54px;
    line-height: 54px;
    max-width: 170px;
    text-align: center;
    color: var(--color-Graydc);
    border-left: 1px solid var(--color-Gray28);
}
.foot-link .inner .point_text {
    border-right: 1px solid var(--color-Gray28);
}
.foot-link .inner .foot-FamilySite {
    float: right;
    color: #ff00ff;
    width: 200px;
    height: 54px;
    line-height: 54px;
    border-right: 1px solid var(--color-Gray28);
    border-left: 1px solid var(--color-Gray28);
}
.company-information {
    padding-top: 40px;
    padding-bottom: 50px;
}
.company-information ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.company-information > ul > li {
}
.company-information > ul > li:nth-child(1) {
    float: left;
    width: 170px;
}
.company-information > ul > li:nth-child(1) img {
    width: 100%;
}
.company-information > ul > li:nth-child(2) {
    float: right;
    width: calc(100% - 200px);
    color: var(--color-Graydc);
}
.company-information > ul > li:nth-child(2) > span:nth-child(1) {
    margin-right: 25px;
}
.company-information > ul > li:nth-child(2) > span:nth-child(3) {
    margin: 0 10px;
}
.company-information > ul > li:nth-child(2) > p {
    padding-top: 3px;
    opacity: 0.8;
}

/*** 하단 ***/
/* 첫 화면 로그인 */
.loging-container {
    position: relative;
    width: 100%;
    height: calc(100vh - 135px);
    min-height: 663px;
    background: var(--color-Grayf9);
}
.login-group {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1100px;
    min-height: 663px;
    padding: 48px;
    transform: translate(-50%, -50%);
    background: var(--color-Grayf9) url('/img/svg/left_top_bg_icon.svg')
        no-repeat;
    background-size: auto 345px;
}
.login-group-zindex-image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 200px;
    height: 200px;
    background: url('/img/svg/right_bottom_bg_icon.svg') no-repeat;
    background-size: auto 100%;
}
.login-box {
    margin: 0 auto;
    padding: 100px 10%;
    width: 100%;
    background: var(--color-white);
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.login-box:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.login-box .inner-left {
    float: left;
    width: 35%;
}
.login-box .inner-right {
    float: right;
    width: 55%;
}
.login-box .inner-left .MONAIR-Logo {
    padding-top: 20px;
    text-align: center;
}
.login-box .inner-left .MONAIR-Logo img {
    max-height: 54px;
}

.login-box .inner-left .Menarini-On-Air {
    padding: 57px 0;
    text-align: center;
    line-height: 0px;
    font-size: 0px;
}
.login-box .inner-left .Menarini-On-Air span {
    display: inline-block;
    width: 67px;
    line-height: 0px;
    height: 1px;
    font-size: 0px;
}
.login-box .inner-left .Menarini-On-Air .co1 {
    border-top: 1px solid var(--color-black);
}
.login-box .inner-left .Menarini-On-Air .co2 {
    margin-top: 2px;
    border-top: 1px solid var(--color-Red);
}
.login-box .inner-text {
}
.login-box .inner-text ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.login-box .inner-text li {
    width: 100%;
    text-align: center;
    color: var(--color-black);
}
.login-box .inner-text li > img {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 36px;
}

.login-box .inner-right .inner-inp {
}
.login-box .inner-right .inner-inp .inp-text {
    padding-bottom: 10px;
}
.login-box .inner-right .inner-inp:nth-child(2) {
    margin-top: 10px;
}
.login-box .inner-right .inner-Save-login {
    padding: 10px 0 25px 0;
}
.login-box .inner-right .inner-Save-login ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.login-box .inner-right .inner-Save-login > ul > li {
    height: 28px;
    line-height: 28px;
}
.login-box .inner-right .inner-Save-login > ul > li:nth-child(1) {
    float: left;
}
.login-box .inner-right .inner-Save-login > ul > li:nth-child(2) {
    float: right;
    cursor: pointer;
    text-align: right;
}
.login-box .inner-right .inner-join {
    padding-top: 20px;
    text-align: center;
}
.login-box .inner-right .inner-join a {
    display: inline-block;
    margin-left: 22px;
    color: var(--color-Red);
}
/* //첫 화면 로그인 */
/* 회원가입 step */
.agree-container {
    position: relative;
}
.agree-title {
    position: relative;
    height: 154px;
}
.agree-title > span {
    position: absolute;
    left: 0;
    bottom: 12px;
}
.agree-stepMap {
    padding: 40px 0;
}
.agree-stepMap > ul {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--color-Graydc);
}
.agree-stepMap ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.agree-stepMap > ul > li {
    float: left;
    width: calc(100% / 3);
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: var(--color-Gray81);
}
.agree-stepMap > ul > li:nth-child(2) {
    border-left: 1px solid var(--color-Graydc);
    border-right: 1px solid var(--color-Graydc);
}
.agree-stepMap > ul > li > span {
    display: none;
}
.agree-stepMap li.on {
    background: var(--color-Red);
    color: var(--color-white);
    font-weight: 500;
}
.agree-stepMap li.on span {
    display: inline-block;
    margin-right: 10px;
}
.agree-stepMap li.on span img {
    position: relative;
    top: -3px;
    width: 19px;
}
.agree-text-container {
    margin-bottom: 70px;
    padding: 50px 25px;
    text-align: center;
    line-height: 180%;
    background: var(--color-Grayf9);
    border-radius: 8px;
    letter-spacing: -0.025em;
}
.agree-text-container span {
    color: var(--color-Red);
}
.agree-terms_check_all {
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
    line-height: 48px;
    border-bottom: 2px solid var(--color-black);
}
.agree-terms_check_all:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.agree-terms_check_all .inner-text {
    float: left;
}
.agree-terms_check_all .terms_check_all {
    position: relative;
    margin-top: -4px;
    float: right;
}
.terms_01 {
    margin: 15px 0;
    padding: 35px 25px 35px 35px;
    border: 1px solid var(--color-Graybc);
    border-radius: 8px;
}
.terms_01 ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.terms_01 .inner-left {
    float: left;
}
.terms_01 .inner-left span > img {
    position: relative;
    margin-top: -2px;
    margin-right: 15px;
    width: 11px;
}
.terms_01 .inner-left a {
    margin-left: 25px;
    color: var(--color-Gray81);
    font-size: 0.95em;
}
.terms_01 .inner-left a > img {
    position: relative;
    margin-top: -2px;
    margin-left: 10px;
    width: 17px;
}
.terms_01 .inner-right {
    float: right;
}
.terms_01 .inner-right .w_sp {
    display: inline-block;
    margin: 0 15px;
}

.terms_01 .inner-right input[type='radio'] + label span {
    position: relative;
    top: -2px;
}
.join-membership-title {
    padding-bottom: 25px;
    letter-spacing: -0.05em;
}
.join-membership-container {
    padding: 40px 0 50px 0;
    border-top: 2px solid var(--color-black);
    border-bottom: 2px solid var(--color-black);
}
.join-membership-container ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.join-membership-container .join-input-box {
}
#join_view_01 {
    width: 100%;
}
.join-input-box {
    margin: 20px auto;
    width: 100%;
    max-width: 700px;
}
.join-input-box:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.join-input-box .inner-box {
    min-height: 40px;
    line-height: 40px;
}
span.w_sp {
    display: inline-block;
    margin: 0 15px;
}
.join-input-box .inner-text {
    float: left;
    min-height: 50px;
    line-height: 50px;
}
.join-input-box .inner-box,
.join-input-box .inner-input {
    float: right;
    width: 70%;
    max-width: 450px;
    min-height: 50px;
    line-height: 48px;
}
.join-line {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-Graydc);
}
.id-Real-time-check {
    padding: 8px 0 0 3px;
    color: var(--color-Red);
}
.id-Real-time-check img {
    position: relative;
    margin-top: -2px;
    margin-right: 8px;
    height: 18px;
}
.nmHp-Real-time-check {
    padding: 8px 0 0 3px;
    color: var(--color-Red);
}
.nmHp-Real-time-check img {
    position: relative;
    margin-top: -2px;
    margin-right: 8px;
    height: 18px;
}
.div-inp-email {
    position: relative;
}
.div-inp-email .menariniapac-com {
    position: absolute;
    z-index: 33;
    top: 2px;
    left: 38%;
    font-size: 0.95em;
    color: var(--color-Red);
    letter-spacing: -0.075em;
}
.div-inp-email .inp-email {
    /*
    padding-right: 36%;
*/
}
.agree-end-container {
    margin-bottom: 70px;
    padding: 100px 25px;
    text-align: center;
    line-height: 180%;
    background: var(--color-Grayf9);
    border-radius: 8px;
    letter-spacing: -0.025em;
}
.agree-end-container .icon_logo {
}
.agree-end-container .icon_logo img {
    position: relative;
    margin-top: -2px;
    margin-right: 15px;
    height: 50px;
}
@media (max-width: 580px) {
    .join-input-box .inner-text {
    }
    .join-input-box .inner-box,
    .join-input-box .inner-input {
        float: none;
        clear: both;
        width: 100%;
        max-width: 100%;
    }
}
/********************************  My page *****/
.Mypage-stepMap {
    padding: 0 0;
}
.Mypage-stepMap > ul {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--color-Graydc);
    background: var(--color-black);
}
.Mypage-stepMap ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.Mypage-stepMap > ul > li {
    float: left;
    width: calc(100% / 3);
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: var(--color-white);
}
.Mypage-stepMap > ul > li:nth-child(2) {
    border-left: 1px solid var(--color-Graydc);
    border-right: 1px solid var(--color-Graydc);
}

.Mypage-stepMap li.on {
    background: var(--color-Gray28);
    color: var(--color-white);
    font-weight: 500;
}
.Mypage-stepMap li img {
    position: relative;
    margin-right: 15px;
    top: -3px;
    height: 22px;
}
.Mypage-stepMap .point_t {
    margin-left: 15px;
    display: inline;
    padding: 3px 15px 2px 15px;
    background: var(--color-Red);
    border-radius: 25px;
    font-weight: 500;
    font-size: 0.95em;
}
.Mypage-stepMap .point_t2 {
    margin-left: 22px;
    display: inline;
    font-weight: 500;
    font-size: 0.95em;
}
.Mypage-stepMap ul > li:nth-child(3) img {
    top: -1px;
    height: 25px;
}
/********************************  main Slide css *****/
.motion-container {
}
.OnAirMotion {
    position: relative;
    padding-bottom: 45px;
}
.swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    /*
		text-align: center;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		*/
}
.swiper-slide {
    position: relative;
}
.swiper-slide img.bg {
    max-height: 308px !important;

    min-height: 300px !important;
}
.swiper-slide span.title {
    position: absolute;
    top: 35px;
    left: 15%;
    font-weight: 600;
    font-size: 19px;
    color: #df1f1b;
}
.swiper-slide span.subTitle {
    position: absolute;
    top: 57px;
    left: 15%;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.swiper-slide span.dday {
    font-size: 40px;
    position: absolute;
    top: 122px;
    left: 15%;
    color: #df1f1b;
    font-weight: bold;
}
.swiper-slide span.dday span {
    color: #fff;
    letter-spacing: 7px;
}
.swiper-slide span.text {
    position: absolute;
    top: 180px;
    left: 15%;
    color: #fff;
}
.swiper-slide span.btn {
    position: absolute;
    top: 239px;
    display: inline-block;
    left: 15%;
}
.swiper-slide span.btn a {
    display: inline-block;
    background-color: #df1f1b;
    color: #fff;
    padding: 9px 26px;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.onAir-swiper-container .swiper-pagination span.swiper-pagination-bullet,
.motion-container .swiper-pagination span.swiper-pagination-bullet {
    margin: 0 5px;
    width: 17px;
    height: 15px;
    border: none;
    background-image: url('/img/svg/point_icon_BB.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: none;
    background-size: 15px auto;
}
.onAir-swiper-container .swiper-pagination span.swiper-pagination-bullet-active,
.motion-container .swiper-pagination span.swiper-pagination-bullet-active {
    background-image: url('/img/svg/point_icon_BR.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: none;
    background-size: 15px auto;
}
/********************************  main Slide css [ END ] *****/
.main-container {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 60px 0 0 0;
}
.main-Monair-container {
}
.onAir-swiper-container {
}
.main-Monair-container h1 {
    position: relative;
}
.main-Monair-container > .desc {
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 40px;
}
.main-Monair-container h1 > img {
    margin-right: 10px;
    height: 30px;
}
.main-Monair-container h1 > span {
    position: absolute;
    bottom: -3px;
}
.monair-contents {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 80px;
}
.monair-contents > div.onAir-swiper-container {
    width: calc((100% - 60px) / 3);
}
.monair-box {
    position: relative;
    padding-top: 56px;
    width: 100%;
}
.monair-box .inner-top {
    position: absolute;
    top: 0;
    margin: 0 13px;
    padding: 0 20px;
    width: calc(100% - 26px);
    min-height: 56px;
    line-height: 56px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.monair-box .inner-top:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.monair-box .inner-top .inner-title {
    float: left;
    color: var(--color-white);
    letter-spacing: -0.05em;
    font-size: 1.05em;
}
.monair-box .inner-top .inner-sort {
    float: right;
}
.monair-box .inner-top .inner-sort span {
    border-radius: 20px;
    font-size: 0.95em;
}
.monair-box .inner-top .inner-sort .sort-1 {
    padding: 2px 15px;
    border: 1px solid var(--color-white);
    color: var(--color-white);
}
.monair-box .inner-top .inner-sort .sort-2 {
    padding: 3px 15px;
    background: var(--color-white);
}
.sort-1 .monair-box .live_st1 .sort-2 {
    color: var(--color-SkyBlue);
}
.sort-2 .monair-box .live_st1 .sort-2 {
    color: var(--color-DarkRed);
}
.sort-3 .monair-box .live_st1 .sort-2 {
    color: var(--color-Purple);
}
.sort-4 .monair-box .live_st1 .sort-2 {
    color: var(--color-Orange);
}
.sort-1 .monair-box .live_st1 {
    background: var(--color-SkyBlue);
}
.sort-2 .monair-box .live_st1 {
    background: var(--color-DarkRed);
}
.sort-3 .monair-box .live_st1 {
    background: var(--color-Purple);
}
.sort-4 .monair-box .live_st1 {
    background: var(--color-Orange);
}
.monair-box .inner-cont {
    position: relative;
    padding: 30px;
    min-height: 276px;
    border-radius: 15px;
    border: 1px solid var(--color-Graydc);
}
.monair-box .inner-cont ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.monair-box .inner-cont ul {
    display: flex;
    flex-direction: column;
}
.monair-box .inner-cont .inner-left {
    float: left;
    width: 100%;
}
.monair-box .inner-cont .inner-left .inner-title {
    margin-bottom: 15px;
}
.monair-box .inner-cont .inner-left .inner-title .st1 {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 15px;
    border-radius: 20px;
    color: var(--color-white);
}
.monair-box .inner-cont .inner-left .inner-title span {
    min-width: 77px;
    text-align: center;
}
.monair-box .inner-cont .inner-left .inner-title .st2 {
}
.monair-box .inner-cont .inner-left .inner-title .st2 .titme {
    color: var(--color-Red);
}
.monair-box .inner-cont .inner-left .inner-title .st_OnAir {
    background: var(--color-Red) !important;
}
.sort-1 .monair-box .inner-cont .inner-left .inner-title .st_st1 {
    background: var(--color-SkyBlue);
}
.sort-1 .monair-box .inner-cont .inner-right .inner-title span.st1 {
    background: var(--color-SkyBlue) !important;
    color: white !important;
}
.sort-2 .monair-box .inner-cont .inner-left .inner-title .st_st1 {
    background: var(--color-DarkRed);
}
.sort-2 .monair-box .inner-cont .inner-right .inner-title span.st1 {
    background: var(--color-DarkRed) !important;
    color: white !important;
}
.sort-3 .monair-box .inner-cont .inner-left .inner-title .st_st1 {
    background: var(--color-Purple);
}
.sort-3 .monair-box .inner-cont .inner-right .inner-title span.st1 {
    background: var(--color-Purple) !important;
    color: white !important;
}
.sort-4 .monair-box .inner-cont .inner-left .inner-title .st_st1 {
    background: var(--color-Orange);
}
.monair-box .inner-cont .inner-left .inner-image {
    position: relative;
    overflow: hidden;
    height: calc(100% - 46px);
    border-radius: 10px;
    background: #fff;
}
.monair-box .inner-cont .inner-left .inner-image .st_OnAir {
    position: absolute;
    display: inline-block;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--color-white) url('/img/svg/point_icon_RR.svg') no-repeat
        50% 50%;
    background-size: 30% auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.monair-box .inner-cont .inner-left .inner-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
}
.monair-box .inner-cont .inner-right {
    float: right;
    width: 100%;
}
.monair-box .inner-cont .inner-right .inner-title {
    margin-bottom: 20px;
    letter-spacing: -0.025em;
}
.monair-contents .inner-title .inner-sort {
}
.monair-contents .sort-1 .inner-title .inner-sort .sort-n {
    color: var(--color-SkyBlue);
    border: 1px solid var(--color-SkyBlue);
}
.monair-contents .sort-2 .inner-title .inner-sort .sort-n {
    color: var(--color-DarkRed);
    border: 1px solid var(--color-DarkRed);
}
.monair-contents .sort-3 .inner-title .inner-sort .sort-n {
    color: var(--color-Purple);
    border: 1px solid var(--color-Purple);
}
.monair-contents .sort-4 .inner-title .inner-sort .sort-n {
    color: var(--color-Orange);
    border: 1px solid var(--color-Orange);
}
.monair-contents .inner-title .inner-sort .sort-n {
    display: inline-block;
    margin-right: 5px;
    padding: 3px 15px 3px 15px;
    border-radius: 20px;
}
.monair-box .inner-cont .inner-right .inner-title .title span {
    margin-left: 10px;
    font-weight: 500;
}
.monair-box .inner-cont .inner-right .inner-title .st1 {
    display: inline-block;
    padding: 3px 15px;
    border-radius: 20px;
    font-size: 0.95em;
}
.sort-1 .monair-box .inner-cont .inner-right .inner-title span.st1 {
    border: 1px solid var(--color-SkyBlue);
    color: var(--color-SkyBlue);
}
.sort-2 .monair-box .inner-cont .inner-right .inner-title span.st1 {
    border: 1px solid var(--color-DarkRed);
    color: var(--color-DarkRed);
}
.sort-3 .monair-box .inner-cont .inner-right .inner-title span.st1 {
    border: 1px solid var(--color-Purple);
    color: var(--color-Purple);
}
.sort-4 .monair-box .inner-cont .inner-right .inner-title span.st1 {
    border: 1px solid var(--color-Orange);
    color: var(--color-Orange);
}
.monair-box .inner-cont .inner-right .inner-text-box {
    position: relative;
    min-height: 100%;
}
.monair-box .inner-cont .inner-right .inner-text-box .title {
    letter-spacing: -0.05em;
    line-height: 135%;
    height: 82px;
    overflow: hidden;
}
.monair-box .inner-cont .inner-right .inner-text-box .title_lectureHospital {
    padding: 0 0 5px 0;
    color: #777777;
    min-height: 57px;
    letter-spacing: -0.05em;
}
.monair-box
    .inner-cont
    .inner-right
    .inner-text-box
    .title_lectureHospital
    > span {
    color: #000;
}
.monair-box .inner-cont .inner-right .inner-text-box .date {
    padding: 0 0 15px 0;
    color: var(--color-Gray81);
}
.monair-box .inner-cont .inner-right .inner-text-box .OnAir-btn-box {
}
.monair-box .inner-cont .inner-right .inner-text-box .OnAir-btn-box button {
    background: none;
    border: none;
    border-radius: 5px;
}
.monair-box
    .inner-cont
    .inner-right
    .inner-text-box
    .OnAir-btn-box
    .See-details {
    width: 40%;
    height: 40px;
    border: 1px solid var(--color-Graybc);
    color: var(--color-black);
}
.monair-box .inner-cont .inner-right .inner-text-box .OnAir-btn-box .get-end {
    width: 58%;
    height: 40px;
    color: var(--color-white);
    background: var(--color-GrayA);
    border: var(--color-GrayA);
    float: right;
}
.monair-box
    .inner-cont
    .inner-right
    .inner-text-box
    .OnAir-btn-box
    .get-involved {
    float: right;
    width: 58%;
    height: 40px;
    border: 1px solid var(--color-Red);
    color: var(--color-white);
    background: var(--color-Red);
}
.monair-box
    .inner-cont
    .inner-right
    .inner-text-box
    .OnAir-btn-box
    .pre-registration {
    float: right;
    width: 58%;
    height: 40px;
    border: 1px solid var(--color-black);
    color: var(--color-white);
    background: var(--color-black);
}
.OnAirLive {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 20px;
    width: 100%;
}
.inner-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 1000px) {
    .monair-contents > div.onAir-swiper-container {
        width: calc((100% - 30px) / 2);
    }
}

@media (max-width: 768px) {
    .monair-contents > div.onAir-swiper-container {
        width: 100%;
    }
}

@media (max-width: 580px) {
    .monair-box .inner-cont .inner-left {
        float: none;
        width: 100%;
    }
    .monair-box .inner-cont .inner-right {
        padding-top: 50px;
        float: none;
        width: 100%;
    }
}
/************************  메인 최신 스케줄 ***********/
.Webinar-Schedule-container {
    padding-top: 60px;
    padding-bottom: 80px;
}
.Webinar-Schedule-container h1 {
    padding: 0 0 25px 0;
}
.Webinar-Schedule-box {
    position: relative;
    display: inline-block;
    width: 100%;
}
.Webinar-Schedule-box ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.Webinar-Schedule-box > ul > li {
    float: left;
    width: calc(50% - 20px);
}
.Webinar-Schedule-box > ul > li:nth-child(2n - 2) {
    float: right;
    width: calc(50% - 20px);
}
.Webinar-Schedule-contents {
    padding: 25px 0;
    width: 100%;
    cursor: pointer;
    border-radius: 8px;
}
.Webinar-Schedule-contents ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.Webinar-Schedule-contents .inner-day {
    position: relative;
    float: left;
    width: 94px;
}
.Webinar-Schedule-contents .inner-day .inner-day-pos {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.Webinar-Schedule-contents .inner-day .inner-day-pos .st1 {
}
.Webinar-Schedule-contents .inner-day .inner-day-pos .st2 {
}
.Webinar-Schedule-contents .inner-image {
    position: relative;
    float: left;
    width: calc(45% - 94px);
    overflow: hidden;
    border-radius: 8px;
}
.Webinar-Schedule-contents .inner-image img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    text-align: center;
    border-radius: 8px;
}
.Webinar-Schedule-contents .inner-date {
    float: left;
    padding: 0 30px;
    width: 55%;
}
.Webinar-Schedule-contents .inner-date .st1 {
    letter-spacing: -0.05em;
}
.Webinar-Schedule-contents .inner-date .st1 span {
    margin-right: 10px;
}
.sort-1 .Webinar-Schedule-contents .inner-date .st1 span {
    color: var(--color-SkyBlue);
}
.sort-2 .Webinar-Schedule-contents .inner-date .st1 span {
    color: var(--color-DarkRed);
}
.sort-3 .Webinar-Schedule-contents .inner-date .st1 span {
    color: var(--color-Purple);
}
.sort-4 .Webinar-Schedule-contents .inner-date .st1 span {
    color: var(--color-Orange);
}
.Webinar-Schedule-contents .inner-date .st2 {
    min-height: 67px;
    letter-spacing: -0.025em;
}
.Webinar-Schedule-contents .inner-date .st3 {
    position: relative;
}
.Webinar-Schedule-contents .inner-date .st3 p {
    display: inline-block;
    padding: 5px 0;
    color: var(--color-Gray81);
}
.Webinar-Schedule-contents .inner-date .st3 .link {
    float: right;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid var(--color-Red);
    color: var(--color-Red);
    border-radius: 5px;
}
.Webinar-Schedule-contents:hover {
    background: var(--color-Grayf9);
}
.Webinar-Schedule-contents:hover .inner-date .st3 .link {
    background: var(--color-Red);
    color: var(--color-white);
}
@media (max-width: 1000px) {
    .Webinar-Schedule-box > ul > li {
        float: none;
        display: inline-block;
        clear: both;
        width: calc(100% - 0px) !important;
    }
}
/***********************************   VOD 다시보기   */
.vod-container {
    padding: 80px 0;
    width: 100%;
    background-color: var(--color-DackBlue);
}
.vod-container h1,
.vod-container h1 a {
    color: var(--color-white);
}
.vod-gnb {
    padding: 50px 0 30px 0;
}
.vod-gnb a {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 6px;
    color: var(--color-white);
    border-bottom: 2px solid var(--color-DackBlue);
}
.vod-gnb a.on {
    border-bottom: 2px solid var(--color-Red);
}
.vod-gnb a:hover {
    color: var(--color-Red);
    border-bottom: 2px solid var(--color-white);
}
.vod-gnb a:last-child {
    margin-right: 0;
}
.vod-contents {
    position: relative;
    margin: 0 -7px;
}
.vod-contents > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.vod-contents > ul > li {
    position: relative;
    float: left;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 45px;
    width: calc(25% - 14px);
    cursor: pointer;
}
.vod-contents > ul > li:hover .inner-image {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 1);
}
.vod-contents > ul > li:hover .inner-image .st1 {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.vod-contents .inner-image {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 150px;
    border-radius: 8px;
    overflow: hidden;
}
.vod-contents .inner-image .st1 {
    position: absolute;
    display: inline-block;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: var(--color-white) url('/img/svg/point_icon_RR.svg') no-repeat
        57% 50%;
    background-size: 30% auto;
    border-radius: 50%;
}
.vod-contents .inner-image .st2 {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.vod-contents .inner-image .st2 img {
    width: 100%;
}
.vod-contents .inner-image .st3 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #ffffff;
}
.vod-contents .inner-image .st3 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vod-contents .inner-sort {
    position: relative;
    padding: 20px 0;
    color: var(--color-white);
    letter-spacing: -0.05em;
}
.vod-contents .inner-image .st-text {
    position: absolute;
    width: 80%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    color: var(--color-white);
    font-size: 1.2em;
    text-align: center;
}
.vod-contents .inner-sort .st1 {
    margin-right: 10px;
    font-size: 1.1em;
}
.sort-1 .inner-sort .st1 {
    color: var(--color-SkyBlue);
}
.sort-2 .inner-sort .st1 {
    color: var(--color-DarkRed);
}
.sort-3 .inner-sort .st1 {
    color: var(--color-Purple);
}
.sort-4 .inner-sort .st1 {
    color: var(--color-Orange);
}
.vod-contents .inner-title {
    position: relative;
    height: 66px;
    overflow: hidden;
    color: var(--color-white);
}
@media (max-width: 1000px) {
    .vod-contents > ul > li {
        width: calc(33% - 14px);
    }
}
@media (max-width: 800px) {
    .vod-contents > ul > li {
        width: calc(50% - 14px);
    }
}
@media (max-width: 555px) {
    .vod-contents > ul > li {
        width: calc(100% - 14px);
    }
}
/***********************************   mlearning main   */
.mlearning-container {
    padding: 80px 0;
    width: 100%;
    background-color: #F2675D;
}
.mlearning-container h1,
.mlearning-container h1 a {
    color: var(--color-white);
}
.mlearning-gnb {
    padding: 50px 0 30px 0;
}
.mlearning-gnb a {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 6px;
    color: var(--color-white);
    border-bottom: 2px solid transparent;
}
.mlearning-gnb a.on {
    color: black;
    border-bottom: 2px solid black;
}
.mlearning-gnb a:hover {
    color: black;
    border-bottom: 2px solid black;
}
.mlearning-gnb a:last-child {
    margin-right: 0;
}
.mlearning-contents {
    position: relative;
    margin: 0 -7px;
}
.mlearning-contents > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.mlearning-contents > ul > li {
    position: relative;
    float: left;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 45px;
    width: calc(33% - 14px);
    cursor: pointer;
}
.mlearning-contents > ul > li:hover .inner-image {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 1);
}
.mlearning-contents > ul > li:hover .inner-image .st1 {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.mlearning-contents .inner-image {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 150px;
    border-radius: 8px;
    overflow: hidden;
}
.mlearning-contents .inner-image .st1 {
    position: absolute;
    display: inline-block;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: var(--color-white) url('/img/svg/point_icon_RR.svg') no-repeat
        57% 50%;
    background-size: 30% auto;
    border-radius: 50%;
}
.mlearning-contents .inner-image .st2 {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.mlearning-contents .inner-image .st2 img {
    width: 100%;
}
.mlearning-contents .inner-image .st3 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #ffffff;
}
.mlearning-contents .inner-image .st3 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mlearning-contents .inner-sort {
    position: relative;
    padding: 20px 0;
    color: black;
    letter-spacing: -0.05em;
    font-weight: 700;
}
.mlearning-contents .inner-image .st-text {
    position: absolute;
    width: 80%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    color: var(--color-white);
    font-size: 1.2em;
    text-align: center;
}
.mlearning-contents .inner-sort .st1 {
    margin-right: 10px;
    font-size: 1.1em;
    font-weight: 700;
}
.sort-1 .inner-sort .st1 {
    color: var(--color-SkyBlue);
}
.sort-2 .inner-sort .st1 {
    color: var(--color-DarkRed);
}
.sort-3 .inner-sort .st1 {
    color: var(--color-Purple);
}
.sort-4 .inner-sort .st1 {
    color: var(--color-Orange);
}
.mlearning-contents .inner-title {
    position: relative;
    height: 66px;
    overflow: hidden;
    color: var(--color-white);
}
@media (max-width: 800px) {
    .mlearning-contents > ul > li {
        width: calc(50% - 14px);
    }
}
@media (max-width: 555px) {
    .mlearning-contents > ul > li {
        width: calc(100% - 14px);
    }
}
/***********************************   resources   */
.resource-container {
    padding: 80px 0;
    width: 100%;
    background-color: white;
}
.resource-container h1,
.resource-container h1 a {
    color: black;
}
.resource-contents {
    padding-top: 60px;
    margin: 0 -7px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.resource-contents-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    max-width: 620px;
}
.resource-contents-left-inner {
    display: flex;
    flex-direction: column;
    padding: clamp(20px, 2.0833vw, 40px) clamp(25px, 2.6042vw, 50px);
    border-radius: 10px;
}
.resource-contents-left-inner:nth-of-type(1) {
    background: url('/img/resource1.png') no-repeat center;
    background-size: cover;
}
.resource-contents-left-inner:nth-of-type(2) {
    background: url('/img/resource2.png') no-repeat center;
    background-size: cover;
}
.resource-title {
    font-size: 26px;
    font-weight: 700;
}
.resource-content {
    padding: 10px 0 20px;
    width: 50%;
}
.resource-detail {
    font-weight: 500;
    display: flex;
    gap: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    width: fit-content;
}
.resource-contents-right {
    display: flex;
    width: 100%;
    max-width: 620px;
}
.resource-contents-right img {
    width: 100%;
    height: auto;
}
@media (max-width: 1050px) {
    .resource-contents {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding-top: 30px;
        margin: 0;
    }
        .resource-contents-left {
        max-width: 100%;
    }
    .resource-contents-left-inner {
        background-size: cover;
    }
    .resource-content {
        width: 100%;
    }
    .resource-contents-right {
        max-width: unset;
    }
}
/***********************************   external   */
.external-container {
    padding: 80px 0;
    width: 100%;
    background-color: #E6E7E8;
}
.external-contents {
    margin: 0 -7px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.external-title-wrapper {
    display: flex;
    flex-direction: column;
}
.external-sm-title {
    font-size: 15px;
    font-weight: 700;
    color: #EF4135;
}
.external-title {
    font-size: 26px;
    font-weight: 700;
}

.external-content-inner {
    display: flex;
    flex-direction: column;
    padding: 15px 20px 35px 20px;
    width: 100%;
    max-width: 620px;
    flex-direction: column;
}

.external-content {
    padding: 10px 0 20px;
    font-size: 18px;
}
.external-detail {
    font-weight: 500;
    display: flex;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    width: 150px;
    height: 25px;
    align-self: flex-end;
}

.ani-box {
    position: absolute;
    width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 650px) {
    .external-contents {
        flex-direction: column;
    }
}

/************************************************************* sub css ***/
.head-container {
    position: relative;
    width: 100%;
    min-height: 226px;
}
.head-myWebinar {
    position: relative;
    width: 100%;
    min-height: 190px;
}
.head-image-calender {
    background: url('/img/Timetable_image.jpg') no-repeat 100% 50%;
    background-size: auto 100%;
}
.head-image-webinar {
    background: url('/img/webinar_image.jpg') no-repeat 100% 50%;
    background-size: auto 100%;
}
.head-image-Vod {
    background: url('/img/vod_image.jpg') no-repeat 100% 50%;
    background-size: auto 100%;
}
.head-image-board {
    background: url('/img/board_image.jpg') no-repeat 100% 50%;
    background-size: auto 100%;
}
.head-image-mlearning {
    background: url('/img/mlearning_image.png') no-repeat 100% 50%;
    background-size: auto 100%;
}
.head-image-mlibrary {
    background: url('/img/mlibrary_image.png') no-repeat 100% 50%;
    background-size: auto 100%;
}
@media (max-width: 960px) {
    .head-image-calender,
    .head-image-webinar,
    .head-image-Vod,
    .head-image-board {
        background-size: cover;
    }
}
.head-container h1 {
    position: absolute;
    width: auto;
    bottom: 60px;
}
.head-myWebinar h1 {
    position: absolute;
    width: auto;
    bottom: 50px;
}
.body-navbar {
    background: var(--color-Grayf9);
    border-top: 1px solid var(--color-black);
    border-bottom: 1px solid var(--color-Graydc);
}
.body-navbar .inner-navbar {
}
.body-navbar .inner-navbar ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.body-navbar .inner-navbar > ul > li {
    float: left;
    display: block;
    height: 50px;
    width: calc(50% - 64px);
    width: 194px;
    line-height: 48px;
    border-left: 1px solid var(--color-Graydc);
    text-indent: 18px;
    background: var(--color-white);
}
.body-navbar .inner-navbar > ul > li:nth-child(1) {
    width: 64px;
    text-indent: 0px;
    text-align: center;
    cursor: pointer;
}
.body-navbar .inner-navbar > ul > li:nth-child(1) img {
    position: relative;
    margin-top: -2px;
    height: 18px;
}
.body-navbar .inner-navbar > ul > li:last-child {
    color: var(--color-white);
    background: var(--color-black);
}
.body-navbar .inner-navbar > ul > li.long {
    color: var(--color-white);
    background: var(--color-black);
    width:265px;
}
.page_gnb {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
}
.page_gnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.page_gnb .inner-page-gnb {
    float: left;
    line-height: 33px;
}
.page_gnb .inner-page-gnb a {
    display: inline-block;
    margin-right: 20px;
    letter-spacing: -0.025em;
    border-bottom: 2px solid var(--color-white);
}
.page_gnb .inner-page-gnb a.on {
    color: var(--color-Red);
    font-weight: 600;
    border-bottom: 2px solid var(--color-Red);
}
.page_gnb .inner-page-gnb a:hover {
    color: var(--color-Red);
    border-bottom: 2px solid var(--color-white);
}
.page_gnb .inner-page-right {
    position: absolute;
    right: 20px;
}
.page_gnb .inner-page-right a {
    display: inline-block;
    padding: 5px 15px;
    color: var(--color-Red);
    border: 1px solid var(--color-Red);
    border-radius: 5px;
    letter-spacing: -0.05em;
}
.page_gnb .inner-page-right a img {
    margin-right: 8px;
    margin-left: -3px;
    margin-top: -2px;
    height: 16px;
}
.page_gnb .inner-page-right .search {
    margin-right: -4px;
    height: 35px;
    line-height: 35px;
    border: none;
    border-bottom: 2px solid var(--color-black);
}
.page_gnb .inner-page-right .search_btn {
    border-bottom: 2px solid var(--color-black);
}
.page_gnb .inner-page-center {
    margin: 0 auto;
    width: 80%;
    max-width: 400px;
}
.page_gnb .inner-page-center .search {
    margin-right: -4px;
    width: calc(100% - 35px);
    height: 35px;
    line-height: 35px;
    border: none;
    border-bottom: 2px solid var(--color-black);
}
.page_gnb .inner-page-center .search_btn {
    border-bottom: 2px solid var(--color-black);
}

.page_second {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
    width: 100%;
}
.mypage_gnb {
    position: relative;
    padding-top: 38px;
    padding-bottom: 25px;
    width: 100%;
}
.mypage_gnb a {
    display: inline-block;
    margin-right: 20px;
    padding: 10px 5px 8px 5px;
    border-bottom: 2px solid var(--color-white);
    letter-spacing: -0.025em;
    font-weight: 400;
}
.mypage_gnb a.on {
    color: var(--color-Red);
    border-bottom: 2px solid var(--color-Red);
    font-weight: 500;
}
/***************************** sub container  **/
.body-container {
    padding-bottom: 80px;
}
/***************************** sub onair_calender  **/
.body-container-calender {
    position: relative;
    width: 100%;
}
.body-container-calender:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.calender-left-list {
    float: left;
    width: calc(100% - 420px);
    max-width: 798px;
}
.calender-right {
    float: right;
    width: 394px;
}
.calender-right img {
    width: 100%;
    max-width: 394px;
}
.calender-schedule-box {
    position: relative;
    margin-bottom: 25px;
}
.calender-schedule-box:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.calender-schedule-box > ul {
    position: relative;
    padding: 20px 15px;
    width: 100%;
    border: 1px solid var(--color-Graydc);
    border-radius: 8px;
}
.calender-schedule-box ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.calender-schedule-box li:nth-child(1) {
    position: relative;
    float: left;
    padding-left: 8px;
    width: 160px;
    min-height: 94px;
}
.calender-schedule-box li:nth-child(1) .da1 {
    position: relative;
    margin-top: -3px;
}
.calender-schedule-box li:nth-child(1) .da1 .inner-da1 {
    display: block;
    padding: 0 0 0 0;
    width: 100%;
    font-size: 0.45em;
    line-height: 100%;
}
.calender-schedule-box li:nth-child(1) .da2 {
    position: absolute;
    bottom: 0;
}
.calender-schedule-box li:nth-child(1) .da3 {
    display: inline-block;
    margin-top: 25px;
}
.calender-schedule-box li:nth-child(2) {
    float: left;
    padding-right: 100px;
    width: calc(100% - 160px);
}
.calender-schedule-box li:nth-child(2) .tx1 {
    letter-spacing: -0.05em;
}
.calender-schedule-box li:nth-child(2) .tx1 span {
    margin-left: 13px;
    padding: 3px 15px 2px 15px;
    color: var(--color-white);
    font-weight: 400;
    font-size: 0.9em;
    border-radius: 20px;
    letter-spacing: -0.025em;
    word-break: keep-all;
}
.sort-1 .inner_sort .tx1 {
    color: var(--color-SkyBlue);
}
.sort-1 .inner_sort .tx1 span {
    background: var(--color-SkyBlue);
}
.sort-2 .inner_sort .tx1 {
    color: var(--color-DarkRed);
}
.sort-2 .inner_sort .tx1 span {
    background: var(--color-DarkRed);
}
.sort-3 .inner_sort .tx1 {
    color: var(--color-Purple);
}
.sort-3 .inner_sort .tx1 span {
    background: var(--color-Purple);
}
.sort-4 .inner_sort .tx1 {
    color: var(--color-Orange);
}
.sort-4 .inner_sort .tx1 span {
    background: var(--color-Orange);
}
.calender-schedule-box li:nth-child(2) .tx2 {
    display: inline-block;
    width: 95%;
    margin: 12px 0 12px 0;
    letter-spacing: -0.05em;
    line-height: 130%;
    min-height: 48px;
    overflow: hidden;
}
.calender-schedule-box li:nth-child(2) .tx3 {
    font-size: 0.9em;
    color: var(--color-Gray77);
    letter-spacing: -0.025em;
}
.calender-schedule-box li:nth-child(2) .tx3 span {
    font-weight: 500px !important;
    margin-left: 10px;
    color: #000;
}
.calender-schedule-box li:nth-child(3) {
    position: absolute;
    right: 0;
    padding: 0 15px;
    width: 130px;
    background: var(--color-white);
}
.calender-schedule-box li:nth-child(3) a:nth-child(1) {
    margin-bottom: 10px;
}
.calender-schedule-box .inner_sort .tx4 {
    display: inline-block;
    padding-top: 20px;
    width: 100%;
}
.calender-schedule-box .inner_sort .tx4 > a,
.calender-schedule-box .inner_sort .tx4 > button.btn_R,
.calender-schedule-box .inner_sort .tx4 > span {
    max-width: 100px;
}
.calender-schedule-box .inner_sort .tx4 > button.btn_R {
    position: relative;
    top: -2px;
}
.calender-schedule-box .inner_sort .tx4 > a:nth-child(1) {
    margin-right: 10px;
}
.calender-schedule-box .ul-onair_Webinar {
    float: left;
    width: calc(100% - 335px);
}
.calender-schedule-box .onair_Webinar-list-image {
    position: relative;
    float: right;
    width: 100%;
    max-width: 314px;
}
.calender-schedule-box .onair_Webinar-list-image .Webinar-list_01 {
    position: absolute;
    right: 15px;
    bottom: -20px;
    display: inline-block;
    width: 50px;
    height: 50px;
    z-index: 2;
    border-radius: 50%;
    background: var(--color-white) url('/img/svg/point_icon_RR.svg') no-repeat
        55% 50%;
    background-size: 30% auto;
    /**
    일단 감추기
    */
    display: none;
}
.calender-schedule-box .onair_Webinar-list-image .Webinar-list_02 {
    position: relative;
    height: calc(100% + 40px);
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--color-Graydc);
}
.calender-schedule-box .onair_Webinar-list-image .Webinar-list_02 img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: cover;
    height: 105%;
}
.right-calender-view {
}
.right-calender-view .inner-view1 {
    letter-spacing: -0.05em;
}
.right-calender-view .inner-view1 span {
    position: relative;
    display: inline-block;
    margin-top: -2px;
    margin-left: 10px;
    padding: 2px 13px 1px 13px;
    font-weight: 400;
    border-radius: 15px;
    font-size: 0.9em;
}
.right-calender-view .inner-view2 {
    padding: 12px 0 20px 0;
    line-height: 135%;
    letter-spacing: -0.025em;
}
.right-calender-view .inner-view3 {
}
.right-calender-view .inner-view3 > img {
    margin-bottom: 20px;
    width: 100%;
    border-radius: 8px;
}
.right-calender-view .inner-view3 > button {
    width: 100% !important;
    max-width: 100% !important;
}
.sort-1 .inner-view1 {
    color: var(--color-SkyBlue);
}
.sort-1 .inner-view1 span {
    background: var(--color-SkyBlue);
    color: var(--color-white);
}
.sort-2 .inner-view1 {
    color: var(--color-DarkRed);
}
.sort-2 .inner-view1 span {
    background: var(--color-DarkRed);
    color: var(--color-white);
}
.sort-3 .inner-view1 {
    color: var(--color-Purple);
}
.sort-3 .inner-view1 span {
    background: var(--color-Purple);
    color: var(--color-white);
}
.sort-4 .inner-view1 {
    color: var(--color-Orange);
}
.sort-4 .inner-view1 span {
    background: var(--color-Orange);
    color: var(--color-white);
}
.calender-view-box {
    padding: 50px 35px;
    border: 1px solid var(--color-Graydc);
    border-top: 3px solid var(--color-DackBlue);
}
.calender-view-box .inner-view-title {
    font-size: 30px;
    letter-spacing: -0.025em;
}
.calender-view-box .inner-explanation {
    padding: 30px 0;
    border-bottom: 1px solid var(--color-Graydc);
}
.calender-view-box .inner-explanation ul {
}
.calender-view-box .inner-explanation ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.calender-view-box .inner-explanation ul > li {
    float: left;
    padding-left: 12px;
    padding-right: 35px;
    border-left: 2px solid var(--color-Red);
    font-size: 0.95em;
}
.calender-view-box .inner-explanation ul > li > span {
    padding-right: 15px;
    display: inline-block;
    font-weight: 600;
    font-size: 1.075em;
}

.calender-view-box .inner-speaker-title {
    padding: 35px 0 20px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-Green);
}
.calender-view-box .inner-speaker-history {
}
.calender-view-box .inner-speaker-history > p {
    padding: 2px 0;
}
.calender-view-box .inner-speaker-history > p > span {
    margin-right: 8px;
    font-weight: 600;
}
.calender-view-box .inner-speaker-history .tx1 {
}
.calender-view-box .inner-speaker-history .tx2 {
    padding: 8px 0 20px 0;
    line-height: 150%;
}
.calender-view-box .inner-speaker-history .tx2 .tx2b {
    font-weight: 500;
}
.calender-view-box .inner-speaker-history .tx_div {
    padding: 0 0 25px 0;
}
.calender-view-box .inner-speaker-history .tx_div .to1 {
    padding: 0 0 5px 0;
    color: #f15f2b;
    font-weight: 700;
    font-size: 1.1em;
}
.calender-view-box .inner-speaker-history .tx_div .to2 {
    padding: 0 0 5px 0;
    line-height: 150%;
    color: #555;
}
.calender-view-box .inner-speaker-history .tx_div .to2 > span {
    font-weight: 500;
    color: #000;
    margin-right: 8px;
}
.calender-view-box .inner-view-text {
}
.calender-view-box .inner-view-text .inner-view-text {
    text-align: justify;
    line-height: 160%;
}
.calender-view-box .inner-view-text .inner-view-text img {
    width: 100%;
}
.board-bottom-btn {
    padding: 35px 0 35px 0;
    text-align: center;
}
.board-bottom-btn .line-btn {
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
    max-width: 135px;
    border-bottom: 2px solid var(--color-black);
    text-align: left;
}
.board-bottom-btn .line-btn img {
    position: relative;
    margin-top: 4px;
    float: right;
    height: 13px;
}
/******************************************  게시판  ******/
.body-container-board {
}
.body-container-Mypage-change {
    position: relative;
    width: 100%;
    border: 1px solid var(--color-Graydc);
}
.gallery_list {
    margin: 0 -10px;
}
.gallery_list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.gallery_list > li {
    position: relative;
    top: 0;
    float: left;
    margin: 0 10px 30px 10px;
    width: calc(25% - 20px);
    padding: 15px 15px 20px 15px;
    border: 1px solid var(--color-Graydc);
    border-radius: 8px;
    background: var(--color-white);
}
.gallery_list > li:hover {
    top: -15px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1100px) {
    .gallery_list > li {
        width: calc(33.3333% - 20px);
    }
}
@media (max-width: 836px) {
    .gallery_list > li {
        width: calc(50% - 20px);
    }
}
@media (max-width: 600px) {
    .gallery_list > li {
        width: calc(100% - 20px);
    }
}
.gallery_list .board-image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 165px;
}
.gallery_list .board-image .st1 {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--color-white) url('/img/svg/point_icon_RR.svg') no-repeat
        57% 50%;
    background-size: auto 45%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}
.gallery_list .board-image .st2 {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    background: #ffffff;
}
.gallery_list .board-image .st2 img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.gallery_list .board-sort {
    padding-top: 15px;
    letter-spacing: -0.05em;
}
.gallery_list .board-sort span {
    margin-left: 12px;
    font-weight: 400;
    font-size: 0.95em;
    color: var(--color-Gray55);
}
.sort-1 .board-sort {
    color: var(--color-SkyBlue);
}
.sort-2 .board-sort {
    color: var(--color-Red);
}
.sort-3 .board-sort {
    color: var(--color-Purple);
}
.sort-4 .board-sort {
    color: var(--color-Orange);
}

.sort-1 .board-sort span {
    padding: 0 8px;
    border-radius: 15px;
    color: #fff;
    background: var(--color-SkyBlue);
}
.sort-2 .board-sort span {
    padding: 0 8px;
    border-radius: 15px;
    color: #fff;
    background: var(--color-Red);
}
.sort-3 .board-sort span {
    padding: 0 8px;
    border-radius: 15px;
    color: #fff;
    background: var(--color-Purple);
}
.sort-4 .board-sort span {
    padding: 0 8px;
    border-radius: 15px;
    color: #fff;
    background: var(--color-Orange);
}

.gallery_list .board-gallery-list-title {
    margin: 13px 0 16px 0;
    height: 60px;
    overflow: hidden;
    letter-spacing: -0.05em;
    line-height: 150%;
}
.gallery_list .board-gallery-name {
    padding: 0 0 7px 0;
    color: var(--color-Gray55);
}
.gallery_list .board-gallery-date {
    color: var(--color-Gray81);
}
.gallery_list .board-gallery-date span {
    font-size: 0.95em;
    letter-spacing: -0.05em;
    color: var(--color-Graybc);
}
/******** 리스트 형 게시판 스킨 ************/
.board_list {
}
.board_list table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0 0;
    border-top: 1px solid var(--color-DackBlue);
    border-bottom: 2px solid var(--color-Gray77);
}
.board_list table thead {
    background: var(--color-Grayf9);
}
.board_list table thead tr th {
    height: 60px;
    border-bottom: 1px solid var(--color-Graydc);
}
.board_list table thead tr th:first-child,
.board_list table thead tr th:last-child,
.board_list table tbody tr td:first-child,
.board_list table tbody tr td:last-child {
    width: 100px;
    text-align: center;
}
.board_list table tbody tr td:first-child,
.board_list table tbody tr td:last-child {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 500;
}
.board_list table tbody {
}
.board_list table tbody tr td {
    height: 80px;
    border-bottom: 1px solid var(--color-Graydc);
    cursor: pointer;
}
.board_list table tbody tr th {
}
.board_list tr.notice {
    background: var(--color-DackBlue);
}
.board_list tr.notice td,
.board_list tr.notice th {
    color: var(--color-white);
}
.board_list table tbody tr:hover {
    background: var(--color-Grayf9);
}
.board_list tr.notice:hover td,
.board_list tr.notice:hover th {
    background: var(--color-DackBlue);
}
.board_list .bw_10 {
    padding-left: 10px;
    padding-right: 10px;
    width: 120px !important;
}
.board_list .bw_10 a {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 400;
    line-height: 38px;
    font-size: 0.95em;
}
.board_list .bw_15 {
    width: 180px !important;
}
.board_list span.time {
    font-size: 0.9em;
    color: var(--color-Gray77);
    letter-spacing: -0.05em;
}
.cursor_pointer_no td {
    cursor: default !important;
}
.basic_table {
}
.basic_table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0 0;
    border-top: 1px solid var(--color-DackBlue);
    border-bottom: 2px solid var(--color-Gray77);
}
.basic_table table thead tr th {
    height: 60px;
    background: var(--color-Grayf9);
    border-bottom: 1px solid var(--color-Graydc);
}

.basic_table table tbody tr td,
.basic_table table tbody tr th {
    height: 60px;
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 400;
}
.basic_table .co1 {
    color: var(--color-SkyBlue);
}
.basic_table .co2 {
    color: var(--color-Red);
}
/**/

.board_view-box {
    padding: 50px 35px;
    border: 1px solid var(--color-Graydc);
    border-top: 3px solid var(--color-DackBlue);
}
.board_view-box .inner-view-title {
    font-size: 30px;
    letter-spacing: -0.025em;
}
.board_view-box .inner-explanation {
    padding: 30px 0;
    margin-bottom: 35px;
    border-bottom: 1px solid var(--color-Graydc);
}
.board_view-box .inner-explanation ul {
}
.board_view-box .inner-explanation ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.board_view-box .inner-explanation ul > li {
    float: left;
    padding-left: 12px;
    padding-right: 35px;
    border-left: 2px solid var(--color-Red);
    font-size: 0.95em;
}
.board_view-box .inner-explanation ul > li > span {
    padding-right: 15px;
    display: inline-block;
    font-weight: 600;
    font-size: 1.075em;
}
.board_view-box .inner-explanation .Download_file {
}
.board_view-box .inner-explanation .Download_file img {
    position: relative;
    top: -2px;
    margin-right: 10px;
    height: 20px;
}
.board_view-box .inner-explanation .Download_file a:hover {
    color: var(--color-Red);
}
.board_view-box .inner-view-text {
}
.board_view-box .inner-view-text .inner-view-text {
    padding: 25px 0;
    text-align: justify;
    line-height: 160%;
}
.board_view-box .inner-view-text .inner-view-text img {
    width: 100%;
}
.board_list {
}
.board_list .Download_icon a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.board_list .Download_icon a img {
    position: relative;
    margin-top: -7px;
    margin-right: 10px;
    height: 20px;
}
/****************************  회원정보 수정 */
.Mypage-change-container {
    margin: 120px auto;
    width: 80%;
    max-width: 580px;
}
.Mypage-change-container .st1 {
    text-align: center;
    letter-spacing: -0.025em;
}
.Mypage-change-container .st1 .co1 {
    padding: 15px 0 25px 0;
    color: var(--color-Gray77);
    font-size: 0.9em;
}
.Mypage-change-container .st1 span {
    color: var(--color-Red);
}
.Mypage-change-container .st2 {
    margin: 30px auto 0 auto;
    width: 80%;
}
.Mypage-change-container .st2 .co1 {
}
.Mypage-change-container .st2 .co2 {
    margin: 20px 0;
}
.Mypage-change-container .st2 .co3 {
}
.Mypage-change-container .st2 .co3 a {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--color-Red);
}
.Mypage-change-container-step {
    padding: 48px;
    width: 100%;
}
.Mypage-change-container-step:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.Mypage-change-left {
    float: left;
    width: 48%;
}
.Mypage-change-right {
    float: right;
    width: 48%;
}
.Mypage-change-full {
    display: block;
    clear: both;
    width: 100%;
}
.Mypage-change-full .join-input-box {
    margin: 20px auto;
    width: 100%;
    max-width: 100%;
}

.Mypage-change-full .join-input-box .inner-text {
    float: left;
    width: 30%;
    max-width: 202px;
}

.Mypage-change-full .join-input-box .inner-box,
.Mypage-change-full .join-input-box .inner-input {
    float: right;
    width: calc(100% - 202px);
    max-width: calc(100% - 202px);
}
.setFileForm .btns {
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    background: var(--color-Red);
    color: var(--color-white);
}

.setFileForm .text label {
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    background: var(--color-Red);
    color: var(--color-white);
}

@media (max-width: 1000px) {
    .Mypage-change-left {
        float: none;
        width: 100%;
    }
    .Mypage-change-right {
        float: none;
        width: 100%;
    }
    .Mypage-change-full .join-input-box .inner-text {
        float: left;
        width: auto;
        max-width: auto;
    }

    .Mypage-change-full .join-input-box .inner-box,
    .Mypage-change-full .join-input-box .inner-input {
        float: right;
        width: calc(70% - 0px);
        max-width: calc(70% - 0px);
    }
}
@media (max-width: 740px) {
    .body-container-Mypage-change {
        position: relative;
        width: 100%;
        border: none;
        border-top: 2px solid var(--color-DackBlue);
    }
    .Mypage-change-container-step {
        padding: 48px 0;
    }
    .Mypage-change-container {
        width: 100%;
    }
}

.selectdiv {
    position: relative;
    width: 100%;
}
.selectdiv:after {
    content: ' ';
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url('/img/svg/next_icon.svg');
    background-repeat: no-repeat;
    background-size: 50% auto;
    width: 15px;
    height: 18px;
    right: 15px;
    top: 18px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.selectdiv:hover::after {
    top: 22px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    outline: none;
    border: none;
}
.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    margin: 0px;
    padding: 0px 20px;
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-weight: 300;
    color: var(--color-white);
    background-color: #000;
    -ms-word-break: normal;
    word-break: normal;
    border: none;
    outline: none;
    border: none;
}
/*********
게시판
**********/

.last .check-btn_no {
    position: relative;
    top: -2px;
    left: -18px;
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: url('/img/svg/point_icon_BW.svg') 90% 50% no-repeat;
    background-size: 15px auto;
}
.last #check-btn {
    position: relative;
    display: none;
}

.last #check-btn:checked ~ .menubars {
    position: absolute;
    display: block;
    z-index: 1;
    margin-top: -2px;
    width: 100%;
    max-width: 193px;
    background: #000;
    cursor: pointer;
}

.last .menubars {
    display: none;
}
.board_view_pc {
    /* 웨비나 게시판 연자 이미지 */
    display: none;
}

.bbs_container_write {
    padding: 50px 0 0 0;
}
.bbs_container_write ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.bbs_container_write > ul > li {
    padding: 10px 0 10px 0;
}
.bbs_container_write .title {
    display: inline-block;
    margin-right: 25px;
    font-weight: 500;
}

.mypage_board_list_div {
    width: 100%;
}

.mypage_board_list_div .div_body {
    width: 100%;
}
.mypage_board_list_div .div_body .div_body_ul {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.mypage_board_list_div .div_body ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.mypage_board_list_div .div_body .div_body_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.mypage_board_list_div .div_body ul.div_body_ul_v1 > li {
    float: left;
    min-height: 40px;
    line-height: 40px;
}
.mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(1) {
    width: 80px;
    text-align: center;
}
.mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(2) {
    width: calc(100% - 260px);
}
.mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(1),
.mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(2) {
}
.mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(2) > span {
    display: inline-block;
    margin-left: 15px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: 28px;
    line-height: 28px;
    border-radius: 35px;
    background: #777;
    color: #fff;
}
.mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(3) {
    float: right;
    width: 180px;
}
.mypage_board_list_div .div_body ul.div_body_ul_v2 > li {
    float: left;
}
.mypage_board_list_div .div_body ul.div_body_ul_v2 > li:nth-child(1) {
    margin-left: 80px;
    min-width: 81px;
}
.mypage_board_list_div .div_body ul.div_body_ul_v2 > li:nth-child(2) {
    margin: 0 15px;
    min-width: 81px;
}
.mypage_board_list_div .div_body ul.div_body_ul_v2 > li:nth-child(3) {
    min-width: 81px;
}
.mypage_board_list_div .div_body ul.div_body_ul_v2 > li a {
    padding-left: 12px;
    padding-right: 12px;
}
.btn_G2_span {
    display: inline-block;
    width: 100%;
    min-width: 55px;
    text-align: center;
    line-height: 40px;
    background: var(--color-GrayA);
    color: var(--color-white);
    border: 1px solid var(--color-GrayA);
    border-radius: 5px;
}
/***************** mobile ****************************/
@media (max-width: 1200px) {
    .login-box {
        padding: 80px 5%;
    }
}
@media (max-width: 1100px) {
    .company-information > ul > li {
        font-size: 0.95em;
    }
    .login-box .inner-text li {
        word-break: keep-all;
    }
    .company-information > ul > li:nth-child(2) > span:nth-child(1) {
        display: inline-block;
        width: 100%;
        padding: 0 0 3px 0;
        margin: 0;
    }
    .calender-schedule-box li:nth-child(1) {
        width: 120px;
    }
    .calender-schedule-box li:nth-child(2) {
        width: calc(100% - 120px);
        padding-right: 0;
    }
    .calender-schedule-box li:nth-child(3) {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 20px 0 0 0;
    }
    .calender-schedule-box li:nth-child(3) a.btn_W {
        float: left;
        width: 48%;
    }
    .calender-schedule-box li:nth-child(3) a.btn_R,
    .calender-schedule-box li:nth-child(3) a.btn_B,
    .calender-schedule-box li:nth-child(3) span.btn_G {
        float: right;
        width: 48%;
    }
}

@media (max-width: 1000px) {
    .swiper-slide span.title,
    .swiper-slide span.subTitle,
    .swiper-slide span.dday,
    .swiper-slide span.text,
    .swiper-slide span.btn {
        display: inline-block;
        left: 8%;
        width: calc(100% - 8%);
        overflow: hidden;
    }
    .swiper-slide span.title {
        height: 27px;
    }
    .swiper-slide span.subTitle,
    .swiper-slide span.dday {
        height: 58px;
    }
    .swiper-slide span.text {
        height: 22px;
    }
    .swiper-slide span.btn {
        height: 40px;
    }
}

@media (max-width: 980px) {
    .terms_01 .inner-left {
        width: 100%;
        padding-bottom: 25px;
    }
    .terms_01 .inner-right {
        width: 100%;
    }
    .terms_01 li {
        word-break: keep-all;
    }
}
@media (max-width: 880px) {
    /***
    .calender-right {
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        width: 100%;
        min-height: 680px;
    }

    .calender-left-list {
        clear: both;
        position: relative;
        top: 680px;
        float: none;
        width: calc(100% - 0px);
        max-width: 100%;
        margin-bottom: 680px;
    }
    **/

    .calender-left-list {
        float: left;
        width: calc(100% - 0px);
        max-width: 100%;
    }
    .calender-right {
        float: right;
        width: calc(100% - 0px);
        max-width: 100%;
        margin-bottom: 35px;
    }

    .view_page_second {
        padding: 15px 0 !important;
    }
    .view_cal_container .calender-left-list {
        margin-bottom: 0;
        top: 0;
    }
    .view_cal_container .view_cal {
        display: none;
    }
    .board_view_pc {
        display: inline-block;
        width: 100%;
    }
    .board_view_pc .inner-view1 > span {
        display: inline-block;
        border-radius: 16px;
        padding: 3px 10px;
        font-size: 0.85em;
        margin-left: 10px;
    }
    .board_view_pc .board_view_pc_img {
        padding-top: 20px;
        text-align: center;
    }
    .board_view_pc .board_view_pc_img img {
        width: 100%;
        max-width: 400px;
    }
}
@media (max-width: 780px) {
    .calender-schedule-box .onair_Webinar-list-image {
        display: none;
    }
    .calender-schedule-box .ul-onair_Webinar {
        width: calc(100% - 0px);
    }
    .calender-schedule-box .inner_sort .tx4 > a:nth-child(1) {
        margin-right: 0;
    }
    .calender-schedule-box .inner_sort .tx4 > button {
        max-width: 48% !important;
    }
    .calender-schedule-box .inner_sort .tx4 > a,
    .calender-schedule-box .inner_sort .tx4 > span {
        width: 48%;
        max-width: 48%;
    }
    .mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(1) {
        display: none;
    }
    .mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(2) {
        width: calc(100% - 0px);
        line-height: 160%;
    }
    .mypage_board_list_div .div_body ul.div_body_ul_v1 > li:nth-child(3) {
        float: left;
        min-width: 100% !important;
        text-align: right;
    }
    .mypage_board_list_div .div_body ul.div_body_ul_v2 > li:nth-child(1) {
        margin-left: 0px;
    }
    .mypage_board_list_div
        .div_body
        ul.div_body_ul_v1
        > li:nth-child(2)
        > span {
        display: inline-block;
        margin-left: 15px;
        padding-left: 0;
        padding-right: 0;
        max-height: auto;
        line-height: auto;
        border-radius: 0;
        background: #fff;
        font-weight: 700;
        color: #000;
    }
}
@media (max-width: 760px) {
    body {
        font-size: 14px;
    }
    .company-information > ul > li {
        min-width: 100%;
        font-size: 0.9em;
        text-align: center;
    }
    .company-information > ul > li:nth-child(1) > img {
        height: 40px;
        margin: 0 0 20px 0;
    }
    .company-information > ul > li > span {
        word-break: keep-all;
    }
    .login-box {
        padding: 50px 35px;
    }
    .login-box .inner-left {
        width: 100%;
    }
    .login-box .inner-right {
        width: 100%;
    }
    .login-box .inner-left .Menarini-On-Air {
        display: none;
    }
    .login-box .inner-text {
        margin-top: 0;
        padding-top: 25px;
        padding-bottom: 0;
    }
    .login-box .inner-text li {
        display: none;
    }
    .terms_01 li .terms_check {
        letter-spacing: -0.05em;
    }

    .page_gnb .inner-page-right {
        position: relative;
        display: inline-block;
        padding: 20px 0 0 0;
        width: 100%;
        right: 0;
        text-align: right;
    }

    .calender-view-box .inner-explanation ul > li {
        width: 100%;
        padding-right: 0;
    }
    .calender-view-box .inner-explanation ul > li:nth-child(1) {
        margin-bottom: 10px;
    }
    .login-box .inner-left .MONAIR-Logo {
        padding: 0;
    }
    .login-box .inner-left .MONAIR-Logo img {
        max-height: 42px;
    }
}

@media (max-width: 680px) {
    .terms_01 .inner-right .w_sp {
        /* 로그인 띄어 쓰기 */
        width: 100%;
        margin: 0;
    }
    .terms_01 .inner-left a {
        display: inline-block;
        margin: 0;
        padding: 8px 0 0 0;
        width: 100%;
        text-align: right;
    }
}
@media (max-width: 620px) {
    .login-box .inner-text ul {
        display: none;
    }
    .login-box .inner-text {
        margin-top: 25px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .login-group-zindex-image {
        width: 165px;
        height: 165x;
    }
    .login-group {
        padding: 15px;
        background-size: auto 280px;
    }
    .login-box .inner-right .inner-join {
        text-align: left;
    }
    .login-box .inner-right .inner-join a {
        width: 100%;
        margin: 0;
    }
    #foot-container .foot-link .Wr1300 {
        padding: 0;
    }
    #foot-container .foot-link .Wr1300 a {
        width: 40%;
    }
    #foot-container .foot-link .Wr1300 a:nth-child(1) {
        display: none;
    }
}
@media (max-width: 580px) {
    .resource-contents-left-inner {
        padding: 30px 25px;
    }
    .resource-title {
        font-size: 22px;
    }
    .terms_01 {
        padding: 15px 0 15px 0;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid var(--color-Graybc);
    }
    .terms_01 .inner-left > span {
        display: none;
    }
    .agree-text-container {
        word-break: keep-all;
    }
    .calender-schedule-box li:nth-child(1) {
        width: 100%;
        padding-left: 0px;
        max-height: 45px;
        height: 45px !important;
        min-height: 45px !important;
    }
    .calender-schedule-box li:nth-child(2) {
        width: 100%;
    }
    .calender-schedule-box li:nth-child(1) .da1 {
        display: inline-block;
        float: left;
    }
    .calender-schedule-box li:nth-child(1) .da2,
    .calender-schedule-box li:nth-child(1) .da3 {
        display: inline-block;
        float: right;
        margin-top: 0;
    }
    .calender-schedule-box li:nth-child(1) .da2 {
        position: absolute;
        right: 0;
        top: 0;
    }
    .calender-schedule-box .inner_sort .tx4 > a:nth-child(1) {
        float: left;
    }
    .calender-schedule-box .inner_sort .tx4 > button {
        top: 0px !important;
        float: right;
    }
    .calender-schedule-box .inner_sort .tx4 > a:nth-child(2) {
        float: right;
    }
    /********************** mobile_new *******/
    .agree-title {
        height: 110px;
    }
    .agree-stepMap {
        padding: 10px 0 20px 0;
    }
    .agree-stepMap > ul {
        border-radius: 0;
    }
    .agree-stepMap > ul > li {
        height: 45px;
        line-height: 45px;
        letter-spacing: -0.05em;
    }
    .agree-text-container {
        margin-bottom: 20px;
        padding: 0 0;
        text-align: center;
        line-height: 150%;
        background: none;
        border-radius: 8px;
        letter-spacing: -0.025em;
    }
    .agree-terms_check_all {
        display: inline-block;
        width: 100%;
        margin: 0;
        line-height: 160%;
    }
    .agree-terms_check_all .inner-text {
        display: inline-block;
        padding-bottom: 10px;
        width: 100%;
        float: none;
        letter-spacing: -0.05em;
    }
    .agree-terms_check_all .terms_check_all {
        width: 100%;
        float: none;
    }
    .agree-terms_check_all
        .terms_check_all
        input[type='checkbox']:checked
        + label
        span {
        padding-right: 25px;
        width: 100%;
        background: url(/img/svg/check_icon.svg) 20px 50% no-repeat;
        background-size: auto 16px;
        text-align: right;
        overflow: hidden;
    }
    .agree-terms_check_all
        .terms_check_all
        input[type='checkbox']
        + label
        span {
        width: 100%;
        background: #f1f1f1;
        color: #999;
    }
    .terms_01 .inner-right .w_sp {
        position: relative;
        top: -10px;
        font-size: 0;
        height: 0;
        margin-top: -10px;
        line-height: 0;
    }
    .terms_01 .inner-left {
        padding-bottom: 10px;
    }
    .join-membership-container {
        padding: 0;
    }
    .join-input-box {
        margin: 0px auto 10px auto;
        width: 100%;
        max-width: 700px;
    }
    .join-input-box .inner-text {
        font-size: 1.1em;
        min-height: 38px;
        line-height: 38px;
    }
    .join-membership-title {
        padding-bottom: 15px;
    }
    .join-input-box .inner-box .w_sp {
        display: inline-block;
    }
    .join-membership-container .join-input-box:nth-child(1) {
        margin-top: 15px;
    }
    .blocker {
        padding: 0px !important;
    }
    .modal {
        padding: 0px !important;
        width: 100% !important;
        border-radius: 0px !important;
    }
    .modal_add_name_box {
        padding: 0 15px !important;
    }
    .board-paging a.prev,
    .board-paging a.next {
        background: #000 !important;
        border: none;
    }
    .board-paging a img {
        position: relative;
        top: -1px;
    }
    .join-input-box input.inp-email {
        width: calc(100% - 130px);
    }
    .join-input-box input.btn_email {
        margin-top: 10px;
        width: 100%;
    }
    .div-inp-email .menariniapac-com {
        position: absolute;
        z-index: 33;
        top: 2px;
        left: calc(100% - 120px);
        font-size: 0.95em;
        color: var(--color-Red);
        letter-spacing: -0.075em;
    }
    .sweet-alert h2 {
        line-height: 130% !important;
    }
    .agree-end-container {
        padding: 30px 0;
        background: none;
        line-height: 140%;
    }
    .agree-end-container .icon_logo img {
        margin: 0 40% 20px 40%;
        width: 20%;
    }
    .agree-end-container button.btn_style_black {
        width: 100%;
        max-width: 100%;
    }
    .foot-link .inner .foot-FamilySite {
        width: calc(60% - 2px);
    }
    .main-Monair-container h1 > span {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .main-container {
        padding: 0;
    }
    .main-Monair-container h1 > img {
        height: 22px;
    }
    .main-Monair-container > .desc {
        font-weight: 500;
        margin-top:5px;
        margin-bottom: 20px;
    }
    .monair-box .inner-top {
        margin: 0;
        width: calc(100% - 0px);
        min-height: 38px;
        line-height: 38px;
    }
    .monair-box {
        padding-top: 0;
    }
    .monair-box .inner-cont {
        padding: 20px 0 0 0;
        border: none;
    }
    .monair-box .inner-cont .inner-left {
        position: relative;
        height: 50vw !important;
    }
    .monair-box .inner-cont .inner-left .inner-title {
        position: absolute;
        top: -16px;
        right: 3px;
        z-index: 2;
    }
    .monair-box .inner-cont .inner-left .inner-title .st1 {
        margin-right: 0;
    }
    .monair-box .inner-cont .inner-left .inner-title .st_OnAir {
        color: var(--color-Red) !important;
        background: #fff !important;
        border-bottom-right-radius: 0px;
        font-weight: 700;
        box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
    }
    .monair-box .inner-cont .inner-left .inner-image {
        top: 17px;
        margin-top: 0;
        height: 100% !important;
        border-radius: 0px;
        border: 1px solid #e9e9e9;
    }
    .onAir-swiper-container .monair-box .inner-cont .inner-right {
        position: relative;
        z-index: 99;
        padding: 0 0 0 0;
    }
    .monair-box .inner-cont .inner-right .inner-title {
        margin-left: 10px;
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
    }
    .monair-box .inner-cont .inner-right .inner-text-box .title {
        height: auto;
        line-height: 130%;
    }
    .OnAirLive {
        padding-bottom: 45px;
        margin-bottom: 0;
    }
    .monair-box
        .inner-cont
        .inner-right
        .inner-text-box
        .title_lectureHospital {
        padding: 5px 0;
    }
    .monair-box .inner-cont .inner-left .inner-title .st2 {
        display: none;
    }
    .monair-box
        .inner-cont
        .inner-right
        .inner-text-box
        .OnAir-btn-box
        .get-involved,
    .monair-box
        .inner-cont
        .inner-right
        .inner-text-box
        .OnAir-btn-box
        .pre-registration,
    .monair-box
        .inner-cont
        .inner-right
        .inner-text-box
        .OnAir-btn-box
        .See-details,
    .monair-box
        .inner-cont
        .inner-right
        .inner-text-box
        .OnAir-btn-box
        .get-end {
        width: 48%;
    }
    .modal_Webinar .inner-modal_Webinar > ul > li:nth-child(1) {
        padding-bottom: 20px !important;
    }
    .modal_Webinar .inner-modal_Webinar > ul > li:nth-child(1),
    .modal_Webinar .inner-modal_Webinar > ul > li:nth-child(2) {
        text-align: center !important;
        width: 100% !important;
    }
    .h1-title {
        font-size: 26px !important;
    }
    .vod-container {
        padding: 40px 0;
    }
    .vod-gnb {
        padding: 20px 0;
    }
    .vod-contents .inner-sort {
        padding: 15px 0 5px 0;
    }
    .vod-contents .inner-title {
        height: auto;
    }
    .head-container {
        min-height: 160px;
    }
    .head-container .h1-title {
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        text-align: center;
        line-height: 160px;
        color: #fff;
    }
    .head-myWebinar .h1-title {
        color: #000;
        background: rgba(255, 255, 255, 1);
    }
    .body-navbar .inner-navbar > ul > li {
        height: 40px;
        line-height: 38px;
    }
    .page_gnb {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .page_gnb .inner-page-gnb a {
        letter-spacing: -0.05em;
        margin-bottom: 10px;
    }
    .page_gnb .inner-page-gnb {
        line-height: 130%;
    }
    .calender-right .month_tit_wrap .month_tit .month {
        position: relative;
        margin-top: -5px;
        font-size: 18px !important;
    }
    .calender-right .month_tit_wrap .month_tit .next,
    .calender-right .month_tit_wrap .month_tit .prev {
        padding: 0 !important;
    }
    .calender-right table.table_cld thead tr th {
        font-size: 12px !important;
        font-weight: 500 !important;
        height: 30px !important;
    }
    .calender-right table.table_cld tbody tr td p.date {
        height: auto !important;
        padding: 0 0 5px 0 !important;
        font-size: 12px !important;
    }
    .calender-right table.table_cld tbody tr td {
        vertical-align: top !important;
    }
    .calender-right table.table_cld tbody tr td p.list {
        min-height: auto !important;
    }

    .calender-schedule-box > ul {
        padding: 20px 15px 0 15px;
    }
    .calender-schedule-box li:nth-child(2) .tx2 {
        margin: 12px 0 0 0;
    }
    .calender-view-box {
        padding: 10px 0 0 0;
        border: none;
    }
    .view_cal_container .board_view_pc .inner-view1 > span {
        margin: 0;
        margin-right: 15px;
    }
    .calender-view-box .inner-view-title {
        padding-bottom: 10px;
        font-size: 20px;
        line-height: 135%;
    }
    .calender-schedule-box .inner_sort .tx4 {
        padding: 15px 0 10px 0;
    }
    .board-paging {
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }
    .gallery_list .board-gallery-list-title {
        margin: 10px 0 0px 0;
        height: auto;
        line-height: 135%;
    }
    .mobile_table > table > thead {
        display: none;
    }
    .mobile_table > table > tbody > tr > td:nth-child(1),
    .mobile_table > table > tbody > tr > td:nth-child(4) {
        display: none;
    }
    .mobile_table > table > tbody > tr > td:nth-child(2) {
        text-indent: 10px;
        width: calc(100% - 100px);
    }
    .mobile_table > table > tbody > tr > td:nth-child(3) {
        width: 100px;
    }
    .Mypage-stepMap {
        margin-top: 0;
        margin-left: -25px;
        width: calc(100% + 50px);
    }
    .Mypage-stepMap > ul {
        border-radius: 0px;
        border: none;
    }
    .Mypage-stepMap > ul > li:nth-child(2) {
        border: none;
    }
    .Mypage-stepMap > ul > li > img {
        display: none;
    }
    .Mypage-stepMap .point_t2 {
        margin-left: 5px;
    }
    .Mypage-stepMap .point_t {
        display: none;
        margin-left: 5px;
        padding: 3px 5px 2px 5px;
    }
    .mypage_board_list {
        width: 100%;
        overflow: auto;
    }
    .mypage_board_list table {
        white-space: nowrap;
    }
    .mypage_board_list table thead tr th,
    .mypage_board_list table thead tr td,
    .mypage_board_list table tbody tr th,
    .mypage_board_list table tbody tr td {
        word-break: keep-all;
        padding-left: 8px;
        padding-right: 8px;
    }
    .Mypage-change-container {
        margin: 40px auto;
    }
}
@media (max-width: 520px) {
    .body-navbar .Wr1300 {
        padding-left: 0;
        padding-right: 0;
    }
    .body-navbar .inner-navbar > ul > li:nth-child(1) {
        width: 50px;
    }
    .body-navbar .inner-navbar > ul > li {
        width: calc(50% - 25px);
    }
    .page_gnb .inner-page-right {
        padding: 0;
    }
    .Mypage-change-container .st2 {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .agree-stepMap li.on span {
        display: none;
    }
    .join-input-box .inner-input .inp-sms {
        width: 100%;
    }
    .join-input-box .inner-input .btn_SMS {
        margin-top: 5px;
        width: 100%;
    }
}
@media (max-width: 420px) {
    .join-input-box .inner-box {
        line-height: 20px;
    }
}

/**********************************
약관  페이지  -  개인정보취급방침
***********************************/
.security_container {
    padding: 80px 0 0 0;
}
.security_container h1 {
    padding-bottom: 35px;
    text-align: center;
    font-size: 2.2em;
}
.security_container .h1_text {
    padding: 0 2.5% 30px 2.5%;
    font-size: 1.15em;
    text-align: justify;
}
.private_btn {
    padding: 30px 0 0 0;
    text-align: center;
}
.private_btn a {
    font-size: 0.9em;
    font-weight: 500;
    color: #f15f2b;
}
.private_group {
    margin: 0 auto 0 auto;
    padding: 35px;
    width: 100%;
    font-size: 15px;
    color: #555;
    line-height: 150%;
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
    letter-spacing: -0.05em;
    text-align: justify;
}
.private_group .pr_title {
    padding: 15px 0;
    text-align: center;
    font-size: 1.8em;
    font-weight: 700;
    letter-spacing: -0.1em;
    color: #000;
}
.private_group .pr_text {
    padding: 15px 20px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    font-weight: 500;
}
.private_group .pr_cont1 {
    padding: 35px 10px 0 10px;
}
.private_group .pr_cont1 .pr_title_2 {
    font-size: 1.1em;
    color: #000;
}
.private_group .pr_cont1 .pr_text_2 {
    padding: 15px 0 15px 15px;
    font-weight: 500;
    color: #000;
}
.private_group .pr_cont1 .pr_text_group {
    padding: 0 0 0 40px;
}
.private_group .pr_cont1 .pr_text_group .tx1 {
    padding: 0 0 10px 0;
}
.private_group .pr_cont1 .pr_text_group .tx1 .tx_p {
    margin-left: -18px;
    padding: 0 0 5px 0;
    font-weight: 500;
}
.private_group .pr_cont1 .pr_text_group .tx1 p {
}
.private_group .pr_cont1 .pr_text_group .tx1 .tx1_g {
    font-size: 0.9em;
}
.private_group .pr_cont1 .pr_text_group .tx1 .tx1_g div {
    padding: 15px 0 5px 0;
    font-weight: 500;
}

.pr_text_teble {
    padding: 0 0 25px 20px;
    width: 100%;
}
.pr_text_teble .core_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.pr_text_teble .core_table thead tr th {
    height: 38px;
    background: #555;
    color: #fff;
    text-align: center;
    border: 1px solid #000;
    border-top: 2px solid #000;
    font-weight: 500;
}
.pr_text_teble .core_table tbody tr th {
    padding: 10px 15px;
    background: #e9e9e9;
    border: 1px solid #555;
    font-weight: 500;
}
.pr_text_teble .core_table tbody tr td {
    padding: 10px 15px;
    background: #e9e9e9;
    border: 1px solid #555;
}
@media (max-width: 580px) {
    .security_container {
        padding: 40px 0 0 0;
    }
    .security_container h1 {
        font-size: 1.8em;
        padding-bottom: 15px;
    }
    .security_container .h1_text {
        font-size: 1em;
        padding: 0 0 20px 0;
        line-height: 140%;
    }
    .private_group {
        padding: 0px 10px 0px 8px;
        font-size: 13px;
    }
    .private_group .pr_cont1 {
        padding-top: 20px;
    }
}

/**********************************
회원가입 약관
***********************************/
.private_group_v2 {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 150%;
    letter-spacing: -0.05em;
    text-align: justify;
}

.private_group_v2 .pr_text {
    padding: 15px 20px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    font-weight: 500;
}
.private_group_v2 .pr_cont1 {
    padding: 35px 10px 0 10px;
}
.private_group_v2 h2.pr_title_2 {
    padding-bottom: 10px;
    font-size: 1.1em;
    font-weight: 500;
    color: #000;
}
.private_group_v2 h3.pr_title_2 {
    font-size: 1.1em;
    font-weight: 500;
    color: #000;
}

.private_group_v2 .pr_text_2 {
    padding: 8px 0 15px 0;
    font-weight: 400;
    color: #000;
}
.private_group_v2 .pr_text_2 .inner1 span {
    color: #000;
    font-weight: 500;
}
.private_group_v2 .pr_meo {
    padding: 10px 0 10px 15px;
    margin: 0;
}
.private_group_v2 .pr_meo > li {
    padding: 0 0 0 23px;
}
.private_group_v2 .pr_meo > li > span {
    position: relative;
    display: inline-block;
    width: 23px;
    padding: 0;
    margin-left: -23px;
}
.private_group_v2 .pr_meo .depth_div {
}
.private_group_v2 .pr_meo .depth_div > div {
    padding: 0 0 0 23px;
}
.private_group_v2 .pr_meo .depth_div > div > span {
    position: relative;
    display: inline-block;
    width: 23px;
    padding: 0;
    margin-left: -23px;
}
.private_group_v2 .pr_meo > li > span.nno_t {
    display: inline-block;
    width: auto;
    font-size: 1.15em;
    padding: 0;
    margin-left: 0;
    text-decoration: underline;
}

/******************
로딩 이미지
******************/
.loding_box {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.loding_box .loding_icon {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
}
.loding_box .loding_icon img {
    width: 100%;
}
.zomIcon_box {
    display: inline-block;
    width: 100%;
    padding: 15px;
}
.zomIcon_box:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.zomIcon1,
.zomIcon2 {
    display: inline-block;
    width: 48%;
    border: 0;
    padding: 65px 10px 23px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 15x;
    letter-spacing: -0.05em;
}
.zomIcon1 {
    float: left;
    background: #000 url('/img/svg/adm_gnb_icon11.svg') no-repeat 50% 25%;
    background-size: 21% auto;
}
.zomIcon2 {
    float: right;
    background: #df1f1b url('/img/svg/adm_gnb_icon12.svg') no-repeat 50% 25%;
    background-size: 22% auto;
}

.calender-right table.table_cld tbody tr td p.list span {
    font-size: 11px !important;
    letter-spacing: -0.05em;
}
/* 소셜로그인 기능 추가 */
.login-sns .sns-buttons {
	margin-top: 10px;
    /* display: flex; */
    justify-content: space-between;
    gap: 10px;
}

.sns-buttons button {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    /* max-width: 480px; */
    padding: 13px;
    align-items: center;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer; 
    font-weight: 700;
    margin-bottom: 10px;
    border-style: none;
}
.sns-buttons button img {
    position: absolute;
    left: 16px;
    width: 24px;
    object-fit: contain;
}
.login-sns-google{
	background-color: #eee;
}
.login-sns-kakao {
    background-color: #fee500;
}
.login-sns-naver {
    background-color: #1ec800;
    color: #fff;
}

/* external-container hover animation */
.external-content-inner .external-detail {
    display: flex;
    align-items: center;
}

.external-content-inner .ani-box {
    position: relative;
    display: flex;
    align-items: center;
}

.external-content-inner .ani-default {
    position: relative;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.external-content-inner .detail-hover-text {
    position: absolute;
    left: 100%;
    opacity: 1;
    transform: translateX(0);
    white-space: nowrap;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.external-content-inner:hover .ani-default {
    transform: translateX(-130px);
}

.external-content-inner:hover .detail-hover-text {
    opacity: 1;
    transform: translateX(-55px);
}

.external-content-inner:last-of-type:hover .detail-hover-text {
    opacity: 1;
    transform: translateX(-97px);
}

.external-content-inner:hover .external-detail {
    color: #EF4135;
    border-bottom: 1px solid #EF4135;
}