@charset UTF-8;

.down,.down1,.down2 {
	float:left;
}

.button_login,.container a,.down-content a,a {
	text-decoration:none;
}

.circleloader {
border:5px solid #fff;
border-radius:100px;
height:50px;
opacity:0;
position:absolute;
top:80px;
width:50px;
display:block;
animation:pulsate 1s ease-out;
animation-iteration-count:infinite;
margin:auto 37%;
}

100% {
	transform:scale(1.2);
	opacity:0;
}

.spinner div {
width:10px;
height:10px;
position:absolute;
left:-20px;
top:100px;
background-color:#fff;
border-radius:50%;
animation:move 2s infinite cubic-bezier(.2,.64,.81,.23);
}

.spinner div:nth-child(2) {
animation-delay:150ms;
}

.spinner div:nth-child(4) {
animation-delay:450ms;
}

100%,75% {
left:100%;
}

.circleloaderbg {
z-index:3;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
overflow:auto;
background-color:rgba(0,0,0,.4);
}

.circleloaderpanel {
left:-250px;
background-color:transparent;
position:relative;
outline:0;
width:500px;
height:200px;
margin:17% 50%;
padding:0;
}

#headerbar,.loadercontent_Text,h5,h9 {
position:absolute;
}

.circleloadercontent {
padding:10px 10%;
}

.loadertext {
text-align:center;
font-family:'Noto Sans KR',sans-serif;
color:#fff;
display:block;
font-size:11px;
margin-top:120px;
text-shadow:0 0 5px rgba(0,0,0,.3);
}

.loader_text,.loader_text_table {
text-align:center;
font-family:Arial,sans-serif;
font-size:16px;
text-spacing:2px;
display:block;
}

.loadercontent_Text {
left:45%;
right:45%;
bottom:50%;
z-index:1;
}

.loadercontentTable_Text {
position:absolute;
left:45%;
right:45%;
bottom:25%;
z-index:1;
background-color:rgba(0,0,0,.7);
}

h4,h5 {
color:#4d5259;
}

html,html * {
font-family:'Noto Sans KR',sans-serif;
margin:0;
padding:0;
}

.button_login,.down,.down1,.down2 {
margin-right:20px;
}

/* a {
color:#222427;
} */

hr {
border:1px solid #ebebeb;
}

/* h1 {
font-size:25px;
} */

h2 {
font-size:20px;
}

h3 {
font-size:14px;
text-align:left;
font-weight:300;
}

h4,h9 {
font-weight:400;
}

h4 {
font-size:12px;
margin-top:20px;
}

.button_login,.checkboxset,.wrap10 {
margin-top:10px;
}

h5 {
font-size:10px;
margin-left:8px;
display:inline-block;
}

h6 {
font-size:12px;
}

h9 {
font-size:8px;
}

fieldset {
border:0;
top:0;
left:0;
display:inline-block;
}

.bgframebrowser {
position:fixed;
top:0;
bottom:0;
right:0;
left:0;
border:0 solid;
z-index:-70;
}

#headerbar {
width:100%;
height:50px;
top:0;
background-color:#fff;
display:block;
min-width:1200px;
border-bottom:1px solid rgba(219,219,219,1);
z-index:3333;
}

.down-content,.down-sub-content {
min-width:160px;
box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
z-index:1;
position:absolute;
}

.container {
margin-left:220px;
position:absolute;
}

.container a {
float:left;
font-size:12px;
color:#222427;
text-align:center;
padding:15px 16px;
}

.down .dropbtn,.down1 .dropbtn1,.down2 .dropbtn2 {
color:#222427;
background-color:transparent;
}

.down-content {
display:none;
background-color:#0093ff;
}

.down-content a {
float:none;
color:#fff;
display:block;
text-align:left;
cursor:pointer;
padding:12px 16px;
}

#ttl_congestionindicator,#ttl_navidata,#ttl_trafficvolume,#ttl_velocity {
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
}

.down-content a:hover {
background-color:#07d;
border-left:5px solid #fff;
}

.down-sub-content {
left:160px;
display:none;
background-color:#0093ff;
}

#ttl_navidata,#ttl_trafficvolume {
border-bottom:4px solid #0093ff;
}

.button_login {
border:none;
background-color:#fff;
color:#222427;
float:right;
text-align:center;
font-size:12px;
font-weight:500;
height:30px;
display:inline-block;
cursor:pointer;
padding:2px 15px;
}

.close,.dropdown li.active {
font-weight:700;
}

.button_login:hover {
color:#07d;
}

/* .loginpanel {
z-index:3333333;
display:none;
position:absolute;
right:0;
top:50px;
width:310px;
overflow:auto;
background-color:rgba(255,255,255,1);
box-shadow:0 0 5px rgba(0,0,0,.3);
} */

.close {
position:absolute;
right:10px;
top:0;
color:#000;
font-size:20px;
}

.close:focus,.close:hover {
color:red;
cursor:pointer;
}

.clearfix::after {
content:"";
clear:both;
display:table;
}

.checkboxset {
position:relative;
}

input[type=checkbox] {
visibility:hidden;
}

/* .checkboxset label {
cursor:pointer;
position:absolute;
width:15px;
height:15px;
top:0;
left:0;
border:1px solid #222427;
} */

/* .checkboxset label:after {
opacity:.2;
content:'';
position:absolute;
width:6px;
height:4px;
background:0 0;
top:2px;
left:2px;
border:3px solid #222427;
border-top:none;
border-right:none;
transform:rotate(-45deg);
} */

.dropdown .old,.dropdown div,.dropdown select,.dropdown ul {
position:absolute;
left:0;
}

/* .button_log_in,.button_signup {
border:1px solid #222427;
text-align:center;
margin-top:20px;
text-decoration:none;
display:inline-block;
font-size:14px;
cursor:pointer;
}
 */
.checkboxset label:hover::after {
opacity:.5;
}

/* .button_signup {
background-color:#fff;
color:#222427;
margin-left:15px;
padding:5px 25px;
} */

/* .button_log_in {
background-color:#fff;
color:#222427;
margin-left:10px;
padding:5px 30px;
} */

#pageselectset {
float:right;
margin-right:10px;
width:180px;
display:none;
}

.dropdown,.dropdown div,.dropdown div::after,.dropdown li {
-webkit-transition:all 150ms ease-in-out;
-moz-transition:all 150ms ease-in-out;
-ms-transition:all 150ms ease-in-out;
transition:all 150ms ease-in-out;
}

.dropdown .selected::after,.dropdown.scrollable div::after {
-webkit-pointer-events:none;
-moz-pointer-events:none;
-ms-pointer-events:none;
pointer-events:none;
}

.dropdown {
position:absolute;
width:180px;
height:51px;
cursor:pointer;
text-align:left;
padding-left:10px;
padding-top:14px;
padding-bottom:0;
-webkit-transition-duration:.2s;
transition-duration:.2s;
border:0 solid #4d5259;
background-color:#07d;
box-sizing:border-box;
}

.dropdown.open {
z-index:2;
}

.dropdown .carat {
position:absolute;
right:12px;
top:47%;
border:4px solid transparent;
border-top:5px solid #fff;
}

.dropdown.open .carat {
margin-top:-5px;
border-top:4px solid transparent;
border-bottom:5px solid #fff;
}

.dropdown.disabled .carat {
border-top-color:#999;
}

.dropdown .old {
top:0;
height:0;
width:0;
}

.dropdown.touch .old,.dropdown.touch select {
width:100%;
height:100%;
}

.dropdown select {
top:0;
}

.dropdown .selected,.dropdown li {
display:block;
font-size:13px;
line-height:1.8;
color:#fff;
white-space:nowrap;
padding:1px 12px;
}

.dropdown.disabled .selected {
color:#999;
}

.dropdown .selected::after {
content:'';
position:absolute;
right:0;
top:0;
bottom:0;
width:60px;
border-radius:0 2px 2px 0;
box-shadow:inset -55px 0 25px -20px transparent;
}

.dropdown div {
display:inline-block;
height:0;
right:0;
top:100%;
margin-top:0;
background:#0093ff;
border:0 solid #fff;
border-top:0 solid #eee;
border-radius:0;
opacity:0;
box-shadow:0 0 5px rgba(0,0,0,.3);
}

.dropdown.open div {
opacity:1;
z-index:2;
}

.dropdown.scrollable div::after {
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
height:50px;
box-shadow:inset 0 -50px 30px -35px transparent;
}

.dropdown ul {
top:0;
height:100%;
width:100%;
list-style:none;
}

.dropdown.scrollable.open ul {
overflow-y:auto;
}

.dropdown li {
list-style:none;
z-index:33333334;
padding:10px 20px;
}

.dropdown li.focus {
background:#07d;
position:relative;
z-index:3;
color:#fff;
}

.topdownslidepanel {
width:100%;
height:370px;
margin-top:-280px;
background-color:#373a3f;
}

.topdownslidepanel.on {
margin-top:50px;
}

/* .optionbox, */.optionbox1 {
margin-top:0;
background-color:#44474e;
width:100%;
position:absolute;
border-bottom:2px solid #222427;
}

/* .optionbox {
height:330px;
} */

.optionbox1 {
height:360px;
}

.topdownslidepaneldownload {
width:100%;
height:40px;
margin-top:25px;
background-color:#373a3f;
}

.topdownslidepaneldownload.on {
margin-top:-70px;
}

.topdownhandldownload,.topdownhandle {
background:#222427;
width:40px;
height:40px;
position:absolute;
padding:0;
}

.topdownhandle {
margin-top:330px;
}

.topdownhandldownload {
margin-top:120px;
}

.arrowbutton {
width:40px;
height:40px;
position:absolute;
border:0 solid #fff;
background-color:transparent;
cursor:pointer;
padding:2px;
}

.rotate {
transform:rotate(-180deg);
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
}

.suboption {
border:1px solid #222427;
display:inline-block;
width:259px;
height:30px;
border-radius:0;
overflow:hidden;
background-color:#fff;
margin:5px 10px 5px 260px;
}

.precolumdownload,.precolumn {
border-right:0 solid #a8a8a8;
display:inline-block;
left:0;
}

.suboption label {
color:#d7d7d7;
display:inline-block;
cursor:pointer;
font-size:10px;
text-align:center;
font-weight:500;
width:128px;
height:30px;
margin-right:-1px;
box-sizing:border-box;
padding:6px 20px;
}

.fcheckbox label,.fradio label {
margin-right:5px;
line-height:10px;
cursor:pointer;
}

.suboption input[type=radio]:checked+label {
color:#fff;
background:#0093ff;
}

.precolumn {
width:70px;
height:280px;
margin-top:40px;
margin-bottom:40px;
position:absolute;
}

.precolumdownload {
width:80px;
height:50px;
}

.titlepointer {
width:100%;
height:40px;
margin-top:0;
left:0;
background-color:#222427;
}

.column,.column1 {
height:250px;
margin-top:10px;
}

.column {
width:30%;
border-right:1px solid #50545b;
display:inline-block;
position:absolute;
}

.column1 {
width:40%;
margin-left:40%;
border-right:0 solid #a8a8a8;
display:inline-block;
}

.columnshort1,.columnshort3 {
margin-left:40px;
}

.columnshort,.columnshort1 {
width:250px;
margin-top:5px;
border-right:1px solid #50545b;
height:30px;
display:inline-block;
}

.columnshort3 {
width:80px;
height:30px;
position:relative;
top:-10px;
border:none;
display:inline-block;
}

.namebox {
height:15px;
width:100%;
margin-left:5px;
display:block;
margin-bottom:10px;
}

.f_nameboxinfo,.nameboxinfo {
width:230px;
margin-left:5px;
}

.nameboxinfo {
height:40px;
display:block;
border-top:2px solid #ef6461;
border-bottom:1px solid #ebebeb;
}

.f_nameboxinfo {
height:110px;
display:block;
border-top:2px solid #19bcff;
border-bottom:1px solid #19bcff;
}

.namebox100,.nameboxl {
margin-left:0;
display:block;
width:100%;
}

.nameboxl {
height:30px;
margin-bottom:15px;
background-color:transparent;
padding:3px 0;
}

.namebox100 {
height:90px;
}

.namebox120 {
height:110px;
width:100%;
margin-left:10px;
display:block;
}

.namebox120l {
height:130px;
width:100%;
margin-bottom:15px;
margin-left:0;
display:block;
}

.sampleselectpre {
margin-top:2px;
margin-left:60px;
position:absolute;
display:inline-block;
}

.sampleselectpre1 {
margin-top:40px;
margin-left:15px;
position:absolute;
}

.fcheckbox,.fradio {
height:30px;
margin-top:-3px;
}

.fradio {
width:220px;
}

.fradio label {
position:relative;
display:inline-block;
padding-left:16px;
padding-right:10px;
color:#d1d7e3;
}

.fradio label::before {
content:" ";
position:absolute;
top:2px;
left:0;
display:block;
width:10px;
height:10px;
border:1px solid #d1d7e3;
border-radius:4px;
}

.fradio input[type=radio]+label::before {
border-radius:12px;
}

.fradio input[type=radio]:checked+label {
padding-left:12px;
z-index:1;
color:#fff;
}

.fradio input[type=radio]:checked+label::before {
top:-3px;
width:100%;
height:17px;
border:2px solid #006dbd;
background:#006dbd;
z-index:-1;
}

.qnaselect-style:disabled,.select-style1:disabled,.select-style2:disabled,.select-style:disabled,.timeoption input[type=checkbox]:disabled+label,.timeoption1 input[type=checkbox]:disabled+label {
opacity:.3;
}

.fcheckbox label {
position:relative;
display:inline-block;
padding-left:16px;
padding-right:8px;
margin-bottom:5px;
color:#d1d7e3;
}

.fcheckbox label::before {
content:" ";
position:absolute;
top:2px;
left:0;
display:block;
width:10px;
height:10px;
border:1px solid #d1d7e3;
border-radius:1px;
}

.fcheckbox input[type=checkbox]:checked+label {
padding-left:14px;
z-index:1;
color:#fff;
}

.timeoption label,.timeoption1 label {
color:#8e96a3;
width:30px;
border:1px solid #cbcedf;
border-radius:50%;
}

.fcheckbox input[type=checkbox]:checked+label::before {
top:-4px;
width:100%;
height:20px;
border:2px solid #006dbd;
background:#006dbd;
z-index:-1;
}

.select-style,.slider {
top:0;
position:absolute;
}

.switch {
position:absolute;
display:inline-block;
margin-left:0;
margin-top:9px;
width:25px;
height:14px;
}

.timeoption,.timeoption1 {
margin-left:16px;
overflow:hidden;
}

.slider {
cursor:pointer;
left:0;
right:0;
bottom:0;
background-color:#d1d7e3;
-webkit-transition:.4s;
transition:.4s;
}

.slider:before {
position:absolute;
content:"";
height:10px;
width:10px;
left:2px;
bottom:2px;
background-color:#7c8287;
-webkit-transition:.4s;
transition:.4s;
}

input:checked+.slider {
background-color:#006dbd;
}

input:focus+.slider {
box-shadow:0 0 1px #006dbd;
}

input:checked+.slider:before {
-webkit-transform:translateX(11px);
-ms-transform:translateX(11px);
transform:translateX(11px);
background-color:#fff;
}

.slider.round {
border-radius:34px;
}

.slider.round:before {
border-radius:50%;
}

.timeoption {
border:0 solid #cbcedf;
width:472px;
border-radius:0;
background-color:none;
margin-top:40px;
}

.timeoption1 {
border:0 solid #cbcedf;
width:472px;
border-radius:0;
background-color:none;
margin-top:10px;
}

.select-style {
border:1px solid #d1d7e3;
width:110px;
height:20px;
font-size:10px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
border-radius:0;
overflow:hidden;
color:#a0a6b3;
background:url(../../../images/ViewT1.0/zeke/dropselectarrow1.png) 90% 50% no-repeat;
padding:0 10px;
}

.select-style select {
width:130%;
border:none;
box-shadow:none;
background:0 0;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
color:#222427;
padding:5px 8px;
}

.select-style1,.select-style2 {
height:20px;
top:0;
font-size:10px;
color:#a0a6b3;
position:relative;
overflow:hidden;
}

.select-style1 {
border:1px solid #d1d7e3;
width:90px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
border-radius:0;
background:url(../../../images/ViewT1.0/zeke/dropselectarrow1.png) 90% 50% no-repeat;
padding:0 10px 0 15px;
}

.select-style2 {
border:1px solid #d1d7e3;
width:60px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
border-radius:0;
background:url(../../../images/ViewT1.0/zeke/dropselectarrow1.png) 90% 50% no-repeat;
padding:0 10px;
}

.button_apply,.button_print {
border:1px solid #d1d7e3;
font-size:12px;
height:30px;
margin-bottom:20px;
margin-top:0;
display:inline-block;
width:70px;
text-align:center;
text-decoration:none;
padding:4px 5px;
}

.download_warningFrame,.warningFrame {
margin-right:50%;
box-shadow:0 0 5px rgba(0,0,0,.8);
}

.button_apply {
background-color:transparent;
color:#d1d7e3;
margin-left:20px;
}

.button_print {
background-color:transparent;
color:#d1d7e3;
margin-left:10px;
}

.btn_search {
margin-top:0;
display:inline-block;
}

.btn_search button {
background-color:#0093ff;
color:#f1f1f1;
border:1px solid #0093ff;
text-align:center;
text-decoration:none;
font-size:11px;
height:25px;
width:70px;
cursor:pointer;
box-sizing:border-box;
}

table {
border-collapse:collapse;
position:relative;
}

td,th {
text-align:center;
position:relative;
}

.warningFrame {
display:none;
position:absolute;
margin-left:50%;
left:-250px;
top:40%;
width:500px;
height:180px;
background-color:#44474e;
z-index:33333335;
padding:0;
}

.warningFrameTop {
width:100%;
height:5px;
background-color:#0093ff;
cursor:grabbing;
}

.warningFrameMidlleText {
color:#fff;
font-weight:300;
margin-top:50px;
margin-left:30px;
}

.cellWithoutBackground {
background-color:#fcf3cf;
z-index:1;
}

/* .SingUPcontent input[type=password],.logincontent input[type=password],.logincontent input[type=text] {
height:40px;
padding-left:10px;
}

.logincontent {
height:320px;
padding:10px 30px 30px;
} */

.button_search {
background-color:#0093ff;
color:#f1f1f1;
border:1px solid #0093ff;
text-align:center;
text-decoration:none;
font-size:12px;
height:30px;
width:70px;
cursor:pointer;
padding:7px 5px;
}

.columnshort2 {
width:250px;
height:40px;
position:relative;
top:-15px;
margin-left:40px;
border:none;
display:inline-block;
}

.inlinef {
display:inline-block;
position:absolute;
}

.uploadbg {
margin-left:50%;
margin-right:50%;
left:-250px;
top:30%;
position:relative;
width:500px;
height:auto;
background-color:rgba(0,0,0,.2);
border:0 solid #222427;
z-index:333333;
border-radius:20px;
padding:20px 30px 30px;
}

.fileuploadFrame {
z-index:333333;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
overflow:hidden;
background-color:rgba(0,0,0,.8);
display:none;
}

.uploadcontent {
width:100%;
height:50px;
border-bottom:0 solid #fff;
padding:10px;
}

.uploadcontent input::placeholder {
padding-left:5px;
font-size:10px;
}

.uploadcontentbtn {
margin-left:0;
margin-top:15px;
border-top:1px solid #fff;
text-align:left;
padding-top:20px;
}

.uploadcontentbtn button {
width:80px;
height:30px;
font-size:12px;
background-color:transparent;
border:1px solid #fff;
color:#fff;
cursor:pointer;
}

.fileBox .btn_file,.fileBox .fileName {
font-size:10px;
display:inline-block;
height:20px;
}

.uploadcontentbtn button:hover {
background-color:#0093ff;
border:1px solid #0093ff;
}

.download_warningFrame {
display:none;
position:absolute;
margin-left:50%;
left:-250px;
top:35%;
width:500px;
height:180px;
background-color:#44474e;
z-index:33333335;
padding:0;
}

.download_select-style {
border:1px solid #d1d7e3;
width:110px;
height:20px;
top:0;
font-size:10px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
position:absolute;
border-radius:0;
overflow:hidden;
color:#a0a6b3;
background:url(../../../images/ViewT1.0/zeke/dropselectarrow1.png) 90% 50% no-repeat;
padding:0 10px;
}

.fileBox .fileName {
width:190px;
padding-left:5px;
border:1px solid #fff;
vertical-align:middle;
background-color:transparent;
color:#a0a6b3;
}

.fileBox .btn_file:HOVER {
background-color:transparent;
color:#f1f1f1;
border:1px solid #0093ff;
cursor:pointer;
}

.fileBox .btn_file {
background:#0093ff;
color:#f1f1f1;
width:100px;
position:relative;
text-align:center;
margin-left:5px;
padding-top:1px;
top:-1px;
}

.fileBox input[type=file] {
position:absolute;
overflow:hidden;
display:none;
border:0;
padding:0;
}

.headerbarbrowser {
width:100%;
height:50px;
margin-top:0;
background-color:#0073ff;
display:block;
border-bottom:1px solid rgba(219,219,219,1);
z-index:3333;
}

.browsercheckbox {
width:600px;
height:750px;
left:-300px;
position:absolute;
background-color:#fff;
border:30px solid #fff;
border-radius:20px;
box-shadow:0 3px 12px 0 rgba(0,0,0,.2);
margin:5% 50%;
}

.returnbtnbox {
width:100%;
background-color:transparent;
}

.returnbtnbox button {
width:250px;
height:50px;
background-color:#0073ff;
border:1px solid #0073ff;
color:#fff;
cursor:pointer;
font-size:16px;
}

.returnbtnbox button:hover {
background-color:#fff;
border:1px solid #0073ff;
color:#0073ff;
}

.mobile_tableEmpty {
position:absolute;
z-index:102;
display:none;
width:1038px;
}

.boardbackground {
width:100%;
padding:0;
}

.boardframe {
width:max-content;
margin:auto;
padding:30px;
}

.boardtitle {
width:100%;
height:40px;
margin-top:100px;
color:#4d5259;
text-align:center;
font-weight:200;
display:block;
position:absolute;
}

.qaframeheader {
width:100%;
height:40px;
text-align:left;
border-top:1px solid #4d5259;
border-bottom:2px solid #4d5259;
display:block;
margin-top:10px;
padding:5px 0 0;
}

.qasubject {
width:100%;
color:#0093ff;
font-weight:200;
display:block;
}

.qaauthor,.qadate {
display:inline-block;
color:#4d5259;
}

.qadate {
margin-left:100px;
}

.qapage {
width:100%;
color:#4d5259;
text-align:center;
display:block;
margin-top:30px;
}

.qnasearchbar,.qnasearchbar button,.qnasearchbar input {
display:inline-block;
margin-top:0;
}

.qapage a:focus {
text-decoration:underline;
color:#0093ff;
}

.button_login_new,.ptPwCheckButtonApply {
text-decoration:none;
font-size:12px;
text-align:center;
}

.qapage a:hover {
cursor:pointer;
color:#0093ff;
}

.qapage u {
color:#0093ff;
}

.boardtopbg {
width:100%;
height:220px;
background-image:url(../../../images/ViewT1.0/zeke/boardbg.jpg);
background-repeat:no-repeat;
background-position:centertop;
background-size:100% auto;
margin-top:20px;
}

.qnatotalnum {
display:inline-block;
margin-top:55px;
position:absolute;
}

.qnatotalnum input {
border:none;
color:#0093ff;
}

.qnasearchbar {
width:100%;
text-align: center;
/* left:50%;
right:50%;
margin-left:0;
height:27px;
z-index:3333; */
}

.qnasearchbar input {
border:1px solid #4d5259;
width:350px;
height:40px;
color:#4d5259;
padding-left:10px;
margin-left:10px;
}

.qnasearchbar button {
width:110px;
height:40px;
background-repeat:no-repeat;
margin-left:-5px;
border:none;
border-radius:0;
cursor:pointer;
background-color:#222427;
color:#fff;
text-align:center;
}

.qnasearchbar button:hover {
background-color:#4d5259;
}

select::-ms-expand {
display:none;
background:url(../../../images/ViewT1.0/zeke/dropselectarrow.png) 90% 50% no-repeat;
}

.qnaselect-style {
border:1px solid #4d5259;
width:80px;
height:40px;
font-size:11px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
border-radius:0;
overflow:hidden;
color:#4d5259;
background:url(../../../images/ViewT1.0/zeke/dropselectarrow.png) 90% 50% no-repeat #fff;
display:inline-block;
padding:0 10px;
}

.qaheadingauthor,.qaheadingcheck,.qaheadingdate,.qaheadingnum,.qaheadingtitle {
height:20px;
color:#4d5259;
text-align:center;
display:inline-block;
}

.qnaselect-style select {
width:130%;
border:none;
box-shadow:none;
background:0 0;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
color:#4d5259;
margin-top:0;
padding:15px 8px;
}

.qaheadingnum {
width:50px;
font-size:11px;
margin-left:20px;
}

.qaheadingtitle {
width:490px;
font-weight:400;
top:0;
border:none;
}

.qaheadingauthor,.qaheadingcheck,.qaheadingdate {
width:120px;
font-weight:400;
top:0;
border:none;
}

.contentframe {
width:100%;
height:40px;
text-align:left;
border-bottom:1px solid #e1e0e0;
display:block;
overflow:hidden;
padding:0 0 0 20px;
}

.contentframe:hover {
background-color:#d1ebff;
}

.contentnum {
width:50px;
height:20px;
color:#6b6b6b;
text-align:center;
display:inline-block;
padding-top:0;
top:0;
margin-top:10px;
}

.qnachecked,.qnachecked1 {
top:-4px;
margin-left:15px;
position:relative;
background-repeat:no-repeat;
}

.contenttitle {
width:490px;
height:20px;
color:#6b6b6b;
text-align:left;
display:inline-block;
border:none;
padding-left:20px;
}

.contentauthor,.contentcheck,.contentdate {
width:120px;
height:20px;
border:none;
display:inline-block;
}

.contentauthor,.contentdate {
color:#6b6b6b;
text-align:center;
}

.contentcheck {
text-align:center;
}

.qnachecked {
height:30px;
display:inline-block;
border-left:1px solid #62bafb;
}

.qnachecked input {
border:none;
font-size:13px;
font-weight:400;
}

.qnachecked1 {
height:30px;
display:inline-block;
background-image:url(../../../images/ViewT1.0/zeke/checked.png);
border-left:1px solid #62bafb;
}

.qnachecked1 input {
border:none;
color:#15e65f;
padding-left:20px;
background:0 0;
font-size:13px;
font-weight:400;
}

.questionbtn {
margin-top:40px;
margin-left:20px;
float:right;
}

.questionbtn button {
width:130px;
height:30px;
background-color:#0093ff;
color:#f1f1f1;
cursor:pointer;
border:none;
text-align:center;
border-radius:20px;
}

.questionbtn button:hover,.questionerase button {
background-color:#fff;
border:1px solid #0093ff;
color:#0093ff;
}

.questionerase {
display:inline-block;
float:right;
position: relative;
bottom: -6px;
}

.questionerase button {
width:120px;
height:40px;
text-align:center;
cursor:pointer;
display:inline-block;
}

.questionerase button:hover {
color:#f1f1f1;
background-color:#0093ff;
}

.quickanswerpanel {
width:100%;
margin-top:20px;
border-top:1px solid #4d5259;
padding:20px 20px 0;
}

.qcontentbox {
background-color:#dceffc;
border:none;
color:#4d5259;
margin-top:10px;
padding:20px;
}

.qcontentbox textarea {
border:none;
background-color:transparent;
width:100%;
margin-right:10px;
resize:none;
}

#div_answerpanel_answerbutton,#div_answerpanel_lastanswerbutton {
width:100px;
height:30px;
margin-top:10px;
margin-left:0;
margin-bottom:20px;
background-color:transparent;
border:1px solid #4d5259;
color:#4d5259;
cursor:pointer;
display:inline-block;
}

#div_answerpanel_answerbutton:hover,#div_answerpanel_lastanswerbutton:hover {
background-color:#0093ff;
color:#f1f1f1;
border:1px solid #0093ff;
}

.quickreplypanel {
width:100%;
border-top:1px dashed #4d5259;
background-color:#fff;
margin-top:0;
margin-left:0;
padding:20px 20px 0;
}

.quickreplypanel input {
width:300px;
height:25px;
padding-left:5px;
}

.acontentbox,.acontentbox1 {
color:#4d5259;
padding:10px;
}

.acontentbox {
background-color:#fff;
border:1px solid #62bafb;
}

.acontentbox1 {
background-color:#f1f1f1;
border:1px solid #f1f1f1;
}

.answerbtns {
display:inline-block;
}

.answerbtns button {
width:100px;
height:30px;
margin-top:10px;
margin-left:0;
margin-bottom:20px;
background-color:#fff;
border:1px solid #62bafb;
color:#62bafb;
cursor:pointer;
display:inline-block;
}

.QA_QuestionPanel,.returnbtn {
border-top:1px solid #4d5259;
}

.answerbtns button:hover {
background-color:#dceffc;
color:#0093ff;
}

.returnbtn {
margin-top:20px;
margin-right:20px;
width:100%;
text-align:right;
}

.returnbtn button {
width:100px;
height:30px;
margin-top:10px;
margin-left:0;
margin-bottom:20px;
background-color:#4d5259;
border:1px solid #4d5259;
color:#f1f1f1;
cursor:pointer;
display:inline-block;
}

.returnbtn button:hover {
background-color:#f1f1f1;
color:#4d5259;
}

.QA_QuestionPanel {
width:1000px;
position:absolute;
left:-500px;
margin:10px 50% 0;
padding:20px;
}

.QA_QuestionPanel  input::placeholder {
	color:#bcbcbc;
} 

.articlesubject,.surveyContent {
position:relative;
left:-400px;
color:#4d5259;
}

.QA_Question {
width:100%;
display:block;
padding:0 0 30px;
}

.articlesubject {
width:800px;
font-size:13px;
background-color:transparent;
border-bottom:1px solid #f1f1f1;
margin:0 50%;
padding:10px 20px;
}

.articlesubject input,.articlesubject textarea {
border:none;
background-color:#dceffc;
padding-left:10px;
}

.articlesubject input {
width:710px;
height:30px;
margin-left:20px;
}

.articlecontent textarea,.articlesubject textarea {
margin-left:92px;
margin-top:20px;
resize:none;
display:inline-block;
}

.articlesubject textarea {
width:700px;
}

.articlecontent {
width:100%;
color:#4d5259;
font-size:13px;
background-color:transparent;
border-bottom:1px solid #f1f1f1;
padding:10px 20px 30px;
}

.articlecontent textarea {
width:700px;
border:none;
background-color:#dceffc;
padding-left:10px;
}

.surveyContent {
width:800px;
font-size:15px;
background-color:transparent;
border-bottom:1px solid #f1f1f1;
margin:0 50%;
padding:10px 20px 30px;
}

.surveyContent div {
color:#4d5259;
margin-bottom:7px;
}

.surveyContent input[type=checkbox] {
margin-left:20px;
}

.surveyContent textarea {
width:785px;
height:150px;
border:none;
background-color:#dceffc;
display:inline-block;
resize:none;
overflow:auto;
margin:5px 0 0 15px;
padding:10px;
}

.lettercounting,.ssLetterCounting {
width:800px;
font-size:11px;
text-align:right;
right:200px;
opacity:.5;
}

.lettercounting {
margin-top:5px;
}

.ssLetterCounting {
padding-bottom:10px;
border-bottom:1px dotted #dbdbdb;
margin:5px 0 20px;
}

.articlebtn {
margin-top:20px;
text-align:center;
}

.articlebtn button {
width:100px;
height:30px;
color:#f1f1f1;
background-color:#0093ff;
border:1px solid #0093ff;
cursor:pointer;
}

.articlebtn button:hover {
background-color:#f1f1f1;
color:#0093ff;
}

.rightangle {
width:10px;
height:10px;
border-left:1px solid #4d5259;
border-bottom:1px solid #4d5259;
background-color:transparent;
display:inline-block;
margin-left:-20px;
}

.pageButtonBox button {
display:inline-block;
width:30px;
height:30px;
border:none;
color:#4d5259;
cursor:pointer;
background-color:#fff;
}

.pageButtonBox button:FOCUS,.pageButtonBox button:HOVER {
border:1px solid rgba(174,184,199,.9);
background-color:#fff;
}

.button_login_new {
border:none;
background-color:#fff;
color:#222427;
float:right;
font-weight:500;
height:30px;
margin-top:10px;
margin-right:140px;
display:inline-block;
padding:2px 15px;
}

.button_login_new:hover {
color:#07d;
cursor:pointer;
}

* {
box-sizing:border-box;
margin:0;
padding:0;
}

#bg {
position:fixed;
}

.bgheight {
height:100%;
}

.ptPwCheckFrameMain {
z-index:9999999;
display:none;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
overflow:hidden;
background-color:rgba(0,0,0,.4);
}

.ptPwCheckFrame {
display:none;
position:fixed;
margin-left:50%;
margin-right:50%;
left:-250px;
top:40%;
width:500px;
height:180px;
background-color:#fff;
z-index:33333335;
box-shadow:0 0 5px rgba(0,0,0,.8);
padding:0;
}

.ptPwCheckFrameTop {
width:100%;
height:5px;
background-color:#0093ff;
}

.ptPwCheckFrameMidlleText {
color:#353535;
font-weight:300;
margin-top:50px;
margin-left:30px;
display:inline-block;
}

.ptPwCheckButtonApply {
background-color:transparent;
color:#a9a9a9;
border:1px solid #a9a9a9;
display:inline-block;
height:30px;
width:70px;
margin-top:13px;
margin-left:20px;
margin-bottom:10px;
padding:4px 5px;
}

.btnBoard_c {
width:100px;
height:30px;
margin-top:-7px;
margin-left:0;
background-color:transparent;
border:1px solid #4d5259;
color:#4d5259;
cursor:pointer;
display:inline-block;
}

.btnBoard_c:hover {
background-color:#4d5259;
color:#f1f1f1;
border:1px solid #4d5259;
}

.faq_boardframe {
width:1280px;
position:relative;
display:inline-block;
padding:0 30px 30px;
}

.answer+label {
display:block;
border:1px solid #fff;
border-bottom:0;
color:#fff;
font-weight:400;
font-size:17px;
background:#25718e;
cursor:pointer;
position:relative;
padding:20px;
}

.answer+label em {
position:absolute;
top:50%;
right:10px;
width:30px;
height:30px;
margin-top:-15px;
display:inline-block;
margin-right:7px;
background-image:url(../../../images/intro/participation/arrow_plus.png);
background-size:cover;
}

.answer+label+div {
max-height:0;
transition:all .37s;
overflow:hidden;
background:#ebf8ff;
font-size:15px;
}

.answer+label+div p {
display:block;
padding:3px;
}

.answer:checked+label {
background:#299fcd;
font-size:17px;
}

.answer:checked+label em {
background-image:url(../../../images/intro/participation/arrow_minus.png);
background-size:cover;
margin-right:7px;
}

.answer:checked+label+div {
max-height:200px;
font-size:15px;
padding:15px;
}

50%,.checkboxset input[type=checkbox]:checked+label:after {
opacity:1;
}

.spinner div:nth-child(3),.loader_text span:nth-child(3),.loader_text_table span:nth-child(3) {
animation-delay:.3s;
}

.bgframebrowser,.circleloaderpanel,.down,.down2,.dropdown .old,.dropdown .selected,.dropdown div,.dropdown li,.dropdown ul,body,.down1 {
overflow:hidden;
}

.loader_text span,.loader_text_table span {
color:rgba(255,255,255,.9);
animation:loading .85s ease-in-out infinite alternate;
}

.loader_text span:nth-child(2),.loader_text_table span:nth-child(2) {
animation-delay:.15s;
}

.loader_text span:nth-child(4),.loader_text_table span:nth-child(4) {
animation-delay:.45s;
}

.loader_text span:nth-child(5),.loader_text_table span:nth-child(5) {
animation-delay:.6s;
}

.loader_text span:nth-child(6),.loader_text_table span:nth-child(6) {
animation-delay:.75s;
}

.loader_text span:nth-child(7),.loader_text_table span:nth-child(7) {
animation-delay:.9s;
}

.displayblock,.down:hover .down-content,.down-sub-content:hover,.down-sub:hover+.down-sub-content,#optionboxshow,.optionbox,#optionboxshow1.on,.optionbox1,.optionbox1.on,.optionboxdownload1.on,.tableshow.on {
display:block;
}

.container a:hover,.down:hover .dropbtn,.container a:hover,.down1:hover .dropbtn1,.container a:hover,.down2:hover .dropbtn2 {
background-color:#07d;
color:#fff;
}

/* .button_signup:hover,.button_log_in:hover {
background-color:#7a808b;
color:#fff;
} */

.dropdown.touch select,.dropdown.scrollable.bottom div::after {
opacity:0;
}

#optionboxshow.on,#optionboxshow1,.switch input,.empty-js,.answer {
display:none;
}

.optionboxdownload1,.optionboxdownload {
width:100%;
height:120px;
position:absolute;
margin-top:0;
background-color:#44474e;
border-bottom:2px solid #222427;
display:block;
}

.suboption input[type=radio],.timeoption input[type=checkbox],.timeoption1 input[type=checkbox] {
position:absolute;
overflow:hidden;
display:none;
}

.fcheckbox,.bgwidth {
width:100%;
}

.fradio input[type=radio],.fcheckbox input[type=checkbox] {
position:absolute;
opacity:0;
}

.fradio label,.fradio label::before,.fcheckbox label,.fcheckbox label::before {
-webkit-transition:.25s all ease;
-o-transition:.25s all ease;
transition:.25s all ease;
}

.timeoption,.timeoption label,.timeoption1,.timeoption1 label {
display:inline-block;
height:30px;
}

.timeoption input[type=checkbox]:checked+label,.timeoption1 input[type=checkbox]:checked+label {
color:#fff;
background-color:#006dbd;
border:1px solid #006dbd;
}

.select-style select:focus,.select-style1 select:focus,.select-style2 select:focus,.qnasearchbar input:focus,.qnaselect-style select:focus,.qcontentbox textarea:focus,.acontentbox textarea:focus,.acontentbox1 textarea:focus,.articlesubject input:focus,.articlecontent textarea:focus,.surveyContent textarea:focus {
outline:0;
}

.select-style1 select,.select-style2 select {
width:130%;
border:none;
box-shadow:none;
background:0 0;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
padding:5px 8px;
}

.button_apply:hover,.button_print:hover,.ptPwCheckButtonApply:hover {
background-color:#4d5259;
color:#fff;
cursor:pointer;
}

.btn_search button:hover,.button_search:hover {
background-color:transparent;
color:#f1f1f1;
}

.warningFrameTopTitle,.ptPwCheckFrameTopTitle {
color:#fff;
padding-top:5px;
margin-left:15px;
font-weight:500;
}

.acontentbox textarea,.acontentbox1 textarea {
width:100%;
background-color:transparent;
border:none;
color:#4d5259;
resize:none;
}

@media all and -ms-high-contrastnone,-ms-high-contrastactive{
.suboption label {
padding:7px 20px;
}

.fileBox .btn_file {
top:-1px;
}
}