/* common */
input, select { color: #666; font-size: 15px; font-family: 'Nanum Barun Gothic', 'NanumGothic', 'Malgun Gothic', 'Dotum', 'AppleGothic', sans-serif; line-height: 150%; }
.left { float: left; }
.right { float: right; }
.tac {text-align: center;}
.tal {text-align: left!important;}
.tar {text-align: right!important;}
.taj {text-align: justify!important;}
.vam {vertical-align: middle!important;}
.black1 {color: #000;}
.black2 {color: #333;}
.blue1 {color: #0193cc;}
.blue2 {color: #0267bd;}
.red { color: #ed0000;}
.green {color: #519c34;}
.bora {color: #8b1bba;}
.bg_grey {background: #eee!important;}
.bg_sky {background: #f0f9fa;}
.bg_yel {background: #fffeea;}
.fwb1 {font-weight: 600;}
.fwb2 {font-weight: 700;}
.fs_12 {font-size: 12px;}
.fs_13 {font-size: 13px;}
.fs_14 {font-size: 14px!important;}
.fs_15 {font-size: 15px!important;}
.fs_16 {font-size: 16px;}
.mr_5 {margin-left: 5px;}
.ml_10 {margin-left: 10px;}
.ml_15 {margin-left: 15px;}
.ml_20 {margin-left: 20px;}
.ml_30 {margin-left: 30px;}
.ml_40 {margin-left: 40px;}
.ml_50 {margin-left: 50px;}
.ml_60 {margin-left: 60px;}
.mr_10 {margin-right: 10px;}
.mt_5 {margin-top: 5px;}
.mt_10 {margin-top: 10px;}
.mt_20 {margin-top: 20px;}
.mb_5 {margin-bottom: 5px;}
.mb_10 {margin-bottom: 10px;}
.mb_20 {margin-bottom: 20px;}
.pl_5 {padding-left: 5px!important;}
.pl_10 {padding-left: 10px!important;}
.pl_20 {padding-left: 20px!important;}
.pl_25 {padding-left: 30px!important;}
.ls_1 {letter-spacing: -1px;}
.ls_2 {letter-spacing: -2px;} 
.bl {border-left: 1px solid #ccc;}
.bb {border-bottom: 1px solid #ccc;}

/*container*/
.contents { border-bottom: 1px solid #ccc; padding: 15px; overflow: hidden; }
.board, .toon { border-bottom: 1px solid #ccc; padding: 15px 0; overflow: hidden; }
[title~="name"] {background: #e6e6e6; color: #333; text-align: center; padding: 7px 0; }
h2 { border-left: 3px solid #0193cc; padding-left: 10px; margin-bottom: 10px; color: #333; font-weight: 700;}
article { padding: 0 5px 10px 10px; text-align: justify; }
article p+p, .article p+p { margin-top: 10px; }
a.down1 { display: inline-block; padding: 3px 5px; background: #e25041; color: #fff;}
a.down2 { display: inline-block; padding: 1px 5px; border:1px solid #ccc; border-radius: 3px; background:linear-gradient(to top, #ccc 5%, #fff 40%);}

/*table*/
table { width: 100%; }
td { vertical-align: middle;}
td.brake span { display: inline-block; }
table.type1 { border-top: 2px solid #519c34; font-size: 13px; word-break: keep-all;}
table.type1 thead, table.type2 thead { background: #eee; text-align: center; line-height: 130%; }
table.type1 tr { border-bottom: 1px solid #ccc; }
table.type1 td { padding: 3px 5px; }
table.type1 td+td { border-left: 1px solid #ccc; }

table.type2 {word-break: keep-all;}
table.type2 td { border: 1px solid #ccc; }
.p1 td { padding: 6px 3px!important; } /*이행보증금 산정 td*/
.p2 td { padding: 5px 3px; } /*보증서발급조회 검색 td*/

table.list, table.view { border-top: 2px solid #519c34; font-size: 14px;}
table.list tr, table.view tr { border-bottom: 1px solid #ccc; }
table.list thead { text-align: center; font-weight: 600; background: #eee; }
table.list tbody td {height: 40px; }
table.list td { padding: 5px 0 5px 10px; line-height: 135%;}
table.list td a:hover { text-decoration: underline; }

table.view thead td { padding: 5px 10px; height: 40px; line-height: 135%; }
table.view tbody td.arty { padding: 15px;}
table.view tbody td.arty dl { color: #000; font-weight: 600; font-size: 16px;}
table.view tbody td.arty table { border-top: 1px solid #333; font-size: 13px;}
table.view tbody td.arty thead { background: #eee; }
table.view tbody td.arty td { padding: 5px; }
table.view tbody td.arty td+td { border-left: 1px solid #ccc; }

/*input select*/
select { background: #fff; border: 1px solid #ccc; padding: 3px; }
select.year { width: 100%; text-align-last: center; appearance: none; -webkit-appearance: none; background: url(../../imges/sub/icon_down.gif) no-repeat right 10px center;}
select.check { width: 45%; text-align-last: center; appearance: none; -webkit-appearance: none; background: url(../../imges/sub/icon_down.gif) no-repeat right 5px center;}
select.year::-ms-expand, select.check::-ms-expand { display:none; }
input { vertical-align: middle; }
input[type="text"], input[type="number"] { border: 1px solid #ccc; }
input[type="radio"] { }
input.size1 { width: 40%; text-align: center;}
input.size2 { width: 25%; text-align: center;}
input.size3 { width: 99%; text-align: center;}
.check1 input[type=text] { float: left; }



/*ul li*/
ul.flow { margin-bottom: 10px; line-height: 130%;} /*업무흐름도*/
ul.flow li { display: block; text-align: center; background: #f6f6dd; padding: 5px 20px; width: 70%; margin: auto; border-radius: 15px; }
ul.flow li+li { position: relative; margin-top: 10px; } 
ul.flow li+li:before { content: ''; position: absolute; top: -20%; left: 47%;  width: 15px; height: 7px; background: url(../../imges/sub/icon_down.gif) no-repeat; background-size: 100%; }
ul.mem_area { width: 100%; margin-bottom: 15px;} /*지역별 회원사/지회/지부안내*/
ul.mem_area li { float: left; width: 20%; box-sizing: border-box; border: 1px solid #ccc; margin: -1px 0 0 -1px; }
ul.mem_area li a { display: block; font-size: 14px; text-align: center; padding: 3px; }
ul.mem_area li a:hover, ul.mem_area li.on a { background: #d4e9eb; }
ul.button1, ul.button2 { float: right; position: relative; left: -50%; }/*button1=하단사각버튼*/
ul.button1 li, ul.button2 li { float: left; position: relative; left: 50%; }
ul.button1 li + li { margin-left: 10px;}
ul.button1 li a { color: #333; padding: 6px 15px; border: 1px solid #ccc; }
ul.button2 { margin-bottom: 15px; }/*button2=상단둥근버튼*/
ul.button2 li +li { margin-left: 5px; }
ul.button2 li a {  padding: 5px 20px; border: 1px solid #519c34; border-radius: 16px; }
ul.button2 li a:hover, ul.button2 li.on a { color: #fff; background: #519c34; }


/*dl dt dd*/
dl.case1 { display: table; }
dl.case1 dt, dl.case1 dd { display: table-cell; }
dl.case1 dd { padding-left: 5px;}
.ceo dt, .ceo dd { vertical-align: bottom; }

/*contents*/
.mem_text1 { padding: 80px 0 120px 0; text-align: center; }
.spread {display: none;}
.btn01 {width: 100%; border: 0; color: #fff; background: #333; margin: 20px 0; padding: 10px 0;}
.toon img {width: 100%;}
.toonlist {width: 100%; border-top: 1px solid #ccc; padding: 10px 15px;}
.toonlist img { border : 1px solid #eee; width: 100%;}
.toonlist dt { width: 100px; padding-right: 10px; }
.sabo { overflow: hidden; width: 100%; border: 1px solid #eee;}
.sabo img { border : 1px solid #ccc; width: 100%;}
.sabo dt { width: 150px; padding: 10px;}
.sabo dd {padding: 15px;}
.sabo+.sabo {margin-top: 15px;}
#sabo { width: 100%; text-align: center; }


/*tabmenu*/
#tabmenu, #tabmenu2 { margin-bottom: 20px; }
#tabmenu:after, #tabmenu2:after { content:''; display:block; clear:both; }
#tabmenu ul li, #tabmenu2 ul li { float: left; box-sizing: border-box; text-align: center; border-bottom: 1px solid #666;}
#tabmenu ul li { width: 50%; }
#tabmenu2 ul li { width: 33%; }
#tabmenu ul li a, #tabmenu2 ul li a { display: block; background: #eee; padding: 6px 0; }
#tabmenu ul li.on a, #tabmenu2 ul li.on a { color: #fff; background: #666; }

/*map*/
#map { width: 100%; height: 250px; border: 1px solid #ccc; margin-bottom: 15px; }

/*paging*/
.paging { margin-top: 15px;}
.paging ul { float: right; position: relative; left: -50%; }
.paging ul li { float: left; position: relative; left: 50%; }
.paging li + li { margin-left: 2px;}
.paging a { color: #333; padding: 3px 7px; border: 1px solid #ccc; }