@charset "utf-8";
main section {
    max-width:1440px; 
    margin:0 auto; 
    padding:0 15px;  
    box-sizing:border-box;
}

h3 {
    font-weight:bold;
    font-size:35px;
}

/* #main */
#main {
    margin-top:30px;
}
#main .flex {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:30px;
}
#main .flex .swiper-slide {
    display:flex;
    justify-content:center;
    align-items:center;
}
#main .col-8 {
    flex:1;
    border-radius:10px;
    overflow:hidden;
}
#main .col-8 .wrap {
    position:relative;
    width:100%;
    height:100%;
}
#main .col-8 .wrap .swiper {
    height:100%;
}
#main .col-8 img {
    height:100%;
    object-fit:cover;
}
#main .col-8 .cont {
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    width:100%;
    height:100%;
    padding:30px;
    border-radius:10px;
    background:linear-gradient(rgba(3,8,20,0.8) 0%, rgba(3,8,20,0) 100%);
}
#main .col-8 .cont p {
    margin-bottom:5px;
    color:#3BEDED;
    font-weight:500;
    font-size:20px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    word-break:keep-all;
}
#main .col-8 .cont h3 {
    color:#FFFFFF;
    font-weight:bold;
    font-size:50px;
}
#main .col-4 {
    aspect-ratio: 1 / 1;
    border-radius:10px;
    overflow:hidden;
}
#main .col-4 h3 {
    display:none;
}
#main .col-4 .wrap {
    position:relative;
    width:100%;
    height:100%;
    border-radius:10px;
    overflow:hidden;
}
#main .col-4 .wrap .swiper {
    height:100%;
}
#main .col-4 a {
    display:inline-block;
    width:100%;
    height:100%;
}
#main .col-4 img {
    height:100%;
}
#main .col-4 .wrap .control {
    position:absolute;
    left:0;
    bottom:0;
    z-index:10;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:50px;
    padding:0 15px;
    background-color:rgba(0,0,0,0.5);
}
#main .col-4 .wrap .control .pagination_num {
    font-weight:500;
    color:rgba(255,255,255,0.5);
}
#currentNum {
    color:#FFFFFF;
}
#main .col-4 .wrap .control .pagination_container .swiper-pagination {
    position:static;
    color:#FFFFFF;
}
#main .col-4 .wrap .control .pagination_container .swiper-pagination .swiper-pagination-bullet {
    background:#FFFFFF;
    opacity:1;
}
#main .col-4 .wrap .control .pagination_container .swiper-pagination .swiper-pagination-bullet-active {
    width:15px;
    border-radius:10px;
}
#main .col-4 .wrap .control .btn_wrapper button {
    width:30px;
    height:30px;
    color:#FFFFFF;
    font-size:0;
}
#main .col-4 .wrap .control .btn_wrapper .auto_start {
    display:none;
    background:url(/images/egovframework/skydesign/icons/icon_play.png) no-repeat 50% 50%;
    background-size:70%;
}
#main .col-4 .wrap .control .btn_wrapper .auto_stop {
    background:url(/images/egovframework/skydesign/icons/icon_pause.png) no-repeat 50% 50%;
    background-size:70%;
}

/* #search */
#search {
    margin-top:30px;
    margin-bottom:30px;
}
#search > .flex {
    gap:30px;
    padding:15px;
    border-radius:10px;
    background-color:#749ADD;
}
#search .col-8 {
    position:relative;
    flex:1;
}
#search .col-8 input {
    width:100%;
    height:65px;
    padding:0 75px 0 15px;
    border:3px solid #4F73B1;
    border-radius:10px;
    box-sizing:border-box;
    font-size:20px;
}
#search .col-8 .btn_srch {
    position:absolute;
    right:0;
    top:0;
    width:65px;
    height:100%;
    max-height:65px;
    padding:0 20px;
    border:3px solid #4F73B1;
    border-radius:0 10px 10px 0;
    font-size:0;
    background:url(/images/egovframework/skydesign/icons/icon_search.png) no-repeat 50% 50%;
    background-size:45%;
}
#search .col-4 h4 {
    display:flex;
    align-items:center;
    font-size:20px;
    font-weight:bold;
}
#search .col-4 h4::before {
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:5px;
    background:url(/images/egovframework/skydesign/icons/icon_keyword.png) no-repeat 50% 50%;
    background-size:100%;
}
#search .col-4 .flex li {
    margin-right:10px;
    margin-top:5px;
}
#search .col-4 .flex li:last-child {
    margin-right:0;
}
#search .col-4 .flex li a {
    display:inline-block;
    width:100%;
    height:100%;
    padding:2px 10px;
    border-radius:30px;
    background-color:#FFFFFF;
    box-sizing:border-box;
    color:#133597;
    font-weight:500;
    font-size:18px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
#search .col-4 .flex li a:hover {
    transform:translateY(-2px);
}

/* #subMenu */
#subMenu .flex {
    gap:30px;
}
#subMenu .flex .col-6 {
    flex:1;
}
#subMenu input[name=t] {
    display: none;
}
#subMenu .tab {
    display:flex;
    align-items:center;
    width:100%;
    margin-top:5px;
    margin-bottom:0;
    border-top:1px solid #E6E9EB;
    border-bottom:1px solid #E6E9EB;
}
#subMenu .tab li {
    width:calc(100% / 5);
}
#subMenu input[id=tab1]:checked ~ .tab li  label[for=tab1], #subMenu input[id=tab2]:checked ~ .tab li  label[for=tab2], #subMenu input[id=tab3]:checked ~ .tab li  label[for=tab3], #subMenu input[id=tab4]:checked ~ .tab li  label[for=tab4], #subMenu input[id=tab5]:checked ~ .tab li  label[for=tab5] {
    background-color:#113265;
    color:#FFFFFF;
}
#subMenu .tab li label {
    display:inline-block;
    width:100%;
    height:100%;
    padding:15px 10px;
    border-radius:10px;
    cursor:pointer;
    box-sizing:border-box;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:#999999;
}
#subMenu .container_tab {
    position:relative;
    width:100%;
    height:100%;
    margin-bottom:0;
    box-sizing:border-box;
    overflow:hidden;
}
#subMenu .wrap_tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height:100%;
    transition: 0.5s;
}
#subMenu .wrap_tab > div {
    display:flex;
    flex-wrap:wrap;
    float:left;
    width: 20%;
    height:100%;
    box-sizing: border-box;
}
#subMenu .wrap_tab > div > ul {
    width:100%;
    height:100%;
}
#subMenu .wrap_tab > div > ul li {
    position:relative;
    padding-left:20px;
    margin-top:10px;
}
#subMenu .wrap_tab > div > ul li::before {
    position:absolute;
    left:5px;
    top:8px;
    content:'';
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:#004395;
}
#subMenu .wrap_tab > div > ul li a {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:100%;
}
#subMenu .wrap_tab > div > ul li a .title {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width:calc(100% - 95px);
    font-size:18px;
}
#subMenu .wrap_tab > div > ul li a .date {
    padding-left:15px;
    color:#767676;
}
#subMenu .quick_menu {
    padding:30px;
    border-radius:10px;
    background-color:#E7EBF5;
}
#subMenu .quick_menu .flex {
    gap:30px;
    margin-top:15px;
}
#subMenu .quick_menu .flex li {
    flex:1;
    text-align:center;
    padding:0;
}
#subMenu .quick_menu .flex li a {
    display:inline-block;
    width:100%;
    height:100%;
    padding:20px 15px;
    border-radius:10px;
    background-color:#FFFFFF;
    box-sizing:border-box;
    transition: 0.5s;
}
#subMenu .quick_menu .flex li a:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    transform:translateY(-5px);
}
#subMenu .quick_menu .flex li:first-child a {
    border:2px solid #133597;
}
#subMenu .quick_menu .flex li a img {
    width:60px;
}
#subMenu .quick_menu .flex li a p {
    margin-top:5px;
    font-weight:500;
    font-size:20px;
    color:#133597;
}

/* #eBook */
#eBook {
    margin-top:50px;
    margin-bottom:50px;
}
#eBook > .flex {
    gap:30px;
}
#eBook > .flex .col-6 {
    flex:1;
}
#eBook .ebook {
    padding:30px 0;
}
#eBook .ebook .flex {
    gap:30px;
    margin-top:15px;
}
#eBook .ebook .flex li {
    flex:1;
}
#eBook .ebook .flex li a {
    position:relative;
    display:inline-block;
    width:100%;
    height:100%;
    border-radius:10px;
    overflow:hidden;
    box-sizing:border-box;
}
#eBook .ebook .flex li:nth-child(1) a {
    border:2px solid #8301DD;
}
#eBook .ebook .flex li:nth-child(2) a {
    border:2px solid #396AA9;
}
#eBook .ebook .flex li:nth-child(3) a {
    border:2px solid #E68F2A;
}
#eBook .ebook .flex li a img {
    object-fit:contain;
    margin-bottom:20px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
#eBook .ebook .flex li a:hover img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);   
    -o-transform:scale(1.05);
    transform:scale(1.05);
}
#eBook .ebook .flex li a p {
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    width:100%;
    height:40px;
    text-align:center;
    font-weight:500;
    line-height:40px;
    color:#FFFFFF;
}
#eBook .ebook .flex li:nth-child(1) a p {
    background-color:#8301DD;
}
#eBook .ebook .flex li:nth-child(2) a p {
    background-color:#396AA9;
}
#eBook .ebook .flex li:nth-child(3) a p {
    background-color:#E68F2A;
}
#eBook .flight_info {
    padding:30px 30px 15px;
    border:1px solid #E2E2E2;
    border-radius:10px;
}
#eBook .flight_info .flex {
    align-content:center;
    justify-content:space-between;
}
#eBook .flight_info .flex .box_select select {
    width:120px;
    height:40px;
    padding:0 15px;
    margin-left:10px;
    border:1px solid #777777;
    border-radius:5px;
    cursor:pointer;
    color:#555555;
    appearance:none;
    background:url(/images/egovframework/skydesign/icons/icon_select.png) no-repeat calc(100% - 15px) 50% / 15px auto;
}
#eBook .flight_info table {
    width:100%;
    margin-top:15px;
}
#eBook .flight_info table caption {
    display:none;
}
#eBook .flight_info table thead tr {
    background-color:#158DD3;
    color:#FFFFFF;
}
#eBook .flight_info table thead tr th {
    padding:10px 5px;
    border-top:1px solid #2D59ED;
    border-bottom:1px solid #2D59ED;
    border-right:1px solid rgba(255,255,255,0.3);
    font-size:18px;
}
#eBook .flight_info table thead tr th:last-child {
    border-right:0 none;
}
#eBook .flight_info table tbody tr td {
    padding:10px;
    border-right:1px solid #E1E4E6;
    border-bottom:1px solid #E1E4E6;
    text-align:center;
    font-size:18px;
}
#eBook .flight_info table tbody tr td:last-child {
    border-right:0 none;
}
#eBook .flight_info table tbody tr td.airline {
    display:flex;
    align-items:center;
    text-align:left;
}
#eBook .flight_info table tbody tr td.airline::before {
    content:'';
    display:inline-block;
    width:25px;
    height:25px;
    margin-right:10px;
}
#eBook .flight_info table tbody tr td.ke::before {
    background:url(/images/egovframework/skydesign/icons/icon_airline_ke.png) no-repeat 50% 50%;
    background-size:100%;
}
#eBook .flight_info table tbody tr td.oz::before {
    background:url(/images/egovframework/skydesign/icons/icon_airline_oz.png) no-repeat 50% 50%;
    background-size:100%;
}
#eBook .flight_info table tbody tr td.jj::before {
    background:url(/images/egovframework/skydesign/icons/icon_airline_jj.png) no-repeat 50% 50%;
    background-size:100%;
}
#eBook .flight_info table tbody tr td.lj::before {
    background:url(/images/egovframework/skydesign/icons/icon_airline_lj.png) no-repeat 50% 50%;
    background-size:100%;
}
#eBook .flight_info table tbody tr td.bx::before {
    background:url(/images/egovframework/skydesign/icons/icon_airline_bx.png) no-repeat 50% 50%;
    background-size:100%;
}
#eBook .flight_info table tbody tr td.status {
    font-weight:bold;
}
#eBook .flight_info table tbody tr td.arrival {
    color:#2D59ED
}
#eBook .flight_info table tbody tr td.landing {
    color:#00BEA2
}
#eBook .flight_info table tbody tr td.departure {
    color:#158DD3
}
#eBook .flight_info table tbody tr td.delay {
    color:#EC401C
}
#eBook .flight_info table tbody tr td.reversal {
    color:#FFC107
}
#eBook .flight_info .more {
    margin-top:15px;
    text-align:center;
}
#eBook .flight_info .more a {
    display:inline-block;
    padding:0 10px;
    font-weight:500;
    font-size:15px;
    color:#158DD3;
}
#eBook .flight_info .more a span {
    display:inline-block;
    width:12px;
    height:12px;
    margin-left:10px;
    background:url(/images/egovframework/skydesign/icons/icon_more.png) no-repeat 50% 50%;
    background-size:100%;
}

/* #aviData */
#aviData {
    margin-bottom:30px;
}
#aviData .flex {
    gap:30px;
    padding:30px;
    margin-top:10px;
    border-radius:10px;
    background-color:#E7EBF5;
}
#aviData .flex li {
    flex:1;
    border:1px solid #E1E0E8;
    border-radius:10px;
    text-align:center;
    background-color:#F6F7FB;
    overflow:hidden;
}
#aviData .flex li h4 {
    padding:10px;
    background-color:#7F9FD7;
    color:#FFFFFF;
    font-weight:500;
}
#aviData .flex li img {
    display:block;
    padding:15px;
    box-sizing:border-box;
}

/* #aviJob */
#aviJob {
    width:100%;
    max-width:100%;
    padding:30px 0;
    background-color:#FFEAE5;
}
#aviJob .inner {
    position:relative;
    max-width:1440px;
    padding:0 15px;
    margin:0 auto; 
    box-sizing:border-box;
}
#aviJob .inner > .flex {
    align-items:center;
    gap:30px;
}
#aviJob .col-8 {
    flex:1;
}
#aviJob .col-8 .flex {
    align-items:center;
    justify-content:space-between;
    padding:15px 30px;
    border-radius:10px;
    background-color:#8301DD;
    color:#FFFFFF;
}
#aviJob .col-8 .flex h4 {
    position:relative;
    padding-right:30px;
    margin-right:30px;
    color:#FFBAAA;
    font-weight:bold;
    font-size:20px;
    line-height:30px;
}
#aviJob .col-8 .flex h4::after {
    position:absolute;
    right:0;
    top:6px;
    content:'';
    display:inline-block;
    width:1px;
    height:15px;
    background-color:rgba(255,186,170,0.7);
}
#aviJob .newsSwiper {
    width:calc(100% - 210px);
    height:30px;
    margin:0;
}
#aviJob .newsSwiper .swiper-slide a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#FFFFFF;
}
#aviJob .newsSwiper .swiper-slide a h5 {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:500;
    font-size:18px;
}
#aviJob .newsSwiper .swiper-slide a .date {
    padding-left:15px;
    color:rgba(255,255,255,0.7);
}
#aviJob .col-8 .flex .btns {
	padding-left:10px;
}
#aviJob .col-8 .flex .btns a {
    display:block;
    width:15px;
    height:15px;
    padding:5px;
    color:#FFFFFF;
    font-size:0;
    box-sizing:border-box;
}
#aviJob .col-8 .flex .btns .btn_prev {
    margin-bottom:10px;
    background:url(/images/egovframework/skydesign/icons/icon_up.png) no-repeat 50% 50%;
    background-size:100%;
}
#aviJob .col-8 .flex .btns .btn_next {
    background:url(/images/egovframework/skydesign/icons/icon_down.png) no-repeat 50% 50%;
    background-size:100%;
}
#aviJob .jobSwiper {
    margin-top:30px;
}
#aviJob .jobSwiper .swiper-slide a {
    display:inline-block;
    width:100%;
    height:100%;
    padding:15px;
    border:1px solid #D8D8D8;
    border-radius:10px;
    background-color:#FFFFFF;
    box-sizing:border-box;
}
#aviJob .jobSwiper .swiper-slide a .airline {
    display:flex;
    align-items:center;
}
#aviJob .jobSwiper .swiper-slide a .airline::before {
    content:'';
    display:inline-block;
    width:25px;
    height:25px;
    margin-right:10px;
    border-radius:50%;
}
#aviJob .jobSwiper .swiper-slide a .tw::before {
    background:url(../images/icons/icon_airline_tw.png) no-repeat 50% 50%;
    background-size:100%;
}
#aviJob .jobSwiper .swiper-slide a .lj::before {
    background:url(../images/icons/icon_airline_lj.png) no-repeat 50% 50%;
    background-size:100%;
}
#aviJob .jobSwiper .swiper-slide a .shp::before {
    background:url(../images/icons/icon_company_sharp.png) no-repeat 50% 50%;
    background-size:100%;
}
#aviJob .jobSwiper .swiper-slide a .oz::before {
    background:url(../images/icons/icon_airline_oz.png) no-repeat 50% 50%;
    background-size:100%;
}
#aviJob .jobSwiper .swiper-slide a .airwork::before {
    background:url(../images/icons/icon_company_airwork.png) no-repeat 50% 50%;
    background-size:100%;
}
#aviJob .jobSwiper .swiper-slide a h5 {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:60px;
    margin:5px 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.35px;
    line-height: 1.5;
    color: #2D2D2D;
    overflow: hidden;
    text-overflow: ellipsis;
}
#aviJob .jobSwiper .swiper-slide a .info {
    font-size:14px;
    color:#BABABA;
}
#aviJob .jobSwiper .swiper-slide a .info span {
    color:#555555;
}
#aviJob .jobSwiper .swiper-slide a .d_day {
    font-weight:bold;
    font-size:18px;
    text-align:right;
    color:#EC401C;
}
#aviJob .swiper-button-prev, #aviJob .swiper-button-next {
    position:absolute;
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:rgba(0,0,0,0.5);
    color:#FFFFFF;
}
#aviJob .swiper-button-prev::after, #aviJob .swiper-button-next::after {
    font-weight:bold;
    font-size:20px;
}

#aviJob .swiper-button-prev {
    top:200px;
    left:-50px;
}
#aviJob .swiper-button-next {
    top:200px;
    right:-50px;
}

/* OrgMain */
.visual, .main_news {
	max-width:100%;
	padding:0;
	margin:0;
}
.main_info {
	max-width:100%;
	margin:0;
}
.main_info .m_content {
	height:100%;
}
.main_info .m_total li .mb {
	height:auto;
}