@charset "EUC-KR";

/* PC */
@media screen and (min-width: 1025px) {
    /****************************************
    01. common style
    ****************************************/
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    /****************************************
    01. common style
    ****************************************/
}

/* phone ~ 767px */
@media screen and (max-width: 767px) {
    /****************************************
    01. common style
    ****************************************/

    /****************************************
    01. hidden contents
    ****************************************/
    .banner-notice,
    .gnb-area,
    .gnb,
    .top-btn-area {
        display: none !important;
    }

    /*******************************************************************
       common style
    ******************************************************************* */
    .main-col {
        padding: 50px 0;
    }
    .main-col h3 {
        margin: 0 0 45px;
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        color: #fff;
    }
    .main-col h3 a {
        font-size: 32px;
        font-weight: 700;
        color: rgba(255,255,255,0.9);
    }
    .main-col h3 a:hover {
        font-size: 32px;
        font-weight: 700;
        color: #fff;
        color: rgba(255,255,255,1);
    }
    .main-col.vendor {
        border-top: 1px solid #f0f0f0;
    }

    /* *******************************************************************
        col1 : ¸ÞÀÎ ¹è³Ê
    ******************************************************************* */
    .col1 {
        position: relative;
        height: 460px;
        padding: 0;
    }
    .col1 .innerwrap {
        width: 100%;
    }
    .col1 ul.swiper-wrapper {

    }
    .col1 ul.swiper-wrapper li.swiper-slide {
        position: relative;
        width: 100%;
        height: 460px;
    }
    .col1 ul.swiper-wrapper li.swiper-slide .inner {
        width: 100%;
        height: 460px;
        margin: 0 auto;
    }

    /*******************************************************************
       pc banner style : °øÅë
    ******************************************************************* */
    .swiper-slide .inner {
        padding: 0;
    }
    .swiper-slide .inner .con-area {
        width: 100%;
        height: 460px;
        padding: 30px 20px;
    }
    .swiper-wrapper .inner .con-area .title {
        margin: 0 0 30px;
        word-break: keep-all;
    }
    .swiper-wrapper .inner .con-area .title small {
        margin: 0 0 20px;
        font-size: 19px;
        word-break: keep-all;
        line-height: 1.4;
    }
    .swiper-wrapper .banner-conf .inner .con-area .title small {
        margin: 30px 0 20px;
    }
    .swiper-wrapper .inner .con-area .title strong {
        margin-top:50px;
        text-overflow: initial;
        overflow: visible;
        white-space: normal;
        line-height: 1.3;
        font-size: 23px !important;
        font-weight: 800;
        word-break: keep-all;
    }
    .swiper-wrapper .banner-conf .inner .con-area .title strong {
        margin-top:20px;
        margin-bottom: 40px;
        font-size: 28px !important;
    }
    .swiper-wrapper .inner .con-area .title-eng {
        margin: 0 0 30px;
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.45px;
        word-break: keep-all;
    }
    .swiper-wrapper .inner .con-area .more-info {
        margin: 0 auto 30px;
        word-break: keep-all;
    }
    .swiper-wrapper .inner .con-area .date {
        margin: 0 0 12px;
        line-height: 1.3;
        font-size: 15px;
        word-break: keep-all;
    }
    .swiper-wrapper .inner .con-area .place {
        line-height: 1.3;
        font-size: 15px;
        word-break: keep-all;
    }
    .swiper-wrapper .inner .con-area a.btn-go {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: auto;
        max-width: 300px;
        height: 40px;
        line-height: 36px;
        margin: 0 0 10px;
        padding: 0 20px 5px;
        font-size: 19px;
    }

    /*******************************************************************
       ºñµð¿À
    ******************************************************************* */
    .swiper-wrapper .swiper-slide.video {
        width: 100%;
        min-height: 460px;
        background: #333;
    }
    .swiper-wrapper .swiper-slide.video video {
        width: 100%;
        min-height: 460px;
    }
    .swiper-wrapper .swiper-slide.video iframe {
        width: 100%;
        min-height: 460px;
    }

    /*******************************************************************
       ±¹³»Çмú¹ßÇ¥´ëȸ
    ******************************************************************* */
    .banner-conf {
        background: #fff url(/images/main/main_banner/bg_main_banner_01.jpg) left top no-repeat;
        background-size: cover;
    }
    .banner-conf .inner .con-area {
        background: url(/images/main/main_banner/bg_main_banner_box.jpg) left top no-repeat;
    }
    .banner-conf .inner .con-area .title-eng {
        font-weight: 400;
        color: #7047cf;
    }
    .banner-conf .inner .con-area a.btn-go {
        color: #7047cf;
        font-size: 14px;
        border: 2px solid #7047cf;
        background-color: transparent;
    }
    .banner-conf .inner .con-area a.btn-go:hover {
        color: #fff;
        background-color: #7047cf;
    }
    .banner-conf .inner .con-area a.btn-go.font-size-sm {
        font-size: 14px;
    }
    /*******************************************************************
       ±¹³»Çмú¹ßÇ¥´ëȸ - 80ÁÖ³â anniversary
    ******************************************************************* */
    .banner-conf.anniversary .inner .con-area {
        padding-left: 170px;
        background: rgba(255, 255, 255, 0.26) url(/images/main/main_banner/anniversary_80th_logo.png) 50px 24% no-repeat;
        background-size: 200px;
    }
    .swiper-wrapper .banner-conf.anniversary .inner .con-area .title {
        margin: 0 0 10px;
    }
    .swiper-wrapper .banner-conf.anniversary .inner .con-area .title strong {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .swiper-wrapper .banner-conf.anniversary .inner .con-area .date {
        margin: 0 0 5px;
    }
    .swiper-wrapper .banner-conf.anniversary .inner .con-area .more-info {
                margin: 0 auto 20px;
    }

    /*******************************************************************
      ÄÁÆÛ·±½º
    ******************************************************************* */
    .swiper-backface-hidden .swiper-slide{
        background-size: cover !important;
    }

    .swiper-wrapper .swiper-slide.conference .inner .con-area a.btn-go{
        margin-top:-10px;
    }



    /* ******************************************************************
     °ÇÃàÀÇ ³¯
    ******************************************************************* */
    .swiper-wrapper .swiper-slide.aday {
        background: #006DB1 url(/images/main/main_banner/bg_main_banner_aday_20240911.jpg) 24% center no-repeat;
    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area {

    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area .title strong {
        margin-top: 40px;
        font-size: 28px !important;
    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area .title small {
        margin-top: 20px;
        font-size: 19px;
    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area .date {

    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area .place {
        margin: 0 0 20px;
    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area .info {
        display: inline-block;
        max-width: 100%;
        padding: 15px 20px;
        font-size: 15px;
    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area .more-info {
        margin: 30px 0 0;
    }
    .swiper-wrapper .swiper-slide.aday .inner .con-area a.btn-go {
        height: 46px;
        line-height: 46px;
        margin-top: 30px;
        padding: 0 30px;
    }

    /*******************************************************************
      µµ¼­¹ß°£
    ******************************************************************* */

    .swiper-wrapper .swiper-slide.book{
        background: #fff url(/images/main/main_banner/bg_main_banner_03.jpg) 45% top no-repeat;
    }
    /*******************************************************************
     ȸÀå¼±°Å
  ******************************************************************* */
    .swiper-wrapper .swiper-slide.vote {
        background: #F5F1FF url(/images/main/main_banner/bg_main_banner_vote.png) center 60% no-repeat;
    }
    .swiper-wrapper .swiper-slide.vote small{
        font-size: 15px;
    }
    .swiper-wrapper .vote .inner .con-area .more-info{
        margin-top:40px;
        margin-bottom: 25px;
    }

    /* paging */
    #main_banner .swiper-pagination {
        left: 0;
        bottom: 20px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    #main_banner .swiper-pagination.position-bottom {
        bottom: 20px;
    }
    #main_banner .swiper-pagination-bullet {
        float: none;
        display: inline-block;
        width: 14px !important;
        height: 14px !important;
        margin: 0 5px;
        line-height: 1;
        text-align: center;
        border-radius: 14px;
        border-bottom: none;
    }
    #main_banner .swiper-pagination-bullet:only-child {
        display: inline-block !important;
    }
    #main_banner .swiper-pagination.w25p .swiper-pagination-bullet,
    #main_banner .swiper-pagination.w33p .swiper-pagination-bullet,
    #main_banner .swiper-pagination.w50p .swiper-pagination-bullet {
        width: 14px;
    }
    #main_banner .swiper-pagination-bullet span {
        display: none;
    }
    #main_banner .swiper-pagination-bullet b {
        display: none;
    }

    /*******************************************************************
       ÇлýÀÛÇ°Àü
    ******************************************************************* */
    .swiper-slide.student {
        /*background: #fff url(/images/main/main_banner/bg_main_banner_student_2023.jpg) center bottom;*/
    }
    .swiper-slide.student .inner .con-area {
        background-color: rgba(0,0,0,0.45);
    }
    .swiper-slide.student .inner .con-area .title {
        color: #fff;
        text-shadow: 0 2px 4px rgba(0,0,0,0.75);
    }
    .swiper-slide.student .inner .con-area .title small {
        color: #fff;
        text-shadow: 0 2px 4px rgba(0,0,0,0.75);
    }
    .swiper-slide.student .inner .con-area .title strong {
        color: #fff;
        text-shadow: 0 2px 4px rgba(0,0,0,0.75);
    }
    .swiper-slide.student .inner .con-area .title-eng {
        color: #fff;
        text-shadow: 0 2px 4px rgba(0,0,0,0.75);
    }
    .swiper-slide.student .inner .con-area .date {
        font-size: 14px;
        color: #fff;
        text-shadow: 0 2px 4px rgba(0,0,0,0.75);
    }
    .swiper-slide.student .inner .con-area .place {
        color: #fff;
    }
    .swiper-slide.student .inner .con-area a.btn-go {
        /*color: #000;*/
        /*border: 2px solid #fff;*/
        /*background-color: #fff;*/
    }
    .swiper-slide.student .inner .con-area a.btn-go:hover {
        color: #fff;
        border: 2px solid #6F4DCB;
        background-color: #6F4DCB;
    }

    /*******************************************************************
       ¿ù·Ê¼¼¹Ì³ª
    ******************************************************************* */
    .seminar {
        background: #fff url(/images/main/main_banner/bg_main_banner_seminar.jpg);
        background-size: 2400px 800px;
    }
    .seminar .inner .con-area {
        background-color: rgba(255,255,255,0.1);
    }

    /*******************************************************************
       °ÇÃà»ó
    ******************************************************************* */
    .swiper-wrapper .award .inner .con-area .title strong {
        margin-bottom: 70px;
    }
    .swiper-wrapper .swiper-slide.award .inner .con-area a.btn-go {
        margin-top:35px ;
    }

    /*******************************************************************
       °ø°³¼¼¹Ì³ª
    ******************************************************************* */
    .swiper-wrapper .swiper-slide.seminar.openseminar {
        background-image: none;
    }
    .swiper-wrapper .swiper-slide.seminar.openseminar .more-info {
        margin-bottom: 60px;
    }

    /* ******************************************************************
     µµ¼­¹ß°£
    ******************************************************************* */
    .swiper-wrapper .swiper-slide.book .inner .con-area .title strong{
        margin-top:75px;
    }
    .swiper-wrapper .swiper-slide.book .inner .con-area a.btn-go{
        margin-top:21px;
    }
    /* ******************************************************************
     ÀΰøÁö´É ¼¼¹Ì³ª
    ******************************************************************* */
    .swiper-wrapper .swiper-slide.seminar3 .inner .con-area .title small{
        font-size: 19px;
    }
    .swiper-wrapper .swiper-slide.seminar3 .inner .con-area .title strong {
        font-size: 23px;
    }

    .swiper-wrapper .swiper-slide.etc2 .inner .con-area .title strong{
        font-size: 26px;
    }

    /* swiper.js */
    #main_banner .swiper-button-next,
    #main_banner .swiper-button-prev {
        color: rgba(255,255,255,0.45);
        transition: all 0.25s;
    }
    #main_banner .swiper-button-next:hover,
    #main_banner .swiper-button-prev:hover {
        color: rgba(255,255,255,1);
    }
    /*******************************************************************
      Á¤±âÃÑȸ
    ******************************************************************* */
    .swiper-wrapper .swiper-slide.general-meeting .inner .con-area p.title strong {
        font-size: 24px;
    }
    /* *******************************************************************
            col2 : ¹Ù·Î°¡±â ¹× ÅëÇÕ°Ë»ö
    ******************************************************************* */
    .col2 {
        height: auto;
        padding: 0;
        background: #247ED3;
    }
    .col2 .innerwrap > div,
    .col2 .innerwrap > div:not(.layer-popup-area) {
        float: none;
        width: 100%;
        height: auto;
    }

    /* Äü¹öÆ° */
    .col2 .quick-button-area {
        padding: 30px 0;
        background: #fff url(/images/main/bg_main_col2.jpg) center top no-repeat;
    }
    .col2 .quick-button-area > ul {
        padding-top: 0;
        text-align: center;
    }
    .col2 .quick-button-area > ul > li {
        float: left;
        width: 25%;
        margin: 0;
    }
    .col2 .quick-button-area > ul > li:last-child {
        margin: 0;
    }
    .col2 .quick-button-area > ul > li a span {
        width: 64px;
        height: 64px;
        line-height: 64px;
        margin: 0 0 15px;
        border-radius: 32px;
    }
    .col2 .quick-button-area > ul > li a span img {
        width: 40px;
    }
    .col2 .quick-button-area > ul > li:nth-child(2) a span img {
        width: 30px;
    }
    .col2 .quick-button-area > ul > li:nth-child(3) a span img {
        width: 34px;
    }
    .col2 .quick-button-area > ul > li:nth-child(4) a span img {
        width: 28px;
    }
    .col2 .quick-button-area > ul > li a b {
        max-width: initial;
        font-size: 13px;
    }

    /* ¿Â¶óÀÎ ¿ë¾î»çÀü */
    .col2 .online-dictionary-area {
        padding: 50px 20px;
        background: #fff url(/images/main/bg_main_col2.jpg) 90% top no-repeat;
        background-size: cover;
    }
    .col2 .online-dictionary-area p.title {
        padding: 0 0 20px;
        font-size: 24px;
    }
    .col2 .online-dictionary-area .online-dictionary input[type=text] {
        width: 100%;
        height: 40px;
        padding: 0 80px 0 15px;
        font-size: 14px;
        border-radius: 20px;
    }
    .col2 .online-dictionary-area .online-dictionary input[type=text]::placeholder {
        font-size: 14px;
    }
    .col2 .online-dictionary-area .online-dictionary button {
        right: 0px;
        top: 0px;
        width: 60px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        border-radius: 20px;
    }
    .col2 .online-dictionary-area .logo-area {
        margin: 20px 0 0;
    }

    /* *******************************************************************
        col-etc : À¯Æ©ºê, ±âÀÚ´Ü, ¿ë¾î»çÀü
    ******************************************************************* */
    .col-etc {
        padding: 80px 20px;
        background: #F2FAFD url(/images/main/bg_publication_blue.png) center 50% no-repeat;
    }
    .col-etc h1 {
        margin-bottom: 20px;
        font-size: 32px;
        letter-spacing: -0.25px;
    }
    .col-etc p.info {
        margin: 0 0 40px;
        line-height: 1.4;
        font-size: 13px;
        color: #333;
        letter-spacing: -0.45px;
    }

    .col-etc #etc_area {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 0;
    }

    /* tab */
    .col-etc #etc_area .tab-custom .tab-area .nav.nav-tabs > li {
        float: left;
        width: 33.33333%;
    }
    .col-etc #etc_area .tab-custom .tab-area .nav.nav-tabs > li > a {
        height: 50px;
        padding: 0 10px;
        line-height: 50px;
        font-size: 15px;
    }
    .col-etc #etc_area .tab-custom .tab-area .nav.nav-tabs > li.active > a,
    .col-etc #etc_area .tab-custom .tab-area .nav.nav-tabs > li.active > a:hover {
        font-size: 15px;
    }

    .col-etc #etc_area .tab-custom .tab-content {
        padding-top: 30px;
    }
    .col-etc #etc_area .tab-custom .tab-content .etc-list > li {
        display: none;
        float: none;
        margin: 0 auto 20px;
    }
    .col-etc #etc_area .tab-custom .tab-content .etc-list > li:nth-child(1) {
        display: block;
        float: none;
        margin: 0 auto 20px;
    }
    .col-etc #etc_area .tab-custom .tab-content .etc-list > li:nth-child(3n) {
        margin: 0 auto 20px;
    }
    .col-etc #etc_area .tab-custom .tab-content .notice-multi .etc-list > li:nth-child(3n) {
        margin: 0 auto 20px;
    }

    .col-etc #etc_area .tab-custom .tab-content .btn-area {
        margin-top: 10px;
        padding-left: 0;
    }
    .col-etc #etc_area .tab-custom .tab-content .btn-area a {
        height: 40px;
        line-height: 40px;
        font-size: 17px;
    }

    /* ¿ë¾î»çÀü */
    .col-etc .list-etc {
        float: none;
        margin: 60px auto 0;
    }

    /* *******************************************************************
        col3 : °Ô½ÃÆÇ
    ******************************************************************* */
    .col3 {
        padding: 80px 20px;
    }
    .col3 h1 {
        margin-bottom: 20px;
        font-size: 32px;
        letter-spacing: -0.25px;
    }
    .col3 p.info {
        margin: 0 0 40px;
        line-height: 1.4;
        font-size: 13px;
        color: #333;
        letter-spacing: -0.45px;
    }

    /* tab */
    .col3 #board_area .tab-custom .tab-area .nav.nav-tabs > li {
        float: left;
        width: 33.33333%;
    }
    .col3 #board_area .tab-custom .tab-area .nav.nav-tabs > li > a {
        height: 50px;
        padding: 0 10px;
        line-height: 50px;
        font-size: 15px;
    }
    .col3 #board_area .tab-custom .tab-area .nav.nav-tabs > li.active > a,
    .col3 #board_area .tab-custom .tab-area .nav.nav-tabs > li.active > a:hover {
        font-size: 15px;
    }

    .col3 #board_area .tab-custom .tab-content {
        padding-top: 30px;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto 10px;
    }
    .col3 #board_area .tab-custom .tab-content #tab1 .boards-list > li:nth-child(5),
    .col3 #board_area .tab-custom .tab-content #tab1 .boards-list > li:nth-child(6) {
        display: block;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .contents-area {
        height: auto;
    }
    .col3 #board_area .tab-custom .tab-content .notice-multi .boards-list > li,
    .col3 #board_area .tab-custom .tab-content .notice-multi .boards-list > li .contents-area {
        height: auto;
    }
    .col3 #board_area .tab-custom .tab-content .notice-multi .boards-list > li .contents-area p.title a {
        line-height: 1.6;
    }
    .col3 #board_area .tab-custom .tab-content .notice-multi .boards-list > li {
        width: 100%;
        margin: 0 auto 10px;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li:nth-child(4) {
        margin: 0 auto 10px;
    }
    .col3 #board_area .tab-custom .tab-content .notice-multi .boards-list > li:nth-child(3n) {
        margin: 0 auto 10px;
    }
    .col3 #board_area .tab-custom .tab-content .notice-multi .boards-list > li:nth-child(4) {
        margin: 0 auto 10px;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .contents-area {
        padding: 15px 15px 20px;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .contents-area .category {
        height: 24px;
        line-height: 26px;
        margin: 0 0 10px;
        font-size: 13px;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .contents-area .date {
        top: 21px;
        right: 15px;
        font-size: 13px;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .contents-area p.title a {
        line-height: 1.6;
        font-size: 15px;
        letter-spacing: -0.25px;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .thm-area {
        display: none;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .thm-area a {
        background-color: #FBFBFC;
    }
    .col3 #board_area .tab-custom .tab-content .boards-list > li .thm-area a img {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
    }

    .col3 #board_area .tab-custom .tab-content .btn-area {
        margin-top: 10px;
    }
    .col3 #board_area .tab-custom .tab-content .btn-area a {
        height: 40px;
        line-height: 40px;
        font-size: 17px;
    }

    /* *******************************************************************
        col4 : ÃâÆǹ°
    ******************************************************************* */
    .col4 {
        padding: 80px 20px;
    }
    .col4 .innerwrap > div {
        float: none;
        width: 100%;
    }
    .col4 h1 {
        margin-bottom: 20px;
        font-size: 32px;
        letter-spacing: -0.25px;
    }
    .col4 p.info {
        margin: 0 0 40px;
        line-height: 1.4;
        font-size: 13px;
        color: #333;
        letter-spacing: -0.45px;
    }
    .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
    }

    /* aik-books */
    .col4 .aik-books {
        margin: 0 0 120px;
    }
    .col4 .aik-books .slide-list {
        width: 100%;
        margin: 0 auto;
        padding: 5px;
    }
    .col4 .aik-books .swiper-slide {
        width: 100%;
        margin: 0 auto;
    }
    .col4 .aik-books .swiper-slide a {
        width: 100%;
        margin: 0 auto;
    }
    .col4 .aik-books .swiper-slide a img {
        margin: 0 auto;
    }
    .col4 .aik-books .swiper-slide a p.title {
        width: 100%;
        text-align: center;
        font-size: 15px;
        letter-spacing: -0.45px;
    }

    .col4 .aik-books .swiper-horizontal>.swiper-pagination-bullets,
    .col4 .aik-books .swiper-pagination-bullets.swiper-pagination-horizontal,
    .col4 .aik-books .swiper-pagination-custom,
    .col4 .aik-books .swiper-pagination-fraction {
        bottom: -40px;
    }
    .col4 .aik-books .swiper-pagination-bullet-active {
        background-color: #1d5dff;
    }

    /* publications */
    .col4 .publications {
        margin: 0 0 30px;
    }
    .col4 .publications .slide-list {
        width: 100%;
        margin: 0 auto;
        padding: 5px;
    }
    .col4 .publications .swiper-slide a {
        width: 100%;
        margin: 0 auto;
    }
    .col4 .publications .swiper-slide a img {
        margin: 0 auto;
    }
    .col4 .publications .swiper-slide a p.title {
        width: 100%;
        text-align: center;
        font-size: 15px;
        letter-spacing: -0.45px;
    }
    .col4 .publications .swiper-slide a.btn-publication {
        width: 110px;
        height: 30px;
        margin: 5px auto 0;
        line-height: 30px;
        font-size: 15px;
    }

    /* *******************************************************************
        col5 : ÇÐȸÀÏÁ¤
    ******************************************************************* */
    .col5 {
        padding: 80px 20px;
    }
    .col5 h1 {
        margin-bottom: 20px;
        font-size: 32px;
        letter-spacing: -0.25px;
    }
    .col5 p.info {
        margin: 0 0 40px;
        line-height: 1.4;
        font-size: 13px;
        color: #333;
        letter-spacing: -0.45px;
    }

    /* calendar style */
    /* .filter-area */
    .col5 .filter-area {
        margin: 0 0 30px;
    }
    .col5 .filter-area a.arrow {
        font-size: 24px;
    }
    .col5 .filter-area .title-year {
        font-size: 24px;
    }
    .col5 .filter-area .title-month {
        font-size: 24px;
    }

    /* .date-list */
    .schedule-contents .date-list {
        height: auto;
        margin-bottom: 20px;
        padding: 10px;
    }
    .schedule-contents .date-list > ul > li {
        margin: 3px;
    }
    .schedule-contents .date-list > ul > li:first-child {
        margin: 3px;
    }

    /* .schedule-list */
    .schedule-list > ul > li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 10px;
        padding: 20px;
    }
    .schedule-list > ul > li:nth-child(4n) {
        margin: 0 0 10px;
    }
    .schedule-list > ul > li:last-child {
        margin: 0;
    }
    .schedule-list > ul > li.empty {
        font-size: 15px;
    }
    .schedule-list > ul > li > .date {
        display: none;
        margin: 0 0 20px;
        padding-top: 0;
        font-size: 15px;
    }
    .schedule-list > ul > li > .date strong {
        font-size: 24px;
    }
    .schedule-list > ul > li > a.link {
        display: none;
    }
    .schedule-list > ul > li > .title {
        margin: 0 0 20px;
        font-size: 17px;
        word-break: keep-all;
    }
    .schedule-list > ul > li > .etc-area {
        position: static;
    }
    .schedule-list > ul > li > .etc-area p {
        width: 100%;
        margin: 0;
        font-size: 14px;
    }
    .schedule-list > ul > li > .etc-area p i {
        width: 20px;
    }

    .col5 .filter-area #checkTodayLabel {
        position: static;
        display: block;
        margin: 40px 0 -10px;
        text-align: right;
    }
    .col5 .filter-area #checkTodayLabel input#checkToday {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
    }
    .col5 .filter-area #checkTodayLabel span {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
    }

    /* *******************************************************************
        col6 : ÇÐȸ SNS
    ******************************************************************* */
    .col6 {
        padding: 25px 20px;
        height: auto;
    }
    .col6 .sns-area > ul > li {
        float: left;
        width: 50%;
        height: auto;
        margin: 10px 0;
    }
    .col6 .sns-area > ul > li > a {
        font-size: 14px;
    }
    .col6 .sns-area > ul > li > a > span {
        max-width: 120px;
    }
    .col6 .sns-area > ul > li > a > img {
        width: 40px;
    }

    /* *******************************************************************
        col7 : ¿¬°£ÈÄ¿ø»ç
    ******************************************************************* */
    .col7 {
        padding: 80px 20px;
    }
    .col7 h1 {
        margin-bottom: 20px;
        font-size: 32px;
        letter-spacing: -0.25px;
    }
    .col7 p.info {
        margin: 0 0 40px;
        line-height: 1.4;
        font-size: 13px;
        color: #333;
        letter-spacing: -0.45px;
    }

    .col7 .sponsor-area > ul {
        flex-direction: column;
        align-items: center;
    }

    /* *******************************************************************
        popup-contents
    ******************************************************************* */
    /* main popup-contents */
    .popup-contents {
        display: none;
        position: absolute;
        top: -50px;
        left:50%;
        margin-left: -200px;
        z-index: 9999;
        background: #fff;
    }
    .popup-contents .inner {
        position: relative;
        width: 400px;
        height: 180px;
        border:1px solid #ddd;
        border-top: 4px solid #0086bd;
        /*background: orange;*/
    }
    .popup-contents .inner p {
        font-size: 16px;
        text-align: center;
    }
    .popup-contents .inner p.text {
        margin : 0 0 10px;
        padding-top: 15px;
        line-height: 1.2;
    }
    .popup-contents .inner .btn-area {
        position: relative;
        /*top: 100%;*/
        padding: 15px 0;
        text-align: center;
        border-bottom: 1px solid #dfdfdf;
    }
    .popup-contents .inner p.button {
        position: relative;
        /*top: 100%;*/
    }

    /* ==================================================================================
        bootstrap
    ================================================================================== */
    .tooltip {
        width: auto;
    }
    .tooltip-arrow {
        border-top-color: #bbb !important;
    }
    .tooltip-inner {
        max-width: 500px;
        white-space: nowrap;
        font-size: 13px;
        color: #000;
        border: 1px solid #dfdfdf;
        background-color: #fafafa;
        box-shadow: 0 1px 4px rgba(0,0,0,0.25);
        opacity: 1;
        text-align: left;
    }

    /* ==================================================================================
        swiper js
    ================================================================================== */
    .swiper-pagination {
        z-index: 1;
    }
    .swiper-container {
        overflow: hidden;
    }
    .swiper-slide.spring.single .inner .con-area{
        height: 470px;
    }
    .swiper-wrapper .spring .inner .con-area a.btn-go{
        font-size:15px;
    }
    .swiper-slide.spring.single .inner .con-area{
        padding-top:70px;
    }
}

@media screen and (max-width:580px) {

    /*******************************************************************
          ±¹³»Çмú¹ßÇ¥´ëȸ - 80ÁÖ³â anniversary
       ******************************************************************* */
    .banner-conf.anniversary .inner .con-area {
        padding-left: 20px;
        padding-top: 81px;
        background: rgba(255, 255, 255, 0.3) url(/images/main/main_banner/anniversary_80th_logo.png) 50% 6% no-repeat;
        background-size: 90px;
        border-radius: 0;
    }
}

/* phone ~ 420px */
@media screen and (max-width:420px) {

    .swiper-wrapper .banner-conf .inner .con-area .btn-area a.btn-go:last-child {
        width: 200px;
    }

}

/* phone ~ 380px */
@media screen and (max-width:380px) {



}

@media print {



}