@charset "utf-8";

.sub_top {width:100%; padding:65px 0; text-align:center;}
.sub_top.sub01 {background:url('/common/images/sub_topbg1.jpg') center top no-repeat; background-size:cover;}
.sub_top.sub02 {background:url('/common/images/sub_topbg2.jpg') center top no-repeat; background-size:cover;}
.sub_top.sub03 {background:url('/common/images/sub_topbg3.jpg') center top no-repeat; background-size:cover;}
.sub_top.sub04 {background:url('/common/images/sub_topbg4.jpg') center top no-repeat; background-size:cover;}
.sub_top.sub05 {background:url('/common/images/sub_topbg5.jpg') center top no-repeat; background-size:cover;}
.sub_top.sub06 {background:url('/common/images/sub_topbg6.jpg') center top no-repeat; background-size:cover;}
.sub_top.board {background:url('/common/images/board_topbg.jpg') center top no-repeat; background-size:cover;}
.sub_top .title {display:inline-block;}
.sub_top .title strong {display:block; font-size:45px; line-height:46px; color:#fff;}
.sub_top .title p {margin-top:17px; font-size:17px; line-height:18px; color:#fff;}

.sub_node {padding:20px 0 100px 0; text-align:right; font-size:13px; line-height:14px; color:#a3a7af;}

.counsel_box {width:380px; height:460px; margin-right:30px; float:left; background:#747880;}
.counsel_box .title {display:block; margin-bottom:20px; padding-top:14px; text-align:center; font-size:25px; line-height:26px; color:#fff;}
.counsel_box .util {width:80%; margin:0 auto;}
.counsel_box .cw_box {margin-top:10px; overflow:hidden;}
.counsel_box .cw_box .tit {display:inline-block; width:30%; float:left; font-size:15px; line-height:27px; color:#fff;}
.counsel_box .cw_box input,.counsel_box .cw_box select {display:inline-block; width:70%; float:right; background:#fff; font-size:15px; line-height:27px; color:#222;}
.counsel_box .cw_box textarea {display:inline-block; width:70%; height:87px; float:right; background:#fff; font-size:15px; line-height:25px; color:#222;}
.counsel_box .cw_box .tel_box {display:inline-block; width:70%; float:right; overflow:hidden;}
.counsel_box .cw_box .tel_box select {width:32%; height:30px; float:left;}
.counsel_box .cw_box .tel_box input {width:32%; margin-left:2%; float:left;}
.counsel_box .cw_box .code_box {width:70%; margin-left:30%; overflow:hidden;}
.counsel_box .cw_box .code_box img {width:48%; height:30px; margin-right:2%; float:left;}
.counsel_box .cw_box .code_box input {width:50%;}
.counsel_box .cw_box .code_btn {width:100%; text-align:right;}
.counsel_box .cw_box .code_btn p,.counsel_box .cw_box .code_btn a {display:inline-block; font-size:12px; line-height:13px; color:#fff;}
.counsel_box .cw_box .cw_chk {width:100%; text-align:right; font-size:12px; line-height:13px; color:#fff;}
.counsel_box .cw_box .cw_chk input {float:none; width:14px; height:14px; margin-right:5px;}
.counsel_box .cw_box .cw_btn {display:inline-block; margin-left:30%; padding:10px 40px; background:#353840; font-size:17px; line-height:18px; color:#fff;}
.foot_ba {float:right;}

/*로그인폼*/
/*board_con*/
.board_con {width:100%; margin:0 auto 100px auto;}
.board_con.center {text-align:center;}
.board_con.border {border:1px solid #d6d6d6;}
.board_con form {display:block; padding:40px 0;}
.board_title {display:block; width:100%; padding:40px 0; background:#eeeef0; font-size:20px; line-height:auto; color:#555;}
.util_box {display:block; padding:30px 0; border-top:1px solid #d6d6d6;}
.util_box p {margin:10px 0; font-size:17px; line-height:27px; color:#666;}
.text_input{display:inline-block; margin-left:5px; font-size:17px; line-height:30px; color:#666;}
.text_input input {margin-left:5px; border:1px solid #d6d6d6; width:200px; padding-left:10px; font-size:17px; height:30px; line-height:30px; color:#666;}
.board_btn {display:inline-block; padding:7px 40px; margin-top:0; background:#585861; font-size:15px; line-height:15px; color:#fff; vertical-align:middle;}
.board_btn.green{background:#81ca2b;}
.board_btn.yellow{background:#ffcf28;}
.board_btn.sky{background:#35b8ee;}

/*subcon*/
.subcon { width:1200px; margin: 0 auto; margin-bottom: 120px; }

.sub_roll {width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.sub_roll .slid_btn {position:absolute; top:250px; left:20px; z-index:10;}
.sub_roll .slid_btn p { width:39px; height:66px;}
.sub_roll .prev {float:left;}
.sub_roll .next {float:left; margin-left:1087px;}
.sub_roll .img_box {width:100%; height:565px; position:relative;}
.sub_roll .roll_img {display:none; width:100%; position:absolute;}
.sub_roll .roll_img.off {display:none;}
.sub_roll .roll_img.on {display:block;}
.sub_roll .roll_img img {width:100%;}

.sub_roll .btns {width:100%; overflow:hidden; margin-bottom:120px; margin-top:60px;}
.sub_roll .roll_btn {float:left; overflow:hidden; width:285px; height:222px; margin:0 19px 20px 0; font-size:18px; line-height:40px; color:#333; text-align:center; cursor:pointer; position:relative;}
.sub_roll .roll_btn:nth-child(4) {margin-right:0;}
.sub_roll .roll_btn:nth-child(8) {margin-right:0;}
.sub_roll .roll_btn.off {}
.sub_roll .roll_btn.on {}

.sub_roll  .cover {width:100%; height:190px; left:0; top:0; background:rgba(0,0,0,.7);  position:absolute; z-index:10;}
.sub_roll .roll_btn.on .cover {background:rgba(0,0,0,0); }

/*footer_sub*/
.footer_sub { width:1200px; margin: 0 auto; overflow:hidden; margin-bottom:70px;}
.footer_sub_left { float:left;}
.footer_sub_right { float:right;}
.footer_sub_right a { display:block;}
.footer_sub_right a:last-child { padding-top:18px;}

.row_con {width:1200px; margin:0 auto; overflow:hidden;}
.row_con {font-size:16px;}

.row_con table { border:1px solid #fff; border-top:3px solid #626262; border-bottom:3px solid #626262;}
.row_con thead { background-color:#f6f6f6; border:0; }
.row_con thead tr { border:0;}
.row_con thead tr th { line-height:40px; color:#6c6c6c; border:0; border-right:1px solid #dfdfdf;}
.row_con thead tr th:last-child {border-right:0;}
.row_con tbody {}
.row_con tbody tr { border-bottom:1px solid #dfdfdf; }
.row_con tbody tr th { line-height:40px; background-color:#f6f6f6; border:0; color:#6c6c6c; }
.row_con tbody tr td { line-height:40px; color:#6c6c6c; border:0; }
.row_con tbody tr td:nth-child(1){ text-align:center; color:#6c6c6c; }
.row_con tbody tr td:nth-child(2){ }
.row_con tbody tr td:nth-child(2) a { color:#000;}
.row_con tbody tr td:nth-child(3){ text-align:center; }
.row_con tbody tr td:nth-child(4){ text-align:left; }
.row_con .align_l { text-align:left; padding-left:15px;}
.row_con .pasing {overflow:hidden; text-align:center; }
.row_con .pasing a img { padding: 0 7px; }
.row_con .pasing ul {line-height:10px; display:inline-block;}
.row_con .pasing ul li {float:left; padding:0 3px; color:#ccc;}
.row_con .pasing ul li a { color:#ccc;}
.row_con .pasing ul li a:hover { color:#6c6c6c;}
.row_con .pasing ul li a:after { content:'·'; color:#ccc; padding-left:5px; }
.row_con .pasing ul li:last-child a:after {content : none; }
.row_con .pasing ul li.on a { color:#6c6c6c;}
.row_con .search_box { text-align:center; margin-bottom:140px; margin-top:30px; }
.row_con .search_box #search_form input.float_l { width:165px; border:1px solid #e7e7e7; }
.row_con .search_box #search_form a.float_l { margin-left:-3px;}
.row_con .btn.right {text-align:right;}
.row_con .btn .list_btn {  margin-bottom:120px; margin-top:24px; display:inline-block; width:80px; letter-spacing:3px; text-align:center; background-color:#585861; color:#fff; line-height:35px; }
.row_con .btn .modify_btn {  margin-left:75%; margin-bottom:120px; margin-top:24px; display:inline-block; width:80px; text-align:center; background-color:#585861; color:#fff; line-height:35px; }
.row_con .btn .delete_btn {  margin-left:8px; margin-bottom:120px; margin-top:24px; display:inline-block; width:80px; text-align:center; background-color:#9898a2; color:#fff; line-height:35px; }

/* 탭 구분 */
.sub_tab {width:100%; margin-bottom:95px; text-align:center; overflow:hidden;}
.sub_tab li {width:50%; margin-right:-1px; float:left;}
.sub_tab li:last-child {margin-right:0;}
.sub_tab.box3 li{width:33.3%;}
.sub_tab.box4 li{width:25%;}
.sub_tab.box5 li{width:20%;}
.sub_tab.box6 li{width:16.6%;}
.sub_tab li a {display:block; padding:14px 0; font-size:17px; line-height:18px; color:#35b8ee; border:1px solid #35b8ee;}
.sub_tab li.ov a{background:#35b8ee; color:#fff;}
/*.sub_tab li a:hover {background:#35b8ee; color: #ffff;}*/

/*제증명,비급여 안내*/
.table_wrap{background:#fff;margin-bottom:50px;}
.sum_table {font-size:19px;font-family: 'notokr-regular';box-sizing:border-box; border:1px solid #747474;margin-bottom:10px;}
/*.sum_table:nth-of-type(2){margin-top:50px;}*/
.sum_table th{color:#407387; background:#bddeeb;height:52px;border-bottom:1px solid #d7d7d7;box-sizing:border-box;}
.sum_table th:nth-child(1){border-right:1px solid #747474;}
.sum_table td{color:#747474; height:52px;border-bottom:1px solid #747474;background:#fff;}
.sum_table td:nth-child(1){border-right:1px solid #747474;}
.sum_table td.blank{height:10px;}
.sum_table span.blue{font-size:15px;color:#5a93a9;vertical-align:top;}

.sub_01_04{font-size:19px;color:#59686e;}
.sub_01_04 p.blue{font-size:17px;color:#5a93a9;text-align:right;}
.sub_01_04 p:nth-of-type(2){margin:55px 0;}

/*희망나무의 특별함*/
.content_big img {display:block;position:relative;top:0;left:50%;margin-left:-960px;}
.special {position:relative;overflow:hidden;}
.special img {margin-bottom:100px;}
.special_btn {overflow:hidden;position:absolute;bottom:135px;right:390px;}
.special_btn li {float:left;margin-right:20px;}
.special_btn li:last-child {margin-right:0;}
.special_btn li a {display:block;}
.special_btn li a img {margin:0;}
.bna_box {position:relative;}
.loginchk {background:rgba(0,0,0,.9);width:1200px;height:860px;position:absolute;top:70px;left:0;}
.loginchk a {display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.loginchk img {}