@charset "utf-8";
/*#header					{border-bottom:1px solid #dedede;}*/


.container				{width:100%;min-height:100px;margin:30px 0 30px 0;padding:0px 0 0px 0;}
.container 				{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.container:after		{content: "";display: block;height: 0;clear: both;visibility: hidden;}	


/* waypoint */
.container	{opacity: 1;}


/*.contents				{width:900px;min-height:500px;padding:0px 0px 0px 0;position:relative;}*/
.contents				{width:100%;min-height:400px;padding:30px 0px 50px 0;position:relative;}
/*.snb					{width:230px;}*/

/*

#container_title {
	display:table;
	margin:30px 0 20px 0;
	border-bottom:none;
	padding-bottom:0px;
	
}
#container_title em	{display:block;font-style:normal;font-size:18px;font-weight:700;text-align:center;}
#container_title span {
	text-transform: uppercase;
	font-size:18px;font-weight:700;
	letter-spacing:-0.05em;
}

*/

#container_title {
	display:table;
	margin:30px 0px 20px 0px;
	border-bottom:none;
	background-color:#cfcfcf;
	border-radius:5px;
	padding:10px 20px 0 20px;
	
	
}
#container_title em	{display:block;font-style:normal;font-size:18px;font-weight:700;text-align:center;}
#container_title span {
	text-transform: uppercase;
	font-size:15px;font-weight:700;
	letter-spacing:-0.025em;
	line-height:1.2;
	color:#000;
}


.subtitle {
	display: table;
	margin:50px 0 15px 0;padding:0px 0px 15px 0px;
	font-size:24px;color:#888;/*text-transform: uppercase;*/letter-spacing:-0.05em;font-weight:400;
	transition: 0.3s;


}
.subtitle  i {font-size:16px;font-style:normal;vertical-align:top;margin-right:-15px;color:#1e58ff;transition: 0.3s;}
.subtitle  em {font-style:normal;font-size:24px;color:#666;text-transform: uppercase;font-weight:700;}

.subtitle:hover i  {margin-right:-10px;}




.stitle1 {
	display: table;
	margin:20px 0 20px 0;padding:20px 0px 15px 0px;
	font-size:20px;color:#333;text-transform: uppercase;letter-spacing:-0.015em;font-weight:700;
	border-bottom:1px solid #dedede; 
	transition: 0.3s;

}
.stitle1  i {display:inline-block;font-style:normal;vertical-align:top;margin-right:5px;font-size:24px;color:#8cc63f}
.stitle1  em {font-style:normal;font-size:16px;color:#666;text-transform: uppercase;letter-spacing:-0.05em;font-weight:700;}


.stitle2 {
	display: table;
	margin:0 0 10px 0;padding:10px 0px 0px 0px;
	font-size:15px;color:#333;text-transform: uppercase;letter-spacing:-0.015em;font-weight:700;
	border-bottom:1px dashed #dedede 
	transition: 0.3s;

}
.stitle2  i {display:inline-block;font-style:normal;vertical-align:top;margin-right:5px;font-size:16px;color:#666;}
.stitle2  em {font-style:normal;font-size:15px;color:#666;text-transform: uppercase;letter-spacing:-0.05em;font-weight:700;}



.stitle3 {
	display: block;
	margin:35px 0 0px 0;padding:0px 0px 0px 0px;
	font-size:16px;color:#666;text-transform: uppercase;letter-spacing:-0.05em;font-weight:500;
	
	transition: 0.3s;

}
.stitle3  em {display:block;margin:0 0 20px 0;padding:0px 0px 20px 0px;
	font-style:normal;font-size:30px;color:#333;text-transform: uppercase;letter-spacing:-0.05em;font-weight:700;
	border-bottom:2px dashed #dedede ;
}


.stitle4 {
	display: table;
	margin:35px auto 0px auto;padding:0px 0px 0px 0px;
	font-size:16px;color:#56beb7;text-transform: uppercase;letter-spacing:-0.05em;font-weight:500;
	text-align:center;
	
	transition: 0.3s;

}
.stitle4  em {display:block;margin:0 0 20px 0;padding:0px 0px 20px 0px;
	font-style:normal;font-size:30px;color:#333;text-transform: uppercase;letter-spacing:-0.05em;font-weight:700;
	border-bottom:2px dashed #dedede ;border-color:#
}





.text_ef1 {font-style:normal;font-size:40px;color:#333;text-transform: uppercase;letter-spacing:-0.05em;font-weight:700;}
.text_ef1 em {font-style:normal;color:#1e58ff;font-weight:700;}


.tag1			{text-align:center;margin-bottom:30px;}
.tag1	a		{
	display:inline-block;background-color:#ffa200;padding:2px 7px 3px 5px;border-radius:5px;color:#fff;
	letter-spacing:-0.05em;transition: 0.3s;
	margin-bottom:5px;
}
.tag1	a:hover	{background-color:#f06600;}
.tag1	a.ex1		{background-color:#ff5400;}
.tag1.line1	{padding-bottom:20px;border-bottom: 3px dashed #dedede;}

.cont_point1	{background-color:#fdf7f9;padding:20px 30px;border-radius:20px;}
.cont_point2	{background-color:#ffece1;padding:20px 30px;border-radius:20px;}



.cont_b01		{font-size:18px;line-height:1.6;font-weight:400;letter-spacing:-0.0325em;margin-bottom:20px;}
.cont_b01 .subs	{font-size:15px;line-height:1.4;font-weight:400;letter-spacing:-0.05em;padding:3px 0 10px 10px;color:#666;}

.cont_b01 strong	{display:block;font-size:18px;line-height:1.6;font-weight:700;letter-spacing:-0.05em;margin:20px 0;}





.cont_b02		{font-size:16px;line-height:1.6;font-weight:500;letter-spacing:-0.05em;margin-bottom:20px;color:#666;}
.cont_b02 strong	{display:block;font-size:16px;line-height:1.6;font-weight:700;letter-spacing:-0.05em;margin:20px 0;color:#000;}


.cont_t01 {color:#aaa;font-size:34px;line-height:1.2;font-weight:200;letter-spacing:-0.05em;padding:0 0px;margin:30px 0;}
.cont_t02 {color:#666;font-size:16px;line-height:1.2;font-weight:700;letter-spacing:-0.05em;padding:0 0px;margin:10px 0;}

.cont_desc01 {padding:0 0px 0 0px;font-size:1.125em;line-height:1.6;text-align:justify;letter-spacing:-0.05em;}
.cont_desc02 {padding:0 0px 0 0px;font-size:1.125em;line-height:1.6;text-align:justify;letter-spacing:-0.05em;}

.cont_img01		{width:100%;height:auto;margin:30px 0;text-align:center;}
.cont_img01	img	{width:auto;height:auto;}

.cont_img01_3ea		{width:100%;height:auto;margin:30px 0;text-align:center;}
.cont_img01_3ea	img	{display:inline-block;width:33%;height:auto;}

.cont_img02		{width:100%;height:auto;margin-bottom:30px;}
.cont_img02	img	{width:100%;height:auto;}


.cont_img03		{width:100%;height:auto;margin-bottom:30px;border:1px solid #dedede;}
.cont_img03	img	{width:100%;height:auto;}








.zoom {transition: transform .2s; }
.zoom:hover { transform: scale(1.1);}

.youtu_m20px {margin:0px;}
.youtubebx {width:100%;background-color:#000;padding:20px 0 30px 0;min-height:500px;margin-bottom:20px;}

.mscroll {overflow-x:auto;}



#bo_w .write_div {margin:20px 0;position:relative}
 /*.btn_confirm {text-align:left} 서식단계 진행 */
.btn_cancel {font-size:15px !important;}
.btn_submit {border:0;background:#333;color:#fff;cursor:pointer;font-size:15px !important;border-radius:3px;transition: 0.3s;}
.btn_submit:hover {background:#000;}



.bt_list {text-align:center;margin-top:30px;margin-bottom:30px;}
.bt_list a i {font-size: 24px;}

.bt_list2 {text-align:center;margin-top:30px;margin-bottom:30px;}
.bt_list2 a {

	background-color:#ec6600;color:#fff;
	border-radius:5px;
	vertical-align:middle;
	transition: 0.3s;
}
.bt_list2 a i {font-size: 18px;vertical-align:middle  ;line-height:1.2;}
.bt_list2 a span {font-size: 16px;font-weight:500;line-height:1.2;letter-spacing:-0.05em;margin-left:3px;vertical-align:middle;}
.bt_list2 a:hover {color:#fff;background-color:#e8340c;}

.btn1 {text-align:center;margin:30px auto;}
.bt_list3 {
	text-align:center;
	padding:8px 15px;
	border:none;
	background-color:#ec6600;color:#fff;
	
	border-radius:5px;
	vertical-align:middle;
	transition: 0.3s;
}
.bt_list3 i {font-size: 18px;vertical-align:middle  ;line-height:1.2;}
.bt_list3 span {font-size: 16px;font-weight:500;line-height:1.2;letter-spacing:-0.05em;margin-left:3px;vertical-align:middle;}
.bt_list3:hover {color:#fff;background-color:#e8340c;}


.bar	{display:block;height:1px;background-color:#eee;overflow:hidden;clear:both;}
.subs_t1 {text-align:center;background-color:#333;color:#fff;padding:20px 0;border-radius:4px;font-size:15px;letter-spacing:-0.05em;}






/* 내용 공통 */




.tbl_frm02 {margin-bottom:20px;}
.tbl_frm02 th {
	font-size: 15px;
	font-weight: 400;
	letter-spacing:-0.05em;
	width: *;
    padding: 10px 10px;
    border: 1px solid #e9e9e9;
	
	background-color:#f6f6f6;
}

.tbl_frm02 td {
	font-size: 15px;
    font-weight:400;
	letter-spacing:-0.05em;
	width: *;
    border: 1px solid #e9e9e9; 
    padding: 10px 10px;
	
}


.service_p .service_p1						{list-style:none;margin:0px -10px;padding:0px;text-align:center;zoom:1}
.service_p .service_p1 						{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.service_p .service_p1:after				{content:"";display: block;height: 0;clear: both;visibility: hidden;}	
.service_p .service_p1 li					{float:left;padding-left:10px;padding-right:10px;margin:0px;box-sizing:border-box;} 
.service_p .service_p1 li					{width:calc(100%/3);} 
.service_p .service_p1 li					{letter-spacing:-0.05em;color:#888;font-size:16px;font-weight:400;line-height:1.4;}
.service_p .service_p1 li a					{display:block;}
.service_p .service_p1 li img				{width:100%;height:auto;transition: 0.3s;border-radius:10px;}
.service_p .service_p1 li .data1			{display:block;transition: 0.3s;padding:15px 0px 15px 0px;margin-bottom:0px;transition: 0.3s;} 

.service_p .service_p1 li em				{display:block;margin:0px 0 0px 0;font-style:normal;font-size:16px;margin:0 0 8px 0;font-weight:500;letter-spacing: -0.05em;transition: 0.3s;}
.service_p .service_p1 li:nth-child(3n+1) {clear:both;}




.service_p .service_p2						{
	list-style:none;margin:0px 0px 20px 0px;padding:0px;text-align:center;zoom:1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.service_p .service_p2 						{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.service_p .service_p2:after				{content:"";display: block;height: 0;clear: both;visibility: hidden;}	
.service_p .service_p2 li					{float:left;padding-left:0px;padding-right:0px;margin:0px;box-sizing:border-box;} 
.service_p .service_p2 li					{letter-spacing:-0.05em;color:#888;font-size:16px;font-weight:400;line-height:1.4;}
.service_p .service_p2 li					{} 
.service_p .service_p2 li.arrow				{padding-left:0px;padding-right:0px;} 
.service_p .service_p2 li.arrow	i			{font-size:36px;} 

.service_p .service_p2 li a					{display:block;}
.service_p .service_p2 li .data1			{
	display:block;width:120px;height:120px;transition: 0.3s;
	padding:10px;
	border:5px solid #8cc63f;
	text-align:center;
	border-radius:50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
} 
.service_p .service_p2 li .data1 em				{display:block;font-style:normal;font-size:20px;font-weight:700;letter-spacing: -0.05em;transition: 0.3s;}
.service_p .service_p2 li:hover .data1			{border:5px solid #e83e3a;}




.wrap_controllers  {display:none;}
.border1, .border2, .border3, .border4 {display:none;width:0px;height:0px;border:none !important;}
#daumRoughmapContainer1723439216816 {width:100% !important;border-radius:20px;}



.list_sub1 {list-style-type: disc;line-height: 1.4;margin-left:10px;margin-bottom:20px;}
.list_sub1 li {margin-bottom:10px;font-size:16px;letter-spacing:-0.05em;color:#666;text-align:justify;}
.list_sub2 {list-style-type: disc;line-height: 1.4;margin-left:30px;margin-bottom:20px;}
.list_sub2 li {margin-bottom:10px;font-size:16px;letter-spacing:-0.05em;color:#666;text-align:justify;}


.operating1 {list-style-type: disc;line-height: 1.4;margin-left:30px;margin-bottom:0px;}
.operating1 li {margin-bottom:5px;font-size:16px;letter-spacing:-0.05em;}
.operating1 li:marker {
  color: #aaa;
}

.operating2 {list-style-type: decimal;line-height: 1.4;margin-left:30px;margin-bottom:0px;}
.operating2 li {margin-bottom:5px;font-size:16px;letter-spacing:-0.05em;}
.operating2 li:marker {
  color: #aaa;
}

.operating2 li strong {display:block;color:#000;font-weight:700;margin-bottom:5px;}




.sbtn4 {
	display:table;
	text-align:left;font-size:15px;font-weight:700;letter-spacing:-0.05em;
	background-color:#e8403c;color:#fff;
	padding:10px 20px;margin:20px 0;border-radius:5px;
	
	transition: 0.3s;

}

.sbtn4 i {
	font-size:12px;margin-left:10px;

}

.sbtn4:hover {opacity:0.8;}

.stn1 {background-color:#aaa;}
.stn4 {background-color:#e8403c;}


.sub_tab3 {margin:-100px auto 50px auto;text-align:center;}
.sub_tab3 a {display:inline-block;padding:15px 30px 16px 30px;border:1px solid #dedede;border-radius:10px;background-color:#fff;transition: 0.3s;}
.sub_tab3 a:hover,
.sub_tab3 a.on {display:inline-block;padding:15px 30px 16px 30px;border:1px solid #1e58ff;border-radius:10px;background-color:#1e58ff;color:#fff;}



.width3 {width:30%;}
.width4 {width:40%;}
.width5 {width:50%;}
.width6 {width:60%;}
.width7 {width:70%;}


.fold_list {list-style:none;}
.fold_list > li {border-bottom:1px solid #eee;letter-spacing:-0.05em;}
.fold_list > li > a {display:block; padding:20px 3px 18px 3px;font-weight:400;color:#000;font-size:15px;}
.fold_list > li > div {background-color:#f6f6f6;padding:20px 10px 30px 10px;font-weight:400;color:#666;font-size:15px;line-height:1.6; display:none;}



@media screen and (max-width:1200px){
  
}
@media screen and (max-width:1024px){
	.svisual	{
		width:100%;height:80px;margin:0px 0 0 0;position:relative;
		background-color:#f0ebe7;
	}

	.sbg1				{background-position:35% top;}
	.sbg2				{background-position:35% top;}
	.sbg3				{background-position:35% top;}
	.sbg4				{background-position:35% top;}
	.sbg5				{background-position:35% top;}
		
	
	.contents				{float:none;width:100%;min-height:300px;overflow:hidden;padding:30px 0 0px 0;position:relative;border-right:none;}
	.snb {display:none;}

}
@media screen and (max-width:960px){
	 


  
}
@media screen and (max-width:768px){


	.contents				{width:100%;min-height:300px;overflow:hidden;padding:0px 0 50px 0;position:relative;}
	#container_title {
		display:table;
		margin:30px 0px 20px 0px;
		border-bottom:none;
		background-color:#cfcfcf;
		border-radius:5px;
		padding:10px 20px 0 20px;
		
		
	}
	#container_title em	{display:block;font-style:normal;font-size:18px;font-weight:700;text-align:center;}
	#container_title span {
		text-transform: uppercase;
		font-size:15px;font-weight:700;
		letter-spacing:-0.025em;
		line-height:1.2;
		color:#000;
	}





	.header_contents {
		position:relative;    
		display: flex;
		flex-direction: column;
		align-items: left;
		border-bottom:1px solid  #efefef;
		margin-bottom:20px;
	}
	
	
	.location_bar {
		margin:0px auto 20px auto;
		position:relative;    
		display: flex;
		flex-direction: row;

	}
	.location_bar i {font-size:18px;vertical-align:bottom;margin:0px 10px 0 0;padding:0px;}
	.location_bar a {display:inline-block;font-size:15px;letter-spacing:-0.05em;}
	.location_bar span {margin:0px;line-height:24px;display:block;color:#333;font-weight:400;}




	.ctt_admin {display:none;}
	.cont_t01 {color:#aaa;font-size:34px;line-height:1.2;font-weight:200;letter-spacing:-0.1em;padding:0 20px;margin:30px 0;}
	.cont_t02 {color:#666;font-size:16px;line-height:1.2;font-weight:500;letter-spacing:-0.05em;padding:0 20px;margin:10px 0;}
	.cont_desc01 {padding:0 20px 0 20px;font-size:14px;line-height:2;text-align:justify;}
	.cont_desc02 {padding:0 20px 0 20px;font-size:13px;line-height:1.6;text-align:justify;}

	.sub_tab3 {margin:-20px auto 30px auto;text-align:center;}
	.sub_tab3 a {display:inline-block;padding:10px 10px 10px 10px;border:1px solid #dedede;border-radius:10px;background-color:#fff;letter-spacing:-0.05em;transition: 0.3s;font-size:13px;}
	.sub_tab3 a:hover,
	.sub_tab3 a.on {display:inline-block;padding:10px 10px 10px 10px;border:1px solid #1e58ff;border-radius:10px;background-color:#1e58ff;color:#fff;}



	.width3 {width:100%;}
	.width4 {width:100%;}
	.width5 {width:100%;}
	.width6 {width:100%;}
	.width7 {width:100%;}



}
@media screen and (max-width:640px){


	.write_t1			{margin:30px 0 30px 0;line-height:1.2;display:block;color:#666;font-weight:300;letter-spacing:-0.05em;font-size:20px;}
	.write_t1 strong	{font-style:normal;font-weight:700;color:#333;}
	.write_t1 em		{font-style:normal;margin-top:10px;font-size:15px;display:block;font-weight:500;color:#333;}



	.bg_int01 .int_img1 {text-align:center;}
	.int_resp1 {color:#ec6600;padding:30px 25px 0 25px;}
	.service_p .service_p3 li					{width:calc(100%/2);} 
	.service_p .service_p5 li					{width:calc(100%/2);} 

}
@media screen and (max-width:480px){

}