@charset "euc-kr";

/* Reset */
* {-webkit-text-size-adjust:none;margin:0; padding:0;}
html,body{width:100%;height:100%; background-color: #dedede;}
html{overflow-y:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;}
body,input,button{font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif; font-size:17px;color:#222;-webkit-text-size-adjust:non}
body{background-color:#fff;  text-align:left; *word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button{vertical-align:middle;}
img{vertical-align:top; border:none; margin:0;}
em,address{font-style:normal;}
label,button{cursor:pointer;}
a{/*color:#fff;*/text-decoration:none; margin:0;}
a:hover{/*color:#fff;*/text-decoration:underline;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
hr{display:none;}
legend{*width:0;display:none;}
br{letter-spacing:0;}






@charset "euc-kr";

@media (max-width:623px) {/* ÃÖ¼Ò ~ ÃÖ´ë 623 */
body { background:#dedede; /*background:url('img/top_menu_bg2.gif') repeat-x #fff284;*/}


.top {width:100%; margin:0 auto; background:#000;}
.top_img {display:inline-block; float:left; position:relative; width:100%; background:#000;}
.top_img img {width:100%;}
.ci { position:absolute; top:10px; left:10px;}
.ci img {width:70px;}
.top_box {display:inline-block; width:100%; background:#fff; /*border:1px solid #000;*/}


.index_box {display:inline-block; width:100%; height:256px; margin:0; padding:0; }



.sec2 {float:left; width:100%; /*font-size:17px;*/ color:#000; font-weight:bold; letter-spacing:-1px; text-align:left; margin:0;padding:0; overflow-x:auto; overflow:hidden;}
.sec2 ul{margin:0;padding:0;}
.sec2 li {float:left; width:25%; display:block; padding-top:8px; color:#000; text-align:center; height:28px; text-decoration:none;}
.sec2 li a {color:#fff; /*font-size:17px;*/text-decoration:none;}
.sec2 li a:hover {color:#fff; text-decoration:none;}
.sec2 li span {font-family:¹ÙÅÁü;}

.txt_size { font-size:15px;letter-spacing:-1px;  line-height:23px; color:#fff; margin:0; padding:0;}


/*¼­ºê¸Þ´º*/

.txt_2016_s1 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px;letter-spacing:-1px;  line-height:23px; color:#ededed; background:#943f57; margin:0; padding:5px 0;}
.txt_2016_s2 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px; letter-spacing:-1px; line-height:23px; color:#ededed; background:#693c71; margin:0; padding:5px 0;}
.txt_2016_s3 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px;letter-spacing:-1px;  line-height:23px; color:#ededed; background:#884e4d; margin:0; padding:5px 0;}
.txt_2016_s4 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px;letter-spacing:-1px;  line-height:23px; color:#ededed; background:#568182; margin:0; padding:5px 0;}

.S_list {float:left; width:94%; display:block; margin:0% 3% 4%;}
.S_list ul li {float:left; text-align:left; width:100%; font-size:15px; color:#f6f0b8; letter-spacing:-2px; line-height:27px; display:inline-block; /*margin:0 15px 9px 0;*/}
.S_list ul li a {color:#f6f0b8; text-decoration:none;}


}








@media (min-width:624px) and (max-width:840px) {/* ÃÖ¼Ò 624 ~ 840 ---------------------------------------------------------------------- */
body { background:#dedede; /*background:url('img/top_menu_bg.gif') repeat-x #ffcffd; */}



.top {width:100%; margin:0 auto; background:#000;}
.top_img {display:inline-block; float:left; position:relative; width:100%; background:#000; margin:0; padding:0;}
.top_img img {width:100%;}
.ci { position:absolute; top:13px; left:20px;}
.ci img {width:100px;}
.top_box {display:inline-block; width:100%;  background:#fff; border:1px solid #f80a0a;}


.index_box {display:inline-block; float:left; width:50%; height:256px; margin:0; padding:0; overflow:hidden;}



.sec2 {float:left; width:100%; /*font-size:17px;*/ color:#000; font-weight:bold; letter-spacing:-1px; text-align:left; margin:0;padding:0; overflow-x:auto; overflow:hidden;}
.sec2 ul{margin:0;padding:0;}
.sec2 li {float:left; width:25%; padding-top:15px; color:#000; text-align:center; height:35px; text-decoration:none;}
.sec2 li a {color:#fff; /*font-size:17px;*/text-decoration:none;}
.sec2 li a:hover {color:#fff; text-decoration:none;}
.sec2 li span {font-family:¹ÙÅÁü;}

.txt_size { font-size:15px;letter-spacing:-1px;  line-height:23px; color:#fff; margin:0; padding:0;}


/*¼­ºê¸Þ´º*/

.txt_2016_s1 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px;letter-spacing:-1px;  line-height:23px; color:#ededed; background:#943f57; margin:0; padding:0;}
.txt_2016_s2 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px; letter-spacing:-1px; line-height:23px; color:#ededed; background:#693c71; margin:0; padding:0;}
.txt_2016_s3 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px;letter-spacing:-1px;  line-height:23px; color:#ededed; background:#884e4d; margin:0; padding:0;}
.txt_2016_s4 {display:inline-block; float:left; width:100%;  height:100%; font-size:15px;letter-spacing:-1px;  line-height:23px; color:#ededed; background:#568182; margin:0; padding:0;}

.S_list {width:94%; float:left; display:inline-block; margin:0% 3% 4%;}
.S_list ul li {float:left; width:50%; text-align:left; font-size:14px; color:#f6f0b8; letter-spacing:-2px; line-height:26px; display:inline-block; /*margin:0 15px 9px 0;*/}
.S_list ul li a {color:#f6f0b8;}

}








@media (min-width:840px) {/* ÃÖ¼Ò 840 ~ ÃÖ´ë ------------------------------------------------------------------------------------------------------- */

body { background:#dedede;  /*background:url('img/top_menu_bg.gif') repeat-x #def7b6; */}



.top {width:840px; margin:0 auto; background:#000;}
.top_img {display:inline-block; float:left; position:relative; width:840px; height:270px; /*border:1px solid #fff;*/ background:#000; margin:0; padding:0;}
.top_img img {width:100%;}
.ci { position:absolute; top:15px; left:23px;}
.ci img {width:125px;}
.top_box {display:inline-block; width:840px; background:#fff; /*border:1px solid #000;*/}


.index_box {display:inline-block; float:left; width:420px; height:256px; overflow:hidden; margin:0; padding:0;}


.sec2 {float:left; width:100%; /*font-size:17px;*/ color:#000; font-weight:bold; letter-spacing:-1px; text-align:left; margin:0;padding:0; overflow-x:auto; overflow:hidden;}
.sec2 ul{margin:0;padding:0;}
.sec2 li {float:left; width:25%; padding-top:20px; color:#000; text-align:center; height:48px;}
.sec2 li a {color:#fff; /*font-size:17px;*/}
.sec2 li a:hover {color:#fff;}
.sec2 li span {font-family:¹ÙÅÁü;}

.txt_size { font-size:17px;letter-spacing:-1px;  line-height:28px; color:#fff; margin:0; padding:0;}


/*¼­ºê¸Þ´º*/

.txt_2016_s1 {display:inline-block; float:left; width:100%;  height:100%; font-size:17px;letter-spacing:-1px;  line-height:28px; color:#ededed; background:#943f57; margin:0; padding:0;}
.txt_2016_s2 {display:inline-block; float:left; width:100%;  height:100%; font-size:17px;letter-spacing:-1px;  line-height:28px; color:#ededed; background:#693c71; margin:0; padding:0;}
.txt_2016_s3 {display:inline-block; float:left; width:100%;  height:100%; font-size:17px;letter-spacing:-1px;  line-height:28px; color:#ededed; background:#884e4d; margin:0; padding:0;}
.txt_2016_s4 {display:inline-block; float:left; width:100%;  height:100%; font-size:17px;letter-spacing:-1px;  line-height:28px; color:#ededed; background:#568182; margin:0; padding:0;}

.S_list {width:94%; float:left; display:inline-block; margin:0% 3% 4%;}
.S_list ul li {float:left; width:50%; text-align:left; font-size:14px; color:#f6f0b8; letter-spacing:-1px; line-height:25px; display:inline-block; /*margin:0 15px 9px 0;*/}
.S_list ul li a {color:#f6f0b8;}


}












/*----°øÅëºÎºÐ----*/

.top_img2 {display:inline-block;  float:left; width:100%; background:url('http://img.seoul.co.kr/img/summery/2016/2016_top_2.jpg') no-repeat; }


.y {background:#943f57;}
.r {background:#693c71;}
.b {background:#884e4d;}
.g {background:#568182;}




.type1 {background:url('http://img.seoul.co.kr/img/summery/2016/2016_type_1.jpg'); height:100%; padding:6% 5% 0;}
.type2 {background:url('http://img.seoul.co.kr/img/summery/2016/2016_type_2.jpg'); height:100%; padding:6% 5% 0;}
.type3 {background:url('http://img.seoul.co.kr/img/summery/2016/2016_type_3.jpg'); height:100%; padding:6% 5% 0;}
.type4 {background:url('http://img.seoul.co.kr/img/summery/2016/2016_type_4.jpg'); height:100%; padding:6% 5% 0;}

.type_tit {clear:both; font-size:33px; color:#d6d610; opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;/*ie6~8, ff µî*/}
.type_tit2 {clear:both; font-size:35px; color:#d6d610; font-family:¹ÙÅÁü; opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;/*ie6~8, ff µî*/}
.type_txt {display:block; margin-top:65px; font-size:14px; color:#fff; line-height:150%; margin-bottom:0;padding:0;}




.txt_2016 {display:inline-block; float:left; /*border:1px solid #f80a0a;*/  width:100%;  height:100%;  color:#fff;background:url('http://img.seoul.co.kr/img/summery/2016/2016_top_2.jpg') no-repeat #000; margin:0; padding:0;}


/*±â»ç ¹Ú½º*/
.txt_2016_v {display:inline-block; float:left; width:94%;  height:100%; font-size:18px;letter-spacing:-1px; color:#222; background:#fff; margin:0; padding:4% 3%;}
/*±â»ç Á¦¸ñ*/
.atit {float:left; /*min-height:110px;*/ display:inline-block; width:100%; font-size:33px; /*font-weight:bold;*/  padding:10px 0 27px 0; text-align:left; line-height:42px;}
/*±â»çº»¹®*/
.v_article {clear:both; float:left; display:block; width:100%; text-align:left; font-size:18px; line-height:1.8; letter-spacing:-1px;}