/* @import url("/css/kjy.css"); 170926 없는 CSS*/
/******************************************************************
 * #basic, layout
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
html, body { font-family: "SpoqaHanSansNeo", serif; font-size: 14px; font-weight: 400; height: 100%; }

a:link, a:active, a:visited {color: inherit;}

input[type=text],
input[type=password],
input[type=number],
input[type=url],
input[type=radio],
input[type=date],
select,
textarea { background: #F5F5F5; border: 0; border-radius: 14px; color: #1D1D1D; font-size: 15px; height: auto; margin: 5px 0; padding: 12px; }

.jShowMarkerStation.selected { background: #EAEAEA}

input[readonly],
select[readonly],
textarea[readonly] { background: #DDDDDD !important}

img { display: inline-block}

em {color:#F30}

#container { display: inline-block; margin-left: 25px; margin-top: 50px; padding-bottom: 50px; position: relative; vertical-align: top; width: 750px; }

.wrapper { height: 100%; min-height: 100%; overflow: hidden; width: 100%; }

#header { background: #FFFFFF; box-shadow: 0 5px 10px rgba(221, 221, 221, 0.3); position: absolute; top: 0; width: 100%; z-index: 9999; }

#main { margin-bottom: -56px; min-height: 100%; width: 100%; }
#main.login-container, #main.error-container { background: #FFFFFF; text-align: center}
#main.login-container .content, #main.error-container .content { flex: 1; width: 100%; }
#main.login-container .cont, #main.error-container .cont { margin: 0 auto; }
.cont { display: flex; flex-direction: row; height: 100%; position: relative; }
.content { height: 100dvh; overflow: auto; padding: 60px 20px; width: 100%; }
.page { background: white; border-radius: 14px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); font-size: 14px; padding: 10px; position: relative; table-layout: fixed; width: 100%; }

/*
 * 로그인
 */

.login-container .cont { align-items: center; display: flex; flex-direction: column; height: 100dvh; justify-content: space-between; width: 100%; }
.login-container .cont:after { clear: both; content: ""; display: block; }
.login-container .content { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; }
.popmask { background: #00000077; left: 0; position: fixed; top: 0; z-index: 9999}

.header-login { font-size: 14px; height: 60px; width: 100%; }

.login-area { align-items: center; border: 1px solid #EAEAEA; border-radius: 16px; display: flex; flex-direction: column; gap: 32px; height: auto; justify-content: center; padding: 64px 0; width: 60%; }
.login-area .login-title-container { align-items: center; display: flex; flex-direction: column; gap: 8px; height: auto;padding: 0; width: 360px; }
.login-area .login-title-container .login-title { align-items: center; display: flex; letter-spacing: -0.01em; margin: 20px 0; text-align: center; }
.login-area input { height: 50px; width: 300px; }
.login-area .loging input { height: auto; vertical-align: middle; width: auto; }
.login-area .loging { font-size: 15px; margin: 0 auto 20px; text-align: left; width: 300px; }
.login-box { align-items: center; display: flex; flex-direction: column; font-size: 15px; font-style: normal;
    font-weight: 400; gap: 16px; line-height: 19px; padding: 0 24px; }
.login-box input { align-items: center; background: #EAEAEA; border-radius: 14px; display: flex;
    flex-direction: row; height: 45px; justify-content: center;
    padding: 6px 20px 6px 12px; width: 100%; }
.btnType06 { align-items: center; background: #EAEAEA; border-radius: 14px; color: white; cursor: pointer;
    display: flex; flex-direction: row;
    font-size: 20px; font-style: normal; font-weight: 900;
    height: 50px; justify-content: center; line-height: 25px; padding: 6px 16px; width: 312px; }

#footer { background: #606060; height: 56px; overflow: hidden; width: 100%; }

/*
 * 메인
 */
.head { font-size: 15px; font-weight: bold; margin-top: 50px; overflow: hidden; }
.head span { float: right; font-size: 11px; font-weight: normal; margin-top: 4px; text-align: right; }

.head2 { display: block; font-size: 15px; font-weight: bold; margin-top: 50px; position: relative; }
.head2 em { display: block; font-style: normal; margin-bottom: 15px; }
.head2 span { font-size: 11px; font-weight: normal; position: absolute; right: 0; text-align: right; top: 10px; }

.ttbtncase1 { overflow: visible; position: relative; }
.ttbtncase1 span { bottom: 0; position: absolute; right: 0; }

.layerMenuArea { display: none}
.menuButton { display: none}

.header-login-status { align-items: center; display: flex; float: right; font-style: normal; height: 100%;
    letter-spacing: -0.01em; line-height: 17px; margin-right: 25px; text-align: right; }
.header-login-status span { padding: 10px; }
.header-login-status a { align-items: center; border: 1px solid #A4A4A4; border-radius: 6px; box-sizing: border-box; color: #A4A4A4; display: flex; flex-direction: row;
    font-size: 14px; font-weight: 900;
    gap: 4px; height: 40px; justify-content: center; padding: 4px 8px;
    text-align: center; width: 100px; }
.header-login-status .logoutButton { margin-left: 10px; width: 80px; }

.blogin { padding-top: 5px}

.menuArea { display: none}

.menuBox { width: 1200px}

/*.logo a img { width: 100%; padding-top: 2px; } */
.menu { float: right; margin-top: 30px}
.menu li { color: #444; display: inline-block; font-size: 16px; font-weight: bold; margin-left: 35px; }
.menu li a:hover { color: #49627F}

.left-menu { background-color: #323751; color: white; flex: 0 0 auto; float: left; height: 100dvh; overflow: auto; position: relative; vertical-align: top; width: 200px; z-index: 10000; }
.left-menu a:hover { color: inherit; }

.left-menu dt { align-items: center; background: #323751; border-bottom: 1px solid #666666; border-radius: 0;
    box-sizing: border-box; display: flex; flex-direction: row; font-size: 12px; font-weight: 700;
    height: 60px; justify-content: center; }
.left-menu dt .logo { align-items: flex-start; display: flex; flex-direction: column; gap: 4px; justify-content: space-around; padding-right: 10px; }
.left-menu dl { background: #323751; overflow: auto; }
.left-menu dd { background: url("/assets/images/btn_leftmenu_open.png") no-repeat 90%; color: #CED0D2; font-size: 14px; line-height: 41px; padding-left: 15px; }
.left-menu dd:hover { background-color: #272C45; color: #FFFFFF; }
.left-menu dd div:hover { cursor: pointer; }
.left-menu dd div img { height: 1.2rem; margin-right: 10px; vertical-align: middle; }
.left-menu dd.on { background: #272C45 url("/assets/images/btn_leftmenu_close.png") no-repeat 90% 17px; color: #FFFFFF; }
.left-menu dd a:hover { text-decoration: underline}
.left-menu dd ul { display: none; margin-left: -30px; }
.left-menu dd.on ul { background: #323751; display: block; }
.left-menu dd li { color: #9B9EAE; padding-left: 55px; }

.left-menu .left-menu-select { background: #EAEAEA; color: #272C45; }

.foot { color: #FFF; margin-top: 20px; text-align: center; }

.subject { overflow: hidden; padding-top: 15px; }
.subject span { color: #A4A4A4; float: right; font-size: 13px; padding-left: 20px}
.subject em { color: #666666; font-style: normal; font-weight: bold; }

.pageTitle { color: #1D1D1D; float: left; font-size: 27px; font-weight: bolder; }

.statu { display: block; padding-left: 30%; }
.statulist p { margin: 1px 5px; position: relative; }
.statulist p span { position: absolute; right: 0}

.listalign { font-size: 12px; }

.staBox { background: #FFF; border: 1px solid #E0E0E0; padding: 10px 20px; }
.staBox span { margin-right: 10px; overflow: hidden; }
.staBox span em { display: inline-block; line-height: 18px; margin-right: 5px; margin-top: 5px; }
.staBox span em img { vertical-align: bottom}

.alert em { display: inline-block; line-height: 18px; margin-right: 5px; margin-top: 5px; }
.alert em img { vertical-align: bottom}

.dash { display: inline-block; margin: 0 10px; }

.laType { display: inline-block; font-size: 14px; line-height: 30px; margin-right: 10px; }

.user { background: #FFF; border: 1px solid #DADBDB; margin-top: 80px; padding: 25px 20px; text-align: center; }
.user em { display: inline-block; margin-bottom: 10px; width: 70px; }
.user em img { width: 100%}
.user .id { color: #FF8200; font-family: "SpoqaHanSansNeo-Bold", serif}

/******************************************************************
 * #검색 조건
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/

.shBox { background: white; border-radius: 14px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 16px; margin-bottom: 10px; padding: 16px; }

.shBox_m {display:none}

.shBoxSection { display: grid; font-size: 14px; grid-template-columns: 1fr 1fr; }
.shBoxSection .section { align-items: center; display: flex; flex-wrap: wrap; }
.shBoxSection .section-entire { flex: 1; }
.shBoxSection .section-datepick { align-items: center; display: flex; flex-direction: row; gap: 10px; }
.shBoxSection .section-checkbox { align-items: center; display: flex; flex-direction: row; gap: 10px; white-space: nowrap; }
/*.shBoxSection .section select { margin: 5px 10px 0 5px; }*/

input.datepicker {background: url("../images/btn_cal.png") no-repeat 90% 50%/30px auto #f5f5f5 !important;}

.shBoxSection:after { clear: both; content: ""; display: block; }
.shBoxSection .section.radbox,
.shBoxSection .section.radbox2 { height: 23px; padding-top: 7px; }
.shBoxSection .section.radbox2 .input-rd01 { margin-right: 3px}
.shBoxSection .section.level .input-rd01 { margin-right: 0; padding: 0}
.shBoxSection .section.level .input-rd01 label { font-size: 11px; letter-spacing: -2px; margin-right: 1px}
.shBoxSection .pright { float: right; }
.shBoxSection .ptr { text-align: right}
.shBoxSection .repos { height: 25px; padding-top: 5px; }

.shBox_pop { background: #FCFCFC; border: 1px solid #CECECE; padding: 10px 10px; }
.shBoxSearch { display: flex; justify-content: right; }

.daymth1, .daymth2, .daymth3 { display: inline-block}
.daymth2, .daymth3 { display: none}

.etccase1 { text-align: right}
.etccase2 .fwselect { display: inline-block; padding-top: 8px; vertical-align: middle; width: 240px; }
.etccase2 label { padding-top: 7px; vertical-align: middle; }

.btncase1 { position: absolute; right: 10px}

/******************************************************************
 * #표스타일
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
/* .eillsis { overflow:hidden; width:70%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:inline-block } */
.lralign { margin-bottom: 5px; position: relative; }
.lralign p { font-size: 12px; position: absolute; right: 0; top: 0; }
.lralign p:first-child { position: relative}

.tb_numlist { display: flex; align-items: center; justify-content: space-between; font-size: 15px; margin: 15px 0; }
.tb_numlist em { font-style: normal; font-weight: bold; color: #0048B4; }
.tb_numlist img { position: relative; }
.tb_numlist_end { justify-content: flex-end;}

.tb_case1 { position: relative; margin: 15px 0 5px; font-size: 11px; }
.tb_case1 em { font-style: normal; color: #C00; }
.tb_case1 span { text-align: right; font-size: 11px; position: absolute; right: 0; bottom: 0 }

.tb_outline { position: relative; border-radius: 14px; border: 1px solid #E0E0E0; overflow: hidden; }

.total-head { background-color: #EAEAEA; }

table.std thead tr th:first-child { border-radius: 15px 15px 0 0; }

tbody .move-detail:hover { background-color: #F5F5F5; }
tbody td.move-detail { color: #394274; font-weight: bold; }
tbody tr.move-detail td:first-child { color: #394274; font-weight: bold; }

tbody .move-detail:hover,
tbody .jApply:hover { cursor: pointer; }

.tb_type01 { width: 100%; border-collapse: collapse; }
.tb_type01 thead { background-color: #EAEAEA; }
.tb_type01 th { text-align: center; font-weight: 800; font-size: 16px; line-height: 16px; padding: 15px 0; border: 1px solid #E0E0E0; }
.tb_type01 td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 10px 2px; border: 1px solid #E0E0E0; }
.tb_type01.tb_right td { text-align: right }
.tb_type01 td.title { text-align: left; }
.tb_type01 td.title a { overflow: hidden; width: 95%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: inline-block; vertical-align: middle; margin-left: 10px; }
.tb_type01 td a { color: #394274; font-weight: bold; }

.tb_type02 {border: 1px solid #E0E0E0;font-size:14px;table-layout:fixed;text-align:left;width:100%;}
.tb_type02 th .brIn {padding-left:10px}
.tb_type02 td, .tb_type02 th {border: 1px solid #E0E0E0; height:30px; padding:10px 15px; text-align:left; vertical-align:middle}
.tb_type02 th { background-color: #EAEAEA; color:#111111;}
.tb_type02 td input[type=file] {height:30px; width:80%;}

.tb_type03 { border: 1px solid #E0E0E0; font-size: 14px;table-layout: fixed; width: 100%; }
.tb_type03 th { background-color: #EAEAEA; border: 1px solid #E0E0E0;  padding: 5px 0; text-align: center; vertical-align: middle }
.tb_type03 td { border: 1px solid #E0E0E0; padding: 10px 2px; text-align: left; }
.tb_type03.tb_right td { text-align: right }
.tb_type03 td.title { text-align: left; }
.tb_type03 td.title a { overflow: hidden; width: 95%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: inline-block; vertical-align: middle; margin-left: 10px; }
.tb_type03 td a { color: #069 }

.tb_type04 { border: 1px solid #E0E0E0; font-size: 13px; table-layout: fixed; width: 100%; }
.tb_type04 th { background: #F6F6F6; border: 1px solid #E0E0E0; padding: 15px 0; text-align: center; }
.tb_type04 td { border: 1px solid #E0E0E0; padding: 10px 2px; text-align: left; }
.tb_type04.tb_right td { text-align: right }
.tb_type04 td.title { text-align: left; }
.tb_type04 td.title a { overflow: hidden; width: 95%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: inline-block; vertical-align: middle; margin-left: 10px; }
.tb_type04 td a { color: #069 }

.editor { height: 300px; padding: 0 !important; }
.editorLine th { padding-top: 0; vertical-align: middle }

.detatextarea { width: 97%; display: inline-block; height: 200px }

.resdayarea { display: inline-block; margin-left: 20px }

.pwtableblock { display: inline-block }

.spanLine th { border-top: 1px solid #E6E6E6 }

.daycase1 p { display: inline-block; margin: 5px 10px 5px 0; }
.daycase1 p em { display: inline-block; width: 30px; font-style: normal }

.lengcase1 p { margin-top: 5px }
.lengcase1 p:first-child { margin: 0 }
.lengcase1 p label { display: inline-block; width: 50px }

.pp { display: block; }
.pp em { font-style: normal; margin-right: 5px; width: 150px; display: inline-block }

.renNum { width: 100px; display: inline-block }

.posrela { position: relative; }
.posrela .widpos { width: 49% }
.posrela .posright { position: absolute; right: 0; top: 0 }
.posrela .whead { font-size: 15px; font-weight: bold; }
.posrela .widpos .tb_type01 th { padding: 8px 0; vertical-align: middle }
.posrela .widpos .tb_type01 td { text-align: right }

.widscr { width: auto; overflow: scroll; overflow-y: hidden }

.psText { color: red; font-size: 13px }

/******************************************************************
 * #paging
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.paging { clear: both; margin: 30px 0 50px; text-align: center; }
.paging:after { clear: both; content: ""; display: block; }
.paging a { display: inline-block; font-family: "nanumgothic", serif; font-size: 12px; margin: 0; vertical-align: middle; }
.paging a img { display: block}
.paging a.pagePrev { margin-right: 3px}
.paging a.pageNext { margin-left: 3px}

.paging span { background: #FFF; border: 1px solid #E2E2E2; color: #777; display: inline-block; font-size: 0; margin: 0 1px 0 2px; padding: 0 5px; vertical-align: middle; }
.paging span:hover { background: #878787; color: #FFF}
.paging span:hover a { color: #FFF}
.paging span a { color: #888; display: block; font-size: 11px; height: 32px; line-height: 31px; width: 25px; }
.paging span.on { background: #FF8200; border: 1px solid #9D9D9D; color: #FFF; margin: 0 3px}
.paging span.on a { color: #FFF; }

.drpaging { clear: both; margin: 30px 0 0; text-align: center; vertical-align: top}
.drpaging a { display: inline-block; vertical-align: middle}
.drpaging span { display: inline-block; margin: 0 10px; vertical-align: top; }
.drpaging span input { height: 21px; margin-right: 10px; width: 50px; }
.drpaging span input[type=number] { background: #FFF; border: 1px solid #D4D4D4; font-size: 14px; padding: 6px; }
.drpaging span em { font-style: normal; margin-right: 10px}
.drpaging span button { background: #008CC3; border: 1px solid #DEDEDE; color: #FFF; display: inline-block; font-family: "nanumgothic", serif; padding: 10px 15px; }

/******************************************************************
 * #버튼영역
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.btnArea { margin-top: 20px; overflow: hidden; }
.btnArea_pop { margin-top: 20px; overflow: hidden; }
.btnArea_m { display: none}

span.right {color: white;display: flex;}

.btnArea > span.right > button,
.btnArea > span.right > a { margin-left: 10px}

.btnArea > span.left > button,
.btnArea > span.left > a { margin-right: 10px}

.btnArea_pop > span.right > button,
.btnArea_pop > span.right > a { margin-left: 10px}

.btnArea_pop > span.left > button,
.btnArea_pop > span.left > a { margin-right: 10px}

/******************************************************************
 * #게시판 타입
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.photoArea { margin-top: 20px}

.photoBord { border-bottom: 2px solid #D2D2D2; margin-left: -10px}
.photoBord li { display: inline-block; margin-bottom: 30px; margin-left: 10px; width: 235px; }
.photoBord li p { display: block; height: 180px; width: 235px; }
.photoBord li p.img { background-position: center center !important; background-repeat: no-repeat !important; border: 1px solid #DBDBDB; }
.photoBord li span.title { color: #555; display: block; font-family: SpoqaHanSansNeo-Bold, sans-serif; font-size: 14px; margin-top: 15px; }
.photoBord li a:hover span.title { color: #878787}
.photoBord li em.data { color: #555; display: block; font-size: 14px; font-style: normal; margin-top: 10px}
.photoBord li .data { color: #717171; font-size: 12px; margin-bottom: 5px; margin-left: 5px; margin-top: 3px; }

.usaltbtd { position: relative; }

.usalbtn { position: absolute; right: 10px; top: 10px; }

/******************************************************************
 * #탭스타일
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.tabWrap.type3 { margin-top: 20px; position: relative; z-index: 10; }
.tabWrap.type3 .tabBox { }
.tabWrap.type3 .tabBox:after { clear: both; content: ""; display: block; }
.tabWrap.type3 .tab { float: left; margin-right: 5px}
.tabWrap.type3 .tab.on { border-bottom: 1px solid #FFF}
.tabWrap.type3 .tab button { background: #F8F8F8; border: 1px solid #F8F8F8; color: #383838; display: block; font-family: SpoqaHanSansNeo, serif; font-size: 15px; padding: 10px 20px; width: 120px; }
.tabWrap.type3 .tab.on button { background: #FFF; border: 1px solid #008CC3; color: #008CC3; font-weight: bold}
.tabWrap.type3 .tabCon { display: none; padding: 15px 0; position: relative; width: 100%; z-index: 5; }
.tabWrap.type3 .tabCon.on { display: block}
.tabWrap.type3 .tabCon .moreBtn { font-size: 12px; position: absolute; right: 0; top: -20px; }

.tablist { display: flex; margin: 20px 0; overflow: hidden; }
.tablist li a { color: #008CC3 !important;}
.tablist li { background: #F8F8F8; border: 1px solid #A4A4A4; border-radius: 14px; cursor: pointer; font-size: 14px; margin-right: 5px; padding: 10px 12px; }
.tablist li:hover { background: #F5F5F5 !important; }
.tablist li.on { background: #FFF; border: 1px solid #008CC3; }
.tablist_m { display: none; margin: 20px 0; width: 100%; }

/******************************************************************
 * #질문 layout
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.questionBoxWrap { display: block; overflow: hidden}
.questionBoxWrap_m { display: none; overflow: hidden}

.questionBox { background: #FEFEFE; border: 1px solid #E6E6E6; margin-top: 20px; padding-top: 30px; position: relative; }

.answerBoxWrap { display: block; overflow: hidden}
.answerBoxWrap_m { display: none; overflow: hidden}

.answerBox { background: #FEFEFE; margin-top: 30px; position: relative; }

.layTb { table-layout: fixed; width: 99%}
.layTb td { color: #33335A; font-family: SpoqaHanSansNeo, serif; font-size: 14px; font-weight: bold; padding: 10px; }
.layTb td label { color: #000; font-family: SpoqaHanSansNeo, serif; font-size: 12px; font-weight: normal; text-align: left}

.tb_type01.addSt .br { border-right: 1px solid #E6E6E6}
.tb_type01.addSt tbody.np td { padding: 10px 8px}
.tb_type01.addSt th { border-bottom: 1px solid #E6E6E6; border-left: none; border-right: none; padding: 10px 8px}
.tb_type01.addSt th:first-child { border-right: 1px solid #E6E6E6}
.tb_type01.addSt td { border: none; border-bottom: 1px solid #E6E6E6; text-align: left}
.tb_type01.addSt td:first-child { border-right: 1px solid #E6E6E6}
.tb_type01.addSt td.sd, .tb_type01.addSt th.sd { padding-right: 0}
.tb_type01.addSt td.last, .tb_type01.addSt th.last { padding-left: 0}

.addStwrap { padding: 10px}

/******************************************************************
 * #2단 구조
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.didBox { margin-top: 20px}
.didBox .leftBox { border: 1px solid #DEDEDE; float: left; margin-right: 15px; width: 280px; }
.didBox .rightBox { float: left; width: 440px; }

.didBox.pop { overflow: hidden}
.didBox.pop .leftBox { width: 48%}
.didBox.pop .rightBox { width: 48%}

.didBox2 { margin-top: 20px; overflow: hidden}
.didBox2 .leftBox { float: left; margin-right: 2%; width: 49%; }
.didBox2 .rightBox { float: left; position: relative; width: 49%; }

.abBottom { bottom: -39.5%; left: 0; position: absolute; }

/******************************************************************
 * #플레이스 홀더
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.pholder { display: inline-block; position: relative; z-index: 10}
.pholder label { display: block; font-size: 12px; height: 100%; left: 0; line-height: 28px; position: absolute; text-indent: 7px; top: 0; width: 100%; z-index: 10; }
.pholder.holder label { display: none}

/******************************************************************
 * #팝업
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.wrapper.pop { padding: 5px 0 10px}
.wrapper.pop .btnArea button { font-weight: bold; margin-left: 10px; margin-right: 10px; padding-left: 25px; padding-right: 25px; }

.shBox_pop h2 { color: #066; font-size: 14px; margin-bottom: 5px; }
.shBox_pop p { color: #333; font-size: 12px; }

.popTt { background: #323751; color: #FFFFFF; font-size: 24px; padding: 12px 10px 12px; }
.popTtl { background: #F6E131; color: #FFF; line-height: 24px; padding: 12px 50px 12px 10px; }
.popTt2 { padding: 12px 10px 12px; }

.cntbox { background: #FFF; padding: 10px 10px; }

.popclose { position: absolute; right: 15px; top: 13px; }
.popclose img { width: 16px}

/******************************************************************
 * #input 수치
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
/*datepick*/
.selectDate.input-datepick01 { width: 245px}
.selectDate.input-datepick02 { width: 120px}
.selectDate.input-datepick03 { width: 120px}

.input-datepick01 { width: 90%}
.input-datepick02 { width: 80%}
.input-datepick03 { width: 80%}

input[type=date]::-webkit-calendar-picker-indicator {
    background: url("../images/btn_cal.png") no-repeat 100% 50%/30px auto #f5f5f5;
}

/*select*/
.longselect { height: 200px; }

.select-category01 { margin-right: 10px; width: 175px; }
.select-category02 { width: 200px; }
.select-category03 { margin: 5px 0; width: 150px; }
.select-category04 { width: 239px; }
.select-category05 { width: 269px; }
.select-category06 { width: 70px; }
.select-category07 { width: 110px; }
.select-category08 { width: 112px; }
.select-category09 { width: 95%; }

/*input-text*/
.input-text-w-100 input { width: 100px}
.input-text-w-150 input { width: 150px}

/*.input-text01 { width: 540px}*/
.input-text02 { margin-right: 5px; width: 350px; }
.input-text03 input { width: 100px; }
.input-text04 input { width: 400px}
.input-text05 input { width: 500px}
.input-text06 input { width: 638px}
.input-text07 input, .input-text07 select  { margin: 5px 0;width: 150px;}
.input-text08 { margin: 5px 0;width: 120px}
.input-text09 input { width: 35px}
.input-text10 input { width: 260px}
.input-text11 input { margin-right: 5px; width: 38%; }
.input-text12 input { width: 120px}
.input-text13 input { margin-right: 5px; width: 60%; }
.input-text20 input { width: 580px}
.input-text21 input { width: 450px}
.input-text22 { margin-left: 5px; }
.input-text22 input { width: 120px}

.pholder.input-text06 { width: 100%}

.input-text01p input { width: 90%}
.input-text03p input { width: 400px; }

.pholder.input-text-w-150 label { width: 220px; }
.pholder.input-text07 label { width: 220px; }
.pholder.input-text05 label { width: 500px; }
.pholder.input-text06 label { width: 628px}

/*input-checkbox*/
.input-ck01 { margin-right: 15px}
.input-ck01 input { height: 18px; vertical-align: middle; width: 18px; }
.input-ck01 label { color: #000; font-size: 13px; margin-left: 5px}

.input-ck02 { display: inline-block; margin-bottom: 10px; margin-right: 15px; width: 150px; }
.input-ck02 input { height: 18px; vertical-align: middle; width: 18px; }
.input-ck02 label { color: #000; font-size: 13px; margin-left: 5px}

/*input-radio*/
.input-rd01 { margin-right: 15px}
.input-rd01 input { height: 18px; vertical-align: middle; width: 18px; }
.input-rd01 label { color: #000; font-size: 13px; padding-left: 5px}

/*btn type*/
.fullBtn img { display: block}

.btnType01 { -webkit-appearance: none; -webkit-border-radius: 0; color: #FFF; cursor: pointer; font-family: "SpoqaHanSansNeo", "serif"; font-size: 14px; padding: 12px 30px; }
.btnType02 { -webkit-appearance: none; -webkit-border-radius: 0; color: #FFF; cursor: pointer; font-family: "SpoqaHanSansNeo", "serif"; font-size: 12px; margin: 0.1rem; padding: 8px 10px 9px; }
.btnType03 { cursor: pointer; display: block; margin: 0 auto; }
.btnType05 { background: #878787; color: #FFF; cursor: pointer; font-family: "SpoqaHanSansNeo", serif; font-size: 12px; padding: 8px 10px; }
.btnType06 { background: #49627F; color: #FFF; cursor: pointer; font-family: "SpoqaHanSansNeo", serif; height: 50px; padding: 8px 10px; width: 300px; }


.btn_delQ { position: absolute; right: 18px; top: 10px}
.btn_addQ { margin-top: 20px}

.btn-srh01 { margin-left: 10px}
.btn-srh02 { margin-left: 10px}
.btn-srh03 { align-items: center; background: #008CC3; border: 1px solid #008CC3; border-radius: 14px; color: white; display: flex; font-size: 14px; justify-content: center; padding: 7px 10px; vertical-align: middle; }
.btn-srh03 img { margin: 6px; }
.btn-srh03 span { margin: 6px; }

/**/
.laType02 { display: inline-block; font-size: 14px; width: 140px; }
.laType03 { display: inline-block; font-size: 14px; width: fit-content; }
.laType04 { display: inline-block; min-width: 140px; }

/*button color*/
.bc_blue { background: #49627F}
.bc_sky { background: #49627F}
.bc_green { background: #00B5BE}
.bc_gray { background: #878787}
.bc_red { background: #E75252}
.bc_yellow { background: #FF8200}
.bc_excel { background: #217346}

/*a style*/
.formula { color: #333; font-size: 14px; margin-left: 5px; margin-top: 10px; text-decoration: underline; }

.btnType01.bc_gray.font_white {color: white;}

.btnType01,
.btnType02,
.btnType03,
.btnType05 { align-items: center; border-radius: 14px; color: white; display: flex; font-size: 14px; justify-content: center;vertical-align: middle; }
.btnType02 { color: #FFF !important; display: inline-block; font-size: 12px; vertical-align: middle; }


/******************************************************************
 * #지도정보
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
 * 2015.06.05
 * .stamapinfo 의 초기 display 값 삭제.
 * dki ymshin
******************************************************************/
.staguide { margin-top: 20px; position: relative; }

.stamapinfo { background: #FFF; border: 2px solid #555; font-family: SpoqaHanSansNeo, serif; margin: -208px 0 0 -109px; text-align: left; width: 250px; }
.stamapinfo .stamtitle { background: #F5F5F5; border-bottom: 1px solid #C9C9C9; color: #333; font-size: 15px; position: relative}
.stamapinfo .stamtitle span { display: inline-block; font-weight: bold; margin: 10px 0 10px 10px; }
.stamapinfo .stamtitle a { position: absolute; right: 10px; top: 9px; }

.stamapinfo .staimg { display: inline-block; margin: 10px 0 10px 10px; vertical-align: middle}

.stamapinfo .stamappos img { display: block; margin: 0 auto}
.stamapinfo .stamappos { display: block; margin-bottom: -16px; text-align: center; }

.stamapinfo ul { display: inline-block; font-size: 12px; margin: 12px 10px 10px 5px; vertical-align: middle; }
.stamapinfo ul li { background: url(../images/gnbDots1.gif) 0 center no-repeat; margin: 0 0 5px; padding-left: 8px; }
.stamapinfo ul li span { color: #D90000; font-weight: bold}

.mpblue,
.mporg,
.mpred { position: absolute; text-align: center; }

.infolf { text-align: left}

.mapguidebox { margin: 30px 0 0; text-align: right}
.mapguidebox li { display: inline-block; font-size: 13px; margin-left: 10px; padding: 5px 0 5px 18px; }
.mapguidebox li:first-child { margin-left: 0}

.mgb1 { background: url(../assets/images/ico_s01.png) 0 6px no-repeat; }
.mgb2 { background: url(../assets/images/ico_s02.png) 0 6px no-repeat; }
.mgb3 { background: url(../assets/images/ico_s03.png) 0 6px no-repeat; }
.mgb4 { background: url(../assets/images/ico_s04.png) 0 6px no-repeat; }
.mgb5 { background: url(../assets/images/ico_s05.png) 0 6px no-repeat; }

.mapcus { margin-top: 10px}
.mapcus img { width: auto}


/******************************************************************
 * #컨텐츠
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
/* 실시간현황 */
.mapguide { color: #666; font-size: 14px; margin-top: 20px; position: relative; }
.mapguide p { color: #333; display: inline-block; font-family: SpoqaHanSansNeo, serif; padding-right: 5px; vertical-align: middle}
.mapguide button { position: absolute; right: 10px; top: 12px}
.mapguide span { vertical-align: middle; width: 80px; /*display:inline-block; */}
.mapguide span em { vertical-align: middle}
.mapguide span em img { vertical-align: middle; }

/* 유지보수 */
td.recly { padding-bottom: 0}
.recly .input-ck02 label { font-size: 11px}

/******************************************************************************************************************************************************************************************************
 * #반응형웹 초기화 ** pw : 반응형 / T : 테블릿 / M : 모바일
******************************************************************************************************************************************************************************************************/
.pwPC { display: block !important}
.pwPCin { display: inline-block !important}
.pwTM { display: none !important}

.dvhid { display: none}

.openlayer { display: none !important}
.apphide { display: inline-block !important}

.main.er { background: #FFF; overflow: hidden; }

.error { height: 100dvh; margin: 10% 0; text-align: center; width: 100%; }

.overlay { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.17); height: 100%; left: 0; overflow-x: hidden; position: fixed; top: 0; width: 0; z-index: 100; }

.backHistoryBtn { background: #49627F; color: #FFF; font-size: 18px; font-weight: 700; padding: 13px 23px; }

.errorPageCode { font-size: 7rem; font-weight: 600; margin-bottom: 0.5rem; }
.errorPageText { font-size: 2.5rem; font-weight: 600; margin-bottom: 3rem; }

.pagingStyle { font-size: 15px; margin-top: 1rem; text-align: center; }