@charset "utf-8";*{box-sizing:border-box}#mainpopup{width:100%;top:0;left:0;position:absolute;margin:1em auto;z-index:99999}#mainpopup .mainpopup{width:32%;float:left;background-color:#fff;border:1px solid #dadada;margin:0 0 1% 1%;display:none}#mainpopup .mainpopup-top{text-align:right;padding:.5em .5em 0;height:auto;font-size:1.5em}#mainpopup .mainpopup-title{width:100%;font-size:1.8em;font-family:NanumMyeongjo;font-weight:700;text-align:center;padding:.5em .5em 1em .5em;color:#f81282;line-height:1.5em}#mainpopup .mainpopup-title span{width:auto;border-bottom:5px solid #f81282}#mainpopup .mainpopup-contents{width:100%;height:auto;max-height:400px;padding:1em 1.5em;overflow:auto;margin-bottom:1.5em}#mainpopup .mainpopup-contents p{font-weight:700}#mainpopup .mainpopup-bottom{padding:.5em;background:#f1f1f1;height:2.5em;font-size:1em;border-top:1px solid #dadada}#mainpopup .mainpopup-bottom span{float:left}#mainpopup .mainpopup-bottom a{float:right}.thumb-black{width:100%;height:100%;position:absolute;top:0;left:0;background:-moz-linear-gradient(top,rgba(34,34,34,.1) 0,rgba(17,17,17,.42) 62%,rgba(17,17,17,.43) 63%,rgba(0,0,0,.62) 100%);background:-webkit-linear-gradient(top,rgba(34,34,34,.1) 0,rgba(17,17,17,.42) 62%,rgba(17,17,17,.43) 63%,rgba(0,0,0,.62) 100%);background:linear-gradient(to bottom,rgba(34,34,34,.1) 0,rgba(17,17,17,.42) 62%,rgba(17,17,17,.43) 63%,rgba(0,0,0,.62) 100%);}.part1{width:100%;height:auto;overflow:hidden;background:#f1f1f1;padding:57px 0 67px 0}.part1-center{width:1200px;margin:0 auto;height:auto;overflow:hidden}.part1 .box-center-left{width:49%;margin-right:1%;float:left}.part1 .box-center-right{width:49%;float:left}.part1 .box{position:relative;width:100%}.part1 .half-box{position:relative;width:49%;margin-right:2%;margin-bottom:1.25%;float:left}.part1 .half-box:nth-child(even){margin-right:0}.part1 .half-box:nth-child(3){margin-bottom:0}.part1 .half-box:nth-child(4){margin-bottom:0}.part1 .box:before,.part1 .half-box:before{content:"";display:block;padding-top:62.5%}.part1 .content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.part1 .box .content h3{position:absolute;bottom:6%;left:0;color:#fff;z-index:3;font-size:29.5px;padding:0 10px 0 20px;word-break:keep-all}.part1 .half-box .content h3{position:absolute;bottom:6%;left:0;color:#fff;z-index:3;font-size:20.2px;padding:0 10px 0 20px;word-break:keep-all}.part1 .content img{width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.part1 .content a:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2)}.part2{width:100%;height:auto;overflow:hidden;background:#fff;padding-top:52px;padding-bottom:44px}.part2-center{width:1200px;margin:0 auto;height:auto;overflow:hidden}.part2-tab-btn{width:100%;height:auto;text-align:center}.part2-tab-btn>#tab_btn{display:inline-block;margin:0 auto 31px 0}.part2-tab-btn>#tab_btn>.tabmode{display:inline-block;margin-top:10px;padding:12px 23px;background:#fff;border-radius:45px;margin-right:26px;box-shadow:3px 3px 14px 1px rgba(0,0,0,.34);cursor:pointer;font-size:18.5px;font-family:'Noto Sans KR',NanumSquareR,NanumGothicBold,sans-serif;font-weight:500;color:#000;width:auto}.part2-tab-btn>#tab_btn>.tabmode:hover{color:#fff}.part2-tab-btn>#tab_btn>.tabmode.active{color:#fff}.part2-tab-btn>#tab_btn>.tabmode:first-child.active{color:#555}.part2-tab-btn>#tab_btn>.tabmode:first-child:hover{color:#fff;background-color:#aaa}.part2-tab-btn>#tab_btn>.tabmode:last-child{margin-right:4px}.part2 .box-center{width:100%}.part2 .box{position:relative;width:32%;margin:0 .6% 2%;float:left;box-shadow:1px 5px 5px rgba(0,0,0,.4)}.part2 .box:last-child{margin-right:0}.part2 .box:before{content:"";display:block;padding-top:62.5%}.part2 .content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.part2 .content img{width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.part2 .content a:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2)}.part2 .content h3{width:100%;height:38%;position:absolute;bottom:0;left:0;z-index:3;font-size:20px;font-weight:600;color:#111;padding:7% 2% 0 2%;background:rgba(255,255,255,.84);text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.25em}.part2 .content a:hover>h3{color:#000;background:rgba(255,255,255,.9);transition:.6s ease-in-out;-webkit-transition:.6s ease-in-out}.part2 .content .circle-title{z-index:5;width:90px;height:90px;border-radius:45px;text-align:center;line-height:90px;position:absolute;bottom:30%;left:-webkit-calc(50% - 45px);left:-moz-calc(50% - 45px);left:calc(50% - 45px)}.part2 .content .circle-title{color:#fff;font-size:16px;font-family:'Noto Sans KR',NanumGothicBold,sans-serif}.part3{width:100%;height:auto;overflow:hidden;background:#f1f1f1;padding-top:57px;padding-bottom:44px}.part3-center{width:999px;height:auto;overflow:hidden;border:1px solid #ddd;margin:0 auto;background:#fff}.part3-center>ul{margin:0 auto}.main-video{width:100%;height:561px;border:none;position:relative}.main-video>img{position:absolute;top:0;left:0;z-index:3}.main-video>iframe{width:100%;height:100%;border:none}.main-vod-title{width:100%;padding:3% 5% 5%;position:relative}.mainvod-title-box{width:100%;height:auto;overflow:hidden;position:relative;padding:0 0 6px 0}.mainvod-title-box>h5{width:100%;height:auto;text-align:left;padding-top:5px}.mainvod-title-box>h5>a{font-size:24px;text-align:left;color:#e4184a;font-family:NanumSquareR,NanumGothicBold,sans-serif;border-bottom:1px solid #f81282;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;font-weight:700;padding-bottom:4px}.mainvod-title-box>h5>a:hover{color:#00baff;border-bottom:3px solid #e4007f}.right-icon{width:50%;margin:-33px 0 0 0;float:right;text-align:right;padding:2px 3px 0 0}.right-icon>.right-icon-share{margin-left:5%;text-align:center;display:inline-block;vertical-align:top}.right-icon>.right-icon-share>a,.right-icon>.right-icon-share>div{text-align:center}.right-icon>.right-icon-share>a>i,.right-icon>.right-icon-share>div>i{color:#888895}.right-icon>.right-icon-share>a>i,.right-icon>.right-icon-share>div>i{font-size:29px}.right-icon>.right-icon-share>a>p,.right-icon>.right-icon-share>div>p{color:#777;font-size:15.4px;letter-spacing:0;text-align:center}.right-icon>.right-icon-share:nth-child(2)>a>i:hover,.right-icon>.right-icon-share:nth-child(3)>a>i:hover{color:#e4007f}.right-icon>.right-icon-share:nth-child(2)>a.active>i:hover,.right-icon>.right-icon-share:nth-child(3)>a.active>i:hover{color:#e4007f}.right-icon>.right-icon-share:nth-child(2)>a.active>i{color:#f45a07}.right-icon>.right-icon-share:nth-child(3)>a.active>i{color:#f06e05}.maintitle-big-text{width:99%;text-align:left}.maintitle-big-text>h2>a{font-size:38px;color:#151515;font-family:'Noto Sans KR',NanumSquareR,NanumGothicBold,sans-serif;font-weight:500;line-height:1.2em;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:auto;white-space:normal;max-height:2.6em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.maintitle-big-text>h2>a:hover{color:#00baff}.ricon-share{width:auto;position:absolute;top:64px;right:3.5%;background-color:#f1f1f1;z-index:80px;float:right;text-align:right;padding:4px 5px 0 5px;border-radius:40px;border:1px solid #e0e0e0;display:none}.ricon-share>li{float:left;margin:0 4px}.ricon-share>li>a>i{font-size:20px;color:#4f4f4f;line-height:40px;padding:0 11px}.part4{width:100%;height:auto;overflow:hidden;background:#fff;padding-top:52px;padding-bottom:47px}.part4-center{width:1200px;margin:0 auto;height:auto;overflow:hidden;background:#fff}.part4-center>ul>li{width:23.8%;overflow:hidden;margin:0 .6% 2%;float:left;box-shadow:1px 5px 5px rgba(0,0,0,.25);border-radius:0 0 45px 0}.part4 .box{width:100%;position:relative}.part4 .box:last-child{margin-right:0}.part4 .box:before{content:"";display:block;padding-top:56.25%}.part4 .content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.part4 .content img{width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.part4 .content a:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2)}.part4-center-text{width:100%;height:150px;padding:10% 4% 0 6%;background:#fff;text-align:left;overflow:hidden}.part4-center-text .label{font-size:18px;color:#fff;background:#eb4395;padding:1% 6%;border-radius:40px}.part4-center-text h3{font-size:20px;font-weight:500;color:#111;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.46em;margin-top:3%;overflow:hidden}.icon-play{position:absolute;top:60%;left:9%;z-index:4}.part5{width:100%;height:auto;overflow:hidden;background:#f1f1f1;padding-top:80px;padding-bottom:76px}.part5-center{width:1200px;height:auto;overflow:hidden;margin:0 auto}.part5-center>h2{width:100%;text-align:center;font-size:32px;color:#464646;font-family:'Noto Sans KR',NanumSquareR,NanumGothicBold,sans-serif;font-weight:400;margin-bottom:38px}.part5-center>h2 .title-newline span{font-size:37px;color:#000;font-weight:600}.part5-center>h2 .title-newline .title-contest{color:#fa6d05}.part5-center .none-data{text-align:center}.slide-contest{width:100%;height:auto;overflow:hidden;position:relative}.owl-carousel{margin:0 auto;width:90%}.slide-icon-left{position:absolute;bottom:40%;left:0;cursor:pointer}.slide-icon-right{position:absolute;bottom:40%;right:0;cursor:pointer}.slide-contest .box{position:relative;width:100%}.slide-contest .box:before{content:"";display:block;padding-top:62.5%}.slide-contest .content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.slide-contest .content img{width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.slide-contest .content a:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2)}.slide-contest .content a>h3{color:#fff;font-size:27px;text-align:center;position:absolute;bottom:20%;left:0;z-index:3;padding:0 2%;word-break:keep-all;font-weight:600;width:100%}.slide-contest .content a>h5{width:100%;color:#fff;font-size:18px;text-align:center;position:absolute;bottom:9%;left:0;z-index:3;padding:0 2%}.slide-contest .owl-dots{width:100%;height:auto;margin-top:30px;text-align:center;font-size:0;z-index:2}.slide-contest .owl-dots .owl-dot{display:inline-block;margin:0 7px;width:15px;height:15px;border-radius:50%;background:#333}.slide-contest .owl-dots .owl-dot :hover,.slide-contest .owl-dots .owl-dot.active{background:#eb4395}.part6{width:100%;height:auto;overflow:hidden;background:#fff;padding-top:52px;padding-bottom:47px}.part6-center{width:1200px;height:auto;overflow:hidden;margin:0 auto;background:#fff}.part6-center-box{width:50%;height:360px;float:left}

	.banner{float:left;width:47%;height:auto;margin:0 0 2% 3%;border:1px solid #ddd;box-shadow:4px 4px 8px rgba(0,0,0,.3)}
	.bn-left{background:#ceecff}
	.bn-right{background:#e0eafe}
	.bn-bleft{background:#f5ece7}
	.banner>a{display:block;width:100%;height:167px;position:relative;padding:5px 0 0 35px;text-align:left;}
	.banner>a>h2{color:#252525;font-size:31px;font-weight:600;margin:10px 0 0}
	.bn-left>a>h2>span{color:#077cd0}
	.bn-right>a>h2>span{color:#3c4fde}
	.bn-bleft>a>h2>span{color:#077cd0;display:inline-block !important; font-size:25px}
	.bn-right>a>h2>span{color:#3c4fde}
	.banner>a>h5{font-size:15.8px;color:#363636;line-height:20px;margin:10px 0 0}
	.banner>a>p{width:103px;height:28px;color:#fff;text-align:center;line-height:26px;margin:13px 0 0;letter-spacing:.2px}
	.bn-left>a>p{background:#0379d9}
	.bn-bleft>a>p{background:#0379d9;margin-top:15px !important;}
	.bn-right>a>p{background:#3c4fde}
	.banner-icon01{width:75px;height:76px;position:absolute;bottom:0;right:1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba01.cat) no-repeat 50% 50%}
	.banner-icon02{width:75px;height:76px;position:absolute;bottom:0;right:1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba01.cat) no-repeat 50% 50%}
	.banner-icon03{width:75px;height:76px;position:absolute;bottom:0;right:1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba02.cat) no-repeat 50% 50%}
	.bn-left>a:hover>.banner-icon01{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba01_.cat) no-repeat 50% 50%}
	.bn-left>a:hover>p{background:#0445c9}
	.bn-left>a:hover{background:#b8e2fd}
	.bn-right>a:hover>.banner-icon02{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba02_.cat) no-repeat 50% 50%}
	.bn-right>a:hover>p{background:#3901b6}
	.bn-right>a:hover{background:#ccddfe}
	.bn-bleft>a:hover>.banner-icon01{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba01_.cat) no-repeat 50% 50%}
	.bn-bleft>a:hover>p{background:#0445c9}
	.bn-bleft>a:hover{background:#f7dec5}

	.main-board{height:350px;background:#f3f9fd;border:1px solid #ddd;padding:3.4% 3.5% 3.9%;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.board-title{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #98c5f7;padding-bottom:3.3%;text-align:center}.board-title>a>h2{font-size:31px;color:#252525;float:left;font-weight:600}.board-title>a>h2>span{color:#066ee3}.board-title>a>h3{font-size:37px;color:#066ee3;float:right;line-height:26px}.main-board>dl{width:100%;overflow:hidden;overflow:hidden}.main-board>dl>dt{width:20%;height:25px;margin:3.4% 0 0;overflow:hidden;float:left;color:#555;font-size:15px;padding-left:2px}.main-board>dl>dd{width:80%;height:25px;margin:3.4% 0 0;overflow:hidden;float:left;color:#151515;font-size:17px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:25px}#mainbanner{width:100%;height:auto;padding:80px 0;text-align:center;background-color:#f1f1f1}#mainbanner h2{width:100%;font-size:31px;color:#252525;float:left;font-weight:600;text-align:center;margin-bottom:37px}#mainbanner .mainbanner{width:30%;max-height:300px;overflow:hidden;border:1px solid #fff;margin:0 auto}#mainbanner .mainbanner img{width:100%;height:auto}#mainbanner .mainbanner .banner_mobile{display:none}

	.link_move_urls{height:35px;position:relative; float:right; top:55px; margin-right:18px;;}
	.link_move_urls2{ display: none;}

	select.link_site {
		width: 230px;
		padding:  .7em .5em;
		border:  1px solid #aaa;
		font-family:  inherit;
		background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Sneebj.wct') no-repeat 95% 50%;
		border-radius:  0px;
		-webkit-appearance:  none; 
		-moz-appearance:  none; 
		appearance:  none;
	}
	select.link_site::-ms-expand{display: none;}

	.link_site {float: left}   
	.clear {clear: both}     

	.part2 .content .circle-title {bottom:3%; left:-webkit-calc(82% - 56px);left:-moz-calc(50% - 56px);left:calc(82% - 56px)}


@media(max-width:1300px){.part1-center{width:100%;padding:0 2%}.part2-center{width:100%;padding:0 2%}.part4-center{width:100%;padding:0 2%}.part5-center{width:100%;padding:0 2%}.part6-center{width:100%;padding:0 2%}}

@media(max-width:1204px){.banner>a>h2{font-size:26px}.board-title>a>h2{font-size:26px}}

@media(max-width:1137px){.main-video{height:561px}
}

@media(max-width:1080px){.main-video{height:561px}}

@media(max-width:1034px){
	.banner>a{padding:40px 0 0 38px}
	.bn-left>a>h2>span{display:block}
	.bn-left>a>p{margin:5px 0 0}}
	.bn-bleft>a>h2>span{display:block}
	.bn-bleft>a>p{margin:5px 0 0}}
}

@media(max-width:1000px){
	.part3-center{width:98%}#menu_h>.ul>.sub-h>.li>a{padding:0 20px}
}

@media(max-width:976px){.mainpopup{width:48%}.mainpopup-title{font-size:1.5em;line-height:1.2em}.main-video{height:536px}.part4-center-text h3{font-size:20px;line-height:1.5em}.part4-center .box>a{height:302px}.main-board>dl>dt{width:25%;height:25px;font-size:15px;padding-left:2px}.main-board>dl>dd{width:75%;height:25px;font-size:19px;line-height:23px}}

@media(max-width:960px){.part1{padding:7.5% 0 5% 0}.part1-center{margin:0 auto}.part1 .box-center-left .box .content h3{font-size:27.5px}.part1 .box-center-right .half-box .content h3{font-size:18.2px}.banner>a{padding:8% 0 0 5%}.main-board{padding:5.5% 3.5% 3.9%}.main-board>dl>a>dt{width:25%}.main-board>dl>a>dd{width:75%}.part2 .content h3{padding:8% 2% 0 2%}.part2 .box{width:49%;margin:0 2% 2% 0}.part2 .box:nth-child(even){margin-right:0}.main-video{height:527px}.maintitle-big-text>h2>a{font-size:30px;line-height:1.3em}.part4-center .box>a{height:281px}.part4-center-text>span{font-size:16px}.part4-center-text h3{font-size:18px;line-height:1.56em}.part5{padding:54px 0}.slide-contest .content a>h3{font-size:22px}.slide-icon-left>a>img{width:35px;height:auto}.slide-icon-right>a>img{width:35px;height:auto}.ricon-share{top:49px}}

@media(max-width:930px){.main-video{height:513px}.owl-carousel{width:80%}
	.part3-center{width:97%}
	.main-video {margin-left:1%; height:500px;}
	.mainvod-title-box {height:60px; padding-top:10px;}
	.main-vod-title {padding:5px; height:100px; }
	.maintitle-big-text h2 {width: 610px; margin-left:0; padding:5px}
	.maintitle-big-text h2 a {font-size: 1.6em; line-height:1.4em;}
/*	.maintitle-big-text .mobile-content {margin:0 0 0 240px;}	 */
}

@media(max-width:912px){
	.link_move_urls2{display:block; margin:20px 0 0 20px; width:100%;}
	.link_move_urls2 select {width: 85%;}
}

@media(max-width:900px){
	.main-video{height:495px}.main-board>dl>dt{width:30%;height:25px;font-size:15px;padding-left:2px}.main-board>dl>dd{width:70%;height:25px;font-size:19px;line-height:23px}
}

@media(max-width:860px){.main-video{height:475px}.main-board{height:329px} .banner>a{height:170px} .part3-center{margin-left:-10%;}}

@media(max-width:840px){
	.part3-center{width:98%; margin:0 0 0 5px}
	.main-video{margin-left:0; height:442px}
	.part4-center-text h3{font-size:17px;line-height:1.73em}
	.main-board{padding:7% 3.5% 3.9%}
}

@media(max-width:810px){.part3-center{margin-left:-20%;} .main-video{height:446px}}

@media(max-width:800px){.main-video{height:440px}.part1{padding:5% 0 5% 0}}

@media(max-width:768px){
	.part1{padding:4% 0 5% 0}.ricon-share{right:0;top:50px}
	#mainbanner .mainbanner .banner_pc{display:none}#mainbanner .mainbanner .banner_mobile{display:block}
	.part3-center{width:98%; margin:0 0 0 5px}
	.main-video{margin-left:0; height:430px; width:98%}
	.part3 {padding-top:5%}
}

@media(max-width:760px){.main-video{height:420px}}

@media(max-width:750px){.part2 .content h3{font-size:17px}}

@media(max-width:738px){.banner>a>h5{font-size:13px}.main-board>dl>a>dt{font-size:13px}.main-board>dl>a>dd{font-size:16px}}

@media(max-width:720px){.main-video{height:374px}}

@media(max-width:717px){.part4-center-text h3{line-height:1.8em}}

@media(max-width:709px){.part1{padding:3% 0 5% 0}}

@media(max-width:670px){.main-board{padding:9% 3.5% 3.9%}.main-board>dl>a>dt{font-size:12px}.main-board>dl>a>dd{font-size:15px}.main-board>dl>dt{width:30%;height:25px;font-size:15px;padding-left:2px}.main-board>dl>dd{width:70%;height:25px;font-size:19px;line-height:23px}}

@media(max-width:640px){.part1{padding:4% 0 5% 0}.part1 .box-center-left{width:100%;margin:2.8% 0}.part1 .box-center-right{width:100%}.part1-box{width:100%;float:none}.part2 .box{width:80%;margin:0 auto 5% auto!important;float:none}.part2 .box{width:80%;margin:0 auto 5%;float:none}.part2 .content .circle-title{width:112px;height:112px;line-height:109px;border-radius:55px;left:-webkit-calc(82% - 56px);left:-moz-calc(50% - 56px);left:calc(82% - 56px);font-size:18px}.part2 .content h3{font-size:20px}.part3{background:#fff;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding-bottom:4%}.part3-center{border:none}.main-video{height:352px}.part4{padding-top:4%}.part4-center>ul>li{width:48%;margin:0 1% 5%}.part4-center-text>span{font-size:18px}.part4-center-text h3{font-size:22px;line-height:1.6em}.slide-contest .content a{text-align:center}.slide-contest .content a>h3{width:100%;font-size:20px}.slide-contest .content a>h5{font-size:12px}.slide-icon-left{bottom:50%}.slide-icon-right{bottom:50%}.part6-center{padding:0 5%}
	.part3-center{margin-left:-72%;}
	.part6-center-box{width:100%;height:520px;margin-bottom:8%}
	.banner{width:47%;margin-left:6%;margin-bottom:5%}
	.bn-left{margin-left:0}
	.bn-right{margin-right:0}
	.bn-bleft{margin-left:0;}
	.banner>a{height:260px !important;padding:3% 0 0 10%}
	.banner>a>h2{font-size:31px;margin:5px 0 0}
	.bn-left>a>h2>span{display:inline-block}
	.bn-right>a>h2>span{display:inline-block}
	.bn-bleft>a>h2>span{display:inline-block}
	.banner>a>h5{font-size:15.8px;line-height:20px;margin:10px 0 0}
	.banner>a>p{width:103px;height:28px;line-height:26px;margin:22px 0 0}
	.banner-icon01{width:75px;height:76px;position:absolute;bottom:0;right:1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba01.cat) no-repeat 50% 50%}
	.banner-icon02{width:67px !important;height:72px !important;position:absolute;bottom:0;right:1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba01.cat) no-repeat 50% 50%}
	.banner-icon03{width:75px;height:76px;position:absolute;bottom:0;right:1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.nalnat.tb.xe%2Svzntrf%2Sznva%2Soavpba02.cat) no-repeat 50% 50%}
	.main-board{height:360px;padding:8% 3.5% 3.9%}
	.board-title{padding-bottom:3.3%}.board-title>a>h2{font-size:31px}.board-title>a>h3{font-size:37px;line-height:26px}.main-board>dl{margin:3.4% 0 0}.main-board>dl>dt{width:20%;height:25px;font-size:15px;padding-left:2px}.main-board>dl>dd{width:80%;height:25px;font-size:19px;line-height:23px}.part5-center>h2 .title-newline{font-size:28px}.part5-center>h2{font-size:28px}.part5-center>h2 .title-newline{display:block;font-size:28px}.part5-center>h2 .title-newline span{font-size:32px}}

@media(max-width:600px){.main-video{height:330px}}

@media(max-width:576px){
	.part2-tab-btn>#tab_btn>.tabmode{margin-right:15px;padding:11px 22px}.main-video{height:318px}.part4-center-text h3{font-size:22px;line-height:1.7em;-webkit-line-clamp:2}#mainbanner .mainbanner{width:80%}
}

@media(max-width:550px){.part1{padding:2% 0 5% 0}.main-video{height:305px}
	.part3-center{width:98%; margin:15px 0 0 5px}
	.main-video{margin-left:0; height:300px}
	.main-vod-title {padding:0; height:70px; margin-left:0;}
	.mainvod-title-box {display:none;}
	.maintitle-big-text  h2 {width:100%;}
}

@media(max-width:530px)
	{.part1{padding:3% 0 5% 0}.part2-tab-btn>#tab_btn>.tabmode{margin-right:10px;padding:7px 18px}.part1-box-big{height:338px;margin:8.2% 0 2.8%}.part2-tab-box>ul>li>a>h3{padding:14% 4% 0 4%}.main-video{height:293px}}

@media(max-width:506px)
	{.main-video{height:282px}.part5-center>h2{font-size:29px}.slide-contest .content a>h3{font-size:29px;font-weight:500}.part5-center>h2>span{font-size:33px;letter-spacing:-1.9px}.main-board{height:338px}.part2 .content .circle-title{width:104px;height:104px;left:-webkit-calc(82% - 52px);left:-moz-calc(82% - 52px);left:calc(82% - 52px);font-size:16px;line-height:106px}}

@media(max-width:475px){.main-video{height:264px}.ricon-share{right:0}.banner>a>p{margin:7px 0 0}}

@media(max-width:470px){.main-video{height:260px}.main-board>dl>a>dt{font-size:13.5px}.main-board>dl>dt{width:22%;height:25px;font-size:15px;padding-left:2px}.main-board>dl>dd{width:78%;height:25px;font-size:19px;line-height:23px}}

@media(max-width:465px){.part2 .content h3{font-size:17px}.main-video{height:261px}.part4-center .box>a{height:305px}.part4-center-text{height:120px}.part4-center-text>span{font-size:16px}.part4-center-text h3{font-size:18px;line-height:1.2em;margin-top:8%}.slide-contest .content a>h3{font-size:26px}.main-board{padding:9.4% 3.5% 3.9%}main-board>dl>a>dt{font-size:13px}}

@media(max-width:460px){.part2-tab-btn>#tab_btn>.tabmode{margin-right:9px;padding:7px 15px;font-size:15.5px}.main-board{padding:10.6% 3.5% 3.9%}.main-video{height:255px}}

@media(max-width:444px){.part2-tab-btn>#tab_btn>.tabmode{margin-right:9px;padding:7px 14px;font-size:14px}.slide-contest .content a>h3{font-size:22px}}

@media(max-width:425px){.main-video{height:235px}.part5-center>h2{font-size:23px}.part5-center>h2 .title-newline span{font-size:28px}.part5-center>h2 .title-newline{font-size:23px}.maintitle-big-text>h2>a{font-size:29px}.right-icon>li>a>p{font-size:13.4px}.banner>a{height:337px}.banner>a>h2{font-size:26px}.banner>a>h5{font-size:13.8px}.board-title>a>h2{font-size:29px}.main-board{height:327px}.slide-icon-right>a>img{width:29px}.slide-icon-left>a>img{width:29px}.main-board>dl>dt{width:24%;height:25px;font-size:15px;padding-left:2px}.main-board>dl>dd{width:76%;height:25px;font-size:19px;line-height:23px}}

@media(max-width:417px){.banner>a{height:318px}.banner-icon01{width:70px;height:73px;background-size:cover}.bn-left>a:hover>.banner-icon01{background-size:cover}.banner-icon02{width:80px;height:82px;background-size:cover}.bn-right>a:hover>.banner-icon02{background-size:cover}}

@media(max-width:414px){
	.part3-center{margin-left:10px; width:98%}

	.mainvod-title-box {display:none;}
	.right-icon {display:none;}
	.main-vod-title {padding:0; height:70px;}
	.maintitle-big-text h2 {width: 390px; margin:10px 0 0 0}
	.maintitle-big-text h2 a {font-size: 1.4em; line-height:1.4em;}
}

@media(max-width:393px){
	.part3-center{margin-left:5px; width:98%}
}

@media(max-width:390px){
	.part3-center{margin-left:4px; width:97%;}

	.mainvod-title-box {height:16px}
	.main-vod-title {padding:0; height:70px; }
	.maintitle-big-text h2 a {font-size: 1.4em; line-height:1.4em;}
}

@media(max-width:375px){
	.part1 .box-center-left .box .content h3{font-size:23px;line-height:1.2em}.part1 .box-center-right .half-box .content h3{font-size:15px;padding:0 4px 0 8px;line-height:1.2em}
	.main-video{height:209px}.main-board{padding:13.6% 3.5% 3.9%}.part2-tab-btn{height:auto}.part2 .content .circle-title{width:78px;height:78px;line-height:77px;left:-webkit-calc(82% - 39px);left:-moz-calc(82% - 39px);left:calc(82% - 39px)}
	.part2 .content .circle-title>span{font-size:13px}.part2 .content h3{font-size:15px}.main-video>img{width:90px}.maintitle-big-text>h2>a{font-size:20px}.mainvod-title-box>h5>a{font-size:19px;padding-top:3%}.right-icon{margin:-27px 0 0 0}
	.ricon-share{width:236px}.ricon-share>li{margin:0 2px}.right-icon>li>a>i{font-size:26px}.part4-center-text>span{font-size:14px}.part4-center-text h3{font-size:17px}.part4-center .box>a{height:260px}.slide-contest .content a>h5{font-size:19px}
	.slide-contest .content a>h3{font-size:21px}.banner>a{height:300px}.banner>a>h2{font-size:24px}.banner>a>h5{font-size:12.8px}.board-title>a>h2{font-size:26px}.main-board>dl>dd{width:75%;height:27px;font-size:16px;line-height:27px}
	.main-board>dl>dt{font-size:11.5px;line-height:27px;width:25%;height:27px}.main-board{height:327px} 
	.part3 {padding-top:5%}
	.part3-center{margin-left:10px; width:95%}
	.main-vod-title {padding:0; height:70px;}
}

@media(max-width:370px){.part1 .box-center-left .box .content h3{font-size:23px;line-height:1.1em}}

@media(max-width:368px){.part2-tab-btn>#tab_btn>.tabmode{font-size:12px}.banner>a{height:279px}.banner>a>p{width:82px;height:25px;line-height:24px}.part6-center-box{height:307px}.slide-contest ol li{margin:0 5px}.slide-contest ol li a{width:13px;height:13px}}

@media(max-width:360px){
	.maintitle-big-text h2 {font-size: 1.1em; line-height:1.2em;}
}

@media(max-width:352px){.banner>a>h5{font-size:11px;line-height:16px}}

@media(max-width:347px){.part5-center>h2{font-size:20px}.part5-center>h2>span{font-size:25px}.slide-contest ol li a{width:14px;height:14px}.slide-icon-right>a>img{width:23px}.slide-icon-left>a>img{width:23px}.part4-center-text h3{font-size:16px}.main-video{height:193px}}

@media(max-width:347px){.slide-contest .ul{height:268px}.part4-center .box>a{height:250px}}

@media(max-width:340px){.main-video{height:188px}}

@media(max-width:336px){.part2-tab-btn>#tab_btn>.tabmode{margin-right:8px;padding:7px 13px}}

@media(max-width:335px){.part1 .box-center-left .box .content h3{font-size:22px}}

@media(max-width:320px){.part1 .box-center-left .box .content h3{font-size:21.5px}.main-video{height:178px}.maintitle-big-text>h2>a{font-size:23px}}

@media(max-width:280px){
	.part3-center{margin-left:6px; width:95%}
	.main-video {height: 150px;}
	.maintitle-big-text {width:275px;}
	.maintitle-big-text h2 {width:100%}
	.maintitle-big-text h2 a {font-size: 1.1em; line-height:1.3em;}
	.maintitle-big-text .mobile-content {margin:0 0 0 0;}
}