/* 2021/10/18 */
@media screen and (max-width: 1920px) {
    .m-qm{max-height: 750px;}
    #main_visual_video_1 {
        min-height: 750px;
        max-height: 750px !important;
    }
}
@media screen and (max-width: 1650px) {
    .visual_Image{min-width: 115% !important;}
}

@media screen and (max-width: 1600px) {
    .visual_Image{min-width: 120% !important;}
}

@media screen and (max-width: 1550px) {
    .visual_Image{min-width: 125% !important;}
}

@media screen and (max-width: 1500px) {
    .visual_Image{min-width: 130% !important;}
}

@media screen and (max-width: 1450px) {
    .visual_Image{min-width: 135% !important;}
}

@media screen and (max-width: 1400px) {
    .visual_Image{min-width: 140% !important;}
}

@media screen and (max-width: 1350px) {
    .visual_Image{min-width: 145% !important;}
}

@media screen and (max-width: 1320px) {
    .footer-banner {text-align: right;}
    .ft-mk{margin-bottom: 20px;}
}

@media screen and (max-width: 1300px) {
    .visual_Image{min-width: 150% !important;}
}

@media screen and (max-width: 1280px) {
    .visual_Image{min-width: 155% !important;}
}

@media screen and (max-width: 1200px) {
    .visual_Image{min-width: 160% !important;}
}

@media screen and (max-width: 1150px) {
    .visual_Image{min-width: 165% !important;}
}

@media screen and (max-width: 1100px) {
    .visual_Image{min-width: 170% !important;}
}

@media screen and (max-width: 775px){
    .ft-loc{float: right; margin: 0;}
}

    @media screen and (max-width: 1024px) {
    .myLink {
        display: none;
    }

    .header.srpg{padding: 20px 0 0;}
    .header.srpg .logo{float: none; margin-left: 2%;}
    .hd-search{float: none; margin: 20px 0 0; padding: 15px 2%; background: #333; border-bottom: 2px solid #0d47a1;}
    .hd-srbx{display: block; width: auto; max-width: 560px; margin: 0 auto; }
    .sr-quick{display: block; width: auto; max-width: 560px; margin: 10px auto 0; }
    .sr-quick .rir{display: inline-block; vertical-align: top; padding: 2px 0; margin-right: 16px;}
    .sr-quick .q-lk{display: inline-block; vertical-align: top;}

    .login-bk{margin: 0 -1%;}
    .login-bk > div{
        width: 95%;
        margin: 0 3%;
    }

    .topBtnFooter {
        display: block;
        position: fixed;
        bottom: 16px;
        right: 16px;
        z-index: 9999;
        width: 37px;
        height: 37px;
    }

    .mobileDarkModeButton {
        display: block;
        position: fixed;
        bottom: 60px;
        right: 16px;
        z-index: 9999;
        width: 37px;
        height: 37px;
    }

    .mobileDarkModeButton > a {
        display: block;
        background: #000;
        padding: 5px 5px;
        border-radius: 20px 20px 20px 20px;
        background-image: url(/images/kor2021/main/moon_icon.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .hc-mode .mobileDarkModeButton > a {
        background: #fff;
        background-image: url(/images/kor2021/main/sun_icon.png);
        background-repeat: no-repeat; background-position: center;
    }

    body.hc-mode > #wrap > div.header {
        filter: none !important;
        -webkit-filter: none !important;
        -ms-filter: none !important;
    }

    body.hc-mode > #wrap div.menu-box {
        filter: invert(1);
        -webkit-filter: invert(1);
        -ms-filter: invert(1);
    }

    .top-layer{min-width: 320px;}
    .top-layer.mobile-open {
        display: none;
    }

    .topBannerFooterFirst {
        position: fixed;
        display: none;
        bottom: 16px;
        left: 17px;
        /*right: 20px;*/
        height: 82px;
        z-index: 100;
    }
    /*.topBannerFooterFirst a{*/
    /*    display: block;*/
    /*    margin-bottom: 3px;*/
    /*}*/

    .left-ivisual-notice-pop {
        display: none;
    }
    #wrap{min-width: 320px;}

    .header{padding: 20px 2%;background: #0d47a1; border-bottom: none;}
    .logo > a{width: 147px; height: 25px; background-image: url(/images/kor2021/main/logo_mo.png);}
    .seoul-logo{display: none;}
    .seoul-logo-search{display: none;}
    .hd-wp-search{background: #0d47a1}

    .mo-mbt{display: block;}
    .menu-box {
        display: none;
        margin: 0;
        position: fixed;
        top: 0;
        right: 0;
        background: #0d47a1;
        z-index: 210;
        width: calc(100% - 50px);
        height: 100%;
        min-width: 320px;
        overflow-y: scroll !important;
    }
    .mo-mclo{display: flex; justify-content: space-between;}

    .depth1 > li{float: none; margin: 0; width:45%;}
    .depth1 > li > a{font-size: 16px; color: #fff; line-height: 24px; padding: 10px 20px; padding-right: 40px; margin-bottom: 20px;/*border-bottom: 1px solid rgba(255,255,255,0.3);*/}
    .depth1 > li > a:after{display: none;}
    .depth1 > li > a.nx:after{display: block; opacity: 1; left: auto; bottom: auto; right: 20px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: url(/images/kor2021/main/mo_mdp_ic1.png) 0 0 no-repeat;}

    .depth1 > li.on > a.nx:after{background-image: url(/images/kor2021/main/mo_mdp_ic2.png);}
    .depth1 > li.on {background-color: #0e3174;}
    .depth1 > li.on > div.dp2-bx {display: block;}
    .depth1 > li.on > div.dp2-bx > div > ul.depth2 > li.on > ul {display: block;}


    /*.dp2-bx{display: block; position: static; border: none; box-shadow: none;}*/
    .dp2-bx{position: absolute; display: none;top: 65px;left: 45%; border-top: none;}
    .dp2-bx > div {width: 100%;}

    .dp2-itx{display: none;}
    .depth2{display: none; padding: 0; background: #3b7fd6;}
    .depth2 > li{border: none;}
    .depth2 > li > a{float: none; width: auto; font-size: 16px; color: #fff; padding: 10px 20px; padding-right: 40px; border-bottom: 1px solid rgba(0,0,0,0.3); position: relative;}
    .depth2 > li > a.nx:after{content: ''; position: absolute; right: 20px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: url(/images/kor2021/main/mo_mdp_ic1.png) 0 0 no-repeat;}
    .depth2 > li.on > a.nx:after{background-image: url(/images/kor2021/main/mo_mdp_ic2.png);}
    .depth2 > li > ul{display: none; float: none; width: auto; padding: 5px 0; background: #6294f7; border-bottom: 1px solid rgba(0,0,0,0.3);}
    .depth2 > li > ul > li{margin: 0; display: block;}
    .depth2 > li > ul > li > a{font-size: 16px; color: #fff; line-height: 22px; padding: 5px 0; padding-left: 28px;}
    .depth2 > li > ul > li > a:before{background: #fff; left: 20px; top: 15px;}

    .ht-lk{display: none !important;}
    .mo-srsw{display: block;}
    .mo-eng{display: block;}

    .ft-bm{padding: 30px 0 20px;}
    .ft-mk{width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: center;}
    .ft-mk > li{margin: 0 10px;}

    .footer-banner{text-align: center;}


    .m-vsl > li > div{height: 600px; background-size: auto 100%;}
    .m-vsl > li > div > div{padding-top: 0;}
    .vsl-bk .bx-controls-auto{right: 20px; bottom: 20px;}
    .mvs-cbbx{display: none;}
    .m-qm{display: none;}
    .msc4-bm > div .lbx > ul > li{font-size: 18px; line-height: 24px; padding-left: 16px;}
    .msc4-bm > div .lbx > ul > li:before{top: 8px;}
    .msc4-bm > div .rbx > dl{padding-left: 2%;}
    .msc4-bm > div .rbx > dl > dd > ul > li{letter-spacing: -1px;}

    .s-container{padding: 40px 0 70px;}
    .s-container.mobile-open {
        display: none;
    }
    .contents.mobile-open {
        display: none;
    }

    .sub-tp{margin-bottom: 40px;}
    .sub-nav{margin-top: 20px;}
    .stp-bt{display: none;}
    .line-map{ line-height: 30px;}
    .line-map > li{display: inline; vertical-align: top; float: none; height: auto; margin-right: 2px; line-height: inherit;}
    .line-map > li > a, .line-map > li > a.nl, .line-map > li strong{display: inline-block; vertical-align: middle;  padding: 0; background: none;}
    .line-map > li.home{position:absolute;left:0;top:0;height:62px;box-sizing:border-box;margin-right: 2px;}
    .line-map > li.home > a{vertical-align: top;}
    .line-map > li.home img{vertical-align: middle;  width: 30px;}
    .line-map > li + li:before{position: static; display: inline-block; vertical-align: middle; width: 9px; height: 11px; margin-right: 6px; background: url(/images/kor2021/main/sub_nav_arr.png) no-repeat;}


    .tab-lls > li{min-width: 25%;}
    .tab-lls > li > a{min-width: 0; padding: 8px 10px; font-size: 16px; line-height: 22px;}

    .brd-srll .brd-search{max-width: 540px;}
    .brd-search select{width: 100px; margin-right: 5px;}
    .brd-search .sr-ib{    width: calc(100% - 110px);}
    .lsLine select{width: 100px;}

    /*body.hc-mode > #wrap > div.header > div.hd-wp > h1.logo > a {*/
    /*    filter: invert(1);*/
    /*    -webkit-filter: invert(1);*/
    /*    -ms-filter: invert(1);*/
    /*}*/

    .s-container > div.wid > div.sub-tp > div.sub-nav > .line-map.clearfix{position:relative;padding:15px!important;padding-left:76px!important;line-height:1.4;height:62px;box-sizing:border-box;}

    /*.bx-controls.bx-has-pager.bx-has-controls-auto > .bx-pager.bx-default-pager {*/
    /*    !*right: 110px !important;*!*/
    /*    !*bottom: 30px !important;*!*/
	/*    !*right: 35px !important;*!*/
    /*    right: 45px !important;*/
	/*    bottom: 32px !important;*/
    /*}*/

    .vsl-bk > .main_visual_stage > div .bx-wrapper .bx-controls > .bx-pager {
        right: 45px !important;
        bottom: 32px !important;
    }

    #main_visual_video_1 {min-height: 700px;}
    .visual_Image{min-width: 175% !important;}

    /* 202408 인터뷰(신규) */
    .button-group{height: 45px; width: 50%;}
    .photoView > li:nth-of-type(4n){margin-right: 30px;}
    .photoView > li:nth-of-type(3n){margin-right: 0;}
    .photoView > li { width: calc(100% / 3 - 25px);}
    .titleView > li{padding: 5px 5px 30px calc(2% + 20px);}
    .titleView > li > div .tx{display: block;}
    .titleView .ti{font-size: 16px;}

}

@media screen and (max-width: 950px) {
    .visual_Image{min-width: 180% !important;}
}

@media screen and (max-width: 900px){
    .msc4-tp{text-align: center; background-image: url(/images/kor2021/main/msc4_tbg_02.jpg); background-size: cover; padding: 40px 0 40px;}
    .msc4-tp .msc-ti, .msc4-tp .msc-sns{float: none; margin-bottom: 30px;}
    .msc4-tp .lkb{float: none;}
    .msc4-bm:before{display: none;}
    .msc4-bm > .wid{width: auto; display: block;}
    .msc4-bm > div > div{display: block;}
    .msc4-bm > div .lbx{width: auto; padding: 40px 2%; text-align: center; background: url(/images/kor2021/main/msc4_bg2.jpg) right bottom no-repeat; background-size: cover;}
    .msc4-bm > div .lbx > ul{display: inline-block; text-align: left; padding: 0;}
    .msc4-bm > div .rbx{padding: 30px 2% 40px;}
    .msc4-bm > div .rbx > dl{padding-left: 0;}
    .msc4-bm > div .rbx > dl > dt{text-align: center;}
    .msc4-bm > div .rbx > dl > dd > ul > li{font-size: 15px; margin-bottom: 8px; line-height: 20px; padding-left: 12px;}
    .msc4-bm > div .rbx > dl > dd > ul > li:before{top: 7px;}

    .view-bx{float: none; width: auto;}
    .lb-lsbx{float: none; width: auto; margin-top: 30px;}

    #main_visual_video_1 {min-width: 195% !important; max-height: 650px !important; min-height: 650px;}
    .visual_Image{min-width: 185% !important;}
}


@media screen and (max-width: 768px) {
    .top-layer{padding: 10px 2%; }
    .tpl-clo{position: static; text-align: center; margin-top: 5px;}

    .ft-lk{text-align: center;}
    .ft-lk > li{margin: 2px 8px;}
    .ft-logo{float: none; text-align: center;}
    .ft-loc{float: none; margin: 20px 0 0; text-align: center;}
    .ft-mk{float: none;}

    .m-vsl > li > div{height: 450px;}
    .vsl-tx1 .sft{font-size: 45px;}
    .vsl-tx1 > p{font-size: 16px;}
    .vsl-tx1 .lbx{margin-top: 35px;}
    .vsl-tx1 .lbx img{width: 240px;}

    .msc-ls.tp1{margin-left: -2%;  margin-right: 0;}
    .msc-ls.tp1 > li{margin-left: 2%; width: 48%;}
    .msc-ls.tp1 > li .tx > h4{font-size: 16px; line-height: 22px; height: 44px;}
    .msc-ls.tp2{margin-left: -2%;}
    .msc-ls.tp2 > li{margin-left: 2%; width: 31%;}
    .msc-ls.tp2 > li .tx{padding: 10px 3%;}
    .msc-ls.tp2 > li .tx:before{top: 10px;}
    .msc-ls.tp2 > li .tx > h4{font-size: 15px; line-height: 20px; height: 40px;}


    .pg-tit{font-size: 32px; padding-top: 10px;}
    .line-map{line-height: 22px;}
    .line-map > li{font-size: 15px;}
    .s-container > div.wid > div.sub-tp > div.sub-nav > .line-map.clearfix{padding-left:60px!important;height:50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .line-map > li.home{height:50px;}
    .line-map > li.home img{width: 24px; margin-top: -2px;}

    .brd-srll .brd-search{max-width: none; float: none; width: auto; margin-bottom: 10px;}
    .brd-srll .lsLine{float: none; }

    .pho-lsbx{overflow: hidden;}
    .photo-ls{margin-left: -3%;}
    .photo-ls > li{width: 47%; margin-left: 3%;}

    #main_visual_video_1 {min-width: 195% !important; max-height: 550px !important; min-height: 550px;}
    .visual_Image{min-width: 195% !important;}

    /* 202408 인터뷰(신규) */
    .button-group{height: 50px;width: 100%;margin-top: 20px;}
    .view-type-button{padding: 8px 8px 8px 25px;}
    .photoView > li:nth-of-type(4n){margin-right: 10px;}
    .photoView > li:nth-of-type(3n){margin-right: 10px;}
    .photoView > li:nth-of-type(2n){margin-right: 0px;}
    .photoView > li { width: calc(100% / 2 - 8px); margin: 0 10px 15px 0;}
    .photoView .da{padding-right: 10px;}
    .photoView > li > div{padding-bottom: 15px;}

    /* 모바일 배너 위치 */
    /*.topBannerFooterFirst {*/
    /*    top: 570px;*/
    /*}*/
}

@media screen and (max-width: 700px) {
    .ft-tp{padding: 10px 0;}
    .ft-lk{max-width: 350px; margin: 0 auto;}
    .ft-lk > li{margin: 2px 4px;}

    #main_visual_video_1 {min-width: 205% !important; max-height: 500px !important;; min-height: 500px;}
    .visual_Image{min-width: 205% !important;}
}

@media screen and (max-width: 600px) {
    .msc-ti{text-align: center;}
    .msc-lsbx{padding: 15px 10px 0; margin-top: 10px;}
    .msc-ls.tp1, .msc-ls.tp2{ margin: 0 auto; max-width: 460px;}
    .msc-ls.tp1 > li, .msc-ls.tp2 > li{float: none; width: auto; margin-left: 0;}
    .msc-ls.tp2 > li .tx{padding: 15px 3%;}
    .msc-ls.tp2 > li .tx:before{top: 15px;}
    .msc-lsbx .more-bx{left: 0; bottom: auto; top: 0; text-align: center; margin-bottom: 20px;}
    .msc3{padding-bottom: 0;}
    .msc3 .wid{width: 100%;}
    .msc-slbk{margin-top: 50px;}
    .msc-slbk .bx-controls{left: 10px; right: 10px; top: -38px; text-align: center;}
    .msc-slbk .bx-pager a{margin: 2px 4px;}
    .msc-slbk .bx-controls-auto a{margin: 0 4px;}
    .msc-slbk .mob-ctl{display: block;}
    .msc4-tp{ background: url(/images/kor2021/main/msc4_bg1m_02.jpg) center center no-repeat; background-size: cover; }

    /* UOS 인터뷰 메인 */
    .msc1-box{ display: block;}
    .lsec{width:100%;}
    .rsec{width:100%;padding: 0;}
    .lsec-news{float: none !important; width: auto !important; margin-left: 0 !important;}
    .rsec-interview{float: none !important; width: auto !important; margin-left: 0 !important;}

    .brd-lstp1 > li > div > p{width: 70px; font-size: 18px; line-height: 24px;}
    .brd-lstp1 > li > div > p .cl{padding: 2px 0;}
    .brd-lstp1 > li > div > div{padding-left: 4px;}
    .brd-lstp1 .ti{font-size: 18px; line-height: 24px;}
    .brd-lstp1 .da > span{font-size: 14px; }

    .brd-lstp2 > li{padding: 10px 2%;}
    .brd-lstp2 > li .num{position: static; display: block; margin-bottom: 8px;}
    .brd-lstp2 > li > div .ph{width: 100px;}
    .brd-lstp2 > li > div .tx{padding-left: 8px;}
    .brd-lstp2 .ti{font-size: 16px; line-height: 22px;}
    .brd-lstp2 .inf{display: none;}

    .brd-lstp2 > li > div > div.ph > a {
        height: 68px !important;
    }

    .brd-lstp2 > li > div > div.ph > a > img {
        min-height: 68px !important;
    }

    .iptt1.swd{width: 100%;}
    .iptt1.swd + .ra-wi{margin-left: 0; display: block; margin-top: 8px;}
    .col-w1{width: 82px;}
    .row-tbst1 th{padding: 8px; font-size: 14px;}
    .row-tbst1 td{padding: 8px 10px; font-size: 14px;}

    #main_visual_video_1 {min-width: 225% !important; max-height: 450px !important;; min-height: 450px;}
    .visual_Image{min-width: 225% !important;}
}

@media screen and (max-width: 680px) {
    /*.topBannerFooterFirst {*/
    /*    top: 420px;*/
    /*}*/
}

@media screen and (max-width: 500px) {
    .ft-lk > li, .ft-loc{font-size: 14px; letter-spacing: -1px;}
    .ft-mk > li{margin: 0 3px;}
    .ft-mk > li img{height: 28px;}

    .msc4-tp .msc-ti{font-size: 28px;}
    .msc4-tp .lkb > a{font-size: 22px;}
    .msc4-bm > div .rbx > dl > dd > ul{width: auto; float: none; padding: 0;}
    .msc4-bm > div .rbx > dl > dd > ul > li{box-sizing: border-box; float: left; width: calc(50% - 6px); margin-left: 6px; }

    .yaer-sbk{text-align: left;}

    .photo-ls > li > a > span{font-size: 15px;}

    .scd-lst th{font-size: 16px; letter-spacing: -1px;}

    .iptt1.wbt{width: calc(100% - 74px);}

    .r-cnt > dd > ul > li.wid01 {margin-left: 0px;}
    .r-cnt > dd > ul > li.wid02 {margin-left: 0px;}
    .r-cnt > dd > ul > li.wid03 {margin-left: 0px;}
    .r-cnt > dd > ul > li.wid04 {margin-left: 0px;}

    .sr-option select{max-width: 88px;}

    #main_visual_video_1 {min-width: 250% !important; max-height: 425px !important;; min-height: 425px;}
    .visual_Image{min-width: 250% !important;}
}

@media screen and (max-width: 400px) {
    #main_visual_video_1 {min-width: 250% !important; max-height: 400px !important;; min-height: 400px;}
    .visual_Image{min-width: 265% !important;}
}

@media screen and (max-width: 320px) {
    #main_visual_video_1 {min-width: 275% !important; max-height: 380px !important;; min-height: 380px;}
    .visual_Image{min-width: 280% !important;}
}