/************************************************************************
-------------------- Responsive & Media Queries ------------------------
*************************************************************************/
@media screen and ( max-width:999px ) {
	#icontentsWrap { margin:-145px 0 -160px 0; }
	#icontentsWrap #indexArea { padding:145px 0 160px 0; }
	#contentsWrap { margin:-110px 0 -160px 0; }
	#contentsWrap #contentsArea { padding:110px 0 160px 0; }

	/* header */
	#headerWrap { width:100%; min-width:320px; max-width:999px; height:auto; }
	#headerTop { width:auto; padding-left:10px; padding-right:10px; background:#f5f5f5; }
	#headerTop div.widthLimit { width:auto; }
	#headerTop div.widthLimit #header_top_sns { float:none; margin:0 auto; text-align:center; }
	#headerTop div.widthLimit #sitemapBtn { display:none }
	#headerTop div.widthLimit #header_top_menu { display:none }

	#header { width:auto; }
	#header div.widthLimit { width:auto; }
	#headerLogo { float:none; width:auto; margin-bottom:0; text-align:center; }
	#headerLogo img { padding:0; }
	#gnb_bt_view { display:none; }
	#gnb { width:100%; }
	#gnbWrap { height:auto; background:#f2f4f8; display:none }
	#gnbWrap > div { width:auto; }
	#gnbWrap ul#depth1 { text-align:center; }
	#gnbWrap { width:100%; }
	#gnbWrap ul#depth1 > li { width:19%; }

	/* mobile gnb */
	#mobileGnbWrap { display:block; }
	#mobileGnb { display:none; position:fixed; top:0; left:0;  background:url(/img/comm/black30.png); width:100%; min-width:280px; height:100%; box-shadow:0 0 10px #ccc;  z-index:18 }
	#mobileGnb > ul { position:absolute; top:0; left:-70%; width:70%; height:100%; background:#ddd; }
	#mobileGnb > ul > li { display:block; width:100%; background:#fff; border-bottom:1px solid #ddd; margin:0; text-indent:20px; }
	h5.gnb_m { background-image:url(/img/comm/gnbArrow_m_off.png); background-repeat:no-repeat; background-position:90% 50%; padding:.7em 0; font-size:14px; font-weight:600; cursor:pointer; }
	h5.gnb_m~ul { display:none; padding:.7em 0; background:#f5f5f5; }
	h5.gnb_m_on { background-color:#0d6f5b; background-image:url(/img/comm/gnbArrow_m.png); color:#fff; }
	#mobileGnb > ul > li > ul > li > a { display:block; padding:3px 0; font-size:13px; font-weight:600; color:#666; }
	.mobileGnbOn { cursor:pointer; position:absolute; top:73px; left:3%; background:0; }
	.mobileGnbOff { cursor:pointer; position:absolute; top:20px; right:20px; background:none; }

	/* index 내용 */
	#idxA_text { width:auto; padding: 0 10px; box-sizing: border-box; }
	#idxA_text > h3 { padding: 10px 0 30px 0; font-size: 26px; }
	#idxA { min-width:320px; clear:both; }
	#idxA_text { text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
	#idxA_wrap .bx-wrapper .bx-pager { text-align: center; }
	#idxA1, #idxA2, #idxA3, #idxA4 { background-position: center; }
	
	#idxB { height: auto; padding: 15px 10px 20px; box-sizing: border-box; }
	#idxB_wrap { width: 100%; }
	#idxB_wrap ul li h4 { font-size: 20px; }
	#idxB_wrap img { margin-top:0; padding-right: 3%; }
	#idxB_wrap ul { padding-top: 100px; }
	#idxB_wrap a { padding: 10px 22px }
	
	#idxC { height: auto; display: inline-block; padding: 20px 10px; box-sizing: border-box; margin-top: 20px; }
	#idxC_wrap { width: 100%; }
	#idxC_wrap h4 { font-size: 20px; padding: 22px 0 20px 0; }
	#idxC_wrap ul li { width: 23.5%; margin-right: 2%; }
	#idxC_wrap ul li a { height: auto; }
	#idxC_wrap ul li a div { padding-top: 48%; }
	#idxC_wrap ul li a div span { font-size: 16px; padding: 6px 20px; }
	

	#idxD { height: auto; padding: 0 10px; box-sizing:border-box; text-align: center; }
	#idxD_wrap { width: 100%;}
	#idxD_wrap h4 { font-size: 20px; padding: 35px 0 30px 0; }
	idxD_wrap ul { display: inline-block; }
	#idxD_wrap ul.hashtag { float: none; }
	#idxD_wrap ul.hashtag li { display: inline-block; margin-right: 1%; }
	#idxD_wrap ul.hashtag li:last-child { margin-right: 0; }
	#idxD_wrap ul.list2 { padding: 30px 0; }
	#idxD_wrap ul.list2 li:first-child { margin-left: 0%; }
	#idxD_wrap ul.list2 li a span.over { height: auto; }
	#idxD_wrap ul.list2 li a span.over img { width: 100%; }
	#idxD_wrap ul.list2 li a span.overtext dl dt { font-size: 13px; }
	
	
	/* INDEX START */

	/* INDEX END */
	#contentsTop { display:none; position:relative; height:auto; background:none !important; }
	#contentsTop > h2 { height:auto; padding:.5em 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:24px; color:#333; }
	#lnbWrap { display:none; position:absolute; top:50px; left:0; }
	#lnb > ul { background:#eee; text-align:left; }
	#lnb > ul > li { width:100% !important; text-align:center; }
	#lnb > ul > li > a { height:auto; margin:0; padding:.7em 0; background:none; color:#333; font-size:14px; font-family:NanumSquare; }
	#lnb > ul > li > a.dep1style { border-top:0; color:#fff; }

	#contentsArea { width:auto; min-width:320px; }
	#contentsView { float:none; width:auto; }
	#titleWrap { height:auto; padding:15px 0; margin:0; border-top:1px solid #ddd; border-bottom:0; background:#f5f5f5; }
	#contentsTitle { border-left:0; padding-left:0; font-size:17px; text-align:center; }
	#contentsDepth { display:none; }
	#contentsPrint { padding:20px 0; }


	#footerWrap { width:auto; min-width:320px;  height: auto; padding-top:0; }
	#footerWrap > div { width:auto; height:auto; padding:0 1em; }
	#footer_logo, #family_site { display:none; }

	#footer { clear:both; float:none; width:auto; margin-bottom:12px; text-align:center; }
	#footer_menu {padding-top:10px; margin-bottom:10px; font-size:0; }
	#footer_menu li { display:inline-block; width:50%; margin:0 0 7px 0; padding-left:0; font-size:13px; text-align:center; background:none; }
	#footer_menu li:nth-child(1), #footer_menu li:nth-child(2) { margin-top:0; }
	#footer_menu li:nth-child(2n-1) { margin-left: 0; }
	#footer_menu li a { display:block; padding:.5em 0; background:#ddd; color: #000; font-size:12px; }
	#footer_menu li a:hover { color: #666; }
	#footer_address li { margin-right:12px; }

	/* CONTENTS START */
	#contentsView { width:100%; }
	#newsView img { width:100%; }
	#lnbWrap { position:relative; float:none; width:100%; top:10px; padding-left:0; }
	#lnbWrap #rightNewsWrap { padding:0 10px; }
	#lnbWrap #rightBannerWrap img { display:none; width:100%; }
	#contentsPrint { float:none; width:100%; }

	.introduce { padding:0 2%; width:96%; }
	.introduce img { width:50%; }

	/* .tabA { margin:0 12px; } */
	.tabA > li > a { padding:0.5em 1em; }
	/*.tabA_view { margin:12px 12px 0 12px; } */
	ul.tabAuto li { width:33.33% }

	#mCorpList { display:block; }
	.str_wrap { display:none; }
	#reservRoom > dl > dt { float:none; display:block; width:100% }
	#reservRoom > dl > dd { width:27%; text-align:center; }

	/* news list */
	#newsList table tbody tr td:nth-child(1) {display: none;}
	#newsList table tbody tr td:nth-child(2) { width:100%; }

	/* board table response */
	table.boardList th:nth-child(1),
	table.boardList th:nth-child(3),
	table.boardList th:nth-child(4),
	table.boardList th:nth-child(5),
	table.boardList td:nth-child(1),
	table.boardList td:nth-child(3),
	table.boardList td:nth-child(4),
	table.boardList td:nth-child(5) {display: none;}
	table.boardList th:nth-child(2) { width:100%; }
	table.boardList td:nth-child(2) { width:100%; }

	table.relationList th:nth-child(3),
	table.relationList th:nth-child(4),
	table.relationList td:nth-child(3),
	table.relationList td:nth-child(4) {display: none;}
	table.relationList th:nth-child(1) { width:20%; }
	table.relationList th:nth-child(2) { width:80%; }
	table.relationList td:nth-child(1) { width:20%; }
	table.relationList td:nth-child(2) { width:80%; }

	#boardHead, .tblList, #boardTail { width:100%; }
	#boardTail { text-align:center; }
	#boardTail > span { float:none !important; }

	#formWrap dl.formDl dt { float:none; width:100%;  }
	#formWrap dl.formDl dd { float:none; width:100%; padding:0; margin:0; }
	#formWrap dl.formDl dd input{ padding:0; margin:0;  }

	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	input[type=file],
	textarea, select { background:#fff; }
	#formWrap dl.formDl dd { height:auto; }

	/* board table response */
	table#oderTbl01 > tbody > tr > th:nth-child(1) {display: none;}
	table#oderTbl01 > tbody > tr > td:nth-child(2) { width:100%; }

	table#oderTbl02 > thead > tr > th:nth-child(4) {display: none;}
	table#oderTbl02 > tbody > tr > td:nth-child(4) {display: none;}
	table#oderTbl02 > thead > tr > th:nth-child(1) { width:40%; }
	table#oderTbl02 > thead > tr > th:nth-child(2) { width:30%; }
	table#oderTbl02 > thead > tr > th:nth-child(3) { width:30%; }
	table#oderTbl02 > tbody > tr > td:nth-child(1) { width:40%; }
	table#oderTbl02 > tbody > tr > td:nth-child(2) { width:30%; }
	table#oderTbl02 > tbody > tr > td:nth-child(3) { width:30%; }

	table#oderTbl03 > tbody > tr > th:nth-child(1) {display: none;}
	table#oderTbl03 > tbody > tr > td:nth-child(2) { width:100%; }
}

@media screen and ( max-width:1018px ) {
	#idxC { display: inline-block; padding: 20px 10px; box-sizing: border-box; }
	#idxC_wrap { width: 100%; }
	#idxC_wrap ul li { width: 23.5%; margin-right: 2%; }
	#idxC_wrap ul li a { height: auto; }
	#idxC_wrap ul li a div { padding-top: 48%; }
	#idxC_wrap ul li a div span { font-size: 16px; padding: 6px 20px; }
}



@media screen and ( max-width:835px ) {
	#idxA_text { text-align: center;  }	
	#idxA_text > p { font-size: 18px; }
	#idxA_text > h4 { font-size: 30px; }
	
	#idxB_wrap img { padding-right: 1%; }
}
@media screen and ( max-width:740px ) {
	#idxB_wrap img { width:70%; }
	#idxB_wrap ul { padding-top: 55px; }
}


@media screen and ( max-width:665px ) {
	#idxA_text > p { font-size: 17px; }
	
	#idxC { background: #fdfaeb; }
	#idxC_wrap ul li { width: 48%; margin-right: 0; margin-top: 20px; }
	#idxC_wrap ul li:nth-child(2n-1) { margin-right: 4%; }	
	#idxC_wrap ul li a div span { border: 2px solid rgba(255,255,255,0.6) }
	#idxC_wrap ul li p { margin-top: 8px; }
}

@media screen and ( max-width:674px ) {
	#idxD_wrap ul.list2 li { width: 30%; }
}

@media screen and ( max-width:633px ) {
	#idxB_wrap img { width:70%; }
	#idxB_wrap ul { padding-top: 28px; }
	#idxB_wrap ul li { font-size: 13px; }
	#idxB_wrap a { padding: 8px 18px; }
}

@media screen and ( max-width:568px ) {
	#idxB_wrap { text-align: center; }
	#idxB_wrap img { width:100%; padding-right: 0; padding-bottom: 20px; }
	#idxB_wrap ul { padding-top: 0; margin-bottom: 18px; }
	#idxB_wrap ul li h4 { margin-bottom: 13px; }
	#idxB_wrap a { padding: 8px 18px; }
}

@media screen and ( max-width:540px ) {
	.h_logo { width: 56%; margin-top: 3%; }
	
	#idxD_wrap ul.hashtag li { width: 70px; }
	#idxD_wrap ul.list2 li { margin-left: 1%; }
}