@charset 'utf-8';
/*common=======
	   reset
===============*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}ul li{list-style:none;}ol li{list-style:none;}a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit; display: inline-block;}
img {vertical-align: middle;}
table {border-collapse:collapse;}
a,a:hover,a:focus,a:active {text-decoration:none;}
/* font-family: 'Roboto', sans-serif;*/

/* GRID SYSTEM*/
.clearfix:after {content: "";display: block;clear: both;}
.center {width: 94%;margin: auto;}
.center2 {width: 94%;margin: auto;}
[class*="col-"] {width: 100%;float: left;box-sizing: border-box;}
@media (min-width:769px) {.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 32.33%;}.col-5 {width: 41.66%;}.col-6 {width: 49.5%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}.col-13 {width: 20%;}.col-17 {width: 23.5%;}.col-18 {width: 90.33%;}.col-19 {width: 71.33%;};}.col-fit {padding: 0;}.col-right {float: right;}
html,body {width:100%;height:100%;background-color: #ffffff;font-family:'Noto Sans KR';  -ms-overflow-style: none;}

/*Organization_setting*/
.main_bg{width: 100%;height: 100%; background:url(../img/general/mBackground.png)no-repeat center;background-size: cover;position: relative;}
.logo_section{width: 100%;height: 95px; position: absolute;top:30px;}
.logo{position:absolute;top:50px;left:50px;z-index: 999; color:#000; cursor: pointer;}
.logo>span{margin-top: 5px;margin-left: 84px;font-size: 25px;}
.logo>img{width :100%;}
.container_{width: 100%;margin:auto;}
.contents_box{position: absolute; overflow:auto;top: 0;bottom: 0;left: 0; right: 0;width: 780px;height: 560px;background-color: rgba(255, 255, 255, 0.6);margin:auto;border-top:8px solid #119c6b; box-sizing: border-box;padding: 50px 0;}
.title_bo x{width: 100%;height: 60px;position: relative;}
.line_color{background:#119c6b;width:7px;height: 60px;position: absolute;}
.title{color:1d2228;font-size: 36px;font-weight: 500;}
.search_wrap,.search_result{width: 620px;height: auto;margin: auto;padding-top:50px;}
.searchingbox{width: 96%;margin: auto;position: relative;height:60px;box-sizing: border-box;}
.search_bg{width:80%;height:60px;background:#fff;border:4px solid #119c6b;border-radius: 8px 0px 0px 8px;}
.search_bg>input{width: 95%;height: 50px;border:0px; margin-left: 10px;font-size:20px;line-height: 58px;font-weight: 500;outline-style: none;}
.search_wrap button,.search_result button{width:20%;height: 60px;border:0px; margin-left: 10px;font-size:22px;line-height: 70px;font-weight: 500;background-color: #119c6b;color:#fff;border-radius: 0px 8px 8px 0px;position: absolute;top:0px;right: 0px;}
.search_wrap button:hover,.search_result button:hover{background-color: #119c6b;color:#eee;}
.line{width: 100%;height: 1px;background: #119c6b;margin-top: 40px;}
._subtext{text-align: center;line-height: 3;color: #119c6b;}
.orgarnizations{width: 620px;height: 380px;position:absolute; overflow-x: hidden;}
.orgarnizations a{float: left;padding:7px 32px;border:2px solid #000;margin:10px;border-radius: 45px;}
.orgarnizations a:hover{background-color:rgba(81, 153, 255, 0.48) ;}
.orgarnizations a.active{background-color: rgba(81, 153, 255, 0.9);}
.bot_sec{width: 100%;height:60px;;position: absolute;bottom: 0px; background-color:rgba(255,255,255,.3); ;}
.copyright{width: 100%;height: 100%; margin:auto;line-height: 40px;z-index:999;}
.copyright>img{position: absolute; top:10px; ;}
.copyright .mMFooterLogo{ left:50px;}
.copyright div{width:200px; height:100%;margin:auto;}
.copyright div img{margin:10px;margin-top: 15px;}
.bot_sec .mLogo{right: 50px;}
#pwSetting,#search{border-right:1.5px solid #1d2228;}
#pwSetting a,#register a,#search a{color:inherit;margin:0;padding:0;border:0;vertical-align:baseline;background:0 0;text-decoration:none;display:inline-block;font-weight:600;}
#pwSetting a:hover,#register a:hover,#search a:hover{color:#919191;}
.subTitleColor{width:45%;margin:auto;background-color:rgba(255,255,255,.5); font-size:1.8rem; padding-left: 5px; padding-right: 5px;}
.modal-content{border-radius:0px;}
.defaultBtn{position:fixed;  cursor:pointer; top:50px;right:50px;margin:5px;z-index: 999;}
.defaultBtn a{margin-top:15px;}
.defaultBtnBottom{position:fixed; cursor:pointer;top:50px;left:50px;z-index: 99;}
.exit_btn{position: absolute;right: 50px;bottom:80px;}
.mLogo{position: absolute;right: 50px;bottom:15px;}
select::-ms-expand { display:none; ;}
 

/* 기타 */
::-ms-clear{display:none;}
::-ms-reveal{display:none;}
.verDivBlack,.verDivWhite{width:100%;height:25px;position:absolute;bottom:50px;}
.verDivWhite span{width:10%;height:25px;color:#fff;}
.verDivBlack span{width:10%;height:25px;color:#292f33;}
.emptySpace{width:100%;height:150px;}
/*input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}*/
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}
::-webkit-scrollbar{display:none;}
.modalButton{width:190px;font-size: 20px;}

/* 나의 이력보기 */
.bodyDivContainer,.menuDivContainer{width:19%;height:95%;padding:0;float:left;background-color:#324a49;}
.bodyDivContainer{width:81%;height:95%;background-color:#ebebeb;}
.menuDivContainer .info_sec{height:100%;color:#fff;z-index:100;}
.mindResultUsage{height:100%;padding:0;margin:0;}
.info_sec .mrLogo{width:80%;margin:auto;}
.mrLogo>img{width:100%;text-align:center;margin:50px 0 0 0;}
.menuDivContainer .info_sec table{width:100%;text-align:center;margin:100px auto auto auto;color:#fff;border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);}
.menuDivContainer .info_sec table td:nth-child(1){padding:10px;font-size:20px;color:#aeaeae;font-weight:300;}
.menuDivContainer .info_sec table td{font-size:24px;}
.menuDivContainer .info_sec .btnDesignPrint,.menuDivContainer .info_sec .buttonExit{position:absolute;width:100%;height:65px;background-color:#324a49;border:0;border-top:2px solid rgba(255,255,255,.2);margin-top:15px;color:#fff;text-align:center;font-size:18px;font-weight:400;border-radius:4px;bottom:0;}
.menuDivContainer .info_sec .btnDesignPrint{bottom:65px;}
.menuDivContainer .buttonExit img,.menuDivContainer .info_sec .btnDesignPrint img{position:absolute;left:40px;}
.mRUsageBody,.mRUsageHead{position:relative;width:100%;height:10%;}
.mRUsageBody.dateTraining,.mRUsageBody.listTraining{height:90%;}
.mRUsageHead .headTitle{position:relative;width:99%;height:100px;top:0;left:0;right:0;bottom:0;font-size:33px;font-weight:600;}
.mRUsageHead .headTitle div{position:absolute;width:31%;top:0;right:0;bottom:0;left:0;}
.mRUsageHead .headTitle #titleDiv{top:20px;left:26px;right:0;bottom:0;margin-right:auto;}
.mRUsageHead .headTitle #btnDiv{top:20px;left:0;right:0;bottom:0;margin-left:auto;}
.mRUsageHead .headTitle #listBtnTraining{border:2px solid #109e6e;color:#109e6e;}
.mRUsageHead .headTitle button{background-color:#fff;border:1px solid #676767;border-radius:3px;cursor:pointer;color:#676767;font-size:20px;padding:7px 30px;margin-left:10px;margin-right:10px;}
.mRUsageBody.dateTraining .myButton:active{position:relative;top:1px;}
.mRUsageBody.dateTraining .bodyContent,.mRUsageBody.listTraining .bodyContent{width:100%;height:100%;margin:0;padding:0;}
.mRUsageBody.dateTraining .bContent{position:relative;height:100%;margin:0;padding:0;}
.mRUsageBody.dateTraining .leftContent{-ms-flex:0 0 57.333333%;flex:0 0 57.333333%;max-width:57.333333%;}
.mRUsageBody.dateTraining .centerContent{-ms-flex:0 0 4.333333%;flex:0 0 4.333333%;max-width:4.333333%;}
.mRUsageBody.listTraining .rightContent{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.mRUsageBody.dateTraining .rightContent{-ms-flex:0 0 38.333333%;flex:0 0 38.333333%;max-width:38.333333%;}
.mRUsageBody.dateTraining .conContainer,.mRUsageBody.listTraining .conContainer{position:relative;width:90%;height:95%;margin:auto;}
.mRUsageBody.dateTraining .conContainer{width:95%;}
.mRUsageBody.dateTraining .rightContent .conContainer,.mRUsageBody.listTraining .rightContent .conContainer{border:1px solid #c1c1c1;background-color:#fff;}
.mRUsageBody.dateTraining .uFooter,.mRUsageBody.dateTraining .uHead,.mRUsageBody.listTraining .uFooter,.mRUsageBody.listTraining .uHead{height:7%;padding:15px 25px;}
.mRUsageBody.dateTraining .uFooter,.mRUsageBody.dateTraining .uHead{padding:3px 10px;}
.mRUsageBody.listTraining .uHead{height:15%;}
.mRUsageBody.listTraining .uBody.tableDiv{padding:0;}
.mRUsageBody.listTraining .uBody.tableDiv #iVrInsepction td{width:75%;vertical-align:middle;}
.uHeadTitle{width:75%;height:40%;float:left;font-size:26px;color:#03815a;}
.uHeadSubTitle{width:25%;height:40%;float:left;}
.mRUsageBody.listTraining .uBTable span,.mRUsageBody.listTraining .uHead .uHeadSubTitle span{padding:5px;border-radius:25px;}
.mRUsageBody.dateTraining .sDateVr,.mRUsageBody.dateTraining .sDateWeb,.mRUsageBody.dateTraining .sListTrans,.mRUsageBody.listTraining .uBTable .sListTrans,.mRUsageBody.listTraining .uBTable .sListVr,.mRUsageBody.listTraining .uBTable .sListWeb,.mRUsageBody.listTraining .uHead .sListTrans,.mRUsageBody.listTraining .uHead .sListVr,.mRUsageBody.listTraining .uHead .sListWeb,
.uHead.cDate .sDVr,.uHead.cDate .sDWeb{float:left;width:36px;height:36px; font-size: 10px;line-height:2;text-align:center;padding-top:5px;border-radius:25px;font-size:10px;line-height:2.5;}
.uHead.cDate .sDVr,.uHead.cDate .sDWeb,.uHead.cDate .sLTrans{width:40px;height:40px;margin-top:10px;padding:0;}
.uHead.cDate .sLTrans{width:75px;}
.uHead.cDate #uHeadEducation span,.uHead.cDate #uHeadInspection span{font-size:11px;font-weight:500;line-height:2;padding:5px;text-align:center;}
.mRUsageBody.dateTraining .uBTable .sDateVr,.mRUsageBody.dateTraining .uBTable .sDateWeb{padding:1px;}
.mRUsageBody.dateTraining .sDateWeb,.mRUsageBody.listTraining .sListWeb,.uHead.cDate .sDWeb{background-color:#ffe9c7;}
.mRUsageBody.dateTraining .sDateVr,.mRUsageBody.listTraining .sListVr,.mRUsageBody.listTraining .uHead .uHeadSubTitle .sListVr,.uHead.cDate .sDVr{margin-left:10px;background-color:#cfdbff;}
.mRUsageBody.dateTraining .uFooter{margin-top:50px;background-color:#fff;}
.mRUsageBody.dateTraining .uBody{position:relative;height:73%;padding:0;font-size:26px;}
.mRUsageBody.dateTraining .uHead.menu{border-bottom:2px solid #c1c1c1;border:1px solid #c1c1c1;}
.mRUsageBody.dateTraining .leftContent .uHead.menu{background-color:#ceebe1;}
.mRUsageBody.dateTraining #menu-navi img{cursor:pointer;}
.mRUsageBody.dateTraining #renderRange{padding-left:150px;padding-right:150px;font-size:25px;vertical-align:middle;}
.mRUsageBody.dateTraining #calendar{width:100%;height:100%;position:relative!important;top:0;right:0;bottom:0;left:0;}
.mRUsageBody.dateTraining .tui-full-calendar-month-dayname,.mRUsageBody.dateTraining .tui-view-6{height:9%!important;background-color:#ceebe1;}
.mRUsageBody.dateTraining .tui-view-6{border:1px solid #c1c1c1;border-top:1px solid transparent;}
.mRUsageBody.dateTraining .tui-view-7{height:91%!important;border:1px solid #c1c1c1;border-top:1px solid transparent;cursor:pointer;}
.mRUsageBody.dateTraining .tui-full-calendar-month-dayname-item span{line-height:2.5;}
.mRUsageBody.dateTraining .tui-view-6 div{font-size:20px;text-align:center;}
.mRUsageBody.dateTraining .centerContent img{position:absolute;width:65px;height:65px;top:0;right:0;bottom:0;left:0;margin:auto;}
.mRUsageBody.dateTraining .conBadge{display:inline-block;width:30px;height:30px;font-size:13px;line-height:2.5;font-weight:600;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:30px;margin:2px;}
.mRUsageBody.dateTraining .clFooterBadge{display:inline-block;width:25px;height:25px;}
.mRUsageBody.dateTraining .clFooterSpan{font-size:16px;font-weight:600;text-align:center;margin:auto;white-space:nowrap;line-height:2.5;}
.mRUsageBody.dateTraining .clFooterBadge.Inspection,.mRUsageBody.dateTraining .conBadge.Inspection{background-color:#f96666;}
.mRUsageBody.dateTraining .clFooterBadge.Education,.mRUsageBody.dateTraining .conBadge.Education{background-color:#ff9123;}
.mRUsageBody.dateTraining .clFooterBadge.Training,.mRUsageBody.dateTraining .conBadge.Training{background-color:#3694ff;}
.mRUsageBody.dateTraining .uBody.tableDiv,.mRUsageBody.listTraining .uBody.tableDiv{height:85%;}
.mRUsageBody.dateTraining .uBTable,.mRUsageBody.listTraining .uBTable{width:100%;}
.mRUsageBody.dateTraining .uBTable th,.mRUsageBody.listTraining .uBTable th{padding:4px 3px 4px 3px;padding-left:15px;background-color:#ceebe1;}
.mRUsageBody.dateTraining .uBTable td,.mRUsageBody.listTraining .uBTable td{padding:3px;padding-left:10px;  font-size: 20px; vertical-align:middle;}
.mRUsageBody.listTraining .uBTable td,.mRUsageBody.listTraining .uBTable th{padding:6px;padding-left:15px;padding-right:5px;}
.mRUsageBody.dateTraining .mResultIcon,.mRUsageBody.listTraining .mResultIcon{cursor:pointer;}
.mRUsageBody.dateTraining .modalResultUsage{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;outline:0;height:750px;}
.mRUsageBody.dateTraining .mResultTitle{height:15%;font-size:28px;}
.mRUsageBody.dateTraining .signText{color:#109e6e;}
.mRUsageBody.dateTraining .uHead{font-size:26px;font-weight:600;text-align:left;line-height:1;}
.mRUsageBody.dateTraining .uHead.menu{text-align:center;}
.mRUsageBody.dateTraining .uHead.menu{padding:0;margin:0;}
.mRUsageBody.dateTraining .listDivContent{height:100%;line-height:2;cursor:pointer;}
.mRUsageBody.dateTraining .listDivContent.menuInspection{color:#f96666;}
.mRUsageBody.dateTraining .listDivContent.menuEducation{color:#ff9123;}
.mRUsageBody.dateTraining .listDivContent.menuTraining{color:#3694ff;}
.mRUsageBody.dateTraining .listDivContent.menuInspection.active,.mRUsageBody.dateTraining .listDivContent.menuInspection:active{border:2px solid #f8abab;background-color:#fee0e0;}
.mRUsageBody.dateTraining .listDivContent.menuEducation.active,.mRUsageBody.dateTraining .listDivContent.menuEducation:active{border:2px solid #ff9123;background-color:#ffe9d3;}
.mRUsageBody.dateTraining .listDivContent.menuTraining.active,.mRUsageBody.dateTraining .listDivContent.menuTraining:active{border:2px solid #3694ff;background-color:#b8d5f7;}
.pDataContainer .modal-dialog{max-width:1280px;}
.pDataContainer .modal-header{background-color:#454d5a;border-bottom:0;color:#fff;}
.pDataContainer .modal-header button{color:#fff;}
.pDataContainer .modal-body{padding:0;}
.pDataContainer .rTableBody,.pDataContainer .rTableTitle{clear:both;position:relative;margin:0;padding:0;}
.pDataContainer .rTableTitle{border:1px solid #c1c1c1;height:40px;}
.pDataContainer .rTableBody .arrayBtn img{width:15px;height:15px;}
.pDataContainer .inOutMenu.active{padding:7px;background-color:#ceebe1;}
.pDataContainer .inOutMenu{width:50%;float:left;padding:7px;font-weight:700;cursor:pointer;text-align:center;}
.pDataContainer .inMenu.active,.pDataContainer .outMenu.active{font-weight:800;border-bottom:3px solid #000;}
.pDataContainer .menuList{position:relative;margin-left:2rem;margin-right:.5rem;white-space:nowrap;overflow-x:auto;height:40px;}
.pDataContainer .rMenu{width:90px;height:100%;display:inline-block;cursor:pointer;text-align:center;padding:7px;}
.pDataContainer .rtArrowLeft,.pDataContainer .rtArrowRight{position:absolute;width:35px;height:35px;padding:5px;color:grey;font-size:1rem;font-weight:800;cursor:pointer;z-index:10;}
.pDataContainer .rtArrowRight{right:0;}
.pDataContainer .rtArrowRight img{margin-right:5px;}
.pDataContainer #wrap{position:relative;width:100%;text-align:center;}
.pDataContainer #mDefaultWidth{width:100%;height:550px;}
.pDataContainer #mDefaultWidth span{color:#2e3039;font-size:30px;font-weight:700;line-height:35px;}
.pDataContainer .rp_info{padding:40px 90px 0;}
.pDataContainer .r_step_full{width:100%;}
.pDataContainer .myresult_detail_text{padding-top:40px;clear:both;overflow:hidden;}
.pDataContainer .r_step_full .text{width:80%;padding-top:40px;font-size:18px;color:#464646;line-height:26px;font-weight:400;letter-spacing:-1px;text-align:justify;margin:0 auto;}
.pDataContainer .myresult_detail_text .text{width:100%;box-sizing:border-box;padding-top:40px;font-size:18px;color:#464646;line-height:26px;font-weight:400;letter-spacing:-1px;text-align:center;margin:0 auto;}
.r_step_full .graph{width:70%;margin:80px auto 0;}
.r_step_full .graph .sp_cir{position:relative;}
.r_step_full .graph .sp_cir ul{position:relative;width:100%;height:2px;background:#ebebeb;margin-top:20px;}
.r_step_full .graph .sp_cir li{position:absolute;left:0;top:-6px;width:2px;height:12px;background-color:#ebebeb;}
.r_step_full .graph .sp_cir li:nth-child(2){left:25%;}
.r_step_full .graph .sp_cir li:nth-child(3){left:50%;}
.r_step_full .graph .sp_cir li:nth-child(4){left:75%;}
.r_step_full .graph .sp_cir li:nth-child(5){left:100%;}
.pDataContainer .ResultPaper .rp_tit{position:relative;padding:20px 0 22px;background-color:#0e9e6e;}
.pDataContainer .ResultPaper .rp_tit em{display:inline-block;width:84px;height:20px;margin-right:10px;background:url(/public/img/exam/tit.png) no-repeat 0 0;font-size:0;vertical-align:bottom;}
.pDataContainer .ResultPaper .rp_tit span{color:#fff;font-size:20px;font-weight:500;}
.pDataContainer .ResultPaper strong.st_Pink{color:#fd4e6f;}
.pDataContainer .ResultPaper .tit{color:#2e3039;font-size:30px;font-weight:700;line-height:35px;}
.pDataContainer .ResultPaper .rp_info .tit2{width:95%;font-size:24px;color:#464646;font-weight:700;line-height:26px;margin:0 auto 20px;}
.pDataContainer .ResultPaper .tit3{color:#2e3039;font-size:26px;font-weight:700;line-height:35px;}
.r_step_full .graph .point3{overflow:hidden;margin-top:20px;}
.r_step_full .graph .point3 li:first-child{text-align:left;}
.r_step_full .graph .point3 li{float:left;width:33.333%;text-align:center;font-size:12px;color:#464646;line-height:15px;}
.r_step_full .graph .point3 li:nth-child(3){text-align:right;}
.myresult_sum{width:90%;overflow:hidden;clear:both;padding-top:40px;margin:0 auto;box-sizing:border-box;}
.myresult_sum>li{width:40%;float:left;margin:0 5%;}
.myresult_sum.layout3>li{width:30%;margin:0;margin-left:5%;}
.myresult_sum.layout3>li:first-child{margin-left:0;}
.ResultPaper .tit div{font-size:16px;margin-top:15px;line-height:20px;}
.r_step .graph .sp_cir3{position:relative;}
.r_step .graph .sp_cir3 ul{position:relative;width:100%;height:2px;background:#ebebeb;margin-top:30px;}
.r_step .graph .sp_cir3 li{position:absolute;left:0;top:-6px;width:2px;height:12px;background-color:#ebebeb;}
.r_step .graph .sp_cir3 li:nth-child(2){left:50%;}
.r_step .graph .sp_cir3 li:nth-child(3){left:100%;}
.r_step .graph .point3{overflow:hidden;margin-top:20px;}
.r_step .graph .point3 li:first-child{text-align:left;}
.r_step .graph .point3 li{float:left;width:33.333%;text-align:center;font-size:12px;color:#464646;line-height:15px;}
.r_step .graph .point3 li:nth-child(3){text-align:right;}
.r_step .graph .sp_cir3 ul{position:relative;width:100%;height:2px;background:#ebebeb;margin-top:30px;}
.r_step .graph .sp_cir3 span{position:absolute;top:-9px;right:0;width:18px;height:18px;background:url(/public/img/exam/icon_cir.png) no-repeat 0 0;font-size:0;}
.r_step .graph .sp_cir3 span.average{position:absolute;top:-9px;right:0;width:100%;height:18px;border-radius:9px;font-size:0;background:rgba(204,204,204,.5);}
.r_step .graph .sp_cir3 span.average.avg01{width:15%;right:30%;}
.r_step .graph .sp_cir3 span.average.avg02{width:12%;right:26%;}
.r_step .graph .sp_cir3 span.average.avg03{width:14%;right:30%;}
.r_step .graph .point3{overflow:hidden;margin-top:20px;}
.r_step .graph .point3 li:first-child{text-align:left;}
.r_step .graph .point3 li{float:left;width:33.333%;text-align:center;font-size:12px;color:#464646;line-height:15px;}
.r_step .graph .point3 li:nth-child(3){text-align:right;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph,.pDataContainer .mDivQIDS .r_step_full .graph{width:70%;margin:80px auto 0;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .sp_cir01,.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir{position:relative;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .sp_cir01 ul,.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir ul{position:relative;width:100%;height:2px;background:#ebebeb;margin-top:20px;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .sp_cir01 li,.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir li{position:absolute;left:0;top:-6px;width:2px;height:12px;background-color:#ebebeb;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .sp_cir01 li:nth-child(2){left:33%;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .sp_cir01 li:nth-child(3){left:66%;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .sp_cir01 li:nth-child(4){left:99%;}
.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir li:nth-child(2){left:25%;}
.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir li:nth-child(3){left:50%;}
.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir li:nth-child(4){left:75%;}
.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir li:nth-child(5){left:100%;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .sp_cir01 span,.pDataContainer .mDivQIDS .r_step_full .graph .sp_cir span{position:absolute;top:-9px;right:0;width:18px;height:18px;background:url(/public/img/exam/icon_cir.png) no-repeat 0 0;font-size:0;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .point01,.pDataContainer .mDivQIDS .r_step_full .graph .point{overflow:hidden;margin-top:20px;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .point01 li,.pDataContainer .mDivQIDS .r_step_full .graph .point li{float:left;width:20%;text-align:center;font-size:12px;color:#464646;line-height:15px;border:0 solid red;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .point01 li:first-child{width:30%;text-align:left;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .point01 li:nth-child(2){width:17%;text-align:left;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .point01 li:nth-child(3){width:22%;text-align:right;}
.pDataContainer .mDivPHQ-9 .r_step_full .graph .point01 li:nth-child(4){width:30%;text-align:right;}
.pDataContainer .mDivQIDS .r_step_full .graph .point li:first-child{width:12%;text-align:left;}
.pDataContainer .mDivQIDS .r_step_full .graph .point li:nth-child(2){width:28%;}
.pDataContainer .mDivQIDS .r_step_full .graph .point li:nth-child(3){width:20%;}
.pDataContainer .mDivQIDS .r_step_full .graph .point li:nth-child(4){width:28%;}
.pDataContainer .mDivQIDS .r_step_full .graph .point li:nth-child(5){width:12%;text-align:right;}
.pDataContainer .mDivECR .myresult_sum{width:90%;overflow:hidden;clear:both;padding-top:40px;margin:0 auto;box-sizing:border-box;}
.pDataContainer .mDivECR .myresult_sum>li{width:40%;float:left;margin:0 5%;}
.pDataContainer .mDivECR .ResultPaper .tiECR{color:#2e3039;font-size:26px;font-weight:700;line-height:35px;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir{position:relative;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir ul{position:relative;width:100%;height:2px;background:#ebebeb;margin-top:20px;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir li{position:absolute;left:0;top:-6px;width:2px;height:12px;background-color:#ebebeb;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir span{position:absolute;top:-9px;right:0;width:18px;height:18px;background:url(/public/img/exam/icon_cir.png) no-repeat 0 0;font-size:0;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir li:nth-child(2){left:25%;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir li:nth-child(3){left:50%;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir li:nth-child(4){left:75%;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir li:nth-child(5){left:100%;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .point{overflow:hidden;margin-top:20px;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .point li{float:left;width:28%;text-align:center;font-size:12px;color:#464646;line-height:15px;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .point li:first-child{width:12%;text-align:left;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .point li:nth-child(3){width:20%;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .point li:nth-child(5){width:12%;text-align:right;}
.pDataContainer .mDivECR .myresult_sum>li>.avrg1,.pDataContainer .mDivECR .myresult_sum>li>.avrg2{font-size:12px;text-align:left;opacity:.75;}
.pDataContainer .mDivECR .myresult_sum li .r_step .graph .sp_cir span{position:absolute;top:-9px;right:0;width:18px;height:18px;background:url(/public/img/exam/icon_cir.png) no-repeat 0 0;font-size:0;right:98%;}
.pDataContainer .mDivRE .r_step_full .graph{width:90%;margin:40px auto 0;}
.pDataContainer .mDivRE .r_step_full .graph .sp_cir span{position:absolute;top:-9px;right:0;width:18px;height:18px;background:url(/public/img/exam/icon_cir.png) no-repeat 0 0;font-size:0;right:98%;}
.pDataContainer .ResultPaper .mDivRE .tit div span{color:#fd4e6f;font-weight:700;}
.rp_desc{font-size:13px;color:#acacac;margin:60px auto 50px;line-height:16px;}



/* 프린터 */
.rDivContainerPrint{color:#000;background:0 0;height:100%}
.rDivContainerPrint .pPagePaper{width:786px;height:100%;margin:0 auto;padding:2rem;background-color:#fff}
.pResultTitle{margin:0;padding:0;height:5%}
.pResultBody{margin:0;padding:0}
.pResultBody.resultValue{height:50%}
.userImpo{height:4%;border-bottom:3px solid #000}
.pHeadTitleDiv{float:left}
#pDateDiv{width:49%}
#pUserInfoDiv{width:51%}
#pCurrentDate{margin-left:20px}
.pBodyDiv{height:100%;clear:both}
.pHeadSubject{font-size:17px;font-weight:500;margin-left:10px;color:#929292}
.pHeadContent{font-size:20px;font-weight:500;margin-left:10px;color:#474747}
#bodyTitleDiv{margin-top:10px}
#bodyTitle{font-size:20px;font-weight:500;color:#343b4a}
#bodyTitleSub{font-size:11px;color:#929292}
.rDivContainerPrint #bodyDiv table{width:100%;margin-top:10px}
.rDivContainerPrint #bodyDiv table thead th{padding:4px;color:#fff;background-color:#6fc5a8;padding-left:20px}
.rDivContainerPrint #bodyDiv table thead th.tThVal{text-align:center;padding:0}
.rDivContainerPrint #bodyDiv table tbody td{color:#343b4a;border:1px solid #dbdbdb;padding:2px;padding-left:20px}
.rDivContainerPrint #bodyDiv table tbody td.tTdVal{text-align:center;padding:0}
.rDivContainerPrint #bodyDiv table tbody td.tTdVal.totalval{background-color:#e6f5f0}
.rTNotRunning{font-size:13px;color:#929292}
.pDataContainer.printContainer{height:50%;max-height:50%;padding:10px}
.pDataContainer.printContainer .ResultPaper .rp_tit{position:relative;background-color:#ceebe1;height:10%;padding:10px 0 10px}
.pDataContainer.printContainer .ResultPaper .rp_tit .location,.pDataContainer.printContainer .ResultPaper .rp_tit .tNumber{position:absolute;top:12px;left:20px;font-size:14px;color:#333}
.pDataContainer.printContainer .ResultPaper .rp_tit .tNumber{left:inherit;right:20px}
.pDataContainer.printContainer .ResultPaper .rp_info{height:90%}
.pDataContainer.printContainer .rp_info{padding:5px 10px 0}
.pDataContainer.printContainer .myresult_detail_text{padding-top:0px}
.pDataContainer.printContainer .myresult_detail_text .text{padding-top:5px;font-size:11px}
.pDataContainer.printContainer .r_step_full .graph{width:90%;margin:20px auto 0}
.pDataContainer.printContainer .myresult_sum{width:90%;overflow:hidden;clear:both;padding-top:5px;margin:0 auto;box-sizing:border-box}
.pDataContainer.printContainer .r_step_full .text{width:90%}
.pDataContainer.printContainer .ResultPaper .rp_info .tit2 .printContainer .ResultPaper .tit.subTitle{font-size:17px;line-height:20px}
.pDataContainer.printContainer .ResultPaper .tit{color:#2e3039;font-size:25px;line-height:40px;margin-top:20px}
.pDataContainer.printContainer .mDivPHQ-9 .r_step_full .graph,.pDataContainer.printContainer .mDivQIDS .r_step_full .graph{width:90%;margin:10px auto 0}
.pDataContainer.printContainer .mDivECR .myresult_detail_text,.pDataContainer.printContainer .mDivECR .myresult_detail_text .text{padding-top:10px}
.pDataContainer.printContainer .mDivRE .r_step_full .graph .sp_cir span{position:absolute;top:-9px;right:0;width:18px;height:18px;background:url(/public/img/exam/icon_cir.png) no-repeat 0 0;font-size:0;right:98%}
.pDataContainer.printContainer .mDivRE .r_step_full .graph{margin:5px auto 0}
.pDataContainer.printContainer .ResultPaper .mDivRE .tit div{font-size:13px;margin-top:5px;line-height:10px}
.pDataContainer.printContainer .ResultPaper .mDivRE .tit{font-size:16px;line-height:18px}
.pDataContainer.printContainer .mDivRE .myresult_sum{padding-top:0}
.pDataContainer .ResultPaper .mDivRE .tit3{font-size:16px}
.pDataContainer.printContainer .mDivRE .myresult_detail_text .text{padding-top:1px;font-size:11px}
@media screen{
.rDivContainerPrint{background:#fff;padding-top:0px;padding-bottom:0px}
.rDivContainerPrint .pPagePaper{border:0px solid #777}
.rDivContainerPrint .footer.noprint{display:none}
}
@media print{
.noprint{display:none}
.pHeadSubject{font-size:17pt!important}
.pHeadContent{font-size:20pt!important}
#bodyTitle{font-size:20pt!important}
#bodyTitleSub{font-size:11pt!important}
.bProgramTable th{padding:5pt!important;font-size:16pt!important}
.bProgramTable td{padding:5pt!important;font-size:16pt!important}
.rTNotRunning{font-size:13pt!important;text-align:center!important}
.pDataContainer.printContainer{padding:10pt!important}
.printContainer .r_step_full .graph{margin:20pt auto 0!important}
.printContainer .myresult_sum{padding-top:20pt!important}
.printContainer .ResultPaper .tit{font-size:25pt!important;line-height:30pt!important}
}


nav {
    height: 5%;
}

  #navbar {
    padding: 0px;
    min-height: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    padding: 0 400px 0 400px;
    min-width: 1400px;
}

  #brandLogo {
    text-decoration: none;
    color: rgba(22, 122, 251, 0.8);
}

nav .menuList {
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    font-size: 15px;
    display: block;
    padding: 10px;
    cursor: pointer;
}

  .navbar-default .navbar-nav>li>a,
  #SiteName {
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    font-size: 15px;
    display: block;
    padding: 10px;
    cursor: pointer;
}

  #navbar>ul>li>select {
    transition: background-color .3s;
    font-size: 15px;
    display: block;
    padding: 10px;
    cursor: pointer;
    border: 0px solid;
    background-color: transparent;
    display: none;
}

input[type="text"], input[type="password"] {font-size: 14px;}

html,
body {
    font-family: 'Noto Sans KR';
}
#navbar { position:fixed; width: 100%; top:0;
  background: #0c376e;
padding: 0px;
min-height: 50px;
margin-bottom: 0px;
border-radius: 0px;
padding: 0px 10px 0px 10px;
min-width:unset;
box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);
z-index:9999;
}
#navbar .brand-logo span {color: #78c6b3; padding-left:10px; font-size:18px;}
#navbar .brand-logo img {margin-top:-8px; height:27px;}
#navbar ul a { color: #fff; font-size:14px;}
#navbar ul a:hover {color: #78c6b3;}


.modal-header{
  font-size: 15px;
  font-weight: 400 !important;
  color: #343a40;
}

input[type="submit" i]:disabled {
  color: -internal-light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3)) !important;
  background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3)) !important;
  border-color: -internal-light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3)) !important;
}

/* han 추가 */
@media (min-width: 1340px){
    .container {max-width: 1300px;}
}
section {min-height:100%; padding:50px 0 130px 0; box-sizing:border-box; overflow: hidden;}
footer {background: #eee; width:100%; transform: translateY(-60px); }
footer div {font-size: 13px; color: #555; padding:20px 15px; text-align: center;}

label {font-size: 12px;}
td,th {vertical-align: middle !important;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
div {font-size: 14px;}
button, input[type="button"] {border-radius: 5px; min-width:47px; min-height:24px; border:none;}
button:active, input[type="button"]:active,
button:hover, input[type="button"]:hover,
button:focus, input[type="button"]:focus {border:0;}

#userListTitle {text-align: left;font-size: 1.6rem;margin: 30px 0px;}
#userListTitle span {margin-right: 10px;}
#userListTitle img {width: 15px;margin-top:-5px;}
.page_description {text-align: left; color: #999; margin:-10px 0 30px 10px;}

.inputTable {border-bottom:none !important;}
.inputTable td select, .inputTable td input {width: 100%; height:28px; text-align: center; padding:0;}
.inputTable td input[type="checkbox"] {width:14px; height:14px; display:inline-block;}
.inputTable td input[type="submit"], .inputTable td input.submit {padding: 0 10px;}

.tableBasic {width:100%; font-size: 12px; border-top: 1px solid #eceff2; border-bottom: 1px solid #eceff2;} /*기본테이블*/
.tableBasic th, .tableBasic td {padding:4px 5px; min-height:24px;}
.tableBasic thead th, .tableBasic thead td {background: #f2f6fb}
.tableBasic thead th {border-bottom: none;}
.tableBasic thead td {border-top: 1px solid #eceff2;}
.dataTables_info {font-size: 12px;}
.dataTables_paginate {margin-top:10px; font-size: 12px;}
.trHover tr:hover {background: #f2f6fb;} /*행 hover적용*/
.tableFix{table-layout: fixed} /*width픽스*/

.form-control {font-size: 14px;}
.page-item.active .page-link {background-color:#9eacbb; border-color:#9eacbb;}
.modal-title {font-size: 20px;}
.modal-body div, .modal-body label {font-size:14px;}
.modal-footer #down_reg_form, .modal-footer #down_saliva_form {position:absolute; left:8px;}


.grayButton {background-color: #dfdfdf; color:#222; padding:0 7px;}
.grayButton:hover {background-color: #bbb;}
.redButton {background-color: #e46b6b; color:#fff; padding:0 7px;}
.redButton:hover {background-color: #a12f2f;}
.blueButton {background-color: #5e9adb; color:#fff; padding:0 7px;}
.blueButton:hover {background-color: #366ba5;}
.greenButton {background-color: #5db49f; color:#fff; padding:0 7px;}
.greenButton:hover {background-color: #318b75;}
.inactiveButton {background-color: #dfdfdf; color:#777; padding:0 7px;}

.btn {font-size: 13px;border-radius: 5px !important;}
.btn-secondary {background: #5db49f;border-color: #59a996;}
.btn-secondary:hover {background: #318b75;border-color: #267f69;}
.btn-primary {background: #5e9adb;border-color: #4b7fb8;}
.btn-primary:hover {background: #366ba5;border-color: #2e6199;}
.btn-light {background: #dfdfdf;border-color: #d1d1d1;}
.btn-light:hover {background: #d1d1d1;border-color: #c0c0c0;}

.font-red {color:#d90000;}
.font-blue {color:#006add;}