@charset "utf-8";@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");html,body{width:100%;}
html{overflow-y:scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
body{font-size:14px;font-family:'맑은 고딕', 'Malgun Gothic', '돋움';padding:0;margin:0;color:#3a3a3a;}
ul,ol,li,dl,dt,dd{list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{position:relative;}
hr,legend{display:none;}
img,fieldset,iframe{border:none;vertical-align:middle;}
textarea{font-family:Malgun Gothic,"돋움", Arial, Tahoma, Verdana, AppleGothic, sans-serif;}
select{font-family:Malgun Gothic,"돋움", Arial, Tahoma, Verdana, AppleGothic, sans-serif;}
caption{display:none;}
input,select,button{vertical-align:middle;}
button{border:none;}
table{border:none;padding:0;border-collapse:separate;border-spacing:0;*border-collapse:collapse;}
a{text-decoration:none;color:#5a5b5d;}
a:link,a:visited,a:active,a:focus{text-decoration:none !important;;}
a:hover{text-decoration:none !important;;}
.blind{display:block;overflow:hidden;top:-1000em;position:absolute;}
.clear{clear:both;}
#wrap{width:100%;}
#header{position:relative;}
#container{position:relative}
#container:after{display:block;clear:both;content:''}
.board_num_list{width:100%;text-align:center;margin:10px 0;}
.board_num_list a{display:inline-block;height:23px;line-height:23px;margin:0 2px;font-family:Malgun Gothic,"돋움", Arial, Tahoma, Verdana, AppleGothic, sans-serif;}
.board_num_list a:hover{text-decoration:none;}
.board_num_list a.num{padding:0 6px;background:#fff;border:1px solid #e2e2e2;font-weight:bold;}
.board_num_list a.num:hover, .board_num_list a.on{background:#5f5f5f;color:#fff;border:1px solid #5f5f5f;}
.board_num_list a.prev_all{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../../img/sub/b_prev_all.png') 8px 7px no-repeat;}
.board_num_list a.prev{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../../img/sub/b_prev.png') 8px 7px no-repeat;}
.board_num_list a.next_all{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../../img/sub/b_next_all.png') 8px 7px no-repeat;}
.board_num_list a.next{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../../img/sub/b_next.png') 8px 7px no-repeat;}
.board_num_list a.prev_all:hover,.board_num_list a.prev:hover,.board_num_list a.next:hover,.board_num_list a.next_all:hover{border:1px solid #5f5f5f}
.loader{width:80px;height:122px;border:5px solid #f1f1f1;border-radius:8px;float:left;}
.loader:before{content:"";width:30px;height:15px;background-color:#f1f1f1;margin-top:-15px;margin-left:25px;border:0px solid #f1f1f1;position:absolute;border-top-left-radius:2px;border-top-right-radius:2px;}
.side-loader{float: left; margin-left: 100px; height: 40px; width: 128px; border: 2px solid #f1f1f1; border-radius: 4px;}
.side-loader:after{content:"";height:0px;width:0px;background-color:#f1f1f1;margin-top:22px;margin-left:8px;border:0px solid #f1f1f1;position:absolute;border-bottom-right-radius:2px;border-top-right-radius:2px;}
.perc{border-radius:2px;border:1px solid rgba(200,200,200,0.3);float:left;margin-top:2px;width:90%;height:16px;margin-left:3px;}
.side-perc{border-radius: 2px;
    border: 1px solid rgba(200,200,200,0.3);
    float: left;
    margin-top: 1px;
    width: 16px;
    height: 90%;
    margin-left: 3px;}
.red0{background-color:#ef9a9a;}
.red1{background-color:#FF5722;}
.red2{background-color:#f1a51e;}
.green0{background-color:#fec93b;}
.green1{background-color:#c1c554;}
.green2{background-color:#97c03c;}
.blink_me{animation:blinker 1s linear infinite;}
@keyframes blinker{50%{opacity:0;}
}

.singoStep ul li{display:table-cell;width:1%;height:64px;text-align:center;vertical-align:middle;border-radius:3px;border:1px solid #e6e6e6;background-color:#f7f7f7;position:relative;}
.singoStep ul li span{position:relative;display:inline-block;padding-left:40px;font-size:16px;font-weight:bold;color:#929292;}
.singoStep ul li span:before{content:"";position:absolute;left:-3px;top:-3px;width:50px;height:50px;background:url('') no-repeat;}
.singoStep ul li:first-child span:before{background-position:0 0px;}
.singoStep ul li:nth-child(2) span:before{background-position:0 -100px;}
.singoStep ul li:nth-child(3) span:before{background-position:0 -200px;}
.singoStep ul li:nth-child(4) span:before{background-position:0 -300px;}
.singoStep ul li:nth-child(5) span:before{background-position:0 -400px;}
.singoStep ul li.on{background:#238ad4;}
.singoStep ul li.on span{color:#3897e1;}
.singoStep ul li.on:first-child span:before{background-position:0 -50px;}
.singoStep ul li.on:nth-child(2) span:before{background-position:0 -150px;}
.singoStep ul li.on:nth-child(3) span:before{background-position:0 -250px;}
.singoStep ul li.on:nth-child(4) span:before{background-position:0 -350px;}
.singoStep ul li:first-child,
.singoStep ul li:nth-child(2){border-radius:3px 3px 3px 3px;margin-left:-2px;border-color:#e6e6e6 transparent #e6e6e6 #e6e6e6;}
.singoStep ul li:first-child:after,
.singoStep ul li:nth-child(2):after,
.singoStep ul li:nth-child(3):after{content:"";display:block;position:absolute;right:-12px;top:18px;z-index:1;width:46px;height:46px;border-radius:3px;border:1px solid transparent;border-color:transparent transparent #e6e6e6 #e6e6e6;background-color:#f7f7f7;transform:rotate(225deg) translateY(14px);-ms-transform:rotate(225deg) translateY(14px);-webkit-transform:rotate(225deg) translateY(14px);-moz-transform:rotate(225deg) translateY(14px);-o-transform:rotate(225deg) translateY(14px);}
.singoStep ul li.on:nth-child(2):before,{content:"";display:block;position:absolute;left:-34px;top:18px;z-index:1;width:46px;height:46px;border-radius:3px;border:1px solid transparent;border-color:transparent transparent #e6e6e6 #e6e6e6;background-color:#fff;transform:rotate(225deg) translateY(14px);-ms-transform:rotate(225deg) translateY(14px);-webkit-transform:rotate(225deg) translateY(14px);-moz-transform:rotate(225deg) translateY(14px);-o-transform:rotate(225deg) translateY(14px);}
.singoStep ul li.on{border-color:#66c6fc transparent #66c6fc #66c6fc;background-color:#fff;}
.singoStep ul li:nth-child(3).on{border-color:#66c6fc #66c6fc #66c6fc #66c6fc;}
.singoStep ul li.on:first-child:after,
.singoStep ul li.on:nth-child(2):after,
.singoStep ul li.on:nth-child(3):after{border-color:transparent transparent #66c6fc #66c6fc;background-color:#fff;z-index:1;}
.singoStep ul li.on:nth-child(2):before,
.singoStep ul li.on:nth-child(3):before{border-color:transparent transparent #66c6fc #66c6fc;background-color:#f7f7f7;z-index:1;}

#panelz{padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;}
#panelz{padding:50px;display:none;}
.led-box{width:100%;margin:0 auto;float:left;border:0px gray dotted;text-align:center}
.led-box p{font-size:12px;text-align:center;width:100%;float:left;}
.led-red{margin:0 auto;width:24px;height:24px;background-color:#F00;border-radius:50%;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;-webkit-animation:blinkRed 0.5s infinite;-moz-animation:blinkRed 0.5s infinite;-ms-animation:blinkRed 0.5s infinite;-o-animation:blinkRed 0.5s infinite;animation:blinkRed 0.5s infinite;}
@-webkit-keyframes blinkRed{from{background-color:#F00;}
50%{background-color:#A00;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
to{background-color:#F00;}
}
@-moz-keyframes blinkRed{from{background-color:#F00;}
50%{background-color:#A00;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
to{background-color:#F00;}
}
@-ms-keyframes blinkRed{from{background-color:#F00;}
50%{background-color:#A00;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
to{background-color:#F00;}
}
@-o-keyframes blinkRed{from{background-color:#F00;}
50%{background-color:#A00;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
to{background-color:#F00;}
}
@keyframes blinkRed{from{background-color:#F00;}
50%{background-color:#A00;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
to{background-color:#F00;}
}
.led-yellow{margin:0 auto;width:24px;height:24px;background-color:#FF0;border-radius:50%;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;-webkit-animation:blinkYellow 1s infinite;-moz-animation:blinkYellow 1s infinite;-ms-animation:blinkYellow 1s infinite;-o-animation:blinkYellow 1s infinite;animation:blinkYellow 1s infinite;}
@-webkit-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@-moz-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@-ms-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@-o-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
.led-green{margin:0 auto;width:24px;height:24px;background-color:#ABFF00;border-radius:50%;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;}
.led-blue{margin:0 auto;width:24px;height:24px;background-color:#24E0FF;border-radius:50%;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;}
.led-yellow{margin:0 auto;width:24px;height:24px;background-color:#FF0;border-radius:50%;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;-webkit-animation:blinkYellow 1s infinite;-moz-animation:blinkYellow 1s infinite;-ms-animation:blinkYellow 1s infinite;-o-animation:blinkYellow 1s infinite;animation:blinkYellow 1s infinite;}
@-webkit-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@-moz-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@-ms-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@-o-keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
@keyframes blinkYellow{from{background-color:#FF0;}
50%{background-color:#AA0;box-shadow:rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;}
to{background-color:#FF0;}
}
#contactUs{float:left;width:878px;padding-bottom:10px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC;font-size:14px;}
#contactUs dl{float:left;width:100%;margin-top:10px;}
#contactUs dl dt{float:left;line-height:30px;padding:0 20px;border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1){border-left:0 none;}
#contactUs dl dd:nth-of-type(1){width:30%;}
#contactUs dl dd:nth-of-type(2){width:10%;}
#contactUs dl dd{float:left;line-height:30px;word-break:break-all;}
#pageSurvey{clear:both;padding-bottom:20px;margin-bottom:0px;background:#f8f8f8;border:1px solid #CCC;}
#pageSurvey dl{padding:15px 20px 0 20px;font-size:14px;}
#pageSurvey dl dd{padding-top:10px;}
#pageSurvey dl dd ul{margin:0;}
#pageSurvey dl dd label{margin-right:12px;font-weight:normal;}
#pageSurvey dl dd label input{margin-right:5px;}
#pageSurvey dl dd input[type='text']{width:88.4%;height:30px;padding-left:10px;border:1px solid #CCC;border-top-left-radius:3px;border-bottom-left-radius:3px;}
#pageSurvey dl dd button{width:10%;height:36px;margin-left:-1px;background:#333;color:#FFF;border:0 none;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.sr-only-focusable:active,
.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
.pull-left{float:left!important;}
.modal{display:none;position:fixed;z-index:2;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:50%;}
.close{color:#aaaaaa;float:right;font-size:28px;font-weight:bold;}
.close:hover,
.close:focus{color:#000;text-decoration:none;cursor:pointer;}
#imprvmButton{display: inline-block;float: right;min-width: 100px;height: 40px;padding: 0 20px;background-color: #0e3b64;color: #fff;font-weight: bold; font-size: 16px;line-height: 42px; text-align: center;vertical-align: middle;text-decoration: none;}