@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 #999; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#333; }
.h2_title_center{text-align:center; font-size:28px; padding:8px 20px; margin-bottom:30px; line-height:1.3em; color:#000; }
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; padding:15px 0;}
.h2_title_center b{color:#000; font-size:0.95em;}
.h2_title_center:after{content:'';display:block; width:100px; height:3px; background:#efefef; margin:15px auto;}

.cont_text{font-size:18px; line-height:1.6em; color:#333; overflow:hidden; clear:both; padding-bottom:15px; word-break:keep-all;;}
.cont_text_info{font-size:18px; line-height:1.6em; color:#666; overflow:hidden; padding:20px; border:5px solid #efefef; clear:both; margin-bottom:15px; }
.cont_text_important{padding:8px 20px; border-left:5px solid #efefef; font-size:18px; color:#666; line-height:1.6em; }
.cont_text_important h2{font-size:1.1em;}

.cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; border-radius:10px;}
.cont_img_right40p{display:block; width:40%; float:right; margin:0 0 20px 20px; border-radius:10px;}
.cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; border-radius:10px;}

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

.greetingImg{display:block; width:42%; float:right; margin:0 0 20px 20px; border-radius:10px;}
.greetingUl{padding:10px 0  0 20px;}
.greetingUl li{position:relative; padding:0 0 10px 28px;}
.greetingUl li b{color:RGBA(0,0,0,0.3);display:block; position:absolute; left:0px; top:0px;}

@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 #999; }

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

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

	.cont_text{font-size:13px; }
	.cont_text_info{font-size:13px; }
	.cont_text_important{font-size:13px; }
	
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:10px 0 30px; }
.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:#efefef; 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:1px solid #ddd; border-top:3px solid #ddd; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border:1px solid #ddd; padding:8px; }
.basic_table table thead th{background:#ededed; padding:15px 8px; color:#000;  text-align:center; }
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f5f5f5; color:#666; text-align:center; }
.basic_table table tbody td{background:#ffffff; color:#666; }
.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; border-radius:20px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}
@media all and (max-width:980px)
{
	.youtube_area{border-radius:10px;}
}





.orgPhoto{overflow:hidden; border-radius:20px; position:relative;}
.orgPhoto img{display:block;}

.photoTxt p{position:absolute; left:0px; bottom:0px; padding:30px; color:RGBA(255,255,255,0.8); font-size:14px; right:0px;
	background: linear-gradient(to top, RGBA(0,0,0,0.9), RGBA(0,0,0,0.0));}

.photoTxt p strong{display:block; font-size:22px; color:#fff; padding-bottom:15px;}
.photoTxt p small{font-size:12px;color:RGBA(255,255,255,0.5);}
.photoTxt p b{display:block; font-size:14px; color:#fff;}

@media all and (max-width:700px)
{
	.orgPhoto{border-radius:10px;}

	.photoTxt p{position:static; font-size:13px; 
		background: linear-gradient(to right top, #003d68, #0070c0);}

	.photoTxt p strong{font-size:18px;}
	.photoTxt p small{font-size:11px;}
	.photoTxt p b{font-size:13px;}
	
}




.mapTxt{ position:relative;}
.mapTxt:after{content:'';display:block; clear:both;}

.mapTxt h2{color:#000; font-size:26px; margin-bottom:25px;}
.mapTxt ul li{padding:0 0 15px 120px; position:relative; color:#666; font-size:18px;}
.mapTxt ul li b{display:block; position:absolute; left:0px; top:0px; color:#333;}
.mapTxt ul li b i{display:inline-block; margin-right:10px; color:RGBA(0,0,0,0.3); width:20px; text-align:center;}
.mapTxt p{position:absolute; right:0px; top:60px;}
.mapTxt p a{display:inline-block; font-size:16px; padding:15px 25px; background:#002c4b; color:#fff; border-radius:5px; margin:3px;}

.mapTxt p a.mapNaver{background:#03c75a;}



@media all and (max-width:1100px)
{
	.mapTxt p{position:static; float:right;}
	
}

@media all and (max-width:700px)
{
	.mapTxt h2{font-size:20px;}
	.mapTxt ul li{font-size:14px; padding-left:80px;}
	.mapTxt ul li b{}
	.mapTxt p a{font-size:14px; padding:10px 15px;}
	
}

.contPage{}
.contPage h3{color:#333; padding-bottom:20px; margin-bottom:20px; font-size:16px; display:inline-block; border-bottom:1px dashed #efefef;}
.contPage h3:before{content:'☑️'; display:inline-block; padding-right:10px;}
.contPage h3 i{display:inline-block; width:20px; height:20px; line-height:20px; background:#333; color:#fff; border-radius:50px; 
	font-size:13px; font-style:normal; text-align:center;}
	
.contPage > p{font-size:16px; color:#666;line-height:1.6em;}

.imprtTxt{font-size:16px; color:#000; padding:15px 30px; border-left:10px solid #efefef; line-height:1.6em;}
.imprtTxtImgBg{padding:60px; font-size:18px; color:#fff; line-height:1.8em; background:URL('../img/imprtTxtImgBg.jpg') no-repeat center center #000; background-size:cover; border-radius:10px; }

.proc01{overflow:hidden; position:relative; margin-bottom:30px;}
.proc01 img{border-radius:8px; margin:0 auto;}
.proc01 p{padding-right:28%; text-align:center;}
.proc01 u{display:block; position:absolute; right:0px; bottom:0px; width:23%; text-align:center;}

.proc01short{width:80%; max-width:500px;}

.proc02{overflow:hidden; padding-bottom:30px;}
.proc02 > div{ width:31%; margin:0 1%; float:left; text-align:center;}
.proc02 > div i{display:block;}
.proc02 > div i img{margin:0 auto; display:block;border-radius:8px;}
.proc02 > div p{padding:10px; font-size:13px;}

.proc03{overflow:hidden; margin-bottom:30px; position:relative;}
.proc03 > div{ width:24.333%; margin:0 1%; float:right; text-align:center;}
.proc03 > div:first-child{width:70.666%; float:left; position:absolute; left:0px; top:0px; bottom:0px; overflow:hidden;
	background:URL('../img/proc03_1.png') no-repeat center center #fbfaf3; background-size: 80% auto; border-radius:8px;}
.proc03 > div:first-child i img{opacity:0;}
.proc03 > div i{display:block;}
.proc03 > div i img{margin:0 auto; display:block;border-radius:8px;}
.proc03 > div p{padding:10px; font-size:13px;}


.proc032 > div{ width:48%; float:none; margin:0 auto;}
.proc032 > div p{}


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

	.contPage h3{font-size:14px;}
	.contPage > p{font-size:13px;}

	.imprtTxt{font-size:14px; padding:10px 15px;border-left:5px solid #efefef; line-height:1.4em;}
	.imprtTxtImgBg{padding:30px; font-size:14px; line-height:1.4em;}


	.proc02 > div{ width:60%; max-width:300px; margin:0 auto; float:none;}
	.proc02 > div p{padding-bottom:20px;}
	
}