@charset "utf-8";
/* CSS Document */



@media screen and (max-width:699px) and (min-width:320px){

body{ overflow-x: hidden; }
	
	
.seoul-common-wrap{
	width:100%;
	overflow:hidden;
}

.seoul-common-wrap>img{ width:100%; }

section .last_Arti h3{
	margin-left:1%;
	margin-bottom:2%;
	text-align:left;
}


/*---------------------------------------섹션1_시작-------------*/

section article:first-child{
	width:100%;
	overflow:hidden;
}

section article:first-child .mainWrab{
	position:relative;
	width:100%;
}


section article:first-child img{
	width:100%;
	vertical-align:bottom;
}



/*---------------------------------------article_2시작-------------*/


section article:nth-child(2){
	margin-bottom:1%;
	background:#686868;

}



section article:nth-child(2) p{
	padding:1% 0;
	text-indent:5px;
	color:#fff;
}

section article:nth-child(2) p span{
	display:block;
	margin:5px 0;
	font-size: 1.3em;
	font-weight:bold;
	
}


/*---------------------------------------article_3 시작-------------*/

section .last_Arti{
	width:100%;
	overflow:hidden;
}

/*---------------------------------------article_3시작-------------*/

section .last_Arti{
	width:100%;
	overflow:hidden;
}

/*---------------------------------------article_3 첫번째 div-------------*/

section .last_Arti .slideBox{
	position:relative;
	width:100%;
	border-bottom:1px solid #ddd;
	
}

section .last_Arti .slideBox h3{
	margin-bottom:0;
}

section .last_Arti .slideBox p{
	position:relative;
	width:98%;	
	height:18px;
	margin-bottom:3%;
	text-align:center;
}



section .last_Arti .slideBox p>img{
	transform:scale(0,0);
	-webkit-animation-name:loudspeaker; 
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count:infinite; 
    animation-name:loudspeaker;
    animation-duration: 3s;
    animation-iteration-count:infinite alternate;}

/* Safari 4.0 - 8.0 }*/
@keyframes loudspeaker {
    0%   { transform:scale(0.8,0.8);}
    25%  { transform:scale(1,1);}
    50%  { transform:scale(0.8,0.8);}
    75%  {transform:scale(1,1);}
	100%  {transform:scale(0.8,0.8);}
}


/* Standard syntax */

/**/
@keyframes loudspeaker {
    0%   { transform:scale(0.8,0.8);}
    25%  { transform:scale(1,1);}
    50%  { transform:scale(0.8,0.8);}
    75%  {transform:scale(1,1);}
	100%  {transform:scale(0.8,0.8);}
}


/*---------------------------------------article_3 두번째 div-------------*/
section .last_Arti .tab{
	display:inline-block;
	width:98%;
	margin:auto;
	padding:1% 0;

}



section .last_Arti .tab a{
	color:#767676;
}



section .last_Arti .tab>ul{
	width:100%;
	overflow:hidden;
}


.tab>ul li{
	float:left;
	margin-left:2.5%;
	margin-bottom:-1px;
	padding:5px;
	border-top:1px solid #999;
}

.tab>ul li:first-child{
	margin-left:0;
}

.tab>ul li:last-child{
	margin-left:2%;
}


section .last_Arti .tab_content{
	display:inline-block;
	width:100%;
	text-align:center;
	border-top:1px solid #999;
	border-bottom:1px solid #999;	
}

/*------------------------------------------------------------------------------article_3 주소검색------------*/


.tab_content .search{
	width:100%;
	margin:10px 0;
}


.tab_content .search li{
	line-height:300%;
	margin-left:5%;
	clear:both;
}
	
	
.tab_content .search li select{
	width:33%;
	height:24px;
	margin-left:5%;
	padding:0 4%;
	border:1px solid #999;
	border-radius:5px;


}

/*---------------------------------------tab_1(공통)-------*/



.tab_content .search li input{
	background:#ebebeb;
	border:none;
	border-radius:5px;
}


.tab_content .search li input[type=text]{
	width:12%;
	height:20px;
	margin:0 2px;

}

.tab_content .search li input[type=button]{ 
	width:33%;
	height:35px;
	margin-left:3%;
	padding:2px 0;
	background:#7DC4EA;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}


/*---------------------------------------tab_2-------*/
#tab2 .search li input[type=text]{
	width:14%;
	margin-left:5.5%;

}


/*---------------------------------------article_3 세번째 div-------------*/

section .last_Arti .info{
	padding:1% 0;
}

section .last_Arti .info h3{
	margin-bottom:1%;
}

section .last_Arti .icon{
	padding:1% 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

section .last_Arti .icon table{
	width:90%;
}

section .last_Arti .icon table th{
	width:30%;
}

section .last_Arti .icon table td{
	width:60%;
}

section .last_Arti .icon table .ifText{
	font-size:1.1em;
	font-weight:bold;
}

section .last_Arti .icon table .tableBr{
	border-top:1px solid #ddd;
}


section .last_Arti .icon img{
	width:25%;
	min-width:50px;
	margin:3% 8%;
}



/*---------------------------------------article_3 네번째 div-------------*/

section .last_Arti .siteLink {
	text-align:center;
	margin:1% 0;
}

section .last_Arti .siteLink div{
	margin-bottom:5%;
}



section .last_Arti .siteLink select{
	border:none;
	width:22%;
	min-width:150px;
	margin:1% 6%;
	padding:5px;
	font-size:0.8em;
}
/*---------------------------------------article_3 다섯번째 div-------------*/

section .last_Arti .shortcut{
	position:relative;
	text-align:center;
	border-top:1px solid #ddd;
}


section .last_Arti .shortcut>img{
	width:97%;
	min-width:300px;
	margin-top:1%;
	margin-bottom: 1%;
	vertical-align:bottom;
}

section .last_Arti .shortcut div{
	display:inline-block;
	position:absolute;
	left: 23%;
    top: 36%;
	font-size:1.1em;
	font-weight:bold;
}

section .last_Arti .shortcut div a{
	color:#ea4444;
	border-bottom:1px solid #ea4444;
}

}


/*media*/


/*article3 주소검색*/
@media screen and (max-width:450px) and (min-width:320px){	
	.tab_content .search li{ margin-left:0;}	
}

/*tab1 공통*/
@media screen and (max-width:450px) and (min-width:320px){	
	.tab_content .search li input[type=text]{
		width:25%;
		height:20px;
	}	
	.tab_content .search li input[type=button]{
		width:90%;
	}
}