@charset "euc-kr";

/* ==================================================
// ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ
================================================== */
div.policy{margin:0 20px; border-bottom:0;}
div.policy:after{display:none;}
div.policy-terms{padding:15px 15px 0; color:#616161; font-size:12px; line-height:20px;}
div.policy-version{margin-top:40px;}
div.policy-version select{color:#3c3c3c;}


/* ==================================================
// ´º½º·¹ÅÍ
================================================== */
div.newsletter{margin-bottom:-20px; height:445px; border-top:1px solid #3c3c3c; background:url("../images/content/newsletter_bg.jpg") no-repeat 50% 0/auto 444px;}
div.newsletter p{padding-top:75px; color:#5e4e3b; font-size:11px; line-height:15px; text-align:center;}
div.newsletter p strong{font-weight:bold;}
div.newsletter section{margin:52px auto 48px; width:260px;}
div.newsletter section h3{color:#5e4e3b; font-weight:bold; font-size:18px; text-align:center;}
div.newsletter section label{display:block; position:relative; margin-top:17px; padding-left:22px;}
div.newsletter section label input[type="checkbox"]{position:absolute; top:0; left:0;}
div.newsletter section label span{display:inline-block; color:#5e4e3b; font-size:11px; line-height:15px; white-space:nowrap;}
div.newsletter section p.note{padding-top:35px; color:#5e4e3b;}
div.newsletter section p.note + div.email input[type="email"]{background:#eee;}
div.newsletter section div.email{display:-webkit-flex; display:flex; margin-top:17px;}
div.newsletter section div.email input[type="email"]{/*-webkit-flex:1; flex:1;*/ width:74%; padding:0 12px; height:34px; border:1px solid #d1d1d1; color:#9d9d9d; font-size:11px;}
div.newsletter section div.email .btn_check{padding:0 12px; height:34px; border:1px solid #5e4e3b; color:#5e4e3b; font-weight:bold; font-size:11px;}
div.newsletter section div.buttonset{margin-top:20px; text-align:center;}
div.newsletter section div.buttonset button.btn_apply{width:115px; height:34px; background:#3c3c3c; color:#fff; font-weight:bold; font-size:11px;}
div.newsletter small{display:block; color:#928a81; font-size:10px; line-height:13px; text-align:center;}
div.newsletter small a{font-weight:bold;}


/* ==================================================
// ȸ»ç¼Ò°³
================================================== */
/* ȸ»ç¼Ò°³ - ŸÀÌƲ */
div.company-title{padding:50% 10px 0; background:url("../images/content/company_hero.jpg") no-repeat 0 0/100% auto;}
div.company-title h2{margin-top:25px; color:#3c3c3c;}

/* ȸ»ç¼Ò°³ - ÅǸ޴º */
nav.company-tab{margin-top:20px; border:1px solid #ebebeb; border-width:1px 0;}
nav.company-tab ul{display:-webkit-flex; display:flex;}
nav.company-tab li{-webkit-flex:1; flex:1;}
nav.company-tab li a{display:block; height:40px; color:#9d9d9d; font-weight:bold; font-size:12px; line-height:40px; text-align:center;}
nav.company-tab li.on a{background:#9d9d9d; color:#fff;}

/* ȸ»ç¼Ò°³ - about us */
section.company-about{margin:40px 20px 0;}
section.company-about h3{font-weight:bold; font-size:23px;}
section.company-about p{margin-top:15px; font-size:12px; line-height:20px;}
section.company-about ul{margin-top:35px;}
section.company-about li{padding:25px 0;border-top:1px solid #3c3c3c;}
section.company-about dt img{width:auto; height:15px;}
section.company-about dd{margin-top:11px;color:#616161; font-size:10px; line-height:17px;}

/* ȸ»ç¼Ò°³ - history */
.company-history{margin:20px 20px 0;}
.company-history table{font-size:10px;}
.company-history tbody tr{border-top:1px solid #dadada;}
.company-history tbody tr:first-child{border-top-color:#d1d1d1;}
.company-history colgroup + tbody tr:first-child{border-top:0;}
.company-history tbody th{vertical-align:top; text-align:left;}
.company-history tbody th[scope="rowgroup"]{padding-top:8px; color:#3c3c3c; font-size:17px;}
.company-history tbody th[scope="row"]{padding-top:12px; color:#9d9d9d;}
.company-history tbody td{padding:9px 0; color:#000; line-height:15px; text-align:left;}

/* ȸ»ç¼Ò°³ - contact */
div.company-contact{}
div.company-contact li{position:relative;}
div.company-contact li:nth-of-type(n+2){margin-top:20px; border-top:1px solid #3c3c3c;}
div.company-contact li div.map{position:relative; padding-top:52.77777%;}
div.company-contact li div.map > *{position:absolute; top:0; left:0; width:100%; height:100%;}
div.company-contact li div.info{padding:20px 20px 46px; font-size:12px;}
div.company-contact li div.info strong.location{font-weight:bold; font-size:20px;}
div.company-contact li div.info p.address{margin:13px 0; line-height:15px;}
div.company-contact li div.info p.day{margin:0 0 5px;}
div.company-contact li div.info p.holiday{margin:0 0 20px;}
div.company-contact li div.info p.tel{margin:0 0 10px;}
div.company-contact li .btn_map{position:absolute; right:10px; bottom:0; padding-top:20px; width:54px; height:54px; border-radius:50%; background:#3c3c3c; text-align:center;}
div.company-contact li .btn_map img{width:14px;}
div.company-contact li .btn_map span{position:absolute; right:59px; bottom:5px; font-size:10px; white-space:nowrap;}

div.company-contact div.about_map > iframe{width: 100%}

div.company-contact figcaption strong.location{display: block; font-weight:bold; font-size:20px;}
div.company-contact figcaption p.address{margin:13px 0; line-height:15px;}
div.company-contact figcaption p.day{margin:0 0 5px;}
div.company-contact figcaption p.holiday{margin:0 0 20px;}
div.company-contact figcaption p.tel{margin:0 0 10px;}

div.company-contact a.about_map{padding-top:0;}
div.company-contact a.about_map>img{width: 100%}
/* ==================================================
// ¼î·ë
================================================== */
div.showroom-title{margin:20px 0;}
div.showroom-title h2{margin-top:25px; color:#3c3c3c;}


/* ==================================================
// Á¡°Ë/¿À·ù
================================================== */
/* ¼­ºñ½º Á¡°Ë ¾È³» */
div.error-server dl{margin:25px 0 -6px; font-size:12px ;line-height:22px;}
div.error-server dd{color:#c3996a;}

/* 404, 500 */
div.error-45 div.buttonset li a{height:60px; line-height:60px;}


/* ==================================================
// ±âŸ
================================================== */
/* ¸®´º¾ó °øÁö */
div.guide-renewal h2 img{width:auto; height:90px;}
div.guide-renewal section p{color:#7f7f7f;}
div.guide-renewal section p strong{font-weight:bold;}