.btn {

  font-weight: normal;
text-align:center;
}
.btn_dark{	background: #333;
  border: 1px solid #333;
  color: #fff;}
.btn_skyblue {
  background: #468ecc;
  text-align: center;
color:#fff;
text-align:center;
}
.btn_blue {
  background: #1947BA;
  text-align: center;
color:#fff;
text-align:center;
border:1px solid #1947BA;
}

.btn_white {
  background: #fff;
  border: 1px solid #ddd;
  color: #555;
  font-weight: normal;
text-align:center;
}
.btn_line {
  border: 1px solid #666666;
  text-align: center;
color:#666;
text-align:center;
}
.btn_line2 {
  border: 1px solid #222;
  text-align: center;
color:#fff;
  background:#222;
}
.btn_line2:disabled {
  background-color: #f5f5f5;
border: 1px solid #ddd;
color:#999;
  cursor: default;
}
.btn_dgray {
background: #666;
  border: 1px solid #666;
  color: #fff;
  font-weight: normal;
}
.btn_dbk {
background: #444;
  border: 1px solid #444;
  color: #fff;
  font-weight: bold;
}
.btn_rblue {
background: #00248a;
  border: 1px solid #00248a;
  color: #fff;
  font-weight: bold;
  transition:.3s;
}
.title_p{ line-height:1.5; margin-top:30px; font-size:20px;}
.ment_p{ line-height:1.5; font-size:16px;}
.blue{ color:#4f59d5; vertical-align:top;}
.member .find .box_find .btns .btn_rblue:hover{ background:#7A57CF; }

/* 공지사항 리스트 */

.board_list { padding-bottom:80px; }
.board_list .wfix{ width:1400px !important; max-width:1400px !important; }

.hd_tbl {
	overflow: hidden;
  margin-bottom: 10px;
}
.hd_tbl .total {
  display: inline-block;
  line-height: 36px;
}
.hd_tbl .total .mont {
  letter-spacing: 0;
  color: #197688;font-size:16px;
}
.hd_tbl .wrap_sch {
  float: right;
  position: relative;
  font-size: 0;
}
.hd_tbl .wrap_sch .slt, .hd_tbl .wrap_sch .inp {
  height: 36px;
  border-radius: 3px;
  border-color: #ccc;
  font-size: 15px;
}
.hd_tbl .wrap_sch .slt {
  margin-right: 4px;
}
.hd_tbl .wrap_sch .inp {
  width: 250px;
  border-radius: 3px 0 0 3px;
}
.hd_tbl .wrap_sch +.wrap_sch .slt{width:155px;}
.hd_tbl .wrap_sch +.wrap_sch .inp{width:calc( 100% - 160px );}
.hd_tbl .wrap_sch .btn_sch {
  position: absolute;
  top: 2px;
  margin-left:-34px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 2px;
  background: transparent;
  font-size: 15px;
}
.wrap_sch .btn_sch {background: transparent;  background-position: center;
  background-image:url(../_img/sub/icon_bsearch.png);
  background-repeat:no-repeat;
 /* background-size:100%;*/}

@media screen and (max-width: 800px) {
	.wrap_tblset .makepill{display:inline-block;border:1px solid #ccc;border-radius:15px;padding:5px 10px;margin-right:10px;border-left: 1px solid #ccc !important;}
	.wrap_tblset .makebig{font-size:18px;}
	.hd_tbl .wrap_sch{float:none !important;}
	.hd_tbl .wrap_sch + .wrap_sch{margin-top:10px;}
	.hd_tbl .wrap_sch.withslt{display:flex;}
	.hd_tbl .wrap_sch.withslt .btn_sch{position:relative;}
	.hd_tbl .wrap_sch .inp {width: calc( 100% - 110px ); border-radius: 3px 0 0 3px;}
	.ment_p{ line-height:1.5; font-size:14px;}
}	

.wrap_tblset {border-top:2px solid #00248a;border-bottom:1px solid #ccc; font-size:0; margin-bottom: 40px;}
.wrap_tblset .tr {display:table; width:100%; }
.wrap_tblset .th,
.wrap_tblset .td {display:table-cell;height:60px; padding:6px; font-size:15px; vertical-align:middle; box-sizing:border-box; line-height:20px;word-break:keep-all;}
.wrap_tblset .th + .th,
.wrap_tblset .th + .td,
.wrap_tblset .td + .th,
.wrap_tblset .td + .td {/* border-left:1px solid #ddd; */}
.wrap_tblset .thead {text-align:center; font-weight:bold;}
.wrap_tblset .thead .tr {border-bottom:1px solid #aaa; }
.wrap_tblset .th {padding:20px 10px; font-weight:normal; background:#f8f8f8; text-align:center;}
.wrap_tblset .tbody .tr + .tr {border-top:1px solid #ddd;}
.wrap_tblset .tit {text-align:left;}
.wrap_tblset .td .dl_comm {padding:3px 5px}
.wrap_tblset .inp {width:280px;}
.wrap_tblset .btn_line,
.wrap_tblset .btn,
.wrap_tblset .btn_emph {font-size:15px; margin-left:2px; min-width:100px; padding:0; line-height:34px; height:36px; font-weight:normal; border-radius:0}
.wrap_tblset .refer {display:inline-block; font-size:14px; color:#777; margin:0 10px;}
.wrap_tblset .wrap_slt {display:inline-block;}
.wrap_tblset .btns {font-size:0;}
.wrap_tblset .btns * {height:26px; min-width:40px; line-height:24px; font-size:13px; padding:0 0.5em; font-weight:normal; border-radius:0}
.wrap_tblset .btns * + * {margin-left:5px}
.wrap_tblset + .wrap_btn {margin-top:40px; text-align:center;}
.wrap_tblset .nodata, .wrap_tblset .nodata {
    padding: 150px 0 !important;
    text-align: center;
    color: #999;
}
.myquestion_list td.nodatatd{width:100%;padding-top:100px !important;padding-bottom:100px !important;text-align:center;color:#999;font-size:18px;}
.survey_list td.nodatatd{width:100%;padding-top:100px;padding-bottom:100px;text-align:center;color:#999;font-size:18px;}
.mobile_inline{display:none;}
.writebox{border-top:1px solid #555;}
.wrap_tblset .th{text-align:center;}
.wrap_tblset .col_tit{word-break:keep-all;}
.wrap_tblset .col_tit em {display: inline-block;font-size: 0.875rem;opacity:0.8;margin-right: 10px;line-height:1.4;vertical-align:middle}
.wrap_tblset .tr.imp .col_num{font-weight:bold;color:#197688;font-family: "Noto Sans KR" !important;}
.wrap_tblset .td.col_tit{text-align:left;vertical-align:middle; line-height:1.6;}
.wrap_tblset .col_num{width:5%}
.wrap_tblset .col_cate{width:7%}
.wrap_tblset .col_name {width:10%}
.wrap_tblset .col_tit{width:63%}
.wrap_tblset .col_date{width:10%;}
.wrap_tblset .col_hit {width:5%;}
.wrap_tblset .col_file{width:7%;}
.wrap_tblset .col_view{width:7%;}
.wrap_tblset .col_subtitle{width:20%;}
.reserve_list .col_num{width:7%}
.wrap_tblset .col_tit{width:25%;}
.wrap_tblset .col_time{width:7%;}
.wrap_tblset .col_day{width:7%;}
.wrap_tblset .col_status{width:7%;}
.wrap_tblset .col_button{}
.wrap_tblset .col_confirm{width:7%;}
.wrap_tblset .col_file .ico_comm {
    width: 14px;
    height: 18px;
    background-position: -65px -100px;
}
.comlogo {display:flex; flex-wrap:wrap; justify-content:center; width:50px; margin:5px auto;}
.comlogo p {line-height:1.7; margin-top:5px;}

/* 행사 리스트 */
.gl_wrap{width:103%;margin-right:-1.5%;margin-left:-1.5%;
  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap:wrap;   
}
.gl_wrap .gl_list{ width:30.333%;margin-right:1.5%;margin-left:1.5%;margin-top:20px;margin-bottom:20px;border-bottom:1px solid #ddd; padding-bottom:15px; transition:.3s ease-in-out; }
.gl_wrap .gl_list a{position:relative;display:block;}
.gl_wrap .gl_list .gl_img{ width:100%; height:290px; overflow:hidden;}
.gl_wrap .gl_list .gl_img img{ width:100%; height:100%; object-fit:cover;  transition:.3s ease-in-out;  }
.gl_wrap .gl_list .gl_txt{ padding:15px 0; }
.gl_wrap .gl_list .gl_txt h3{ font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.8px; }
.gl_wrap .gl_list .gl_txt p{ margin-top:10px; color:#999; }
.gl_wrap .gl_list .gl_txt dl{margin-top:20px;}
.gl_wrap .gl_list .gl_txt dt{font-size:18px;width:20%;font-weight:600;margin-bottom:5px;}
.gl_wrap .gl_list .gl_txt dd{font-size:18px;width:80%;color:#555;font-weight:400;margin-bottom:5px;}
.gl_wrap .gl_list:hover { border-bottom:1px solid #4f59d5; }
.gl_wrap .gl_list:hover .gl_img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.gl_wrap .sflag{position:absolute;top:0;left:0;width:80px;height:40px;line-height:40px;text-align:center;font-size:17px;font-weight:500;}
.gl_wrap .sflag.stateing{background-color:#00d8b2;color:#000;font-weight:700;}
.gl_wrap .sflag.stateend{background-color:#999;color:#fff;}

/*갤러리보드*/
.gallery_board{border-top:1px solid #000;}
/*.gallery_board .gl_wrap .gl_list{border-bottom:0;margin-top:30px;margin-bottom:0;}*/
@media(max-width:1380px){
	.board_list .wfix{ width:100% !important; max-width:100% !important; }
	.gl_wrap .gl_list .gl_img{ width:100%; }
}
@media(max-width:1080px){
	.gl_wrap{width:104%;margin-right:-2%;margin-left:-2%;}
	.gl_wrap .gl_list{ width:46%;margin-right:2%;margin-left:2%;}
}
@media(max-width:780px){
	.gl_wrap .gl_list{ padding-bottom:10px; }
	.gallery_board .gl_wrap .gl_list{padding-bottom:0;margin-top:20px;}	
	.gl_wrap .gl_list .gl_txt h3{ font-size:18px; letter-spacing:-0.6px;}
	.gl_wrap .gl_list .gl_txt p{ font-size:16px; }
	.gl_wrap .gl_list .gl_txt dl{margin-top:16px;}
	.gl_wrap .gl_list .gl_txt dt{font-size:16px;width:30%;}
	.gl_wrap .gl_list .gl_txt dd{font-size:16px;width:70%;}  
	.gl_wrap .sflag{width:70px;height:35px;line-height:35px;font-size:16px;}

}
@media(max-width:540px){
	.gl_wrap{width:100%;margin-right:0;margin-left:0;}
	.gl_wrap .gl_list{ width:100%;margin-right:0;margin-left:0;margin-top:10px;margin-bottom:10px;}	
	.gl_wrap .gl_list .gl_img{ height:230px; }
	.gl_wrap .gl_list .gl_txt h3{ font-size:17px;height:auto;}
	.gl_wrap .gl_list .gl_txt p{ font-size:15px; }
	.gl_wrap .gl_list .gl_txt dl{margin-top:15px;}
	.gl_wrap .gl_list .gl_txt dt{font-size:15px;width:20%;}
	.gl_wrap .gl_list .gl_txt dd{font-size:15px;width:80%;}  	
}
@media(max-width:380px){
	.gl_wrap .gl_list .gl_txt dt{width:25%;}
	.gl_wrap .gl_list .gl_txt dd{width:75%;} 
	.gl_wrap .sflag{width:70px;height:35px;line-height:35px;font-size:15px;}
 	

}


/*행사보기*/
/*행사보기 및 접수*/
.wrap_bizfile{display:flex;flex-wrap:wrap;}
.wrap_bizfile h3{font-size:18px;font-weight:bold;}
.bizview .wrap_tit .cont {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 !important;
}
.bizview .wrap_tit .cont .tit:before{display:none !important;}
.bizview .info{border-top:1px solid #ddd;background-color:#fff;padding:0;margin-right:0;}
.bizview .info dl{margin-right:0;display:flex;flex-wrap:nowrap;width:100%;}
.bizview .info dt{background-color:#f5f4f9;color:#111;font-size:18px;border-bottom:1px solid #ddd;width:15%;text-align:center;margin-right:0;}
.bizview .info dd{background-color:#fff;font-size:18px;border-bottom:1px solid #e4e4e4;width:35%}
.bizview .wrap_cont{position:relative;}
.bizview .bizstatus{margin-bottom:10px;}
.bizview .bizstatus .status{display:inline-block; min-width: 60px;
    line-height: 25px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #aaa;
	background-color:#fff;
	}
.bizview .bizstatus .subtt{color:#999;font-weight:600;margin-right:5px;}
.bizview .bizstatus .lab {
   font-weight: 900;
   color: #999;
   letter-spacing: 0;
   margin-right:10px;
}
.bizview .bizstatus .lab.on{color:#00248a;}
.bizview .bizstatus .desc {
   font-weight: bold;
}
.bizview .bizstatus .lab.active,
.bizview .bizstatus .desc.active{color: #00b5e9;}
.bizview .biztitle{display:flex;}
.bizview .sbtn{ margin-left:10px;display:inline-block;font-size:16px;width:70px;text-align:center;height:33px;line-height:33px;}
.bizview .sbtn.mapbtn{    background-color: #00d8b2;    color: #000;    font-weight: 700;}
.bizinfo .isfile{margin-top:10px;}

.bizinfo .btn_del{border:1px solid #bbb;padding:3px 7px;border-radius:3px;margin-top:-3px;margin-left:5px;}
.bizview .cate {
	vertical-align:middle;
    min-width: 60px;
    line-height: 25px;
    padding: 3px 5px;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
	margin-right:5px;
    color: #aaa;
	border-radius:5px;
}
.bizlist .cate {
	vertical-align:middle;
    min-width: 60px;
    line-height: 25px;
    padding: 3px 5px;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
	margin-right:5px;
    color: #aaa;
	border-radius:5px;	
}


.bizview.view {margin-top:0 !important}


.bizview .wrap_sns {
   position: relative;
   font-size: 0;
   width:100%;
   text-align:center;
}
.bizview .wrap_sns .lst_sns {
   display: block;
   margin:0 auto 40px;
}
.bizview .wrap_sns .lst_sns li {
   display: inline-block;
   margin-right: 10px;
}
.bizview .wrap_sns .lst_sns a {
   display: block;
}
.bizview .wrap_sns .lst_sns .ico_sns {
   display: block;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   font-size: 0;
   background: url(../_img/ico_sns.png) no-repeat 0 0/100px auto;
}
.bizview .wrap_sns .lst_sns .facebook .ico_sns {
   background-position: 0 0;
}
.bizview .cont .wrap_sns .lst_sns .blog .ico_sns {
   background-position: -50px 0;
}
.bizview .wrap_sns .lst_sns .instagram .ico_sns {
   background-position: 0 -50px;
}
.bizview .wrap_sns .lst_sns .cafe .ico_sns {
   background-position: -50px -50px;
}
.bizview .wrap_sns .lst_sns .kakaostory .ico_sns {
   background-position: 0 -100px;
}
.bizview .wrap_sns .lst_sns .kakaotalk .ico_sns {
   background-position: -50px -100px;
}
.bizview .wrap_sns .lst_sns .blog .ico_sns {
   background-position: 0 -150px;
}
.bizview .wrap_sns .lst_sns .line .ico_sns {
   background-position: -50px -150px;
}
.bizview .wrap_sns .lst_sns .twitter .ico_sns {
   background-position: 0 -200px;
}
.bizview .wrap_sns .lst_sns .youtube .ico_sns {
   background-position: -50px -200px;
}

@media screen and (max-width: 1024px) {
	.bizview .wrap_sns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
   }
   .bizview .wrap_sns .lst_sns {
      margin: 0 auto 30px;
   }
   .bizview .wrap_sns .lst_sns .ico_sns {
      width: 35px;
      height: 35px;
      background-size: 70px auto;
   }
   .bizview .wrap_sns .lst_sns .facebook .ico_sns {
      background-position: 0 0;
   }
   .bizview .wrap_sns .lst_sns .blog .ico_sns {
      background-position: -25px 0;
   }
   .bizview .wrap_sns .lst_sns .instagram .ico_sns {
      background-position: 0 -25px;
   }
   .bizview .wrap_sns .lst_sns .cafe .ico_sns {
      background-position: -25px -25px;
   }
   .bizview .wrap_sns .lst_sns .kakaostory .ico_sns {
      background-position: 0 -50px;
   }
   .bizview .wrap_sns .lst_sns .kakaotalk .ico_sns {
      background-position: -35px -70px;
   }
   .bizview .wrap_sns .lst_sns .blog .ico_sns {
      background-position: 0 -75px;
   }
   .bizview .wrap_sns .lst_sns .line .ico_sns {
      background-position: -25px -75px;
   }
   .bizview .wrap_sns .lst_sns .twitter .ico_sns {
      background-position: 0 -140px;
   }
   .bizview .wrap_sns .lst_sns .youtube .ico_sns {
      background-position: -25px -100px;
   }	
   .bizview .wrap_tit {padding:15px 15px !important;background-color:#f3f5fb;}
   .bizview .wrap_tit{padding:15px 15px;}
   .bizview .bizstatus{margin:0 auto 5px;}
   .bizview .bizstatus .status{margin:0 auto;display:block;}
   .bizview .wrap_tit .cont .tit{margin-top:0 !important;text-align:left !important;font-weight:normal !important;}
   .bizview .info dt{font-size:15px;padding:10px;}
   .bizview .info dd{font-size:15px;padding:10px;}

}
@media screen and (max-width: 700px) {
	.writer_mobile,
	.writer_email{display:block;margin-left:0;margin-top:5px;}
	.bizview .info,.bizview .info dl{flex-wrap:wrap;}
	.bizview .info dt{text-align:left;width:20%;}
	.bizview .info dd, .bizview .info .writer dd{width:80%;}
	
}
/*board_view*/

.view {/*margin-top:18px;*/ }
.view *{box-sizing:border-box;}
.view .title_cont {position:relative; padding:40px 0 20px; /*border-bottom:1px solid #000;*/ display:block;}
.view .title_cont.imp {background-color:#f5f5f5;}
.view .title_cont ul {overflow:hidden;}
.view .title_cont li.no_thumb {width:100%; padding-top:7px;}
.view .title_cont .view_thumb .thumb {width:100%; display:block; height:80px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; border:1px solid #ddd;}
.view .title_cont .tit {display:block;  font-size:26px; color:#000; font-weight:600; line-height:1.4;vertical-align:middle;text-align: center;	}

.view .title_cont .tit em {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    color: #666;
    letter-spacing: 0;
    font-weight: 400;
}
.view .title_cont .tit .new {width: 24px;background: #f04c62; border-radius: 3px;}
.view .title_cont .date {font-size:16px; color:#555; line-height:20px;}
.view .writer_wrap {border-top: 1px solid #ccc;}
.view .writer_wrap .info {font-size:16px; color:#555; line-height:20px;  width:100%;padding: 20px 20px;border-bottom: 1px solid #ccc;}
.view .writer_wrap.bgwhite .info{background-color:#fff !important;}
#board .sch .btn::before,#gallery .sch .btn::before {width:16px; height:16px; margin:10px 5px 0 0; background-position:-230px -90px; content:'';}
.view .writer_wrap .info dl.datetime {}
.view .writer_wrap .info dl.hit {margin-right:10px;}
.view .writer_wrap .info dl:nth-of-type(3),.view .writer_wrap .info dl:nth-of-type(4) {float:right;}
.view .writer_wrap .info * {display:inline-block; vertical-align:top;}
.view .writer_wrap .info dl + dl::before {display:inline-block; width:1px; height:16px; margin:3px 6px 0 10px; background:#aaa; vertical-align:top; content:'';}
.view .writer_wrap .info dl:last-child::before {display:none;}
.view .writer_wrap .info dt {margin-right:5px;font-size:18px;}
.view .writer_wrap .info dd {color:#000;font-size:18px;}
.view .writer_wrap .info dd.en{margin-top:2px;}
/*.view .wrap_cont {border-bottom:1px solid #000;border-top:1px solid #000;}*/
.view .wrap_cont .cont {min-height:300px; padding:40px 20px 50px; color:#555; font-size:18px;position:relative;}
.view .wrap_cont .cont ul, .view .wrap_cont .cont ol {list-style: initial;text-indent:20px;}/*ckeditor*/
.view .wrap_cont .cont strong{font-weight:bold;}/*ckeditor*/
.view .wrap_cont .cont img {max-width:100%;}
.view .wrap_cont .cont p{margin-bottom:10px;text-align:justify;word-break:break-word;font-size:17px;}
.view .wrap_cont .imgwrap{max-width:1000px;margin:auto;text-align:center;padding-top:40px;padding-bottom:40px;}
.view .files {position: relative;display:table; padding:20px 0; width:100%; border-bottom:1px solid #ccc;}
.view .files strong {display:table-cell; width:110px; text-align:center; vertical-align:middle;font-size:18px;}
.view .files ul {display:table-cell; padding-left:30px; border-left:1px solid #ddd;}
.sub_ico_file {
    margin: auto;
    display: block;
    width: 14px;
    height: 18px;
    margin-top: 3px;
    background-position: center;
    background-image: url(../_img/file.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0;
    text-indent: -9999px;
}
.view .files ul li + li {margin-top:8px;}
.view .files .btn {min-width:0; padding:0 6px; font-size:12px; line-height:22px; vertical-align:top; margin-right:5px;}
.view .files .btn::before {width:13px; height:14px; margin:4px 3px 0 0; background-position:-120px -165px; opacity:0.5; content:'';}
.view .files span {display:inline-block; vertical-align:top; line-height:24px; font-size:18px; letter-spacing:0; margin-right:10px; color:#666;
text-overflow:ellipsis;}
.view .files .bar::before {
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 3px 10px;
    background: #aaa;
    vertical-align: top;
    content: "";}
.view .files .util {position: absolute; top:13px; right: 20px;}
.view .files .util span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #f5f5f5;
    font-size: 0;
    line-height: 0;
}

.view .files .util span:after {
    display: inline-block;
    content: "";
}
.view .files .util .download:after {
    width: 16px;
    height: 16px;
    margin-top: 12px;
	margin-left: 12px;
    background: url(../_img/ico_download.png) no-repeat center/100%;
}
.view .files .util .boardshow:after {
    width: 17px;
    height: 17px;
    margin-top: 12px;
	margin-left: 12px;
    background: url(../_img/boardshow.png) no-repeat center/100%;
}
.view .ft_cont {
  position: relative;
  display: block;
  margin-top: 40px;
  margin-bottom: 100px;
  padding: 7px 0;
  text-align: center;
  font-size: 0;
}
.view .ft_cont .left {
    position: absolute;
    top: 0;
    left: 0;
}
.view .ft_cont .right {
    position: absolute;
    top: 0;
    right: 0;
}
.view .ft_cont .left a, .view .ft_cont .right a {
    display: inline-block;
    border-radius: 0;
    height: 50px;
    line-height: 48px;
    font-size: 16px;
}
.view .ft_cont .btn_big, .view .ft_cont .btn_write {width: 160px;}
.view .prevnextwrap {overflow: hidden;border-top:1px solid #ccc;}
.view .prevnext {display:table; padding:20px 0; width:100%; border-bottom:1px solid #ccc;}
.view .prevnext ul {display:block; overflow:hidden;}
.view .prevnext ul li:nth-of-type(1) {display:block; float:left; width:100px;  border-right:1px solid #ddd; text-align:center; vertical-align:middle;font-size:18px;}
.view .prevnext ul li:nth-of-type(2) {display:block; float:left; width: calc( 100% - 100px ); padding-left:30px; padding-right:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;font-size:18px;}
.view .cmtwrap {border-bottom:1px solid #ddd; padding:20px; color:#333; font-size:16px; overflow:hidden;}
.view .cmtwrap p {font-size:inherit; color:inherit;}
.view .cmtwrap p span {font-weight:bold;}
.view .cmtwrap .txtwrap {border:1px solid #d2d2d2; border-radius:3px; margin:10px 0; padding:0; height:100px;}
.view .cmtwrap .txtwrap textarea {padding:10px; height:100px; width:calc( 100% - 100px ); font-size:inherit;}
.view .cmtwrap .txtwrap button {border-left:1px solid #468ecc; float:right; height:100px; width:100px; text-align:center; line-height:100px; color:#fff; font-size:18px; font-size:inherit; background-color:#00b3a2}
.view .cmtmsg {color:#555; font-size:16px; overflow:hidden;border-bottom:1px solid #d3d3d3;}
.view .cmtmsg button {margin-left:5px; height:26px; min-width:50px; line-height:24px; font-size:13px; padding:0 0.5em; font-weight:normal; border-radius:2px;}
.view .cmtmsg li {border-bottom:1px solid #ddd; padding:20px; display:block;}
.view .cmtmsg li dl.info dd {display:inline-block;font-size:15px;line-height:28px;}
.view .cmtmsg li dl.info dd.date {margin-left:10px; font-size:15px; color:#999;font-family:'Montserrat';line-height:28px;vertical-align:middle;}
.view .cmtmsg li dl.msg {color:#666;line-height:1.4}
.view .cmtmsg li dl + dl {margin-top:10px;}
.view .cmtmsg li:last-child {border-bottom:none;}
.view .bizcase dl{ display: flex; flex-wrap:wrap;  width: 100%;    border-bottom: 1px solid #e7e7e7;}
.view .bizcase dt{padding: 20px 0;   width:110px; text-align:center; vertical-align:middle;background-color:#f5f5f5;}
.view .bizcase dd{padding: 20px 0; padding-left: 30px; border-left: 1px solid #ddd;color:#666;padding-right:50px;}
.view .bizcase dd + dt{border-left: 1px solid #ddd;}
/*board_write*/
.write .wrap_tit_comm{margin-bottom:10px;}
.write .lst_chk {
  font-size: 0;
}
.write .lst_chk li {
  display: inline-block;
}
.write .lst_chk li + li {
  margin-left: 20px;
}
.write .lst_chk .chk + label {
  font-size: 16px;
  margin-left: 5px;
  cursor:pointer
}
input[type="button"]{cursor:pointer;}
.write input.cal {
  background: url(../images/calendar.png) right 50% no-repeat;
  background-size: 26px auto;
}

.write .wrap_tbl {
  border-top: 2px solid #00acff;
}
.write .wrap_tbl table {
  border-collapse: collapse;
}
.write .wrap_tbl tr + tr th, .write .wrap_tbl tr + tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.write .wrap_tbl th {
  height: 50px;
  padding: 10px;

}
.write .wrap_tbl thead th {
  background: #f5faff;
  color: #102f75;
  text-align: center;
  font-weight: normal;
  border-bottom-color: #ccc;
}
.write .wrap_tbl tbody th {
  padding: 10px 20px;
  background: #f7f7f7;
  font-weight: bold;
  text-align: left;
}
.write .inp, .write .wrap_tbl tbody .inp, .write .wrap_tbl tbody .slt {
  display: inline-block;
  height: 40px;
  font-size: 16px;
}
.write .wrap_tbl tbody .inp {
  width: 260px;
  max-width: 100%;
}
.write .wrap_tbl tbody .w100 {
  width: 100%;
}
.write .wrap_tbl tbody .inp + .slt, .wrap_tbl tbody .slt + .inp {
  margin-left: 2px;
}
.write .wrap_withbtn {display:flex;}
.write .wrap_withbtn .inp {width: calc( 100% - 100px ) !important;margin-right: 0;}
.write .wrap_withbtn .btn_gray {width: 100px;color: #333;border: 1px solid #bbb;height: 40px;line-height: 38px;
    font-size: 15px;}
.write .wrap_withbtn .btn_blue {width: 100px;color: #fff;background-color:#00acff;border: 1px solid #00acff;height: 40px;line-height: 38px;
    font-size: 15px;}
.write .wrap_upload {  width: 100%;}
.write .wrap_upload .inp {width: 100%;margin-right: 0;}
.write .wrap_upload .isfile{padding:2px 5px;}
.write .wrap_upload .find_file {
  margin-bottom: 5px;
}
.write .wrap_upload .find_file .inp {
  width: 200px;
}
.write .wrap_upload .find_file .btn_line {
  color:#333;
  border: 1px solid #bbb;
  border-radius: 0;
  height: 40px;
  line-height: 38px;
  padding: 0 1em;
  font-size: 16px;
}
  .write .wrap_upload .isfile{display:inline-block;padding:5px 20px;}
  .write .wrap_upload .isfile .filename{vertical-align:middle;margin-right:10px;}
.write .wrap_tbl thead + tbody tr:first-child th,.write .wrap_tbl thead + tbody tr:first-child td {
  border-top: none;
}
.write .wrap_upload .btn_del { height: 28px;line-height: 26px; border: 1px solid #bbb;font-size: 14px;padding: 0 10px;background: #fff;vertical-align:middle;}
.write .btn_line.ico_file{border:1px solid #333;color:#333;}
.write .wrap_upload .ico_file:before {
	display:inline-block;
    width: 22px;
    height: 16px;
    margin: 9px 3px 0 0;
	background-image: url(../images/ico_comm_board.png);
	background-repeat: no-repeat;
    background-position: -170px 0px;
    content: '';
    opacity: 0.6;
}
.write .wrap_tbl tbody .wrap_address {
  font-size: 0;
}
.write .wrap_tbl tbody .wrap_address .inp {
  width: 40%;
  margin-right: 5px;
}
.write .wrap_tbl tbody .wrap_address .find_postcode {
  margin-bottom: 5px;
}
.write .wrap_tbl tbody .wrap_address .find_postcode .inp {
  width: 200px;
}
.write .wrap_tbl tbody .wrap_address .find_postcode .btn_line {
  border-radius: 0;
  height: 40px;
  line-height: 38px;
  padding: 0 1em;
  font-size: 16px;
}
.write .flex_wrap.wrap_withchk .chk_wrap{padding:0 10px;}
.write .flex_wrap.wrap_withchk .chk_wrap label,
.write .flex_wrap.wrap_withchk .chk_wrap .chk{line-height:36px;vertical-align:middle;}

.vote_wrap {position: relative; padding: 40px;}
.vote_wrap .tit {
   display: block;
   position: relative;
   padding-left: 14px;
   line-height: 24px;
   font-size: 21px;
   color:#222;
   font-weight: 500;
}
.vote_wrap .tit:before {
   position: absolute;
   top: 18px;
   left: 0;
   width: 9px;
   height: 2px;
   background: #0061aa;
   content: "";
}
.vote_wrap .tit_sub {color:#666; margin-top: 15px;}
.vote_wrap .vote_number {position: absolute; top: 30px; right: 0;}
.vote_wrap .lst_chk {
   margin-top: 10px;
   font-size: 0;
}
.vote_wrap ul.lst_chk{margin-left:0;}
.vote_wrap ul.lst_chk li {
   display:block;
   margin-bottom: 7px;
   margin-left:0;
}
.vote_wrap .lst_chk .chk {
   display: inline-block;
   width: 20px;
   height: 20px;
   border-radius: 100%;
   border: 1px solid #ddd;
}
.vote_wrap .lst_chk .chk:checked {
   background: url(../_img/radio_on.png) #fff no-repeat center/10px;
   border-color: #0061aa;
}
.vote_wrap .lst_chk .lab {
   display: inline-block;
   margin-left: 8px;
   line-height: 20px;
   font-size: 16px;
   font-weight: bold;
}
.vote_wrap .inp_ex {
   position: relative;
   max-width: 400px;
   padding-right: 100px;
    display: inline-flex;
}
.vote_wrap .tit_sub{padding:10px 0 10px;border-bottom:1px solid #ddd;}
.vote_wrap .inp_ex{display:block;}
.vote_wrap .inp_ex span{width:100%;display:block;}
.vote_wrap .answer_view > p{background-color:#f5f5f5;padding:20px;font-size:16px;}
.vote_wrap .answer_view > p + p{margin-top:10px;}


.vote_wrap .inp_ex p {width: 100px;font-size: 16px; font-weight: bold;    line-height: 40px;}
.vote_wrap .inp_ex span { line-height: 40px;}
.vote_wrap .inp_ex .inp {
   width: 100%;
   height: 40px;
   padding: 0 15px;
   border: 1px solid #bbb;
   font-size: 14px;
}
.vote_btn {margin-top: 30px;}
.vote_btn .btn_line,.vote_btn .btn_skyblue {width: 170px; height: 50px;}

 i.ico_vote   {
	 display: inline-block;
	width: 24px;
    height: 18px;
    margin-left: 7px;
    background: url(../_img/ico_chart.png) no-repeat center/100%;}

/* Bar Graph Horizontal */
.bar-graph .graph {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  opacity: 0;
}

.bar-graph-horizontal {
	position: relative;
	margin-top: 10px;
	margin-bottom:20px;
}

.bar-graph-horizontal > div {
  display:flex;
  flex-wrap:wrap;
  margin-bottom: 8px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}

.bar-graph-horizontal .graph{
  font-weight:normal;
  margin-top: 3px;
  width: 200px;
}

.bar-graph-horizontal .bar {
  border-radius: 3px;
  height: 23px;
  float: left;
  overflow: hidden;
  position: relative;
  width: 0;
}

.bar-graph-one .bar::after {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  color: #fff;
  content: attr(data-percentage);
  font-weight: 300;
  font-size:15px;
  position: absolute;
  right: 9px;
  top: 3px;
}

.bar-graph-one .bar-one .bar {
  background-color: #468ecc;
  -webkit-animation: show-bar-one 1.2s 0.1s forwards;
  -moz-animation: show-bar-one 1.2s 0.1s forwards;
  animation: show-bar-one 1.2s 0.1s forwards;
}

.bar-graph-one .bar-two .bar {
  background-color: #468ecc;
  -webkit-animation: show-bar-two 1.2s 0.2s forwards;
  -moz-animation: show-bar-two 1.2s 0.2s forwards;
  animation: show-bar-two 1.2s 0.2s forwards;
}

.bar-graph-one .bar-three .bar {
  background-color: #468ecc;
  -webkit-animation: show-bar-three 1.2s 0.3s forwards;
  -moz-animation: show-bar-three 1.2s 0.3s forwards;
  animation: show-bar-three 1.2s 0.3s forwards;
}


/* Bar Graph Horizontal Animations */
@-webkit-keyframes show-bar-one {
  0% {
    width: 0;
  }
  100% {
    width: 18%;
  }
}

@-webkit-keyframes show-bar-two {
  0% {
    width: 0;
  }
  100% {
    width: 15%;
  }
}

@-webkit-keyframes show-bar-three {
  0% {
    width: 0;
  }
  100% {
    width: 10%;
  }
}


@-webkit-keyframes fade-in-text {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



@media (max-width:1024px){
}

@media (max-width:1000px){
  .view .wrap_cont .imgwrap{max-width:1000px;margin:auto;text-align:center;padding-top:20px;padding-bottom:20px;}
}
@media (max-width:1500px){
	.ico_blankb{display:inline-block;background-repeat:no-repeat;width:15px;height:21px;margin:0 0 0 5px;padding:0;opacity:0.7;}

  .write .lst_chk .chk + label {
    font-size: 15px;
  }

  .write .wrap_tbl th, .wrap_tbl td {
    min-height: 45px;
    padding: 6px;
    font-size: 15px;
  }
  .write .wrap_tbl tbody th {
    padding: 6px 10px;
  }
  .write .inp,.write .wrap_tbl tbody .inp, .write .wrap_tbl tbody .slt {
    height: 36px;
    font-size: 15px;
  }
  .write .wrap_tbl tbody .wrap_upload .find_file .btn_line {
    height: 36px;
    line-height: 34px;
    font-size: 15px;
  }
  .write .wrap_withbtn .inp {width: calc( 100% - 80px ) !important;}
  .write .wrap_withbtn .btn_gray {width:80px; height: 36px;line-height: 34px;font-size: 15px;}
  .write .wrap_withbtn .btn_blue {width:80px; height: 36px;line-height: 34px;font-size: 15px;}
   .write .wrap_tbl tbody .wrap_address .find_postcode .btn_line {
    height: 36px;
    line-height: 34px;
    font-size: 15px;
  }
}
@media screen and (max-width: 720px) {
.view .bizcase dt{padding: 10px 10px; width:20%; text-align:center; vertical-align:middle;background-color:#f5f5f5;border-bottom:1px solid #ddd;font-size:13px}
.view .bizcase dd{padding: 10px 10px; width:80%;padding-left: 10px; border-left: 0;color:#666;padding-right:10px;border-bottom:1px solid #ddd;font-size:13px;}
.view .bizcase dd + dt{border-left: 0;}
}
@media screen and (max-width: 800px) {

 .write .cont_frm .refer {
    margin: 0 15px;
  }
  .write .wrap_tbl {
    font-size: 0;
  }
  .write .wrap_tbl .tbl, .write .cont_frm .wrap_tbl tbody {
    display: block;
  }
  .write .wrap_tbl tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .write .wrap_tbl th, .write .wrap_tbl td {
    display: inline-block;
	height:auto;
  }
  .write .wrap_tbl th {
    width: 120px;
  }
  .write .wrap_tbl td {
    width: calc(100% - 120px);
  }
  .write td.cols4 {
    width: 100%;
  }
  .write tbody .inp {
    width: 100%;
  }
  .write tbody .inp + .slt {
    margin: 5px 0 0;
  }
  .write .lst_chk {
    margin: 9px 0;
    line-height: normal;
  }
  .write .wrap_upload .inp {
    width: 100%;
  }
  .write .wrap_upload .inp + .inp {
    margin: 5px 0 0;
  }
  .write .wrap_upload .find_file .inp {
    max-width: calc(100% - 95px);
  }
  .write .wrap_upload .find_file .btn_line {
    width: 90px;
    padding: 0;
  }

  .ft_frm {
	padding:40px 0 80px;
  }
  .write .cont_frm .ft_frm .btn {
    font-size: 16px;
  }
  .write .cont_frm .ft_frm .btn:before {
    display: none;
  }
 .write .cont_frm .wrap_tbl .wrap_address .inp {
    width: 100%;
  }
  .write .cont_frm .wrap_tbl .wrap_address .inp + .inp {
    margin: 5px 0 0;
  }
  .write .cont_frm .wrap_tbl .wrap_address .find_postcode .inp {
    max-width: calc(100% - 85px);
  }
  .write .cont_frm .wrap_tbl .wrap_address .find_postcode .btn_line {
    width: 80px;
    padding: 0;
  }
.bar-graph-horizontal > div{display:block;}
.bar-graph-horizontal {margin-top: 5px;margin-bottom: 10px;}
.bar-graph-horizontal .graph {width: 100%; margin-bottom: 5px;font-size:14px;}
.bar-graph-horizontal .bar {height: 20px;float:none; }
.bar-graph-one .bar::after {font-size: 12px; top: 3px;font-weight:normal;}
.vote_wrap .answer_view > p {padding: 10px;font-size: 14px;}


}
@media screen and (max-width: 768px){
	.view .title_cont .info dd.en{margin-top:0;}
/*	.view .wrap_cont { margin-top:20px;}*/
}
@media (max-width:720px) {

  .about03 .view .title_cont {padding:20px 0 10px;}
  .view .title_cont {padding:50px 0 20px;}
  .view .title_cont .tit {display:block; max-width:none; font-size:18px; line-height:1.5;/*text-align:left;*/}
  .view .title_cont .tit em {
    display: inline-block;
    margin-right: 5px;
    text-align: left;
    letter-spacing: 0;
    font-weight: 400;
}
	.view .writer_wrap .info dt{font-size:16px;}
  .view .title_cont .info {float:none; font-size:13px;}
  .view .wrap_cont .cont {min-height:180px; padding:10px 10px; font-size:16px;}
  .view .wrap_cont .cont figure{margin:0;}
  .view .writer_wrap .info {padding: 12px;font-size: 13px;}
  .view .writer_wrap .info dd{font-size:16px;}
  .view .writer_wrap .info dl {display: block;}
  .view .writer_wrap .info dl + dl{margin-top:5px;}
  .view .writer_wrap .info dl + dl::before {display: none;}
  .view .writer_wrap .info dl:nth-of-type(3), .view .writer_wrap .info dl:nth-of-type(4) {float:none}
  .view .files {display:block; padding:12px 0; }
  .view .files .list_file li span{line-height:30px;}
  .view .files .list_file li span .sub_ico_file{height:24px;}
  .view .files .bar::before{margin: 7px 10px 0;}
  .view .files .list_file li span:nth-of-type(2){overflow:hidden;width:60%; text-overflow: ellipsis;white-space: nowrap;}
  .view .files strong {display:none;}
  .view .files ul {display:block; padding:0 12px; border:none}
  .view .files ul li {text-overflow:ellipsis; white-space:nowrap; /*overflow:hidden;*/}
  .view .files ul li + li {margin-top:14px;}
  .view .files span {font-size:13px;}
  .view .files .util {top: 11px; right: 2px;}
  .view .files .util span {width: 30px; height: 30px;}
  .view .files .util .download:after, .view .files .util .boardshow:after {width: 12px; height: 12px; margin-top: 9px; margin-left: 9px;}
  .view .prevnext {display:block; padding:12px 0; }
  .view .prevnext strong {width:60px;}
  .view .prevnext ul {}
  .view .prevnext ul li {font-size:13px; width:calc( 100% - 24px );}
  .view .prevnext ul li:nth-of-type(1) {width:70px; font-size:14px;}
  .view .prevnext ul li:nth-of-type(2) {float:left; width:calc( 100% - 70px ); font-size:14px;}
  .view .reply .cont_reply {padding:12px 16px;}
  .view .reply .cont_reply .hd_cont .wrap_btn .btn {font-size:13px; width:36px; height:24px;}
  .view .reply .cont_reply .cont {font-size:14px;}
  .view .reply .f_reply {overflow:hidden; padding-right:0;}
  .view .reply .f_reply .inp {width:100%; font-size:14px; padding:8px}
  .view .reply .f_reply .btn_emph {position:relative; top:auto; right:auto; float:right; width:auto; height:22px; margin-top:5px; font-size:14px; font-weight:400; background:none; color:#856D3D; border:none; padding:0; text-decoration:underline;}
  .view .ft_cont {margin-bottom: 40px;}
  .write .box {padding:2px 10px 12px}
  .write .dl_comm {padding:10px 5px !important}
  .write dt {display:block; margin:0;}
  .write dd {display:block; width:auto; margin-top:4px;}
  .write dd .wrap_slt,
  .write dd .wrap_slt .slt {width:100%}
  .write dd .wrap_upload {font-size:0}
  .write dd .wrap_file {width:calc(100% - 88px)}
  .write dd .wrap_file .inp {width:calc(100% - 92px)}
  .write dd > textarea {height:400px;}
  .write .wrap_tbl tbody .wrap_address .find_postcode .btn_line{font-size: 13px;}

 .vote_wrap {padding: 30px 0px;}
 .vote_wrap .tit {font-size: 16px;}
 .vote_wrap .tit:before {top: 15px;}
 .vote_wrap .tit_sub {font-size: 14px; margin-top: 5px;}
  .vote_wrap .vote_number {font-size: 14px;}
 .vote_wrap .inp_ex {padding-right: 0;}
 .vote_wrap li label{font-size:15px !important;}
 .vote_btn {text-align: center;}
 .vote_btn .btn_line, .vote_btn .btn_skyblue {width: 160px;height: 45px; font-size: 14px;}

}

@media (max-width:500px) {
	.view .ft_cont .left {float:none; position: relative; margin-top: 0;margin-bottom:10px;}
	.view .ft_cont .right {float:none; position: relative; margin-top: 40px;}
	.view .ft_cont .left + .right{margin-top:10px;}
	.view .ft_cont .left a, .view .ft_cont .right a{font-size:14px; height: 45px;}
	}

@media (max-width:500px) {
  .view .wrap_tbl .tbody .th {width:86px !important; font-size:13px; word-break:keep-all;}
  .view .title_cont .info dl.datetime dt,.view .title_cont .info dl.name dt {display:none;}
  .view .title_cont .thumb_right .info dl:nth-of-type(2),.view .title_cont .thumb_right .info dl:nth-of-type(3) {float:none;}
  .view .title_cont .thumb_right .info dl.datetime {display:block;}
  .view .title_cont .thumb_right .info dl + dl::before {display:none}
  .view .title_cont .cate {font-size:14px;}
  .view .cmtwrap {margin-top:15px; font-size:14px; padding:10px;}
  .view .cmtwrap .txtwrap {border:1px solid #aaa; border-radius:3px; margin:5px 0; padding:0; height:80px;}
  .view .cmtwrap .txtwrap textarea {padding:5px; height:80px; width:calc( 100% - 80px ); font-size:inherit;}
  .view .cmtwrap .txtwrap button {height:80px; width:80px; line-height:80px; font-size:inherit;}
  .view .cmtmsg {font-size:14px;}
  .view .cmtmsg li {padding:10px;}
  .view .cmtmsg li dl.info dd.date {margin-left:5px; font-size:13px;}
  .view .cmtmsg li dl + dl {margin-top:0;}
  .view .cmtmsg + .foot_cont {margin-top:20px;}
}
@media (max-width:480px) {
	.write .cont_frm .wrap_tbl th {width: 120px;line-height:35px;}
	.write .cont_frm .wrap_tbl td {width: calc(100% - 120px);line-height:35px;}
	.write .cont_frm .wrap_tbl td.cols4 {width: 100%;}
	.view .title_cont {padding:20px 0 0;}
	.about03 .redline {height:30px;}
}
@media (max-width:420px) {
	.write dd .wrap_file {width:100%;}
	.write dd .wrap_upload .btn {margin:5px 0 0; width:100%; border:none;}
	.write dd > textarea {height:300px;}
    .vote_wrap ul.lst_chk li{margin-top:3px;margin-bottom:3px;}
   .vote_wrap li label{font-size:14px !important;}
   .about03 .redline {display:none;}
   .view .wrap_cont {margin-bottom:0;}
}
@media (max-width:350px) {
   .view .files {display:block; padding:12px 0; }
  .view .files .list_file li span{line-height:30px;}
  .view .files .list_file li span .sub_ico_file{height:24px;}
  .view .files .bar{display:block}
  .view .files .bar::before{display:none;}
  .view .files .list_file li span:nth-of-type(2){overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
  .view .files .util {    top: 41px;    right: 2px;}

}
/*paging0*/
.paging_wrap {
	margin-bottom:80px;
}
.paging {
   margin-top: 60px;
   text-align: center;
   font-size: 0;
}
.paging a {
   display: inline-block;
   width: 36px;
   height: 36px;
   line-height: 34px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   color:#999;
   font-weight:200;
}
.paging a + a {
   margin-left: 6px;
}
@media screen and (min-width: 1024px) {
.paging > a:hover,
.paging li:not(.on) a:hover {
      background: #f5f5f5;
   }
}
.paging i{
	display: block;
	height: 36px;
	width:36px;

	/*background-image: url(../_img/ico_paging.png);*/
	background-repeat:no-repeat;
	background-size: auto 20px;
	background-position:center;
	font-size:0;
	margin: 0 auto;

}
.paging .first i {
background-image: url(../_img/sub/pgicon_first.png);
}
.paging .prev i {
background-image: url(../_img/sub/pgicon_prev.png);
}
.paging .last i {
background-image: url(../_img/sub/pgicon_last.png);
}
.paging .next i {
background-image: url(../_img/sub/pgicon_next.png);
}

.paging .lst {
   display: inline-block;
   margin: 0 6px;
}
.paging .lst li {
   display: inline-block;
}
.paging .lst li + li {
   margin-left: 6px;
}
.paging .num {
   font-size: 20px;
   letter-spacing: 0;
}
.paging .on a {
   /*background-color:#00248a;*/
   color: #000;
   font-weight:bold;
}

.paging a.on {
   background-color: #444;
   color: #fff;
}

.wrap_apilist .paging a {
   color: #444;
   font-size:16px;

}



.board_btnwrap{display:flex;flex-wrap:wrap;width:100%;}
.board_btnwrap .btn{
  font-weight: normal;
  display: inline-block;
  height: 54px;
  max-width: 180px;
  padding: 0 20px;
  line-height: 52px;
  transition: 0.5s;
  text-align: center;
font-size:1rem;
}
 .board_btnwrap .btn.btn_bk{
background: #333333;
  border: 1px solid #333333;
  color: #fff;}
.board_btnwrap .btn.btn_bk:hover {
  background: #197688;
  border: 1px solid #197688;
  color: #fff;
}
.board_btnwrap .btn.btn_line{
border: 1px solid #197688;
  text-align: center;
  color: #197688 ;
  background-color: #fff;}
.board_btnwrap .btn.btn_line:hover {
  background: #197688;
  border: 1px solid #197688;
  color: #fff;
}	
.board_btnwrap .sideleft{text-align:left;width:50%;}
.board_btnwrap .sideright{text-align:right;width:50%;}
.board_btnwrap .sideright a + a{margin-left:10px;}
.paging_wrap .left {
  position: absolute;
  top: 0;
  left: 0;
}
.paging_wrap .right {
  position: absolute;
  top: 0;
  right: 0;
}

.paging_wrap .right a  {display: inline-block;
border-radius: 0;
height: 50px;
line-height: 48px;
font-size: 16px;}

@media (max-width:1024px) { 
	.paging i{margin: 0 auto;}
}
@media (max-width:900px) { 

	.board_btnwrap .btn{width:100%;max-width:100%;margin:5px 0;height:40px;line-height:40px;}
	.board_btnwrap .sideright a + a{margin-left:0;}
	.board_btnwrap .sideleft{text-align:left;width:100%;}
	.board_btnwrap .sideright{text-align:left;width:100%;}

}
@media(max-width:768px){
	.paging_wrap{margin-bottom:40px;}
	.paging{margin-top:50px;}
	.paging a + a{margin-left:0;}
	.paging .lst{margin:0 0;}
	.paging .lst li + li{margin-left:0;}
}
@media (max-width:480px) {
	.paging{margin-top:30px;}
	.paging .lst_page li{width:34px;}
	.paging .lst_page a{margin-left:0;width:34px;}
	.paging a{width:34px;height:34px;margin:0;border-left:none;}
/*	.paging a:nth-of-type(1){border-left:1px solid #ddd;}*/
}



.style_cont .slid_swiper{ background:#f1f1f1; position:relative; width:100%; }
.style_cont .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.style_cont .swiper-slide {
  background-size: cover;
  background-position: center;
}

.style_cont .const_slide2 {
  background:#f1f1f1; width:70%; height:525px; 
}
.style_cont .thumb_swiper{ background:#fff; position:relative; }
.style_cont .const_slide {
  width:80%;
  height: 20%;
  box-sizing: border-box;
  padding: 30px 0;
  
}

.style_cont .const_slide .swiper-slide {
  width: 25%;
  height: 175px;
}

.style_cont .const_slide .swiper-slide-thumb-active {
  border:1px solid #00248a; 
  border-radius:0;
}

.style_cont .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.style_cont .slid_swiper .swiper-button-next, .style_cont .slid_swiper .swiper-rtl .swiper-button-prev{ width:60px; height:60px; background:#000; opacity:.3; right:0; }
.style_cont .slid_swiper .swiper-button-prev, .style_cont .slid_swiper .swiper-rtl .swiper-button-next{ width:60px; height:60px; background:#000; opacity:.3; left:0; }
.style_cont .swiper-button-next:after, .style_cont .swiper-button-prev:after{ font-size:25px; }
@media(max-width:1080px){
  .style_cont .const_slide .swiper-slide{ height:180px; max-height:250px; }
}

@media(max-width:780px){
  .style_cont .const_slide .swiper-slide{ height:160px; max-height:120px; }
  .style_cont .const_slide2{ max-height:400px; height:500px; }
}

@media(max-width:400px){
  .style_cont .const_slide{ width:85%; }
  .style_cont .const_slide .swiper-slide{ height:100px; max-height:100px; }
  .style_cont .const_slide2{ width:100%; height:300px; max-height:300px; }
  .style_cont .slid_swiper .swiper-button-next, .style_cont .slid_swiper .swiper-rtl .swiper-button-prev, .style_cont .slid_swiper .swiper-button-prev, .style_cont .slid_swiper .swiper-rtl .swiper-button-next{ width:30px; height:30px; }
  .style_cont .swiper-button-next:after, .style_cont .swiper-button-prev:after{ font-size:16px; }
  .style_cont .thumb_swiper .swiper-button-next, .style_cont2 .thumb_swiper .swiper-rtl .swiper-button-prev{ width:0 !important; right:0 !important; }
  .style_cont .thumb_swiper .swiper-button-prev, .style_cont2 .thumb_swiper .swiper-rtl .swiper-button-next{ width:0 !important; left:0 !important; }
}
@media(max-width:380px){


}

/* 브리프 */
.sub_brief{ box-shadow:3px 11px 27px 0 rgba(48,62,65,.24); background:#fff; width:100%; min-height:1590px; border-radius:40px; }
.sub_brief .brif{ background:#00248a; color:#fff; text-transform:uppercase; width:100px; padding:12px 0; margin:0 auto; line-height:1; }
.sub_brief .brif_top{ position:relative; background:url(../_img/sub/brif.png)no-repeat; width:100%; color:#fff; text-align:center; padding:80px 15px; background-size:cover; border-radius:40px 40px 0 0; }
.sub_brief .brif_top:before{ content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); left:0; top:0; border-radius:40px 40px 0 0; }
.sub_brief .brif_top p, .sub_brief .brif_top h2{ position:relative; }
.sub_brief .brif_top h2{ font-size:35px; margin-top:30px; }
.sub_brief .brif_top p{ font-size:18px; font-weight:700; }
.sub_brief .brif_top p span{ font-weight:400; vertical-align:top; }
.sub_brief .brif_txt{ padding:90px 150px; }
.sub_brief .brif_txt p{ font-size:20px; line-height:1.3; color:#666; }
.sub_brief .brif_txt img{ margin:30px 0; }
.sub_brief .brif_bottom { position:relative; display:flex; align-items:center; justify-content:center; margin-top:130px; }
.sub_brief .brif_bottom .brif_btn{ display:inline-block; }
.sub_brief .brif_bottom .btn_white{ line-height:48px; height:50px; font-size:16px; border-radius:6px; width:132px; }
.sub_brief .brif_bottom .btn_sns { position:absolute; right:0; display:flex; }
.sub_brief .brif_bottom .btn_sns li{ display:inline-block; margin:0 10px; }
.prevnextwrap{ /*margin-top:200px; border-top:1px solid #333; */}
.prevnext{ padding: 10px 0; border-bottom:1px solid #ddd; }
.prevnext ul{ display:flex; align-items:center; justify-content:space-between }
.prevnext ul li:nth-child(2){ width:calc(100% - 570px); }
.prevnext ul li:nth-child(3){ position:relative; width:auto; text-align:center; }
.prevnext ul li p{ padding:12px 0; color:#999; font-weight:300; }
.prevnext ul li .brif{ padding:4px 10px; background:#00248a; color:#fff; text-transform:uppercase; line-height:1; letter-spacing:4px; }
.prevnext ul li p strong{ vertical-align:middle; font-weight:700; padding:0 10px; color:#000; }
.prevnext ul li h3{ font-size:20px; font-weight:700; }
.prevnext ul li p.txt{ color:#666; }
.prevnext ul li p.prevtxt{ height: 100px;    -webkit-line-clamp: 4;text-overflow:ellipsis;overflow:hidden; }
.prevnext ul .prev{ position:relative; padding-bottom:30px; }
.prevnext ul .prev:after{ content:''; position:absolute; bottom:0; left:0; margin-left:27%; background:url(../_img/ico_commboard.png)no-repeat; width:20px; height:20px; background-position:-56px -180px; transform:rotate(90deg); }
.prevnext ul .next{ position:relative; padding-top:30px; }
.prevnext ul .next:before{ content:''; position:absolute; top:0; left:0; margin-left:27%; background:url(../_img/ico_commboard.png)no-repeat; width:20px; height:20px; background-position:-76px -180px; transform:rotate(90deg); }

@media(max-width:1280px){
  .sub_brief .brif_txt{ padding:50px; }
  .sub_brief .brif_bottom{ margin-top:80px; }
}

@media(max-width:1080px){
  .sub_brief{ min-height:auto; max-height:100%; border-radius:20px; }
  .sub_brief .brif_top, .sub_brief .brif_top:before{ border-radius:20px 20px 0 0; }
  .sub_brief .brif_txt{ padding:30px 20px; }
  .sub_brief .brif_top{ padding:30px 15px; }
  .sub_brief .brif_top p{ font-size:16px; padding:7px 0; }
  .sub_brief .brif_top h2{ font-size:28px; margin-top:15px; }
  .sub_brief .brif_txt p{ font-size:16px; }
  .sub_brief .brif_txt img{ margin:15px 0; }
  .sub_brief .brif_bottom{ margin-top:50px; }
  .prevnext{ padding:30px 0; }
  .prevnext ul li:nth-child(1){ width:300px; }
  .prevnext ul li:nth-child(2){ width:calc(100% - 360px); padding:0 20px; }
  .prevnext ul li p{ font-size:16px; }
  .prevnext ul li h3{ font-size:18px; }
  .prevnext ul li p.txt{ font-size:15px; }
  .prevnext ul li p.prevtxt{ height: 70px;    -webkit-line-clamp: 3;text-overflow:ellipsis;overflow:hidden; white-space:normal;}

}
@media(max-width:780px){

  .prevnext{ padding:15px 0; }
  .prevnext ul li:nth-child(1){ width:150px; }
  .prevnext ul li:nth-child(2){ width:calc(100% - 200px); padding:0 10px; }
  .prevnext ul li:nth-child(3){ width:50px; }
  .prevnext ul li:nth-child(3) strong{ font-size:15px; }
  .prevnext ul li h3, .prevnext ul li p.txt{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; }
  .prevnext ul li .brif{ letter-spacing:1.2px; font-size:15px; font-weight:600; }
  .prevnext ul .next{ padding-top:20px; }
  .prevnext ul .prev{ padding-bottom:20px; }
  .prevnext ul li p.prevtxt{display:none;}
  .sub_brief .brif_bottom{ justify-content:space-between; }
  .sub_brief .brif_bottom .btn_sns{ position:relative; }
}
@media(max-width:400px){
  .sub_brief .brif_top h2{ font-size:20px; }
  .sub_brief .brif_top p{ font-size:14px; }
  .sub_brief .brif_txt{ padding:20px 10px; }
  .prevnext ul li:nth-child(1){ width:100px; }
  .prevnext ul li:nth-child(2){ width:calc(100% - 150px) }
  .prevnext ul li p{ padding:12px 0; font-size:14px; }
  .prevnext ul li p strong{ padding:0 6px; }
  .prevnext ul li .brif{ font-size:12px; padding:4px 6px; }
  .sub_brief .brif_bottom .btn_sns li{ margin:0 5px; }
  .sub_brief .brif_bottom .btn_white{ line-height:normal; height:auto; width:auto; padding:10px 40px; }
}

/*일반게시판 스킨*/
.wrap_board .wrap_list {
   border-top: 1px solid #000;
   border-bottom: 1px solid #666;
   text-align: center;
}
.wrap_board .wrap_list > .lst > li + li {
   border-top: 1px solid #e7e7e7;
}
.wrap_board .wrap_list [class^=inr] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   font-size: 0;
}
.wrap_board .wrap_list .inr {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 20px 35px;
}
.wrap_board .wrap_list .inr .info {
   display: inline-block;
}
.wrap_board .wrap_list .inr .num {
   display: inline-block;
   width: 60px;
   margin-right: 24px;
   font-size: 16px;
   line-height: 34px;
}
.wrap_board .wrap_list .inr .status {
   display: inline-block;
   width: 64px;
   margin-right: 30px;
   line-height: 34px;
   background: #666;
   color: #fff;
   font-size: 16px;
}
   .wrap_board .tbl_list .status + .status{margin-left:5px;}
.wrap_board .wrap_list .inr .status.on {
   background: #468ecc;
}
.wrap_board .wrap_list .inr .cont {
   position: relative;
   padding-left: 42px;
   text-align: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}
.wrap_board .wrap_list .inr .cont .secret {
   position: absolute;
   top: 50%;
   left: 0;
   width: 20px;
   height: 22px;
   margin-top: -11px;
   background: url(../_img/ico_secret.png) no-repeat center/20px 22px;
}
.wrap_board .wrap_list .inr .cont .sup {
   padding-bottom: 2px;
}
.wrap_board .wrap_list .inr .cont .sup span {
   display: inline-block;
   font-size: 16px;
   color: #666;
}
.wrap_board .wrap_list .inr .cont .sup span + span {
   position: relative;
   margin-left: 16px;
   padding-left: 17px;
}
.wrap_board .wrap_list .inr .cont .sup span + span:before {
   position: absolute;
   top: 50%;
   left: 0;
   width: 1px;
   height: 12px;
   margin-top: -6px;
   background: #666;
   content: "";
}
.wrap_board .wrap_list .inr .cont .tit {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.333;
}
.wrap_board .wrap_list .inr .cont .tit em {
   display: inline-block;
   margin-left: 2px;
   line-height: 24px;
   text-align: center;
   color: #fff;
   font-size: 12px;
   letter-spacing: 0;
   font-weight: 400;
}
.wrap_board .wrap_list .inr .cont .tit .cmmt {
   min-width: 24px;
   padding: 0 5px;
   border-radius: 24px;
   background: #ff6407;
}
.wrap_board .wrap_list .inr .cont .tit .new {
   width: 24px;
   background: #f04c62;
   border-radius: 3px;
}
.wrap_board .wrap_list .inr .util span {
   display: inline-block;
   width: 40px;
   height: 40px;
   border-radius: 100%;
   background: #f5f5f5;
   font-size: 0;
   line-height: 0;
}
.wrap_board .wrap_list .inr .util span:after {
   display: inline-block;
   content: "";
}
.wrap_board .wrap_list .inr .util .download:after {
   width: 16px;
   height: 16px;
   margin-top: 12px;
   background: url(../_img/ico_download.png) no-repeat center/100%;
}
.wrap_board .wrap_list .inr .util .chart:after {
   width: 24px;
   height: 18px;
   margin-top: 11px;
   background: url(../_img/ico_chart.png) no-repeat center/100%;
}
.wrap_board .wrap_list .inr .emph {
   background: #f5f5f5;
}
.wrap_board .wrap_list .inr .emph .util span {
   background-color: #fff;
}
.wrap_board .wrap_list .reply .inr {
   margin-left: 213px;
   padding-left: 42px;
}
.wrap_board .wrap_list .reply .inr .cont {
   padding-left: 50px;
}
.wrap_board .wrap_list .reply .inr .cont .lab_reply {
   position: absolute;
   top: 50%;
   left: 0;
   width: 24px;
   height: 32px;
   margin-top: -16px;
   background: url(../_img/ico_reply.png) no-repeat 0 50%;
   background-size: 24px auto;
}
.wrap_board .wrap_list .inr_report {
   padding: 20px 0;
}
.wrap_board .wrap_list .inr_report .thumb {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   position: relative;
   width: 200px;
   height:250px;
   margin-right: 36px;
   padding: 10px;
}
.wrap_board .wrap_list .inr_report .thumb:after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border: 1px solid rgba(0, 0, 0, 0.1);
   content: "";
}
.wrap_board .wrap_list .inr_report .thumb img {
   -webkit-transition: 0.3s;
   transition: 0.3s;
   object-fit:cover;o-object-fit:cover;width:100%;height:100%;;
}
.wrap_board .wrap_list .inr_report .cont {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   width: calc(100% - 216px);
   overflow: hidden;
   padding: 20px 0;
   text-align: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}
.wrap_board .wrap_list .inr_report .cont .tit {
   display: block;
   font-size: 24px;
   font-weight: bold;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}
.wrap_board .wrap_list .inr_report .cont .wrap_info {
   margin-top: 20px;
}
.wrap_board .wrap_list .inr_report .cont .wrap_info [class^=info_] {
   display: inline-block;
}
.wrap_board .wrap_list .inr_report .cont .wrap_info dl{
   /*display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap:wrap;   
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;	
	*/
}
.wrap_board .wrap_list .inr_report .cont .wrap_info dl, .wrap_board .wrap_list .inr_report .cont .wrap_info dt, .wrap_board .wrap_list .inr_report .cont .wrap_info dd {
   display: inline-block;
}
.wrap_board .wrap_list .inr_report .cont .wrap_info dl:not(.like) {
   position: relative;
   margin-right: 12px;
   padding-right: 12px;
}
.wrap_board .wrap_list .inr_report .cont .wrap_info dl:not(.like):after {
   position: absolute;
   top: 50%;
   right: 0;
   width: 1px;
   height: 16px;
   margin-top: -8px;
   background: #ddd;
   content: "";
}
.wrap_board .wrap_list .inr_report .cont .wrap_info dt, .wrap_board .wrap_list .inr_report .cont .wrap_info dd {
   font-size: 16px;
   line-height: 24px;
}
.wrap_board .wrap_list .inr_report .cont .wrap_info dt {
   margin-right: 8px;
   color: #999;
}
.wrap_board .wrap_list .inr_report .cont .wrap_info .boardicon_hit,
.wrap_board .wrap_list .inr_report .cont .wrap_info .boardicon_like {
   margin: 0 0;
}
.wrap_board .keywords li {
   display: inline-block;
   margin-right: 10px;
   font-size: 15px;
   line-height: 30px;
   border-radius: 30px;
   border: 1px solid #e5e5e5;
   background: #fff;
   padding: 0 10px;
   color: #777;
}
@media screen and (max-width: 1024px) {
   .wrap_board .keywords li {
      margin-right: 6px;
	  margin-top:3px;margin-bottom:3px;
      font-size: 13px;
      line-height: 28px;
   }
}
@media screen and (max-width: 640px) {
   .wrap_board .keyword .lst {
      margin: -3px -2px;
   }
   .wrap_board .keyword li {
      margin: 3px 2px;
      line-height: 24px;
      border-radius: 24px;
      padding: 0 8px;
   }
}
.wrap_board .wrap_list .inr_report .cont .wrap_info .boardicon_hit{display:block;background-image:url('/_img/sub/icon_view.png');width:25px;height:18px;background-size:100%;background-position:center;font-size:0;vertical-align:middle;background-repeat:no-repeat;}
.wrap_board .wrap_list .inr_report .cont .wrap_info .boardicon_like{display:block;background-image:url('/_img/sub/icon_hearton.png');width:22px;height:22px;background-size:100%;background-position:center;font-size:0;vertical-align:middle;background-repeat:no-repeat;}
/*2열짜리 리포트 스킨 추가*/
.wrap_board .wrap_list.cols2 ul.outlist{display:flex;flex-wrap:wrap;}
.wrap_board .wrap_list.cols2 .inr_report .cont .tit{font-weight:normal;font-size:22px;}
.wrap_board .wrap_list.cols2 ul.outlist > li{width:50%;}
.wrap_board .wrap_list.cols2 .inr_report {
    padding: 20px  20px 20px 0;
}
.wrap_board .wrap_list.cols2 .inr_report .cont .tit{text-overflow:initial;    white-space: initial;line-height:1.5;
    overflow: initial;}
/*2열짜리 리포트 스킨 추가*/
@media screen and (min-width: 1024px) {

   .wrap_board .wrap_list .inr_report:hover .thumb img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
   }
}
@media screen and (max-width: 1024px) {   
   .wrap_cont .cont img{max-width:100% !important;}
   .wrap_cont .cont img {
    max-width: 100%;
	}
	.wrap_cont .cont iframe {
    max-width: 100%;
	}
}
@media screen and (max-width: 1024px) {
.wrap_board .wrap_list.cols2 ul.outlist > li{width:100%;}	
.wrap_board .wrap_list.cols2 .inr_report {
    padding: 20px  0 20px 0;
}	
	.wrap_board .wrap_list.cols2 .inr_report .cont .tit{text-overflow:ellipsis;  font-size:18px;
    overflow: hidden;}
}
.wrap_board .tbl_list {
   table-layout: fixed;
}
.wrap_board .tbl_list th {
   height: 64px;
   padding: 10px;
   font-size: 18px;
   font-weight: 500;
}
.wrap_board .tbl_list td {
   height: 68px;
   padding: 10px;
  font-size: 18px;
}
.wrap_board .tbl_list td.nodatatd{padding:100px 0 100px;} 
.wrap_board .tbl_list thead th {
   height: 50px;

}
.wrap_board .tbl_list tbody td {
   border-top: 1px solid #ddd;
}
.wrap_board .tbl_list .col_tit {
   padding-right: 0;
   text-align: left;
}
.wrap_board .tbl_list .col_titmy {
   padding-right: 0;
   text-align: left;
}
.wrap_board .tbl_list .col_tit .wrap_tit {
   display: block;
   line-height: 24px;
}
.wrap_board .tbl_list .col_tit a {
   display: block;
   width: 100%;
   font-size:18px;
}
.wrap_board .tbl_list .col_tit .tit {
   display: inline-block;
   max-width: calc(100% - 70px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.wrap_board .tbl_list .col_tit span,
.board .view .title_cont .new 
 {
   display: inline-block;
   margin-left: 3px;
   text-align: center;
   font-size: 13px;
   font-weight: 400;
}
.wrap_board .tbl_list .col_tit .new ,
.board .view .title_cont .new {
   width: 22px;
   background-color:#1947BA;
   border-radius: 3px;
   line-height: 22px;
   color: #fff;
}
.board .view .title_cont .new {vertical-align:middle;
display: inline-block;
    margin-left: 3px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
	line-height: 22px;
    color: #fff;
	margin-top:-3px;
}
.wrap_board .tbl_list .col_tit .re {
   min-width: 24px;
   padding: 0 3px;
   color: #ff6407;
   line-height: 22px;
   border: 1px solid #ff6407;
   border-radius: 100%;
}
.wrap_board .tbl_list .col_tit.new a .tit {
   font-weight: bold;
}
@media screen and (min-width: 1024px) {
   .wrap_board .tbl_list .col_tit a:hover .tit {
      text-decoration: underline;
   }
}
.wrap_board .tbl_list .col_num .emph {
   display: inline-block;
   color: #000;
   font-weight: bold;
}

.wrap_board .tbl_list .col_file .dropbtn {
   border: 1px solid rgba(0, 0, 0, 0.1);
}

.wrap_board .tbl_list tr.emph, .wrap_board .tbl_list tr.emph td {
   background: #f5f5f5;
  
}
 .wrap_board .tbl_list tr.emph td { }
 .wrap_board .tbl_list tr.emph .col_tit .tit {}
.wrap_board .tbl_list span.lab_reply {
   display: inline-block;
   position: relative;
   margin: 0 5px 0 0;
   padding-left: 16px;
}
.wrap_board .tbl_list span.lab_reply:before, .wrap_board .tbl_list span.lab_reply:after {
   position: absolute;
   background: #555;
   content: "";
}
.wrap_board .tbl_list span.lab_reply:before {
   left: 0;
   top: 50%;
   width: 1px;
   height: 10px;
   margin-top: -10px;
}
.wrap_board .tbl_list span.lab_reply:after {
   left: 0;
   top: 50%;
   width: 10px;
   height: 1px;
}
.wrap_board .tbl_list span.lab_reply em {
   display: inline-block;
   font-size: 13px;
   font-weight: bold;
   color: #06f;
}
@media screen and (max-width: 1400px) {
   .wrap_board .tbl_list th, .wrap_board .tbl_list td {
      font-size: 16px;
   }
   .wrap_board .tbl_list .col_tit {
      font-size: 18px;
   }
   .wrap_board .tbl_list .col_tit a {
    font-size: 18px;
	}
}
@media screen and (max-width: 1024px) {
   .wrap_board .tbl_list, .wrap_board .tbl_list tbody, .wrap_board .tbl_list tr {
      display: block;
   }
   .wrap_board .tbl_list thead, .wrap_board .tbl_list .col_num, .wrap_board .tbl_list .col_hit {
      display: none;
   }
   .wrap_board .tbl_list tr {
      position: relative;
      text-align: left;
   }
   .wrap_board .tbl_list tr + tr {
      border-top: 1px solid #ddd;
   }
   .wrap_board .tbl_list td {
      position: absolute;
      height: auto;
      padding: 0;
      vertical-align: top;
   }
   .wrap_board .tbl_list td.col_middle{
	  position:relative;
	  display:block;
	  width:100%;
	  padding:5px 12px 5px;
	  text-align:left;
   }
   .wrap_board .tbl_list td.col_end{
	  display:block;
	  position:relative;
	  padding:10px 12px 20px;
	  width:100%;
	  text-align:left;
	  font-size:15px;
   }	  
   .wrap_board .tbl_list td.nodatatd{position:relative;display:flow;}   
   .wrap_board .tbl_list tbody td {
      border: none;
   }
   .wrap_board .tbl_list .col_status {
      top: 16px;
      left: 12px;
      z-index: 1;
   }
   .wrap_board .tbl_list .col_button {
     position:relative;
	 width:100%;
   }   
   .wrap_board .tbl_list .status {
     
      min-width: 50px;
	  width:initial;
      line-height: 26px;
	  font-weight:300;
   }
   .wrap_board .tbl_list .status + .status{margin-left:5px;}
   .wrap_board .tbl_list .col_tit {
      display: block;
      position: relative;
      width: 100%;
   }   
   .wrap_board .tbl_list .col_titmy {
      display: block;
      position: relative;
      width: 100%;
	  padding: 50px 12px 10px;
   }
   .wrap_board .tbl_list .col_tit a{
      display: block;
      position: relative;
      width: 100%;
	  padding: 50px 12px 65px;
   }
   .wrap_board .tbl_list .col_tit .stit {
      line-height: 1.4;
	  font-size:15px;   
   }
   .wrap_board .tbl_list .col_tit .tit {
      display: inline;
      white-space: normal;
      text-overflow: inherit;
      line-height: 1.4;
	  font-size:18px;
      word-break: normal;
   }
   .wrap_board .tbl_list .col_tit .new {
    /*  position: absolute;*/
      top: 19px;
      left: 68px;
      width: 20px;
      margin: 0;
      line-height: 20px;
      font-size: 11px;
      font-weight: bold;
	  color:#fff !important;
   }
   .wrap_board .tbl_list .col_tit .re {
      display: block;
      margin: 3px 0 0;
      border: none;
      min-width: 0;
      padding: 0;
      line-height: 22px;
      text-align: left;
   }
   .wrap_board .tbl_list .col_tit .re:before {
      display: inline-block;
      margin-right: 3px;
      color: #aaa;
      font-weight: normal;
      content: "답글";
   }
   .wrap_board .tbl_list .col_date {
      top: 16px;
      right: 12px;
      line-height: 26px;
      font-size: 14px;
   }
   /*
   .wrap_board .tbl_list .col_end {
      bottom: 16px;
      left: 12px;
      line-height: 20px;
   }*/
    .wrap_board .tbl_list .col_pc{display:none;}
   .wrap_board .tbl_list .col_end .mo {
      display: inline-block;
      margin-right: 2px;
      vertical-align: top;
   }
   .wrap_board .tbl_list .col_file {
      right: 12px;
      bottom: 16px;
   }
   .wrap_board .tbl_list tr.reply .col_tit a {
      padding: 40px 12px 62px 30px;
   }
   .wrap_board .tbl_list tr.reply .col_end {
      left: 32px;
   }
}

/*게시판 리스트 형태*/

.wrap_board {
   margin-top: 0;
   margin-bottom:70px;
}
.top_board {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
   padding-bottom: 16px;
   font-size: 0;
}
.top_board .total span {
   display: inline-block;
   margin-right: 12px;
   font-size: 18px;
   color:#010101;
}
.top_board .total b {
   color: #000;
   font-weight: 600;
}
.top_board .sch_board,
.wrap_board .sch_board {
   text-align: right;
}
.top_board .sch_board .slt_board,
.wrap_board .sch_board .slt_board{
   height: 42px;
   border: 1px solid #999;
   font-size: 16px;
}
.top_board .sch_board .inp_sch ,
.wrap_board .sch_board .inp_sch {
   height: 40px;
   font-size: 16px;
}
.top_board .sch_board .slt_board ,
.wrap_board .sch_board .slt_board {
   min-width: 140px;
   margin-right: 0;
   padding: 0 40px 0 12px;
   border-radius: 0;
   font-size:16px;
  background: url(../_img/slt.png) top 50% right/25px no-repeat #FFF;
  border-right:none;
}
.top_board .sch_board .wrap_sch ,
.wrap_board .sch_board .wrap_sch {
   display: inline-block;
   position: relative;
   width: 250px;
   padding-right: 40px;
   border:1px solid #999;
   border-radius:0;
}
.top_board .sch_board .wrap_sch .inp_sch ,
.wrap_board .sch_board .wrap_sch .inp_sch {
   display: block;
   width: 100%;
   padding: 0 0 0 12px;
   border-right: none;
    font-size:16px;
}
.top_board .sch_board .wrap_sch .btn_sch ,
.wrap_board .sch_board .wrap_sch .btn_sch {
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   border-radius: 0 5px 5px 0;
   line-height: 40px;
   text-align: center;
}
.wrap_board .nodata{display:block; padding:100px 0;color:#888;text-align:center;font-size:18px;margin:0 auto;}
/*
.wrap_board .sch_board .wrap_sch .btn_sch .ico_comm {
   width: 16px;
   height: 16px;
   margin-top: 12px;
   background-position: -125px -15px;
}
*/
.wrap_board .wrap_list > .lst > li + li {
   border-top: 1px solid #e7e7e7;
}
.wrap_board .wrap_list .inr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 20px 35px;

}
.wrap_board .wrap_list .inr .info {
   display: inline-block;
}
.wrap_board .wrap_list .inr .num {
   display: inline-block;
   width: 60px;
   margin-right: 24px;
   font-size: 16px;
   line-height: 34px;
}
.wrap_board .wrap_list .status {
   display: inline-block;
   min-width: 60px;
   padding: 0 15px;
   font-size: 16px;
   line-height: 30px;
   background: #999;
   color: #fff;
   text-align: center;
   border-radius:30px;
}

.wrap_board .wrap_list .status.normal {
	background: #fff;
   color: #111;
    border:1px solid #666;
}
.wrap_board .wrap_list .status.waiting {
	background: #f5f5f5;
    color: #666;
    border:1px solid #666;
}
.wrap_board .wrap_list .status.answered {
   background: #4f59d5;
   color: #fff;
   border:1px solid #4f59d5;
}
.wrap_board .wrap_list .inr .cont {
   position: relative;
   padding-left: 42px;
   text-align: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}
.wrap_board.myqna .wrap_list .inr .status{width:70px;}
.wrap_board.myqna .wrap_list .inr .cont{padding-left:0;}
.wrap_board .wrap_list .inr .cont .secret {
   position: absolute;
   top: 50%;
   left: 0;
   width: 20px;
   height: 22px;
   margin-top: -11px;
   background: url(../_img/ico_secret.png) no-repeat center/20px 22px;
}
.wrap_board .wrap_list .inr .cont .sup {
   padding-bottom: 2px;
}
.wrap_board .wrap_list .inr .cont .sup span {
   display: inline-block;
   font-size: 16px;
   color: #666;
}
.wrap_board .wrap_list .inr .cont .sup span + span {
   position: relative;
   margin-left: 16px;
   padding-left: 17px;
}
.wrap_board .wrap_list .inr .cont .sup span + span:before {
   position: absolute;
   top: 50%;
   left: 0;
   width: 1px;
   height: 12px;
   margin-top: -6px;
   background: #666;
   content: "";
}
.wrap_board .wrap_list .inr .cont .tit {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.333;
}
.wrap_board .wrap_list .inr .cont .tit em {
   display: inline-block;
   margin-left: 2px;
   line-height: 24px;
   text-align: center;
   color: #fff;
   font-size: 12px;
   letter-spacing: 0;
   font-weight: 400;
}
.wrap_board .wrap_list .inr .cont .tit .cmmt {
   min-width: 24px;
   padding: 0 5px;
   border-radius: 24px;
   background: #ff6407;
}
.wrap_board .wrap_list .cont .tit .new {
   width: 24px;
   background: #f04c62;
   border-radius: 3px;
}
.wrap_board .wrap_list .inr .util span {

}

.dropbtn {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #f5f5f5;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	background-image:url(../_img/ico_download.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:16px;
}

.dropbtn:hover, .dropbtn:focus {
	background-color: #ecf6ff;
	transition: .4s;
}

.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	border:1px solid #d2d2d2;
	width: 250px;
	right: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
	z-index: 1;
	color:#222;
	padding: 10px;
}

.dropdown-content a {
	height: 40px;
	color:#222;
	font-size: 16px;
	line-height:40px;
	display: block;
	border-bottom:1px solid #ececec;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align:left;
	padding-left:10px;padding-right:15px;
	background: url(../_img/ico_downarrow.png) right 10px center no-repeat;

}
.dropdown:hover .dropdown-content{display:block;}
.dropdown-content a:last-child {border-bottom: none;}
.dropdown-content a strong.downtxt {
	color:#222;
	text-align: left;
	display: block;
	float:left;
	margin-left: 10px;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.show {display: block;}

.dropbtn2 {
    display: inline-block;
   width: 40px;
   height: 40px;
   border-radius: 100%;
   background: #f5f5f5;
   font-size: 0;
   line-height: 0;
  cursor: pointer;
}
.dropbtn2:after {
   display: inline-block;
   content: "";
    width: 16px;
    height: 16px;
    background: url(../_img/ico_download.png) no-repeat center/100%;
}

.dropbtn2:hover, .dropbtn2:focus {
  background-color: #ecf6ff;
     transition: .4s;
}

.dropdown2 {
  position: relative;
  display: inline-block;
}

.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #fff;
  border:1px solid #d2d2d2;
  width: 250px;
  right: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
  z-index: 1;
  color:#222;
  padding: 10px;
}

.dropdown-content2 a {
height: 40px;
  color:#222;
  font-size: 16px;
	line-height:40px;
  display: block;
  border-bottom:1px solid #ececec;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.dropdown-content2 a:last-child {border-bottom: none;}
.dropdown-content2 a strong.downtxt {
color:#222;
text-align: left;
display: block;
float:left;
margin-left: 10px;
width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.show2 {display: block;}

i.ico_downarrow {
	content:'';
	display: block;
	width: 7px;
	height: 11px;
	margin-top: 14px;
	margin-left: 10px;
	margin-right: 10px;
	float:right;
	background: url(../_img/ico_downarrow.png) center center no-repeat;
}



.wrap_board .wrap_list .inr .util .download:after {
   width: 16px;
   height: 16px;
   margin-top: 12px;
   background: url(../_img/ico_download.png) no-repeat center/100%;
}
.wrap_board .wrap_list .inr .util .chart:after {
   width: 26px;
   margin-top: 11px;
   background: url(../_img/ico_chart.png) no-repeat center/100%;
}
.wrap_board .tbl_list .chart {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #f5f5f5;
    font-size: 0;
    line-height: 0;
    cursor: default;
    background-image: url(../_img/ico_chart.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
}

.wrap_board .tbl_list .outlink {
    display: block;
    width: 120px;
    height: 37px;
	font-size:16px;
	font-weight:bold;
    border-radius: 30px;
    background-color: #00248a;      
	color:#fff;
	line-height:37px;
	text-align:center;
	margin:0 auto;
   
}
.wrap_board .tbl_list .outlink i{
	display:inline-block;
	width:16px;height:16px;
	background-image: url(../_img/sub/icon_blankbold.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	font-size:0;
	margin-left:5px;
	vertical-align:text-top;
}

.wrap_board .wrap_list .inr .emph {
   background: #f5f5f5;
}
.wrap_board .wrap_list .inr .emph .util span {
   background-color: #fff;
}

.wrap_board .wrap_list .inr .reply .inr {
   margin-left: 213px;
   padding-left: 42px;
}
.wrap_board .wrap_list .reply .cont {
   padding-left: 50px;
}
.wrap_board .wrap_list .reply .cont .lab_reply {
   position: absolute;
   top: 50%;
   left: 0;
   width: 24px;
   height: 32px;
   margin-top: -16px;
   background: url(../_img/ico_reply.png) no-repeat 0 50%;
   background-size: 24px auto;
}
@media screen and (max-width: 1024px) {

   .wrap_board .top_board {
      display: block;
      padding-bottom: 20px;
   }
   .wrap_board .top_board .total {
      display: block;
   }
   .wrap_board .sch_board {
      margin-top: 10px;
      text-align: left;
   }
   .wrap_board .sch_board .slt_board,
.wrap_board .sch_board .inp_sch {
      height: 36px;
      font-size: 16px;
   }
   .wrap_board .sch_board .slt_board {
      min-width: 0;
      width: 110px;
      margin-right: 4px;
      padding-right: 36px;
   }
   .wrap_board .sch_board .wrap_sch {
      width: calc(100% - 114px);
      padding-right: 36px;
   }
   .wrap_board .sch_board .wrap_sch .btn_sch {
      width: 36px;
      height: 36px;
      line-height: 36px;
   }
   .wrap_board .wrap_list .inr {
      display: block;
      position: relative;
      padding: 0;
      text-align: left;
   }
   .wrap_board .wrap_list .inr .info {
      position: absolute;
      top: 15px;
      left: 20px;
   }
   .wrap_board .wrap_list .inr .num, .wrap_board .wrap_list .inr .status {
      font-size: 12px;
      line-height: 23px;
   }
   .wrap_board .wrap_list .inr .num {
      width: auto;
      min-width: 30px;
      margin-right: 10px;
   }
   .wrap_board .wrap_list .inr .status {
      width: 45px;
      text-align: center;
   }
   .wrap_board .wrap_list .inr .cont {
      padding: 0;
   }
   .wrap_board .wrap_list .inr .cont .secret {
      top: 45px;
      left: 20px;
      margin-top: 0;
   }
   .wrap_board .wrap_list .inr .cont .sup {
      position: absolute;
      top: 15px;
      right: 20px;
   }
   .wrap_board .wrap_list .inr .cont .sup span {
      font-size: 14px;
      line-height: 23px;
   }
   .wrap_board .wrap_list .inr .cont .sup span + span {
      margin-left: 12px;
      padding-left: 13px;
   }
   .wrap_board .wrap_list .inr .cont .tit {
      display: block;
      position: relative;
      padding: 45px 65px 15px 60px;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
   }
   .wrap_board .wrap_list .inr .cont .tit em {
      line-height: 18px;
      margin-top: 3px;
      font-size: 11px;
   }
   .wrap_board .wrap_list .inr .cont .tit .cmmt {
      min-width: 18px;
      padding: 0 4px;
      border-radius: 18px;
      font-size: 9px;
   }
   .wrap_board .wrap_list .inr .cont .tit .new {
      width: 18px;
   }
   .wrap_board .wrap_list .inr .emph .cont .tit {
      font-weight: bold;
   }
    .wrap_board .wrap_list .inr .util .dropdown {
		position:absolute;right:0;
	}
	.wrap_board .wrap_list .inr .util .dropdown-content{
		margin-top:-10px;
	}
   .wrap_board .wrap_list .inr .util .dropbtn {
      position: absolute;
      right: 20px;
      bottom: 15px;
      width: 30px;
      height: 30px;
      text-align: center;
	  background-size: 14px;
   }

   .wrap_board .wrap_list .inr .util .chart:after {
      width: 18px;
      height: 14px;
      margin-top: 8px;
   }
   .wrap_board .wrap_list .reply .inr, .wrap_board .wrap_list .reply .cont {
      margin-left: 0;
      padding-left: 0;
   }
   .wrap_board .wrap_list .reply .cont .sup {
      left: 60px;
      right: 0;
   }
   .wrap_board .wrap_list .reply .cont .lab_reply {
      left: 20px;
      width: 16px;
      height: 20px;
      margin-top: -10px;
      background-size: 16px 20px;
   }
   .wrap_board .paging {
      margin-top: 40px;
   }
   .wrap_board .paging a {
      width: 32px;
      height: 32px;
      line-height: 32px;
   }
      .board_paging .paging {
      margin-top: 40px;
   }
   .board_paging .paging a {
      width: 32px;
      height: 32px;
      line-height: 32px;
   }

}
@media screen and (max-width: 640px) {
	.wrap_board .wrap_list .status{font-size:14px;padding:0 10px;line-height:25px;min-width:50px;}
	.wrap_board .tbl_list td.col_middle{font-size:14px;}
	.wrap_board .tbl_list td.col_end{padding:5px 12px 15px;}
   .wrap_board .wrap_list .inr_report {
      display: block;
      position: relative;
      overflow: hidden;
   }
   .wrap_board .wrap_list .inr_report .thumb {
      float: left;
      width: 30%;
      min-width: 110px;
      max-width: none;
      margin-bottom: 32px;
	  height: 180px;
   }
   .wrap_board .wrap_list .inr_report .cont {
      display: block;
      overflow: hidden;
      width: auto;
      padding: 0;
   }
   .wrap_board .wrap_list .inr_report .cont .tit {
      max-height: 48px;
      font-size: 16px;
      line-height: 24px;
      word-break: break-all;
   }
   .wrap_board .wrap_list .inr_report .cont .wrap_info {
      margin-top: 6px;
   }
   .wrap_board .wrap_list .inr_report .cont .wrap_info dl:not(.like) {
      margin-right: 8px;
      padding-right: 8px;
   }
   .wrap_board .wrap_list .inr_report .cont .wrap_info dl:not(.like):after {
      height: 12px;
      margin-top: -6px;
   }
   .wrap_board .wrap_list .inr_report .cont .wrap_info .day:after,
.wrap_board .wrap_list .inr_report .cont .wrap_info .hit:after {
      display: none;
   }
   .wrap_board .wrap_list .inr_report .cont .wrap_info .info_view {
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 30%;
      min-width: 110px;
      text-align: center;
   }
   .wrap_board .wrap_list .inr_report .cont .wrap_info .info_view dl.hit {
      margin-right: 6px;
      padding-right: 6px;
	  font-size:14px;
   }
    .wrap_board .wrap_list .inr_report .cont .wrap_info .info_view dl.like {
      margin-right: 6px;
      padding-right: 6px;
	  font-size:14px;
   }
   .wrap_board .wrap_list .inr_report .cont .wrap_info .boardicon_like{width:18px;height:18px;}
   .wrap_board .wrap_list .inr_report .cont .wrap_info .info_view dt {
      margin-right: 3px;
   }
}
@media screen and (max-width: 480px) {
	.board_paging .paging a,
	.wrap_board .paging a
	{
      width: 36px;
      height: 36px;
      line-height: 36px;
   }
   .top_board .total span{font-size:16px;}
}
@media screen and (max-width: 350px) {
	.paging_wrap{margin-bottom:30px;}
	.paging{margin-top:20px;}
	.paging .lst_page li{width:28px;}
	.paging .lst_page a{margin-left:0;width:28px;}
	.paging a{width:28px;height:28px;line-height:28px;margin:0;border-left:none;}	
	.board_paging .paging a,
	.wrap_board .paging a
	{
      width: 28px;
      height: 28px;
      line-height: 28px;
   }

	.paging i{width:28px;height:28px;line-height:28px;}
	.paging .lst_page a{margin-left:0;border-left:none;line-height:28px;}
	.paging i{margin: 0 auto;}
	.ft_cont{margin-top:20px;}
	.paging .prev{display:none;}
	.paging .next{display:none;}

}
/*게시판 하단 버튼*/
.mypage .util_write,
.board .util_write
{margin-top:20px;margin-bottom:40px;}
.mypage .util_write .area_btn,
.board .util_write .area_btn
 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
    justify-content: flex-end;

}
.mypage .util_write .area_btn.type2-1,
.board .util_write .area_btn.type2-1
 { justify-content: center;}
.mypage .util_write .area_btn .col,
.board .util_write .area_btn .col
 {
   width: 50%;
}
.mypage .util_write .area_btn .col + .col,
.board .util_write .area_btn .col + .col
 {
   margin-left: 10px;
}
.mypage .util_write .area_btn [class^=btn],
.board .util_write .area_btn [class^=btn]
 {
   display: block;
   width: 100%;
   border-radius: 10px;
   text-align: center;
}
.mypage .util_write .area_btn [class^=btn] .txt,
.board .util_write .area_btn [class^=btn] .txt
 {
   display: block;
   line-height: 50px;
   font-size: 17px;
   font-weight: bold;
}
.mypage .util_write .area_btn.type1 .col:first-child,
.board .util_write .area_btn.type1 .col:first-child
 {   width: 190px;}
.mypage .util_write .area_btn.type2 .col:first-child,
.board .util_write .area_btn.type2 .col:first-child
 {   width: 170px;}
.mypage .util_write .area_btn.type2 .col:nth-of-type(2),
.board .util_write .area_btn.type2 .col:nth-of-type(2)
 {   width: 170px;}
.mypage .util_write .area_btn.type3 .col:first-child,
.board .util_write .area_btn.type3 .col:first-child
 {   width: 170px;}
.mypage .util_write .area_btn.type3 .col:nth-of-type(2),
.board .util_write .area_btn.type3 .col:nth-of-type(2)
 {   width: 150px;}
 .mypage .util_write .area_btn.type3 .col:nth-of-type(3),
.board .util_write .area_btn.type3 .col:nth-of-type(3)
 {   width: 150px;}

  .mypage .util_write .area_btn.type4 .col,
.board .util_write .area_btn.type4 .col
 {   width: 150px;}

.mypage .util_write .area_btn.type3 .col:last-child,
.board .util_write .area_btn.type3 .col:last-child
 {   width: 130px;}
.mypage .util_write .area_btn.type2-1 .col:first-child,
.board .util_write .area_btn.type2-1 .col:first-child
 {   width: 100%;}


.board .util_write{margin-top:20px;margin-bottom:40px;}
.board .util_write .area_btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
    justify-content: flex-end;

}
.board .util_write .area_btn.type2-1 { justify-content: center;}
.board .util_write .area_btn .col {
   width: 50%;
}
.board .util_write .area_btn .col + .col {
   margin-left: 10px;
}
.board .util_write .area_btn [class^=btn] {
   display: block;
   width: 100%;
   border-radius: 0;
   text-align: center;
   border:1px solid #000;
}
.board .util_write .area_btn [class^=btn] .txt {
   display: block;
   line-height: 50px;
   font-size: 20px;
   font-weight: bold;
}
.board .util_write .area_btn.type1 .col:first-child {   width: 190px;}
.board .util_write .area_btn.type2 .col:first-child {   width: 170px;}
.board .util_write .area_btn.type2 .col:nth-of-type(2) {   width: 170px;}
.board .util_write .area_btn.type3 .col:first-child {   width: 170px;}
.board .util_write .area_btn.type3 .col:nth-of-type(2) {   width: 150px;}
.board .util_write .area_btn.type3 .col:last-child {   width: 130px;}
.board .util_write .area_btn.type2-1 .col:first-child {   width: 100%;}







.bbs .util_write{margin-top:20px;margin-bottom:40px;}
.bbs .util_write .area_btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
    justify-content: flex-end;

}
.bbs .util_write .area_btn.type2-1 { justify-content: center;}
.bbs .util_write .area_btn .col {
   width: 50%;
}
.bbs .util_write .area_btn .col + .col {
   margin-left: 10px;
}
.bbs .util_write .area_btn [class^=btn] {
   display: block;
   width: 100%;
   border-radius: 0;
   text-align: center;
   border:1px solid #000;
}
.bbs .util_write .area_btn [class^=btn] .txt {
   display: block;
   line-height: 50px;
   font-size: 18px;
   font-weight: bold;
}
.bbs .util_write .area_btn.type1 .col:first-child {   width: 190px;}
.bbs .util_write .area_btn.type2 .col:first-child {   width: 170px;}
.bbs .util_write .area_btn.type2 .col:nth-of-type(2) {   width: 170px;}
.bbs .util_write .area_btn.type3 .col:first-child {   width: 170px;}
.bbs .util_write .area_btn.type3 .col:nth-of-type(2) {   width: 150px;}
.bbs .util_write .area_btn.type3 .col:last-child {   width: 130px;}
.bbs .util_write .area_btn.type2-1 .col:first-child {   width: 100%;}


.wrap_write {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   width: 100%;
   margin-top: 60px;
   margin-bottom:100px;
}
.wrap_write .wrap_table {
   width: 72%;
   -ms-flex-negative: 0;
       flex-shrink: 0;
   border-top: 2px solid #111;
}
.wrap_write .wrap_table th, .wrap_write .wrap_table td {
   height: 60px;
   padding: 5px 10px;
   border-bottom: 1px solid #444;
}
.wrap_write .wrap_table th {
   background: #f8f8f8;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
}
.wrap_write .wrap_table td:last-child {
   padding-right: 0;
}
.wrap_write .util_write {
   position: relative;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
   margin-left: 50px;
   padding-bottom: 100px;
}
.wrap_write .util_write .item_util:not(:first-child) {
   margin-top: 50px;
}
.wrap_write .util_write .hd_item .tit {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
}
.wrap_write .util_write .box_util {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #fff;
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.04);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.04);
}
.wrap_write .util_write .box_util .inner {
   padding: 18px;
}
.wrap_write .util_write .box_util input.inner {
   width: 100%;
}
.wrap_write .util_write .box_util .hd_box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   line-height: 24px;
}
.wrap_write .util_write .box_util .hd_box > .tit {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
}
.wrap_write .util_write .box_util .hd_box .btn_del {
   height: 24px;
   line-height: 24px;
   font-size: 14px;
   font-weight: bold;
   text-decoration: underline;
}
.wrap_write .util_write .box_util .hd_box .btn_del:before {
   width: 13px;
   height: 14px;
   margin: 5px 3px 0 0;
   background-position: -135px -75px;
   content: "";
}
.wrap_write .util_write .box_util .cont_box {
   margin-top: 10px;
}
.wrap_write .util_write .box_util:not(:first-child) {
   margin-top: 10px;
}
.wrap_write .util_write .box_util.active {
   border-color: #06f;
}
.wrap_write .util_write .wrap_file .lab {
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}
.wrap_write .wrap_file .inp[type=file] {
    padding-left: 4px;
    padding-top: 4px;
    background-color: #fff;
    font-size: 16px;
    height: 40px;
    border-radius: 0 0 5px 5px;
}
.wrap_write .area_btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
}
.wrap_write .util_write .area_btn .col {
   width: 50%;
}
.wrap_write .util_write .area_btn .col + .col {
   margin-left: 10px;
}
.wrap_write .util_write .area_btn [class^=btn] {
   display: block;
   width: 100%;
   border-radius: 10px;
   text-align: center;
}
.wrap_write .util_write .area_btn [class^=btn] .txt {
   display: block;
   line-height: 60px;
   font-size: 20px;
   font-weight: bold;
}
.wrap_write .util_write .area_btn.type2 .col:first-child {
   width: 35%;
}
.wrap_write .util_write .area_btn.type2 .col:last-child {
   width: 65%;
}
.wrap_write .btn_gray{background-color:#f5f5f5;}
.wrap_write .btn_primary{background-color:#000; color:#fff;}
@media screen and (max-width: 1024px) {
   .wrap_write {
      display: block;
      margin-top: 30px;
   }
   .wrap_write .wrap_table {
      width: auto;
   }
   .wrap_write .wrap_table table, .wrap_write .wrap_table thead, .wrap_write .wrap_table tbody {
      display: block;
   }
   .wrap_write .wrap_table tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
   }
   .wrap_write .wrap_table th, .wrap_write .wrap_table td {
      height: auto;
   }
   .wrap_write .wrap_table th {
      width: 25%;
      font-size: 14px;
      line-height: 40px;
      padding: 5px 0;
   }
   .wrap_write .wrap_table td {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 75%;
      min-height: 50px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
   }
   .wrap_write .wrap_table td * {
      vertical-align: top;
   }
   .wrap_write .wrap_table td:only-child {
      width: 100%;
   }
   .wrap_write .util_write {
      margin: 40px 0 0;
      padding-bottom: 0;
   }
   .wrap_write .util_write .item_util + .item_util {
      margin-top: 40px;
   }
   .wrap_write .util_write .box_util {
      border-radius: 8px;
   }
   .wrap_write .util_write .box_util .inner {
      padding: 12px;
   }
   .wrap_write .util_write .box_util .cont_box {
      margin-top: 10px;
   }
   .wrap_write .util_write .area_btn {
      position: relative;
      margin-top: 40px;
   }
   .wrap_write .util_write .area_btn [class^=btn] {
      border-radius: 8px;
   }
   .wrap_write .util_write .area_btn [class^=btn] .txt {
      line-height: 60px;
      font-size: 18px;
   }
}

@media (max-width: 500px){
	.member.mypage .cont_frm{margin:20px 0}
	.wrap_board .ft_cont .left + .right {    margin-top: 10px;}
	.wrap_board .ft_cont .right {    float: none;    position: relative;    margin-top: 40px;}
	.wrap_board .ft_cont{margin-top: 20px;    margin-bottom: 20px;}
	.mywrite .lst_chk{margin-left:0 !important;}
	.wrap_write.mywrite .util_write .area_btn.type2 .col + .col{width: calc( 65% - 10px );}
	.visual_page .visual_box,
	#container .visual_page.suggestion  .visual_box	{ height: 140px;margin-bottom:20px;}
	.visual_page .title_page{font-size:25px;bottom:20px;left:20px;}
	.subtt_area h3{font-size:18px;margin-bottom:10px;}
	.subtt_area .subtt_box{padding:15px 0;}
	.subtt_area .subtt_box h4{font-size:16px;}
	.subtt_area .subtt_box p{font-size:14px;}
	.qna_box .head_wrap .hash{font-size:14px;padding:5px 10px;}

}
@media (max-width: 450px){
	.mypage .util_write .area_btn,
	.board .util_write .area_btn
	{flex-wrap:wrap; justify-content:center;}
	.mypage .util_write .area_btn [class^=btn] .txt,
	.board .util_write .area_btn [class^=btn] .txt
	{
	   line-height: 45px;
	   font-size: 15px;
	   font-weight: bold;
	}
	.mypage .util_write .area_btn .col,
	.board .util_write .area_btn .col
	{margin-bottom:15px;}
	.mypage .util_write .area_btn .col + .col,
	.board .util_write .area_btn .col + .col
	{
	   margin-left:0;
	}
	.mypage .util_write .area_btn.type1 .col:first-child ,
	.mypage .util_write .area_btn.type3 .col:first-child ,
	.mypage .util_write .area_btn.type2 .col:first-child,
	.board .util_write .area_btn.type1 .col:first-child ,
	.board .util_write .area_btn.type3 .col:first-child ,
	.board .util_write .area_btn.type2 .col:first-child
	{
	   width: 100%;
	   margin-left:0;
	}
	.mypage .util_write .area_btn.type3 .col:nth-of-type(2),
	.board .util_write .area_btn.type3 .col:nth-of-type(2)
	{
	   width: calc( 50% - 5px );
	   margin-left:0;
	   margin-right:5px;
	}
	.mypage .util_write .area_btn.type3 .col:last-child,
	.board .util_write .area_btn.type3 .col:last-child
	{
	   width: calc( 50% - 5px );
	   margin-left:5px;
	   margin-right:0;
	}
	.mypage .util_write .area_btn.type2 .col:nth-of-type(2) ,
	.boad .util_write .area_btn.type2 .col:nth-of-type(2)
	{
	   width: 100%;
	   margin-left:0;
	   margin-right:0;
	}
	.mypage .util_write .area_btn.type4 .col,
	.board .util_write .area_btn.type4 .col
	{
	   width: calc( 50% - 5px );
	   margin-left:5px;
	   margin-right:0;
	}
	.mypage .util_write,
	.board .util_write
	{margin-bottom:20px;}
	.mypage .util_write.type2-1,
	.board .util_write.type2-1
	{margin-bottom:0;}

	.board .util_write .area_btn {flex-wrap:wrap; justify-content:center;}
	.board .util_write .area_btn [class^=btn] .txt {
	   line-height: 45px;
	   font-size: 15px;
	   font-weight: bold;
	}
	.board .util_write .area_btn .col{margin-bottom:15px;}
	.board .util_write .area_btn .col + .col {
	   margin-left:0;
	}
	.board .util_write .area_btn.type1 .col:first-child ,
	.board .util_write .area_btn.type3 .col:first-child ,
	.board .util_write .area_btn.type2 .col:first-child
	{
	   width: 100%;
	   margin-left:0;
	}
	.board .util_write .area_btn.type3 .col:nth-of-type(2) {
	   width: calc( 50% - 5px );
	   margin-left:0;
	   margin-right:5px;
	}
	.board .util_write .area_btn.type3 .col:last-child {
	   width: calc( 50% - 5px );
	   margin-left:5px;
	   margin-right:0;
	}
	.board .util_write .area_btn.type2 .col:nth-of-type(2) {
	   width: 100%;
	   margin-left:0;
	   margin-right:0;
	}
	.board .util_write{margin-bottom:20px;}
	.board .util_write.type2-1{margin-bottom:0;}
	
	
	
	.bbs .util_write .area_btn {flex-wrap:wrap; justify-content:center;}
	.bbs .util_write .area_btn [class^=btn] .txt {
	   line-height: 45px;
	   font-size: 15px;
	   font-weight: bold;
	}
	.bbs .util_write .area_btn .col{margin-bottom:15px;}
	.bbs .util_write .area_btn .col + .col {
	   margin-left:0;
	}
	.bbs .util_write .area_btn.type1 .col:first-child ,
	.bbs .util_write .area_btn.type3 .col:first-child ,
	.bbs .util_write .area_btn.type2 .col:first-child
	{
	   width: 100%;
	   margin-left:0;
	}
	.bbs .util_write .area_btn.type3 .col:nth-of-type(2) {
	   width: calc( 50% - 5px );
	   margin-left:0;
	   margin-right:5px;
	}
	.bbs .util_write .area_btn.type3 .col:last-child {
	   width: calc( 50% - 5px );
	   margin-left:5px;
	   margin-right:0;
	}
	.bbs .util_write .area_btn.type2 .col:nth-of-type(2) {
	   width: 100%;
	   margin-left:0;
	   margin-right:0;
	}
	.bbs .util_write{margin-bottom:20px;}
	.bbs .util_write.type2-1{margin-bottom:0;}	
	

}



/*gallery*/
#gallery_skin.wrap_board  {margin-top:20px;}
.gallery_wrap{margin:40px 0;}
.gallery_list{width:103%;display:flex;flex-wrap:wrap;-webkit-box-align: center;-ms-flex-align: center; align-items: center;margin-left:-1.5%;margin-right:-1.5%;}	
.gallery_list.col3 li{width:30.333%;margin-left:1.5%;margin-right:1.5%;}
.gallery_list li{margin-bottom:20px;}
.gallery_list li .thumb{height:240px;width:100%;border-radius:15px;border:1px solid #ddd;}
.gallery_list li .thumb img{-o-object-fit: cover;object-fit: cover;width:100%;height:100%;border-radius:15px;}
.gallery_list li .txtbox{padding:20px;}
.gallery_list li .tit{font-size:20px;word-break:keep-all;font-weight:bold;margin-bottom:10px;}
.gallery_list li .date{font-size:16px;word-break:keep-all;font-weight:normal;color:#555;}
	
@media(max-width:1024px){
	.gallery_list li .thumb img{-o-object-fit: cover;object-fit: cover;width:100% !important;height:100% !important;border-radius:15px;}
}

@media(max-width:780px){
	.gallery_list.col3{width:102%;margin-right:-1%;margin-left:-1%;}
	.gallery_list.col3 li{width:48%;margin-left:1%;margin-right:1%;}
	.gallery_list li{margin-bottom:20px;}
	.gallery_list li .thumb{height:240px;}
	.gallery_list li .txtbox{padding:20px;}
	.gallery_list li .tit{font-size:18px;}
	.gallery_list li .date{font-size:15px;}	
}
@media(max-width:450px){
	.gallery_wrap{margin:20px 0;}
	.gallery_list.col3{margin-right:0;margin-left:0;width:100%;}
	.gallery_list.col3 li{width:100%;margin-right:0;margin-left:0;}
	.gallery_list li{margin-bottom:20px;}
	.gallery_list li .thumb{height:240px;}
	.gallery_list li .txtbox{padding:15px;}
	.gallery_list li .tit{font-size:16px;margin-bottom:5px;}
	.gallery_list li .date{font-size:14px;}	
	
}




/*지원사업*/
/*.wrap_board.plan{margin-bottom:0;}*/
.wrap_view .wrap_tit {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding: 40px 30px;
   background: #fff;
   border-bottom: 1px solid #e4e4e4;
   background-color:#f7f7f7;
}
.wrap_view .wrap_tit .thumb {
   position: relative;
   width: 23%;
   min-width: 240px;
   height:360px;
   margin-right: 40px;
   -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
           box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
   -ms-flex-negative: 0;
       flex-shrink: 0;
}
.wrap_view .wrap_tit .thumb img{width:100%;/*height:100%;-o-object-fit: cover;object-fit: cover;*/}
.wrap_view .wrap_tit .thumb:after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border: 1px solid rgba(0, 0, 0, 0.1);
   content: "";
}
.wrap_view .wrap_tit .cont {
   position: relative;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
   padding: 12px 0 70px;
}
.wrap_view .wrap_tit .cont .tit {
   display: block;
   font-size: 30px;
   font-weight: bold;
}
/*
.wrap_view .wrap_tit .cont .tit:before {
   display: block;
   width: 50px;
   height: 3px;
   margin-bottom: 10px;
   background: #00248a;
   content: "";
}*/
.wrap_view .wrap_tit .cont .keywords {
   margin-top: 12px;
}
.wrap_view .wrap_tit .cont .bizinfo {
   margin-top: 20px;
   padding: 0;
   border-top: 1px solid #ccc;
  
}
.wrap_view .wrap_tit .cont .bizinfo dl{
  width:100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap:wrap;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;	
   min-height:50px;		   
	
}
.wrap_view .wrap_tit .cont .bizinfo dl + dl{border-top:1px solid #ddd;}
.wrap_view .wrap_tit .cont .bizinfo dt {
   color: #333;
   width:130px;
   font-size:20px;
   font-weight:bold;
   padding:10px 0;
}
.wrap_view .wrap_tit .cont .bizinfo dd{width:calc( 100% - 130px );font-size:18px;color:#777;   padding:10px 0;}
.wrap_view .wrap_tit .cont .wrap_sns {
   position: absolute;
   left: 0;
   bottom: 0;
   font-size: 0;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns {
   display: inline-block;
   margin-right: 20px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns li {
   display: inline-block;
   margin-right: 10px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns a {
   display: block;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .ico_sns {
   display: block;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   font-size: 0;
   background: url(../_img/ico_sns.png) no-repeat 0 0/100px auto;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .facebook .ico_sns {
   background-position: 0 0;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .blog .ico_sns {
   background-position: -50px 0;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .instagram .ico_sns {
   background-position: 0 -50px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .cafe .ico_sns {
   background-position: -50px -50px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .kakaostory .ico_sns {
   background-position: 0 -100px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .kakaotalk .ico_sns {
   background-position: -50px -100px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .blog .ico_sns {
   background-position: 0 -150px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .line .ico_sns {
   background-position: -50px -150px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .twitter .ico_sns {
   background-position: 0 -200px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .youtube .ico_sns {
   background-position: -50px -200px;
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like {
   display: inline-block;
   padding: 12px 0;
   border: 1px solid #eee;
   border-radius: 8px;
   background: #fff;
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like span {
   display: inline-block;
   padding: 0 12px;
   font-size: 15px;
   line-height: 24px;
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like .num:before {
   width: 26px;
   height: 22px;
   margin: 1px 3px 0 0;
   background-position: -90px -155px;
   content: "";
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like .lab {
   border-left: 1px solid #e5e5e5;
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like.active .num:before {
   background-position: -60px -155px;
}
.bizview .bizstatus .lab.active, .bizview .bizstatus .desc.active {
    color: #00248a;
}

.wrap_view .wrap_tit .cont .info {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
}
.wrap_view .wrap_tit .cont .info dl, .wrap_view .wrap_tit .cont .info dt, .wrap_view .wrap_tit .cont .info dd {
   display: inline-block;
}
.wrap_view .wrap_tit .cont .info dl {
   margin-right: 30px;
}
.wrap_view .wrap_tit .cont .info dt, .wrap_view .wrap_tit .cont .info dd {
   font-size: 16px;
}
.wrap_view .wrap_tit .cont .info dt {
   margin-right: 8px;
   color: #777;
}
.wrap_view .wrap_tit .cont .wrap_sns {
   position: absolute;
   left: 0;
   bottom: 0;
   font-size: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap:wrap;   
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns {
   display: inline-block;
   margin-right: 20px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns li {
   display: inline-block;
   margin-right: 10px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns a {
   display: block;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .ico_sns {
   display: block;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   font-size: 0;
   background: url(../_img/ico_sns.png) no-repeat 0 0/100px auto;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .facebook .ico_sns {
   background-position: 0 0;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .blog .ico_sns {
   background-position: -50px 0;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .instagram .ico_sns {
   background-position: 0 -50px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .cafe .ico_sns {
   background-position: -50px -50px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .kakaostory .ico_sns {
   background-position: 0 -100px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .kakaotalk .ico_sns {
   background-position: -50px -100px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .blog .ico_sns {
   background-position: 0 -150px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .line .ico_sns {
   background-position: -50px -150px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .twitter .ico_sns {
   background-position: 0 -200px;
}
.wrap_view .wrap_tit .cont .wrap_sns .lst_sns .youtube .ico_sns {
   background-position: -50px -200px;
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like {
   padding: 12px 15px;
   border: 1px solid #eee;
   border-radius: 8px;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap:wrap;   
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like span {
   padding: 0 12px;
   font-size: 15px;
   line-height: 24px;
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like i.iconlike{
   width: 26px;
   height: 22px;
   margin: 1px 3px 0 0;
   background-image:url('/_img/sub/icon_heartoff.png');
   background-size:100%;
   background-repeat:no-repeat;
   background-position:center;
	
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like.active i.iconlike{
	   background-image:url('/_img/sub/icon_hearton.png');
}
.wrap_view .wrap_tit .cont .wrap_sns .btn_like .lab {
   border-left: 1px solid #e5e5e5;
}

@media screen and (max-width: 1400px) {
   .wrap_view .wrap_tit {
      padding: 30px 20px;
      overflow: hidden;
   }
   .wrap_view .wrap_tit .thumb {
      float: left;
      min-width: 180px;
   }
   .wrap_view .wrap_tit .cont {
      overflow: hidden;
   }
   .wrap_view .wrap_tit .cont .tit {
      font-size: 28px;
   }
}
@media screen and (max-width: 1024px) {
   .wrap_view .wrap_tit {
      display: block;
      padding: 20px;
   }
   .wrap_view .wrap_tit .thumb {
      float: none;
      max-width: none;
      margin: 0 auto;
   }
   

   .wrap_view .wrap_tit .cont {
      padding-bottom: 40px;
   }
   .wrap_view .wrap_tit .cont .tit {
      margin-top: 20px;
      font-size: 20px;
      text-align: center;
   }
   .wrap_view .wrap_tit .cont .tit:before {
      width: 40px;
      margin: 0 auto 10px;
   }
   .wrap_view .wrap_tit .cont .info {
      text-align: center;
   }
   .wrap_view .wrap_tit .cont .info dl {
      margin: 0;
   }
   .wrap_view .wrap_tit .cont .info dt, .wrap_view .wrap_tit .cont .info dd {
      font-size: 13px;
   }
   .wrap_view .wrap_tit .cont .info .writer, .wrap_view .wrap_tit .cont .info .day {
      padding-right: 8px;
      margin-right: 8px;
      border-right: 1px solid #ddd;
   }
   .wrap_view .wrap_tit .cont .info .writer dt, .wrap_view .wrap_tit .cont .info .day dt {
      display: none;
   }
   .wrap_view .wrap_tit .cont .keywords .lst {
      text-align: center;
   }
   .wrap_view .wrap_tit .cont .keywords li {
      border-radius: 0;
      border: none;
      line-height: 20px;
      padding: 0;
      background: none;
      color: #0061aa;
   }
   .wrap_view .wrap_tit .cont .wrap_sns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns {
      margin-right: 0;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .ico_sns {
      width: 25px;
      height: 25px;
      background-size: 50px auto;
   }
   
   .wrap_view .wrap_tit .cont .wrap_sns .btn_like {
      padding: 7px 0;
      background: none;
      border: none;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .btn_like span {
      font-size: 14px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .btn_like .lab {
      padding-right: 0;
   }
}
@media screen and (max-width: 1400px) {
   .wrap_view .wrap_tit {
      padding: 30px 20px;
      overflow: hidden;
   }
   .wrap_view .wrap_tit .thumb {
      float: left;
      min-width: 180px;
   }
   .wrap_view .wrap_tit .cont {
      overflow: hidden;
   }
   .wrap_view .wrap_tit .cont .tit {
      font-size: 28px;
   }
}
@media screen and (max-width: 1024px) {
	.wrap_view.recruit1 .bizstatus .status{display:inline-block !important;}
   .wrap_view .wrap_tit {
      display: block;
      padding: 20px;
   }
   .wrap_view .wrap_tit .thumb {
      float: none;
      max-width: none;
      margin: 0 auto 20px;
	  height:300px;
   }
   .wrap_view .wrap_tit .cont {
      padding-bottom: 40px;
   }
   .wrap_view .wrap_tit .cont .tit {
      margin-top: 20px;
      font-size: 20px;
      text-align: center;
   }
   .wrap_view .wrap_tit .cont .tit:before {
      width: 40px;
      margin: 0 auto 10px;
   }
   .wrap_view .wrap_tit .cont .info {
      text-align: center;
   }
   .wrap_view .wrap_tit .cont .info dl {
      margin: 0;
   }
   .wrap_view .wrap_tit .cont .info dt, .wrap_view .wrap_tit .cont .info dd {
      font-size: 13px;
   }
   .wrap_view .wrap_tit .cont .info .writer, .wrap_view .wrap_tit .cont .info .day {
      padding-right: 8px;
      margin-right: 8px;
      border-right: 1px solid #ddd;
   }
   .wrap_view .wrap_tit .cont .info .writer dt, .wrap_view .wrap_tit .cont .info .day dt {
      display: none;
   }
   .wrap_view .wrap_tit .cont .keywords .lst {
      text-align: center;
   }
   .wrap_view .wrap_tit .cont .keywords li {
      border-radius: 0;
      border: none;
      line-height: 20px;
      padding: 0;
      background: none;
      color: #0061aa;
   }
   .wrap_view .wrap_tit .cont .wrap_sns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns {
      margin-right: 0;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .ico_sns {
      width: 25px;
      height: 25px;
      background-size: 50px auto;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .facebook .ico_sns {
      background-position: 0 0;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .blog .ico_sns {
      background-position: -25px 0;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .instagram .ico_sns {
      background-position: 0 -25px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .cafe .ico_sns {
      background-position: -25px -25px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .kakaostory .ico_sns {
      background-position: 0 -50px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .kakaotalk .ico_sns {
      background-position: -25px -50px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .blog .ico_sns {
      background-position: 0 -75px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .line .ico_sns {
      background-position: -25px -75px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .twitter .ico_sns {
      background-position: 0 -100px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .lst_sns .youtube .ico_sns {
      background-position: -25px -100px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .btn_like {
      padding: 7px 0;
      background: none;
      border: none;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .btn_like span {
      font-size: 14px;
   }
   .wrap_view .wrap_tit .cont .wrap_sns .btn_like .lab {
      padding-right: 0;
   }
   .wrap_view .wrap_tit .cont .bizinfo dl{height:auto;padding:10px 0;}
   .wrap_view .wrap_tit .cont .bizinfo dt{font-size:17px;}
   .wrap_view .wrap_tit .cont .bizinfo dd{font-size:16px;}
   .wrap_view .wrap_tit .cont .bizinfo .writer_mobile{font-size:16px;}
   .wrap_view .wrap_tit .cont .bizinfo .writer_email{font-size:16px;}
   .wrap_view .wrap_tit .thumb {max-width:300px;width:100%;}
}
@media screen and (max-width: 540px) {
	.wrap_view.recruit1 .bizstatus .status{display:block !important;margin:0 auto 7px;padding:3px 5px;width:120px;}
	.wrap_view .wrap_tit .cont .tit{margin-top:10px;}
	.wrap_view .wrap_tit .cont .keywords{margin-top:8px;}
	.wrap_view .wrap_tit .thumb{height:250px;max-width:200px;margin:0 auto 0;}
	.wrap_view .wrap_tit .cont .info{margin-top:10px;padding:10px 0;}
	.wrap_view .wrap_tit .cont .wrap_sns .btn_like i.iconlike{width:20px;height:20px;}
	.wrap_view .wrap_tit .cont .wrap_sns .btn_like{background-color:#fff;padding:3px 10px;}
	.bizinfo .sbtn{margin-left:5px;font-size:15px;height:32px;line-height:32px;vertical-align:baseline;}
	
}

@media screen and (max-width: 420px){
   .wrap_view .wrap_tit .cont .bizinfo dt{font-size:16px;width:90px;}
   .wrap_view .wrap_tit .cont .bizinfo dd{font-size:15px;width:calc( 100% - 90px );}
	.bizinfo .sbtn{margin-left:0;margin-top:5px;font-size:14px;height:30px;line-height:30px;vertical-align:baseline;}
}
.wrap_qna.result_list{padding-top:20px;}
.wrap_qna.result_list .gray_bg{margin-bottom:40px;}
.wrap_qna.result_list .qna_list .inr .cont .tit span{margin-left:20px;}
.filecomment{display:block;margin-top:5px;}
/*문의게시판*/
.wrap_qna .qna_list {
   border-top: 2px solid #444;
   border-bottom: 1px solid #bbb;
   text-align: center;
}
.wrap_qna .qna_list .nolist{padding:100px 0;}
.wrap_qna .qna_list > .lst > li + li {
   border-top: 1px solid #e7e7e7;
}
.wrap_qna .qna_list [class^=inr] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   font-size: 0;
}
.wrap_qna .qna_list .inr {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 20px 35px;
}
.wrap_qna .qna_list .inr .info {
   display: inline-block;
}
.wrap_qna .qna_list .inr .num {
   display: inline-block;
   width: 60px;
   margin-right: 24px;
   font-size: 18px;
   line-height: 34px;
}
.wrap_qna.result_list .qna_list .inr .numtxt{display:none;}
.wrap_qna.result_list .qna_list .inr{padding:20px 0;}
.wrap_qna.result_list .cont{display:flex;justify-content:space-between;}
.wrap_qna.result_list .contbtn{width:220px;}
.wrap_qna.result_list .contbtn .btn_apply{ padding:7px 15px;border-radius:30px;font-size: 16px; color: #fff; background-color: #4f59d5;font-weight:600;margin:5px;}
.wrap_qna .qna_list .inr .status {
   display: inline-block;
   width: 70px;
   margin-right: 30px;
   line-height: 34px;
   background:#00d8b2;
   color: #000;
   font-size: 16px;
}
.wrap_qna .qna_list .inr .status.on {
   background: #999;
   color: #fff;
}
.wrap_qna .qna_list .inr .cont {
   position: relative;
   padding-left: 42px;
   text-align: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}
.wrap_qna .qna_list .inr .cont .secret {
   position: absolute;
   top: 50%;
   left: 0;
   width: 20px;
   height: 22px;
   margin-top: -11px;
   background: url(../_img/sub/ico_secret.png) no-repeat center/20px 22px;
}
.wrap_qna .qna_list .inr .cont .sup {
   padding-bottom: 2px;
}
.wrap_qna .qna_list .inr .cont .sup span {
   display: inline-block;
   font-size: 16px;
   color: #666;
}
.wrap_qna .qna_list .inr .cont .sup span + span {
   position: relative;
   margin-left: 16px;
   padding-left: 17px;
}
.wrap_qna .qna_list .inr .cont .sup span + span:before {
   position: absolute;
   top: 50%;
   left: 0;
   width: 1px;
   height: 12px;
   margin-top: -6px;
   background: #666;
   content: "";
}
.wrap_qna .qna_list .inr .cont .tit {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.333;
}
.wrap_qna .qna_list .inr .cont .tit em {
   display: inline-block;
   margin-left: 2px;
   line-height: 24px;
   text-align: center;
   color: #fff;
   font-size: 12px;
   letter-spacing: 0;
   font-weight: 400;
}
.wrap_qna .qna_list .inr .cont .tit .cmmt {
   min-width: 24px;
   padding: 0 5px;
   border-radius: 24px;
   background: #ff6407;
}
.wrap_qna .qna_list .inr .cont .tit .new {
   width: 24px;
   background-image: linear-gradient(to right, #00d8b2, #00cbe8);
   border-radius: 3px;
}
.wrap_qna .qna_list .inr .util span {
   display: inline-block;
   width: 40px;
   height: 40px;
   border-radius: 100%;
   background: #f5f5f5;
   font-size: 0;
   line-height: 0;
}
.wrap_qna .qna_list .inr .util span:after {
   display: inline-block;
   content: "";
}
.wrap_qna .qna_list .inr .util .download:after {
   width: 16px;
   height: 16px;
   margin-top: 12px;
   background: url(../_img/ico_download.png) no-repeat center/100%;
}
.wrap_qna .qna_list .inr .util .chart:after {
   width: 24px;
   height: 18px;
   margin-top: 11px;
   background: url(../_img/ico_chart.png) no-repeat center/100%;
}
.wrap_qna .qna_list .inr .emph {
   background: #f5f5f5;
}
.wrap_qna .qna_list .inr .emph .util span {
   background-color: #fff;
}
.wrap_qna .qna_list .reply .inr {
   margin-left: 213px;
   padding-left: 42px;
}
.wrap_qna .qna_list .reply .inr .cont {
   padding-left: 50px;
}
.wrap_qna .qna_list .reply .inr .cont .lab_reply {
   position: absolute;
   top: 50%;
   left: 0;
   width: 24px;
   height: 32px;
   margin-top: -16px;
   background: url(../_img/ico_reply.png) no-repeat 0 50%;
   background-size: 24px auto;
}
.wrap_qna .qna_list .inr_report {
   padding: 20px 0;
}
.wrap_qna .qna_list .inr_report .thumb {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   position: relative;
   width: 180px;
   height:200px;
   margin-right: 36px;
   padding: 10px;
   
}

.wrap_qna .qna_list .inr_report .thumb:after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border: 1px solid rgba(0, 0, 0, 0.1);
   content: "";
}
.wrap_qna .qna_list .inr_report .thumb img {
   -webkit-transition: 0.3s;
   transition: 0.3s;
     -o-object-fit: cover;object-fit: cover;
}
.wrap_qna .qna_list .inr_report .nothumb {width:180px;overflow:hidden;}
.wrap_qna .qna_list .inr_report .nothumb .inr {
   -webkit-transition: 0.3s;
   transition: 0.3s;

}
.wrap_qna .qna_list .inr_report .nothumb .inr:hover{transform: scale(1.2); }
.wrap_qna .qna_list .inr_report .cont {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   width: calc(100% - 216px);
   overflow: hidden;
   padding: 20px 0;
   text-align: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}
.wrap_qna .qna_list .inr_report .cont .tit {
   display: block;
   font-size: 24px;
   font-weight: bold;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}
.wrap_qna .qna_list .inr_report .cont .wrap_info {
   margin-top: 20px;
}
.wrap_qna .qna_list .inr_report .cont .wrap_info [class^=info_] {
   display: inline-block;
}
.wrap_qna .qna_list .inr_report .cont .wrap_info dl, .wrap_qna .qna_list .inr_report .cont .wrap_info dt, .wrap_qna .qna_list .inr_report .cont .wrap_info dd {
   display: inline-block;
}
.wrap_qna .qna_list .inr_report .cont .wrap_info dl:not(.like) {
   position: relative;
   margin-right: 12px;
   padding-right: 12px;
}
.wrap_qna .qna_list .inr_report .cont .wrap_info dl:not(.like):after {
   position: absolute;
   top: 50%;
   right: 0;
   width: 1px;
   height: 16px;
   margin-top: -8px;
   background: #ddd;
   content: "";
}
.wrap_qna .qna_list .inr_report .cont .wrap_info dt, .wrap_qna .qna_list .inr_report .cont .wrap_info dd {
   font-size: 16px;
   line-height: 24px;
}
.wrap_qna .qna_list .inr_report .cont .wrap_info dt {
   margin-right: 8px;
   color: #999;
}
.wrap_qna .qna_list .inr_report .cont .wrap_info .ico_comm.hit,
.wrap_qna .qna_list .inr_report .cont .wrap_info .ico_comm.like {
   margin: 6px 0 0;
}


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

   .wrap_board .top_board {
      display: block;
      padding-bottom: 20px;
   }
   .wrap_board .top_board .total {
      display: block;
   }
   .wrap_board .sch_board {
      margin-top: 10px;
      text-align: left;
   }
   .wrap_board .sch_board .slt_board
{
      height: 38px;
      font-size: 16px;
   }

.wrap_board .sch_board .inp_sch {
      height: 36px;
      font-size: 16px;
   }   
   .wrap_board .sch_board .slt_board {
      min-width: 0;
      width: 110px;
      margin-right: 0;
      padding-right: 36px;
   }
   .wrap_board .sch_board .wrap_sch {
      width: calc(100% - 114px);
      padding-right: 36px;
   }
   .wrap_board .sch_board .wrap_sch .btn_sch {
      width: 36px;
      height: 36px;
      line-height: 36px;
   }
   .wrap_qna .qna_list .inr {
      display: block;
      position: relative;
      padding: 0;
      text-align: left;
   }
   .wrap_qna .qna_list .inr .info {
      position: absolute;
      top: 15px;
      left: 20px;
   }
   .wrap_qna .qna_list .inr .num, .wrap_qna .qna_list .inr .status {
      font-size: 12px;
      line-height: 23px;
   }
   .wrap_qna .qna_list .inr .num {
      width: auto;
      min-width: 30px;
      margin-right: 10px;
   }
   .wrap_qna .qna_list .inr .status {
      width: 48px;
      text-align: center;
   }
   .wrap_qna .qna_list .inr .cont {
      padding: 0;
   }
   .wrap_qna .qna_list .inr .cont .secret {
      top: 45px;
      left: 20px;
      margin-top: 0;
	  width: 17px;
	  height: 19px;
	  background: url(../_img/sub/ico_secret.png) no-repeat center/17px 19px;
   }
   .wrap_qna .qna_list .inr .cont .sup {
      position: absolute;
      top: 15px;
      right: 20px;
   }

   .wrap_qna .qna_list .inr .cont .sup span {
      font-size: 14px;
      line-height: 23px;
   }
   .wrap_qna .qna_list .inr .cont .sup span + span {
      margin-left: 10px;
      padding-left: 10px;
   }
   .wrap_qna .qna_list .inr .cont .tit {
      display: block;
      position: relative;
      padding: 40px 0 15px 40px;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
   }
   .wrap_qna .qna_list .inr .cont .tit em {
      line-height: 17px;
      margin-top: 0px;
      font-size: 11px;
   }
   .wrap_qna .qna_list .inr .cont .tit .cmmt {
      min-width: 18px;
      padding: 0 4px;
      border-radius: 18px;
      font-size: 9px;
   }
   .wrap_qna .qna_list .inr .cont .tit .new {
      width: 18px;
   }
   .wrap_qna.result_list .qna_list .inr .numtxt{display:inline-block;font-size:15px;line-height:23px;}
   .wrap_qna.result_list .qna_list .inr .num{display:inline-block;font-size:15px;line-height:23px;}
   .wrap_qna.result_list .info,
   .wrap_qna.result_list .qna_list .inr .info {position:relative;top:initial;right:initial;left:0;}
   .wrap_qna.result_list .inr .cont .sup {position:relative;top:initial;right:initial;}
   .wrap_qna.result_list .qna_list .inr .cont .tit{padding:0;}
   .wrap_qna.result_list .qna_list .inr .cont .tit span{display:block;margin-left:0;margin-top:5px;}
   
   
   .wrap_qna .qna_list .inr .emph .cont .tit {
      font-weight: bold;
   }
    .wrap_qna .qna_list .inr .util .dropdown {
		position:absolute;right:0;
	}
	.wrap_qna .qna_list .inr .util .dropdown-content{
		margin-top:-10px;
	}
   .wrap_qna .qna_list .inr .util .dropbtn {
      position: absolute;
      right: 20px;
      bottom: 15px;
      width: 30px;
      height: 30px;
      text-align: center;
	  background-size: 14px;
   }

   .wrap_qna .qna_list .inr .util .chart:after {
      width: 18px;
      height: 14px;
      margin-top: 8px;
   }
   .wrap_qna .qna_list .reply .inr, .wrap_qna .qna_list .reply .cont {
      margin-left: 0;
      padding-left: 0;
   }
   .wrap_qna .qna_list .reply .cont .sup {
      left: 60px;
      right: 0;
   }
   .wrap_qna .qna_list .reply .cont .lab_reply {
      left: 20px;
      width: 16px;
      height: 20px;
      margin-top: -10px;
      background-size: 16px 20px;
   }
	.wrap_qna.result_list .qna_list .btn_apply{ padding:7px 10px;font-size: 14px; color: #fff;}

}
@media screen and (max-width: 580px) {
	.wrap_qna .qna_list .inr .cont{flex-wrap:wrap;}
	.wrap_qna.result_list .qna_list .btn_apply{margin:10px 0 0 0;padding:5px 10px;}
	.wrap_qna.result_list .qna_list .btn_apply + .btn_apply{margin-left:5px;}

}
@media screen and (max-width: 450px) {
	.wrap_qna .qna_list .inr .cont{margin-bottom:0 !important;}
}
/*FAQ & 1:1*/
.tab-container {width:100%; margin-bottom:30px;}
.tab_mdtit {
	width:50%;
	background-color: #fff;
	/*padding: 10px 20px;*/
	cursor: pointer;
	color:#000;
	font-size:24px;
	line-height:1.4;
	margin:0;
	text-align:center;
}
.tab_mdtit a {
	display: block;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
	color:#666;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #222;
	background-color: #fff;
}
.tab_mdtit.on a {
	position: relative;
    font-weight: 600;
	font-size: 22px;
	color:#000;
    border-color: #222;
	border-right: 1px solid #222;
	border-left: 1px solid #222;
	border-bottom:1px solid #fff;
}
.tab_faqcate {
	width:10%;
	text-align:center;
	color:#000;
	font-size:20px;
	padding:10px;
	margin:10px 0;
}
.tab_faqcate.active {
	border-bottom:5px solid #0047ba;
	font-weight:600;
}
.FAQ_cont {
	padding: 0;
	width:100%;
	margin:0 0;
}
.FAQ_cont .FAQ_list .FAQ_q, 
.FAQ_cont .FAQ_list .FAQ_a {
	padding: 26px 30px;
    border-bottom: 1px solid #e5e5e5;
	color:#000;
	align-items:center;
	flex-wrap:nowrap;
}
.FAQ_cont .FAQ_list .FAQ_q {cursor: pointer; position:relative;}
.FAQ_cont .FAQ_list .FAQ_q:after {
	position:absolute;
	content:'';
	top:45%; right:10px;
	width:52px; height:16px;
	background-image:url(../_img/slt.png);
	background-size:80%;
	background-repeat:no-repeat;
	background-position:center;
}
.FAQ_cont .FAQ_list.active .FAQ_q:after {
	-webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
	right:30px;
}
.FAQ_cont .FAQ_list .FAQ_a {min-height: 20px; display:none;}
.FAQ_cont .FAQ_list .FAQ_a .aaa {align-items:center;flex-wrap:nowrap;}
.FAQ_cont .FAQ_list .FAQ_q .bluebox {
	display:block;
	width:100px;
	background-color:#0047ba;
	padding:7px;
	color:#fff;
	font-size:18px;
	text-align:center;
	margin-left:20px;
}
.FAQ_cont .FAQ_list .FAQ_q p {
	font-size:20px;
	line-height:1.4;
	text-align:left;
	margin-left:10px;
	color:#000;
	font-weight:500;
}
.FAQ_cont .FAQ_list .FAQ_a p {
	font-size:18px;
	color:#000;
	line-height:1.4;
	text-align:left;
	margin-left:10px;
}

.FAQ_cont .FAQ_list .FAQ_q .BigBlue {font-size:28px;color:#4f59d5;font-weight:600;}
.FAQ_cont .FAQ_list .FAQ_a .BigBlue {font-size:28px;color:#4f59d5;font-weight:600;}

.FAQ_list.active .FAQ_q .BigBlue {color:#4f59d5;}
.FAQ_list.active .FAQ_q {
	background-color:#f5f5f5;
	border-top:1px solid #000;
	border-bottom:1px solid #f5f5f5;
}
.subtab.faq li.on {
	color:#000;
	border-bottom: 2px solid #0047ba;
}
.onetoone {margin:20px 0;}
.onetoone .contbtnwrap{margin-top:40px;}
.onetoone .gray_bg {
	width: 100%;
    background-color: #f5f5f5;
    padding: 50px;
}
.onetoone .gray_bg .imgwrap {margin:0 auto 20px; text-align:center;}
.onetoone .gray_bg p {
	font-size:20px;
	color:#333;
	line-height:1.4;
	text-align:center;
	word-break:keep-all;
}
.onetoone .gray_bg .bold {font-size:22px;font-weight:600;}
.textqna {
	display:block;
	width:100%;
	padding:30px;
	border:1px solid #000;
}
.textqna p {
	font-size:20px;
	color:#000;
	line-height:1.4;
	text-align:center;
	word-break:keep-all;
}
.formqna {
	display:block;
	width:100%;
	margin:30px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.formqna .cates {align-items:center;padding-top:10px;}
.cates .chk {margin-right:5px;margin-top:0;vertical-align:middle}
.cates .chk + label {margin-right:20px;vertical-align:middle}
.cates .lst_chk input{margin-top:2px;margin-bottom:2px;}
.cates .lst_chk label{margin-top:2px;margin-bottom:2px;}
.formqna dl {
	width:100%;
	padding:10px;
	margin:10px 0;
	border-top:1px solid #ccc;
	font-size:18px;
	color:#000;
	line-height:1.4;
}
.formqna .pu {padding-top:15px;} 
.formqna dl:first-child {border-top:none;}
.formqna dt {width:100px;font-weight:600;padding-top:7px;}
.formqna dd {width:calc( 100% - 100px );}
.attach dd {padding-top:0px;}
.textbox {
	width:100%;
	display:block;
	border-top:1px solid #ccc;
	min-height:300px;
}
.attach .inp {margin:0; width:50%;}
.attach input[type=file]{padding-top:3px;padding-left:3px;}
.attach p {
	font-size:18px;
	color:#666;
	line-height:1.4;
	margin-left:10px;
	padding-top:10px;
}

@media screen and (max-width: 1024px) {
.tab_mdtit {font-size:24px;}
.FAQ_cont .FAQ_list .FAQ_q p {font-size:20px;}
.FAQ_cont .FAQ_list .FAQ_a p {font-size:18px;}
.FAQ_cont .FAQ_list .FAQ_q .bluebox {width:90px; font-size:16px;}
.onetoone .gray_bg {padding:30px;}
.onetoone .gray_bg .bold {font-size:20px;}
.onetoone .gray_bg p {font-size:18px;}
}
@media screen and (max-width: 780px) {
.tab_mdtit {font-size:22px;}
.FAQ_cont .FAQ_list .FAQ_q p {font-size:18px;}
.FAQ_cont .FAQ_list .FAQ_a p {font-size:16px;}
.FAQ_cont .FAQ_list .FAQ_q .bluebox {width:80px; font-size:14px;}
.FAQ_cont .FAQ_list .FAQ_q .BigGray {font-size:26px;}
.FAQ_cont .FAQ_list .FAQ_a .BigBlue {font-size:26px;}
.FAQ_cont .FAQ_list .FAQ_a {padding:20px;}
.FAQ_cont .FAQ_list .FAQ_q {padding:20px 60px 20px 20px;}
.textqna p {font-size:18px;}
.formqna dl {font-size:16px;}
.attach p {font-size:16px;}
.onetoone .gray_bg .imgwrap {width:17%;}
.onetoone .gray_bg .bold {font-size:18px;}
.onetoone .gray_bg p {font-size:16px;}
}
@media screen and (max-width: 620px) {
.tab_mdtit {}
.tab_mdtit.on a {font-size:18px;padding: 5px 20px;}
.tab_mdtit a {font-size:18px;padding: 5px 20px;line-height:40px;}
.tab-content {padding: 10px 0;}
.FAQ_cont .FAQ_list .FAQ_q p {font-size:16px;}
.FAQ_cont .FAQ_list .FAQ_a p {font-size:14px;}
.FAQ_cont .FAQ_list .FAQ_q .bluebox {width:80px; font-size:13px;}
.FAQ_cont .FAQ_list .FAQ_q .BigGray {font-size:24px;}
.FAQ_cont .FAQ_list .FAQ_a .BigBlue {font-size:24px;}
.FAQ_cont .FAQ_list .FAQ_a {padding:15px;}
.FAQ_cont .FAQ_list .FAQ_q {padding:15px 55px 15px 15px;}
.FAQ_cont .FAQ_list .FAQ_q:after {right:5px;}
.FAQ_cont .FAQ_list.active .FAQ_q:after {right:25px;}
.textqna p {font-size:16px;}
.formqna dl {font-size:14px;}
.attach p {font-size:14px;padding-top:0px;}
.attach .inp {width:100%;}

}
@media screen and (max-width: 480px) {
.tab_mdtit.on a {font-size:16px;padding: 5px 20px;}
.tab_mdtit a {font-size:16px;padding: 5px 20px;line-height:35px;}
.FAQ_cont .FAQ_list .FAQ_a {padding:10px 5px;}
.FAQ_cont .FAQ_list .FAQ_q {padding:10px 30px 10px 5px;}
.FAQ_cont .FAQ_list .FAQ_q .bluebox {padding:5px;width:65px;}
.FAQ_cont .FAQ_list .FAQ_q .BigGray {font-size:22px;}
.FAQ_cont .FAQ_list .FAQ_a .BigBlue {font-size:22px;}
.FAQ_cont .FAQ_list .FAQ_q:after {right:-15px;background-size:70%;}
.FAQ_cont .FAQ_list.active .FAQ_q:after {right:2px;background-size:70%;}
.textqna {padding: 10px;}
.formqna {margin: 15px 0;}
.formqna dl {padding: 0px; margin: 5px 0;}
.formqna dt {width:60px;}
.formqna dd {width: calc( 100% - 60px );}
.onetoone .gray_bg {padding:10px;}
.onetoone .gray_bg .imgwrap {margin:10px auto;}
.onetoone .gray_bg .bold {font-size:16px;}
.onetoone .gray_bg p {font-size:14px;}
}

/*FAQ & 1:1 _끝_*/
/*청년소식*/
.wrap_board .wrap_apilist {
   border-top: 2px solid #000;
   border-bottom: 1px solid #000;
   text-align: center;
}
.wrap_board .wrap_apilist > .lst > li + li {
   border-top: 1px solid #e7e7e7;
}
.wrap_board .wrap_apilist [class^=inr] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   font-size: 0;
}
.wrap_board .wrap_apilist .inr {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 20px 35px;
}
.wrap_board .wrap_apilist .inr .info {
   display: inline-block;
}
.wrap_board .wrap_apilist .inr .num {
   display: inline-block;
   width: 60px;
   margin-right: 24px;
   font-size: 16px;
   line-height: 34px;
}
.wrap_board .wrap_apilist .inr .status {
   display: inline-block;
   width: 64px;
   margin-right: 30px;
   line-height: 34px;
   background: #666;
   color: #fff;
   font-size: 16px;
}
.wrap_board .wrap_apilist .inr .status.on {
   background: #468ecc;
}
.wrap_board .wrap_apilist .inr .cont {
   position: relative;
   padding-left: 42px;
   text-align: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}
.wrap_board .wrap_apilist .inr .cont .secret {
   position: absolute;
   top: 50%;
   left: 0;
   width: 20px;
   height: 22px;
   margin-top: -11px;
   background: url(../_img/ico_secret.png) no-repeat center/20px 22px;
}
.wrap_board .wrap_apilist .inr .cont .sup {
   padding-bottom: 2px;
}
.wrap_board .wrap_apilist .inr .cont .sup span {
   display: inline-block;
   font-size: 16px;
   color: #666;
}
.wrap_board .wrap_apilist .inr .cont .sup span + span {
   position: relative;
   margin-left: 16px;
   padding-left: 17px;
}
.wrap_board .wrap_apilist .inr .cont .sup span + span:before {
   position: absolute;
   top: 50%;
   left: 0;
   width: 1px;
   height: 12px;
   margin-top: -6px;
   background: #666;
   content: "";
}
.wrap_board .wrap_apilist .inr .cont .tit {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.333;
}
.wrap_board .wrap_apilist .inr .cont .tit em {
   display: inline-block;
   margin-left: 2px;
   line-height: 24px;
   text-align: center;
   color: #fff;
   font-size: 12px;
   letter-spacing: 0;
   font-weight: 400;
}
.wrap_board .wrap_apilist .inr .cont .tit .cmmt {
   min-width: 24px;
   padding: 0 5px;
   border-radius: 24px;
   background: #ff6407;
}
.wrap_board .wrap_apilist .inr .cont .tit .new {
   width: 24px;
   background: #f04c62;
   border-radius: 3px;
}
.wrap_board .wrap_apilist .inr .util span {
   display: inline-block;
   width: 40px;
   height: 40px;
   border-radius: 100%;
   background: #f5f5f5;
   font-size: 0;
   line-height: 0;
}
.wrap_board .wrap_apilist .inr .util span:after {
   display: inline-block;
   content: "";
}
.wrap_board .wrap_apilist .inr .util .download:after {
   width: 16px;
   height: 16px;
   margin-top: 12px;
   background: url(../_img/ico_download.png) no-repeat center/100%;
}
.wrap_board .wrap_apilist .inr .util .chart:after {
   width: 24px;
   height: 18px;
   margin-top: 11px;
   background: url(../_img/ico_chart.png) no-repeat center/100%;
}
.wrap_board .wrap_apilist .inr .emph {
   background: #f5f5f5;
}
.wrap_board .wrap_apilist .inr .emph .util span {
   background-color: #fff;
}
.wrap_board .wrap_apilist .reply .inr {
   margin-left: 213px;
   padding-left: 42px;
}
.wrap_board .wrap_apilist .reply .inr .cont {
   padding-left: 50px;
}
.wrap_board .wrap_apilist .reply .inr .cont .lab_reply {
   position: absolute;
   top: 50%;
   left: 0;
   width: 24px;
   height: 32px;
   margin-top: -16px;
   background: url(../_img/ico_reply.png) no-repeat 0 50%;
   background-size: 24px auto;
}
.wrap_board .wrap_apilist .inr_report {
   padding: 20px 0;
}
.wrap_board .wrap_apilist .inr_report .thumb {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   position: relative;
   width: 200px;
   height:250px;
   margin-right: 36px;
   padding: 10px;
}
.wrap_board .wrap_apilist .inr_report .thumb:after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border: 1px solid rgba(0, 0, 0, 0.1);
   content: "";
}
.wrap_board .wrap_apilist .inr_report .thumb img {
   -webkit-transition: 0.3s;
   transition: 0.3s;
   object-fit:cover;o-object-fit:cover;width:100%;height:100%;;
}
.wrap_board .wrap_apilist .inr_report .cont {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   width: calc(100% - 216px);
   overflow: hidden;
   padding: 20px 0;
   text-align: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}
.wrap_board .wrap_apilist .inr_report .cont .tit {
   display: block;
   font-size: 24px;
   font-weight: bold;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}
.wrap_board .wrap_apilist .inr_report .cont .wrap_info {
   margin-top: 20px;
}
.wrap_board .wrap_apilist .inr_report .cont .wrap_info [class^=info_] {
   display: inline-block;
}

.wrap_board .wrap_apilist .inr_report .cont .wrap_info dl, .wrap_board .wrap_apilist .inr_report .cont .wrap_info dt, .wrap_board .wrap_apilist .inr_report .cont .wrap_info dd {
   display: inline-block;
}
.wrap_board .wrap_apilist .inr_report .cont .wrap_info dl:not(.like) {
   position: relative;
   margin-right: 12px;
   padding-right: 12px;
}
.wrap_board .wrap_apilist .inr_report .cont .wrap_info dl:not(.like):after {
   position: absolute;
   top: 50%;
   right: 0;
   width: 1px;
   height: 16px;
   margin-top: -8px;
   background: #ddd;
   content: "";
}
.wrap_board .wrap_apilist .inr_report .cont .wrap_info dt, .wrap_board .wrap_apilist .inr_report .cont .wrap_info dd {
   font-size: 16px;
   line-height: 24px;
}
.wrap_board .wrap_apilist .inr_report .cont .wrap_info dt {
   margin-right: 8px;
   color: #999;
}
.wrap_board .wrap_apilist .inr_report .cont .wrap_info .boardicon_hit,
.wrap_board .wrap_apilist .inr_report .cont .wrap_info .boardicon_like {
   margin: 0 0;
}

.wrap_apilist .tbl_list td.nodatatd{width:100%;padding-top:100px;padding-bottom:100px;text-align:center;color:#999;}

.wrap_apilist .tbl_list {
   table-layout: fixed;
}
.wrap_apilist .tbl_list th {
   height: 64px;
   padding: 10px;
   font-size: 18px;
   font-weight: 500;
}
.wrap_apilist .tbl_list td {
   height: 68px;
   padding: 10px;
  font-size: 18px;
}
.wrap_apilist .tbl_list thead th {
   height: 50px;

}
.wrap_apilist .tbl_list tbody td {
   border-top: 1px solid #ddd;
}
.wrap_apilist .tbl_list .col_tit {
   padding-right: 0;
   text-align: left;
  /* font-size: 1em;*/
}
.wrap_apilist .tbl_list .col_tit .wrap_tit {
   display: block;
   line-height: 24px;
}
.wrap_apilist .tbl_list .col_tit a {
   display: block;
   width: 100%;
   font-size:18px;
}
.wrap_apilist .tbl_list .col_tit .tit {
   display: inline-block;
   max-width: calc(100% - 70px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.wrap_apilist .tbl_list .col_tit span
 {
   display: inline-block;
   margin-left: 3px;
   text-align: center;
   font-size: 13px;
   font-weight: 400;
}
.wrap_apilist .tbl_list .col_tit .new {
   width: 22px;
   background-color:#1947BA;
   border-radius: 3px;
   line-height: 22px;
   color: #fff;
}
@media screen and (max-width: 1280px) {
	.wrap_apilist .tbl_list .col_tit a {font-size:16px;	}
	.wrap_apilist .tbl_list td {font-size:16px;	}
}
@media screen and (max-width: 1024px) {
	.wrap_board .wrap_apilist{border:none;}
	.wrap_apilist .tbl_list tr {position: relative;text-align: left;border:1px solid #ccc; margin-bottom:20px;background-color:#fafafa;}
	.wrap_apilist .tbl_list tr + tr {border-top: 1px solid #ccc;}
	
	.wrap_apilist .tbl_list thead{display:none;}
	.wrap_apilist .tbl_list tbody td,
	.wrap_apilist .tbl_list td {height:auto;border-top:none;position:relative;display:block;padding:0px 10px 3px;}
	.wrap_apilist .tbl_list td strong.blind{display:block;width: 80px;left:initial;height:initial;position:relative;font-size:initial;text-indent:initial;line-height:1.4;opacity:1;color:#666;padding:0;font-size:15px;font-weight:600;}	
	
	.wrap_apilist .tbl_list td p{width:calc( 100% - 80px );}
	.wrap_apilist .tbl_list .col_tit a{padding:13px 0 10px;font-size:20px;border-bottom:1px solid #ddd;margin-bottom:5px;}
	.wrap_apilist .tbl_list .col_tit a strong.blind{display:none;}
	.wrap_apilist .tbl_list .col_tit {border-top:none;}
	.wrap_apilist .tbl_list .col_period,
	.wrap_apilist .tbl_list .col_appdate,
	.wrap_apilist .tbl_list .col_age,
	.wrap_apilist .tbl_list .col_from{display:flex;color:#666;}
	.wrap_apilist .tbl_list .col_from{margin-bottom:10px;}
	
}
@media screen and (max-width: 780px) {
	.wrap_apilist .tbl_list td p{width:calc( 100% - 70px );}
	.wrap_apilist .tbl_list td strong.blind{font-size:14px;width:70px}
	.wrap_apilist .tbl_list tbody td,
	.wrap_apilist .tbl_list td{font-size:15px;}
	.wrap_apilist .tbl_list .col_tit a{font-size:18px;}
	
}
@media screen and (max-width: 360px) {
	.wrap_apilist .tbl_list td p{width:calc( 100% - 60px );}
	.wrap_apilist .tbl_list td strong.blind{width:60px}	
}
.wrap_inp_cal .inp{max-width:150px;}

/*포토앨범 슬라이드*/
.view.photoview .wrap_tit .thumb{height:auto;}
.view.photoview .wrap_tit .thumb img{width:100%;height:auto;}
.view.photoview .wrap_tit{background:none;}
.view.photoview .title_cont {padding:0 0 20px;margin-bottom:10px;}
.view.photoview .title_cont .stit{font-size:22px;text-align:left;color:#666;}
.view.photoview .title_cont .tit{font-size:36px;text-align:left;}
.view.photoview .wrap_tit .cont{padding:0;}
.view.photoview .wrap_tit .cont .info{border-top:none;font-size:18px;padding:10px 0;}
.view.photoview .writer_wrap,
.view.photoview .wrap_tit .cont .info dt, .view.photoview .wrap_tit .cont .info dd {font-size:18px;}
.view.photoview .writer_wrap .info{border-bottom:none;}
.view.photoview .wrap_tit .cont .info{margin-top:0;}

#board_slide{background:#f5f5f5;padding:40px 0;}
#board_slide .slider_art {position:relative;   width:100%;max-width:800px;  margin:0 auto}
#board_slide .slider_art .slick-list {overflow:visible;}
#board_slide .slider_art .item {position:relative; padding:0 1px}
#board_slide .slider_art .thumb {display:block;  height:auto;  opacity:0.4;}
#board_slide .slider_art .thumb img {-webkit-filter:grayscale(100%);filter:gray; width:100%; }
#board_slide .slider_art.sizefix .thumb {display:block;  height:auto;max-height:800px;opacity:initial;}
#board_slide .slider_art.sizefix .thumb img {-webkit-filter:none;filter:initial; width:100%;height:100%;o-object-fit:contain;object-fit:contain;}
#board_slide .slider_art .slick-current .thumb {opacity:1}
#board_slide .slider_art .slick-current .thumb img {-webkit-filter:grayscale(0); filter:none;}
#board_slide .slider_art .slick-arrow {position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; background:rgba(0,0,0,0.1); font-size:0; line-height:0; text-align:center; line-height:60px; z-index:9}
#board_slide .slider_art .prev {left:-61px}
#board_slide .slider_art .next {right:-61px;}
#board_slide .slider_art .cont {position:absolute; bottom:0; left:0; width:100%; padding:20px; text-align:right; box-sizing:border-box; z-index:9; color:rgba(0,0,0,0.8); line-height:1.3}
#board_slide .slider_art .cont .tit {display:block; font-size:18px;}
#board_slide .slider_art .cont .info {font-size:14px; font-weight:300; padding:0 3px}
#board_slide .slider_art .slick-current .cont {padding-top:40px; color:#fff; text-align:center; background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); text-shadow:0 0 10px rgba(0,0,0,0.2)}
#board_slide .slider-nav{margin-top:40px;overflow:hidden;    }
#board_slide .slick-track{  text-align: center;
      display: flex; /* 내부 요소들을 수평 및 수직으로 가운데 정렬하기 위해 Flexbox 사용 */
      justify-content: center;
align-items: center;margin:0;}
#board_slide .slider-nav .thumb {padding:20px;cursor:pointer;}
#board_slide .slider-nav .thumb {display:block;  height:auto;  opacity:0.4;}
#board_slide .slider-nav .thumb img {-webkit-filter:grayscale(100%);filter:gray; width:100%; }
#board_slide .slider-nav .slick-current.thumb {opacity:1}
#board_slide .slider-nav .slick-current.thumb img {-webkit-filter:grayscale(0); filter:none;}
.ico_bprev,
.ico_bnext{
   display: block;
   position: relative;
   width: 60px;
   height: 60px;
   text-indent: -99999px;	
}	
.ico_bprev:before {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 2px;
   height: 20px;
   margin: -17px 0 0 -1px;
   background: #fff;
   content: "";
}
.ico_bprev:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 2px;
   height: 20px;
   margin: -3px 0 0 -1px;
   background: #fff;
   content: "";
}
.ico_bprev:before {
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
}
.ico_bprev:after {
   -webkit-transform: rotate(-45deg);
           transform: rotate(-45deg);
}


.ico_bnext:before {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 2px;
   height: 20px;
   margin: -17px 0 0 -1px;
   background: #fff;
   content: "";
}
.ico_bnext:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 2px;
   height: 20px;
   margin: -3px 0 0 -1px;
   background: #fff;
   content: "";
}
.ico_bnext:before {
   -webkit-transform: rotate(-45deg);
           transform: rotate(-45deg);
}
.ico_bnext:after {
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
}
@media screen and (max-width: 1024px) {
	.view.photoview .wrap_tit{padding:20px 0 10px;}
	.view.photoview .wrap_tit .cont .info{padding:7px 0;}
	.view.photoview .title_cont .stit{font-size:20px;}
	.view.photoview .title_cont .tit{font-size:26px;margin-top:5px;}
	.view.photoview .title_cont{padding: 10px 0 10px;margin-bottom:10px; }
	.view.photoview .wrap_tit .thumb{height:initial;}
	.view.photoview .wrap_tit .cont .info{text-align:left;}
	.view.photoview .wrap_cont .cont{padding:20px 0 30px;}
	#board_slide{padding:20px 0 0;width:calc( 100% + 80px);margin:0 -40px;}
	#board_slide .slider_art .prev {left:0}
	#board_slide .slider_art .next {right:0;}
	#board_slide .slider_art .slick-arrow {position:absolute; top:50%; width:40px; height:50px;}
	.ico_bprev,
	.ico_bnext{   width: 40px;   height: 50px;	}
	#board_slide .slider-nav{margin-top:0;}
}
@media screen and (max-width: 860px) {
	#board_slide{padding:20px 0 0;width:calc( 100% + 50px);margin:0 -25px;}
}

@media screen and (max-width: 780px) {
  .view.photoview .writer_wrap .info dl + dl::before {    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 3px 6px 0 10px;
    background: #aaa;
    vertical-align: top;
    content: '';}
  .view.photoview .writer_wrap .info dl:nth-of-type(3), .view.photoview .writer_wrap .info dl:nth-of-type(4) {float:right}
  .view.photoview .writer_wrap .info dl:nth-of-type(3):before{display:none;}
  .view.photoview .writer_wrap .info dl:nth-of-type(4):before{display:none;}
}
@media screen and (max-width: 480px) {
	.view.photoview .title_cont .stit{font-size:16px;}
	.view.photoview .title_cont .tit{font-size:22px;margin-top:0;}	
	.view.photoview .writer_wrap, .view.photoview .wrap_tit .cont .info dt, .view.photoview .wrap_tit .cont .info dd { font-size: 16px;}
	.view.photoview .wrap_tit .cont .info{padding:5px 0;}
	.view.photoview .writer_wrap .info dl:nth-of-type(3){display:block;float:none;padding: 5px 0 0;}
	.view.photoview .writer_wrap .info dl:nth-of-type(4){display:block;float:none;padding: 5px 0 0;}
	.board .view .title_cont .new{width:20px;height:20px;line-height:20px;}
}
@media screen and (max-width: 450px) {
	.view.photoview .cont{margin-bottom:0;}
}
@media screen and (max-width: 360px) {
	.view.photoview .writer_wrap, .view.photoview .wrap_tit .cont .info dt, .view.photoview .wrap_tit .cont .info dd {
    font-size: 15px;
	}	
	.wrap_view .wrap_tit .cont .info dt{margin-right:5px;}
	.view.photoview .writer_wrap .info dl + dl::before{display:none;}
	.view.photoview .writer_wrap .info dl{margin-right:10px;}
}

/*마이페이지 문의게시판*/
.view_title {
	align-items: center;
	border-bottom:1px solid #000;
	padding:10px;
	justify-content: space-between;
	flex-wrap:nowrap;
}
.view_title .title_wrap {
	align-items:center;
	width:80%;
}
.view_title .stat_box {
	display:block;
	border:1px solid #000;
	color:#000;
	font-size:17px;
	line-height:1.4;
	font-weight:500;
	text-align:center;
	background-color:#fff;
	padding:3px;
	margin:0 5px;
	width:80px;
	height:30px;
}
.view_title p {
	font-size:26px;
	color:#000;
	line-height:1.4;
	margin:0 5px;
}
.view_title .small {
	font-size:18px;
	color:#000;
}
.view_title .bold {font-weight:600;}
.view_title .tar {color:#666;}
.attachment {
	align-items: center;
	flex-wrap: nowrap;
	border-bottom:1px solid #ddd;
	padding:10px;
	width:100%;
}

.attachment p {
	font-size:18px;
	line-height:1.4;
	color:#000;
	text-align:center;
	width:80px;
}
.attachment .gray {color:#747474; margin-left:0; width:95%; text-align:left;}
.attachment .icon {
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	margin:10px;
}
.attachment .icon.attach {
	background-image:url(../_img/mypage/icon_attachment.png);
	width:16px; height:16px;
	background-size:100%;
}
.attachment .icon.download {
	background-image:url(../_img/mypage/icon_download.png);
	width:40px; height:40px;
	background-size:40%;
	background-color:#f5f5f5;
	border-radius:100%;
}
.reply_wrap .icon {
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	margin:5px;
	width:20px; height:20px;
	background-size:80%;
	border:1px solid #bbb;
	border-radius:3px;
}
.reply_wrap .icon.modify {background-image:url(../_img/mypage/icon_modify.png);}
.reply_wrap .icon.delete {background-image:url(../_img/mypage/icon_delete.png);}
.attachment .attach p {
	font-size:20px;
	line-height:1.4;
	text-align:left;
	color:#747474;
	margin-left:10px;
}
.attachment .iconwrap {flex-wrap: nowrap; align-items: center;}
.attachment .w80 {width:80%; align-items: center;}
.myquestion_cont {
	border-bottom:1px solid #000;
	padding:10px;
	width:100%;
	min-height:300px;
}
.myquestion_cont p {
	font-size:18px;
	line-height:1.4;
	text-align:left;
	color:#555;
	margin-left:10px;
}
.reply_wrap {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.reply_wrap .blank {
	display:block;
	padding:20px 10px;
}
.reply_wrap .blank p {
	font-size:20px;
	color:#000;
	line-height:1.4;
	text-align:left;
	margin-left:10px;
}
.reply_wrap .blank .bold {font-weight:600;}
.reply_wrap .blank .blankboxwrap {
	width:100%;
	margin:0 auto;
}
.reply_wrap .blank .blankboxwrap .blankbox {
	display:block;
	width: calc( 100% - 170px ) ;
	min-height:100px;
	border:1px solid #ddd;
	margin:5px;
	padding:10px;
}
.reply_wrap .blank .blankboxwrap .btn.upload {
	display:block;
	width:150px;
	min-height:100px;
	background-color:#333;
	color:#fff;
	font-size:18px;
	font-weight:600;
	line-height:1.4;
	padding:10px;
	margin:5px;
}
.reply_wrap .other_re {
	display:block;
	border-top:1px solid #e8e8e8;
	padding:20px 10px;
}
.reply_wrap .other_re .re_tit {align-items: center;}
.reply_wrap .other_re p {
	font-size:18px;
	line-height:1.4;
	text-align:left;
	margin-right:10px;
	color:#000;
}
.reply_wrap .other_re .bold {font-weight:600;}

.myquestion_view .btn_wrap .whback {
	display:block;
	border:1px solid #ddd;
	background-color:#fff;
	color:#081426;
	font-size:20px;
	line-height:1.4;
	text-align:center;
	padding:10px;
	width:130px;
	height:70px;
	margin:20px 0 20px auto;
} 
@media screen and (max-width:1200px){
	.view_title p {font-size: 24px;}
}
@media screen and (max-width:825px){
	.view_title .small {font-size: 15px;}
}
@media screen and (max-width:800px){
	.wrap_tbl.myquestion_list .statebox {
		width:70px;
		height:30px;
		font-size:13px;
		padding:6px;
	}
	.view_title p {font-size: 20px;}
	.view_title .small {font-size:14px;}
	.view_title .stat_box {
		font-size: 12px;
		width: 55px;
		padding: 4px;
		height: 25px;
	}
	.myquestion_cont p {font-size:16px;}
	.reply_wrap .blank p {font-size:16px;}
	.myquestion_view .btn_wrap .whback {font-size:16px; width:110px;}
	.reply_wrap .blank .blankboxwrap .btn.upload {width:110px;}
	.reply_wrap .blank .blankboxwrap .blankbox {width: calc( 100% - 130px );}
	.reply_wrap .other_re p {font-size:16px;}
	.reply_wrap .icon {width: 15px; height: 15px;}	
}
@media screen and (max-width: 740px) {

	.view_title {flex-wrap:wrap;}
	.view_title .title_wrap {width:100%;}
	.view_title .small {width:100%;}
	.attachment p {font-size:14px;}

}
@media screen and (max-width: 700px) {
	.reply_wrap .blank p {font-size:14px;}
}
@media screen and (max-width: 600px) {
	.reply_wrap .blank .blankboxwrap .btn.upload {font-size:16px; width:85px;}
	.myquestion_view .btn_wrap .whback {font-size:16px; width:85px;}
	.reply_wrap .blank .blankboxwrap .blankbox {width: calc( 100% - 105px );}
	.reply_wrap .other_re p {font-size:16px;}
}
@media screen and (max-width: 480px) {
	.attachment .icon.download {width:35px; height:35px;}
}
@media screen and (max-width: 400px) {
	.attachment .icon.attach {display:none;}
	.attachment p {display:none;}
	.attachment .gray {display:block;}
	.reply_wrap .blank .blankboxwrap .btn.upload {font-size:14px; width:100%; min-height:40px;}
	.myquestion_view .btn_wrap .whback {width:100%; height:40px; }
	.reply_wrap .blank .blankboxwrap .blankbox {width: 100%;}	
}
@media screen and (max-width: 350px){
	.view_title p {font-size: 18px;}
	.attachment {padding:0 5px;}
	.attachment .icon.download {width:30px; height:30px; margin:5px;}
}

.journal_agree {
    margin: 10px auto;
    width: 100%;

    border: 1px solid #ddd;
    padding: 20px;
    background-color: #fff;
}
.journal_agree .agree_box {
    background-color: #f8f8f8;
    padding: 20px;
}
.journal_agree .agree_box .bold {
    font-weight: bold;
    margin-bottom: 15px;
}
.journal_agree .agree_box p.indent {
    padding-left: 10px;
    text-indent: -0.7em;
}
.journal_agree .agree_chk {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1024px) {
.journal_agree {
    margin: 10px auto;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 0 20px;
    background-color: #fff;
}
.journal_agree .agree_box{padding:15px;font-size:15px;}
.agree_chk{margin:0 10px;}
}