@charset "utf-8";

.container .svisual		{width:980px;background-color:#333;height:1px;margin:0 -30px 0 -30px;background: linear-gradient( 45deg, #80b351, #04508e );}

.mmsub {border-bottom:1px solid #333;margin-bottom:5px;}
.mmsub_ex						{list-style:none;margin:0px;padding:0px;}
.mmsub_ex 						{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.mmsub_ex:after					{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	
.mmsub_ex li					{float:left;padding:0px;margin:0px;} 

.mmsub_ex li	a				{display:block;padding:5px 10px 10px 10px;font-size:12px;line-height:1.6;color:#666;font-weight:400;letter-spacing:-0.0725em;text-align:center;text-decoration:none;transition: 0.3s;white-space:nowrap;}
.mmsub_ex li	a:hover			{color:#666;opacity:1;font-weight:500;}
.mmsub_ex li	a span			{}
.mmsub_ex li	a.on			{color:#666;opacity:1;font-weight:500;}

.contents				{float:right;width:670px;min-height:500px;position:relative;margin-top:20px;}
.contents 				{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.contents:after			{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

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


.sub_padd30 {padding:0 0 30px 0;}
/*
#container_title {position:relative;font-size:18px;margin:0px;font-weight:500;letter-spacing:-0.05em;font-family: 'Noto Sans KR', sans-serif;border-bottom:1px solid #eee;}
*/
#container_title {

	display: table;font-size:18px;
	margin:0px auto 30px auto;padding:30px 0px 20px 0px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;font-weight:300;letter-spacing:0.1em;color:#aaa;
	text-transform:uppercase;
	border-bottom:1px solid #eee;



}
#container_title span {margin:0px;line-height:1.2;display:block;color:#666}


.submain {height:160px;background-color:#eee;position:relative;}
.sbg00 {background: url('../img/sub/sbm00.jpg') center top no-repeat;background-attachment: fixed;}
.sbg01 {background: url('../img/sub/sbm01.jpg') center top no-repeat;background-attachment: fixed;}
.sbg02 {background: url('../img/sub/sbm02.jpg') center top no-repeat;background-attachment: fixed;}
.sbg03 {background: url('../img/sub/sbm03.jpg') center top no-repeat;background-attachment: fixed;}
.sbg04 {background: url('../img/sub/sbm04.jpg') center top no-repeat;background-attachment: fixed;}
.sbg05 {background: url('../img/sub/sbm05.jpg') center top no-repeat;background-attachment: fixed;}
.sbm_text01 {width:360px;height:auto;position:absolute;top:65px;left:50%;margin-left:-180px;}



.subtitle {
	display: table;
	margin:0 auto 50px auto;padding:30px 3px 20px 3px;

	font-size:18px;color:#333;text-transform: uppercase;letter-spacing:-0.05em;font-weight:700;
	border-bottom:3px solid #ebe6cd;

}

.subtitle2 {
	display: table;
	margin:0px 0px 30px 0px;padding:30px 0px 20px 0px;

	font-size:16px;color:#0168b7;text-transform: uppercase;letter-spacing:-0.05em;font-weight:700;
	border-bottom:3px solid #6fb1e3;

}


/* intro */
.iphoto {width:380px;min-height:400px;background-color:#eee;}
.iphoto img.per {width:100%;height:auto;}

.cont	{
	width:510px;min-height:400px;
	font-size:14px;line-height:1.8;letter-spacing:-0.05em;color:#666;


}
.cont .i_title {font-size:30px;letter-spacing:-0.1em;font-weight:300;line-height:1.2;margin-bottom:15px;}
.cont .i_title strong {font-weight:700;color:#333;}
.cont .p01 {color:#04508e;font-weight:700;}

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


.detail_v_img {width:600px;margin:0px auto;}
.detail_v_img img {width:100%;height:auto;margin-bottom:20px;}

.detail_v_img_info {width:890px;margin:20px auto;}
.detail_v_img_info img {width:100%;height:auto;margin-bottom:20px;}




/* Mobile Device */
/*@media screen and (max-width : 768px) {*/
@media all and (max-width: 768px) {

	.container .svisual		{width:100%;background-color:#333;height:1px;margin:0px;background: linear-gradient( 45deg, #80b351, #04508e );}
	.mmsub	{display:none;}
	.contents	{float:none;width:100%;min-height:500px;position:relative;margin-top:20px;}


	
	.sub_padd30 {padding:0 25px 30px 25px;}



	/* intro */
	.iphoto {width:100%;min-height:400px;background-color:#eee;}
	.iphoto img.per {width:100%;height:auto;}

	.cont	{
		width:100%;min-height:400px;
		font-size:14px;line-height:1.8;letter-spacing:-0.05em;color:#666;


	}
	.cont .i_title {font-size:30px;letter-spacing:-0.1em;font-weight:300;line-height:1.2;margin-bottom:15px;}
	.cont .i_title strong {font-weight:700;color:#333;}
	.cont .p01 {color:#04508e;font-weight:700;}

	.detail_v_img {width:100%;margin:0px auto;}
	.detail_v_img img {width:100%;height:auto;}
	.detail_v_img_info {width:100%;margin:0px auto;}
	.detail_v_img_info img {width:100%;height:auto;margin-bottom:20px;}


}