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

/* 초기화 */
@import url("default.css");

/* 기본 레이아웃 */
html, body { overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgin img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}


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

.red {color:#f00 !important;}



/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}



/* footer */
.footer {padding:30px 0; text-align:center;}

/* main */
.inner {width: 700px; max-width: 100%;  max-height:100%;  padding: 20px 20px;    margin: 0 auto;     background: rgba(255, 255, 255, .5);  backdrop-filter: blur(20px); }
#mainContent {position:relative; /*display:block;*/  }
/*.mvisual {position:relative; display:block; }*/
.mvisual{position:relative; max-width: 1000px;     margin: 0 auto;}
.mc03 {position:relative; /* height:100vh; */max-width: 1000px;     margin: 0 auto; }
.mc03 .board_wrap {position:absolute;  width:100%;  z-index:500;  }
.mc03 .img_wrap img {width:100%;  object-fit:cover;}

/* sub */
.container {}

/* 게시판 목록 */
.board_list {border-top:#ddd 2px solid;}
.board_list th,
.board_list td {height:40px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {background:#f5f5f5; color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:70px;}
.board_list .w2 {width:90px;}
.board_list .w3 {width:110px;}
.board_list .w4 {width:80px;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:40px; line-height:40px; background:#0e5ba2; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .btns .btn_l {color:#0e5ba2; line-height:38px; border:#0e5ba2 1px solid; background:#fff;}
.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#04427b;}
.board_bottom .paging {text-align:center; font-size:0;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; border:#ddd 1px solid; font-size:15px; color:#666; vertical-align:top; margin:0 1px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#0e5ba2; color:#fff; border-color:#0e5ba2;}
.board_bottom .paging .nums {margin:0 3px;}
.board_bottom .paging .arrow {background:none !important; letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .search_wrap {text-align:center; font-size:0; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; font-size:15px;}
.board_bottom .search_wrap .text {line-height:38px;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:300px; margin:0 10px;}
.board_bottom .search_wrap .btn {width:120px; line-height:40px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center;}

/* 게시판 쓰기 */
/*.board_write {border-top:#222 2px solid;}*/
.board_write table {position:relative;}
.board_write th,
.board_write td {border-bottom:#e1e1e1 1px solid; font-size:17px; line-height:50px; padding:10px;}
.board_write th {width:140px;}
.board_write td ::placeholder {font-size:14px; color:#acacac; font-weight:300;}
.board_write .w1 {width:140px;}
.board_write .text {height:50px; padding:0 10px;}
.board_write .text.w1 {width:100%;}
.board_write .flex .text {width:calc((100% - 80px)/3); max-width:100%;}
.board_write .email select.text {width:calc(100%/3); margin-left:10px;}
.board_write .flex span {display:inline-block; width:30px; line-height:50px; text-align:center;}


/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in td {color:#666;}
.board_in thead th {font-size:30px; color:#333; font-weight:700; line-height:30px; padding:25px 20px 0; border-bottom:0; text-align:center;}
.board_in thead td {text-align:center; font-size:0;}
.board_in thead td span {display:inline-block; vertical-align:top; font-size:15px; line-height:26px; padding:10px;}
.board_in tbody td {padding:20px 0;}
.board_in tfoot td {position:relative; padding-left:80px; font-size:15px; line-height:26px;}
.board_in tfoot td em {position:absolute; top:10px; left:10px;}
.board_in tfoot td a {display:block;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 20px)/3); margin:10px 0 0 10px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li i {display:block; width:100%; height:240px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 접근성 */
.blind_link {position:fixed; top:0; left:0; width:100%; z-index:101;}
.blind_link a {position:fixed; top:0; left:0; width:100%; height:0; font-size:20px; color:#fff; font-weight:500; line-height:60px; text-align:center; background:#999e; overflow:hidden;}
.blind_link a:focus {height:auto;}


.btn_link {display:block; font-size:27px; color:#fff; font-weight:700; line-height:70px; height:70px; width:300px; border-radius:45px; /*margin: 50px auto 0;*/ padding:0 40px; background:#2b3361 url('/images/arrow_link.png') no-repeat right 40px center; }
.board_write .tit {font-size:20px; color:#333; font-weight:600; line-height:1; margin:75px 0 15px;}
.board_write .termsbox {background:#f8f8f8; padding:30px 20px; font-size:14px; color:#333; height:200px; font-weight:300; line-height:1.2; margin-bottom:30px;overflow:scroll;}
.btns{ margin-top:30px;display:flex; justify-content:center; align-items:center; gap:30px; }
.btns .btn {display: inline-block; width:calc((100% - 30px)/2);  height:52px; line-height:50px; font-size:17px; font-weight:700; color:#272c52; border:#272c52 1px solid; background:#fff; border-radius:25px !important; text-align:center; cursor:pointer;}
.btns .btn_submit { color:#fff;  background:#272c52; }
.btns .btn_l {}


.pre_registration_end {text-align:center; padding-top:100px;}
.pre_registration_end .tt {font-size:34px; color:#222; font-weight:700; line-height:1; margin:50px 0 30px;}
.pre_registration_end p {font-size:21px; color:#666; line-height:32px;}
.pre_registration_end strong {color:#c62026;}

label.check {position:relative; display:inline-block; vertical-align:top; padding-left:32px; font-size:17px; color:#333; font-weight:500;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:22px; height:22px; background:url('/images/icon_check_off.png') no-repeat 50% 50% / contain; border-radius:50%; overflow:hidden; transition:.2s linear;}
label.check input:checked + i {background-image:url('/images/icon_check_on.png');}

label.check2 {position:relative; display:block; font-size:14px; color:#777; line-height:20px; padding-left:34px;}
label.check2 input {display:none;}
label.check2 i,
label.check2 i:before {position:absolute; top:0; left:0; transition:.2s linear;}
label.check2 i {width:20px; height:20px; border:#d7d7d7 1px solid; border-radius:3px; overflow:hidden;}
label.check2 i:before {content:""; width:100%; height:100%; background:#9a9a9a; mask:url('/images/icon_check.png') no-repeat 50% 50%; -webkit-mask:url('/images/icon_check.png') no-repeat 50% 50%;}
label.check2 input:checked + i {background:#272d4f; border-color:#272d4f;}
label.check2 input:checked + i:before {background:#fff;}
.terms {border-bottom:#e3e3e2 1px solid; background:#f8f8f8;}
.terms .all {border-bottom:#e3e3e2 1px solid; padding:15px 15px;}

.terms .all p {font-size:14px; color:#989898; font-weight:500; line-height:1.2; margin-top:12px;}
.terms .list {padding:15px 15px; display:flex; flex-direction:column; gap:12px;}
.terms .list li {position:relative;}
.terms .list li button {position:absolute; top:0; right:0; width:24px; height:24px; font-size:0;}
.terms .list li button:before {content:""; position:absolute; top:50%; left:50%; width:12px; height:12px; border-right:#555 1px solid; border-bottom:#555 1px solid; transform:translate(-50%,-50%) rotate(45deg); margin-top:-4px; transition:.2s linear;}
.terms .list li.on button:before {transform:translate(-50%,-50%) rotate(225deg); margin-top:3px;}

.terms .list li em {position:absolute; top:0; right:0; width:24px; height:24px; font-size:0;}
.terms .list li em:before {content:""; position:absolute; top:50%; left:50%; width:12px; height:12px; border-right:#555 1px solid; border-bottom:#555 1px solid; transform:translate(-50%,-50%) rotate(45deg); margin-top:-4px; transition:.2s linear;}
.terms .list li.on em:before {transform:translate(-50%,-50%) rotate(225deg); margin-top:3px;}


.terms .list li .term_cont {margin-top:10px; padding:20px; background:#eee; border-radius:5px; max-height:200px; overflow:auto; display:none;}
.terms .list li .term_cont.on { display:inline-block;}
.terms .list li .check2 {position:relative; top:0; transform:none;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}