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

/* Layout */
#wrapper {position:relative;}
#header .logo {display:inline-block; width:100px; height:40px; background:url(../../images/common/logo2.png) no-repeat; float:left; color:#999; font-family:NanumSquare; font-size:16px; line-height:41px; margin-top:20px; padding-left:140px;}
#header .gnb_wrap .unb_inner {position:absolute; width:1180px; height:80px; left:50%; margin-left:-590px;}
#header .gnb_wrap .site_tit {float:left; color:#ccc; font-size:12px; line-height:32px;}
#header .gnb_wrap .unb {float:right; margin-top:28px; color:#999; font-size:12px;}
#header .gnb_wrap .unb .user_name {display:inline-block; margin-right:4px; vertical-align: middle;}
#header .gnb_wrap .unb .user_name a {color:#999;}
#header .gnb_wrap .unb .user_name a:hover {color:#333;}
#header .gnb_wrap .unb .top_area {display:inline-block; border:1px solid #ccc;}
#header .gnb_wrap .unb .top_area a {position:relative; display:inline-block; padding:0 12px; height:22px; line-height:22px; color:#999;}
#header .gnb_wrap .unb .top_area a:hover {color:#333;}
#header .gnb_wrap {min-width:1180px; height:80px;  background:#fff; border-bottom: solid 1px #ccc;}
#header .gnb_wrap .gnb_inner {width:1180px; margin:0 auto;}
#header .gnb_wrap .gnb_inner .gnb {display:inline-block; margin-left:0px;}
#header .gnb_wrap .gnb_inner .gnb > ul {}
#header .gnb_wrap .gnb_inner .gnb > ul:after {content:""; display:block; clear:both;}
#header .gnb_wrap .gnb_inner .gnb > ul > li {float:left;}
#header .gnb_wrap .gnb_inner .gnb > ul > li > a {display:block; padding:0 8px; height:80px; line-height:80px; font-size:16px; font-weight:bold; color:#333;}
#header .gnb_wrap .gnb_inner .gnb > ul > li > a:hover,
#header .gnb_wrap .gnb_inner .gnb > ul > li > a.select {color:#bb7777;}

#header .gnb_wrap .gnb_inner .gnb_m {display:inline-block; margin-left:0px;}
#header .gnb_wrap .gnb_inner .gnb_m > ul {}
#header .gnb_wrap .gnb_inner .gnb_m > ul:after {content:""; display:block; clear:both;}
#header .gnb_wrap .gnb_inner .gnb_m > ul > li {float:left;}
/* origin
#header .gnb_wrap .gnb_inner .gnb_m > ul > li > a {display:block; padding:0 240px 0 15px; height:100px; line-height:80px; font-size:20px; font-weight:bold; color:#333;}
#header .gnb_wrap .gnb_inner .gnb_m .menu3 {padding:0 0 0 15px;}
*/
/* 20200918 new */
#header .gnb_wrap .gnb_inner .gnb_m > ul > li > a {display:block; padding:0 100px; height:100px; line-height:80px; font-size:20px; font-weight:bold; color:#333;}
#header .gnb_wrap .gnb_inner .gnb_m .menu3 {padding:0 0 0 100px;}
/* // 20200918 new */
#header .gnb_wrap .gnb_inner .gnb_m > ul > li > a:hover,
#header .gnb_wrap .gnb_inner .gnb_m > ul > li > a.select {color:#ff7700;}

#container .content {margin:0 auto; padding-top:30px; width:1180px;}
#container .content.main {padding-top:0; width:100%; text-align:center;}
#footer {min-width:1180px; margin-top:50px; padding:20px 0; border-top:1px solid #ddd;}
#footer .footer_inner {width:1180px; margin:0 auto; position:relative;}
#footer .footer_inner .quick_link {margin-bottom:20px;}
#footer .footer_inner .quick_link a {display:inline-block; margin:0 4px; font-weight:bold; font-size:12px; color:#333;}
#footer .footer_inner .quick_link a:first-child {margin-left:0;}
#footer .footer_inner .quick_link a:hover {text-decoration:underline;}
#footer .footer_inner .copyright {color:#888; font-size:12px; line-height:20px;}


/* family site */
.footer_family {position:absolute; top:0; right:0;}	
.family_site {display:inline-block; margin-left: 5px;vertical-align: top;zoom: 1;}
.family_site>a {display:inline-block; *display:inline; zoom:1; width:163px; height:38px; line-height:38px; padding-left:15px; border:1px solid #ccc; background:url(../../images/common/img_footer.png) no-repeat 153px 0; font-weight:bold; text-decoration:none; color:#333;}
.family_site .fm_list {display:none; position:absolute; bottom:40px; right:0; width:178px; border:1px solid #ccc; border-bottom:0; background:#fff;}
.family_site .fm_list .fm_btm {background: url(../../images/common/bg_familysite_line.png) no-repeat center 0;}
.family_site .fm_list a {display: block; padding: 8px 0 8px 15px;}
.family_site .fm_list a:hover, .family_site .fm_list a:focus {background:#ea002c; color:#fff; text-decoration: none;}
.family_site.on .fm_list {display: block;}
.family_site.on>a, .family_site.on>a:focus {border:1px solid #e9002d; background-position:153px -54px;}
.family_site ol, .family_site ul, .family_site li {list-style:none; margin:0; padding:0; font-weight:normal;}
.family_site a, .family_site a:link, .family_site a:visited, .family_site a:active {text-decoration:none; color:#333;}

/* main */
.skdslider {position:relative; display:block; overflow:hidden; width:100%; height:600px !important;}
.skdslider .slide {display:none; background-repeat:repeat-x; background-position:0 0;}
.skdslider .slide img {margin:0 auto;}
.skdslider ul.slide-navs {position:absolute; bottom:20px; left: 50%;}
.skdslider ul.slide-navs li {float: left; background:url(../../images/common/btn_slider.png) 0 -70px no-repeat; height:12px; width:12px; margin-left:18px; cursor:pointer;}
.skdslider ul.slide-navs li.active {background-position:-20px -70px;}
.skdslider > a {position:absolute; top:268px; left:50%; display:inline-block; cursor:pointer; overflow:hidden; width:32px; height:64px; text-indent:-9999px; background:url(../../images/common/btn_slider.png) no-repeat;}
.skdslider > a.prev {margin-left:-622px; background-position:0 0 ;}
.skdslider > a.prev:hover {background-position:-64px 0;}
.skdslider > a.next {margin-left:592px; background-position:-32px 0;}
.skdslider > a.next:hover {background-position:-96px 0;}
.skdslider > a.play, .skdslider > a.pause {display:none !important;}
.skdslider .link {position:absolute; top:0; left:0; right:0; bottom:0; display:block; width:100%;}


/* common style */
.cont_tit {line-height:1; font-family:NanumSquare; font-size:30px;}
.breadcrumbs_list {margin-bottom:30px;}
.breadcrumbs_list ul:after {content:""; display:block; clear:both;}
.breadcrumbs_list ul li {float:left; height:22px; line-height:22px;}
.breadcrumbs_list ul li:before {content:">"; display:inline-block; margin:0 5px;}
.breadcrumbs_list ul li:first-child:before {display:none;}
.breadcrumbs_list ul li:last-child {height:20px; padding-top:2px;}
.breadcrumbs_list a:hover {text-decoration:underline;}
/* table */
.tbl_list {width:100%; border-top:2px solid #bb7777; border-bottom:1px solid #ccc; font-size:16px;}
.tbl_list thead th {position:relative; padding:20px 0 22px; border-bottom:1px solid #ccc;}
.tbl_list thead th:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#ccc;}
.tbl_list thead th:first-child:before {display:none;}
.tbl_list tbody td {padding:15px 0 17px; border-top:1px solid #eee; text-align:center;}
.tbl_list tbody td.title {padding-left:30px; text-align:left;}
.tbl_list tbody td.reply {position:relative; padding-left:60px; text-align:left;}
.tbl_list tbody td.reply:before {content:""; position:absolute; top:13px; left:30px; display:inline-block; width:14px; height:14px; border:2px solid #ccc; border-top:0 none; border-right:0 none;}
.tbl_list tbody td a:hover {text-decoration:underline;}
.tbl_list tbody tr.hover td {background:#ffdee3;}
.tbl_list tbody tr.nodata td {padding:50px 0;}
.tbl_list tbody tr.nodata.hover td {background:none;}
.tbl_list .btns {width:80px; margin:-7px 0;}
.ico_new {display:inline-block; width:20px; height:20px; margin-left:10px; border-radius:20px; color:#fff; font-weight:bold; font-size:11px; text-align:center; line-height:20px; background:#bb7777;}
.box_att {margin-top:10px;}
.box_att li {float:left; margin-left:40px;}
.box_att li:first-child {margin-left:0;}
.box_att li:after {content:""; display:block; clear:both;}
.btn_att_del {position:relative; display:inline-block; margin-left:10px; width:17px; height:17px;}
.btn_att_del:before  {content:""; position:absolute; top:50%; left:0; display:inline-block; width:17px; margin-top:-3px; border-top:3px solid #757380; transform:rotate(45deg);}
.btn_att_del:after  {content:""; position:absolute; top:50%; left:0; display:inline-block; width:17px; margin-top:-3px; border-top:3px solid #757380; transform:rotate(-45deg);}
.btn_att_del em {position:absolute; top:0; left:-9999px; text-indent:-9999px;}

.tbl_view {width:100%; border-top:2px solid #bb7777; border-bottom:1px solid #ccc; font-size:16px;}
.tbl_view tbody th {border-right:1px solid #eee; border-top:1px solid #eee; padding:14px 0 14px 30px; text-align:left;}
.tbl_view tbody td {border-top:1px solid #eee; padding:14px 30px;}

.paging {margin-top:20px; text-align:center;}
.paging > a {display:inline-block; border:1px solid #ddd; border-radius:40px; width:40px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center;}
.paging > a:hover {background-color:#eee;}
.paging > a.btn_first {background-image:url(../../images/common/ico_paging_first.png);}
.paging > a.btn_prev {background-image:url(../../images/common/ico_paging_prev.png);}
.paging > a.btn_next {background-image:url(../../images/common/ico_paging_next.png);}
.paging > a.btn_last {background-image:url(../../images/common/ico_paging_last.png);}
.paging > span {display:inline-block; margin:0 15px;}
.paging > span > a {display:inline-block; border-radius:40px; width:40px; height:40px; line-height:40px;}
.paging > span > a.on, .paging > span > a:hover {color:#fff; font-weight:bold; background:#bb7777;}

/* datepicker */
.ui-datepicker {display:none; width:280px; border:1px solid #ccc; background:#fff;}
.ui-datepicker .ui-datepicker-title {margin:15px 0; text-align:center; color:#bb7777; font-weight:bold; font-size:18px;}
.ui-datepicker-header {position:relative;}
.ui-datepicker .ui-datepicker-prev {position:absolute; top:2px; left:10px; display:inline-block; width:22px; height:22px; cursor:pointer; background:url(../../images/common/ico_cal_prev.png) center center no-repeat;}
.ui-datepicker .ui-datepicker-prev .ui-icon {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}
.ui-datepicker .ui-datepicker-next {position:absolute; top:2px; right:10px; display:inline-block; width:22px; height:22px; cursor:pointer; background:url(../../images/common/ico_cal_next.png) center center no-repeat;}
.ui-datepicker .ui-datepicker-next .ui-icon {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}
.ui-datepicker-calendar {width:100%;}
.ui-datepicker-calendar th {border-bottom:1px solid #e6e6e6; height:34px;}
.ui-datepicker-calendar td {text-align:center; height:40px;}
.ui-datepicker-calendar td a {display:block; height:100%; color:#333; line-height:40px;}
.ui-datepicker-calendar td a.ui-state-hover {text-decoration:underline;}
.ui-datepicker-calendar td.ui-datepicker-days-cell-over a,
.ui-datepicker-calendar td.ui-datepicker-current-day a {color:#fff; font-weight:bold; background:url(../../images/common/bg_cal_sel.png) center center no-repeat; text-decoration:none;}
.ui-datepicker-calendar td.ui-datepicker-today {background:none;}
.ui-datepicker-days-cell-over .ui-state-active,  .ui-datepicker-current-day .ui-state-active {color:#fff; font-weight:bold; background:url(../../images/common/bg_cal_sel.png) center center no-repeat;}
/* .ui-datepicker-today a {color:#333 !important; background:none !important;} */
.ui-datepicker-trigger {margin:0 10px; vertical-align:middle;}
.ui-datepicker-unselectable {opacity:.35; cursor:default !important; pointer-event:none;}
.hasDatepicker + img.ui-datepicker-trigger {cursor:pointer;}

/* tab */
.ui-tabs {}
.ui-tabs > ul {margin-bottom:20px;}
.ui-tabs > ul:after {content:""; display:block; clear:both;}
.ui-tabs > ul > li {float:left;}
.ui-tabs > ul > li:after {content:""; display:block; clear:both;}
.ui-tabs.tab2 > ul > li {width:50%;}
.ui-tabs.tab2 > ul > li > a {display:block; height:60px; line-height:60px; box-sizing:border-box; border:1px solid #ccc; text-align:center; font-size:16px; color:#666;}
.ui-tabs.tab2 > ul > li.ui-tabs-active > a {border:none; color:#fff; font-weight:bold; background:#434159;}

/* button */
.btn_area {margin-top:40px; text-align:center;}
.btn {display:inline-block; width:180px; height:60px; margin:0 5px; line-height:60px; border-radius:4px; color:#fff !important; font-weight:bold; font-size:18px; text-align:center;}
.btn.btn_gray {background:#a9a8b3;}
.btn.btn_gray:hover {background:#8f8e99;}
.btn.btn_red {background:#ea002c;}
.btn.btn_red:hover {background:#d10026;}
.btn.btn_primary {background:#bb7777;}
.btn.btn_primary:hover {background:#995555;}
.btn.btn_secondary {background:#757380;}
.btn.btn_secondary:hover {background:#5d5b66;}
.btn.btn_blue {background:#434159;}
.btn.btn_blue:hover {background:#343247;}
.btns {display:inline-block; min-width:80px; height:40px; line-height:40px; border-radius:4px; color:#fff !important; font-weight:bold; font-size:16px; text-align:center;padding:0 10px;}
.btns.btn_gray {background:#a9a8b3;}
.btns.btn_gray:hover {background:#8f8e99;}
.btns.btn_gray.disabled {background:#d4d3d9; cursor:auto;}
.btns.btn_secondary {background:#757380;}
.btns.btn_secondary:hover {background:#5d5b66;}
.btns.btn_primary {background:#bb7777;}
.btns.btn_primary:hover {background:#995555;}
.btns.btn_red {background:#ea002c;}
.btns.btn_red:hover {background:#d10026;}
.btn:hover, .btns:hover {text-decoration: none !important;}



.txt_red {color:#ea002c;}
.txt_secondary {color:#bb7777;}

.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}

/* icon */
.ico_imp {display:inline-block; overflow:hidden; vertical-align:middle; position:relative; width:6px; height:6px; margin-left:6px; margin-right: -12px; margin-top:-3px; text-indent:-9999px;}
.ico_imp:before {content:""; display:inline-block; position:absolute; top:0; left:0; width:6px; height:6px; border-radius: 6px; background:#ea002c;}
.board_imp .ico_imp {margin-right: 0;}
.board_imp + .tbl_view {margin-top: 35px;}

/* common */
.txt_msg {margin-top:7px; font-size:14px;} /* validate massage */
.txt_msg.alert {color:#ea002c;}
.remained {margin-top:7px; font-size:14px; color:#bb7777;}

/* 로그인 */
.cont_member {width:640px; margin:0 auto;}
.cont_member .step_state {position:relative; width:450px; height:50px; margin:0 auto 40px;}
.cont_member .step_state:before {content:""; position:absolute; top:25px; left:0; right:0; border-bottom:1px solid #ccc; z-index:1;}
.cont_member .step_state > div {position:absolute; top:0; left:0; width:100%; z-index:2;}
.cont_member .step_state  >div > span {display:inline-block; float:left; width:50px; height:50px; border-radius:50px; border:1px solid #ccc; font-size:24px; line-height:50px; text-align:center; background:#fff;}
.cont_member .step_state.step2 >div > span {margin-left:346px;}
.cont_member .step_state.step2 >div > span:first-child {margin-left:0;}
.cont_member .step_state.step3 >div > span {margin-left:147px;}
.cont_member .step_state.step3 >div > span:first-child {margin-left:0;}
.cont_member .step_state > div > span.on {border:1px solid #bb7777; color:#fff; font-weight:bold; background:#bb7777;}
.cont_member .step_state > div > span.pass {border:1px solid #ccc; text-indent:-9999px; background:#ccc url(../../images/common/ico_step_check.png) center center no-repeat;}
.cont_member .tits {margin-bottom:25px; font-size:26px; text-align:center;}
.cont_member .tits strong {color:#bb7777;}
.box_line {padding:40px 20px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.box_line.first_txt {padding-top:30px;}
.box_line dl {}
.box_line dl:after {content:""; display:block; clear:both;}
.box_line dl dt {float:left; width:150px; padding-top:10px; font-size:16px; font-weight:bold;}
.box_line dl dd {float:left; width:450px; margin-bottom:20px; min-height:20px; font-size:16px;}
.box_line dl dd.not_ipt {padding-top:10px;}
.cont_member .find_etc {margin-top:20px; text-align:center; font-size:16px;}
.cont_member .find_etc a {display:inline-block; margin:0 10px; color:#666;}
.cont_member .find_etc a:hover {text-decoration:underline;}
.cont_member .box_agree {padding:30px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.cont_member .box_agree + .box_agree {border-top:none;}
.cont_member .box_agree h4 {margin-bottom:15px; font-size:21px; line-height:1;}
.cont_member .box_agree textarea {margin-bottom:15px;}
.join_finish {padding:190px 0 70px; border-top:1px solid #ddd; text-align:center; border-bottom:1px solid #ddd; background:url(../../images/common/img_join_finish.png) center 69px no-repeat;}
.join_finish strong {font-weight:lighter; font-size:36px;}
.join_finish p {font-size:16px; color:#666;}
.box_result {padding:35px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:40px; font-size:16px; text-align:center;}

/* My 서비스 */
.list_service {border-top:2px solid #bb7777;}
.list_service li {position:relative; padding:30px 30px 80px 250px; min-height:70px; border-bottom:1px solid #eee;}
.list_service li.nodata {padding:30px; min-height:auto; text-align:center;}
.list_service li .img {position:absolute; top:30px; left:30px; width:200px; height:120px;}
.list_service li .tit {display:block; font-size:24px; line-height:24px; font-weight:lighter;}
.list_service li .date {position:absolute; right:30px; top:30px; font-size:18px; color:#666;}
.list_service li .txt {margin-top:15px; color:#666;}
.list_service li .button {position:absolute; bottom:30px; right:30px;}
.list_service li .button a {margin-left:5px;}
.box_service_info {position:relative; margin-bottom:50px; padding-left:640px; padding-bottom:60px; min-height:300px;}
.box_service_info .img {position:absolute; top:0; left:0; width:600px; height:360px;}
.box_service_info .tit {font-size:32px; line-height:32px; font-weight:lighter;}
.box_service_info .txt {margin-top:25px;}
.box_service_info .button {position:absolute; bottom:0; left:640px; width:100%;}
.box_service_info .button a {margin-right:5px;}

/* 공지사항 */
.box_search {padding:20px 0; margin-bottom:0; border:1px solid #e6e6e6;}
.box_search dl {}
.box_search dl:after {content:""; display:block; clear:both;}
.box_search dl dt {float:left; padding:8px 10px 0 30px; font-weight:bold; font-size:16px; min-width:110px;}
.box_search dl dt select {margin-top:-8px !important;}
.box_search dl dd {float:left; padding-right:39px; border-right:1px solid #ccc;}
.box_search dl dd img.ui-datepicker-trigger { margin-right:0; }
.box_search dl dd:last-child {border-right:none; padding-right:0;}
.box_search dl + dl {margin-top:10px;}
.box_search dl .st_left {float:left; padding:0 10px 0 30px; }
.box_search dl .st_left select + select {margin-left:5px; }
.box_search dl .st_right {float:right; padding-right:28px; }
.total {margin-top: 20px;}
.search_top {margin:15px 0;}
.search_top:after {content:""; display:block; clear:both;}
.search_top .st_left, .table_titles .tt_left {float:left;}
.search_top .st_right, .table_titles .tt_right {float:right;}
.board_imp {margin-top:4px; margin-bottom:-15px; color:#ea002c; float:right;}
.board_view {border-top:2px solid #bb7777;}
.board_view .title {position:relative; padding:20px 19px 20px 30px; border-bottom:1px solid #ccc;}
.board_view .title.reply {padding-left:57px;}
.board_view .title.reply:before {content:""; position:absolute; top:23px; left:30px; display:inline-block; width:14px; height:14px; border:2px solid #ccc; border-top:0 none; border-right:0 none;}
.board_view .title > strong {font-size:24px; font-weight:lighter;}
.board_view .title .date {position:absolute; top:26px; right:30px; font-size:16px;}
.board_view .title .date strong {margin-right:10px;}
.board_view .text {padding:30px; min-height:300px;}
.board_view .file_attach {padding:23px 30px; border-top:1px solid #eee;}
.board_view .file_attach strong {margin-right:10px;}
.board_view .file_attach a:hover {text-decoration:underline;}
.board_view div:last-child {border-bottom:1px solid #ccc;}
.recent_list {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px;}
.recent_list li {position:relative; padding-right:130px;}
.recent_list li:first-child {border-bottom:1px solid #eee;}
.recent_list li:after {content:""; display:block; clear:both;}
.recent_list li strong {float:left; width:150px; height:59px; border-right:1px solid #eee; text-indent:30px; line-height:59px;}
.recent_list li div {display:inline-block; float:left; overflow:hidden; margin-left:20px; width:875px; height:59px; line-height:56px;}
.recent_list li div a:hover {text-decoration:underline;}
.recent_list li .date {position:absolute; top:17px; right:30px;}

/* faq */
.list_faq li {margin-top:9px; border:1px solid #eee; font-size:16px;}
.list_faq li:first-child {margin-top:0;}
.list_faq li.on {border-color:#ea002c;}
.list_faq li .title {position:relative; display:block; padding:17px 47px; font-weight:bold;}
.list_faq li .title:after {content:""; position:absolute; top:16px; right:28px; display:inline-block; width:14px; height:14px; border:2px solid #777; border-left:0 none; border-bottom:0 none; transform:rotate(135deg);}
.list_faq li.on .title:after {top:25px; transform:rotate(-45deg);}
.list_faq li .title:hover {text-decoration:underline;}
.list_faq li .reply {position:relative; display:none; padding:20px 20px 20px 70px; border-top:1px solid #eee;}
.list_faq li .reply:before {content:""; position:absolute; top:19px; left:40px; display:inline-block; width:14px; height:14px; border:2px solid #ccc; border-top:0 none; border-right:0 none;}
.list_faq li .reply .btn_area {margin-top:15px;}

/* 기타 : 에러 */
.box_error {margin:350px auto 100px; padding-left:180px; width:380px; min-height:195px; background:url(../../images/common/img_error.jpg) 0 0 no-repeat;}
.box_error strong {font-size:90px; line-height:90px; font-weight:lighter;}
.box_error p {font-size:24px;}
.box_error div {margin-top:37px; font-size:16px;}

/* message box - by kwpark */
.cl-popup-box { min-width:400px; min-height: 50px; color: #303030; background-color: #f8f8f8; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 4px; }
.cl-popup-box .popup-header { text-align: center; border-bottom: 1px solid #c8c8c8; background-color: #f5f5f5;}
.cl-popup-box .popup-header h4 { padding:15px; font-weight: 700;}
.cl-popup-box .popup-body { padding: 20px;}
.cl-popup-box .popup-footer { padding:10px; text-align: center; background-color: #f5f5f5;}

/* modal */
.modal-backdrop {position:fixed; top:0; right:0; bottom: 0; left: 0; z-index:1000; background-color:#000000;}
.modal-backdrop.fade {opacity:0;}
.modal-backdrop,
.modal-backdrop.fade.in {opacity:0.8; filter:alpha(opacity=80);}
.modal {display:none; position:fixed; top:10%; left:50%; z-index:1050; width:800px; margin-left:-400px; background-color:#ffffff; border:1px solid #999; border:1px solid rgba(0, 0, 0, 0.3);
	*border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px; outline:none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
.modal.full {width:1180px; margin-left:-590px;}
.modal.fade {top:-25%; -webkit-transition:opacity 0.3s linear, top 0.3s ease-out; -moz-transition:opacity 0.3s linear, top 0.3s ease-out; -o-transition:opacity 0.3s linear, top 0.3s ease-out;
	transition:opacity 0.3s linear, top 0.3s ease-out;}
.modal.fade.in {top:10%;}
.modal-header {padding:30px 30px 20px;}
.modal-header .close {margin-top:2px; padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000000; text-shadow:0 1px 0 #ffffff; opacity:0.2; filter: alpha(opacity=20);}
.modal-header .close:hover {opacity:0.5; filter: alpha(opacity=50);}
.modal-header h3 {margin:0; line-height:30px; font-size:30px;}
.modal-body {position:relative; /* max-height:400px; */ padding:0 30px;; overflow-y:auto;}
.modal-form {margin-bottom:0;}
.modal-footer {padding:20px 15px; margin-bottom:0; text-align:center; -webkit-border-radius:0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before,
.modal-footer:after {display:table; line-height:0; content:"";}
.modal-footer:after {clear:both;}
.modal-footer .btn + .btn {margin-bottom:0; margin-left:5px;}
.modal-footer .btn-group .btn + .btn {margin-left:-1px;}
.modal-footer .btn-block + .btn-block {margin-left:0;}

.modal-body .box_msg {padding:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-size:16px;}

/*table_titles */
.table_titles {margin-top:40px;}
.table_titles .tits {font-size:21px; line-height:48px; vertical-align:text-bottom;}

/* jsgrid */
.search_top a, .search_top select + select {margin-left:6px;}
.jsgrid {margin-top: 20px;}
.modal-body .jsgrid {margin-top:0;}
.jsgrid {font-size:16px !important;}
.jsgrid-header-cell {background:#fff !important; padding:1em 0 !important;}
.jsgrid-grid-header, .jsgrid-header-scrollbar::-webkit-scrollbar-track {background:#fff !important;}
.jsgrid-grid-header {border-left:none !important; border-right:none !important; border-top: 2px solid #bb7777 !important; border-bottom: solid 1px #ccc !important;}
.jsgrid-header-row + .jsgrid-header-row .jsgrid-header-cell {border-top: solid 1px #e9e9e9 !important; padding: 0.5em 0 !important;}
.jsgrid-cell {padding:1em 0.5em !important;}
.jsgrid-cell a {color:#bb7777; font-weight: bold;}
.jsgrid-cell a:hover {text-decoration:underline;}
.jsgrid .btns {min-width:70px; margin:-5px 0; height:36px; line-height:36px; vertical-align: baseline;}
.jsgrid-selected-row >.jsgrid-cell {background:#ffddbb !important; border-color:#ffddbb !important;}
.jsgrid-edit-row >.jsgrid-cell {background: #ffeedd !important;}
.jsgrid-grid-body {border-bottom:solid 1px #ccc !important; border-left:0 !important; border-right:0 !important;}
.jsgrid-pager a {vertical-align: baseline; color:#bb7777;}
.jsgrid-pager a:hover {text-decoration:underline;}

.menu_full {display:none;}
/* origin
.menu_full .menu_wrap {position:absolute; width:1180px; left:50%; margin-left:-590px; top:70px; padding:0; font-size:14px; background:#CCCCCC; z-index:10;}
.menu_full.active {display:block;}
.menu_full .menu_inner {margin:0 auto; padding-left:240px;}
.menu_full:after {content:""; display:block; clear:both;}
.menu_full:before {background-image:none;}
.menu_full .menu_sub {float:left; width:250px; margin-right:50px; margin-top:1px;}
.menu_full .menu_sub > a {font-size:16px; color:rgba(0,0,255,0.4); font-weight:bold; padding-bottom:4px;}
.menu_full .menu_sub a:hover {text-decoration:underline;}
.menu_full .menu_sub a + ul  a {color:rgba(255,255,255,0.6); line-height:25px; margin-left:2px;}
.menu_full .menu_sub a + ul > li >ul > li  {position:relative; padding-left:20px;}
.menu_full .menu_sub a + ul > li >ul > li:before  {content:"-"; position:absolute; top:1px; left:9px;}
.menu_full .menu_wrap .menu_inner .menu_sub ul li a {color: #333399; font-weight:bold;}
.menu_full .dimed {position:fixed; width:100%; top:70px; bottom:0; left:0; right:25%; background:rgba(0,0,0,.6); z-index:9;}
*/
/* 20200924 new */
.menu_full .menu_wrap {position:absolute; width:100%; left:0; top:81px; background:#eee; border-bottom: 1px solid #ccc; z-index:10;}
.menu_full .menu_inner {width:940px; margin:0 auto; padding-left: 240px; display: flex; }
.menu_full.active {display:block;}
.menu_full:after {content:""; display:block; clear:both;}
.menu_full:before {background-image:none;}
.menu_full .menu_sub {float:left; width:200px; min-height:100%; margin-right:0; padding: 1rem 0 1.25rem 2.5rem; border-right: 1px solid #ddd; }
.menu_full .menu_sub:first-child {border-left: 1px solid #ddd;}
.menu_full .menu_sub.active { background:#fff;}
.menu_full .menu_sub a {line-height: 30px; font-weight: bold; color:#555;}
.menu_full .menu_sub a:hover {color: #ff7700 !important; }
.menu_full .menu_sub a + ul a {line-height:30px; margin-left:2px;}
.menu_full .menu_sub a + ul > li >ul > li  {position:relative; padding-left:20px;}
.menu_full .menu_sub a + ul > li >ul > li:before  {content:"-"; position:absolute; top:1px; left:9px;}
.menu_full .dimed {position:fixed; width:100%; top:70px; bottom:0; left:0; right:25%; background:rgba(0,0,0,.6); z-index:9;}
/* // 20200924 new */