@charset "utf-8";
/* latest 2020.11.22 ssj */
/* latest 2021.02.04 cwk */
/* latest 2021.02.05 SSJ */
/* latest 2021.03.03 OSY */


/********** 약관 **********/

div.clause001 .clauseWrap ul.clauseAllbox > li.active {background:#184c95 !important;}
#stplatSimpDiv div.clauseTxt .ContentsWrap {background:#fff !important; box-shadow:0px 5px 5px -5px rgba(0,0,0,0.2) inset;}
.ContentsList li {list-style:none !important;} 
.subCon > div ul {padding-left:0px !important;}



/********** sub_layout01 **********/

.sub_layout01 {box-sizing:border-box;}
.sub_layout01 td.s_tit h5 {font-size:22px; font-weight:800; line-height:1.5em; color:#000; margin-left:44px; word-break:keep-all; word-wrap:break-word;}
.sub_layout01 td.b_tit h5 {font-size:34px;}
.sub_layout01 td.s_tit i.t_bullet {position:relative; display:inline-block; font-size:22px;font-weight:800;line-height:1.5em;color:#000;margin-left:44px;word-break:keep-all;word-wrap:break-word;}
.sub_layout01 td.s_tit i.t_bullet::before {content:''; position:absolute; top:7px; vertical-align:middle; width:24px; height:24px; border-radius:100%; border:4px solid #184c95; box-sizing:border-box; margin-left:-44px; margin-right:18px;}
.sub_layout01 td.s_tit i.t_bullet::after {position:absolute; left:-32px; top:7px; content:''; vertical-align:middle; width:4px; height:20px; background:#fff; transform:rotate(45deg);}

.sub_layout01 td.s_txt {padding:30px 0 30px 44px; word-break:keep-all; word-wrap:break-word;}
.sub_layout01 td.s_txt .cont_box td.c_tit {font-size:20px; font-weight:800; line-height:1.5em; color:#333; padding-bottom:10px;}
.sub_layout01 td.s_txt .cont_box td.c_txt {font-size:18px; line-height:1.8em; color:#454545; padding-bottom:10px;}
.sub_layout01 td.s_txt a {color:#137aab; font-weight:600; border-bottom:1px solid #137aab;}
.sub_layout01 td.s_txt a:active {color:#184c95;}

/* 문단 간격 */
td.space_H15 {height:15px; padding-top:0 !important; padding-bottom:0 !important;}
td.space_H30 {height:30px; padding-top:0 !important; padding-bottom:0 !important;}
td.space_H50 {height:50px; padding-top:0 !important; padding-bottom:0 !important;}
td.space_H80 {height:80px; padding-top:0 !important; padding-bottom:0 !important;}

/* 버튼 */
td.s_txt .wzbtn-table {display:inline-block; font-size:18px; line-height:1.6em; color:#132aab !important; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer; text-decoration:none; padding:20px 50px; border-radius:50px;
			background:transparent; -webkit-transition:background 0.3s; transition:background 0.3s;}
td.s_txt .btn-basic {border-width:2px !important; border-style:solid !important; border-color:#132aab !important; background:#fff;}
td.s_txt .btn-basic.on, td.s_txt .btn-basic:hover {border:2px solid #184c95; background:#184c95; color:#fff !important;}

/* 강조 박스 */
td.s_txt .point_box01 {border-top:1px solid #147aab; border-bottom:1px solid #147aab; box-sizing:border-box;}
td.s_txt .point_box01 td {font-size:22px; line-height:1.6em; color:#454545; padding:30px;}

/* 강조 텍스트 */
.point_txtcolor {font-weight:800; color:#137aab !important;}
td.point_txt {font-size:18px; line-height:1.4em; font-weight:600; color:#137aab; padding:10px 0 10px 32px;}
td.point_txt::before {content:'!'; display:inline-block; font-size:17px; text-align:center; vertical-align:middle; width:24px; height:24px; line-height:24px; background:#137aab; color:#fff; border-radius:100%; margin-left:-32px; margin-right:6px;}

/* 불릿 있는 리스트 + 하위 불릿 없는 텍스트(none) */
td.s_txt .t_list td.bullet01 {font-size:18px; line-height:1.5em; color:#454545; box-sizing:border-box; padding:10px 0 10px 20px;}
td.s_txt .t_list td.bullet01::before {content:''; display:inline-block; vertical-align:middle; width:2px; height:8px; background:#184c95; transform:rotate(45deg); margin-left:-20px; margin-right:12px;}
td.s_txt .t_list td.bullet02 {font-size:17px; line-height:1.6em; color:#454545; box-sizing:border-box; padding:8px 0 8px 52px;}
td.s_txt .t_list td.bullet02::before {content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; border-radius:100%; background:#666; margin-left:-16px; margin-right:8px;}
td.s_txt .t_list td.bullet03 {font-size:16px; line-height:1.5em; color:#666; box-sizing:border-box; padding:8px 0 8px 64px;}
td.s_txt .t_list td.bullet03::before {content:''; display:inline-block; vertical-align:middle; width:8px; height:1px; background:#666; margin-left:-16px; margin-right:4px;}
td.s_txt .t_list td.bullet04 {font-size:15px; line-height:1.6em; color:#666; box-sizing:border-box; padding:7px 0 7px 74px;}
td.s_txt .t_list td.bullet04::before {content:''; display:inline-block; vertical-align:middle; width:2px; height:2px; background:#666; margin-left:-10px; margin-right:4px;}
td.s_txt .t_list td.none {padding-top:0px !important;}
td.s_txt .t_list td.none::before {display:none !important;}
 
/* 테이블 */
td.s_txt .t_table {border-top:2px solid #333; border-bottom:1px solid #333;}
td.s_txt .t_table thead th {padding:20px 5px; font-size:17px; line-height:1.5em; color:#454545; font-weight:600; text-align:center; background:#f7f7f7; border:1px solid #c8c8c8; word-break:normal;}
td.s_txt .t_table tbody th {padding:20px 5px; font-size:17px; line-height:1.5em; color:#454545; font-weight:600; text-align:center; border:1px solid #eaeaea; border-bottom:0; word-break:normal;}
td.s_txt .t_table tbody td {padding:20px; font-size:16px; line-height:1.5em; color:#666; text-align:center; vertical-align:middle; border:1px solid #eaeaea; border-bottom:0; word-break:normal;}



/* 절차 */
td.s_txt .t_step {margin:20px 0;}
td.s_txt .t_step td {padding:4px; border-radius:15px; box-sizing:border-box; font-size:17px; line-height:1.4em; font-weight:bold; text-align:center;}
td.s_txt .t_step td.s_arrow {border:none; background:none; font-size:26px; color:#333;}
td.s_txt .t_step td b {display:block; width:100%; padding:20px 0; color:#fff;}
td.s_txt .t_step td span {display:block; width:100%; padding:20px 0; border-radius:0 0 11px 11px; background:#fff;}
/* 절차 - 3단계 */
td.s_txt .t_step td.section03 {width:30%;}
td.s_txt .t_step td.section03:nth-child(1) {background:#137aab;}
td.s_txt .t_step td.section03:nth-child(3) {background:#136890;}
td.s_txt .t_step td.section03:nth-child(5) {background:#104c69;}
/* 절차 - 4단계 */
td.s_txt .t_step td.section04 {width:22%;}
td.s_txt .t_step td.section04:nth-child(1) {background:#137aab;}
td.s_txt .t_step td.section04:nth-child(3) {background:#136890;}
td.s_txt .t_step td.section04:nth-child(5) {background:#125777;}
td.s_txt .t_step td.section04:nth-child(7) {background:#104c69;}
/* 절차 - 5단계 */
td.s_txt .t_step td.section05 {width:17%;}
td.s_txt .t_step td.section05:nth-child(1) {background:#137aab;}
td.s_txt .t_step td.section05:nth-child(3) {background:#14709c;}
td.s_txt .t_step td.section05:nth-child(5) {background:#136890;}
td.s_txt .t_step td.section05:nth-child(7) {background:#135f83;}
td.s_txt .t_step td.section05:nth-child(9) {background:#104c69;}
/* 절차 - 6단계 */
td.s_txt .t_step td.section06 {width:14%;}
td.s_txt .t_step td.section06:nth-child(1) {background:#137aab;}
td.s_txt .t_step td.section06:nth-child(3) {background:#14709c;}
td.s_txt .t_step td.section06:nth-child(5) {background:#136890;}
td.s_txt .t_step td.section06:nth-child(7) {background:#135f83;}
td.s_txt .t_step td.section06:nth-child(9) {background:#125777;}
td.s_txt .t_step td.section06:nth-child(11) {background:#104c69;}



/* TabMenu */
#TabMenu {width:100%; margin-bottom:50px; clear:both;}
#TabMenu ul.tab_basic {width:100%; padding-left:0 !important;}
#TabMenu ul.tab_basic:after {content:''; display:block; clear:both;}
#TabMenu ul.tab_basic li:first-child {border-left:1px solid rgba(214,214,214,1);}
#TabMenu ul.tab_basic li {list-style:none; float:left; overflow:hidden; border:1px solid rgba(214,214,214,1); border-left:0px; line-height:1.5em; box-sizing:border-box;}
#TabMenu ul.tab_basic li a.select {background:#184c95; color:#fff; cursor:default; pointer-events:none;}
#TabMenu ul.tab_basic li a:active {background:#184c95; color:#fff; cursor:default;} 
#TabMenu ul.tab_basic li a {text-align:center; font-size:18px; font-weight:600; width:100%; padding:20px 0; display:inline-block; background:#fafafc; color:#666;}

#TabMenu ul.tab_basic li:only-child {width:100%}
#TabMenu ul.tab_basic li:nth-last-child(2), #TabMenu ul.tab_basic li:nth-last-child(2)+li {width:50%;}
#TabMenu ul.tab_basic li:nth-last-child(3), #TabMenu ul.tab_basic li:nth-last-child(3)~li {width:33.33333333333333%;}
#TabMenu ul.tab_basic li:nth-last-child(4), #TabMenu ul.tab_basic li:nth-last-child(4)~li {width:25%;}
#TabMenu ul.tab_basic li:nth-last-child(5), #TabMenu ul.tab_basic li:nth-last-child(5)~li {width:20%;}
#TabMenu ul.tab_basic li:nth-last-child(6), #TabMenu ul.tab_basic li:nth-last-child(6)~li {width:16.66666666666667%;}

	@media (max-width:990px){
		#TabMenu ul.tab_basic {border-top:1px solid rgba(214,214,214,1);}
		#TabMenu ul.tab_basic li {border-top:0;}
		#TabMenu ul.tab_basic li:nth-child(odd) {border-left:1px solid rgba(214,214,214,1);}
		#TabMenu ul.tab_basic li:nth-child(odd):nth-last-child(1) {width:100%;}
		#TabMenu ul.tab_basic li:nth-last-child(2), #TabMenu ul.tab_basic li:nth-last-child(2)+li {width:50%;}
		#TabMenu ul.tab_basic li:nth-last-child(3), #TabMenu ul.tab_basic li:nth-last-child(3)~li {width:50%;}
		#TabMenu ul.tab_basic li:nth-last-child(4), #TabMenu ul.tab_basic li:nth-last-child(4)~li {width:50%;}
		#TabMenu ul.tab_basic li:nth-last-child(5), #TabMenu ul.tab_basic li:nth-last-child(5)~li {width:50%;}
		#TabMenu ul.tab_basic li:nth-last-child(6), #TabMenu ul.tab_basic li:nth-last-child(6)~li {width:50%;}
	}
	@media (max-width:599px){
		#TabMenu ul.tab_basic {display:flex; flex-wrap:wrap; align-content:stretch;}
		#TabMenu ul.tab_basic li {}
		#TabMenu ul.tab_basic li a {height:100%; word-break: keep-all; padding:10px; box-sizing:border-box; font-size:16px; line-height:1.6em;}
	}




	@media (min-width:800px) and (max-width:1300px){
						
		
		
	}
	
	@media (max-width:899px){
		
		
		
	}

	@media (max-width:799px){
		
		td.space_H15 {height:8px;}
		td.space_H30 {height:15px;}
		td.space_H50 {height:25px;}
		td.space_H80 {height:50px;}
		
		.wzbtn-table {font-size:16px; padding:15px 10px !important;}
		.subCon .wzsrch-box > div button.ui-datepicker-trigger + .wzbtn-table {padding: 8px 10px 9px !important;}
				
		.sub_layout01 td.s_tit h5 {font-size:20px; margin-left:0px; word-break:break-all;}
		.sub_layout01 td.b_tit h5 {font-size:25px;}
		.sub_layout01 td.s_tit i.t_bullet {margin-left:0px; margin-top:10px;}
		.sub_layout01 td.s_tit i.t_bullet::before {content:''; display:block; position:absolute; top:-10px !important; width:34px; height:2px; border-radius:0; border:none; background:#184c95; margin:0;}
		.sub_layout01 td.s_tit i.t_bullet::after {display:none;}
				
		.sub_layout01 td.s_txt {padding:20px 0;}
		.sub_layout01 td.s_txt .cont_box td.c_tit {font-size:18px; padding-bottom:5px;}
		.sub_layout01 td.s_txt .cont_box td.c_txt {font-size:16px; line-height:1.6em;}
		
		td.s_txt .point_box01 td {font-size:20px; padding:20px;}
		
		td.point_txt {font-size:17px; line-height:1.6em; padding-top:5px; padding-bottom:5px;}
		td.point_txt::before {font-size:15px; width:22px; height:22px; line-height:23px; margin-right:4px;}
		
		td.s_txt .t_list td.bullet01 {font-size:16px; line-height:1.6em; padding:5px 0 5px 22px;}
		td.s_txt .t_list td.bullet01::before {margin-left:-18px; margin-right:12px;}
		td.s_txt .t_list td.bullet02 {font-size:15px; line-height:1.6em; padding:3px 0 3px 40px;}
		td.s_txt .t_list td.bullet02::before {width:3px; height:3px; margin-left:-16px; margin-right:8px;}
		td.s_txt .t_list td.bullet03 {font-size:14px; line-height:1.6em; padding:8px 0 8px 56px;}
		td.s_txt .t_list td.bullet03::before {width:6px; margin-left:-16px; margin-right:4px;}
		td.s_txt .t_list td.bullet04 {font-size:13px; line-height:1.7em; padding:7px 0 7px 64px;}
		
		td.s_txt .t_table thead th, td.s_txt .t_table tbody th {padding:5px 3px; font-size:15px; line-height:1.6em;}
		td.s_txt .t_table tbody td {padding:5px 3px; font-size:14px; line-height:1.6em;}
		
		td.s_txt .t_step {margin:10px 0;}
		td.s_txt .t_step td.s_arrow {font-size:20px;}
		td.s_txt .t_step td b, td.s_txt .t_step td span {padding:10px 0;}
		
	}
	
	@media (max-width:699px){
		
		td.s_txt .t_step td.section06 {display:block; width:100% !important;}
		td.s_txt .t_step td.s6_arrow {display:block; width:100% !important; transform:rotate(90deg);}
		
	}
	
	@media (max-width:599px){
		
		td.s_txt .t_step td {font-size:15px; line-height:1.6em;}
		
	}
	
	@media (max-width:499px){
		
		td.s_txt .t_step td {display:block; width:100% !important;}
		td.s_txt .t_step td.s_arrow {transform:rotate(90deg);}
		
	}





/* board special srchbox setting */
.subCon .wzsrch-box {padding-left:30px;padding-right:30px;text-align: left;position: relative;}
.subCon .wzsrch-box > div {width: 100%; float: left; margin-bottom: 5px; position: relative;}
.subCon .wzsrch-box > div>div {width:50%;float: left;}
.subCon .wzsrch-box > div>div span {width: 30%;}
/*구버전보기*/.subCon .wzsrch-box > div:last-child {margin-bottom:0;/* position: absolute; *//* bottom: 20px; *//* right: 150px; *//* right: 0; *//* text-align: right; */width: 100%;}
             .subCon .wzsrch-box > div:last-child button:only-child {padding: 0;border: none;background: transparent;/* text-decoration: underline; */border-bottom: 1px solid #333;padding: 0 0 4px 0 !important;}
             .subCon .wzsrch-box > div:last-child button:only-child:after {content:"";width: 6px;height: 6px;border: 1px solid #333;border-width: 1px 1px 0 0;display: inline-block;transform: rotate(45deg);margin-left: 3px;opacity: 0.7;vertical-align: middle;margin-top: -2px;}
             .subCon .wzsrch-box > div:last-child button:only-child:hover {font-weight:600;}
.subCon .wzsrch-box > div:last-child span {width:auto;margin-right: 5px;border-bottom: 1px solid #333;line-height: 140%;}
.subCon .wzsrch-box > div:last-child span:after {content:"";width: 6px;height: 6px;border: 1px solid #333;border-width: 1px 1px 0 0;display: inline-block;transform: rotate(45deg);margin-left: 3px;opacity: 0.7;vertical-align: middle;margin-top: -2px;}
.subCon .wzsrch-box > div button {padding: 8px 13px 9px;font-size: 16px;}
.subCon .wzsrch-box > div button.ui-datepicker-trigger {width: 40px;height: 40px;overflow: hidden;text-indent: -9999px;position: relative;}
.subCon .wzsrch-box > div button.ui-datepicker-trigger img {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.subCon .wzsrch-box > div span {font-size:16px;width: 15%;display: inline-block;line-height: 40px;}


.subCon .wzsrch-box > div.mainco {padding-bottom: 45px; margin-bottom: 0;}
.subCon .wzsrch-box > div .wz_tableguide {width: 100%; display: block; /* padding: 5px 0; */ color: #c20000; position: absolute; bottom: 10px; line-height: 120%;}
.subCon .wzsrch-box select {background-color: #fff}

.subCon .wzsrch-box .btn-srch {font-size: 18px; background: #0c4c8c; border-color: #0c4c8c; width: 105px; padding: 10px 25px; position: absolute; right: 0; bottom: 0;}

@media (max-width:799px){
  .subCon .wzsrch-box {padding:15px;}
  .subCon .wzsrch-box > div span {font-size: 15px;width: 20%;margin-bottom: 4px;}
  .subCon .wzsrch-box > div select {width: 53%;}
  .subCon .wzsrch-box > div input {width: 76.5%;vertical-align: top;}
  .subCon .wzsrch-box .hasDatepicker  {/* max-width: 120px; */max-width: 26.5%;}
  .subCon .wzsrch-box > div>div {width:100%; margin-bottom:5px;}
  .subCon .wzsrch-box > div>div:last-child {margin-bottom:0;}
  .subCon .wzsrch-box > div>div span {width: 20%;}
  .subCon .wzsrch-box > div:last-child {bottom:15px; right:130px;}
  
  .subCon .wzsrch-box > div.mainco {padding-bottom: 0;}
  .subCon .wzsrch-box > div .wz_tableguide {position: relative; bottom: auto; padding: 15px 0;}
  .subCon .wzsrch-box > div:last-child {position: relative; bottom: auto; right: auto; margin-top: 5px; text-align: right; width: 100%;}
  .subCon .wzsrch-box .btn-srch { width: 100%; position: relative;}
  .subCon .wzsrch-box .btn-srch:before {float: none;}
  .subCon .wzsrch-box > div:last-child select {width:auto;}
  .subCon .wzsrch-box > div button {padding:8px 10px; font-size:15px;}
}
@media (max-width:499px){
  .subCon .wzsrch-box .hasDatepicker {width: 36%;max-width: none;}
  .subCon .wzsrch-box > div button.ui-datepicker-trigger + .wzbtn-table {margin: 5px 0 0 21%;width: 75.5%;}
}

/* 날자선택 추가버튼 위치조정 */
input+button.ui-datepicker-trigger{margin-left: -42px}