/*誘쇨컙�씪�옄由� �젙蹂� 寃��깋�젙蹂�*/
.job_Search{border:5px solid #eef3f4; padding:2.3rem 1.8rem; margin-bottom:50px; }
.job_Search_info{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:20px;}
.job_Search_info dl{width:32%;}
.job_Search_info dt{padding-left: 10px; position: relative; color:#353aa2; font-size:2.4rem; font-weight: 700; display: flex; justify-content: space-between;  align-items: center; margin-bottom:15px;}
/*.job_Search_info dt span{}
.job_Search_info dt:after{display:inline-block; content:''; margin:0 15px; border:1px dotted #c2c4e3; width: 100%;}*/
.job_Search_info dd{ background:#f9f9fb; border-radius:5px; padding:23px 15px;}
.job_Search_info dd div{overflow-y: scroll; height:200px; box-sizing:border-box;}
.job_Search_info dd div span{display:block; font-size:1.8rem; padding-bottom:5px; font-weight: 700;}
.job_Search_info dd div span.checkIcon2{ padding-bottom:10px; }
.job_Search_info dd div span input{background:#fff; width: 140px;}

/* .job_Search_details{background:#f9f9fb; border-radius:5px; padding:23px 15px; display:none; margin-bottom:20px;} */
job_Search_details{background:#f9f9fb; border-radius:5px; padding:23px 15px;  margin-bottom:20px;}
.job_Search_details .search_top{margin-bottom:10px;}
.job_Search_details .search_top select{width: 33%;}
.job_Search_details button{background:#353aa2; color:#fff; width: 90px; border-radius:5px; line-height:42px; border:0px;}
.job_Search_details input{width:calc(100% - 100px);}

.job_Search .btn_more{padding-top:20px; border-top:1px dotted#ebebeb;  text-align: center; font-weight: 700;}
.job_Search .btn_more a{color:#333; display:block; }
.job_Search .btn_more a span{padding-right: 40px; background: url(/job/images/sub/job_Search_more.png) no-repeat right 2px center; line-height: 26px;  display: inline-block;}
.job_Search .btn_more a.toggle span{ background: url(/job/images/sub/job_Search_more_up.png) no-repeat right 2px center; }

/*프로그램 신청*/
.how{display: inline-block; width: 80px; padding: 0; margin: 1px 0;  line-height: 28px;  border-radius: 3px;  border: 1px solid #d7d7d7;  font-size: 14px;  color: #545454; text-align: center; background-color: #fff;}
.how.online{color: #414286; border-color: #cdd5de; background-color: #f0f4fa; cursor: pointer; border-top: 1px solid #cdd5de;}

a.className dt{font-size: 16px;  font-weight: bold;  margin-bottom: 7px;}
td.class_name dd{ font-size: 15px; color: #666; padding: 2px 0 0 10px; background: url(/common/images/common/bul_line.gif) no-repeat 0 8px;}

.state { display: inline-block; width:96px; padding: 2px; margin:1px 5px 2px 0px; line-height: 20px; border-radius: 3px; border: 1px solid #CDD5DE; font-size: 14px; color: #fff; text-align: left;}
.state.ok { background-color:#B83963; border-color:#b7335e;text-align:center;}
.state.ing2 { background-color:#00b03a; border-color:#008a2e}
.state.ing1 { background-color:#5664B0; border-color:#3e4b97;padding-left:6px;}
.state.finish { background-color:#4d5053; border-color:#35373a}
.state i.ic {display: inline-block;width:22px;height:20px;background-image:url(/common/images/common/icon_state.png); background-repeat:no-repeat; vertical-align:middle; margin-left:0px}
.state.ing1 .ic {background-position:0 0px; margin-left:5px}
.state.ing2 .ic {background-position:0 -20px; margin-left:5px}
.state.ok .ic {background-position:0 -40px;}
.state.finish .ic {background-position:0 -60px; margin-left:10px}
a:hover .state.ok {border-color:#b7335e #9f1546 #9f1546 #b7335e;background-color:#d72d68}
a:hover .state.ing2 {border-color:#008a2e; background-color:#00ce45}

.st_on_off { display: inline-block; width:50px; padding: 2px 2px 2px 15px; margin:1px 5px 2px 0px; line-height: 21px; border-radius: 3px; background: #fff; background-image:url(/common/images/common/icon_state_on_off.png); background-repeat:no-repeat; border: 1px solid #555; background-position: 8px 40%; text-align: center; font-size: 14px; }
.st_on { display: inline-block; width:50px; padding: 2px 2px 2px 15px; margin:1px 5px 2px 0px; line-height: 21px; border-radius: 3px; background: #fff; background-image:url(/common/images/common/icon_state_on.png); background-repeat:no-repeat; border: 1px solid #555; background-position: 5px 40%; text-align: center; font-size: 14px; }
.st_off { display: inline-block; width:50px; padding: 2px 2px 2px 16px; margin:1px 5px 2px 0px; line-height: 21px; border-radius: 3px; background: #fff; background-image:url(/common/images/common/icon_state_off.png); background-repeat:no-repeat; border: 1px solid #555; background-position: 8px 40%; text-align: center; font-size: 14px; }


/*寃��깋*/
.Search_details{background:#f9f9fb; border-radius:5px; padding:25px 50px; margin-bottom:45px; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing:border-box;}
.Search_details button, .Search_details input[type=button]{background:#353aa2; color:#fff; width: 90px; border-radius:5px; line-height:42px; border:0px;}

.Search_details div{display: flex; justify-content: space-between; flex-wrap: wrap;}
.Search_details div.select_type3{width:calc(100% - 100px);}
.Search_details div.select_type3 select{width: 33%; margin-bottom:5px;}
.Search_details div.select_type4 select{width: 24.5%; margin-bottom:5px;}
.Search_details div.select_type2 select{width: 49.5%; margin-bottom:5px;}

.Search_details .sel_3type select{width: 24.5%;}
.Search_details .sel_3type input{width:calc(75.5% - 100px);}
.Search_details.type01{ justify-content: center; align-items: center;}
.Search_details.type01 select{width:150px;}
.Search_details.type01 label{font-weight: 600; position: relative; padding: 0 20px 0 17px;}
.Search_details.type01 label:after{content: '';  display: block;  width: 6px;  height: 6px; background: #666; position: absolute; left: 0; top: 6px; border-radius: 50%;}
.Search_details.type01 select + input{margin-left:10px;}

.Search_details.type02{display:block;}
.Search_details.type04{display:flex;}

.Search_details div.input_data{width:290px; align-items: center;}
.Search_details.type04 .sel_3type{width:calc(100% - 300px);}
.Search_details div.input_data .in_data{width:130px; background:#fff url(/job/images/sub/input_data.png) no-repeat 90% center;}



@media screen and (max-width:768px){
	
	.job_Search{display:block; padding:2rem 1.8rem;}
	.job_Search_info{display:block;}
	.job_Search_info dl{width:100%;}
	.job_Search_info dd div{height:120px;}
	.job_Search_details .search_top select{width: 100%; margin-top: 5px;}
	
	.Search_details{padding:20px;}
	.Search_details div.select_type3{width:100%;}
	.Search_details div.select_type3 select, .Search_details div.select_type4 select, .Search_details div.select_type2 select{width: 100%; }
	.Search_details button{width: 100%; margin-top:10px;}
	
	.Search_details .sel_3type select{width:100%; margin-bottom:5px;}
	.Search_details .sel_3type input{width:100%; }
	
	
	
	.Search_details.type04{display:block;}
	.Search_details.type04 .sel_3type{width:100%;}
	.Search_details div.input_data{width:100%; margin-bottom:5px;}
	.Search_details div.input_data .in_data{width:48%;}
}
	
/* skin_01 */
.table_list .skin_01{}
.table_list .skin_01{table-layout:fixed; width:100%; border-top:2px solid #353aa2; font-size:1.6rem; color:#555; font-weight:500; word-break:break-all; border-collapse: collapse;}
.table_list .skin_01 caption{}
.table_list .skin_01 th, .skin_01 td{height:6.8rem; border-bottom:1px solid #eee; text-align:center; padding:0 0.3em;}
.table_list .skin_01 th{background:#f8f9fa; color:#222; font-weight:700} 
.table_list .skin_01 td.title{ text-align:left; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  display: block;}
.table_list .skin_01 td.title a{display:inline-block; color:inherit; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; max-width:98%;}
.table_list .skin_01 td.title span{display:none;}
.table_list .skin_01 td.title a ~ img{margin-top:1px; margin-left:10px;}
.table_list .skin_01 td.title a img{margin-top:-3px; margin-right:5px;}
.table_list .skin_01 td.title a img.vm{margin-left:2px;}
.table_list .skin_01 td.title a .icon-reply{padding-top:12px}
.table_list .skin_01 td.file .pdf_down{color:#000}
.table_list .skin_01 thead{display:none;}
.table_list .mo-label{display:block; margin-right:0.6em; color:#222;}
.table_list .skin_01 colgroup{display:none}
.table_list .skin_01 tr{display:block; position:relative;  border-bottom:1px solid #eee; padding:9rem 1.2rem 3rem; cursor:pointer;}
.table_list .skin_01 td{display:inline-flex; align-items:center; text-align:left; border:none; height:auto; padding:0; margin:5px 1em 5px 0; padding-right:1em; position:relative; font-size:1.6rem; color:#888;}
.table_list .skin_01 td:after{content:""; display:block; width:1px; height:0.7em; background:#eee; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.table_list .skin_01 td.last:after{display:none;}
.table_list .skin_01 td.company{position:absolute; left:1.2rem; top:2.2rem; }
.table_list .skin_01 td.title{position:absolute; left:1.2rem; top:5rem; width:100%; line-height:3.4rem; font-size:2.4rem; font-weight:700; color:#222; padding:0 12rem 0 0; margin:0;}
.table_list .skin_01 td.title.full{padding:0; padding: 0 1.2rem 0 0; box-sizing: border-box;}
.table_list .skin_01 td.shape{position:absolute; right:1.2rem; top:3.8rem; margin:0; padding:0;}
.table_list .skin_01 td.shape .mo-label{display:none;}
.table_list .skin_01 td.title:after, .board_list .skin_01 td.shape:after{display:none}
.table_list .skin_01 td.check{position:absolute; top:4.1rem; left:0;}
.table_list .skin_01 td.check:after{display:none;}
.table_list .skin_01 td.check ~ td.title{left:5rem; width:calc(100% - 5rem)}
.table_list .skin_01 td.check ~ td.num{margin-left:4rem;}
.table_list .skin_01 tbody tr [colspan]{display:block; width:100%; text-align:center; padding-bottom:3em;}
.table_list .skin_01 tbody tr [colspan] .mo-label{display:none;}
.table_list .skin_01 tbody tr [colspan] p{display:block; width:100%; text-align:center;}


.gray_txtbg {background: #ececec; padding: 3px 9px; border-radius: 5px; margin-right: 5px;}
.gray_box{background: #f9f9fb; padding: 40px}
.tbl_top td{vertical-align: top;}

@media screen and (max-width:768px){
	
	.table_list .skin_01 tr{padding:8.6rem 1.2rem 1.6rem;}
	.table_list .skin_01 td.title{/*top:1.6rem;*/ font-size:2rem;}
	.table_list .skin_01 td.shape{top:1.65rem;}
	.table_list .info_stay, .table_list .info_ing, .table_list .info_end{ font-size:1.4rem; width:5.8rem; height:3rem; line-height:3rem;}\	
	.table_list .skin_01 td{font-size:1.4rem; height:16px;}
	.table_list .skin_01 td.file img{width:16px; height:16px;}
	
	
}


/* tableEdu_Write */
.agree_box { overflow-y: scroll; height: 400px; padding: 45px; border: 1px solid #ccc; background: #fafafa; box-sizing: border-box;}
.agree_box  dt{color:#0f1d33; font-size:20px; font-weight: 700; margin:35px 0 0px 0;}
.agree_box dl dt:first-child{margin:0px 0 0px 0;}

.agreement_box{border-bottom: 1px solid #ddd; position: relative; display: flex; padding: 40px 0; justify-content: space-between;}
.agreement_box .title{font-size:20px; color:#333; font-weight: 700;}
.agreement_box .check span{position: relative;}
@media screen and (max-width:768px){
.agreement_box{display: block; padding:15px 0;}
}
/*ul.bunhal {display: flex;  flex-flow: row wrap;  border-top: 2px solid #333;  font-size: 2.0rem;  position: relative;   border-top: 2px solid #333;}
ul.bunhal >li {width:100%; display:inline-block;  display:flex; flex-flow:row wrap; align-items: center; position:relative;}

ul.bunhal >li.ww50 {width:50%;}
ul.bunhal >li > label {width:140px; padding:10px 10px 10px 20px; color:#000; font-weight:600; display:flex; align-items: center; justify-content:flex-start; box-sizing:border-box;line-height:24px;}
ul.bunhal >li > label.essential {background:url(/job/images/common/check_01.png) no-repeat 10px 10px;}
ul.bunhal >li > div {width:calc(100% - 140px); padding:10px 15px;  box-sizing:border-box; line-height:42px;}
ul.bunhal >li > div input[type=text],
ul.bunhal >li > div select {height:44px;  border:1px solid #ddd; width: calc((100% - 50%) - 148px);   padding: 0 10px; font-size:16px;}
ul.bunhal >li > div select {background:url(/job/images/common/selarr_btn01.png) no-repeat 98% 50%;}
ul.bunhal >li > div input[type=text].full_input, ul.bunhal >li > div textarea.full_input{width:calc(100% - 25px);}

ul.bunhal >li.ww50 input[type=text],
ul.bunhal >li.ww50 > div select {width:100%; box-sizing: border-box; height:44px;  }

ul.bunhal >li > div input[type=date] {height:42px; border:0; background-color:#f4f4f4; padding:0 10px;}

ul.bunhal >li > div p {display:flex; align-items: center; flex-flow:row wrap;}
ul.bunhal >li > div p span.ages_01, ul.bunhal2 >li > div p span.ages_02{padding-left:6%;}
ul.bunhal >li > div p span.ages_01 input[type="text"], ul.bunhal2 >li > div p span.ages_02 input[type="text"]{width:180px; margin:0 10px;}

ul.bunhal >li > div .bbtn {line-height:44px; background:#535353; font-size:16px; color:#fff; width:100px; display:inline-block; text-align:center; margin-left:5px;  transition:all .3s;}
ul.bunhal >li > div .bbtn:hover {background:#f2f2f2;}
ul.bunhal >li > div .bbtn + input[type="text"] {width:calc(50% - 252px);}
ul.bunhal >li.ww50 > div .bbtn + input[type="text"] {width:calc(100% - 125px);}
ul.bunhal >li > div p.text {display:block; line-height:1.6em; margin-top:10px;}
ul.bunhal >li > div p.tel select,
ul.bunhal >li > div p.tel input[type=text] {width:107px;}
ul.bunhal >li > div p.bith select {width:80px;}
ul.bunhal >li > div em {display:inline-block; margin:0 10px 0 5px;}


ul.bunhal >li > div p.security input[type=text] {width:calc(70% - 190px);}

*/

ul.bunhal {display:flex; flex-flow:row wrap; border-top:2px solid #353aa2; font-size:1.6rem; position:relative;}
ul.bunhal:after {content:''; display:block;  width:100%; height:1px; background:#dedede; position:absolute; bottom:0; left:0;}
ul.bunhal >li {width:100%; display:inline-block;  border-bottom:1px solid #dedede; display:flex; flex-flow:row wrap; align-items: center; position:relative;}
ul.bunhal >li:before{content:''; display:block; background:#f9f9fc; width:200px; height:100%; position:absolute; left:0; top:0; z-index:0;}
ul.bunhal >li:after{content:''; display:block; background:#e5e8f9; width:1px; height:100%; position:absolute; left:200px; top:0;}
ul.bunhal >li.ww50 {width:50%;}
ul.bunhal >li > label {position:relative; z-index:1; width:200px; padding:10px 10px 10px 30px; color:#000; font-weight:600; display:flex; align-items: center; justify-content:flex-start; box-sizing:border-box; /*word-break: break-all; */line-height:24px;}
ul.bunhal >li > label.essential {background:url(/job/images/common/check_01.png) no-repeat 14px 16px;}
ul.bunhal >li > div {width:calc(100% - 200px); padding:10px 15px;  box-sizing:border-box; line-height:40px;}
ul.bunhal >li > div input[type=text],
ul.bunhal >li > div input[type="password"],
ul.bunhal >li > div select {height:44px; width:calc((100% - 30%) - 148px); margin-right:5px; padding:0 10px;}
ul.bunhal >li > div select {/*background:url(/job/images/common/selarr_btn01.png) no-repeat 98% 50%;*/}
ul.bunhal >li > div textarea{width:100%; border-radius:5px;}
ul.bunhal >li > div input[type=text].full_input, ul.bunhal >li > div textarea.full_input{width:100%;}
ul.bunhal >li.ww50 input[type=text],
ul.bunhal >li.ww50 > div select {width:calc(100% - 25px);}



input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url(/_res/hf/ko/img/date_icon.png); background-repeat: no-repeat; background-position: right 50%; width:20px; height:20px;
}
ul.bunhal >li > div input[type=date] {height:44px; border:0; background-color:#f4f4f4; padding:0 10px;}

ul.bunhal >li > div p {display:flex; align-items: center; flex-flow:row wrap;}
ul.bunhal >li > div p span.ages_01, ul.bunhal >li > div p span.ages_02{padding-left:6%;}
ul.bunhal >li > div p span.ages_01 input[type="text"], ul.bunhal >li > div p span.ages_02 input[type="text"]{width:180px; margin:0 10px;}
ul.bunhal >li > div .bbtn {line-height:42px; background:#5c719c; border-radius:5px; width:100px; display:inline-block; text-align:center; color:#fff; transition:all .3s;}

ul.bunhal >li > div p.btn_in input[type="text"] {width:calc(50% - 100px);}
ul.bunhal >li.ww50 > div .bbtn + input[type="text"] {width:calc(100% - 125px);}
ul.bunhal >li > div p.text {display:block; line-height:1.6em; margin-top:10px;}
ul.bunhal >li > div p.tel select,
ul.bunhal >li > div p.tel input[type=text] {width:107px;}
ul.bunhal >li > div p.bith select {width:107px;}
ul.bunhal >li > div p.add select{width:120px;}
ul.bunhal >li > div p.add input[type=text] {width:calc(100% - 130px);}
ul.bunhal >li > div em {display:inline-block; margin-left:15px;}
ul.bunhal >li > div input[type="file"]{width:100%; border-radius:5px;}
ul.bunhal >li > div input#intro_file { position: absolute; width: 1px; height: 1px; padding: 0;  margin: -1px;  overflow: hidden; border: 0;}    
ul.bunhal >li > div .file_label{background:#2e84f5; line-height:44px; color:#fff;  border-radius: 5px; padding: 12px 15px;}
ul.bunhal >li > div .post {background:#535353; line-height:44px; color:#fff; font-weight: 600;  border-radius: 5px;  padding: 0 10px;}
ul.bunhal >li > div a.down{background:#fff; line-height:30px; font-size:1.4rem; color:#5c719c; border-radius:8px; text-align: center; border:1px solid #5c719c;  display:block; width:150px;}
@media all and (max-width:1024px){
    ul.bunhal >li > div p.mw100 input[type=text] {width:100%!important;}
    ul.bunhal >li > div.add p:first-child input {width:calc(100% - 110px)!important;}    
    ul.bunhal >li > div.add p input[type=text].w90 {width:100%!important;}
    ul.bunhal >li > div p.tel select,
    ul.bunhal >li > div p.tel input[type=text] {width:calc((100% - 42px) / 3)!important;}
    ul.bunhal >li > div p.bith select {width:calc((100% - 18px) / 3)!important;}
    ul.bunhal >li.ww50 {width:100%;}
    ul.bunhal >li.ww50.line:after {display:none;}
    ul.bunhal >li > div p.add select{width:100%; margin-right:0;}
    ul.bunhal >li > div p.add input[type=text]{width:100%; margin-top:5px; margin-right:0;}
    ul.bunhal >li > div input[type=text],
    ul.bunhal >li > div input[type="password"],
    ul.bunhal >li > div select {width:calc(100% - 0px);}
    ul.bunhal >li > div .bbtn + input[type="text"] {width:calc(100% - 130px)!important;}
    ul.bunhal >li > div p.security input[type=text] {width:calc(100% - 195px)!important;}
	
	ul.bunhal >li > div p span.ages_02, ul.bunhal2 >li > div p span.ages_01{padding-left:0; width:100%; margin-top:5px;}
	ul.bunhal >li > div p span.ages_02 input[type=text], ul.bunhal >li > div p span.ages_01 input[type=text]{width:calc(100% - 60px)!important;}
	
	
}

@media all and (max-width:768px){
    ul.bunhal >li > label {width:150px; }
    ul.bunhal >li:before {left:0px; width: 150px;}
    ul.bunhal >li:after{left:151px;}
    ul.bunhal >li > div {width:calc(100% - 150px);}
    ul.bunhal >li > div p.btn_in input[type="text"] {width:calc(100% - 110px);}
    
    
}

@media all and (max-width:580px){
    ul.bunhal >li > div p.security input[type=text] {width:100%!important;}
}

span.checkIcon2 {position: relative; display:inline-block; line-height:26px; margin:5px 20px 5px 0px; height: 26px;}
span.checkIcon2 label{line-height:26px;}
span.checkIcon2 input[type="checkbox"] {border: 0; clip: rect(0, 0, 0, 0);  height: 1px;  margin: -1px !important;  overflow: hidden; padding: 0;   position: absolute;    width: 1px;}
span.checkIcon2 input[type="checkbox"] + label{position:relative; display:flex; align-items: center; padding-left:30px; }
span.checkIcon2 input[type="checkbox"] + label:before {content:''; width:26px; height:26px; background:url(/job/images/common/check_off.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
span.checkIcon2 input[type="checkbox"]:checked + label:before {background:url(/job/images/common/check_on.png) no-repeat 50% 50%;}
span.checkIcon2 input[type="radio"] { width: 26px; height: 26px;  position: absolute;  top: 0px;  left: 0px;   z-index: 0;}
span.checkIcon2 input[type="radio"] + label{position:relative; display:flex; align-items: center; padding-left:30px; }
span.checkIcon2 input[type="radio"] + label:before {content:''; width:26px; height:26px; background:url(/job/images/common/check_off.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
span.checkIcon2 input[type="radio"]:checked + label:before {background:url(/job/images/common/check_on.png) no-repeat 50% 50%;}

span.checkIcon3 {position: relative; display:inline-block; line-height:30px; margin:5px 20px 5px 0px; height: 30px;}
span.checkIcon3 label{line-height:30px;}
span.checkIcon3 input[type="checkbox"] {border: 0px; clip: rect(0, 0, 0, 0);  height: 30px;  margin: -1px !important;  overflow: hidden; padding: 0;   position: absolute;    width: 30px;}
span.checkIcon3 input[type="checkbox"] + label{position:relative; display:flex; align-items: center; padding-left:35px; }
span.checkIcon3 input[type="checkbox"] + label:before {content:''; width:30px; height:30px; background:url(/job/images/common/check1_off.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
span.checkIcon3 input[type="checkbox"]:checked + label:before {background:url(/job/images/common/check1_on.png) no-repeat 50% 50%;}
span.checkIcon3 input[type="radio"] { width: 30px; height: 30px;  position: absolute;  top: 0px;  left: 0px;   z-index: 0;}
span.checkIcon3 input[type="radio"] + label{position:relative; display:flex; align-items: center; padding-left:37px; }
span.checkIcon3 input[type="radio"] + label:before {content:''; width:30px; height:30px; background:url(/job/images/common/check1_off.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
span.checkIcon3 input[type="radio"]:checked + label:before {background:url(/job/images/common/check1_on.png) no-repeat 50% 50%;}


.btn_wrap{padding-top:45px;}


/*�삩�씪�씤 �닔媛�*/
.online {border-top:2px solid #000;}
.online li{ padding:20px 10px; border-bottom:1px solid #ddd;}
.online li .title_wrap{display: flex; align-items: center;justify-content: space-between;}
.online li a .tit{text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;  max-width: 98%; font-size:20px; font-weight: 700; color: #000;}
span.end{display: block; background:#000; width: 80px;  height: 40px;   line-height: 40px;  text-align: center;  color: #fff; font-weight: 700;  font-size: 1.6rem;}
span.ing{display: block;  background: #014195; width: 80px;  height: 40px;   line-height: 40px;  text-align: center;  color: #fff; font-weight: 700; font-size: 1.6rem;}


.education-detail{border-top:2px solid #353aa2; border-bottom:1px solid #dddddd; ;}
.education-detail strong{font-size:25px;}
.education-detail > .rowfull{margin:30px 0;}

.education-detail ul{display:inline-block; width:100%; vertical-align:top; display:flex; justify-content: space-between;}
.education-detail ul li{float:left; }
.education-detail ul li:nth-child(1){width:31%;}
.education-detail ul li:nth-child(1) img{width:100%;}
.education-detail ul li:nth-child(2){width:60%;}

.education-detail ul li span.thumb{position:relative; display:block; height:180px; margin-top:20px; border-radius:10px; overflow:hidden; background-repeat:no-repeat; backgorund-position:center; background-size:cover;}
.education-detail ul li span.thumb::before{display:inline-block; width:100%; height:100%; left:0; top:0; border-radius:10px; background:#f3f3f3 url(/startup/assets/img/common/logo.png) no-repeat center; background-size:150px; z-index:-1;}

/* .education-detail ul li a{display:block; width:115px; height:50px; line-height:50px; margin:15px auto 0 auto; border-radius:5px; text-align:center; font-size:15px; font-weight:700; color:#fff; background:#5987d3;} */
.education-detail ul li strong{display:block;font-size:2.4rem; font-weight: 700; margin-bottom:30px;}
.education-detail ul li dl{display:flex; width:100%; padding:10px 0; font-size:16px;}
.education-detail ul li dl:last-child{border-bottom:0;}

.education-detail ul li dl dt{float:left; position:relative; width:140px; padding-left:15px; font-weight: 700; color:#333; }
.education-detail ul li dl dt:before{content:''; display:block; position: absolute; width:6px; height:6px; left:0; top:8px; background:#666666; border-radius:50%;}
.education-detail ul li dl dd{float:right; width:calc(100% - 140px); color:#777; text-align:left;}


.education-contents{padding:50px 0;}
.education-contents img{display:block; margin:10px auto; max-width:100%;}

@media(max-width:768px){
	.education-detail ul li:nth-child(1),
	.education-detail ul li:nth-child(2){width:100%;}
	.education-detail ul li:nth-child(1){margin-bottom:25px;}
	.education-detail ul li:nth-child(2){padding-left:0;}
	
	
	.education-detail ul li span.thumb{width:420px; height:280px; margin:20px auto 0 auto;}
}

@media(max-width:640px){
	.education-detail ul li span.thumb{width:100%; height:60vw;}
}
   
   
/*濡쒓렇�씤*/
.login_wrap{border:1px solid #ddd; border-radius:30px; background:url(/job/images/sub/login_box_bg.jpg) no-repeat center bottom; padding:63px 0 80px;}
.login_wrap .login_box{width: 530px; margin:0 auto;}
.login_wrap .login_text{font-family: 's-core-dream-medium'; font-size:2.0rem;text-align: center; background:url(/job/images/sub/login_text.jpg) no-repeat center 0; padding:10.5rem 0 4.5rem 0; color:#000;}
.login_wrap .login_text2{font-family: 's-core-dream-medium'; font-size:2.0rem;text-align: center;}
.login_wrap .login_text2 span{font-size:3.0rem; font-family: 's-core-dream-bold'; display:block; line-height:4.0rem; margin-bottom:6.0rem;}
.login_wrap .login_input{border:1px solid #ddd; border-radius:30px; background:#fff;}
.login_wrap .login_input div{padding:0.8rem 2.5rem; display:flex; justify-content: space-between; align-items: center;}
.login_wrap .login_input div.line{border-bottom:1px solid #ddd;}
.login_wrap .login_input input{width:calc(100% - 35px); border: 0;} 
.login_wrap .btn-join{border-radius:30px; background:#353aa2; line-height:65px; font-size:2.0rem; font-family: 's-core-dream-extrabold'; color:#fff; display:inline-block; width:49%;	}
.login_wrap .btn-join.type02{background:#5c719c; }
.login_wrap .btn-join.type03{ width: 100%; text-align: center; padding-top:168px;  background:url(/job/images/sub/login_type03.png) no-repeat center 0;}
 .login_wrap .btn-join.type03 span{display: block;border-radius:30px; background:#353aa2; line-height:65px; font-size:2.0rem; font-family: 's-core-dream-extrabold'; color:#fff; width:100%;}  
@media(max-width:600px){
	 .login_wrap{padding: 50px 0;}
	 .login_wrap .login_box{width: 100%; margin: 0 auto;  padding: 0 20px; box-sizing: border-box;}
	 .login_wrap .btn-join{display:block; width: 100%; line-height: 55px; font-size: 1.6rem; margin-bottom:10px;}
	 .login_wrap .login_text{font-size: 1.8rem;     padding: 8rem 0 3.5rem 0;}
	 .login_wrap .login_text2{font-size:2.5rem;}
}
/*join �젅李�*/
.join-process{display: flex;  justify-content: space-between;  flex-wrap: wrap;}
.join-process li{width: 25%; text-align: center;}  
.join-process li span{width: 100%;color:#474747; font-size:1.8rem; text-align: center; display:inline-block; font-weight: 500; position: relative;  padding-top: 70px;}
.join-process li span::after{content:''; font-family: 's-core-dream-bold'; color:#9c9cd8;  font-size:1.8rem; line-height:50px; display:block; transform: translate(-50%, 0); position: absolute; background:#f8f8ff; height:50px; width:50px; border-radius:50%; left:50%; top:0; }
.join-process li span::before{content:''; position: absolute; background:#ececec; height:1px; width:100%; display:block; left:0; top:25px;}

.join-process li:nth-child(1) span:after{content:'01';}
.join-process li:nth-child(2) span:after{content:'02';}
.join-process li:nth-child(3) span:after{content:'03';}
.join-process li:nth-child(4) span:after{content:'04';}

.join-process li.active span{color:#353aa2; font-weight: 700;}
.join-process li.active span::after{background:#353aa2; color:#fff; }
.join-process li.active  span::before{background:#353aa2;}

/*통계*/
.statistics_wrap{}
.statistics_wrap ul{display:flex;     flex-wrap: wrap;}
.statistics_wrap ul li{width:25%; box-sizing:border-box; padding-left:118px; border-right: 1px dotted #ddd;}

.statistics_wrap ul li span{display:block; font-size:20px; font-weight: 700; }
.statistics_wrap ul li span.total{font-family: 's-core-dream-heavy'; }
.statistics_wrap ul li span.total b{font-size:4.0rem; line-height: 4.5rem;}

.statistics_wrap ul li:nth-child(1){ background:url(/job/images/sub/statistics_01.png) no-repeat 30px 0;}
.statistics_wrap ul li:nth-child(2){background:url(/job/images/sub/statistics_02.png) no-repeat 30px 0;}
.statistics_wrap ul li:nth-child(3){background:url(/job/images/sub/statistics_03.png) no-repeat 30px 0;}
.statistics_wrap ul li:nth-child(4){background:url(/job/images/sub/statistics_04.png) no-repeat 30px 0; border-right: none;}


	
.statistics_wrap2{}
.statistics_wrap2 ul{display:flex;     flex-wrap: wrap; border-top:2px solid #353aa2; border-bottom:1px solid #ddd; padding:20px 0;}
.statistics_wrap2 ul li{width:25%; box-sizing:border-box; border-right: 1px dotted #ddd; padding:0 20px;}
.statistics_wrap2 ul li div{ display:flex;  flex-wrap: wrap; align-items: center; justify-content: space-between;}
.statistics_wrap2 ul li span{display:inline-block; font-size:1.8rem;}
.statistics_wrap2 ul li span.box_s{text-align: center; border:1px solid #353aa2; height:70px; width:70px; line-height:70px; color:#353aa2; border-radius:0 0 30px 0;  }
.statistics_wrap2 ul li span.box_s b{font-size:2.4rem; font-weight: 700;}
.statistics_wrap2 ul li span.total{font-family: 's-core-dream-extrabold';}
.statistics_wrap2.type1 ul li{width:33.3%;}

.statistics_wrap2 ul li:nth-child(4), .statistics_wrap2.type1 ul li:nth-child(3){ border-right: none;}


@media(max-width:800px){
	.statistics_wrap ul li, .statistics_wrap2 ul li{width:50%; margin-bottom:15px;} 
	.statistics_wrap ul li:nth-child(2), statistics_wrap2 ul li:nth-child(2){border-right: none;}
}
	
	
@media(max-width:550px){
	.statistics_wrap ul li, .statistics_wrap2 ul li, .statistics_wrap2.type1 ul li{width:100%; margin-bottom:15px; border-right: none;} 
	
}


/*절차 */
.process {display: flex;  flex-wrap: wrap; align-items: center;}
.process li{position: relative; width: calc(25% - 40px); margin: 30px 40px 0px 0px; border: none; float: left;}
.process li:after{display: block;  position: absolute;  top: 50%;  right: -30px;  content: '';  width: 20px;  height: 22px;  margin: -10px 0 0;   background: url(/job/images/sub/step_arrow.jpg) no-repeat 50% 50%;}
.process li .in{background:#fff; color:#fff; text-align: center; padding:30px 10px;     height: 100%; border:2px dotted #dedede; border-radius:0 0 30px 0;}
.process li .in span{position: absolute; background:#5c719c; width:45px; height:45px; left:0; top:0;  border-radius:0 0 20px 0; line-height:45px; }
.process li .in .img{padding-bottom:15px; width:50px; height:55px; margin:0 auto;}
.process li .in .img img {width: 100%;}
.process li .in .process_text{line-height:28px; font-weight:700; color:#333;}

.process li:last-child:after{display:none; margin: 0 40px 0px 0px;}
@media(max-width:900px){
	.process li{width: calc(50% - 40px);}
}

@media(max-width:768px){
	.process li{ width:100%;     margin: 0 0px 40px 0px;}
	.process li:after{top: auto;right: 50%;bottom: -30px; margin: 0 -10px 0 0; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	.process li .in{padding: 20px 0; min-height: auto;}
	
	.process li .inner .process_text{padding:0 35px;}
	
	.process li:last-child{margin: 0 0px 0px 0px;}
	
	
}

.greetings{display:flex; justify-content: space-between; font-size:2.0rem; line-height:3.0rem; background:url(/job/images/sub/int_bottom.png) no-repeat right bottom; padding-bottom:135px;}
.greetings .txt{width:52%;}
.greetings .txt p{font-family: 's-core-dream-bold';  position: relative; height:35px;}
.greetings .txt p:after{content:''; display: block;  position: absolute;  bottom: 0;  left:0; width:99px; height:3px; background:#000;}
.greetings .txt p span{color:#e3134f; }
.greetings .top_text{font-size:3.5rem; font-family: 's-core-dream-light'; line-height:4.0rem; margin:35px 0;}
.greetings .top_text strong{font-family: 's-core-dream-medium';}
.greetings .int{font-family: 's-core-dream-medium'; margin-bottom:3.5rem; letter-spacing: -1px;}
.greetings .int_meno{font-size:1.8rem;  letter-spacing: -1px;}
.greetings .int_bottom{font-family: 's-core-dream-bold'; margin-top:30px; }
.greetings .img_pic{width:352px;}

.c_blue{color:#0a3dc0; }
.c_pink{color:#e81e5c; }
	
@media(max-width:900px){
	
	.greetings{flex-direction: column-reverse;}
	.greetings br{display:none;}
	.greetings .img_pic{text-align: center; width:100%;}
	.greetings .img_pic img{max-width:100%;}
	.greetings .txt{ width:100%;}
}

.map{position: relative; height:415px;  z-index:0;}
.map_loc{height:164px; border-bottom:1px dotted #eaeaea; z-index:2; margin-bottom:70px;}
.map_loc ul{ position: relative;  width:800px; display:flex; margin:-50px auto 0 auto;     flex-wrap: wrap;}
.map_loc ul li{width:50%; text-align: center; background:#fff; padding:25px 0;  }
.map_loc ul:after{content: '';  display: block; width: 1px; height: 84px; top: 30px; left: 55%;position: absolute; background: #dddddd;}
.map_loc ul li span{display:block; font-family: 's-core-dream-extrabold'; font-size:1.6rem; padding-top:56px; color:#000; }
.map_loc ul li:nth-child(1){border-radius:50px 0px 0 0;}
.map_loc ul li:nth-child(2){ border-radius:0px 50px 0 0;}
.map_loc ul li:nth-child(1) span{ background:url(/job/images/sub/map_loc_icon01.png) no-repeat center 0; }
.map_loc ul li:nth-child(2) span{ background:url(/job/images/sub/map_loc_icon02.png) no-repeat center 0;}

@media(max-width:800px){
	.map_loc ul{width:100%; margin: 0 auto;}
}

@media(max-width:640px){
	.map_loc{margin-bottom:30px;}
	.map_loc ul li{width:100%;}
	.map_loc ul:after{display:none;}
	.map_loc{height:auto;}

}

.traffic_tit{padding-left:108px; font-size:2.4rem;font-weight: 700; line-height:66px; margin-bottom:10px;}
.traffic_con{border:1px solid #ddd; padding:30px; border-radius:20px; font-size:1.8rem; margin-bottom:40px;}
.traffic_con p{margin-bottom:10px; color:#666666;}
.traffic_con p .tit01{width:100px; font-weight: 700; display:inline-block; color:#000;}
.traffic_con p .tit02{position: relative; font-weight: 700; display:inline-block; color:#fe8928; padding:0 10px 0 40px;}
.traffic_con p .tit02:before{content:'1'; color:#fff; text-align: center; line-height:35px; height:35px; width:35px; background:#fd8a28; display:inline-block; position: absolute; left:0; top:-5px; border-radius:50%;}
.traffic_tit.type1{ background:url(/job/images/sub/traffic_icon01.png) no-repeat left 0; }
.traffic_tit.type1 span{color:#e8354e;}
.traffic_tit.type2{ background:url(/job/images/sub/traffic_icon02.png) no-repeat left 0; }
.traffic_tit.type2 span{color:#2d3cc4;}
.traffic_tit.type3{ background:url(/job/images/sub/traffic_icon03.png) no-repeat 20px 0; }
.traffic_tit.type3 span{color:#2cab68;}

#banner_con{display:flex; flex-wrap: wrap; }
#banner_con li{width:33.3%; margin-bottom:30px;}
#banner_con li a{display:block; border:1px solid #ddd; border-radius:20px; width:calc(100% - 30px); padding-top:35px; text-align: center; maring:0 30px 0px 0; box-sizing:border-box;}
#banner_con li a span{display:block; padding:20px 0; width:100%; background:#f9f9fb; border-radius:0 0 20px 20px; font-weight: 700; font-size:1.8rem; margin-top:35px; }
#banner_con li a:hover{box-shadow: 5px 5px 25px rgb(0 0 0 / 10%);}


@media(max-width:910px){
	#banner_con li{width:50%; }

}

@media(max-width:640px){
	#banner_con li{width:100%; }
	#banner_con li a{maring:0 0px 0px 0; width:100%; }

}

.gallery {margin:40px 0 50px 0;}
.gallery div.thum span {position:absolute; bottom:-10px; right:10px; color:#fff; height:65px; width:65px; border-radius:50%; line-height:65px; text-align: center}
.gallery div.thum span.ty01 {background:#43a3d8;}/*예정*/
.gallery div.thum span.ty02 {background:#d84343;}/*진행중*/
.gallery div.thum span.ty03 {background:#333333;}/*마감*//

 

.gallery a:hover div.thum {animation:zoomEx3 .6s ease-in-out infinite; -webkit-animation:zoomEx3 .6s ease-in-out infinite; -moz-animation:zoomEx3 .6s ease-in-out infinite;}

.gallery .board_info{padding:30px 20px;}
.gallery p.board_tit {font-size:2rem; font-weight:800; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; margin-bottom:10px; color:#333; }
.gallery p.board_date {color:#666; font-weight:500; font-size: 1.6rem;}
.gallery p.board_date_c{color:#d84343;}
.gallery p.board_date span {font-weight:400; display:inline-block; margin-right:5px;}
.gallery a:hover p.board_tit {color:#f73677; text-decoration:underline;}


.gallery.type01 ul li {float:left; width:31%; margin-right:2%; margin-bottom:55px; box-sizing: border-box; border:1px solid #ddd; padding:0px; border-radius:0 0 30px 0;}
.gallery.type01 ul li:nth-child(3n) {margin-right:0;}
.gallery.type01 div.thum {position:relative; }
.gallery.type01 div.thum img {width:100%; height:243px; width:100%;}
.gallery.type01 div.board_info {margin-top:10px;}
.gallery.type01 p.board_con {display:none;}
.gallery.type01 ul li:hover{ box-shadow: 0 0 20px rgb(0 0 0 / 20%);}



@media (max-width:768px) {
.gallery.type01 ul li {float:left; width:48%; margin-right:4%;}
.gallery.type01 p.board_tit {margin-bottom:0;}
.gallery.type01 ul li:nth-child(3n) {margin-right:4%;}
.gallery.type01 ul li:nth-child(even) {margin-right:0;}




}
@media (max-width:500px) {
.gallery.type01 ul li {float:none; width:100%; margin-right:0%;}
.gallery.type01 div.thum {width:100%; float:none;}
.gallery.type01 div.thum img {width:100%;  height:auto;}


}
.tbl span{padding:10px 20px; color:#fff; border-radius:30px;}
.tbl span.ty01 {background:#333333; }/*예정*/
.tbl span.ty02 {background:#4d36ff;}/*진행중*/
.tbl span.ty03 {background:#333333;}/*마감*//



.company1{background:#f9f9fb; padding:4.5rem; border-radius:20px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.company1  > .img{width:42%; hegiht:257px; overflow: hidden;}
.company1  > .img img{width:100%;}
.company1  > .info{width:53%;}
.company1  > .info .sub_tit{font-size:1.4rem; display:block; font-family: 's-core-dream-extrabold'; color:#808080; }
.company1  > .info .suject{font-size:3rem; display:block; font-family: 's-core-dream-heavy'; line-height:3rem; color:#353aa2; display: flex; align-items: center;}
.company1  > .info .suject a{margin-left:10px;}
.company1  > .info ul {margin-top:25px;}
.company1  > .info ul li{display:flex; position: relative; line-height:3.0rem}
.company1  > .info ul li:before{content: ''; position: absolute;  display: block;  left: 0;  top: 7px;  border: 3px solid #d4d4d4;  width: 10px;  height: 10px; border-radius: 50%;}
.company1  > .info ul li .tit{position: relative; width:130px; font-weight:700; padding-left:25px; box-sizing:border-box;}
.company1  > .info ul li .tit:after{content: ''; position: absolute;  display: block;  right:0;  top: 7px;  width:1px; height:11px; background:#dedede;}
.company1  > .info ul li .con_text{width:73%; padding-left:20px; box-sizing:border-box;}
.company1 .type1 .info{width:100%;}
.company 1.type1 .info ul li .tit{width:180px;}

@media only screen and (max-width:800px){
	.company1 {padding:2.0rem;}
	.company1  > .img{margin-bottom:20px;}
	.company1  > .img,
	.company1  > .info{width:100%;}
	.company1  > .info .suject{font-size:2.5rem;}
		
}


.information.type2{background:#f9f9fb; padding:4.5rem; border-radius:20px; display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:30px;}
.information.type2 > .img{width:227px ; hegiht:180px; overflow: hidden; background:rgba(255, 255, 255, 0); display: flex;  align-items: center; text-align: center; cursor: pointer;}
.information.type2 > .img img{width:100%;}
.information.type2 > .info{width:65%;}
.information.type2 > .info .sub_tit{font-size:1.4rem; display:block; font-family: 's-core-dream-extrabold'; color:#808080; }
.information.type2 > .info .suject{font-size:3rem; display:block; font-family: 's-core-dream-heavy'; line-height:3rem; color:#353aa2; display: flex; align-items: center;}
.information.type2 > .info .suject a{margin-left:10px;}
.information.type2 > .info ul {margin-top:0px;}
.information.type2 > .info ul li{display:flex; position: relative; line-height:3.0rem}
.information.type2 > .info ul li:before{content: ''; position: absolute;  display: block;  left: 0;  top: 10px; border:none;  background: #d4d4d4;  width: 5px;  height: 5px; border-radius: 50%;}
.information.type2 > .info ul li .tit{position: relative; width:130px; font-weight:700; padding-left:10px; box-sizing:border-box;}
.information.type2 > .info ul li .tit:after{content: ''; position: absolute;  display: block;  right:0;  top: 7px;  width:1px; height:11px; background:#dedede;}
.information.type2 > .info ul li .con_text{width:73%; padding-left:20px; box-sizing:border-box;}


@media only screen and (max-width:800px){
	.information.type2{padding:2.0rem;}
	.information.type2 > .img{margin-bottom:20px;}
	.information.type2 > .img,
	.information.type2 > .info{width:100%;}
	.information.type2 > .info .suject{font-size:2.5rem;}
		
}