@charset "utf-8";


body { background-color:#fff; }
table, th, td{word-break:break-word;}
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }
.area{ max-width:1300px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1600px; margin:0px auto; }

/* Fullpage Layout */
.fullpage-html{overflow:hidden; height:100%;}
.fullpage-html #wrap{position:static;}




/* ****************** 공통레이아웃 ********************** */
@media all and (max-width:100%){	/* max-width : (area-box width) + 60px */
	.area-box{padding:0 30px; max-width:none;}
}
@media all and (max-width:1360px){ /* max-width : (area width) + 60px */ 
	.area{padding:0 30px; max-width:none;}
}
@media all and (max-width:1024px){
	.area-box,
	.area{padding:0 15px}
}

/* ****************** HEADER ********************** */
@media all and ( max-width: 100% ){
	/* -------- Header :: Layout -------- */
	#headerInner{padding:0 30px}
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box {right:30px;}

}
@media all and (max-width:1366px){
	/* -------- Header :: GNB(PC) -------- */
	#gnb > ul {position:relative; left:30px;}
 	#gnb > ul > li > a{ padding:0 35px}
	#gnb.total-menu > ul > li .gnb-2dep ul li a {font-size:15px; } 
}





.cm-tit {font-size:3.375em; letter-spacing: -0.01203em; line-height:1.29; color: #000; font-weight:100;}
.cm-tit-02 {font-size:2em; letter-spacing: -0.04em; line-height:1.5; color: #000; font-weight:300;}
.cm-txt {font-size:1.125em; letter-spacing: -0.04722em; line-height:1.77; color: #939393; font-weight:300;}
.red-txt {color: #01b1fd;}




.management-con .tit-box .cm-tit {display:block; margin-top:0.37em;}
.management-con .con-box {margin-top:100px;}
.management-list {display:flex; margin:0 -2.276%;}
.management-list li {width:28.781%; margin:0 2.276%;}
.management-list li dt {overflow:hidden;}
.management-list li img {width:100%; box-shadow:20px 20px 30px rgba(0, 0, 0, 0.27); 	
	-webkit-transition:transform 0.3s;
	-moz-transition:transform 0.3s;
	-o-transition:transform 0.3s;
	-ms-transition:transform 0.3s;
	transition:transform 0.3s}
.management-list li:hover img {
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.management-list li dd {margin-top:2.375em;}
.management-list li b {font-size:1em; color: #01b1fd; font-weight:800;}
.management-list li .tit {display:block; font-size:2em; letter-spacing: -0.02031em; line-height:1.125; color: #000;  font-weight:300; margin-top:0.25em;}
.management-list li .cm-txt {margin-top:1.125em;}



@media all and (max-width:480px){
	.management-list {display:block; margin:-20px 0;}
	.management-list li {width:100%; margin:20px 0;}
}