/* COMMON */
.sub-visual { height: 240px; text-align: center; }
.sv1 { background: url('/renewal/img/sub/sv1.png') no-repeat center / cover; }
.sv2 { background: url('/renewal/img/sub/sv2.png') no-repeat center / cover; }
.sv3 { background: url('/renewal/img/sub/sv3.png') no-repeat center / cover; }
.sv4 { background: url('/renewal/img/sub/sv4.png') no-repeat center / cover; }
.sv5 { background: url('/renewal/img/sub/sv5.png') no-repeat center / cover; }
.sv6 { background: url('/renewal/img/sub/sv6.png') no-repeat center / cover; }
@media (max-width: 1024px){
    .sub-visual { height: 250px; }
}
@media (max-width: 768px){
    .sub-visual { height: 150px; }
}


/* Sub */
.sub-visual h2 { font-size: 55px; color: #fff; font-weight: normal; }
.sub-visual p { margin-top: 7px; font-size: 18px; color: rgba(255,255,255,.6); }
.sub-visual-dark h2 { color: #333 !important; }
.sub-section-tit { text-align: center; }
.sub-section-tit h3 { line-height: 30px; font-size: 40px; font-weight: 200; }
.sub-section-tit p { margin-bottom: 20px; line-height: 30px; font-size: 24px; color: #555555; font-weight: 400; }
.sub-section-tit strong { font-weight: bold; }
@media (max-width: 1024px){
    .sub-section-tit p { font-size: 17px; }
    .sub-section-tit h3 { font-size: 26px; }
}
@media (max-width: 768px){
    .sub-visual h2 { font-size: 24px; }
    .sub-visual p { font-size: 16px; }
    .sub-section-tit p { font-size: 16px; }
    .sub-section-tit h3 { font-size: 20px; }
}


/* Sub Page Local Nav */
.sub-nav { width: 100%; background: #0080a0; }
#home a { display: block; width: 65px; height: 45px; background: url('/renewal/img/icon/home.png') no-repeat center; }
.local-nav-box { border-right: 1px solid rgba(255,255,255,.2); }
.local-nav-box:first-child { border-left: 1px solid rgba(255,255,255,.2); }
.local-nav { position: relative; width: 220px; }
.local-nav li { padding-left: 30px; height: 45px; line-height: 45px; cursor: pointer; }
.local-nav li span { display: block; position: relative; width: 100%; height: 100%; color: #fff; font-size: 15px; }
.local-nav li span:before { content: ''; position: absolute; top: 0%; bottom: 0; right: 15px; margin: auto; width: 15px; height: 8px; background: url('/renewal/img/icon/local-nav-arrow.png') no-repeat center / cover;
     /* -webkit-transform: translateY(y);
     -ms-transform: translateY(y);
     transform: translateY(y); */
}
.sub-local { z-index: 110; overflow: hidden; max-height: 0; position: absolute; width: 100%; background-color: #ffffff; border: 1px solid #eeeeee;
    -webkit-transition: max-height ease-out .35s;
    -o-transition: max-height ease-out .35s;
    transition: max-height ease-out .35s;
}
.sub-local a,
.sub-local a span { display: block; color: #666666; font-size: 14px; }
.sub-local li { position: relative; }
.sub-local li:before { display: none; content: ''; position: absolute; top: 50%; right: 15px; width: 4px; height: 7px; background: url('/renewal/img/icon/local-nav-arrow.png') no-repeat center / cover;
     /* -webkit-transform: translateY(y);
     -ms-transform: translateY(y);
     transform: translateY(y); */
}
.sub-local li:hover { background-color: #f9f9f9; }
.sub-local li:hover:before { max-height: 500px; }
.local-nav > li:hover + ul,
.local-nav > li + ul:hover { max-height: 500px; }

@media (max-width:768px) {
    .local-nav-box { width: 50%; border-right: none; }
    .local-nav-box:last-child { border-left: 1px solid rgba(255,255,255,.2); }
    .local-nav { width: 100%; }
    .local-nav li { padding-left: 15px; }
    .sub-local li a { padding-right: 15px; padding-left: 15px; }
}



/* Sub Page Left Navigation */
/* .left-nav { float: left; width: 22.6%; } */
.left-nav { margin: auto; max-width: 1080px; }
.left-nav-wrap { position: absolute; max-width: 175px; width: 100%; }
.left-nav-wrap h3 { margin-bottom: 20px; padding-bottom: 26px; line-height: 23px; font-size: 23px; color: #666666; font-weight: 400; border-bottom: 1px solid #e5e5e5; }
.left-nav-wrap ul li { margin-bottom: 18px; }
.left-nav-wrap ul li:last-child { margin-bottom: 0; }
.left-nav-wrap ul li a { display: block; font-size: 16px; color: #666666; }
.left-nav-wrap ul li.on a { color: #0080a0; font-weight: 500; background: url('/renewal/img/icon/my-on.png') no-repeat right 1px center; }
.left-nav-wrap .bottom { margin-top: 26px; padding: 14px 0 16px; line-height: 1.55; font-size: 14px; color: #9a9a9a; font-weight: 300; border-top: 2px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.left-nav-wrap .bottom .t { display: block; margin-bottom: 8px; font-weight: 700; }
.left-nav-wrap .bottom .icon { display: inline-block; padding-left: 2px; width: 11px; height: 11px; }


/* .contents { float: right; width: 77.4%; } */
.container._left { padding-left: 245px; }


@media (max-width:1024px) {
    .left-nav-wrap { display: none; }
    .container._left { padding-left: 15px; }
}




/* COMMON */
.sub-title,
.sub-title-bor { line-height: 34px; font-size: 35px; color: #333333; }
.sub-title-bor { padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.circle-title { padding-left: 34px; font-weight: 24; line-height: 40px; font-weight: 500; background: url('/renewal/img/icon/circle-title.png') no-repeat left center; }


/* font set */
.sub-section { margin-bottom: 78px; padding-bottom: 64px; border-bottom: 1px solid #e5e5e5; }
.sub-section-last { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none; }
.sub-title:first-child:not(.lh35) { margin-top: -5px; }
.sub-title { line-height: 45px; text-align: center; font-size: 35px; font-weight: 200; }
.sub-title + .pr-wrap { margin-top: 30px; }
.sub-title-medium { text-align: center; font-weight: 200; font-size: 24px; }
.sub-title-small { margin-top: -3px; margin-bottom: 12px; text-align: center; }
.inner-title { margin: 45px 0 18px; line-height: 24px; font-size: 24px; }
.inner-title + .pr { margin-bottom: -4px; line-height: 24px; }
.pr { margin-bottom: 10px; line-height: 25px; font-size: 16px; color: #555555; }
.pr:last-child { margin-bottom: 0; }

.align-left { text-align: left; }
.align-center { text-align: center; }

.lh35 { line-height: 35px; }
@media (max-width:1024px) {
    .sub-title { line-height: 35px; font-size: 25px; }
    .sub-title-medium { font-size: 20px; }
    .sub-title-small { font-size: 17px; }
    .pr { margin-bottom: 8px; line-height: 24px; font-size: 15px; }
}
@media (max-width:768px) {
    .sub-section { margin-bottom: 45px; padding-bottom: 35px; }
    .sub-title { line-height: 25px; font-size: 20px; }
    .sub-title-medium { font-size: 18px; }
    .sub-title-small { font-size: 16px; }
    .pr { margin-bottom: 6px; line-height: 22px; font-size: 14px; }
}


/* table set */
.border-blue { border-top: 2px solid #2f5690; }
.table { margin-top: 16px; border-collapse: collapse; width: 100%; }
.table tr { border-bottom: 1px solid #e5e5e5; }
.table tr th { font-size: 16px; font-weight: 500; }
.t-side th { padding: 5px; width: 20%; border-right: 1px solid #e5e5e5; }
.t-side td { padding: 24px 28px 24px; }

@media (max-width:768px) {
    .table tr th { font-size: 14px; }
    .table tr td { font-size: 14px; }
    .t-side td { padding: 18px 20px; }
}



/* sub-page banner set */
.ban { background: url('/renewal/img/sub/ban.png') no-repeat center / cover; }
.ban-inner { display: block; padding: 48px 0; width: 100%; height: 100%; }
.ban-inner .container { position: relative; padding-right: 195px; }
.ban-inner h6 { line-height: 31px; font-size: 23px; color: #fff; font-weight: 300; }
.ban-inner .a-link { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }
.a-link { display: inline-block; position: relative; padding: 0 40px 0 30px; width: 195px; height: 60px; line-height: 60px; font-size: 18px; font-weight: 500; font-style: normal; }
.a-link:after { content: ''; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 8px; height: 16px; background: url('/renewal/img/icon/a-link-light.png') no-repeat; }

@media (max-width:768px) {
    .ban-inner { padding: 20px 0; }
    .ban-inner .container { padding-right: 15px; text-align: center; }
    .ban-inner .a-link { position: relative; margin-top: 15px; width: 100%; height: 50px; line-height: 50px; font-size: 15px; }
    .ban-inner h6 { line-height: 26px; font-size: 16px; }
}



/* 회사소개 */
.mw-ul { display: flex; justify-content: space-around; margin: -20px -10px -10px; padding-top: 100px; background: url('/renewal/img/sub/about/mw-bg.png') no-repeat top center; }
.mw-ul > li { padding: 0; }

@media (max-width:768px) {
    .mw-ul { flex-wrap: wrap; padding-top: 60px; background-size: 680px; }
    .mw-ul > li { padding: 10px 0; width: 50%; }
}
@media (max-width:550px) {
    .mw-ul { padding-top: 30px; background-size: 430px; }
    .mw-ul > li:nth-child(1) img,
    .mw-ul > li:nth-child(3) img,
    .mw-ul > li:nth-child(4) img { width: 134px; height: auto; }
    .mw-ul > li:nth-child(2) img { width: 156px; height: auto; }
}




/* 인사말 */
/* .ceo { margin-top: 40px; padding: 29px 310px 63px 0; height: auto; } */
/* .ceo strong { margin-bottom: 14px; line-height: 40px; font-size: 40px; font-weight: bold; } */
/* .ceo p:first-child  { margin: 24px 0 40px; line-height: 42px; font-size: 32px; font-weight: 200; } */
.ceo { margin-top: -57px; }
.ceo h2 { margin: 36px 0 25px; line-height: 25px; font-size: 23px; }
.ceo p { margin-bottom: 19px; line-height: 25px; font-size: 16px; color: #555555; letter-spacing: 0.08em; }
.ceo p:last-child { margin-bottom: 0; text-align: right; }

@media (max-width:768px) {
    .ceo { }
    .ceo h2 { line-height: 31px; font-size: 20px; }
    .ceo p { line-height: 22px; font-size: 14px; }
    .ceo p:first-child { line-height: 24px; font-size: 14px; }
    .ceo p:last-child { font-size: 13px; }
}





/* 대표세무사 */
.acct-row { padding: 80px 0 70px; border-bottom: 1px solid #e5e5e5; }
.acct-row:first-child { padding-top: 35px; }
.acct-row:last-child { padding-bottom: 0; border-bottom: none; }

.picture { display: inline-block; vertical-align: top; width: 36%; }
.profile { display: inline-block; vertical-align: top; width: 64%; }

.pic { display: inline-block; overflow: hidden; position: relative; box-shadow: 0px 5px 15px 0px rgba(0,0,0,.2); }
.pic::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }

.profile h3 { padding: 24px 0 18px; font-size: 24px; font-weight: 400; }
.profile p { margin-bottom: 14px; line-height: 24px; color: #555555; }
.profile p:last-child { margin-bottom: 0; }

.row-bottom { margin: 0 -10px; padding-top: 20px; }
.li-title { display: block; margin-bottom: 14px; }

.career-ul{ list-style-image: url('/renewal/img/sub/about/jum.png'); }
.career-ul li { margin-bottom: 13px; margin-left: 10px; color: #666666; }
.career-ul li:last-child { margin-bottom: 0; }

.block-ul li { padding: 2px !important; }
.block { display: block; padding: 8px 10px; line-height: 20px; font-style: normal; text-align: center; color: #555555; border: 1px solid #e5e5e5; border-radius: 3px; }
[data-grid="top"] { margin-top: -130px; }


/* @media(min-width:601px){
    .row-bottom .grid > li:nth-child(2) { padding-left: 25px; }
} */
@media (max-width:768px) {
    .acct-row { padding: 45px 0 40px; }
    .profile { width: 100%; }
    .profile h3 { font-size: 18px; }
    .profile p { line-height: 20px; font-size: 14px; }
    .li-title { font-size: 15px; }
    .career-ul li { margin-bottom: 10px; font-size: 14px; }
    .block-ul li { font-size: 14px; }
}

@media (max-width:600px) {
    .row-bottom ul > li { padding-right: 0; padding-left: 0; }
    [data-grid="top"] { margin-top: 0; }
}







/* CI */
.ci-top { margin-top: 24px; box-shadow: 0px 11px 20px 0px rgba(0,0,0,.1); }
.ci-download { margin-bottom: 2px; }
.ci-download ul { margin-top: 26px; text-align: center; }
.ci-download ul li { display: inline-block; position: relative; padding: 0 40px; }
.ci-download ul li:first-child:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; height: 19px; background: #e5e5e5; }
.ci-download ul li a { position: relative; padding: 0 26px; }
.ci-download ul li a:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 17px; height: 14px; background: url('/renewal/img/icon/download.png'); }
.ci-1 { background: url('/renewal/img/sub/about/ci-1.png') no-repeat left center; }
.ci-2 { background: url('/renewal/img/sub/about/ci-2.png') no-repeat left center; }

.ci-row ol { margin-left: 14px; }
.ci-row ol li { padding-left: 2px; line-height: 24px; color: #555555; }

.left-side span { display: inline-block; vertical-align: top; padding-right: 30px; line-height: 24px; color: #555555; }
.left-side p { display: inline-block; line-height: 24px; max-width: 680px; color: #555555; }

.color { margin-top: 45px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.color-ul { margin: auto; padding: 20px 0; max-width: 620px; }

@media (max-width:768px) {
    .ci-download ul li { padding: 0 10px; }
    .ci-download ul li a { font-size: 14px; }
    .inner-title { line-height: 22px; font-size: 18px; }
    .ci-row ol li { line-height: 22px; font-size: 14px; }
}




/* 조직도 */
.org img { margin-top: 50px; }






/* 서비스 */
.title-line { display: block; margin: 26px 0 48px; width: 100%; height: 1px; background: #e5e5e5; }
.bg-light { background: #fafafa; }
.anchor { padding: 145px 0 140px; }
.sub-title + p.align-center { margin-top: 13px; }

._service .sub-title + .img { margin: 28px 0 -24px; }

@media (max-width:768px) {
    .anchor { padding: 70px 0; }
    ._service .sub-title + .img { margin-bottom: 0; }
}




/* 자료실 */
.bbs .sub-title { margin-bottom: 56px; }

._link { margin-top: -56px; }
.url { padding: 30px 0; border-bottom: 1px solid #e5e5e5; }
.url-wrap { position: relative; padding-right: 80px; }
.link-img { display: inline-block; vertical-align: middle; }
.url-text { display: inline-block; vertical-align: middle; padding-left: 35px; max-width: 500px; }
.url-text h3 { margin: 2px 0 11px; font-size: 23px; }
.link-go { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 80px; height: 80px; line-height: 80px;
    text-align: center; font-size: 16px; color: #0080a0; font-weight: 500;
    border-radius: 50%; border: 1px solid #0080a0;
}
.link-go:before { content: 'GO'; display: inline-block; vertical-align: middle; font-size: 16px; color: #0080a0; font-weight: 500; }
.link-go:after { content: ''; display: inline-block; vertical-align: middle; margin-left: 6px; width: 7px; height: 13px; background: url('/renewal/img/icon/link-go.png') no-repeat; }

@media (max-width:768px) {
    .url-wrap { padding-right: 0; }
    .url-text { padding-top: 15px; padding-left: 0; }
    .url-text h3 { font-size: 16px; }
    .link-go { display: block; position: relative; margin-top: 15px; width: 100%; height: 50px; line-height: 47px; border-radius: 0; }
    .link-go:before { font-size: 15px; }
}






/* 업무의뢰 및 상담 */
.inquiry-bottom { margin-top: 33px; }
.inquiry-bottom:after { content: ''; display: block; clear: both; }
.inquiry-bottom .text-wrap { float: left; }
.inquiry-bottom h3 { margin: 5px 0 8px; font-size: 29px; font-weight: 200; }
.inquiry-bottom table { font-size: 18px; color: #555555; }
.inquiry-bottom table th { padding: 2px 4px; font-weight: 700; }
.inquiry-bottom table td { position: relative; padding: 2px 28px 2px 4px; }
.inquiry-bottom table td:last-child { padding-right: 2px; }
.inquiry-bottom table .line { display: inline-block; vertical-align: middle; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; width: 1px; height: 12px; background: #b6b3a6; }
.btn-inquiry { float: right; display: inline-block; width: 325px; height: 100px; line-height: 100px;
    text-align: center; font-size: 33px; font-weight: bold; color: #fff;
    background: url('/renewal/img/sub/inquiry/btn-inquiry.png') no-repeat right -12px bottom -10px;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,.3); cursor: pointer;
}

.form-popup { display: none; z-index: 10000; position: fixed; top: 0; left: 0; padding: 5px; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
.form-popup-wrap { position: relative; margin: auto; padding: 60px 0 50px; max-width: 450px; max-height: 905px; height: 100%;  width: 100%; background: #fff; }
.popup-on { display: block; }

.form-popup-head { position: absolute; top: 0; left: 0; padding: 0 60px 0 20px; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #cccccc; }
.form-popup-head h3 { font-size: 24px; }
.close-form-popup { position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url('/renewal/img/icon/close-form-popup.png') no-repeat center; }
.close-form-popup:hover { background-color: rgba(180,180,180,.1); }

.form-popup-body { overflow-x: hidden; overflow-y: auto; height: 100%; }
.form-box { padding: 27px 40px 25px; border-bottom: 1px solid #e5e5e5; }
.box-label { display: block; margin-bottom: 6px; line-height: 18px; font-size: 18px; font-weight: bold; cursor: text; }
.input-row { margin: 5px 0; }
.input-row input,
.input-row select { padding: 0 18px; width: 100%; height: 45px; font-size: 16px; font-weight: 400; }
.input-row input::placeholder,
.input-row select::placeholder,
.input-row textarea::placeholder { color: #aaaaaa; }
.input-row input:-ms-input-placeholder,
.input-row select:-ms-input-placeholder,
.input-row textarea:-ms-input-placeholder { color: #aaaaaa !important; }
.input-row input::-ms-input-placeholder,
.input-row select::-ms-input-placeholder,
.input-row textarea::-ms-input-placeholder { color: #aaaaaa !important; }
.input-row .tel-box { margin-left: 0; width: 30%; }
.input-row .tel-box ~ span { width: 5%; text-align: center; }
.input-row .email-box:first-child { width: 35%; }
.input-row .email-box:last-child { padding-left: 0; width: 55%; }
.input-row textarea { padding: 10px 15px; width: 100%; height: 115px; font-size: 16px; resize: none; }

.form-bottom { padding: 20px 40px 22px; }
.bottom-label { display: inline-block; vertical-align: top; padding: 18px 8px 0 0; line-height: 20px; font-size: 16px; color: #555555; font-weight: 500; cursor: text; }
.agree-box { display: inline-block; vertical-align: top; }
.agree-box .check { margin-top: 6px; }
.agree-content { overflow-x: hidden; overflow-x: auto; max-width: 260px; width: 100%; height: 85px; border: 1px solid #e5e5e5; }

.form-popup-foot { position: absolute; bottom: 0; left: 0; width: 100%; }
.form-popup-foot button { width: 100%; height: 50px; font-size: 16px; font-weight: 500; }


@media (max-width:768px) {
    .inquiry-bottom h3 { font-size: 18px; }
    .inquiry-bottom table { font-size: 14px; }
    .inquiry-bottom table td { padding-right: 20px; }
    .inquiry-bottom table .line { right: 8px; }
    .btn-inquiry { display: block; margin-top: 15px; width: 100%; height: 60px; line-height: 60px; font-size: 16px; }

    .close-form-popup { width: 50px; height: 50px; }
    .form-popup-head { height: 50px; line-height: 50px; }
    .form-popup-head h3 { font-size: 18px; }
    .form-box { padding: 20px; }
    .box-label { font-size: 16px; }
    .input-row input,
    .input-row select { height: 40px; font-size: 14px; }
    .input-row textarea { height: 90px; font-size: 14px; }

    .form-bottom { padding: 20px; }
    .bottom-label { padding: 0 0 15px 0; }
    .agree-box { width: 100%; }
    .agree-content { max-width: none; }
    .agree-content p { font-size: 13px !important; }
}





/* 오시는 길 */
.location .sub-title { margin-bottom: 48px; }

.map { font-size: 0; }
.map-frame{ width: 100%; height: 435px; }
.location { margin-bottom: 80px; }
.location:last-child { margin-bottom: 0; }
.location h3 { margin-bottom: 20px; line-height: 1; font-size: 30px; font-weight: 700; }
.location h3::before { content: ''; display: inline-block; vertical-align: bottom; margin-right: 8px; width: 29px; height: 33px; background: url('/renewal/img/icon/icon-building.png') no-repeat top left / 100%; }
.location-info { display: flex; margin-top: 20px; }
.location-info li { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-top: 15px; width: 50%; }
.location-info li:before { content: ''; display: block; margin-right: 24px; width: 85px; height: 85px; background-repeat: no-repeat; background-position: center; }
.location-info li:first-child:before { background-image: url('/renewal/img/sub/about/location/map-info1.png'); }
.location-info li:last-child:before { background-image: url('/renewal/img/sub/about/location/map-info2.png'); }
.location-info table { font-size: 16px; }
.location-info table th { padding: 4px 8px 4px 0; font-size: 19px; font-weight: 500; }
.location-info table td { padding: 4px 8px; color: #555555; }
.location-title { font-size: 19px; }
.location-title + p { margin-top: 6px; color: #555555; }

.location-img-bottom > div { display: inline-block; vertical-align: top; margin-top: 113px; width: 49.739583%; }
.location-img-bottom > div:first-child { margin-right: 0.520834%; }


.history { margin-top: 40px; }
.res { position: relative; }
.res_left { float: left; padding-top: 50px; width: 200px; }
.res_left p { font-size: 55px; line-height: 50px; color: #aaa; }
.res_left p:last-child { direction: rtl;  text-indent: 20px; text-align: right; color: #aaaaaa; }
.res_right {position: relative;margin-left: 260px;padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #e5e5e5;}
/* .res_right:nth-child(2) { margin-bottom: 50px; } */
.res_right:last-child { padding-top: 50px; padding-bottom: 0; border-bottom: none; }
.res:last-child .res_row:last-child { margin-bottom: 0; }
/* .res_right:last-child .res_row_title { top: 50px; } */
.res_row_title { position: absolute; top: 0; left: 0; float: left; width: 100px; font-size: 30px; font-weight: 500; line-height: 30px; color: #555555; }
.res_row_wrap { padding-left: 100px; width: 100%; }
.res_row_group .res_row { margin-bottom: 15px; }
.res_row_wrap .res_row { position: relative; margin-bottom: 20px; }
.res_row_wrap .res_row:last-child { margin-bottom: 40px; }
.res_row_wrap .res_row span:first-child { display: inline-block; vertical-align: top; width: 40px; font-size: 16px; color: #555555; }
.res_row_wrap .res_row span:last-child { position: absolute; left: 40px; font-size: 16px; color: #555555; }
.point_c { color: #116db6 !important; }




@media (max-width: 1024px){
    .map .map-frame{ height: 350px !important; }

    .location h3 { font-size: 20px; }
    .location h3::before { width: 22px; height: 25px; }

    .location-info > div:first-child,
    .location-info > div:last-child { float: none; margin-bottom: 35px; padding: 0; width: 100%; }
    .location-info > div > h2 { font-size: 15px; }
    .location-info > div > p { font-size: 14px; }
    .location-title { font-size: 16px; }
    .location-info table { font-size: 14px; }
    .location-info table th { padding: 2px 8px 4px 0; font-size: 16px; }
    .location-info table td { padding: 2px 8px; }

    .res_left { float: none; width: 100%; text-align: center; }
    .res_left p { display: inline-block; vertical-align: top; }
    .res_left p:last-child { direction: rtl;  text-indent: 20px; text-align: right; color: #aaaaaa; }
    .res_right { margin-left: 0px; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #e5e5e5; }
}
@media (max-width: 768px){
    .about-section1 { padding: 60px 0; }
    .sub-section-title { line-height: 25px; font-size: 20px; }

    .location-info { flex-direction: column; margin-top: 10px; }
    .location-info li { width: 100%; }
    .location-info li:before { margin-right: 20px; width: 70px; background-size: 70px auto; }
    .location-info div { flex: 1 1; }
    .location-title + p { line-height: 22px; font-size: 14px; }

    .map iframe{ height: 250px !important; }
    .location { margin-bottom: 45px; }
    .map .map-frame{ height: 250px !important; }
}
@media (max-width: 550px){
    .res_row_wrap { padding-left: 60px; }
    .res_right:last-child { padding-top: 25px; }
    .res_left p { line-height: 32px; font-size: 26px; }
    .res_row_title { font-size: 20px; }
    .res_row_wrap .res_row span:first-child,
    .res_row_wrap .res_row span:last-child { font-size: 14px; }
}
@media (max-width: 425px){
    .about { background-size: auto 320px; }
}


/* 제품 소개 */
.img-section .img-text { margin-top: -41px; }
.img-section h2 { margin-bottom: 20px; line-height: 42px; font-size: 32px; font-weight: 200; letter-spacing: -0.06em; }
.img-section h2 span { font-weight: bold; }
.img-section p { margin-bottom: 15px; line-height: 25px; font-size: 16px; color: #555555; }
.img-section p:last-child { margin-bottom: 0; }

.img-section2 { margin-top: -170px; height: 634px; background: url('/renewal/img/sub/product/img-section2.png') no-repeat center; }

@media (max-width: 1024px){
    .img-section h2 { line-height: 28px; font-size: 24px; }
    .img-section p { line-height: 24px; font-size: 15px; }
    .img-section2 { margin-top: -30px; height: 400px; background-size: cover; }
}
@media (max-width: 768px){
    .img-section .img-text { margin-top: 15px; }
    .img-section h2 { line-height: 24px; font-size: 20px; }
    .img-section p { line-height: 22px; font-size: 14px; }
    .img-section2 { height: 250px; }
}
@media (max-width: 550px){
    .img-section h2 br { display: none; }
    .img-section2 { height: 180px; }
}


/* 사업영역 */
.business-section1:after { content: ''; display: block; clear: both; }
.business-p { float: left; margin-top: 80px; width: 47%; }
.business-img { float: left; width: 53%; }
.business-img img { margin: 40px 0 0 30px; }
.business-p p { margin-bottom: 45px; line-height: 24px; color: #555555; }
.business-p p:last-child { margin-bottom: 0; }
.p-title { display: block; margin-bottom: 15px; font-size: 30px; font-weight: 200; }
.p-title strong { font-weight: bold; }

.business-section2 { margin-top: -85px; padding: 125px 0 120px;  background: url('/renewal/img/sub/business/business-section2.png') no-repeat center / cover; }
.cert-ul li { text-align: center; color: #fff; }
.cert-ul li img { margin: 0 auto -12px; }

.business-section3 { padding: 100px 0 0; }
.bs-ul li { text-align: center; }
.bs-ul li img { margin: auto; }
.bs-ul li p { padding: 0 40px; line-height: 24px; color: #555555; }
.bs-ul li strong { display: block; margin: 25px 0 10px; font-size: 20px; }


@media (max-width:1024px) {
    .business-p { padding-bottom: 60px; }
    .business-section2 { margin-top: -55px; }
}
@media (max-width:768px) {
    .business-section3 { padding: 60px 0; }
    .business-section2 { margin-top: 0; padding: 60px 0; }
    .business-img { display: none; }
    .business-p { float: none; width: 100%; }
    .business-p p { font-size: 15px; }
    .p-title { font-size: 24px; }
    .bs-ul li img { width: 140px; height: auto; }
    .bs-ul li p { font-size: 15px; }
    .bs-ul li strong { margin: 20px 0 7px; font-size: 18px; }
}


/* 자주하는 질문 */
.faq-top { margin: 0 0 20px; padding: 20px; border: 1px solid #e5e5e5; text-align: center; }
.faq-top p { font-size: 19px; color: #666666; }
.faq-top p span { font-size: 16px; }
.faq-top a { display: inline-block; margin-left: 50px; padding: 14px 20px 13px; color: #fff; background: #354157; }
.faq-top a i { display: inline-block; visibility: 0px; margin-right: 10px; width: 17px; height: 17px; background: url('/renewal/img/icon/inquiry-link-icon.png'); }
.faq-top-col { display: inline-block; vertical-align: middle; }


/* 자주하는 질문 */
.form-sub .formmail-table .th { width: 220px; border-right: 1px solid #e5e5e5; }
.form-sub .formmail-table .td { padding: 10px 30px; }
.form-sub .formmail-table .td .input[name="fname[3][]"] { max-width: none; }
.form-sub .form-btn-wrap .btn { width: 160px; }

@media (max-width:1024px) {
    .form-sub .formmail-table .th { width: 100%; }
    .form-sub .formmail-table .td { width: 100%; padding-right: 0px; padding-left: 0px; }
}
@media (max-width:768px) {
    .form-sub .formmail-table { margin-bottom: 25px; }
    .form-sub .formmail-table .th { width: 100%; border-right: none; }
    .form-sub .formmail-table .td { padding-top: 5px; }

    .agree-link-wrap { padding: 20px 15px; }
    .form-sub .agree-link-wrap a { margin-top: 15px; font-size: 15px; }
}
@media (max-width:550px) {
    .formmail-table .td input[type="text"],
    .formmail-table .td select { max-width: none; }
}
@media (max-width:425px) {
    .form-sub .fRight { float: left; }
    .form-sub .fRight a { margin-top: 15px; }
}

/* 마이페이지 */
.my-contents2 #basket_process img { border-bottom: 1px solid #e5e5e5; }
.my-contents { padding-top: 30px; }
.my:after { content: ''; display: block; clear: both; }
.my-l { float: left; width: 23.8%; padding-right: 60px; }
.my-r { float: left; width: 76.2%; }
.my-ul li a { display: block; padding: 0 10px; height: 40px; line-height: 40px; font-size: 15px; color: #666666; }
.my-ul li.on a,
.my-ul li a:hover { color: #4960a2; font-weight: 500; background: url('/renewal/img/icon/my-on.png') no-repeat right 15px center; }

.head_title { padding: 12px 12px 12px 40px; text-align: left;background: url('/renewal/img/icon/icon_title.png') no-repeat center left / 22px; background-position-x: 8px; }
.head_title h3 { margin-bottom: 0; font-size: 18px; line-height: 23px; color: #333333; font-weight: 500; }

.sub_head_title { margin-bottom: 56px; padding-bottom: 22px; line-height: 28px; border-bottom: 1px solid #bbbbbb; }
.sub_head_title .fRight { display: none; }
.sub_head_title h1 { font-size: 33px; }
.sub_head_title .list { margin-top: 10px; }
.sub_head_title .list a { padding-right: 20px; background: url('/renewal/img/icon/icon_sub_arrow.png') no-repeat center right 5px; }
.sub_head_title .list a span { font-size: 14px; color: #666666; }
.sub_head_title .list a:first-child span { margin-top: 3.5px; display: inline-block; vertical-align: ㅡㅑㅇ읻; width: 16px; height: 13px; font-weight: 400; /*background: url('/renewal/img/icon/icon_sub_nav.png') no-repeat center;*/ }
.sub_head_title .list a:last-child { padding-right: 0; background: none; }

@media (max-width: 1024px){
    .sub_head_title .fRight { display: none; }

    .head_title { background-size: auto 20px; }
    .head_title h3 { font-size: 16px; }
    .sub_head_title { padding-bottom: 3px; line-height: 24px; }
    .sub_head_title h1 { font-size: 18px; }
    .sub_head_title .fRight { display: none; }
    .join_input_tit_wrap h3 { font-size: 16px; }


    .my-l { display: none; }
    .my-r { width: 100%; padding-left: 0; }
    .s-top-text h4 { line-height: 29px; font-size: 22px; }
    .s-top-text p { font-size: 14px; }
    .s-top-text a { font-size: 14px; }
}


/* Member */
.my-title { padding-bottom: 24px; line-height: 23px; font-size: 23px; color: #666666; font-weight: 500; border-bottom: 1px solid #cccccc; }
.form-title { padding-bottom: 10px; line-height: 20px; font-size: 20px; color: #333333; font-weight: 500; border-bottom: 1px solid #aaaaaa; }
.agree-title { border-bottom: none; }
.agree-title .check { font-size: 16px; color: #926d49; font-weight: 500; }
.form-title .check { float: right; }