[class^='sec'] .mtitle-wrap { margin: 0 auto; text-align: center; width: 100%; } 
[class^='sec'] .mtitle { font-size: 2.7778rem; color: #000; font-family: var(--point-font); font-weight: 500; } 
[class^='sec'] .mtitle .color { color: #3f55b6; } 
[class^='sec'] .mtitle-wrap .small { color: #989898; } 
@media all and (max-width:768px) { 
 [class^='sec'] .mtitle { font-size: 2.2rem; } 
 } 
@media all and (max-width:640px) { 
 [class^='sec'] .mtitle { font-size: 1.5rem; } 
 } 


/* sec01 */
.sec01 {margin-bottom: 160px;background: #f1f1f1;} 
.mvis {position: relative;aspect-ratio: 1/.335;max-width: 1920px;margin: 0 auto;} 
.mvis img {height: 100%;object-fit: cover;display: block;width: 100%;object-position: center;} 
.mquick { background: var(--color-pink); border-radius: 0 0 50px 50px; margin: 0 auto; padding: 22px 0; } 
.mquick ul { max-width: 1189px; display: flex; margin: 0 auto; justify-content: space-between; } 
.mquick ul li a {display: flex;flex-direction: column;align-items: center;max-width: 102px;text-align: center;} 
.mquick ul li a::before { content: ''; display: block; width: 80px; height: 80px; border-radius: 20px; background: #fff url(/culture/resource/images/gamsa/main/quick_spr.png) no-repeat; margin-bottom: 14px; box-shadow: 11px 18px 9px rgba(0,0,0,.12); background-position-x: -270px;} 
.mquick ul li:nth-child(2) a::before {background-position-x: -360px; } 
.mquick ul li:nth-child(3) a::before { background-position-x: -450px; } 
.mquick ul li:nth-child(4) a::before { background-position-x: -90px; } 
.mquick ul li:nth-child(5) a::before { background-position-x: -540px; } 
/* .mquick ul li:nth-child(6) a::before { background-position-x: -450px; }  */
/* .mquick ul li:nth-child(7) a::before { background-position-x: -540px; }  */
.mquick ul li a span { font-size: 0.8889rem; font-family: 'Agro-l',sans-serif; color: #fff; } 
.mquick ul li a:hover span,
.mquick ul li a:focus span { text-decoration: underline; } 

@media all and (max-width:1399px) { 
 .mquick ul { max-width: 100%; margin: auto 30px; } 
 } 

@media all and (max-width:1199px) { 
 .mvis {min-height: 300px;width: 100%;} 
 .mquick ul li a { width: 100px } 
 .mquick ul li a::before { width: 60px; height: 60px; background-size: 475px; border-radius: 10px; margin-bottom: 7px; background-position-x: -207px; } 
 .mquick ul li:nth-child(2) a::before { background-position-x: -277px; } 
 .mquick ul li:nth-child(3) a::before { background-position-x: -345px; } 
 .mquick ul li:nth-child(4) a::before { background-position-x: -70px; } 
 .mquick ul li:nth-child(5) a::before {  background-position-x: -415px } 
 /* .mquick ul li:nth-child(6) a::before { background-position-x: -345px; }  */
 /* .mquick ul li:nth-child(7) a::before { background-position-x: -415px; }  */
 } 
@media all and (max-width:768px) { 
 .sec01 { margin-bottom: 80px; } 
 .mquick { padding: 22px 0 0px; } 
 .mquick ul { flex-wrap: wrap; justify-content: center } 
 .mquick ul li {width: 20%;margin-right: 13px;display: flex;align-items: flex-start;justify-content: center;} 
 .mquick ul li a {margin-bottom: 20px;/* width: 100%; */} 
 .mquick ul li:nth-child(4n),
 .mquick ul li:last-child { margin-right: 0 } 
 } 
@media all and (max-width:640px) { 
 .mquick { padding: 10px 0 0; border-radius: 0 0 30px 30px } 
 .mquick ul { margin: 0 15px } 
 .mquick ul li {margin-right: 0} 
 .mquick ul li a {
    margin-bottom: 15px;
} 
 .mquick ul li a::before {width: 35px;height: 35px;background-size: 297px;background-position-x: -130px;background-position-y: -2px;} 
 .mquick ul li:nth-child(2) a::before {background-position-x: -174px;} 
 .mquick ul li:nth-child(3) a::before {background-position-x: -217px;} 
 .mquick ul li:nth-child(4) a::before { background-position-x: -45px; } 
 .mquick ul li:nth-child(5) a::before {background-position-x: -261px;} 
 /* .mquick ul li:nth-child(6) a::before { background-position-x: -224px; }  */
 /* .mquick ul li:nth-child(7) a::before { background-position-x: -269px; }  */
 } 


/* sec02 */
.sec02 { padding-bottom: 105px; background: url(/culture/resource/images/gamsa/main/sec02_bg.png) no-repeat left 80px; } 
.sec02 .mtitle .color { position: relative; } 
.sec02 .mtitle .color::before { content: ''; display: block; background: url(/culture/resource/images/gamsa/main/sec02_tit_deco.png); width: 313px; height: 47px; position: absolute; left: -50%; z-index: -1; bottom: 90%; } 
.mmonth-tab-wrapper .tabs { display: flex; align-items: center; justify-content: center; margin: 58px 0 45px; } 
.mmonth-tab-wrapper .tabs button {font-family: var(--point-font);font-size: 1.2222rem;color: #585858;position: relative;background: none;border: none;padding: 0 25px;transition: all .3s;} 
.mmonth-tab-wrapper .tabs button::before { content: ''; display: block; width: 9px; height: 9px; background: #f74b89; border-radius: 50%; position: absolute; top: -15px; left: 0; right: 0; margin: 0 auto; opacity: 0; } 
.mmonth-tab-wrapper .tabs button::after {content: '/';color: #cecece;display: block;position: absolute;top: 0;bottom: 0;right: -6px;} 
.mmonth-tab-wrapper .tabs button.active { color: #f74b89; } 
.mmonth-tab-wrapper .tabs button.active::before { opacity: 1; } 
.mmonth-tab-wrapper .tabs button:last-of-type::after { display: none; } 
.mmonth-tab-wrapper .tabs button:hover,
.mmonth-tab-wrapper .tabs button:focus { color: #f74b89; } 
.mmonth-list { position: relative; } 
.mmonth-list [class*="btn-"] { display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 50%; background: #797e83; border: none; position: absolute; z-index: 2; top: 35%; margin: auto; transition: .2s; } 
.mmonth-list [class*="btn-"]::before { content: ''; display:block; box-sizing: border-box; } 
.mmonth-list .btn-prev { left: -100px; } 
.mmonth-list .btn-next { right: -100px; } 
.mmonth-list .btn-prev::before,
.mmonth-list .btn-next::before { width: 12px; height: 12px; border-width: 3px; border-style: solid; border-color: transparent #fff #fff transparent; transition: all .3s; border-radius: 2px; } 
.mmonth-list .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.mmonth-list .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
.mmonth-list [class*="btn-"]:hover,
.mmonth-list [class*="btn-"]:focus { background: #f74b89; } 
.mmonth-list [class*="btn-"].swiper-button-lock {display: none;}
.mmonth-list-slide {overflow: hidden;}
.mmonth-list-slide .event-item .img-wrap { transition: .2s; } 
.mmonth-list-slide .event-item:hover .img-wrap,
.mmonth-list-slide .event-item:focus .img-wrap {box-shadow: 2px 2px 10px #929292;} 
.mmonth-list-slide .event-item:hover .info,
.mmonth-list-slide .event-item:focus .info {text-decoration: underline; text-underline-offset: 4px}
.mmonth-list-slide .no-date {width: 100%;aspect-ratio: 1 / .36;display: flex;align-items: center;justify-content: center;font-size: 1.111rem;font-weight: 600;color: var(--color-pink);border-radius: 15px;}


@media all and (max-width:1700px) { 
 .mmonth-list .btn-prev { left: -25px; } 
 .mmonth-list .btn-next { right: -25px; } 
 } 
@media all and (max-width:768px) { 
 .sec02 { background-size: 40%; background-repeat: no-repeat; background-position: center left } 
 .sec02 .mtitle .color::before { width: 150px; height: 23px; background-size:contain; } 
 .mmonth-list [class*="btn-"] { width: 45px; height:45px } 
 .mmonth-list .btn-prev { left: -15px; } 
 .mmonth-list .btn-next { right: -15px; } 
.mmonth-tab-wrapper .tabs { margin: 30px 0 20px } 
 } 
@media all and (max-width:640px) { 
 
 .mmonth-tab-wrapper .tabs {margin: 22px 0 12px;flex-wrap: wrap;} 
 .mmonth-tab-wrapper .tabs button {width: 25%;margin-bottom: 10px;font-size: 1.1rem;padding: 0 12px;} 
 .mmonth-tab-wrapper .tabs button:nth-child(4)::after { display: none } 
 .mmonth-tab-wrapper .tabs button::before {width:5px;height:5px;top: -10px;}
 .mmonth-tab-wrapper .tabs button {padding: 0 10px;margin-bottom: 5px;}
 } 



/* sec03 */
.sec03 {background: url(/culture/resource/images/gamsa/main/sec03_bg.png) no-repeat center bottom -185px / cover;padding-bottom: 70px;} 
.sec03 .mtitle-wrap { margin-bottom: 70px; } 
.sec03 .mtitle .color { position: relative; } 
.sec03 .mtitle .color::before { content: ''; display: block; background: url(/culture/resource/images/gamsa/main/sec03_tit_deco.png); width: 236px; height: 47px; position: absolute; right: 25%; z-index: -1; bottom: 70%; } 
.sec03 .inner { display: flex; flex-wrap: wrap; } 
.sec03 .map-wrap {width: 41.1%;border: none;} 
.sec03 .mevent-tab-wrapper { position: relative; background: url(/culture/resource/images/gamsa/main/sec03_tab_bg.jpg) no-repeat top center / cover; width: 51.217%; margin-left: auto; padding: 42px 17px 17px; border-radius: 50px 50px 185px 50px; box-shadow: 33px 0 65px rgba(37,65,96,.35); } 
.sec03 .mevent-tab-wrapper::before {content: '';display: block;background: url(/culture/resource/images/gamsa/main/sec03_tab_deco02.png) no-repeat;position: absolute;width: 221px;height: 294px;right: 0;top: -180px;z-index: 0;} 
.sec03 .mevent-tab-wrapper::after { content: ''; display: block; background: url(/culture/resource/images/gamsa/main/sec03_tab_deco03.png) no-repeat; position: absolute; width: 261px; height: 244px; right: 94%; bottom: 0; z-index: 0; } 
.sec03 .mevent-tab-wrapper .title { font-family: 'Agro-l',sans-serif; font-size: 1.5556rem; color: #fff; display: flex; align-items: center; margin-bottom: 10px; } 
.sec03 .mevent-tab-wrapper .title::before { content: ''; display: block; background: url(/culture/resource/images/gamsa/main/sec03_tab_deco01.png); width: 46px; height: 37px; margin-right: 10px; } 
.sec03 .mevent-tab-wrapper .title .bold { font-weight: 600; } 
.sec03 .mevent-tab-wrapper .more-btn { position: absolute; right: 0; bottom: 0; border: 18px solid rgba(169,116,254,.2); border-radius: 50%; } 
.sec03 .mevent-tab-wrapper .more-btn a { display: block; width: 65px; height: 65px; border-radius: 50%; background: linear-gradient(196deg, rgba(98,146,254,1) 0%, rgba(138,129,254,1) 49%, rgba(187,109,254,1) 100%); } 
.sec03 .mevent-tab-wrapper .more-btn a::before,
.sec03 .mevent-tab-wrapper .more-btn a::after { content: ''; display: block; width: 3px; height: 23px; background: #fff; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; transition: .3s} 
.sec03 .mevent-tab-wrapper .more-btn a::after { transform: rotate(90deg); } 
.sec03 .mevent-tab-wrapper .more-btn a:hover:before, .sec03 .mevent-tab-wrapper .more-btn a:focus:before { transform: rotate(90deg); } 
.sec03 .mevent-tab-wrapper .more-btn a:hover:after, .sec03 .mevent-tab-wrapper .more-btn a:focus:after { transform: rotate(180deg); } 
.mevent-list-top { margin: 0 10px 30px; } 
.mevent-list-top .tabs {display: flex;flex-wrap: wrap;}
.mevent-list-top .tabs button {border: 2px solid #7e8ed5;border-radius: 30px;font-size: 1.1111rem;font-family: var(--point-font);font-weight: 400;height: 40px;background: transparent;color: #fff;margin: 0 5px;transition: .2s;position: relative;z-index: 1;min-width: 115px;} 
.mevent-list-top .tabs button.active { border-color: #fff; background: #fff; color: #3f55b6; } 
.mevent-list-top .tabs button:hover,
.mevent-list-top .tabs button:focus { border-color: #fff; background: #fff; color: #3f55b6; } 
.mevent-list {border-radius: 20px 20px 178px 20px; overflow: hidden;}
.mevent-list ul {background: #f1eff7;padding: 27px 31px;min-height: 428px;max-height: 428px;overflow: auto;} 
.mevent-list li { border-bottom: 2px dotted #b5b5bd; padding-bottom: 7px; margin-bottom: 12px; } 
.mevent-list li.no-date {text-align: center;}
.mevent-list li a {display: grid;grid-column-gap: 23px;align-items: center;grid-auto-columns: auto calc(100% - 105px);}
.mevent-list li a:hover .tit,
.mevent-list li a:focus .tit {text-decoration: underline;}
.mevent-list .cate { font-family: var(--point-font); background-color: #b1ccfa; color: #657bc9; border-radius: 20px; grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; height: 70px; } 
.mevent-list .cate.ing { background: #f74b89; color: #fff; } 
.mevent-list .cate.end { background: #ced0d8; color: #505050; } 
.mevent-list .tit { font-size: 1.2222rem; grid-column: 2; } 
.mevent-list .date { color:#777; grid-column: 2; } 

@media all and (max-width:1199px) { 
 .sec03 { background-size: 100%; background-repeat: no-repeat; background-position:bottom left } 
 .sec03 .map-wrap,
 .sec03 .mevent-tab-wrapper { width: 50% } 
 .sec03 .mevent-tab-wrapper { background-size: cover; padding: 30px 15px 15px; } 
 .sec03 .mevent-tab-wrapper::before { width: 150px; height: 200px; background-size: cover; top: -122px; } 
 .sec03 .mevent-tab-wrapper::after { width: 150px; height: 140px; background-size: cover; } 
 .sec03 .mevent-tab-wrapper .more-btn a { width: 50px; height: 50px; } 
 .mevent-list-top { margin: 0 0 15px; } 
 .mevent-list-top .tabs button {margin: 0 1px 5px;min-width: 88px;} 
 .mevent-list ul { max-height: 400px; min-height:400px } 
 
 } 
@media all and (max-width:1024px) { 
 .sec03 { padding-bottom: 0 } 
 .sec03 .inner { justify-content: center; } 
 .sec03 .map-wrap { width: 80%; } 
 .sec03 .mevent-tab-wrapper {width: 100%;padding: 20px 15px;border-radius: 30px 30px 120px 30px;} 
 .mevent-list {border-radius: 10px 10px 111px 10px;} 
 } 
 @media all and (max-width:768px) { 
 .sec03 { background: none; padding-bottom: 0 } 
 .sec03 .mtitle-wrap { margin-bottom: 30px; } 
 .sec03 .mtitle .color::before { width: 150px; height: 23px; background-size:contain; } 
 .sec03 .mevent-tab-wrapper::after { display:none; } 
 .mevent-list li a { grid-template-columns: auto calc(100% - 60px);grid-column-gap: 10px;} 
 .mevent-list .cate { height: 50px; border-radius: 10px } 
 .mevent-list ul { max-height: 300px; min-height: 300px; padding: 10px 20px; } 
 .mevent-list-top .tabs button {height: 30px;font-size: 1rem;} 
 
 } 
 @media all and (max-width:640px) { 
  .sec03 .mevent-tab-wrapper .title {font-size: 1.3rem}
 .sec03 .map-wrap { width: 100%; margin-bottom: 30px; display: flex; } 
  .sec03 .mevent-tab-wrapper {border-radius: 30px 30px 120px 30px;}
 .sec03 .mevent-tab-wrapper::before { width: 100px; height: 134px; top: -82px; } 
  .sec03 .mevent-tab-wrapper .more-btn a {width: 40px;height: 40px}
  .sec03 .mevent-tab-wrapper .more-btn {border-width: 13px}
  .mevent-list ul {padding: 10px;border-radius: 10px 10px 27px 10px;}
  .mevent-list .tit {font-size: 1rem;}
  
 
 } 

/* sec04 */
.sec04 {background: url(/culture/resource/images/gamsa/main/sec04_bg.png) no-repeat right 0px / cover;padding-top: 180px;padding-bottom: 160px;} 
.sec04 .title { font-family: var(--point-font); font-size: 2.1111rem; font-weight: 500; margin-bottom: 20px; } 
.sec04 .title .small { font-family: 'Pretendard',sans-serif; font-size: 1rem; color: #717171; } 
.sec04 .more-btn {display: block;border-radius: 999px;position: absolute;transition: .35s;color: #585858;right: 0;padding-right: 27px;top: 0;} 
.sec04 .more-btn::before, 
.sec04 .more-btn::after { content: ''; display: block; background: #585858; width: 4px; height: 20px; position: absolute; right: 0; bottom: 0; margin: auto; transition: .35s; top: 0; } 
.sec04 .more-btn::after { transform: rotate(90deg); } 
.sec04 .more-btn:hover:before, .sec04 .more-btn:focus:before { transform: rotate(90deg); } 
.sec04 .more-btn:hover:after, .sec04  .more-btn:focus:after { transform: rotate(180deg); } 

.sec04-01 { display: flex; padding-top: 100px; padding-bottom: 110px; } 
.mpop-wrapper { width: 33.784%; position: relative; } 
.mpop-slide a {display: block;position: relative;border-radius: 10px;overflow: hidden;aspect-ratio: 1 / .692;} 
.mpop-slide a img {width: 100%;height: 100%;display: block;} 
.mpop-ctrl {position: absolute;top: 0;right: 0;margin: 10px -10px;z-index: 1;display: flex;align-items: center;} 
.mpop-ctrl button { width: 20px; height: 20px; margin: 0 2px; border: none; background: none; display: flex; align-items: center; justify-content: center; } 
.mpop-ctrl .data-nav {display: flex;align-items: center;margin-left: 10px;} 
.mpop-ctrl .data-nums {color: #000;font-family: 'Agro-l',sans-serif;display: block;} 
.mpop-ctrl .data-nums .current { font-weight: 600; } 
.mpop-ctrl .data-nums .split { margin: 0 2px; } 
.mpop-ctrl .btn-play::before,
.mpop-ctrl .btn-stop::before { content: ''; display: block; border-width: 0 3px; box-sizing: border-box; width: 9px; height: 18px; border-style: solid; border-color: transparent #111; } 
.mpop-ctrl .btn-play { display: none; } 
.mpop-ctrl .btn-play::before { border-width:9px 0 9px 10px; width: 0; height: 0; } 
.mpop-ctrl .btn-prev::before,
.mpop-ctrl .btn-next::before { content: ''; display: block; border: 2px solid #111; border-right: 0; border-top: 0; box-sizing: border-box; width: 12px; height: 12px; } 
.mpop-ctrl .btn-prev::before { transform: translateX(25%) rotate(45deg); } 
.mpop-ctrl .btn-next::before { transform: translateX(-25%) rotate(225deg); } 
.mboard { width: 60.609%; margin-left: auto; position: relative; } 
.mboard .tab-list { display: flex; border-bottom: 1px solid #abaeb5; padding-bottom: 10px; } 
.mboard .tab-list a { font-size: 2.1111rem; font-family: 'Agro-l',sans-serif; margin-right: 40px; position: relative; } 
.mboard .tab-list li:not(:last-of-type) a::after { content: '/'; display: block; color: #b2b2b2; font-size: 1.7rem; position: absolute; right: -28px; top: 3px; } 
.mboard .tab-list a.active { font-weight: 600; } 
.mboard .tab-list a:hover::before,
.mboard .tab-list a:focus::before, 
.mboard .tab-list a.active::before { content: ''; display: block; width: 100%; height: 3px; background: var(--color-purple); position: absolute; bottom: -11px; left: 0; } 
.mboard .tab-content li { padding-top: 39px; font-size: 1.2778rem; display: flex; align-items: center; } 
.mboard .tab-content li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #b5b5b5; margin-right: 12px; } 
.mboard .tab-content li a {max-width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;min-width: 80%;} 
.mboard .tab-content li a:hover,
.mboard .tab-content li a:focus {text-decoration: underline}
.mboard .tab-content li .date { font-size: 1.0556rem; color: #565656; margin-left: auto; } 

.sec04-02 { position: relative; } 
.msns { display: flex; position: absolute; right: 0; top: 0; } 
.msns li:not(:last-child) { margin-right: 15px; } 
.msns li a { display: block; width: 49px; height: 49px; background: url(/culture/resource/images/gamsa/main/sns_spr.png); transition: all .3s; border-radius: 50% } 
.msns li a:hover,
.msns li a:focus { box-shadow: 2px 2px 5px rgba(0,0,0,.5) } 
.msns li .fb { background-position-x: -63px; } 
.msns li .kakao { background-position-x: -126px; } 
.msns li .insta { background-position-x: -188px; } 
.mart-list { display: flex; } 
.mart-list .info {display: flex;flex-wrap: wrap;}
.mart-list li { width: calc(25% - 27px); margin-right: 35px; } 
.mart-list li:nth-child(4n) { margin-right: 0; } 
.mart-list li a { display: block; } 
.mart-list li a:hover .tit,
.mart-list li a:focus .tit,
.mart-list li a:hover .desc,
.mart-list li a:focus .desc {text-decoration: underline}
.mart-list li .cate-wrap { display: flex; width: 100%;margin-bottom: 10px} 
.mart-list li .cate {font-family: var(--point-font);color: #333;border: 1px solid var(--color-pink);padding: 8px 15px 5px;border-radius: 50px;width: fit-content;margin-right: 3px;line-height: 17px;font-size: 0.88rem;background: rgba(255,255,255,.5);} 
.mart-list li .cate.gray { background: #f5f5f5; margin-right: 3px;border-color: #c1c1c1; } 
.mart-list li .img {position: relative;box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);border-radius: 30px;overflow: hidden;margin-bottom: 30px;aspect-ratio: 1 / 1.34112;} 
.mart-list li .img img {width: 100%;height: 100%;} 
.mart-list li .tit {font-family: var(--point-font);font-size: 1.2778rem;padding: 0 10px;width: 100%;} 
.mart-list li .desc {padding: 0 10px;margin: 7px 0 15px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;} 
.mart-list li .desc * {font-size: 1rem !important; font-weight: 300 !important;}
.mart-list li .desc br {display: none;}
.mart-list li .date { color: #808080;padding: 0 10px } 

@media all and (max-width:1199px) { 
 .mart-list li { width: calc(25% - 10px); margin-right: 13px; } 
 .mart-list li .img { border-radius: 15px } 
 } 

@media all and (max-width:1024px) { 
 .sec04 { padding-top: 80px; background: url(/culture/resource/images/gamsa/main/sec04_bg.png), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(235, 241, 255, 1) 50%, rgba(235, 241, 255, 1) 100%); background-repeat: no-repeat; background-size: 1024px; background-position: top 0px right; } 
 .sec04-01 { flex-direction: column; padding-top: 50px; } 
 .mpop-wrapper,
 .mboard { width: 100% } 
 .mpop-wrapper { margin-bottom: 50px; } 
 .mboard .tab-list a { font-size: 1.5rem } 
 .mboard .tab-content li { font-size: 1rem; padding-top: 20px; } 
 .msns li:not(:last-child) { margin-right: 10px; } 
 .msns li a { width: 40px; height:40px; background-size: 200px; } 
 .msns li .fb { background-position-x: -54px; } 
.msns li .kakao { background-position-x: -107px; } 
.msns li .insta { background-position-x: -159px; } 
 } 
@media all and (max-width:640px) { 
 .sec04 { background-size: 640px; padding-bottom: 70px; } 
 .sec04 .title {margin-bottom: 10px;font-size: 1.3rem;} 
 .sec04 .title .small { display: block; } 
 .sec04 .more-btn {padding-right: 12px;}
 .sec04 .more-btn::before, .sec04 .more-btn::after {width: 2px;height: 12px;}
 .mpop-ctrl {margin: 0}
 .mpop-ctrl .btn-prev::before, .mpop-ctrl .btn-next::before {width: 8px;height:8px}
 .mpop-ctrl .btn-play::before, .mpop-ctrl .btn-stop::before {height:12px}
 .sec04-01 { padding-bottom: 70px; } 
 .sec04 .tab-content li a {max-width: 70%;min-width: 70%}
 .mboard .tab-content li .date {font-size: .9rem;flex-shrink:0}
 .mboard .tab-list a {font-size: 1.3rem;margin-right: 20px;}
 .mboard .tab-list li:not(:last-of-type) a::after {
    right: -15px;
    font-size: 1.2rem;
}
 .mart-list { flex-wrap: wrap; row-gap: 15px; } 
 .mart-list li:nth-child(2n) { margin-right: 0; } 
 .mart-list li { width: calc(50% - 8px); margin-right: 15px; } 
 .mart-list li .cate {padding: 4px 7px 3px;}
 .mart-list li .tit {font-size: 1rem;padding: 0 0 7px;}
 .mart-list li .img {margin-bottom: 10px;aspect-ratio: 1 / 1;} 
 .mart-list li .desc {margin: 3px 0 5px;padding: 0;} 
 .mart-list li .date {padding: 0;font-size: .9rem;}
 .msns { position: static; margin-bottom: 20px; justify-content: end; } 
 .msns li:not(:last-child) { margin-right: 7px; } 
 .msns li a { width: 35px; height:35px; background-size: 175px; } 
 .msns li .fb { background-position-x: -47px; } 
 .msns li .kakao { background-position-x: -93px; } 
 .msns li .insta { background-position-x: -140px; } 


 }