/* common */
html , body {overflow-x:hidden;}
.btn.btn-color {background:#000 !important; border-color:#000 !important;}
@media (max-width:1900px) {
.pc-img {width:100%;}
}
@media (max-width:991px) {
.m-img {width:100%;}
.at-body .at-container {padding:0;}
}
/* page */
.map_wrap > div {width:50%; float:left;}
@media (max-width:991px) {
.map_wrap > div {width:100%;}
.map_wrap > div iframe {height:450px !important;}
}
@media (max-width:767px) {
.map_wrap > div iframe {height:350px !important;}
}
/* board */
/* category */
.list_category {padding:0; margin:0; top:-70px; list-style:none; position:relative; text-align:center;}
.list_category li {display:inline-block; padding:0 10px;}
.list_category li:after {content:"|"; padding:0 0 0 20px; color:#333; font-size:15px; position:relative; top:-1px;}
.list_category li:first-of-type:before {content:"|"; padding:0 20px 0 0; color:#333; font-size:15px; position:relative; top:-1px;}
.list_category li a {color:#666; font-size:16px; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.list_category li.active a {color:#d19c40;}
@media (max-width:1300px) {
.list_category {top:-50px;}
.list_category li:after {padding:0 0 0 10px; font-size:14px;}
.list_category li:first-of-type:before {padding:0 10px 0 0; font-size:14px;}
.list_category li a {font-size:15px;}
}
@media (max-width:991px) {
.list_category {top:0; margin:0 10px 10%; width:calc(100% - 20px); border:1px solid #e5e5e5; border-width:1px 0 0 1px; overflow:hidden;}
.list_category li {display:block; width:25%; float:left; text-align:center; padding:0;}
.list_category li:after {display:none;}
.list_category li:first-of-type:before {display:none;}
.list_category li a {display:block; border:1px solid #e5e5e5; border-width:0 1px 1px 0; padding:10px;}
.list_category li.active a {background:#d19c40; color:#fff;}
}
@media (max-width:767px) {
.list_category li {width:33.33%;}
}
@media (max-width:400px) {
.list_category li {width:50%;}
.list_category li a {padding:5px; font-size:14px;}
}
/* list */
.list-row:hover .img_dim {opacity:1;}
.post-row:hover .img_dim {opacity:1;}
.img_dim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); cursor:pointer; transition:all ease 0.5s; opacity:0;}
.img_dim > div {position:absolute; width:100%; text-align:center; left:0; top:50%; transform:translateY(-50%); color:#fff;}
.img_dim > div span {font-size:16px; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
.img_dim > div h2 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:22px; font-weight:600; font-family:'Noto Sans KR', sans-serif;}
@media (max-width:767px) {
.img_dim > div span {font-size:14px;}
.img_dim > div h2 {font-size:18px;}
}
@media (max-width:500px) {
.img_dim > div span {font-size:13px;}
.img_dim > div h2 {font-size:16px;}
}
/* write */
.wt_wrap {overflow:hidden;}
.wt_wrap .title {border:1px solid #222; border-width:1px 0 1px 0; overflow:hidden; padding:25px 0;}
.wt_wrap .title .pull-left {font-size:20px; color:#333; font-family:'Noto Sans KR', sans-serif;}
.wt_wrap .title .pull-right {color:#d32140; font-size:150px; font-weight:100; position:relative; top:-13px; right:15px;}
.wt_wrap .input {margin-top:40px;}
.wt_wrap .input .group {overflow:hidden;}
.wt_wrap .input .group > div {width:calc(50% - 10px); float:left; border-top:1px solid #b2b2b2; padding:15px; overflow:hidden;}
.wt_wrap .input .group > div:first-of-type {margin-right:10px;}
.wt_wrap .input .group > div:last-of-type {margin-left:10px;}
.wt_wrap .input .group > div label {width:100px; float:left; font-size:16px; color:#333; font-family:'Noto Sans KR', sans-serif; font-weight:300;}
.wt_wrap .input .group > div input,
.wt_wrap .input .group > div select {width:calc(100% - 150px); float:left; margin-left:50px; border:0; box-shadow:none; transition:all ease 0.3s;}
.wt_wrap .input .group > div input:focus,
.wt_wrap .input .group > div select:focus {border:1px solid #000;}
.wt_wrap .input .group.last_group > div {border-bottom:1px solid #b2b2b2;}
.wt_wrap .input .text {border:1px solid #b2b2b2; border-width:1px 0 1px 0; margin-top:40px; padding:40px 0; overflow:hidden;}
.wt_wrap .input .text.file {border:0; margin:0;}
.wt_wrap .input .text > div {padding:15px;}
.wt_wrap .input .text > div > label {width:100px; float:left; font-size:16px; color:#333; font-family:'Noto Sans KR', sans-serif; font-weight:300;}
.wt_wrap .input .text > div > div.txt_wrap {width:calc(100% - 150px) !important; float:left; margin-left:50px; box-shadow:none;}
.write-wrap .write-btn button {padding:10px 5% !important; font-family:'Noto Sans KR', sans-serif; font-size:15px;}
@media (max-width:767px) {
.wt_wrap .title {padding:25px 15px;}
.wt_wrap .input .group > div {width:100%; padding:10px 15px;}
.wt_wrap .input .group > div:first-of-type {margin-right:0;}
.wt_wrap .input .group > div:last-of-type {margin-left:0;}
.wt_wrap .input .group > div label {font-size:15px;}
.wt_wrap .input .group > div input,
.wt_wrap .input .group > div select {border:1px solid #b2b2b2;}
.wt_wrap .input .group.last_group > div {border-bottom:0;}
.wt_wrap .input .text {margin-top:0; padding:10px 0;}
.wt_wrap .input .text > div {padding:0 15px;}
.wt_wrap .input .text > div > label {font-size:15px;}
}
@media (max-width:480px) {
.wt_wrap .input .group > div label {font-size:14px; width:80px;}
.wt_wrap .input .group > div input,
.wt_wrap .input .group > div select {width:calc(100% - 100px); margin-left:20px;}
.wt_wrap .input .text > div > label {font-size:14px; width:80px;}
.wt_wrap .input .text > div > div.txt_wrap {width:calc(100% - 100px) !important; margin-left:20px;}
.wt_wrap .input .text > div > div.txt_wrap textarea {height:200px !important;}
}
/* main */
.banner_wrap .img_wrap {width:50%; float:left;}
@media (max-width:991px) {
.banner_wrap .img_wrap {width:100%;}
}
/* footer */
.at-footer {padding:30px 10px;}
.at-footer .info .pull-left {width:calc(100% - 115px);}
.at-footer .info .pull-left h2 {color:#bcbcbc; font-size:16px; font-family:'Noto Sans KR', sans-serif; font-weight:600; margin:0 0 15px;}
.at-footer .info .pull-left ul {padding:0; margin:0; list-style:none; color:#d6d6d6;}
.at-footer .info .pull-left ul li {font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:200; display:inline-block;}
.at-footer .info .pull-left ul li:after {content:"|"; padding:0 5px 0 8px; font-size:11px; position:relative; top:-2px; color:#4c4c4c;}
.at-footer .info .pull-left ul li:nth-of-type(3):after,
.at-footer .info .pull-left ul li:last-of-type:after {display:none;}
.at-footer .info .pull-left .copy {font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:200; color:#d6d6d6; margin-top:10px;}
.at-footer .info .pull-right {width:115px;}
.at-footer .info .pull-right a {display:inline-block; margin-left:15px;}
@media (max-width:870px) {
.at-footer .info .pull-left ul li {display:block; margin-bottom:3px; font-size:13px;}
.at-footer .info .pull-left ul li:after {display:none;}
}
@media (max-width:500px) {
.at-footer .info .pull-left {width:100%;}
.at-footer .info .pull-left h2 {text-align:center;}
.at-footer .info .pull-left ul li {text-align:center; width:100%;}
.at-footer .info .pull-left .copy {text-align:center;}
.at-footer .info .pull-right {width:100%; text-align:center; margin-top:20px;}
}