@charset "UTF-8";
/* 최대 화면 크기 설정 */
/* 전역 스위치: 딱 1번만 선언 */
/* 
모바일에서만 vw를 사용할 경우 vw함수만 사용해도 무방
pc와 모바일 둘다 vw를 사용할경우 pc에서는 vw함수를
모바일에서는 vw-mo함수를 사용
*/
@media screen and (max-width: 1004px) {
  .pc-show {
    display: none !important;
  }
  .mobile-show {
    display: block !important;
  }
  .m_pad_r0 {
    padding-right: 0 !important;
  }
  .swiper_popup {
    width: 100%;
    max-width: 100%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
  }
  .swiper_popup .swiper-header dl {
    padding: 0 20px;
  }
  .swiper_popup .swiper-header dl dt {
    margin-bottom: 13px;
    font-size: 21px;
    list-style: 21px;
  }
  .swiper_popup .swiper-header dl dt span {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #666;
  }
  .swiper_popup .swiper-header dl dt .instagram {
    padding-left: 45px;
    background: url(../images/icon_instagram.png) no-repeat 15px 50%/21px;
  }
  .swiper_popup .swiper-header dl dd {
    margin-bottom: 35px;
    font-size: 14px;
    list-style: 21px;
  }
  .swiper_popup .swiper-pagination {
    right: 20px;
    top: 90px;
    font-size: 14px;
  }
  .swiper_popup .popup_cancel {
    margin-left: -25px;
    width: 50px;
    height: 50px;
  }
  .swiper_popup .slide_item img {
    max-width: 100%;
    max-height: 100%;
  }
  .swiper_popup .slide_item .img_wrap {
    width: 100%; /* height:375px; 0530-pop */
  }
  .swiper_popup .slide_item .bottom_info {
    padding: 30px 20px 35px;
  }
  .swiper_popup .slide_item .bottom_info .tag {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .swiper_popup .slide_item .bottom_info p {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .swiper_popup .slide_item .bottom_info dl dt {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .swiper_popup .slide_item .bottom_info dl dt .instagram {
    padding-left: 30px;
    background-size: auto 100%;
  }
  .swiper_popup .slide_item .bottom_info dl dd {
    font-size: 14px;
  }
  /* .swiper_popup .swiper-button-prev { left:10px; color:rgba(0,0,0,0.4);}
  .swiper_popup .swiper-button-next { right:10px; color:rgba(0,0,0,0.4);}
  .swiper_popup .swiper-button-prev.yf,
  .swiper_popup .swiper-button-next.yf { top:310.5px;} */
  .swiper_popup .swiper-button-prev,
  .swiper_popup .swiper-button-next {
    display: none;
  }
  .swiper_popup .swiper-header dl dd > span,
  .swiper_popup .swiper-header dl .btn_shortcut {
    margin-left: 10px;
  }
  .swiper_popup .swiper-header dl dd .instagram,
  .swiper_popup .swiper-header dl .btn_shortcut span {
    padding-left: 30px;
    background-position: 9px 50%;
  }
  :root {
    --swiper-navigation-size: 30px !important;
  }
  /* component: button */
  .btn_wrap:not(.abs) {
    padding: 50px 20px 75px;
  }
  .btn_wrap .fr a:last-child {
    margin-left: 20px;
  }
  .btn_wrap .btn_prev {
    padding-left: 18px;
    height: 18px;
    font-size: 0;
  }
  .btn_wrap.abs .btn_prev {
    position: fixed;
    left: 20px;
    top: 25px;
  }
  .btn_wrap.abs .icon_share {
    position: absolute;
    top: 20px;
    right: 15px;
    display: inline-block !important;
    width: 25px;
    height: 25px;
  }
  .btn_wrap .btn_next {
    padding-right: 18px;
    height: 18px;
    font-size: 0;
  }
  .btn_wrap .btn_list {
    display: inline-block;
    padding-left: 20px;
    height: 24px;
    font-size: 0;
  }
  .type_btn {
    min-width: 100px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
  }
  .icon_share {
    display: none !important;
  }
  .tooltip {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    right: auto !important;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .tooltip em {
    display: none;
  }
  /* common: 첨부파일 */
  .attach_area {
    margin-top: 60px;
  }
  .attach_area h3 {
    font-size: 16px !important;
  }
  .attach_area .file_item .btn_attach {
    font-size: 16px;
    text-align: left;
  }
  /* common: header */
  .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    border-bottom: 0px;
    background-color: #fff;
  }
  .header h1 {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 38px;
    height: 40px;
    font-size: 0;
  }
  .header h1 img {
    width: 34px;
    height: 36px;
  }
  .header .mobile_nav {
    position: absolute;
    top: 32px;
    right: 20px;
    width: 22px;
    height: 16px;
    background: url(../images/mobile_nav.png) 0 0 no-repeat;
    background-size: cover;
    font-size: 0;
  }
  .header .mobile_nav.black {
    background: url(../images/mobile_nav_black.png) 0 0 no-repeat;
    background-size: cover;
  }
  header.pc-show + .container {
    padding-top: 0px;
    min-height: calc(100vh - 191px);
  }
  .gnb_mobile {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #28cdc8;
    z-index: 999;
    overflow: auto !important;
  }
  .gnb_mobile.active {
    display: block;
  }
  .gnb_mobile .mobile_nav_cancel {
    position: absolute;
    top: 33px;
    left: 50%;
    width: 39px;
    height: 39px;
    background: url(../images/mobile_nav_cancel.png) 0 0 no-repeat;
    background-size: cover;
    font-size: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .gnb_mobile ul.gnb_inner {
    padding: 100px 20px 0;
  }
  .gnb_mobile ul.gnb_inner > li {
    position: relative;
    padding: 28px 0px 28px 20px;
    font-size: 24px;
    color: #fff;
    border-bottom: 1px solid #bcfffd;
  }
  .gnb_mobile ul.gnb_inner > li a {
    display: block;
  }
  .gnb_mobile ul.gnb_inner > li .arrow {
    position: absolute;
    top: 35px;
    right: 20px;
    width: 15px;
    height: 10px;
    background: url(../images/btn_arrow_down.png) right center no-repeat;
    background-size: cover;
  }
  .gnb_mobile ul.gnb_inner > li.active .arrow {
    background: url(../images/btn_arrow_up.png) right center no-repeat;
    background-size: cover;
  }
  .gnb_mobile ul.gnb_inner > li .gnb_sub {
    display: none;
  }
  /* .gnb_mobile ul.gnb_inner > li.active .gnb_sub {display: block;} */
  .gnb_mobile ul.gnb_inner > li .gnb_sub ul {
    margin-top: 25px;
  }
  .gnb_mobile ul.gnb_inner > li .gnb_sub ul li {
    line-height: 45px;
    font-size: 20px;
  }
  /* content body */
  .content_body section .section_inner h2 {
    font-size: 16px;
  }
  .content_body section .section_inner {
    padding: 0 20px;
  }
  .content_body section .section_inner .section_header_info {
    margin-top: 40px;
    font-size: 35px;
    line-height: 48px;
    word-break: keep-all;
  }
  .contents .content_body section .section_inner .section_header_info br {
    display: none;
  }
  .content_body section .section_inner .inner_title {
    padding-left: 0;
    font-size: 20px;
  }
  /* .content_body section.section_header .section_inner {padding: 80px 20px 70px 20px;} */
  .content_body section.section_header .section_inner {
    padding: 30px 20px 70px 20px;
  }
  .content_body section.section_header .section_inner .section_header_info_inner .icon_share {
    left: auto;
    right: 0;
  }
  .notice_detail .section_header_info_inner span {
    display: block !important;
  }
  .notice_detail .section_header_info_inner span + span {
    margin-left: 0px;
    margin-top: 5px;
  }
  .notice_detail .section_header_info_inner span + span::before {
    display: none;
  }
  /* common: footer */
  .footer .inner-wrap {
    position: relative;
    padding: 0 20px;
    width: auto;
  }
  .footer .inner-wrap .list_corp span a {
    font-size: 14px;
  }
  .footer .inner-wrap .footer-emblem {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .footer .inner-wrap .footer-emblem img {
    width: 60px;
  }
  .footer .inner-wrap ul li {
    font-size: 14px;
  }
  .footer .inner-wrap ul li:nth-child(n+3) {
    display: block;
    margin-top: 10px;
  }
  .footer .inner-wrap ul li:nth-child(n+2) + li::before {
    display: none;
  }
  .footer .inner-wrap cite {
    font-size: 14px;
  }
  /* 19세 인증 팝업 */
  .pop_19 {
    background-size: 200%;
  }
  .pop_19 .pop_wrap {
    width: 300px;
  }
  .pop_19 .pop_inner {
    padding: 45px;
    min-height: 200px;
  }
  .pop_19 .pop_inner .text {
    font-size: 20px;
    line-height: 30px;
  }
  .pop_19 .pop_inner footer {
    margin-top: 25px;
  }
  .pop_19 .help_text {
    position: fixed;
    bottom: 30px;
    width: 100%;
    margin-top: 0px;
    font-size: 12px;
    text-align: center;
  }
  /* candyworks added(2021.11.04) */
  .error-info ul li {
    font-size: 18px;
  }
  .error-info ul li em {
    font-size: 35px;
  }
  .error-info ul li .desc {
    font-size: 16px;
  }
  .error-info ul li .btn {
    height: 40px;
    padding-left: 20px;
    background-size: auto 100%;
    font-size: 14px;
  }
}