@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ccc 1px solid; max-width:100%; border-radius:3px;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:50px; padding:0 20px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:15px 20px; 240px}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
.imgfit {overflow:hidden;}
.imgfit img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.flex {display:flex;}
.flex.gap {gap:0 40px; flex-wrap:wrap;}
.flex.gap2 {gap:0 20px;}
.flexwrap {flex-wrap:wrap;}

span.br {display:block;}
.mo_vw {display:none !important;}

.inner {width:100%; max-width:1640px; margin:0 auto; padding:0 20px;}

::-webkit-scrollbar {width:6px; height:6px; position:absolute; z-index:1000; top:10px; right:10px;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {background:#2E3191; border-radius:3px;}
::-webkit-scrollbar-thumb:hover {background:#2E3191;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* color */
.col_red {color:#f00;}
.col_white {color:#fff !important;}

.nice-select {height:50px; line-height:48px; border:#ccc 1px solid; border-radius:3px;}
.nice-select:after {border:0; transform-origin:50% 50%; transform:rotate(0deg); width:12px; height:7px; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; margin-top:-3px;}
.nice-select .list {max-height:200px; overflow:auto;}

/* 게시판 목록 */
.board_list {border-top:#222 1px solid;}
.board_list dl {display:flex; border-bottom:#ddd 1px solid; text-align:center;}
.board_list .dt {background:#F8F8F8; line-height:80px;}
.board_list .dd {line-height:20px;}
.board_list dd {color:#666; display:flex; justify-content:center; align-items:center; line-height:20px; height:100px; word-break:break-word;}
.board_list .num {width:110px;}
.board_list .category {width:190px;}
.board_list .tit {width:calc(100% - 730px);}
.board_list .tit.ndh {width:calc(100% - 370px);}
.board_list .tit.nndh {width:calc(100% - 540px);}
.board_list dd.tit {text-align:left; justify-content:flex-start;}
.board_list .tit a {color:#222; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .name,
.board_list .file {width:170px;}
.board_list .file i {display:block; width:18px; height:20px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain;}
.board_list .date {width:170px;}
.board_list .hit {width:90px;}
.board_list dd span {display:block; font-size:16px; color:#fff; line-height:32px; height:32px; border-radius:5px;}
.board_list .notice span {width:60px; font-weight:600; background:#2E3191;}
.board_list .category span {width:156px; font-weight:700;}
.board_list .category span.c1 {background:#2350C3;}
.board_list .category span.c2 {background:#F63940;}
.board_list .category span.c3 {background:#3CBBE3;}
.board_list .category span.c4 {background:#CE88FF;}
.board_list.my_board .dt dt {line-height:20px; height:80px; display:flex; justify-content:center; align-items:center; font-weight:600;}
.board_list.my_board dd {color:#222;}
.board_list.my_board dd a {text-decoration:underline;}
.board_list.my_board .mynum {width:90px;}
.board_list.my_board .myauto {width:calc(100% - 1260px);}
.board_list.my_board .my1,
.board_list.my_board .my2 {position:relative; z-index:0; }
.board_list.my_board .my1 {width:130px;}
.board_list.my_board .myauto2 {width:calc(100% - 1170px);}
.board_list.my_board .my2 {width:180px;}
.board_list.my_board .my1:hover,
.board_list.my_board .my2:hover {z-index:1;}
.board_list.my_board .ing,
.board_list.my_board .non {color:#444; font-weight:700;}
.board_list.my_board .end {color:#2350C3; font-weight:700;}
.board_list.my_board .btn {display:block; font-size:14px; color:#fff; font-weight:600; line-height:30px; height:30px; width:80px; background:#2E3191; border-radius:3px; text-align:center; text-decoration:none;}
.board_list.my_board .btn_l {color:#222; background:#fff; background:none; border:#ddd 1px solid; line-height:28px;}
.board_list.my_board .btn_gray { background-color: #ddd; color: #222; cursor: not-allowed;}
.board_list.my_board .qbox {position:relative; margin-left:5px; z-index:1;}
.board_list.my_board .qbox .btn_point {position:relative; display:block; width:16px; height:16px; background:#fff url('/pub/images/icon_ne.svg') no-repeat 50% 50%; border:#ccc 1px solid; border-radius:50%; font-size:0;}
.board_list.my_board .qbox .tbox {position:absolute; top:calc(100% + 6px); left:-30px; padding:12px; border:#ccc 1px solid; border-radius:4px; background:#fff; display:none;}
.board_list.my_board .qbox .tbox:before {content:""; position:absolute; top:-10px; left:31px; width:14px; height:10px; background:url('/pub/images/arrow_ne.svg') no-repeat -41px -3px;}
.board_list.my_board .qbox .tbox .t {font-size:12px; color:#fff; font-weight:600; line-height:20px; height:20px; width:56px; text-align:center; background:#2350C3; border-radius:10px; margin-bottom:4px;}
.board_list.my_board .qbox .tbox p {font-size:14px; line-height:24px; font-weight:400; text-align:left; word-break:keep-all;}
.board_list.my_board .qbox .tbox.w1 {width:220px;}
.board_list.my_board .qbox .tbox.w2 {width:270px;}
.board_list.my_board dd:last-child .qbox .tbox {left:auto; right:-30px;}
.board_list.my_board dd:last-child .qbox .tbox:before {left:auto; right:31px;}
.board_list.my_board .qbox:hover .tbox {display:block;}

.board_top {display:flex; justify-content:space-between; margin-bottom:30px;}
.board_top.mb2 {margin-bottom:10px;}
.board_top .left,
.board_top .right {display:flex;}
.board_top .left {gap:30px;}
.board_top .total {font-size:18px; line-height:50px;}
.board_top .total strong {color:#2E3191;}
.board_top .text {font-size:16px;}
.board_top .left .text {width:240px;}
.board_top .right {gap:10px;}
.board_top .right .text {width:150px;}
.board_top .search_area {display:flex; width:300px; height:50px; border:#ccc 1px solid; border-radius:3px;}
.board_top .search_area .text {width:calc(100% - 50px); height:48px; border:0; outline:0;}
.board_top .search_area .btn {width:50px; height:50px; background:url('/pub/images/btn_search.svg') no-repeat 50% 50%; outline:0; font-size:0;}

.board_bottom .btns {overflow:hidden; margin-top:60px;}
/* .board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;} */
.board_bottom .paging {display:flex; justify-content:center; align-items:center; gap:5px; margin-top:60px;}
.board_bottom .paging a {position:relative; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%;}
.board_bottom .paging a:after {content:""; position:absolute; top:50%; left:50%; width:0; height:2px; background:#2E3191; transform:translateX(-50%); margin-top:10px; transition:.2s linear;}
.board_bottom .paging a.on {color:#2E3191; font-weight:600;}
.board_bottom .paging a.on:after {width:10px;}
.board_bottom .paging .arrow {border:#ddd 1px solid; font-size:0;}
.board_bottom .paging .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover;}
.board_bottom .paging .arrow:after {display:none !important;}
.board_bottom .paging .arrow.one:before {background-image:url('/pub/images/arrow_page_one.svg');}
.board_bottom .paging .arrow.two:before {background-image:url('/pub/images/arrow_page_two.svg');}
.board_bottom .paging .arrow.next:before,
.board_bottom .paging .arrow.last:before {transform:scaleX(-1);}

/* 게시판 상세 */
.board_view .tit {font-size:30px; font-weight:600; line-height:40px; margin-bottom:25px; text-align:center; word-break:break-word;}
.board_view dl {display:flex;}
.board_view .info {display:flex; gap:0 44px; justify-content:center; flex-wrap:wrap;}
.board_view .info dl {position:relative; gap:16px; line-height:20px;}
.board_view .info dl:before {content:""; position:absolute; top:50%; left:-24px; width:4px; height:4px; background:#ccc; border-radius:50%; transform:translateY(-50%);}
.board_view .info dl:first-child:before {display:none;}
.board_view .info dt {color:#999; font-weight:600;}
.board_view .link {border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; line-height:30px; font-size:16px; margin-top:60px; padding:20px 0; align-items:center;}
.board_view .link dt {color:#666; font-weight:700; text-align:center; width:120px;}
.board_view .link dd {width:calc(100% - 120px); display:flex; align-items:center;}
.board_view .link dd a {display:inline-block; vertical-align:top; color:#2E3191; word-break:break-word; line-height:1; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
.board_view .cont {padding:40px 0 60px; word-break:break-word;}
.board_view .cont iframe {width:100%; max-width:1000px; height:560px; margin:0 auto;}
.board_view .cont iframe.bodo {height:1000px; max-height:calc(100vh - 191px);}
.board_view .file {background:#F8F8F8; padding:30px 0; margin-bottom:40px;}
.board_view .file dt {width:140px; padding-right:20px; text-align:center; font-weight:600;}
.board_view .file dd {display:flex; flex-direction:column; gap:4px;}
.board_view .file dd a {position:relative; padding-left:28px;}
.board_view .file dd a:before,
.board_view .file dd a:after {content:""; position:absolute; left:0; transition:.2s linear;}
.board_view .file dd a:before {top:0; width:18px; height:100%; background:#222; mask:url('/pub/images/icon_down.svg') no-repeat 0 50%; -webkit-mask:url('/pub/images/icon_down.svg') no-repeat 0 50%;}
.board_view .file dd a:after {top:50%; left:28px; width:0; height:1px; background:#2E3191; margin-top:10px;}
.board_view .prev_next {display:flex; gap:20px;}
.board_view .prev_next a {position:relative; width:calc(50% - 10px); border:#ddd 1px solid; border-radius:10px; padding:30px;}
.board_view .prev_next a:before {content:""; position:absolute; top:0; width:22px; height:100%; background:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50% / contain;}
.board_view .prev_next a span {display:block; font-size:16px; color:#666; font-weight:600; line-height:20px; margin-bottom:15px;}
.board_view .prev_next a p {line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .prev_next a.prev {padding-left:80px;}
.board_view .prev_next a.prev:before {left:30px;}
.board_view .prev_next a.next {padding-right:80px;}
.board_view .prev_next a.next:before {right:30px; transform:scaleX(-1);}
.btn_list {display:block; font-size:16px; color:#666; font-weight:700; line-height:58px; height:60px; width:240px; border:#ddd 1px solid; border-radius:30px; margin:60px auto 0; text-align:center;}

/* 게시판 쓰기 */
.board_write {border-top:#ddd 2px solid;}
.board_write th,
.board_write td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_write th {color:#333; width:200px;}
.board_write td {color:#666;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:60px 30px;}
.gall_list li {width:calc((100% - 60px)/3);}
.gall_list li a {position:relative; display:block; border-radius:10px; overflow:hidden;}
.gall_list li a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#ddd 1px solid; border-radius:inherit; opacity:1; transition:.2s linear;}
.gall_list li .imgfit {position:relative; display:block; width:100%; height:300px; overflow:hidden;}
.gall_list li .imgfit img {object-fit:contain;}
.gall_list li .imgfit .notice {position:absolute; top:20px; right:20px; width:60px; height:32px; line-height:32px; border-radius:5px; background:#2E3191; font-size:16px; color:#fff; font-weight:600; text-align:center;}
.gall_list li .txt {display:block; padding:30px;}
.gall_list li strong {display:block; font-size:20px; color:#222; font-weight:600; line-height:32px; margin-bottom:30px; height:64px; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gall_list li p {display:block; height:22px; line-height:22px;}

.point {position:absolute;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; border-bottom:#ddd 0px solid; transition:.2s linear;}
.header:before {content:""; position:absolute; top:50px; left:0; width:100%; height:1px; background:#EBEBEB;}
.header.g09 {border-bottom:#ebebeb 1px solid;}
.header.fixed {border-bottom:#ddd 1px solid;}
.header .bg {position:absolute; top:100%; left:0; width:100%; height:0; background:#Fff; box-shadow:0px 10px 20px 0px rgba(0,0,0,.1); opacity:0; transition:.2s linear;}
.header .inner {position:relative; height:150px; padding-top:50px;}
.header .logo {position:absolute; bottom:0; left:20px; line-height:100px; height:100px; font-size:0; z-index:10; transition:none;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header.on .logo {position:fixed; top:40px; left:40px;}
.header .gnb {display:flex; justify-content:center;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:18px; color:#222; font-weight:500; line-height:100px; padding:0 30px; text-align:center;}
.header .gnb .menu.on > a {color:#000;}
.header .gnb .menu .outlink {display:flex; gap:10px; align-items:center;}
.header .gnb .menu .outlink:after {content:""; display:block; width:14px; height:14px; background:#666; mask:url('/pub/images/icon_outlink.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_outlink.svg') no-repeat 50% 50% / contain;}
.header .gnb .snb {position:absolute; top:100%; left:0; width:100%; height:0; overflow:hidden; padding:0 30px; text-align:left; transition:.2s linear;}
.header .gnb .snb:before {content:""; position:absolute; top:40px; left:0; width:1px; height:calc(100% - 80px); background:#ebebeb;}
.header .gnb .snb a {display:block; font-size:18px; color:#666; font-weight:400; line-height:20px; padding:15px 0; letter-spacing:-.5px;}
.header .gnb .snb a:first-child {margin-top:-15px;}
.header .gnb .snb a:last-child {margin-bottom:-15px;}
.header .gnb .snb a.on {color:#2E3191; text-decoration:underline;}
.header .mem {position:absolute; bottom:0; right:64px; display:flex; gap:33px;}
.header .mem a {position:relative; font-size:14px; color:#222; font-weight:600; line-height:100px;}
.header .mem a:before,
.header .mem dl:before {content:""; position:absolute; top:50%; left:-16px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.header .mem a:first-child:before {display:none;}
.header .mem dl {position:relative;}
.header .mem dd {position:absolute; top:100%; left:-50%; width:200%; height:0; background:#fff; overflow:hidden; transition:.2s linear;}
.header .mem dd a {display:block; font-size:14px; color:#333; font-weight:500; line-height:40px; padding:0 20px;}

.header .links {position:absolute; top:0; right:20px; display:flex; gap:10px; padding:10px 0;}
.header .links a {width:210px; height:30px; line-height:30px; font-size:14px; color:#fff; font-weight:600; padding:0 12px; background:url('/pub/images/icon_link.svg') no-repeat right 12px center; border-radius:5px;}
.header .links .c1 {background-color:#2E3191;}
.header .links .c2 {background-color:#2350C3;}
.header .links .c3 {background-color:#222;}
.header .btn_menu {position:absolute; bottom:0; right:20px; width:24px; height:100px; transition:none; z-index:10;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#222; margin-left:-12px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-10px;}
.header .btn_menu .m {margin-top:-1px; width:17px;}
.header .btn_menu .b {margin-top:8px;}
.header.on .btn_menu {position:fixed; top:0; right:0; bottom:auto; width:100px; height:100px;}
.header.on .btn_menu p {background:#fff;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .sitemap {position:fixed; top:0; left:0; width:100vw; height:100vh; background:#0D1B4C; padding-left:37.5%; display:none;}
.header .sitemap .img {position:absolute; top:0; left:0; width:31.25%; height:100%; background:url('/pub/images/img_sitemap.jpg') no-repeat 50% 50% / cover;}
.header .sitemap .menu_area {position:relative; height:100%; display:flex; flex-direction:column; justify-content:center;}
.header .sitemap .menu_area .menu {display:flex; color:#fff; line-height:30px; padding:45px 0; border-bottom:rgba(255,255,255,.1) 1px solid;}
.header .sitemap .menu_area .menu > a {font-size:30px; font-weight:700; width:190px;}
.header .sitemap .menu_area .snb {display:flex; gap:44px; width:calc(100% - 190px);}
.header .sitemap .menu_area .snb a {position:relative; display:block; font-size:18px; color:rgba(255,255,255,.6); font-weight:500; line-height:30px;}
.header .sitemap .menu_area .snb a:before,
.header .sitemap .menu_area .snb a:after {content:""; position:absolute; background:#fff;}
.header .sitemap .menu_area .snb a:before {top:50%; left:-24px; width:4px; height:4px; border-radius:50%; opacity:.1; transform:translateY(-50%);}
.header .sitemap .menu_area .snb a:after {bottom:0; right:0; width:0; height:1px; transition:.2s linear;}
.header .sitemap .menu_area .snb a:first-child:before {display:none;}
.header .sitemap .menu_area .snb a.on {color:#fff;}
.header .sitemap .menu_area .snb a.on:after {left:0; width:100%;}

/* footer */
.footer {position:relative; background:#222; padding:40px 0 50px;}
.footer #footer_top {top:-100vh;}
.footer .inner {display:flex; justify-content:space-between; flex-wrap:wrap;}
.footer .links {position:relative; padding-left:209px; margin-bottom:30px; display:flex; gap:20px;}
.footer .links:before {content:""; position:absolute; top:0; left:0; width:169px; height:30px; background:url('/pub/images/flogo.svg') no-repeat 0 0 / contain;}
.footer .links a {display:block; font-size:18px; color:#fff; line-height:30px;}
.footer .links a strong {font-weight:700;}
.footer .address {display:flex; flex-wrap:wrap; gap:10px 30px; width:760px; font-size:14px; color:#fff; line-height:20px;}
.footer .address span {color:#A7A7A7;}
.footer .address p {opacity:.4; width:100%;}
.footer .right {display:flex; flex-direction:column; align-items:flex-end;}
.footer .kakao {position:relative; font-size:14px; color:#fff; font-weight:500; line-height:30px; padding-left:32px; opacity:.6; margin-bottom:15px;}
.footer .kakao:before {content:""; position:absolute; top:0; left:0; width:24px; height:100%; background:url('/pub/images/icon_kakao.svg') no-repeat 50% 50% / contain;}
.footer .contact {position:relative; width:350px; max-width:100%; padding:20px 0 20px 152px; color:#fff; background:rgba(255,255,255,.05); border-radius:5px;}
.footer .contact .icon {position:absolute; top:20px; left:0; width:122px; height:calc(100% - 40px); text-align:center; font-size:18px; font-weight:600; line-height:1; border-right:rgba(255,255,255,.1) 1px solid;}
.footer .contact .icon:before {content:""; display:block; width:100%; height:32px; background:url('/pub/images/icon_tel.svg') no-repeat 50% 50% / contain; margin-bottom:14px;}
.footer .contact strong {display:block; font-size:26px; color:#fff; line-height:28px; margin-bottom:8px;}
.footer .contact dl {display:flex; gap:12px; font-size:14px; color:#fff; line-height:20px;}
.footer .contact dt {font-weight:500;}
.footer .contact dd {opacity:.6;}
.gotop {position:fixed; bottom:30px; right:30px; width:50px; height:50px; transition:none; z-index:10;}
.gotop:before,
.gotop:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; transition:.2s linear;}
.gotop:before {background:#fff; border:#ddd 1px solid; border-radius:50%;}
.gotop:after {background:#222; mask:url('/pub/images/arrow_gotop.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_gotop.svg') no-repeat 50% 50% / contain;}
.gotop.unfixed {position:absolute; bottom:calc(100% + 30px);}

/* main */
.main_wrap {margin-top:150px;}
.main_wrap .navi_area {display:flex; justify-content:center; height:40px; padding:0 26px; border-radius:20px;}
.main_wrap .navi_area.hide {display:none;}
.main_wrap .navi_area * {height:inherit;}
.main_wrap .navi_area .paging {margin-right:35px;}
.main_wrap .navi_area .paging li {display:none; justify-content:center; align-items:center; font-size:16px; color:#fffc; line-height:40px;}
.main_wrap .navi_area .paging li.slick-active {display:flex;}
.main_wrap .navi_area .paging li strong {color:#fff; font-weight:600;}
.main_wrap .navi_area .paging li span {padding:0 10px;}
.main_wrap .navi_area .arrow {position:relative; width:16px; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / contain; border:0;}
.main_wrap .navi_area .arrow:before {background:#fff;}
.main_wrap .navi_area .next {transform:scaleX(-1);}
.main_wrap .navi_area .papl {width:10px; display:none; margin:0 25px;}
.main_wrap .navi_area .papl.on {display:block;}
.main_wrap .navi_area .pause {background:#fff; mask:url('/pub/images/icon_pause.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_pause.svg') no-repeat 50% 50% / contain;}
.main_wrap .navi_area .play {background:#fff; mask:url('/pub/images/icon_play.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_play.svg') no-repeat 50% 50% / contain;}

.mcon {color:#222;}
.mcon .title {font-size:36px; font-weight:700; margin-bottom:40px;}
.mcon .slick-arrow {position:absolute; width:40px; height:40px; border:#ebebeb 1px solid; border-radius:50%; background:#fff; font-size:0; z-index:1;}
.mcon .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:#222; mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; transition:.2s linear;}
.mcon .slick-next:before {transform:scaleX(-1);}

.mc01 {background:linear-gradient(180deg, #F0F8FF 39.43%, #FFF 95.48%); padding:60px 0 100px;}
.mc01 .flex {gap:30px;}
.mvisual_wrap {position:relative; width:1000px; height:530px; border-radius:10px; overflow:hidden;}
.mvisual_wrap .mv_txt {position:absolute; top:40px; left:40px; letter-spacing:-.5px; z-index:1;}
.mvisual_wrap .mv_txt .kca {font-size:18px; font-weight:300; line-height:20px;}
.mvisual_wrap .mv_txt .kor {font-size:40px; font-weight:500; line-height:40px; margin:20px 0 30px;}
.mvisual_wrap .mv_txt .kor strong {font-weight:800;}
.mvisual_wrap .mv_txt p {font-size:20px; color:rgba(34,34,34,.8); line-height:34px;}
.mvisual_wrap .mv_txt p strong {font-weight:600;}
.mvisual_wrap .mv_navi {position:absolute; bottom:90px; left:40px; z-index:1; background:rgba(255,255,255,.2);}
.mvisual_wrap .mvisual {position:relative; height:inherit;}
.mvisual_wrap .mvisual * {height:inherit;}
.mvisual_wrap .mvisual a {display:block;}
.mvisual_wrap .mvisual .slick-slide > div {font-size:0;}
.mvisual_wrap .mvisual img {object-fit:cover;}
.mc01 .link_area {width:calc(100% - 1030px);}
.mc01 .link_area a {position:relative; display:block; width:100%; height:255px; padding:40px; border-radius:10px;}
.mc01 .link_area .i1 {background:url('/pub/images/bg_mc01b_250714.png') #DFEFFF no-repeat center right 40px; margin-bottom:20px;}
.mc01 .link_area .i2 {background:url('/pub/images/bg_mc01c.png') #DFEFFF no-repeat 100% 50%;}
.mc01 .link_area p {font-size:16px; line-height:26px; margin-top:12px;}
.mc01 .link_area strong {display:block; font-size:26px; line-height:34px;}
.mc01 .link_area i {display:block; font-size:16px; color:#fff; font-weight:600; line-height:40px; height:40px; width:150px; padding:0 26px; border-radius:20px; background:#2E3191 url('/pub/images/arrow_link.svg') no-repeat right 24px center; margin-top:30px;}
.mc01 .quick_menu {margin:60px 0;}
.mc01 .quick_menu .tit {display:flex;}
.mc01 .quick_menu .tit > strong {display:block; font-size:26px;}
.mc01 .quick_menu .quick_navi {margin-top:30px;}
.mc01 .quick_menu .quick_navi .paging {margin:0 20px; font-size:16px;}
.mc01 .quick_menu .quick_slide .area {display:flex !important; gap:20px;}
.mc01 .quick_menu .quick_slide a {position:relative; padding-left:106px; font-size:18px; font-weight:600; line-height:26px; width:calc((100% - 100px)/6); height:120px; background:#F0F2F9; display:flex; align-items:center; border-radius:5px;}
.mc01 .quick_menu .quick_slide a i {content:""; position:absolute; top:50%; left:30px; width:60px; height:60px; background:#fff no-repeat 50% 50% / contain; border-radius:50%; margin-top:-30px;}
.mc01 .quick_menu .quick_slide a.i1 i {background-image:url('/pub/images/icon_quick01.svg');}
.mc01 .quick_menu .quick_slide a.i2 i {background-image:url('/pub/images/icon_quick02.svg');}
.mc01 .quick_menu .quick_slide a.i3 i {background-image:url('/pub/images/icon_quick03.svg');}
.mc01 .quick_menu .quick_slide a.i4 i {background-image:url('/pub/images/icon_quick04.svg');}
.mc01 .quick_menu .quick_slide a.i5 i {background-image:url('/pub/images/icon_quick05.svg');}
.mc01 .quick_menu .quick_slide a.i6 i {background-image:url('/pub/images/icon_quick06.svg');}
.news_area {position:relative; margin:0 -25px;}
.news_area .slick-slide {padding:0 25px;}
.news_area .slick-slide a {display:flex !important; flex-direction:column; align-items:flex-start;}
.news_area .slick-slide .imgfit {position:relative; display:block; width:100%; height:248px; overflow:hidden; border-radius:10px;}
.news_area .slick-slide .imgfit:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_video.svg') rgba(0,0,0,.5) no-repeat 50% 50%; opacity:0; transition:.2s linear;}
.news_area .slick-slide .category {position:relative; font-size:16px; color:#fff; font-weight:600; line-height:36px; height:36px; border-radius:0 5px 5px 5px; padding:0 20px; display:inline-block; margin:-18px 0 20px; z-index:1;}
.news_area .slick-slide .category.c1 {background:#2E3191;}
.news_area .slick-slide .category.c2 {background:#2350C3;}
.news_area .slick-slide .category.c3 {background:#CF152D;}
.news_area .slick-slide p {font-size:20px; font-weight:600; line-height:20px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_area .slick-arrow {top:104px;}
.news_area .slick-prev {left:5px;}
.news_area .slick-next {right:5px;}

.mc02 {position:relative; padding:100px 0; z-index:1;}
.mc02:before {content:""; position:absolute; top:0; left:0; width:81.25%; height:100%; background:url('/pub/images/bg_mc02.png') no-repeat 50% 50% / cover; z-index:-1; border-radius:0 0 100px 0;}
.mc02 .title {text-align:center;}
.mc02 .mc02_slide {margin:-20px;}
.mc02 .mc02_slide .slick-slide > div {padding:20px;}
.mc02 .area {width:calc((100% - 120px)/4); background:#fff; border-radius:10px; padding:30px; box-shadow:10px 10px 15px 0px rgba(0,0,0,.1); transition:.2s linear;}
.mc02 .area * {transition:.2s linear;}
.mc02 .area .tit {position:relative; font-size:26px; font-weight:700; line-height:80px;}
.mc02 .area .tit i {position:absolute; top:0; right:0; width:80px; height:80px; background:#F8F8F8; border-radius:50%;}
.mc02 .area .tit i:before {content:""; display:block; width:100%; height:100%; background:no-repeat 50% 50% / contain;}
.mc02 .area .tit i a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.mc02 .area .tit i a:after {display:none;}
.mc02 .area.i1 .tit i:before {background-image:url('/pub/images/icon_mc02_01.svg');}
.mc02 .area.i2 .tit i:before {background-image:url('/pub/images/icon_mc02_02.svg');}
.mc02 .area.i3 .tit i:before {background-image:url('/pub/images/icon_mc02_03.svg');}
.mc02 .area.i4 .tit i:before {background-image:url('/pub/images/icon_mc02_04.svg');}
.mc02 .area a {position:relative; display:block; font-size:18px; font-weight:500; line-height:30px; padding:25px 20px 25px 0; border-bottom:#ddd 1px dashed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc02 .area a:last-child {border-bottom:0;}
.mc02 .area a:after {content:""; position:absolute; top:0; right:0; width:16px; height:100%; background:#222; opacity:.4; mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; transform:scaleX(-1); transition:.2s linear;}
.mc02 .area a span {position:relative; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc02 .area a span:after {content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#fff; transition:.2s linear;}
.mc02 .area a.more {padding:10px 0 ; margin-top:10px; font-size:14px; color:#999; display:flex; align-items:center; gap:10px;}
.mc02 .area a.more:after {position:relative; width:12px; height:12px; mask-image:url('/pub/images/arrow_snb.svg'); -webkit-mask-image:url('/pub/images/arrow_snb.svg'); transform:rotate(-90deg);}

.mc03 {padding:100px 0;}
.mc03 .inner {display:flex; gap:40px;}
.mc03 .inner > * {position:relative; height:310px; border-radius:10px;}
.mc03 strong {display:block; font-size:26px;}
.mc03 p {font-size:18px; line-height:28px; margin-top:20px;}
.mc03 .area {width:400px; color:#fff; background:no-repeat 50% 50% / cover; padding:40px;}
.mc03 .area p {opacity:.6;}
.mc03 .area i {position:absolute; bottom:40px; left:40px; display:block; font-size:16px; font-weight:500; line-height:38px; height:40px; width:140px; padding:0 20px; border:rgba(255,255,255,.3) 1px solid; border-radius:20px; transition:.2s linear;}
.mc03 .area i:after {content:""; position:absolute; top:0; right:20px; width:14px; height:100%; background:#fff; mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; transform:scaleX(-1); transition:.2s linear;}
.mc03 .i1 {background-image:url('/pub/images/img_mc03_01.jpg');}
.mc03 .i2 {background-image:url('/pub/images/img_mc03_02.jpg');}
.mc03 .mc03_slide_wrap {width:720px; overflow:hidden; color:#222;}
.mc03_slide_wrap .slick-slide {position:relative; height:inherit;}
.mc03_slide_wrap .txt {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px;}
.mc03_slide_wrap p {color:#000;}
.mc03_slide_wrap p.s {font-size:16px; color:#222; opacity:.6; line-height:24px; margin-top:16px;}
.mc03_slide_wrap .box {height:310px;}
.mc03_slide_wrap .box img {height:inherit; object-fit:cover;}
.mc03_slide_wrap .mc3_navi {position:absolute; bottom:40px; left:40px; z-index:1; background:rgba(255,255,255,.2);}
.mc03_slide_wrap .mc3_navi strong {font-size:16px;}

.mc04 {position:relative; padding:100px 0; background:#EAF0F6; z-index:1;}
.mc04 .itit {display:flex; gap:16px; font-size:26px; color:#222; font-weight:700; line-height:42px; margin:70px 0 30px;}
.mc04_slide {position:relative; margin:0 -12px;}
.mc04_slide .slick-slide {padding:0 12px;}
.mc04_slide .slick-slide > div {margin-bottom:40px;}
.mc04_slide .slick-slide > div:last-child {margin-bottom:0;}
.mc04_slide .box {height:260px;}
.mc04_slide .img {width:100%; height:120px; line-height:120px; background:#F6F6F6; display:flex; justify-content:center; align-items:center; border-radius:10px 10px 0 0; padding:20px;}
.mc04_slide .img img {max-width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply;}
.mc04_slide .txt {line-height:30px; background:#fff; border-radius:0 0 10px 10px; height:140px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:0 20px;}
.mc04_slide .txt strong {display:block; font-size:18px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.mc04_slide .txt p {font-size:16px; font-weight:500; /* overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; */}
.mc04_slide .slick-arrow {top:-80px;}
.mc04_slide .slick-prev {right:62px;}
.mc04_slide .slick-next {right:12px;}
.mc04_slide .slick-next:before {transform:scaleX(-1);}
.mc04 .right .title {color:#fff;}
.mc04 .mc04b_slide_wrap {background:#fff; border-radius:10px; padding:40px;}
.mc04 .tt {font-size:26px; font-weight:700; line-height:26px; margin-bottom:16px;}
.mc04 .tt strong {color:#2E3191;}
.mc04 p {font-size:16px; line-height:24px; opacity:.8; letter-spacing:-.5px;}

.mc05 {padding:100px 0; background:#0E1B3F;}
.mc05 .title {color:#fff;}
.mc05_slide_wrap {display:flex; gap:40px;}
.mc05_slide_wrap .area {width:calc(50% - 20px); background:#fff; padding:40px; border-radius:10px;}
.mc05 .itit {display:flex; gap:8px; font-size:26px; color:#222; font-weight:700; line-height:34px; margin-bottom:32px;}
.mc05_slide {position:relative; margin:0 -25px;}
.mc05_slide .slick-slide {padding:0 25px;}
.mc05_slide .box {text-align:center;}
.mc05_slide .imgfit {width:100%; height:240px; border-radius:10px; margin-bottom:30px;}
.mc05_slide .imgfit img {object-fit:contain;}
.mc05_slide p {font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mc05_slide .name {font-size:20px; font-weight:600; line-height:24px; margin-top:10px;}
.mc05 .slick-arrow {top:102px;}
.mc05 .slick-prev {left:5px;}
.mc05 .slick-next {right:5px;}

/* sub */
.svisual {position:relative; margin-top:150px; height:300px; background:no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px; z-index:10; /* overflow:hidden; */}
.svisual h2 {display:block; font-size:40px; color:#fff; font-weight:700; line-height:40px; text-align:center;}
.svisual .location {display:flex; gap:32px;}
.svisual .location .home {width:14px; height:20px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.svisual .location dl {position:relative;}
.svisual .location dl:before {content:""; position:absolute; top:2px; left:-16px; width:1px; height:16px; background:#fff; opacity:.2;}
.svisual .location dt button {position:relative; display:block; font-size:18px; color:#fff; font-weight:500; line-height:20px; padding-right:26px;}
.svisual .location dt button:after {content:""; position:absolute; top:0; right:0; width:12px; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.svisual .location .on dt button:after {transform:rotate(180deg);}
.svisual .location dd {position:absolute; top:30px; left:0; width:200px; background:#fff; padding:10px 0; box-shadow:rgba(0,0,0,.1) 0 0 10px; display:none;}
.svisual .location dd a {display:block; font-size:18px; color:#999; font-weight:500; line-height:36px; padding:0 20px;}
.svisual .location dd a.on {color:#2E3191;}
.svisual.g01 {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g03 {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/pub/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/pub/images/svisual06.jpg');}
.svisual.g08 {background-image:url('/pub/images/svisual08.jpg');}
.svisual.g08 .location {display:none;}
.svisual.g09 {height:0;} /* 로그인/회원가입 */
.svisual.g00 {background-image:url('/pub/images/svisual00.jpg');} /* 마이페이지 */
.svisual.g10 {background-image:url('/pub/images/svisual10.jpg');} /* 비회원 */
.svisual.g10 .location .g {cursor:pointer;}
.svisual.g10 .location .g dt button {padding-right:0;}
.svisual.g10 .location .g dt button:after,
.svisual.g10 .location .g dd,
.svisual.g10 .location .s {display:none;}
.svisual.g11 {background-image:url('/pub/images/svisual00.jpg');} /* 비회원 */
.aside {border-bottom:#ebebeb 1px solid;}
.aside .inner .s dd {display:flex; justify-content:center; align-items:center; gap:84px;}
.aside a {position:relative; font-size:18px; color:#999; line-height:30px; height:80px; display:flex; align-items:center;}
.aside a:before {content:""; position:absolute; top:50%; left:-44px; width:4px; height:4px; background:#ccc; border-radius:50%; margin-top:-2px;}
.aside a:first-child:before {display:none;}
.aside a.on {color:#2E3191; font-weight:600;}
.svisual.g09 + .aside {display:none;}
/* .svisual .location .g {pointer-events:none; user-select:none;}
.svisual .location .g button {padding-right:0;}
.svisual .location .g button:after {display:none;} */

.container {padding:100px 0 120px; font-size:18px; color:#222; line-height:30px; letter-spacing:-.5px; min-height:calc(100vh - 791px); overflow:hidden;}
.container.g09 {min-height:calc(100vh - 410px);}
.container .inner {max-width:1480px;}
.container .inner_in {max-width:1040px;}
.container_1 {padding: 0 0 120px;}

.ctit {font-size:36px; font-weight:700; line-height:1.27; text-align:center; margin-bottom:60px;}
.ctit.mb {margin-bottom:30px;}
.stit {position:relative; font-size:26px; font-weight:600; line-height:1; margin-bottom:30px;}
.stit.mt {margin-top:80px;}
.stit .abso {position:absolute; top:0; right:0; font-size:16px; color:#2350C3; font-weight:400;}
.stit .abso.and_btn {right:116px; line-height:26px;}
.stit .abso_2 {
  font-size: 19px;
}
.stit .btn_abso {position:absolute; top:-7px; right:0; width:96px; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:600; text-align:center; background:#222; border-radius:3px;}
.stit span {font-size:16px; font-weight:400; margin-left:10px;}

.glbox {border:#ddd 1px solid; border-radius:10px; padding:40px; text-align:center;}


/* 회장인사말 */
.container .inner_greeting {max-width:1600px;}
.greeting {position:relative; padding-left:30%;}
.greeting .img {position:absolute; top:0; left:0; width:25%; height:auto; aspect-ratio: 2 / 3; background:url('/pub/images/img_greeting.jpg') no-repeat 50% 50% / cover; border-radius:10px; overflow:hidden;}
.greeting .txt .tt {font-size:30px; line-height:42px; margin-bottom:35px; letter-spacing:-.5px;}
.greeting .garea {position:relative; padding:45px 0 160px; letter-spacing:-.7px;}
.greeting .garea:before {content:""; position:absolute; top:0; left:50%; width:200vw; height:100%; background:#F6F6F6; z-index:-1; transform:translateX(-50%);}
.greeting .garea .name {font-size:20px; font-weight:600; margin-top:40px;}
.greeting .garea .name strong {font-size:28px; font-weight:600; line-height:30px; margin-left:16px;}
.greeting .stroke {position:absolute; bottom:0; left:0; width:100%; height:78px; background:url('/pub/images/txt_greeting.svg') no-repeat 50% 50% / contain; font-size:0;}

/* 설립목적 및 비전 */
.purpose {margin-bottom:100px;}
.purpose .glbox {margin-top:60px;}
.vision {background:url('/pub/images/bg_vision.jpg') no-repeat 50% 50% / cover; padding:110px 0;}
.vision ul {display:flex; gap:40px;}
.vision li {width:calc((100% - 80px)/3); background:rgba(0,0,0,.2); padding:60px; text-align:center; color:#fff; border-radius:10px;}
.vision li:before {content:""; display:block; width:100%; height:48px; background:no-repeat 50% 50%;}
.vision .tt {font-size:26px; line-height:1; margin:40px 0 30px;}
.vision p {line-height:30px; letter-spacing:-.7px;}
.vision .i1:before {background-image:url('/pub/images/icon_vision01.svg');}
.vision .i2:before {background-image:url('/pub/images/icon_vision02.svg');}
.vision .i3:before {background-image:url('/pub/images/icon_vision03.svg');}
.ideology {padding:100px 0 120px;}
.ideology .center {position:relative; width:360px; max-width:100%; height:80px; line-height:80px; background:#EBEFFF; border-radius:40px; margin:0 auto 60px; text-align:center; font-size:0;}
.ideology .center:after {content:""; position:absolute; top:100%; left:50%; width:1px; height:60px; background:#ccc;}
.ideology ul {position:relative; display:flex; justify-content:center; gap:20px; padding-top:40px; max-width:1000px; margin:0 auto;}
.ideology ul:before {content:""; position:absolute; top:0; left:0; width:100%; height:320px; border:#ccc 1px solid; border-radius:160px;}
.ideology li {width:320px; padding:0 40px;}
.ideology .round {position:relative; width:240px; height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff; margin-bottom:80px; border-radius:50%;}
.ideology .round:before,
.ideology .round:after {content:""; position:absolute; left:50%;}
.ideology .round:before {top:100%; width:0; height:80px; border-right:#ccc 1px dashed;}
.ideology .round:after {bottom:-5px; width:10px; height:10px; margin-left:-5px; border:#fff 2px solid; border-radius:50%;}
.ideology .round .num {font-size:16px; font-weight:700; line-height:20px;}
.ideology .round i {width:100%; height:40px; margin:24px 0; background:no-repeat 50% 50% / contain;}
.ideology .round strong {display:block; font-size:18px; font-weight:600;}
.ideology li .img {width:240px; height:160px; margin:0 auto 20px; background:no-repeat 50% 50% / cover; border-radius:5px;}
.ideology li p {font-size:16px; line-height:26px; text-align:center;}
.ideology .i1 .round{background:#2E3191; box-shadow:0px 0px 20px rgba(45, 48, 143, 0.20);}
.ideology .i1 .round:after {background:#2E3191;}
.ideology .i1 i {background-image:url('/pub/images/icon_ideology01.svg');}
.ideology .i1 .img {background-image:url('/pub/images/img_ideology01.jpg');}
.ideology .i2 .round{background:#262261; box-shadow:0px 0px 20px rgba(37, 33, 96, 0.20);}
.ideology .i2 .round:after {background:#262261;}
.ideology .i2 i {background-image:url('/pub/images/icon_ideology02.svg');}
.ideology .i2 .img {background-image:url('/pub/images/img_ideology02.jpg');}
.ideology .i3 .round{background:#2350C3; box-shadow:0px 0px 20px rgba(34, 78, 193, 0.20);}
.ideology .i3 .round:after {background:#2350C3;}
.ideology .i3 i {background-image:url('/pub/images/icon_ideology03.svg');}
.ideology .i3 .img {background-image:url('/pub/images/img_ideology03.jpg');}

/* 자문위원단 */
.advice {border-top:#222 1px solid;}
.advice .box {border-bottom:#ddd 1px solid; padding:40px; display:flex; gap:40px;}
.advice .imgfit {width:240px; height:300px; border:#ddd 1px solid; border-radius:5px;}
.advice .txt {width:calc(100% - 280px);}
.advice .tit {font-size:22px; font-weight:700; line-height:22px; padding-bottom:30px; border-bottom:#ddd 1px dashed;}
.advice dl {margin-top:20px; display:flex;}
.advice dt {position:relative; width:120px; font-weight:500; line-height:30px; padding-left:12px;}
.advice dt:before {content:""; position:absolute; top:13px; left:0; width:4px; height:4px; background:#222; border-radius:50%;}
.advice dd {width:calc(100% - 120px); color:#666; line-height:30px;}

/* 한국소비자평가소개서 */
.about_introduction {position:relative; padding-bottom:160px; z-index:1; display:flex; justify-content:center; align-items:center; gap:80px;}
.about_introduction:before {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:560px; transform:translateX(-50%); background:#F6F6F6 url('/pub/images/bg_introduction.png') no-repeat right bottom; z-index:-1;}
.about_introduction .img {width:400px; height:560px; box-shadow:rgba(0, 0, 0, 0.10) 5px 5px 20px 0px; border-radius:10px;}
.about_introduction .txt strong {display:block; font-size:30px; font-weight:600; line-height:1; margin-bottom:50px;}
.about_introduction .btn {position:relative; display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:240px; padding:0 30px; border-radius:30px; background:#2E3191;}
.about_introduction .btn:after {content:""; position:absolute; top:0; right:30px; width:18px; height:100%; background:#fff; mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; transition:.2s linear;}

/* 지역문화 관광정보 */
.culture_search {padding:60px; background:#F6F6F6 url('/pub/images/bg_culture_search.png') no-repeat 100% 100%; border-radius:10px; margin-bottom:70px;}
.culture_search dl {display:flex; margin-top:20px;}
.culture_search dl:first-child {margin-top:0;}
.culture_search dt {width:140px; font-size:20px; font-weight:500; line-height:50px;}
.culture_search dd {width:calc(100% -140px); display:flex; gap:10px; flex-wrap:wrap;}
.culture_search label input {display:none;}
.culture_search label span {position:relative; display:block; height:50px; line-height:48px; padding:0 20px 0 50px; border-radius:25px; border:#ddd 1px solid; background:#fff;}
.culture_search label i {position:absolute; top:50%; left:10px; width:30px; height:30px; border-radius:50%; transform:translateY(-50%); background:no-repeat 50% 50% / contain; transition:.2s linear;}
.culture_search label.t0 {min-width:103px;}
.culture_search label.t0 i {background-color:#000; background-image:url('/pub/images/icon_culture_search00.svg');}
.culture_search label.t1 {min-width:118px;}
.culture_search label.t1 i {background-color:#F0A756; background-image:url('/pub/images/icon_culture_search01.svg');}
.culture_search label.t2 {min-width:257px;}
.culture_search label.t2 i {background-color:#484cca; background-image:url('/pub/images/icon_culture_search02.svg');}
.culture_search label.t3 {min-width:133px;}
.culture_search label.t3 i {background-color:#90BE6D; background-image:url('/pub/images/icon_culture_search03.svg');}
.culture_search label.t4 {min-width:174px;}
.culture_search label.t4 i {background-color:#19A7B1; background-image:url('/pub/images/icon_culture_search04.svg');}
.culture_search label input:checked + span {color:#fff; font-weight:700; background:#5987FF;}
.culture_search label input:checked + span i {background-color:rgba(255,255,255,.1);}
.culture_search .w3 {width:300px;}
.culture_search .gu-wrapper {width:300px;}
.culture_search .wall {width:920px; font-size:16px;}
.culture_search .btns {display:flex; justify-content:center; gap:10px; margin-top:40px;}
.culture_search .btns .btn {position:relative; width:180px; height:50px; line-height:48px; padding:0 24px; border-radius:25px; font-size:16px; font-weight:600; text-align:left; border:1px solid;}
.culture_search .btns .btn:after {content:""; position:absolute; top:0; right:22px; width:18px; height:100%; background:no-repeat 50% 50% / contain;}
.culture_search .btns .btn_re {color:#666; background-color:#fff; border-color:#ddd;}
.culture_search .btns .btn_re:after {background-image:url('/pub/images/btn_re.svg');}
.culture_search .btns .btn_search {color:#fff; background-color:#222; border-color:#222;}
.culture_search .btns .btn_search:after {background-image:url('/pub/images/btn_search_w.svg');}

.local_culture_wrap {display:flex; gap:40px;}
.local_culture_list {width:540px; height:720px; border-radius:10px; box-shadow:0px 10px 20px 0px rgba(0,0,0,.1); overflow:hidden auto;}
.local_culture_list::-webkit-scrollbar {width:6px; position:absolute; z-index:1000; top:10px; right:10px;}
.local_culture_list::-webkit-scrollbar-track {background-color:transparent;}
.local_culture_list::-webkit-scrollbar-thumb {background:#2E3191; border-radius:3px;}
.local_culture_list::-webkit-scrollbar-thumb:hover {background:#2E3191;}

.local_culture_list .btn {position:relative; display:flex; gap:20px; width:100%; padding:30px; transition:.2s linear;}
.local_culture_list .btn .hover_link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.local_culture_list .imgfit,
.local_culture_list .txt {pointer-events:none; user-select:none;}
.local_culture_list .imgfit {width:180px; height:120px; border-radius:10px;}
.local_culture_list .txt {position:relative; width:calc(100% - 200px); text-align:left;}
.local_culture_list i {position:absolute; top:0; left:0; width:24px; height:24px; border-radius:50%; background:no-repeat 50% 50%;}
.local_culture_list i span {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.local_culture_list .i1 i {background-color:#F0A756; background-image:url('/pub/images/icon_culture_search01.svg');}
.local_culture_list .i2 i {background:#2E3191 no-repeat 50% 50% / contain; /* background-image:url('/pub/images/icon_culture_search02.svg'); */}
.local_culture_list .i3 i {background-color:#90BE6D; background-image:url('/pub/images/icon_culture_search03.svg');}
.local_culture_list .i4 i {background-color:#19A7B1; background-image:url('/pub/images/icon_culture_search04.svg');}
.local_culture_list .awards {font-size:13px; color:#F63940; font-weight:700; line-height:24px; height:26px; padding:0 12px; border-radius:12px; background:#FFECEC; border:#E81E251a 1px solid; margin-bottom:10px;}
.local_culture_list .tt {position:relative;padding-left:34px; display:flex; gap:0 12px; flex-wrap:wrap; line-height:24px;}
.local_culture_list ul {margin-top:22px;}
.local_culture_list li {position:relative; padding-left:22px; font-size:16px; line-height:1; margin-bottom:12px; background:no-repeat; word-break:break-word; max-width:100%; white-space:normal;}
.local_culture_list li:last-child {margin-bottom:0;}
.local_culture_list li.li1 {background-image:url('/pub/images/icon_map_add.svg'); background-position:0 0;}
.local_culture_list li.li2 {background-image:url('/pub/images/icon_map_web.svg'); background-position:0 1px; pointer-events:auto; user-select:auto;}
.local_culture_list li.li3 {background-image:url('/pub/images/icon_map_tel.svg'); background-position:0 1px;}
.local_culture_list li a {display:block; width:100%; word-break:break-word;}
.local_culture_list .btn_map {display:block; font-size:15px; color:#fff; line-height:30px; background:#2E3191; padding:0 20px; margin-top:20px; border-radius:30px; pointer-events:auto; user-select:auto;}
.local_culture_map {width:860px; border:#ddd 1px solid; border-radius:10px;}
.local_culture_map .out {position:relative; border:0 !important; background:none !important;}
.local_culture_map .iconbox img {background:#2e3191; border-radius:50%;}
.local_culture_map .mark_parent {width:100%; height:100%;}
.local_culture_map .mark {position:absolute; bottom:5px; left:50%; transform:translateX(-50%); font-size:20px; font-weight:600; width:auto; width:200px;}
.local_culture_map .mark:before,
.local_culture_map .mark:after {content:""; position:absolute; bottom:-10px; left:50%; width:20px; height:20px; transform:translateX(-50%) rotate(45deg);}
.local_culture_map .mark:before {z-index:-1; box-shadow:rgba(0,0,0,.1) 2px 5px 10px;}
.local_culture_map .mark:after {z-index:1; background:#fff;}
.local_culture_map .mark span {position:relative; display:block; width:100%; height:100%; z-index:1; min-height:60px; line-height:60px; padding:0 40px 0 20px; border-radius:10px; box-shadow:rgba(0,0,0,.1) 2px 5px 10px; background:#fff url('/pub/images/arrow_map.svg') no-repeat right 20px center; word-break:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.local_culture_map .arrow {display:none;}
/* .local_culture_map > div > div > div > div img {background:#FFA621; border-radius:50%;} */

/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); background:#fff; transform:translate(-50%,-50%); border-radius:10px; overflow:hidden auto; box-shadow:rgba(0,0,0,.25) 0 10px 30px;}
.popup .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.popup .title {font-size:30px; color:#222; font-weight:700; line-height:1; text-align:center; margin-bottom:30px;}
/* 팝업 - 지역문화 관광정보 */
.pop_local_culture .inbox {width:600px; max-width:100%; background:#fff; border-radius:10px; max-height:calc(100vh - 40px); overflow:auto;}
.pop_local_culture .img_wrap {position:relative; height:480px;}
.pop_local_culture .local_slide .slick-slide,
.pop_local_culture .local_slide .slick-slide > div {font-size:0; height:480px;}
.pop_local_culture .local_slide .slick-slide img {width:100%; height:100%; object-fit:cover;}
.pop_local_culture .local_slide_navi {position:absolute; bottom:0; left:0; width:100%; height:130px; padding:20px 13px; background:rgba(0,0,0,.3); backdrop-filter:blur(3px);}
.pop_local_culture .local_slide_navi .slick-track {min-width:100%;}
.pop_local_culture .local_slide_navi .slick-arrow {position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; background:#fff; border-radius:50%; z-index:1; font-size:0;}
.pop_local_culture .local_slide_navi .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_slide_pop.svg') no-repeat 50% 50% / contain;}
.pop_local_culture .local_slide_navi .slick-prev {left:10px;}
.pop_local_culture .local_slide_navi .slick-next {right:10px;}
.pop_local_culture .local_slide_navi .slick-next:before {transform:scaleX(-1);}
.pop_local_culture .local_slide_navi .slick-slide {position:relative; padding:0 7px; height:90px;}
.pop_local_culture .local_slide_navi .slick-slide:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#E81E25 3px solid; border-radius:5px; opacity:0; transition:.2s linear;}
.pop_local_culture .local_slide_navi .slick-slide > div {border-radius:5px; overflow:hidden;}
.pop_local_culture .local_slide_navi .slick-current:before {opacity:1;}
.pop_local_culture .txt {padding:40px;}
.pop_local_culture .tit {font-size:26px; color:#222; font-weight:600; line-height:26px; padding-bottom:24px;}
.pop_local_culture .job_type {display:flex; gap:5px; font-size:16px; color:#222; line-height:24px; font-weight:600; margin-bottom:10px;}
.pop_local_culture .job_type i {width:24px; height:24px; background:#2E3191 no-repeat 50% 50% / contain; border-radius:50%;}
.pop_local_culture .conbox {padding-top:10px; border-top:#ddd 1px dashed;}
.pop_local_culture .conbox li {position:relative; margin-top:10px; font-size:18px; color:#222; font-weight:300; line-height:30px; min-height:30px; padding-left:30px; word-break:break-word;}
.pop_local_culture .conbox li:before {content:""; position:absolute; top:0; left:0; width:14px; height:30px; background:no-repeat 50% 50% / contain;}
.pop_local_culture .conbox li span {margin-right:5px;}
.pop_local_culture li.i1:before {background-image:url('/pub/images/icon_map_add.svg');}
.pop_local_culture li.i2:before {background-image:url('/pub/images/icon_map_time.svg');}
.pop_local_culture li.i3:before {background-image:url('/pub/images/icon_map_tel.svg');}
.pop_local_culture li.i4:before {background-image:url('/pub/images/icon_map4.svg');}
.pop_local_culture li.i5:before {background-image:url('/pub/images/icon_map5.svg');}
.pop_local_culture li.i6:before {background-image:url('/pub/images/icon_map6.svg');}
.pop_local_culture li.i7:before {background-image:url('/pub/images/icon_map7.svg');}
.pop_local_culture li.i8:before {background-image:url('/pub/images/icon_map8.svg');}
.pop_local_culture li.i9:before {background-image:url('/pub/images/icon_map9.svg');}
.pop_local_culture li.i10:before {background-image:url('/pub/images/icon_map10.svg');}
.pop_local_culture li.i11:before {background-image:url('/pub/images/icon_map11.svg');}
.pop_local_culture li.i12:before {background-image:url('/pub/images/icon_map12.svg');}
.pop_local_culture li.i13:before {background-image:url('/pub/images/icon_map13.svg');}
.pop_local_culture .btn_clo {display:block; font-size:18px; color:#fff; font-weight:700; line-height:50px; height:50px; width:180px; background:#222; border-radius:25px; margin:40px auto 0; text-align:center;}
.pop_local_culture .awards {display:flex; align-items:flex-start; margin-bottom:22px;}
.pop_local_culture .awards .tt {position:relative; font-size:16px; color:#222; font-weight:600; line-height:26px; width:94px; padding-left:26px; background:url('/pub/images/icon_awards.svg') no-repeat 0 50%;}
.pop_local_culture .awards ul {display:flex; flex-wrap:wrap; gap:6px; width:calc(100% - 94px);}
.pop_local_culture .awards li {font-size:13px; color:#F63940; font-weight:700; line-height:24px; height:26px; padding:0 12px; border-radius:12px; background:#FFECEC; border:#E81E251a 1px solid;}
/* 팝업 - 약관 */
.pop_terms .inbox {width:720px; padding:60px;}
.pop_terms .gbox {background:#f9f9f9; border-radius:5px; padding:20px;}
/* .pop_terms .coming {width:100%; min-height:200px; background:#f9f9f9; border-radius:5px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:20px; color:#222; font-weight:500; line-height:30px;} */
.pop_terms .con * {font-size:16px !important; line-height:1.5 !important;}
.pop_terms .con table {width:100% !important;}

/* 고객Q&A (+회원가입) */
.contact_box_wrap {display: flex; flex-direction: column; align-items: center; text-align: center; background: #F7F9FF; border-radius: 3px; padding: 30px 20px; margin-bottom: 60px;}
.contact_box {display: flex; justify-content: center; align-items: center; gap: 30px; font-size: 26px; color: #222; font-weight: 500; line-height: 40px; position: relative;}
.contact_box_sub {font-size: 16px; color: #666; line-height: 1.6; margin-top: 0px;}
.contact_box:before {content:""; display:block; width:60px; height:60px; background:#fff url('/pub/images/icon_contact.svg') no-repeat 50% 50% / contain; border-radius:50%;}
.tbl table {border-top:#222 1px solid;}
.tbl th,
.tbl td {border-bottom:#ddd 1px solid;}
.tbl td {word-break:break-word;}
.tbl.non_last_bdb tr:last-child th,
.tbl.non_last_bdb tr:last-child td {border-bottom:0;}
.tbl.tbl_tal th,
.tbl.tbl_tal td {padding:20px 0; text-align:left;}
.tbl.tbl_tal th {line-height:20px; width:200px; font-weight:600; height:90px;}
.tbl.tbl_tal th span,
.tbl.tbl_tal td .state.end {color:#2350C3;}
.tbl.tbl_tal td input[readonly] {background:#F8F8F8; outline:0;}
.tbl.tbl_tal.th_gray th,
.tbl.tbl_tal.th_gray td {padding:10px 30px; height:80px;}
.tbl.tbl_tal.th_gray th {background:#F8F8F8; line-height:24px; width:240px;}
.tbl p.blue {font-size:16px; color:#2350C3; line-height:20px; margin-top:16px;}
.tbl .flex.inbtn {gap:10px; flex-wrap:wrap;}
.tbl .flex.inbtn .text {width:calc(100% - 130px);}
.tbl .flex.inbtn .btn {width:120px; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:600; text-align:center; background:#222; border-radius:3px;}
.tbl.susin_area table {margin-bottom:30px;}
.tbl.susin_area th {line-height:24px; height:90px;}
.tbl th p {font-size:14px; font-weight:400;}
.tbl .flex .btn_sml {display:block; font-size:14px; color:#fff; font-weight:600; line-height:30px; height:30px; width:80px; text-align:center; background:#222; border-radius:3px; margin-left:20px;}
.tbl ul.awards {display:flex; flex-wrap:wrap; gap:6px;}
.tbl ul.awards li {font-size:14px; color:#F63940; font-weight:700; line-height:24px; height:26px; padding:0 12px; border-radius:12px; background:#FFECEC; border:#E81E251a 1px solid;}
.tbl p.mt1 {margin-top:10px;}

.captcha * {height:50px;}
.captcha .imgfit {width:200px; border-radius:3px; border:#ccc 1px solid;}
.captcha .re {width:50px; background:url('/pub/images/btn_re2.svg') #222 no-repeat 50% 50%; font-size:0;}
.captcha .text {width:calc(100% - 260px); margin-left:10px;}
.term_box {background:#F6F6F6; padding:30px 40px; border-radius:10px;}
.term_box li {display:flex; gap:20px; margin-bottom:10px;}
.term_box li:last-child {margin-bottom:0;}
.term_box li label {width:269px;}
.term_box li a {display:block; font-size:14px; color:#fff; font-weight:600; line-height:30px; height:30px; width:80px; background:#222; border-radius:3px; text-align:center;}

label.check {position:relative; display:block; padding-left:30px; line-height:30px;}
label.check input {display:none;}
label.check i {position:absolute; top:5px; left:0; width:20px; height:20px; background:#fff; border:#ddd 1px solid; border-radius:3px; transition:.2s linear;}
label.check i:before {content:""; display:block; width:100%; height:100%; background:#ddd; mask:url('/pub/images/icon_check.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_check.svg') no-repeat 50% 50% / contain; transition:inherit;}
label.check input:checked + i {background:#2E3191; border:0;}
label.check input:checked + i:before {background:#fff;}

label.radio {position:relative; display:block; padding-left:30px; line-height:24px;}
label.radio input {display:none;}
label.radio i {position:absolute; top:2px; left:0; width:20px; height:20px; background:#fff; border:#ddd 1px solid; border-radius:50%; transition:.2s linear;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; background:#2E3191; transition:inherit; transform:translate(-50%,-50%);}
label.radio input:checked + i:before {width:10px; height:10px;}

.btn_submit {display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:240px; max-width:100%; text-align:center; background:#2E3191; border-radius:30px; margin:60px auto 0;}
.btn_submit2 {display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:520px; max-width:100%; text-align:center; background:#2E3191; border-radius:3px; margin:80px auto 0;}

/* 자주 묻는 질문 */
.contact_box.faqbox:before {background-image:url('/pub/images/icon_faq.svg');}
.faq_wrap dl {border:#ddd 1px solid; border-radius:5px; padding:0 40px; margin-bottom:30px; transition:.2s linear;}
.faq_wrap dt {position:relative; font-size:20px; font-weight:500; padding:35px 30px 35px 70px; cursor:pointer; transition:.2s linear;}
.faq_wrap dt:before {content:"Q"; position:absolute; top:35px; left:0; font-size:26px; font-weight:700; font-family:'Poppins'; transition:.2s linear;}
.faq_wrap dt:after {content:""; position:absolute; top:50%; right:0; width:18px; height:10px; background:url('/pub/images/arrow_faq.svg') no-repeat 50% 50% / contain; margin-top:-5px; transition:.2s linear;}
.faq_wrap dd {padding:40px 0; border-top:#ddd 1px dashed; display:none;}
.faq_wrap .on {box-shadow:0px 5px 30px 0px rgba(0, 0, 0, 0.10);}
.faq_wrap .on dt {color:#2E3191; font-weight:700;}
.faq_wrap .on dt:after {transform:rotate(180deg);}

/* 로그인 */
.login_wrap {display:flex; justify-content:center; align-items:center; gap:40px;}
.login_wrap .login_area .ne {position:relative; font-size:16px; color:#2350C3; font-weight:600; line-height:20px; margin-top:16px; padding-left:22px;}
.login_wrap .login_area .ne:before {content:"!"; position:absolute; top:2px; left:0; width:16px; height:16px; line-height:16px; font-size:12px; color:#fff; font-weight:700; text-align:center; background:#2350C3; border-radius:50%; }
.login_wrap .login_area,
.login_wrap .no_member {width:600px; max-width:calc(50% - 20px);}
.login_wrap .mem_area {margin:0;}
.login_wrap .no_member {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:40px;}
.mem_area {width:600px; max-width:100%; margin:0 auto;}
.mem_area.bg_gray {background:#f6f6f6; border-radius:10px; padding:20px 40px;}
.mem_area .inputs .text {height:60px; margin-bottom:10px;}
.mem_area .inputs p.tac {font-size:20px; font-weight:500; line-height:22px; margin-bottom:40px;}
.mem_area label.check {font-size:16px; line-height:20px;}
.mem_area label.check i {top:0;}
.mem_area .btn {display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:100%; background:#2E3191; border-radius:5px; text-align:center; margin-top:20px;}
.mem_area .btn_l {color:#666; line-height:58px; background:#fff; border:#ddd 1px solid; margin-top:10px;}
.mem_area .btn.mt3 {margin-top:30px;}
.mem_area .links {display:flex; justify-content:center; padding:20px 0 40px;}
.mem_area .links a {position:relative; font-size:16px; color:#999; font-weight:500; line-height:20px; padding:0 20px;}
.mem_area .links a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:12px; background:#ddd; transform:translateY(-50%);}
.mem_area .links a:first-child:before {display:none;}
.mem_area .sns_login a {position:relative; display:block; margin-bottom:10px; line-height:60px; height:60px; width:100%; text-align:center; border-radius:3px;}
.mem_area .sns_login a:last-child {margin-bottom:0;}
.mem_area .sns_login a:before {content:""; position:absolute; top:0; left:0; width:60px; height:100%; background:no-repeat 50% 50%;}
.mem_area .sns_login a.kakao {color:#222; background:#FAE100;}
.mem_area .sns_login a.kakao:before {background-image:url('/pub/images/btn_kakao.svg');}
.mem_area .sns_login a.naver {color:#fff; background:#2CB24A;}
.mem_area .sns_login a.naver:before {background-image:url('/pub/images/btn_naver.svg');}
.mem_area + .flex_center {justify-content:center; margin-top:50px;}
.mem_area + .flex_center .non_member {display:inline-block; color:#222; font-weight:600; line-height:22px; border-bottom:#666 1px solid;}

.sns_login {margin-top:56px;}
.sns_login .tt {position:relative; text-align:center; margin-bottom:30px;}
.sns_login .tt:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ebebeb;}
.sns_login .tt span {position:relative; display:inline-block; vertical-align:top; font-size:15px; line-height:25px; background:#fff; padding:0 16px; z-index:1;}
.sns_login .aset {justify-content:center; gap:40px;}
.sns_login .aset a {position:relative; display:block; width:60px; height:60px; border-radius:50%; background:no-repeat 50% 50% / cover; font-size:0;}
.sns_login .aset .kakao {background-image:url('/pub/images/btn_kakao_login.svg');}
.sns_login .aset .naver {background-image:url('/pub/images/btn_naver_login.svg');}
.sns_login .aset .google {background-image:url('/pub/images/btn_google_login.svg');}
.sns_login .aset .google #buttonDiv {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}


/* 회원가입 */
.join_step {display:flex; justify-content:center; margin-bottom:40px;}
.join_step li {position:relative; width:calc(100%/3); text-align:center;}
.join_step li:before {content:""; position:absolute; top:30px; left:50%; width:100%; border-bottom:#ddd 1px dashed; z-index:-1;}
.join_step li:last-child:before {display:none;}
.join_step li i {display:block; width:60px; height:60px; border:rgba(221,221,221,.7) 1px solid; background:#fff; border-radius:50%; margin:0 auto;}
.join_step li i:before {content:""; display:block; width:100%; height:100%; background:#999; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.join_step li .step {font-size:16px; color:#999; line-height:1; margin:20px 0 10px;}
.join_step li p {color:#999; font-weight:500; line-height:24px;}
.join_step li.i1 i:before {mask-image:url('/pub/images/icon_join01.svg'); -webkit-mask-image:url('/pub/images/icon_join01.svg');}
.join_step li.i2 i:before {mask-image:url('/pub/images/icon_join02.svg'); -webkit-mask-image:url('/pub/images/icon_join02.svg');}
.join_step li.i3 i:before {mask-image:url('/pub/images/icon_join03.svg'); -webkit-mask-image:url('/pub/images/icon_join03.svg');}
.join_step li.on i {background:#453CCA;}
.join_step li.on i:before {background:#fff;}
.join_step li.on .step {color:#453CCA; font-weight:600;}
.join_step li.on p {color:#222; font-weight:700;}
.join_step li.onf i {background:#453CCA;}
.join_step li.onf i:before {background:#fff;}

/* 소셜 회원가입 */
.social_join_step {display:flex; margin-bottom:60px;}
.social_join_step li {position:relative; width:calc(100%/2); text-align:center;}
.social_join_step li:before {content:""; position:absolute; top:30px; left:50%; width:100%; border-bottom:#ddd 1px dashed; z-index:-1;}
.social_join_step li:last-child:before {display:none;}
.social_join_step li i {display:block; width:60px; height:60px; border:rgba(221,221,221,.7) 1px solid; background:#fff; border-radius:50%; margin:0 auto;}
.social_join_step li i:before {content:""; display:block; width:100%; height:100%; background:#999; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.social_join_step li .step {font-size:16px; color:#999; line-height:1; margin:20px 0 10px;}
.social_join_step li p {color:#999; font-weight:500; line-height:24px;}
.social_join_step li.i2 i:before {mask-image:url('/pub/images/icon_join02.svg'); -webkit-mask-image:url('/pub/images/icon_join02.svg');}
.social_join_step li.i3 i:before {mask-image:url('/pub/images/icon_join03.svg'); -webkit-mask-image:url('/pub/images/icon_join03.svg');}
.social_join_step li.on i {background:#453CCA;}
.social_join_step li.on i:before {background:#fff;}
.social_join_step li.on .step {color:#453CCA; font-weight:600;}
.social_join_step li.on p {color:#222; font-weight:700;}
.social_join_step li.onf i {background:#453CCA;}
.social_join_step li.onf i:before {background:#fff;}

.join_wrap:before {content:""; display:block; width:80px; height:80px; background:url('/pub/images/icon_phone.svg') #fff no-repeat 50% 50% / contain; border-radius:50%; margin:0 auto 24px;}
.join_wrap p.tac {font-size:22px; font-weight:500;}
.join_wrap p.tac strong {color:#2E3191; font-weight:500;}

.mem_end:before {content:""; display:block; width:100px; height:100px; background:#fff no-repeat 50% 50% / contain; border-radius:50%; margin:0 auto 24px;}
.mem_end p {font-size:20px; font-weight:500; line-height:32px; text-align:center;}
.mem_end p strong {color:#2E3191; font-weight:500;}
.join_end:before {background-image:url('/pub/images/icon_join_end.svg');}
.find_end:before {background-image:url('/pub/images/icon_find_end.svg');}
.find_sns:before {background-image:url('/pub/images/icon_find_sns.svg');}
.find_pw:before {background-image:url('/pub/images/icon_find_pw.svg');}
.find_pw_end:before {background-image:url('/pub/images/icon_find_pw_end.svg');}

/* mypage */
.receipt_wrap {position:relative; padding:40px 0; text-align:center; background:no-repeat 50% 50% / cover;}
.receipt_wrap.info {background-image:url('/pub/images/bg_receipt_info.jpg');}
.receipt_wrap.receipt_payment {background-image:url('/pub/images/bg_receipt_payment.jpg');}
.receipt_wrap.payment {background-image:url('/pub/images/bg_payment.jpg');}
.receipt_wrap.edit_member_top {background-position:50% 40%;}
.receipt_wrap:before {content:""; display:block; width:80px; height:80px; background:#fff no-repeat 50% 50% / contain; border-radius:50%; margin:0 auto 30px;}
.receipt_wrap.info:before {background-image:url('/pub/images/icon_receipt_info.svg');}
.receipt_wrap.receipt_payment:before {background-image:url('/pub/images/icon_receipt_payment.svg');}
.receipt_wrap.info.i_pay:before {background-image:url('/pub/images/icon_payment.svg');}
.receipt_wrap.mutual_information:before {background-image:url('/pub/images/icon_mutual_information.svg');}
.receipt_wrap.inquiry_top:before,
.receipt_wrap.edit_member_top:before {display:none;}
.receipt_wrap .tit {font-size:26px; font-weight:500; margin-bottom:30px;}
.receipt_wrap .tit strong {color:#2350C3;}
.receipt_wrap .tit span {display:block; margin-top:10px;}
.receipt_wrap .cong {font-size:26px; color:#222; font-weight:500; line-height:36px; margin-bottom:20px;}
.receipt_wrap .cong strong {display:block; margin-bottom:5px;}
.receipt_wrap .cong .blue {font-size:34px; color:#2350C3; font-weight:700; line-height:40px;}
.receipt_wrap p.blue {font-size:16px; color:#2350C3; line-height:26px;}
.receipt_wrap.payment .cong {margin-bottom:24px; font-size:26px; font-weight:500; line-height:36px;}
.receipt_wrap.payment .cong strong {display:block; font-size:26px; line-height:26px; margin-bottom:10px;}
.receipt_wrap.payment .cong span {font-size:34px; color:#2350C3; font-weight:700; line-height:40px;}
.receipt_wrap.payment p {line-height:28px;}
.receipt_wrap.edit_member_top .tit {margin-bottom:20px;}

.receipt_step {border:#ddd 1px solid; border-radius:5px; margin-top:100px; padding:60px; text-align:center;}
.receipt_step .tit {font-size:26px; font-weight:700; line-height:1; margin-bottom:20px;}
.receipt_step .tt {line-height:20px; margin-bottom:60px;}
.receipt_step ul {display:flex;}
.receipt_step li {position:relative; width:calc(100%/7);}
.receipt_step li:before {content:""; display:block; width:60px; height:60px; background:#2350C3 no-repeat 50% 50% / contain; margin:0 auto 16px; border-radius:50%;}
.receipt_step li:after {content:""; position:absolute; top:116px; left:50%; width:100%; border-bottom:#ddd 1px dashed; z-index:-1;}
.receipt_step li:last-child:after {display:none;}
.receipt_step .step {font-size:14px; color:#2350C3; font-weight:500; line-height:16px;}
.receipt_step i {display:block; width:16px; height:16px; padding:4px; background:rgba(30,80,195,.1); border-radius:50%; margin:16px auto;}
.receipt_step i:before {content:""; display:block; width:8px; height:8px; background:#2350C3; border-radius:50%;}
.receipt_step p {line-height:24px; font-weight:600;}
.receipt_step p span {display:block; font-size:14px; font-weight:400; line-height:18px; opacity:.6;}
.receipt_step .i1:before {background-image:url('/pub/images/icon_receipt_step01.svg');}
.receipt_step .i2:before {background-image:url('/pub/images/icon_receipt_step02.svg');}
.receipt_step .i3:before {background-image:url('/pub/images/icon_receipt_step03.svg');}
.receipt_step .i4:before {background-image:url('/pub/images/icon_receipt_step04.svg');}
.receipt_step .i5:before {background-image:url('/pub/images/icon_receipt_step05.svg');}
.receipt_step .i6:before {background-image:url('/pub/images/icon_receipt_step06.svg');}
.receipt_step .i7:before {background-image:url('/pub/images/icon_receipt_step07.svg');}

.payment_wrap {position:relative; margin-top:80px; padding-right:440px;}
.payment_wrap #peyment_start {top:-250px;}
.payment_wrap #peyment_end {bottom:562px;}
.payment_wrap .flybox {position:absolute; top:0; right:0; width:360px;}
.payment_wrap .flybox .box {border-radius:5px; padding:30px; text-align:left; border:#ddd 1px solid;}
.payment_wrap .flybox .tt {font-size:16px; font-weight:600; line-height:20px;}
.payment_wrap .flybox .money {font-size:14px; line-height:1; display:flex; gap:6px; align-items:flex-end; margin:14px 0 20px;}
.payment_wrap .flybox .money strong {font-size:36px; font-weight:700;}
.payment_wrap .flybox .gbox {padding:16px 20px; background:#F8F8F8; border-radius:3px;}
.payment_wrap .flybox label.check {font-size:14px; line-height:24px;}
.payment_wrap .flybox label.check i {top:2px;}
.payment_wrap .flybox .btn_submit2 {margin-top:20px;}
.payment_wrap.start .flybox {position:fixed; top:250px; right:50%; margin-right:-720px;}
.payment_wrap.end .flybox {position:absolute; bottom:0; top:auto; right:0; margin:0;}
.payment_wrap .term_area {border-top:#222 1px solid; padding-top:20px;}
.payment_wrap .term_area .gbox {background:#f8f8f8; border-radius:3px; padding:30px 10px 30px 30px;}
.payment_wrap .term_area .scroll {max-height:290px; overflow:auto;}
.payment_wrap .no_bankbook,
.payment_wrap tr.proof {display:none;}
.payment_wrap .no_bankbook.on {display:block;}
.payment_wrap tr.proof.on {display:table-row;}
.payment_wrap .select_payment {display:flex; gap:20px; padding:20px 0; margin-bottom:40px; border-top:#222 1px solid; border-bottom:#ebebeb 1px solid;}
.payment_wrap .select_payment label input {display:none;}
.payment_wrap .select_payment label span {display:block; width:160px; height:160px; padding:30px; text-align:center; border:#ddd 1px solid; border-radius:5px; transition:.2s linear;}
.payment_wrap .select_payment label i {display:block; width:60px; height:60px; background:#F8F8F8; border-radius:50%; margin:0 auto 20px; border-radius:50%; overflow:hidden; transition:.2s linear;}
.payment_wrap .select_payment label i:before {content:""; display:block; width:100%; height:100%; background:no-repeat 50% 50% / contain;}
.payment_wrap .select_payment label p {font-weight:600; line-height:20px; transition:.2s linear;}
.payment_wrap .select_payment label.i1 i:before {background-image:url('/pub/images/icon_select_payment01.svg');}
.payment_wrap .select_payment label.i2 i:before {background-image:url('/pub/images/icon_select_payment02.svg');}
.payment_wrap .select_payment label input:checked + span {background:#484CCA;}
.payment_wrap .select_payment label input:checked + span i {background:rgba(255,255,255,.2);}
.payment_wrap .select_payment label input:checked + span i:before {background:#fff; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.payment_wrap .select_payment label.i1 input:checked + span i:before {mask-image:url('/pub/images/icon_select_payment01.svg'); -webkit-mask-image:url('/pub/images/icon_select_payment01.svg');}
.payment_wrap .select_payment label.i2 input:checked + span i:before {mask-image:url('/pub/images/icon_select_payment02.svg'); -webkit-mask-image:url('/pub/images/icon_select_payment02.svg');}
.payment_wrap .select_payment label input:checked + span p {color:#fff;}
.payment_wrap .no_bankbook .glbox {padding:60px;}
.payment_wrap .no_bankbook .glbox .tit {font-size:26px; font-weight:700; line-height:1; text-align:center; margin-bottom:30px;}
.payment_wrap .no_bankbook .glbox .blbox {background:#F6F6F6; border-radius:10px; padding:30px; margin-bottom:30px; text-align:left;}
.payment_wrap .no_bankbook .glbox .blbox li {position:relative; padding-left:88px; line-height:20px; margin-bottom:16px;}
.payment_wrap .no_bankbook .glbox .blbox li:last-child {margin-bottom:0;}
.payment_wrap .no_bankbook .glbox .blbox li strong {position:absolute; top:0; left:0; font-weight:600;}
.dots_list li {position:relative; font-size:16px; color:#666; line-height:20px; text-align:left; padding-left:8px; margin-bottom:10px;}
.dots_list li:last-child {margin-bottom:0;}
.dots_list li:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#666; border-radius:50%;}

/* 달력 */
.datepicker_area {position:relative; width:240px; max-width:100%;}
.datepicker_area img {position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.ui-datepicker {width:240px; margin-top:-1px; display:none;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#2264b2; overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:40px; width:100%;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {vertical-align:top; width:60px; height:24px; line-height:22px; margin-top:8px; padding:0 5px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center; cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.ui-corner-all .ui-icon:before {margin-top:-4px;}
.ui-corner-all .ui-icon:after {margin-top:2px;}
.ui-datepicker-prev .ui-icon:before {transform:rotate(-45deg);}
.ui-datepicker-prev .ui-icon:after {transform:rotate(45deg);}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon:before {transform:rotate(45deg);}
.ui-datepicker-next .ui-icon:after {transform:rotate(-45deg);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:24px;}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:#2264b2;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:#2264b2;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#f5f5f5;}
.ui-datepicker-calendar td.ui-state-disabled span {opacity:.5;}

/* 평가접수내역 */
.press_area {border:#ddd 1px solid; border-radius:5px; margin-top:80px; padding:60px;}
.press_area ul {display:flex; justify-content:center; gap:40px;}
.press_area li {width:320px;}
.press_area li a {width:100%; height:320px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; text-align:center; background:#F0F2F9; border-radius:10px;}
.press_area li a:before {content:""; display:block; width:60px; height:60px; background:#fff no-repeat 50% 50% / contain; border-radius:50%;}
.press_area li p {font-size:22px; font-weight:600;}
.press_area li i {display:block; font-size:16px; color:#fff; font-weight:600; line-height:40px; height:40px; width:150px; background:#2E3191; border-radius:20px;}
.press_area li.i1 a:before {background-image:url('/pub/images/icon_press_area01.svg');}
.press_area li.i2 a:before {background-image:url('/pub/images/icon_press_area02.svg');}
.press_area li.i3 a:before {background-image:url('/pub/images/icon_press_area03.svg');}

/* 내 상호 정보 */
.mutual_information_list .box {display:flex; align-items:center; padding:30px; border:#ddd 1px solid; border-radius:5px; margin-bottom:30px;}
.mutual_information_list .box:last-child {margin-bottom:0;}
.mutual_information_list .imgfit {width:300px; height:200px; border-radius:3px;}
.mutual_information_list .txt {position:relative; width:calc(100% - 300px); padding:0 200px 0 30px; font-size:16px;}
.mutual_information_list .txt span {display:block;}
.mutual_information_list .code {color:#666; line-height:20px;}
.mutual_information_list .category {font-weight:600; margin:8px 0 20px;}
.mutual_information_list .tit {font-size:22px; font-weight:700; line-height:1; margin-bottom:40px;}
.mutual_information_list li {position:relative; padding-left:106px;}
.mutual_information_list li:before {content:""; position:absolute; top:13px; left:0; width:3px; height:3px; background:#222; border-radius:50%;}
.mutual_information_list li strong {position:absolute; top:0; left:10px; font-weight:500;}
.mutual_information_list .txt .btns {position:absolute; top:50%; right:10px; display:flex; gap:10px; margin-top:-25px;}
.mutual_information_list .btn {display:flex; justify-content:center; align-items:center; color:#fff; font-weight:600; line-height:50px; height:50px; width:180px; text-align:center; border-radius:25px; background:#2E3191;}
.mutual_information_list .btn_bw {font-size:14px; color:#2E3191; background:#fff; border:#2E3191 1px solid; line-height:20px;}

.flie_wrap .flex {gap:20px; align-items:center; font-size:16px;}
label.file {position:relative;}
label.file input {position:absolute; width:0; height:0;}
label.file span {display:block; color:#fff; font-weight:600; line-height:40px; height:40px; width:120px; text-align:center; background:#222; border-radius:3px;}
.flie_wrap .flex p {color:#2350C3;}
.flie_wrap .gap0 {gap:0 !important;}
.filebox {display:flex; gap:20px; flex-wrap:wrap;}
.filebox.inset {margin-top:20px;}
.filebox li {line-height:20px; display:flex; gap:10px;}
.filebox li .btn_delete {width:10px; height:20px; background:url('/pub/images/btn_del.svg') no-repeat 50% 50% / contain; font-size:0;}
.sns_area .flex {gap:10px;}
.sns_area .nice-select {width:240px;}
.sns_area input.text {width:calc(100% - 350px);}
.sns_area .btn {display:block; width:90px; height:50px; line-height:50px; color:#fff; text-align:center; background:#222; border-radius:3px;}
.sns_area .flex + .flex {padding-top:10px; margin-top:10px; border-top:#ddd 1px dashed;}
.timepicker_wrap {display:flex;}
.timepicker_wrap span {width:50px; line-height:50px; text-align:center;}
.timepicker_wrap .text {width:calc(25% - 22px); height:50px; background:url('/pub/images/icon_month_time.svg') no-repeat 100% 0;}
.timepicker_wrap .text:after {display:none;}

.keywards {display:flex; gap:25px; color:#2350C3;}
.tbl .ptb20 {padding:20px 0;}
.tbl .ptb20 img {max-width:300px; max-height:200px;}

/* 1:1 문의 */
.filebutton {position:relative; width:120px; height:40px; overflow:hidden;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:40px; font-size:16px; color:#fff; text-align:center; vertical-align:top; background:#222; border-radius:3px;}
.filebutton input {z-index:9; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filearea {width:calc(100% - 120px); padding-left:10px; line-height:40px;}
.filearea p {font-size:16px; color:#767676;}
.mailbox {display:flex; justify-content:center; align-items:center; gap:16px; font-size:20px; font-weight:500; background:#F8F8F8; border-radius:3px; margin-top:20px; padding:30px;}
.mailbox:before {content:""; display:block; width:40px; height:40px; background:url('/pub/images/icon_mail.svg') #fff no-repeat 50% 50% / contain; border-radius:50%;}

/* 회원정보수정 */
.btns_rela {position:relative;}
.btns_rela .btn_withdrawal {position:absolute; top:50%; right:0; color:#666; line-height:20px; height:20px; margin-top:-10px; border-bottom:#666 1px solid;}

.pop_withdrawal .inbox {width:720px; padding:60px;}
.pop_withdrawal .inputs {border-top:#222 1px solid;}
.pop_withdrawal .inputs .tit {display:flex; gap:10px; font-size:22px; color:#222; font-weight:600; line-height:1; margin:30px 0 20px;}
.pop_withdrawal .inputs .tit span {color:#2E3191;}
.pop_withdrawal .inputs .dots_list {background:#F6F6F6; border-radius:10px; padding:20px;}
.pop_withdrawal .inputs .dots_list li {padding-left:14px; line-height:30px;}
.pop_withdrawal .inputs .dots_list li:before {top:13px;}
.pop_withdrawal .btns {display:flex; justify-content:center; gap:10px; margin-top:40px;}
.pop_withdrawal .btns .btn {font-size:16px; color:#fff; font-weight:700; line-height:50px; height:50px; width:180px; border-radius:25px; text-align:center; background:#2E3191;}
.pop_withdrawal .btns .btn_clo {color:#666; background:#fff; border:#ddd 1px solid; line-height:48px;}

/* 개인정보처리방침 */
.con_terms,
.con_terms * {font-size:inherit !important; line-height:inherit !important;}
.con_terms {border-top:#222 1px solid; border-bottom:#ddd 1px solid; min-height:460px; padding:40px 0;}
.con_terms table {width:100% !important;}
.center_thum {display:flex; justify-content:center; align-items:center; text-align:center; padding-top:40px;}
.terms_con table,
.center_thum table {max-width:100%;}

/* 비회원 */
.no_member {padding:60px;}
.no_member:before {content:""; display:block; width:100px; height:100px; background:url('/pub/images/icon_phone2.svg') #F8F8F8 no-repeat 50% 50% / contain; margin:0 auto 30px; border-radius:50%;}
.no_member .stit {margin-bottom:20px;}
.no_member p {font-size:16px; line-height:26px;}
.no_member .btn_submit2 {max-width:100%; margin:40px auto 20px;}
.no_member p.btm {color:#666;}

/* 팬시박스 / 메인 */
.fancybox-content {padding:0; background:none;}
.video_pop_in .fancybox-close {display:none;}
.video_pop_in .fancybox-wrap,
.video_pop_in .fancybox-skin,
.video_pop_in .fancybox-outer,
.video_pop_in .fancybox-inner,
.video_pop_in .fancybox-inner iframe {width:100% !important; max-width:100%; height:100%;}
.video_pop_in .fancybox-content {width:100%; max-width:800px; height:450px;}
.video_pop_in .fancybox-slide {padding:0;}
.pop_video {position:relative; height:450px;}
.pop_video .video_area {position:relative; background:#fff; z-index:1;}
.pop_video iframe {width:100%; height:57vw; max-height:450px;}
/* .pop_video .btns {position:relative; padding:25px 0; z-index:1;}
.pop_video .btns .btn {display:block; font-size:18px; color:#fff; font-weight:700; line-height:50px; height:50px; width:180px; margin:0 auto; background:#222; border-radius:25px; text-align:center;} */
.pop_video .btn_close {position:absolute; top:10px; right:10px; display:block; width:50px; height:50px; background:#000; border:#fff 1px solid; font-size:0;}
.pop_video .btn_close:before,
.pop_video .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff;}
.pop_video .btn_close:before {transform:translate(-50%,-50%) rotate(45deg);}
.pop_video .btn_close:after {transform:translate(-50%,-50%) rotate(-45deg);}
/* 지역문화 관광정보 */
.no_close .fancybox-close {display:none;}
.no_close .fancybox-skin {border-radius:10px; overflow:hidden;}