@charset "utf-8"; /* CSS Document */

@import url("reset.css");
#wrap { width:100%; } 

/* ---------------------------------------------------
header 
-----------------------------------------------------*/
#header { overflow:hidden; height:80px; position:relative; width:100%; border-bottom:1px solid #fcaf26; } 
#header .header_in { width:1000px; left:50%; margin-left:-500px; position:relative; overflow:hidden; xborder:1px solid red } 
#header .header_in h1.logo { margin-top:25px; float:left; } 
#header .header_in #menu { float:right; margin-top:6px; margin-bottom:5px; } 
#header .header_in #menu ul.infomenu { float:right; margin-bottom:15px; } 
#header .header_in #menu ul.infomenu li { display:inline; padding:0 2px 0 6px; } 
#header .header_in #menu ul.infomenu li.title_bg { background:url(../img/com/eng_bg.png) no-repeat 0 0; } 
#header .header_in #menu ul#navigation { float:right; clear:both; bottom:0; padding:2px; width:764px; } 
#header .header_in #menu ul#navigation li { display:inline; padding:0 0 0 75px; } 
/* ---------------------------------------------------
visual 
-----------------------------------------------------*/
#visual { height:510px; position:relative; width:100%; margin:0 auto; overflow:hidden; text-align:center; } 
#visual .v_img { width:1350px; height:510; margin:0 auto; overflow:hidden; z-index:1; background:url(/img/main/visual01.jpg) no-repeat 0 0; } 
#visual .img_wrap { margin-left:658px; width:575px; height:510px; position:relative; z-index:2; } 
/* ---------------------------------------------------
m_content 
-----------------------------------------------------*/
#m_content { background:url(../img/main/content_bg.jpg) repeat-x 0 0; overflow:hidden; height:300px; position:relative; width:100%; xtop:545px; } 
#m_content .m_content_in { position:relative; width:1000px; left:50%; margin-left:-500px; } 

#m_content #section01 { height:30px; width:1000px; overflow:hidden; } 
#m_content #section01 .news { width:500px; margin-left:20px; float:left; margin-top:4px; } 
#m_content #section01 .news h3 { float:left; padding-top:3px; padding-right:20px; } 
#m_content #section01 .news p { font-size:12px; padding-top:4px; width:450px; } 
#m_content #section01 .news span.ntitle { float:left; height:25px; } 
#m_content #section01 .news span.ndate { float:right; height:25px; } 
#m_content #section01 .news .move_btn { float:left; position:absolute; margin-left:55px; cursor:pointer } 
#m_content #section01 .tel { float:left; margin-left:180px; margin-top:4px; } 
#m_content #section01 .tel h3 { float:left; padding-top:3px; padding-right:20px; } 
#m_content #section01 .tel p { padding-top:2px; float:left; } 

#m_content #section02 { margin:5px 0; padding: 18px 0; width: 100%; height: 180px; gap: 24px; } 
#m_content #section02 .sale { width: calc(33.3333% - 22.5px); } 

/* 중고매물 롤링 */
#m_content #section02 .sale #carouselWrap { height:135px; padding:5px; position:relative; margin-top:10px; } 
#m_content #section02 .sale #carouselPrev { position:absolute; top:65px; left:-8px; cursor:pointer; } 
#m_content #section02 .sale #carouselNext { position:absolute; top:65px; right:-8px; cursor:pointer; } 
#m_content #section02 .sale #carousel { height:auto; overflow:hidden; } 
#m_content #section02 .sale #carousel #carouselInner { width:390px; height:auto; overflow:hidden; } 
#m_content #section02 .sale #carouselInner ul.column { position:relative; height:110px; margin:10px 0 10px 15px; overflow:hidden; } 
#m_content #section02 .sale #carouselInner ul.column li { position:absolute; top:0; left:400px; font-size:11px; } 
#m_content #section02 .sale #carouselInner ul.column li.li1 { top:0; left:0px } 
#m_content #section02 .sale #carouselInner ul.column li.li2 { top:0; left:132px } 
#m_content #section02 .sale #carouselInner ul.column li.li3 { top:0; left:264px } 
#m_content #section02 .sale #carouselInner ul.column li p { padding:8px; text-align:center; line-height:1.5; color:#fff; } 
#m_content #section02 .sale #carouselInner ul.column li img:hover { outline:1px solid #fff; } 
#m_content #section02 .sale #carouselInner ul.column li a:hover { xtext-decoration:underline; } 
#m_content #section02 .sale #carouselInner ul.column li span.ques { color:#fff; } 
#m_content #section02 .sale #carouselInner ul.column li span.soldout { color:red; } 

/* 인증서 */
#m_content #section02 .certi { width: calc(16.6667% - 22.5px); } 
#m_content #section02 .certi ul.column1 { height:105px; padding-top: 20px;display: flex;gap: 10px;} 
#m_content #section02 .certi ul.column1 li img:hover { outline:1px solid yellow; } 

/* 우측 배너 영역 */
#m_content #section02 .banner { width: calc(16.6667% - 22.5px); } 

/* 2025-01-20 추가 */
#m_content #section02 { display: flex; } 
#m_content #section02 .title-wrap:has(.more) { display: flex; justify-content: space-between; align-items: flex-end; } 
#m_content #section02 .title-wrap .title { margin-bottom: 0;color: #fff; font-weight: 400; } 
#m_content #section02 .title-wrap .title p { font-size: 9px; color: #909090; line-height: 1.5; } 

/* 중고 커뮤니티 */
#m_content #section02 .junggo { width: calc(33.3333% - 22.5px); } 
#m_content #section02 .junggo-list { display: flex;gap: 10px;margin-top: 20px; } 
#m_content #section02 .junggo-list li { width: calc(50% - 5px); } 
#m_content #section02 .junggo-list img { width: 100%;height: 120px;max-width: 100%; } 
#m_content #section02 .junggo-list .name { color: #fff;font-size: 12px;margin-top: 8px;} 
#m_content #section02 .junggo-list .state-red { width: fit-content;padding: 4px 12px;border-radius: 20px;background: #d2202f;color: #fff;font-size: 12px;margin-top: 4px;} 
#m_content #section02 .junggo-list .state-green { width: fit-content;padding: 4px 12px;border-radius: 20px;background: #007d34;color: #fff;font-size: 12px;margin-top: 4px;} 



/* ---------------------------------------------------
footer 
-----------------------------------------------------*/
#footer { background:#231f20; height:120px; position:relative; width:100%; xtop:545px; border-top:1px solid #3c393a; clear:both; } 
#footer .foo_in { width:1000px; position:relative; left:50%; margin-left:-500px; padding:20px; } 
#footer .foo_in .address { float:left; margin-left:15px; } 
#footer .foo_in .address ul li { padding-bottom:6px; } 
#footer .foo_in .address ul li a { margin-left:270px; } 
#footer .foo_in .foo_logo { float:right; margin-right:40px; } 

/*pop01*/
div.pop01_wrap { display: none; position: absolute; top: 0; left: 0; min-width: 1128px; width: 100%; z-index: 1000; box-sizing:border-box; padding-top:30px; } 
div.pop01 { width:1033px; position:relative; margin: 0 auto; margin-top:50px; background-color:#fff; box-sizing:border-box; padding:50px; font-size:13px; } 
div.pop01 div.inner { height:500px; overflow-y:scroll; } 
div.pop01 h3 { margin-bottom:30px; font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #008CD6; padding-bottom:10px; } 
div.pop01 div.inner h4 { margin-top:20px; } 
div.pop01 div.inner ol { list-style:decimal !important; } 
div.pop01 p.close { position:absolute; top:-50px; right:0px; }