* {margin:0; padding:0;}
body {width:122.5%; margin:0; padding:0; font-family:'Nanum Gothic', dotum; background-color: #f8f8ff;}
a:link {color:#000; text-decoration:none; font-size:18.5px; font-weight:bold; }
a:visited {color:#666; text-decoration:none; font-size:18.5px; }
a:hover{color:#666; text-decoration:none; font-size:18.5px; }
a:active {color:#666; text-decoration:none; font-size:18.5px; }

a.a_tnavi:link {font-size:12px; color:#999;  font-weight:bold;}
a.a_tnavi:visited {font-size:12px; color:#999;  font-weight:bold;}
a.a_tnavi:hover {font-size:12px; color:#999;  font-weight:bold;}
a.a_tnavi:active {font-size:12px; color:#999;  font-weight:bold;}

ol{list-style-type:none;}
ul{list-style-type:none;}
.mySlides{display:none}

#wrap {position:relative; width:100%; margin:0 auto; text-align:center; background-color:#ffffff;}


/* ½½¶óÀÌµå ºÎºÐ */
#slide_wrap {float:left;width:100%; height:600px;  z-index:9;  background-color:white; border-top:1px solid #ccc;}
.slide_img{float:left;overflow:hidden;position:relative; width:100%; height:600px; background-color:#fff3cc; }
.slide_img .rolling{float:left;overflow:hidden;position:absolute;left:50%;top:0; width:2000px; height:600px; margin-left:-1000px;  }
.slide_img .rolling li{display:none; position:absolute;top:0;left:0; }
.slide_img .rolling li.on{display:block; }
.inSide {position: absolute; left:20.5%; top:140px;opacity:0; }
.biginSide {position: absolute; left:20.5%; top:115px; opacity:0; }
.bottominSide{position: absolute; left:20.5%; top:306px; opacity:1; }
.img_main_01_bg {background-color:#fff3cc;}
.img_main_02_bg {background-color:#f4ffcc;}
.img_main_03_bg {background-color:#fff3cc;}

/* ÆäÀÌ¡ ¹öÆ° ºÎºÐ  */
#slidebutton_wrap{width:100%;}
#slidebutton {width:1200px;  margin-left: auto; margin-right: auto;   }
.paging{position:absolute; top:655px; z-index:99;  }
.paging ol{width:1200px;  overflow:hidden;text-align:center}
.paging ol img{float:left;}
.paging li{float:left;width: 263px; ;height: 47px; border-right: 1px solid #999999; background: rgba(0,0,0,0.3); }
.paging li a{position:relative;top:25%;color:#e6e6e6;font-weight:600;font-size:20px;font-family:'Nanum Gothic', dotum;}

 
#content {float:left;width:100%;background-color:#ffffff;}
	.con {position:relative;width:1200px;margin:0 auto;}
		/* ÃÖ½Å±Û */
		.latest_show {float:left;width:100%;height:682px;}
			.board_title {float:left; height:76px; background-color:white;}
			.board_title h2{padding-top:36px; margin-bottom:20px;}
			.board_content {float:left;width:100%; height:290px;}
			.board_content img {float:left;width:283px;height:212px}
			.randomimg{margin-left:10px;}
		/*  ÇÏÀ§ »çÁø ºÎºÐ  (ÀÚ¿øºÀ»ç, ÈÄ¿ø¾È³»)...    */
		.middle_img_content {float:left;width:100%; }
		.middle_img_content img {float:left; margin-top:35px; }
		/* ¹è³Ê */
		.bottom_img {float:left;width:100%;margin-bottom:50px;}
		.bottom_img li {float:left;}
		.bottom_img li:nth-child(odd) {width:239px;}
		.bottom_img li:nth-child(9) {width:240px;}
		.bottom_img img{float:left;  margin-top:30px;}
		.bottom_img a:nth-child(3){float:left; }


/*  ÇÏ´Ü Á¤º¸ºÎºÐ       */
#footer_wrap1 {float:left; width:100%;height:115px;background-color: #f9f9f9; border-top:1px solid #d9d9d9; }
#footer { margin-left: auto; margin-right: auto; width:1200px; }
.footer_content {float:left; }
.footer_content img{margin:25px 60px 32px 0}
.footer_font {float:left; text-align:left; font-size:14px; line-height:18px; font-weight:bolder; margin-top:33px;  margin-left: 20px; color:#8c8c8c;}
.copyright{position:absolute; padding-top:3px;  }
.prev, .next, .stop{ cursor:pointer; }
.joeunimg{float:left;}


/* top ¹öÆ° */
.sf-back-to-top {background-color: black;  display: block;z-index: 999; left: 1360px; position: fixed;  bottom: 170px;  width: 50px; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%;border-radius: 50%;}
a.sf-back-to-top {color:white; font-weight: 600; letter-spacing: 2px; font-size: 12px;  text-transform: uppercase; text-align: center;  padding-left: 2px; padding-top: 4px; }
i { text-align: center;border: solid white;border-width: 0 3px 3px 0; display:inline-block;padding:4px; margin-top:7px; }
.up { transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}


@media only screen and (min-width: 1000px) {
  body {width:100%; margin:0; padding:0; font-family:'Nanum Gothic', dotum; background-color: #f8f8ff;}
}