@charset "utf-8";
.sub_vis{height: 202px; width : 100%; background : url('/_sub01/img/subvis.png') no-repeat center center;padding-top: 40px; padding-left : 20px;}
.sub_vis_con{ height: 124px;  background : url('/_sub01/img/subvis2.png') no-repeat left center;padding-left: 30px; } 
.sub_vis_head{ color : #2ea9ff; font-family: 'NanumSquareB'; font-size:35px;    padding-top: 22px; }
.sub_vis_head_nav li{ color : #ffffff; font-size:14px; float:left;  }
.sub_vis_head_nav li:before{ content: " > "; padding : 0px 3px; }
.sub_vis_head_nav li:nth-child(1):before{ content: "";}
.sub_vis_head_nav{ padding-top: 5px; }

.sub_wrap{ overflow:hidden; min-height : 500px;  padding-top :40px; }
.lftmenu{width:270px; float:left; } 
.sub_con_wrap{ width : calc( 100% - 300px ); float:right;     padding-bottom: 45px;}
.sub_con{margin-top:35px;}


.lftmenu > ul { border-top : 1px solid #cccccc; border-bottom:1px solid #cccccc;}
.lftmenu ul > li.lft_1 > a {font-size : 17px; color : #555555;font-family: 'NanumSquareB'; display:block; width:100%; padding-left :25px; height : 50px; line-height : 50px;  position: relative;}
.lftmenu ul > li.lft_1 > a.on{ background :#2263c8; color:#ffffff;}
.lftmenu ul > li.lft_1{ border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc;  border-right: 1px solid #cccccc;  height : 50px; line-height : 50px; }
.lftmenu ul > li.lft_1:last-child{ border-bottom: 0px;  }
.lftmenu ul > li.lft_1 > a:after { position: absolute;  top: 10px;  margin: 8px 0 0 -15px;  vertical-align: middle;  display: inline-block;  width: 15px;  height: 15px;  content: " ";	right: 26px;	background:url('/_sub01/img/left.png') no-repeat center center; }
.lftmenu ul > li.lft_1 > a:hover{ background :#2263c8; color:#ffffff;}
.sub_con_head{ color : #222222; font-size: 25px; font-family: 'NanumSquareB'; border-bottom : 1px dotted #cccccc; margin-bottom : 10px; padding-bottom : 10px;}

@media screen and (max-width: 1230px) {
	.sub_wrap { padding-left : 20px; padding-right : 20px; }
	.sub_vis_con{  }
}

@media screen and (max-width: 1000px) {
	.lftmenu{ display:none; }
	.sub_con_wrap{ width : 100%; }
}


.search {width:100%; padding:15px 0px 0px 15px; margin-bottom:25px; position:relative; box-sizing:border-box; overflow:hidden;}
.s_counter{float:left; margin-top:10px;}
.s_wrap{float:right;}
.search .s_wrap input {background-image:none; height:40px; color:#555; border:1px solid #ccc;}
.search .s_wrap input.input_box {width:250px; box-sizing:border-box; padding:5px;}
.search .s_wrap input.search_btn {	border:none; width:41px; height:40px; margin-left:-40px; position:absolute;	top:15px; cursor:pointer;}
#cate {width:120px; height:40px; color:#555; border:1px solid #ccc;	padding:5px;}
.control {width:100%;	margin:0 auto; text-align:center;}
.control .no > a, .control .arrow > a {border:1px solid #ccc; padding:2px 7px; display:inline-block; margin-right:2px; text-decoration:none;}
.control .no > a:hover, .control .no > a.on {background:#767676; border:1px solid #666;	color:#fff;	font-weight:bold;}
.control .arrow > a:hover {	background:#f1f1f1;}

/*search icon */
.search .s_wrap button.search_btn { background: url(/img/magnifier.png) no-repeat right top; width:77px; height:40px; margin-left:-5px;}
.cate {width:120px; height:40px; color:#555; border:1px solid #ccc;	padding:5px;}

.lftmenu_2{ background:#f3f3f3;}
.lftmenu_2 > li > ul > li {border-bottom: 1px solid #ccc;}
.lftmenu_2 > li > ul > li:last-child {border-bottom: 0px ;}
.lftmenu_2 { padding:10px;}
.lftmenu_3{background:#ff6364; position:relative;color:#ffffff; font-size:14px;padding:3px; padding-left:15px; border-radius: 20px;}
.lftmenu_3:after{ content:"▼"; font-size:5px; color:#ffffff; position:absolute; right:7px; top:2px;}
.lftmenu_2 > li > ul{ padding:8px;}
.lftmenu_2 > li > ul > li{ padding: 2px; padding-left:10px; font-size:13px;}
.lftmenu_2 > li > ul > li a:hover{ color:#e30a01;}
.lftmenu_2 > li > ul > li a.on{ color:#e30a01; }
/* 반응형표 시작 */

 .bbslisttable {
  width:100%;
  min-width: 300px;
 font-family:'맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana;
  margin-bottom:25px;
  border-collapse:separate;
  border-left:#cccccc solid 1px;
   border-top:#565656 solid 2px;
  background:#fff;
}
.bbslisttable th {
  display: none;
}
.bbslisttable td {
  display: block;
}
.bbslisttable td:first-child {
  padding-top: .5em;
}
.bbslisttable td:last-child {
  padding-bottom: .5em;
}
.bbslisttable td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  width: auto;
  display: inline-block;
  padding-right: 10px;
  text-align:left;
}
.bbslisttable th, .bbslisttable td {
  padding:9px;
	border-left:none;
	color:#555;
	line-height:20px;
	border-collapse:separate;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-size:14px;
	text-align:center;
}
.bbslisttable td.nobdr, .bbslisttable th.nobdr {
	border-right:none;
}
.bbslisttable td.nobdb {
	border-bottom:none;
}
.bbslisttable th {
	color:#333;
	font-size:14px;
	background:#f3f3f3;
}
.bbslisttable .align {
	text-align:left;
}
.bbslisttable .headline {
	font-size:13px;
	color:#333;
}

@media screen and (max-width: 900px) {
.bbslisttable th, .bbslisttable td {
	border-right:none;}
}

@media (min-width: 900px) {
  .bbslisttable td:before {
    display: none;
  }
}
@media (min-width: 900px) {
  .bbslisttable th, .bbslisttable td {
    display: table-cell;
    padding: .25em .5em;
  }
  .bbslisttable th:first-child, .bbslisttable td:first-child {
    padding-left: 0;
  }
  .bbslisttable th:last-child, .bbslisttable td:last-child {
    padding-right: 0;
  }
}

@media (max-width: 900px) {
  .bbslisttable th, .bbslisttable td {
  text-align:left;
  }

	.bbslisttable tr > td:last-child { border-bottom: 2px solid #565656; line-height: 1.8em;}
	.bbslisttable  tr:nth-child(even) th, .bbslisttable  tr:nth-child(even) td{ background: #f4f4f4; }
}


.bbslisttable {
  overflow: hidden;
}
.bbslisttable tr {
}

@media (min-width: 900px) {
  .bbslisttable th, .bbslisttable td {
    padding: 1em !important;
  }
}
.bbslisttable th, .bbslisttable td:before {
  color:#333;
}

/* 반응형 표 끝 */


 .bbslisttablefix {
  width:100%;
  min-width: 300px;
 font-family:'맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana;
  margin-bottom:25px;
  border-collapse:separate;
  border-left:#cccccc solid 1px;
   border-top:#565656 solid 2px;
  background:#fff;
}
.bbslisttablefix th {
  display: none;
}
.bbslisttablefix td {
  display: block;
}
.bbslisttablefix td:first-child {
  padding-top: .5em;
}
.bbslisttablefix td:last-child {
  padding-bottom: .5em;
}
.bbslisttablefix td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  width: auto;
  display: inline-block;
  padding-right: 10px;
  text-align:left;
}
.bbslisttablefix th, .bbslisttablefix td {
  padding:9px;
	border-left:none;
	color:#555;
	line-height:20px;
	border-collapse:separate;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-size:12px;
	text-align:center;
}
.bbslisttablefix td.nobdr, .bbslisttablefix th.nobdr {
	border-right:none;
}
.bbslisttablefix td.nobdb {
	border-bottom:none;
}
.bbslisttablefix th {
	color:#333;
	font-size:14px;
	background:#f3f3f3;
}
.bbslisttablefix .align {
	text-align:left;
}
.bbslisttablefix .headline {
	font-size:13px;
	color:#333;
}


  .bbslisttablefix td:before {
    display: none;
  }
  .bbslisttablefix th, .bbslisttablefix td {
    display: table-cell;
    padding: .25em .5em;
  }
  .bbslisttablefix th:first-child, .bbslisttablefix td:first-child {
    padding-left: 0;
  }
  .bbslisttablefix th:last-child, .bbslisttablefix td:last-child {
    padding-right: 0;
  }


.bbslisttablefix {
  overflow: hidden;
}
.bbslisttablefix tr {
}

  .bbslisttablefix th, .bbslisttablefix td {
    padding: 1em !important;
  }
.bbslisttablefix th, .bbslisttablefix td:before {
  color:#333;
}



@media screen and (max-width: 800px) {
.search .s_wrap input.input_box {width:calc(100% - 145px); box-sizing:border-box; padding:5px;}
.search .s_wrap input.search_btn {top:45px}
.cate {width:60px; }
}


#bo_v_con{     border-bottom: 1px solid #cccccc;  padding-right : 20px; padding-left :20px;}
#bo_v_title{ border-top : 2px solid #565656;  background : #f4f4f4; padding-right : 20px; padding-left :20px; }
#bo_v_info{   background : #f4f4f4;  padding-right : 20px; padding-left :20px;} 


.photo_wrap{ float:left; width : 100%;  height:  auto; padding-right : 20px; border-top : 1px solid #555555;  padding : 20px 0px; } 
.photo_wrap .tit{font-size: 18px; color : #222222; font-family: 'NanumSquareB'; padding-bottom : 18px;}
.photo_wrap  .more{ vertical-align:top; float:right; font-size: 13px;  text-align:center;background : #ffffff; color : #555555; }
.photo_wrap  .more span { color : #0068b7; font-weight : bold; vertical-align:top;}
.photo{ overflow:hidden; clear:both; margin-bottom: 20px; border-bottom : 1px solid #cccccc; padding-bottom : 20px;  }
.photo_m img{ box-shadow: 0px 0px 0px 1px #cccccc;border: 5px solid #ffffff; margin-top:2px; max-width : 230px; width:100%; height : auto; padding-left: 2px;}
.photo_m{ width : 269px;float:left; margin-left :1px; }
.photo_r{ width : calc( 100% - 270px ) ; float:right; }
.ptxt1{ font-size: 16px; color : #222222;  height : 23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width : 100%;}
.ptxt2{ display: -webkit-box; display: -ms-flexbox; display: box;margin-top:10px; font-size: 14px; color : #767676; max-height:110px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:5}
.ptxt3{ margin-top: 10px; }
@media screen and (max-width: 600px) {
.photo_m{ width : 270px;float:none; width : 100%; clear:both; text-align:center; }
.photo_r{ width :100% ; float:none; clear:both; }
.ptxt3{margin-bottom : 20px;   padding-bottom : 20px; }
.ptxt2{ max-height:88px; -webkit-line-clamp:3  }
}

.greeting_header {
    width: 100%;
	font-family: 'NanumSquareB';
    padding: 25px 15px 20px 15px;
    margin-bottom: 0px;
	padding-bottom : 0px;
    position: relative;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 32px;
    overflow: hidden;
    background: url(/_sub01/img/icon.png) no-repeat left 30px;
}


 ul.sub0107{
	padding-left : 20px; 
	margin-bottom : 20px; 
 }
 ul.sub0107  li{
	position: relative;
    padding-left: 17px;
    list-style: none;
    line-height: 1.8em;
	font-size: 16px;
 }

ul.sub0107 > li:before{
	content: "";
    position: absolute;
    left: -3px;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 4px solid;
    box-sizing: content-box;
	border-color: #88c136;
}

ul.sub0107 > li > ul > li:before{
	content: "";
    position: absolute;
    left: -3px;
	width: 4px;
    left: 6px;
	top : 13px;
    height: 2px;
	background : #000000;
    box-sizing: content-box;
}



.cal_text{ display:inline-block; width : 100%; }
.cal_text label {float:left;height :40px; line-height: 40px;  display: inline-block;  width : 170px;font-size : 15px; color : #333333;  font-weight:bold;   }
.cal_input{float:left;font-size : 17px; width : calc( 100% - 195px);padding: 8px 10px;color: #3333333;  background : url('../_sub01/img/cal_bg.png') right center no-repeat; background-color: #ffffff;border: 1px solid #cccccc;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}

.select{ display:inline-block; width : 100%; }
label.custom-select {position: relative;display: inline-block; width : 100%;}
.custom-select span{ height :40px; line-height: 40px; float:left; display: inline-block;  width : 169px; color : #333333; font-size : 15px;   font-weight:bold;  }
.custom-select select { min-width: 100px; font-size : 14px; color : #555555;height: 40px;float:left; width : calc( 100% - 169px); display: inline-block;border: 1px solid #cccccc; padding: 4px 3px 3px 5px;margin: 0; font: inherit;outline:none; line-height: 1.2;background: #ffffff;-webkit-appearance:none; }
.custom-select:after {content: "∨";position: absolute;top: 4px;right: 4px;bottom: 0;font-size: 20px;width: 32px;height: 32px;text-align: center;line-height: 30px;padding: 0 7px;background: #f3f3f3;color: #555555;pointer-events: none;font-weight: bold;border: 1px solid #a0a0a0;}


.graypbox{ margin-bottom : 20px; background : #f4f4f4; clear:both;  margin-top: 10px; padding : 15px; }
.graypbox_info{ margin-bottom : 20px; background : #f4f4f4; clear:both;  margin-top: 10px; padding : 15px 30px; }


.input_text{ display:inline-block; width : 100%; line-height: 40px;  }
.input_text label, .input_text span {float:left;height :40px; line-height: 40px;  display: inline-block;  width : 170px; color : #333333;  font-weight:bold;  font-size : 15px;  }

.input_text span{display: inline-block;color: #555555; font-size: 14px;padding: 0px;color : #333333;  font-weight:bold;  }
.text_input{float:left;font-size : 17px; width : calc( 100% - 195px);padding: 8px 10px;color: #3333333;  background-color: #ffffff;border: 1px solid #cccccc;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}

.greed3, .greed2, .greed22{ text-align:left;  border-bottom : 1px solid #cccccc;}
.greed3 > div, .greed2 > div, .greed22 > div, .greed2i > div{ display:inline-block;  vertical-align:top; padding : 10px;}
.greed22 > div{ padding : 0px; }
.greed3 > div{ width : calc( 99% / 3 ); }
.greed2 > div, .greed22 > div, .greed2i > div{ width : calc( 100% / 2 );  }
.greed1{ padding :10px;  border-bottom : 1px solid #cccccc;}
@media screen and (max-width: 1050px) {
	.greed22 > div{ width : 100% ;  }
	.greed22{ border-bottom : 0px; }
	.greed2i { border-bottom : 1px solid #cccccc;  }
}
@media screen and (max-width: 900px) {
	.greed3 > div{ width : 100% ; }
	.greed3 > div{  border-bottom : 1px solid #cccccc; }
}
@media screen and (max-width: 700px) {
	.greed2 > div{ width : 100% ;  }
	.greed2i > div{ width : 100% ;   }
	.greed2{ border-bottom : 0px; }
	.greed2 > div{  border-bottom : 1px solid #cccccc;}
	.greed2i { border-bottom : 0px;  }
	.greed2i > div{ border-bottom : 1px solid #cccccc;  }
}


.ssearch_btn {display:inline-block;font-size : 17px; padding: 12px 20px; margin-left : 10px;color: #ffffff; background: #08509a;border:0px;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.lgsearch_btn {display:inline-block;font-size : 17px; padding: 12px 20px; margin-left : 10px;color: #ffffff; background: #69c101;border:0px;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.dgsearch_btn {display:inline-block;font-size : 17px; padding: 12px 20px; margin-left : 10px;color: #ffffff; background: #529800;border:0px;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.gsearch_btn {display:inline-block;font-size : 17px; padding: 12px 20px; margin-left : 10px;color: #ffffff; background: #9c9c9c;border:0px;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.grsearch_btn {display:inline-block;font-size : 17px; padding: 12px 20px; margin-left : 10px;color: #ffffff; background: #69c101;border:0px;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.ogsearch_btn {display:inline-block;font-size : 17px; padding: 12px 20px; margin-left : 10px;color: #ffffff; background: #ff5a00;border:0px;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.btn_area{text-align:center; padding : 10px 0px;}

.logoutwrap{ overflow:hidden; text-align:right; width:100%; clear:both; }
.logoutbtn{ float:right; padding: 2px 12px; background: #ff6464;color: #fff;margin-right: 4px;    font-size: 20px;    vertical-align: middle;    font-family: 'NanumSquareB'; border-radius : 10px;}
.logoutbtn img{ vertical-align: middle;}