/* 노말라이즈 */
html, body {
    overflow-x:hidden;
}

body, ul, li {
    margin:0;
    padding:0;
    list-style:none;
	font-size: 1rem;
	color:#191919;
}

a {
    color:inherit;
    text-decoration:none;
}

/* 라이브러리 */
.cell {
    float:left;
    box-sizing:border-box;
}
.cell-right {
    float: right;
    box-sizing: border-box;
}
.row::after {
    content:"";
    display:block;
    clear:both;
}
.margin-0-auto {
    margin: 0 auto;
}
.img-box > img {
    width:100%;
    display:block;
}
.con {
    margin:0 auto;
}
.con100 {
    margin:0 auto;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.text-align-center {
    text-align: center;
}
.line-height-0-ch-only {
    line-height: 0;
}

.line-height-0-ch-only > * {
    line-height: normal;
}
.line-height-0-ch-only {
    line-height: 0;
}

.relative {
    position: relative;
}

.absolute-left {
    position: absolute;
    left: 0;
}

.absolute-right {
    position: absolute;
    right: 0;
}

.absolute-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* 커스텀 */
/* noto sans kr 웹폰트 적용 */
html {
    font-family: 'Noto Sans KR', sans-serif;
}

.con100 {
    max-width:100%;
}

.con {
    max-width:1100px;
}

.visible-on-sm-down {
    display:none;
}

 @media ( max-width:1200px ) {
    .con {
        margin-left:10px;
        margin-right:10px;
    }
}

 @media ( max-width:576px ) {
    .con {
        margin-left:15px;
        margin-right:15px;
        /* max-width:none; */
    }
    
    .no-margin-on-sm-down {
        margin-left:0;
        margin-right:0;
    }
    
    .visible-on-sm-down {
        display:block;
    }
    
    .visible-on-md-up {
        /* display:none; */
    }
    
    html.hide-y-scroll-bar-on-sm-down, html.hide-y-scroll-bar-on-sm-down > body {
        overflow-y:hidden;
    }
}

/*** 로고 바 ***/
.logo-bar {
    /*height:90px;*/
}
.logo-bar a img {
 margin:10px 0px;
}

/*** sns ***/
.logo-bar .sns a {
	line-height: 90px; 
	margin: 0 auto;
    transform:translateY(50%);
    margin-top:15px;
}
.logo-bar .sns a img {
    margin-top: 0px;
	margin:0 7px;
	margin-bottom :0px;
}
/*** sns end ***/

/*** sns mobile ***/
 @media ( max-width:576px ) {
  .logo-bar .sns a {transform:translateY(50%);}
  .logo-bar .sns a img { width:80%;margin:0 1px;}
}
/* sns mobile end */

/*** 서치박스 ***/
* {box-sizing: border-box;}
form {
  position: relative;
  width: 320px;
  margin: 0 auto;
  transform:translateY(50%);
  margin-top:10px;
}
.d1 input {
  width: 100%;
  height: 35px;
  padding-left: 10px;
  border: 1px solid #d02128;
  border-radius: 0px;
  outline: none;
  color: #333333;
}
.d1 button {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 38px;
  height: 35px;
  border: none;
  background: #d02128;
  cursor: pointer;
  color: #ffffff;
}
.d1 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 17px;
}
/*** 서치박스 end ***/

/*** 모바일 logo 탑 ***/
 @media ( max-width:576px ) {
  .logo-bar a img { width:90px; }   
  .logo-bar { height:67px; }
  form {width: 170px;margin-top:4px; }
  .d1 input { height: 30px;font-size: 11px; }
  .d1 button {width: 32px;height: 30px;}
  .d1 button:before { font-size: 14px; }
}
/*** 모바일 logo 탑 end ***/

/*** 탑 menu ***/
.top-1-bar {
    /* margin-bottom을 여기에 두면 편해진다. */
    margin-bottom:40px;
    height:50px;
    background-color:black;
}
.top-1-bar .menu-1 > ul > li {
    width:calc(100% / 6);
    position:relative;
    transform:translateY(50%);
}
.top-1-bar .menu-1 > ul > li::before, .top-1-bar .menu-1 > ul > li::after {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-40%);
    width:0.5px;
    height:20px;
    background-color:white;/* 세로 | */
}
.top-1-bar .menu-1 > ul > li::after {
    left:auto;
    right:0;
}
.top-1-bar .menu-1 > ul > li:first-child::before, .top-1-bar .menu-1 > ul > li:last-child::after {
    width:0.5px;
}
.top-1-bar .menu-1 ul > li > a {
    text-align:center;
    display:block;/*메뉴위치*/
    font-size : 1.05rem;
    color: white;
}

.top-1-bar .menu-1 ul > li:hover > a {
    color:red;/*폰트색*/
    font-weight: bold;
}
/*** > 아이콘 ***/
.top-1-bar .menu-1 ul > li > a i { 
  font-size : 0.5rem;
  padding-left : 8px;
  transition:transform .1s;
}
.top-1-bar .menu-1 ul > li > a:hover i { 
    /* transform: translateX(3px); */
}


/*** > 아이콘 end ***/
/*** 모바일 menu 탑 ***/
 @media ( max-width:576px ) {
   .top-1-bar {margin-bottom:0px;height:38px;}
   .top-1-bar .menu-1 > ul > li {width:calc(100% / 3);font-size: 0.85rem;}
   .top-1-bar .menu-1 ul > li > a {font-size : 0.8rem;}
   .top-1-bar .menu-1 > ul > li:nth-child(1) {display:none;}
   .top-1-bar .menu-1 > ul > li::before, .top-1-bar .menu-1 > ul > li::after {height:13px;}
}
/*** 모바일 menu 탑 end ***/

/*** left ***/
.sub > ul .left li {
  border:1px solid #e0e0e0;
  border-left: 0; border-right: 0;
  border-bottom : 0;
}
.sub > ul .left li:nth-last-child(1) {
  border:1px solid #e0e0e0;
  border-left: 0; border-right: 0;
}
.sub > ul .left li {
  list-style: none;
  line-height: 35px;
}
.sub > ul .left li > a > i { /* > 아이콘 */
  font-size : 0.5rem;
  padding-right : 8px;
  transition:right 1s; 
}
.sub > ul .left li a {
  font-size : 1rem;
  color: #000000;
  display: block;
  padding: 5px;
  text-decoration: none;
  transition: 0.2s;
}
.sub > ul .left li:hover {
   background-color: #d6232e;
}
.sub > ul .left li a:hover {
   color : white;
   transform: translate(6px, 0px);
}
/*** left end ***/

/*** contents ***/

.thumbBox {
   float:right;
   height:280px;
   margin-left:10px;
}
.thumbBox:before {
   content:"";
   display:inline-block;
   width:0;
   height:100%;
   vertical-align:middle; 
}
.thumbBox img {
   vertical-align:middle;
}
.title1-2 > span {
   font-size: 1.3rem;
}
@media (max-width: 576px) {
   .contents {margin-top:20px;}
   .thumbBox {height:180px;}
   .thumbBox img {width:200px;}
}
/*** contents end ***/

/*** 메인-1 ***/
.main-1 > ul .sub-1 {
    width:calc(100% - 40%);
}
.main-1 > ul .sub-1 article {
    display:inline-block;
    width: 5px;
    height: 18px;
    background-color : red;
    margin-right: 10px;
}
.main-1 > ul .sub-1 > span:nth-child(1) {
    display:block;
    margin-top:0px;
    font-size:1.5rem;
	margin-bottom:20px;
}
.main-1 > ul .sub-1 > span:nth-child(1) strong {
letter-spacing:3px;
}
.main-1 > ul .sub-1 > span:nth-child(2) {
    display:block;
    margin-top:0px;
	line-height:33px;
    margin-bottom:60px;
}
.main-1 > ul .sub-2 {
    padding:10px 0;
    width:33%;
}
@media (max-width: 1200px) {
   .main-1 > ul .sub-1 {width:calc(100% - 40%);}
   .main-1 > ul .sub-1 > span:nth-child(2) {line-height:25px;font-size: 0.8rem;}
}
@media (max-width: 576px) {
   .main-1 > ul .sub-1 > span:nth-child(1) {display:block;margin-top:30px;font-size:1.2rem;}
   .main-1 > ul .sub-1 > span:nth-child(2) {font-size:0.8rem;line-height:20px;margin-bottom:10px;}
   .main-1 > ul .sub-1, .main-1 > ul .sub-2 {width:100%;}
   .con ul span img {width:100%;margin-top:20px;}
}

/*** 메인-1 ***/

/*** 메인-2 ***/

.main-2 > ul article {
    display:inline-block;
    width: 5px;
    height: 18px;
    background-color : red;
    margin-right: 10px;
}
.main-2 > ul span:nth-child(1) {
    display:block;
    margin-top:0px;
    font-size:1.5rem;
	font-weight: bold;
	margin-bottom:20px;
}
.main-2 > ul span:nth-child(1) strong {
letter-spacing:3px;
}

@media (max-width: 1200px) {
   .main-2 > ul span:nth-child(2) {line-height:25px;font-size: 0.8rem;}
}
@media (max-width: 576px) {
   .main-2 > ul span:nth-child(1) {display:block;margin-top:30px;font-size:1.2rem;}
}
@media (max-width: 576px) {
   .text-align-center img {width:100%;}
}
/*** 메인-2 end ***/


/*** 서브내용-1 ***/
/* 20251215 손진혁 subtitle, dot-list 추가*/
/* 20251215 손진혁 image-li 추가*/
.sub > ul .left {
    width:calc(100% - 82%);
}
.sub > ul .right {
    width:77%;
}
@media (max-width: 576px) {
    .sub > ul .left li { display:none;}
    .sub > ul .right { width:100%;margin-top:15px }
}
.sub > ul .right .title {
    display:block;
    font-size: 1.6rem;
	letter-spacing:-0.6px;
    margin-bottom:15px 
}
.sub > ul .right .subtitle {
    display:block;
    font-size: 1.4rem;
    letter-spacing:-0.6px;
    margin-bottom:15px
}

.dot-list{
    margin: 12px 0 0 0;
    padding: 0;
    list-style: none;
}

.dot-list > li{
    position: relative;
    padding-left: 18px;
    margin: 8px 0;
    line-height: 1.55;
    font-size: 15px;
    color: #222;
}

.sub-text-require > li:nth-child(odd){
    font-weight: 700;
    color: #111;
    padding-left: 18px;   /* 불릿 위치 */
}

.sub-text-require > li:nth-child(even){
    font-weight: 400;
    color: #333;
    padding-left: 36px;   /* 제목보다 더 들여쓰기 */
    margin-top: -2px;     /* 제목과 붙여 보이게 */
}

.sub-text-require > li:nth-child(odd)::before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #111;
}

/* 설명 줄에는 불릿 제거 */
.sub-text-require > li:nth-child(even)::before{
    content: none;
}

.dot-list > li::before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.55;
    font-size: 18px;
    color: #111;
}

@media (max-width: 768px){
    .dot-list > li{ margin: 6px 0; }
}

.text_bg {
    padding: 20px;
	background-color: #eee;
}

.image-li img{
    width: 100%;
}
/*** 서브내용-1 end ***/

/*** copyright ***/
.bg-3 {
    background-color: #272a2f;
    padding: 25px 0;
    margin-top:50px
}

.bg-3 .copyright-2 > img {
    padding-right: 40px;
    padding-top: 6px;
    padding-bottom: 0px;
}

.bg-3 .copyright-2 > nav li:nth-child(1) {
    font-size: 0.8rem;
    transform:translateY(50%);
    color: white;
    letter-spacing: 0.5px;
}
@media (max-width: 576px) {
    .bg-3 {margin-top:20px;padding: 10px 0;}
    .copyright-2 {padding-left: 5px;margin-bottom:20px;}
}


/*** sub-2-content 내용 ***/
.sub > ul .sub-2-content > ul {
    margin-top: 10px;
    padding-top:25px;
    padding-bottom:25px;
	padding-left:30px;
	padding-right:10px;
	background-color: #eeeeee;
}
.sub > ul .sub-2-content > ul li img {
	vertical-align: middle;
}
.sub > ul .sub-2-content > ul li span {
	padding-left:10px;
	line-height:40px;
	vertical-align: middle;
}
.sub > ul .sub-2-content > ul li {
	line-height:30px;
}
.sub > ul .sub-2-content > ul li  i {
	  font-size : 0.4rem;
	  padding-left:10px;
	  padding-right:5px;
	  vertical-align: middle;
}
@media (max-width: 630px) {

    .sub-2-content > ul li:nth-child(1) span {
        font-size:1.3rem;
    }
    .sub-2-content > ul li:nth-child(2) span {
        display:none;
    }
}
/*** sub-2-content end ***/

/*** sub-3-content 내용 ***/
.sub-3-content > ul .sub-3_left {
    width:calc(100% - 10%);
}
.sub-3-content > ul .sub-3_right {
    display:block;
    width:10%;
    transform:translateY(50%);
}
/*.sub > ul .sub-3-content > ul > nav .line-data {
    border:1px solid #ccc;
}*/
.sub > ul .sub-3-content > ul {
    margin-top: 10px;
    padding-top:20px;
    padding-bottom:25px;
	padding-left:30px;
	padding-right:10px;
	background-color: #eeeeee;
}
.sub > ul .sub-3-content > ul .sub-3_left li {
	padding-left:10px;
	height:24px;
}
.sub > ul .sub-3-content > ul .sub-3_right li {
	height:20px;
}
@media (max-width: 576px) {
    .sub-3-content > ul  {}
    .sub > ul .sub-3-content > ul .sub-3_right li img {}
}
/*** sub-3-content end ***/

/*** T1 table ***/
.cancleTable th, .cancleTable2 th, .cancleTable3 th, .cancleTable4 th, .cancleTable5 th, .cancleTable6 th, .cancleTable7 th, .cancleTable8 th, .cancleTable9 th, .cancleTable_none th, 
.cancleTable24-1 th,.cancleTable24-2 th,.cancleTable24-3 th,.cancleTable24-4 th,.cancleTable24-5 th,.cancleTable24-6 th,.cancleTable24-7 th,.cancleTable24-8 th,.cancleTable24-9 th,.cancleTable25-1 th,.cancleTable25-7 th,.cancleTable25-9 th {
    text-align: center;
	height:30px;
    color:white;
	font-size: 1rem;
    background-color: #d6232e;
}
.cancleTable tr td, .cancleTable2 tr td, .cancleTable3 tr td, .cancleTable4 tr td, .cancleTable5 tr td, .cancleTable6 tr td, .cancleTable7 tr td, .cancleTable8 tr td, .cancleTable9 tr td, .cancleTable_none tr td, 
.cancleTable24-1 tr td,.cancleTable24-2 tr td,.cancleTable24-3 tr td,.cancleTable24-4 tr td,.cancleTable24-5 tr td,.cancleTable24-6 tr td,.cancleTable24-7 tr td,.cancleTable24-8 tr td,.cancleTable24-9 tr td,.cancleTable25-1 tr td,.cancleTable25-7 tr td,.cancleTable25-9 tr td {
    text-align: center;
    background-color: #eee;
	font-size: 0.9rem;
	padding : 15px 5;
}
.cancleTable_none {
	width: 100%;
}
.cancleTable_none th {
    text-align: center;
    color:white;
	font-size: 0.8rem;
    background-color: #d6232e;
}
.cancleTable_none tr td {
    text-align: center;
    background-color: #eee;
	font-size: 0.9rem;
	padding : 15px 5;
}
.cancleTable_none tr td:nth-child(1) {
	width: 18%;
    font-style:italic;
    font-weight:bold;
	color: #000;
}
.cancleTable_A {
	width: 100%;
}
.cancleTable_A th {
    text-align: center;
	height:20px;
    color:white;
	font-size: 0.7rem;
    background-color: #555;
}
.cancleTable_A tr td {
    text-align: center;
    background-color: #eee;
	font-size: 0.65rem;
	padding : 5px 5;
}
.cancleTable_A caption {
	font-size: 0.8rem;
}
.cancleTable tr:nth-child(2) td:nth-child(3) {
    background-color: #ffe0e8;
}
.cancleTable tr:nth-child(3) td:nth-child(5) {
    background-color: #ffe0e8;
}
/*** T1 table end ***/

/*** T4 table ***/
.cancleTable4 tr:nth-child(3) td:nth-child(6) {
    background-color: #ffe0e8;
}
/*** T4 table end ***/

/*** T5 table ***/
.cancleTable5 tr:nth-child(3) td:nth-child(5) {
    background-color: #ffe0e8;
}
.cancleTable5 tr:nth-child(3) td:nth-child(6) {
    background-color: #ffe0e8;
}
/*** T5 table end ***/

/*** T6 table ***/
.cancleTable6 tr:nth-child(2) td:nth-child(6) {
    background-color: #ffe0e8;
}
.cancleTable6 tr:nth-child(3) td:nth-child(1) {
    background-color: #ffe0e8;
}
/*** T6 table end ***/

/*** T7 table ***/
.cancleTable7 tr:nth-child(2) td:nth-child(3) {
    background-color: #ffe0e8;
}
.cancleTable7 tr:nth-child(3) td:nth-child(5) {
    background-color: #ffe0e8;
}
.cancleTable7 tr:nth-child(3) td:nth-child(6) {
    background-color: #ffe0e8;
}
/*** T7 table end ***/

/*** T8 table ***/
.cancleTable8 tr:nth-child(2) td:nth-child(3) {
    background-color: #ffe0e8;
}
.cancleTable8 tr:nth-child(2) td:nth-child(6) {
    background-color: #ffe0e8;
}
.cancleTable8 tr:nth-child(3) td:nth-child(1) {
    background-color: #ffe0e8;
}
.cancleTable8 tr:nth-child(3) td:nth-child(5) {
    background-color: #ffe0e8;
}
/*** T8 table end ***/

/*** T9 table ***/
.cancleTable9 tr:nth-child(2) td:nth-child(3) {
    background-color: #ffe0e8;
}
.cancleTable9 tr:nth-child(3) td:nth-child(5) {
    background-color: #ffe0e8;
}
.cancleTable9 tr:nth-child(3) td:nth-child(6) {
    background-color: #ffe0e8;
}
/*** T9 table end ***/
/*** Table 2024-1 table ***/
.cancleTable24-1 tr:nth-child(1) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable24-1 tr:nth-child(3) td:nth-child(2) {background-color: #ffe0e8;}
.cancleTable24-1 tr:nth-child(3) td:nth-child(4) {background-color: #ffe0e8;}
.cancleTable24-1 tr:nth-child(3) td:nth-child(6) {background-color: #ffe0e8;}
/*** Table 2024-2 table ***/
.cancleTable24-2 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable24-2 tr:nth-child(3) td:nth-child(5) {background-color: #ffe0e8;}
/*** Table 2024-3 table ***/
.cancleTable24-3 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable24-3 tr:nth-child(3) td:nth-child(5) {background-color: #ffe0e8;}
/*** Table 2024-4 table ***/
.cancleTable24-4 tr:nth-child(3) td:nth-child(6) {background-color: #ffe0e8;}
/*** Table 2024-5 table ***/
.cancleTable24-5 tr:nth-child(2) td:nth-child(4) {background-color: #ffe0e8;}
.cancleTable24-5 tr:nth-child(3) td:nth-child(5) {background-color: #ffe0e8;}
/*** Table 2024-6 table ***/
.cancleTable24-6 tr:nth-child(2) td:nth-child(4) {background-color: #ffe0e8;}
.cancleTable24-6 tr:nth-child(2) td:nth-child(5) {background-color: #ffe0e8;}
.cancleTable24-6 tr:nth-child(2) td:nth-child(7) {background-color: #ffe0e8;}
.cancleTable24-6 tr:nth-child(3) td:nth-child(7) {background-color: #ffe0e8;}
/*** Table 2024-7 table ***/
.cancleTable24-7 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable24-7 tr:nth-child(2) td:nth-child(4) {background-color: #ffe0e8;}
.cancleTable24-7 tr:nth-child(2) td:nth-child(5) {background-color: #ffe0e8;}
.cancleTable24-7 tr:nth-child(2) td:nth-child(7) {background-color: #ffe0e8;}
.cancleTable24-7 tr:nth-child(3) td:nth-child(5) {background-color: #ffe0e8;}
.cancleTable24-7 tr:nth-child(3) td:nth-child(7) {background-color: #ffe0e8;}
/*** Table 2024-8 table ***/
.cancleTable24-8 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable24-8 tr:nth-child(2) td:nth-child(4) {background-color: #ffe0e8;}
.cancleTable24-8 tr:nth-child(3) td:nth-child(5) {background-color: #ffe0e8;}
/*** Table 2024-9 table ***/
.cancleTable24-9 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable24-9 tr:nth-child(3) td:nth-child(5) {background-color: #ffe0e8;}
.cancleTable24-9 tr:nth-child(3) td:nth-child(1) {background-color: #ffe0e8;}
/*** Table 2025-1 table ***/
.cancleTable25-1 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable25-1 tr:nth-child(2) td:nth-child(4) {background-color: #ffe0e8;}
/*** Table 2025-7 table ***/
.cancleTable25-7 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable25-7 tr:nth-child(2) td:nth-child(4) {background-color: #ffe0e8;}
.cancleTable25-7 tr:nth-child(3) td:nth-child(7) {background-color: #ffe0e8;}
/*** Table 2025-9 table ***/
.cancleTable25-9 tr:nth-child(2) td:nth-child(3) {background-color: #ffe0e8;}
.cancleTable25-9 tr:nth-child(2) td:nth-child(4) {background-color: #ffe0e8;}
.cancleTable25-9 tr:nth-child(2) td:nth-child(6) {background-color: #ffe0e8;}
.cancleTable25-9 tr:nth-child(3) td:nth-child(1) {background-color: #ffe0e8;}

/***contact ***/
.contact-sub1 {
    margin: 50px 0;
	padding-top:45px;
    padding-bottom:45px;
	padding-left:40px;
	padding-right:40px;
	background-color: #eee;
}
.contact-sub1 .line {
    background-color: #ccc;
    height:1px;
}
.contact-sub1 > ul li img {
	vertical-align: middle;
	margin: 25px 0;
}
.contact-sub1 > ul li span {
    font-size:1.1rem;
	padding-left:10px;
	line-height:40px;
	vertical-align: middle;
	letter-spacing:-0.5px;
}
@media (max-width: 576px) {
    .contact-sub1 > ul li span {font-size:1rem;letter-spacing:-1px;}
}
/*** top 버튼 ***/
.btn-go-top {
    position:fixed;
    bottom:0;
    right:0;
    margin:18px;
    border-radius:50%;
    border:1px solid #e6e6e6;
    background-color:#fff;
    transition:background-color 0.3s;
    padding:10px;
    cursor:pointer;
}

.btn-go-top:hover {
    background-color:#eee;
}

.btn-go-top > .ico-top {
    width:28px;
    height:28px;
    position:relative;
}

.btn-go-top > .ico-top::before {
    content:"";
    position:absolute;
    width:50%;
    height:50%;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%) rotate(45deg);
    border:1px solid #333;
    border-bottom-color:transparent;
    border-right-color:transparent;
}

.btn-go-top > .ico-top::after {
    content:"";
    position:absolute;
    width:2px;
    height:80%;
    left:calc(50% - 1px);
    top:6px;
    background-color:#777;
}
 @media ( max-width:576px ) {
   .btn-go-top {margin:10px;}
   .btn-go-top > .ico-top {width:15px;height:15px;}
}
/*** top 버튼 end ***/


/*** sub-4-content ***/
.sub-4-content {
    background-color:#eee;
    padding-top:15px;
    padding-bottom:15px;
	padding-left:30px;
	padding-right:30px;
}
.sub-4-content > ul .sub_01 {
    width:calc(100% - 350px);
	
}
.sub-4-content > ul .sub_01 > span:nth-child(1) {
    display:block;
	font-weight:bold;
}
.sub-4-content > ul .sub_01 > span:nth-child(2) {
    display:block;
    font-size:0.75rem;
	padding-bottom:5px;
}
.sub-4-content > ul .sub_02 {
    padding-right:8px;
}
.sub-4-content div {/*선*/
    background-color:#ccc;
    width:100%;
    height:1px;
}
@media ( max-width:1200px ) {
    .sub-4-content > ul .sub_01 {width:80%;}
	.sub-4-content > ul .sub_02 {width:20%;}
    .sub-4-content > ul .sub_01 > span:nth-child(1) {margin-top:0px;}
}



/*** left css ***/



/*Styling top level items */
.nav a, .nav label {
  display: block;
  padding: 5px 15px;
  color: #333;
  background-color: #fff;
  box-shadow: inset 0 0px #d6d6d6;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}
.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: rgba(255, 255, 255, 1);
  background: #d6232e;
}
.nav label { cursor: pointer; }

/* Styling first level lists items */

.group-list a, .group-list label {
  font-size: 0.9rem!important;
  line-height: 26px;
  padding-left: 25px;;
  background: #e0e0e0;
  box-shadow: inset 0 1px #fff;
}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #333; }

/* Styling second level list items */

.sub-group-list a, .sub-group-list label {
  line-height: 24px;
  background: #fff;
  box-shadow: inset 0 0px #d6d6d6;
}
.sub-group-list li a {
  font-size: 0.85rem!important;
  padding-left: 28px!important;
}
.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #333; }



/* Hide nested lists */

.group-list, .sub-group-list, .sub-sub-group-list {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}
.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1200px; }


/* Rotating chevron icon */
.fa-angle-right {

}
label > span {
  float: right;
  vertical-align: middle;
  -webkit-transition: -webkit-transform .15s ease;
  transition: transform .15s ease;
}
.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*** left css end ***/