body {background:#dce2e2}
/*******************************************************
	wrap
********************************************************/
#wrap{width:100%; min-width:980px; margin:0 auto; overflow:hidden;}
.main{background-color:#dce2e2;}

/*******************************************************
	header
********************************************************/
#header{position:relative; width:960px; margin:0 auto; z-index:10; font-family:'nanum';}
#header .log{float:right; margin-top:17px;}
#header .log span{float:left; display:block; height:27px; color:#888; letter-spacing:-0.5px;}
#header .log span a{display:block; height:27px; color:#fff;}
#header .log span.login a{}
#header .log span.join a{}
#header .log span.logout a{}
#header .log span.mypage a{}

/* header > navbar */
#navbar{position:relative; width:960px; overflow:hidden; background-color:#23201b;}
#navbar h1{float:left; margin-top:13px; margin-left:23px;}

/* nav */
#navbar .nav{float:right;}
#navbar .nav li{float:left; height:52px; padding:0 34px; font-size:15px; line-height:52px; list-style:none; font-family:'nanumB'; background:url(/layouts/default/image/nav_lne.gif) 0 20px no-repeat;}
#navbar .nav li a{display:block; height:51px; color:#fff;}
#navbar .nav li a:hover{color:#ff9000; border-bottom:1px solid #ff9000;}
#navbar .nav li.nav01{background:none;}
#navbar .nav li.nav02{}
#navbar .nav li.nav03{}
#navbar .nav li.nav04{padding-right:60px}
#navbar .nav li.nav05{}

/* snb_wrap */
#snb_wrap{display:none; position:absolute; top:52px; left:50%; margin-left:-480px; z-index:100; width:960px; height:45px; z-index:999999; background:url(/layouts/default/image/navi_subbg.png);}
#snb_wrap .snb ul li{float:left; height:45px; text-align:left; list-style:none; line-height:42px; font-size:13px; font-family:'nanum';}
#snb_wrap .snb ul li a{display:block; height:45px; padding:0 8px; text-indent:10px; color:#fff; text-decoration:none;}
#snb_wrap .snb ul li a:hover{color:#ff9000;}
.snb dd{position:relative; display:none; height:45px;}
.snb dd.snb01{margin-left:502px;}
.snb dd.snb02{margin-left:609px;}
.snb dd.snb03{margin-left:644px;}
.snb dd.snb04{margin-left:686px;}


/*******************************************************
	contents
********************************************************/
#contents{position:relative; width:960px; margin:308px auto 0; z-index:10; overflow:hidden;}
#contents .main_section01{}

#contents .main_section02{height:320px; margin-top:20px; overflow:hidden; background-color:#fff;}
/* main_pop */
#contents .main_section02 #main_pop{position:relative; float:left; width:243px; height:320px; z-index:1;}
#contents .main_section02 #mainPop{width:100%; margin:0 auto;}
#contents .main_section02 #mainPop .bx-wrapper{position:relative; width:100%; margin:0 auto; padding: 0;*zoom: 1;}
#contents .main_section02 #mainPop .bx-wrapper img{max-width:100%;display:block;}
#contents .main_section02 #main_pop .bx-wrapper .bx-pager{position:absolute; top:288px; left:0px; width:243px; height:9px; z-index:100; text-align:center;}
#contents .main_section02 #main_pop .bx-wrapper .bx-pager-item{display:inline-block; text-indent:-99999em; margin:0 2px;}
#contents .main_section02 #main_pop .bx-wrapper .bx-pager-item a{width:12px; height:12px; display:block; background:url(/layouts/default/image/pop_btn.png) no-repeat;}
#contents .main_section02 #main_pop .bx-wrapper .bx-pager-item a.active{width:21px; height:12px; background-position:0 -12px;}
/* main_notice */
#contents .main_section02 .main_notice{position:relative; float:left; width:238px; border-left:1px solid #f1f2f4;}
#contents .main_section02 .main_notice h1{padding:24px 0 0 27px; font-size:14px; font-family:'nanumB'; font-weight:normal;}
#contents .main_section02 .main_notice h1 span{display:block; font-size:9px; color:#a5a5a5;}
#contents .main_section02 .main_notice span.more a{position:absolute; top:27px; right:27px; font-size:11px; color:#4d4d4d; font-family:'nanumB';}
#contents .main_section02 .main_notice ul{padding:15px 30px 0 30px;}
#contents .main_section02 .main_notice ul li{list-style:none; background:url(/layouts/default/image/list_dot.gif) no-repeat 0 11px;}
#contents .main_section02 .main_notice ul li a{display:block; padding-left:8px; line-height:26px; color:#757575; overflow:hidden; letter-spacing:-1px;font-family:'dotum'; font-size:12px;text-overflow:ellipsis; white-space:nowrap;}
#contents .main_section02 .main_notice ul li a:hover{font-weight:bold; color:#ff9000;}
#contents .main_section02 .main_notice ul li .new {color:#ff9000; display:inline-block; margin-left:5px; font-weight:bold;}

/* main_승보/성보안내 */
#contents .main_section02 .banner_img02{position:relative; float:left; width:238px; text-align:center;}
#contents .main_section02 #mainQban{width:100%; margin:0 auto;}
#contents .main_section02 #mainQban .bx-wrapper{position:relative; width:100%; margin:0 auto; padding: 0;*zoom: 1;}
#contents .main_section02 #mainQban .bx-wrapper img{max-width:100%;display:block;}
#contents .main_section02 .banner_img02 .bx-wrapper .bx-pager{position:absolute; top:20px; left:0px; width:243px; height:9px; z-index:100; text-align:center;}
#contents .main_section02 .banner_img02 .bx-wrapper .bx-pager-item{display:inline-block; text-indent:-99999em; margin:0 2px;}
#contents .main_section02 .banner_img02 .bx-wrapper .bx-pager-item a{width:12px; height:12px; display:block; background:url(/layouts/default/image/pop_btn.png) no-repeat;}
#contents .main_section02 .banner_img02 .bx-wrapper .bx-pager-item a.active{width:21px; height:12px; background-position:0 -12px;}

#contents .main_section02 .banner_img02 .img{margin:44px 0 26px;}
#contents .main_section02 .banner_img02 h2{font-size:18px; font-family:'nanumB'; font-weight:normal; color:#212121;}
#contents .main_section02 .banner_img02 h2 span{font-family:'nanum';}
#contents .main_section02 .banner_img02 p{padding-top:20px; font-size:13px; color:#434343; line-height:20px; font-family:'nanum';}
#contents .main_section02 .banner_img02 .banner_arrow_btn{margin-top:18px;}


/* banner_img01 */
#contents .main_section02 .banner_img01{float:left; width:240px;}


/* banner_img02 
#contents .main_section02 .banner_img02{float:left; width:238px; text-align:center;}
#contents .main_section02 .banner_img02 .img{margin:44px 0 26px;}
#contents .main_section02 .banner_img02 h2{font-size:18px; font-family:'nanumB'; font-weight:normal; color:#212121;}
#contents .main_section02 .banner_img02 h2 span{font-family:'nanum';}
#contents .main_section02 .banner_img02 p{padding-top:20px; font-size:13px; color:#434343; line-height:20px; font-family:'nanum';}
#contents .main_section02 .banner_img02 .banner_arrow_btn{margin-top:18px;}
*/

/* photo_gallery */
#contents .main_section03{height:320px; margin-top:20px; overflow:hidden; background-color:#fff;}
#contents .main_section03 .photo_gallery{position:relative; float:left; width:243px; height:320px;}
#contents .main_section03 .photo_gallery h1{padding:24px 0 0 27px; font-size:14px; font-family:'nanumB'; font-weight:normal;}
#contents .main_section03 .photo_gallery h1 span{display:block; font-size:9px; color:#a5a5a5;}
#contents .main_section03 .photo_gallery span.more a{position:absolute; top:27px; right:27px; font-size:11px; color:#4d4d4d; font-family:'nanumB';}
#contents .main_section03 .photo_gallery ul{padding:15px 0 0 30px;}
#contents .main_section03 .photo_gallery li{position:relative; width:88px; list-style:none; float:left; margin:0 10px 2px 0;}
#contents .main_section03 .photo_gallery li a{list-style:none;  letter-spacing:-1px;font-family:'dotum'; font-size:12px; color:#757575; letter-spacing:-0.5px;}
#contents .main_section03 .photo_gallery li a:hover{text-decoration:none;}
#contents .main_section03 .photo_gallery li a .txtA{padding-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#contents .main_section03 .photo_gallery li a .imgA {width:88px; height:88px;overflow:hidden; background:#000;}
#contents .main_section03 .photo_gallery li a .imgA  img{-webkit-transform:scale(1); transform:scale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
#contents .main_section03 .photo_gallery li a:hover .imgA img{-webkit-transform:scale(1.3); transform:scale(1.3); opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);  }
#contents .main_section03 .photo_gallery li .new {position:absolute; top:0px; left:0px; z-index:1;text-align:center; width:34px; height:22px; line-height:24px; font-weight:bold;background:#ff9000;display:block;color:#fff;font-size:11px !important; letter-spacing:0px;  font-family:'dotum'}


/* bubmun */
#contents .main_section03 .bubmun{position:relative; float:left; width:240px; border-left:1px solid #f1f2f4;}
#contents .main_section03 .bubmun h1{padding:24px 0 0 27px; font-size:14px; font-family:'nanumB'; font-weight:normal;}
#contents .main_section03 .bubmun h1 span{display:block; font-size:9px; color:#a5a5a5;}
#contents .main_section03 .bubmun span.more a{position:absolute; top:27px; right:27px; font-size:11px; color:#4d4d4d; font-family:'nanumB';}
#contents .main_section03 .bubmun ul{padding:15px 30px 0 30px;}
#contents .main_section03 .bubmun ul li{list-style:none; background:url(/layouts/default/image/list_dot.gif) no-repeat 0 11px;}
#contents .main_section03 .bubmun ul li a{display:block; padding-left:8px; line-height:26px; color:#757575; overflow:hidden; letter-spacing:-1px;font-family:'dotum'; font-size:12px; text-overflow:ellipsis; white-space:nowrap;}
#contents .main_section03 .bubmun ul li a:hover{font-weight:bold; color:#ff9000;}
#contents .main_section03 .bubmun ul li .new {color:#ff9000; display:inline-block; margin-left:5px; font-weight:bold;}
/* bubmun */

#contents .main_section03 .banner_img03{float:left; width:237px; height:320px; display:block; text-align:center; border-left:1px solid #f1f2f4;}
#contents .main_section03 .banner_img03 ul{list-style-type:none; padding:0px; margin:0px;}
#contents .main_section03 .banner_img03 li{display:block; overflow:hidden; border-top:1px solid #f1f2f4;}
#contents .main_section03 .banner_img03 li a{display:block;  height:79px;text-indent:-99999px;}
#contents .main_section03 .banner_img03 li:first-child a{height:80px; border-top:none;}
#contents .main_section03 .banner_img03 li a.bg1 {background:url(/layouts/default/image/main_link01.jpg)  center 24px no-repeat;}
#contents .main_section03 .banner_img03 li a.bg2 {background:url(/layouts/default/image/main_link02.jpg)  center 24px no-repeat;}
#contents .main_section03 .banner_img03 li a.bg3 {background:url(/layouts/default/image/main_link03.jpg)  center 20px no-repeat;}
#contents .main_section03 .banner_img03 li a.bg4 {background:url(/layouts/default/image/main_link04.jpg)  center 27px no-repeat;}
#contents .main_section03 .banner_img03 li a:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}

#contents .main_section03 .banner_img04{float:left; width:238px;}

/*#contents .main_section03 .banner_img03 .img{margin:44px 0 26px;}
#contents .main_section03 .banner_img03 h2{font-size:18px; font-family:'nanumB'; font-weight:normal; color:#212121;}
#contents .main_section03 .banner_img03 h2 span{font-family:'nanum';}
#contents .main_section03 .banner_img03 p{padding-top:20px; font-size:13px; color:#434343; line-height:20px; font-family:'nanum';}
#contents .main_section03 .banner_img03 .banner_arrow_btn{margin-top:18px;}

*/
/*******************************************************
	main_visual
********************************************************/
#main_visual{position:absolute; top:0; left:0; width:100%; height:480px; z-index:1; overflow:hidden;}
#mimgTxt {position:absolute; top:350px; left:50%; width:960px; margin:0 auto; margin-left:-480px;z-index:56; color:#fff;  font-family:'nanum-square-r'; font-size:18px; }
#mimgTxt span {font-family:'nanum'; font-size:13px; color:#fff;display:block; margin-top:5px;}
#top_visual{position:absolute; top:0; left:50%; width:1420px; margin:0 auto; margin-left:-710px; }
#top_visual .bx-wrapper{position:relative; width:100%; margin:0 auto; padding: 0;*zoom: 1;}
#top_visual .bx-wrapper img{max-width:100%;display:block;}
#top_visual .bx-wrapper .bx-pager{position:absolute; top:380px; left:50%; height:9px; margin-left:-60px; z-index:100;}
#top_visual .bx-wrapper .bx-pager-item{display:inline-block; text-indent:-99999em; margin:0 2px;}
#top_visual .bx-wrapper .bx-pager-item a{width:18px; height:18px; display:block; background:url(/layouts/default/image/visual_btn.png) no-repeat;}
#top_visual .bx-wrapper .bx-pager-item a.active{width:30px; height:18px; background-position:0 -18px;}
/* AUTO CONTROLS (START / STOP) */
#top_visual .bx-wrapper .bx-controls-auto{position:absolute; top:377px; left:50%; margin-left:20px; z-index:999;}
#top_visual .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:26px; height:26px; outline:0; background:url(/layouts/default/image/play_stop.png) -26px 0 no-repeat; margin:0 3px;}
#top_visual .bx-wrapper .bx-controls-auto .bx-start.active{display:none; background-position:-26px 0;}
#top_visual .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:26px; height:26px; outline:0; background:url(/layouts/default/image/play_stop.png) 0 0 no-repeat; margin:0 3px;}
#top_visual .bx-wrapper .bx-controls-auto .bx-stop.active{display:none; background-position:0 0;}


/*******************************************************
	main_footer
********************************************************/
#main_footer{width:100%; height:171px; margin:59px auto 0; background-color:#23201b;}
#main_footer #footerCon{position:relative; width:960px; margin:0 auto;}
#main_footer #footerCon .btn{position:absolute; top:16px; right:26px;}
#main_footer #footerCon .f_loc{position:absolute; top:-35px; left:0; width:480px; height:65px; background-color:#c0b9b1; letter-spacing:-0.5px;}
#main_footer #footerCon .f_loc a{display:block; margin:22px 0 0 28px; font-family:'nanumB'; font-size:19px; color:#fff;}
#main_footer #footerCon .f_loc a span{padding-left:10px; font-family:'nanum'; font-size:13px; color:#fff;}
#main_footer #footerCon .f_mov{position:absolute; top:-35px; right:0; width:480px; height:65px; background-color:#141414;}
#main_footer #footerCon .f_mov a{display:block; margin:22px 0 0 28px; font-family:'nanumB'; font-size:19px; color:#fff;}
#main_footer #footerCon .f_mov a span{padding-left:10px; font-family:'nanum'; font-size:13px; color:#bfb8b0;}
#main_footer #footerCon p{padding-top:63px; font-family:'nanumB'; text-align:left; color:#86827e;}
/*#main_footer #footerCon .f_top_btn{position:absolute; top:30px; right:0px;}*/
#main_footer #footerCon p a{color:#ffff00;}
#main_footer #footerCon strong {font-weight:normal; color:#f5f5f5;}
#main_footer #footerCon .rights {display:block; font-size:13px; margin-top:10px;}


#main_footer #footerCon .family{position:absolute; top:60px; right:0px; cursor:pointer;}
#main_footer #footerCon .family dd{ width:191px; border:1px solid #ddd; position:absolute; left:0px; bottom:40px; background-color:#fff; padding:5px 0 5px 5px; display:none; z-index:999;}
#main_footer #footerCon .family dd li{ padding-left:12px;height:30px; line-height:30px; font-size:12px; list-style:none;}
#main_footer #footerCon .family dd li a{ color:#525252; font-size:12px;}
#main_footer #footerCon .family dd li a:hover{ color:#bf1e2e;}

.f_top_btn{position:fixed; bottom:0px; right:30px;}