@charset "utf-8";

@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

html {overflow: auto;}
body {font-family:'Noto Sans Korean',sans-serif; font-size:12px; color:#333333; margin:0px; padding:0px;}
form,input {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:1px solid #a9a9a9; height:39px;}
button {font-family:'Noto Sans Korean',sans-serif; padding:0px; margin:0px;}
/*body {font-size:12px; color:#333333; margin:0px; padding:0px;}*/
caption {display:none;}
ul,li {margin:0px; padding:0px; list-style:none;}

/* Scrollbar Width */
.scrstyle::-webkit-scrollbar {width: 8px;}
/* Track */
.scrstyle::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px;}
/* Handle */
.scrstyle::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgba(204,204,204,0.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
.scrstyle::-webkit-scrollbar-thumb:window-inactive {background: rgba(204,204,204,0.2);}

.addlist::-webkit-scrollbar {width: 8px;}
/* Track */
.addlist::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px;}
/* Handle */
.addlist::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgba(204,204,204,0.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
.addlist::-webkit-scrollbar-thumb:window-inactive {background: rgba(204,204,204,0.2);}

.tablecont::-webkit-scrollbar {width: 8px;}
/* Track */
.tablecont::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px;}
/* Handle */
.tablecont::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgba(204,204,204,0.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
.tablecont::-webkit-scrollbar-thumb:window-inactive {background: rgba(204,204,204,0.2);}

.pcont::-webkit-scrollbar {width: 8px;}
/* Track */
.pcont::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px;}
/* Handle */
.pcont::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgba(204,204,204,0.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
.pcont::-webkit-scrollbar-thumb:window-inactive {background: rgba(204,204,204,0.2);}

.freeform.textarea::-webkit-scrollbar {width: 8px;}
/* Track */
.freeform.textarea::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px;}
/* Handle */
.freeform.textarea::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgba(204,204,204,0.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
.freeform.textarea::-webkit-scrollbar-thumb:window-inactive {background: rgba(204,204,204,0.2);}

.logcont::-webkit-scrollbar {width: 8px;}
/* Track */
.logcont::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px;}
/* Handle */
.logcont::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgba(204,204,204,0.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
.logcont::-webkit-scrollbar-thumb:window-inactive {background: rgba(204,204,204,0.2);}

.pop_wordlist::-webkit-scrollbar {width: 8px;}
/* Track */
.pop_wordlist::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px;}
/* Handle */
.pop_wordlist::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgba(204,204,204,0.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
.pop_wordlist::-webkit-scrollbar-thumb:window-inactive {background: rgba(204,204,204,0.2);}

::-webkit-input-placeholder{line-height:16px;}
::-ms-input-placeholder{line-height:16px;}

/* Site Move Menu */
.sitetab {letter-spacing:-1px;}
.sitetab div.on {float:left; width:34%; height:60px; text-align:center;}
.sitetab div.off {float:left; width:33%; height:60px; text-align:center;}
.sitetab div.on div {font-size:30px; height:38px; padding:20px 0px 0px 0px;  background: linear-gradient(to bottom, #f0f0f0, #ffffff); border:1px solid #ffffff;}
.sitetab div.off div {font-size:16px; color:#003662; height:38px; padding:20px 0px 0px 0px; background-color:#42a3d0; border:1px solid #3d98c2;}

.sitetab2 {letter-spacing:-1px;}
.sitetab2 div.on {float:left; width:25%; height:60px; text-align:center;}
.sitetab2 div.off {float:left; width:25%; height:60px; text-align:center;}
.sitetab2 div.on div {font-size:30px; height:38px; padding:20px 0px 0px 0px;  background: linear-gradient(to bottom, #f0f0f0, #ffffff); border:1px solid #ffffff;}
.sitetab2 div.off div {font-size:16px; color:#003662; height:38px; padding:20px 0px 0px 0px; background-color:#42a3d0; border:1px solid #3d98c2;}

/* GNB Menu */
.gnb {font-size:16px; clear:both; height:40px; border-bottom:1px solid #999999; padding:10px; box-shadow:0px 3px #dddddd;}
.gnb .mfull_posi .mfull .mfullicon {display:none;}
.gnb .scr .title {display:none;}
.gnb a {margin:0px; padding:0px; text-decoration:none; color:#333333; letter-spacing:0px;}
/*.gnb a {margin:0px; padding:0px; text-decoration:none; color:#333333; font-weight:bold; letter-spacing:-1px;}*/
.gnb ul li {float:left; background-color:#ffffff; padding:8px 16px 10px 15px; border-radius: 20px;}
.gnb ul li.on {background-color:#42a3d0;}
.gnb ul li.on a {color:#ffffff;}

/* Content */
.content {width:100%;}

.content .explorer .ecategory {color:#ffffff; height:80px; background-color:#01b4c8; display:none;}
.content .explorer .ecategory .cate {font-size:28px; float:left; padding:15px 0px 0px 20px; display:none;}
.content .explorer .ecategory .close {float:right; padding:15px 20px 0px 0px; text-align:right; display:none;}
.content .explorer {width:20%; float:left;}
.content .explorer .earea {padding:20px 0px; border-right:1px solid #c5c5c5;}
.content .explorer .earea .etitle {padding:0px 20px;}
.content .explorer .earea .etitle .title {font-size:21px; font-weight:bold; float:left; letter-spacing:-1px;}
.content .explorer .earea .etitle .sicon {cursor:pointer;padding-top:3px; float:right;}
.content .explorer .earea .etitle .sicon .on {color:#42a3d0;}
.content .explorer .earea .wordset_cont {font-size:14px; display:none; text-align:center; height:100px; clear:both; background-color:#edf4f8; margin:0px; padding:0px;}
.content .explorer .earea .groupset_cont {font-size:14px; display:none; text-align:center; height:100px; clear:both; background-color:#edf4f8; margin:0px; padding:0px;}
.content .explorer .earea .wordset_cont .desc {padding:15px 0px 10px 0px;}
.content .explorer .earea .groupset_cont .desc {padding:15px 0px 10px 0px;}
.content .explorer .earea .expbtn {cursor:pointer;font-family:'Noto Sans Korean',sans-serif; border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
.content .explorer .earea .expbtn.gray {cursor:pointer;color:#ffffff; background-color:#666666;}
.content .explorer .earea .expbtn.violet {cursor:pointer;color:#ffffff; background-color:#8e6cd0;}
.content .explorer .earea .expbtn.orange {cursor:pointer;color:#ffffff; background-color:#ff5e3c;}
.expbtn.red {color:#ffffff; background-color:#d3212a;}
.content .explorer .earea .tree {font-size:15px; font-weight:bold; clear:both; margin:40px 0px 0px 0px; width:98%; overflow-y:auto;}
.content .explorer .earea .tree ul li {}
.content .explorer .earea .tree ul li {height:40px;}
.content .explorer .earea .tree ul li .depout {clear:both;}
.content .explorer .earea .tree ul li .depout.mar01 {margin-left:6px;}
.content .explorer .earea .tree ul li i {padding:7px 0px 5px 0px; float:left;}
.content .explorer .earea .tree ul li .treetext {cursor:pointer;padding:11px 10px 0px 10px; float:left;}
.content .explorer .earea .tree ul.depth {padding-left:20px;}
.content .explorer .earea .tree .off {display:none;}

.w80 {width:80%;}
.w100 {width:100%;}

.content .contbody {float:left;}
.content .contbody .carea {padding:20px;}
.content .contbody .carea.cpad {padding:20px 0px;}
.content .contbody .carea .ctitle {height:45px; border-bottom:1px solid #c5c5c5; margin-bottom:20px;}
.content .contbody .carea .ctitle.wm {margin:0px 20px 20px 20px;}
.content .contbody .carea .ctitle .title {font-size:23px; color:#000000; float:left;}
.content .contbody .carea .ctitle .title i {font-size:27px;}
.content .contbody .carea .ctitle .cate {font-size:15px; float:right; color:#333333; padding-top:10px; text-align:right;}

.content .contbody .carea .ctitle.tab {font-size:21px; height:49px; border-bottom:0px; margin-bottom:20px;}
.content .contbody .carea .ctitle .tab_on {text-align:center; width:50%; height:39px; float:left; border-top:1px solid #999999; background-color:#fff;}
.content .contbody .carea .ctitle .tab_off {color:#999; text-align:center; width:50%; height:49px; float:left; border-top:1px solid #cccccc; border-bottom:1px solid #999999; background-color:#e7e7e7;}
.content .contbody .carea .ctitle .vborder {cursor:pointer;padding-top:10px; height:39px; border-right:1px solid #999999;}
.content .contbody .carea .ctitle .vborder2 {cursor:pointer;padding-top:10px; height:39px;}

.content .ctitle.tab {font-size:21px; height:49px; border-bottom:0px; margin-bottom:20px;}
.content .ctitle .tab_on {text-align:center; width:50%; height:39px; float:left; border-top:1px solid #999999; background-color:#fff;}
.content .ctitle .tab_off {color:#999; text-align:center; width:50%; height:49px; float:left; border-top:1px solid #cccccc; border-bottom:1px solid #999999; background-color:#e7e7e7;}
.content .ctitle .vborder {padding-top:10px; height:39px; border-right:1px solid #999999;}
.content .ctitle .vborder2 {padding-top:10px; height:39px;}
.content .ctitle.remh {margin-top:20px; height:31px;}

.content .contbody .carea .ctitle2 {height:35px; margin-bottom:20px;}
.content .contbody .carea .ctitle2 .title {font-size:20px; color:#000000; float:left;}
.content .contbody .carea .ctitle2 .title i {}
.content .contbody .carea .ctitle2 .formele {font-size:15px; float:right; color:#333333; padding-top:0px; text-align:right;}
.content .contbody .carea .ctitle2 .formele .sel {padding:7px 5px 10px 5px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .ctitle2 .formele .sel2 {padding:10px 5px 10px 5px; border-radius:5px; background-color:#ffffff;}

.content .contbody .carea .cont {clear:both;}
.content .contbody .carea .cont .buttonarea {padding:30px 0px; text-align:center; clear:both;}
.content .contbody .carea .cont .buttonarea button {cursor:pointer;font-size:1.5em; border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
.content .contbody .carea .cont .buttonarea button.canswer {cursor:pointer;width:33%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea button.ianswer {cursor:pointer;width:33%; color:#ffffff; background-color:#d3212a; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea button.listview {cursor:pointer;width:33%; color:#ffffff; background-color:#666666; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea button.testprob_on {cursor:pointer;width:95%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea button.testprob_off {cursor:pointer;width:95%; color:#ffffff; background-color:#999999; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea button.testprob_on2 {cursor:pointer;width:95%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px; margin-top:50px;}
.content .contbody .carea .cont .buttonarea button.testprob_off2 {cursor:pointer;width:95%; color:#ffffff; background-color:#999999; padding:14px 24px 15px 20px; margin-top:50px;}
.content .contbody .carea .cont .buttonarea2 {padding:0px 0px; text-align:center; clear:both;}
.content .contbody .carea .cont .buttonarea2 button {cursor:pointer;font-size:1.5em; border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
.content .contbody .carea .cont .buttonarea2 button.canswer {cursor:pointer;width:33%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea2 button.ianswer {cursor:pointer;width:33%; color:#ffffff; background-color:#d3212a; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea2 button.listview {cursor:pointer;width:33%; color:#ffffff; background-color:#666666; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea2 button.testprob_on {cursor:pointer;width:95%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea2 button.testprob_off {cursor:pointer;width:95%; color:#ffffff; background-color:#999999; padding:14px 24px 15px 20px;}
.content .contbody .carea .cont .buttonarea2 button.testprob_on2 {cursor:pointer;width:95%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px; margin-top:10px;}
.content .contbody .carea .cont .buttonarea2 button.testprob_off2 {cursor:pointer;width:95%; color:#ffffff; background-color:#999999; padding:14px 24px 15px 20px; margin-top:10px;}

.content .contbody .carea .cont .statilist {width:49%; margin-top:0px; float:left;}
.content .contbody .carea .cont .statilist .top10title {font-size:1.5em; margin:20px 0px 10px 0px;}
.content .contbody .carea .cont .statilist .top10title i {font-size:1.2em;}
.content .contbody .carea .cont .statilist.lmarg {margin-left:25px;}
.content .contbody .carea .cont .statilist.rmarg {margin-right:20px;}
.content .contbody .carea .cont .twritearea {clear:both; margin:20px 0px;}
.content .contbody .carea .cont .twritearea .twtitle {font-size:20px; color:#000000; padding:20px 0px 10px 0px;}
.content .contbody .carea .cont .twritearea .twcont {font-size:14px; color:#333333;}

.content .contbody .carea .cont .procout {width:95%; height:290px; margin:0px auto;}
.content .contbody .carea .cont .procout .steparea {width:21%; height:290px; float:left;}

.content .contbody .carea .cont .procout .steparea .stepout.on {border:5px solid #c3afe5; border-radius:10px; background-color:#8e6cd0;}
.content .contbody .carea .cont .procout .steparea .stepout.on .title {color:#fff; border-bottom:5px solid #c3afe5;}
.content .contbody .carea .cont .procout .steparea .stepout.on .formcont {color:#fff;}
.content .contbody .carea .cont .procout .steparea .stepout.on .formcont .addlist {color:#333;}
.content .contbody .carea .cont .procout .steparea .stepout.on .formcont .redtext {color:#e7fc00;}

.content .contbody .carea .cont .procout .steparea .stepout {width:100%; border:5px solid #c5c5c5; border-radius:10px; background-color:#f4f4f4;}
.content .contbody .carea .cont .procout .steparea .stepout .textbox {margin:5px 0px; padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
.content .contbody .carea .cont .procout .steparea .stepout .textbox.wid1 {width:80%;}
.content .contbody .carea .cont .procout .steparea .stepout .textbox.wid2 {width:90%;}
.content .contbody .carea .cont .procout .steparea .stepout .textbox.wid3 {width:50%;}
.content .contbody .carea .cont .procout .steparea .stepout .title {font-size:21px; text-align:center; width:100%; padding:21px 0px; border-bottom:5px solid #c5c5c5;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont {font-size:14px; margin:20px; clear:both; letter-spacing:-1px; overflow-y:auto; overflow-x:hidden;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button {cursor:pointer;font-size:1em; border-radius:5px; border:0px;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn {cursor:pointer;width:50%; color:#ffffff; background-color:#999999; padding:7px 0px 8px 0px;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn.rbr {cursor:pointer;border-radius:5px 0px 0px 5px;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn.lbr {cursor:pointer;border-radius:0px 5px 5px 0px;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn.on {cursor:pointer;background-color:#ff6633;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.rangeadd {cursor:pointer;position:relative; left:2px; width:16%; height:39px; padding:6px 0px 10px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.accrue {cursor:pointer;position:relative; color:#ffffff; background-color:#009900; left:2px; width:95%; height:39px; padding:0px 0px 0px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.accrue_detail {cursor:pointer;position:relative; color:#ffffff; background-color:#009900; left:2px; width:95%; height:39px; padding:0px 0px 0px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont button.wordadd {cursor:pointer;position:relative; left:4px; width:16%; height:39px; padding:6px 0px 10px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .rangesel1 {padding:10px 0px;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .rangesel2 {padding:10px 0px;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist {width:100%; height:150px; padding:0px 0px 10px 0px; border-radius:5px; border:1px solid #c2c2c2; overflow-y:auto; background-color:#ffffff;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul {font-size:13px; line-height:14px; width:90%; margin:0px auto;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li {padding:10px 0px; border-bottom:1px solid #bbb; overflow-y:auto;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li div {float:left;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li div.left {width:80%;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li div.right {width:20%; text-align:right;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .half {width:47%; float:left; margin-right:3%;}
.content .contbody .carea .cont .procout .steparea .stepout .formcont .redtext {color:#ff5e3c;}
.content .contbody .carea .cont .procout .steparea .stepout .sel {cursor:pointer;width:100%; padding:7px 5px 10px 5px; margin:5px 0px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .cont .procout .steparea .stepout .sel.wid1 {cursor:pointer;font-size:12px; width:38%; padding:10px 5px 11px 5px;}
.content .contbody .carea .cont .procout .steparea .stepout .sel.wid2 {cursor:pointer;font-size:12px; width:80%; padding:10px 5px 11px 5px;}
.content .contbody .carea .cont .procout .steparea .stepout .sel.wid3 {cursor:pointer;font-size:12px; width:30%; padding:10px 5px 11px 5px;}
.content .contbody .carea .cont .procout .arrow {width:4%; float:left; text-align:center; margin:120px 0px 0px 15px;}

.content .contbody .carea .cont .procout2 {width:95%; height:430px; margin:0px auto;}
.content .contbody .carea .cont .procout2 .steparea {width:29%; height:290px; float:left;}
.content .contbody .carea .cont .procout2 .steparea .stepout {margin:0px auto; width:100%; border:5px solid #c5c5c5; border-radius:10px; background-color:#f4f4f4;}
.content .contbody .carea .cont .procout2 .steparea .stepout .title {font-size:21px; text-align:center; width:100%; padding:21px 0px; border-bottom:5px solid #c5c5c5;}
.content .contbody .carea .cont .procout2 .steparea .stepout .tablecont {font-size:14px; height:300px; padding:0px 5px; margin:20px 10px; clear:both; overflow-y:auto; overflow-x:hidden;}
.content .contbody .carea .cont .procout2 .steparea .stepout .sel {cursor:pointer;width:100%; padding:7px 5px 8px 5px; margin:0px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .cont .procout2 .steparea .stepout .sel.wid1 {cursor:pointer;font-size:12px; width:38%; padding:7px 5px 8px 5px;}
.content .contbody .carea .cont .procout2 .steparea .stepout .sel.wid2 {cursor:pointer;font-size:12px; width:90%; padding:7px 5px 8px 5px;}
.content .contbody .carea .cont .procout2 .steparea .stepout .sel.wid3 {cursor:pointer;font-size:12px; width:30%; padding:7px 5px 8px 5px;}
.content .contbody .carea .cont .procout2 .arrow {width:5%; float:left; text-align:center; margin:200px 0px 0px 15px;}

.content .contbody .carea .cont .procout3 {width:95%; height:480px; margin:0px auto;}
.content .contbody .carea .cont .procout3 .steparea {width:19%; height:100%; float:left;}
.content .contbody .carea .cont .procout3 .steparea .stepout {margin:0px auto; width:100%; border:5px solid #c5c5c5; border-radius:10px; background-color:#f4f4f4;}
.content .contbody .carea .cont .procout3 .steparea .stepout .textbox {margin:5px 0px; padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
.content .contbody .carea .cont .procout3 .steparea .stepout .textbox.wid1 {width:80%;}
.content .contbody .carea .cont .procout3 .steparea .stepout .textbox.wid2 {width:90%;}
.content .contbody .carea .cont .procout3 .steparea .stepout .textbox.wid3 {width:50%;}
.content .contbody .carea .cont .procout3 .steparea .stepout .title {font-size:21px; text-align:center; width:100%; padding:21px 0px; border-bottom:5px solid #c5c5c5;}
.content .contbody .carea .cont .procout3 .steparea .stepout .tablecont {font-size:14px; height:300px; padding:0px 5px; margin:20px 10px; clear:both; overflow-y:auto; overflow-x:hidden;}
.content .contbody .carea .cont .procout3 .steparea .stepout .sel {cursor:pointer;width:100%; padding:7px 5px 8px 5px; margin:0px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .cont .procout3 .steparea .stepout .sel.wid1 {cursor:pointer;font-size:12px; width:38%; padding:7px 5px 8px 5px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .sel.wid2 {cursor:pointer;font-size:12px; width:80%;padding:7px 5px 8px 5px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .sel.wid3 {cursor:pointer;font-size:12px; width:30%; padding:7px 5px 8px 5px;}
.content .contbody .carea .cont .procout3 .arrow {width:5%; float:left; text-align:center; margin:200px 0px 0px 15px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont {font-size:14px; margin:20px; clear:both; letter-spacing:-1px; overflow-y:auto; overflow-x:hidden;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button {cursor:pointer;font-size:1em; border-radius:5px; border:0px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.selbtn.on {cursor:pointer;background-color:#ff6633;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.selbtn.rbr {cursor:pointer;border-radius:5px 0px 0px 5px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.selbtn.lbr {cursor:pointer;border-radius:0px 5px 5px 0px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.selbtn {cursor:pointer;width:50%; color:#ffffff; background-color:#999999; padding:7px 0px 8px 0px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.selbtn.on {cursor:pointer;background-color:#ff6633;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.rangeadd {cursor:pointer;position:relative; left:2px; width:16%; height:39px; padding:6px 0px 10px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.accrue {cursor:pointer;position:relative; color:#ffffff; background-color:#009900; left:2px; width:95%; height:39px; padding:0px 0px 0px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.accrue_detail {cursor:pointer;position:relative; color:#ffffff; background-color:#009900; left:2px; width:95%; height:39px; padding:0px 0px 0px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont button.wordadd {cursor:pointer;position:relative; left:4px; width:16%; height:39px; padding:6px 0px 10px 0px; border:1px solid #aaa;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .rangesel {padding:10px 0px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .rangesel1 {padding:10px 0px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .rangesel2 {padding:10px 0px;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .addlist {width:100%; height:150px; padding:0px 0px 10px 0px; border-radius:5px; border:1px solid #c2c2c2; overflow-y:auto; background-color:#ffffff;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .addlist ul {font-size:13px; line-height:14px; width:90%; margin:0px auto;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .addlist ul li {padding:10px 0px; border-bottom:1px solid #bbb; overflow-y:auto;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .addlist ul li div {float:left;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .addlist ul li div.left {width:80%;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .addlist ul li div.right {width:20%; text-align:right;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .half {width:47%; float:left; margin-right:3%;}
.content .contbody .carea .cont .procout3 .steparea .stepout .formcont .redtext {color:#ff5e3c;}

.content .contbody .carea .cont .procout3 .steparea .stepout.on {border:5px solid #c3afe5; border-radius:10px; background-color:#8e6cd0;}
.content .contbody .carea .cont .procout3 .steparea .stepout.on .title {color:#fff; border-bottom:5px solid #c3afe5;}
.content .contbody .carea .cont .procout3 .steparea .stepout.on .formcont {color:#fff;}
.content .contbody .carea .cont .procout3 .steparea .stepout.on .formcont .addlist {color:#333;}
.content .contbody .carea .cont .procout3 .steparea .stepout.on .formcont .redtext {color:#e7fc00;}

.checkstyle {cursor:pointer;width:20px; height:20px;}
.checkstyle2 {cursor:pointer;width:20px; height:20px;}
.treecheck {width:20px; height:20px; margin:12px 0px 0px 0px; display:none;}
.treecount {margin:0px;}

.content .contbody .carea .formarea {height:50px;}
.content .contbody .carea .formarea .lcont {margin:0px 0px; float:left;}
.content .contbody .carea .formarea .lcont button {cursor:pointer;border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
.content .contbody .carea .formarea .lcont .lc1 {float:left;}
.content .contbody .carea .formarea .lcont .lc2 {float:left;}
.content .contbody .carea .formarea .lcont button.cancel {color:#ffffff; margin-right:10px; background-color:#ff5e3c;}
.content .contbody .carea .formarea .lcont button.groupmove {cursor:pointer;color:#ffffff; background-color:#8e6cd0;}
.content .contbody .carea .formarea .lcont button.del {cursor:pointer;color:#ffffff; background-color:#d3212a; padding:9px 24px 11px 20px; margin-right:5px;}
.content .contbody .carea .formarea .lcont button.refu {cursor:pointer;color:#ffffff; background-color:#ff5e3c; padding:9px 24px 11px 20px; margin-right:5px;}
.content .contbody .carea .formarea .lcont button.bloc {cursor:pointer;color:#ffffff; background-color:#d3212a; padding:9px 24px 11px 20px; margin-right:5px;}
.content .contbody .carea .formarea .lcont button.appro {cursor:pointer;color:#ffffff; background-color:#8e6cd0; padding:9px 24px 11px 20px; margin-right:5px;}
.content .contbody .carea .formarea .lcont button.inquery {cursor:pointer;color:#ffffff; background-color:#8e6cd0;}
.content .contbody .carea .formarea .lcont button.teaadd {cursor:pointer;color:#ffffff; margin-right:0px; background-color:#ff5e3c;}
.content .contbody .carea .formarea .lcont button.teaadd.mar01 {cursor:pointer;margin-left:0px;}
.content .contbody .carea .formarea .lcont button.groadd {cursor:pointer;color:#ffffff; margin-right:0px; background-color:#ff5e3c;}
.content .contbody .carea .formarea .lcont button.del2 {cursor:pointer;color:#ffffff; margin-right:10px; background-color:#d3212a;}
.content .contbody .carea .formarea .lcont .lc2 .sel {cursor:pointer;padding:10px 5px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .formarea .lcont .lc2 .sel2 {padding:7px 5px 10px 5px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .formarea .lcont .lc2 .sel2.wid01 {width:80px;}

.content .contbody .carea .formarea .rcont {height:50px; float:right;}
.content .contbody .carea .formarea .rcont button {cursor:pointer;border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
.content .contbody .carea .formarea .rcont .rc1 {float:left;}
.content .contbody .carea .formarea .rcont .rc2 {float:left;}
.content .contbody .carea .formarea .rcont .rc1 .serch {padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
.content .contbody .carea .formarea .rcont .rc1 .serch2 {padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
.content .contbody .carea .formarea .rcont .rc1 .datepicker {padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
.content .contbody .carea .formarea .rcont .rc1 .datepicker.wid1 {}
.content .contbody .carea .formarea .rcont .rc1 .sel {cursor:pointer;padding:7px 5px 10px 5px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .formarea .rcont .rc1 .sel.wid01 {width:80px;}
.content .contbody .carea .formarea .rcont .rc1 .cate {padding:7px 10px 10px 5px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .formarea .rcont .rc1 .cate.wid01 {width:80px;}
.content .contbody .carea .formarea .rcont .rc2 button.serchbtn {color:#ffffff; background-color:#666666; padding:9px 18px 11px 18px; margin-left:5px;}
.content .contbody .carea .formarea .rcont .rc1.rig {width:100%; text-align:right; margin-right:10px;}
.content .contbody .carea .formarea .rcont .rc1.rig .sel2 {cursor:pointer;padding:7px 5px 10px 5px; border-radius:5px; background-color:#ffffff;}
.content .contbody .carea .formarea .rcont .rc1.rig .sel3 {cursor:pointer;padding:7px 5px 10px 5px; border-radius:5px; background-color:#ffffff;}

.tdv_dis {display:none;}
.tdv_dis .fn {font-size:1.1em; font-weight:bold; margin:5px 10px; float:left;}
.tdv_dis .fs {margin:5px 10px; float:left;}
.tdv_dis .fa {margin:10px;  float:left; clear:both; line-height:18px;}

.tbl_01 {font-size:1.1em; color:#333333; width:100%; border:0px solid #000000; border-spacing:0px; border-collapse:collapse;}
.tbl_01 th {padding:15px 0px; border-top:3px solid #c5c5c5; border-bottom:3px solid #c5c5c5; background-color:#dddddd;}
.tbl_01 th.wp1 {width:5%;}
.tbl_01 th.wp2 {width:10%;}
.tbl_01 th.wp3 {width:15%;}
.tbl_01 th.wp4 {width:10%;}
.tbl_01 tr td {cursor:pointer;padding:12px 5px; border-bottom:1px solid #d5d5d5;}
.tbl_01 tr td.tdcen {cursor:pointer;text-align:center;}
.tbl_01 tr td.stro {cursor:pointer;font-weight:bold;}
.tbl_01 tr td p.canceltext {cursor:pointer;color:#ff6633; padding:0px; margin:0px;}
.tbl_01 tr td span.redtext {cursor:pointer;color:#ff6633; padding:0px; margin:0px;}
.tbl_01 tr td span.bluetext {cursor:pointer;color:#1e83b2; padding:0px; margin:0px;}
.tbl_01 thead th i {cursor:pointer;position:relative; top:-3px;}
.tbl_01 button {cursor:pointer;border-radius:5px; padding:4px 12px 6px 10px; border:0px;}
.tbl_01 button.download {cursor:pointer;color:#ffffff; background-color:#666666;}
.tbl_01 button.view {cursor:pointer;cursor:pointer;color:#ffffff; background-color:#666666;}
.tbl_01 .acodi_que {cursor:pointer;font-size:16px; text-align:left; padding-left:20px;}
.tbl_01 .acodi_que i {position:relative; top:1px; font-size:24px; margin:0px 5px 0px 0px;}
.tbl_01 .acodi_center {text-align:center;}
.tbl_01 .acodi_wcheck {width:25px;}
.tbl_01 .acodi_wques {width:30%;}
.tbl_01 .acodi_resuldpad {padding-left:50px; line-height:22px;}

.btn_comm_gray {cursor:pointer;border-radius:5px; padding:4px 12px 6px 10px; border:0px;}

.tbl_02 {font-size:14px; color:#333333; width:100%; border:0px solid #000000; border-spacing:0px; border-collapse:collapse;}
.tbl_02 tr th {width:25%; text-align:left; padding:12px 20px; border-top:3px solid #c5c5c5; border-bottom:3px solid #c5c5c5; background-color:#dddddd;}
.tbl_02 tr th.wp1 {width:5%;}
.tbl_02 tr th.wp2 {width:10%;}
.tbl_02 tr th.wp3 {width:15%;}
.tbl_02 tr td {width:25%; padding:12px 20px; border-top:3px solid #c5c5c5; border-bottom:3px solid #c5c5c5;}
.tbl_02 tr td.tdcen {text-align:center;}
.tbl_02 tr td.stro {font-weight:bold;}
.tbl_02 tr td p.canceltext {color:#ff6633; padding:0px; margin:0px;}
.tbl_02 tr td span.redtext {color:#ff6633; padding:0px; margin:0px;}
.tbl_02 thead th i {position:relative; top:-3px;}
.tbl_02 button {border-radius:5px; padding:4px 12px 6px 10px; border:0px;}
.tbl_02 button.download {color:#ffffff; background-color:#666666;}
.tbl_02 button.view {color:#ffffff; background-color:#666666;}
.tbl_02 .rline {border-right:3px solid #c5c5c5;}
.tbl_02 .th2bg {background-color:#eeeeee;}
.tbl_02 .th2s {font-size:18px; text-align:center;}

.tblout {margin:0px auto; width:calc(85% + 17px); width:-webkit-calc(85% + 17px); width:-moz-calc(85% + 17px); border-radius:5px; border:solid 5px #c1a1ff;}
.tbl_03 {font-size:13px; color:#333333; width:100%; border:0px solid #c1a1ff; border-spacing:0px; border-collapse:collapse;}
.tbl_03 tr th {font-weight:normal; color:#6d52a3; width:25%; text-align:left; padding:9px 10px; border-bottom:1px solid #c5c5c5; background-color:#e0e0e0;}
.tbl_03 tr th.wp1 {width:5%;}
.tbl_03 tr th.wp2 {width:10%;}
.tbl_03 tr th.wp3 {width:10%;}
.tbl_03 tr th.wp4 {width:14%;}
.tbl_03 tr th.tdcen {text-align:center;}
.tbl_03 tr td {width:25%; padding:5px 10px; border-bottom:1px solid #c5c5c5; background-color:#eeeeee;}
.tbl_03 tr td.tdcen {text-align:center;}
.tbl_03 tr td.stro {font-weight:bold;}
.tbl_03 tr td p.canceltext {color:#ff6633; padding:0px; margin:0px;}
.tbl_03 tr td span.redtext {color:#ff6633; padding:0px; margin:0px;}
.tbl_03 tr td span.redtext2 {font-size:15px; color:#ff6633; padding:0px; margin:0px;}
.tbl_03 tr td.wp1 {width:85%;}
.tbl_03 thead th i {position:relative; top:-3px;}
.tbl_03 button {border-radius:5px; padding:4px 12px 6px 10px; border:0px;}
.tbl_03 button.download {color:#ffffff; background-color:#666666;}
.tbl_03 button.view {color:#ffffff; background-color:#666666;}
.tbl_03 .rline {border-right:1px solid #c5c5c5;}
.tbl_03 .th2bg {background-color:#eeeeee;}
.tbl_03 .th2s {font-size:18px; text-align:center;}
.tbl_03 .countsel {height:34px; padding:0px 0px 0px 5px; border-radius:5px; background-color:#f5f5f5;}

.pageout {cursor:pointer;width:237px; height:40px; margin:30px auto 0px auto;}
.pageout ul li {cursor:pointer;width:18px; padding:9px 10px 11px 10px; border:1px solid #d5d5d5; float:left; text-align:center; background-color:#eee;}
.pageout ul li.pnumber {font-size:14px; width:55px; padding:8px 10px 10px 10px; border:1px solid #d5d5d5; float:left; text-align:center; background-color:#fff;}

/* loginfo */
.loginfo {position:relative; z-index:10; top:100px; height:0px; width:500px;}
.loginfo.posi2 {left:55px;}
.loginfo i {font-size:15px;}
/* .loginfo .gohome {cursor:pointer;position:relative; top:-18px; left:640px; float:left; text-align:left; height:0px;}
.loginfo .teacher {cursor:pointer;position:relative; top:-25px; left:814px; float:left; text-align:left; height:0px;}
.loginfo .logout {cursor:pointer;position:relative; top:-18px; left:740px; float:left; text-align:left; height:0px;} */
.loginfo .teacher {cursor:pointer;position:relative; top:-25px; left:800px; float:left; text-align:left; height:0px;}
.loginfo .limitPayment {cursor:default;position:relative; top:6px; left:350px; float:left; text-align:left; height:0px;}
.loginfo .logout {cursor:pointer;position:relative; top:-18px; float:right; text-align:left; height:0px;}
.loginfo .sel {cursor:pointer;font-size:13px; letter-spacing:-1px; font-weight:bold; color:#333; margin-left:10px; padding:5px 6px 7px 5px; border-radius:5px; border:1px solid #c2c2c2; background-color:#fff; height:33px;}
/* Popup Style */
.bodyfixed {position:fixed; width:100%;}
.fadeout {position:absolute; z-index:30; top:0px; left:0px; width:100vw; height:100vh; background-color:rgba(0, 0, 0, 0.5); display:none;}

.popup {position:absolute; z-index:110; top:50vh; left:50vw; border:5px solid #42a3d0; background-color:#fff; box-shadow:0px 0px 10px #333; display:none;}
.popup .tc {color:#fff; height:55px; background-color:#42a3d0;}
.popup .tc .ptitle {font-size:22px; float:left; margin:8px 0px 0px 15px;}
.popup .tc .pclose {cursor:pointer;float:right; margin:14px 15px 0px 0px;}
.popup .pcont {margin:15px;}
.popup .pcont.hei01 {overflow-y:auto; height:370px;}
.popup .pcont.hei02 {overflow-y:auto; height:510px;}
.popup .pcont .textinput {padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
.popup .pcont .textinput.ts01 {width:100%;}
.popup .pcont .textinput.ts02 {width:74%;}
.popup .pcont .textinput.ts02_02 {width:70%;}
.popup .pcont .textinput.ts03 {width:74%; padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .textinput.ts04 {width:33%; padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .textinput.ts04_02 {width:22%; padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;align:center;}
.popup .pcont .textinput.ts05 {width:calc(100% - 26px); width:-webkit-calc(100% - 26px); width:-moz-calc(100% - 26px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .textinput.ts06 {width:80%; background-color:#eee;}
.popup .pcont .textinput.ts07 {width:calc(100% - 28px); width:-webkit-calc(100% - 28px); width:-moz-calc(100% - 28px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup button.serchbtn {width:15%; color:#ffffff; background-color:#666666; padding:9px 0px 11px 0px; margin-left:0%;}
.popup .pcont .sercharea {text-align:center; margin-bottom:20px;}
.popup .pcont .sercharea .cate {font-size:12px; margin-bottom:10px;}
.popup .pcont .sel.ts01 {margin-left:2px; width:40%; padding:12px 13px 14px 13px; height:43px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .sel.ts02 {width:100%; padding:10px 13px 14px 13px; height:45px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .sel.ts03 {width:100%; padding:6px 13px 6px 13px; height:40px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .adtarea.tcen {text-align:center; height:auto;}
.popup .pcont .textarea {padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff; resize:none;}
.popup .pcont .textarea.ts01 {width:100%;}
.popup .pcont .textarea.ts02 {width:calc(100% - 26px); width:-webkit-calc(100% - 26px); width:-moz-calc(100% - 26px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .adtarea textarea {width:97%;}
.popup .pcont .toptxt {margin-bottom:10px; text-align:center;}
.popup .pcont .emailout2 {width:100%;}
.popup .pcont .emailout2 .textinput.logmail1 {float:left; width:calc(50% - 32px); width:-webkit-calc(50% - 32px); width:-moz-calc(50% - 32px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .emailout2 .sel.logmail2 {float:right; width:calc(50% - 2px); width:-webkit-calc(50% - 2px); width:-moz-calc(50% - 2px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}

.popup .pcont input.radio01 {display:none;}
.popup .pcont input.radio02 {display:none;}
.popup .pcont .labelout {margin:0px auto; width:calc(74% + 28px); width:-webkit-calc(74% + 28px); width:-moz-calc(74% + 28px); height:43px; background-color:#666; border-radius:5px;}
.popup .pcont label.radio01 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); color:#fff; background-color:#c1a1ff; width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:left; display:block;
    padding:11px 0px 12px 0px; margin-bottom:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;
    border-top:1px solid #a9a9a9; border-left:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
.popup .pcont label.radio02 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); color:#fff; background-color:#c1a1ff; width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:right; display:block;
    padding:11px 0px 12px 0px; margin-bottom:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;
    border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
.popup .pcont label.radio01.off {background-color:#666; border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666;}
.popup .pcont label.radio02.off {background-color:#666; border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;}
.popup .pcont .desc {color:#ff6600; margin:15px auto; width:76%; text-align:center;}
.popup .pcont .desc02 {color:#ff6600; margin:10px auto; width:100%; text-align:left;font-size:13px;}
.popup .pcont .desctitle {font-size:15px; color:#333333; margin:15px auto; width:76%; text-align:center;}
.popup .btnarea {text-align:center; margin-top:10px; clear:both;}

.popup button {cursor:pointer;border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
.popup button.gray {cursor:pointer;color:#ffffff; background-color:#666666;}
.popup button.violet {cursor:pointer;color:#ffffff; background-color:#8e6cd0;}
.popup button.orange {cursor:pointer;color:#ffffff; background-color:#ff5e3c;}
.popup button.red {cursor:pointer;color:#ffffff; background-color:#d3212a;}
.popup .arrowico {font-size:12px; color:#08ffff; position:relative; top:-3px;}
.popup .wviewsel {margin-bottom:20px; text-align:right;}
.popup .wviewsel .sel {padding:10px 13px 14px 13px; height:45px; border-radius:5px; background-color:#eee; border:1px solid #c1a1ff;}
.popup .pcont .textinput.wmodeinput01 {width:97%; background-color:#eee; margin-bottom:5px;}
.popup .pcont .textinput.wmodeinput01:nth-last-child(1) {margin-bottom:0px;}
.popup .pcont .textinput.wmodeinput02 {width:97%; background-color:#eee; padding:9px 5px 13px 5px; margin-bottom:5px;}
.popup .pcont .textinput.wmodeinput02:nth-last-child(1) {margin-bottom:0px;}
.popup .pcont .tdwid01 {width:23%;}
.popup .pcont .tdwid02 {width:4%;}
.popup .pcont .tdwid03 {width:10%;}
.popup .pcont .rpad {padding-right:10px;}
.popup .pcont .redtext {color:#ff0000;}
.popup .pcont .werror {border:solid 1px #ff6600;}
.popup .buttonarea {text-align:center;}
.popup .buttonarea button.next {font-size:16px; width:33%; color:#ffffff; background-color:#ff5e3c; padding:14px 24px 15px 20px;}

.popup.ps01 {
    width:560px;
    height:200px;
    top:-webkit-calc(50vh - 100px);
    top:-moz-calc(50vh - 100px);
    top:calc(50vh - 100px);
    left:-webkit-calc(50vw - 280px - 5px);
    left:-moz-calc(50vw - 280px - 5px);
    left:calc(50vw - 280px - 5px);
}
.popup.ps02 {
    width:560px;
    height:520px;
    top:-webkit-calc(50vh - 260px);
    top:-moz-calc(50vh - 260px);
    top:calc(50vh - 260px);
    left:-webkit-calc(50vw - 280px - 5px);
    left:-moz-calc(50vw - 280px - 5px);
    left:calc(50vw - 280px - 5px);
}
.popup.ps03 {
    width:560px;
    height:370px;
    top:-webkit-calc(50vh - 185px);
    top:-moz-calc(50vh - 185px);
    top:calc(50vh - 185px);
    left:-webkit-calc(50vw - 280px - 5px);
    left:-moz-calc(50vw - 280px - 5px);
    left:calc(50vw - 280px - 5px);
}
.popup.ps04 {
    width:560px;
    height:290px;
    top:-webkit-calc(50vh - 145px);
    top:-moz-calc(50vh - 145px);
    top:calc(50vh - 145px);
    left:-webkit-calc(50vw - 280px - 5px);
    left:-moz-calc(50vw - 280px - 5px);
    left:calc(50vw - 280px - 5px);
}
.popup.ps05 {
    width:460px;
    height:290px;
    top:-webkit-calc(50vh - 145px);
    top:-moz-calc(50vh - 145px);
    top:calc(50vh - 145px);
    left:-webkit-calc(50vw - 230px - 5px);
    left:-moz-calc(50vw - 230px - 5px);
    left:calc(50vw - 230px - 5px);
}
.popup.ps06 {
    width:460px;
    height:600px;
    top:-webkit-calc(50vh - 300px);
    top:-moz-calc(50vh - 300px);
    top:calc(50vh - 300px);
    left:-webkit-calc(50vw - 230px - 5px);
    left:-moz-calc(50vw - 230px - 5px);
    left:calc(50vw - 230px - 5px);
}
.popup.ps07 {
    width:360px;
    height:240px;
    top:-webkit-calc(50vh - 120px);
    top:-moz-calc(50vh - 120px);
    top:calc(50vh - 120px);
    left:-webkit-calc(50vw - 180px - 5px);
    left:-moz-calc(50vw - 180px - 5px);
    left:calc(50vw - 180px - 5px);
}
.popup.ps08 {
    width:360px;
    height:290px;
    top:-webkit-calc(50vh - 145px);
    top:-moz-calc(50vh - 145px);
    top:calc(50vh - 145px);
    left:-webkit-calc(50vw - 180px - 5px);
    left:-moz-calc(50vw - 180px - 5px);
    left:calc(50vw - 180px - 5px);
}
.popup.ps09 {
    width:360px;
    height:370px;
    top:-webkit-calc(50vh - 185px);
    top:-moz-calc(50vh - 185px);
    top:calc(50vh - 185px);
    left:-webkit-calc(50vw - 180px - 5px);
    left:-moz-calc(50vw - 180px - 5px);
    left:calc(50vw - 180px - 5px);
}
.popup.ps10 {
    width:360px;
    height:330px;
    top:-webkit-calc(50vh - 165px);
    top:-moz-calc(50vh - 165px);
    top:calc(50vh - 165px);
    left:-webkit-calc(50vw - 180px - 5px);
    left:-moz-calc(50vw - 180px - 5px);
    left:calc(50vw - 180px - 5px);
}

.popup.ps101 {
    width:360px;
    height:580px;/* 540px */
    top:-webkit-calc(50vh - 200px);
    top:-moz-calc(50vh - 200px);
    top:calc(50vh - 200px);/*145*/
    left:-webkit-calc(50vw - 180px - 5px);
    left:-moz-calc(50vw - 180px - 5px);
    left:calc(50vw - 180px - 5px);
}

.popup.ps11 {
    width:360px;
    height:470px;/*height:250px;*/
    top:-webkit-calc(50vh - 125px);
    top:-moz-calc(50vh - 125px);
    top:calc(50vh - 125px);
    left:-webkit-calc(50vw - 180px - 5px);
    left:-moz-calc(50vw - 180px - 5px);
    left:calc(50vw - 180px - 5px);
}
.popup.ps12 {
    width:100%;
    height:100vh;
    left:0px;
    top:0px;
    overflow-y:auto;
    border:0px;
    box-shadow:0px 0px 0px #333;
}

.loglayout {position:absolute; z-index:20; width:100vw; height:100vh; background-color:#fff;}
.loglayout .close {position:absolute; left:calc(100vw - 40px); top:10px; font-size:16px;}
.logcont {position:absolute; overflow-y:auto;}
.logcont .logoarea {margin-bottom:10px; font-size:60px; letter-spacing:-2px; text-align:center; width:100%; text-shadow: 3px 3px 0px #eee;}
.logcont .logoarea .txt1 .textsmall {font-size:50px;}
.logcont .logoarea .txt2 {position:absolute; top:5px; left:165px; font-size:12px; letter-spacing:0px; font-style:italic;}
.logcont .logoarea .txt3 {position:absolute; top:5px; left:145px; font-size:12px; letter-spacing:0px; font-style:italic;}
.logcont .formarea {text-align:center;}
.logcont .formarea .textinput {margin-bottom:5px; padding:13px; border-radius:5px; border:1px solid #c1a1ff; background-color:#eee;}
.logcont .formarea .textinput.ts01 {width:85%;}

.logcont .formarea .sel.ts01 {margin-left:2px; width:40%; padding:12px 13px 14px 13px; height:43px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.logcont .formarea .sel.ts02 {width:100%; padding:10px 13px 14px 13px; height:45px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.logcont .formarea .sel.ts03 {width:calc(85% + 27px); width:-webkit-calc(85% + 27px); width:-moz-calc(85% + 27px); padding:11px 10px 13px 9px; height:45px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.logcont .formarea .emailout2 {width:calc(85% + 26px); width:-webkit-calc(85% + 26px); width:-moz-calc(85% + 26px); height:40px; margin-bottom:60px; margin:0px auto;}
.logcont .formarea .emailout2 .textinput.logmail1 {float:left; width:calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
.logcont .formarea .emailout2 .sel.logmail2 {float:right; width:calc(50% - 4px); width:-webkit-calc(50% - 4px); width:-moz-calc(50% - 4px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}

.logcont .formarea input.radio01 {display:none;}
.logcont .formarea input.radio02 {display:none;}
.logcont .formarea .labelout {clear:both; margin:8px auto; width:calc(85% + 27px); width:-webkit-calc(85% + 27px); width:-moz-calc(85% + 27px); height:43px; background-color:#666; border-radius:5px;}
.logcont .formarea label.radio01 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); color:#fff; background-color:#c1a1ff; width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:left; display:block;
    padding:11px 0px 12px 0px; margin-bottom:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;
    border-top:1px solid #a9a9a9; border-left:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
.logcont .formarea label.radio02 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); color:#fff; background-color:#c1a1ff; width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:right; display:block;
    padding:11px 0px 12px 0px; margin-bottom:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;
    border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
.logcont .formarea label.radio01.off {background-color:#666; border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666;}
.logcont .formarea label.radio02.off {background-color:#666; border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;}
.logcont .desc {color:#ff6600; margin:15px auto; width:80%; text-align:center;}


.logcont .btnarea {text-align:center; margin:10px 0px;}
.logcont .btnarea.ts01 {margin:60px 0px 30px 0px;}
.logcont .btnarea button {border-radius:5px; padding:12px 10px; border:0px;cursor:pointer;}
.logcont .btnarea button.ts01 {width:calc(85% + 30px); cursor:pointer;}
.logcont .btnarea button.ts02 {padding:12px 12px 12px 10px; border:0px;cursor:pointer;}
.logcont .btnarea button.gray {color:#ffffff; background-color:#666666;cursor:pointer;}
.logcont .btnarea button.violet {color:#ffffff; background-color:#8e6cd0;cursor:pointer;}
.logcont .btnarea button.orange {color:#ffffff; background-color:#ff5e3c;cursor:pointer;}

.logcont .textarea {margin:20px auto 30px auto; width:calc(85% + 28px);}
.logcont .textarea ul li {width:33%; float:left;}
.logcont .textarea ul li.idfind {width:33%;cursor:pointer;}
.logcont .textarea ul li.pwdfind {width:34%; text-align:center;cursor:pointer;}
.logcont .textarea ul li.memjoin {width:33%; text-align:right;cursor:pointer;}

.logcont .bannerarea {margin:0px auto; width:calc(85% + 28px); text-align:center;}

.logcont.ps01 {
    width:320px;
    height:520px;
    top:-webkit-calc(50vh - 260px);
    top:-moz-calc(50vh - 260px);
    top:calc(50vh - 260px);
    left:-webkit-calc(50vw - 160px);
    left:-moz-calc(50vw - 160px);
    left:calc(50vw - 160px);
}
.logcont.ps02 {
    width:320px;
    height:620px;
    top:-webkit-calc(50vh - 310px);
    top:-moz-calc(50vh - 310px);
    top:calc(50vh - 310px);
    left:-webkit-calc(50vw - 160px);
    left:-moz-calc(50vw - 160px);
    left:calc(50vw - 160px);
}
.logcont.ps03 {
    width:460px;
    height:640px;
    top:-webkit-calc(50vh - 320px);
    top:-moz-calc(50vh - 320px);
    top:calc(50vh - 320px);
    left:-webkit-calc(50vw - 230px);
    left:-moz-calc(50vw - 230px);
    left:calc(50vw - 230px);
}

/* Free Form */
.freebtn {font-family:'Noto Sans Korean',sans-serif; border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
.freebtn.gray {color:#ffffff; background-color:#666666;}
.freebtn.violet {color:#ffffff; background-color:#8e6cd0;}
.freebtn.orange {color:#ffffff; background-color:#ff5e3c;}
.freebtn.red {color:#ffffff; background-color:#d3212a;}

.freetblbtn {font-family:'Noto Sans Korean',sans-serif; border-radius:5px; padding:4px 12px 6px 10px; border:0px;}
.freetblbtn.gray {color:#ffffff; background-color:#666666;}
.freetblbtn.violet {color:#ffffff; background-color:#8e6cd0;}
.freetblbtn.orange {color:#ffffff; background-color:#ff5e3c;}
.freetblbtn.red {color:#ffffff; background-color:#d3212a;}

.freeform {font-family:'Noto Sans Korean',sans-serif; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
.freeform.text {padding:11px 15px;}
.freeform.textarea {padding:11px 15px;}
.freeform.select {padding:7px 5px 10px 5px; height:37px;}
.freeform.checkbox {width:20px; height:20px;}
.freeform.radio {width:20px; height:20px;}

@media screen and (max-width:800px){
    body {font-size: 14px; font-family:sans-serif; color:#333333; margin:0px; padding:0px;}
    form,input {padding:0px; margin:0px;}
    select {padding:0px; margin:0px; border:1px solid #a9a9a9; height:39px;}
    button {font-family:'Noto Sans Korean',sans-serif; padding:0px; margin:0px;}
    caption {display:none;}
    ul,li {margin:0px; padding:0px; list-style:none;}

    /* Site Move Menu */
    .sitetab {letter-spacing:0px;}
    .sitetab div.on {float:left; width:34%; height:40px; text-align:center;}
    .sitetab div.off {float:left; width:33%; height:40px; text-align:center;}
    .sitetab div.on div {font-size:1.3em; height:26px; padding:12px 0px 0px 0px;  background: linear-gradient(to bottom, #f0f0f0, #ffffff); border:1px solid #ffffff;}
    .sitetab div.off div {font-size:1em; color:#003662; height:26px; padding:12px 0px 0px 0px; background-color:#42a3d0; border:1px solid #3d98c2;}

    .sitetab2 {letter-spacing:0px;}
    .sitetab2 div.on {float:left; width:25%; height:40px; text-align:center;}
    .sitetab2 div.off {float:left; width:25%; height:40px; text-align:center;}
    .sitetab2 div.on div {font-size:1.2em; height:26px; padding:12px 0px 0px 0px;  background: linear-gradient(to bottom, #f0f0f0, #ffffff); border:1px solid #ffffff;}
    .sitetab2 div.off div {font-size:0.9em; color:#003662; height:26px; padding:12px 0px 0px 0px; background-color:#42a3d0; border:1px solid #3d98c2;}

    /* GNB Menu */
    .gnb {position:relative; font-size:1em; clear:both; height:34px; border-bottom:1px solid #999999; padding:5px 5px 0px 5px; box-shadow:0px 3px #dddddd; overflow:hidden;}
    .gnb .mfull_posi {position:absolute; top:0px; left:100%; width:39px; height:39px;}
    .gnb .mfull_posi .mfull {position:absolute; top:0px; left:-39px; width:39px; height:39px; border-left:1px solid #dddddd; text-align:center; background-color:#ffffff;}
    .gnb .mfull_posi .mfull .mfullicon {margin-top:13px; display:block;}
    .gnb .scr {height:50px; overflow-x:auto;}
    .gnb .scr .mdrag {width:490px; height:50px;}
    .gnb a {margin:0px; padding:0px; text-decoration:none; color:#333333; font-weight:bold; letter-spacing:-1px;}
    .gnb ul li {margin:0px; padding:0px; float:left; background-color:#ffffff; padding:7px 11px 6px 9px; border-radius: 20px;}
    .gnb ul li.on {background-color:#42a3d0; padding:7px 11px 6px 9px;}
    .gnb ul li.on a {color:#ffffff;}

    .gnb_open {position:relative; font-size:1em; clear:both; height:136px; border-bottom:1px solid #999999; padding:5px 5px 0px 5px; box-shadow:0px 3px #dddddd; overflow:hidden;}
    .gnb_open .mfull_posi {position:absolute; top:0px; left:100%; width:39px; height:39px;}
    .gnb_open .mfull_posi .mfull {position:absolute; top:0px; left:-39px; width:39px; height:39px; border-left:1px solid #dddddd; border-bottom:1px solid #999999; text-align:center; background-color:#ffffff; z-index:10;}
    .gnb_open .mfull_posi .mfull .mfullicon {margin-top:13px; display:block;}
    .gnb_open .scr {height:152px;}
    .gnb_open .scr .title {display:none; position:relative; left:-5px; height:26px; font-size:1.1em; border-bottom:1px solid #999999; margin:8px 0px 10px 0px; padding-left:10px;}
    .gnb_open .scr .mdrag {height:50px; padding-left:5px;}
    .gnb_open a {margin:0px; padding:0px; text-decoration:none; color:#333333; font-weight:bold; letter-spacing:-1px;}
    .gnb_open ul li {width:23%; margin:0px 5px 5px 0px; float:left; background-color:#ffffff; padding:10px 0px; text-align:center; border: 1px solid #999999}
    .gnb_open ul li.on {background-color:#42a3d0; padding:10px 0px;}
    .gnb_open ul li.on a {color:#ffffff;}

    /* Content */
    .content {width:100%;}

    .content .explorer .ecategory {color:#ffffff; height:55px; background-color:#01b4c8; display:block;}
    .content .explorer .ecategory .cate {font-size:1.4em; float:left; padding:15px 0px 0px 20px; display:block;}
    .content .explorer .ecategory .close {float:right; padding:15px 20px 0px 0px; text-align:right; display:block;}
    .content .explorer {position:absolute; top:0px; left:0%; width:100%; height:100%; z-index:20;}
    .content .explorer .earea {padding:20px 0px; border-right:1px solid #c5c5c5; height:100%; background-color:#ffffff;}
    .content .explorer .earea .etitle {padding:0px 20px;}
    .content .explorer .earea .etitle .title {font-size:1.5em; font-weight:bold; float:left; letter-spacing:-1px;}
    .content .explorer .earea .etitle .sicon {font-size:0.856em; float:right; padding-top:0px; }
    .content .explorer .earea .etitle .sicon .on {color:#42a3d0;}
    .content .explorer .earea .wordset {display:none;}
    .content .explorer .earea .treecount {display:none;}
    .content .explorer .earea .wordset_cont {font-size:1em; display:none; text-align:center; height:100px; clear:both; background-color:#edf4f8; margin:0px; padding:0px;}
    .content .explorer .earea .groupset_cont {font-size:1em; display:none; text-align:center; height:100px; clear:both; background-color:#edf4f8; margin:0px; padding:0px;}
    .content .explorer .earea .wordset_cont .desc {padding:15px 0px 10px 0px;}
    .content .explorer .earea .groupset_cont .desc {padding:15px 0px 10px 0px;}
    .content .explorer .earea .expbtn {cursor:pointer;font-family:'Noto Sans Korean',sans-serif; border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
    .content .explorer .earea .expbtn.gray {cursor:pointer;color:#ffffff; background-color:#666666;}
    .content .explorer .earea .expbtn.violet {cursor:pointer;color:#ffffff; background-color:#8e6cd0;}
    .content .explorer .earea .expbtn.orange {cursor:pointer;color:#ffffff; background-color:#ff5e3c;}
    .content .explorer .earea .tree {font-size:1.15em; font-weight:bold; clear:both; margin:40px 0px 0px 0px; width:96%; overflow-y:auto;}
    .content .explorer .earea .tree ul li {}
    .content .explorer .earea .tree ul li {height:40px;}
    .content .explorer .earea .tree ul li .depout {clear:both;}
    .content .explorer .earea .tree ul li .depout.mar01 {margin-left:6px;}
    .content .explorer .earea .tree ul li i {padding:7px 0px 5px 0px; float:left;}
    .content .explorer .earea .tree ul li .treetext {padding:11px 10px 0px 10px; float:left;}
    .content .explorer .earea .tree ul.depth {padding-left:20px;}
    .content .explorer .earea .tree .off {display:none;}

    .content .contbody {width:100%; float:left;}
    .content .contbody .carea {padding:15px 0px;}

    .content .contbody .carea .ctitle {height:33px; border-bottom:1px solid #c5c5c5; margin-bottom:10px; padding:0px 10px;}
    .content .contbody .carea .ctitle .title {font-size:1.3em; color:#000000; float:left;}
    .content .contbody .carea .ctitle .title i {font-size:1.3em;}
    .content .contbody .carea .ctitle .cate {display:none;}

    .content .contbody .carea .ctitle.tab {font-size:1.15em; height:49px; border-bottom:0px; margin-bottom:20px; padding:0px 0px;}
    .content .contbody .carea .ctitle .tab_on {text-align:center; width:50%; height:39px; float:left; border-top:1px solid #999999; background-color:#fff;}
    .content .contbody .carea .ctitle .tab_off {color:#999; text-align:center; width:50%; height:49px; float:left; border-top:1px solid #cccccc; border-bottom:1px solid #999999; background-color:#e7e7e7;}
    .content .contbody .carea .ctitle .vborder {cursor:pointer;padding-top:15px; height:34px; border-right:1px solid #999999;}
    .content .contbody .carea .ctitle .vborder2 {cursor:pointer;padding-top:15px; height:34px;}
    .content .ctitle.remh {margin-top:20px; height:31px;}

    .content .ctitle.tab {font-size:1.15em; height:49px; border-bottom:0px; margin-bottom:20px;}
    .content .ctitle .tab_on {text-align:center; width:50%; height:39px; float:left; border-top:1px solid #999999; background-color:#fff;}
    .content .ctitle .tab_off {color:#999; text-align:center; width:50%; height:49px; float:left; border-top:1px solid #cccccc; border-bottom:1px solid #999999; background-color:#e7e7e7;}
    .content .ctitle .vborder {padding-top:15px; height:34px; border-right:1px solid #999999;}
    .content .ctitle .vborder2 {padding-top:15px; height:34px;}
    .content .ctitle.remh {margin-top:20px; height:31px;}

    .content .contbody .carea .ctitle2 {height:35px; margin-bottom:10px; padding:0px 10px;}
    .content .contbody .carea .ctitle2 .title {font-size:1.2em; padding-top:10px; color:#000000; float:left;}
    .content .contbody .carea .ctitle2 .title i {}
    .content .contbody .carea .ctitle2 .formele {clear:both; color:#333333; padding:20px 0px 10px 0px; text-align:left;}
    .content .contbody .carea .ctitle2 .formele .sel {padding:10px 5px 9px 5px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .ctitle2 .formele .sel2 {padding:10px 5px 9px 5px; border-radius:5px; background-color:#ffffff;}

    .content .contbody .carea .cont {padding:0px 0px;}
    .content .contbody .carea .contStuMng {padding:50px 0px;}
    .content .contbody .carea .contStuMng2 {padding:15px 0px;}
    .content .contbody .carea .cont .buttonarea {padding:20px 0px; margin:50px 0px; text-align:center; clear:both;}
    .content .contbody .carea .cont .buttonarea button {cursor:pointer;font-size:1em; border-radius:5px; padding:9px 12px 11px 10px; border:0px; letter-spacing:-1px;}
    .content .contbody .carea .cont .buttonarea button.canswer {cursor:pointer;width:32%; color:#ffffff; background-color:#8e6cd0; padding:8px 0px 10px 0px;}
    .content .contbody .carea .cont .buttonarea button.ianswer {cursor:pointer;width:32%; color:#ffffff; background-color:#d3212a; padding:8px 0px 10px 0px;}
    .content .contbody .carea .cont .buttonarea button.listview {cursor:pointer;width:32%; color:#ffffff; background-color:#666666; padding:8px 0px 10px 0px;}

    .content .contbody .carea .cont .statilist {width:100%; margin-top:10px;}
    .content .contbody .carea .cont .statilist .top10title {font-size:1.2em;}
    .content .contbody .carea .cont .statilist .top10title i {font-size:1em;}
    .content .contbody .carea .cont .statilist.lmarg {margin-left:25px;}
    .content .contbody .carea .cont .statilist.rmarg {margin-right:25px;}
    .content .contbody .carea .cont .twritearea {clear:both; margin:20px 0px;}
    .content .contbody .carea .cont .twritearea .twtitle {font-size:1.2em; color:#000000; padding:20px 0px 10px 0px;}
    .content .contbody .carea .cont .twritearea .twcont {font-size:1em; color:#333333;}

    .content .contbody .carea .cont .procout {width:80%; margin:0px auto;}
    .content .contbody .carea .cont .procout .steparea {width:100%; clear:both;}
    .content .contbody .carea .cont .procout .steparea.step_hei1 {height:330px;}
    .content .contbody .carea .cont .procout .steparea.step_hei2 {height:394px;}
    .content .contbody .carea .cont .procout .steparea.step_hei3 {height:326px;}
    .content .contbody .carea .cont .procout .steparea.step_hei4 {height:337px;}
    .content .contbody .carea .cont .procout .steparea .stepout {width:100%; border:5px solid #c5c5c5; border-radius:10px; background-color:#f4f4f4;}
    .content .contbody .carea .cont .procout .steparea .stepout .textbox {margin:5px 0px; padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
    .content .contbody .carea .cont .procout .steparea .stepout .textbox.wid1 {width:80%;}
    .content .contbody .carea .cont .procout .steparea .stepout .textbox.wid2 {width:90%;}
    .content .contbody .carea .cont .procout .steparea .stepout .textbox.wid3 {width:50%;}
    .content .contbody .carea .cont .procout .steparea .stepout .title {font-size:21px; text-align:center; width:100%; padding:21px 0px; border-bottom:5px solid #c5c5c5;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont {font-size:14px; margin:20px; clear:both; overflow-y:auto; overflow-x:hidden;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont button {cursor:pointer;font-size:1em; border-radius:5px; border:0px;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn {cursor:pointer;width:50%; color:#ffffff; background-color:#999999; padding:7px 0px 8px 0px;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn.rbr {cursor:pointer;border-radius:5px 0px 0px 5px;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn.lbr {cursor:pointer;border-radius:0px 5px 5px 0px;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont button.selbtn.on {cursor:pointer;background-color:#ff6633;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont button.rangeadd {cursor:pointer;position:relative; left:2px; width:39px; height:39px; padding:6px 0px 10px 0px; border:1px solid #aaa;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont button.wordadd {cursor:pointer;position:relative; left:4px; width:39px; height:39px; padding:6px 0px 10px 0px; border:1px solid #aaa;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .rangesel1 {padding:10px 0px;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .rangesel2 {padding:10px 0px;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist {width:100%; height:150px; padding:0px 0px 10px 0px; border-radius:5px; border:1px solid #c2c2c2; overflow-y:auto; background-color:#ffffff;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul {font-size:13px; line-height:14px; width:90%; margin:0px auto;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li {padding:10px 0px; border-bottom:1px solid #bbb; overflow-y:auto;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li div {float:left;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li div.left {width:80%;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .addlist ul li div.right {width:20%; text-align:right;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .half {width:47%; float:left; margin-right:3%;}
    .content .contbody .carea .cont .procout .steparea .stepout .formcont .redtext {color:#ff5e3c;}
    .content .contbody .carea .cont .procout .steparea .stepout .sel {width:100%; padding:7px 5px 10px 5px; margin:5px 0px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .cont .procout .steparea .stepout .sel.wid1 {font-size:12px; width:38%; padding:10px 5px 11px 5px;}
    .content .contbody .carea .cont .procout .steparea .stepout .sel.wid2 {font-size:12px; width:80%; padding:10px 5px 11px 5px;}
    .content .contbody .carea .cont .procout .steparea .stepout .sel.wid3 {font-size:12px; width:30%; padding:10px 5px 11px 5px;}
    .content .contbody .carea .cont .procout .arrow {width:100%; text-align:center; margin:20px 10px 10px 10px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}
    .content .contbody .carea .cont .procout .arrow.mar01 {margin:30px 10px 10px 10px;}
    .content .contbody .carea .cont .buttonarea button.testprob_on {width:95%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px;}
    .content .contbody .carea .cont .buttonarea button.testprob_off {cursor:pointer;width:95%; color:#ffffff; background-color:#999999; padding:14px 24px 15px 20px;}
    .content .contbody .carea .cont .buttonarea button.testprob_on2 {width:95%; color:#ffffff; background-color:#8e6cd0; padding:14px 24px 15px 20px; margin-top: 140px;}
    .content .contbody .carea .cont .buttonarea button.testprob_off2 {cursor:pointer;width:95%; color:#ffffff; background-color:#999999; padding:14px 24px 15px 20px; margin-top: 140px;}

    .content .contbody .carea .cont .procout2 {width:80%; height:1340px; margin:0px auto;}
    .content .contbody .carea .cont .procout2 .steparea {width:100%; height:290px; clear:both;}
    .content .contbody .carea .cont .procout2 .steparea.step_hei1 {height:290px;}
    .content .contbody .carea .cont .procout2 .steparea.step_hei2 {height:290px;}
    .content .contbody .carea .cont .procout2 .steparea.step_hei3 {height:290px;}
    .content .contbody .carea .cont .procout2 .steparea .stepout {margin:0px auto; width:100%; border:5px solid #c5c5c5; border-radius:10px; background-color:#f4f4f4;}
    .content .contbody .carea .cont .procout2 .steparea .stepout .title {font-size:21px; text-align:center; width:100%; padding:21px 0px; border-bottom:5px solid #c5c5c5;}
    .content .contbody .carea .cont .procout2 .steparea .stepout .tablecont {font-size:14px; height:300px; padding:0px 5px; margin:20px 10px; clear:both; overflow-y:auto; overflow-x:hidden;}
    .content .contbody .carea .cont .procout2 .steparea .stepout .sel {cursor:pointer;width:100%; padding:7px 5px 8px 5px; margin:0px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .cont .procout2 .steparea .stepout .sel.wid1 {cursor:pointer;font-size:12px; width:38%; padding:7px 5px 8px 5px;}
    .content .contbody .carea .cont .procout2 .steparea .stepout .sel.wid2 {cursor:pointer;font-size:12px; width:80%; padding:7px 5px 8px 5px;}
    .content .contbody .carea .cont .procout2 .steparea .stepout .sel.wid3 {cursor:pointer;font-size:12px; width:30%; padding:7px 5px 8px 5px;}
    .content .contbody .carea .cont .procout2 .arrow {width:100%; text-align:center; margin:150px 40px 0px 0px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}

    .content .contbody .carea .cont .procout3 {width:80%; height:1340px; margin:0px auto;}
    .content .contbody .carea .cont .procout3 .steparea {width:100%; height:290px; clear:both;}
    .content .contbody .carea .cont .procout3 .steparea.step_hei1 {height:290px;}
    .content .contbody .carea .cont .procout3 .steparea.step_hei2 {height:290px;}
    .content .contbody .carea .cont .procout3 .steparea.step_hei3 {height:290px;}
    .content .contbody .carea .cont .procout3 .steparea .stepout {margin:0px auto; width:100%; border:5px solid #c5c5c5; border-radius:10px; background-color:#f4f4f4;}
    .content .contbody .carea .cont .procout3 .steparea .stepout .title {font-size:21px; text-align:center; width:100%; padding:21px 0px; border-bottom:5px solid #c5c5c5;}
    .content .contbody .carea .cont .procout3 .steparea .stepout .tablecont {font-size:14px; height:300px; padding:0px 5px; margin:20px 10px; clear:both; overflow-y:auto; overflow-x:hidden;}
    .content .contbody .carea .cont .procout3 .steparea .stepout .sel {cursor:pointer;width:100%; padding:7px 5px 8px 5px; margin:0px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .cont .procout3 .steparea .stepout .sel.wid1 {cursor:pointer;font-size:12px; width:38%; padding:7px 5px 8px 5px;}
    .content .contbody .carea .cont .procout3 .steparea .stepout .sel.wid2 {cursor:pointer;font-size:12px; width:80%; padding:7px 5px 8px 5px;}
    .content .contbody .carea .cont .procout3 .steparea .stepout .sel.wid3 {cursor:pointer;font-size:12px; width:30%; padding:7px 5px 8px 5px;}
    .content .contbody .carea .cont .procout3 .arrow {width:100%; text-align:center; margin:150px 40px 0px 0px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}

    .content .contbody .carea .cont .procout3 .steparea .stepout.on {border:5px solid #c3afe5; border-radius:10px; background-color:#8e6cd0;}
    .content .contbody .carea .cont .procout3 .steparea .stepout.on .title {color:#fff; border-bottom:5px solid #c3afe5;}
    .content .contbody .carea .cont .procout3 .steparea .stepout.on .formcont {color:#fff;}
    .content .contbody .carea .cont .procout3 .steparea .stepout.on .formcont .addlist {color:#333;}
    .content .contbody .carea .cont .procout3 .steparea .stepout.on .formcont .redtext {color:#e7fc00;}

    .content .contbody .carea .formarea {height:50px;}
    .content .contbody .carea .formarea .lcont {width:100%; clear:both;}
    .content .contbody .carea .formarea .lcont button {border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
    .content .contbody .carea .formarea .lcont .lc1 {width:30%; float:left;}
    .content .contbody .carea .formarea .lcont .lc1.clear {width:100%; clear:both; margin-bottom:10px;}
    .content .contbody .carea .formarea .lcont .lc2 {width:100%; float:right; text-align:right;}
    .content .contbody .carea .formarea .lcont .lc2.clear {width:100%; clear:both; text-align:left;}
    .content .contbody .carea .formarea .lcont .lc2.clear .sel {margin-left:10px;}
    .content .contbody .carea .formarea .lcont button.cancel {color:#ffffff; margin-left:10px; margin-right:1%; background-color:#ff5e3c;}
    .content .contbody .carea .formarea .lcont button.groupmove {cursor:pointer;color:#ffffff; margin-right:10px; background-color:#8e6cd0;}
    .content .contbody .carea .formarea .lcont button.del {cursor:pointer;color:#ffffff; background-color:#d3212a; padding:9px 24px 11px 20px; margin-left:10px; margin-right:5px;}
    .content .contbody .carea .formarea .lcont button.refu {cursor:pointer;color:#ffffff; background-color:#ff5e3c; padding:9px 24px 11px 20px; margin-left:10px; margin-right:5px;}
    .content .contbody .carea .formarea .lcont button.bloc {cursor:pointer;color:#ffffff; background-color:#d3212a; padding:9px 24px 11px 20px; margin-right:5px;}
    .content .contbody .carea .formarea .lcont button.appro {cursor:pointer;color:#ffffff; background-color:#8e6cd0; padding:9px 24px 11px 20px; margin-right:5px;}
    .content .contbody .carea .formarea .lcont button.inquery {cursor:pointer;margin-left:10px; color:#ffffff; margin-right:10px; background-color:#8e6cd0;}
    .content .contbody .carea .formarea .lcont button.teaadd {cursor:pointer;color:#ffffff; margin-right:0px; background-color:#ff5e3c;}
    .content .contbody .carea .formarea .lcont button.teaadd.mar01 {cursor:pointer;margin-left:10px;}
    .content .contbody .carea .formarea .lcont button.groadd {cursor:pointer;color:#ffffff; margin-right:0px; background-color:#ff5e3c;}
    .content .contbody .carea .formarea .lcont button.del2 {cursor:pointer;color:#ffffff; margin-right:10px; background-color:#d3212a;}
    .content .contbody .carea .formarea .lcont .lc2 .sel {width:60%; padding:10px 5px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .formarea .lcont .lc2 .sel2 {width:60%; margin-left:10px; padding:10px 5px 9px 5px; border-radius:5px; background-color:#ffffff;}

    .content .contbody .carea .formarea .rcont {width:100%; height:50px; float:left; clear:both; margin-top:10px;}
    .content .contbody .carea .formarea .rcont .rc1 {float:left; width:100%;}
    .content .contbody .carea .formarea .rcont .rc2 {float:right; width:20%; text-align:right;margin-top:-40px;}
    .content .contbody .carea .formarea .rcont .rc1 .serch {width:35%; padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
    .content .contbody .carea .formarea .rcont .rc1 .serch2 {width:50%; padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
    .content .contbody .carea .formarea .rcont .rc1 .serch.wid1 {width:50%;}
    .content .contbody .carea .formarea .rcont .rc1 .datepicker {width:40%; padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
    .content .contbody .carea .formarea .rcont .rc1 .datepicker.mar1 {margin-left:10px;}
    .content .contbody .carea .formarea .rcont .rc1 .datepicker.wid1 {width:26%;}
    .content .contbody .carea .formarea .rcont .rc1 .sel {width:37%; padding-top:5px;margin-left:10px; padding:10px 5px 9px 5px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .formarea .rcont .rc1 .sel.wid01 {width:80px; padding-top:5px;}
    .content .contbody .carea .formarea .rcont .rc1 .sel.wid1 {width:66%; margin-left:0px;}
    .content .contbody .carea .formarea .rcont .rc1 .cate {margin-left:10px; padding:9px 25px 9px 5px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .formarea .rcont .rc1 .datepicker {width:30%;}
    .content .contbody .carea .formarea .rcont .rc2 button.serchbtn {width:80%; color:#ffffff; background-color:#666666; padding:9px 18px 11px 18px; margin-right:10px;}
    .content .contbody .carea .formarea .rcont .rc1.rig {height:120px;width:100%; text-align:right; margin-right:10px;}
    .content .contbody .carea .formarea .rcont .rc1.rig .sel2 {padding:10px 5px 9px 5px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .formarea .rcont .rc1.rig .sel3 {cursor:pointer;margin-right:10px; padding:10px 5px 9px 5px; border-radius:5px; background-color:#ffffff;}
    .content .contbody .carea .formarea .rcont .rc1.rig .buttonMng {margin-top:10px; margin-right:6px;}
    .content .contbody .carea .formarea .rcont .rc1.rig .buttonMng2 {margin-top:8px; margin-right:6px;}


    .td_dis {display:none;}
    .tdv_dis {display:none;}
    .tdv_dis .fn {font-size:1.1em; font-weight:bold; margin:5px 10px; float:left;cursor:pointer;}
    .tdv_dis .fs {margin:5px 10px; float:left;cursor:pointer;}
    .tdv_dis .fa {margin:10px;  float:left; clear:both;cursor:pointer;}

    .tdv_dis .score {font-size:1em; margin:5px 10px; line-height:1.4em;}
    .tdv_dis .score i {margin:2px 5px 0px 0px;}
    .tdv_dis .scoreval {margin:0px 10px;}

    .tbl_01 {cursor:pointer;font-size:1em; color:#333333; width:100%; border:0px solid #000000; border-spacing:0px; border-collapse:collapse;}
    .tbl_01 th {font-size:1.1em; padding:9px 0px; border-top:3px solid #c5c5c5; border-bottom:3px solid #c5c5c5; background-color:#dddddd;}
    .tbl_01 th.wp1 {width:12%;}
    .tbl_01 th.wp2 {width:30%;}
    .tbl_01 th.wp3 {width:45%;}
    .tbl_01 th.wp4 {width:10%;}
    .tbl_01 tr td {cursor:pointer;padding:2px 5px 0px 5px; height:39px; border-bottom:1px solid #d5d5d5;}
    .tbl_01 tr td.tdcen {cursor:pointer;text-align:center;}
    .tbl_01 tr td.stro {cursor:pointer;font-weight:bold;}
    .tbl_01 tr td.textover {cursor:pointer;max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .tbl_01 tr td p.canceltext {cursor:pointer;color:#ff6633; padding:0px; margin:0px;}
    .tbl_01 tr td span.redtext {cursor:pointer;color:#ff6633; padding:0px; margin:0px;}
    .tbl_01 tr td span.bluetext {cursor:pointer;color:#1e83b2; padding:0px; margin:0px;}
    .tbl_01 thead th i {cursor:pointer;position:relative; top:-3px;}
    .tbl_01 button {cursor:pointer;border-radius:5px; padding:2px 10px 2px 8px; border:0px;}
    .tbl_01 button.download {cursor:pointer;color:#ffffff; background-color:#666666;}
    .tbl_01 button.view {cursor:pointer;color:#ffffff; background-color:#666666;}
    .tbl_01 .acodi_que {cursor:pointer;font-size:1.1em; text-align:left; padding-left:20px;}
    .tbl_01 .acodi_que i {position:relative; top:1px; font-size:22px; margin:0px 5px 0px 0px;}
    .tbl_01 .acodi_center {text-align:center;}
    .tbl_01 .acodi_wcheck {width:25px;}
    .tbl_01 .acodi_wques {width:60%;}
    .tbl_01 .acodi_resuldpad {padding-left:50px; line-height:1.5em;}

    .tbl_02 {font-size:1em; letter-spacing:-1px; color:#333333; width:100%; border:0px solid #000000; border-spacing:0px; border-collapse:collapse;}
    .tbl_02 tr th {width:26%; text-align:left; padding:7px; border-top:3px solid #c5c5c5; border-bottom:3px solid #c5c5c5; background-color:#dddddd;}
    .tbl_02 tr th.wp1 {width:5%;}
    .tbl_02 tr th.wp2 {width:10%;}
    .tbl_02 tr th.wp3 {width:15%;}
    .tbl_02 tr th.tdcen {text-align:center;}
    .tbl_02 tr td {width:24%; padding:7px; border-top:3px solid #c5c5c5; border-bottom:3px solid #c5c5c5;}
    .tbl_02 tr td.tdcen {text-align:center;}
    .tbl_02 tr td.stro {font-weight:bold;}
    .tbl_02 tr td p.canceltext {color:#ff6633; padding:0px; margin:0px;}
    .tbl_02 tr td span.redtext {color:#ff6633; padding:0px; margin:0px;}
    .tbl_02 thead th i {position:relative; top:-3px;}
    .tbl_02 button {border-radius:5px; padding:4px 12px 6px 10px; border:0px;}
    .tbl_02 button.download {color:#ffffff; background-color:#666666;}
    .tbl_02 button.view {color:#ffffff; background-color:#666666;}
    .tbl_02 .rline {border-right:3px solid #c5c5c5;}
    .tbl_02 .th2bg {background-color:#eeeeee;}
    .tbl_02 .th2s {font-size:1.3em; text-align:center;}

    .tblout {margin:0px auto; width:calc(85% + 17px); width:-webkit-calc(85% + 17px); width:-moz-calc(85% + 17px); border-radius:5px; border:solid 5px #c1a1ff;}
    .tbl_03 {font-size:1em; letter-spacing:-1px; color:#333333; width:100%; border:0px solid #c1a1ff; border-spacing:0px; border-collapse:collapse;}
    .tbl_03 tr th {font-weight:normal; color:#6d52a3; width:25%; text-align:left; padding:11px 10px 10px 10px; border-bottom:1px solid #c5c5c5; background-color:#e0e0e0;}
    .tbl_03 tr th.wp1 {width:5%;}
    .tbl_03 tr th.wp2 {width:10%;}
    .tbl_03 tr th.wp3 {width:15%;}
    .tbl_03 tr th.wp4 {width:14%;}
    .tbl_03 tr th.tdcen {text-align:center;}
    .tbl_03 tr td {width:25%; padding:6px 10px 5px 10px; border-bottom:1px solid #c5c5c5; background-color:#eeeeee;}
    .tbl_03 tr td.tdcen {text-align:center;}
    .tbl_03 tr td.stro {font-weight:bold;}
    .tbl_03 tr td p.canceltext {color:#ff6633; padding:0px; margin:0px;}
    .tbl_03 tr td span.redtext {color:#ff6633; padding:0px; margin:0px;}
    .tbl_03 tr td span.redtext2 {font-size:1em; color:#ff6633; padding:0px; margin:0px;}
    .tbl_03 tr td.wp1 {width:85%;}
    .tbl_03 thead th i {position:relative; top:-3px;}
    .tbl_03 button {border-radius:5px; padding:4px 12px 6px 10px; border:0px;}
    .tbl_03 button.download {color:#ffffff; background-color:#666666;}
    .tbl_03 button.view {color:#ffffff; background-color:#666666;}
    .tbl_03 .rline {border-right:1px solid #c5c5c5;}
    .tbl_03 .th2bg {background-color:#eeeeee;}
    .tbl_03 .th2s {font-size:18px; text-align:center;}
    .tbl_03 .countsel {height:26px; padding:5px; border-radius:5px; background-color:#f5f5f5;}

    .pageout {cursor:pointer;width:237px; height:40px; margin:30px auto 0px auto;}
    .pageout ul li {cursor:pointer;width:18px; padding:11px 10px 9px 10px; border:1px solid #d5d5d5; float:left; text-align:center; background-color:#eee;}
    .pageout ul li.pnumber {font-size:1em; width:55px; height:16px; padding:8px 10px 12px 10px; border:1px solid #d5d5d5; float:left; text-align:center; background-color:#fff;}

    /* loginfo */
    .loginfo {position:relative; z-index:10; top:0px; font-size:0.857em; color:#999; width:100%; height:41px; background-color:#333;}
    .loginfo.posi2 {left:0px;}
    .loginfo i {font-size:1.2em;}
    /* .loginfo .gohome {position:relative; top:0px; left:0px; width:25%; float:left; text-align:left; margin-top:14px;} */
    .loginfo .teacher {position:relative; top:0px; left:0px; width:70%; float:left; text-align:center; margin-top:6px;}
    .loginfo .limitPayment {position:relative; top:0px; left:0px; width:17%; float:right; text-align:right; margin-top:8px;}
    .loginfo .logout {position:relative; top:0px; left:0px; width:25%; float:right; text-align:right; margin-top:14px;}
    .loginfo .sel {cursor:pointer;font-size:1.2em; letter-spacing:0px; font-weight:normal; color:#42a3d0; margin-left:10px; padding:5px 4px 3px 4px; border-radius:5px; border:1px solid #666; background-color:#333; -webkit-appearance:none; -ms-appearance:none; height:30px;}

    /* Popup Style */
    .bodyfixed {position:fixed; width:100%;}
    .fadeout {position:absolute; z-index:30; top:0px; left:0px; width:100vw; height:100vh; background-color:rgba(0, 0, 0, 0.5); display:none;}

    .popup {position:absolute; z-index:110; top:50vh; left:50vw; border:5px solid #42a3d0; background-color:#fff; box-shadow:0px 0px 10px #333; display:none;}
    .popup .tc {color:#fff; height:55px; background-color:#42a3d0;}
    .popup .tc .ptitle {font-size:22px; float:left; margin:14px 0px 0px 15px;}
    .popup .tc .pclose {cursor:pointer;float:right; margin:12px 15px 0px 0px;}
    .popup .pcont {margin:15px;}
    .popup .pcont.hei01 {overflow-y:auto; height:-webkit-calc(80vh - 144px); height:-moz-calc(80vh - 144px); height:calc(80vh - 144px);}
    .popup .pcont.hei02 {overflow-y:auto; height:-webkit-calc(80vh - 50px); height:-moz-calc(80vh - 50px); height:calc(80vh - 50px);}
    .popup .pcont .textinput {padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
    .popup .pcont .textinput.ts01 {width:96%;}
    .popup .pcont .textinput.ts02 {width:74%;}
    .popup .pcont .textinput.ts02_02 {width:57%;}
    .popup .pcont .textinput.ts03 {width:74%; padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .popup .pcont .textinput.ts04 {width:33%; padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .popup .pcont .textinput.ts05 {width:calc(100% - 26px); width:-webkit-calc(100% - 26px); width:-moz-calc(100% - 26px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .popup .pcont .textinput.ts06 {width:80%; background-color:#eee;}
    .popup .pcont .textinput.ts07 {width:calc(100% - 28px); width:-webkit-calc(100% - 28px); width:-moz-calc(100% - 28px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .popup button.serchbtn {width:15%; color:#ffffff; background-color:#666666; padding:9px 0px 11px 0px; margin-left:0%;}
    .popup .pcont .sercharea {text-align:center;}
    .popup .pcont .sercharea .cate {font-size:12px; margin-bottom:10px;}
    .popup .pcont .sel.ts01 {margin-left:1px; width:40%; padding:12px 13px 14px 13px; height:43px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .popup .pcont .sel.ts02 {margin-left:1px; width:100%; padding:12px 13px 14px 13px; height:43px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .popup .pcont .adtarea.tcen {text-align:center; height:auto;}
    .popup .pcont .textarea {padding:11px 5px; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff; resize:none;}
    .popup .pcont .textarea.ts01 {width:96%;}
    .popup .pcont .textarea.ts02 {width:calc(100% - 26px); width:-webkit-calc(100% - 26px); width:-moz-calc(100% - 26px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .popup .pcont .adtarea textarea {width:97%;}
    .popup .pcont .toptxt {margin-bottom:10px; text-align:center;}
    .logcont .formarea .sel.ts01 {margin-left:2px; width:40%; padding:12px 13px 14px 13px; height:43px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .logcont .formarea .sel.ts02 {width:100%; padding:10px 13px 14px 13px; height:45px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .logcont .formarea .sel.ts03 {width:calc(85% + 28px); width:-webkit-calc(85% + 28px); width:-moz-calc(85% + 28px); padding:12px 10px 12px 9px; height:45px; border-radius:5px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .logcont .formarea .emailout2 {width:calc(85% + 26px); width:-webkit-calc(85% + 26px); width:-moz-calc(85% + 26px); height:40px; margin:0px auto;}
    .logcont .formarea .emailout2 .textinput.logmail1 {float:left; width:calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}
    .logcont .formarea .emailout2 .sel.logmail2 {float:right; width:calc(50% - 4px); width:-webkit-calc(50% - 4px); width:-moz-calc(50% - 4px); padding:13px; margin-bottom:5px; background-color:#eee; border:1px solid #c1a1ff;}

    .logcont .formarea input.radio01 {display:none;}
    .logcont .formarea input.radio02 {display:none;}
    .logcont .formarea .labelout {margin:8px auto; width:calc(85% + 28px); width:-webkit-calc(85% + 28px); width:-moz-calc(85% + 28px); height:41px; background-color:#666; border-radius:5px;}
    .logcont .formarea label.radio01 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); color:#fff; background-color:#c1a1ff; width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:left; display:block;
        padding:13px 0px 10px 0px; margin-bottom:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;
        border-top:1px solid #a9a9a9; border-left:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
    .logcont .formarea label.radio02 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); color:#fff; background-color:#c1a1ff; width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:right; display:block;
        padding:13px 0px 10px 0px; margin-bottom:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;
        border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
    .logcont .formarea label.radio01.off {background-color:#666; border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666;}
    .logcont .formarea label.radio02.off {background-color:#666; border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;}
    .logcont .desc {color:#ff6600; margin:15px auto; width:80%; text-align:center;}

    .popup .pcont input.radio01 {display:none;}
    .popup .pcont input.radio02 {display:none;}
    .popup .pcont .labelout {margin:0px auto; width:calc(74% + 28px); width:-webkit-calc(74% + 28px); width:-moz-calc(74% + 28px); height:40px;}
    .popup .pcont label.radio01 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:left; display:block; padding:12px 0px 11px 0px;
        margin-bottom:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;
        border-top:1px solid #a9a9a9; border-left:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
    .popup .pcont label.radio02 {width:calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); float:right; display:block; padding:12px 0px 11px 0px;
        margin-bottom:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;
        border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
    .popup .pcont label.radio01.off {background-color:#666; border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666;}
    .popup .pcont label.radio02.off {background-color:#666; border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;}
    .popup .pcont .desc {color:#ff6600; margin:15px auto; width:86%; text-align:center; line-height:1.1em;}
    .popup .pcont .desctitle {font-size:15px; color:#333333; margin:15px auto; width:86%; text-align:center;}
    .popup .btnarea {text-align:center; margin-top:10px; clear:both;}

    .popup button {cursor:pointer;border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
    .popup button.gray {cursor:pointer;color:#ffffff; background-color:#666666;}
    .popup button.violet {cursor:pointer;color:#ffffff; background-color:#8e6cd0;}
    .popup button.orange {cursor:pointer;color:#ffffff; background-color:#ff5e3c;}
    .popup button.red {cursor:pointer;color:#ffffff; background-color:#d3212a;}
    .popup.ps01 {
        width:90%;
        height:200px;
        top:-webkit-calc(50vh - 100px);
        top:-moz-calc(50vh - 100px);
        top:calc(50vh - 100px);
        left:-webkit-calc(50vw - 45% - 5px);/* 5px is border width */
        left:-moz-calc(50vw - 45% - 5px);
        left:calc(50vw - 45% - 5px);
    }
    .popup.ps02 {
        width:90%;
        height:80vh;
        top:-webkit-calc(50vh - 40vh);
        top:-moz-calc(50vh - 40vh);
        top:calc(50vh - 40vh);
        left:-webkit-calc(50vw - 45% - 5px);/* 5px is border width */
        left:-moz-calc(50vw - 45% - 5px);
        left:calc(50vw - 45% - 5px);
    }
    .popup.ps03 {
        width:90%;
        height:350px;
        top:-webkit-calc(50vh - 175px);
        top:-moz-calc(50vh - 175px);
        top:calc(50vh - 175px);
        left:-webkit-calc(50vw - 45% - 5px);
        left:-moz-calc(50vw - 45% - 5px);
        left:calc(50vw - 45% - 5px);
    }
    .popup.ps04 {
        width:90%;
        height:290px;
        top:-webkit-calc(50vh - 145px);
        top:-moz-calc(50vh - 145px);
        top:calc(50vh - 145px);
        left:-webkit-calc(50vw - 45% - 5px);
        left:-moz-calc(50vw - 45% - 5px);
        left:calc(50vw - 45% - 5px);
    }
    .popup.ps05 {
        width:90%;
        height:290px;
        top:-webkit-calc(50vh - 145px);
        top:-moz-calc(50vh - 145px);
        top:calc(50vh - 145px);
        left:-webkit-calc(50vw - 45% - 5px);/* 5px is border width */
        left:-moz-calc(50vw - 45% - 5px);
        left:calc(50vw - 45% - 5px);
    }
    .popup.ps06 {
        width:90%;
        height:90vh;
        top:-webkit-calc(50vh - 45vh);
        top:-moz-calc(50vh - 45vh);
        top:calc(50vh - 45vh);
        left:-webkit-calc(50vw - 45% - 5px);/* 5px is border width */
        left:-moz-calc(50vw - 45% - 5px);
        left:calc(50vw - 45% - 5px);
    }
    .popup.ps07 {
        width:90%;
        height:240px;
        top:-webkit-calc(50vh - 120px);
        top:-moz-calc(50vh - 120px);
        top:calc(50vh - 120px);
        left:-webkit-calc(50vw - 45% - 5px);/* 5px is border width */
        left:-moz-calc(50vw - 45% - 5px);
        left:calc(50vw - 45% - 5px);
    }
    .popup.ps08 {
        width:360px;
        height:290px;
        top:-webkit-calc(50vh - 145px);
        top:-moz-calc(50vh - 145px);
        top:calc(50vh - 145px);
        left:-webkit-calc(50vw - 180px - 5px);
        left:-moz-calc(50vw - 180px - 5px);
        left:calc(50vw - 180px - 5px);
    }
    .popup.ps09 {
        width:360px;
        height:370px;
        top:-webkit-calc(50vh - 185px);
        top:-moz-calc(50vh - 185px);
        top:calc(50vh - 185px);
        left:-webkit-calc(50vw - 180px - 5px);
        left:-moz-calc(50vw - 180px - 5px);
        left:calc(50vw - 180px - 5px);
    }
    .popup.ps10 {
        width:360px;
        height:320px;
        top:-webkit-calc(50vh - 160px);
        top:-moz-calc(50vh - 160px);
        top:calc(50vh - 160px);
        left:-webkit-calc(50vw - 180px - 5px);
        left:-moz-calc(50vw - 180px - 5px);
        left:calc(50vw - 180px - 5px);
    }
    .popup.ps11 {
        width:360px;
        height:450px;/*height:250px;*/
        top:-webkit-calc(50vh - 125px);
        top:-moz-calc(50vh - 125px);
        top:calc(50vh - 125px);
        left:-webkit-calc(50vw - 180px - 5px);
        left:-moz-calc(50vw - 180px - 5px);
        left:calc(50vw - 180px - 5px);
    }

    .loglayout {position:absolute; width:90vw; height:100vh; background-color:#fff;}
    .loglayout .close {position:absolute; left:calc(100vw - 27px); top:3px; font-size:1em;}
    .logcont {position:absolute; overflow-y:auto;}
    .logcont .logoarea {margin-bottom:0px; font-size:60px; letter-spacing:-2px; text-align:center; width:100%; text-shadow: 3px 3px 0px #eee;}
    .logcont .logoarea .txt1 {text-align:center; line-height:1.3em;}
    .logcont .logoarea .txt1 .textsmall {font-size:50px;}
    .logcont .logoarea .txt2 {position:absolute; top:0px; left:52%; font-size:12px; letter-spacing:0px; font-style:italic;}
    .logcont .logoarea .txt3 {position:absolute; top:0px; left:43%; font-size:12px; letter-spacing:0px; font-style:italic;}
    .logcont .formarea {text-align:center;}
    .logcont .formarea .textinput {margin-bottom:5px; padding:13px; border-radius:5px; border:1px solid #c1a1ff; background-color:#eee;}
    .logcont .formarea .textinput.ts01 {width:85%;}

    .logcont .btnarea {text-align:center; margin:10px 0px;}
    .logcont .btnarea.ts01 {margin:60px 0px 30px 0px;}
    .logcont .btnarea button {border-radius:5px; padding:12px 0px; border:0px;}
    .logcont .btnarea button.ts01 {width:calc(85% + 30px);}
    .logcont .btnarea button.ts02 {padding:12px 12px 12px 10px; border:0px;}
    .logcont .btnarea button.gray {color:#ffffff; background-color:#666666;}
    .logcont .btnarea button.violet {color:#ffffff; background-color:#8e6cd0;}
    .logcont .btnarea button.orange {color:#ffffff; background-color:#ff5e3c;}

    .logcont .textarea {margin:20px auto 30px auto; width:calc(85% + 28px);}
    .logcont .textarea ul li {width:33%; float:left;}
    .logcont .textarea ul li.idfind {width:33%;}
    .logcont .textarea ul li.pwdfind {width:34%; text-align:center;}
    .logcont .textarea ul li.memjoin {width:33%; text-align:right;}

    .logcont .bannerarea {margin:0px auto; width:calc(85% + 28px); text-align:center;}

    .logcont.ps01 {
        width:90%;
        height:90vh;
        top:-webkit-calc(50vh - 45vh);
        top:-moz-calc(50vh - 45vh);
        top:calc(50vh - 45vh);
        left:-webkit-calc(50vw - 45%);
        left:-moz-calc(50vw - 45%);
        left:calc(50vw - 45%);
    }
    .logcont.ps02 {
        width:90%;
        height:96vh;
        top:-webkit-calc(50vh - 48vh);
        top:-moz-calc(50vh - 48vh);
        top:calc(50vh - 48vh);
        left:-webkit-calc(50vw - 45%);
        left:-moz-calc(50vw - 45%);
        left:calc(50vw - 45%);
    }
    .logcont.ps03 {
        width:96%;
        height:96vh;
        top:-webkit-calc(50vh - 48vh);
        top:-moz-calc(50vh - 48vh);
        top:calc(50vh - 48vh);
        left:-webkit-calc(50vw - 48%);
        left:-moz-calc(50vw - 48%);
        left:calc(50vw - 48%);
    }

    /* Free Form */
    .freebtn {font-family:'Noto Sans Korean',sans-serif; border-radius:5px; padding:9px 12px 11px 10px; border:0px;}
    .freebtn.gray {color:#ffffff; background-color:#666666;}
    .freebtn.violet {color:#ffffff; background-color:#8e6cd0;}
    .freebtn.orange {color:#ffffff; background-color:#ff5e3c;}
    .freebtn.red {color:#ffffff; background-color:#d3212a;}

    .freetblbtn {font-family:'Noto Sans Korean',sans-serif; border-radius:5px; padding:2px 10px 2px 8px; border:0px;}
    .freetblbtn.gray {color:#ffffff; background-color:#666666;}
    .freetblbtn.violet {color:#ffffff; background-color:#8e6cd0;}
    .freetblbtn.orange {color:#ffffff; background-color:#ff5e3c;}
    .freetblbtn.red {color:#ffffff; background-color:#d3212a;}

    .freeform {font-family:'Noto Sans Korean',sans-serif; border-radius:5px; border:1px solid #a9a9a9; background-color:#ffffff;}
    .freeform.text {padding:11px 15px;}
    .freeform.textarea {padding:11px 15px;}
    .freeform.select {padding:7px 5px 8px 5px;}
    .freeform.checkbox {width:20px; height:20px;}
    .freeform.radio {width:20px; height:20px;}
}