@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
.mon{font-family: 'Montserrat', sans-serif !important;}
.os{font-family: 'Open Sans', sans-serif;}


/* header */
.at-menu{border:none; background: none;}
.header_container{width:1790px; max-width:100%; margin: 0 auto; position: relative;}
.at-menu .pc-menu .nav-top{display: flex; justify-content: space-between; align-items: center;}
.pc-menu .nav-top.nav-both .menu-ul{text-align: center; width: auto;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding: 0 35px;color:#fff; font-size: 18px; font-weight:600;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a{color:#fff}
.at-menu .pc-menu .nav-top .right_lnb{display: flex; align-items: center; justify-content: center;width: auto;}
.at-menu .pc-menu .nav-top .right_lnb li{}
.at-menu .pc-menu .nav-top .right_lnb li + li{padding-left: 12px;margin-left: 15px; position: relative;}
.at-menu .pc-menu .nav-top .right_lnb li + li:before{content:''; display: block; width: 1px; height: 12px; background: #fff; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.at-menu .pc-menu .nav-top .right_lnb li:last-child:before{display: none;}
.at-menu .pc-menu .nav-top .right_lnb li a{color:#fff; font-size: 16px; font-weight:500; display: block; white-space: nowrap;}
.at-menu .pc-menu .nav-top .right_lnb li.btn_full_menu{width: 60px;height: 60px; border-radius:50%; background: #ff5a00; padding: 0; display: flex; align-items: center; justify-content: center; margin-left: 40px; cursor:pointer}

/* header on */
.at-menu.on .pc-menu{background: #fff; }
.at-menu.on .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{color:#111}
.at-menu.on .pc-menu .nav-top .right_lnb li + li:before{background: #bbb;}
.at-menu.on .pc-menu .nav-top .right_lnb li a{color:#999}

/* header sub */
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{border:1px solid #e4e4e4; border-width:1px 0 0;top: 100px; border-radius: 0 0 10px 10px }
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dul{padding: 20px 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding: 0; border:none; line-height: 30px; font-size: 14px; color:#111; font-weight:500}
.at-menu.on .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a{color:#ff5a00}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{color:#ff5a00; background: none; border:none}

/* header full menu */
.full_menu_box{background: #ff5a00 url(../img/bg_full_menu.png) center center/cover; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 10; display: none; }
.full_menu_box .full_header{display: flex; justify-content: space-between; padding: 20px 15px; align-items: center;}
.full_menu_box .full_header + div{display: flex; height: calc(100vh - 100px); align-items: center;}
.full_menu_box .btn_close_full{background: #fff; border-radius:50%; width: 60px;height: 60px; display: flex; align-items: center; justify-content: center; cursor:pointer}

.full_menu .menu-li{display: flex; margin-bottom: 80px; align-items: flex-end; }
.full_menu .menu-li > a{color:#fff; display: block;width: 100%; height: 100%; font-size:56px; font-weight:800; width: 530px;}
.full_menu .menu-li .sub-1div{}
.full_menu .menu-li .sub-1dul{display: flex;}
.full_menu .menu-li .sub-1dli{margin-right: 50px; font-size:24px; font-weight:500}
.full_menu .menu-li .sub-1dli:last-child{margin-right: 0px;}
.full_menu .menu-li .sub-1da{color:#fff; display: block; width: 100%; height: 100%;}


/* main_con */
.main_con{padding: 120px 0;}
.main_tt{font-size:60px; font-weight:700; font-family: 'Montserrat', sans-serif; margin-bottom: 32px; ;}
.main_tt:after{content:''; display: inline-block; width: 16px; height: 16px; background: #ff5a00; border-radius:50%; margin-left: 10px;}
.main_more{color:#222; font-size: 18px; display: block; font-weight:600}
.main_more img{margin-left: 8px;}

.main_tt_sec{}
.main_tt_sec h2{float:left;}
.main_tt_sec .main_more{float:right; padding-top: 35px;}

/* mc01 */
.mc01{margin-top: -100px; position: relative; padding: 0; z-index: 1;}
.mc01 > div{position: relative;}
.mc01 .mc01_txt{position: absolute; top: 50%; transform:translateY(-50%); width: 100%; z-index: 2;clip-path: inset(0 59% 0 0);}
.mc01 .mc01_txt .mc01_tt img{display: block; margin-bottom: 16px;}
.mc01 .mc01_txt .mc01_tt{font-size: 114px; font-weight:800; color:#fff; font-family: 'Montserrat' !important}
.mc01 .mc01_txt p{font-size:18px; color:#fff; font-weight:400; line-height: 28px; margin-top: 25px;}

.mc01 .map_btn_box{position: absolute; top: calc(50% + 310px); transform:translateY(-50%); margin:0; text-align: left;}
.mc01 .map_btn_box .map_btn{display: flex; width: auto; height:auto; align-items: center;}
.mc01 .map_btn_box .map_btn .carousel-control{position: initial; display: block; width: auto; height:14px; font-size:14px}
.mc01 .map_btn_box .map_btn .carousel-control .glyphicon{border:none; background: no-repeat center center/cover;  width: 10px;height: 16px; display: block;}
.mc01 .map_btn_box .map_btn .carousel-control .mc01_btn_prev{background-image:url(../img/mc01_btn_prev.png)}
.mc01 .map_btn_box .map_btn .carousel-control .mc01_btn_next{background-image:url(../img/mc01_btn_next.png)}

.map_btn_box .map_paging{display: block; line-height: 14px; height: auto; color:rgba(255,255,255,.4); margin: 0 20px; font-weight:500}
.map_btn_box .paging_line{width: 78px;height: 2px; background: #ff5a00;}
.map_btn_box .map_paging > span{color:#fff; line-height: 14px;}

.mc01_icon_fly{position: absolute; top: 230px; animation: fly-rabbit linear infinite 30s}
.mc01_icon_scroll{position: absolute; bottom: 0; left: 50%; transform:translateX(-50%)}

@keyframes fly-rabbit{0%{left:0} 100%{left:100%}}


/* mc02 */
.mc02{position: relative;}
.mc02_bg_left{position: absolute; bottom: 147px; left: 0;}
.mc02_bg_right{position: absolute; top: -73px; right: 0;}
.mc02 > div{z-index: 1;}
.mc02 .post-list{position: relative;}
.sticker_onair{background: #ff5a00; border-radius:50%; width: 70px;height: 70px; font-weight:600; font-size:14px; color:#fff; text-align: center; display: flex; align-items: center;justify-content: center; position: absolute; top: 20px;left: 20px;}

.mc02 .post-list:hover .wr-img{transform: scale(1);}

.mc02 .post-list .post-content{position: absolute; top: 0;right: 0;bottom: 0;left: 0; background: rgba(0,0,0,.8); padding: 60px 40px; opacity:0; transition:.3s}
.mc02 .post-list .post-content a{display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%;}
.mc02 .post-list .post-content h5{color:#fff; font-size:30px; font-weight:500; padding-left: 20px; position: relative;}
.mc02 .post-list .post-content h5:before{content:''; display: block; width: 6px;height: 6px; background: #ff5a00; position: absolute; left: 0;top: 50%; transform:translateY(-50%); border-radius:50%}

.mc02 .post-list .post-content .mc02_con{margin-top: 40px;}
.mc02 .post-list .post-content p{color:#fff; line-height: 30px; font-size:16px; }
.mc02 .post-list .post-content p span{margin-right: 20px;}

.mc02 .post-list:hover .post-content{opacity:1}
.mc02 .post-tt{}
.mc02 .post-tt .post_con_tt{font-size:22px; font-weight:500; color:#222; line-height: 1.2; padding-top: 20px;}


/* mc03 */
.mc03{position: relative; z-index: 2; padding-bottom: 0;}   
.mc03:after{content:''; display: block; width:calc(100% - 80px); min-width: 1790px; position: absolute; background: #002138; top: 0; bottom: 290px; z-index: -1; right: 0;}

.mc03 .main_tt{color:#ff5a00}
.mc03 .main_more{color:#fff}

.mc03 .owl-carousel .owl-wrapper-outer{background: transparent; padding: 0;}
.mc03 .owl-carousel .owl-controls .owl-buttons div{background: none; width: 60px;height: 60px; background: #fff  no-repeat center center;; border:1px solid #e4e4e4; border-radius:50%; top:50%; transform:translateY(-50%)}
.mc03 .owl-carousel .owl-controls .owl-buttons div.owl-prev{left: 30px; background-image:url(../img/mc03_btn_prev.png)}
.mc03 .owl-carousel .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(../img/mc03_btn_prev_on.png)}
.mc03 .owl-carousel .owl-controls .owl-buttons div.owl-next{right: 58px !important; background-image:url(../img/mc03_btn_next.png)}
.mc03 .owl-carousel .owl-controls .owl-buttons div.owl-next:hover{background-image:url(../img/mc03_btn_next_on.png)}

.mc03 .hover_post{padding-top: 22px;}
.mc03 .hover_post h5{font-size:22px; font-weight:500; color:#222; line-height: 1;}

/* mc04 */
.mc04{position: relative; z-index: 1;}
.mc04_con .miso-post-gallery .post-list{display: flex; padding: 0 0 30px; border-bottom: 1px solid #e9e9e9;}
.mc04_con .miso-post-gallery .post-image{width: 21.428%;}
.mc04_con .miso-post-gallery .post-image a{width: 100%;height: 100%; display: block;}
.mc04_con .miso-post-gallery .post-content{width: 78.572%; padding: 0;}
.mc04_con .miso-post-gallery .post-content a{display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: space-between; background:url(../img/mc04_btn_more.png) no-repeat right center;padding: 30px 220px 30px 80px;}
.mc04_con .miso-post-gallery .post-list:hover .post-content a{background-image: url(../img/mc04_btn_more_on.png);}
.is-pc .item-col .wr-img, .is-pc .post-col .wr-img{transition:.4s}
.mc04_con .miso-post-gallery .post-content .post-subject{height: 100%;}
.mc04_con .miso-post-gallery .post-content .subj{font-size: 22px; color:#222; font-weight:500; line-height: 36px; max-height:72px; overflow:hidden; text-overflow: ellipsis;}
.mc04_con .miso-post-gallery .post-content .date{font-size:18px; color:#999}

.mc04_bg_circle{position: absolute; top: -230px; left: 0; z-index: -1;}
.mc04_bg_rabbit{position: absolute; top: 35px; left: 113px; z-index: -1; animation: fly-rabbit2 linear infinite 30s}
@keyframes fly-rabbit2{0%{left:113px} 85%{left:100%; opacity:1} 85.1%{left:-210px; opacity:0} 85.2%{left:-210px; opacity:1} 100%{left: 113px;} }



/* footer */
.fix_footer{margin-top: 0;}
.f_notice_box{padding: 20px 0; border:1px solid #e4e4e4; border-width:1px 0}
.f_notice_box > div{display: flex;}
.f_notice{width: 50%; display: flex; align-items: center;}
.f_notice .notice_tt{font-size:16px; color:#222; font-weight:600; margin-right: 70px;}
.f_notice:nth-child(2) .notice_tt{font-size:14px;}
.f_notice .notice_con{}

.f_notice .notice_con .miso-post-list .post-list li a{font-size: 14px; color:#666}
.f_notice .notice_con.ask img{margin-right: 12px;}
.f_notice .notice_con.ask span{color:#666; font-size: 14px}

.f_info_box{padding: 30px 0;}
.f_info_box > div{display: flex; justify-content: space-between;}
.f_link{margin-bottom: 24px;}
.f_link li{ display: inline-block;}
.f_link li a{color:#333; font-size: 14px; font-weight:500}

.f_link li + li{padding-left: 12px; margin-left: 10px; position: relative;}
.f_link li + li:before{ content:''; display: block; width: 1px; height: 12px; background: #999; position: absolute; left: 0; top:50%; transform:translateY(-50%)}

.f_addr{}
.f_addr li{color:#999; font-size: 14px; display: inline-block;}
.f_addr li a{color:#999; font-size: 14px;}
.f_addr li + li{padding-left: 13px; margin-left: 14px; position: relative;}
.f_addr li + li:before{content:''; display: block; width: 1px; height: 12px; background: #999; position: absolute; left: 0; top:50%; transform:translateY(-50%)}

.f_info .copy{font-size: 14px; color:#999; margin-top: 12px;}

/* btn go top */
.at-go .go-btn{width: 60px;height: 60px; right: 250px; transition:.3s}
.at-go.active .go-btn{bottom: 165px;}
.at-go .go-btn span{width: 60px;height: 60px;background: #ff5a00; display: flex; align-items: center; justify-content: center; margin: 0;}



/* responsive */
@media(max-width:1430px){
    .at-go .go-btn{right: 15px;}
}
@media(max-width:1380px){
    .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding: 0 10px; font-size:16px}
    .at-menu .pc-menu .nav-top .right_lnb{width: 24%;}
    .at-menu .pc-menu .nav-top .right_lnb li.btn_full_menu{margin-left: 10px;}

    .at-menu .pc-menu .nav-top .right_lnb li + li{padding-left: 8px; margin-left: 8px;}
    .at-menu .pc-menu .nav-top .right_lnb li a{font-size:14px}
 
    .full_menu {width: 100%;}
    .full_menu .menu-li{margin-bottom: 40px;}
    .full_menu .menu-li > a{font-size: 35px; width: 40%;}
    .full_menu .menu-li .sub-1dli{font-size:20px}
    .full_menu .menu-li .sub-1div{width: 60%;}


    .mc01 .mc01_txt .mc01_tt{font-size: 5vh}
    .mc01 .mc01_txt .mc01_tt img{height: 3.8vh; margin-bottom: 0.8vh;}
    .mc01 .map_btn_box{top: calc(50% + 16vh);}
}

@media(max-width:991px){
    .wrapper{padding-top: 50px;}
    .m_header{position: fixed; top: 0; z-index: 10; padding: 10px 0;}
    .m_header.on{background: #fff;}
    .m_header > div{display: flex; justify-content: space-between; align-items: center;}
    .m_header .logo img{height: 20px; width:auto;}
    .m_header .btn_full_menu{background: #ff5a00; border-radius:50%; width: 32px;height: 32px; display: flex; justify-content: center; align-items: center; cursor:pointer}
    
    .m_header .btn_full_menu img{height: 8px; width: auto;}
    .full_menu_box{background-position: 85% bottom}
    .full_menu_box .full_header{padding: 10px 15px;}
    .full_menu_box .full_header li img{height: 20px;}
    .full_menu_box .full_header .btn_close_full{width: 32px;height: 32px;}
    .full_menu_box .full_header .btn_close_full img{height: 8px; width: auto;}
    .full_menu_box .full_header + div{ height:auto; display: block;}

    .full_menu {padding-top: 45px;}
    .full_menu .menu-li{flex-direction: column; align-items: flex-start; margin-bottom: 25px;}
    .full_menu .menu-li > a{font-size:24px; margin-bottom: 15px;}
    .full_menu .menu-li .sub-1dul{flex-direction: column;}
    .full_menu .menu-li .sub-1da{font-size:18px; line-height: 32px;}

    /* main_con */
    .main_con{padding: 70px 0;}
    .main_tt{font-size:35px; margin-bottom: 30px;}
    .main_tt:after{width: 8.5px; height: 8.5px; margin-left: 3.5px;}
    .main_tt_sec .main_more{font-size: 13px; padding-top: 20px;}
    .main_tt_sec .main_more img{height: 7px; width: auto; margin-left: 4.5px;}


    /* mc01 */
    .mc01{margin-top: -50px; padding: 0;}
    .mc01 .map_btn_box{top:initial; bottom: 20px;}
    .mc01 .map_btn_box .map_btn{justify-content: center;}

    .mc01 .mc01_txt{top:initial; bottom: 90px; transform:translateY(0);     clip-path: inset(0 0 0 0);}
    .mc01 .mc01_txt .mc01_tt{text-align: center; font-size:48px; line-height: 48px;}
    .mc01 .mc01_txt .mc01_tt img{height: 35px; margin: 0 auto 6px;}
    .mc01 .mc01_txt p{font-size: 14px; line-height: 22px; text-align: center; margin-top: 13px;}
    .mc01 .map_btn_box .map_btn .carousel-control{height: 12px; font-size:12px}
    .mc01 .map_btn_box .map_btn .carousel-control .glyphicon{width: 6px;height: 10px;}
    .map_btn_box .paging_line{margin: 0 7px;}
    .map_btn_box .map_paging{margin: 0 13px; line-height: 12px;}
    .map_btn_box .map_paging > span{font-size:12px;}


    /* mc02 */
    .mc02{padding-bottom: 35px;}
    .mmc02_bg_left {position: absolute; bottom: 0; right: 0; height: 57px; width:auto;}
    .mmc02_bg_right {position: absolute; top: 35px; right: 0; height: 231.5px; width:auto;}
    .sticker_onair{width: 53px;height: 53px; font-size: 12px; left: 15px;top: 15px; font-weight:800}
    .mc02 .post-list .post-content{padding: 45px 20px;}
    .mc02 .post-list .post-content h5{font-size:20px}
    .mc02 .post-list .post-content h5:before{width: 4px;height: 4px;}
    .mc02 .post-list .post-content .mc02_con{margin-top: 21px;}
    .mc02 .post-list .post-content .mc02_con p{font-size:13px; line-height: 22px;}
    .mc02 .post-list .post-content .mc02_con p span{margin-right: 12px;}
    .mc02 .post-tt .post_con_tt{padding-top: 16px; font-size:16px}


    /* mc03 */
    .mc03{padding-bottom: 0;}
    .mc03:after{bottom: 150px;}
    .mc03 .owl-carousel .owl-controls .owl-buttons div{width: 43px;height: 43px; background-size:7px 12.5px}
    .mc03 .owl-carousel .owl-controls .owl-buttons div.owl-prev{left: 8px;}
    .mc03 .owl-carousel .owl-controls .owl-buttons div.owl-next{right: 36px !important;}
    .mc03 .hover_post{padding-top: 16px;}
    .mc03 .hover_post h5{font-size:15px}

    /* mc04 */
    .mc04 .main_tt{line-height: 40px; margin-bottom: 17px;}
    .mc04 .main_tt_sec .main_more{padding-top: 63px;}

    .mmc04_bg_rabbit{position: absolute; right: 0;top: 12px; height: 190px; width: auto; z-index: -1;}
    .mc04_con .miso-post-gallery .post-list{flex-direction: column; padding-bottom: 0;}
    .mc04_con .miso-post-gallery .post-image{width: 100%;}
    .mc04_con .miso-post-gallery .post-content a{padding: 10px 0 65px; background-position: left calc(100% - 35px); background-size:47.5px 13px}
    .mc04_con .miso-post-gallery .post-content .subj{font-size:15px; line-height: 24px; max-height:48px}
    .mc04_con .miso-post-gallery .post-content .date{margin-top: 30px; font-size: 15px}

    /* footer */
    .f_notice_box{padding: 18px 0;}
    .f_notice_box:first-child{border-bottom: none;}
    .f_notice_box > div{flex-direction: column;}
    .f_notice{width: 100%;}
    .f_notice .notice_tt{font-size:14px; margin-right: 28px;}
    .f_notice .notice_con .miso-post-list .post-list li a{font-size:12px}
    .f_notice .notice_con.ask span{font-size:12px}
    .f_notice .notice_con.ask img{height: 10px; width: auto; margin-right: 7px;}

    .f_info_box{padding: 30px 0 20px;}
    .f_info_box > div{flex-direction: column-reverse; align-items: center;}

    .f_logo{margin-bottom: 20px;}
    .f_logo img{height: 50px; width: auto;}
    .f_info{text-align: center;}
    .f_link li + li{padding-left: 12px;margin-left: 11px;}
    .f_link li + li:before{height: 11px;}
    .f_link li a{font-size:12px}

    .f_addr li{font-size:12px; line-height: 20px;}
    .f_addr li a{font-size:12px}
    .f_addr li + li{margin-left: 11px;padding-left: 12px;}
    .f_addr li + li:before{height: 11px;}
    .f_addr li.db{display: block;}
    .f_addr li.db:before{display: none;}
    .f_addr li.db + li{padding-left: 0;margin-left: 0;} 
    .f_addr li.db + li:before{display: none; }
    .f_info .copy{font-size:12px; margin-top: 8px;}
    
    .at-go .go-btn{bottom: 15px; width: 44px;height: 44px;}
    .at-go.active .go-btn{bottom: 310px;}
    .at-go .go-btn span{width: 44px;height: 44px;}
    .at-go .go-btn span img{height: 8px; width:auto}
}