@charset "euc-kr";
@import url(common.css);

/* Layout */
#gnb {position:relative;width:100%;}
#wrap {position:relative;width:980px;margin:0 auto;}
#header {position:relative;padding-bottom:4px;background:url(../images/common/bg_header.png) repeat-x 0 bottom;z-index:1;}
#container {position:relative;display:inline-block;width:980px;margin-top:-4px;}
#container .contents {float:left;width:650px;padding:0 40px 0 0;}
#container .aside {float:right;width:290px;}
#footer {margin-top:26px;border-top:2px solid #797979;}

/* contents > Çìµå¶óÀÎ */
.contents .headline {display:inline-block;width:100%;padding:20px 0;}
.contents .headline .headPho {float:left;width:230px;}
.contents .headline .headArti {float:left;width:420px;}
.contents .headline .headArti h1 {font-size:24px;color:#000;margin-top:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contents .headline .headArti h1 a {color:#000;letter-spacing:-1px;word-spacing:-4px;}
.contents .headline .headArti strong {display:block;font-size:14px;color:#666;line-height:2.5;}
.contents .headline .headArti strong a {color:#666;letter-spacing:-0.025em;}
.contents .headline .headArti p {padding-top:9px;line-height:19px;}
.contents .headline .headArti p a {color:#666;letter-spacing:-0.025em;}

/* contents > À̽´ ´º½º */
.contents .issueNewsWrap {display:inline-block;width:100%;padding-top:17px;border-top:1px solid #e2e2e6;}
.contents .issueNewsWrap .issue {float:left;width:320px;}
.contents .issueNewsWrap .issue h2 {position:relative;z-index:1;margin-bottom:-6px;background:#fff;}
.contents .issueNewsWrap .issueArti {display:inline-block;width:100%;padding:15px 0 12px;border-top:1px solid #e2e2e6;}
.contents .issueNewsWrap .issueArti strong.t {display:block;margin-bottom:6px;font-size:14px;letter-spacing:-0.025em;}
.contents .issueNewsWrap .issueArti .pi {float:left;width:100px;height:68px;margin-right:11px;}
.contents .issueNewsWrap .issueArti .pi a {display:block;position:relative;}
.contents .issueNewsWrap .issueArti .pi a .frameBd {width:98px;height:66px;}
.contents .issueNewsWrap .issueArti .tx {float:left;width:209px;margin-top:5px;line-height:20px;}

/* contents > µ¿¿µ»ó/Ä¿¹Â´ÏƼ ¼Óº¸ */
.contents .issueNewsWrap .breaking {float:right;width:300px;margin-bottom:15px;}
.contents .issueNewsWrap .breaking h2 {margin-bottom:11px;background:#fff;}
.contents .issueNewsWrap .breaking .pi {width:300px;height:121px;margin-bottom:10px;}
.contents .issueNewsWrap .breaking .pi a {display:block;position:relative;}
.contents .issueNewsWrap .breaking .pi a .frameBd {width:298px;height:119px;}
.contents .issueNewsWrap .breaking .pi a .play {position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;}
.contents .issueNewsWrap .breaking strong.t {display:block;margin-bottom:3px;font-size:14px;letter-spacing:-0.025em;}
.contents .issueNewsWrap .breaking .tx {line-height:18px;color:#666;}
.contents .issueNewsWrap .breaking .tx a {color:#666;}

/* contents > È­º¸ */
.contents .issueNewsWrap .modelPic {clear:right;float:right;width:282px;padding:16px 0 16px 16px;border:1px solid #d5d5d5;background:#f6f5f5;}
.contents .issueNewsWrap .modelPic .picBig {position:relative;width:266px;margin-bottom:6px;}
.contents .issueNewsWrap .modelPic .picBig a {display:block;width:100%;height:100%;}
.contents .issueNewsWrap .modelPic .picBig a span {background:url(../images/common/bg_transparent.png) repeat 0 0;position:absolute;width:100%;text-align:center;line-height:25px;left:0;bottom:0;color:#fff;height:25px;}
.contents .issueNewsWrap .modelPic .picList {display:inline-block;width:273px;}
.contents .issueNewsWrap .modelPic .picList li {float:left;width:85px;margin-right:6px;}
.contents .issueNewsWrap .modelPic .picList li a {position:relative;display:block;}
.contents .issueNewsWrap .modelPic .picList li a .frameBd {display:none;width:75px;height:45px;filter:alpha(opacity=100);opacity:1.0;border:5px solid #f14922;}
.contents .issueNewsWrap .modelPic .picList li a.on .frameBd,
.contents .issueNewsWrap .modelPic .picList li a:hover .frameBd {display:block;width:75px;height:45px;filter:alpha(opacity=100);opacity:1.0;border:5px solid #f14922;}

/* µ¿¾Æ°æÁ¦ > ¸ÞÀÎ > contents > µ¿¾Æ¿ÀÅä Æ÷Åä¹Ú½º */
.contents .dongAutoPhoto {clear:right;float:right;width:300px;margin:16px auto 15px;}
.contents .dongAutoPhoto .p {border:1px solid #bebebe;}
.contents .dongAutoPhoto .p a {display:block;position:relative;}
.contents .dongAutoPhoto .p a img {display:block;margin:0 auto;}
.contents .dongAutoPhoto .p a .txt {font-size:14px;font-weight:bold;color:#fff;height:32px;line-height:32px;width:288px;padding:0 5px;text-align:center;position:absolute;left:0;bottom:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(http://img.donga.com/home2013/images/common/bg_transparent.png) repeat 0 0;}
.contents .dongAutoPhoto .page {padding:3px 0 0 0;text-align:right;}
.contents .dongAutoPhoto .page a {background:url(http://img.donga.com/home2013/images/sub/bg_dap_tab.gif) no-repeat 0 0;display:inline-block;width:18px;height:18px;cursor:pointer;}
.contents .dongAutoPhoto .page a span {position:absolute;visibility:hidden;z-index:-1;}
.contents .dongAutoPhoto .page a.tab1 {background-position:0 0;}
.contents .dongAutoPhoto .page a.tab2 {background-position:-20px 0;}
.contents .dongAutoPhoto .page a.tab3 {background-position:-40px 0;}
.contents .dongAutoPhoto .page a.tab1:hover {background-position:0 -20px;}
.contents .dongAutoPhoto .page a.tab2:hover {background-position:-20px -20px;}
.contents .dongAutoPhoto .page a.tab3:hover {background-position:-40px -20px;}
.contents .dongAutoPhoto .page a.tab1.on {background-position:0 -20px;}
.contents .dongAutoPhoto .page a.tab2.on {background-position:-20px -20px;}
.contents .dongAutoPhoto .page a.tab3.on {background-position:-40px -20px;}

/* contents > ½ÅÂ÷ ¸íÂ÷ ½Ã½Â±â */
.contents .testDrive {display:inline-block;width:100%;margin-top:18px;height:282px;background:url(../images/main/bg_test_drive.gif) no-repeat 0 0;}
.contents .testDrive .m_drive {float:left;width:308px;padding:0 21px; }
.contents .testDrive .m_drive h2 {margin:17px 0 12px;}
.contents .testDrive .m_drive .pi {width:308px;height:125px;margin-bottom:13px;}
.contents .testDrive .m_drive .pi a {display:block;position:relative;}
.contents .testDrive .m_drive .pi a .frameBd {width:306px;height:123px;}
.contents .testDrive .m_drive strong.t {display:block;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;letter-spacing:-0.025em;}
.contents .testDrive .m_drive .tx {line-height:18px;color:#666;}
.contents .testDrive .m_drive .tx a {color:#666;}
.contents .testDrive .s_drive {float:right;width:260px;overflow:hidden;margin:3px 0 0 0;padding:0 21px 0 19px;}
.contents .testDrive .s_drive .s_d_list {display:inline-block;width:100%;margin-top:-1px;padding:15px 0 16px;border-top:1px solid #e2e2e6;}
.contents .testDrive .s_drive .s_d_list strong.t {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:14px;letter-spacing:-1px;}
.contents .testDrive .s_drive .s_d_list .pi {float:left;width:100px;height:78px;margin-right:11px;}
.contents .testDrive .s_drive .s_d_list .pi a {display:block;position:relative;}
.contents .testDrive .s_drive .s_d_list .pi a .frameBd {width:98px;height:76px;}
.contents .testDrive .s_drive .s_d_list .tx {float:left;width:149px;margin-top:3px;line-height:18px;}
.contents .testDrive .s_drive .s_d_list .tx a {color:#666;}

/* contents > ±â»ç¸®½ºÆ® */
.contents .newsListWrap {display:inline-block;width:100%;margin:14px 0 0 0;}
.contents .newsListWrap .newsListLeft {float:left;width:320px;}
.contents .newsListWrap .newsListLeft .photoNews {display:inline-block;width:100%;padding:0 0 12px 0;border-bottom:1px solid #e2e2e6;}
.contents .newsListWrap .newsListLeft .photoNews strong.t {display:block;margin-bottom:6px;font-size:14px;letter-spacing:-0.025em;}
.contents .newsListWrap .newsListLeft .photoNews .pi {float:left;width:100px;height:68px;margin-right:11px;}
.contents .newsListWrap .newsListLeft .photoNews .pi a {display:block;position:relative;}
.contents .newsListWrap .newsListLeft .photoNews .pi a .frameBd {width:98px;height:66px;}
.contents .newsListWrap .newsListLeft .photoNews .tx {float:left;width:209px;margin-top:5px;line-height:20px;letter-spacing:-0.025em;}
.contents .newsListWrap .newsListLeft ul {border-bottom:1px solid #e2e2e6;padding:3px 0 4px 0;padding-top:5px\0/;padding-bottom:9px\0/;}
.contents .newsListWrap .newsListLeft ul li {line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contents .newsListWrap .newsListLeft ul li a {font-size:14px;font-weight:bold;letter-spacing:-0.025em;}
.contents .newsListWrap .newsListRight {float:right;width:300px;}
.contents .newsListWrap .newsListRight .photoNews {display:inline-block;width:100%;padding:0 0 12px 0;margin:0 0 12px 0;border-bottom:1px solid #e2e2e6;}
.contents .newsListWrap .newsListRight .photoNews strong.t {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;margin-bottom:6px\0/;font-size:12px;letter-spacing:-0.025em;}
.contents .newsListWrap .newsListRight .photoNews strong.t img {vertical-align:middle;margin-top:-2px;}
.contents .newsListWrap .newsListRight .photoNews .pi {float:left;width:110px;height:68px;margin-right:11px;}
.contents .newsListWrap .newsListRight .photoNews .pi a {display:block;position:relative;}
.contents .newsListWrap .newsListRight .photoNews .pi a .frameBd {width:108px;height:66px;}
.contents .newsListWrap .newsListRight .photoNews .tx {float:left;width:179px;font-family:"±¼¸²", Gulim;margin-top:7px;line-height:18px;letter-spacing:-0.025em;}
.contents .newsListWrap .newsListRight .photoCar h2 {margin:0 0 11px 0;}
.contents .newsListWrap .newsListRight .photoCar .pi a {display:block;position:relative;}
.contents .newsListWrap .newsListRight .photoCar .pi a .frameBd {width:298px;height:178px;}

/* contents > CAZ Àαâ Áß°íÂ÷ */
.contents .caz {margin:20px 0 0 0;}
.contents .caz h2 {margin:0 0 10px 0;}
.contents .caz .caz_box {position:relative;padding:25px 26px 20px 27px;border:1px solid #d7d8d9;}
.contents .caz .caz_box ul {display:inline-block;width:595px;}
.contents .caz .caz_box ul li {float:left;width:95px;padding:0 12px;font-size:11px;}
.contents .caz .caz_box ul li a {display:block;text-align:center;margin-bottom:5px;}
.contents .caz .caz_box ul li strong {display:block;text-align:center;color:#888;}
.contents .caz .caz_box ul li em {display:block;text-align:center;color:#96792c;}
.contents .caz .caz_box ul li span {display:block;text-align:center;color:#f25632;font-weight:bold;}
.contents .caz .caz_box .z_left {position:absolute;left:0;top:55px;cursor:pointer;}
.contents .caz .caz_box .z_right {position:absolute;right:0;top:55px;cursor:pointer;}
.contents .caz .caz_box .caz_pa {position:absolute;right:10px;top:5px;font-size:11px;color:#888;}
.contents .caz .caz_box .caz_pa a {color:#888;}

/* ±¹³» ÇØ¿Ü ºê·£µå ¸®½ºÆ® 20160419_±èÇϳª Ãß°¡ */
.contents .brands {width:647px;height:273px;margin-top:12px;border:1px solid #d7d7d7;float:left;overflow:hidden;}
.contents .brands h2 {width:53px;float:left;border-top:1px solid #d7d7d7;}
.contents .brands h2:first-child {border-top:none;}
.contents .brands h2 img {display:block;}
.contents .brands .motoLogo {width:65px;border-top:0 none;background-color:#f8f8f8;}
.contents .brands .motoLogo img {margin:0 auto;}
.contents .brands .forLogo {clear:both;}
.contents .brands ul {border-left:1px solid #d7d7d7;overflow:hidden;background:url(../images/main/brand_bar_bg2.gif) repeat 0 0;}
.contents .brands ul.korList {float:left;border-right: 1px solid #d7d7d7;}
.contents .brands ul.korList li {border-top:none;border-bottom:0 none;}
.contents .brands ul.motoList {width:185px;height:67px;}
.contents .brands ul.forList01 {border-top:1px solid #d7d7d7;}
.contents .brands ul.forList03 li {border-bottom:none;}
.contents .brands ul li {float:left;padding:0 2px;border-left:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;}
.contents .brands ul li:first-child {border-left:none;}
.contents .brands ul li a {display:block;}
.contents .brands ul li a img {display:block;}

/* aside > Â÷ vs Â÷ */
.aside .chaCha {width:248px;height:299px;margin:0 0 10px 0;padding:15px 21px 0 21px;background:url(../images/main/bg_chacha.gif) no-repeat 0 0;}
.aside .chaCha h2 {margin-bottom:10px;}
.aside .chaCha .cha_vs {position:relative;}
.aside .chaCha .cha_vs .cha_a, .aside .chaCha .cha_vs .cha_b {width:248px;height:125px;}
.aside .chaCha .cha_vs .cha_a a, .aside .chaCha .cha_vs .cha_b a {position:relative;display:block;width:100%;height:100%;}
.aside .chaCha .cha_vs .cha_a a .frameBd {width:246px;height:123px;border-bottom:0 none;}
.aside .chaCha .cha_vs .cha_b a .frameBd {width:246px;height:123px;border-top:0 none;}
.aside .chaCha .cha_vs .vs {position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-26px;z-index:1;}

/* aside > ÁÖ¿ä´º½º */
.aside .politics {position:relative;padding:0 20px 10px;margin-bottom:10px;border:1px solid #ccd1d6;background:#F9F9FB;}
.aside .politics h4 {margin:10px 0 10px;}
.aside .politics .txt_list li {padding-left:8px; margin-bottom:5px; background:url('../images/common/dot_gray2.gif') left 7px no-repeat;}
.aside .politics a {color:#222;}
.aside .politics a:hover {color:#f14922;}
.aside .politics .thum {_height:100%; overflow:hidden;}
.aside .politics .thum a {float:left;}
.aside .politics .thum .thum_img {width:113px;margin-right:10px;}
.aside .politics .thum .thum_img img {border:1px solid #c2c2c2;}
.aside .politics .thum .thum_list {width:125px;}
.aside .politics .thum .thum_list strong {display:block; margin-bottom:5px;}
.aside .politics ul {margin-top:15px;}
.aside .politics ul li {width:100%;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* aside > ÄûÁî */
.aside .poll {margin:0 0 10px 0;background:url(../images/main/bg_poll.gif) no-repeat 0 34px;}
.aside .poll h2 {height:32px;padding-left:16px;background:#545765;border:1px solid #43454f;}
.aside .poll .q {width:248px;height:50px;padding:11px 21px 25px;overflow:hidden;}
.aside .poll .q .q_pi {position:relative;float:left;width:70px;height:50px;margin-right:11px;}
.aside .poll .q .q_pi .frameBd {width:68px;height:48px;}
.aside .poll .q p {float:left;width:167px;margin-top:5px;line-height:20px;letter-spacing:-0.025em;color:#4a4a4a;}
.aside .poll .j {width:248px;height:41px;padding:0 21px 14px;overflow:hidden;}
.aside .poll .j p {float:left;width:179px;margin-top:8px;font-size:11px;line-height:14px;letter-spacing:-0.1em;color:#666;}
.aside .poll .j a {float:left;width:69px;}

/* aside > Àαâ¸ðµ¨ */
.aside .popularity {border-bottom:1px solid #eaebec;margin:10px 0 10px 0;}
.aside .popularity h2 {height:32px;padding-left:16px;background:#545765;border:1px solid #43454f;}
.aside .popularity ol li {display:inline-block;padding:10px 20px 9px;border:1px solid #ccd1d6;border-top:0 none;background:#f9f9fb;}
.aside .popularity ol li .num {float:left;width:8px;margin:11px 14px 0 0;}
.aside .popularity ol li p {float:left;width:150px;margin:8px 6px 0 0;color:#333;}
.aside .popularity ol li p strong {display:block;font-family:"±¼¸²", Gulim;}
.aside .popularity ol li p em {font-family:Tahoma;}
.aside .popularity ol li .popPic {position:relative;float:left;width:70px;height:49px;}
.aside .popularity ol li .popPic .frameBd {width:68px;height:47px;}

/* aside > ½Ç½Ã°£ À¯°¡Á¤º¸*/
.aside .oil {border-bottom:1px solid #eaebec;margin:0 0 10px 0;}
.aside .oil h2 {height:32px;padding-left:16px;background:#545765;border:1px solid #43454f;}
.aside .oil .oilTab {position:relative;display:inline-block;height:43px;}
.aside .oil .oilTab li {float:left;height:43px;}
.aside .oil .oilTab li a {position:relative;display:block;width:97px;height:43px;background:url(../images/main/bg_oil_tab.gif) no-repeat 0 0;}
.aside .oil .oilTab li a.oilT01 {background-position:0 -55px;}
.aside .oil .oilTab li a.oilT02 {width:96px;background-position:-97px -55px;}
.aside .oil .oilTab li a.oilT03 {background-position:-193px -55px;}
.aside .oil .oilTab li a.oilT01:hover, .aside .oil .oilTab li a.oilT01on {background-position:0 0;}
.aside .oil .oilTab li a.oilT02:hover, .aside .oil .oilTab li a.oilT02on {width:96px;background-position:-97px 0;}
.aside .oil .oilTab li a.oilT03:hover, .aside .oil .oilTab li a.oilT03on {background-position:-193px 0;}
.aside .oil .oilTab li a span {position:absolute;visibility:hidden;z-index:-1;}
.aside .oil .oilInfo {padding:10px 20px 10px;border:1px solid #c5cad0;border-top:0 none;}
.aside .oil .oilInfo p {font-size:11px;text-align:center;color:#4a4a4a;line-height:20px;}
.aside .oil .oilInfo .oilNum {display:inline-block;width:100%;height:49px;margin:3px 0;background:url(../images/main/bg_oil_num.gif) repeat-x 0 0;}
.aside .oil .oilInfo .oilNum strong {display:inline;float:left;margin-left:35px;font-size:30px;line-height:49px;color:#fff;}
.aside .oil .oilInfo .oilNum strong span {font-size:20px;}
.aside .oil .oilInfo .oilNum em {display:inline;float:right;width:46px;text-align:center;margin-right:24px;font-family:Tahoma;font-size:11px;color:#fff;}
.aside .oil .oilInfo .oilNum em.up {height:45px;padding-top:4px;line-height:45px;background:url(../images/main/bg_oil_up.gif) no-repeat 0 0;}
.aside .oil .oilInfo .oilNum em.do {height:45px;padding-top:4px;line-height:22px;background:url(../images/main/bg_oil_do.gif) no-repeat 0 0;}

/* aside > Àαⴺ½º */
.aside .popNews {}
.aside .popNews h2 {height:32px;padding-left:16px;background:#545765;border:1px solid #43454f;}
.aside .popNews ol li {display:inline-block;padding:10px 11px 9px;border:1px solid #ccd1d6;border-top:0 none;background:#f9f9fb;}
.aside .popNews ol li .num {float:left;width:14px;margin:11px 3px 0 0;}
.aside .popNews ol li p {float:left;width:154px;margin:8px 11px 0 0;color:#444;letter-spacing:-0.025em;}
.aside .popNews ol li p a {color:#444;}
.aside .popNews ol li .popPic {position:relative;float:left;width:84px;height:55px;}
.aside .popNews ol li .popPic .frameBd {width:82px;height:53px;}
.aside .popNews ol li.noImg {display:inline-block;padding:5px 16px 0;border-bottom:0 none;background:#f9f9fb;}
.aside .popNews ol li.noImg .num {float:left;width:14px;margin:9px 3px 0 0;}
.aside .popNews ol li.noImg p {float:left;width:239px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0 0;color:#444;letter-spacing:-0.025em;}
.aside .popNews ol li.noImg p a {color:#444;}

/* aside > ÁֽĽü¼ */
.aside .stock {border-bottom:1px solid #eaebec;margin:0 0 10px 0;}
.aside .stock h2 {height:32px;padding-left:16px;background:#545765;border:1px solid #43454f;}
.aside .stock .s_box {padding:10px 20px 7px;border:1px solid #c5cad0;border-top:0 none;background:#f9f9fb;}
.aside .stock .s_box table tbody th {text-align:left;}
.aside .stock .s_box table tbody td {padding:5px 0;}
.aside .stock .s_box table tbody td.s {text-align:left;color:#3c3c3c;}
.aside .stock .s_box table tbody td.up {text-align:left;color:red;}
.aside .stock .s_box table tbody td.down {text-align:left;color:blue;}
.aside .stock .s_box table tbody td.per {text-align:right;color:#909090;}
.aside .stock .s_box p {margin-top:4px;text-align:right;letter-spacing:-0.025em;}
.aside .stock .s_box p a {color:#999;}

/* aside > ÀÌ ½Ã°¢ HOT Ŭ¸¯ */
.aside .hotClick {border-bottom:1px solid #eaebec;margin-top:8px;}
.aside .hotClick h2 {height:33px;padding-left:20px;background:#f14922;border:1px solid #c2300e;}
.aside .hotClick ul {height:185px;overflow:hidden;background:#f9f9fb;padding:13px 20px 3px;border:1px solid #c5cad0;border-top:0 none;}
.aside .hotClick ul li {width:238px;height:17px;margin-bottom:10px;letter-spacing:-0.025em;padding-left:10px;background:url(../images/sub/bul_gray.gif) no-repeat 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* aside > sns */
.aside .sns {margin-top:9px;}
.aside .twtr-timeline {height:195px !important;}

/* µ¿¾Æ¿ÀÅä Ä¿ÇÇÁõÁ¤ À̺¥Æ® */
.c_event_banner {display:block;margin-bottom:10px;}
.c_event_banner img {width:290px;}

/* À® ±¤°í */
#left_AD {position:absolute;left:-130px;top:313px;}
.leftwingAD {position:absolute;top:138px;left:-175px;}
.rightwingAD {position:absolute;top:138px;right:-175px;} /* 20160530_±èÇϳª Ãß°¡ */
.footertopAD {margin:20px auto;text-align:center;}