/* FONT STYLE */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /*Noto Sans Font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');/*Lato*/
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /* 나눔스퀘어 300,400,700,800 */
/* FONT STYLE */
.ft-basic{font-family: 'Noto Sans KR',serif;}
.ft01{font-family: 'Lato',sans-serif;}
.ft02{font-family: 'NanumSquare',sans-serif;}


/* Basic */
html,body{font-size:10px}
@media (max-width:1240px){html,body{font-size: 9px}}
@media (max-width:768px){html,body{font-size: 8px}}
@media (max-width:500px){html,body{font-size: 7px}}


/* Reset */
*{margin:0; padding:0;outline:none;list-style:none;outline: none;letter-spacing: -0.02em}
/*body,html{overflow-x: hidden;font-family: "Noto Sans KR", sans-serif;line-height: 1.5;font-weight: 300;}*/
body,html{font-family: "Noto Sans KR", sans-serif;line-height: 1.5;font-weight: 300;}
a{text-decoration:none;color:#444}
button{border:none;background-color:transparent;cursor: pointer;}
div,p,ul,li{word-break: keep-all;}
h1, h2, h3, h4, h5, h6{font-size: 1em;font-weight: normal;margin: 0;padding: 0;font-family: inherit;}

/* ========= Font-wight ========= */
.fw200{font-weight: lighter !important}
.fw300{font-weight: 300 !important}
.fw400{font-weight: 400 !important}
.fw500{font-weight: 500 !important}
.fw600{font-weight: 600 !important}
.fw700{font-weight: 700 !important}
.fw800{font-weight: 800 !important}
.fw900{font-weight: 900 !important}

/* ========= Font-size (Font-size:10px기준) ========= */
.ft14{font-size:1.4rem}
.ft16{font-size:1.6rem}
.ft18{font-size:1.8rem}
.ft20{font-size:2.0rem}
.ft22{font-size:2.2rem}
.ft24{font-size:2.4rem}
.ft26{font-size:2.6rem}
.ft28{font-size:2.8rem}
.ft30{font-size:3.0rem}
.ft32{font-size:3.2rem}
.ft34{font-size:3.4rem}
.ft36{font-size:3.6rem}
.ft38{font-size:3.8rem}
.ft40{font-size:4.0rem}
.ft42{font-size:4.2rem}
.ft44{font-size:4.4rem}
.ft46{font-size:4.6rem}
.ft48{font-size:4.8rem}
.ft50{font-size:5.0rem}
.ft55{font-size:5.5rem}
.ft60{font-size:6.0rem}
.ft65{font-size:6.5rem}
.ft70{font-size:7.0rem}
.ft75{font-size:7.5rem}
.ft80{font-size:8.0rem}
.ft85{font-size:8.5rem}
.ft90{font-size:9.0rem}
.ft95{font-size:9.5rem}
.ft100{font-size:10rem}

@media (max-width:1240px){
    .ft22{font-size:2.1rem}
    .ft24{font-size:2.2rem}
    .ft26{font-size:2.3rem}
    .ft28{font-size:2.4rem}
    .ft30{font-size:2.9rem}
    .ft32{font-size:3rem}
    .ft34{font-size:3.2rem}
    .ft36{font-size:3.4rem}
    .ft38{font-size:3.6rem}
    .ft40{font-size:3.8rem}
    .ft42{font-size:4rem}
    .ft44{font-size:4.1rem}
    .ft46{font-size:4.3rem}
    .ft48{font-size:4.6rem}
    .ft50{font-size:4.8rem}
    .ft55{font-size:5.1rem}
    .ft60{font-size:5.3rem}
    .ft65{font-size:5.6rem}
    .ft70{font-size:5.9rem}
    .ft75{font-size:6.2rem}
    .ft80{font-size:6.5rem}
    .ft85{font-size:6.8rem}
    .ft90{font-size:7.1rem}
    .ft95{font-size:7.4rem}
    .ft100{font-size:7.7rem}
}

@media (max-width:768px){
    .ft30{font-size:2.5rem}
    .ft32{font-size:2.7rem}
    .ft34{font-size:2.9rem}
    .ft36{font-size:3rem}
    .ft38{font-size:3.2rem}
    .ft40{font-size:3.4rem}
    .ft42{font-size:3.6rem}
    .ft44{font-size:3.8rem}
    .ft46{font-size:4rem}
    .ft48{font-size:4.1rem}
    .ft50{font-size:4.2rem}
    .ft55{font-size:5.3rem}
    .ft60{font-size:5.4rem}
    .ft65{font-size:5.5rem}
    .ft70{font-size:5.6rem}
    .ft75{font-size:5.7rem}
    .ft80{font-size:5.8rem}
    .ft85{font-size:5.9rem}
    .ft90{font-size:6.0rem}
    .ft95{font-size:6.4rem}
    .ft100{font-size:7rem}
}

/* ========= Color ========= */
.col-wt{color:#fff}
.col-bk{color:#000}
.col01{color: #c5a475;}
.col02{color: #966b2f;}
.col03{color: #5a3e16;}


.bg-wt{background-color:#fff}
.bg-bk{background-color:#000}
.bg-gray{background-color:#f7f7f7}
.bg01{background-color: #c5a475;}
.bg02{background-color: #966b2f;}
.bg03{background-color: #fffbf6;}




/* ========= Margin ========= */
.m-auto{margin:auto}

.mb-0{margin-bottom:0 !important}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-35{margin-bottom: 35px;}
.mb-40{margin-bottom: 40px;}
.mb-45{margin-bottom: 45px;}
.mb-50{margin-bottom: 50px;}
.mb-55{margin-bottom: 55px;}
.mb-60{margin-bottom: 60px;}

.mt-0{margin-top:0 !important}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-55{margin-top: 55px;}
.mt-60{margin-top: 60px;}

.mr-0{margin-right:0 !important}
.ml-0{margin-right:0 !important}

/* ========= Padding ========= */
.pb-0{padding-bottom:0 !important}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-35{padding-bottom: 35px;}
.pb-40{padding-bottom: 40px;}
.pb-45{padding-bottom: 45px;}
.pb-50{padding-bottom: 50px;}
.pb-55{padding-bottom: 55px;}
.pb-60{padding-bottom: 60px;}

.pt-0{padding-top:0 !important}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-30{padding-top: 30px;}
.pt-35{padding-top: 35px;}
.pt-40{padding-top: 40px;}
.pt-45{padding-top: 45px;}
.pt-50{padding-top: 50px;}
.pt-55{padding-top: 55px;}

/* ========= IMG CSS ========= */
.img-view{max-width: 100%;display: block;width: auto;}
.tab-visible,.mo-visible,.fd-visible{display: none !important}


@media (max-width:1240px){
    .tab-hidden{display: none !important}
    .tab-visible{display: block !important}
}
@media (max-width:768px){
    .pc-visible{display: none !important}
    .mo-visible{display: block !important}
}
@media (max-width:550px){
    .fd-hidden{display: none !important}
    .fd-visible{display: block !important}
}

/* ========= Layout ========= */
.section{padding:150px 0}
.section_mini{padding:100px 0}
.ct_box{margin-top:70px}
.text-center{text-align: center}
.block{display: block;}
.flex{display: flex;}
.in-block{display: inline-block}



.max1920{max-width:1920px}
.max1820{max-width:1820px}
.max1700{max-width:1680px}
.max1600{max-width:1600px}
.max1520{max-width:1520px}
.max1440{max-width:1440px}
.max1400{max-width:1400px}
.max1240{max-width:1240px}
.max1200{max-width:1200px}

.w100{width:100%}
.w95{width:95%}
.w90{width:90%}
.w80{width:80%}
.half{width: 50%;}

@media (max-width:1240px){
    .section{padding:100px 0}
    .section_mini{padding:70px 0}
    .ct_box{margin-top:60px}
}

@media (max-width:768px){
    .section{padding:80px 0}
    .ct_box{margin-top:50px}
}


/* 게시판관련 CSS */
#bo_list, #bo_w, #bo_v, #bo_gall, .register {max-width: 1400px;width: 90% !important ;margin:5% auto;font-size:1.6em} 

/* 게시판 LIST */
#bo_list .chk_box{width: 20px !important}
#bo_list .td_name {text-align: center !important}

#bo_gall .gall_img{height: auto !important}
#bo_gall .gall_img img{width: 100%;}
#bo_gall .bo_cnt{display:none}

#bo_cate a{color: #c5a475 ;border:1px solid #c5a475 }


#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background: #c5a475;}
.more_opt{font-size:14px}/* ... 옵션 관련 글자크기 */

/* 게시판 VIEW */
.cmt_btn span.total:after{background:#c5a475 !important}
.cmt_btn span.total{color: #1e3932 !important;}
#bo_v_share {display: none}
#bo_v_img a.view_image{text-align: center !important}

#bo_list tbody tr:hover{border-left:2px solid #c5a475 !important}

#bo_v_img a:first-child img{display: none}


#bo_v_title .bo_v_tit{padding:16px 10px;font-size: 1.8rem;margin-top: 0;border-top: 2px solid #000;font-weight: bold}
#bo_v_info{padding: 14px 10px;border-top: 1px solid #f1f1f1;font-size: 1.1em;}
#bo_v_atc{padding:14px 10px}

@media(max-width: 1024px){
    /* 게시판 VIEW */
    #bo_gall #gall_ul{display: flex;flex-wrap: wrap;}
    .gall_row .col-gn-4{width: 33% !important;float:none;}
}

@media (max-width:768px) {

    #bo_list,#bo_w,#bo_v,#bo_gall{padding-right:0;margin:80px auto}

    /* 게시판 VIEW */
    .gall_row .col-gn-4{width: 50% !important;float:none;}

    /* 게시판 LIST */
    #bo_list .chk_box{width: 20px;}
    #bo_list .td_num2{width: 50px;}
    #bo_list .td_name {width: 75px !important}
    #bo_list .td_num, #bo_list .th05{display:none !important}
    #bo_list .td_datetime{width: 60px;}
}

@media (max-width:550px) {
    /* 게시판 LIST */
    #bo_gall .gall_box{margin-bottom:30px !important}
    /* 게시판 VIEW */
    .gall_row .col-gn-4{width: 100% !important;float:none;}

    .bo_vc_w_info .frm_input{width: 100px;}

}