@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700&display=swap');


.fcBlue{color:#073583; font-weight:600;}
.fcBlack{color:#000;}
.fwBold{font-weight:bold;}
.bgYellow{background:#fcf6b0;}

/* Renewal 2020 */
#mVisualWrap{width:100%; position:relative;}
#mVisualWrap .mVisual{width:100%; positon:relative; z-index:1;}
#mVisualWrap .mVisual span{display:inline-block; width:100%;}
#mVisualWrap .mVisual span.pc{display:inline-block;}
#mVisualWrap .mVisual span.mo{display:none;}
#mVisualWrap .mVisual img{width:100%;}
#mVisualWrap .mVisualLink{position:absolute; z-index:3; cursor:pointer; display:inline-block;}
#mVisualWrap .mVisualLink01{top:44%; left:25%; height:12%; width:75%;}
#mVisualWrap .mVisualLink02{top:60%; left:25%; height:12%; width:75%;}
#mVisualWrap .mVisualLink03{top:79.6%; left:25%; height:12%; width:75%;}
#mVisualWrap .mVisualLink04{top:79.6%; left:35%; height:12%; width:75%;}


@media screen and (max-width:750px){
	
	#mVisualWrap .mVisual span.pc{display:none;}
    #mVisualWrap .mVisual span.mo{display:inline-block;}
	
	#mVisualWrap .mVisualLink01{top:44.25%; left:0%; height:12%; width:100%;}
    #mVisualWrap .mVisualLink02{top:68.25%; left:0%; height:12%; width:100%;}
    #mVisualWrap .mVisualLink03{top:81.625%; left:0%; height:12%; width:100%;}
    #mVisualWrap .mVisualLink04{top:81.875%; left:0%; height:12%; width:100%;}
	
}


#bestVideoWrap{width:100%; position:relative; background:#fff; padding:60px 0 80px;}
#bestVideoWrap .bestVideo{width:100%; margin:0 auto; max-width:1000px;}
#bestVideoWrap .bestVideo .bestVideoTit{width:100%; text-align:center; padding-bottom:30px; color:#292929; font-size:40px;}
#bestVideoWrap .bestVideo .bestVideoBox{width:100%; position:relative; box-shadow:5px 5px 10px #CCC;}
.bestVideoBox .bestVideoBg{width:100%; position:relative; z-index:1;}
.bestVideoBox .bestVideoBg img{width:100%;}
.bestVideoBox .bestMovie{width:100%; height:100%; position:absolute; z-index:3; top:0; left:0;}

@media screen and (max-width:850px){
	
	#bestVideoWrap .bestVideo .bestVideoTit{font-size:30px; padding-bottom:20px;}
	#bestVideoWrap{padding:40px 0 60px;}
	
}

@media screen and (max-width:480px){
	
	#bestVideoWrap .bestVideo .bestVideoTit{font-size:20px; padding-bottom:10px;}
	#bestVideoWrap{padding:30px 0 50px;}
	
}


#mSection{width:100%; position:relative;}
#mSpecialWrap{width:100%; position:relative; padding:60px 0 0; background:url(../newImg/mSectionBg01.jpg) no-repeat center center; background-size:cover;}
.mCenter{width:96%; margin:0 auto; max-width:1200px;}
#mSpecialWrap .mSpecialTit01{width:100%; text-align:center; padding-bottom:50px; color:#fff; font-size:28px;}
#mSpecialWrap .mSpecialTit01 span{font-size:40px; font-weight:bold; text-shadow:1px 1px #ccc;}

#mSpecialWrap .mSpecialBoxWrap{width:100%; padding-bottom:20px;}
#mSpecialWrap .mSpecialBoxWrap .mSpecialBox{width:50%; display:inline-block; box-sizing:border-box; padding-left:60px; position:relative; margin-bottom:40px;}
#mSpecialWrap .mSpecialBoxWrap .mSpecialBox:nth-child(2n){float:right;}
#mSpecialWrap .mSpecialBoxWrap .mSpecialBox:nth-child(2n+1){clear:both;}
.mSpecialBoxWrap .mSpecialBox .sbNum{display:inline-block; position:absolute; top:0; left:0; width:45px; height:45px; border-radius:100%; background:#fff; color:#073583; text-align:center;
                                     font-style:italic; font-size:30px; line-height:45px; box-shadow:3px 3px 5px #2d2d2d; font-family: 'Nanum Myeongjo', serif;}


.mSpecialBoxWrap .mSpecialBox p{color:#fff; font-size:20px; line-height:26px;}
.mSpecialBoxWrap .mSpecialBox p.specialTxt{display:inline-block; color:#fff568; font-size:24px; line-height:40px; padding-top:2px; border-bottom:1px solid #fff568; margin-bottom:10px;}

.mSpecialBottomWrap{width:100%; padding:20px 0; background:#073583;}
.mSpecialBottom{width:100%; text-align:center; color:#fff; font-size:20px;}
.mSpecialBottom span{font-weight:600;}
.mSpecialBottom span.yellow{font-size:22px; color:#fff568;}


@media screen and (max-width:1200px){
	
	#mSpecialWrap .mSpecialTit01{padding-bottom:50px; font-size:22px;}
    #mSpecialWrap .mSpecialTit01 span{font-size:30px;}
	
	#mSpecialWrap .mSpecialBoxWrap .mSpecialBox{padding-left:50px; padding-right:30px;}
	.mSpecialBoxWrap .mSpecialBox .sbNum{width:40px; height:40px; line-height:40px; font-size:20px;}
	
	.mSpecialBoxWrap .mSpecialBox p{font-size:16px; line-height:26px;}
    .mSpecialBoxWrap .mSpecialBox p.specialTxt{font-size:18px;}
	
	.mSpecialBottom{font-size:18px;}
    .mSpecialBottom span.yellow{font-size:20px;}
	
}


@media screen and (max-width:850px){
	
	#mSpecialWrap{padding:40px 0 0; background:url(../newImg/mSectionBg01.jpg) no-repeat left center; background-size:cover;}
	
	#mSpecialWrap .mSpecialBoxWrap .mSpecialBox{width:100%; claear:both;}
	#mSpecialWrap .mSpecialBoxWrap .mSpecialBox:nth-child(2n){float:none; clear:both;}
    #mSpecialWrap .mSpecialBoxWrap .mSpecialBox:nth-child(2n+1){clear:both;}
	.mSpecialBoxWrap .mSpecialBox p br{display:none;}
	
	.mSpecialBoxWrap .mSpecialBox p.specialTxt{line-height:24px; padding-bottom:10px;}
	
}


@media screen and (max-width:750px){
	
	
	#mSpecialWrap .mSpecialTit01{padding-bottom:30px; font-size:22px;}
    #mSpecialWrap .mSpecialTit01 span{font-size:30px;}
	
}


@media screen and (max-width:480px){
	
	
	#mSpecialWrap .mSpecialBoxWrap{padding-bottom:0;}
	
	#mSpecialWrap .mSpecialTit01{padding-bottom:30px; font-size:18px;}
    #mSpecialWrap .mSpecialTit01 span{font-size:20px;}
	
	#mSpecialWrap .mSpecialBoxWrap .mSpecialBox{padding-left:40px; padding-right:20px; padding-bottom:0px;}
	.mSpecialBoxWrap .mSpecialBox .sbNum{width:30px; height:30px; line-height:30px; font-size:18px;}
	
	.mSpecialBoxWrap .mSpecialBox p{font-size:14px; line-height:20px;}
    .mSpecialBoxWrap .mSpecialBox p.specialTxt{font-size:16px;}
	
	.mSpecialBottom{font-size:16px;}
    .mSpecialBottom span.yellow{font-size:18px;}
	
}



#mUniqueWrap{width:100%; position:relative; padding:60px 0; background-color:#fefefe;
             background-image:url(../newImg/mSectionBg02.jpg);
			 background-position:top;
			 background-repeat:no-repeat;
}

.mUniqueTxt{width:100%; padding:0 0 30px 0;}
.mUniqueTxt .uniqueTit{font-size:40px; font-weight:600; color:#292929;}
.mUniqueTxt .uniqueLine{display:inline-block; width:200px; height:1px; background:#073583; margin:40px 0;}
.mUniqueTxt .uniqueTxt{font-size:20px; color:#292929; line-height:26px;}


.mUniqBoxWrap{width:100%; box-sizing:border-box; padding:20px 30px; box-shadow:3px 3px 8px #999; background:#fff;}
.mUniqBoxWrap .mUniqBox{width:100%; padding:20px 0 20px 90px; box-sizing:border-box; border-top:1px solid #dbdbdb; position:relative;}
.mUniqBoxWrap .mUniqBox:first-child{border-top:none;}
.mUniqBoxWrap .mUniqBox .mUniqListIcon{position:absolute; top:20px; left:0;}
.mUniqBoxWrap .mUniqBox .muniqTit{position:relative; color:#073583; font-size:24px; font-weight:600; padding-bottom:10px;}
.mUniqBoxWrap .mUniqBox .muniqTxt{position:relative; color:#292929; font-size:20px; line-height:26px;}
.mUniqBoxWrap .mUniqBox .muniqTxt02{position:relative; color:#686767; font-size:16px; line-height:24px;}

.mUniqBoxWrap .mUniqBox .listenBox{width:100%; margin:10px 0; height:85px;}
.mUniqBoxWrap .mUniqBox .listenBox li{width:25%; text-align:center; display:inline-block; float:left;}
.mUniqBoxWrap .mUniqBox .listenBox li a{display:inline-block; width:100%;}
.mUniqBoxWrap .mUniqBox .listenBox li a img{width:90%; max-width:230px;}



@media screen and (max-width:850px){
	
	
   .mUniqueTxt .uniqueTit{font-size:30px;}
   .mUniqueTxt .uniqueLine{width:150px;margin:30px 0;}
   .mUniqueTxt .uniqueTxt{font-size:18px; line-height:24px;}


   .mUniqBoxWrap{padding:20px 20px;}
   .mUniqBoxWrap .mUniqBox{padding:20px 0 20px 60px; }
   .mUniqBoxWrap .mUniqBox:first-child{border-top:none;}
   .mUniqBoxWrap .mUniqBox .mUniqListIcon{position:absolute; top:20px; left:0;}
   .mUniqBoxWrap .mUniqBox .mUniqListIcon img{width:50px;}
   .mUniqBoxWrap .mUniqBox .muniqTit{font-size:20px;}
   .mUniqBoxWrap .mUniqBox .muniqTxt{font-size:16px; line-height:24px;}
   .mUniqBoxWrap .mUniqBox .muniqTxt02{font-size:14px; line-height:20px;}
   
   .mUniqBoxWrap .mUniqBox .listenBox{margin:10px 0 0; height:60px;}
   .mUniqBoxWrap .mUniqBox .listenBox li{width:25%;}
   .mUniqBoxWrap .mUniqBox .listenBox li img{width:90%;}
	
}


@media screen and (max-width:480px){
	
	
   .mUniqueTxt .uniqueTit{font-size:20px;}
   .mUniqueTxt .uniqueLine{width:100px;margin:20px 0;}
   .mUniqueTxt .uniqueTxt{font-size:16px; line-height:24px;}


   .mUniqBoxWrap{padding:20px 20px;}
   .mUniqBoxWrap .mUniqBox{padding:20px 0 20px 50px; }
   .mUniqBoxWrap .mUniqBox:first-child{border-top:none;}
   .mUniqBoxWrap .mUniqBox .mUniqListIcon{position:absolute; top:20px; left:0;}
   .mUniqBoxWrap .mUniqBox .mUniqListIcon img{width:40px;}
   .mUniqBoxWrap .mUniqBox .muniqTit{font-size:18px; padding-bottom:5px;}
   .mUniqBoxWrap .mUniqBox .muniqTxt{font-size:14px; line-height:20px;}
   .mUniqBoxWrap .mUniqBox .muniqTxt02{font-size:12px; line-height:20px;}
   
   .mUniqBoxWrap .mUniqBox .listenBox{margin:8px 0 0; height:90px;}
   .mUniqBoxWrap .mUniqBox .listenBox li{width:50%;}
   .mUniqBoxWrap .mUniqBox .listenBox li img{width:90%;}
	
}



#mProgramWrap{width:100%; 
              position:relative; 
              padding:60px 0; 
			  background-color:#f1f1f1;
             
}

.mProgramTit{width:100%; text-align:right; font-size:40px; font-weight:600; color:#292929; position:relative; padding-bottom:80px;}
.mProgramTit::after{content:''; position:absolute; width:200px; height:1px; background:#073583; bottom:40px; right:0;}
.mProgramBox{width:100%;}
.mProgramBox img{width:100%;}

.mProgramBox .pc{display:inline-block;}
.mProgramBox .mo{display:none;}

@media screen and (max-width:850px){
	.mProgramTit{font-size:30px;}
}

@media screen and (max-width:640px){
	.mProgramBox .pc{display:none;}
    .mProgramBox .mo{display:inline-block;}
}

@media screen and (max-width:480px){
	.mProgramTit{font-size:20px; padding-bottom:50px;}
	.mProgramTit::after{bottom:25px;}
}