@charset "euc-kr";
/* CSS Document */

html {overflow-y:auto;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote {margin:0;padding:0;}
hr,legend {display:none;}
img, fieldset {border:0 none;}
ul,ol,li {margin-left:10px}
img,input,select,textarea {vertical-align:middle; text-decoration:none;}
table {border-collapse:collapse;}
em {font-style:normal;}


body {margin:0; padding:0; font:12px 'Apple Gothic','DroidSansFallback','맑은 고딕',Malgun Gothic,돋움,dotum,굴림,gulim,san-serif; background-color:#2d2926; color:#555; font-weight:normal; letter-spacing:-0.5px;}

a {text-decoration:none; cursor:pointer;}
a:visited {color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:none; filter:alpha(opacity=60);opacity:0.6;}
a:active {color:inherit; text-decoration:none; filter:alpha(opacity=50);opacity:0.5;}


/* 전체레이아웃*/
.layout {position:relative; width:100%; margin:0; padding:0 0 50 0px; background-color:#f3f4f5; letter-spacing:-0.5px;}
.layout_1280 {max-width:1280px; margin:0px auto; padding:0 10px;}

.layout_1280bt {max-width:1280px; margin:0px auto; padding:10 0px;}
.layout_1280bt .btr {float:right; display:inline-block; margin-left:5px;}
.layout_1280bt .btl {float:left; display:inline-block; margin-right:5px;}

.layout_1280p {max-width:1280px; margin:0px auto; padding:10px; text-align:center; font-size:14px;}
.layout_1280p .box {display:inline-block; padding:5px;}
.layout_1280p .box a:hover {border-bottom:2px solid #e6007e; box-sizing:border-box; color:#e6007e; filter:alpha(opacity=100);opacity:1.0; font-weight:bold;}
.layout_1280p .box span {box-sizing:border-box; font-weight:bold;}
.layout_1280p .box2 {display:inline-block; padding:0; margin:0;}
.layout_1280p .box2 img a:hover {border-bottom:0px; box-sizing:border-box; filter:alpha(opacity=60);opacity:0.6;}

/* 팝업레이아웃*/
.pop {position:relative; width:100%; margin:0; padding:0 0 50 0px; background-color:#FFF; letter-spacing:-0.5px;}

/* title */
.titlebox {padding:0; margin:0;}
.title {color:#333; font-size:15px; font-weight:bold; margin:0; padding:10 0px;}
.title_sm {color:#666; font-size:11px; margin:10 0px; text-align:right; float:right;}
.title_sl {color:#666; font-size:12px; font-weight:normal; margin:15 0 10 0px; text-align:right; float:left;}
.title_sl span{color:#e6007e;}
.title_sr {color:#666; font-size:12px; font-weight:normal; margin:10 0px; text-align:right; float:right;}
.title_sr span{}


/* 검색박스 */
.tbox {max-width:1280px; margin:0px auto; padding:5 10px; background-color:#FFF; border-radius:5px; box-sizing:border-box; border:1px solid #cfd2d6; clear:both;}
.tbox .inline2{display:inline-block; margin:2 10 3 0px; font-weight:normal;}
.tbox .inliner{display:inline-block; margin:2 0 3 10px; float:right;}
.tbox p {line-height:1.5; margin:5 0px;}
.tbox p span {}

.hr {height:10px; clear:both;}
.hr_dot {margin:5 0px; border-top:1px dotted #cfd2d6; clear:both;}
.hr5 {height:5px; clear:both;}
.hr0 {height:0px; clear:both;}

/* header */
.header {position:relative; width:100%; background-color:#FFF; margin:0; padding:10 0 10 0px; border-bottom:1px solid #cfd2d6;}
.header_1280 {height:20px; max-width:1280px; margin:0px auto; box-sizing:border-box;}
.header_1280 p {line-height:1.6; color:#666; letter-spacing:-0.5px;}
.header_1280 .id {text-align:right; float:right;}
.header_1280 .bmenu {color:#333; font-size:15px; font-weight:bold; display:inline-block; margin-right:40px; float:left;}
.header_1280 .bmenu span {color:#e6007e;}
.header_1280 .bmenu a {color:#333; text-decoration:none; cursor:pointer;}
.header_1280 .bmenu a:visited {color:inherit; text-decoration:none;}
.header_1280 .bmenu a:hover {color:#e6007e; text-decoration:none; filter:alpha(opacity=100);opacity:1.0;}

.header_1280 .smenu {color:#FFF; font-size:13px; font-weight:bold; display:inline-block; margin-right:20px; float:left;}
.header_1280 span {color:#e6007e;}
.header_1280 .smenu a {color:#FFF; text-decoration:none; cursor:pointer;}
.header_1280 .smenu a:visited {color:inherit; text-decoration:none;}
.header_1280 .smenu a:hover {color:#FFF; text-decoration:none;}

/* header 고정 */
.header_sm {position:relative; width:100%; background-color:#e6007e; margin:0; padding:5 0 5 0px; border-bottom:1px solid #cfd2d6; z-index:99999;}
.header_sm_Fixed {position:fixed; top:0px;}

/* footer */
.footer {position:relative; width:100%; background-color:#2d2926; margin:10 0 10 0px; padding:10 0 10 0px;}
.footer_1280 {max-width:1280px; margin:0px auto;}
.footer_1280 p {line-height:1.8; color:#777; letter-spacing:-0.5px;}
.footer_1280 p span {color:#999; font-size:11px; font-weight:bold;}

/*로그인*/
.login {position:absolute; left:50%; top:50%; margin-left:-175px; margin-top:-220px; width:350px; height:400px;}
.login p {font-size:12px; padding: 20 0px; text-align:center;}
.login_box {background-color:#FFF; border-radius:5px; box-sizing:border-box; border:1px solid #cfd2d6;}
.login_boxt {background-color:#fff6fb; padding: 10 15px; border-radius:5px; box-sizing:border-box; font-size:11px;}

/*line*/
.line_g {margin:0; padding:0;border-bottom:1px solid #cfd2d6;}

/*table-write*/
.gtable {width:100%; border-top:2px #cfd2d6 solid; border-bottom:2px #cfd2d6 solid; background-color:#FFF; color:#333; margin:0px;}
.gtable tr {margin:0px; padding:0px;}

.gtable td {word-break:break-all; border-bottom:1px solid #cfd2d6; border-right:1px solid #cfd2d6; border-left:1px solid #cfd2d6; background:#FFF; vertical-align:middle; line-height:1.5; font-size:13px; padding:5px;}
.gtable td span {color:#e6007e; font-weight:bold;}

.gtable .center12 {text-align:center; font-size:12px; font-weight:normal;}
.gtable .center12 a:hover {color:#e6007e; filter:alpha(opacity=100);opacity:1.0;}
.gtable .center12 a:visited {color:inherit; text-decoration:none;}

.gtable .tt {background-color:#eeeeee; text-align:center; font-size:12px; font-weight:bold; padding:5px;}
.gtable .tt span {}

.gtable .tt10 {width:10%; text-align:center; font-weight:bold; background-color:#eeeeee;}
.gtable .tt10 span {color:#e6007e;}

.gtable .line {margin:0; padding:0;}

/*table-list*/
.ltable {width:100%; border-top:2px #cfd2d6 solid; border-bottom:2px #cfd2d6 solid; background-color:#FFF; color:#333; margin:0px;}
.ltable tr {margin:0px; padding:0px;}
.ltable td {word-break:break-all; border-bottom:1px solid #cfd2d6; border-right:1px solid #cfd2d6; border-left:1px solid #cfd2d6; background:#FFF; vertical-align:middle; line-height:1.5; font-size:13px; padding:5px;}
.ltable th {word-break:break-all; border-bottom:1px solid #cfd2d6; border-right:1px solid #cfd2d6; border-left:1px solid #cfd2d6; background:#FFF; vertical-align:middle; line-height:1.5; font-size:13px; padding:5px;}
.ltable td span {color:#e6007e; font-weight:bold;}
.ltable th span {color:#e6007e; font-weight:bold;}

.ltable td a {color:#000; text-decoration:none;}
.ltable td a:visited {color:inherit; text-decoration:none;}

.ltable .center12 {text-align:center; font-size:12px; font-weight:normal;}
.ltable .center12 span {color:#e6007e; font-weight:bold; font-size:11px;}
.ltable .center12c {background-color:#fef2f8; text-align:center; font-size:12px; font-weight:normal;}

.ltable .tt {background-color:#eeeeee; text-align:center; font-size:12px; font-weight:bold; padding:5px;}
.ltable .tt_b {background-color:#f3f4f5; padding:0px; border:0px;}
.ltable .tt span {}
.ltable .tt img {margin:0 1 3 1px;}

.ltable tr:hover td {background-color:#fefbfd;}
.ltable .line {margin:0; padding:0;}

/*table-top 검색*/
.stable {width:100%; border:0px; color:#333; margin:0px;}
.stable tr {margin:0px; padding:0px;}
.stable td {word-break:break-all; border:0px; background:#FFF; vertical-align:middle; line-height:1.5; font-size:12px; padding:2px;}
.stable .inline{display:inline-block; margin-right:10px;}
.stable td span {}
.stable .tt {font-weight:bold; padding-left:2px;}

/*page-list*/
.page_list  {width:100%;display:inline-block;}
.page_list p {font-size:12px; padding-top:20px; text-align:center;}
.page_list p span {color:#CCC; padding-left:10px; padding-right:10px;}
.page_list p a {color:#000;}
.page_list p a:hover {color:#00a9c7;}


/*팝업창*/


/*INPUT*/
input radio {vertical-align:middle;}
input .checkbox {border:0 none; margin:0;}
input .image {vertical-align:middle;}
input button:hover {filter:alpha(opacity=70);opacity:0.7; cursor:pointer;}

input .select {
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:normal;	
	padding:0px;
	margin:0px;
	border:1px solid #cfd2d6;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ipt_cbox {border:0 none; margin:0 5 2 0px; padding:0; display:inline-block; width:12px; height:12px; accent-color:#e6007e;}
.ipt_cboxt {border:0 none; margin:0; padding:0; display:inline-block; width:12px; height:12px; accent-color:#e6007e;}

.ipt_color {border:1px solid #eee; width:20px; height:20px; box-sizing:border-box; border-radius:10px;}

.ipt_select {color:#333; font-size:13px; font-weight:normal; width:100%; border:1px solid #cfd2d6; box-sizing:border-box; padding:5px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ipt_selects {color:#333; font-size:12px; font-weight:normal; border:1px solid #cfd2d6; box-sizing:border-box; padding:3px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ipt_txt {color:#333; font-size:13px; font-weight:normal; border:1px solid #cfd2d6; box-sizing:border-box; padding:5px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ipt_stxt {color:#333; font-size:12px; font-weight:normal; border:1px solid #cfd2d6; box-sizing:border-box; padding:3px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ipt_stxt100 {color:#333; font-size:12px; font-weight:normal; width:100%; border:1px solid #cfd2d6; box-sizing:border-box; padding:3px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ipt_txt100 {color:#333; font-size:13px; font-weight:normal; width:100%; border:1px solid #cfd2d6; box-sizing:border-box; padding:5px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ipt_txt101 {color:#333; font-size:13px; font-weight:normal; width:100%; border:1px solid #cfd2d6; box-sizing:border-box; padding:5px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ipt_txt100b {font-size:13px; font-weight:bold; width:100%; box-sizing:border-box; padding:5px; margin:0;}

/*INPUT-로그인txt*/
.ipt_login {color:#333; font-size:14px; font-weight:bold; height:30px; border:1px; border-radius:5px; box-sizing:border-box; padding:20px; margin:0;}

/*INPUT-로그인버튼*/
.ipt_login_bt_p {color:#FFF; font-size:16px; font-weight:bold; background-color:#e6007e; border:1px solid #e6007e; padding:10px; border-radius:5px; letter-spacing:-2px; text-align:center; display:inline-block; margin-top:10px;}
.ipt_login_bt_p:hover {filter:alpha(opacity=70);opacity:0.7; cursor:pointer;}

/*INPUT-Pink버튼*/
.ipt_btp {color:#FFF; font-size:14px; font-weight:bold; background-color:#e6007e; border:0px; border-radius:20px; letter-spacing:-1px; text-align:center; display:inline-block; padding:8 15 10 15px; margin:10 0;}
.ipt_btp:hover {filter:alpha(opacity=70);opacity:0.7; cursor:pointer;}

/*INPUT-Black버튼*/
.ipt_btb {color:#FFF; font-size:14px; font-weight:bold; background-color:#202020; border:0px; border-radius:20px; letter-spacing:-1px; text-align:center; display:inline-block; padding:8 15 10 15px; margin:10 0;}
.ipt_btb:hover {filter:alpha(opacity=70);opacity:0.7; cursor:pointer;}

/*INPUT-Blackline버튼*/
.ipt_btbl {color:#202020; font-size:14px; font-weight:bold; background-color:#FFF; border:2px solid #202020; box-sizing:border-box; border-radius:20px; letter-spacing:-1px; text-align:center; display:inline-block; padding:7 14 9 14px; margin:10 0;}
.ipt_btbl:hover {filter:alpha(opacity=70);opacity:0.7; cursor:pointer;}

/*INPUT-SG버튼*/
.ipt_btg {color:#FFF; font-size:13px; font-weight:bold; background-color:#666; border:0px; border-radius:5px; letter-spacing:-1px; text-align:center; display:inline-block; padding:2 6 4 6px; margin:0;}
.ipt_btg:hover {filter:alpha(opacity=70);opacity:0.7; cursor:pointer;}

/*INPUT-SP버튼*/
.ipt_btps {color:#FFF; font-size:13px; font-weight:bold; background-color:#e6007e; border:0px; border-radius:5px; letter-spacing:-1px; text-align:center; display:inline-block; padding:2 6 4 6px; margin:0;}
.ipt_btps:hover {filter:alpha(opacity=70);opacity:0.7; cursor:pointer;}


.upload {margin:0 4px 0 0;_margin:0;padding:4px 0 4px 4px;border:solid 1px #d5d5d5;color:#a1a1a1;font-size:12px;border-right-color:#efefef;border-bottom-color:#efefef;length:300px;}



/*이미지오버*/
.imgover {text-align:center; padding:10px; background:none; no-repeat 0 0px;}
.imgover a {padding:0 0px;}
.imgover a img {}
.imgover a:hover img {filter:alpha(opacity=70);opacity:0.7;}

/*레이어팝업*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position:absolute; top:50%; left:50%; width:860px; height:500px; background-color:#FFF; z-index:99999; overflow-y:auto;}	
.pop-layer .pop-container {padding:20px; overflow:hidden;}
.pop-layer p.ctxt {color:#666; line-height:25px; text-align:center;}
.pop-layer p.ctxt img {}
.pop-layer .login-input {background-color:#FFF; border:1px solid #ddd; width:100%; padding:10px; box-sizing:border-box; margin:4px 0px}
.pop-layer .login-input[type="password"] {font-family:'dotum'}
.pop-layer .btn-r {text-align:right; margin:0 0 10 0px;}
.pop-layer .btn-c {text-align:center; margin:0 0 10 0px;}

/* watermark */
.wm{color:rgba(0,0,0,.2)!important;font-size:1rem;font-family:sans-serif;padding-left:1rem;display:inline-block;display:none;}


.table-wrap {
 

}
.watermark {
  position: fixed;
  top: 25%;
  left: 5%;
  transform:rotate(-25deg);
  font-size: 120px;
  color: rgba(0, 0, 0, .055);
  font-weight: 700;
  letter-spacing: 10px;
  white-space: nowrap;
  pointer-events: none;
  text-align:center;
  width:100%;
  height:100%;
  z-index:9999;
}

.layout{
	min-height:500px;
}

html,
body{
	background-color:#F3F4F5;
}
.footer{
	background-color:transparent;
}
.footer p{
	display:none;
}

/* Java staging login compatibility */
.login-page{background-color:#f3f4f5;}
.login-page .login-error{margin:8px 0 0;padding:10px 12px;border:1px solid #f3b5cc;border-radius:5px;background:#fff1f6;color:#b00055;font-weight:bold;text-align:center;}