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

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

.btn {display:block; font-weight:600; line-height:64px; height:64px; width:100%; border:0; border-radius:0px; text-align:center;}
.red {color:#f00 !important;}
.bgGray {background:#d1d1d1 !important; color:#333 !important;}
.bgRed {background:#ff7303 !important; color:#fff !important;}
.bgBlue {background:#1face2 !important; color:#fff !important;}


.mo_vw {display:none;}
/* intro */
.intro {position:relative; width:100vw; height:calc(100vh - 56px); display:flex; align-items:center; background:#f5f5f7;}
.intro .inner {display:flex; flex-direction:column; justify-content:center; max-width:1320px;}
.intro .txt {font-size:43px; color:#797979; font-weight:700; line-height:54px;}
.intro .txt strong {color:#222; display:block;}
.intro p {font-size:18px; color:#666; line-height:1; margin:80px 0 20px;}
.intro .links {display:flex; flex-wrap:wrap; gap:20px 24px;}
.intro .links a {display:block; font-size:22px; color:#222; font-weight:700; line-height:88px; height:90px; width:calc((100% - 120px)/6); background:#fff; border-radius:10px; border:#d9d9d9 1px solid; box-shadow:rgba(126,126,126,.1) 0 3px 7px; text-align:center;}

/* header */
.header {position:relative; width:100%; z-index:100; background:#f5f5f7; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .inner {position:relative; display:flex; /*justify-content:space-between;*/}
.header .logo {line-height:100px; font-size:0;}
.header h1 {display:none;}
.header .gnb {display:flex; gap:35px;width:100%;    padding-left:100px;}
.header .gnb a {font-size:19px; color:#222; font-weight:700; line-height:100px;}
.header .search_area {padding:28px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px 0; width:100%;}
.header .search_area .selects {display:flex; flex-wrap:wrap; gap:12px 45px;}
.header .search_area .selects .type {display:flex; gap:12px;}
.header .search_area .selects .text {height:40px; width:182px; font-size:15px; color:#666; font-weight:500;}
.header .search_box {display:flex;}
.header .search_box .text {width:400px; border-right:0;  padding:0 18px;}
.header .search_box .btn { height:40px; line-height:38px; background:#6c6c6c;  text-align:center; font-size:15px; color:#fff; font-weight:500; padding:0 20px;}
.header .gnb a.on {color:#0e5ba2; font-weight:700; }

/* footer */
/*.footer {font-size:16px; color:#bcbcbc; font-weight:600; line-height:1; padding:20px 0; text-align:center; background:#f5f5f7;}*/
/*.footer {background:#f5f5f7; padding:60px 0;}*/
.footer {position:relative; background:#f5f5f7; padding:30px 0 30px;}
.footer .inner {display:flex; justify-content:space-between; font-size:15px; color:#787878;}

.footer .name {font-size:18px; color:#666; font-weight:700; margin-bottom:20px;}
/*.footer ul {display:flex; flex-wrap:wrap; gap:0 26px;  max-width:100%;}*/
/*.footer li {font-size:16px; color:#b4b4b4; font-weight:500; line-height:30px;}*/
.footer ul {display:flex; flex-wrap:wrap; gap:5px 50px; width:700px; max-width:100%; margin:30px 0;}
.footer li {font-size:14px; font-weight:400; line-height:22px;}
.footer p {font-weight:500;}
.footer .btm {display:flex; justify-content:space-between; border-top:rgba(255,255,255,.15) 1px solid;  margin-top:30px;}
.footer .copy {font-size:16px; color:#b4b4b4; font-weight:500;}
.footer .links {display:flex; gap:25px;}
.footer .links a {font-size:16px; color:#e1ac18; font-weight:500;}

.footer .right {  display:flex;  flex-wrap: wrap;      text-align: center;  flex-direction: column;    justify-content: flex-end;    align-content: flex-end; background-color: #fee500;   border-radius: 6px; }

.footer .kakao {padding:5px 5px;  font-weight:600;  height: 48px; font-size:18px; }
.footer .kakao a {color: #191919; }

.quick {position:fixed; bottom:30px; right:2%; /* top:50%; transform:translateY(-50%); */z-index:1;}
.quick a {display:block; width:66px; height:66px; font-size:16px; color:#222; font-weight:600; line-height:21px; background:#fff; text-align:center; display:flex; justify-content:center; align-items:center; margin-bottom:20px; border-radius:50%; box-shadow:rgba(126,126,126,.2) 3px 5px 10px;}
.quick .gotop {border:#d7d7d7 1px solid; background:url('/images/icon_gotop.png') #fff no-repeat 50% 50%; margin:0; font-size:0;}
.quick a.quick_1 {color:#fff; background:#1face2; }
.quick a.quick_2 {color:#fff; background:#1fe27f; }
.quick a.quick_3 {color:#fff; background:#e2af1f; }
.quick a.quick_4 {color:#fff; background:#ff7303; }

.container {padding:34px 0 55px; min-height:calc(100vh - 252px);}
.flex {display:flex;}

.board_list {border-top:#6c6c6c 1px solid;}
.board_list col.w1 {width:140px;}
.board_list col.w2 {width:70px;}
.board_list col.w3 {width:180px;}
.board_list th,
.board_list td {border-bottom:#ddd 1px solid; text-align:center;  line-height:25px; height:55px;}
.board_list th {font-size:17px; color:#222; font-weight:600; height:60px;}
.board_list td {font-size:14px; color:#525252; }
.board_list .tal a {display:block; padding-left:25px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ad_box {background:#f7f9ff; margin-bottom:40px; border-bottom:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; padding:20px;}
.ad_box .tit {display:flex; gap:30px; font-size:20px; color:#0084cc; font-weight:700; line-height:34px;}
.ad_box .tit .btn_pop {display:block; font-size:15px; color:#4d4d4d; line-height:32px; height:34px; width:82px; text-align:center; background:#eee; border:#d7d7d7 1px solid; /*border-radius:4px;*/}
.ad_box td {border:0;}

.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:40px;}
.board_bottom .paging a {width:40px; height:40px; line-height:38px; text-align:center; font-size:17px; border:#fff 1px solid;}
.board_bottom .paging a.on {color:#7a7a7a; border-color:#888;}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}

.rbox {font-size:18px; color:#cf0505; font-weight:500; line-height:25px; padding:20px; text-align:center; margin-bottom:35px; background:#f6e4e4; border-radius:10px;}
.board_write {border-top:#292929 2px solid;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; padding:20px 0;}
.board_write th {font-size:17px; color:#333; width:100px;}
.board_write th.vat {line-height:50px;}
.board_write td {font-size:15px; color:#666; padding-right:15px;}
.board_write .flex {gap:12px;}
.board_write .nice-select {font-size:inherit; line-height:38px; height:40px; width:182px;}
.board_write input.text {height:50px; line-height:50px; border:0; background:#f8f8f8;}
.board_write .w1 {width:500px; max-width:100%;}
.board_write textarea.text {height:320px; border:0; background:#f8f8f8;}
.btn_submit {display:block; font-size:20px; color:#fff; line-height:60px; height:60px; width:170px; background:#292929; border-radius:30px; margin:50px auto 0;}
.board_write .w2 {width:100px;}

.board_view {border-top:#292929 2px solid;}
.board_view .tit {position:relative; padding:25px 0; border-bottom:#ddd 1px solid;}
.board_view .tit strong {display:block; font-size:25px; color:#022; font-weight:700; line-height:30px;}
.board_view .tit ul {display:flex; gap:20px; margin-top:15px;}
.board_view .tit li {position:relative; font-size:20px; color:#666; line-height:20px; padding-right: 30px;}
.board_view .tit li:before {content:""; position:absolute; top:50%; left:-13px; width:6px; height:6px; background:#d7d7d7; border-radius:50%; transform:translateY(-50%);}
.board_view .tit li:first-child:before {display:none;}
.board_view .date {position:absolute; bottom:25px; right:0; font-size:16px; color:#999;}
.board_view .con {border-bottom:#ddd 1px solid; padding:35px 0; font-size:17px; color:#666; line-height:27px;}

.board_view .gboxs {gap:34px; margin-bottom:80px;}
.board_view .gboxs .gbox {width:calc((100% - 68px)/3); border-radius:10px; padding:25px 40px; background:#f5f5f7; box-shadow:rgba(26,26,26,.13) 4px 0 8px;}
.board_view .gboxs .tt {position:relative; font-size:18px; color:#222; line-height:32px; padding-bottom:4px; margin-bottom:20px;}
.board_view .gboxs .tt:after {content:""; position:absolute; bottom:0; left:0; width:60px; height:4px; background:#222;}
.board_view .gboxs dl {display:flex; font-size:15px; line-height:20px; padding:10px 0;}
.board_view .gboxs dt {color:#222; width:90px;}
.board_view .gboxs dd {color:#777; width:calc(100% - 90px);}

.btn_list {display:block; font-size:17px; color:#666; line-height:54px; height:56px; width:150px; border:#ccc 1px solid; margin:50px auto 0; text-align:center;}

.title {font-size:35px; color:#222; font-weight:700; line-height:1; margin-bottom:40px;}
.memo {color:#777;  margin:10px 0;}

/* 로그인 */
.login_wrap .tt {display:block; font-size:22px; color:#333; font-weight:700; line-height:34px; text-align:center; margin-bottom:5px;}
.login_wrap p {font-size:15px; color:#666; text-align:center;}
.login_wrap .inputs {width:420px; max-width:100%; margin:40px auto 15px;}
.login_wrap .inputs .text,
.login_wrap .inputs .btn {display:block; font-weight:600; line-height:64px; height:64px; width:100%; border:0; border-radius:10px;}
.login_wrap .inputs .text {font-size:17px; color:#222; background:#f5f5f5; padding:0 20px; margin-bottom:10px;}
.login_wrap .inputs .btn {font-size:21px; color:#fff; background:#333;}
.login_wrap .links {display:flex; justify-content:center;}
.login_wrap .links a {position:relative; font-size:17px; color:#7e7e7e; line-height:20px; padding:0 35px;}
.login_wrap .links a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:16px; background:#333; transform:translateY(-50%);}
.login_wrap .links a:first-child:before {display:none;}


.btns_tac {display:flex; justify-content:center; gap:12px; margin-top:45px;}
.btns_tac.mt {margin-top:60px;}
.btns_tac .btn {display:block; font-size:15px; color:#323232; line-height:48px; height:50px; width:calc(50% - 6px); border-radius:5px; border:#323232 1px solid; text-align:center;}
.btns_tac .btn_b {width:235px; height:65px; line-height:63px; font-size:20px; border-radius:0;}
.btns_tac .btn_ol {color:#e69138; background:#fff; border-color:#e69138;border-radius:5px;}
.btns_tac .btn_og {color:#fff; background:#e69138; border-color:#e69138;border-radius:5px;}

.join_inputs {width:550px; max-width:100%; margin:0 auto;}
.join_inputs .text_area {margin-top:15px; border:#d7d7d7 1px solid; border-radius:5px; padding:20px 15px;}
.join_inputs .text_area.mt {margin-top:30px;}
.join_inputs .con {margin-top:20px; height:88px; font-size:14px; color:#666; line-height:22px; overflow:auto;}
.join_inputs .btns_tac .btn {margin:0;}
.join_inputs .tit {font-size:20px; color:#111; line-height:1; margin:20px 0px;}
.join_inputs .tit span {font-size:12px; margin-left:10px; display:inline-block; vertical-align:middle;}
.join_inputs .dls {border-top:#323232 1px solid; border-bottom:#e1e1e1 1px solid; padding:20px 0;margin-top:20px;}
.join_inputs .dls .inbox {width:550px; max-width:100%;}
.join_inputs .dls dl {padding:10px 0; display:flex; line-height:20px;}
.join_inputs .dls dl.thin {padding:0; line-height:34px;}
.join_inputs .dls dt {width:130px; font-size:14px; color:#2a2a2a;}
.join_inputs .dls dd {width:calc(100% - 130px); font-size:15px; display:flex; gap:6px; flex-wrap:wrap;}
.join_inputs .dls .text {display:block; height:54px; border-radius:5px; margin:0;}
.text::placeholder {color:#999;}
.join_inputs .dls .inbtn .text {width:200px;}
.join_inputs .dls .inbtn .btn {width:calc(100% - 206px); height:54px; font-size:15px; color:#fff; line-height:54px; text-align:center; background:#323232; border-radius:5px; margin:0;}
.join_inputs .dls .tel {gap:0;}
.join_inputs .tel .text {width:calc((100% - 60px)/3);}
.join_inputs .tel select.text {padding:0 10px;}
.join_inputs .tel span {width:30px; text-align:center; font-size:12px;}

.join_inputs .text,
.join_inputs .btn {display:block; height:54px; line-height:52px; border-radius:5px;}
.join_inputs .text {font-size:14px; border:#e1e1e1 1px solid; margin-top:14px;}
.join_inputs .btn {font-size:15px; color:#fff; background:#323232; margin-top:30px;}


.stit {font-size:24px; color:#000; font-weight:700; line-height:1;padding:20px 0px;}
.stit p {font-size:15px; margin-top:10px;}

.terms_area {position:relative; padding:20px 20px;}
.terms_area .tit {font-size:17px; color:#333; font-weight:700; line-height:30px; margin-bottom:10px;}
.terms_area .gbox {font-size:12px; color:#333; line-height:20px; height:160px; overflow:auto; background:#f8f8f8; padding:30px;}
.terms_area .flex_center {margin-top:35px; display:flex; justify-content:center;}

label.check {position:relative; padding-left:30px; font-size:15px; line-height:20px; display:block;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ddd 1px solid; border-radius:3px; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#03598E; border-radius:2px; transition:.2s linear; transform:translate(-50%,-50%);}
label.check input:checked + i {border-color:#03598E;}
label.check input:checked + i:before  {width:8px; height:8px;}

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


label.material-blue{width:100%; display: inherit; padding:0 5px;}
label.material-blue input {display:none;}
label.material-blue  i  {margin-right: 0px !important; background:#f0f0f1; border-radius:23px; width: 100%;	color:#242428; text-align:center;
}
label.material-blue input:checked + i {  background-color: #0096f3; color: #fff; }


/* 팝업레이어 */
#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:15px;}
.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 #bbb}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555; height:32px;line-height:30px; min-width:32px;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:#fff; color:#333; height:32px;line-height:30px;min-width:32px; border:1px solid #333;}

.btns {position:relative; margin-top:60px; width:100%; text-align:center;}
.btns li {display:inline-block;padding:0 5px;}
.btns .btn {display:inline-block;width:120px; height:46px; line-height:44px; background:#fff; font-size:17px; color:#333; text-align:center; border:#ccc 1px solid;}

.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:530px; max-width:calc(100% - 40px); background:#fff; transform:translate(-50%,-50%);}
.popup .title {font-size:20px; color:#fff; font-weight:700; line-height:56px; height:56px; width:100%; padding:0 30px; background:#1d5bf5; margin:0;}
.popup .btn_close {position:absolute; top:0; right:0; width:56px; height:56px; font-size:0;}
.popup .btn_close:before,
.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:24px; height:1px; background:#fff; margin-left:-12px;}
.popup .btn_close:before {transform:rotate(45deg);}
.popup .btn_close:after {transform:rotate(-45deg);}
.popup .popad_top {padding:30px;}
.popup .popad_top dl {display:flex; font-size:17px; line-height:36px;}
.popup .popad_top dt {color:#222; width:80px;}
.popup .popad_top dd {color:#777; width:calc(100% - 80px);}
.popup .ad_input {background:#f7f9ff; padding:30px;}
.popup .ad_input .tt {font-size:14px; color:#777; line-height:1; margin-bottom:15px;}
.popup .ad_input .flex {gap:20px;}
.popup .ad_input .w1 {width:168px;}
.popup .ad_input .w2 {width:calc(100% - 188px);}
.popup .ad_input .radios {display:flex; gap:20px; margin-top:15px;}
.popup .ad_input .btn_submit {width:180px; height:48px; line-height:48px; border-radius:0; margin-top:30px;}

.mBtn{display:inline-block;padding:0px 20px; height:36px; line-height:34px; background:#fff; font-size:14px; color:#333; text-align:center; border:#ccc 1px solid;}