/* BASIC css start */
.btnTop { position: fixed; right: 20px; bottom: 20px; z-index: 999;}
.btnTop i { color:#121212; font-size: 30px; }
#preview_wrap { display:none; }
#allwrap { width: 1200px; margin: 0 auto; }

/* gnb */
.gnb { position: fixed; top: 0; height: 34px; line-height: 34px; z-index:100; width: 100%; background-color: #fff; }
.gnb,
.gnb a { font-size: 11px; letter-spacing: 0.1em;  }
.gnb a:hover { color: #111; text-decoration: underline; }
.gnb .gnbWrap { width: 1200px; margin: 0 auto; }
.gnb .gnbWrap .gnb-list { float: left; }
.gnb .gnbWrap .gnb-list li.menu { position: relative; float: left;  padding-right: 45px;}
.gnb .gnbWrap .gnb-list .subbox { display: none; width: 130px; padding: 5px 0 5px 15px; position: absolute; left: -15px; top: 34px;  background-color: #f8f8f8;  line-height: 24px;  border: 1px solid #e9e9e9; }
.gnb .gnbWrap .gnb-list .subbox a { display: block; color: #777 !important; }
.gnb .gnbWrap .gnb-list .subbox dd { line-height: 26px; padding: 0 20px; }
.gnb .gnbWrap .gnb-list .subbox dd:hover { background: #555; }
.gnb .gnbWrap .gnb-list .subbox dd:hover a { color: #eee !important; }
.gnb .gnbWrap .cs-list{ zoom:1; float: right; text-align: right; }
.gnb .gnbWrap .cs-list:after { content: ""; display: block; clear: both; }
.gnb .gnbWrap .htMenu { float:left; }
.gnb .gnbWrap .htMenu a { margin-right: 20px; }
.gnb .gnbWrap .htMenu a span { color:#121212; }
.gnb .gnbWrap .htSch { float:right; }
.gnb .gnbWrap .htSch i { font-size: 13px; }
.gnb .gnbWrap .htSch .fa-plus { color:#121212; padding-left: 10px;}
.gnb .gnbWrap .MS_search_word { border: 0px none; border-bottom: 1px solid #b5b5b5; width:140px; height: 16px;}
.gnb.act { border-bottom:1px solid #ddd; }

#header { zoom:1; margin: 70px 0 40px; }
#header a { font-size: 11px; letter-spacing: 0.1em; }
#header a:hover { color: #111; text-decoration: underline; }
#header:after { content:" "; display:block; clear:both; }
#header .hdLeft { float: left; }
#header .hdLeft h1 { float:left; padding-top: 0; }
#header .hdRight { float: right; }
#header .hdRight .htMenu { float:left; }
#header .hdRight .htMenu a { margin-right: 20px; }
#header .hdRight .htMenu a span { color:#121212; }
#header .hdRight .htSch { float:right; }
#header .hdRight .htSch i { font-size: 13px; }
#header .hdRight .htSch .fa-plus { color:#121212; padding-left: 10px;}
#header .hdRight .MS_search_word { border: 0px none; border-bottom: 1px solid #b5b5b5; width:140px; height: 16px;}
#header .hdRight .htSns { clear:both; float: right; margin-top: 115px; }
#header .hdRight .htSns a { padding-left: 16px; }

#side_left,
#side_left a { font-size: 11px; letter-spacing: 0.1em; }
#side_left a:hover { color:#121212; text-decoration: underline; }
#side_left ul { padding-top: 30px; }
#side_left ul li { line-height: 20px; }
#side_left ul li.csTel { font-size: 14px; color: #121212; }
#side_left ul li a { display: block; }
#side_left .blk a { color:#121212; }

.customer, .bank, .community{border-top:1px solid #ddd; margin-top:20px;}

/* 서브 배너 */
.sub_visual { zoom: 1; position: relative; height: 230px; overflow: hidden; margin-top:30px; }
.sub_visual:after { content: " "; display: block; clear: both; }
.sub_visual .sub_banner { padding-top: 0 !important; }
.sub_visual .sub_banner li { float: left; }
.sub_visual .btnPrev, 
.sub_visual .btnNext  { position: absolute; top: 50%; z-index: 99; cursor: pointer; margin-top: -19px; }
.sub_visual .btnPrev { left: 5px }
.sub_visual .btnNext  { right: 5px; }
/* BASIC css end */