/* @import url("/css/tdkjy.css"); 170926 없는 CSS */
/******************************************************************
 * #700px ~ 960px 해상도 전용 Main
******************************************************************/
/******************************************************************
 * #basic, layout
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
#header {position:fixed;z-index:90}
#main {background:none}
.left-menu {display:none}
.cont {padding-top:70px;width:inherit}
.content { height: 100dvh; overflow: auto; padding: 20px 20px; width: 100%; }
#main.logined .content {/*width:95%;*/}
.header-login {display:none}
.logined-box {width:90%;margin:0 auto;margin-top:50px}
.menu {display:none}
.menuBox {width:100%;text-align:center}
.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}

.lyLoginStatue {background:#323751; box-shadow: 0 5px 10px rgba(221, 221, 221, 0.3);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: #00000077 0 0;}
.layerMenu {position:absolute;top:0;right:-100%;width:500px;background:#fff;overflow:auto;box-shadow:-1px -3px 2px 3px rgba(0,0,0,0.1); height:100%}
.dep1 > li > span {cursor: pointer;font-weight:bold;color:#474747;font-size:1em;display:block;border-bottom:2px solid #dbdbdb;padding:3% 0 3% 5%}
.dep2 {display:none}
.dep2 > li {border-bottom:1px solid #dbdbdb;font-size:0.938em;background:#eee;color:#464646;}
.dep2 > li > a {display: block;width: 100%;padding: 3% 0 3% 7%;}
.dep2 > li.more {border-bottom:none; padding:3% 0 0 0;}
.dep2 > li > span {cursor: pointer;display:block;padding:0 0 3% 7%;color:#464646;border-bottom:1px solid #dbdbdb; height:100%}
.dep3 {display:none}
.dep3 > li {border-bottom:1px solid #dbdbdb;font-size:0.875em;background:#ccc;color:#464646;}
.dep3 > li > span {cursor: pointer;padding-left:3%;background:url("../images/bul_hyphen.png") no-repeat 0 8px;}
.dep3 > li > a {display: block;width: 100%;padding: 3% 10%;}

/******************************************************************
 * #탭스타일
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.tablist {display:none}
.tablist_m {display:block;}
/******************************************************************
 * #검색 조건
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.shBoxSearch {margin-top:10px;}
#searchData {width:100%;}

/*테이블*/
.tb_type01 td {white-space:normal; overflow:auto;}

/******************************************************************
 * #2단 구조
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.didBox {margin-top:20px}
.didBox .leftBox {width:280px;float:left;margin-right:18px;border:1px solid #dedede}
.didBox .rightBox {width:50%;float:left}
/******************************************************************
 * #input 수치
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
/*datepicker*/
.selectDate.input-datepick01 {width:32%;}
.input-datepick01 {width:90%}

/*select*/
.select-category01 {width:26%;margin-right:2%}
.select-category03 {width:100px;}
.select-category04 {width:200px;}
.select-category05 {width:230px;}

/*input -text*/
.input-text01 {width:65%}
.input-text01.w530 {width:60% !important}
.input-text-w-150 input {width:150px}
.input-text02 input {width:100px;}
.input-text03p input {width:135px;}
.input-text06 input {width:500px;}
/*btn*/
.btn-srh01 {margin-left:2%}

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




/******************************************************************
 * #700px ~ 1000px 해상도 디바이스 전용
******************************************************************/
@media only screen and (min-device-width:700px) and (max-device-width:1000px){
	/*only device*/
}