@charset "utf-8";

/** 고객센터 **/
.contact .cscenter {
                          *zoom : 1                     ;
}
.contact .cscenter:after {
                        content : ""                    ;
                        display : block                 ;
                          clear : both                  ;
}
.contact .cscenter ul {
                        display : block                 ;
                         margin : 0px                   ;
                        padding : 0px                   ;
                         height : 172px                 ;
                       overflow : hidden                ;
                     border-top : 2px solid #3e5599     ;
                  border-bottom : 1px solid #d8d8d8     ;
                list-style-type : none                  ;
}
.contact .cscenter ul li {
                        display : block                 ;
                          float : left                  ;
}
.contact .cscenter ul li.cnt {
                          width : 233px                 ;
                         height : 172px                 ;
}
.contact .cscenter ul li.cnt.cs1 {
                     background : #fff url('../img/contact_img_call.gif') no-repeat center 24px ;
}
.contact .cscenter ul li.cnt.cs2 {
                     background : #fff url('../img/contact_img_wifi.gif') no-repeat center 24px ;
}
.contact .cscenter ul li.cnt.cs3 {
                     background : #fff url('../img/contact_img_clock.gif') no-repeat center 24px ;
}
.contact .cscenter ul li.sep {
                     margin-top : 44px                  ;
                          width : 1px                   ;
                         height : 84px                  ;
                     background : #d8d8d8               ;
}
.contact .cscenter ul li.cnt .tit {
                        display : block                 ;
                         margin : 85px 0px 0px 0px      ;
                      font-size : 15px                  ;
                    line-height : 27px                  ;
                    font-weight : bold                  ;
                          color : #3e5599               ;
                     text-align : center                ;
}
.contact .cscenter ul li.cnt .cnt {
                        display : block                 ;
                      font-size : 17px                  ;
                    line-height : 24px                  ;
                          color : #484848               ;
                     text-align : center                ;
}
.contact .cscenter ul li.cnt .sub {
                        display : block                 ;
                      font-size : 11px                  ;
                    line-height : 16px                  ;
                          color : #484848               ;
                     text-align : center                ;
}

/** 온라인 문의 **/
.contact .request {
                          *zoom : 1                     ;
}
.contact .request:after {
                        content : ""                    ;
                        display : block                 ;
                          clear : both                  ;
}
.contact .request h4 {
                  margin-bottom : 10px                  ;
}
.contact .request .text {
                    line-height : 28px                  ;
}

/** 오시는 길 **/
.contact .location>ul {
                       position : relative              ;
                        display : block                 ;
                         margin : 0px                   ;
                        padding : 53px 0px 0px 0px      ;
}
.contact .location>ul>li {
                        display : block                 ;
}
.contact .location>ul>li h5 {
                        display : block                 ;
                       position : absolute              ;
                            top : 0px                   ;
                         margin : 0px                   ;
                        padding : 0px                   ;
                         height : 33px                  ;
}
.contact .location>ul>li h5 a {
                        display : block                 ;
                         margin : 0px                   ;
                        padding : 0px                   ;
                         height : 33px                  ;
                      font-size : 14px                  ;
                    line-height : 33px                  ;
                    font-weight : bold                  ;
                          color : #3e5599               ;
                     text-align : center                ;
               background-color : #d8d8d8               ;
}
.contact .location>ul>li.active h5 a {
                          color : #ffffff               ;
               background-color : #3e5599               ;
}
.contact .location>ul>li.c01 h5 {
                           left : 0px                   ;
                          width : 351px                 ;
}
.contact .location>ul>li.c02 h5 {
                           left : 351px                 ;
                          width : 352px                 ;
}
.contact .location>ul>li .cnt {
                        display : none                  ;
}
.contact .location>ul>li.active .cnt {
                        display : block                 ;
}

.contact .location>ul>li .cnt div.map {
                         height : 430px                 ;
                       overflow : hidden                ;
                         border : 1px solid #d8d8d8     ;
}
.contact .location>ul>li .cnt div.map iframe {
                        display : block                 ;
                          width : 701px                 ;
                         height : 430px                 ;
                         border : 0px                   ;
                       overflow : hidden                ;
}
.contact .location>ul>li .cnt>ul {
                         margin : 0px                   ;
                        padding : 0px                   ;
                list-style-type : none                  ;
}
.contact .location>ul>li .cnt>ul>li {
                        display : block                 ;
                         margin : 20px 0px 0px 0px      ;
                        padding : 0px 0px 0px 22px      ;
                     min-height : 17px                  ;
                      font-size : 13px                  ;
                    line-height : 15px                  ;
                          color : #393939               ;
}
.contact .location>ul>li .cnt>ul>li.adr {
                     background : #fff url('../img/contact_icon_location.gif') no-repeat left top ;
}
.contact .location>ul>li .cnt>ul>li.bus {
                     background : #fff url('../img/contact_icon_bus.gif') no-repeat left top ;
}
.contact .location>ul>li .cnt>ul>li.sbw {
                     background : #fff url('../img/contact_icon_subway.gif') no-repeat left top ;
}
.contact .location>ul>li .cnt>ul>li span.tit {
                    font-weight : bold                  ;
                          color : #394396               ;
}
.contact .location>ul>li .cnt>ul>li>ul {
                         margin : 5px 0px 0px 0px       ;
                        padding : 0px                   ;
                list-style-type : none                  ;
}
.contact .location>ul>li .cnt>ul>li>ul>li {
                        display : block                 ;
                         margin : 0px                   ;
                        padding : 0px                   ;
                      font-size : 13px                  ;
                    line-height : 23px                  ;
                          color : #393939               ;
}
.contact .location>ul>li .cnt>ul>li>ul>li span.name {
                        display : inline-block          ;
                          width : 180px                 ;
}
.contact .location>ul>li .cnt>ul>li>ul>li span.desc {
                        display : inline-block          ;
                          width : 180px                 ;
}
.contact .location>ul>li .cnt>ul>li>ul>li span.link {
                        padding : 0px 0px 0px 10px      ;
                     background : #fff url('../img/contact_icon_arrow.gif') no-repeat left 6px ;
}
.contact .location>ul>li .cnt>ul>li>ul>li span.link a {
                          color : #3e5599               ;
                  border-bottom : 1px solid #b4bad2     ;
}
.contact .location>ul>li .cnt>ul>li>ul>li span.link a:visited {
                          color : #3e5599               ;
}