/* http://rahyeri.dothome.co.kr/home의  서브페이지 css입니다 
        copyright(c) rahyeri 최종수정일 22.01.08*/
@charset "utf-8";

section {
    width: 100%;
    max-width: 1500px;
    clear: both;
    position: relative;
    height: 720px;
}

section>article {
    width: 99.75%;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    margin: 0px auto 10px auto;
    background-color: #fff;
    position: absolute;
    top: 50px;
    left: 0;
}

/* section > article:nth-of-type(even){margin-left:20%;} */

h2 {
    width: 0%;
    height: 0px;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin: 30px 10px 150px 10px;
    font-size: 14px;
}

h2 span {
    line-height: 1.5;
    display: block;
    margin-top: 30px;
    font-size: 1.3vw;
}

.jeju h2 {
    width: 90%;
    height: 160px;
}

figure {
    width: 100%;
}

figurecaption {
    display: none;
}

.wrapbox {
    display: flex;
    align-items: flex-start;
}

article img {
    width: 100%;
    position: relative;
    /* left:-100%; */
    cursor: pointer;
}

/* 아티클 우측 박스 */
article .txtbox {
    width: 35%;
}

.txtbox {
    box-sizing: border-box;
    padding-left: 10px;
}

.txtbox p {
    font-size: 1vw;
    line-height: 1.5;
}

.txtbox a {
    font-size: 14PX;
    margin: 20px 0px 10px 30px;
    display: block;
    width: 90%;
    height: 40px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    text-align: center;
    transition: 0.6s;
}

.txtbox a:hover {
    background-color: #111;
    color: #fff;
}
/* 탭메뉴 */
.tabmenu {
    display: flex;
    color: #fff;
    width: 100%;
    max-width: 1500px;
    font-size: 1.4vw;
    justify-content: space-between;
    margin: 20px auto 20px auto;
    transition: .6s;

}

.tabmenu>li {
    width: 100%;
    /* border:3px solid tomato; */
}

.tabmenu>li>p {
    background-color: #77edbc;
    text-align: center;
    width: 99%;
    padding: 10px 0px 40px 0px;
    margin: 0px;
    cursor: pointer;
    transition: 0.8s;
}

.tab {
    color: rgb(34, 89, 192) !important;
    background-color: #fff !important;
    letter-spacing: 30px;
    text-indent: 30px;
}


/* 모달창 */

.modal {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    z-index: 1000;
}

.modal img {
    width: 1200px;
    margin-top: 50px;
}

.modal a {
    display: block;
    font-size: 40px;
    color: #fff;
    position: fixed;
    z-index: 1001;
    left: 85%;
    top: 0;
}

.modal #down_btn {
    top: 80%;
}

@media screen and (max-width:1110px) {
    .tab {
        color: rgb(34, 89, 192) !important;
        background-color: #fff !important;
        letter-spacing: 10px;
        text-indent: 10px;
    }
}