/* 2026.추가 및 수정정(hji) */
/* 메인컨텐츠 */
.index-content { padding: 0 20px;}
.index-content > div { padding: 20px 0; font-size: 0;}
.index-content > div a:nth-child(1) { margin-left: 0;}
.index-content a { display: inline-block; width: calc(50% - 7px); height: 105px; margin: 14px 0 0 14px; padding: 14px 16px; font-family: 'Ria'; font-size: 1.5rem; line-height: 120%; border-radius: 25px; vertical-align: top; letter-spacing: -1.5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);}
.index-content a b { display: block; font-size: 1.95rem; font-family: 'Ria'; line-height: 130%; }
.index-content a span { font-family:'Pretendard'; }
.index-content a b span { font-size: 1.95rem; font-family: 'Ria'; font-weight: normal;}
.index-content .indexA-1 a:nth-child(odd) { margin-left: 0;}
.index-content .indexA-1 a:nth-child(1) { width: calc(67% - 7px); margin-top: 0; color: #fff; background: #1d1d21 url('/img/index/box_bg1.png') no-repeat right 12px bottom 13px/31px;} 
.index-content .indexA-1 a:nth-child(1) img { width: 18px; margin-left: 5px;}
.index-content .indexA-1 a:nth-child(2) { width: calc(33% - 7px); margin-top: 0; background: #fff url('/img/index/box_bg2.png') no-repeat right 17px bottom 12px/28px;}
.index-content .indexA-1 a:nth-child(3) { background: #fff url('/img/index/box_bg3.png') no-repeat right 17px bottom 12px/29px;}
.index-content .indexA-1 a:nth-child(4) { background: #fff url('/img/index/box_bg4.png') no-repeat right 17px bottom 14px/35px;} 
.index-content .indexA-2 a { width: calc(33.33% - 9.33px); padding: 53px 0 12px; text-align: center;}
.index-content .indexA-2 a b { font-size: 1.85rem; line-height: 130%;}
.index-content .indexA-2 a:nth-child(1) { color: #fff; background: #3a42b8 url('/img/index/box_bg5.png') no-repeat 50% 15px/19px;}
.index-content .indexA-2 a:nth-child(2) { color: #fff; background: #7f31ce url('/img/index/box_bg6.png') no-repeat 50% 15px/31px;}
.index-content .indexA-2 a:nth-child(3) { background: #fff url('/img/index/box_bg9.png') no-repeat 50% 13px/35px;}
.index-content .indexA-3 a { height: 65px; }
.index-content .indexA-3 a b { font-size: 1.8rem; line-height: 130%;}
.index-content .indexA-3 a:nth-child(1) { background: #fff url('/img/index/box_bg7.png') no-repeat right 15px bottom 13px/32px;}
.index-content .indexA-3 a:nth-child(2) { background: #fff url('/img/index/box_bg8.png') no-repeat right 15px bottom 14px/30px;}

/* 컨텐츠 */
#contentsPrint { padding: 20px 20px 20px; background: #efefef;}
h2 { margin: 0 0 15px 5px; padding-bottom: 15px; font-size:2.5rem; font-family: 'Ria'; text-align: center; line-height: 100%; border-bottom:1px solid rgba(0, 0, 0, 0.15); }
h2 span { margin-right: 7px; font-size:2.5rem; font-family: 'Ria'; font-weight: 400; line-height: 100%;}
h2.mb10 { margin-bottom: 10px;}

/* 탭메뉴 */
.tabA { position: relative; width: 100%; padding: 0 18px; font-size: 0; background: #222;}
.tabA > li { display: inline-block; width:33.33%; background: url('/img/comm/tab_line.png') no-repeat 0 0; }
.tabA > li:last-child {  background: url('/img/comm/tab_line.png') no-repeat 0 0, url('/img/comm/tab_line.png') no-repeat right 0; }
.tabA > li > a { display:block; width: 100%; height: 60px; padding-left: 5px; line-height: 60px; color: #fff; font-weight: 500; font-size: 1.5rem; text-align: center;}
.tabA > li:last-child  > a { padding-right: 5px;}
.tabA > li.tabA_on > a { position: relative; color:#a1fe71; font-weight:600; }
.tabA > li.tabA_on > a::after { content: ''; position: absolute; left: 50%; top: 60px; transform: translate(-50%, 0%);width: 0; height: 0;
    border-top: 10px solid #222;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; z-index: 9;}
    
.tabA_view { position: relative; width: 100%; display: inline-block; background: #fff;}
.tabA_view > li { display:none; position: relative; }
.tabA_view > li div.tab_con { padding-top: 45px;}

/* 모달레이어창 */
.modal { display: none; position: fixed; inset: 0; width: 100%; max-width: 768px; height: 100%; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); z-index: 9999; align-items: center; justify-content: center; }
.modal-content { 
    position: relative; 
    width: calc(100% - 40px); 
    max-width: 400px; 
    max-height: 90vh; 
    margin: 20px auto; 
    background: #fff; 
    border-radius: 30px;
    display: flex;          /* Flexbox 적용 */
    flex-direction: column; /* 세로 방향 정렬 */
    overflow: hidden;       /* 모달 바깥으로 둥근 모서리가 깎이도록 처리 */
}

/* 중간에 낀 div 처리 */
.modal-content > div {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    height: 100%;
}
.modal-content div.info { 
    width: 100%; 
    flex: 1;                /* 남은 공간을 모두 차지하도록 설정 */
    min-height: 0;          /* flex 자식 요소가 콘텐츠에 의해 무한히 커지는 현상 방지 */
    padding: 0 20px 20px; 
    font-size: 1.6rem; 
    overflow-y: auto;       /* 내용이 넘칠 때 스크롤 생성 */
}




#modal-body    { display: block; max-height: calc(85vh - 100px); overflow-y: auto; padding-bottom: 10px; }
.modal-scroll-down { display: none; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 45px; height: 45px; text-align: center; border: 0; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; font-size: 28px; line-height: 30px; cursor: pointer; z-index: 10; }
.modal-scroll-down img { width:20px; }
.modal-scroll-down.scroll-top img { transform:rotate(180deg); }

.modal-content h2 { width: 100%; margin:0; padding: 17px 60px 15px 20px; font-size: 2.2rem; font-weight: bold; font-family: 'Ria'; text-align: left; line-height: 130%; color: #fff;  background: #532f19; border-radius: 25px 25px 0 0; border: none;}
.modal-content h2 span { display: block; padding-top: 5px; font-size: 1.6rem; font-family: initial; }
.modal-content h2~p { width: 100%; margin: 10px 0; padding-left: 20px; font-size: 1.7rem; line-height: 120%;} 
.modal-content h2~span { margin-top: 54px;}
.modal-content h2.bg1 { background: #774fc0; }
.modal-content h2.bg2 { background: #4181e2; }
.modal-content h2.bg3 { background: #ef5b8c; }
.modal-content h2.bg4 { background: #2db87f; }
.modal-content h2.bg5 { background: #f0870a; }
.modal-content img.i140 { display: table; width: 140px; margin: 15px auto; }
.modal-content img.i160 { display: table; width: 160px; margin: 15px auto; }
.modal-content img.i180 { display: table; width: 180px; margin: 15px auto; }
.modal-content img.i200 { display: table; width: 200px; margin: 15px auto; }
.modal-content img.i220 { display: table; width: 220px; margin: 15px auto; }
.modal-content img.bm0 { margin-bottom: 0; }
.modal-content.b_bg { background:linear-gradient( to bottom, #fff 550px, #efefef calc(100% - 550px));}
.modal-content div.info { 
    width: 100%; 
    max-height: 400px; /* 이 높이를 넘어가면 자동으로 스크롤 생성 */
    padding: 0 20px 20px; 
    font-size: 1.6rem; 
    overflow-y: auto;
}

.modal-content div.info > span { display: table; margin: 15px auto; width:100%; padding: 7px 12px; font-weight: 600; font-size: 1.8rem; text-align: center; background: #ededed; border-radius: 15px; }
.modal-content div.info > span.mb { margin-bottom: 7px;}
.modal-content div.info > span.mt { margin-top: 0;}
.modal-content div.info > span span { font-size: 1.6rem; }
.modal-content div.info > span span.t-s { display: block; margin-top: 5px; font-size: 1.5rem; font-weight: 500; line-height: 130%;}
.modal-content div.info > span span.t-s b { font-weight: 600; line-height: 130%; background: #fffea4; }
.modal-content div.info p  { margin-bottom: 10px; font-size: 1.6rem; line-height: 140%; }
.modal-content div.info p.f-s  { font-size: 1.4rem; line-height: 120%; color: #777; }
.modal-content div.info p.f-s~span { margin-top: 20px;}
.modal-content div.info p.stit  { font-size: 1.8rem; font-weight: 600; }
.modal-content div.info p:last-child  { margin-bottom: 0;  }
.modal-content div.info p span { font-size: 1.6rem; font-weight: bold; background: #fffea4; }
.modal-content div.info p.taC  { text-align: center; }
.modal-content div.info.i2 { padding:0 0 0 0;}
.modal-content div.info.i2 p { padding:0 20px; font-size: 1.6rem; }
.modal-content div.info.i2 > span { margin: 15px 20px; width:calc(100% - 40px); line-height: 125%; }
.modal-content div.info.i2 p.f-s  { font-size: 1.5rem; line-height: 120%; color: #222; }
.modal-content div.info.i2 p.f-s span { font-size: 1.5rem; }
.modal-content div.info.i2 p.box  { width: calc(100% - 40px); margin: -10px auto 10px; padding: 7px 10px; font-weight: 500; text-align: center; font-size: 1.6rem; font-weight: bold; background: #fff0f1; border-radius: 10px; }

.modal-content div.info ul.w { margin: 20px 0 10px; font-size: 0; text-align: center; }
.modal-content div.info ul.w li { display: inline-block; width: calc(50% - 10px); font-size: 1.6rem;  vertical-align: top;}
.modal-content div.info ul.w li:first-child { margin-right: 20px;}
.modal-content div.info ul.w li span { display: block; padding: 7px 3px; font-size: 1.6rem; background: #ebeff3; border-radius: 15px; line-height: 120%;}
.modal-content div.info ul.w li img { display: table; width: 100px; margin: 0 auto 10px; }
.modal-content div.info ul.w.i3 li  { width: calc(33.33% - 7px); margin-left: 10.5px; }
.modal-content div.info ul.w.i3 li:first-child { margin-right: 0; margin-left: 0;}

.modal .close {  position: absolute; top: 12px; right: 7px; width: 43px; height: 43px; font-size: 0; background: url('/img/comm/btn_close.png') no-repeat 0 0/38px; cursor: pointer;}
.modal .close.bg { background-image: url('/img/comm/btn_close_b.png') ;}
.modal-content .btn { display: table; height: 45px; margin: 10px auto; padding: 8px 20px; font-size: 1.8rem; color: #a1fe71; font-family: 'Ria'; font-weight: bold;  background: #1d1d21;  border-radius: 30px; cursor: pointer; }

/* 시작전_필수체크 */
.modal .start { margin-bottom: 25px; text-align: center; font-family: 'Ria'; font-size: 1.5rem; line-height: 170%;}
.modal .start img { margin-bottom: 15px; width: 100%; border-radius: 25px 25px 0 0; }
.modal .start a { margin-top: 15px; }
.modal .start b { font-family: 'Ria'; font-size: 1.55rem;}
.modal .start b.name { margin-right: 3px; border-bottom: 1px solid #999;}

.time_start { position: relative; margin: 2px 0; font-size: 1.6rem; font-weight: 400; font-family: 'Ria'; line-height: 100%; letter-spacing: -1px;}
.time_start h3 { position: relative; margin: 2px 0; font-size: 1.6rem; font-weight: 400; font-family: 'Ria'; line-height: 100%; letter-spacing: -1px;}
.time_start h3 b { font-family: 'Ria';  }
.time_start h3:before { position: relative; display: inline-block; width: 45px; height: 25px; margin-right: 5px; text-align: center; font-size: 1.2rem; line-height: 25px; color: #fff; border-radius: 20px;  vertical-align: middle;}
.time_start h3.no1:before { content: '필수'; background: #dc1f35;}    
.time_start h3.no2:before { content: '선택'; background: #11a568;}
.time_start > p  { font-size:1.6rem; font-family: 'Ria'; text-align: center; line-height: 140%;}
.time_start > p b  { font-family: 'Ria'; }

.time_start details { width: 100%; margin: 15px 0; padding: 10px 12px; border-radius: 30px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.07); cursor: pointer; }
.time_start summary { position: relative; display: flex; width:100%; line-height: 100%; cursor: pointer; list-style: none; justify-content: space-between; align-items: center;}
.time_start summary::-webkit-details-marker {display: none;}
.time_start summary > img { position: absolute; right: 35px; height: 20px;}
.time_start details .arrow { display: inline-block; width: 30px; height: 30px; background: url("/img/contents/ico_arr_gray.png") no-repeat 50% 50%; background-size: contain; transition: transform 0.2s ease;}
.time_start details[open] .arrow { transform: rotate(180deg);}
.time_start .content {  margin-top: 7px; padding: 10px 0 0; border-top: 1px solid #eee;}
.time_start .content > div { padding: 15px 20px; background: #f5f5f5; border-radius: 30px;}
.time_start .content > div strong { display: block; margin-bottom: 5px; font-family: 'Ria'; font-size: 1.5rem; font-weight: bold; }
.time_start .content > div button { display: block; margin: 5px 0 0; padding: 5px 15px; background: #4a90e2; color: #ffffff; font-family: 'Ria';  border-radius: 20px; cursor: pointer; }
.time_start .content img.kakao  { display: block; margin: 0 auto; padding: 10px 15px; width: 190px; background: #fde500; border-radius: 50px;}
.time_start .content img.kakao~p  { text-align: center; margin-top: 12px; font-family: inherit; line-height: 135%;}
.time_start .content .android p,
.time_start .content .iphone p { position: relative; padding-left: 12px;}
.time_start .content .android p:before,
.time_start .content .iphone p:before { content: ''; position:absolute; left: 2px; top:9px; width: 6px; height: 6px; border-radius: 50%; }
.time_start .content .android p:before{ background: #4178e8;}
.time_start .content .iphone p:before { background: #e34f87;}
.time_start .content .android strong,
.time_start .content .iphone strong  { display: table; margin-top: 10px; padding: 3px 10px; color: #fff; border-radius:10px;}
.time_start .content .android strong { background: #4178e8;}
.time_start .content .iphone strong  { background: #e34f87;}
.time_start .content .android strong { background: #4178e8;}
.modal-content .gps-guide { margin-top: 15px;}
.modal-content .gps-guide span { font-size: 1.5rem; font-weight: 500; color: #f0870a; line-height: 120%;}
.modal-content .gps-guide img { display: block; margin: 20px auto;}

.ico_no { position: relative; display: block; padding-left: 25px; }
.ico_no:before { position: absolute; display: inline-block; width: 22px; height: 22px; top:2px; left:0; text-align: center; font-size: 1.2rem; font-weight: bold; line-height: 22px; color: #a1fe71; background: #1d1d21; border-radius: 50%;  vertical-align: middle;}
.ico_no.no1:before { content: '1'; }    
.ico_no.no2:before { content: '2'; }
.ico_no.no3:before { content: '3'; }
 
/* 시간사용방법안내 */
.time_minus > div { display: inline-block; width: 100%; margin-bottom: 15px; padding: 12px 10px; font-size: 0; border-radius: 25px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
background: #fff url(/img/comm/ico_arr_gray.png) no-repeat calc(100% - 9px) 50% /24px; cursor: pointer; }
.time_minus > div img { display: inline-block; width: 85px; margin-right: 10px; vertical-align: top; border-radius: 15px;}
.time_minus > div div { display: inline-block; width: calc(100% - 100px); line-height: 100%; vertical-align: top;}
.time_minus > div div h3 { margin: 2px 0 4px; font-size: 1.7rem; font-weight: bold; font-family: 'Ria'; line-height: 100%;}
.time_minus > div div h3 span { display: inline-block; margin-right: -6px; font-family: 'Ria'; line-height: 100%; transform: scaleX(0.85); transform-origin: left; letter-spacing: -2px; }
.time_minus > div div > span { display: block; margin-top: 3px; padding-right: 25px; font-size: 1.5rem; font-weight: 500; line-height: 120%; letter-spacing: -1.5px;}
.time_minus > div div > span.point { display: inline; padding: 0; background: #fffea4;}
.time_minus > div div > span.last  { display: block; margin-top: 1px; padding: 0; color: #666;  font-size: 1.4rem;}
.search_wrap { width: 100%; margin-top: 15px; padding: 12px 20px 20px; background: #efefef; border-radius: 0 0 25px 25px; font-size: 0;}
.search_wrap form { position: relative;}
.search_wrap input[type="text"] { width: 100%; height: 40px; margin-top: 5px; padding: 8px 20px; font-size: 1.6rem; border: 1px solid #8d8c8c; background: #fff;  border-radius: 30px; cursor: pointer;  letter-spacing: -1px;}
.search_wrap input[type="button"] { position: absolute; top:0; right: 0; width: 90px; height: 40px; margin-top: 5px; padding: 8px 20px; font-size: 1.7rem; color: #a1fe71; font-family: 'Ria'; font-weight: bold;  background: #1d1d21;  border-radius: 30px; cursor: pointer; }
.search_wrap input[type="button"].i2 { top: inherit; bottom:0; }
.search_wrap select { width: 100%; height: 40px; margin-top: 5px; padding: 8px 20px; border: 1px solid #8d8c8c; border-radius: 30px; background-position: calc(100% - 100px) 50% !important; font-size: 1.6rem; -webkit-appearance: none; appearance: none; cursor: pointer; letter-spacing: -1px;}
.search_wrap select#kakaoNick { background: url("/img/comm/select_arrow.png") no-repeat calc(100% - 20px) 50% #fff !important; background-size: 16px !important;}

/* 시간모으기 방법&장소 */
.time_plus details { width: 100%; margin-bottom: 15px; padding: 10px 12px; border-radius: 30px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.07); cursor: pointer; }
.time_plus summary { position: relative; display: flex; width:100%; line-height: 100%; cursor: pointer; list-style: none; justify-content: space-between; align-items: center;}
.time_plus summary::-webkit-details-marker {display: none;}
.time_plus details .arrow { display: inline-block; width: 30px; height: 30px; background: url("/img/contents/ico_arr_gray.png") no-repeat 50% 50%; background-size: contain; transition: transform 0.2s ease;}
.time_plus details[open] .arrow { transform: rotate(180deg);}
.time_plus .content {  margin-top: 7px; padding: 10px 0 0; border-top: 1px solid #eee;}
.time_plus .content img.ico_time { display: inline-block; height: 20px; margin-right: 2px; vertical-align: middle;}
.time_plus .content > p { padding: 0 0 0 10px;}
.time_plus .content p img.ico_time~span { display: inline-block; font-size: 1.6rem; width: calc(100% - 50px); vertical-align: top; line-height: 140%;}
.time_plus .content > p span.dayday { padding: 0 0 5px 10px; }
.time_plus .content > p span.dayday b { display: inline; font-size: 1.7rem; padding: 0; background: #fffea4; line-height: 130%;}
.time_plus .content > p span.dayday > span { display: block; margin-top: 10px; line-height: 135%;}
.time_plus .content > p span.dayday > span span { display: block; margin-top: 5px; line-height: 130%;}
.time_plus .content > p span.dayday > span b { font-size: 1.6rem;}

.time_plus h3 { position: relative; margin: 2px 0; font-size: 2.1rem; font-weight: bold; font-family: 'Ria'; line-height: 100%; letter-spacing: -1px;}
.time_plus h3 span { display: inline-block; padding-left: 2px; font-size: 1.3rem; font-family: 'Ria'; vertical-align:middle; line-height: 130%; letter-spacing: 0;}
.time_plus h3:before { position: relative; display: inline-block; width: 30px; height: 30px; margin-right: 5px; text-align: center; font-size: 1.5rem; line-height: 30px; color: #fff; border-radius: 50%;  vertical-align: middle;}
.time_plus h3.no1 { color: #774fc0; }
.time_plus h3.no1:before { content: '1'; background-color: #774fc0; }    
.time_plus h3.no2 { color: #4181e2; }
.time_plus h3.no2:before { content: '2'; background-color: #4181e2; }
.time_plus h3.no3 { color: #ef5b8c; }
.time_plus h3.no3:before { content: '3'; background-color: #ef5b8c; }
.time_plus h3.no4 { color: #2db87f; }
.time_plus h3.no4:before { content: '4'; background-color: #2db87f; }
.time_plus h3.no5 { color: #f0870a; }
.time_plus h3.no5:before { content: '5'; background-color: #f0870a; }
.time_plus .open-btn { margin-top: 10px;}
.time_plus .open-btn:first-child { margin-top: 0;}
.time_plus h4 { text-align: center; font-size: 1.7rem; font-weight: bold; font-family: 'Ria'; line-height: 100%;}
.time_plus h4 span { font-family: 'Ria'; color: #999;}

.time_plus ul.list-map { margin: 4px 0 15px; font-size: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.time_plus ul.list-map li { position: relative; display: flex; align-items: flex-start; justify-content: space-between; box-sizing: border-box; width: calc(50% - 3.5px); margin: 0; padding: 7px 52px 7px 5px; font-size: 1.5rem; line-height: 110%; border-radius: 7px; background: #f4f4f4 url("/img/contents/ico_minus_location.png") no-repeat calc(100% - 3px) 6px/13px;  }
.time_plus ul.list-map li > span { display: inline-block; line-height: 110%; vertical-align: top; letter-spacing: -1px; word-break: break-all;}
.time_plus ul.list-map li img { position: absolute; top: 7px; right: 18px; float: initial; height: 17px; vertical-align: top; }
.time_plus ul.list-map li.ok { background-color: #e0e0e0; }
.time_plus ul.list-map li.ok img { height: 18px; vertical-align: top; }

.time_plus ul.list-map.plus3 li { position: relative; width: 100%; margin: 0 0 10px 0; padding:10px 42px 10px 25px; font-size: 1.6rem; font-weight:500; line-height: 130%; background: #f4f4f4 url(/img/comm/ico_arr_gray.png) no-repeat calc(100% - 9px) 10px /22px; border-radius: 15px; letter-spacing: -1px;}
.time_plus ul.list-map.plus3 li img  { position: absolute; top:12px; right: 35px; float:initial; margin-left: 3px; vertical-align: top; }
.time_plus ul.list-map.plus3 li:last-child { margin-bottom: 0; }
.time_plus ul.list-map.plus3 li::before { position:absolute; content:''; left:12px; top:20px; transform: translate(0, -50%);width: 7px; height: 7px; background: #ef5b8c; border-radius: 50%; }
.time_plus ul.list-map.plus3.plus4 li::before { background: #2db87f; }
.time_plus ul.list-map.plus3 li div {line-height: 110%; }
.time_plus ul.list-map.plus3 li div > span { display: block; margin-top: 3px; color: #666; font-size: 1.4rem; font-weight: 400; line-height: 100%; }

.time_plus ul.list-map.plus5 { margin-bottom: 0; }
.time_plus ul.list-map.plus5 li { position: relative; width: 100%; margin: 0 0 10px 0; padding:14px 37px 7px 70px;  background: #f4f4f4 url(/img/comm/ico_arr_gray.png) no-repeat calc(100% - 9px) 12px /22px; border-radius: 15px; }
.time_plus ul.list-map.plus5 li span { padding: 0 0 5px 10px; font-size: 1.6rem; font-weight:500; line-height: 135%;}
.time_plus ul.list-map.plus5 li span img  { position: absolute; top:15px; right: 35px; float:initial; margin-left: 3px; vertical-align: top; }
.time_plus ul.list-map.plus5 li img.img   { position: absolute; left: 10px; bottom: 2px; width: 62px; height: auto; margin-top: 0; vertical-align: bottom; }
.time_plus ul.list-map.plus5 li:nth-child(1) img.img,
.time_plus ul.list-map.plus5 li:nth-child(4) img.img   { bottom: 0; }
.time_plus ul.list-map.plus5 li:last-child { margin-bottom: 0; }
.time_plus ul.list-map.plus5 li:last-child img.img { top:4px }
.gift_list div.t36 h3 { background: #774fc0; }
.gift_list div.t24 h3 { background: #ef5b8c; }
.gift_list div.t12 h3 { background: #2db87f; }
.gift_list div.t6 h3  { background: #4181e2; }

/* 완료율 표시 */
.time_plus .rate { position: absolute; top: 6px; right: 35px; width: 23%; max-width: 160px; z-index: 9; }
.time_plus .rate > div { display: flex; flex-direction: column; gap: 8px; }
.time_plus .rate-bar-bg { width: 100%; height: 20px; background-color: #464557; border: 1px solid #464557; border-radius: 100px; overflow: hidden; position: relative; }
.time_plus .rate-bar { height: 100%; border-radius: 100px; background: linear-gradient(90deg, #3942b7, #3942b7); }
.time_plus .rate-bar-bg span { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 0.95rem; font-weight: 500; color: #fff; font-family: 'Ria'; white-space: nowrap; letter-spacing: 0; z-index: 2; }
.time_plus .rate.bg1 .rate-bar { background: linear-gradient(90deg, #774fc0, #774fc0); }
.time_plus .rate.bg2 .rate-bar { background: linear-gradient(90deg, #4181e2, #4181e2); }
.time_plus .rate.bg3 .rate-bar { background: linear-gradient(90deg, #ef5b8c, #ef5b8c); }
.time_plus .rate.bg4 .rate-bar { background: linear-gradient(90deg, #2db87f, #2db87f); }
.time_plus .rate.bg5 .rate-bar { background: linear-gradient(90deg, #f0870a, #f0870a); }

/* 방문지도 */
.moamoaMap  { position: relative; width: 100%; } 
.moamoaMap .map { margin-bottom:10px; height: 270px; background: #dfdfdf; border-top: 2px solid #1d1d21; border-bottom: 2px solid #1d1d21;} 
.moamoaMap .bottom { display: none; position: absolute; top: 270px; left: 50%; transform: translate(-50%, 0%); width: 180px; height: 40px; padding: 12px 20px 15px; line-height: 100%; color: #fff; font-size: 1.5rem; text-align: center; border-radius: 0 0 30px 30px; background: #1d1d21; vertical-align:middle;}
.moamoaMap .bottom img { margin-right: 4px; margin-left: 15px; width: 18px; vertical-align:middle; }
.moamoaMap .bottom img:first-child { margin-left: 0; }
.moamoaMap .guide { position: relative; font-size: 0; padding:10px 10px 10px 13px; }
.moamoaMap .guide img { display: inline-block; width: 135px; margin: 5px 0 10px; vertical-align: top; }
.moamoaMap .guide img.i2 { width: 100px; margin: 10px 15px 20px 15px;}
.moamoaMap .guide div { display: inline-block; width: calc(100% - 135px); padding: 0 0 5px 10px; vertical-align: top;}
.moamoaMap .guide div > span { display: block; margin-bottom: 5px; font-size: 1.7rem; font-family: 'Ria'; font-weight: 600; line-height: 140%; letter-spacing: -1px; }
.moamoaMap .guide div p { font-size: 1.5rem; line-height: 130%; margin-bottom: 2px; letter-spacing: -1px;}
.moamoaMap .guide div p.mb { margin-bottom: 10px;}
.moamoaMap .guide div p a { display: block;}
.moamoaMap .guide div p img { margin-top: 4px; width: 140px; }
.moamoaMap .guide div p span { display: inline; padding: 0; background: #fffea4; font-weight: 600;}

.pay-guide { position: relative; font-size: 0; margin-top: 25px; }
.pay-guide img { display: table; width: 90%; max-width: 170px; margin: 0 auto;}

/* 기념품 신청/리스트 */
.gift_guide dt { color: #ef5a1f; font-size: 1.9rem; font-weight: bold; font-family: 'Ria';}
.gift_guide dd { position:relative; padding-left: 18px; line-height: 120%; margin-top: 5px; font-weight: 500; }
.gift_guide dd span { background: #a1fe71; }
.gift_guide dd::before { position:absolute; content:'·'; top:2px; left:7px; font-size: 2rem; font-weight: bold;}
.gift_list { margin: 25px 0 0; font-size: 0;}
.gift_list div{ display: inline-block; width: calc(50% - 10px); margin-bottom: 20px; padding: 15px 10px; background: #fff; border-radius: 25px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.07); vertical-align: top;}
.gift_list h3 { display: table; margin: 0 auto; padding: 6px 15px 5px; font-size: 1.5rem; font-family: 'Ria'; font-weight: 500; color:#fff; text-align: center; line-height: 100%; border-radius: 30px; }
.gift_list h3 b { font-family: 'Ria';}
.gift_list span { display: block; margin-top: 5px; color: #ef5a1f; text-align: center; font-size: 1.4rem; line-height: 110%;}
.gift_list div.t36 { margin-right: 20px; }
.gift_list div.t36 h3 { background: #774fc0; }
.gift_list div.t24 h3 { background: #ef5b8c; }
.gift_list div.t12 h3 { background: #2db87f; }
.gift_list div.t6 h3  { background: #4181e2; }
.gift_list ul { display: table; margin: 15px auto 0; font-size: 0; word-break:keep-all;}
.gift_list ul li { position: relative; display: inline-block; width: 100%; height: auto; font-size: 1.5rem; font-weight: 500; text-align: center; vertical-align: top;}
.gift_list ul li span.img { position: relative; display: inline-block; width: 90px; height:90px; margin: 0 auto 4px; background: #ececec; border-radius: 20px; }
.gift_list ul li span.img img { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 180px; border-radius:20px;}
.gift_list ul li p { line-height: 120%; }
.gift_list ul li input {vertical-align:middle; margin-right: 2px; }
.gift_list div:nth-child(n+3) { width: 100%; }
.gift_list div:nth-child(n+3) ul li { width: calc(33.33% - 10px); margin:0 15px 15px 0;}
.gift_list div:nth-child(n+3) ul li:nth-child(3n) { margin-right: 0;}

/* 랭킹선물 2026.08 수정 */
.ranking-gift { font-size: 0; margin-bottom: 12px;}
.ranking-gift h2 { margin-bottom: 10px;}
.ranking-gift h2 > span { font-size: 2.4rem; font-weight: 600; margin-right: 4px;}
.ranking-gift h2 p { margin-top: 10px; padding: 5px; font-size: 1.5rem; font-weight: 400; line-height: 125%; color: #fff; border-radius: 15px; background: #2db87f; letter-spacing: -0.5px;}
.ranking-gift > p  { padding: 0 0 10px 0; font-size: 1.3rem; text-align: right;}
.ranking-gift > div { position: relative; display: inline-block; width:calc(33.33% - 6px); margin-top:10px; font-size: 1.4rem; vertical-align: top;}
.ranking-gift > div span { display: table; width: 40px; height: 30px; line-height: 30px; border-radius: 20px; margin: 0 auto; text-align: center; font-size: 1.3rem; font-family: 'Ria'; font-weight: bold; color: #fff; background: #000;  z-index: 99;}
.ranking-gift > div span b { font-family: 'Ria'; }
.ranking-gift > div div  { display: table; width: 100%; padding: 25px 10px 10px; text-align: center; background: #fff; border-radius: 20px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);}
.ranking-gift > div div b { line-height: 130%; }
.ranking-gift > div img  { display: table; width: 70px; margin: 0 auto 7px; }
.ranking-gift div.ranking1 span,
.ranking-gift div.ranking2 span,
.ranking-gift div.ranking3 span { position: absolute; top: -14px; left: 50%; transform: translate(-50%, 0%);}
.ranking-gift div.ranking1 span { background: #7923b5;}
.ranking-gift div.ranking1 span::after { content: ''; position: absolute; top:-13px; left: 50%; transform: translate(-50%, 0%); width: 20px; height: 13px; background: url("/img/contents/ranking_crown.png") no-repeat 0 0; z-index: 999;}
.ranking-gift div.ranking2,
.ranking-gift div.ranking3 { margin-left: 9px;}
.ranking-gift div.ranking2 span { background: #ee3691;}
.ranking-gift div.ranking3 span { background: #3a88d1;}
.ranking-gift div.ranking4,
.ranking-gift div.ranking5 { width: 100%;  }
.ranking-gift div.ranking4 { margin-top: 15px; }
.ranking-gift div.ranking5 { margin-top: 7px; }
.ranking-gift div.ranking4 span,
.ranking-gift div.ranking5 span { display: inline-block; margin-right: 5px; background: #6dc9eb;}
.ranking_guide { padding-top: 10px; font-size: 1.5rem; color:#222; }
.ranking_guide li { position:relative; padding-left: 15px; line-height: 130%; margin-bottom: 7px;}
.ranking_guide li::before { position:absolute; content:'※'; left:0;}
.ranking_notice {margin-bottom: 7px; padding: 10px; color: #fff; text-align: center; font-size: 1.45rem; font-family: 'Ria'; border-radius: 15px; background: #fd6653; letter-spacing: -0.5px;}
.ranking_notice span { font-family: 'Ria'; }
img.ranking-2024 { display: table; width: calc(100% - 20px); margin: 0 auto 15px; }
.ranking_test { margin: 10px 0; color: #ef5a1f; font-weight: bold; text-align: center; }

.ranking-list-wrap .now { padding-right: 10px; text-align: right; font-size: 1.4rem; color: #666;}
.ranking-list-wrap .items { margin-top: 5px;}
.ranking-list-wrap .item { margin-top: 10px; padding: 10px 10px; border-radius: 15px; background: #fff; font-size: 0;}
.ranking-list-wrap .item:nth-child(n+4) { background: #f8f8f8; color: #555;}
.ranking-list-wrap .item:first-child { margin-top: 0;}
.ranking-list-wrap .item:last-child { margin-bottom: 5px;}
.ranking-list-wrap .item .num,
.ranking-list-wrap .item .name,
.ranking-list-wrap .item .right { display: inline-block; vertical-align: middle;}
.ranking-list-wrap .item .num { width: 40px; height: 30px; line-height: 30px; border-radius: 20px; background: #999; text-align: center; font-family: 'Ria'; font-size: 1.3rem; font-weight: bold; color: #fff; }
.ranking-list-wrap .items .item:nth-child(1) .num { position: relative; background: #7923b5;}
.ranking-list-wrap .items .item:nth-child(1) .num::after { content: ''; position: absolute; top:-13px; left: 50%; transform: translate(-50%, 0%); width: 20px; height: 13px; background: url("/img/contents/ranking_crown.png") no-repeat 0 0; z-index: 999;}
.ranking-list-wrap .items .item:nth-child(2) .num { background: #ee3691;}
.ranking-list-wrap .items .item:nth-child(3) .num { background: #3a88d1;}
/*.ranking-list-wrap .items .item:nth-child(4) .num { background: #6dc9eb;}
.ranking-list-wrap .items .item:nth-child(5) .num { background: #6dc9eb;}*/
.ranking-list-wrap .item .name { width: calc(100% - 110px); padding-left: 10px; line-height: 120%; font-size: 1.3rem; font-weight: 400; word-break: break-all;}
.ranking-list-wrap .item .name span { display: block; font-size: 1.6rem; font-weight: bold; font-family: 'Ria'; letter-spacing: 0;}
.ranking-list-wrap .item .right { width: 70px; text-align: right;}
.ranking-list-wrap .item .total { font-size: 1.4rem; font-family: 'Ria'; font-weight: 400;}
.ranking-list-wrap .item .total span{  margin-right: 3px; font-size: 1.7rem; font-weight: bold; font-family: 'Ria';}
.ranking-list-wrap .item .time { font-size: 1.4rem; color: #666;}
.ranking-list-wrap .paging { margin: 30px 0 10px 0;}

.gift-get { padding: 15px 20px; }
.gift-get .stit  { text-align: center; line-height: 120%; font-size: 1.55rem; font-weight: bold;}
.gift-get .stit strong { display: block; margin-bottom: 3px; font-size: 1.8rem; font-family: 'Ria'; font-weight: bold; }
.gift-get .stit strong span { margin: 0 2px; font-size: 1.4rem; font-weight: 400; color: #666; letter-spacing: -1px; }
.gift-get .stit > span {background: #fffea4; line-height: 120%; }

.gift-get .item { margin: 12px 0 15px; padding: 15px 0 12px; text-align: center; background: #f1f1f1; border-radius: 30px; }
.gift-get .item .name { position: relative; display: table; margin: 0 auto; width: 100%; font-weight: bold; }
.gift-get .item .name .ok { position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 76px; height: 50px; font-size: 0; background: url("/img/comm/receive-ok.png") no-repeat 0 0; z-index: 9999;}
.gift-get .item .name div { display: inline-block; width:45%; margin: 0 0 7px; line-height: 120%; vertical-align: top; }
.gift-get .item .name div img { margin-bottom: 5px; width:85px; border-radius: 30px; border: 1px solid #dfdfdf; }
.gift-get .item .name div span { display: block; width: 100%; line-height: 120%; font-size: 1.55rem; letter-spacing: -1px;}
.gift-get .item .date { margin-top: 2px; padding-top: 12px; color: #666; font-size: 1.5rem; line-height: 130%; border-top: 1px solid #dfdfdf; }
.gift-get .item .date strong { font-weight: bold; color: #222; line-height: 130%; }

.gift-get .admin { text-align: center;}
.gift-get a { display: inline-block; padding:0 30px 0; height: 45px; line-height:45px; font-size: 1.5rem; color: #a1fe71; font-family: 'Ria'; font-weight: bold;  background: #1d1d21; border-radius: 20px; }
.gift-get input { display: inline-block; margin-left: 5px; padding: 0 15px; width: 120px; height: 55px; font-weight: bold; color: #212121; font-size: 2rem; font-weight: 500; border: 2px solid #111; border-radius: 12px 0 0 12px; vertical-align: top;}
.gift-get button { display: inline-block; padding: 0 15px; height: 55px; line-height: 125%; color: #fff; font-size: 1.5rem; font-weight: bold; background:#212121; border: 2px solid #111; border-radius: 0 12px 12px 0; cursor: pointer; vertical-align: top;}

.section_guide h3::before { content: '0'; position: absolute; left: 0; top: 35px; width: 30px; height: 30px; line-height: 30px; vertical-align: top; font-size: 1.8rem; font-family: 'Ria'; font-weight: bold; color: #ffc600; text-align: center; background: #222; border-radius: 50%;}
.section_guide h3.no0::before { content: ''; background: #222 url("/img/contents/ico_check.png") no-repeat 50% 50%/18px;}
.section_guide h3.no1::before { content: '1';}
.section_guide h3.no2::before { content: '2';}
.section_guide h3.no3::before { content: '3';}
.section_guide h3.no4::before { content: '4';}
.section_guide h3.no5::before { content: '5';}
.section_guide h3.no6::before { content: '6';}
.section_guide h3.no7::before { content: '7';}
.section_guide h3.no8::before { content: '8';}
.section_guide h3.no9::before { content: '9';}
.section_guide h3 b { font-family: 'Ria';}
.section_guide div.box { position:relative; padding: 15px; font-size: 1.5rem; line-height: 140%; background: #e9e9e9; border-radius: 20px; }
.section_guide div.box-t1 { padding: 85px 15px 15px 15px; font-size: 1.5rem; line-height: 140%; background: #e9e9e9 url("/img/contents/plus_top_bg.png") no-repeat left 15px/140px; border-radius: 20px; }
.section_guide div.box img.minus-i1 { position: absolute; top:-62px; right: 5px; }

.section_guide div.in-box { margin-top: 10px; padding: 0 5px 10px; font-size: 1.5rem; text-align: center; word-break:keep-all; background: #fff; border-radius: 20px; }
.section_guide div.in-box.t20 { margin-top: 20px;  }
.section_guide div.in-box.p15 { padding-top: 15px;  }
.section_guide div.box .stit { display: table; margin: 0 auto 10px; padding: 5px 25px 4px; color: #fff; font-weight: 500; font-family: 'Ria'; font-size: 1.6rem; border-radius: 0 0 30px 30px; line-height: 110%;}
.section_guide div.box .stit b { font-family: 'Ria'; }
.section_guide div.box .stit.mint { background: #56cabe; }
.section_guide div.box .stit.blue { background: #9263c8; }
.section_guide div.box .stit.s-blue { background: #7cc9ff; }
.section_guide div.box .stit.h-pink { background: #ff3d86; }
.section_guide div.box .stit.pink { background: #e38eca; }
.section_guide div.box .stit.orange { background: #ff7443; }
.section_guide div.box .stit.green { background: #719e54; }
.section_guide div.box .stit.yellow { background: #ffba00; }
.section_guide div.box .stit.brown { background: #ad8264; }
.section_guide div.box .stit.gray { background: #a8a29e; }


.section_guide div.box p { margin-top: 5px; font-size: 1.5rem; }
*/
/* //2026 */


.mt-10 { display: block; margin-top: 10px;}
.mt-20 { display: block; margin-top: 20px;}
.pt-0 { padding-top: 0 !important;}
.t1 { text-align: center;}

.t1 strong { display: inline-block; padding: 6px 16px; border-radius: 200px; background: #45c3ee; font-size: 1.8rem; font-weight: 600; color: #fff;}
.t1 strong.white { background: #fff; color: #45c3ee;}
.t1 strong.nobg { padding: 0; background: transparent;}
.t2 { margin-bottom: 40px;}
.t2 strong { font-size: 1.8rem; font-weight: 500;}

.select_list.type1 { font-size: 0;}
.select_list.type1 input[type="checkbox"] { display: none;}
.select_list.type1 label {
 display: inline-block;
 width: calc(33.33% - 5px);
 height: 46px;
 margin-left: 5px;
 padding-top: 15px;
 vertical-align: middle;

 border: 1px solid #dbdbdb;
 border-radius: 15px;
 line-height: 100%;
 text-align: center;
 font-size: 1.3rem;
 color: #8c8c8c;
}

.select_list.type1 label:nth-of-type(1) { margin-left: 0;}
.select_list.type1 input[type="checkbox"]:checked + label { border-color: #61baa6; color: #272727;}
.ipt1 { width: 100%; height: 50px; padding: 0 20px; border: 1px solid #8d8c8c; border-radius: 20px; font-size: 1.6rem; font-family: 'Ria'; color: #333;}
.ipt1::placeholder { color: #333;}
a.bt1,input.bt1 { display: inline-block; margin-left: 4px; padding: 6px 10px; border: 1px solid #a17a4b; border-radius: 100px; font-size: 1.4rem; font-weight: 500; color: #a17a4b;}
a.bt1.on,input.bt1.on { background: #a17a4b; color: #fff;}
a.bt2 { display: block; width: 100%; height: 60px; padding-top: 15px; background: #fff; text-align: center; font-size: 1.7rem; font-family: 'Ria'; font-weight: bold; color: #61baa6;}
.bt3 { display: table; min-width: 200px; margin: 10px auto 0 auto; padding: 12px 30px; border-radius: 100px; background: #333; text-align: center; font-size: 1.7rem; font-family: 'Ria'; font-weight: bold; color: #fff; letter-spacing: 0;}
.bt3.wide  { width: 100%; }
.bt3.on { background: #1d1d21; color: #a1fe71;}
.bt3.mini { display: inline-table; width: 30%; min-width: 130px; margin: 0 3px; padding: 12px 10px; font-size: 1.6rem}
a.bt3 { font-family: 'Ria'; font-weight: bold; color: #fff; }

.bt_kakao {
 display: block;
 padding: 15px 0;
 border-radius: 15px;
 background: #ffcd35;
 text-align: center;
 font-size: 1.8rem;
 font-weight: 500;
}

.bt_kakao img {
 height: 18px;
 margin-right: 5px;
 vertical-align: baseline;
}

.bt_gps {
 display: block;
 width: 100%;
 padding: 15px 0;

 border-radius: 15px;
 background: #fffbed url(/img/contents/bt_on.png) no-repeat calc(100% - 40px) 50% /54px;
 text-align: left;
 text-indent: 40px;
 font-size: 1.8rem;
 font-weight: 500;
}

.bt_wrap.type1 {
 padding: 40px 0;
 text-align: center;
 font-size: 0;
}

.bt_wrap.type1 a.bt1,
.bt_wrap.type1 input.bt1{
 display: inline-block;
 width: auto;
 margin: 0 5px;
 padding-left: 30px;
 padding-right: 30px;
}

.bt_wrap.type2 {
 height: 60px;
}

.bt_wrap.type2 .bottom {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
}

.bt_wrap.type3 {
 padding-top: 40px;
}
/* 로그인 */

.login_wrap .title {
 padding: 160px 0 15px 0;
 background: #61baa6;
 text-align: center;
}

.login_wrap .title img {
 width: 280px;
}

.login_wrap .login {
 position: relative;
 margin-top: -15px;
 padding: 40px;
 border-radius: 15px 15px 0 0;
 background: #fff;

}

.login_wrap .login strong {
 font-size: 1.8rem;
 font-weight: 500;
}


.login_wrap .login .bt_kakao {
 margin: 30px 0 20px 0;
}

.login_wrap .login li {
 position: relative;
 padding-left: 10px;
 font-size: 1.2rem;
 color: #8c8c8c;
 word-break: keep-all;
}

.login_wrap .login li::before {
 content: "-";
 position: absolute;
 top: 0;
 left: 0;
}

.mypage_info_wrap {
 padding: 20px 40px 40px 40px;

}

.mypage_info_wrap .info .ipt1 {
 margin-top: 10px;
}

.mypage_info_wrap .info .ipt1:first-child {
 margin-top: 0;
}

.mypage_info_wrap .info .bt1 {
 margin: 30px 0;
}

.mypage_info_wrap .info .bottom {
 text-align: center;
}

.mypage_info_wrap .info .bottom a {
 font-size: 1.4rem;
 text-decoration: underline;
}

.board_wrap .t2 {
 margin-bottom: 20px;
}

.board_list_wrap {
 padding: 20px;
}

.board_search_wrap {
 padding-bottom: 40px;
}

.select1 {
 width: 100%;
 height: 50px;
 margin-top: 5px;
 padding: 10px 20px;
 border: 1px solid #8d8c8c;
 border-radius: 20px;
 background: url("/img/contents/bt_select.png") no-repeat calc(100% - 10px) 50% /28px;
 font-size: 1.8rem;
 color: #333;
 -webkit-appearance: none;
 appearance: none;
 cursor: pointer;
}

.select1.type2 {
 border-color: #ff5f5f;
 background-color: #ff5f5f;
 background-image: url("/img/contents/bt_select_white.png");
 color: #fff;
}


.board_search_wrap .ipt_wrap .word {
 position: relative;
 margin-top: 10px;
}

.board_search_wrap .ipt_wrap .word .ipt1 {
 height: 51px;
 padding-right: 50px;
}

.board_search_wrap .ipt_wrap .word input[type="submit"] {
 position: absolute;
 top: 50%;
 right: 10px;
 width: 28px;
 height: 28px;
 margin-top: -14px;
 background: url("/img/contents/bt_search.png") no-repeat 0 0 /28px;
 text-indent: -1000px;
 overflow: hidden;
}

.board_list_wrap .result {
 margin-bottom: 10px;
 font-size: 1.6rem;
}

.board_list_wrap .list {
 border-top: 2px solid #272727;
}

.board_list_wrap .list .item {
 padding: 10px;
 border-bottom: 1px solid #dbdbdb;
 font-size: 0;
}

.board_list_wrap .list .item a,
.board_list_wrap .list .item span {
 display: inline-block;
 vertical-align: middle;
}

.board_list_wrap .list .item a {
 width: calc(100% - 60px);
 font-size: 1.6rem;
 color: #6a6a6a;
}

.board_list_wrap .list .item span {
 width: 60px;
 text-align: right;
 font-size: 1.2rem;
 color: #6a6a6a;
}

.board_view_wrap .board_view_title {
 padding: 20px 40px;
 border-bottom: 1px solid #dbdbdb;
}

.board_view_wrap .board_view_title strong {
 font-size: 1.8rem;
 font-weight: 500;
}

.board_view_wrap .board_view_title dl {
 margin-top: 10px;
 font-size: 0;
}

.board_view_wrap .board_view_title dt,
.board_view_wrap .board_view_title dd {
 display: inline-block;
 font-size: 1.2rem;
 color: #6a6a6a;
 letter-spacing: 0;
}

.board_view_wrap .board_view_title dd {
 position: relative;
 margin-left: 6px;
 padding-left: 6px;
}

.board_view_wrap .board_view_title dd::before {
 content: "";
 position: absolute;
 top: 4px;
 left: 0;
 display: block;
 width: 1px;
 height: 11px;
 background: #6a6a6a;
}

.board_view_wrap .board_view_img img {
 display: block;
 max-width: 100%;
 margin: 0 auto;
}

.board_view_wrap .board_view {
 padding: 20px;
 line-height: 160%;
 font-size: 1.6rem;
 color: #6a6a6a;
}

.board_view_wrap .answer_wrap {
 padding: 40px;
 background: #f5f5f5;
}

.board_view_wrap .answer_wrap .box {
 border: 1px solid #c4c3c3;
 border-radius: 15px;
 overflow: hidden;
}

.board_view_wrap .answer_wrap .box .title {
 position: relative;
 padding: 15px;
 background: #ff5f5f;
}

.board_view_wrap .answer_wrap .box .title strong {
 font-size: 1.6rem;
 font-weight: 500;
 color: #fff;
}

.board_view_wrap .answer_wrap .box .title span {
 position: absolute;
 top: 17px;
 right: 15px;
 font-size: 1.2rem;
 color: #fff;
 letter-spacing: 0;
}

.board_view_wrap .answer_wrap .box .answer {
 padding: 15px;
 background: #fff;
 line-height: 160%;
 font-size: 1.6rem;
 color: #6a6a6a;
}

.board_write_wrap {
 padding: 20px 40px 40px 40px;
}

.board_write_wrap .ipt1 {
 margin-top: 10px;
}

.board_write_wrap textarea {
 height: 200px;
}

.place_detail_wrap .t2 {
 margin-bottom: 24px;
 padding: 0 40px;
 text-align: center;
}

.place_detail_wrap .tab_wrap {
 font-size: 0;
}

.place_detail_wrap .tab_wrap a {
 display: inline-block;
 width: 50%;
 padding: 16px 0;
 vertical-align: middle;
 border-bottom: 3px solid #fff;
 background: transparent;
 text-align: center;
 font-size: 1.6rem;
 font-weight: 500;
 color: #8c8c8c;
 cursor: pointer;
}

.place_detail_wrap .tab_wrap a.on {
 border-color: #ff5f5f;
 color: #ff5f5f;
}

.place_detail_wrap .tab_cont .view {
 width: 100%;
}

.place_detail_wrap .tab_cont .img_list {
 width: 100%;
 padding-top: 20px;
 font-size: 0;
}

.place_detail_wrap .tab_cont .img_list > div {
 width: 100%;
 padding-left: 30px;

 overflow-x: auto;
 -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */
}

.place_detail_wrap .tab_cont .img_list > div::-webkit-scrollbar {
 display: none; /* Chrome, Safari, Opera*/
}

.place_detail_wrap .tab_cont .img_list button {
 width: 80px;
 margin-left: 5px;
 border-radius: 10px;
 cursor: pointer;
}

.place_detail_wrap .tab_cont .img_list button:first-child {
 margin-left: 0;
}

.place_detail_wrap .tab_cont .img_list button img {
 width: 100%;
 border-radius: 15px;
}

.place_detail_wrap p {
 padding: 20px 30px 30px 30px;
 font-size: 1.4rem;
 word-break: keep-all;

}

.place_detail_wrap .bt_wrap {
 padding: 0 30px 30px 30px;
}

.place_detail_wrap .root_daum_roughmap .wrap_controllers {
 display: none !important;
}

.place_detail_wrap .root_daum_roughmap {
 width: 100% !important;
}

.place_detail_wrap .wrap_map {
 height: 300px !important;
}

.popup_wrap {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 3;
 display:none;
}

.popup_wrap .bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
}

.popup_wrap .popup_area {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 max-height: 70%;
 padding: 50px 30px;

 border-radius: 30px 30px 0 0;
 background: #fff;
}

.popup_wrap .popup_area.scroll {
 padding: 0;
 overflow: scroll;
}

.popup_wrap .popup_area.scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.popup_wrap .popup_area.scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.popup_wrap .popup_area.scroll > div {
 padding: 50px 30px;
}

.popup_wrap .bt_popup_close {
 position: absolute;
 top: 30px;
 right: 30px;
 background: transparent;
 cursor: pointer;
}

.popup_wrap .bt_popup_close img {
 height: 20px;
}

.popup_wrap .popup_area .title strong {
 font-size: 1.8rem;
 font-weight: 500;
}

.popup_wrap .popup_area .select_list {
 margin: 12px 0;
}

.popup_wrap .guide {
 margin-top: 20px;
}

.popup_wrap .guide li {
 position: relative;
 padding-left: 14px;
 font-size: 1.2rem;
 color: #8c8c8c;
 word-break: keep-all;
}

.popup_wrap .guide li::before {
 content: "※";
 position: absolute;
 top: 0;
 left: 0;
}

.popup3 .sns_select {
 padding: 20px 0;
 text-align: center;
}

.popup3 .sns_select a {
 margin: 0 5px;
}

.popup3 .sns_select img {
 width: 80px;
}

.popup4 .stamp_area {
 position: absolute;
 top: 0;
 left: 0;
 display: table;
 width: 100%;
 height: 100%;
}

.popup4 .stamp_area > div {
 display: table-cell;
 padding: 30px;
 vertical-align: middle;
 text-align: center;
}

.popup4 .stamp_area img {
 width: 80%;
}

.popup5 .popup_area {
 top: 10%;
 bottom: auto;
 height: 80%;
 max-height: unset;
 padding: 0;
 border-radius: 30px;
 overflow: hidden;
}

.popup5 .scroll_area::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.popup5 .scroll_area {
 height: calc(100% - 108px);
 overflow-y: scroll;
}

.popup5 .popup_area .title {
 padding: 50px 30px 30px 30px;
}

.popup5 .popup_area .title strong {
    font-family: 'Cafe24Ssurround';
 font-size: 2.4rem;
}

.popup5 .popup_area .title span {
 float: right;
 margin-top: 8px;
}

.popup5 .root_daum_roughmap {
 width: 100%;
 height: 200px;
 border-bottom:  1px solid #dad8d1;
}

.popup5 .root_daum_roughmap .wrap_controllers {
 display: none;
}

.popup5 .cont {
 padding: 30px;
}

.popup5 .cont .bt1:first-child {
 margin-bottom: 10px;
}

.popup5 .cont .bt1 img {
 height: 36px;
 margin-right: 5px;
}

.popup5 .cont p {
 margin-top: 30px;
 line-height: 150%;
 font-size: 1.4rem;
 color: #666;
 word-break: keep-all;
}

/* 2021.11.14 추가 */
.atsay {
 margin-top: 20px;
}

.atsay:first-child {
 margin-top: 0;
}

.atsay > strong {
 display: block;
 margin-bottom: 20px;
 font-size: 2.4rem;
 font-weight: 400;
}

.atsay > strong.underline {
 padding-bottom: 20px;
 border-bottom: 2px solid #000;
}

.atsay td {
 font-size: 0;
}

.atsay .guide {
 margin-top: 16px;
 font-size: 1.6rem;
 font-weight: 300;
 word-break: break-all;
 letter-spacing: -0.5px;
}

.atsay .guide.red {
 color: red;
}

input[type=button].btn-b1 { background:#241069; color:#fff; border:none; position:relative; font-size:16px; padding:12px 29px; cursor:pointer; transition:800ms ease all; outline:none; font-weight:bold; }
input[type=button].btn-b1:hover{ background:#fff; color:#241069; }
input[type=button].btn-b1:before,input[type=button].btn-b1:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #241069; transition:400ms ease all; }
input[type=button].btn-b1:after{ right:inherit; top:inherit; left:0; bottom:0; }
input[type=button].btn-b1:hover:before,input[type=button].btn-b1:hover:after{ width:100%; transition:800ms ease all; }

input[type=button].btn-b2 { background:#241069; color:#fff; border:none; position:relative; font-size:16px; padding:12px 29px; cursor:pointer; transition:800ms ease all; outline:none; font-weight:bold; }
input[type=button].btn-b2:hover{ background:#fff; color:#241069; }
input[type=button].btn-b2:before,input[type=button].btn-b1:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #241069; transition:400ms ease all; }
input[type=button].btn-b2:after{ right:inherit; top:inherit; left:0; bottom:0; }
input[type=button].btn-b2:hover:before,input[type=button].btn-b1:hover:after{ width:100%; transition:800ms ease all; }

.term_wrap {
 padding: 20px;
 border: 1px solid #000;
 overflow-x:hidden;
 overflow-y:auto;
 max-height:10em;
}

.term_wrap p {
 font-size: 1.8rem;
 font-weight: 300;
}

.term_wrap ol dl {
 font-size: 0;
}

.term_wrap ol dt,
.term_wrap ol dd {
 display: inline-block;
 vertical-align: top;
 font-size: 1.8rem;
 font-weight: 300;
}

.term_wrap ol dt {
 width: 30px;
}

.term_wrap ol dd {
 width: calc(100% - 30px);
}

.agreeChk_wrap.right {
 text-align: right;
}

.agreeChk_wrap input[type="checkbox"] {
 display: none;
}

.agreeChk_wrap label {
 position: relative;
 padding-left: 40px;
 font-size: 1.8rem;
}

.agreeChk_wrap label::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 30px;
 height: 30px;

 border: 1px solid #000;
 background: #fff;
}

.agreeChk_wrap input[type="checkbox"]:checked + label::before {
 background: #fff url("/img/comm/chkicon.png") no-repeat 50% 50%;
}

.tbl1,
.tbl2 {
 width: 100%;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}

.tbl1 thead {
 border-bottom: 3px solid #000;
}

.tbl1 th,
.tbl1 td {
 padding: 18px 0;
 border: 1px solid #000;
 text-align: center;
 font-size: 1.8rem;
 font-weight: 300;
 letter-spacing: -1px;
}

.tbl1 th:first-child,
.tbl1 td:first-child{
 border-left: 0;
}

.tbl1 th:last-child,
.tbl1 td:last-child{
 border-right: 0;
}

.tbl2 tr {
 border-top: 1px solid #ccc;
}

.tbl2 th {
 padding-left: 50px;
 text-align: left;
 font-size: 1.8rem;
 font-weight: 300;
}

.tbl2 td {
 padding: 10px;
 font-size: 1.8rem;
}

.atsay_bt_wrap { padding:20px 0 20px 0; text-align:center; }
.atsay_h1 { text-align:center; padding:1em; }

.fileBox .fileName {display:inline-block;max-width:100%;height:30px;padding-left:10px;margin-right:5px;line-height:30px; background-color:#fff;vertical-align:middle}
.fileBox .btn_file {display:inline-block;border:1px solid #180a46; background:#241069; color:#fff; width:180px; padding:.3em .5em; font-size:0.8em;line-height:30px;text-align:center;vertical-align:middle; border-radius:10px; }
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.etc_wrap { margin-top:1em; }

/* 테이블 공통 스타일 */
div.tblWrap { border-top:2px solid #000080; }
table.tblComm { margin:0 0 10px 0; text-align:left; }
table.tblComm th, table.tblComm td { padding:7px 10px; }
table.tblComm thead th { padding:7px 0; text-align:center; border:1px solid #ddd; border-top:0; background:#f5f5f5; }
table.tblComm tbody th { padding:7px 0; text-align:center; border:1px solid #ddd; background:#f5f5f5; }
table.tblComm tbody td { border:1px solid #ddd; }
table.tblComm th.th2dep { background:#a7cef6; }
table.tdCenter tbody td { text-align:center; }
table.tdBorder thead th, table.tdBorder tbody th, table.tdBorder td { border:1px solid #ccc !important; }
table.tdTop tbody td { vertical-align:top; }
table.noThead tbody tr:first-child th, table.noThead tbody tr:first-child td { border-top:0; }
@media screen and ( max-width:559px ) {
 table.tblComm th, table.tblComm td { padding:4px 7px; }
}

@media all and (max-width: 768px) {
 .fileBox { display:inline-block; text-align:center; }
 .fileBox .fileName { display:inline-block; width:100%; text-align:center; }
 .atsay_h1 { font-size:1.5em; }
 .atsay strong { font-size:1.4em; text-align:center; }
 .term_wrap { padding: 10px; }
 .term_wrap p { font-size: 1.2rem; }
 .term_wrap ol dt,
 .term_wrap ol dd {
  font-size: 1.2rem;
 }
 .term_wrap ol dt { width: 15px; }
 .term_wrap ol dd { width: calc(100% - 15px); }
 .agreeChk_wrap label { padding-left: 24px; font-size: 1.2rem; }
 .agreeChk_wrap label::before { width: 20px; height: 20px;
 }
 .agreeChk_wrap input[type="checkbox"]:checked + label::before { background-size: 12px; }

 .textarea1.w660 { width: 100% !important; }

 .input-file-button{
  padding: 6px 25px;
  background-color:#FF6600;
  border-radius: 4px;
  color: white;
  cursor: pointer;
 }

 .tbl2 th { display:none; }
 .fileBox .btn_file {  padding:.1em .1em; width:160px;  font-size:0.7em; }

 .agreeChk_wrap { text-align:center; }

}

.t3 {
 padding: 0 30px;
}

.t3 strong {
 font-size: 2.4rem;
}
.t3 strong span {
 vertical-align: unset;
 font-size: 2.4rem;
 color: #61baa6;
}

.t3 a {
 float: right;
 margin-top: 10px;
 font-size: 1.4rem;
}

.t3 a span {
 display: inline-block;
 vertical-align: top;
 font-size: 1rem;
 margin-top: 3px;
}

.course_wrap .items {
 padding: 30px;
 font-size: 0;
}

.course_wrap .item {
 display: inline-block;
 width: 48%;
 margin-top: 30px;
 margin-left: 4%;
 vertical-align: top;
 text-align: center;
}

.course_wrap .item:nth-child(-n+2) {
 margin-top: 0;
}

.course_wrap .item:nth-child(2n-1) {
 margin-left: 0;
}

.course_wrap .item .image {
 position: relative;
 padding-bottom: 80%;
 border-radius: 20px;
 background-size: cover;
 background-position: 50% 50%;
 overflow: hidden;
}

.course_wrap .item .image a {
 display: none;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;

 background-color: rgba(0, 0, 0, 0.2);
}

.course_wrap .item .image:hover a {
 display: block;
}

.course_wrap .item .image a > div {
 display: table;
 width: 100%;
 height: 100%;
}

.course_wrap .item .image a > div > div {
 display: table-cell;
 vertical-align: middle;
}

.course_wrap .item .image a img {
 display: block;
 width: 40px;
 margin: 0 auto 5px auto;
}

.course_wrap .item .image a b {
 font-size: 1.4rem;
 font-weight: 500;
 color: #fff;
}

.course_wrap .item span {
 display: block;
 margin-top: 10px;
 font-size: 1.4rem;
 font-weight: 500;
 color: #333;
}

.course_tabs {
 width: 100%;
 margin-top: 30px;
 overflow-x: auto;
}

.course_tabs {
 -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */
}
.course_tabs::-webkit-scrollbar {
 display: none; /* Chrome, Safari, Opera*/
}

.course_tabs > div {
 width: 750px;
 padding-left: 30px;
}

.course_tabs a {
 display: inline-block;
 margin-left: 5px;
 padding: 6px 12px;
 border-radius: 10px;
 background: #f2f2f2;
 font-size: 1.6rem;
 font-weight: 500;
}

.course_tabs a:first-child {
 margin-left: 0;
}

.course_tabs a.on {
 background: #353535;
 font-weight: 600;
 color: #fff;
}

.course_banner {width: 100%; text-align:center; padding: 0 30px; margin-bottom: 25px;  }
.course_banner img {width: 100%; border-radius: 25px; box-shadow: 1px 1px 1px 1px #e3e3e3;}

.guide-bg { padding-bottom: 20px;}

.section1 { position: relative; min-height:30px; margin-bottom: 15px; background: url("/img/comm/sub_bg.png") no-repeat 0 0;}
.section1 strong { position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.7rem; font-family: 'Ria'; font-weight: bold; }
.section1 span { position: relative; display: inline-block; padding-bottom: 4px; font-size: 1.4rem; color: #fff;}
.section1 span::before { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: #fff;}

.section2 {
 padding: 0 0 3px;
 overflow-x: scroll;
 -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */
}

.section2.radius {
 position: relative;
 margin-top: -20px;
 padding-top: 20px;
 border-radius: 20px 20px 0 0;
 background: #fff;
 /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
 z-index: 1;
}

.section2::-webkit-scrollbar {
 display: none; /* Chrome, Safari, Opera*/
}

.section2 > div {
 width: 700px;
 font-size: 0;
}

.section2 a {
 display: inline-block;
 margin-left: 3px;
 padding: 4px 9px;
 border-radius: 30px;
 background: #ccc;
 font-size: 1.4rem;
 font-weight: 500;
 color: #fff;
}

.section2 a.on {
 background: #fbb844;
}

.section2.type2 a {
 border: 1px solid #ccc;
 background: #fafafa;
 color: #000;
 font-family: 'Ria';
 font-size: 1.4rem;
 letter-spacing: -1px;
}

.section2.type2 a.on {
 background: #000;
 border-color: #444;
 color: #fff;
}

.section2 a:first-child {
 margin-left: 0;
}
.section2.spot-tab div a:nth-child(2).on {background: #4181e2; border-color: #4181e2;}
.section2.spot-tab div a:nth-child(3).on {background: #ef5b8c; border-color: #ef5b8c;}
.section2.spot-tab div a:nth-child(4).on {background: #2db87f; border-color: #2db87f;}
.section2.spot-tab div a:nth-child(5).on {background: #774fc0; border-color: #774fc0;}
.section2.spot-tab div a:nth-child(6).on {background: #f0870a; border-color: #f0870a;}

.section3 {
 width: calc(100% - 40px);
 margin-left: 20px;
 margin-right: 20px;
 padding: 20px;

 border-radius: 5px;
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.section3 .step {
 position: relative;
}

.section3 .step b {
 position: relative;
 display: inline-block;
 padding-right: 20px;
 background: #fff;
 font-size: 1.4rem;
 color: #fbb844;
}

.section3 .step::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 display: block;
 width: 100%;
 height: 1px;
 background: #dbdbdb;
}

.section3 .title {
 margin-top: 10px;
 font-size: 1.8rem;
 font-weight: 600;
}

.section3 .guide-img {
 width: 100%;
 margin-top: 20px;
}

.section3 .login-link {
 padding-top: 20px;
}

.section3 .login-link a {
 display: block;
 width: 200px;
 margin: 0 auto;
 padding: 10px 0;
 border-radius: 10px;
 background: #fbb844;
 text-align: center;
 font-size: 1.6rem;
 font-weight: 600;
 color: #fff;
}

.section3 .login-link a:first-child {
 margin-bottom: 10px;
 background: #44cb84;
}

.section3 .login-link a img {
 height: 14px;
 vertical-align: top;
 margin-top: 5px;
 margin-right: 5px;
}

.section3 .login-link a:first-child img {
 height: 12px;
 margin-top: 7px;
}

.section3 dl.num {
 font-size: 0;
}

.section3 dl.num dt,
.section3 dl.num dd {
 display: inline-block;
 vertical-align: top;
 font-size: 1.6rem;
}

.section3 dl.num dt {
 width: 20px;
 font-weight: 600;
 color: #fbb844;
}

.section3 dl.num dd {
 width: calc(100% - 20px);
 word-break: normal;
}

.section3 dl.num dd span.blue {
 display: block;
}

ul.dot.blue {
 color: #a17a4b;
}

ul.dot li {
 position: relative;
 padding-left: 15px;
 font-size: 1.6rem;
}

ul.dot li::before {
 content: "※";
 position: absolute;
 top: 0;
 left: 0;
}

.text-area {
 font-size: 1.6rem;
 word-break: keep-all;
}

span.small {
 font-size: 1.5rem;
}

.text-area .blue {
 color: #a17a4b;
}

.section4 {
 padding: 0 20px;
}

.section4 img {
 width: 100%;
}

.section5 {
 padding: 40px;
 background: #fff;
}

.section5 .buttons a {
 width: 100%;
}

.section5 .buttons a.naver {
 margin-top: 7px;
 margin-right: 8px;
 background: #19ce60;
}

.section5 .buttons a.kakao {
 background: #f8b81f;
}

.section5 .buttons a img {
 margin-right: 8px;
 vertical-align: top;
}

.section5 .buttons a.naver img {
 height: 16px;
 margin-top: 7px;
 background: #19ce60;
}

.section5 .buttons a.kakao img {
 height: 20px;
 margin-top: 4px;
}

.section5 .text-area {
 margin-top: 40px;
 padding-top: 20px;
 border-top: 1px solid #dbdbdb;
}

.section6 {
 padding: 0 20px 20px 20px;
}

.section7 {
 padding: 20px;
}

.section7 .item {
 padding: 20px;
 border-radius: 6px;
}

.section7 .blue {
 background: #5f6aff;
}

.section7 .pink {
 position: relative;
 display: table;
 width: 100%;
 margin-top: 10px;
 background: #f990ab;
}

.section7 .pink ul {display: block; width: 100%; padding-top: 10px; font-size: 0;}
.section7 .pink li {display: inline-block; margin-left: 15px; text-align: center; vertical-align: top;}
.section7 .pink li:first-child {margin-left: 0;}
.section7 .pink li img { width: 90px; }
.section7 .pink li a { display: block; width: 90px; margin-top: 5px; padding: 2px 2px 0; line-height: 30px;font-size: 1.4rem; font-weight: 500; color: #fff; background: #333; border-radius: 10px;}
.section7 .pink li a.end { background: #bbb;}

.section7 .yellow {
 position: relative;
 margin-top: 10px;
 background: #fbb845;
}

.section7 .blue span,
.section7 .pink span,
.section7 .yellow strong {
 font-size: 1.8rem;
 font-weight: 600;
 color: #fff;
}

.section7 .blue strong {
 float: right;
 margin-top: -4px;
 font-size: 2.4rem;
 font-weight: 600;
 color: #fff;
}
.section7 p {
 margin-top: 5px;
 font-size: 1.4rem;
 color: #fff;
}

.section7 .yellow span {
 position: absolute;
 top: 20px;
 right: 20px;
 display: inline-block;
 padding: 2px 8px;
 border-radius: 100px;
 background: #999;
 font-size: 1.4rem;
 font-weight: 500;
 color: #fff;
}

.section7 .pink strong {
 font-size: 1.4rem; color: #fff; font-weight: 400;
}

.section7 .yellow span.apps {
 background: #5f6aff;
 color: #fff;
}

.section7 .time_all {text-align: center;}
.section7 .time_all span {display: block; margin-bottom: 10px;}
.section7 .time_all strong {float:inherit;}
.section7 .time_all a { display: inline-block; margin: 2px 0 0 10px; padding: 5px 35px 5px 10px; font-size: 1.4rem; font-weight: 500; border-radius: 20px; vertical-align:top;
background: #333 url("/img/comm/bu_arrow.png") no-repeat calc(100% - 10px) 50%;}

.time_send {padding-left: 20px; margin-bottom: 25px;}
.time_send span { display: block; margin: 0 0 10px 5px; font-size: 1.8rem; font-weight: 500;}
.time_send span.samll { font-size: 1.4rem;}

.time_send select {font-size: 1.6rem; margin-bottom: 10px;}
.time_send input.wTbox { width: 100%; margin-bottom: 10px; padding: 10px 20px; font-size: 1.6rem; background: #f7f7f7; border: 1px solid #8d8c8c; border-radius: 20px;}
.time_send input.wBtn  { display: table; width: 100%; margin: 0 auto 10px; padding: 10px; font-size: 1.6rem; background: #8d8c8c; border: 1px solid #666;}
.time_send input.wBtn2  { background:#ef9200; border: 1px solid #db8600;}

.section8 { padding:0 15px; }
.section8 .top { position: relative; text-align: right; font-size: 1.4rem;}
.section8 .top .left { position: absolute; top: 0; left: 0; padding-left: 10px; font-size: 1.4rem; font-weight: 500;}
.section8 .top .left span { margin-right: 3px; color: #1485ef; font-size: 1.5rem;}
.section8 .top p { padding-right: 10px; color: #333; font-weight: 400;}
.section8 .items { margin: 5px 0 20px;}
.section8 .item { position: relative; margin-top: 5px; padding: 5px 7px 3px 50px; background: #fff; border-radius: 15px; border: 1px solid #e3e3e3;}
.section8 .item:first-child { margin-top: 0;}
.section8 .item .left { position: absolute; top: 7px; left: 0; width: 50px; text-align: center; font-weight: 500; line-height: 100%; }
.section8 .item .left span { color: #aaa;}
.section8 .item.on .left span { color: #222; font-size: 1.3rem; font-weight: 600;}
.section8 .item .left img { display: block; width: 18px; margin: 0 auto 2px auto;}

.radius_n {min-height: 390px; border-radius: 0; padding-bottom: 50px; background: #f6f6f6;}
.section8 h3 {font-family: 'Ria'; font-size: 2.2rem; margin: 10px 0 20px; text-align: center;}
.section8 h3 span {display: block; font-size: 1.4rem; font-weight: 400; text-align: center;}
.section8 .item2  {padding-left: 20px;}
.section8 .item .center {text-align: left;}
.section8 .item .center span { display: block; color: #999; font-size: 1.4rem;}
.section8 .item .center span b {color: #444; font-weight: 500;}
.section8 .item .center img  {display:block; height: 90px; margin:0 7px 10px 0; border-radius: 20px;}
.section8 .item .right {position: absolute; top:15px; right:15px; width: 90px; height: 90px; text-align: center; background: #e45a4c; border-radius: 20px; cursor: pointer;}
.section8 .item .right.end {background: #999; cursor:inherit;}
.section8 .item .right span {position: absolute; top: 50%; left: 50%; width: 100px; padding: 7px; font-size: 1.3rem;  font-weight: 400; line-height: 120%; color: rgba(255, 255, 255, 0.7); transform: translate(-50%, -50%);}
.section8 .item .right span b {display: block; font-size: 1.6rem; font-weight: 500; color: #fff;}
.section8 .item .end {background: #999; cursor:inherit;}
.section8 .item .name { font-size: 1.6rem; padding: 3px 0; min-height: 22px; font-weight:600; line-height: 100%; vertical-align: top;}
.section8 .item p { font-size: 1.4rem; color: #888; line-height: 100%; font-weight: 400;}
.section8 .item p span { color: #000; font-weight: 500;}
.section8 .paging { margin: 30px 0 10px 0; }

/* 2026.08 수정 */
.alltime { margin: 15px 0 10px; padding: 15px 10px 7px 15px; font-size: 1.4rem; color: #fff; line-height: 100%; background: #222; border-radius: 20px;}
.alltime > span { display: inline-block; margin-right: 10px; padding-right: 10px; text-align: center; vertical-align: top;line-height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.2);}
.alltime > span b { display: block; margin-top: 5px; font-size: 2.2rem; line-height: 100%; }
.alltime b {  color: #a1fe71; font-family: 'Ria'; font-weight: 600; line-height: 100%; letter-spacing: 0; }
.alltime div { display: inline-block;  }
.alltime div > span { display: block; line-height: 100%; margin-bottom: 7px;}
.alltime div > span:first-child b { color: #fffb85;}
.alltime div > span b { display: inline-block; min-width: 70px; margin-left: 7px; text-align: right; font-size: 1.6rem;}

/* 2025.09.23 */
div.mygift { padding-bottom: 15px; text-align: center; font-size: 1.4rem;}
div.mygift b { display: block; margin: 15px 0 0; font-size: 2rem; font-family: 'Ria'; font-weight: 600;}
div.mygift span { display: table; margin: 0 auto 7px; padding: 5px 12px 3px; color: #fff; background: #ef3288; border-radius: 15px; }

.map-wrap .wrap_controllers {
 display: none;
}

.map-wrap > div {
 width: 100% !important;
}

.section9 {
 position: relative;
 z-index: 1;
}

.section9 .item {
 position: relative;
 margin-top: 7px;
 padding: 10px 15px;
 border-radius: 20px;
 background: #fff;;
 border: 1px solid #dbdbdb;
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
}

.section9 .item strong {
 font-size: 1.7rem;
 font-weight: 600;
}

.section9 .item p {
 font-size: 1.4rem;
 color: #666;
}

.section9 .item.on {
 background: #fbb948;
 border-color: #fbb948;
}

.section9 .item.on strong,
.section9 .item.on p {
 color: #fff;
}

.section9 .item span {
 position: absolute;
 top: 50%;
 right: 10px;
 display: block;
 margin-top: -12px;
 padding: 5px 8px 3px;
 border-radius: 15px;
 background: #a17a4b;
 text-align: center;
 font-size: 1.3rem;
 font-weight: 500;
 color: #fff;
}

.section10 {
 display: table;
 margin: 15px auto;
 padding: 10px 22px;
 text-align: center;
 font-size: 1.8rem;
 font-weight: 500;
 color: #fff;
 background: #1c7bdb;
 border-radius: 50px;
}

.section11 {
 padding: 0 0 10px;
}

.section11 .bt-privacy {
 display: block;
 width: 100%;
 height: 50px;
 margin-top: 5px;
 padding: 14px 20px 0 20px;
 background: url("/img/comm/select_arrow_right.png") no-repeat calc(100% - 22px) 50% #fff;
 background-size: 9px;
 border: 1px solid #8d8c8c;
 border-radius: 20px;
 font-size: 1.8rem;
 color: #333;
}

.section12 {
  padding: 0 15px 20px 15px;
}

.section12 > div {
 display: none;
}

.section12 > div:first-child {
 display: block;
}

.section12 .item {
 position: relative;
 margin-top: 5px;
 padding: 18px 15px 20px 15px;
 border-radius: 20px;
 border: 1px solid #dbdbdb;
}

.section12 .item:first-child {
 margin-top: 0;
}

.section12 .item strong {
 display: inline-block;
 font-size: 1.8rem;
}

.section12 .item span {
 display: inline-block;
 margin-left: 5px;
 margin-top: -8px;
 padding: 4px 7px;
 vertical-align: middle;
 background: #a17a4b;
 border-radius: 20px;
 line-height: 100%;
 font-size: 1.2rem;
 font-weight: 500;
 color: #fff;
}

.section12 .item span.frees {
 background: #ff6440;
}


.section12 .item b {
 position: absolute;
 top: 20px;
 right: 20px;
 font-size: 1.6rem;
}

.section12 .item p {
 margin-top: 2px;
 font-size: 1.4rem;
 color: #666;
}

/* 팝업 */
.privacy-popup-wrap {
 position: fixed;
 top: 0;
 left: 0;
 display: none;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
}

.privacy-popup-wrap .view {
 display: table-cell;
 vertical-align: middle;
}

.privacy-popup-wrap .box {
 position: relative;
 width: 80%;
 height: 300px;
 margin: 0 auto;
 padding: 30px 20px;

 border-radius: 40px;
 background: #fff;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 text-align: center;
}

.privacy-popup-wrap .box strong {
 font-size: 1.8rem; font-family: 'Ria'; font-weight: bold;
}

.privacy-popup-wrap .box p {
 margin: 20px 0;
 height: 120px;
 overflow-y: scroll;
 text-align: left;
 color: #929292;
}

.privacy-popup-wrap .box p span {
 color: #000;
}

.privacy-popup-wrap .buttons a {
 width: 120px;
 padding: 6px 0;
 font-size: 1.6rem;
}




/* ////// */


.event-wrap {
 background: url("/img/contents/event-bg.png");
 background-size: 100%;
}
.event-wrap img.wide {
 width: 100%;
}

.event-section1 {
 width: 280px;
 margin: 0 auto;
 font-size: 0;
}

.event-section1 .item {
 margin-top: 10px;
}

.event-section1 .item:first-child {
 margin-top: 0;
}

.event-section1 img {
 display: inline-block;
 vertical-align: top;
 height: 50px;
}

.event-section1 .ipt-wrap {
 display: inline-block;
 vertical-align: top;
 width: calc(100% - 70px);
 margin-left: 12px;
}

.event-section1 .ipt-wrap input[type="text"] {
 width: 100%;
 height: 47px;
 padding-left: 10px;

 box-shadow: 2px 2px 0 rgb(0 0 0 / 50%);
 border-radius: 5px;
 font-size: 1.6rem;
}

.event-section2 {
 width: 300px;
 margin: 0 auto;
 padding: 30px 40px;
 background: #53220e;
 border-radius: 5px;
}

.event-section2 input {
 display: block;
 margin-top: 10px;
 box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
 border-radius: 5px;
 width: 100%;
 height: 50px;
 padding: 10px;

 font-size: 1.8rem;
 font-weight: 600;
 color: #333;
}

.event-section2 input::placeholder {
 color: #333;
}

.event-guide {
 width: 100%; margin-top: 50px; padding:35px 20px 30px;  background: #fff;
 font-size: 1.6rem;
 word-break: keep-all;
}
.event-guide p { position:relative; padding-left: 20px; line-height: 130%; margin-bottom: 7px;}
.event-guide p::before { position:absolute; content:'※'; left:0; width:50px;}






.event-wrap .bt-privacy,
.event-wrap .bt-submit {
 display: block;
 width: 300px;
 margin: 0 auto;
}

.event-wrap .bt-privacy {
 margin: 10px auto;
}

.event-wrap .bt-privacy img,
.event-wrap .bt-submit img {
 width: 100%;
}

.event-wrap .ipt-wrap {
 position: relative;
}

.event-wrap .ipt-wrap .guide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 padding-top: 11px;
 padding-left: 10px;

}

.event-wrap .guide strong {
 font-size: 1.6rem;
}

.event-wrap .guide strong span {
 color: #e36500;
}

.event-wrap .guide p {
 display: inline-block;
 margin-left: 2px;
 font-size: 1.2rem;
 color: #666;
}


img.img_m {display: block; width: 100%; max-width: 768px; margin: 0 auto;}



/* mypage 2024.09 */
.mypage_id {position: absolute;top: 72px; left: 50%; transform: translate(-50%, 0%); font-size: 1.2rem; text-align: center; letter-spacing: 0; color: #fff;}
.mypage_id span {letter-spacing: 0; line-height: 12px; word-break:break-all; background: #0a4ca6; text-align: center;}

.mypageWrap { font-size: 0; padding: 20px 15px;}
.mypageWrap > div { padding: 15px; font-size: 1.5rem; color: #fff; text-align: center; border-radius: 20px; vertical-align: top;  }
.mypageWrap div span,
.mypageWrap div b { font-family: 'Ria'; }
.mypageWrap h3  { margin-bottom: 7px; font-size: 2.2rem; font-family: 'Ria'; }
.mypageWrap h3 span  { font-size: 1.5rem; font-weight: 400;}
.mypageWrap .my_time { display: inline-block; width: calc(50% - 10px); height: 210px; background: #6237b2;}
.mypageWrap div.all_time { display: table; width: 80px; height: 80px; margin: 0 auto 15px; color: #999; font-weight: 500; font-size: 1.3rem; font-family: 'Ria'; background: #fff; border-radius: 50%; }
.mypageWrap div.all_time span { display: table; margin: 18px auto 0; font-size: 3.3rem; color: #222; font-weight: bold; line-height: 100%;}
.mypageWrap div.sub_time span { display: inline-block; margin: 0 auto; padding: 0 5px; line-height: 100%; font-size: 1.3rem;}
.mypageWrap div.sub_time span:first-child { padding-right: 10px; border-right: 1px solid rgba(255, 255, 255, 0.2);}
.mypageWrap div.sub_time span b { display: table; margin: 0 auto 3px; font-size: 2.5rem; color: #ffc600; line-height: 100%; }


.mypageWrap .my_gift { display: inline-block; width: calc(50% - 10px); height: 210px; margin-left: 20px; background: #ef5b8c;}
.mypageWrap .my_gift ul { height: 90px; margin-bottom: 20px; padding: 10px; color: #222; font-family: 'Ria'; font-weight: 500; font-size: 1.4rem; background: #fff; border-radius:15px;}
.mypageWrap .my_gift ul li {font-weight: 500; line-height: 120%;}
.mypageWrap div.gift_in a { padding: 8px 25px 8px 15px; font-size: 1.5rem; font-family: 'Ria'; font-weight: 500; background: #222 url("/img/contents/ico_arr.png") no-repeat 90% 50%; border-radius:25px; }
.mypageWrap div.gift_in .ok { padding: 8px 15px 8px 15px; font-size: 1.4rem; font-weight: 500; background: #999; border-radius:25px; }

.mypageWrap .my_reward { margin: 20px 0 10px; width: 100%; background: #3aa5ff;}
.mypageWrap .my_reward h3 { line-height: 110%; text-align: left;}
.mypageWrap .my_reward h3 span { display: block; font-size: 1.4rem; font-weight: 300; font-family:'S-core';}
.mypageWrap .my_reward ul { font-size: 0; }
.mypageWrap .my_reward li { display: inline-block; width: 33.33%; font-size: 1.5rem; vertical-align: top; }
.mypageWrap .my_reward li .img_box { position: relative; display: block; width: 90px; height: 90px; margin: 5px auto 10px; background: #fff; border-radius: 50%;}
.mypageWrap .my_reward li .img_box img { width: 80%; margin-top: 10px; border-radius: 50%;}
.mypageWrap .my_reward li .img_box.stamp::before  { content: ''; position: absolute; top:0; left:0; width: 90px; height: 90px; background:url("/img/contents/reward_stamp.png") no-repeat 50% 50%/75px;}
.mypageWrap .my_reward li span {line-height: 110%; font-family:'S-core';}
.mypageWrap .my_reward button { display: table; margin: 7px auto 0; padding: 4px 20px 4px 10px; font-size: 1.3rem; color: #fff; background: #222 url("/img/contents/ico_arr.png") no-repeat 92% 50%/8px; border-radius:25px; cursor: pointer; }
.mypageWrap .my_reward button.ok { padding-right: 10px; background-image: none; background-color: #999; cursor:default; }
.mypageWrap .my_reward button.none { padding-right: 10px; background-image: none; background-color: #999; cursor:default; }










/* // */