@charset "utf-8";


.sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
.capntion_sr{width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
.text_line_ellipsis{overflow:hidden; text-overflow: ellipsis; white-space:nowrap;  } /*1줄*/
.list_title{display:flex; align-items: center;}
.list_title .list_new{margin-right:8px; padding:2px 8px; display: block; font-family:'NotoSansKR', sans-serif; border-radius: 4px; font-size:10px; font-weight: normal; color:#ffffff; background: #e90e0e; }
.list_title .add_file_icon{flex-shrink: 0; margin:0 8px; display: block; width:15px; height:16px;}
.list_title .add_file_icon img{width:100%;}
.noti{background: rgba(47, 49, 139, 0.04);}
.noti_badge{padding:4px 0; display: block; border-radius: 4px; color:#ffffff; background: #004998;}


#list_header{padding-bottom:20px; display: flex; justify-content:space-between; align-items: flex-end; border-bottom:2px solid #004998; }
#list_header .table_info{display: flex; justify-content: flex-end; font-size:16px;}
#list_header .board_search{display: flex; align-items: center; font-size:14px;}
#list_header .board_search fieldset{display: flex; align-items: center; justify-content: space-between;}
#list_header .board_search fieldset select {padding: 8px; width:120px; height:40px;  border: 1px solid #999999; -webkit-appearance: none; -moz-appearance: none; appearance: none;  background: url("../images/board/short_down-arrow.svg")no-repeat center right 10px / 9px; }
#list_header .board_search fieldset select,
#list_header .board_search fieldset input {margin: 0; font-size: 14px; color: #555; vertical-align: middle; height: 40px; cursor: pointer;}
#list_header .board_search fieldset .keyword {margin: 0 4px; padding: 7px 8px;  height: 40px; width: 220px;  box-sizing: border-box;  border: 1px solid #b5b5b5;}
#list_header .board_search fieldset .search_btn_wrap input{padding: 10px 20px; display: block; height: 40px;  background: #004998; color:#ffffff; transition: background-color, .3s; }
#list_header .board_search fieldset .search_btn_wrap input[type="submit"]{position: relative; outline: none; border: none; }
#list_header .board_search fieldset .search_btn_wrap input:hover{background-color:#222222;}
#list_header .board_search .list_write{margin-left:8px; padding:8px 20px; height: 40px; background-color: #004998; color:#ffffff; transition: background-color, .3s; }
#list_header .board_search .list_write:hover{background-color:#222222;}

/*pagination*/
#board_pagination{margin-top:40px; display:flex; justify-content: center;}
#board_pagination .paging_inner_wrap{display:flex; align-items: center;}
#board_pagination .paging_inner_wrap .page_num{margin:0 8px; display: flex; justify-content: center; align-items: center; width:40px; height:40px; text-align: center; font-size:16px; border-radius: 50%; }
#board_pagination .paging_inner_wrap .page_num i{display: block;}
#board_pagination .paging_inner_wrap .page_num i svg{fill:#222222;}
#board_pagination .paging_inner_wrap .arrow_box{display: flex; align-items: center;}
#board_pagination .paging_inner_wrap .arrow_box .page_num{margin:0 2px; border:1px solid #999999;}
#board_pagination .paging_inner_wrap .page_num_group{display: flex; align-items: center;}
#board_pagination .paging_inner_wrap .page_num_group .page_num{position: relative;}
/* #board_pagination .paging_inner_wrap .page_num_group .page_num::before{content:""; position: absolute; bottom:4px; left:50%; transform:translateX(-50%); display:block; width:70%; height:2px; background:#004998;} */
#board_pagination .paging_inner_wrap a:hover,
#board_pagination .paging_inner_wrap a:focus{background:#cccde9;}
#board_pagination .paging_inner_wrap .page_num_group .page_num.active{color:#ffffff; background: #004998;}

#table_board{margin:0; padding:0; width:100%; overflow-x: hidden; box-sizing: border-box;}
#table_board .board_table{/*margin-top:12px;*/ width: 100%; table-layout: fixed; text-align: center; font-size: 16px; }
#table_board .board_table thead tr th,
#table_board .board_table tbody tr td{padding: 16px 8px;}
#table_board .board_table thead{border-bottom:1px solid #dbdbdb; background: #f9f9f9;}
#table_board .board_table thead tr th{font-weight: bold; color:#004998;}
#table_board .board_table tbody tr{border-bottom:1px solid #dbdbdb;}
#table_board .board_table tbody tr td.list{padding:0; text-align: left; vertical-align: middle;}
#table_board .board_table tbody tr td.list a{padding: 16px 8px; display: flex; align-items: center; color:#555555; }
#table_board .board_table tbody tr td.list a .t_list_title{margin: 0 8px; font-weight: 400;}
#table_board .board_table tbody tr:hover:not(.noti){background: rgba(47, 49, 139, 0.02);}
#table_board .board_table tbody tr td.list a:hover .t_list_title{color:#004998;}

#simple_list_board{font-size:16px;}
#simple_list_board #list_header{border-bottom: none; flex-direction: column; justify-content: center; align-items: center;}
#simple_list_board #list_header .board_search{padding: 0 28px 8px ; border-bottom:1px solid #999999;}
#simple_list_board #list_header .board_search fieldset .keyword {margin: 0 4px; padding: 12px 8px; height: 56px; width: 360px; box-sizing: border-box;    border:none;}
#simple_list_board #list_header .board_search fieldset input[type="submit"] {position: absolute; padding:0; height:1px;  background-color: inherit; background-image: none;}
#simple_list_board #list_header .board_search .search_btn_wrap label{display: block; width:28px; height:28px; cursor: pointer; }
#simple_list_board #list_header .board_search .search_btn_wrap label svg{fill: #999999; transition: fill .3s;}
#simple_list_board #list_header .board_search fieldset .keyword:focus + .search_btn_wrap label svg{fill: #004998;}
#simple_list_board #list_header .table_info {margin-top:8px; justify-content: center; color:#777777;}

#simple_list_board .simple_list{margin-top:16px;}
#simple_list_board .simple_list a{padding:36px 32px; display:flex; align-items: center; border-bottom:1px solid #dbdbdb; }
#simple_list_board .simple_list a .list_date{flex-shrink:0; display: flex; flex-direction: column; align-items: center;}
#simple_list_board .simple_list a .list_date span{order:1; color:#999999;}
#simple_list_board .simple_list a .list_date strong{font-size:56px; font-weight: 900; line-height: 1; color:#777777; transition: color .3s;}
#simple_list_board .simple_list a .list_info{margin:0 40px; width:100%;}
#simple_list_board .simple_list a .list_info .list_title_wrap{display: flex; align-items: center;}
#simple_list_board .simple_list a .list_info .list_title_wrap span{margin-right:4px; padding:2px 12px; border:1px solid; font-size: 0.95em; font-weight: bold; }
#simple_list_board .simple_list a .list_info .list_title_wrap span.noti{color:#004998; border-color:#004998;}
#simple_list_board .simple_list a .list_info .list_title_wrap span.list_new{ color:#e90e0e; border-color: #e90e0e;}
#simple_list_board .simple_list a .list_info .list_title_wrap .title{font-size:1.375em; color:#555555;}
#simple_list_board .simple_list a .list_info p{margin-top:6px; font-size:1.125em; color: #999999;  transition: color .3s;}
#simple_list_board .simple_list a .board_list_btn{flex-shrink: 0; position: relative; width:56px; height:56px; border:1px solid #777777; border-radius: 50%;  transition: transform,border-color, .3s;}
#simple_list_board .simple_list a .board_list_btn::before{content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);  display: block; border-left: 8px solid #777777; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:none; transition: border-color .3s; }
#simple_list_board .simple_list a:hover .list_date strong{color:#004998;}
#simple_list_board .simple_list a:hover .list_info p{color:#555555;}
#simple_list_board .simple_list a:hover .board_list_btn{border-color:#004998; transform: scale(0.9);}
#simple_list_board .simple_list a:hover .board_list_btn::before{border-left: 8px solid #004998;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #simple_list_board .simple_list a .list_date strong{height:52px; line-height: 1.5;}  
}

#img_list_board {margin:0; padding:0; width:100%; overflow-x: hidden; box-sizing: border-box;}
#img_list_board .img_list_board_wrap{width: 100%; font-size: 16px; }
#img_list_board .img_list_board_wrap ul li a{margin:0 0 20px; padding:24px 0; display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #dddddd;}
#img_list_board .img_list_board_wrap ul li a>div{padding:0 28px;}
#img_list_board .img_list_board_wrap ul li a .img_wrap{position:relative; flex-shrink: 0; width:30%; height: 240px; overflow: hidden;  background: #eeeeee;}
#img_list_board .img_list_board_wrap ul li a .img_wrap img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);  display: block; width: auto; height:120%;}
#img_list_board .img_list_board_wrap ul li a .text_wrap{width:70%;}
#img_list_board .img_list_board_wrap ul li a .text_wrap h4{font-size:1.25em; line-height: 1.5; transition:color .3s;}
#img_list_board .img_list_board_wrap ul li a .text_wrap p{margin-top:4px; color:#555555}
#img_list_board .img_list_board_wrap ul li a .text_wrap time{ margin-top:24px; display: block; font-size:14px; color:#999999}
#img_list_board .img_list_board_wrap ul li a:hover .text_wrap h4{color:#004998;}
#img_list_board .img_list_board_wrap ul li a:hover .text_wrap p{color:#222222}

#gallery_board{margin:0; padding:0; width:100%; overflow-x: hidden; box-sizing: border-box;}
#gallery_board .gallery_list{width: 100%; font-size: 16px; }
#gallery_board .gallery_list ul{margin:0 -12px; display: flex; flex-wrap: wrap; }
#gallery_board .gallery_list ul li{padding:12px 12px 36px; width:25%;}
#gallery_board .gallery_list ul li a{position: relative; display: block; background: #ffffff; overflow: hidden; /* border-radius: 40px 0 40px 0;*/}
/* #gallery_board .gallery_list ul li a::before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 0px solid #004998; border-radius: 40px 0 40px 0; box-sizing: border-box; z-index: 1; transition: border-width, .3s; pointer-events: none;} */
#gallery_board .gallery_list ul li .img_wrap{position:relative; overflow: hidden; font-size:0; line-height: 1; height:260px; background: #eeeeee;}
#gallery_board .gallery_list ul li .img_wrap::before{content: ""; position: absolute; top:0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); opacity: 0; visibility: hidden; transition: opacity .3s,visibility.3s;}
#gallery_board .gallery_list ul li .img_wrap img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);  display: block; width: auto; height:120%; transition: height .5s;}
#gallery_board .gallery_list ul li .text_wrap{position: relative; padding:12px 0 28px;}
#gallery_board .gallery_list ul li .text_wrap h4{font-size:1.125em;}
#gallery_board .gallery_list ul li .text_wrap p{color:#555555; transition:color .3s;}
#gallery_board .gallery_list ul li a:hover .text_wrap p{color:#0069b4;}
#gallery_board .gallery_list ul li a:hover .img_wrap::before{opacity: 1; visibility: visible;}
#gallery_board .gallery_list ul li a:hover .img_wrap img{height:130%;}


#inquiry .inner_wrap{flex-wrap: wrap;}
#inquiry .inner_wrap article{width:100%;}
#inquiry .inquiry_form_wrap{margin:0 auto; width:1000px; }
#inquiry .inquiry_form_wrap fieldset{display: flex; flex-wrap: wrap; margin:0 -20px; }
#inquiry .inquiry_form_wrap fieldset>div{margin-bottom:40px; padding:0 20px; width:50%;}
#inquiry .inquiry_form_wrap fieldset>div:nth-child(n+4){width:100%;}
#inquiry .inquiry_form_wrap fieldset>div label{margin-bottom:4px; display: block; font-size:20px; color:#004998; }
#inquiry .inquiry_form_wrap fieldset>div input{width:100%; padding:16px 20px; background: #eeeeee;  font-weight: normal;   transition:outline .3s; border:none; font-size:16px; }
#inquiry .inquiry_form_wrap fieldset>div textarea{width:100%; padding:16px 20px; font-size:16px; background: #eeeeee; border:none; transition:outline .3s; }
#inquiry .inquiry_form_wrap fieldset>div.submit_wrap{display: flex; justify-content: center;}
#inquiry .inquiry_form_wrap fieldset>div.submit_wrap .inquiry_btn{display:inline-block; padding: 16px 44px; border: none;  width: auto;  font-size: 18px; transition: background-color .3s; background: #004998; color:#ffffff; cursor:pointer; transition: background-color .3s;}
#inquiry .inquiry_form_wrap fieldset>div.submit_wrap .inquiry_btn:hover,
#inquiry .inquiry_form_wrap fieldset>div.submit_wrap .inquiry_btn:focus{background: #222222;}
#inquiry .inquiry_form_wrap fieldset>div.captcha_wrap .captcha_inner{display: flex; align-items: center; flex-wrap: wrap;}
#inquiry .inquiry_form_wrap fieldset>div.captcha_wrap .captcha_input {padding:0; margin-right:8px; width:90px;height:40px;}
#inquiry .inquiry_form_wrap fieldset>div.captcha_wrap span{font-size:14px; color:#E37200;}



#inquiry .filebox {display: flex; justify-content: space-between; align-items: center; margin-bottom:10px;}
#inquiry .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
/* named upload */
#inquiry .filebox .upload-name {width: 100%; padding: 16px 20px; margin-right:4px; background: white; font-weight: normal; transition: outline .3s; border: 1px solid #eee; font-size: 16px; color:#ACACAC;}
#inquiry .filebox label {display: inline-block; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd;    cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;}
#inquiry .filebox.inquiry_file label {padding: 14px 24px; margin-bottom: 0; font-size: 16px; color: #fff; background-color: #004998;}



#inquiry .insert {display: flex;}
#inquiry .insert .insert_file {background: white; border: 1px solid #eee; font-size: 16px; color: #ACACAC;} 




#faq_board { font-size:16px;}
/* #faq_board .faq_board li{ padding:10px 0; } */
#faq_board .questions{position:relative; padding:24px 40px;  display: flex; align-items: center; border:1px solid #dddddd;}
#faq_board .questions::before{content: ""; position: absolute; bottom:0; left:0; display: none; width: 100%; height:2px; background: #004998; }
#faq_board li:nth-child(n+2) .questions{border-top:none;}
#faq_board .questions .flag{flex-shrink: 0; font-size:28px; line-height: 1; font-weight: bold; color:#004998;}
#faq_board .questions .ques_content{margin-left:20px; display: flex; align-items: center; justify-content: space-between; width: 100%; }
#faq_board .questions .ques_content p{font-size:1.25em; line-height: 1.5; transition: color, .3s;}
#faq_board .questions .ques_content span{flex-shrink: 0; margin-left:32px; transform: rotate(-45deg); display: block; width:16px; height:16px; border-left:2px solid #dddddd; border-bottom:2px solid #dddddd; transition: transform, border-color, .3s;}

#faq_board .answer{padding:20px 40px; display: none; border:1px solid #dddddd; border-top: none; background: #f7f7f7;}
#faq_board .answer .answer_inner{display: flex;}
#faq_board .answer .flag{flex-shrink: 0; font-size:28px; line-height: 1; font-weight: bold; color:#555555;}
#faq_board .answer .answer_content{margin-left:20px; overflow: hidden;}

#faq_board .questions.active:before{display: block;}
#faq_board .questions:hover p{color:#004998;}
#faq_board .questions.active p{color:#004998;}
#faq_board .questions.active .ques_content span{transform: rotate(135deg); border-color: #004998; }



#board_write input[type="text"], 
#board_write input[type="password"], 
#board_write select, 
#board_write input[type="date"], 
#board_write input[type="email"], 
#board_write textarea {padding: 8px; width: 200px; font-size: 15px;  border: 1px solid #DDE3EC; vertical-align: middle; box-sizing: border-box;}
#board_write input[type="text"].full_size, 
#board_write input[type="password"].full_size, 
#board_write input[type="email"].full_size,
#board_write select.full_size {width: 100%;}
#board_write table{margin-top: 12px; width: 100%; table-layout: fixed; border-top: 2px solid #004998;}
#board_write table tr {border-bottom: 1px solid #DDE3EC;}
#board_write table th, 
#board_write table td {padding: 24px 5px; font-size: 15px; vertical-align: middle; text-align: center; }
#board_write table th {width:140px; font-weight: bold;}
#board_write table tbody tr td textarea {width: 100%; resize: vertical;}

#board_view .board_view_inner{width:100%; margin:0 auto; }
#board_view .board_view_inner .view_info{ width: 100%; table-layout: fixed; border-top:2px solid #004998; border-bottom:1px solid #dbdbdb; font-size:16px; }
#board_view .board_view_inner .view_info tr{border-bottom: 1px solid #ebebeb;}
#board_view .board_view_inner .view_info tr th{color:#004998; font-weight: bold; background:#f5f5f5;}
#board_view .board_view_inner .view_info tr th,
#board_view .board_view_inner .view_info tr td{padding:20px 16px; vertical-align: middle; }
#board_view .board_view_inner .view_content{padding:40px 20px;  border-bottom:1px solid #dbdbdb; overflow: hidden;}
#board_view .board_view_inner .view_content img{max-width:100%;}
#board_view .board_view_inner .view_controll_btn_wrap{margin:20px -4px 0; display: flex; justify-content:center ;}
#board_view .board_view_inner .view_controll_btn_wrap span{padding:0 4px; }
#board_view .board_view_inner .view_controll_btn_wrap input{padding:12px 48px; background:#004998; color:#ffffff; font-size:16px; transition: background-color, .3s;}
#board_view .board_view_inner .view_controll_btn_wrap input:hover{background: #222222;}
/* 20221109 추가*/
#board_view .board_view_inner .view_header{padding: 28px 20px; border-top:2px solid #004998; border-bottom: 1px solid #dbdbdb;}
#board_view .board_view_inner .view_header h4{font-size: 1.65em;}
#board_view .board_view_inner .view_header .view_date{margin-top: 8px; display: block; font-size:0.88em; color: #999999;}
#board_view .board_view_inner .view_header .view_file{margin-top:20px;}
#board_view .board_view_inner .view_header .view_file li:nth-child(n+2){margin-top: 4px;}
#board_view .board_view_inner .view_header .view_file li a{ font-size:0.88em; color: #555555;}

input[type="button"] {padding: 10px 16px; border: 1px solid #004998;  color: #004998;  background-color: #ffffff;  transition: background-color, color, .3s; cursor: pointer;}

.checkbox_wrap{display: flex; align-items: center; flex-wrap: wrap;}
.content_wrap table td .checkbox_wrap label { margin-right: 32px;}
.checkbox_wrap input[type="checkbox"]{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;width: 1px;}
.checkbox_wrap input[type="checkbox"]:hover,
.checkbox_wrap input[type="checkbox"]:focus{color:#004998;}
.checkbox_wrap input[type="checkbox"]:hover + label:before,
.checkbox_wrap input[type="checkbox"]:focus + label:before{border-color: #004998;}
.checkbox_wrap input[type="checkbox"] + label:hover:before,
.checkbox_wrap input[type="checkbox"] + label:focus:before{border-color: #004998;}
.checkbox_wrap input[type="checkbox"]:active + label:before{transition-duration: 0;filter: brightness(0.2);}
.checkbox_wrap input[type="checkbox"] + label{position: relative; padding: 16px 0 16px 40px; font-weight: normal;}
.checkbox_wrap input[type="checkbox"] + label:before, input[type="checkbox"] + label:after{box-sizing: content-box; position: absolute;content: '';display: block; left: 0;}
.checkbox_wrap input[type="checkbox"] + label:before{top: 50%; width: 32px; height: 32px; margin-top: -18px; border: 1px solid #d9d9d9; text-align: center;}
.checkbox_wrap input[type="checkbox"] + label:after {background-color: #004998; top: 50%; left: 6px; width: 8px; height: 8px; margin-top: -4px; transform: scale(0);  transform-origin: 50%; transition: transform 200ms ease-out;}
.checkbox_wrap input[type="checkbox"] + label:after { background-color: transparent; top: 50%; left: 13px; width: 7px; height: 4px; margin-top: -5px; border-style: solid; border-color: #ffffff; border-width: 0 0 3px 3px; transform: rotate(-45deg) scale(0); transition: none;}
.checkbox_wrap input[type="checkbox"]:checked + label:before {animation: borderscale 200ms ease-in; background: #004998;}
.checkbox_wrap input[type="checkbox"]:checked + label:after { content: ''; transform: rotate(-45deg) scale(1);transition: transform 200ms ease-out;}
.required_dot {margin-left: 4px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #004998;}

.confirm_btn_wrap {margin-top: 32px;  display: flex; justify-content: center; height: 86px;}
.confirm_btn_wrap .btn_inner {padding: 20px;}
.confirm_btn_wrap input[type="button"]{padding:10px 32px; margin:0 4px; width:160px; border-radius: 5px; font-size:16px; border:none; cursor: pointer; transition: background-color, color, .3s;}
.confirm_btn_wrap input[type="button"]:first-child{color:#ffffff; background:#004998;}
.confirm_btn_wrap input[type="button"]:nth-child(n+2){ background:#ffffff; border: 1px solid #004998;}
.confirm_btn_wrap input[type="button"]:hover{background:#222222; color:#ffffff;} 

 
@media(max-width:1240px) {
  #table_board .board_table{font-size: 15px; }
  #table_board colgroup col:nth-child(3),
  #table_board .board_table thead tr th:nth-child(3),
  #table_board .board_table tbody tr td:nth-child(3) {display: none;}

  #img_list_board .img_list_board_wrap ul li a .img_wrap{ max-height: 165px;}

  #gallery_board .gallery_list ul li .img_wrap{height:240px; }
  #gallery_board .gallery_list ul li .text_wrap {padding: 12px 0 20px;}

}

@media(max-width:1024px) {    

  #list_header .table_info span { font-size: 14px;}
  #board_pagination .paging_inner_wrap .page_num{width:32px; height:32px; }

  #table_board .board_table{font-size: 15px; }
  #table_board colgroup col:nth-child(1),
  #table_board .board_table thead tr th:nth-child(1),
  #table_board .board_table tbody tr td:nth-child(1) {width:60px;}
  #table_board colgroup col:nth-child(4),
  #table_board .board_table thead tr th:nth-child(4),
  #table_board .board_table tbody tr td:nth-child(4) {width:120px;}
  #table_board colgroup col:nth-child(5),
  #table_board .board_table thead tr th:nth-child(5),
  #table_board .board_table tbody tr td:nth-child(5) {display: none;}

  #simple_list_board{font-size:15px;}
  #simple_list_board #list_header{display: flex;}
  #simple_list_board #list_header .board_search fieldset .keyword {height: 48px; width: 320px;}
  #simple_list_board .simple_list a {padding: 28px 28px;}
  #simple_list_board .simple_list a .list_date strong {font-size: 48px;}
  #simple_list_board .simple_list a .list_info {margin: 0px 28px;}
  #simple_list_board .simple_list a .list_info .list_title_wrap span {padding: 2px 8px; font-size: 0.94em;}
  #simple_list_board .simple_list a .list_info .list_title_wrap .title {font-size: 1.2em;}
  #simple_list_board .simple_list a .list_info p {margin-top: 4px; font-size: 1.08em;}
  #simple_list_board .simple_list a .board_list_btn {width: 48px; height: 48px;}  

  #img_list_board .img_list_board_wrap {font-size: 15px;}
  #img_list_board .img_list_board_wrap ul li a .text_wrap h4{font-size: 1.2em;} 
  #img_list_board .img_list_board_wrap ul li a .img_wrap{max-height: 153px;}
  
  #gallery_board .gallery_list{font-size: 15px; }
  #gallery_board .gallery_list ul {margin: 0 -10px}
  #gallery_board .gallery_list ul li{padding: 12px 10px 24px; width: 33.3333%; }
  #gallery_board .gallery_list ul li .img_wrap {height: 200px;}

  #inquiry .inquiry_form_wrap{width:100% }
  
  #faq_board { font-size:15px;}
  #faq_board .questions {padding: 20px 28px;}
  #faq_board .questions .flag {font-size: 24px;}
  #faq_board .questions .ques_content p {font-size: 1.2em;}
  #faq_board .questions .ques_content span {margin-left: 24px;  width: 12px; height: 12px;}
  #faq_board .answer {padding: 20px 28px;}
  #faq_board .answer .flag {font-size: 24px;}  

  #board_view .board_view_inner .view_info {font-size: 15px;} 
}

@media(max-width:768px) {
  #list_header {display: block;}
  #list_header .board_search{margin-top:10px;}
  #list_header .board_search form{width:100%;}
  #list_header .board_search fieldset select {width: 25%; flex-shrink: 0;}
  #list_header .board_search fieldset .keyword{width:60%;}
  #list_header .board_search fieldset .search_btn_wrap input[type="submit"] {position:relative; display: block; font-size:0; background-image: url("../images/board/search_icon.svg"); background-repeat: no-repeat; background-position: center center; background-size:16px 16px;}
  #list_header .board_search .list_write { font-size: 0; background-image: url("../images/board/add_rank_icon.svg"); background-repeat: no-repeat; background-position: center center; background-size:16px 16px;}

  #simple_list_board #list_header .board_search {padding: 0 16px 4px;}  
  #simple_list_board #list_header .board_search fieldset .keyword {height: 48px; width: 100%;}
  #simple_list_board #list_header .board_search .search_btn_wrap label {width: 24px; height: 24px;}
  
  #simple_list_board .simple_list a {flex-wrap: wrap; padding: 20px 10px;}
  #simple_list_board .simple_list a .list_date{display: block;}
  #simple_list_board .simple_list a .list_date strong{font-size:1em; font-weight: normal; color:#777777;}
  #simple_list_board .simple_list a .list_info {margin: 8px 0 0;}
  #simple_list_board .simple_list a .board_list_btn {display: none;}



  #gallery_board .gallery_list ul li{width:50%;}
  #gallery_board .gallery_list ul li .text_wrap {padding: 12px 0 16px;}

  #img_list_board .img_list_board_wrap ul li a{padding: 28px 0; margin: 0 -12px;}
  #img_list_board .img_list_board_wrap ul li a>div{padding: 0 12px;}
  #img_list_board .img_list_board_wrap ul li a .img_wrap{ max-height: 122px;}
  #img_list_board .img_list_board_wrap ul li a .text_wrap time{ margin-top:16px; display: block; font-size:12px;}
    
  #inquiry .inquiry_form_wrap fieldset p label {font-size: 18px;}

  #board_view .board_view_inner .view_controll_btn_wrap input{padding:10px 36px;}

}

@media(max-width:540px) {
  #board_pagination .paging_inner_wrap .page_num { margin: 0 4px; font-size: 14px;}  

  #table_board colgroup col:nth-child(4),
  #table_board .board_table thead tr th:nth-child(4),
  #table_board .board_table tbody tr td:nth-child(4) {display: none;}
  #table_board .board_table tbody tr td.list a .t_list_title {margin: 0;}
  
  #img_list_board .img_list_board_wrap ul li a{margin: 0 -8px; flex-wrap: wrap;}
  #img_list_board .img_list_board_wrap ul li a>div {padding: 0 8px;}
  #img_list_board .img_list_board_wrap ul li a .btn_wrap {margin-left: 8px;}
  #img_list_board .img_list_board_wrap ul li a .img_wrap{width:100%; height: auto; max-height: none;}  
  #img_list_board .img_list_board_wrap ul li a .img_wrap img{position:static; top:inherit; left:initial; transform:translate(0, 0); width:100%; height:auto;}
  #img_list_board .img_list_board_wrap ul li a .text_wrap {margin-top:12px; width: 100%;}
  #img_list_board .img_list_board_wrap ul li a .text_wrap h4 i{display: block;}
  #img_list_board .img_list_board_wrap ul li a .text_wrap .text_inner{width: calc(100% - 36px);}
  #img_list_board .img_list_board_wrap ul li a .text_wrap time {margin-top: 12px;}


  #gallery_board .gallery_list ul li{padding: 12px 10px 20px; width:100%;}
  #gallery_board .gallery_list ul li .img_wrap{height:auto;}
  #gallery_board .gallery_list ul li .img_wrap img{position:static; top:inherit; left:initial; transform: translate(0, 0);  width:100%; height:auto;}
  #gallery_board .gallery_list ul li .text_wrap {padding: 12px 0 12px;}

  #board_view .board_view_inner .view_info tr th{width:92px;} 
  #board_view .board_view_inner .view_info tr td{width:100%;}
  #board_view colgroup {display: none;}

 
  #inquiry .inquiry_form_wrap fieldset>div {width: 100%; margin-bottom: 20px;}
  #inquiry .inquiry_form_wrap fieldset>div label {font-size: 16px;}



  #board_write table th {width:80px;}
  /* #board_write table th, 
  #board_write table td {font-size: 14px;} */
  #board_write input[type="file"]{font-size:12px;} 
  .confirm_btn_wrap {margin-top: 8px; height: auto;}
  .confirm_btn_wrap .btn_inner {display: flex;}
  .confirm_btn_wrap input[type="button"] { font-size: 14px;}
    
}