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

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

:root {
	--sat:env(safe-area-inset-top);
	--sar:env(safe-area-inset-right);
	--sab:env(safe-area-inset-bottom);
	--sal:env(safe-area-inset-left);
}

/* layout */
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%;}
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;}
::placeholder {color:#999;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
img {height:auto !important;}
.imgfit {overflow:hidden;}
.imgfit img {width:100%; height:100% !important; max-width:100%; max-height:100%; object-fit:cover;}

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

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

::-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;}

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

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

/* color */
.col_red {color:#f00 !important;}
.col_green {color:#00B7D5 !important;}

.point {position:absolute;}

.nice-select .list ul {max-height:360px; overflow:auto;}

/* 게시판 목록 */
.board_list dl {display:flex;}
.board_list .dt {border-top:#222 2px solid;}
.board_list dt,
.board_list dd {border-bottom:#ddd 1px solid; text-align:center;}
.board_list .dt dt {font-size:18px; font-weight:600; line-height:100px;}
.board_list .dd {font-size:16px;}
.board_list .dd dd {line-height:80px; display:flex; justify-content:center; align-items:center;}
.board_list .num {width:150px; font-size:18px; display:none !important;}
.board_list .num.show {display:flex !important; justify-content:center; align-items:center;}
.board_list .num2 {width:120px; font-size:18px;}
.board_list .notice .num span {color:#fff; font-weight:600; line-height:35px; height:35px; width:70px; text-align:center; background:#00B7D5; margin:0 auto;}
.board_list .tit {width:calc(100% - 260px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .notice .tit:before {content:"공지"; display:inline-block; vertical-align:middle; color:#fff; font-weight:600; line-height:35px; height:35px; width:70px; text-align:center; background:#00B7D5;}
.board_list .notice .tit a {width:calc(100% - 70px);}
.board_list dd.tit {text-align:left; justify-content:flex-start;}
.board_list .tit a {position:relative; display:inline-block; vertical-align:top; font-size:20px; padding-left:10px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .tit.new a {padding-right:28px;}
.board_list .tit.new a:after {content:"N"; position:absolute; top:50%; right:0; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#272954; transform:translateY(-50%);}
.board_list .file {width:130px;}
.board_list .file i {width:16px; height:20px; background:#ddd; mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; font-size:0;}
.board_list .file.on i {background:#272954;}
.board_list .writer {width:100px;}
.board_list .date {width:130px;}
.board_list .hit {width:120px;}
	/* 신청내역 확인 */
.board_list .pay1 {width:120px;}
.board_list .pay2 {width:160px;}
.application_details_board .dd dd {font-size:16px;}
.application_details_board .dd dd.tit {font-size:18px; line-height:26px; height:inherit; display:flex; align-items:center;}
.application_details_board .dd dd.tit a {font-size:inherit; padding-left:0;}
.board_list dd strong {font-weight:600;}
.board_list > p {font-size:16px;}
.board_list .tar.mb {margin-bottom:20px;}
.board_list dd .btn {display:block; font-size:16px; color:#fff; font-weight:600; line-height:35px; height:35px; width:90px; text-align:center; background:#00B7D5; margin:0 auto;}
.board_list dd .btn_l {color:#666; font-weight:500; line-height:33px; background:#fff; border:#ebebeb 1px solid;}
.board_list dd .btn_none {color:#666; font-weight:500; background:#EBEBEB;}
.board_list dd .btn_end {color:#00B7D5; font-weight:500; line-height:33px; background:#fff; border:#00B7D5 1px solid;}
.board_list.application_details_board .tit {width:calc(100% - 800px);}
.board_list.set_my2.set_my2t .tit {width:calc(100% - 790px);}
.board_list.set_my2.set_my2t .pay1 {width:100px;}
.board_list.set_my2.set_my2t .pay2 {width:120px;}
.board_list.set_my2.set_my2t .btn {width:90px;}
	/* 연회비 납부 */
.board_list.set_my .tit {width:calc(100% - 520px);}
.board_list.set_my .tit.tac {justify-content:center;}
	/* 납부내역 확인 */
.board_list.set_my2 .tit {width:calc(100% - 610px);}
.board_list.set_my2 .dd dd.tit {padding-left:50px;}
.board_list .ibox {display:block; font-weight:600; line-height:28px; height:30px; width:76px; text-align:center; border:1px solid; border-radius:20px;}
.board_list .ibox.c1 {color:#00B7D5; border-color:#00B7D5;}
.board_list .ibox.c2 {color:#242769; border-color:#242769;}
.board_list .ibox.c3 {color:#00B7D5; border-color:#00B7D5;}

.board_top {display:flex; justify-content:space-between; margin-bottom:50px;}
.board_top.mb2 {margin-bottom:20px;}
.board_top .total {font-size:0 !important; color:#222; font-weight:600;}
.board_top .total strong {color:#00B7D5; font-weight:600;}
.board_top .search_wrap {border-bottom:#222 1px solid; display:flex; font-size:16px;}
.board_top .search_wrap .text {border:0;}
.board_top .search_wrap .nice-select {width:100px; height:40px; font-size:16px; color:#222; font-weight:500; padding-left:0; border:0;}
.board_top .search_wrap input.text {width:270px;}
.board_top .btn {width:20px; height:40px; background:url('/pub/images/icon_search.svg') no-repeat 50% 50% / contain; border:0; font-size:0;}
.board_top .right {display:flex; gap:35px;}
.board_top .month_box {display:flex; border-bottom:#222 1px solid; font-size:16px;}
.board_top .month_box span {line-height:40px;}
.board_top .month_box .tt {padding-right:30px;}
.board_top .month_box .month {width:140px; padding-left:30px; background:url('/pub/images/icon_month.svg') no-repeat 0 50%; border:0; outline:0;}
.board_top .month_box .bar {width:11px; height:1px; background:#222; margin:19px 10px;}
.board_top p.tar strong {font-size:18px; font-weight:600;}

/* 달력 */
.datepicker.bg {width:300px; background:url('/pub/images/icon_month.svg') no-repeat right 20px center;}
.datepicker + img {display:none;}
.ui-datepicker {width:420px; margin-top:-1px; padding:40px; background:#fff; border:#ddd 1px solid; box-shadow:rgba(0,0,0,.07) 0 4px 10px; display:none; z-index:20 !important;}
.ui-datepicker-header {position:relative; overflow:hidden;}
.ui-datepicker-title {line-height:30px; width:100%; display:flex; justify-content:center; align-items:center; gap:11px; margin-bottom:20px;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {vertical-align:top; width:92px; height:30px; line-height:30px; border:0; border-bottom:#ebebeb 1px solid; font-size:18px; color:#222; font-weight:500; outline:0;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:30px; line-height:30px; width:30px; text-align:center; cursor:pointer; background:none;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:100%; height:100%; font-size:0;}
.ui-corner-all .ui-icon:before {content:""; display:block; width:100%; height:100%; background:#999; mask:url('/pub/images/arrow_month.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_month.svg') no-repeat 50% 50%; transition:.2s linear;}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon:before {transform:scaleX(-1);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {text-align:center; line-height:32px; height:40px; font-size:16px;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar th:first-child,
.ui-datepicker-calendar th:last-child {color:#999; font-weight:400;}
.ui-datepicker-calendar td {color:#222;}
.ui-datepicker-calendar td > * {position:relative; display:block; width:32px; height:32px; margin:0 auto; border-radius:50%;}
.ui-datepicker-calendar td:first-child > * {color:#f00;}
.ui-datepicker-calendar td:last-child > * {color:#00B7D5;}
.ui-datepicker-calendar td.month_start a,
.ui-datepicker-calendar td.month_end a {color:#fff !important; font-weight:700 !important; background:#00B7D5 !important;}
.ui-datepicker-calendar td.month_ing a {background:#EBEBF1;}
.ui-datepicker-calendar td.month_ing a:before,
.ui-datepicker-calendar td.month_start + td.month_ing a:before {content:""; position:absolute; top:0; left:50%; width:48px; height:100%; background:#EBEBF1; z-index:-1;}
.ui-datepicker-calendar td.month_start + td.month_ing a:before {width:96px; transform:translateX(-50%);}
.ui-datepicker-calendar td.month_ing:first-child a:before {left:0 !important; width:72px !important;}
.ui-datepicker-calendar td.month_ing:last-child a:before {left:-24px !important; width:60px !important; transform:translateX(0) !important;}
.ui-datepicker-calendar td.month_start a:after,
.ui-datepicker-calendar td.month_end a:after {content:""; position:absolute; top:0; width:48px; height:100%; z-index:-2;}
.ui-datepicker-calendar td.month_start a:after {left:50%; background:linear-gradient(90deg, #EBEBF1ff, #EBEBF100);}
.ui-datepicker-calendar td.month_end:first-child a:before {content:""; position:absolute; top:0; left:0; width:50%; height:100%; background:#EBEBF1; z-index:-1;}
.ui-datepicker-calendar td.month_end a:after {right:50%; background:linear-gradient(-90deg, #EBEBF1ff, #EBEBF100);}
.ui-datepicker-calendar td.month_end a.ui-state-active:after {display:none;}
.ui-datepicker-calendar td.month_start + td.month_end a:after {content:""; position:absolute; top:0; right:50%; width:48px; height:100%; background:#EBEBF1; z-index:-1; display:block;}
/* .ui-datepicker-calendar td.ui-datepicker-unselectable + td a {color:#fff; font-weight:700; background:#00B7D5;}
.ui-datepicker-calendar td.ui-datepicker-unselectable + td a:after {content:""; position:absolute; top:0; width:48px; height:100%; z-index:-2; left:50%; background:linear-gradient(90deg, #EBEBF1ff, #EBEBF100);}
.ui-datepicker-calendar td.ui-datepicker-other-month + td a {color:#222; font-weight:400; background:none;}
.ui-datepicker-calendar td.ui-datepicker-other-month + td a:after {display:none;} */
.ui-datepicker-calendar td.ui-state-disabled > * {opacity:.6;}

.board_bottom {position:relative; display:flex; justify-content:center;}
.board_bottom .btns {overflow:hidden; margin-top:80px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; vertical-align:top;}
.board_bottom .btn_abso {position:absolute; top:30px; right:0; font-size:18px; color:#00B7D5; font-weight:600; line-height:58px; height:60px; width:200px; text-align:center; border:#00B7D5 1px solid;}
.board_bottom .paging {margin-top:80px; display:flex; justify-content:center; align-items:center; gap:20px;}
.board_bottom .paging a {position:relative; font-size:15px; line-height:26px; padding:0 5px;}
.board_bottom .paging a:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#00B7D5; opacity:0;}
.board_bottom .paging a.on {font-weight:600;}
.board_bottom .paging a.on:after {opacity:1;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {font-size:0; width:18px; background:no-repeat 50% 50% / auto 11px;}
.board_bottom .paging .arrow:after {display:none;}
.board_bottom .paging .arrow.one {background-image:url('/pub/images/arrow_page_one.svg');}
.board_bottom .paging .arrow.two {background-image:url('/pub/images/arrow_page_two.svg');}
.board_bottom .paging .arrow.first {margin-right:10px;}
.board_bottom .paging .arrow.prev {margin-right:20px;}
.board_bottom .paging .arrow.next {margin-left:20px; transform:scaleX(-1);}
.board_bottom .paging .arrow.last {margin-left:10px; transform:scaleX(-1);}

/* 게시판 상세 */
.board_view {border-top:#222 2px solid;}
.board_view .view_top {border-bottom:#ddd 1px solid; padding:40px 0; font-size:24px; font-weight:600; line-height:35px; text-align:center;}
.board_view .view_top .notice {display:inline-block; vertical-align:top; font-size:16px; color:#fff; font-weight:600; line-height:35px; height:35px; width:70px; text-align:center; background:#00B7D5; margin-right:20px;}
.board_view .view_top .new {display:inline-block; vertical-align:top; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#272954; margin:8px 0 0 10px;}
.board_view .view_top ul {display:flex; justify-content:center; align-items:center; gap:30px; margin-top:17px; font-weight:400;}
.board_view .view_top li {font-size:16px; color:#666;}
.board_view .flie {display:flex; padding:20px 0; line-height:30px; border-bottom:#ddd 1px solid;}
.board_view .flie dt {width:150px; padding-left:75px; font-size:16px; font-weight:600;}
.board_view .flie dd {width:calc(100% - 150px);}
.board_view .flie dd a {display:block; font-size:16px; padding-left:30px; background:url('/pub/images/icon_down.svg') no-repeat 0 50%;}
.board_view .view_con {padding:80px 75px 100px; border-bottom:#ddd 1px solid; overflow:hidden;}
.board_view .view_con table {max-width:100%;}
.board_view .view_con img {margin:0 auto;}
.board_view .view_con td[align="left"] img,
.board_view .view_con td[align="right"] img {display:inline-block; margin:0;}
.board_view .view_con.ty01 u { text-decoration: inherit; }
.board_view .view_con.ty01 u > a { color: #0782C1; text-decoration: underline;}
.board_view .view_con.ty01  a  { color: #0782C1; text-decoration: underline;}
.board_view .view_con.ty01 > a { color: #0782C1; text-decoration: underline;}

.board_view .btns_tar {display:flex; justify-content:flex-end; gap:10px; padding-top:30px;}
.board_view .btns_tar .btn {font-size:18px; color:#fff; font-weight:600; line-height:50px; height:50px; width:150px; text-align:center; background:#00B7D5;}
.board_view .btns_tar .btn_l {color:#666; line-height:48px; background:#fff; border:#ddd 1px solid;}
.board_view .paging dl {border-bottom:#ddd 1px solid; display:flex; height:80px; line-height:80px; font-size:16px;}
.board_view .paging dt {position:relative; width:200px; padding-left:115px;}
.board_view .paging dt:before {content:""; position:absolute; top:0; left:75px; width:14px; height:100%; background:url('/pub/images/arrow_paging.svg') no-repeat 50% 50%;}
.board_view .paging .next dt:before {transform:rotate(180deg);}
.board_view .paging dd {width:calc(100% - 200px);}
.board_view .paging dd a {display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 게시판 쓰기 */
.board_write {border-top:#222 2px solid;}
.board_write th,
.board_write td {text-align:left; padding:16px 0; height:82px; border-bottom:#ddd 1px solid;}
.board_write th {color:#000; width:330px; line-height:1.8rem; font-weight: 500; border-right: 1px solid #ddd; width: 50%;}
.board_write th span {color:#00B7D5;}
.board_write th p {font-size:14px; color:#666; font-weight:400; margin-top:1px;}
.board_write.add_q th {width:50%; font-weight: 400; font-size: 1.1rem; padding-right: 50px;  border-right: 1px solid #ddd;}
.board_write.add_q td {padding-left: 20px;}
.board_write.add_q input {width: 100% !important;}
.board_write td {color:#222; padding-left: 20px;}
/*.board_write td input {width: 100% !important;}*/
.board_write td .text,
.board_write td .nice-select {position:relative; height:50px; line-height:48px; padding:0 20px; border:#ddd 1px solid; width:510px; max-width:100%; border-radius:0; font-size:18px;}
.board_write td input.text.w2 {width:810px;}
.board_write td input.text.w3 {width:300px;}
.nice-select .list {width:100%;}
.board_write .flex {position:relative; display:flex; flex-wrap:wrap; gap:10px; align-items: self-start;}
.board_write .flex.gap3 {gap:10px 30px;}
.board_write .flex.col {flex-direction:column;}
.board_write .flex.lh5 {line-height:50px;}
.board_write .flex p.s {font-size:16px; display:flex; align-items:center;}
.board_write td .btn {font-size:18px; color:#fff; font-weight:600; line-height:50px; height:50px; width:130px; background:#666; text-align:center; border:0;}
.board_write td .btn_l {color:#666; line-height:48px; background:#fff; border:#ddd 1px solid;}
.board_write .flex .select_area {position:absolute; top:100%; left:0; width:100%; max-width:650px; background:#fff; padding:10px; z-index:10; border:#ddd 1px solid; display:none;}
.board_write .flex .select_area label.radio {display:block; margin-bottom:10px;}
.board_write .flex .select_area label.radio:last-child {margin-bottom:0;}
.board_write .flex .w100p > * {display:block; margin-bottom:10px;}
.board_write .flex .w100p > *:last-child {margin-bottom:0;}
.board_write .select_tr {display:none;}
.board_write .select_tr.on {display:table-row;}
.board_write .select_tr label.radio {display:block; margin-bottom:10px;}
.board_write .select_tr label.radio:last-child {margin-bottom:0;}
.board_write .file {display:flex; flex-wrap:wrap;}
.board_write .file p {font-size:16px; color:#f00; line-height:20px; padding-top:15px; display:block; width:100%;}
.filebutton {position:relative; width:130px; height:50px; overflow:hidden;}
.filebutton span {display:block; font-size:18px; color:#fff; font-weight:600; line-height:50px; height:inherit; width:inherit; background:#666; text-align:center; border:0;}
.filebutton input {z-index:8; position:absolute; top:0; left:-150%; width:300%; height: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 {min-width:280px; width:auto; max-width:calc(100% - 130px); height:50px; line-height:50px; padding:0 20px; overflow:hidden; color:#222; font-size:16px; text-decoration:underline; white-space:nowrap; border-right:0;}
.board_write label.check {margin:10px auto;}
.board_write p.tar {margin-top:20px;}
.board_write .nice-select .current,
.board_write .nice-select .option.selected {color:#222;}
.board_write .nice-select.disabled {background:#f5f5f5;}
.board_write .non_write {pointer-events:none; background:#f5f5f5;}
.board_write .non_write.on {pointer-events:auto; background:none;}
.board_write .inputs {width:100%; max-width:500px;}
.board_write .inputs .text {margin-top:15px;}
.board_write .inputs .text:first-child {margin-top:0;}
.board_write .inputs .btn {width:100%; margin-top:30px;}
.board_write .inputs .btns {display:flex; justify-content:center; align-items:center; gap:20px; margin:30px 0 15px;}
.board_write .inputs .btns a {position:relative; font-size:18px; color:#666; font-weight:600; line-height:22px;}
.board_write .inputs .btns a:before {content:""; position:absolute; top:50%; left:-10px; width:1px; height:18px; background:#ddd; transform:translateY(-50%);}
.board_write .inputs .btns a:first-child:before {display:none;}
.board_write .inputs p.tac {font-size:16px; color:#999; font-weight:600; line-height:20px;}
.board_write .day_wrap {display:flex; gap:10px; align-items:center; font-size:18px;}
.board_write .day_wrap .day {width:180px;}
.board_write .day_wrap .nice-select {width:130px; float:none;}
.board_write .day_area {display:flex; gap:10px; align-items:center;}
.board_write .day_area .text {width:260px;}
.board_write .day_area span {width:14px; height:1px; background:#999;}
.board_write .daybox {position:relative;}
.board_write .daybox .text {padding-left:35px;}
.board_write .daybox img {position:absolute; top:50%; left:10px; transform:translateY(-50%); display:block;}
.file_addbox {display:flex; flex-direction:column; gap:10px;}
.board_write .info_all_tr {display:none;}
.board_write .info_all_tr.on {display:table-row;}

.board_write .guide_txt { margin-top:10px; font-size:16px; color:#666;		}
.board_write .guide_txt p{ line-height:1.5; }

.board_write2 th {width: 8%; border-right: none;}
.board_write2 td .text {width: 480px;}

label.check,
label.radio {position:relative; font-size:18px; color:#000; line-height:30px; padding-left:30px; display:inline-block; vertical-align:top;}
label.check input,
label.radio input {display:none;}
label.check i,
label.radio i {position:absolute; left:0; transition:.2s linear;}
label.check i:before,
label.radio i:before {content:""; position:absolute; transition:.2s linear;}
label.check input:checked ~ span,
label.radio input:checked ~ span {font-weight:600;}

label.check i {top:4px; width:21px; height:21px; border:#999 1px solid; background:#fff;}
label.check i:before {top:0; left:0; width:100%; height:100%; background:#999; mask:url('/pub/images/icon_check.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_check.svg') no-repeat 50% 50% / contain;}
label.check input:checked + i {background:#00b7d5; border-color:#00b7d5;}
label.check input:checked + i:before {background:#fff;}

label.radio i {top:6px; width:18px; height:18px; border:#ddd 1px solid; border-radius:50%;}
label.radio i:before {top:50%; left:50%; width:0; height:0; background:#00B7D5; transform:translate(-50%,-50%); border-radius:50%;}
label.radio input:checked + i:before {width:6px; height:6px;}

.btns_tac {position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; margin-top:80px;}
.btns_tac.mt6 {margin-top:60px;}
.btns_tac.mt4 {margin-top:40px;}
.btns_tac .btn {font-size:18px; color:#fff; font-weight:600; line-height:60px; height:60px; width:200px; text-align:center; background:#00B7D5;}
.btns_tac .btn_l {color:#222; line-height:58px; background:#fff; border:#ddd 1px solid;}
.btns_tac .btn_withdrawal,
.btns_tac .btn_blk {background:#222;}
.btns_tac p {font-size:16px;}
.btns_tac .w100p {font-weight:600; margin-bottom:30px;}
.btns_tac .btn_abso {position:absolute; top:0; right:0; font-size:18px; line-height:60px; text-decoration:underline;}

.captcha {display:flex;}
.captcha .imgfit {width:200px; height:50px; border:#ddd 1px solid;}
.captcha .sound {width:49px; height:50px; background:url('/pub/images/icon_sound.svg') no-repeat 50% 50%; border:#ddd 1px solid; border-left:0; font-size:0;}
.captcha .re {width:70px; height:50px; background:url('/pub/images/icon_re.svg') no-repeat 50% 50%; border:#ddd 1px solid; margin:0 10px; font-size:0;}
.captcha .text {width:310px;}

.check_open_tr {display:none;}
.check_open_tr.on {display:table-row;}
.check_open_input.on + .btn_select_modify {display:none;}

.term_area {margin-top:80px;}
.term_area .select_all {background:#f5f5f5; padding:40px; display:flex; justify-content:space-between; align-items:center; gap:20px;}
.term_area .select_all .checkall {position:relative; display:block;}
.term_area .select_all .checkall input {display:none;}
.term_area .select_all .checkall span {position:relative; display:block; color:#fff; background:#999; line-height:50px; height:50px; width:200px; text-align:center; transition:.2s linear;}
.term_area .select_all .checkall span:before {content:""; position:absolute; top:0; left:30px; width:20px; height:100%; background:#fff; mask:url('/pub/images/icon_check.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_check.svg') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.term_area .select_all .checkall input:checked + span {background:#00B7D5;}
.term_area .select_all .checkall input:checked + span:before {opacity:1;}
.term_area .textarea {border:#ddd 1px solid; padding:20px; height:200px; overflow:auto; font-size:18px; line-height:28px;}
.term_area .checkarea {margin-top:40px;}
.term_area .checkarea li {position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.term_area .checkarea li:last-child {margin-bottom:0;}
.term_area .checkarea li:before {content:""; position:absolute; top:50%; left:0; width:calc(100% - 150px); height:0; border-bottom:#ddd 1px dashed; z-index:-1;}
.term_area .checkarea li p {background:#fff; padding-right:50px;}
.term_area .checkarea li label {background:#fff;}

/* 썸네일 게시판 */
.thum_list {border-top:#222 2px solid;}
.thum_list li {border-bottom:#ddd 1px solid;}
.thum_list a {position:relative; padding:35px 500px 35px 30px; display:block;}
.thum_list span {display:block;}
.thum_list .tit {position:relative; font-size:24px; font-weight:600; line-height:30px; height:30px; margin-bottom:22px; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum_list .tit.new {padding-right:28px;}
.thum_list .tit.notice:before {content:"공지"; display:inline-block; font-size:16px; color:#fff; font-weight:400; line-height:30px; height:30px; width:50px; margin-right:5px; background:#00B7D5; border-radius:5px; vertical-align:top; text-align:center;}
.thum_list .tit.new:after {content:"N"; position:absolute; top:50%; right:0; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#272954; transform:translateY(-50%);}
.thum_list p {font-size:16px; line-height:24px; height:48px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.thum_list .mid {font-size:16px; line-height:20px; height:20px; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum_list .date {font-size:16px; color:#999; line-height:20px; height:20px;}
.thum_list .imgfit {position:absolute; top:50%; right:30px; width:360px; height:175px; transform:translateY(-50%);}
.thum_list .imgfit img {object-fit:contain;}
.thum_list.job_list .imgfit {height:215px;}
.thum_list .category {display:flex; gap:10px; margin-bottom:10px;}
.thum_list .category span {font-size:14px; font-weight:600; line-height:30px; height:30px; width:70px; text-align:center;}
.thum_list .category .notice {color:#fff; background:#00B7D5;}
.thum_list .category .ing {line-height:28px; color:#00B7D5; background:#fff; border:#00B7D5 1px solid;}
.thum_list .category .end {color:#666; background:#ddd;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:60px 16px;}
.gall_list a {width:calc((100% - 48px)/4); display:block;}
.gall_list span {display:block;}
.gall_list .imgfit {position:relative; width:100%; height:254px;}
.gall_list .notice .imgfit:before {content:"공지"; position:absolute; top:0; left:0; font-size:14px; color:#fff; font-weight:600; line-height:30px; height:30px; width:70px; text-align:center; background:#00B7D5; text-align:center;}
.gall_list .txt {padding:25px 28px; border:#ebebeb 1px solid;}
.gall_list .txt .tit {font-size:20px; font-weight:600; line-height:28px; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list .txt p {font-size:16px; color:#999; height:29px; margin-bottom:8px;}
.gall_list .txt .date {font-size:16px; color:#666; line-height:20px; padding-left:23px; background:url('/pub/images/icon_date.svg') no-repeat 0 50%;}

.list_tabs {display:flex; gap:10px; margin-bottom:60px;}
.list_tabs a {font-size:18px; line-height:43px; height:45px; width:100px; text-align:center; border:#ebebeb 1px solid; border-radius:23px;}
.list_tabs a.on {color:#fff; font-weight:600; background:#00B7D5; border-color:#00B7D5;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff;}
.header:before,
.header:after {content:""; position:absolute; top:100%; left:0;}
.header:before {background:#272954;}
.header:after {width:100%; height:0; background:#fff url('/pub/images/bg_snb.svg') no-repeat bottom -21px right -6px; display:none;}
.header .inner {position:relative; height:100px; z-index:2;}
.header .logo {position:fixed; top:0; left:70px; line-height:100px; font-size:0; z-index:2; background:none; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain; transition:none;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .logo img {opacity:1;}
.header .logo:before {display:none;}
.header.on .logo {background:#fff; mask-image:url('/pub/images/logo.svg'); -webkit-mask-image:url('/pub/images/logo.svg');}
.header.on .logo img {opacity:0;}
.header .gnb {display:flex; justify-content:center;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:20px; color:#222; font-weight:600; line-height:100px; padding:0 25px;}
/* .header .gnb .snb {position:absolute;  top:100%; left:50%; width:200px; transform:translateX(-50%); background:#fff; padding:10px 0; display:none;}
.header .gnb .snb .head {display:none;}
.header .gnb .snb a {position:relative; display:block; font-size:16px; color:#666; font-weight:400; line-height:20px; text-align:center; padding:10px 20px;}
.header .gnb .snb a.on {color:#272954; font-weight:600; border-bottom-color:#272954;}
.header .gnb .snb a.dep:after {content:""; position:absolute; top:0; right:20px; width:7px; height:100%; background:url('/pub/images/arrow_gnb.svg') no-repeat 50% 50% / contain;} */
.header .gnb .snb {position:fixed; top:100px; left:50%; width:100%; height:0; transform:translateX(-50%); overflow:hidden;}
.header .gnb .snb:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f5f5f5; z-index:-1; transform:translateX(-50%);}
.header .gnb .snb .inbox {position:relative; width:100%; max-width:1920px; height:inherit; padding:10px 560px; overflow:hidden; margin:0 auto;}
.header .gnb .snb .head {position:absolute; top:0px; left:300px; font-size:30px; color:#272954; font-weight:700; line-height:36px;}
.header .gnb .snb ul {position:relative; width:100%; padding-right:calc(50% + 10px); display:flex; gap:10px; flex-direction:column; align-items:flex-start;}
.header .gnb .snb li {width:100%;}
.header .gnb .snb a {position:relative; display:flex; align-items:center; font-size:16px; color:#666; font-weight:400; line-height:30px; height:30px; width:100%; max-width:100%; border-bottom:#ddd 1px solid;}
.header .gnb .snb .dep > a:after {content:""; position:absolute; top:0; right:0; width:7px; height:100%; background:url('/pub/images/arrow_gnb.svg') no-repeat 50% 50% / contain;}
.header .gnb .snb .on > a {color:#272954; font-weight:600; border-bottom-color:#272954;}
.header .gnb .snb a.letter {letter-spacing:-1px;}
.header .gnb .snb .depth {position:absolute; right:0; width:calc(50% + 10px); padding-left:20px; display:none;}
.header .gnb .snb ul li:not(:nth-of-type(5)) .depth{top:0;}
.header .gnb .snb ul li:nth-of-type(5) .depth{bottom:0;}
.header .gnb .snb ul li:nth-of-type(2) .depth{top:40px;}
.header .gnb .snb .on .depth {display:block;}
.header .gnb .snb .depth a {width:100%; margin-bottom:10px;}
.header .gnb .snb .depth a:last-child {margin-bottom:0;}
.header .gnb .snb .depth a.on {color:#272954; font-weight:600; border-bottom-color:#272954;}
/* .header .snb_head {position:fixed; top:100px; left:50%; width:410px; height:0; padding:0 40px; margin-left:-950px; color:#fff; line-height:1; background:url('/pub/images/bg_gnb.svg') #272954 no-repeat right 32px bottom 0 / 165px; z-index:2; overflow:hidden; transition:.2s linear;}
.header .snb_head:before {content:""; position:absolute; top:0; right:100%; width:calc((100vw - 1440px)/2); height:100%; background:#272954;}
.header .snb_head p {font-size:14px;}
.header .snb_head strong {display:block; font-size:26px; margin:20px 0 40px;}
.header .snb_head span {font-size:14px;} */
.header .right {position:fixed; top:0; right:70px; height:inherit; display:flex; gap:27px; z-index:2;}
.header .right dl {position:relative; height:inherit;}
.header .right dt {position:relative; height:inherit; z-index:1;}
.header .right dt button {display:block; width:20px; height:inherit; transition:none;}
.header .right dd {position:absolute; top:calc(50% + 20px); left:50%; transform:translateX(-50%); background:#fff; text-align:center; z-index:2; display:none;}
.header .right dd a {display:block; font-size:16px; color:#666; line-height:40px;}
.header .right dd a.on {color:#272954; font-weight:600;}
.header .langs dt button {background:#222; mask:url('/pub/images/btn_langs.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/btn_langs.svg') no-repeat 50% 50% / contain;}
.header .langs dd {width:70px;}
.header.on .langs dt {display:none;}
.header.on .langs dd {position:relative; top:0; display:flex !important; gap:30px; width:auto; background:none; border:0 !important;}
.header.on .langs dd a {position:relative; color:rgba(255,255,255,.3); line-height:100px;}
.header.on .langs dd a:before {content:""; position:absolute; top:50%; left:-15px; width:1px; height:12px; background:rgba(255,255,255,.3); transform:translateY(-50%);}
.header.on .langs dd a:first-child:before {display:none;}
.header.on .langs dd a.on {color:#fff; font-weight:600;}
.header.on .mems {display:none;}
.header .mems dt button {background:#222; mask:url('/pub/images/btn_mems.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/btn_mems.svg') no-repeat 50% 50% / contain;}
.header .mems dd {width:100px;}
.header .btn_menu {position:relative; width:24px;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:1px; border-radius:2px; margin-left:-12px; transition:.2s linear;}
.header .btn_menu p:before,
.header .btn_menu p:after {content:""; position:absolute; top:50%; left:0; width:100%; height:100%; background:#222; transition:.2s linear;}
.header .btn_menu p:before {margin-top:-3px;}
.header .btn_menu p:after {margin-top:2px;}
.header .btn_menu .t {margin-top:-6px;}
.header .btn_menu .b {margin-top:4px;}
.header.on .btn_menu p {background:#fff;}
.header.on .btn_menu .t {margin-top:0; transform:rotate(135deg);}
.header.on .btn_menu .b {margin-top:0; transform:rotate(-135deg);}
.header.on .btn_menu p:before,
.header.on .btn_menu p:after {margin-top:0; background:none;}

.header.main {background:none;}
.header.main .logo {background:#fff; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
.header.main .logo img {opacity:0;}
.header.main .gnb .menu > a {color:#fff;}
.header.main .right .langs dt button,
.header.main .right .mems dt button,
.header.main .btn_menu p:before,
.header.main .btn_menu p:after {background:#fff;}

.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100vh; padding:100px 0; background:url('/pub/images/bg_gnb.svg') #272954 no-repeat right 134px bottom 0; z-index:1; display:none;}
.header .sitemap .inner {position:relative; height:100%; max-width:1400px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:65px; overflow:auto;}
.header .sitemap .menu {position:relative; padding-left:300px; width:100%;}
.header .sitemap .menu > a {position:absolute; top:0; left:0; font-size:26px; color:#fff; font-weight:600; line-height:30px;}
.header .sitemap .snb {display:flex; gap:0 66px;}
.header .sitemap .snb a {position:relative; font-size:20px; color:rgba(255,255,255,.5); font-weight:600; line-height:30px;}
.header .sitemap .snb a:before {content:""; position:absolute; top:50%; left:-33px; width:1px; height:14px; background:rgba(255,255,255,.3); transform:translateY(-50%);}
.header .sitemap .snb a:first-child:before {display:none;}
.header .sitemap .snb a.on {color:#fff; text-decoration:underline;}

/* footer */
.footer {position:relative; background:#fff; padding:60px 0; border-top:#ddd 1px solid;}
#point_gotop {top:calc(-100vh + 44px);}
.footer .inner {position:relative; font-size:16px; line-height:1; max-width:1600px;}
.footer .logo {margin-bottom:30px;}
.footer .logo img {max-height:100%;}
.footer .links {position:absolute; bottom:64px; right:20px; display:flex; gap:20px;}
.footer .links a {position:relative;}
.footer .links a:before {content:""; position:absolute; top:50%; left:-10px; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
.footer .links a:first-child:before {display:none;}
.footer .company {display:block; color:#222; font-weight:600; margin-bottom:14px;}
.footer .address {display:flex; gap:20px;}
.footer .address span {position:relative; color:#666;}
.footer .address span:before {content:""; position:absolute; top:50%; left:-10px; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
.footer .address span:first-child:before {display:none;}
.footer .copy {color:#666; margin-top:40px;}
.footer .btns {position:absolute; bottom:130px; right:20px; display:flex; gap:10px; align-items:center;}
.footer .btns .btn_app_down {color:#00B7D5; font-weight:600; line-height:46px; height:48px; border:#00B7D5 1px solid; border-radius:24px; padding:0 35px; display:flex; gap:10px; align-items:center; margin-right:20px;}
.footer .btns .btn_app_down:after {content:""; display:block; width:13px; height:13px; background:url('/pub/images/arrow_down.svg') no-repeat 50% 50% / contain;}
.footer .btns .btn_sns {width:35px; height:35px; background:no-repeat 50% 50% / cover; font-size:0; border-radius:50%; filter:grayscale(1); -webkit-filter:grayscale(1); opacity:.5;}
.footer .btns .btn_app { font-size: 12px; font-weight: 500; display: flex ; flex-flow: column; align-items: center; gap: 6px;}
.footer .btns .btn_app i{display: block; width: 30px; height: 30px; background-repeat: no-repeat;}

.footer .btns .sns_face {background-image:url('/pub/images/icon_sns01.svg');}
.footer .btns .sns_instar {background-image:url('/pub/images/icon_sns02.svg');}
.footer .btns .app_store {background-image:url('/pub/images/icon_app.svg');}
.footer .btns .google_play {background-image:url('/pub/images/icon_google.svg');}

.gotop {position:fixed; bottom:44px; right:44px; width:55px; height:55px; background:url('/pub/images/gotop.svg') no-repeat 50% 50% / contain; font-size:0; transition:none; z-index:10;}
.footer.main .gotop {display:none;}
.unfixed .gotop {position:absolute; bottom:100%;}
.main + #mainContent .footer .gotop {display:none;}

.nice-select:after {width:14px; height:8px; border:0; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; transform-origin:50% 50%; transform:rotate(0deg);}
.nice-select.open:after {transform:rotate(180deg);}

/* main */
.fp-viewing-main_board .header,
.fp-viewing-gallery .header,
.fp-viewing-footer .header {background:#fff;}
.fp-viewing-main_board .header .logo img,
.fp-viewing-gallery .header .logo img,
.fp-viewing-footer .header .logo img {opacity:1;}
.fp-viewing-main_board .header .logo:before,
.fp-viewing-gallery .header .logo:before,
.fp-viewing-footer .header .logo:before {display:none;}
.fp-viewing-main_board .header .gnb .menu > a,
.fp-viewing-gallery .header .gnb .menu > a,
.fp-viewing-footer .header .gnb .menu > a {color:#222;}
.fp-viewing-main_board .header .right .langs dt button,
.fp-viewing-gallery .header .right .langs dt button,
.fp-viewing-footer .header .right .langs dt button,
.fp-viewing-main_board .header .right .mems dt button,
.fp-viewing-gallery .header .right .mems dt button,
.fp-viewing-footer .header .right .mems dt button,
.fp-viewing-main_board .header .btn_menu p:before,
.fp-viewing-gallery .header .btn_menu p:before,
.fp-viewing-footer .header .btn_menu p:before,
.fp-viewing-main_board .header .btn_menu p:after,
.fp-viewing-gallery .header .btn_menu p:after,
.fp-viewing-footer .header .btn_menu p:after {background:#222; transition:none;}

.section {overflow:hidden;}

.main_wrap .inner {max-width:1640px;}
.mvisual {position:relative; width:100%; height:100%; opacity:0; background:#000; transition:1s linear; pointer-events:none; user-select:none;}
.mvisual.start {opacity:1;}
.mvisual .slick-slide {position:relative; height:100vh; overflow:hidden;}
.mvisual .slick-slide:before {content:""; position:absolute; top:0; left:0; width:100%; height:50vh; background:linear-gradient(#0006 0%, #0000 100%);}
.mvisual .slick-slide > div,
.mvisual .slick-slide .mv {height:100vh;}
.mvisual .slick-slide img {width:100vw; height:100vh !important; object-fit:cover;}
.mvisual_wrap .inner {position:absolute; top:50%; left:50%; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:space-between;}
.mvisual_wrap .mv_txt {padding-top:35px; padding-left:100px;}
.mvisual_wrap .slick-slide .mv_txt {padding-bottom:108px;}
.mvisual_wrap .txt {color:#fff;}
.mvisual_wrap .txt.opacity {opacity:0;}
.mvisual_wrap .txt span {display:block; font-size:18px; font-weight:600; line-height:22px; opacity:.7;}
.mvisual_wrap .txt strong {display:block; font-size:44px; font-weight:700; line-height:54px; margin:30px 0 20px;}
.mvisual_wrap .txt p {font-size:24px; font-weight:600; line-height:40px;}
.mv_txt .mv_nevi {margin-top:90px; display:flex; gap:20px; align-items:center; display:none;}
.mv_txt .mv_nevi .slick-dots {display:flex; gap:18px;}
.mv_txt .mv_nevi .slick-dots li {position:relative;}
.mv_txt .mv_nevi .slick-dots li:before,
.mv_txt .mv_nevi .slick-dots li:after {content:""; position:absolute; border-radius:50%;}
.mv_txt .mv_nevi .slick-dots li:before {top:6px; left:6px; width:6px; height:6px; background:#fff;}
.mv_txt .mv_nevi .slick-dots li:after {top:0; left:0; width:100%; height:100%; border:rgba(255,255,255,.2) 1px solid; opacity:0;}
.mv_txt .mv_nevi .slick-dots li.slick-active:after {opacity:1;}
.mv_txt .mv_nevi .slick-dots li button {position:relative; display:block; width:18px; height:18px; border-radius:50%; font-size:0;}
.circle-go {fill:rgba(255, 255, 255, 0); stroke:#fff;  stroke-width:1; stroke-linecap:round; animation:progress 36s linear; stroke-dasharray:360px; stroke-dashoffset:360; transform:rotate(-90deg);}
@keyframes progress {
	0% {stroke-dashoffset:360;}
	100% {stroke-dashoffset:0;}
}
.mv_txt .mv_nevi .papu {display:block; height:10px; background:no-repeat 50% 50% / contain; display:none;}
.mv_txt .mv_nevi .papu.on {display:block;}
.mv_txt .mv_nevi .pause {width:7px; background-image:url('/pub/images/btn_pause.svg');}
.mv_txt .mv_nevi .play {width:8px; background-image:url('/pub/images/btn_play.svg');}
.mvisual_wrap .links {display:flex; width:600px; flex-wrap:wrap; gap:30px;}
.mvisual_wrap .links a {width:calc(50% - 15px); height:200px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:rgba(255,255,255,.2); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); font-size:24px; color:#fff; font-weight:600; line-height:30px;}
.mvisual_wrap .links a:before {content:""; display:block; width:100%; height:49px; background:no-repeat 50% 50%; margin-bottom:20px;}
.mvisual_wrap .links .i1:before {background-image:url('/pub/images/icon_mv01.svg'); background-size:auto 39px;}
.mvisual_wrap .links .i2:before {background-image:url('/pub/images/icon_mv02.svg'); background-size:auto 30px;}
.mvisual_wrap .links .i3:before {background-image:url('/pub/images/icon_mv03.svg'); background-size:auto 49px;}
.mvisual_wrap .links .i4:before {background-image:url('/pub/images/icon_mv04.svg'); background-size:auto 28px;}
.mvisual_wrap .links a p {pointer-events:none; user-select:none;}
.mvisual_wrap .scroll_down {position:absolute; bottom:40px; left:50%; width:120px; transform:translateX(-50%);}
.mvisual_wrap .scroll_down:before {content:"SCROLL DOWN"; display:block; font-size:14px; color:#fff; font-weight:700; line-height:1; text-align:center; margin-bottom:17px;}
.mvisual_wrap .scroll_down:after {content:""; display:block; width:100%; height:42px; background:url('/pub/images/arrow_scroll.svg') no-repeat 50% 50% / contain;}

.main_wrap .title {position:relative; font-size:50px; color:#222; font-weight:600; line-height:60px; margin-bottom:60px;}
.main_wrap .title .more {position:absolute; top:0; right:0; font-size:18px; padding-right:20px;}
.main_wrap .title .more:before,
.main_wrap .title .more:after {content:""; position:absolute; top:50%; background:#999;}
.main_wrap .title .more:before {width:11px; height:1px; right:0;}
.main_wrap .title .more:after {width:1px; height:11px; right:5px; margin-top:-5px;}

.main_board {position:relative; z-index:1;}
.main_board:before,
.main_board:after {content:""; position:absolute; top:0; width:50vw; height:100%; z-index:-1;}
.main_board:before {left:0; background:#272954;}
.main_board:after {right:0; background:#F6F6F9 url('/pub/images/bg_mc01.svg') no-repeat right bottom;}
.main_board .inner {display:flex; padding-top:100px;}
.main_board .inner > * {width:50%;}
.main_board .semina {padding-right:100px;}
.main_board .semina .title {color:#fff;}
.main_board .semina .selects {display:flex; gap:30px; margin-bottom:30px;}
.main_board .semina .text {width:200px; padding-left:40px; background:url('/pub/images/icon_select_year.svg') no-repeat left center; border:0; font-size:26px; color:#fff; font-family:'Futura PT'; border-bottom:rgba(255,255,255,.1) 1px solid; border-radius:0;}
.main_board .semina .nice-select:after {width:18px; height:10px; background-image:url('/pub/images/arrow_select_main.svg');}
.main_board .semina .text .list {background:#fff; font-size:20px; color:#666; width:100%; text-align:center; border-radius:10px; overflow:hidden;}
.main_board .semina .text .list ul {max-height:164px; overflow:auto;}
.main_board .semina .text .option {text-align:center; border-bottom:#ddd 1px solid;}
.main_board .semina .text .option:last-child {border-bottom:0;}
.main_board .semina .text .option.focus,
.main_board .semina .text .option.selected.focus {color:#fff; background:#00B7D5;}
.main_board .semina .text .list::-webkit-scrollbar {width:6px; height:6px;}
.main_board .semina .text .list::-webkit-scrollbar-thumb {background-color:#666; border-radius:0; border:#fff 2px solid;}
.main_board .semina .text .list::-webkit-scrollbar-track {background-color:#fff; border-radius:0; box-shadow:none;}
.main_board .semina .con_list {height:414px; overflow:auto;}
.main_board .semina .con_list::-webkit-scrollbar {width:3px; height:3px;}
.main_board .semina .con_list::-webkit-scrollbar-thumb {background-color:#00B7D5; border-radius:0; border:0 ;}
.main_board .semina .con_list::-webkit-scrollbar-track {background-color:#fff; border-radius:0; box-shadow:none;}
.main_board .semina .con_list a {position:relative; display:block; margin-bottom:20px; background:rgba(255,255,255,.08); padding:34px 34px 34px 140px;}
.main_board .semina .con_list a:before {content:""; position:absolute; top:50%; left:109px; width:1px; height:50px; background:rgba(255,255,255,.3); transform:translateY(-50%);}
.main_board .semina .con_list .date {position:absolute; top:0; left:0; width:110px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.main_board .semina .con_list .date strong {display:block; font-size:40px; color:#fff; font-weight:700; font-family:'Futura PT';}
.main_board .semina .con_list .date p {font-size:16px; color:#fff; line-height:20px;}
.main_board .semina .con_list .con {display:block; font-size:18px; color:#fff; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_board .semina .con_list .con p {font-size:16px; color:rgba(255,255,255,.7); line-height:20px; margin-top:10px;}
.main_board .notice {padding-left:120px;}
.main_board .notice .con_list {border-top:#222 1px solid;}
.main_board .notice .con_list a {position:relative; display:block; border-bottom:#ebebeb 1px solid; padding:20px 160px 20px 20px;}
.main_board .notice .con_list .con {display:block; font-size:18px; color:#222; font-weight:600; line-height:63px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_board .notice .con_list p {font-size:16px; color:#999; line-height:26px; margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_board .notice .con_list .date {position:absolute; top:50%; right:20px; font-size:14px; color:#999; transform:translateY(-50%);}

.main_board .schedule_area {}
.main_board .schedule_area .years {display:flex; justify-content:center; align-items:center; gap:40px; margin-bottom:20px;}
.main_board .schedule_area .years .btn {width:40px; height:40px; font-size:0;}
.main_board .schedule_area .years .btn:before {content:""; display:block; width:100%; height:100%; background:#fff; mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50%;}
.main_board .schedule_area .years .prev:before {transform:rotate(90deg);}
.main_board .schedule_area .years .next:before {transform:rotate(-90deg);}
.main_board .schedule_area .years span {display:block; font-size:30px; color:#fff; font-weight:600; line-height:40px;}
.main_board .schedule_area table {border-top:rgba(255,255,255,.1) 1px solid; border-bottom:rgba(255,255,255,.1) 1px solid;}
.main_board .schedule_area th,
.main_board .schedule_area td {font-size:20px; color:#fff; text-align:center;}
.main_board .schedule_area th {line-height:40px; border-bottom:rgba(255,255,255,.1) 1px solid; padding:10px 0;}
.main_board .schedule_area td {padding:20px 0;}
.main_board .schedule_area td a {position:relative; display:block; width:40px; height:40px; line-height:40px; margin:0 auto; cursor:auto;}
.main_board .schedule_area td.today a {color:#272954; font-weight:500; background:#ddd; border-radius:50%;}
.main_board .schedule_area td.there a {cursor:pointer;}
.main_board .schedule_area td.there a:after {content:""; position:absolute; bottom:-12px; left:50%; width:8px; height:8px; background:#00B7D5; border-radius:50%; transform:translateX(-50%);}

.main_wrap .gallery_slide a {display:block; width:auto; margin-right:30px;}
.main_wrap .gallery_slide a:last-child {margin-right:0;}
.main_wrap .gallery_slide .imgfit {position:relative; display:block; width:548px; height:335px;}
.main_wrap .gallery_slide .txt {position:absolute; bottom:0; left:0; width:100%; padding:40px; color:#fff;}
.main_wrap .gallery_slide .date {display:block; font-size:16px; opacity:.7; font-family:'Futura PT'; margin-bottom:10px;}
.main_wrap .gallery_slide p {font-size:22px; font-weight:600; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_wrap .gallery_scrollbar {width:100%; height:2px; background:#ddd; margin-top:40px; opacity:1 !important;}
.main_wrap .gallery_scrollbar .swiper-scrollbar-drag {background:#000;}

.law_firm_wrap {background:url('/pub/images/bg_mc04.jpg') no-repeat 50% 50% / cover;}
.law_firm_wrap .title_wrap {position:relative; margin-bottom:60px;}
.law_firm_wrap .title {color:#fff;}
.law_firm_wrap p {font-size:18px; color:#fff; line-height:22px; opacity:.8; margin-top:24px;}
.law_firm_wrap .btns {position:absolute; top:10px; right:0; display:flex; gap:15px;}
.law_firm_wrap .btns a {width:250px; height:60px; line-height:60px; display:flex; justify-content:center; align-items:center; gap:10px; font-size:18px; color:#00B7D5; font-weight:600; background:#fff; border-radius:30px;}
.law_firm_wrap .btns a:after {content:""; display:block; width:11px; height:11px; background:#00B7D5; mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain;}
.law_firm_wrap .law_firm_area {position:relative; padding-bottom:58px;}
.law_firm_wrap .law_firm {position:relative;}
.law_firm_wrap .law_firm .box {display:flex !important; flex-wrap:wrap; gap:24px 39px; width:100%;}
.law_firm_wrap .law_firm a {display:flex; justify-content:center; align-items:center; width:calc((100% - 195px)/6); height:100px; background:rgba(255,255,255,.1); border:rgba(255,255,255,.1) 1px solid; text-align:center;}
.law_firm_wrap .slick-dots {position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:center; align-items:center; gap:20px;}
.law_firm_wrap .slick-dots li button {display:block; width:8px; height:8px; background:#d9d9d9; border-radius:50%; font-size:0;}
.law_firm_wrap .slick-dots li.slick-active button {background:#00B7D5;}
.law_firm_wrap .law_firm_nevi {position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:center; align-items:center; gap:20px;}
.law_firm_wrap .law_firm_nevi .slick-dots {position:relative;}
.law_firm_wrap .law_firm_nevi .papu {display:block; height:10px; background:no-repeat 50% 50% / contain; display:none;}
.law_firm_wrap .law_firm_nevi .papu.on {display:block;}
.law_firm_wrap .law_firm_nevi .pause {width:7px; background-image:url('/pub/images/btn_pause.svg');}
.law_firm_wrap .law_firm_nevi .play {width:8px; background-image:url('/pub/images/btn_play.svg');}

/* sub */
.svisual {position:relative; height:300px; background:no-repeat 50% 50% / cover; margin-top:100px;}
.svisual.g01 {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/pub/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/pub/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/pub/images/svisual06.jpg');}
.svisual.g07 {background-image:url('/pub/images/svisual07.jpg');}
.svisual.g08 {background-image:url('/pub/images/svisual08.jpg');}
.svisual.g09 {background-image:url('/pub/images/svisual09.jpg');}
.svisual.g00 {background-image:url('/pub/images/svisual00.jpg');}
.svisual.g10 {background-image:url('/pub/images/svisual02.jpg');}
.svisual h2 {display:block; font-size:50px; color:#fff; font-weight:700; line-height:300px;}
.aside {position:relative; width:100%; height:100px; background:#fff; border-bottom:#999 1px solid; z-index:20;}
.aside .inner {display:flex;}
.aside .home {width:78px; height:inherit; background:#222; mask:url('/pub/images/icon_home.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/icon_home.svg') no-repeat 50% 50%; font-size:0;}
.aside dl {position:relative;}
.aside dl:before {content:""; position:absolute; top:50%; left:0; width:1px; height:24px; background:#999; transform:translateY(-50%);}
.aside dt {position:relative; width:280px; font-size:18px; color:#272954; font-weight:600; line-height:100px; padding:0 54px 0 30px; cursor:pointer;}
.aside dt:after {content:""; position:absolute; top:0; right:30px; width:14px; height:100%; background:#222; mask:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.aside .on dt:after {transform:rotate(180deg);}
.aside dd {position:absolute; top:100%; left:0; width:100%; background:#fff; border:#ddd 1px solid; box-shadow:rgba(0,0,0,.1) 5px 0 10px; display:none;}
.aside dd a {display:block; font-size:16px; color:#222; line-height:30px; padding:15px 30px;}
.aside dd a.on {color:#272954; background:#EBEBF1; font-weight:500;}

.container {padding:160px 0 200px; font-size:20px; color:#222; line-height:30px;}
.btit {position:relative; font-size:36px; font-weight:600; line-height:44px; padding-left:23px; margin:160px 0 40px;}
.btit.mtb {margin:80px 0 30px;}
.btit:before {content:""; position:absolute; top:6px; left:0; width:3px; height:30px; background:#00B7D5;}
.stit {font-size:24px; color:#000; font-weight:600; line-height:30px; margin:80px 0 30px;}
.ctit {font-size:36px; font-weight:600; line-height:44px; text-align:center; margin-bottom:60px;}
.ctit.mtb {margin:80px 0 20px;}
.ctit span {color:#00B7D5;}

/* 인사말 */
.greeting .head {display:flex; align-items:center; margin-bottom:80px;}
.greeting .head .img {width:810px;}
.greeting .head .txt {position:relative; width:550px; padding:60px 80px 60px 0; background:linear-gradient(107.61deg, #1F238A 7.26%, #25285C 96.83%);}
.greeting .head .txt:before {content:""; position:absolute; bottom:-6px; left:20px; width:254px; height:88px; background:url('/pub/images/icon_ihcg.svg') no-repeat 50% 50% / contain;}
.greeting .head .txt strong {display:block; font-size:36px; color:#fff; line-height:50px; padding:0 0 40px 40px; border-bottom:rgba(255,255,255,.2) 1px solid; margin-bottom:40px;}
.greeting .head .txt .name {font-size:18px; color:rgba(255,255,255,.6); font-weight:600; line-height:1; display:flex; justify-content:flex-end; align-items:flex-end; gap:20px; padding-left:40px;}
.greeting .head .txt .name span {font-size:24px; color:#fff;}

/* 연혁 */
.history_wrap {position:relative; min-height:100vh;}
.history_wrap #start {top:-100px;}
.history_wrap #end {bottom:100vh;}
.history_wrap .img {position:absolute; top:0; left:0; width:48.54vw; height:calc(100vh - 100px); background:url('/pub/images/img_history.jpg') no-repeat 50% 50% / cover; display:flex; justify-content:center; align-items:center;}
.history_wrap.start .img {position:fixed; top:100px; left:0;}
.history_wrap.end .img {position:absolute; bottom:0; left:0; top:auto;}
.history_wrap .txt {color:#fff;}
.history_wrap .txt span {display:block; font-size:22px; font-weight:700; line-height:26px; margin-bottom:8px;}
.history_wrap .txt strong {display:block; font-size:80px; line-height:96px;}
.history {padding-left:calc(48.54vw + 90px - (50vw - 700px));}
.history dl {border-bottom:#ddd 1px solid; padding-bottom:60px; margin-bottom:60px;}
.history dl:last-child {margin-bottom:0;}
.history dt {position:relative; font-size:36px; color:#999; font-weight:700; line-height:1; transition:.2s linear;}
.history dt .point {top:-30vh;}
.history li {position:relative; color:#666; line-height:28px; padding-left:60px; margin-top:30px; transition:.2s linear; word-break:break-word;}
.history .date {position:absolute; top:0; left:0; font-size:22px; color:#999; font-weight:600; transition:.2s linear;}
.history li img {height:auto !important;}
.history dl.on dt {color:#222;}
.history dl.on li {color:#000;}
.history dl.on .date {color:#00B7D5;}

/* 조직도 */
.jq_tab {display:flex; justify-content:center; align-items:center; margin-bottom:80px;}
.jq_tab button {font-size:18px; color:#666; line-height:78px; width:400px; max-width:calc(50vw - 20px); border:#ddd 1px solid;}
.jq_tab .on button {color:#fff; background:#00B7D5; border-color:#00B7D5;}
.tbl th,
.tbl td {border-bottom:#ebebeb 1px solid; border-right:#ebebeb 1px solid; text-align:center; line-height:40px; padding:20px;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.tbl thead th {font-size:18px; color:#000; font-weight:600; background:#EDEDF2; border-right-color:#EDEDF2;}
.tbl tbody th {font-weight:500; background:#F7F7FB;}

/* 동호회 */
.page_scroll_wrap {position:relative;}
.page_scroll_wrap #start {top:95px;}
.page_scroll_wrap #start.start_tn {top:-200px;}
.page_scroll_wrap #end {bottom:370px;}
.pointspace {position:fixed; top:0; left:0; width:0; height:100px;}
.page_scroll_wrap .tit {margin-bottom:160px;}
.page_scroll_wrap .tit strong {display:block; font-size:36px; font-weight:600; line-height:44px;}
.page_scroll_wrap .tit p {font-size:18px; line-height:22px; margin-top:25px;}
.page_scroll_list {position:relative; padding-left:548px;}
.page_scroll_wrap .tabs_wrap {position:absolute; top:0; left:0; width:460px;}
.page_scroll_wrap.start .tabs_wrap {position:fixed; top:200px; left:50%; margin-left:-700px;}
.page_scroll_wrap.end .tabs_wrap {position:absolute; bottom:0; left:0; margin-left:0; top:auto;}
.page_scroll_wrap .tabs_wrap .tabs .inbox {transition:.2s linear; transition-delay:0s;}
.page_scroll_wrap .tabs_wrap a {position:relative; display:block; color:#999; padding-left:88px; margin-bottom:30px;}
.page_scroll_wrap .tabs_wrap a:last-child {margin-bottom:0;}
.page_scroll_wrap .tabs_wrap a:before {content:""; position:absolute; top:50%; left:0; width:0; height:3px; background:#272954; transition:.3s ease-in; transition-delay:.05s;}
.page_scroll_wrap .tabs_wrap a.on {color:#272954; font-weight:700;}
.page_scroll_wrap .tabs_wrap a.on:before {width:68px;}
.page_scroll_list .box {position:relative; margin-bottom:80px;}
.page_scroll_list .box:last-child {margin-bottom:0;}
.page_scroll_list .point_scroll {top:-120px;}
.page_scroll_list .links {position:absolute; top:-100px;}
.page_scroll_list .name {font-size:30px; font-weight:600; line-height:36px; margin:38px 0 25px; /* word-break:break-word; */}
.page_scroll_list p strong {display:block; margin:25px 0 16px;}
.page_scroll_list p strong:first-child {margin-top:0;}
.page_scroll_list .link {display:flex; justify-content:center; align-items:center; gap:10px; font-size:18px; color:#00B7D5; font-weight:600; line-height:48px; height:50px; width:184px; border-radius:25px; border:#00B7D5 1px solid; margin-top:50px;}
.page_scroll_list .link:after {content:""; display:block; width:11px; height:11px; background:#00B7D5; mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain;}

.endbox {font-size:36px; color:#000; font-weight:600; line-height:44px; text-align:center; margin-top:80px;}
.endbox:before {content:""; display:block; width:100px; height:100px; background:url('/pub/images/icon_end.svg') no-repeat 50% 50% / contain; margin:0 auto 35px;}
.endbox p {font-size:18px; color:#222; font-weight:400; line-height:22px; margin-top:20px;}

/* 회원자격 및 가입안내 */
.btn_link {display:block; font-size:18px; color:#fff; font-weight:600; line-height:60px; height:60px; width:250px; display:flex; justify-content:center; align-items:center; gap:10px; background:#00B7D5; border-radius:30px; margin-top:60px;}
.btn_link:after {content:""; display:block; width:11px; height:11px; background:#fff; mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain;}
.registration_information {padding-top:160px;}
.registration_information .btit:first-child {margin-top:0;}
.registration_information p {line-height:30px; color:#666;}
.registration_information p b {color:#222;}
.registration_information p .bar {display:block; padding-left:10px; text-indent:-10px;}
.registration_information01 {margin-top:160px; padding-bottom:160px; background:#F6F6F9;}
.registration_information01 .mem_type {display:flex; gap:20px; margin-bottom:70px;}
.registration_information01 .mem_type li {flex:1 1 calc((100% - 60px)/4); height:245px; font-weight:700; background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.registration_information01 .mem_type li:before {content:""; display:block; width:100%; height:70px; background:no-repeat 50% 50% / contain; margin-bottom:25px;}
.registration_information01 .mem_type li.i1:before {background-image:url('/pub/images/icon_mem_type01.svg');}
.registration_information01 .mem_type li.i2:before {background-image:url('/pub/images/icon_mem_type02.svg');}
.registration_information01 .mem_type li.i3:before {background-image:url('/pub/images/icon_mem_type03.svg'); background-size:53px;}
.registration_information01 .mem_type li.i4:before {background-image:url('/pub/images/icon_mem_type04.svg'); background-size:56px;}
.registration_information01 dl {padding-bottom:40px; border-bottom:rgba(221,221,221,.5) 1px solid; margin-bottom:40px; display:flex;}
.registration_information01 dl:last-child {padding-bottom:0; border-bottom:0; margin-bottom:0;}
.registration_information01 dt {width:295px; font-size:24px; font-weight:600;}
.registration_information01 dd {width:calc(100% - 295px);}
.registration_information01 dd b {display:block;}
.registration_information01 dd b.mb {margin-bottom:30px;}
.registration_information01 dd p {color:#666;}
.registration_information01 dd p.pl {padding-left:12px; text-indent:-12px;}
.registration_information02 .btit {margin-top:80px;}
.registration_information02 .join_step_info {position:relative; display:flex; gap:0 calc((100% - 804px)/2); padding:80px 0;}
.registration_information02 .join_step_info:before {content:""; position:absolute; top:50%; left:100px; width:calc(100% - 200px); height:0; border-top:#222 1px dashed; z-index:-1;}
.registration_information02 .join_step_info li {position:relative; width:268px; height:268px; border-radius:50%; box-shadow:rgba(39,41,84,.1) 0 4px 20px; display:flex; flex-direction:column; align-items:center; padding-top:60px; text-align:center; background:#fff;}
.registration_information02 .join_step_info li:before {content:""; display:block; width:100%; height:66px; background:no-repeat 50% 50% / contain;}
.registration_information02 .join_step_info li:after {content:""; position:absolute; top:50%; right:-170px; width:42px; height:42px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50% / contain; margin-top:-21px;}
.registration_information02 .join_step_info li strong {display:block; font-size:22px; font-weight:600; line-height:26px; margin:13px 0 18px;}
.registration_information02 .join_step_info li p {font-size:18px; line-height:25px;}
.registration_information02 .join_step_info li.i1:before {background-image:url('/pub/images/icon_join_step_info01.svg');}
.registration_information02 .join_step_info li.i2 {border:#00B7D5 1px solid; padding-top:59px;}
.registration_information02 .join_step_info li.i2:before {background-image:url('/pub/images/icon_contact01.svg'); background-size:auto 58px;}
.registration_information02 .join_step_info li.i3 {border:#00B7D5 5px solid; padding-top:55px;}
.registration_information02 .join_step_info li.i3:before {background-image:url('/pub/images/icon_join_step_info03.svg'); background-size:auto 42px;}
.registration_information02 .join_step_info li.i3:after {display:none;}

/* 연락처 */
.contact_wrap {padding:215px 0 163px; background:url('/pub/images/bg_contact.jpg') no-repeat 50% 50% / cover;}
.contact_wrap .tit {margin-bottom:100px;}
.contact_wrap .tit span {display:block; color:#000; line-height:24px; margin-bottom:10px;}
.contact_wrap .tit strong {display:block; font-size:60px; line-height:72px;}
.contact_wrap ul {display:flex; gap:28px;}
.contact_wrap li {flex:1 1 calc((100% - 56px)/3); display:flex; flex-direction:column; align-items:center; padding:77px 20px 30px; background:#fff; text-align:center;}
.contact_wrap li:before {content:""; display:block; width:100%; height:49px; background:no-repeat 50% 50% / contain;}
.contact_wrap li strong {display:block; font-size:26px; font-weight:600; line-height:32px; margin:44px 0 28px;}
.contact_wrap li p {color:#666; line-height:34px;}
.contact_wrap li p span {display:block;}
.contact_wrap li.i1:before {background-image:url('/pub/images/icon_contact01.svg');}
.contact_wrap li.i2:before {background-image:url('/pub/images/icon_contact02.svg'); background-size:44px;}
.contact_wrap li.i3:before {background-image:url('/pub/images/icon_contact03.svg'); background-size:46px;}

/* 일정 및 신청 */
.typebox {display:flex; gap:40px; margin-bottom:30px;}
.typebox a {position:relative; display:block; color:#666; line-height:24px;}
.typebox a:before {content:""; position:absolute; top:50%; left:-20px; width:1px; height:20px; background:#ddd; transform:translateY(-50%);}
.typebox li:first-child a:before {display:none;}
.typebox .on a {color:#00B7D5; font-weight:600; text-decoration:underline;}
.month_select {position:relative; background:#EBEBF1; padding:0 20px 0 165px; margin-bottom:50px;}
.month_select .year {position:absolute; top:0; left:0; width:165px; height:80px; line-height:80px; border:0; background:none; font-size:26px; font-weight:600;}
.month_select .nice-select .list {max-height:200px; overflow:auto;}
.month_select .nice-select .option {font-size:20px; line-height:40px;}
.month_select .nice-select:after {width:25px; height:25px; border:#ddd 1px solid; border-radius:50%; background:url('/pub/images/arrow_select2.svg') no-repeat 50% 50% / contain; margin-top:-12px;}
.month_select .month {display:flex;}
.month_select .month a {position:relative; line-height:80px; width:calc(100%/13);font-size:18px; text-align:center;}
.month_select .month a span {position:relative; line-height:22px;}
.month_select .month a.thismonth {color:#00B7D5; font-weight:700;}
/* .month_select .month a.thismonth span:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#00B7D5;} */
.month_select .month a.in:after {content:""; position:absolute; top:50%; left:50%; margin:21px 0 0 -2px; width:4px; height:4px; background:#999; border-radius:50%;}
.month_select .month a.on span {display:inline-block; width:34px; height:34px; line-height:34px; background:#00B7D5; border-radius:50%; color:#fff; font-weight:600;}
.month_select .month a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; background:#ddd; transform:translateY(-50%);}
.month_select .month a:first-child:before {display:none;}

.schedule_list {display:flex; flex-wrap:wrap; gap:60px 68px;}
.schedule_list .box {width:calc((100% - 136px)/3);}
.schedule_list span {display:block;}
.schedule_list .imgfit {width:100%; height:289px;}
.schedule_list .txt {padding:35px 30px 40px; border:#ebebeb 1px solid; border-top:0;}
.schedule_list .tit {font-size:26px; font-weight:600; line-height:32px; height:32px; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.schedule_list dl {display:flex; font-size:16px; line-height:20px; margin-top:15px;}
.schedule_list .tit + dl {margin-top:0;}
.schedule_list dt {font-weight:500; width:85px;}
.schedule_list dd {color:#666; width:calc(100% - 85px);}
.schedule_list .add dd {height:40px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical;  -webkit-line-clamp:2;}
.schedule_list .btn {display:flex; justify-content:center; align-items:center; gap:10px; font-size:18px; color:#fff; font-weight:500; line-height:50px; height:50px; border-radius:25px; background:#00B7D5; margin-top:40px;}
.schedule_list .btn:after {content:""; display:block; width:11px; height:11px; background:#fff; mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain;}
.schedule_list .end .btn {color:#666; background:#ddd;}
.schedule_list .end .btn:after {display:none;}

.schedule_list.no_contents {flex-direction:column; align-items:center; gap:0; text-align:center; padding:75px 0 0;}
.schedule_list.no_contents * {display:block;}
.schedule_list.no_contents:before {content:""; display:block; width:100%; height:75px; background:url('/pub/images/icon_no_search.svg') no-repeat 50% 50% / contain;}
.schedule_list.no_contents strong {font-size:36px; font-weight:600; margin:35px 0 20px;}
.schedule_list.no_contents span {font-size:18px; color:#000; line-height:22px; margin-bottom:40px;}
.schedule_list.no_contents p {font-size:18px; color:#666; line-height:25px;}

.schedule_info {margin-bottom:80px;}
.schedule_info .inbox {position:relative; min-height:150px; padding:30px 300px 30px 230px; background:url('/pub/images/icon_schedule.svg') #F8F8F8 no-repeat 95px 50%; display:flex; flex-direction:column; justify-content:center;}
.schedule_info .inbox dl {display:flex; font-size:18px; line-height:22px; margin-top:12px;}
.schedule_info .inbox dl:first-child {margin-top:0;}
.schedule_info .inbox dt {font-weight:600; width:85px;}
/*2024-05-17 권순표 수정*/
.schedule_info .inbox dt.w180 {font-weight:600; width:180px;}
.schedule_info .inbox dd {color:#666; width:calc(100% - 85px);}
.schedule_info .inbox dd b {color:#222;}
.schedule_info .inbox dd a {text-decoration:underline; word-break:break-word;}
.schedule_info .inbox .btn {position:absolute; top:50%; right:50px; font-size:18px; color:#fff; font-weight:600; line-height:60px; height:60px; width:200px; text-align:center; background:#222; transform:translateY(-50%);}
.schedule_info p.tar {font-size:18px; line-height:22px; margin-top:15px;}

.calender {overflow:hidden;}
.calender dl {display:flex;}
.calender dl > * {width:calc(100%/7);}
.calender .dt {border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.calender .dd {border:#ebebeb 1px solid; border-top:0;}
.calender dt {font-size:18px; font-weight:600; line-height:60px; text-align:center;}
.calender dd {padding:20px 18px; border-left:#ebebeb 1px solid; min-height:260px;}
.calender dd:first-child {border-left:0;}
.calender dd .day {font-size:18px; font-weight:500; line-height:22px; margin-bottom:10px;}
.calender dd.before .day,
.calender dd.after .day {color:#999; opacity:.5;}
.calender dd .list li {position:relative; height:60px; margin-bottom:10px;}
.calender dd .list a {position:absolute; top:0; left:0; display:block; padding:10px 12px; border-left:#00B7D5 5px solid; min-height:60px; font-size:16px; line-height:20px; background:#EBEBF1; z-index:1; font-size:0;}
.calender dd .list a:last-child {margin-bottom:0;}
.calender dd .list .oneday a {font-size:16px;}
.calender dd .list .start a {width:calc(100% + 19px); font-size:16px;}
.calender dd .list .ing a {width:calc(100% + 37px); left:-18px; border-left:0;}
.calender dd .list .end a {width:calc(100% + 18px); left:-18px; border-left:0;}
.calender dd:first-child .list li a {font-size:16px;}
.calender dd .list .beforeset a {border-left:0;}
.calender dd .list .beforeset a:before {content:""; position:absolute; top:0; right:100%; width:18px; height:100%; background:inherit;}

/* 신청내역 확인 */
.application_details {text-align:center;}
.application_details i {display:block; width:100%; height:40px; background:url('/pub/images/icon_application.svg') no-repeat 50% 50% / contain;}
.application_details .tt {font-size:20px; font-weight:600; line-height:24px; margin:35px 0 80px;}
.application_details .tt strong {color:#00B7D5;}
.application_details p {font-size:18px; line-height:25px; margin-top:35px;}
.application_details .inputs {width:100%; max-width:500px; margin:50px auto 0;}
.application_details .inputs .text,
.application_details .inputs .btn {display:block; width:100%; height:50px; font-size:18px;}
.application_details .inputs .text {margin-top:15px;}
.application_details .inputs .text:first-child {margin-top:0;}
.application_details .inputs .btn {margin-top:30px; color:#fff; background:#666;}

.no_bankbook {display:none;}
.no_bankbook.on {display:table-row;}

/* 회원검색 */
.search_area {display:flex; border:#ddd 1px solid; background:#f5f5f5; padding:30px;}
.search_area .text,
.search_area .btn {height:50px; font-size:18px;}
.search_area .nice-select {width:140px; line-height:48px; border:#ddd 1px solid; border-radius:0;}
.search_area .nice-select .list {width:240px;}
.search_area input.text {width:calc(100% - 260px); margin:0 10px;}
.search_area .btn {width:100px; color:#fff; font-weight:500; line-height:50px; text-align:center; background:#222; border:0;}
.member_search_list {display:flex; gap:60px; flex-wrap:wrap; padding-top:75px;}
.member_search_list .box {position:relative; width:calc(50% - 30px); border:#ddd 1px solid; padding:30px 30px 60px; display:flex; flex-wrap:wrap; gap:10px 20px; border-radius:10px; box-shadow:rgba(0,0,0,.1) 0 0 20px;}
.member_search_list .box:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/logo.svg') no-repeat bottom 20px right 20px; filter:grayscale(1); -webkit-filter:grayscale(1); opacity:.2;}
.member_search_list .box dl {position:relative; width:calc(50% - 10px); font-size:16px; z-index:1;}
.member_search_list .box dt {color:#222; font-weight:600;}
.member_search_list .box dd {color:#666;}

/* 후원로펌 */
.tit_law_firm {font-size:36px; font-weight:600; line-height:44px; margin:160px 0 80px;}
.tit_law_firm span {font-size:.7em; font-weight:500;}
.law_firm_list {display:flex; flex-wrap:wrap; gap:60px 20px;}
.law_firm_list a {position:relative; width:calc((100% - 60px)/4); height:165px; display:flex; justify-content:center; align-items:center; border:#EBEBEB 1px solid; padding:20px 30px; text-align:center;}
.law_firm_list a img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;}
.law_firm_list a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_hover.svg') rgba(0,0,0,.4) no-repeat 50% 50%; opacity:0; transition:.2s linear; /* pointer-events:none; */}
.gs_tit {position:relative; font-size:20px; color:#fff; font-weight:700; line-height:44px; height:44px; padding-left:56px; width:100%; border-radius:22px; margin-bottom:40px;}
.gs_tit span {position:absolute; top:0; left:0; width:44px; height:44px; border:4px solid; border-radius:50%;}
.gs_tit strong {display:block; width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; box-shadow:0px 1px 1px 0px rgba(0,0,0,.16) inset;}
.gs_tit.g {background:linear-gradient(90deg, #CF9E1E 0%, #DEB77B 100%);}
.gs_tit.g span {border-color:#EBCC7E;}
.gs_tit.g strong {background:#E6B740;}
.gs_tit.s {margin-top:160px;}
.gs_tit.s {background:linear-gradient(90deg, #A0A0A0 0%, #D3D3D3 100%);;}
.gs_tit.s span {border-color:#D0D0D0;}
.gs_tit.s strong {background:#B9B9B9;}

/* job_posting */
.job_posting_top,
.job_posting_btm {font-size:26px; color:#222; font-weight:600; line-height:36px; text-shadow:#fffa 0 0 10px, #fff6 0 0 20px;}
.job_posting_top {background:url('/pub/images/bg_job_posting_top.jpg') no-repeat 50% 50% / cover; padding:80px 110px; margin-bottom:160px;}
.job_posting_btm {background:url('/pub/images/bg_job_posting_btm.jpg') no-repeat 50% 50% / cover; padding:80px 0; margin-top:200px;}
	/* 연회비 납부 */
.payment_top {position:relative; font-size:18px; line-height:28px; padding:60px; background-position:30% 50%; margin-bottom:100px;}
.payment_top:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg, #fffa, #fff0);}
.payment_top p {position:relative; z-index:1;}
.payment_top span {display:block; line-height:22px; font-weight:400; padding-left:10px; text-indent:-10px; margin-top:20px;}

/* 로그인 */
.membox {width:500px; max-width:100%; margin:0 auto; font-size:18px;}
.membox:before {content:""; display:block; width:100%; height:80px; background:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; margin-bottom:60px;}
.membox .text {width:100%; height:60px; margin-top:15px; padding:0 30px;}
.membox .text:first-child {margin-top:0;}
.membox .text::placeholder {color:#999;}
.membox .btn {display:block; color:#fff; font-weight:600; line-height:60px; height:60px; width:100%; background:#00B7D5; margin-top:40px;}
.membox .btn_l {color:#00B7D5; background:#fff; border:#00B7D5 1px solid; line-height:58px; text-align:center; margin-top:10px;}
.membox .links {display:flex; justify-content:center; align-items:center; gap:20px; margin-top:30px;}
.membox .links a {position:relative; color:#666; font-weight:600; line-height:22px;}
.membox .links a:before {content:""; position:absolute; top:50%; left:-10px; width:1px; height:18px; background:#ddd; transform:translateY(-50%);}
.membox .links a:first-child:before {display:none;}
.membox .etc {font-size:16px; color:#999; font-weight:600; line-height:25px; text-align:center; letter-spacing:-.5px; margin-top:15px;}

/* 회원가입 */
.join_step {display:flex; justify-content:center; gap:156px; margin-bottom:160px;}
.join_step li {position:relative; width:100px; font-size:14px; color:#666; font-weight:600; line-height:18px; text-align:center;}
.join_step li:before {content:""; position:absolute; top:28px; right:50%; width:256px; height:0; border-bottom:#ddd 1px dashed; z-index:-1;}
.join_step li i {display:block; width:57px; height:57px; background:#fff; border:#ddd 1px solid; border-radius:50%; overflow:hidden; margin:0 auto 12px;}
.join_step li i:before {content:""; display:block; width:100%; height:100%; background:#999; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.join_step li.on {color:#00B7D5;}
.join_step li.on:before {border-color:#00B7D5;}
.join_step li.on i {background:#00B7D5; border-color:#00B7D5;}
.join_step li.on i:before {background:#fff;}
.join_step li.onf i {background:url('/pub/images/icon_join_chk.svg') #fff no-repeat 50% 50% / contain; border-color:#00B7D5;}
.join_step li.onf i:before {display:none;}
.join_step li.i1:before {display:none;}
.join_step li.i1 i:before {mask-image:url('/pub/images/icon_joinstep01.svg'); -webkit-mask-image:url('/pub/images/icon_joinstep01.svg');}
.join_step li.i2 i:before {mask-image:url('/pub/images/icon_joinstep02.svg'); -webkit-mask-image:url('/pub/images/icon_joinstep02.svg');}
.join_step li.i3 i:before {mask-image:url('/pub/images/icon_joinstep03.svg'); -webkit-mask-image:url('/pub/images/icon_joinstep03.svg');}

.dlbox.mb {margin-bottom:250px;}
.dlbox dl {display:flex;}
.dlbox dt {width:42.8572%;}
.dlbox dd {width:57.1428%;}
.dlbox dd strong {font-weight:600;}

.gbox {position:relative; background:rgba(235, 235, 241, 0.5); overflow:hidden; margin-top:160px; padding:160px 0;}
.member_type {display:flex; gap:20px;}
.member_type li {flex:1 1 calc((100% - 60px)/4); height:245px; background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:24px; font-weight:700; line-height:29px; text-align:center;}
.member_type li:before {content:""; display:block; width:100%; height:70px; background:no-repeat 50% 50% / contain; margin-bottom:25px;}
.member_type li.i1:before {background-image:url('/pub/images/icon_mem_type01.svg');}
.member_type li.i2:before {background-image:url('/pub/images/icon_mem_type02.svg');}
.member_type li.i3:before {background-image:url('/pub/images/icon_mem_type03.svg'); background-size:53px;}
.member_type li.i4:before {background-image:url('/pub/images/icon_mem_type04.svg'); background-size:56px;}
.btn_opcl {position:absolute; bottom:45px; left:50%; transform:translateX(-50%); font-size:18px; color:#000; line-height:20px; display:flex; gap:10px;}
.btn_opcl:after {content:""; display:block; width:17px; height:20px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.btn_opcl.on:after {transform:rotate(180deg);}
.btn_opcl.rela {position:relative; bottom:0; left:0; transform:translateX(0); width:100%; padding:30px 0; border-bottom:#ddd 1px solid; justify-content:center;}
.opcl_box {display:none;}
.termbox .checkarea {position:relative; padding:24px 24px 24px 30px; background:rgba(235, 235, 241, 0.5); border:#ddd 1px solid; cursor:pointer;}
.termbox .checkarea .openbtn {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;}
.termbox .checkarea:after {content:""; position:absolute; top:0; right:30px; width:17px; height:100%; background:url('/pub/images/arrow_terms.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.termbox .checkarea label.check {z-index:1;}
.termbox.on .checkarea:after {transform:rotate(180deg);}
.term_con {background:#fff; border:#ddd 1px solid; border-top:0; padding:30px; font-size:18px; display:none; max-height:630px; overflow:hidden auto; word-break:break-word;}
.term_con.block {padding:0; border:0; max-height:none; overflow:visible;}
.term_con .tt {font-size:24px; font-weight:600; line-height:30px; margin:80px 0 20px;}
.term_con .tt:first-child {margin-top:0;}
.term_con ul {margin-bottom:30px; line-height:30px;}
.term_con ul:last-child {margin-bottom:30px;}
.term_con ul.limb {margin-bottom:0;}
.term_con ul.limb > li {margin-bottom:30px;}
.term_con ul ul {margin-bottom:0;}
.term_con ul ul li {margin-bottom:0;}
.term_con p {font-size:18px; color:#666; line-height:22px;}
.term_con p.big {font-size:40px; color:#222; font-weight:600; line-height:54px;}
.term_label {display:flex; flex-wrap:wrap; gap:20px; font-size:20px;}
.term_label li {width:calc((100% - 40px)/3); height:310px; border:#ddd 1px solid; text-align:center; padding-top:44px;}
.term_label li:before {content:""; display:block; width:100%; height:82px; background:no-repeat 50% 50% / contain; margin-bottom:28px;}
.term_label li strong {display:block; font-size:18px; font-weight:600; line-height:22px; margin-bottom:12px;}
.term_label li p {font-size:16px; line-height:24px;}
.term_label li.i1:before {background-image:url('/pub/images/icon_policy_label01.png');}
.term_label li.i2:before {background-image:url('/pub/images/icon_policy_label02.png');}
.term_label li.i3:before {background-image:url('/pub/images/icon_policy_label03.png');}
.term_label li.i4:before {background-image:url('/pub/images/icon_policy_label04.png');}
.term_label li.i5:before {background-image:url('/pub/images/icon_policy_label05.png');}
.term_label li.i6:before {background-image:url('/pub/images/icon_policy_label06.png');}
.join_wrap p.mtb {margin:80px 0 30px;}

/* find_idpw */
.find_area i {display:block; width:100%; height:40px; background:url('/pub/images/icon_application.svg') no-repeat 50% 50% / contain;}
.find_area .tt {font-size:36px; color:#000; font-weight:600; line-height:44px; margin:35px 0 0; text-align:center;}
.find_area .tt p {font-size:18px; color:#222; font-weight:400; line-height:22px; margin-top:20px;}
.find_area .gbox {width:100%; max-width:600px; margin:20px auto 0; text-align:center; padding:40px 20px; display:flex; justify-content:center; align-items:center; letter-spacing:-.5px;}
.find_area .gbox .gap {display:flex; flex-direction:column; gap:20px;}
.find_area .gbox strong {font-weight:600;}
.find_area .gbox + p {text-align:center; margin-top:40px; font-size:16px; line-height:26px;}

.my_payment {padding-bottom:80px;}
.my_payment p span {color:#666;}

/* popup */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; width:100%; max-width:1200px; transform:translate(-50%,-50%); background:#fff;}
.popup .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; font-size:0; z-index:1;}
.popup .btn_close:before,
.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#222; margin:-1px 0 0 -15px;}
.popup .btn_close:before {transform:rotate(45deg);}
.popup .btn_close:after {transform:rotate(-45deg);}
.popup .scroll {overflow:auto; max-height:calc(100vh - 40px);}

.pop_withdrawal .inbox {max-width:600px; padding:60px; text-align:center;}
.pop_withdrawal .withdrawal:before {content:""; display:block; width:100%; height:75px; background:url('/pub/images/icon_no_search.svg') no-repeat 50% 50% / contain; margin-bottom:30px;}
.pop_withdrawal .withdrawal p {font-size:30px; font-weight:600; margin-bottom:30px;}

.receipt_wrap {width:100%; max-width:1200px; margin:0 auto; background:#fff;}
.receipt_wrap .btns {display:flex; justify-content:center; gap:10px; padding-top:50px;}
.receipt_wrap .btns .btn {width:200px; height:40px; line-height:40px; font-size:15px; color:#fff; font-weight:600; text-align:center; background:#00B7D5;}
.receipt_wrap .btns .btn_close {color:#00B7D5; background:#fff; border:#00B7D5 1px solid; line-height:38px;}
.receipt_wrap .head {position:relative; padding:0 40px; line-height:134px; font-size:0; padding-bottom:7px;}
.receipt_wrap .head img {height:61px;}
.receipt_wrap .head .bar {position:absolute; bottom:0; left:0; width:100%; height:7px; background:linear-gradient(90deg, #272954 0%, #00B7D5 30%, #272954 99.5%);}
.receipt_wrap .body {border-top:#fff 34px solid; background:#EFF1F8; padding:27px;}
.receipt_wrap .receipt_area {position:relative; background:#fff; padding:110px 80px;}
.receipt_area .ptn {position:absolute; left:0; width:100%; height:34px; background:url('/pub/images/ptn_receipt.svg') repeat-x 0 0 / contain;}
.receipt_wrap .ptn.t {top:-17px;}
.receipt_wrap .ptn.b {bottom:-17px;}
.receipt_wrap .tit {font-size:60px; color:#272954; font-weight:700; line-height:72px; text-align:center; padding-bottom:130px; border-bottom:#ddd 2px dashed; margin-bottom:70px;}
.receipt_wrap .dl_area {display:flex; flex-wrap:wrap; gap:15px 64px;}
.receipt_wrap dl {display:flex; justify-content:space-between; width:calc(50% - 32px); line-height:32px; padding:27px 0; border-bottom:#ddd 1px solid;}
.receipt_wrap dt {font-size:18px; color:#666;}
.receipt_wrap dd {font-size:26px; color:#222; font-weight:700;}
.receipt_wrap .pay {margin-bottom:15px; width:100%;}
.receipt_wrap .pay dt {font-size:30px; color:#222; font-weight:700;}
.receipt_wrap .pay dd {font-size:26px; color:#00B7D5;}
.receipt_wrap .pay dd strong {font-size:60px;}
.receipt_wrap .date {margin-top:125px; text-align:center; font-size:30px; color:#222; font-weight:600; line-height:36px;}
.receipt_wrap .sign {font-size:40px; color:#222; font-weight:700; line-height:93px; display:flex; justify-content:center; gap:20px; margin-top:15px;}

@media screen and (max-width:1200px){
	.receipt_wrap .btns .btn {width:300px; height:60px; line-height:60px; font-size:24px;}
	.receipt_wrap .btns .btn_close {line-height:56px; border-width:2px;}
}
@media print {
	@page{size:auto; margin:0mm;}
	* {margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
	.receipt_wrap {padding:20px;}
	.receipt_wrap .btns {display:none;}
	.receipt_wrap .head {line-height:80px; padding-bottom:5px;}
	.receipt_wrap .head img {height:40px;}
	.receipt_wrap .head .bar {height:5px;}
	.receipt_wrap .body {border-top:#fff 20px solid; padding:20px;}
	.receipt_wrap .receipt_area {padding:100px 60px;}
	.receipt_area .ptn {height:30px;}
	.receipt_wrap .ptn.t {top:-15px;}
	.receipt_wrap .ptn.b {bottom:-15px;}
	.receipt_wrap .tit {font-size:50px; line-height:60px; padding-bottom:70px; margin-bottom:60px;}
	.receipt_wrap .dl_area {gap:10px 40px;}
	.receipt_wrap dl {width:calc(50% - 20px); line-height:30px; padding:20px 0;}
	.receipt_wrap dt {font-size:13px;}
	.receipt_wrap dd {font-size:16px;}
	.receipt_wrap .pay {margin-bottom:10px; width:100%;}
	.receipt_wrap .pay dt {font-size:20px;}
	.receipt_wrap .pay dd {font-size:16px;}
	.receipt_wrap .pay dd strong {font-size:36px;}
	.receipt_wrap .date {margin-top:100px; font-size:22px; line-height:30px;}
	.receipt_wrap .sign {font-size:26px; line-height:70px; gap:15px; margin-top:10px;}
	.receipt_wrap .sign img {height:70px;}
}

.coming {font-size:20px; color:#666; font-weight:500; padding:100px 0; text-align:center; background:#f5f5f5;}

/* IOS */
.notch_padding {position:relative;}
.notch_padding:before {content:""; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:1000;}
.notch_padding.notch-44:before {height:44px;}
.notch_padding.notch-44 .header,
.notch_padding.notch-44 .header .logo,
.notch_padding.notch-44 .header .right,
.notch_padding.notch-44 .header .sitemap {top:44px;}
.notch_padding.notch-47:before {height:47px;}
.notch_padding.notch-47 .header,
.notch_padding.notch-47 .header .logo,
.notch_padding.notch-47 .header .right,
.notch_padding.notch-47 .header .sitemap {top:47px;}
.notch_padding.notch-48:before {height:48px;}
.notch_padding.notch-48 .header,
.notch_padding.notch-48 .header .logo,
.notch_padding.notch-48 .header .right,
.notch_padding.notch-48 .header .sitemap {top:48px;}
.notch_padding.notch-50:before {height:50px;}
.notch_padding.notch-50 .header,
.notch_padding.notch-50 .header .logo,
.notch_padding.notch-50 .header .right,
.notch_padding.notch-50 .header .sitemap {top:50px;}
.notch_padding.notch-44 .fp-section,
.notch_padding.notch-44 .fp-tableCell,
.notch_padding.notch-44 .mvisual .slick-slide {height:calc(100vh - 44px) !important; max-height:calc((var(--vh, 1vh) * 100) - 44px);}
.notch_padding.notch-47 .fp-section,
.notch_padding.notch-47 .fp-tableCell,
.notch_padding.notch-47 .mvisual .slick-slide {height:calc(100vh - 47px) !important; max-height:calc((var(--vh, 1vh) * 100) - 47px);}
.notch_padding.notch-48 .fp-section,
.notch_padding.notch-48 .fp-tableCell,
.notch_padding.notch-48 .mvisual .slick-slide {height:calc(100vh - 48px) !important; max-height:calc((var(--vh, 1vh) * 100) - 48px);}
.notch_padding.notch-50 .fp-section,
.notch_padding.notch-50 .fp-tableCell,
.notch_padding.notch-50 .mvisual .slick-slide {height:calc(100vh - 50px) !important; max-height:calc((var(--vh, 1vh) * 100) - 50px);}