@charset "utf-8";

@media (min-width:1640px) {
	.wrapper {width:1400px;}
}



@media (max-width:767px) {
	.wrapper {width:100%; padding:0 16px;}
}

@media (min-width:1200px) and (max-width:1639px) {

	.wrapper {width:1200px;}


	/* 자주찾는서비스 */
	#mainCon01 .iconBox li { font-size: 0.825em; padding: 0.75em 0;}
	#mainCon01 .iconBox li:last-child { padding: 1.25em 0; }
	#mainCon01 .iconBox p strong { font-size: 1.375em; }
	#mainCon01 .iconBox i.m_img03 {top: 10px;}
	#mainCon01 .iconBox li {padding:26px 0;}
	#mainCon01 .iconBox li:last-child {padding:26px 0;}


	/* 공지사항 */
	#mainCon01 .mainBoard .news_list li:first-child .date { top: 20px; }
	#mainCon01 .mainBoard .news_list li:first-child { margin: 0 0 10px; padding: 25px 0 20px 100px; }
	#mainCon01 .mainBoard .news_list li { padding: 3px 0 3px 15px; }

	#mainCon01 .iconBox li {padding:19px 0;}
	#mainCon01 .iconBox li:last-child {padding:19px 0;}

}


@media all and (max-width:1000px) {

	.visualConBox li { padding: 25px 20px; }
	.visualConBox li h3 a { font-size: 1.25em; }
	.visualConBox li p a { height: 45px; }

	#mainCon01 > li { width: 28%; }
	#mainCon01 > li:nth-child(even) { width: 44%; padding: 0 1.5em;}

	#mainCon01 .iconBox li { font-size: 0.825em; }
	#mainCon01 .iconBox p { font-size: 0.938em; }

}


@media all and (max-width:1199px) {
	.wrapper {width:100%; padding:0 24px;}
/* @media all and (max-width:850px) { */


	.hideT { display: none !important; }
	.hideM { display: none !important; }
	.hide-lg { display: block !important; }
	.enterLine { display: inline; }

	/* 메인 */
	#headLine { padding-top: 50px; font-size: 1.625em; line-height:34px;}
	.mainVisual { min-height: 420px; }

	#mainCon {margin: 2em auto;}
	#mainCon01 .iconBox li { width:30%; }
	#mainCon01 .iconBox li:last-child { width:40%; padding:34px 0; border-width:1px 1px 1px 0; }
	#mainCon01 .mainBoard .news_list li:first-child .date { padding: 40px 0 10px; }
	.visualConBox { position: absolute; width:calc(100% - 48px); left:24px; top: 160px; display: table; }
	.visualConBox li { padding: 25px 10px 10px 20px; display: block; float: left; width: 50%; height: 130px; }
	.visualConBox li p { margin: 10px 0; }
	.visualConBox li p a{ line-height: 1.4; min-height: 0; height: auto; font-size: 0.938em; }
	.visualConBox li.n01 { background: rgba(0,148,251,0.9); }
	.visualConBox li.n02 { background: rgba(0,124,251,0.9); }
	.visualConBox li.n03 { background: rgba(0,84,209,0.9); }
	.visualConBox li.n04 { background: rgba(0,61,125,0.9); }
	/*
	.visualConBox li:first-child { background: rgba(0,148,251,0.9); }
	.visualConBox li:nth-child(2) { background: rgba(0,124,251,0.9); }
	.visualConBox li:nth-child(3) { background: rgba(0,84,209,0.9); }
	.visualConBox li:nth-child(4) { background: rgba(0,61,125,0.9); }
	*/
	#mainCon01 > li { width: 100%; padding-bottom: 20px; }
	#mainCon01 > li:nth-child(even) { width: calc(100% - 320px); padding: 0 0 20px; }
	#mainCon01 > li:last-child { width: 300px; padding: 0 0 20px; margin-left: 20px;}

	/* 자주찾는서비스 */
	#mainCon01 .iconBox li {  font-size: 1em; padding: 1em 0; }
	#mainCon01 .iconBox li a span { display: inline-block; }
	#mainCon01 .iconBox i.m_img03 {top: 15px;}
	#mainCon01 .iconBox p { font-size: 1em; }
	#mainCon01 .iconBox p strong { font-size: 1.5em; padding-top: 2px;}

	/* 공지사항 */
	#mainCon01 .mainBoard .news_list li:first-child .date { top: 25px; }
	#mainCon01 .mainBoard .news_list li:first-child { margin: 0 0 10px; padding: 25px 0 25px 100px; }
	#mainCon01 .mainBoard .news_list li { padding: 5px 0 5px 15px; }
	#mainCon01 .mainBoard .news_list li:first-child .desc { height: 40px; font-size: 0.938em;}
	#mainCon01 .popup_zone .pz_list li img { height: auto; max-height: 9999px; }



}

/* @media all and (max-width:640px){
	#mainCon01 > li:nth-child(even) { width: calc(100% - 275px);  }
	#mainCon01 > li:last-child { width: 260px; margin-left: 15px; }
} */

@media all and (max-width:850px) {
	#mainCon01 .iconBox li { width:50%; }
	#mainCon01 .iconBox li:last-child{ width:100%; border-width:0 1px 1px 1px;}
}

@media all and (max-width:768px){
	.wrapper {padding:0 16px;}
	.visualConBox {width:calc(100% - 32px); left:16px;}
	#mainCon01 > li:nth-child(even) { width: 100%; padding: 0 0 20px; }
	#mainCon01 > li:last-child { width: 100%; padding: 0 0 20px; margin-left: 0;}
}

@media all and (max-width:540px){
	.visualConBox { position:static; width:100%; margin-top:30px; }
	.visualConBox li { width:100%; height:auto; padding:15px; }
	.visualConBox li p { margin-bottom:0; }
	.visualConBox li h3 a { font-size:1.2em; }
}

@media all and (max-width:460px){

	/* 메인 */
	.visual { background-size: cover; }
	#mainCon01 .mainBoard .news_list li:first-child .desc { height: 35px; }
	#mainCon01 .mainBoard .news_list li:first-child { padding: 30px 0 25px 100px; }

	.visualConBox li h3 a span.more { background-size:80%; }
	.visualConBox li p { font-size: 0.875em; word-break: break-all; }
	#mainCon01 .iconBox i.m_img03 {top: 10px;}

}

@media all and (max-width: 380px) {
	#mainCon01 .iconBox li { width:100%;}
	#mainCon01 .iconBox li:first-child { border-width: 1px 1px 0 1px;}
	#mainCon01 .iconBox i.m_img03 { display:none; }
	#mainCon01 .iconBox p { padding:0; text-align:center; }
	#mainCon01 .iconBox p:before { content:none; }
}

@media all and (max-width: 350px) {

	.visualConBox li h3 a { font-size: 1em; }
	.visualConBox li h3 a span.more { background-size:70%; margin-top: 5px; }

}

@media all and (max-width: 300px) {
	#mainCon01 .iconBox li a span { display: block; }
	#mainCon01 .iconBox p { font-size: 1em; }
	#mainCon01 .iconBox p strong { font-size: 1.125em; }

}