@media screen and (max-width:1440px){
/* header */
	.header .gnb {gap:20px;}
	.header .gnb a {font-size:15px;}
	.header .search_area .selects {gap:20px;}
	.header .search_area .selects .type {gap:8px;}
	.header .search_area .selects .text {width:140px;}
	.header .search_box .text {width:300px;}
/* footer */
	.quick {right:20px;}
/* sub */
	.board_list col.w1 {width:110px;}
	.board_list col.w2 {width:50px;}
	.board_list col.w3 {width:150px;}
	.board_list th {font-size:16px;}
	.board_list td {font-size:15px;}
}

/* hover */
@media screen and (min-width:1024px){
	.intro .links a:hover {color:#fff; background:#222; border-color:#222;}
	.board_bottom .paging a:hover {color:#7a7a7a; border-color:#888;}
}

/* tablet */
@media screen and (max-width:1023px){
/* intro */
	.intro {height:calc(100vh - 45px);}
	.intro .txt {font-size:40px; line-height:50px;}
	.intro p {font-size:16px; margin:60px 0 15px;}
	.intro .links {gap:15px 20px;}
	.intro .links a {font-size:20px; line-height:78px; height:80px; width:calc((100% - 100px)/6);}
/* header */
	.header .search_area .selects,
	.header .search_box {width:100%;}
	.header .search_box .text {width:calc(100% - 54px);}
	.header .logo {line-height:70px;}
	.header .logo img {height:30px;}
	/* .header .gnb {display:none;} */
	.header .gnb {position:absolute; top:0; left:0; width:100%; padding-left:150px;}
	.header .gnb a {line-height:70px;}
	.header .search_area {padding:15px 0;}
	.header .search_area .selects .type {width:calc(50% - 10px); gap:10px;}
	.header .search_area .selects .type span {width:100%; }
	.header .search_area .selects .text {width:100%;}
/*	.header .search_box .text {border-radius:5px 0 0 5px;}*/
/*	.header .search_box .btn {border-radius:0 5px 5px 0;}*/
	.quick.pc_vw {display:none !important;}
/*	.quick.mo_vw {display:flex !important; position:relative; top:0; right:0; transform:none; display:flex; gap:10px; padding:10px 0;}*/
	.quick.mo_vw {display: flex !important;
        position: relative;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 50px;
        z-index: 100;
        display: flex;
        border-radius: 0px;
        width: 100%;}
	.quick a {font-size:1em; width:80px; height:50px; line-height:48px; margin-bottom:0; border-radius:0px;width: 25%; /*box-shadow:none; border:#d7d7d7 1px solid;*/}
	.quick a br {display:none;}
/* footer */
	.footer {font-size:15px; padding:15px 0;}
/* sub */
	.board_list col.w1 {width:90px;}
	.board_list col.w2 {width:40px;}
	.board_list col.w3 {width:120px;}
	.board_list th {font-size:15px;}
	.board_list td {font-size:14px;}
	.board_list .tal a {padding-left:15px;}

	.rbox {font-size:16px; line-height:24px; margin-bottom:30px;}
	.board_write th,
	.board_write td {padding:15px 0;}
	.board_write th {font-size:16px;}
	.board_write td {font-size:14px;}
	.board_write input.text {line-height:45px; height:45px;}
	.board_write textarea.text {height:260px;}
	.btn_submit {font-size:18px; line-height:50px; height:50px; width:160px; margin-top:40px;}

	.board_view .tit {padding:20px 0;}
	.board_view .tit strong {font-size:20px; line-height:26px;}
	.board_view .tit li {font-size:17px;}
	.board_view .date {font-size:14px; bottom:20px;}
	.board_view .con {padding:25px 0; font-size:15px; line-height:25px;}

	.board_view .gboxs {gap:20px; margin-bottom:60px;}
	.board_view .gboxs .gbox {width:calc((100% - 40px)/3); padding:15px 20px;}
	.board_view .gboxs .tt {font-size:16px; line-height:28px;}
	.board_view .gboxs dl {font-size:14px;}
	.board_view .gboxs dt {width:70px;}
	.board_view .gboxs dd {width:calc(100% - 70px);}

	.btn_list {font-size:15px; line-height:48px; height:50px; width:140px; margin-top:40px;}

	.title {font-size:30px; margin-bottom:35px;}
}

/* mobile */
@media screen and (max-width:767px){
.pc_vw {display:none;}
/* intro */
	.intro {height:calc(100vh - 30px);}
	.intro .txt {font-size:21px; line-height:27px;}
	.intro .txt strong {font-size:32px;}
	.intro p {font-size:13px; margin:40px 0 10px;}
	.intro .links {gap:15px 10px;}
	.intro .links a {font-size:13px; line-height:52px; height:54px; width:calc((100% - 30px)/4);}
	.inner {padding:0 10px;}
/* header */
	.header .search_area {padding:10px 0;}
	.header .search_area .selects {gap:10px;}
	.header .search_area .selects .type {width:100%;}
	.header .search_area .selects .text {height:30px; line-height:28px; font-size:12px; padding:0 30px 0 10px; width:100%}
	.nice-select:after {right:10px; width:12px;}
	.header .search_box .text,
	.header .search_box .btn {font-size:12px; height:30px;}
	.header .search_box .text {padding:0 10px;}

/*	.quick.mo_vw {top:10px; gap: 5px; left: 40%;}*/
/*	.quick a {font-size:12px; width:50px; height:30px; line-height:28px; border-radius:5px;}*/
/* footer */
/*	.footer {font-size:10px; padding:10px 0;}*/
	.footer {padding:30px 0;}
	.footer .name,
	.footer li,
	.footer .copy,
	.footer .links a {font-size:13px; line-height:25px;}
/*	.footer ul {gap:0 20px;}*/
	.footer ul {gap:0 10px; margin:10px 0; width:100%;}
	.footer .right .pc_vw {display:none !important;}
	.footer .right {height:35px; line-height:38px;  text-align:center;}
	.footer .kakao {padding:10px 25px;   font-size:12px;          width: 113px;  }
	.footer li.m_w100p {width:100%;}
	.footer .btm {flex-direction:column; padding-top:12px; margin-top:12px;}
	.footer .links {gap:15px; margin-top:10px;}
	
	
/* sub */
	.container {padding:25px 0 30px; min-height:calc(100vh - 212px);}

	.board_list colgroup,
	.board_list thead {display:none;}
	.board_list table,
	.board_list tbody,
	.board_list td {display:block;}
	.board_list tr {position:relative; display:flex; flex-wrap:wrap; border-bottom:#ddd 1px solid; padding:15px 5px;}
	.board_list td {position:relative; font-size:12px; color:#666; font-weight:400; border:0; height:auto; width:auto; line-height:1.2;}
	.board_list td.tal {width:100%; margin-bottom:10px;}
	.board_list td:nth-child(2) {margin-right:10px;}
	.board_list td:nth-child(2):after {content:""; position:absolute; top:50%; right:-6px; width:2px; height:2px; background:#d7d7d7; border-radius:50%; margin-top:-1px;}
	.board_list td:nth-child(4) {position:absolute; bottom:15px; right:5px;}
	.board_list .tal a {font-size:14px; color:#222; font-weight:700; padding-left:0;}

	.ad_box {margin-bottom:20px; padding:15px;}
	.ad_box .tit {gap:20px; font-size:16px; line-height:30px;}
	.ad_box .tit .btn_pop {font-size:14px; line-height:28px; height:30px; width:76px;}

	.board_bottom .paging {gap:2px; margin-top:30px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:28px; font-size:12px;}
	.board_bottom .paging .prev {margin-right:2px;}
	.board_bottom .paging .next {margin-left:2px;}

	.rbox {font-size:12px; line-height:20px; margin-bottom:20px; padding:10px;}
	.board_write th,
	.board_write td {padding:10px 0;}
	.board_write th {font-size:13px; width:60px;}
	.board_write td {font-size:12px;}
	.board_write .flex {gap:8px;}
	.board_write .nice-select {width:calc(50% - 4px);}
	.board_write input.text {line-height:32px; height:32px;}
	.board_write textarea.text {height:180px;}
	.btn_submit {font-size:14px; line-height:40px; height:40px; width:140px; margin-top:30px;}
	.board_write .w2 {width:60px;}

	.board_view .tit {padding:15px 0;}
	.board_view .tit strong {font-size:15px; line-height:22px;}
	.board_view .tit ul {gap:10px; margin-top:10px;}
	.board_view .tit li {font-size:12px; padding-right: 10px;}
	.board_view .tit li:before {left:-6px; width:2px; height:2px;}
	.board_view .date {font-size:12px; bottom:15px;}
	.board_view .con {padding:15px 0; font-size:13px; line-height:20px;}

	.board_view .gboxs {gap:10px; flex-direction:column; margin-bottom:40px;}
	.board_view .gboxs .gbox {width:100%; padding:10px 15px;}
	.board_view .gboxs .tt {font-size:15px; line-height:24px; }
	.board_view .gboxs dl {font-size:13px; padding:5px 0;}
	.board_view .gboxs dt {width:60px;}
	.board_view .gboxs dd {width:calc(100% - 60px);}

	.btn_list {font-size:14px; line-height:38px; height:40px; width:120px; margin-top:30px;}

	.pg_wrap {font-size:11px;}
	.pg_page {height:28px;line-height:26px; min-width:28px;}
	.pg_current { height:28px;line-height:26px;min-width:28px;}
	.btns .btn {width:80px; height:32px; line-height:30px;  font-size:12px; }
	.terms_area {position:relative; padding:10px 0px;}
	.terms_area .tit {font-size:15px; line-height:30px; margin-bottom:10px;}
	.terms_area .gbox {font-size:11px; line-height:20px; height:100px; overflow:auto;  padding:10px;}
	.terms_area .flex_center {margin-top:25px; display:flex; justify-content:center;}
	label.check {padding-left:30px; font-size:13px; line-height:20px;}
	label.check i {width:20px; height:20px;}
	label.radio {padding-left:24px; font-size:13px; line-height:24px;}
	label.radio i {width:18px; height:18px;}

	.title {font-size:20px; margin-bottom:15px;}
	input.text, select.text {height:32px;}

	.stit {font-size:17px; line-height:1;}
	.stit p {font-size:12px; margin-top:10px;}

	.join_inputs {padding:0px 10px;}
	.join_inputs .terms_area {padding:10px 0px; margin-top:10px;}
	.join_inputs .terms_area.mt {margin-top:20px;}
	.join_inputs .con {font-size:13px; line-height:20px; height:80px; margin-top:10px;}
	.join_inputs .dls {padding:10px 0;}
	.join_inputs .dls dl {line-height:20px; padding:5px 0;}
	.join_inputs .dls dt {width:80px; font-size:13px;}
	.join_inputs .dls dd {width:calc(100% - 80px); font-size:13px;}
	.join_inputs .tel span {width:20px;}
	.join_inputs .dls .text {width:calc((100% - 40px)/3);}
	.join_inputs .btns_tac .btn_kakao,
	.join_inputs .btns_tac .btn_naver {width:100%;}
	.join_inputs .text,
	.join_inputs .btn {height:40px; line-height:38px; font-size:12px;}

	.join_inputs .dls .text {height:40px; font-size:12px;}
	.join_inputs .dls .inbtn .text {width:calc(100% - 90px);}
	.join_inputs .dls .inbtn .btn {width:80px; height:40px; line-height:38px; font-size:12px;}
	
	.popup .title {font-size:16px; line-height:46px; height:46px; padding:0 20px;}
	.popup .btn_close {width:46px; height:46px;}
	.popup .popad_top {padding:20px;}
	.popup .popad_top dl {font-size:13px; line-height:30px;}
	.popup .popad_top dt {width:60px;}
	.popup .popad_top dd {width:calc(100% - 60px);}
	.popup .ad_input {padding:20px;}
	.popup .ad_input .tt {font-size:13px; margin-bottom:10px;}
	.popup .ad_input .flex {gap:10px;}
	.popup .ad_input .w1 {width:100px;}
	.popup .ad_input .w2 {width:calc(100% - 100px);}
	.popup .ad_input .radios {gap:10px; margin-top:10px;}
	.popup .ad_input .btn_submit {width:140px; height:40px; line-height:40px; margin-top:20px;}
}

@media screen and (max-width:500px){
	.header .logo {line-height:50px; z-index: 999;}
	.header .logo img {height:20px;}
	.header .gnb {padding:0 50px 0 72px; /*justify-content:center;*/}
	.header .gnb a {line-height:50px;}

	.header .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0; pointer-events:none; user-select:none; z-index:1; transition:.2s linear;}
	.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:20px; height:2px; margin-left:-10px; background:#333; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:6px;}
	.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);}
/*	.quick.mo_vw {z-index:4; gap:8px; padding:0 0 0 20px; line-height: 50px; /* opacity:0; pointer-events:none; user-select:none; transition:.2s linear;*/}*/
/*	.quick a {font-size:10px; padding:5px; width:100%; height:30px; line-height:28px; border-radius:5px;}*/
	
	.header.on .zup {z-index:2;}
	.header.on .bg,
	.header.on .quick.mo_vw {opacity:1; pointer-events:auto; user-select:auto; position:fixed; top:0; left:0; width:100%; height:100%; padding-top:100px; display:flex; justify-content:center; align-items:flex-start;}
	.icon_tel.mo_vw {display:inline-block !important; width:15px;padding-right:5px;}
	.board_view .tit .date {position: relative; display:inline-block; width:100%; text-align:right; bottom:0;}
	.btn {line-height:34px !important; height:34px !important; font-size:15px !important;}

	.hd_pops {top:60px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {max-width:100% !important; height:auto !important;    max-height:300px; overflow:scroll;}
}