@charset "utf-8";
/*font*/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face{	font-family:'Roboto';font-style:normal;font-weight:400;src:url('../font/Roboto-Regular.woff');}
@font-face{	font-family:'Droid Sans';font-style:normal;font-weight:400;src:url('../font/DroidSans.woff');}

/* reset */
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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,li,dt,dd{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#222;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
/*img{width:100%;}*/
legend{display:none;}

/* common */
html,body{min-width:320px;font-family:'Nanum Gothic',Malgun Gothic, sans-serif;}
#nmasterheader,.header,#footer{
	/*position:fixed;
	z-index:99999;*/
	background: #343434;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	/*padding: 8px 90px 8px 50px;*/
	padding: 8px 0px 8px 0px;
}

#nmasterheader {background:#25449a;}
#nmasterheader > a,
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#nmasterheader > a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#nmasterheader a.right,.header a.right{left: auto;right:10px;}

#nmasterheader ul.topsection{clear:both;overflow:hidden; position:absolute; right:5px; top:10px;}
#nmasterheader ul.topsection li{float:left; margin-left:8px;}
#nmasterheader ul.topsection li > a{display:block; width:40px; height:40px; position:relative;}
#nmasterheader ul.topsection li > a.topmu1:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 5px -55px; background-size:208px auto; top:0;}
#nmasterheader ul.topsection li > a.topmu2:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -35px -55px; background-size:208px auto; top:0;}

.page_navi {width:100%; padding-top:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_navi li {display:inline-block;}

/****** 푸터  ******/
#nmaster_footer {padding:10px 0;background:#4c4947;}
#nmaster_footer address {margin-top:10px; color:#ccc; text-align:center; font-size:11px; line-height:14px;}
.btn_bottom {margin: 0 auto;width:90%;text-align:center;}
.btn_bottom a { margin-right:0;text-decoration:none;}

/*********************************************contentintro*********************************************/
.contentintro{background:#160e07;}
.contentintro > p{overflow:hidden;}
.contentintro > p img{width:100%;height:auto;display:block;}
.contentintro p.btngo{width:100%;}
.contentintro p.btngo > span{float:left; width:33.3%;display:inline-block;}

.contentintro .intor_style1{padding:20px 20px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #000;font-size:15px; border:1px solid #000; font-weight:600;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
.contentintro .intor_style2{padding:20px 20px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #000;font-size:15px; border:1px solid #000; font-weight:600;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
.contentintro .intor_style3{padding:20px 15px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #000;font-size:15px; border:1px solid #000; font-weight:600;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
/*********************************************contentintro*********************************************/

/*layout*/
#content{margin:0 auto;}
#content, article{width:100%;}

/**********************2016.01.07추가***********************/
/*tabmenu*/
.tabmenu{overflow:hidden; border-bottom:1px solid #ececec;}
.tabmenu li{float:left; border:0; width:33.1%; text-align:center; font-size:18px; font-weight:600; border-right:1px solid #ececec; position:relative; _border-bottom:1px solid #ececec; text-indent:0}
.tabmenu li:last-child{border-right:none}
.tabmenu li a{display:block; padding:13px 0;}
.tabmenu li a.selected_line:after{position:absolute; display:block; content:""; background:#147db8; width:100%; height:4px; bottom:0px;}

/*tabmenu1*/
.tabmenu1{overflow:hidden;}
.tabmenu1 li{float:left; border:0; width:49.8%; text-align:center; font-size:16px; font-weight:600; border-right:1px solid #ececec; position:relative; border-bottom:1px solid #ececec; text-indent:0}
.tabmenu1 li:last-child{border-right:none}
.tabmenu1 li a{display:block; padding:7px 0;}
.tabmenu1 li a.selected_line:after{position:absolute; display:block; content:""; background:#147db8; width:100%; height:4px;bottom:0px;}

.tabmenu li a.selected_line,.tabmenu1 li a.selectedline {background:#f4f4f4;}

/*masterlist*/
.masterlist{width:100%;}
.masterlist table{width:100%; border-collapse:collapse; margin:0 auto;}
.masterlist table tr.tdbglist{background-color:rgba(118,191,228,0.4);}
.masterlist table .trbglist{background-color:rgba(230,255,190,0.4);}
.masterlist table .leader_title {background:#3965b2;}
.masterlist table .group_title {background:#3965b2;}
.masterlist table .list_tit_td td {padding:10px 0;}
.masterlist table td{text-align:center; vertical-align:middle; padding:10px 0; border-bottom:1px solid #ececec; font-size:13px; color:#222;}
.masterlist table .group_title_td {font-size:17px; font-weight:600; color:#fff; text-indent:-11%;}
.masterlist table .group_title_td_yo {font-size:17px; font-weight:600; color:#fff; height:30px;}/*요람용*/
.masterlist table td.tdbg{padding:0; height:59px;}
.masterlist table td img{width:85px; height:85px; border-radius:600px}
.masterlist table td strong{display:inline-block; font-size:16px; color:#000; padding-right:1px; font-weight:600}
.masterlist table td span.photo{display:block; font-size:13px; color:#222; margin-top:5px; font-weight:600; letter-spacing:-1px;}
.masterlist table td span.ch_group{display:block; min-width:30px; font-size:13px; line-height:18px; color:#505050; margin-top:5px; font-weight:600; letter-spacing:-1px;  }
.masterlist table td span.ch_group > strong {display:block; min-width:30px; font-size:13px; lin-height:18px; color:#32a5a4;}
.masterlist table td span.ch_job{display:none; min-width:30px; font-size:13px; line-height:14px; color:#fff; margin-top:5px; font-weight:600; letter-spacing:-1px; padding:4px 12px; background:#006193; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/***** 지역장일 경우 *****/
.masterlist table td.subject_ld  span.ch_group{display:block; min-width:30px; font-size:13px; line-height:18px; color:#505050; margin-top:5px; font-weight:600; letter-spacing:-1px;  }
.masterlist table td.subject_ld  span.ch_group > strong {display:inline-block; min-width:30px; font-size:13px; lin-height:18px; color:#32a5a4; margin-right:5px;}
.masterlist table td.subject_ld  span.ch_job{display:inline-block; min-width:30px; font-size:13px; line-height:14px; color:#fff; margin-top:5px; font-weight:600; letter-spacing:-1px; padding:4px 12px; background:#006193; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.masterlist table td.subject_ld  span.ch_job > strong {font-size:13px; line-height:14px; color:#fff; margin-right:5px;}

.masterlist table td span.stxt{display:block; margin-top:8px; font-size:11px; text-align:center}
.masterlist table td.subject{text-align:left; padding:0 10px;}
.masterlist table td a{display:block; width:40px; height:40px; position:relative;}
.masterlist table td a.sms:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -80px; background-size:176px auto; top:0px;}
.masterlist table td a.teliocn:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -40px -80px; background-size:176px auto; top:0px;}
.masterlist table td select{float:left; margin-right:10px;}

/* sms 발송안내 */
.btn_sms_guide {display:inline-block; border:2px solid #fff;}
.btn_sms_guide > a {display:inline-block; font-size:12px; color:#202020; padding:2px 10px; border:1px solid #e9c2c2}
#guide_popup {width:320px; padding:5px; border:2px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sms_guide {width:310px; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px dotted #bfbfbf;}
.guide_tit {font-size:16px; line-height:20px; text-align:center; color:#202020; margin-bottom:30px; word-break:keep-all; -ms-word-break:keep-all;}
.guide_txt {font-size:12px; line-height:16px; color:#707070; margin-bottom:20px;}
.agency_list > li {margin-bottom:10px;}
.agency_list li ul li {font-size:12px; line-height:16px; color:#707070; padding-left:10px; background:url(/image/list_blit.gif) left 6px no-repeat; word-break:keep-all; -ms-word-break:keep-all;}

.masterlist table td.tdbg a.classbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#222;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:93%;
	text-indent:20px;
	text-decoration:none;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
}
.masterlist table td.tdbg a.classbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	/*background:#dfdfdf url('../image/arrow.png') no-repeat 97% 50%;*/
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
}
.masterlist table td.tdbg a.classbtne:active {
	position:relative;
	top:1px;
	background: url('../image/arrow.png') no-repeat 97% 50%;
}

.search_box {
	width:94%;
	height: 44px;
	margin:0 auto;
	display:block;
	position:relative;
}
.search_text {
	width: 100%;
	border: 5px solid #0067b6;
	padding: 7px 45px 7px 5px;
	height: 44px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	outline: none;
}
.sch_smit {	
	width: 50px; height: 44px;
	position:absolute;
	top:0; right:0;
	font-size:14px;
	margin:0;
	vertical-align: top;
	background: #0067b6;
	color:#fff;
	font-weight: bold;
	cursor: pointer;
}

/*[아이콘리스트]*/
.using_list_icon{width:100%;}
.using_list_icon ul{width:100%; overflow:hidden; background:url('../image/bar_off.jpg') repeat-x;}
.using_list_icon li{height:67px; float:left; width:49.80%; background:url('../image/bar_off.jpg') repeat-x; text-align:center; }
.using_list_icon li.line{background:#222; width:1px;}
.using_list_icon li a span{display:block; font-size:13px; text-shadow:1px 1px #000; padding-top:45px; color:#fff;}
.using_list_icon li a{display:block; position:relative; width:100%; height:100%}
.using_list_icon li a.selected{background:url('../image/bar_on.jpg') repeat-x;}
.using_list_icon li a.sms:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -230px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}
.using_list_icon li a.msg:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -40px -230px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}

.using_list_icon2{width:100%;}
.using_list_icon2 ul{width:100%; overflow:hidden; background:url('../image/bar_off.jpg') repeat-x;}
.using_list_icon2 li{height:67px; float:left; width:100%; background:url('../image/bar_off.jpg') repeat-x; text-align:center; }
.using_list_icon2 li.line{background:#222; width:1px;}
.using_list_icon2 li a span{display:block; font-size:13px; text-shadow:1px 1px #000; padding-top:45px; color:#fff;}
.using_list_icon2 li a{display:block; position:relative; width:100%; height:100%}
.using_list_icon2 li a.selected{background:url('../image/bar_on.jpg') repeat-x;}
.using_list_icon2 li a.sms:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -230px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}
.using_list_icon2 li a.msg:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -40px -230px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}

/*[선택된 연락처]*/
.choice{width:100%; background:#23272d; padding:20px 0; text-align:center; color:#808b9c; text-shadow:1px 1px #000; font-size:13px; border-top:1px solid #2e333b; border-bottom:1px solid #2e333b; font-weight:600}
.choice strong{color:#55ecc0;}

/*[개인섬김아이콘]*/
.serve_using_list_icon{width:100%;}
.serve_using_list_icon ul{width:100%; overflow:hidden;}
.serve_using_list_icon li{height:37px; float:left; width:24.60%; text-align:center;background-color: #FFFFFF;}
.serve_using_list_icon li.line{background:#222; width:1px;}

/***********************2016.01.07추가 end***********************/

/*servicelist*/
.servicelist{width:100%;}
.servicelist .selectedbox{width:98%; margin:0 auto; overflow:hidden; padding:10px 0}
.servicelist .selectedbox p{width:100%;}
.servicelist .selectedbox p.pd10{width:100%; margin-top:8px;}

.servicelist table{width:100%; border-collapse:collapse; margin:0 auto;}
.servicelist table tr.tdbglist{background:#76bfe4 url() no-repeat 0 0;}
.servicelist table td{text-align:center; vertical-align:middle; padding:15px 0; border-bottom:1px solid #ececec; font-size:13px; color:#222;}
.servicelist table td img{width:85px; height:85px; border-radius:600px}
.servicelist table td.subject{text-align:left;font-size:13px; color:#444}
.servicelist table td.subject strong{display:inline-block; font-size:15px; color:#000; padding-right:3px; font-weight:600}
.servicelist table td.subject p span{display:block; font-size:11px; color:#3c5dbd; margin-top:5px;}
.servicelist table td.subject p.schedule{font-size:13px; color:#222; margin-top:10px;text-indent:25px; position:relative;}
.servicelist table td.subject p.schedule:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -120px; background-size:176px auto; top:-3px;}
.servicelist table td.subject p.pray{font-size:13px; color:#222; margin-top:10px;text-indent:25px; position:relative;}
.servicelist table td.subject p.pray:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -20px -120px; background-size:176px auto; top:-3px;}
.servicelist table td.subject p.sms{font-size:13px; color:#222; margin-top:10px;text-indent:25px; position:relative;}
.servicelist table td.subject p.sms:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -40px -120px; background-size:176px auto; top:-3px;}
.servicelist table td.subject p.time{font-size:13px; color:#222; margin-top:10px;text-indent:25px; position:relative;}
.servicelist table td.subject p.time:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -60px -120px; background-size:176px auto; top:-3px;}

.servicelist table td.subject dl.subject_list dt {}
.servicelist table td.subject dl.subject_list dd {overflow:hidden; margin-top:10px;}
.servicelist table td.subject dl.subject_list dd > span {float:left; font-family:"dotum"; display:inline-block; font-size:11px; line-height:12px; color:#fff; text-align:center; padding:4px 5px; border-radius:3px;}
.servicelist table td.subject dl.subject_list dd p {margin:0 0 0 60px; font-size:13px; line-height:20px;}
.servicelist table td.subject dl.subject_list dd p span {display:block; margin-top:4px;}
.servicelist table td.subject dl.subject_list dd span.memo {border:1px solid #4e8cb4; background:#579dca;}
.servicelist table td.subject dl.subject_list dd span.pray {border:1px solid #e56969; background:#f87373;}
.servicelist table td.subject dl.subject_list dd span.visit {border:1px solid #7da601; background:#8bb800;}
.servicelist table td.subject dl.subject_list dd span.absent {border:1px solid #8a8a8a; background:#909090;}
.servicelist table td.subject dl.subject_list dd span.schedule {border:1px solid #2ab4ad; background:#2ec7bf;}

.servicelist a.classbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #ccc;
	display:block;
	color:#222;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-indent:10px;
	text-decoration:none;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
}
.servicelist a.classbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	/*background:#dfdfdf url('../image/arrow.png') no-repeat 97% 50%;*/
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
}
.servicelist a.classbtne:active {
	position:relative;
	top:1px;
	background: url('../image/arrow.png') no-repeat 97% 50%;
}

/*datelist*/
.datelist{width:100%;}
.dateheader{padding:15px 0; position:relative; width:100%; overflow:hidden;
background:#178ed2; /* Old browsers */
background: -moz-linear-gradient(top,  #178ed2 0%, #23a1d7 50%, #36b6e2 51%, #147db8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#178ed2), color-stop(50%,#23a1d7), color-stop(51%,#36b6e2), color-stop(100%,#147db8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178ed2', endColorstr='#147db8',GradientType=0 ); /* IE6-9 */
}
.datelist span.prev{position:absolute; left:30px;}
.datelist span.prev{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -140px; background-size:176px auto; top:0px; margin-top:10px; margin-left:30px;}
.datelist span.next{position:absolute; right:30px;}
.datelist span.next{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -30px -140px; background-size:176px auto; top:0px; margin-top:10px; margin-right:30px;}
.datelist h1{width:30%; margin:0 auto; color:#fff; text-align:center; font-size:18px; text-shadow:0 0 1px #169c75; font-weight:600}

.datelist > ul{}
.datelist > ul li{overflow:hidden; border-bottom:1px solid #ececec;}
.datelist > ul li p.mon{float:left; width:30%; text-align:center; padding:15px 0; min-height:55px; line-height:55px;}
.datelist > ul li p.mon span{display:inline-block; font-size:18px; color:#000; font-weight:600;}
.datelist > ul li p.con_txt{float:left; width:69%; border-left:1px solid #ececec; position:relative; top:1px; }
.datelist > ul li p.con_txt span{display:block; padding:15px; border-bottom:1px solid #ececec;}
.datelist > ul li p.con_txt strong{display:block; padding:5px 0;}
.datelist > ul li p.con_txt span > strong{font-size:16px; color:#3c5dbd; font-weight:600;}
.datelist > ul li p.con_txt span > strong + strong{ font-size:13px; color:#222; font-weight:600;}
.datelist > ul li p.con_txt span > strong a{margin-left:10px;}
.datelist > ul li p.no_txt{padding:50px 25%;float:left; width:100%;}
.datelist > ul li.currentday{
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #c4c4c4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#c4c4c4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#c4c4c4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#c4c4c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
}

.datelist table{width:100%; border-collapse:collapse; margin:0 auto;}
.datelist table td{text-align:center; border:1px solid #ececec; vertical-align:middle; padding:15px 0; border-bottom:1px solid #ececec; font-size:13px; color:#222;}
.datelist table td strong{display:inline-block; font-size:18px; color:#000; padding-right:3px; font-weight:600}
.datelist table td.subject{text-align:left; padding:10px 15px;}
.datelist table td.subject p.time{font-size:16px; color:#3c5dbd; font-weight:600}
.datelist table td.subject p.tit{font-size:13px; color:#222; font-weight:600; margin-top:5px;}
.datelist table td.subject a{display:inline-block;}
.datelist table tr.currentday{
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #c4c4c4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#c4c4c4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#c4c4c4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#c4c4c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
}

/*toptitle*/
.toptitle{padding:18px 0; position:relative; width:100%;
background:#178ed2; /* Old browsers */
background: -moz-linear-gradient(top,  #178ed2 0%, #23a1d7 50%, #36b6e2 51%, #147db8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#178ed2), color-stop(50%,#23a1d7), color-stop(51%,#36b6e2), color-stop(100%,#147db8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178ed2', endColorstr='#147db8',GradientType=0 ); /* IE6-9 */
}
.toptitle span.save{position:absolute; right:30px; top:15px;}
.toptitle span.save a.btnsave{padding:5px 5px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;text-shadow:0 0 1px #fff;font-size:13px; border:1px solid #ececec; font-weight:600;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.toptitle span.prev{position:absolute; left:15px; top:13px;}
.toptitle span.prev.top{margin-top:5px; display:inline-block}
.toptitle span.prev a.btnprev{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -60px -50px; background-size:176px auto; top:0px;}
.toptitle h1{width:100%; margin:0 auto; color:#fff; text-align:center; font-size:16px; text-shadow:0 0 1px #169c75; letter-spacing:-1px;}

.toptitle.toptitle_chart h1 a{display:inline-block; width:33.3%; text-align:center; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.toptitle.toptitle_chart h1 a + a{border-left:1px solid rgba(255,255,255,0.6);}

/*masterwrite*/
.masterwrite{width:100%;}
.masterwrite ul{overflow:hidden;}
.masterwrite ul > li{padding:10px; overflow:hidden; border-bottom:1px solid #ececec; position:relative;}
.masterwrite ul > li:last-child{border-bottom:none;}
.masterwrite ul > li p.photoimg{float:left; width:25%; position:relative; /*width:95px;*/}
.masterwrite ul > li p.photoimg > img{width:85px; height:85px; border-radius:600px; }
.masterwrite ul > li p.photoimg span.camara{width:68px; display:block; position:absolute; right:-10px; bottom:0px; overflow:hidden; z-index:100;}
.masterwrite ul > li p.photoimg span.camara > a {display:block; float:left; margin:0 2px;}
.masterwrite ul > li p.photoimg span.camara img{width:30px;}
.masterwrite ul > li p.title{font-size:14px; line-height:20px; margin-bottom:5px; padding-left:15px; background:url(../image/tit_blit.gif) left 5px no-repeat;}

.masterwrite ul > li .sexbox{float:right;width:60%; font-size:13px; margin-top:5px;}
.masterwrite ul > li .sexbox .pd{display:block; height:10px;}

.masterwrite ul > li .memberdate {width:50%; float:left;}
.masterwrite ul > li > dl dt {font-size:14px; line-height:20px; margin-bottom:5px; padding-left:15px; background:url(../image/tit_blit.gif) left 5px no-repeat;}

.masterwrite ul > li span strong{font-size:14px; font-weight:600; margin-left:35px; display:inline-block;}
.masterwrite ul > li span.titicon1:before{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -90px -50px; background-size:176px auto; top:5px;}
.masterwrite ul > li span.titicon2:before{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -120px -50px; background-size:176px auto; top:5px;}

.masterwrite ul > li > ul{overflow:hidden; margin-top:10px;}
.masterwrite ul > li > ul li{float:left; width:24.5%; font-size:13px; border:1px solid #ececec; border-right:none; text-align:center; padding:0;}
.masterwrite ul > li > ul li.col1{width:49.5%;}
.masterwrite ul > li > ul li:last-child{border-right:1px solid #ececec; border-bottom:1px solid #ececec;}
.masterwrite ul > li > ul li span.stit{display:block; background:#ebf3f7; padding:10px 0; color:#000; border-bottom:1px solid #ececec;}
.masterwrite ul > li > ul li span.stxt1{display:block; padding:10px 0; color:#444}

.masterwrite ul > li > ul.subinner{margin-top:10px;}
.masterwrite ul > li > ul.subinner li{clear:both; border:0; width:100%; padding:5px 0}

/*sch*/
.sch{float:right; display:inline-block; width:85%}
.sch .schselect {padding:5px 10px; width:30%; font-size:13px; border:1px solid #bbb;border-radius:5px; background:#fff;}
.sch .input_style{padding:6px 10px;width:40%; font-size:13px; border:1px solid #bbb;border-radius:5px;}
.sch .schbtn{padding:8px 10px;width:15%;border:0;border-radius:5px;outline:0; font-size:11px; background:#000; color:#fff;}
.sch input, .sch button{vertical-align:middle}

/*per_infortop*/
.per_infortop{overflow:hidden; margin:20px 0 0 0; border-bottom:1px solid #ececec; padding:0 0 10px 0}
.per_infortop > p{float:left; width:30%; text-align:center;}
.per_infortop > p img{width:85px; height:85px; border-radius:600px; }

.per_infortop > ul{float:left;width:50%; margin-left:5px;}
.per_infortop > ul li{font-size:13px; color:#222; padding:4px 0}
.per_infortop > ul li strong{display:inline-block; font-size:16px; color:#000; font-weight:600}
.per_infortop > ul li span{display:inline-block;}

.per_infortop .telsmsbox{float:left; width:15%;}
.per_infortop .telsmsbox p.btnsms a{position:relative; display:block;}
.per_infortop .telsmsbox p.btnsms a.sms:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -80px; background-size:176px auto; top:0px;}
.per_infortop .telsmsbox p.btntel a{position:relative; display:block; margin-top:40px;}
.per_infortop .telsmsbox p.btntel a.teliocn:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -40px -80px; background-size:176px auto; top:0px;}

/*perinfor_list*/
.perinfor_list{}
.perinfor_list ul{}
.perinfor_list li{font-size:13px; color:#222; overflow:hidden; padding:20px 5px; position:relative; border-bottom:1px solid #ececec;}
.perinfor_list li span{display:inline-block;}
.perinfor_list li span.icon{width:12%;}
.perinfor_list li span.txt{width:71%; /*background:#6633ff;*/ margin:0 3px; line-height:150%; font-size:14px; color:#222;}
.perinfor_list li span.txt2{/*background:#6633ff;*/ margin:0 3px; line-height:200%}
.perinfor_list li span.locationicon{width:12%; background:#ffff33}
.perinfor_list li span strong{font-size:14px; font-weight:600; margin-left:40px; display:inline-block; color:#000;}

.perinfor_list ul > li > ul.table_style1{overflow:hidden; margin-top:10px;}
.perinfor_list ul > li > ul.table_style1 li{float:left; width:24.5%; font-size:13px; border:1px solid #ececec; border-bottom:none; border-right:none; text-align:center; padding:0;}
.perinfor_list ul > li > ul.table_style1 li.col1{width:49.5%;}
.perinfor_list ul > li > ul.table_style1 li:last-child{border-right:1px solid #ececec; }
.perinfor_list ul > li > ul.table_style1 li span.stit{display:block; background:#ebf3f7; padding:10px 0; color:#000; border-bottom:1px solid #ececec;}
.perinfor_list ul > li > ul.table_style1 li span.stxt1{display:block; padding:10px 0; color:#222; border-bottom:1px solid #ececec;}

.perinfor_list ul > li > ul.table_style2{overflow:hidden; margin-top:10px;}
.perinfor_list ul > li > ul.table_style2 li{font-size:13px; border:1px solid #ececec; border-bottom:none; border-right:1px solid #ececec;  padding:0;}
.perinfor_list ul > li > ul.table_style2 li:last-child{border-bottom:1px solid #ececec;}
.perinfor_list ul > li > ul.table_style2 li span.stit{float:left; width:30%; display:block; background:#ebf3f7; padding:10px 10px; color:#000; }
.perinfor_list ul > li > ul.table_style2 li span.stxt1{float:left; width:55%; display:block; padding:10px 10px; color:#222;}

.perinfor_list table.table_style1{width:100%; border-collapse:collapse; margin-top:10px; font-size:13px;}
.perinfor_list table.table_style1 th{padding:10px 0; border:1px solid #ececec; background:#ebf3f7; text-align:center;}
.perinfor_list table.table_style1 td{padding:10px 0; border:1px solid #ececec; text-align:center; color:#222;}

.perinfor_list table.table_style2{width:100%; border-collapse:collapse; margin-top:10px; font-size:13px;}
.perinfor_list table.table_style2 th{padding:10px; border:1px solid #ececec; background:#ebf3f7; text-align:left;}
.perinfor_list table.table_style2 td{padding:10px; border:1px solid #ececec; text-align:left; color:#222;}

.perinfor_list li span.icon span.titicon1:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -170px; background-size:176px auto; top:0px; margin-left:5px; margin-top:20px;}
.perinfor_list li span.icon span.titicon2:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -60px -170px; background-size:176px auto; top:0px; margin-left:5px; margin-top:20px;}
.perinfor_list li span.titicon3:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -90px -170px; background-size:176px auto; top:0px; margin-left:5px; margin-top:10px;}
.perinfor_list li span.titicon4:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -120px -170px; background-size:176px auto; top:0px; margin-left:5px; margin-top:10px;}
.perinfor_list li span.titicon5:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -200px; background-size:176px auto; top:0px; margin-left:5px; margin-top:10px;}
.perinfor_list li span.titicon6:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -30px -200px; background-size:176px auto; top:0px; margin-left:5px; margin-top:10px;}
.perinfor_list li span.titicon7:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -60px -200px; background-size:176px auto; top:0px; margin-left:5px; margin-top:10px;}

.perinfor_list li span.locationicon a.btnlocation:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -30px -170px; background-size:176px auto; top:0px; margin-left:5px; margin-top:20px;}

p.btnadd{text-align:right; margin:10px 0 0 0}
p.btn{text-align:center; margin:15px 0 15px 0; border-top:2px solid #2d4fb2; padding:15px 0 0 0;}

/*attendane*/
.attendance_inner1{overflow:hidden; margin:15px 0; width:100%;}
.attendance_inner1 p.sch1{padding:0 10px 10px 10px; border-bottom:1px solid #ececec; overflow:hidden;}
.attendance_inner1 p.sch2{padding:10px 0; border-bottom:1px solid #ececec; overflow:hidden;}
.attendance_inner1 p.sch3{padding:10px 10px 10px 10px; border-bottom:1px solid #ececec;  overflow:hidden;}
.attendance_inner1 p.sch4{padding:10px 10px 10px 10px;}

.attendance_inner1 a.classbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #ccc;
	display:block;
	color:#222;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-indent:10px;
	text-decoration:none;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
}
.attendance_inner1 a.classbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	/*background:#dfdfdf url('../image/arrow.png') no-repeat 97% 50%;*/
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
}
.attendance_inner1 a.classbtne:active {
	position:relative;
	top:1px;
	background: url('../image/arrow.png') no-repeat 97% 50%;
}

.attendance_inner3 {padding:0 10px; margin-bottom:20px;}
.attendance_inner3 table {width:100%;}
.attendance_inner3 table th {padding:10px 0; font-size:13px; border:1px solid #ccc; background:#aae1f9;}
.attendance_inner3 table td{padding:10px 0; text-align:center; font-size:13px; border:1px solid #ececec; color:#222;}

.attendance_inner2{padding:0 10px; margin-bottom:20px;}
.attendance_inner2 table{width:100%;}
.attendance_inner2 table th{padding:10px 0; font-size:13px; border:1px solid #ccc; background:#ededed; }
.attendance_inner2 table td{padding:10px 0; text-align:center; font-size:13px; border:1px solid #ececec; color:#222; vertical-align:middle;}
.attendance_inner2 table td.name{text-align:left; padding-left:5px;}
.attendance_inner2 table td > .samename{color:RED;}
.attendance_inner2 table td > .attend_gname {display:inline-block; min-width:60px; padding:2px 20px; margin-bottom:5px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:1px solid #dfdfdf; background:#f4f4ff;}

/*loginbox*/
.loginbox{width:100%;}
.loginbox h1{padding:40px 0; text-align:center; font-size:20px;}
.login{margin:0 0 30px 0; padding:0 10px;}
.login p{margin-bottom:10px;}
.login p.checkidpw{font-size:13px; color:#222; text-align:center; margin:25px 0; border-bottom:1px dashed #ececec; padding-bottom:25px;}

/*care_inner*/
.care_list{padding:0 20px;}
.care_inner{position:relative; width:100%; overflow:hidden;}
.care_inner p.date{margin:10px 0 5px 0; font-size:13px; text-indent:10px;}
.care_inner p.icon{float:left; width:27.5%; padding:20px 0;}
.care_inner p.icon > span{display:inline-block; color:#fff; border-radius:30px; background:#fff; width:60px; height:60px; /*border:1px solid #ececec;*/ box-shadow:3px 3px 2px #666;}
.care_inner .carecon{float:left; border-radius:10px; background:#2d4fb2; width:65%; padding:10px; font-size:13px; line-height:150%; color:#fff; margin:0 0 20px 0}
.care_inner p.line:after{position:absolute;display:block; background:#ccc; height:100%; width:3px; content:""; top:0; left:30px; z-index:-1;}

.care_inner p.icon span.iconstyle1 {border:1px solid #4e8cb4; background:#579dca;}
.care_inner p.icon span.iconstyle2 {border:1px solid #e56969; background:#f87373;}
.care_inner p.icon span.iconstyle3 {border:1px solid #7da601; background:#8bb800;}
.care_inner p.icon span.iconstyle4 {border:1px solid #8a8a8a; background:#909090;}
.care_inner p.icon span.iconstyle5 {border:1px solid #2ab4ad; background:#2ec7bf;}

.care_inner p.icon span.iconstyle1:after{width:40px; height:40px; display:block; content:"메모"; position:absolute; background-image:url('../image/imgall.png'); background-repeat:no-repeat; background-position: 0px -230px; background-size:176px auto; top:23px; left:0px; font-size:11px; padding:40px 0 0 0px; text-align:center; margin-left:12px;}
.care_inner p.icon span.iconstyle2:after{width:40px; height:40px; display:block; content:"기도"; position:absolute; background-image:url('../image/imgall.png'); background-repeat:no-repeat; background-position:-40px -230px; background-size:176px auto; top:23px; left:0px; font-size:11px; padding:40px 0 0 0px; text-align:center; margin-left:12px;}
.care_inner p.icon span.iconstyle3:after{width:40px; height:40px; display:block; content:"심방"; position:absolute; background-image:url('../image/imgall.png'); background-repeat:no-repeat; background-position:-80px -230px; background-size:176px auto; top:23px; left:0px; font-size:11px; padding:40px 0 0 0px; text-align:center; margin-left:12px;}
.care_inner p.icon span.iconstyle4:after{width:40px; height:40px; display:block; content:"결석"; position:absolute; background-image:url('../image/imgall.png'); background-repeat:no-repeat; background-position:-120px -230px; background-size:176px auto; top:23px; left:0px; font-size:11px; padding:40px 0 0 0px; text-align:center; margin-left:12px;}
.care_inner p.icon span.iconstyle5:after{width:40px; height:40px; display:block; content:"계획"; position:absolute; background-image:url('../image/imgall.png'); background-repeat:no-repeat; background-position: -40px -310px; background-size:176px auto; top:23px; left:0px; font-size:11px; padding:40px 0 0 0px; text-align:center; margin-left:12px;}

.care_inner .carecon .clear{clear:both;}
.care_inner .carecon p.btn{float:right; margin-top:10px;}
.care_inner .carecon p.btn button{padding:5px 8px; border-radius:10px; font-size:11px; font-weight:600}
.care_inner .carecon p.btn button.edit{background:#ececec; color:#222;}
.care_inner .carecon p.btn button.del{background:#3a3a3a; color:#f3f3f3;}

/*gragh*/
.gragh{text-align:center; margin-bottom:20px;}
.gragh_inner{padding:0 10px; margin-bottom:20px;}
.gragh_inner table{width:100%;}
.gragh_inner table th{padding:10px 0; font-size:13px; border:1px solid #ccc; background:#ededed; }
.gragh_inner table td{padding:10px 0; text-align:center; font-size:13px; border:1px solid #ececec; color:#222;}
.gragh_inner table td.name{text-align:left; padding-left:5px;}


/********************************2016.01.25**********************************************/
/********************************2016.01.26**********************************************/
/*심방:simbang*/
.simbang{width:100%;}
.simbang .selectedbox{width:98%; margin:0 auto; overflow:hidden; padding:10px 0}
.simbang .selectedbox p{width:100%;}
.simbang .selectedbox p.pd10{width:100%; margin-top:8px;}

.simbang a.classbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #ccc;
	display:block;
	color:#222;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-indent:10px;
	text-decoration:none;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
}
.simbang a.classbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	/*background:#dfdfdf url('../image/arrow.png') no-repeat 97% 50%;*/
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
}
.simbang a.classbtne:active {
	position:relative;
	top:1px;
	background: url('../image/arrow.png') no-repeat 97% 50%;
}


.table_list{width:98%; margin:0 auto 20px;}
.table_list table{width:100%; border-collapse:collapse; margin-top:10px; font-size:13px;}
.table_list table th{padding:10px 0; border:1px solid #ececec; background:#ebf3f7; text-align:center}
.table_list table td{padding:10px 0; border:1px solid #ececec; text-align:center}

.simbangwrite{width:98%; margin:0 auto;}
.simbangwrite ul{overflow:hidden;}
.simbangwrite ul > li{padding:10px 0; overflow:hidden; border-bottom:1px solid #ececec; position:relative;}
.simbangwrite ul > li:last-child{border-bottom:none;}
.simbangwrite ul > li p.photoimg{float:left; width:30%; position:relative;}
.simbangwrite ul > li p.photoimg > img{width:85px; height:85px; border-radius:600px; }
.simbangwrite ul > li p.photoimg span.camara{position:absolute; right:-20px; bottom:0px; z-index:100}
.simbangwrite ul > li p.photoimg span.camara img{width:50%;}
.simbangwrite ul > li > span{font-size:13px; font-weight:600; display:block; padding:0 0 8px 5px; color:#3c5dbd;}

.simbangwrite ul > li .sexbox{float:right;width:60%; font-size:13px; margin-top:5px;}
.simbangwrite ul > li .sexbox .pd{display:block; height:10px;}

.simbangwrite ul > li span strong{font-size:14px; font-weight:600; margin-left:35px; display:inline-block;}
.simbangwrite ul > li span.titicon1:before{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -90px -50px; background-size:176px auto; top:5px;}
.simbangwrite ul > li span.titicon2:before{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -120px -50px; background-size:176px auto; top:5px;}

.simbangwrite ul > li > ul{overflow:hidden; margin-top:10px;}
.simbangwrite ul > li > ul li{float:left; width:24.5%; font-size:13px; border:1px solid #ececec; border-right:none; text-align:center; padding:0;}
.simbangwrite ul > li > ul li.col1{width:49.5%;}
.simbangwrite ul > li > ul li:last-child{border-right:1px solid #ececec; border-bottom:1px solid #ececec;}
.simbangwrite ul > li > ul li span.stit{display:block; background:#ebf3f7; padding:10px 0; color:#000; border-bottom:1px solid #ececec;}
.simbangwrite ul > li > ul li span.stxt1{display:block; padding:10px 0; color:#444}

.simbangwrite ul > li > ul.subinner{margin-top:10px;}
.simbangwrite ul > li > ul.subinner li{clear:both; border:0; width:100%; padding:5px 0;}

.simbangwrite ul.view_list{overflow:hidden;}
.simbangwrite ul.view_list > li{padding:10px 8px; overflow:hidden; border-bottom:1px solid #ececec; position:relative; font-size:13px; color:#222; line-height:140%;}
.simbangwrite ul.view_list > li > span{font-size:13px; font-weight:600; display:inline-block; padding:0; color:#3c5dbd;}

.simbangwrite ul > li span.classbtn{display:inline-block; -cursor:pointer; width:5%;text-align:right}
.simbangwrite ul > li span img{vertical-align:middle; width:22px;}

.simbangwrite .listname{padding:0 10px; display:none; background:#f6f6f6; border-radius:10px; margin-top:10px;}
.simbangwrite .listname ul.inner_name li{font-size:13px; color:#222; text-indent:10px; font-weight:600}
.simbangwrite .listname ul.listname_del{position:relative;}
.simbangwrite .listname ul.listname_del li{font-size:13px; color:#222; text-indent:10px; border-bottom:1px solid #ececec;}
.simbangwrite .listname ul.listname_del li a.del{display:inline-block; position:absolute; right:0px; top:6px; border-radius:20px; background:#555; padding:5px 10px; color:#ddd; text-indent:0; font-size:11px;}

.simbangwrite .listname .innersch_name{margin:10px 0}
.simbangwrite .listname .innersch_name button{display:inline-block; border-radius:7px; background:#2c8b75; padding:9px 0; color:#fff; font-size:13px; margin-left:5px; width:15%; float:right;}

.input_style9{padding:8px 10px;width:82%; font-size:13px; border:1px solid #ececec;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; background:#fff; float:left;}

.edit_write_btn{width:100%; margin:0 auto; padding:10px 0; border-top:1px solid #ececec; overflow:hidden;}
.edit_write_btn p{float:right; position:relative; margin-right:10px;} 
.edit_write_btn p a{display:inline-block;}
.edit_write_btn p a.btn_edit:after{width:30px; height:30px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -60px -200px; background-size:176px auto; top:0px; left:-30px;}
.edit_write_btn p a.btn_write{padding:8px 12px;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #000;font-size:13px; border:1px solid #193895; font-weight:600; background:#2d4fb2;}



/*성도별기도*/
/*.simbang{width:100%;}
.sueng .selectedbox{width:98%; margin:0 auto; overflow:hidden; padding:10px 0}
.sueng .selectedbox p{float:left; width:49%;}
.sueng .selectedbox p.pd10{margin-left:2%;}*/
.sueng{width:100%;}
.sueng .selectedbox{width:98%; margin:0 auto; overflow:hidden; padding:10px 0}
.sueng .selectedbox p{width:100%;}
.sueng .selectedbox p.pd10{width:100%; margin-top:8px;}

.sueng .search_bar {width:100%; padding:10px 0; border-top:1px solid #ececec;}

.sueng a.classbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #ccc;
	display:block;
	color:#222;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-indent:10px;
	text-decoration:none;
	text-align:left;
	text-shadow:1px 1px 0px #ffffff;
}
.sueng a.classbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	/*background:#dfdfdf url('../image/arrow.png') no-repeat 97% 50%;*/
	background:#ededed url('../image/arrow.png') no-repeat 97% 50%;
}
.sueng a.classbtne:active {
	position:relative;
	top:1px;
	background: url('../image/arrow.png') no-repeat 97% 50%;
}

.suenglist{width:100%; border-top:1px solid #ececec;}
.suenglist table{width:100%; border-collapse:collapse; margin:0 auto;}
.suenglist table tr.tdbglist{background:#76bfe4 url() no-repeat 0 0;}

.suenglist table td{text-align:center; vertical-align:middle; padding:15px 0; border-bottom:1px solid #ececec; font-size:13px; color:#222;}
.suenglist table td img{width:85px; height:85px; border-radius:600px}
.suenglist table td.subject{text-align:left;font-size:13px; color:#444}
.suenglist table td.subject strong{display:inline-block; font-size:15px; color:#000; padding-right:3px; font-weight:600}
.suenglist table td.subject p.date{font-size:13px; color:#3c5dbd; margin-top:10px; text-indent:0px; position:relative;}
.suenglist table td.subject p.date span{display:inline-block; padding-left:10px;}
.suenglist table td.subject p.schedule{font-size:13px; color:#222; margin-top:10px;text-indent:25px; position:relative;}
.suenglist table td.subject p.schedule:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -120px; background-size:176px auto; top:-3px;}
.suenglist table td.subject p.pray{font-size:13px; line-height:16px; color:#222; margin-top:10px; text-indent:25px; position:relative;}
.suenglist table td.subject p.pray:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -20px -120px; background-size:176px auto; top:-3px;}
.suenglist table td.subject p.sms{font-size:13px; color:#222; margin-top:10px;text-indent:25px; position:relative;}
.suenglist table td.subject p.sms:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -40px -120px; background-size:176px auto; top:-3px;}
.suenglist table td.subject p.time{font-size:13px; color:#222; margin-top:10px;text-indent:25px; position:relative;}
.suenglist table td.subject p.time:after{width:20px; height:20px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -60px -120px; background-size:176px auto; top:-3px;}

.suengwrite{width:98%; margin:0 auto;}
.suengwrite ul{overflow:hidden;}
.suengwrite ul > li{padding:10px 0; overflow:hidden; border-bottom:1px solid #ececec; position:relative;}
.suengwrite ul > li:last-child{border-bottom:none;}
.suengwrite ul > li p.photoimg{float:left; width:30%; position:relative;}
.suengwrite ul > li p.photoimg > img{width:85px; height:85px; border-radius:600px; }
.suengwrite ul > li p.photoimg span.camara{position:absolute; right:-20px; bottom:0px; z-index:100}
.suengwrite ul > li p.photoimg span.camara img{width:50%;}
.suengwrite ul > li > span{font-size:13px; font-weight:600; display:block; padding:0 0 8px 5px; color:#3c5dbd;}

.suengwrite ul.view_list{overflow:hidden;}
.suengwrite ul.view_list > li{padding:10px 8px; overflow:hidden; border-bottom:1px solid #ececec; position:relative; font-size:13px; color:#222; line-height:140%;}
.suengwrite ul.view_list > li > span{font-size:13px; font-weight:600; display:inline-block; padding:0; color:#3c5dbd;}

.suengwrite ul > li span.classbtn{display:inline-block; -cursor:pointer; width:5%;text-align:right}
.suengwrite ul > li span img{vertical-align:middle; width:22px;}

.suengwrite .listname{padding:0 10px; display:none; background:#f6f6f6; border-radius:10px; margin-top:10px;}
.suengwrite .listname ul.inner_name li{font-size:13px; color:#222; text-indent:10px; font-weight:600}
.suengwrite .listname ul.listname_del{position:relative;}
.suengwrite .listname ul.listname_del li{font-size:13px; color:#222; text-indent:10px; border-bottom:1px solid #ececec; }
.suengwrite .listname ul.listname_del li a.del{display:inline-block; position:absolute; right:0px; top:6px; border-radius:20px; background:#555; padding:5px 10px; color:#ddd; text-indent:0; font-size:11px;}

.suengwrite .listname .innersch_name{margin:10px 0}
.suengwrite .listname .innersch_name button{display:inline-block; border-radius:7px; background:#2c8b75; padding:9px 0; color:#fff; font-size:13px; margin-left:5px; width:15%; float:right;}

/***************************2016.03.23추가**************************************/

/*[아이콘리스트]*/
.groupmember_icon{width:100%;}
.groupmember_icon ul{width:100%; overflow:hidden; background:url('../image/bar_off.jpg') repeat-x;}
.groupmember_icon li{height:67px; float:left; width:24.70%; background:url('../image/bar_off.jpg') repeat-x; text-align:center; }
.groupmember_icon li.line{background:#222; width:1px;}
.groupmember_icon li a span{display:block; font-size:13px; text-shadow:1px 1px #000; padding-top:45px; color:#fff;}
.groupmember_icon li a{display:block; position:relative; width:100%; height:100%}
.groupmember_icon li a.selected{background:url('../image/bar_on.jpg') repeat-x;}
.groupmember_icon li a.msg:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat 0px -310px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}
.groupmember_icon li a.title:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -40px -310px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}
.groupmember_icon li a.record:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -80px -310px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}
.groupmember_icon li a.plan:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('../image/imgall.png') no-repeat -120px -310px; background-size:176px auto; top:5px; left:50%; margin-left:-20px;}


/***************************2016.07.20추가**************************************/
/*[직분설정]*/
.inner_setup{width:100%; margin:0px auto 15px}
.inner_setup h3{font-size:14px; color:#444; padding:15px; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#ececec;}
.inner_setup h3 span{position:absolute; right:10px; top:10px;}
.inner_setup h3 span a{display:block; float:left; font-weight:normal; margin-right:2px;}
.inner_setup h3 span a.addbtn{background:#2d4fb2; border-radius:5px; color:#fff; font-size:11px; padding:5px 5px; box-shadow:inset 0 1px 1px #051542;}
.inner_setup h3 span a.editbtn{background:#7690dd; border-radius:5px; color:#fff; font-size:11px; padding:5px 5px; box-shadow:inset 0 1px 1px #384776;}
.inner_setup h3 span a.upbtn{width:18px; height:18px; background:#fff url('../image/imgall.png') no-repeat 4px -373px; background-size:176px auto; border:1px solid #ddd; border-radius:5px; padding:2px 3px;}
.inner_setup h3 span a.downbtn{width:18px; height:18px; background:#fff url('../image/imgall.png') no-repeat -17px -373px; background-size:176px auto; border:1px solid #ddd; border-radius:5px; padding:2px 3px}
.inner_setup ul{width:95%; margin:0 auto;}
.inner_setup li{font-size:12px; color:#555; padding:8px 10px; border-bottom:1px dashed #ddd;}
.inner_setup li:last-child{border-bottom:none}

/*[그룹설정]*/
.inner_setup_group{width:95%; margin:15px auto;}
.inner_setup_group .inner_tree{padding:10px; border:1px solid #ddd;}
.inner_setup_group .inner_tree p{width:30%;}
.inner_setup_group .inner_tree .tree_box{margin-top:15px; background:#f2f2f2; min-height:150px; border:1px solid #ddd; box-shadow:inset 0 1px 1px #ccc;}
.inner_setup_group .inner_tree .tree_box.no_mrg{margin-top:0px;}

.setup_group_register_list{margin-top:15px; min-height:300px;}
.setup_group_register_list h3{font-size:14px; color:#222; margin-bottom:10px;}
.setup_group_register_list h4{position:relative; font-size:14px; color:#555; margin-bottom:10px;}
.setup_group_register_list h4 strong{color:#ff5252}
.setup_group_register_list h4 span{position:absolute; right:0; top:-5px}
.setup_group_register_list table{width:100%; border-collapse:collapse; }
.setup_group_register_list th{font-size:11px; color:#222; padding:8px 0;background:#f2f2f2; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.setup_group_register_list th:last-child{border-right:none;}
.setup_group_register_list td{font-size:11px; color:#555; text-align:center; padding:8px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.setup_group_register_list td:last-child{border-right:none;}
.setup_group_register_list td:nth-child(2){padding:0 2px;}
.setup_group_register_list td:nth-child(3){padding:0 3px;}
.setup_group_register_list .line_table{position:relative; height:2px; background:#7690dd; width:100%; top:1px;}
.setup_group_register_list a.btn_style6_1{color:#fff}
.setup_group_register_list a.btn_style7_1{color:#fff}
.setup_group_register_list p{font-size:12px; color:#555; margin:10px 0;}

.setup_group_register_list .table_style1{width:100%; border-collapse:collapse; }
.setup_group_register_list .table_style1 th{font-size:11px; color:#222; padding:8px 0;background:#f2f2f2; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:130%;}
.setup_group_register_list .table_style1 th:last-child{border-right:none;}
.setup_group_register_list .table_style1 td{font-size:11px; color:#555; text-align:center; padding:8px 3px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.setup_group_register_list .table_style1 td:last-child{border-right:none;}
.setup_group_register_list .table_style1 td a.btn_style6_0{color:#666}


.inner_group_header{border-bottom:1px solid #ddd; padding-bottom:15px;}
.inner_group_header h3{font-size:13px; color:#555;}
.inner_group_header h3 strong{color:#ff5252}
.inner_group_header a.btn_style6_1{color:#fff}

.setup_modify_header{padding:10px; border:1px solid #ddd; position:relative;}
.setup_modify_header > p{overflow:hidden;}
.setup_modify_header .h8{height:8px; clear:both;}

.setup_modify_header p a.btn_style7{color:#ddd}
.setup_modify_header p a.btn_style8{color:#fff; float:right;}
.setup_modify_header p a{float:left; display:block; margin-right:2px}

.setup_modify_tree{padding:10px; border:1px solid #ddd;}
.setup_modify_tree p{width:30%;}
.setup_modify_tree{margin-top:15px; background:#f2f2f2; min-height:150px; border:1px solid #ddd; box-shadow:inset 0 1px 1px #ccc;}

/*************************************************************************************************************************************************/
/*************************************************************************************************************************************************/
/*[윈도우]*/
#Black{display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#000;
opacity: 0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)"; 
z-index:9999999;
}

.popup_layer{position:fixed;overflow-y:auto;background:#fff; width:80%; height:auto; max-height:500px; top:50%; left:50%; z-index:999999999; box-shadow:2px 2px 1px #000; border-radius:5px;OVERFLOW-Y:auto;}
.popup_layer div.p_layer {font-size:13px; color:#222; padding:10px; line-height:150%;}
.submit{background:#e64560; font-size:13px; color:#fff; padding:15px; float:right; cursor:pointer; width:50%; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.close{background:#48d0ac; font-size:13px; color:#fff; padding:15px; float:left; cursor:pointer; width:50%; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

/*[Loading]*/
.loaders_pop{display:none;position:fixed; left:0; top:0; width:100%; height:100%; background:#000;
opacity: 0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)"; 
z-index:9999999;}

 .loaders{display:none;
     position:fixed;
     z-index:999999999; 
     height:auto; top:50%; left:50%; margin-left:-20px; margin-top:-20px;}
 .loaders p{text-align:center; color:#ccc; font-size:11px; margin-top:15px;}

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 40px;
  height: 40px;
  background: #fff;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

/****************************************************************************************************************************************************/
/*btn-style*/
.btn_style1{padding:10px 15px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;text-shadow:0 0 1px #fff;font-size:15px; border:1px solid #ececec; font-weight:600;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.btn_style2{padding:10px 15px;width:45%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #1e917d;font-size:13px; border:1px solid #ececec; font-weight:600;
background:#178ed2; /* Old browsers */
background: -moz-linear-gradient(top,  #178ed2 0%, #23a1d7 50%, #36b6e2 51%, #147db8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#178ed2), color-stop(50%,#23a1d7), color-stop(51%,#36b6e2), color-stop(100%,#147db8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178ed2', endColorstr='#147db8',GradientType=0 ); /* IE6-9 */
}

.btn_style2_1{padding:10px 15px;width:35%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #1e917d;font-size:13px; border:1px solid #ececec; font-weight:600;
background:#178ed2; /* Old browsers */
background: -moz-linear-gradient(top,  #178ed2 0%, #23a1d7 50%, #36b6e2 51%, #147db8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#178ed2), color-stop(50%,#23a1d7), color-stop(51%,#36b6e2), color-stop(100%,#147db8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178ed2', endColorstr='#147db8',GradientType=0 ); /* IE6-9 */
}

.btn_style2_2{padding:10px 15px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #1e917d;font-size:13px; border:1px solid #ececec; font-weight:600;
background:#178ed2; /* Old browsers */
background: -moz-linear-gradient(top,  #178ed2 0%, #23a1d7 50%, #36b6e2 51%, #147db8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#178ed2), color-stop(50%,#23a1d7), color-stop(51%,#36b6e2), color-stop(100%,#147db8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178ed2', endColorstr='#147db8',GradientType=0 ); /* IE6-9 */
}

.btn_style2_3{padding:10px 8px; border:0;border-radius:5px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;float:right;color:#fff;text-shadow:0 0 1px #1e917d;font-size:11px; border:1px solid #ececec; font-weight:600;
background:#178ed2; /* Old browsers */
background: -moz-linear-gradient(top,  #178ed2 0%, #23a1d7 50%, #36b6e2 51%, #147db8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#178ed2), color-stop(50%,#23a1d7), color-stop(51%,#36b6e2), color-stop(100%,#147db8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178ed2', endColorstr='#147db8',GradientType=0 ); /* IE6-9 */
}

.btn_style3{padding:10px 15px;width:35%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #484848;font-size:13px; border:1px solid #ececec; font-weight:600;
background: #232625; /* Old browsers */
background: -moz-linear-gradient(top,  #232625 0%, #3b3f3e 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232625), color-stop(50%,#3b3f3e), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
background: linear-gradient(to bottom,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232625', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}

.btn_style3_1{padding:10px 15px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #484848;font-size:13px; border:1px solid #ececec; font-weight:600;
background: #696b6a; /* Old browsers */
background: -moz-linear-gradient(top,  #696b6a 0%, #3b3f3e 50%, #2d2e2d 51%, #2f2f2f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232625), color-stop(50%,#3b3f3e), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #696b6a 0%,#3b3f3e 50%,#2d2e2d 51%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #696b6a 0%,#3b3f3e 50%,#2d2e2d 51%,#2f2f2f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #696b6a 0%,#3b3f3e 50%,#2d2e2d 51%,#2f2f2f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #696b6a 0%,#3b3f3e 50%,#2d2e2d 51%,#2f2f2f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232625', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
}

.btn_style3_2{padding:5px 5px;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:0 0 1px #484848;font-size:13px; border:1px solid #ececec; font-weight:300;
background: #232625; /* Old browsers */
background: -moz-linear-gradient(top,  #232625 0%, #3b3f3e 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232625), color-stop(50%,#3b3f3e), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
background: linear-gradient(to bottom,  #232625 0%,#3b3f3e 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232625', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}

.btn_style4{padding:5px 5px;width:50%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;text-shadow:0 0 1px #fff;font-size:11px; border:1px solid #ececec; font-weight:600;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.btn_style5{padding:5px 5px;width:100%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;text-shadow:0 0 1px #fff;font-size:12px; border:1px solid #ececec; font-weight:600;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.btn_style6{padding:5px 5px;width:20%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;text-shadow:0 0 1px #fff;font-size:11px; border:1px solid #ececec; font-weight:600;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.btn_style6_0{padding:5px 5px; border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;text-shadow:0 0 1px #fff;font-size:11px; border:1px solid #ccc; font-weight:600;
background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.btn_style6_1{padding:5px 8px; border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;font-size:11px; border:1px solid #0e69a8; font-weight:600;
background:#178ed2; /* Old browsers */
background: -moz-linear-gradient(top,  #178ed2 0%, #23a1d7 50%, #36b6e2 51%, #147db8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#178ed2), color-stop(50%,#23a1d7), color-stop(51%,#36b6e2), color-stop(100%,#147db8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #178ed2 0%,#23a1d7 50%,#36b6e2 51%,#147db8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178ed2', endColorstr='#147db8',GradientType=0 ); /* IE6-9 */}

.btn_style7{padding:5px 5px;width:20%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;font-size:11px; border:1px solid #5b5b5b; font-weight:600;
background: #717171; /* Old browsers */
background: -moz-linear-gradient(top,  #717171 0%, #7e7e7e 50%, #5b5b5b 51%, #717171 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(50%,#7e7e7e), color-stop(51%,#5b5b5b), color-stop(100%,#717171)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* IE10+ */
background: linear-gradient(to bottom,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#717171',GradientType=0 ); /* IE6-9 */}

.btn_style7_1{padding:5px 8px;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#fff;font-size:11px; border:1px solid #5b5b5b; font-weight:600;
background: #717171; /* Old browsers */
background: -moz-linear-gradient(top,  #717171 0%, #7e7e7e 50%, #5b5b5b 51%, #717171 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(50%,#7e7e7e), color-stop(51%,#5b5b5b), color-stop(100%,#717171)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* IE10+ */
background: linear-gradient(to bottom,  #717171 0%,#7e7e7e 50%,#5b5b5b 51%,#717171 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#717171',GradientType=0 ); /* IE6-9 */}

.btn_style8{padding:5px 5px;width:20%;border:0;border-radius:3px;outline:0;font-family:'Nanum Gothic',sans-serif;display:inline-block;text-align:center;color:#222;text-shadow:0 0 1px #1d437d;font-size:11px; border:1px solid #1d437d; font-weight:600;
background: #526dba; /* Old browsers */
background: -moz-linear-gradient(top,  #526dba 0%, #1d437d 50%, #2d4fb2 51%, #526dba 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#526dba), color-stop(50%,#526dba), color-stop(51%,#2d4fb2), color-stop(100%,#526dba)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #526dba 0%,#1d437d 50%,#2d4fb2 51%,#526dba 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #526dba 0%,#1d437d 50%,#2d4fb2 51%,#526dba 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #526dba 0%,#1d437d 50%,#2d4fb2 51%,#526dba 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff526dba 0%,#1d437d 50%,#2d4fb2 51%,#526dba 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526dba', endColorstr='#526dba',GradientType=0 ); /* IE6-9 */}


/*input*/
input[type="radio"] {display:none;}
input[type="radio"] + label {color:#f2f2f2;font-family:Arial, sans-serif;}
input[type="radio"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../image/check_radio_sheet1.png) -48px top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../image/check_radio_sheet1.png) -72px top no-repeat;
}

input[type="checkbox"] {display:none; position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type="checkbox"] + label {color:#f2f2f2;font-family:Arial, sans-serif;}
input[type="checkbox"] + label span {
    padding-left:27px;
	height:26px; 
	display:inline-block;
	line-height:26px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:26px;
	vertical-align:middle;
	cursor:pointer;    
    /*background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_cc5c7a8c1727e75f2de9c422739d0ad5.png);*/
	/*background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f9cd24720ba297ae6ef9837e28ecb8ce.png);*/
	background-image:url(../image/csscheckbox.png);
}
input[type="checkbox"]:checked + label span {
	background-position: 0 -26px;
    /*background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_cc5c7a8c1727e75f2de9c422739d0ad5.png);*/
	/*background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f9cd24720ba297ae6ef9837e28ecb8ce.png);*/
	background-image:url(../image/csscheckbox.png);
}

.input_style1{padding:10px;width:100%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.input_style2{padding:10px;width:45%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.input_style3{padding:8px;width:95%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.input_style4{padding:10px;width:65%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:left;}

.input_style5{padding:10px;width:34.5%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;
-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:right;}

.input_style6{padding:10px;width:30%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:left;}

.input_style7{padding:10px;width:30%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:left;margin-left:10px;}

.input_style8{padding:10px; width:90%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); vertical-align:middle;}

.input_style9{padding:10px;width:90%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}


.textarea_style1{padding:10px;width:100%; height:100px; font-size:13px; border:1px solid #ececec;border-radius:5px;color:#555;box-sizing:border-box;
-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); margin-top:10px}

.textarea_style2{padding:10px;width:98%; height:100px; font-size:13px; border:1px solid #ececec;border-radius:5px;color:#555;box-sizing:border-box;
-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); margin:0 auto;}

.textarea_style3{padding:10px;width:100%; height:100px; font-size:13px; border:1px solid #ccc; border-radius:5px;color:#555;box-sizing:border-box;
-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.textarea_style4{padding:10px;width:100%; height:250px; font-size:13px; border:1px solid #ccc; border-radius:5px;color:#555; box-sizing:border-box;
-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}


.select_style{padding:10px; width:100%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); display:block; margin-bottom:5px;}

.select_style1{padding:10px; width:98%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); display:block; margin-bottom:5px;}

.select_style2{padding:10px; width:20%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); display:block; margin-bottom:5px;}

.select_style3{padding:10px; width:20%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:left; margin-left:10px;}

.select_style4{padding:10px; width:70%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:left; margin-left:10px;}

.select_style5{padding:10px; width:26%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:left;}

.select_style6{padding:10px; width:20%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.select_style7{padding:10px; width:15%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:left; display:block;}

.select_style8{padding:10px; width:84.5%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);display:block; float:right;}

.select_style9{padding:10px; width:100%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.select_style10{padding:10px; width:66%; font-size:13px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); float:right; margin-left:10px;}

.select_style11{padding:8px; width:46%; font-size:12px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.select_style12{padding:8px; width:26.6%; font-size:12px; border:1px solid #bbb;border-radius:5px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

.select_style13{padding:3px; font-size:12px; border:1px solid #bbb;border-radius:3px;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%);}

/*-----------upload_box*/
.upload_box {position:absolute;left:50%;margin-left:-150px;top:50%;width:300px; border:1px solid #dfdfdf; border-radius:5px;padding:5px;display:none;background:#fff;}
.upload_box h1 {
    margin:0; padding:5px 0; font:bold 16px/20px "nanum gothic"; color:#fff; text-align:center; 
    background-image: -webkit-gradient(linear, left top, left bottom,	color-stop(0.36, #4e8cd1), color-stop(1, #2c6cb4));
    background-image: -o-linear-gradient(bottom, #4e8cd1 36%, #2c6cb4 100%);
    background-image: -moz-linear-gradient(bottom, #4e8cd1 36%, #2c6cb4 100%);
    background-image: -webkit-linear-gradient(bottom, #4e8cd1 36%, #2c6cb4 100%);
    background-image: -ms-linear-gradient(bottom, #4e8cd1 36%, #2c6cb4 100%);
    background-image: linear-gradient(to bottom, #4e8cd1 36%, #2c6cb4 100%);
}
.upload_box p {font:normal 13px/14px "nanum gothic"; color:#000; text-align:center; padding:40px 0; background:url(./img/folder.png) center 20px no-repeat;}
.upload_box > span {display:block; width:100%; text-align:center; margin-bottom:20px;}
.upload_btn {border:1px solid #efefef; width:94%;}

.btn_box {padding:5px; background:#eeeeee; overflow:hidden;}
.btn_list {float:right; font-size:0; line-height:0;}
.btn_list li {display:inline-block;}
.btn_list li > span {min-width:30px; display:block; font:normal 12px/12px "nanum gothic"; padding:5px; margin-right:5px; text-align:center;}
.btn_list li > span  a {color:#fff;}
.btn_list li:first-child > span {background:#7aa0cb;}
.btn_list li:last-child > span {background:#afafaf;}
/*-----------upload_box*/

/* 요람인트로 */
#intro_content {width:96%; padding:2% 2% 20%; background:#190858;}
.yoram_title {font-size:20px; line-height:50px; color:#fff; font-weight:300; text-align:center; margin-bottom:10px;}
.yoram_list {overflow:hidden;}
.yoram_list li {width:48%; margin:1%; float:left;}
.yoram_list li a {display:block; text-align:center; padding:15px 0;}
.yoram_list li a img {width:60%; display:block; margin:0 auto 10px;}
.yoram_list li a span {display:block; font-size:16px; line-height:16px; font-weight:600; color:#fff;}

.yoram_list li:first-child a {background:#954898;}
.yoram_list li:nth-child(2) a {background:#355cab;}
.yoram_list li:nth-child(3) a {background:#57ae46;}
.yoram_list li:nth-child(4) a {background:#07a5e2;}
.yoram_list li:nth-child(5) a {background:#d65b2f;}
.yoram_list li:nth-child(6) a {background:#b72049;}
.yoram_list li:nth-child(7) a {background:#685ca8;}
.yoram_list li:nth-child(8) a {background:#9b499b;}
.yoram_list li:nth-child(9) a {background:#06a9e4;}
.yoram_list li:nth-child(10) a {background:#385a92;}
.yoram_list li:nth-child(11) a {background:#51cd39;}
.yoram_list li:last-child a {background:#dea700;}

/* 관리자인트로 */
.admin_today {width:98%; margin:0 auto 1%; background:#1399d8;}
.today_tit {font-size:20px; line-height:40px; color:#fff; padding:0 4%; margin-bottom:10px; background:#13d8b5;}
.today_birth,.today_plan {width:92%; padding:0 4%; position:relative;}
.today_birth h3,.today_plan h3 {font-size:16px; line-height:20px; color:#fff; padding:10px 0; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.birth_list,.plan_list {padding:10px 0;}
.birth_list {margin-bottom:10px;}
.birth_list li,.plan_list li {font-size:14px; line-height:20px; color:#fff;}
.list_more {position:absolute; top:10px; right:4%;}

.admin_list {overflow:hidden;}
.admin_list li {width:48%; margin:1%; float:left;}
.admin_list li a {display:block; text-align:center; padding:15px 0;}
.admin_list li a img {width:60%; display:block; margin:0 auto 10px;}
.admin_list li a span {display:block; font-size:16px; line-height:16px; font-weight:600; color:#fff;}

.admin_list li:nth-child(1) {background:#48d39d;}
.admin_list li:nth-child(2) {background:#e6a314;}
.admin_list li:nth-child(3) {background:#954898;}
.admin_list li:nth-child(4) a {background:#355cab;}
.admin_list li:nth-child(5) a {background:#57ae46;}
.admin_list li:nth-child(6) a {background:#07a7e3;}
.admin_list li:nth-child(7) a {background:#d65b2f;}
.admin_list li:nth-child(8) a {background:#b8214a;}
.admin_list li:nth-child(9) a {background:#685ca8;}
.admin_list li:nth-child(10) {background:#9b499b;}

#floating_bar{
    background:#eee;
    height: 122px;
    position: fixed;
    bottom: -122px;
    left: 0;
    z-index: 1;
    width: 100%;
    display:none;
}
#floating_bar.fixed{display:block;}