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

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;margin:0;padding:0;}
ol,ul {list-style:none;}
li img, dd img {}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym,img {border:0;}
input,textarea,select{font-family:"굴림","굴림체","돋움","돋움체",Tahoma,sans-serif; font-size:12px; color:#555;}
img,input,button {vertical-align:middle;}
button {cursor:pointer;}
em, address{font-style:normal;}
body{font-family:"굴림","굴림체","돋움","돋움체",Tahoma,sans-serif; font-size:12px; color:#555; line-height:1.6em;_text-align:center;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none; text-align:center;}
img{max-width:100%;}
td{font-family:"굴림","굴림체","돋움","돋움체",Tahoma,sans-serif; font-size:12px; line-height:1.6em; color:#555;}
a{selector-dummy:expression(this.hideFocus=true);outline:0;}
a,label{cursor:pointer;}
a:link{text-decoration:none;color:#555;}
a:visited{text-decoration:none;color:#555;}
a:hover{text-decoration:none;color:#222;}
.clear{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}

/* layout */
#wrap{text-align:center;}
#top {overflow: hidden;}
#top_wrap{width:1020px; height:90px; margin:0 auto;}
#top_wrap .top_logo { float: left; margin-top: 10px;}
#top_wrap .top_banwrap { float: right; text-align: right; width: 350px; height: 90px; background:url(../../b_img/make/naver.gif) right 15px no-repeat; overflow: hidden;}
#top_wrap .top_banwrap h1 {font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:16px; color: indianred; margin-top: 60px;}
#top_wrap .typingtext {font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:16px; float: left; text-align: left; width: 150px; height: 25px; margin-left: 195px; margin-top: 27px; color: #000000;}
.teletype-prefix, .teletype-cursor { color: #FF0105; }

#header{background-color:#00bd39; height:50px;}

#content{ text-align:center; background-color:#fff; }
#sub_con {width:1020px; margin:0 auto; overflow:hidden; background:url(../../b_img/make/aside_bg.gif) left top repeat-y;}
#sub_wrap {width:1020px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:40px;}
#sub_con .sub_l{float:left; width:200px; overflow:hidden;}
#sub_con .sub_r{float:right; width:790px; margin-top:30px; margin-bottom:40px; }

#footer{}
#footer .footer_link { background-color:#787878; text-align:center; overflow:hidden;}
#footer .footer_link a { color:#eee; line-height:40px; }
#footer .footer_link a:hover { color:#fff;}
#footer .footer_link span {color:#999;}
#footer_wrap{width:1020px; margin:0 auto; overflow:hidden; position:relative; padding: 20px 0;}
#footer_wrap .footer_logo { float:left; margin-top:25px; margin-left:20px;}
#footer_wrap .footer_copy { float:left; margin-left:50px; text-align:left; }
#footer_wrap .footer_copy span { color:#ccc;}

/* ##### [top menu] ##### */

#gnb{width:1020px; z-index:60; margin:0 auto; position: relative;}
#gnb a.home { position: absolute; top: 0; left: -50px; display:block; line-height:50px; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:20px; color:#fff; text-align: center; width: 50px;  }
#gnb a.home:hover {background-color:#00922c;}
	#animate{position:relative;overflow:hidden;height:50px;}	
		#tm{position:relative; z-index:60;}
		#tm:after{content:"";clear:both; display:block}
		#tm>li{float:left; width:145px;}
		#tm>li:first-child{}
		#tm>li>a{position:relative;display:block;height:50px;text-align:center;overflow:hidden;line-height:50px; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:20px; color:#fff; letter-spacing: -1px;}
		#tm>li>a.current,
		#tm>li>a:hover,
		#tm>li>a:focus{color:#fff; background-color:#00922c;}

		#tm>li>a .arrow{position:absolute;bottom:-7px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom-color:#f6f6f6;}

		#tm>li>a.current+ul,
		#tm>li>a:hover+ul,
		#tm>li>a:focus+ul{background:#f6f6f6;}

		#tm>li>a.current+ul a,
		#tm>li>a:hover+ul a,
		#tm>li>a:focus+ul a{}

		#tm ul{ background-color:#FFF; height:130px;}
		#tm ul li:first-child{padding-top:10px;}
		#tm ul li a{display:block;padding:7px 20px; text-align:left; letter-spacing: -1px; line-height: 1em; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:15px;}
		#tm ul li a:hover,
		#tm ul li a:focus{background:#00922c; color:#fff;}
		#tm ul.tmn_startline { border-left:1px #16932b solid; border-bottom:1px #00bd39 solid;}
		#tm ul.tmn_line { border-left:1px #f6f6f6 solid; border-bottom:1px #00bd39 solid;}
		#tm ul.tmn_endline { border-left:1px #f6f6f6 solid; border-right:1px #00bd39 solid; border-bottom:1px #00bd39 solid;}
		#tm .tmn_btn {background-color:#00bd39;}


#sub_title_wrap {overflow:hidden; width: 1020px; height: 120px; margin: 0 auto; background:url(../../b_img/make/stitle_bg.jpg) no-repeat #eee;}
#sub_title_wrap .sub_title_l {text-align:center; width:200px; float: left;}
#sub_title_wrap .sub_title_l h1 {font-size:26px; color:#fff; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; line-height: 1em; margin-top: 70px;}
#sub_title_wrap .sub_title_r {float: left; width: 820px; overflow: hidden;}
#sub_title_wrap .s_title { float:left; font-size:40px; color:#fff; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; line-height: 1em; margin-top: 63px; margin-left: 50px; text-shadow: 2px 2px #000;}
#sub_title_wrap .s_navi { float:right; margin-right: 20px; margin-top: 20px; color: #fff;}
#sub_title_wrap .s_navi span { color:#ccc;}

/* sub_menu */

.smenu-body{width:200px; text-align:left; margin-bottom:30px;}
.slist{width:200px;} /*padding:0 0 30px 0;  border-top:2px #bf1e2e solid; */
.slist li{}
.slist li a{display:block;font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:18px; padding:10px 0 10px 20px; border-bottom:1px solid #efefef; background:url(../../b_img/make/smenu_arrow_off.gif) 175px 12px no-repeat; }
.slist li a:hover { color:#fff; background:url(../../b_img/make/smenu_arrow_on.gif) 175px 12px no-repeat #00bd39;}
.slist li a.on{color:#fff; background:url(../../b_img/make/smenu_arrow_on.gif) 175px 12px no-repeat #00bd39;} 
.slist li.s_smn a{font-size:12px; color:#555; background:none; background-color:#fafafa;}


/* [카테고리] 메뉴 */
.cate_wrap { border:1px #eaeaea solid; text-align:left; background-color:#f6f6f6; padding:10px;}
.cate_inner {overflow:hidden;}
.cate_inner a { display:inline-block; text-align:left; line-height:1.5em;}
.cate_inner a:hover {color:#2d508a; font-weight:bold;}
.cate_inner .cateline { color:#ccc;}

.cate_menu_index{} /* 일반 메뉴 글자 */
.cate_menu_index_act{color:#2d508a; font-weight:bold;} /*  현재출력상태의 메뉴글자 */
.cate_menu_num{color:#999; font-size:8pt; font-family:Tahoma;}/* 글 등록수 숫자 */
.b_mphoto_body { border:1px #ddd solid;}

/* report */
.report_orderbox { width:100%; border:1px #ddd solid; border-collapse:collapse;}
.orderboxltd { width:70px; border:1px #ddd solid; text-align:center; font-weight:bold; height:30px; background-color:#f6f6f6;}
.orderboxrtd {border:1px #ddd solid;text-align:center; font-weight:bold; height:30px; background-color:#f6f6f6;}
.orderboxtd {border:1px #ddd solid; padding:5px; text-align:left;}
.signbox { width:100px; height:100px; background-image: url(<?=$this_skin?>/b_img/make/signbg.gif); background-repeat:no-repeat;}
.orderchktb {width: 102px; border: 1px #777777 solid; border-collapse: collapse; float: left; margin-right: 5px;}
.orderchktbt {border: 1px #777777 solid; padding: 7px; text-align: center; font-weight: bold; background-color: #eeeeee;}
.orderchktd { text-align: center; height: 100px; cursor: pointer;}

/* 메인 로그인폼 */
#login_wrap {background-color:#F5F5F5; border:1px #eaeaea solid; text-align:left; overflow:hidden;}
#login_wrap .login_inner { width:190px; margin:14px;}
#login_wrap .login_befor { float:left; width:125px;}
#login_wrap .login_befor input { width:123px; border:1px #ddd solid; background-color:#fff; height:22px; line-height:20px;}
#login_wrap .login_btn {float:right; width:60px;}
#login_wrap .login_link { text-align:center; overflow:hidden; width:100%; padding-top:6px;}
#login_wrap .login_link span { color:#ccc;}
#login_wrap .starter {background-color:#888; text-align:center; color:#FFFFFF; line-height:22px; font-weight:bold; height:22px; margin-top:3px;}

#login_wrap .greeting { width:100%; background-color:#2d508a; text-align:center; color:#FFFFFF; line-height:22px; height:22px; font-family: Arial, Helvetica, sans-serif, 돋움,굴림;}  
#login_wrap .greeting span { font-weight:bold;}  
#login_wrap .login_name { text-align:center; height:30px; line-height:30px;}  
#login_wrap .login_name span { color:#ccc;} 
#login_wrap .login_btnwrap {}
#login_wrap .btn_mypage { float:left; width:93px; height:22px; border:0; background-color:#888; color:#fff;}
#login_wrap .btn_message { float:right; width:93px; height:22px; border:0; background-color:#888; color:#fff;}
#login_wrap .btn_logout { clear:both; width:100%; height:22px; border:0; background-color:#666; color:#fff; margin-top:4px; font-weight:bold;}

#select_listtype {float: right; padding:5px 10px; background: #f6f6f6; border: 1px #ddd solid; margin-bottom: 5px;}
#select_listtype a {}
#select_listtype span{color: #ccc;}
#select_listtype .type_cal { color: #ff6600;}
#select_listtype2 {float: right; padding:5px 10px; background: #f6f6f6; border: 1px #ddd solid; margin-bottom: 5px;}
#select_listtype2 a {}
#select_listtype2 span{color: #ccc;}
#select_listtype2 .type_list { color: #ff6600;}


#floatMenu {
	position: absolute;
	width: 100px;
	right: -110px;
	top: 60px;
	overflow: hidden; background: #fff;
}

#floatMenu .float_wrap { overflow: hidden; text-align: center; border-bottom: 1px #16932b solid;}
#floatMenu .float_wrap h1 { display: block; padding: 4px 0; background: #16932b; color: #fff; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:13px;}
#floatMenu .float_wrap span {display: block; padding: 4px 0; border-left: 1px #16932b solid; border-right: 1px #16932b solid; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:13px; line-height: 1.1em; border-bottom: 1px #eaeaea solid;}

#floatMenu2 {
	position: absolute;
	width: 100px;
	left: -110px;
	top: 60px;
	overflow: hidden; background: #fff;
}

#floatMenu2 .float_wrap { overflow: hidden; text-align: center; border-bottom: 1px #16932b solid;}
#floatMenu2 .float_wrap h1 { display: block; padding: 4px 0; background: #16932b; color: #fff; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:13px;}
#floatMenu2 .float_wrap span {display: block; padding: 4px 0; border-left: 1px #16932b solid; border-right: 1px #16932b solid; font-family:"notokr-demilight",NGR,NBG,"돋움","돋움체","굴림","굴림체",Tahoma,sans-serif; font-size:13px; line-height: 1.1em; border-bottom: 1px #eaeaea solid;}