@charset "utf-8";

/* sub_page*/

#container_sub{margin: 0 auto; width: 1280px; font-family:"NotoSansKR","Malgun Gothic","맑은 고딕",Apple Gothic,arial,helvetica,sans-serif;}

.contants_wrapbox {margin-top:200px; font-size: 16px;}
.contants_wrapbox .sub_box {}

.sub_box .left_submenu {width: 210px; float: left;margin-right: 80px;margin-top:10px;}
.sub_box .left_submenu ul span{font-size: 24px; font-weight: 100;background:#5073a5; color:#fff; width:210px; height:55px; display:inline-block;text-align:center; padding-top:30px;}
.sub_box .left_submenu ul li{position:relative;font-size: 14px;line-height: 33px; border-bottom: 1px solid #839bc1; border-right: 1px solid #839bc1; border-left: 1px solid #839bc1; padding: 5px 5px 5px 23px; font-weight: normal;}
.sub_box .left_submenu ul li:after{position:absolute;content:'';background:url("../kas/img/m_point.png");top:20px;left:10px;width:5px;height:5px;}
.sub_box .left_submenu ul li a:hover{color:#20b1b9;font-weight:400;}


.sub_box #right_subcontants{float: left; width: 900px; font-size: 15px; color:#303030;}
.sub_box #right_subcontants #subcontainer{float: left; width: 960px; font-size: 15px; color:#303030; padding: 20px;}
.sub_box #right_subcontants h2{padding: 5px 5px 15px; font-size: 29px;margin-top:21px;}

#right_subcontants .contans_tit {text-indent:16px;font-size: 18px; margin-bottom: 5px;color:#2f3945;font-weight:normal;position:relative;}
#right_subcontants .contans_tit:after{position:absolute;content:'';background:url("../kas/img/m_point01.png");top:10px;left:0px;width:9px;height:9px;}
#right_subcontants .contans_tit.margin_top {margin-top: 25px;}
#right_subcontants .contans_txt {text-indent: 24px;font-size:14px;font-weight:normal;}

.content_head h1 {margin-bottom: 46px;font-size: 29px;line-height: 36px;margin-top:23px;}



table.table_box{margin-top:10px;width:900px;display:inline-block;}
thead.table_th tr th {font-size:15px; background:#c3d1e2; padding:5px;border-left:1px solid #f1f1f1; color:#585f68;}
thead.table_th tr th:first-child{border-left:0px;}
tbody.table_td tr td {font-size:13px; border-bottom:1px solid #ddd;padding:5px;}


.grid2019 thead th, .grid2019 thead td, .grid2019 tbody th, .grid2019 tbody td, .grid2019 tfoot th{border-style:none; border:0; border-width:0; empty-cells:show; vertical-align: top}
.grid2019 thead th, .grid2019 thead td{color:#666; padding: 6px 5px;}
.grid2019 tfoot th, .grid2019 tfoot td{ background: #F5F9FA; border: 1px solid #d8d8d8; color: #333; padding: 5px;}
.grid2019 thead th{ background: #d9eef8 url(/kas/img/kas/usr/contents/grid_top.gif) repeat-x 0 0; border: 1px solid #afdcf0; border-bottom: 2px solid #afdcf0; font-size: 11px; line-height: 1.3; word-wrap:break-word; color: #4a4a4a;}

.grid2019 tbody th, .grid2019 thead td{ border: 1px solid #e7e7e7; padding: 6px 9px 10px 9px; color: #444; background: #f3f4f5; font-size: 15px; text-align: left; font-weight: bold; line-height: 25px;}
.grid2019 tbody th label.necessary{ background: url(/kas/img/kas/usr/common/necessary.gif) no-repeat 98% 2px !important; padding-right: 10px !important;}/* 필수 */
.grid2019 tbody td thead th{ background: #71bfeb url(/right4me/kas/img/kas/usr/2012/content/grid_th.gif) repeat-x 0 0; border: 1px solid #3f9ecf; font-size: 11px; line-height: 1.5; word-wrap:break-word; color: #fff !important; text-align: center;}
.grid2019 tbody td th{ border: 1px solid #e7e7e7; padding: 3px 5px; color: #777 !important; background: #f9fafa; font-size: 11px;}
.grid2019 tbody td th label{ font-weight: bold !important; color: #777 !important; }
.grid2019 tbody td td{ font-size: 11px !important;}
.grid2019 tbody td th.white, .grid2019 tbody th.white{ background: #ffffff !important; color: #666 !important;}
/*.grid thead td, .grid tbody td{ border: 1px solid #e7e7e7 !important; padding: 7px 10px; color: #666; background: #ffffff;} 수정2012-11-02 */
.grid2019 thead td, .grid2019 tbody td{ border: 1px solid #e7e7e7 !important; padding: 5px 5px; color: #666; background: #ffffff;}
.grid2019 tbody td.tdContent{ padding: 15px 8px; line-height: 1.5; border: 1px solid #e8e8e8;}
.grid2019 thead th label, .grid2019 tbody th label {font-size: 11px; font-weight: bold;}
.grid2019 tbody td label {font-size: 11px; font-weight: normal !important;}
.grid2019 tbody td .grid2019 thead th label.necessary{ color: #fff !important;}

.grid2019.a2{border:1px solid #ccc;}


.grid_box { background: #eef3f6; color:#666; padding: 8px 5px; border-bottom: 1px solid #e3e3e3;}
.grid.border1 tr.tr_btBoder{border-bottom:1px solid #555;}
.grid.border1 tr.tr_btBoder2 td select{width:99%; height:33px;border:0px solid #ddd; padding-left:10px;}
.grid.border1 tr.tr_btBoder3 td select{float:left;padding-left:15px;height:33px; border:0px solid #ddd;width:99.5%;}
.grid.border1 tr.tr_btBoder3 td input{width:6%;vertical-align:-2px;}
.grid.border1 tr.tr_btBoder .fileUploadArea input{height:33px;width: 100%; margin:0;ime-mode:disabled;}



.topLine{ background: #555; display: block; height: 2px; line-height: 0; margin:0; *float: left; *width: 100%;}
.topLine2{ background: #1585d1; display: block; height: 1px; line-height: 0; margin:0; *float: left; *width: 100%;}
.necessary{  font-size: 11px; background: url(/kas/img/kas/usr/common/necessary.gif) no-repeat 100% 0 !important; padding-right: 10px !important;}

/* 최기웅 추가 20121019 */
.grid2019 tbody td.content_data{margin-bottom:30px; font-size: 12px !important; line-height: 1.7; border: 0 !important; border-bottom: 2px solid #e7e7e7 !important; color: #333 !important; word-break:break-all;}
.content_data {padding:20px 26px 30px 26px; line-height:25px; text-align:left;border:0 !important;}
.content_data table{width:100% !important;; border-left:0 !important; border-right:0 !important; border-top:2px solid #555 !important; border-bottom:1px solid #ddd !important;}
.content_data table tr {width:100%; border:0 !important; border-bottom:1px solid #ddd !important;}
.content_data table tr td {width:100%; border:0 !important;}

.grid2019 tbody .small_txt{ font-size:14px; letter-spacing: -1px;}

/* 검색박스 내 테이블 */
.schBoxGrid{ margin:0; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:11px; border-color:#FFF; position: relative;}
.schBoxGrid tbody th, .schDot1{padding:4px 5px 5px 15px; text-align: left; color: #464749; border: 0; font-size:11px !important; font-weight: bold !important; vertical-align: top;}
.schBoxGrid tbody label{font-size: 14px; font-weight: bold;vertical-align:middle;}

/* 분류체크 박스 */
.group_chk{ width: 470px;}
.group_chk th{ background: #fdfdfd !important; border: 1px solid #dfdfdf !important;}
.group_chk th.next{ background: #fdfdfd url(/kas/img/kas/usr/contents/process_arrow.gif) no-repeat 100% 50% !important; border-right: 0 !important; padding-left: 5px !important;}
.group_chk th.last{ border-left: 0 !important; padding-left: 10px !important; }
.group_chk .scroll_box, .scroll_box{ background:#ffffff; border: 1px solid #dfdfdf; height: 165px; padding: 5px; overflow-y: auto; margin: 5px 0;}
.group_chk .scroll_box th, .group_chk .scroll_box td{ border: 0 !important; border-bottom: 1px solid #dfdfdf !important; background: none !important; font-size: 12px !important; color: #333 !important; font-weight: normal !important; padding-left: 10px !important; vertical-align: top;}
.group_chk .scroll_box td li{ background: none !important; color: #8a8a8a; margin-bottom: 5px;}


.TableBtn2019 {padding:9.5px 10px; border:1px solid #d8d8d8; vertical-align:-1px;}
.tip_box2019 {border:1px solid #ccc; width:95.3%; height:28px; padding:20px;margin-top:47px;}
.tip_box2019.a1{height:53px;}
.tip_box2019.a2{height:23px;margin-top:0;margin-bottom:2px;}
.tip_box2019 img.fl {float:left; margin:-3px 27px 13px 9px;}
.button2019 {border:1px solid #ddd; padding:5px 29px 7px 29px; margin-top:12px; display:inline-block; background:#ccc; color:#000;float:right;}
.button2019 a{color:#3c3c3c;}
.button.a2019{border:1px solid #c1c1c1; padding:1px 25px 3px 24px; margin-top:12px; display:inline-block; background:#ddd; font-size:14px; font-weight:normal;}
.button.a2019 a {color:#3c3c3c;}
.button01.a2019{margin:17px 0 35px 400px; border:1px solid #ddd; padding:3px 34px; background:#5073a5; color:#fff;}
.button01.a2019.a1{margin: 5px 5px 64px 719px;}
.button01.a2019.a2{margin: 5px 0 0 0;}
.button01.a2019.a3{margin: 5px 5px 64px 719px;padding:0;}
.remove2019{ width: 56px;height: 33px;}


table.schBoxGrid2019 {table-layout:auto;text-align:left; background:#eee; padding:5px;}
table.grid{border-top:1px solid #ccc;}
table.grid tr{height:34px;border-top:1px solid #ccc;}
table.grid tr.grid_tr20{text-align:center;padding:0;}
table.grid tr.grid_tr21 td.tr21{text-align:left;padding-left:30px;}
table.grid tr.grid_tr21:last-child{border-bottom:1px solid #2c2c2c;}
table.grid tr.grid_tr22 td.grid_td30 {font-size:13px;}
table.grid tr th{font-weight:700;background:#e0ecf8; height:37px;}
table.grid_table{}
table.grid_table thead{}
table.grid_table thead tr{height: 41px;background:#e0ecf8; border: 1px solid #cccccc; }
table.grid_table tbody tr td{padding: 6px 5px;font-size:14px; border: 1px solid #ccc;}
table.grid.a4 thead tr th{padding: 0;text-align: center;}
table.grid.a5 th{text-align:center;padding: 0;}

.tr_textarea2019 {width: 96%;border: 0;padding: 6px 5px 0px 11px;height: 21px;}
.tr_textarea2019.a2{height: 115px;}
.ce2019{text-align:left;padding-left:20px;}

dl.dl2019 label.strong{margin-right: 24px;padding:5px;}
dl.dl2019 input.inputData2019{width: 351px;height: 32px;border: 1px solid #ddd;}
dl.dl2019 dt{margin-bottom: 5px;}

.user_area2019{width: 53%; padding: 85px 228px 128px 220px;border: 1px solid #6882a7;height: 49px;}
.ml52019 button{padding: 3px 29px;font-size: 17px; background: #6882a7; margin-top: 23px; float: left; margin-left: 94px; margin-right: 118px; color: #fff; font-weight: 700;}


/*로그인*/
.user_area.floatDiv {padding:100px 80px 71px 94px;width:563px;border:6px solid #9bb4c7;margin:50px 91px;}
.user_area.floatDiv p.ml5.mt5 a{float:right;border:1px solid #ddd; padding:27px 29px; background:#9bb4c7; color:#45525d; font-size:16px;font-weight:normal;}
.user_area.floatDiv .fl.w50 {float:left;}
.user_area.floatDiv .fl.w50 dt label {float:left;width:88px;height:30px;}
.user_area.floatDiv .fl.w50 dd input {width:349px;border:1px solid #9bb4c7; padding:10px 8px;margin-bottom:-23px;margin-top:1px;}
.user_area.floatDiv .clear.save_id{clear:both;margin:39px 27px 0px;display:inline-block;}




.content.list20 {margin-top:27px; border-bottom:1px solid #555;line-height:26px;}


.box.floatDiv{margin-top:27px;}
.grid_th01{border-right:1px solid #ccc;}




tr.tr2019{padding:10px 10px; display:inline-block;}
tr.tr2019.a1{padding:5px 0 0 0;}
tr.tr2019.a1 th{padding-left:15px;}
tr.tr2019.a2{padding:0 0 5px 0;}
tr.tr2019.a2 th{padding-left:15px;}
tr.tra2019{background:#eee; height:36px;}
tr.tra2019.a1 th{text-align:center;}
tr.tra2019 th{}
tr.trb2019{height:41px;}
tr.trb2019 td {border-right:0px solid #fff;}

tr.noticTr2019 td select.select2019.a11{width:100%; height:35px; border:0px solid #ddd;}
tr.noticTr2019{border:1px solid #ccc; background:#eee; height:36px;}
tr.noticTr2019 th{border-right:1px solid #ddd;}
tr.noticTr2019 th label {font-size:16px;}
.noticeSelect2019{width:315px; height:29px;}
tr.noticeDetail2019 th{height:45px; background:#ccc;}
tr.noticeDetail201901{margin-bottom:20px;}
th.th2019{text-align:left; display:inline-block; padding:5px 5px 5px 10px;}
td.td2019{padding:9px 3px 4px 3px; display:inline-block;vertical-align:-1px;}
td.td2019 .select2019.wid03{width:239px; height:20px;}
td.td2019 .select2019.wid04{width:250px; height:20px;}

span.tableTit26 {display:inline-block; width:300px;height:34px;border-right:1px solid #ddd;float:left; font-size:15px; padding-left:14px; font-weight:normal; line-height:30px;}



tbody.tbody2019{font-size:14px;}
.pagination2019{margin:34px 0; text-align:center; color: #5d5d5d;}
.pagination2019.a1 strong{padding:2px 10px;font-weight:normal;}
.pagination2019.a1 a{padding:2px 10px;font-weight:normal;}
.select2019{padding:3px 5px; border:1px solid #ddd;width:175px;}
.select2019.a1{width: 670px;height: 35px;border: 0px solid #ddd;}
.select2019.wid01{width:183px;}
.select2019.wid02{width:199px;}

p.rgt2019{float:right; margin-bottom:3px;}
h1 span.span2019{font-size:13px; margin-top:6px; display:inline-block; color:#555;}




ul.floatDiv {background:#4b9ad0; width:883px; height:85px; padding:8px 39px;}
ul.floatDiv li{float:left; padding:5px 10px;}
ul.floatDiv li:last-child{margin-right:0;}

#subcontainer h3.mt2019 {margin:31px 0 12px;display: inline-block;font-size:20px;}
#subcontainer h3.mt2019.a5 {margin-top:80px;}


/* process area */
.process_area{ background: url(/kas/img/kas/usr/contents/process_box.gif) no-repeat 0 100%; height: 70px; margin-bottom: 30px}
.process_area li{ float: left; width: 105px; height: 62px; margin-right: 24px; text-align: center; padding-top: 8px;}
.process_area li.last{ margin-right: 0;}
.process_area li span, .process_area li strong{  text-indent: -1000000px; overflow: hidden; display: inline-block}
.process_area li.on{ background: #5bc2ed url(/kas/img/kas/usr/contents/process_on.gif) repeat-x 0 0; border: 1px solid #418ba9; width: 72px;height: 73px;text-align: center;}
.process_area li img{ display: none;}
.process_area li.on img{ display: inline-block;  text-align: center;padding: 10px 0px;}

/* 최기웅 추가 20121019 */
.process_area li.lastOn{ margin-right: 0; background: #5bc2ed url(/kas/img/kas/usr/contents/process_on.gif) repeat-x 0 0; border: 1px solid #418ba9; width: 103px; height: 60px;  text-align: center; }
.process_area li.lastOn img{ display: inline-block;  text-align: center;}


table a:link, a:visited{color:#0770FF;text-decoration:none;font-weight:normal;}
table a:hover{color:#0770FF !important;text-decoration:underline;}


legend {font-size:30px; padding: 7px 80px; color: #005598;font-weight: 700;}
form fieldset.membership_box10{border: 6px solid #9bb4c7; width: 479px;padding: 21px 78px 53px 85px;margin-top: 88px;}
form fieldset.membership_box10 label.membership_10 {margin-right: 9px; margin-top: 23px; display: inline-block;font-size: 14px;}
form fieldset.membership_box10 input.membership_15 {width: 290px; height: 27px; margin: 44px 10px 3px 0; border: 1px solid #9bb4c7; margin-left:9px;}
form fieldset.membership_box10 input.membership_16 {width: 290px; height: 27px; margin-bottom: 17px; border: 1px solid #9bb4c7; margin-left: 5px;}
form fieldset.membership_box10 button.membership_11 {float: right; width: 86px; height: 65px; margin-top: -34px; margin-right:25px;background: #9bb4c7; color: #45525d; font-size: 15px; border: 0;}
form fieldset.membership_box10 button.membership_12 {margin-left: 58px; width: 153px; height: 27px;font-size: 14px; border: 1px; background: #fff; color: #005598; font-weight: 700;    margin-top: 25px;}
form fieldset.membership_box10 button.membership_28.a1 {margin-left: -2px;margin-bottom: 39px;}


/*2019-0228*/
.round_box .box select{width:196px;height:28px;border:1px solid #ddd;padding-left:3px;}
.round_box .box input{width:538px;height:28px;border:1px solid #ddd;padding-left:3px;}
.round_box .box .button.small.icon.sch a{background:#555; color:#fff; padding:7px 7px; font-weight:normal; font-size:12px;margin-left:-5px; vertical-align:0px;}



.faq_area{margin-top:27px;}
.faq_area ul li.on p.q{margin:5px 0 0 0;border-bottom:1px solid #e1e1e1;background:#e0ecf8;}
.faq_area ul li.on p.a{margin-bottom:33px;background:#f9f9f9;}
.faq_area ul li.on p.a span{font-weight:normal; font-size:14px;white-space:pre-wrap;}
.faq_area ul li.on p img{vertical-align:-8px;margin-right:5px;}