#header {background:#fff;}
.inner{
    width: 1200px;
    margin: 0 auto;
}
/* sub_header */

.sub_header{
    margin-top: 10.5rem;
}
.sub_header .sub_menu{
    background: #630006;
}
.sub_header .sub_menu ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sub_header .sub_menu ul li{
    border-right: 0.1rem solid #9f3734;
}
.sub_header .sub_menu ul li:first-child{
    border-left: 0.1rem solid #9f3734;
    line-height: 5.7rem;
    padding: 0 2rem;
    text-align: center;
}
.sub_header .sub_menu ul li select{
    -webkit-appearance:none; 
    -moz-appearance:none;
    appearance:none;
    background: url(/img/select_ic.png) no-repeat;
    background-size: 2.5rem 0.6rem;
    background-position: right center;
    padding: 2rem 8rem 2rem 2rem;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
    border: 0;
    cursor: pointer;
}
.sub_header .sub_menu ul li select option{
    color: #5b5b5b;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
    cursor: pointer;
}
.sub_header .sub_title{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4.5rem 0;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 2;
}
.sub_header .sub_title h2{
    font-size: 3.4rem;
    color: #232323;
    letter-spacing: -0.02em;
    font-weight: 500;
}

/* greeting */

#sub .greeting{
    display: flex;
    align-items: start;
    justify-content: flex-start;
}
#sub .greeting > div{
    width: 50%;
    height: 70.2rem;
}
#sub .greeting .gr_box01{
    width: 48.1875%;
    background: url(/img/greeting01.jpg) no-repeat center/cover;
}
#sub .greeting .gr_box02{
    width: 52.8125%;
    padding:14.5rem 7rem 0 7rem;
    position: relative;
    background: url(/img/greeting02.jpg) no-repeat center/cover;
}
#sub .greeting .gr_box02 img{
    position: absolute;
    top: 8.8rem;
    right: 22rem;
}
#sub .greeting .gr_box02 h4{
    font-size: 2.4rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    line-height: 4rem;
}
#sub .greeting .gr_box02 p{
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #3a3a3a;
    letter-spacing: -0.04em;
    margin: 5rem 0 3rem;
}
#sub .greeting .gr_box02 h6{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
}

/* contact */

#sub .contact{
    display: flex;
    align-items: start;
    justify-content: flex-start;
}
#sub .contact > div{
    width: 50%;
    height: 70.2rem;
}
#sub .contact .gr_box01{
    width: 48.1875%;
    background:#eaeaea;
}
#sub .contact .gr_box01 .root_daum_roughmap_landing {width:100%; height:100%;}
#sub .contact .gr_box01 .root_daum_roughmap .wrap_map {height:100%;}
#sub .contact .gr_box02{
    width: 52.8125%;
    padding:14.5rem 7rem 0 7rem;
    position: relative;
	font-size: 1.8rem;
}
#sub .contact .gr_box02 img{
    position: absolute;
    top: 8.8rem;
    right: 22rem;
}
#sub .contact .gr_box02 h4{
    font-size: 2.4rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    line-height: 4rem;
}
#sub .contact .gr_box02 table{
    text-align:left; margin-top:20px;
}
#sub .contact .gr_box02 table th, #sub .contact .gr_box02 table td {
    border-bottom:#ddd 1px solid; padding:15px 0;
}
#sub .contact .gr_box02 table th {width:20%;}
#sub .contact .gr_box02 table a {background:url('/img/select_ic.png')#630006 no-repeat right; color:#fff; padding:7px; padding-right:40px;
	font-size:1.5rem; border-radius:7px;
}

/* policy */

#sub .policy{
    background: url(/img/policy_bg.jpg) no-repeat center/cover;
    text-align: center;
    padding: 7rem 0 13.5rem;
}
#sub .policy .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    margin-bottom: 4.5rem
}
#sub .policy .inner > h4{
    font-size: 3rem;
    letter-spacing: -0.04em;
    color: #010101;
    font-weight: 500;
}
#sub .policy img{
    margin: 0 auto;
}
#sub .policy .pol_box {
    margin-top: 7rem;
}
#sub .policy .pol_box h4{
    font-size: 3rem;
    letter-spacing: -0.04em;
    color: #fff;
    font-weight: 500;
    margin-bottom: 2rem;
}
#sub .policy .pol_box p{
    border: 0.1rem solid #fff;
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    line-height: 3.2rem;
    padding: 4rem 5rem;
}

/* safe */

#sub .safe{
    text-align: center;
    padding: 7rem 0 13.5rem;
	font-size:1.1vw;
    letter-spacing:-0.04em;
}
#sub .safe .inner {width:100%;}
#sub .safe .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    margin-bottom: 4.5rem
}
#sub .safe .inner > h4{
    font-size: 3rem;
    letter-spacing: -0.04em;
    color: #010101;
    font-weight: 500;
}
#sub .safe img{
    margin: 0 auto;
}
#sub .safe .pol_box {
	width:1200px;
    margin-top: 7rem;
	margin-left:auto;
	margin-right:auto;
}
#sub .safe .pol_box h4{
    font-size: 3rem;
    letter-spacing: -0.04em;
    color: #333;
    font-weight: 500;
    margin-bottom: 2rem;
}
#sub .safe .pol_box p{
    border: 0.1rem solid #fff;
    color: #333;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    line-height: 3.2rem;
    padding: 4rem 5rem;
}
#sub .safe .tabcont {width:1200px; margin-left:auto; margin-right:auto;}
#sub .safe .tabcont h4 {font-size:1.5vw; font-weight:500; margin-bottom:1vw;}
#sub .safe .tabcont>ul li {text-align:left; display:flex; align-items:center; border-bottom:#ddd 1px solid; padding:1.5vw 0;}
#sub .safe .tabcont>ul li>span {font-size:8rem; opacity:0.1; margin-right:4vw; font-family:'Poppins', sans-serif; 
	font-weight:700; letter-spacing:-0.2vw;
}
#sub .safe .tabcont dl {margin-top:4vw;}
#sub .safe .tabcont dl dd {margin:1vw 0;}
#sub .safe .tabcont dl dt {font-weight:500; font-size:1.5vw;}
#sub .safe .tabcont#tab03 {width:100%;}
#sub .safe .tabcont .fir {width:1200px; margin-left:auto; margin-right:auto;}
#sub .safe .tabcont .fir ul {overflow:hidden;}
#sub .safe .tabcont .fir ul li {float:left; width:50%; line-height:170%; text-align:left; padding-left:9vw; position:relative;
	margin-top:4vw;
}
#sub .safe .tabcont .fir ul li img {width:6vw; position:absolute; left:0;}
#sub .safe .tabcont .fir ul li dl {margin:0; font-size:0.9vw;}
#sub .safe .tabcont .fir ul li dl dd {margin:0;}
#sub .safe .tabcont .fir ul li dl dt {font-weight:500; font-size:2vw; font-family:'Poppins', sans-serif; margin-bottom:1vw;}
#sub .safe .tabcont .fir ul li dl dt span {font-size:1.5vw;}
#sub .safe .tabcont .sec {padding:7vw 0; background:#efeff2; margin:7vw 0;}
#sub .safe .tabcont .sec img {padding:0 1vw; width:40vw;}
#sub .safe .tabcont .third ul {overflow:hidden; margin-top:3vw; padding:0 2vw;}
#sub .safe .tabcont .third ul li {width:33.3%; float:left; padding:0 0.4vw;}

/* history */

#sub .history{
    padding: 7rem 0 10rem;
}
#sub .history .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    margin-bottom: 4.5rem;
    text-align: center;
}
#sub .history .inner > h4{
    font-size: 3rem;
    letter-spacing: -0.04em;
    color: #010101;
    font-weight: 500;
    text-align: center;
}
#sub .history ul{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4a4a4e;
    margin: 2.5rem 0;
}
#sub .history ul.mo_block{
    display: none;
}
#sub .history ul li{
    margin: 0 1rem;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #fff;
    padding: 2rem 0;
}
#sub .history ul li svg{
    margin-right: 1rem;
}
#sub .history table{
    width: 100%;
}
#sub .history table td:first-child{
    text-align: center;
}
#sub .history table tr{
    border-bottom: 0.3rem solid #f0f0f0;
}
#sub .history table td{
    padding: 4rem 0 4rem 2rem;
}
#sub .history table h5{
    /* font-family: 'paybooc', sans-serif; */
	font-family: 'Poppins', sans-serif;
    font-size: 3.6rem;
    color: #222222;
    letter-spacing:0;
    font-weight:700;
}
#sub .history table p{
    font-size: 2rem;
    color: #3d3d3d;
    letter-spacing: -0.04em;
    margin-bottom: 1.8rem;
}
#sub .history table p:last-child{
    margin-bottom: 0;
}
#sub .history table span{;
	font-family: 'Poppins', sans-serif;
    font-weight:700;
    margin-right: 1.3rem;
}
#sub .history.new .inner {width:80%;}
#sub .history.new table {position:relative; overflow:hidden;}
#sub .history.new table:before {content:''; width:1px; background:#ddd; height:100%; position:absolute; top:5.2vw; left:50%;}
#sub .history.new table tr {display:block; width:50%; border-bottom:0; margin:4vw 0;}
#sub .history.new table tr td {display:block; text-align:right; padding:0 4vw 0 0;}
#sub .history.new table tr td:first-child {position:relative; margin-bottom:1vw;}
#sub .history.new table tr td:first-child:before {content:''; width:0.5vw; background:#fff; height:0.5vw; position:absolute; 
	top:1.1vw; right:-0.6vw; border-radius:2vw; border:#800006 0.3vw solid; z-index:2;
}
#sub .history.new table tr:nth-child(2n) td:first-child:before {right:auto; left:-0.5vw;}
#sub .history.new table tr td:first-child:after {content:''; width:4vw; background:#ddd; height:1px; position:absolute; 
	top:1.6vw; right:-0.6vw;
}
#sub .history.new table tr:nth-child(2n) td:first-child:after {right:auto; left:-0.6vw;}
#sub .history.new table tr:nth-child(2n) {margin-left:50%;}
#sub .history.new table tr:nth-child(2n) td {text-align:left; padding:0 0 0 4vw;}
#sub .history.new table tr td p {margin:0.7vw 0;}
#sub .history.new table tr td p img {max-width:100%; margin:0.6vw 0 1vw 0;}

/* organization */

#sub .organization{
    padding: 7.5rem 0 10rem;
    text-align: center;
}

/* housing */

#sub .housing{
    padding: 7rem 0 10rem;
}

#sub .housing .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    margin-bottom: 4.5rem;
    text-align: center;
}
#sub .housing .inner > a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid #d6d7df;
    width: 51.3rem;
    margin: 0 auto;
    padding: 2rem 0;
    transition: 0.3s;
}
#sub .housing .inner > a p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #555555;
    margin: 0 13.5rem 0 1.5rem;
}
#sub .housing .inner > a:hover{
    background: #0c0f21;
}
#sub .housing .inner > a:hover p{
    color: #fff;
}
#sub .housing .inner > a:hover img{
    filter: brightness(0) invert(1);
}
#sub .housing .list_ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#sub .housing .list_ul > li{
    width: 32%;
    height: 38.4rem;
    overflow: hidden;
    margin-right: 2rem;
    margin-bottom: 2rem;
    position: relative;
}
#sub .housing .list_ul > li:hover .bottom_box{
    top: 0;
}
#sub .housing .list_ul > li:nth-child(3n){
    margin-right: 0;
}
#sub .housing .list_ul .top_box{
    background: url(/img/pop_img.jpg) no-repeat center/cover;
    height: 100%;
    position: relative;
}
#sub .housing .list_ul .top_box h4{
    position: absolute;
    top: 0;
    left: 0; right: 0;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #fff;
    font-weight: 400;
    padding: 1.6rem 3rem;
    background: rgba(12,15,33,.6);
}
#sub .housing .list_ul li.red .top_box h4{
    background: rgba(144,32,29,0.6);
}
#sub .housing .list_ul .top_box span{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #fff;
    background: #2b2f44;
    display: inline-block;
    padding: 2rem 2.5rem;
}
#sub .housing .list_ul li.red .top_box span{
    background: RGB(144,32,29);
}
#sub .housing .list_ul .bottom_box{
    position: absolute;
    top: 100%;
    height: 38.4rem;
    width: 100%;
    background: rgba(12,15,33,.6);
    color: #fff;
    padding: 1.6rem 3rem;
    transition: 0.3s;
    cursor: pointer;
}
#sub .housing .list_ul .bottom_box h4{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #fff;
    font-weight: 400;
}
#sub .housing .list_ul .bottom_box ul{
    margin-top: 5rem;
}
#sub .housing .list_ul .bottom_box ul li {
    margin-bottom: 1.5rem;
    display: flex;
}
#sub .housing .list_ul .bottom_box ul li span{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #fff;
    font-weight: 400;
}
#sub .housing .list_ul .bottom_box ul li .span01{
    width: 10rem;
    display: inline-block;
}
#sub .housing .list_ul .bottom_box ul li .span02{
    display: inline-block;
    width: calc(100% - 11rem);
}
#sub .housing .list_ul .pop_up_box{
    position: fixed;
    left: 0; right: 0; bottom: 0; top: 0;
    background: rgba(0,0,0,.6);   
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
#sub .housing .list_ul .pop_up_box.on{
    opacity: 1;
    visibility: visible;
}
#sub .housing .list_ul .pop_up_box > div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#sub .housing .list_ul .pop_up_box .pop_inner .img_box {background:#111; text-align:center;}
#sub .housing .list_ul .pop_up_box .pop_inner .img_box img {max-height:600px;}
#sub .housing .list_ul .pop_up_box .p_c_btn{
    position: absolute;
    right: 0;
    top: -2rem;
    cursor: pointer;
}
#sub .housing .list_ul .pop_up_box h3{
    font-size: 3rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    text-align: center;
    color: #fff;
    margin-bottom: 3rem;
}
#sub .housing .list_ul .pop_inner ul{
    background: #fff;
    padding: 3.5rem 5rem;
}
#sub .housing .list_ul .pop_inner ul li{
    font-size: 2rem;
    letter-spacing: -0.04em;
    color: #23242c;
    display: flex;
}
#sub .housing .list_ul .pop_inner ul li .span01{
    display: inline-block;
    font-weight: 500;
    width: 10rem;
}
#sub .housing .list_ul .pop_inner ul li .span02{
    width: calc(100% - 11rem);
    display: inline-block;
}

 .public_top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    padding: 5rem 0 4rem;
}
 .public_top img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
 .public_top form{
    position: relative;
}
 .public_top form label{
    display: none;
}
 .public_top form .search{
    width: 30rem;
    border: 1px solid #e9e9e9;
    padding: 1rem;
    background-color:#f4f4f4;
}
 .public_top form .search::placeholder{
    font-size: 1.8rem;
    color: #8b8b8b;
}
 .public_top form .submit{
    background: url(/img/search_ic.png) no-repeat center/cover;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    text-indent: -9999em;
}
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
    padding-bottom: 15.5rem;
}
.pagination > *{
    margin: 0 0.7rem;
}
.pagination .num {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination .num .page-item a{
    display: inline-block;
    width: 100%;
    font-size: 2rem;
    color: #5a5a5a;
    width: 3.6rem;
    height: 3.6rem;
    text-align: center;
}
.pagination .num .page-item.on a{
    border: 1px solid #c6c6c6;
}

/* archi */
#sub .archi{
    padding: 7rem 0 10rem;
}
#sub .archi .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    margin-bottom: 4.5rem;
    text-align: center;
}
#sub .archi .board_list02 table{
    width: 100%;
}
#sub .archi .board_list02 thead{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
#sub .archi .board_list02 th{
    color: #0c0f21;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    padding: 1rem 0;
    position: relative;
}
#sub .archi .board_list02 th::after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.1rem;
    height: 2rem;
    background: #0c0f21;
}
#sub .archi .board_list02 th:last-child::after{
    width: 0;
}
#sub .archi .board_list02 tbody tr{
    cursor: pointer;
    transition: 0.2s;
}
#sub .archi .board_list02 tbody tr:hover{
    background: #f2f2f2;
}
#sub .archi .board_list02 td{
    padding: 2rem;
    border-bottom: 0.1rem solid #d4d4d4;
}
#sub .archi .board_list02 td:first-child{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#sub .archi .board_list02 .t_img_box{
    margin-right: 4rem;
    border: 0.1rem solid #e9e9e9;
    max-width: 150px;
}
#sub .archi .board_list02 td p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
}
#sub .archi .board_list02 td:last-child{
    text-align: center;
    position: relative;
}
#sub .archi .board_list02 td:last-child::before{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0.1rem;
    height: 8rem;
    background: #d4d4d4;
}
#sub .archi #lightbox-overlay {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(29, 31, 33, .95);
    transition: opacity .3s ease-in;
}
#sub .archi #lightbox-overlay.visible {
    opacity: 1;
    pointer-events: auto;
    z-index: 1111;
}
#sub .archi #lightbox-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-indent: -99999px;
    min-width: 20%;
}

/* civil */

#sub .civil{
    padding: 7rem 0 10rem;
}
#sub .civil .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    margin-bottom: 4.5rem;
    text-align: center;
}
#sub .civil .board_list02 table{
    width: 100%;
}
#sub .civil .board_list02 thead{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
#sub .civil .board_list02 th{
    color: #0c0f21;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    padding: 1rem 0;
    position: relative;
}
#sub .civil .board_list02 th::after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.1rem;
    height: 2rem;
    background: #0c0f21;
}
#sub .civil .board_list02 th:last-child::after{
    width: 0;
}
#sub .civil .board_list02 tbody tr{
    cursor: pointer;
    transition: 0.2s;
}
#sub .civil .board_list02 tbody tr:hover{
    background: #f2f2f2;
}
#sub .civil .board_list02 td{
    padding: 2rem;
    border-bottom: 0.1rem solid #d4d4d4;
}
#sub .civil .board_list02 td:first-child{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#sub .civil .board_list02 .t_img_box{
    margin-right: 4rem;
    border: 0.1rem solid #e9e9e9;
    max-width: 150px;
}
#sub .civil .board_list02 td p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
}
#sub .civil .board_list02 td:last-child{
    text-align: center;
    position: relative;
}
#sub .civil .board_list02 td:last-child::before{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0.1rem;
    height: 8rem;
    background: #d4d4d4;
}
#sub .civil #lightbox-overlay {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(29, 31, 33, .95);
    transition: opacity .3s ease-in;
    z-index: 2;
}
#sub .civil #lightbox-overlay.visible {
    opacity: 1;
    pointer-events: auto;
}
#sub .civil #lightbox-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-indent: -99999px;
    min-width: 20%;
    max-width: 80vw;
    max-height: 80vw;
}

/* sharing */

#sub .sharing .sharing_box{
    position: relative;
    background: url(/img/sharing01.jpg) no-repeat center/cover;
    height: 65.8rem;
}
#sub .sharing .sharing_box p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    position: absolute;
    right: 36rem;
    top: 35rem;
}
#sub .sharing .sharing_ul{
    position: relative;
    top: -15rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#sub .sharing .sharing_ul li{
    width: 24%;
    height: 44.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0px 0px 14.1px 0.9px rgba(0, 0, 0, 0.4);
}
#sub .sharing .sharing_ul li h6{
    font-size: 2rem;
    letter-spacing: -0.04em;
    margin: 4.5rem 0 2.5rem;
}
#sub .sharing .sharing_ul li p{
    font-size: 1.6rem;
    letter-spacing: -0.04em;
    line-height: 2.8rem;
}
#sub .sharing .sharing_ul li.dark{
    background: #2b2f44;
    color: #fff;
}
#sub .sharing .sharing_ul li.light{
    background: #797d91;
    color: #121423;
    margin-top: 5rem;
}

/* scholarship */

#sub .scholarship {
    padding-bottom: 10rem;
}
#sub .scholarship .schol_banner{
    background: url(/img/schol01.jpg) no-repeat center/cover;
    height: 44.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub .scholarship .schol_banner p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
}
#sub .scholarship .schol01{
    border-bottom: 0.1rem solid #d3d3d3;
    padding: 5rem 0;
}
#sub .scholarship .schol01 h4{
    font-size: 2.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-bottom: 2rem;
}
#sub .scholarship .schol01 p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    line-height: 3rem;
}
#sub .scholarship .schol02{
    padding: 5rem 0;
}
#sub .scholarship .schol02 .inner h4{
    font-size: 2.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-bottom: 2rem;
}
#sub .scholarship .schol02 .inner > p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    line-height: 3rem;
}
#sub .scholarship .schol02 .number_box{
    margin-top: 2.5rem;
}
#sub .scholarship .schol02 .number_box article{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 0.1rem solid #e2e2e2;
    padding: 3.5rem 0;
}
#sub .scholarship .schol02 .number_box article:first-child{
    border-top: 0.1rem solid #e2e2e2;
}
#sub .scholarship .schol02 .number_box .art01{
    width: 21rem;
}
#sub .scholarship .schol02 .number_box .art01 p{
    font-size: 2.2rem;
    letter-spacing: -0.04em;
    color: #882724;
    font-weight: 500;
}
#sub .scholarship .schol02 .number_box .art01 p span{
    display: inline-block; font-family: 'Poppins', sans-serif;
    width: 4.7rem;
    text-align: center;
    line-height: 4.7rem;
    color: #fff;
    background: #882724;
    margin-right: 2rem;
}
#sub .scholarship .schol02 .number_box .art02{
    width: calc(100% - 21rem);
}
#sub .scholarship .schol02 .number_box .art02 p{
    font-size: 1.6rem;
    letter-spacing: -0.04em;
    line-height: 3rem;
}

/* 공통 board_list */

.board_list table{
    width: 100%;
}
.board_list thead{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.board_list th{
    color: #0c0f21;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    padding: 1rem 0;
    position: relative;
}
.board_list th::after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.1rem;
    height: 2rem;
    background: #0c0f21;
}
.board_list th:last-child::after{
    width: 0;
}
.board_list td{
    padding: 1rem;
    border-bottom: 0.1rem solid #d4d4d4;
    font-size: 1.6rem;
    letter-spacing: -0.04em;
    text-align: center;
}
.board_list td.t_txt{
    text-align: left;
    padding: 0 3rem;
}
.board_list .table01 td a{
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    width: 70rem;
    display: inline-block;
}
.board_list .table02 td{
    padding: 2rem 0;
}
.board_list .table02 td.t_txt{
    padding-left: 2rem;
}
.board_list .table02 td span{
    font-size: 1.4rem;
    letter-spacing: -0.04em;
    color: #fff;
    width: 7rem;
    padding: 0.5rem 0;
    background: #aaaaaa;
    display: inline-block;
    text-align: center;
    border-radius: 3rem;
    margin-left: 1.5rem;
}
.board_list .table02 td .down_a{
    background: #313131;
    padding: 1rem 2rem;
    color: #fff;
}
.board_list .table02 td .down_a svg{
    margin-right: 1rem;
}







/* board_view */

.board_view{
    padding: 10rem 0;
}
.board_view div{
    text-align: left;
}
.board_view div ul{
    margin-top: 3rem;
    background: #fff;
}
.board_view div ul li{
    border-bottom: 1px solid #dadada;
    padding: 2.5rem 0;
    text-align: left;
}
.board_view div ul li:first-child{
    border-top: 1px solid #000;
}
.board_view div ul li h3{
    text-align: center;
    display: block;
}
.board_view div ul li h4{
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #252525;
    padding: 0 2.5rem; 
}
.board_view>div>ul>li>span,.board_view>div>ul>li>p {
    font-size: 1.8rem;
    letter-spacing: -0.02em;
    color: #838383;
    padding: 0 2.5rem; 
    line-height: 2.5rem;
}
.board_view div ul li.contents_box p{
    padding: 1rem 2.5rem;
}
.board_view div ul li span svg{
    margin-right: 1rem;
}
.board_view div .before_page{
    display: inline-block;
    padding: 1.3rem 6rem;
    border: 1px solid #999;
    color: #000;
    background: #f4f4f4;
    font-size: 2.2rem;
    letter-spacing: -0.02em;
    margin-top: 3rem;
}

/* ci */

#sub .ci {
    padding: 7rem 0;
}
#sub .ci > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    text-align: center;
}
#sub .ci .ci_box{
    border-bottom: 0.1rem solid #d3d3d3;
}
#sub .ci .ci_box h3{
    font-size: 2.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-top: 8rem;
}
#sub .ci .ci_box p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    line-height: 3rem;
    margin: 2rem 0 5.5rem;
}
#sub .ci ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5rem;
}
#sub .ci ul li{
    width: 30%;
}
#sub .ci ul li h4{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #5c5c5c;
    font-weight: 400;
    padding-bottom: 1rem;
}
#sub .ci .color_p{
    font-size: 1.4rem;
    letter-spacing: -0.04em;
    color: #7c7c7c;
    margin-top: 3rem;
}
#sub .ci .color_p img{
    margin-right: 1rem;
}

/* bi */

#sub .bi {
    padding: 7.5rem 0 10rem;
}
#sub .bi .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    text-align: center;
}
#sub .bi .bi_box h3{
    font-size: 2.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-top: 8rem;
}
#sub .bi .bi_box > p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    line-height: 3rem;
    margin: 2rem 0 4rem;
}
#sub .bi .bi_box .bi_fir {border:#ddd 1px solid; text-align:center; padding:5vw;}
#sub .bi .bi_box .bi_fir img {width:40%;}
#sub .bi .bi_box .bi_sec {font-size:0.8vw; line-height:180%; color:#777; overflow:hidden; margin-top:3vw;}
#sub .bi .bi_box .bi_sec li {float:left; width:47%; position:relative;}
#sub .bi .bi_box .bi_sec li+li {float:right;}
#sub .bi .bi_box .bi_sec li img {width:50%;}
#sub .bi .bi_box .bi_sec li div+div {font-size:0.9vw; margin:2vw 0 1vw 0; color:#111;}
#sub .bi .bi_box .bi_sec li div span {color:#a97752; font-weight:700;}
#sub .bi .bi_box .bi_sec li+li div span {color:#002852;}
#sub .bi .bi_box .bi_sec li div div {position:absolute; left:55%; top:0;}
#sub .bi .bi_box .bi_color{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2.5rem;
}
#sub .bi .bi_box .bi_color p{
    font-size: 1.4rem;
    color: #7c7c7c;
    letter-spacing: -0.04em;
    margin-left: 2rem;
}

/* recruitment - re01 */

#sub .re01 {width:1200px; margin:0 auto 10rem auto;
    padding: 7.5rem 0 10rem;
}
#sub .re01 > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    text-align: center;
	margin-bottom:40px;
}
#sub .re01 .bi_box01{
    border-bottom: 0.1rem solid #d3d3d3;
}
#sub .re01 .bi_box01 img{
    margin:5rem 0 ;
}
#sub .re01 h3{
    margin:10rem 0 5rem 0;
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.04em;
}
#sub .re01>h3 {margin-top:0;}
#sub .re01 .bi_box02 img{
    margin-top: 1.5rem;
}
#sub .re01 .bi_box02 ul li{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    padding: 2rem 0;
    border-bottom: 0.3rem solid #f4f4f4;
}
#sub .re01 .bi_box02.new ul {text-align:center; margin-top:40px;}
#sub .re01 .bi_box02.new ul li{
	width:22%; background:#fff;
    box-shadow: 0px 0px 18.8px 1.2px rgba(0, 0, 0, 0.12);
    border: 0.1rem solid #c1c1c1;
    position: relative;
    padding:4rem; padding-bottom:7rem;
    text-align:center; display:inline-block;
	margin:1%;
}
#sub .re01 .bi_box02.new ul li>div {width:150px; height:150px; background:#eaeaea; border-radius:100px; display:inline-block; 
	margin-bottom:40px; position:relative; overflow:hidden;
}
#sub .re01 .bi_box02.new ul li div img {zoom:0.4; top:30%; position:relative;}
#sub .re01 .bi_box02.new+.bi_box02.new {width:100%; background:#eaeaea; margin-top:7em; padding:10em 0;}
#sub .re01 .bi_box02.new+.bi_box02.new .inner>h3 {margin-top:0; padding-top:0;}
#sub .re01 .bi_box02.new+.bi_box02.new ul li h3 {color:#111; position:absolute; bottom:30px; width:100%; left:0;}
#sub .re01 .bi_box02.new+.bi_box02.new ul li h3 div {font-size:15px; color:#777;}

/* recruitment - re02 */

#sub .re02 {
    padding: 7.5rem 0 10rem;
}
#sub .re02 .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    text-align: center;
}
#sub .re02 .inner > img{
    margin:0;
}
#sub .re02 ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
#sub .re02 ul li{
    width: 32%;
    box-shadow: 0px 0px 18.8px 1.2px rgba(0, 0, 0, 0.12);
    border: 0.1rem solid #c1c1c1;
    height: 18rem;
    position: relative;
    padding: 4rem;
    margin-bottom: 2rem;
}
#sub .re02 ul li img{
    position: absolute;
    right: 2rem;
    top: 2rem;
}
#sub .re02 ul li h4{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-bottom: 1rem;
}
#sub .re02 ul li p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    line-height: 3rem;
}

/* recruitment - re03 */

#sub .re03 {
    padding: 7.5rem 0 10rem;
}
#sub .re03 .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    text-align: center;
}
#sub .re03 .inner > img{
    margin: 5rem 0 6rem;
}
#sub .re03 ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 7rem 0;
}
#sub .re03 ul li:first-child{
    position: relative;
}
#sub .re03 ul li:first-child::after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ededed;
    width: 0.2rem;
    height: 15rem;
}
#sub .re03 ul li:last-child{
    padding-left: 5rem;
}
#sub .re03 ul li{
    width: 50%;
}
#sub .re03 ul li h5{
    font-size: 2.8rem;
    left: 500;
    margin-bottom: 2rem;
}
#sub .re03 ul li p{
    font-size: 1.6rem;
    color: #494949;
    letter-spacing: -0.04em;
    line-height: 3rem;
}
#sub .re03 ul li p span{
    color: #91201d;
}
#sub .re03 .inner > a{
    background: #313131;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: -0.04em;
    padding: 1.5rem 0;
}
#sub .re03 .inner > a svg{
    font-size: 2rem;
    margin-right: 2rem;
}

/* recruitment - re04 */

#sub .re04 {
    padding: 7.5rem 0 10rem;
}
#sub .re04 .inner > p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    color: #0c0f21;
    font-style: italic;
    text-align: center;
}
#sub .re04 .re04_box h3{
    font-size: 2.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-top: 3rem;
}
#sub .re04 .re04_box p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    margin: 2rem 0 1.5rem;
}
#sub .re04 .re04_box ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#sub .re04 .re04_box ul li:first-child{
    width: 58%;
}
#sub .re04 .re04_box ul li:last-child{
    width: 40%;
}
#sub .re04 .re04_box ul li{
    font-size: 1.8rem;
    color: #494949;
    letter-spacing: -0.04em;
    border: 0.1rem solid #91201d;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
}
#sub .re04 .re04_box ul li .sp01{
    position: relative;
    margin-right: 0.7rem;
    display: inline-block;
    width: 10rem;
}
#sub .re04 .re04_box ul li .sp02{
    display: inline-block;
    width: calc(100% - 12rem);
}
#sub .re04 .re04_box ul li .sp01 svg{
    margin-right: 1rem;
}
#sub .re04 .re04_box ul li .sp01::after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 2.1rem;
    background: #bdbdbd;
}
#sub .re04 .re04_board{
    border-top: 0.1rem solid #525252;
    border-bottom: 0.1rem solid #525252;
    margin: 3rem 0 5rem;
}
#sub .re04 .re04_board li{
    font-size: 1.6rem;
    letter-spacing: -0.04em;
    padding: 2.5rem 0;   
    border-bottom: 0.1rem solid #e2e2e2;
}
#sub .re04 .re04_board li:last-child{
    border-bottom: 0;
}
#sub .re04 .re04_board li .sp_01{
    width: 12rem;
    display: inline-block;
    color: #882724;
    font-weight: 500;
    position: relative;
}
#sub .re04 .re04_board li span{
    padding-left: 2rem;
}
#sub .re04 .re04_board li .sp_02{
    width: calc(100% - 14rem);
}
#sub .re04 .re04_board li .sp_01::after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #9b5554;
    width: 0.1rem;
    height: 2.4rem;    
}
#sub .re04 .board_content{
    /* background: #e2e2e2;
    padding: 2rem;
    height: 160rem; */
}
#sub .re04 .re04_board .down_a{
    background: #313131;
    padding: 1rem 2rem;
    color: #fff;
}
#sub .re04 .re04_board .down_a svg{
    margin-right: 1rem;
}
#sub .re04.new .inner table {font-size:1.6rem; width:100%; margin:3vw 0;}
#sub .re04.new .inner table th, #sub .re04 .inner table td {border:#ddd 1px solid; padding:15px;}
#sub .re04.new .inner table th {background:#eaeaea; width:20%;}
#sub .re04.new .inner table td a {color:#91201d;}
#sub .re04.new .inner > a {background: #313131; width: 100%; display: block; color: #fff; text-align: center;
    font-size: 1.6rem; letter-spacing: -0.04em; padding: 1.5rem 0;
}
/* parkinsons */

#sub .parkinsons{
    padding-top: 7.5rem;
}
#sub .parkinsons .park_box01 .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#sub .parkinsons .park_box01 .inner > div{
    width: 50%;
    text-align: center;
}
#sub .parkinsons .park_box01 .inner > div p{
    font-size: 2.6rem;
    letter-spacing: -0.04em;
    margin-top: 2.5rem;
    font-style: italic;
}
#sub .parkinsons .park_box01 .inner > div a {padding:10px 15px; background:#ff6600; border-radius:5px; display:inline-block;
    font-size:17px; color:#fff;
    letter-spacing: -1;
    margin-top:20px;
}
#sub .parkinsons .park_box02 .inner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 0 10.5rem;
}
#sub .parkinsons .park_box02 .inner img{
    width: 33.3%;
}
#sub .parkinsons .park_box02 .inner img:first-child{
    box-shadow: 0px 0px 8px 12px rgba(0, 0, 0, 0.1);
}
#sub .parkinsons h4{
    font-size: 2.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-bottom: 3.5rem;
}
#sub .parkinsons .park_box03 p{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    margin-bottom: 5.5rem;
}
#sub .parkinsons .park_box04{
    border-top: 0.1rem solid #d3d3d3;
    padding: 5rem 0;
}
#sub .parkinsons .park_box04 ul li{
    margin-bottom: 2.5rem;
    display: flex;
}
#sub .parkinsons .park_box04 ul .sp_01{
    display: inline-block;
    width: 7rem;
    position: relative;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
}
#sub .parkinsons .park_box04 ul .sp_01::after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    height: 1.8rem;
    background: #cacaca;
}
#sub .parkinsons .park_box04 ul .sp_02{
    display: inline-block;
    width: calc(100% - 8rem);
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    padding-left: 2.2rem;
}
#sub .parkinsons .park_box05{
    border-top: 0.1rem solid #d3d3d3;
    padding: 5rem 0;
}
#sub .parkinsons .park_box05 li{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #494949;
    line-height: 4rem;
}





@media screen and (max-width: 1440px){
    html,body{font-size: 9px;}
    .inner{width: 86.3889vw;}
    #sub .sharing .sharing_box p{
        right: 11rem;
    }
}
@media screen and (max-width: 1200px){
    html,body{font-size: 8px;}
    .pagination > .page-item{
        width: 5%;
    }
    #sub .housing .inner > a .hou_img02{
        width: 15%;
    }
    #sub .sharing .sharing_ul li img{
        width: 70%;
    }
    #sub .sharing .sharing_ul li:nth-child(2) img{
        width: 60%;
    }
    #sub .sharing .sharing_ul{
        flex-wrap: wrap;
    }
    #sub .sharing .sharing_ul li{
        width: 48%;
    }
    #sub .re02 ul li{
        padding: 3rem;
    }
    #sub .re02 ul li img{
        width: 10%;
    }
}
@media screen and (max-width: 950px){
    html,body{font-size: 7.5px;}
    #sub .greeting .gr_box02{
        padding: 8.5rem 5rem 0 5rem;
    }
	#sub .contact .gr_box02{
        padding: 8.5rem 5rem 0 5rem;
    }
    #sub .housing .list_ul > li{
        width: 48%;
    }
    #sub .housing .list_ul > li:nth-child(3n){
        margin-right: 2rem;
    }
    #sub .housing .list_ul > li:nth-child(2n){
        margin-right: 0;
    }
    #sub .housing .inner > a .hou_img01 {
        width: 6%;
    }
    .board_list .table01 td a{
        width: 50rem;
    }
    #sub .ci .color_p img{
        width: 2%;
    }
    #sub .bi .bi_box .bi_color img{
        width: 20%;
    }
   
}
@media screen and (max-width: 768px){
    html,body{font-size: 7px;}
	.mo_br {display:block;}
    #sub .greeting{
        flex-direction: column;
    }
    #sub .greeting .gr_box01,#sub .greeting .gr_box02{
        width: 100%;
    }
    .sub_header .sub_menu ul li:first-child img{
        width: 80%;
    }
    #sub .greeting .gr_box01{
        height: 60rem;
    }
	#sub .contact{
        flex-direction: column;
    }
	#sub .contact .gr_box01,#sub .contact .gr_box02{
        width: 100%;
    }
	#sub .contact .gr_box01 {height:300px;}
    #sub .policy .pol_box p{
        padding: 2rem;
    }
    #sub .policy .pol_box {
        margin-top: 5rem;
    }
    #sub .history ul li{
        padding: 2rem 7rem;
        margin: 0;
    }
    #sub .history ul.mo_block{
        display: block;
    }
    #sub .history ul.mo_none{
        display: none;
    }
    #sub .housing .list_ul .pop_up_box > div{
        width: 80%;
    }
    #sub .housing .list_ul > li{
        width: 100%;
        margin-right: 0;
    }
    #sub .housing .list_ul > li:nth-child(3n){
        margin-right: 0;
    }
    #sub .sharing .sharing_ul li {
        width: 80%;
    }
    #sub .sharing .sharing_ul{
        justify-content: center;
    }
    #sub .sharing .sharing_ul li.light{
        margin-top: 0;
    }
    #sub .sharing .sharing_ul li{
        margin-bottom: 3rem;
    }
    #sub .sharing .sharing_box{
        background: url(/img/m_sharing01.jpg) no-repeat center/cover;
        height: 65.8rem;
    }
    #sub .sharing .sharing_box p{
        top: 30rem;
        right: 7rem;
    }
    #sub .scholarship .schol02 .number_box article{
        flex-wrap: wrap;
    }
    #sub .scholarship .schol02 .number_box .art01{
        width: 100%;
        margin-bottom: 2rem;
    }
    #sub .scholarship .schol02 .number_box .art02{
        width: 100%;
    }
    #sub .scholarship .schol_banner{
        background: url(/img/m_schol01.jpg) no-repeat center/cover;
        height: 40rem;
    }
    .board_list .table01 td a{
        width: 30rem;
    }
    #footer .inner{
        justify-content: center;
    }
    #sub .ci ul{
        flex-wrap: wrap;
        text-align: center;
    }
    #sub .ci ul li{
        width: 100%;
        margin-bottom: 3rem;
    }
    #sub .ci .color_p img {
        width: 3%;
    }
    #sub .bi .bi_box .bi_color{
        flex-direction: column;
        align-items: start;
    }
    #sub .bi .bi_box .bi_color p{
        margin-left: 0;
    }
    #sub .bi .bi_box .bi_color img {
        width: 30%;
        margin-bottom: 2rem;
    }
	#sub .re01 {width:86.3889vw;}
	#sub .re01>h3 {margin-top:7rem;}
	#sub .re01 .bi_box02.new ul {overflow:hidden; margin-top:20px;}
	#sub .re01 .bi_box02.new ul li {width:48%; float:left; margin:10px 0; padding:3rem !important;}
	#sub .re01 .bi_box02.new ul li:nth-child(2n) {float:right;}
	#sub .re01 .bi_box02.new ul li>div {width:100px; height:100px; margin-bottom:50px;}
	#sub .re01 .bi_box02.new ul li div img {zoom:0.3;}
	#sub .re01 .bi_box02.new+.bi_box02.new ul li h3 {bottom:3rem;}
	#sub .re02 {padding-top:0;}
    #sub .re02 ul li{
        width: 49%;
        height: 20rem;
    }
    .board_list .table02 td .down_a svg{
        margin-right: 0;
    }
    .board_list .table02 td .down_a{
        width: 70%;
        margin: 0 auto;
        padding: 1rem;
    }
    .board_list .table02 td span{
        margin-left: 0;
        display: block;
        margin-top: 1rem;
    }
    #sub .re04 .re04_box ul{
        flex-wrap: wrap;
    }
    #sub .re04 .re04_box ul li{
        width: 100% !important;
    }
    #sub .re04 .re04_box ul li:first-child{
        margin-bottom: 1rem;
    }
	#sub .re04.new .inner table {margin:20px 0;}
	#sub .re04.new .inner table th, #sub .re04.new .inner table td {padding:10px;}
	#sub .re04.new .inner table th {width:80px;}
    #sub .parkinsons .park_box01 .inner{
        flex-direction: column;
    }
    #sub .parkinsons .park_box01 .inner > div{
        width: 100%;
    }
    #sub .parkinsons .park_box01 .inner div:last-child{
        margin: 3rem 0;
    }
    #sub .parkinsons .park_box01 .inner div:last-child img{
        width: 47%;
    }
    #sub .re03 ul{
        flex-wrap: wrap;
    }
    #sub .re03 ul li{
        width: 100%;
    }
    #sub .re03 ul li:first-child{
        margin-bottom: 3rem;
    }
    #sub .re03 ul li:last-child{
        padding-left: 0;
    }
    #sub .re03 ul li:first-child::after{
        width: 0;
    }

	#sub .bi .bi_box .bi_fir {padding:50px 60px;}
	#sub .bi .bi_box .bi_fir img {width:100%;}
	#sub .bi .bi_box .bi_sec li {width:100%; line-height:17px; margin:30px 0 0 0;}
	#sub .bi .bi_box .bi_sec li div div {font-size:11px;}
	#sub .bi .bi_box .bi_sec li div+div {font-size:12px; margin:10px 0 0 0;}
	/* #sub .bi .bi_box .bi_sec {margin-top:10px; font-size:11px;}
	#sub .bi .bi_box .bi_sec li {width:100%; margin-top:20px;}
	#sub .bi .bi_box .bi_sec li img {width:100%; margin:0; padding:30px;}
	
	#sub .bi .bi_box .bi_sec li div div {position:relative; left:0;} */
	#footer .footer_01 {margin-bottom:0;}
}
@media screen and (max-width: 499px){
    #sub .history ul li {
        padding: 2rem 5rem;
    }
    #sub .housing .inner > a{
        width: 100%;
    }
    #sub .housing .inner > a p{
        margin: 0 8.5rem 0 1.5rem;
    }
    #header .s_m p a {
        font-size: 2.2rem;
    }
    #sub .sharing .sharing_box p{
        right: 2rem;
    }
    .board_list .table01 td a {
        width: 20rem;
    }
    #sub .re02 ul li{
        width: 100%;
    }
    .sub_header .sub_menu ul li select{
        padding: 2rem 4rem 2rem 2rem;
    }   
}


/*추가 스타일*/
/*.new .public_top form {display:none;}*/
.tab {overflow:hidden; margin:70px auto -20px auto; position:relative; z-index:2; max-width:1200px;}
.tab li {float:left; width:50%;}
.safe .tab {margin:30px auto 70px auto;}
.safe .tab li {width:33.3%;}
.tab li a {display:block; height:50px; line-height:50px; font-size:14px; text-align:center; border:#ddd 1px solid; background:#fff;}
.tab li:first-child a {border-right:0;}
.tab li.on a,
.tab01p .tab li.st01 a,
.tab02p .tab li.st02 a
{background:#eaeaea;}

@media screen and (max-width:1024px){

.br {display:block;}
.tab {margin:40px 0 0px 0 !important;}
.safe .tab li {width:50%;}
.safe .tab li+li+li {margin-top:-1px;}

#sub .history.new .inner {width:100%; padding-left:5rem; padding-right:5rem;}
#sub .history.new table tr {width:100%; margin:0 0 50px 0; border-bottom:#ddd 1px solid;}
#sub .history.new table tr td {text-align:left;}
#sub .history.new table:before,
#sub .history.new table tr td:before,
#sub .history.new table tr td:after
{display:none;}
#sub .history.new table tr:nth-child(2n) {margin-left:0;}
#sub .history.new table tr:nth-child(2n) td {padding:0;}
#sub .history.new table span {margin-right:5px;}
#sub .history.new table tr td p {margin:10px 0;}
#sub .history.new table tr td p img {margin:7px 0 10px 0;}

#sub .safe {font-size:1.8rem;}
#sub .safe .inner {padding-left:5rem; padding-right:5rem;}
#sub .safe .pol_box {width:100%;}
#sub .safe .pol_box p {padding:0; text-align:left;}
#sub .safe .tabcont>ul li {padding:20px 0;}
#sub .safe .tabcont>ul li>span {font-size:5rem;}
#sub .safe .tabcont {width:100%;}
#sub .safe .tabcont dl {margin-top:40px;}
#sub .safe .tabcont dl dt {font-size:17px;}
#sub .safe .tabcont dl dd {margin:10px 0;}
#sub .safe .tabcont h4 {font-size:2rem;}
#sub .safe .tabcont .fir {width:100%; margin-top:30px;}
#sub .safe .tabcont .fir ul li {width:100%; padding-left:85px; margin:20px 0;}
#sub .safe .tabcont .fir ul li img {width:65px;}
#sub .safe .tabcont .fir ul li dl {font-size:1.8rem;}
#sub .safe .tabcont .fir ul li dl dt {font-size:3rem;}
#sub .safe .tabcont .fir ul li dl dt span {font-size:2rem;}
#sub .safe .tabcont .sec {margin:20px 0 50px 0;}
#sub .safe .tabcont .sec img {width:100%; padding:0 7vw;}
#sub .safe .tabcont .third ul {margin:20px 0 0 0; padding:0;}
#sub .safe .tabcont .third ul li {width:100%; margin-top:10px; padding:0;}

}

/*마우스 오버시 서브메뉴 노출*/
.sub_header .sub_menu {position:absolute; z-index:3; width:100%; background:#800006;}
.sub_header .sub_menu ul li+li {width:220px; border-right:0.1rem solid #9f3734; min-height:57px; position:relative; line-height:57px;}
.sub_header .sub_menu ul li select {position:absolute; top:0; width:100%; min-height:57px; overflow-y:hidden;}
.sub_header .sub_menu ul li select.on {background: url(/img/select_ic.png)#800006 right top 26px no-repeat; padding-top:17.5px;}
.sub_header .sub_menu ul li select option {color:#fff; background:none !important; opacity:0.7; width:0;}
.sub_header .sub_menu ul li select option+option {padding-top:15px;}
.sub_header .sub_menu ul li select option:hover {opacity:1;}
.sub_header .sub_title {padding-top:10rem;}

#sub .greeting .gr_box02 {width:1200px; margin-left:auto; margin-right:auto; background: url(/img/greeting02.jpg) no-repeat bottom / cover;
	height:auto; padding-bottom:100px;	
}
#sub .greeting .gr_box02 h4 {text-align:center;}

@media screen and (max-width: 768px){
#sub .greeting .gr_box02 {width:100%;}
.sub_header .sub_menu ul li+li {width:120px; min-height:40px; line-height:40px;}
.sub_header .sub_menu ul li select {min-height:40px;}
.sub_header .sub_menu ul li select.on {padding-top:12px;}
}