@charset "utf-8";

/* Page Title */

@import url(common.css);

html,body{height:100%;}
#wrap {width:100%;}
	{width:100%;}

body{overflow-y:scroll}
.main_visual {position: relative; width: 100%; height: 344px; margin: 0px auto; text-align: center; overflow: hidden;}
.main_visual .visualDiv {position: absolute; left: 0px; top: 0px; width: 100%; height: 400px;}
.main_visual .visualDiv img {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1;}
.main_visual .visual {position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; height:344px;}
.main_visual .visual1 {background: url("../../../imgs/public/main/main_visual01.jpg") no-repeat center 0px;}
.main_visual .visual2 {background: url("../../../imgs/public/main/main_visual02.jpg") no-repeat center 0px; text-indent: -5000px;}
.main_visual .visual3 {background: url("../../../imgs/public/main/main_visual03.jpg") no-repeat center 0px; text-indent: -5000px;}
.main_visual .txtZone {left: -99999px; top: -999999px; text-indent: -9999px; position: absolute;}
.main_visual .visualCon {width: 1000px; height: 344px; margin: auto; position: relative;}
.main_visual .playBt {margin: 240px 7px 0px 0px; display: inline-block; position: relative; left:-460px; z-index: 200;}
.main_visual .playBt img {vertical-align: middle;}
.main_visual .bt {margin: 240px 3px 0px 0px; display: inline-block; position: relative; left:-460px; z-index: 200;}
.main_visual .bt img {vertical-align: middle;}

.businessDiv {position:relative; top:-20px; z-index:999; width:100%; background:url("../../../imgs/public/main/business_bar.png") no-repeat center top;}
.businessDiv .business {width:1000px; margin:0 auto;}
.businessDiv .business p {position:absolute; top:17px;}

.business .rollDiv  {width:1000px; height: 200px;}
.business .rollDiv .rolling {margin: 0px 50px; height: 135px; overflow: hidden; position: relative; top:65px;}
.business .rollDiv .rolling p {float: left; padding-left:20px; margin-top:10px; text-align: center; font-size:16px; letter-spacing: -0.7px; border-left-color: rgb(232, 232, 232); border-left-width: 1px; border-left-style: solid; }
.business .rollDiv .rolling p a {display: block; width: 100px; height: 42px; color:#424242; font-size:16px; padding: 75px 42px 0px 43px;}
.business .rollDiv .rolling p a:hover {color:#e44b10; text-decoration:none;}
.business .rollDiv .rolling p:first-child {border-left-color: currentColor; border-left-width: medium; border-left-style: none;}
.business .rollDiv .rolling p.s1 {background: url("../../../imgs/public/main/business_icon01.gif") no-repeat 100px 10px; left: 0px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s2 {background: url("../../../imgs/public/main/business_icon02.gif") no-repeat 90px 10px; left: 176px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s3 {background: url("../../../imgs/public/main/business_icon03.gif") no-repeat 90px 15px; left: 352px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s4 {background: url("../../../imgs/public/main/business_icon04.gif") no-repeat 90px 17px; left: 528px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s5 {background: url("../../../imgs/public/main/business_icon05.gif") no-repeat 85px 17px; left: 704px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s6 {background: url("../../../imgs/public/main/business_icon06.gif") no-repeat 95px 10px; left: 880px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s7 {background: url("../../../imgs/public/main/business_icon07.gif") no-repeat 90px 17px; left: 1056px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s8 {background: url("../../../imgs/public/main/business_icon08.gif") no-repeat 100px 17px; left: 1056px; top: 0px; position: absolute;}
.business .rollDiv .rolling p.s8 a {width:120px!important; }
.business .rollDiv .conBt {width:1000px; position:relative;}
.business .rollDiv .conBt .prev {position: absolute; top: -20px; left: 0px;}
.business .rollDiv .conBt .next {position: absolute; top: -20px; right: 0px;}

.conDiv {width:100%; height:250px; background:#e4e9eb;}
.conDiv .contents{width:1000px; height:100%; margin:0 auto;}
.conDiv .contents .leftCon {position:relative; float:left; width:275px; height:100%; background:url("../../../imgs/public/main/newsletter_bg.png") no-repeat left 85px;}
.conDiv .contents .leftCon .title{font-size:14px; color:#7d7d7d; line-height:16px; margin:25px 0;}
.conDiv .contents .leftCon .title p{font-size:24px; color:#000; font-weight:600; padding-top:10px;}
.conDiv .contents .leftCon .book{position:absolute; top:60px; right:25px; width:119px; height:144px; background:url("../../../imgs/public/main/newsletter_img.png") no-repeat;}
.conDiv .contents .leftCon .book span{position:absolute; top:30px; left:20px;color:#73a2d5; font-size:16px;}
.conDiv .contents .leftCon span img{position:absolute; top:125px; left:95px;}

/*.conDiv .contents .centerCon {display:block; position:relative; float:left; width:453px; height:100%; background:#f7f8f9;}*/
.conDiv .contents .centerCon {display:block; position:relative; float:left; width:728px; height:100%; background:#f7f8f9;}
.boardDiv {width:100%; height:100%;margin:20px 15px;}
.boardDiv li {display:inline-block; float:left;}
.boardDiv li:first-child{border-right:1px solid #cdcdcd;}
.boardDiv li li:first-child{border:0;}
.boardDiv li a {display:inline-block; color:#7d7d7d; padding:0 5px;}
.boardDiv li a:hover{text-decoration:none;}
.boardDiv li a span {display:inline-block; padding:0 5px; font-size:18px; font-weight:600;}
.boardDiv li a.on {color:#363636;}
.boardDiv li .subcontent {position:absolute; display:none; left:20px; top:55px; width:410px;}
/*.boardDiv li .subcontent li {display:block; float:left; width:403px; padding-left:5px; background:url("../../../imgs/public/main/bbs_bullet.gif") no-repeat 4px 9px;}*/
.boardDiv li .subcontent li {display:block; float:left; width:675px; padding-left:5px; background:url("../../../imgs/public/main/bbs_bullet.gif") no-repeat 4px 9px;}
.boardDiv li .subcontent li a {display:block; float:left; font-weight:normal; font-size:12px; line-height:23px; color:#707070;overflow:hidden; letter-spacing:-1px;}
.boardDiv li .subcontent li a:hover{color:#000;}
.boardDiv li .subcontent li span{float:right; color:#b3b4b4;}
.boardDiv li .subcontent li.photo{float:left; width:100%; height:100px; background:#eaedef; margin-bottom:13px; padding:0;}
.boardDiv li .subcontent li.photo p{float:right; width:250px; margin:12px 3px 0 5px; overflow:hidden;}
.boardDiv li .subcontent li.photo p a {line-height:18px;}
.boardDiv li .subcontent li.photo p a span{width:238px; font-size:12px; font-weight:bold; color:#252525; margin-bottom:7px;}
.boardDiv li a.more {position:absolute;right:-5px;top:0px;width:36px;}

.conDiv .contents .rightCon {float:left; width:272px; height:100%; overflow:hidden;}
.conDiv .contents .rightCon .poll {position:relative; width:100%; height:90px; margin:20px 0 0 0;}
.conDiv .contents .rightCon .poll .title{float:left; font-size:13px; color:#7d7d7d; line-height:16px; margin:15px 0 0 15px;}
.conDiv .contents .rightCon .poll .title p{font-size:18px; color:#000; font-weight:600; padding-bottom:10px;}
.conDiv .contents .rightCon .poll a {position:absolute; top:0; right:0;}
.conDiv .contents .rightCon .calendar {position:relative; width:100%; height:100%; background:url("../../../imgs/public/main/calendar_bg.gif") no-repeat;}
.conDiv .contents .rightCon .calendar p.date{color:#333; font-size:16px; font-weight:600; padding:17px 0 0 15px;}
.conDiv .contents .rightCon .calendar a.more{position:absolute; top:18px; right:5px; color:#67696c; font-weight:600;}
.conDiv .contents .rightCon .calendar a.more:hover{color:#333; text-decoration:none;}
.conDiv .contents .rightCon .calendar table{width:95%; margin:15px 0 0 10px;}
.conDiv .contents .rightCon .calendar table caption {display:none;}
.conDiv .contents .rightCon .calendar table th{height:23px; font-size:10px; font-weight:normal; background:#d7d6d6; border-right:1px solid #dadde2;}
.conDiv .contents .rightCon .calendar table th.sun{color:#a81849; background:#e6b6b0;}
.conDiv .contents .rightCon .calendar table th.sat{color:#4e8cb5; background:#a4cae3;}
.conDiv .contents .rightCon .calendar table td{height:25px; text-align:center; background:#fff; border-right:1px solid #dadde2;}
.conDiv .contents .rightCon .calendar table td.sun a{color:#a81849;}
.conDiv .contents .rightCon .calendar table td.sun a:hover{color:#a81849; font-weight:bold;}
.conDiv .contents .rightCon .calendar table td.sat a{color:#4e8cb5;}
.conDiv .contents .rightCon .calendar table td.sat a:hover{color:#4e8cb5; font-weight:bold;}
.conDiv .contents .rightCon .calendar table th.none,.conDiv .contents .rightCon .calendar table td.none{border:none;}
.conDiv .contents .rightCon .calendar table td.on {border:2px solid #828282;}
.conDiv .contents .rightCon .calendar table td.on a{font-weight:bold;}
.conDiv .contents .rightCon .calendar table td a:hover{color:#000; font-weight:bold;}
.conDiv .contents .rightCon .calendar .memo {padding:0 0 0 13px; letter-spacing:-1px;}


.banner	{width:1000px; margin:0 auto; text-align:center; padding:30px 0; overflow:hidden;}
.banner	ul li{float:left; margin:0 7px;}
.banner	ul li a img{border:1px solid #d7d7d7;}


/* 후원계좌 */
.bankDiv_main{/*background:url("/imgs/public/main/main_bank_bg.jpg") no-repeat; overflow:hidden;*/background-color:#fff;margin-left:2px;}
.bankDiv_main span{display:inline-block; margin:15px 0 0 10px; font-size:14px; color:#acacac; letter-spacing:-1.5px;}
.bankDiv_main p{height:47px;margin:0 0 0 8px ; background:url("/imgs/public/main/bank_info.png") no-repeat;}
.bankDiv_main p span{display:inline-block;padding-left:15px;font-size:18px; font-weight:600; color:#f15f12;}
.bankDiv_main ul{margin:7px 0 0 20px; border:0;background-color:}
.bankDiv_main ul li{padding:2px 0; font-size:14px; color:#000; letter-spacing:0; line-height:14px; border:none; background:none;}
.bankDiv_main ul li span{font-size:12px; color:#636363; margin:5px 0; letter-spacing:0;}