@charset "utf-8";
/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#logo {position:absolute; top:0px; left:20px; z-index:510;  }
#logo a {display:block;  width: 230px;  height:80px; background: url("../_images/logo.png") no-repeat left center;background-size:230px;}
#logo a img{width: 170px;}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#logo {position:absolute;  top:5px; left:10px; z-index:510;  }
#logo a {display:block;  width: 200px;  height:60px; background: url("../_images/logo.png") no-repeat left center; background-size:200px;}
#logo a img{width: 150px;}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


	

:root {
	
--div-color1: #c9c1f5; /* men1  기본컬러 :bg */
--div-color2: #f5e9b7; /* men1  기본컬러 :bg */
--div-color3: #9fedde; /* men1  기본컬러 :bg */
--div-color4: #ffc8c8; /* men1  기본컬러 :bg */


/* 사운드아이콘 , 포인트 컬러 1 */
--div-color1-ov: #877EBB;
--div-color2-ov: #B79D72;
--div-color3-ov: #68ADA0;
--div-color4-ov: #C78383;
	

/* 사운드아이콘 , 포인트 컬러 2 */
--div-color1-ov-on: #5F559C;
--div-color2-ov-on: #9F7C42;
--div-color3-ov-on: #3A9483;
--div-color4-ov-on:#B15A5A;	

}

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.table_intro_div{float:left; width:100%!important;display: grid; grid-template-columns: repeat(3, 1fr);}
.table_intro_div .inbox{float:left; width:100%!important;  border-top:2px solid #333;  border-right:1px solid #ccc; border-bottom:1px solid #ccc;  }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.table_intro_div{float:left; width:100%!important;display: grid; grid-template-columns: repeat(1, 1fr); border-right: none}
.table_intro_div .inbox{float:left; width:100%!important;  border-top:2px solid #333;  border-right:none; border-bottom:1px solid #ccc;  }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.table_intro_div .inbox:last-child{float:left; width:100%!important;  border-top:2px solid #333;  border-right:1px none; border-bottom:1px solid #ccc;  }
.table_intro_div .inbox .thead{float:left; width:100%;  box-sizing: border-box;  padding:18px 0px; color:#333333; font-size:18px; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight:700;    background-color: #f7f7f7 ; text-align: cente ; border-bottom: 1px solid #ccc ; text-align: center}


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.list_tx { float:left; width:100%;font-size: var(--f-18);font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);
	font-weight:400!important;   color:#000; line-height: 180%; letter-spacing: -1px;padding:30px 10px; box-sizing:border-box; text-align: center}}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.list_tx { float:left; width:100%;font-size: var(--f-18);font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);
	font-weight:400!important;   color:#000; line-height: 180%; letter-spacing: -1px;padding:10px 10px; box-sizing:border-box; text-align: center  }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.list_tx ul{ float:left; width:100%; }
	
.list_tx ul li{ padding-left: 15px; font-size: var(--f-16);font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);
	font-weight:400!important;   color:#000; line-height: 130%; letter-spacing: -1px; margin-bottom:10px; position: relative; 	text-align: left}
.list_tx ul li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 5px; top:8px; background-color: #000; content: "";  
	transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}