@charset "UTF-8";
/*--------------------------------------------------------- MAIN ---------------------------*/
#wrapper {max-width: calc(1780px + 80px); padding: 0 40px; margin: 0 auto;}
#container {max-width: 1240px; margin: 100px auto;}
#gnb.active {background-color: #1E1C23;}
#logo {filter: invert(1);}

/*sub page일 때*/
.sub-page {height: 430px;}
.sub-page-top {position: relative; z-index: 3;}
.sub-page-top .sub-page-tit {color: #fff; text-align: center; margin: 20px 0 0;}
.sub-page-top .sub-page-tit span {font-size: 14px;}
.sub-page .sub-page-bg {position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 430px;}
.sub-page .sub-page-bg::before {content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; background: linear-gradient(180deg, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%);}
.sub-page #logo p {color: #fff;}
.sub-page .gnb_1da {color: #fff;}
.sub-page #ctt {background: transparent;}
.sub-page #gnb .sch-btn i {filter: invert(1);}
.sub-page #nav-icon3 span:nth-child(1),
.sub-page #nav-icon3 span:nth-child(2),
.sub-page #nav-icon3 span:nth-child(3),
.sub-page #nav-icon3 span:nth-child(4) {background-color: #fff;}

@media screen and (max-width: 1280px) {
    #container {margin: 70px 0;}
    #container_title {margin-top: 70px;}
    .sub-page, .sub-page .sub-page-bg {height: 350px;}
}

@media screen and (max-width: 768px) {
    #container {margin: 40px 0;}
    #container_title {margin-top: 25px;}
    #container_title span {font-size: 30px;}
    .sub-page-top .sub-page-tit {margin-top: 10px;}
    .sub-page, .sub-page .sub-page-bg {height: 220px;}
    .sub-page .sub-page-bg::before {background: linear-gradient(180deg, rgba(0,0,0,0.13) 50%, rgba(255,255,255,0) 100%)}
}

/* 스크롤바 설정*/
body::-webkit-scrollbar {width: 8px; height: 5px;}
body::-webkit-scrollbar-thumb {height: 10%; background: rgba(19,25,33, 1);}
body::-webkit-scrollbar-track {background: rgba(19,25,33, 0.5);}

.main-visual {width: 100%;height: calc(var(--vh, 1vh) * 100) !important;background-size: cover;background-repeat: no-repeat;background-position: bottom;position: relative;}
.main-visual:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.main-visual__pc{
    padding: 56.25% 0px 0px;
    position: absolute;
    user-select: auto;
    bottom: 0;
    left: 0;
    width: 100%;
}
.main-visual__mo{
    position: absolute;
    user-select: auto;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.main-visual__pc iframe{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    user-select: auto;
}
.main-visual__mo iframe{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    user-select: none;
}
.main-visual__pc{display:block}
.main-visual__mo{display:none}


/*--------------------------------------------------------- COMMON ---------------------------*/
[class^=pt-page]{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #000;}
.current-page{z-index: 5;}
.pt-page-main {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index: 9;}
.pt-page-list {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;overflow: hidden;}
.pt-page-detail {position: absolute;width: 100%;height: 100%;top: 0;left: 0;height: 100vh !important;overflow-y: auto;}

/* .pt-page-main.current-page{z-index: 11;} */
[class*=pt-page-move].pt-page-main{z-index: 9;}
[class*=pt-page-move].pt-page-list{z-index: 7;}
[class*=pt-page-move].pt-page-detail{}

.pt-page-main .hd{/* z-index: 7; */position: absolute;}
.pt-page-main .logo{opacity:0}
.pt-page-list .hd{z-index: 0;}
.hd.open-about .logo{opacity:1}


/*--------------------------------------------------------- bbs ---------------------------*/
/* 갤러리 목록 */
/* #bo_gall {overflow: hidden;position: relative;padding-top: 5px;margin-bottom: 100px;}
#bo_gall h2 {font-size: 34px; font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid #757575;}
#bo_gall #gall_ul {margin:30px -10px 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index:1}
#bo_gall .gall_box {position:relative;margin:0 0 50px 0;border-radius:0 0 2px 2px}
#bo_gall .gall_con {position:relative}

#bo_gall .gall_li.list-h-4 .gall_box{
    height: 0;
    padding-bottom: 100%;
}
#bo_gall .gall_li.list-h-6 .gall_box{
    height: 0;
    padding-bottom: calc(5/4*100%);
}


.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
.gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:50%}
.gall_row .col-gn-3 {width:33.33333333%;}
.gall_row .col-gn-4 {width:25%}
.gall_row .col-gn-5 {width:20%}
.gall_row .col-gn-6 {width:16.66666667%}
.gall_row .col-gn-7 {width:14.28571428%}
.gall_row .col-gn-8 {width:12.5%}
.gall_row .col-gn-9 {width:11.11111111%}
.gall_row .col-gn-10 {width:10%}

.gall_row .box_clear {clear:both}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img {border-bottom:unset;text-align:center;background-size: contain;background-repeat: no-repeat;background-position: center;width: 100%;height: calc(100% - 3.75em);position: relative;}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_img img, #bo_gall .gall_img video {max-width:100%;max-height: 100%;height:auto !important;margin: 0 auto;}
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
#bo_gall .gall_img canvas{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#bo_gall .gall_text_href {text-align: center;align-items: flex-end;}
#bo_gall .gall_text_href a {font-weight: 500;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.2;margin-bottom:10px;}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color: #000;font-size:1.2em;word-break: break-word;margin: 0 auto;}
#bo_gall .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_gall .bo_cnt {color:#acacac;line-height:18px;word-break: keep-all;}
#bo_gall .profile_img img {border-radius:50%}
#bo_gall .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

#bo_gall .gall_info {line-height:1.5em;line-height:20px}
#bo_gall .gall_info strong {display:inline-block;margin:0}
#bo_gall .gall_info i {font-size:12px}
#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}

#bo_gall .gall_option {position:absolute;top:10px;right:10px}
#bo_gall .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} */


/* 게시판 읽기 */
#bo_v {box-sizing:border-box}
#bo_v img{
    width: fit-content;
}

#bo_v_atc {min-height:200px;height:auto !important;height:200px;margin: 30px 0 50px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:fit-content;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:0;max-width:100%;height:auto}

#bo_v_con {margin:20px 0 30px;width:100%;line-height:1.7em;min-height:unset;word-break:break-all;overflow:hidden;font-size:18px;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;width: 100%;height:auto}

.bo_v_info {display: flex; flex-direction: column;}
.bo_v_info p {font-size: 16px;}
.bo_v_info p + p {margin-top: 10px;}

/*쓰기*/
#bo_w {
    /* margin-top: 510px; */
    /* overflow: hidden; */
    position: relative;
    /* padding-top: 5px; */
}
.bo_w_text__wrap {
    display: flex;
    padding: 0 24px;
}
.bo_w_text {
    width: 25%;
    position: relative;
}
.bo_w_text:not(:first-child){
    margin-left: 24px;
}
.bo_w_num {position: absolute;width: 38px;height: 38px;background-color: #fff;border-radius: 100%;color: #fff;z-index: 1;left: 0;top: -70px;}
.bo_w_num:after {font-size: 18px;font-weight: 700;top: 0;left: -30%;position: absolute;font-family: 'gotham';}
.bo_w_num.num-1:after{content:'1'}
.bo_w_num.num-2:after{content:'2'}
.bo_w_num.num-3:after{content:'3'}
.bo_w_num.num-4:after{content:'4'}
.bo_w_text-ul {
    border-top: 1px solid #fff;
}
.bo_w_text-li {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #fff;
}
.bo_w_text-li label {
    width: 118px;
    height: 67px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.bo_w_text-li input {
    width: calc(100% - 118px);
    height: 67px;
    font-size: 32px;
    font-weight: 500;
    color: #FF4E00;
    background-color: transparent;
    border: 0;
    background-image: none !important;
}
.bo_w_text-li input:focus,
.bo_w_text-li textarea:focus{
    box-shadow: none !important;
    border: 0 !important;
}
.bo_w_text-li textarea{
    width: calc(100% - 118px);
    font-size: 15px;
    font-weight: 500;
    color: #FF4E00;
    background-color: transparent;
    border: 0;
    background-image: none !important;
}
.bo_w_text-li.li-rowspan-4 {
    height: 269px;
}
.bo_w_text-li.li-rowspan-4 textarea{
    height: 269px;
}
.bo_w_text button{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    display: flex;
    width: 100%;
    height: 269px;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    cursor: none;
}
.bo_w_text button:hover{
    background-color: transparent;
}
.bo_w_text-info {
    margin-top: 90px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    font-family: 'gotham';
    text-align: center;
}



/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1280px) {

}





@media screen and (max-width: 768px) {

    #wrapper {padding: 0 16px;}

    /*--------------------------------------------------------- MAIN ---------------------------*/
    .main-visual__pc{display:none}
    .main-visual__mo{display:block}

    /* 갤러리 목록 */
    /* #bo_gall {margin-top: 59%;} */

    #bo_gall .grid-sizer,
    #bo_gall .gall_li{width:100%}

    /* 게시판 읽기 */
    /* #bo_v {margin-top: 58%} */

    .hd.isDetail {
        height: 49px;
    }

    .hd.isDetail #hd_wrapper {
        display: none;
    }



    /*쓰기*/
    .bo_w_text__wrap {flex-direction: column;padding: 0 14px;}
    .bo_w_text {width: 100%;padding-left: 28px;}
    .bo_w_text:not(:first-child){
        margin-left: 0;
        margin-top: 40px;
    }
    .bo_w_num {
        width: 14px;
        height: 14px;
        top: 0;
    }
    .bo_w_num:after {
        font-size: 5px;
    }

    .bo_w_text-li label {
        height: 25px;
        width: 84px;
        font-size: 7px;
    }
    .bo_w_text-li input {
        height: 25px;
        width: calc(100% - 84px);
        font-size: 12px;
    }

    .bo_w_text-li textarea{
        width: calc(100% - 84px);
        font-size: 8px;
    }
    .bo_w_text-li.li-rowspan-4 {
        height: 99px;
    }
    .bo_w_text-li.li-rowspan-4 textarea{
        height: 99px;
    }
    .bo_w_text button{
        height: 100px;
        font-size: 11px;
    }
    .bo_w_text-info {
        margin-top: 56px;
        font-size: 12px;
    }



}