@charset "utf-8";

/*****############# layout #############*****/
.layout-container {
    position: relative;
}

.layout-wrapper {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    width: 990px;
    height: 100%;
    text-align: left;
}

/*****############# layout-top #############******/
.layout-top {
    height: 66px;
    background-color: #FFF;
    border-bottom: 1px solid #8C949F;
    text-align: center;
}

.layout-top .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 206px;
    height: 61px;
    background: url('../../_images/_main/logo.png') no-repeat center center;
    cursor: pointer;
}

.layout-top .menus {
    position: absolute;
    right: 0;
    display: inline-block;
    height: 100%;
}

.layout-top .menus .menus-menu {
    float: left;
    width: 120px;
    height: 42px;
    padding-top: 25px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

.layout-top .menus .menus-menu:hover {
    font-weight: bold;
    color: #1A71CF;
}

.layout-top .menus .menus-menu.menus-menu-on {
    color: #1A71CF;
}

.layout-top-bar {
    width: 100%;
    height: 29px;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
}

.layout-top-bar .top-bar-baro {
    position: absolute;
    top: 0;
    right: 95px;
    display: block;
    width: 130px;
    height: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    line-height: 1;
    letter-spacing: -1px;
}

.layout-top-bar .top-bar-baro a {
    position: relative;
    top: 5px;
}

.layout-top-bar .top-bar-remote {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 95px;
    height: 100%;
    text-align: center;
    background-color: #0651A4;
}

.layout-top-bar .top-bar-remote a {
    position: relative;
    top: 5px;
    color: #FFF;
    font-weight: bold;
}

.layout-top-bar .top-bar-certbiz {
    position: absolute;
    top: 0;
    right: 95px;
    display: block;
    width: 150px;
    height: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    line-height: 1;
    letter-spacing: -1px;
}

.layout-top-bar .top-bar-certbiz a {
    position: relative;
    top: 5px;
}


/** layout-top-navi **/
.layout-top-navi {
    display: block;
    position: absolute;
    top: 29px;
    left: 0;
    margin-top: 67px;
    width: 100%;
    height: 194px;
    text-align: center;
}

.layout-top-navi .navi-container {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 102;
    width: 600px;
    height: 220px;
    background-color: #FFF;
    border-top: 2px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    box-shadow: 0 7px 15px -5px #000;
}

.layout-top-navi .navi-container .navis {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.layout-top-navi .navi-container .navis .navis-navi {
    position: relative;
    top: -67px;
    z-index: 101;
    float: left;
    padding-top: 87px;
    width: 120px;
    height: 200px;
    text-align: center;
    cursor: pointer;
}

.layout-top-navi .navi-container .navis .navis-navi .navis-navi-top-box {
    position: absolute;
    top: 67px;
    z-index: -1;
    width: 100%;
    height: 220px;
    border-right: 1px solid #D3D3D3;
}

.layout-top-navi .navi-container .navis .navis-navi ul {
    z-index: 100;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}

.layout-top-navi .navi-container .navis .navis-navi ul li a {
    display: block;
    padding-top: 8px;
    height: 27px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1.5px;
    cursor: pointer;
}

.layout-top-navi .navi-container .navis .navis-navi ul li a:hover {
    font-weight: bold;
    color: #1A71CF;
}

.layout-top-navi .navi-container .navis .navis-navi .navis-navi-top-bar {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    width: 120px;
    height: 12px;
    background: url('../../_images/_main/menu-arrow.png') no-repeat top center;
}

.layout-top-navi .navi-container .navis .navis-navi.navis-navi-on .navis-navi-top-bar {
    display: block;
}

/*****############# layout-body #############******/

/* menu body page */
.text-content {
    line-height: 1.8;
    font-size: 15px;
    color: #515151;
    letter-spacing: -0.5px;
}

.sub-space1 {
    line-height: 1.8;
    font-size: 15px;
    color: #515151;
    letter-spacing: -0.5px;
    padding-left: 50px;
}

.sub-space2 {
    line-height: 1.8;
    font-size: 15px;
    color: #515151;
    letter-spacing: -0.5px;
    padding-left: 50px;
}

.text-content-title {
    line-height: 24px;
    font-size: 15px;
    color: #515151;
    letter-spacing: -1px;
}

.text-title {
    padding-left: 29px;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    color: #434343;
    letter-spacing: -1px;
    background: url("../../_images/_sub/sub_bar.jpg") no-repeat 2px center;
}

.text-title-num {
    line-height: 30px;
    font-family: 'Tahoma', 'serif';
    font-size: 18px;
    color: #BC2F4D;
    letter-spacing: -1px;
}

/*사용*/
.text-title-sub {
    margin-left: 25px;
    font-size: 17px;
    font-weight: bold;
    color: #427FA6;
    letter-spacing: -1px;
}

.text-content-title-img {
    background: url("../../_images/_sub/dot.png") no-repeat left center;
}

.text-content-title-img-baroCustom {
    background: url("../../_images/_sub/sub_bullet_line.jpg") no-repeat left center;
    margin-left: 50px;
}

.text-title-thin {
    font-size: 22px;
    color: #094FB2;
    font-weight: lighter;
}

/*사용*/
.layout-body .main-container .corp-box {
    position: absolute;
    top: 34px;
    left: 0;
    display: block;
    width: 282px;
    height: 466px;
    background: #0085D2 url("../../_images/_main/main_btn01_off.jpg") no-repeat center center;
}

.layout-body .main-container .corp-box:hover {
    background: #0085D2 url("../../_images/_main/main_btn01_on.jpg") no-repeat center center;
}

.layout-body .main-container .corp-box .corp-box-btn {
    position: absolute;
    top: 372px;
    left: 32px;
    display: block;
    width: 216px;
    height: 41px;
    cursor: pointer;
}

.layout-body .main-container .tax-box {
    position: absolute;
    top: 34px;
    left: 292px;
    display: block;
    width: 282px;
    height: 466px;
    background: #23A02B url("../../_images/_main/main_btn02_off.jpg") no-repeat center center;
}

.layout-body .main-container .tax-box:hover {
    background: #23A02B url("../../_images/_main/main_btn02_on.jpg") no-repeat center center;
}

.layout-body .main-container .tax-box .tax-box-btn {
    position: absolute;
    top: 372px;
    left: 32px;
    display: block;
    width: 216px;
    height: 41px;
    cursor: pointer;
}

.layout-body .main-container .info-box {
    position: absolute;
    top: 34px;
    right: 0;
    display: block;
    width: 400px;
    height: 315px;
    background: #D5DCE4 url("../../_images/_main/right_banner_1.png") no-repeat center center;
}

.layout-body .main-container .info-box .info-box-btn1 {
    position: absolute;
    bottom: 120px;
    left: 46px;
    display: block;
    width: 300px;
    height: 60px;
    cursor: pointer;
}

.layout-body .main-container .info-box .info-box-btn2 {
    position: absolute;
    bottom: 40px;
    left: 46px;
    display: block;
    width: 300px;
    height: 60px;
    cursor: pointer;
}

.layout-body .main-container .cs-box {
    position: absolute;
    top: 361px;
    right: 0;
    display: block;
    width: 400px;
    height: 139px;
    background: #254F86 url("../../_images/_main/main-cs2.jpg") no-repeat center center;
}

.layout-body .main-container .cs-box .cs-box-btn1 {
    position: absolute;
    bottom: 19px;
    left: 46px;
    display: block;
    width: 135px;
    height: 25px;
    cursor: pointer;
}

.layout-body .main-container .cs-box .cs-box-btn2 {
    position: absolute;
    bottom: 19px;
    right: 70px;
    display: block;
    width: 135px;
    height: 25px;
    cursor: pointer;
}

/* 사용 제휴페이지 */
.layout-body .main-container .lg-box {
    position: absolute;
    top: 34px;
    left: 0;
    display: block;
    width: 282px;
    height: 466px;
    background: #EC2663 url("../../_images/_main/main_btn03_off.jpg") no-repeat center center;
}

.layout-body .main-container .lg-box:hover {
    background: #EC2663 url("../../_images/_main/main_btn03_on.jpg") no-repeat center center;
}

.layout-body .main-container .lg-box .lg-box-btn {
    position: absolute;
    top: 372px;
    left: 32px;
    display: block;
    width: 216px;
    height: 41px;
    cursor: pointer;
}

.layout-body .main-container .daeshin-box {
    position: absolute;
    top: 34px;
    left: 292px;
    display: block;
    width: 282px;
    height: 466px;
    background: #00A5A1 url("../../_images/_main/main_btn04_off.jpg") no-repeat center center;
}

.layout-body .main-container .daeshin-box:hover {
    background: #00A5A1 url("../../_images/_main/main_btn04_on.jpg") no-repeat center center;
}

.layout-body .main-container .daeshin-box .daeshin-box-btn {
    position: absolute;
    top: 372px;
    left: 32px;
    display: block;
    width: 216px;
    height: 41px;
    cursor: pointer;
}

.layout-body .main-container .alli-info-box {
    position: absolute;
    top: 34px;
    right: 0;
    display: block;
    width: 400px;
    height: 315px;
    background: #D5DCE4 url("../../_images/_main/right_banner_2.png") no-repeat center center;
}

.layout-body .main-container .alli-info-box .alli-info-box-btn1 {
    position: absolute;
    bottom: 120px;
    left: 46px;
    display: block;
    width: 300px;
    height: 60px;
    cursor: pointer;
}

.layout-body .main-container .alli-info-box .alli-info-box-btn2 {
    position: absolute;
    bottom: 40px;
    left: 46px;
    display: block;
    width: 300px;
    height: 60px;
    cursor: pointer;
}

/* 에이치에너지 제휴페이지 */
.layout-body .main-container .certbiz-box {
    position: absolute;
    top: 34px;
    left: 0;
    display: block;
    width: 282px;
    height: 466px;
    background: #EC2663 url("../../_images/_main/main_certbiz_off.jpg") no-repeat center center;
}

.layout-body .main-container .certbiz-box:hover {
    background: #EC2663 url("../../_images/_main/main_certbiz_on.jpg") no-repeat center center;
}

.layout-body .main-container .certbiz-box .certbiz-box-btn {
    position: absolute;
    top: 372px;
    left: 32px;
    display: block;
    width: 216px;
    height: 41px;
    cursor: pointer;
}

.layout-body .main-container .nice-box {
    position: absolute;
    top: 34px;
    left: 292px;
    display: block;
    width: 282px;
    height: 466px;
    background: #00A5A1 url("../../_images/_main/main_nice_off.jpg") no-repeat center center;
}

.layout-body .main-container .nice-box:hover {
    background: #00A5A1 url("../../_images/_main/main_nice_on.jpg") no-repeat center center;
}

.layout-body .main-container .nice-box .nice-box-btn {
    position: absolute;
    top: 372px;
    left: 32px;
    display: block;
    width: 216px;
    height: 41px;
    cursor: pointer;
}

.layout-body .main-container .certbiz-info-box {
    position: absolute;
    top: 34px;
    right: 0;
    display: block;
    width: 400px;
    height: 315px;
    background: #D5DCE4 url("../../_images/_main/right_banner_certbiz.jpg") no-repeat center center;
}

.layout-body .main-container .certbiz-info-box .certbiz-info-box-btn1 {
    position: absolute;
    bottom: 120px;
    left: 46px;
    display: block;
    width: 300px;
    height: 60px;
    cursor: pointer;
}

.layout-body .main-container .certbiz-info-box .certbiz-info-box-btn2 {
    position: absolute;
    bottom: 40px;
    left: 46px;
    display: block;
    width: 300px;
    height: 60px;
    cursor: pointer;
}

/* 사용 공동인증서 안내*/
.layout-body .context-box {
    display: block;
    width: 100%;
    text-align: left;
}

.layout-body .context-box p {
    font-size: 14px;
    font-weight: bold;
    padding-left: 30px;
    letter-spacing: -1px;
    line-height: 1.5;
}

.layout-body .law-title {
    color: #F9F9F9;
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    background: #5D718C;
}

.layout-body .law-content {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: -0.5px;
    background: #FFF url('../../_images/_sub/sub01_img.png') no-repeat 30px center;
    padding: 20px 0 20px 115px;
    border: 1px solid #DFE1E0;
}

.layout-body .info-table {
    border: #CDD5DE;
    width: 100%;
    text-align: center;
}

.layout-body .info-table th {
    background: #F0F5FB;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #24292C;

    border-top: 2px solid #2A3341;
    border-bottom: 1px solid #2A3341;
}

.layout-body .info-table th:first-child {
    border-left: 0;
}

.layout-body .info-table th:last-child {
    border-right: 0;
}

.layout-body .info-table td {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -1px;

    border-bottom: 1px solid #2A3341;
}

.layout-body .info-table td:first-child {
    border-left: 0;
}

.layout-body .info-table td:last-child {
    border-right: 0;
}

.layout-body .info-table-mini {
    margin-left: 20px;
    border: #FFF;
    width: 340px;
    text-align: center;
}

.layout-body .info-table-mini td {
    border: 5px solid #FFF;
}

.layout-body .info-table-mini td p {
    position: absolute;
    top: 5px;
    left: 65px;
    color: #A8ABAE;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1px;
}

.layout-body .info-table-mini td p span:last-child {
    font-size: 22px;
    font-weight: bold;
    color: #ED743F;
}

.layout-body .info-table-mini td:first-child {
    width: 60px;
}

.layout-body .info-table-mini td:last-child {
    width: 280px;
}

.layout-body .info-table-mini td .small-20per {
    position: absolute;
    top: 0;
    left: 10px;
    width: 38px;
    height: 31px;
    background: url('../../_images/_sub/20per_small.png') no-repeat center center;
}

.layout-body .info-table-mini td .small-30per {
    position: absolute;
    top: 0;
    left: 10px;
    width: 38px;
    height: 31px;
    background: url('../../_images/_sub/30per_small.png') no-repeat center center;
}

.layout-body .info-table-mini td .small-40per {
    position: absolute;
    top: 0;
    left: 10px;
    width: 38px;
    height: 31px;
    background: url('../../_images/_sub/40per_small.png') no-repeat center center;
}

.layout-body .info-table-mini td .info-table-mini-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    color: #FBFCFD;
    width: 70px;
    height: 25px;
    padding: 5px 0 0 5px;
    background-color: #0653A5;
    border: 1px solid #4A89CC;
    border-radius: 2px 2px;
    cursor: pointer;
}

.layout-body .info-middle-img {
    width: 100%;
    height: 236px;
    background: #FFF url('../../_images/_sub/mid-txt.jpg') no-repeat center center;
}

.layout-body .view-btn-down {
    position: absolute;
    top: -10px;
    right: 0;
    display: block;
    width: 41px;
    height: 41px;
    background: #FFF url('../../_images/_sub/btn_down.jpg') no-repeat center center;
    cursor: pointer;
}

.layout-body .view-btn-up {
    position: absolute;
    top: -10px;
    right: 0;
    display: none;
    width: 41px;
    height: 41px;
    background: #FFF url('../../_images/_sub/btn_up.jpg') no-repeat center center;
    cursor: pointer;
}

.layout-body .view-btn-topmove {
    position: absolute;
    bottom: 70px;
    right: 0;
    display: block;
    width: 41px;
    height: 41px;
    background: #FFF url('../../_images/_sub/btn_up.jpg') no-repeat center center;
    cursor: pointer;
}

.layout-body .info-add-view {
    display: none;
    width: 100%;
    height: 100%;
}

/* content-top-box */
.layout-body .content-top-box {
    position: relative;
    margin-top: 30px;
    height: 149px;
    background: #E6EEF0 no-repeat right 0;
    border: 1px solid #D5DFE1;
    text-align: center;
}

.layout-body .content-top-box h3 {
    padding-top: 33px;
    color: #252D3D;
    font-size: 20px;
    letter-spacing: -1px;
}

.layout-body .content-top-box h3 span {
    color: #0D5BA9;
}

.layout-body .content-top-box p {
    padding-top: 16px;
    color: #43484B;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5;
}

/* 인증서 활용분야 page button */
.layout-body .guide-btn {
    width: 235px;
    height: 24px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #79838F;
    color: white;
    font-size: 13px;
    letter-spacing: -1px;
    text-align: center;
    padding-top: 6px;
}

.layout-body .guide-btn:hover {
    background: #153E66;
}

.layout-body .guide-btn-corp-standard {
    position: relative;
}

.layout-body .guide-btn-corp {
    position: absolute;
    top: -3px;
    right: 28px;
}

/* body */
.layout-body {
    text-align: center;
}

.layout-body .main-container {
    width: 100%;
    height: 545px;
    background: #FFF url('../../_images/_main/main_bg.jpg') no-repeat center 0;
}

/*사용*/
.layout-body .imme-container {
    background: #6A7382;
    width: 100%;
    height: 176px;
}

.layout-body .immes {
    width: 100%;
    height: 176px;
}

.layout-body .immes li {
    float: left;
}

.layout-body .immes-imme {
    width: 194px;
    height: 100%;
    font-size: 17px;
    color: white;
    text-align: center;
    cursor: pointer;
}

.layout-body .immes-imme h3 {
    padding-top: 89px;
    font-size: 16px;
    font-weight: bold;
    color: #F5F5F7;
    letter-spacing: -1px;
}

.layout-body .immes-imme p {
    padding-top: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #B4BDCC;
    letter-spacing: -1px;
    line-height: 1.5;
}

.layout-body .immes-imme-bar {
    width: 1px;
    height: 100%;
    border-left: 1px solid #76828F;
    border-right: 1px solid #56606C;
    box-shadow: 0 0 15px 0 #707A89;
}

.layout-body .immes .immes-imme-1 {
    background: url('../../_images/_main/main-quick01.png') no-repeat center 20px;
}

.layout-body .immes .immes-imme-2 {
    background: url('../../_images/_main/main-quick02.png') no-repeat center 20px;
}

.layout-body .immes .immes-imme-3 {
    background: url('../../_images/_main/main-quick03.png') no-repeat center 20px;
}

.layout-body .immes .immes-imme-4 {
    background: url('../../_images/_main/main-quick04.png') no-repeat center 20px;
}

.layout-body .immes .immes-imme-5 {
    background: url('../../_images/_main/main-quick05.png') no-repeat center 20px;
}

.layout-body .immes .immes-imme-6 {
    background: url('../../_images/_main/main-quick06.png') no-repeat center 20px;
}

.layout-body .immes .immes-imme-7 {
    background: url('../../_images/_main/main-quick07.png') no-repeat center 20px;
}

/** layout-body cert-container **/
.layout-body .cert-container {
    width: 100%;
    background-color: #EFF4F8;
}

/*****############# layout-body-certaction statr #############******/
.layout-body .common-view {
    text-align: center;
    width: 100%;
    height: 755px;
}

.layout-body .common-view h1 {
    color: #282829;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 1.5;
}

.layout-body .common-view h2 {
    padding-top: 70px;
    color: #282829;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 1.5;
}

.layout-body .common-view p {
    color: #282829;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5;
}

.layout-body .common-view p.cert-text-title {
    padding-top: 45px;
}

.layout-body .common-view p.cert-text-sub {
    padding-top: 16px;
    color: #165CA8;
}

.layout-body .common-view p.cert-text-sub2 {
    padding-top: 58px;
    color: #2F4150;
}

.layout-body .common-view p.cert-text-sub3 {
    padding-top: 16px;
    color: #858E96;
}

.common-view .certs {
    position: relative;
    top: 0;
    left: 50px;
    padding-top: 45px;
    width: 892px;
    height: 226px;
}

.common-view .certs .certs-cert {
    position: relative;
    float: left;
    width: 252px;
    height: 226px;
    border: 1px solid #AAB5C1;
    border-radius: 7px 7px;
    text-align: center;
    box-sizing: border-box;
}

.common-view .certs .certs-cert-bar {
    position: relative;
    float: left;
    width: 64px;
    height: 226px;
}

.common-view .certs .certs-cert .certs-cert-kind {
    width: 100%;
    height: 44px;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    background-color: #98A6B3;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
}

.common-view .certs .certs-cert p {
    display: block;
    text-align: center;
}

.common-view .certs .certs-cert p strike {
    color: #5F656F;
}

.common-view .certs .certs-cert .certs-cert-vat {
    position: relative;
    top: 5px;
    right: -20px;
    color: #949BA4;
    font-weight: lighter;
    letter-spacing: -2px;
}

.common-view .certs .certs-cert .certs-cert-ori-cost {
    display: block;
    color: #909090;
    font-size: 24px;
    font-weight: lighter;
    line-height: 1;
}

.common-view .certs .certs-cert .certs-cert-dis-cost {
    display: block;
    color: #ED6826;
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
}

.common-view .certs .certs-cert .certs-cert-btn-apply {
    display: inline-block;
    width: 208px;
    height: 31px;
    color: #535A65;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    border: 1px solid #7B8289;
    cursor: pointer;
    border-radius: 3px 3px;
}

.common-view .certs .certs-cert.certs-cert-on .certs-cert-btn-apply {
    color: #FFF;
    background-color: #015BAF;
}

.common-view .certs .certs-cert.certs-cert-on .certs-cert-kind {
    background-color: #0085D2;
}

.common-view .certs .certs-cert.certs-cert-on.certs-cert {
    border-left: 2px solid #0085D2;
    border-right: 2px solid #0085D2;
    border-bottom: 2px solid #0085D2;
}

.common-view .cert-tip1 {
    padding-top: 26px;
    color: #8E979F;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: right;
    margin-right: 45px;
}

.common-view .certs-cert-sale1 {
    display: block;
    position: absolute;
    top: 372px;
    left: 230px;
    width: 48px;
    height: 40px;
    background: url('../../_images/_sub/20per.png') no-repeat center center;
}

.common-view .certs-cert-sale2 {
    display: block;
    position: absolute;
    top: 372px;
    left: 547px;
    width: 48px;
    height: 40px;
    background: url('../../_images/_sub/30per.png') no-repeat center center;
}

.common-view .certs-cert-sale3 {
    display: block;
    position: absolute;
    top: 372px;
    right: 77px;
    width: 48px;
    height: 40px;
    background: url('../../_images/_sub/40per.png') no-repeat center center;
}

/*****############# layout-body-cert end #############******/

/*****############# layout-body-apply start #############******/
.layout-body .apply-div-bg {
    position: relative;
    margin-top: 10px;
    margin-left: 25px;
    width: 938px;
    height: 300px;
    background-color: #E9F0F6;
}

.layout-body .apply-div-bg .apply-div-content {
    float: left;
    width: 420px;
    padding-top: 36px;
    padding-left: 60px;
}

.layout-body .apply-div-bg .apply-div-content span {
    color: #479BD8;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

.layout-body .apply-div-bg .apply-div-content p:nth-child(2) {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.7;
}

.layout-body .apply-div-bg .apply-div-content p:nth-child(3) {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.7;
}

.layout-body .apply-div-midbar {
    position: absolute;
    top: 55px;
    left: 446px;
    width: 1px;
    height: 192px;
    border: 1px solid #E2EBF0;
    box-sizing: border-box;
}

/* table */
.layout-body .apply-table-mini {
    position: relative;
    top: 26px;
    width: 340px;
    text-align: center;
}

.layout-body .apply-table-mini td {
    border: 5px solid #E9F0F6;
}

.layout-body .apply-table-mini td p {
    position: absolute;
    top: 12px;
    left: 80px;
    color: #A8ABAE;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1px;
}

.layout-body .apply-table-mini td p span:last-child {
    font-size: 32px;
    font-weight: bold;
    color: #ED743F;
}

.layout-body .apply-table-mini td:first-child {
    width: 60px;
    color: #303234;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

.layout-body .apply-table-mini td:last-child {
    width: 327px;
}

.layout-body .apply-table-mini td .small-20per {
    position: absolute;
    top: 0;
    left: 20px;
    width: 38px;
    height: 31px;
    background: url('../../_images/_sub/20per_small.png') no-repeat center center;
}

.layout-body .apply-table-mini td .small-30per {
    position: absolute;
    top: 0;
    left: 20px;
    width: 38px;
    height: 31px;
    background: url('../../_images/_sub/30per_small.png') no-repeat center center;
}

.layout-body .apply-table-mini td .small-40per {
    position: absolute;
    top: 0;
    left: 20px;
    width: 38px;
    height: 31px;
    background: url('../../_images/_sub/40per_small.png') no-repeat center center;
}

.layout-body .apply-table-mini td .apply-table-mini-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    color: #FBFCFD;
    font-weight: bold;
    width: 80px;
    height: 25px;
    padding: 10px 0 0 5px;
    background-color: #0653A5;
    border: 1px solid #4A89CC;
    border-radius: 2px 2px;
    cursor: pointer;
}

/*****############# layout-body-apply end #############******/

/*****############# layout-body-issue start #############******/
.layout-body .common-view .issue-bg {
    position: absolute;
    top: 162px;
    left: 42px;
    width: 373px;
    height: 319px;
    background: url('../../_images/_sub/sub_icon_02.png') no-repeat center center;
}

.layout-body .common-view .issue-content {
    position: relative;
    top: 157px;
    left: 519px;
    width: 530px;
    text-align: left;
}

.layout-body .common-view .token-content {
    position: relative;
    top: 190px;
    left: 425px;
    width: 530px;
    text-align: left;
}

.layout-body .common-view .token-content-title {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -2px;
    color: #292929;
}

.layout-body .common-view .issue-content-title {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -2px;
    color: #292929;
}

.layout-body .common-view .issue-content-sub {
    position: relative;
    top: -12px;
    font-size: 52px;
    font-weight: bold;
    letter-spacing: -4px;
    color: #292929;
}

.layout-body .common-view .issue-content-bar {
    position: absolute;
    top: 139px;
    left: 0;
    width: 473px;
    height: 10px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.layout-body .common-view .issue-bar {
    position: absolute;
    top: 149px;
    left: 453px;
    width: 1px;
    height: 330px;
    border: 1px solid #E2EBF0;
    box-sizing: border-box;
}

.layout-body .common-view .issue-content-content {
    position: relative;
    top: 50px;
    left: 0;
    letter-spacing: -2px;
    line-height: 2;
    font-weight: normal;
}

.layout-body .common-view .issue-content-content span {
    font-weight: bold;
}

.layout-body .common-view .token-content-content {
    position: relative;
    top: 30px;
    left: 10px;
    letter-spacing: -2px;
    line-height: 2;
    font-weight: normal;
}

.layout-body .common-view .issue-btn {
    position: absolute;
    bottom: 140px;
    left: 305px;
    width: 302px;
    height: 45px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 21px;
    padding-top: 18px;
    background-color: #0F62C0;
    cursor: pointer;
    text-align: center;
}

.layout-body .common-view .issue-btn span {
    position: relative;
    top: -2px;
    left: 10px;
    font-weight: bold;
}

/*사용*/
.layout-body .issue-container {
    width: 100%;
    height: 419px;
    padding-top: 65px;
    text-align: center;
}

.layout-body .issue-container .issue-content {
    width: 100%;
    height: 217px;
    padding-top: 40px;
    background: url('../../_images/_sub/sub_process_2.jpg') no-repeat center bottom;
}

.layout-body .issue-container ul {
    position: relative;
    top: 20px;
    width: 100%;
    height: 30px;
}

.layout-body .issue-container ul li {
    float: left;
    width: 330px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}

/*사용*/
.layout-body .renewal-container {
    width: 100%;
    height: 419px;
    padding-top: 65px;
    text-align: center;
}

.layout-body .renewal-container .renewal-content {
    width: 100%;
    height: 217px;
    padding-top: 40px;
    background: url('../../_images/_sub/sub_process_3.jpg') no-repeat center bottom;
}

.layout-body .renewal-container ul {
    position: relative;
    top: 20px;
    width: 100%;
    height: 30px;
}

.layout-body .renewal-container ul li {
    float: left;
    width: 330px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}

.layout-body .renewal-container {
    width: 100%;
    height: 419px;
    padding-top: 65px;
    text-align: center;
}

.layout-body .renewal-container .renewal-content {
    width: 100%;
    height: 217px;
    padding-top: 40px;
    background: url('../../_images/_sub/sub_process_3.jpg') no-repeat center bottom;
}

.layout-body .renewal-container ul {
    position: relative;
    top: 20px;
    width: 100%;
    height: 30px;
}

.layout-body .renewal-container ul li {
    float: left;
    width: 330px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}

/*재발급 사용*/
.layout-body .common-view .issue-content .issue-content-content .reissue-free {
    position: relative;
    font-size: 40px;
    color: #185DA9;
}

.layout-body .common-view .issue-content .issue-content-content .reissue-visit {
    position: relative;
    bottom: 4px;
    left: 15px;
    font-size: 14px;
    color: #939BA3;
}

.layout-body .reissue-container {
    width: 100%;
    height: 419px;
    padding-top: 65px;
    text-align: center;
}

.layout-body .step-container .reissue-content {
    width: 100%;
    height: 217px;
    padding-top: 40px;
    background: url('../../_images/_sub/sub_process_4.jpg') no-repeat center bottom;
}

.layout-body .reissue-container ul {
    position: relative;
    top: 20px;
    width: 100%;
    height: 30px;
}

.layout-body .reissue-container ul li {
    float: left;
    width: 330px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}

.layout-body .step-container .cert-content {
    width: 100%;
    height: 217px;
    padding-top: 40px;
    background: url('../../_images/_sub/sub_process.jpg') no-repeat center bottom;
}

/*****############# layout-body-cert end #############******/
.layout-body .common-view .cert-bg {
    position: absolute;
    top: 157px;
    left: 42px;
    width: 373px;
    height: 319px;
    background: url('../../_images/_sub/sub_icon_01.png') no-repeat center center;
}

.layout-body .common-view .reissue-bg {
    position: absolute;
    top: 157px;
    left: 42px;
    width: 373px;
    height: 319px;
    background: url('../../_images/_sub/sub_icon_03.png') no-repeat center center;
}

.layout-body .common-view .renewal-bg {
    position: absolute;
    top: 157px;
    left: 42px;
    width: 373px;
    height: 319px;
    background: url('../../_images/_sub/sub_icon_04.png') no-repeat center center;
}

.layout-body .common-view .token-bg {
    position: absolute;
    top: 250px;
    left: 42px;
    width: 373px;
    height: 319px;
    background: url('../../_images/_sub/fingerprint.png') no-repeat center center;
}

.layout-body .common-view .token-bg p {
    font-size: 32px;
    font-weight: bold;
    color: #EC5F18;
    padding-top: 200px;

}

.layout-body .common-view .token-bg span {
    position: relative;
    top: -7px;
    font-size: 11px;
    font-weight: bold;
    color: #9CA3AB;
    padding-left: 58px;
}

/*사용*/
.layout-body .step-container {
    width: 100%;
    height: 419px;
    padding-top: 65px;
    text-align: center;
}

.layout-body .step-container .step-title {
    width: 100%;
    height: 51px;
    background: url('../../_images/_main/title_bar.jpg') no-repeat center bottom;
}

.layout-body .step-container .step-title h1 {
    color: #0650A6;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -3px;
}

.layout-body .step-container .step-content {
    width: 100%;
    height: 217px;
    padding-top: 40px;
    background: url('../../_images/_main/process.jpg') no-repeat center bottom;
}

.layout-body .step-container ul {
    position: relative;
    top: 20px;
    width: 100%;
    height: 30px;
}

.layout-body .step-container ul li {
    float: left;
    width: 330px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}

.layout-body .step-container .step-btn1 {
    position: relative;
    top: 15px;
    left: 100px;
    display: block;
    width: 150px;
    height: 25px;
    padding-top: 5px;
    font-size: 14px;
    letter-spacing: -1px;
    background-color: #E4E4E4;
    border-radius: 2px 2px;
    cursor: pointer;
}

.layout-body .step-container .step-btn1 div {
    position: absolute;
    top: 7px;
    right: 10px;
}

.layout-body .step-container .step-btn2 {
    position: relative;
    top: 20px;
    left: 100px;
    display: block;
    width: 150px;
    height: 25px;
    padding-top: 5px;
    font-size: 14px;
    letter-spacing: -1px;
    background-color: #E4E4E4;
    border-radius: 2px 2px;
    cursor: pointer;
}

.layout-body .step-container .step-btn2 div {
    position: absolute;
    top: 7px;
    right: 10px;
}

.layout-body .steps {
    width: 100%;
}

.layout-body .steps-step {
    float: left;
    width: 225px;
    padding-top: 180px;
    text-align: center;
}

.layout-body .steps-step h4 {
    font-size: 15px;
}

.layout-body .steps-step ul {
    margin-top: 18px;
}

.layout-body .steps-step-1 ul {
    margin-left: 45px;
}

.layout-body .steps-step-2 ul {
    margin-left: 35px;
}

.layout-body .steps-step-3 ul {
    margin-left: 50px;
}

.layout-body .steps-step-4 ul {
    margin-left: 28px;
}

/** layout-body link-container **/
.layout-body .link-container {
    height: 160px;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 70px;
    background-color: #F3F4F8;
}

.layout-body .link-container .links {

}

.layout-body .link-container .links .links-link {
    position: relative;
    float: left;
    width: 246px;
    height: 160px;
    text-align: center;
}

.layout-body .link-container .links .links-link h2 {
}

.layout-body .link-container .links .links-link p {
    margin-top: 16px;
    color: #656565;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -1px;
    text-align: left;
}

.layout-body .link-container .links .links-link.links-link-1 p {
    text-align: center;
}

.layout-body .link-container .links .links-link.links-link-2 p {
    text-align: center;
}

.layout-body .link-container .links .links-link.links-link-3 p {
    text-align: center;
}

.layout-body .link-container .links .links-link.links-link-4 p {
    text-align: center;
}

.layout-body .link-container .links .links-link a {
    position: absolute;
    left: 43px;
    bottom: 0;
    display: block;
    width: 160px;
    height: 28px;
    padding-top: 8px;
    background-color: #FFF;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
}

.layout-body .link-container .links .links-link.links-link-on a {
    background-color: #80858B;
    color: #FFF;
    cursor: pointer;
}

.layout-body .link-container .links .links-link-bar {
    float: left;
    width: 1px;
    height: 85px;
    border-right: 1px solid #DCDCDC;
    margin-top: 30px;
}

/*****############# layout-body-certguide #############******/

.content-text-red {
    color: #EF5352;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
}

.content-text-blue {
    color: #3971C0;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
}

.content-text-sky {
    color: #2094D6;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
}

.content-text-gray {
    color: #8E979F;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
}

.layout-body .button-content {
    position: relative;
    top: 0;
    left: 0;
    width: 144px;
    height: 27px;
    text-align: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
    background: #416C99;
    margin-top: 8px;
    padding-top: 3px;
    display: inline-block;
    cursor: pointer;
}

.layout-body .button-content:hover {
    background: #153E66;
}

.layout-body .text-content-impo {
    font-weight: bolder;
}

.layout-body .guide-body {
    padding-top: 0;
}

.layout-body .guide-body-box {
    padding: 52px 0 32px 26px;
}

.layout-body .guide-bottom {
    position: relative;
    top: 0;
    left: 0;
    padding-bottom: 200px;
}

.layout-body .site-container01 {
    position: relative;
    top: 22px;
    left: 0;
    height: 255px;
}

.layout-body .sites {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 76px;
}

.layout-body .sites li {
    cursor: pointer;
}

.layout-body .sites-site {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 63px;
    float: left;
    width: 162px;
    height: 13px;
    font-size: 14px;
    color: #8D8D8D;
    letter-spacing: -1px;
    text-align: center;
}

.layout-body .site01-1 {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../_images/_sub/01-1.jpg') no-repeat top;
}

.layout-body .site01-2 {
    position: absolute;
    top: 0;
    left: 176px;
    background: url('../../_images/_sub/01-2.jpg') no-repeat top;
}

.layout-body .site01-3 {
    position: absolute;
    top: 0;
    left: 352px;
    background: url('../../_images/_sub/01-3.jpg') no-repeat top;
}

.layout-body .site01-4 {
    position: absolute;
    top: 0;
    left: 528px;
    background: url('../../_images/_sub/01-4.jpg') no-repeat top;
}

.layout-body .site01-5 {
    position: absolute;
    top: 0;
    left: 704px;
    background: url('../../_images/_sub/01-5.jpg') no-repeat top;
}

.layout-body .site01-6 {
    position: absolute;
    top: 105px;
    left: 0;
    background: url('../../_images/_sub/01-6.jpg') no-repeat top;
}

.layout-body .site01-7 {
    position: absolute;
    top: 105px;
    left: 176px;
    background: url('../../_images/_sub/01-7.jpg') no-repeat top;
}

.layout-body .site-container02 {
    position: relative;
    top: 22px;
    left: 0;
    height: 134px;
}

.layout-body .site02-1 {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../_images/_sub/02-1.jpg') no-repeat top;
}

.layout-body .site02-2 {
    position: absolute;
    top: 0;
    left: 176px;
    background: url('../../_images/_sub/02-2.jpg') no-repeat top;
}

.layout-body .site-container03 {
    position: relative;
    top: 22px;
    left: 0;
    height: 134px;
}

.layout-body .site03-1 {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../_images/_sub/03-1.jpg') no-repeat top;
}

.layout-body .site03-2 {
    position: absolute;
    top: 0;
    left: 176px;
    background: url('../../_images/_sub/03-2.jpg') no-repeat top;
}

.layout-body .site-container04 {
    position: relative;
    top: 22px;
    left: 0;
    height: 134px;
}

.layout-body .site04-1 {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../_images/_sub/02-1.jpg') no-repeat top;
    padding-top: 75px;
}

.layout-body .site04-2 {
    position: absolute;
    top: 0;
    left: 176px;
    background: url('../../_images/_sub/04-02.jpg') no-repeat top;
}

.layout-body .site04-3 {
    position: absolute;
    top: 0;
    left: 352px;
    background: url('../../_images/_sub/04-3.jpg') no-repeat top;
}

.layout-body .site04-4 {
    position: absolute;
    top: 0;
    left: 528px;
    background: url('../../_images/_sub/04-4.jpg') no-repeat top;
}

.layout-body .site04-5 {
    position: absolute;
    top: 0;
    left: 704px;
    background: url('../../_images/_sub/04-5.jpg') no-repeat top;
}

.layout-body .site-container08 {
    position: relative;
    top: 22px;
    left: 0;
    height: 255px;
}

.layout-body .site08-1 {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../_images/_sub/08-1.jpg') no-repeat top;
}

.layout-body .site08-2 {
    position: absolute;
    top: 0;
    left: 176px;
    background: url('../../_images/_sub/08-2.jpg') no-repeat top;
}

.layout-body .site08-3 {
    position: absolute;
    top: 0;
    left: 352px;
    background: url('../../_images/_sub/08-3.jpg') no-repeat top;
}

.layout-body .site08-4 {
    position: absolute;
    top: 0;
    left: 528px;
    background: url('../../_images/_sub/08-4.jpg') no-repeat top;
}

.layout-body .site08-5 {
    position: absolute;
    top: 0;
    left: 704px;
    background: url('../../_images/_sub/08-5.jpg') no-repeat top;
}

.layout-body .site08-6 {
    position: absolute;
    top: 105px;
    left: 0;
    background: url('../../_images/_sub/08-6.jpg') no-repeat top;
}

.layout-body .site08-7 {
    position: absolute;
    top: 105px;
    left: 176px;
    background: url('../../_images/_sub/08-7.jpg') no-repeat top;
}

.layout-body .site08-8 {
    position: absolute;
    top: 105px;
    left: 352px;
    background: url('../../_images/_sub/08-8.jpg') no-repeat top;
}

.layout-body .site08-9 {
    position: absolute;
    top: 105px;
    left: 528px;
    background: url('../../_images/_sub/08-9.jpg') no-repeat top;
}

.layout-body .site08-10 {
    position: absolute;
    top: 105px;
    left: 704px;
    background: url('../../_images/_sub/09-9.jpg') no-repeat top;
}

/*****############# layout-bottom #############******/
.layout-bottom {
    height: 200px;
    text-align: center;
    border-top: 2px solid #A7A7A7;
}

.layout-bottom * {
    color: #9A9E9F;
}

.layout-bottom .logo {
    position: absolute;
    top: 24px;
    left: 0;
    width: 246px;
    height: 32px;
    background: url('../../_images/_main/footer_logo.jpg') no-repeat center center;
}

.layout-bottom .corps {
    position: absolute;
    top: 36px;
    left: 300px;
}

.layout-bottom .corps .corps-corp {
    float: left;
    margin-right: 20px;
    font-weight: bold;
    color: #3A3A3A;
    cursor: pointer;
}

.layout-bottom .corps .corps-corp:hover {
    text-decoration: underline;
}

.layout-bottom .bar {
    position: absolute;
    top: 75px;
    left: 0;
    width: 760px;
    height: 1px;
    border-bottom: 1px solid #DEE4EB;
    font-size: 1px;
}

.layout-bottom .info {
    position: absolute;
    top: 90px;
    left: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

.layout-bottom .info span {
    color: #B7B3B0;
}

.layout-bottom .copyright {
    position: absolute;
    top: 140px;
    left: 0;
    font-size: 12px;
    text-align: left;
    color: #666666;
}

.layout-bottom .nipa {
    position: absolute;
    top: 40px;
    right: 130px;
    padding-top: 50px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #BDBDBD;
    text-align: center;
    background: url('../../_images/_main/mark.jpg') no-repeat center 0;
}

.layout-bottom .ktnet {
    position: absolute;
    top: 40px;
    right: 0;
    padding-top: 50px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #BDBDBD;
    text-align: center;
    background: url('../../_images/_main/ktnet_logo.jpg') no-repeat center 0;
}

.layout-body .report-container {

}

.layout-body .report-container .report-infos {
    position: relative;
    left: 60px;
    float: left;
    width: 100%;
}

.layout-body .report-container .report-infos .report-infos-title {
    float: left;
    width: 428px;
    height: 38px;
    padding-top: 17px;
    margin-right: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #3B3B3B;
    letter-spacing: -1px;
    text-align: center;
    background: #DDE1E4;
}

.layout-body .report-container .report-infos .report-infos-content {
    float: left;
    width: 345px;
    height: 160px;
    padding: 35px 25px 20px 58px;
    margin-top: 8px;
    margin-right: 15px;
    font-size: 15px;
    color: #3B3B3B;
    letter-spacing: -1.5px;
    text-align: left;
    background: #F5F6F8;
    line-height: 25px;
}

.layout-body .report-infos-plus {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 108px;
    color: #2C3C4B;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
}

.layout-body .report-infos-plus span {
    position: relative;
    top: -1px;
}

/* renewal 인증서 갱신*/
.renewal-btns {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    float: left;
    width: 664px;
}

.renewal-btns a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 39px;
    padding-top: 16px;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #FFF;
    cursor: pointer;
    background: #848C99;
    border-radius: 5px;
}

.renewal-btns a:hover {
    text-decoration: underline;
}

.renewal-btns a.reissue {
    width: 262px;

}

.renewal-btns a.reissue:hover {
    background: #153F67;
}

.renewal-btns a.newissue {
    width: 262px;

}

.renewal-btns a.newissue:hover {
    background: #153F67;
}

.renewal-btns div.divReissue {
    float: left;
    padding-top: 5px;
    padding-left: 30px;
}

.renewal-btns div.divNewissue {
    float: left;
    padding-top: 5px;
    padding-left: 5px;
}

/*****############# manage 인증서 관리 #############******/
.layout-body .submenu-title {
    position: relative;
    top: 70px;
    left: 338px;
    display: block;
    width: 338px;
    height: 64px;
    border-bottom: 5px solid #EFF4F8;
    font-size: 36px;
    font-weight: bold;
    color: #282828;
    letter-spacing: -1px;
    text-align: center;
}

.layout-body .manage-body {
    clear: both;
    padding-top: 0;
}

.layout-body .manage-body-box {
    padding: 32px 0 32px 0;
}

.layout-body .manage-container {
    position: relative;
    top: 10px;
    left: 20px;
    height: 334px;
}

.layout-body .manage-container .manages {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 334px
}

.layout-body .manage-container .manages .manages-manage {
    position: relative;
    margin-right: 15px;
    margin-bottom: 34px;
    float: left;
    width: 225px;
    height: 334px;
    font-size: 15px;
    color: #8D8D8D;
    letter-spacing: -2px;
    text-align: center;
    border: 1px solid #E6EBEF;
}

.layout-body .manage-container .manages .manages-manage .manage-img {
    position: relative;
    top: 22px;
    left: 65px;
    width: 93px;
    height: 93px;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-01 {
    background: url("../../_images/_sub/manage-1.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-02 {
    background: url("../../_images/_sub/manage-2.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-03 {
    background: url("../../_images/_sub/manage-3.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-04 {
    background: url("../../_images/_sub/manage-4.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-05 {
    background: url("../../_images/_sub/manage-5.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-06 {
    background: url("../../_images/_sub/manage-6.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-07 {
    background: url("../../_images/_sub/manage-7.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-08 {
    background: url("../../_images/_sub/manage-8.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-09 {
    background: url("../../_images/_sub/manage-9.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-10 {
    background: url("../../_images/_sub/manage-10.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-11 {
    background: url("../../_images/_sub/manage-11.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-12 {
    background: url("../../_images/_sub/manage-12.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-13 {
    background: url("../../_images/_sub/manage-12.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-14 {
    background: url("../../_images/_sub/manage-12.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-15 {
    background: url("../../_images/_sub/manage-13.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage .manage-img.manage-16 {
    background: url("../../_images/_sub/manage-14.png") no-repeat center center;
}

.layout-body .manage-container .manages .manages-manage h3 {
    position: absolute;
    top: 133px;
    left: 0;
    width: 100%;
    color: #333333;
    font-size: 18px;
    text-align: center;
}

.layout-body .manage-container .manages.manages3 .manages-manage .manage-bar {
    top: 84px;
}

.layout-body .manage-container .manages .manages-manage p {
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.5;
}

.layout-body .manage-container .manages.manages3 .manages-manage p {
    top: 197px;
}

.layout-body .manage-container .manages.manages4 .manages-manage p {
    top: 206px;
}

.layout-body .manage-container .manages .manages-manage p .manage-p-red {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    color: #FE3131;
}

.layout-body .manage-container .manages .manages-manage .manage-text-blue {
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #424242;
    text-align: center;
}

.layout-body .manage-container .manages .manages-manage .manage-text-blue.manage-text-ios {
    padding-left: 10px;
    background: url("../../_images/_sub/apple-logo.jpg") no-repeat 80px center;

}

.layout-body .manage-container .manages .manages-manage .manage-text-blue.manage-text-android {
    padding-left: 10px;
    background: url("../../_images/_sub/android-logo.jpg") no-repeat 65px center;
}

.layout-body .manage-container .manages .manages-manage a {
    position: absolute;
    top: 268px;
    left: 26px;
    height: 25px;
    width: 172px;
    padding-top: 8px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    cursor: pointer;
    border-radius: 0;
    color: #505050;
    background: #FFF;
    border: 1px solid #B7B7B7;
}

.layout-body .manage-container .manages .manages-manage a:hover {
    background: #EEEEEE;
}

.layout-body .manage-container .manages .manages-manage:nth-child(even) {
    background: #F3F4F8;
}

.layout-body .manage-container .manages .manages-manage.manages-manage-on {
    background: #657DA1;
}

.layout-body .manage-container .manages .manages-manage.manages-manage-on h3 {
    color: #FFF;
}

.layout-body .manage-container .manages .manages-manage.manages-manage-on .manage-bar {
    border-color: #FFF;
}

.layout-body .manage-container .manages .manages-manage.manages-manage-on p {
    color: #FFF;
}

.layout-body .manage-container .manages .manages-manage.manages-manage-on p .manage-p-red {
    color: #FCCDD9;
}

.layout-body .manage-container .manages .manages-manage.manages-manage-on .manage-text-blue {
    color: #DBE9FD;
}

/******  token page *******/
#PopupToken {
    display: none;
    position: absolute;
    left: 25%;
    z-index: 999;
    width: 467px;
    height: 238px;
    box-shadow: 0 0 15px 0 #000;
    font-size: 14px;
    background: url('../../_images/_popup/popup_token.jpg') no-repeat center center;
}

.popup-token-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 20px;
    color: #FFF;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.popup-token-btn {
    position: relative;
    width: 86px;
    height: 22px;
    cursor: pointer;
}

.popup-token-btn.popup-token-btn-1 {
    position: absolute;
    bottom: 35px;
    left: 78px;
    background: url('../../_images/_popup/btn_off.jpg') no-repeat center center;
}

.popup-token-btn.popup-token-btn-2 {
    position: absolute;
    bottom: 35px;
    right: 78px;
    background: url('../../_images/_popup/btn_off.jpg') no-repeat center center;
}

.popup-token-btn.popup-token-btn-1.popup-token-btn-1-on {
    background: url('../../_images/_popup/btn_on.jpg') no-repeat center center;
}

.popup-token-btn.popup-token-btn-2.popup-token-btn-2-on {
    background: url('../../_images/_popup/btn_on.jpg') no-repeat center center;
}

.token-button-content {
    position: absolute;
    bottom: -10px;
    left: 85px;
    padding: 8px 0 0 0;
    display: inline-block;
    height: 24px;
    width: 207px;
    text-align: center;
    color: #3A4754;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 1px solid #838992;
    letter-spacing: -1px;
    line-height: 1;
    cursor: pointer;
}

.token-button-content-gray {
    padding: 8px 15px 0 15px;
    display: inline-block;
    height: 24px;
    text-align: center;
    background: #EBEFF2;
    color: #3A4754;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 1px solid #C4CED7;
    letter-spacing: -1px;
    line-height: 1;
    cursor: pointer;
}

.token-button-content-gray2 {
    background: #EBEFF2;
    color: #3A4754;
    font-weight: bold;
    border: 1px solid #C4CED7;
    padding-top: 4px;
    height: 20px;
    vertical-align: top;
}

.layout-body .subbutton-div {
    position: relative;
    top: 120px;
    text-align: right;
    padding-right: 15px;
}

.layout-body .token-div-bg {
    position: relative;
    margin-top: 10px;
    margin-left: 25px;
    width: 938px;
    background-color: #F5F6F8;
}

.layout-body .token-div-img-01 {
    position: absolute;
    top: 10px;
    left: 52px;
    width: 139px;
    height: 139px;
    background: url('../../_images/_sub/fingpr-01.png') no-repeat center center;
}

.layout-body .token-div-img-02 {
    position: absolute;
    top: 10px;
    left: 52px;
    width: 139px;
    height: 139px;
    background: url('../../_images/_sub/fingpr-02.png') no-repeat center center;
}

.layout-body .token-div-img-03 {
    position: absolute;
    top: 20px;
    left: 52px;
    width: 139px;
    height: 139px;
    background: url('../../_images/_sub/fingpr-03.png') no-repeat center center;
}

.layout-body .token-div-bg p {
    position: absolute;
    top: 28px;
    left: 244px;

}

.layout-body .token-steps {
    margin-top: 50px;
    margin-bottom: 60px;
}

.layout-body .token-steps-step {
    float: left;
    width: 283px;
    padding-top: 180px;
    text-align: center;
}

.layout-body .token-div-bg .token-procee-arrow {
    position: relative;
    top: -52px;
    left: 427px;
    width: 29px;
    height: 29px;
    background: url('../../_images/_sub/process-arrow.jpg') no-repeat center center;
}

.token-text-content {
    font-size: 15px;
    font-weight: bold;
    color: #515151;
    letter-spacing: -1px;
    line-height: 1.5;
}

.token-text-content-a {
    line-height: 1px;
    padding-top: -20px;
    font-size: 15px;
    font-weight: bold;
    color: #515151;
    letter-spacing: -1px;
    cursor: pointer;
}

.token-text-content-a:hover {
    text-decoration: underline;
    background-color: #E9E9E9;
}

.token-text-content-thin {
    font-size: 15px;
    color: #565656;
    letter-spacing: -1px;
    line-height: 1.5;
}

.token-text-content-red {
    font-size: 15px;
    color: #BA2344;
    letter-spacing: -1px;
    line-height: 1.5;
}

.note-red {
    background: #F5F6F8;
    padding: 15px;
    height: 50px;
    margin-left: 15px;
}

/*****############# 고객지원 - 이용안내 info #############******/
.layout-body .cs-report-info {
    position: relative;
    top: 0;
    left: 0;
    height: 312px;
}

.layout-body .cs-report-infos {
    position: relative;
    top: 10px;
    left: 0;
    width: 910px;
    height: 312px;
}

.layout-body .cs-report-infos-info1 {
    position: absolute;
    top: 0;
    left: 60px;
    float: left;
    width: 382px;
    height: 38px;
    padding-top: 17px;
    font-size: 17px;
    font-weight: bold;
    color: #303F4D;
    letter-spacing: -1px;
    text-align: center;
}

.layout-body .cs-report-infos-info2 {
    position: absolute;
    top: 0;
    right: 0;
    float: left;
    width: 480px;
    height: 38px;
    padding-top: 17px;
    font-size: 17px;
    font-weight: bold;
    color: #303F4D;
    letter-spacing: -1px;
    text-align: center;
}

.layout-body .cs-report-infos-info3 {
    position: absolute;
    top: 60px;
    left: 90px;
    padding: 10px 27px;
    float: left;
    width: 328px;
    height: 240px;
    font-size: 15px;
    color: #4E4E4E;
    letter-spacing: -1px;
    text-align: left;
    line-height: 25px;
    background: url("../../_images/_sub/principal_icon.png") no-repeat 118px top;
}

.layout-body .cs-report-infos-info4 {
    position: absolute;
    top: 60px;
    right: 0;
    padding-top: 10px;
    float: left;
    width: 370px;
    height: 240px;
    font-size: 15px;
    color: #4E4E4E;
    letter-spacing: -1px;
    text-align: left;
    line-height: 25px;
    background: url("../../_images/_sub/other_icon.png") no-repeat 85px top;
}

.layout-body .cs-report-infos-info4 span {
    position: relative;
    top: 10px;
    color: #F86D3E;
    font-size: 14px;
    font-weight: bold;
}

.layout-body .cs-report-bar {
    position: absolute;
    top: 298px;
    left: 492px;
    width: 1px;
    height: 276px;
    border: 1px solid #E2EBF0;
    box-sizing: border-box;
}

/*****############# 고객지원 - 이용안내 info 끝 #############******/

.layout-body .report-view-btn-open {
    display: none;
    position: absolute;
    top: 804px;
    right: 0;
    width: 41px;
    height: 41px;
    background: url("../../_images/_sub/btn_down.jpg") no-repeat;
    cursor: pointer;
}

.layout-body .report-view-btn-close {
    position: absolute;
    top: 804px;
    right: 0;
    width: 41px;
    height: 41px;
    background: url("../../_images/_sub/btn_up.jpg") no-repeat;
    cursor: pointer;
}

.layout-body .report-view-title {
    height: 43px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
}

.layout-body .report-ceo-btn {
    padding-right: 20px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.layout-body .report-ceo-btn:hover {
    color: #017DC5;
    text-decoration: underline;
}

.layout-body .report-agent-btn {
    padding-left: 30px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.layout-body .report-agent-btn:hover {
    color: #017DC5;
    text-decoration: underline;
}

.layout-body .report-ceo-btn.report-btn-on {
    color: #017DC5;
    text-decoration: underline;
}

.layout-body .report-agent-btn.report-btn-on {
    color: #017DC5;
    text-decoration: underline;
}

.layout-body .cs-map-view-bar {
    position: relative;
    border-top: 1px solid #C2C2C2;
    text-align: right;
}

.layout-body .cs-map-view-btn-open {
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    height: 41px;
    background: url("../../_images/_sub/btn_down.jpg") no-repeat;
    cursor: pointer;
}

.layout-body .cs-map-view-btn-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    height: 41px;
    background: url("../../_images/_sub/btn_up.jpg") no-repeat;
    cursor: pointer;
}

.layout-body .cs-map-view-btn-open:hover {
}

.layout-body .cs-map-seongnam {
    display: none;
    width: 694px;
    height: 320px;
    background: url("../../_images/_sub/map_seongnam.jpg") no-repeat;
}

.layout-body .cs-map-samsung {
    display: none;
    width: 694px;
    height: 320px;
    background: url("../../_images/_sub/map_seoul.jpg") no-repeat;
}

.layout-body .cs-map-hightech {
    display: none;
    width: 694px;
    height: 320px;
    background: url("../../_images/_sub/map_gwangju.jpg") no-repeat;
}

.layout-body .report-write-ceo {
    height: 1980px;
    background: url("../../_images/_sub/report-write-ceo.jpg") no-repeat center center;
}

.layout-body .print-report-write-ceo {
    height: 984px;
    background: url("../../_images/_sub/print-report-write-ceo.jpg") no-repeat center center;
}

.layout-body .report-write-agent {
    height: 1737px;
    background: url("../../_images/_sub/report-write-agent.jpg") no-repeat center center;
}

.layout-body .print-report-write-agent {
    height: 1104px;
    background: url("../../_images/_sub/print-report-write-agent.jpg") no-repeat center center;
}

.layout-body .cs-visit-container {
    position: relative;
    padding-left: 35px;
}

.layout-body .cs-visit-process {
    width: 100%;
    height: 99px;
    background: url("../../_images/_sub/direct-process.jpg") no-repeat center center;
}

.layout-body .cs-visit-container ul {
    position: relative;
    top: 20px;
    width: 100%;
    height: 170px;
}

.layout-body .cs-visit-container ul .cs-visit-process-li {
    float: left;
    width: 222px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}

.layout-body .cs-visit-container ul .cs-visit-process-li p {
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.5;
}

.layout-body .cs-visit-container ul .cs-visit-process-bar {
    float: left;
    width: 10px;
    height: 100%;
}

/* 1:1온라인문의*/
.cs-tabs-tab {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    margin-left: -1px;
}

/** 1:1 문의하기 **/
.sub-csc-list li.sub-csc-list-q:first-child {
    border-top: 1px solid #E0E0E0;
}

.sub-csc-list li.sub-csc-list-q {
    background: url('../../_images/_sub/q_icon.png') no-repeat 140px 17px;
    cursor: pointer;
}

.sub-csc-list li.sub-csc-list-q-none {
    cursor: pointer;
}

.sub-csc-list li.sub-csc-list-a {
    display: none;
    background: #F2F7FD url('../../_images/_sub/a_icon.png') no-repeat 140px 17px;
}

.sub-csc-list li {
    position: relative;
    padding: 20px 20px 20px 20px;
    border-bottom: 1px solid #E0E0E0;
    line-height: 1.5;
}

.sub-csc-list li.sub-csc-list-a {
    background-position: 140px 19px;
}

.sub-csc-list li.sub-csc-list-a .sub-csc-list-a-pwd {
    margin-top: -3px;
    padding-left: 160px;
}

.sub-csc-list li.sub-csc-list-a .sub-csc-list-a-pwd a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 44px;
    height: 25px;
    padding-top: 3px;
    background-color: #4B6587;
    vertical-align: top;
    text-align: center;
    color: #FFF;
}

.sub-csc-list li.sub-csc-list-a .sub-csc-list-a-pwd a:hover {
    background-color: #728DB1;
    font-weight: bold;
}

.sub-csc-list li.sub-csc-list-a .sub-csc-list-a-pwd span {
    color: red;
    font-size: 12px;
    line-height: 1;
    margin-left: 15px;
    display: none;
}

.sub-csc-list li.sub-csc-list-a .sub-csc-list-a-contents {
    display: none;
}

.sub-csc-list li.sub-csc-list-a .sub-csc-list-a-contents .sub-csc-list-a-a {
    border-top: 1px dashed #ccc;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 167px;
}

.sub-csc-list li.sub-csc-list-a .sub-csc-list-a-contents .sub-csc-list-a-q {
    padding-left: 167px;
}

.serachqna {
    position: absolute;
    top: 0;
    right: 30px;
}

.serachqna-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 26px;
    border: 1px solid #DEDEDE;
    background: url('../../_images/_sub/search-icon.png') no-repeat center #EFEFEF;
    cursor: pointer;
}

.serachqna-img:hover {
    background-color: #E0E0E0;
}

#btnCheckPwd {
    cursor: pointer;
}

.qna-btns {
    position: absolute;
    bottom: 60px;
    right: 0;
}

.qna-btns a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 106px;
    height: 30px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #F4F8FC;
    cursor: pointer;
    background: #105DB5;
    text-align: center;
}

.qna-table {
    border-top: 2px solid #9E9E9E;
    border-bottom: 2px solid #D8D8D8;
    border-left: 0;
    border-right: 0;
}

.qna-table tr th {
    height: 44px;
    text-align: center;
    font-size: 14px;
}

#btnDelete {
    position: absolute;
    bottom: 10px;
    right: 110px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 44px;
    height: 25px;
    padding-top: 3px;
    background-color: #4B6587;
    vertical-align: top;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

#btnDelete:hover {
    background-color: #728DB1;
    font-weight: bold;
}

#btnClose {
    position: absolute;
    bottom: 10px;
    right: 60px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 44px;
    height: 25px;
    padding-top: 3px;
    background-color: #4B6587;
    vertical-align: top;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

#btnClose:hover {
    background-color: #728DB1;
    font-weight: bold;
}

/** 팝업 **/
.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: #000;
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 30px;
    width: 26px;
    height: 25px;
    background: url("../../_images/_popup/pop-close.png") no-repeat center center;
    cursor: pointer;
}

#PopupVisit {
    display: none;
    position: absolute;
    z-index: 999;
    left: 55%;
    width: 592px;
    height: 455px;
    margin: -250px 0 0 -376px;
    box-shadow: 0 0 15px 0 #000;
    font-size: 14px;
    border-radius: 10px 10px;
}

#PopupVisit .visit-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 59px;
    border-radius: 5px 5px 0 0;
    background: url("../../_images/_popup/pop-bg.png");
}

#PopupVisit .visit-top h2 {
    position: absolute;
    top: 15px;
    left: 25px;
    font-size: 20px;
    color: white;
}

#PopupVisit .visit-body {
    height: 345px;
    padding: 30px 55px 0 55px;
    margin-top: 60px;
    background-color: #FFF;
}

#PopupVisit .visit-info {
    position: relative;
    top: 0;
    left: 15px;
    width: 95%;
    height: 96px;
    background-color: #EFF3F6;
}

#PopupVisit .visit-info p {
    position: absolute;
    top: 20px;
    left: 40px;
    font-weight: bold;
    letter-spacing: -1px;
}

#PopupVisit .visit-tip {
    position: relative;
    top: 0;
    left: 0;
    width: 480px;
    height: 96px;
    font-size: 14px;
    color: #ACACAC;
    letter-spacing: -1px;
    line-height: 1;
}

#PopupVisit .visit-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 105px;
    background: #EAEEF1;
    border-radius: 0 0 5px 5px;
}

#PopupVisit .visit-logo {
    position: absolute;
    top: 38px;
    left: 40px;
    width: 246px;
    height: 32px;
    background: url("../../_images/_popup/pop-logo.png") no-repeat;
}

#PopupVisit .visit-cs {
    position: absolute;
    top: 22px;
    left: 340px;
    width: 400px;
    height: 40px;
    line-height: 21px;
    text-align: left;
}

#PopupVisit .visit-cs p {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 2;
}

#PopupVisit .visit-bottom-bar {
    position: absolute;
    top: 30px;
    left: 310px;
    width: 2px;
    height: 45px;
    border-right: 2px solid #D3D7DA;
}

#PopupVisit .visit-cs-sub-bg {
    position: absolute;
    top: 0;
    left: 130px;
    background: #FFF;
    color: #325C7F;
    font-weight: bold;
    padding: 3px;
    border-radius: 10px;
    line-height: 18px;
}

#PopupVisit .visit-cs-num {
    color: #0051BE;
    font-size: 26px;
    font-weight: bold;
}

#PopupVisit .visit-cs-info {
    color: #8E8E8E;
    font-size: 14px;
    font-weight: bold;
}

#PopupApply,
#PopupApplyStop,
#PopupAgency {
    display: none;
    position: absolute;
    z-index: 999;
    left: 55%;
    width: 592px;
    height: 455px;
    margin: -250px 0 0 -376px;
    box-shadow: 0 0 15px 0 #000;
    background-color: #fff;
    font-size: 14px;
    border-radius: 10px;
}

#PopupApply .visit-top,
#PopupApplyStop .visit-top,
#PopupAgency .visit-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 59px;
    border-radius: 5px 5px 0 0;
    background: url("../../_images/_popup/pop-bg.png");
}

#PopupApply .visit-top h2,
#PopupApplyStop .visit-top h2,
#PopupAgency .visit-top h2 {
    position: absolute;
    top: 15px;
    left: 25px;
    font-size: 20px;
    color: white;
}

#PopupAgency .visit-body {
    height: 345px;
    padding: 40px 55px 0 55px;
    margin-top: 59px;
    background-color: #FFF;
}

#PopupApply .visit-body,
#PopupApplyStop .visit-body {
    height: 345px;
    padding: 20px 55px 0 55px;
    margin-top: 59px;
    background-color: #FFF;
}

#PopupApply  .visit-body .visit-body1,
#PopupApplyStop  .visit-body .visit-body1,
#PopupAgency .visit-body .visit-body1 {
    width: 100%;
    height: 21px;
    background: url("../../_images/_popup/msub-title-number-1.gif") no-repeat 15px center;
}

#PopupApply  .visit-body .visit-body1 p,
#PopupApplyStop  .visit-body .visit-body1 p,
#PopupAgency .visit-body .visit-body1 p {
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5;
}

#PopupApply  .visit-body .visit-body2,
#PopupApplyStop  .visit-body .visit-body2,
#PopupAgency .visit-body .visit-body2 {
    width: 100%;
    height: 21px;
    background: url("../../_images/_popup/msub-title-number-2.gif") no-repeat 15px center;
}

#PopupApply  .visit-body .visit-body2 p,
#PopupApplyStop  .visit-body .visit-body2 p,
#PopupAgency .visit-body .visit-body2 p {
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5;
}

#PopupApply  .visit-body .visit-body3,
#PopupApplyStop  .visit-body .visit-body3,
#PopupAgency .visit-body .visit-body3 {
    width: 100%;
    height: 21px;
    background: url("../../_images/_popup/msub-title-number-3.gif") no-repeat 15px center;
}

#PopupApply  .visit-body .visit-body3 p,
#PopupApplyStop  .visit-body .visit-body3 p,
#PopupAgency .visit-body .visit-body3 p {
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5;
}

#PopupApply  .visit-body .section,
#PopupApplyStop  .visit-body .section {
    width: 100%;
    height: 80px;
    text-align: center;

    border-bottom: 2px solid #e4e4e4;
}

#PopupApply  .visit-body .section p,
#PopupApplyStop  .visit-body .section p {
    padding: 30px 0;
    font-size: 28px;
    font-weight: 800;
}

#PopupApply  .visit-body .ApplyContents,
#PopupApplyStop  .visit-body .ApplyContents {
    padding: 24px 20px;
}

#PopupApply  .visit-body .ApplyContents p,
#PopupApplyStop  .visit-body .ApplyContents p {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 21px;
}

#PopupApply  .visit-body .ApplyContents .order,
#PopupApplyStop  .visit-body .ApplyContents .order {
    padding: 18px;
    background-color: #f1f4f9;
}

#PopupApply  .visit-body .ApplyContents .order ul,
#PopupApplyStop  .visit-body .ApplyContents .order  ul {
    display: inline-block;
}

#PopupApply  .visit-body .ApplyContents .order ul li,
#PopupApplyStop  .visit-body .ApplyContents .order ul li {
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

#PopupApply .visit-body .box-btn,
#PopupApply .visit-body .box-btn {
    margin-top: 11px;
    margin-left: 32px;
}

#PopupApply .visit-body .box-btn a,
#PopupApply .visit-body .box-btn a {
    width: 180px;
    height: 41px;
    text-align: center;
    margin-left: 19px;

    float: left;
}

#PopupApply .visit-body .box-btn a .left,
#PopupApply .visit-body .box-btn a .right {
    width: 180px;
    padding: 15px 0;
    text-align: center;
    float: right;
    font-weight: 600;
    font-size: 13px;
    color: #FFF;
}

#PopupApply .visit-body .box-btn a .left {
    background-color: #0085d2;
}

#PopupApply .visit-body .box-btn a .right {
    background-color: #0553a5;
}

#PopupApply  .visit-body .ApplyContents .order ul span,
#PopupApplyStop  .visit-body .ApplyContents .order ul span {
    margin-right: 10px;
    font-size: 5px;
    color: #46494e;
}

#PopupApply  .visit-body .ApplyContents .left,
#PopupApplyStop  .visit-body .ApplyContents .left {
    margin-left: 30px;
}

#PopupApply  .visit-body .ApplyContents .right,
#PopupApplyStop  .visit-body .ApplyContents .right {
    margin-left: 46px;
}

#PopupApplyStop .visit-body .contents {
    line-height: 26px;
    padding: 62px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#PopupApplyStop .visit-body .contents .highlight {
    padding-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #2f5ea4;
}

#PopupApplyStop .visit-body .contents span {
    padding-bottom: 10px;
}

#PopupApplyStop .visit-body .contents-sub {
    width: 30px;
}

#PopupApply .visit-info,
#PopupApplyStop .visit-info,
#PopupAgency .visit-info {
    position: relative;
    top: 0;
    left: 0;
    width: 480px;
    height: 96px;
    background-color: #EFF3F6;
}

#PopupApply .visit-info p,
#PopupApplyStop .visit-info p,
#PopupAgency .visit-info p {
    position: absolute;
    top: 20px;
    left: 40px;
}

#PopupApply .visit-tip,
#PopupApplyStop .visit-tip,
#PopupAgency .visit-tip {
    position: relative;
    top: 0;
    left: 0;
    width: 480px;
    height: 96px;
    font-size: 14px;
    color: #ACACAC;
    letter-spacing: -1px;
    line-height: 1;
}

#PopupApply .visit-bottom,
#PopupApplyStop .visit-bottom,
#PopupAgency .visit-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 105px;
    background: #EAEEF1;
    border-radius: 0 0 5px 5px;
}

#PopupApply .visit-logo,
#PopupApplyStop .visit-logo,
#PopupAgency .visit-logo {
    position: absolute;
    top: 38px;
    left: 40px;
    width: 246px;
    height: 32px;
    background: url("../../_images/_popup/pop-logo.png") no-repeat;
}

#PopupApply .visit-cs,
#PopupApplyStop .visit-cs,
#PopupAgency .visit-cs {
    position: absolute;
    top: 22px;
    left: 340px;
    width: 400px;
    height: 40px;
    line-height: 21px;
    text-align: left;
}

#PopupApply .visit-cs p,
#PopupApplyStop .visit-cs p,
#PopupAgency .visit-cs p {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 2;
}

#PopupApply .visit-bottom-bar,
#PopupApplyStop .visit-bottom-bar,
#PopupAgency .visit-bottom-bar {
    position: absolute;
    top: 30px;
    left: 310px;
    width: 2px;
    height: 45px;
    border-right: 2px solid #D3D7DA;
}

#PopupApply .visit-cs-sub-bg,
#PopupApplyStop .visit-cs-sub-bg,
#PopupAgency .visit-cs-sub-bg {
    position: absolute;
    top: 0;
    left: 130px;
    background: #FFF;
    color: #325C7F;
    font-weight: bold;
    padding: 3px;
    border-radius: 10px;
    line-height: 18px;
}

#PopupApply .visit-cs-num,
#PopupApplyStop .visit-cs-num,
#PopupAgency .visit-cs-num {
    color: #0051BE;
    font-size: 26px;
    font-weight: bold;
}

#PopupApply .visit-cs-info,
#PopupApplyStop .visit-cs-info,
#PopupAgency .visit-cs-info {
    color: #8E8E8E;
    font-size: 14px;
    font-weight: bold;
}

#PopupEvent {
    display: none;
    position: absolute;
    left: 62%;
    z-index: 999;
    width: 550px;
    height: 650px;
    /*margin:-206px 0 0 -176px;*/
    margin: -328px 0 0 -260px;
    box-shadow: 0 0 15px 0 #000;
    font-size: 14px;
    /*background: #FFF url('../../_images/_main/_popup/event_04.jpg') no-repeat center bottom;*/
    background: #FFF;
}

.PopupEvent-title {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 30px;
    background-color: #FFF;
}

.PopupEvent-title a {
    position: absolute;
    right: 0;
    display: block;
    text-align: right;
    width: 100%;
    height: 30px;
    font-size: 24px;
    font-weight: bold;
    font-color: black;
}

.PopupEvent-title a:hover {
    background-color: #FAA720;
    color: #FFF;
    cursor: pointer;
}

.event-label-btn1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 230px;
    height: 56px;
    cursor: pointer;
}

.event-label-btn2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 215px;
    height: 56px;
    cursor: pointer;
}

.event-label-abtn {
    position: absolute;
    bottom: 40px;
    left: 104px;
    display: block;
    width: 325px;
    height: 40px;
    cursor: pointer;
}

.popup-event-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    cursor: pointer;
    /*background: url('../../_images/_main/_popup/event_01_close.png') no-repeat center center;*/
}

/* 팝업 닫기 버튼 */
.contact-btns {
    text-align: center;
}

.contact-btns a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #FFF;
    cursor: pointer;
    background: #105DB5;
}

.contact-btns a:hover {
    text-decoration: underline;
}

.contact-btns a.contact {
    width: 150px;
    margin-right: 10px;
}

.contact-btns a.cancel {
    width: 114px;
    background-position: 0 -40px;
    color: #FFF;
}

#PopupManage .contact-btns {
    position: absolute;
    top: 7px;
    right: 20px;
    text-align: center;
}

#PopupManage .contact-btns a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    cursor: pointer;
    border-radius: 5px;
}

#PopupManage .contact-btns a:hover {
    text-decoration: underline;
}

#PopupManage .contact-btns a.cancel {
    width: 30px;
    height: 30px;
    color: #464646;
    background: #FFF;
}

/* 상단 안내글*/
.contact-info {
    position: relative;
    height: 147px;
    border: 1px solid #A2BFD1;
    border-top: 5px solid #8FA8BF;
    border-radius: 0 0 5px 5px;
    background: #FFF url("../../_images/_sub/sub02_img.png") no-repeat 44px center;
}

.contact-info .contact-info-title {
    position: absolute;
    top: 25px;
    left: 173px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #2264AE;
}

.contact-info .contact-info-title span {
    color: #EA6B0E;
}

.contact-info .contact-info-bar {
    position: absolute;
    top: 58px;
    left: 173px;
    width: 500px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 1px dotted #ACC4D7;
}

.contact-info p {
    position: absolute;
    top: 65px;
    left: 173px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #463A2E;
}

.contact-info label {
    position: absolute;
    top: 100px;
    left: 173px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #454545;
}

/* popup manage 절차보기 */
#PopupManage {
    display: none;
    position: absolute;
    z-index: 999;
    left: 50%;
    width: 750px;
    height: 710px;
    margin: -356px 0 0 -376px;
    border: 1px solid #A6A6A6;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 #666;
    font-size: 14px;
}

#PopupManage .visit-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 750px;
    height: 60px;
    border-radius: 5px 5px 0 0;
    background: url("../../_images/_popup/popup_top2.png");
}

#PopupManage .visit-top h2 {
    position: absolute;
    top: 15px;
    left: 25px;
    font-size: 20px;
    color: white;
}

#PopupManage .visit-body {
    position: relative;
    height: 515px;
    padding: 20px;
    margin-top: 60px;
    background-color: #FFF;
}

#PopupManage .visit-step {
    height: 115px;
}

#PopupManage .visit-step li {
    position: relative;
    float: left;
    width: 300px;
    height: 115px;
    border: 1px solid #DDE2E3;
    margin-left: 30px;
}

#PopupManage .visit-step li.visit-step-1 {
    background: url("../../_images/_popup/product_01.jpg") no-repeat left center;
}

#PopupManage .visit-step li.visit-step-2 {
    background: url("../../_images/_popup/product_02.jpg") no-repeat left center;
}

#PopupManage .visit-step li span {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

#PopupManage .visit-step li span.text-content {
    margin-left: 50px;
}

.manage-img-02 {
    position: relative;
    top: 0;
    left: 0;
    height: 290px;
    background: url("../../_images/_popup/01.jpg") no-repeat center;
}

.manage-img-03 {
    position: relative;
    top: 0;
    left: 0;
    height: 485px;
    background: url("../../_images/_popup/02.jpg") no-repeat center;
}

.manage-img-04 {
    position: relative;
    top: 0;
    left: 0;
    height: 245px;
    background: url("../../_images/_popup/03.jpg") no-repeat center;
}

.manage-img-05 {
    position: relative;
    top: 0;
    left: 0;
    height: 293px;
    background: url("../../_images/_popup/04.jpg") no-repeat center;
}

.manage-img-06 {
    position: relative;
    top: 0;
    left: 0;
    height: 112px;
    background: url("../../_images/_popup/05.jpg") no-repeat center;
}

.manage-img-07 {
    position: relative;
    top: 0;
    left: 0;
    height: 176px;
    background: url("../../_images/_popup/06.jpg") no-repeat center;
}

.manage-img-08 {
    position: relative;
    top: 0;
    left: 0;
    height: 160px;
    background: url("../../_images/_popup/07.jpg") no-repeat center;
}

#PopupManage .visit-info {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 20px;
    padding-left: 190px;
    padding-right: 20px;
    width: 472px;
    height: 70px;
    background: #E7EAF1;
    border-radius: 20px;
}

#PopupManage .visit-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 750px;
    height: 105px;
    background: #EAEEF1;
    border-radius: 0 0 5px 5px;
}

#PopupManage .visit-logo {
    position: absolute;
    top: 38px;
    left: 115px;
    width: 246px;
    height: 32px;
    background: url("../../_images/_popup/pop-logo.png") no-repeat;
}

#PopupManage .visit-cs {
    position: absolute;
    top: 30px;
    left: 428px;
    width: 400px;
    height: 40px;
    font-weight: bold;
    line-height: 21px;
    text-align: left;
}

#PopupManage .visit-bottom-bar {
    position: absolute;
    top: 30px;
    left: 395px;
    width: 2px;
    height: 45px;
    border-right: 2px solid #D3D7DA;
}

#PopupManage .visit-cs-num {
    color: #0051BE;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1px;
}

/** 테이블 공통 **/
.table-contents {
    border-top: 1px solid #BBD0DD;
    border-bottom: 1px solid #BBD0DD;
}

.table-contents table {
    width: 100%;
}

.table-contents table th, .table-contents table td {
    height: 25px;
    padding: 10px 20px;
    border-top: 1px solid #D4D4D4;
    font-size: 15px;
}

.table-contents table th {
    position: relative;
    background-color: #EEF5FB;
    border-top: 1px solid #BBD0DD;
    font-weight: bold;
    color: #313131;
    text-align: left;
    padding-left: 30px;
    padding-right: 0;
}

.table-contents table tr:first-child th, .table-contents table tr:first-child td {
    border-top: 0;
}

.table-contents table input[type=text],
.table-contents table textarea {
    width: 100%;
    margin-left: -10px;
}

.table-contents table input[type=radio] {
    margin-top: -3px;
}

.table-contents table .required {
    display: block;
    position: absolute;
    left: 17px;
    color: #D21506;
    margin-top: 3px;
}

.layout-body .cs-title {
    padding-top: 70px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
    color: #818181;
}

.layout-body .cs-tip {
    width: 900px;
    margin-left: 20px;
    padding-top: 25px;
    height: 69px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    background-color: #E9F0F6;
    border-radius: 80px 80px;
    color: #343434;
    line-height: 1.5;
}

.layout-body .cs-tip span {
    color: #1A8DC9;
}

/** rolling-tab 탭 **/
.roll-tabs {
    height: 64px;
    border-bottom: 5px solid #E7ECF0;
    box-sizing: border-box;
}

.roll-tabs .roll-tabs-wrapper {
    display: inline-block;
}

.roll-tabs .roll-tabs-wrapper .roll-tab {
    float: left;
    height: 31px;
    margin-top: 4px;
    padding-top: 8px;
    color: #9A9A9A;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.roll-tabs .roll-tabs-wrapper .roll-tab:first-child span {
    position: absolute;
    left: 50px;
}

.roll-tabs .roll-tabs-wrapper .roll-tab:last-child span {
    position: absolute;
    right: 50px;
}

.roll-tabs .roll-tabs-wrapper .roll-tab.roll-tab-on {
    position: relative;
    top: -25px;
    color: #2F2F2F;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -1px;
}

.roll-tabs .roll-tabs-wrapper .roll-tab:last-child {
    background: url("../../_images/_sub/arrow-right.png") no-repeat right center;
}

/** 탭 **/
.sub-tabs {
    text-align: center;
    height: 44px;
    border-bottom: 2px solid #424242;
}

.sub-tabs .sub-tabs-wrapper {
    display: inline-block;
}

.sub-tabs .sub-tabs-wrapper .sub-tab {
    float: left;
    height: 31px;
    margin-top: 4px;
    padding-top: 8px;
    border: 1px solid #DADADA;
    border-left-width: 0;
    border-bottom-width: 0;
    background-color: #F2F2F2;
    color: #7B7B7B;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.sub-tabs .sub-tabs-wrapper .sub-tab:first-child {
    border-left-width: 1px;
}

.sub-tabs .sub-tabs-wrapper .sub-tab.sub-tab-on {
    height: 32px;
    margin-top: 0;
    margin-left: -1px;
    padding-top: 12px;
    border: 2px solid #424242;
    border-bottom: 0;
    background-color: #FFF;
    color: #505050;
}

/** 페이징 **/
.paging {
    text-align: center;
}

.paging li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: 1px solid #CCCCCC;
    width: 30px;
    height: 23px;
    padding-top: 7px;
    color: #909090;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    vertical-align: top;
}

.paging li:hover {
    background-color: #E6E6E6;
}

.paging li.paging-on {
    border-color: #7F7F7F;
    background-color: #7F7F7F;
    color: #fff;
}

.paging li.paging-arr {
    font-size: 9px;
    line-height: 1.5;
}

.paging li.paging-arr-double {
    letter-spacing: -3px;
}

/** FAQ **/
.faq-list {
}

.faq-list li {
    padding: 20px 20px 20px 90px;
    border-bottom: 1px solid #D4D4D4;
    font-size: 14px;
}

.faq-list li.faq-list-q {
    background: url('../../_images/_sub/q_icon.png') no-repeat 45px 17px;
    cursor: pointer;
}

.faq-list li.faq-list-q:hover {
    background-color: #F7F7F7;
}

.faq-list li.faq-list-q span {
    position: absolute;
    right: 60px;
    color: #818B95;
    font-weight: bold;
}

.faq-list li.faq-list-a {
    display: none;
    background: #F4F8FB url('../../_images/_sub/a_icon.png') no-repeat 45px 21px;
}

li.faq-list-none {
    padding: 20px 20px 20px 20px;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    text-align: center;
    color: #525D80;
}

td.faq-list-none {
    padding: 20px 20px 20px 20px;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    text-align: center;
    color: #525D80;
}

/** 공지사항 **/
.notice-list {
    width: 100%;
}

.notice-list th {
    height: 45px;
    border: 1px solid #C3CDD6;
    background-color: #F0F5FB;
    color: #43515E;
    font-size: 15px;
    text-align: center;
}

.notice-list td {
    height: 45px;
    padding-left: 20px;
    border-bottom: 1px solid #C3CDD7;
    font-size: 15px;
    cursor: pointer;
}

.notice-list tbody tr:hover {
    background-color: #F7F7F7;
}

.notice-list td.c {
    text-align: center;
    padding-left: 0;
}

/** 스마트에디터 **/
.smarteditor, .smarteditor dd, .smarteditor dt {
    line-height: 2;
    font-size: 14px;
}

.smarteditor ul, .smarteditor ol {
    padding-left: 30px;
}

.smarteditor li {
    display:list-item;
    border-bottom: 0px;
    padding: 0px;
}

.smarteditor ol > li {
    list-style: decimal !important;
}

.smarteditor ul li {
    list-style: disc;
}

.smarteditor ul ul li {
    list-style: circle;
}

.smarteditor ul ul ul li {
    list-style: square;
}

.smarteditor code {
    font-family: "malgun gothic", dotum, serif !important;
    font-size: 14px;
    background-color: #e6e8e9;
}

.smarteditor pre {
    padding: 5px 10px;
    color: rgb(131, 148, 150);
    border-radius: 3px;
    background-color: rgb(0, 43, 54);
}

.smarteditor pre code[class*=language-] {
    background-color: inherit;
}

.smarteditor p {
    font-size: 14px;
    line-height: 1.6;
}

.smarteditor a {
    color: dodgerblue;
    vertical-align: baseline;
}

.smarteditor a:hover {
    text-decoration: underline;
}

.smarteditor table thead {
    background: rgb(243, 243, 243);
}

.smarteditor table tr {
    border: 1px solid rgb(198, 203, 209);
    height: 43px;
}

.smarteditor table th, .smarteditor table td {
    padding: 0px 25px;
    border-width: 0px 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgb(198, 203, 209);
    border-left-color: rgb(198, 203, 209);
}

.smarteditor blockquote {
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: .9rem;
    font-weight: 400;
    border-left: 5px solid #b0bcd4;
    padding: 10px 20px;
    background-color: #f2f4f8;
}

.smarteditor hr {
    border-top-style: inset;
    margin: 1.5rem 0;
}

.smarteditor hr.lg {
    border-top-width: 2px;
}

.smarteditor hr {
    border-top-width: 1px;
}

.smarteditor h1 {
    margin-bottom: 2.5rem;
    font-size: 2.125rem;
}

.smarteditor h2 {
    margin-bottom: 2rem;
    font-size: 1.7rem;
    counter-reset: h3 h4 h5 h6;
}

.smarteditor p {
    margin-bottom: .75rem;
    line-height: 1.6rem;
}

/** 이미지: 갱신이 필요없는 **/
.no-renewal-img {
    position: absolute;
    top: -28px;
    right: 0px;
}

/** input **/
input {
    padding: 0 5px;
    height: 26px;
    border: 1px solid #DEDEDE;
    font-family: 'magun gothic';
    vertical-align: top;
}

textarea {
    border: 1px solid #D8D8D8;
    font-size: 14px;
    height: 16px;
    padding: 3px 4px;
    font-family: 'malgun gothic', 'serif';
    margin: 0;
}

select {
    border: 1px solid #D8D8D8;
    font-size: 14px;
    height: 24px;
}

.clear-both {
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
}