@charset "utf-8";
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}
html, body { height:100%; background: #fff; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder {
    font-size: .875em;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-writing-mode: horizontal-tb;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus, *:visited, *:active, *:hover  { outline:0 !important;}
*::-moz-focus-inner { border:0; }
a { text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,
a:hover { outline-width: 0; }
input:focus, input.input-focus,
textarea:focus,
textarea.input-focus,
select:focus,
select.input-focus {
  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#container { position: relative; width: 100%; min-width: 1200px; margin: 0 auto; }
.inner-wrap { position: relative; width: 1200px; margin: 0 auto; }
.back-images { position: absolute; left: 0; top: 0; width: 100%; height: 789px; overflow: hidden; }
.back-images .tits { position: relative; height: 400px; text-align: center; }
.back-images .tits p { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.back-images .tits p.now { display: block; }
.back-images .logos { position: absolute; left: 50%; top: 50%; z-index: 1; margin : 15px 0 0 -550px;}
.back-images .logos p { margin-top: 15px;}
.back-images .desc { text-align: center; color: #fff; font-size: 25px; margin-top: 35px; }
.back-images .fac-opt { color: #fa5c4f; font-size: 30px; text-align: center; font-family: "Sakkal Majalla"; }
.back-images .paging { margin-top: 75px; text-align: center; }
.back-images .paging a { opacity: .5; margin: 0 8px; text-indent: -9999px; display: inline-block; width: 14px; height: 14px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.back-images .paging a.now { opacity: 1; }
.back-images .btns { margin-top: 35px; text-align: center; font-size: 0; }
.back-images .btns a { padding: 0 20px; display: inline-block; color: #fff; font-size: 20px; height: 36px; line-height: 36px; background-color: transparent; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.back-images .btns a.facsta-apply { margin-right: 15px; background-color: #fa5c4f; }
.back-images .btns a.ad-question { margin-right: -1px; border: 1px solid #fff; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; -moz-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.back-images .btns a.b2b-question { margin-right: 15px; border: 1px solid #fff; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; -moz-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
.back-images .btns a.factoryb-question { margin-right: 15px; color: #fa5c4f; background-color: #fff; }
.back-images .overlay { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .4; }
#header { position: relative; z-index: 1; }
.is-sticky #header { opacity: .9; background-color: #303279; }
#header .logo a { z-index: 1; position: absolute; left: 53px; top: 21px; display: block; width: 180px; height: 34px; text-indent: -9999px; background: transparent url(../images/logo_facsta.png) no-repeat 0 0; }
#header .menu-wrap { position: relative; }
#header .menu-wrap .menus { margin-left: 325px; }
#header .menu-wrap .menus li { position: relative; float: left; margin-right: 30px; height: 83px; line-height: 83px; }
#header .menu-wrap .menus li a { display: block; color: #fff; font-size: 19px; }
#header .menu-wrap .menus li em { display: none; position: absolute; left: 50%; top: 18px; margin-left: -4px; width: 8px; height: 8px; background-color: #ff624c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#header .menu-wrap .menus li.now em { display: block; }
#header .menu-wrap .side-links { position: absolute; top: 0; right: 0; }
#header .menu-wrap .side-links li { float: left; margin-right: 20px; height: 83px; line-height: 83px; }
#header .menu-wrap .side-links li a { display: block; color: #ff624c; font-size: 17px; }
#header .menu-wrap .side-links .now span { padding: 0 20px; margin-top: 22px; display: block; line-height: 1; height: 36px; line-height: 36px; background-color: #fff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
#header .menu-wrap .side-langs { position: absolute; top: 0; right: -120px; }
#header .menu-wrap .side-langs li { float: left; margin-right: 20px; height: 83px; line-height: 83px; }
#header .menu-wrap .side-langs li a { display: block; color: #ff624c; font-size: 17px; }

#req-box { display: none;  width: 165px; padding: 20px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#req-box { position: absolute; right: 335px; top: 70px; }
#req-box .bull {  position: absolute; left: 130px; top: -9px; width: 20px; height: 10px; background: url(../images/bull_login_box.png) no-repeat 0 0; }
#req-box dl dt { float: left; width: 120px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
#req-box dl dt input { font-size: 13px; width: 100%; color: #323379; padding: 5px; border: 0; border-bottom: 1px solid #e1e1e1; }
#req-box dl dd { float: left; }
#req-box dl dd .btn-login { text-align: center; display: block; width: 73px; height: 55px; line-height: 55px; color: #fff; font-size: 23px; background-color: #323379; }

#login-box { display: none;  width: 234px; padding: 20px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#login-box { position: absolute; right: 198px; top: 70px; }
#login-box .bull {  position: absolute; left: 160px; top: -9px; width: 20px; height: 10px; background: url(../images/bull_login_box.png) no-repeat 0 0; }
#login-box dl dt { float: left; width: 120px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
#login-box dl dt input { font-size: 13px; width: 100%; color: #323379; padding: 5px; border: 0; border-bottom: 1px solid #e1e1e1; }
#login-box dl dd { float: left; }
#login-box dl dd .btn-login { text-align: center; display: block; width: 73px; height: 55px; line-height: 55px; color: #fff; font-size: 23px; background-color: #323379; }

#con-box { display: none;  width: 195px; padding: 20px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#con-box { position: absolute; right: 118px; top: 70px; }
#con-box .bull {  position: absolute; left: 160px; top: -9px; width: 20px; height: 10px; background: url(../images/bull_login_box.png) no-repeat 0 0; }
#con-box dl dt { float: left; width: 120px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
#con-box dl dt input { font-size: 13px; width: 100%; color: #323379; padding: 5px; border: 0; border-bottom: 1px solid #e1e1e1; }
#con-box dl dd { float: left; }
#con-box dl dd .btn-login { text-align: center; display: block; width: 73px; height: 55px; line-height: 55px; color: #fff; font-size: 23px; background-color: #323379; }

#set-box { display: none;  width: 195px; padding: 20px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#set-box { position: absolute; right: 7px; top: 70px; }
#set-box .bull {  position: absolute; left: 160px; top: -9px; width: 20px; height: 10px; background: url(../images/bull_login_box.png) no-repeat 0 0; }
#set-box dl dt { float: left; width: 120px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
#set-box dl dt input { font-size: 13px; width: 100%; color: #323379; padding: 5px; border: 0; border-bottom: 1px solid #e1e1e1; }
#set-box dl dd { float: left; }
#set-box dl dd .btn-login { text-align: center; display: block; width: 73px; height: 55px; line-height: 55px; color: #fff; font-size: 23px; background-color: #323379; }

hr.empty { border: 0 none; height: 707px; }
.section { position: relative; padding: 100px 0; background-color: #f1f0f0; }
.section.odd { background-color: #fff; }
.section h2.tit { font-weight: normal; font-size: 45px; color: #1b1d6f; text-align: center; }
.section h2.tit img { vertical-align: text-top; }
.section .content { margin-top: 40px; }
.section .content .datas li { float: left; width: 20%; text-align: center; }
.section .content .datas li img { margin-bottom: 10px; }
.section .content .datas li span { font-size: 18px; color: #0b0c60; }
.section .content .datas li span .digit { text-indent: -9999px; }
.section .content .datas li .number { position: relative; display: inline-block; padding: 5px 10px; font-weight: bold; color: #fff; background-color: #f50303; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*
.section .content .datas li .number:after { content: ''; position: absolute; left: 0; top: 16px; border-top: 1px solid #c70202; border-bottom: 1px solid #de0202; display: inline-block; width: 100%; }
*/
.section .content .datas li .txt { margin-top: 10px; font-size: 18px; color: #0b0c60; }
.section .content .datas li p strong { color: #0b0c60; font-size: 25px; }
.section .content .datas li .small-txt { margin-top: 10px; color: #0b0c60; font-size: 16px; }
.section .content .data-more { margin-top: -100px; }
.section .content .data-more li { width: 25%; margin-top: 85px; }
.section .content .tabs {}
.section .content .tabs li { float: left; width: 50%; height: 74px; line-height: 74px; border: 1px solid #bfc0c1; text-align: center; }
.section .content .tabs li a { display: block; font-size: 30px; color: #1b1d6f; }
.section .content .tabs li.now { background-color: #1b1d6f; }
.section .content .tabs li.now a { color: #fff; }
.section .content .tabs li.first { margin-right: -1px; }
.section .content .tab-wrap { margin-top: 50px; }
.section .content .tab-wrap .tab { display: none; }
.section .content .tab-wrap .tab h3.tit { font-size: 25px; color: #1b1d6f; text-align: center; font-weight: normal; }
.section .content .tab-wrap .swiper-bg { padding: 100px 85px 65px 85px; background: transparent url(../images/bg_swiper.png) no-repeat 50% 50%; background-size: 1050px 650px;}
.section .content .tab-wrap .swiper-bg .swiper-slide { height: 500px; text-align: center; }
.section .content .swiper-button-prev,
.section .content .swiper-button-next { margin-top: 70px; width: 43px; height: 97px; }
.section .content .swiper-button-prev { left: -55px; background: transparent url(../images/swiper_prev.gif) no-repeat 0 0; }
.section .content .swiper-button-next { right: -55px; background: transparent url(../images/swiper_next.gif) no-repeat 0 0; }
.section .content .swiper-pagination { position: relative; width: 100%; margin-top: 30px; }
.section .content .swiper-pagination .swiper-pagination-bullet { margin: 0 6px; width: 22px; height: 22px; border: 1px solid #303279; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.section .content .swiper-pagination .swiper-pagination-bullet-active { background-color: #303279; }
.section .company-group .advertiser { margin-top: -90px; }
.section .company-group .advertiser li { padding: 0 22px; width: 25%; float: left; text-align: center; margin-top: 90px; }
.section .company-group .advertiser li .circle-box { position: relative; width: 248px; height: 248px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.section .company-group .advertiser li .imgs { position: absolute; bottom: 140px; left: auto; right: auto; width: 100%; text-align: center; }
.section .company-group .advertiser li .imgs img {}
.section .company-group .advertiser li .tits { padding-top: 130px; font-size: 27px; color: #1f1b1c; }
.section .company-group .advertiser li .id-name { font-size: 15px; color: #1b75d1; margin-top: 10px; }
.section .company-group .advertiser li .link { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; }
.section .company-group .swiper-button-prev,
.section .company-group .swiper-button-next { margin-top: -30px; }
.section .use-case .lists {}
.section .use-case .lists li { float: left; width: 33.33333%; }
.section .use-case .lists li .box { position: relative; padding: 0 54px; text-align: center; }
.section .use-case .lists li .msg { width: 295px; height: 286px; overflow: hidden; padding: 20px 27px 0 27px; }
.section .use-case .lists li .msg .txt { margin: 15px 0; display: block; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; color: #fff; font-size: 15px; }
.section .use-case .lists li .msg span { display: block; height: 23px; }
.section .use-case .lists li .msg .before { background: transparent url(../images/bull_msg_before.png) no-repeat 50% 50%; }
.section .use-case .lists li .msg .after { background: transparent url(../images/bull_msg_after.png) no-repeat 50% 50%; }
.section .use-case .lists li .color-blue .msg { background-color: #667bb8; }
.section .use-case .lists li .color-gray .msg { background-color: #9295a1; }
.section .use-case .lists li .color-orange .msg { background-color: #fd705d; }
.section .use-case .lists li .imgs { position: absolute; left: 50%; top: 235px; width: 92px; height: 92px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.section .use-case .lists li .imgs img { width: auto; height: 100%; }
.section .use-case .lists li .name { font-size: 24px; color: #1b1d6f; margin-top: 50px; width: 295px; }
.section .use-case .lists li .pos { font-size: 21px; color: #1b1d6f; width: 295px; }
.section .use-case .swiper-button-prev,
.section .use-case .swiper-button-next { margin-top: -70px; }
.section .txt-desc {}
.section .txt-desc .txt { font-size: 21px; color: #1b1d6f; text-align: center; line-height: 1.5; }
.section .txt-desc .img-left { position: absolute; bottom: 0; left: 110px; }
.section .txt-desc .img-right { position: absolute; bottom: 0; right: 95px; }
.section h2.tit.white { font-size: 50px; color: #fff; }
.section.in-bg { height: 248px; background: transparent url(../images/bg_section_facsta.jpg) no-repeat 0 0; background-size: cover; }
.section.in-bg .inner-wrap { margin-top: -25px; }
.section .btns { margin-top: 15px; text-align: center; }
.section .btns a.btn-yellow { margin: 0 5px; display: inline-block; height: 44px; line-height: 44px; padding: 0 30px; font-size: 20px; color: #1b1d6f; background-color: #fff000; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }
.section .addr-wrap { margin-left: 260px; }
.section .addr-wrap .addr li { padding: 12px 0; }
.section .addr-wrap .addr li p { font-size: 16px; color: #1b1d6f; line-height: 1.5; }
.section .partner-wrap { position: absolute; left: 0px; top: 0; }
.section .partner-wrap p { text-align: center; margin-bottom: 20px; }
.section .partner-wrap p.last { margin-top: 25px; }
.section .partner-wrap p.instar { margin-bottom: 10px; }
.section .top10-wrap { position: absolute; left: 840px; top: -50px; width: 450px; height: 380px; border: 1px solid #a9a9a9; overflow: hidden; }
.section .top10-wrap h3.tit { line-height: 35px; font-size: 14px; color: #000; font-weight: normal; text-align: center;  background-color: #f2f3f5; border-bottom: 1px solid #a9a9a9; }
.section .top10-wrap .swiper-container { height: 300px; padding: 0 10px; margin: 20px 0; }
.section .top10-wrap .swiper-slide { position: relative; font-size: 0; padding: 16px 0 10px 0; border-bottom: 1px solid #e8e8e8; }
.section .top10-wrap .swiper-slide span { vertical-align: middle; display: inline-block; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: no-wrap; }
.section .top10-wrap .swiper-slide .num { width: 50px; font-size: 13px; }
.section .top10-wrap .swiper-slide .num .sub { display: block; font-size: 7px; }
.section .top10-wrap .swiper-slide .num .up { color: #ff5552; }
.section .top10-wrap .swiper-slide .num .down { color: #4385ef; }
.section .top10-wrap .swiper-slide .icon { width: 80px; }
.section .top10-wrap .swiper-slide .icon img { border-radius: 30px; }
.section .top10-wrap .swiper-slide .site-name { width: 200px; font-weight: bold; text-align: left; }
.section .top10-wrap .swiper-slide .link { width: 85px; }
.section .top10-wrap .swiper-button-prev,
.section .top10-wrap .swiper-button-next { width: 30px; height: 10px; left: 50%; margin-left: -15px; }
.section .top10-wrap .swiper-button-prev { top: 65px; background: transparent url(../images/swiper_top_prev.gif) no-repeat 0 0; }
.section .top10-wrap .swiper-button-next { top: auto; bottom: 5px; background: transparent url(../images/swiper_top_next.gif) no-repeat 0 0; }

#footer { position: relative; height: 80px; line-height: 80px; background-color: #050655; }
#footer p,
#footer p a { font-size: 14px; color: #fff; }
#footer .txt-left { float: left; }
#footer .txt-right { float: right; }

.layer_qna_wrap {position:absolute; right:365px; top:60px; border:2px solid #3a5795; background:#fff; width:320px; display:none;}
.layer_qna_wrap .layer_qna_cnts {padding:20px;}
.layer_qna_wrap .layer_qna_cnts h3 {text-align:center; color:#3a3e64; font-size:21px; border-bottom:1px solid #3a5795; padding-bottom:8px;}
.layer_qna_wrap .layer_qna_cnts ul {padding-top:15px;}
.layer_qna_wrap .layer_qna_cnts ul li {padding-top:5px;}
.layer_qna_wrap .layer_qna_cnts ul li dl {overflow:hidden;}
.layer_qna_wrap .layer_qna_cnts ul li dl dt {float:left; width:70px; font-size:14px; line-height:40px; color:#3a3e64;}
.layer_qna_wrap .layer_qna_cnts ul li dl dt span {color:#fa2d65;}
.layer_qna_wrap .layer_qna_cnts ul li dl dd {padding-left:70px;}
.layer_qna_wrap .layer_qna_cnts ul li dl dd .input {border:1px solid #999; padding:0 10px 0 15px; height:38px; position:relative;}
.layer_qna_wrap .layer_qna_cnts ul li dl dd .input input {border:0 none; width:100%; height:20px; margin-top:7px; color:#3a3e64; font-size:14px;}
.layer_qna_wrap .layer_qna_cnts ul li dl dd .input .label {text-align:left; left:15px;}
.layer_qna_wrap .layer_qna_cnts ul li dl .basic {padding-left:7px; width:63px;}
.layer_qna_wrap .layer_qna_cnts ul li dl dd .txtbox {border:1px solid #999; width:206px; height:133px; position:relative;}
.layer_qna_wrap .layer_qna_cnts ul li dl dd .txtbox textarea {width:204px; height:129px; padding:5px 0 5px 15px; font-size:14px; color:#3a3e64; position:absolute; left:0; top:0; resize:none; border:0 none;}
.layer_qna_wrap .layer_qna_cnts .btn_box {text-align:center; overflow:hidden; padding:10px 40px;}
.layer_qna_wrap .layer_qna_cnts .btn_box .btn_send {float:left; width:93px; height:38px; background:#3360b2; text-align:center; line-height:38px; border:1px solid #005596; color:#fff; font-size:14px; font-weight:bold;}
.layer_qna_wrap .layer_qna_cnts .btn_box .btn_cancle {float:right; width:93px; height:38px; background:#979797; text-align:center; line-height:38px; border:1px solid #979797; color:#fff; font-size:14px; font-weight:bold;}
.layer_qna_wrap .btn_layer_close {position:absolute; right:10px; top:10px; font-size:0;}
label.label {position:absolute; left:0; top:0; font-size:14px; width:99.6%; color:#9c9eb1; line-height:38px; cursor:text; text-align:center;}
.txtbox {border:1px solid #999; padding:0 2px 0 10px; overflow:hidden;}
.txtbox textarea {width:100%; float:left; height:215px; border:0 none; font-size:14px; color:#333; resize:none; background:#fff;}
.q_list table {width:100%; table-layout:fixed; border-top:1px solid #d2d2d4; border-right:1px solid #d2d2d4;}
.q_list table thead th {font-size:12px; background:#f2f0f1; padding:5px 0; border-left:1px solid #d2d2d4; border-bottom:1px solid #d2d2d4;}
.q_list table thead th img {position:relative; top:-2px;}
.q_list table tbody .tc {font-size:12px; padding:5px 0; border-left:1px solid #d2d2d4; border-bottom:1px solid #d2d2d4; text-align:center; }
.q_list table tbody .tl { font-size:12px; padding:5px 0; border-left:1px solid #d2d2d4; border-bottom:1px solid #d2d2d4; padding-left:10px; }
.q_list table tbody .tr { font-size:12px; padding:5px 0; border-left:1px solid #d2d2d4; border-bottom:1px solid #d2d2d4; padding-left:10px; }
.q_list p { font-size:12px; color:#333; font-weight:normal; }
.btn_box {text-align:center; padding-top:20px;}

.layer_use_terms {position:fixed; left:237px; top:171px; width:1020px; height:622px; z-index:1000; border:2px solid #3a5795; background:#f5f8ff;}
.layer_use_terms_cnts {width:880px; margin:52px auto 0; padding-bottom:30px; background:#fff;}
.layer_use_terms_cnts .tab ul li {width:223px;}
.layer_use_terms_cnts .title02 {margin:37px 0 20px 39px;}
.layer_use_terms_cnts .terms {margin:0 auto; width:792px; height:300px; border:1px solid #ababab; overflow-x:hidden; overflow-y:scroll;}
.layer_use_terms_cnts .terms p {font-size:14px; padding:20px 40px;}
.layer_use_terms .btn_layer_close {position:absolute; right:18px; top:16px;}
.btn_box {text-align:center; padding-top:20px;}
.btnTy1 {display:inline-block; width:148px; height:38px; line-height:38px; text-align:center; color:#fff; font-weight:bold; font-size:14px; border:1px solid #005596; background:#050655;}

.tab {padding-bottom:12px;}
.tab ul {overflow:hidden; height:45px; background:url('/images/bg_tab_line.gif') repeat-x 0 0;}
.tab ul li {float:left; width:190px;}
.tab ul li a {display:block; height:41px; line-height:42px; text-align:center; font-size:14px; color:#333; font-weight:bold; background:#fff; border-top:1px solid #d5d5d3; border-right:1px solid #d5d5d3;}
.tab ul li:first-child a {border-left:1px solid #d5d5d3;}
.tab ul .on a {border:3px solid #3a5795; height:48px;}
.tab ul .on:first-child a {border-left:3px solid #3a5795;}
.tab_w162 ul li {width:162px !important;}
.title01 {font-size:21px; padding-left:33px; height:25px; line-height:25px; margin-top:36px; margin-bottom:20px; background:url('/images/bg_title_bul01.gif') no-repeat 0 0}
.title02 {font-size:21px; padding-left:33px; height:25px; line-height:25px; margin-bottom:20px; background:url('/images/bg_title_bul01.gif') no-repeat 0 0}

/* 서한민 2017-14-18 회원가입 페이지 */

/* 상단 */
#header .header {position:relative; width:1260px; z-index:20;}
#header .header h1 {padding:15px 0 0 14px; font-size:0;}
#header .header .btn_h_setup {position:absolute; right:0; top:0;}
#header .header .version {position:absolute; top:30px; right:880px; height:81px; line-height:81px; padding:0 20px; text-align:left; color:#fff; font-size:7pt; font-family:'Nanum Gothic';}
#header .header .user_account {position:absolute; right:104px; top:0; height:81px; line-height:81px; padding:0 20px; text-align:right;}
#header .header .user_account .btn_account a {display:block; font-size:15px; color:#fff; font-weight:bold; padding-left:20px; background:url('../images/common/bg_h_user_symbol.gif') no-repeat 0 33px;}
#header .header .user_account .btn_account a span {display:inline-block; padding-right:25px; background:url('../images/common/bg_h_user_arrow.gif') no-repeat right center;}
#header .header .gnb {position:absolute; left:350px; top:0;}
#header .header .gnb ul {overflow:hidden}
#header .header .gnb ul li {float:left; line-height:81px; padding-left:60px;}
#header .header .gnb ul li a {color:#fff; font-size:16px; font-weight:bold; letter-spacing:-1px;}
#header .header .gnb ul li:first-child {padding-left:0;}
#header .header .before {position:absolute; right:0; top:0;}
#header .header .before ul {overflow:hidden;}
#header .header .before ul li {float:left;}

#container {overflow:hidden; min-height:900px; }
/*
    //기존 background url있는 소스 문제시 주석제거후 사용
    #container {overflow:hidden; min-height:900px; background:url('../images/common/bg_lnb.gif') repeat-y 0 0;}

*/
#contents {margin-left:201px;}
#container .content_box {margin-left:0;}
#container .content_box .location_title {width:1190px;}
#container .content_box .title_sub_box .title_sub {width:1190px;}
#container .content_box .content {width:1227px;}
.content {width:1060px; margin:auto;}

.input01 {border:1px solid #999; height:38px; background:#fff; position:relative; padding:0 10px;}
.input01 input {width:100%; height:22px; margin-top:7px; font-size:14px; color:#9c9eb1; border:0 none;}

.input03 {border:1px solid #999; height:32px; background:#fff; position:relative; padding:0 10px;}
.input03 input {width:100%; height:22px; margin-top:7px; font-size:14px; color:#9c9eb1; border:0 none;}

*:first-child+html .input01 input {margin-top:9px;}
label.label {position:absolute; left:0; top:0; font-size:14px; width:99.6%; color:#9c9eb1; line-height:38px; cursor:text; text-align:center;}
.join_box {height:580px; padding:0 317px; text-align:center; border-bottom:none;}
.join_box h4 {font-size:36px; text-decoration:underline; padding-top:40px;}
.join_box .ment {font-size:16px; letter-spacing:-1px; padding-top:5px; padding-bottom:40px;}
.join_box ul {padding-bottom:22px;}
.join_box ul li {padding-bottom:6px; position:relative;}
.join_box ul .pb18 {padding-bottom:18px; z-index:4;}
.join_box ul li .layer_tooltip {top:32px;}
.join_box ul li .layer_tooltip .tooltip {margin:7px 83px 0;}
.join_box .btn_join {display:block; margin:0 55px; height:48px; line-height:48px; text-align:center; color:#fff; font-weight:bold; font-size:14px; border:1px solid #005596; background:#3360b2;}
.join_box .btn_join2 {display:block; margin:0 55px; height:48px; line-height:48px; text-align:center; color:#fff; font-weight:bold; font-size:14px; border:1px solid #54568e; background:#54568e;}
.join_box .btn_join_facebook {display:block; margin:0 55px; height:48px; line-height:48px; text-align:center; color:#fff; font-weight:bold; font-size:15px; border:1px solid #005596; background:#005596;}
.agree_box {height:630px; border-top:none;}
.agree_box .chk_box {width:455px; margin:0 auto; height:40px;}
.agree_box .chk_box .btn_link {color:#fa2d65; font-weight:bold;}
.agree_box .agree_check{border-top:1px solid #d2d2d4; border-bottom:1px solid #d2d2d4; width:600px; margin:0 auto; height:65px;}
.agree_box .agree_check .chk_l {padding-left:90px; padding-right:10px; width:320px; margin-top:15px; margin-bottom:15px; float:left;}
.agree_box .agree_check .chk_r {width:250px; margin-top:15px; margin-bottom:15px; float:left;}
.agree_box .service {width:620px; margin:0 auto; padding-top:20px;}
.agree_box .service .scr {border:1px solid #d2d2d4; padding-left:10px; overflow-y:scroll; height:100px;}
.checks {position:relative; text-align:left;}
.checks .chk_img {position:absolute; left:0; top:0; display:block; width:26px; height:26px; text-indent:-999px; overflow:hidden; cursor:pointer; background:#fff; border:1px solid #999;}
.checks .chk_img.clicked {width:28px; height:28px; border:none; background:url('/images/common/bg_chk_on.gif') no-repeat 0 0;}
.checks .iCheck {visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.checks label {position:absolute; left:36px; top:0; line-height:30px; font-size:14px;}
.chk_box {position:relative;}
.chk_box .chk_txt {position:absolute; left:36px; top:0; line-height:30px; font-size:14px;}

.radios {position:relative; text-align:left;}
.radios .rdo_img {position:absolute; left:0; top:0; display:block; width:20px; height:19px; text-indent:-999px; overflow:hidden; cursor:pointer; background:url('/images/common/bg_radio.png') no-repeat 0 0;}
.radios .rdo_img.clicked {background:url('../images/common/bg_radio_on.png') no-repeat 0 0;}
.radios .iCheck {visibility:hidden; font-size:0; line-height:0; width:0; height:0;}

.radios2 {position:relative; text-align:left;}
.radios2 .rdo_img {position:absolute; left:0; top:0; display:block; width:20px; height:19px; text-indent:-999px; overflow:hidden; cursor:pointer; background:url('/images/common/bg_radio.png') no-repeat 0 0;}
.radios2 .rdo_img.clicked {background:url('../images/common/bg_radio_on.png') no-repeat 0 0;}
.radios2 .iCheck {visibility:hidden; font-size:0; line-height:0; width:0; height:0;}

.radios3 {position:relative; text-align:left; }
.radios3 .rdo_img {position:absolute; left:0; top:0; display:block; width:20px; height:19px; text-indent:-999px; overflow:hidden; cursor:pointer; background:url('/images/common/bg_radio.png') no-repeat 0 0;}
.radios3 .rdo_img.clicked {background:url('../images/common/bg_radio_on.png') no-repeat 0 0;}
.radios3 .iCheck {visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.radios3 label { position:relative!important; left:22px!important; top:0!important; font-size:12px; }

.radios label {position:absolute; left:25px; top:0; line-height:20px; font-size:14px;}
.section {padding-left:36px; position:relative; overflow:hidden;}
.section_cnt {position:relative;}

.layer_tooltip {position:absolute; left:0; top:0; width:100%; z-index:4; background:url('../images/common/bg_tooltip_arrow02.png') no-repeat center 0;}
.layer_tooltip .tooltip {border:2px solid #3360b2; background:#fff; padding:7px 14px; margin-top:7px;}
.layer_tooltip_login {position:absolute; left:0; top:10; width:100%; z-index:4; background:url('../images/common/bg_tooltip_arrow02.png') no-repeat center 0;}
.layer_tooltip_login .tooltip_login {border:2px solid #3360b2; background:#fff; padding:5px 5px; margin-top:7px;}

.account_conect_step {border:1px solid #d2d2d4; height:80px; line-height:78px; text-align:center; font-size:14px; font-weight:bold;}
.account_conect_step .step02 {overflow:hidden; background:url('../images/common/bg_join_step02.gif') no-repeat 0 0;}
.account_conect_step .step03 {overflow:hidden; background:url('../images/common/bg_join_step03.gif') no-repeat 0 0;}
.account_conect_step ul li {float:left; width:33.3%;}
.account_conect_step ul li span {display:inline-block; padding-left:28px; background:url('../images/common/bg_radio.png') no-repeat 0 center;}
.account_conect_step ul .confirm span {background:url('../images/common/bg_radio_on.png') no-repeat 0 center;}

.account_conect_cont {border:1px solid #d2d2d4; border-top:none; height:653px; text-align:center;}
.account_conect_cont p {font-size:24px; padding-top:140px;}
.account_conect_cont p span {color:#4b98dc; text-decoration:underline;}
.account_conect_cont .txt_desc {font-size:14px; padding:30px 0; line-height:30px;}
.account_conect_cont ul {width:300px; margin-left:auto; margin-right:auto;}
.account_conect_cont ul li {height:48px; padding-bottom:13px;}
.account_conect_cont ul li img {margin-right:10px;}
.account_conect_cont ul li .radios .rdo_img {top:14px;}
.account_conect_cont ul .on {font-weight:bold; letter-spacing:-1px;}
.account_conect_cont .btn_center {padding-top:23px;}
.account_conect_cont .btn_center .btnTy1 {width:294px; height:48px; line-height:48px;}
.account_conect_cont .tit_start {font-size:24px; padding-top:20px; padding-bottom:57px; font-weight:bold;}

.lnb_off {background:none !important;}

.location_title {height:87px; line-height:87px; width:1023px; padding-left:38px; overflow:hidden; position:relative;}
.location_title h3 {font-size:18px; float:left; letter-spacing:-1px;}
.location_title .location {float:left; margin-left:34px;}
.location_title .location ul {overflow:hidden;}
.location_title .location ul li {float:left; letter-spacing:-1px; color:#9c9eb1; padding:0 8px 0 12px; font-size:14px; font-weight:bold; background:url('../images/common/bg_location_arrow.gif') no-repeat 0 center;}
.location_title .location ul li:first-child {padding-left:0; background:none;}
.location_title .location ul li a {color:#9c9eb1;}
.location_title .account_title {float:right;}
.location_title .account_title .account {float:left; padding-left:40px; background:url('../images/common/bg_account.gif') no-repeat 0 center;}
.location_title .account_title .account strong {color:#54b233;}
.location_title .account_title .account a:hover {color:#2d65fa;}
.location_title .account_title .title {float:left; margin-left:14px; padding-left:40px; background:url('../images/common/bg_title.gif') no-repeat 0 center;}
.location_title .account_title .title strong {color:#4b98dc;}

/*페이스북 연동 로그인 버튼*/
.btn_login_facebook {display:block; margin:0 1px; height:24px; line-height:24px; text-align:center; color:#fff; font-weight:bold; font-size:12px; border:1px solid #005596; background:#005596;}