@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {font-family:'noto sans kr';font-weight:400;color:#040000;}
img {width:100%;height:100%;object-fit:cover;}
a {transition:unset;}
a:hover {color:inherit;}

.basic-body {padding:0;}
.basic-body>.container {max-width:100%!important;padding:0;}
.basic-body>.container .basic-body-main {padding:0 0 110px;}

.web_img_box {display:block;}
.web_img {display:inline;}
.mo_img_box,.mo_img {display:none;}






/*Header*/
.header-wrap {border:0;}
.header_wrap {display:flex;justify-content:space-between;align-items:center;max-width:1620px;margin:0 auto;
    padding-top:45px;}
.top-header {display:none;}
.header-title {border:0;padding:0;}
.header-title div {padding:0;}
.header-title div a {display:block;padding:0;width:160px;height:136px;}
.header-title .title-logo img {width:100%;height:100%;}
.nav-wrap .container {padding:0;max-width:none;}
.nav-wrap .sidebar-left {width:auto;}
.nav-wrap .navbar-nav {align-items:center;}
.nav-wrap .navbar-nav li {position:relative;}
.nav-wrap .navbar-nav li.active::after {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
    width:8px;height:8px;border-radius:100vw;background:#ccc;}
.nav-wrap .navbar-nav li.active.dropdown_1001::after {background:#00D778;}
.nav-wrap .navbar-nav li.active.dropdown_2002::after {background:#0081FD;}
.nav-wrap .navbar-nav li.active.dropdown_3003::after {background:#EE4177;}
.nav-wrap .navbar-nav li.active.dropdown_4004::after {background:#FDB933;}
.nav-wrap .navbar-nav li .nav-link {padding:14px 32px!important;display:block;font-size:26px;font-weight:700;}
.nav-wrap .navbar-nav li.instagram {}
.nav-wrap .navbar-nav li.instagram a {display:block;width:26px;height:26px;margin-bottom:-4px;}
.navbar-nav .dropdown-toggle::after,.navbar-nav .dropdown-item i {display:none;}
.dropdown-menu {left:auto;right:0;}
.navbar-nav .dropdown:hover>.dropdown-menu {top:130%!important;}

/* 240416 검색 추가 시작 */
.search_add {position:relative;}
.search_add .search_add_wrap {display:flex; flex-direction: row; width:302px; height:50px; background: url("https://seoulplay.kr/img/search_bg_PC.jpg") no-repeat;}
.search_add .search_add_wrap input {align-self: center; width:300px; height:20px; padding:10px; border:none; display:block; background-color: transparent;}
.search_add .search_add_wrap input:focus {outline: none;}
.search_add .search_add_wrap button {width:50px; height:50px; border:none; opacity:0; position:absolute; right:0; display: block;}
.search_add .search_add_wrap a {display:none;}
#headerSearchBox {display: flex;}
/* 240416 검색 추가 끝 */


/*Sub_header*/
.sub_head {}
.sub_head ul {max-width:1620px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;
    padding:60px 0;}
.sub_head ul li {width:20%;}
.sub_head ul li a {border:1px solid #252525;color:#231815;border-radius:100vw;font-size:28px;font-weight:500;
    line-height:62px;display:block;text-align:center;}
.sub_head ul li.character a {background:#252525;color:#fff;}





/*Main*/
.main-wrap {margin:0;}
.main_mo {display:none;}
.main_section_1 {text-align:right;position:relative;padding:0 8vw;}
.main_section_1 .web_img_box {padding-top:20px;position:relative;}
.main_section_1 img {width:75%;text-align:right;}
.main_section_1 .main_ani {position:absolute;object-fit:contain;}
.main_section_1 .main_ani1 {top:10px;right:38vw;width:4.8vw;height:6vw;animation:main_1 2s ease infinite;}
.main_section_1 .main_ani2 {top:calc(5vw + 20px);right:56vw;width:8.2vw;
    height:6.1vw;animation:main_2 2.4s linear infinite;}
.main_section_1 .main_ani3 {top:calc(14vw + 60px);right:65vw;width:3.556vw;
    height:3.556vw;animation:main_3 2.8s ease infinite;}
.main_section_1 .main_ani4 {top:calc(20vw + 54px);right:55vw;width:4.1vw;height:3.1vw;
    animation:main_4 2s linear infinite;}
.main_section_1 .main_ani5 {top:calc(28vw + 40px);right:61vw;width:5.15vw;
    height:5.15vw;animation:main_5 2s ease infinite;}
.main_section_1 .main_ani6 {top:calc(26vw + 90px);right:42.5vw;width:3.556vw;
    height:3.556vw;animation:main_6 1.6s ease infinite;}
@keyframes main_1 {0% {width:4.8vw;height:6vw;}50% {width:4.45vw;height:5.8vw;}100% {width:4.8vw;height:6vw;}}
@keyframes main_2 {0% {transform:rotateZ(-8deg);}50% {transform:rotateZ(-30deg);}100% {transform:rotateZ(-8deg);}}
@keyframes main_3 {0% {width:3.556vw;height:3.556vw;}50% {width:4.4vw;height:3.556vw;}100% {width:3.556vw;height:3.556vw;}}
@keyframes main_4 {0% {transform:rotateZ(-8deg);}50% {transform:rotateZ(-20deg);}100% {transform:rotateZ(-8deg);}}
@keyframes main_5 {0% {width:5.15vw;height:5.15vw;}50% {width:6vw;height:5.2vw;}100% {width:5.15vw;height:5.15vw;}}
@keyframes main_6 {0% {width:2.15vw;height:2.15vw;}50% {width:2.6vw;height:2.4vw;}100% {width:2.15vw;height:2.15vw;}}
.main_section_1 .main_mo_ani {position:absolute;object-fit:contain;}
.main_section_1 .main_mo_ani1 {top:calc(30vw + 25px);right:86vw;width:8vw;height:8vw;
    animation:main_mo_1 1.6s ease infinite;}
.main_section_1 .main_mo_ani2 {bottom:-16vw;right:12vw;width:15vw;
    height:11vw;animation:main_mo_2 2.4s linear infinite;}
.main_section_1 .main_mo_ani3 {display:none;}
.main_section_1 .main_mo_ani4 {top:-20px;right:80vw;width:8vw;height:8vw;
    animation:main_mo_4 2s linear infinite;}
.main_section_1 .main_mo_ani5 {top:10vw;left:85vw;width:10vw;
    height:10vw;animation:main_mo_5 2s ease infinite;}
.main_section_1 .main_mo_ani6 {display:none;}
.main_section_1 .main_mo_new1 {position:absolute;object-fit:contain;bottom:-6vw;left:5vw;width:18vw;height:10vw;}
.main_section_1 .main_mo_new2 {position:absolute;object-fit:contain;bottom:4vw;right:15vw;width:6vw;height:6vw;}
@keyframes main_mo_1 {0% {transform:rotateZ(-90deg);}50% {transform:rotateZ(-70deg);}100% {transform:rotateZ(-90deg);}}
@keyframes main_mo_2 {0% {transform:rotateZ(0deg);}50% {transform:rotateZ(-15deg);}100% {transform:rotateZ(0deg);}}
/* @keyframes main_mo_3 {0% {transform:rotateZ(-8deg);}50% {transform:rotateZ(-30deg);}100% {transform:rotateZ(-8deg);}} */
@keyframes main_mo_4 {0% {transform:rotateZ(8deg);}50% {transform:rotateZ(-8deg);}100% {transform:rotateZ(8deg);}}
@keyframes main_mo_5 {0% {transform:rotateZ(-25deg);}50% {transform:rotateZ(-10deg);}100% {transform:rotateZ(-25deg);}}
/* @keyframes main_mo_6 {0% {transform:rotateZ(8deg);}50% {transform:rotateZ(-30deg);}100% {transform:rotateZ(8deg);}} */
.main_section_2 {padding:264px 0 200px;position:relative;}
.main_section_2 .cont_box {width:72%;position:relative;z-index:1;}
.main_section_2 .cont_box iframe {width:100%;height:40.1vw; position:sticky; left:50%; margin-left:-280px;} /* 240416 추가 */ 
.main_section_2 .m_art {position:absolute;top:140px;right:calc(20vw + 24px);width:180px;
    transform:rotateZ(15deg);transition:transform 1s ease;display:none;}
.main_section_2 .m_art.on {transform:rotateZ(5deg);}
.m_slide {border:1px solid #232323;border-left:0;border-right:0;padding:8px 0;display:flex;
    margin-bottom:140px;}
.m_slide img {position:relative;left:0;animation:move 20s linear infinite;width:calc(80vw + 360px);}
@keyframes move {
    0% {left:0;}
    100% {left:-100%;}
}
.main_section_3 {max-width:1620px;display:flex;align-items:flex-start;margin:0 auto;justify-content:space-between;
    padding:0 5vw 0 3vw;margin-top:260px;}
.main_section_3 .img_box {width:40%;position:relative;}
.main_section_3 .img_box .ms3_ani {position:absolute;}
.main_section_3 .img_box .ms3_ani1 {width:54px;height:76px;bottom:85%;right:90%;animation:ms3_ani1 1.8s ease infinite;}
.main_section_3 .img_box .ms3_ani2 {width:76px;height:120px;bottom:70%;left:86%;animation:ms3_ani2 1.8s ease infinite;}
@keyframes ms3_ani1 {0% {width:2.8vw;height:4vw;}50% {width:3.3vw;height:4.4vw;}100% {width:2.8vw;height:4vw;}}
@keyframes ms3_ani2 {0% {width:4vw;height:6vw;}50% {width:4.4vw;height:6.4vw;}100% {width:4vw;height:6vw;}}
.main_section_3 .m_notice {width:45%;} 
.main_section_3 .m_notice li {display:flex;justify-content:right;margin:14px 0;position:relative;}
.main_section_3 .m_notice .title {justify-content:left;margin-bottom:32px;}
.main_section_3 .m_notice .title a {background:#e8e7e9;color:#231815;line-height:56px;padding:0 32px;}
.main_section_3 .m_notice .title::before {right:auto;left:-12px;width:54px;
    background:url('/img/bg/notice_title.png')no-repeat center/100%;}
.main_section_3 .m_notice li a {display:block;line-height:52px;padding:0 32px;border-radius:100vw;
    background:#4eae7d;font-size:24px;color:#fff;font-weight:500;
    max-width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_section_3 .m_notice li::before {content:"";position:absolute;bottom:0;right:-12px;height:100%;
    width:52px;background:url('/img/bg/notice_art.png')no-repeat center/100%;z-index:-1;}
.main_section_4 {position:relative;padding-bottom:calc(40vw - 420px);}
.main_section_4 .mo_bg1,.main_section_4 .mo_bg2 {display:none;}
.main_section_4::before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;
    background:url('/img/bg/ms4_bg.png')no-repeat 0 0/100%;z-index:-1;}
.main_section_4 .img_box {width:65%;position:relative;top:15vw;left:50%;transform:translateX(-50%);
    margin-bottom:7vw;}
.main_section_4 .img_box.mo {display:none;}
.main_section_4 .img_box2 {width:45%;top:calc(23vw - 340px);transform:translateX(-30%);max-width:700px;}
.main_section_4 .event_wrap {position:relative;width:76%;margin:0 auto 80px;}
.main_section_4 .event_wrap .roll {position:relative;font-size:60px;font-weight:800;letter-spacing:-1.4px;
    width:320px;height:320px;display:block;line-height:320px;text-align:center;margin-bottom:36px;}
.main_section_4 .event_wrap .roll span {position:absolute;top:0;left:0;width:100%;height:100%;
    background:url('/img/bg/event_roll.png')no-repeat center/100%;animation:roll 20s linear infinite;}
@keyframes roll {
    0% {rotate:0deg;}
    100% {rotate:360deg;}
}
.main_section_4 .event_wrap>p {font-size:32px;font-weight:500;line-height:52px;}
.main_section_5 {margin-top:-150px;}
.main_section_5 .insta_title {font-size:45px;font-weight:800;width:430px;margin:0 auto 100px;line-height:48px;
    background:url('/img/bg/m_section_5_title.png')no-repeat center/100%;text-align:center;padding:24px 0 16px;
    cursor:pointer;}
.main_section_5 .insta_title span {display:block;font-size:27px;font-weight:500;}
.main_section_5 .insta_swiper {width:82%;max-width:1620px;margin:0 auto;position:relative;padding-bottom:62px;}
.main_section_5 .insta_swiper .swiper-pagination {top:auto;bottom:0;height:6px;background:#E7E7E7;}
.main_section_5 .insta_swiper .swiper-pagination .swiper-pagination-progressbar-fill {background:#232323;}
.main_section_5 .insta_swiper .swiper-slide {width:400px;height:20vw;}
.main_section_5 .insta_swiper .swiper-slide img {height:99%;}
.main_section_5 .swiper_wrap {position:relative;}
.main_section_5 .swiper_wrap .swiper-button-next:after, .main_section_5 .swiper_wrap .swiper-button-prev:after{
    font-size:52px;font-weight:700;color:#232323;}
.main_section_5 .swiper_wrap .swiper-button-prev {right:auto;left:64px;} 
.main_section_5 .swiper_wrap .swiper-button-next {right:64px;left:auto;} 

/* 소개 */
.sogae {width:1224px;margin:0 auto;}
.sogae .sogae_banner {position:relative;width:calc(100vw - 17px);left:50%;transform:translateX(-50%);}
.sogae .sub_head {position:relative;padding-bottom:1px;margin-bottom:62px;}
.sogae .sub_head::after {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%);
    width:calc(100vw - 17px);height:1px;border-bottom:1px solid rgba(0,0,0,0.15);}
.sogae .sub_head li {width:33.333%;padding:0 46px;}
.sogae .sub_head li button {border:none;background:url('/img/bg/sogae_cate.png')no-repeat center/100%;
    font-size:24px;font-weight:700;line-height:76px;border-radius:100vw;display:block;text-align:center;
    width:100%;}
.sogae .sub_head li button.on {background:url('/img/bg/sogae_cate_on.png')no-repeat center/100%;
    line-height:68px;}
.sogae .sogae_cont {margin-bottom:82px;}
.sogae .sogae_cont .circle {display:flex;align-items:center;font-size:32px;font-weight:700;margin-bottom:14px;}
.sogae .sogae_cont .circle::before {content:"";display:block;width:24px;height:24px;border-radius:100vw;
    margin-right:10px;}
.sogae .sogae_cont.green .circle::before {background:url('/img/bg/sogae_green.png')no-repeat center/100%;}
.sogae .sogae_cont.blue .circle::before {background:url('/img/bg/sogae_blue.png')no-repeat center/100%;}
.sogae .sogae_cont.pink .circle::before {background:url('/img/bg/sogae_pink.png')no-repeat center/100%;}
.sogae .sogae_cont.bi .circle::before {background:url('/img/bg/sogae_yellow.png')no-repeat center/100%;}
.sogae .sogae_cont.green .color {color:#44b672;}
.sogae .sogae_cont.blue .color {color:#227cd7;}
.sogae .sogae_cont.pink .color {color:#f32d7b;}
.sogae .sogae_cont .color {font-size:52px;font-weight:700;line-height:68px;margin-bottom:32px;}
.sogae .sogae_cont .art {font-size:18px;font-weight:700;padding-left:34px;margin-bottom:32px;}
.sogae .sogae_cont.blue ul {padding-left:34px;}
.sogae .sogae_cont.blue li {margin-bottom:32px;}
.sogae .sogae_cont.blue li .flex {display:flex;align-items:baseline;font-size:34px;font-weight:700;
    color:#227cd7;margin-bottom:16px;}
.sogae .sogae_cont.blue li .flex span {font-size:26px;color:#000;margin-left:16px;}
.sogae .sogae_cont.blue li p {font-size:18px;}
.sogae .sogae_cont.pink>ul {padding-left:34px;}
.sogae .sogae_cont.pink>ul>li {margin-bottom:32px;}
.sogae .sogae_cont.pink>ul>li p {font-size:26px;font-weight:700;color:#f32d7b;margin-bottom:6px;}
.sogae .sogae_cont.pink>ul>li p span {display:block;color:#000;}
.sogae .sogae_cont.pink>ul ul li {position:relative;font-size:22px;padding-left:16px;}
.sogae .sogae_cont.pink>ul ul li::before {content:"";position:absolute;top:16px;left:0;width:8px;height:2px;
    background:#333;}
.sogae .sogae_cont.bi .img_box {display:flex;justify-content:center;align-items:center;margin-bottom:36px;}
.sogae .sogae_cont.bi .img_box li {width:340px;height:140px;margin:0 56px;}
.sogae .sogae_cont.bi .img_box li:first-child {width:280px;height:240px;}
.sogae .sogae_cont.bi .art {padding:0 100px;}
.sogae .sogae_cont.bi .cmyk {width:calc(100% - 200px);border:1px solid #000;margin:0 auto;}
.sogae .sogae_cont.bi .bi_ul {margin-bottom:24px;padding:0 100px;}
.sogae .sogae_cont.bi .bi_ul li {font-size:20px;font-weight:700;display:flex;align-items:center;margin-bottom:6px;}
.sogae .sogae_cont.bi .bi_ul li.blue {color:#227cd7;}
.sogae .sogae_cont.bi .bi_ul li.yellow {color:#f4ae1d;}
.sogae .sogae_cont.bi .bi_ul li.green {color:#44b672;}
.sogae .sogae_cont.bi .bi_ul li.pink {color:#f32d7b;}
.sogae .sogae_cont.bi .bi_ul li::before {content:"";display:block;width:18px;height:18px;margin-right:6px;}
.sogae .sogae_cont.bi .bi_ul li.blue::before {background:url('/img/bg/sogae_blue.png')no-repeat center/100%;}
.sogae .sogae_cont.bi .bi_ul li.yellow::before {background:url('/img/bg/sogae_yellow.png')no-repeat center/100%;}
.sogae .sogae_cont.bi .bi_ul li.green::before {background:url('/img/bg/sogae_green.png')no-repeat center/100%;}
.sogae .sogae_cont.bi .bi_ul li.pink::before {background:url('/img/bg/sogae_pink.png')no-repeat center/100%;}
.sogae .sogae_cont.bi .bi_down_load {display:block;width:240px;line-height:76px;border:0;font-size:26px;
    background:url('/img/bg/bi_button.png')no-repeat center/100%;font-weight:700;margin:60px auto 0;
    text-align:center;}


/* .sub_1 .s_section_1 {position:relative;padding:400px 0 35px;overflow:hidden;}
.sub_1 .s_section_1::before {content:"";position:absolute;top:0;left:0;width:50%;height:100%;
    background:url('/img/bg/sub_bg_left.png')no-repeat 0 0/100%;z-index:-1;}
.sub_1 .s_section_1::after {content:"";position:absolute;top:0;right:0;width:33%;height:100%;
    background:url('/img/bg/sub_bg_right.png')no-repeat 100% 0/100%;z-index:-1;}
.sub_1 .s_section_1 .s_img_box {width:1500px;height:620px;position:relative;margin:0 auto;}
.sub_1 .s_section_1 .s_img_box div {border-radius:42px;box-sizing:unset;}
.sub_1 .s_section_1 .img_box_1 {width:600px;position:absolute;top:120px;left:50%;margin-left:-300px;
    padding:0!important;z-index:1;}
.sub_1 .s_section_1 .img_box_2 {width:320px;position:absolute;bottom:40px;left:0;background:#FFC5E3;
    padding:46px 42px;}
.sub_1 .s_section_1 .img_box_3 {width:240px;position:absolute;top:0;left:160px;background:#FEF8D8;
    padding:32px 60px;z-index:1;}
.sub_1 .s_section_1 .img_box_4 {width:340px;position:absolute;top:20px;right:40px;background:#C0F3FC;
    padding:32px 60px;}
.sub_1 .s_section_1 .img_box_5 {width:180px;position:absolute;bottom:0;right:0;background:#EBDFF7;
    padding:32px 60px;}
.sub_1 .ani_1 {width:510px;position:absolute;top:12px;left:-180px;}
.sub_1 .ani_2 {width:640px;position:absolute;top:-130px;left:-140px;}
.sub_1 .s_section_1 .ani_box {position:absolute;top:80px;right:60px;padding-bottom:20px;}
.sub_1 .ani_3 {width:250px;display:block;}
.sub_1 .ani_4 {width:100px;display:block;position:absolute;bottom:0;left:50%;}

.sub_1 .s_section_2 {position:relative;}
.sub_1 .s_section_2 .title_img {width:764px;margin:-72px auto 42px;}
.sub_1 .s_section_2 .art {text-align:center;font-size:22px;color:#000;font-weight:500;line-height:36px;
    margin-bottom:200px;}
.sub_1 .s_section_2 .char_ul {display:flex;justify-content:space-between;width:1320px;margin:0 auto;
    padding-bottom:140px;}
.sub_1 .s_section_2 .char_ul li {background:#F5F5F5;border-radius:24px;box-shadow:10px 10px 10px rgba(0,0,0,0.1);
    width:400px;padding:320px 0 52px;position:relative;}
.sub_1 .s_section_2 .char_ul li::after {content:"";position:absolute;bottom:50%;left:50%;transform:translateX(-50%);}
.sub_1 .s_section_2 .char_ul li.char_1::after {width:358px;height:440px;
    background:url('/img/bg/sub_char_1.png')no-repeat center/100%;}
.sub_1 .s_section_2 .char_ul li.char_2::after {width:270px;height:406px;
    background:url('/img/bg/sub_char_2.png')no-repeat center/100%;}
.sub_1 .s_section_2 .char_ul li.char_3::after {width:310px;height:500px;
    background:url('/img/bg/sub_char_3.png')no-repeat center/100%;}
.sub_1 .s_section_2 .char_ul p {text-align:center;}
.sub_1 .s_section_2 .char_ul .char_name {font-size:40px;font-weight:800;margin-bottom:14px;}
.sub_1 .s_section_2 .char_ul .char_art1 {font-size:18px;font-weight:800;color:#76818B;margin-bottom:22px;}
.sub_1 .s_section_2 .char_ul .char_art2 {font-size:16px;font-weight:500;color:#76818B;}
.sub_1 .s_section_2 .sub_char_ani1 {position:absolute;top:210px;left:115px;}
.sub_1 .s_section_2 .sub_char_ani2 {position:absolute;top:200px;right:200px;}
.sub_1 .s_section_2 .sub_char_ani3 {position:absolute;top:1000px;left:115px;width:425px;}
.sub_1 .s_section_2 .char_insta {display:block;width:560px;line-height:70px;font-size:36px;font-weight:500;
    color:#fff;border-radius:28px;text-align:center;margin:0 auto 160px;height:74px;
    text-indent:46px;background:#F45696 url('/img/bg/char_insta.png')no-repeat top 50% left 36px/44px;}
.sub_1 .m_slide {margin-bottom:0;}
.sub_1 .s_section_3 {padding:70px 0 100px;background:#F5F5F5;}
.sub_1 .s_section_3 .txt_wrap {width:1300px;margin:0 auto;position:relative;height:240px;}
.sub_1 .s_section_3 .txt_wrap.top::after {content:"";width:280px;height:240px;position:absolute;
    background:url('/img/bg/txtbox_char1.png')no-repeat center/100%;bottom:-50px;right:60px;}
.sub_1 .s_section_3 .txt_wrap.bottom {height:310px;}
.sub_1 .s_section_3 .txt_wrap.bottom::after {content:"";width:280px;height:320px;position:absolute;
    background:url('/img/bg/txtbox_char2.png')no-repeat center/100%;bottom:-20px;right:80px;}
.sub_1 .s_section_3 .txt_wrap div {width:680px;position:absolute;right:244px;background:#fff;border-radius:100vw;
    text-align:center;font-size:24px;font-weight:700;color:#76818B;line-height:36px;padding:32px 0;
    box-shadow:10px 4px 2px rgba(0,0,0,0.08);}
.sub_1 .s_section_3 .txt_wrap div::after {content:"";position:absolute;bottom:-34px;right:100px;
    background:url('/img/bg/txtbox_tail.png')no-repeat center/100%;width:76px;height:35px;}
.sub_1 .s_section_3 .txt_wrap.bottom div {top:20px;right:320px;}
.sub_1 .s_section_3 .char_wrap {width:1300px;margin:0 auto 60px;border-radius:36px;background:#fff;
    padding:70px 80px 120px;position:relative;z-index:1;}
.sub_1 .s_section_3 .char_wrap p {font-size:28px;font-weight:500;margin-bottom:48px;}
.sub_1 .s_section_3 .char_wrap ul {display:flex;flex-wrap:wrap;margin-bottom:40px;}
.sub_1 .s_section_3 .char_wrap ul li {width:50%;height:390px;}
.sub_1 .s_section_3 .char_wrap .char_down {float:right;font-size:24px;font-weight:700;color:#76818B;
    line-height:50px;border-radius:16px;border:2px solid #76818B;padding:0 32px;height:52px;background:#E0E0E0;
    display:flex;align-items:center;transition:all .3s ease;}
.sub_1 .s_section_3 .char_wrap .char_down:hover {background:#d5d5d5;}
.sub_1 .s_section_3 .char_wrap .char_down::after {content:"";display:block;width:28px;height:26px;
    background:url('/img/bg/download.png')no-repeat center/100%;margin-top:-3px;margin-left:12px;}
.sub_1 .s_section_4 {width:1620px;margin:0 auto;padding:160px 0 180px;}
.sub_1 .s_section_4 .art {text-align:center;font-size:26px;font-weight:500;margin-bottom:62px;}
.sub_1 .s_section_4 .location {width:480px;line-height:80px;font-size:36px;font-weight:600;
    display:flex;align-items:center;justify-content:center;background:#E9A13A;border-radius:26px;
    color:#fff;}
.sub_1 .s_section_4 .location_flex {display:flex;justify-content:center;}
.sub_1 .s_section_4 .location::after {content:"";display:block;width:30px;height:32px;
    background:url('/img/bg/location.png')no-repeat center/100%;margin-left:12px;} */





/*Footer*/
.footer {background:url('/img/footer_bg.png')no-repeat bottom 0 right -62px/1000px;
    height:547px;}
.footer .container {padding:62px 0;max-width:1620px;}
.footer-logo {display:block;width:140px;height:120px;}
.footer-top {border:0;margin:0;}
.footer-cont-info {text-align:left;font-size:20px;margin-top:42px;}
.footer-copyright {text-align:left;}
.f_sub_logo_box {position:absolute;bottom:100px;left:calc(48vw - 380px);display:flex;}
.f_sub_logo_box a {margin:0 24px;}

/* 240416 Footer SNS 아이콘 추가 */
.footer_sns {display:block; float:left; margin-top:-65px; margin-left:150px;}
.footer_sns li {width:54px; height:54px; float:left; margin-right:10px;}
.footer_sns li a {width:54px; height:54px;}


/* 반응형 */
@media (max-width:1800px) {
    .header_wrap, .footer .container {max-width:none;padding:45px 60px;}
    .footer {height:460px;}
    .main_section_1 {max-width:none;}
    .main_section_2 {padding:28vw 0 15vw;}
    .main_section_2 .m_art {width:calc(10vw + 20px);top:calc(20vw - 10px);right:calc(20vw - 20px);}
    .main_section_3 {max-width:none;padding:0 60px;}
    .main_section_3 .m_notice li a {max-width:600px;}
    .f_sub_logo_box {left:460px;}
}

@media (max-width:1600px) {
    .header_wrap, .footer .container {padding:30px 60px;}
    .header-title div a {width:134px;height:114px;}
    .nav-wrap .navbar-nav li .nav-link {padding:8px 20px!important;font-size:22px;}
    .nav-wrap .navbar-nav li.instagram a {width:22px;height:22px;margin:0;}
    .main_section_3 .m_notice li a {font-size:24px;line-height:54px;}
    .main_section_3 .m_notice .title a {font-size:26px;line-height:58px;}
    .main_section_3 .m_notice li::before {width:52px;right:-4px;}
    .main_section_3 .m_notice .title::before {width:54px;left:-4px;}
    .main_section_4 {padding-bottom:calc(40vw - 320px);}
    .main_section_4 .event_wrap .roll {width:240px;height:240px;line-height:240px;font-size:46px;
        margin-bottom:36px;}
    .main_section_4 .event_wrap>p {font-size:28px;line-height:48px;}
    .main_section_5 .insta_swiper .swiper-slide {height:27vw;}
}

@media (max-width:1400px) {
    .main_section_3 {flex-wrap:wrap;flex-direction:column-reverse;padding:0 15vw;}
    .main_section_3 .img_box {width:60%;max-width:640px;}
    .main_section_3 .m_notice {width:100%;margin-bottom:142px;}
    .footer {background-size:800px;}
    .footer-logo {width:106px;height:90px;}
    .footer-cont-info {font-size:16px;}
    @keyframes ms3_ani1 {0% {width:2.8vw;height:4vw;}50% {width:3.3vw;height:4.4vw;}100% {width:2.8vw;height:4vw;}}
    @keyframes ms3_ani2 {0% {width:4vw;height:6vw;}50% {width:4.4vw;height:6.4vw;}100% {width:4vw;height:6vw;}}
    .main_section_4 .event_wrap>p {font-size:22px;line-height:36px;}
    .main_section_5 .insta_title {font-size:36px;line-height:36px;width:360px;}
    .main_section_5 .insta_title span {font-size:22px;}
    .sogae {width:auto;padding:0 46px;}
    .sogae .sub_head li {max-width:380px;padding:0 2vw;}
}

@media (max-width:1200px) {
    .main_section_5 .insta_swiper .swiper-slide {height:41vw;}
    .main_section_5 .swiper_wrap .swiper-button-next {right:30px;}
    .main_section_5 .swiper_wrap .swiper-button-prev {left:30px;}
    .main_section_5 .swiper_wrap .swiper-button-next:after, .main_section_5 .swiper_wrap .swiper-button-prev:after {
        font-size:4vw;}
    .main_section_4 .event_wrap .roll {width:200px;height:200px;line-height:200px;font-size:40px;}
    .main_section_4 .event_wrap>p {font-size:18px;line-height:32px;}
    .f_sub_logo_box {bottom:150px;left:420px;}
}

@media (max-width:991px) {
    .header_wrap, .footer .container {padding:30px;}
    .nav-wrap .navbar-nav li.active::after {top:10px;width:6px;height:6px;}
    .header-title div a {width:100px;height:85px;}
    .sidebar-left {position:static;visibility:visible;transform:none;border:0;}
    .sidebar-left .sidebar-left-content {padding:0;}
    .sidebar-left .navbar-nav {flex-direction:row;border:0;}
    .sidebar-left .offcanvas-header {display:none;}
    .navbar {height:auto;}
    .nav-wrap .navbar-nav li .nav-link {border:0;font-size:18px;}
    .sidebar-left .navbar-nav > li a:hover,.sidebar-left .navbar-nav > li:first-child > a {border:0;}
    .nav-wrap .navbar-nav li.instagram a {padding:0!important;border:0;line-height:normal;}
    .header-title-mobile-btn, .sidebar-user-btn.mo-btn {display:none;}
    .main_section_3 {padding:0 8vw;margin-top:200px;}
    .main_section_3 .m_notice {margin-bottom:42px;}
    .main_section_3 .m_notice li a {font-size:18px;line-height:42px;padding:0 18px;max-width:65vw;}
    .main_section_3 .m_notice li::before {width:40px;}
    .main_section_3 .m_notice .title a {font-size:20px;line-height:44px;padding:0 26px;}
    .main_section_3 .m_notice .title::before {width:42px;}
    .main_section_3 .img_box {width:calc(30% + 200px);}
    .main_section_4 {padding-bottom:50vw;margin-top:-12vw;}
    .main_section_4::after {display:none;}
    .main_section_4 .img_box {display:none;}
    .main_section_4 .img_box.mo {display:block;top:calc(18vw + 20px);left:55%;}
    .main_section_4 .img_box2.mo {display:block;top:calc(8vw + 20px);width:calc(80vw - 220px);z-index:-1;left:50%;}
    .main_section_4 .mo_bg1 {position:absolute;top:calc(30vw - 280px);right:0;width:25%;height:50%;z-index:-1;
        background:url('/img/bg/m_section_4_right1.png')no-repeat 0 0/100%;display:block;min-width:120px;}
    .main_section_4 .mo_bg2 {position:absolute;bottom:0;right:0;width:30%;height:50%;z-index:-1;
        background:url('/img/bg/m_section_4_right2.png')no-repeat 0 100%/100%;display:block;min-width:120px;}
    .main_section_4 .event_wrap {margin-top:-18vw;}
    .main_section_4 .event_wrap .roll {width:calc(20vw + 60px);height:calc(20vw + 60px);line-height:calc(20vw + 60px);
        font-size:calc(4vw + 14px);margin-bottom:6vw;}
    .main_section_4 .event_wrap>p {font-size:2.6vw;line-height:4.2vw;}
    .main_section_4::before {left:50%;transform:translateX(-50%);
        background:url('/img/bg/ms4_bg_mo.png')no-repeat 0 0/100%}
    .main_section_5 {margin-top:-120px;}
    .main_section_5 .insta_title {font-size:36px;width:360px;margin:0 auto 60px;line-height:42px;}
    .main_section_5 .insta_title span {font-size:22px;}
    .footer {background-size:580px;}
    .footer-nav, .footer-right-nav {text-align:left;}
    .footer-nav a, .footer-right-nav a {font-size:12px;}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open {border:0;top:0;right:auto;left:0;width:100%;height:100%;}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open::before {display:none;}
    .sidebar-left .navbar-nav .dropdown-menu.show {position:absolute;left:auto;right:0;min-width:auto;
        top:100%!important;}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a {border:0;}
    .sidebar-left .navbar-nav .dropdown-submenu > a {background:none;font-size:16px;padding:4px 20px!important;
        text-align:right;}
    .sidebar-left .navbar-nav .dropdown-item i {display:none;}
    .sidebar-left .navbar-nav .dropdown-menu:after {display:none;}
    .sidebar-left .navbar-nav .dropdown-submenu > a:after {display:none;}
    .main_section_5 .insta_title {font-size:28px;line-height:30px;width:310px;}
    .main_section_5 .insta_title span {font-size:18px;}
    .f_sub_logo_box {left:340px;width:340px;}
    .sogae .sub_head ul {padding:20px 0;} 
    .sogae .sub_head li {max-width:none;width:200px;padding:0;}
    .sogae .sub_head li button {font-size:18px;}
    .sogae .sogae_cont.bi .img_box li {width:236px;height:96px;}
    .sogae .sogae_cont.bi .img_box li:first-child {width:190px;height:160px;}
    .sogae .sogae_cont.bi .art {padding:0;}
    .sogae .sogae_cont.bi .cmyk {width:100%;}
    .sogae .sogae_cont.bi .bi_ul {padding:0;}
    /* 240416 검색 버튼 추가 시작 */
    .search_add .search_add_wrap {width:24px; height:24px;}
    .search_add .search_add_wrap input {display:none;}
    .search_add .search_add_wrap button {display:none;}
    .search_add .search_add_wrap a {display:block;}
    .search_add .toggle_search_layer { display: none;}
    /* 240416 모바일 검색 아이콘 bg 삭제 */
    .search_add .search_add_wrap {background:none;}


}

@media (max-width:767px) {
    .header_wrap {flex-wrap:wrap;justify-content:center;border-bottom:1px solid #222;}
    .header-title {width:100%;margin-bottom:32px;}
    .nav-wrap .navbar-nav li.instagram {display:none;}
    .header-title div {width:100px;}
    .nav-wrap .navbar-nav li .nav-link {padding:6px 20px!important;}
    .web_img_box,.web_img {display:none;}
    .mo_img_box,.mo_img {display:block;}
    .main_section_1 .mo_img_box {padding:12px 0;}
    .main_section_1 img {width:85%;margin:0 auto;}
    .basic-body>.container .basic-body-main {padding:40px 0;}
    .main_section_2 .cont_box {width:100%;}
    .main_section_2 .cont_box iframe {height:55.4vw;}
    .main_section_2 .m_art {display:none;}
    .m_slide {padding:10px 0;margin-bottom:calc(8vw + 20px);}
    .main_section_4 {padding-bottom:calc(25vw + 60px);}
    .main_section_4 .img_box2.mo {width:calc(43vw + 80px);top:calc(25vw - 140px);}
    .main_section_5 .insta_title {font-size:3.4vw;width:36vw;margin:0 auto 6vw;line-height:3.8vw;}
    .main_section_5 .insta_title span {font-size:2.5vw;}
    .main_section_5 .insta_swiper {width:65%;padding-bottom:42px;}
    .main_section_5 .insta_swiper .swiper-slide {height:66vw;}
    .main_section_5 .insta_swiper .swiper-pagination {height:4px;}
    .main_section_5 .swiper_wrap .swiper-button-next:after, .main_section_5 .swiper_wrap .swiper-button-prev:after {
        font-size:36px;}
    .footer {background-size:480px;height:auto;}
    .footer-cont-info {font-size:14px;margin-top:32px;}
    .footer-copyright {padding:12px 0;}
    .footer-top {padding:12px 0;}
    @keyframes ms3_ani1 {0% {width:6vw;height:7vw;}50% {width:6.5vw;height:8vw;}100% {width:6vw;height:7vw;}}
    @keyframes ms3_ani2 {0% {width:6vw;height:8.8vw;}50% {width:7vw;height:10vw;}100% {width:6vw;height:8.8vw;}}
    .main_section_4 .event_wrap {margin-top:-5vw;margin-bottom:0;}
    .main_section_4 .event_wrap>p {font-size:3vw;line-height:4.2vw;}
    .main_section_5 {margin-top:calc(-10vw - 80px);}
    .main_mo {width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin-top:24px;}
    .main_mo li {width:calc(50% - 24px);text-align:center;border-radius:100vw;font-size:16px;font-weight:500;
        border:1px solid #232323;line-height:34px;margin:10px 12px;transition:all .2s ease;}
    .main_mo li:hover {background:#232323;color:#fff;}
    .sidebar-left .navbar-nav .dropdown-submenu > a:hover {border:0;background:none;}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a:hover {border:0;}
    .sidebar-left .navbar-nav .dropdown-menu.show {border:1px solid #232323;background:#fff;}
    .f_sub_logo_box {left:150px;top:70px;bottom:auto;width:280px;}
    .sogae {padding:0 30px;}
    .sogae .sogae_banner {display:none;}
    .sogae .sub_head {margin:0 auto 40px;display:flex;justify-content:center;}
    .sogae .sub_head ul {margin:0;position:relative;z-index:1003;}
    .sogae .sub_head li {width:106px;padding:0;margin:0 6px;}
    .sogae .sub_head li button {font-size:14px;letter-spacing:-0.4px;line-height:40px;
        background:url('/img/bg/sogae_cate_mo.png')no-repeat center/100%;}
    .sogae .sub_head li button.on {background:url('/img/bg/sogae_cate_on_mo.png')no-repeat center/100%;
        line-height:40px;}
    .sogae .sogae_cont {margin-bottom:48px;}
    .sogae .sogae_cont .circle {font-size:18px;}
    .sogae .sogae_cont .circle::before {width:14px;height:14px;margin-right:4px;}
    .sogae .sogae_cont .color {font-size:28px;line-height:36px;margin-bottom:24px;}
    .sogae .sogae_cont .art {padding-left:18px;font-size:14px;}
    .sogae .sogae_cont.blue ul {padding-left:18px;}
    .sogae .sogae_cont.blue li .flex {font-size:24px;}
    .sogae .sogae_cont.blue li .flex span {font-size:20px;margin-left:8px;}
    .sogae .sogae_cont.blue li p {font-size:14px;}
    .sogae .sogae_cont.pink>ul {padding-left:18px;}
    .sogae .sogae_cont.pink>ul>li p {font-size:22px;}
    .sogae .sogae_cont.pink>ul ul li {font-size:14px;}
    .sogae .sogae_cont.pink>ul ul li::before {top:10px;height:1px;}
    .sogae .sogae_cont.bi .img_box li {width:160px;height:65px;margin:0 24px;}
    .sogae .sogae_cont.bi .img_box li:first-child {width:142px;height:120px;}
    .sogae .sogae_cont.bi .bi_ul li {font-size:16px;}
    .sogae .sogae_cont.bi .bi_ul li::before {width:14px;height:14px;margin-right:4px;}
    .sogae .sogae_cont.bi .bi_down_load {font-size:20px;width:180px;line-height:60px;}
    /* 240416 SNS 반응형 */
    .footer_sns {display: none;}

}

@media (max-width:480px) {
    .nav-wrap .navbar-nav li .nav-link {font-size:16px;line-height:24px;}
    .nav-wrap .navbar-nav li.active::after {top:0;width:6px;height:6px;}
    .m_slide img {animation:move 10s linear infinite;}
    .main_section_4 {padding-bottom:calc(20vw + 100px);}
    .main_section_5 .insta_swiper {padding-bottom:24px;}
    .main_section_5 .swiper_wrap .swiper-button-next {right:30px;}
    .main_section_5 .swiper_wrap .swiper-button-prev {left:30px;}
    .main_section_5 .swiper_wrap .swiper-button-next:after, .main_section_5 .swiper_wrap .swiper-button-prev:after {
        font-size:26px;}
    .main_section_5 .insta_title {font-size:18px;width:200px;margin:0 auto 42px;line-height:20px;padding:18px 0 16px;}
    .main_section_5 .insta_title span {font-size:12px;}
    .footer {background-size:320px;}
    .main_mo {margin:24px -6px 0;}
    .main_mo li {width:calc(50% - 12px);margin:10px 6px;min-width:120px;}
    .main_section_4 .event_wrap {width:86%;}
    .main_section_4 .event_wrap .roll {width:100px;height:100px;line-height:100px;font-size:20px;
        margin-bottom:14px;}
    .main_section_4 .event_wrap>p {font-size:13px;letter-spacing:-0.4px;line-height:20px;}
    .main_section_4 .event_wrap {margin-bottom:32px;}
    .footer-logo {width:90px;height:76px;}
    .f_sub_logo_box {width:180px;left:126px;top:62px;}
    .f_sub_logo_box a {margin:0 12px;}
    .sogae {padding:0 18px;}
    .sogae .sogae_cont:last-child {margin:0;}
    .sogae .sogae_cont.bi .img_box {display:block;}
    .sogae .sogae_cont.bi .img_box li {width:180px;height:74px;margin:26px auto;}
    .sogae .sogae_cont.bi .img_box li:first-child {width:140px;height:120px;}
    .sogae .sogae_cont.bi .bi_ul li {align-items:baseline;letter-spacing:-0.4px;}
    .sogae .sogae_cont.bi .bi_down_load {font-size:18px;width:160px;line-height:50px;margin:32px auto 0;}
    .sogae .sogae_cont.blue li .flex {font-size:18px;letter-spacing:-0.6px;}
    .sogae .sogae_cont.blue li .flex span {font-size:14px;}
    .sogae .sogae_cont .color {font-size:24px;}
    .sogae .sogae_cont .art {padding-left:14px;}
    .sogae .sogae_cont.blue ul {padding-left:14px;}
    .sogae .sogae_cont.pink>ul {padding-left:14px;}
    .sogae .sogae_cont.pink>ul>li p span {font-size:18px}
}