@charset "utf-8";   
@import url(font.css);
/**@import url(button.css);**/

* { 
	-webkit-box-sizing:border-box;  
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}   

/* reset */ 
html, body {margin:0;padding:0;height:100%;-webkit-text-size-adjust:none;font-size:12px;line-height:1.4;color:#727171;font-family:'Malgun Gothic',sans-serif;font-weight:400}   
dl,dt,dd,ul,ol,li,h1,h2,h4,h5,h6,pre,form,fieldset,input,textarea,p,tbody,tfoot,thead,th,td {margin:0;padding:0} 
table{border-spacing:0;border-collapse:collapse}
select,input,label{display:inline-block;vertical-align:middle}
select{margin:0}
ol,ul ,li{list-style:none}  
h1,h2,h4,h5,h6{font-size:100%}   
h3 {display:block; padding:14px 20px; font-size:15px; color:#555; border-bottom:1px solid #d6d6d6; background:#17a7b4;color : white} /*linear-gradient(to right,#17a7b4 -5% , #fff 30% ) fixed*/
h3 .topimg{width:25px ;height:25px;margin-bottom: -7px}
img, fieldset{border:0 none}
a{outline:none;display:inline-block;vertical-align:middle;zoom:1;*display:inline;color:inherit;cursor:pointer}
a:link,a:visited{text-decoration:none;color:inherit}
a:hover,a:active{text-decoration:none;color:inherit}
button{background:transparent;border:1px solid #0072bc;position:relative;color:inherit;text-align:center;cursor:pointer}
button::-moz-focus-inner{padding:0;}
input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none}  

input[type=number]{text-align:right}
input[type=radio], input[type=checkbox]{border:0;}   
textarea{padding:20px;resize:none}
input, textarea, button, select{color:#666;font-size:15px;font-family:'Malgun Gothic',sans-serif}  

::selection{background:#0072bc;color:#fff;text-shadow:none} 
::-moz-selection{background:#0072bc;color:#fff;text-shadow:none}
::-webkit-selection{background:#0072bc;color:#fff;text-shadow:none} 
.input:-webkit-autofill,
.input:-webkit-autofill:hover,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
.input:disabled{background-color:#fff}
.select:disabled{background-color:#fff}
.textarea:disabled{background-color:#fff}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} 

.label{height:20px;line-height:20px;padding:15px 0} 
.input{color:#4f4f4f;box-shadow:none !important;outline-style:none;border:1px solid #b8b8b8;outline:1px solid rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;text-indent:0;padding:0 10px;margin:0;vertical-align:middle;font-size:12px;font-weight:700;line-height:25px;height:25px}  
.input:focus{outline:1px solid rgba(0,0,0,0);border:1px solid #b8b8b8}

.textarea:focus{outline:1px solid rgba(0,0,0,0);border:1px solid #b8b8b8}
.textarea{color:#4f4f4f;box-shadow:none !important;outline-style:none;border:1px solid #b8b8b8;outline:1px solid rgba(0,0,0,0);margin:0;vertical-align:middle;line-height:20px;padding:10px}

.select{color:#666;box-shadow:none !important;outline-style:none;border:1px solid #b8b8b8;outline:1px solid rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;text-indent:0;margin:0;vertical-align:middle;font-size:14px;line-height:25px;height:25px;min-width:105px;padding:0 30px 0 10px;background:#fff url(../img/frm-select-down.png) no-repeat right center} 
.select::-ms-expand{opacity:0;} 
.select:focus{outline:1px solid rgba(0,0,0,0);background-image:url(../img/frm-select-up.png)} 

.radio{position:absolute;left:0;top:0;visibility:hidden;width:100%;height:100%;outline:none !important}
.radio-lb{display:inline-block;line-height:15px;font-size:15px;padding:5px 10px 5px 24px;position:relative;height:25px}
.radio-lb:after{content:"";display:block;height:12px;width:12px;border:1px solid #b8b8b8;background-color:#fff;position:absolute;left:0px;top:50%;margin-top:-8px;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:16px}
.radio-lb.checked:after{background:#fff url(../img/frm-radio-chk.png) center;}

/** 글씨색 color:#4f4f4f; 글시굵기 font-weight:700; **/
.checkbox-lb{display:inline-block;line-height:15px;font-size:15px;padding:5px 10px 5px 24px;position:relative;height:25px}
.checkbox{display:none;left:0;}
.checkbox-lb:after{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-8px;outline:1px solid rgba(0,0,0,0);border:1px solid #b8b8b8 !important;background-color:#fff;background-position:left center;background-repeat:no-repeat;width:12px;height:12px;padding:0}
.checkbox-lb.checked:after{background:#fff url(../img/frm-check.png) center; }

.toggle-switch-frm{position:relative;height:27px;}
.toggle-switch-frm .label{display:block;position:relative;font-size:12px;line-height:17px;padding:5px 60px 5px 0;height:27px}
.toggle-switch-frm .label:after{content:"";display:block;position:absolute;right:0;top:0;height:25px;width:48px;border:1px solid #727171;background:#fff;
border-radius:48px;-webkit-border-radius:48px;-moz-border-radius:48px;-ms-border-radius:48px;}
.toggle-switch-frm .toggle-switch{outline:none !important;position:absolute;right:4px;top:3px;height:21px;width:42px;display:block}
.toggle-switch-frm .toggle-switch:after{content:"";display:block;width:21px;height:21px;display:block;background:#727171;position:absolute;top:0;left:0;
border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px}
.toggle-switch-frm.checked .toggle-switch:after{left:21px;background:#0072bc}
.toggle-switch-frm.checked .label:after{border-color:#0072bc}
.toggle-switch-frm.checked .label{color:#0072bc}

.sbtn:active, .sbtn:focus{outline:1px solid rgba(0,0,0,0);border:1px solid #002f6d} 
.ic{display:inline-block;background-repeat:no-repeat;background-position:center}
.link{text-decoration:underline;display:inline-block} 
.blue-text{color:#536dfe !important;font-weight:700}
.orange-text{color:#002f6d !important;font-weight:700}
.mint-text{color:#04b9c2 !important;font-weight:700}

.wrap{width:100%;margin:0 auto;position:relative} 
.wrap:after{content:"";display:block;height:0;clear:both}   

.hidden{position:absolute;left:-9999px;width:0;height:0;display:block}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}



a,
span{transition:all .2s linear;-webkit-transition:all .2s linear;}
.toggle-switch:after{transition:left .1s linear;-webkit-transition:left .1s linear;}

/*wrapper*/
#wrapper{position:absolute;padding:0 0 0 230px;left:0;right:0;bottom:0;top:0}

/*header*/
#header{position:absolute;top:0;left:0;width:100%;height:50px;background:#fff;border-bottom:1px solid #dadada;overflow:hidden}
#utils{position:absolute;right:0;height:50px}
#utils li{float:left;border-right:1px solid #dadada}
#utils li a{display:block;padding:15px 25px;height:49px;color:#000;font-size:14px;line-height:20px;font-weight:700}
#utils li a.ictxt{padding-left:50px}
#utils li a.ictxt img{position:absolute;left:25px;top:15px}
#utils li a img{display:block}
#utils li a.icbtn{width:50px;padding:15px}
#utils li a.icbtn img{float:none}
#utils li a:hover,
#utils li a:active{background:#f4f4f4}

/*nav*/
#nav{position:fixed;left:0;width:230px;background:#fff;top:0;height:100%;bottom:0;z-index:5;}

#nav_depth1{position:absolute;left:0;width:90px;background:#17a7b4;top:0;bottom:0;height:103%; overflow:auto;}
ul.nav{position:relative;padding:30px 0;}
ul.nav li{height:70px;position:relative;width:70px}
ul.nav li a{display:block;padding:44px 0 0;height:70px}
ul.nav .selected{background:#d97125} 
ul.nav a:hover, 
ul.nav a:active{background:#42b7be}
ul.nav .selected:hover, 
ul.nav .selected:active{background:#e77725}
ul.nav li a img{display:block;position:absolute;left:50%;margin-left:-15px;top:12px}
ul.nav li a span{display:block;text-align:center;font-size:11px;line-height:16px;color:#fff}

#nav_depth2{position:absolute;left:70px;width:178px;background:#354052;top:0;bottom:0;}
ul.submenu{padding:50px 0 0;position:relative;width:100%;border-bottom:1px solid #3e4958; overflow:auto;}
ul.submenu:after{content:"";display:block;width:100%;left:0;height:2px;position:absolute;background:#2c3848;top:48px}
ul.submenu li{position:relative;width:100%}
ul.submenu li a{display:block;width:100%;color:#dbe5f4;border-top:1px solid #3e4958;border-bottom:2px solid #2c3848;font-size:12px;padding:15px 25px 14px;line-height:18px}
ul.submenu .selected{background:#30394a;color:#fefefe;font-weight:600}
ul.submenu a:hover, 
ul.submenu a:active{background-color:#30394a}
ul.submenu.min a{padding-top:10px;padding-bottom:9px}
/*footer*/
#footer{position:absolute;bottom:0;left:0;width:100%;height:50px}
.copyright{padding:20px 20px 0}
.copyright img{display:block}

/*container*/
#container{position:fixed;bottom:0;left:230px;right:0;top:0}
#scroller{position:absolute;bottom:0;left:0;right:0;top:50px;scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #59ADBB; scrollbar-track-color: #FFFFFF; scrollbar-3dlight-color: #59ADBB; scrollbar-darkshadow-color: #59ADBB; overflow-x:auto;}
#divContent{margin-top:10px;position:relative;width:100%;min-height:90%;padding:0px 30px;}

/*divContent*/
#divContent .bt{color:#878787;float:left;box-shadow:none !important;outline-style:none;-webkit-appearance:none;-moz-appearance:none;text-indent:0;vertical-align:middle;font-size:11px;line-height:16px;font-weight:700;display:block;padding:5px 20px;height:26px;border:1px solid #b8b8b8;
border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;margin:0 10px 0 0;}

/*div 겹치기 */
.wrap { position:relative; margin:0 auto;}
.over { position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;background: rgba(255, 255, 255,0.5 )}




/*버튼 */
/* 수정 */
#divContent .bt-update {	text-decoration:none;font-family:'Malgun Gothic';text-indent:0px;border-radius:5px;text-align:center;vertical-align:middle;display:inline-block;font-size:14px;color:#878787;width:70px;height:30px;padding:3px;border : 2px solid #dadada}
#divContent .bt-update:active {box-shadow:inset #2F9D27 0px 5px 19px 0px,#d6d6d6 0px 0 2px;o-box-shadow:inset #2F9D27 0px 5px 19px 0px,#d6d6d6 0px 0 2px;-moz-box-shadow:inset #2F9D27 0px 5px 19px 0px,#d6d6d6 0px 0 2px;-webkit-box-shadow:inset #2F9D27 0px 5px 19px 0px,#d6d6d6 0px 0 2px;position:relative;top:3px}
#divContent .bt-update:hover {background:#fff;border : 2px solid #2F9D27;color: #2F9D27}
/* 삭제 */
#divContent .bt-delete {text-decoration:none;font-family:'Malgun Gothic';text-indent:0px;border-radius:5px;text-align:center;vertical-align:middle;display:inline-block;font-size:14px;color:#878787;width:70px;height:30px;padding:3px;border : 2px solid #dadada}
#divContent .bt-delete:active {box-shadow:inset #980000 0px 5px 19px 0px,#d6d6d6 0px 0 2px;o-box-shadow:inset #980000 0px 5px 19px 0px,#d6d6d6 0px 0 2px;-moz-box-shadow:inset #980000 0px 5px 19px 0px,#d6d6d6 0px 0 2px;-webkit-box-shadow:inset #980000 0px 5px 19px 0px,#d6d6d6 0px 0 2px;position:relative;top:3px}
#divContent .bt-delete:hover {background:#fff;color: #980000;border : 2px solid #980000}
/* 저장 */
#divContent .bt-insert {text-decoration:none;font-family:'Malgun Gothic';text-indent:0px;border-radius:5px;text-align:center;vertical-align:middle;display:inline-block;font-size:14px;color:#878787;	width:70px;	height:30px; padding:3px; border : 2px solid #dadada}
#divContent .bt-insert:active {box-shadow:inset #003399 0px 5px 19px 0px,#d6d6d6 0px 0 2px; o-box-shadow:inset #003399 0px 5px 19px 0px,#d6d6d6 0px 0 2px; -moz-box-shadow:inset #003399 0px 5px 19px 0px,#d6d6d6 0px 0 2px; -webkit-box-shadow:inset #003399 0px 5px 19px 0px,#d6d6d6 0px 0 2px; position:relative; top:3px}
#divContent .bt-insert:hover {background:#fff; color: #2457BD; border : 2px solid #2457BD}
/*기타*/
#divContent .bt-ex {text-decoration:none; font-family:'Malgun Gothic'; text-indent:0px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block; font-size:14px; color:#878787; width:65px; height:25px; padding:2px; border : 1px solid #dadada}

#divContent .bt-ex:hover {
background:#fff; 
color: #d97125;
 border : 1px solid #d97125}

#divContent .bt-group{ text-decoration:none; font-family:'Malgun Gothic'; /*background:#BA602B;*/ text-indent:0px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block; font-size:14px; color:#878787; width:65px; height:25px; padding:2px; border : 1px solid #dadada; float:left}
/*선택*/
#divContent .bt-select { text-decoration:none; font-family:'Malgun Gothic'; background:#17a7b4; text-indent:0px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block; font-size:14px; color:#fff; width:65px; height:25px; padding:2px; border : 1px solid #17a7b2 }
/** temple **/
#divContent .bt-templete { text-decoration:none; font-family:'Malgun Gothic'; /*background:#BA602B;*/ text-indent:0px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block; font-size:14px; color:#878787; width:70px; height:25px; padding:4px; margin-bottom:5px;	border : 1px solid #dadada }
/*작은아이콘*/
#divContent .bt-mini { text-decoration:none;	font-family:'Malgun Gothic';	background:#008299;	text-indent:0px; -moz-border-radius:35px; -webkit-border-radius:35px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block; font-size:12px; color:#ffffff; width:auto; height:23px; padding:5px;}
#divContent .bt-mini:active { box-shadow:inset #008299 0px 5px 19px 0px,#d6d6d6 0px 0 2px; o-box-shadow:inset #008299 0px 5px 19px 0px,#d6d6d6 0px 0 2px; -moz-box-shadow:inset #008299 0px 5px 19px 0px,#d6d6d6 0px 0 2px; -webkit-box-shadow:inset #008299 0px 5px 19px 0px,#d6d6d6 0px 0 2px; position:relative; top:3px }
#divContent .bt-mini:hover { background:#3DB7CC; }


#divContent .fill-bt{float:left;box-shadow:none !important;outline-style:none;-webkit-appearance:none;-moz-appearance:none;text-indent:0;vertical-align:middle;font-size:11px;line-height:16px;font-weight:700;display:block;padding:5px 20px;height:26px;border:1px solid #fff;background:#2457BD;color:#fff;
border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;margin:0 10px 0 0}
#divContent .empty-bt{float:left;box-shadow:none !important;outline-style:none;-webkit-appearance:none;-moz-appearance:none;text-indent:0;vertical-align:middle;font-size:11px;line-height:16px;font-weight:700;display:block;padding:5px 20px;height:26px;border:1px solid #42b7be;background:#fff;color:#42b7be;
border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;margin:0 10px 0 0}
#divContent .bt-center{color:#878787;width:150px;box-shadow:none !important;outline-style:none;-webkit-appearance:none;-moz-appearance:none;text-indent:0;vertical-align:middle;font-size:11px;line-height:16px;font-weight:700;padding:5px 20px;height:26px;border:1px solid #b8b8b8;
border-radius:5px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;margin:0 10px 0 0}
#divContent .bt-center-1{color:#878787;width:150px;box-shadow:none !important;outline-style:none;-webkit-appearance:none;-moz-appearance:none;text-indent:0;vertical-align:middle;font-size:11px;line-height:16px;font-weight:700;padding:5px 20px;height:26px;border:1px solid #b8b8b8;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;margin:0 10px 0 0}


#divContent .btn-group{width:100%;padding-bottom:8px;padding-top:8px;font-size: 15px}
#divContent .btn-group:after{content:"";display:block;height:0;clear:both}
#divContent .btn-group .bt, #divContent .btn-group .fill-bt, #divContent .btn-group .empty-bt{float:right;height:30px;font-size:12px;padding:6px 24px 8px;margin:0 0 0 7px}
#divContent .btn-group .fill-bt, #divContent .btn-group .empty-bt{width:84px;text-align:center;padding-left:0;padding-right:0}

#divContent .btn-group .lf{float:left}
#divContent .btn-group .lr{float:right}
#divContent .btn-group .lc{text-align:center}
#divContent .btn-group .lf-txt{float:left;text-align:center;color:#476187;font-size:15px;line-height:17px;padding:4px 7px;display:block}

#divContent .list-top{width:100%;padding-bottom:8px}
#divContent .list-top:after{content:"";display:block;height:0;clear:both}
#divContent .list-top .select{float:left;margin:0 10px 0 0}
#divContent .list{width:100%;padding-bottom:8px}
#divContent .list2{width:100%;padding-bottom:8px}
#divContent .img-down{table-layout:fixed;width:100%;margin:20px 0;border:1px solid #dadada}

#divContent .iframe{border: 1px solid rgb(218, 218, 218); border-image: none; width: 100%;HEIGHT:400PX;MARGIN-TOP: 5; MARGIN-BOTTOM: 5;}
#divContent .iframe-group{border: 1px solid #FFF; border-image: none; width: 100%; HEIGHT:300PX;MARGIN-TOP: 5; MARGIN-BOTTOM: 5;}
#divContent	.iframe-screen{border:0px;width:100%;height:100%;overflow:auto;}
#divContent	.iframe-out{border:0px;width:0px;height:0px}
#divContent	.iframe-DB{border: 1px solid #FFF; border-image: none; width: 100%; HEIGHT:250PX;MARGIN-TOP: 5; MARGIN-BOTTOM: 5;}
#divContent .iframe_temple{border: 1px solid rgb(218, 218, 218); border-image: none; width: 100%;HEIGHT:750PX;MARGIN-TOP: 5; MARGIN-BOTTOM: 5;}

/** 3단분할 **/
#divContent .list-top-3div{width: 100%;text-align: center;display: inline-block;margin-top:10px}
#divContent .list-top-3div .span-lr{float:right;}
#divContent .list-top-3div .span-center{margin:0 auto;}
#divContent .list-top-3div .span-lf{float:left;}




.edit{table-layout:fixed;width:100%;margin:20px 0}
/*.edit th{vertical-align:middle;background:#F3F3F3;text-align:center;color:#476187;font-size:12px;padding:4px 7px}*/
.edit th{vertical-align:middle;background:#F3F3F3;text-align:center;font-size:13.5px;padding:4px 7px}
.edit th, .edit td{padding:13px 10 12px;border-top:1px solid #e8e8e8;font-size:14px}
.edit tr:first-child th, .edit tr:first-child td{border-top:none; }
.edit .subj-txt{text-align:center;color:#476187;font-size:12px;line-height:17px;padding:4px 7px;display:block}
.edit .ex-txt{text-align:left;color:#476187;font-size:12px;line-height:17px;padding:4px 7px;display:block}
.edit .lf{float:left;padding-bottom:8px;padding-top:8px;display:}
.edit .lr{float:right;padding-bottom:8px;padding-top:8px}

.list{table-layout:fixed;width:100%;margin:20px 0}
.list th{vertical-align:middle;background:#F3F3F3;border-top:1px solid #e8e8e8}
.list th, .list td{padding:13px 0 12px;border-bottom:1px solid #e8e8e8;text-align:center;}
.list .top{border-top:1px solid #e8e8e8}

/** 월간 달력**/
.list3{table-layout:fixed;width:100%;margin:20px 0}
.list3 th{vertical-align:middle;background:#F3F3F3;border:1px solid #e8e8e8}
.list3 th, .list3 td{padding:13px 0 12px;border:1px solid #e8e8e8;text-align:center;font-size:14px}

/** group list**/
.list4{table-layout:fixed;width:100%;margin:10px 0;font-family:'Malgun Gothic';}
.list4 th{vertical-align:middle;background:#F3F3F3;border:1px solid #e8e8e8}
.list4 th, .list4 td{padding:5px 0 4px;border:1px solid #e8e8e8;text-align:center;font-size:13px}

/** survey list**/
.list5{table-layout:fixed;width:100%;margin:10px 0}
.list5 th{vertical-align:middle;background:#F3F3F3;padding:5px 0 4px;border:1px solid #e8e8e8;text-align:center;font-size:13px}
.list5 td{padding:5px ;border:1px solid #e8e8e8;text-align:left;font-size:13px}

/** GROUP DB TABLE**/
.list2{table-layout:fixed;width:100%;margin:0x 0}
.list2 th{vertical-align:middle;background:#F3F3F3;border-top:1px solid #e8e8e8;padding:5px 0 5px;border-bottom:1px solid #e8e8e8;text-align:center}
.list2 td{padding:5px 0 5px;border-bottom:1px solid #e8e8e8;text-align:left;}
.list2 .top{border-top:1px solid #e8e8e8}


.frm-box{width:100%;padding:10px 10px 10px;margin-bottom:10px; border:1px solid #dadada;}
.frm-box .inner-tb{table-layout:fixed;width:100%}
.frm-box .inner-tb th, .edit .inner-tb td{border:none;padding:5px 0 0}
.frm-box .inner-tb tr:first-child th, .edit .inner-tb tr:first-child td{padding-top:0}

/** 경상 **/
.list-top .dash{width:18px;display:block;float:left;font-size:11px;line-height:17px;padding:4px 0;height:25px;text-align:center;position:relative;top:2px}
.list-top .inlb{display:block;float:left;font-size:11px;line-height:17px;padding:4px 0;font-weight:700;margin-right:10px;}

.frm-box .dash{width:18px;display:block;float:left;font-size:11px;line-height:17px;padding:4px 0;height:25px;text-align:center;position:relative;top:2px}
.frm-box .input{display:block;width:98%;float:left;margin 5 auto; border-style:doudle; font-size:9pt; color:#000; border-color:b #000; border-width:1}
.frm-box .input-haf{display:block;width:100%;float:left;margin 5 auto; border-style:doudle; font-size:9pt; color:#000; border-color:#e8e8e8; border-width:1}
.frm-box .input-bk{width:100%;float:left;margin 5 auto; border-style:doudle; font-size:9pt; color:#000; border-color:#e8e8e8; border-width:1}
.frm-box .input-width{display:block;width:80%;float:left;margin 5 auto; border-style:doudle; font-size:9pt; color:#000; border-color:#e8e8e8; border-width:1}
.frm-box .select-width{display:block;width:80%;float:left;}

.frm-box .wauto{width:auto !important;margin-left:5px; color:#666;box-shadow:none !important;outline-style:none;border:1px solid #b8b8b8;outline:1px solid rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;text-indent:0;margin:0;vertical-align:middle;font-size:14px;line-height:25px;height:25px;min-width:105px;padding:0 30px 0 10px;background:#fff url(../img/frm-select-down.png) no-repeat right center}
.frm-box .wauto::-ms-expand{opacity:0;} 
.frm-box .wauto:focus{outline:1px solid rgba(0,0,0,0);background-image:url(../img/frm-select-up.png)} 

.frm-box .inlb{display:block;float:left;font-size:11px;line-height:17px;padding:4px 0;font-weight:700;margin-left:10px;}
.frm-box .icon{float:left;font-size:11px;line-height:17px;padding:4px 0;font-weight:700;vertical-align:middle; top:2px;margin-right:5px;}
.frm-box .blank{display:block;float:left;width:40px;height:25px}
.frm-box .desc-txt{display:block;font-size:11px;color:#6f7e95;line-height:17px}
.frm-box .frm-block{float:left;padding-right:20px}
.frm-box .textarea{width:100%;height:200px}
.frm-box .textarea2{width:100%;height:80px;border:1px solid #e8e8e8;}
.frm-box .ex-txt{text-align:left;color:#476187;font-size:12px;line-height:17px;padding:4px 7px;display:block}
.frm-box .day-txt{text-align:center;color:#476187;font-size:16px;line-height:17px;padding:4px 7px;display:block}
.frm-box .inlb_center{display:block;font-size:11px;line-height:17px;padding:4px 0;font-weight:700;margin-left:10px; width:100%; text-align:center}
.frm-box .dash_center{width:18px;font-size:11px;line-height:17px;padding:4px 0;height:25px;top:2px}




/** infomailer **/
/* 탭 #17a7b4 */
.tab {font-family: Malgun Gothic;font-size: 11px;color: #fff; font-weight: bold; line-height:30px}
.tab_disabled  {font-family: Malgun Gothic;font-size: 11px;color: #B5B5B5;font-weight: bold;}
a.tab:link    {color: #fff; font-family: Malgun Gothic font-size:11px; text-decoration: none; font-weight:bold;}
a.tab:visited {color: #fff; font-family: Malgun Gothic font-size:11px; text-decoration: none; font-weight:bold;}
a.tab:active  {color: #fff; font-family: Malgun Gothic font-size:11px; text-decoration: none; font-weight:bold;}
a.tab:hover   {color: #fff; font-family: Malgun Gothic font-size:11px; text-decoration: none; font-weight:bold;}

#click_tab1 td {background:#d97125; margin-right:1px; color:#fff;height:30px}
#click_tab2 td {background:#d97125; margin-left:1px; color:#fff;height:30px}
#click_tab3 td {background:#d97125; margin-left:1px; color:#fff;height:30px}
#click_tab4 td {background:#d97125; margin-left:1px; color:#fff;height:30px}
#click_tab5 td {background:#d97125; margin-left:1px; color:#fff;height:30px}
#click_tab6 td {background:#d97125; margin-left:1px; color:#fff;height:30px}
#click_tab7 td {background:#d97125; margin-left:1px; color:#fff;height:30px}
#click_tab8 td {background:#d97125; margin-left:1px; color:#fff;height:30px}
#tab1 {background:#17a7b4; margin-right:1px;height:30px}
#tab2 {background:#17a7b4; margin-left:1px;height:30px}
#tab3 {background:#17a7b4; margin-left:1px;height:30px}
#tab4 {background:#17a7b4; margin-left:1px;height:30px}
#tab5 {background:#17a7b4; margin-left:1px;height:30px}
#tab6 {background:#17a7b4; margin-left:1px;height:30px}
#tab7 {background:#17a7b4; margin-left:1px;height:30px}
#tab8 {background:#17a7b4; margin-left:1px;height:30px}
#click_tab1, #click_tab2, #click_tab3, #click_tab4, #click_tab5, #click_tab6, #click_tab7,#click_tab8{background:#d97125; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6;height:30px}
#tab1,#tab2, #tab3, #tab4, #click_tab5, #click_tab6,#click_tab7,#click_tab8 {background:#17a7b4; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6;height:30px}

.tab_style
{ border:1px solid #BABABA; background-color: #000000; color: #000000; cursor:pointer;}

/** 푸쉬 그룸**/
.list_div {
width: 100%;
border-bottom: 1px dotted #d6d6d6; padding:5px 0;}
.list_div span {
padding: 5px;
}


/** 파일박스 **/
.file_input label {
	font-family:'Malgun Gothic';
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
	border-radius:5px;
    width:70px;
    height:25px;
	padding:2px;
    background:#17a7b4;
    color:#fff;
    text-align:center;
    line-height:20px;
	font-size:12px;
	border:1px solid #dadada;
}

.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:400px;
    height:25px;
    line-height:28px;
    font-size:11px;
    padding:0;
    border:0;
    border:1px solid #b8b8b8;
}
.graph_table{border-spacing: 0px; border-collapse: collapse; border: 0px;} 


div.jqplot-data-label{color:#F3F3F3}

/** 설문조사 **/
.survey_table{border-spacing: 0px; border-collapse: collapse; border: 0px; text-align: center;} 
.t1_bg{background:#dddddd; font-size:9pt;}
.t1_cell{background:#ffffff; font-size:9pt;}

/* 카카오 */
.talkWindow{position:relative;float:left;width:400px;padding-bottom:60px;background:#a0c0d7;border-radius:8px;}
.talkWindow > .talkTit{width:100%;height:50px;font-size:19px;line-height:50px;text-align:center;font-family:men;color:#ffcc00;background:#578cae;border-radius:8px 8px 0 0;}
.talkWindow > .talkPerson{width:100%;height:40px;font-size:14px;text-align:center;line-height:40px;color:#fff;background:#b6d1e4;}
.talkWindow > .talkPerson img{width:20px;margin:0 2px 4px 6px ;}
.talkWindow > .talkPerson a{display:inline-block;width:68px;height:22px;font-size:13px;line-height:22px;color:#fff;background:#72a4c4;margin-left:28px;transition:all 0.3s;}
.talkWindow > .talkPerson a:hover{color:#333;background:#ffcc00;}

.talkWindow > div{position:relative;width:400px;padding:15px 56px 0;box-sizing:border-box;}
.talkWindow > div .pImgcon{position:absolute;left:10px;top:13px;width:38px;height:38px;}
.talkWindow > div .pName{margin-bottom:5px;line-height:17px;}

.talkWindow > div ul{width:292px;background:#fff;border-radius:5px;}
.talkWindow > div ul .liTempTit{width:100%;height:50px;font-size:16px;line-height:50px;text-align:center;background:#fae100;border-radius:5px 5px 0 0;}
.talkWindow > div ul .liTempTit img{width:17px;margin-bottom:5px;}
.talkWindow > div ul .liText{width:100%;padding:15px 15px 5px;box-sizing:border-box;}
.talkWindow > div ul .liText textarea{width:100%;height:270px;border:none;font-size:16px;}

.talkWindow > div ul .liRebuff{width:100%;padding-bottom:5px;font-size:16px;}
.talkWindow > div ul .liRebuff span{display:block;padding:0 15px;}
.talkWindow > div ul .liRebuff span:nth-of-type(2){padding-bottom:5px;}

.talkWindow > div .pTxtnum{margin-top:5px;text-align:right;}

.talkWindow > .talkBtn{position:absolute;left:0;bottom:0;width:100%;height:50px;}
.talkWindow > .talkBtn a{display:inline-block;width:50%;height:100%;font-size:18px;font-family:men;line-height:50px;text-align:center;background:#ffcc00;transition:all 0.3s;}
.talkWindow > .talkBtn a:first-child{border-radius:0 0 0 8px;border-right:1px solid #eee;box-sizing:border-box;}
.talkWindow > .talkBtn a:last-child{border-radius:0 0 8px 0;}
.talkWindow > .talkBtn a:hover{color:#fff;background:#ff6a12;}