/***** 서브 케러셀 S *****/

#slider-area-s {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 230px;
}

/* 서브 캐러셀 텍스트 S */

.slider-taxt-s {
    text-shadow: none;
    text-align: right;
}

.slider-taxt-s h1 {
    margin: 153px 0 0 0;
    font-family: ngb, 'NanumGothicBold', sans-serif;
    color: rgba(255, 255, 255, 0.7);
    font-size: 35px;
    line-height: 1;
}

.slider-taxt-s h2 {
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 17px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.7);
    margin: 5px 0 0 0;
    padding-right: 2px
}

/* 서브 캐러셀 텍스트 E */

.slide-caption_h1 {
    -webkit-animation: 1s .2s fadeInRight both;
    -moz-animation: 1s .2s fadeInRight both;
    -ms-animation: 1s .2s fadeInRight both;
    -o-animation: 1s .2s fadeInRight both;
    animation: 1s .2s fadeInRight both;
}

.slide-caption_h2 {
    -webkit-animation: 1s .5s fadeInLeft both;
    -moz-animation: 1s .5s fadeInLeft both;
    -ms-animation: 1s .5s fadeInLeft both;
    -o-animation: 1s .5s fadeInLeft both;
    animation: 1s .5s fadeInLeft both;
}

/***** 서브 케러셀 E *****/


/***** 좌측메뉴 S *****/

.sp-ct-l-w {
    margin-top: 17px
}

.sn-w {
    width: 85%;
}

.sn-tt {
    background-color: #fff;
    padding: 19px 15px 21px;
    border-bottom: 1px solid #595959;
}

.sn-tt h1 {
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 20px;
    color: #777;
    text-align: center;
    line-height: 1;
    margin: 0;
}

.sn-tt .s-c-st {
    display: block;
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 11px;
    text-align: center;
    color: #b3b3b3;
    letter-spacing: 0.7px;
    padding-left: 0.7px;
    line-height: 1;
    margin-top: 6px;
}

.sn-sm {
    margin-top: 10px;
}

.sn-sm ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.sn-sm li {
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 12px;
    color: #8d8d8d;
    line-height: 1.3;
    padding: 12px 0 12px;
    cursor: pointer;
    border-bottom: solid 1px #dedede;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
}

.sn-sm li:hover,
.sn-sm li:focus,
.sn-sm li:active {
    background-color: #f5f5f5;
}

.sn-sm ul > li:last-child {
    border-bottom: none
}

/***** 좌측메뉴 E *****/

/***** 서브 고객센터 S *****/

.cts-cs-s {
    border: 1px solid #dbdbdb;
    text-align: center;
    padding: 13px;
    line-height: 1;
    margin: 30px 0;
}

.cs_tt-s {
    background-image: url(../../images/ptn_01.jpg);
    font-family: ngeb, 'NanumGothicExtraBold';
    letter-spacing: 1px;
    font-size: 16px;
    color: #fff;
    padding: 6px 0 6px 0;
    margin-bottom: 13px;
}

.cts-tel-in-s {
    display: inline-block;
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 18px;
    text-align: left;
}

.cts-tel-in-s a {
    color: #666;
}

.cts-cs-tel-t-s {
    display: inline-block;
    font-size: 15px;
    color: #818181;
    letter-spacing: 1.3px;
    border-right: 1px solid #d9d9d9;
    padding-right: 7px;
    margin-right: 9px;
}

.cts-cs-tel-f-s {
    display: inline-block;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #818181;
    border-right: 1px solid #d9d9d9;
    padding-right: 8px;
    margin-right: 9px;
}

.cs-nnb-s {
    letter-spacing: 0.1px;
}

.cs-nfb-s {
    letter-spacing: 0;
}

.cts-nc-h-cs-s {
    height: 8px;
    vertical-align: top
}

.mcs-line-s {
    margin-top: 12px;
    margin-bottom: 12px;
    border-top: 1px solid #d9d9d9;
}

.cts-cs-time-s {
    display: inline-block;
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
}

/***** 서브 고객센터 E *****/

/***** 서브 컨텐츠 오른쪽 전체 감싸는 DIV S *****/

.sp-ct-r-w {
    margin-top: 65px;
}

/***** 서브 컨텐츠 오른쪽 전체 감싸는 DIV E *****/

/***** 서브 내용 타이틀 S *****/

.sp-ct-r-tt {
    padding-bottom: 10px;
    margin-bottom: 65px;
    border-bottom: 1px solid #d4d4d4;
}

.r-tt-w {
    padding-left: 6px !important;
}

.r-tt-h {
    display: inline-block;
    font-family: ngeb, 'NanumGothicExtraBold';
    color: #8d8d8d;
    font-size: 17px;
    line-height: 1;
    margin: 0;
}

.circle-icon {
    display: inline-block;
    height: 17px;
    width: 17px;
    border: 5px solid #d9d9d9;
    border-radius: 50%;
    float: left;
    clear: both;
    margin-right: 7px;
}

.r-tt-bt {
    display: inline-block;
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 17px;
    color: #d9d9d9;
    line-height: 1;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #d4d4d4;
}

.sc-tt-r {
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 15px;
    color: #d9d9d9;
    text-align: right;
    line-height: 1;
    padding-right: 3px;
}

/***** 서브 내용 타이틀 E *****/

/***** 인사말 S *****/

.sp-ct-r-cts {
    margin: 10px 0 0 0;
    font-family: ngb, 'NanumGothicBold', sans-serif;
    line-height: 1
}

.sc-gr-img {
    margin: 40px 0 60px;
}

.sc-gr-img img {
    max-width: 100%;
    height: auto;
}

.r-cts-ct-txt {
    line-height: 2;
}

.r-cts-ct-txt-b {
    font-family: ngeb, 'NanumGothicExtraBold', sans-serif;
    line-height: 1.3;
}

.r-cts-ct-txt-img {
    float: left;
    margin: 7px 20px 6px 0;
}

.sc-gr-ceo {
    margin: 30px 0 0;
    text-align: right;
    line-height: 1.6;
}

.sc-gr-ceo-1-1 {
    display: inline-block;
    vertical-align: top;
    font-family: ngeb, 'NanumGothicExtraBold', sans-serif;
}

.sc-gr-ceo-1-2 {
    display: inline-block;
    vertical-align: top;
    padding-right: 3px;
}

/***** 인사말 E *****/

/***** 연혁 S *****/

.sp-ct-r-his {
    margin: 10px 0 45px 0;
    padding-left: 35px;
}

.sp-ct-r-his h1 {
    font-size: 50px;
    color: #ccc;
    line-height: 1;
    margin: 0;
    letter-spacing: 5px;
}

.r-ct-his-w {
    padding: 6px 15px 2px 30px;
    border-left: solid 1px #dedede;
}

.r-ct-his-yr {
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 30px;
    line-height: 1;
    text-align: center;
}

.yr-h-2017 {
    padding-top: 25px;
}

.yr-h-2016 {
    padding-top: 25px;
}

.yr-h-2015 {
    padding-top: 25px;
}

.tt-border-s {
    width: 70px;
    height: 1px;
    display: block;
    margin: 10px 0;
    background-color: #8b9eb8;
}

.r-ct-his-ct {
    width: 100%;
    display: inline-block;
    line-height: 1.5;
}

.r-ct-his-ct ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.r-ct-his-ct li {
    float: left;
}

.r-ct-his-ct-n {
    font-family: ngeb, 'NanumGothicExtraBold';
    width: 8%;
}

.r-ct-his-ct-txt {
    width: 92%;
}

.r-ct-his-line {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    border-top: 1px solid #e0e0e0 !important;
}

/***** 연혁 E *****/

/***** 오시는 길 S *****/

.sp-map {
    margin-top: 15px;
}

.loca-mt {
    height: 35px;
}

.loca-1 {
    font-family: ngeb, 'NanumGothicExtraBold';
    letter-spacing: 6px;
    text-align: right;
    line-height: 1;
    padding-top: 35px;
}

.loca-pr-0 {
    padding-right: 5px;
}

.tf-w {
    line-height: 1;
    border-left: solid 1px #dedede;
    padding: 2px 0 6px 20px;
}

.add-1 {
    line-height: 1.6;
}

.add-1-1 {
    display: inline-block;
    vertical-align: top;
    width: 8px;
}

.add-1-2 {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

.stf-1 {
    margin-top: 10px;
}

.laca-t {
    display: inline-block;
    vertical-align: top;
    border-right: solid 1px #C6C6C6;
    padding-right: 13px;
    margin-right: 13px;
}

.laca-f {
    display: inline-block;
    vertical-align: top;
}

/***** 오시는 길 E *****/

/***** 사업영역 S *****/

.spc-211-w img {
    max-width: 100%;
    height: auto;
}

.spc-212-w {
    margin: 40px 0 20px;
    font-family: ngb, 'NanumGothicBold', sans-serif;
    line-height: 1;
}

.spc-213-w {
    text-align: center;
    padding: 15px 15px 30px;
    border: solid 1px #d9d9d9;
}

.spc-213-1 img {
    max-width: 100%;
    height: auto;
}

.spc-213-2 {
    margin: 25px 0 20px;
    padding: 0 5px 20px;
    font-family: ngeb, 'NanumGothicExtraBold', sans-serif;
    line-height: 1.3;
    border-bottom: solid 1px #ccc;
}

.spc-213-3 {
    padding: 0 3px;
    line-height: 1.8;
    text-align: left
}

/***** 사업영역 E *****/

/***** 사업소개 S *****/

.spc-tt-1-w {
    line-height: 1;
}

.spc-tb-1 {
    display: inline-block;
    vertical-align: top;
    font-family: ngb, 'NanumGothicBold', sans-serif;
    border-right: solid 1px #dbdbdb;
    margin-right: 13px;
    padding: 0 13px 1px 0;
    line-height: 1;
}

.spc-ts-1-w {
    display: inline-block;
    vertical-align: top;
    font-family: ngb, 'NanumGothicBold', sans-serif;
    font-size: 15px;
    margin: 8px 0 0 0;
}

.spc-ts-1-2 {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 0;
}

.spc-ti-1-w {
    margin: 30px 0 60px;
}

.spc-ti-1-w img {
    max-width: 100%;
    height: auto;
}

.spc-222-w {
    border-left: solid 1px #dbdbdb;
    margin-left: 20px;
    padding: 15px 0 15px 35px;
}

.spc-221-w {
    text-align: left;
}

.spc-221-1 {
    font-family: ngeb, 'NanumGothicExtraBold', sans-serif;
    padding: 13px 5px 12px;
}

.spc-221-2 img {
    max-width: 100%;
    height: auto;
}

.spc-2221-w {
    margin-bottom: 18px;
}

.spc-2221-wz {
    margin-bottom: 0;
}

.spc-2221-1 {
    display: inline-block;
    vertical-align: top;
    font-family: ngeb, 'NanumGothicExtraBold', sans-serif;
    /*width: 27px;*/
}

.spc-2221-2 {
    display: inline-block;
    vertical-align: top;
    width: 92%;
}

/***** 사업소개 E *****/


.mmvo {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.mmvo iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.mvvv-1 {
    margin-top: 50px;
}

.mmvox {
    text-align: center;
    margin-top: 10px;
}


