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




@media screen and (min-width:1150px){


section article:first-child{ left:0%; }
section .last_Arti{ right:0%; }

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

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


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

/*----------------------------------------article_1시작------------*/

section article:first-child{
	position:relative;
	width:56%;
	margin-left:2%;
	float:left;
	z-index:10;
}

section article:first-child img{ width:95%; }

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

section article:nth-child(2){
	position: absolute;
	width: 60%;
    float: left;
	z-index:5;
    /* background:linear-gradient(#f8f8f8, #f8f8f8, #686868, #686868); */
    background:url(/safe/SeoulEqk/images/common/gr_bg.png) no-repeat;
    background-position: center bottom;
}



section article:nth-child(2) p{
	position:absolute;
	bottom:0;
	text-indent:5px;
	color:#fff;
}

section article:nth-child(2) p span{
	font-size: 1.3em;
	font-weight:bold;
	
}


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

section .last_Arti{
	width:35%;
	margin:auto;
	margin-top:1%;
	overflow:hidden;
}



section .last_Arti div {
	width: 85%;
    margin-left: 6%;
}


section .last_Arti .icon img { width: 25%; }
section .last_Arti .siteLink{ display:none; }

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

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

section .last_Arti .slideBox p span{ font-size:0.9em;}

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:93%;
	margin:auto;
	margin-left:6%;
	padding:1% 0;

}
section .last_Arti .tab a{ color:#444; }
section .last_Arti .tab>ul{
	color:#767676;
	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:last-child{ margin-left:1%; }


section .last_Arti .tab_content{
	display:inline-block;
	width:100%;
	margin-left:2.5%;
	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:230%;
	margin-left:8%;
	clear:both;
}


.tab_content .search li select{
	width:29%;
	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:10%;
	min-width:37px;
	height:20px;
	margin:0 2%;
}

.tab_content .search li input[type=button]{
	width:25%;
	height:35px;
	margin-left:1.5%;
	padding:2px 0;
	background:#7DC4EA;
	color:#000;
	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{ 
	width:95% !important;
	padding:1% 0; }
section .last_Arti .info h3{ margin-bottom:0; }
section .last_Arti .icon{
	padding:1% 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
section .last_Arti .icon table{ width:100%; }
section .last_Arti .icon table th{ width:30%; }
section .last_Arti .icon table td{ width:64%; }

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:30%;
	min-width:50px;
	margin:3% 8%;
	transition:all ease-in 0.3s;
}

section .last_Arti .icon table img:hover{ transform:rotateY(180deg); }
/*---------------------------------------article_3  네번째 div-------------*/


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



section .last_Arti .siteLink select{
	width:33%;
	margin:0 7%;
	margin-bottom:1.5%;
	border:none;
	font-size:1em;
}




/*---------------------------------------article_3  다섯번째 div-------------*/

section .last_Arti .shortcut{
	position:relative;
	width:100%;
	margin-left:3%;
	text-align:center;
}


section .last_Arti .shortcut>img{
	/* width:93%;
	vertical-align:bottom; */
	width: 83%;
    vertical-align: bottom;
    margin-bottom: 1%;
    cursor: pointer;
}

section .last_Arti .shortcut div{
	position:absolute;
	left: 0%;
    top: 31%;
	display:inline-block;
	font-weight:bold;
}

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


}

/*media*/

/*주소*/
@media screen and (max-width:1280px) and (min-width:700px){
	.tab_content .search li select{ width:29%; }
}

@media screen and (max-width:1353px) and (min-width:700px){
	.tab_content .search li input[type=text]{
		margin-left:1%;
		margin-right:0;
	}
	.tab_content .search li input[type=button]{ width:25%; }			
}

/*article3 첫번째*/
@media screen and (max-width:1567px) and (min-width:700px){
	section .last_Arti .siteLink select{
		width:35%;
		font-size:0.9em;
	}
	
}

/* 20240118_layer_pop */
.layer_pop{position:absolute;left:0;top:50px;max-width:500px;z-index:99999;border:1px solid #666;box-shadow:0 0 10px rgba(0,0,0,.5);}
.video_pop{max-width:642px;left:510px;top:50px;}
.video_pop2{max-width:642px;left:1020px;top:50px;}
.notice{max-width:500px; left:1020px;top:450px;}
.pop2{max-width:350px; left:1020px;top:490px;}
.layer_pop .layer_tit{position:relative;height:30px;background:#7DC4EA;}
.layer_pop .layer_close{position:absolute;right:10px;top:5px;border:none;background:transparent;font-size:16px;cursor:pointer;}
.layer_pop .figure img,
.layer_pop .figure video{display:block;width:100%;height:auto;}



.layer_foot{padding:4px 5px;background:#ececec;text-align:right;box-sizing:border-box;}
.layer_foot .btn{display:inline-block;height:25px;font-size:13px;line-height:25px;padding:0 10px;box-sizing:border-box;}
.layer_foot .btn_pdf_down{background:#f00;color:#fff;line-height:25px;}
.layer_foot .layer_close{position:static;background:#fff;border:1px solid #666;}
@media screen and (max-width:768px){
	.layer_pop{width:100vw;height:100vh;left:0;top:30px;transform:translate(0, 0);max-width:auto;overflow-y:auto;}
}