#wrap > section {
	position: relative; display: inline-block;
	width: 100%; max-width: 1080px;
	margin: 0 auto;
}

#section_01 > .slider_box {
	width: 802px; height: 397px;
	float: left;
}

#section_01 > .mobile_quick_nav{
	display: none;
	width: 800px; height: 250px;
	margin: 0 auto;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
}

#section_01 > .mobile_quick_nav > div.left{
	float: left;
	width: 300px; height: 100%;
	padding: 45px;
	box-sizing: border-box;
}


#section_01 > .mobile_quick_nav > div.left > .quick_btn_01{ float: left; }
#section_01 > .mobile_quick_nav > div.left > .quick_btn_02{ float: right; }
#section_01 > .mobile_quick_nav > div.left > .quick_btn_03{ margin-top: 15px; float: left; }
#section_01 > .mobile_quick_nav > div.left > .quick_btn_04{ margin-top: 15px; float: right; }

#section_01 > .mobile_quick_nav > div.right{
	float: right;
	width: 498px; height: 100%;
	padding: 45px;
	box-sizing: border-box;
}

#section_01 > .mobile_quick_nav > div.right > div {
	display: inline-block;
	width: 100%;
}

#section_01 > .mobile_quick_nav > div.right > div.top {
	width: 100%; height: 43px; line-height: 43px;
	font-size: 25px; color: #212255;
	border-bottom: 1px solid #d7d7d7;
	box-sizing: border-box;
	font-weight: bold;
	font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif
	padding: 0px 40px;
    letter-spacing: 12px;
}

#section_01 > .mobile_quick_nav > div.right > div.top > img {
	vertical-align: text-top;
}

#section_01 > .mobile_quick_nav > div.right > div.bottom > table{
	display: inline-block
	border-collapse: collapse;
    table-layout: auto;
    word-break: break-all;
	margin: 0 auto;
}

#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr{
	height: 55px;
}

#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr > td {
	text-align: left;
}
#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr > td.col_01{
	color: #42515b;
	width: 110px;
}

#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr > td.col_02{
	color: #212255;
	font-size: 16px;
	font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif
}

#section_01 > .quick_nav {
	float: right;
	width: 278px; height: 397px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	box-sizing: border-box;
}

#section_01 > .quick_nav > .quick_btn {
	width: 100%; height: 195px;
	border-bottom: 1px solid #d7d7d7;
	box-sizing: border-box;
	padding: 20px 40px;
}
#section_01 > .quick_nav > .quick_btn > a { display: inline-block; } 
#section_01 > .quick_nav > .quick_btn > a.quick_btn_01 { }
#section_01 > .quick_nav > .quick_btn > a.quick_btn_02 { margin-left: 24px; }
#section_01 > .quick_nav > .quick_btn > a.quick_btn_03 { margin-top: 10px; }
#section_01 > .quick_nav > .quick_btn > a.quick_btn_04 { margin-top: 10px; margin-left: 24px; }

#section_01 > .quick_nav > .quick_number {
	width: 100%; height: 43px; line-height: 43px;
	font-size: 25px; color: #212255;
	border-bottom: 1px solid #d7d7d7;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0px 40px;
}

#section_01 > .quick_nav > .quick_number > img {
	vertical-align: middle;
}

#section_01 > .quick_nav > .quick_info {
	width: 100%; height: 159px;
	border-bottom: 1px solid #d7d7d7;
	box-sizing: border-box;
	padding: 10px 40px;
}

#section_01 > .quick_nav > .quick_info > div {
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}

#section_01 > .quick_nav > .quick_info > div:first-child {
	margin-top: 15px;
}

#section_01 > .quick_nav > .quick_info > div > div {
	float: left; line-height: 20px;
	font-size: 12px; color: #212255;
	text-align: left;
}
#section_01 > .quick_nav > .quick_info > div > div.quick_info_icon {
	margin-left: 10px;
	margin-right: 8px;
}

#section_01 > .quick_nav > .quick_info > div > div.quick_info_icon > img {
	vertical-align: middle;
}

#section_01 > .quick_nav > .quick_info > div > div.quick_info_txt > span {
	font-size: 14px; font-weight: bold;
}

#wrap > section#section_02 {
	margin-top: 36px;
}


#section_02 > article {
	float: left;
}

#section_02 > article.state_table {
	width: 487px;
}

#section_02 > article.state_table > div {
	width: 100%; height: 40px; line-height: 40px;
}

#section_02 > article.state_table > div > h2 {
	display: inline-block;
	font-size: 18px; color: #373737;
	float: left;
}

#section_02 > article.state_table > div > a {
	display: inline-block;
	float: right;
}

#section_02 > article.state_table > div > a > img {
	vertical-align: middle;
}


#section_02 > article.state_table > table {
	border-collapse: collapse;
    table-layout: auto;
    word-break: break-all;
    width: 100%; height: 257px;
	border: 1px solid #d9d9d9;
}

#section_02 > article.state_table > table > thead > tr > td {
	height: 37px;
	border-bottom: 1px solid #d9d9d9;
}

#section_02 > article.state_table > table > tbody > tr > td {
	font-size: 13px; color: #42515b;
	height: 31px;
}

#section_02 > article.state_table > table > tbody > tr > td.tbl_col_01 {
	width: 50px;
}

#section_02 > article.state_table > table > tbody > tr > td.tbl_col_02 {
	width: 70px;
}

#section_02 > article.state_table > table > tbody > tr > td.tbl_col_04 {
	width: 50px;
}

#section_02 > article.state_table > table > tbody > tr > td.tbl_col_05 {
	width: 50px;
}


#section_02 > article.state_table > table > tbody > tr > td.tbl_col_03 {
	height: 31px; line-height: 31px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
}

#section_02 > article.state_table > table > tbody > tr > td.tbl_col_04 {
	width: 60px;
}

#section_02 > article.state_table > table > tbody > tr > td.tbl_col_05 > span.col_type_01 { /* 요청 */
	display: inline-block;
	padding: 2px 5px;
	text-align: center; color: #fff; font-size: 12px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #565858;
}


#section_02 > article.state_table > table > tbody > tr > td.tbl_col_05 > span.col_type_02 { /* 접수 */
	display: inline-block;
	padding: 2px 5px;
	text-align: center; color: #fff; font-size: 12px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #56cfe4;
}


#section_02 > article.state_table > table > tbody > tr > td.tbl_col_05 > span.col_type_03 { /* 보류 */
	display: inline-block;
	padding: 2px 5px;
	text-align: center; color: #fff; font-size: 12px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #8ccfc6;
}


#section_02 > article.state_table > table > tbody > tr > td.tbl_col_05 > span.col_type_04 { /* 완료 */
	display: inline-block;
	padding: 2px 5px;
	text-align: center; color: #fff; font-size: 12px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #28769d;
}






#section_02 > article.shopping_banner {
	width: 271px;
	margin-left: 26px;
}

#section_02 > article.shopping_banner > div {
	width: 100%; height: 40px; line-height: 40px;
}

#section_02 > article.shopping_banner > div > h2 {
	display: inline-block;
	font-size: 18px; color: #373737;
	float: left;
}

#section_02 > article.shopping_banner > div > a {
	display: inline-block;
	float: right;
}

#section_02 > article.shopping_banner > div > a > img {
	vertical-align: middle;
}

#section_02 > article.shopping_banner > a > img {
	width: 271px; height: 257px;
}

#section_02 > article.photo_banner {
	width: 271px;
	margin-left: 25px;
}

#section_02 > article.photo_banner > div {
	width: 100%; height: 40px; line-height: 40px;
}

#section_02 > article.photo_banner > div > h2 {
	display: inline-block;
	font-size: 18px; color: #373737;
	float: left;
}

#section_02 > article.photo_banner > div > a {
	display: inline-block;
	float: right;
}

#section_02 > article.photo_banner > div > a > img {
	vertical-align: middle;
}

#section_02 > article.photo_banner > a > img {
	width: 271px; height: 257px;
}

#wrap > section#section_03 {
	margin-top: 36px;
}


#section_03 > div {
	width: 100%; height: 40px; line-height: 40px;
}

#section_03 > div > h2 {
	display: inline-block;
	font-size: 18px; color: #373737;
	float: left;
}

#section_03 > div > a {
	display: inline-block;
	float: right;
}

#section_03 > div > a > img {
	vertical-align: middle;
}


#section_03 > ul > li {
	list-style: none; float: left;
	border: 1px solid #d3d3d3;
	border-left: 0px;
	box-sizing: border-box;
}

#section_03 > ul > li:first-child {
	border-left: 1px solid #d3d3d3;
}

#section_03 > ul > li > img {
	width: 100%;
}

#section_03 > ul > li > div {
	padding: 22px 16px 17px;
}


#section_03 > ul > li > div > h2 {
	width: 100%; line-height: 25px;
	font-size: 16px; color: #565858;
	text-align: left;
}

#section_03 > ul > li > div > p {
	width: 100%; line-height: 25px;
	font-size: 12px; color: #565858;
	text-align: left;
	padding-bottom: 33px;
}


#section_03 > ul > li > div > a {
	display: inline-block; text-decoration: none;
	width: 87px; height: 32px; line-height: 32px; 
	text-align: center; font-size: 13px; color: #fff;
	box-sizing: border-box;
	margin-bottom: 17px;
}

#section_03 > ul > li > div > a.main_contact {
	float: left;
	border: 2px solid #565858;
	background-color: #565858;
}

#section_03 > ul > li > div > a.main_contact:hover {
	color: #565858;
	background-color: #fff;
}

#section_03 > ul > li > div > a.main_receipt {
	float: right;
	border: 2px solid #212255;
	background-color: #212255;
}

#section_03 > ul > li > div > a.main_receipt:hover {
	color: #212255;
	background-color: #fff;
}


#wrap > section#section_04 {
	margin-top: 36px;
}

#section_04 > h2 {
	display: inline-block;
	width: 100%; height: 40px; line-height: 40px;
	font-size: 18px; color: #373737;
	text-align: left;
}


.slider {
	width: 100%; height: 100px; line-height: 100px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	margin-bottom: 50px;
	padding: 0px 30px;
}

.slick-slide {
	margin: 0px 15px;
	height: 100px; line-height: 100px;
}

.slick-slide img {
	display: inline-block; 
	width: 100%;
	vertical-align: middle;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}



@media (max-width: 420px){ 
	#wrap > section {
	    max-width: 300px;
	}
	#wrap > section#section_01 {
		width: 100%;
	    max-width: 100%;

	}

	#section_01 > .slider_box {
		width: 100%;
		height: auto;
	}
	.bx-wrapper img {
		max-width: 100%;
		width: 100%;
		display: block;
	}

	.bx-wrapper {
		position: relative;
		margin: 0 auto 20px;
		padding: 0;
	}

	#section_01 > .quick_nav {
		display: none;
	}

	#section_01 > .mobile_quick_nav{
		display: inline-block;
		width: 300px; height: 164px;
		margin: 0 auto;
		border: 1px solid #d7d7d7;
		box-sizing: border-box;
	}

	#section_01 > .mobile_quick_nav > div.left > .quick_btn_01{ float: left; }
	#section_01 > .mobile_quick_nav > div.left > .quick_btn_02{ float: right; }
	#section_01 > .mobile_quick_nav > div.left > .quick_btn_03{ margin-top: 15px; float: left; }
	#section_01 > .mobile_quick_nav > div.left > .quick_btn_04{ margin-top: 15px; float: right; }

	#section_01 > .mobile_quick_nav > div.left {
		display: none;
	}

	#section_01 > .mobile_quick_nav > div.right {
		float: left;
		width: 100%;
		height: 100%;
		padding: 10px;
		box-sizing: border-box;
	}

	#section_01 > .mobile_quick_nav > div.right > div.top {
		width: 100%; height: 43px; line-height: 43px;
		font-size: 20px; color: #212255;
		border-bottom: 1px solid #d7d7d7;
		box-sizing: border-box;
		font-weight: bold;
		font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif
		padding: 0px 40px;
		letter-spacing: 8px;
	}

	#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr > td.col_01 {
		color: #42515b;
		width: 80px;
		font-size: 12px;
	}

	#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr > td.col_02 {
		color: #212255;
		font-size: 14px;
		font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif;
	}

	#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr {
		height: 45px;
	}


	#wrap > section#section_02{
		margin-top: 20px;
	}

	#wrap > section#section_03 {
		margin-top: 20px;
	}
	#wrap > section#section_04 {
		margin-top: 20px;
	}


	#section_02 > article.state_table {
	    width: 100%;
	}

	#section_02 > article.state_table > table > thead > tr > td {
		font-size: 12px;
	}

	#section_02 > article.state_table > table > thead > tr > td.tbl_head_col_02 {
		display: none;
	}

	#section_02 > article.state_table > table > tbody > tr > td.tbl_col_02 {
		display: none;
	}
	
	#section_02 > article.state_table > table > tbody > tr > td.tbl_col_04 {
		width: 80px;
	}

	#section_02 > article.state_table > table > thead > tr > td.tbl_head_col_05 {
		display: none;
	}

	#section_02 > article.state_table > table > tbody > tr > td.tbl_col_05 {
		display: none;
	}



	#section_02 > article.shopping_banner {
		width: 100%; 
		padding-right: 0px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;
	}

	#section_02 > article.shopping_banner > a > img{
		width: 100%; height: 285px;
	}

	#section_02 > article.photo_banner {
		width: 100%; 
		padding-left: 0px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;

	}

	#section_02 > article.photo_banner > a > img{
		width: 100%; height: 285px;
	}

	#section_03 > ul > li {
		width: 300px;
		border-left: 1px solid #d3d3d3;
		margin-top: 20px;
	}
	#section_03 > ul > li > img {
		height: auto;
	}
	#section_03 > ul > li > div > a {
		width: 120px;
	}

	#section_03 > ul > li > div > p {
		height: 25px;
	}
}

@media (max-width: 569px) and (min-width: 421px) { 
	#wrap > section {
	    max-width: 400px;
	}
	#wrap > section#section_01 {
		width: 100%;
	    max-width: 100%;

	}

	#section_01 > .slider_box {
		width: 100%;
		height: auto;
	}
	.bx-wrapper img {
		max-width: 100%;
		width: 100%;
		display: block;
	}

	.bx-wrapper {
		position: relative;
		margin: 0 auto 20px;
		padding: 0;
	}

	#section_01 > .quick_nav {
		display: none;
	}

	#section_01 > .mobile_quick_nav{
		display: inline-block;
		width: 400px; height: 164px;
		margin: 0 auto;
		border: 1px solid #d7d7d7;
		box-sizing: border-box;
	}

	#section_01 > .mobile_quick_nav > div.left > .quick_btn_01{ float: left; }
	#section_01 > .mobile_quick_nav > div.left > .quick_btn_02{ float: right; }
	#section_01 > .mobile_quick_nav > div.left > .quick_btn_03{ margin-top: 15px; float: left; }
	#section_01 > .mobile_quick_nav > div.left > .quick_btn_04{ margin-top: 15px; float: right; }

	#section_01 > .mobile_quick_nav > div.left {
		float: left;
		width: 150px;
		height: 100%;
		padding: 10px;
		box-sizing: border-box;		
	}

	#section_01 > .mobile_quick_nav > div.left > a {
		width: 50%;
	}
	
	#section_01 > .mobile_quick_nav > div.left > a > img{
		width: 100%; height: auto;
	}

	#section_01 > .mobile_quick_nav > div.right {
		float: right;
		width: 248px;
		height: 100%;
		padding: 10px;
		box-sizing: border-box;
	}

	#section_01 > .mobile_quick_nav > div.right > div.top {
		width: 100%; height: 43px; line-height: 43px;
		font-size: 20px; color: #212255;
		border-bottom: 1px solid #d7d7d7;
		box-sizing: border-box;
		font-weight: bold;
		font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif
		padding: 0px 40px;
		letter-spacing: 8px;
	}

	#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr > td.col_01 {
		color: #42515b;
		width: 80px;
		font-size: 12px;
	}

	#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr > td.col_02 {
		color: #212255;
		font-size: 14px;
		font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif;
	}

	#section_01 > .mobile_quick_nav > div.right > div.bottom > table > tbody > tr {
		height: 45px;
	}

	#wrap > section#section_02{
		margin-top: 20px;
	}

	#wrap > section#section_03 {
		margin-top: 20px;
	}
	#wrap > section#section_04 {
		margin-top: 20px;
	}




	#section_02 > article.state_table {
	    width: 100%;
	}


	#section_02 > article.state_table {
	    width: 100%;
	}

	#section_02 > article.shopping_banner {
		width: 100%; 
		padding-right: 0px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;
	}

	#section_02 > article.shopping_banner > a > img{
		width: 100%; height: 379px;
	}

	#section_02 > article.photo_banner {
		width: 100%; 
		padding-left: 0px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;

	}

	#section_02 > article.photo_banner > a > img{
		width: 100%; height: 379px;
	}

	#section_03 > ul > li {
		width: 200px;
		border-left: 1px solid #d3d3d3;
		margin-top: 10px;
	}
	#section_03 > ul > li > img {
		height: 135px;
	}
	#section_03 > ul > li > div > a {
		width: 60px;
	}

	#section_03 > ul > li > div > p {
		height: 25px;
	}
}

@media (max-width: 819px) and (min-width: 570px) { 
	#wrap > section {
	    max-width: 550px;
	}
	#wrap > section#section_01 {
		width: 100%;
	    max-width: 100%;

	}

	#section_01 > .slider_box {
		width: 100%;
		height: auto;
	}
	.bx-wrapper img {
		max-width: 100%;
		width: 100%;
		display: block;
	}

	.bx-wrapper {
		position: relative;
		margin: 0 auto 20px;
		padding: 0;
	}

	#section_01 > .quick_nav {
		display: none;
	}

	#section_01 > .mobile_quick_nav{
		display: inline-block;
		width: 550px; height: 200px;
		margin: 0 auto;
		border: 1px solid #d7d7d7;
		box-sizing: border-box;
	}

	#section_01 > .mobile_quick_nav > div.left {
		float: left;
		width: 200px;
		height: 100%;
		padding: 20px;
		box-sizing: border-box;		
	}

	#section_01 > .mobile_quick_nav > div.right {
		float: right;
		width: 348px;
		height: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	#wrap > section#section_02{
		margin-top: 20px;
	}

	#wrap > section#section_03 {
		margin-top: 20px;
	}

	#wrap > section#section_04 {
		margin-top: 20px;
	}



	#section_02 > article.state_table {
	    width: 100%;
	}

	#section_02 > article.shopping_banner {
		width: 50%; 
		padding-right: 10px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;
	}

	#section_02 > article.shopping_banner > a > img{
		width: 100%; height: 257px;
	}

	#section_02 > article.photo_banner {
		width: 50%; 
		padding-left: 10px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;

	}

	#section_02 > article.photo_banner > a > img{
		width: 100%; height: 257px;
	}

	#section_03 > ul > li {
		width: 183px;
		border-left: 1px solid #d3d3d3;
		margin-top: 10px;
	}

	#section_03 > ul > li > div > a {
		width: 60px;
	}

	#section_03 > ul > li > div > p {
		height: 25px;
	}
}

@media (max-width: 1043px) and (min-width: 820px) { 
	#wrap > section {
	    max-width: 800px;
	}
	#wrap > section#section_01 {
		width: 100%;
	    max-width: 100%;

	}

	#section_01 > .slider_box {
		width: 100%;
		height: auto;
	}
	.bx-wrapper img {
		max-width: 100%;
		width: 100%;
		display: block;
	}

	.bx-wrapper {
		position: relative;
		margin: 0 auto 20px;
		padding: 0;
	}

	#section_01 > .quick_nav {
		display: none;
	}

	#section_01 > .mobile_quick_nav{
		display: inline-block;

	}

	#wrap > section#section_02{
		margin-top: 20px;
	}
	#wrap > section#section_03 {
		margin-top: 20px;
	}

	#wrap > section#section_04 {
		margin-top: 20px;
	}

	#section_02 > article.state_table {
	    width: 100%;
	}

	#section_02 > article.shopping_banner {
		width: 50%; 
		padding-right: 10px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;
	}

	#section_02 > article.shopping_banner > a > img{
		width: 100%; height: 370px;
	}

	#section_02 > article.photo_banner {
		width: 50%; 
		padding-left: 10px;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 20px;

	}

	#section_02 > article.photo_banner > a > img{
		width: 100%; height: 370px;
	}

	#section_03 > ul > li {
		width: 160px;
	}

	#section_03 > ul > li > div > a {
		width: 60px;
	}

	#section_03 > ul > li > div > p {
		height: 25px;
	}

}

@media (max-width: 1099px) and (min-width: 1044px) { 
	#wrap > section {
	    max-width: 1024px;
	}

	#section_01 > .quick_nav {
		width: 222px;
	}

	#section_01 > .quick_nav > .quick_btn {
	    padding: 20px 12px;
	}

	#section_01 > .quick_nav > .quick_number {
		padding: 0px 12px
	}

	#section_01 > .quick_nav > .quick_info {
		padding: 10px 12px
	}

	#section_02 > article.state_table {
	    width: 431px;
	}

	#section_03 > ul > li {
		width: 204.5px;
	}

	#section_03 > ul > li > div > a {
		width: 80px;
	}
}

@media (min-width: 1100px){

}




/*
	@media (max-width: 420px){ 

	}

	@media (max-width: 819px) and (min-width: 421px) { 

	}

	@media (max-width: 1043px) and (min-width: 820px) { 

	}

	@media (max-width: 1099px) and (min-width: 1044px) { 

	}

	@media (min-width: 1100px){

	}
*/