@import url('//fonts.googleapis.com/css?family=Lato');
@import url('//fonts.googleapis.com/css?family=Prosto+One');	
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

html {
	color: #151b1e;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-decoration: none;
	font-size:12px;
	height:100%;
}

body{
	margin:0px;
	font-family: Lato,"Noto Sans KR", sans-serif;
	font-weight: 400;
	font-size:12px;
	height:100%;
}

::-webkit-input-placeholder {
	font-family: Lato,"Noto Sans KR", sans-serif;
	color: #536c79;
	padding-left:5px;
	font-size:12px;
} 
:-moz-placeholder {
	font-family: Lato,"Noto Sans KR", sans-serif;
	color: #536c79;
	opacity: 1;
	padding-left:5px;
	font-size:12px;
}
::-moz-placeholder {
	font-family: Lato,"Noto Sans KR", sans-serif;
	color: #536c79;
	opacity: 1; 
	padding-left:5px;
	font-size:12px;
}
:-ms-input-placeholder {
	font-family: Lato,"Noto Sans KR", sans-serif;
	color: #536c79; 
	padding-left:5px;
	font-size:12px;
}

label{cursor:pointer;font-size:12px}

a		{text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#f3721b;}

a.white			{text-decoration:none; color:#FFFFFF;}
a.white:hover	{text-decoration:none; color:#FFFFFF;}


form{margin:0;padding:0;display:inline;}
img,input[type="radio"],input[type="checkbox"],input[type="checkbox"],button { border : 0px; vertical-align:middle; }
.login_wrapper{position:absolute;top:50%;left:50%;margin-top:-225px;margin-left:-225px;width:450px;height:450px;}
.login_box{margin:0 auto;width:260px;height:400px;}
.login_box h1{margin-bottom:50px;padding-left:20px;font-size:28px;color:#303641;line-height:24px;letter-spacing:0;background:url('../../images/login_tit_bg01.png') no-repeat left center}
.login_box h1 p{padding-right:20px;text-align:center;background:url('../../images/login_tit_bg02.png') no-repeat right center}
.login_box h1 p span{display:block;font-size:14px;font-weight:normal;}
.login_box dl{position:relative;margin:0;padding:0}
.login_box dl dt{margin:0 0 5px 0;font-size:14px;color:#777}
.login_box dl dd{margin:0 0 20px 0;padding:0}
.login_box dl dd input[type="text"],.login_box dl dd input[type="password"]{padding:0 10px;height:35px;border:1px solid #dfdfdf}
.login_box dl dd.btn_login{position:absolute;right:5px;bottom:-5px;margin:0}
.login_box ul{margin-top:30px;padding:0}
.login_box ul li{margin:0 0 5px 0;padding:0;list-style:none;}
.login_box ul li a{color:#343a44;text-decoration:underline}

.login {
	display: inline-block;
	border-radius:4px;
	border: solid 1px #383838;
}
.login input{padding:3px 10px;background:none;font: 12px 'Noto Sans KR', Helvetica, serif;color: #d7d7d7;font-weight:bold;background: #353b45;background: -webkit-gradient(linear, left top, left bottom, from(#4d5156), top(#353b45));
	background: -moz-linear-gradient(top,  #4d5156,  #333943);border:1px solid #464b55;border-radius:3px;cursor:pointer}

.login input:hover{background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	color:#FFF;}

.foot{margin:0 auto;width:450px;font-size:12px;color:#989898;text-align: center;text-align:center;line-height:18px;}
.foot span{display:block;font-size:10px;letter-spacing:-0.5px}

.icon{
	border:0px;
	font-size:12px;
	font-family: Lato,"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	color:#FFFFFF;
	padding:0px;
	padding-left:7px;
	padding-right:7px;
	cursor:pointer;
	display:inline-block;
	background:#20a8d8;
	border-radius: 5px; 
	letter-spacing:-0.05em;
	margin-left:5px; 
}


#wait-loader{ 
	text-align:center;
	width:100%;
	height:100%;
	background-color:black;
	position:absolute;
	z-index:1000;
	opacity:.5; filter:alpha(opacity=50);
	position:fixed;
	top:0px;
	display:none;
	font-family: "Prosto One", sans-serif;
	color:#fff;
}

.spinner {
  margin: 0 auto;
  width: 100px;
  height: 20px;
  text-align: center;
  position:relative; 
  top:50%;
}

.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 15px;
  margin:2px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

#logo{font-family: "Prosto One", sans-serif;font-size:22px;font-weight:bold;color:#fff;cursor:pointer}

#headerbar {
	width:100%;
	min-width:1200px;
	text-align:center;
	height:38px;
	padding-bottom:10px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#fff;
	z-index:9;
	border-bottom:1px solid #c2cfd6;
}

.bold{font-weight:bold}

/* 유저 네비 */
.bold{font-weight:bold}
.localNav3 {width:220px;}
.localNav3.show {display:block;}
.localNav3.hide {display:none;}

.localNav3 li { 
	font-weight:normal;
	list-style-type : none;
	padding-left:40px;
	border-bottom:1px solid #c2cfd6;
}


.globalNav3 {color:#303641;  width:220px; line-height:35px;background:#fff} 
.globalNav3.last{border-bottom:0px} 
.globalNavTitle{text-align:left;padding:0 0 0 40px;height:35px;}
.Title3{border-bottom:1px solid #c2cfd6; background:url('../../images/ic_lnb2.png') no-repeat 20px 12px}
.globalNav3 ul { background-color:#e1e7eb; text-align:left}
.globalNav3 ul li {color:#303641;font-family: Lato,"Noto Sans KR", sans-serif;}
.globalNav3 ul li:hover{background-color:#20a8d8;color:#fff;cursor:pointer;}
.globalNav3 ul li.show{background-color:#20a8d8;color:#fff;cursor:pointer;}
.globalNav3 ul li.subtitle{background-color:#c2cfd6;color:#fff;padding:0 0 0 20px;cursor:Default;height:30px;line-height:30px;} 
.globalNav3 ul li.subtitle:hover{background-color:#c2cfd6;color:#fff;cursor:Default;}


.hidden{display:none}
.block{display:block}

#headerbar-memnu-area ul{
    list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
}

#realstatus .cnt{color:#20a8d8;font-weight:bold}
#realstatus .cnt2{color:blue;font-weight:bold} 
#searchbox{display:none;background:#d8d8d8;width:360px;padding:10px;float:right;margin-right:10px;font-family:Myriad Pro;font-size:16px;font-weight:bold;color:#303641;box-shadow:0 1px 1px #20242b ;}
.sub-title{
	list-style-type:none;
	margin:0px;
	padding-left:0px;
	font-size:14px;
	font-weight:bold;
}
.sub-title li{
	background:url("../../images/icon/ic_data_usage_black_24dp_1x.png") no-repeat 0px -2px;
	padding-left:30px;
	height:30px;
}
#main-container{ 
	margin-top:48px;
	position:relative;
	width:100%;
	z-index:1; 
	height:100%;
}
#main-container:after{display:block;clear:both;content:''}

#mc-leftmenu{
	position:fixed;top:50px;left:0;
	text-align:center;
	width:220px;float:left;
	height:100%;
	background:#fff;
}

#mc-left-arrow{
	position:absolute;top:0;left:0;
	text-align:center;
	width:10px;float:left;
}

#mc-leftmenu ul{
    list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
}


#realjoin ul{
	padding:5px;
	text-align:left;
	list-style:none;
	list-style-type:none;
	margin:0px;
}

#realjoin ul li{
	padding:2px;
	font-weight:normal;
	list-style-type : none;
	border-bottom:1px solid #b2b2b2;
}

#mc-content{
	position:relative;
	min-height:100%;
	left:220px;
	width:calc(100% - 281px);
	min-width:1000px;
	margin:0; padding:30px;
	background-color:#e4e5e6;
	border-left:1px solid #c2cfd6;
}

#mc-search{
	width:100%;
	border:#c2cfd6 solid 1px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	float:left;
	background:#fff;
}


#quick_search{
	width:400px;
	background-repeat:no-repeat;
	background-position:right center;
	font-family: Lato,"Noto Sans KR", sans-serif;
	color: #536c79; 
	padding-left:5px;
	font-size:12px;
}

#mc-search #mc-search-content{float:left; width:950px; padding:10px}

#mc-search #mc-search-btn{text-align:right;width:180px;float:right;text-align:right;line-height:300%;padding:10px}

#mc-search .button{width:75px}

#mc-table-top {text-align:right;padding-bottom:5px;width:100%}

.clerBoth{clear:both;}

#mc-footer{
	font-family: Lato,"Noto Sans KR", sans-serif;
	font-size:12px;
	border-top:1px solid #c2cfd6;
	text-align:center;width:100%;color:#a5a9b0;padding-top:10px;padding-bottom:10px;
	background:#fff;font-weight:normal;
}

#mc-btns{
	clear:both;
	text-align:left;width:100%;padding-top:10px;
}


.top_msg_box {
	position:relative;
	top:-5px;
	left:-10px;
	min-width:18px;
	height:18px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	background:#ff5454;
	border-radius:18px;
	display:inline-block;
	display: table-cell; 
	vertical-align: middle;
	z-index:999;
}

.top_msg_box2 {
	position:relative;
	top:-5px;
	left:-10px;
	min-width:18px;
	height:18px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	border-radius:18px;
	display:inline-block;
	display: table-cell; 
	vertical-align: middle;
	z-index:999;
}
 
#top_alram_box {
	position:relative;
	top:-5px;
	left:-10px;
	min-width:18px;
	height:18px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: black;
	background:#fabb3d;
	border-radius:18px;
	display:inline-block;
	display: table-cell; 
	vertical-align: middle;
	z-index:999;
}

INPUT[type=button],INPUT[type=submit]{
	vertical-align:bottom;font-family: Lato,"Noto Sans KR", sans-serif;
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
 
 /****button_s****/
button.blink, .button.blink {
	background:#ff5454;
	color:#fff;
	border:1px solid #ff5454;
}

.button, button {
	border-radius: .25em;
	font-family: Lato,"Noto Sans KR", sans-serif;
	background:#fdfdfd;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0;
	border:1px solid #c1ced5;
	display:inline-block;
	color:#666;
	font-size: inherit;
	font-weight:normal;
	font-style:normal;
	padding: .4em .75em;
	line-height: normal; 
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle !important;
	border-bottom-color: #adbec7; 
}

button.sms{
	background:#f0f3f5 url('../../images/icon_sms.gif') no-repeat left center;
	background-position:5px;
	padding-left:22px;
}

.button.black, button.black {
	background:#f0f3f5;
}


.button.small, button.small {
	padding: .4em .75em;
	line-height: normal; 
	font-size: inherit;
	color:#666;
}


.button:hover, button:hover, button.hover {
	background-color:#20a8d8;
	border:1px solid #20a8d8;
	color:#fff;
}
.button:active, button.active {
	position:relative;
	top:1px;
}

/****button_e****/


.list_table{
    border-spacing: 0;
    border-collapse: collapse;
	width:100%;
	border:0px;
	background:#FFF;
	table-layout:fixed;
	font-size:12px;
	margin-top:5px
}
.list_table a,.list_table a:hover,.list_table a:active{color:black;font-weight:normal}

.list_table tr td { 
	font-weight: 400;
	color: #151b1e;
	text-align: center;
	height:20px;
	padding:5px;
	border-bottom:1px solid #c2cfd6;
	border-right:1px solid #c2cfd6; 	
	/*word-break:break-all;*/
	overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

}

.list_table tr td:hover { 
	white-space:normal; 
	word-wrap: break-word;
}

.list_table tr td:first-child{border-left:1px solid #c2cfd6;}

.list_table .date{
	color: #ff6600;
}

.list_table .subject{
	text-align: left;
	font-weight: 400;
}

.list_table .aright{text-align: right;}

.list_table .int{
	text-align: right;
	padding-right:10px;
}

.list_table tbody tr:hover{
	background-color: #FAED7D;
	color:orange;
	font-weight: 400;
/*	font-weight: bold;*/
}

.list_table tbody tr.iframe:hover{
	background-color: #fff;
}

.list_table tr th {
	background: #f0f3f5;
	color:black;
	padding:2px;
	height:20px;
	/*border-right:1px solid #c2cfd6;*/ 
	font-size:12px;
	font-weight: 400;
	border-top:1px solid #c2cfd6;
	border-right:1px solid #c2cfd6; 
	border-bottom:1px solid #c2cfd6;	
}
.list_table tr th:first-child{border-left:1px solid #c2cfd6;}
.list_table tr th:last-child{}

.list_table .big tr th{
	background: #303641;
	color:#FFFFFF;
	padding:0px;
	height:20px;
	border-right:1px solid #ffffff; 
	border-bottom:1px solid #ffffff;
}

.list_table .small tr th{
	background: #000000 url('../../images/head-fade-bk.png')  0 -10px;
	color:#FFFFFF;
	padding:3px;
	height:20px;
	border-right:1px solid #bbbbbb; 
}

.list_table tr td.pointer{ 
	cursor:pointer;
}

.list_table_td_last{
	/*border-right:1px solid #E7E7E7; */
}

.sub_list_table{
	background-color:#E7E7E7;
	border:0px;
}

.sub_list_table th{ 
	font-weight:bold;text-align:center;padding:3px;
	background-color:#F9F9F9;
}

.sub_list_table tr{ 
	font-weight:normal;text-align:center;padding:3px;
	background-color:#FFFFFF;
}

.sub_list_table tbody tr:hover{
	background-color: #fff8f0;
	color:orange;
/*	font-weight: bold;*/
}




.list_table .left{text-align:left} 
.del{color:#ffcc00;}



/*테이블등록스타일*/
.write_table{
    border-spacing: 0;
    border-collapse: collapse;
	width:100%;
	border:0px;
	background:#FFF;
	table-layout:fixed;
	font-size:12px;
	margin-top:5px
}
.write_table a,.write_table a:hover,.write_table a:active{color:black;font-weight:normal}

.write_table tr td,.write_table tr th {
	color: #666666;
	text-align: center;
	height:20px;
	padding:5px;
	border-bottom:1px solid #c2cfd6;
	border-left:1px solid #c2cfd6; 	
	word-break:break-all;
}

table.write_table tr td{
	text-align: left;
	border-right:1px solid #c2cfd6; 
}

.write_table tr td:first-child{border-left:1px solid #c2cfd6;}

.write_table .date{
	color: #ff6600;
}

.write_table .subject{
	text-align: left;
	font-weight: 400;
}

.write_table .aright{text-align: right;}

.write_table .int{
	text-align: right;
	padding-right:10px;
}

.write_table tr th {
	background: #f0f3f5;
	color:black;
	padding:2px;
	height:30px;
	font-weight: 400;
}

.write_table tr:first-child th, .write_table tr:first-child td{border-top:1px solid #c2cfd6;}
.write_table tr:last-child th, .write_table tr:last-child td{border-bottom:1px solid #c2cfd6;}


.inner_table tr td:first-child,.inner_table tr td:last-child{border:0px}
/**/

INPUT[type=text],INPUT[type=file],INPUT[type=password],textarea{
	font-family: Lato,"Noto Sans KR", sans-serif;
	vertical-align: middle;height:20px;border:1px solid #c2cfd6;padding:2px;color:#404040;padding-left:5px;padding-right:5px;
	font-size:12px;
	height:23px;
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

INPUT[type=text]:focus,INPUT[type=file]:focus,INPUT[type=password]:focus,select:focus,textarea:focus {
	color: #3e515b;
    background-color: #fff;
    border-color: #8ad4ee;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}
.button:focus{
    border-color: #8ad4ee;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}

textarea {overflow:auto;}

INPUT[type=text]:hover,INPUT[type=file]:hover,INPUT[type=password]:hover,textarea:hover,select:hover{
	color: #3e515b;
    background-color: #fff;
    border-color: #8ad4ee;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}

/*
INPUT[type=text]:focus{border:1px solid #828282;background-color:#fff}
INPUT[type=file]:focus{border:1px solid #828282;background-color:#fff;}
INPUT[type=password]:focus{border:1px solid #828282;background-color:#fff;}
textarea:focus{border:1px solid #828282;background-color:#fff;}
select:focus{border:1px solid #828282;background-color:#fff;}

INPUT[type=text]:hover{border:1px solid #828282}
INPUT[type=file]:hover{border:1px solid #828282;}
INPUT[type=password]:hover{border:1px solid #828282;}
textarea {overflow:auto;}
textarea:hover{border:1px solid #828282;}
select:hover{border:1px solid #828282;background-color:#fff;}
*/

br{mso-data-placement:same-cell;}

INPUT[name=searchval]{
	vertical-align: middle;border:1px solid #c2cfd6;width:250px;padding:2px;font-size:9pt;color:#404040;
	letter-spacing:-0.05em;font-weight:bold;background-color:#fff; 
	font-size:12px;
}


select {
	height:26px;
	background: transparent;
	padding: 2px;
	border: 1px solid #c2cfd6;
	font-size:12px;
	vertical-align:middle;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

/* 레이어팝업 */
.layer {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.open {display:block;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .layer_popup { position:absolute; left:50%; top:50%; z-index:0; width:1150px; padding:5px; border:4px solid #484848; background:#fff;border-radius:.5em;}
.layer .layer_popup .layerForm-Close #layer_close { position:absolute; z-index:1; right:-2px; top:-2px;}

.dialog{display:none}
.displaynone{display:none}

.prtThumb{
	border-radius:.5em;height:50px;max-width:50px;border:1px solid #dbdbdb;
}

.addprtThumb{
	margin-right:10px;
	border-radius:.5em;height:50px;max-width:50px;border:1px solid #dbdbdb;
	vertical-align:middle;
}


.youtubeThumb{
	border-radius:.5em;width:200px;border:1px solid #dbdbdb;
}
.prtThumbMacro{
	width:40px;height:40px;
	border-radius:.5em;height:40px;border:1px solid #dbdbdb;
}
.youtubeThumb2{
	height:60px;
	border-radius:.5em;border:1px solid #dbdbdb;
}
#layerForm-pop-title{
	background: #303641;border-radius:3px 3px 0 0;
	padding:6px;
	height:20px;
}
#layerForm-pop-title .layerForm-pop-title-blank{
	float:left;width:20%;text-align:right;color:#FFF;
}

#layerForm-pop-title .layerForm-pop-title-main{
	float:left;width:60%;text-align:center;color:#FFF;font-weight:bold;padding-top:2px;
}

#layerForm-pop-close{float:right;margin:0px;padding-right:5px;padding-top:2px;text-align:left;cursor:pointer}
#layerForm-pop-close:hover{color:red}

#page-container{width:100%;padding-top:10px;padding-bottom:20px;float:left}
#page-container .page-left{width:20%;float:left;text-align:left}
#page-container .page-center{width:50%;float:left;text-align:center}
#page-container .page-right{width:20%;;text-align:right;float:left}

.notice_msg{color:orange;font-size:9pt}

.zipSearch {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10001;}
.zipSearch .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.zipSearch .layer_popup { position:absolute; left:50%; top:50%; z-index:10; width:550px; height:350px; padding:5px; border:4px solid #484848; background:#fff;}
.zipSearch .zipSearch .layerForm-Close #layer_close { position:absolute; z-index:2; right:-2px; top:-2px;}
.zipcode-val{border-bottom:1px solid #c2cfd6;text-align:left;padding:5px }

.ordstate{color:#7f7f7f}
.ordstate-select{color:yellow;font-weight:bold;background-color:black;padding:2px;border-radius:.4em;}


ul.ud_page{
    list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}

ul.ud_page li{
	border-radius:2px;
	font-size:18px;
	border: 1px solid #c3c3c3; 
	display:inline-block;
	height:30px;
	width:35px;
	margin-left:1px;
	padding-top:5px;
	cursor:pointer;
}


/*ul.ud_page li.pg_start,ul.ud_page li.pg_prev,ul.ud_page li.pg_end,ul.ud_page li.pg_next{background:url("/images/navi_on.jpg");}
ul.ud_page li.none{background:url("/images/navi_off.jpg");}
*/

ul.ud_page li.pg_start{background-repeat:no-repeat; background-position:0px center;}
ul.ud_page li.pg_prev{background-repeat:no-repeat; background-position: -33px center;}
ul.ud_page li.pg_end{background-repeat:no-repeat; background-position: -307px center;}
ul.ud_page li.pg_next{background-repeat:no-repeat; background-position: -273px center;}

ul.ud_page li.pg_page{}
ul.ud_page li.select{background:#65c8f1;color:#fff;border: 1px solid #65c8f1; }


#pvlayer{
	background:#FFF;background-repeat:no-repeat;display:none;border:1px solid #cecece;overflow:hidden;z-index:999999;text-align:Center;border-radius:.2em;
	box-shadow:0 3px 3px #c3c3c3;
	width:250px;height:250px;border:1px solid #c1ced5;text-align:Center;
	line-height:250px;
}
#pvlayer img{max-width:250px;vertical-align:middle;}
#pvlayer div{
	margin-top:5px;
}

.btn-small {display: inline-block; border: 1px solid #919191; padding: 0 5px; background-color: #f9f9f9; height: 18px; line-height: 18px; -webkit-border-radius: 3px;border-radius: 3px; font-size: 12px; color: #5e5e5e;vertical-align:middle;}


/* paginate */
.paginate {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-link, .paginate-datatables li a, .paginate li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #20a8d8;
  background-color: #fff;
  border: 1px solid #a4b7c1; }
  .page-link:hover, .paginate-datatables li a:hover, .paginate li a:hover {
    color: #167495;
    text-decoration: none;
    background-color: #c2cfd6;
    border-color: #a4b7c1; }
  .page-link:focus, .paginate-datatables li a:focus, .paginate li a:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25); }
  .page-link:not(:disabled):not(.disabled), .paginate-datatables li a:not(:disabled):not(.disabled), .paginate li a:not(:disabled):not(.disabled) {
    cursor: pointer; }

.page-item:first-child .page-link, .paginate-datatables li:first-child .page-link, .paginate li:first-child .page-link, .page-item:first-child .paginate-datatables li a, .paginate-datatables li .page-item:first-child a, .paginate-datatables li:first-child a, .page-item:first-child .paginate li a, .paginate li .page-item:first-child a, .paginate li:first-child a {
  margin-left: 0; }

.page-item.active .page-link, .paginate-datatables li.active .page-link, .paginate li.active .page-link, .page-item.active .paginate-datatables li a, .paginate-datatables li .page-item.active a, .paginate-datatables li.active a, .page-item.active .paginate li a, .paginate li .page-item.active a, .paginate li.active a {
  z-index: 1;
  color: #fff;
  background-color: #20a8d8;
  border-color: #20a8d8; }

.page-item.disabled .page-link, .paginate-datatables li.disabled .page-link, .paginate li.disabled .page-link, .page-item.disabled .paginate-datatables li a, .paginate-datatables li .page-item.disabled a, .paginate-datatables li.disabled a, .page-item.disabled .paginate li a, .paginate li .page-item.disabled a, .paginate li.disabled a {
  color: #536c79;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #a4b7c1; }

.paginate-lg .page-link, .paginate-lg .paginate-datatables li a, .paginate-datatables li .paginate-lg a, .paginate-lg .paginate li a, .paginate li .paginate-lg a {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
  line-height: 1.5; }

.paginate-sm .page-link, .paginate-sm .paginate-datatables li a, .paginate-datatables li .paginate-sm a, .paginate-sm .paginate li a, .paginate li .paginate-sm a {
  padding: 0.25rem 0.5rem;
  font-size: 0.76562rem;
  line-height: 1.5; }

.justify-content-center {
  -ms-flex-pack: center !important;
      justify-content: center !important; 
}

#returntop{
	border-radius: 50%; 
	width:40px;
	height:40px;
	border:1px solid #d2d2d2;
	background:#fff url('../../images/icon/nav_top.gif') no-repeat;background-position: center;
	opacity: 0.8;
    filter: alpha(opacity=80);
	position:fixed;bottom:15px;right:15px;
	display:none;
	cursor:pointer;
	z-index:999;
}
#returnback{
	border-radius: 50%; 
	width:40px;
	height:40px;
	border:1px solid #d2d2d2;
	background:#fff url('../../images/icon/nav_historyback.gif') no-repeat;background-position: 14px;
	opacity: 0.8;
    filter: alpha(opacity=80);
	position:fixed;bottom:15px;left:15px;
	cursor:pointer;
	z-index:999;
}

/*모달창 페이지*/
/* paginate */
.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.m_paginate_wrap{padding:10px 0 0;text-align:center;height:63px}
.m_paginate{display:inline-block}
.m_paginate a,.m_paginate strong{float:left;width:36px;height:36px;border:1px solid #ccc;margin-right:-1px;background-color:#fff;line-height:36px;color:#808080;font-family:Helvetica, sans-serif;font-size:14px;text-align:center}
.m_paginate strong{border:1px solid #F87491;position:relative;color:#F87491;font-weight:normal}
.m_paginate a.prev,.m_paginate a.next{width:44px;background-color:#F5F5F5;background-image:url(../../images/sp_page.png);background-size:200px 150px}
.m_paginate a.prev{-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-position:0 0}
.m_paginate a.next{-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;background-position:0 -50px}
.m_paginate a.prev[href]{background-position:-50px 0}
.m_paginate a.next[href]{background-position:-50px -50px}
.m_paginate span{float:left;width:15px;height:36px;background:url(../../images/sp_page.png);background-size:200px 150px;background-position:0 -100px;margin-left:1px}
.m_page_nav{position:relative;border-bottom:2px solid #d9d9d9;border-top:1px solid #d9d9d9;background:#f5f5f5;text-align:center}
.m_page_nav.not_rl{padding:0}
.m_page_nav.last_lsit .m_nav_cen a:hover {cursor:default}


.ui-jqgrid .ui-jqgrid-labels th.ui-th-column {
	color:black;
	font-weight:normal;
}
.ui-jqgrid tr.jqgrow td{
     padding: 3px !important;
}
.ui-jqgrid tr.jqgrow:hover{ 
   background: #FAED7D !important;
}

.ui-jqgrid .ui-jqgrid-bdiv{
	overflow-y:hidden !important;
}

.gridCellModify{
	background:#ff5454;
	color:#fff;
}*/
#gridlist{font-size:12px;}
.search-box table.write01 {background:#FFF;width:100%;min-width:1000px;border-spacing:0px;margin-bottom:20px;}
.search-box table.write01 input {vertical-align:middle;}
.search-box table.write01 th:first-child {border-left:1px solid #c2cfd6;}
.search-box table.write01 td:last-child {border-right:1px solid #c2cfd6;}
.search-box table.write01 th {background:#f0f3f5;font-weight:normal;}
.search-box table.write01 td {background:#ffffff;font-weight:normal;}
.search-box table.write01 th, table.write01 td {border-top:1px solid #c2cfd6;text-align:left;padding:5px;padding-left:10px;height:33px}
.search-box table.write01 {border-bottom:1px solid #c2cfd6;}

#md_grid ul{padding:0}
#md_grid ul li{margin:0 0 5px 0;padding:0;list-style:none;}
#md_dlvinsert{text-align:center}
#md_dlvinsert input[type=button]{margin-top:10px}

.pointer{cursor:pointer}

.pkmenu{padding:5px !important;font-size:13px !important;display:inline-block !important;}

.pcoststate{font-size:10px;color:#ff5454}

.toast{position:fixed;list-style:none;padding:0;top:0;z-index:999999;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;line-height:20px}.toast li{margin:10px 0 0 0;display:block;background-color:#fcf8e3;color:#c09853;border:1px solid #fbeed5;padding:5px 10px;border-radius:4px;-webkit-border-radius:4px;text-shadow:0 1px 0 rgba(255,255,255,0.5);box-shadow:0 2px 5px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.15)}.toast li:first-child{margin-top:0}.toast li.danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.toast li.info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.toast li.success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.toast button.close{background:none;border:none;font-weight:bold;font-size:20px;line-height:20px;float:right;padding:0;margin:0 0 0 5px;color:rgba(0,0,0,.25);cursor:pointer}.toast h1,.toast h2,.toast h3,.toast h4{display:inline}

.dialog fieldset label, .dialog fieldset input, .dialog fieldset textarea  { display:block; }
.dialog fieldset input[type="radio"],.dialog fieldset input[type="checkbox"],.dialog fieldset .radio,.dialog fieldset div input{ display:inline;font-weight:normal }
.dialog fieldset label{margin-bottom:5px;font-size:12px;font-weight:bold}
.dialog fieldset div dl dt{font-size:12px;font-weight:bold}  
.dialog fieldset div label{display:inline;}

.dialog fieldset label span{font-weight:normal}
.dialog fieldset input.text,.dialog fieldset input.select, .dialog fieldset textarea{ margin-bottom:12px; width:95%; padding: .4em; } 
.dialog fieldset div { margin-bottom:12px; width:95%; padding: .4em; }


.dialog fieldset { padding:0; border:0; margin-top:25px; }
.dialog fieldset  h1 { font-size: 1.2em; margin: .6em 0; }
.dialog .ui-dialog .ui-state-error { padding: .3em; }
.dialog .validateTips { border: 1px solid transparent; padding: 0.3em; }

#gridtop{margin-top:10px}
#gridtop .left{margin-bottom:5px;text-align:right;float:left; !important}
#gridtop .right{margin-bottom:5px;text-align:right;float:right; !important}

.gridtoptab{
	border-top:1px solid #c2cfd6;border-left:1px solid #c2cfd6;border-right:1px solid #c2cfd6;text-align:center;width:100px;background:#f0f3f5;border-radius:6px 6px 0 0;height:30px;line-height:30px;float:left;cursor:pointer;
}
.gridtoptab.over{ 
	background:#fff;
	color:#919191; 
}
.gridtoptab:hover{ 
	background:#fff;
	color:#333333;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

#md_message {}
#md_message div.thread:first-child{border-top:0px}
#md_message div.thread{border-top:1px dotted #c2cfd6;margin-top:10px;margin-bottom:10px}
#md_message div.thread div.left{float:left;margin-top:10px}
#md_message div.thread div.right{float:right;margin-top:10px}
#md_message div.thread div.left h3 {display:inline}
#md_message div.thread div.content{clear:both;padding-top:12px;cursor:pointer}
#md_message div.thread div.left .threadnewicon{
	min-width:18px;
	height:18px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	background:#ff5454;
	border-radius:18px;
	display:inline-block;
	vertical-align: top;
	line-height:18px;
	margin-left:5px;
}

.msgunread{
	font-family: 'Noto Sans KR';
	min-width:18px;
	height:18px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	background:#ff5454;
	border-radius:5px;
	vertical-align: top;
	line-height:18px;
	padding:2px;
	margin-bottom:5px;
}

#md_message #msglayer{
	position:absolute;
	z-index:2;
	width:0px;
	height:95%;
	background:#fff;
	right:0px
}

#md_message #msglayer .in{
	float:left;
	clear:both;
	display: -ms-flex; display: -webkit-flex; display: flex;
} 

#md_message #msglayer .out{
	float:right;
	clear:both;
	display: -ms-flex; display: -webkit-flex; display: flex;
} 

#md_message #msglayer .in .date{float:left;font-size:12px;margin-left:5px;display: inline-block; align-self: flex-end;margin-bottom:10px;}
#md_message #msglayer .out .date{float:right;font-size:12px;margin-right:5px}


#md_message #msglayer .bubble 
{
float:left;
position: relative;
padding: 0px;
background: #f0f3f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #c2cfd6 solid 1px;
margin-left:30px;
padding:10px;
margin-bottom:10px;
max-width:400px;
}

#md_message #msglayer .bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #f0f3f5;
display: block;
width: 0;
z-index: 1;
left: -12px;
top: 15px;
}

#md_message #msglayer .bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #c2cfd6;
display: block;
width: 0;
z-index: 0;
left: -13px;
top: 15px;
}

#md_message #msglayer .bubble2 
{
float:right;
position: relative;
padding: 0px;
background: #f8f8ed;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #c2cfd6 solid 1px;
margin-right:20px;
padding:10px;
margin-bottom:10px;
max-width:400px;
}

#md_message #msglayer .bubble2:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent #f8f8ed;
display: block;
width: 0;
z-index: 1;
right: -12px;
top: 13px;
}

#md_message #msglayer .bubble2:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent #c2cfd6;
display: block;
width: 0;
z-index: 0;
right: -13px;
top: 13px;
}


#realstatus
{
    height:30px;
    width:900px;
    font-size:12px;
    position:fixed;
    z-index:3;
    top:55px;
	right:0;
	margin-right:30px;
    -webkit-box-shadow: 0 1px 1px 0 #777;
    box-shadow: 0 1px 1px 0 #777;
    background-color:#fff;
}

#realstatus ul{margin:0px;padding:0px;margin-left:10px}
#realstatus ul li{
	cursor:pointer;
	line-height:30px;
	padding:0px;
	margin:0px;
	margin-right:1px;
	list-style-type:none;
	float:left;
	font-size:12px;
}

#realstatus ul li span{width:15px;display:inline-block}

.spinner3 {
  width: 30px;
  height: 20px;
  text-align: center;
  float:left;
  margin-left:5px;
  margin-right:5px;
  margin-top:5px;
}

.spinner3 > div {
  background-color: #5c5c5c;
  height: 100%;
  margin:1px;
  width: 2px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner3 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner3 .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner3 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner3 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.mgBtn{padding-left:5px;padding-right:5px;height:12px;margin:2px;padding-top:2px}

.footer{margin-top:10px;text-align:center}

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; padding: .4em .75em; color: #666; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #c1ced5; border-bottom-color: #adbec7; border-radius: .25em; } 
.filebox .upload-name { display: inline-block; padding: .5em .75em;font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #c1ced5; border-bottom-color: #adbec7; border-radius: .25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#tblbottom{padding:10px;text-align:right}

.layerPopup {display:none; position:fixed; border:1px solid #666666;z-index:1000;cursor:pointer; top:100px;vertical-align:middle; box-shadow:0 0 10px rgb(0 0 0 / 30%); border-radius:5px; overflow:hidden; border: 0; margin: 0 auto;background:#fff}
.layerPopup img{width:100%}
.layerPopup .pop-tail{background:rgb(72, 72, 72);color:#fff;padding:5px;text-align:right;} 
.layerPopup .pop-tail a{display:inline-block;font-size:12px;color:#fff}
.layerPopup .pop-tail a:first-of-type{margin-right:15px}
.layerPopup .pop-tail a:last-of-type{margin-right:10px}
.layerPopup lpop_top span{cursor:pointer}
.pop-content{
	width:400px !important;
	min-height:200px;
	background:#fff;
}
.pop-content div:first-child{display:flex;width:100%;border-bottom:1px solid #d3d6da;padding:6px;box-sizing:border-box;justify-content: space-between; }
.pop-content div:first-child span:nth-child(1){font-size:16px;font-weight:bold;width:20px;text-align:center}
.pop-content div:first-child span:nth-child(2){font-size:16px;font-weight:bold;text-align:Center;}
.pop-content div:first-child span:nth-child(3){font-size:16px;font-weight:bold;width:20px}
.pop-content div:last-child{padding:10px;box-sizing:border-box;border:5px solid rgb(243, 243, 243);min-height:200px;}
.pop-content div p{line-height:80% !important}
.pop-content.txt div.lpop_msg{
	padding:0px !important;
	border:0px !important;
}
img.blah{width:50px;max-height:50px;display:none}
.layerPopup_bg {display:none;position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background: rgba(0,0,0,0.7); opacity:1; transition: all 0.3s ease;}