@charset "utf-8";
@import "reset.css";

/* skipToContent */
#skipToContent a{position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:#3875c1; font-size:12px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active{margin-top:0px; height:auto; padding:10px 0px;}

/* Web Content Accessibility TTS(Text To Speech) Code */
caption{visibility:hidden;width:0;height:0;line-height:0;font-size:0;text-indent:-99999px;overflow:hidden;}
.hidden, legend{display:block;position:absolute;left:0;top:-1000em;overflow:hidden;}
.dpNone{display:none;}
.right{text-align:right !important}
.left{text-align:left !important}

/* clearfix */
.clearfix:after {content: "";display:block;height:0;overflow:hidden;clear:both;}
.clearfix {zoom: 1;}


.btnArea{position:relative;padding:10px 15px ;background-color:#fff;}
.searchArea .btnSrch{display:block;width:208px;height:35px;margin:0 auto;color:#fff;font-size:12px;text-align:center;border:1px solid #dd6c11;background-color:#f06e05}
.searchArea .btnSrch span{padding-left:20px;background:url("../img/ico_srch.png") no-repeat left center}
.searchArea .btnSum{display:inline-block;vertical-align:middle;color:#fff;background-color:#26235c;}
.searchArea .btnSum:hover{color:#000;text-decoration:none;border:1px solid #26235c;background-color:#fff}
.btnSum.small{padding:2px 5px;font-size:12px;}


/*input*/
.inputText{height:15px;line-height:15px;padding:4px;letter-spacing:-1px;border:1px solid #d1d1d1;}
.inputBox{display:inline-block;position:relative;width:97px;padding:4px;vertical-align:middle;overflow:hidden;letter-spacing:-1px;border:1px solid #d1d1d1;}
.inputBox input{position:absolute;right:0;top:0;padding:3px 8px;background-color:#d1d1d1}
.inputSelect{height:27px;line-height:27px;color:#464646;border:1px solid #d1d1d1;}


/*tabs*/
.tabs li{float:left;width:50%;overflow:hidden}
.tabs li a{display:block;padding:8px 0;color:#111529;font-size:13px;text-align:center;letter-spacing:-1px;background-color:#fff/* #f06e05 */}
/* 요청으로 삭제 .tabs li a:hover, */
.tabs li.current a{color:#fff;text-decoration:none;background-color:#107ACB}
/* 요청으로 삭제 .tabs li a:hover span, */
.tabs li.current a span{padding-left:23px;background:url("../img/blet_01.png") no-repeat left center}

/*tabCont*/
.tabCont .title,
.tabCont .inputArea{float:left;}
.tabCont > ul > li{position:relative;padding:5px 10px 5px 15px;overflow:hidden;background-color:#fff}

.tabCont > ul > li .l_padding {
        padding: 5px 10px 11px 0;
}

.tabCont > ul > li:nth-child(odd){background-color:#fafafa}
.tabCont > ul > li > .title{width:60px;padding:7px 5px;font-size:12px;letter-spacing:-1px;background:url("../img/blet_02.png") no-repeat left center}
.tabCont ul li:after{display:block;clear:both;content:""}
.tabCont .inputArea ul li:first-child{margin-bottom:6px;}
.tabCont .inputArea ul li .title{position:relative;top:6px;width:36px;height:18px;line-height:18px;padding-left:22px;font-size:12px;letter-spacing:-1px;background:url("../img/ico_w.png") no-repeat left center}



.tabCont .boardWrap{padding:20px 10px;background-color:#fff}
.tabCont .boardWrap table{border-top:1px solid #27235e;}
.tabCont .boardWrap table th,
.tabCont .boardWrap table td{padding:5px;text-align:center;vertical-align:middle;border:1px solid #e3e3e3;border-width:0 0 1px 1px ;}
.tabCont .boardWrap table th:first-child,
.tabCont .boardWrap table td:first-child{border-left:0;}

/*checkItem*/
.checkItem{margin-top:4px;background-color:#fff}
.checkItem .topArea{line-height:24px;background-color:#fff;text-align: center;}

.checkItem .topArea h3{  
    position:relative;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 20px 5px 50px;
    color: #000;
    background: url(../img/bl_01.png) no-repeat 10px center;
}
.checkItem .topArea h3 .btnSum.small{position:absolute;right:10px;top:6px;}
.checkItem .topArea h4{  
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px 0 30px;
    color: #000;
    background: url(../img/bl_02.png) no-repeat 10px center;
}
.checkItem .topArea h3 span,
.checkItem .topArea h4 span{color: #ff0012;}
/*.checkItem .topArea .right{float:right;}*/
.checkItem .topArea .right label{display:inline-block;height:46px;line-height:46px;margin-right:12px;font-size:12px;letter-spacing:-1px;vertical-align:top}
.checkItem .topArea .right label input{margin-right:6px}
.checkItem .topArea .right .btnOpen{display:inline-block;width:46px;height:46px;text-indent:-99999px;background:#3a3b40 url("../img/arrow_down.png") no-repeat center center}
.checkItem .topArea .right .btnOpen.close{background:#3a3b40 url("../img/arrow_up.png") no-repeat center center}
.checkItem ul li{padding:8px 11px 9px;}
.checkItem ul li:nth-child(odd){}
.checkItem ul li label{float:left;}
.checkItem ul li:after{content:"";display:block;clear:both}
.checkItem input[type='checkbox']{width:17px;height:17px;margin-right:7px;border:1px solid #cacaca;background-color:#fff;background:#fff url(../img/bg_check_off.png) no-repeat center center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-appearance: none;}
.checkItem input[type='checkbox']{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.checkItem input[type='checkbox']:checked {background:#fff url(../img/bg_check_on.png) no-repeat center center;}
.checkItem.item01 ul li label{width:33.3%;}
.checkItem.item02 ul li label{width:50%;}

/*checkItem2*/
.checkItem2{margin-top:8px;}
.checkItem2 .topArea{line-height:26px;background-color:#fff;text-align: center;}

.checkItem2 .topArea h3{  
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px 0 50px;
    color: #000;
    background: url(../img/bl_01.png) no-repeat 10px center;
}

.checkItem2 .topArea h3 a{position:relative;top:-2px}

.checkItem2 .topArea h4{  
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px 0 30px;
    color: #000;
    background: url(../img/bl_02.png) no-repeat 10px center;
}

.checkItem2 .topArea h4 span{  
    color: #ff0012;
}
.checkItem2 .topArea .right{float:right;}
.checkItem2 .topArea .right label{display:inline-block;height:46px;line-height:46px;margin-right:12px;font-size:12px;letter-spacing:-1px;vertical-align:top}
.checkItem2 .topArea .right label input{margin-right:6px}
.checkItem2 .topArea .right .btnOpen{display:inline-block;width:46px;height:46px;text-indent:-99999px;background:#3a3b40 url("../img/arrow_down.png") no-repeat center center}
.checkItem2 .topArea .right .btnOpen.close{background:#3a3b40 url("../img/arrow_up.png") no-repeat center center}
.checkItem2 ul li{padding: 3px 10px 0px 10px;border-bottom: 1px solid #e7e7e7; }
.checkItem2 ul li:nth-child(1){border-top: 1px solid #e7e7e7;}
.checkItem2 ul li label{float:left;}
.checkItem2 ul li:after{content:"";display:block;clear:both}
.checkItem2 input[type='checkbox']{width:17px;height:17px;margin-right:7px;border:1px solid #cacaca;background-color:#fff;background:#fff url(../img/bg_check_off.png) no-repeat center center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-appearance: none;}
.checkItem2 input[type='checkbox']{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.checkItem2 input[type='checkbox']:checked {background:#fff url(../img/bg_check_on.png) no-repeat center center;}

.checkItem2 .item03{margin: 5px; background: #fff;}

.checkItem2 .item03 .t_span {display:inline-block; float:right;}
.checkItem2 .item03 .t_span_l {display:inline-block; float:left;}

/*dataArea*/
.contTopArea{height:35px;line-height:35px;overflow:hidden;background:#5a5d6a;}
.contTopArea > div{float:left;color:#fff;font-size:15px;letter-spacing:-1px;}
.contTopArea .left{padding:0 20px;background:#42434c;}
.contTopArea .right{padding:0 15px;}
.contTopArea .right .inputSelect{position:relative;top:-2px;margin-left:13px}
.dataArea .boardWrap th,
.dataArea .boardWrap td{padding:14px;text-align:center;letter-spacing:-1px;vertical-align:middle;background-color:#fff}
.dataArea .boardWrap th{color:#fff;font-weight:normal;background-color:#202020;}
.dataArea .boardWrap tr:nth-child(even) td{background-color:#eeedf2}
.dataArea .boardWrap{ width: 500px;  overflow: hidden;}

/*controll*/
.controll .innerWrap{width:170px;padding-left:46px;}

.controll .innerWrap ul li .t_span {display:inline-block; float:right;}


.controll .zoomArea{padding:6px 8px;background-color:#142049;}
.controll .zoomArea .ctBtnL{float:left}
.controll .zoomArea .ctBtnS{position:relative;top:4px;float:right}
.controll ul{border:1px solid #ced4f7}
.controll ul li{padding:7px 10px;color:#1f1f1f;font-size:12px;background-color:#fff}
.controll ul li img{margin-right:10px;}

.controll ul li:nth-child(even){background-color:#eeedf2}
.controll .inputArea{width:190px;padding:5px 12px;margin-top:5px;border:1px solid #ced4f7;background:url("../img/bg01.png")}


/* Page number */

.pageNumber {
  position: relative;
  text-align: center; }

.pageNum {
  margin: 0 10px; }

.pageNum a, .pageNum b {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 0 0 0 1px;
  font-size: 11px !important;
  color: black !important;
  line-height: 24px; }

.pageNum a::before, .pageNum b:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  background-color: #d6d6d6; }

.pageNum > :first-child::before {
  display: none; }

.pageNum b {
  color: #cf5228 !important; }

.pagePrev i, .pageNext i {
  margin: 0 -1px; }


/* board */

table {
    width: 97%;
    border-collapse: collapse;
    border-spacing: 0;
    word-wrap: break-word;
    word-break: break-all;
}
 
.boardList {
  text-align: center;	
  position: relative;
  margin: 0 0 0 10px;
 }
.boardList thead th,
.boardList tbody th {
  line-height: 24px;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  border-top: 1px solid #26235c;
  border-right: 1px solid #e3e3e3;
  background-color: #eeedf2; }
.boardList tbody th{border-top:1px solid #e3e3e3}
.boardList .b_no { border-right: none; }

.boardList tbody td {
  font-size: 11px;
  text-align: center;
  border: 1px solid #dfdfdf;
  color: #777777; 
  background-color:#fff
}

.boardList.td46 tbody td {
  height: 26px; }

.boardList tbody tr:nth-child(even) td {
  background-color: #fcfcfc; }

.boardList tbody td.type {
  vertical-align: middle; }

.boardList tbody span.type {
  vertical-align: middle;
  color: #222;
  display: inline-block;
  text-align: center; }

.boardList tbody td.subject {
  text-align: left;
  padding-left: 25px;
  padding-right: 25px; }

.boardList tbody td.subject a {
  font-size: 14px;
  color: black;
  vertical-align: -1px; }

.boardList tbody td.subject.bestPost a {
  color: #d2450e;
  font-weight: bold; }

.boardList tbody td.subject .num_reply {
  color: #d2450e; }

.boardList tbody td.writer {
  text-align: left; }

.boardList tbody td.writer img {
  padding-right: 2px;
  vertical-align: middle; }

.boardList tbody td.writer a {
  display: inline-block;
  max-width: 110px;
  padding: 0 0 4px 0;
  color: #777777;
  line-height: 16px;
  vertical-align: middle; }

.boardList tbody td .empty {
  padding: 130px 20px 150px 20px;
  font-size: 14px;
  color: #666666;
  line-height: 26px; }

.boardList tbody td .empty p {
  font-size: 18px;
  color: black; }

.boardList tbody tr.notice td {
  background-color: #f7f2f0; }

.boardList tbody tr.notice .subject {
  font-weight: bold;
  letter-spacing: -1px; }

.boardList tbody tr.notice td.writer {
  text-align: center; }

/*WhaleInfo*/
.section.WhaleInfo{top:initial;right:130px;bottom:140px;width:287px;}
.WhaleInfo .boardList{margin:0 0 0 0;border-top: 1px solid #26235c;}
.WhaleInfo .boardList table{width:100%;}
.WhaleInfo .boardList tbody td{border-bottom:0 none;}
.WhaleInfo .picArea{padding:5px;border-top:1px solid #dfdfdf;background-color:#f7f7f7}
.WhaleInfo .picArea img{width:100%;}

/*controll 2017-09-17 add*/
.wrapper .controll.type01{bottom:30px;}
.wrapper .controll.type01 .innerWrap{width:150px;padding-left:0;}
.controll .zoomArea{color:#fff}
.wrapper .controll.type01 .range div{float:left;width:50%;}
.wrapper .controll.type01 .range div p{font-size: 14px;padding:5px 20px 5px 30px;color:#000;border:1px solid #ced4f7;border-width:0 1px;background: url(../img/bl_02.png) no-repeat 10px center;}
.wrapper .controll.type01 .range div:first-child ul{border-right:0 none;}

/*popWrap*/
.popWrap{display:none;position:relative;padding:8px 20px;background-color: #fff;opacity:0; top:1px;}
.popWrap .btnClose {position: absolute;display: inline-block;right:-44px;top:-6px;padding: 5px;cursor: pointer;}