@charset "utf-8";

@font-face {
	font-family:'NanumGothic';
	font-weight:'normal';
	src: url('/ko/font/NanumGothic.eot');
	src: url('/ko/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/ko/font/NanumGothic.woff') format('woff'),
	url('/ko/font/NanumGothic.ttf') format('truetype');
	}
@font-face {
	font-family:'NanumGothicBold';
    src: url('/ko/font/NanumGothicBold.eot');
	src: url('/ko/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/ko/font/NanumGothicBold.woff') format('woff'),
         url('/ko/font/NanumGothicBold.ttf') format('truetype');
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

#accNav {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
#accNav p, #accNav ul, #accNav ul li {height:0;}
#accNav p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:0px; margin-left:-1px; margin-bottom:-1px;  text-align:center; color:#000; white-space:nowrap;}
#accNav p a:focus, #accNav p a:hover, #accNav p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:1000;}

/* CSS Initialization */
h1,h2,h3,h4,h5,h6,section,article,nav,aside,div,p,ul,ol,li,dl,dt,dd,img,textarea,input,hr,table,caption,thead,tbody,tfoot,tr,th,td,fieldset,legend,label{margin:0; padding:0;}
input,select,textarea{vertical-align:middle;}
/*insta-box{position:relative; width:235px; height:235px; float:left; margin:4px;}*/
img{margin:0;padding:0; max-width:100%; height:auto; vertical-align: middle;border:0 none;}
img{max-width /*\**/:none\9}
body,html {margin:0; padding: 0; font-family: "nanumGothic","나눔고딕","malgun Gothic","맑은 고딕","verdana",sans-serif; font-size: 12px; line-height: 120%; background:url('/ko/images/intro/header-background-line.jpg') repeat-x 0 0;}
table{table-layout: auto;width: 100%;border-collapse: collapse;border-color: #999;}
th{background-color: #ddd; text-align: left;}
th[scope="row"]{width: 150px;}
h2{margin-top: 30px;}
a{text-decoration:none;}
fieldset{border:0 none;}
figcaption{display:none;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;visibility:hidden;}
/* caption,fieldset legend{display:none;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:0 none;font-size:0;line-height:0;visibility:hidden;} */
caption,fieldset legend{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:0 none;line-height:0;text-indent: -9999px;}
hr{display:none;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;text-size:0;line-height:0;visibility:hidden;}
select{padding:3px;margin: 0;-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance:none;border:1px solid #d6d6d6;border-radius:0px;-webkit-box-shadow: 0 none;-moz-box-shadow: 0 none;box-shadow: 0 none;/* background-color:#fff;-webkit- */background:#fff url('/ko/images/layout/total-search-arr-background.png') no-repeat right -1px;color:#666;font-size:11px;font-family:"NanumGothic";cursor:pointer;/* line-height:32px; */}/* 2014.05.23 반응형 : 수정 */
input[type="text"] {-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance:none;border:1px solid #d6d6d6;border-radius:0px;-webkit-box-shadow: 0 none;-moz-box-shadow: 0 none;box-shadow: 0 none;}/* 2014-05-27 반응형 : 수정 */
input[type="image"] {-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance:none;border-radius:0px;-webkit-box-shadow: 0 none;-moz-box-shadow: 0 none;box-shadow: 0 none;}/* 2014-05-27 반응형 : 수정 */

/* 2014.05.27 반응형 코딩 추가 display:none */
nav#story-global-navigation ul ul,
section#footer-section nav#footer-util-navigation {display:none}

/* Layout */
section#header-section{width: 1190px;margin:0 auto;}/* min-width:768px; */
	nav#top-util-navigation{float:right;}
	nav#top-util-navigation ul{float: right;/*width:356px;*/list-style: none; border-right:1px solid #e0e0e0;}
	nav#top-util-navigation ul li{float: left; padding-left: 7px; padding-right: 7px; background: url('/ko/images/layout/top-util-navigation-bar.gif') no-repeat 0 0;}
	nav#top-util-navigation ul li:first-child{background: none transparent;}

	section#header-section header nav#top-navigation{float:left;}
	section#header-section header nav#top-navigation ul{float: left;width:396px;list-style: none;}
	section#header-section header nav#top-navigation ul li{float: left;border-right: 1px solid #e0e0e0;}
	section#header-section header nav#top-navigation ul li:first-child{border-left:1px solid #e0e0e0;}

	section#total-search-section{position:relative;clear:both;width:600px;height:89px;margin:0 auto;padding:21px 0 0;z-index:10;}
	section#total-search-section h1{float: left; margin-right:18px;}
/* 	section#total-search-section article#total-search-box{float: left; height: 40px; margin-top: 14px; background:url('/ko/images/layout/total-search-background.png') no-repeat 0 0;}
	section#total-search-section article#total-search-box label{display:none; width:0;height:0;margin:0;padding:0;text-size:0;line-height:0;visibility:hidden;}
	section#total-search-section article#total-search-box select.total-search-box-select{width:90px;height:26px;margin:0 0 0 10px;padding:4px 0;color:#444041;background-color:#fff;border:0 none;}
	section#total-search-section article#total-search-box input.total-search-box-input{width:268px; height:32px;margin:0 16px 0 6px;border:0 none;font-size:14px;line-height:30px;} */
	/* 2014.05.21 반응형 : 검색폼 수정 */
	section#total-search-section article#total-search-box {float: right; position:relative; width:436px; height: 40px; margin-top: 14px; background:url('/ko/images/layout/total-search-background.png') no-repeat left top}
	section#total-search-section article#total-search-box div.search-box-wrap {margin-left:105px; padding-right:65px; height: 40px; background:url('/ko/images/layout/total-search-background_right.png') no-repeat right top}
	section#total-search-section article#total-search-box label {display:none; width:0;height:0;margin:0;padding:0;text-size:0;line-height:0;visibility:hidden;}
	section#total-search-section article#total-search-box select.total-search-box-select {position:absolute; left:10px; top:8px; width:90px; height:26px; line-height:18px; margin:0; padding:4px 0; color:#444041; border:0 none}/* 2014.05.23 반응형 : 수정 */
	section#total-search-section article#total-search-box input.total-search-box-input {width:100%; height:32px;margin:5px 0 0 6px;background:none;border:0 none;font-size:14px;line-height:30px;}
	section#total-search-section article#total-search-box input.total-search-box-input:focus{outline:0;}
	section#total-search-section article#total-search-box input.total-search-box-find-button {position:absolute; right:0; top:0}

	/* autocomplete */
	section#total-search-section article#total-search-box .auto_arr{position:absolute; top:12px; left:360px; z-index:10; display:inline-block; width:16px; height:16px; overflow:hidden; font-size:0; text-indent:-20000px; background:url('/ko/images/layout/spr_com.png') no-repeat -146px -252px; }
	section#total-search-section article#total-search-box .auto_arr.active{background-position:-146px -273px;}
	section#total-search-section article#total-search-box .keyword {display:block; position:absolute; top:40px; width:265px; margin:0; border:1px solid #76bab8; border-top:none; background:#fff; padding:4px 0 0;  color:#cecece; z-index:100;}
	section#total-search-section article#total-search-box .keyword li{list-style:none;}
	section#total-search-section article#total-search-box .keyword li a{display:block; height:23px; padding:0 0 0 9px; font-size:12px; color:#a1a2a5; line-height:23px;}
	section#total-search-section article#total-search-box .keyword li span{display:block; height:23px; padding:0 0 0 9px; font-size:12px; color:#a1a2a5; line-height:23px;}
	section#total-search-section article#total-search-box .keyword li a:hover {background:#eff6fa; text-decoration:none;}
	section#total-search-section article#total-search-box .keyword li a strong{color:#ff1400;}
	section#total-search-section article#total-search-box .keyword .choose_word {height:16px; margin-top:2px; padding:7px 0 5px; background:#f4f4f4; font-size:11px; border-top:1px solid #d7d7d7;}
	section#total-search-section article#total-search-box .keyword .choose_word a {font-size:11px; color:#959595;}
	section#total-search-section article#total-search-box .keyword .choose_word a.selected,
	section#total-search-section article#total-search-box .keyword .choose_word a:hover {color:#666666; text-decoration:underline;}
	section#total-search-section article#total-search-box .keyword .choose_word .fl {float:left;margin-left:9px;}
	section#total-search-section article#total-search-box .keyword .choose_word .fr {float:right;margin-right:8px;}
	/* // autocomplete */

/* 	nav#top-global-navigation{overflow:hidden;padding-top:21px;}
	nav#top-global-navigation ul{overflow:hidden;list-style:none;}
	nav#top-global-navigation ul li{float:left;padding-left:1px;background:url('/ko/images/layout/top-global-navigation-bar.png') no-repeat 0 0;}
	nav#top-global-navigation ul li:first-child{background:none transparent;}
	nav#top-global-navigation ul li a{text-indent:-1000000px;}
	nav#top-global-navigation ul li.top-global-navigation-01 a.none-block{display:block;width:177px;height:76px;background:url('/ko/images/layout/top-global-navigation-all-category.png') no-repeat 0 0;}
	nav#top-global-navigation ul li.top-global-navigation-01 a.none-block:hover{background:url('/ko/images/layout/top-global-navigation-all-category-on.png') no-repeat 0 0;}
	nav#top-global-navigation ul li.top-global-navigation-01 a.block{display:block;width:177px;height:76px;background:url('/ko/images/layout/top-global-navigation-all-category-on.png') no-repeat 0 0;}
	nav#top-global-navigation ul li.top-global-navigation-01 a.block:hover{background:url('/ko/images/layout/top-global-navigation-all-category.png') no-repeat 0 0;}
 */

section#mid-section{overflow:hidden;position:relative;min-width: 1280px;margin: 0 auto;/*margin:0px auto 50px;*/z-index:1;clear: both;}
section#mid-section:focus{border:0 none; outline: 0;}
	section#mid-section figure{float:left;display:block;margin:0;padding:0;}

	section#mid-section figure.mall-01{margin-right:5px;margin-bottom:10px;}
	section#mid-section figure.mall-02{margin-bottom:10px;}
	section#mid-section figure.mall-03{margin-bottom:10px;}
	section#mid-section figure.mall-04{margin-right:4px;}
	section#mid-section figure.mall-05{margin-right:10px;margin-bottom:10px;}
	section#mid-section figure.mall-01 img{width: 790px; height: 550px;}
	section#mid-section figure.mall-02 img,
	section#mid-section figure.mall-03 img{width: 393px; height: 270px;}
	section#mid-section figure.mall-04 img{width: 392px; height: 410px;}
	section#mid-section figure.mall-05 img{width: 395px; height: 270px;}

	
	section#mid-section figure.banner-topbox-01{width:189px;margin:0 5px 10px 0;}
	section#mid-section figure.banner-topbox-01 img {width: 189px; height: 130px;}
	section#mid-section figure.banner-topbox-01 a:first-child img{margin-bottom:10px;}
	

	section#mid-section figure.story-01{margin:0 0 10px 0;}
	section#mid-section figure.story-02{margin:0 10px 0 0;}
	section#mid-section figure.story-03{margin:-420px 0 0 0;}
	section#mid-section figure.story-04{margin:-420px 0 0 199px;}
	section#mid-section figure.story-05{margin:-280px 0 0 396px }
	section#mid-section figure.story-01 img,
	section#mid-section figure.story-02 img,
	section#mid-section figure.story-03 img,
	section#mid-section figure.story-04 img,
	section#mid-section figure.story-05 img {width: 194px; height: 270px;}
	section#mid-section figure.event{margin:0 0 10px 0;}
	section#mid-section figure.event img {width: 589px; height: 550px;}



	section#mid-section figure.banner-bottombox{overflow:hidden;width:388px;margin:0 8px 0 10px;}
	section#mid-section figure.banner-bottombox img{margin:0;}
	section#mid-section figure.banner-bottombox span{float:left;display:block;}
	section#mid-section figure.banner-bottombox .banner-bottombox-1{margin:0 9px 0 0;}
	section#mid-section figure.banner-bottombox .banner-bottombox-2{margin:0px;}
	section#mid-section figure.banner-bottombox .banner-bottombox-3{margin:10px 0 0 0;}
/*
	section#mid-section figure.banner-bottombox a:first-child img{margin:0 6px 0 0;}
	section#mid-section figure.banner-bottombox a:last-child img{margin:10px 0 0 0;}
*/
	section#mid-section figure.sns{margin:-140px 0 0 4px;}
		section#mid-section article.sns{float:left;width:386px;height:408px;margin:-140px 0 0 4px;padding:2px 1px 0 1px;background:url('/ko/images/intro/intro-sns-388x410.png') no-repeat 0 0;}
		section#mid-section article.sns h1{width:346px;margin:0 0 0 21px;}
		section#mid-section article.sns div.intro-sns-top-box{overflow:hidden;width:346px;margin:10px 0 10px 21px;}
		section#mid-section article.sns div.intro-sns-top-box p{display:block;float:left;}
		section#mid-section article.sns div.intro-sns-top-box p.intro-sns-logo img{width:48px;margin-right:9px;border:1px solid #d2d2d2;}
		section#mid-section article.sns div.intro-sns-top-box p.intro-sns-account{width:280px;height:18px;padding:5px 0;color:#3b5998;font-weight:bold;}
		section#mid-section article.sns div.intro-sns-top-box p.intro-sns-good{vertical-align:middle;}
		section#mid-section article.sns div.intro-sns-top-box p.intro-sns-hit{margin-left:10px;padding-top:4px;}

		section#mid-section article.sns div.intro-sns-post-box{clear:both;width:346px;height:244px;margin:0 0 0 20px;padding-top:10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;overflow-y:auto;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post{overflow:hidden;margin-bottom:10px;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post span{display:block;float:left;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post span.intro-sns-post-logo{width:50px;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post span.intro-sns-post-logo img{width:48px;border:1px solid #d2d2d2;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post span.intro-sns-post-text{width:270px;margin-left:10px;line-height:13px;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post span.intro-sns-post-text a{display:block;margin:10px 0;color:#4e5fb7;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post span.intro-sns-post-picture{margin-bottom:20px;}
		section#mid-section article.sns div.intro-sns-post-box p.intro-sns-post span.intro-sns-post-picture img{width:155px;}

	section#mid-section article.intro-news{float:left;width:390px;height:270px;background:url('/ko/images/intro/intro-news-390x270.png') no-repeat 0 0;}
		section#mid-section article.intro-news h1{margin:2px 0 0 30px;}
		section#mid-section article.intro-news ul{list-style:none;margin:30px 0 0 30px;}
		section#mid-section article.intro-news ul li{margin:0 0 5px 0;padding-left:10px;background:url('/ko/images/bullet/square-1x1.gif') no-repeat 0 50%;}
		section#mid-section article.intro-news ul li span.intro-news-post{display:inline-block;width:250px;}
		section#mid-section article.intro-news ul li span.intro-news-post a{color:#666;text-decoration:none;}
		section#mid-section article.intro-news ul li span.intro-news-post a:hover{color:#00836f;text-decoration:underline;}
		section#mid-section article.intro-news ul li span.intro-news-date{display:inline-block;font-size:10px;}


/* Footer Section 2014.05.27 공통영역 수정 */
section#footer-section{clear:both;margin-bottom:10px;padding-top:38px;border-top: 1px solid #ddd;}
	section#footer-section div.footer-wrap{position:relative; overflow:hidden;/* width:1280px */ width:1260px;margin:0 auto;background:url('/ko/images/layout/footer-hyundai-ci.png') no-repeat 0 0;font-family:"nanumGothic"}/* 2014.05.20 반응형에 따른 수정 */
	section#footer-section nav#footer-navigation{overflow:hidden}
	section#footer-section nav#footer-navigation ul{overflow:hidden;list-style:none;margin-left:120px;}
	section#footer-section nav#footer-navigation ul li{float:left;}
	section#footer-section nav#footer-navigation ul li:first-child a{border-left:0 none;}
	section#footer-section nav#footer-navigation ul li a{display:inline-block;padding:0 5px;font-size:11px;color:#555;border-left:1px solid #d9d9d9;text-align:center;}
	/* section#footer-section div.rightbox-wrap{float:right;} */
	section#footer-section div.rightbox-wrap{position:absolute; right:0; top:0; width:275px}/* width:225px // 2014.05.20 반응형에 따른 수정 */
	section#footer-section div.rightbox-wrap ul.sns-section{overflow:hidden;list-style:none;}
	section#footer-section div.rightbox-wrap ul.sns-section li{float:left;}
	section#footer-section div.rightbox-wrap ul.sns-section li.sns-section-twitter,
	section#footer-section div.rightbox-wrap ul.sns-section li.sns-section-facebook{margin-right:4px;}
	section#footer-section div.rightbox-wrap select.footer-familysite-select{display:inline-block;width:120px;height:24px;padding:3px;margin: 0;-webkit-border-radius:0px;-moz-border-radius:0px;border:1px solid #e2e2e2;border-radius:0px;-webkit-box-shadow: 0 none;-moz-box-shadow: 0 none;box-shadow: 0 none;background:#efefef url('/ko/images/layout/footer-familysite-select-arr.png') no-repeat right center;color:#b9b9b9;font-size:11px;line-height:18px;font-family:"NanumGothic";cursor:pointer;}/* 2014.05.23 반응형 : 수정 */
	section#footer-section div.rightbox-wrap a.btn-familysite{display:inline-block;width:42px;height:24px;background-color:#36818c;color:#fff;text-align:center;line-height:22px;vertical-align:top;}
	section#footer-section div.rightbox-wrap p.footer-main-number{margin-top:8px;text-align:right;}
	section#footer-section address{margin:14px 0 0 120px;color:#bfbfbf;font-size:11px;font-style:normal;line-height:18px}/* 2014.05.21 반응형 : 수정 */
	section#footer-section address p.footer-menu-copyrights{margin-top:8px;}
	/* 2014.05.21 반응형 : 추가 */
	section#footer-section address p br {display:none}
	section#footer-section address p strong {font-weight:normal; color:#78c7c4}
	
/* 2016-06-10_하단영역 계열사 정보 추가 */
#subsidiary {background:#dcdcdc;}
#subsidiary .subsidiary_wrap {width:880px; margin:0 auto; padding:13px 0; list-style:none; overflow:hidden;}
#subsidiary .subsidiary_wrap dt {float:left; padding:0 38px 0 0; margin:0 0 0 38px; background:url('/ko/images/intro/bar_subsidiary.gif') no-repeat right top; font-size:14px; color:#898989;}
#subsidiary .subsidiary_wrap dd {float:left; padding:0 38px 0 0; margin:0 0 0 38px; background:url('/ko/images/intro/bar_subsidiary.gif') no-repeat right top;}
#subsidiary .subsidiary_wrap dd.last_child {background:none;}
#subsidiary .subsidiary_wrap dd a {font-size:14px; color:#484848;}
#subsidiary .subsidiary_wrap dd a:hover {text-decoration:underline;}
@media only screen and (max-width:1100px){
	#subsidiary {display:none}
}
@media only screen and (max-width:414px){
	#subsidiary {display:none}
}
/* //2016-06-10_하단영역 계열사 정보 추가 */	
/*2018-07-04 추가*/
	section#header-section header nav#top-navigation ul li.nb_customer_navi {display:none}