@charset "utf-8";

/* --------------------------------------------
 * default
/* ------------------------------------------ */
html,body{width:100%;height:100%;}
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;vertical-align:baseline;background:transparent;}
body { font-family: "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Helvetica Neue", Helvetica, sans-serif;font-size:12px;color:#666;background:#15172c;line-height:1.25;}

/* --------------------------------------------
 * html5 block
 ------------------------------------------ */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}


/* --------------------------------------------
	link#wrap .evt2 .use-entry .use-select .btn-select
/* ------------------------------------------ */
a {color:#666;text-decoration:none;}


/* --------------------------------------------
	list
/* ------------------------------------------ */
ul, ol{list-style:none;}


/* --------------------------------------------
 * etc
/* ------------------------------------------ */
address,em {font-style:normal;}
hr {display:none;}
sup {position:relative;top:-3px;padding-left:3px;font-size:11px;}


/* --------------------------------------------
 * img
/* ------------------------------------------ */
img {vertical-align:top;}


/* --------------------------------------------
 * table
/* ------------------------------------------ */
table {width:100%;border-collapse:collapse;border-spacing:0;}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {display:none;}


/* --------------------------------------------
 * fieldset
/* ------------------------------------------ */
fieldset {border:none;}
legend {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute;left:0;top:-999999px;}


/* --------------------------------------------
 * form
/* ------------------------------------------ */
/*input[type=text]::-ms-clear{display:none;width:0;height:0;}*/
input[type=button],
input[type=submit] {cursor:pointer;}
input[type="radio"],
input[type="checkbox"] {width:13px;height:13px;margin:-2px 0 0;}
button {width:auto;overflow:visible;background:none;border:none;cursor:pointer;margin:0;padding:0;}
button > span{position:relative;}
textarea {resize:none;padding:10px;color:#666;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
select {height:26px;font:12px '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;color:#666;padding:1px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
input,button,select,textarea {color:#666;font:12px 'Nanum Square', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;vertical-align:middle;}
input.intx1 {padding:5px 10px;height:38px;color:#666;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}




/* common */
#skipNavi {z-index:99999;position:absolute;width:100%;height:0px;left:0px;top:-40px;}
#skipNavi a:active, #skipNavi a:focus {z-index:99999;position:absolute;width:100%;height:30px;left:0px;top:40px;padding-top:10px;font-size:16px;text-align:center;border-bottom:1px solid #666;background:#fff;}
.blind{display:block;overflow:hidden;position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;text-indent:-10000px;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.hide{display:none;}
.btn-area{padding:26px 0 0 0;text-align:center;}
.ir{display:block;overflow:hidden;text-indent:-9999px;}

#wrap{overflow: hidden;display:none;position:relative;width:100%;min-width:1280px;max-width:1920px;min-height:950px;margin:0 auto;background:url(../img/bg_wrap.jpg) no-repeat 50% -50px fixed;transition:0.5s background cubic-bezier(.17,.67,.69,.91);-webkit-transition:0.5s background cubic-bezier(.17,.67,.69,.91);}
#wrap.fix{background-position:50% 0;}
#wrap.fix #main h2,
#wrap.fix #main .obj1,
#wrap.fix #main .obj2{margin-top:-70px;}
#wrap:after{display:block;clear:both;content:'';}
#header{z-index:10;overflow:hidden;position:relative;height:82px;}
#header .logo{position:absolute;top:23px;left:30px; display: none;}
#header .utill{position:absolute;top:20px;right:30px;width:218px;}
#header .utill li{float:left;margin:0 0 0 4px;}
#header .utill li:first-child{margin:0;}
#header .utill li.last{clear:both;margin:10px 0 0 0;}
#nav{position:fixed;right:30px;top:20%;}
#footer{position:absolute;bottom:40px;left:0;width:100%;text-align:center;}
#container{padding:0 0 200px 0;}
#container .inner-cont{position:relative;}
#quick {
  z-index: 100;
  position: fixed;
  top: 30%;
  right: 30px;
  width: 100px;
  height: 200px;
  background: url(../img/bg_quick.png) no-repeat 0 0; }

#quick ul {
  margin: -5px 0 0 0; }

#quick li {
  position: relative;
  margin: 15px 0 0 0;
  padding: 0 0 0 31px; }

#quick li:first-child {
  margin: 0; }

#quick li.active:after {
  display: block;
  content: '';
  position: absolute;
  top: -3px;
  left: 18px;
  width: 25px;
  height: 25px;
  margin: 0 0 0 -12px;
  background: url(../img/bg_quick_active.png) no-repeat 0 0; }

#quick li a {
  width: 63px;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
  height: 24px;
  background: url(../img/sprh_quick.png) no-repeat 0 0;
  position: relative;
  top: 0; }

#quick li.n1 a {
  background-position: 0 0; }

#quick li.n2 a {
  background-position: -63px 0; }

#quick li.n3 a {
  background-position: -126px 0; }

#quick li.n1.active a,
#quick li.n1 a:hover {
  background-position: 0 -24px; }

#quick li.n2.active a,
#quick li.n2 a:hover {
  background-position: -63px -24px; }

#quick li.n3.active a,
#quick li.n3 a:hover {
  background-position: -126px -24px; }
.section{display:block;}
.section .inner{position:relative;width:1200px;margin:0 auto;}
.section h2{padding:70px 0 0 0;text-align:center;}
#main h2{padding:115px 0 0 0;transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}
#main .obj1, #main .obj2{transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}
#main .obj1{position:absolute;top:546px;left:-80px;}
#main .obj2{position:absolute;top:610px;right:-63px;}
#section1 .not-tit{padding:90px 0 0 0;}
#section1 .c1, #section1 .c2{padding:70px 0 0 0;}
#section1 .img-gif{position:absolute;top:1196px; left: 764px;}
#section1 .img-gif:after{display:block;content:'';clear:both;}
#section1 .img-gif li{float:left;margin:0 0 0 5px;}
#section1 .img-gif li:first-child{margin:0;}
#section1 .img-gif li.last{margin:-34px 0px 0 1px;}
#section2{display:block;}
#section2 .board-wrap{position:relative;margin:-42px 0 0 0;}
#section2 .board-wrap a.btn-creat{position:absolute;top:0;right:80px;}
#section2 .board-list{display:block;min-height:625px;padding:70px 0 0 0;}
#section2 .board-list ul{display: block;overflow:hidden;margin:-2px 0 0 -20px;}
#section2 .board-list li{float:left;width:216px;height:282px;margin:2px 0 0 20px;padding:4px;background:url(../img/bg_board_lsit.png) no-repeat 0 0;}
#section2 .board-list li a{overflow:hidden;display:block;height:100%;padding:0 20px;}
#section2 .board-list li .subject{overflow:hidden;display:block;height:40px;margin:26px 0 0 0;font-size:18px;line-height:21px;color:#fff;font-weight:normal;letter-spacing:-1px;}
#section2 .board-list li .thum{display:block;margin:25px 0 0 ;text-align:center;}
#section2 .board-list li .use{margin:32px 0 0 0;}
#section2 .board-list li .use .server{font-size:14px;color:#fcaf77;}
#section2 .board-list li .use .server.dr{color:#52c6e3;}
#section2 .board-list li .use .name{padding:0 0 0 4px;font-size:14px;color:#ff65d5;display: inline-block;width: 143px;}
#section2 .board-list li .use .date{display:block;padding:5px 0 0 0;color:#942d7b;}
#section2 .no-data{display: none;position:absolute;top: 93px;left:0;width:100%;height: 550px;text-align:center;background:url(../img/bg_no_data_repeat.png) repeat;}
#section2 .no-data .par{padding:190px 0 37px 0;font-size:22px;color:#f39ac5;}
#section2 .paging strong, #section2 .paging a{display:inline-block;padding:0 2px;vertical-align:middle;font-size:16px;text-align:center;color:#ff65d5;}
#section2 .paging strong{text-decoration:underline;color:#fbd0a3;}
#section2 .paging a.first,#section2 .paging a.prev,#section2 .paging a.next,#section2 .paging a.last{width:29px;height:28px;padding:0;text-align:left;}
#section2 .paging a.prev{margin: 0 6px 0 3px;}
#section2 .paging a.next{margin: 0 3px 0 6px;}
#section3 .frame{position:relative;width:1180px;min-height:1242px;margin:46px auto 0 auto;background:url(../img/bg_map_frame.png) no-repeat 50% 0;}
#section3 .use-noted{padding:0 0 0 65px;height:235px;font-size:18px;color:#fff;}
#section3 .use-noted .info{position:relative;padding:30px 0 0 78px;}
#section3 .use-noted .info .server{display:inline-block;vertical-align:middle;color:#fcaf77;}
#section3 .use-noted .info .server.dr{color:#52c6e3;}
#section3 .use-noted .info .name{display:inline-block;vertical-align:middle;}
#section3 .use-noted .info a{position:absolute;top:24px;left:350px;}
#section3 .use-noted .login-par{padding:30px 0 0 78px;display:inline-block;vertical-align:middle;text-indent: 0;line-height: 1;}
#section3 .use-noted .login-check{z-index:99998;position:absolute;top: 232px;left: 4px;width:1172px;height:1005px;text-align:center;background:url(../img/bg_frame_login.png) no-repeat 0 0;}
#section3 .use-noted .login-check p{padding:120px 0 20px 0;font-size:36px;}
#section3 .btn-group{z-index:10;position:relative;overflow:hidden;text-align:right;padding: 20px 0 0 63px;width: 600px;margin-top: -47px;}
#section3 .btn-group button{display:inline-block;overflow:hidden;height:29px;text-indent:-9999px;}
#section3 .btn-group .btn-all-delete{float:left;width:105px;background:url(../img/btn-all-delete.png) no-repeat 0 0;}
#section3 .btn-group .btn-example{width:125px;background:url(../img/btn-pos01.png) no-repeat 0 0;}
#section3 .btn-group .btn-pos{width:145px;background:url(../img/btn-pos02.png) no-repeat 0 0;}
#section3 .btn-group .btn-pos.active{background:url(../img/btn-pos03.png) no-repeat 0 0;}
#section3 .use-form{margin: 55px 0 0 63px;color:#fff;width: 616px; height: 270px;}
#section3 .use-form li{position:relative;margin:7px 0 0 0;}
#section3 .use-form li:first-child{margin-bottom: 30px;}
#section3 .use-form .intx1{width:529px;font-size:15px;margin:0 0 0 20px;}
#section3 .use-form textarea{overflow-y:auto;width:615px;height:100px;border:none;font-size:15px;line-height:20px;}
#section3 .use-form label{position:absolute;left:96px;top:9px;font-size:15px;line-height:21px;color:#666;cursor:text;}
#section3 .use-form #txtWishComment + label{top:50px;left:10px;}
#section3 .use-form .total-txt{display: block; position: absolute; top: 14px; right:1px; width: 153px; font-size: 12px; color: #fff;text-align: right;}
#section3 .btn-area{padding:40px 0 0 0;text-align: right;width: 680px;}
#section3 a.over1, #section3 a.over2{z-index:10;position:absolute;overflow:hidden;display:block;width:40px;height:40px;text-indent:-9999px;background: #000;opacity:0;filter:alpha(opacity=0);}
#section3 a.over1{top: 241px;left: 877px;}
#section3 a.over2{top: 401px;left: 877px;}
#section3 .detail{display:none;z-index:2;position:absolute;opacity:0;filter:alpha(opacity=0)}
#section3 a.over1 + .detail{top: 169px;left: 799px;}
#section3 a.over2 + .detail{top: 329px; left: 787px;}
#section3 .img-gif{position:absolute;top: 648px; left: 764px;}
#section3 .img-gif:after{display:block;content:'';clear:both;}
#section3 .img-gif li{float:left;margin:0 0 0 5px;}
#section3 .img-gif li:first-child{margin:0;}
#section3 .img-gif li.last{margin:-34px 0px 0 1px;}
#map{z-index: 20;position:relative;top:0px;left: 0;width: 100%;background: url(../img/bg_use_control.png) no-repeat 735px 7px;}
#map:after{display:block;clear:both;content:'';}
#map .map-inner{position:relative;width:100%;height: 590px;margin:49px 0 0 50px;overflow: hidden;}
#map .map{width:600px;height:520px;padding:12px;background:url(../img/bg_map.png) no-repeat 0 0;}
#map .map.active .posImg{z-index:10;position:absolute;top:0;left:0;width:620px;height:100%;background:url(../img/bg_map_pos.png) no-repeat 0 0;}
#map .map .grid{height:520px;}
#map .map .grid li{position:absolute;width:40px;height:40px;}
#map .map .grid li.ui-droppable-hover,
#map .map .grid li.hover-next{background-color:red;opacity:.5;}
#map .map .grid li.two-space,
#map .map .grid li.two-space-hover{z-index:1;width:80px;}
#map .map .pos{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#map .map .pos .block{cursor:move;}
#map .map .pos .btn-delete{z-index:3;overflow:hidden;display:none;position:absolute;top:-16px;right:-13px;width:21px;height:21px;text-indent:-9999px;background:url(../img/btn_block_delete.png) no-repeat 0 0;}
#map .map .pos .block.active .btn-delete{display:block;}
#map .map ul:after{display:block;clear:both;content:'';}
#map .map .pos li{position:absolute;width:40px;height:40px;line-height:40px;list-style:none;text-align:center;font-size:14px;font-weight:bold;font-size:0;color:#fff;}
#map .map .pos li.active{z-index:10 !important;}
#map .map .pos li.b13,
#map .map .pos li.b14,
#map .map .pos li.b15,
#map .map .pos li.b16{z-index:9;width:80px;}
#map .map .pos li.b13.active:after,
#map .map .pos li.b14.active:after,
#map .map .pos li.b15.active:after,
#map .map .pos li.b16.active:after{top: -6px;left:16px;}
#map .map .pos li.b13 .btn-delete,
#map .map .pos li.b14 .btn-delete,
#map .map .pos li.b15 .btn-delete,
#map .map .pos li.b16 .btn-delete{top: -13px;right: 7px;}
#map .block-wrap{margin: 316px 0 0 135px;}
#map .block-list{width: 280px;}
#map .block-list:after{display:block;clear:both;content:'';}
#map .block-list li{position:absolute;width:40px;height:40px;cursor:move;}
#map .block-list li.b13.active:after,
#map .block-list li.b14.active:after,
#map .block-list li.b15.active:after,
#map .block-list li.b16.active:after{top:-4px;left:16px;}
#map .block-list li.b1{top:288px;left:760px;}
#map .block-list li.b2{top:288px;left:830px;}
#map .block-list li.b3{top:288px;left:900px;}
#map .block-list li.b4{top:288px;left:970px;}
#map .block-list li.b5{top:344px;left:760px;}
#map .block-list li.b6{top:344px;left:830px;}
#map .block-list li.b7{top:344px;left:900px;}
#map .block-list li.b8{top:344px;left:970px;}
#map .block-list li.b9{top:458px;left:760px;}
#map .block-list li.b10{top:458px;left:830px;}
#map .block-list li.b11{top:458px;left:900px;}
#map .block-list li.b12{top:458px;left:970px;}
#map .block-list li.b13{z-index:1;width:80px;top: 519px;left: 740px;}
#map .block-list li.b14{z-index:1;width:80px;top: 519px;left: 811px;}
#map .block-list li.b15{z-index:1;width:80px;top: 519px;left: 884px;}
#map .block-list li.b16{z-index:1;width:80px;top: 519px;left: 955px;}
#map .block-list li.b13 > img,
#map .block-list li.b14 > img,
#map .block-list li.b15 > img,
#map .block-list li.b16 > img{margin: -15px 0 0 1px;}
/* common */
#map .map .pos li > img,
#map .block-list li > img{position:relative;z-index:2;margin:-4px 0 0 0;}
#map .map .pos li.active:after,
#map .block-list li.active:after{z-index:1;position:absolute;top: -8px;left:-4px;display:block;content:'';clear:both;width:48px;height:52px;background:url(../img/bg_block_selected.png) no-repeat 0 0;}
/*#map .map .pos li.b13.ui-draggable-dragging,
#map .map .pos li.b14.ui-draggable-dragging,
#map .map .pos li.b15.ui-draggable-dragging,
#map .map .pos li.b16.ui-draggable-dragging,
#map .block-list li.b13.ui-draggable-dragging,
#map .block-list li.b14.ui-draggable-dragging,
#map .block-list li.b15.ui-draggable-dragging,
#map .block-list li.b16.ui-draggable-dragging{background:red;}*/
#map .map .pos li.b13.ui-draggable-dragging img,
#map .map .pos li.b14.ui-draggable-dragging img,
#map .map .pos li.b15.ui-draggable-dragging img,
#map .map .pos li.b16.ui-draggable-dragging img,
#map .block-list li.b13.ui-draggable-dragging img,
#map .block-list li.b14.ui-draggable-dragging img,
#map .block-list li.b15.ui-draggable-dragging img,
#map .block-list li.b16.ui-draggable-dragging img,
#map .map .pos li.b13 img,
#map .map .pos li.b14 img,
#map .map .pos li.b15 img,
#map .map .pos li.b16 img{margin:-17px 0 0 0;}
#map .block-list li.b13.ui-draggable-dragging,
#map .block-list li.b14.ui-draggable-dragging,
#map .block-list li.b15.ui-draggable-dragging,
#map .block-list li.b16.ui-draggable-dragging{width:80px;}

/* modal popup */
.modal-popup{display:none;z-index:99999;position:fixed;top:0;left:50%;width:100%;min-width:1280px;width:100%;height:100%;min-height:768px;margin:0 0 0 -50%}
.modal-popup .modal-wrap{z-index:99990;position:absolute;top:50%;left:50%;width:1120px;height:660px;background: url(../img/bg_modal_wrap.png) no-repeat 0 0 ;}
.modal-popup .modal-wrap .inner-cont{padding:;}
.modal-popup .modal-wrap .btn-close{position:absolute;right:0;top:0;overflow:hidden;display:block;width:50px;height:50px;text-indent:-9999px;background: #000; opacity: 0;filter:alpha(opacity=0);}
.view-area{overflow:hidden;}
.view-area .map-info{float:left;width:600px;height:656px;position: relative;}
.view-area .map-info .head{/* position:relative; */height:61px;margin:37px 0 0 0;padding:0 0 0 8px;}
.view-area .map-info .head .subject{display:block;overflow:hidden;width:495px;font-size:18px;font-weight:normal;color:#fff;}
.view-area .map-info .head .subject-input{position:relative;display:block;width:490px;}
.view-area .map-info .head .subject-input .intx1{width:100%;font-size:15px;}
.view-area .map-info .head .subject-input label{display:none;position:absolute;left:14px;top:10px;font-size:18px;line-height:21px;color:#666;cursor:text;}
.view-area .map-info .head .date{position:absolute;top: 44px;right:0;display:block;padding:0 0 0 32px;font-size:11px;color:#76e6f9;background: url(../img/bg_line01.png) no-repeat 0 4px;}
.view-area .map-info .head .use{margin:13px 0 0 0;}
.view-area .map-info .head .use .server{font-size:14px;color:#fcaf77;}
.view-area .map-info .head .use .server.dr{color:#52c6e3;}
.view-area .map-info .head .use .name{padding:0 0 0 4px;font-size:14px;color:#ff65d5;}
.view-area .map-info .map{width:100%;height:520px;background: url(../img/bg_map_view.jpg) no-repeat 0 0;}
.view-area .map-info .map .slot{position:relative;height: 100%;}
.view-area .map-info .map .slot:after{display:block;content:'';clear:both;}
.view-area .map-info .map .slot li{position:absolute;width:40px;height:40px;text-align:center;}
.view-area .map-info .map .slot li > img{position: relative; z-index: 2; margin: -4px 0 0 0;}
.view-area .map-info .map .slot li.big{z-index:10;width:80px;}
.view-area .map-info .map .slot li.big img{margin:-17px 0 0 0;}
.view-area .text-wrap{position:relative;overflow:hidden;float:left;width:457px;height:600px;margin:0 0 0 55px;}
.view-area .text-wrap h3{padding:97px 0 0 0;}
.view-area .text-wrap .text-view{overflow:hidden;height:420px;margin:19px 0 0 0;font-size:16px;line-height:19px;color:#666;width: 457px;word-break:break-all;}
.view-area .text-wrap textarea{overflow-y:auto;width:615px;height:100px;border:none;font-size:15px;line-height:20px;}
.view-area .text-wrap label{display:none;position: absolute; left: 14px; top: 143px; font-size: 16px; line-height: 21px; color: #666; cursor: text;}
.view-area .text-wrap .total-txt{position: absolute; right: 0; color: #fff; top: 103px;}
.view-area .btn-area{position:absolute;bottom:0;right:0;}
.view-area .btn-area a + a{margin:0 0 0 5px;}
#mdfCont .head{height: 76px;margin:22px 0 0 0;}
#mdfCont .use{margin: 12px 0 0 0;}
#mdfCont{display:none;}

#topBarNav img {
	vertical-align: middle !important;
}
#canvas-wrap {
    display: none;
}
#canvas-wrap canvas {
    display: none;
}

/* layer popup */
.layer-popup{display:none;z-index:99999;position:fixed;top:49%;left:50%;width:330px;height:248px;margin:-124px 0 0 -165px;background: url(../img/bg_alert_wrap.png) no-repeat 0 0 ;}
.layer-popup .inner-cont{position:relative;height:246px;}
.layer-popup .alert-par{padding:89px 0 0 0;font-size:16px;text-align:center;color:#8468c2;}
.layer-popup .alert-par.n3, .layer-popup .alert-par.n4, .layer-popup .alert-par.n5{padding:100px 0 0 0;}
.layer-popup .btn-close{position: absolute; right: 0; top: 0; overflow: hidden; display: block; width: 40px; height: 40px; text-indent: -9999px; background: #000; opacity: 0;filter:alpha(opacity=0);}
.layer-popup .btn-area{position:absolute;bottom:0;left:0;width:100%;text-align:center;}

.dim{display:none;z-index:99998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.81;filter:alpha(opacity=81);}