@charset "utf-8";
@import url("font.css");

/* Default Layout */
#wrap {width:100%; height: 100%;}

/*메뉴*/
.toparea {z-index: 999; position: relative;}
.toparea .d_area {display: flex; display:-webkit-flex; justify-content: space-between; align-items: center;}
.toparea .topmenu {z-index: 900; position: absolute; left: 0; top: 0; width: 100%;}
.toparea .topmenu h1 {z-index: 900;}
.toparea .topmenu h1 a {display: block; width: 160px; height: 33px; background: url('../../images/hmpg/logo.png') no-repeat;}
.toparea .topmenu .gnb {margin: 0 auto; position: relative; display: flex; display:-webkit-flex; justify-content: center; flex: 1 1 auto; margin: 0 auto; gap: 20px; justify-content: space-between;}
.toparea .topmenu .gnb::before {position: absolute; top: 0; left: 0; display: block; content: ''; height: 580px; width: 100%;}
.toparea .topmenu .gnb > li {text-align: left; cursor: pointer; margin: 0; flex: 1 1 auto;}
.toparea .topmenu .gnb > li > a {transition: none; position: relative; display: inline-block; line-height: 100px; font-size: 2rem; font-weight: 600; color: #000; }
.toparea .topmenu .gnb > li:hover > a {color: #429573;}
.toparea .topmenu .gnb > li > ul {padding-top: 32px; display: none; position: absolute; flex-direction: column; gap: 15px;}
.toparea .topmenu .gnb > li > ul > li {text-align: left;}
.toparea .topmenu .gnb > li > ul > li > a{font-family: 'LeferiBase', 'Pretendard'; font-size: 20px; color: #0e7054; font-weight: 700;}
.toparea .topmenu .gnb > li > ul > li > a:hover{color: #000; text-decoration: underline; text-underline-offset: 0.2em; text-underline-offset: 0.5em; text-decoration-thickness: 3px;}
/*active*/
.toparea .topmenu {height: 102px; transition: height 0.3s, background 0.3s 0.2s; overflow: hidden;}
.toparea .topmenu.active { background: #c5eee2 no-repeat url(../../images/hmpg/topmenu_bg.jpg) center top/auto 530px; height: 530px; transition: height 0.3s; box-shadow: 8px 8px 8px -8px #ddd;}
.toparea .topmenu.active::before {content: ''; display: block; position: absolute; top: 100px; width: 100vw; height: 1px; background-color: #73b097; pointer-events: none;}
.toparea .topmenu.active .gnb > li > ul {display: flex;}
.toparea .topmenu .topbtn {z-index: 900;}
.toparea .topmenu .topbtn button.btn_join,
.toparea .topmenu .topbtn button.btn_log {font-size: 16px; font-weight: 500;}
.toparea .topmenu .topbtn button.btn_log {margin: 0 35px;}
.toparea .topmenu .topbtn button.btn_search .icon::before {background-color: #222;}
.toparea .topmenu .topbtn button.btn_search .icon::after {border-color: #222;}
.toparea .total_search_area {z-index: 999; display: none; position: absolute; left: 0; top: 0px; padding: 140px 0 40px; width: 100%; background-color: #fff;}
.toparea .total_search_area .btn_close {position: absolute; top: 55px; right: calc(50% - 600px); background-color: #fff;}
.toparea .total_search_area .btn_close .icon{width: 40px; height: 40px;}
.toparea .total_search_area .btn_close .icon::after,
.toparea .total_search_area .btn_close .icon::before{left: 0; top: calc(50% - 2px); width: 41px; height: 4px;}
.toparea .total_search_area .search_box {position: relative; margin: 0 auto; width: 700px; height: 56px; border: 1px solid #429573; border-radius: 80px;}
.toparea .total_search_area .search_box input {padding: 0 50px 0 30px; width: 100%; height: 100%; font-size: 20px; font-weight: 500; background-color: transparent;}
.toparea .total_search_area .search_box input:focus {outline: none;}
.toparea .total_search_area .search_box button.btn_search {position: absolute; right: 20px; top: calc(50% - 13px);}
.toparea .topmenu .btn_allgnb {display: none;}
.toparea .allmenu-category {display: none !important;}
.toparea .allmenu-category .membership {display: none;}

.maincontents .section {position: relative;}
.maincontents .section .title_box {margin-bottom: 40px;}
.maincontents .section .title_box h3 {font-size: 30px; line-height: 30px; font-weight: 600;}
.maincontents .section .btn_more {margin-top: 40px; text-align: center;}
.maincontents .section .btn_more button {width: 250px; height: 70px; line-height: 70px; font-size: 26px; font-weight: 600; border-radius: 35px 35px 0 35px; color: #429573; background-color: #fffae9;}
.maincontents .section .d_area .challenge_tab {margin-bottom: 40px;}
.maincontents .section .d_area .challenge_tab ul {display: flex; display:-webkit-flex;}
.maincontents .section .d_area .challenge_tab ul li {width: 250px; background-color: #fffae9;}
.maincontents .section .d_area .challenge_tab ul li:first-child {border-radius: 35px 0 0 35px;}
.maincontents .section .d_area .challenge_tab ul li:last-child {border-radius: 0 35px 0 0;}
.maincontents .section .d_area .challenge_tab ul li a {display: block; height: 70px; line-height: 70px; font-size: 26px; text-align: center;}
.maincontents .section .d_area .challenge_tab ul li.active a {font-weight: 600; color: #fff; border-radius: 35px 35px 0 35px; background-color: #429573;}

.maincontents .section.section1 {position: relative; padding: 150px 0 0; height: 700px; background: url('../../images/hmpg/bg_section1.png') no-repeat 0 center / 100% 100%;}
.maincontents .section.section1 .d_area {display: flex; display:-webkit-flex; justify-content: space-between; align-items: center;}
.maincontents .section.section1 .d_area .title {font-size: 54px; line-height: 74px; font-weight: 600;}
.maincontents .section.section1 .d_area .main_slide {overflow: hidden; position: relative; width: 720px; border-radius: 60px 60px 0 60px;}
.maincontents .section.section1 .d_area .main_slide  .slick-slider a {display: block; padding: 75px 0 0 60px; width: 100%; height: 460px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.maincontents .section.section1 .d_area .main_slide  .slick-slider a .txt .num {font-size: 28px; font-weight: 600; color: #fff;}
.maincontents .section.section1 .d_area .main_slide  .slick-slider a .txt p {margin-top: 15px; font-size: 30px; line-height: 44px; color: #fff;}
.maincontents .section.section1 .d_area .main_slide  .slick-arrow {display: none !important;}
.maincontents .section.section1 .d_area .main_slide  .slick-dots {z-index: 1; position: absolute; bottom: 90px; left: 80px; display: flex !important; display:-webkit-flex !important;}
.maincontents .section.section1 .d_area .main_slide  .slick-dots li {margin: 0 6px; width: 16px; height: 16px; line-height: 16px;}
.maincontents .section.section1 .d_area .main_slide  .slick-dots li button {width: 16px; height: 16px; line-height: 16px; font-size: 0; border-radius: 16px; border: 2px solid #fff;}
.maincontents .section.section1 .d_area .main_slide  .slick-dots li.slick-active button {background-color: #fff;}
.maincontents .section.section1 .d_area .main_slide  .slick-pause {z-index: 1; position: absolute; bottom: 90px; left: 60px;; width: 14px; height: 14px; background: url('../../images/hmpg/icon_section1_stop.png') no-repeat center;}
.maincontents .section.section1 .d_area .main_slide  .slick-pause.pause {background: url('../../images/hmpg/icon_section1_play.png') no-repeat center;}
.maincontents .section.section1 .d_area .main_slide .slick-list {overflow: visible;}
.maincontents .section.section1 .d_area .main_slide .slick-list .slick-current.focus a:focus {margin-left: 2px; margin-top: 4px; width: calc(100% - 4px) !important;}

.maincontents .section.section2 {margin: 80px 0;}
.maincontents .section.section2 .d_area ul {padding: 50px 30px; position: relative; display: flex; display:-webkit-flex; justify-content: center; flex-wrap: wrap; border-radius: 15px; background: #fffae9;}
.maincontents .section.section2 .d_area ul li {position: relative; width: 33.33333333%;}
.maincontents .section.section2 .d_area ul li:nth-child(1), 
.maincontents .section.section2 .d_area ul li:nth-child(2),
.maincontents .section.section2 .d_area ul li:nth-child(3) {margin-bottom: 40px;}
.maincontents .section.section2 .d_area ul li::after {display: block; content: ''; position: absolute; top: calc(50% - 27px); right: 0; width: 1px; height: 54px; background-color: #9f9d99;}
.maincontents .section.section2 .d_area ul li:nth-child(3)::after,
.maincontents .section.section2 .d_area ul li:last-child::after {display: none;}
.maincontents .section.section2 .d_area ul li a {display: flex; display:-webkit-flex; justify-content: center; align-items: center; line-height: 42px; font-weight: 400; text-align: center;}
.maincontents .section.section2 .d_area ul li a span {font-weight: 600;}
.maincontents .section.section2 .d_area ul li a .tit {font-size: 24px; line-height: 24px;}
.maincontents .section.section2 .d_area ul li a .num {margin-left: 30px; font-size: 42px; line-height: 42px; color: #e7360d;}

.maincontents .section.section3 {padding: 0 0 80px;}
.maincontents .section.section3 .d_area {position: relative;}
.maincontents .section.section3 .d_area .challenge .slick-slider {margin-left: -15px; width: calc(100% + 30px);}
.maincontents .section.section3 .d_area .challenge .slick-slider a {display: block; padding: 0 15px;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .img {width: 100%; height: 0; padding-bottom: 75%; border-radius: 15px 15px 0 15px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar {margin-top: 20px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar .bar_bg {position: relative; width: calc(100% - 70px); height: 10px; border-radius: 10px; background-color: #fffae9; border: 1px solid #f6f4ec;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar .bar_bg .bar_per {position: absolute; top: 0; left: 0; height: 10px; border-radius: 10px; background-color: #429573;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar .bar_txt{font-family: 'LeferiBase', 'Pretendard';   display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background-color: #daf4e9; color: #429573; border-radius: 85px; border-bottom-left-radius: 0; font-weight: 700; padding-top: 0.25em;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .tit {margin-top: 17px; font-size: 24px; font-weight: 600; line-height: 28px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .txt {margin-top: 17px;font-size: 20px; font-weight: 400; line-height: 20px; color: #7f7f7f;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .keyword {margin-top: 20px; display: flex; display:-webkit-flex; flex-wrap: wrap;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .keyword span {margin-right: 8px; font-size: 20px; font-weight: 400; color: #429573;}
.maincontents .section.section3 .d_area .challenge .slick-slider a .box .keyword span:last-child {margin-right: 0;}
.maincontents .section.section3 .d_area .slick-arrow {z-index: 10; opacity: 1; position: absolute; top: 12px; width: 45px; height: 45px; font-size: 0; color: transparent; border-radius: 45px; background: #ededed url('../../images/hmpg/icon_section3_arrow.png') no-repeat center;}
.maincontents .section.section3 .d_area .slick-arrow::after, .maincontents .section.section3 .d_area .slick-arrow::before {display: none;}
.maincontents .section.section3 .d_area .slick-arrow.slick-prev {right: 114px;}
.maincontents .section.section3 .d_area .slick-arrow.slick-next {right: 0;}
.maincontents .section.section3 .d_area .slick-pause {z-index: 1; position: absolute; top: 12px; right: 57px; width: 45px; height: 45px; border-radius: 45px; background: #ededed url('../../images/hmpg/icon_section3_stop.png') no-repeat center;}
.maincontents .section.section3 .d_area .slick-pause.pause {background: #ededed url('../../images/hmpg/icon_section3_play.png') no-repeat center;}

.maincontents .section.section4 .d_area ul {display: flex; display:-webkit-flex; flex-wrap: wrap;}
.maincontents .section.section4 .d_area ul li {margin: 0 30px 30px 0; width: calc(25% - 22.5px); border-radius: 20px 20px 0 20px;}
.maincontents .section.section4 .d_area ul li:nth-child(4n) {margin-right: 0;}
.maincontents .section.section4 .d_area ul li > a {overflow: hidden; position: relative; display: block; width: 100%; height: 0; padding-bottom: 123.18%; border-radius: 20px 20px 0 20px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.maincontents .section.section4 .d_area ul li > a .tit {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section.section4 .d_area ul li > a .tit p {position: absolute; bottom: -110px; padding: 15px 20px; width: 100%; height: 110px; font-size: 20px; line-height: 26px; color: #fff; background-color: #429573; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section.section4 .d_area ul li > a .tit p span {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.maincontents .section.section4 .d_area ul li > a:hover .tit {opacity: 1; background-color: rgba(0, 0, 0, 0.5);}
.maincontents .section.section4 .d_area ul li > a:hover .tit p {bottom: 0;}
.maincontents .section.section4 .d_area ul li .keyword {margin-top: 25px; display: flex; display:-webkit-flex; flex-wrap: wrap;}
.maincontents .section.section4 .d_area ul li .keyword span {margin-right: 15px; font-size: 20px; font-weight: 400; color: #429573;}
.maincontents .section.section4 .d_area ul li .keyword span:last-child {margin-right: 0;}
.maincontents .section.section4 .d_area .btn_more {margin-top: 10px;}

.maincontents .section.section5 {padding: 80px 0;}
.maincontents .section.section5 .d_area ul {display: flex; display:-webkit-flex; flex-wrap: wrap;}
.maincontents .section.section5 .d_area ul li {margin: 0 30px 30px 0; width: calc(25% - 22.5px); border-radius: 20px 20px 0 20px;}
.maincontents .section.section5 .d_area ul li:nth-child(4n) {margin-right: 0;}
.maincontents .section.section5 .d_area ul li > a {overflow: hidden; position: relative; display: block; width: 100%; height: 0; padding-bottom: 123.18%; border-radius: 20px 20px 0 20px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.maincontents .section.section5 .d_area ul li > a .tit {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section.section5 .d_area ul li > a .tit p {position: absolute; bottom: -110px; padding: 15px 20px; width: 100%; height: 110px; font-size: 20px; line-height: 26px; color: #fff; background-color: #429573; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section.section5 .d_area ul li > a .tit p span {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.maincontents .section.section5 .d_area ul li > a:hover .tit {opacity: 1; background-color: rgba(0, 0, 0, 0.5);}
.maincontents .section.section5 .d_area ul li > a:hover .tit p {bottom: 0;}
.maincontents .section.section5 .d_area ul li > a::after{content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.15); transition: background 0.2s;}
.maincontents .section.section5 .d_area ul li.play a::after {background: no-repeat url(../../images/hmpg/challenge_icon_play.png) right 30% top calc(50% + 15px) / 72% auto;}
.maincontents .section.section5 .d_area ul li.play a .tit {display: none;}
.maincontents .section.section5 .d_area .btn_more {margin-top: 10px;}

.maincontents .section.section6 {padding: 100px 0; background-color: #ecf1ef;}
.maincontents .section.section6 .d_area {position: relative;}
.maincontents .section.section6 .d_area .challenge_tab {margin-bottom: 80px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map {margin: 0 auto; position: relative; width: 839px; height: 687px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_bg {text-align: center;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li {position: absolute;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list01 {top: 1px; left: 479px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list02 {top: 10px; left: 546px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list03 {top: 43px; left: 421px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list04 {top: 105px; left: 230px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list05 {top: 161px; left: 411px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list06 {top: 167px; left: 359px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list07 {top: 195px; left: 598px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list08 {top: 224px; left: 268px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list09 {top: 235px; left: 507px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list10 {top: 272px; left: 188px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list11 {top: 324px; left: 388px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list12 {top: 324px; left: 477px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list13 {top: 318px; left: 573px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list14 {top: 366px; left: 352px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list15 {top: 243px; left: 0px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list16 {top: 377px; left: 114px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list17 {top: 365px; left: 224px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list18 {top: 460px; left: 92px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list19 {top: 458px; left: 272px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list20 {top: 530px; left: 213px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list21 {top: 514px; left: 264px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list22 {top: 439px; left: 418px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list23 {top: 414px; left: 495px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list24 {top: 398px; left: 597px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.list25 {top: 300px; right: 0;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.active {z-index: 9;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.active p {display: none;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li p.list_active {display: none;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_piece li.active p.list_active {display: block;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li {z-index: 99; position: absolute;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list01 {top: 92px; left: 513px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list02 {top: 113px; left: 589px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list03 {top: 143px; left: 457px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list04 {top: 193px; left: 300px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list05 {top: 245px; left: 480px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list06 {top: 283px; left: 403px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list07 {top: 254px; left: 628px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list08 {top: 305px; left: 312px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list09 {top: 287px; left: 544px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list10 {top: 343px; left: 269px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list11 {top: 343px; left: 446px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list12 {top: 360px; left: 527px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list13 {top: 370px; left: 616px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list14 {top: 407px; left: 410px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list15 {top: 340px; left: 92px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list16 {top: 445px; left: 156px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list17 {top: 446px; left: 258px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list18 {top: 508px; left: 135px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list19 {top: 482px; left: 348px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list20 {top: 592px; left: 253px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list21 {top: 575px; left: 340px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list22 {top: 540px; left: 467px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list23 {top: 510px; left: 562px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list24 {top: 485px; left: 685px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.list25 {top: 357px; right: 50px;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li.active {z-index: 0;}
.maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li button {font-size: 16px; font-weight: 700; color: #429573;}
.maincontents .section.section6 .d_area .wrap1 .challenge_map_wrap .challenge_map .challenge_map_name li button {cursor: default;}

.maincontents .section.section6 .d_area .challenge_division {margin: 80px 0;}
.maincontents .section.section6 .d_area .challenge_division dl {display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
.maincontents .section.section6 .d_area .challenge_division dl dt {margin-right: 20px; font-size: 16px; font-weight: 600;}
.maincontents .section.section6 .d_area .challenge_division dl dd {display: flex; display:-webkit-flex;}
.maincontents .section.section6 .d_area .challenge_division dl dd span {margin-right: 10px; width: 80px; height: 38px; line-height: 34px; font-size: 13px; font-weight: 700; text-align: center; border-radius: 10px; border: 3px solid #fff; color: #429573;}
.maincontents .section.section6 .d_area .challenge_division dl dd span:last-child {margin-right: 0;}
.maincontents .section.section6 .d_area .challenge_division dl dd span.division01 {background-color: #f4f9f6;}
.maincontents .section.section6 .d_area .challenge_division dl dd span.division02 {background-color: #ddf2e5;}
.maincontents .section.section6 .d_area .challenge_division dl dd span.division03 {background-color: #b5eacf;}
.maincontents .section.section6 .d_area .challenge_division dl dd span.division04 {background-color: #87ddb6;}
.maincontents .section.section6 .d_area .challenge_division dl dd span.division05 {background-color: #67c699;}
.maincontents .section.section6 .d_area .challenge_slide {padding: 50px 60px 30px; height: 234px; border-radius: 20px; background-color: #429573;}
.maincontents .section.section6 .d_area .challenge_slide .slick-slider div p {margin-bottom: 25px;}
.maincontents .section.section6 .d_area .challenge_slide .slick-slider div p:last-child {margin-bottom: 0;}
.maincontents .section.section6 .d_area .challenge_slide .slick-slider div p span {margin-right: 30px; padding-right: 30px; position: relative; font-size: 24px; color: #fff;}
.maincontents .section.section6 .d_area .challenge_slide .slick-slider div p span.tit {font-weight: 600;}
.maincontents .section.section6 .d_area .challenge_slide .slick-slider div p span::after {display: block; content: ''; position: absolute; top: calc(50% - 11px); right: 0; width: 1px; height: 23px; background-color: #8ebfab;}
.maincontents .section.section6 .d_area .challenge_slide .slick-slider div p span:last-child{margin-right: 0; padding-right: 0;}
.maincontents .section.section6 .d_area .challenge_slide .slick-slider div p span:last-child:after {display: none;}
.maincontents .section.section6 .d_area .challenge_slide .slick-dots {margin-top: 55px; display: flex !important; display:-webkit-flex !important; justify-content: center;}
.maincontents .section.section6 .d_area .challenge_slide .slick-dots li {margin: 0 6px; width: 16px; height: 16px; line-height: 16px;}
.maincontents .section.section6 .d_area .challenge_slide .slick-dots li button {width: 16px; height: 16px; line-height: 16px; font-size: 0; border-radius: 16px; border: 2px solid #fff;}
.maincontents .section.section6 .d_area .challenge_slide .slick-dots li.slick-active button {background-color: #fff;}
.maincontents .section.section6 .d_area .wrap2 .challenge_slide {margin-top: 80px;}
.maincontents .section.section6 .d_area .wrap2 .challenge_slide.nodata {padding: 0 !important; display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
.maincontents .section.section6 .d_area .wrap2 .challenge_slide.nodata div {width: 100% !important; height: auto !important;}
.maincontents .section.section6 .d_area .wrap2 .challenge_slide.nodata div p {font-size: 24px; color: #fff;}

.maincontents .section.section7 {padding: 80px 0;}
.maincontents .section.section7 .d_area {position: relative; display: flex; display:-webkit-flex; align-items: center; padding: 0 120px 0 60px; height: 146px; border-radius: 15px 15px 0 15px; background-color: #fffae9;}
.maincontents .section.section7 .d_area .title_box {width: 160px; margin-bottom: 0;}
.maincontents .section.section7 .d_area .notice {width: calc(100% - 160px);}
.maincontents .section.section7 .d_area .notice .slick-slider a {display: flex !important; display:-webkit-flex !important; justify-content: space-between;}
.maincontents .section.section7 .d_area .notice .slick-slider a .txt {max-width: calc(100% - 132px); font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.maincontents .section.section7 .d_area .notice .slick-slider a .date {width: 100px; font-size: 20px;}
.maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow {position: absolute; right: 60px; width: 21px; height: 12px; opacity: 1; background: url('../../images/hmpg/icon_section7_arrow.png') no-repeat center;}
.maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow::after, 
.maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow::before {display: none;}
.maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow.slick-prev {top: 44px;}
.maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow.slick-next {top: 88px;}

.bottomarea {border-top: 1px solid #9f9d99;}
.bottomarea .d_area {position: relative; padding: 35px 0 80px;}
.bottomarea .d_area .agree_area {margin-bottom: 40px; display: flex; display:-webkit-flex;}
.bottomarea .d_area .agree_area > li {margin-right: 40px;}
.bottomarea .d_area .agree_area > li:last-child {margin-right: 0;}
.bottomarea .d_area .agree_area > li a {font-size: 20px; font-weight: 600; color: #7f7f7f;}
.bottomarea .d_area .agree_area > li.pri a {color: #000;}
.bottomarea .d_area .address_box .logo img {margin-bottom: 15px;}
.bottomarea .d_area .address_box .logo p {line-height: 20px; font-size: 14px; font-weight: 600;}
.bottomarea .d_area .address_box .logo p span {font-size: 18px;}
.bottomarea .d_area .address_box address img {margin-top: 35px; height: 24px;}
.bottomarea .d_area .address_box address p {line-height: 24px; font-size: 16px; font-weight: 300;}
.bottomarea .d_area .address_box address .information {margin-top: 20px;}
.bottomarea .d_area .address_box address .copyright {margin-top: 15px;}

/*팝업*/
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1101; -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(0, 0, 0, 0.4);}
.modal.on {display: block;}
.popup {z-index: 1100; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; max-width: calc(100% - 40px); max-height: calc(100% - 40px); background: #fff; border-radius: 25px 0 25px 25px;}
.popup .modal_close {position: absolute; top: -20px; right: -20px; width: 50px; height: 50px; border-radius: 0 0 10px 0; background-color: #4b4c51;}
.popup .modal_close::after, .popup .modal_close::before {content: ''; position: absolute; left: 10px; top: calc(50% - 0.5px); width: 30px; height: 1px; background-color: #fff; border-radius: 3px;}
.popup .modal_close::after {transform: rotate(-45deg);}
.popup .modal_close::before {transform: rotate(45deg);}
.popup .popup_scroll {overflow-y: auto; max-height: calc(100vh - 40px);}
.popup .popup_title {padding: 25px 30px; background-color: #419573; border-radius: 25px 0 0 0;}
.popup .popup_title h3 {padding-right: 30px; color: #fff; font-size: 24px; font-weight: 500;}
.popup .popup_inner {padding: 0 30px 40px;}
.popup .popup_inner .popup_txt {margin-top: 20px; font-size: 16px; line-height: 26px; color: #666;}
.popup .popup_inner .button_box {margin-top: 25px;}
.popup .popup_inner .button_box button.agree img,
.popup .popup_inner .button_box button.disagree img {margin-left: 10px;}
.popup .boardview {margin: 40px 0 0;}
.popup .boardview h4 {margin-bottom: 5px; font-size: 18px; color: #222;}
.popup .boardview table thead tr th {padding: 12px 15px;}
.popup .boardview table tr th {font-size: 15px;}
.popup .boardview table tr td {font-size: 15px;}
.boardview.boardpopup table thead tr th {text-align: center; border-left: 1px solid #ddd;}
.boardview.boardpopup table thead tr th:first-child {border-left: 0;}
.boardview.boardpopup table tr td {text-align: center; border-left: 1px solid #ddd;}
.boardview.boardpopup table tr td:first-child {border-left: 0;}
.boardview.boardpopup table tr td .file a {font-size: 15px;}
.popup .boardlist {margin-top: 40px;}

/*메인팝업*/
.popup.main {padding: 0; transform: translate(0, 0); border-radius: 25px 25px 27px 27px;}
.popup.main .popup_title {margin-bottom: 25px; padding: 0;}
.popup.main .popup_title h3 {color: #222; font-size: 22px;}
.popup.main .popup_inner {padding: 30px 30px 40px;}
.popup.main .popup_inner img {max-width: 100%;}
.popup.main .popup_inner .content_box {margin-bottom: 20px; line-height: 24px; color: #666;}
.popup.main .popup_inner .file_box {padding-top: 25px; border-top: 1px solid #ddd;}
.popup.main .button_box {margin-top: 0;}
.popup.main .button_box button {margin-left: 0; width: 100%; height: 55px; font-size: 15px; font-weight: 500; color: #fff;}
.popup.main .button_box button:first-child {background-color: #0f6de2; border-radius: 0 0 0 25px;}
.popup.main .button_box button:last-child {background-color: #4b4c51; border-radius: 0 0 25px 0;}
.popup.main.img .popup_inner {padding: 0;}

/*인증팝업*/
.popup.alert {width: 500px;}
.popup.alert .modal_close{right: -25px; top:-25px; line-height: 1.4em;}
.popup.alert .modal_close::after, .popup.alert .modal_close::before{width: 30px; left: 10px;}
.popup.alert .popup_title {display: flex; padding: 10px 40px; align-items: center; background-color: #429573; height: 74px; border-top-left-radius: 27px;}
.popup.alert .popup_title h3 {color: #fff; font-size: 22px; font-family: 'LeferiBase', 'Pretendard'; font-weight: 700;}
.popup.alert .popup_inner {padding: 30px 30px 40px;}
.popup.alert .popup_text h4{display: block; text-align: center; font-weight: 700; font-size: 20px; margin: 0; padding: 20px; text-align: center; background-color: #fffae9; border-radius: 20px; line-height: 1.4em;}
.popup.alert .popup_text h4 em{color: #ec4000; font-style: normal;}
.popup.alert .popup_text p{font-size: 20px; font-weight: 500; text-align: center; padding: 30px 0 20px; line-height: 1.5em;}
.popup.alert .btn {flex: 0 1 auto; white-space: nowrap; min-width: 131px; height: 47px; display: flex; align-items: center; justify-content: center; background-color: #429573; color: #fff; font-family: 'LeferiBase', 'Pretendard'; font-weight: 700; border-radius: 70px; transition: none; }
.popup.alert .btn.btn_line {background-color: #fff; color: #429573; border: 1px solid #429573;}

/*기관팝업*/
.popup.org {width: 700px;}
.popup.org .btn {flex: 0 1 auto; white-space: nowrap; min-width: 131px; height: 47px; display: flex; align-items: center; justify-content: center; background-color: #429573; color: #fff; font-family: 'LeferiBase', 'Pretendard'; font-weight: 700; border-radius: 70px; transition: none;}
.popup.org .popup_title{background-color: #429573; border-top-left-radius: 27px; flex-direction: column; align-items: flex-start; height: auto; padding: 40px 40px 20px;}
.popup.org .popup_title h3 {color: #fff; font-size: 24px; margin-bottom: 20px;}
.popup.org .popup_title p {font-size: 18px; line-height: 1.33; color: #fff;}
.popup.org .popup_title .button_box {font-size: 18px; line-height: 1.33; color: #fff;}
.popup.org .popup_title .button_box .btn{width: 130px;height: 46px; border-radius: 50px; margin-right: 8px; border: solid 1px #429573;background-color: #fff; color: #000;  font-family: 'LeferiBase', 'Pretendard'; font-weight: 700; font-size: 16px;}
.popup.org .popup_inner .dot{position: relative;}
.popup.org .popup_inner .dot:before{content: ''; display: block; position: absolute; top: calc(0.625em - 5px); left: 0px; width: 10px;height: 10px;border-radius: 100%;background-color: #429573; border-radius: 100%;}
.popup.org .popup_inner p.dot:before{ top: calc(0.75em - 5px);}
.popup.org .popup_inner{font-size: 16px; font-weight: 500; line-height: 1.5; color: #000;}
.popup.org .popup_inner > h4:not(:first-child),
.popup.org .popup_inner > dl:not(:first-child){margin-top: 30px;}
.popup.org .popup_inner > p:not(:first-child){margin-top: 10px;}
.popup.org .boardview {margin-right: 30px;}
.popup.org .boardview_scroll {margin-top: 8px; max-height: 300px;  overflow-y: auto;}
.popup.org .boardview table {margin-left: 18px; width: calc(100% - 18px); border-top: 1px solid #ddd;}
.popup.org .boardview table tr th {background-color: transparent; font-weight: 700;}
.popup.org .boardview table tr td ,
.popup.org .boardview table tr th {border-left: 0; border-right: 0; color: #000;}
.popup.org .center{display: flex; justify-content: center;}
.popup.org .popup_list_box{margin: 0 auto; width: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 auto; background: #fffae9; color: #000; padding: 23px 30px; border-radius: 20px;}
.popup.org .popup_list_box li{ margin-top: 0.025em;  position: relative; font-family: 'LeferiBase', 'Pretendard'; font-weight: 700;  font-size: 18px; line-height: 1; color: #000; padding-right: 20px; margin-right: 20px;}
.popup.org .popup_list_box li::before{ content: ''; display: block; right: 0; width: 1px; height: 0.85em; background-color: #ccc; position: absolute; top: calc(50% - 0.65em);}
.popup.org .popup_list_box li:last-child{padding-right: 0 !important; padding-right: 0 !important;}
.popup.org .popup_list_box li:last-child:before{display: none;}
.popup.org .popup_inner {padding: 30px 30px 40px;}
.popup.org .popup_inner h4{font-size: 18px; padding-left: 18px; font-weight: bold; line-height: 1.25;}
.popup.org .popup_inner p{line-height: inherit; padding-left: 18px;}
.popup.org .popup_title .button_box .btn{ width: auto; margin: 0 4px;}
.popup.org .popup_title .button_box .btn [class*="icon_"]{display: block; margin-top: -6px; margin-left: -2px;  min-width: 20px; width: 20px; height: 20px; overflow: hidden; text-decoration: 10000px; font-size: 1px; background: no-repeat center/contain;}
.popup.org .popup_title .button_box .btn .icon_paper{background-image: url(../../images/hmpg/icon_paper.png);}
.popup.org .modal_close{right: -25px; top:-25px; line-height: 1.4em;}
.popup.org .modal_close::after, .popup.org .modal_close::before{width: 30px; left: 10px;}

/*지도확인팝업*/
.popup.mapPopup #map{width: auto; height: 500px; border-radius: 0 0 30px 30px; margin: 20px -40px -50px; background-color: #ddd;}

/*후기팝업*/
.popup.review .popup_title .list_box {margin-top: 10px;}
.popup.review .popup_title .list_box li {padding-right: 10px; margin-right: 10px; font-size: 20px; color: #fff;}
.popup.review .popup_title .list_box li:last-child {padding-right: 0; margin-right: 0;}
.popup.review .popup_title .like {display: flex; justify-content: center; align-items: center; position: absolute; top: 50px; right: 30px; min-width: 90px; height: 40px; font-size: 20px; border-radius: 40px; background-color: #daf2e9;}
.popup.review .popup_title .like [class*="icon_"]{display: block; width: 24px; height: 22px; overflow: hidden; text-decoration: 10000px; font-size: 0.1px; background: no-repeat center/contain;}
.popup.review .popup_title .like .icon_like{margin-right: 10px; background-image: url(../../images/hmpg/icon_review_heart.png);}
.popup.review .popup_inner .popup_review {padding-top: 30px;}
.popup.review .popup_inner .popup_review .img_box {width: 100%; height: 0; padding-bottom: 55%; border-radius: 20px 20px 0 20px; background: no-repeat center/cover;}
.popup.review .popup_inner .popup_review .text_box {overflow-y: auto; margin-top: 20px; max-height: 170px;}

/*챌린지인증팝업*/
.popup.img .popup_inner {padding: 30px;}
.popup.img .popup_inner .popup_img img {width: 100%;}

/*에러페이지*/
.error {position: fixed; width: 100%; height: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-flow: column; align-items: center; justify-content: center;}
.error h1 {margin-bottom: 30px;}
.error .error_box {text-align: center; word-break: keep-all;}
.error .error_box .txt1 {padding: 165px 0 65px; font-size: 32px; font-weight: 600; color: #000; background: #fff url('../../images/hmpg/icon_error.png') no-repeat center 0;}
.error .error_box .txt1 span {color: #429573;}
.error .error_box .txt2 {font-size: 28px; line-height: 44px; color: #000;}
.error .error_box .button_box {margin-top: 80px;}
.error .error_box .button_box button {width: 215px; height: 70px; font-size: 20px; font-weight: 600; border-radius: 70px;}
.error .error_box .button_box button.btn_prev {border: 1px solid #429573; color: #429573;}
.error .error_box .button_box button.btn_home {margin-left: 20px; background-color: #429573; color: #fff;}

/*splash*/
.splash {
    background: #fff url('../../images/hmpg/bg_splash.jpg') repeat-x center 0 / auto 100%;
    padding: 45px; position: absolute; top: 0; height: 100vh; width: 100vw; animation: hideSplashScreen 2s ease-in-out forwards;
    display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;
}
@keyframes hideSplashScreen {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
}
.splash .map {margin: 0 auto 110px; position: relative; width: 274px; height: 225px;}
.splash .map p img {width: 100%;}
.splash .logo {text-align: center;}
.splash .logo img {margin-left: 15px; width: 67px; height: auto;}
.splash .logo p {margin: 20px 0 0; line-height: 30px; font-size: 18px; color: #116945;}
.splash .logo span {font-size: 24px; font-weight: 600;}

@media screen and (max-width:1366px) {
    .toparea .total_search_area .btn_close {right: 25px;}
    .bottomarea .d_area {position: relative; padding: 30px 0 40px;}
}
@media screen and (max-width:1280px) {
    .toparea .topmenu .gnb {gap: 10px;}
    .toparea .topmenu .gnb > li > a {font-size: 20px;}
    .toparea .topmenu .gnb > li > ul > li > a{font-size: 16px;}
    .toparea .topmenu .topbtn button.btn_log{margin: 0 20px;}
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:1024px) {
    /*메뉴*/
    .toparea {z-index: 200; position: relative; padding-bottom: 0;}
    .toparea .topmenu {top: 0; height: 55px; background-color: #fff; transition:none}
    .toparea .topmenu h1 {position: absolute; top: 19px; left: calc(50% - 24px);}
    .toparea .topmenu h1 a {width: 48px; height: 19.5px; background-size: cover;}
    .toparea .topmenu .gnb {display: none; display:-webkit-none;}
    .toparea .topmenu .topbtn button.btn_join,
    .toparea .topmenu .topbtn button.btn_log {display: none;}
    .toparea .topmenu .topbtn button.btn_search {position: absolute; right: 25px; top: 17px; transform: scale(0.8);}
    .toparea .topmenu.active {border-bottom: 1px solid #fff; background-color: transparent;}
    .toparea .topmenu.active h1 a {width: 120px; height: 35px; background: url('../../images/hmpg/logo.png') no-repeat center / cover;}
    .toparea .topmenu.active .topbtn button.btn_search .icon::before {background-color: #fff;}
    .toparea .topmenu.active .topbtn button.btn_search .icon::after {border-color: #fff;}
    .toparea .total_search_area {z-index: 902; top: 0; padding: 55px 25px 20px; height: auto; background-color: #fff; border-top: 0; box-shadow: none;}
    .toparea .total_search_area .btn_close {top: 15px; right: 18px;}
    .toparea .total_search_area .btn_close .icon{width: 25px; height: 25px;}
    .toparea .total_search_area .btn_close .icon::after, 
    .toparea .total_search_area .btn_close .icon::before{width: 25px; height: 2px;}
    .toparea .total_search_area .search_box {width: 100%; height: 40px;}
    .toparea .total_search_area .search_box input {padding: 0 35px 0 15px; font-size: inherit;}
    .toparea .total_search_area .search_box button.btn_search {right: 10px; top: calc(50% - 13px); transform: scale(0.8);}
    .toparea .total_search_area .search_box button.btn_search .icon{transform: scale(0.8); transform-origin: center right;}
    .toparea .bg_total_search_area {z-index: 901; display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);}
    .toparea .bg_total_search_area.active {display: block;}
    .toparea .topmenu .btn_allgnb {display: block; z-index: 999; position: absolute; left: 25px; top: 21px; transform: translateY(0); width: 20px; height: 14px;}
    .toparea .topmenu .btn_allgnb span {position: absolute; left: 0; display: block; width: 20px; height: 2px; background-color: #000;}
    .toparea .topmenu .btn_allgnb span.line1 {left: 0; top: 1px;}
    .toparea .topmenu .btn_allgnb span.line2 {left: auto; right: 0; top: calc(100% + 0px); transform: translateY(-50%);}
    .toparea .allmenu-category {z-index: 9999; position: fixed; top: 0; transform: translateX(0); width: 100%; height: 100% !important; background-color: rgba(0, 0, 0, 0.8); animation: allmenu 1s 1;}
    .toparea .allmenu-category.active {display: flex !important; display: -webkit-flex !important; justify-content: left; animation: allmenu2 1s 1;}
    .toparea .allmenu-category .btn_close {position: absolute; top: 17px; right: 25px; transform: scale(0.8);}
    .toparea .allmenu-category .topbtn {margin: 55px 25px 15px; padding: 13px 0; text-align: center; border-radius: 10px; background-color: #fffae9;}
    .toparea .allmenu-category .topbtn button {padding-top: 23px; font-size: inherit; font-weight: 400; text-align: center;}
    .toparea .allmenu-category .topbtn button.btn_join {margin-right: 40px; background: url('../../images/hmpg/icon_join.png') no-repeat center 0 / 12px auto;}
    .toparea .allmenu-category .topbtn button.btn_log {background: url('../../images/hmpg/icon_log.png') no-repeat center 0 / 13px auto;}
    .toparea .allmenu-category .menu_box {overflow-y: auto; position: relative; width: calc(100% - 70px); height: 100%; background-color: #fff;}
    .toparea .allmenu-category .menu_box .all_gnb {display: block; margin: 0 25px;}
    .toparea .allmenu-category .menu_box .all_gnb > li  {border-bottom: 1px solid #9f9d99;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a {z-index: 99; position: relative; display: block; width: 100%; height: 45px; line-height: 45px; font-size: 1.8rem; font-weight: 600;  color: #222;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .icon {position: absolute; top: calc(50% - 7px); right: 15px; display: inline-block; width: 13px; height: 13px;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .icon::after, .toparea .allmenu-category .menu_box .all_gnb > li > a .icon::before {content: ''; position: absolute; left: 0; top: calc(50% - 0.5px); width: 100%; height: 1px; background-color: #222;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .icon::before {transform: rotate(90deg);}
    .toparea .allmenu-category .menu_box .all_gnb > li.active > a .icon::before {transform: rotate(0deg);}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list_wrap{position: relative;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list_wrap::before,
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list_wrap::after {content: ''; display: block; width: 10px; height: 2px; position: absolute; top: -25px; right: 10px; background-color: #000;} 
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list_wrap::after{transform: rotate(-90deg); transform-origin: center;}
    .toparea .allmenu-category .menu_box .all_gnb > li.active .menu_list_wrap::after{display: none;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list {position: relative; z-index: 9; display: none; padding: 0 0 15px; width: 100%;}
    .toparea .allmenu-category .menu_box .all_gnb > li.active .menu_list {display: block;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list > li {margin-bottom: 0;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list > li:last-child {margin-bottom: 0;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list > li > a {margin: 0; display: block; position: relative; font-size: inherit; line-height: 2.2; color: #000;}

    .maincontents .section .title_box {margin-bottom: 15px;}
    .maincontents .section .title_box h3 {font-size: 16px; line-height: 16px;}
    .maincontents .section .btn_more {margin-top: 20px; text-align: center;}
    .maincontents .section .btn_more button {width: 125px; height: 35px; line-height: 35px; font-size: 15px; border-radius: 18px 18px 0 18px;}
    .maincontents .section .d_area .challenge_tab {margin-bottom: 15px;}
    .maincontents .section .d_area .challenge_tab ul li {width: 125px;}
    .maincontents .section .d_area .challenge_tab ul li:first-child {border-radius: 18px 0 0 18px;}
    .maincontents .section .d_area .challenge_tab ul li:last-child {border-radius: 0 18px 0 0;}
    .maincontents .section .d_area .challenge_tab ul li a {height: 35px; line-height: 35px; font-size: 14px; letter-spacing: -0.5px;}
    .maincontents .section .d_area .challenge_tab ul li.active a {border-radius: 18px 18px 0 18px;}

    .maincontents .section.section1 {position: relative; padding: 90px 0 35px; height: auto; background-size: cover;}
    .maincontents .section.section1 .d_area {display: block;}
    .maincontents .section.section1 .d_area .title {margin-bottom: 25px; font-size: 23px; line-height: 27px; text-align: center;}
    .maincontents .section.section1 .d_area .title img {margin-top: 12px; width: 53px; height: auto;}
    .maincontents .section.section1 .d_area .main_slide {width: 100%; border-radius: 30px 30px 0 30px;}
    .maincontents .section.section1 .d_area .main_slide  .slick-slider a {display: block; padding: 25px 0 0 25px; height: 0; padding-bottom: 64%;}
    .maincontents .section.section1 .d_area .main_slide  .slick-slider a .txt .num {font-size: 14px;}
    .maincontents .section.section1 .d_area .main_slide  .slick-slider a .txt p {margin-top: 7px; font-size: 15px; line-height: 20px;}
    .maincontents .section.section1 .d_area .main_slide  .slick-dots {bottom: 25px; left: 38px;}
    .maincontents .section.section1 .d_area .main_slide  .slick-dots li {margin: 0 3px; width: 10px; height: 10px; line-height: 10px;}
    .maincontents .section.section1 .d_area .main_slide  .slick-dots li button {width: 10px; height: 10px; line-height: 10px; border-radius: 10px; border: 1px solid #fff;}
    .maincontents .section.section1 .d_area .main_slide  .slick-pause {bottom: 25px; left: 25px;; width: 10px; height: 10px; background-size: auto 100%;}
    .maincontents .section.section1 .d_area .main_slide  .slick-pause.pause {background-size: auto 100%;}

    .maincontents .section.section2 {margin: 30px 0;}
    .maincontents .section.section2 .d_area ul {padding: 15px 5px; border-radius: 10px;}
    .maincontents .section.section2 .d_area ul li {padding-left: 15px;}
    .maincontents .section.section2 .d_area ul li:nth-child(1), 
    .maincontents .section.section2 .d_area ul li:nth-child(2),
    .maincontents .section.section2 .d_area ul li:nth-child(3) {margin-bottom: 15px;}
    .maincontents .section.section2 .d_area ul li:nth-child(4),
    .maincontents .section.section2 .d_area ul li:nth-child(5) {width: 50%;}
    .maincontents .section.section2 .d_area ul li::after {top: calc(50% - 17px); height: 33px;}
    .maincontents .section.section2 .d_area ul li a {display: block; line-height: auto; text-align: left;}
    .maincontents .section.section2 .d_area ul li a span {display: block;}
    .maincontents .section.section2 .d_area ul li a .tit {margin-bottom: 3px; font-size: 11px; line-height: 11px;}
    .maincontents .section.section2 .d_area ul li a .num {margin-left: 0; font-size: 20px; line-height: 20px;}

    .maincontents .section.section3 {padding: 0 0 30px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider {margin-left: -5px; width: calc(100% + 10px);}
    .maincontents .section.section3 .d_area .challenge .slick-slider a {display: block; padding: 0 5px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .img {border-radius: 10px 10px 0 10px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar {margin-top: 10px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar .bar_bg {width: calc(100% - 42px); height: 6px; border-radius: 6px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar .bar_bg .bar_per {height: 6px; border-radius: 6px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .bar .bar_txt {width: 35px; height: 35px; font-size: 1.2rem;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .tit {margin-top: 10px; font-size: 14px; line-height: 14px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .txt {margin-top: 10px;font-size: 12px; line-height: 12px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .keyword {margin-top: 10px;}
    .maincontents .section.section3 .d_area .challenge .slick-slider a .box .keyword span {margin-right: 5px; font-size: 12px; line-height: 16px;}
    .maincontents .section.section3 .d_area .slick-arrow {display: none !important;}
    .maincontents .section.section3 .d_area .slick-pause {display: none !important;}

    .maincontents .section.section4 .d_area ul li {margin: 0 10px 10px 0; width: calc(25% - 7.5px); border-radius: 10px 10px 0 10px;}
    .maincontents .section.section4 .d_area ul li > a {border-radius: 10px 10px 0 10px;}
    .maincontents .section.section4 .d_area ul li > a .tit {opacity: 1; background-color: rgba(0, 0, 0, 0.5);}
    .maincontents .section.section4 .d_area ul li > a .tit p {bottom: 0; padding: 8px 10px; height: 60px; font-size: 12px; line-height: 15px;}
    .maincontents .section.section4 .d_area ul li .keyword {margin-top: 7px;}
    .maincontents .section.section4 .d_area ul li .keyword span {margin-right: 7px; font-size: 12px; line-height: 16px;}

    .maincontents .section.section5 {padding: 30px 0;}
    .maincontents .section.section5 .d_area ul li {margin: 0 10px 10px 0; width: calc(25% - 7.5px); border-radius: 10px 10px 0 10px;}
    .maincontents .section.section5 .d_area ul li > a {border-radius: 10px 10px 0 10px;}
    .maincontents .section.section5 .d_area ul li > a .tit {opacity: 1; background-color: rgba(0, 0, 0, 0.5);}
    .maincontents .section.section5 .d_area ul li > a .tit p {bottom: 0; padding: 8px 10px; height: 60px; font-size: 12px; line-height: 15px;}

    .maincontents .section.section6 {padding: 40px 0 35px;}
    .maincontents .section.section6 .d_area .challenge_tab {margin-bottom: 30px;}
    .maincontents .section.section6 .d_area .challenge_map_wrap {position: relative; width: 100%; height: 480px;}
    .maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.7);}
    .maincontents .section.section6 .d_area .challenge_division {margin: 20px 0 30px;}
    .maincontents .section.section6 .d_area .challenge_division dl {display: block; text-align: center;}
    .maincontents .section.section6 .d_area .challenge_division dl dt {margin-bottom: 5px; font-size: 12px;}
    .maincontents .section.section6 .d_area .challenge_division dl dd {justify-content: center;}
    .maincontents .section.section6 .d_area .challenge_division dl dd span {margin-right: 5px; width: 60px; height: 26px; line-height: 22px; font-size: 10px; border-radius: 5px; border: 2px solid #fff;}
    .maincontents .section.section6 .d_area .challenge_slide {padding: 15px 20px 20px; margin-top: 20px; height: 227px; border-radius: 10px;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-slider div p {margin-bottom: 20px;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-slider div p span {margin-bottom: 3px; margin-right: 15px; padding-right: 15px; font-size: 13px;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-slider div p span::after {top: calc(50% - 6px); width: 1px; height: 12px;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-slider div p span.tit,
    .maincontents .section.section6 .d_area .challenge_slide  .slick-slider div p span.date {display: block;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-slider div p span.tit:after,
    .maincontents .section.section6 .d_area .challenge_slide  .slick-slider div p span.date:after {display: none;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-dots {margin-top: 30px;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-dots li {margin: 0 3px; width: 10px; height: 10px; line-height: 10px;}
    .maincontents .section.section6 .d_area .challenge_slide  .slick-dots li button {width: 10px; height: 10px; line-height: 10px; border-radius: 10px; border: 1px solid #fff;}
    .maincontents .section.section6 .d_area .wrap2 .challenge_slide {margin-top: 20px;}
    .maincontents .section.section6 .d_area .wrap2 .challenge_slide.nodata {height: 150px;}
    .maincontents .section.section6 .d_area .wrap2 .challenge_slide.nodata div p {font-size: 16px;}

    .maincontents .section.section7 {padding: 30px 0;}
    .maincontents .section.section7 .d_area {display: block; padding: 25px 20px; height: 138px; border-radius: 15px 15px 0 15px; background-color: #fffae9;}
    .maincontents .section.section7 .d_area .title_box {width: 100%; margin-bottom: 15px;}
    .maincontents .section.section7 .d_area .notice {width: 100%;}
    .maincontents .section.section7 .d_area .notice .slick-slider a {display: block !important; line-height: 15px;}
    .maincontents .section.section7 .d_area .notice .slick-slider a .txt {max-width: 100%; height: 30px; font-size: 12px; -webkit-line-clamp: 2;}
    .maincontents .section.section7 .d_area .notice .slick-slider a .date {margin-top: 10px; width: 100%; font-size: 12px;}
    .maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow {width: 11px; height: 17px; background-size: 100% auto;}
    .maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow.slick-prev {top: 94px; right: 40px; transform: rotate(-90deg);}
    .maincontents .section.section7 .d_area .notice .slick-slider .slick-arrow.slick-next {top: 94px; right: 20px; transform: rotate(90deg);}

    .bottomarea .d_area {padding: 20px 0 30px; text-align: center;}
    .bottomarea .d_area .agree_area {margin-bottom: 20px; justify-content: center;}
    .bottomarea .d_area .agree_area > li {margin-right: 20px;}
    .bottomarea .d_area .agree_area > li a {font-size: inherit;}
    .bottomarea .d_area .address_box .logo img {margin-bottom: 7px; width: 40px; height: auto;}
    .bottomarea .d_area .address_box .logo p {font-size: inherit; line-height: 1.3;}
    .bottomarea .d_area .address_box .logo p span {font-size: inherit;}
    .bottomarea .d_area .address_box address img {margin-top: 20px; height: 20px;}
    .bottomarea .d_area .address_box address p {line-height: 14px; font-size: 11px; word-break: keep-all;}
    .bottomarea .d_area .address_box address .information {margin-top: 15px;}
    .bottomarea .d_area .address_box address .copyright {margin-top: 7px;}

    /*팝업*/
    .popup {border-radius: 15px 0 15px 15px;}
    .popup .modal_close {position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; border-radius: 0; background: 0;}
    .popup .modal_close::after, .popup .modal_close::before {left: -2px; top: calc(50% - 0.5px); width: 22px; height: 1px;}
    .popup .popup_title {position: relative; padding: 15px 15px 15px; border-radius: 15px 0 0 0;}
    .popup .popup_title h3 {padding-right: 25px; font-size: 16px;}
    .popup .popup_inner {padding: 0 15px 20px;}
    .popup .popup_inner .popup_txt {margin-top: 15px; font-size: 14px; line-height: 20px;}
    .popup .popup_inner .button_box {margin-top: 20px;}
    .popup .popup_inner .button_box button.agree img,
    .popup .popup_inner .button_box button.disagree img {margin-left: 5px; width: 16px; height: auto; }
    .popup .boardview {margin-top: 15px;}
    .popup .boardview h4 {font-size: 16px;}
    .popup .boardview table thead tr th {padding: 12px 15px;}
    .popup .boardview table tr th {font-size: 13px;}
    .popup .boardview table tr td {font-size: 13px;}
    .boardview.boardpopup table thead tr {display: none;}
    .boardview.boardpopup table thead tr th {text-align: left; border-left: 0;}
    .boardview.boardpopup table tr td {text-align: left; border-left: 0;}
    .boardview.boardpopup table tr td .w_hidden {display: inline-block !important; margin-right: 5px;}
    .boardview.boardpopup table tr td .file a {font-size: 13px;}
    .popup .boardlist {margin-top: 20px;}
    
    /*메인팝업*/
    .popup.main {transform: translate(-50%, 0); width: 100% !important; height: auto !important; left: 50% !important;}
    .popup.main.img {top: 220px !important;}
    .popup.main .popup_title {margin-bottom: 10px;}
    .popup.main .popup_title h3 {font-size: 16px;}
    .popup.main .popup_inner {padding: 20px;}
    .popup.main .popup_inner .content_box {margin-bottom: 10px;}
    .popup.main .button_box button {height: 35px; font-size: 12px;}

    /*인증팝업*/
    .popup.alert {width: 250px;}
    .popup.alert .popup_scroll{overflow: visible;}
    .popup.alert .modal_close{width: 24px; height: 24px; border-radius: 0 0 5px 0; background-color: #4b4c51;}
    .popup.alert .modal_close{right: -12px; top:-12px}
    .popup.alert .modal_close::after, .popup.alert .modal_close::before{width: 15px; left: 5px; background-color: #fff;}
    .popup.alert .popup_title {padding: 5px 20px; height: 37px; border-top-left-radius: 13px;}
    .popup.alert .popup_title h3 {font-size: 11px;}
    .popup.alert .popup_inner {padding: 15px 10px 20px;}
    .popup.alert .popup_text h4{font-size: 10px; padding: 10px; border-radius: 10px;}
    .popup.alert .popup_text p{font-size: 10px; padding: 15px 0 10px;}
    .popup.alert .btn {min-width: 75px; height: 24px; font-size: 10px;}

    .popup.org {width: 500px;}
    .popup.org .popup_scroll{overflow: visible;}
    .popup.org .popup_title{border-top-left-radius: 20px; padding: 20px 20px 10px;}
    .popup.org .popup_title h3 {font-size: 12px; margin-bottom: 10px;}
    .popup.org .popup_title p {font-size: 10px;}
    .popup.org .popup_title .button_box {font-size: 10px;}
    .popup.org .popup_title .button_box .btn{min-width: 60px; width: 60px; height: 24px; margin-right: 4px; font-size: 10px;}
    .popup.org .popup_title .button_box .btn{ width: auto; margin: 0 2px;}
    .popup.org .popup_title .button_box .btn [class*="icon_"]{ margin-top: -3px; min-width: 10px; width: 10px; height: 10px;}
    .popup.org .popup_inner .dot:before{top: calc(0.625em - 2.5px); width: 5px;height: 5px;}
    .popup.org .popup_inner p.dot:before{ top: calc(0.75em - 2.5px);}
    .popup.org .popup_inner{font-size: 10px;}
    .popup.org .popup_inner > h4:not(:first-child),
    .popup.org .popup_inner > dl:not(:first-child){margin-top: 15px;}
    .popup.org .popup_inner > p:not(:first-child){margin-top: 5px;}
    .popup.org .boardview {margin-right: 15px;}
    .popup.org .boardview_scroll {margin-top: 4px; max-height: 200px;}
    .popup.org .boardview table {margin-left: 9px; width: calc(100% - 9px); }
    .popup.org .boardview.boardpopup table thead tr{display: table-row;}
    .popup.org .boardview table tr td ,
    .popup.org .boardview table tr th {font-size: 10px; padding: 12px 5px;}
    .popup.org .popup_list_box{padding: 10px 15px; border-radius: 10px;}
    .popup.org .popup_list_box li{ margin-top: 0.025em;  font-size: 10px; padding-right: 10px; margin-right: 10px; margin-top: 2px;}
    .popup.org .popup_inner {padding: 15px 15px 20px;}
    .popup.org .popup_inner h4{font-size: 11px; padding-left: 11px; }
    .popup.org .popup_inner p{padding-left: 10px;}
    .popup.org .modal_close{width: 24px; height: 24px; border-radius: 0 0 5px 0; background-color: #4b4c51;}
    .popup.org .modal_close{right: -12px; top:-12px}
    .popup.org .modal_close::after, .popup.org .modal_close::before{width: 15px; left: 5px; background-color: #fff;}

    /*지도확인팝업*/
    .popup.mapPopup #map{margin: 10px -15px -20px; height: 300px; border-radius: 0 0 15px 15px;}

    /*후기팝업*/
    .popup.review .modal_close {top: 10px;}
    .popup.review .popup_title .list_box {margin-top: 5px;}
    .popup.review .popup_title .list_box li {padding-right: 8px; margin-right: 8px; font-size: 12px;}
    .popup.review .popup_title .list_box li:last-child {padding-right: 0; margin-right: 0;}
    .popup.review .popup_title .like {top: 40px; right: 15px; min-width: 55px; height: 24px; font-size: 12px; border-radius: 24px;}

    .popup.review .popup_title .like [class*="icon_"]{width: 12px; height: 11px;}
    .popup.review .popup_title .like .icon_like{margin-right: 5px;}
    .popup.review .popup_inner .popup_review {padding-top: 15px;}
    .popup.review .popup_inner .popup_review .img_box {border-radius: 15px 15px 0 15px;}
    .popup.review .popup_inner .popup_review .text_box {overflow-y: auto; margin-top: 10px; max-height: 100px;}

    /*챌린지인증팝업*/
    .popup.img .modal_close {right: 11px; top: 6px;}
    .popup.img .modal_close::after, .popup.img .modal_close::before{width: 15px; left: 5px; background-color: #000;}

    /*에러페이지*/
    .error h1 {margin-bottom: 20px;}
    .error h1 img {width: auto; height: 31px;}
    .error .error_box {margin: 0 15px; padding: 0 35px; width: calc(100% - 30px);}
    .error .error_box .txt1 {padding: 75px 0 25px; font-size: 15px; background-size: 77px auto;}
    .error .error_box .txt2 {font-size: 14px; line-height: 22px;}
    .error .error_box .button_box {margin-top: 35px;}
    .error .error_box .button_box button {width: 108px; height: 35px; font-size: 12px; border-radius: 35px;}
    .error .error_box .button_box button.btn_home {margin-left: 10px;}
}
@media screen and (max-width:640px){
    .maincontents .section.section3 .d_area .challenge .slick-slider {margin-left: -5px; width: calc(100% + 120px);}
    .maincontents .section.section4 .d_area .list_wrap {width: calc(100% + 25px); overflow-y: auto;}
    .maincontents .section.section4 .d_area .list_wrap ul {padding-right: 10px; width: 580px;}
    .maincontents .section.section5 .d_area ul li {width: calc(50% - 5px);}
    .maincontents .section.section5 .d_area ul li:nth-child(2n) {margin-right: 0;}
    .maincontents .section.section6 .d_area .challenge_map_wrap {height: 343px;}
    .maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map {transform: translate(-50%, -50%) scale(0.5);}
    .maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map .challenge_map_name li button {font-size: 22px;}
}
@media screen and (max-width:420px){
    .maincontents .section.section6 .d_area .challenge_map_wrap {height: 275px;}
    .maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map {transform: translate(-50%, -50%) scale(0.38);}
}
@media screen and (max-width:359px){
    .maincontents .section.section6 .d_area .challenge_map_wrap {height: 275px;}
    .maincontents .section.section6 .d_area .challenge_map_wrap .challenge_map {transform: translate(-50%, -50%) scale(0.34);}
}