@charset "utf-8";

/*인사말*/
.c01010000 {display:table; width:100%}
.c01010000 .article-left {background-image:url('/eng/img/contents/sub01/01010000-mayor.jpg'); background-repeat:no-repeat; background-position:center top; background-size:100%; width:45.312%}
.c01010000 .article-right {width:54.687%; padding:0}
.c01010000 .head-txt {background:#f1f1f1; padding:7.142%}
.c01010000 .head-txt strong{color:#1362a0; font-weight:500; display:block; font-size:1.6em; margin-bottom:20px}
.c01010000 .txt {padding:7.142% 0 7.142% 7.142%; text-align:justify}

/*심볼*/
.content-list li .tt {width:15%; text-align:center; vertical-align:top; padding:2.5% 0 0 0; background-repeat:no-repeat; background-position:center 90px}
.content-list li.list01 .tt {background-image:url('/eng/img/contents/sub01/01020101-icon01.png')}
.content-list li.list02 .tt {background-image:url('/eng/img/contents/sub01/01020101-icon02.png'); background-position:center 85px}
.content-list li.list03 .tt {background-image:url('/eng/img/contents/sub01/01020101-icon03.png')}
.content-list li .txt {width:62%; padding-right:5%}
.content-list li .thumb {width:23%}
.content-list li i {display:block; width:75px; height:65px; margin:35px auto 30px}

/*마스코트*/
.c01020102 .article-left {border:1px solid #e5e5e5; width:30%; text-align:center; vertical-align:middle}
.c01020102 .article-right {padding-left:5%; width:70%}
.c01020102 ul {margin:20px 0}
.c01020102 ul li {display:inline-block; width:24%; text-align:center}

/*벽화*/
.c01020103 .article-left {width:30%; text-align:center; vertical-align:top}
.c01020103 .article-left img {width:100%; height:100%}
.c01020103 .article-right {background:#f1f1f1; padding:2.5%; width:70%}
.c01020103 .dep01 {display:block; margin:0 0 2% 0}
.c01020103 .article-right .dep02 {color:#000; display:inline-block; margin-left:10px}

/*심볼마크*/
.c01020104 .article-left {width:25%}
.c01020104 .article-right {padding:0 0 0 5%; width:85%}

.m-color {background-color:#00a651; display:inline-block; width:20px; height:20px; margin-right:7px; vertical-align:middle}
.s-color01 {background-color:#0c4da2; display:inline-block; width:20px; height:20px; margin-right:7px; vertical-align:middle}
.s-color02 {background-color:#ed1c24; display:inline-block; width:20px; height:20px; margin:0 7px 0 15px; vertical-align:middle}
.s-color03 {background-color:#fef200; display:inline-block; width:20px; height:20px; margin:0 7px 0 15px; vertical-align:middle}

/*오시는 길*/
.map-section .map {height:450px}
.map-section .address {background:#f7f8fa; border-bottom:2px solid #000; padding:40px; text-align:center}
.map-section .address strong {display:block; font-size:1.6em; font-weight:500; padding-bottom:10px} 
.map-info div {border-bottom:1px solid #e5e5e5; padding:50px 0 50px 250px}
.map-info div.list01 {background:url(/eng/img/contents/sub01/01050000-icon01.gif) no-repeat 60px center}
.map-info div.list02 {background:url(/eng/img/contents/sub01/01050000-icon02.gif) no-repeat 60px center}

@media screen and (max-width:1023px) {
	
	/*인사말*/
	.c01010000 .article-left, .c01010000 .article-right  {display:block; width:100%}
	.c01010000 .article-left{background-position:center -180px; height:300px}
	.c01010000 .txt {padding:7.142%; text-align:left}
}

@media screen and (max-width:767px) {
	
	/* 심볼 */
	.content-list li {text-align:center}	
	.content-list li .tt {background-size:50px; background-position:center 15px; width:100%; padding-top:70px}	
	.content-list li.list02 .tt {background-position:center 15px}	
	.content-list li .txt {width:100%; padding:2% 0}
	.content-list li .thumb {width:100%}
	.content-list li .thumb img {margin:0 auto}
	
	/*마스코트*/
	.c01020102 .article-left {width:100%; padding:5% 0}
	.c01020102 .article-left img {width:30%}
	.c01020102 .article-right {width:100%; padding:2% 0}
	.c01020102 ul {margin:20px 0}
	.c01020102 ul li {display:inline-block; width:24%; text-align:center}
	
	/*벽화*/
	.c01020103 .article-left {width:100%}
	.c01020103 .article-right {width:100%}
	
	/*심볼마크*/
	.c01020104 .article-right {padding:5% 0 0 0}
}
	
@media screen and (max-width:640px) {
	
	/*인사말*/
	.c01010000 .article-left{background-size:640px; height:200px}
	
	/*벽화*/
	.contentArea .article-right .dep02 {margin:0}
	
	/*오시는 길*/
	.map-info div {padding:20px}
	.map-info div.list01,
	.map-info div.list02 {background:none}
		
}