@charset "utf-8";
 html {
}
 * {
     margin:0;
     padding:0;
     box-sizing:border-box;
}
 body {
     font-family: 'Roboto','Noto Sans KR', sans-serif;
     font-weight: 400;
     font-size:14px;
     color:#444;
}
 ul, ol, li {
     list-style:none;
}
 img, a {
     vertical-align:top;
     border:0;
     background-color: transparent;
     color:inherit;
     font-size: inherit;
     font-weight: inherit;
     font-family: inherit;
}
 button, input, select, textarea {
     vertical-align:top;
     border:1px solid #CCC;
     background-color: transparent;
     color:inherit;
     font-size: inherit;
     font-weight: inherit;
     font-family: inherit;
}
 input {
     height:36px;
     padding:0 5px 0 5px;
     vertical-align: middle;
     border-radius:4px;
}
 select {
     width: auto;
     height:28px;
     padding:0 20px 0 5px;
     vertical-align: middle;
     background: url(../images/icon/ar_box.png) no-repeat 100% 50%;
     border-radius: 0px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 select::-ms-expand {
     display: none;
}
 textarea {
     padding:5px;
}
 a {
     text-decoration:none;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     text-decoration: none;
}
 a:hover {
     text-decoration:none;
}
 a:focus, a:hover {
     color:#0068b7;
}
 address {
     font-style:normal;
}
 caption {
     display:none;
}
 input::-webkit-input-placeholder {
     color:#ccc;
}
 input::-moz-placeholder {
     color:#ccc;
}
 input::-ms-input-placeholder {
     color:#ccc;
}
 #skip a {
     position:absolute;
     top:-9999px;
     left:0;
     width:100%;
     height:0px;
     overflow:hidden;
     background-color: #027bc4;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     text-align: center;
     line-height: 32px;
     z-index: 900;
}
 #skip a:focus {
     top: 0;
     height: 36px;
}
 .none_title {
     display:none;
}



/* ---------- board table ---------- */
.board_table{width:100%;margin:0px auto}
.board_table table{width:100%;border-collapse:collapse}
.board_table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
.board_table th{border-bottom:1px solid #e1e1e1;background-color:#f2f9ff}
.board_table ul{margin-top:0;margin-bottom:10px;padding-left:0;list-style:none}
.board_table ul ul{margin-bottom:0}

/* ---------- board table ---------- */
.board_table2{width:100%;margin:0px auto}
.board_table2 table{width:100%;border-collapse:collapse}
.board_table2 caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
.board_table2 th{border-bottom:1px solid #e1e1e1;background-color:#f2f9ff}
.board_table2 ul{margin-top:0;margin-bottom:10px;padding-left:0;list-style:none}
.board_table2 ul ul{margin-bottom:0}


/* ---------- list page ---------- */
.bbs_list{border-top:2px solid #3e81e7;font-size:14px;line-height:1.42857143}
.bbs_list th{padding:1.5em 0.5em 1.2em;font-size:1.08em;font-weight:600;color:#000;text-align:center}
.bbs_list td{padding:1.3em 0 0.9em;border-bottom:1px solid #e1e1e1;color:#888;text-align:center;font-weight:400;font-size:1.05em}
.bbs_list .subject{text-align:left; padding-left:1.0em;}
.bbs_list .subject > a {color:#000; font-weight:500;}
.bbs_list .subject > a:hover{color:#0068b7}


/* Pagenation */
.list_paging{overflow:hidden;clear:both;margin:1em auto;font-size:1.143em;text-align:center}
.list_paging li{display:inline}
.list_paging li a{display:inline-block;padding:0.3em 0.5em;color:#888;vertical-align:middle}
.list_paging li a:hover{background-color:#f5f5f5;}
.list_paging li.active a{color:#009ec2}


/* 페이징 */
.pg_wrap {clear:both;overflow:hidden;margin:4em auto; text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {font-size:1.0rem;height:35px;line-height:35px;padding:0 5px;min-width:45px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../images/icon/btn_first.gif') no-repeat 50% 50% ;padding:0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../images/icon/btn_prev.gif') no-repeat 50% 50% ;padding:0;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../images/icon/btn_end.gif') no-repeat 50% 50% ;padding:0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../images/icon/btn_next.gif') no-repeat 50% 50% ;padding:0;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;color:#fff;font-weight:bold;height:35px;line-height:35px;padding:0 10px;min-width:35px;border-radius:3px;
background-color: #0068b7; font-size: 1.0rem;
    border-radius: 50%;}

.pg_current_view {display:inline-block;color:#fff;font-weight:bold;height:40px;line-height:18px;padding:12px 25px;min-width:35px;border-radius:10px;
background-color: #0068b7; font-size: 1.0rem;}
.pg_current_view > a{color:#fff;}
.pg_current_view > a:hover{color:#3e81e7;}

.pg_cancel_view {display:inline-block;color:#fff;font-weight:bold;height:40px;line-height:18px;padding:12px 25px;min-width:35px;border-radius:10px;
background-color: #dedede; font-size: 1.0rem;}
.pg_cancel_view > a{color:#666;}
.pg_cancel_view > a:hover{color:#3e81e7;}

.pg_write {float: right; padding:25px 0 0;}

    }


/* Search */
.search_box fieldset legend{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;border-bottom:0}
.search_box{margin:5px -15px}
.search_box form{text-align:right;vertical-align:top;}
.search_box form,.search_box fieldset{border:0}
.search_box select{height:30px;padding:1px 7px;border:1px solid #e1e1e1}
.search_box .inputTxt{height:30px;padding:1px 7px;border:1px solid #e1e1e1}
.search_box .btn_search{display:inline-block;padding:5px 14px;color:#fff;text-align:center;background:#32333a;cursor:pointer;}
.search_box .btn_search:hover{color:#fff;background:#3ea29a}

.search_box.show{margin:1em auto;padding:1em;background-color:#f9f9f9}
.search_box.show form{text-align:center !important}
.search_box.show .inputTxt{}

/* Search2 */
.search_box2 fieldset legend{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;border-bottom:0}
.search_box2{margin:5px 1px}
.search_box2 form{text-align:right;vertical-align:top;}
.search_box2 form,.search_box fieldset{border:0}
.search_box2 select{height:30px;padding:1px 7px;border:1px solid #e1e1e1}
.search_box2 .inputTxt{height:30px;padding:1px 7px;border:1px solid #e1e1e1}
.search_box2 .btn_search{display:inline-block;padding:5px 14px;color:#fff;text-align:center;background:#32333a;cursor:pointer;}
.search_box2 .btn_search:hover{color:#fff;background:#3ea29a}

.search_box2.show{margin:1em auto;padding:1em;background-color:#f9f9f9}
.search_box2.show form{text-align:center !important}
.search_box2.show .inputTxt{}

/* ---------- write page ---------- */
.bbs_write{border-top:2px solid #3e81e7}
.bbs_write th{width:15%;min-width:60px;font-size:0.85em;font-weight:400;color:#555;text-align:center}
.bbs_write td{padding:10px 0 10px 10px;border-bottom:1px solid #e1e1e1;text-align:left;}
.bbs_write .inputSubject{padding:7px;border:1px solid #ccc}
.bbs_write .inputEmail{width:90%;padding:7px;border:1px solid #ccc}
.bbs_write .selectEmail{width:100%;margin-top:2px;padding:7px;border:1px solid #ccc}
.bbs_write .textareaWrite{padding:7px;border:1px solid #ccc;resize:none}
.bbs_write .inputSubject,.bbs_write .textareaWrite,.bbs_write input[type=file]{width:100%}

/* ---------- view page ---------- */
.bbs_view{border-top:2px solid #3e81e7}
.bbs_view th{padding:1em 0.5em;text-align:left;font-size:1.5em}
.bbs_view td{border-bottom:1px solid #e1e1e1;text-align:left;min-height:30px}
.bbs_view .view_info{padding:1em;font-size:1.2em}
.bbs_view .view_info strong,.bbs_view .view_file strong{padding-right:1em;padding-left:1em}
.bbs_view .view_cont{padding:25px 0.5em 25px 1em;line-height:1.95;font-size:1.2em;}
.bbs_view .view_cont_gallery{padding:25px 0.5em 25px 1em;line-height:1.95;font-size:1.2em;text-align:center;}
.bbs_view .view_file,.bbs_view .view_link{padding:1em 0.5em;font-size:1.3em;background-color:#f9f9f9;}
.bbs_view .view_con2{padding:25px 0.5em 25px 1em;line-height:1.95;font-size:1.2em;text-align:left;}
.bbs_view .view_prev_next{padding:0.7em;font-size:1.2em;text-align:center; background-color:#f2f9ff;min-height:26px}


/* ---------- view page prev_next ---------- */
.bbs_pn{border-top:2px solid #3e81e7}
.bbs_pn th{padding:1em 0.5em;text-align:left;font-size:1.5em}
.bbs_pn td{border-bottom:1px solid #e1e1e1;text-align:left;min-height:30px}
.bbs_pn .view_cont{padding:15px 0.5em 15px 1em;line-height:1.95;font-size:1.2em;}
.bbs_pn .view_prev_next{padding:0.7em;font-size:1.2em;text-align:center; background-color:#f2f9ff;min-height:26px;color:#333;}


/* ---------- gallery page ---------- */
.gallery_list{border-top:2px solid #3e81e7;border-bottom:1px solid #cccccc}
.gallery_list ul{position:relative;margin:0.5em 0;margin: 0.5em -1.25em;}
.gallery_list ul:after{clear:both;display:block;content:''}
.gallery_list ul > li{display:inline;float:left;width:32.33333333%;height:200px;margin:1.0em 0 2.5em 0;padding: 0 1.25em; }
.gallery_list ul > li > a > img{display:block;max-width:100%;height:110px;vertical-align:top}
.gallery_list ul > li > p.subject{width:100%;margin:0.5em 3% 0.5em 2%;}
.gallery_list ul > li > p.family{width:100%;margin:1.3em 3% 0.5em 0%}
.gallery_list ul > li > p.family > a{color:#000;font-weight:600;font-size: 1.15em;}
.gallery_list ul > li > p.family > a:hover{color:#0068b7;}
.gallery_list ul > li > p.family > span{display:inline-block;width:100%;color:#888;letter-spacing:-0.01em;font-size:0.9em;}
.gallery_list ul > li > p.family > span.line{margin:1.3em 0 0.5em;border-top: 1px solid #ddd;}
.gallery_list ul > li > p.family > span.date{}
.gallery_list ul > li > p.family > span.bodytxt{font-weight:500;font-size: 1.15em;color:#666;}
.gallery_list .subject{display:block;width:100%;text-align:left;padding:0;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden}


/* padding */
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }

/* margin */

.mT10 { margin-top:10px !important; }
.mT20 { margin-top:20px !important; }
.mT25 { margin-top:25px !important; }
.mT30 { margin-top:30px !important; }
.mT40 { margin-top:40px !important; }
.mT50 { margin-top:50px !important; }
.mT60 { margin-top:60px !important; }

.mB10 { margin-bottom:10px !important; }
.mB20 { margin-bottom:20px !important; }
.mB25 { margin-bottom:25px !important; }
.mB30 { margin-bottom:30px !important; }
.mB40 { margin-bottom:40px !important; }

.mR15 { margin-right:15px !important; }
.mR20 { margin-right:20px !important; }
.mR30 { margin-right:30px !important; }

.mL15 { margin-left:15px !important; }
.mL20 { margin-left:20px !important; }
.mL30 { margin-left:30px !important; }
.mL40 { margin-left:40px !important; }
.mL50 { margin-left:50px !important; }
.mL60 { margin-left:60px !important; }
.mL75 { margin-left:75px !important; }




@media (min-width:992px){
.gallery_list ul > li{width:33.33333333333333%;height:310px}
.gallery_list ul > li > a > img{width:100%;height: 230px;}
}



/* ---------- gallery page ---------- */
.gallery_list2{border-top:2px solid #3e81e7;border-bottom:1px solid #cccccc}
.gallery_list2 ul{position:relative;margin:0.5em 0;margin: 0.5em -1.25em;}
.gallery_list2 ul:after{clear:both;display:block;content:''}
.gallery_list2 ul > li{display:inline;float:left;width:32.33333333%;height:200px;margin:1.0em 0 2.5em 0;padding: 0 1.25em; }
.gallery_list2 ul > li > a > img{display:block;max-width:100%;height:110px;vertical-align:top}
.gallery_list2 ul > li > p.subject{width:100%;margin:0.5em 3% 0.5em 2%;}
.gallery_list2 ul > li > p.family{width:100%;margin:1.3em 3% 0.5em 0%}
.gallery_list2 ul > li > p.family > a{color:#000;font-weight:600;font-size: 1.15em;}
.gallery_list2 ul > li > p.family > a:hover{color:#0068b7;}
.gallery_list2 ul > li > p.family > span{display:inline-block;width:100%;color:#888;letter-spacing:-0.01em;font-size:0.9em;}
.gallery_list2 ul > li > p.family > span.line{margin:1.3em 0 0.5em;border-top: 1px solid #ddd;}
.gallery_list2 ul > li > p.family > span.line2{margin:0.8em 0 0.5em;border-top: 1px solid #ddd;}
.gallery_list2 ul > li > p.family > span.date{}
.gallery_list2 ul > li > p.family > span.bodytxt{font-weight:400;font-size: 1.05em;color:#777;line-height:1.2;}
.gallery_list2 .subject{display:block;width:100%;text-align:left;padding:0;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden}


@media (min-width:992px){
.gallery_list2 ul > li{width:33.33333333333333%;height:370px}
.gallery_list2 ul > li > a > img{width:100%;height: 230px;}
}




 @media screen and (max-width:1024px){
     html {
    }
     * {
         margin:0;
         padding:0;
         box-sizing:border-box;
    }
     body {
         font-weight: 400;
         letter-spacing:-0.02em;
         font-size:14px;
         line-height:1.5;
         color:#444;
         word-break: keep-all;
    }
     ul, ol, li {
         list-style:none;
    }
     img, a {
         vertical-align:top;
         border:0;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     button, input, select, textarea {
         vertical-align:top;
         border:1px solid #CCC;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     input {
         height:30px;
         padding:0 5px 0 5px;
         vertical-align: middle;
         border-radius:4px;
    }
     select {
         width: auto;
         height:28px;
         padding:0 20px 0 5px;
         vertical-align: middle;
         background: url(../images/icon/ar_box.png) no-repeat 100% 50%;
         border-radius: 0px;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
    }
     select::-ms-expand {
         display: none;
    }
     textarea {
         padding:5px;
    }
     a {
         text-decoration:none;
         -webkit-transition: all 0.2s ease;
         transition: all 0.2s ease;
         text-decoration: none;
    }
     a:hover {
         text-decoration:none;
    }
     a:focus, a:hover {
         color:#0068b7;
    }
     address {
         font-style:normal;
    }
     caption {
         display:none;
    }
     input::-webkit-input-placeholder {
         color:#ccc;
    }
     input::-moz-placeholder {
         color:#ccc;
    }
     input::-ms-input-placeholder {
         color:#ccc;
    }
     #skip a {
         position:absolute;
         top:-9999px;
         left:0;
         width:100%;
         height:0px;
         overflow:hidden;
         background-color: #027bc4;
         font-size: 16px;
         font-weight: 500;
         color: #fff;
         text-align: center;
         line-height: 32px;
         z-index: 900;
    }
     #skip a:focus {
         top: 0;
         height: 36px;
    }
}

 @media screen and (max-width:768px){
.gallery_list ul > li{width:32.33333333%;height:275px}
.gallery_list ul > li > a > img{width:100%;height:200px}


.gallery_list2 ul > li{width:32.33333333%;height:275px}
.gallery_list2 ul > li > a > img{width:100%;height:200px}
}


 @media screen and (max-width:767px){
     html {
    }
     * {
         margin:0;
         padding:0;
         box-sizing:border-box;
    }
     body {
         font-weight: 400;
         letter-spacing:-0.02em;
         font-size:13px;
         line-height:1.5;
         color:#444;
         word-break: keep-all;
    }
     ul, ol, li {
         list-style:none;
    }
     img, a {
         vertical-align:top;
         border:0;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     button, input, select, textarea {
         vertical-align:top;
         border:1px solid #CCC;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     input {
         height:28px;
         padding:0 5px 0 5px;
         vertical-align: middle;
    }
     select {
         width: auto;
         height:28px;
         padding:0 20px 0 5px;
         vertical-align: middle;
         background: url(../images/icon/ar_box.png) no-repeat 100% 50%;
         border-radius: 0px;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
    }
     select::-ms-expand {
         display: none;
    }
     textarea {
         padding:5px;
    }
     a {
         text-decoration:none;
         -webkit-transition: all 0.2s ease;
         transition: all 0.2s ease;
         text-decoration: none;
    }
     a:hover {
         text-decoration:none;
    }
     a:focus, a:hover {
         color:#0068b7;
    }
     address {
         font-style:normal;
    }
     caption {
         display:none;
    }
     input::-webkit-input-placeholder {
         color:#ccc;
    }
     input::-moz-placeholder {
         color:#ccc;
    }
     input::-ms-input-placeholder {
         color:#ccc;
    }
     #skip a {
         position:absolute;
         top:-9999px;
         left:0;
         width:100%;
         height:0px;
         overflow:hidden;
         background-color: #027bc4;
         font-size: 16px;
         font-weight: 500;
         color: #fff;
         text-align: center;
         line-height: 32px;
         z-index: 900;
    }
     #skip a:focus {
         top: 0;
         height: 36px;
    } 

.gallery_list ul > li{width:32.33333333%;height:275px}
.gallery_list ul > li > a > img{width:100%;height:200px}

.gallery_list2 ul > li{width:32.33333333%;height:275px}
.gallery_list2 ul > li > a > img{width:100%;height:200px}
}


}