@charset "utf-8";

.highlight {font-weight:bold; background-color:#ff0;}
.dplOn {display:block;}
.dplOff {display:none;}

.blue {color: #0c4fa4;}
.red {color: #f00;}
.orange {color: #ff6600;}
.green {color: #00ba16;}
.black {color: #000;}

.bold{font-weight:bold;}

.conbox {border:1px solid #dcdcdc; background:#eee; border-radius:5px; padding:2%; word-break:keep-all;}

/* Basic - space */
.space05 {height:5px;}
.space10 {height:10px;}
.space15 {height:15px;}
.space20 {height:20px;}

/* Basic - align */
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}
.text_left {text-align:left !important;}
.text_justify{ text-align:justify !important;}

.margin_t_5 {margin-top: 5px;}
.margin_t_10 {margin-top: 10px;}
.margin_t_15 {margin-top: 15px;}
.margin_t_20 {margin-top: 20px;}
.margin_t_25 {margin-top: 25px;}
.margin_t_30 {margin-top: 30px;}
.margin_t_35 {margin-top: 35px;}
.margin_t_40 {margin-top: 40px;}
.margin_t_50 {margin-top: 50px;}
.margin_t_60 {margin-top: 60px;}
.margin_t_70 {margin-top: 70px;}

.margin_b_5 {margin-bottom: 5px;}
.margin_b_10 {margin-bottom: 10px;}
.margin_b_15 {margin-bottom: 15px;}
.margin_b_20 {margin-bottom: 20px;}
.margin_b_25 {margin-bottom: 25px;}
.margin_b_30 {margin-bottom: 30px;}
.margin_b_35 {margin-bottom: 35px;}
.margin_b_40 {margin-bottom: 40px;}
.margin_b_50 {margin-bottom: 50px;}
.margin_b_60 {margin-bottom: 60px;}
.margin_b_70 {margin-bottom: 70px;}

.padding_t_5 {padding-top: 5px;}
.padding_t_10 {padding-top: 10px;}
.padding_t_20 {padding-top: 20px;}
.padding_t_30 {padding-top: 30px;}
.padding_t_40 {padding-top: 40px;}

.padding_b_5 {padding-bottom: 5px;}
.padding_b_10 {padding-bottom: 10px;}
.padding_b_20 {padding-bottom: 20px;}
.padding_b_30 {padding-bottom: 30px;}
.padding_b_40 {padding-bottom: 40px;}

.padding_l_5 {padding-left: 5px;}
.padding_l_10 {padding-left: 10px;}
.padding_l_20 {padding-left: 20px;}

.padding_r_5 {padding-right: 5px;}
.padding_r_10 {padding-right: 10px;}
.padding_r_20 {padding-right: 20px;}

/* h스타일*/
.conH3 {font-size:1.5em; font-weight:bold; color:#222; position:relative; padding-top:5px; clear:both; background:none;}
.conH4 {position:relative; padding:10px 0 5px 27px; font-size:1.2rem; font-weight:bold; letter-spacing:-0.05em;}
.conH4::after {position:absolute; left:9px; top:18px; content:""; width:8px; height:8px; border:3px solid #166ab2; border-radius:100px;}
.conH5 {position:relative; padding:8px 0 5px 32px; font-size:1.1rem; font-weight:bold; letter-spacing:-0.05em;}
.conH5::after {position:absolute; left:20px; top:18px; content:""; width:6px; height:6px; background:#166ab2; }
.conH6 {position:relative; padding:6px 0 5px 36px; font-size:1rem; font-weight:bold; letter-spacing:-0.05em;}
.conH6::after {position:absolute; left:24px; top:18px; content:""; width:6px; height:2px; background:#888;}
.hnone{padding-top:0 !important;}

/* conList */
.conList {position:relative; padding:0 0 15px 18px; font-size:1rem;  color:#555; line-height:24px;}
.conList li {position:relative; padding:0 0 0 17px;}
.conList li::after {position:absolute; left:9px; top:11px; content:""; width:3px; height:3px; background:#737477;}
.conList ul {padding:3px 0 7px 0;}
.conList li li {padding:0 0 0 12px;}
.conList li li::after {position:absolute; left:2px; top:13px; content:""; width:5px; height:1px; background:#737477;}
.conList li li li {padding:0 0 0 8px; color:#888;}
.conList li li li::after {position:absolute; left:2px; top:13px; content:""; width:3px; height:1px; background:#737477;}

/* 테이블안의 li스타일 */
table .conList {position:relative; padding:0 0 15px 18px; font-size:1rem;  color:#555; line-height:24px;}
table .conList li {position:relative; padding:0 0 0 9px;}
table .conList li::after {position:absolute; left:0px; top:11px; content:""; width:3px; height:3px; background:#737477;}
table .conList ul {padding:3px 0 7px 0;}
table .conList li li {padding:0 0 0 12px;}
table .conList li li::after {position:absolute; left:2px; top:13px; content:""; width:5px; height:1px; background:#737477;}
table .conList li li li {padding:0 0 0 8px; color:#888;}
table .conList li li li::after {position:absolute; left:2px; top:13px; content:""; width:3px; height:1px; background:#737477;}

/* contTable */
.contTable {border-collapse:collapse; width:100%; border-top:1px solid #686e70; border-bottom:1px solid #c1c5cd; color:#555; word-break:break-all;}
.contTable thead th {height:30px; background:#f5f7f7; color:#4f565b; padding:8px 4px 9px; border-bottom:1px solid #c1c5cd; border-left:1px solid #c1c5cd;border-right:1px solid #c1c5cd; text-align:center;}
.contTable tbody th {background:#fbfbfb; padding:7px 10px; border:1px solid #e4e7ec; font-weight:bold; color:#4f565b; text-align:center; font-weight:normal; }
.contTable tbody td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; text-align:left; height:30px;}
.contTable tbody td.td_c{text-align:center;}
.contTable tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3;}
.contTable tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:left; }
.contTable .conList {padding:0;}

/* contTable 가운데 정렬 */
.contTable_c {border-collapse:collapse; width:100%; border-top:1px solid #686e70; border-bottom:1px solid #c1c5cd; color:#555; word-break:break-all;}
.contTable_c thead th {height:30px; background:#f5f7f7; color:#4f565b; padding:8px 4px 9px; border-bottom:1px solid #c1c5cd; border-left:1px solid #c1c5cd;border-right:1px solid #c1c5cd; text-align:center;}
.contTable_c tbody th {background:#fbfbfb; padding:6px 4px 6px 10px; border-bottom:1px solid #e4e7ec; border-left:1px solid #e4e7ec; font-weight:normal; color:#4f565b;}
.contTable_c tbody td {padding:5px 10px 6px 10px; border:1px solid #e4e7ec;border-top:none; text-align:center; height:30px;}
.contTable_c tbody td.td_left{text-align:left;}
.contTable_c tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_c tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_c .conList {padding:0;}

/* contTable tbody만 있는 경우 */
.contTable_b {border-collapse:collapse; width:100%; border-bottom:2px solid #666; border-top:2px solid #000; color:#555; word-break:break-all;}
.contTable_b tbody th {background:#fbfbfb; padding:6px 4px 6px 10px; border-bottom:1px solid #e4e7ec; border-left:1px solid #e4e7ec; color:#4f565b;}
.contTable_b tbody td {padding:10px 10px 12px 10px; border:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.line_top{border-top:2px solid #686e70 !important; }
.contTable_b tbody td.td_c{text-align:center;}
.contTable_b tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b .conList {padding:0;}

/* 단락 구분하는 라인선 */
.br_line{height:1px; width:100%; background:#c1c1c1; margin:20px 0;}


/* mn_5depth */
.mn_5depth {position:relative; margin:0 0 25px 0; width:100%; overflow:hidden;}
.mn_5depth::before {}
.mn_5depth::after {position:absolute; left:0; top:0; content:""; width:1px; height:100%; background:#cfd2d8;}
.mn_5depth li {float:left;}
.mn_5depth li:first-child {padding-left:0;}
.mn_5depth li a {position:relative; display:block; border-top:1px solid #cfd2d8; border-bottom:1px solid #cfd2d8; background:#fafafb; color:#555; font-weight:bold; font-size:1.1rem; letter-spacing: -1px; padding:6px 24px 8px; line-height:1.5em; transition: all 0.2s ease-in-out 0s;}

.mn_5depth li.on a,.mn_5depth li a:hover {border-top:1px solid #6a7286; border-bottom:1px solid #6a7286; background:#747c8f; color:#fff;}
.mn_5depth li a::after {position:absolute; right:0; top:0; content:""; width:1px; height:43px; background:#cfd2d8; transition: all 0.2s ease-in-out 0s;}
.mn_5depth li a::before {position:absolute; left:-1px; top:0; content:""; width:1px; height:43px; background:#cfd2d8; transition: all 0.2s ease-in-out 0s;}
.mn_5depth li.on a::before,.mn_5depth li a:hover::before {background:#6a7286;}
.mn_5depth li.on a::after,.mn_5depth li a:hover::after {background:#6a7286;}

.mn_5depth_7ea li a {padding:7px 14px 4px; text-align:center;}
.mn_5depth_6ea li a {padding:7px 22px 4px 22px; text-align:center;}

.mn_5depth_5ea li {width:20%;}
.mn_5depth_5ea li:nth-child(6) a,.mn_5depth_5ea li:nth-child(7) a,.mn_5depth_5ea li:nth-child(8) a,.mn_5depth_5ea li:nth-child(9) a,.mn_5depth_5ea li:nth-child(10) a,
.mn_5depth_5ea li:nth-child(11) a,.mn_5depth_5ea li:nth-child(12) a,.mn_5depth_5ea li:nth-child(13) a,.mn_5depth_5ea li:nth-child(14) a,.mn_5depth_5ea li:nth-child(15) a,.mn_5depth_5ea li:nth-child(16) a {border-top:none;}
.mn_5depth_5ea li a {padding:6px 0 8px; text-align:center; width:100%;}

.tabContent h3  {font-size:25px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0px;}