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

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

/* layout */
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:4px;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:40px; padding:0 10px;}
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:10px;}
textarea[readonly] {outline:0;}

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

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* color */
* {
--col_org:#FF8832;
--col_blue:#3284FF;
--col_blk0:#000;
--col_blk1:#111;
--col_blk3:#333;
--col_blk6:#666;
--col_blk9:#999;
--col_fff:#fff;
--bg_gray:#f8f8f8;
}
.col_org {color:var(--col_org) !important;}
.col_white {color:var(--col_fff) !important;}
.col_blk8 {color:#888 !important;}

.btn_org {color:var(--col_fff) !important; background:var(--col_org) !important;}
.btn_blk {color:var(--col_fff) !important; background:var(--col_blk1) !important;}
.btn_bl {color:var(--col_blk3) !important; background:var(--col_fff) !important; border:var(--col_blk3) 1px solid;}

.non_bdrs {border-radius:4px !important;}

/* 게시판 목록 - 공지사항 */
.board_list {border-top:var(--col_blk3) 2px solid;}
.board_list col.w1 {width:170px;}
.board_list col.w2 {width:190px;}
.board_list col.w10 {width:100px;}
.board_list col.w11 {width:110px;}
.board_list col.w12 {width:120px;}
.board_list col.w13 {width:130px;}
.board_list col.w14 {width:140px;}
.board_list col.w15 {width:150px;}
.board_list col.w16 {width:160px;}
.board_list col.w20 {width:200px;}
.board_list col.w22 {width:220px;}
.board_list th,
.board_list td {text-align:center; border-bottom:#ebebeb 1px solid;}
.board_list thead th {height:71px; font-weight:600;}
.board_list td {height:89px;}
.board_list td.tal a {position:relative; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td i.file {display:block; width:19px; height:19px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin:0 auto;}
.board_list .notice td span {display:block; font-size:14px; color:var(--col_fff); font-weight:600; line-height:26px; height:26px; width:58px; text-align:center; background:var(--col_org); border-radius:13px; margin:0 auto;}
.board_list .new .tal a {padding-right:27px;}
.board_list .new .tal a:after {content:"N"; position:absolute; top:50%; right:0; width:19px; height:19px; line-height:19px; text-align:center; font-size:12px; color:var(--col_fff); font-weight:600; background:var(--col_org); border-radius:4px; transform:translateY(-50%);}

.board_top {display:flex; justify-content:space-between; margin-bottom:16px;}
.board_top .total {color:var(--col_blk6);}
.board_top .total strong {font-weight:700;}
.board_top .selects {display:flex; gap:17px;}
.board_top .selects .select {position:relative; font-size:16px; color:var(--col_blk6); line-height:20px; height:20px; border:0; padding:0 12px 0 0;}
.board_top .selects .select:before {content:""; position:absolute; top:4px; left:-9px; width:1px; height:12px; background:#ddd;}
.board_top .selects .select:after {width:8px; right:0;}
.board_top .selects .select.s1:before {display:none;}
.board_top .selects .select .list {width:120px; left:auto; right:0;}
.board_top .selects .select input {display:none;}
.board_top .selects label.select {padding:0; transition:.2s linear;}
.board_top .selects label.select > span {position:relative; padding-right:12px; display:flex;}
.board_top .selects label.select > span:after {content:""; position:absolute; top:0; right:0; width:8px; height:100%; background:#333; mask:url('/pub/images/arrow_select_s.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_select_s.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.board_top .selects label.select > span .high,
.board_top .selects label.select input:checked + span .low {display:none;}
.board_top .selects label.select input:checked + span .high {display:block;}
.board_top .selects label.select input:checked + span:after {transform:rotate(180deg);}
.board_top .selects label.select.on {color:var(--col_org);}
.board_top .selects label.select.on input:checked + span:after {background:var(--col_org);}
.board_top .inputs {width:280px; height:50px; display:flex; border:#ddd 1px solid; border-radius:25px; overflow:hidden;}
.board_top .inputs .text {width:calc(100% - 46px); height:48px; padding:0 15px; border:0; outline:0;}
.board_top .inputs .btn {width:46px; height:48px; background:url('/pub/images/btn_search2.svg') no-repeat 50% 50%; font-size:0;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2;  color:var(--col_fff); font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .paging {display:flex; justify-content:center; width:100%; margin-top:80px;}
.board_bottom .paging a {position:relative; width:30px; height:30px; line-height:30px; text-align:center; font-size:15px; margin:0 5px;}
.board_bottom .paging a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:var(--col_blk3); transition:.2s linear; transform:translateX(-50%);}
.board_bottom .paging a.on:after {width:12px;}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .first {margin:0;}
.board_bottom .paging .prev {margin-left:0;}
.board_bottom .paging .next {margin-right:0;}
.board_bottom .paging .last {margin:0;}
.board_bottom .paging .arrow:before {content:""; display:block; width:100%; height:100%; background:no-repeat 50% 50%;}
.board_bottom .paging .one:before {background-image:url('/pub/images/arrow_one.svg');}
.board_bottom .paging .two:before {background-image:url('/pub/images/arrow_two.svg');}
.board_bottom .paging .next:before,
.board_bottom .paging .last:before {transform:scaleX(-1);}

/* 게시판 상세 */
.board_view .tit {font-size:40px; font-weight:600; line-height:1.5;}
.board_view .type {display:flex; flex-wrap:wrap; gap:0 17px; margin:32px 0 56px; overflow:hidden;}
.board_view .type dl {position:relative; display:flex; gap:8px; font-size:15px;}
.board_view .type dl:before {content:""; position:absolute; top:50%; left:-9px; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.board_view .type dt {font-weight:600;}
.board_view .type dd {color:var(--col_blk6);}
.star_set {position:relative; display:flex !important; gap:8px;}
.star_set i {position:relative; width:70px; height:24px;}
.star_set i:before,
.star_set i:after {content:""; position:absolute; top:0; width:100%; height:100%; mask:url('/pub/images/icon_star5.svg') no-repeat 0 50%; -webkit-mask:url('/pub/images/icon_star5.svg') no-repeat 0 50%;}
.star_set i:before {left:0; background:#333;}
.star_set i:after {right:0; background:#ddd;}
.star_set.set1 i:before {width:14px;}
.star_set.set1 i:after {width:56px;}
.star_set.set2 i:before {width:28px;}
.star_set.set2 i:after {width:42px;}
.star_set.set3 i:before {width:42px;}
.star_set.set3 i:after {width:28px;}
.star_set.set4 i:before {width:56px;}
.star_set.set4 i:after {width:14px;}
.star_set.set5 i:before {width:70px;}
.star_set.set5 i:after {width:0;}
.board_view .writer {position:relative; background:var(--bg_gray); padding:24px; display:flex; margin-bottom:56px;}
.board_view .writer .imgfit {width:48px; height:48px; overflow:hidden; border-radius:50%;}
.board_view .writer .txt {width:calc(100% - 48px); padding-left:16px;}
.board_view .writer .name {font-weight:600; line-height:1;}
.board_view .writer .count {display:flex; font-size:14px; color:var(--col_blk6); line-height:1; margin-top:8px;}
.board_view .writer .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.board_view .writer .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.board_view .writer .star.no-after::after {display:none;}
.board_view .writer .btns {position:absolute; top:50%; right:32px; display:flex; gap:8px; margin-top:-20px;}
.board_view .writer .btn {display:block; font-size:15px; color:var(--col_fff); font-weight:500; line-height:40px; height:40px; width:110px; text-align:center; border-radius:20px; background:var(--col_org);}
.board_view .writer .btn_l {color:var(--col_blk1); line-height:38px; border:var(--col_blk1) 1px solid; background:var(--col_fff);}
.board_view .writer.event_set dl {display:flex; align-items:center; gap:10px; font-size:15px;}
.board_view .writer.event_set dt {font-weight:600; line-height:28px; height:30px; width:95px; text-align:center; border:var(--col_blk1) 1px solid; border-radius:15px;}
.board_view .writer.event_set dd {color:var(--col_blk6);}
.board_view .writer.event_set .btn_down {width:150px; display:flex; justify-content:center; align-items:center; gap:7px;}
.board_view .writer.event_set .btn_down:after {content:""; display:block; width:14px; height:14px; background:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain;}
.board_view .con {border-top:#ebebeb 1px solid; padding:56px 0 100px; word-break:break-word;}
.board_view .con table {max-width:100%;}
.board_view .con td {width:auto !important;}
.view_btns {display:flex; justify-content:flex-end; gap:8px;}
.view_btns.mt {margin-top:40px;}
.view_btns .btn {font-size:14px; color:var(--col_blk6); font-weight:500; line-height:28px; height:30px; width:82px; display:flex; justify-content:center; align-items:center; gap:4px; border:#ddd 1px solid; border-radius:20px;}
.view_btns .btn:before {content:""; display:block; width:14px; height:14px; background:no-repeat 50% 50%;}
.view_btns .btn.modi:before {background-image:url('/pub/images/icon_modi.svg');}
.view_btns .btn.del:before {background-image:url('/pub/images/icon_del.svg');}
.prev_next {border-top:var(--col_blk3) 2px solid; margin-top:16px;}
.prev_next a {position:relative; display:block; border-bottom:#ebebeb 1px solid; color:var(--col_blk6); line-height:64px; padding-left:106px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prev_next a span {position:absolute; top:0; left:0; padding-left:36px; font-size:15px; color:var(--col_blk3); font-weight:600;}
.prev_next a span:before {content:""; position:absolute; top:0; left:16px; width:12px; height:100%; background:url('/pub/images/arrow_view.svg') no-repeat 50% 50% / contain;}
.prev_next a.next span:before {transform:rotate(180deg);}
.reply + .prev_next,
.view_file + .prev_next {margin-top:0;}
.reply {border-top:#ebebeb 1px solid; margin:100px 0; padding-top:40px;}
.reply .tt {font-weight:600; line-height:26px; padding-left:24px; background:url('/pub/images/icon_reply.svg') no-repeat 0 50%; margin-bottom:16px;}
.reply .comment {border:var(--col_blk1) 1px solid; padding:25px;}
.reply .comment .name {position:relative; display:flex; gap:17px; padding-left:26px; font-weight:600; line-height:26px; margin-bottom:8px;}
.reply .comment .name .imgfit {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border-radius:50%; overflow:hidden; border:#ebebeb 1px solid; padding:0; font-size:0;}
.reply .comment .name .date {position:relative; font-size:13px; color:var(--col_blk9); font-weight:400;}
.reply .comment .name .date:before {content:""; position:absolute; top:50%; left:-9px; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.reply .comment .textarea {line-height:26px;}
.reply .comment .view_btns {margin-top:34px;}
.reply .inputs {margin-top:24px; display:flex;}
.reply .inputs .text,
.reply .inputs .btn {height:120px;}
.reply .inputs .text {width:calc(100% - 80px); padding:24px;}
.reply .inputs .text::placeholder {color:#888;}
.reply .inputs .btn {width:80px; font-size:15px; color:var(--col_fff); font-weight:500; background:var(--col_blk1); text-align:center; border:0;}
.view_file a {display:block; color:#222; line-height:56px; padding-left:44px; background:url('/pub/images/icon_down_b.svg') no-repeat 17px 50%;}
.board_view img {height:auto !important;}
.board_view .imgfit img {height:100% !important;}

/* 게시판 쓰기 */
.board_write {border-top:var(--col_blk3) 2px solid; width:100%; max-width:1000px; margin:0 auto;}
.board_write.w100p {max-width:100%;} 
.board_write dl {display:table; width:100%;}
.board_write dt,
.board_write dd {display:table-cell; height:90px; padding:20px 0; border-bottom:#ebebeb 1px solid; vertical-align:middle; line-height:25px;}
.board_write dt {width:300px; font-weight:600; padding-left:24px; vertical-align:middle;}
.board_write dd {width:calc(100% - 300px);}
.board_write input.text,
.board_write dd .nice-select {height:48px; line-height:46px; width:160px;}
.board_write .flex {gap:10px;}
.board_write .flex .text {width:200px; max-width:calc((100% - 20px)/3); height:50px; line-height:48px; text-align:left; border-radius:4px;}
.select_star {display:flex; align-items:center; gap:2px; height:50px;}
.select_star .star {position:relative; display:block;}
.select_star .star input {display:none;}
.select_star .star i {display:block; width:20px; height:20px; background:url('/pub/images/icon_star_off.svg') no-repeat 50% 50% / contain;}
.select_star .star.on input + i {background-image:url('/pub/images/icon_star.svg');}
.select_star .count {margin-left:6px;}
.board_write textarea.text {height:320px;}
.board_write textarea.text.h20 {height:200px;}
.board_write .img_input {gap:18px;}
.board_write .img_input .file {position:relative; display:flex; justify-content:center; align-items:center; width:168px; height:168px; border:#ddd 1px dashed; border-radius:4px; overflow:hidden; cursor:pointer;}
.board_write .img_input .file input {position:absolute; top:0; left:-100%; width:300%; height:100%; opacity:0; cursor:pointer;}
.board_write .img_input .file .del {position:absolute; top:10px; right:10px; width:24px; height:24px; background:url('/pub/images/icon_del2.svg') no-repeat 50% 50% / contain; display:none;}
.board_write .img_input .file.in {border:0;}
.board_write .img_input .file.in img {width:100%; height:100%; object-fit:cover;}
.board_write .img_input .file.in .del {display:block;}
.board_write dd p.s {font-size:15px; color:var(--col_blk6); line-height:1; margin-top:17px;}
.btn_submit.btn_bdrs {display:block; font-size:18px; font-weight:600; line-height:64px;	height:64px; width:240px; text-align:center; border-radius:32px; margin:80px auto 0;}
.board_write .text.w63,
.board_write .in_btn {width:100%; max-width:630px;}
.board_write .in_btn {display:flex; gap:10px;}
.board_write .in_btn .text {width:100%; max-width:calc(100% - 120px);}
.board_write .in_btn .btn {width:110px; border-radius:4px;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:100px 40px;}
.gall_list li {width:calc((100% - 80px)/3);}
.gall_list li a {display:block;}
.gall_list li .imgfit {display:block; width:100%; height:305px; overflow:hidden;}
.gall_list li .txt {display:block; margin-top:30px;}
.gall_list li strong {display:block; font-size:20px; color:#222; line-height:32px; margin-bottom:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list li p {display:block; height:22px; line-height:22px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:65px; z-index:100; background:var(--col_fff); border-bottom:#ebebeb 1px solid; transition:.2s linear;}
.header .logo,
.header.corporate_head .logo_wrap {position:absolute; top:0; left:calc(50% - 800px); height:100%;}
.header .logo {width:130px; font-size:0; background:var(--col_blk3); mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; z-index:11;}
.header h1 {font-size:0; opacity:0; width:0; height:0;}
.header.corporate_head .logo_wrap {display:flex;}
.header.corporate_head .logo {position:relative; left:0;}
.header.corporate_head .logo_wrap .corp {position:relative; font-size:20px; color:var(--col_blk3); font-weight:700; line-height:65px; margin-left:33px;}
.header.corporate_head .logo_wrap .corp:before {content:""; position:absolute; top:50%; left:-17px; width:1px; height:20px; background:#ccc; transform:translateY(-50%);}
.header .gnb {display:flex; justify-content:center; gap:80px; padding-right:80px;}
.header.corporate_head .gnb {padding:0 467px 0 calc(((100vw - 1600px)/2) + 232px);}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:17px; color:var(--col_blk3); font-weight:500; line-height:65px;}
.header .gnb .menu.on > a {color:var(--col_org);}
.header .gnb .snb {position:absolute; top:0; left:50%; width:186px; margin-left:-93px; background:var(--col_fff); border-radius:10px; box-shadow:rgba(0,0,0,.1) 0 0 10px; padding:14px; overflow:hidden; opacity:0; transition:.2s linear; pointer-events:none; transform:rotateX(90deg); transform-style:preserve-3d;}
.header .gnb .snb a {display:block; font-size:16px; color:var(--col_blk3); font-weight:400; line-height:40px; text-align:center;}
.header .gnb .snb a.on {font-weight:600; background:var(--bg_gray);}
.header .right {position:absolute; top:0; right:0; display:flex; z-index:11; transition:.2s linear;}
.header .right a {display:flex; justify-content:center; align-items:center; height:64px; line-height:1;}
.header .right a.btn_a {gap:8px; font-size:16px; color:var(--col_fff); padding:0 24px; height:65px;}
.header .right a:before {content:""; display:block; width:18px; height:18px;}
.header .right a.btn1 {background:var(--col_org); color:var(--col_fff);}
.header a.btn1:before {background-image:url('/pub/images/icon_hr01.svg');}
.header .right a.btn2 {background:var(--col_blk1);}
.header a.btn2:before {background-image:url('/pub/images/icon_hr02.svg');}
.header .right a.btn_b {gap:6px; flex-direction:column; width:72px; color:var(--col_blk3); font-size:12px;}
.header .right .mem {position:relative; border-right:#ddd 1px solid; z-index:1; transition:.2s linear;}
.header .right .mem a {background:#fff;}
.header .right .mem .i2 {position:absolute; top:0; left:-1px; width:calc(100% + 2px); height:100%; border:#ddd 1px solid; z-index:-1; opacity:0;}
.header .right .mem a:before {width:16px; height:16px; background:var(--col_blk3); mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain; transition:.2s linear;}
.header .right .mem .i1:before {mask-image:url('/pub/images/icon_mem.svg'); -webkit-mask-image:url('/pub/images/icon_mem.svg');}
.header .right .mem .i2:before {mask-image:url('/pub/images/icon_mem.svg'); -webkit-mask-image:url('/pub/images/icon_mem.svg');}
.header .right .mem.on .i2 {top:100%; opacity:1; z-index:1;}
.header .right a.btn_menu:before {display:none;}
.header .right a.btn_menu ul {position:relative; width:16px; height:16px;}
.header .right a.btn_menu li {position:absolute; top:50%; left:50%; width:12px; height:4px; margin-left:-6px; transition:.2s linear;}
.header .right a.btn_menu li:before,
.header .right a.btn_menu li:after {content:""; position:absolute; top:0; width:4px; height:4px; background:var(--col_blk3); transition:.2s linear;}
.header .right a.btn_menu li:before {left:0;}
.header .right a.btn_menu li:after {right:0;}
.header .right a.btn_menu li.t {margin-top:-6px;}
.header .right a.btn_menu li.b {margin-top:2px;}
.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; background:var(--col_fff); color:var(--col_blk3); z-index:10; display:none;}
.header .sitemap .inner {position:relative; width:calc(100vw - 400px); height:100%; display:flex; justify-content:center; align-items:center;}
.header .sitemap .inner:before {content:""; position:absolute; top:0px; left:20px; width:1px; height:100%; background:#ddd;}
.header .sitemap .inbox {position:relative; width:100%; padding-left:40px;}
.header .sitemap .inbox:after {content:""; position:absolute; top:0; right:0; width:460px; height:100%; background:url('/pub/images/bg_sitemap.jpg') no-repeat 50% 50% / cover;}
.header .sitemap .menus {position:relative; display:flex; flex-direction:column; gap:56px;}
.header .sitemap .menu {position:relative; display:flex; align-items:center;}
.header .sitemap .menu > a {display:block; width:330px; font-size:48px; font-weight:600; line-height:1; letter-spacing:-1.44px;}
.header .sitemap .menu > a:before {content:""; position:absolute; top:50%; left:-40px; width:3px; height:0; background:var(--col_org); transform:translateY(-50%); transition:.2s linear;}
.header .sitemap .menu.on > a {color:var(--col_org);}
.header .sitemap .menu.on > a:before {height:40px;}
.header .sitemap .menu .snb {width:calc(100% - 330px); display:flex; gap:40px;}
.header .sitemap .menu .snb a {font-size:20px; line-height:32px; font-weight:500; letter-spacing:-.6px;}
.header .sitemap .menu .snb a.on {font-weight:600; text-decoration:underline;}
.header .sitemap .btn_area {margin-top:200px;}
.header .sitemap .links {display:flex; gap:20px; font-size:16px; color:var(--col_blk9); font-weight:500; margin-bottom:40px;}
.header .sitemap .btm,
.header .sitemap .btm .sns {display:flex; gap:8px;}
.header .sitemap .btm .btn {font-size:15px; width:200px; height:48px; line-height:46px; text-align:center; border:var(--col_blk1) 1px solid; border-radius:24px;}
.header .sitemap .btm .btn.inq:before {display:none !important;}
.header .sitemap .btm .sns a {width:48px; height:48px; background:no-repeat 50% 50% / contain; font-size:0;}
.header .sitemap .btm .sns a.insta {background-image:url('/pub/images/icon_insta.svg');}
.header .sitemap .btm .sns a.kakao {background-image:url('/pub/images/icon_kakao.svg');}

.header.main {background:none; border-bottom-color:rgba(255,255,255,.16);}
.header.main .logo {background:var(--col_fff);}
.header.main .menu > a {color:var(--col_fff);}
.header.main .right a.btn_b {background:rgba(17, 17, 17, 0.30); backdrop-filter:blur(5px); color:var(--col_fff);}
.header.main .right .mem {border-right-color:rgba(255,255,255,.16);}
.header.main .right .mem .i2 {background:#fff; backdrop-filter:none; color:var(--col_blk3);}
.header.main .right .mem a:before {background:var(--col_fff);}
.header.main .right a.btn_menu li:before,
.header.main .right a.btn_menu li:after {background:var(--col_fff);}

.header.fixed {background:var(--col_fff); border-bottom-color:#ebebeb;}
.header.fixed .logo {background:var(--col_blk3);}
.header.fixed .menu > a {color:var(--col_blk3);}
.header.fixed .right a.btn_b {background:none; backdrop-filter:blur(5px); color:var(--col_blk3);}
.header.fixed .right .mem {border-color:#ddd;}
.header.fixed .right .mem a:before {background:var(--col_blk3);}
.header.fixed .right a.btn_menu li:before,
.header.fixed .right a.btn_menu li:after {background:var(--col_blk3);}

.header.on {border-bottom-color:#ebebeb;}
.header.on .logo {left:40px; height:109px; background:var(--col_blk3);}
.header.on .right {padding:31px 40px 31px 0; height:109px;}
.header.on .right a {height:48px;}
.header.on .right .btn_a {border-radius:24px; width:170px;}
.header.on .right .btn2 {margin-left:8px;}
.header.on .right a.btn_b {background:none; backdrop-filter:blur(5px); color:var(--col_blk3);}
.header.on .right .mem {display:flex; padding:0 20px; border:0;}
.header.on .right .mem a {flex-direction:row; width:auto; font-weight:600; border-right:0; padding:0 10px; font-size:16px;}
.header.on .right .mem a:before {background:var(--col_blk3);}
.header.on .right .mem .i2 {position:relative; left:0; width:auto; z-index:1; opacity:1; border:0;}
.header.on .right .mem.on .i2 {top:0;}
.header.on .right a.btn_menu {width:48px; height:48px; gap:0; background:var(--col_blk1); border-radius:50%;}
.header.on .right a.btn_menu li {height:1px;}
.header.on .right a.btn_menu li:before,
.header.on .right a.btn_menu li:after {width:18px; height:1px; background:var(--col_fff);}
.header.on .right a.btn_menu .t {margin:0; transform:translate(-50%,-50%) rotate(135deg);}
.header.on .right a.btn_menu .b {margin:0; transform:translate(-50%,-50%) rotate(-135deg);}
.header.on .right a.btn_menu p {font-size:0;}
.header.on .menu > a {color:var(--col_blk3);}

#quickstart {top:100vh;}

/* footer */
.footer {position:relative; background:#111; color:var(--col_fff); z-index:1;}
.footer .inner {position:relative; display:flex;}
.footer .inner > * {padding:76px 0 64px;}
.footer .qna {width:36.25%;}
.footer .qna .tit {font-size:56px; line-height:66px; font-family:'Poppins'; letter-spacing:-2.8px;}
.footer .qna p {font-size:18px; margin:32px 0 56px; letter-spacing:-.9px;}
.footer .qna .btn {position:relative; display:block; font-size:16px; font-weight:600; line-height:120px; height:120px; width:120px; text-align:center; background:#333; border-radius:50%;}
.footer .qna .btn:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; border:var(--col_org) 0 solid; transition:.2s linear;}
.footer .qna .btn span {position:relative; z-index:1;}
.footer .info {border-left:rgba(255,255,255,.1) 1px solid; padding-left:56px; letter-spacing:-.8px;}
.footer .info .address {position:relative; padding-top:52px;}
.footer .info .address:before {content:""; position:absolute; top:0; left:0; width:130px; height:29px; background:rgba(255,255,255,.8); mask:url('/pub/images/logo.svg') no-repeat 0 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 0 50% / contain;}
.footer .info .address ul {display:flex; flex-wrap:wrap; gap:0 11px; font-size:16px; font-weight:300; line-height:28px; overflow:hidden;}
.footer .info .address li {position:relative;}
.footer .info .address li:before {content:""; position:absolute; top:50%; left:-6px; width:1px; height:14px; background:rgba(255,255,255,.8); transform:translateY(-50%);}
.footer .info .sns {display:flex; gap:8px; margin-top:24px;}
.footer .info .sns a {display:block; font-size:0; width:40px; height:40px; background:rgba(255,255,255,.1) no-repeat 50% 50% / contain; border-radius:50%;}
.footer .info .sns a.insta {background-image:url('/pub/images/icon_insta_mono.svg');}
.footer .info .sns a.kakao {background-image:url('/pub/images/icon_kakao_mono.svg');}
.footer .info .links {display:flex; gap:16px; margin-top:155px;}
.footer .info .links a {display:block; font-size:16px; font-weight:500; line-height:28px;}
.footer .copy {font-size:16px; font-weight:300; line-height:28px; opacity:.3;}

.quick {position:fixed; bottom:105px; right:40px; z-index:10; opacity:0; pointer-events:none; user-select:none; transition:.2s linear;}
.quick.start {opacity:1; pointer-events:auto; user-select:auto;}
.quick a {display:block; width:72px; height:72px; border-radius:50%; margin-bottom:8px;}
.quick .inq {font-size:13px; color:var(--col_fff); font-weight:700; display:flex; justify-content:center; align-items:center; background:var(--col_blk1); text-align:center;}
.quick .kakao {background:url('/pub/images/icon_kakao.svg') no-repeat 50% 50% / contain; font-size:0;}
.quick .gotop {border:#ebebeb 1px solid; background:url('/pub/images/arrow_gotop.svg') #fff no-repeat 50% 50%; margin-bottom:0; font-size:0;}

/* main */
.mvisual_wrap {position:relative; height:100vh; background:#fff; z-index:2;}
.mvisual .slick-slide > div {font-size:0;}
.mvisual .imgfit {position:relative; width:100vw; height:calc(100vh - 100px);}
.mvisual .tit,
.mvisual_wrap .navi {position:absolute; top:50%; left:50%; width:100%; max-width:1640px; padding:0 20px; transform:translate(-50%,-50%);}
.mvisual .tit {font-size:56px; color:var(--col_fff); font-weight:600; line-height:80px; height:270px; margin-top:60px;}
.mvisual_wrap .navi {display:flex; align-items:center; gap:20px; margin:-175px 0 0 -10px;}
.mvisual_wrap .navi .arrow {width:30px; height:20px; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%;}
.mvisual_wrap .navi .next {transform:scaleX(-1);}
.mvisual_wrap .navi .paging {display:flex; font-size:14px; color:var(--col_fff); font-weight:500; line-height:20px;}
.mvisual_wrap .navi .paging li {display:none;}
.mvisual_wrap .navi .paging .slick-active {display:flex; align-items:center;}
.mvisual_wrap .navi .paging span {width:26px; height:1px; background:var(--col_fff); opacity:.3; margin:0 8px;}
.mvisual_wrap .mv_search {position:absolute; bottom:44px; left:50%; width:calc(100% - 40px); max-width:1000px; padding:24px; transform:translateX(-50%); display:flex; border-radius:120px; background:var(--col_fff); box-shadow:rgba(0,0,0,.08) 0 4px 20px;}
.mvisual_wrap .mv_search .text,
.mvisual_wrap .mv_search .btn {height:60px; line-height:60px;}
.mvisual_wrap .mv_search .text {position:relative; width:calc((100% - 190px)/3); font-size:20px; font-weight:500; border:0; text-align:left; padding:0 40px 0 72px; background:no-repeat 32px 50%;}
.mvisual_wrap .mv_search .text:before {content:""; position:absolute; top:50%; left:0; width:1px; height:50%; background:#ddd; transform:translateY(-50%);}
.mvisual_wrap .mv_search .text.i1:before {display:none;}
.mvisual_wrap .mv_search .text:after {content:""; position:absolute; top:0; right:24px; width:17px; height:100%; background:url('/pub/images/arrow_select_b.svg') no-repeat 50% 50% / contain; transition:.2s linear; border:0; transform:rotate(0); transform-origin:50% 50%; margin:0;}
.mvisual_wrap .mv_search .text .list {width:100%;}
.mvisual_wrap .mv_search .text .option {font-size:16px;}
.mvisual_wrap .mv_search .text.i1 {background-image:url('/pub/images/icon_mv_search01.svg');}
.mvisual_wrap .mv_search .text.i2 {background-image:url('/pub/images/icon_mv_search02.svg'); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mvisual_wrap .mv_search .text.i3 {background-image:url('/pub/images/icon_mv_search03.svg');}
.mvisual_wrap .mv_search .btn {font-size:18px; color:var(--col_fff); font-weight:600; width:150px; text-align:center; background:var(--col_blk1); border-radius:36px; margin-left:40px;}
.youtube-container {position:relative; width:100%; height:100%;}
.mvisual_wrap iframe {position: absolute; top:50%; left:50%; width:auto; height:125%; min-width:100%; transform:translate(-50%,-50%); pointer-events:none; user-select:none;}

.mcon {position:relative; padding:160px 0; color:var(--col_blk3); background:#fff; z-index:1; overflow:hidden;}
.mcon .title {position:relative; font-size:56px; display:flex; align-items:center; gap:48px; margin-bottom:60px;}
.mcon .title strong {font-weight:500;}
.mcon .title span {font-size:20px;}
.mcon .title .more {position:absolute; top:50%; right:0; font-size:18px; color:var(--col_blk1); font-weight:500; padding-right:18px; line-height:30px; margin-top:-15px; font-family:'Poppins';}
.mcon .title .more:after {content:""; position:absolute; top:0; right:0; width:10px; height:100%; background:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}

.mc01:before {content:""; position:absolute; bottom:0; right:25px; width:717px; height:160px; background:#f5f5f5; mask:url('/pub/images/logo.svg') no-repeat 100% 100% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 100% 100% / contain;}
.mc01 .con_area {position:relative;}
.mc01 .links {border-top:#EBEBEB 1px solid; padding-bottom:16px;}
.mc01 .links a {display:block; border-bottom:#EBEBEB 1px solid; padding:54px 30px;}
.mc01 .links a > * {display:block;}
.mc01 .links span {font-size:16px; color:var(--col_blk0); opacity:.2;}
.mc01 .links strong {font-size:36px; color:var(--col_blk3); line-height:50px; margin-top:10px; display:flex; align-items:center; gap:16px;}
.mc01 .links strong:after {content:""; position:relative; display:block; width:24px; height:6px; background:url('/pub/images/arrow_mlink.svg') no-repeat 50% 50% / contain; opacity:0; left:-50px; transition:.2s linear;}
.mc01 .imgs {position:absolute; top:0; right:0; width:600px; height:100%; pointer-events:none; user-select:none;}
.mc01 .imgs li {position:absolute; top:50%; width:413px; height:570px; background:var(--col_fff); box-shadow:rgba(0,0,0,.1) 0 20px 50px; padding:12px;}
.mc01 .imgs .imgfit {width:100%; height:482px;}
.mc01 .imgs p {font-size:14px; color:var(--col_blk3); text-align:right; margin-top:7px;}
.mc01 .imgs .i1 {right:0; transform:translate(0,-50%) rotate(10.15deg); margin-top:-80px; z-index:1;}
.mc01 .imgs .i2 {left:0; transform:translate(0,-50%) rotate(-4.55deg); margin-top:-40px;}
/* .mc01 .set1 .imgs .i1,
.mc01 .set2 .imgs .i2 {z-index:1;}
.mc01 .set2 .imgs .i1,
.mc01 .set1 .imgs .i2 {z-index:0;} */

.mc02_slide {position:relative; width:100%; height:435px; overflow:hidden;}
.mc02_slide .slide_ani {position:absolute; top:0; left:0; display:flex; animation:marquee 20s linear infinite;}
.mc02_slide .slide_ani .box {display:flex; flex:0 0; width:50%;}
.mc02_slide .slide_ani a {display:block; flex:0 0 406px; padding:0 12px;}
.mc02_slide .imgfit {display:block; width:382px; height:382px; transition:.2s linear;}
.mc02_slide p {position:relative; font-size:24px; font-weight:500; line-height:1; padding-top:12px; border-top:var(--col_blk3) 1px solid; margin-top:16px;}

.mc03 {position:relative; background:var(--col_blk1);}
.mc03:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:180px; background:url('/pub/images/ptn_logo.svg') repeat-x 0 0 / auto 180px; opacity:.1;}
.mc03 .inner {position:relative; padding-left:156px;}
.mc03 .title {position:absolute; top:0; left:20px; color:var(--col_fff);}
.mc03 .title .vertical {position:absolute; top:0; left:0; transform:rotate(90deg); width:80px;}
.mc03 .title .vertical strong {display:block; width:440px;}
.mc03 .title .more {position:relative; top:0; margin-top:490px; color:#fff;}
.mc03 .title .more:after {background:#fff; mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}
.mc03 .photo_box {position:relative; width:100%; height:1416px;}
.mc03 .photo_box .swiper-wrapper {max-width:100%;}
.mc03 .photo_box .swiper-slide {position:absolute;}
.mc03 .photo_box a {display:block; font-size:0; width:100%; height:100%;}
.mc03 .photo_box a ul,
.mc03 .photo_box a li,
.mc03 .photo_box a i,
.mc03 .photo_box a .profile {position:absolute; transition:.2s linear;}
.mc03 .photo_box a ul {top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); backdrop-filter:blur(10px); opacity:0;}
.mc03 .photo_box a li {position:absolute; width:0; height:0; border:transparent 1px solid; opacity:.4; transition:.2s linear;}
.mc03 .photo_box a li:nth-child(1) {top:12px; left:12px; border-top-color:var(--col_fff); border-left-color:var(--col_fff);}
.mc03 .photo_box a li:nth-child(2) {top:12px; right:12px; border-top-color:var(--col_fff); border-right-color:var(--col_fff);}
.mc03 .photo_box a li:nth-child(3) {bottom:12px; left:12px; border-bottom-color:var(--col_fff); border-left-color:var(--col_fff);}
.mc03 .photo_box a li:nth-child(4) {bottom:12px; right:12px; border-bottom-color:var(--col_fff); border-right-color:var(--col_fff);}
.mc03 .photo_box a i {position:absolute; top:50%; left:50%; width:0; height:0; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; transform:translate(-50%,-50%);}
.mc03 .photo_box a .profile {bottom:60px; left:0; width:100%; opacity:0;}
.mc03 .photo_box a .profile .imgfit {display:block; width:100px; height:100px; margin:0 auto 8px; border-radius:50%; overflow:hidden;}
.mc03 .photo_box a .profile p {font-size:24px; color:var(--col_fff); font-weight:500; line-height:30px; text-align:center;}
.mc03 .photo_box .i1 {top:0; left:0; width:932px !important; height:600px;}
.mc03 .photo_box .i2 {bottom:0; left:0; width:556px !important; height:800px;}
.mc03 .photo_box .i3 {bottom:0; left:572px; width:360px !important; height:800px;}
.mc03 .photo_box .i4 {top:0; right:0; width:516px !important; height:760px;}
.mc03 .photo_box .i5 {bottom:0; right:0; width:516px !important; height:640px;}

.mc04 .flex {gap:100px; align-items:flex-start;}
.mc04 .map_area {width:570px;}
.map_set {position:relative; display:flex; justify-content:center; align-items:center; width:407px; margin:0 auto;}
.map_set .point {cursor:pointer;}
.map_set .count_point {position:absolute; top:0; left:0; z-index:1;}
.map_set .count_point .point {position:absolute; overflow:hidden; width:auto; height:28px; line-height:26px; font-size:14px; color:var(--col_blk3); font-weight:500; padding:0 16px; background:#fff; border:var(--col_blk3) 1px solid; border-radius:14px; cursor:pointer; white-space:nowrap; transition:.2s linear;}
.map_set .count_point .point.on {color:var(--col_org); border-color:var(--col_org);}
.map_set .count_point #point01 {top:121px; left:76px;} /* 서울 */
.map_set .count_point #point02 {top:190px; left:81px;} /* 경기/인천 */
.map_set .count_point #point03 {top:129px; left:242px;} /* 강원 */
.map_set .count_point #point04 {top:252px; left:158px;} /* 충북 */
.map_set .count_point #point05 {top:298px; left:41px;} /* 충남/세종 */
.map_set .count_point #point06 {top:325px; left:263px;} /* 경북/대구 */
.map_set .count_point #point07 {top:452px; left:202px;} /* 경남/부산/울산 */
.map_set .count_point #point08 {top:411px; left:95px;} /* 전북 */
.map_set .count_point #point09 {top:517px; left:62px;} /* 전남/광주 */
.map_set .count_point #point10 {top:642px; left:49px;} /* 제주 */
.map_set .land {cursor:pointer;}
.map_set .land * {transition:.2s linear;}
.map_set .land.on * {fill-opacity:1; fill:var(--col_org);}
.mc04 .mc04_slide_area {position:relative; width:calc(100% - 670px); padding-bottom:60px;}
.mc04 .mc04_slide {width:calc(100% + ((100vw - 1600px)/2)); padding-right:27.8%; overflow:hidden;}
.mc04 .mc04_slide .swiper-slide {padding-right:24px;}
.mc04 .mc04_slide a,
.mc04 .mc04_slide span {display:block;}
.mc04 .mc04_slide .imgfit {position:relative; font-size:0; height:454px;}
label.heart {position:absolute; top:10px; right:10px; z-index:1;}
label.heart input {display:none;}
label.heart span {display:block; width:45px; height:41px; background:url('/pub/images/icon_heart2.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
label.heart input:checked + span {background-image:url('/pub/images/icon_heart2_on.svg');}
.mc04 .mc04_slide .human {margin-top:24px; display:flex; align-items:center; gap:16px;}
.mc04 .mc04_slide .human .img {width:80px; height:80px; overflow:hidden; border-radius:50%;}
.mc04 .mc04_slide .human .img img {width:100%; height:100%; object-fit:cover;}
.mc04 .mc04_slide .human .txt {width:calc(100% - 80px);}
.mc04 .mc04_slide .human .name {display:flex; align-items:center; gap:8px; font-size:18px; color:var(--col_blk3); font-weight:600; line-height:24px;}
.mc04 .mc04_slide .human .name .best {font-size:12px; color:var(--col_blue); font-weight:400; line-height:24px; background:#EFF5FF; border-radius:2px; padding:0 5px;}
.mc04 .mc04_slide .human .count {display:flex; font-size:14px; color:var(--col_blk6); line-height:14px; margin-top:8px;}
.mc04 .mc04_slide .human .count .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.mc04 .mc04_slide .human .count .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.mc04 .mc04_slide .human .count .star.no-after::after {display:none !important;}
.mc04 .mc04_slide_area .scrollbar {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#EBEBEB; opacity:1 !important;}
.mc04 .mc04_slide_area .swiper-scrollbar-drag {background:var(--col_blk3);}
.mc04 .mc04_slide .slide_more a {display:flex; justify-content:center; align-items:center; border:#ddd 2px dashed; border-radius:10px; font-size:24px; font-weight:600; height:454px;}

.mc05 {background:var(--bg_gray);}
.mc05_slide_wrap {position:relative;}
.mc05_slide {width:calc(100% + ((100vw - 1600px)/2));}
.mc05_slide .slick-list {padding-right:calc(2vw + ((100vw - 1600px)/2));}
.mc05_slide .slick-slide a {display:flex !important;}
.mc05_slide .slick-slide .imgfit {width:53%; height:502px;}
.mc05_slide .slick-slide .txt {width:47%; padding:40px 0 0 60px;}
.mc05_slide .slick-slide .tit {display:block; font-size:36px; color:var(--col_blk3); font-weight:600; line-height:50px; margin-bottom:40px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.mc05_slide .slick-slide p {font-size:18px; color:var(--col_blk6); line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.mc05_slide_wrap .navi {position:absolute; bottom:40px; left:calc(53% + 2vw - 10px); display:flex;}
.mc05_slide_wrap .navi .arrow {width:30px; height:20px; background:#ccc; mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%;}
.mc05_slide_wrap .navi .next {transform:scaleX(-1);}
.mc05_slide_wrap .navi .paging {display:flex; font-size:14px; color:var(--col_blk3); font-weight:500; line-height:20px;}
.mc05_slide_wrap .navi .paging li {display:none;}
.mc05_slide_wrap .navi .paging .slick-active {display:flex; align-items:center;}
.mc05_slide_wrap .navi .paging span {width:26px; height:1px; background:#ccc; margin:0 8px;}

.mc06 {position:relative;}
.mc06 .bg {position:absolute; bottom:0; left:0; font-size:0; color:var(--col_blk0); font-weight:700; line-height:1; opacity:.04; letter-spacing:-5px; text-transform:capitalize; width:600px; height:134px; background:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
.mc06 .title {width:568px; flex-direction:column; align-items:flex-start; gap:40px;}
.mc06 .title .more {position:relative; top:0; margin-top:0;}
.mc06 .txt {width:1032px; color:var(--col_blk3);}
.mc06 .tit {font-size:36px; font-weight:600; line-height:50px; padding-bottom:16px; border-bottom:var(--col_blk3) 1px solid; margin:56px 0 32px;}
.mc06 .tit:first-child {margin-top:0;}
.mc06 .paybox span {display:block; font-size:24px; line-height:40px;}
.mc06 .paybox .money {font-size:40px; font-weight:600;}
.mc06 .paybox .money strong {font-size:48px;}
.mc06 .paybox p {font-size:18px; color:var(--col_999); line-height:30px;}
.mc06 ul {display:flex; gap:8px;}
.mc06 li {position:relative; width:200px; height:200px; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden; border-radius:50%; text-align:center; z-index:1;}
.mc06 li:before {content:""; display:block; width:100%; height:30px; background:no-repeat 50% 50%;}
.mc06 li:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--col_org); opacity:.1; z-index:-1;}
.mc06 li p {font-size:20px; line-height:32px; height:64px; margin-top:12px;}
.mc06 li.i1:before {background-image:url('/pub/images/icon_mc06_01.svg');}
.mc06 li.i2:before {background-image:url('/pub/images/icon_mc06_02.svg');}
.mc06 li.i3:before {background-image:url('/pub/images/icon_mc06_03.svg');}
.mc06 li.i4:before {background-image:url('/pub/images/icon_mc06_04.svg');}
.mc06 li.i5:before {background-image:url('/pub/images/icon_mc06_05.svg');}

.mc07_slide {margin:0 -6px;}
.mc07_slide .swiper-slide {padding:0 6px;}
.mc07_slide a {display:block; border:#ebebeb 1px solid; padding:16px 16px 32px;}
.mc07_slide a span {display:block;}
.mc07_slide .imgfit {width:100%; height:262px;}
.mc07_slide .txt {padding-top:30px;}
.mc07_slide .name {display:flex; align-items:center; gap:25px; font-size:16px; color:var(--col_blk6); line-height:24px; margin-bottom:16px;}
.mc07_slide .name .star_set:after {content:""; position:absolute; top:50%; right:-13px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.mc07_slide p {font-size:18px; color:var(--col_blk6); line-height:30px; height:90px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.mc08 {z-index:0;}
.mc08:before {content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:url('/pub/images/bg_mc08.jpg') no-repeat 50% 50% / cover; z-index:-1;}
.mc08 .inner {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; color:var(--col_fff); text-align:center; height:580px; z-index:1;}
.mc08 b {display:block; font-size:56px; line-height:82px; letter-spacing:-2.8px;}
.mc08 p {font-size:18px; line-height:30px; margin:8px 0 48px; letter-spacing:-0.54px;}
.mc08 a {display:block; font-size:18px; font-weight:600; line-height:46px; height:48px; width:240px; border:var(--col_fff) 1px solid; border-radius:24px; text-align:center; margin:0 auto; letter-spacing:-0.54px;}

.faq_wrap {padding-top:1px;}
.faq_wrap dl {position:relative; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; margin-top:-1px; font-size:18px; color:var(--col_blk3); line-height:30px;}
.faq_wrap dt {position:relative; padding:30px 80px 30px 180px; cursor:pointer;}
.faq_wrap dt .num {position:absolute; top:30px; left:40px; font-size:16px;}
.faq_wrap dl:before,
.faq_wrap dt:after,
.faq_wrap dd:before {content:""; position:absolute; transition:.2s linear; pointer-events:none;}
.faq_wrap dl:before {top:-1px; left:0; width:100%; height:calc(100% + 2px); border:var(--col_blk3) 2px solid; opacity:0;}
.faq_wrap dt:after {top:0; right:56px; width:20px; height:100%; background:url('/pub/images/arrow_faq.svg') no-repeat 50% 50% / contain;}
.faq_wrap dd {position:relative; padding:30px 30px 30px 180px; display:none;}
.faq_wrap dd:before {top:0; left:40px; width:calc(100% - 80px); height:1px; background:#ebebeb;}
.faq_wrap dl.on {z-index:1;}
.faq_wrap dl.on:before {opacity:1;}
.faq_wrap dl.on dt:after {transform:rotate(180deg);}

/* sub */
.gbox {background:#f5f5f5;}
.wbox {background:#fff;}
.inner_thin {max-width:760px;}
.container {position:relative; padding:205px 0 200px; font-size:16px; color:var(--col_blk3); letter-spacing:-.5px;}
.container .title {font-size:56px; color:var(--col_blk3); font-weight:600; line-height:1; margin-bottom:56px; display:flex; align-items:flex-end; gap:12px;}
.container .title:after {content:""; display:block; width:10px; height:10px; background:var(--col_org); border-radius:50%;}
.container .titb {font-size:30px; font-weight:600; line-height:1.6; margin-bottom:100px;}
.container .ctit {position:relative; font-size:56px; font-weight:500; line-height:1.5; text-align:center; margin-bottom:56px; letter-spacing:-1.4px;}
.container .ctit.s {font-size:48px;}
.container .ctit.mt {margin-top:160px;}
.container .ctit .more {position:absolute; top:50%; right:0; font-size:18px; color:var(--col_blk1); font-weight:500; padding-right:18px; line-height:1.7; margin-top:-15px;}
.container .ctit .more:after {content:""; position:absolute; top:0; right:0; width:10px; height:100%; background:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}
.container .ctit.col_white .more {color:var(--col_fff);}
.container .ctit.col_white .more:after {background:var(--col_fff); mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}
.container .stit {position:relative; font-size:22px; font-weight:600; line-height:1.54; margin:56px 0 24px; display:flex; align-items:center; gap:17px;}
.container .stit.gap_thin {gap:5px;}
.container .stit.mt16 {margin-top:160px;}
.container .stit.mb16 {margin-bottom:16px;}
.container .stit .tar {position:absolute; top:0; right:0; font-size:15px; font-weight:400; padding-left:14px;}
.container .stit .tar:before {content:""; position:absolute; top:50%; left:0; width:6px; height:6px; background:var(--col_blk3); border-radius:50%; margin-top:-3px;}
.container .stit .tar.none {color:var(--col_blk6);}
.container .stit .tar.none:before {display:none;}
.container .stit .star {display:flex; align-items:center; font-size:15px; font-weight:500; line-height:1;}
.container .stit .star:before {content:""; display:block; width:16px; height:16px; background:url('/pub/images/icon_star.svg') no-repeat 50% 50% / contain; margin-right:6px;}
.container .stit .star span {position:relative; font-weight:400; margin-left:18px;}
.container .stit .star span:before {content:""; position:absolute; top:50%; left:-9px; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.container .stit .btn {position:absolute; top:50%; right:0; font-size:15px; font-weight:500; line-height:1; padding:11px 20px; border-radius:20px; transform:translateY(-50%);}
.container .stit .btn_blk {padding:12px 20px;}
.container .stit .btns {position:absolute; top:50%; right:0; transform:translateY(-50%); display:flex; gap:12px;}
.container .stit .btns .btn {position:relative; top:0; transform:none;}

.tbl table {border-top:var(--col_blk1) 1px solid;}
.tbl th,
.tbl td {line-height:2; padding:8px 0; text-align:center; border-bottom:#ebebeb 1px solid;}
.tbl thead th {background:var(--bg_gray);}
.tbl .ow1 {width:50px;}
.tbl .ow2 {width:100px;}
.tbl .ow3 {width:140px;}
.tbl .w30 {width:300px;}
label.check {position:relative; display:block; height:16px; line-height:16px; padding-left:26px; font-size:17px;}
label.check input {display:none;}
label.check.solo {padding:0; width:16px; height:16px; margin:0 auto;}
label.check i,
label.check i:before {position:absolute; top:0; left:0; transition:.2s linear;}
label.check i {width:16px; height:16px; border:#ccc 1px solid; background:var(--col_fff);}
label.check i:before {content:""; width:100%; height:100%; background:#ccc; mask:url('/pub/images/icon_check.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/icon_check.svg') no-repeat 50% 50%;}
label.check input:checked + i {background:var(--col_org); border-color:var(--col_org);}
label.check input:checked + i:before {background:var(--col_fff);}

label.radio {position:relative; padding-left:26px;}
label.radio input {display:none; line-height:1.6;}
label.radio i,
label.radio i:before {position:absolute; top:50%; border-radius:50%; transition:.2s linear;}
label.radio i {left:0; width:16px; height:16px; background:#fff; border:#ccc 1px solid; transform:translateY(-50%);}
label.radio i:before {content:""; left:50%; width:6px; height:6px; background:#ccc; transform:translate(-50%,-50%);}
label.radio input:checked + i {border-color:var(--col_org);}
label.radio input:checked + i:before {background:var(--col_org);}

.dots_list li {font-size:15px; color:var(--col_blk6); line-height:26px;}

.datepick {background:url('/pub/images/icon_mv_search02.svg') no-repeat right 16px center / 16px;}

.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; font-size:16px; color:var(--col_blk3); letter-spacing:-.5px; display:none;}
.popup .dm {background:rgba(0,0,0,.7);}
.popup .outbox {position:absolute; top:50%; left:50%; width:720px; max-width:calc(100vw - 40px); background:#fff; transform:translate(-50%,-50%); padding-bottom:72px;}
.popup .btn_close {position:absolute; top:34px; right:40px; width:36px; height:36px; border-radius:50%; background:var(--col_blk1) url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.popup .tit {font-size:34px; font-weight:600; line-height:100px; border-bottom:#ebebeb 1px solid; text-align:center;}
.popup .inbox {position:relative; padding:40px 80px 60px; overflow:auto; max-height:calc(100vh - 212px);}

.pop_datepick .outbox {padding-bottom:0;}
.pop_datepick .daypick_area {padding-top:60px;}
.pop_datepick .tar span.tag {position:relative; font-size:15px; line-height:1; padding-left:12px; display:inline-block; vertical-align:top;}
.pop_datepick .tar span.tag:before {content:""; position:absolute; top:50%; left:0; width:6px; height:6px; background:var(--col_blk3); border-radius:50%; margin-top:-3px;}
.daypick_area .tbl {border:#ebebeb 1px solid; padding:40px;}
.thisday {position:relative; margin-bottom:20px; text-align:center;}
.thisday strong {font-size:20px; font-weight:500; line-height:26px;}
.thisday .btn {position:absolute; top:1px; width:24px; height:24px; border:#ddd 1px solid; border-radius:4px; background:url('/pub/images/btn_month.svg') no-repeat 50% 50% / cover; font-size:0;}
.thisday .prev {left:0;}
.thisday .next {right:0; transform:rotate(180deg);}
.daypick_area dl {display:flex; text-align:center;}
.daypick_area dt,
.daypick_area dd {width:calc(100%/7);}
.daypick_area .dt {font-size:14px;}
.daypick_area .dd {font-size:15px; line-height:28px; margin-top:12px;}
.daypick_area dd del {color:#ccc;}
.daypick_area dd label {display:block;}
.daypick_area dd input {display:none;}
.daypick_area dd span {display:block; width:28px; height:28px; line-height:28px; text-align:center; margin:0 auto; border-radius:50%; transition:.2s linear;}
.daypick_area dd input:checked + span {color:var(--col_fff); background:var(--col_blk3);}
.daypick_area dd label.disabled {pointer-events:none; opacity:.5;}
.popup .btns,
.popup .btn_submit {position:absolute; bottom:0; left:0;}
.popup .btn_submit {font-size:22px; color:var(--col_fff); font-weight:600; line-height:72px; height:72px; width:100%; text-align:center; background:var(--col_org);}
.popup .btns {display:flex; width:100%;}
.popup .btns .btn_none,
.popup .btns .btn_submit {position:relative; width:50%;}
.popup .btns .btn_none {font-size:22px; color:var(--col_blk3); font-weight:600; line-height:72px; height:72px; text-align:center; background:var(--bg_gray);}

/* 촬영 예약하기 */
.human_info {position:relative; display:flex; align-items:center; padding:24px 32px; background:linear-gradient(90deg, #FF8832 0%, #F2B517 100%); margin-bottom:24px;}
.human_info:before {content:""; position:absolute; bottom:0; right:18px; width:162px; height:100%; background:url('/pub/images/icon_camera.svg') no-repeat 50% 100% / contain;}
.human_info .imgfit {width:80px; height:80px; border-radius:50%;}
.human_info .txt {width:calc(100% - 80px); padding-left:24px; color:var(--col_fff);}
.human_info .name {font-size:28px; line-height:1.4;}
.human_info .pay {font-size:18px; font-weight:500; line-height:1; margin-top:6px;}
.human_info .pay strong {margin-left:8px;}
.accordion_box {padding-top:100px; padding-bottom:200px;}
.accordion_box .wbox {margin-bottom:24px;}
.accordion_box .wbox.end_bdr {border:var(--col_blk1) 2px solid;}
.accordion_box .wbox.end_bdr .btn_submit {display:block; width:100%; height:70px; line-height:70px; text-align:center; font-size:22px; color:var(--col_fff); font-weight:600; background:var(--col_blk1);}
.accordion_box .tit {position:relative; font-size:20px; font-weight:600; line-height:68px; padding:0 40px 0 32px; display:flex; align-items:center; gap:8px; cursor:pointer;}
.accordion_box .tit .num {width:20px; height:20px; line-height:20px; font-size:12px; color:var(--col_fff); background:var(--col_blk3); border-radius:50%; text-align:center;}
.accordion_box .tit i {position:absolute; top:0; right:40px; width:16px; height:100%;}
.accordion_box .tit i:before,
.accordion_box .tit i:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:var(--col_blk3); transition:.2s linear;}
.accordion_box .tit i:before {width:16px; height:2px;}
.accordion_box .tit i:after {width:2px; height:16px;}
.accordion_box .on .tit i:after {width:16px; height:2px;}
.accordion_box .con {border-top:#ebebeb 1px solid; padding:24px 32px 32px;}
.accordion_box dl {display:flex; line-height:48px; margin-bottom:16px;}
.accordion_box dl:last-child {margin-bottom:0 !important;}
.accordion_box .slim dl {line-height:1.2;}
.accordion_box dt {width:146px; font-weight:600;}
.accordion_box dt span {color:var(--col_org);}
.accordion_box dd {width:calc(100% - 146px);}
.accordion_box dd .text {height:48px; line-height:46px; padding:0 16px; font-size:16px;}
.accordion_box dd div.text {border:solid 1px #e8e8e8; border-radius:4px; cursor:pointer; padding:0 16px;}
.accordion_box dd textarea.text {line-height:26px; height:160px; padding:10px 15px;}
.accordion_box dd .text.disabled,
.accordion_box dd .text[disabled] {background:#F8F8F8; border-color:#ddd;}
.accordion_box dl.lh_low .dt {font-weight:600; padding-right:10px;}
.accordion_box .blue_link {position:relative; border:var(--col_blue) 1px solid; background:rgba(50, 132, 255, 0.05); padding:20px 160px 20px 34px; display:flex; align-items:center; gap:8px; width:100%; font-size:17px; color:var(--col_blue); font-weight:600; line-height:30px; letter-spacing:-.5px;}
.accordion_box .blue_link:before {content:""; display:block; width:16px; height:16px; background:url('/pub/images/icon_chk.svg') var(--col_blue) no-repeat 50% 50% / contain; border-radius:50%;}
.accordion_box .blue_link i {position:absolute; top:50%; right:34px; font-size:14px; color:var(--col_fff); font-weight:500; background:var(--col_blk1); width:116px; height:30px; line-height:30px; margin-top:-15px; display:flex; justify-content:center; align-items:center; gap:3px; border-radius:15px;}
.accordion_box .blue_link i:after {content:""; display:block; width:7px; height:inherit; background:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain;}
.accordion_box .timepick .text {width:calc((100% - 54px)/4);}
.accordion_box .timepick span {text-align:center;}
.accordion_box .timepick .hm {width:16px;}
.accordion_box .timepick .dy {width:22px;}
.accordion_box .con p {line-height:23px;}
.accordion_box .mt {margin-top:10px;}
.accordion_box .mt2 {margin-top:20px;}
.accordion_box .mt3 {margin-top:30px;}
.accordion_box .inbtn {gap:10px; flex-wrap:wrap;}
.accordion_box .inbtn .text {width:calc(100% - 120px);}
.accordion_box .inbtn .btn {width:110px; height:48px; line-height:46px; text-align:center; font-weight:500; border-radius:4px; border:var(--col_blk1) 1px solid;}
.accordion_box .inbtn .btn[disabled] {color:inherit;}
.accordion_box .reser_slide {position:relative; padding-bottom:40px;}
.accordion_box .reser_slide .slick-arrow,
.accordion_box .reser_slide .slick-dots {position:absolute; bottom:0; height:14px;}
.accordion_box .reser_slide .slick-arrow {width:9px; background:url('/pub/images/arrow_slide2.svg') no-repeat 50% 50% / contain; font-size:0; z-index:1;}
.accordion_box .reser_slide .slick-prev {left:50%; margin-left:-60px;}
.accordion_box .reser_slide .slick-next {right:50%; margin-right:-60px; transform:rotate(180deg);}
.accordion_box .reser_slide .slick-dots {left:0; width:100%;}
.accordion_box .reser_slide .slick-dots li {display:none; justify-content:center; align-items:center; gap:8px; line-height:14px;}
.accordion_box .reser_slide .slick-dots .slick-active {display:flex;}
.accordion_box .reser_slide .slick-dots span {width:26px; height:1px; background:#ccc;}
.accordion_box .reser_slide .box {display:flex !important; flex-wrap:wrap; gap:20px 28px;}
.accordion_box .reser_radio {position:relative; display:block; width:calc((100% - 56px)/3);}
.accordion_box .reser_radio input {display:none;}
.accordion_box .reser_radio .outline {position:relative; display:block; padding:25px 20px; border:#ebebeb 1px solid;}
.accordion_box .reser_radio i,
.accordion_box .reser_radio i:before {position:absolute; border-radius:50%; transition:.2s linear;}
.accordion_box .reser_radio i {top:12px; left:12px; width:16px; height:16px; border:#ddd 1px solid; z-index:1;}
.accordion_box .reser_radio i:before {content:""; top:50%; left:50%; width:6px; height:6px; background:#ddd; transform:translate(-50%,-50%);}
.accordion_box .reser_radio input:checked + .outline i {border-color:var(--col_org);}
.accordion_box .reser_radio input:checked + .outline i:before {background:var(--col_org);}
.accordion_box .reser_radio .imgfit {display:block; width:80px; height:80px; border-radius:50%; margin:0 auto;}
.accordion_box .reser_radio .name {font-size:20px; font-weight:600; line-height:1; display:block; margin:16px 0 12px; text-align:center;}
.accordion_box .reser_radio .count,
.accordion_box .reser_radio .pay {display:flex; justify-content:center; align-items:center;}
.accordion_box .reser_radio .count {gap:17px; font-size:14px;}
.accordion_box .reser_radio .count .star {position:relative; font-weight:500; padding-left:18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.accordion_box .reser_radio .count p {color:var(--col_blk6);}
.accordion_box .reser_radio .pay {padding:20px 0; font-size:15px; gap:10px;}
.accordion_box .reser_radio .pay strong {color:var(--col_org);}
.accordion_box .reser_radio .btn {display:block; font-size:14px; color:var(--col_blk6); font-weight:600; line-height:30px; height:30px; width:100px; text-align:center; background:#f5f5f5; border-radius:15px; margin:0 auto;}
.accordion_box .tbl .quantity {width:100px; height:32px; line-height:30px; border-radius:16px; margin:0 auto; float:none;}
.accordion_box .tbl .gbox {margin-top:16px; padding:32px;}
.accordion_box .tbl .gbox .dots_list.pl {padding-left:24px;}
.accordion_box .chktit {position:relative; font-size:18px; font-weight:600; padding-left:24px; margin-bottom:16px;}
.accordion_box .chktit:before {content:""; position:absolute; top:6px; left:0; width:16px; height:16px; background:url('/pub/images/icon_chk.svg') var(--col_blk3) 50% 50%; border-radius:50%;}
.accordion_box .membership .tt {display:flex; align-items:center; gap:10px; margin-bottom:20px;}
.accordion_box .membership .tt strong {font-size:22px;}
.accordion_box .membership ul {display:flex; align-items:flex-start; padding:0 20px;}
.accordion_box .membership li {color:var(--col_blk9); line-height:1; text-align:center; width:calc(100%/3);}
.accordion_box .membership li .icon {position:relative; z-index:1; display:block;}
.accordion_box .membership li .icon.end {pointer-events:none;}
.accordion_box .membership li .icon input {display:none;}
.accordion_box .membership li .icon div {position:relative; width:150px; height:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 auto;}
.accordion_box .membership li .icon div i {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/mark_memvership.svg') no-repeat 50% 50% / contain; z-index:-1; transition:.2s linear;}
.accordion_box .membership li span {font-size:12px; font-weight:600; opacity:.7; transition:.2s linear;}
.accordion_box .membership li strong {font-size:22px; padding:7px 0; border-top:rgba(153,153,153,.3) 1px solid; border-bottom:rgba(153,153,153,.3) 1px solid; width:70px; margin:8px auto 0; transition:.2s linear;}
.accordion_box .membership li p {color:var(--col_blk9); line-height:20px; margin-top:16px; transition:.2s linear;}
.accordion_box .membership li .icon.end div:after {content:""; position:absolute; top:50%; left:50%; width:192px; height:110px; background:url('/pub/images/mark_membership_end.svg') no-repeat 50% 50% / contain; transform:translate(-50%,-50%);}
.accordion_box .membership li .icon input:checked + div i {background-image:url('/pub/images/mark_memvership_on.svg');}
.accordion_box .membership li .icon input:checked + div span {color:#fff;}
.accordion_box .membership li .icon input:checked + div strong {color:#fff; border-top-color:rgba(255,255,255,.3); border-bottom-color:rgba(255,255,255,.3);}
.accordion_box .membership .gbox {padding:30px; margin-top:16px;}
.accordion_box .membership .chktit {margin:0;}
.accordion_box .membership .none {font-size:24px; color:#ccc; font-weight:600; line-height:40px; padding:46px 20px; background:var(--bg_gray); text-align:center;}
.accordion_box .booked_photographer {position:relative; padding:16px 24px; display:flex; align-items:center; gap:16px; background:#F8F8F8; width:380px; max-width:100%;}
.accordion_box .booked_photographer i {width:48px; height:48px; border-radius:50%; overflow:hidden;}
.accordion_box .booked_photographer p {width:calc(100% - 64px); font-size:16px; color:#333; font-weight:600;}
.payment_type {display:flex; gap:13px;}
.payment_type label {display:block;}
.payment_type label input {display:none;}
.payment_type label span {display:flex; flex-direction:column; justify-content:center; align-items:center; border:#ddd 1px solid; width:154px; height:100px; font-weight:500; font-size:15px; transition:.2s linear;}
.payment_type label span:before {content:""; display:block; width:100%; height:20px; background:no-repeat 50% 50% / contain; margin-bottom:12px;}
.payment_type label input:checked + span {border-color:var(--col_blk1);}
.payment_type label.i1 span:before {background-image:url('/pub/images/icon_payment_type01.svg');}
.payment_type label.i2 span:before {background-image:url('/pub/images/icon_payment_type02.svg');}
.payment_area {position:relative; border:var(--col_blk1) 2px solid; padding:32px 32px 130px; background:#fff;}
.payment_area .tit {font-size:24px; font-weight:600; line-height:40px; padding:0;}
.payment_area .tit.mt {margin-top:16px; justify-content:space-between;}
.payment_area .tit .total {font-size:14px; color:var(--col_blk6); font-weight:400; border-top:0; padding:0;}
.payment_area .tit .total strong {font-size:28px; color:var(--col_org);}
.payment_area dl {margin:16px 0 0; display:flex; justify-content:space-between; width:100%; line-height:28px;}
.payment_area dt,
.payment_area dd {font-weight:600; width:auto;}
.payment_area dd {font-size:18px;}
.payment_area dl.mem {margin-top:25px; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; padding:15px 0;}
.payment_area dl.vertical {flex-direction:column !important;}
.payment_area dl.vertical dt {line-height:30px; margin-bottom:6px;}
.payment_area dl.vertical .textarea {padding:16px 8px 16px 16px; border:#ebebeb 1px solid; border-radius:4px;}
.payment_area dl.vertical .textarea .scroll {width:100%; height:102px; overflow:auto; font-size:16px; color:#888; font-weight:400; padding-right:8px; text-align:left;}
.payment_area .gbox {padding:12px 13px; margin-top:6px;}
.payment_area .gbox dl {margin-top:12px;}
.payment_area .gbox dl:first-child {margin-top:0 !important;}
.payment_area .gbox dt,
.payment_area .gbox dd {font-size:15px; color:var(--col_blk6); font-weight:400;}
.payment_area .bdtb_line {border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; padding-bottom:20px; margin-top:20px;}
.payment_area dl.b {margin-top:20px;}
.payment_area dl.b dt {font-size:18px; font-weight:700;}
.payment_area dl.b dd {font-size:28px; color:var(--col_org); font-weight:600;}
.payment_area .btn {position:absolute; bottom:0; left:0; width:100%; height:70px; line-height:70px; text-align:center; font-size:22px; color:var(--col_fff); font-weight:600; background:var(--col_blk1);}
.payment_set dl {display:flex; justify-content:space-between; width:100%; line-height:24px; margin-bottom:10px;}
.payment_set dt,
.payment_set dd {font-weight:600; width:auto;}
.payment_set dd {font-size:18px;}
.payment_set div.gbox {background:#f8f8f8; padding:12px 16px; border-radius:4px; margin-top:16px;}
.payment_set div.gbox.mt {margin-top:6px;}
.payment_set div.gbox.mb {margin-bottom:16px;}
.payment_set div.gbox dl {margin-top:0;}
.payment_set div.gbox dt,
.payment_set div.gbox dd {font-size:15px; color:var(--col_blk6); font-weight:400;}
.payment_set div.gbox + .tit {padding-top:20px; border-top:#ebebeb 1px solid;}
.payment_set .total {border-top:#ebebeb 1px solid; padding-top:24px; border-top:#ebebeb 1px solid;}
.payment_set .total dt {font-size:18px;}
.payment_set .total dd {font-size:28px; color:var(--col_org);}
.payment_set .gbox.flex {padding:40px;}

.bg_film {position:relative; padding:205px 0 200px; overflow:hidden;}
.bg_film:before {content:""; position:absolute; bottom:-50px; right:-280px; width:1402px; height:260px; background:url('/pub/images/bg_reservation_end.png') no-repeat 50% 50% / contain; transform:rotate(-18deg);}
.reservation_end {text-align:center;}
.reservation_end .tit {font-size:40px; font-weight:600; line-height:58px;}
.reservation_end i {display:block; width:56px; height:56px; border:var(--col_org) 1px solid; border-radius:50%; margin:54px auto 24px; background:url('/pub/images/icon_end.svg') no-repeat 50% 50% / contain;}
.reservation_end p {font-size:18px; line-height:30px; margin-bottom:56px;}
.reservation_end .btn_mypage {display:block; font-size:18px; color:var(--col_blk1); font-weight:600; line-height:62px; height:64px; width:380px; border:var(--col_blk0) 1px solid; border-radius:32px; margin:0 auto;}

/* 이용방법 안내 */
.about_photo {position:relative; z-index:1; overflow:hidden;}
.g01 .about_photo:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:200px; background:#f5f5f5; z-index:-1;}
.about_photo ul {position:relative; display:flex; left:0;}
.about_photo li {flex:0 0 auto; width:783px; height:500px; padding:0 8px;}
.about_photo li img {width:100%; height:100%; object-fit:cover;}
.how_to_use_area {padding:140px 0; overflow:hidden;}
.how_to_use_area .inner {position:relative; display:flex;}
.how_to_use_area .tit {position:relative; width:48.75%;}
.how_to_use_area .tit strong {font-size:56px; font-weight:500; line-height:82px; letter-spacing:-2.8px;}
.how_to_use_area .tit p {font-size:20px; line-height:32px; letter-spacing:-.6px;}
.how_to_use_area .step {width:51.25%;}
.how_to_use_area .step ol {position:relative; padding-left:106px;}
.how_to_use_area .step li {position:relative; padding-bottom:40px; border-bottom:rgba(51,51,51,.1) 1px solid; margin-bottom:40px;}
.how_to_use_area .step li:before {content:""; position:absolute; top:0; left:-86px; width:1px; height:calc(100% + 40px); background:url('/pub/images/ptn_dots.svg') repeat-y 0 0;}
.how_to_use_area .step li:last-child {margin-bottom:0;}
.how_to_use_area .step li:last-child:before {display:none;}
.how_to_use_area .step .num {position:absolute; top:0; left:-106px; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:var(--col_fff); font-weight:600; background:var(--col_org); border-radius:50%;}
.how_to_use_area .step .tt {font-size:26px; font-weight:600; line-height:40px; margin-bottom:13px;}
.how_to_use_area .step p {font-size:18px; font-weight:500; line-height:30px;}
.how_to_use_area img {position:absolute; top:170px; left:calc(50% - 900px);}

/* 이용요금 안내 */
.usage_fee_wrap {padding:100px 20px;}
.usage_fee_wrap .wbox {position:relative; width:100%; max-width:1000px; margin:0 auto 90px; display:flex; align-items:center; padding:40px 30px 80px; background:none;}
.usage_fee_wrap .wbox:before {content:""; position:absolute; top:-17px; left:50%; width:calc(100% + 40px); height:calc(100% + 40px); background:url('/pub/images/bg_usage.svg') no-repeat 50% 50% / contain; transform:translateX(-50%);}
.usage_fee_wrap .wbox > * {position:relative; width:50%;}
.usage_fee_wrap .wbox .img {text-align:center; border-right:#ccc 1px dashed;}
.usage_fee_wrap .wbox .img img {margin:-25px 0;}
.usage_fee_wrap .wbox .txt {padding-top:40px; text-align:center;}
.usage_fee_wrap .wbox .txt span {display:block; font-size:22px; font-weight:600; line-height:30px;}
.usage_fee_wrap .wbox .txt .money {font-size:40px; font-weight:600; line-height:30px; margin:20px 0;}
.usage_fee_wrap .wbox .txt p {font-size:15px; color:var(--col_blk6);}
.usage_fee_wrap .wbox .txt ul {display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:40px;}
.usage_fee_wrap .wbox .txt li {font-size:14px; color:var(--col_org); line-height:26px; padding:4px 16px; background:rgba(255,136,50,.1); border-radius:20px;}
.usage_fee_wrap .wbox i.plus {position:absolute; bottom:-40px; left:50%; width:80px; height:80px; background:rgba(255,136,50,.3); border-radius:50%; transform:translateX(-50%);}
.usage_fee_wrap .wbox i.plus:before {content:""; position:absolute; top:50%; left:50%; width:56px; height:56px; background:var(--col_org) url('/pub/images/icon_plus2.svg') no-repeat 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}
.usage_fee_wrap .other {text-align:center;}
.usage_fee_wrap .other img {display:block; margin:0 auto;}
.usage_fee_wrap .other p {font-size:26px; font-weight:600; line-height:34px; margin-top:20px;}
.membership_plan {position:relative; margin-top:160px; padding:140px 0; background:var(--col_blk1);}
.membership_plan:before {content:""; position:absolute; top:0; left:0; width:100%; height:300px; background:url('/pub/images/bg_membership_plan.svg') repeat-x 0 50%;}
.membership_plan p {font-size:20px; color:var(--col_fff); line-height:32px; margin:24px 0 56px;}
.btn_link {font-weight:600; display:flex; justify-content:center; align-items:center; gap:10px;}
.btn_link:after {content:""; display:block; width:8px; height:12px; mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain;}
.membership_plan .btn_link.col_white {color:var(--col_fff); border:var(--col_fff) 1px solid; width:240px; height:48px; line-height:46px; border-radius:24px; margin:0 auto;}
.membership_plan .btn_link.col_white:after {background:#fff;}
.membership_plan .plan_area {display:flex; gap:40px; flex-wrap:wrap; margin-top:100px;}
.membership_plan .plan_area .box {position:relative; width:calc(50% - 20px); background:#fff; padding:40px 20px 100px; text-align:center;}
.membership_plan .plan_area .sale {position:absolute; top:20px; right:20px; width:88px; height:88px; line-height:88px; border-radius:50%; font-size:24px; font-weight:700;}
.membership_plan .plan_area .sale strong {font-size:40px; font-weight:700; line-height:inherit;}
.membership_plan .plan_area .tt {font-size:24px; font-weight:600; line-height:40px;}
.membership_plan .plan_area del {display:block; line-height:27px; margin-top:16px;}
.membership_plan .plan_area .money {display:block; font-size:40px; font-weight:700; line-height:50px;}
.membership_plan .plan_area p {font-size:15px; color:var(--col_blk6); line-height:1; margin:16px 0 0;}
.membership_plan .plan_area .btn_link {position:absolute; bottom:0; left:0; width:100%; height:60px; line-height:60px;}
.membership_plan .plan_area .c1 .sale {color:var(--col_org); background:linear-gradient(159deg, #FFF6D4 13.67%, #FFD536 108.87%);}
.membership_plan .plan_area .c1 .btn_link {color:var(--col_org); background:#FFF6D4;}
.membership_plan .plan_area .c1 .btn_link:after {background:var(--col_org);}
.membership_plan .plan_area .c2 .sale {color:#084FBB; background:linear-gradient(139deg, #E3F5FF 15.51%, #A8CBFF 96.19%);}
.membership_plan .plan_area .c2 .btn_link {color:#084FBB; background:#E3F5FF;}
.membership_plan .plan_area .c2 .btn_link:after {background:#084FBB;}

/* 포토그래퍼 찾기 */
.sub_search {display:flex; gap:16px; align-items:center; /* justify-content:space-between; */ flex-wrap:wrap; margin-bottom:100px;}
.sub_search.between {justify-content:space-between;}
.sub_search .left {display:flex; gap:16px;}
.sub_search .text {width:200px; height:56px; line-height:54px; padding:0 24px; border:#ddd 1px solid; border-radius:28px; font-size:18px; text-align:left;}
.sub_search .text.i2 {background:url('/pub/images/icon_mv_search02.svg') no-repeat right 20px center / 20px;}
.photo_list {display:flex; flex-wrap:wrap; gap:56px 24px;}
.photo_list .box {position:relative; width:calc((100% - 72px)/4); border:#ebebeb 1px solid;}
.photo_list a,
.photo_list span {display:block;}
.photo_list .imgfit {height:215px;}
.photo_list .best {position:absolute; top:10px; left:10px; font-size:14px; color:var(--col_blue); font-weight:600; line-height:30px; background:#EFF5FF; border-radius:4px; padding:0 8px;}
.photo_list .txt {position:relative; padding:48px 32px 32px;}
.photo_list .human {position:absolute; top:-36px; left:32px; width:72px; height:72px; border:var(--col_fff) 2px solid; border-radius:50%; overflow:hidden;}
.photo_list .human img {width:100%; height:100%; object-fit:cover;}
.photo_list .name {font-size:22px; font-weight:600; line-height:33px; margin-bottom:2px; display:flex; align-items:center; gap:12px;}
.photo_list .name .best {position:relative; font-size:12px; line-height:24px; height:24px; top:0; left:0;}
.photo_list .btm {display:flex; justify-content:space-between; align-items:flex-end;}
.photo_list .count {display:flex; font-size:14px; color:var(--col_blk6); line-height:1; margin-top:8px;}
.photo_list .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.photo_list .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.photo_list .star.no-after::after {display:none !important;}
.photo_list .pay {font-size:24px; font-weight:600; line-height:1;}
/* my */
.photo_list.set3 .box {width:calc((100% - 48px)/3);}
.photo_list.set3 .imgfit {height:222px;}

.top_bg {width:100%; height:480px; margin:65px 0 48px;}

.photographer_view {position:relative; padding-right:495px; margin-bottom:120px;}
.photographer_view:before {content:""; position:absolute; top:-48px; right:429px; width:1px; height:calc(100% + 168px); background:#ebebeb;}
.photographer_view #start {top:-103px;}
.photographer_view .info {position:relative; display:flex; align-items:center; gap:50px; padding-bottom:50px;}
.photographer_view .info .photo {position:relative; width:160px; height:160px;}
.photographer_view .info .imgfit {display:block; width:100%; height:100%; border-radius:50%;}
.photographer_view .info label.heart {position:absolute; top:auto; bottom:0; right:0; width:36px; height:36px; border-radius:50%; z-index:1; overflow:hidden;}
.photographer_view .info label.heart span {position:absolute; top:50%; left:50%; width:inherit; height:inherit; transform:translate(-50%,-50%); background:url('/pub/images/icon_heart2.svg') no-repeat 50% 50% / contain; z-index:1;}
.photographer_view .info label.heart i {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border:#ddd 1px solid; border-radius:50%; transition:.2s linear;}
.photographer_view .info label.heart input:checked + span {background-image:url('/pub/images/icon_heart2_on.svg');}
.photographer_view .info label.heart input:checked ~ i {background:#fff; border:#ebebeb 1px solid;}
.photographer_view .info .txt {position:relative; width:calc(100% - 210px);}
.photographer_view .info .txt .best {display:inline-block; vertical-align:top; font-size:14px; color:var(--col_blue); font-weight:600; line-height:30px; background:#EFF5FF; border-radius:4px; padding:0 8px; margin-bottom:6px;}
.photographer_view .info .txt .name {font-size:22px; font-weight:600; line-height:33px; margin-bottom:2px; display:flex; align-items:center; gap:16px;}
.photographer_view .info .txt .count {display:flex; font-size:14px; color:var(--col_blk6); line-height:14px;}
.photographer_view .info .txt .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.photographer_view .info .txt .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.photographer_view .info .txt .star.no-after::after {display:none !important;}
.photographer_view .info .txt .type {margin-top:16px; padding-right:160px;}
.photographer_view .info .txt .type dl {display:flex; font-size:15px; line-height:24px; margin-bottom:6px;}
.photographer_view .info .txt .type dl:last-child {margin-bottom:0;}
.photographer_view .info .txt .type dt {position:relative; padding-left:8px; width:122px;}
.photographer_view .info .txt .type dt:before {content:""; position:absolute; top:6px; left:0; width:2px; height:12px; background:var(--col_blk3);}
.photographer_view .info .txt .type dd {word-break:break-word; width:calc(100% - 122px);}
.photographer_view .info .txt .type dd strong {font-size:18px;}
.photographer_view .info .txt .btn_reservation {position:absolute; top:50%; right:0; width:160px; height:160px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:20px; color:var(--col_fff); background:var(--col_org); border-radius:50%; margin-top:-80px;}
.photographer_view .info .txt .btn_reservation:before {content:""; display:block; width:100%; height:17px; background:url('/pub/images/btn_reservation.svg') no-repeat 50% 50% / contain; margin-bottom:10px;}
.photographer_view .detail {padding:50px 0; border-top:#ebebeb 1px solid; /* border-bottom:#ebebeb 1px solid; */}
.photographer_view .detail .txt {position:relative; max-height:700px; min-height:100px; overflow:hidden;}
.photographer_view .detail .txt:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:150px; background:linear-gradient(#fff0,#ffff); transition:.2s linear;}
.photographer_view .detail.on .txt {max-height:none;}
.photographer_view .detail.on .txt:after {height:0;}
.photographer_view .more {position:relative; display:flex; justify-content:center; align-items:center; gap:10px; font-size:15px; font-weight:600; line-height:48px; height:48px; width:240px; border-radius:24px; box-shadow:rgba(0,0,0,.12) 0px 5px 20px; margin:0 auto; z-index:1;}
.photographer_view .more:after {content:""; display:block; width:11px; height:7px; background:url('/pub/images/arrow_select_s.svg') no-repeat 50% 50% / contain;}
.photographer_view .on .more {display:none;}
.photographer_view .detail.low .txt:after,
.photographer_view .review.low .list:after,
.photographer_view .low .more {display:none;}
.daypick_wrap {display:flex; border:#ebebeb 1px solid; padding:40px 0;}
.daypick_wrap .tbl {padding:0 50px; width:50%; border:0; border-left:#ebebeb 1px solid;}
.daypick_wrap .tbl:first-child {border-left:0;}
.photographer_view .gbox {position:relative; padding:56px 0; margin-top:54px;}
.photographer_view .gbox:before {content:""; position:absolute; top:0; right:-66px; width:calc(100% + ((100vw - 1600px)/2) + 66px); height:100%; background:inherit; z-index:-1;}
.photographer_view .gbox .stit:first-child {margin-top:0;}
.photographer_view .gbox .stit ~ .stit {padding-top:56px; border-top:#ebebeb 1px solid;}
.photographer_view .gall_box {position:relative; margin:0 -4px;}
.photographer_view .gall_box .slick-list {padding-right:50%;}
.photographer_view .gall_box .slick-track {min-width:100%;}
.photographer_view .gall_box .slick-arrow,
.photographer_view .gall_box .slick-dots {position:absolute; top:-40px;}
.photographer_view .gall_box .slick-arrow {width:28px; height:20px; background:url('/pub/images/arrow_slide2.svg') no-repeat 50% 50%; font-size:0;}
.photographer_view .gall_box .slick-prev {right:116px;}
.photographer_view .gall_box .slick-next {right:-6px; transform:rotate(180deg);}
.photographer_view .gall_box .slick-dots {right:20px; width:96px;}
.photographer_view .gall_box .slick-dots li {justify-content:center; align-items:center; gap:8px; font-size:14px; font-weight:500; line-height:20px; display:none;}
.photographer_view .gall_box .slick-dots span {width:26px; height:1px; background:#ccc;}
.photographer_view .gall_box .slick-dots li.slick-active {display:flex;}
.photographer_view .gall_box .slick-slide > div {padding:0 4px;}
.photographer_view .gall_box .imgfit {position:relative; display:block; width:100%; height:309px;}
.photographer_view .gall_box .imgfit ul,
.photographer_view .gall_box .imgfit li,
.photographer_view .gall_box .imgfit i {position:absolute; transition:.2s linear;}
.photographer_view .gall_box .imgfit ul {top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); backdrop-filter:blur(10px); opacity:0;}
.photographer_view .gall_box .imgfit li {position:absolute; width:0; height:0; border:transparent 1px solid; opacity:.4; transition:.2s linear;}
.photographer_view .gall_box .imgfit li:nth-child(1) {top:12px; left:12px; border-top-color:var(--col_fff); border-left-color:var(--col_fff);}
.photographer_view .gall_box .imgfit li:nth-child(2) {top:12px; right:12px; border-top-color:var(--col_fff); border-right-color:var(--col_fff);}
.photographer_view .gall_box .imgfit li:nth-child(3) {bottom:12px; left:12px; border-bottom-color:var(--col_fff); border-left-color:var(--col_fff);}
.photographer_view .gall_box .imgfit li:nth-child(4) {bottom:12px; right:12px; border-bottom-color:var(--col_fff); border-right-color:var(--col_fff);}
.photographer_view .gall_box .imgfit i {position:absolute; top:50%; left:50%; width:0; height:0; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; transform:translate(-50%,-50%);}
.photographer_view .gall_box p {line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.photographer_view .gall_box .date {font-size:14px; color:var(--col_blk9); line-height:1; margin-top:8px;}
.photographer_view .review {border-bottom:#ebebeb 1px solid; padding-bottom:40px;}
.photographer_view .review .list {position:relative; border-top:var(--col_blk3) 1px solid;}
.photographer_view .review .list:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:150px; background:linear-gradient(#fff0,#ffff); transition:.2s linear;}
.photographer_view .review .list .nonelist {padding-top:40px; text-align:center;}
.photographer_view .review .box {display:block; padding:40px 0 30px; border-bottom:#ebebeb 1px solid; overflow:hidden;}
.photographer_view .review .box:nth-child(3) {max-height:300px;}
.photographer_view .review .box:nth-child(n+4) {display:none;}
.photographer_view .review .box:last-child {border-bottom:0;}
.photographer_view .review .name {display:flex; gap:17px; font-weight:600; line-height:26px;}
.photographer_view .review .name .date {position:relative; font-size:13px; color:var(--col_blk9); font-weight:400;}
.photographer_view .review .name .date:before {content:""; position:absolute; top:50%; left:-9px; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.photographer_view .review p {line-height:26px; word-break:break-word;}
.photographer_view .review .pic {margin-top:24px; display:flex; gap:8px;}
.photographer_view .review .pic img {width:120px; height:120px; object-fit:cover;}
.photographer_view .reply {background:#f5f5f5; padding:40px; margin:40px 0 0;}
.photographer_view .reply .name {position:relative; padding-left:26px; margin-bottom:8px; height:20px; line-height:20px;}
.photographer_view .reply .name img {position:absolute; top:0; left:0; width:20px; height:20px; border:#fff 1px solid; border-radius:50%;}
.photographer_view .review.on {border-bottom:0;}
.photographer_view .review.on .list:after {height:0;}
.photographer_view .review.on .box:nth-child(3) {max-height:none;}
.photographer_view .review.on .box:nth-child(n+4) {display:block;}
.photographer_view .review.on .box:last-child {border-bottom:#ebebeb 1px solid;}
.btn_list {display:block; font-size:15px; color:var(--col_blk1); font-weight:600; line-height:46px; height:48px; width:200px; border:#ddd 1px solid; border-radius:24px; margin:80px auto 0; text-align:center;}
.btn_list.big {font-size:18px; line-height:62px; height:64px; width:240px; border-radius:32px;}
.photographer_view #end2 {bottom:calc(100vh - 120px);}
.btm_reservation {position:fixed; bottom:0; left:0; width:100%; background:var(--col_fff); padding:18px 0; z-index:10; box-shadow:rgba(0,0,0,.06) 0 -4px 10px;}
.btm_reservation .inner {display:flex; justify-content:flex-end; gap:10px;}
.btm_reservation .btn_reservation {font-size:18px; color:var(--col_fff); font-weight:600; line-height:48px; height:48px; width:240px; text-align:center; background:var(--col_org); border-radius:24px;}
.btm_reservation label.heart {position:relative; top:0; right:0; width:48px; height:48px;}
.btm_reservation label.heart span {width:100%; height:100%;}
.btm_reservation label.heart i {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border-radius:50%; border:#ddd 1px solid; z-index:-1; transition:.2s linear;}
.btm_reservation label.heart input:checked ~ i {background:var(--col_fff); border-color:#ebebeb;}
.btm_reservation.end2 {position:absolute; bottom:-120px;}

.same_area {position:absolute; top:0; right:0; width:370px;}
.same_area .tit {position:relative; font-size:22px; font-weight:600; padding-left:26px; margin-bottom:25px;}
.same_area .tit:before {content:""; position:absolute; top:50%; left:0; width:16px; height:16px; background:url('/pub/images/icon_chk.svg') var(--col_blk3) 50% 50%; border-radius:50%; transform:translateY(-50%);}
.same_area .list li {position:relative; margin-bottom:8px; background:var(--bg_gray); padding:20px; display:flex; align-items:center;}
.same_area .list .imgfit {width:48px; height:48px; border:#ebebeb 1px solid; border-radius:50%;}
.same_area .list .txt {width:calc(100% - 48px); padding-left:16px;}
.same_area .list .name {font-weight:600; line-height:1;}
.same_area .list .count {font-size:14px; color:var(--col_blk6); line-height:1;}
.same_area .list .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.same_area .list .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.same_area .list .star.no-after::after {display:none !important;}
.same_area .list .btn {position:absolute; top:50%; right:20px; font-size:14px; font-weight:600; line-height:28px; height:30px; width:60px; text-align:center; background:var(--col_fff); border:#ddd 1px solid; border-radius:15px; transform:translateY(-50%);}
/* .photographer_view.start .same_area {position:fixed; top:103px; left:50%; margin-left:430px;}
.photographer_view.end .same_area {position:absolute; bottom:0; right:0; top:auto;} */

.pop_reservation .inbox {padding:40px 40px 0;}
.pop_reservation .thisday strong {font-size:32px;}
.pop_reservation .thisday .prev {left:50%; margin-left:-140px;}
.pop_reservation .thisday .next {right:50%; margin-right:-140px;}
.pop_reservation .tags {position:relative; display:flex; justify-content:flex-start; gap:16px; flex-wrap:wrap; margin:50px 0 10px;}
.pop_reservation .tags li {font-size:15px; line-height:1; display:flex; align-items:center; gap:8px;}
.pop_reservation .tags li i {width:10px; height:10px;}
.pop_reservation .tags .right {position:absolute; top:0; right:0;}
.pop_reservation i.o {border:var(--col_org) 1px solid; border-radius:50%;}
.pop_reservation i.x {position:relative; background:url('/pub/images/icon_x.svg') no-repeat 50% 50% / contain;}
.pop_reservation .tbl {border-top:var(--col_blk1) 1px solid;}
.pop_reservation .tbl dl {display:flex;}
.pop_reservation .tbl dt,
.pop_reservation .tbl dd {width:calc(100%/8); border-bottom:#ddd 1px solid;}
.pop_reservation .tbl dt {display:block; line-height:26px; text-align:center; padding:14px 0;}
.pop_reservation .tbl dt:nth-last-child(2) {color:#3284FF;}
.pop_reservation .tbl dt:last-child {color:#FF4343;}
.pop_reservation .scroll {height:425px; overflow:auto;}
.pop_reservation .tbl dd {border-left:#ddd 1px solid; padding:20px 0; text-align:center; line-height:20px;}
.pop_reservation .tbl dd:first-child {border-left:0;}
.pop_reservation .tbl dd i {display:block; width:20px; height:20px; margin:0 auto;}
.pop_reservation .tbl dd i.o {cursor:pointer; transition:.2s linear;}
.pop_reservation .tbl dd i.x {background-image:url('/pub/images/icon_xb.svg'); cursor:auto;}
.pop_reservation .btn_submit {position:absolute; bottom:0; left:0; width:100%; height:72px; line-height:72px; text-align:center; font-size:22px; color:var(--col_fff); background:var(--col_org);}
.non_pop_hover .pop_reservation .tbl dd i.o {cursor:auto;}

/* fancy */
.fancybox-slide--html {padding:0 !important; display:flex; justify-content:center; align-items:center;}
.fancybox-slide--html:before {display:none;}
.fancybox-slide--html .fancybox-close-small,
.fancybox-close {top:16px; right:16px; width:36px; height:36px; background:url('/pub/images/btn_fancyclose.svg') no-repeat 50% 50% / contain; border-radius:50%;}
.fancybox-close-small svg {display:none;}
.pop_portpolio {width:1300px; max-width:calc(100vw - 40px); height:700px; max-height:calc(100vh - 40px); display:flex; font-size:16px; padding:0;}
.pop_portpolio .imgarea {width:940px; height:100%; overflow:auto; padding:60px 120px;}
.pop_portpolio .imgarea img {height:auto !important;}
.pop_portpolio .infoarea {width:360px;}
.pop_portpolio .head {background:var(--col_blk1); padding:30px; text-align:center; height:255px;}
.pop_portpolio .head .imgfit {display:block; width:80px; height:80px; border-radius:50%; margin:0 auto 16px;}
.pop_portpolio .head .name {font-size:20px; color:var(--col_fff); font-weight:600; line-height:1; margin-bottom:12px;}
.pop_portpolio .head .count {font-size:14px; color:var(--col_fff); line-height:1;}
.pop_portpolio .head .star {position:relative; font-weight:500; padding:0 17px 0 18px;}
.pop_portpolio .head .star:before {content:""; position:absolute; top:0; left:0; width:14px; height:100%; background:var(--col_fff); mask:url('/pub/images/icon_star.svg') no-repeat 0 50%; -webkit-mask:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.pop_portpolio .head .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.pop_portpolio .head .star.no-after::after {display:none !important;}
.pop_portpolio .head .btns {display:flex; justify-content:center; gap:10px; margin-top:10px;}
.pop_portpolio .head .btns a {position:relative; font-size:14px; color:#fff; font-weight:500; padding:5px 20px; border:#fff 1px solid; border-radius:20px;}
.pop_portpolio .body {padding:40px 30px; max-height:calc(100% - 255px); overflow:auto;}
.pop_portpolio .body .tit {font-size:22px; font-weight:600; line-height:34px; margin-bottom:12px;}
.pop_portpolio .body p {color:var(--col_blk6); line-height:26px;}

/* 최신 촬영사례 */
.filming_list {display:flex; flex-wrap:wrap; gap:56px 24px;}
.filming_list .box {position:relative; width:calc((100% - 72px)/4); border:#ebebeb 1px solid;}
.filming_list a,
.filming_list span {display:block;}
.filming_list a {position:relative; padding:16px 16px 130px; background:var(--col_fff);}
.filming_list a:before,
.filming_list a:after {content:""; position:absolute; width:0; height:0; border:var(--col_blk3) 0 solid; z-index:1; pointer-events:none; transition:.2s linear;}
.filming_list a:before {top:0; left:0;}
.filming_list a:after {right:0; bottom:0;}
.filming_list .imgfit {width:100%; height:262px;}
.filming_list .txt {position:relative; padding-top:16px;}
.filming_list .tt {font-size:22px; font-weight:600; line-height:34px; margin-bottom:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:12px;}
.filming_list .date {font-size:15px; color:var(--col_blk6);}
.filming_list .btm {position:absolute; bottom:0; left:0; width:100%; height:88px; background:var(--bg_gray); padding:20px; display:flex; align-items:center; transition:.2s linear;}
.filming_list .img {width:48px; height:48px; overflow:hidden; border-radius:50%; border:#ddd 1px solid;}
.filming_list .writer {width:calc(100% - 48px); padding-left:16px;}
.filming_list .name {font-weight:600; line-height:1; transition:.2s linear;}
.filming_list .count {display:flex; font-size:14px; color:var(--col_blk6); line-height:14px; margin-top:10px; transition:.2s linear;}
.filming_list .txt .star_set {margin:8px 0 16px;}
.filming_list .txt p {height:72px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.filming_list .btm .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; transition:.2s linear;}
.filming_list .btm .star:before {content:""; position:absolute; top:0; left:0; width:14px; height:100%; background:var(--col_blk3); mask:url('/pub/images/icon_star.svg') no-repeat 0 50%; -webkit-mask:url('/pub/images/icon_star.svg') no-repeat 0 50%; transition:.2s linear;}
.filming_list .btm .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.filming_list .btm .star.no-after::after {display:none !important;}

/* FAQ */
.faq_search {background:no-repeat 50% 50% / cover; padding:100px 0; margin-bottom:160px;}
.faq_search.bg1 {background-image:url('/pub/images/img_faq_head01.jpg');}
.faq_search.bg2 {background-image:url('/pub/images/img_faq_head02.jpg');}
.faq_search.bg3 {background-image:url('/pub/images/img_faq_head03.jpg');}
.faq_search .tit {font-size:32px; color:var(--col_fff); font-weight:600; line-height:1.6; text-align:center;}
.faq_search .inputs {display:flex; width:100%; max-width:700px; border-radius:32px; border:1px solid #FFF; background:rgba(255,255,255,.3); backdrop-filter:blur(10px); margin:30px auto 0;}
.faq_search .inputs .text {width:calc(100% - 90px); height:62px; background:none; border:0; outline:0; padding:0 20px;}
.faq_search .inputs .btn {width:90px; background:url('/pub/images/btn_search.svg') no-repeat 50% 50%; font-size:0;}
.tab_box {margin-bottom:80px;}
.tab_box .flex {display:flex; flex-wrap:wrap; border-top:#ddd 1px solid; border-left:#ddd 1px solid;}
.tab_box a {width:calc(100%/6); display:block; font-size:17px; color:var(--col_blk9); line-height:54px; text-align:center; background:#fff; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.tab_box a.on {color:#fff; background:var(--col_blk1);}

/* Event */
.event_head {padding:100px 0; margin-bottom:160px;}
.event_head .navi {bottom:100px;}
.event_head .date {display:block; color:var(--col_blk9); line-height:26px; margin-top:24px;}
.event_list {display:flex; flex-wrap:wrap; gap:100px 20px;}
.event_list a {display:block; width:calc((100% - 60px)/4);}
.event_list span {display:block;}
.event_list .imgfit {width:100%; height:238px;}
.event_list p {font-size:20px; font-weight:600; line-height:20px; margin:20px 0 16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_list .date {color:var(--col_blk9); line-height:26px;}

/* 포토그래퍼 채용 */
.employment_about {margin-top:-220px; padding:380px 0 180px; background:var(--col_blk1); overflow:hidden;}
.employment_about .inner {display:flex; align-items:center;}
.employment_about .tit {display:flex; flex-direction:column; align-items:flex-end; width:522px;}
.employment_about .tit img {opacity:.2; pointer-events:none;}
.employment_about .tit p {font-size:36px; color:var(--col_fff); font-weight:600; line-height:50px; margin-top:80px;}
.employment_about .profile_area {position:relative; width:calc(100% - 522px); height:620px;}
.employment_about .profile_area .box {position:absolute; left:50%; width:350px; background:#fff; border-radius:8px; padding:35px;}
.employment_about .profile_area .box.i1 {top:0; margin-left:-30%; z-index:5;}
.employment_about .profile_area .box.i2 {top:31%; margin-left:-4%; z-index:4; transform:scale(89.7%);}
.employment_about .profile_area .box.i3 {bottom:0; margin-left:-37%; z-index:3; transform:scale(89.7%); opacity:0.5; filter:blur(3px);}
.employment_about .profile_area .box.i4 {top:6%; margin-left:5%; z-index:2; transform:scale(89.7%); opacity:0.5; filter:blur(3px);}
.employment_about .profile_area .box.i5 {bottom:4%; margin-left:10%; z-index:1; transform:scale(89.7%); opacity:0.1; filter:blur(3px);}
.employment_about .profile_area .head {display:flex; margin-bottom:30px;}
.employment_about .profile_area .imgfit {width:112px; height:112px; overflow:hidden; border-radius:50%;}
.employment_about .profile_area .txt {width:calc(100% - 112px); padding-left:20px;}
.employment_about .profile_area .best {display:inline-block; vertical-align:top; font-size:14px; color:var(--col_blue); font-weight:600; line-height:30px; background:#EFF5FF; border-radius:4px; padding:0 8px; margin-bottom:6px;}
.employment_about .profile_area .name {font-size:22px; font-weight:600; line-height:33px; margin-bottom:6px; display:flex; align-items:center; gap:16px;}
.employment_about .profile_area .count {display:flex; font-size:14px; color:var(--col_blk6); line-height:1;}
.employment_about .profile_area .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.employment_about .profile_area .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.employment_about .profile_area .body dl {display:flex; line-height:24px; margin-bottom:9px;}
.employment_about .profile_area .body dl:last-child {margin-bottom:0;}
.employment_about .profile_area .body dt {position:relative; font-weight:500; padding-left:8px; width:122px;}
.employment_about .profile_area .body dt:before {content:""; position:absolute; top:50%; left:0; width:2px; height:12px; background:var(--col_blk3); margin-top:-6px;}
.employment_about .profile_area .body dd {font-size:14px; width:calc(100% - 122px);}
.employment_about .profile_area .body strong {font-size:16px;}
.employment_want {padding:160px 0;}
.employment_want .tit {font-size:36px; font-weight:600; line-height:50px; text-align:center; margin-bottom:56px;}
.employment_want ul {display:flex; justify-content:center;}
.employment_want li {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:28px; width:340px; height:340px; text-align:center; font-size:20px; line-height:32px; background:#FFF4EB; border-radius:50%;}
.employment_want li:before {content:""; display:block; width:100%; height:45px; background:no-repeat 50% 50%;}
.employment_want li.i1:before {background-image:url('/pub/images/icon_employment_want01.svg');}
.employment_want li.i3:before {background-image:url('/pub/images/icon_employment_want02.svg');}
.employment_want li.i2:before {background-image:url('/pub/images/icon_employment_want03.svg');}
.employment_recruit {position:relative; padding:160px 0 240px; background:url('/pub/images/bg_employment_recruit.jpg') no-repeat 50% 50% / cover;}
.employment_recruit:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);}
.employment_recruit:after {content:""; position:absolute; bottom:16px; right:48px; width:615px; height:149px; background:url('/pub/images/txt_employment_recruit.svg') no-repeat 50% 50% / contain;}
.employment_recruit .inbox {position:relative; padding-left:calc(50% + 50px); z-index:1;}
.employment_recruit p {font-size:36px; color:var(--col_fff); font-weight:600; line-height:50px; margin-bottom:32px;}
.employment_recruit .mail {position:relative; font-size:24px; color:var(--col_fff); font-weight:500; line-height:32px; padding-left:40px; display:inline-block; vertical-align:top;}
.employment_recruit .mail:before {content:""; position:absolute; top:0; left:0; width:32px; height:32px; background:url('/pub/images/icon_mail.svg') no-repeat 50% 50% / contain; border-radius:50%; overflow:hidden;}

/* 기업전용 */
.corporate_mvisual {background:url('/pub/images/corporate_mvisual.jpg') no-repeat 50% 50% / cover; margin-top:65px; height:calc(100vh - 65px); width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.corporate_mvisual .tit {font-size:48px; font-weight:600; text-align:center;}
.corporate_mvisual .btn_org {display:block; font-size:18px; font-weight:600; line-height:64px; height:64px; width:240px; margin:56px auto 0; border-radius:32px; text-align:center;}
.corpor_con {position:relative; padding:140px 0; overflow:hidden;}
.corpor_con .point {top:-65px;}
.corpor_con .ctit strong {font-weight:700;}
.corpor01 {background:#f5f5f5;}
.corpor01 .pay_info {display:flex;}
.corpor01 .pay_info .left {position:relative; width:39.5%; padding:70px 0; background:var(--col_fff); border-right:#ddd 1px dashed; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.corpor01 .pay_info .left:before,
.corpor01 .pay_info .left:after {content:""; position:absolute; right:-40px; width:80px; height:80px; background:#f5f5f5; border-radius:50%; z-index:1;}
.corpor01 .pay_info .left:before {top:-50px;}
.corpor01 .pay_info .left:after {bottom:-50px;}
.corpor01 .pay_info .left span {display:block; font-size:22px; font-weight:600; line-height:30px;}
.corpor01 .pay_info .left .money {font-size:40px; font-weight:600; line-height:30px; margin:20px 0;}
.corpor01 .pay_info .left p {font-size:15px; color:var(--col_blk6);}
.corpor01 .pay_info .left ul {display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:40px; padding:0 100px;}
.corpor01 .pay_info .left li {font-size:14px; color:var(--col_org); line-height:26px; padding:4px 16px; background:rgba(255,136,50,.1); border-radius:20px;}
.corpor01 .pay_info .left i.plus {position:absolute; right:-40px; top:50%; width:80px; height:80px; background:rgba(255,136,50,.3); border-radius:50%; transform:translateY(-50%);}
.corpor01 .pay_info .left i.plus:before {content:""; position:absolute; top:50%; left:50%; width:56px; height:56px; background:var(--col_org) url('/pub/images/icon_plus2.svg') no-repeat 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}
.corpor01 .pay_info .right {width:60.5%; background:var(--col_blk3); color:var(--col_fff); padding:70px 120px;}
.corpor01 .pay_info .right .tit {font-size:22px; color:var(--col_fff); font-weight:600; line-height:1.45; margin-bottom:24px; text-align:center;}
.corpor01 .pay_info .right .option {display:flex; flex-wrap:wrap; gap:16px;}
.corpor01 .pay_info .right .option dl {width:calc(50% - 8px); display:flex; flex-wrap:wrap; align-items:center; gap:20px; height:56px; line-height:1; padding:0 25px; border:var(--col_fff) 1px dashed; border-radius:28px; background:rgba(255,255,255,.05);}
.corpor01 .pay_info .right .option dt,
.corpor01 .pay_info .right .option dd {font-weight:600;}
.corpor01 .pay_info .right .option dt {width:calc(100% - 100px);}
.corpor01 .pay_info .right .option dd {width:80px;}
.corpor01 .pay_info .right .opbox {margin-top:48px; background:rgba(248,248,248,.1); padding:32px;}
.corpor01 .pay_info .right .opbox .chktit {position:relative; font-size:18px; font-weight:600; padding-left:24px; margin-bottom:16px;}
.corpor01 .pay_info .right .opbox .chktit:before {content:""; position:absolute; top:50%; left:0; width:16px; height:16px; background:url('/pub/images/icon_chk_w.svg') 50% 50%; border-radius:50%; transform:translateY(-50%);}
.corpor01 .pay_info .right .opbox .dots_list li {color:var(--col_fff);}
.corpor03 .inner {display:flex;}
.corpor03 .ctit {position:relative; margin:0 !important; width:610px;}
.corpor03 .ctit:after {content:""; position:absolute; bottom:0; left:-88px; width:363px; height:288px; background:url('/pub/images/txt_snapcap2.svg') no-repeat 0 0 / contain;}
.corpor03 .step {display:flex; flex-wrap:wrap; gap:68px 64px; width:calc(100% - 610px);}
.corpor03 .step .box {width:calc(50% - 32px); border-top:var(--col_blk1) 2px solid; padding-top:48px;}
.corpor03 .step strong {display:block; font-weight:700; line-height:1;}
.corpor03 .step .tt {font-size:26px; font-weight:600; line-height:1.3; margin:16px 0 24px;}
.corpor03 .step p {font-size:18px; line-height:1.67;  opacity:.8;}
.corpor04 {background:var(--col_blk1);}
.corpor05,
.corpor06 {padding:160px 0 0;}
.corpor05 .swiper-slide {margin-right:24px;}
.corpor05 .filming_list a {padding-bottom:42px;}

/* 로그인 */
.mem_wrap {max-width:560px;}
.mem_wrap .text {width:100%; height:48px; line-height:46px; padding:0 15px; margin-bottom:12px;}
.mem_wrap .text::placeholder {color:#888;}
.mem_wrap .btns {display:flex; justify-content:space-between; margin-bottom:56px;}
.mem_wrap .btns .aset {gap:32px; font-size:15px; line-height:16px;}
.mem_wrap .btns .aset a {position:relative;}
.mem_wrap .btns .aset a:before {content:""; position:absolute; top:50%; left:-17px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.mem_wrap .btns .aset a:first-child:before {display:none;}
.mem_wrap .btn {display:block; font-size:18px; font-weight:600; line-height:64px; height:64px; width:100%; border-radius:32px; text-align:center;}
.mem_wrap .btn_bl {line-height:62px; margin-top:12px;}
.mem_wrap .sns {margin-top:56px;}
.mem_wrap .sns .tt {position:relative; text-align:center; margin-bottom:30px;}
.mem_wrap .sns .tt:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ebebeb;}
.mem_wrap .sns .tt span {position:relative; display:inline-block; vertical-align:top; font-size:15px; line-height:25px; background:#fff; padding:0 16px; z-index:1;}
.mem_wrap .sns .aset {justify-content:center; gap:40px;}
.mem_wrap .sns .aset a {position:relative; display:block; width:60px; height:60px; border-radius:50%; background:no-repeat 50% 50% / cover; font-size:0;}
.mem_wrap .sns .aset .kakao {background-image:url('/pub/images/btn_kakao.svg');}
.mem_wrap .sns .aset .naver {background-image:url('/pub/images/btn_naver.svg');}
.mem_wrap .sns .aset .google {background-image:url('/pub/images/btn_google.svg');}
.mem_wrap .sns .aset .google #buttonDiv {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
/* 회원가입 */
.mem_wrap .tit {font-size:20px; font-weight:600; line-height:1; padding-bottom:16px; border-bottom:var(--col_blk1) 1px solid; margin-top:56px;}
.mem_wrap .tit:first-child {margin-top:0;}
.mem_wrap .inputs dl {margin-top:30px;}
.mem_wrap .inputs dt {font-weight:600; line-height:1.6; margin-bottom:10px;}
.mem_wrap .inputs dd {display:flex; flex-wrap:wrap;}
.mem_wrap .inputs dd .text,
.mem_wrap .inputs dd .btn {height:48px; line-height:46px; margin:0; font-size:inherit;}
.mem_wrap .inputs dd .btn {border:var(--col_blk1) 1px solid; border-radius:4px;}
.mem_wrap .inputs dd.in_radio {gap:25px;}
.mem_wrap .inputs dd.in_btn {gap:10px;}
.mem_wrap .inputs dd.in_btn .text {width:calc(100% - 120px);}
.mem_wrap .inputs dd.in_btn .btn {width:110px;}
.mem_wrap .between {display:flex; justify-content:space-between; align-items:center;}
.mem_wrap .checks {padding-top:4px;}
.mem_wrap .checks li {position:relative; margin-top:20px; padding-right:80px;}
.mem_wrap .checks li a {position:absolute; top:0; right:0; font-size:14px; font-weight:500; line-height:1; padding-right:21px; background:url('/pub/images/icon_link.svg') no-repeat right center;}
.mem_wrap .btn_submit {display:block; font-size:18px; font-weight:600; line-height:64px; height:64px; width:100%; border-radius:32px; margin-top:56px; text-align:center;}
.mem_end .icon_end {display:block; width:56px; height:56px; border:var(--col_org) 2px solid; border-radius:50%; margin:0 auto; background:url('/pub/images/icon_end.svg') no-repeat 50% 50% / cover;}
.mem_end p {font-size:18px; line-height:30px; text-align:center; margin:24px 0 56px;}
.mem_end p.mg0 {font-size:15px; text-align:left;}
.captcha {display:flex; gap:0 !important;}
.mem_wrap .inputs dd.captcha * {height:48px;}
.mem_wrap .inputs dd.captcha .imgfit {width:148px; border:#ebebeb 1px solid; border-radius:4px 0 0 4px; }
.mem_wrap .inputs dd.captcha a,
.mem_wrap .inputs dd.captcha button {width:48px; border:#ebebeb 1px solid; border-left:0; background:no-repeat 50% 50%; font-size:0;}
.mem_wrap .inputs dd.captcha .sound {background-image:url('/pub/images/icon_sound.svg');}
.mem_wrap .inputs dd.captcha .re {background-image:url('/pub/images/icon_re.svg'); border-radius:4px;}
.mem_wrap .inputs dd.captcha .text {width:110px; margin-left:10px;}
/* 아이디/비밀번호 찾기 */
.tabs {display:flex; margin-bottom:54px; border-bottom:#ddd 1px solid;}
.tabs a {position:relative; width:50%; color:var(--col_blk9); line-height:50px; text-align:center;}
.tabs a.on {color:var(--col_blk3); font-weight:600;}
.tabs a.on:after {content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:var(--col_blk3);}
.tabs.mtb {margin:80px 0 55px;}
.tabs.b a {font-size:17px; font-weight:500;}
.tabs.b a.on {font-weight:600;}

.snsbox {padding:30px; text-align:center; margin-bottom:24px;}

.mem_end .gbox {background:#f8f8f8; padding:32px; display:flex; justify-content:center; align-items:center; margin-top:24px;}
.mem_end .gbox i {width:40px; height:40px; border-radius:50%; margin-right:13px; background:no-repeat 50% 50% / cover;}
.mem_end .gbox .kakao {background-image:url('/pub/images/icon_kakao_find.svg');}
.mem_end .gbox .naver {background-image:url('/pub/images/icon_naver_find.svg');}
.mem_end .gbox .google {background-image:url('/pub/images/icon_google_find.svg');}
.mem_end .gbox.mb {margin-bottom:24px;}

/* MY PAGE */
.title_my {display:inline-block; vertical-align:top; font-size:40px; font-weight:600; line-height:1; margin-bottom:40px;}
.title_my.tac {display:block;}
.mypage_wrap {position:relative; padding-left:360px; min-height:820px;}
.mypage_wrap .mymenu {position:absolute; top:0; left:0; width:280px;}
.mypage_wrap .mymenu .head {position:relative; background:#222; padding:22px 24px 0;}
.mypage_wrap .mymenu .name {position:relative; padding-left:96px; height:80px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:8px; margin-bottom:18px;}
.mypage_wrap .mymenu .name .imgfit {position:absolute; top:0; left:0; width:80px; height:80px; border-radius:50%; overflow:hidden;}
.mypage_wrap .mymenu .name span {display:block; font-size:12px; color:var(--col_org); font-weight:600; line-height:22px; height:24px; padding:0 5px; border:var(--col_org) 1px solid; border-radius:4px;}
.mypage_wrap .mymenu .name strong {font-size:20px; line-height:1.3; word-break:break-word;}
.mypage_wrap .mymenu .use_mem {position:relative; padding-left:20px; display:flex; align-items:center; font-size:15px; line-height:26px; height:26px;}
.mypage_wrap .mymenu .use_mem:before {content:""; position:absolute; top:0; left:0; width:15px; height:100%; background:url('/pub/images/icon_membership.svg') no-repeat 50% 50% / contain;}
.mypage_wrap .mymenu .use_mem.col_white {background:none; padding-left:0;}
.mypage_wrap .mymenu .use_mem.col_white:before {display:none;}
.mypage_wrap .mymenu .use_mem .txt_gra {font-weight:600; background:linear-gradient(90deg, #FF8832 0%, #FF4343 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.mypage_wrap .mymenu .use_mem span {position:relative; font-weight:700; margin-left:13px;}
.mypage_wrap .mymenu .use_mem span:before {content:""; position:absolute; top:50%; left:-7px; width:1px; height:12px; background:rgba(255,255,255,.2); transform:translateY(-50%);}
.mypage_wrap .mymenu .btn {width:calc(100% + 48px); height:56px; line-height:56px; margin:24px -24px 0;}
.mypage_wrap .mymenu .btn:after {background:var(--col_fff);}
.mypage_wrap .mymenu .btn + .btn {border-top:rgba(255,255,255,.14) 1px solid; margin-top:0;}
.mypage_wrap .mymenu .photo .name span {color:#6493DA; border-color:#6493DA;}
.mypage_wrap .mymenu .photo .name span.best {color:var(--col_fff); line-height:24px; border:0; background:linear-gradient(93deg, #3284FF -1.28%, #9932FF 103.04%);}
.mypage_wrap .links {padding-top:16px;}
.mypage_wrap .links a {position:relative; display:block; font-size:17px; color:var(--col_blk3); font-weight:500; line-height:54px; height:56px; border:#F8F8F8 1px solid; padding-left:44px; background:#F8F8F8 no-repeat 16px 50%; margin-top:8px;}
.mypage_wrap .links a.on {border-color:var(--col_blk3); background-color:var(--col_fff);}
.mypage_wrap .links a.i1 {background-image:url('/pub/images/icon_mem01.svg');}
.mypage_wrap .links a.i2 {background-image:url('/pub/images/icon_mem02.svg');}
.mypage_wrap .links a.i3 {background-image:url('/pub/images/icon_mem03.svg');}
.mypage_wrap .links a.i4 {background-image:url('/pub/images/icon_mem04.svg');}
.mypage_wrap .links a.i5 {background-image:url('/pub/images/icon_mem05.svg');}
.mypage_wrap .links a.i6 {background-image:url('/pub/images/icon_mem06.svg');}
.mypage_wrap .links a.i7 {background-image:url('/pub/images/icon_mem07.svg');}
.mypage_wrap .links a.i8 {background-image:url('/pub/images/icon_mem08.svg');}
.mypage_wrap .links a.i9 {background-image:url('/pub/images/icon_mem09.svg');}
.mypage_wrap .links a.i11 {background-image:url('/pub/images/icon_mem11.svg');}
.mypage_wrap .links a.i12 {background-image:url('/pub/images/icon_mem12.svg');}
.mypage_wrap .links a.logout {background-image:url('/pub/images/icon_mem.svg');}

.my_notice_slide_wrap {position:relative; border:var(--col_blk3) 1px solid; display:flex; padding:0 48px;}
.my_notice_slide_wrap .tt {font-size:18px; font-weight:600; line-height:68px; width:85px;}
.my_notice_slide_wrap .my_notice_slide {position:relative; width:calc(100% - 85px); height:68px; padding-right:34px; overflow:hidden;}
.my_notice_slide_wrap .slick-arrow {position:absolute; right:0; width:12px; height:14px; background:url('/pub/images/arrow_slide_ud.svg') no-repeat 50% 50% / contain; font-size:0;}
.my_notice_slide_wrap .slick-prev {top:50%; margin-top:-14px;}
.my_notice_slide_wrap .slick-next {bottom:50%; margin-bottom:-14px; transform:rotate(180deg);}
.my_notice_slide_wrap .slick-slide a {position:relative; padding-right:90px; line-height:68px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.my_notice_slide_wrap .slick-slide .date {position:absolute; top:0; right:0; color:var(--col_blk6);}
.mytit {position:relative; font-size:32px; font-weight:600; line-height:1; margin:56px 0 48px;}
.mytit:first-child {margin-top:0;}
.mytit.mt {margin-top:72px;}
.mytit .btn_q {position:absolute; top:50%; right:0; font-size:16px; line-height:18px; padding-left:26px; background:url('/pub/images/icon_q.svg') no-repeat 0 50%; transform:translateY(-50%);}
.mytit .btn_write {position:absolute; top:50%; right:0; font-size:15px; font-weight:500; line-height:48px; height:48px; width:140px; border-radius:24px; display:flex; justify-content:center; align-items:center; gap:8px; margin-top:-24px;}
.mytit .btn_write:before {content:""; display:block; width:12px; height:inherit; background:url('/pub/images/icon_write.svg') no-repeat 50% 50% / contain;}
.mytit p {font-size:18px; color:var(--col_blk6); font-weight:400; line-height:1; margin-top:24px;}
.mym_coupon {display:flex; background:var(--bg_gray); padding:33px 6px;}
.mym_coupon dl {position:relative; display:flex; justify-content:space-between; width:50%; padding:0 40px; line-height:40px;}
.mym_coupon dl:before {content:""; position:absolute; top:50%; left:0; width:1px; height:26px; background:var(--col_blk3); opacity:.2; margin-top:-13px;}
.mym_coupon dl:first-child:before {display:none;}
.mym_coupon dt {font-size:18px;}
.mym_coupon dd {font-size:24px; font-weight:600; display:flex; gap:4px;}
.mym_coupon dd strong {font-size:26px;}
ul.mym_use_list {border-top:var(--col_blk3) 2px solid; border-bottom:#ebebeb 1px solid; display:flex; padding:31px 0;}
ul.mym_use_list li {width:20%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:18px 0; border-left:#ebebeb 1px solid;}
ul.mym_use_list li:first-child {border-left:0;}
ul.mym_use_list a {display:block;}
ul.mym_use_list strong {display:block; font-size:40px; line-height:1; margin-bottom:20px;}
.mym_use_list span {font-size:14px; font-weight:600; line-height:25px; height:27px; border:1px solid; border-radius:4px; padding:0 5px;}
.mym_use_list .i1 span {color:var(--col_org); border-color:rgba(255,136,50,.1); background-color:rgba(255,136,50,.1);}
.mym_use_list .i2 span {color:#CC78FF; border-color:rgba(204,120,255,.1); background-color:#FBF4FF;}
.mym_use_list .i3 span {color:#6493DA; border-color:rgba(100,147,218,.1); background-color:#EDF6FF;}
.mym_use_list .i4 span {color:#4BB04B; border-color:rgba(75,176,75,.1); background-color:#EAF8EA;}
.mym_use_list .i5 span {color:var(--col_blk6); border-color:rgba(102,102,102,.1);; background-color:#f8f8f8;}

/* 상태설명 및 상태별 기능 안내 팝업 */
.pop_function .outbox {padding-bottom:0;}
.pop_function .inbox {padding:40px;}
.pop_function .box {position:relative; padding:32px 32px 32px 148px; border:#ddd 1px solid; margin-bottom:31px;}
.pop_function .box:before,
.pop_function .box:after {content:""; position:absolute;}
.pop_function .box:before {bottom:-12px; left:50%; width:24px; height:24px; border:#ddd 1px solid; background:#fff; transform:translateX(-50%) rotate(45deg);}
.pop_function .box:after {bottom:0; left:0; width:100%; height:20px; background:#fff;}
.pop_function .box:last-child {margin-bottom:0;}
.pop_function .box:last-child:before,
.pop_function .box:last-child:after {display:none;}
.pop_function .box span {position:absolute; top:50%; left:40px; margin-top:-13px;}
.pop_function .box p {line-height:1.7;}
.pop_function .box .col_blk8 {margin-top:4px;}

/* 달력 */
.ui-datepicker {width:240px; margin-top:-1px; background:#fff; display:none;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#FF8832; 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; padding:0 5px; margin:8px 5px 0;}
.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 .ui-state-disabled {opacity:.5;}

/* 이용내역 */
#upload {top:-100px;}
.my_contents .board_top.mt {margin-top:56px;}
.my_contents .board_top .text,
.my_contents .board_top .btn {height:40px; border-radius:20px;}
.my_contents .board_top .text {line-height:38px; width:140px;}
.my_contents .board_top .btn {line-height:40px; padding:0 24px; margin-left:16px;}
.my_contents .board_top .right {display:flex; font-size:14px;}
.my_contents .board_top .right span {color:var(--col_blk6); width:16px; height:40px; line-height:40px; text-align:center;}
.my_contents .board_top .datepic_area {position:relative;}
.my_contents .board_top .datepic_area img {position:absolute; top:50%; right:16px; width:16px; transform:translateY(-50%);}
.my_contents .board_list {border-top-color:var(--col_blk3);}
.my_contents .board_list td {height:116px;}
.my_contents .board_list a {font-weight:500;}
.my_contents .board_list span {display:inline-block;}
.my_contents .board_list .btn {text-decoration:none; width:92px; height:30px; line-height:28px; font-weight:500; border-radius:15px; display:block; margin:0 auto;}
.my_contents .board_list .btn + .btn {margin-top:6px;}
.my_contents .board_list.dl_list {border-bottom:#ebebeb 1px solid; padding:23px 0;}
.my_contents .board_list.dl_list dl {display:flex; line-height:26px; margin-bottom:8px;}
.my_contents .board_list.dl_list dl:last-child {margin-bottom:0;}
.my_contents .board_list.dl_list dt {width:150px; font-weight:600;}
.my_contents .board_list.dl_list dd {width:calc(100% - 150px); color:var(--col_blk6); display:flex; align-items:center; gap:8px;}
.my_contents .board_list.dl_list textarea.text {height:120px;}
.reservation_photographer {position:relative; background:#F8F8F8; padding:32px 40px; display:flex; align-items:center; flex-wrap:wrap; gap:32px;}
.reservation_photographer .none {padding:40px 0; font-size:24px; color:#ccc; font-weight:600; line-height:40px; text-align:center; width:100%;}
.reservation_photographer .imgfit {width:120px; height:120px; border-radius:50%; border:#ebebeb 1px solid; overflow:hidden;}
.reservation_photographer .txt {width:calc(100% - 152px); display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px;}
.reservation_photographer .name {font-size:26px; font-weight:600; line-height:1.3; width:100%;}
.reservation_photographer dl {display:flex; align-items:center; gap:10px; line-height:32px;}
.reservation_photographer dt {color:var(--col_fff); font-weight:600; background:var(--col_blk3); border-radius:16px; padding:0 16px;}
.reservation_photographer dd {font-size:18px; color:var(--col_blk6); font-weight:500;}
.my_contents .board_list.th_gray th {height:49px; background:#F8F8F8; font-weight:400;}
.my_contents .board_list.th_gray td {height:49px;}
.my_contents .board_list .dots_list li {font-size:inherit;}
.down_files {margin-top:32px;}
.down_files dl {display:flex; align-items:center; border:#ddd 1px solid; padding:12px; margin-bottom:20px;}
.down_files dl:last-child {margin-bottom:0;}
.down_files dt {display:flex; justify-content:center; align-items:center; gap:12px; font-size:18px; color:rgba(51,51,51,.6); font-weight:500; line-height:66px; height:66px; width:240px; text-align:center; background:#ebebeb;}
.down_files dt strong {font-size:20px; color:var(--col_blk3);}
.down_files dd {padding-left:23px;}
.down_files dd a {color:#0661EA; text-decoration:underline;}
/* 예약선택 */
.page_select {margin:100px 0 200px; background:#fff;}
.page_select .tit {font-size:20px; color:var(--col_blk3); font-weight:600; line-height:68px; padding:0 32px; display:flex; align-items:center; gap:10px; border-bottom:#ebebeb 1px solid;}
.page_select .tit:before {content:""; display:block; width:6px; height:6px; background:var(--col_blk3); border-radius:50%;}
.page_select .box {position:relative;}
.page_select .radios {display:flex; flex-wrap:wrap; gap:20px 28px; padding:24px 32px 48px; max-height:680px; overflow:auto;}
.page_select .radios .box {position:relative; width:calc((100% - 56px)/3); padding:12px 12px 78px; border:#ebebeb 1px solid; text-align:center;}
.page_select .radios .radio {padding:12px 0 0; display:block;}
.page_select .radios .radio i {top:0; transform:translate(0,0);}
.page_select .radios span {display:block;}
.page_select .radios .imgfit {width:80px; height:80px; border-radius:50%; margin:0 auto 16px;}
.page_select .radios .name {font-size:20px; font-weight:600; line-height:1; margin:16px 0 12px;}
.page_select .radios .count,
.page_select .radios .pay {display:flex; justify-content:center; font-size:14px; color:var(--col_blk6); line-height:1;}
.page_select .radios .star {position:relative; color:var(--col_blk3); font-weight:500; padding:0 17px 0 18px; background:url('/pub/images/icon_star.svg') no-repeat 0 50%;}
.page_select .radios .star:after {content:""; position:absolute; top:50%; right:8px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.page_select .radios .pay {margin-top:20px; gap:10px;}
.page_select .box .btn {position:absolute; bottom:26px; left:50%; font-size:14px; color:var(--col_blk6); line-height:30px; height:30px; width:94px; text-align:center; background:#f5f5f5; border-radius:15px; transform:translateX(-50%);}
.page_select .btn_submit {display:block; font-size:22px; color:var(--col_fff); font-weight:600; line-height:72px; height:72px; width:100%; text-align:center; background:var(--col_blk1);}

/* 결제내역 */
.board_list .payment_info {margin-top:30px;}
.payment_info {border:var(--col_blk3) 2px solid;}
.payment_info .flex {border-bottom:#ebebeb 1px solid;}
.payment_info .flex .box {flex:1 1 25%; border-left:#ebebeb 1px solid; padding:26px 24px 34px;}
.payment_info .flex .box:first-child {border-bottom:0;}
.payment_info .flex span {display:block; font-weight:600;}
.payment_info .flex strong {display:block; font-size:28px; font-weight:700; line-height:40px; margin:4px 0 40px;}
.payment_info .flex dl {display:flex; justify-content:space-between; font-size:15px; color:var(--col_blk6);}
.payment_info .flex dt {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.payment_info .total {display:flex; justify-content:flex-end; align-items:center; padding:0 25px; background:#f8f8f8; height:86px;}
.payment_info .total .tt {font-size:26px; font-weight:700; margin-right:48px;}
.payment_info .total strong {font-size:26px; color:var(--col_org); font-weight:700;}
.payment_info .total span {font-size:14px; color:var(--col_blk6); margin-left:4px;}

.receipt_wrap {width:1200px; height:100vh; margin:0 auto;}
.receipt_wrap * {line-height:1;}
.receipt_wrap .conbox {padding:48px; height:calc(100vh - 217px);}
.receipt_wrap .logo {margin-bottom:100px;}
.receipt_wrap .head {font-size:60px; color:var(--col_blk1); font-weight:700; text-align:center; letter-spacing:60px; padding-bottom:50px; border-bottom:var(--col_blk1) 2px dashed; margin-bottom:150px;}
.receipt_wrap .dlbox {display:flex; flex-wrap:wrap; gap:42px 66px; padding:0 80px;}
.receipt_wrap .dlbox dl {width:calc(50% - 33px); display:flex; justify-content:space-between; border-bottom:#ddd 1px solid;}
.receipt_wrap .dlbox dt,
.receipt_wrap .dlbox dd {font-size:26px; padding-bottom:27px;}
.receipt_wrap .dlbox dt {color:var(--col_blk3);}
.receipt_wrap .dlbox dd {color:var(--col_blk1); font-weight:700;}
.receipt_wrap p {font-size:30px; color:#222; text-align:center; margin:140px 0 100px;}
.receipt_wrap .date {font-size:26px; color:#111; font-weight:600; margin-bottom:20px; text-align:center;}
.receipt_wrap .stamp {display:flex; justify-content:center; align-items:center; gap:16px; font-size:40px; color:var(--col_blk1); font-weight:700;}
.receipt_wrap .foot {background:#f8f8f8; padding:38px 20px 80px; text-align:center;}
.receipt_wrap .foot p {font-size:16px; color:var(--col_blk9); line-height:23px; margin:0;}
.receipt_wrap .foot p + p {margin-top:30px;}

/* 멤버십 구매하기 */
.plan_wrap {display:flex; flex-wrap:wrap; gap:16px 24px;}
.plan_wrap .plan {width:calc(50% - 12px);}
.plan_wrap .plan input {display:none;}
.plan_wrap .plan span {display:block;}
.plan_wrap .plan .area {position:relative; padding:32px 24px 55px; border:#ddd 1px solid; transition:.2s linear;}
.plan_wrap .plan .name {font-size:18px; font-weight:600; line-height:1.1;}
.plan_wrap .plan .money {font-size:26px; font-weight:700; line-height:1.3; margin:16px 0 6px;}
.plan_wrap .plan p {font-size:12px; color:var(--col_blk6); line-height:1;}
.plan_wrap .plan del {display:block; color:var(--col_blk6); line-height:1.6;}
.plan_wrap .plan .pct {position:absolute; bottom:16px; right:16px; width:64px;height:64px; display:flex; justify-content:center; align-items:center; font-size:14px; font-weight:700; line-height:1; border-radius:50%;}
.plan_wrap .plan .pct strong {font-size:30px; font-weight:700;}
.plan_wrap .plan .pct.c1 {color:var(--col_org); background:linear-gradient(159deg, #FFF6D4 13.67%, #FFD536 108.87%);}
.plan_wrap .plan .pct.c2 {color:#084FBB; background:linear-gradient(150deg, #E3F5FF 15.73%, #A8CBFF 93.49%);}
.plan_wrap .plan input:checked + .area {border-color:#111; box-shadow:rgba(0,0,0,.1) 0px 4px 20px;}

/* 멤버십 사용내역 */
.plan_head {display:flex; background:#f8f8f8; padding:24px; margin-bottom:56px;}
.plan_head li {position:relative; width:calc(100%/3); padding:0 16px;}
.plan_head li:before {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:var(--col_blk3); opacity:.15;}
.plan_head li:first-child:before {display:none;}
.plan_head .tt {line-height:1.6; margin-bottom:35px;}
.plan_head .cn {font-size:26px; font-weight:600; line-height:1.3; text-align:right;}
.plan_head .i1 {display:flex; flex-direction:column; justify-content:center;}
.plan_head .use_mem {position:relative; padding-left:20px; display:flex; align-items:center; font-size:15px; line-height:26px; height:26px; margin-bottom:10px;}
.plan_head .use_mem:before {content:""; position:absolute; top:0; left:0; width:15px; height:100%; background:url('/pub/images/icon_membership.svg') no-repeat 50% 50% / contain;}
.plan_head .use_mem .txt_gra {font-weight:600; background:linear-gradient(90deg, #FF8832 0%, #FF4343 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.plan_head .i1 strong {display:block; font-size:30px; line-height:1.6;}
.mem_btm {padding:40px 32px; margin-bottom:80px;}
.mem_btm.mt {margin:80px 0 0;}
.mem_btm.mt2 {margin-top:20px;}
.mem_btm.in {margin-top:80px;}
.mem_btm .chktit {position:relative; font-size:18px; font-weight:600; padding-left:24px; margin-bottom:16px;}
.mem_btm .chktit:before {content:""; position:absolute; top:50%; left:0; width:16px; height:16px; background:url('/pub/images/icon_chk.svg') var(--col_blk3) 50% 50%; border-radius:50%; transform:translateY(-50%);}

/* 쿠폰 */
.coupons {display:flex; flex-wrap:wrap; gap:40px 20px;}
.coupons li {width:calc((100% - 40px)/3); height:230px; overflow:hidden; display:flex;}
.coupons .left {position:relative; width:calc(100% - 80px); border:var(--col_blk3) 1px solid; padding:28px;}
.coupons .left:before,
.coupons .left:after {content:""; position:absolute; right:-16px; width:32px; height:32px; border:inherit; border-radius:50%; z-index:1; background:#fff;}
.coupons .left:before {top:-22px;}
.coupons .left:after {bottom:-22px;}
.coupons .tt {font-size:24px; font-weight:600; line-height:1.66;}
.coupons .info {position:absolute; bottom:28px; left:28px;}
.coupons .info dl {display:flex; font-size:15px; line-height:1; margin-top:10px;}
.coupons .info dt {width:92px; color:var(--col_blk6);}
.coupons .info dd {width:calc(100% - 92px); font-weight:700;}
.coupons .right {width:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; font-size:15px; color:var(--col_fff); font-weight:500; line-height:1; background:var(--col_blk3);}
.coupons .right:before {content:""; display:block; width:100%; height:11px; background:url('/pub/images/icon_chk2.svg') no-repeat 50% 50% / contain;}
.coupons .end .left {border-color:#ccc;}
.coupons .end .tt,
.coupons .end .info dt,
.coupons .end .info dd {color:#ccc;}
.coupons .end .right {background:#ccc;}
.coupons .end .right:before {display:none;}

.code_plus {display:flex; justify-content:center; margin-bottom:40px; background:#f5f5f5; padding:20px;}
.code_plus input {border-radius:4px 0 0 4px; width:400px; max-width:calc(100% - 100px);}
.code_plus .btn {width:100px; height:40px; text-align:center; color:#fff; background:var(--col_blk3); border-radius:0 4px 4px 0;}

/* 포인트 */
.my_contents .board_list.thin td {height:89px;}

/* 리뷰내역 */
.review_list {border-top:var(--col_blk3) 2px solid;}
.review_list a {display:flex; border-bottom:#ebebeb 1px solid; padding:30px 24px;}
.review_list .imgfit {width:230px; height:172px;}
.review_list .txt {width:calc(100% - 230px); padding:4px 0 0 32px;}
.review_list .writer {display:flex; align-items:center; line-height:1; margin:15px 0 20px;}
.review_list .writer .img {width:32px; height:32px; overflow:hidden;}
.review_list .writer .img img {width:100%; height:100%; object-fit:cover;}
.review_list .writer .name {font-size:15px; font-weight:600; margin:0 22px 0 8px;}
.review_list .writer .date {position:relative; font-size:14px; color:#888;}
.review_list .writer .date:before {content:""; position:absolute; top:50%; left:-11px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.review_list p {color:var(--col_blk6); line-height:1.6; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

/* 문의사항 접수 */
.board_list .state,
.board_view_my .tit .state {display:block; width:60px; height:28px; line-height:28px; text-align:center; font-size:14px; color:var(--col_blk6); font-weight:600; border-radius:4px; background:#F5F5F5;}
.board_list .state {margin:0 auto;}
.board_view_my {border-top:var(--col_blk3) 2px solid;}
.board_view_my .head,
.board_view_my .body {border-bottom:#ebebeb 1px solid;}
.board_view_my .head {padding:30px 24px;}
.board_view_my .tit {font-size:22px; font-weight:600; line-height:1.5; display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:20px;}
.board_view_my .date {display:flex; gap:8px; line-height:1; font-size:15px;}
.board_view_my .date dt {position:relative; font-weight:600; margin-left:10px;}
.board_view_my .date dt:before {content:""; position:absolute; top:50%; left:-9px; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.board_view_my .date dt:first-child {margin-left:0;}
.board_view_my .date dt:first-child:before {display:none;}
.board_view_my .date dd {color:var(--col_blk6);}
.board_view_my .body {padding:24px; line-height:1.6;}
.board_view_my .reply {margin:40px 0 0; border:0; background:var(--bg_gray); padding:40px;}
.board_view_my .adm {display:flex; align-items:center; gap:17px;}
.board_view_my .adm .name {font-weight:600; line-height:1.6;}
.board_view_my .adm .date {position:relative;}
.board_view_my .adm .date:before {content:""; position:absolute; top:50%; left:-9px; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.board_view_my .con {line-height:1.6; margin-top:16px; word-break:break-word;}
.btns_tac {display:flex; justify-content:center; align-items:center; gap:16px; margin-top:80px;}
.btns_tac .btn_submit {margin:0 !important;}
.btns_tac .btn_withdrawal {color:var(--col_blk6); background:#F5F5F5;}

/* 회원탈퇴 */
.pop_withdrawal dl {display:flex; line-height:48px;}
.pop_withdrawal dt {width:120px;}
.pop_withdrawal dd {width:calc(100% - 120px);}
.pop_withdrawal .gbox {margin:60px 0 24px; padding:32px; text-align:center;}

/* 친구소개 */
.friend_event {width:100%; max-width:920px; height:1206px; background:url('/pub/images/bg_friend_event.jpg') no-repeat 50% 50% / cover; padding-top:95px; color:var(--col_fff); text-align:center;}
.friend_event .tt {display:block; font-size:16px; font-weight:600; line-height:34px; height:36px; width:130px; border:var(--col_fff) 1px solid; border-radius:18px; margin:0 auto 32px;}
.friend_event .tit {font-size:56px; font-weight:700; line-height:1;}
.friend_event .tit .txt_gra {display:block; margin-top:14px; background:linear-gradient(90deg, #FF7816 22.16%, #C260FF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.friend_event p {font-size:20px; line-height:1.6; margin:30px 0 65px;}
.friend_event .code {margin-top:70px; display:flex; justify-content:center; align-items:center; font-size:24px;}
.friend_event .code strong {margin:0 15px 0 6px;}
.friend_event .code .copy {font-size:14px; color:var(--col_fff); font-weight:600; line-height:28px; height:30px; width:56px; border:var(--col_fff) 1px solid; border-radius:15px;}
.friend_event .btn_kakao {display:flex; justify-content:center; align-items:center; gap:8px; font-size:22px; color:#2A1217; font-weight:700; line-height:80px; height:80px; width:100%; max-width:640px; margin:24px auto 0; border-radius:40px; background:#FEE500;}
.friend_event .btn_kakao:before {content:""; display:block; width:24px; height:22px; background:url('/pub/images/icon_kakao_talk.svg') no-repeat 50% 50% / contain;}

/* 포토그래퍼 마이페이지 */
.my_contents .gall_box {position:relative; display:flex; gap:56px 16px; flex-wrap:wrap;}
.my_contents .gall_box a {display:block; width:calc((100% - 32px)/3);}
.my_contents .gall_box .imgfit {position:relative; display:block; height:228px;}
.my_contents .gall_box .imgfit ul,
.my_contents .gall_box .imgfit li,
.my_contents .gall_box .imgfit i {position:absolute; transition:.2s linear;}
.my_contents .gall_box .imgfit ul {top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); backdrop-filter:blur(10px); opacity:0;}
.my_contents .gall_box .imgfit li {position:absolute; width:0; height:0; border:transparent 1px solid; opacity:.4; transition:.2s linear;}
.my_contents .gall_box .imgfit li:nth-child(1) {top:12px; left:12px; border-top-color:var(--col_fff); border-left-color:var(--col_fff);}
.my_contents .gall_box .imgfit li:nth-child(2) {top:12px; right:12px; border-top-color:var(--col_fff); border-right-color:var(--col_fff);}
.my_contents .gall_box .imgfit li:nth-child(3) {bottom:12px; left:12px; border-bottom-color:var(--col_fff); border-left-color:var(--col_fff);}
.my_contents .gall_box .imgfit li:nth-child(4) {bottom:12px; right:12px; border-bottom-color:var(--col_fff); border-right-color:var(--col_fff);}
.my_contents .gall_box .imgfit i {position:absolute; top:50%; left:50%; width:0; height:0; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; transform:translate(-50%,-50%);}
.my_contents .gall_box p {line-height:1.6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.my_contents .gall_box .date {font-size:14px; color:var(--col_blk9); line-height:1; margin-top:8px;}

/* 촬영료 관리 */
.option_setting_tbl .text {max-width:100%;}
.my_contents .board_write .pay_area .text,
.my_contents .tbl input.text,
.my_contents .tbl select.text {height:48px; line-height:46px;}
.my_contents .tbl textarea.text {height:160px; padding:10px 15px;}
.my_contents .board_write .pay_area .w20,
.my_contents .tbl .w20 {width:200px; float:none;}
.my_contents .tbl .w60 {width:600px;}
.my_contents .tbl .w20 {margin:0 auto;}
.option_setting_tbl td {text-align:center; padding:20px;}

/* 프로필 관리 */
.board_write dd .flex {width:100%;}
.flex.between {justify-content:space-between; align-items:center; height:auto; min-height:50px; max-width:990px;}
.flex.between p {font-size:15px; color:var(--col_blk6); line-height:1;}
.file_wrap .file_area {width:calc(100% - 340px);}
.file_wrap p {width:330px; text-align:right;}
.file_area {display:flex;}
.filebutton {position:relative; width:110px; height:40px; overflow:hidden;}
.filebutton span {display:block; width:100%; height:100%; line-height:38px; text-align:center; border:var(--col_blk1) 1px solid;}
.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;}
.filebox {width:calc(100% - 110px); height:40px; line-height:40px; padding:0 10px; color:#0661EA; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:underline;}
.upload_file .filebutton,
.board_write .filebutton,
.upload_file .filebox,
.board_write .filebox {line-height:48px; height:48px;}
.board_write .pay_area {display:flex; gap:12px; width:calc(100% - 240px); align-items:center;}
.board_write .pay_area .text {width:310px; max-width:calc(100% - 30px); border-radius:4px;}
.board_write .check_area {display:flex; flex-wrap:wrap; gap:6px; width:calc(100% - 110px);}
.board_write .check_wrap label {display:block;}
.board_write .check_wrap label input {display:none;}
.board_write .check_wrap label span {display:block; font-size:15px; color:var(--col_blk6); line-height:1; padding:10px 12px; background:#F8F8F8; border:#ebebeb 1px solid; border-radius:4px; transition:.2s linear;}
.board_write .check_wrap label input:checked + span {color:var(--col_org); border-color:var(--col_org); background:rgba(255,136,50,.08);}
.board_write dd .w1 {width:200px;}

/* 일정관리 */
.schedule_right {position:relative; z-index:1;}
.schedule_right .btn_bdrs {position:absolute; top:-10px; font-size:15px; font-weight:500; line-height:48px; height:48px; width:140px; border-radius:24px; display:flex; justify-content:center; align-items:center; gap:8px; margin:0;}
.schedule_right .btn_bdrs.all_check {left:0; line-height:46px;}
.schedule_right .btn_bdrs.btn_submit {right:0; margin:0;}
.schedule_wrap .thisday {margin-bottom:48px;}
.schedule_wrap .thisday .prev {left:50%; margin-left:-144px;}
.schedule_wrap .thisday .next {right:50%; margin-right:-144px;}
.schedule_wrap table {border-top:var(--col_blk1) 1px solid;}
.schedule_wrap th,
.schedule_wrap td {border-bottom:#ddd 1px solid; width:calc(100%/8); height:auto; line-height:1; text-align:center; padding:22px 0;}
.schedule_wrap th {background:#F8F8F8;}
.schedule_wrap th label.check {text-align:left; display:inline-block; vertical-align:top;}
.schedule_wrap td {border-left:#ddd 1px solid;}
.schedule_wrap td:first-child {border-left:0;}

/* 예약내역 */
.btn_add {display:inline-block; vertical-align:top; font-size:15px; color:var(--col_blk1); font-weight:500; line-height:38px; height:40px; width:92px; text-align:center; border:#ddd 1px solid; border-radius:20px; margin-left:20px;}
.upload_file {display:flex; align-items:center; width:calc(100% - 82px);}
.upload_file .filebutton,
.board_write .filebutton {height:48px;}
.upload_file .filebutton span,
.board_write .filebutton span {line-height:46px; border-radius:4px;}
.upload_file .filebox {height:48px; line-height:48px; padding:0 20px;}
.down_files .btn_save,
.down_files .del {display:flex !important; justify-content:center; align-items:center; gap:4px; font-size:14px; color:var(--col_blk6); font-weight:500; line-height:28px; height:30px; width:82px; border:#ddd 1px solid; border-radius:15px; cursor:pointer;}
.down_files .btn_save {color:#fff; background:#222; border-color:#222;}
.down_files .del:before {content:""; display:block; width:14px; height:14px; background:url('/pub/images/icon_del.svg') no-repeat 50% 50% / contain;}

/* 예약승인 */
.pop_approval .glbox {border:#ddd 1px solid; padding:32px;}
.pop_approval .glbox dl {display:flex; line-height:1.6; margin-bottom:8px;}
.pop_approval .glbox dl:last-child {margin-bottom:0;}
.pop_approval .glbox dt {width:120px; font-weight:500;}
.pop_approval .glbox dd {width:calc(100% - 120px); color:var(--col_blk6);}
.pop_approval .glbox .vartical {flex-direction:column; gap:8px;}
.pop_approval .glbox .vartical dt,
.pop_approval .glbox .vartical dd {width:100%;}
.pop_approval .glbox .vartical .text {background:#F8F8F8; padding:16px; height:160px; border:0;}
.pop_approval .radios {margin:40px 0 56px; display:flex; flex-direction:column; gap:12px;}
.pop_approval .radios label.radio {margin-bottom:4px;}
.pop_approval .radios .text {height:48px; line-height:46px; font-size:14px; padding:0 16px;}
.pop_approval .gbox {font-size:15px; color:var(--col_blk6); line-height:1.7; padding:32px; text-align:center; margin-bottom:24px;}

/* 이메일무단수집거부 */
.email_rejection {border:#ddd 1px solid; padding:40px; display:flex;}
.email_rejection .img {width:119px; height:123px; background:url('/pub/images/img_email_rejection.png') no-repeat 50% 50% / contain;}
.email_rejection .txt {padding-left:30px; line-height:1.6;}
.email_rejection .tit {font-size:32px; font-weight:600; margin-bottom:13px;}
.email_rejection p {font-size:18px;}

.g00 .board_list td {font-size:18px;}