@charset "utf-8";
/* CSS Document */




/* 공통 */

/* BUTTON */
.btn_bg {background-color: #222; color: #fff; transition: all .25s ease; padding: 5px 10px;}
.btn_bg:hover,
.btn_bg:focus {background-color: #000;}
.btn_line {background-color: #fafafa; color: #aaa; border: 1px solid #ddd; transition: all .25s ease; padding: 5px 10px;}

.btn_bg.md {min-width: 110px; height: 40px; font-size: 16px;}
.btn_bg.md2 {min-width: 150px; height: 55px; font-size: 17px; padding:0 20px;}
.btn_bg.md3 {min-width: 160px; height: 50px; font-size: 16px; padding:5px 20px; border-radius: 5px;}
.btn_bg.lg {min-width: 180px; height: 65px; font-size: 17px;}
.btn_line.md {min-width: 110px; height: 40px; font-size: 16px;}
.btn_line.lg {min-width: 180px; height: 65px; font-size: 17px;}

.btn_bg.blue {background-color: #2557BF;}
.btn_bg.blue:hover,
.btn_bg.blue:focus {background-color: rgb(25, 84, 223);}

.btn_bg.green {background-color: #005b6e;}
.btn_bg.green:hover,
.btn_bg.green:focus {background-color: #00849e;}

.btn_bg.orange {background-color: #ff9000;}
.btn_bg.orange:hover,
.btn_bg.orange:focus {background-color: #ffa32a;}

.btn_bg.purple {background-color: #7638a3;}
.btn_bg.purple:hover,
.btn_bg.purple:focus {background-color: #9648ce;}

.btn_bg.gray {background-color: #c1c1c1;}
.btn_bg.gray:hover,
.btn_bg.gray:focus {background-color: #555;}

.btn_line:hover,
.btn_line:focus {background-color: #aaa; border-color: #aaa; color: #fff;}



/* INPUT */
.textarea_con {width: 100%; height: 200px; padding: 20px; border: 1px solid #ddd;}
.txt_nor {height: 34px; border: 1px solid #dfdfdf; vertical-align: middle; font-size: 15px;}
.txt_join {height: 46px; border: 1px solid #dfdfdf; vertical-align: middle; font-size: 15px;}
.sel_1 {color: #777; padding-left: 12px; padding-right: 30px;}
.sel_w01 {min-width: 135px;}

.txt_nor.w10 {width: 10%;}
.txt_nor.w20 {width: 20%;}
.txt_nor.w30 {width: 30%;}
.txt_nor.w40 {width: 40%;}
.txt_nor.w50 {width: 50%;}
.txt_nor.w70 {width: 70%;}
.txt_nor.w80 {width: 80%;}
.txt_nor.w100 {width: 100%;}
.txt_nor.search {}

.w10 {width: 10% !important; min-width: 50px;}
.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w100 {width: 100% !important;}

/* CHECK BOX */
.join_check {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: none !important; vertical-align: middle;}
.join_check::-ms-check { display: none; }
.join_check + label {font-size: 18px; color: #222; position: relative; vertical-align: middle;}
.join_check + label span {display:inline-block; width: 26px; height: 26px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; vertical-align: middle; position: absolute; left: -32px; top: 10%; background-image: url('/resources/user/dormitory/img/icon/icon_checkJoin_gray.png'); background-repeat: no-repeat; background-position: center center;  vertical-align: middle;}
.join_check:checked + label {}
.join_check:checked + label span {border: 2px solid #005b6e; background-image: url('/resources/user/dormitory/img/icon/icon_checkJoin_blue.png');}

/* radio */
.radio_circle {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border: none !important; vertical-align: middle;}
.radio_circle::-ms-check { display: none; }
.radio_circle + label {font-size: 16px; color: #222; vertical-align: middle;}
.radio_circle + label span {display: inline-block; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #dbdbdb; vertical-align: middle; margin-left: -26px; margin-right: 10px; margin-top: -3px;}
.radio_circle:checked + label span {border: 5px solid #005b6e;}



@media all and (max-width:1000px){
    /* BUTTON */
    .btn_bg.md {min-width: 90px; height: 35px; font-size: 13px;}
    .btn_bg.md2 {min-width: 90px; height: 45px; font-size: 14px; padding:0 10px;}
    .btn_bg.md3 {min-width: 100px; height: 40px; font-size: 14px; padding:5px 20px;}
    .btn_bg.lg {min-width: 110px; height: 40px; font-size: 14px;}
    .btn_line.md {min-width: 90px; height: 35px; font-size: 13px;}
    .btn_line.lg {min-width: 110px; height: 40px; font-size: 14px;}

    /* INPUT */
    .textarea_con {height: 150px; padding: 15px; font-size: 13px;}
    .txt_nor {height: 35px; font-size: 13px;}
    .txt_join {height: 35px; font-size: 13px;}

    .txt_nor.w20 {width: 40%;}
    .txt_nor.w30 {width: 30%;}
    .txt_nor.w40 {width: 100%;}
    .txt_nor.w50 {width: 100%;}
    .txt_nor.w70 {width: 100%;}
    .txt_nor.w80 {width: 100%;}
    
    .w10 {width: 20% !important;}
    .w20 {width: 40% !important;}
    .w30 {width: 30% !important;}
    .w40 {width: 100% !important;}
    .w50 {width: 100% !important;}
    .w70 {width: 100% !important;}
    .w80 {width: 100% !important;}
    .w100 {width: 100% !important;}

    .txt_nor.search {width: calc(100% - 35px) !important;}

    /* CHECK BOX */
    .join_check {width: 15px; height: 15px;}
    .join_check + label {font-size: 15px;}
    .join_check + label span {width: 20px; height: 20px; left: -25px; background-size: 11px;}
    .join_check:checked + label {}
    .join_check:checked + label span {}
    
    /* radio */
    .radio_circle {width: 15px; height: 15px; border: none !important; vertical-align: middle;}
    .radio_circle + label {font-size: 14px;}
    .radio_circle + label span {width: 15px; height: 15px; margin-left: -20px;}
}


/* 제목 내용 */
.h2_type_1 {font-size: 22px; font-weight: 500; color: #222; margin-bottom: 20px;}
.h3_type_1 {padding-left: 25px; font-size: 20px; font-weight: 500; color: #222; min-height: 24px; margin-bottom: 20px; position: relative;}
.h3_type_1::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 9px; height: 16px; background-color: #222; transform: skew(40deg);}

.line_bullet {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#222; margin-bottom: 7px;}
.line_bullet::before {content: ""; display: block; width: 4px; height:14px; border-radius: 3px; background-color: #222; position: absolute; left: 10px; top: 6px;}

.dot_bullet {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#222; margin-bottom: 10px;}
.dot_bullet::before {content: ""; display: block; width: 5px; height:5px; border-radius: 50%; background-color: #222; position: absolute; left: 6px; top: 10px;}

.txt01 {font-size: 16px;}

.sm_txt {font-size: 0.9em;}

.indent_txt {padding-left: 17px; text-indent: -17px; margin-top: 5px;}
.indent_txt:first-of-type {margin-top: 0px;}



@media all and (max-width:1000px){
    .h2_type_1 {font-size: 18px; margin-bottom: 15px;}
    .h3_type_1 {padding-left: 20px; background-size: 20px; font-size: 17px; min-height: 20px; margin-bottom: 15px;}
    .h3_type_1::before {width: 5px; height: 12px; top: 3px;}

    .txt01 {font-size: 14px;}
    
    .line_bullet {padding-left: 10px; font-size: 14px; margin-bottom: 5px;}
    .line_bullet::before {width: 3px; height:13px; left: 0px; top: 4px;}

    .dot_bullet {padding-left: 10px; font-size: 14px; margin-bottom: 6px;}
    .dot_bullet::before {width: 3px; height:3px; left: 0px; top: 10px;}
    
    .indent_txt {padding-left: 15px; text-indent: -15px; font-size: 13px;}

}



/* 테이블 */
.table_box_in {width:100%; padding-left: 25px;}
.tbl_subIn {width:100%; position:relative;}
.tbl_subIn::before {content:""; position:absolute; left:0; top:0; z-index: 10; width: 100%; height: 2px; background-color:#222;}
.tbl_subIn::after {content:""; position:absolute; right:-1px; top:0; z-index: 10; width: 2px; height: 100%; background-color:#fff;}
.tbl_subIn th {background-color:#fafafa; font-weight: 500; color:#222; font-size: 15px; border: 1px solid #ddd; border-left: none; padding:15px 10px;}
.tbl_subIn td {color:#444; font-size: 15px; font-weight: 400; border: 1px solid #ddd; border-left: none; text-align: center; padding: 15px 10px; line-height: 1.7;}
.tbl_subIn td.txtL {text-align:left; padding-left: 30px;}
.tbl_subIn td.bgGray {background-color: #fafafa;}

.tbl_subIn td.borTBa {border-top: 1px solid #222 !important;}
.tbl_subIn td.borLBa {border-left: 1px solid #222 !important;}
.tbl_subIn td.borRBa {border-right: 1px solid #222 !important;}
.tbl_subIn td.borBBa {border-bottom: 1px solid #222 !important;}

.tbl_subIn th.borTBa {border-top: 1px solid #222 !important;}
.tbl_subIn th.borLBa {border-left: 1px solid #222 !important;}
.tbl_subIn th.borRBa {border-right: 1px solid #222 !important;}
.tbl_subIn th.borBBa {border-bottom: 1px solid #222 !important;}

.tbl_subIn tbody tr:first-of-type td {border-top: none;}
.tbl_subIn tbody tr:first-of-type th {border-top: none;}

.tbl_subIn.whiteB_01 td {border-bottom: none; border-top: none; padding: 10px 20px;}
.tbl_subIn.whiteB_01 tr:last-of-type td {border-bottom: 1px solid #ddd;}

.tbl_subIn.borderIn {}
.tbl_subIn.borderIn::after {width: 0; height: 0;}
.tbl_subIn.borderIn th {border-left: 1px solid #ddd;}
.tbl_subIn.borderIn td {border-left: 1px solid #ddd;}


@media all and (max-width:560px){
    .table_box_in {width:100%; overflow: auto; padding-left: 10px;}
    .table_box_in .tbl_subIn {width:600px;}
    .table_box_in.overNone .tbl_subIn {width:100%;}
    .tbl_subIn th {font-size: 13px; padding:10px 5px;}
    .tbl_subIn td {font-size: 13px; padding: 10px 5px;}
    .tbl_subIn td.txtL {padding-left: 15px;}
}


/* 탭부분 */
.tab_normal_wrap {width: 100%; margin-bottom: 40px;}
.tab_noraml {width: 100%; display: flex; flex-wrap: wrap;}
.tab_noraml > li {flex-grow: 1; text-align: center; border: 1px solid #d0d0d0; margin: -1px 0 0 -1px;}
.tab_noraml > li > a {display: block; height: 100%; display: flex; justify-content: center; align-items: center; padding: 15px 5px; background-color:#fafafa; font-size: 18px; font-weight: 400; color: #666;}
.tab_noraml > li.active {border-top: 2px solid #222; border-bottom-color:#fff;}
.tab_noraml > li.active a {background-color: #fff; color: #222;}




@media all and (max-width:1000px){
    /* 탭부분 */
    .tab_normal_wrap {margin-bottom: 20px;}
    .tab_noraml > li {width: 50%;}
    .tab_noraml > li > a {padding: 10px 5px; font-size: 14px;}
}



/* 텍스트 */
.department_line_box01 {margin-left: 25px; border-top:2px solid #333; border-bottom: 1px solid #dfdfdf; padding: 15px 0;}
.sub_txt01 {font-size: 14px; line-height: 2.2; font-weight: 400;}

.dot_list01 {border-top: 2px solid #333; margin-left: 25px;}
.dot_list01 > li {border-bottom: 1px solid #dfdfdf; padding: 12px 20px 12px 20px; font-size: 14px; font-weight: 400; color: #333; position: relative;}
.dot_list01 > li::before {content: "·"; position: absolute; left: 2px; top: 13px;}

.line_ul {margin: 15px 0;}
.line_ul:last-of-type {margin-bottom: 0;}
.line_ul > li {padding-left: 15px; position: relative; margin-top: 10px; font-size: 13.5px; color: #555;}
.line_ul > li::before {content: ""; position: absolute; left:0; top: 10px; width: 7px; height: 1px; background-color: #aaa;}
.line_ul > li:first-child {margin-top: 0;}

.lightGray-c {color: #aaa;}


@media all and (max-width:1000px){
    .department_line_box01 {margin-left: 15px; padding: 10px 0;}
    .sub_txt01 {font-size: 13px;}

    .dot_list01 {margin-left: 15px;}
    .dot_list01 > li {padding: 10px 10px 10px 18px; font-size: 13px;}
    .dot_list01 > li::before {top: 12px;}

    .line_ul {margin: 10px 0;}
    .line_ul > li {padding-left: 15px; margin-top: 10px; font-size: 13px;}
    .line_ul > li::before {top: 8px; width: 5px;}
}




/* 플렉스 */
.flexible_b {display: flex; flex-wrap: wrap;}
.flexible_b .lb {margin-right: auto;}
.flexible_b .rb {}

@media all and (max-width:800px){
    .flexible_b {display: block;}
    .flexible_b .lb {}
    .flexible_b .rb {margin-top: 5px;}
}



















/******* 인사말 *******/
.greeting_top_line {width: 100px; height: 2px; background-color: #f36979; margin-bottom: 41px;}

.greeting_txt_box {width: 100%; margin-bottom: 70px;}
.greeting_txt_box h2 {font-size: 36px; color: #000; font-weight: 400; line-height: 1.4; margin-bottom: 35px;}
.greeting_txt_box h2 b {font-weight: 500;}
.greeting_txt_box h5 {font-size: 17px; color: #333; font-weight: 400; line-height: 1.8;}

.greeting_pic_ul {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.greeting_pic_ul > li {width: 32.5%; position: relative;}
.greeting_pic_ul > li .img_box {width: 100%;}
.greeting_pic_ul > li .img_box img {width: 100%;}
.greeting_pic_ul > li .txt {position: absolute; z-index: 10; right: 0; bottom: 0; display: block; padding: 8px 20px; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 14px;}



@media all and (max-width:800px){
    /******* 인사말 *******/
    .greeting_top_line {width: 50px; height: 2px; margin-bottom: 20px;}

    .greeting_txt_box {margin-bottom: 40px;}
    .greeting_txt_box h2 {font-size: 20px; margin-bottom: 20px;}
    .greeting_txt_box h5 {font-size: 15px; text-align: justify;}
    .greeting_txt_box h5 br {display: none;}

    .greeting_pic_ul {}
    .greeting_pic_ul > li {width: 100%; margin-bottom: 5px;}
    .greeting_pic_ul > li .txt {padding: 8px 20px; font-size: 13px;}
}






/******* 로그인 *******/
.login_conStart {}
.login_wrapper {width: 600px; margin: 0 auto;}
.login_wrapper .top_txt {margin-bottom: 35px; text-align: center;}
.login_wrapper .top_txt h2 {font-size: 30px; font-weight: 500; color: #222; margin-bottom: 10px;}
.login_wrapper .top_txt h5 {font-size: 15px; color: #444; font-weight: 400;}
.login_wrapper .content {width: 100%; height: 108px; display: flex; margin-bottom: 20px;}
.login_wrapper .content .login_lb {width: 80%;}
.login_wrapper .content .login_lb .row {width: 100%; height: 49%; margin-top: 1%;}
.login_wrapper .content .login_lb .row:first-of-type {margin-top: 0%;}
.login_wrapper .content .login_rb {width: 20%; padding-left: 5px;}
.login_wrapper .txt_login {width: 100%; height: 100%; font-size: 15px; padding-left: 45px; background-repeat: no-repeat; background-position: left 18px center;}
.login_wrapper .txt_login.id {background-image: url('/resources/user/dormitory/img/icon/icon_login_id.png');}
.login_wrapper .txt_login.pwd {background-image: url('/resources/user/dormitory/img/icon/icon_login_pwd.png');}
.login_wrapper .btnLogin {width: 100%; height: calc(100% + 3px); background-color: #00b3ba; color: #fff; font-size: 16px; font-weight: 400; transition: all .25s ease;}
.login_wrapper .btnLogin:hover,
.login_wrapper .btnLogin:focus {background-color: #00d9e0;}

.login_wrapper .login_bott_box {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 27px; font-size: 15px;}
.login_wrapper .login_bott_box .lb {margin-right: auto;}

.login_wrapper .login_noMember_box {width: 100%; border-top: 2px solid #666; padding: 20px 10px; display: flex; flex-wrap: wrap; align-items: flex-end;}
.login_wrapper .login_noMember_box .lb {margin-right: auto;}
.login_wrapper .login_noMember_box h3 {font-size: 17px; font-weight: 400; color: #222; margin-bottom: 10px;}
.login_wrapper .login_noMember_box h5 {font-size: 15px; color: #444; font-weight: 300;}
.login_wrapper .login_noMember_box .btn_Join {height: 35px; min-width: 101px; border-radius: 20px; border: 1px solid #e0e0e0; color: #444; font-weight: 400; transition: all .25s ease;}
.login_wrapper .login_noMember_box .btn_Join:hover,
.login_wrapper .login_noMember_box .btn_Join:focus {background-color: #444; color: #fff; border-color: #444;}



@media all and (max-width:800px){
    /******* 로그인 *******/
    .login_conStart {}

    .login_wrapper {width: 100%;}
    .login_wrapper .top_txt {margin-bottom: 20px;}
    .login_wrapper .top_txt h2 {font-size: 20px;}
    .login_wrapper .top_txt h5 {font-size: 13px;}
    .login_wrapper .content {height: 100px; margin-bottom: 15px;}
    .login_wrapper .content .login_lb {width: 75%;}
    .login_wrapper .content .login_rb {width: 25%;}
    .login_wrapper .txt_login {font-size: 14px;}
    .login_wrapper .btnLogin {font-size: 15px;}
    .login_wrapper .btnLogin:hover,
    .login_wrapper .btnLogin:focus {background-color: #00d9e0;}

    .login_wrapper .login_bott_box {margin-bottom: 20px; font-size: 14px;}

    .login_wrapper .login_noMember_box {border-top: 1px solid #666; padding: 10px 5px;}
    .login_wrapper .login_noMember_box h3 {font-size: 16px;}
    .login_wrapper .login_noMember_box h5 {font-size: 13px;}
    .login_wrapper .login_noMember_box .btn_Join {font-size: 14px; margin-top: 10px;}
}




/******* 설립목적 및 연혁 *******/
.sub_con_wrap p.sub_propose {color:#000; font-size:15px; line-height:1.8; word-break:keep-all;}
.board_list_box .tbl_board1 .bg_grey {background:#fafafa;}


@media all and (max-width:1000px){
    /******* 설립목적 및 연혁 *******/
    .sub_con_wrap p.sub_propose {font-size:14px; word-break: break-all; line-height:1.6;}
    .sub_con_wrap p.sub_propose br {display:none;}

}







/******* 마이페이지 *******/
.circle-orange {display: inline-block; width: 6px; height: 6px; background-color: #ff7200; vertical-align: middle; margin-left: 5px; border-radius: 50%;}

/* 회원탈퇴 */
.member_withdrw_wrap {text-align: center; margin-top: 100px;}
.member_withdrw_wrap .icon {margin-bottom: 40px;}
.member_withdrw_wrap .txt_box {margin-bottom: 80px;}
.member_withdrw_wrap .txt_box h2 {font-size: 25px; color: #111; font-weight: 400; margin-bottom: 20px;}
.member_withdrw_wrap .txt_box h5 {font-size: 17px; color: #444; font-weight: 300;}
.member_withdrw_wrap .btn_ok_1 {width: 300px; height: 65px; background-color: #005b6e; color: #fff; font-size: 16px; transition: all .25s ease;}
.member_withdrw_wrap .btn_ok_1:hover,
.member_withdrw_wrap .btn_ok_1:focus {background-color: #0d869e;}


@media all and (max-width:800px){
    /* 회원탈퇴 */
    .member_withdrw_wrap {margin-top: 50px;}
    .member_withdrw_wrap .icon {margin-bottom: 30px;}
    .member_withdrw_wrap .icon img {width: 60px;}
    .member_withdrw_wrap .txt_box {margin-bottom: 30px;}
    .member_withdrw_wrap .txt_box h2 {font-size: 18px; margin-bottom: 10px;}
    .member_withdrw_wrap .txt_box h5 {font-size: 14px;}
    .member_withdrw_wrap .btn_ok_1 {width: 250px; height: 40px; font-size: 14px;}
}



/******* 직원소개 *******/
.board_list_box .tbl_board1 .t_space {padding:0 5px;}


/******* 찾아오시는길  *******/
.board_list_box .tbl_board1.tbl_board2 th {border-right:1px solid #dee0e3;}




/******* 생활관 운영규정 *******/
.dormitory_rule_box {width: 100%; border: 1px solid #dfdfdf;}
.dormitory_rule_box .top_box {text-align: center; padding: 30px 20px;}
.dormitory_rule_box .top_box h2 {font-size: 20px; font-weight: 400; color: #222; margin-bottom: 3px;}
.dormitory_rule_box .top_box .date {text-align: right; font-size: 16px; color: #666;}
.dormitory_rule_box .bottom_box {width: 100%; height: 500px; overflow-y: auto; padding: 15px 30px;}
.dormitory_rule_box .bottom_box .sbj {font-weight: 500; color: #222; margin-bottom: 10px;}


@media all and (max-width:1000px){
    /******* 생활관 운영규정 *******/
    .dormitory_rule_box {}
    .dormitory_rule_box .top_box {padding: 20px 10px;}
    .dormitory_rule_box .top_box h2 {font-size: 16px; margin-bottom: 10px;}
    .dormitory_rule_box .top_box .date {font-size: 14px;}
    .dormitory_rule_box .bottom_box {height: 300px; padding: 10px 20px;}
    .dormitory_rule_box .bottom_box .sbj {margin-bottom: 5px; font-size: 14px;}
}







/******* 선발안내 *******/
.sub_con_wrap .text_bundle .text_list {padding-left:17px;}
.sub_con_wrap .text_bundle .text_list li {font-size:16px; color:#333; padding-bottom:8px; line-height:1.8; text-indent:-17px;}
.sub_con_wrap .text_bundle .text_list.text_list02 {padding-left:0;}
.sub_con_wrap .text_bundle .text_list.text_list02 li {text-indent:0;}
.sub_con_wrap .text_bundle .text_list li:last-child {padding-bottom:0;}

@media all and (max-width:1000px){
    /******* 선발안내 *******/
    .sub_con_wrap .text_bundle .text_list li {font-size:14px; line-height:1.5; padding-bottom:4px;}
    .sub_con_wrap .text_bundle .text_list li br {display:none;}

}


/******* 시설둘러보기 *******/
.ul_facility_tab_wrap {width: 100%; margin-bottom: 50px;}
.ul_facility_tab {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ul_facility_tab > li {width: 19%;}
.ul_facility_tab > li a {display: block; background-color: #f9f9f9; padding: 12px 5px; text-align: center; border: 1px solid #e5e5e5; font-size: 17px; font-weight: 400;}
.ul_facility_tab > li.active a {background-color: #005b6e; color: #fff; border-color: #005b6e;}

.facility-gallery-top {margin-top: 20px; position: relative;}
.facility-gallery-top .swiper-slide {width: 100%; height: 0; padding-top: 50%; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.facility-gallery-top .swiper-slide .txt_b {position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.7); color: #fff; padding: 10px 20px; font-size: 14px;}
.facility-gallery-top button {width: 50px; height: 50px; text-align: center; background-color: rgba(0,0,0,0.5); color: #fff; border-radius: 50%; z-index: 10; position: absolute; top: 42%; transition: all .25s ease;}
.facility-gallery-top button:hover,
.facility-gallery-top button:focus {background-color: rgba(0,0,0,0.8);}
.facility-gallery-top button.btn_prev {left: 50px;}
.facility-gallery-top button.btn_next {right: 50px;}

.facility-gallery-thumbs {width: 100%; margin-top: 10px;}

.facility-gallery-thumbs .swiper-slide {width: 100%; padding-top: 10%; position: relative;}
.facility-gallery-thumbs .swiper-slide a {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.5; transition: all .1s ease;}
.facility-gallery-thumbs .swiper-slide-thumb-active a {opacity: 1; border: 5px solid #ff8a00;}


@media all and (max-width:1000px){
    /******* 시설둘러보기 *******/
    .ul_facility_tab_wrap {margin-bottom: 25px;}
    .ul_facility_tab {}
    .ul_facility_tab > li {width: 49.5%; margin-bottom: 3px;}
    .ul_facility_tab > li a {padding: 8px 5px; font-size: 15px;}

    .facility-gallery-top {margin-top: 10px;}
    .facility-gallery-top .swiper-slide {}
    .facility-gallery-top .swiper-slide .txt_b {padding: 8px 15px; font-size: 13px;}
    .facility-gallery-top button {width: 30px; height: 30px; top: 30%;}
    .facility-gallery-top button.btn_prev {left: 10px;}
    .facility-gallery-top button.btn_next {right: 10px;}

    .facility-gallery-thumbs {margin-top: 5px;}
    .facility-gallery-thumbs .swiper-slide {padding-top: 15%;}
    .facility-gallery-thumbs .swiper-slide-thumb-active a {border-width: 2px;}
}




/******* 입사안내  *******/
.tab_box_wrap {width:100%; margin-bottom:40px;}
.tab_box_wrap .tab_box {width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.tab_box_wrap .tab_box > li {width:49.33%; background-color:#f9f9f9; border:1px solid #dfdfdf; text-align:center; }
.tab_box_wrap .tab_box > li > a {height:100%; display:flex; justify-content:center; align-items:center; padding:15px 5px; font-size:16px; color:#333 ;} 
.tab_box_wrap .tab_box > li.active {background-color:#005b6e; border:1px solid #005b6e;}
.tab_box_wrap .tab_box > li.active > a {color:#fff;}

.text_bundle .text_list .point_red_color {color:#ff0000; text-decoration:underline;}
.text_bundle .text_list .point_b_color {color:#000; font-weight:400;}
.text_bundle .text_list.text_b {padding-left:0;}
.text_bundle .text_list.text_b li {position:relative; padding-left:30px;}
.text_bundle .text_list.text_b li:before {content:""; width:4px; height:4px; background-color:#000; display:inline-block; border-radius:50%; position:absolute; left:0; margin:11px 0;}

.join_how_step {margin-top:40px;}
.join_how_step .step_box {width:100%; display:flex; flex-wrap:wrap;} 
.join_how_step .step_box li {text-align:center; width:19%;}
.join_how_step .step_box .step_arrow {content:""; width:9px; height:11px; display:inline-block; background-image: url("/resources/user/dormitory/img/icon/icon_step_arrow.png"); background-repeat:no-repeat; vertical-align: middle; display:flex; justify-content: center; align-items: center; margin:80px 0;}
.join_how_step .step_box li .step_icon_box p {color:#444; font-size:16px; padding:10px 0;}
.join_how_step .step_box li .step_icon_box p .step_num {font-weight:700;}


@media all and (max-width:1000px){
    /******* 입사안내  *******/
    .tab_box_wrap .tab_box > li > a {padding:10px 5px; font-size:14px;}
    .join_how_step .step_box li {width:49%; margin-bottom:15px;}
    .join_how_step .step_box li .step_icon_box p {font-size:15px; padding:7px 0;}
    .join_how_step .step_box .step_arrow {display:none;}
    .join_how_step .step_con {font-size:14px;}
}







/******* 입사신청01 - 개인정보수집ㆍ이용ㆍ제공 동의서  *******/
.dormitory_rule_box.privacy_agree_box {width:100%; border:1px solid #dfdfdf; border-top:2px solid #333;}
.dormitory_rule_box.privacy_agree_box .bottom_box {height:auto; padding:15px 30px 50px;}
.dormitory_rule_box.privacy_agree_box .bottom_box .top_text {color:#444; line-height:1.7; letter-spacing:-0.8px; word-break: keep-all;}
.dormitory_rule_box.privacy_agree_box .bottom_box .board_list_box .sbj {font-weight:400; color:#444; padding:15px 20px;}
.dormitory_rule_box.privacy_agree_box .bottom_box .board_list_box .sbj p.mark {position:relative; padding-left:10px;}
.dormitory_rule_box.privacy_agree_box .bottom_box .board_list_box .sbj p.mark::before {content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#111;position:absolute; left:0; margin:7px 0;}
.one .privacy_agree_check {margin:40px 0; border:1px dashed #dfdfdf; background-color:#f9f9f9; padding:40px; text-align:center; }
.one .privacy_agree_check h3 {color:#111; font-weight:300; margin-bottom:30px;}
.one .privacy_agree_check button {font-size:16px; font-weight:400;}
/* .one .privacy_agree_check button:hover i.icon_check {background-color:#005b6e;} */
.one .privacy_agree_check button i.icon_check {background-color:#e0e0e0; color:#f9f9f9; font-size:22px; border-radius:50%; vertical-align: text-bottom; margin-right:7px;  transition:all 0.25s ease;}
.one .privacy_agree_check button.active i.icon_check {background-color:#005b6e;}
.one .agree_btn_box {width:100%; text-align:center;}
.one .agree_btn_box ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.one .agree_btn_box ul li {width:300px; border:1px solid #dfdfdf; transition: all 0.25s ease;}
.one .agree_btn_box ul li:first-child {margin-right:8px;}
.one .agree_btn_box ul li a {display:flex; justify-content: center; align-items: center; color:#aaa; padding:17px 10px; font-weight:400;}
.one .agree_btn_box ul li.a_continue {background-color:#dfdfdf;}
.one .agree_btn_box ul li.a_continue a {color:#fff; font-weight:400;}
.one .agree_btn_box ul li.a_continue:hover {background-color:#005b6e; border:1px solid #005b6e;}
.one .agree_btn_box ul li.a_cancle_btn:hover {background-color:#333; border:1px solid #333;}
.one .agree_btn_box ul li.a_cancle_btn:hover a {color:#fff;}



@media all and (max-width:1000px){
    /******* 입사신청01 - 개인정보수집ㆍ이용ㆍ제공 동의서  *******/
    .dormitory_rule_box.privacy_agree_box .bottom_box {padding:10px 20px;}
    .dormitory_rule_box.privacy_agree_box .bottom_box .top_text {font-size:14px; letter-spacing:0; word-break: break-all;}
    .one .privacy_agree_check {padding:25px 20px; margin:30px 0;}
    .one .privacy_agree_check h3 {font-size:14px; margin-bottom:15px; word-break: keep-all;}
    .one .privacy_agree_check h3 br {display:none;}
    .one .privacy_agree_check button {font-size:14px;}
    .one .agree_btn_box ul li {width:48.5%;}
    .one .agree_btn_box ul li a {font-size:13px; padding:12px 10px;}
    .one .privacy_agree_check button i.icon_check {font-size:20px;}
    .dormitory_rule_box.privacy_agree_box .bottom_box .board_list_box .sbj {font-size:13px;}
    .dormitory_rule_box.privacy_agree_box .bottom_box .board_list_box .sbj p br {display:none;}
}


/******* 입사신청02 - 2020학년도 입사 신청  *******/
.apply_title h1 {text-align:center; font-size:25px; color:#111; font-weight:400;}
.tbl_personal td {padding:10px 15px;}
.board_upload_box.board_apply_box tr th {font-size:15px; font-weight:400; color:#222;}
.board_upload_box.board_apply_box .tbl_apply tr td label {display:inline-flex; width:20%;}
.board_upload_box.board_apply_box .tbl_apply tr td label input {margin:4px;}
.board_upload_box.personal_box {border-top:2px solid #382f2c; border-bottom:1px solid #ddd;}
.board_upload_box.personal_box.tbl_d {width:100%; display:flex;} 
.board_upload_box.personal_box .user_img_box {width:200px; height:auto; color :#666; font-size:14px; text-align:center; } /* padding:62px 20px; */
/* .board_upload_box.personal_box .user_img_box p {margin-bottom:40px;} - 기존 꺼*/
.board_upload_box.personal_box .user_img_box p {padding:62px 22px;}
.board_upload_box.personal_box .user_img_box .img_file {border:1px solid #dfdfdf; border-radius:5px; padding:7px 14px; transition:all 0.25s ease;}
.board_upload_box.personal_box .user_img_box .img_file:hover {background-color:#f9f9f9;}
.board_upload_box.personal_box::after {content:""; display:block; clear:both;}
/*.board_upload_box.personal_box .tbl_personal {width:calc(100% - 200px);}*/
.board_upload_box.personal_box .tbl_personal tr:first-child {border-top:none;}
.board_upload_box.personal_box .tbl_personal th {width:20%; border-left:1px solid #ddd;}
.board_upload_box.personal_box .tbl_personal th:first-child {border-top:none;}
.board_upload_box.personal_box .tbl_personal td .icon_note {padding-right:3px; font-size:18px; vertical-align:text-top;}
.board_upload_box.personal_box .tbl_personal td .txt_m {margin-bottom:7px;}
.board_upload_box.personal_box .tbl_personal td .upTxt02 {color:#444;}
.board_upload_box.personal_box .tbl_personal td .upTxt02::before {content:""; width:16px; height:16px; vertical-align:middle; padding-right:5px; display:inline-block; background-image: url("/resources/user/dormitory/img/icon/icon_note.jpg"); background-repeat:no-repeat; padding:2px; }
.board_upload_box.personal_box .tbl_personal tr.bottom_n {border-bottom:none;} 
.board_upload_box .flie_box button {padding:8px 15px;}
.board_upload_box .flie_box button.found_file {background-color:#005b6e; color:#fff;margin-left:8px; transition:all 0.25s ease;}
.board_upload_box .flie_box button.found_file:hover {background-color:#013944; color:#fff;margin-left:8px;}
.board_upload_box .flie_box button.example_down {background-color:#aaa; color:#fff; transition:all 0.25s ease;}
.board_upload_box .flie_box button.example_down:hover {background-color:#888;}
.board_upload_box.board_apply_box .tbl_apply .word02 label {display:inline-flex; width:10%;}


@media all and (max-width:1100px){
    /******* 입사신청02 - 2020학년도 입사 신청  *******/
    .apply_title h1 {font-size:18px;}
    .board_upload_box.board_apply_box .tbl_apply tr td label {display:revert;}
    .board_upload_box.personal_box .user_img_box {width:100%; padding:25px 30px;}
    .board_upload_box.personal_box .user_img_box p {margin-bottom:20px;}
    .board_upload_box.personal_box .tbl_personal {width:100%;}
    .board_upload_box.personal_box.tbl_d {flex-wrap:wrap;}
    .board_upload_box.personal_box .tbl_personal th {width:100%; display:block; border-left:none; border-top:1px solid #ddd;}
    .board_upload_box.personal_box .tbl_personal th:first-child {border-top:1px solid #ddd;}
    .board_upload_box.personal_box .tbl_personal th.mo_line_top {border-top:none;}
    .board_upload_box.personal_box .tbl_personal td {width:100%; display:block; }
    .board_upload_box.personal_box .tbl_personal td .mo_txt {width:100%;}
    .board_upload_box.board_apply_box .tbl_apply .word02 label {width:25%;}
    .board_upload_box.personal_box .tbl_personal td .upTxt02 {text-align:left;}
    .board_upload_box .flie_box input {margin-bottom:10px;}
}

/******* 입사신청03 - 생활관 입사 서약서  *******/
.pledge_box ul li {padding-bottom:5px;}
.txt_red_point {color:#ff0000; font-size:15px; font-weight:400;}
.point_black {color:#000; font-weight:400;}
.sub_fix_title.sub_flx_title02 .pledge_date {color:#444; font-size:15px; font-weight:400; padding:5px 0;}

@media all and (max-width:1000px){
    /******* 입사신청03 - 생활관 입사 서약서  *******/
    .txt_red_point {font-size:14px;}
    .sub_fix_title.sub_flx_title02 .pledge_date {padding:0; font-size:14px;}
}

/******* 입사신청04 - 발열 또는 호흡기 증상 자가 문진표 *******/
.tbl_board1.tbl_question tr td {padding:15px 20px;}
.privacy_agree_check.privacy_agree02 h3 {margin-bottom:0;}
.icon_check_black {color:#444; font-size:15px; position:relative; padding-left:20px; padding-bottom:10px;}
.icon_check_black::before {content:""; width:14px; height:14px; display:inline-block; position:absolute; left:0; background-image: url("/resources/user/dormitory/img/icon/icon_check_black.png"); background-repeat:no-repeat; margin:2px 0; }
.questionnaire {border-top:2px solid #4e5660; padding:20px 20px 0;}
.questionnaire .check_one h3 {color:#111; font-size:17px; font-weight:500; margin-bottom:10px;}
.questionnaire .check_one p.sub_t {padding:0 0 10px 20px; font-weight:400;}
.questionnaire .check_one .choice_list {margin-bottom:10px; font-size:15px; padding-left:20px;}
.questionnaire .check_one .check_list label {margin-right:15px;}
.questionnaire .check_one .choice_list.cho_m_right label {margin-right:30px;}
.board_list_box .check_notice {margin-bottom:25px;}
.board_list_box .hold_t {font-size:15px; color:#000; padding-bottom:5px;}
.board_list_box .hold_list li {font-size:14px; color:#000; padding-bottom:4px;;}
.p_b02 {font-size:15px; font-weight:500;}
.mo_block {display:none;}
.board_list_box .tbl_board1 tr th.txt_red {color:#ff0000;}


@media all and (max-width:1000px){
    /******* 입사신청04 - 발열 또는 호흡기 증상 자가 문진표 *******/
    .privacy_agree_check.privacy_agree02 h3 br {display:none;}
    .icon_check_black {font-size:14px;}
    .questionnaire {padding:15px 10px;}
    .questionnaire .check_one h3 {font-size:15px; margin-bottom:5px;}
    .questionnaire .check_one .choice_list {font-size:14px;}
    .questionnaire .check_one .choice_list label {display:block; padding-bottom:5px;}
    .questionnaire .check_one .choice_list.cho_mo {margin-bottom:0;}
    .questionnaire .check_one .choice_list.cho_mo label {display:inline-block;}
    .questionnaire .check_one .choice_list.cho_m_right {margin-bottom:10px;}
    .questionnaire .check_one .choice_list.cho_m_right label {margin-right:0;}
    .questionnaire .check_one .choice_list .mo_bottom {margin-bottom:5px;;}
    .questionnaire .check_one p.sub_t {font-size:14px;}
    .board_list_box .hold_t {font-size:14px;}
    .board_list_box .hold_list li {font-size:13px;}
    .p_b02 {font-size:14px;}
    .mo_block {display:block;}
    .board_list_box .check_notice {margin-bottom:10px;}
}

/******* 입사신청05 - 생활관 감염증 예방 생활수칙 사전동의서 *******/
.living_rule_box {border-top:2px solid #4e5660; padding:30px 20px 0;}
.living_rule_box .txt_m {color:#444; padding-bottom:10px;}
.living_rule_box .txt_m.txt_height {line-height:2;}
.living_rule_box .txt_m .acc_txt {font-weight:400;}
.living_rule_box .txt_m .txt_under {text-decoration:underline; text-underline-position:under;} 
.indent_txt.txt_m.txt_sky_color {color:#0092b7;}
.indent_txt.txt_m.txt_sky_color .txt_w {font-weight:400;}
.red_txt {color:#ff0000;}
.living_rule_box .txt_m:last-of-type {margin-top:0;}

@media all and (max-width:1000px){
    /******* 입사신청05 - 생활관 감염증 예방 생활수칙 사전동의서 *******/
    .living_rule_box {padding:20px 20px 0;}
    .living_rule_box .txt_m {padding-bottom:0; font-size:13px;}
    .living_rule_box .txt_m br {display:none;}
    .living_rule_box .txt_m.txt_height {line-height:1.7;}
}

/******* 입사신청06 - 신청 확인 및 결제 *******/
.dormitory_choice_box {border:1px solid #dfdfdf; border-top:2px solid #382f2c; padding:40px 40px 10px;}
.dormitory_choice_box.room_choice_box {padding:50px 50px 20px;}
.dormitory_choice_box .d_choice_list {width:75%; display:flex; flex-wrap:wrap;justify-content: space-around; margin:auto; }
.dormitory_choice_box .d_choice_list li {text-align:center;}
.dormitory_choice_box .d_choice_list li .cho_dor {padding:10px;}
.dormitory_choice_box .d_choice_list li .dic_p {width:180px; height:115px;}
.dormitory_choice_box .d_choice_list li .d_pic_name {padding:10px;}
.display_choice {display: flex; flex-wrap:wrap; justify-content:flex-end;}
.display_choice p {width:13%; color:#666; font-size:15px; font-weight:400;}
.display_choice .select_room {display:inline-block; width:32px; height:18px; background-color:#ff233d; vertical-align: sub; margin-right:7px;}
.display_choice .select_room.s_room02 {background-color:#85796b;}
.display_choice .select_room.s_room03 {background-color:#cacaca;}
.sub_flx_title02::after {content:""; display:block; clear:both;}
.sub_flx_title02 h3 {float:left;}
.dash_line {width:100%; border-bottom:1px dashed #dfdfdf; margin:40px 0;}
.dash_line.dashL02 {margin:20px 0 40px;}
.room_choice_box .one_floor {display:flex; flex-wrap:wrap;}
.room_choice_box .one_floor.two_floor ul li {margin-bottom:20px;}
.room_choice_box .one_floor .f_num {width:30px; color:#505050; font-size:15px; font-weight:400; display:flex; align-items:center; justify-content:center;}
.room_choice_box .one_floor .r_list {width:calc(100% - 30px); padding-left:20px; }
.room_choice_box .one_floor .r_list ul li {width:9%; text-align:center; display:inline-block; font-size:15px; transition:all 0.25s ease;}
.room_choice_box .one_floor .r_list ul li:hover .room_num {background-color:#3a342e;}
.room_choice_box .one_floor .r_list ul li .room_num {background-color:#85796b; padding:10px; color:#fff; word-break:keep-all;}
.room_choice_box .one_floor .r_list ul li .room_num.rChoice {background-color:#ff233d; padding:10px; color:#fff;}
.room_choice_box .one_floor .r_list ul li .personnel {background-color:#f4f4f4; color:#333; padding:10px; font-weight:400;}
.room_choice_box .one_floor .r_list ul li.cho_impossible .imNum {background-color:#cac9c9; color:#adadad;}
.room_choice_box .one_floor .r_list ul li.cho_impossible .imPerson {background-color:#fcfcfc; color:#dadada;}
.waiter_apply {padding:20px; margin:15px auto; text-align:center;}
.waiter_apply button {font-size:16px; width:300px; padding:17px 10px; background-color:#dfdfdf; color:#fff; transition:all 0.25s ease;}
.waiter_apply button:hover {background-color:#888;}



@media all and (max-width:1100px){
    /******* 입사신청06 - 신청 확인 및 결제 *******/
    .dormitory_choice_box {padding:40px 20px 20px;}
    .dormitory_choice_box .d_choice_list {width:100%;}
    .dormitory_choice_box .d_choice_list li .d_pic_name {font-size:14px;}
    .display_choice .select_room {margin-right:4px;}
    .sub_flx_title02 h3 {float:none;}
    .display_choice {width:100%; margin-bottom:15px; text-align:center;}
    .display_choice p {width:33.33%; font-size:13px;}
    .dormitory_choice_box.room_choice_box {padding:25px 20px 10px;}
    .room_choice_box .one_floor .f_num {width:100%;  margin-bottom:15px;}
    .room_choice_box .one_floor .r_list {width:100%; padding-left:15px;}
    .room_choice_box .one_floor .r_list ul li {width:23%; font-size:13px; margin-bottom:10px;}
    .room_choice_box .one_floor .r_list ul li .personnel {padding:8px;}
    .dash_line {margin:20px 0;}
    .dash_line.dashL02 {margin:20px 0;}
    .waiter_apply {padding:10px; margin:5px auto 0; text-align:center;}
    .waiter_apply button {width:100%; font-size:13px;}
}


/******* 입사신청07 - 신청 확인 및 결제 *******/
.board_upload_box .bill_print {display:block; font-size:13px; background-color:#aaa; color:#fff; width:100px; padding:6px 13px; margin-top:10px; transition:all 0.25s ease}
.board_upload_box .bill_print:hover {background-color:#555;}


@media all and (max-width:1000px){
    /******* 입사신청07 - 신청 확인 및 결제 *******/
    .board_upload_box .bill_print {margin:10px auto 0;}
}


/******* 입사신청08 - 입사신청완료 *******/
.icon_complete {text-align:center; margin:25px auto 30px;}
.agree_btn_box .move_home {border:1px solid #dfdfdf;  color:#aaa; font-size:17px; padding:17px 10px; width:300px; transition:all 0.25s ease;}
.agree_btn_box .move_home:hover {background-color:#777; border-color:#dfdfdf; color:#fff;}
.txt_sky_color.t_sky02 {font-weight:400; color:#009aba;}
.board_upload_box.personal_box .user_img_box.user_img02 {padding:21px 20px;}

@media all and (max-width:1000px){
    /******* 입사신청08 - 입사신청완료 *******/
    .icon_complete {width:130px; margin:25px auto 0; }
    .agree_btn_box .move_home {width:50%; font-size:13px; padding:12px 10px;}
}


/******* 퇴사안내 *******/
.b_txt {color:#000; font-weight:400;}
.txt_red_point.txt_red_basic {font-size:14px; font-weight:400;}
.board_no_txt {color:444; font-size:14px; padding:10px; font-weight:400;}


/******* 퇴사신청 *******/
.privacy_agree_check.privacy_v02 {display:flex; flex-wrap:wrap;}
.privacy_agree_check.privacy_v02 .left_b {margin-right:auto; margin-bottom:0; text-align: left;}
.privacy_agree_check.privacy_v02 p {margin-left:auto;}
.board_upload_box .tbl_upload .area_box {width:100%; border:1px solid #ddd; padding:7px;}
.board_no_txt.board_no_title {color:#111; font-size:16px; padding:10px 0;}
.letter_p {padding:0 13px;}
.board_red_txt {color:#111; font-size:14px; font-weight:400; text-align:right; padding-bottom:10px;}


@media all and (max-width:1000px){
    /******* 퇴사신청 *******/
    .privacy_agree_check.privacy_v02 .left_b {margin-bottom:10px;}
    .board_upload_box .tbl_upload .mo_line_b {border-top:1px solid #ddd;}
}







/* 상·벌점 조회 */
.wRighS {min-width: 150px !important;}


@media all and (max-width:1000px){}












/* 고지서출력 */
.receipt_popUp_black {display:none; position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}

.receipt_popUp_box {display:none; position: fixed; left: calc(50% - 675px); top: 3%; z-index: 2005; width: 1350px; height: 94%; overflow-y: auto; background-color: #fff; padding: 30px 115px;}
.receipt_popUp_box .top_btn_box {text-align: right; margin-bottom: 20px;}
.receipt_popUp_box .btn_reci_top {height: 45px; width: 190px; padding: 0 15px; color: #fff; background-color: #666; border-radius: 30px; font-size: 17px; position: relative; transition: all .25s ease;}
.receipt_popUp_box .btn_reci_top.blue {background-color: #00a8cc; z-index: 10;}
.receipt_popUp_box .btn_reci_top.gray {left: -28px; width: 130px;}

.receipt_popUp_box .btn_reci_top.blue:hover,
.receipt_popUp_box .btn_reci_top.blue:focus {background-color: #19caf1;}
.receipt_popUp_box .btn_reci_top.gray:hover,
.receipt_popUp_box .btn_reci_top.gray:focus {background-color: #444;}

.receipt_popUp_box .receipt_ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.receipt_popUp_box .receipt_ul > li {width: 32%; border: 1px solid #dfdfdf; border-top: 2px solid #333;}
.receipt_popUp_box .receipt_ul .title {width: 100%; background-color: #f9f9f9; border-bottom: 1px solid #dfdfdf; padding: 10px 15px 10px;}
.receipt_popUp_box .receipt_ul .title .top {text-align: right; font-size: 15px;}
.receipt_popUp_box .receipt_ul .title h2 {text-align: center; font-size: 22px; font-weight: 400; color: #222; letter-spacing: 2px;}

.receipt_popUp_box .receipt_ul .sub_title {border-bottom: 1px solid #dfdfdf; text-align: center; padding: 13px;}
.receipt_popUp_box .receipt_ul .sub_title h3 {font-size: 17px; font-weight: 400; color: #111;}

.receipt_popUp_box .receipt_ul .table_box {}
.receipt_popUp_box .receipt_ul .tbl_receipt01 {border-collapse: collapse; width: 100%;}
.receipt_popUp_box .receipt_ul .tbl_receipt01 td {border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding: 13px 5px; text-align: center; font-size: 15px;}
.receipt_popUp_box .receipt_ul .tbl_receipt01 tr td:last-of-type {border-right: none;}
.receipt_popUp_box .receipt_ul .tbl_receipt01 td.txtL {padding-left: 15px; text-align: left;}

.receipt_popUp_box .receipt_ul .bottom_box {padding: 13px;}
.receipt_popUp_box .receipt_ul .bottom_box .top_txt {margin-bottom: 15px; text-align: left; font-size: 15px; font-weight: 400;}
.receipt_popUp_box .receipt_ul .bottom_box .mid_txt {padding: 0 25px;}
.receipt_popUp_box .receipt_ul .bottom_box .mid_txt .info_ul {width: 100%;}
.receipt_popUp_box .receipt_ul .bottom_box .mid_txt .info_ul > li {width: 100%; margin-top: 10px; display: flex; font-size: 15px;}
.receipt_popUp_box .receipt_ul .bottom_box .mid_txt .info_ul > li:first-of-type {margin-top: 0;}
.receipt_popUp_box .receipt_ul .bottom_box .mid_txt .info_ul > li .cate {flex-shrink: 0;}
.receipt_popUp_box .receipt_ul .bottom_box .mid_txt .info_ul > li .con {padding-left: 5px;}
.receipt_popUp_box .receipt_ul .bottom_box .date_box {margin-top: 15px; text-align: center; font-size: 15px; font-weight: 400;}
.receipt_popUp_box .receipt_ul .bottom_box .stamp_txt {margin-top: 10px; position: relative; text-align: center;}
.receipt_popUp_box .receipt_ul .bottom_box .stamp_txt .stamp {position: absolute; right: 0; bottom: 0; z-index: -1;}
.receipt_popUp_box .receipt_ul .bottom_box .stamp_txt h4 {font-size: 25px; font-weight: 400; color: #444444; letter-spacing: 2px;}


@media all and (max-width:1350px){
    .receipt_popUp_box {left: 2%; width: 96%; height: 94%; padding: 20px 30px;}
}


@media all and (max-width:1000px){
    .receipt_popUp_box {padding: 20px 15px;}
    .receipt_popUp_box .top_btn_box {margin-bottom: 15px;}
    .receipt_popUp_box .btn_reci_top {height: 35px; width: 120px; padding: 0 10px; font-size: 14px;}
    .receipt_popUp_box .btn_reci_top.gray {width: 90px;}

    .receipt_popUp_box .receipt_ul {}
    .receipt_popUp_box .receipt_ul > li {width: 100%; margin-top: 10px;}
    .receipt_popUp_box .receipt_ul > li:first-child {margin-top: 0;}
    .receipt_popUp_box .receipt_ul .title {padding: 5px 10px 5px;}
    .receipt_popUp_box .receipt_ul .title .top {font-size: 12px;}
    .receipt_popUp_box .receipt_ul .title h2 {font-size: 18px;}

    .receipt_popUp_box .receipt_ul .sub_title {padding: 10px;}
    .receipt_popUp_box .receipt_ul .sub_title h3 {font-size: 15px;}

    .receipt_popUp_box .receipt_ul .table_box {}
    .receipt_popUp_box .receipt_ul .tbl_receipt01 {}
    .receipt_popUp_box .receipt_ul .tbl_receipt01 td {padding: 10px 5px; font-size: 13px;}
    .receipt_popUp_box .receipt_ul .tbl_receipt01 td.txtL {padding-left: 10px;}

    .receipt_popUp_box .receipt_ul .bottom_box {padding: 10px;}
    .receipt_popUp_box .receipt_ul .bottom_box .top_txt {margin-bottom: 7px; font-size: 13px;}
    .receipt_popUp_box .receipt_ul .bottom_box .mid_txt {padding: 0 15px;}
    .receipt_popUp_box .receipt_ul .bottom_box .mid_txt .info_ul > li {margin-top: 5px; font-size: 13px;}
    .receipt_popUp_box .receipt_ul .bottom_box .date_box {margin-top: 10px; font-size: 13px;}
    .receipt_popUp_box .receipt_ul .bottom_box .stamp_txt {margin-top: 5px;}
    .receipt_popUp_box .receipt_ul .bottom_box .stamp_txt .stamp {}
    .receipt_popUp_box .receipt_ul .bottom_box .stamp_txt .stamp img {width: 45px;}
    .receipt_popUp_box .receipt_ul .bottom_box .stamp_txt h4 {font-size: 18px;}
}

/******* 게스트하우스 안내 *******/
.sub_con_wrap .text_bundle .text_list.text_b.no_indent li {text-indent: 0; padding-left:13px;}
.sub_con_wrap .text_bundle .text_list.text_b.no_indent li.circle_non::before {display:none;}
.guest_house_box {width:100%; display:flex; flex-wrap:wrap;}
.guest_house_box .left_house {width:637px; height:100%; margin-bottom:12px;}
.guest_house_box .left_house .house_room_num {width:100%; background-color:#333; padding:15px;}
.guest_house_box .left_house .house_room_num p {color:#fff; font-size:15px;}
.guest_house_box .left_house .item img {width:100%;}
.guest_house_box .right_thumb_box.gallery-thumbs {width:calc(100% - 637px); max-height:430px; padding-left:23px; display:flex; flex-wrap:wrap;}
.guest_house_box .right_thumb_box.gallery-thumbs .items {width:48%; overflow:hidden;}
.guest_house_box .right_thumb_box.gallery-thumbs .items img {width:100%; height:100%; transition:all 0.25s ease; }
.guest_house_box .right_thumb_box.gallery-thumbs .items img:hover {transform: scale(1.1); overflow: hidden;}
.gallery-thumbs.right_thumb_box .swiper-slide-thumb-active  {border:3px solid #ff7800;}
.right_thumb_box .sw_row {width:100%; display:flex; flex-wrap:wrap;}




@media all and (max-width:1300px){
    /******* 게스트하우스 안내 *******/
    .sub_con_wrap .text_bundle .text_list.text_b.no_indent li {padding-left:12px;}
    .sub_con_wrap .text_bundle .text_list.text_b.no_indent li::before {margin:8px 0;}
    .guest_house_box .left_house {width:100%;}
    .guest_house_box .left_house .house_room_num {padding:10px;}
    .guest_house_box .left_house .house_room_num p {font-size:13px;}
    .right_thumb_box .sw_row {display:inherit; flex-wrap:nowrap;}
    .guest_house_box .right_thumb_box.gallery-thumbs .items {height:auto;}
    .guest_house_box .right_thumb_box.gallery-thumbs {width:100%; padding-left:0;}
}


/******* 게스트하우스 예약 - 01 개인정보 수집ㆍ이용ㆍ제공 동의서 *******/
.privacy_agreement_box {border:1px solid #ddd; padding:35px 35px 50px; border-top:2px solid #4e5660;}
.privacy_agreement_box .privacy_top_box h3 {font-size:17px; color:#000; font-weight:500; text-align:center;}
.privacy_agreement_box .privacy_top_box p {text-align:right;}
.privacy_agreement_box .pri_agree_con {color:#444; font-size:15px; line-height:1.8;}
.privacy_agreement_box .pri_title {color:#000; font-size:15px; font-weight:400;}
.tbl_board1 p.circle {position:relative; padding-left:10px;}
.tbl_board1 p.circle::before {content:""; display:inline-block; width:3px; height:3px; background-color:#000; border-radius:50%; position:absolute; left:0; top:8px;}
.tbl_privacy td {padding:17px 15px 17px 23px;}


@media all and (max-width:1000px){
    /******* 게스트하우스 예약 - 01 개인정보 수집ㆍ이용ㆍ제공 동의서 *******/
    .privacy_agreement_box {padding:25px 20px 30px;}
    .privacy_agreement_box .privacy_top_box h3 {font-size:16px; margin-bottom:15px;}
    .privacy_agreement_box .privacy_top_box p {font-size:14px;}
    .privacy_agreement_box .pri_agree_con {font-size:14px; line-height:1.5;}
    .privacy_agreement_box .pri_title {font-size:14px;}
    .tbl_privacy td {padding:17px 15px;}
    .tbl_privacy td br {display:none;}
}



/******* 게스트하우스 예약 - 02 예약달력*******/
.calendar_year {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.calendar_year i {width:30px; height:30px; font-size:18px; color:#999; border:1px solid #aaa; padding:5px; transition:all 0.25s ease;}
.calendar_year i:hover {background-color:#121212; border:1px solid #121212; color:#fff; font-weight:500;}
.calendar_year p {font-size:19px; color:#111; font-weight:500; margin:0 20px;}
.status_list {display: flex; flex-wrap:wrap; justify-content: start;}
.status_list p {width:10%; color:#333; font-size:15px;}
.situ_possible {display:inline-block; width:19px; height:19px; font-size:12px; color:#fff;background-color:#00b28b; text-align:center; vertical-align: text-bottom;}
.situ_wait {background-color:#40c7ff; display:inline-block; width:19px; height:19px; font-size:12px; color:#fff; text-align:center; vertical-align: text-bottom;}
.situ_box {position:absolute; left:0; top:5px; }
.situ_complete {background-color:#ff7474; display:inline-block; width:19px; height:19px; font-size:12px; color:#fff; text-align:center; vertical-align: text-bottom;}
.tbl_board1.guest_reservation th:first-child {border-left:1px solid #ddd;}
.tbl_board1.guest_reservation th:last-child {border-right:1px solid #ddd;}
.tbl_board1.guest_reservation td {width:140px; height:272px; text-align:left; padding:22px 8px;}
.tbl_board1.guest_reservation td:first-child {border-left:1px solid #ddd;}
.tbl_board1.guest_reservation td:last-child {border-right:1px solid #ddd;}
.tbl_board1.guest_reservation td.active {background-color:#f8fcff;}
.tbl_board1.guest_reservation td .reser_room {display:flex; flex-wrap:wrap; align-items:center; width:112px; height:100%; }
.tbl_board1.guest_reservation td .reser_date {width:100%; height:20px;font-size:14px; color:#333; margin-bottom:5px; } 
.tbl_board1.guest_reservation td .r_complete p {margin:auto; color:#aaa;} 
.tbl_board1.guest_reservation td .r_today {color:#6d6b68; font-size:14px; font-weight:500; padding-left:5px;}
.tbl_board1.guest_reservation td .sat {color:#006cff;}
.tbl_board1.guest_reservation td .sun {color:#ff0000;}
.tbl_board1.guest_reservation td .holiday {color:#ff0000;}
.tbl_board1.guest_reservation td .holiday span {padding-left:5px;}
.tbl_board1.guest_reservation td .room_n {width:100%; display:block;padding-top:3px; position:relative; padding-left:22px;}
.tbl_board1.guest_reservation td .room_n.cho_r:hover {color:#222; font-weight:500;} 
.tbl_board1.guest_reservation td .room_n.cho_r:hover .situ_box {color:#fff; font-weight:400;} 

@media all and (max-width:1000px){
    /******* 게스트하우스 예약 - 02 예약달력 *******/
    .status_list p {width:33.33%; font-size:14px; text-align:center; margin:15px 0 0;}
    .tbl_board1.guest_reservation td .reser_date {font-size:13px; margin-bottom:0;}
    .tbl_board1.guest_reservation td .r_today {font-size:13px;}
    .tbl_board1.guest_reservation td .holiday span {font-size:13px;}
}


/******* 게스트하우스 예약 - 03 예약달력 *******/
.reser_room_view .reser_cal_top {display:flex; flex-wrap:wrap;}
.reser_room_view .reser_cal_top .mini_calendar_box {width:450px; }
.reser_room_view .reser_cal_top .mini_calendar_box .year_month {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:20px;}
.reser_room_view .reser_cal_top .mini_calendar_box .year_month p {color:#111; font-size:19px; font-weight:400; padding:0 16px;}
.reser_room_view .reser_cal_top .mini_calendar_box .year_month i {width:25px; height:25px; padding:3px; border:1px solid #aaa; margin:2px 0; transition:all 0.25s ease;}
.reser_room_view .reser_cal_top .mini_calendar_box .year_month i:hover {background-color:#222; color:#fff; border:1px solid #222;}
.reser_box {width:100%; border:1px solid #ddd;  border-top:2px solid #4e5660; }
.reser_box .tbl_reser_room {width:100%;}
.reser_box .tbl_reser_room th {color:#333; font-size:14px; border-bottom:1px solid #ddd;  text-align:center; font-weight:500; padding:13px 10px; background-color:#f9f9f9;} 
.reser_box .tbl_reser_room th.sat {color:#0148ff;}
.reser_box .tbl_reser_room th.sun {color:#ff0000;}
.reser_box .tbl_reser_room td {height:40px; text-align:center;}
.reser_box .tbl_reser_room td.sat a {color:#0148ff;}
.reser_box .tbl_reser_room td.sun a {color:#ff0000;}
.reser_box .tbl_reser_room td.holiday a {color:#ff0000;}
.reser_box .tbl_reser_room td p {padding:2px;}
.reser_box .tbl_reser_room td a {font-size:14px; font-weight:400;}
.reser_box .tbl_reser_room td.active p {width:30px; height:30px; background-color:#333; border-radius:50px; margin:0 auto;}
.reser_box .tbl_reser_room td.active p a {color:#fff;}
.reser_room_view .cal_reser_con {width:calc(100% - 450px); padding:33px 0 0 35px;}
.reser_room_view .cal_reser_con .one_b h3 {color:#333; font-size:17px; font-weight:400; margin-bottom:10px; margin-right:auto; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.reser_room_view .cal_reser_con .one_b .c_box {border:1px solid #ddd; padding:15px 25px;}
.reser_room_view .cal_reser_con .one_b .c_box .s_tt {color:#111; font-size:14px; font-weight:500; display:inline-block; width:20%;}
.reser_room_view .cal_reser_con .one_b .c_box p {color:#333; font-size:14px; padding-top:7px; font-weight:400;}
.reser_room_view .cal_reser_con .one_b .c_box p:first-of-type {padding-top:0;}
.reser_room_view .cal_reser_con .one_b .c_box p.term {font-size:16px; font-weight:400; color:#333;}
.reser_room_view .cal_reser_con .one_b .today_date {font-size:13px; color:#333; text-align:right; margin-left:auto;}
.mini_title {color:#333; font-size:16px; font-weight:500;}
.cho_room_list_box { border-top:2px solid #222;}
.cho_room_list_box .r_one {width:100%; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap; padding:15px 20px; }
.cho_room_list_box .r_one.active {background-color:#f9f9f9;}
.cho_room_list_box .r_one .left_c {display:flex; flex-wrap:wrap; margin-right:0; width:30%;}
.cho_room_list_box .r_one .left_c label {display:flex; align-items:center; justify-content:center;}
.cho_room_list_box .r_one .left_c .room_view {padding-left:10px;}
.cho_room_list_box .r_one .left_c .reser_possible {padding:10px 0 0 20px; }
.cho_room_list_box .r_one .left_c .reser_possible .p_room {background-color:#00b28b; color:#fff; font-size:12px; padding:4px 5px;}
.cho_room_list_box .r_one .left_c .reser_possible .c_room {background-color:#ff7474; color:#fff; font-size:12px; padding:4px 5px;}
.cho_room_list_box .r_one .left_c .reser_possible .w_room {background-color:#40c7ff; color:#fff; font-size:12px; padding:4px 5px;}
.cho_room_list_box .r_one .left_c .reser_possible h3 {color:#333; font-size:16px; padding:9px 0 3px; font-weight:500;}
.cho_room_list_box .r_one .left_c .reser_possible p {color:#444; font-size:14px; font-weight:400;}
.cho_room_list_box .r_one .right_c {margin-left:0; width:70%; display:flex; flex-wrap:wrap;}
.cho_room_list_box .r_one .right_c .detail_setting {width:80%;}
.cho_room_list_box .r_one .right_c .detail_setting ul {width:100%; display: flex; align-items:center; justify-content:flex-end; padding-top:5px;}
.cho_room_list_box .r_one .right_c .detail_setting ul li {display:inline-block; width:17%; margin-right:10px;}
.cho_room_list_box .r_one .right_c .detail_setting ul .reser_term {color:#333; font-size:14px; text-align:center; padding:5px; font-weight:400;}
.cho_room_list_box .r_one .right_c .detail_setting ul li select {width:100%; padding:7px;}
.cho_room_list_box .r_one .right_c .room_price {color:#333; font-size:16px; font-weight:400; width:20%; display:flex; align-items:center; justify-content:center;}

@media all and (max-width:1300px){
    /******* 게스트하우스 예약 - 03 예약달력 *******/
    .reser_room_view .reser_cal_top .mini_calendar_box {width:100%;}
    .reser_room_view .cal_reser_con {width:100%; padding:20px 0;}
    .cho_room_list_box .r_one .left_c {width:40%;}
    .cho_room_list_box .r_one .right_c {width:60%;}
}


@media all and (max-width:1000px){
    /******* 게스트하우스 예약 - 03 예약달력 *******/
    .reser_room_view .reser_cal_top .mini_calendar_box .year_month {margin-bottom:15px;}
    .reser_room_view .reser_cal_top .mini_calendar_box .year_month p {font-size:16px; padding:2px 16px;}
    .reser_box .tbl_reser_room td {height:33px;}
    .reser_box .tbl_reser_room th {padding:10px;}
    .reser_room_view .cal_reser_con {width:100%; padding:20px 0;}
    .reser_room_view .cal_reser_con .one_b .c_box {padding:15px;}
    .reser_room_view .cal_reser_con .one_b h3 {font-size:15px;}
    .reser_room_view .cal_reser_con .one_b .c_box .s_tt {display:block;}
    .reser_room_view .cal_reser_con .one_b .c_box p.term {font-size:14px;}
    .reser_room_view .cal_reser_con .one_b .today_date {font-size:12px;}
    .mini_title {font-size:15px;}
    .cho_room_list_box .r_one {padding:20px 15px;}
    .cho_room_list_box .r_one .left_c {width:100%; justify-content:center; margin-bottom:10px;}
    .cho_room_list_box .r_one .left_c .reser_possible h3 {font-size:15px;}
    .cho_room_list_box .r_one .left_c .reser_possible p {font-size:13px;}
    .cho_room_list_box .r_one .right_c {width:100%;}
    .cho_room_list_box .r_one .right_c .detail_setting ul {justify-content:center;}
    .cho_room_list_box .r_one .right_c .detail_setting ul li {width:30%;}
    .cho_room_list_box .r_one .right_c .detail_setting {width:100%;}
    .cho_room_list_box .r_one .right_c .room_price {width:100%; padding:10px 0 0; font-size:15px;}
    
}

@media all and (max-width:320px){
    /******* 게스트하우스 예약 - 03 예약달력 *******/
    .reser_room_view .cal_reser_con .one_b .c_box .s_tt {font-size:13px;}
    .reser_room_view .cal_reser_con .one_b .c_box p {font-size:13px;}
    .cho_room_list_box .r_one .left_c .room_view {padding-left:5px;}
    .cho_room_list_box .r_one .left_c .reser_possible {padding:10px 0 0 10px;}
}



/******* 게스트하우스 예약 - 04 예약 및 결제안내 *******/
.board_upload_box.personal_box .user_img_box.apply_room {width:28%;padding:37px 20px;}
.board_upload_box.personal_box .user_img_box.apply_room img {width:208px; }
.tbl_upload.tbl_personal.tbl_room {width:72%;}
.select_email {width:22%; color:#888; height:34px; border:1px solid #d9d8d8; padding:4px; font-size:15px; vertical-align:middle;}
.select_email option {color:#333;}


@media all and (max-width:1000px){
    /******* 게스트하우스 예약 - 04 예약 및 결제안내 *******/
    .board_upload_box.personal_box .user_img_box.apply_room {width:100%; padding:15px;}
    .tbl_upload.tbl_personal.tbl_room {width:100%;}
    .tbl_upload.tbl_personal tr th.mo_border_no {border-top:none !important;}
    .select_email {width:43%; margin-top:8px; vertical-align:bottom;}
}

/******* 게스트하우스 예약 - 05 발열 또는 호흡기 증상 자가 문진표 *******/
.board_upload_box .tbl_upload .left_border {border-left:1px solid #ddd;}

@media all and (max-width:1000px){
    /******* 게스트하우스 예약 - 05 발열 또는 호흡기 증상 자가 문진표 *******/
    .board_upload_box .tbl_upload .left_border {border-left:none; border-top:1px solid #ddd;}
}

/******* 게스트하우스 예약 - 07 완료 *******/
.pink_txt {color:#ff7474; font-weight:400;}
 


/******* 회원가입 *******/
.sign_up_box {width:80%; margin:auto;}
.sign_up_box .realname_box p.real_txt {font-size:16px; color:#444; font-weight:400; margin-bottom:20px;}
.sign_up_box .realname_box .top_real_confirm {border:1px solid #ddd; padding:30px 55px; display:flex; flex-wrap:wrap;}
.sign_up_box .realname_box .top_real_confirm .left_name {width:35%; margin-right:auto;}
.sign_up_box .realname_box .top_real_confirm .left_name #real_name {padding:8px;}
.sign_up_box .realname_box .top_real_confirm label .label_t {font-size:16px; color:#222; font-weight:400; margin-right:20px;}
.sign_up_box .realname_box .top_real_confirm .right_phone {width:45%;}
.sign_up_box .realname_box .top_real_confirm .right_phone .cho_phone {color:#555; font-size:15px; padding:7px; vertical-align:middle;}
.sign_up_box .realname_box .top_real_confirm .right_phone input {border:1px solid #dfdfdf; padding:8px; color:#555;}
.sign_up_box .realname_box .top_real_confirm .certification {border:1px solid #005b6e; color:#005b6e; width:90px; padding:7px; font-size:15px; font-weight:400; transition: all 0.25s ease;}
.sign_up_box .realname_box .top_real_confirm .certification:hover {background-color:#005b6e; border-color:#005b6e; color:#fff;}
.sign_up_box .realname_box .agree_check_box {border:1px solid #ddd; padding:30px 25px; margin-bottom:15px;}
.sign_up_box .realname_box .agree_check_box h3 {font-weight:500; margin-bottom:5px; position:relative;  padding-left:10px;}
.sign_up_box .realname_box .agree_check_box h3::before {content:""; display:inline-block; width:4px; height:4px; background-color:#111; position:absolute; left:0; top:8px; border-radius:50%; }
.sign_up_box .realname_box .agree_check_box p {font-size:15px; font-weight:400; color:#444; padding-top:6px; }
.sign_up_box .realname_box .agree_check_box p:first-of-type {padding-top:0;}
.sign_up_box .realname_box .con_btn {display:flex; flex-wrap:wrap;}
.sign_up_box .realname_box .real_txt {margin-right:auto;}
.w_line {width:100%; border-bottom:1px solid #ddd; margin-bottom:70px;}
.dormitory_rule_box.dor_rule02 {border:none; }
.dormitory_rule_box.dor_rule02 .bottom_box {border:none; height:205px; padding:0; margin-bottom:0;}
.dormitory_rule_box.dor_rule02 .bottom_box h3 {padding-left:0;}
.dormitory_rule_box.dor_rule02 .bottom_box h3::before {display:none;}

.sign_up_box .s_top_txt {text-align:center;}
.sign_up_box .tbl_upload .id_doble {background-color:#005b6e; padding:7px 10px; text-align:center; color:#fff; transition: all 0.25s ease; font-size:13px;}
.sign_up_box .tbl_upload .id_doble:hover {background-color:#008a8f;}
.sign_up_box .s_top_txt h2 {font-size:30px; font-weight:500; color:#222;}
.sign_up_box .agree_btn_box {width:100%; text-align:center;}
.sign_up_box .agree_btn_box ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.sign_up_box .agree_btn_box ul li {width:300px; border:1px solid #dfdfdf; transition: all 0.25s ease;}
.sign_up_box .agree_btn_box ul li:first-child {margin-right:8px;}
.sign_up_box .agree_btn_box ul li a {display: flex; justify-content: center; color:#aaa; font-weight:400; align-items:center; padding:17px 10px; }
.sign_up_box .agree_btn_box ul li a.a_home {color:#fff; font-weight:400;}
.sign_up_box .agree_btn_box ul li.a_home:hover {background-color:#005b6e; border:1px solid #005b6e;}
.sign_up_box .agree_btn_box ul li.a_home:hover a {color:#fff;}
.sign_up_box .agree_btn_box ul li.a_login:hover {background-color:#333; border:1px solid #333;}
.sign_up_box .agree_btn_box ul li.a_login:hover a {color:#fff;}
.apply_title p {text-align:center; color:#444; font-size:16px; font-weight:400; padding:10px 0;}


@media all and (max-width:1000px){
    /******* 회원가입 *******/
    .sign_up_box .realname_box p.real_txt {font-size:14px; margin-bottom:10px;}
    .sign_up_box .realname_box .top_real_confirm {padding:20px;}
    .sign_up_box .realname_box .top_real_confirm .left_name {width:100%; margin-bottom:10px;}
    .sign_up_box .realname_box .top_real_confirm .right_phone {width:100%; flex-wrap:wrap;}
    .sign_up_box .realname_box .top_real_confirm label .label_t {width:100%; font-size:14px; display:block; padding-bottom:5px;}
    .sign_up_box .realname_box .top_real_confirm .right_phone input {width:31% !important;}
    .sign_up_box .realname_box .top_real_confirm .right_phone .cho_phone {width:31% !important;}
    .sign_up_box .realname_box .top_real_confirm .certification {width:100%; display:block; margin-top:10px; font-size:15px;}
    .sign_up_box .realname_box .agree_check_box {padding:20px;}
    .sign_up_box .realname_box .agree_check_box h3 {font-size:14px;}
    .sign_up_box .realname_box .agree_check_box p {font-size:14px; margin-top:0; padding-top:0;}
    .dormitory_rule_box.dor_rule02 .bottom_box {padding:0;}
    .w_line {margin-bottom:30px;}

    .sign_up_box {width:100%;}
    .sign_up_box .s_top_txt h2 {font-size:20px;}
    .apply_title p {font-size:13px; padding:5px 0;}
    .sign_up_box .agree_btn_box ul li {width:48.5%;}
    .sign_up_box .agree_btn_box ul li a {font-size:13px; padding:12px 10px;}
    .modify_txt.mgB10.textR.moTxt {font-size:14px;}
    .txt_nor.mo_w {width:63% !important;}
}

@media all and (max-width:320px){
    /******* 회원가입 *******/
    .sign_up_box .tbl_upload .id_doble {font-size:12px; padding:8px;}
    .txt_nor.mo_w {width:61% !important;}
    .sign_up_box .realname_box .top_real_confirm .right_phone input {width:30% !important;}
    .sign_up_box .realname_box .top_real_confirm .right_phone .cho_phone {width:30% !important;}
}

/******* 연간 생활관 일정표 - 추가 *******/
.year_schedule_list {width: 100%; display: flex; flex-wrap: wrap;}
.year_schedule_list > li {width: 33.33%; margin-left: -1px; margin-bottom: 15px; border: 1px solid #dfdfdf; border-top: 2px solid #333; padding: 15px 18px; min-height: 240px;}
.year_schedule_list > li .top_box {margin-bottom: 15px;}
.year_schedule_list > li .top_box h2 {font-size: 20px; color: #005b6e; font-weight: 400; line-height: 1.2;}
.year_schedule_list > li .top_box h2 b {font-weight: 800; font-size: 1.4em;}
.year_schedule_list > li .con_box {padding-left: 10px;}
.year_schedule_list > li .con_box .list_ul {}
.year_schedule_list > li .con_box .list_ul > li {margin-top: 5px; font-size: 15px; padding-left: 15px; position: relative;}
.year_schedule_list > li .con_box .list_ul > li:first-child {margin-top: 0;}
.year_schedule_list > li .con_box .list_ul > li::before {content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #005b6e; position: absolute; left: 0; top: 9px;}



@media all and (max-width:600px){
    /******* 연간 생활관 일정표 - 추가 *******/
    .year_schedule_list {}
    .year_schedule_list > li {width: 50%; margin-bottom: 10px; padding: 10px 15px 15px; min-height: 200px;}
    .year_schedule_list > li .top_box {margin-bottom: 10px;}
    .year_schedule_list > li .top_box h2 {font-size: 15px;}
    .year_schedule_list > li .con_box {padding-left: 5px;}
    .year_schedule_list > li .con_box .list_ul > li {margin-top: 3px; font-size: 13px; padding-left: 10px; word-break: keep-all;}
    .year_schedule_list > li .con_box .list_ul > li::before {width: 3px; height: 3px; top: 9px;}
}

/* 2021-08-12 입사신청조회 흐름도 추가 */
.flow_chartBox {width:840px; margin:0 auto 40px;}
.flow_chartBox .flow_list {width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.flow_chartBox .flow_list li { position:relative;}
.flow_chartBox .flow_list li .cir_box {width:145px; height:145px; background-color:#f9f9f9; border-radius:50%; text-align:center; padding:22px;}
.flow_chartBox .flow_list li.icon_flow_arrow {content:""; display:inline-block; width:10px; height:17px; background:url("/resources/user/dormitory/img/icon/icon_flow_chart_arrow.png")no-repeat center;}
.flow_chartBox .flow_list li span.step_num {color:#005b6e; font-size:14px; font-weight:500;}
.flow_chartBox .flow_list li span.step_num b {font-weight:700;}
.flow_chartBox .flow_list li span.icon_flow {padding:10px 0; display:block;}
.flow_chartBox .flow_list li p {color:#1b1a1f; font-size:16px; font-weight:400;}


@media all and (max-width:1200px){
    /* 2021-08-12 입사신청조회 흐름도 추가 */
    .flow_chartBox {width:100%;}
}

@media all and (max-width:999px){
    /* 2021-08-12 입사신청조회 흐름도 추가 */
    .flow_chartBox {width:100%;}
    /* .flow_chartBox .flow_list li {width:100%;} */
}

@media all and (max-width:700px){
    /* 2021-08-12 입사신청조회 흐름도 추가 */
    .flow_chartBox {margin:0 auto 15px;}
    .flow_chartBox .flow_list {justify-content:space-evenly;}
    .flow_chartBox .flow_list li {margin-bottom:10px;}
    .flow_chartBox .flow_list li.icon_flow_arrow  {display:none;}
    .flow_chartBox .flow_list li span.step_num {font-size:13px;}
    .flow_chartBox .flow_list li span.icon_flow {padding:5px 0;}
    .flow_chartBox .flow_list li span.icon_flow img {width:28px;}
    .flow_chartBox .flow_list li span.icon_flow.icon_size img {width:23px;}
    .flow_chartBox .flow_list li .cir_box {width:125px; height:125px;}
    .flow_chartBox .flow_list li p {font-size:14px;}
}