@charset "utf-8";

#container, #footer, #header, #wrap, .inner:after, ul:after, dl:after{display:block;clear:both;content:""}
#wrap{position:relative;width:100%;min-width:1100px;margin:0 auto;}
#wrap.bgblack:before{content:'';position:fixed;left:0;top:0;width:100%;height:100%;min-width:100%;min-height:100%;background:#000;background:rgba(0,0,0,0.6);opacity:0.6;filter: alpha(opacity=60);z-index:998}
.blind{text-indent:-9999px; font-size:0px; width:0px; height:0px;}
#wrap:after, #container:after, #footer:after, #header:after, .inner:after, ul:after, dl:after,.todayBox > div > ul li > div:after{display:block;clear:both;content:'';}

.inner{width:1100px; margin:0 auto; position:relative;}
#header {border-bottom:2px solid #d61c1c;}
#header .headerTop{display:block; line-height:30px;background:#fff; border-bottom:1px solid #dee3eb;}
#header .headerTop ul{float:right;}
#header .headerTop ul li{float:left;}
#header .headerTop ul li a{line-height:30px; padding-left:18px;font-size:13px; color:#777;}
#header .headerTop ul li:hover a {color:#d61c1c}
#header .headerBtm {width:1100px; margin:auto;}
#header .headerBtm h1{display:inline-block; padding-top:21px;}

#gnbBox #gnb {
	display:inline-block;
	margin-left:85px;
	
}
#gnbBox #gnb:after {
  content: '';
  display: block;
  clear: both;
}
#gnbBox #gnb>li {
  float: left;
  padding-right:40px;
}
#gnbBox #gnb>li:hover>a {
  color: ;
}
#gnbBox #gnb>li:hover>a+ul {
  display: block;
  z-index: 54;
}
#gnbBox #gnb>li:hover>a+ul>li a:hover {
  color: #fff;
}
#gnbBox #gnb>li>a {
  font-size: 16px;
  font-weight: 600;
  line-height: 70px;
    color:#000;
    display:inline-block;
	
}
    
#gnbBox #gnb>li>a:after{
    display: block;
    position: absolute;
    bottom: -0px;
    left: 50%;
    margin-left: -6px;
    border-bottom: 7px solid #d61c1c;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: '';
    transition: all .25s;
    -webkit-transition: all .25s;
    opacity: 0;
}
#gnbBox #gnb>li:hover > a{color:#d61c1c;}
#gnbBox #gnb>li:hover > a:after{
    opacity: 1;
}
#gnbBox #gnb>li>a.on {
  color: #0b4da2;
}
#gnbBox #gnb>li>a.on+ul {
  display: block;
}
    /*
#gnbBox #gnb>li>a.active {
  color: #fff;
}
    */

#gnbBox #gnb>li>ul {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    /* width: 100%; */
    height: 50px;
    margin: 0 auto;
    text-align: center;
    background: #d61c1c;
    z-index: 52;
    width: 100%;
}
#gnbBox #gnb>li>ul>li {
    position: relative;
    display:inline-block;
	
}
#gnbBox #gnb>li>ul>li:nth-child(1):after {
  display: none;
}
#gnbBox #gnb>li>ul>li:after {
content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 19px;
    width: 1px;
    height: 13px;
    background: rgba(255,255,255,0.5);
    transition: all .3s ease;
}
#gnbBox #gnb>li>ul>li a:hover {
}
#gnbBox #gnb>li>ul>li a{font-size:15px; color:#fff;padding: 0px 15px; line-height: 48px;}

.btn_menu_open { position: relative; width:70px; height:70px;background:url(/img/allmenupng.png)no-repeat center center #d61c1c; float:right; text-indent:-9999px;}
.btn_menu_open:after {content:''; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px;  }
.btn_menu_open.on:after { background-position:-90px -70px; }
.btn_menu_open span {display: block; margin-top: -1px;}
.headerBtm a.memberShip {font-size:16px; color:#d61c1c; padding:4px 20px; border:1px solid #d61c1c; border-radius:30px; font-weight:600; float:right; margin:18px; line-height:24px;}
.headerBtm a.memberShip .membercard{width:18px;height:12px; background:url(/img/headercard.png)no-repeat center;display:inline-block; margin:7px 7px 0 0;}
.headerBtm a.memberShip:hover .membercard { background:url(/img/headercardw.png)no-repeat center; }
.headerBtm a.memberShip:hover span{color:#fff;}
.gnb_all { display:none; width:100%; min-width: 1100px; padding-top:70px; background-color:#fff; z-index:130; position:absolute; top:31px; left:0; box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.1)}
.gnb_all_wrap {display: table; table-layout: fixed; width:1100px; margin: 0 auto;}
.gnb_all_wrap .gnb_cell {display: table-cell; vertical-align: top; padding: 20px 0 40px 25px; position: relative;}
.gnb_all_wrap .gnb_cell:first-child {width: 940px; padding-left: 0; border-right: 1px solid #e8e8e8;}
.gnb_all_wrap .gnb_cell > ul + ul {margin-top:25px;}
.gnb_all_wrap .gnb_cell > ul:after {content: ""; display: block; clear: both;}
.gnb_all_wrap .gnb_cell > ul > li {float:left; width:186px;}
.gnb_all_wrap .gnb_cell > ul > li > a {display: block; padding: 10px 0 5px; font-size: 16px; font-weight: 600; color: #d61c1b;}
.gnb_all_wrap .gnb_cell > ul > li > ul > li {display: block; margin: 10px 0; }
.gnb_all_wrap .gnb_cell > ul > li > ul > li a {display: block; font-size: 14px; color: #666; font-weight: 400;position:relative; line-height:20px;}
/*
.gnb_all_wrap .gnb_cell > ul > li > ul > li a:after{position:absolute; content:'·';top:0; left:0;}*/
.gnb_all_wrap .gnb_cell > ul > li > ul > li a:hover{text-decoration:underline; color:#111;}
.gnb_all_wrap .gnb_cell > ul.gnb_mypage {height: 220px;}
.gnb_all_wrap .gnb_cell > ul.gnb_etc li a {padding: 5px 0; color: #555;}

.gnb_all .btn_sell:after {content: ''; display: block; clear: both;}
.gnb_all .btn_sell a {float: left; display: block; width: 50%; padding: 20px 0 20px 300px; color: #fff; font-size: 18px; background: #5c5f66;}
.gnb_all .btn_sell a:first-child {background: #84898f; text-align: right; padding-left: 0; padding-right: 300px;}

.gnb_all .btn_wrap_line { position:absolute; top:0; left: 0; width: 100%; border-bottom:1px solid #333; height: 70px;}
.gnb_all .btn_menu_wrap { position: absolute;top:0; right:0;}
.gnb_all .btn_menu_wrap .btn_menu_close {width: 70px; height: 69px; font-size: 0; text-indent:-9999px; background:url(/img/allclose.png)no-repeat center center #333;}
.gnb_all .btn_menu_wrap .btn_menu_close:after { }


.sb_left {position:absolute; left:50%; margin-left:-680px; margin-top:10px;}
.sb_right {position:absolute; left:50%;margin-top:10px; margin-left:560px;}
.sb.fixed{ position: fixed; top: 0px; z-index:127;}
.sb ul li{margin-bottom:10px;}
.sb ul li a{display:block;}
.sideWrap{}
.sideWrap .sideTop{position:absolute; left:285px; background:url(/img/) no-repeat;    left: 50%;
    margin-left: -680px;}
.wrap .visualWrap{width:100%; height:847px;}
.quickMenu{
	
    border-top: 2px solid #ddac67;
    border-bottom: 2px solid #ddac67;
    width: 135px;
    height: 694px;
    background: #f8f8f8;
    position: absolute;
    right: 50%;
    
    
    margin-right: -660px;
    
}
.quickMenu h2{font-weight:800; font-size:20px; color:#31719d; margin-top:20px; text-align:center;}
.quickMenu ul li{margin:15px 0;text-align: center;}
.quickMenu ul li:hover.q_menu01 i{background:url(/img/quick01_on.png) no-repeat center #ddac67;}
.quickMenu ul li:hover.q_menu02 i{background:url(/img/quick02_on.png) no-repeat center #ddac67;}
.quickMenu ul li:hover.q_menu03 i{background:url(/img/quick03_on.png) no-repeat center #ddac67;}
.quickMenu ul li:hover.q_menu04 i{background:url(/img/quick04_on.png) no-repeat center #ddac67;}
.quickMenu ul li i{width:110px; height:110px; border-radius:55px;}
.quickMenu ul li.q_menu01 i{background:url(/img/quick01_off.png) no-repeat center #c2c2c2;}
.quickMenu ul li.q_menu02 i{background:url(/img/quick02_off.png) no-repeat center #c2c2c2;}
.quickMenu ul li.q_menu03 i{background:url(/img/quick03_off.png) no-repeat center #c2c2c2;}
.quickMenu ul li.q_menu04 i{background:url(/img/quick04_off.png) no-repeat center #c2c2c2;}
.quickMenu ul li p{font-size:17px; color:#252525; text-align:center;line-height: 24px;}
.quickMenu > p a{display:block;text-align: center; padding: 10px 0; clear: both; background:  linear-gradient( 45deg, #ddac67,#fff4ce ); color: #333;font-size: 17px;font-weight: 800;}

.main_header{ position:fixed; top:0; z-index:999;width:100%;  min-width:1380px; border-bottom:1px solid #ddd;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.main_header .logo{display:inline-block;}
.main_header .logo a{display:block; background:url(/img/logo11.png) no-repeat;  width:140px; height:49px; margin:25px 0; background-size:100%;}
.main_header nav{display:inline-block; margin-top:40px; padding-left:105px;}
.main_header nav ul {margin:auto;}
.main_header nav ul li{float:left;  }
.main_header nav ul li a{font-size:17px; margin:0 22px; font-weight:500; }
.main_header .menuTop {float:right; margin-top:43px;}
.main_header .menuTop ul {}
.main_header .menuTop ul li {float:left; margin-left:14px;  }
.main_header .menuTop ul li a{font-weight:500; color:#777;}

.sub_header{width:100%;  min-width:1380px;  background:#223983; color:#fff; height:79px; position:fixed; z-index:9999;}
.sub_header .logo{display:inline-block;}
.sub_header .logo a{display:block; background:url(/img/logowh1.png) no-repeat;  width:140px; height:49px; margin:15px 0; background-size:100%;}
.sub_header nav{display:inline-block; margin-top:29px; padding-left:105px;}
.sub_header nav ul {margin:auto;}
.sub_header nav ul li{float:left;  }
.sub_header nav ul li a{font-size:17px; margin:0 22px; font-weight:500; color:#fff; letter-spacing:-0.6px; text-decoration:none !important;}
.sub_header nav ul li.active a{}
.sub_header .menuTop {float:right; margin-top:33px;}
.sub_header .menuTop ul {}
.sub_header .menuTop ul li {float:left; margin-left:14px;  }
.sub_header .menuTop ul li a{font-weight:500; color:rgba(255,255,255,0.5);}
/*
header .headerTop{ background:url(/img/header_top_bg3.gif) no-repeat center; height:108px;}
header .headerTop div > div{float:left; width:33.333%; padding:31px 0; color:#fff;}
header .headerTop .inner .number {padding: 38px 0;}
header .headerTop .inner .menuTop{padding:34px 0;}
header .headerTop .inner .number span{background:url(/img/number1.png) no-repeat; width:249px; height:32px; display:inline-block;}
header .headerTop ul{float:right !important;}
header .headerTop ul li{float:left;padding:10px 0;/*margin-left:20px;}
header .headerTop div h1 a{background:url(/img/logo_gold3.png) no-repeat; width:205px; height:45px; display:block; margin:0 auto;}
header .headerTop ul li a{color:#fff; font-weight:600;font-size:14px; line-height:15px; height:15px;  border-right: 1px solid rgba(255,255,255,0.5); padding: 0 15px;}
/*header .headerTop ul li a:after{content:''; width:1px; height:15px; background:rgba(255,255,255,0.5); display:inline-block; margin: 0 10px;}
header .headerTop ul li:last-child a:after{border-right:none; }
header .headerTop ul li:last-child a {border-right:none;}
header .headerBottom{background:linear-gradient( to bottom, #f4e9cf, #e4a845 ); height:60px;}
header .headerBottom ul{padding:10px 0;}
header .headerBottom ul li{float:left; margin-right:89px;line-height: 40px;}
header .headerBottom ul li a{font-size:18px; font-weight:600; display:block; color:#454545;}
header .headerBottom ul li a:hover{font-weight:800;}
*/

footer{background:#fff; border-top:1px solid #eee; }
footer .footer_wrap{width:100%; display:inline-block;padding:40px 0; position: relative;}

footer .footer_wrap .foot_info h1{float:left;padding: 0px 40px 0 0;}

footer .footer_wrap .foot_info > div{float:left; margin-right:40px;position:relative;}
footer .footer_wrap .foot_info > div:last-child{margin-top:25px;}
footer .footer_wrap .foot_info > div:after{clear:both; display:block; content:'';}
footer .footer_wrap .foot_info > div dl dt{font-size: 12px; font-weight: 600; margin-bottom: 5px;color: #333; letter-spacing:0; }
footer .footer_wrap .foot_info > div dl dd{font-size:14px;line-height:26px;}
footer .footer_wrap .foot_info > div dl dd span{color:#999; margin-right:5px;}
footer .footer_wrap .foot_info p{ font-size:12px; color:#888;}
footer .footer_wrap .MRN dd span{margin:0 5px 0 10px;}
footer .foot_menu {padding:15px 0; border-bottom:1px solid #e8e8e8;}
footer .foot_menu a{margin-right:20px; color:#888;}
footer .footLogo {width:128px; height:32px; display:block; position:absolute; content:'';top:0; left:0;background:url(/img/dblogo.png)no-repeat;background-size: 128px 32px;}

footer .footer_wrap .foot_info { display:inline-block; margin-left:215px; }
.footTop .logo{
    background: url(/img/logogray.png)no-repeat;
    width: 234px;
    height: 100px;
    position: absolute;
    right: 0;
    background-size: 100%;
    opacity: 0.5;
    top: 17px;
}
.clfix{clear:both;}
.MRN{margin-right:0 !important;}
.ml0{margin-left:0 !important;}
.font_black{color:#222 !important; vertical-align:top;}
.font_ylw{color:#fed804 !important;vertical-align:top;}
.font_red{color:#d61c1b !important;vertical-align:top;}
.font_lred{color:#f80902 !important;vertical-align:top;}
.font_blue{color:#37a0ea; !important;vertical-align:top;}
.font_grn{color:#85ac68 !important;vertical-align:top;}
.font_gray{color:#888;}
.fl{float:left;}
.fr{float:right;}
.bgn{background:none !important;}
.f600{font-weight:600;}
.f800{font-weight:800;}
.ml10{margin-left:10px;}
.ml5{margin-left:5px;}
.mr10{margin-right:10px;}
.dib{display:inline-block !important;}
.ti5{text-indent:5px;}
.pl10{padding-left:10px;}
.bggray {background:#f4f4f4;}
.big_font{font-size:24px;}

.pd0{padding:0 !important;}
.h245{height:245px;}
::selection{background:#fed804; color:#161616; text-shadow:none;}
/* input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent  inset ; -webkit-text-fill-color: #777; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
input::-webkit-input-placeholder{color:#c7c7c7}
input:-moz-placeholder{color:#c7c7c7;opacity:1}
input::-moz-placeholder{color:#c7c7c7;opacity:1}
input:-ms-input-placeholder{color:#c7c7c7}
input:placeholder-shown{color:#c7c7c7}
textarea:placeholder-shown{color:#c7c7c7}

.consultBox span.button{position:absolute;top:25px;padding:0;right: 0;}

.consultBox .input{width:38%; float:left;}

.consultBox .input {padding:0 14px 0 0; height:80px;/*margin: 0 0 10px; padding-top:10px; border-left:1px #eee solid;*/ box-sizing:border-box; position:relative; }
.consultBox .input:first-child { border-left:0px; }

.consultBox div.car_i:before {background:url(/img/car_icon.png) no-repeat center;}
.consultBox div.phone_i:before {background:url(/img/phone_icon.png) no-repeat center;}
.consultBox .input:before {content: '';width: 70px;height: 70px;display: inline-block;position: absolute;/* top: 10px; left: 12px;*/ z-index: 10;}

.consultBox .input label {position: absolute;top: 20px;left: 72px;font-size: 12px;white-space: nowrap; color: #b2b2b2; letter-spacing: 0.25px; font-weight: 600; z-index: 10;}
.consultBox .input input[type="text"] ,.consultBox .input input[type="tel"] {box-sizing: border-box;width: 100%; height: 70px; padding: 32px 30px 12px 69px; font-size: 14px;color: #454545; line-height: 24px; border: 1px solid #e1e1e1;font-weight: 600;}
.consultBox .input button { width:75px; height:30px; position:absolute; top:38px; right:32px; font-size:15px; line-height:30px; color:white; background-color:#DDD; border:0; border-radius:0px; }


.consultBox .input input::-webkit-input-placeholder { color:#ddd; }
.consultBox .input input::-moz-placeholder { color:#ddd; }
.consultBox .input input:-ms-input-placeholder { color:#ddd; }
.consultBox .input input:-moz-placeholder { color:#ddd; }

.consultBox .button label { font-size:12px; /*margin:5px 0;*/ letter-spacing:-0.1em;}
.consultBox .button button[type="submit"] {margin:51px 0 0 115px; width:235px; height:130px;  background-color:#33ccff; border:0; border-radius:10px; color:white; font-size:24px; padding:0; text-align:center;}
.consultBox .button .imgMap { float:right; }
/* checksWrap_st1 */

input[type="checkbox"]{ position: absolute; top: 0;left: 0;margin: 0;padding: 0;z-index: -1;width: 16px;height: 16px;-webkit-appearance: none; cursor: pointer}


/* --------------------------------------------
 * header
/* ------------------------------------------ */
/*
#header{width:100%;position:absolute;top:0;z-index:999}
.main #header,
.premium #header{top:30px}
#header>.inner{width:1060px;margin:auto;background:#fff;-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);-o-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);box-shadow:0 1px 2px 1px rgba(0,0,0,0.1)}
#header .logoArea{height:70px;position:relative}
#header .logoArea h1{text-align:center;padding-top:15px}
#header .logoArea h1 .logo{display:inline-block;width:120px;height:40px;background:url("/img/logo.png") repeat 0 0}
#header .logoArea .allMenu,
#header .logoArea .prmZone{width:70px;height:70px;display:block;position:absolute;top:0;background:url("/img/header_icon.png") repeat 0 0}
#header .logoArea .allMenu{border-right:1px solid #e0e0e0;left:0}
#header .logoArea .prmZone{background-position:-70px 0;right:0}
#header .gnbMenu{position:relative;border-top:1px solid #e0e0e0}
#header .gnbMenu .mLeft{margin-left:10px}
#header .gnbMenu .mLeft>li{float:left;padding:0 20px}
#header .gnbMenu .mLeft>li>a{position:relative;display:inline-block;font-size:14px;color:#666;font-weight:700;line-height:50px;-webkit-transform:perspective(0px) translateZ(0);transform:perspective(0px) translateZ(0)}
#header .gnbMenu .mLeft>li>a:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#fc413d;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
#header .gnbMenu .mLeft>li.on>a,
#header .gnbMenu .mLeft>li>a:focus,
#header .gnbMenu .mLeft>li>a:hover{color:#333}
#header .gnbMenu .mLeft>li.on>a:before,
#header .gnbMenu .mLeft>li>a:focus:before,
#header .gnbMenu .mLeft>li>a:hover:before{right:0}
#header .gnbMenu .mRight{position:absolute;top:0;right:0}
#header .gnbMenu .mRight>li{float:left;border-left:1px solid #e0e0e0}
#header .gnbMenu .mRight>li>a{display:inline-block;font-size:12px;line-height:50px;color:#777;font-weight:600;background:#f2f2f2;padding:0 30px 0 20px}
#header .gnbMenu .mRight>li>a i{display:inline-block;vertical-align:middle;margin-right:10px}
#header .gnbMenu .mRight>li>a i.icon_login{width:18px;height:18px;background:url("/img/icon_login.png") repeat 0 0}
#header .gnbMenu .mRight>li>a i.icon_user{width:12px;height:18px;background:url("/img/icon_user.png") repeat 0 0}
*/
/* 서브메뉴 */
/*
#sub_menu_wrap{width:100%;max-height:0;overflow:hidden;position:absolute;top:50px;left:0;right:0;padding-top:10px;z-index:-1;visibility:hidden}
#sub_menu_wrap .inner{width:100%;padding:40px;background:#fff}
#sub_menu_wrap .sub_menu{width:20%;min-height:156px;position:relative;float:left;border-left:1px solid #e3e3e3;padding-left:20px;top:20px;opacity:0}
#header .gnbMenu .mLeft>li.m3 .sub_menu{min-height:205px}
#header .gnbMenu .mLeft>li.m5 .sub_menu{min-height:176px}
#sub_menu_wrap .sub_menu.pt31{padding-top:31px;border:0}
#sub_menu_wrap .sub_menu h3.mt10{margin-top:10px}
#sub_menu_wrap .sub_menu h3 a{display:inline-block;font-size:16px;font-weight:600;color:#333;line-height:20px;margin-bottom:10px;border-bottom:1px solid #fff}
#sub_menu_wrap .sub_menu h3 a:focus,
#sub_menu_wrap .sub_menu h3 a:hover{border-bottom:1px solid #333}
#sub_menu_wrap .sub_menu ul li a{display:inline-block;font-size:14px;line-height:20px;margin-bottom:8px;color:#777;border-bottom:1px solid #fff}
#sub_menu_wrap .sub_menu ul li a:focus,
#sub_menu_wrap .sub_menu ul li a:hover{border-bottom:1px solid #777}
#sub_menu_wrap .sub_menu.prm_bn{float:right;text-align:center}
#sub_menu_wrap .sub_menu.prm_bn a{width:130px;height:156px;display:inline-block;background:url("/img/prm_icon_bn.png") no-repeat;overflow:hidden}
#header .gnbMenu .mLeft>li.on #sub_menu_wrap{max-height:500px;visibility:visible;-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);-o-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;-ms-transition:all 0.4s linear;transition:all 0.4s linear;z-index:999}
#header .gnbMenu .mLeft>li.on #sub_menu_wrap .sub_menu{top:0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;opacity:1}
*/
/* --------------------------------------------
 * container
/* ------------------------------------------ */
#container{
	background:#f2f4f7;display:inline-block; width:100%; padding-top:10px;
}

/* --------------------------------------------
 * footer
/* ------------------------------------------ */
/*
#footer{position:relative;background:#e8e8e8}
#footer .inner{width:1060px;margin:auto}
#footer .copyright,
#footer .footInfo,
#footer .footMenu{float:left;padding:60px 0}
#footer .copyright{width:250px}
#footer .copyright h2 .logo{display:inline-block;width:154px;height:51px;background:url("/img/logo2.png") repeat 0 0}
#footer .copyright p{font-size:10px;line-height:16px;text-transform:uppercase;color:#999;position:absolute;bottom:60px;letter-spacing: 0;}
#footer .copyright p b{color:#555}
#footer .copyright p span{display:block;margin-top:16px;color:#aaa}
#footer .footInfo{width:560px;padding-left:60px;border-left:1px solid #ddd;overflow:hidden}
#footer .footInfo .info{min-width:240px;float:left}
#footer .footInfo .info.company{margin-top:40px}
#footer .footInfo .info h3{font-size:10px;letter-spacing:0.1em;font-weight:700;color:#aaa;margin-bottom:15px}
#footer .footInfo .info.company dl{display:inline-block}
#footer .footInfo .info dl{overflow:hidden;margin-right:10px}
#footer .footInfo .info dd,
#footer .footInfo .info dt{float:left;margin-right:4px;font-size:12px;line-height:20px;color:#555;letter-spacing:-0.025em}
#footer .footInfo .info dt{color:#888}
#footer .footInfo .info dd.phone{color:#e95247;font-size:20px;line-height:32px}
#footer .footMenu{width:250px;text-align:right}
#footer .footMenu a{font-size:18px;line-height:32px;color:#555}

#footer .footer_bn {
	background: #fff;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #ddd;
	padding: 20px 0 30px;
}
#footer .footer_bn ul {
	white-space: nowrap;
	display: table;
	padding: 0 5px;
}
#footer .footer_bn li {
	width: 16.666666666666667%;
	float: left;
	padding: 0 30px;
	text-align: center;
	border-left: 1px solid #e7e7e7;
}
#footer .footer_bn li:first-child {
	border-left: 0;
}
#footer .footer_bn li .img {
	height: 70px;
	line-height: 70px;
}
#footer .footer_bn li .img img {
	max-width: 100%;
	max-height: 50px;
	vertical-align: middle;
}
#footer .footer_bn li p {
	font-weight: 700;
	font-size: 14px;
	color: #374253;
	margin-top: 5px;
}
*/
/* --------------------------------------------
 * sideBanner
/* ------------------------------------------ */
/*
#sideBanner{width:100%;position:absolute;top:660px;left:0;right:0;z-index:1}
#sideBanner.fixed{position:fixed;top:20px}
#sideBanner .inner{width:1060px;margin:auto;position:relative}
#sideBanner .sb{width:120px;position:absolute}
#sideBanner .sb_left{left:-140px}
#sideBanner .sb_right{right:-140px}
#sideBanner .sb li{margin-top:10px}
#sideBanner .sb li:first-child{margin-top:0}
*/
/* --------------------------------------------
 * auth_layout
/* ------------------------------------------ */

body.auth{background:#f2f4f7;}
#auth_header{}
#auth_header .inner{width:460px;margin:auto}
#auth_header h1{padding:60px 0 15px; margin: 0 auto; width: 256px;}
#auth_header h1 .logo{display:inline-block;width:256px;height:54px;background:url("/img/dblogo.png") repeat 0 0;}

body.auth #container{width:460px;margin:auto; display:block;background: transparent;}
.login_cont .checks label{color:#333;}
input[type=password]{font-family:'Lato','NotoSansKR','Rajdhani',sans-serif;}

.navi {}
.navi ul {float:right; margin-right:10px;}
.navi ul li {float: left;font-size: 15px; margin: 17px 0 0 26px; position:relative; color:#999;}
.navi ul li a{display:block; width:100%; height:100%;}
.navi ul li:after{
    content: '>';
    top: -1px;
    position: absolute;
    /* right: 68px; */
    /* right: 64px; */
    right: -18px;
    font-size: 18px;
    color: #ccc;
}
.navi ul li:last-child:after {display:none;}
.navi ul li.home{background:url(/img/home.png)no-repeat center; background-size:100%; width:17px; height:23px;}
span.ico {
    font-size: 13px;
    padding: 2px 7px;
    display: inline-block;
    margin-left: 7px;
}
span.recom {background:#eee; color:#888;border:1px solid #ccc}
span.discount{border:1px solid red; color:red;}


.banner{
	width:1100px; margin:auto;
}

.banner ul{
    border-top: 1px solid #f8f8f8;
    width: 100%;
	padding:5px 0;
	}

.banner ul li{
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.banner ul li img{zoom:0.8;}