@font-face {
	font-family: 'notokr-medium';
	src: url('../font/notokr-medium.eot'),
			url('../font/notokr-medium.woff') format('woff'),
			url('../font/notokr-medium.ttf') format('truetype');
	src: local("※"),
		url('../font/notokr-medium.eot'),
		url('../font/notokr-medium.woff') format('woff'),
		url('../font/notokr-medium.ttf') format('truetype'),
}

@font-face {
	font-family: 'malgun';
	src: url('../font/malgun.eot'),
			url('../font/malgun.woff') format('woff'),
			url('../font/malgun.ttf') format('truetype');
	src: local("※"),
		url('../font/malgun.eot'),
		url('../font/malgun.woff') format('woff'),
		url('../font/malgun.ttf') format('truetype'),
}

@font-face {
	font-family: 'noto-l';
	font-weight: 400;
	src: url('../font/NotoSansCJKkr-Light.eot'),
			url('../font/NotoSansCJKkr-Light.woff') format('woff'),
			url('../font/NotoSansCJKkr-Light.ttf') format('truetype');
	src: local("※"),
		url('../font/NotoSansCJKkr-Light.eot'),
		url('../font/NotoSansCJKkr-Light.woff') format('woff'),
		url('../font/NotoSansCJKkr-Light.ttf') format('truetype'),
}
@font-face {
	font-family: 'noto';
	font-weight: 400;
	src: url('../font/NotoSansCJKkr-Regular.eot'),
			url('../font/NotoSansCJKkr-Regular.woff') format('woff'),
			url('../font/NotoSansCJKkr-Regular.ttf') format('truetype');
	src: local("※"),
		url('../font/NotoSansCJKkr-Regular.eot'),
		url('../font/NotoSansCJKkr-Regular.woff') format('woff'),
		url('../font/NotoSansCJKkr-Regular.ttf') format('truetype'),
}
@font-face {
	font-family: 'noto';
	font-weight: 600;
	src: url('../font/NotoSansCJKkr-Medium.eot'),
			url('../font/NotoSansCJKkr-Medium.woff') format('woff'),
			url('../font/NotoSansCJKkr-Medium.ttf') format('truetype');
	src: local("※"),
		url('../font/NotoSansCJKkr-Medium.eot'),
		url('../font/NotoSansCJKkr-Medium.woff') format('woff'),
		url('../font/NotoSansCJKkr-Medium.ttf') format('truetype'),
}




html, body, div, dl, dt, dd, ul, ol, li, p {margin:0px; padding:0px; font-family: "맑은 고딕",sans-serif;font-size:12px;list-style:none;font-weight: 400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;}
body{position: relative;}
input,select,textarea{vertical-align:middle;margin:0;padding:0;border:0;font-family: "맑은 고딕",sans-serif;font-weight: 400;}
a{text-decoration:none;vertical-align:middle;font-size:inherit;color:inherit;}
img{border:0;vertical-align:middle;margin:0;padding:0;border:0;}
figure{margin:0px; padding:0px;}
button{margin:0;padding:0;border:none;background:none;font-family:"맑은 고딕",sans-serif;cursor: pointer;font-weight: 400;}


table {border-collapse:collapse;width:100%;}
caption{width:0;height:0;font-size:0;overflow:hidden;}


.mtp10{margin-top:10px;}
.mtp20{margin-top:20px;}
.mtp30{margin-top:30px;}
.mtp40{margin-top:40px;}
.mtp50{margin-top:50px;}
.mtp60{margin-top:60px;}
.mtp70{margin-top:70px;}
.mtp80{margin-top:80px;}
.mtp90{margin-top:90px;}
.mtp100{margin-top:100px;}


#skipNavi li { font-size:0; line-height:0; }
#skipNavi li a { display:block; width:100%; padding:12px 0; color:#fff; position:absolute; left:0; top:-100px; text-align:center; z-index:200; background:#d06409; border:0 none;}
#skipNavi li a:active, #skipNavi li a:focus { top:0; font-weight:bold;font-size:16px;line-height:1.5; border-bottom:3px solid #fff;}

#wrap{width:100%;min-width:1500px;position: relative;}
.wid{width:1500px;margin:0 auto;}
.clear{clear:both;height:0;}
.cfx:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.ofl{overflow:hidden;}

.header{background:#fff;border-top:2px solid #e04a4b;border-bottom:1px solid #eee;}
.hd_tp{position:relative;padding-left:157px;z-index:100;}
.logo_bx{position:absolute;left:0;top:0;}
.htp_bk{text-align:right;font-size:12px;color:#757575;line-height:16px;overflow:hidden; padding:5px 0;}
.htp_bk > p{margin-left:10px;}
.ht_qbk{float:right;}
.ht_qbk > strong{color:#2a333e;margin-right:4px;display:inline-block;}
.ht_qbk > strong > em{display:inline-block;font-weight:normal;font-style: normal;color:#ea3637;padding-right:12px;background:url(/images/main/ht_bg1.gif) right center no-repeat;}
.ht_qbk > span{display:inline-block;}

.hd_bm{padding-bottom: 5px;}
.mm_bt{text-align:right;display:none;}
.menu_box{width:800px;margin:0 auto;}
.m_clo{display:none;}
.depth1:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.depth1 > li{float:left;width:auto;margin-left:1%;text-align:center;}
.depth1 > li > a{display:inline-block;font-family: "notokr-medium",sans-serif;font-size:20px;color:#000;padding: 2px 20px;}
		.mob_mbox{display: none;}
		.logo_bx > a > span{display: none;}

.mc_vsr{position:relative;}
.mcv_sl > li{overflow:hidden;background-repeat:no-repeat;background-position:center top;}
@media screen and (min-width:1900px){
.mcv_sl > li{background-size:cover;}
}
.mcv_sl > li > div{width:480px;padding:20px 8px;margin:41px auto 52px;}

.mc_vsr .banner-count{position:absolute;bottom:23px;left:50%;margin-left:-45px;width:40px;padding:5px 10px;padding-right:40px;z-index:51;background:url(/images/main/mcsl_cntb.png) repeat;border-radius:15px;}
.mc_vsr .banner-count{font-size:12px;color:#c2e5fe;}
.mc_vsr .banner-count > .mcs_index{font-weight:bold;color:#fff;}
.mc_vsr .bx-controls-direction a{font-size:0;display:block;width:42px;height:68px;margin-top:-34px;position:absolute;top:50%;left:50%;z-index:51;}
.mc_vsr .bx-prev{margin-left:-438px;background:url(/images/main/mcs_pre.png) left center no-repeat;}
.mc_vsr .bx-next{margin-left:396px;background:url(/images/main/mcs_nex.png) right center no-repeat;}
.mc_vsr .bx-controls-auto a{display:block;width:13px;height:13px;position:absolute;bottom:23px;left:50%;font-size:0;margin-bottom:6px;}
.mc_vsr .bx-start{margin-left:27px;background:url(/images/main/mcs_sta.png) right center no-repeat;z-index:54;}
.mc_vsr .bx-stop{margin-left:10px;background:url(/images/main/mcs_sto.png) right center no-repeat;z-index:53;}


.mc_con{overflow:hidden;}
.mc_con > div{margin-left:28px;margin-top:30px;float:left;}
.mc_con > div:first-child{margin-left:0;}
.mc_con > div > h4{margin-bottom:15px;font-family:"malgun",sans-serif;font-size:17px;color:#29323d;padding-left:15px;background:url(/images/main/tit_bg1.gif) left 6px no-repeat;}

.mc_ntc{/*width:600px;*/width:736px;position:relative;}
.mc_ntc > ul{border-top:1px solid #eee;}
.mc_ntc > ul > li > div{border:1px solid #eee;border-top:none;}
.ntc_ttg{background:#f9f9f9;display:table;width:100%;table-layout:fixed;}
.ntc_ttg > p{display:table-cell;text-align:center;vertical-align:middle;height:28px;color:#949494;}
.ntc_ttg > .tt{text-align:left;padding-left:14px; overflow: hidden;}
.ntc_ttg > .tt > a {float: left; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-weight:bold; color:#29323d;}
.ntc_ttg > .tt > a > span{display:inline;max-width:415px; }/* 2018/4/9 */
.ntc_ttg > .tt > a > img{margin-left:5px;}
.ntc_ttg > .cl{width:165px;border-left:1px solid #eee;letter-spacing:-1px;}
.ntc_ttg > .dy{width:134px;border-left:1px solid #eee;}/* 2018/4/9 */
.mc_ntc > ul > li > .ntc_inf{padding:8px 14px;}
.mc_ntc > ul > li > .ntc_inf > p{color:#777;line-height:16px;height:35px;overflow:hidden;}
.mc_ntc .mor{display:block;padding:8px;text-align:center;background:#ededed;margin-top:3px;}/* 2018/4/24 */
.mc_ntc > ul > li:hover .ntc_ttg{background:#fffeed;}
.mc_ntc > ul > li:hover .ntc_inf{background:#fffeed;}


.mc_ss{width:244px;display:none;}
.mc_ss > p{border:1px solid #eee;line-height:16px;padding:6px 15px;text-align:right;background:#f9f9f9;}
.mc_ss > ul{padding:6px 9px 16px;border:1px solid #eee;border-top:none;overflow:hidden;}
.mc_ss > ul > li{margin-top:10px;}
.mc_ss > ul > li > dl{display:table;width:100%;color:#29323d;}
.mc_ss > ul > li > dl > dt{display:table-cell;width:55%;padding-left:28px;padding-right:5px;height:16px;vertical-align:middle;background-position:left center;background-repeat:no-repeat;}
.mc_ss > ul > li > dl > dd{display:table-cell;width:45%;text-align:right;height:16px;vertical-align:middle;font-weight:bold;}
.mc_ss > ul > li > dl > dt.bg1{background-image:url(/images/main/m_ic1.gif);}
.mc_ss > ul > li > dl > dt.bg2{background-image:url(/images/main/m_ic2.gif);}
.mc_ss > ul > li > dl > dt.bg3{background-image:url(/images/main/m_ic3.gif);}
.mc_ss > ul > li > dl > dt.bg4{background-image:url(/images/main/m_ic4.gif);}
.mc_ss > ul > li > dl > dt.bg5{background-image:url(/images/main/m_ic5.gif);}
.mc_ss > ul > li > dl > dt.bg6{background-image:url(/images/main/m_ic6.gif);}
.mc_ss > ul > li > dl > dt.bg7{background-image:url(/images/main/m_ic7.gif);}
.mc_ss > ul > li > dl > dt.bg8{background-image:url(/images/main/m_ic8.gif);}
.mc_ss > ul > li > dl > dt.bg9{background-image:url(/images/main/m_ic9.gif);}
.mc_ss > ul > li > dl > dt.bg10{background-image:url(/images/main/m_ic10.gif);}
.mc_ss > ul > li > dl > dt.bg11{background-image:url(/images/main/m_ic11.gif);}
.mc_ss > ul > li > dl > dt.bg12{background-image:url(/images/main/m_ic12.gif);}
.mc_ss > ul > li > dl > dt.bg13{background-image:url(/images/main/m_ic13.gif);}

.mc_bm{background:#e9ecf1;padding-bottom:20px;margin-top:30px;}
.mc_bm > div > ul{overflow:hidden;margin-left:-12px;}
.mc_bm > div > ul > li{margin-top:20px;float:left;margin-left:12px;}
.mc_bm > div > ul > li > a{display:block;}

.footer{padding:24px 0;background:#fff;border-top:1px solid #eee;}
.f_logo{float:left;}
.f_loc{float:left;margin-left:45px;line-height:16px;color:#777;word-break:keep-all;}
.f_loc > p > span{display:inline-block;padding-right:7px;margin-right:2px;background:url(/images/main/foo_bg.gif) right 2px no-repeat;}
.f_loc > p > span:last-child{padding-right:0;margin-right:0;background:none;}

/* 2018/4/23 */
.footer{text-align:center;}
/* 20210520 */
.footer > .wid{width:auto;margin:0;display:inline-block;text-align:left;position:relative;}

.family-site{position: absolute;top: 0;right: 0;font-size: 0;border-radius: 10px;padding: 0 10px;background: #e9e9e9;text-align: center;}
.family-site a{position:relative;color: #616161;margin-left: 15px;font-size: 11px;font-weight: 700;}
.family-site a:nth-child(2){vertical-align:-3px;}
.family-site a::before{content:"";position:absolute;top: calc(50% - 6px);left: -8px;width:1px;height: 10px;background: #616161;}
.family-site a:first-child{margin-left:0;}
.family-site a:first-child::before{display:none;font-weight:400;}
@media screen and(max-width:1024px){
	.family-site{position:static;}
}
/* //20210520 */




/* 2018/4/24 */
.mc_con > div > h4{margin-bottom:0;}
.mp_sear{text-align:right;margin-top:-17px;margin-bottom:10px;}
.mp_sear > div{display:inline-block;}
.mp_sear > div .mps_ipt{width:208px;padding-left:2px;height:27px;border:1px solid #bebebe;text-align:left;}

/* 2018/6/28 */
.mlgn_bt{display:inline-block;padding:3px 0;text-align:center;font-size:12px;color:#de4c4c;border:1px solid #de4c4c;width:64px;background:#fff;}
.mlgn_bt.oc{color:#333;border:1px solid #333;}
.mt_lgn{position:absolute;top: -25px;left:50%;margin-left:614px;z-index:110;}
.mt_lgn > a{float: left;margin-left: 2px;}
.htp_bk > p{padding-right:150px;}

@media screen and (max-width:1490px){
#wrap{min-width:1200px;}
.wid{width:1200px;margin:0 auto;}
.mc_ntc{width:586px;}
.ntc_ttg > .tt > a > span{max-width: 265px;}
.mc_con > .mc_ss{width:100%;margin-left:0;}
.mc_ss > ul{padding:3px 0 6px;}
.mc_ss > ul > li{float:left;width:222px;margin:10px 8px 0;}

.mc_bm > div > ul{margin-left:-9px}
.mc_bm > div > ul > li{width:142px;margin-left:9px;}
.mc_bm > div > ul > li img{max-width:100%;}

.mt_lgn{margin-left:464px;}/* 2018/6/28 */

.s_search.main{margin: 20px auto 0;}
}

/* 2018/7/24 */

.mcc_bk{overflow:hidden;margin-left: -30px; }
.mcc_bk > div{float: left; position: relative;  width:735px;margin-left:30px;padding-top:20px;;}
.mcc_bk > div > h4 {margin-bottom:14px; font-family: "malgun",sans-serif; font-size: 17px; color: #29323d; padding-left: 15px; background: url(/images/main/tit_bg1.gif) left 6px no-repeat;}
.mcc_bk > div .mp_sear{display:none;}
.mcc_bk > div .mor{position: absolute;right: 0; top: 3px; padding: 4px 8px;}
.mcc_bk > .mc_ntc .mor{margin-top: 0; background: none;}
.mcc_bk > div .vid_ls{margin-top: -10px;}
.mc_wk > ul {border-top: 1px solid #eee;}
.mc_wk > ul > li{border:1px solid #eee;border-top: none;}
.mc_wk > ul > li > a{display: block; padding:6px 0;padding-left:8px; font-size: 12px; color: #777; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;line-height:17px; }
.mc_wk > ul > li > a > span{color: #1f71d5; font-weight: bold;}

.mcc_bk .p_lis{ margin: -14px -1% 0;}
.mcc_bk .p_lis > li{margin-top:14px; margin-left: 1%;   width: 32%;}
.mcc_bk .p_lis > li > div{padding: 10px 9px;}
.mcc_bk .p_lis > li > div > a > div{padding:10px 5px;letter-spacing: -1px;}
.mcc_bk .p_lis > li > div > a > div > h4{font-size:18px;}
.mcc_bk .p_lis > li > div > a > div > span > i{font-size:12px;}
.mcc_bk .p_lis > li > div > a > div > p{font-size:14px;}

.mcc_bk .vid_ls > li > div .zi{margin-top:6px;}
.mcc_bk .vid_ls > li > div .zi > p{margin-bottom:4px; height:36px;}
.mcc_bk .vid_ls > li > div .zi > p > a{font-size:13px; line-height:18px;}

@media screen and (max-width:1490px){
.mcc_bk{margin-left: -20px;}
.mcc_bk > div{width: 590px;margin-left: 20px; }

.mcc_bk .p_lis{ margin: -13px -1% 0;}
.mcc_bk .p_lis > li{margin-top:13px; margin-left: 1%;   width: 32%;}
.mcc_bk .p_lis > li > div{padding: 8px 9px;}

}

/* 2018/12/3 */
.mcc_bk > div.mcc_vid.m_full{float: none;width: auto;}
.mcc_bk > div.mcc_vid.m_full .vid_ls{margin-right: -4%;}
.mcc_bk > div.mcc_vid.m_full .vid_ls > li{width: 15%; }

.mc_bm.nbgv{background: #fff;     border-top: 1px solid #eee;}
.mc_bm.nbgv > div > ul{margin-left:-1%; margin-right: -4%;}
.mc_bm.nbgv > div > ul > li{width: 15%; margin-left: 1%;}
.mc_bm.nbgv > div > ul > li > a{border: 1px solid #eee; background: #505050;}
.mc_bm.nbgv > div > ul > li img{max-width:100%;}

.mcc_bk.wkb{margin-left: -10px;}
.mcc_bk.wkb > div{margin-left: 10px;}
.mcc_bk > div.wd1{width: 768px;}
.mcc_bk > div.wd2{width: 356px;}
.mcc_bk > div.wd3{width: 356px;}


.mv3_tls_bk{border: 1px solid #eee; padding: 5px;}
.mv3_tls{overflow: hidden; text-align: center;}
.mv3_tls > li{float: left; }
.mv3_tls > li > a{display: block; padding: 2px; word-break: keep-all;}
.mv3_tls > li > a > img{max-width: 100%;}
.mv3_tls > li > a > span{display: table; width: 100%; height: 30px;}
.mv3_tls > li > a > span > span{display: table-cell; vertical-align: middle; font-size: 13px; color: #2819c5; line-height: 15px; font-family: "malgun"; font-weight: bold; letter-spacing: -1px;}

.mv3_tls.c10 > li{width: 10%;}
.mv3_tls.c9{margin-right: -1%;}
.mv3_tls.c9 > li{width: 11%;}
.mv3_tls.c3{margin-right: -1%;}
.mv3_tls.c3 > li{width: 33%;}
.mv3_tls.c4 > li{width: 25%;}

.mcc_lkb > ul{overflow: hidden;margin-left: -10px;}
.mcc_lkb > ul > li{float: left; width: 201px; margin-top: 10px; margin-left: 10px;}
.mcc_lkb > ul > li.big{width: 323px;} 
.mcc_lkb > ul > li > dl{display: table; width: 100%;}
.mcc_lkb > ul > li > dl > dt{display: table-cell;vertical-align: middle; width: 67px; background: #fafafa; border: 1px solid #eee; text-align: center;}
.mcc_lkb > ul > li > dl > dt img{max-width: 100%;}
.mcc_lkb > ul > li > dl > dt span{display: block; margin-top: 7px; font-size: 13px; color: #2819c5; font-family: "malgun"; font-weight: bold;}
.mcc_lkb > ul > li > dl > dd{display: table-cell;vertical-align: middle; overflow: hidden; border: 1px solid #eee;border-left: none; padding: 10px;}
.mcc_lkb > ul > li > dl > dd > ul > li{padding: 3px 0;}
.mcc_lkb > ul > li > dl > dd > ul > li > a{display: inline-block; padding-left: 7px; font-size: 15px; color: #373737; letter-spacing: -1px; background: url(../images/main/mc_llbg.gif) 0 9px no-repeat;}
.mcc_lkb > ul > li.big > dl > dd > ul {float: left; width: 48%; margin: 0 1%;}

.mor_ii{display:inline-block; vertical-align: baseline; }
.mor_ii > img{vertical-align: baseline;margin-left: 6px;}
.mc_lkt{vertical-align: baseline;}


/*10-1*/
	.closeX{display: block;width: 15px;height:15px;background: #000;color: #fff;text-align: center;line-height: 15px;position: absolute;right: 0;top: 0;z-index: 70;transition: all 0.3s ease;overflow: hidden;}
	.bnn_y{/*height: 439px;*/ transition: all 0.3s ease;z-index: 50;} /* 2020/1/9  background: #eee;*/
	@media screen and (min-width: 1490px){
		/*.bnn_y{height: 589px;}*/
	}
/*10-1*/
.c-banner{display: none;position: absolute;left: calc(50% - 750px);width: 100%;max-width: 157px;}



@media screen and (max-width:1490px){
.mcc_bk.wkb{margin-left: 0;}
.mcc_bk.wkb > div{margin-left: 0;}
.mcc_bk.wkb > div.wd1{float: left; width: 52%;margin-right: 1%; ;}
.mcc_bk.wkb > div.wd2{width: 23%; margin-right: 1%;float: left;}
.mcc_bk.wkb > div.wd3{width: 23%;float: left;}
.mv3_tls > li > a{}
.mv3_tls > li > a > img{width: 62px;}
.c-banner{left: calc(50% - 618px);}

.mcc_lkb > ul{margin-left: -1%;}
.mcc_lkb > ul > li{float: left; width: 26%; margin-top: 10px; margin-left: 1%;}
.mcc_lkb > ul > li.big{width: 45%;} 

}

@media screen and (max-width:1490px) and (min-width:1025px){
.mv3_tls.c10{margin-right: -1%;}
.mv3_tls.c10 > li{width: 11%;}
.mv3_tls.c10 > li.ss_hide{display: none;}

/* 2019/1/7 */
.mcc_lkb > ul > li{float: left; width: 13%; margin-top: 10px; margin-left: 1%;}
.mcc_lkb > ul > li.big{width: 21%;}
.mcc_lkb > ul > li > dl > dt{width: 58px;}
.mcc_lkb > ul > li > dl > dd > ul > li > a{font-size: 12px; background: url(../images/main/mc_llbg.gif) 0 5px no-repeat;}
}

/* 2018/12/10 */

.big_logo{width: 151px; height: 49px; margin-top: 8px; background: #fff;}
.f_logo img{width: 138px; height: 46px;}


/* 2019/01/22 */
.bann_nbk{position: relative; }
.bann_n{position: absolute; top: -68px; right: 0; width: 410px;}
.bann_n img{width: 100%;}

@media screen and (max-width: 1490px){
	.bann_n{ top: -60px; width: 320px;}
}


/* 2019/4/10 */

.mct_left_bnn{position: absolute; top: -68px; left: 0;}
.mct_left_bnn img{width: auto; height: 96px;}
@media screen and (max-width: 1490px){
.mct_left_bnn{top: -60px;}
.mct_left_bnn img{height: 75px;}
}

@media screen and (min-width: 1491px){
.mv3_tls > li > a > img.ob{width: 64px;}
.ss_display{display: none;}
}

/* 2019/9/27 */
.con_abv > .wid{box-sizing: border-box; padding: 0 167px;}
.mv3_tls.c8 > li{width: 12.5%;}
.bn_fwp .mcc_lkb > ul > li{width: 17%;  margin-left: 1%;}
.bn_fwp .mcc_lkb > ul > li.big{width: 27%;}
/*.mcc_lls > li{padding: 3px 0;}
.mcc_lls > li > a{display: inline-block; padding-left: 7px; font-size: 15px; color: #373737; letter-spacing: -1px; background: url(/images/main/mc_llbg.gif) 0 9px no-repeat;}
*/
.bn_fwp .mcc_bk{margin-left: -20px;}
.bn_fwp .mcc_bk > div{width: 573px; margin-left: 20px;}
.bn_fwp .mcc_bk > div.ff-right{margin-left: 0;float: right;}
.bn_fwp .mcc_bk.wkb{margin-left: -10px;}
.bn_fwp .mcc_bk.wkb > div{margin-left: 10px;}
.bn_fwp .mcc_bk > div.wd1{width: 570px;}
.bn_fwp .mcc_bk > div.wd2{width: 220px;}
.bn_fwp .mcc_bk > div.wd3{width: 356px;}

.bn_fwp.wid{position: relative; margin: 10px auto 0;}
.bn_fwp .bnn_y{position: fixed;  top: 200px; left: 50%;} /* top: 238px;*/
.bn_fwp .bnn_y.po_left{margin-left: -750px; }
.bn_fwp .bnn_y.po_right{margin-left: 593px;}
.bnn_y > div{width: 157px;}
.bnn_y > div img{width: 100%;}
.bnn_y > div img.mob{display: none;}
.banner_x {margin: 20px auto 0; width: 100%; max-width: 860px;}
.banner_x img{width: 100%;}

.con_abv .mc_bm.nbgv > .wid{box-sizing: border-box; padding: 0 167px;}

.bnn_swpf.su_con .bann_nbk{top: -20px;}
.bnn_swpf .zy_gz > .lef{margin-top: 25px;position: static;}
.bnn_swpf .zy_gz > .lef .bann_lbk > div{margin-top: 20px;}
.bnn_swpf .zy_gz > .lef .bann_lbk{/*margin-top: 635px;*/}
.bnn_swpf .zy_gz > .lef .bann_lbk .mob{display: none;}
.bnn_swpf .zy_gz > .rit{box-sizing: border-box; padding-right: 177px; position: relative;}
.bnn_swpf .sls_con > div > div{max-height: 48px;}
.bnn_swpf .zy_gz > .rit .bnn_y{position: fixed;  top: 236px; left: 50%;}
.bnn_swpf .zy_gz > .rit .bnn_y.po_right{margin-left: 593px;}
.bnn_swpf .zy_gz > .rit .bnn_y > div{width: 157px;}

.bnn_swpf .vid_ls.c4 > li{width: calc(25% - 4px); margin-left: 4px;}

.bnn_swpf .zy_gz > .rit > .tit01.st2{margin-top: 30px;}

@media screen and (min-width: 1025px){
.con_abv .ntc_ttg > .cl{width: 135px; word-break: keep-all;}
.con_abv .ntc_ttg > .dy{width: 104px;}
.con_abv .mcc_bk > div.mcc_vid.m_full .vid_ls{margin-right: 0;}
.con_abv .mcc_bk > div.mcc_vid.m_full .vid_ls > li{width: 19%;}

.con_abv .mc_bm.nbgv > div > ul{margin-right: 0;}
.con_abv .mc_bm.nbgv > div > ul > li{width: 19%;}
.con_abv .mc_bm.nbgv > div > ul > li:last-child{display: none;}
}

@media screen and (max-width:1490px) and (min-width:1025px){
/*.mcc_lkb > ul > li > dl > dd .ovl_scl{ height: 105px;}*/

}

@media screen and (max-width: 1490px){
.con_abv > .wid{ padding: 0 127px;}
.bnn_y > div{width: 117px;}
.con_abv .mc_bm.nbgv > .wid{padding: 0 127px;}

.bn_fwp .bnn_y.po_left{margin-left: -600px; }
.bn_fwp .bnn_y.po_right{margin-left: 483px;}
.bnn_swpf .zy_gz > .rit .bnn_y.po_right{margin-left: 443px;}
.bn_fwp .mcc_bk{margin-left: -10px;}
.bn_fwp .mcc_bk > div{width: 468px;     margin-left: 10px;}
.bn_fwp .mcc_bk.wkb{margin-left: 0;}
.bn_fwp .mcc_bk.wkb > div{margin-left: 0;}
.bn_fwp .mcc_bk > div.wd1{width: 52%; margin-right: 1%;}
.bn_fwp .mcc_bk > div.wd2{width: 20%; margin-right: 1%;}
.bn_fwp .mcc_bk > div.wd3{width: 26%;}
.bn_fwp .mcc_lkb > ul > li > dl > dd > ul > li > a {font-size: 12px; background: url(/images/main/mc_llbg.gif) 0 5px no-repeat;}

.bnn_swpf .vid_ls.c4 > li{    width: 32%; margin-left: 1%;}
}
.left-lj-box{display: none;}
.left-lj-box:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

@media screen and (max-width: 1024px){
body{overflow-x: hidden;}
.left-lj-box{display: none;width: 302px;position: fixed;right: 0%;top: 0;}
.con_abv > .wid{padding: 0;}

.bn_fwp .mcc_bk{margin-left: 0;}
.bn_fwp .mcc_bk > div{width: auto; margin-left: 0;}
.mv3_tls.c8 > li{width: 25%;     margin-top: 11px;}
.bn_fwp .bnn_y{position: static; /*margin-top: 20px;*/}
.bnn_y > div{width: 100%;}
.bnn_y > div img.pc{display: none;}
.bnn_y > div img.mob{display: inline; max-height: 120px;}
.bnn_y > div.ca-banner a.closeX{display: none;}
.bn_fwp .bnn_y.po_left, .bn_fwp .bnn_y.po_right{margin-left: 0;}
.con_abv .mc_bm.nbgv > .wid{padding: 0;}

/*.mcc_lkb > ul > li > dl > dd .ovl_scl{height: 115px;}*/
.con_abv .mcc_bk > div.mcc_vid.m_full .vid_ls > li{width: 24%;}
.bnn_swpf.su_con .bann_nbk{top: 0;  margin-bottom: 0;}
.bnn_swpf .zy_gz > .lef{display: none; float: none;position: absolute;top: -9999em;left: -9999em;}
.bnn_swpf .zy_gz > .lef > h2{display: none;}
.zy_gz > .lef > .lef_dp1{z-index: 99;background: #fff; border: 1px solid #ddd; border-top: 0; position: fixed;top: 0; right: 0; width: 254px; margin-top: 45px; display: none; max-height: calc(100% - 45px); overflow-y: auto;}
.zy_gz > .lef > .lef_dp1 > li > a{padding: 8px 12px;display: block;font-size: 20px;font-family: "notokr-medium",sans-serif;background: none;}
.bnn_swpf .zy_gz > .lef .bann_lbk > div{padding: 0 1%;}
.bnn_swpf .zy_gz > .lef .bann_lbk .pc{display: none;}
.bnn_swpf .zy_gz > .lef .bann_lbk .mob{display: inline; width: 100%; max-height: 120px;}
.bnn_swpf .zy_gz > .rit{padding-right: 0;}
.bnn_swpf .zy_gz > .rit .bnn_y{position: static; margin-top: 20px}
.bnn_swpf .zy_gz > .rit .bnn_y.po_right{margin-left: 0;display:none;}
.bnn_swpf .zy_gz > .rit .bnn_y > div{width: auto;}

.zy_gz > .lef > .lef_dp111{z-index: 99;background: #fff; border: 1px solid #ddd; border-top: 0; position: fixed;top: 225; right: 0; width: 254px; margin-top: 45px; display: none; max-height: calc(100% - 45px); overflow-y: auto;}
}
@media screen and (max-width: 1010px){
.bn_fwp .mcc_lkb > ul > li.big{width: 99%;}
.bn_fwp .mcc_lkb > ul > li{width: 49%;}
}

@media screen and (max-width: 850px){
.con_abv .mcc_bk > div.mcc_vid.m_full .vid_ls > li{width: 48%;}
.bnn_swpf .vid_ls.c4 > li{    width: 48%;     margin: 10px 1% 0;}
}
@media screen and (max-width: 750px){
.mcc_lkb > ul > li > dl > dd > ul > li > a{font-size: 15px;}
}
@media screen and (max-width: 480px){
.con_abv .mcc_bk > div.mcc_vid.m_full .vid_ls > li{width: 93%;}
.bnn_swpf .vid_ls.c4 > li{    width: 93%;     margin: 10px auto 0;}
}
@media screen and (max-width: 450px){
.bn_fwp .mcc_lkb > ul{margin: 0;}
}

/* 2019/11/8 */
.bnn_bmNw{margin: 20px -10px 0; }
.bnn_bmNw > div{display: table; width: 100%;}
.bnn_bmNw > div > div{display: table-cell; vertical-align: middle; width: 50%; padding: 10px; box-sizing: border-box;}
.bnn_bmNw > div img{width: 100%;}
@media screen and (max-width: 1490px){
.bnn_bmNw{margin: 20px -5px 0; }
.bnn_bmNw > div > div{padding: 5px;}
}
@media screen and (max-width: 767px){
.bnn_bmNw{margin: 20px 0 0;}
.bnn_bmNw > div > div{display: block; width: auto; padding: 10px 0;}
}
@media screen and (max-width: 480px){
.bnn_bmNw{margin: 20px 0 0;}

}
.bn_fwp .bnn_y.po_left.mpg .cb-banner{top: -167px;}
.bn_fwp .bnn_y.po_right .cb-banner{top: -14px;position: absolute;}

/*  2020/2/25  */


@media screen and (min-width: 319px){
.ntc_ttg > .tt{    white-space: nowrap;}
.ntc_ttg > .tt > a {float: none;}
.ntc_ttg > .tt > a > span{max-width: calc(100% - 26px); float: left;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ntc_ttg > .tt > a > img{float: left;}
}

/*  2020/3/20 */
.bn_fwp .bnn_y.po_left.mpg{position: absolute;}
.bn_fwp .bnn_y.po_left.mpg > div{position: relative;}

.tp_bnn_o.wid{padding: 0; }
.tp_bnn_o > div{overflow: hidden; margin-left: -1%; margin-right: -1%; margin-top: 20px;}
.tp_bnn_o > div > div{float: left; width: 32%; margin-left: 1%;}
.tp_bnn_o > div > div img{width: 100%;}
.ca-banner{margin-top: 20px;/*height: 600px;overflow: hidden;*/}

.wid.ofl.bn_fwp{overflow: initial;}
.bnn_y > .c-banner{display: block;}
.bn_fwp .bnn_y.po_right.tp_obv{top: 350px;}
@media screen and (max-width: 1490px){
.bn_fwp .bnn_y.po_right.tp_obv{top: 330px;}
}

@media screen and (max-width: 768px){
.tp_bnn_o > div{margin: 0;}
.tp_bnn_o > div > div{float: none; width:auto; margin: 15px 0 0;}

}


/*  2020/7/22  */

.mcc_bk.nsz{margin-left: -10px;}
.mcc_bk.nsz > div{float: left; width: calc(50% - 10px); margin-left: 10px;}
.mcc_bk.nsz > div .wd2{float: left; width: 42%;}
.mcc_bk.nsz > div .wd3{float: left; width: calc(58% - 10px); margin-left: 10px;}
.mcc_bk.nsz > div.psr{position: relative;}
.mcc_bk.nsz > div.psr .mor_p{position: absolute; top: 16px; right: 0; z-index: 2;}
.mcc_bk.nsz.m_font{padding-top: 10px;}

.mn_inf_cdtb.mainv{margin-top: 0;}
.mn_inf_cdtb.mainv .prc_tg{display: block; margin-right: 0;}
.mn_inf_grp.mainv.mtfx{margin-top: -8px;}

.mcc_tmtg{position: relative; margin-bottom: 14px;}
.mcc_tmtg:after{content: ''; display: block; clear: both;}
.mcc_tmtg > h4{float: left;}
.mor_i{float: right; margin-top: 6px;}
.mn_inf_cdtb.mainv .prc_tg > .prc{line-height: 29px;}
/*.mv3_tls_bk.nwpd{padding: 6px 5px;}*/
.mv3_tls_bk.nwpd{padding: 5px 5px 6px;}

.mcc_lkb > ul.c4{margin-left: -5px;}
.mcc_lkb > ul.c4 > li{width: calc(25% - 5px); margin-left: 5px;}
.mcc_lkb > ul.c4 > li > dl > dd{padding: 10px 5px;}
.mcc_lkb > ul.c4 > li > dl > dd > ul {float: left; margin-left: 10px;}
.mcc_lkb > ul.c4 > li > dl > dd > ul > li > a{padding-left: 6px; font-size: 14px; background-position: 0 6px;}

.mv3_tls_bk.sspf{padding: 8px 5px 9px;}

.mntc_ntab{position: absolute; left: 120px; right: 100px; top: -7px;}
.mntc_ntab > ul{overflow: hidden; padding-left: 1px;}
.mntc_ntab > ul > li{float: left; width: 25%; margin-left: -1px; position: relative;}
.mntc_ntab > ul > li > a{display: block; text-align: center; font-size: 13px; color: #4b4b4b; line-height: 21px; letter-spacing: -1px; padding: 7px 1px; border: 1px solid #c5c5c5;}
.mntc_ntab > ul > li.on{ z-index: 1;}
.mntc_ntab > ul > li.on > a{color: #de4c4c; border: 1px solid #de4c4c;}

/*.mntc_ntab_g{position: absolute; left: 100px; right: 80px; top: 7px;}*/
.mntc_ntab_g{position: absolute;left: 65px;right: 80px;top: -4px;}
.mntc_ntab_g > ul{text-align: center;}
.mntc_ntab_g > ul > li{float: left;text-align: left;margin-left: 4px;width: calc(100% / 4 - 4px);}
.mntc_ntab_g > ul > li > a{display: inline-block; font-size: 12px; color: #4b4b4b; letter-spacing: -1px; line-height: 16px; padding-left: 5px; position: relative;}
.mntc_ntab_g > ul > li > a:before{content: ''; position: absolute; left:0; top: 7px; width: 2px; height: 2px; background: #8e8e8e;}
.mntc_ntab_g > ul > li.on > a{color: #ff0000; font-weight: 600;}
.mntc_ntab_g > ul > li.on > a:before{background: #ff0000;}


@media screen and (max-width: 1490px){
.mv3_tls_bk.nwpd{padding: 8px 5px 9px;}

.mn_inf_grp.mainv.mtfx{margin-top: -6px;}
.mn_inf_cdtb.mainv .nm1{font-size: 18px;     margin-right: 8px;}
.mn_inf_cdtb.mainv .nm{    margin-right: 0;}
.mn_inf_cdtb.mainv .prc_tg > .prc{ font-size: 18px; line-height: 21px; margin-right: 8px;}
.mn_inf_cdtb.mainv .prc_tg > .prc > span{font-size: 12px;}
.mn_inf_cdtb.mainv .prc_tg > .cmp{padding-bottom: 0; margin-top: 1px;     vertical-align: top;}
.mn_inf_cdtb.mainv .prc_tg > .cmp > li{line-height: 18px;}
.mn_inf_cdtb.mainv .dvw{margin-top: 5px;}
.mn_inf_cdtb.mainv .dvw > span{font-size: 12px; }
.mn_inf_grp.mainv{margin-top: 5px;}

.mcc_lkb > ul.c4 > li > dl > dd > ul {float: left; margin-left: 4px;}
.mcc_lkb > ul.c4 > li > dl > dd > ul > li > a{ font-size: 12px; background-position: 0 4px;}

.mntc_ntab{left: 95px; right: 70px;}
.mntc_ntab > ul > li > a{font-size: 12px;}

}
@media screen and (max-width: 1490px) and (min-width: 1025px){
.mc_ntc > ul.ntp > li > .ntc_inf{padding: 6px 14px;}

.mv3_tls_bk.nwpd .mv3_tls > li > a > span > span{font-size: 12px;}

.mntc_ntab_g{/* left: 95px; *//* right: 70px; *//* top: -5px; */}
.mntc_ntab_g > ul{overflow: hidden;width: 315px;margin: 0 auto;}
.mntc_ntab_g > ul > li{float: left;display: block;margin-left: 0;width: calc(100% / 4);margin-bottom: 4px;}

.mv3_tls_bk.nwpd_g{padding: 14px 5px;}
.mv3_tls_bk.sspf2{padding: 7px 5px;}
.mv3_tls_bk.sspf3{padding: 6px 5px;}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
.mcc_bk.nsz > div .wd3{width: calc(58% - 40px);margin-left: 40px;}
}
@media screen and (max-width: 1024px){
.mcc_bk.nsz{margin-left: 0;}
.mcc_bk.nsz > div{float: none; width: auto; margin-left: 0;}
.mn_inf_cdtb.mainv .prc_tg{display: inline-block;}
.mv3_tls_bk.nwpd  .mv3_tls.c8 > li{width: 12.5%;}
.mv3_tls_bk.nwpd_g  .mv3_tls.c8 > li{width: 12.5%;}

.mcc_lkb > ul.c4{margin-left: -10px;}
.mcc_lkb > ul.c4 > li{ width: calc(50% - 10px);    margin-left: 10px;}
.mcc_lkb > ul.c4 > li > dl > dd > ul{width: 46%; margin: 0 2%;}

.mv3_tls .ss_display{display: none;}

.mntc_ntab{position: static; clear: both; padding: 14px 4% 0;}

}

@media screen and (max-width: 600px){
.mv3_tls_bk.nwpd  .mv3_tls.c8 > li{width: 25%;}
.mv3_tls_bk.nwpd_g  .mv3_tls.c8 > li{width: 12.5%;}

.mcc_bk.nsz > div .wd2{float: none; width: auto;}
.mcc_bk.nsz > div .wd3{float: none; width: auto; margin-left: 0; margin-top: 30px;}

.mcc_lkb > ul.c4{margin-left: 0;}
.mcc_lkb > ul.c4 > li{float: none; width: auto; margin-left: 0;}

.mntc_ntab_g{position: static; clear: both; padding: 14px 0 0;}

/* 20210520 */
.family-site{position:static;display: table;margin: 5px auto 0;}
/* //20210520 */
}
@media screen and (max-width: 400px){
.mntc_ntab_g > ul{overflow: hidden; width: 240px; margin: 0 auto; }
.mntc_ntab_g > ul > li{float: left; display: block; margin-left: 0; width: 80px; margin-bottom: 4px;}
}

/* 2021/8/2 */
.bnn_swpf .zy_gz > .rit .bnn_y.po_right.nsrv{top: 110px;}

.c-mo-banner{display: none;text-align: center;width: 100%;position:absolute;left: 0;z-index: 5;}
#banner{display: inline-block;}
#banner > div{width: 100% !important;}
.c-footer-banner{display:none;position: absolute;left: 0;width: 100%;}
.c-footer-banner #banner{display: inline-block;}