@charset "utf-8";

@font-face {
 font-family: 'NanumGothic';
 font-style: normal;
 src: url('./NanumGothic.eot');
 src: url('./NanumGothic.eot#iefix') format('embedded-opentype'),

}

/* 사용자 CSS 시작 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, em, img, i, dl, dt, dd, ol, ul, li, i, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, div, header, nav, section, summary, audio, video {margin: 0;	padding: 0;	border: 0;}
ol, ul {list-style: none;}
b {font-weight: bold}
table {border-collapse: collapse; border-spacing: 0;}
/* ClearFix */
.cf:after {content:''; display:block; clear:both}
.cf {*zoom:1}
.blind {overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0;}
.hidden {visibility: hidden; line-height: 0; font-size: 0; width: 0; height: 0;}
.fr {float:right;}
.fl {float:left;}
.relative {position:relative;}
.mr20 {margin-right:20px}

#Wrap {}
.inner {position:relative; width:1150px; margin:0 auto;}
#header {font-family:'나눔 고딕','NanumGothic','맑은 고딕','Malgun Gothic','dotum';color:#666;font-size:12px; padding:0px; margin:0px;text-align:center;letter-spacing:normal;-webkit-text-size-adjust:none; background:#fff;position:relative; z-index:100; height:180px;}
#header .inner .top-logo {padding:30px 0 0 0 ;}
#header .inner p {float:left; margin-top:-50px}
#header .inner .top-menu {float:right; margin-right:15px ;}
#header .inner .top-menu li {display: inline-block;}
#header .inner .top-menu li a {text-decoration: none; font-size:16px; padding:5px;}

#nav {width:100%; position:absolute; height:54px; background:#be1e50; margin-top:10px;}
#nav .nav-1st {width:1150px; margin:0 auto; text-align:center;}
#nav .nav-1st li {float:left; width:287px; height:54px; overflow:hidden;}
#nav .nav-1st li a {display:block; background:#a5103e; padding:16px 0 0 0; height:38px; color:#fff; font-size:16px; margin-right:1px; }
#nav .nav-1st li:hover a {background:#800229; text-decoration: none;}
#nav .nav-1st li .back {background:#fff; overflow:hidden; height:100%;}
#nav .nav-1st .nav-2st {margin:20px 0 0 0px;}
#nav .nav-1st .nav-2st li {height:30px;}
#nav .nav-1st .nav-2st li a {display:block; height:26px; padding:0; font-size:14px; color:#666; background:none;}
#nav .nav-1st .nav-2st li a:hover {color:#800229;}
.nav-bg {position:absolute; top:-180px; z-index:10; width:100%; background:#fff; height:330px; opacity: 0.95; filter:alpha(opacity:95);}


#visual-box {height:607px; overflow:hidden; position:relative; min-width:1150px;}
#visual-box .visual-in {width:100%; min-width:1024px; height:607px; position:absolute; left:50%; top:0; margin-left:-1280px;}
#visual-box .main-visual-img {}
#visual-box .main-visual-img li{height:607px;}
#visual-box .main-visual-img li img {}

.visual-control {position:absolute; bottom:-520px; left:42px; width:166px; height:22px; padding:5px 0 0 13px;}
.visual-control li {float: left; margin-right:6px;}
.visual-control li a {display:inline-block;}
.visual-control .slide-pager {display: inline-block; background:url('../img/control_2.png'); width:23px; height:23px; }
.visual-control .usl-current {display: inline-block; background:url('../img/control_1.png'); width:67px; height:23px;}


#main-banner {position:relative; top:-45px;}
#main-banner .section-tit {background-color:#a5103e; color:#fff; text-align:center; font-size:22px; font-weight:bold; border-top-left-radius:30px;; border-top-right-radius:30px; padding:17px; }
#main-banner ul li {float:left; position:relative;}
#main-banner ul li a {}
#main-banner ul li a img {}


#main-banner .service-item {}
#main-banner .service-item li {float:left; position:relative; overflow:hidden;}
#main-banner .service-item li .in-box {position: absolute; top:0; left:0; background:#fff; opacity: 0; filter:alpha(opacity=0); width:100%; height:100%; cursor: pointer;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#main-banner .service-item li:hover .in-box {opacity: 0.7; filter:alpha(opacity=70);}
#main-banner .service-item li .box-arrow {position:absolute; left:-100px; top:80px; cursor: pointer;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} /*left 87*/
#main-banner .service-item li:hover .box-arrow {left:140px;}

#main-banner .service-item-2 li {float:left; position:relative; overflow:hidden;}
#main-banner .service-item-2 li .in-box {position: absolute; top:0; left:0; background:#fff; opacity: 0; filter:alpha(opacity=0); width:100%; height:100%; cursor: pointer;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#main-banner .service-item-2 li:hover .in-box {opacity: 0.7; filter:alpha(opacity=70);}
#main-banner .service-item-2 li .box-arrow {position:absolute; left:-100px; top:70px; cursor: pointer;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} /*left 87*/
#main-banner .service-item-2 li:hover .box-arrow {left:230px;}



#footer {background:#505050; color:#cbcbcb;  min-width:1150px;}
#footer .inner {font-family:'NanumGothic','Malgun Gothic','dotum' !important; font-size:16px;}
#footer .customer-center {background:#eee; text-align: center; padding:70px 0;}
#footer .customer-center .h2-tit {font-size:38px; letter-spacing: -3px; padding: 0 0 20px 0; color:#505050; font-weight: 300}
#footer .customer-center .h2-cmt {font-size:16px; letter-spacing: 1px; color:999; color:#6d6d6d;}
#footer .customer-center .foot-sec {margin-top:20px;}
#footer .customer-center .foot-sec .sec-box {width:370px; height:200px; background:#fff; margin-top:20px; text-align : left; color:#555;}
#footer .customer-center .foot-sec .sec-box2 {width:370px; height:200px; background:#fff; margin-top:20px; text-align : left; color:#555;}

.sec-box {line-height: 135%}
.sec-box h3 {color:#be1e50; font-size:24px; letter-spacing: -1px; padding:25px 0 20px 35px; line-height: }
.sec-box .open-time {padding:0 0 0 35px;}
.sec-box .open-time dt {float:left; width:150px; clear:both; padding:3px 0; font-size:14px}
.sec-box .open-time dd {float:left; padding:2px 0; font-size:14px}
.sec-box .open-time dd .holiday {display:inline-block; color:#fff; background:#000; font-size:11px; padding:3px 16px; margin-left:3px;}
.sec-box .open-time dt .holiday {color:#be1e50}
.sec-box .cus-phone {position: relative; font-size:42px; letter-spacing: -1px; font-weight: bold; padding:10px 0 30px 35px;}
.sec-box .cus-phone img {position: absolute; right:15px; top:-30px}
.sec-box .phone-cmt {padding:0 35px 0 35px; font-size: 14px; line-height: 170%}
.sec-box .board-list {padding:0 30px 0 35px;}
.sec-box .board-list li {padding:0 0 8px 0;}
.sec-box2 {position: relative;}
.sec-box2 a {text-decoration: none}
.sec-box2 .blog {padding:30px 0 0 0; text-align: center;}
.sec-box2 h3 {color:#656565; font-size:24px; letter-spacing: -1px; padding:25px 0 15px 35px;}
.sec-box2 p {letter-spacing:-1px; padding:0px 0 20px 35px; font-size:14px; color:#686868;}
.sec-box2 img.ico {position: absolute; top:30px; right:26px;}


#sub-contents {}
#sub-contents .sub-visual-01 {background:url('../img/sub_visual_01.jpg') no-repeat 50% 0; height:188px;}
#sub-contents .sub-visual-02 {background:url('../img/sub_visual_02.jpg') no-repeat 50% 0; height:188px;}
#sub-contents .sub-visual-03 {background:url('../img/sub_visual_03.jpg') no-repeat 50% 0; height:188px;}
#sub-contents .sub-visual-04 {background:url('../img/sub_visual_04.jpg') no-repeat 50% 0; height:188px;}
.left-con {width:260px; padding-top:45px; font-family:'나눔 고딕','NanumGothic','맑은 고딕','Malgun Gothic','dotum';}
.left-con .snb {margin-bottom:40px; letter-spacing:-1px;}
.left-con .snb li {border-bottom:solid 1px #e2e2e2; position:relative;}
.left-con .snb li.snb-tit{height:185px; background:url('../img/snb_top_bg.png') no-repeat; color:#fff;}
.left-con .snb li.snb-tit p {font-size:36px; padding:30px 0 0 27px; font-weight: 600; letter-spacing:-1px;}
.left-con .snb li.snb-tit span {display:block; padding:5px 0 0 30px;font-size:12px}
.left-con .snb li a {display:block; position: relative; font-size:15px; padding:16px 20px; color:#505050; cursor:pointer;}
.left-con .snb li a.active {color:#be1e50; left:10px;}
.left-con .snb li a:hover {text-decoration: none; color:#be1e50;}
.left-con .sub-banner {margin-bottom:50px}
.left-con .sub-banner .tit {background:#898397; font-size: 12px; padding:8px 0; text-align: center; color:#fff;}
.left-con .sub-slide {}
.left-con .sub-slide li {}


.right-con {padding-top:45px; margin-left:70px; width:820px; color:#505050;}
.right-con .location {border-bottom:solid 1px #e2e2e2; height:60px; position:relative; font-size: 32px;letter-spacing:-3px; padding:30px 0 0 0; font-family: "NanumGothic","Malgun Gothic","dotum" !important; margin-bottom:30px;}
.right-con .location span {position:absolute; right:0; bottom:20px; font-size: 12px;letter-spacing:0px;}
.right-con .location span b {color:#be1e50; font-weight: normal;}

.sub-con-in {font-family: "NanumGothic","Malgun Gothic","dotum" !important; font-size: 15px; padding-bottom:50px;}
.sub-con-in .table01 {width:100%; }
.sub-con-in .table01 tr th {width:40%; border:solid 1px #e2e2e2; font-weight: 300; color:#be1e50; padding:12px 0;}
.sub-con-in .table01 tr th.summary {background:#505050; color:#fff; border-top:none; font-weight: 600; padding:16px 0}
.sub-con-in .table01 tr td {border:solid 1px #e2e2e2; text-align: center}

.sub-con-in .table02 {width:100%; }
.sub-con-in .table02 tr th {width:60%; border:solid 1px #e2e2e2; font-weight: 300; color:#be1e50; padding:12px 0;}
.sub-con-in .table02 tr th.summary {background:#505050; color:#fff; border-top:none; font-weight: 600; padding:16px 0}
.sub-con-in .table02 tr td {border:solid 1px #e2e2e2; text-align: center}



.sub-con-in p.stit {font-size: 22px; font-weight: bold; line-height: 140% }
.sub-con-in .simg {padding:0 0 35px 0;}
.sub-con-in .simg img {width:100%;}
.sub-con-in p {margin-bottom:20px; line-height: 180%}
.sub-con-in p span {background:#be1e50; color:#fff; display: inline-block; padding:0px 8px; font-size:13px; border-radius: 6px;
    -webkit-border-radius: 6px;   -moz-border-radius: 6px; margin-right:3px;}
.sub-con-in p > span.call-center {font-size:18px; color:#fff; margin-top:5px;}
.sub-con-in .map {padding:1.5em 0;}
.box-fl {margin:5px 15px 15px 0; float: left; }

.parking {padding:15px 15px 15px 140px; background:#f4f4f4; border:solid 5px #e6e6e6; font-size: 15px; line-height: 180%; position: relative;}
.parking img {position: absolute; top:12px; left:25px;}
























#footer .customer-center .foot-sec .sec-box2 {width:370px; height:115px; background:#fff;margin-top:20px;}
#footer .foot-menu {border-bottom:solid 1px #626262;}
#footer .foot-menu ul {width:383px; }
#footer .foot-menu ul li {float:left;}
#footer .foot-menu ul li a {display:inline-block; padding:15px 13px; color:#cbcbcb; font-size:14px;}
#footer .copyright div {position:relative; line-height: 180%; font-size: 14px !important; padding:42px 0; color:#9e9e9e;}
#footer .copyright .inner .copy {font-size:13px; padding-top:20px;}
#footer .copyright .inner img {position:absolute; right:10px; top:60px;}