@charset "utf-8";
/* form Base ───── */
form,
fieldset,
legend { margin: 0; padding: 0; border: 0; line-height: 1.8; }
input,
select,
textarea,
button { min-height: 15px; margin: 0; padding: 0; font-size: 1em; line-height: 1.25; vertical-align: middle; }
textarea { padding: 2px 2px 0 2px; border: 1px solid #E1E1E1; background: #fff; overflow: auto; }
select { margin: 2px 0; background: #fff; border:1px solid #ccc;}
/* input type class */
input.text,
input.file { padding: 1px 2px 0 2px; border: 1px solid #E1E1E1 ; background: #fff; }
input.radio,
input.checkbox { margin: 0 1px 2px 0; }
* html input.radio,
* html input.checkbox { width: 13px !important; height: 13px !important; }
*:first-child+html input.radio,
*:first-child+html input.checkbox { width: 13px !important; height: 13px !important; }
input.image { vertical-align: middle; }

/* 페이지내비게이션 */
table.page_navi {clear: both; margin: 1em auto; padding: 0; border: 0; border-collapse: collapse; }
table.page_navi td { padding: 0; }
table.page_navi td span { display: inline-block; height: 12px; padding: 2px 6px 3px; background: transparent; line-height: 1.25; }
table.page_navi td a {border-right:1px solid #dedede;  display: inline-block; height:8px; padding:0px 10px 3px 10px; color: #474747 !important; line-height: 1; }
table.page_navi td a:hover { background-color: transparent; }
table.page_navi td.active a,
table.page_navi td a.active { font-weight: bold; text-decoration: none; }
table.page_navi td.on a { font-weight: bold; text-decoration: none; color:#6371ef !important; }
table.page_navi tr.img td { padding: 0 0 0 2px; border: 0; border-style: none hidden; background: url(../../img/board/page_sep.html) no-repeat 0 40%; }
table.page_navi tr.img td.pfirst,
table.page_navi tr.img td.pprev,
table.page_navi tr.img td.pnext,
table.page_navi tr.img td.plast { padding: 0 5px; background: transparent; }
table.page_navi tr.img td.pfirst a,
table.page_navi tr.img td.pprev a,
table.page_navi tr.img td.pnext a,
table.page_navi tr.img td.plast a { height: auto; padding: 0; background: transparent; border:0;}
table.page_navi tr.img td.pfirst a:hover,
table.page_navi tr.img td.pprev a:hover,
table.page_navi tr.img td.pnext a:hover,
table.page_navi tr.img td.plast a:hover { background: transparent; }
table.page_navi tr.img td img { vertical-align: middle; }
* html table.page_navi tr.img td img { margin: 0 0 3px 0; }
table.page_navi tr.img td.first { padding: 0; background: transparent; }
table.page_navi tr.img td.last {  }


/* Board ───── */

/* Board Base */
.board { clear: both; width: 100%; margin: 0 auto; }
.board a { text-decoration: none; }
.board a:link,
.board a:visited { color: #333; }
.board a:hover, a:active, a:focus { color: #000; text-decoration: underline; }
.board img { vertical-align: middle; }

/* 게시판 정보메뉴 담기 */
.board .infomenu { z-index: 10; clear: both; position: relative; width: 100%; margin: 0; padding: 7px 0;}
.board .infomenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.board .totalpage { margin: 6px 0 0 0; padding: 0 0 0 12px; background: url(../../img/board/bu1.html) no-repeat 6px 50%; font-size: .92em; }
.board .totalpage strong { color: #79B62B; }

.board .choice { display: inline; float: left; margin: 5px 13px 0 0; }

.board .sort { display: inline; float: left; position: relative; width: 440px; height: 14px; margin: 5px 0 0 0; }
.board .sort * { list-style: none; margin: 0; padding: 0; border: 0; background: transparent; font-size: 1em; line-height: 1.25; letter-spacing: -1px; vertical-align: top; white-space: nowrap; }
.board .sort ul { position: relative; left: -1px; top: 0; width: 100%; overflow: hidden; }
.board .sort ul li { display: inline; float: left; padding: 0 6px; background: url(../../img/board/sep2.html) no-repeat 0 1px; }
.board .sort ul li a { color: #666 !important; font: normal .92em/1.28 "돋움"; }

/* 검색 */
.board .search { border:1px solid #babbc9; height:20px; margin:40px 0 ; padding:20px 0 20px 180px;}
.board .search fieldset legend { display: none; }
.board .search label,
.board .search input,
.board .search select { }
.board .search input.text { padding: 4px 2px 2px 2px; border: 1px solid #52599a; background: #fff; width:195px; margin:0 0 0 15px;}
.board .search label { margin: 0 3px 0 0; }
.board .search .sbtn {display:inline; background:#52599a; padding:5px 12px 4px 12px; color:#fff; text-align:center; font-size:11px; font-weight:bold;  border:none; cursor:pointer;}
.board .search .sbtn a { color:#fff; text-decoration:none; padding:1px;}
.board .search .sbtn_1  {text-decoration:none; background:#52599a; padding:5px 12px 4px 12px; color:#fff !important;text-align:center; font-size:11px; font-weight:bold;  border:none; cursor:pointer;}

/* 페이지내비게이션 담기 */
.board .page { clear: both; margin:30px 0 0 0; }
.board .page table.page_navi { margin: 0 auto; }

/* Board Base ─── */

/* 목록 table */
.board table.basic { clear: both; width: 100%; margin:0px; border:0; border-collapse: collapse; border-bottom: 1px solid #e1e1e1; }
.board table.basic * { border: 0; }
.board table.basic thead.tb tr,
.board table.basic tbody.tb tr { line-height: 1.25; text-align: center; }
.board table.basic tbody.tb td,
.board table.basic tbody.tb th { padding: 15px 5px 15px; border-style: none hidden; border-bottom: 1px solid #dedede; font-weight: normal; white-space: nowrap; }
.board table.basic thead.tb th { padding: 15px 5px 15px; border-style: none hidden; border-bottom: 1px solid #dedede; border-top:2px solid #52599a; color:#52599a; font-weight: bold; letter-spacing: -1px; white-space: nowrap; }
.board table.basic thead.tb th.first { padding-left: 3px; padding-right: 0; border-left: 0 solid #ccc; }
.board table.basic thead.tb th.first div { padding-left: 15px; padding-right: 15px; }
.board table.basic tbody.tb td.first { padding-left:8px; }
.board table.basic thead.tb th.last { padding-left: 0; padding-right: 3px; border-right: 0 solid #ccc; background: url(../../img/board/thead_bg.html) 100% 50%; }
.board table.basic thead.tb th.last div { padding-left: 15px; padding-right: 15px; background: url(../../img/board/th_bg.html) 0 50%; }
.board table.basic tbody.tb td.last { padding-right: 18px; }
.board table.basic tbody.tb td.subject { text-align: left; padding-left:15px; white-space: normal; }/* 제목 */
.board table.basic thead.tb th.subject { text-align: left; white-space: normal; }/* 제목 - 내용에서제목추가 */
.board table.basic tbody td.substance { padding: 1.4em 5px; line-height:150%;} /* 본문 안에는 class="tb" 없이 코드 붙여넣은 스타일을 그대로 따라간다. */
.board table.basic tbody td.attach { text-align: left; padding: 7px 5px; border-top: 1px dashed #ccc; white-space: normal; } /* 첨부 */
.board table.basic tbody td.attach a { margin-left: 4px; }
.board table.basic tbody tr.tr2 th,
.board table.basic tbody tr.tr2 td { background: #f7f7f7; }

/* div형 제목바 */
.board div.title { display: block; clear: both; width: 99%; text-align:center; margin: 0; font-weight:bold; padding: 12px 5px 12px; background:#fff ; line-height: 1.25; overflow: hidden; border-top:2px solid #52599a; color:#52599a; }
.board div.title h3 { position: relative; height: 15px; margin: 0; padding: 0; border: 0; background: transparent; font-size: 1em; letter-spacing: 0; text-align: center; color:#52599a; }

/* 목록 갤러리 */
.board .gallery { clear: both; margin: 0; padding: 0; border-top: 1px solid #95C754; text-align: center; }
.board .gallery table { width: 100%; margin: 0 auto; border: 0; border-collapse: collapse; border-top: 1px solid #e6e6e6; }
.board .gallery table * { border: 0; }
.board .gallery table td { padding: 15px 5px 10px; border-style: none hidden; border-bottom: 1px solid #e6e6e6; vertical-align: top; }
.board .gallery a { display: block; cursor: pointer; }
.board .gallery table td.picture { width: 1%; padding: 27px 18px 29px 0; }
.board .gallery table td.picture img { padding: 3px; border: 1px solid #c8c8c8; }
.board .gallery table td.subject { padding: 26px 20px 10px 0; line-height: 1.25; text-align: left; }
.board .gallery table td.subject strong { color: #61951E; }
.board .gallery table td.subject .writer { display: block; margin: 10px 0 1px 0; }
.board .gallery table td.subject .date { display: block; margin: 0 0 5px 0; }
.board .gallery table td.subject p { margin: 0; padding: 3px 0 0 0; color: #a0a0a0; font: normal .92em/1.46 "돋움"; }


.board .tlist2 {width:730px; height:auto; margin:0; padding:0 0 30px 0;  border-top: 1px solid #75a6ab;}
.board .tlist2 dl{width:190px; height:175px; float:left; margin:30px 0 ;}
.board .tlist2 dt{width:155px; height:150px;}
.board .tlist2 dd{width:155px; height:25px; text-align:center; color: #000; line-height: 180%; margin:0 ; padding:0 0 0 0;}
.board .tlist2 dl.last{width:160px; height:180px; float:left; margin:30px 0;}
.board .tlist2 dl.last dt{width:155px; height:150px;}
.board .tlist2 dl.last dd{width:155px; height:25px; text-align:center; color: #000; line-height: 180%; margin: 0; padding:0 0 0 0;}

.board .tlist3 {width:730px; height:auto; margin:0 0 40px 0; padding:0 0 0px 0; border-top: 1px solid #75a6ab; border-bottom: 1px solid #75a6ab;}
.board .tlist3 dl{width:190px; height:175px; float:left; margin:30px 0;}
.board .tlist3 dt{width:155px; height:150px;}
.board .tlist3 dd{width:155px; height:25px; text-align:center; color: #000; line-height: 180%; margin:0; padding:0 0 0 0;}
.board .tlist3 dl.last{width:155px; height:180px; float:left; margin:30px 0;}
.board .tlist3 dl.last dt{width:155px; height:150px;}
.board .tlist3 dl.last dd{width:155px; height:25px; text-align:center; color: #000; line-height: 180%; margin:0; padding:0 0 0 0;}

/* 내용 */
.board div.view { clear: both; width: 100%; margin: 0 auto; }
.board div.view .info dl { width: 100%; margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.board div.view .info dl dt { display: inline; float: left; min-width: 22px; margin: 0; padding: 8px 10px 6px 13px; line-height: 1; text-align: left; font-weight:bold; }
.board div.view .info dl dd { display: inline; float: left; width: auto; margin: 0; padding: 7px 8px 6px 8px; background: #fff url(../../img/board/view_dd_bg.html) no-repeat 0 9px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.board div.view .info dl dd.man { width: 87px; }
.board div.view .info dl dd.email { width: 143px; }
.board div.view .info dl dd.date { width: 104px; }
.board div.view .info dl dd.hit { width: 20px; }
.board div.view .info dl dd.lecman { width: 132px; }
.board div.view .info dl dd.lecnum { width: 118px; }
.board div.view .info dl dd.lecdate {  }
.board div.view .info dl dd img { vertical-align: middle; margin: 0 0 4px; }
.board div.view .info dl.attach { position: relative; top: -1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; }
.board div.view .info dl.attach dt { width: 51px; }
.board div.view .info dl.attach dd {  }
.board div.view .info dl.attach dd ul { list-style: none; margin: 0; padding: 0; }
.board div.view .info dl.attach dd ul li { margin: 0 4px 0 0; padding: 0; white-space: nowrap; }
.board div.view .info dl.attach dd img { vertical-align: middle; margin: -3px 0 2px; }
.board div.view .substance { min-height: 136px; padding: 3em 1.5em; color: #424242; line-height:1.8; word-wrap: break-word; }
.board div.view .reply { padding: 1.8em 1.5em 3em 6em; background:#f5f5f5 url(../../img/board/re.html) no-repeat 25px 25px;}
* html .board div.view .substance { height: 136px; }/* 기본입력세로공간 */
.board div.view object { vertical-align: top; }

/* 이전글다음글 유동 - [IE] 배치오차 */
.board dl.go { clear: both; width: 100%; margin: 0 auto 14px; padding: 0; overflow: hidden; border-top: 1px solid #dedede;  border-bottom: 1px solid #dedede; }
.board dl.go a { color: #424242; }
.board dl.go dt { color:#52599a; display: inline; float: left; width:58px; margin:0; padding: 11px 21px 5px 18px; line-height: 1.25; }
.board dl.go dt.next {   border-top:1px solid #dedede; color:#52599a; padding: 8px 21px 5px 18px; background: url(../../img/board/go_dd_bg.html) repeat-x; }
.board dl.go dd { display: inline; float: left; width: 552px; margin: 0; padding: 12px 0 4px 0; line-height: 1.25; }
.board dl.go dd.next {  border-top:1px solid #dedede; padding: 8px 0 8px 0; background: url(../../img/board/go_dd_bg.html) repeat-x; width:622px;}

/* 쓰기 공통 */
.board .write input.text { margin: 2px 0; }
.board .write input.file { margin: 2px 0; }
.board .write textarea { width: 100%; height: 256px; margin: 3px 0; }

/* 쓰기 table */
.board table.write { clear: both; width: 100%; margin: 0 0 13px 0; border: 0; border-collapse: collapse; border-top: 1px solid #95C754; border-bottom: 1px solid #aaa; line-height: 1.25; }
.board table.write tr { text-align: left; }
.board table.write tr.first th { padding-top: 15px; }
.board table.write tr.first td { padding-top: 12px; background-position: 0 16px; }
.board table.write tr.last th { padding-bottom: 14px; }
.board table.write tr.last td { padding-bottom: 14px; }
.board table.write th { border: 0; background: transparent; font-weight: normal; vertical-align: top; }
.board table.write th.item { width: 35px; padding: 7px 18px; border-bottom: 1px solid #E6E6E6; }
.board table.write th label { line-height: 1; }
.board table.write td { width: 541px; padding: 3px 22px 3px 15px; border: 0; border-style: none hidden; border-bottom: 1px solid #E6E6E6; background: url(../../img/board/view_dd_bg.html) no-repeat 0 9px; }
.board table.write td p { margin: 0; padding: 0; }

.board .clubwrite table.write th.item { width: 66px; padding: 7px 18px 7x 30px; background: url(../../img/board/view_dt_bg2.html) no-repeat 11px 8px; }
.board .clubwrite table.write td { width: 499px; background: url(../../img/board/view_dd_bg2.html) no-repeat 0 8px; }
.board .clubwrite table.write tr.first th { background-position: 11px 17px; }
.board .clubwrite table.write td textarea { height: 45px; }
.board .clubwrite table.write td.pic { vertical-align: bottom; }
.board .clubwrite table.write td.pic img { margin: 3px 0; border: 1px solid #e5e5e5; vertical-align: bottom; }
.board .clubwrite table.write td.pic input,
.board .clubwrite table.write td.pic label { margin: 3px 0; vertical-align: bottom; }

.board .join h2 { margin: 0 !important; padding: 0 0 12px 0 !important; }
.board .join table.write { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.board .join table.write th.item { width: 66px; padding: 7px 18px 7x 30px; background: url(../../img/board/view_dt_bg2.html) no-repeat 11px 8px; }
.board .join table.write td { width: 499px; background: url(../../img/board/view_dd_bg2.html) no-repeat 0 8px; }
.board .join table.write tr.first th { padding-top: 7px; background-position: 11px 8px; }
.board .join table.write tr.first td { padding-top: 3px; background-position: 0 9px; }
.board .join table.write tr.last th { padding-bottom: 7px; }
.board .join table.write tr.last td { padding-bottom: 3px; }
.board .join table.write td textarea { height: 45px; }
.board .join table.write td p { display: inline; float: right; margin: 0; padding: 6px 0 0 0; color: #767676; font-size: .92em; line-height: 1.28; }
.board .join input.readonly { border: 0; cursor: arrow; }


.board .mypagebox_type{float:left; position:relative;width:48%;height:130px; border:2px solid #d6d6d6;}   
.board .mypageinner{*position:absolute;*top:50%;*height:30px;*margin-top:-45px}  
.board .mypagetextUl {list-style:none; margin-left:15px; margin-bottom:10px;}
.board .mypagetextUl li {line-height:20px; padding-left:10px; background:url(../../img/c/bu_li.html) no-repeat 0 7px;}


.mypagebox02_type{float:right; position:relative;width:48%;height:130px; border:2px solid #d6d6d6;}   

/* 로그인 */
.login { position: relative; width: 650px; height: 300px; background: url(../../img/board/login_bg.html) no-repeat; overflow: hidden; }
.login p,
.login legend,
.login label { position: absolute; left: -999%; top: 0; margin: 0; padding: 0; }
.login .id { position: absolute; left: 314px; top: 91px; }
.login .pw { position: absolute; left: 314px; top: 120px; }
.login input.image { position: absolute; left: 483px; top: 91px; }
.login .findidpw { position: absolute; left: 70px; top: 224px; }
.login .join { position: absolute; left: 383px; top: 224px; }
.login input.text { width: 159px; padding: 3px 2px 2px; }

/* 실명인증 */
.realname { position: relative; width: 650px; height: 192px; margin: 0 0 19px 0; background: url(../../img/board/realname_bg.html) no-repeat 0 21px; overflow: hidden; }
.realname h2 { margin: 0; padding: 0; }
.realname p,
.realname legend,
.realname label { position: absolute; left: -999%; top: 0; margin: 0; padding: 0; }
.realname .name { position: absolute; left: 79px; top: 48px; }
.realname .rnum { position: absolute; left: 309px; top: 48px; }
.realname input.image { position: absolute; left: 529px; top: 48px; }
.realname input.text { width: 114px; padding: 1px 2px 0; }
.realname .rnum input.text { width: 94px; }
.realname ul { position: absolute; left: 30px; top: 101px; list-style: none; width: 590px; margin: 0; padding: 0; font-size: .92em; line-height: 1.46; overflow: hidden; }
.realname ul li { display: inline; float: left; width: 567px; padding: 0 0 0 13px; background: url(../../img/board/bu3.html) no-repeat 0 2px; color: #666; }
/* 약관동의 */
.agreement { width: 100%; }
.agreement h2 { margin: 0 0 9px 0; padding: 0; }
.agreement .fieldset { border: 5px solid #e6e6e6; margin: 0 0 19px 0; padding: 28px 11px; }
.agreement h3 { margin: 0 0 11px 0; padding: 0; }
.agreement .scroll { width: 613px; height: 216px; border: 1px solid #e7e7e7; overflow: auto; }
.agreement .scroll pre { width: 550px; padding: 13px 20px; color: #767676; font-size: .92em; line-height: 1.46; }
.agreement p { margin: 1em 0; text-align: right; }
.agreement p img { vertical-align: middle; }

/* 가입완료 */
.joinok { position: relative; width: 650px; height: 230px; overflow: hidden; }
.joinok p { position: absolute; left: -9999px; top: 0; margin: 0; padding: 0; }
.joinok p .name { position: absolute; left: 10235px; top: 113px; line-height: 1.25; white-space: nowrap; }
.joinok p .name img { margin: 0 0 2px 0; vertical-align: bottom; }




/* 다이어리 table */
.board table.diary { clear: both; width: 100%; margin:0px; border:0; border-collapse: collapse; border-bottom: 1px solid #e1e1e1; }
.board table.diary * { border: 0; }
.board table.diary thead.tb tr,
.board table.diary { clear: both; width: 100%;  margin:0px; border:0; border-collapse: collapse; border-bottom: 1px solid #e1e1e1; border-top:1px solid #e1e1e1;   }
.board table.diary * { border: 0; }
.board table.diary thead, #content_text  table.t1 tbody th, #content_text  table.t1 tfoot { background: #f5f5f5; font-weight:bold; color: #52599a; vertical-align: middle; }
.board table.diary thead th{padding:5px 3px 5px 3px; border-top: 1px solid #dedede;   background:#f5f5f5;   font-weight:bold; }
.board table.diary thead td{padding:5px 3px 5px 3px; border-top: 1px solid #dedede;   }
.board table.diary th {  border-style: none hidden; border-bottom: 1px solid #dedede; padding:5px;  }
.board table.diary td {  border-style: none hidden; border-bottom: 1px solid #dedede; padding:5px 8px 5px 15px; }
.board table.diary td.td_f { border-bottom: 1px solid #dedede;  background: #f9f5fa; color: #ab81a9; width:160px;  text-align: center;  }
.board table.diary tr th, #content_text  table.t1 tr td { border-right: 1px solid #dedede; }



/* /Board(게시판) End ─────  */


/* 일반 목록 */
.boardList{border-collapse: collapse; border-top:2px solid #103D75; width:100%; margin:0 auto;}
.boardList th{
	/*border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f4f8fc; padding:7px 0 6px 0; color:#39536e;*/
	    height: 50px;
    text-align: center;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.4px;
    font-weight: bold;
}

.boardList th.last {border-right:0;}
.boardList tbody tr {border-top: 1px solid #dee2e6; height: 50px;}
.boardList tbody tr:last-child {border-bottom: 1px solid #dee2e6;}
.boardList td {padding:7px 0 5px 0;}
.boardList td.last {border-right:0;}
.boardList td.title{width:700px; padding-left:30px;}

/* 검색 */
.searchfrm {width:99%; padding:25px 0; margin-top:35px; /*border:2px solid #eee;*/ text-align:center;}
.searchfrm .select {/*padding:4px 5px 4px 5px; border:1px solid #000;*/
    border: 1px solid #dee2e6;
    display: inline-block;
    vertical-align: middle;
    height: 43px; 
    margin-right: 5px;
    padding: 5px;}
.searchfrm input.text {/*padding:5px 5px 4px 5px; border:1px solid #000; width:200px;*/
    border: 1px solid #dee2e6;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width:200px;}
.searchfrm input.submit {/*padding:6px 20px 3px 20px;background-color:#666;border: 1px solid #555;color:#fff;cursor:pointer;*/
width: 56px;
    height: 43px;
    background: #333299;
    /* padding: 10px; */
    color : #fff;
    border: 1px solid #333299;}

.searchfrm2 {width:99%; padding:0; text-align:left; margin:35px auto 0 auto;}
.searchfrm2 p.bar {background:#ffa716; margin:0 0 15px 30px; width:60px; height:5px;}
.searchfrm2 div.title {float:left; margin:0 30px 0 30px; color:#39536e; font-size:15px;}
.searchfrm2 #searchform1 {border:2px solid #ddd; padding:30px 0;}
.searchfrm2 #searchform2 {margin-top:5px; border:2px solid #ddd; padding:30px 0;}
.searchfrm2 .subject {display:inline-block; width:50px; text-align:right; margin-right:5px;}
.searchfrm2 .select {padding:4px 5px 4px 5px; border:1px solid #000; width:212px;}
.searchfrm2 .searchForm {width:560px; margin:0 auto;}
.searchfrm2 input.text {padding:5px 5px 4px 5px; border:1px solid #000; width:200px;}
.searchfrm2 input.submit {padding:6px 20px 3px 20px;background-color:#666;border: 1px solid #555;color:#fff;cursor:pointer;}

/* 선박스케줄 검색결과 페이지 */
.searchResult h3 {padding-bottom:10px; margin-bottom:0px !important;}
.searchResult p {padding:0px; margin-bottom:0px !important;}
.shipTitle {padding-left:30px !important; text-align:left;}
.shipTitle span {padding-left:15px !important; text-align:left; font-weight:normal;}

/*	Pagination */
.pagination {width:100%; text-align:center; padding-top:45px; vertical-align:middle;}
.pagination a {/*padding:0; margin:0; display:inline-block; height:18px;*/
display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 32px;}
    .pagination a img{
    	width: 100%;
    }
.pagination a.num {/*padding:0 2px 3px 2px; margin:0; vertical-align:top;*/
font-weight: 300;
    letter-spacing: -0.48px;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #495057;
    margin: 0 3px;}
.pagination a.on {/*color:#00aeef; text-decoration:underline; font-weight:bold;*/
border-radius: 50%;
    background-color: #333299;
    font-weight: 400;
    color: #fff;}
.pagination a.btn {border:1px solid #dddddd; color:#999; letter-spacing:-3px; padding:3px 5px 0px 1px;}
.pagination a.left {}
.pagination a.right {padding:3px 5px 0px 3px;}

.tac {text-align:center;}

/* 뷰페이지 */
.readCont{margin:0; padding:0; overflow:hidden; border-top:2px solid #103D75; border-bottom:1px solid #ddd;}
.readCont dt.caption{margin:0; padding:15px 0; width:135px; float:left; text-align:center; background: rgba(51,50,153,0.05); font-weight:bold; border-bottom:1px solid #ddd;font-size: 14px;}
.readCont dd.title{margin:0; padding:15px 0 15px 25px; width:800px; float:left; border-bottom:1px solid #ddd;}
.readCont dd.author{margin:0; padding:15px 0 15px 25px; width:320px; float:left; border-bottom:1px solid #ddd;}
.readCont dd.cont{clear:both; margin:0; padding:40px 50px;}

.pt20 {padding-top:20px;}
.btnGray{/*padding:5px 30px 2px 30px; background-color:#666; border:1px solid #555; color:#fff !important;*/
width: 75px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #333299;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.4px;
    border: 1px solid #333299;
    display: inline-block; cursor:pointer;}
.tac {text-align:center;}
.dn {display:none;}

/* 고객의 소리 */
.boardQnA {border-collapse: collapse; width:100%; margin:30px 0 30px 0; border-top: 2px solid #103D75;  border-right:2px solid #fff; text-indent:0; font-weight:normal;}
.boardQnA thead,
.boardQnA tbody th,
.boardQnA tfoot {font-weight:bold; color: #66728c; vertical-align: middle;}
.boardQnA tr th{padding:5px 3px 5px 3px; background: rgba(51,50,153,0.05);  font-weight:bold; color:#39536e;}
.boardQnA thead td{padding:5px 3px 5px 3px; }
.boardQnA th {border-bottom: 1px solid #ddd; padding:5px; }
.boardQnA th.th_l {border-bottom: 0px solid #ddd; padding:5px; }
.boardQnA td {border-bottom: 1px solid #ddd; padding:5px 8px 5px 15px;}
.boardQnA td.td_l {padding:5px 8px 5px 15px; border-bottom: 0px solid #ddd;}
.boardQnA tr th {border-right: 0px solid #fff;}
.boardQnA tr td {border-right: 1px solid #fff;}


.link_provision {position:absolute; top:0; right:0;}
.join_agree_block {position:relative;}
.join_agree_block .agree_box {border:1px solid #ddd; background:#eee; overflow-y:scroll; overflow-x:hidden; height:200px;}
.agree {margin:10px 0 0 0;}