@media screen and (max-width:1024px) {
html.openGnb{ position: fixed;}
body{min-width: 0; width: auto;}
#wraper{min-width: 0;}
.wid{width: 96%;}
.ht_lef{display: none;}
.lgn_tg{display: none;}
.ht_rit{margin-right: -2%;}
.lang_tg > a{width: 97px; padding: 12px 0; text-align: center; background: url(/images/index/main/ht_ymbg.png) 90% center no-repeat;}
.lang_tg > ul > li > a{padding: 12px 0; text-align: center;}
.head_md {position: static; border-bottom: 2px solid #3e61b2;}
.head_md > div{text-align: center;}
.head_md > div > div{text-align: left;}
.logo_box{float: none;display: inline-block; }
.menu_box{display: none; margin: 0; position: absolute; left: 0; top: 0; width: 280px; height: 100%; overflow-y: auto; background: #fff; z-index: 210;}
.mo_lltg{display: block;}
.depth1 > li{float: none; margin-right: 0;}
.depth1 > li > a{display: block; padding: 14px 20px; font-size: 17px; color: #fff; background: url(/images/index/main/mdp1_mbg.gif) 92% center no-repeat #2673b5; border-bottom: 1px solid #79a3c7;}
.dp2_bk{position: static; border: none; }
.dp2_bk > .wid{width: 100%;}
.mdp_tbv{padding: 0; border: none;}
.mdp_tbv > li{ }
.mdp_tbv > li > p{position: static; width: auto; text-align: left;border-bottom: 1px solid #8ba3b8; }
.mdp_tbv > li > p > a{font-size: 14px; color: #c4def3; border: none; padding: 9px 20px; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li.on > p > a{color: #fff; padding-bottom: 9px;background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li > p.po1 > a{font-size: 14px; color: #c4def3; border: none; padding: 9px 20px; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li.on > p.po1 > a{color: #fff; padding-bottom: 9px;background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li > p.po2 > a{font-size: 14px; color: #c4def3; border: none; padding: 9px 20px; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li.on > p.po2 > a{color: #fff; padding-bottom: 9px;background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li > p.po3 > a{font-size: 14px; color: #c4def3; border: none; padding: 9px 20px; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li.on > p.po3 > a{color: #fff; padding-bottom: 9px;background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li > p.po4 > a{font-size: 14px; color: #c4def3; border: none; padding: 9px 20px; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li.on > p.po4 > a{color: #fff; padding-bottom: 9px;background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li > p.po5 > a{font-size: 14px; color: #c4def3; border: none; padding: 9px 20px; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li.on > p.po5 > a{color: #fff; padding-bottom: 9px;background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li > p.po6{position: static; width: auto; text-align: left;border-bottom: 1px solid #8ba3b8; }
.mdp_tbv > li > p.po6 > a{font-size: 14px; color: #c4def3; border: none; padding: 9px 20px; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #3B5998;}
.mdp_tbv > li.on > p.po6 > a{color: #fff; padding-bottom: 9px;background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #3B5998;}
/*.mdp2_ls > li > a{margin: 0; border: none; display: none;}*/
.mdp2_ls > li.on > strong > a{background: url(/images/index/main/mdp2_mbg2.png) 92% center no-repeat #477398;}
.mdp2_ls > li > strong > a{display: block;font-size: 15px; color: #c4def3; border: none; padding: 9px 20px; border-bottom: 1px solid #8ba3b8; background: url(/images/index/main/mdp2_mbg1.png) 92% center no-repeat #477398;}
.mdp2_ls > li > ul{margin: 0; display: none;}
.mdp2_ls > li > ul > li{margin-left: 20px; border: none; line-height: 24px;}
.mdp2_ls > li > ul > li > a{ vertical-align: middle;font-size: 14px; padding: 5px 0;padding-left: 10px; display: inline-block;background: url(/images/index/main/mdp3_mbg.gif) 0 center no-repeat;}
.mdp2_ls{padding: 0;}
.mdp2_ls > li{float: none; width: auto;}
.mdp2_ls > li > ul > li > dl{display: block; padding-left: 10px;}
.mdp2_ls > li > ul > li > dl > dt > a{display: block; padding: 6px 0; padding-left: 15px;font-size: 14px; color: #666; line-height: 10px; background: url(/images/index/main/sub_menu_bg.gif) 0 center no-repeat;}
.mdp2_ls.c6,.mdp2_ls.c7{padding: 0;}
.mdp2_ls.c6 > li,.mdp2_ls.c7 > li{width: auto; float: none;}
.mdp2_ls.c6 > li > strong,.mdp2_ls.c7 > li > strong,.mdp2_ls > li > strong{margin: 0;padding: 0; border-bottom: none;}
.mdp2_ls.c6 > li > ul,.mdp2_ls.c7 > li > ul,.mdp2_ls > li > ul{margin: 0; padding: 8px 0; }
.alm_bk{display: block; margin-left: 0; left: 2%; top: 67px;}
.search_sw{display: block; position: absolute; top: 67px; right: 2%;}
.mo_mypage{display: block;}
.mo_mlink_zone{display: block;}
/* 2018/10/15 */
.search_sw > a.on{display: block; border: 1px solid #c9c9c9; width: 39px; height: 38px; background: url(/images/index/main/mn_clo.gif) center center no-repeat; }
.search_sw > a.on > img {width: 0;height: 0;}
.head_bm{display: none;position: absolute; top: auto; left: 0; width: 100%; background: #fff; z-index: 180;}
.head_bm.pcv{display: block !important;}
.srch_box{width: auto; margin: 0; border: none; float: none;}
.srch_box > .input{background: none; border: 2px solid #3F64B4; display: block; width: auto; padding-right: 0;}
.srch_box > .input > .inputBox{width: 98%;padding-left: 2%; height: 34px; line-height: 34px;}
.srch_box > a{display: block; width: auto; height: 36px; margin-top: 5px; background: url(/images/index/main/search_bttb.gif) center center no-repeat #3f64b4;}
.srch_box > a > img{padding: 0; width: 0;height: 0; }
/* // 2018/10/15 */
.weather_tg{display: none;}
.search_kw{float: none; text-align: center; margin-left: 0;}
.search_kw > dl > dt{margin: 5px 0;}
.search_kw > dl > dd{max-width: none;margin: 5px 0;}
.h_slogan{display: none;}
.sns_fbk{position: absolute; top: 0; right: 97px; margin-top: 0;}
.sns_fbk > ul{overflow: hidden;}
.sns_fbk > ul > li{float: left;width: 40px; height: 40px; overflow: hidden; }
.sns_fbk > ul > li > a > img{margin-top: -5px; margin-left: -5px;}
.foot_tp{padding: 12px 0;}
.foo_link{float: none; text-align: center;}
.foo_link > ul > li{margin: 5px 4px;padding-left: 9px; letter-spacing: -1px;}
.foo_vdw{display: none;}
.foo_con{float: none; text-align: center;}
.foo_mk{display: none;}
#container{width: 96% !important;}
.mct_lf{width: 36%;}
.mct_lf > a > img{width: 100%; height: 257px;}
.mct_cn{width: calc( 64% - 14px);}
.nw_mvs > li img{width: 100%; height: 320px;}
.mc_tp > div.mct_rt{float: none;clear: both; margin-left: 0; width: auto; background: #fff;} /* 2018/10/18 */
.mct_itg > ul > li{width:11%;} /* 2018/10/18 */
.mct_rlk{background:none;border-left: none;}
.mct_rlk > li{width: 25%;}
.mct_rlk > li > a{border-left: 1px solid #7fa0d4;}
.mcm_bx,.mcm_bx.nt_vid{width: calc(50% - 14px);}
.mc_md > div > div.ntc_zone{float: none;width: auto;}
.songpaN{clear: none;}
.mc_ntc > li > a > span,
.mc_ntc > li:first-child > a > span{max-width: calc(100% - 25px);}
.mcm_bx.pp_zone > div{padding-bottom: 24px}
.bnn_sl > li img{width: 100%; height: 300px;}
/*.mcm_cnt > a img{width: 100%; height: 250px;}*/
#songpa_tv_info > a > img{width: 100%; height: 250px;}
#songpaNews > a > div{height:250px;}
#songpaNewsWebzine > li > div > a > img{width: 100%; height: 260px;}
.mcm_cnt > a > span{word-break: keep-all;}
.mcm_cnt > a > span > br{display: none;}
.mc_md > div > div:nth-of-type(even){clear: both;}
.mcm_bx > div{min-height: 0;}
.mgz_ls > li{width: calc(50% - 14px); margin-bottom: 6px;}
.mgz_ls > li > div > a > img{width: 100%; height: 260px;}
.mcb_bk > li > p{width: 33%;}
.mcb_bk > li > p.po2 {left: 33%; width: calc(34% - 2px); margin-left: 1px; }
.mcb_bk > li > div{padding: 30px 3%;}
.mcb_bk > li > div > ul{margin-left: -2%;}
.mcb_bk > li > div > ul > li{width: 18%; margin-left: 2%;}
.mlink_zone > .wid{width: 100%;overflow: hidden;}
.mblk_ls{margin-right: -1%;border:none;}
.mblk_ls > li{width: 33%;}
.mblk_ls > li:first-child{padding-left: 0; border-left: none;}
.mblk_ls > li > p.sel{width: calc(100% - 50px); }
.mblk_ls > li > p > select{width: 100%;padding-left: 1%;}
#snb{display: none;}
#content{float: none;width: auto;}
.btn{text-align: center;}
.column p img{max-width: 100%;}
}
@media screen and (max-width:900px) {
.mcb_bk > li > div > ul{margin-left: 0;}
.mcb_bk > li > div > ul > li{width: 32%; margin-left: 1%; margin-bottom: 20px;}
.mcb_bk > li > div > ul > li:nth-of-type(3n + 1){clear: both;}
}
@media screen and (max-width: 800px) {
/*.mcm_cnt > a img{height: 190px; }*/
#songpa_tv_info > a > img{height: 190px;}
#songpaNews > a > div{height: 190px;}
#songpaNewsWebzine > li > div > a > img{height: 200px;}
.bnn_sl > li img{height: 240px;}
.mgz_ls > li > div > a > img{height: 200px;}
.mct_lf > a > img{height: 217px;}
.nw_mvs > li img{height: 280px;}
.mct_lf > ul > li > a{font-size: 12px; letter-spacing: -1px;}
}
/* 2018/10/18 */
@media screen and (max-width:750px) {
.mct_itg > ul > li > a{letter-spacing: -1px;;}
}
/* // 2018/10/18 */
@media screen and (max-width:650px) {
.mct_lf > a > img{height: 187px;}
.nw_mvs > li img{height: 250px;}
/* 2018/10/18 */
/*.mct_itg > ul{max-width: 400px;margin: 0 auto;}*/
.mct_itg > ul > li{width: 33%;}
.mct_itg > ul > li:nth-of-type(3n +1) > a {border-left: none;}
/* // 2018/10/18 */
.mct_rlk > li{width: 50%;}
.ntc_mbk{padding-left: 100px;}
.ntc_mbk > li > p{width: 100px;}
/* Start: 채용공고 이분할 */
.mc_md > div > div .mor_l{right: 280px;}
.mc_md > div > div .small_title_l{top: 20px; left: 110px; font-size: 16px;}
.mc_md > div > div .small_title_r{top: 20px; right: 160px; font-size: 16px;}
.mc_ntc_l{margin-top: 0px;}
.mc_ntc_l > li > a > span{max-width: calc(100% - 25px);}
.mc_ntc_r > li > a > span{max-width: calc(100% - 25px);}
.mc_ntc_r{margin-top: 0px;}
.mc_ntc_l > li:first-child > a > span{max-width: calc(100% - 25px);}
.mc_ntc_r > li:first-child > a > span{max-width: calc(100% - 110px);}
/* End: 채용공고 이분할 */
/* pp_zone 10/19 */
.pp_zone .bx-next{ right: 37px;}
.pp_zone .bx-prev { right: 81px;}
.pp_zone .bx-controls-auto a{ right: 59px;}
.pp_zone .bx-pager{ right: 114px;}
.pp_zone .pp_mor{right: 15px;}
/* */
.mc_md > div > div .mor{right: 15px;}
.mcm_bx > div{padding: 15px;}
.ntc_mbk > li > div { margin: 0 15px 24px; }
}
@media screen and (max-width:600px) {
.foo_con{letter-spacing: -1px;}
.foo_con span{display: block;}
.mc_tp > div{float: none;}
.mct_lf, .mct_cn {width: auto; margin-left: 0;}
.mct_lf > a > img{height: auto;}
.nw_mvs > li img{height: auto;}
.mct_lf > ul > li > a{font-size: 14px; letter-spacing: 0;}
/*.mcm_cnt > a img{height: 160px; }*/
#songpa_tv_info > a > img{height: 160px;}
#songpaNews > a > div{height: 160px;}
#songpaNewsWebzine > li > div > a > img{height: 160px;}
.bnn_sl > li img{height: 210px;}
.mgz_ls > li > div > a > img{height: 170px;}
.oslk_bx{padding-left: 0; padding-bottom: 40px;}
.oslk_bx .bx-controls-direction a{top: auto; bottom: 0; left: 50%;}
.oslk_bx .bx-controls-auto a{top: auto; bottom: 0; left: 50%; margin-left: -16px;}
.oslk_bx .bx-prev{margin-left: -54px;}
.oslk_bx .bx-next{margin-left: 22px;}
.footer_banner_wrap{padding-left: 0; padding-bottom: 40px;}
.footer_banner_bt{width:108px; top:auto; left:50%; bottom:0; margin-left:-54px;}
}
@media screen and (max-width:550px) {
.mc_md > div > .ntc_zone .mor{right: 10px;}
.ntc_mbk > li > div{margin:10px;margin-bottom: 14px;}
.mc_ntc > li{padding-right: 0;}
.mc_ntc > li > span{display: none;}
/* .mc_ntc > li:first-child > span{display: inline;} */
/* Start: 채용공고 이분할 */
.mc_md > div > div .mor_l{right: 225px;}
.mc_md > div > div .small_title_r{right: 115px;}
/* End: 채용공고 이분할 */
.mcb_bk > li > div > ul{margin-left: -2%;}
.mcb_bk > li > div > ul > li{width: 48%; margin-left: 2%;}
.mcb_bk > li > div > ul > li:nth-of-type(3n + 1){clear: none;}
.mcb_bk > li > div > ul > li:nth-of-type(2n + 1){clear: both;}
.mc_md > div{margin-left: 0}
.mc_md > div > div{float: none;margin-left: 0;width: auto;}
.mcm_bx, .mcm_bx.nt_vid{width: auto;}
/*.mcm_cnt > a img{height: auto; }*/
#songpa_tv_info > a > img{height: auto;}
#songpaNews > a > div{height: 212px;}
#songpaNewsWebzine > li > div > a > img{height: auto;}
.bnn_sl > li img{height: auto;}
.mgz_ls > li > div > a > img{height: auto;}
.mblk_ls > li > p.sel{width: calc(100% - 36px); }
.mblk_ls > li > p > select{height: 40px; line-height:40px; }
.mblk_ls > li > p > a{width: 35px; padding: 10px 0;}
}
@media screen and (max-width:450px) {
.foo_link > ul > li:last-child{display: block; padding-left: 0; background: none; margin-left: 0;}
.mlink_zone{border-bottom: none;}
.mblk_ls{margin-right: 0;}
.mblk_ls > li {width: auto; float: none; border-left: none; border-bottom: 1px solid #dedede;}
/* Start: 채용공고 이분할 */
.mc_md > div > div .mor_l{right: 190px;}
.mc_md > div > div .small_title_l{left: 90px;}
.mc_md > div > div .small_title_r{right: 80px;}
/* End: 채용공고 이분할 */
.ntc_mbk{padding-left: 80px;}
.ntc_mbk > li > p{width: 80px;}
.ntc_mbk > li > p > a{font-size: 14px; letter-spacing: -1px;}
#songpaNews > a > div{height: 185px;}
}
/* 2018/10/17 */
@media screen and (max-width:350px) {
.lang_tg > a{ width: 70px; font-size: 13px; letter-spacing: -1px; padding-right: 15px;}
.lang_tg > ul > li > a{font-size: 13px;}
.sns_fbk{right: 85px;}
.sns_fbk > ul > li{width: 38px; }
.sns_fbk > ul > li > a > img {margin-left: -6px;}
/* Start: 채용공고 이분할 */
.mc_md > div > div .mor_l{right: 120px;}
.mc_md > div > div .small_title_r{right: 20px;}
/* End: 채용공고 이분할 */
#songpaNews > a > div{height: 156px;}
}