@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 ul.bul li {line-height: 2;margin-left:12px;}
	.sub-contents ul.bul li:before {  padding-right:8px;    font-size:16px; color:#28d5e5;   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;}
	/*---------------------*/

	.sub-contents .rule div.right dl{padding: 0;padding-left:90px;margin-bottom: 25px;border:none;background-position: top left;background-repeat: no-repeat;min-height: 74px;}
	.sub-contents .rule div.right dl dt{width:100%;color:#222;padding-bottom: 8px;}
	.sub-contents .rule div.right dl dd{width:100%;padding: 0;line-height: 1.6;font-size: 16px;}

	.sub-contents .step li{width:30%; height: 70px;background: #CDF4F7;float:left;border-radius: 7px;margin-left:3.3333%;text-align: center;padding-top:25px;position:relative;margin-bottom: 15px;}
	.sub-contents .step li.long{padding-top:15px;}
	.sub-contents .step li::before{content:'\f054';font-family: "Font Awesome 5 Pro";display: inline-block;line-height: 70px;height: 70px;margin-left:-15px;color:#bbb;position:absolute;top:0;left:0;}
	.sub-contents .step li:first-child{margin-left:0;}
	.sub-contents .step li:first-child::before{content:none;}

	.sub-contents .doc_list{margin-left:-12px;margin-right:-12px;}
	.sub-contents .doc_list li{padding:0 10px 25px;float:left;}
	.sub-contents .doc_list li a{text-align: center;display: inline-block;height: 65px;line-height: 65px;vertical-align: middle;background:#26D5E4;width: 320px;font-size: 18px;color:#222;}


}



/* md */
@media (min-width: 1272px) and (max-width: 1469px) {

}

/* xs + sm */
@media (max-width: 1271px) {
	.sub-contents ul.bul li:before { color:#28d5e5;  }


		.sub-contents .rule div.right dl{padding: 0;margin-bottom: 25px;border:none;background-position: top left;background-repeat: no-repeat;min-height: 74px;}
		.sub-contents .rule div.right dl dt{width:100%;color:#222;padding-bottom: 8px;}
		.sub-contents .rule div.right dl dd{width:100%;padding: 0;line-height: 1.6;font-size: 16px;}

		.sub-contents .step li{width:30%; height: 70px;background: #CDF4F7;float:left;border-radius: 7px;margin-left:3.333%;text-align: center;padding-top:25px;position:relative;margin-bottom: 15px;}
		.sub-contents .step li.long{padding-top:10px;}
		.sub-contents .step li::before{content:'\f054';font-family: "Font Awesome 5 Pro";display: inline-block;line-height: 70px;height: 70px;margin-left:-15px;color:#bbb;position:absolute;top:0;left:0;}
		.sub-contents .step li:first-child{margin-left:0;}
		.sub-contents .step li:first-child::before{content:none;}

		.sub-contents .doc_list{margin-left:-12px;margin-right:-12px;}
		.sub-contents .doc_list li{padding:0 10px 25px;float:left;}
		.sub-contents .doc_list li a{text-align: center;display: inline-block;height: 65px;line-height: 65px;vertical-align: middle;background:#26D5E4;width: 320px;font-size: 18px;color:#222;}

}
@media(max-width: 767px){
	.sub-contents .step li{width:100%;margin-left: 0;}
	.sub-contents .step li.long{padding-top:10px;}
	.sub-contents .step li::before{content:'';font-family: "Font Awesome 5 Pro";display: inline-block;line-height: 70px;height: 70px;margin-left:-15px;color:#bbb;position:absolute;top:0;left:0;}
	.sub-contents .step li:first-child{margin-left:0;}
	.sub-contents .step li:first-child::before{content:none;}
}