.seo2 p {float: left; width: 50%; font-weight: bold;}
.sub-contents ul.bul li:before{color: #d00d19 !important;}

@media (min-width: 1272px) {

	.sub .top-contents h1 { font-size:30px; color:#60b0e3;margin-bottom:15px;  font-weight:bold;font-family: 'NanumSquareRound'; padding-top:40px; }
	.sub .top-contents .location {  font-size:18px; color:#fff;  }

	.tab-menu li a:hover { color:#222; border-bottom:2px solid #60b0e3; text-decoration:none;  }
	.tab-menu li.active  a {color:#222; border-bottom:2px solid #60b0e3 }

	.sub-contents .text-box.left-text-box { padding-left:120px; background:url(../images/sub_common/icon_news.png) no-repeat 30px center #f2f2f2; min-height:80px; }

	.sub-contents h4 {font-family: 'NanumSquareRound';margin-bottom:20px;  font-size:26px;line-height: 1.5;color:#222; font-weight:normal;clear:both;}
	.sub-contents h5 {font-family: 'NanumSquareRound'; margin-bottom: 15px; font-size: 20px; line-height: 1.3; color: #222; clear: both; font-weight: normal;}

	.sub-contents ul.bul li {line-height: 2;margin-left:12px;}
	.sub-contents ul.bul li:before {  padding-right:8px;    font-size:16px; color:#53710c;   margin-left:-12px;}

	.sub-contents .guide-wrap .contents-table table thead th {font-weight: bold; padding: 7px;}

	.sub-contents p {line-height: 2;}
	.sub-contents .guide-wrap p {letter-spacing: 0.4px;}
	.sub-contents p.blue-back {background: #c0e6fd;padding: 0;display: inline-block;line-height: 1;}
	.sub-contents .red {color: #f00 !important;}

	.sub-contents .tCenter {text-align: center;}
	.sub-contents .m-b-10 {margin-bottom: 10px;}
	.sub-contents .m-l-10 {margin-left: 18px;}
	.sub-contents .m-l-16 {margin-left: 16px;}
	.sub-contents .blue {color: #60b0e3 !important;}

	.sub-contents hr {border-top:1px solid #CCC;display: block;margin:0;margin-bottom: 20px;}
	/*---------------------*/


	.vr {background: #2e2e2e; height: 480px; position: relative;}
	.vr h3{color:#fff; padding-top:30px;float:right; padding-right: 30px;}
	.vr img{max-width: none!important;}
	.vr .vrTab { position: relative; clear: both; padding-left: 30px;}
	.vr .vrTab ul {position: absolute;top:-30px; left: 60px;  height:400px; overflow-y:auto; width:280px; }
	.vr .vrTab ul li {padding: 17px 0;}
	.vr .vrTab ul li a {padding-left:10px; display: block; color: #fff; font-size: 16px;}
	.vr .vrTab ul li a:hover, .vr .vrTab ul li a.hover {color: #ff75c0;}
	#vr {position:relative;height: 350px;}
	.vr .mov {width: 800px; height: 350px;  float: left; position: absolute; right: 30px; top: 80px;}
	.vr .mov .movPlay { width: 800px; height: 350px; padding-bottom: 0;}
	.vr .mov .movTxt {color: #fff; font-size: 18px; float: left;}
	.vr .mov .movTxt span { display:inline-block; min-height:23px;  }
	.vr .vrBtn {position: absolute; top: 25px; right: 35px;}


}



/* md */
@media (min-width: 1272px) and (max-width: 1469px) {
	.vr .mov { width: 560px;}
	.vr .mov .movPlay {width: 560px;}
}

/* xs + sm */
@media (max-width: 1271px) {
	.vr {background: #2e2e2e;position: relative;}
	.vr h3{color:#fff; padding-top:30px;width: 90%; display: block; margin:0 auto;margin-bottom: 20px;}
	.vr img{max-width: none!important;}
	.vr .vrTab { width: 90%; display: block; margin:0 auto;}
	.vr .vrTab ul { margin-top: 20px;padding-bottom: 30px; }
	.vr .vrTab ul li {padding: 10px 0;}
	.vr .vrTab ul li a {display: block; color: #fff; font-size: 16px;}
	.vr .vrTab ul li a:hover, .vr .vrTab ul li a.hover {color: #ff75c0;}
	.vr .mov {width: 90%; height: 350px; margin:0 auto; position:relative;}
	.vr .mov .movPlay { width: 100%; height: 350px; padding-bottom: 0;}
	.vr .mov .movTxt {color: #fff; font-size: 18px; float: left;}
	.vr .mov .movTxt span { display:inline-block; min-height:23px;  }
	.vr .vrBtn {position: absolute; top: 25px; right: 35px;}

}
