@charset "utf-8";

* { -webkit-text-size-adjust: none; }

/* 2014.05.20 반응형 */
@media only screen and (max-width:1100px) {

	body, html {background:none}
	section#mid-section nav#LNB-wrap,
	section#content-wrap header p.location-information {display:none}

	section#header-section,
	section#mid-section,
	div#main-top-section {width:100%; min-width:320px; }
	/*section#mid-section {margin-top:50px}*/

	section#content-wrap {float:none; margin:0 auto 50px; width:94%; overflow:hidden}
	section#content-wrap img {max-width:100%; height:auto}
	section#content-wrap img {max-width /*\**/:none\9}

	nav#top-util-navigation {float:none;height:44px;overflow:hidden; background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;}
	section#header-section header nav#top-navigation {float:none; background:url('../images/layout/header-background-top_line.png') repeat-x left bottom; overflow:hidden;}
	nav#top-util-navigation ul:after, section#header-section header nav#top-navigation ul:after {content:''; display:block; clear:both}
	nav#top-util-navigation ul, section#header-section header nav#top-navigation ul {position:relative; left:50%; float:none; border:none}
	nav#top-util-navigation ul {margin-left:-178px}
	section#header-section header nav#top-navigation ul {margin-left:-198px}
	section#header-section header nav#top-navigation ul li,
	section#header-section header nav#top-navigation ul li img {vertical-align:bottom;}

	section#total-search-section {margin:0 auto;width:75%; margin-bottom:15px;}
	section#total-search-section article#total-search-box {position:relative; float:left; width:70%; max-width:436px;height:auto;}

	/* autocomplete */
	section#total-search-section article#total-search-box .auto_arr{left:350px;}
	section#total-search-section article#total-search-box .keyword{width:60%;}
	/* // autocomplete */


	nav#top-global-navigation-all-category1 {position:relative; margin-bottom:0; width:auto; background:url('../images/layout/top-global-navigation-all-category-line.png') repeat-x 0 0}
	nav#top-global-navigation-all-category1 strong.top-global-navigation-sub00 {float:none; margin:0 auto}
	nav#top-global-navigation-all-category1 strong.top-global-navigation-sub00 a {background-position:20px top}

	nav#top-global-navigation-all-category1 > ul {float:none; padding:0 7%; width:auto; border-bottom:1px solid #e0e0e0}
	nav#top-global-navigation-all-category1 > ul li {background: none transparent;}
	nav#top-global-navigation-all-category1 ul > li {float:none; width:100%; height:70px; border-bottom:1px solid #e0e0e0; overflow:hidden }
	nav#top-global-navigation-all-category1 ul > li:last-child {border:0}
	nav#top-global-navigation-all-category1 ul > li.mobileOn,
	nav#top-global-navigation-all-category1 ul > li.mobileOn li {height:auto}
	nav#top-global-navigation-all-category1 ul > li li {width:100%; border-bottom:0}

	nav#top-global-navigation-all-category1 ul > li a {width:auto; height:auto; padding:5px 0 0; background:none !important}
	nav#top-global-navigation-all-category1 ul > li a span {width:100% !important; padding:20px 0 !important; height:21px !important; background:none !important; text-indent:0; font-size:21px; line-height:21px; color:#333333; font-family:'NanumGothicBold'}

	nav#top-global-navigation-all-category1 ul > li a:hover span,
	nav#top-global-navigation-all-category1 ul > li.mobileOn a span {background:none !important; color:#36818c}

	nav#top-global-navigation-all-category1 ul ul {margin:10px 0 30px; padding:0; width:100%; background:none}
	nav#top-global-navigation-all-category1 ul li.mobileOn > ul {margin-top:0}
	nav#top-global-navigation-all-category1 ul ul li {padding-top:10px}
	nav#top-global-navigation-all-category1 ul ul li a {width:100% !important; height:17px; font-size:16px; line-height:16px; background:none !important; color:#333; font-family:'NanumGothicBold'; text-indent:0}
	nav#top-global-navigation-all-category1 ul ul ul li a {padding:0 0 0 10px; background:url('../images/layout/top-global-navigation-dot.png') no-repeat 1px 5px !important; color:#666; font-family:'NanumGothic'}
	
	nav#top-global-navigation-all-category1 .naviHidden {display:none}

	section#footer-section div.footer-wrap {margin:0 1.5%; width:auto}
	section#footer-section div.rightbox-wrap {position:relative; margin:25px 0 30px 120px}

	section#footer-section nav#footer-navigation ul li {margin-bottom:10px}
	section#footer-section address {margin-top:0; padding-top:5px}






}
@media only screen and (max-width:790px) {
	section#total-search-section article#total-search-box .auto_arr{display:none;}
	section#total-search-section article#total-search-box .keyword{display:none;}
}
@media only screen and (max-width:768px) {

	/* 테이블 숨김 (max-width:768px 일때)*/
	.mobile-table-none { display: none; }

	section#content-wrap header h1 {margin-right:0;}
	section#content-wrap header h1.page-contents-title span {display:none}

	/*section#mid-section,*/
	section#content-wrap article#content-box {margin-top:30px}

	section#total-search-section {width:90%; margin:0 10%; height: 105px;}
	section#total-search-section article#total-search-box {float:left;width:60%;}

	section#footer-section address p br {display:block}
	section#footer-section address p span {display:none}
	
	/* div.board-layout-box div.board-top-search-box span.search-input{width:50%} */ 
	div.board-layout-box div.board-top-search-box span.search-input .board-search-input{width:auto}

	#footer-section .footer-wrap .rightbox-wrap .footer-main-number .ccm-logo,
	#footer-section .footer-wrap .rightbox-wrap .footer-main-number .accessibility-logo {display:none;}
}

@media only screen and (max-width:479px) {
	
	section#total-search-section,
	section#content-wrap {width:90%}
	section#total-search-section {margin-bottom:10px;}
	section#content-wrap {margin-bottom:30px;}

 	section#total-search-section{width:80%;height: 145px;}

	section#footer-section div.footer-wrap {margin:0 5%; width:auto}

	section#total-search-section h1 {float:none; width:180px; margin:0 auto;} /* width:140px; */
	section#total-search-section article#total-search-box {float:none; width:100%;}

	nav#top-util-navigation {display:none}
	section#header-section header nav#top-navigation {height:32px}
	section#header-section header nav#top-navigation ul {margin-left:-170px; width:465px}
	/*section#header-section header nav#top-navigation ul li {width:27.5%; text-align:center}*/
	section#header-section header nav#top-navigation ul li {width:17.4%; text-align:center}
	section#header-section header nav#top-navigation ul li img {width:100%}
	section#header-section header nav#top-navigation ul li:first-child {width:9.3%; border-left:0}
	section#header-section header nav#top-navigation ul li:last-child {border-right:0;width:11%;}
	
	/*2018-07-04 추가*/
	section#header-section header nav#top-navigation ul li.nb_customer_navi {display:inline-block}

	section#footer-section {padding:0; border:0; min-width:320px}
	section#footer-section div.footer-wrap {margin:0; background:url('../images/layout/footer-hyundai-ci_small.png') no-repeat 5% 72px}
	section#footer-section nav#footer-navigation, section#footer-section address p {margin:0 5%}
	section#footer-section nav#footer-util-navigation {display:block}
		nav#footer-util-navigation {background:#4d4d4d; height:60px; text-align:center}
		nav#footer-util-navigation a {display:inline-block; padding:5px 13px 5px 10px; font-size:13px; color:#b5b5b5}
		nav#footer-util-navigation ul {list-style:none; padding:5px 0 0}
		nav#footer-util-navigation ul:after {content:''; display:block; clear:both}
		nav#footer-util-navigation ul li {display:inline; background:url('../images/layout/footer-util-navigation-bar.gif') no-repeat left 2px}
		nav#footer-util-navigation ul li:first-child {background: none transparent;}
	section#footer-section nav#footer-navigation ul {margin:60px 0 0}
	section#footer-section address {margin-left:0}

	section#footer-section div.rightbox-wrap {position:absolute; top:73px; right:5%; margin:0; width:auto}
	section#footer-section div.rightbox-wrap ul.sns-section {float:left}
	section#footer-section div.rightbox-wrap ul.sns-section li.footer-familysite {display:none}
	section#footer-section div.rightbox-wrap p.footer-main-number {float:left; margin:3px 0 0; text-align:left}

	/* 게시판 검색영역 */
	div.board-layout-box div.board-top-search-box span.search-input{width:auto}
	div.board-layout-box div.board-top-search-box span.search-input .board-search-input{width:120px}
	div.board-layout-box div.board-top-search-box .board-search-input{width:51%;}

}