@charset "utf-8";

/* ����Ͽ� CSS */
/* �⺻ CSS */
#wrap{ width:100%; background-color:#FFF; }
#wrap section{ box-sizing:border-box;}
#wrap_header{ display:flex; flex-flow:column nowrap; width:100%; margin:0 auto;  max-width:980px;  }

/* �������̼� ���� CSS */
.info_section{order:1; width:100%;   border-bottom:1px solid #0054a6; background:#003366; widht:100% }
.info_list{ display:flex; }
.info_list li{ width:25%; text-align:center; }
.info_list li a{ display:block; padding:0; padding:0;}
.info_list li:first-child {display:none}
 
 
/* ��� ���� CSS */
.header{ display:flex; order:2; flex-direction:column; position:relative; width:100%; background:#fff; }
.logo{ order:1; width:99%; padding:0px;  text-align:left; padding-left:1% }
.logo img{width:200px; }

.nav{ order:2; width:100%;   }
.gnb{ display:none; width:100%;}
.gnb li{ display:flex; border-bottom:1px solid #d5d5d5; background-color:#fff }
.gnb li:first-child{ border-top:1px solid #ccc }
.gnb li a{ width:85%; padding:10px 0;   font-size:1em; font-size:1rem; text-indent:10px; text-indent:0.625rem; font-weight:bold; text-transform:uppercase; color:#000}
.gnb li a:hover{color:#993300}
.gnb li span{ width:15%; text-indent:-9999px; background:url(/images/common/v.jpg) center center no-repeat; cursor:pointer;}
.gnb li .gnb_2depth { width:100%; }
.gnb li .gnb_2depth li{  border-bottom:1px solid #d5d5d5;  padding:2px 0px;  padding-left:20px; background-color:#f5f5f5 }
.gnb li .gnb_2depth li a{  font-size:0.9em; font-weight:normal; }

.menu_toggle_btn{ display:block; width:40px;  height:40px; position:absolute; top:20px; top:1.625rem; right:10px; right:0.625rem; text-indent:-9999px; background:url(/images/common/toggle_bt.gif) no-repeat; cursor:pointer;}


/* Ǫ�� ���� CSS */
.footer{order:10;width:100%;background:#474747;}
.footer p{padding:20px;padding:1.250rem;font-size:0.813em;font-size:0.813rem;text-align:center;text-transform:uppercase;font-weight:bold;color:#fff;text-shadow:0px 1px 1px #191919;}




#section_sub {position:relative;   width:100%;    background:url(/images/sub/sub_bg.jpg) center center no-repeat;  text-align:center;  margin-bottom:10px;}
#section_sub .section_sub_title {position:absolute; top:50px; font-size:35px; font-weight:bold; color:#fff; text-align:center; width:100%; }
#section_sub img{width:100%; height:130px}


.section_mid { width:100%;  display:flex;}
.section_left {position: relative; display:none; z-index: 1000;}
.section_contents{width:100%}

 
.section_contents {width:90%; padding:5%;}
.section_contents .sub_title{width:100%;  font-size:24px; font-weight:bold; margin-bottom:0px; text-align:left;   }
.section_contents .sub_location{display:none; }



/* �º���� CSS */
@media all and (min-width:768px){
	
/* �⺻ CSS */
#wrap{flex-flow:row wrap;}

/* ��� ���� CSS */
.header{flex-direction:row;  height:115px; }
.logo{position:absolute;top:0;left:10px;z-index:10;width:15.625%;/* 120px �� 768px */padding:0; text-align:center}
.logo a{display:block;padding:50px 0;padding:3.125rem 0;}
.logo img{width:246px}


.nav{position:relative;min-height:80px;min-height:5.000rem; }
.gnb{position:absolute;top:100%;right:0;z-index:100;width:40.10416666666667%; background:#fff;}
.gnb li{ display:flex; border-bottom:1px solid #ccc }
.gnb li:first-child{ border-top:1px solid #ccc }
.menu_toggle_btn{top:50%;right:30px;right:1.875rem;z-index:20;margin-top:-15px;margin-top:-0.938rem;}


/* Ǫ�� ���� CSS */
.footer p{padding:40px 0;padding:2.500rem 0;}
 
#section_sub img{width:100%; height:200px}
#section_sub .section_sub_title {position:absolute; top:80px; font-size:50px; font-weight:bold; color:#fff; text-align:center; width:100%; }

.section_mid { width:100%;  display:flex;}
.section_left {display:none; }

.section_contents{width:100%; }
.section_contents .sub_title{ font-size:36px;}
 


}






/* PC�� CSS */
@media all and (min-width:980px){
/* �⺻ CSS */
#wrap{position:relative; }
#wrap_header{position:relative;}

/* �������̼� ���� CSS */
.info_section{order:0;position:absolute;top:0px;top:0rem;right:10px;right:1.875rem;z-index:30;width:auto; border-bottom:0; background:#fff; widht:100%}
.info_list li{width:auto;margin-left:15px;margin-left:0.625rem;}
.info_list li a{padding:0;}

.info_list li:first-child {display:block}
.info_list li:last-child {display:none}


/* ��� ���� CSS */
.header{order:1;justify-content:flex-end;position:static; height:115px;}
.logo{width:26.94%;/* 120px �� 960px */  height:115px; margin-top:0px }
.logo img{width:246px}

.nav{display:flex;align-items:center;position:static;width:67.06%;/* 840px �� 960px */ margin-top:20px;}

.gnb{display:flex !important;flex-direction:row; position:static;width:100%; justify-content:flex-end; margin-right:10px; gap: 12px;}
.gnb li{ display:block;margin-left:2%;/* 50px �� 840px */background:none;  padding:20px 0;   font-size:1.5em; font-size:1.5rem; text-indent:20px; text-indent:1.125rem; border-bottom:0px; }
.gnb li a{width:auto;padding:0;text-indent:0; font-size:1.5em; font-size:1.5rem; }
.gnb li:first-child{ border-top:0px solid #ccc }
.gnb li span{display:none;}
.gnb li .gnb_2depth {display:none}

.menu_toggle_btn{display:none;}

/* Ǫ�� ���� CSS */
.footer{order:9;   float:left; margin-top:0px; }
.footer p{padding-left:3.125%;/* 30px �� 960px */text-align:center;}

 
#section_sub {  margin-bottom:40px;} 
#section_sub img{width:980px;  height:200px}
#section_sub .section_sub_title {position:absolute; top:80px; font-size:50px; font-weight:bold; color:#fff; text-align:center; width:100%; }

.section_mid {margin:0 auto;  width:980px;  display:flex;}

.section_left { width:200px; display:block }
.section_left .left_title { width:170px; height:98px; padding-top:72px; color:#fff; font-size:30px;  font-weight:bold; background:url(/images/sub/left_title_bg.gif) center center no-repeat;  text-align:center;   }
.section_left  .left_menu {margin-top:30px;}
.section_left  .left_menu li{font-size:18px; height:50px; padding-left:10px;}
.section_left  .left_menu li a{color:#000}
.section_left  .left_menu li a:hover{color:#993300}
	
	
.section_contents {  width:720px; padding:0px; padding-left:59px;  border-left:1px solid #cdcdcd; margin-bottom:50px; display: flex; flex-direction: column;}
.section_contents .sub_title{width:100%; float:left;   text-align:left; font-size:30px; font-weight:bold; }
.section_contents .sub_location{width:100%; float:left; text-align:right;   display:block;   font-size:14px;margin-bottom:20px; }
.section_contents .sub_location a{color:#000}
}

/* 20250623(레이어팝업 공지) */
.lypoop input {
    width: 16px;
    height: 16px;
    margin: 1px 4px 2px 2px;
    padding: 2px;
    border: none;
    appearance: auto;
}
.lypoop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.lypoop_inn {
    width: 100%;
    justify-content: center;
    display: flex;
}

.lypop1_body {
    position: relative;
    width: 100%;
    display: block;
}
.lypop_close {
    display: flex;
}
.lypop_close_inn {
    position: relative;
    top: -5px;
    background-color: #333;
    text-align: right;
    padding: 8px 15px;
    display: flex;
    flex: 1;
    justify-content: end;
    align-items: center;
}
.lypop_close .today_chk {
    margin-right: 25px;
}
.lypop_close .today_chk label {
    font-size: 13px;
    color: #ccc;
}
.lypop_img {
    width: 540px;
}
.lypop_img img {
    max-width: 100%;
}

/* 20250623 */
.gallery a img {
    height: 140px;
    border-radius: 8px;
}
.gallery_modal {
    cursor:hand;filter:alpha(opacity=40);border:1px solid #ccc;background:#ffffff;
    padding: 15px;
    position: absolute;
    top: 30%;
    left: 14%;
    right: 0;
    margin: 0 auto;
    border-radius: 14px;
    box-shadow: 4px 3px 6px rgba(0,0,0,.1);
}
.gallery_thumb {
    height: 30px;
    padding-top: 10px;
    font-size: 0;
}
.board_write {
    flex-direction: column;
    display: flex;
    margin-top: 10px;
}
.board_write .view_top_cont {
    border-bottom: 1px solid #CCC;
    border-top: 2px solid #666;
    padding: 10px 0;
    overflow: hidden;
}
.board_write .view_mid_cont {
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
    overflow: hidden;
}
.board_write .view_btm_cont {
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
    overflow: hidden;
}
.board_write .view_subject {
    font-size: 22px;
    color: #333;
    font-weight: 400;
    text-align: left;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 4px 20px;
}
.board_write .view_top {
    margin-top: 16px;
}
.board_write .write_stt {
    min-width: 80px;
    font-size: 14px;
}
.board_write .write_stt_pw {
    min-width: auto;
    font-size: 14px;
}
.board_write .write_input {
    flex: 1;
}
.board_write .write_input input {
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
}
.inputbox_subject_full {
    width: 90%;
}
.board_write .write_grp {
    align-items: center;
    gap: 20px;
    display: flex;
}
.board_write .write_edit {
    padding: 20px;
}
.write_file {
    flex: 1;
}
.write_file input {
    width: 100%;
    border: none;
}
.btm_btn_r {
    margin-top: 20px;
    display: flex;
    justify-content: end;
    gap: 10px;
}
button.btn_list {
    min-width: 100px;
    height: 36px;
    background-color: #ddd;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 0 18px;
    cursor: pointer;
}
button.btn_write {
    min-width: 100px;
    height: 36px;
    background-color: #2c3e50;
    border-radius: 4px;
    border: 1px solid #2c3e50;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0 18px;
    cursor: pointer;
}
.captcha_info {
    font-size: 13px;
    color: #333;
}
@media screen and (max-width:639px) {
    .section_contents {
        width: 100%;
        padding: 5% 0;
    }
    .section_contents .sub_title {
        padding: 0 15px;
    }
    .board_write .write_stt {
        min-width: auto;
    }
    .btm_btn_r {
        justify-content: center;
    }
    .board_write .write_input input {
        width: 80%;
    }
    .board_write .write_edit {
        padding: 0;;
    }
    .board_write .view_subject.captcha_stt {
        display: block;
        margin-top: 15px;
    }
    .captcha_info {
        display: block;
    }
}
@media screen and (max-width:361px) {
    .board_write .view_subject {
        gap: 10px;
    }
    .board_write .write_grp {
        gap: 10px;
    }
}
@media screen and (max-width:320px) {
    .board_write .view_subject {
        padding: 4px 0;
    }
    .board_write .input_btm {
        flex-direction: column;
        align-items: start;
    }
    .board_write .write_stt {
        width: 55px;
    }
    .board_write .write_stt_pw {
        width: 55px;
    }
    .board_write .write_input {
        padding-right: 6px;
    }
}