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

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

/* 기본 레이아웃 */
html, body {width:100%; 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;}
select.text {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/images/arrow_down.png') #fff no-repeat right 10px center / 14px;}
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%);}

.inner {width:100%; max-width:768px; padding:0 15px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}

.red {color:#f00 !important;}
.blue {color:#4c5cf9 !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;}

/* 접근성 */
.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;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#0056aa; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .inner {position:relative; height:50px;}
.header .logo {position:absolute; top:0; left:15px; line-height:50px;}
.header h1 {font-size:20px; color:#fff;}
.header .btn_menu {position:absolute; top:0; right:0; width:50px; height:50px; z-index:10;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#fff; margin-left:-12px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-10px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:8px;}
.header.on .btn_menu p {background:#283c82;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .gnb,
.header .gnb .dm {position:fixed; top:0; width:100%; height:100vh; opacity:0; transition:.2s linear;}
.header .gnb {right:-100%; padding-left:25%;}
.header.on .gnb {right:0; opacity:1;}
.header .gnb .dm {left:-100%; background:rgba(0,0,0,.6);}
.header.on .gnb .dm {left:0; opacity:1;}
.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; padding-top:50px;}
.header .gnb li {border-bottom:#d7d7d7 1px solid;}
.header .gnb li > a {display:block; font-size:15px; color:#929292; line-height:40px; padding:0 20px;}
.header .gnb li.on a {color:#0056aa;}

.container {padding:60px 0 50px;}
.title {font-size:19px; color:#222; text-align:center; padding:10px 0 20px;}

.inputs {background:#f9f9f9; border-radius:10px; padding:20px 10px;}
.inputs .tit {font-size:14px; color:#222; line-height:1; padding:20px 0 10px;}
.inputs .tit.ptb {padding:30px 0;}
.inputs .tit.pt {padding:15px 0 0;}
.inputs .tit.pt1 {padding-top:10px;}
.inputs .tit.ptb:first-child {padding-top:0;}
.inputs .tit em {font-size:10px; color:#5b5b5b;}
.inputs .tit p {font-size:11px; margin-top:5px;}
.inputs .text {height:35px; padding:0 10px; border:#e1e1e1 1px solid; border-radius:10px;}
.inputs input.text,
.inputs select.text {height:35px;}
.inputs textarea.text {height:70px; padding:10px;}
.inputs dl {display:flex; margin-bottom:15px;}
.inputs dl:last-child {margin-bottom:0;}
.inputs dt {width:90px; font-size:14px; color:#222; line-height:35px;}
.inputs dd {width:calc(100% - 90px);}
.inputs dd .sub_half {width:49%; display:inline-block;}
.inputs p.tar {font-size:10px; color:#5b5b5b; margin-top:5px;}
.inputs .btn {display:block; font-size:14px; color:#fff; line-height:36px; height:36px; width:74px; background:#00a8aa; border-radius:5px; margin:15px auto 0;}
.inputs .inputTxt {height: 32px; line-height: 30px; color:#333; background: #fff; padding:2px 10px; border: #e1e1e1 1px solid; border-radius: 10px;}

.inputs.end {padding:20px 20px 50px; text-align:center;}
.inputs.end .icon {display:block; width:65px; height:65px; background:url('/images/icon_end.png') #fff no-repeat 50% 50% / auto 30px; border-radius:50%; margin:0 auto;}
.inputs.end .tt {display:block; font-size:14px; color:#222; line-height:20px; margin:20px 0;}
.inputs.end p {font-size:13px; color:#222; font-weight:300; line-height:20px;}

.yak_pop {position:relative; display:block; width:100%; display:flex; gap:10px; padding:0px; margin:20px 0px;}
.yak_pop a.btn {display:inline-flex;  margin:0px; width:calc((100% - 20px)/3); height:50px; background:#737373; border-radius:10px; justify-content:center; align-items:center; text-align:center; font-size:13px; color:#fff; line-height:1;}

.yak_popup,
.yak_popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.yak_popup {z-index:101; display:none;}
.yak_popup .dm {background:rgba(0,0,0,.65);}
.yak_popup .inbox {position:absolute;top:calc(50% - 150px); left:20px;  width:calc(100% - 40px); background:#fff; padding:20px 10px;}
.yak_popup .btn_close {position:absolute; top:-30px; right:0; width:30px; height:30px;}
.yak_popup .btn_close:before,
.yak_popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:26px; height:2px; background:#fff; margin:-1px 0 0 -13px;}
.yak_popup .btn_close:before {transform:rotate(45deg);}
.yak_popup .btn_close:after {transform:rotate(-45deg);}
.yak_popup .tit {font-size:17px; color:#000; font-weight:700; line-height:20px; padding-bottom:10px; border-bottom:#000 1px solid; width:calc(100% + 10px); margin-bottom:20px;}
.yak_popup .con {font-size:10px; color:#525252; line-height:17px;}
.yak_popup .con li {padding-left:10px; text-indent:-10px;}
.yak_popup .con.mbset li {margin-bottom:15px;}
.yak_popup .con.mbset li:last-child {margin-bottom:0;}
.yak_popup .con.over {overflow:auto; max-height:110px;}
.yak_popup .con.over strong{position:relative; display:block; margin-top:20px;}

.yak_layer{}
.yak_layer .tit {font-size:17px; color:#000; font-weight:700; line-height:20px; padding-bottom:10px; border-bottom:#000 1px solid; width:calc(100% + 10px); margin-bottom:20px;}
.yak_layer .con {font-size:10px; color:#525252; line-height:17px;}
.yak_layer .con li {padding-left:10px; text-indent:-10px;}
.yak_layer .con.mbset li {margin-bottom:15px;}
.yak_layer .con.mbset li:last-child {margin-bottom:0;}
.yak_layer .con.over {overflow:auto; max-height:110px;}
.yak_layer .con.over strong{position:relative; display:block; margin-top:20px;}

.bottom_pop {position:fixed; bottom:0; left:0; width:100%; display:flex; gap:10px; padding:0 15px 20px;}
.bottom_pop a {width:calc((100% - 20px)/3); height:50px; background:#737373; border-radius:10px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:13px; color:#fff; line-height:1;}

.popup,
.popup .dm {position:fixed; bottom:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.65);}
.popup .inbox {position:absolute; bottom:20px; left:20px; width:calc(100% - 40px); background:#fff; padding:20px 10px;}
.popup .btn_close {position:absolute; top:-30px; right:0; width:30px; height:30px;}
.popup .btn_close:before,
.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:26px; height:2px; background:#fff; margin:-1px 0 0 -13px;}
.popup .btn_close:before {transform:rotate(45deg);}
.popup .btn_close:after {transform:rotate(-45deg);}
.popup .tit {font-size:17px; color:#000; font-weight:700; line-height:20px; padding-bottom:10px; border-bottom:#000 1px solid; width:calc(100% + 10px); margin-bottom:20px;}
.popup .con {font-size:10px; color:#525252; line-height:17px;}
.popup .con li {padding-left:10px; text-indent:-10px;}
.popup .con.mbset li {margin-bottom:15px;}
.popup .con.mbset li:last-child {margin-bottom:0;}
.popup .con.over {overflow:auto; max-height:110px;}

.tbl {border:#e1e1e1 1px solid; border-radius:5px; background:#fff; overflow:hidden;}
.tbl.mt {margin-top:10px;}
.tbl.mb {margin-bottom:20px;}
.tbl th,
.tbl td {font-size:12px; line-height:30px; font-weight:400; text-align:center;}
.tbl th {color:#fff; background:#5d5d5d;}
.tbl tbody tr > * {border-bottom:#ccc 1px solid;}
.tbl thead th,
.tbl tbody tr > * {border-right:#ccc 1px solid;}
.tbl tbody tr:last-child * {border-bottom:0;}
.tbl thead th:last-child,
.tbl tbody tr > *:last-child {border-right:0;}

/* 게시판 목록 */
.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_in {border-top:#222 2px solid;}
.board_in th, .board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {position:relative; background:#f5f5f5; color:#333; font-weight:500; line-height:30px;}
.board_in td {color:#666;}

.info_view {position:relative;display:block;border-top:#222 2px solid;}
.info_view li {display:inline-block; width:calc(50% - 2px); height:50px;}
.info_view li span {padding:10px; position:relative; display:inline-block; border-bottom:#ddd 1px solid; line-height:30px;}
.info_view li .tit {width:calc(30% - 10px); background:#f5f5f5; color:#333;}
.info_view li .info {width:calc(70% - 10px); color:#666;}

label.check {display:block; width:24px; margin:0 auto;}
label.check input {display:none;}
label.check i {display:block; width:24px; height:24px; border:#ccc 1px solid; background:#fff;}
label.check i:before {content:""; display:block; width:100%; height:100%; background:url('/images/icon_chk_c.gif') no-repeat 50% 50% / cover; opacity:0;}
label.check input:checked + i:before {opacity:1;}
.checks {display:flex; flex-direction:column; gap:10px; margin-bottom:10px;}
.checks label.check {width:100%; display:flex; gap:10px; align-items:center;}
label.check input:disabled + i:before {content: "\00d7";opacity:0.5;background:none;font-size:40px; font-weight:500;color:#ccc;}

.files_wrap {display:flex; gap:10px; margin:5px 0 15px;}
.files_wrap .img_area {position:relative; width:calc((100% - 20px)/3); height:22vw; max-height:160px; background:url('/images/img_input_before.png') #fff no-repeat 50% 50% / 30px; border:#e1e1e1 1px solid; border-radius:5px;}
.files_wrap input {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:1;}
.files_wrap img {opacity:0; width:100%; height:100%; object-fit:cover;}
.files_wrap .in img {opacity:1;}

.input_direct, .input_break {display:none !important; margin-top:5px;}
.input_direct.on, .input_break.on {display:flex !important;}
.btn_submit {display:block; font-size:17px; color:#fff; line-height:45px; height:45px; width:100%; background:#0056aa; border-radius:5px; margin:15px auto 0; text-align:center; border:0;}

.login_wrap {border:#eee 1px solid; padding:0px;}
.login_wrap .jq_tab {overflow:hidden; padding-right:0px;}
.login_wrap .jq_tab li {float:left; width:50%; height:45px; font-size:18px; color:#0080c6; line-height:43px; text-align:center; cursor:pointer;}
.login_wrap .jq_tab li.on {color:#fff; font-weight:700; background:#0080c6; border-color:#0080c6;}
.login_wrap .cont {position:relative;}

.tab_wrap {border:#eee 1px solid; padding:0px; margin-bottom:20px;}
.tab_wrap {overflow:hidden; padding-right:0px;}
.tab_wrap li {float:left; width:50%; height:45px; font-size:18px; color:#0080c6; line-height:43px; text-align:center; cursor:pointer;}
.tab_wrap li a {display:inline-block; width:100%;}
.tab_wrap li.on {background:#0080c6; border-color:#0080c6;}
.tab_wrap li.on a {color:#fff; font-weight:700;}

.apply_list {overflow:hidden; border:#eee 1px solid; padding:10px; margin-bottom:20px;}

.apply_list dl {position:relative;display:inline-block;  width:100%; margin:20px 0px; font-size:15px;color:#222;}
.apply_list dl:last-child {margin-bottom:0;}
.apply_list dt {display:flex; gap:10px; background:#f9f9f9; border:#e1e1e1 1px solid; border-bottom:0; border-radius:15px 15px 0 0;}
.apply_list dt span{width:50%;line-height:22px; padding:10px;}
.apply_list dd {display:block; width:100%;}
.apply_list dd .info {display:block; padding:10px; border-left:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid;}
.apply_list dd .info span {display:inline-block; width:calc(50% - 20px); line-height:25px; padding:5px 0;}
.apply_list dd .btn_wrap {display:block; background:#b3b4b5; color:#fff; border:0; border-radius:0 0 15px 15px; text-align:center;}
.apply_list dd .btn_wrap a {display:inline-block; width:100%; color:#fff; border-radius:0 0 15px 15px;}
.apply_list dd .btn_wrap a.w50p {width:50%;}
.apply_list dd .btn_wrap a.w50p:first-child {border-radius:0 0 0px 15px;}
.apply_list dd .btn_wrap a.w50p:last-child {border-radius:0 0 15px 0px;}
.apply_list dt, .apply_list dd .btn_wrap {line-height:40px; height:42px; width:100%; font-weight:500;}


.apply_list_new {overflow:hidden; border:#eee 1px solid; padding:10px; margin-bottom:20px;}

.apply_list_new dl {position:relative;display:inline-block;  width:100%; margin:20px 0px; padding-bottom:15px; font-size:15px;color:#222; border:#e1e1e1 1px solid; border-radius:15px 15px;}
.apply_list_new dl:last-child {margin-bottom:0;}
.apply_list_new dt {display:flex; gap:10px; background:#f9f9f9; border:#e1e1e1 1px solid; border-bottom:0; border-radius:15px 15px 0 0;}
.apply_list_new dt span{width:50%;line-height:22px; padding:10px;}
.apply_list_new dd {display:block; width:100%; padding:10px 10px 0px 10px;  }
.apply_list_new dd .info {position:relative;display:inline-block; padding:0 10px;    width: 100%; }
.apply_list_new dd .info .icon {display:inline-block; width:15%; padding:5px 0; border-radius:5px; text-align:center;  border:#e1e1e1 1px solid;}
.apply_list_new dd .info .item {display:inline-block; width:80%; padding:5px 0;}
.apply_list_new dd .info span {display:inline-block; width:80%; padding:5px 0;}
.apply_list_new dd .userInfo {position:relative;display:block; border:0; line-height:40px;  }
.apply_list_new .btn_wrap {position:relative;display:block;  border:0; text-align:center; line-height:40px; margin:10px  10px; border-radius:10px; }
.apply_list_new .btn_wrap span {width:100%; display:block;  background:#b3b4b5; color:#fff; border:0; text-align:center; line-height:40px; padding:0px; border-radius:10px; }
.apply_list_new .btn_wrap a {display:inline-block; width:100%; color:#fff;  border-radius:10px; line-height:40px; }
.apply_list_new .btn_wrap a.w2 {width:calc(50% - 20px); margin:0 10px; border-radius:10px;}
.apply_list_new dt, .apply_list .btn_wrap {line-height:40px; height:42px; width:100%; font-weight:500;}


.btn_s {display:inline-block; background:#00a8aa; font-size:12px; color:#fff; line-height:26px; height:26px; padding:0px 10px;  border-radius:5px;}

.sky {color:#608fad !important;}
.blue {color:#0080c6 !important;}
.black{color:#111 !important;}

.redbg {background:#ff1017 !important; color:#fff !important;}
.bluebg {background:#0080c6 !important; color:#fff !important;}

.search_wrap {background:#f7f7f7; padding:10px 30px; display:flex;}
.search_wrap .text,
.search_wrap .btn {height:30px;border-radius:10px;}
.search_wrap .text {padding:0 10px; border:#ddd 1px solid;}
.search_wrap select.text {width:185px;}
.search_wrap input.text {width:calc(100% - 301px); margin:0 10px;}
.search_wrap .btn {width:96px; color:#fff; font-weight:600; text-align:center; background:#0b407b; border:0;}

.yak_area {padding-top:30px;  font-size:14px; color:#222; font-weight:500; line-height:20px;}
.yak_area p {margin-bottom:10px;}
.yak_area .radios {justify-content:center;}
.yak_area .cont {font-size:12px; color:#000; line-height:20px;background:#fff; padding:15px; border-radius:5px;}


/* 팝업레이어 */
#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}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center;font-size: 17px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#fff;border:0px solid #0080c6}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555; height:42px;line-height:40px; min-width:42px;text-decoration:none;border-radius:0px;}
.pg_page:hover{background-color:#bbb;color:#fff;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/images/page_first.png') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/images/page_prev.png') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/images/page_last.png') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/images/page_next.png') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#0080c6; color:#fff; height:42px;line-height:40px;min-width:42px; font-size: 17px;border:1px solid #0080c6;}


.btn_damage, .btn_photo {display:inline-block; margin-left:5px; font-size:10px; color:#f00; line-height:14px; height:16px; width:16px; border-radius:50%; text-align:center; background:#fff; border:#f00 1px solid;}
.pop_damage_type .inbox {max-width:390px; top:50%; left:50%; bottom:auto; transform:translate(-50%,-50%);}
.damage_list {max-height:calc(100vh - 160px); overflow:auto;}
.damage_list li {margin-bottom:40px;}
.damage_list li:last-child {margin-bottom:0;}
.damage_list p {position:relative; font-size:15px; color:#222; margin-bottom:10px; padding-left:10px;}
.damage_list p:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#222; border-radius:50%;}
.pop_photo_type .inbox {max-width:390px; top:50%; left:50%; bottom:auto; transform:translate(-50%,-50%);}

.prodCon span{position:relative;display:inline-block;}