/************************************************************************
-------------------- Responsive & Media Queries ------------------------
*************************************************************************/
@media screen and ( max-width:1099px ) {
#icontentsWrap { margin:-163px 0 -200px 0; }
#icontentsWrap #indexArea { padding:163px 0 200px 0; }
#contentsWrap { margin:-110px 0 -200px 0; }
#contentsWrap #contentsArea { padding:110px 0 200px 0; }

/* header */
#headerWrap { width:100%; min-width:320px; max-width:1099px; height:auto; }
#headerTop { width:auto; padding-left:10px; padding-right:10px; background:#f5f5f5; }
#headerTop div.widthLimit {width:auto;}
#header { width:auto; }
#headerLogo { width:auto; margin-bottom:0; }
#headerLogo img { height:40px; padding:.5em 0; }
#gnb_bt_view { display:none; }
#gnb { width:100%; }
#gnbWrap { position:initial; height:auto; }
#gnbWrap > div { width:auto; }

/* header 검색버튼 */
#gnb_search > span { display:none }
#gnb_bt_search { position:relative; margin-top:5px; height:40px; }
#gnb_search { width:100%; }
#gnb_search input[type=text] { width:97%; margin:0 auto; padding:10px 1%; -webkit-border-radius:0; -moz-border-radius:0; }
#gnb_search span#topsBtn { margin-top:6px;}

/* index 내용 */
#idxA { min-width:320px; height:auto; clear:both; }
#newsTabs { width:100%; height:auto; }
#newsTabs #newsTabs_first { width:100%; height:auto; float:none; display:none; }
#newsTabs #newsTabs_first #contents_slider_img img {height:auto; }
#newsTabs #newsTabs_second { float:none; width:100%; height:auto; }
#newsTabs #newsTabs_second p { float:none; clear:both;top:20px; text-align:center; display:block; }

#idxB { min-width:320px; height:auto; clear:both; }
#idxB #idxB_wrap{ width:100%;}
#idxB #idxB_wrap #idxB_Banner { float:none; width:100%;}
#idxB #idxB_wrap #idxB_Banner img {width:100%;}
#idxB #idxB_wrap #idxB_Movie { float:none; width:100%; margin-top:10px; }

#idxB_Movie > iframe { max-width:100%; height:223px; margin:0 auto; }
#idxB_Movie > img { display:none; }

#idxD { position:relative; width:100%; height:auto; margin:10px 0;}
#idxD_wrap { max-width:auto; }
#idxD_wrap dl { width:100%; margin-top:10px; }
#idxD_wrap dl dt { width:100%; float:none; }
#idxD_wrap dl dd { width:96%; padding:0 2%; float:none; }
#idxD_wrap dl:first-child { float:none; }
#idxD_wrap dl:last-child { float:none; }

/* INDEX START */

/* INDEX END */

#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; font-size:12px; }
#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%; }


@media screen and ( max-width:999px ) {

#newsView #newsPrint {
	padding:1em;
}


/* news list */
#newsList table tbody tr td:nth-child(1) {display: none;}
#newsList table tbody tr td:nth-child(2) { width:100%; }

#idxC { margin-top:10px; }
#idxC > ul.pBox { width:auto; }
#idxC > ul.pBox > li { width:48%; margin-left:4%; }
#idxC > ul.pBox > li:nth-child(3n-2) { margin-left:4%; }
#idxC > ul.pBox > li:nth-child(2n-1) { margin-left:0; }

/* 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:600px ) {

}
