@import url(reset.css);
@import url(/renewal/css/custom.css);

/* G마켓산스 */

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 300;
    src: url(/renewal/fonts/GmarketSansLight.woff) format('woff');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 500;
    src: url(/renewal/fonts/GmarketSansMedium.woff) format('woff');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 700;
    src: url(/renewal/fonts/GmarketSansBold.woff) format('woff');
}

/* 나눔스퀘어 */

@font-face {
    font-family: 'NanumSquare';
    font-style: lighter;
    font-weight: 300;
    src: url(/renewal/fonts/NanumSquareL.woff) format('woff');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url(/renewal/fonts/NanumSquareR.woff) format('woff');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: bold;
    font-weight: 700;
    src: url(/renewal/fonts/NanumSquareB.otf) format('woff');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: black;
    font-weight: 800;
    src: url(/renewal/fonts/NanumSquareEB.ttf) format('woff');
}

body {font-size:12px;}
input,select,textarea {font-size:12px;}
select {font-size:12px;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

#bbslist img{
    max-width:unset;
}
:root{
    --c-pt: #cc2229;
}
#wrap{
    min-width: 1200px;
}

.inner{
    width: calc(100% - 30px); margin: 0 auto;
    max-width: 1400px;
}
.inner2{
    width: calc(100% - 30px); margin: 0 auto;
    max-width: 1310px;
}
.line_banner{
    background-color: #f9e200;
    width: 100%;
}
.line_banner p{
    color: #3d1d1d;
    font-size: 18px;
    margin: 0 20px;
}
.line_banner .inner{
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.line_banner .kakao_btn{
    background-color: #3d1d1d;
    color: #fff;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    width: 150px;
    line-height: 40px;
}
.line_banner .kakao_btn span{
    font-size: 1.125rem;
}
.line_banner .kakao_thumb{
    display: block;
    background: url(/images/common/kakao_thumb.jpg) no-repeat center / cover;
    width: 105px;
    height: 70px;
} 
#header{
    font-size: 16px;
    width: 100%;
    font-family: 'NanumSquare';

}
#header *{
    font-size: inherit;
}
#header .inner{max-width: 1400px; width: calc(100% - 30px); margin: 0 auto;}
#header .header_top .inner{
    text-align: center;
    padding: 50px 0 30px}
    
    #header .header_top .inner a{
        display: block;
        
    }
    #header .header_top .inner a:hover{
        color: inherit;
    }
#header .header_top p{
    font-size: 28px;
    font-weight: 700;
}
#header .header_top h2{

    font-size: 75px;
    font-family: 'Gmarket Sans';
    font-weight: 700;
    margin-top: 10px;
}
#header .header_top h2 span{
    color: #cc2229;
}
#header .header_bot {

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#header .header_bot .inner{display: flex;
    
    height: 80px;
justify-content: space-between; align-items: center;}

#header .ham{
    width: 36px;
    height: 36px;
    background:url(image/common/ham.png) no-repeat center / cover;
    margin-right: 20px;
}
#header .logo{
    display: block;
}
#header .left{
    display: flex;
    align-items: center;
}
#gnb ul{
    display: flex;
    align-items: center;
}
#gnb ul a{
    padding: 0 20px;
    line-height: 80px;
    font-size: 18px;
    font-weight: 700;
}
.search_input{
    position: relative;
    width: 280px;
}
.search_input input[type="text"]{
    width: 100%;
    height: 46px;
    padding: 0 20px;
    border-radius: 23px;
    color: #bbb;
    border-color: #dbdbdb;
}
.search_top .search_btn{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 50;
    
}





.wrap {width:1200px;margin:auto;}
.wrap2 {background:url("image/top_back.png") no-repeat; background-size:100% 100%; height:130px; padding-top:14px; width:1200px; margin:0 auto; }

#bbslist {margin:auto;padding:0 0 30px 0; font-family: 'Malgun Gothic';}
#bbslist input[type="checkbox"]{
    margin: 3px;
}
#tire_search2{
    font-family: 'Malgun Gothic';
}

#tire_search2 input{
    margin: 3px;
}
.left_board {border-bottom:3px solid #606060; margin-bottom:14px; width:255px;}
.left_title { background:#606060; width:240px; height:25px; font-size:14px; color:#fff; font-weight:bold; padding-left:15px; padding-top:7px;}
.left_content {margin-bottom:10px;}
	.left_content ul {padding:0; margin:0; width:100%;}
	.left_content li {list-style:none; width:100%;}
	.left_content li a {display:block; padding:5px 10px; border-bottom:1px solid #efefef;}

.left_sub_title {font-size:12px; color:#424242; padding:4px 0 0 10px;margin-bottom:10px; font-weight:bold;}
.left_sub_title img {margin-right:10px;}
.left_bottom { width:186px; height:6px; margin-bottom:10px;}

#container {background:#ffffff; padding-top: 40px;
    width: 1200px;
    margin: auto;}
	#tire_title {background:#d4d4d4; color:#000; font-size:14px; padding:9px 0px 10px 15px;}
	#tire_search2 {border:1px solid #d4d4d4; width:898px;}
	#search_frm2 {width:869px; border-top:1px solid #d4d4d4; margin-top:15px; margin-left:15px; margin-right:15px;}

	.tire_btn {background:url(image/tire_btn.png) no-repeat; width:150px; height:47px; border:0 solid #fff; float:right;}
#content {width:900px; float:left;}
#content img{
    max-width: unset;
}
	#content #map{width:900px;height:450px;}
#content_left {float:right; width:250px;}
	#recommend_tire {margin-right:15px; background:url("image/recommend_tire.png") no-repeat; width:255px; height:280px;}
	#best_tire {margin-right:15px; margin-top:10px; background:url("image/best_tire.png") no-repeat; width:255px; height:248px;}
	#left_sub {margin-bottom:15px;}

#mlist {margin-bottom:20px;}
	#mlist ul {list-style:none; margin-left:20px; margin-right:20px;}
	#mlist li {margin-top:10px;}
	
	#carY {float:left; margin-left:5px;}
	#carN {float:left; margin-left:10px;}
	#carO {clear:both; padding-top:5px;}
	
	#event {margin-top:14px; height:147px;}
	#work {height:147px;}
	
	.tire {font-size:14px; margin-right:10px; width:100px;}
	.car {font-size:14px;}

/* brand_sect */
.brand_sect{
    padding: 50px 0 100px;
    font-size: 16px;
}
.brand_sect .inner{
    overflow: hidden;
    position: relative;
    height: 184px;
}
.footer_brand_list{
    position: absolute;
    height: 184px;
    display: flex;
    align-items: center;
    width: calc(100% + 40px);
    margin-left: -20px;
    overflow: hidden;
}
.footer_brand_list li{
    margin: 0 20px;
    width: 140px;
    flex-shrink: 0;
    position: absolute; 
}


.footer_brand_list li p{
    font-weight: 300;
    color: #454545;
    text-align: center;
    margin-top: 20px;
}
.widget_visits {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-family: 'NanumSquare', sans-serif;
    padding-bottom: 100px;
  }
  
  .widget_visits .visit_ttl {
      font-size: 32px;
      font-weight: 900;
    border-bottom: 2px solid #454545;
    padding-bottom: 30px;
  }
  .widget_visits .visit_ul_wrap{
      width: calc(33.333% - 46.6666px);
  }    
  .widget_visits li {
      display: flex;
      justify-content: space-between;
      padding: 28px 20px;
      position: relative;
      color: #666;
      border-bottom: 1px solid #eee;
      
  }
  .widget_visits li span{
      font-size: 20px;
      font-weight: 700;
  }
  
  .widget_visits li > span:last-of-type {
      color: #333;
      font-size: 18px;
  }
  
  .widget_visits li > span:last-of-type span{
      color: #bbbbbb;
      font-weight: 400;
  }
  .widget_visits li > span:last-of-type span.gray{
    color: #666666;
    font-weight: 700;
}
  .pt_color{
      color: #f25916;
  }


#footer .logo{
    width: 100%;
    margin-bottom: 30px;
}

  #footer {
    background-color: #252525;
    color: #666;
    font-size: 16px;
    padding: 50px 0 40px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}
.ft_left{
width: calc(100% - 520px);
}
.policy_box a{
    color: #757575;
    display: inline-block;
}
.policy_box a+a{
margin-left: 30px;
}
.ft_right{
    width: 520px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.ft_right h4{
    margin-bottom: 20px;
    font-weight: 300;
}

.ft_right p{
    opacity: 0.6;
    font-size: 15px;
    line-height: 1.8666;
}
.ft_right strong{
    opacity: 0.8;
    display: block;
    font-size:26px;
    margin-bottom: 20px;
    font-family: 'NanumSquare', sa;
}
.footer_text{
    font-size: 15px;
    width: calc(100% + 10px);
    margin: 30px 0 20px -5px;
}
.footer_text span{
    display: inline-block;
    margin: 0 5px;
    line-height: 1.8666;
}
#footer .copy{
    font-size: 15px;
    color: #666;
}
.login_box{
    width: 100%;
    margin-top: 30px;
}
.login_box a{
    color: #aaa;
}


.sns_menu{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(758px, -50%);
    z-index: 99999;
}
.sns_menu a{
    display: block;
}

.sns_menu a+a{
margin-top: 16px;
}

















/*  */

#mtitle {margin-top:20px; margin-bottom:20px;}
.new {color:red;}
.date {float:right;}

#port_scroll {
	padding:0 0 5px;
	margin:auto;
	visibility: visible;
	overflow: hidden;
	width: 1200px;
	height: 37px;
	
}
#port_scroll table {
	background: #fff;
}
#port_scroll tr {
	height: 37px;
}
#port_scroll tr td img {
	width: 901px;
	margin-left:10px;
	vertical-align: middle;
}

.event_pop {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    max-width: 600px;
    border: 1px solid #ddd;
    z-index: 1111;
}
.event_pop img {
    max-width: 100%;
}
.event_pop .pop_btn {
    border-top: 1px solid #ddd;
}
.event_pop .pop_btn::after {
    display: block;
    clear: both;
    content: '';
}
.event_pop .pop_btn button {
    float: left;
    display: block;
    width: 50%;
    height: 42px;
    border: 0;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #efefef;
    border-radius: 0;
    cursor: pointer;
    box-sizing: border-box;
}
.event_pop .pop_btn button + button {
    border-left: 1px solid #ddd;
}