@charset "utf-8";


.main_navi > ul > li:nth-child(3) > a {
    display: inline-block;
    border-bottom: 3px solid #051766;
    color: #222;
    font-weight: 700;
    box-sizing: border-box;
}

.s_tab ul li:first-child a {
    display: block;
    border-bottom: 3px solid #051766;
    color: #051766;
    font-weight: 700;
    box-sizing: border-box;
}


/* ap_title ///////////////////////////// */
.ap_title {
    margin: 0 10px;
}
.ap_title h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px;
}
.ap_title h4 {
    font-size: 17px;
    font-weight: 500;
    color: #474747;
}

/* ap_tab ///////////////////////////// */
.ap_tab ul {
    margin: 50px 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
}
.ap_tab ul li.selected {
    background: #051766;
    color: #fff;
}
.ap_tab ul li {
    width: 16.667%;
    text-align: center;
    padding: 10px 20px;
    background: #ddd;
    color: #474747;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    box-sizing: border-box;
    border-right: 1px solid #0517661f;
}
.ap_tab ul li:last-child {
    border-right: none;
}

/* ap_map ///////////////////////////// */
#ap_map h2 {
    margin: 0 10px;
}
#ap_map .map {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}
#ap_map .map figure {
    text-align: center;
    
}
#ap_map .map figure img {
    width: 100%;
}
#ap_map .map span {
    position: absolute;
    width: 40px;
    height: 45px;
    transform: translate(50%, -100%);
    background: url(../img/sub_03/icon-placemap.png)no-repeat 0 0 /30px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
    text-indent: -9999px;
    animation: bounce 0.5s ease infinite alternate;
}
.a_counter {
    right: 7.5%;
    top: 45%;
}
.b_counter {
    right: 18.5%;
    top: 39%;
}
.d_counter {
    right: 43%;
    top: 35%;
}
.e_counter {
    right: 55.5%;
    top: 35%;
}
.f_counter {
    right: 68%;
    top: 37%;
}
.g_counter {
    right: 80%;
    top: 39%;
}

@keyframes bounce{
	0% {margin-top: -15px;}
	100% {margin-top: 0px;}
}

#ap_map div {
    display: none;
}
#ap_map .firstmap {
    display: block;
}

/* ap_section ///////////////////////////// */
.ap_section .section_box {
    margin: 50px 10px 10px 10px;
    display: flex;
    border: 10px solid #D0E7F6;
    border-radius: 15px;
    box-shadow: 2px 2px 3px #999;
    box-sizing: border-box;
}

.ap_section_box .ap_section {
    display: none;
}
.ap_section_box .firstbox {
    display: block;
}
.counter {
    background: #051766;
    color: #fff;
    margin: 20px;
    padding: 0px 15px;
    border-radius: 10px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: auto;
    box-sizing: border-box;
}
.counter h1 {
    font-size: 65px;
    font-weight: 700;
}
.counter span {
    font-size: 25px;
    font-weight: 700;
}
.counter_txt, .befg_txt {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.counter_txt {
    width: calc(100% - 200px);
}
.befg_txt {
    width: calc(100% - 380px);
}

.counter_txt ul li, .befg_txt ul li {
    margin: 0 10px;
    list-style: disc;
    font-size: 18px;
    font-weight: 700;
}
.counter_txt ul li span, .befg_txt ul li span {
    font-size: 16px;
    font-weight: 400;
    color: #474747;
}
.backdrop h4 {
    margin: 0 15px;
    font-size: 16px;
    font-weight: 700;
    color: #474747;
}
.backdrop p {
    margin: 0 15px;
    font-size: 14px;
    font-weight: 500;
    color: #474747;
}

/* ap_info ///////////////////////////// */
#ap_info {
    display: flex;
    justify-content: space-between;
    margin: 80px 10px;
}
.service {
    width: 40%;
    border: 10px solid #D0E7F6;
    border-radius: 15px;
    box-shadow: 2px 2px 3px #999;
    box-sizing: border-box;
}
.service a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;  
}
.service a figure {
    margin: 30px 20px;
}
.service a figure img {
    width: 100%;
}
.service a .stxt strong{
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
}
.service a .stxt p {
    color: #474747;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.service a .go_arrow {
    transform: scale(0.8);
    padding: 10px;
}
.address {
    width: 55%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #474747;
    padding: 0 15px;
}
.address h2 {
    font-size: 25px;
    font-weight: 500;
    margin-top: 3%;
}
.address ul {
    margin: 2% 0;
    display: flex;
    justify-content: space-between;
}
.address ul li strong {
    display: block;
}


@media screen and (max-width:500px) {
    /* 최상단 탭메뉴 안보이게 */
    .s_tab ul li a, .s_tab ul li:first-child a {
        display: none;
    }
    /* 타이틀 */
    .ap_title h2 {
        margin-top: 0px;
        font-size: 22px;
    }
    .ap_title h4 {
        font-size: 14px;
    }
    /* 우대서비스, 공항정보 */
    #ap_info{display:block;}

    .service a figure {
        margin: 30px 15px;
    }
    .address h2 {
        margin: 5px 10px;
    }
    .address ul {
        flex-direction: column;
    }
    .address ul li {
        margin: 5px 10px;
    }
} /* 0부터 500까지 */

@media screen and (max-width:610px) {
    /* 탭버튼 */
    .ap_tab ul {
        flex-direction: column;
    }
    .ap_tab ul li {
        width: auto;
        border-bottom: 1px solid #0517661f;
    }
    .ap_tab ul li:last-child {
        border-bottom: none;
    }
    /* 카운터 설명 */
    
    .ap_section .section_box {
        display: block; 
    }
    .counter {
        width: auto;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }
    .counter h1 {
        font-size: 50px;
    }
    .counter_txt, .befg_txt {
        width: 100%;
    }
    .counter_txt ul, .befg_txt ul {
        margin: 0 40px;
        margin-bottom: 20px;
    }
    .counter_txt ul li span, .befg_txt ul li span {
        font-size: 15px;
        display: inline-block;
    }
} /* 0부터 610까지 */


@media screen and (max-width:768px) {
    .ap_tab ul {
        margin: 30px 10px;
    }
    #ap_info {
        margin: 50px 10px;
        flex-direction: column;
    }
    .service, .address {
        width: 100%;
    }
    .address {
        margin-top: 30px;
        padding: 0;
    }
} /* 0부터 768까지 */

@media screen and (min-width:768px) and (max-width:860px) {
    .service a .stxt strong {
        font-size: 16px;
        letter-spacing: -1px;
    }
    .service a .stxt p {
        letter-spacing: -1px;
    }
} /* 중간 폰트 조절 */

@media screen and (min-width:500px) and (max-width:768px) {
    /* 탭버튼 글자 두줄 */
    .ap_tab ul li span {
        display: inline-block;
        letter-spacing: -2px;
    }
    .ap_tab ul li {
        font-size: 15px;
        padding: 5px 10px;
    }
} /* 중간 폰트 조절 */

@media screen and (min-width:769px) {
    .ap_tab ul li:hover {
        background: #051766;
        color: #fff;
    }
    .service:hover {
        border: 10px solid #addeff;
    }
} /* 마우스오버 활성화: 769부터 */