@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* Reset */
html, body { width: 100%; }
html { overflow-y: scroll }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button { margin: 0; padding: 0 }
body, h1, h2, h3, h4, input, button { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic','돋움', dotum, Helvetica, serif; font-size: 12px; color: #333333 }
body { background-color: #fff; text-align: center; *word-break:break-all;
-ms-word-break: break-all }
img, fieldset, iframe { border: 0 none }
li { list-style: none }
input, select, button { vertical-align: middle }
img { vertical-align: top }
i, em, address { font-style: normal }
label, button { cursor: pointer }
button { margin: 0; padding: 0 }
a { color: #333; text-decoration: none }
a:hover { color: #e20d16; text-decoration: underline }
button * { position: relative }
button img { left: -3px; *left:auto
}
html:first-child select { height: 20px; padding-right: 6px }
option { padding-right: 6px }
hr { display: none }
legend { *width:0
}
table {/* border-collapse:collapse;table-layout:fixed; */ border-collapse: collapse; border-spacing: 0 }
/*
*::selection {color: #f1f1f1;background: #ee292d;}
*:-moz-selection {color: #f1f1f1;background: #ee292d;}
*/

/* layout */
#wrap { width: 100% }
#header { width: 100% }
#container {
*display:inline-block; _float: left; _width /**/: 100%; }
#container:after { display: block; clear: both; content: '' }
#footer { width: 100% }
.hidden { display: none; }
.clear { float: left; clear: both; }
/* header */
.header { background: url(images/bg_gnb.png) repeat-x; height: 95px; }
.header .fix { position: relative; margin: 0 auto; width: 1080px; }
.gnb { width: 980px; }
.logo { position: absolute; left: 0; top: 12px; }
/* gnb */
.gnb .depth1 { position: absolute; left: 210px; top: 9px; width: 700px; margin: 0; list-style: none; z-index: 100 }
.gnb .depth1 li { display: inline; }
.gnb .depth1 li a { display: block; float: left; height: 63px; background-image: url(images/img_gnb_sprite2.png); text-indent: -1000em }
.gnb .depth1 li a.m1 { width: 108px; background-position: 0 -0; }
.gnb .depth1 li a.m2 { width: 104px; background-position: -118px 0; }
.gnb .depth1 li a.m3 { width: 101px; background-position: -232px 0; } 
.gnb .depth1 li a.m4 { width: 179px; background-position: -343px 0; }  
.gnb .depth1 li a.m5 { width: 179px; background-position: -521px 0; }
/* .gnb .depth1 li a.m5 { width: 110px; background-position: -453px 0; } */
.gnb .depth1 li a.m1:hover, .gnb .depth1 li a.m1:focus, .gnb .depth1 li a.m1.on { background-position: 0 -77px; }
.gnb .depth1 li a.m2:hover, .gnb .depth1 li a.m2:focus, .gnb .depth1 li a.m2.on { background-position: -118px -77px; }
.gnb .depth1 li a.m3:hover, .gnb .depth1 li a.m3:focus, .gnb .depth1 li a.m3.on { background-position: -232px -77px; }
.gnb .depth1 li a.m4:hover, .gnb .depth1 li a.m4:focus, .gnb .depth1 li a.m4.on { background-position: -343px -77px; }
.gnb .depth1 li a.m5:hover, .gnb .depth1 li a.m5:focus, .gnb .depth1 li a.m5.on { background-position: -521px -77px; }
/* .gnb .depth1 li a.m5:hover, .gnb .depth1 li a.m5:focus, .gnb .depth1 li a.m5.on { background-position: -453px -77px; } */



/* sub01 */
.gnb .sub01 { position: absolute; left: 14px; top: 63px; width: 484px; height: 32px; margin: 0; list-style: none; z-index: auto; background: #ee292d ;display:none}
.gnb .sub01 li { display: inline; }
.gnb .sub01 li a { display: block; float: left; height: 32px; background-image: url(images/img_top_gnb.png); text-indent: -1000em }
.gnb .sub01 li a.s1 { width: 73px; background-position: 0 -0; }
.gnb .sub01 li a.s2 { width: 73px; background-position: -66px 0; }
.gnb .sub01 li a.s3 { width: 64px; background-position: -137px 0; }
.gnb .sub01 li a.s4 { width: 104px; background-position: -201px 0; }
.gnb .sub01 li a.s1:hover, .gnb  .sub01 li a.s1:focus, .gnb .sub01 li a.s1.on { background-position: 0 -32px; }
.gnb .sub01 li a.s2:hover, .gnb  .sub01 li a.s2:focus, .gnb .sub01 li a.s2.on { background-position: -66px -32px; }
.gnb .sub01 li a.s3:hover, .gnb  .sub01 li a.s3:focus, .gnb .sub01 li a.s3.on { background-position: -137px -32px; }
.gnb .sub01 li a.s4:hover, .gnb  .sub01 li a.s4:focus, .gnb .sub01 li a.s4.on { background-position: -201px -32px; }

/* sub02 */
.gnb .sub02 { position: absolute; left: 120px; top: 63px; width: 484px; height: 32px; margin: 0; list-style: none; z-index: auto; background: #ee292d ;display:none}
.gnb .sub02 li { display: inline; }
.gnb .sub02 li a { display: block; float: left; height: 32px; background-image: url(images/img_top_gnb.png); text-indent: -1000em }
.gnb .sub02 li a.s1 { width: 100px; background-position: 0 -64px; }
.gnb .sub02 li a.s2 { width: 90px; background-position: -100px -64px; }
.gnb .sub02 li a.s1:hover, .gnb .sub02 li a.s1:focus, .gnb .sub02 li a.s1.on { background-position: 0 -96px; }
.gnb .sub02 li a.s2:hover, .gnb .sub02 li a.s2:focus, .gnb .sub02 li a.s2.on { background-position: -100px -96px; }


/* sub03 */
.gnb .sub03 { position: absolute; left: 200px; top: 63px; width: 484px; height: 32px; margin: 0; list-style: none; z-index: auto; background: #ee292d ;display:none}
.gnb .sub03 li { display: inline;}
.gnb .sub03 li a { display: block; float: left; height: 32px; background-image: url(images/img_top_gnb.png); text-indent: -1000em }
.gnb .sub03 li a.s1 { width: 86px; background-position: 0 -128px; }
.gnb .sub03 li a.s2 { width: 80px; background-position: -86px -128px;}
.gnb .sub03 li a.s3 { width: 80px; background-position: -163px -128px;}
.gnb .sub03 li a.s1:hover, .gnb .sub03 li a.s1:focus, .gnb .sub03 li a.s1.on { background-position: 0 -160px; }
.gnb .sub03 li a.s2:hover, .gnb .sub03 li a.s2:focus, .gnb .sub03 li a.s2.on { background-position: -86px -160px; }
.gnb .sub03 li a.s3:hover, .gnb .sub03 li a.s3:focus, .gnb .sub03 li a.s3.on { background-position: -163px -160px; }


/* sub04 
.gnb .sub04 { position: absolute; left: 24px; top: 63px; width: 484px; height: 32px; margin: 0; list-style: none; z-index: auto; background: #ee292d ;display:none}
.gnb .sub04 li { display: inline; }
.gnb .sub04 li a { display: block; float: left; height: 32px; background-image: url(images/img_top_gnb.png); text-indent: -1000em }
.gnb .sub04 li a.s1 { width: 74px; background-position: 0 -192px; }
.gnb .sub04 li a.s2 { width: 55px; background-position: -74px -192px; }
.gnb .sub04 li a.s3 { width: 55px; background-position: -129px -192px; }
.gnb .sub04 li a.s1:hover, .gnb .sub04 li a.s1:focus, .gnb .sub04 li a.s1.on { background-position: 0 -224px; }
.gnb .sub04 li a.s2:hover, .gnb .sub04 li a.s2:focus, .gnb .sub04 li a.s2.on { background-position: -74px -224px; }
.gnb .sub04 li a.s3:hover, .gnb .sub04 li a.s3:focus, .gnb .sub04 li a.s3.on { background-position: -129px -224px; }
*/

/* sub04 */
.gnb .sub04 { position: absolute; left: 224px; top: 63px; width: 484px; height: 32px; margin: 0; list-style: none; z-index: auto; background: #ee292d ;display:none}
.gnb .sub04 li { display: inline; }
.gnb .sub04 li a { display: block; float: left; height: 32px; background-image: url(images/img_top_gnb.png); text-indent: -1000em }
.gnb .sub04 li a.s1 { width: 74px; background-position: -0 -192px; }
.gnb .sub04 li a.s2 { width: 45px; background-position: -74px -192px; }
.gnb .sub04 li a.s3 { width: 75px; background-position: -120px -192px; }
.gnb .sub04 li a.s4 { width: 60px; background-position: -190px -192px; }
.gnb .sub04 li a.s5 { width: 95px; background-position: -250px -192px; }
.gnb .sub04 li a.s6 { width: 100px; background-position: -350px -192px; }
.gnb .sub04 li a.s1:hover, .gnb .sub04 li a.s1:focus, .gnb .sub04 li a.s1.on { background-position: 0 -224px; }
.gnb .sub04 li a.s2:hover, .gnb .sub04 li a.s2:focus, .gnb .sub04 li a.s2.on { background-position: -74px -224px; }
.gnb .sub04 li a.s3:hover, .gnb .sub04 li a.s3:focus, .gnb .sub04 li a.s3.on { background-position: -120px -224px; }
.gnb .sub04 li a.s4:hover, .gnb .sub04 li a.s4:focus, .gnb .sub04 li a.s3.on { background-position: -190px -224px; }
.gnb .sub04 li a.s5:hover, .gnb .sub04 li a.s5:focus, .gnb .sub04 li a.s3.on { background-position: -250px -224px; }
.gnb .sub04 li a.s6:hover, .gnb .sub04 li a.s6:focus, .gnb .sub04 li a.s3.on { background-position: -350px -224px; }


/* sub05 */
.gnb .sub05 { position: absolute; left: 24px; top: 63px; width: 484px; height: 32px; margin: 0; list-style: none; z-index: auto; background: #ee292d ;display:none}
.gnb .sub05 li { display: inline; }
.gnb .sub05 li a { display: block; float: left; height: 32px; background-image: url(images/img_top_gnb.png); text-indent: -1000em }
.gnb .sub05 li a.s1 { width: 72px; background-position: 0 -256px; }
.gnb .sub05 li a.s2 { width: 90px; background-position: -72px -256px; }
.gnb .sub05 li a.s3 { width: 80px; background-position: -163px -257px; }
.gnb .sub05 li a.s1:hover, .gnb .sub05 li a.s1:focus, .gnb .sub05 li a.s1.on { background-position: 0 -288px; }
.gnb .sub05 li a.s2:hover, .gnb .sub05 li a.s2:focus, .gnb .sub05 li a.s2.on { background-position: -72px -288px; }
.gnb .sub05 li a.s3:hover, .gnb .sub05 li a.s3:focus, .gnb .sub05 li a.s3.on { background-position: -163px -288px; }

/* activation */
.gnb .depth1 li.active .sub01{display:block;z-index:auto}
.gnb .depth1 li.active .sub02{display:block;z-index:auto}
.gnb .depth1 li.active .sub03{display:block;z-index:auto}
.gnb .depth1 li.active .sub04{display:block;z-index:auto}
.gnb .depth1 li.active .sub05{display:block;z-index:auto}
.gnb .depth1 li:hover .sub01 {display:block;z-index:300}
.gnb .depth1 li:hover .sub02 {display:block;z-index:300}
.gnb .depth1 li:hover .sub03 {display:block;z-index:300}
.gnb .depth1 li:hover .sub04 {display:block;z-index:300}
.gnb .depth1 li:hover .sub05 {display:block;z-index:300}




/* gnb-util*/
.gnb .util { position: absolute; right: 0px; top: 25px; width: 215px; margin: 0; list-style: none; z-index: 100 }
.gnb .util li { display: inline; }
.gnb .util li a { display: block; float: left; height: 30px; background-image: url(images/img_util_sprite.png); text-indent: -1000em }
.gnb .util li a.m1 { width: 48px; background-position: 0 -0; }
.gnb .util li a.m2 { width: 72px; background-position: -48px 0; }
.gnb .util li a.m3 { width: 91px; background-position: -120px 0; }
.gnb .util li a.m1:hover, .gnb .util li a.m1:focus, .gnb .util li a.m1.on { background-position: 0 -27px; }
.gnb .util li a.m2:hover, .gnb .util li a.m2:focus, .gnb .util li a.m2.on { background-position: -48px -27px; }
.gnb .util li a.m3:hover, .gnb .util li a.m3:focus, .gnb .util li a.m3.on { background-position: -120px -27px; }






/*main container */
.mcontainer { position: relative; margin: 0 0 14px 0; background: url(images/bg_main.png) center no-repeat; }
.content { position: relative; width: 980px; margin: 0 auto 30px; clear: both; }

/* sub container */
.scontainer {position:relative;border-top: solid 1px #d9d9d9;position:relative;margin-top:9px; }
.content.sub {background:url(images/bg_sublnb.png) repeat-y; min-height:500px; margin:0 auto;clear:both;overflow:hidden;}
.content.sub .subcontent { position: relative; float:right;width:765px; min-height:500px;}
.content.sub .side { position: relative; float:left; width:198px; min-height:500px;padding:0 1px 15px;}
.scontainer .location {position:absolute;width:950px;text-align:right;left:50%;margin-left:-475px;top:-22px;z-index:50}


/* footer */
.footer { clear: both; border-top: solid 1px #e20d16; margin: 0 0 0 0; }
.footer .fix { position: relative; margin: 0 auto; width: 980px; height: 73px; }
.flogo { position: absolute; left: 0; top: 10px; }
.address { position: absolute; left: 170px; top: 10px; }
.copyrights { position: absolute; left: 170px; top: 45px; }
.callnumber { position: absolute; right: 0; top: 5px; }
.privacy { position: absolute; left: 450px; top: 45px; }

/* banner */
.main_banner { float: right; }
.main_banner ul li, .main_banner ul { display: inline-block; float: left; list-style: none; }
.main_banner ul li { margin-left: 9px; }
.bn_emodel { background: url(images/bt_main_banner.png) no-repeat; width: 176px; height: 77px; display: block; overflow: hidden; text-indent: -1000em; }
.bn_emodel:hover { background-position: 0 -77px; }
.bn_fcustomer { background: url(images/bt_main_banner2.png) no-repeat; width: 176px; height: 77px; display: block; overflow: hidden; text-indent: -1000em; }
.bn_fcustomer:hover { background-position: 0 -77px; }
.bn_location { background: url(images/bt_main_banner3.png) no-repeat; width: 176px; height: 77px; display: block; overflow: hidden; text-indent: -1000em; }
.bn_location:hover { background-position: 0 -77px; }

/* press */
.main_press { float: left; position: relative; width: 355px; text-align: left; }
.main_press h2 { text-align: left; margin-top: 5px; }
.main_press ul { margin-top: 10px; }
.main_press li { position: relative; padding: 3px 0 }
.main_press li span { position: absolute; right: 0; }
.main_press .bt_more { position: absolute; right: -10px; top: 3px; padding: 10px; }
/* coverflow */
#main_coverflow { padding: 23px 0 212px; margin-bottom: 1px; background: url(images/img_main_big_logo.png) no-repeat center bottom }



/* press bbs */
.press_bbs,.press_bbs th,.press_bbs td{border:0;}
.press_bbs{width:700px;border-bottom:1px solid #dddddd;margin:0 auto;}
.press_bbs caption{display:none}
.press_bbs th{padding:7px 0 4px;height:25px;border-top:2px solid #ee292d;background-color:#f5f7f9;color:#333;font-size:14px;font-weight:bold}
.press_bbs td{padding:14px 0 12px;border-top:1px solid #e5e5e5;color:#4c4c4c}
.press_bbs td.title {text-align:left;font-size:12px}


/* paginate */
.paginate{padding:45px 0 50px;}
.paginate a,.paginate strong{display:inline-block;padding: 3px 3px 2px;vertical-align:middle}
.paginate strong{color:#ee292d;font-size:14px;}

/* press_title */
.press_title {position:relative;text-align:left;width:700px;margin:50px auto 23px;}
.press_title .cnt {position:absolute;right:0;font-size:14px;}
.press_title .cnt em {color:#ee292d}

/* side - lnb */
.side ul.lnb {position:relative;overflow:hidden;width:199px;}
.side ul.lnb li {position:relative;top:-1px;border-bottom:solid 1px #ddd;}
.side ul.lnb li a {display:block;width:100%;height:60px;line-height:60px;vertical-align:middle;font-size:14px;font-weight:bold;background:url(images/ico_lnb_arrow.png) 180px 25px no-repeat;text-align:left}
.side ul.lnb li a.on,.side ul.lnb li a:hover {color:#ee292d;background:url(images/ico_lnb_arrow.png) 180px -38px no-repeat;}
.side ul.lnb li a span{padding:0 0 0 25px;}

/* side - phone number*/
.sub_phonenumber{margin-top:200px}

/* side - banner */
.sub_banner { margin:22px auto 0;width:176px;padding:0;}
.sub_banner ul li, .sub_banner ul { display: inline-block; float: left; list-style: none; }
.sub_banner ul li { padding:5px 0 0;}
.bn_emodel { background: url(images/bt_main_banner.png) no-repeat; width: 176px; height: 77px; display: block; overflow: hidden; text-indent: -1000em; }
.bn_emodel:hover { background-position: 0 -77px; }
.bn_fcustomer { background: url(images/bt_main_banner2.png) no-repeat; width: 176px; height: 77px; display: block; overflow: hidden; text-indent: -1000em; }
.bn_fcustomer:hover { background-position: 0 -77px; }
.bn_location { background: url(images/bt_main_banner3.png) no-repeat; width: 176px; height: 77px; display: block; overflow: hidden; text-indent: -1000em; }
.bn_location:hover { background-position: 0 -77px; }
 
 
 /* sub0104 contents */
.mhlocation {position:relative;width:740px;margin:85px auto 35px;}
.mhlocation.tb {padding:35px 0 0 0;border-top:solid 1px #ddd;margin-top:0;}
.mhlocation .mhmap {}
.mhlocation .mhtitle {}
.mhlocation .mhphonenumber {position:absolute;bottom:65px;right:100px;}
.mhlocation .maddress {position:absolute;bottom:161px;right:14px;}
.mhlocation .bt_mhprint {position:absolute;bottom:0;right:150px;}
.mhlocation .bt_mhnavermap {position:absolute;bottom:0;right:0px;}


/* sub0102 contents */
.saleinfoimg {margin-top:45px;}
.saleinfotb,.saleinfotb th,.saleinfotb td{border:0;}
.saleinfotb{width:750px;border-top:2px solid #ee292d;border-bottom:1px solid #dddddd;margin:33px auto;}
.saleinfotb caption{display:none}
.saleinfotb th{padding:7px 0 4px;height:25px;border-top:1px solid #ddd;background-color:#f5f5f5;color:#333;font-size:14px;font-weight:bold}
.saleinfotb td{padding:10px 0 8;border-top:1px solid #ddd;color:#4c4c4c}
.saleinfotb td.title {text-align:left;font-size:12px}


/* sub0103 contents */
.saleplan_img {width:auto;margin:45px auto 0 ;}
.saleplan_img1 {width:auto;margin:20px auto 0 ;}


/* sub0101 contents */

.subcon0101_section1 {position:relative;width:710px;margin:0 auto;padding:55px 0 33px;text-align:left;border-bottom:solid 1px #ddd;}
.subcon0101_section1 h3 {display:block;padding-bottom:24px;}
.subcon0101_section1 .stitle {position:absolute;left:205px;top:140px;}
.subcon0101_section1 .desc {position:absolute;left:205px;top:240px;line-height:1.2}
.subcon0101_section1 .desc p {padding:10px 0}

.subcon0101_section2 {position:relative;width:710px;margin:0 auto;padding:55px 0 33px;text-align:left;border-bottom:solid 1px #ddd;}
.subcon0101_section2 h3 {display:block;padding-bottom:20px;}
.subcon0101_section2 h4 {display:block;padding:12px 0 5px;}
.subcon0101_section2 strong {font-size:14px;}
.subcon0101_section2 .desc {line-height:1.3;padding:0 0 20px;}
.subcon0101_section2 .desc p {padding:10px 0}

.subcon0101_section3 {position:relative;width:710px;margin:0 auto;padding:55px 0 33px;text-align:left;border-bottom:solid 1px #ddd;}
.subcon0101_section3 .history {position:relative;width:710px;margin:0 auto;padding:44px 0 0 0;}
.subcon0101_section3 .history h4 {position:absolute;}
.subcon0101_section3 .history .desc {position:relative;left:155px;}
.subcon0101_section3 .history .desc td {padding:6px 0 5px;}


/* sub0201 contents */
.helper {width:95%;margin:20px auto 30px;}
.helper li{background:url(images/ico_exclamation.png) no-repeat;text-align:left;padding:0 0 0 20px;margin:5px 0 3px;}

/* succontents tabmenu : add 20140107 */
	ul.subcon_tabmenu { display:inline-block;position:relative;right:5px;list-style:none;padding:50px 0 10px;overflow:visible;background:;float:right}
	ul.subcon_tabmenu li {list-style:none;display:inline-block;position:relative;left:-6px;padding:0 0 0 4px}
	ul.subcon_tabmenu li a {padding:0;margin:0;display:inline-block;}

.gap_small {padding:50px 0 0 0;}
.gap_small1 {padding:0 0 0 0;}
.gap_small2 {padding:30px 0 0 0;}
.gap_large {padding:130px 0 0 0;}

/* main popup */
.npop {
	border: 5px solid #000;}
	
	.npop .btn_wrap {
		width: 100%;
		height: 26px;
		background-color: #000;
		position: absolute;
		bottom: -5px;
		left: 0px;}
		
		.npop .btn_wrap .btn_01 {
			width: 110px;
			height: 26px;
			display: block;
			position: absolute;
			top: 0px;
			left: 10px;}

		.npop .btn_wrap .btn_02 {
			width: 46px;
			height: 26px;
			display: block;
			position: absolute;
			top: 0px;
			right: 10px;}

#pop_1{
  width:326px; height:365px; background:#3d3d3d; color:#fff; 
  position:absolute; top:100px; left:250px; text-align:center; 
  border:5px solid #000;
   }