@charset "UTF-8";

:root {
	--color-main : #F08730;
	--color-sub : #5E8BF0;
}

.open-banner { width: 100%; height: auto; background: #7ea2f3; padding: 0 24px; } 
.open-banner[data-open=false] { visibility: hidden; display: none; } 
.open-banner[data-open=true] { visibility: visible; display: -webkit-box; display: -ms-flexbox; display: flex; } 
.open-banner .open-banner-wrap { width: 1284px; margin: 0 auto; padding: 30px 0 25px; position: relative; background: url("../img/main/icon-open-banner-charactor.svg") 0 0 no-repeat; } 
.open-banner .open-banner-txt { font-size: 1.6rem; font-weight: 600; color: #ffffff; max-width: 570px; margin: 0 auto; text-align: center; } 
.open-banner .check-box { position: absolute; top: 60px; right: 0; } 
.open-banner .check-box .check-box-input { width: 16px; height: 16px; border: none; } 
.open-banner .check-box .check-box-input:checked + .check-box-label::before { background: url("../img/main/icon-checkbox-checked-white.svg") no-repeat center; } 
.open-banner .check-box .check-box-label { display: inline-block; position: relative; height: 16px; font-size: 1.4rem; color: #ffffff; font-weight: 500; padding-left: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.open-banner .check-box .check-box-label::before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; content: ""; width: 16px; height: 16px; background: url("../img/main/icon-checkbox-white.svg") no-repeat center; } 
.open-banner .open-banner-close { display: inline-block; position: absolute; top: 24px; right: 0; width: 20px; height: 20px; padding: 10px; background: url("../img/main/icon-open-banner-close.svg") no-repeat center; } 

.wrap { min-width: 1332px; } 

.main { overflow: hidden; /* drop-down(select) */}
.main .main-section {position:relative; max-width:1600px; margin: 0 auto; position: relative;} 
/* 메인에 최신순,인기순,추천순 게시글 숨김처리로 인한 margin-bottom:10rem 추가 */
.main .main-section.service {margin-bottom:10rem;}
:root {
	--main-blue: #5E8BF0;
}



/* ---------------------------- 20221115 new main ---------------------------- */

.main-visual { position:relative; min-height:720px; background-color:#F6F9FD; border-radius: 0 0 120px 120px; background-image: url("../img/main/visual-bg-all.png"), url("../img/main/visual-bg-bottom.svg"); background-size:cover, inherit; background-position: bottom left; background-repeat:no-repeat; box-shadow: 0 4px 20px rgba(195, 195, 195, 0.25);}
.main-visual .main-section {width:100%; max-width:100%; padding:30px 60px 0; } 


/* visual-banner */
.visual-banners {position:relative;}

.visual-banners .banner-tabs-item {position:relative; width: 100%; height:100%; top:0;}
.visual-banners .banner-tabs-item .tit-wrap {position:relative; display:flex;     justify-content: space-between; padding: 0 20px; background:url("../img/main/visual-bg.png") no-repeat top left;}
.visual-banners .banner-tabs-item .tit-wrap .tit {position:relative; display:flex; align-items: flex-end; line-height:1; font-size:4.2rem;}
.visual-banners .banner-tabs-item .tit-wrap .tit::after {content:''; position:relative; display:inline-block; width:70px; height:70px; background-size:cover; bottom:7px;}
.visual-banners .banner-tabs-item.reservsB .tit-wrap .tit::after {background:url("../img/main/vusual-ico01.png") no-repeat center / cover; }
.visual-banners .banner-tabs-item.newsB .tit-wrap .tit::after {background:url("../img/main/vusual-ico02.png") no-repeat center / cover; }
.visual-banners .banner-tabs-item.reservsB .tit-wrap .tit strong {color:var(--color-sub);}
.visual-banners .banner-tabs-item.newsB .tit-wrap .tit strong {color:var(--color-main);}
.visual-banners .banner-tabs-item .more {display:flex; gap:2px; z-index:3; width:auto; height:auto;  right:calc(50% - 100px); top:calc(50% - 10px); padding-right:0; align-items: flex-end;}
.visual-banners .banner-tabs-item .more ul {position:relative; display:flex; flex-wrap: wrap; gap:2px; width:24px; height:24px; align-content: center; justify-content: center; margin-bottom: 5px;}
.visual-banners .banner-tabs-item .more li {display:block; width:7px; height:7px; background:#404751; transition:0.4s; border-radius:2px;}
.visual-banners .banner-tabs-item .more:hover li:nth-child(2),
.visual-banners .banner-tabs-item .more:focus li:nth-child(2) {background:#fed753; transform:rotate(45deg);}
.visual-banners .banner-tabs-item .more p {font-size:2.0rem;}
 
.visual-banners .banners-body { position: relative; border-top: 0; padding: 0 20px;} 
.visual-banners .banners-body .banner-wrapper { padding: 20px 0;}
.visual-banners .banner-slide.swiper-container {overflow:visible;} 
 
.visual-banners .banner-item { display: flex; width:100%; height: 100%; justify-content: space-between; } 
.visual-banners .user-banner-link { display: block; position: relative; width:100%; height:288px; overflow: hidden; margin: 0 7px; border-radius:20px; box-shadow: 0 0 14px rgba(204, 217, 247, 1);} 
.visual-banners .user-banner-link img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -o-object-fit: fill; object-fit: fill; max-width: none; width: 100%; height: 100%; } 
 
.visual-banners .user-banner-box { overflow-x: hidden; width:100%; height:100%; } 
.visual-banners .user-arrow { display: inline-block; width: 6px; height: 10px; margin: 0 3px; background: url("../img/common/icon-slide-arrow-black-small.svg"); } 
 
 
.visual-banners .user-banner-box .slide-button-prev,
.visual-banners .user-banner-box .slide-button-next{position:absolute;top:calc(50% - 42px); z-index:5; background-image: url("../img/main/slide-arrow-w.svg"); background-color: rgba(0,0,0,.5); background-position:center; background-repeat:no-repeat; width:52px; height:52px; border-radius:100%; transition:0.3s;}
.visual-banners .user-banner-box .slide-button-prev:hover,
.visual-banners .user-banner-box .slide-button-next:hover { background-color: rgba(0,0,0,1);}
.visual-banners .user-banner-box .slide-button-prev{left:calc(20% - 20px); transform: rotate(180deg);}
.visual-banners .user-banner-box .slide-button-next{right:calc(20% - 20px);}
.visual-banners .user-banner-box .slide-button-prev.swiper-button-disabled,
.visual-banners .user-banner-box .slide-button-next.swiper-button-disabled{opacity:1;pointer-events:auto;}
.visual-banners .banner-slide .slide-bottom{display:flex;justify-content:center;align-items:center;gap:10px;}
.visual-banners .banner-slide .slide-dots{display:flex;align-items:center;gap:6px;} 
.visual-banners .banner-slide .slide-dots .swiper-pagination-bullet{width:8px;height:8px;margin:0;border-radius:50%;background:rgba(0,0,0,.2);opacity:1;} 
.visual-banners .banner-slide .slide-dots .swiper-pagination-bullet-active{background:rgba(0,0,0,.6);} 
.visual-banners .banner-slide .slide-play {position:relative; display: inline-block; width: 28px; height: 28px; margin-left: 4px; background-image: url("../img/common/icon-slide-arrow-white-stop.svg"); background-color:var(--color-main); background-position:center; background-repeat:no-repeat; border-radius:100%;} 
.visual-banners .banner-slide .slide-play.stop { background-image: url("../img/common/icon-slide-arrow-white-start.svg"); } 
.visual-banners .reservsB .banner-slide .slide-play {background-color:var(--color-sub);}


.visual-alert {position:relative; display:flex; padding: 60px 0 100px 0; gap:16px; flex-direction: column; align-items: center;}
.visual-alert .txt {font-size:3.0rem; text-align:center;}
.visual-alert .txt .br {display:none;}
.visual-alert > ul {position:relative; display:flex; gap:32px;}
.visual-alert > ul:before {content:''; position:absolute; display:block; width:110px; height:110px; background:url(../img/main/vusual-ico03.png) no-repeat bottom center; background-size:contain; top:-110px; right:-10PX;}
.visual-alert .talkbox {position:relative; width:285px;}
.visual-alert .talkbox a {display:block; width:100%; padding:24px; border-radius: 24px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); background:#fff; transition:0.3s;}
.visual-alert .talkbox a .titbox {padding-bottom:12px;}
.visual-alert .talkbox a .titbox span {display:inline-block; color:#fff; background:#eee; padding:6px 12px 2px 12px; font-size:1.6rem; border-radius:15px; }
.visual-alert .talkbox a .titbox p {display:flex; gap: 8px; font-size:3.8rem; font-weight:600; letter-spacing:-1px; padding-top:10px; line-height:1;     align-items: flex-end;}
.visual-alert .talkbox a .titbox p::after {content:''; display:inline-block; width:42px; height:42px; background-image:url(../img/main/vusual-ico04.png); background-size:contain; background-repeat:no-repeat; background-position:center;} 

.visual-alert .talkbox a .titbox em {font-size:1.4rem;}
.visual-alert .talkbox a.sms .titbox span {background: #00B0BD;}
.visual-alert .talkbox a.kakao .titbox span { background: #F9D300; color:3C1617;}
.visual-alert .talkbox a.sms .titbox p {color:#00B0BD;}
.visual-alert .talkbox a.kakao .titbox p {color: #3C1617;}
.visual-alert .talkbox a.kakao .titbox p::after {background-image:url(../img/main/vusual-ico05.png);}
.visual-alert .talkbox a.news {background: #619f5a;}
.visual-alert .talkbox a ul {display:flex; flex-direction: column;}
.visual-alert .talkbox a ul li {display:flex; font-size:1.6rem; background-image:url(../img/main/vusual-ico-chk01.svg); background-position:left top; background-18px; background-repeat:no-repeat; padding-left:20px;}
.visual-alert .talkbox a.kakao ul li {background-image:url(../img/main/vusual-ico-chk02.svg);}





/* one-line-notice */
.oneline-notice {position:relative; height:60px; padding: 0 40px;overflow:hidden;}
.oneline-notice .oneline-notice-inner {position:relative; display:flex; width:100%; height:100%; margin:0 auto; flex: 0 0 auto; align-items: center; transition: 0.3s; background: linear-gradient(90deg, #F3F5FC 0%, #E2EEFF 100%);  border-radius:12px; padding: 0 20px;}
.oneline-notice .oneline-notice-inner .oneline-ico p {position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

.oneline-notice .oneline-notice-inner .txtwrap {position:relative; width:100%; height:100%; overflow:hidden;  align-items: center;}
.oneline-notice .oneline-notice-inner #billboardDiv {color:#00479D;}
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee {display:flex; height:60px; align-items:center; padding-top: 4px;}
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee a,
.oneline-notice .oneline-notice-inner .oneline-txt {position:relative; font-size:2.4rem !important; font-family: "GmarketSans" !important; padding-right:80px; color:#00479D; transition:0.3s;}
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee a:after,
.oneline-notice .oneline-notice-inner .oneline-txt:after {position:absolute; content:''; display:block; width:4px; height:4px; border-radius:100%; background:#00479D; right:40px; top:calc(50% - 4px);}
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee * {font-size:2.6rem !important; font-family: "GmarketSans" !important; display:inline-block; color:#0028b9;}
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee a:last-of-type:after {display:none;}
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee a:hover,
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee a:focus {color:#0d0049; text-decoration:underline; text-underline-position: under;}
.oneline-notice .oneline-notice-inner .txtwrap .js-marquee-wrapper {animation-duration:70s !important;}

@media (max-width: 767px) {
	.oneline-notice .oneline-notice-inner .txtwrap .js-marquee-wrapper {animation-duration:70s !important;}
}

 @keyframes textLoop {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

 @keyframes float_image {
    0% {
      margin-top:0;
    }
    50% {
    	margin-top:-5px;
    }
    100% {
     margin-top:0;
    }
  }
  


/* 공지사항 */
.main-notice {position:relative; padding: 100px 0; background-image: url("../img/main/main-notice-bg01.png"),  url("../img/main/main-notice-bg02.png"); background-repeat:no-repeat; background-position: top left 40px, top 50px right;}
.main-notice .main-section{display:flex;gap:32px;}
.main-notice .board{position:relative;flex:1;min-width:0;padding:40px;border-radius:24px;background:#fff;border:1px solid #e9edf5;box-shadow:0 4px 20px rgba(195,195,195,.25);}
.main-notice .board-head{margin-bottom:20px;}
.main-notice .tit{margin:0;font-size:4.2rem;}
.main-notice .organ .tit strong{color:var(--color-sub);}
.main-notice .system .tit strong{color:var(--color-main);}
.main-notice ul{display:flex; height: 290px;  flex-direction: column; align-items: flex-start;}
.main-notice li {position:relative; display:flex;align-items:center; height: calc(100% / 5); width:100%;}
.main-notice li+li{border-top:0;}
.main-notice li+li::before {content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:repeating-linear-gradient(to right,#CCCCCC 0,#CCCCCC 2px,transparent 2px,transparent 6px);}
.main-notice li a{display:flex; align-items:center; justify-content:space-between; width:100%; font-size:2.0rem;}
.main-notice li a:hover .txt,.main-notice li a:focus-visible .txt{text-decoration:underline;}
.main-notice li a:focus-visible{outline:2px solid #222;outline-offset:2px;border-radius:6px;}
.main-notice .txt{ flex:1; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-notice .date{flex-shrink:0; margin-left:20px; color:#676767; font-weight:400;}
.main-notice .more{position:absolute;top:30px;right:24px;width:32px;height:32px;display:block;border-radius:50%;text-indent:-9999px;overflow:hidden;}

.main-notice .more{position:absolute;top:40px;right:40px;width:24px;height:24px;display:block;border-radius:50%;text-indent:-9999px;overflow:hidden;transition:transform .35s ease;}
.main-notice .more::before,
.main-notice .more::after{content:"";position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .35s ease;}
.main-notice .more::before{width:100%;height:4px;}
.main-notice .more::after{width:4px;height:100%;}
.main-notice .more:hover{transform:scale(1.15) rotate(90deg);}
.main-notice .organ .more{color:#5E8BF0;}
.main-notice .system .more{color:#EF8B2C;}
.main-notice .more:focus-visible{outline:2px solid #222;outline-offset:3px;}


.main .cm-title-area { width: 100%; text-align: center; } 
.main .cm-title { font-size: 4.8rem; font-weight: 400; } 
.main .cm-sub { font-size: 2.4rem; padding-top: 10px; } 
.main .main-banner { position: relative; width: 100%; } 
.main .banner-arrow { width: 48px; height: 48px; display: inline-block; background: url("../img/common/icon-arrow-white-circle.svg") 0 0/100%; } 
.main .banner-arrow.swiper-button-prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.main .banner-swiper { position: relative; } 
.main .swiper-slide-item-thum img { max-width: none; -o-object-fit: cover; object-fit: cover; width: 100%; } 
.main .banner-center { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 1284px; width: 100%; height: 100%; z-index: 10; } 
.main .banner-textbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 140px; } 
.main .banner-textbox > div { color: #ffffff; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } 
.main .banner-desc { max-width: 378px; margin: 0 auto; } 
.main .desc-title { font-size: 4.8rem; font-weight: 600; letter-spacing: -0.6px; position: relative; width:500px; color:#f08730; line-height:1.2;} 
.main .desc-title:after { content: ""; display: inline-block; position: absolute; top: -15px; right: -33px; width: 33px; height: 37px; background: url("../img/main/icon-main-flower2.svg") 0 0 no-repeat; -webkit-animation: big 2s infinite ease-in-out; animation: big 2s infinite ease-in-out; } 
.main .desc-txt { font-size: 2.4rem; padding-top: 10px; } 
.main .banner-search { max-width: 580px; padding:80px 0 0 0; } 

.main .search-service { padding-top: 10px; } 
.main .search-title { font-size: 2.8rem; font-weight: 600; } 
.main .search-txt { font-size: 1.8rem; } 
.main .search-main { width: 100%; position: relative; background: #ffffff; border-radius: 20px 20px 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; margin-top: 12px; z-index: 10; 
					-webkit-box-shadow: 4px 4px 10px 3px rgba(0,0,0,0.1);
					-moz-box-shadow: 4px 4px 10px 3px rgba(0,0,0,0.1);
					box-shadow: 4px 4px 10px 3px rgba(0,0,0,0.1);} 
.main .search-btn { line-height: 64px; height: 60px; width: 126px; padding-left: 24px; text-align: left; z-index: 10; background-color: #ffffff; border-radius: 20px 0 0 20px; } 
.main .search-box { font-size: 1.6rem; color: #404751; background: none; padding-left: 8px; padding-right: 115px; line-height: 60px; position: relative; z-index: 10; } 
.main .search-enter { position: absolute; top: 13px; right: 24px; background: #f08730; border-radius: 20px 20px 0px 20px; width: 82px; height: 34px; line-height: 38px; text-align: center; font-size: 1.8rem; color: #ffffff; font-weight: 600; z-index: 10; } 
.main .search-hashtag { margin-top: 32px; } 
.main .search-hashtag dl { display: -webkit-box; display: -ms-flexbox; display: flex; } 
.main .search-hashtag dt { font-size: 1.4rem; font-weight: 600; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } 
.main .search-hashtag dd { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } 
.main .search-hashtag dd a { margin-right: 10px; font-size: 1.4rem; } 
.main .search-hashtag dd a::before { content: "#"; display: inline-block; } 


@-webkit-keyframes duration_progressbar { 
 0% { width: 0%; } 
 100% { width: 100%; } 
 }
@keyframes duration_progressbar { 
 0% { width: 0%; } 
 100% { width: 100%; } 
 }



/* ---------------------------- END 20221115 new main ---------------------------- */




.main .map-bg { position: relative; width: 100%; height: 0px; } 
.main .map-bg:before { content: ""; display: block; position: absolute; top: 163px; right: calc(50% - 400px); -webkit-transform: translateX(50%); transform: translateX(50%); background: url("../img/main/img-map-bg-pc.svg") 0 0 no-repeat; width: 1154px; height: 712px; z-index: -1; } 
.main .map-character { position: absolute; left: -117px; bottom: -70px; z-index: -1; } 
.main .map-character .map-character-inner { width: 175px; height: 175px; pointer-events: none; } 
.main .map-character .map-character-inner img { position: absolute; } 
.main .map-character .map-character-inner img.img-character { left: 20%; bottom: 5%; -webkit-animation: jump 2s infinite ease-in-out; animation: jump 2s infinite ease-in-out; } 
.main .map-character .map-character-inner img.img-flower01 { top: 0; left: 0; -webkit-animation: fly 2s infinite ease-in-out; animation: fly 2s infinite ease-in-out; } 
.main .map-character .map-character-inner img.img-flower02 { bottom: 20%; right: 0; -webkit-animation: fly 2s infinite ease-in-out; animation: fly 2s infinite ease-in-out; } 


@-webkit-keyframes fly { 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } 
 50% { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } 
 }
@keyframes fly { 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } 
 50% { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } 
 }
@-webkit-keyframes jump { 100% { -webkit-transform: translateY(0); transform: translateY(0); -ms-transform: translateY(0); } 
 50% { -webkit-transform: translateY(10px); transform: translateY(10px); -ms-transform: translateY(10px); } 
 }
@keyframes jump { 100% { -webkit-transform: translateY(0); transform: translateY(0); -ms-transform: translateY(0); } 
 50% { -webkit-transform: translateY(10px); transform: translateY(10px); -ms-transform: translateY(10px); } 
 }

.main .main-book { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 60px; } 
.main .book-lecture { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 1 521px; flex: 0 1 521px; max-width: 521px; width: 100%; margin-right: 54px; -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078); margin-top: 36px; border-radius: 40px; } 
.main .book-lecture-con { padding: 52px; background: #ffffff; position: relative; border-radius: 40px; height: 333px; } 
.main .lecture-title { font-size: 2.8rem; font-weight: 600; } 
.main .lecture-sub { font-size: 2rem; } 
.main .book-lecture-txt { margin-bottom: 30px; } 
.main .lecture-paging-area { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -24px; } 
.main .lecture-paging { width: 90px; padding: 0 !important; } 
.main .lecture-paging.slide-paging { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; z-index: 9; } 
.main .lecture-paging .slide-arrow { width: 48px; height: 48px; display: inline-block; background: url("../img/common/icon-arrow-black-circle.svg") 0 0/100%; position: absolute; top: 50%; left: -24px; } 
.main .lecture-paging .slide-arrow.slide-button-next { left: auto; right: -24px; } 

.main .book-map { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 521px); flex: 0 1 calc(100% - 521px); -ms-flex-preferred-size: calc(100% - 521px); position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } 
.main .book-map-btn { position: absolute; top: -12px; right: 40px; display: block; width: 200px; height: 48px; line-height: 48px; border: 1px solid #f08730; border-radius: 20px 20px 0 20px; text-align: center; font-size: 1.6rem; font-weight: 700; color: #f08730; background: #ffffff; } 
.main .book-map-btn:hover { background: #f08730; color: #ffffff; } 
.main .book-map-expand { display: none; visibility: hidden; } 
.main .book-town { display: none; } 
.main .book-swiper { overflow: hidden; } 
.main .book-arrow { width: 48px; height: 48px; display: inline-block; background: url("../img/common/icon-arrow-black-circle.svg") 0 0/100%; position: absolute; top: 50%; } 
.main .book-arrow.book-arrow-mobile { display: none; } 
.main .book-arrow.slide-button-prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: -24px; } 
.main .book-arrow.slide-button-next { right: -24px; } 
.main .book-list { max-height: 132px; } 
.main .book-list-item { padding-bottom: 10px; } 
.main .book-list-item:last-child { padding-bottom: 0; } 
.main .book-list-item-link { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-right: 86px; padding-top: 3px; } 
.main .book-list-item-link:hover .book-list-item-txt, .main .book-list-item-link:focus .book-list-item-txt { padding-left: 15px; background: url("../img/common/icon-arrow-black-small.svg") left top 2px no-repeat; } 
.main .book-list-item-link:hover .book-list-item-more, .main .book-list-item-link:focus .book-list-item-more { background: #8e8e8e; color: #ffffff; border-color: #ffffff; } 
.main .book-list-item-txt { font-size: 1.6rem; color: #8e8e8e; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } 
.main .book-list-item-more { position: absolute; right: 0; top: 0; width: 61px; height: 24px; line-height: 1; padding-top: 6px; font-size: 1.2rem; color: #8e8e8e; font-style: normal; border: 1px solid #c4c4c4; border-radius: 8px; text-align: center; } 
.main .book-list-item-more::before { content: "+"; display: inline-block; padding-right: 5px; } 
.main .book-show-all { width: 100%; display: block; text-align: center; padding: 19px 0 20px; background: #f08730; border-radius: 0 0 40px 40px; font-size: 2rem; color: #ffffff; } 


.main .character-top { width: 100%; position: relative; margin-top: 0; height: 140px; z-index: -1; } 
.main .character-01 { position: absolute; top: -40px; left: 0; width:500px;} 
.main .character-02 { position: absolute; top: 80px; left: 90px; width:150px; -webkit-animation: jump 1.8s infinite ease-in-out; animation: jump 1.8s infinite ease-in-out; } 
.main .character-bottom { z-index: -1; width: 100%; position: relative; height: 96px; } 
.main .character-03 { position: absolute; bottom: 10px; right: 102px; } 
.main .character-04 { position: absolute; bottom: -13px; right: 264px; -webkit-animation: big 2s infinite ease-in-out; animation: big 2s infinite ease-in-out; } 
.main .character-05 { position: absolute; bottom: 201px; right: 92px; -webkit-animation: fly 2s infinite ease-in-out; animation: fly 2s infinite ease-in-out; } 

.main .notice-cha {z-index:1; position:absolute; pointer-events: none;}
.main .notice-cha.left {bottom:0; left:-120px;}
.main .notice-cha.left .img-flower01 {position:relative; left:-10px; top: -20px; animation: fly 2s infinite ease-in-out;}
.main .notice-cha.left .img-flower02 {animation: jump 2s infinite ease-in-out;}
.main .notice-cha.right {bottom:0; right:-100px;  }
.main .main-map .cha {pointer-events: none; bottom: -40px; animation: jump 2s infinite ease-in-out;    }

@keyframes jump { 
 0% { -webkit-transform: translateY(0); transform: translateY(0); } 
 50% { -webkit-transform: translateY(-7%); transform: translateY(-7%); } 
 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } 
 }
@keyframes fly { 
 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 
 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
 }
@-webkit-keyframes big { 
 0% { -webkit-transform: scale(1); transform: scale(1); } 
 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 
 100% { -webkit-transform: scale(1); transform: scale(1); } 
 }
@keyframes big { 
 0% { -webkit-transform: scale(1); transform: scale(1); } 
 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 
 100% { -webkit-transform: scale(1); transform: scale(1); } 
 }



.main .drop-down.style1 { font-size: 1.6rem; border: 3px solid #404751; background:#fff; border-radius: 20px 20px 0 20px; -webkit-transition: all 0.3s ease; transition: background-color 0.3s ease; height: auto; } 
.main .drop-down.style1.drop-open { background: #5e8bf0; border-color: #5e8bf0; color:#fff;} 
.main .drop-down.style1 .btn-drop-down { padding: 0 24px; width: 100%; text-align: left; height: 54px; line-height: 60px; } 
.main .drop-down.style1 .btn-drop-down::after { content: ""; background: url("../img/common/icon-more-black-small.svg") 0 0 no-repeat; width: 11px; height: 11px; position: absolute; top: 22px; right: 24px; display: inline-block; } 
.main .drop-down.style1.drop-open .btn-drop-down::after {background: url("../img/common/icon-more-white-small.svg") 0 0 no-repeat;}

.main .drop-down.style1 .combobox { background: #5e8bf0; border-radius: 0; max-height: 110px; } 
.main .drop-down.style1 .combobox_option { padding: 5px 0; } 
.main .drop-down.style1 .combobox_option:last-child { padding-bottom: 0; } 
.main .drop-down.style1 .combobox_option > button { padding-bottom: 0; padding-top: 0; } 
.main .drop-down.style1 .combobox_option > button:hover::before, .main .drop-down.style1 .combobox_option > button:active::before, .main .drop-down.style1 .combobox_option > button:focus-visible::before { display: none; } 
.main .drop-down.style1 .combobox { padding: 0 22px 28px 29px; border-radius: 0 0 20px 20px; } 
.main .drop-down.style1 .combobox_option button { height: 20px; line-height: 24px; padding-left: 32px; width: 100%; text-align: left; background-size: 20px 20px; background-position: left center; background-repeat: no-repeat; font-size: 1.4rem; color: #ffffff; } 
.main .drop-down.style1 .combobox_option button.option_service_1 { background-image: url("../img/common/icon_main_tab_01_active.svg"); } 
.main .drop-down.style1 .combobox_option button.option_service_2 { background-image: url("../img/common/icon_main_tab_02_active.svg"); } 
.main .drop-down.style1 .combobox_option button.option_service_3 { background-image: url("../img/common/icon_main_tab_03_active.svg"); } 
.main .drop-down.style1 .combobox_option button.option_service_4 { background-image: url("../img/common/icon_main_tab_04_active.svg"); } 
.main .drop-down.style1 .combobox_option button.option_service_5 { background-image: url("../img/common/icon_main_tab_05_active.svg"); } 
.main .drop-down.style1 .combobox_option button.option_service_6 { background-image: url("../img/common/icon_main_tab_06_active.svg"); } 
.main .drop-down.style1 .combobox_option button.option_service_7 { background-image: url("../img/common/icon_main_tab_07_active.svg"); } 
.main .drop-down.style1 .combobox_option button.option_service_8 { background-image: url("../img/common/icon_main_tab_08_active.svg"); } 
.main .drop-down.style2 { border-radius: 20px; font-size: 1.6rem; color: #404751; } 
.main .drop-down.style2 .btn-drop-down { padding-right: 14px; } 
.main .drop-down.style2 .btn-drop-down::after { background-image: url("../img/common/icon-select-orange.svg"); width: 14px; height: 12px; top: 24px; right: 0; } 
.main .drop-down.style2 .combobox { border-radius: 20px 20px 0 20px; width: 126px; height: 116px; overflow: hidden; z-index: -1; padding: 16px 0; } 
.main .drop-down.style2 .combobox_option.active > button { padding-left: 36px; color: #404751; } 
.main .drop-down.style2 .combobox_option.active > button::before { content: ""; display: inline-block; background: url("../img/common/icon-check-blue-small.svg") 0 0/100%; width: 20px; height: 20px; position: absolute; top: 50%; left: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.main .drop-down.style2 .combobox_option > button { padding: 6px 6px 6px 24px; color: #8e8e8e; line-height: 1; } 
.main .drop-down.style2 .combobox_option > button:hover, .main .drop-down.style2 .combobox_option > button:active, .main .drop-down.style2 .combobox_option > button:focus-visible { padding-left: 36px; color: #404751; } 
.main .drop-down.style2 .combobox_option > button:hover::before, .main .drop-down.style2 .combobox_option > button:active::before, .main .drop-down.style2 .combobox_option > button:focus-visible::before { content: ""; display: inline-block; background: url("../img/common/icon-check-blue-small.svg") 0 0/100%; width: 20px; height: 20px; position: absolute; top: 50%; left: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 



.show-m { display: none; visibility: hidden; } 

@media (max-width: 1850px){
    .main .character-03 { width: 70px; right: 10px; } 
    .main .character-04 { width: 70px; bottom: -5px; right: 80px; } 
    .main .character-05 { width: 30px; bottom: 57px; } 
    .main .map-character { bottom: -100px; left: 0; } 
    .main .map-character .map-character-inner img.img-flower01 { top: 25%; left: 0; } 
 }

@media (max-width: 767px){
    .open-banner { position: fixed; top: 0; left: 0; height: 160px; z-index: 110; padding: 0 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
    .open-banner .open-banner-wrap { width: 100%; background: none; padding: 20px 0 0; } 
    .open-banner .open-banner-close { position: fixed; top: 12px; right: 12px; } 
    .open-banner .check-box { position: relative; top: 0; text-align: center; padding-top: 10px; } 

    .wrap { min-width: 1px; } 

    .main .main-section { padding: 60px 19px 0; max-width: 100%; }     
    /* 메인에 최신순,인기순,추천순 게시글 숨김처리로 인한 margin-bottom:3rem 추가 */
	.main .main-section.service {padding-top:40px; margin-bottom:3rem;}
    .main .banner-arrow { display: none; } 
    
    .main .desc-title { font-size: 3.6rem; } 
    .main .desc-title:after { display: none; } 
    .main .desc-txt { font-size: 1.8rem; } 

    .main .search-title { text-align: left; padding-left: 24px; font-size: 2.4rem; padding-top: 50px; } 
    .main .search-txt { display: none; } 
    .main .search-service { height: 70px; position: relative; z-index: 49; } 
    .main .search-box { font-size: 1.4rem; } 

    .main .drop-down.style1 { font-size: 1.4rem; border-width: 2px; } 
    .main .drop-down.style1 .combobox { max-height: 174px; } 
    .main .drop-down.style2 { font-size: 1.4rem; border-width: 2px; } 
    .main .drop-down.style3 { border: 1px solid #d9d9d9; border-radius: 20px; font-size: 1.8rem; height: auto; } 
    .main .drop-down.style3.drop-open { -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.078); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.078); } 
    .main .drop-down.style3 .combobox { border-radius: 20px; } 
    .main .drop-down.style3 .town-btn { height: 60px; line-height: 60px; } 
    .main .drop-down.style3 .town-btn:after { top: 20px; } 

    .main .search-enter { width: 75px; height: 34px; line-height: 1; padding-top: 5px; font-size: 1.4rem; } 
    .main .search-hashtag { margin-top: 24px; } 
    .main .cm-title { /* font-size: 3.2rem; 0527 modify */ font-size: 2.8rem; } 
    .main .cm-title strong { font-weight: 500; } 
    .main .cm-sub { font-size: 1.2rem; } 
    .main .main-book { display: block; padding-top: 24px; background: url("../img/main/img-map-bg-m.svg") 0 -20px no-repeat; background-size: 100% 60%; } 
    .main .map-character { position: relative; top: 0; left: 0; } 
    .main .map-character .map-character-inner { position: absolute; top: -99px; right: -10px; width: 79px; height: 79px; -webkit-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); } 
    .main .map-character .img-flower01,
    .main .map-character .img-flower02 { display: none; } 
    .main .map-bg { display: none; } 
    .main .book-lecture { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-right: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 20px; margin-top: 12px; } 
    .main .book-map { padding-bottom: 32px; } 
    .main .book-map-btn { position: static; width: 100%; margin-bottom: 42px; } 
    .main .book-map-expand { display: block; visibility: visible; width: 48px; height: 48px; background: url("../img/common/icon-map-expand.svg") 0 0 no-repeat; font-size: 0; position: absolute; right: 0; top: 78px; } 

    /* joshua-m */
    .show-m { display: block; visibility: visible; } 
    .main .book-map-btn + p { width: 180px; position: absolute; right: 58px; top: 85px; z-index: 1; color: #8e8e8e; font-size: 1.3rem; } 
    .main .book-map-btn + p::before { content: "*"; position: absolute; transform: translate(-8px,-2px); } 

    .main .book-town { display: block; height: 60px; } 
    .main .book-list-item-txt { font-size: 1.4rem; } 
    .main .book-lecture-txt { margin-bottom: 25px; } 
    .main .lecture-paging { width: 122px; padding: 0 !important; background: #ffffff; border: 1px solid #d9d9d9; } 
    .main .lecture-paging.slide-paging { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } 
    .main .lecture-paging .slide-arrow { width: 6px; height: 10px; background: url("../img/common/icon-slide-arrow-black-small.svg") 0 0/100%; position: relative; top: 0; left: 0; } 
    .main .lecture-paging .slide-arrow.slide-button-next { right: 0; } 
    .main .book-lecture-con { padding: 40px 24px 24px; border-radius: 20px 20px 0 0; border: 1px solid #d9d9d9; border-bottom: 0; height: 272px; } 
    .main .lecture-title { font-size: 2.4rem; } 
    .main .lecture-sub { font-size: 1.2rem; } 
    
    .main .book-show-all { font-size: 1.4rem; height: 48px; padding: 16px 0; border-radius: 0 0 20px 20px; } 
    .main .book-list-item-link { padding: 5px 30px 0 0; } 
    .main .book-list-item-more { font-size: 0; padding-top: 3px; text-align: center; padding: 4px 0 0 0; width: 24px; } 
    .main .book-list-item-more:before { font-size: 1.8rem; padding: 0; } 

    .main .character-top { margin-top: 12px; height:30px;} 
    .main .character-01 { width: 221px; top:-20px; } 
    .main .character-02 { width: 72px; top: 42px; left: 35px; }  
    .main .character-bottom { display: none; } 

    .main .slide-paging { padding: 0 16px; border: 1px solid #d9d9d9; } 
    .main .slide-pagination { font-size: 1rem; } 
    .main .slide-pagination span { padding: 0 7px; font-size: 1rem; } 
    .main .slide-arrow { margin: 0 6px; } 
    .main .user-arrow { margin: 0 6px; } 
    .main .slide-play { margin-left: 6px; } 
    .main .content-more-btn { font-weight: 500; } 
    .main .user-banner-box { border-radius: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 100%; max-width: 100%; } 
    .main .bt-user-banner { margin-top: 32px; border-radius: 20px; padding: 30px 24px; background-size: auto 116px; background-position: right -29px bottom 0px; /* joshua 0525 추가 */ display: none; } 
    .main .bt-user-banner-eyebrow { font-size: 1rem; padding: 5px 10px 2px 10px; } 
    .main .bt-user-banner-title { max-width: 160px; font-size: 1.4rem; padding-top: 8px; } 
 }


@media (max-width: 680px){	
	.main .service-slide-top-area .cm-sub {font-size:1.4rem;}	
}


@media (max-width: 400px){
    .main .autoSearch { width: calc(100% - 87px); } 
    .main .drop-down.style1 { font-size: 1.2rem; } 
    .main .drop-down.style1 .btn-drop-down { padding: 0 14px; } 
    .main .drop-down.style1 .btn-drop-down:after { right: 19px; } 
    .main .drop-down.style1 .combobox { padding: 0 17px 16px 22px; max-height: 160px; } 
    .main .drop-down.style1 .combobox_option button { font-size: 1.2rem; } 
    .main .drop-down.style2 { font-size: 1.2rem; } 
    .main .drop-down.style2 .combobox { width: 96px; height: 100px; } 
    .main .drop-down.style2 .combobox_option.active > button { padding-left: 26px; } 
    .main .drop-down.style2 .combobox_option.active > button::before { width: 14px; height: 14px; left: 8px; } 
    .main .drop-down.style2 .combobox_option > button { padding: 6px 6px 6px 14px; } 
    .main .drop-down.style2 .combobox_option > button:hover, .main .drop-down.style2 .combobox_option > button:active, .main .drop-down.style2 .combobox_option > button:focus-visible { padding-left: 26px; color: #404751; } 
    .main .drop-down.style2 .combobox_option > button:hover::before, .main .drop-down.style2 .combobox_option > button:active::before, .main .drop-down.style2 .combobox_option > button:focus-visible::before { width: 14px; height: 14px; left: 9px; } 
    .main .banner-textbox { padding: 0 10px; } 
    .main .search-hashtag dt { font-size: 1.2rem; } 
    .main .search-hashtag dd a { font-size: 1.2rem; } 
 }









/* ---------------------------- 20221115 new main ---------------------------- */

 @media (max-width: 1920px) {
 	.main-visual::before {width:1820px;}

	}

@media (max-width: 1600px) {
	.main .main-section {padding: 0 20px; gap: 24px;}
 	.main-visual .main-section {padding: 30px 0 0 20px;}
	.visual-banners .banners-body,
	.visual-banners .banner-tabs-item .tit-wrap {padding:0;}
}
  
 @media (max-width: 767px) {
 	body {min-width:320px;}
 	.header .allgnb .header-gnb-wrap-content {height:0;}
 	.header .header-util-weather {display:none;}
 	.main .user-banner-box .slide-paging {border:none;}
 	
 	.main .desc-title {display:none;}
 	
 	.oneline-notice {height:55px; margin-top:76px; max-width:100vw; overflow:hidden; padding: 0 20px;}
 	.oneline-notice .oneline-notice-inner .txtwrap {width:100vw;}
 	.oneline-notice .oneline-notice-inner .oneline-ico {left:10px; width:60px; height:55px;}
	.oneline-notice .oneline-notice-inner .oneline-ico p {font-size:1.6rem;  line-height:1.8rem;}
 	.oneline-notice .oneline-notice-inner .oneline-after {top:54px; right:-31px;}
 	.oneline-notice .oneline-notice-inner .oneline-txt {padding-right:105px;}
 	.oneline-notice .oneline-notice-inner .oneline-txt:after {right:25px;}
 	.oneline-notice .oneline-notice-inner .txtwrap .js-marquee {height:55px;}
 	.oneline-notice .oneline-notice-inner .txtwrap .js-marquee a, .oneline-notice .oneline-notice-inner .oneline-txt {font-size:2.2rem !important;}
 	.header .search-header { justify-content: flex-start; padding: 0 20px;}
 	.header .search-header .search-body-group {width: calc(100% - 23px);}
 	.header .search-header .search-enter {position:absolute; flex-shrink:0; left:auto; right:20px;}
 	
 	.main .user-banner-box {border-radius:0;}
 	.main .user-content .system-notice {padding-top:22px;}
 	.main .user-content .user-title {padding-left:0; text-align:center;}
 	.main .user-content .user-title span {font-size:1.6rem; padding:12px 0 10px 0; width:100%;}
 	.main .user-content .user-title span:after {display:none;}
 	.oneline-notice .oneline-notice-inner .oneline-txt,
 	.oneline-notice .oneline-notice-inner .oneline-txt * {font-size:1.6rem !important;}
 	.main .user-banner-link {height:360px;}
 	.main .user-banner-link img {height:100%;     object-fit: fill;}
 	
 	.main .user-content .pc {display:none;}
 	.main .user-content .mob {display:block;}
 	.main .user-banner-link img {width:100%;}
 	
 	.visual-banners .banner-tabs-item .tit-wrap .tit {font-size:4.0rem;}
 	.main-visual {background-size: contain; background-position: center left, bottom left;}
 	.main-visual .main-section {padding: 32px 0 0 20px;}
 	.visual-banners .banner-tabs-item .tit-wrap {padding: 0 20px 0 0;}
	.visual-banners .banners-body .banner-wrapper {margin-left:0;padding-left:0;}
	
 	.visual-banners .banner-slide.swiper-container { overflow-x: hidden;} 
	.visual-banners .user-banner-box .slide-button-prev {left:-26px;}
	.visual-banners .user-banner-box .slide-button-next {right:-6px;}
	
	.main-notice {padding: 60px 0;}
	.main-notice .main-section {flex-direction: column;}
	.main-notice .board {padding: 32px;}
	.main-notice .tit {font-size:2.8rem;}
	.main-notice .board-head {margin-bottom:10px;}
	.main-notice ul {height:240px;}
	.main-notice li a {font-size:1.6rem;}
	.main-notice .date {display:none;}
	
	.visual-alert > ul {width:100%; padding-right:20px; gap:16px;     flex-direction: column;}
	.visual-alert > ul:before {right:12px; height:100px; width:100px; top:-100px;}  
	.visual-alert .talkbox {width:100%;}
}
 
 @media (max-width:600px){
 	.main-visual {border-radius: 0 0 60px 60px;}
 	
 .visual-alert {align-items: flex-start;}
	.visual-alert > ul {flex-direction: column;}
	.visual-alert .txt {text-align:left; font-size:2.0rem; padding-left: 20px;}
 	
 	.main.simple .notice-cha.right .cha {width: 100px; height: auto;}
 }
 
 @media (max-width:480px){
 	.header .search-header .search-body-group {height: 50px; font-size:1.4rem;}
 	.oneline-notice .oneline-notice-inner .txtwrap .js-marquee {height: 40px;}
 	.oneline-notice .oneline-notice-inner .txtwrap .js-marquee a, 
 	.oneline-notice .oneline-notice-inner .oneline-txt {font-size:1.4rem !important;}
 	.header .search-header .search-enter {width:50px; height:50px;}
 	.header .search-header .search-body-group input {font-size:1.6rem;}
 	
	.oneline-notice {height:40px; font-size:1.4rem; margin-top: 52px;}
	.header .search-header {height: 80px;}
	.header .search-header .search-body-group::after {height:50px; width:50px; background-size:cover;}
	.header .search-header .search-body-group input {padding:0 32px 0 72px;}
	.header .mobgnb .header-gnb-depth1-item {background-size: 30px auto; background-position:center top 6px;}
	.header .mobgnb .header-gnb-depth1-item:nth-child(-n+5) {background-position:center top 10px;}
	.header .mobgnb .header-gnb-depth1-item:nth-child(-n+5) .header-gnb-depth1-menu {padding: 42px 0 0 0;}
	.header .mobgnb .header-gnb-depth1-menu {height: 70px; padding: 36px 0 0 0; font-size:1.5rem;}
	
	
	.main .user-banner-link {height:200px;}
	
	.main-visual .main-section {padding: 20px 0 0 20px;}
	.visual-banners .banner-tabs-item + .banner-tabs-item {padding-top:20px;}
 	.visual-banners .banner-tabs-item .tit-wrap .tit {font-size:2.4rem;}
 	.visual-banners .banner-tabs-item .tit-wrap .tit::after {width:40px; height:40px; background-size:cover; bottom:0;}
	.visual-banners .banner-tabs-item .more p {font-size:1.6rem;}
 	.visual-banners .banner-tabs-item .more ul {margin-bottom:2px;}
 	.visual-banners .banners-body .banner-wrapper {padding: 10px 0;}
 	
 	.visual-alert {padding: 60px 0;}
	 .visual-alert .talkbox {width: 90%}
 	.visual-alert .talkbox a {padding: 24px 34px;}
 	.visual-alert .talkbox a .titbox span {font-size:1.3rem;width: 100%;}
	 .visual-alert > ul {align-items: center;}
 	.visual-alert .talkbox a ul li {font-size:1.4rem;}
 	.visual-alert .talkbox a .titbox p {font-size:2.4rem;}
 	.visual-alert .talkbox a .titbox p::after {width:26px; height:26px;}
 	.visual-alert > ul:before {width: 70px;height: 70px;top: -70px;right: 10%;}
 	
	.main-notice .board {padding: 24px;}
	.main-notice .more {top:24px; right:24px;}
	.main-notice .tit {font-size:2.4rem;}
	.main-notice ul {height:200px;}
	.main-notice li a {font-size:1.4rem;}
	.main-notice .date {font-size: 1.3rem;}
	
	}
	
@media (max-width: 400px){
	.oneline-notice .oneline-notice-inner .oneline-ico {left:5px;}
	.oneline-notice .oneline-notice-inner .oneline-ico p {gap:2px; font-size:14px;}
	.oneline-notice .oneline-notice-inner { /* padding-left:70px; */}
	.oneline-notice .oneline-notice-inner .oneline-txt, .oneline-notice .oneline-notice-inner .oneline-txt * {font-size:1.4rem !important;}	
	.oneline-notice .oneline-notice-inner .oneline-ico:before {top:28px;}
 	.oneline-notice .oneline-notice-inner .oneline-ico:after {top:49px;}
 	
 	
	.visual-alert .txt .br {display:block;}
	.visual-alert > ul:before {width: 90px;height: 90px;top: -90px;}
 	
}


/* ---------------------------- END 20221115 new main ---------------------------- */



/* 230308 앱에서 순서 바꿀때 */
/* 메인에 최신순,인기순,추천순 게시글 숨김처리로 인한 주석처리 */
/* .notlastbanner {margin-top:36px;} */


/* 230821 전광판 상단으로 */
.main-only-notice .header .header-util-weather {top:-135px;}/* 
.main-only-notice  .header .header-util-content {top:35px;} */
.main-only-notice .main-visual {background-color: #F6F9FD;}
.main-only-notice .oneline-notice .oneline-notice-inner {background: linear-gradient(90deg, #F3F5FC 0%, #E2EEFF 100%);}

@media (min-width: 768px) {
	.main-only-notice .header .search-header {margin: 1.3rem 0;}
	.main-only-notice .header .header-gnb-wrap.allgnb {border-bottom: 1px solid #EDEDED;}
	.main-only-notice .header .allgnb .header-gnb-wrap-content {min-height: 130px;}
	.main-only-notice .header .allgnb .header-gnb-depth1-menu {height: 130px; font-size: 2.3rem;}
}

@media (max-width: 767px) {
	.main-only-notice .header .header-util-content {top:0;}
	.main-only-notice .header .search-header {margin: 0;}
	.main-only-notice .header .header-gnb-wrap.allgnb {border-bottom: 0;}
	.main-only-notice .header .mobgnb.header-gnb-wrap {border-bottom: 1px solid #EDEDED;}
	.main-only-notice .header .header-gnb-wrap-content {padding:0;}
	.main-only-notice .header .allgnb .header-gnb-wrap-content {min-height: 0;}
	.main-only-notice .header .allgnb .header-gnb-depth1-menu {height: auto;}
}



/* 231004 메인 팝업 */

.txt-wrap.modalbody {overflow: auto;}
.txt-wrap.modalbody img {height: auto!important;}
.txt-wrap.modalbody {max-height: calc(80vh - 60px); margin:10px 20px 20px 20px;}

.mt-40 {margin-top:40px;}
.modal-simple-body {overflow:hidden;}
.modal-simple-wrap.mainpop {display:none; z-index:999; position:fixed; top:0; width:100%; height:100vh;}
.modal-simple{position:fixed; top: calc(50% + 30px);left:50%;z-index:1;width:1000px; background-color:#fff;border-radius:20px;transform:translate(-50%, -50%)}
.modal-simple:has(img) {width:auto;}
.txt-wrap.modalbody:has(img) {margin:10px;}
.modal-simple img {max-width:800px;}

.modal-simple .scroll-wrap {width:100%; overflow:auto; overflow-y:auto; overflow-x:auto; max-height:450px;}
.modal-simple .tit-wrap {position:relative; display:flex; align-items: flex-start; justify-content: space-between; background:var(--main-blue); padding:10px 10px 10px 20px; border-radius:20px 20px 0 0;}
.modal-simple .tit-wrap .tit {text-align:left; font-size:2.0rem;  color:#fff;}
.modal-simple .tit-wrap .top-close-btn {position:relative; margin-top:-8px; width:34px; height:34px; background:url("../img/common/icon-close.svg") right center no-repeat; background-size: contain;}

.modal-simple .guide-txt {display:none; text-align:right;}
.modal-simple .form-box-tit {position:relative; font-size:1.6rem; font-weight:600; margin-bottom:12px; padding-left:16px;}
.modal-simple .form-box-tit::before {content:''; display:block; position:absolute; width:6px; height:6px; border-radius:6px; top:6px; left:4px; background:#404751;}

.modal-overlay{display:none; position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;padding:0;background: rgba(0, 0, 0, 0.6);}

.modal-simple .sub-step-btn-box {position:absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -68px; width:100%;} 
.modal-simple .sub-step-btn-box .sub-step-btn {position:relative; display: block; width: 200px; height: 48px; line-height: 48px; padding-top: 2px; border-radius: 20px 20px 0 20px; background: #404751; font-weight: 600; font-size: 1.6rem; text-align: center; cursor: pointer; transition:0.2s; color:#fff} 

.modal-simple .sub-step-btn-box .sub-step-btn.active { background: #f08730; color: #ffffff; }
.modal-simple .sub-step-btn-box .sub-step-btn.gray { background: #ededed; color: #000000; } 
.modal-simple .sub-step-btn-box .top-close-btn {display:flex; justify-content: center; width:160px; border: 4px solid #ededed; line-height:40px; background:#ededed; color:#404751;}
.modal-simple .sub-step-btn-box .top-close-btn:after {content:''; display:inline-block; position:relative; margin-left:6px; top:5px; width:26px; height:26px; background:url("../img/common/icon-close.svg") center no-repeat; background-size: contain;}
.modal-simple .sub-step-btn-box .sub-step-btn:hover,
.modal-simple .sub-step-btn-box .sub-step-btn:focus {background:#161616; color:#fff;}
.modal-simple .sub-step-btn-box .top-close-btn:hover,
.modal-simple .sub-step-btn-box .top-close-btn:focus {background:#fff; border: 4px solid #5E8BF0; padding-top:2px; color:#404751;}

.modal-simple .sub-step-btn-box .sub-step-btn + .sub-step-btn { margin-left: 16px; }

.modal-simple .modalbody p:has(iframe) {position:relative; max-width:100%; padding-top: 56.25%;}
.modal-simple iframe {position:absolute; top:0; width:100%; height:100% !important;  left: 50%; transform: translateX(-50%); object-fit: cover;}


@media (max-width: 1000px) {
	.modal-simple {width:auto; min-width:500px;}	
	.modal-simple:has(img) {min-width:auto;}
	.modal-simple.modal95 {max-width: 95vw; height: auto;}
	.modal-simple img { max-width: calc(95vw - 40px);}
}

@media (max-width: 767px) {		
	.modal-simple .tit-wrap .tit {font-size:1.6rem;}
	.modal-simple .form-box-tit {font-size:1.4rem;}
	.modal-simple .tit-wrap .top-close-btn {width:20px; height:20px;}
	.modal-simple iframe {width:100%;}
}

@media (max-width: 600px) {
	.modal-simple {min-width:95vw;}
	.modal-simple .table-basic {table-layout: auto; min-width:600px; }
	.modal-simple .ul-list li {font-size:1.2rem;}
}

@media (max-width: 480px) {
	.modal-simple .sub-step-btn-box .sub-step-btn {font-size:1.4rem; width:50%;}
	.modal-simple .sub-step-btn-box .sub-step-btn + .sub-step-btn {width:50%;}
}









/* 240422 메인 간소화 */
.main.simple .search-box {padding-left: 16px;}


/* 예약기관 */
.main-map {padding-bottom:160px; background-image: url("../img/main/main-book-bg01.png"),  url("../img/main/main-book-bg02.png"); background-repeat:no-repeat; background-position: top left, bottom right;}
.main.simple .main-book  {align-items: normal; gap:12px; height:450px; margin-top:60px; padding-top:0;}
.main.simple .main-book .inner {position:relative; display:flex; flex-direction: column;  border-radius:40px; -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078);  overflow:hidden; flex-wrap: wrap; flex-direction: column;}

.main.simple .main-book .book-title {position:relative; display:flex; width:100%; height:68px; background:var(--main-blue); font-size:2.8rem; color:#fff; align-items: center; justify-content: center; padding-top:4px;}
.main.simple .main-book .book-title + div,
.main.simple .main-book .book-title + ul {height:calc(100% - 68px);}

.main.simple .main-book .check-box .check-box-input { width: 24px !important; height: 24px !important; border: none !important; } 
.main.simple .main-book .check-box .check-box-input:checked + .check-box-label::before { background: url("../img/common/icon-checkbox-checked-v2.svg") no-repeat center; background-size: contain;} 
.main.simple .main-book .check-box .check-box-input.readonly:checked + .check-box-label::before, .check-box .check-box-input:disabled:checked + .check-box-label::before { background: url("../img/common/icon-checkbox-checked-grey.svg") no-repeat center; background-size: contain;} 
.main.simple .main-book .check-box .check-box-label { display: inline-block; position: relative; height: 24px; font-size: 1.2rem; padding-left: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.main.simple .main-book .check-box .check-box-label::before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; content: ""; width: 24px; height: 24px; background: url("../img/common/icon-checkbox-default.svg") no-repeat center; background-size: contain;} 
.main.simple .main-book .check-box .check-box-label.no-txt { padding-left: 24px; } 
.main.simple .main-book .check-box .check-box-label .blue { color: #5e8bf0; } 
.main.simple .main-book .check-box .check-box-label.underline { -webkit-text-decoration: underline #404751; text-decoration: underline #404751; } 


.main.simple .main-book .book-option-wrap  {width:290px;}
.main.simple .main-book .book-option-wrap .book-option-list {display:flex; gap:8px; flex-direction: column; background:#F8F8F8; padding:16px 8px 30px 8px; overflow:hidden;}
.main.simple .main-book .book-option-wrap .book-option-list li a {position:relative; display:flex; width:100%; height:40px;     align-items: center; font-size:1.6rem; background:#fff; border:1px solid #D9D9D9; border-radius:20px; color:#8E8E8E; padding:0 14px;}
.main.simple .main-book .book-option-wrap .book-option-list li.on a {background:var(--main-blue); border:1px solid var(--main-blue); color:#fff;}
.main.simple .main-book .book-option-wrap .mCSB_container {margin-right:16px; display:flex; flex-direction:column; gap:8px; overflow:hidden;}


.main.simple .book-map-wrap {width:calc(100% - 628px); border:2px solid #5E8BF0;}
.main.simple .book-map-wrap .check-box {position:absolute; right:40px; top:70px;}
.main.simple .book-map-wrap .check-box .check-box-label {font-size: 1.6rem; padding-top: 2px; padding-left:32px;}
.main.simple .book-map-wrap .check-box .check-box-input:checked + .chCeck-box-label {color: var(--main-blue);}
.main.simple .book-map-wrap .book-map-list {position:relative; top:-50px; left:-20px; margin: 0 auto;}
.main.simple .book-map {order: inherit; flex:0 1 calc(100% - 628px); height:100%; margin: 0 auto;}
.main.simple .book-map-btn {font-size:1.4rem; width:160px; height:38px; line-height:38px; top:inherit; bottom:0;}


.main-book .book-map-wrap .radio-box {position:absolute; display:flex; flex-direction: column; align-items: flex-end; gap: 2px;right: -80px; top: 70px;}
.main-book .book-map-wrap .radio-box:last-child {margin-right: 0;}
.main-book .book-map-wrap .radio-box .radio-btn {    width: 16px !important; height: 16px !important; border: none !important; border-radius: 8px !important; padding: 0 !important;}
.main-book .book-map-wrap .radio-box .radio-btn:checked + .radio-label::before {background: url("../img/common/icon-radio-checked.svg") no-repeat center;}
.main-book .book-map-wrap .radio-box .radio-btn:disabled:checked + .radio-label::before, 
.main-book .book-map-wrap .radio-box .radio-btn.readonly:checked + .radio-label::before {background: url("../img/common/icon-radio-checked-grey.svg") no-repeat center;}
.main-book .book-map-wrap .radio-box .radio-label {display: inline-block; position: relative; min-width: 16px; min-height: 16px; padding-left: 24px; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.main-book .book-map-wrap .radio-box .radio-label::before {position: absolute; left: 0; display: block; content: ""; width: 16px; height: 16px; background: url("../img/common/icon-radio-default.svg") no-repeat center;}

.main.simple .main-book .book-lecture-wrap {display:flex; flex-direction: column; width:414px; gap:12px;}
.main.simple .main-book .book-lecture-wrap .check-box input[type="checkbox"], 
.main.simple .main-book .book-lecture-wrap .check-box .check-box-label::before {left:inherit; right:0;}
.main.simple .main-book .book-lecture-wrap .check-box .check-box-input:checked + .check-box-label {color: var(--main-blue);}
.main.simple .main-book .book-lecture-wrap .list-wrap {height: calc(100% - 80px);}
.main.simple .main-book .book-lecture-wrap .book-lecture-inner {padding:18px 28px;}
.main.simple .main-book .book-lecture-wrap .all-check {position:relative; margin:0 15px 16px 0;}
.main.simple .main-book .book-lecture-wrap ul {display:flex; flex-direction: column; gap:8px; height: calc(100% - 50px); overflow:hidden;}
.main.simple .main-book .book-lecture-wrap li {position:relative;}
.main.simple .main-book .book-lecture-wrap .check-box-label {position:relative; display: flex; padding-left:0;  font-size:1.6rem; color:#8E8E8E; font-weight:500; align-items: center; width: 100%;}
.main.simple .main-book .book-lecture-wrap .check-box-label span {display:block; position:relative;  width:calc(100% - 32px); overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.main.simple .main-book .book-lecture-wrap .mCSB_container {margin-right:16px; display:flex; flex-direction:column; gap:8px;}

.main.simple .main-book .book-lecture-wrap .book-fi-btn {display: flex; position: relative; width:100%; height:68px; background: #f08730; border-radius:999px; font-size:2.0rem; color:#fff; justify-content: center; align-items: center; -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.078);}
.main.simple .main-book .book-lecture-wrap .book-fi-btn span {display: flex; position:relative; gap: 8px;}
.main.simple .main-book .book-lecture-wrap .book-fi-btn span:after {content:""; display:block; position:relatie; width:24px; height:24px; border-radius:24px; background:#FFDCA3 url("../img/common/icon-arrow-right-footer-white.svg") 0 0/100%;}


.main.simple .map-character {bottom:-100px; left: -100px; z-index: 1;  pointer-events: none;}
.main.simple .character-bottom {position:absolute; width:200px; height: 200px; top:0; right:0;}
.main.simple .character-03 {bottom: 10px;left: 0;width: 120px;} 
.main.simple .character-04 {bottom: 0;right: 0;width: 120px;} 
.main.simple .character-05 {bottom: 140px;right: 0;width: 40px;} 


@media (max-width: 1600px) {
	.main.simple .main-book .book-option-wrap {width: 220px;}
	.main.simple .book-map-wrap {min-width:750px;}
	
	.main.simple .notice-cha.right {bottom: -100px; right:0;}
	.main.simple .map-character {left:0;}
	.main.simple .book-map-wrap .book-map-list {left:-30px; top: -30px;}
	.main.simple .book-map-wrap .book-map-list .js-mapImg {height: 450px;}
	.main.simple .book-map-wrap .radio-box  {top:60px; right: -60px;}
	.main.simple .book-map-wrap .check-box  {top:60px;}
}

@media (max-width: 767px) {
	
	
	.main.simple .main-book {height: auto; display:flex; width:100%; flex-direction: column; flex-wrap: wrap;}
	.main.simple .main-book .book-option-wrap {width: 100%; height: 215px;}
	.main.simple .main-book .book-title {height: 48px; font-size: 2.0rem;}
	.main.simple .main-book .book-title + div,
	.main.simple .main-book .book-title + ul {height:calc(100% - 48px);}
	.main.simple .main-book .book-option-wrap .mCSB_container {flex-direction: row; flex-wrap: wrap;}
	.main.simple .main-book .book-option-wrap .book-option-list {padding: 16px 8px 25px 8px;}
	.main.simple .main-book .book-option-wrap .book-option-list li {width: calc(50% - 4px);}
	.main.simple .main-book .book-option-wrap .book-option-list li a {font-size: 1.4rem; height: 36px;}
	
	.main.simple .book-map-wrap .book-map-list {top:40px; left:auto;}
	.main.simple .book-map-wrap {width: 100%; min-width: 100px;}
	.main.simple .book-map-wrap .radio-box {flex-direction: row; top:15px; left:20px; gap:6px;}
	.main-book .book-map-wrap .radio-box .radio-label {padding-left:18px;}
	.main.simple .book-map-btn {position: absolute; margin-bottom:0; right: 90px; bottom:100px;}
	.main.simple .book-map-btn + p {right: 78px; top: -20px;}
	.main.simple .book-map-expand {top: -30px; right: 20px;}
	.main.simple .book-map-wrap .check-box {right:inherit; left:20px; top:-20px;;}
	
	.main.simple .book-map .mab-back {top:calc(50% - 16px);}
	
	
	.main.simple .main-book .book-lecture-wrap {width: 100%; height:340px;}
	.main.simple .main-book .book-lecture-wrap .list-wrap {height: calc(100% - 72px);}
	.main.simple .main-book .book-lecture-wrap .all-check {margin: 0 15px 12px 0;}
	.main.simple .main-book .book-lecture-wrap ul {height: calc(100% - 46px);}
	.main.simple .main-book .book-lecture-wrap .check-box-label {font-size: 1.4rem;}
	.main.simple .main-book .book-lecture-wrap .book-fi-btn {height: 60px;}
	.main.simple .main-book .book-lecture-wrap .mCSB_container {gap:4px;}
	
	.main.simple .map-character {top: inherit; bottom: 470px; left:0;}
	
}

@media (max-width: 600px) {
 	.main.simple .notice-cha.right {bottom:-80px;}
 	.main.simple .main-book {margin-top: 40px;}
 	.main.simple .book-map-wrap .book-map-list {top: 60px;}
 	.main.simple .book-map-wrap .book-map-list .js-mapImg {height: auto;}
	.main.simple .book-map-wrap .radio-box {top: 0;}
	.main.simple .book-map-btn {right: 50px;}
	.main.simple .book-map-btn + p {right: 78px; top: -50px;}
	.main.simple .book-map-expand {top: -60px; right: 20px;}
	.main.simple .book-map-wrap .check-box {right:inherit; left:20px; top:-40px;;}
	.main.simple .map-character {bottom:450px;}
	
}

@media (max-width: 560px) {
    .main.simple .book-map .mab-back {top:calc(50% - 16px);}
}

@media (max-width: 480px) {
 	.main.simple .notice-cha.right {bottom:-60px;}
 	.main.simple .notice-cha.right .cha {width:80px;}
	.main.simple .map-character {bottom:430px;}
 	
 	.main.simple .book-map-expand {right:10px;}
	.main.simple .book-map-btn + p {font-size : 1.1rem; right: 35px;}
	.main.simple .book-map-wrap .check-box{top: -50px;}
	.main.simple .book-map-wrap .check-box .check-box-label {font-size:1.4rem;}
	.main.simple .book-map-btn {font-size: 1.3rem; height: 30px; line-height: 30px; width: 140px; right: 50px; bottom: 80px;}
	.main.simple .book-map-wrap .radio-box {top: -10px;}
}





/* 250609 검색창 모바일 변경 - 반영 보류 */
/* 
.main .search-txt-mobv {display:none;}
@media (max-width: 560px) {
	.main-visual {min-height:690px;}
	.main-visual::before {height: 260px;}
	.main .search-title.pcv {display:none;}
	.main .search-txt-mobv {display:flex; gap:4px; align-items: baseline;}
	.main .search-txt-mobv .search-title {padding-top:0;}
	.main .search-hashtag {display:none;}
	.main-visual .main-section .main-center .main-textbox {order:1;}
	.main .search-main {border: 1px solid #cdcdcd;}
	
}

@media (max-width: 460px) {
	.main-visual {min-height:600px;}
	.main-visual::before {height: 210px;}
	
}
*/



/* 251226 메인 자동완성 위치 변경 */
.autoSearch {background:#fdfdfd; width:100%;}





/* 260721 메인 수신동의 배너 */
/* .notice-popup {position:fixed; z-index:999; width:600px; height:auto; right:0; bottom:0; border-radius:24px 24px 0 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); background:#fff; padding:24px;  font-size:1.6rem;}

.notice-popup .notice-title p {background: url(../img/common/gnb_ico10.png) no-repeat left top; background-size:34px; font-size: 2.4rem; font-weight:600; padding-left: 38px; margin-bottom:24px;}
.notice-popup .notice-con {padding-bottom:16px;}
.notice-popup .notice-con .cc {color:var(--color-sub); font-size: 1.8rem; padding-bottom:16px;}
.notice-popup .notice-con .cc b {font-weight:600;}
.notice-popup .notice-con .alert {display:flex; gap: 8px;}
.notice-popup .notice-con .more {display:flex; gap: 2px; text-decoration:underline; text-underline-position: under; }
.notice-popup .notice-con .more::after {display:block; content:''; width:16px; height: 16px; background:url(../img/common/icon-gnb-m-arrow.svg) no-repeat right top;}
.notice-popup .notice-con:has(.scroll.is-open) .more::after {transform: rotate(180deg);}
.notice-popup .register-agree-content .register-agree-content-row {margin-bottom:22px;}
.notice-popup .register-agree-content .register-agree-title {margin-bottom: 5px;  font-size: 1.6rem; font-weight: 700;}
.notice-popup .register-agree-content .register-agree-description {padding-left: 16px; font-size: 1.4rem;  color: #8e8e8e;  line-height: 2;}
.notice-popup .scroll {border-radius:16px; border: 1px solid transparent; padding: 0; max-height: 0; overflow:auto; transition: max-height 0.3s ease, padding 0.3s ease;}
.notice-popup .scroll.is-open { max-height: 200px;  border: 1px solid #e9edf5; padding: 16px;}
.notice-popup .bottom-wrap {display:flex; padding-top: 16px;flex-direction: column;     align-items: center; border-top: 1px solid #EDEDED;}
.notice-popup .bottom-wrap div {display:flex; align-items: center; gap: 8px;}
.notice-popup .bottom-wrap .btn {width: 160px; padding: 8px 0; background:#ee823f; color:#fff; border-radius:8px; text-align:center;}
.notice-popup .bottom-wrap .btn.not {background:#e3e3e3; color:#666;}


 */
 
 /* 260721 메인 수신동의 배너 */
.notice-popup {position:fixed; z-index:999; right:24px; bottom:0; width:min(600px, calc(100vw - 32px)); height:auto; overflow:visible; box-sizing:border-box; color:#343942; font-size:1.6rem; background:#fff; border:1px solid #e4e9f1; border-bottom:0; border-radius:24px 24px 0 0; box-shadow:0 -8px 32px rgba(28, 48, 80, 0.14);}


/* 제목 */
.notice-popup .notice-title {position:relative; overflow:hidden; padding:32px 28px 0; border-radius:23px 23px 0 0;}
.notice-popup .notice-title::before {position:absolute; top:0; left:0; width:100%; height:5px; content:""; background:linear-gradient(90deg, var(--color-sub) 0%, #7298f5 72%, #ee823f 100%);}
.notice-popup .notice-title p {position:relative; z-index:0; min-height:42px; margin-bottom:22px; padding-left:50px; font-size:2.4rem; font-weight:700; line-height:1.4; letter-spacing:-0.04em; }
.notice-popup .notice-title p::before {position:absolute; z-index:-1; top:-5px; left:-6px; width:46px; height:46px; content:"";  background:#eef4ff url(../img/common/gnb_ico10.png) no-repeat center / 34px; border-radius:14px;}

/* 본문 */
.notice-popup .notice-con {padding:0 28px 24px;}
.notice-popup .notice-con .cc {margin-bottom:16px; padding:15px 17px; color:#315fbd; font-size:1.8rem; line-height:1.6; letter-spacing:-0.025em; background:linear-gradient(135deg, #f1f6ff, #f8faff); border:1px solid #dbe7ff; border-radius:12px;}
.notice-popup .notice-con .cc b {font-weight:700;}

/* 약관 열기 */
.notice-popup .notice-con .alert {display:flex; align-items:center; justify-content:space-between; gap:12px;}
.notice-popup .notice-con .alert > p {color:#4c535e; font-weight:600;}
.notice-popup .notice-con .more {display:inline-flex; flex-shrink:0; align-items:center; gap:7px; min-height:38px; padding:0 12px; color:#445167; font-size:1.4rem; text-decoration:none; background:#f5f7fa; border:1px solid #e0e5ed; border-radius:8px; transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;}
.notice-popup .notice-con .more:hover {color:var(--color-sub); background:#eef4ff; border-color:#b9cdf8;}
.notice-popup .notice-con .more::after {display:block; width:7px; height:7px; content:""; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform 0.25s ease;}
.notice-popup .notice-con:has(.scroll.is-open) .more::after {transform:translateY(2px) rotate(225deg);}

/* 약관 내용 */
.notice-popup .scroll {max-height:0; margin-top:0; overflow:auto; box-sizing:border-box; background:#fbfcfe; border:1px solid transparent; border-radius:12px; transition:max-height 0.3s ease, margin-top 0.3s ease, padding 0.3s ease, border-color 0.3s ease;}
.notice-popup .scroll.is-open {max-height:200px; margin-top:14px; padding:17px; border-color:#e1e7f0;}
.notice-popup .register-agree-content {word-break:keep-all;}
.notice-popup .register-agree-content b {font-weight:700;}
.notice-popup .register-agree-content .register-agree-intro {margin-bottom:18px; padding:13px 15px; color:#596474; font-size:1.4rem; line-height:1.65; background:#f3f6fa; border:1px solid #e3e9f1; border-radius:8px;}
.notice-popup .register-agree-content .register-agree-intro p {position:relative; margin-bottom:3px; padding-left:11px;}
.notice-popup .register-agree-content .register-agree-intro p:last-child {margin-bottom:0;}
.notice-popup .register-agree-content .register-agree-intro p::before {position:absolute; top:0.78em; left:0; width:3px; height:3px; content:""; background:#8995a6; border-radius:50%;}
.notice-popup .register-agree-content .register-agree-heading {position:relative; margin-bottom:18px; padding:0 0 11px 13px; border-bottom:1px solid #e3e8ef; color:#4c535e;}
.notice-popup .register-agree-content .register-agree-content-row {margin-bottom:18px;}
.notice-popup .register-agree-content .register-agree-content-row:last-child {margin-bottom:0;}
.notice-popup .register-agree-content .register-agree-title {position:relative; margin-bottom:7px; padding-left:17px; color:#343b46; font-size:1.5rem; font-weight:700; line-height:1.5;}
.notice-popup .register-agree-content .register-agree-title::before {position:absolute; top:0.57em; left:1px; width:7px; height:7px; box-sizing:border-box; content:""; border:2px solid var(--color-sub); border-radius:50%;}
.notice-popup .register-agree-content .register-agree-description {color:#6f7783; font-size:1.4rem; line-height:1.75;}
.notice-popup .register-agree-content .register-agree-text {position:relative; margin-bottom:5px; padding-left:17px;}
.notice-popup .register-agree-content .register-agree-text:last-child {margin-bottom:0;}
.notice-popup .register-agree-content .register-agree-text::before {position:absolute; top:0.84em; left:3px; width:6px; height:1px; content:""; background:#929aa6;}
.notice-popup .register-agree-content .register-agree-notice {position:relative; margin-top:8px; padding:9px 11px 9px 30px; color:#657084; font-size:1.3rem; line-height:1.7; background:#f1f5fa; border-radius:7px;}
.notice-popup .register-agree-content .register-agree-notice::before {position:absolute; top:9px; left:11px; content:"※"; color:#526b98; font-weight:700;}
/* 하단 동의 영역 */
.notice-popup .bottom-wrap {display:flex; align-items:center; flex-direction:column; padding:18px 28px 22px; background:#f7f8fa; border-top:1px solid #e6e9ee;}
.notice-popup .bottom-wrap > .agree {margin-bottom:12px; color:#343942; font-weight:600; text-align:center;}
.notice-popup .bottom-wrap > div {display:flex; align-items:center; justify-content:center; gap:10px; width:100%;}
.notice-popup .bottom-wrap .btn {display:flex; align-items:center; justify-content:center; width:160px; min-height:44px; box-sizing:border-box; color:#fff; font-weight:700; text-decoration:none; background:linear-gradient(135deg, #f38a47, #e97230); border:1px solid #e97230; border-radius:9px; box-shadow:0 5px 12px rgba(225, 104, 41, 0.2); transition:transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;}
.notice-popup .bottom-wrap .btn:hover {box-shadow:0 8px 16px rgba(225, 104, 41, 0.28);}
.notice-popup .bottom-wrap .btn.not {color:#59616d; background:#e4e7eb; border-color:#e4e7eb; box-shadow:none;}
.notice-popup .bottom-wrap .btn.not:hover {color:#343942; background:#d9dde3;}
.notice-popup a:focus-visible {outline:3px solid rgba(49, 95, 213, 0.3); outline-offset:2px;}


.notice-popup-dim {display: none; position: fixed; z-index: 998;  top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}

/* 팝업 닫기 */
.notice-popup .notice-popup-close {position:absolute; z-index:2; top:0; right:-20px; width:42px; height:42px; padding:0; color:#5c6675; background:#fff; border:1px solid #dfe5ed; border-radius:50%; box-shadow:0 4px 14px rgba(28, 48, 80, 0.18); cursor:pointer; transform:translate(-50%, -50%); transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;}
.notice-popup .notice-popup-close::before, .notice-popup .notice-popup-close::after {position:absolute; top:50%; left:50%; width:17px; height:2px; content:""; background:currentColor; border-radius:2px;}
.notice-popup .notice-popup-close::before {transform:translate(-50%, -50%) rotate(45deg);}
.notice-popup .notice-popup-close::after {transform:translate(-50%, -50%) rotate(-45deg);}
.notice-popup .notice-popup-close:hover {color:#fff; background:#58677c; border-color:#58677c;}
.notice-popup .notice-popup-close:focus-visible {outline:3px solid rgba(49, 95, 213, 0.3); outline-offset:3px;}

/* 모바일 */
@media (max-width:640px) {
    .notice-popup {right:0; width:100%; max-height:calc(100vh - 20px); border-radius:20px 20px 0 0;}
    .notice-popup .notice-title {padding:28px 20px 0; border-radius:19px 19px 0 0;}
    .notice-popup .notice-title p {padding-left:43px; font-size:2rem; background-size:30px;}
    .notice-popup .notice-title p::before {width:40px; height:40px;}
    .notice-popup .notice-con {padding:0 20px 20px;}
    .notice-popup .notice-con .cc {font-size:1.6rem;}
    .notice-popup .bottom-wrap {padding:17px 20px 20px;}
    .notice-popup .bottom-wrap .btn {flex:1; width:auto;}
}

@media (max-width:400px) {
    .notice-popup .notice-con .alert {align-items:flex-start; flex-direction:column; gap: 4px;}
	.notice-popup .notice-title p {font-size:1.9rem;}
	.notice-popup .notice-con .cc {font-size:1.4rem; padding:12px 14px;}
}