/* @import url("/css/mdkjy.css"); 170926 없는 css*/
/******************************************************************
 * #700px ~ 960px 해상도 전용 Main
******************************************************************/
/******************************************************************
 * #basic, layout
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
body {min-width:320px;}
#header {position:fixed;z-index:90;min-width:320px;}
#main {background:none;margin-bottom:-35px;}
#footer {height:35px;}
.foot {margin-top:8px;}
.left-menu {display:none}
.cont {padding-bottom:0;padding-top:60px;width:inherit;}
.content { height: 100dvh; overflow: auto; padding: 40px 20px; width: 100%; }
#main.login-container .content {left:0;padding: 2% 2% 25%;position:relative;}
.header-login {display:none}
.logined-box {margin: 50px auto 0;width:90%;}
.menu {display:none}
.menuBox {width:100%;text-align:center}

.head span {float:none;display:block;text-align:left;}

.menuButton {position:absolute;top:0;left:0;overflow:hidden;display:flex;align-items: center;justify-content: space-between;width:100%;background: #272C45;}
.menuButton img {display:block}
.menuButton button {display:inline-block; width: fit-content;height:60px;padding: 0 10px;}
.menuArea {display:block; background: #f0f1f6;}
.mainLogo {flex: 1;display: flex;flex-direction: column;align-items: center;justify-items: center;padding: 10px;white-space: nowrap;height: 100%;font-size: 16px;color: white;}
.mainLogo a img {width: fit-content;margin: 5px;}
.logo img {display:none}

.error_img {height: 350px; width: 350px;}

.lyLoginStatue {background:#323751; color:#FFFFFF; overflow:hidden; position:relative}
.lyLoginStatue span {display:inline-block; vertical-align:middle;font-size:1.0em;margin-left:5%;padding-left:20px;background:url("../images/profile.png") no-repeat 0 center ;background-size:15px 15px; line-height:3}
.lyLoginStatue button.btntype {border:solid 1px #323751;color:white;font-family:SpoqaHanSansNeo,sans-serif;margin-left:10px}
.lyLoginStatue button.close {margin-right:16px; position:absolute; right:0; top:7px}
.lyLoginStatue button.close img {background: #1D1D1D;padding: 8px;}

.layerMenuArea {position:absolute;top:0;left:0;width:100%;height:100%;z-index:990;display:none}
.layerMenu {min-height:100%}
.dim {position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/tranBg.png) 0 0;}
.layerMenu {position:absolute;top:0;right:-100%;width:300px;background:#fff;overflow:auto;box-shadow:-1px -3px 2px 3px rgba(0,0,0,0.1); height:100%}
.dep1 > li > span {border-bottom:2px solid #dbdbdb;color:#474747;cursor: pointer;display:block;font-size:0.938em;font-weight:bold;padding:3% 0 3% 5%}
.dep2 {display:none}
.dep2 > li {background:#eee;border-bottom:1px solid #dbdbdb;color:#464646;font-size:0.875em;}
.dep2 > li > a {display: block;padding: 3% 0 3% 7%;width: 100%;}
.dep2 > li.more {border-bottom:none; padding:3% 0 0 0;}
.dep2 > li > span {display:block;padding:0 0 3% 7%;color:#464646;border-bottom:1px solid #dbdbdb; height:100%}
.dep3 {display:none}
.dep3 > li {background:#ccc;border-bottom:1px solid #dbdbdb;color:#464646;font-size:1em;}
.dep3 > li > span {background:url("../images/bul_hyphen.png") no-repeat 0 8px;cursor: pointer;padding-left:3%;}
.dep3 > li > a {display: block;padding: 3% 10%;width: 100%;}

.subject {padding-bottom:2%;margin-bottom:5%;}
.subject em {font-size:1.0em}
.subject span {margin-top:11px;display:none}

.laType {font-size:0.825em}
.login-area {width:100%;padding: 90px 20px;}
.login-area input {width:200px;height:50px}
.login-area .loginImg {width:60%;display:block;margin:0 auto}
.login-area .loging {width:200px;}
.login-area p {font-size:16px}
/******************************************************************
 * #검색 조건
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.shBox_m {display:block;background:#f1f1f1;width:100%}
.shBox {display:none;z-index:9;}
.shBox form {margin:0 2%}
.shBox fieldset {margin-bottom: 16px;}
.shBox .repos {padding-top:5px; height:25px}
.downtitle {cursor: pointer; width:100%;}
.downtitle .title {border:1px solid #d7d7d7;display:block;font-size:15px;font-weight:bold;margin-right:1px;overflow:hidden;}
.downtitle .title.on {border-bottom:1px solid #d1d1d1;padding-bottom:3%;}
.downtitle .title span {border-left:1px solid #d7d7d7;display:block;float:right;padding:3%}
.downtitle .title p {display:inline-block;margin: 0;padding:3% 2%}
.shBoxSection {grid-template-columns: auto;}
.shBoxSection .section {align-items:center;display:flex;flex-direction:row;flex-wrap: wrap;gap:16px;margin-bottom: 5px; margin-right:1px;width: 100%;}
.shBoxSection .section .datepicker {width:160px;}
.etccase2 .fwselect {width:150px; text-align:left}
.etccase3 select {width:175px}
.mdbtncase1 {top:10%;}
.shBoxSearch {margin-top:10px;}
#searchData {width:100%;}
.section .section-datepick {flex-direction: column;}
/******************************************************************
 * #표스타일
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.tb_type01 {font-size:14px}
.tb_type01 th {text-align:center;padding:3% 0;}
.tb_type01 td {overflow:auto; padding:3% 0;text-align:left;white-space:normal;}
.tb_type01.typeEx td {padding:10px 2px}

.tb_type02 td,
.tb_type02 th {padding:2% 2%}
.tb_type02 th {background:#eff5f8;color:#33335a}
.editor {height:200px;padding:0 !important;}
.resdayarea {display:block; margin-top:10px; margin-left:0}
.tb_type02 td .input-datepick02 {width:95px;}
.tb_type02 td .input-datepick02 input {width:70px}
.pwtableblock {display:block; margin-top:5px}

/******************************************************************
 * #게시판 타입
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.photoArea {margin-top:5%}
.photoBord {width:100%}
.photoBord li {width:47%;background:#fafafa;display:inline-block;margin-right:3%;margin-bottom:2%;border:1px solid #fafafa}
.photoBord li.last {margin-right:3%}
.photoBord li:nth-child(2n) {margin-right:0}
.photoBord li span {display:block}
.photoBord li .img img {width:100%}
.photoBord li .title {font-size:0.9em;color:#000;margin-top:2%;margin-left:2%}
.photoBord li .data {font-size:0.825em;color:#717171;margin-top:1%;margin-left:2%;margin-bottom:2%}


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

.tablist {display:none}
.tablist_m {display:block;}
/******************************************************************
 * #질문 layout
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.questionBox {border:1px solid #e6e6e6;background:#fefefe;padding-top:8%;position:relative;margin-top:10%}
.answerBox {border:1px solid #e6e6e6;background:#fefefe;position:relative;margin-top:10%}

.questionBoxWrap {display:block;overflow:hidden}
.answerBoxWrap {display:block;overflow:hidden}
.layTb {table-layout:fixed;width:99%}
.layTb td {padding:10px;font-size:0.825em;font-family:SpoqaHanSansNeo;color:#33335a;font-weight:bold;}
.layTb td label {font-size:1.0em;font-family:SpoqaHanSansNeo;color:#000;font-weight:normal;text-align:left}
.input-text06 input {width:86%}
.tb_type01.addSt th {border-left:none;border-right:none;border-bottom:1px solid #e6e6e6;padding:3% 2%;font-size:1.1em}
.tb_type01.addSt th:first-child {border-right:1px solid #e6e6e6}
.tb_type01.addSt td {border:none;border-bottom:1px solid #e6e6e6}
.tb_type01.addSt td:first-child {border-right:1px solid #e6e6e6}
.tb_type01.addSt td.sd, .tb_type01.addSt th.sd {padding-right:3%}
.tb_type01.addSt td.last, .tb_type01.addSt th.last {padding-left:0;padding-right:0}
/******************************************************************
 * #2단 구조
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.didBox {margin-top:20px}
.didBox .leftBox {width:99%;float:left;margin-right:18px;border:1px solid #dedede}
.didBox .rightBox {width:100%;float:left;margin-top:20px}
.didBox.pop .leftBox {width:99%}
.didBox.pop .rightBox {width:100%}
/******************************************************************
 * #플레이스 홀더
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.pholder {display:block;overflow:hidden;position:relative;z-index:10}
.pholder label {display:block;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;line-height:28px;text-indent:7px;font-size:12px}
.pholder.holder label {display:none}

/******************************************************************
 * #팝업
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.wrapper.pop .page {padding:5px}

/******************************************************************
 * #input 수치
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
/*date pick*/
.selectDate.input-datepick01 {width:45%;}
.input-datepick01 {width:79%;font-size:0.825em}

.selectDate.input-datepick02 {width:110px}
.input-datepick02 {width:70%}

.selectDate.input-datepick03 {width:36%}
.input-datepick03 {width:70%}

.selectDate.input-datepick04 {width:160px}

/*select*/
.select-category01 {width:45%;}
.select-category06 {width:90%}

.select-category03 {width:100px;}
.select-category04 {width:100px}
.select-category05 {width:100px}

/*input-text*/
.input-text01 {width:45%}
.input-text02 {margin-right:2%;width:100%;}
.input-text03 {width:48%;}
.input-text04 input {width:80%;}
.input-text05 input {width:79%}
.input-text07 input {width:160px}
.input-text03p input {width:100px;}
.input-text10 input {width:90%}
/* kyj_검색구분 input */
.input-text22 input {width:100px}

/*input-ck01*/
.input-ck01 {margin-right:2%}
.input-ck01 input {width:8%;height:18px;vertical-align:middle}
.input-ck01 label {font-family:nanumGothic;font-size:0.9em;color:#000;margin-left:2%}

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

/*btn type*/
.btnType01 {padding:10px 15px 12px;}

.btnType02 .bc_red {padding:8px 10px;background:#E75252;color:#fff;font-family:SpoqaHanSansNeo;font-size:12px}
.btnType02 .bc_gray {padding:8px 10px;background:#878787;color:#fff;font-family:SpoqaHanSansNeo;font-size:12px}
.btnType03 {display:block;margin:0 auto;}
.btnType06 {width:200px;}

.btn-srh01 {margin-left:2%;width:100px}
.btn-srh02 {margin-left:2%;width:30%}

.btn_addQ {margin-top:5%}
.btn_delQ {position:absolute;right:5%;top:3%}

.bc_yellow {background:#ff8200}
.bc_blue {background:#49627f}
.bc_sky {background:#49627f}
.bc_blue {background:#49627f}

/*label*/
.laType02,.laType04 {display:inline-block;font-size:13px; margin-right:5px;min-width: 0;width:80px;}

/******************************************************************
 * #HID
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.mhid {display:none !important}

@media only screen and (max-width:360px){
	.dash {margin:0;}
	.mdbtncase1 {position:relative; top:0;float:right; margin-right:10px}
	.usalbtn {position:relative; margin:0 0 10px 10px; text-align:left}
	.usalbtn .btnType02 {width:90%}
}

@media only screen and (max-width:360px){
	.ie8m .dash {margin:0;}
	.ie8m .mdbtncase1 {position:relative; top:0;float:right; margin-right:10px}
	.ie8m .usalbtn {position:relative; margin:0 0 10px 10px; text-align:left}
	.ie8m .usalbtn .btnType02 {width:90%}
}