@charset "utf-8";

#wrapper {overflow:hidden;}

/* btn */
.cont_wrap .btn_gray {display:inline-block; background-color:#5a6066; color:#fff; font-size:15px; text-align:center; vertical-align:middle;}
.cont_wrap .btn_white {display:inline-block; background-color:#fff; color:#333; font-size:15px; border:1px solid #bfbfbf; text-align:center; vertical-align:middle;}
.cont_wrap .btn_down {display:inline-block; background-color:#4a667d; color:#fff; width:120px; height:30px; line-height:30px; text-align:center;}

/* list-style */
#wrapper .list_cir_arrow > li {position:relative; padding-left:30px; line-height:24px; margin-bottom:15px;}
#wrapper .list_cir_arrow > li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite00.png); background-repeat:no-repeat; background-position:-15px -247px; width:17px; height:17px; position:absolute; left:0; top:3px;}
#wrapper .list_cir_arrow > li:last-child {margin-bottom:0;}
#wrapper p.list_cir_arrow {position:relative; padding-left:30px; display:block; line-height:24px;}
#wrapper p.list_cir_arrow:before {content:""; display:block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-232px -459px; width:20px; height:20px; position:absolute; left:0; top:2px;}

#wrapper .list_dot > li {position:relative; margin-bottom:12px; padding-left:30px;}
#wrapper .list_dot > li:last-child {margin-bottom:0;}
#wrapper .list_dot > li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite00.png); background-repeat:no-repeat; background-position:-22px -275px; width:3px; height:3px; position:absolute; left:6px; top:13px;}

#wrapper .list_arrow > li {position:relative; margin-bottom:12px; padding-left:30px;}
#wrapper .list_arrow > li:last-child {margin-bottom:0;}
#wrapper .list_arrow > li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite00.png); background-repeat:no-repeat; background-position:-22px -290px; width:5px; height:7px; position:absolute; left:6px; top:13px;}

#wrapper .list_full_arrow li {position:relative; padding-left:30px; font-size:14px;}
#wrapper .list_full_arrow li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -336px; width:5px; height:8px; position:absolute; left:9px; top:6px;}
#wrapper p.list_full_arrow {position:relative; padding-left:30px; font-size:14px;}
#wrapper p.list_full_arrow:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -336px; width:5px; height:8px; position:absolute; left:6px; top:6px;}

#wrapper .list_number > li {position:relative; padding:24px 0 24px 55px; border-bottom:1px solid #ccc; color:#333; line-height:24px;}
#wrapper .list_number > li:first-child {border-top:1px solid #333;}
#wrapper .list_number > li:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-187px -454px; width:30px; height:30px; position:absolute; top:22px; left:10px;}
#wrapper .list_number > li span.num {position:absolute; left:18px; top:27px; color:#fff;}

#wrapper p.list_atten {}
#wrapper p.list_atten:before {content:"※"; margin-right:16px; margin-left:5px;}

#wrapper .list_check > li {position:relative; padding-left:30px;}
#wrapper .list_check > li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -376px; width:18px; height:18px; position:absolute; left:0px; top:3px;}
#wrapper p.list_check {position:relative; padding-left:30px;}
#wrapper p.list_check:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -376px; width:18px; height:18px; position:absolute; left:0px; top:3px;}

#wrapper .list_thin_arrow li {display:block; line-height:24px; position:relative; padding-left:15px; color:#666;}
#wrapper .list_thin_arrow li:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -283px; width:4px; height:7px; position:absolute; left:0; top:7px;}
#wrapper p.list_thin_arrow {display:block; line-height:24px; position:relative; padding-left:15px; color:#666;}
#wrapper p.list_thin_arrow:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -283px; width:4px; height:7px; position:absolute; left:0; top:7px;}

#wrapper .list_span_position li {position:relative; padding-left:20px;}
#wrapper .list_span_position li > span {position:absolute; left:0; top:0;}
#wrapper p.list_span_position {position:relative; padding-left:20px;}
#wrapper p.list_span_position > span {position:absolute; left:0; top:0;}


/********************* 
*	sub container    *
**********************/
/* page_location */
#page_location {width:100%; background-color:#f1f2f4; border-bottom:1px solid #ccc;}
#page_location ul {width:1145px; height:50px; margin:0 auto; background-color:#f1f2f4; text-align:right;}
#page_location ul li {display:inline-block; line-height:50px;}
#page_location ul li a {color:#666; margin-left:5px;}
#page_location ul li.home a {display:inline-block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-22px 0px; width:12px; height:11px;}
#page_location ul li:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-34px -2px; width:4px; height:7px; display: inline-block; margin-left:10px;}
#page_location ul li:first-child:after,
#page_location ul li:last-child:after {background:none; margin:0;}

/* lyaout */
#container {width:100%; background-color:#fff; padding-top:60px;}
#container .cont_layout_wrap {position:relative; width:1145px; margin:0 auto; background-color:#fff;}
.cont_layout_wrap #sidebar {float:left; width:215px; padding-left:10px; margin-right:40px;}
.cont_layout_wrap .main_content {width:880px; overflow:hidden; position:relative;}
.cont_layout_wrap .main_content .cont_wrap {min-height:380px; padding-bottom:100px;}
.cont_layout_wrap .quick_menu {position:absolute; right:-89px; top:0; width:50px;}

/* sidebar */
.cont_layout_wrap #sidebar h3 {font-size:28px; line-height:35px; color:#434343; margin-bottom:38px; font-weight:700;}
#sidebar > ul > li:first-child {border-top:1px solid #ccc;}
#sidebar > ul > li > a {position:relative; font-size:15px; line-height:42px; color:#666; display:block; border-bottom:1px solid #ccc; padding:0 20px;}
#sidebar > ul > li > a:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -20px; width:10px; height:10px; position:absolute; right:20px; top:15px;}
#sidebar > ul > li > a:hover,
#sidebar > ul > li > a:focus,
#sidebar > ul > li > a:active,
#sidebar > ul > li.on > a {background-color:#3b7da6; color:#fff;}
#sidebar > ul > li > a:hover:after,
#sidebar > ul > li > a:focus:after,
#sidebar > ul > li > a:active:after,
#sidebar > ul > li.on > a:after {background-position:-30px -20px;}
#sidebar > ul > li.on > ul { display:block;}
#sidebar ul li ul {background-color:#f1f2f4; border-bottom:1px solid #ccc; padding:15px 0 15px 35px; display:none;}
#sidebar ul li ul li {}
/* .cont_layout_wrap #sidebar ul li:hover ul,
.cont_layout_wrap #sidebar ul li.on ul {display:block;} */
#sidebar ul li ul li a {position:relative; font-size:14px; line-height:24px; color:#666;}
#sidebar ul li ul li a:hover,
#sidebar ul li ul li a:focus,
#sidebar ul li ul li a:active,
#sidebar ul li ul li.on a {color:#216e9e;}
#sidebar ul li ul li a:hover:before,
#sidebar ul li ul li a:focus:before,
#sidebar ul li ul li a:active:before,
#sidebar ul li ul li.on a:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -33px; width:8px; height:5px; position:absolute; left:-17px; top:5px;}

.main_content .title_box {position:relative; border-bottom:1px solid #ccc; padding-bottom:35px; margin-bottom:42px;}
.main_content .title_box h3 {font-size:38px; line-height:38px; color:#333; font-weight:700;}
.main_content .title_box .t_screen {position:absolute; right:0; top:5px;}
.main_content .title_box .t_screen span {display:inline-block; color:#333; border:1px solid #ccc; vertical-align:top; padding:6px;}
.main_content .title_box .t_screen a {display:inline-block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat;}
.main_content .title_box .t_screen .zoomIn {background-position:-21px -51px; width:30px; height:30px; margin-left:-4px;}
.main_content .title_box .t_screen .zoomOut {background-position:-51px -51px; width:30px; height:30px; margin-left:-3px;}

.cont_layout_wrap .quick_menu {text-align:center; font-size:12px; line-height:12px; width:72px; background-color:#fff;}
.quick_menu h3 {padding:15px 0; background-color:#f1f2f4; border:1px solid #ccc; font-weight:700; color:#333;}
.quick_menu ul {}
.quick_menu ul li {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.quick_menu ul li a:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; display:block; width:54px; margin:0 auto; margin-bottom:10px;}
.quick_menu ul li.qm1 a:before {background-position:-9px -98px; height:31px;}
.quick_menu ul li.qm2 a:before {background-position:-54px -100px; height:25px;}
.quick_menu ul li.qm3 a:before {background-position:-99px -100px; height:27px;}
.quick_menu ul li.qm4 a:before {background-position:-149px -103px; height:24px;}
.quick_menu ul li a:hover,
.quick_menu ul li a:focus,
.quick_menu ul li a:active {color:#3b7da6;}
.quick_menu ul li.qm1 a:hover:before,
.quick_menu ul li.qm1 a:focus:before,
.quick_menu ul li.qm1 a:active:before {background-position:-9px -129px; height:31px;}
.quick_menu ul li.qm2 a:hover:before,
.quick_menu ul li.qm2 a:focus:before,
.quick_menu ul li.qm2 a:active:before {background-position:-54px -125px; height:25px;}
.quick_menu ul li.qm3 a:hover:before,
.quick_menu ul li.qm3 a:focus:before,
.quick_menu ul li.qm3 a:active:before {background-position:-99px -127px; height:27px;}
.quick_menu ul li.qm4 a:hover:before,
.quick_menu ul li.qm4 a:focus:before,
.quick_menu ul li.qm4 a:active:before {background-position:-149px -127px; height:24px;}
.quick_menu ul li:last-child {border-bottom:1px solid #ccc;}
.quick_menu ul li a {display:inline-block; padding:15px 0; border-bottom:1px solid #ccc; color:#666;}
.quick_menu ul li:last-child a {border-bottom:0;}
.quick_menu .btn_top {}
.quick_menu .btn_top a {color:#666; display:block; margin-top:20px;}
.quick_menu .btn_top a:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-20px -172px; display:block; width:14px; height:18px; margin:0 auto; margin-bottom:10px;}


/**************** 
*	contents    *
*****************/
.cont_layout_wrap .main_content .cont_wrap {font-size:15px; line-height:25px;}
.cont_layout_wrap .main_content .cont_wrap > p {margin-bottom:30px;}

/*
    공통
*/
.cont_wrap .search_box {border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:15px 0; font-size:14px; color:#666; margin-bottom:30px;}
.cont_wrap .search_box h4 {display:inline; font-size:15px; color:#333; line-height:0; margin-right:5px; font-weight:700; vertical-align:middle;}
.cont_wrap .search_box input[type=text] {border:1px solid #bfbfbf; width:238px; height:30px; vertical-align:middle; font-family: 'Nanum Barun Gothic', serif; font-weight:400;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#333;}
::-moz-placeholder { /* Firefox 19+ */color:#333;}
:-ms-input-placeholder { /* IE 10+ */color:#333;}
:-moz-placeholder { /* Firefox 18- */color:#333;}
.cont_wrap .search_box select {min-width:100px; height:31px; border:1px solid #bfbfbf; vertical-align:middle; font-family: 'Nanum Barun Gothic', serif; font-weight:400;}
.cont_wrap .search_box button.btn_search {width:70px; height:31px; background-color:#5a6066; color:#fff; vertical-align:middle; line-height:30px;}

.cont_wrap .search_box.type2 {border:none; text-align:left; padding:0; margin-bottom:20px;}

/* list - 공통 */
.cont_board .tbl_col {width:100%; background-color:#fff; border-top:1px solid #333; font-size:14px;}
.cont_board .tbl_col thead th {height:50px; font-size:15px; color:#333; font-weight:700; background-color:#f1f2f4; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle;}
.cont_board .tbl_col thead th:first-child {border-left:0;}
.cont_board .tbl_col tbody th {border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle;}
.cont_board .tbl_col tbody td {padding:15px 10px; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; line-height:18px; vertical-align:middle;}
.cont_board .tbl_col tbody td:first-child {border-left:0;}
.cont_board .tbl_col tbody td a {vertical-align:middle; color:#666;}
.cont_board .tbl_col tbody td a:hover,
.cont_board .tbl_col tbody td a:focus,
.cont_board .tbl_col tbody td a:active {color:#3b7da6; text-decoration:underline;}


.cont_board .tbl_col tbody td > span {display:block; line-height:24px;}
.cont_board .tbl_col tbody td > span:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -283px; width:4px; height:7px; display:inline-block; margin-right:10px;}
.cont_board .search_box.delet_account select {margin-left:0 15px; margin-right:10px;}
.cont_board .tbl_col tbody td.info {padding:15px 20px;}

.viewer_down {width:880px; text-align:right; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0; position:absolute; left:0; bottom:50px; background-color:#fff;}
.viewer_down a {position:relative; font-size:14px; color:#666; width:155px; display:inline-block; text-align:center; line-height:16px; margin:0 10px;}
.viewer_down a:after {content:""; border-right:1px solid #ccc; position:absolute; right:-12px; top:0; width:1px; height:16px;}
.viewer_down a:last-child:after {border-right:none;}
.viewer_down .hangeul {background-image: url(/images/kossa/sub/bg_viewer_hangeul.png); background-repeat:no-repeat;}
.viewer_down .pdf {background-image: url(/images/kossa/sub/bg_viewer_pdf.png); background-repeat:no-repeat;}



/* view - 공통 */
.cont_board .tbl_view {width:100%; background-color:#fff; border-top:1px solid #333; border-bottom:1px solid #ccc;} /*20170508  테이블 수정 by  김삼예 */
.cont_board .tbl_view thead th {height:30px; line-height:20px; font-size:15px; color:#333; font-weight:700; background-color:#f1f2f4; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; padding:10px 0;}
.cont_board .tbl_view thead th:first-child {border-left:0;}
.cont_board .tbl_view th.bg_white {background-color:#fff;}
.cont_board .tbl_view tbody th {height:30px; line-height:20px; font-size:15px; color:#333; font-weight:700; background-color:#f1f2f4; border-left:1px solid #ccc; /*border-bottom:1px solid #ccc;*/border-top:1px solid #ccc; vertical-align:middle; padding:10px 0;}
.cont_board .tbl_view tbody th:first-child {border-left:0; border-bottom:1px solid #ccc;} /* 2017.05.08 테이블 보더 오류 수정  by 김삼예*/
.cont_board .tbl_view tbody td {height:50px; line-height:50px; /*padding:10px 10px;*/ text-align:center; border-left:1px solid #ccc; /* border-bottom:1px solid #ccc;*/ border-top:1px solid #ccc; line-height:18px; vertical-align:middle;}
.cont_board .tbl_view tbody td:first-child {border-left:0;border-bottom:1px solid #ccc;}/* 2017.05.08 테이블 보더 오류 수정  by 김삼예*/
.cont_board .tbl_view tbody td.bd-first {border-left:1px solid #ccc;}

.cont_board .pluspaddingTop{padding-top: 40px;}
.cont_board .graph6-1{position: relative;}
.cont_board .graph6-1>p{ position: absolute; width: 250px;top: 80px; right: 20px;}
.cont_board .tbl_view thead tr .slash {padding: 3px 1px; background: #f1f2f4 url(/images/kossa/sub/slash.png) no-repeat 0 0/100% 100%; }
.cont_board .tbl_view thead tr .slash>span{display: block; font-size: 0.9em;line-height: 17px;}
.cont_board .tbl_view thead tr .slash>span:first-of-type{text-align: right;}
.cont_board .tbl_view thead tr .slash>span:last-of-type{text-align: left;}

.cont_board .view_cont {padding:25px 20px; text-align:left; line-height:24px; min-height:150px; width:822px; word-wrap:break-word;}
.cont_board .view_cont img {max-width:800px;}
.cont_board .view_attach {text-align:left; font-size:13px;}
.cont_board .view_attach li {border-bottom:1px solid #ccc; padding:10px 30px;}
.cont_board .view_attach li:last-child {border-bottom:0;}
.cont_board .view_attach.type2 li:last-child {border-bottom:1px solid #ccc;}
.cont_board .view_attach.type3 li:first-child {border-top:1px solid #ccc;}
.cont_board .view_attach li a {color:#666;}

.cont_board .tbl_view.list {border-top:1px solid #ccc;}
.cont_board .tbl_view.list tbody td {border-left:0; border-bottom:1px solid #ccc;}
.cont_board .tbl_view.list tbody td a {color:#666; width:700px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cont_board .tbl_view.list tbody td a:hover,
.cont_board .tbl_view.list tbody td a:focus,
.cont_board .tbl_view.list tbody td a:active {color:#3b7da6; text-decoration:underline;}


.cont>.cont2{width: 49%; display: inline-block; padding-right: 40px; box-sizing: border-box; }
.cont>.cont3{width: 49%; display: inline-block; padding-left: 20px; box-sizing: border-box; }


/* write - 공통 */
.cont_board .tbl_write {width:100%; background-color:#fff; border-top:1px solid #333;}
.cont_board .tbl_write tbody th {height:50px; line-height:20px; font-size:15px; color:#333; font-weight:700; background-color:#f1f2f4; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle;}
.cont_board .tbl_write tbody th:first-child {border-left:0;}
.cont_board .tbl_write tbody td {height:30px; line-height:50px; padding:10px 20px; text-align:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc; line-height:18px; vertical-align:middle;}
.cont_board .tbl_write tbody td input[type=text] {border:1px solid #bfbfbf; width:108px; height:28px; vertical-align:middle;}
.cont_board .tbl_write tbody td input[type=password] {border:1px solid #bfbfbf; width:108px; height:28px; vertical-align:middle; padding:0 5px; font-size:14px; background:#fff; font-family:'Nanum Barun Gothic',sans-serif; font-weight: 400;}
.cont_board .tbl_write input[type="radio"] {vertical-align:middle; margin:0;}
.cont_board .tbl_write tbody td #title {width:700px;}
.cont_board .tbl_write tbody td select {min-width:120px; height:30px; border:1px solid #bfbfbf; vertical-align:middle;}
.cont_board .tbl_write tbody td textarea {width:690px; border:1px solid #bfbfbf; padding:10px; color:#333;}


/* 첨부파일 */
.cont_board .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.cont_board .filebox label.btn {display:inline-block; color:#666; background-color:#fdfdfd; cursor:pointer; border:1px solid #bfbfbf; width:88px; height:29px; text-align:center; line-height:29px;}
.cont_board .filebox label.btn:hover,
.cont_board .filebox label.btn:focus,
.cont_board .filebox label.btn:active {text-decoration:underline;}

/* named upload */
.cont_board .filebox .upload-name {display:inline-block; padding:8px 5px 8px 5px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle; width:535px; height:13px; border:1px solid #bfbfbf; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance:none; appearance:none; font-size:14px; margin-right:8px;}
.cont_board .filebox .btn_add {display:inline-block; width:60px; height:30px; line-height:30px; color:#fff; background-color:#666; text-align:center;}
.cont_board .filebox .img {float:left; width:78px; height:78px; border:1px solid #bfbfbf; background:#f1f5f6; text-align:center; line-height:75px; margin-right:10px;}
.cont_board .filebox .img img {max-width:78px; max-height:78px; line-height:78px;}
.cont_board .filebox .img_popup {float:left; width:100px; height:50px; border:1px solid #bfbfbf; background:#f1f5f6; text-align:center; line-height:50px; margin-right:10px;}
.cont_board .filebox .img_popup img {max-width:100px; max-height:50px; line-height:50px;}
.cont_board .filebox .img_banner {float:left; width:100px; height:40px; border:1px solid #bfbfbf; background:#f1f5f6; text-align:center; line-height:40px; margin-right:10px;}
.cont_board .filebox .img_banner img {max-width:100px; max-height:40px; line-height:40px;}

/* gallery - list - 공통 */
.cont_gallery .gallery_list ul {overflow:hidden;}
.cont_gallery .gallery_list ul li .title {display:inline-block; margin-top:20px; padding:0 10px; font-size:14px; line-height:20px; color:#666; height:45px;}
.cont_gallery .gallery_list ul li .title:hover,
.cont_gallery .gallery_list ul li .title:focus,
.cont_gallery .gallery_list ul li .title:active {color:#3b7da6;}

/* line3 */
.cont_gallery .gallery_list.line3 ul li {float:left; width:270px; margin-right:35px; margin-bottom:30px; text-align:center;}
.cont_gallery .gallery_list.line3 ul li:nth-child(3n) {margin-right:0;}
.cont_gallery .gallery_list.line3 ul li .pic a {display:block; width:268px; height:268px; line-height:268px; border:1px solid #ccc;}
.cont_gallery .gallery_list.line3 ul li .pic a img {max-width:268px; max-height:268px;}

/* line2 */
.cont_gallery .gallery_list.line2 {width:760px; padding:0 60px; border-bottom:1px solid #ccc;}
.cont_gallery .gallery_list.line2 ul li {float:left; width:350px; margin-right:60px; margin-bottom:50px; text-align:center;}
.cont_gallery .gallery_list.line2 ul li:nth-child(2n) {margin-right:0;}

/* type2 */
.cont_gallery .gallery_list.type2 ul li .pic a {display:block; width:348px; height:348px; line-height:348px; border:1px solid #ccc;}
.cont_gallery .gallery_list.type2 ul li .pic a img {max-width:348px; max-height:348px;}

/* type3 */
.cont_gallery .gallery_list.type3 ul li .pic a {display:block; width:348px; height:238px; line-height:238px; border:1px solid #ccc; background-color:#000;}
.cont_gallery .gallery_list.type3 ul li .pic a img {max-width:348px; max-height:238px;}

/* type4 */
.cont_gallery .gallery_list.type4 ul li .pic a {display:block; width:270px; height:200px; line-height:200px; border:1px solid #ccc; background-color:#000;}
.cont_gallery .gallery_list.type4 ul li .pic a img {max-width:270px; max-height:200px;}


/* list - 공지사항, 신고센터 */
.cont_board .tbl_col.notice tbody td {padding:13px 10px;}
.cont_board .tbl_col.notice tbody td a {color:#666; width:330px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cont_board .tbl_col.notice tbody td a:hover,
.cont_board .tbl_col.notice tbody td a:focus,
.cont_board .tbl_col.notice tbody td a:active {color:#3b7da6; text-decoration:underline;}

.cont_board .tbl_col.notice tbody .answer td {background-color:#f1f5f6;}
.cont_board .tbl_col.notice tbody .answer td a {color:#333;}
.cont_board .tbl_col.notice tbody .answer td .icon_answer {margin-top:-1px;}


/* 하단 버튼 */
.cont_board .btn_wrap {position:relative; margin-top:40px; text-align:right;}
.cont_board .btn_wrap .btn_write {position:absolute; right:0; top:-5px; display:inline-block; padding:5px 25px; color:#fff; background-color:#4a667d;}
.cont_board .btn_wrap .btn_write2 {display:inline-block; padding:5px 32px; color:#fff; background-color:#4a667d; margin-right:5px;}
.cont_board .btn_wrap .btn_list {display:inline-block; padding:5px 32px; color:#fff; background-color:#5a6066; margin-right:5px;}
.cont_board .btn_wrap .btn_modify {display:inline-block; padding:5px 32px; color:#fff; background-color:#637282; margin-right:5px;}
.cont_board .btn_wrap .btn_delete {display:inline-block; padding:5px 32px; color:#333; background-color:#e0e3e7;}
.cont_board .btn_wrap .btn_cancel {display:inline-block; padding:5px 32px; color:#333; background-color:#fff; border:1px solid #bfbfbf; margin-right:5px;}
.cont_board .btn_wrap .btn_confirm {display:inline-block; padding:5px 32px; color:#fff; background-color:#434343;}
.cont_wrap .btn_wrap .btn_answer {display:inline-block; padding:5px 32px; color:#fff; background-color:#333;}



/* 페이징 */
.paging {margin-top:40px; text-align:center;}
.paging a {position:relative; width:25px; display:inline-block; height:25px; line-height:25px; font-size:14px; text-align:center; color:#666; vertical-align:top;}
.paging .num {display:inline-block;}
.paging .num li {display:inline-block;}
.paging .num li:after {content:""; border-right:1px solid #ccc; margin-left:4px; margin-right:1px; line-height:25px;}
.paging .num li:last-child:after {border:0;}
.paging .num li a:hover,
.paging .num li a:focus,
.paging .num li a:active,
.paging .num li.on a {background-color:#3b7da6; color:#fff; text-decoration:none;}
.paging .btn {background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; display:inline-block;}
.paging .first {background-position:-21px -220px;}
.paging .prev {background-position:-21px -245px;}
.paging .next {background-position:-46px -245px;}
.paging .last {background-position:-46px -220px;}


/* popup */

#popLayer {width:100%; height:100%; background-color:#f1f5f6; padding:20px 30px;  box-sizing:border-box;}
#popLayer h2{width:100%; text-align:center; font-size:30px; line-height:60px; color:#4a667d; margin-bottom:25px; font-weight:bold; background-color:#e4eaeb; } 
#popLayer h3{font-size:18px; line-height:25px; color:#000; margin-bottom:10px;}
#popLayer h4{font-size:14px; line-height:20px; color:#4a667d; margin-bottom:10px;}

#popLayer .list_cir_arrow{margin-bottom:20px;}
#popLayer .list_cir_arrow > li {position:relative; padding-left:30px; line-height:20px; margin:10px 0;}
#popLayer .list_cir_arrow > li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite00.png); background-repeat:no-repeat; background-position:-15px -247px; width:17px; height:17px; position:absolute; left:0; top:3px;}
#popLayer .list_cir_arrow > li:last-child {margin-bottom:0;}
#popLayer p.list_cir_arrow {position:relative; padding-left:30px; display:block; line-height:24px;}
#popLayer p.list_cir_arrow:before {content:""; display:block; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-232px -459px; width:20px; height:20px; position:absolute; left:0; top:2px;}

#popLayer .list_dot > li {position:relative; margin-bottom:12px; padding-left:30px;}
#popLayer .list_dot > li:last-child {margin-bottom:0;}
#popLayer .list_dot > li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite00.png); background-repeat:no-repeat; background-position:-22px -275px; width:3px; height:3px; position:absolute; left:6px; top:13px;}

#popLayer .list_arrow > li {position:relative; margin-bottom:12px; padding-left:30px;}
#popLayer .list_arrow > li:last-child {margin-bottom:0;}
#popLayer .list_arrow > li:before {content:""; display:inline-block; background-image: url(/images/kossa/sub/img_sprite00.png); background-repeat:no-repeat; background-position:-22px -290px; width:5px; height:7px; position:absolute; left:6px; top:13px;}



/* 소비자와 함께 */
/* 조합사 명단 */
.company_location_wrap {}
.company_location_wrap .info {position:relative;}
.company_location_wrap .info > span > a {color:#3b7da6 !important;}
.company_location_wrap .info .btn_location {position:absolute; right:20px; top:53px; color:#fff; background-color:#4a667d; width:78px; height:30px; padding:0 0 0 10px; line-height:30px; cursor:pointer;}
.company_location_wrap .info .btn_location:hover,
.company_location_wrap .info .btn_location:focus {color:#fff; background-color:#4a667d;}
.company_location_wrap .info .btn_location:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-59px -283px; width:9px; height:5px; position:absolute; right:10px; top:14px;}
.company_location_wrap .info .btn_location.open:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-73px -283px; width:9px; height:5px; position:absolute; right:10px; top:12px;}


.company_location_wrap .map {padding:0 !important; border-bottom:0 !important;}
.company_location_wrap .map > div {border-bottom:1px solid #ccc;}
.company_location_wrap .map > div .mapArea {width:820px; height:300px; margin:30px auto; background-color:#000;}
.company_location_wrap .accordionHead {}
.company_location_wrap .accordionHead a {position:relative; display:inline-block; width:66px; padding:10px 17px; background-color:#216e9e; color:#fff; text-decoration:none; text-align:left;}
.company_location_wrap .accordionHead a:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-42px -427px; width:14px; height:8px; position:absolute; right:10px; top:14px;}
.company_location_wrap .accordionHead a.open {text-decoration:underline;}
.company_location_wrap .accordionHead a.open:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-22px -427px; width:14px; height:8px; position:absolute; right:10px; top:14px;}
.company_location_wrap .accordionBody {display:none;}



/* 신고센터 */
.sign_wrap .accordionHead {}
.sign_wrap .accordionHead .acc_tit {position:relative; display:inline-block; width:130px; height:45px; padding-left:20px; background-color:#216e9e; color:#fff; text-decoration:none; text-align:left; cursor:pointer;}
.sign_wrap .accordionHead .acc_tit:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-42px -427px; width:14px; height:8px; position:absolute; right:18px; top:18px;}
.sign_wrap .accordionHead .acc_tit.open {text-decoration:underline;}
.sign_wrap .accordionHead .acc_tit.open:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-22px -427px; width:14px; height:8px; position:absolute; right:18px; top:17px;}

.sign_wrap .accordionBody {line-height:20px; display:none;overflow:hidden;overflow-y:auto;}


/* 공제금 신청 및 지급 절차 */
.cont_wrap h4 {font-size:20px; line-height:20px; color:#4a667d; margin-bottom:25px;}
.cont_wrap h4.blackTit {font-size:28px; line-height:28px; color:#333; margin-bottom:25px;}

.cont_wrap .cont {margin-bottom:50px !important; width:880px !important;}
.cont_wrap .borderBox {padding:30px; border:1px solid #ccc;}
.cont_wrap .borderBox_type2 {padding:18px 30px; border-top:1px solid #333; border-bottom:1px solid #ccc;}
.cont_wrap .borderBox_type3 {border-top:2px solid #333; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px;}
.cont_wrap .grayBox {padding:30px; background-color:#f1f5f6; text-align:center;}
.cont_wrap .area2 {overflow:hidden;}
.cont_wrap .area2 > div {float:left; width:50%;}
.cont_wrap .area2_type1 {overflow:hidden;}
.cont_wrap .area2_type1 div:first-child {float:left; width:395px; border-right:1px solid #ccc; margin-right:29px;}
.cont_wrap .area2_type1 div:last-child {float:left; width:395px;}

.cont_wrap .payment_procedure {background-image: url(/images/kossa/sub/img_paymentprocedure.jpg); background-repeat:no-repeat; width:880px; height:439px;}
.cont_wrap .retract_process {background-image: url(/images/kossa/sub/01_03_01_img02.jpg); background-repeat:no-repeat; width:880px; height:710px;}
/*
.cont_wrap .retract_process {background:#f1f5f6 url(/images/kossa/sub/retract_process_bg_arrow.png) center 98px no-repeat}
.cont_wrap .retract_process .depth1 > li > span {display:inline-block; background-image: url(/images/kossa/sub/retract_process_bg_spr.jpg); background-repeat:repeat-x; background-position:0 0; width:762px; height:60px; line-height:60px; color:#fff; font-size:16px;}
.cont_wrap .retract_process .depth2 {overflow:hidden; width:762px; margin:40px auto 0 auto;}
.cont_wrap .retract_process .depth2 > li {float:left; margin-right:21px;}
.cont_wrap .retract_process .depth2 > li:last-child {margin-right:0;}
.cont_wrap .retract_process .depth2 > li > span {display:inline-block; background-image: url(/images/kossa/sub/retract_process_bg_spr.jpg); background-repeat:repeat-x; background-position:0 -60px; width:240px; height:50px; padding:10px 0; color:#fff; font-size:14px; line-height:18px;}
.cont_wrap .retract_process .depth3 {margin-top:20px;}
.cont_wrap .retract_process .depth3 > li {margin-bottom:38px;}
.cont_wrap .retract_process .depth3 > li:last-child {margin-bottom:0;}
.cont_wrap .retract_process .depth3 > li > span {display:inline-block; border:1px solid #666; width:238px; height:36px; padding:12px 0; font-size:14px; line-height:18px; background-color:#fff;}
*/
/* 공제번호통지서 조회 */
.btn_application_form {position:absolute; right:0; top:-60px;}


/**************************피해 보상금 지급 실적**************************/

.cont_wrap .graph1 {background-image: url(/images/kossa/sub/01_04_01_img01.jpg); background-repeat:no-repeat; height:311px;}
.cont_wrap .graph2 {background-image: url(/images/kossa/sub/01_04_01_img02.jpg); background-repeat:no-repeat; height:311px;}
.cont_wrap .graph3 {background-image: url(/images/kossa/sub/01_04_01_img03.jpg); background-repeat:no-repeat; height:311px;}
.cont_wrap .graph4 {background-image: url(/images/kossa/sub/01_04_01_img04.jpg); background-repeat:no-repeat; height:239px;}

.cont_wrap .graph8 {background-image: url(/images/kossa/sub/img08.png); background-repeat:no-repeat; height:377px;}
.cont_wrap .graph9 {background-image: url(/images/kossa/sub/img09.png); background-repeat:no-repeat; height:377px;margin-top: 40px;}


/* 신고 포상 제도 안내 > 불법 사례 */
.tab_wrap .illegal_case {background-image: url(/images/kossa/sub/01_06_02_bg.png); background-repeat:no-repeat; background-position:40px 110px;}

/* 신고 포상 제도 안내 > 신고 센터 */
.captcha {width:350px;}
.captcha .captcha_txt {}
.captcha .captcha_box {overflow:hidden; margin:10px 0;}
.captcha .captcha_box .captcha_img {float:left; border:1px solid #ccc;}
.captcha .captcha_box a {position:relative; float:left; display:inline-block; width:114px; height:23px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; color:#999; font-size:13px;  padding:6px 0 0 35px;}
.captcha .captcha_box .btn_refresh {border-top:1px solid #ccc; background-image: url(/images/kossa/sub/bg_refresh.png); background-repeat:no-repeat; background-position:20px 8px;}
.captcha .captcha_box .btn_sound { background-image: url(/images/kossa/sub/bg_sound.png); background-repeat:no-repeat; background-position:20px 6px;}

/* 소비자 게시판 > FAQ */
.accordionHead button {background-color:#fff; text-align:left;}

.sub_list {border-top:1px solid #333;}
.sub_list .accordionHead {padding:15px 0; border-bottom:1px solid #ccc;}
.sub_list .accordionHead .acc_tit {display:inline-block; color:#666; width:720px; position:relative; font-weight:normal; cursor:pointer;}
.sub_list .accordionHead .acc_tit:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-30px -283px; width:9px; height:5px; position:absolute; right:-25px; top:10px;}
.sub_list .accordionHead > span {color:#333; font-weight:700; vertical-align:top;}
.sub_list .accordionHead .number {display:inline-block; width:84px; text-align:center; border-right:1px solid #ccc;}
.sub_list .accordionHead > .open {font-weight:700;}
.sub_list .accordionHead .open:after {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-44px -283px; width:9px; height:6px; position:absolute; right:-25px; top:10px;}
.sub_list .accordionBody {line-height:20px; border-bottom:1px solid #dcdcdc;display:none;overflow:hidden;overflow-y:auto;}

.sub_list .accordionBody .acc_cont {position:relative; padding:30px 30px 30px 60px; word-wrap:break-word;}
.sub_list .accordionBody .acc_cont:before {content:"A"; color:#fff; width:25px; height:25px; line-height:25px; background-color:#3b7da6; text-align:center; display:inline-block; position:absolute; left:15px; top:30px;}
.sub_list .accordionBody .acc_cont a {font-weight:700; text-decoration:underline;}

.cont_wrap .btn_certiRegi {display:inline-block; width:100px; height:30px; line-height:30px; background-color:#666; color:#fff; text-align:center;}
.cont_wrap .btn_postalcode {width:110px; height:31px; line-height:29px; color:#fff; background-color:#4a667d; text-align:center; vertical-align:middle;}
.cont_wrap .btn_go {display:block; padding:18px 0; width:200px; background-color:#3b7da6; color:#fff; text-align:center; margin:0 auto;}
.cont_wrap .btn_go2 {display:inline-block; padding:18px 0; width:200px; background-color:#3b7da6; color:#fff; text-align:center; margin:0 auto;}


/* 조합사와 함께 */
/* 조합 가입 안내 */
.cont_wrap .join_procedure {/*background-image: url(/images/kossa/sub/02_01_01_img01.jpg); background-repeat:no-repeat; */width:880px; height:1550px;}  /*20180828 조합가입안내 수정 */
.cont_wrap .join_procedure img{width:100%; height:100%;}
.cont_wrap .memberleave_process {background-image: url(/images/kossa/sub/02_01_01_img02.jpg); background-repeat:no-repeat; width:880px; height:532px;}

/* 다단계 조합 가입 신청 step1 */
.multi_level_join .authentication_number {text-align:center; background-image: url(/images/kossa/sub/02_01_02_01_bg.png); background-repeat:no-repeat; background-position:150px 30px; height:100px;}
.multi_level_join .authentication_number > div {width:450px; margin-top:30px; margin-left:230px;}
.multi_level_join .authentication_number h4 {display:inline; font-size:15px; color:#333; line-height:0; margin-right:5px; font-weight:700; vertical-align:middle;}
.multi_level_join .authentication_number input[type="text"] {width:295px; border:1px solid #bfbfbf; padding:8px 5px 8px 5px; height:13px; line-height:0; vertical-align:middle;}
.multi_level_join .authentication_number button {width:70px; height:31px; background-color:#434343; color:#fff; vertical-align:middle; line-height:30px;}

/* 다단계 조합 가입 신청 step2 */
.multi_level_join input[type="checkbox"] {vertical-align:middle;}
.multi_level_join .chk_newregist {position:absolute; right:0; top:-45px;}
.multi_level_join .chk_newregist input[type="radio"] {vertical-align:middle; margin:0;}
.multi_level_join .cont_board .tbl_write {font-size:14px;}
.multi_level_join .cont_board .tbl_write tbody td {padding:10px 30px;}
.multi_level_join .cont_board .tbl_write select {min-width:90px;}
.multi_level_join .cont_board .tbl_write input[type="radio"] {vertical-align:middle; margin:0;}
.multi_level_join .cont_board .tbl_write span {vertical-align:middle;}

/* 후원방판 조합 가입 신청 */
.dtod_join input[type="radio"] {vertical-align:middle; margin:0;}
.dtod_join .cont_board .tbl_write tbody td {padding:10px 30px;}
.required:after {content:"*"; color:#c50500;}
.dtod_join .cont_board .tbl_write select {min-width:90px;}
.dtod_join #tab_cont02,
.dtod_join #tab_cont03 {display:none;}

/* 조합사 공제업무 */
.login_wrap {overflow:hidden;}
.login_wrap > div {width:420px;}
.login_wrap > div .grayBox {width:280px; padding:50px 70px;}
.login_wrap > div h4 {font-size:24px; line-height:24px; font-weight:700; color:#666;}
.login_wrap .login1 {margin-right:40px;}
.login_wrap .login1 .grayBox {background-image: url(/images/kossa/sub/02_02_01_bg_icon01.png); background-repeat:no-repeat; background-position:70px 50px;}
.login_wrap .login1 .grayBox .btn_login {display:block; width:118px; height: 84px; color:#fff; background-image: url(/images/kossa/sub/02_02_01_bg_arrow.png); background-repeat:no-repeat; background-position:center 55px; margin-left:162px; background-color:#425060; font-size:16px; line-height:75px;}
.login_wrap .login2 .grayBox {background-image: url(/images/kossa/sub/02_02_01_bg_icon02.png); background-repeat:no-repeat; background-position:70px 50px;}
.login_wrap .login2 .grayBox .btn_login {display:block; width:118px; height: 84px; color:#fff; background-image: url(/images/kossa/sub/02_02_01_bg_arrow.png); background-repeat:no-repeat; background-position:center 55px; margin-left:162px; background-color:#607d60; font-size:16px; line-height:75px;}


.login_wrap2 .borderBox {text-align:center; background-image: url(/images/kossa/sub/02_02_02_bg_icon01.png); background-repeat:no-repeat; background-position:150px 50px; height:180px;}
.login_wrap2 .borderBox > div {width:350px; margin-left:260px; text-align:right; float:left;}
.login_wrap2 .borderBox > div:first-child {margin-top:50px;}
.login_wrap2 .borderBox > .btn_confirm {float:left; width:90px; height:67px; line-height:67px; margin-top:50px; margin-left:10px;}
.login_wrap2 .borderBox h4 {display:inline; font-size:15px; color:#333; line-height:0; margin-right:5px; font-weight:700; vertical-align:middle;}
.login_wrap2 .borderBox input[type="text"] {width:275px; border:1px solid #bfbfbf; padding:8px 5px 8px 5px; height:13px; line-height:0; vertical-align:middle;}
.login_wrap2 .borderBox button {width:70px; height:31px; background-color:#5a6066; color:#fff; vertical-align:middle; line-height:30px;}
.login_wrap2 .btn_join {display:block; width:178px; height:40px; color:#fff; background-color:#425060; line-height:40px; text-align:center;clear:both; margin-top:140px; margin-left:323px;}

















/* 조합사 유의사항 */
.tab_wrap .tabHead {overflow:hidden;}
.tab_wrap .tabHead li a {display:inline-block; float:left; text-align:center; height:48px; line-height:48px; font-size:16px; color:#666; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.tab_wrap .tabHead.tabM2 li a {width:438.5px;}
.tab_wrap .tabHead.tabM3 li a {width:292px;}
.tab_wrap .tabHead.tabM4 li a {width:218.6px;}
.tab_wrap .tabHead li:last-child a {border-right:1px solid #ccc;}
.tab_wrap .tabHead li a:hover,
.tab_wrap .tabHead li a:focus,
.tab_wrap .tabHead li a:active,
.tab_wrap .tabHead li.on a {background-color:#5a6066; color:#fff; border-top:1px solid #5a6066; border-bottom:1px solid #5a6066;}

.tab_wrap .tabHead li:first-child a:hover,
.tab_wrap .tabHead li:first-child a:focus,
.tab_wrap .tabHead li:first-child a:active,
.tab_wrap .tabHead li:first-child.on a {border-left:1px solid #5a6066;}

.tab_wrap .tabHead li:last-child a:hover,
.tab_wrap .tabHead li:last-child a:focus,
.tab_wrap .tabHead li:last-child a:active,
.tab_wrap .tabHead li:last-child.on a {border-right:1px solid #5a6066;}
.tab_wrap .tabBody {margin-top:30px !important;}

/* 자료실 > 법령/제도 */
.legisla_warp .borderBox_type3 {background-image: url(/images/kossa/sub/02_05_01_bg.png); background-repeat:no-repeat; background-position:60px 40px;}
.legisla_warp .tbl_view a {color:#666;}
.legisla_warp .tbl_view a:hover,
.legisla_warp .tbl_view a:focus {color:#3b7da6;}


/* 든든한 조합 */
/* 연혁 */
.history_wrap {}
.history_wrap dl {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:30px;}
.history_wrap dl dt {float:left; width:100px; margin-right:20px; text-align:center;}
.history_wrap dl dt h4 {font-size:24px; line-height:25px; color:#555; margin-bottom:0; font-weight:700; margin-top:3px;}
.history_wrap dl dd {float:left; width:760px;}
.history_wrap dl dd ul li {padding-left:30px !important;}

/* CI소개 */
.cont.symbolType {overflow:hidden;}
.cont.symbolType .img {float:left; width:285px; margin-right:100px;}
.cont.symbolType .txt {float:left; width:495px;}
.cont .logoType {overflow:hidden;}
.cont .logoType div {float:left; width:285px; margin-right:12px;}
.cont .logoType div:last-child {margin-right:0;}

/* 조직도 */
.cont_organization {position:relative; width:840px; margin:0 auto; background: url(/images/kossa/sub/org_bg_line.png) center 50px no-repeat; text-align:center;}
.cont_organization ul span {width:150px; height:50px; line-height:50px; background-image: url(/images/kossa/sub/org_bg_spr.jpg); background-repeat:no-repeat; display:inline-block; color:#fff; font-size:18px;}
.cont_organization ul.dep1 {}
.cont_organization ul.dep1 > li {}
.cont_organization ul.dep1 > li > span {background-position:0 0;}

.cont_organization ul.dep2 {margin-top:110px;}
.cont_organization ul.dep2 > li {}
.cont_organization ul.dep2 > li:first-child > span {background-position:0 -50px; position:absolute; right:130px; top:80px;}
.cont_organization ul.dep2 > li:last-child > span {background-position:0 -100px;}

.cont_organization ul.dep3 {overflow:hidden; margin-top:140px;}
.cont_organization ul.dep3 > li {float:left; margin-right:22px;}
.cont_organization ul.dep3 > li:last-child {margin:0px;}
.cont_organization ul.dep3 > li > span {background-position:0 -150px;}
.cont_organization ul.dep3 > li dl {margin-top:30px; border-top:1px solid #333; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.cont_organization ul.dep3 > li dl dt {height:50px; line-height:50px; background-color:#e0e3e7; color:#333; border-bottom:1px solid #ccc;}
.cont_organization ul.dep3 > li dl dd {}
.cont_organization ul.dep3 > li dl dd ul li {font-size:14px; line-height:20px; padding:13px 0; border-bottom:1px solid #ccc; background-color:#fff;}

/* 찾아오시는 길 */
.map_wrap #map_view {width:880px; height:450px;}
.map_wrap .info {overflow:hidden; padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #ccc;}
.map_wrap .info div {float:left; height:120px; line-height:18px; font-size:14px; border-right:1px solid #ccc; position:relative;}
.map_wrap .info .addr {width:190px; padding-left:80px; padding-right:20px;}
.map_wrap .info .tel {width:126px; padding-left:110px; padding-right:54px;}
.map_wrap .info .subway {width:187px; padding-left:91px; padding-right:20px; border-right:0;}
.map_wrap .info .addr:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-22px -448px; width:40px; height:40px; position:absolute; top:38px; left:20px;}
.map_wrap .info .tel:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-77px -449px; width:40px; height:40px; position:absolute; top:38px; left:52px;}
.map_wrap .info .subway:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-132px -450px; width:40px; height:40px; position:absolute; top:38px; left:30px;}
.map_wrap .info .addr strong,
.map_wrap .info .subway strong {display:block;}
.map_wrap .info .addr p {margin-top:30px;}
.map_wrap .info .tel p {margin-top:42px;}
.map_wrap .info .subway p {margin-top:36px;}

/************************* 조합 운영 실적 *************************/
.cont_wrap .graph1-1 {background-image: url(../images/kossa/sub/img01.png); background-repeat:no-repeat; height:350px;margin-top: 30px;}
/*
.cont_wrap .graph1-2 {background-image: url(/images/kossa/sub/03_04_01_img02.jpg); background-repeat:no-repeat; height:279px;}
.cont_wrap .graph1-3 {background-image: url(/images/kossa/sub/03_04_01_img03.jpg); background-repeat:no-repeat; height:303px;}
*/
.cont_wrap .graph2-1 {background-image: url(../images/kossa/sub/img02.png); background-repeat:no-repeat; height:370px;margin-top: 30px;}
.cont_wrap .graph3-1 {background-image: url(../images/kossa/sub/img03.png); background-repeat:no-repeat; height:360px;}
.cont_wrap .graph4-1 {background-image: url(../images/kossa/sub/img04.png); background-repeat:no-repeat; height:400px; background-position: -40px;}
.cont_wrap .graph5-1 {background-image: url(../images/kossa/sub/img05.png); background-repeat:no-repeat; height:400px;background-position: -40px;}
.cont_wrap .graph6-1 {background-image: url(../images/kossa/sub/img06.png); background-repeat:no-repeat; height:442px;background-position: -40px;margin-top: -40px;}
.cont_wrap .graph7-1 {background-image: url(../images/kossa/sub/img07-1.png); background-repeat:no-repeat; height:300px;background-position: -40px;}
.cont_wrap .graph7-2 {background-image: url(../images/kossa/sub/img07-2.png); background-repeat:no-repeat; height:470px;background-position: -20px;margin-top: -40px; }

/* 공제조합 */
.cont_wrap .template .tbl_cont {text-align:center; border:1px solid #ccc;}
.template .borderBox {padding:20px;}
.template .view_cont {width:782px;}
.template .grayBox {padding:5px;}

/* 조합홍보 > 홍보 동영상 */
.movie_area {overflow:hidden;}
.movie_area .movie {float:left; width:430px; height:266px; margin-right:40px;}
.movie_area .subtitles {float:left; width:348px; height:204px; border:1px solid #ccc; overflow:auto; overflow-x:hidden; background-color:#fff; padding:30px;}


/* 이용약관 */
/* 개인정보 처리방침 */
.privacy_wrap h4 {color:#333; font-size:16px; margin-top:40px; margin-bottom:20px;}
.privacy_wrap .cont {font-size:14px; margin-bottom:40px !important;}

/* 뷰어 다운로드 */
.viewer_wrap p {position:relative; border-bottom:1px solid #ccc; padding:27px 60px 22px 140px; font-size:13px; line-height:20px;}
.viewer_wrap p:first-child {border-top:1px solid #333;}
.viewer_wrap p:before {content:""; background-image: url(/images/kossa/sub/04_04_01_bg.jpg); background-repeat:no-repeat; width:48px; height:46px; position:absolute; left:60px; top:22px;}
.viewer_wrap p.pdf:before {background-position:0 0;}
.viewer_wrap p.hwp:before {background-position:0 -46px;}
.viewer_wrap p.ppt:before {background-position:0 -92px;}
.viewer_wrap p.doc:before {background-position:0 -138px;}
.viewer_wrap p.xls:before {background-position:0 -184px;}
.viewer_wrap p span {font-size:16px;}
.viewer_wrap p a {position:absolute; right:60px; top:30px;}


/* 관리자 */
/* 게시판 권한 관리 */
.cont_board .tbl_btn tbody td {padding:5px 10px;}
.cont_board .tbl_btn tbody td.search_none {padding:15px 10px;}
.btn_authority {display:inline-block; width:70px; height:30px; line-height:30px; text-align:center; color:#fff !important; background-color:#4a667d; font-size:14px;}

/* 팝업관리 */
#imgArea, #imgArea2 {display:none;}

/* 인증번호 관리 */
.btn_add {display:inline-block; width:70px; height:30px; line-height:30px; text-align:center; color:#fff !important; background-color:#4a667d; font-size:14px;}