button, input[type="submit"] {
    cursor: pointer;
}
.form_wrap.button_type {
    margin-top: 2.9rem;
}
.form_wrap {
    border: 0;
}
.form_wrap {
    position: relative;
    border-top: 1px solid #D1D2D5;
    margin-bottom: 1.5rem;
}

.form_wrap .reset_bt {
    width: 10rem;
    height: 2rem;
    background: #871F42;
    text-align: left;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: -2.9rem;
}

.form_wrap .reset_bt {
    width: 10rem;
    height: 2rem;
    background: #871F42;
    text-align: left;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: -2.9rem;
    border: 0;
}

.form_wrap .reset_bt span {
    color: #fff;
    font-size: .8rem;
}

.form_wrap .reset_bt i {
    color: #fff;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    font-size: .9rem;
}
.form_wrap{
    border:0;
}
.form_wrap .reset_bt {
    width: 8rem;
}
.agree_box .tit {
    display: block;
    padding: 1rem 2rem;
    background: #871F42;
    position: relative;
    color: #fff;
}

.agree_box .tit strong{
    color: #fff;
}


.agree_box .tit:before {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    content: "\e942";
    font-size: 2rem;
    font-family: "xeicon";
    display: block;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
}


.agree_box .tit.on:before {
    transform: translateY(-50%) rotate(
            180deg
    );
}


.agree_box1 .tit {
    display: block;
    padding: 1rem 2rem;
	background: #f3f3f3;
    position: relative;
    color: #000;
	margin-bottom: 1.5rem !important;
}

.agree_box1 .tit strong{
    color: #000;
}


.agree_box1 .tit:before {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    content: "\e942";
    font-size: 2rem;
    font-family: "xeicon";
    display: block;
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
}


.agree_box1 .tit.on:before {
    transform: translateY(-50%) rotate(
            180deg
    );
}

.agree_box2  {
    display: block;
    padding: 1rem 2rem;
	background: #f3f3f3;
    position: relative;
    color: #000;
	margin-bottom: 1.5rem !important;
}

div.label-button .pi-btn.blue{
    color: #fff !important;
}

button.pi-btn.list{
    display: initial;
}

.top_box{
    margin-bottom: 3.5rem !important;
}






/* New Modal Layout Css */

div.modal-layer{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


/* 인사말 */
section.greeting{
    display: flex;
    background-color: #05408A;
}

section.greeting span{
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    padding:.5rem 1rem;
}

/* 버튼 */
section.button_area{
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}
section.button_area a{
    color: #fff;
    font-weight: bold;
    padding:.5rem 1rem;
    display: flex;
    gap: .3rem;
    align-items: center;
}
section.button_area a.button_grey{
    background-color: #767171;

}
section.button_area a.button_red{
    background-color: tomato;
}

section.button_area a.button_out{
    background-color: cornflowerblue;
}

/* 탭메뉴 */
section.tab_menu{
    position: relative;
    display: flex;
    justify-content: flex-start;
    background-color: #F5F6FA;
    border-top: 1px solid #D5D5DB;
}
section.tab_menu::before{
    width:100%;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    background: #D5D5DB;
    bottom:0;
    left:0;
    min-width:400px;
}

section.tab_menu a{
    border-right: 1px solid #D5D5DB;
    padding:.9rem 1rem;
    position: relative;
    font-size: 1rem;
    cursor: pointer;
}

section.tab_menu a.on{
    background: #fff;
    color: #05408A;
    font-weight: bold;
}

section.tab_menu a.on::before {
    width:100%;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    background: #fff;
    bottom:0;
    left:0;
}
section.menu_msg{
    display: flex;
    border-bottom: 2px solid #05408A;
    padding:.5rem 1rem;
}

section.menu_msg span{
    font-weight: bold;
    font-size: 1rem;
}
section.menu_msg span::before{
    content:'*';
    color: red;
}
/*.label-wrap, .label-block{border:0;} */

.label-input.full{
    width: 90% !important;
}
.label-input.full textarea{
    padding:.5rem;
}

/* 버튼 */
div.label-button{padding: 0 0 0 1rem;}

a.find_link{
    color: #4473D8;
    font-weight: bold;
    text-decoration: underline;
    float:left;
    font-size: 1.3rem;
    letter-spacing: .5px;
    cursor: pointer;
}


/* 하단 안내문구 */
section.footer_msg{
    border-top: 1px dotted;
    margin-top:1rem;
}


section.footer_msg ul{
    font-size: 1.0rem;
    padding:1.3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

section.footer_msg ul li{
    /*list-style: initial !important;*/
}



/* 목록리스트.. */
table.bbs.program_bbs td.emphasis{
    color: tomato;
    font-weight: bold;
}
table.bbs.program_bbs:not(:first-child){
    margin-top: 1rem;
}


/* 자율모집 팝업 */
.layer_pop .recruitment_pop { height:auto; } 
.layer_pop .recruitment_pop .lp_top { margin-bottom:1rem; } 
.layer_pop .recruitment_pop .lp_top strong { background:none; font-size:1.6rem;color:#004791; padding:0;font-family:"Gmarket Sans";font-weight:700;margin-bottom:0;}
.layer_pop .recruitment_pop .lp_top strong em:first-of-type { font-size:1.75rem;font-style:italic; } 
.layer_pop .recruitment_pop .lp_top strong em:nth-of-type(2) { color:#da2953; } 
.layer_pop .recruitment_pop .lp_top { position:relative; } 
.layer_pop .recruitment_pop .lp_top .date { position:absolute;top:50%;right:0;transform:translateY(-50%);padding:.25rem 2rem;border:1px solid #aeaeae; border-radius:5rem; font-size:1rem;color:#aeaeae;font-weight:500; } 

.layer_pop .recruitment_pop .lp_cont { height:auto;overflow:hidden; }
.layer_pop .recruitment_pop .lp_cont .recruitment_list { overflow:hidden;margin:-.25rem; } 
.layer_pop .recruitment_pop .lp_cont .recruitment_list li { width:calc(16.666% - .5rem);float:left;margin:.25rem; } 
.layer_pop .recruitment_pop .lp_cont .recruitment_list li a { height:3.5rem;display:table; background:#004791;width:100%; position:relative;}
.layer_pop .recruitment_pop .lp_cont .recruitment_list li a div { display:table-cell;color:#fff;vertical-align: middle;padding:0 1rem; overflow:hidden;position:relative; } 
.layer_pop .recruitment_pop .lp_cont .recruitment_list li a div span { font-size:.85rem;letter-spacing:-.15rem;} 
.layer_pop .recruitment_pop .lp_cont .recruitment_list li a div em { position:absolute;top:50%;right:1rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:#fffc21;font-style:italic;;font-family:"Gmarket Sans";font-weight:500; }

.layer_pop .recruitment_pop .lp_bot { margin-top:1rem; position:relative; padding-right:5.5rem; } 
.layer_pop .recruitment_pop .lp_bot>span { font-size:1rem;font-family:"Gmarket Sans";font-weight:500;font-style:italic; } 
.layer_pop .recruitment_pop .lp_bot em { float:right;font-size:.8rem; } 


.layer_pop.recruitment_pop .lp_close { top:50%;right:0; width:auto; height:auto; padding:.25rem .75rem;background:#000; border-radius:0;transform:translateY(-50%);color:#fff;vertical-align: middle; display:block; } 
.layer_pop.recruitment_pop .lp_close span { vertical-align: middle;position:relative; top:auto;left:auto;width:auto;height:auto; } 
.layer_pop.recruitment_pop .lp_close i { font-size:1rem;color:#fff;margin-left:.25rem;vertical-align: middle; } 

.layer_pop.recruitment_pop .lp_cont .recruitment_list li a.end { background:#444444; }
.layer_pop.recruitment_pop .lp_cont .recruitment_list li a.end:before { content:"";width:3rem; height:2.45rem; background:url(/html_new/images/main/recruitment_list_before.png) no-repeat center center/cover; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); z-index:1; } 

.layer_pop.recruitment_pop .lp_cont .recruitment_list li a.end span { color:#ababab; }
.layer_pop.recruitment_pop .lp_cont .recruitment_list li a.end em { color:#ababab; }

@media(max-width:920px){ 
	.layer_pop.recruitment_pop .lp_cont .recruitment_list li { width:calc(20% - 0.5rem); } 
}

@media (max-width:840px){ 
	.layer_pop.recruitment_pop .lp_top .date { position: relative;
    top: auto;
    right: auto;
    transform: none;
    display: inline-block;margin-top:.5rem; } 
}

@media (max-width:767px){ 
	.layer_pop.recruitment_pop .lp_cont .recruitment_list li { width:calc(25% - 0.5rem); } 
}

@media (max-width:640px){ 
	.layer_pop.recruitment_pop { height:100%;overflow-y:auto; } 
	.layer_pop.recruitment_pop .lp_cont .recruitment_list li { width:calc(33.333% - 0.5rem); } 
	.layer_pop.recruitment_pop .lp_top { text-align:center; } 
	.layer_pop.recruitment_pop .lp_top strong em:nth-of-type(2) { display:block;} 
	.layer_pop.recruitment_pop .lp_bot em { float:none;display:block; } 

	.layer_pop.recruitment_pop .lp_bot { text-align:center; padding-right:0; } 
	.layer_pop.recruitment_pop .lp_close { position:relative;right:auto;top:auto;transform:none;width:6rem; margin:2rem auto 0;padding:.5rem .75rem; } 
}

@media (max-width:480px){ 
	.layer_pop.recruitment_pop .lp_cont .recruitment_list li { width:calc(50% - 0.5rem); } 
}