@charset "UTF-8";

.only_480 {display: none;}

.section {}
.sec1 {}
.sec1 .main_visual {}
.sec1 .main_visual .main_vis_slider {}
.sec1 .main_visual .main_vis_slider .slide {height: 720px; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.sec1 .main_visual .main_vis_slider .slide .box {display: block; height: 100%;}
.sec1 .main_visual .main_vis_slider .slick-arrow {display: inline-block; width: 21px; height: 38px;position: absolute; top: 50%; transform: translateY(-50%); background-position: center center; background-size: 21px auto; background-repeat: no-repeat; font-size: 0; z-index: 1;}
.sec1 .main_visual .main_vis_slider .slick-arrow.slick-prev {left: 40px; background-image: url('/images/home/kor/user/fair/main/visual_prev_icon.png');}
.sec1 .main_visual .main_vis_slider .slick-arrow.slick-next {right: 40px; background-image: url('/images/home/kor/user/fair/main/visual_next_icon.png');}


.sec1 .notice_area {} 
.sec1 .notice_area .container {position: relative;}
.sec1 .notice_area .container .notice_container {overflow: hidden; position: absolute; top: 50%; left: 0; width: 100%; padding: 24px 52px 24px 24px; background-color: #601986; border-radius: 8px; transform: translateY(-50%);}
.sec1 .notice_area .container .notice_container .notice_slider {padding: 0 0 0 180px;}
.sec1 .notice_area .container .notice_container .title {display: inline-block; position: absolute; top: 50%; left: 24px; width: 185px; transform: translateY(-50%);}
.sec1 .notice_area .container .notice_container .title .text {display: inline-block;padding: 0 0 0 65px; font-weight: 800; font-size: 24px; line-height: 48px; color: #fff; background-image: url('/images/home/kor/user/fair/main/ico_notice.png'); background-position: left center; background-size: 48px auto; background-repeat: no-repeat;}
.sec1 .notice_area .container .notice_container .notice_slider .slide {}
.sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper {display: table; width: 100%; table-layout: fixed; }
.sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .content {display: table-cell; vertical-align: top;}
.sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .content .box {display: block;}
.sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .content .box .text {display:inline-block; height: 48px; font-weight: 400; font-size: 18px; line-height: 48px; color: #fff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .date {display: table-cell; width: 120px; vertical-align: top;}
.sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .date .text {display: inline-block; font-size: 16px; line-height: 48px; color: #fff;}
.sec1 .notice_area .container .notice_container .notice_btn_wrap {display: inline-block; position: absolute; top: 50%; right: 24px; width: 16px; height: 30px; transform: translateY(-50%);}
.sec1 .notice_area .container .notice_container .notice_btn_wrap .slick-arrow {display: inline-block; position: absolute; left: 0; width: 16px; height: 10px; background-position: center center; background-size: 16px auto; background-repeat: no-repeat; font-size: 0;}
.sec1 .notice_area .container .notice_container .notice_btn_wrap .slick-arrow.slick-prev {top: 0; background-image: url('/images/home/kor/user/fair/main/notice_prev.png');}
.sec1 .notice_area .container .notice_container .notice_btn_wrap .slick-arrow.slick-next {bottom: 0; background-image: url('/images/home/kor/user/fair/main/notice_next.png');}


.sec2 {padding: 105px 0 90px;}
.sec2 .container {}
.sec2 .container .sec2_title {margin: 0 0 65px 0; text-align: center;}
.sec2 .container .sec2_title .text {display: inline-block; position: relative; padding: 0 30px 0 46px; font-weight: 800; font-size: 48px; line-height: 56px; color: #212121; }
.sec2 .container .sec2_title .text:before {content:''; display: inline-block; position: absolute; top: 0; left: 0; width: 44px; height: 53px; background-image: url('/images/home/kor/user/fair/main/sec2_title_left.png'); background-position: center center; background-size: 44px auto; background-repeat: no-repeat;}
.sec2 .container .sec2_title .text:after {content:''; display: inline-block; position: absolute; top: 0; right: 0; width: 14px; height: 13px; background-image: url('/images/home/kor/user/fair/main/sec2_title_right.png'); background-position: center center; background-size: 14px auto; background-repeat: no-repeat;}
.sec2 .container .sec2_title .ft_c {display: inline-block; position: relative; font-size: 80px; color: #e62e8b;}
.sec2 .container .sec2_title .ft_c:before {content:''; display: inline-block; position: absolute; top: -30px; right: -20px; width: 24px; height: 27px; background-image: urL('/images/home/kor/user/fair/main/sec2_title_quote.png'); background-position: center center; background-size: 24px auto; background-repeat: no-repeat;}
.sec2 .container .link_list {font-size: 0;}
.sec2 .container .link_list .item {display: inline-block; width: 16.6666%; padding: 0 20px; vertical-align: top;}

@keyframes bounce_frames  {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}
.sec2 .container .link_list .item .box {display: block; transition: 0.3s ease;}
.sec2 .container .link_list .item .box:hover .icon_wrapper .circle {animation: bounce_frames 0.43s ease-out infinite alternate;}
.sec2 .container .link_list .item .box .icon_wrapper {font-size: 0; text-align: center;}
.sec2 .container .link_list .item .box .icon_wrapper .circle {overflow: hidden; display: inline-block; width: 135px; height: 135px; padding: 8px; border-radius: 50%; box-shadow: 0px 0px 20px 0px rgba(138, 143, 93, 0.3);}
.sec2 .container .link_list .item .box .icon_wrapper .circle .icon {overflow: hidden; display: inline-block; width: 100%; height: 100%; border-radius: 50%; background-position: center center; background-size: 71px auto; background-repeat: no-repeat;}
.sec2 .container .link_list .item.icon01 .icon_wrapper .circle .icon {background-color: #ee8fb8; background-image: url('/images/home/kor/user/fair/main/icon_sec2_01.png');}
.sec2 .container .link_list .item.icon02 .icon_wrapper .circle .icon {background-color: #f5ab18; background-image: url('/images/home/kor/user/fair/main/icon_sec2_02.png');}
.sec2 .container .link_list .item.icon03 .icon_wrapper .circle .icon {background-color: #f9cc17; background-image: url('/images/home/kor/user/fair/main/icon_sec2_03.png');}
.sec2 .container .link_list .item.icon04 .icon_wrapper .circle .icon {background-color: #c3d600; background-image: url('/images/home/kor/user/fair/main/icon_sec2_04.png');}
.sec2 .container .link_list .item.icon05 .icon_wrapper .circle .icon {background-color: #55c0dd; background-image: url('/images/home/kor/user/fair/main/icon_sec2_05.png');}
.sec2 .container .link_list .item.icon06 .icon_wrapper .circle .icon {background-color: #dd88f7; background-image: url('/images/home/kor/user/fair/main/icon_sec2_06.png');}
.sec2 .container .link_list .item .title {margin: 25px 0 0;}
.sec2 .container .link_list .item .title .text {display: block; font-weight: 800; font-size: 18px; line-height: 30px; color: #212121; text-align: center;}


.sec3 {padding: 100px 0 50px; background: rgb(210,246,250);
    background: linear-gradient(180deg, rgba(210,246,250,1) 0%, rgba(255,255,255,0) 100%);}
.sec3 .sec3_title {margin: 0 0 30px 0; text-align: center;}
.sec3 .sec3_title .text {font-weight: 800; font-size: 48px; line-height: 56px; color: #212121; vertical-align: middle;}
.sec3 .sec3_title .text .ft_c {display: inline-block; font-size: 64px; color: #12a0b0;}
.sec3 .date_list {padding: 0 0 60px 0; text-align: center;}
.sec3 .date_list .container .item_list {display: inline-block; font-size: 0;}
.sec3 .date_list .container .item_list .item {display: inline-block; position: relative; padding: 0 27px;}
.sec3 .date_list .container .item_list .item:before {content:''; display: inline-block; position: absolute; top: 50%; right: -3px; width: 6px; height: 6px; background-color: #cfdbdc; border-radius: 50%; transform: translateY(-50%);}
.sec3 .date_list .container .item_list .item:last-child:before {display: none;}
.sec3 .date_list .container .item_list .item .btn {display: block; font-weight: 800; font-size: 24px; line-height: 36px; color: rgba(33, 33, 33, 0.5);}
.sec3 .date_list .container .item_list .item .btn.on {color: #e62e8b;}
.sec3 .date_list .container .item_list .item .btn .bold {display: inline-block; font-weight: 900; font-size: 32px; vertical-align: baseline;}
.sec3 .date_list .container .item_list .item .detail_date {display: none; position: absolute; bottom: -36px; left: 50%; padding: 0 12px; background-color: #e62e8b; font-weight: 800; font-size: 14px; line-height: 24px; color: #fff; text-align: center; border-radius: 12px; transform: translateX(-50%); white-space: nowrap;}
.sec3 .date_list .container .item_list .item .detail_date:before {content:''; display: inline-block; position: absolute; top: -8px; left: 50%; width: 0px; height: 0px; border-top: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #e62e8b; transform: translateX(-50%);}
.sec3 .date_list .container .item_list .item .btn.on + .detail_date{display: inline-block;}
.sec3 .btn_view_more {display: inline-block;}
.sec3 .btn_view_more .text {display: inline-block; padding: 0 32px 0 0; font-weight: 800; font-size: 14px; line-height: 24px; color: rgba(33, 33, 33, 0.5); background-image: url('/images/home/kor/user/fair/main/icon_view_more.png'); background-position: right center; background-size: 24px auto; background-repeat: no-repeat;}
.sec3 .date_list .container .btn_view_more {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.sec3 .btn_box {text-align: center;}
.sec3 .btn_box .btn_view_more {display: none;}




.sec3 {overflow: hidden;}
.sec3 .program_area {}
.sec3 .program_area .day_cont {overflow: hidden; height: 0; padding: 0 210px;}
.sec3 .program_area .day_cont.on {height: auto;}
.sec3 .program_area .day_cont .program_slider {padding: 0 0 30px 0;}
.sec3 .program_area .day_cont .program_slider .slide {padding: 0 20px;}
.sec3 .program_area .day_cont .program_slider .slick-list {overflow: visible !important;}
.sec3 .program_area .day_cont .program_slider .slide .box {overflow: hidden; display: block; border-radius: 8px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box {position: relative; background-color: #fff;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .status {display: inline-block; position: absolute; top: 0; left: 0; width: 64px; height: 64px; text-align: center; font-weight: 800; font-size: 14px; line-height: 64px; color: #fff; border-bottom-right-radius: 8px;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .status.pink {background-color: #e62e8b;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .status.blue {background-color: #144db3;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .status.orange {background-color: #ff8c36;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .status.green {background-color: #37b37c;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .img_container {display: table; width: 100%; table-layout: fixed;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .img_container .img_inner {display: table-cell; width: 100%; vertical-align: middle; text-align: center; height: 240px;}
.sec3 .program_area .day_cont .program_slider .slide .box .img_box .img_container .img_inner img {display: inline-block;}
.sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper {padding: 20px 20px 35px 20px; background-color: #fff; text-align: center;}
.sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .subject {font-weight: 800; font-size: 16px; line-height: 24px; color: #212121;}
.sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .subject.pink {color: #e62e8b;} 
.sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .subject.blue {color: #144db3;}
.sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .subject.orange {color: #ff8c36;}
.sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .subject.green {color: #37b37c;}
.sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .text {margin: 8px 0 0; font-weight: 800; font-size: 20px; line-height: 30px; color: #212121;}

.sec3 .program_area .program_slider .slick-arrow {display: inline-block; position: absolute; top: 50%; width: 20px; height: 35px; background-position: center center; background-size: 20px auto; background-repeat: no-repeat; font-size: 0; transform: translateY(-50%); z-index: 1;}
.sec3 .program_area .program_slider .slick-arrow.slick-prev {left: -10px; background-image: url('/images/home/kor/user/fair/main/sec3_prev.png');}
.sec3 .program_area .program_slider .slick-arrow.slick-next {right: -10px; background-image: url('/images/home/kor/user/fair/main/sec3_next.png');}


.sec4 {padding: 50px 0 120px 0;}
.sec4 .container {}
.sec4 .container .sec4_title {margin: 0 0 65px 0; text-align: center;}
.sec4 .container .sec4_title .text {display: inline-block; font-weight: 800; font-size: 48px; line-height: 56px; color: #212121;}
.sec4 .container .sec4_title .text .ft_c {display: inline-block; color: #e62e8b;}
.sec4 .container .sec4_title .text .ft_c .bold {position: relative; font-size: 64px;}
.sec4 .container .sec4_title .text .ft_c .bold:before {content: ''; display: inline-block; position: absolute; top: -10px; left: -10px; width: 29px; height: 27px; background-image: url('/images/home/kor/user/fair/main/sec4_title_quote.png'); background-position: center center; background-size: 29px auto; background-repeat: no-repeat;}
.sec4 .container .find_program {display: flex;}
.sec4 .container .find_program .left_menu {position: relative; width: 330px; z-index: 1;}
.sec4 .container .find_program .left_menu .item_list {height: 100%;}
.sec4 .container .find_program .left_menu .item_list .item {height: 25%; border-bottom: 1px solid #e0e0e0;}
.sec4 .container .find_program .left_menu .item_list .item:last-child {border-bottom: none;}
.sec4 .container .find_program .left_menu .item_list .item .btn {overflow: hidden; display: inline-block; width: 100%; height: 100%;}
.sec4 .container .find_program .left_menu .item_list .item .btn .text {font-weight: 800; font-size: 20px; color: rgba(33, 33, 33, 0.5);}
.sec4 .container .find_program .left_menu .item_list .item .btn.on {position: relative; width: calc(100% + 40px); border-radius: 8px;}
.sec4 .container .find_program .left_menu .item_list .item .btn.on:before {content:''; display: inline-block; position: absolute; top: 50%; left: 0; width: 100px; height: 120px; background-image: url('/images/home/kor/user/fair/main/sec4_btn_bg.png'); background-position: center center; background-size: 100px auto; background-repeat: no-repeat; transform: translateY(-50%);}
.sec4 .container .find_program .left_menu .item_list .item .btn.on .text {position: relative; color: #fff;}
.sec4 .container .find_program .left_menu .item_list .item .btn.on .text:before {content:''; display: inline-block; position: absolute; top: -15px; left: -15px; width: 21px; height: 21px; background-image: url('/images/home/kor/user/fair/main/sec4_btn_quote.png'); background-position: center center; background-size: 21px auto; background-repeat: no-repeat;}
.sec4 .container .find_program .left_menu .item_list .item .btn.on .text:after {content:''; display: inline-block; width: 24px; height: 24px; margin: 0 0 0 16px;background-image: url('/images/home/kor/user/fair/main/sec4_arrow.png'); background-position: center center; background-size: 24px auto; background-repeat: no-repeat;vertical-align: middle;;}
.sec4 .container .find_program .left_menu .item_list .item:nth-child(1) .btn.on {background-color: #7d2063;}
.sec4 .container .find_program .left_menu .item_list .item:nth-child(2) .btn.on {background-color: #167a4f;}
.sec4 .container .find_program .left_menu .item_list .item:nth-child(3) .btn.on {background-color: #e79113;}
.sec4 .container .find_program .left_menu .item_list .item:nth-child(4) .btn.on {background-color: #c32a2a;}
.sec4 .container .find_program .menu_contents {width: calc(100% - 330px);}
.sec4 .container .find_program .menu_contents .contents_wrapper {display: none;}
.sec4 .container .find_program .menu_contents .contents_wrapper.on {display: block;}
.sec4 .container .find_program .menu_contents .contents_wrapper .box {display: block;}
.sec4 .container .find_program .menu_contents .contents_wrapper .box img.mob {display: none;}