@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');


@font-face {
    font-family: 'GangwonEduPower';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.ttf') format("truetype");
    font-display: swap;
}

body {
    /* background-color: #f9f9f9; */
    background-color: #fff;
    color: #999;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
}

.wrapper {
    background-color: transparent;
    overflow: hidden;
}


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

textarea {
    resize: none;
}

/* 스크롤탑 */
#movetopbt {
    position: fixed;
    bottom: 82px;
    right: 10px;
    color: rgb(142, 137, 137);
    cursor: pointer;
    z-index: 999;
    border: 1px solid rgb(158, 155, 155);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #f3f3f3;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    bottom: 30px;
}

#movetopbt i {
    font-size: 30px;
}


/*카카오톡 채널 바로가기*/
#kakaoChannel {
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
    z-index: 999;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

#kakaoChannel img {
    width: 100%;
    height: 100%;
}


button:focus {
    outline: 0;
}



.nm {
    font-family: 'Nanum Myeongjo', serif;
}


.dropdown>ul {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.dropdown>ul>li:first-child>a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dropdown>ul>li:last-child>a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.dropdown-submenu>ul>li:first-child>a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dropdown-submenu>ul>li:last-child>a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*skin*/

/*header menu*/

/*body > nav, footer, .progress-bar > div, .progress-bar > div span, .shop-menu-cnt .shop-menu, i.scroll-top-btn, .tab-nav li a:before, .tab-nav li a:after, .btn:not(.btn-border):hover, section .cnt-box.boxed.light .caption, .img-box-caption span, .cnt-box-badge .badge, .cnt-box-blog-side .blog-date, .menu-fixed.scroll-menu, .cnt-box-blog-top .blog-date, .dropdown ul:not(.icon-list) li:hover > a, .menu-cnt > ul > li:hover > a, .lan-menu > li:hover > a, .glide__bullets > button:hover, .glide__bullets > button.glide__bullet--active, main > section.section-base.section-color.light, .section-color.light .input-text, .section-color.light .input-select, .section-color.light .input-textarea, .counter i, .cnt-box-side-icon.boxed.light > i, .cnt-box-top-icon.boxed.light > i, .media-box-half, .album-box .caption, .album-box .img-box, .icon-box i, .media-box.media-box-reveal .caption, .media-box-full:before, .list-nav a.list-archive:hover, .header-base h2, .list-tags a, .img-box:before, .menu-mini, .menu-side, .btn-video:empty:hover, .tweets_txt {
    background-color: #0d053c;
}*/

.top_thinban {
    background-color: #d82a2a;
    color: #fff;
    padding: 3px 0 3px 3px;
}

.top_thinban a {
    background-color: #0d053c;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    margin-left: 7px;
    padding: 3px 10px;
}


.menus {
    background-color: #0d053c;
}

.menu-brand {
    background-color: #fff
}

/*
.menu-cnt {
    background-color: #0d053c;
}*/

body>nav .menu-brand,
.menu-big-box .menu-right {
    height: 90px;
    width: 100%
}

.menu-top-logo .menu-cnt>ul>li {
    margin-right: 23px
}

.menu-cnt>ul>li>a {
    display: block;
    font-size: 1.25rem;
    font-weight: 400;
    height: 60px;
    letter-spacing: -0.4px;
    line-height: 60px;
    margin-right: 23px;
    padding: 0 0;
}

body>nav .menu-brand {}

/*header search*/

.menus-right {
    display: block;
    margin: 0;
    margin-right: -800px;
    padding: 0;
    position: absolute;
    right: 50%;
    /*top: 63px;*/
    top: 25px;
    transform: none;
    /*top: -65px;*/
    width: 640px;
    z-index: 9999
}

.menus-right .containerBox {}

.search_btn {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
    float: right;
    font-size: 0;
    height: 40px;
    overflow: hidden;
    width: 330px;
}

.searchinput {
    border: 0 none;
    display: inline-block;
    font-size: 1rem;
    height: 100%;
    vertical-align: middle;
    width: calc(100% - 40px);
}

.searchinput::placeholder {
    color: #aaa;
}

.searchbtn {
    background: none;
    border: 0 none;
    font-size: 1rem;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.user_list {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

.user_list>li {
    float: left;
    margin-left: 8px;
}

.user_list>li>a {
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 1rem;
    line-height: 1;
    padding: 12px 30px;
}

.user_list>li.login>a {
    background-color: #042a6b
}

.user_list>li.join>a {
    background-color: #1f71ab
}

.user_list>li.thumP>a {
    background-color: #1f71ab;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/*header sub*/

.dropdown>ul,
.dropdown-submenu>ul {
    min-width: 170px;
    /*  overflow: hidden*/
}

.dropdown>ul:before {
    background-color: #1f71ab;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 7px;
}


.thum {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

.menu-cnt>ul>li.dropdown ul a {
    border-top: 1px solid rgba(9, 59, 86, 0.12);
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-cnt>ul>li.dropdown ul a:hover {
    background-color: #fff;
    color: #1f71ab;
}

#main-menu .dropdown ul:not(.icon-list) li:hover>a {
    background-color: #fff;
    color: #1f71ab;
}


/* 헤더 검색창 클릭시 나오는 최근검색어 박스 */
.search_boxResult {
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    position: absolute;
    width: 464px;
    top: 40px;
    left: -2px;
    color: #333;
    background-color: #fff;
    padding: 22px 0 26px 0;
    z-index: 999;
    display: none;
}

.search_boxResult.on {
    display: block;
}

.auto_box {
    margin: 0px 16px 0px 16px;
}

.auto_box h4 {
    font-size: 1rem;
    font-weight: bold;
}

.auto_box h4 span {
    color: #999 !important;
    float: right;
    cursor: pointer;
    font-weight: normal;
}

.auto_box ul li {
    display: flex;
    justify-content: space-between;
}

.auto_box ul li .searchText {
    cursor: pointer;
}

.auto_box ul li .searchIcon {
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.auto_box ul {
    max-height: 150px;
    /*overflow-y: scroll;*/
}

.auto_box ul::-webkit-scrollbar {
    width: 5px;
    /* 스크롤바의 너비 */
}

.auto_box ul::-webkit-scrollbar-thumb {
    height: 30%;
    /* 스크롤바의 길이 */
    background: #999;
    /* 스크롤바의 색상 */
    border-radius: 10px;
}

.auto_box ul::-webkit-scrollbar-track {
    background: #ddd;
    /*스크롤바 뒷 배경 색상*/
}

.recent_box h4 {
    font-size: 1rem;
    font-weight: bold;
    padding-left: 16px;
    padding-right: 17px;
}

.recent_box h4 span {
    color: #999 !important;
    float: right;
    cursor: pointer;
    font-weight: normal;
}

.recent_box ul li {
    display: flex;
    justify-content: space-between;
    padding: 0px 16px;
}

.recent_box ul li .searchText {
    cursor: pointer;
}

.recent_box ul li .searchIcon {
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.search_boxResult ul {
    padding: 0;
}

.search_boxResult ul li {
    list-style: none;
}



.recent_box ul li a i {
    float: right;
    color: #ccc;
    padding-top: 7px;
}

.recent_box ul li a {
    padding-left: 16px;
    padding-right: 17px;
    display: block;
}

.recent_box ul li:hover {
    background-color: #eeeeee;
}

.recent_box ul li:hover a {
    color: #555;
}

.recent_box ul li:hover a>i {
    color: #555;
}

.containerBox a.logoImg {
    display: inline-block;
}


.containerBox a.logoImg {
    display: flex;
    align-items: baseline;
}

.logosubtit {
    font-size: 1rem;
    color: #777;
    padding-left: 7px;
}


.recomment_box {
    border-top: 1px solid #ccc;
    margin: 0 16px 26px 16px;
}

.recomment_box h4 {
    font-size: 1rem;
    font-weight: bold;
    padding-top: 18px;
}

.recomment_box ul li {
    border-radius: 5px;
    background-color: #eee;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 5px 16px;
}

.recomment_box ul li:hover {
    background-color: #1c90e1;
}

.recomment_box ul li:hover a {
    color: #fff;
}

.recomment_box ul li a {
    transition: none;
    font-size: 16px;
}

/* 태극기 아이콘 */

.language {
    padding-top: 1px;
    position: relative;
}

.language>a {
    background-color: transparent !important;
    display: contents;
    padding: 0 !important;
}

.language>a img {
    width: 100%;
}



.globalLink {
    float: right !important;
    height: 60px;
    width: 210px;
}

.globalLink>a {
    line-height: inherit !important;
    margin: 0 !important;
}


.lanToggle i {
    color: #042a6b;
    font-size: 24px;
    height: 15px;
    position: absolute;
    right: -23px;
    top: 40%;
    transition: all .3s ease-in-out;
    width: 15px;
}

.lanToggle.on i {
    transform: rotate(190deg);
    transition: all .3s ease-in-out;
}


/* 모바일 태극기 */

.mob_lang {
    display: none;
    float: right;
    height: 20px;
    line-height: 65px;
    position: relative;
    right: 90px;
    width: 40px;
}

.mob_lang a {
    background-color: transparent !important;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0px 4px 0px 4px;
    position: relative;
    vertical-align: middle;
    width: 40px;
}

.mob_lang a img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}

.mob_lang .lanToggle i {
    right: -19px !important;
    top: 23px;
}


.mob_langShowBox {
    background-color: #fff;
    height: 65px;
    /* position: absolute;
    top: 65px;*/
    width: 100%;
    z-index: 99;
}

.mob_langShowBox .globalLink {
    border-top: 1px solid #cecece;
    display: block !important;
}

.mob_langShowBox .globalLink img {
    float: right !important;
    padding-right: 65px;
}


/*footer*/

.footer-style {
    background-color: #FAFAFA;
    bottom: 0;
    color: #666666;
    /*  height: 130px;
    height: 160px; */
    left: 0;
    margin-top: 0px;
    margin-top: 0px;
    padding: 25px 10px;
    /*     position: absolute; */
    width: 100%;
}


.footerwidth {
    max-width: 100%;
}

.footer-style .containerBox {
    font-size: 0;
}

.footerlogo {
    display: inline-block;
    /* margin-right: 20px; */
    vertical-align: top;
    /* width: calc(100% - 230px); */
    width: 100%;
}

.footerlogo1 {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-bottom: 35px;
}

.footerlogoimg img {
    padding-right: 20px;
    vertical-align: bottom;
    width: 264px;
    margin-bottom: 20px;
}

.footer_copya {
    color: #666;
    display: inline-block;
    font-size: 14px;
    vertical-align: bottom;
}

.footerlogo {
    margin-bottom: 20px;
}

.footer_copya a,
.footer_copya a:link,
.footer_copya a:hover,
.footer_copya a:focus {
    color: #333;
}

.footer_copy {
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.copytxt {
    font-size: 16px;
    color: #aaa;
}

.footer_copya1 {
    color: #333;
    font-size: 15px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 4px;
}

.footerlogos ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    margin-bottom: 0;
}

    .footerlogos ul li {
        margin-right: 17px;
    }


.TremsBlue {
    color: #1f71ab !important;
    cursor: pointer;
}

.storebtn img {
    width: 100px;
}

#socialicons {
    display: inline-block;
    vertical-align: top;
    width: 170px;
}

a:link,
a:focus,
a:visited,
a:hover {
    text-decoration: none;
}



#socialicons {
    margin-bottom: 10px;
}


#socialicons p {
    color: #555;
    font-size: 18px;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    font-weight: 600;
}

#socialicons p::after {
    width: 100%;
    height: 1px;
    background-color: #555;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}

.snsBox ul {
    list-style: none;
    padding-left: 0;
}

.snsBox ul li {
    margin-bottom: 18px;
}

.snsBox ul li .icon{
    width: 100%;
    justify-content: left;
}

.selectBox2 {
    background-color: #fff;
    border-radius: 5px;
    color: #777;
    cursor: pointer;
    height: 30px;
    margin-left: auto;
    position: relative;
    width: 170px;
}



.selectBox2 .label {
    align-items: center;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #777;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    height: inherit;
    padding-left: 15px;
    width: inherit;
}

.selectBox2 .optionList {
    background: #fff;
    border-radius: 6px;
    bottom: 29px;
    left: 0;
    list-style-type: none;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    transition: .2s ease-in;
    width: 100%;
    z-index: 999999;
}



.selectBox2.active .optionList {
    border: 1px solid #ccc;
    max-height: 500px;
}

.selectBox2 .optionItem {

    font-size: 15px;

    text-align: left;
    transition: .1s;
}

.selectBox2 .optionItem>a {
    color: #777;
    display: block;
    padding: 5px 15px 5px;
}

.selectBox2 .optionItem:hover a {
    background: #142a66;
    color: #fff;
}

.selectBox2 .optionItem:last-child {
    border-bottom: 0 none;
}


.selectBox2 .optionList::-webkit-scrollbar {
    width: 6px;
}

.selectBox2 .optionList::-webkit-scrollbar-track {
    background: transparent;
}

.selectBox2 .optionList::-webkit-scrollbar-thumb {
    background: #303030;
    border-radius: 45px;
}

.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {
    background: #303030;
}


.selectBox2 .icoArrow {
    align-items: center;
    display: flex;
    height: inherit;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 1;
}

.selectBox2 .icoArrow i {
    color: #999;
    font-size: 25px;
    height: 100%;
    transition: .29s;
}

.selectBox2 .icoArrow.on i {
    transform: rotate(180deg);
}

/* 
#socialicons .icon {
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    background: #6a6a6a;
    border-radius: 17px;
    color: #dfdfdf;
    display: inline-block;
    font-size: 1.125rem;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

#socialicons .icon {
    margin: 0;
    margin-right: 8px;
    margin-top: 10px;
} */




/*공통*/

.wrapper {
    margin-top: 186px;
    /* background-color: #fff;*/
    /* padding-bottom: 160px; */
}

.containerBox {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    top: 0;
}

.menu-brand img {
    width: 165px
}

.pageBox {
    overflow: hidden;
    padding-bottom: 115px;
}

/*main*/

/*banner*/

.banner.swiper-container {
    position: relative;
}



.banner .swiper-pagination {
    display: block;
    padding-top: 17px;
    position: static;
}

.swiper-pagination-bullet-active {
    background: #042a6b;
    opacity: 1;
}

.swiper-pagination-bullet {
    height: 10px;
    margin: 0 9.5px;
    width: 10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 9.5px;
}

.banner .swiper-slide img {
    width: 100%;
}

.banner .swiper-slide {
    width: 100% !important;
}

.banner_arrow {
    height: 44px;
    position: absolute;
    top: 50%;
    transform: translateY(-150%);
    width: 100%;
    z-index: 99;
}

.Mswipers .swiper-slide {
    cursor: pointer;
    max-width: 290px !important;
}

.Mswipers:hover .swiper-button-next,
.Mswipers:hover .swiper-button-prev {
    display: block;
}


.Mswipers .swiper-button-next {
    background-color: rgba(102, 102, 102, 0);
    border-radius: 0 8px 8px 0;
    display: none;
    height: 83%;
    position: absolute;
    right: -42px;
    /* top: 74px; 
     right: -69px;  */
    top: 73px;
    width: 55px;
    z-index: 1;
}

.Mswipers .swiper-button-next:after, .Mswipers .swiper-button-prev::after{
    font-size: 27px;
    font-weight: 700;
}


.Mswipers .swiper-button-prev {
    background-color: rgba(102, 102, 102, 0);
    border-radius: 8px 0 0 8px;
    display: none;
    height: 83%;
    left: -45px;
    position: absolute;
    /* top: 74px; 
     left: -69px;  */
    top: 74px;
    width: 55px;
    z-index: 1;
}


/*리스트*/

.m1 {
    padding-top: 70px;
}

.V_title_box {
    font-size: 0;
    margin: 0 auto;
/*    max-width: 85%;*/
    padding-bottom: 15px;
}

.v_title {
    color: #333333;
    display: inline-block;
    font-size: 1.375rem;
    font-weight: bold;
    letter-spacing: -0.44px;
    line-height: 1;
    text-align: left;
    width: calc(100% - 91px);
}

.v_more {
    color: #1f71ab;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: normal;
    letter-spacing: -0.4px;
    line-height: 1;
    text-align: right;
    width: 70px;
}

.v_more a {
    color: #666;
}

.v_more a:hover {
    color: #1f71ab;
}

.Mswipers {
    margin-bottom: 10px;
}

.mw85 {
    max-width: 85%;
}

.Mswipers .Mswipers_list {
    list-style: none;
    padding: 0;
    /*     position: relative; */
}

.Mswipers_list>li {
/*     background-color: #fff; */
/*     border: 1px solid #e1e1e1; */
    /*height: 342px;*/
    list-style: none;
    /* width: 364.5px !important;
        margin-right: 33.5px;*/
    max-width: 365.5px;
    overflow: hidden;
}


    .Mswipers_list > li.AdvertiSlide img {
        height: 202px;
        width: 100%;
        border-radius: 8px;
    }


.Msimg {
    height: 157px;
    width: 100%;
    /* border-radius: 8px; */
}

.MSiconBox {
    height: 30px;
    padding: 5px 15px 0;
    text-align: left;
}

.MS-icon {
    background-color: #ffc13d;
    border-radius: 5px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
    margin-right: 5px;
    padding: 3px 8px;
    vertical-align: middle
}

.MS-icon2 {
    background-color: #e2378c;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
    margin-right: 5px;
    padding: 3px 8px;
    vertical-align: middle
}

.MS-icon3 {
    background-color: #01b4d1;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
    margin-right: 5px;
    padding: 3px 8px;
    vertical-align: middle
}

.MS-icon4 {
    background-color: #fc740c;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.28px;
    margin-right: 5px;
    height: 25px;
    width: 27px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
}


.Ms_title {
    border-bottom: 1px solid #e1e1e1;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.36px;
    line-height: 1.39;
    margin: 0;
    overflow: hidden;
    padding: 4px 15px 9px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Ms_btn {
    overflow: hidden;
    padding: 8px 15px;
    position: relative;
    text-align: left;
}

.btncart {
    background-image: url('../image/btn_cart_default.svg');
    background-position: center;
    background-size: cover;
    display: inline-block;
    height: 45px;
    margin-right: 8px;
    transition: all 0.3s;
    width: 45px;
}

.btnheart {
    background-image: url('../image/btn_heart_default.svg');
    background-position: center;
    background-size: cover;
    display: inline-block;
    height: 45px;
    transition: all 0.3s;
    width: 45px;
}

.btndetail {
    background-image: url('../image/btn_goinner_derault.svg');
    background-position: center;
    background-size: cover;
    display: inline-block;
    float: right;
    height: 45px;
    transition: all 0.3s;
    width: 45px;
}

.btncart:hover,
.btncart:focus,
.btncart.on {
    background-image: url('../image/btn_cart_hover.svg');
}

.btnheart:hover,
.btnheart:focus,
.btnheart.on {
    background-image: url('../image/btn_heart_hover.svg');
}

.btndetail:hover,
.btndetail:focus,
.btndetail.on {
    background-image: url('../image/btn_goinner_hover.svg');
}

/*스와이퍼*/


/*
.instance-0 .swiper-button-prev {
    left: 0px;
    right: auto;
    background: #0d053c;
    opacity:0.3;
    width: 70px;
    height: 100%;
    top: 0;
}
.instance-0 .swiper-button-next {
    right: 0px;
    left: auto;
    background: #0d053c;
    opacity: 0.3;
    width: 70px;
    height: 100%;
    top: 0;
}
.instance-0 .swiper-button-prev:after, .instance-0 .swiper-button-next:after {
    color: #9a9a9a;
}
*/


.thin_banner {
    /*  background:linear-gradient(red,black);*/
    /* margin-top: 93px; */
}

.thbox {
    /*  max-width:1920px;
    width:100%;
    margin:0 auto*/
}

.thbox img {
    width: 100%;
    /*margin-top: -32px;*/
}

/*m2*/

.m2 {
    background-color: #eee;
    padding: 90px 0 70px;
}

.m2_Title {
    color: #333333;
    font-size: 1.875rem;
    letter-spacing: -0.75px;
    padding-bottom: 40px;
    text-align: center;
}

.m2_Title span {
    font-weight: bold;
}

/**
.Pubswipers_list {
    list-style: none;

    align-items: center;
}
.Pubswipers .swiper-slide {
    opacity:0.5;
    width:190px !important;
    display:inline-block;
    vertical-align:middle
}
.Pubswipers .swiper-slide.swiper-slide-active {
    opacity: 1;
    width: 290px !important
}*/

.pub_title {
    font-size: 1.375rem;
    text-align: center;
}

.pub_title span {
    font-size: 1.75rem;
    font-weight: bold;
}

.pub_txt {
    font-size: 1.125rem;
    line-height: 1.2;
    text-align: center;
}


.swiper-container.Pubswipers {
    position: relative;
    /*  height:300px*/
}

.Pubswipers.swiper-container>.swiper-slide__content {
    position: absolute;
    top: 0;
}

.Pubswipers .swiper-slide {
    align-items: center;
    background: #eee;
    /*  height: 300px;*/
    display: flex;
    justify-content: center;
    margin: 0 -0.11%;
    opacity: 0.5;
    transform: scale(0.8);
    transition: all 200ms linear;
}

.Pubswipers .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

.swiper-slide__content {
    /*height: 300px;*/
}

/*spon*/

.m3 {
    padding: 70px 0 54px 0;
}

/*
.spon img {
    height:45px
}*/

/*
.spon .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}*/

.spon .swiper-slide a {
    vertical-align: middle;
}

/*컨텐츠 페이지*/

.ContTitle {
    color: #666;
    font-size: 1.125rem;
    padding: 60px 0 33px;
    margin: 0 10px;
}

.ContTitle span,
.ContTitle a {
    vertical-align: middle
}


.Cbox {
    background-color: #1f71ab;
    display: inline-block;
    height: 25px;
    margin-right: 10px;
    position: relative;
    width: 5px;
}

.Cbox::after {
    background-color: #1f71ab;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: -3px;
    top: 0;
    width: 1px;
}

.ContTitle a:hover,
.ContTitle a:focus {
    color: #1f71ab;
    position: relative;
    text-decoration: solid;
}

.ContTitle a.contLink:hover,
.ContTitle a.contLink:focus {
    color: #1f71ab;
    position: relative;
    text-decoration: solid;
}

.ContTitle a::after {
    /*     background-color: #1f71ab; */
    bottom: -2px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.ContTitle2 {
    color: #333333;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.44px;
    padding-bottom: 8px;
    text-align: left;
}


.vodAllbox {
    background-color: #eee;
    border: 1px solid #cecece;
    overflow: hidden;
    padding: 2.5rem 2.5rem 1rem;
}

.vodList .Mswipers_list>li {
    /* width: 344.5px !important;*/
}

.borders {
    border-bottom: 1px solid #cecece;
    display: block;
    margin-bottom: 10px;
    /* padding: 40px 0 0; */
}


.vodlistBox {
    width: calc(100% - 20% - 50px);
}


.MovieList {
    font-size: 0;
    margin: 0 -1.5%;
    padding: 0;
    text-align: center
}

.MovieList>li {
    float: left;
    margin: 0 1.5% 40px;
    width: 30.33%;
}

.MovieList>li {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    /* width: 364.5px !important;
        margin-right: 33.5px;*/
    /*max-width: 362.25px;*/
    border-radius: 8px;
    list-style: none;
    overflow: hidden;
    /*height:380px;*/
}

.MovieList>li>img {
    cursor: pointer;
}

    .MovieList > li.AdvertiSlide img {
        height: 286px;
    }

.searchContent .MovieList > li {
    width: 22%;
}



/*검색*/
.searchBox {
    background-color: #eeeeee;
    border: solid 1px #cecece;
    font-size: 0;
    padding: 32px 0 33px;
    text-align: center
}

.searCh {
    font-size: 15px;
    margin: 0;
    padding-right: 20px;
    vertical-align: middle;
}

.agreeAll {
    border: 1px solid gray;
    border-radius: 13px;
    text-align: center;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer;
}

.search_form {
    height: 100%;
}

.searCh input {
    display: none
}

.chBoxtype2 {
    background-color: #ffffff;
    border: solid 1px #666666;
    border-radius: 3px;
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: middle;
    width: 20px;
}

.chBoxtype2.chBox2 {
    width: 15px;
    height: 15px;
}

.searCh input:checked~.chBoxtype2::after {
    content: '\2713';
    display: inline-block;
    font-size: 15px;
    left: 4px;
    line-height: 1;
    position: absolute;
    top: 0;
}

.agreeAll input:checked {
    background-color: #1f71ab;
}

.agreeAll.on {
    background-color: #1f71ab;
    border: 0;
    color: #fff;
}

.searCh input:checked~.chBoxtype2.chBox2::after {
    top: -2px;
    left: 2px;
}


.forminp {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
    box-shadow: none;
    font-size: 15px;
    height: 30px;
    vertical-align: middle
}

.searinp {
    margin: 0 8px;
    width: 447px;
}

.searslec {
    width: 113px;
}

.Csearchbtn {
    background-color: #042a6b;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 1;
    padding: 5px 30px;
    text-align: left;
    vertical-align: middle;
}

.seTtle {
    color: #333333;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -0.44px;
    line-height: 2;
    text-align: left;
}

.bordersTitle {
    border-bottom: 2px solid #042A6B;
    color: #1E1E1E;
    display: block;
    font-size: 1.375rem;
    letter-spacing: -0.44px;
    line-height: 2;
    /* margin: 40px 0; */
    overflow: hidden;
    position: relative;
    text-align: left;
    margin: 0px 0 22px 0;
    padding-bottom: 15px;
}

.bordersTitle span {
    font-weight: bold;
}

.bordersTitle span.searchresult {
    color: #999999;
    float: right;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: -0.32px;
    line-height: 2.75;
    text-align: left;
}

.searchresult span {
    color: #000;
}

/*웨비나*/

.webina_list {
    margin: 0;
    padding: 0;
}

.webina_list>li {
    float: left;
    font-size: 0;
    margin-bottom: 59px;
    padding: 0 28px 0 0;
    width: 50%;
}

.web2 {
    display: inline-block;
    vertical-align: bottom
}

.web21 {
    width: 363px
}

.web22 {
    font-size: 1rem;
    padding: 0 15px;
    width: calc(100% - 363px);
}

a.webBtn,
.webBtn,
a.webBtn:visited,
a.webBtn:active {
    background-color: #042a6b;
    border-radius: 5px;
    color: #fefefe;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1;
    padding: 15px 63px;
}

.Webtitle {
    color: #333333;
    font-size: 1.375rem;
    font-weight: bold;
    height: 25px;
    letter-spacing: -0.44px;
    line-height: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Webcont {
    color: #666666;
    font-size: 1.125rem;
    letter-spacing: -0.36px;
    line-height: 1.39;
    margin: 0;
    padding: 15px 0 42px;
    text-align: left;
}

.webi_ing {
    background-color: #333333;
    margin-bottom: 100px;
    padding: 50px;
}

.webi_ing .Webtitle {
    color: #fff
}

.webi_ing .Webtitle {
    color: #fff
}

.webi_ing .Webtitle {
    color: #fff
}

.webi_ing .Webcont {
    margin: 0;
    padding: 15px 0 20px;
}

.webi_ing .webina_list>li {
    float: none;
    font-size: 0;
    margin-bottom: 0;
    padding: 0 0px 0 0;
    width: 100%;
}

/* 웨비나 라이브 */

#chatarea {
    height: 341px;
    overflow-x: hidden;
    padding: 8px;
    width: 100%;
}

.chatt_title {
    background-color: #fff;
    box-shadow: 0px 6px 11px 0 rgba(204, 204, 204, 0.5);
    font-size: 1rem;
    padding: 1.063rem 1.375rem;
    width: 100%;
}

.sub_box {
    display: flex;
    justify-content: space-between;
}

.chatt_title>div:first-child {
    color: #232323;
}

.chattBar {
    background-color: #fff;
    /* position: absolute; */
    /* padding: 0.938rem 1.313rem 1.313rem 1.313rem; */
    bottom: 0;
    height: 8rem;
    padding: 0 0.938rem;
    width: 100%;
}

.chattBar input {
    border: 1px solid #cecece;
    border-radius: 10px;
    height: 3.75rem;
    padding: 5px;
    width: 100%;
    /*     resize: none; */
}

.chattBar input::placeholder {
    color: rgba(0, 0, 0, 0.4);
    vertical-align: text-top;
}

.chattBar img {
    margin-bottom: 8px;
}


/* 다른사람채팅내용들 */

.OthersText {
    display: grid;
    justify-content: flex-start;
    margin-bottom: 1rem;
    width: 50%;
}

.OthersText>.otherChatt {
    background-color: #1c6ca8;
    border-radius: 0 30px 30px 30px;
    color: #fff;
    line-height: 22px;
    padding: 10px;
    word-break: break-word;
}


/* 내채팅내용들 */

.MyText {
    display: grid;
    justify-content: flex-end;
    margin-bottom: 1rem;
    margin-left: 50%;
    width: 50%;
}

.MyText>.MyChatt {
    background-color: #0f2a66;
    border-radius: 30px 30px 0 30px;
    color: #fff;
    line-height: 22px;
    padding: 10px;
    word-break: break-word;
}


/*vod*/

.boT_btnBox {
    float: right
}

a.boT_btn {
    border-radius: 5px;
    color: #ffffff !important;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    letter-spacing: -0.3px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 86px;
}

.boT_btn21 {
    background-color: #1f71ab;
}

.boT_btn22 {
    background-color: #042a6b;
}


.MediaBox {
    display: flex;
}

.me2 {
    background-color: #fff
}

.me21 {
    border: 1px solid #cecece;
    height: 0;
    margin-right: 2%;
    order: 1;
    padding-bottom: 35%;
    position: relative;
    width: 63%;
    overflow: hidden;
}

.me211 {
    border: 1px solid #cecece;
    margin-right: 2%;
    order: 1;
    padding: 42px 48px;
    position: relative;
    width: 63%;
}

.me212 {
    border: 1px solid #cecece;
    border-radius: 0px 5px 5px 0px;
    min-height: 300px;
    order: 2;
    overflow: hidden;
    position: relative;
    width: 35%;
}

.me22 {
    border: 1px solid #cecece;
    border-radius: 0px 5px 5px 0px;
    height: 0;
    min-height: 300px;
    order: 2;
    overflow: hidden;
    padding-bottom: 39%;
    position: relative;
    width: 35%;
}

.tran_title {
    color: #333333;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: -0.6px;
    line-height: 1.75;
    text-align: left;
}

.tran_cont {
    color: #999999;
    font-size: 1rem;
    letter-spacing: -0.41px;
    line-height: 1.46;
    padding-top: 6.25rem;
    text-align: left;
}

.me2 iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.MediaCont {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.replay_Bbox {
    margin: 0 26px;
    padding: 26px 0 0;
}

.playDateS {
    background-color: #ddd;
    border-radius: 5px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    min-height: 90px;
    padding: 30px 0;
    text-align: center;
}

.playdateS1 {
    font-size: 1.125rem;
    text-decoration: line-through;
}

.playdateS2 {
    font-size: 1.125rem;
}

.play_contbox {
    padding: 0 26px;
}

.plat_txt {
    font-size: .875rem;
    letter-spacing: -0.32px;
    line-height: 1.2;
    padding: 0 0 10px;
}

.mebtnbox {
    font-size: 0;
    margin-top: 8px
}

.btns {
    border: 0 none;
    border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    height: 50px;
    letter-spacing: -0.32px;
    line-height: 1;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.btncoupon {
    background-color: #f28238;
    color: #fff
}

.replay_Bd_t {
    font-size: .875rem;
    margin: 0 0 40px;
}

.btnfull {
    background-color: #042a6b;
    font-weight: normal
}

.btnhalf21 {
    background-color: #1f71ab;
    font-size: 1rem;
    font-weight: normal;
    margin-right: 8px;
    width: calc(50% - 4px);
}

.btnhalf22 {
    background-color: #1f71ab;
    font-size: 1rem;
    font-weight: normal;
    width: calc(50% - 4px);
}

.replay_Bd_t {
    font-size: 10px;
    line-height: 23px;
    list-style: disc;
    margin: 0px 0px 20px 5px;
    margin-left: 5px;
    padding-left: 10px;
    text-align: justify;
}

.replay_Bd_t span {
    font-size: .875rem;
    line-height: 1;
}

.play_contbox .meChbox {
    font-size: 0.9375rem;
    margin: 10px 0 5px 0;
    text-align: left;
}

.replay_box {
    border-top: 1px solid #ccc;
    font-size: 0;
    margin-top: 8px;
    padding-bottom: 5px;
}

a.replay_B1:link,
a.replay_B1:visited {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 5px;
    text-align: left;
    width: 50%;
}

a.replay_B2:link,
a.replay_B2:visited {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 5px;
    text-align: right;
    width: 50%;
}

.ch_box {
    background-color: #eee;
    border: 1px solid #cecece;
    color: #999;
    font-size: 1.25rem;
    margin-top: 20px;
    padding: 1.75rem 10px;
    text-align: center;
}


.playContBox {
    background-color: #fff;
    border: 1px solid #cecece;
    font-size: 1rem;
    margin-bottom: 26px;
    margin-top: 20px;
    padding: 0 5% 5% 5%;
    text-align: left;
}

.playContBox2 {
    background-color: #fff;
    border: 1px solid #cecece;
    /*text-align: center;*/
    font-size: 1rem;
    margin-bottom: 26px;
    margin-top: 20px;
    padding: 5% 20%;
}

.playContBox2 font {
    display: block;
}

.playContBox2 i {
    display: block;
}

.playContBox img {
    display: inline;
    left: 50%;
    /*width: 100%*/
    position: relative;
    transform: translateX(-50%);
}

.playContBoxBtn img {
    display: inline;
    position: relative;
}

.play_title {
    border-bottom: 1px solid #cecece;
    font-size: 1.25rem;
    margin-bottom: 26px;
    padding: 16px 0px 5px;
    text-align: left;
}

.paimgbox {
    font-size: 0;
    padding-bottom: 26px
}

.paimgbix {
    border: 1px solid #bbb;
    display: inline-block;
    font-size: 1rem;
    height: 300px;
    margin-right: 20px;
    overflow: hidden;
    vertical-align: top;
    width: 250px;
}

.paimgbix2 {
    color: #333;
    display: inline-block;
    font-size: 1rem;
    text-align: left;
    vertical-align: top;
    width: auto;
    width: calc(100% - 275px);
}



.publisher_name {
    font-size: 30px;
    font-weight: bold;
}

.publisher_Incumbent {
    font-size: 20px;
    font-weight: bold;
}

.paimgbix img {
    width: 100%;
}


.pp_ta {
    margin-bottom: 26px;
}

.pp_ta {
    border-collapse: collapse;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    font-size: 1rem;
    table-layout: fixed;
    width: 100%;
}

    .pp_ta td {
        border-bottom: 1px solid #ccc;
        height: 55px;
        line-height: 3;
    }

    .pp_ta td:nth-child(1) {
        overflow: hidden;
        padding-right: 10px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;

      
    }

        .pp_ta td:nth-child(1) > a {
            color: rgb(64, 77, 96);
        }

        .pp_ta td:nth-child(2) {
            overflow: visible;
            text-align: right;
        }

.websContBox {
    border: 1px solid #cecece;
    margin-top: 20px;
    padding: 4.375rem 5rem 4.688rem;
}

.webs_title {
    border-bottom: 1px solid #cecece;
    color: #333333;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin: 0 auto 75px;
    padding: 0 0 40px;
    text-align: center;
    width: 85%;
}

.webs_title span {
    color: #1f71ab
}

.webiTitle {
    color: #353535;
    font-size: 1.375rem;
    font-weight: bold;
    letter-spacing: -0.44px;
    line-height: 1.14;
    position: relative;
    text-align: left;
}

.webiTitle::after {
    background-color: #1f71ab;
    content: '';
    display: block;
    height: 24px;
    left: -15px;
    position: absolute;
    top: 1px;
    width: 5px;
}

.webiCont {
    color: #333333;
    font-size: 1.125rem;
    letter-spacing: -0.36px;
    line-height: 1.39;
    padding-bottom: 60px;
    text-align: left;
}

.webiCont a {
    color: #3992ff;
}


/*notice*/

.accordion-list li {
    background-color: #fff
}

.accordion-list>li {
    border: 1px solid #cecece;
    margin-bottom: 10px;
}

.accordion-list>li:first-child {
    border: 1px solid #cecece
}

.accordion-list>li:last-child {
    border: 1px solid #cecece;
}

.accordion-list>li>a {
    padding: 10px 30px 10px 25px;
}

.accordion-list>li.active>a {
    border-bottom: 1px solid #cecece;
}

.accordion-list>li>a:before {
    left: auto;
    right: 5px;
}

.accordion-list>li>.content {
    padding: 2.5rem
}

.accordion-list>li.active>.content {
    display: block;
    height: auto !important;
    overflow: visible;
}

.arrco_titile {
    font-size: 0
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    height: auto;
    max-width: 100%;
}

.arr21 {
    color: #333333;
    display: inline-block;
    font-size: 1.25rem;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: left;
    width: calc(100% - 100px)
}

.arr22 {
    color: #aaa;
    display: inline-block;
    font-size: 1.25rem;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.4px;
    text-align: left;
    width: 100px
}

.myroom_ta,
.quest_ta,
.myPost_ta {
    /*    table-layout: fixed;*/
    border-bottom: 1px solid #858585;
    border-collapse: collapse;
    /*margin-bottom: 30px;*/
    width: 100%;
}

.myroom_ta th,
.myroom_ta td {
    padding: 20px 8px;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
}

    .myroom_ta td:nth-child(1), .myroom_ta td:nth-child(3), .myroom_ta td:nth-child(4) {
        text-align: center !important;
    }

.myroom_ta th {
    background-color: #042a6b;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    word-break: keep-all;
}

.myroom_ta td {
    border-bottom: 1px dashed #cecece;
    color: #777;
    font-size: 1rem;
    font-weight: normal;
}

    .myroom_ta td:nth-child(2),
    .myroom_ta th:nth-child(2) {
        width: 50%;
        text-align: left;
        max-width: 350px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.myroom_ta tr:last-child td {
    border-bottom: 0 none
}

.myroonbtn {
    background-color: #1f71ab;
    border-radius: 5px;
    color: #fff !important;
    font-size: .875rem;
    max-width: 100px;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
}

.myroonbtn.disabled {
    background-color: #666;
}

/*장바구니*/

.cart_tab {
    margin: 0;
    padding: 0;
    margin-bottom:22px;
    display:flex;
}

.cart_tab>li {
    list-style: none
}

    .cart_tab > li > a {
        background-color: #EEEEEE;
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        color: #042A6B;
        font-weight: 500;
        text-align: center;
        border-radius: 20px;
        padding: 0 27px;
        display: inline-block;
    }
     .cart_tab > li:first-child{
         margin-right:10px;
     }

.cart_tab>li>A:hover,
.cart_tab>li>A:focus {
    background-color: #eee;
}

.cart_tab>li>A.on {
    background-color: #042a6b;
    color: #fff;
}

.cart_ta {
    border-collapse: collapse;
    border-top: 1px dotted #cecece;
    font-size: 1.125rem;
    margin-bottom: 30px;
    table-layout: fixed;
    width: 100%;
}

.cart_ta th,
.cart_ta td {
    border-bottom: 1px dotted #cecece;
    padding: 16px 5px;
    text-align: center;
}

.cart_ta th {
    background-color: #eee;
    color: #333;
    font-size: 0.875rem
}

.cart_ta td {
    background-color: #fff;
}

.cart_ta td:nth-child(1),
.cart_ta th:nth-child(1) {
    width: 90px
}

.cart_ta td:nth-child(2),
.cart_ta th:nth-child(2) {
    width: 230px
}

.cart_ta td:nth-child(2) img {
    max-width: 230px;
    width: 100%;
}

.cart_ta td:nth-child(3),
.cart_ta th:nth-child(3) {
    line-height: 1.2;
    width: 50%;
}

.cart_ta td:nth-child(4),
.cart_ta th:nth-child(4) {
    width: 180px;
    text-align: center;
    vertical-align: middle;
}

.cart_ta td:nth-child(5),
.cart_ta th:nth-child(5) {
    width: 150px;
    vertical-align: middle;
}

.cart_title {
    vertical-align: top;
}

.cart_title a:hover {
    color: #333;
    cursor: default;
}



.cart_pub {
    color: #999;
    font-size: 0.875rem;
}

.btntd {
    font-size: 0;
    text-align: left;
}

.favoBtn {
    background-color: #1f71ab;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 0.5%;
    max-width: 250px;
    padding: 5px 10px;
    text-align: center;
}

.btncarts {
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 5px;
    font-size: 1rem;
    margin: 0 0.5%;
    width: 49%;
}

.cart_ta td.cart_title {
    text-align: left
}

.cart_ta td.cart_txt {
    font-size: 1rem;
    text-align: right
}

.tfooter td {
    background-color: #eee;
    color: #333;
    font-size: 1.875rem;
    font-weight: 500;
    padding: 2.125rem 0
}

.tfooter td:nth-child(1) {
    padding-left: 30px;
    text-align: left;
}

.tfooter td:nth-child(2) {
    padding-right: 30px;
    text-align: right;
}

.btnboxs {
    font-size: 0;
    text-align: center;
    margin-top: 30px;
}

.bigBtns {
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    margin: 0 0.5%;
    max-width: 200px;
    padding: 10px 0;
    text-align: center;
    width: 49%;
}

.bb21 {
    background-color: #042a6b
}

.bb22 {
    background-color: #1f71ab
}

/*form*/

.formTitle {
    color: #333333;
    font-size: 1.375rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.44px;
    line-height: 2;
    text-align: left;
    padding: 0 10px;
}

.formbox {
    background-color: #eee;
    margin-bottom: 140px;
    padding: 2.5rem;

}

.formbox:last-child {
    margin-bottom: 0;
}

.form_list {
    list-style: none;
    margin: 0;
    padding: 0 20px;
}

.form_list>li {
    font-size: 0;
}

.form_list .loginput {
    padding-top: 0;
    font-size: 17px;
}

    .form2 {
        display: inline-block;
        font-size: 1.25rem;
        min-height: 50px;
        vertical-align: top;
        width: 100%;
    }

.form2>label {
    margin-right: 20px;
    color: #333;
}

.form2>label input {
    margin-right: 7px;
}

.form21 {
    color: #666;
    line-height: 36px;
    width: 210px;
    font-size: 16px;
}

.form22 {
    width: calc(100% - 210px);
}

.formfull .form21,
.formfull .form22 {
    width: 100%
}

.formt {
    color: #333;
    padding-top: 5px;
    font-size: 16px;
}

.formt>label {
    margin-right: 10px;
}

.forminpboxs {
    font-size: 0
}

.formarea {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 8px;
    height: 235px;
    padding: 15px;
    resize: none;
    width: 100%;
}

.forminput {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
    height: 38px;
    padding: 3px 6px 3px;
    vertical-align: middle;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
}

.formbtn {
    background-color: #fff;
    border: 1px solid #042A6B;
    border-radius: 5px;
    color: #042A6B;
    font-size: 14px;
    height: 36px;
    letter-spacing: -0.4px;
    line-height: 36px;
    vertical-align: top;
    width: 85px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

.form_list input[type='date'].forminput {
    width: 47%;
}



.mr08 {
    margin-right: 8px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.form180 {
    width: 180px
}

.form144 {
    width: 144px;
}

.form250 {
    width: 250px;
}

.forminput80 {
    width: calc(100% - 85px - 8px)
}


.forminput::placeholder {
    color: #333;
    font-size: 16px;
}

.formtxt {
    color: #aaaaaa;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.32px;
    line-height: 1.56;
    text-align: left;
}

.contactP {
    color: #333333;
    font-size: 1.25rem;
    letter-spacing: -0.4px;
    line-height: 2.2;
    padding-bottom: 35px;
    text-align: left;
}

.loginB {
    justify-content: center;
    align-items: center;
}

.loginB form {
    height: 100%;
}

    .loginB .AdvertiBox.pc {
        margin-right: 10px;
        width: 400px;
        height: 448px;
    }

.loginB .AdvertiBox.pc img {
    height: 100%;
    width: 100%;
}

.loginB .AdvertiBox.mob {
    height: auto;
    margin-bottom: 1rem;
    margin-right: 0;
    max-width: 635px;
    width: 100%;
}

.AdvertiBox.mob {
    display: none !important;
}

.loginbox {
    /*  width: 95%;
    max-width: 550px;
    border-radius: 10px; */
    /* background-color: #fff; */
   height: 448px;
    margin: 8vh auto;
    overflow: hidden;
}

.logheader {
    background-image: linear-gradient(90deg, #6717cd, #2871fa), linear-gradient(90deg, #ffffff, #ffffff);
    color: #fff;
    font-size: 1.5rem;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.logcont {
    background-color: #fff;
    height: inherit;
    margin: 0 auto;
    padding: 90px 40px 0;
    position: relative;
    width: 430px;
}

.loginBottom {
    bottom: 12px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 81%;
}

.loginTit {
    margin-bottom: 41px;
    text-align: center;
}

.loginTit .logint {
    color: #2071ab;
    font-size: 1.75rem;
    font-weight: bold;
    padding-left: 17px;
    vertical-align: middle;
}

.loginInput {
    background-image: linear-gradient(to left, #2071ab, #062b6c);
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-family: initial;
    font-weight: 400;
    height: 50px;
    padding-left: 50px;
    width: 100%;
}

.loginInput:focus {
    outline: 0;
}

.loginInput::placeholder {
    color: #fff;
    font-size: 16px;
}

.inputIcon {
    left: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

span.field-validation-error {
    font-size: .9375rem;
}

/* .loginbtn {
    background-color: #082f70;
    border: 0 none;
    border-radius: 18px;
    color: #fff;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin: 20px 0 10px;
    width: 168px;
} */


/*modal*/

.vodPop .modal-dialog {
    border-radius: 10px;
}

.vodPop .modal-content {
    border-radius: 10px;
    padding-bottom: 25px
}

.vodPop .modal-header {
    background-image: linear-gradient(90deg, #6717cd, #2871fa), linear-gradient(90deg, #ffffff, #ffffff);
    justify-content: center;
    padding: 63px 0 40px;
    text-align: center;
}

.vodPop .modal-header img {
    max-width: 355px;
    width: 80%;
}

.vodPop .modal-body {
    color: #333333;
    font-size: 1.25rem;
    letter-spacing: -0.4px;
    line-height: 1.75;
    text-align: center;
}

.vodPop .close {
    opacity: 1;
    position: absolute;
    right: -50px;
    top: 0;
}

.vodPop .modal-body {
    padding: 30px 0;
    text-align: center;
}

.colorblue {
    color: #1f71ab !important;
    font-weight: bold !important;
}

.modalbtnbox {
    text-align: center;
}

.vodbtn {
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.25rem;
    height: 40px;
    letter-spacing: -0.4px;
    line-height: 1;
    max-width: 150px;
    text-align: center;
    width: 45%;
}

.greys {
    background-color: #999999
}

.blues {
    background-color: #1f71ab
}


.customModal {
    max-height: 80vh;
    overflow: hidden;
    position: fixed;
    width: 90%;
    z-index: 10000;
}

.scrollboxM {
    height: calc(100% - 165px);
    overflow-y: auto
}

.modalCont {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.cmodalbtnbox {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.closebtn {
    background-color: transparent;
    border: 0 none;
    position: absolute;
    right: 10px;
    top: 10px;
}

.modalitem {
    color: #ffffff;
    font-size: 3.75rem;
    letter-spacing: normal;
    line-height: 1.58;
    margin: auto 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.cmodalbtn {
    background-color: #fff;
    border: 0 none;
    border-radius: 5px;
    color: #333333;
    display: block;
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -0.95px;
    line-height: 1.39;
    margin: 0 auto 50px;
    max-width: 505px;
    padding: 30px 0;
    text-align: center;
    width: 90%;
}

.smallmodal .modalitem {
    font-size: 1.875rem;
    line-height: 1.58;
}

.smallmodal .cmodalbtn {
    font-size: 1.5rem;
    padding: 15px 68px;
}

.smallmodal .cmodalbtn {
    font-size: 1.5rem;
    margin: 0 auto 20px;
    padding: 15px 68px;
}

.smallmodal .scrollboxM {
    height: calc(100% - 110px);
    overflow-y: auto
}

/*join*/

.JoinPop .modal-dialog {
    margin: 1.75rem auto;
    max-width: 800px;
}

.JoinPop .modal-header {
    background-image: linear-gradient(90deg, #6717cd, #2871fa), linear-gradient(90deg, #ffffff, #ffffff);
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: -0.6px;
    line-height: 1;
    padding: 24px 0;
    text-align: center;
}

.JoinPop .form_list {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 20px
}

.JoinPop .form_list label {
    font-weight: bold;
}

.JoinPop .modal-body {
    padding: 1.5rem 2.5rem 2.5rem;
    max-height: 850px;
    overflow: auto;
}

.formtxt span {
    color: #666
}

.joinagree {

    color: rgb(64, 77, 96);
    border-bottom: 1px solid #aaaaaa;
}


.JoinPop2 .modal-dialog {
    margin: 1.75rem auto;
    max-width: 800px;
}

.JoinPop2 .modal-header {
    background-image: linear-gradient(90deg, #6717cd, #2871fa), linear-gradient(90deg, #ffffff, #ffffff);
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: -0.6px;
    line-height: 1;
    padding: 24px 0;
    text-align: center;
}

.JoinPop2 .modal-body {
    padding: 1.5rem 2.5rem 2.5rem;
    overflow: auto;
}

.JoinPop2 .form_list {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 20px;
}

    .JoinPop2 .form_list > li {
        margin-bottom: 20px;
    }

    .JoinPop2 .form_list label {
        font-weight: bold;
    }

.JoinPop2 .form21 {

    line-height: 50px;
    width: 168px;
}

.JoinPop2 .form2 {
    display: inline-block;
    font-size: 1.25rem;
    min-height: 50px;
    vertical-align: top;
}

.JoinPop2 .form21 > label {
    color: #666;
}

.JoinPop2 .forminput {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
    height: 50px;
    padding: 0 15px;
    padding: 6px 6px;
    vertical-align: middle;
    width: 100%;
    font-weight:bold;
}

.JoinPop2 .forminput::placeholder {
    color: #aaa;
    font-size: 16px;
    font-weight:500
}
    /* 
.joinagree .joinBox{
    padding-left: 28%;
} */
    .joinbottomtit {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1.2;
        font-size: 13px;
        color: #000;
    }

.closejoin {
    background: none;
    border: 0 none;
    opacity: 1;
    position: absolute;
    right: -60px;
    top: 0px;
}

.joinbtn {
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.25rem;
    height: 66px;
    letter-spacing: -0.4px;
    line-height: 1;
    max-width: 477px;
    text-align: center;
    width: 80%;
}

.jointitle {
    color: #ff0000;
    text-align: left;
}

.promo_box {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.promo_media {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.payBox {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: 95px auto 200px;
    max-width: 1110px;
    overflow: hidden;
    padding: 30px 75px 50px;
    width: 100%;
}

.pa2 {
    float: left
}

.pa21 {
    width: calc(100% - 260px)
}

.pa22 {
    padding-right: 20px;
    width: 260px;
}

.pa22 img {
    max-width: 240px;
}

.payTitle {
    color: #042a6b;
    font-size: 2.813rem;
    font-weight: bold;
    letter-spacing: -0.9px;
    /*   line-height: 0.98; */
    padding: 1.125rem 0 1.375rem
}

.fail .payTitle {
    color: #ab1f2c;
}

.colorred {
    color: #ab1f2c;
}

.paycont {
    color: #666666;
    font-size: 1.2rem;
    line-height: 1.3;
}

.paybtnBox {
    padding: 5.313rem 0;
}

.paybtn {
    background-color: #042a6b;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    padding: 12px 15px;
}

.paybtn.lineb {
    background-color: #fff;
    border: 1px solid #042a6b;
    color: #042a6b;
}

.JoinPop.paypop .modal-body {
    padding: 1.5rem 2.5rem 0;
}

.JoinPop.paypop.refunPop .modal-dialog {
    font-size: 1.25rem;
    margin: 1.75rem auto;
    max-width: 740px;
    text-align: center;
}

.JoinPop.paypop {
    padding: 0 15px !important;
    width: 95%;
}

.JoinPop .modalbtnbox {
    padding: 30px 0 30px;
}

.paymbtn {
    background-color: #042a6b;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    min-width: 200px;
    padding: 15px 20px;
    text-align: center;
}

.paymbtn.blues {
    background-color: #1f71ab;
}

.commigBox {
    text-align: center
}

.commigBox img {
    max-width: 460px;
    width: 90%
}


/* 수강 및 결제내역 모바일 *****************************************/

.pay_taM tr {
    color: #333;
    font-size: 1.125rem;
}

.pay_taM {
    border-collapse: collapse;
    border-top: 1px dotted #cecece;
    font-size: 1.125rem;
    margin-bottom: 30px;
    table-layout: fixed;
    width: 100%;
}

.pay_taM th,
.pay_taM td {
    border-bottom: 1px dotted #cecece;
    padding: 3px 5px;
    text-align: center;
}

.pay_taM th {
    background-color: #eee;
    color: #333;
    font-size: 0.875rem
}

.pay_taM td {
    background-color: #fff;
    font-size: 0.875rem
}

.pay_taM td:nth-child(1),
.pay_taM th:nth-child(1) {
    width: 121px;
}


.pay_taM td:nth-child(2),
.pay_taM th:nth-child(2) {
    width: 92px;
}

.pay_taM td p {
    margin: 0;
    text-align: left;
}

.cart_titleM a {
    display: block;
    text-align: left;
}

.table_box {
    overflow: auto;
}
/* 수강 및 결제내역 웹 *****************************************/
.pay_ta tr {
    color: #333;
    font-size: 1.125rem;
}

.pay_ta {
    border-bottom: 1px solid #858585;
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%;
    /* table-layout: fixed; */
    white-space: nowrap;
}

.pay_ta th,
.pay_ta td {
    border-bottom: 1px dotted #cecece;
    padding: 16px 5px;
    text-align: center !important;
}

.pay_ta th:last-child,
.pay_ta td:last-child{
    text-align: center;
}

.pay_ta th {
    background-color: #eee;
    color: #333;
    font-size: 0.875rem
}

.pay_ta td {
    background-color: #fff;
    font-size: 0.875rem
}

.pay_ta td:nth-child(1),
.pay_ta th:nth-child(1) {
    width: 200px;
}

.pay_ta td:nth-child(2),
.pay_ta th:nth-child(2) {
    width: 538px;
}

.pay_ta .cart_title a{
    color: #333;
    cursor: inherit;
}


/* 결제창 모달 ********************************************/

.payformList {
    margin: 0 auto;
    padding: 50px 0;
    width: 95%;
}

.modal_info_txt {
    border-bottom: 1px solid #aaa;
    color: #000000;
    letter-spacing: -0.32px;
    text-align: center;
}

.Credit_card {
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    color: #aaa;
    padding: 16px 0 15px 14px;
    word-wrap: break-word;
}

.payPrice {
    color: #e73939;
    font-weight: bold;
    line-height: 50px;
}

.payrquestBtn {
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 1.25rem;
    height: 50px;
    letter-spacing: -0.4px;
    line-height: 50px;
    margin: 0 auto;
    margin-bottom: 51px;
    max-width: 180px;
    text-align: center;
    width: 180px;
}

.square {
    background-color: #333333;
    border-radius: 3px;
    display: inline-block;
    height: 12px;
    margin: 1px 12px 2px 0;
    width: 12px;
}

.paytxt {
    margin: 0;
}

.cuponList {
    list-style: none;
    overflow-y: auto;
    padding: 0;
}

.cuponList li {
    color: #000;
    cursor: pointer;
    padding-left: 6px;
}


/* 결제후vod ***********************************************/

.header_list {
    background-color: #0d053c;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
}

.header_list>div:first-child {
    float: left;
}

.header_list>div:last-child {
    float: right;
}

.traning_tit {
    color: #333;
    font-size: 22px;
    font-weight: 600;
    padding: 40px 0 0 20px;
}


.body_list_box {
    list-style: none;
    padding: 0 20px 0 20px;
    max-height: 366px;
}

.body_list_box li {
    border-bottom: 1px solid #ccc;
    color: #666;
    padding: 10px 0;
    display: flex;
}

    .body_list_box li:last-child {
        border-bottom:0;
    }

    .body_list_box li:hover {
        cursor: pointer;
    }

.body_list_box li>span {
    display: inline-block;
    font-size: 17px;
    vertical-align: middle;
}

.body_list_box li > span:last-child {
    flex: none;
    margin-left: auto;
}


    .body_list_box li > span:nth-child(2) {
        width: 82%;
        padding-left: 6px;
    }


.playicon {
    background-color: #999999;
    border-radius: 50%;
    height: 25px;
    line-height: 20px;
    text-align: center;
    width: 25px;
}



.playicon>svg {
    fill: #fff;
    height: 9px;
    width: 9px;
}

/* 활성화 */

.blue_active {
    color: #1f71ab;
}

.playicon.blue_active {
    background-color: #1f71ab;
}


/* 결제후 교육신청 ****************************************************/

.redNotice {
    color: #f74747;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    padding-top: 10px;
}

.edu_txtCont {
    padding: 0 20px 5px;
}

    .edu_txtCont p {
        margin: 0;
        color: #454545;
        line-height: 1.5;
    }

        .edu_txtCont p:first-child{
            padding-top:8px;
        }

        .edu_txtCont p b {
            color: #ff3131
        }

.aduImg {
    padding: 0 20px;
}

.body_list {
    max-height: calc(100% - 140px - 40px);
    overflow-y: auto;
}


/* 수강 상세 결제 내역 **********************************************/

.payDetail {
    color: #333;
}

.payDetail_box {
    background-color: #eee;
    color: #999;
    font-size: 1.25rem;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 1.75rem 10px;
    text-align: center;
}

.payDetail_box p {
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.payDetail_box>table {
    margin: 0 auto;
    width: 80%;
}

.ta_left {
    background-color: #1f71ab;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #fff;
    padding: 12px 20px;
    width: 185px;
    font-size: 15px;
    word-break: break-word;
}

.payDetail_box>table>tr:last-child>.ta_left {
    border-bottom: 0;
}

.ta_right {
    background-color: #ccc;
    border-bottom: 2px solid #fff;
    color: #333;
    padding: 12px 10px;
    width: 486px;
}

.aduImg img {
    width: 100%;
}


/* 환불규정 팝업창 */

/* 공통 */

.ComScrollPop {
    background-color: #e1e1e1;
    border-radius: 10px;
    color: #666;
    overflow-y: auto;
    width: 100%;
}

.refunPop {
    font-size: 1.25rem;
    padding: 0 15px !important;
    width: 100%;
}

.refunPop .modal-content {
    max-width: 740px;
}

#myRefunModal .modal-content {
    text-align: left;
}

/* 스크롤바 스타일 */

.ComScrollPop::-webkit-scrollbar,
.ComScrollPop::-webkit-scrollbar {
    width: 9px;
}

.ComScrollPop::-webkit-scrollbar-thumb,
.ComScrollPop::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 4.5px;
}

.ComScrollPop::-webkit-scrollbar-track,
.ComScrollPop::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 4.5px;
}

.ComScrollPop {
    scrollbar-3dlight-color: #fff;
    scrollbar-arrow-color: #868686;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: #333;
    scrollbar-highlight-color: #666;
    scrollbar-shadow-color: #000;
    scrollbar-track-color: #000;
}

.refuntxtBox {
    height: 209px;
    padding: 8px 8px 0 21px;
}

.refunInput {
    color: #666;
    padding: 17px 0 39px 0;
}

#myRefunModal .modal-content h4 {
    color: #000;
    font-size: 1.25rem;
    font-weight: bold;
}

#myRefunModal .modal-content small {
    color: #fa3b4d;
    font-size: 16px;
}

.refunAccuntBox {
    line-height: 2;
    margin-bottom: 40px;
}

.refunAccuntBox select {
    margin-right: 8px;
    width: 23%;
}

.refunAccuntBox .refuninput1 {
    margin-right: 8px;
    width: 42%;
}

.refunAccuntBox .refuninput2 {
    width: 31%;
}

.refunReasonBox h4 {
    margin-bottom: 15px;
}

.refunReasonBox textarea {
    border: 1px solid #cecece;
    border-radius: 10px;
    height: 142px;
    line-height: 15px;
    padding: 15px;
    resize: none;
    width: 100%;
}

.refunReasonBox textarea::placeholder {
    color: #aaa;
    font-size: 16px;
    font-weight: bold;
}

.refunAgainBox {
    margin: 40px 0;
}


.mob_adWrap {
    display: none !important;
}







/* 메인 하단 배너 ******************************************************************/

/*banner2*/

/* .banner2.swiper-container {
    margin-top: 70px;
    height: 800px;
}

.banner2 .b2slide1 {
    background: url(../image/dummy/New_main_bottom_banPC01.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    cursor:pointer;
}

.banner2 .b2slide2 {
    background: url(../image/dummy/New_main_bottom_banPC02.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
 */

.banner2.swiper-container {
    cursor: pointer;
}




.banner2 .swiper-pagination {
    display: block;
    padding-top: 17px;
    position: static;
    transform: none;
    transition: none;
}


/* banner2 moblie */

.ban2Moblie .swiper-button-next,
.ban2Moblie .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
}

.ban2Moblie .swiper-slide {
    text-align: center;
}

.ban2Moblie .swiper-slide img {
    height: 100%;
}



.spon .swiper-slide {
    /* outline: 1px dashed red; */
    text-align: center;
}

.bannerW .swiper-button-next,
.bannerW .swiper-button-prev {
    display: none;
}

.bannerW:hover .swiper-button-next {
    display: block;
}

.bannerW:hover .swiper-button-prev {
    display: block;
}

.bannerW img {
    width: 100%;
}


/* 페이징 스타일***************************************** */

#pagingDIV {
    text-align: center;
    margin: 30px;
}

#pagingDIV ul {
    background-color: #fff;
    border: solid 1px #cecece;
    display: inline-block;

    list-style-type: none;
    padding: 0;
}




#pagingDIV>ul li {
    background-color: #fff;
    border-right: 1px solid #ededed;
    cursor: pointer;
    float: left;
    font-size: 1.1em;
}

#pagingDIV>ul li:last-child {
    border-right: 0;
}

#pagingDIV>ul li a {
    color: #1f71ab;
    display: block;
    padding: 0 10px;
}


#pagingDIV>ul>li a:hover {
    background-color: #cecece;
    border-right-color: #ededed;
}

#pagingDIV>ul>li a.active {
    background-color: #1f71ab;
    color: #fff;
    /* font-weight: bold; */
    cursor: default;
}


#pagingDIV2 {
    text-align: center;
    margin: 30px;
}


#pagingDIV2 > ul {
    background-color: #fff;
    border: solid 1px #cecece;
    display: inline-block;
    list-style-type: none;
    padding: 0;
    display: inline-flex;
    justify-content: center;
}

#pagingDIV2 > ul li {
    background-color: #fff;
    border-right: 1px solid #ededed;
    cursor: pointer;
    float: left;
    font-size: 1.1em;
}

#pagingDIV2 > ul li:last-child {
    border-right: 0;
}

#pagingDIV2 > ul li a {
    color: #1f71ab;
    display: block;
    padding: 0 10px;
}


#pagingDIV2 > ul > li a:hover {
    background-color: #cecece;
    border-right-color: #ededed;
    height: 100%;
}

#pagingDIV2 > ul > li a.active {
    background-color: #1f71ab;
    color: #fff;
    /* font-weight: bold; */
    cursor: default;
    font-size: 1.2rem;
    outline: 1px solid #337ab7;
}


/*퀴즈풀기페이지*************************************/

.quizMain_tit {
    color: #0d053c;
    font-size: 1.5rem;
    margin-bottom: 52px;
    padding: 0 1.938rem 0 1.938rem;
}

.quizMain_tit p {
    border-bottom: 2px solid #ccc;
    padding: 25px 0;
}

.qzlist {
    color: #333;
    font-size: 1.25rem;
    line-height: 30px;
    list-style: none;
    margin-top: 24px;
    padding: 0;
    text-align: left;
}

.qt_box input {
    margin-right: 7px;
}


.qz_question {
    color: #777;
    margin-bottom: 46px;
    padding-left: 10px;
    text-align: left;
}

.qz_cont_box {
    border-bottom: 1px solid #cecece;
    padding-bottom: 54px;
    padding-top: 77px;
    padding-bottom: 20px;
    padding-left: 39px;
}

.qz_cont_box>.qz_question:last-child {
    margin-bottom: 0;
}

.qz_question>p {
    font-size: 18px;
    padding-bottom: 20px;
}

.qt_box {
    font-size: 16px;
    list-style: none;
    padding-left: 19px;
}

.qt_box li p {
    display: block;
}


/*퀴즈시작 페이지**************************************/
.QTitle {
    color: #0d053c;
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 31px;
}

.quizComBox {
    border: solid 1px #cecece;
    background-color: #eee;
    padding: 36px 31px;
}

.quizComBox>div {
    border-bottom: 2px solid #ccc;
}

.quizComBox>div:last-child {
    border-bottom: none;
}

.Qcenter {
    padding: 70px 0;
}

.Qcenter ul {
    list-style: none;
    font-size: 1.875rem;
    color: #777;
    line-height: 50px;
    font-weight: 600;
    padding-left: 0;
}

.Qcenter ul li span {
    color: #2b92db;
}

.Qintxt {
    text-align: left;
    font-weight: bold;
    color: #333;
    font-size: 17px;
    padding-top: 19px;
}

.Qintxt ul {
    list-style: none;
    padding: 0;
}

.Qintxt ul li span {
    color: #ff3131;
}


/* 퀴즈 풀기 페이지 뉴*******************************************/
.d-flexBox {
    display: flex;
    justify-content: space-between;
}

.qsLeftBox {
    max-width: 1094px;
    width: 100%;
    margin-right: 53px;

}

.QstimeBox {
    background-color: #ffd479;
    margin-bottom: 52px;
    padding: 25px 29px 27px 29px;
}

.QstimeBox h3 {
    color: #333;
    font-weight: normal;
}

.QstimeBox h3 big {
    font-weight: bold;
    font-size: 24px;
}

.QstimeBox h3 span {
    color: #1f95ed;
    font-weight: bold;
}

.QstimeBox p {
    margin: 0;
}

.qsLeftBox .qz_questionDetail {
    padding-left: 0;
}





.qsBtns button {
    background-color: #0d053c;
    border: 1px solid #0d053c;
    width: 137px;
    padding: 8px 0;
}

.qsBtns button:hover {
    background-color: #0d053c !important;
    border: 1px solid #0d053c !important;
    box-shadow: none;
    transform: none;
    color: #fff;
}





.qsBtns .yelloBtn {
    background-color: #ffb83c;
    border: 1px solid #ffb83c;
    color: #fff;
}

.qsBtns button.yelloBtn:hover {
    background-color: #ffb83c !important;
    border: 1px solid #ffb83c !important;
    transform: none !important;
}

.answer_box {
    width: 280px;
    border: 1px solid #ccc;
    color: #777;
    border-radius: 6px;
    padding-left: 12px;
    font-size: 16px;
}


.GroupBody {
    margin-top: 15px;
}

.GroupBody h5 {
    color: #333;
    font-size: 18px;
    margin-bottom: 9px;
}

.GroupHead p {
    color: #333;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.GroupBody>div {
    margin-bottom: 26px;
}

.GroupBody p input {}

.GroupBody p input:focus {
    outline: 0;
}


.answerSheetBox {
    width: 320px;
    border: 1px solid #ccc;
}

.timeBox.mob {
    display: none;
}

.timeBox {
    text-align: center;
    padding: 36px 0;
}

.timeBox p {
    color: #777;
    font-size: 20px;
}

.timeBox big {
    color: #1f95ed;
    font-size: 41.5px;
    font-weight: bold;
}

.answerSheetBox .sheetTit {
    background-color: #0d053c;
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 20px 0;
}

.an_table table th {
    background-color: #ddd;
    color: #fff;
    width: 46px;
    height: 45px;
    text-align: center;
}

.an_table table {
    width: 100%;
}

.an_table table tr {
    border-bottom: 1px solid #ccc;
}

.an_table table tr.now th {
    background-color: #1f71ab;
}

.an_table table tr.no th {
    background-color: #fd2b2b;
}

.an_table table td {
    width: 21%;
    text-align: center;
}

.an_table table td input[type='radio'] {
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.an_table table td span {
    position: relative;
    font-size: 18px;
}

.an_table table td span input {
    position: absolute;
    left: 1px;
    top: 5px;
    opacity: 0;
}

.an_table table td span input:checked {
    opacity: 1;
    background-color: #1f95ed;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 100%;
}




.an_table table td textarea.autosize {
    min-height: 36px;
    width: 88%;
    border: 0;
    height: 36px;
    resize: none;
    margin-bottom: -9px;
}

.an_table table td textarea.autosize:focus {
    outline: 0;
}



.an_btnBox {
    text-align: center;
    padding: 17px 0;
}

.an_btnBox button {
    background-color: #ccc;
    border: 0;
    width: 168px;
    height: 51px;
    font-size: 18px;
}

.an_btnBox button {
    background-color: #ffb83c;
}

.an_btnBox button:hover {
    background-color: #ffb83c !important;
    color: #fff;
    border: 0;
    transform: none;
    box-shadow: none;
}


button:disabled {
    background-color: #ccc !important;
    border: 1px solid #ccc !important;
    cursor: inherit;
}

button:disabled:hover {
    background-color: #ccc !important;
    border: 1px solid #ccc !important;
    box-shadow: none;
    transform: none;
    color: #fff;
}

/* 모바일 답안지 플로팅 */
.floatWrapMOB {
    background-color: #eaeaea;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 27%;
    /*height: 7%;*/
    z-index: 99;
    text-align: center;
    transition: all .3s ease-in-out;
    display: none;
}

.answerSheetBoxMini table {
    margin: 0 auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.answerSheetBoxMini table th {
    background-color: #ddd;
    color: #fff;
    width: 46px;
    height: 45px;
    text-align: center;
}

.answerSheetBoxMini table td {
    width: 21%;
    text-align: center;
}

.answerSheetBoxMini table td span {
    position: relative;
    font-size: 18px;
}

.answerSheetBoxMini table td span input {
    position: absolute;
    left: 1px;
    top: 5px;
    opacity: 0;
}

.answerSheetBoxMini table td input[type='radio'] {
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.answerSheetBoxMini table td span input:checked {
    opacity: 1;
    background-color: #1f95ed;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 100%;
}


.floatWrapMOB.on {
    height: 100%;
    transition: all .3s ease-in-out;
}

.floatWrapMOB>button {
    border: none;
    background-color: transparent;
    color: #1f95ed;
    margin: 10px 0;
    width: 100%;
}

.floatWrapMOB>button i {
    font-size: 20px;
}

.floatWrapMOB .answerSheetBox {
    margin: 0 auto;
    max-height: calc(100% - 42px);
    overflow: auto;
}

.floatWrapMOB .an_table table th {
    height: auto;
}

.floatWrapMOB .an_table table td textarea.autosize {
    background-color: transparent;
}

.answerSheetBoxMiniWrap {
    display: block;
    width: 320px;
    margin: 0 auto 25px;
}

.answerSheetBoxMiniWrap.on {
    display: none;
}














/* 퀴즈 결과 페이지*******************************************/

.ContTitle .nm {
    color: #1f71ab;
}

.ContTitle .contLink.active {
    color: #1f71ab;
    position: relative;
}

.ContTitle .contLink.active::after {
    width: 100%;
    position: absolute;
    content: '';
    height: 1px;
    background-color: #1f71ab;
}

.quizCom_Title {
    background-color: #f5f5f575;
    border: 1px solid #bbbbbb;
    padding: 3rem 3.1875rem;
    margin-bottom: 50px;
}

.quizarea {
    background-color: #c1cdd152;
    text-align: center;
    padding: 38px 0 46px;
    margin-bottom: 27px;
}

.quizarea h2 {
    color: #294c73;
    font-size: 3.1563rem;
    font-weight: bold;
}

.quizCom_Title>p,
.quizarea>p {
    color: #000;
    font-weight: bold;
    font-size: 1.5625rem;
    margin-bottom: 20px;
}

.redtit {
    color: #e12222;
}

.bluetit {
    color: #00a0e9;
}

.quizarea .qz_toatlBox {
    background-color: #ccc;
    width: 337px;
    height: 54px;
    line-height: 54px;
    margin: 0 auto;
    font-size: 20px;
}

.qzlist {
    color: #333;
    line-height: 1.5;
    font-size: 1.0625rem;
    font-weight: 600;
}

.QuizSuccBtn button {
    width: 137px;
    margin: 0 5px;
}

.QuizSuccBtn button:last-child {
    margin: 0;
}

.QuizSuccBtn button:hover {
    box-shadow: none;
    transform: none;
}

.QuizSuccBtn button.btnNavy {
    border: 1px solid #0d053c;
    background-color: #0d053c;
    color: #fff;
}

.QuizSuccBtn {
    margin-top: 39px;
}

/*퀴즈 채점내역 페이지**************************************/
.qz_question {
    margin-bottom: 60px;
    padding-left: 10px;
}

.qz_questionDetail {
    padding-right: 10px;
}

.qz_question>p {
    color: #333;
    font-weight: 500;
    font-size: 18px;
    position: relative;
}

.qz_question>p>img {
    position: absolute;
    left: -48px;
    top: -29px;
}

.qt_box li {
    color: #777;
    font-size: 17px;
}

.qt_box li input:checked+span {
    color: #00a0e9;
}

.qt_box li label {
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 0;
}

.qz_question>div.bgBlue {
    background-color: #00a0e9;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 6px 49px 7px;
    font-size: 16px;
    margin-left: 19px;
    margin-top: 10px;
    text-align: center;
}

.qz_question .an_txt {
    font-size: 20px;
    padding-left: 19px;
}







/*퀴즈성공 페이지**************************************/

.quizCom_wrap {
    margin: 0 auto;
    max-width: 1560px;
    width: 100%;
}

.quizCom_box {
    background-color: #fff;
    background-color: #fff;
    border: 1px solid #cccccc;
    overflow: hidden;
    padding: 21px 21px 10rem 21px;
    text-align: center;
    width: 100%;
}

.quizCom_Title {
    background-color: #fff;
    border: 1px solid #cecece;
}

.QsTitle {
    color: #0d053c;
    font-size: 2.813rem;
    font-weight: bold;
    letter-spacing: -0.9px;
    line-height: 0.98;
    padding: 3.125rem 1.375rem;
}

.QsTitle p {
    color: #0d053c;
    padding-top: 15px;
}

.Qs_cont_box {
    border-bottom: 1px solid #cecece;
    padding: 9.188rem 0;
}

.Qs_txtBox {
    display: block;
    font-size: 1.25rem;
}

/*이름*/

.Qs_cont_box .QsName {
    color: #0d053c;
}

/*점수*/

.Qs_cont_box .point {
    color: #ff0000;
}

.Qs_subBOx {
    background-color: #d6d5d5;
    color: #676666;
    display: inline-block;
    font-weight: bold;
    margin-top: 30px;
    padding: 20px 40px;
}

/*퀴즈공통버튼*/

.Qsbtn {
    background-color: #0d053c;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    max-width: 250px;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    top: 53px;
}



/*퀴즈풀이 내역페이지***************************************/

.QsDtailCombtn {
    border: none;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 1.125rem;
    margin: 0 auto;
    text-align: center;
}

.QsDtailbtn {
    height: 31px;
    max-width: 250px;
    width: 76px;
}

.QsBlue {
    background-color: #1f71ab;
}

.QsRed {
    background-color: #c93b34;
}

.QsNavy {
    background-color: #0d053c;
}

.QsGobtn {
    font-size: 1em;
    height: 31px;
}

.qz_box .cart_title {
    text-align: left;
}

.qz_box .cart_title a {
    color: #1f71ab;
    cursor: pointer;
}

.qz_box a.showCertibtn {
    color: #1f71ab;
    font-size: 16px;
}





/*회원가입창 크기*/

.join_modal {
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
}


/* 추천인명 */
datalist {
    position: absolute;
    z-index: 9;
    background-color: #ddd;
    border: 1px solid rgb(107, 106, 106);
    border-radius: 0 0 5px 5px;
    border-top: none;
    font-family: sans-serif;
    width: 350px;
    height: 100px;
    overflow-y: auto;
    padding: 5px 0;
    max-height: 10rem;
    overflow-y: auto
}

#reco_list option {
    padding: 0 4px 4px 10px;
    color: #000;
    margin-bottom: 1px;
    font-size: 17px;
    cursor: pointer;
    font-family: 'Noto Sans KR', sans-serif;
}

#reco_list option:hover,
#reco_list.active {
    background-color: lightblue;
}


/*환불정책*/
.tremsBox{
    padding-top: 3rem;
}

.tremsBox .nav-tabs .nav-link.active{
    background: #fdfdfd;
    color: #000;
}

.tremsBox .nav-tabs .nav-link{
    color: #726f6f;
}

.container-body {
    background-color: #f9f9f9;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0px;
    max-width: 1460px;
    min-height: initial;
    padding-bottom: 55px;
    padding-top: 20px;
}

.panel-body {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    background: #fdfdfd;
    border-bottom-color: #bbb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    padding: 15px;
}

.panel-body.policy ul li{
    line-height: 2;
    color: rgb(64, 77, 96);
}

.panel-body ol {
    padding: 0;
}

.black-left {
    /* margin-top: 0; */
    border-left: solid 6px #000000;
    /* line-height: 1; */
    margin-bottom: 22px;
    margin-left: 0px;
    /* color: #000; */
    margin-top: 20px;
    padding-left: 10px;
}

.policy strong {
    color: black;
    font-size: larger;
    font-size: larger;
}

/* 메인 구독서비스 모달 */
.subscription_popup .txt{
    line-height: 2;
}
.subscription_popup .modal-body {
    background: url(../image/pop_bell.png)no-repeat;
    background-position: right bottom;
    height: 300px;

}
.subscription_popup .txt strong{
    color: #000;
    font-size: 25px;
    display: inline-block;
}
.subscription_popup .txt span{
    background-color: #000;
    color: #fff;
}
.subscription_popup .Pop_closebtn {
    right: 20px;
    top: 9px;
}
.subscription_popup .modal-content{
    border-radius: 20px;
    padding: 42px 30px 40px 30px;
    text-align: left;
    color: #333;
    position: relative;
    background-color: #dfe1e4;
    max-width: 480px;
    width: 100%;
}
.subscription_popup .modal_btns button:first-child{
    background-color: #000;
    color: #fff;
    height: 45px;
}
.subscription_popup .modal_btns button:last-child{
    background-color: #005aff;
    color: #fff;
    height: 45px;
}
.modal_btns{
    margin-top: 28px;
}
.modal_btns button{
    width: 48%;
    font-size: 15px;
}
.modal_btns button:first-child{
    margin-right: 5px;
}
.roundBtn{
    height: 40px;
    border-radius: 8px ;
}

.round_btndefult{
    background-color: #fff;
    border:1px solid #042A6B ;
    color: #1E1E1E;
    font-size: 18px;
}
.round_btnNavy{
    background-color: #042A6B;
    color: #fff;
    border: 0;
}
.round_btnNavy:hover{
    color: #fff;
}



/* 최초 로그인 모달창 ***************************************/
.firstlogin_popup {
    width: 420px;
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../image/agreepopupBG.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 999999;
    padding: 42px 51px 40px 43px;
}

.firstlogin_popup .popBox_body {
    border-radius: 27px;
    padding: 29px 20px 34px 20px;
    text-align: center;
    background-color: #fff;
}

.firstlogin_popup .popBox_body h1 {
    font-size: 1.9rem;
    letter-spacing: -1.4px;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    line-height: 1;
    font-family: GangwonEduPower;
    margin-bottom: 20px;
}

.firstlogin_popup .popBox_body .txt {

    line-height: 1.7;
    color: #000;
    font-size: 17px;
    margin-bottom: 20px;
}

.firstlogin_popup .popBox_body .txt>b {
    background-color: #fa6f83;
    border-radius: 12px;
    color: #fff;
    font-weight: bold;
    padding: 0 7px 3px;
}


.firstlogin_popup .popBox_body img {
    margin-bottom: 10px;
}

.firstlogin_popup .popBox_body .dott {
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 10px;


}

.firstlogin_popup .popBox_body .dott::before {
    content: "";
    position: absolute;
    border-top: 4px dashed #656565;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
}

.firstlogin_popup .popBox_body p {
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
    font-size: 18px;
}

.firstlogin_popup .popBox_body .statusBtn {
    margin: 10px auto;
}

.firstlogin_popup .popBox_body button {
    width: 100%;
    height: 53px;
    line-height: 53px;
    background-color: #fb748a;
    border-radius: 10px;
    border: 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.96px;
}


/*리뉴얼 안내 모달창 ***************************************/

.quizPop_wrap {
    background-color: rgba(77, 76, 76, 0.37);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.quizPop_box {
    background-color: #fff;
    height: 600px;
    left: 50%;
    position: absolute;
    /*    outline: 3px dashed red;*/
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
}

.quizPop_closebtn {
    position: absolute;
    right: -10%;
    top: 0;
}

.quizPop_closebtn button {
    background-color: transparent;
    border: 0;
    font-size: 30px;
    font-weight: bold;
}

/* 쿠폰 발급 팝업 ********************************************************************/

/* .coupon_wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;

} */

.coupon_box {
    animation: couponAni 2s;
    bottom: 0;
    height: 300px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 430px;
    z-index: 999999;
}

.coupon_box p {
    color: #fff;
    font-size: 1.813rem;
    left: 50%;
    line-height: 1.5;
    position: absolute;
    top: 25%;
    transform: translateX(-50%);
    z-index: -1;
}

/* 키프레임 이름 = 애니메이션 이름 */

@-webkit-keyframes couponAni {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 0;
    }
}

.coupon_box.on {
    animation: couponDown 3s;
    bottom: -100%;
    display: none;
}

@-webkit-keyframes couponDown {
    0% {
        bottom: 0;
    }

    100% {
        bottom: -100%;
    }
}

.couponPop_closebtn {
    position: absolute;
    right: 5px;
    top: 10px;
}

.couponPop_closebtn button {
    background-color: transparent;
    border: 0;
    font-size: 30px;
    font-weight: bold;
}

.goCoupon {
    background-color: #fff;
    border-radius: 10px;
    bottom: 18px;
    height: 56px;
    left: 50%;
    line-height: 56px;
    position: absolute;
    transform: translateX(-50%);
    width: 60%;
}

.coupon_box img {
    height: 100%;
    width: 100%;
}

.goCoupon button {
    background-color: transparent;
    border: 0;
    font-size: 1.25rem;
    font-weight: bold;
}


/* 플로팅 광고 ***************************************************/

.Adverti_floatBox {
    height: 262px;
    overflow: hidden;
    width: 100%;
}

.Adverti_floatBox img {
    height: 100%;
    width: 100%;
}
.floatingBox {
    position: absolute;
    right: 84px;
    z-index: 1;
    top: 30px;
    z-index: 9;
}

.floatingBox.fix{
    position: absolute;
    right:91px;
    margin-top: 209px;
    z-index: 2;
    top: inherit !important;
    height: 100%;
}

.floatingBox.fix .Adverti_floatWrap{
    position: absolute;
    bottom: 183px;
    right: 0;
}
.Adverti_floatWrap {
   
    width: 142px;
   
}


.Adverti_floatWrap button {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: -36px;
}

.Adverti_floatWrap button img {
    width: 20px;
}


/* New팝업  ***************************************************************/

.Pop_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;
    background-color: rgba(77, 76, 76, 0.37);
    /*display: none;*/
}

.Pop_box {
    position: absolute;
    max-width: 500px;
    width: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    text-align: center;
}


.Pop_closebtn {
    position: absolute;
    right: -10%;
    top: 0;
    cursor: pointer;
}

.Pop_closebtn button {
    border: 0;
    font-size: 30px;
    font-weight: bold;
    background-color: transparent;
    padding: 0;
}

/*.popSwiper .swiper-wrapper {
    height: 500px;
}*/

.popSwiper .swiper-slide {
    height: 100%;
}

.popSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.popSwiper .pagingBox {
    background-color: #000;
    width: 100%;
}

.pagingBox label {
    float: right;
    color: #fff;
    margin-bottom: 0;
    line-height: 40px;
    margin-right: 13px;
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
    margin-left: auto;
}

.pagingBox label input {
    margin-right: 9px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.popBox_body .pagingBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.popBox_body .pagingBox .swiper-pagination-bullets {
    height: 100%;
    text-align: left;
    padding-left: 17px;
}

.popBox_body .pagingBox .swiper-pagination-bullets span {
    width: 22px;
    height: 5px;
    background: #fff;
    border-radius: 1.6px;
    margin-right: 1px;
    opacity: 1;
}

.popBox_body .pagingBox .swiper-pagination-bullet-active {
    width: 22px;
    height: 5px;
    border-radius: 1.6px;
    background: #00a0e9 !important;
}


/* 강의영상 상세 - 광고영역부분 ***************************************/

/*
    .contents_Adverti.mob {
        display: none !important;
    }
        */

.contents_Adverti {
    height: 140px;
    padding: 20px;
}

    .contents_Adverti.mob {
        height: auto;
    } 

.contents_Adverti a {
    display: block;
    height: 100%;
}

.contents_Adverti a img {
    height: 115%;
    width: 100%;
}



/* 고객센터, 마이페이지 - 광고영역부분 ************************************/

/*
    .customer_Adverti.mob {
        display: none !important;
    }
        */

.customer_Adverti.mob {
    height: auto;
}

.customer_Adverti {
    height: 240px;
    width: 100%;
}

.customer_Adverti img {
    height: 100%;
    width: 100%;
}

.customer_Adverti_lnb{
    height: 260px;
    width: 190px;
    margin: 0 auto;
    margin-top: 15px;
}
/* VOD - 광고영역부분 ************************************/


.AdvertiSlide.pc img {
    height: 100%;
    width: 100%;
}

/*
    .AdvertiSlide.mob {
        display: none !important;
    }
        */






/* 문의하기 페이지 **************************************************************************/

.quest_box {
    padding-bottom: 30px;
}

.quest_ta {
    border-bottom: 1px solid #858585;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.quest_ta ul {
    display: flex;
    list-style: none;
    width: 100%;
}

.quest_ta .quest_header {
    background-color: #042a6b;
    color: #fff;
    font-size: 1.25rem;
    font-weight: normal;
    height: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0;
}

.quest_ta .quest_line {
    cursor: pointer;
}

.writeBtn {
    text-align: right;
}

.quest_ta {
    /*    table-layout: fixed;*/
    border-bottom: 1px solid #858585;
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%;
}


.quest_ta th,
.quest_ta td {
    padding: 20px 5px;
    text-align: center;
    word-break: keep-all;
}

.quest_ta th {
    background-color: #042a6b;
    color: #fff;
    font-size: 1.25rem;
    font-weight: normal;
    word-break: keep-all;
}

.quest_ta td {
    border-bottom: 1px dashed #cecece;
    color: #777;
    font-size: 1rem;
    font-weight: normal;
}

.quest_ta td:nth-child(2),
.quest_ta th:nth-child(2) {
    text-align: left;
    width: 50%;
}

.quest_ta tr:last-child td {
    border-bottom: 0 none
}

.radio_inpt {
    line-height: 40px;
}

.radio_inpt label {
    margin-right: 40px;
    vertical-align: middle;
}

.Stitle {
    vertical-align: middle;
}

.radio_inpt label input {
    margin-right: 5px;
}

/* 문의하기-팝업 */

.pwPop .modal-content {
    text-align: center;
}

.pwPop .modal-body p {
    font-size: 1.25rem;
    margin-bottom: 22px;
}

.pwPop .modal-body input {
    width: 46%;
}



/* 게시물관리 페이지 *******************************************************************/

.myPost_ta tbody tr td a {
    display: block;
}

.myPost_ta {
    border-bottom: 1px solid #858585;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.myPost_ta .quest_header {
    background-color: #042a6b;
    color: #fff;
    font-size: 1.25rem;
    font-weight: normal;
    height: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0;
}

.myPost_ta th,
.myPost_ta td {
    padding: 20px 5px;
    text-align: center;
    word-break: keep-all;
}

.myPost_ta th {
    background-color: #042a6b;
    color: #fff;
    font-size: 1.25rem;
    font-weight: normal;
    word-break: keep-all;
}

.myPost_ta td {
    border-bottom: 1px dashed #cecece;
    color: #777;
    font-size: 1rem;
    font-weight: normal;
}

.myPost_ta td:nth-child(3) {
    text-align: left;
    width: 50%;
}

.myPost_ta tr:last-child td {
    border-bottom: 0 none
}


/* 게시물 보기 *************************************************/

.scrollBox {
    height: 200px;
    margin-bottom: 26px;
    overflow-y: auto;
}

.postForm {
    margin-bottom: 12px;
    padding-bottom: 0;
}

/* 스크롤바 스타일 */

.scrollBox::-webkit-scrollbar,
.scrollBox::-webkit-scrollbar {
    width: 9px;
}

.scrollBox::-webkit-scrollbar-thumb,
.scrollBox::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 4.5px;
}

.scrollBox::-webkit-scrollbar-track,
.scrollBox::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 4.5px;
}

.scrollBox {
    scrollbar-3dlight-color: #fff;
    scrollbar-arrow-color: #868686;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: #333;
    scrollbar-highlight-color: #666;
    scrollbar-shadow-color: #000;
    scrollbar-track-color: #000;
}

#Mypost_form .btnboxs {
    text-align: right;
}

.anw_box {
    font-size: 1.25rem;
    margin-top: 77px;
}

.anw_head {
    border-bottom: 1px solid #cecece;
    padding-bottom: 17px;
}

.anw_head b {
    color: #1f71ab;
    font-weight: normal;
}


/* 쿠폰관리 **********************************************************/

.coupon_ta>tbody>tr>td:first-child {
    width: 5%;
}

.cuponPop h4 {
    color: #000;
    font-weight: bold;
    margin-bottom: 39px;
}

.cuponBox {
    height: 300px;
    margin: 0;
}

.cuponBox .panel-body>ol>li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




/* 수강후기 *********************************************************/

.review_bottom_box {
    display: flex;
    height: auto;
    justify-content: space-between;
    width: 100%;
}

.reviewSearch {
    flex: none;
    width: 55%;
}

.review_bottom_box .writeBtn {
    margin-left: auto;
    width: 50%;
}

.reviewSearch form {
    display: inline;
}

.reviwSbtn {
    border: 0 none;
    border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    height: 50px;
    letter-spacing: -0.32px;
    line-height: 1;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 110px;
}

.quest_item {
    cursor: pointer;
}




/* 홍보영상 **************************************************/

.promoVid_box {
    display: flex;
    flex-wrap: wrap;
    /* outline: 1px dashed red; */
    padding: 0;
    width: 100%;
    /* justify-content: center;*/
}

.promoVid_box li {
    height: auto;
    list-style: none;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
}

.promoVid_box li:nth-child(2n) {
    margin-right: 0;
}

.promoVid_box .promo_box iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}





/* 서비스소개 *******************************************************/

.serviceSec {
    text-align: center;
}

.sec1 {
    position: relative;
}

    .sec1 button {
        background-color: transparent;
        border: none;
        border: 3px solid #fff;
        bottom: 5.625rem;
        bottom: 15px;
        color: #fff;
        font-size: 2.563rem;
        font-size: 27px;
        left: 50%;
        padding: 1.938rem 9.688rem;
        position: absolute;
        text-align: center;
        transform: translateX(-50%);
        height: 50px;
    }

.sec1 button:hover{
    border: 3px solid #fff;
    color: #fff;
}

.sec8 button {
    display: inherit;
    outline: 0;
    border: 0;
}

.sec1 button img {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
}

.sec8 {
    position: relative;
    margin-bottom: -2px;
}

    .sec8 .gojoin_btn {
        bottom: 1.625rem;
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }
.sec7{
    position: relative;
}
.sec7 .vidWrap {
    bottom: 10%;
    height: 58%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    /*outline: 1px dashed red;*/
    width: 52.8%;
}

.vidWrap iframe {
    height: 100%;
    width: 100%;
}


/* 비밀번호 찾기 ************************************************************/

#changePassword .formtxt {
    color: #666;
    font-size: 1.25rem;
    padding-top: 21px;
}

.moveTo {
    color: #0d053c;
    font-weight: bold;
}

.moveTo:hover {
    color: #0d053c;
}


#loginLink {
    color: #0d053c;
    font-weight: bold;
}

.Comfireset {
    color: #666;
    font-size: 1.25rem;
}


/* 퀴즈내역 인증서보기 ************************************/

.cerpop {
    text-align: center;
    vertical-align: middle
}


.cerpop .panel {
    display: table;
    height: 100%;
    width: 100%;
}

.pannel_in {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.pannel_in2 {
    margin: 0 auto;
    max-width: 640px;
    position: relative;
    width: 90%;
    overflow: auto;
}

.maxcer {
    margin: 0 auto;
    max-width: 580px;
    width: 90%;
}

.cerpop .closebtns {
    /*     float: right; */
    margin: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}

.cerpop .panel-body {
    padding: 30px;
}

.cerwrap {
    /*     background-color:#ccc; */
    border: 1px solid #ccc;
    padding: 30px 0;
}

.cerbox {
    background: url(../image/quiz/footbg.png) center no-repeat;
    background-color: #fff;
    background-size: 80%;
    line-height: 1;
    padding: 40px 0 30px;
    text-align: center;
    word-break: keep-all;
}

.cerbox2 {
    background: none;
    background-color: #fff;
    position: relative;
}

.c_title1 {
    color: #0d053c;
    font-size: 36px;
    font-weight: bold;
}

.c_title2 {
    color: #777;
    font-size: 20px;
    padding-top: 15px;
}

.foobg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.c_txt2 {
    color: #777;
    font-size: 20px;
    padding: 10px 0 0px;
}

.c_name {
    color: #000;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 1.2;
    padding: 80px 0 15px;
}

.c_txt1 {
    color: #000;
    font-size: 18px;
    letter-spacing: -.6px;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 375px;
    width: 90%;
}

.c_txt2 {
    color: #777;
    font-size: 16px;
    letter-spacing: -.6px;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 375px;
    padding: 20px 0 40px;
    width: 90%;
}

.c_title3 {
    color: #777;
    font-size: 16px;
    padding-bottom: 60px;
}

.c_date {
    color: #777;
    font-size: 16px;
}

.c_cright {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 30px 60px;
}

.c_ligo {
    margin: 0 auto;
    max-width: 230px;
    text-align: center;
    width: 90%;
}

.c_printbtn {
    background-color: #0e083a;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 8px 0;
    text-align: center;
    width: 110px;
}

.cerpop .panel-footer {
    border-top: 0 none;
    padding: 30px 0;
}

.description-head2 {
    box-sizing: border-box;
    font-size: 20px;
    /*color: crimson;*/
    font-weight: 500;
    height: 100%;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 20px 0 0;
    text-align: center;
    width: auto;
}

.panel-heading {
    /*background: #f6f6f6;*/
    background: #0d053c;
    border-bottom: 1px solid #DADADA;
    border-radius: 5px 5px 0 0;
    padding: 5px 15px;
    /*padding: 18px;*/
    position: relative;
}

.modal-panel-heading {
    /*background: #f6f6f6;*/
    background: #0d053c;
    border-bottom: 1px solid #DADADA;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    position: relative;
}

.loginclose-vertically-centered {
    color: white;
    cursor: pointer;
    cursor: hand;
    /* background: #1fa0d8;*/
    font-size: large;
    height: 48px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.loginclose-vertically-centered img {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}

.loginclose-vertically-centered:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


/* new 프로필 수정  ********************************/
.NickNamebox {
    display: flex;
}

.NickNamebox>div {
    width: 50%;
}

#userNickName {
    margin-right: 15px;
}

.NickBtn {
    display: inline-block;
    background-color: #1f71ab;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.25rem;
    height: 40px;
    line-height: 40px;
    letter-spacing: -0.4px;
    vertical-align: top;
    text-align: center;
    width: 87px;
}

.NickBtn:hover {
    color: #fff;
}

.rankarea {
    position: relative;
}

.NickNamebox .rankarea>span:first-child {
    margin-right: 25px;
}

.rankarea i {
    background-color: #042a6b;
    color: #fff;
    font-family: none;
    border-radius: 50%;
    width: 15;
    width: 24px;
    height: 24px;
    text-align: center;
    display: inline-block;
    line-height: 24px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Noto Sans KR';
    padding-right: 2px;
}

.NickNamebox .rankarea span:last-child img {
    margin-right: 5px;
}

.rankBox {
    position: absolute;
    top: 56px;
    left: -169px;
    background-color: #fff;
    z-index: 1;
}

.rankBox .rankpop {
    font-size: 17px;
    color: #1078e2;
    margin: 22px 0;
    display: block;
}

.ranktable {
    min-width: 604px;
    border: 1px solid #a2a2a2;
    
    padding: 30px 20px 0;
    position: relative;
}

.ranktable .close{
    float: right;
}

.ranktable2 {
    padding: 10px 0px;
}

.ranktable::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 16px 20px 17.5px;
    border-color: #7F7F7F transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.ranktable::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 16px 20px 17.5px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -18.5px;
    left: 50%;
    transform: translateX(-50%);
}

.rankarea .ranktable>p span {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.ranktable table,
.ranktable2 table {
    font-size: 17px;
    width: 100%;
}


.ranktable table th,
.ranktable2 table th {
    background-color: #e9e9e9;
    color: #999;
    text-align: center;
    border-right: 1px solid #d8d8d8;
    padding: 8px 10px;
    font-size: 1rem;
    line-height: 1.2;
}


.ranktable table tr,
.ranktable2 table tr {
    border-bottom: 1px solid #d8d8d8;
}

.ranktable table td,
.ranktable2 table td {
    text-align: center;
    border-right: 1px solid #d8d8d8;
    height: 64px;
    line-height: 64px;
}

.ranktable table td:last-child,
.ranktable2 table td:last-child {
    border: 0;
}

.ranktable table td>img,
.ranktable2 table td>img {
    width: 20px;
    height: 20px;
}

.rankpop_name {
    display: inline-block;
    width: 56px;
}

.statusBtn {
    position: relative;
    width: 56px;
    height: 32px;
    border-radius: 20px;
    background-color: #ccc;
    box-shadow: inset 1px 5px 1px #999;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.statusBtn.on {
    background-color: #007bff;
    box-shadow: inset 1px 5px 1px #326eaf;
}

.statusBtn .circle {
    position: absolute;
    top: 6px;
    left: 4px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100px;
}

.statusBtn.on .circle {
    left: unset;
    right: 4px;
}

.statusBtn .statusText {
    position: absolute;
    top: 0;
    right: 0px;
    width: 38px;
    font-size: 12px;
    line-height: 29px;
    color: #fff;
    text-align: center;
}

.statusBtn.on .statusText {
    right: unset;
    left: 0px;
}

.statusBtn .statusText:after {
    content: "OFF";
}

.statusBtn.on .statusText:after {
    content: "ON";
}

/* 에디터 볼드 효과 수정*/
strong {
    font-weight: bold !important;
}

.tox-dialog.hideUrlBtn .tox-browse-url {
    display: none;
}


/* 숫자 증가 애니메이션 */
.upper_blank {
    height: 300px;
    background: yellowgreen;
    text-align: center;
    padding-top: 200px;
}

.num-container {
    margin-top: 50px;
    background-size: cover;
}

.num-container .containerBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    height: 194px;
}

.num-item {
    text-align: center;
    padding: 10px 0 10px;
    width: 25%;
    background-repeat: no-repeat;
    background-position-x: right;
}

.in-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 16px;
}


.sign {
    font-size: 60px;
    color: #fff;
    margin-left: 12px;
}

.nums {
    font-size: 60px;
    font-weight: 500;
    color: #fff;
}

#my-playerp .bmpui-ui-watermark {
    background-image: none;
    padding:0;
}
    #my-playerp .bmpui-ui-watermark > span{
        font-size:1rem;
    }
    /*media************************************************/
    @media (min-width: 1600px) {
        .Mswipers .swiper-slide {
        margin: 0 -4px 0 -1px;
    }

}



@media (min-width: 1560px) {
    /*   .instance-1 .swiper-button-next,
    .instance-2 .swiper-button-next,
    .instance-1 .swiper-button-prev,
    .instance-2 .swiper-button-prev {
        display: none !important
    } */
}

@media (max-width: 1919px) {
    /*   .banner .swiper-slide,
    .banner .swiper-slide img {
        height: auto;
    } */
}

@media (max-width: 1635px) {
    .menus-right {
        margin-right: 0;
        right: calc(2%);
    }

    #chatarea {
        height: 19vw;
    }

    .floatingBox {
        right: 12px;

    }

        .floatingBox.fix {
            right: 12px;
        }

    .floatingBox {
        padding-top: 73px;
    }



}

@media (max-width: 1576px) {


    .mw85 {
        width: 87%;
    }


}





@media (max-width: 1559.98px) {
    .webina_list>li {
        border-bottom: 1px solid #e1e1e1;
        float: none;
        font-size: 0;
        margin-bottom: 20px;
        padding: 0 28px 20px 0;
        width: 100%;
    }

    .webi_ing .webina_list>li {
        border-bottom: 0 none;
        margin-bottom: 0px;
    }

}



@media (max-width: 1410px) {
    #chatarea {
        height: 17vw;
    }


    /* 웨비나라이브 */
    .sub_box {
        flex-direction: column;
    }

}

@media (max-width: 1353px) {
    #chatarea {
        height: 16vw;
    }
}


@media (max-width: 1336px) {

    .pay_ta td:nth-child(2),
    .pay_ta th:nth-child(2) {
        width: 400px;
    }
}



@media (max-width: 1329px) {
    .body_list {
        height: 238px;
    }

    .sec8 .gojoin_btn {
        bottom: 16%;
    }

    .chatt_title {
        padding: 0.75rem;
    }
}


@media (max-width: 1279.89px) {


    .floatingBox {
        padding-top: 100px;
    }
    #chatarea {
        height: 21vw;
    }

    .chattBar {
        padding: 0.938rem;
    }

    .sub_box {
        flex-direction: row;
    }


    .MediaBox {
        display: flex;
        flex-flow: column;
    }

    .me21 {
        display: block;
        padding-bottom: 58%;
        width: 100%;
        border: 0;
    }

    .me211 {
        display: block;
        width: 100%;
    }

    .me22 {
        display: block;
        height: auto;
        padding-bottom: 0;
        width: 100%;
    }

    .me212 {
        display: block;
        height: auto;
        padding-bottom: 0;
        width: 100%;
    }

    .body_list {
        height: auto;
    }

    /* 
    .Msimg {
        height: 196px;
    } */


    /*타임코드 광고 반응형*/
    /*
    .contents_Adverti.pc {
        display: none !important;
    }

    .contents_Adverti.mob {
        display: block !important;
    }
    */

    /*고객센터 광고 반응형*/
    /*
    .customer_Adverti.pc {
        display: none !important;
    }

    .customer_Adverti.mob {
        display: block !important;
    }
    */

    /*VOD 광고 반응형*/
    /*
    .AdvertiSlide.pc {
        display: none !important;
    }
        */


    .AdvertiSlide.mob img {
        height: 100%;
        width: 100%;
    }



    /*.Msimg {
        height: 216px;
    }*/

    .searchContent .MovieList > li {
        width: 30.33%;
    }

    .containerBox {
        width: 90%;
    }
}







@media (max-width: 1200px) {
    .mhidden {
        display: none;
    }

    .pay_ta td:nth-child(2),
    .pay_ta th:nth-child(2) {
        width: 200px;
    }

    .cart_title a {
        display: block;
        text-align: left;
    }


}

@media (max-width: 1150px){
    .floatingBox {
        padding-top: 128px;
    }
}



@media (max-width: 1035px) {
    .top_thinban a {
        display: inline-block;
        margin-left: 0;
    }

    .menus-right {
        top: 99px;
    }

    .headerbox .headerBottom .search_box {
        width: 274px;
    }

        .headerbox .headerBottom .search_box input::placeholder{
            font-size:15px;
        }

    .floatingBox {
        padding-top: 150px;
    }
}


@media (min-width: 992px) {

    body>nav,
    footer,
    .progress-bar>div,
    .progress-bar>div span,
    .shop-menu-cnt .shop-menu,
    i.scroll-top-btn,
    .tab-nav li a:before,
    .tab-nav li a:after,
    .btn:not(.btn-border):hover,
    section .cnt-box.boxed.light .caption,
    .img-box-caption span,
    .cnt-box-badge .badge,
    .cnt-box-blog-side .blog-date,
    .menu-fixed.scroll-menu,
    .cnt-box-blog-top .blog-date,
    .dropdown ul:not(.icon-list) li:hover>a,
    .menu-cnt>ul>li:hover>a,
    .lan-menu>li:hover>a,
    .glide__bullets>button:hover,
    .glide__bullets>button.glide__bullet--active,
    main>section.section-base.section-color.light,
    .section-color.light .input-text,
    .section-color.light .input-select,
    .section-color.light .input-textarea,
    .counter i,
    .cnt-box-side-icon.boxed.light>i,
    .cnt-box-top-icon.boxed.light>i,
    .media-box-half,
    .album-box .caption,
    .album-box .img-box,
    .icon-box i,
    .media-box.media-box-reveal .caption,
    .media-box-full:before,
    .list-nav a.list-archive:hover,
    .header-base h2,
    .list-tags a,
    .img-box:before,
    .menu-mini,
    .menu-side,
    .btn-video:empty:hover,
    .tweets_txt {
        background-color: #0d053c;
    }

    .dropdown ul:not(.icon-list) li:hover>a {
        background-color: #fff;
        color: #1f71ab;
    }

    .menu-top-logo {
        padding-top: 0px;
    }

    .menu-top-logo .menu-cnt>ul {
        margin: 0;
    }

    .menu-top-logo .menu-cnt>ul {
        display: block;
        flex: none;
        float: none;
        margin: 0 auto;
        max-width: 1560px;
        position: relative;
        width: 100%;
    }

    .menu-top-logo .menu-cnt>ul>li {
        float: left
    }

    .menu-cnt>ul,
    .menu-inner>ul {
        display: flex;
        float: left;
        list-style: none;
        margin: 0;
        margin-left: 30px;
        padding: 0;
    }

    .dropdown>ul,
    .dropdown .mega-menu {
        margin: -7px 0px 0px -37px;
    }

    .scroll-menu .menus-right {
        /*        display: none*/
    }


    .ban2Moblie {
        display: none;
    }

    .banner2Mob {
        display: none;
    }

    
}

@media (max-width: 991.98px) {
    body {
        font-size: 14px
    }

    .searchContent .MovieList > li {
        width: 48%;
    }

    .ranktable table td>img {
        width: 18px;
        height: 18px;
    }

    .wrapper {
        margin-top: 61px;
        padding-bottom: 0;
    }

    main {
        min-height: calc(100vh - 60px - 250px);
    }

    .dropdown>ul {
        border-radius: 0;
    }

    .dropdown>ul>li:first-child>a {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }


    /* 검색창 클릭시 */
    .search_boxResult {
        width: 100%;
        left: 0;
        top: 48px;
        right: 0;
        margin: 0 auto;
    }

    /* 태극기아이콘 */
    .mob_lang {
        display: inline-block;
    }

    .language {
        display: none !important;
    }


    .br {
        display: block
    }

    .m2_Title {
        font-size: 1.5rem;
    }

    .bordersTitle {
        font-size: 18px;

    }

    .myroom_ta th {
        font-size: 1rem;
    }

    .bigBtns {
        font-size: 15px;
    }

    /*modal*/
    .vodPop .modal-dialog {
        margin: 2.5rem;
    }

    .vodPop .close {
        right: 7px;
        top: 7px;
    }

    /*menu*/
    body>nav .menu-brand {
        position: relative;
        top: 0;
    }



    .dropdown>ul,
    .dropdown .mega-menu,
    .dropdown-submenu>ul {
        margin: 48px 1.25rem 0px;
    }



    .menu-cnt>ul>li>a {
        margin: 0 20px;
        padding: 0 20px;
    }

    .menu-cnt>ul {
        height: 360px;
        margin-top: 94px;
    }

    .menus-right {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        width: 100%;
    }

    .search_btn {
        margin-top: 3px;
        width: 100%;
    }

    .user_list {
        float: none;
        margin-bottom: 5px;
    }

    .user_list>li {
        display: block;
        float: left;
        margin-left: 0px;
        width: 100%
    }

    .user_list>li.login {
        float: left;
        margin-left: 0;
        width: 49%;
    }

    .user_list>li.join {
        float: left;
        margin-left: 2%;
        width: 49%;
    }

    .user_list>li.thumP {
        width: 100%
    }

    .thumP.dropdown.show .dropdown-menu {
        border: 1px solid #cecece;
        display: block;
        width: 100%;
    }

    .menu-brand {
        background-color: transparent;
    }

    body > nav .menu-brand,
    .menu-big-box .menu-right {
        height: 60px;
        /*        width: 50%;*/
        width: auto;
    }

    body>nav,
    .menu-fixed.scroll-menu {
        background-color: #fff;
        border-bottom: 1px solid #cecece
    }

    .menu-btn {
        color: #cecece
    }

    /*footer*/
    .footerlogo {
        width: 100%;
    }

    .footerlogo1 {
        flex-direction: column;
    }

    .footer_copya {
        margin-bottom: 17px;
    }

    .footer_copy {
        flex-direction: column;
    }

    #socialicons {
        border-top: 1px solid #ccc;
        padding-top: 36px;
        margin-top: 34px;
        width: 100%;
    }

    .snsBox ul {
        display: flex;
        flex-wrap: wrap;
    }

    .snsBox ul li {
        margin-right: 50px;
    }

  

    .snsBox ul li:last-child {
        margin-right: 0;
    }

    .selectBox2 {
        margin-left: 0;
    }

    .footer-style {
        height: auto;
        margin-top: 0px;
        position: static;
    }

    .Pubswipers .swiper-slide {
        margin: 0 -0.38%;
    }

    /*/  .Mswipers_list > li {
        list-style: none;
        width: 80% !important;
        margin-right:10%;
    }
        */
    .Mswipers.swiper-container{
        overflow: visible;
    }

    .Mswipers .swiper-slide {
        max-width: none !important;
        margin:0;
    }

    .vodlistBox {
        width: 100%;
    }

    .MovieList {
        margin: 0 -1%;
    }

    .MovieList>li {
        float: left;
        margin: 0 1% 40px;
        width: 48%;
    }

    .vodList .Mswipers_list>li {
        width: 240px !important;
    }

    .instance-0 .swiper-button-prev {
        width: 35px;
    }

    .instance-0 .swiper-button-next {
        width: 35px;
    }


    /*search*/
    .searchBox {
        padding: 15px;
    }

    .searCh {
        margin-bottom: 5px
    }


    .forminp {
        background-color: #fff;
        border: 1px solid #cecece;
        border-radius: 5px;
        box-shadow: none;
        font-size: 15px;
        height: 30px;
        vertical-align: middle
    }

    .searinp {
        margin: 0;
        margin-right: 8px;
        width: calc(100% - 94px - 8px);
    }

    .searslec {
        margin-bottom: 5px;
        width: calc(100% - 137px);
    }

    .bordersTitle span.searchresult {
        display: block;
        float: none;
    }

    /*webinar*/
    .webina_list>li {
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        float: left;
        font-size: 0;
        margin-bottom: 20px;
        margin-right: 2%;
        overflow: hidden;
        padding: 0 0px 20px 0;
        width: 49%;
    }

    .webina_list>li:nth-child(2n + 2) {
        margin-right: 0%;
    }

    .web2 {
        display: block;
        vertical-align: bottom;
        width: 100%
    }

    .Webtitle {
        height: 30px;
        padding-top: 7px;
    }

    .Webcont {
        padding: 15px 0 27px;
    }

    a.webBtn,
    .webBtn,
    a.webBtn:visited,
    a.webBtn:active {
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }

    .webi_ing .webina_list>li {
        border: 0 none;
        float: none;
        margin-bottom: 0px;
        width: 100%;
    }

    .webi_ing .web21 {
        display: inline-block;
        vertical-align: middle;
        width: 40%
    }

    .webi_ing .web22 {
        display: inline-block;
        vertical-align: middle;
        width: 60%
    }

    .webi_ing .Webtitle {
        padding-top: 10px;
    }

    .webi_ing a.webBtn,
    .webi_ing .webBtn,
    .webi_ing a.webBtn:visited,
    .webi_ing a.webBtn:active {
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }

    .boT_btnBox {
        display: block;
        float: none;
        padding-bottom: 10px
    }

    .ContTitle {
        padding: 30px 0 15px;

    }

    .paimgbix {
        height: 125px;
        margin-right: 10px;
        width: 100px;
    }

    .paimgbix2 {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 120px);
    }

    .websContBox {
        padding: 30px;
    }

    .webs_title {
        border-bottom: 1px solid #cecece;
        font-size: 1.4rem;
        margin: 0 auto 30px;
        padding: 0 0 20px;
        width: 95%;
    }

    /*cart*/
    .cart_ta td:nth-child(1),
    .cart_ta th:nth-child(1) {
        width: 25px;
    }

    .cart_ta td:nth-child(1) label,
    .cart_ta th:nth-child(1) label {
        padding-right: 0;
    }

    .cart_ta td:nth-child(2),
    .cart_ta th:nth-child(2) {
        width: 85px
    }

    .cart_ta td:nth-child(2) > .btncarts:first-child{
        margin-bottom:8px;
    }

    .tfooter td {
   font-size:16px;
    }

    .btncarts {
        font-size: .875rem;
        width: 100%
    }

    .cart_ta td:nth-child(2) img {
        max-width: 230px;
        width: 100%;
    }

    .cart_ta td:nth-child(3),
    .cart_ta th:nth-child(3) {
        font-size: .875rem
    }

    .cart_ta td:nth-child(4),
    .cart_ta th:nth-child(4) {
        width: 100px
    }

    /*mypage*/
    .formbox {
        padding: 1rem;

    }

    .form2,
    .form21,
    .form22 {
        display: block;
        width: 100%
    }

    .form_list>li {
        font-size: 0;
        margin-bottom: 10px;
    }

    .closejoin {
        right: 15px;
        top: 18px;
    }


    .payBox {
        padding: 20px 20px 30px;
    }

    .pa2 {
        float: none;
        text-align: center
    }

    .pa21 {
        width: 100%
    }

    .pa22 {
        text-align: center;
        width: 100%;
    }

    .pa22 img {
        max-width: 240px;
    }

    .payTitle {
        color: #042a6b;
        font-size: 2.813rem;
        font-weight: bold;
        letter-spacing: -0.9px;
        line-height: 0.98;
        padding: 3.125rem 0 1.375rem;
    }

    .paybtnBox {
        padding: 5.313rem 0;
    }

    .banner.swiper-container {
        height: auto;
    }



    .banner .swiper-slide img {
        height: auto;
        width: auto;
    }


    /*스와이퍼 이동버튼*/
    .Mswipers  .swiper-button-next,
    .Mswipers  .swiper-button-prev {
        height: auto;
        top: 50%;
    }

    .tablistswiper .swiper-button-next,.tablistswiper .swiper-button-prev {
        top: 63%;
    }


    .tabswiper .swiper-button-next {
        top: 0;
        margin: 0;
    }


    .swiper-button-next,
    .swiper-button-prev,
    .swiper-pagination-bullet:focus {
        outline: 0;
    }




    .Mswipers  .swiper-button-next {
        right: 0;
    }

    .Mswipers .swiper-button-prev {
        left: 0;
    }


    .bannerW .swiper-button-next,
    .bannerW .swiper-button-prev {
        display: block;
    }

    .swiper-button-prev:after,
    .swiper-container-rtl .swiper-button-next:after {
        top: 0%;
    }

    .swiper-button-next:after,
    .swiper-container-rtl .swiper-button-prev:after {
        top: 0%;
    }







    /*퀴즈풀이내역 반응형*/
    /*가로스크롤*/
    .table_box {
        margin-bottom: 30px;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }


    .pay_ta,
    .quest_ta {
        width: 100%;
    }

    .qz_box {
        margin-bottom: 0;
        width: 100%;
    }

    .myroom_ta {
        width: 100%;
        margin-bottom: 0;
    }
    .community_table .myroom_ta {
        width: 100%;
        margin-bottom: 10px;
    }

    /* 수강후기 */
    .coupon_ta {
        width: 100%;
    }

    .review_bottom_box {
        flex-direction: column;
    }

    .reviewSearch {
        width: 100%;
    }

    .review_bottom_box .writeBtn {
        margin-top: 5%;
        text-align: center;
        width: 100%;
    }


    /* 홍보영상 */
    .promoVid_box li {
        margin-right: 0;
        width: 100%;
    }


    /* 서비스소개 */
    .sec1 button {
        border: 2px solid #fff;
        font-size: 20px;
        padding: 2% 11%;
    }

    .sec1 button img {
        width: 15%;
    }

    .sec8 .gojoin_btn {
        width: 33%;
    }

    .banner2 {
        display: none;
    }

    .banner2Mob {
        display: block;
    }

    .AdvertiSlide.mob {
        height: 350px;
    }


    /* 퀴즈 */
    .answerSheetBox.pc {
        display: none;
    }

    .qsLeftBox {
        margin: 0;
    }

    .quizMainWrap .quizCom_Title {
        padding: 0;
    }

    .questionGroup,
    .qsLeftBox .qz_questionDetail,
    .qsBtns {
        padding: 3rem 3.1875rem;
    }

    .floatWrapMOB {
        display: block;
    }

    .timeBox.mob {
        display: block;
    }


    .ranktable {
        min-width: 500px;
    }

    .rankBox {
        left: 0;
    }

    .ranktable::after, .ranktable::before{
        left:95px;
    }

    .num-container .containerBox {
        height: 135px;
    }

    .num-item {
        background-size: 96px;
        background-position-y: center;
    }

    .nums {
        font-size: 38px;
    }

    .sign {
        font-size: 30px;
    }

    .in-title {
        font-size: 14px;
        margin-left: 4px;
    }

    .form2>label, .form1>label{
        color: #999999;
        font-size: 14px;
    }

    .form21{
        min-height: 30px;
        height: 10px;
    }

    /*메인 플러팅*/
    .floatingBox {
        display: none;
    }

    .Msimg {
        height: 217px;
    }

    .MovieList > li.AdvertiSlide img {
        height: 100%;
    }

}


@media (max-width: 799px) {
    .cuponPop .modal-content {
        max-height: fit-content !important;
    }
    .modal-content {
        margin: 0 auto;
        width: 95%;
      
    }

    .modal-content.join_modal {
        margin: 0;
    }

    .refunAccuntBox select {
        width: 171px;
    }

    .refunAccuntBox .refuninput1 {
        margin-bottom: 10px;
        width: calc(100% - 192px);
    }

    .refunAccuntBox .refuninput2 {
        width: 100%;
    }


    .ranktable {
        min-width: 400px;
    }
}



@media (max-width: 640px) {
    .MovieList>li img {
        width: 100%;
    }

    .searchContent .MovieList > li {
        width: 100%;
    }

    .Pop_closebtn {
        right: 0;
        top: -50px;
    }

    .m1 {
        width: 100%
    }

    .MswipersArrow.swiper-button-next {
        left: auto;
        right: -10%;
    }


    .V_title_box {
        font-size: 0;
        padding-bottom: 15px;
        /* margin-right: -10%; */
        width: 100%;
    }

    .MovieList {
        margin: 0%;
    }

    .MovieList>li {
        margin: 0 0 40px;
        width: 100%;
    }

    .MovieList>li img {
        width: 100%;
    }



    /*.webina_list > li {
        float: none;
        width: 100%;
        margin-right: 0%;
    }*/
    .webi_ing {
        margin-bottom: 50px;
        padding: 30px;
    }

    .webi_ing .webina_list>li {
        border: 0 none;
        float: none;
        margin-bottom: 0px;
        width: 100%;
    }

    .webi_ing .web21 {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .webi_ing .web22 {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .webi_ing .Webtitle {
        padding-top: 10px;
    }

    .JoinPop.paypop .modalbtnbox button {
        font-size: .875rem;
        min-width: auto;
        width: 46%;
    }

    .containerBox .swiper-button-next,
    .containerBox .swiper-button-prev {
        background: none;
        display: block;
        width: auto;
    }

   


    /*메인 광고영역*/
    .mob_adWrap {
        margin-top:35px;
        display: block !important;
    }

    .mob_adWrap img {
        width: 100%;
    }

    .mCont .AdvertiSlide {
        display: none;
    }

    /*회원가입창*/
    .join_modal {
        width: 95%;
    }


    /*로그인창*/
    .col-sm-6 {
        width: 50%;
    }


    .sec1 button {
        font-size: 15px;
        height: 30px;
    }

    .sec1 button img {
        right: 7%;
    }

    .AdvertiBox.pc {
        display: none !important;
    }

    .AdvertiBox.mob {
        display: block !important;
    }

    .loginbox {
        /*min-width: 635px;*/
        /* width: 100%;*/
        height: auto;
        /*padding: 90px 40px 84px;*/
    }

    .loginB {
        align-items: center;
        flex-direction: column;
        justify-content: inherit;
    }

    .mobLogin {
        width: 100%;
    }

    .logcont {
        padding: 90px 40px 100px;
        width: 100%;
    }

    .qz_question>div.bgBlue {
        padding: 6px 15px 7px;
    }

    .cart_tab > li {
        width: 49%;
    }

        .cart_tab > li > a {
            width: 94%;
            border-radius: 0;
            padding: 0;
        }
}

@media screen and (max-width: 620px) {

    /*리뉴얼 모달창*/
    .quizPop_box {
        height: 0;
        top: 14%;
        width: 80%;
    }

    .quizPop_box img {
        width: 100%;
    }

    .payTitle {
        font-size: 30px;
    }

    #pagingDIV>ul li a {
        padding: 6px 11px;
    }

}

@media screen and (max-width: 567px){
    .JoinPop .modalbtnbox .paymbtn{
        margin-bottom:10px;
    }
}

@media (max-width: 546px) {

    .logosubtit{
        display:none;
    }

    /* 결제 후 교육 신청 */
    .redNotice {
        padding: 0 10px;
        text-align: left;
    }

    .payDetail_box>table td {
        font-size: 15px;
    }

    .ta_left {
        padding: 0;
    }


    /*퀴즈성공페이지*/
    .QsTitle {
        font-size: 1.8175rem;
    }


    /*관심상품*/
    .cart_ta td:nth-child(5),
    .cart_ta th:nth-child(5) {
        display: none;
    }

    .sub_box {
        flex-direction: column;
    }

    /* 푸터 */
    .footer_copya1 .dn {
        display: none;
    }

    .footer_copya1 .br {
        display: block;
    }

    #myRefunModal .modal-content h4 {
        font-size: 19px;
    }


    .refuntxtBox {
        font-size: 15px;
    }

    .refuntxtBox .panel-body.policy {
        padding: 0;
    }
    .policy strong {
        font-size: 15px;
    }

}

@media (max-width: 520px) {

    .rankBox {
        left: 0;
    }

    .ranktable::before,
    .ranktable::after {
        left: 29%;
    }


    .NickNamebox>div {
        width: 100%;
    }

    .NickBtn {
        height: 34px;
        line-height: 34px;
        width: 80px;
    }

    .NickNamebox>div.rankarea {
        margin-top: 24px;
    }


}

@media (max-width: 485px) {

    #my-playerp .bmpui-ui-watermark {
        top: 15px;
    }

    /*회원정보수정*/
    .mypage_dateinput input[type='date'].forminput {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .num-container .containerBox {
        flex-direction: column;
        height: auto;
    }

    .num-item {
        width: 54%;
        padding: 20px 0;
    }

    .in-title {
    font-size: 16px;
    margin-left: 0;
}

.modal_btns button{
    width: 100%;
}
.modal_btns button:first-child{
    margin-bottom: 10px;
}


}

@media (max-width: 466px) {
    .quizCom_Title {
        padding: 20px 10px;
    }

    .quizarea {
        padding: 21px 10px 6px;
    }

    .quizarea .qz_toatlBox {
        width: 100%;
        font-size: 13px !important;
    }


}






@media (max-width: 445px) {
    .pwPop .modalbtnbox button {
        margin-bottom: 10px;
    }

    .pwPop .modalbtnbox button:last-child {
        margin-bottom: 0;
    }

    .sec1 button {
        font-size: 15px;
        padding: 0px 45px;
    }

    /* 퀴즈시작 */
    .QTitle {
        font-size: 18px;
    }

    .Qcenter ul {
        font-size: 20px;
    }

    .Qintxt {
        font-size: 15px;
    }

    .sec1 button {
        font-size: 12px;
        bottom: 5px;
    }


}


@media (max-width: 438px) {
    #chatarea {
        height: 46vw;
    }

    /*수강 및 결제 내역*/
    .pay_ta td:nth-child(2),
    .pay_ta th:nth-child(2) {
        padding-left: 5px;
        text-align: left;
        width: 140px;
    }

    /*마이페이지 관심상품*/
    .cart_ta td:nth-child(5),
    .cart_ta th:nth-child(5) {
        width: 85px;
    }

    .cart_ta td:nth-child(4),
    .cart_ta th:nth-child(4) {
        width: 115px;
    }

    .cart_ta td:nth-child(4) {
        font-size: 14px;
    }


    .logcont {
        padding: 25px 20px 128px;
    }

    .loginBottom {
        width: 90%;
    }



    /*회원가입창*/
    .jointitle {
        text-align: center;
    }

    .text-break {
        display: block;
    }


    /*리뉴얼 모달창*/
    .reModal_closebtn {
        right: -15%;
    }

    /*수강신청 창*/
    .JoinPop .modal-header {
        font-size: 25px;
    }.JoinPop2 .modal-header {
        font-size: 25px;
    }

    /* 퀴즈 모달창 */
    .quizPop_box img {
        width: 92%;
    }


    /* 쿠폰발급 모달창 */
    .coupon_box {
        width: 100%;
    }

    /* 퀴즈풀기 */
    .questionGroup,
    .qsLeftBox .qz_questionDetail,
    .qsBtns {
        padding: 1rem 1rem;
    }

    .QstimeBox {
        padding: 25px 10px 27px 10px;
    }

    .header_list {
        font-size: 14px;
    }
}

@media (max-width: 416px) {
    .footerlogos ul {
        flex-direction: column;
    }

    .footerlogos ul li {
        margin-bottom: 10px;
    }

    .payTitle {
        font-size: 25px;
        line-height: 1.2;
    }

    .ranktable {
        min-width: 285px;
        padding: 15px 20px 0;
    }

    .ranktable::before,
    .ranktable::after {
        left: 41%;
    }

    .ranktable table {
        font-size: 15px;
    }

        .ranktable table td {
            height: 52px;
            padding: 10px;
            line-height: 1.5;
    }

        .ranktable table td:last-child{
            line-height:52px;
        }

    .firstlogin_popup {
        width: 90%;
        height: auto;
        top: 50%;
        padding: 33px;
    }



    .firstlogin_popup .popBox_body h1 {
        font-size: 23px;
        margin-bottom: 8px;
    }

    .firstlogin_popup .popBox_body .txt {
        font-size: 15px;
    }

    .firstlogin_popup .popBox_body img {
        width: 65%;
    }

    .firstlogin_popup .popBox_body .dott {
        width: 83%;
        margin: 0 auto;
    }

    .firstlogin_popup .popBox_body p {
        font-size: 16px;
    }

    .firstlogin_popup .popBox_body button {
        width: 82%;
        height: 42px;
        line-height: 42px;
        font-size: 17px;
    }

}


@media (max-width: 383px) {
    .paybtn {
        margin-bottom: 10px;
    }

    .paycont {
        font-size: 16px;
    }

    .JoinPop .modal-header {
        font-size: 20px;
    }

    .JoinPop .modal-body {
        padding: 1.5rem 16px 1.5rem 16px;
    }

    .cuponBox {
        height: 200px;
    }

}

@media screen and (max-width: 375px) {
    .v_title {
        font-size: 20px;
    }
    .banner_arrow {
        top: 56%;
    }

    .quizPop_box img {
        width: 95%;
    }

    .thumP.dropdown.show .dropdown-menu {
        margin: 0 0 0 1.875rem;
    }

    .an_txt input {
        width: 100%;
    }

    .Mswipers .swiper-button-next, .Mswipers .swiper-button-prev{
        display: none !important;
    }

    .tablistswiper .swiper-button-next, .tablistswiper .swiper-button-prev{
        display: none;
    }

}


@media (max-width: 341px) {

    /*회원가입 창*/
            .form_list input[type='date'].forminput {
        width: 100%;
    }


}

@media (max-width: 320px) {

    /*리뉴얼 모달창*/
    .remodal_box {
        width: 80%;
        left: 45%;
    }

    .reModal_closebtn {
        right: -18%;
    }

    .sec1 button {
        bottom: 3%;
    }

    .QuizSuccBtn button {
        margin-left: 0 !important;
        margin-bottom: 10px;
        width: 100%;

    }


    /* 수신동의 팝업 */
    .firstlogin_popup {
        padding: 33px 20px;
    }

    .firstlogin_popup .popBox_body {
        padding: 14px 20px 34px 14px;
    }

    .cuponBox {
        height: 180px;
    }

    .JoinPop .modalbtnbox {
        padding: 10px 0 0;
    }

    .JoinPop .modalbtnbox > button{
        width:100%;
    }


}