/* CSS Document */
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
/* @import url(http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css); */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

body {	font-family:'NanumGothic','Dotum','Gulim','AppleGothic','sans-serif';	font-size:12px;	margin: 0px; padding:0px;  }

table, tr, td, select, input { font-family:'NanumGothic','Dotum','Gulim','AppleGothic','sans-serif'; font-size:12px; color: #333333; letter-spacing:0px;  margin:0px; padding:0px;  }

p { margin:0; padding:0; }
/*ol, ul, li { list-style:none; margin:0; padding:0; }*/
ul { list-style:none; margin:0; padding:0; font-family:'NanumGothic','Dotum','Gulim','AppleGothic','sans-serif'; }
div, span, dt, dd { margin:0px; padding:0px; font-family:'NanumGothic','Dotum','Gulim','AppleGothic','sans-serif';	font-size:12px; }
img { border:0px; margin:0px; padding:0px; }
img.links { cursor:pointer; }
iframe { border:0px; }
.fixed { table-layout:fixed; }

/* 정렬기준*/
.top{vertical-align:top;}
.center, .txt_center, .txt-center { text-align:center !important; }
.vcen{ vertical-align:middle; }
.foot{vertical-align:bottom; }
.left, .txt_left, .txt-left { text-align:left !important; }
.right, .txt_right, .txt-right { text-align:right !important; }
.jt { text-align:justify; }/*양쪽정렬*/

a:link,a:visited,a:active { font-size:12px; font-weight:100; letter-spacing:0px; font-family:'Dotum','Gulim','AppleGothic','sans-serif'; text-decoration:none; color:#333333; }
a:hover { font-size:12px; font-weight:100; letter-spacing:0px; font-family:'Dotum','Gulim','AppleGothic','sans-serif'; text-decoration:none; color:#42B12E;}

a.current:link,a.current:visited,a.current:active,a.current:hover { font-size:12px; font-weight:700; text-decoration:none; color:#3399CC; }

a.tipMenu:link,a.tipMenu:visited,a.tipMenu:active { font-size:11px; letter-spacing:-1px; text-decoration:none; color:#FFFFFF; }
a.tipMenu:hover { font-size:11px; letter-spacing:-1px; text-decoration:none; color:#FFFFFF;}

a.tab:link,a.tab:visited,a.tab:active { font-size:11px; text-decoration:none; color:#808080; }
a.tab:hover { font-size:11px; font-weight:800; text-decoration:none; color:#FFFFFF;}
a.tabCurrent:link,a.tabCurrent:visited,a.tabCurrent:active { font-size:11px; text-decoration:none; color:#FFFFFF; }
a.tabCurrent:hover { font-size:11px; font-weight:500; text-decoration:none; color:#FFFFFF;}

/* #header { clear:both; margin:0 auto; width:100%; background:url(/image/index/bg_top.png); overflow:hidden; } */
#header { clear:both; margin:0 auto; width:100%; background:#346702; overflow:hidden; }
#header .logo { margin:0 auto; width:100%; text-align: center; background-color: #FFFFFF; overflow:hidden; }
#header .constTop { margin:0 auto; width:1000px; height:60px; overflow:hidden; }
#constBody { clear:both; margin:0 auto; width:1000px; min-height:350px; overflow:hidden; }
#constPageMainImage { clear:both; margin:0 auto; width:1000px; text-align:center; margin-top:20px; overflow:hidden; }
#constBodyBox { margin:0 auto; width:920px; border:1px solid #D7D7D7; background-color:#FFFFFF; padding:10px; overflow:hidden; }

#footer { clear:both; margin:0 auto; width:100%; overflow:hidden; } /* background:url(/image/sub/bottom_bg.jpg);  */
/* #footer .contents { margin:0 auto; width:1024px; background:url(/image/sub/copyright.jpg) no-repeat; overflow:hidden; } */

#copyright{ clear:both; margin:0 auto; width:100%; background-color: #F4F4F4; padding-bottom:30px; overflow:hidden; }
#copyright .wrap { margin:0 auto; width:1000px; }
#copyright a.tipMenu:link,#copyright a.tipMenu:visited,#copyright a.tipMenu:active { font-size:12px; letter-spacing:-1px; font-weight:300; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#333333; }
#copyright a.tipMenu:hover { font-size:12px; letter-spacing:-1px; font-weight:300; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#42B12E;}
#copyright a.tipMenu2:link,#copyright a.tipMenu2:visited,#copyright a.tipMenu2:active { font-size:12px; letter-spacing:-1px; font-weight:500; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#C43AA4; }
#copyright a.tipMenu2:hover { font-size:12px; letter-spacing:-1px; font-weight:500; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#42B12E;}

#copyright .logo { position:absolute; float:left; display:block; margin-top:0px; }
#copyright .copy_wrap { float:right; display:inline-block; text-align:right; }
#copyright .copy_wrap .addr{font-size: 12px; padding-top: 25px; color: #333333;}
#copyright .copy_wrap .addr>span { font-size: 12px; color: #333333; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif;}
/*
#copyright .copy_wrap .addr>span {padding: 0 15px; color: #333333; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif;}
#copyright .copy_wrap .addr>span:first-child {font-size: 12px;color: #333333;padding-left: 0;}
#copyright .copy_wrap .addr>span:after{position: absolute; content:''; width:1px; height: 14px; margin-top:5px; margin-left:20px; background: #333333;}
#copyright .copy_wrap .addr>span:last-child:after{display:none;}
*/
#copyright .copy_wrap .tel{font-size: 12px;color: #333333;margin-top: 4px; }
#copyright .copy_wrap .tel>span {padding: 0 12px; color: #333333; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif;}
#copyright .copy_wrap .tel>span:first-child {font-size: 12px;color: #333333;padding-left: 0;}
#copyright .copy_wrap .tel>span:after{position: absolute; content:''; display:inline-block; width:1px; height: 12px; margin-top:2px; margin-left:15px; background: #999999;}
#copyright .copy_wrap .tel>span:last-child:after{display:none; margin-left:0px;}
#copyright .copy_wrap .copyright{font-size: 12px;color: #333333;margin-top: 10px; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif;}
#copyright .copy_wrap .family_site{position: absolute;top: 35px;right: 0;width: 175px;border: 1px solid #c1c1c1;font-size: 14px;color: #656565;padding: 10px 15px;cursor: pointer;background: #e6e6e6;-webkit-appearance: inherit;}

#mainMenu { margin:0px; padding:0px;}
a.mainMenu img{border:0px; display:inline;}
a.mainMenu img._over { border:0px; display:none; } 
a.mainMenu:hover img { border:0px; display:none; } 
a.mainMenu:hover img._over { border:0px; display:inline; }

#mainMenu_txt { display:inline-block; width: 100%; margin:0px; padding:0px;  }
#mainMenu_txt a { display:inline-block; font-weight:500; font-size:16px; color:#FFFFFF; font-family: 'Noto Sans KR', NanumGothic, sans-serif; letter-spacing:-1px; height:80px; border:0px solid #000;}

.navi_mmenu
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding:10px 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	overflow:hidden;
}
.navi_mmenu .navi_mmenu_sub
{
	position: relative;
	width: 100%;
	text-align: left;
	vertical-align: top;
}

.navi_submenu
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding:10px 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	overflow:hidden;
}
.navi_submenu .subM
{
	position: relative;
	width: 100%;
	text-align: left;
	vertical-align: top;
}

.subM div { letter-spacing:-1px; }
.subMsize1 { width:150px; }
.subMsize2 { width:130px; }
.subMsize3 { width:220px; }
.subMsize4 { width:140px; }
.subMsize5 { width:150px; }
.subMsize6 { width:130px; }

.t_depth1_menu { font-size:12px; font-weight:bold; color:#0D81CA; }
.t_depth2_menu { font-size:13px; color:#333333; font-weight:300px; padding-left:3px; }
.t_depth3_menu { font-size:12px; color:#808080; padding-left:3px; }

#t_menu { position:absolute; width:100%; display:none; background:#ffffff; z-index:999; margin:-1px 0px 0px 0px; border-bottom:3px solid #346702; } /* #margin:-2px 0px 0px -20px; */
a.sub_menu:link, a.sub_menu:visited, a.sub_menu:active { font-size:13px; letter-spacing:-1px; font-weight:300; font-family:  'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#333333; }
a.sub_menu:hover { font-size:13px; letter-spacing:-1px; font-weight:300; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#42B12E;}


/* leftmenu */
#lmenu  { width:100%; margin-top:15px; }
#lmenu .title { height:28px; margin-bottom:5px; }
#lmenu .titleBox { text-align:left; background-color:#346702; font-size:18px; font-weight:500; color:#FFFFFF; font-family: 'Noto Sans KR', NanumGothic, sans-serif; letter-spacing:0px; padding:20px 10px 20px 20px; margin-bottom:5px; }
#lmenu .const { margin-bottom:15px; }
#lmenu .const ul { margin:0 auto; }
#lmenu .const ul li.sub { text-align:left; font-size:15px; padding:10px 0 7px 5px; border-bottom:1px dotted #808080; } /* background:url('/image/sub/bg_submenuline.gif') no-repeat; */
#lmenu .const ul li.sub .bar { float:left; display:block; font-weight:700; font-size:12px; padding-top:5px; margin-right:10px; }
#lmenu .const ul li.sub a.lm_link:link,a.lm_link:visited,a.lm_link:active { font-size:14px; font-weight:300; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#333333; }
#lmenu .const ul li.sub a.lm_link:hover { font-size:14px; font-weight:300; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#42B12E; }
#lmenu .const ul li.sub a.lm_link_current { font-size:14px; font-weight:500; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#42B12E; }

#lmenu .const ul li.sub2 { text-align:left; font-size:12px; padding:7px 0 0px 20px; }
#lmenu .const ul li.sub2End { text-align:left; font-size:12px; background:url('/image/sub/bg_submenuline3.gif') repeat-x; padding:7px 0 7px 20px; }

#leftQuick {  margin:0 auto; width:100%; margin-bottom:5px; text-align:center; overflow:hidden; }
#leftQuick img { margin-bottom:5px; }

/* main visual */
.main_visual { position:relative; width:100%; z-index:10; overflow:hidden; }
.main_visual .bx-wrapper { -moz-box-shadow: 0 0 0 #ccc; -webkit-box-shadow: 0 0 0 #ccc; box-shadow: 0 0 0 #ccc; border: 0px solid #fff; background: #fff; }
.main_visual .bx-controls-auto{display:none;}
.main_visual .bx-controls {position:relative;bottom:0px;left:50%;width:1000px;margin-left:-550px;z-index:1000; }
.main_visual .bx-pager {overflow:hidden;position:absolute;top:-70px;left:50%;width:165px;text-align:center;z-index:1000; margin-left:-104px;}
.main_visual .bx-pager .bx-pager-item {display:inline-block;*display:inline;zoom:1;margin-left:0px;  }
.main_visual .bx-pager .bx-pager-item a {display:block;margin-left:10px;width:13px;height:13px;background:url(/image/index/dot-off.png) 50% 0 no-repeat;text-indent:-9999px;}
.main_visual .bx-pager .bx-pager-item .active {width:36px;height:13px;background:url(/image/index/dot-on.png) 0 0 no-repeat;}

.main_visual .main_bx_btn_box {position:absolute; left:50%; top:381px; z-index:9999; width:10px; height:12px; margin-left:30px; padding:0; margin:0; }
.main_visual .main_bx_btn_box a {display:block;width:10px;height:12px; text-indent:-9999px;}
.main_visual .main_bx_btn_box span {position:absolute;top:-9999px;left:-9999px;}
.main_visual .main_bx_btn_box .bx_prev {position:absolute;top:0;left:0;}
.main_visual .main_bx_btn_box .bx_prev a {background-size:100%;}
.main_visual .main_bx_btn_box .bx_next {position:absolute;top:0;left:20px;}
.main_visual .main_bx_btn_box .bx_next a {background-size:100%;}

.main_visual .main_slide_box li { min-height:300px; padding:0; margin:0; position:relative;}



.main_board_wrap { position:relative; margin:0 auto; width:100%; margin-top:25px; text-align:center; overflow:hidden; z-index:10; }
.main_board_wrap .const
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.main_board_wrap .const .notice
{
	position: relative;
	text-align: left;
	margin-top: 5px;
	border:1px solid #DDDDDD;
}
.main_board_wrap .const .volunteer_news
{
	position: relative;
	text-align: left;
	margin-top: 5px;
	border:1px solid #DDDDDD;
}
/*
.main_board_wrap .const { margin:0 auto; width:1000px; overflow:hidden; }
.main_board_wrap .const .notice { float:left; display:inline-block; width:48%; height:250px; border:1px solid #DDDDDD; margin-right:10px; text-align:left; }
*/
.main_board_wrap .const .notice .title { border-top:5px solid #C75660; }
.main_board_wrap .const .notice .title span { float:left; font-size:17px; font-weight:700; display:block; padding:10px; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; }
.main_board_wrap .const .notice .title span.plus { float:right; display:inline-block; padding-right:10px; margin-top:5px; }
.main_board_wrap .const .notice .contents { padding:10px 10px 15px 15px; }
.main_board_wrap .const .notice .contents ul.b_list { float:left; width:100%; }
.main_board_wrap .const .notice .contents ul.b_list li { height:23px; background:url(../image/icon/dots.gif) no-repeat 0 5px; padding-left:10px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }
.main_board_wrap .const .notice .contents ul.b_list li span { float:right; }

/* .main_board_wrap .const .volunteer_news { float:left; display:inline-block; width:48%; height:250px; border:1px solid #DDDDDD; margin:0 5px; text-align:left; } */
.main_board_wrap .const .volunteer_news .title { border-top:5px solid #5C5E5B; }
.main_board_wrap .const .volunteer_news .title span { float:left; font-size:17px; font-weight:700; display:block; padding:10px; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; }
.main_board_wrap .const .volunteer_news .title span.plus { float:right; display:inline-block; padding-right:10px; margin-top:5px; }
.main_board_wrap .const .volunteer_news .contents { padding:10px 10px 15px 15px; letter-spacing:2px; }
.main_board_wrap .const .volunteer_news .contents ul.b_list { width:100%; }

.main_board_wrap .const .sponsor_news { float:left; display:inline-block; width:31%; height:250px; border:1px solid #DDDDDD; margin-left:10px; text-align:left; }
.main_board_wrap .const .sponsor_news .title { border-top:5px solid #F8B32E; }
.main_board_wrap .const .sponsor_news .title span { font-size:17px; font-weight:700; display:block; padding:10px; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; }
.main_board_wrap .const .sponsor_news .contents { padding:10px 10px 15px 15px; letter-spacing:2px; }
.main_board_wrap .const .sponsor_news .contents ul.b_list { width:100%; }




.main_banner_wrap { position:relative; margin:0 auto; width:100%; margin-top:20px; padding:10px 0 20px 0; text-align:center; background:#EFEFEF; overflow:hidden; z-index:10; }
.main_banner_wrap .const { margin:0 auto; width:1000px; min-height:250px; top:0px; overflow:hidden; }
.main_banner_wrap .const .popup_zone { display:inline-block; width:32%; margin:5px; text-align:left; overflow:hidden; }
.main_banner_wrap .const .popup_zone .title span { font-size:17px; font-weight:700; display:block; padding:10px; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; }
.popup_zone .bx-wrapper { -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; border: 5px solid #fff; background: #fff; }
.popup_zone .popupzone_bx_btn_box { position:absolute; top:30px; z-index:9999; width:54px; height:23px; margin-left:270px; }
.popup_zone .popupzone_bx_btn_box a {display:block;width:27px;height:23px; text-indent:-9999px;}
.popup_zone .popupzone_bx_btn_box span {position:absolute;top:-9999px;left:-9999px;}
.popup_zone .popupzone_bx_btn_box .bx_prev { position:absolute; background:url(/image/index/btn_prev.png) 0 0 no-repeat;}
.popup_zone .popupzone_bx_btn_box .bx_next { position:absolute; background:url(/image/index/btn_next.png) 0 0 no-repeat; margin-left:20px; }

.main_banner_wrap .const .hot_issue { display:inline-block; width:32%; margin:5px; text-align:left; overflow:hidden; }
.main_banner_wrap .const .hot_issue .title span { font-size:17px; font-weight:700; display:block; padding:10px; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; }
.hot_issue .bx-wrapper { -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; border: 5px solid #fff; background: #fff; }

.main_banner_wrap .const .cacaotak { display:inline-block; width:32%; margin:5px; text-align:left; overflow:hidden; }
.main_banner_wrap .const .cacaotak .title span { font-size:17px; font-weight:700; display:block; padding:10px; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; }
.cacaotak .bx-wrapper { -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; border: 5px solid #fff; background: #fff; }

.slide_visual img { width:320px; height:179px; }

.scroll_banner_wrap { position:relative; margin:0 auto; width:100%;  text-align:center; overflow:hidden; }
.scroll_banner_wrap .const { margin:0 auto; width:1000px; padding:15px 0 25px 0; overflow:hidden; }
.scroll_banner_wrap .const .title span { display:block; font-size:25px; font-weight:700; color:#328923; padding:10px 0 15px; font-family: 'NanumSquare','Noto Sans KR', 'NanumGothic', sans-serif; }
.scroll_banner_wrap .const .support_banner_box { width:100%; height:59px; overflow:hidden;}
.support_banner_box .bx-wrapper { -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; border: 0px solid #fff; background: #fff; padding:0; }


/* 현제페이지 정보 */
#nowPageInfo { clear:both; margin:0 auto; width:100%; border-bottom:1px solid #d9e8ee; margin-top:20px; margin-bottom:10px; }
#nowPageInfo .txt { font-size:11px; color: #808080; letter-spacing: -1px;  }
a.nCate { font-size:13px; font-weight:100; text-decoration:none; color:#808080; }
a.nCate_current { font-size:13px; font-weight:500; text-decoration:none; color:#808080; }

.pageTitle { background: url('/image/icon/bullet_green.gif') no-repeat; padding:4px 0px 0px 30px;	font-size:20px; font-weight:600;	color:#222222; letter-spacing:0px; }

#mypage_formbox { border:1px solid #D8D8D8; background-color:#FFFFFF; text-align:left;   }
#mypage_formbox .const { padding:20px; }

/* 메인페이지 */
.mmBoard ul {}
.mmBoard ul li { height:16px; background:url('/image/index/dot.gif') no-repeat 3px 5px; padding: 4px 0px 4px 15px; }
.mmBoard ul li p.const { float:left; width:245px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }
.mmBoard ul li p.date { float:left; width:65px; text-align:right; }

.sitelink_banner_wrap { position:relative; margin:0 auto; width:100%; padding:10px 0 10px 0; text-align:center; background:#EFEFEF; overflow:hidden; z-index:10; }
.sitelink_banner_wrap .const { margin:0 auto; width:1000px; padding:15px 0; overflow:hidden; }
.bannerzone { width:100%; height:46px; }
/* .bannerzone .banner { width:930px; text-align:center; margin-right:20px; #margin-right:20px; overflow:hidden;  } */
.bannerzone .banner {  width:850px; margin-top:0px; margin-left:80px; text-align:center; overflow:hidden; }
.bannerzone .banner img{ width:152px; height:40px; margin:1px; }
.bannerzone a.pre { position:absolute; float:left; display:block; width:75px; margin-top:-10px; }
.bannerzone a.next { position:absolute; float:left; display:block; width:75px; margin-left:925px; margin-top:-55px; }



#boardTab { clear:both; width:100%; margin-bottom:5px; overflow:hidden; }
#boardTab ul { width:100%; height:26px; border-bottom:1px solid #DADADA; background-color:#FFFFFF; padding:0px; margin:0px; }
#boardTab ul li.tab_off { float:left; position:relative; display:inline; margin-top:3px; margin-bottom:0px; text-align:center; width:70px; height:14px; color:#808080; font-size:11px; font-weight:bold; letter-spacing:0px; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-bottom:1px solid #DADADA; border-left:1px solid #DADADA; background-color:#F5F5F5; padding:5px 2px 3px 2px; }
#boardTab ul li.tab_on { float:left; position:relative; display:inline; margin-top:1px; margin-bottom:-1px; text-align:center; width:70px; height:17px; color:#FFFFFF; font-size:11px; font-weight:bold; letter-spacing:0px; border-top:1px solid #0D81CA; border-right:1px solid #0D81CA; border-bottom:1px solid #DADADA; border-left:1px solid #0D81CA; background-color:#1D98E8; padding:6px 2px 2px 2px; }

#boardTab1 { clear:both; width:100%; overflow:hidden; }
#boardTab1 ul { width:100%; height:29px; border-bottom:1px solid #DADADA; background-color:#FFFFFF; padding:0px; margin:0px; }
#boardTab1 ul li.tab_off { float:left; position:relative; display:inline; margin-top:1px; margin-bottom:-1px; text-align:center; width:120px; color:#EF5316; font-size:11px; font-weight:bold; letter-spacing:0px; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-bottom:1px solid #FFFFFF; border-left:1px solid #DADADA; background-color:#F5F5F5; padding:7px 2px 7px 2px; }
#boardTab1 ul li.tab_on { float:left; position:relative; display:inline; margin-top:1px; margin-bottom:-1px; text-align:center; width:120px; color:#EF5316; font-size:11px; font-weight:bold; letter-spacing:0px; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-bottom:1px solid #FFFFFF; border-left:1px solid #DADADA; background-color:#FFFFFF; padding:7px 2px 7px 2px; }

.quick_login { position:absolute; width:250px; margin-top:20px; }

.siteMapMainMenu { padding:7px 7px 7px 0px; margin-bottom:10px; border-bottom:3px solid #42B12E; background-color:#FFFFFF; }
.sitemap_titbox { margin:0; text-align:left; background:url('/image/icon/bullet_green.gif') no-repeat; padding-left:27px;  }
.sitemap_titbox a.sitemap_tit:link,.sitemap_titbox a.sitemap_tit:visited,.sitemap_titbox a.sitemap_tit:active { font-size:18px; font-weight:500; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#333333; }
.sitemap_titbox a.sitemap_tit:hover { font-size:18px; font-weight:500; font-family: 'Noto Sans KR', 'NanumGothic', sans-serif; text-decoration:none; color:#42B12E; }


/* 입력박스 */
.editbox { BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-size: 11px; color:#4B463E; HEIGHT: 18px; padding-left: 3px; padding-top: 2px;}
.textarea {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-size: 11px; padding-left: 3px; padding-top: 2px;}
.searchEditbox {	font-size : 12px; color: #0000FF; background-color: #F9C5AC;	border-style: inset;	border-top-width: 1px; border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	}
.readonlyBox { BORDER: #CCCCCC 1px solid; background-color: #F4F4F4; font-size: 11px; HEIGHT: 18px; padding-left: 3px; padding-top: 2px; }

select { font-size : 11px;	letter-spacing: -1px;	border:1 solid #B1B5B6;	background-color:white; }

/*inputbox에 포커스가 왔을 경우 작용*/
.inputBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; HEIGHT: 20px; padding-left: 3px; padding-top: 2px; 	}
.inputFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #CCCCCC 1px solid; HEIGHT: 20px; padding-left: 3px; padding-top: 2px; }
.textareaBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; padding-left: 3px; padding-top: 2px; 	}
.textareaFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #CCCCCC 1px solid; padding-left: 3px; padding-top: 2px; }
.textareabox {	color:#4B463E; line-height: 17px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; border:1px solid #CCCDCC; background-color: #FFFFFF; }
.stipulationbox {	clear:both; margin:0 auto; width:931px; height:160px; padding:15px; font:12px Dotum; color:#4B463E; line-height: 17px; border:1px solid #CCCDCC; background-color: #FFFFFF; }
.inputFocus { border:1px solid #F36F21; background-color: #FFFFFF; font-size: 11px; color:#4B463E; HEIGHT: 18px; padding-left: 3px; padding-top: 2px;}
.gg_inputFocus {	font: 12px Dotum; color:#4B463E; border:1px solid #F36F21;	background-color: #FFFFFF; height:21px; padding:5px 2px 0 2px; }

.textareaboxFocus {	color:#4B463E; line-height: 17px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; border:1px solid #F36F21; background-color: #FFFFFF; }
.textarea_join {	color:#818181; line-height: 17px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; border:1px solid #CCCDCC; background-color: #FFFFFF; }

.f_editbox {	font-size: 11px; color:#4B463E; background-color: #FFFFFF; border: 1px solid #CCCCCC;	 margin:1px 0 1px 0; padding-left: 3px; padding-top:2px; height:18px; }
.f_inputFocus {	font-size: 11px; color:#4B463E; color:#FFFFFF; background-color: #FFFFFF; border: 1px solid #F36F21;	margin:1px 0 1px 0; padding-left: 3px; padding-top:2px; height:18px; }

.pageBreak { page-break-before: always; }
.ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

.selectbox {	font:12px Arial;	border:1px solid #B1B5B6;	background-color:#FFFFFF; height:24px; padding:3px; }

/* 박스관련 */
.grayBox1 { border:2px solid #E6E6E6; }
.grayBox { border:2px solid #E6E6E6; }
.grayBox3 { border:3px solid #CCCCCC; padding: 5px; }
.grayBox4 { border:4px solid #E6E6E6; }
.leftBox { border:2px solid #3399FF; }
.search_tblBox { border:2px solid #3399FF; }
.categoryBox { border:4px solid #5B95BA; margin: 10px 0 5px 0; padding: 10px;}
.categoryTdBox { border:4px solid #5B95BA; padding: 5px;}
.darkblueBox4 { border:4px solid #011641; }
.stipulationBox { border:1px #ddd solid;}

/* 팝업관련 */
.popBgcolor { background-color: #F0F0F0; } /* #F4F4F4 */
.popTitle_txt { font-family: Tahoma, Dotum, Verdana;	font-size: 13px;	font-weight: bold;	color: #454545;	letter-spacing: -1px; padding: 0px 3px 0px 3px; }
.popClose_txt { font-size: 11px;	font-weight: normal;	color: #D60705;	letter-spacing: -1px; }
.popupBody { text-align: center; padding: 2px; }
.colresize { cursor:""; }
.pop_tit{ height:35px; background:url(/image/bg_top01.gif) repeat-x; margin-top: -9px;}
.pop_tit h1{color:#FFFFFF; font-size:13px; background:url(/image/bu_arw01.gif) 15px 13px no-repeat; padding:11px 0px 0px 25px;}

/* 리스트의 타이틀 부분 */
.listTitle { font-size: 12px; letter-spacing: -1px; color: #5B95BA; font-weight: bold; padding: 7px 3px 7px 3px; }
.listData { 	white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	font-size: 11px; letter-spacing: 0px; color: #171717; }
.tblBottomLine { BORDER-BOTTOM: #C0C0C0 2px solid; }
.listTitleBox { border: 2px solid #5B95BA; padding: 2px; background: #F6F6F6; color: #808080; }

/* 폰트관련 */
.f_7 { font-size: 7px; }
.f_8 { font-size: 8px; }
.f_9 { font-size: 9px; }
.f_10 { font-size: 10px; }
.f_white { color: #FFFFFF; font-weight: bold; }
.f_white_title { color: #FFFFFF; font-weight: bold; font-size:16px; }
.f_red { color: #FF0000; }
.f_blue { color: #2389dc; }
.f_bluebig { color: #2389dc; font-size: 16px; font-weight: bold;}
.f_gray { color: #808080; }
.f_orange { color: #FF8000; }
.s { letter-spacing: -1px; }
.s0 { letter-spacing: 0px; }

.f_bold { font-weight: bold; }
.font_b { font-weight: bold; }

.font_11s { font-size: 11px; letter-spacing: -1px; }
.s_font { font-size: 11px; letter-spacing: 0px; }
.bluetitle1 {  font-size: 12px; color:#44568E; font-weight:bold;}
.explan_txt { font: 11px Dotum; letter-spacing: -1px; color: #7171FF; }

.simple { font-size: 11px; background: white 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }.underline {  font-family: "돋움"; font-size: 9pt; text-decoration: underline}
.bigfont1 {  font-size: 13pt; font-weight:bold; color:#1283ac;}
.bigfont2 {  font-size: 20pt; font-weight:bold; color:#1283ac;}

.smallfont {  font-size: 11px; color:#777777}
.smallfont2 {  font-size: 11px; color:#333333; line-height:14pt;}
.smallfont3 {  font-size: 10px; font-style: bold; font-weight: bold; color:#E95801}
.smallfont4 {  font-size: 11px; color:#666666}
.smallfont5 {  font-size: 11px; color:#0D1B47; letter-spacing: -1px}
.smallfont6 {  font-size: 11px; color:#44568E}
.smallfont7 {  font-size: 11px; color:#DDDDDD}
.smallfont8 {  font-size: 11px; color:#ffffff}
.smallfont9 {  font-size: 11px; font-style: bold; font-weight: bold; color:#4AC1FF;  letter-spacing: -1px}

.bluetitle {  font-family: "맑은고딕,Malgun Gothic"; font-size: 12px; font-style: bold; font-weight: bold; color: #3366CC}
.graytext {  font-size: 12px; color: #666666; line-height: 16pt}
.bluetitle1 {  font-size: 14px; font-weight: bold; font-family:"맑은고딕,Malgun Gothic"; color: #E96F0A}
.bluetitle2 {  font-size: 16px; font-weight: bold; font-family:"맑은고딕,Malgun Gothic"; color: #A20004}
.bluetitle3 {  font-size: 16px; font-weight: bold; font-family:"맑은고딕,Malgun Gothic"; color: #FF6600}
.bluetitle4 {  font-family: "맑은고딕,Malgun Gothic"; font-size: 12px; font-style: bold; font-weight: bold; color: #779f4a}
.bluetitle5 {  font-size: 14px; font-weight: bold; font-family:"맑은고딕,Malgun Gothic"; color: #b01346}
.bluetitle6 {  font-size: 16px; font-weight: bold; font-family:"맑은고딕,Malgun Gothic"; color: #D85201}


.BIGtitle {  font-family: "나눔고딕,Nanum-Gothic, Nanum Gothic"; font-size: 16px; font-style: bold; font-weight: bold; color: #000000;line-height: 16px;}
.redtitle {  font-family: "Nanum-Gothic,나눔고딕,Malgun-Gothic"; font-size: 11px; font-style: bold; font-weight: bold; color: #ff0000}
.graytext {  font-size: 12px; color: #666666; line-height: 12pt}

.redtitle2 {  font-size: 14px; font-weight: bold; color: #FF0000; line-height:20px}
.white {  font-family: "Arial"; font-size: 11px;  color: #FFFFFF}


/* 패딩관련 */
/* ALL */
.pd_3 { padding: 3px; }
.pd_5 { padding: 5px; }
.pd_10 { padding: 10px; }
.pd_20 { padding: 20px; }
.pd_30 { padding-left: 30px; }
.pd_40 { padding: 40px; }
.pd_50 { padding: 50px; }
/* TOP */
.pd_t3 { padding-top: 3px; }
.pd_t5 { padding-top: 5px; }
.pd_t10 { padding-top: 10px; }
.pd_t20 { padding-top: 20px; }
.pd_t30 { padding-top: 30px; }
/* RIGHT */
.pd_r3 { padding-right: 3px; }
.pd_r5 { padding-right: 5px; }
.pd_r10 { padding-right: 10px; }
/* LEFT */
.pd_l3 { padding-left: 3px; }
.pd_l5 { padding-left: 5px; }
.pd_l10 { padding-left: 10px; }
.pd_l15 { padding-left: 15px; }
.pd_l20 { padding-left: 20px; }
/* BOTTOM */
.pd_b2 { padding-bottom: 2px; }
.pd_b3 { padding-bottom: 3px; }
.pd_b5 { padding-bottom: 5px; }
.pd_b10 { padding-bottom: 10px; }

.lh20 { line-height:20px; }

#loginFormDiv td { font-size: 11px; letter-spacing: -1px; }
#loginFormDiv .leftCell { background: #F4F4F4; padding: 5px; }
#loginFormDiv .rightCell { background: #FFFFFF; padding-left: 5px; }

#formdiv td { font-size: 12px; letter-spacing: -1px; }
#formdiv .leftCell { background: #F4F4F4; padding: 7px; }
#formdiv .leftCell2 { background: #FFFFFF; padding: 7px; }
#formdiv .rightCell { background: #FFFFFF; padding: 3 3 3 5px; }
#formdiv .rightCell2 { background: #FFFFFF; padding: 5px; }
#formdiv .dataCell { background: #FFFFFF; font-size: 12px; letter-spacing: 0px; padding: 3 3 3 3px; }

#listdiv td { font-size: 11px; letter-spacing: 0px; }
#listdiv .leftCell { background: #F4F4F4; padding: 7px; }
#listdiv .rightCell { background: #FFFFFF; padding-left: 5px; }
#listdiv .dataCell { background: #FFFFFF; padding: 8px 0px 8px 0px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden;} /* padding: top right bottom left */
#listdiv .dataCell2 { background: #FFFFFF; padding: 8px 0px 8px 0px; } /* padding: top right bottom left */

#submitBtn { clear:both; margin:0 auto; text-align:center; padding:20px 0 20px 0; }


.popupContents { padding:0px; margin:0px; }
.popupContents P { padding:0px; margin:0px; }

.formTitle { font-family: "Tahoma,NanumGothic,Dotum,Gulim"; font-size: 14px; color: #0E446E; font-weight: bold; letter-spacing: -1px; padding-top: 5px; padding-bottom: 5px; }
.formTitle span { font: 11px Dotum; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }
/*
.subformTitle2 { background: url('/image/icon/titledot.gif') no-repeat; padding:10px 0px 5px 20px;	font-weight:bold; font-size:16px;	color:#293F71;	letter-spacing:-1px; border-bottom:1px solid #D7D7D9; margin:15px 0 15px 0;}
.subformTitle2 span { font: 11px Dotum; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }
.subformTitle2 .btn { float:right;  }
*/
.subformTitle2 { padding:10px 0px 5px 10px;	font-weight:bold; font-size:16px;	color:#293F71;	letter-spacing:-1px; margin:15px 0 15px 0;}
.subformTitle2 span { font: 11px Dotum; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }
.subformTitle2 .btn { float:right;  }

.datepickerBox { display:inline-block; padding:0px; }
.datepickerBox img { vertical-align:bottom; margin-bottom:0px; margin-left:2px; margin-right:2px; }

.pnl { font:bold 11px Dotum; text-decoration:none; color: #2F2F2F;  border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 3px 4px 3px; margin:0 2px 0 2px; }
a.pnl:link, a.pnl:visited, a.pnl:active { font:bold 11px Dotum; text-decoration:none; color: #2F2F2F;  border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 3px 4px 3px; margin:0 2px 0 2px; }
a.pnl:hover { font:bold 11px Dotum; text-decoration:none; color: #FF4200;  border:1px solid #E9E9E9;  background-color:#F5F5F5;  padding:5px 3px 4px 3px; margin:0 2px 0 2px; }

.pnlCurrent { font:bold 11px Dotum; text-decoration:none; color: #DA4409; border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 3px 4px 3px; margin:0 2px 0 2px; }
a.pnlCurrent:link, a.pnlCurrent:visited, a.pnlCurrent:active { font:bold 11px Dotum; text-decoration:none; color: #DA4409; border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 3px 4px 3px; margin:0 2px 0 2px; }
a.pnlCurrent:hover { font:bold 11px Dotum; text-decoration:none; color: #DA4409; border:1px solid #E9E9E9; background-color:#F5F5F5; padding:5px 3px 4px 3px; margin:0 2px 0 2px; }

.pnlPrev { font:bold 11px Dotum; text-decoration:none; color: #2F2F2F;  border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 6px 4px 14px;_padding-bottom:1px; margin:0 1px 0 1px; background:url(/image/icon/pg_left.gif) no-repeat 6px 6px !important }
a.pnlPrev:link, a.pnlPrev:visited, a.pnlPrev:active { font:bold 11px Dotum; text-decoration:none; color: #2F2F2F;  border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 6px 4px 14px;_padding-bottom:1px; margin:0 1px 0 1px; background:url(/image/icon/pg_left.gif) no-repeat 6px 6px !important }
a.pnlPrev:hover { font:bold 11px Dotum; text-decoration:none; color: #FF4200;  border:1px solid #E9E9E9;  background-color:#F5F5F5;  padding:5px 6px 4px 14px;_padding-bottom:1px; margin:0 1px 0 1px; background:url(/image/icon/pg_left.gif) no-repeat 6px 6px !important }

.pnlNext { font:bold 11px Dotum; text-decoration:none; color: #2F2F2F;  border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 14px 4px 6px;_padding-bottom:1px; margin:0 1px 0 1px; background:url(/image/icon/pg_right.gif) no-repeat 32px 6px !important }
a.pnlNext:link, a.pnlNext:visited, a.pnlNext:active { font:bold 11px Dotum; text-decoration:none; color: #2F2F2F;  border:1px solid #E9E9E9; background-color:#FFFFFF; padding:5px 14px 4px 6px;_padding-bottom:1px; margin:0 1px 0 1px; background:url(/image/icon/pg_right.gif) no-repeat 32px 6px !important }
a.pnlNext:hover { font:bold 11px Dotum; text-decoration:none; color: #FF4200;  border:1px solid #E9E9E9;  background-color:#F5F5F5;  padding:5px 14px 4px 6px;_padding-bottom:1px; margin:0 1px 0 1px; background:url(/image/icon/pg_right.gif) no-repeat 32px 6px !important }


span.btn { padding:0px 0px 0px 0px; }
span.btn button {	font: 8pt Dotum;	font-weight: none;	color: #C70C15;	letter-spacing: -1px;	border: 2px solid #5A6CF0;	background: #FFFFFF;	height: 20px;	margin:0;	padding:1px 0 0 0;	cursor: pointer;}

span.submitbtn { padding:0px 0px 0px 0px; }
span.submitbtn button {	font: 9pt Dotum;	font-weight: bold;	color: #C70C15;	letter-spacing: -1px;	border: 2px solid #5B95BA;	background: #F4F4F4;	height: 25px;	margin:0;	padding:1px 0 0 0;	cursor: pointer;}

span.quick_loginbtn { padding:0px 0px 0px 0px; }
span.quick_loginbtn button {	font-size:13px;	font-weight: 700;	color: #808080;	letter-spacing: -1px;	border: 1px solid #DEDEDE;	background: #FFFFFF; border-radius:4px;	margin:0;	padding:5px 15px;	cursor: pointer;}

.zoomIn_btn {	font-size:13px;	font-weight: 500;	color: #333333;	letter-spacing: -1px;	border: 1px solid #E5E5E5; border-radius:3px;	background: #FFFFFF;	margin:0px 1px 0px 0px !important; padding: 5px 6px 3px 8px;	cursor: pointer;}
.zoomOut_btn {	font-size:13px;	font-weight: 500;	color: #333333;	letter-spacing: -1px;	border: 1px solid #E5E5E5; border-radius:3px;	background: #FFFFFF;	margin:0px 1px 0px 0px !important; padding: 5px 6px 3px 8px;	cursor: pointer;}

table.listTbl { width:100%; display: table; border-collapse: collapse; border-spacing:1px; padding:0px;  background:#E6E6E6; }
table.listTbl th { font-weight: 600; letter-spacing: -1px; background:#F4F4F4; padding: 5px; border:1px solid #E5E5E5; text-align:center; vertical-align: middle; white-space: nowrap; }
table.listTbl td { letter-spacing: -1px; padding: 5px; background:#FFFFFF; border:1px solid #E5E5E5;  }