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

#main{}

.main_text{position:absolute; width:1024px; top:130px; left:50%;margin-left:-450px;}
.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{border-bottom:1px solid #e2e2e2; overflow:hidden;}
#introduction li{width:308px; float:left; padding:70px 0; position:relative;}
.intro_icon{width:83px; float:left;}
.intro_con{width:225px; float:left;}
.intro_con li{width:215px !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:535px; float:left;}
.guide_list{overflow:hidden;}
.guide_list li{padding:20px 0 0 0; overflow:hidden;}
.guide_icon{width:80px; float:left;}
.guide_con{width:455px; float:left;}
.guide_con li{ padding-top:0 !important; padding-left:20px;}

#board{width:389px; float:left;}
#notice{border:1px solid #eeeeee; padding:15px; min-height:70px; }
#notice li{font-size:12px; color:#838383; line-height:25px; overflow:hidden;}

#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;}

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

.orange_bg{background:url(../images/main/yellow_bg.png); width:217px; height:36px;}
.sky_bg{background:url(../images/main/sky_bg.png); width:217px; height:36px;}
.green_bg{background:url(../images/main/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:16px; color:#3b3b3b; font-weight:bold; line-height:30px;}
.t_gray2{font-size:11px; color:#8e8e8e; line-height:18px;}
.t_gray3{font-size:15px; color:#3b3b3b; font-weight:bold; line-height:30px;}
.t_gray4{font-size:12px; color:#838383; line-height:16px;}

.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:20px 0 30px 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:#3b3b3b;}
.t_gray2 a:link, .t_gray2 a:visited{color:#8e8e8e;}

#notice li a:link, #notice li a:visited{color:#838383;}
#free li a:link, #free li a:visited{color:#838383;}

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

.prev {
    position:absolute;
    top:50%;
    left:0%;
    z-index:99;
}
.next {
    position:absolute;
    top:50%;
    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;
}

/* 새로하는 메인코딩시작부분 */
#main_top{width:100%; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; float:left; }
#main_top .bannerzone{width:1000px; margin:0 auto;}
#main_top .bannerzone li{padding-bottom:10px; margin-right:6px; float:left;}
.quick_title{padding:20px 0 10px 10px;}

#main_bottom_wrap{width:100%;padding:40px 0;float:left;}
#main_bottom_wrap .b_con2{float:left;width:629px;height:288px;}
#main_bottom_wrap .b_con2 .b_banner1{float:left;width:167px;height:288px;}
#main_bottom_wrap .b_con2 .b_banner2{float:left;width:462px;height:288px;}
#main_bottom_wrap .b_con2 .b_banner2 ul{float:left;}
#main_bottom_wrap .b_con2 .b_banner2 ul li{height:144px; float:left;}
.main_bottom{width:1000px; margin:0 auto;}
.main_bottom1{float:left;}
.main_bottom2{float:left; margin-top:4px;}
.b_con1{width:371px; float:left}
.left_banner{width:178px; margin-left:4px; float:left;}
.left_banner li:first-child{margin:0;}
.left_banner li{font-size:0; margin-top:3px;}

.popupZone{margin-right:5px;}

.movieZone{float:left;width:180px;height:240px;padding:10px 10px;border:1px solid #dbdbdb;}
.movieZone .title{width:180px;height:59px;}
.movieZone .con{padding-top:32px;width:180px; height:150px;}

.cs_wrap{width:193px; height:240px; margin-right:5px; float:left; padding:10px; border:1px solid #dbdbdb;}
.cs_title{font-family:'NanumGothic'; font-size:14px; font-weight:bold; color:#535353; margin-top:8px;}
.cs_con{font-family:'Dotum'; color:#858585; padding-bottom:10px; border-bottom:1px dashed #e6e6e6; font-size:11px; margin-top:10px;}
.cs_icon{float:right; position:relative; top:-45px;}
.cs_call{padding:10px 0; color:#e50000; font-family:'Malgun Gothic'; font-weight:bold; font-size:30px; position:relative; top:-23px;}
.cs_time{font-size:12px; color:#5f5f5f; }
.cs_time span{border:1px solid #dbdbdb; color:#858585; border-radius:5px; padding:3px 10px;}
.cs_text{font-family:'Dotum'; font-size:12px; margin-top:4px; font-weight:bold; color:#6B6B6B;}

.main_bqnnerimg{width:100%; overflow:hidden; height:65px;}
.main_bqnnerimg1{width:1000px; margin:0 auto; height:65px;}
.main_bqnnerimg1 li{float:left;}

.main_notice_wrap{float:left; margin-left:5px; border-left:1px dashed #ccc; padding-left:5px;}
.main_notice{width:337px; height:103px; padding:10px; float:left; border:1px solid #d7d7d7;}
.main_noticetotal{width:331px; float:left; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding-bottom:20px; height:168px;}


.mainnotice_list{width:340px; float:left;}
.mainnotice_title{width:325px; float:left; font-family:'Nanum Gothic', 'nanumgothic'; font-size:14px; font-weight:bold; color:#4a4a4a; }
.mainnotice_title1{width:325px; float:left; font-family:'Nanum Gothic', 'nanumgothic'; font-size:15px; font-weight:bold; color:#4a4a4a;}
.mainnotice_icon{width:15px; float:left;}
.mainnotice_icon1{width:15px; float:left;}
.mainnotice_list1{width:313px; float:left; padding-top:15px;}
.mainnotice_list2{width:340px; float:left; padding-top:7px;}

.mainnotice_content{width:190px; float:left; font-family:'dotum'; color:#868686; font-size:12px; padding-left:10px;}
.mainnotice_content a:link{color:#868686;}
.mainnotice_content a:visited{color:#868686;}

.main_community li a:link{color:#414141;}
.main_community li a:visited{color:#8c8c8c;}
.mainnotice_date{width:100px; float:left; font-family:'dotum'; font-size:12px; color:#868686; text-align:right;}

.cacaotalk_img{width:234px; float:left; padding:5px 0; padding-left:4px; }
.eventbanner_img{width:417px; float:left;  padding:5px 0; padding-right:4px; padding-left:4px;}

.main_counsel{width:331px; float:left; background-color:#efefef; border-right:1px solid #d7d7d7;}
.main_counsel li{height:69px;}

.counsel_title{width:327px; float:left; background-color:#73736b; margin:0 6px; margin-top:6px;}
.counsel_boxtotal{width:326px; float:left; margin:0 6px; border:1px solid #d4d4d4;}
.counsel_text1{width:90px; float:left;  font-family:'Nanum Gothic', 'nanumgothic'; font-size:14px; color:#868686;padding-left:10px; font-weight:bold;  text-align:center; margin-top:10px;}
.counsel_text2{width:220px; float:left;  font-family:'Nanum Gothic', 'nanumgothic'; font-size:14px; color:#868686; font-weight:bold; margin:7px 0;}
.counsel_text3{width:60px; float:left;  font-family:'Nanum Gothic', 'nanumgothic'; font-size:14px; color:#868686; font-weight:bold; margin:7px 0;}
.counsel_text4{width:10px; float:left;  font-family:'Nanum Gothic', 'nanumgothic'; font-size:14px; color:#868686; font-weight:bold; margin-top:15px;margin-left:5px;}

.counsel_checkbox1{width:25px; float:left; padding-left:10px;}
.counsel_text5{width:270px; float:left;  font-family:'dotum'; font-size:12px; color:#929292;  margin-top:3px; margin-left:5px;}
.counsel_btn{width:198px; float:left; margin:13px 70px;}

.content_all{position: relative;}

.main_gallery{width:665px; min-height:150px; border:1px solid #d7d7d7; border-bottom:0; float:left;}
.main_gallery_list{width:665px; float:left; padding-top:25px;}
.main_gallery_title{width:620px; float:left; font-family:'Nanum Gothic', 'nanumgothic'; font-size:15px; font-weight:bold; color:#4a4a4a; padding-left:10px;}
.gallery_img_wrap{width:645px; padding:15px; padding-left:0; padding-right:0; float:left;}
.gallery_img{width:203px; height:130px; margin-left:10px; border:1px solid #d7d7d7;float:left;}

.right_banner_wrap{width:331px; padding-top:25px; border:1px solid #d7d7d7; border-left:0; border-bottom:0; min-height:180px; float:left;}
.right_banner_title{width:290px; float:left; font-family:'Nanum Gothic', 'nanumgothic'; font-size:15px; font-weight:bold; color:#4a4a4a; padding-left:10px;}
.right_banner_img{width:301px; margin:15px; height:130px; float:left;}


/*첫번째 라인 컨텐츠*/
#content{margin-bottom:0px;}
#content_wrap{ width:1000px; margin:0 auto; }
.content_wrap:after{content:""; display:block; clear:both;}
.box { width:300px; height:149px; border:solid 1px #e9e9e9; float:left; margin-right:8px; margin-top:10px; padding:20px 13px; position:relative;}
.box h2{font-size:16px; font-weight:700; margin:0; margin-bottom:25px;}
.banner03 {margin-right:0px;}
.board03 {margin-right:0px;}
.text1 {width:190px; line-height:20px; font-size:13px; float:left; padding-top:5px; }
.imgbox {text-align:center; position:absolute; top:32px; right:7px; }


/*두번째 라인 컨텐츠*/

.more { float:right; padding-right:15px; padding-top:5px;}
.box p{font-size:14px; line-height:20px;}
.box p span{float:left; display:block;}
.box p span.txt{width:188px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:22px;}


/*세번째 라인 컨텐츠*/

.gallery_area h2{font-size:16px; font-weight:700; margin:0; margin-top:5px;margin-bottom:5px;}

.third_wrap{width:1000px; margin:0 auto;}

.third_wrap:after{content:""; display:block; clear:both;}

.third_line{width:665px; float:left; padding-bottom:20px;}

.gallery{
	float:left;
	margin-top:10px;
	
}

.gallery_area{
	width:662px;
	overflow:hidden;
}
.gallery_area ul {
	overflow:hidden;
}
.gallery_area ul li {
	float:left;
	margin-left:6px;	
	background:#ddd;
}
.gallery_area ul li:first-child {margin-left:0px;}

.gallery_inner ul li{
	width:160px;
	height:110px;
	background:#ddd;
	float:left;
	margin:3px;
}

.main_banner_wrap{width:330px; float:left; margin-top:15px; margin-left:5px;}
.main_banner_wrap:after{content:""; display:block; clear:both;}
.main_banner_wrap p{float:left; width:110px; padding:14px 0 9px 0; text-align:center; }
.main_banner_wrap p.banner01{background:#7aab34;}
.main_banner_wrap p.banner02{background:#f5b419;}
.main_banner_wrap p.banner03{background:#e95c2b;}
.main_banner_wrap p.banner04{background:#00496e; width:313px; text-align:left; padding-left:17px;}