.bbs_wrap { margin:80px auto; max-width: 100%; display:flex; flex-direction: column; align-items: center;}
.board_wrap {position:relative; margin:60px auto; width:100%; padding-bottom:100px; font-size:1em;}
.board_wrap_le {width:25%; float:left;font-size:18px; color:#000; font-weight:bold; text-align:left; padding:0px 0 0px 0;}
.board_wrap_ri {width:75%; float:right;}
.bbs_wrap02 {width:1100px; margin:0 auto;}
.top_noti02{position:relative; display:flex; padding-left:45px; align-items: center; color:#040429;margin-bottom:30px;}
.top_noti02:before{position:absolute; top:50%; left:0; transform: translateY(-50%); width:35px; height:35px; border-radius: 50%; background: var(--main-color-navy); content:'!'; color:var(--main-color-green); display:flex; align-items: center; justify-content: center; }
.lst_header{position:relative; line-height:34px; overflow:hidden; width:540px; margin:0 auto;padding:25px 0 35px;}
.lst_header .search{position:relative; width:100%; }
.lst_header .search input{border-radius:10px; width:370px; font-weight:500; padding-left:15px; height:54px; background:var(--main-color-white); font-size:1.125em;margin-right: 5px;}
.lst_header .search .btn_search{border-radius:10px; color:#fff;  display:inline-block; background:#191877;  display:inline-block; padding: 10px 25px;text-align:center;}

.paging{  clear:both;text-align:center; padding:0; margin:40px 0; position:relative; font-size:1em; line-height:21px; vertical-align:middle;}
.paging span{color: #fff; display: inline-block;    width: 45px; height: 45px; border: none; line-height: 30px; text-align: center; margin: 0 2px;  font-weight: bold;  background: #37b368;  border-radius: 20px;  vertical-align: bottom; }
.paging a{ display:inline-block; width:45px; height:45px; border:none; line-height:45px; text-align:center; margin:0 2px; color:var(--main-color-navy); vertical-align:middle; border-radius:50%; }
.paging a:hover,
.paging a.on{ color:#fff; background:var(--main-color-navy); font-weight:bold;}
.paging .direction,
.paging .direction:hover{ text-indent:-9999px; width:45px; height:45px; border-radius:50%;}
.paging .direction.prev{ background:var(--main-color-white) url("/2025/img/arrow_left.svg") 50% 50% no-repeat; margin-right:10px; background-size: 20%;}
.paging .direction.next{ background:var(--main-color-white) url("/2025/img/arrow_right.svg") 50% 50% no-repeat; margin-left:10px; background-size: 20%;}
.paging .paging-pc{ display:inline-block;}
.paging .paging-m{ display:none;}

/*btn */
.board_btn {padding:30px 0; overflow:hidden;width:100%; }
.board_btn .btn_left {float:left;}
.board_btn .btn_right {float:right;}
.board_btn .btn_center {margin:0 30%; float:left;}
.board_btn [class*='btn_']{display:flex;}
.board_btn .btn_left a{margin-right:10px;}
.board_btn .btn_right a{margin-left:10px;}
.grybt01 {background: #fff; color: #555; display: inline-block; font-size:1em; padding:10px 20px ; border-radius:50px;}
.grybt02 {background: #aaa; color: #fff; display: inline-block; font-size: 12px; height:22px; padding:5px 10px 0 10px; border-radius:3px;margin-right:3px;}
.orgbt01 {background: #2b3a53; color: #fff; display: inline-block; font-size:1em; padding:10px 20px ; border-radius:50px;}
.orgbt02 {background: #2b3a53; color: #fff; display: inline-block; font-size:1em; height:30px; width:80px;padding:30px 0 0 40px; border-radius:50px;}
.blubt01 {background: #008299; color: #fff; display: inline-block; font-size:1em;  padding:10px 20px  border:1px solid #828b9c;border-radius:50px;}

.noti {position:absolute; z-index:10; margin:30px 0 0 -10px;}
.noti span {width:45px; height:45px; color:#fff; font-size:1em; border-radius:50%; display:flex;align-items:center;justify-content:center; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);font-weight:600; }
.noti span.st01 {background:#f3555a;}
.noti span.st02 {background:#00a7e1;}


.t_noti_wrap {width:100%; width:1200px;  margin:0 auto; }
.t_noti_btn {z-index:10;width:100%; width:1200px; position:absolute; top:180px;  overflow:hidden;}
.t_noti_btn_le {float:left;}
.t_noti_btn_le a {background:url("/img/sub/btn_pre.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_le a:hover {background:url("/img/sub/btn_pre_on.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_ri {float:right;}
.t_noti_btn_ri a {background:url("/img/sub/btn_nxt.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_ri a:hover {background:url("/img/sub/btn_nxt_on.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_con {width:1200px; margin:0 auto; overflow:hidden;}
.t_noti_con ul li {width:25%; float:left;  height:420px;}

/* type1 */
.blubt05{    background: #2b3a53;
    color: #fff;
    display: inline-block;
    font-size:1em;
    height: 30px;
    padding: 10px 20px 0 20px;
    border-radius: 50px;}
.lst_board{}
.lst_board.type1 {position:relative; border-top:3px solid var(--main-color-navy); background:var(--main-color-white);}
.lst_board.type1 ul li{display:flex; table-layout:fixed; width:100%; overflow:hidden; border-bottom:1px solid var(--main-color-navy);align-items: center;}
.lst_board.type1 ul li:last-child {border-bottom:1px solid var(--main-color-navy);}
.lst_board.type1 ul li p{display:table-cell;  text-align:center; padding:15px 0; font-size:15px; color:#231f20;width: 68%;}
.lst_board.type1 ul li p.no{width:10%; padding-left:0; text-align:center; font-size:1em; color:#bbb;}
.lst_board.type1 ul li p.subject a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:1.125em; color:#111;  white-space:nowrap;}
.lst_board.type1 ul li p.subject img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type1 ul li p.subject .lock{margin-left:16px; width:20px;}
.lst_board.type1 ul li p.subject span { color:#386ef8; font-size:1em;; display:inline-block; padding-right:10px;}
.lst_board.type1 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type1 ul li p.author .logintype{position:absolute; top:16px; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type1 ul li p.date{width:20%; font-size:1em; color:#555;}
.lst_board.type1 ul li p.date02{width:100px; font-size:1em;}
.lst_board.type1 ul li p.name{width:100px; }
.lst_board.type1 ul li p.state{width:100px;}
.lst_board.type1 ul li p.cate{width:100px;}
.lst_board.type1 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:1em;; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.lst_board.type1 ul li p.state span.ing{background:#ec2836; color:#fff;}
.lst_board.type1 ul li p.state span.fin{background:#555; color:#fff;}
.lst_board.type1 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:1em; color:#084d98;}
.lst_board.type1 .board_empty p{color:#084d98;}

/* type2 */
.lst_board.type2 {position:relative;}
.lst_board.type2 ul{display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 70px 40px; }
.lst_board.type2 ul li{}
.lst_board.type2 ul li div.box { margin:0 auto; border-radius: 20px; background: #fff;overflow:hidden; height:290px;}
.lst_board.type2 ul li div.box>img{width: 100%; height:100%; object-fit: cover;}
.lst_board.type2 ul li div.box + .title{text-align: center; margin-top:20px; color:var(--main-color-navy);font-size:1.125em;}
.lst_board.type2 ul li p {display:block; vertical-align:middle;  text-align:center; font-size:1em; color:var(--main-color-white); margin-top:20px; font-weight:bold; }
.lst_board.type2 ul li p.subject {vertical-align:middle;font-size:1.125em; color:#000; padding:110px 40px 10px 40px; font-weight:500;}
.lst_board.type2 ul li p.txt {vertical-align:middle;font-size:15px; color:#666; padding:0px 40px 20px 40px; font-weight:400;       text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    line-height: 1.6;
    height: 3.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.lst_board.type2 ul li p.date{vertical-align:middle;font-size:1em; color:#231f20; padding:0px 40px 20px 40px; font-weight:400;text-align: center;}
.lst_board.type2 ul li p.date {display: none;}

/* type3 */
.lst_board.type3 {position:relative;  border-top:3px solid #000;}
.lst_board.type3 ul li.tit {text-align:center;background:#eee; color:#333;}
.lst_board.type3 ul li{display:table; table-layout:fixed; width:100%; overflow:hidden; border-bottom:1px solid var(--main-color-navy);}
.lst_board.type3 ul li:last-child {border-bottom:1px solid var(--main-color-navy);}
.lst_board.type3 ul li p{display:table-cell; vertical-align:middle; padding:15px 0; font-size:1em; color:#4f5355;}
.lst_board.type3 ul li p.no{width:50px; padding-left:0; text-align:center; font-size:1em; color:#bbb;}
.lst_board.type3 ul li p.subject01 a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:15px; color:#4f5355;  white-space:nowrap;}
.lst_board.type3 ul li p.subject01 b {font-size:17px; color:#000;}
.lst_board.type3 ul li p.subject01 img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type3 ul li p.subject01 .lock{margin-left:16px; width:16px;}
.lst_board.type3 ul li p.subject01 span { color:#386ef8; font-size:1em;; display:inline-block; padding-right:10px;}
.lst_board.type3 ul li p.subject02 a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:15px; color:#4f5355;  white-space:nowrap;}
.lst_board.type3 ul li p.subject02 b {font-size:17px; color:#000;}
.lst_board.type3 ul li p.subject02 img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type3 ul li p.subject02 .lock{margin-left:16px; width:16px;}
.lst_board.type3 ul li p.subject02 span { color:#386ef8; font-size:1em;; display:inline-block; padding-right:10px;}
.lst_board.type3 ul li p.subject01, .lst_board.type3 ul li p.subject02 {width:240px;}
.lst_board.type3 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type3 ul li p.author .logintype{position:absolute; top:16px; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type3 ul li p.date {width:80px; font-size:1em;  text-align:center;}
.lst_board.type3 ul li p.agree {width:80px; font-size:1em;  text-align:center;}
.lst_board.type3 ul li p.name{width:70px; }
.lst_board.type3 ul li p.state{width:70px;}
.lst_board.type3 ul li p.cate{width:120px;}
.lst_board.type3 ul li p.modify {width:170px;}
.lst_board.type3 ul li p.modify span{display:inline-block; margin:0 1px;vertical-align:middle; width:50px; height:50px; line-height:50px; text-align:center; font-size:1em;; font-weight:700; color:#fff; border-radius:50%;}
.lst_board.type3 ul li p.modify span.st01 {background:#03c75a; color:#fff;}
.lst_board.type3 ul li p.modify span.st02 {background:#aaa; color:#fff;}
.lst_board.type3 ul li p.modify span.st03 {background:#e85084; color:#fff;}
.lst_board.type3 ul li p.cate span{display:inline-block; vertical-align:middle; width:50px; line-height:30px; text-align:center; font-size:1em;; font-weight:700; color:#fff; border-radius:50px;}
.lst_board.type3 ul li p.cate span.st01 {background:#fff; border:1px solid #ccc; color:#e83c7a;}
.lst_board.type3 ul li p.cate span.st02 {background:#fff; border:1px solid #ccc; color:#8f6b6b;}
.lst_board.type3 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:1em;; font-weight:700; color:#fff; border-radius:30px;}
.lst_board.type3 ul li p.state span.ing{background:#fff; border:1px solid #ccc; color:#e83c7a;}
.lst_board.type3 ul li p.state span.fin{background:#fff; border:1px solid #ccc; color:#8f6b6b;}
.lst_board.type3 ul li p.file {width:120px;}
.lst_board.type3 ul li p.file a {background:url("/img/sub/ico_down.png") right 5px no-repeat; padding:5px 30px 5px 5px;border:1px solid #ccc; color:#e83c7a;text-align:center; font-size:1em;; color:#333; border-radius:5px;}
.lst_board.type3 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:1em; color:#084d98;}
.lst_board.type3 .board_empty p{color:#084d98;}

.board_wrap .tip {padding:50px 0 20px 0; color:#333; font-size:1.125em;}
.faqList{overflow:hidden; width:100%; margin-bottom:0; border-top:3px solid var(--main-color-navy); text-align:left; background:#fff;}
.faqList ul li { border-bottom:1px solid var(--main-color-navy); float:left; width:100%;padding:30px 20px;font-size:1.125em;overflow: hidden;}
.faqList ul li img{
    max-width: 100%;
    display: block;
}
.faqList ul li>.tit-faq{
    display: flex;
    align-items: center;
}
.bbstit{width:100%;}
.faqList .bbstit{position:relative; width:100%; padding-left:50px; color:#040429; cursor: pointer; display:flex; align-items: center;}
.faqList .bbstit:before{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--main-color-green);
    content: 'Q';
    color: var(--main-color-navy);
    display: flex;
    align-items: center;
    justify-content: center;}

.faqList ul li>.tit-faq>p>a{ font-size:1em; }
.faqList ul li>.tit-faq>.downloadimg{
    background: url(../../img/common/download.png);
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 5px;
}
.faqList ul li>.tit-faq>p:hover{
    color: #12a3e9;
}.faqList ul li ul li {overflow:hidden;  line-height:24px;border-bottom:0;font-size:1em; padding: 20px 0;}
/*.faqList ul li ul li > p {padding:10px 50px;}*/
/*.faqList ul li ul li > p span { color:#000; padding:25px 0 10px 0;display:block;font-weight:700;}*/
.bo_v_com{margin-top: 100px;}


/* view */
.viewType02{border-top:3px solid var(--main-color-navy); border-bottom:1px solid var(--main-color-navy); background:var(--main-color-white);}
.viewType02 dt {padding-top:30px;border-bottom:1px solid var(--main-color-navy); text-align:center;}
.viewType02 dt .titA {font-size:2em; line-height: 1.5; margin: 0 auto; color:var(--main-color-navy);}
.viewType02 dt .titA span {color:#0047ff;}
.viewType02 dt .dateA {color: #666; padding:10px 0 30px 0;font-size:1em;  }
.viewType02 dt .dateA span {display:inline-block; padding-right:15px; font-size:1em;}
.viewType02 dd .dataA {text-align:left;padding:1em 0;width: 100%; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .dataA ul li {padding:5px 10px;}
.viewType02 dd .dataA span {color:#000; display:inline-block; padding-right:15px; font-size:1em;}
.viewType02 dt .coop { padding:20px 0 10px 0;font-size: 1em; color: #777; overflow: hidden; }
.viewType02 dt .coop span { background:url("/img/sub/icon_coop.png") 0 2px no-repeat; padding:0 0 0 25px;}

.viewType02 dt .cate {ont-size: 12px; font-weight: bold; color: #bc9a5d; text-align:center; padding:0 0 30px 0;}
.viewType02 dt .posA {font-size: 1em; color: #f1732f; text-align:center; padding:10px 0 0 0;}
/*.viewType02 dd .fileA  {text-align:left;background: #f8f8f8; padding:1em;width: 100%; border-top:1px solid #e5e5e5; font-size:1em;}*/
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 4px; content: ""; left: 0;padding:0 20px 5px 20px; top: -2px; font-size:1em;display:block;}
.viewType02 dd {padding:0 ; border-bottom:1px solid var(--main-color-navy);}
.viewType02 dd .viewCon {color:#231f20; line-height:25px; padding:50px; word-break:break-all; }

.viewType02 dd .viewCon img{overflow:hidden;position:relative; margin-bottom:10px; height: auto !important;}
.viewType02 dd .viewCon div.btn {position:absolute;top:1150px; z-index:99; width:1100px; margin:0 auto;}
.viewType02 dd .viewCon div.btn p.img_prev{float:left;}
.viewType02 dd .viewCon div.btn p.img_next{float:right;}
.viewType02 dd .viewCon div.v_con_list {width:100% !important; overflow:hidden;position:relative; margin-bottom:10px;}
.viewType02 dd .viewCon div.v_con_list ul li {width:135px; height:79px; float:left; margin-right:2px; margin-bottom:1px; overflow:hidden;}
.viewType02 dd .viewCon div.v_con_list ul li img {width:100%; border:1px solid #fff;}

.viewShiftA{border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; clear:both;}
.viewShiftA p{padding:15px 0; border-top:1px solid #e1e1e1;  color:#555}
.viewShiftA p:first-child{border-top:none}
.viewShiftA span.Tit{color:#000; display:inline-block; padding:0 20px;}
.viewShiftA span.data{color:#000; display:inline-block; font-size:1em;}
.viewShiftA a{white-space:nowrap; text-overflow:ellipsis}
.viewShiftA a:hover{text-decoration:underline;}


.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7 url("/img/sub/ico_qna.gif") no-repeat scroll 25px 25px; }
.qna_viewA p.an {padding:25px 25px 25px 50px;color:#000; line-height:24px;font-size:1em;}
.qna_viewA p.btn {padding:0 25px 25px 0;text-align:right;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px;vertical-align:top;position:relative;height:70px;}
.qna_writeA p.qna_writeA_le {width:90%;display:inline-block; float:left;}
.qna_writeA p.qna_writeA_le textarea {border:1px solid #ccc; width:100%; display:inline-block;height:55px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.qna_writeA p.qna_writeA_ri {width:7%;display:inline-block; float:right;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:45px; padding-top:30px;text-align:center;}

.shareA {text-align:right; vertical-align:middle; padding:20px 0 0 0;width:90%;  margin:0 auto;}
.shareA span { padding:0 20px 0 0;}
.shareA a {display:inline-block; padding:0 0 0 0;border-radius:20px;overflow:hidden; margin-right:2px;}

.message {padding-top:50px;width:100%;  margin:0 auto;}
.msg_write {margin-bottom:30px; display:flex; justify-content: center; align-items: center; width:100%; padding:20px; background:rgba(0,0,0,0.2);}
.msg_write01 {}
.msg_write01 textarea, .msg_write01 textarea:focus{width:100%; border-radius: 8px; border:1px solid #ccc;  height:80px; color:#666; padding:10px; background:var(--main-color-white);}
.msg_write02 {text-align:center;}
.msg_write .msg_write02{margin-left:20px;}
.msg_write03 {border-bottom:1px solid #f0f0f1;text-align:left; height:38px;}
.msg_write03 input {border:0;background:none; padding:5px 0 0 20px;}
.btn_msg {background:var(--main-color-navy); padding:10px 20px; color:#fff; border-radius:50px ;display:inline-block;text-align:center; padding-top:5px; font-weight:700;}
.msg_total {text-align: left;font-size:1em; color:#666; padding-bottom:10px;}
.msg_total b {color:#000;}
.msg_list {width:100%; position: relative; text-align: left; font-size:1em; background:var(--main-color-white);}
.msg_list ul li {width:100%; padding:20px; border-bottom:1px solid #dfe0e1;}
.msg_list ul li p.name {padding-bottom:10px; color:#000; font-weight:700;}
.msg_list ul li p.name span {margin-right:10px; vertical-align:middle;}
.msg_list ul li p.txt {padding-bottom:5px; color:#626264;  text-overflow:ellipsis;}
.msg_list ul li p.date { color:#838486; font-size:1em;}
.msg_list ul li p.date  a {    background: red;
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
    padding: 8px 15px;
    border-radius: 50px; }


/* write */
.wrt_board{border-top:3px solid var(--main-color-navy); border-bottom:1px solid var(--main-color-navy); background: var(--main-color-white);}
.wrt_board dl{display:table; table-layout:fixed; width:100%;}
.wrt_board dl + dl{border-top:1px solid #c5c8d3;}
.wrt_board dl dt, .wrt_board dl dd{display:table-cell; min-height:44px; padding:7px 0; text-align:left; font-weight:700;}
.wrt_board dl dd p {font-size:1em; font-weight:400;}
.wrt_board dl dt{width:15%; vertical-align:top; padding:15px; line-height:44px; font-size:1em; color:#333;}
.wrt_board dl dd{width:75%; padding:15px; vertical-align:middle; color:var(--main-color-navy);}
.wrt_board dl dd:after{content:""; display:block; clear:both;}
.wrt_board dl dd .wfull{width:100%;}
.wrt_board dl dd .w1{width:27.4% !important;}
.wrt_board dl dd .w2{width:37% !important;}
.wrt_board dl dd .w3{width:24% !important;}
.wrt_board dl dd input[type="radio"] + label{display:inline-block; padding:0 5px 0 2px; min-width:43px; }
.wrt_board dl dd input{border:1px solid #ccc; border-radius: 8px; padding:10px; color:#222; font-weight: normal;}
.wrt_board dl dd .frm_item{display:table; table-layout:fixed;}
.wrt_board dl dd .frm_item label{display:table-cell; vertical-align:middle; line-height:44px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:100%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:left; width:37%;}
.wrt_board dl dd .frm_item.type1 label{width:32px;}
.wrt_board dl dd .frm_item.type2{float:right; width:59%;}
.wrt_board dl dd .frm_item.type2 label{width:42px;}
.wrt_board dl dd span {color:#333; font-weight:200; font-size:1em; display:inline-block; padding-left:15px;}


.s_move{display:none;}

.passBx .btn_area_pass{display:flex; justify-content: center; margin-bottom:30px;}
.passBx input[type="password"]{padding:10px; background:var(--main-color-white); border-radius: 8px;}
.passBx .btn_area_pass .btn_pk_square{margin-right:10px;}
.w50{width:50%;}

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

/**********************************************************/
/*******************      서브     ************************/
/*********************************************************/
.bbs_wrap{margin:40px auto;}
.board_wrap{margin:30px auto; padding-bottom:0;}
.lst_board.type2 ul{grid-template-columns: 1fr 1fr; grid-gap:60px 30px;}
.viewType02 dt{padding-top:20px;}
.viewType02 dt .titA{font-size:1.5em;}
.viewType02 dd .viewCon{padding:30px;}

.faqList ul li{padding:20px 10px; font-size:1em;}
.lst_board.type2 ul li div.box {height:200px;}



}

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

    .board_wrap{margin:0 auto;}

    .lst_board.type2 ul li div.box{ border-radius: 10px;}
    .lst_board.type2 ul{grid-gap: 40px 20px;}
        .lst_board.type2 ul li div.box + .title{margin-top:10px; font-size:1em;}
        .lst_header{width:100%; padding:20px 0 25px;}
        .lst_header .search input{width:70%;}
        .lst_header .search .btn_search{width:calc(30% - 10px); padding:10px;}
        .viewType02 dt{padding-top:20px;}
        .viewType02 dt .titA{font-size:1.3em;}
        .viewType02 dt .dateA{padding:10px 0 20px;}
        .viewType02 dd .viewCon{padding:20px;}
/*        .bbstit > a{padding-left:40px;}    */
        .bbstit > a:before{width:30px; height:30px; }
        .top_noti02{margin-top:20px; margin-bottom:20px;}

        .wrt_board dl dt{line-height:normal;}
        .wrt_board dl dt,
        .wrt_board dl dd{padding:10px;}
        .lst_board.type1 ul li{padding:10px;}
        .lst_board.type1 ul li p.no{display:none;}
        .lst_board.type1 ul li p.name,
        .lst_board.type1 ul li p.subject,
        .lst_board.type1 ul li p.date{width:100%;}
        .lst_board.type1 ul li{flex-direction: column;     align-items: flex-start;}
        .lst_board.type1 ul li p{ padding:5px 0; text-align: left;}


        .lst_board.type1 ul li p.state span{font-size:0.9em; width:70px;}
        .message{padding-top:20px;}
        .msg_write{padding:10px; margin-bottom:10px;}
        .msg_write{flex-direction: column;}
        .lst_board.type1 ul li p.subject a{max-width:none; }
        .lst_board.type1 ul li p.subject .lock{margin-left:0;}
.wrt_board dl{display:flex; flex-direction: column;}
.wrt_board dl dt,
.wrt_board dl dd{width:100%;}
.msg_write .msg_write02{margin-left:0;}

.w50{width:100%;}
}