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

/* 비주얼 슬라이드 */
.visual{
	position:relative;
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	height: 500px;
}
.visual .btn_before{position:absolute;top:200px;left:0px;z-index:10}
.visual .btn_next{position:absolute;top:200px;right:0px;z-index:10}
.visual .vi_num{
	position:absolute;
	bottom:10px;
	left:0;
	margin-left:0;
	width:1000px;
	text-align:center;
	z-index:10;
}
.visual .vi_num .num a{margin-right:5px;padding:9px;font-size:0;overflow:hidden;background:url(/images/vis_off.png) no-repeat;}
.visual .vi_num .num a.activeSlide{background:url(/images/vis_on.png) no-repeat}
.visual .vi_num .control{}
.visual .vi_num .control a{padding:9px;font-size:0;text-indent:-200px;overflow:hidden;}
.visual .vi_num .control a#play{background:url(/images/btn_play.png) no-repeat}
.visual .vi_num .control a#pause{background:url(/images/btn_stop_play.png) no-repeat}




#main{border-bottom:1px solid #dddddd;}

.main_text{position:absolute; width:500px; top:22%; left:20%;background-color: #fff; filter:alpha(opacity=50);opacity:0.9;-moz-opacity:0.9;}
.prev_btn{position:absolute; top:40%; top: 43%; left: -9%;z-index: 9999;}
.next_btn{position:absolute; top:40%; top: 43%; right: -9%;z-index: 9999;}

#introduction, #activity, #gallery{width:760px;float:left;border-bottom:1px solid #e2e2e2; overflow:hidden;}

.introduction{width:760px;float:left; overflow:hidden;}
.introduction li{width:380px;float:left;padding:30px 0;position:relative;}

#introduction li{width:380px;float:left;padding:30px 0;position:relative;}
.intro_icon{width:114px; float:left;padding-top:20px;}
.intro_con{width:220px; float:left;}
.intro_con li{width:210px !important; float:left; padding:0 0 0 10px !important;}
.movie_icon{width:150px; float:left;}
.movie_con{width:180px; float:left;}
.movie_con li{width:170px !important; float:left; padding:0 0 0 10px !important;}

.explanation_area{width:240px; float:left;}
.img_area{width:684px; float:left; margin-bottom:10px;}
.img_area2{
    position:relative;
    margin:0 auto;
    width:684px;
    overflow:hidden;
    float:left;
}
.img_area ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.img_area li{width:218px; float:left; padding-left:10px; padding-top:40px;}
.img_area2 li{width:218px;height:146px; float:left; padding-left:10px; padding-top:15px;}

.gallery_btn{padding-top:15px;}

#guide{width:240px;float:left;}
.guide_list{height:488px;overflow:hidden;background:url(../images/img/guide_bg.png);}
.guide_list li{padding:20px; overflow:hidden;}
.guide_icon{width:100px; float:left;text-align:center;padding-top:30px;}
.guide_con{width:455px; float:left;}
.guide_con li{ padding-top:0 !important; padding-left:20px;}
.callcenter{padding:20px;text-align:center;}

#board{width:350px; float:left;}
#notice{padding:0px; min-height:70px; }
#notice li{font-size:12px; color:#838383; line-height:25px; overflow:hidden;}
.notice_con{width:330px; float:left;}
.notice_con li{width:320px !important; float:left; padding:0 0 0 10px !important;}



#free{border:1px solid #eeeeee; padding:15px; min-height:70px;}
#free li{font-size:12px; color:#838383; line-height:25px; overflow:hidden;}

.no_content{padding:7%; text-align:center;}

.left_con{width:75%; float:left;}
.right_date{width:25%; float:left; text-align:right;}
.right_more{width:25%; float:left; text-align:right;padding-top:9px;}

/*���*/
.line_bg1{background:url(../images/img/green_line1.png); background-repeat:no-repeat;background-position:0% 80%;}
.line_bg2{background:url(../images/img/green_line2.png); background-repeat:no-repeat;background-position:0% 80%;}
.line_bg3{background:url(../images/img/green_line3.png); background-repeat:no-repeat;background-position:0% 80%;}

.orange_bg{background:url(../images/img/yellow_bg.png); width:217px; height:36px;}
.sky_bg{background:url(../images/img/sky_bg.png); width:217px; height:36px;}
.green_bg{background:url(../images/img/green_bg.png); width:217px; height:36px; }

/*�����ؽ�Ʈ*/
.t1{font-size:20px; color:#4b4b4b;z-index: 10; text-align:left;}
.t2{font-size:48px; color:#4d4d4d; font-weight:bold; line-height:80px;z-index: 10; text-align:left;}
.t3{font-size:13px; color:#989898; line-height:20px;z-index: 10; text-align:left;}

.t_gray1{font-size:14px; color:#566a83; font-weight:bold; line-height:30px;}
.t_gray2{font-size:15px; color:#3b3b3b; line-height:20px;}
.t_gray3{font-size:11px; color:#8e8e8e; line-height:18px;}
.notice_gray{font-size:11px; color:#8e8e8e; line-height:20px;}

.t_white{color:#fff; font-size:13px; font-weight:bold; text-align:center; line-height:37px;}

/*�е�*/
.m_p1{padding:40px 0 30px 0;}
.m_p2{padding:20px 0 40px 0;}
.m_p3{padding:5px 0 30px 0;}
.m_p4{padding:0px 0 0px 0;}



/*글자 버튼오버시 색상변함 */
.intro_link{display: block; position: absolute; width: 300px; height: 73px; left: -39%; z-index: 1;}
.t_white a:link, .t_white a:visited{color:#fff; padding: 10px 80px;}
.t_gray1 a:link, .t_gray1 a:visited{color:#566a83;}
.t_gray2 a:link, .t_gray2 a:visited{color:#3b3b3b;}
.t_gray3 a:link, .t_gray3 a:visited{color:#8e8e8e;}
.notice_gray a:hover{text-decoration: underline;}
.notice_gray a:link, .notice_gray a:visited{color:#8e8e8e;}

.carousel{
    position: relative;
    margin:0 auto;
    width: 1600px;
    overflow:hidden;
}
.carousel ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.carousel li{
    width: 1600px;
    height: 500px;
    padding: 0;
    margin: 0px;
    display: block;
    float: left;
}
.clearfix {
    float: none;
    clear: both;
}

.prev {
    position:absolute;
    top:45%;
    left:0%;
    z-index:99;
}
.next {
    position:absolute;
    top:45%;
    right:0%;
    z-index:99;
}
.pager {
    float: left;
    width: 300px;
    text-align: center;
}
.pager a {
    margin: 0 5px;
    text-decoration: none;
}
.pager a.selected {
    text-decoration: underline;
}