@charset "utf-8";

/* 나눔명조 */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 나눔폰트 적용 */
@font-face {
	font-family:'nanum';
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'nanumB';
	src:url('../fonts/NanumGothicBold.eot');
	src:url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/NanumGothicBold.woff') format('woff');
}


/* 그누보드 5  reset */
html body{width:100%;}
body {margin:0; padding:0; font-size:0.75em; font-family:dotum;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img,div,dl,dt,dd,ul,ol,li {margin:0; padding:0; border:0; list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:dotum;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

#hd ul, nav ul, #ft ul {margin:0; padding:0; list-style:none;}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em;o verflow:hidden;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0; padding:0; font-family:dotum; font-size:1em;}
button {cursor:pointer;}

textarea, select {font-family:dotum; font-size:1em;}
select {margin:0;}
p {margin:0; padding:0; word-break:break-all;}
hr {display:none;}
pre {font-size:1.1em;}
a:link, a:visited {color:#000; text-decoration:none;}
a:hover, a:focus, a:active {color:#000; text-decoration:underline;}

/*
font-family:'nanum';
font-family:'nanumB';
font-family:'nanumE';
font-family:'맑은 고딕', Malgun Gothic
*/

/* ---------------------------------------------------------------------
	wrap
----------------------------------------------------------------------*/
#wrap{width:100%; min-width:1020px; margin:auto; display:inline-block;}

/* ---------------------------------------------------------------------
	header
----------------------------------------------------------------------*/
#header{min-width:1020px; position:relative; height:100px; margin:0 auto; text-align:center; background-color:#fff; z-index:2; border-bottom:3px solid #f7593f;}

/* ---------------------------------------------------------------------
	navbar
----------------------------------------------------------------------*/
#navbar{position:relative; width:1000px; height:100px; margin:0 auto;}
#navbar h1.logo{position:absolute; top:40px; left:0px;}

/* log */
#navbar .log{float:right; margin-top:15px; margin-bottom:10px; margin-right:10px; font-family:dotum;}
#navbar .log span{float:left; padding:5px 7px 0; display:block; font-size:13px; letter-spacing:-0.5px;}
#navbar .log span a{display:block; color:#7f7f7f;}
#navbar .log span.facebook_icon{padding:0 3px;}
#navbar .log span.facebook_icon a{}
#navbar .log span.twitter_icon{padding:0 3px;}
#navbar .log span.twitter_icon a{}

/* nav */
#navbar .nav{clear:both; float:right; margin-top:16px;}
#navbar .nav li{float:left; padding:0 14px; font-size:20px; list-style:none; font-family: 'nanumB', serif; letter-spacing:-1px;}
#navbar .nav li a{display:block; color:#3d3d3d; text-decoration:none;}
#navbar .nav li a:hover, #navbar .nav li a.on{color:#f7593f; padding-bottom:12px; border-bottom:4px solid #f7593f;}

/* snb_wrap */
#snb_wrap{display:none; position:absolute; top:103px; left:50%; margin-left:-500px; z-index:100; width:1200px; height:45px; z-index:999999;}
#snb_wrap .snb ul li{float:left; font-family:'nanumB'; font-size:13px; text-align:left; list-style:none;}
#snb_wrap .snb ul li a{display:block; height:49px; padding:0 6px; color:#333; line-height:49px; background:url(../images/nav_bg.png) repeat-x;}
#snb_wrap .snb ul li a:hover{color:#f7593f; text-decoration:none;}

#snb_wrap .snb dd.snb01{margin-left:150px;}
#snb_wrap .snb dd.snb02{margin-left:250px;}
#snb_wrap .snb dd.snb03{margin-left:250px;}
#snb_wrap .snb dd.snb04{margin-left:450px;}
#snb_wrap .snb dd.snb05{margin-left:550px;}
#snb_wrap .snb dd.snb06{margin-left:550px;}
#snb_wrap .snb dd.snb07{margin-left:750px;}


/* ---------------------------------------------------------------------
	contents
----------------------------------------------------------------------*/
#contents{position:relative; width:980px; margin:0px auto 0 auto; z-index:2;}
#contents .main_section01{}
#contents .main_section01 li{ }
#contents .main_section01 li a{position:relative;display:block; float:left; width:314px; height:180px; text-align:center; letter-spacing:-1px; text-decoration:none;background:#f7593f;}
#contents .main_section01 li a .msBan_txt {position:absolute;top:0px; left:30px; width:254px; height:180px;z-index:1; }
#contents .main_section01 li a .msBan_txt  strong{display:block; padding-top:50px; text-align:left; font-size:28px; color:#fff; line-height:40px; font-family: 'Nanum Myeongjo', serif; font-weight:normal; letter-spacing:-1.5px;}
#contents .main_section01 li a .msBan_txt  span{display:block; width:266px; margin:18px auto 30px auto; padding-top:15px; text-align:justify; color:#cecece; font-family:'nanum'; font-size:16px; line-height:24px;  border-top:1px solid #8f9596;}
#contents .main_section01 li a:hover .bgi {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
#contents .main_section01 li a .more {position:absolute;top:64px; right:20px; z-index:1; }
#contents .main_section01 li.banner02 a{margin:0 19px 0 19px;}

#contents p.txt{clear:both; padding:30px 0 25px; text-align:center; font-size:30px; color:#7b6438; font-family: 'Nanum Myeongjo', serif; letter-spacing:-1px; background:url(../images/txt_bg.gif) 0 75px no-repeat;}
#contents p.txt span{font-size:36px; line-height:60px; color:#c55d00;}
#contents p.txt span strong {font-weight:normal; color:#ff7800;}

#contents .main_section02{position:relative; overflow:hidden;}
#contents .main_section02 .le{float:left;  width:314px; height:300px; margin:0px;padding:0px; overflow:hidden;  font-family:'nanum'; }
.calArea{display:block; width:314px; height:180px; margin:0px;padding:0px; overflow:hidden;  background:#fff; font-family:'nanum'; }
.calArea h2{position:relative;width:229px; height:36px; padding-left:85px;margin:0px;border:1px solid #737373; background:#737373; overflow:hidden; color:#fff;  text-align:left; line-height:36px; font-size:16.5px; font-weight:normal;font-family: 'nanum-square-r', serif;}
.calArea h2 a{display:block; color:#fff;}
.calArea h2 a:hover {text-decoration:none;}
.calArea h2 .prevM {position:absolute;  top:0px; left:0px;}
.calArea h2 .prevM a{display:block; width:30px; height:36px; color:#fff; text-decoration:none; line-height:36px; font-size:18px; text-align:center; }
.calArea h2 .nextM {position:absolute;  top:0px; right:0px;}
.calArea h2 .nextM a{display:block; width:30px; height:36px; color:#fff; text-decoration:none; line-height:36px; font-size:18px; text-align:center; }
.calArea h2 .mtoday{position:absolute;  top:0px; left:150px; text-align:left; width:100px;font-size:16px;}
.calArea h2 .mtoday .mot{color:#ffba15;}


#contents .main_section02 .le .notice{position:relative; width:314px; height:120px;overflow:hidden;}
#contents .main_section02 .le .notice h2{padding:17px 0 15px 0px; font-family:'nanum-square-b'; font-size:16.5px; color:#5b5b5b;}
#contents .main_section02 .le .notice ul{padding:0  0px 0 0px;}
#contents .main_section02 .le .notice ul li{position:relative; font-size:12px;}
#contents .main_section02 .le .notice ul li span{position:absolute; top:0; right:0; color:#444;}
#contents .main_section02 .le .notice ul li a{display:block; width:70%; margin-bottom:10px; font-family:dotum; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#contents .main_section02 .le .notice a.more_btn{position:absolute; top:22px; right:0px;}



#contents .main_section02 .mpopArea { float:left; display:inline-block; width:314px;margin:0 19px 0 19px; height:300px; background:#000;}
#contents .main_section02 .ri{float:left;  width:314px; height:300px;}

#contents .main_section02 .ri .ri_banner01{ background:#000;}
#contents .main_section02 .ri .ri_banner01 a:hover img {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
#contents .main_section02 .ri .ri_banner{}

#contents .main_section02 .ri .mrQuickA{display:block; width:292px; height:143px; margin:0px;padding:0px 10px 0px 10px; overflow:hidden; border:1px solid #e3e3e3; background:#f5f5f5; font-family:'nanum'; }
#contents .main_section02 .ri .mrQuickA h3 {font-family: 'nanum-square-b'; font-size:16.5px; color:#5b5b5b; border-bottom:1px solid #e3e3e3; height:30px; line-height:30px; padding:8px 0px 2px 0px; margin:0px 0px 20px 0px;}
#contents .main_section02 .ri .mrQuickA ul.mrqb{margin:0px; padding:0px; list-style:none;}
#contents .main_section02 .ri .mrQuickA ul.mrqb:after {clear:both; content:''; display:block; }
#contents .main_section02 .ri .mrQuickA ul.mrqb li{float:left; width:73px; display:inline-block; text-align:center;}
#contents .main_section02 .ri .mrQuickA ul.mrqb li a{display:block;}
#contents .main_section02 .ri .mrQuickA ul.mrqb li a:hover  { font-weight:bold; text-decoration:none !important;}
#contents .main_section02 .ri .mrQuickA ul.mrqb li a span.txt {font-size:12px; display:block; margin-top:15px; font-family:'dotum';color:#5b5b5b; letter-spacing:-0.5px;}
#contents .main_section02 .ri .mrQuickA ul.mrqb li a span.img {display:table-cell; width:73px; height:36px;vertical-align:bottom;  text-align:center; }
#contents .main_section02 .ri .mrQuickA ul.mrqb li a span.img img  {opacity:0.7; 	-moz-opacity:0.7; 	filter: alpha(opacity=70);-webkit-transition:.1s ease-in-out; transition:.1s ease-in-out;}
#contents .main_section02 .ri .mrQuickA ul.mrqb li a:hover span.img img {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;}
#contents .main_section02 .ri .tsBanner {clear:both;margin-top:19px;}

/* ---------------------------------------------------------------------
	footer
----------------------------------------------------------------------*/
#footer{width:100%; height:100px; margin:45px auto 0;}
#footerCon{width:980px; height:100px; padding:26px 0 16px; margin:0 auto; color:#686767; font-family:'nanum';  font-size:14px; text-align:center; border-top:1px solid #e5e5e5;}
#footerCon span{color:#955d33; font-family:'nanumB';}
#footerCon p.copy{font-size:12px; color:#929292;}
#footerCon p.add{padding:8px 0 18px;}



/*******************************************************
	main_visual
********************************************************/
#main_visual{position:relative; height:400px; overflow:hidden;}
#main_visual .mvisual_txt {position:absolute; bottom:30px; left:50%; width:800px;margin-left:-400px; text-align:center;z-index:55;}
#top_visual{position:absolute; top:0px; left:50%; width:1920px; height:400px; margin-left:-960px; z-index:1;}
#top_visual .bx-wrapper{position:relative; width:1920px; 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:170px; left:50%; margin-left:480px; z-index:100; background:url(../images/visual_btn_bg.png) 7px 0 repeat-y;} */
#top_visual .bx-wrapper .bx-pager-item{width:13px; height:13px; padding-bottom:15px; display:block; text-indent:-99999em; margin:0 1px;}
#top_visual .bx-wrapper .bx-pager-item:last-child{padding-bottom:0;}
/* #top_visual .bx-wrapper .bx-pager-item a{width:13px; height:13px; display:block; background:url(../images/visual_btn.png) no-repeat;} */
#top_visual .bx-wrapper .bx-pager-item a.active{background-position:0 -13px;}


/*******************************************************
	le_banner
********************************************************/
#le_banner{}
#le_banner .bx-wrapper{position:relative; width:315px; margin:0 auto; padding: 0;*zoom: 1;}
#le_banner .bx-wrapper img{max-width:100%;display:block;}
#le_banner .bx-wrapper .bx-pager{position:absolute; top:10px; left:10px; z-index:100;}
#le_banner .bx-wrapper .bx-pager-item{width:13px; height:13px; float:left; padding-right:3px; display:block; text-indent:-99999em; margin:0 1px;}
#le_banner .bx-wrapper .bx-pager-item a{width:13px; height:13px; display:block; background:url(../images/visual_btn.png) no-repeat;}
#le_banner .bx-wrapper .bx-pager-item a.active{background-position:0 -13px;}
#le_banner .bx-wrapper .bx-controls-auto{position:absolute;top:10px; right:10px;}
#le_banner .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:22px; height:22px; outline:0; background: url(../images/controls.png) 0 0 no-repeat;}
#le_banner .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:22px; height:22px; outline:0; background: url(../images/controls.png) 0 -22px no-repeat;}

/*******************************************************
	ri_banner
********************************************************/
#ri_banner{}
#ri_banner .bx-wrapper{position:relative; width:332px; margin:0 auto; padding: 0;*zoom: 1;}
#ri_banner .bx-wrapper img{max-width:100%;display:block;}
#ri_banner .bx-wrapper .bx-pager{position:absolute; bottom:11px; left:16px; z-index:100;}
#ri_banner .bx-wrapper .bx-pager-item{width:13px; height:13px; float:left; padding-right:6px; display:block; text-indent:-99999em; margin:0 1px;}
#ri_banner .bx-wrapper .bx-pager-item a{width:13px; height:13px; display:block; background:url(../images/visual_btn01.png) no-repeat;}
#ri_banner .bx-wrapper .bx-pager-item a.active{background-position:0 -13px;}