@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 텍스트 */
.h2_title{padding:8px 20px; border-left:5px solid #000; font-size:22px; margin-bottom:20px; line-height:1.3em; color:#000; }
.h3_title{padding:8px 20px; border-left:5px solid #ddd; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#183764; }
.h2_title_center{text-align:center; font-size:30px; padding:8px 20px; margin-bottom:50px; line-height:1.3em; color:#000; }
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; }

.cont_text{font-size:16px; line-height:1.6em; color:#666; overflow:hidden; clear:both; padding-bottom:15px; }
.cont_text_info{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; padding:20px; border:2px dashed #ddd; clear:both; margin-bottom:15px; }
.cont_text_important{padding:8px 20px; border-left:5px solid #ddd; font-size:16px; color:#957958; line-height:1.3em; }

.cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; }
.cont_img_right40p{display:block; width:40%; float:right; margin:0 0 30px 30px; }
.cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; }
.cont_img_left40p{display:block; width:40%; float:left; margin:0 30px 30px 0; }

.hrDline{display:block; border:0px; border-top:2px dashed #ddd; height:30px; clear:both; margin-top:30px;}

.map2D{width:100%; overflow:hidden;}
.map2D > div{width:49%; float:left;}
.map2D > div:nth-child(2){float:right;}


.mapUl{list-style:square;padding-left:20px;}
.mapUl li{padding-bottom:4px; padding-top:4px;}
.mapUl li em{color:#ddd; display:inline-block; padding:0 8px;}


.historyUl{border-left:1px solid #ddd; padding-left:30px; margin-left:15px;}
.historyUl li{padding-bottom:15px; padding-top:15px; position:relative;}
.historyUl li i{display:block; color:#999; width:26px; height:26px; line-height:26px; text-align:center; border-radius:50%;  background:#ddd; position:absolute; left:-43px; top:15px;}
.historyUl li b{display:block; color:#40669b; font-size:1.2em; padding-bottom:5px;}

 
.pillBg{width:100%; overflow:hidden; background:URL(../img/pillBg.jpg) no-repeat center center; background-size:50% auto; position:relative;}

.pillBg dl{padding:30px; border-radius:15px; background:RGBA(255,255,255,0.5); border:1px dashed #999; color:#999; font-size:18px; width:45%; float:left; margin:30px 0; cursor:default;
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.pillBg dl dt{padding-bottom:15px; color:#1b2c44; font-size:30px; font-weight:bold; }
.pillBg dl dt:after{content:'';display:block; width:10%; height:2px; background:#f56231; margin-top:20px; clear:both;
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.pillBg dl:hover  dt:after{width:100%;}
.pillBg dl:hover {color:#1b2c44;}

.pillBg dl:nth-child(even){float:right;}



.bmpList{width:100%;}
.bmpList:after{content:'';display:block; clear:both;}
.bmpList li{float:left; width:18%; margin:1%; text-align:center; padding-bottom:20px;}
.bmpList li a{display:block; position:relative; background:#f3f4f5; padding:0; border:1px solid #ddd; border-radius:10px; color:#1b2c44;
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.bmpList li i{display:block; margin:15px; background:#fff; overflow:hidden;  border-radius:5px;}
.bmpList li i img{display:block; width:100%;
	-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.bmpList li b{display:block; padding:5px 5px 20px 5px; font-size:12px; height:50px;}
.bmpList li a:hover i img{transform: scale(1.1);}
.bmpList li a u{text-decoration:none; position:absolute; left:-10px; top:50%; margin-top:-10px; font-size:23px; color:#f56231;}

.bmpList3d li{width:31.33333%;}


.basic_table_bp{width:100%; overflow:hidden;}


.basic_table_bp01{width:22%; float:left;}
.basic_table_bp01 i{display:block; overflow:hidden; border-radius:10px; margin-bottom:10px;}
.basic_table_bp01 i img{display:block; }


.basic_table_bp .basic_table{width:76%; float:right;}




@media all and (max-width:980px)
{
	.h2_title{font-size:18px; padding:5px 15px; border-left:3px solid #000; }
	.h3_title{font-size:15px; padding:5px 15px; border-left:2px solid #ddd; }

	.cont_text{font-size:14px; line-height:1.4em; }
	.cont_text_info{font-size:13px; line-height:1.4em; }
	.cont_text_important{font-size:14px; padding:5px 15px; border-left:2px solid #ddd; }

	
	.map2D > div{width:100%; float:none;}
	.map2D > div:nth-child(2){float:none; margin-top:40px;}

	.pillBg dl,
	.pillBg dl:nth-child(even){width:100%; float:none; padding:20px;}

	
	.EquipmentsList li{ width:48%;}

	.bmpList li{width:23%;}
	.bmpList3d li{width:31.33333%;}
	
}

@media all and (max-width:700px)
{

	.bmpList li{width:31.33333%;}

	.basic_table_bp01{width:100%; text-align:center; float:none;}
	.basic_table_bp01 i{display:inline-block; width:40%; margin:1%;}
	.basic_table_bp .basic_table{width:100%; float:none;}
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px; }
	.h2_title_center small{font-size:13px; font-weight:normal; }

	.cont_text{font-size:13px; }
	.cont_text_info{font-size:12px; }
	.cont_text_important{font-size:13px; }
	
	.pillBg{background-size:70%;}
	.pillBg dl{font-size:13px;}
	.pillBg dl dt{font-size:20px;}

	.EquipmentsList li{float:none; width:98%;}

	.bmpList li{width:48%;}
	.bmpList3d li{width:100%;}
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:30px 0; }
.figure_list li{width:25%; float:left; text-align:center; }
.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px; }
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px; }

@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center; }
	.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
	.figure_list li strong{font-size:16px; }
	.figure_list li span{font-size:11px; }
	
}

/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.basic_table table{width:100%; border-bottom:1px solid #ddd; border-top:3px solid #1b2c44; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border-bottom:1px solid #ddd; padding:15px 8px; }
.basic_table table thead th{background:#dde3ec; padding:15px 8px; color:#000;  text-align:center; font-size:16px;}
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f3f6fb; color:#57687f; text-align:center; }
.basic_table table tbody td{background:#ffffff; color:#666; text-align:center; font-size:14px;}
.basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; color:#999; }










/* 유튜브영상삽입 */
.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}