@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
    font-family: 'Source';
    font-style: normal;
    font-weight: 500;
    src: url(../../font/SourceHanSerifK-Bold-Alphabetic.eot), url(../../font/SourceHanSerifK-Bold-Alphabetic.woff) format("woff"), url(../../font/SourceHanSerifK-Bold-Alphabetic.woff2) format("woff2"), url(../../font/SourceHanSerifK-Bold-Alphabetic.ttf) format("truetype");
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../../font/roboto-regular.eot), url(../../font/roboto-regular.woff) format("woff"), url(../../font/roboto-regular.woff2) format("woff2"), url(../../font/roboto-regular.ttf) format("truetype");
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(../../font/roboto-bold.eot), url(../../font/roboto-bold.woff) format("woff"), url(../../font/roboto-bold.woff2) format("woff2"), url(../../font/roboto-bold.ttf) format("truetype");
}
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local("Raleway"), local("Raleway-Regular"), url(./../font/raleway-regular.woff) format("woff"), url(./../font/raleway-regular.otf) format("opentype");
}
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: local("Raleway"), local("Raleway-SemiBold"), url(./../font/raleway-semibold.woff) format("woff"), url(./../font/raleway-semibold.otf) format("opentype");
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700;
    src: url(../../font/NanumSquareB.eot);
    src: url(../../font/NanumSquareB.eot?#iefix) format("embedded-opentype"), url(../../font/NanumSquareB.woff) format("woff"), url(../../font/NanumSquareB.ttf) format("truetype");
}


/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/*
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
article, aside, footer, header, nav, section { display: block;}
h1 { font-size: 2em; margin: 0.67em 0;}
figcaption, figure, main { display: block; }
figure { margin: 1em 40px;}
hr { box-sizing: content-box; height: 0; overflow: visible;}
pre { font-family: monospace,  monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
abbr[title] { border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b, strong {
    font-weight: inherit;
}
b, strong {
    font-weight: bolder;
}
code, kbd, samp {
    font-family: monospace,  monospace;
    font-size: 1em;
}
dfn { font-style: italic;}
mark { background-color: #ff0; color: #000;}
small { font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

details, menu { display: block;}
summary { display: list-item;}
canvas { display: inline-block;}
template { display: none;}
[hidden] { display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
#content.main #section03 .wrap .btn-area:after { content: " "; display: block; clear: both; }
body { -webkit-backface-visibility: hidden;}
fieldset, img { border: 0 none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { width: 100%; text-align: left; }


a { text-decoration: none; cursor: pointer; color: #000;}
a:link, a:visited, a:active, a:hover { text-decoration: none; }

textarea { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
html, body { font-family: Noto Sans KR, sans-serif; font-size: 14px; font-weight: 300; color: #fff; color: #636363;}
strong, h1, h2, h3, h4, h5, h6 { font-weight: 500; }

[class^="icon-"]:before, [class*=" icon-"]:before { display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;}
.screen-out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
*/
button {
    margin: 0; padding: 0; overflow: visible;  text-transform: none; cursor: pointer; outline: 0; font-size: 16px;
}

button, html [type="button"]{
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { padding: 0; font-family: Noto Sans KR, sans-serif;}
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0 none;
    font-size: 16px;
    font-weight: 300;
    font-family: Noto Sans KR, sans-serif;
}
select[type="checkbox"], input[type="checkbox"], button[type="checkbox"], textarea[type="checkbox"] { -webkit-appearance: checkbox;}
select[type="radio"], input[type="radio"], button[type="radio"], textarea[type="radio"] { -webkit-appearance: radio;}
select::-ms-expand, button::-ms-expand, textarea::-ms-expand { display: none;}


/*추가*****************************/
.bold9{ font-weight:900}
.align_left{ float:left}
.align_right{ float:right}
.mar_left600{ margin-left:600px}
.mar_left700{ margin-left:700px}

.w43{ width:43%}
.w48{ width:48%}






#content.main #fullpage {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 1100px;
}
#content.main #indicator {
    position: absolute;
    top: 0;
    right: 40px;
    height: 100%}
#content.main #indicator:after {
    position: absolute;
    top: 0;
    left: -48px;
    width: 1px;
    height: 100%;
    content: "";
    background: #fff;
    opacity: 0.2;
}
#content.main #indicator .mainIndi {
    position: absolute;
    width: 95px;
    top: 50%;
    z-index: 999;
    margin-top: -162px;
    text-align: center;
    right: 0;
}
#content.main #indicator .mainIndi li {
    margin: 50px 0;
    transition: all 0.4s ease;
    height: 5px;
}
#content.main #indicator .mainIndi li:first-child {
    margin-top: 0;
}
#content.main #indicator .mainIndi li a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 5px;
    height: 5px;
    margin: 0 auto;
    border-radius: 50%;
    background: #fff;
    transition: all 0.4s ease;
}
#content.main #indicator .mainIndi li a span {
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 0;
    padding-right: 18px;
    width: 100px;
    text-align: right;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.4s ease;
}
#content.main #indicator .mainIndi li a span:before { top: -30px; position: absolute; right: 17px; font-size: 23px; opacity: 0; }
#content.main #indicator .mainIndi li a span:after {
    position: absolute;
    right: -13px;
    top: 50%;
    content: "";
    width: 24px;
    height: 1px;
    background: #fff;
    transform: scale(0,  1);
    transition: all 0.4s ease;
    transform-origin: left;
}
#content.main #indicator .mainIndi li:nth-child(1) a {
    background-image: url("../images/main_indi_icon1.png");
    background-size: 5px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%}
#content.main #indicator .mainIndi li:nth-child(1) a span:before {
    content: "01"}
#content.main #indicator .mainIndi li:nth-child(2) a {
    background-image: url("../images/main_indi_icon2.png");
    background-size: 5px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%}
#content.main #indicator .mainIndi li:nth-child(2) a span:before {
    content: "02"}
#content.main #indicator .mainIndi li:nth-child(3) a {
    background-image: url("../images/main_indi_icon3.png");
    background-size: 5px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%}
#content.main #indicator .mainIndi li:nth-child(3) a span:before {
    content: "03"}
#content.main #indicator .mainIndi li:nth-child(4) a {
    background-image: url("../images/main_indi_icon4.png");
    background-size: 5px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%}
#content.main #indicator .mainIndi li:nth-child(4) a span:before {
    content: "04"}
#content.main #indicator .mainIndi li:nth-child(5) a {
    background-image: url("../images/main_indi_icon5.png");
    background-size: 5px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%}
#content.main #indicator .mainIndi li:nth-child(5) a span:before {
    content: "05"}
#content.main #indicator .mainIndi li.active {
    height: 95px;
}
#content.main #indicator .mainIndi li.active a { background-image: url("../images/main_indi_icon1.png"); -webkit-background-size: auto; background-size: auto; }
#content.main #indicator .mainIndi li.active a span { font-size: 17px; right: 97px;}
#content.main #indicator .mainIndi li.active a span:before { opacity: 1; transition: all 0.4s ease;}
#content.main #indicator .mainIndi li.active a span:after { transform: scale(1,  1);}
#content.main #indicator .mainIndi li.active:nth-child(1) a { background-color: #03a06a; width: 95px; height: 95px; background-image: url("../images/main_indi_icon1.png");}
#content.main #indicator .mainIndi li.active:nth-child(2) a { background-color: #f50600; width: 95px; height: 95px; background-image: url("../images/main_indi_icon2.png");}
#content.main #indicator .mainIndi li.active:nth-child(3) a { background-color: #723866; width: 95px; height: 95px; background-image: url("../images/main_indi_icon3.png");}
#content.main #indicator .mainIndi li.active:nth-child(4) a { background-color: #1c2933; width: 95px; height: 95px; background-image: url("../images/main_indi_icon4.png");}
#content.main #indicator .mainIndi li.active:nth-child(5) a { background-color: #831974; width: 95px; height: 95px; background-image: url("../images/main_indi_icon5.png");}



/*section01***********************************************************/
#content.main #section01 { background: url("../images/main_sec01_bg.jpg") 50% no-repeat; background-size: cover;}
#content.main .section .wrap .js-scr-box { -webkit-transform: translate(0, 40px); -moz-transform: translate(0, 40px); -ms-transform: translate(0, 40px); -o-transform: translate(0, 40px); transform: translate(0, 40px); opacity: 0; filter: alpha(opacity=0);}

#content.main #section01 .wrap { width: 1110px; margin: 0 auto; position: relative;}
#content.main #section01 .wrap .title { width:850px; max-width: 1000px; font-size: 60px; line-height: 72px; color: #fff; position: relative; font-family: Noto Sans KR, sans-serif; letter-spacing: -2px; margin-bottom:30px}
#content.main #section01 .wrap .title span { display: inline-block; padding-top: 80px; overflow: hidden; box-sizing: border-box; -webkit-transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1); transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);}

#content.main #section01 .title_sub{ font-size:28px; font-weight:800; line-height:32px}
#content.main #section01 .title_text{ font-size:20px; font-weight:400; line-height:33px}
#content.main #section01 .wrap .text { font-size: 24px; font-weight: 500; margin-bottom: 21px; color: #fff; font-family: Raleway, sans-serif; letter-spacing: 2px; }
#content.main #section01 .wrap .m_text{display:none}
#content.main #section01 .wrap .text span { display: inline-block; height: 30px; line-height: 30px; padding-top: 30px; overflow: hidden; box-sizing: border-box; -webkit-transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1); transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);}
#content.main #section01 .wrap .box{ float:left; width:48%; padding-bottom:50px}
#content.main #section01 .wrap .btn-area { /*margin-top: 80px;*/}
#content.main #section01 .wrap .btn-area a { display: inline-block; width:15.4%; padding: 0 30px; border: 1px solid #fff; border-radius: 28px; background: none; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 17px; height: 52px; line-height: 52px; font-weight: 500; margin-left: 4px; }
#content.main #section01 .wrap .btn-area a:first-child { margin-left: 0;}
#content.main #section01 .wrap .btn-area a.arrow-tp span { padding-right: 21px; position: relative; }
#content.main #section01 .wrap .btn-area a.arrow-tp span:after { position: absolute; top: 8px; right: 0; content: ""; width: 11px; height: 12px; background-image: url("../images/main_btn_arrow.png");}
#content.main #section01 .wrap .btn-area .button.button--aylen { background: #fff; color: #37474f; overflow: hidden; }
#content.main #section01 .wrap .btn-area .button--aylen.button--inverted { background: none; color: #fff; }
#content.main #section01 .wrap .btn-area .button--aylen::before, #content.main #section01 .wrap .btn-area .button--aylen::after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75,  0,  0.125,  1); transition-timing-function: cubic-bezier(0.75,  0,  0.125,  1);}
#content.main #section01 .wrap .btn-area .button--aylen::before { background: #3e98ff;}
#content.main #section01 .wrap .btn-area .button--aylen::after { background: #166ce3;}
#content.main #section01 .wrap .btn-area .button--aylen:hover { color: #fff; border: 2px solid #166ce3;}
#content.main #section01 .wrap .btn-area .button--aylen:hover::before, #content.main #section01 .wrap .btn-area .button--aylen:hover::after { -webkit-transform: translate3d(0,  100%,  0); transform: translate3d(0,  100%,  0);}
#content.main #section01 .wrap .btn-area .button--aylen:hover::after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; }
#content.main #section01 .wrap.on-load .title span { padding-top: 0; webkit-transition: all 0.9s cubic-bezier(0.165,  0.84,  0.44,  1); transition: all 0.9s cubic-bezier(0.165,  0.84,  0.44,  1); }
#content.main #section01 .wrap.on-load .text span { padding-top: 0; -webkit-transition: all 0.4s cubic-bezier(0.165,  0.84,  0.44,  1) 0.5s; transition: all 0.4s cubic-bezier(0.165,  0.84,  0.44,  1) 0.5s;}
#content.main #section01:after { content: ""; width: 1200px; height: 82px; background-image: url("../images/main_scroll_noti.png"); background-position: 100% 100%; background-repeat: no-repeat; position: absolute; left: 50%; margin-left: -600px; bottom: 60px; }

.praise{  float:left;width:48%}
.words{float:left;width:48%}

/*section02***********************************************************/
#content.main #section02 { background: url("../images/main_sec02_bg.jpg") 50% 100% no-repeat; background-size: cover;}
#content.main #section02 .wrap { width: 1110px; margin: 0 auto; color: #fff;}
#content.main #section02 .wrap .title { font-size: 60px; line-height: 80px; color: #fff; position: relative; font-family: Noto Sans KR, sans-serif; font-weight: 500; letter-spacing: -2px;}
#content.main #section02 .wrap .title span { /*display: inline-block;*/padding-top: 80px; height: 92px; overflow: hidden; line-height: 92px; box-sizing: border-box; -webkit-transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1); transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1); }
#content.main #section02 .box_line{ width:75%; border:1px solid #fff; border-radius:20px; padding:20px 30px}
#content.main #section02 .wrap .text {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 21px;
    color: #fff;
    font-family: Raleway, sans-serif;
    letter-spacing: 2px;
}
#content.main #section02 .wrap .text span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-top: 30px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);
    transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);
}
#content.main #section02 .wrap .sub_title{ float:left; font-size:24px; line-height:32px}
#content.main #section02 .wrap .sub_text{ float:right; font-size:14px; line-height:32px; /*margin-right:50px*/}
#content.main #section02 .wrap .btn-area { /*margin-top: 80px;*/}
#content.main #section02 .wrap .btn-area .button { display: inline-block; padding: 0 10px; /*border: 2px solid #fff; border-radius: 28px*/; background: none; position: relative; z-index: 1; -webkit-backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale; font-size: 17px; height: 32px; line-height: 29px; font-weight: 500; margin-left: 4px; }
#content.main #section02 .wrap .btn-area .button:first-child { margin-left: 0;}
#content.main #section02 .wrap .btn-area .button.arrow-tp span { padding-right: 21px; position: relative;}
#content.main #section02 .wrap .btn-area .button.arrow-tp span:after { position: absolute; top: 8px; right: 0; content: ""; width: 22px; height: 22px; background-image: url("../images/main_btn_more.png");}
#content.main #section02 .wrap .btn-area .button.button--aylen { background: #fff; color: #37474f; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s;}
#content.main #section02 .wrap .btn-area .button--aylen.button--inverted { background: none; color: #fff; }
#content.main #section02 .wrap .btn-area .button--aylen::before, #content.main #section02 .wrap .btn-area .button--aylen::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75,  0,  0.125,  1);
    transition-timing-function: cubic-bezier(0.75,  0,  0.125,  1);
}
#content.main #section02 .wrap .btn-area .button--aylen::before {
    background: #3e98ff;
}
#content.main #section02 .wrap .btn-area .button--aylen::after {
    background: #166ce3;
}
#content.main #section02 .wrap .btn-area .button--aylen:hover {
    color: #fff;
    border: 2px solid #166ce3;
}
#content.main #section02 .wrap .btn-area .button--aylen:hover::before, #content.main #section02 .wrap .btn-area .button--aylen:hover::after {
    -webkit-transform: translate3d(0,  100%,  0);
    transform: translate3d(0,  100%,  0);
}
#content.main #section02 .wrap .btn-area .button--aylen:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}
#content.main #section02:after { content: ""; width: 1200px; height: 82px; background-image: url("../images/main_scroll_noti.png"); background-position: 100% 100%; background-repeat: no-repeat; position: absolute; left: 50%; margin-left: -600px; bottom: 60px;}
#content.main #section02 .wrap .box_con { width:85%; margin-top:30px}
#content.main #section02 .wrap .con_box{ float:left; width:16%;}
#content.main #section02 .wrap .con_box img{width:100%}


#content.main #section03 { background: url("../images/main_sec03_bg.jpg") 50% 100% no-repeat; background-size: cover;}
#content.main #section03 .wrap { width: 900px; margin: 0 auto; /*background: url("../images/main_sec03_img.jpg") 100% 10px no-repeat;*/ padding-right:210px}
#content.main #section03 .wrap .box_line{ float:left; padding:20px 30px; border:1px solid #fff; border-radius:10px; margin-bottom:10px}
#content.main #section03 .wrap .box_btn{float:right; margin-right:2%; margin-bottom:10px}
#content.main #section03 .wrap .box_btn img{width:32.5%}
#content.main #section03 .wrap .tit { font-size: 60px; line-height: 72px; color: #fff; position: relative; font-family: Noto Sans KR, sans-serif; font-weight: 500; letter-spacing: -2px;}
#content.main #section03 .wrap .title { width:100%; font-size: 32px; line-height: 70px; color: #fff; position: relative; font-family: Noto Sans KR, sans-serif; font-weight: 500; letter-spacing: -2px; }
#content.main #section03 .wrap .b_tit { float:left; width:100px; font-weight:800; font-size: 12px; color: #fff; height:18px;}
#content.main #section03 .wrap .b_text { font-size: 12px; color: #fff; height:18px; }
#content.main #section03 .wrap .width{ width:91%;}
#content.main #section03 .wrap .button span{ border:1px solid #fff; border-radius:20px; padding:2px 20px; margin:0 9px}





#content.main #section04 { background: url("../images/main_sec04_bg.jpg") 50% 100% no-repeat; background-size: cover;}
#content.main #section04 .wrap { width: 1110px; margin: 0 auto;}
#content.main #section04 .wrap .tit { font-size: 60px; line-height: 72px; color: #fff; position: relative; font-family: Noto Sans KR, sans-serif; font-weight: 500; letter-spacing: -2px; }
#content.main #section04 .wrap .txt { font-size: 22px; color: #fff; margin-top: 17px; }
#content.main #section04 .wrap .section_box{ width:70%; height:50px; padding:30px; border:1px solid #fff; border-radius:20px}
#content.main #section04 .wrap .box_section{ width:70%; height:130px; margin-top:10px; padding:30px; border:1px solid #fff; border-radius:20px}
#content.main #section04 .wrap .section_box01{ float:left; width:28%; height:100px; padding:2%; border-right:1px solid #fff}
#content.main #section04 .wrap .section_box02{ float:left; width:28%; height:100px; padding:2% 3%; }
#content.main #section04 .wrap .section_box03{ float:left; width:28%; height:100px; padding:2%; border-left:1px solid #fff}
#content.main #section04 .wrap .section_box p, #content.main #section04 .wrap .section_box01 p, #content.main #section04 .wrap .section_box02 p, #content.main #section04 .wrap .section_box03 p{font-size:28px; line-height:38px; float:left; margin-right:50px; margin-bottom:15px}
#content.main #section04 .wrap .section_box li, #content.main #section04 .wrap .section_box01 li, #content.main #section04 .wrap .section_box02 li, #content.main #section04 .wrap .section_box03 li{font-size:12px; margin-right:50px; height:24px}
#content.main #section04 .wrap .section_box01 li, #content.main #section04 .wrap .section_box02 li, #content.main #section04 .wrap .section_box03 li{ float:left; width:100%}




#content.main #section05 { background: url("../images/main_sec05_bg.jpg") 50% 100% no-repeat; background-size: cover; }
#content.main #section05 .wrap { width: 1200px; margin: 0 auto; }
#content.main #section05 .wrap .tit { font-size: 24px; color: #fff; font-family: Raleway; letter-spacing: 2px; }
#content.main #section05 .wrap .txt { font-size: 40px; color: #fff; margin-top: 17px; padding-bottom: 42px; position: relative; font-weight: 500; }
#content.main #section05 .wrap .txt:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #fff;
    content: ""}
#content.main #section05 .wrap ul {
    overflow: hidden;
    margin-top: 82px;
}
#content.main #section05 .wrap ul li {
    float: left;
    margin-left: 22px;
    padding-left: 30px;
    position: relative;
}
#content.main #section05 .wrap ul li:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #166ce3;
}
#content.main #section05 .wrap ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}
#content.main #section05 .wrap ul li:first-child:before {
    display: none;
}
#content.main #section05 .wrap ul li .l-tit {
    font-family: Raleway;
    font-size: 74px;
    letter-spacing: 2px;
    color: #fff;
}
#content.main #section05 .wrap ul li .s-tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 12px;
    color: #fff;
}
#content.main #section05:after {
    content: "";
    width: 1200px;
    height: 82px;
    background-image: url("../images/main_scroll_noti.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 60px;
}

#content.main #section05 .wrap .schedule_monthly{ float:left; width:45%; border:1px solid #fff }
#content.main #section05 .wrap .tit { float:left; font-size: 60px; line-height: 80px; color: #fff; position: relative; font-family: Noto Sans KR, sans-serif; font-weight: 500; letter-spacing: -2px;}
#content.main #section05 .wrap .tit01 { font-size: 22px; line-height: 30px; color: #fff; position: relative; font-family: Noto Sans KR, sans-serif; font-weight: 500; letter-spacing: -0.2px; padding-top:40px}
#content.main #section05 .wrap .schedule_event{ float:left; width:31%;margin-left:2%; border:1px solid #fff}




#content.main #section06 #footer {
    background: #fff;
}
#content.main #section06 #footer .footer_wrap .util_btn li a {
    color: #222;
}
#content.main #section06 #footer .footer_wrap .util_btn li:first-child a {
	font-weight:800;
}
#content.main #section06 #footer .footer_wrap .util_btn li a:before {
    background: #aaa;
}
#content.main #section06 #footer .footer_wrap address {
    color: #636363;
}
#content.main #section06 #footer .footer_wrap .family-site a {
    background: url("../images/main_family_site_bg.gif") no-repeat;
}
/*
body {
    overflow-x: hidden;
    position: relative;
    font-size: 16px;
}
input[type="text"], select { border-radius: initial; border: 1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 20px;}
option { font-weight: 300; }
caption { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0;}
textarea { padding-left: 10px;}
*/
.dimmed { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; opacity: 0; filter: alpha(opacity=0); z-index: 400; background-color: #000; }
#wrap { min-width: 1110px;}
#wrap #header { width: 100%; min-width: 1100px; z-index: 999999; height: 100px; box-sizing: border-box; position: absolute; overflow: hidden; /*padding: 0 100px; */background: none; -webkit-transition: background .4s ease; -moz-transition: background .4s ease; -o-transition: background .4s ease; -ms-transition: background .4s ease; }
#wrap #header .header_box { Max-width:1200px;; height: 100px; margin: 0 auto; z-index: 900;}

#wrap #header .header_box #logo { text-align: left; float: left; }
#wrap #header .header_box #logo a { display: inline-block; width: 200px; height: 50px; text-indent: -9999px; overflow: hidden; background: url("../images/h_logo.png") no-repeat;}
#wrap #header .header_box #gnb { width: 790px; margin: 30px auto 0; text-align: center;}
#wrap #header .header_box #gnb>h2 { display: none; }
#wrap #header .header_box #gnb>ul>li { display: inline-block; margin: 0 18px; position: relative; }
#wrap #header .header_box #gnb>ul>li>a { color: #fff; position: relative; font-size: 19px; font-weight: 500;}
#wrap #header .header_box #gnb>ul>li>a:after { display: block; content: ""; width: 100%; height: 2px; background-color: #166ce3; transform: scale(0,  1); transition: all 0.3s ease; position: absolute;  left: 0;    bottom: -3px; }
#wrap #header .header_box #gnb>ul>li>a.active, #wrap #header .header_wrap #gnb>ul>li>a:hover { color: #166ce3;}
#wrap #header .header_box #gnb>ul>li>a.active:after, #wrap #header .header_wrap #gnb>ul>li>a:hover:after { transform: scale(1,  1);}
#wrap #header .header_box #gnb>ul>li .two_depth { position: absolute; z-index: 1; padding-top: 35px; width: 130px; left: 50%; margin-left: -65px; text-align: center; overflow: hidden; opacity: 1; display: block; }
#wrap #header .header_box #gnb>ul>li .two_depth ul li { margin-top: 16px; }
#wrap #header .header_box #gnb>ul>li .two_depth ul li:first-child { margin-top: 0; }
#wrap #header .header_box #gnb>ul>li .two_depth ul li a { color: #666; font-size: 15px; }
#wrap #header .header_box #gnb>ul>li .two_depth ul li a:hover { color: #166ce3; }
#wrap #header .header_box .util_area { float: right; position: relative; z-index: 100; margin-top: -27px; margin-right:-100px}
#wrap #header .header_box .util_area .alliance-btn { margin-right: 15px; font-size: 13px; color: #fff; font-weight: 500; display: inline-block; text-align: center; border-radius: 10px; padding: 8px 16px 6px; border:1px solid #fff; }
#wrap #header .header_box .util_area .alliance-btn a{ color:#fff}
#wrap #header .header_box .util_area .alliance-btn:hover { background: #166ce3; border:1px solid #166ce3; }
#wrap #header .header_box .util_area .util-btn span { padding-left: 13px; margin-left: 9px; position: relative; font-size: 16px; }
#wrap #header .header_box .util_area .util-btn span:before { content: ""; width: 3px; height: 3px; background: #fff; position: absolute; top: 11px; left: 0; }
#wrap #header .header_box .util_area .util-btn span:first-child { padding-left: 0; margin-left: 0; }
#wrap #header .header_box .util_area .util-btn span:first-child:before { display: none; }
#wrap #header .header_box .util_area .util-btn span a { color: #fff; }
#wrap #header .header_box .util_area .menu-trigger { display: inline-block; transition: all .4s;  box-sizing: border-box; position: relative; top: 5px; width: 29px; height: 24px; }
#wrap #header .header_box .util_area .menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; }
#wrap #header .header_box .util_area .menu-trigger span:nth-of-type(1) { top: 0; }
#wrap #header .header_box .util_area .menu-trigger span:nth-of-type(2) { top: 11px;}
#wrap #header .header_box .util_area .menu-trigger span:nth-of-type(3) { bottom: 0; }
#wrap #header.active { background: url("../images/gnb_on_bar.png") 0 -10px repeat-x #fff;}
#wrap #header.active .header_box #logo a { background: url("../images/h_logo_on.png") no-repeat;}
#wrap #header.active .header_box #gnb { width: 790px; margin: 40px auto 0; text-align: center; }
#wrap #header.active .header_box #gnb>h2 { display: none; }
#wrap #header.active .header_box #gnb>ul>li>a { color: #222; }
#wrap #header.active .header_wrap #gnb>ul>li>a:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #166ce3;
    transform: scale(0,  1);
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: -3px;
}
#wrap #header.active .header_wrap #gnb>ul>li>a.active,
#wrap #header.active .header_wrap #gnb>ul>li>a:hover { color: #166ce3;}
#wrap #header.active .header_wrap #gnb>ul>li>a.active:after,
#wrap #header.active .header_wrap #gnb>ul>li>a:hover:after {
    transform: scale(1,  1);
}
#wrap #header.active .header_wrap .util_area .alliance-btn {
    background: #166ce3;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    padding: 8px 16px 6px;
}
#wrap #header.active .header_wrap .util_area .alliance-btn {
	border-color:#166ce3;
}
#wrap #header.active .header_wrap .util_area .util-btn span:before {
    background: #222;
}
#wrap #header.active .header_wrap .util_area .util-btn span a {
    color: #222;
}
#wrap #header.active .header_wrap .util_area .menu-trigger span {
    background-color: #222;
}
#wrap #header .banner-wrap {
    width: 1180px;
    height: 267px;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    top: 101px;
}
#wrap #header .banner-wrap .btn {
    position: absolute;
    right: 0;
    top: 0;
}
#wrap #container #content .sub-title {
    text-align: center;
    font-size: 36px;
    color: #fff;
    position: relative;
    top: 205px;
    line-height: 50px;
}
#wrap #container #content.intro #sub_visual {
    background-size: 1920px auto;
    /*background-image: url("../images/sub_visual01.jpg");*/
    background-position-y: 0;
    background-position-x: 50%;
    background-repeat: no-repeat;
}
/*
#wrap #container #content.customer #sub_visual {
    background-size: 1920px auto;
    background-image: url("../images/sub_visual02.jpg");
    background-position-y: 0;
    background-position-x: 50%;
    background-repeat: no-repeat;
}
#wrap #container #content.promote #sub_visual {
    background-size: 1920px auto;
    background-image: url("../images/sub_visual03.jpg");
    background-position-y: 0;
    background-position-x: 50%;
    background-repeat: no-repeat;
}
#wrap #container #content.etc #sub_visual { background-size: 1920px auto; background-image: url("../images/sub_visual04.jpg"); background-position-y: 0; background-position-x: 50%; background-repeat: no-repeat;}
#wrap #container #content.sca_visual #sub_visual { background-size: 1920px auto;
    background-image: url("../images/sub_visual05.jpg");
    background-position-y: 0;
    background-position-x: 50%;
    background-repeat: no-repeat;
}
*/
#wrap #container #sub_visual {
    width: 100%;
    height: 450px;
}
#wrap #container #sub_visual .srch-wrap {
    width: 780px;
    margin: 40px auto 0;
}
#wrap #container #sub_visual .srch-wrap .sel-area {
    float: left;
    width: 200px;
    position: relative;
}
#wrap #container #sub_visual .srch-wrap .sel-area>a {
    display: block;
    width: 200px;
    height: 50px;
    position: relative;
    line-height: 46px;
    font-size: 18px;
    border: 2px solid #fff;
    font-weight: 500;
    color: #fff;
    padding-left: 19px;
    box-sizing: border-box;
}
#wrap #container #sub_visual .srch-wrap .sel-area>a.active {
    border: 2px solid #333;
    background: #333;
}
#wrap #container #sub_visual .srch-wrap .sel-area div {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 200;
    width: 100%}
#wrap #container #sub_visual .srch-wrap .sel-area div a {
    display: block;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #505050;
    background: #333;
    color: #fff;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    font-size: 18px;
    padding-left: 21px;
    box-sizing: border-box;
}
#wrap #container #sub_visual .srch-wrap .sel-area div a:hover {
    background: #272727;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
}
#wrap #container #sub_visual .srch-wrap .srch-area {
    float: left;
    width: 560px;
    height: 50px;
    margin-left: 20px;
    border: 2px solid #fff;
    padding-right: 52px;
    position: relative;
    box-sizing: border-box;
}
#wrap #container #sub_visual .srch-wrap .srch-area button {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 46px;
    background-image: url(../images/common.png?4103574586711); /* /images/sprite/common.png */
    background-position: -837px -595px;
    width: 52px;
    height: 46px;
}
#wrap #container #location {
    width: 100%;
    position: absolute;
    top: 415px;
    height: 70px;
    z-index: 11;
}
#wrap #container #location .all-wrap {
    width: 1030px;
    height: 70px;
    margin: 0 auto;
    left: 50%;
    position: absolute;
    top: 0;
    background: #166ce3;
    -moz-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
    transition: all .3s ease;
    transform: translate(-50%,  0);
}
#wrap #container #location .all-wrap .loca-wrap {
    width: 1030px;
    margin: 0 auto;
    height: 70px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 70px;
    margin-left: 18px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area i {
    float: left;
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 18px 0;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area i a {
    display: block;
    width: 34px;
    height: 34px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul {
    float: left;
    margin-left: 18px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li {
    float: left;
    width: 190px;
    height: 70px;
    position: relative;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button {
    height: 70px;
    width: 190px;
    position: relative;
    color: #fff;
    text-align: left;
    padding-left: 1px;
    background-image: url("../images/loca_arrow_off.png");
    background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.active {
    background-image: url("images/loca_arrow_on.png");
    background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button:before {
    position: absolute;
    top: 18px;
    left: 0;
    width: 1px;
    height: 34px;
    background: #6c9bdb;
    content: ""}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button span {
    padding-left: 19px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li:last-child button:after {
    position: absolute;
    top: 18px;
    right: 0;
    width: 1px;
    height: 34px;
    background: #6c9bdb;
    content: ""}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div {
    overflow: hidden;
    height: 0;
    position: relative;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    border-top: 1px solid #6c9bdb;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {
    background: #166ce3;
    height: 46px;
    color: #fff;
    line-height: 46px;
    display: block;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    padding-left: 19px;
    box-sizing: border-box;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {
    background: #023f88;
}
#wrap #container #location .all-wrap .loca-wrap .share-area {
    float: right;
    margin-right: 18px;
    padding: 18px 0;
    box-sizing: border-box;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap {
    width: 151px;
    height: 34px;
    overflow: hidden;
    float: left;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area {
    width: 151px;
    height: 34px;
    position: relative;
    left: 200px;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {
    overflow: hidden;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {
    float: left;
    margin-left: 13px;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {
    margin-left: 0;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .share-btn {
    width: 34px;
    height: 34px;
    background-image: url("../images/share_open_bt.png");
    float: right;
    text-indent: -9999px;
    padding-left: 18px;
    box-sizing: unset;
    background-repeat: no-repeat;
    background-position-x: right;
    transition: all .5s ease;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .share-btn.active {
    background-image: url("../images/share_close_bt.png");
    border-left: 1px solid #6c9bdb;
}
#wrap #container #location.fix {
    width: 100%}
#wrap #container #location.fix .all-wrap {
    width: 100%;
    position: fixed;
    top: 0;}
#wrap #container #content .content_wrap { padding: 130px 0 150px; width: 78%; margin: 0 auto; position: relative;}
#wrap #container #content .content_wrap.pb-tp { padding: 130px 0 0;}
#wrap #container #content .content_wrap h2 { margin-bottom:50px; text-align: left; font-size: 36px; color: #222;}
#wrap #container #content .content_wrap p.txt-normal-type01 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    line-height: 26px;
    color: #636363;
}
#wrap #container #content .content_wrap #sub_contantswrapbg #sub_contantswrap{ /* padding: 0 0 0 200px;*/width:1200px; margin:0 auto }
#wrap #container #content .content_wrap .sub_con{width:1400px; margin:0 auto}
#wrap #container .rel-content {
    border-top: 1px solid #c8c8c8;
    padding: 57px 0 57px;
}
#wrap #container .rel-content .rel-wrap {
    width: 1030px;
    margin: 0 auto;
}
#wrap #container .rel-content .rel-wrap .title span {
    font-size: 20px;
    color: #222;
    position: relative;
    padding-left: 34px;
    font-weight: 500;
}
#wrap #container .rel-content .rel-wrap .title span:before {
    content: "";
    width: 24px;
    height: 2px;
    background: #166ce3;
    position: absolute;
    left: 0;
    top: 14px;
}
#wrap #container .rel-content .rel-wrap .banner-list {
    overflow: hidden;
    margin-top: 18px;
}
#wrap #container .rel-content .rel-wrap .banner-list li {
    float: left;
    width:247px;
    margin-left: 14px;
}
#wrap #container .rel-content .rel-wrap .banner-list li:first-child {
	margin-left: 0;
}
#wrap #container .rel-content .rel-wrap .banner-list .last-item{
	width:auto;
}
#wrap #container .rel-content .rel-wrap .banner-list li a {
    position: relative;
    display: block;
}
#wrap #container .rel-content .rel-wrap .banner-list li a .thumb-area {
    overflow: hidden;
}
#wrap #container .rel-content .rel-wrap .banner-list li a .txt-area {
    padding: 18px 0 0 10px;
}
#wrap #container .rel-content .rel-wrap .banner-list li a .txt-area .tit {
    font-size: 22px;
    color: #222;
    font-weight: 500;
}
#wrap #container .rel-content .rel-wrap .banner-list li a .txt-area .txt {
    font-size: 16px;
    color: #636363;
    margin-top: 14px;
}
#wrap #container .rel-content .rel-wrap .banner-list li a i {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    bottom: 0;
    background: url("../images/rel_con_icon.png") no-repeat;
}
#wrap #container .quick-area {
    z-index:900;
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -257px;
    width: 90px;
    height: 515px;
}
#wrap #container .quick-area .btn-list li a {
    text-indent: -9999px;
    display: block;
}
#wrap #container .quick-area .btn-list li.btn-1 a {
    width: 90px;
    height: 118px;
    background-image: url("../images/quick_btn_1.jpg");
}
#wrap #container .quick-area .btn-list li.btn-2 a {
    width: 90px;
    height: 94px;
    background-image: url("../images/quick_btn_2.jpg");
}
#wrap #container .quick-area .btn-list li.btn-3 a {
    width: 90px;
    height: 100px;
    background-image: url("../images/quick_btn_3.jpg");
}
#wrap #container .quick-area .btn-list li.btn-4 a {
    width: 90px;
    height: 102px;
    background-image: url("../images/quick_btn_4.jpg");
}
#wrap #container .quick-area .btn-list li.btn-5 {
    width: 90px;
    height: 100px;
    background: url("../images/quick_btn_5.jpg") 50% 50% no-repeat;
}
#wrap #container .quick-area .top-btn {
    display: block;
    width: 50px;
    height: 50px;
    margin: 20px auto 0;
    text-indent: -9999px;
    background-image: url("../images/quick_btn_top.png");
}
#wrap footer {
    background: #222;
}
#wrap footer .footer_wrap {
    width: 980px;
    margin: 0 auto;
    padding: 80px 0;
    box-sizing: border-box;
}
#wrap footer .footer_wrap .logo {
    text-align: center;
}
#wrap footer .footer_wrap .util_btn {
    text-align: center;
    margin-top: 48px;
}
#wrap footer .footer_wrap .util_btn li {
    display: inline;
    font-size: 16px;
    margin-left: 13px;
    padding-left: 14px;
    position: relative;
}
#wrap footer .footer_wrap .util_btn li:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 15px;
    background: #7f7f7f;
    top: 6px;
    left: 0;
}
#wrap footer .footer_wrap .util_btn li:first-child {
    margin-left: 0;
    padding-left: 0;
}
#wrap footer .footer_wrap .util_btn li:first-child:before {
    display: none;
}
#wrap footer .footer_wrap .util_btn li a {
    color: #dedede;
}
#wrap footer .footer_wrap .util_btn li:first-child a {
	font-weight:800
}
#wrap footer .footer_wrap .util_btn li strong {
    font-weight: 400;
}
#wrap footer .footer_wrap address {
    text-align: center;
    font-size: 15px;
    color: #999;
    line-height: 24px;
    margin-top: 25px;
}
#wrap footer .footer_wrap .relation-svc {
    margin-top: 35px;
    font-size:0;
    text-align: center;
}
#wrap footer .footer_wrap .relation-svc .family-site, #wrap footer .footer_wrap .brand-site { display: inline-block; position:relative;	vertical-align: top; }
#wrap footer .footer_wrap .relation-svc .family-site a, #wrap footer .footer_wrap .brand-site > button {
    display: inline-block;
    width: 195px;
    height: 45px;
    background: url("../images/family_site_bg.gif") no-repeat;
    position: relative;
}
#wrap footer .footer_wrap .relation-svc .family-site{
    margin-left:20px;
}
#wrap footer .footer_wrap .relation-svc .brand-site button {
    background: url("../images/brand_site_bg_on.jpg") no-repeat;
}

#wrap footer .footer_wrap .relation-svc .family-site a:hover img, #wrap footer .footer_wrap .relation-svc .brand-site > button:hover img  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
#wrap footer .footer_wrap .family-site a img, #wrap footer .footer_wrap .relation-svc .brand-site > button img {
    position: absolute;
    right: 20px;
    top: 14px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
#wrap footer .footer_wrap .relation-svc .brand-site  .brand-site-list{
    display:none;
    position:absolute;
    bottom:45px;
    left:0;
    box-sizing: border-box;
    width:100%;
    border:1px solid #7f7f7f;
    background-color:#fff;
}
#wrap footer .footer_wrap .relation-svc .brand-site  .brand-site-list li a{
    display:block;
    padding:0 0 20px 20px;
    color:#222;
    font-size:15px;
    text-align:left;
}
#wrap footer .footer_wrap .relation-svc .brand-site  .brand-site-list li:first-child a{
    padding-top: 20px;
}
#wrap footer .footer_wrap .relation-svc .brand-site  .brand-site-list li a:hover{
    color:#166ce3;
}
#wrap footer .footer_wrap .logo_isms {
       margin-top: 20px;
       text-align: center;
}
#scroll_top {
    position: fixed;
    left: 50%;
    margin-left: 600px;
    bottom: 20px;
    background-image: url(../images/common.png?4103574586711); /* /images/sprite/common.png  */
    background-position: -569px -1100px;
    width: 50px;
    height: 50px;
    display: none;
    z-index: 5000;
}
#scroll_top.bot_fix {
    position: absolute;
}
#content.intro .mssg-wrap .mssg-visual {
    width: 100%;
    height: 516px;
    background: url("../images/ceo_mssg_visual.jpg") no-repeat;
    margin-top: 60px;
}
#content.intro .mssg-wrap .mssg-visual .txt-wrap {
    width: 1030px;
    margin: 0 auto;
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    line-height: 46px;
    position: relative;
    top: 152px;
    left: 30px;
    letter-spacing: -1px;
}
#content.intro .mssg-wrap .mssg-visual .txt-wrap span {
    color: #166ce3;
}
#content.intro .mssg-wrap .mssg-txt {
    width: 1030px;
    margin: 58px auto 0;
    box-sizing: border-box;
    padding-left: 347px;
    color: #636363;
    line-height: 26px;
    position: relative;
}
#content.intro .mssg-wrap .mssg-txt:before {
    position: absolute;
    top: 7px;
    left: 175px;
    width: 73px;
    height: 2px;
    background: #000;
    content: ""}
#content.intro .mssg-wrap .mssg-txt>p {
    margin-top: 10px;
}
#content.intro .mssg-wrap .mssg-txt>p:first-child {
    margin-top: 0;
}
#content.intro .mssg-wrap .mssg-txt .sign-area {
    padding-right: 182px;
    margin-top: 32px;
    display: inline-block;
    color: #222;
    font-weight: 500;
    height: 59px;
    line-height: 59px;
    background: url("../images/ceo_sign.gif") right no-repeat;
}
#content.intro .tech-wrap .tech-visual {
    width: 100%;
    height: 560px;
    background: url("../images/tech_hyosung_visual.png") no-repeat 50% 0;
    margin-top: 60px;
}
#content.intro .tech-wrap .tech-visual .txt-wrap {
    width: 1030px;
    margin: 0 auto;
    color: #222;
    font-weight: 500;
    position: relative;
    top: 110px;
    left: 0;
}
#content.intro .tech-wrap .tech-visual .txt-wrap .tit {
    font-size: 30px;
    color: #222;
    font-weight: 500;
}
#content.intro .tech-wrap .tech-visual .txt-wrap .txt {
    font-size: 17px;
    color: #636363;
    line-height: 28px;
    position: relative;
    margin-top: 29px;
    padding-top: 36px;
}
#content.intro .tech-wrap .tech-visual .txt-wrap .txt:before {
    content: "";
    width: 134px;
    height: 1px;
    position: absolute;
    left: -80px;
    background: blue;
    top: 0;
}
#content.intro .tech-wrap .tech-one {
    width: 1030px;
    margin: 0 auto;
    padding-top: 115px;
}
#content.intro .tech-wrap .tech-one dl {
    overflow: hidden;
}
#content.intro .tech-wrap .tech-one dl:nth-child(3) {
    margin-top: 53px;
}
#content.intro .tech-wrap .tech-one dl:nth-child(4) {
    margin-top: 35px;
    border-top: 1px solid #c8c8c8;
    padding-top: 40px;
}
#content.intro .tech-wrap .tech-one dl dt {
    float: left;
    width: 265px;
    margin-right: 40px;
    font-size: 24px;
    color: #222;
    font-weight: 500;
    position: relative;
    top: 0;
    line-height: 36px;
}
#content.intro .tech-wrap .tech-one dl dt span {
    color: #166ce3;
}
#content.intro .tech-wrap .tech-one dl dd {
    overflow: hidden;
    color: #636363;
    line-height: 26px;
}
#content.intro .tech-wrap .tech-two {
    text-align: center;
    margin-top: 114px;
}
#content.intro .tech-wrap .tech-two .diagram {
    margin-top: 60px;
}
#content.intro .tech-wrap .tech-thr {
    text-align: center;
    width: 100%;
    height: 620px;
    padding-top: 163px;
    box-sizing: border-box;
    background: url("../images/tech_thr_bg.jpg") no-repeat 50% 0;
    margin-top: 120px;
}
#content.intro .tech-wrap .tech-thr .group {
    width: 1030px;
    margin: 0 auto;
    overflow: hidden;
}
#content.intro .tech-wrap .tech-thr .group .content {
    float: left;
    width: 508px;
    height: 305px;
    padding: 70px;
    margin-left: 14px;
    border: 1px solid #727477;
    box-sizing: border-box;
    text-align: left;
}
#content.intro .tech-wrap .tech-thr .group .content:first-child {
    margin-left: 0;
}
#content.intro .tech-wrap .tech-thr .group .content .tit {
    font-weight: 400;
    font-size: 30px;
    color: #fff;
}
#content.intro .tech-wrap .tech-thr .group .content .txt {
    margin-top: 35px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}
#content.intro .tech-wrap .tech-thr .txt {
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    margin-top: 53px;
}
#content.intro .tech-wrap .tech-fou {
    text-align: center;
    width: 100%;
    height: 620px;
    padding-top: 208px;
    box-sizing: border-box;
    background: url("../images/tech_fou_bg.jpg") no-repeat 50% 0;
}
#content.intro .tech-wrap .tech-fou .txt {
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    margin-top: 53px;
}
#content.intro .recruit-wrap .tab-area {
    margin-top: 40px;
}
#content.intro .recruit-wrap .recruit-visual {
    margin-top: 68px;
    text-align: center;
    width: 100%;
    height: 580px;
    padding-top: 185px;
    box-sizing: border-box;
    background: url("../images/recruit_talent_visual.jpg") no-repeat;
}
#content.intro .recruit-wrap .recruit-visual .txt {
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    margin-top: 53px;
}
#content.intro .recruit-wrap .recruit-visual .txt_v2 {
	font-size:28px;
	font-weight:500;
}
#content.intro .recruit-wrap .hyosung-way {
    text-align: center;
    margin-top: 115px;
}
#content.intro .recruit-wrap .hyosung-way img {
    margin-top: 60px;
}
#content.intro .locate-wrap #locate_map {
    width: 100%;
    height: 460px;
    margin-top: 50px;
}
#content.intro .locate-wrap .add-wrap {
    width: 1030px;
    margin: 0 auto;
    padding-top: 57px;
}
#content.intro .locate-wrap .add-wrap .add {
    text-align: center;
    color: #222;
    font-size: 26px;
    font-weight: 500;
}
#content.intro .locate-wrap .add-wrap .num {
    text-align: center;
    margin-top: 29px;
}
#content.intro .locate-wrap .add-wrap>dl {
    overflow: hidden;
    margin-top: 59px;
}
#content.intro .locate-wrap .add-wrap>dl>dt {
    width: 144px;
    float: left;
    border-top: 2px solid #166ce3;
    padding-top: 33px;
}
#content.intro .locate-wrap .add-wrap>dl>dt span {
    font-size: 18px;
    color: #166ce3;
    font-weight: 500;
}
#content.intro .locate-wrap .add-wrap>dl>dd {
    width: 856px;
    float: right;
    border-top: 2px solid #222;
    padding-bottom: 30px;
    border-bottom: 2px solid #222;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li {
    padding-top: 33px;
    border-top: 1px solid #c8c8c8;
    margin-top: 26px;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li:first-child {
    border-top: none;
    margin-top: 0;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li:first-child dl dd p {
    margin-top: 8px;
    position: relative;
    top: -4px;
    color: #636363;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li:first-child dl dd p:first-child {
    margin-top: 0;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li:first-child dl dd p span {
    margin-right: 8px;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl:after {
    content: "";
    clear: both;
    display: block;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dt {
    float: left;
    width: 151px;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dt span {
    font-size: 18px;
    color: #222;
    padding-left: 11px;
    position: relative;
    font-weight: 500;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dt span:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #222;
    top: 12px;
    left: 0;
    position: absolute;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd {
    float: left;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p {
    color: #222;
    position: relative;
    top: -4px;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p.loca-txt {
    padding: 5px 0;
    font-size: 16px;
    color: #222;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span {
    width: 45px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: #fff;
    display: inline-block;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span.loca-blue {
    border: 2px solid #466fe4;
    color: #466fe4;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span.loca-yellow {
    border: 2px solid #f7c83a;
    color: #f7c83a;
    margin-left: 4px;
    margin-right: 4px;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span.loca-orange {
    border: 2px solid #fc722e;
    color: #fc722e;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span.loca-green {
    border: 2px solid #5cad35;
    color: #5cad35;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span.loca-red {
    border: 2px solid #e03030;
    color: #e03030;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span.loca-mint {
    border: 2px solid #52b7c9;
    color: #52b7c9;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p span.loca-purple {
    border: 2px solid #67365a;
    color: #67365a;
}
#content.intro .locate-wrap .add-wrap>dl>dd ul li dl dd p i {
    display: inline-block;
    width: 7px;
    height: 11px;
    background: url("../images/locate_arrow.png") no-repeat;
    margin: 0 5px;
}
#content.intro .faq-accordion {
    width: 1030px;
    margin: 68px auto 0;
}
#content.intro .faq-accordion>li {
    background: #fff;
    margin-top: 12px;
}
#content.intro .faq-accordion>li:first-child {
    margin-top: 0;
}
#content.intro .faq-accordion>li>a {
    display: block;
    height: 78px;
    line-height: 78px;
    position: relative;
    font-size: 18px;
    color: #222;
    border: 1px solid #c8c8c8;
    padding-left: 81px;
    background-image: url("../images/faq_plus_icon.png");
    background-position-y: 27px;
    background-position-x: 980px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
#content.intro .faq-accordion>li>a .q-mark {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 27px;
    left: 31px;
    background: url("../images/faq_q_mark.png");
    text-indent: -9999px;
}
#content.intro .faq-accordion>li .answer-area {
    display: none;
    border: 1px solid #c8c8c8;
    border-top: none;
    padding-left: 81px;
    padding-bottom: 30px;
    position: relative;
    box-sizing: border-box;
}
#content.intro .faq-accordion>li .answer-area .a-mark {
    display: inline-block;
    width: 26px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 31px;
    background: url("../images/faq_a_mark.png");
    text-indent: -9999px;
}
#content.intro .faq-accordion>li .answer-area .answer {
    padding-top: 4px;
    font-size: 16px;
    color: #636363;
    line-height: 26px;
    font-family: Source, sans-serif;
    font-weight: 500;
}
#content.intro .faq-accordion>li.active>a {
    border: 3px solid #166ce3;
    border-bottom: 0;
    line-height: 74px;
    padding-left: 79px;
    font-weight: 500;
    background-image: url("../images/faq_minus_icon.png");
    background-position-y: 25px;
    background-position-x: 978px;
    background-repeat: no-repeat;
}
#content.intro .faq-accordion>li.active>a .q-mark {
    top: 25px;
    left: 29px;
}
#content.intro .faq-accordion>li.active .answer-area {
    border: 3px solid #166ce3;
    border-top: none;
    padding-left: 79px;
}
#content.intro .faq-accordion>li.active .answer-area .a-mark {
    left: 29px;
}

#content.customer .faq-tab, #content.customer .rm-list-wrap .rm-tab {
    margin-top: 39px;
}
#content.customer .faq-tab ul, #content.customer .rm-list-wrap .rm-tab ul {
    overflow: hidden;
    width: 1030px;
    margin: 0 auto;
}
#content.customer .faq-tab ul li, #content.customer .rm-list-wrap .rm-tab ul li {
    float: left;
    width: calc(100% / 7);
    height: 54px;
    line-height: 54px;
    position: relative;
}
#content.customer .faq-tab ul li a, #content.customer .rm-list-wrap .rm-tab ul li a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #636363;
    font-weight: 500;
    position: relative;
}
#content.customer .faq-tab ul li a:before, #content.customer .rm-list-wrap .rm-tab ul li a:before {
    width: 100%;
    height: 2px;
    transform: scale(0,  1);
    transition: all 0.3s ease;
    content: ""}
#content.customer .faq-tab ul li a.active, #content.customer .rm-list-wrap .rm-tab ul li a.active, #content.customer .faq-tab ul li a:hover, #content.customer .rm-list-wrap .rm-tab ul li a:hover {
    color: #166ce3;
}
#content.customer .faq-tab ul li a.active:before, #content.customer .rm-list-wrap .rm-tab ul li a.active:before, #content.customer .faq-tab ul li a:hover:before, #content.customer .rm-list-wrap .rm-tab ul li a:hover:before {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #166ce3;
    transform: scale(1,  1);
}
#content.customer .faq-tab ul li:before, #content.customer .rm-list-wrap .rm-tab ul li:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #c8c8c8;
    content: ""}
#content.customer .faq-accordion {
    width: 1030px;
    margin: 24px auto 0;
}
#content.customer .faq-accordion>li {
    background: #fff;
    margin-top: 12px;
}
#content.customer .faq-accordion>li:first-child {
    margin-top: 0;
}
#content.customer .faq-accordion>li>a {
    display: block;
    height: 78px;
    line-height: 78px;
    position: relative;
    font-size: 18px;
    color: #222;
    border: 1px solid #c8c8c8;
    padding-left: 81px;
    background-image: url("../images/faq_plus_icon.png");
    background-position-y: 27px;
    background-position-x: 980px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
#content.customer .faq-accordion>li>a .q-mark {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 27px;
    left: 31px;
    background: url("../images/faq_q_mark.png");
    text-indent: -9999px;
}
#content.customer .faq-accordion>li .answer-area {
    display: none;
    border: 1px solid #c8c8c8;
    border-top: none;
    padding-left: 81px;
    padding-bottom: 30px;
    position: relative;
    box-sizing: border-box;
}
#content.customer .faq-accordion>li .answer-area .a-mark {
    display: inline-block;
    width: 26px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 31px;
    background: url("../images/faq_a_mark.png");
    text-indent: -9999px;
}
#content.customer .faq-accordion>li .answer-area .answer {
    font-size: 16px;
    color: #636363;
    line-height: 26px;
    font-weight: 500;
}
#content.customer .faq-accordion>li.active>a {
    border: 3px solid #166ce3;
    border-bottom: 0;
    line-height: 74px;
    padding-left: 79px;
    font-weight: 500;
    background-image: url("../images/faq_minus_icon.png");
    background-position-y: 25px;
    background-position-x: 978px;
    background-repeat: no-repeat;
}
#content.customer .faq-accordion>li.active>a .q-mark {
    top: 25px;
    left: 29px;
}
#content.customer .faq-accordion>li.active .answer-area {
    border: 3px solid #166ce3;
    border-top: none;
    padding-left: 79px;
	padding-right:65px
}
#content.customer .faq-accordion>li.active .answer-area .a-mark {
    left: 29px;
}
#content.customer .rm-list-wrap {
    width: 1030px;
    margin: 0 auto;
}
#content.customer .rm-list-wrap .rm-item-list {
    margin-top: 24px;
}
#content.customer .rm-list-wrap .rm-item-list li {
    position: relative;
    margin-top: 12px;
}
#content.customer .rm-list-wrap .rm-item-list li a {
    display: table;
    width: 100%;
    padding: 25px 0 25px 30px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
}
#content.customer .rm-list-wrap .rm-item-list li a:hover .hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#content.customer .rm-list-wrap .rm-item-list li a .b-list-info {
    display: table-cell;
    width: 815px;
}
#content.customer .rm-list-wrap .rm-item-list li a .b-list-info .b-title {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #222;
    vertical-align: middle;
}
#content.customer .rm-list-wrap .rm-item-list li a .b-list-date {
    display: table-cell;
    width: 183px;
    vertical-align: middle;
    text-align: center;
    color: #222;
}
#content.customer .rm-list-wrap .rm-item-list li a .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 1030px;
    height: 100%;
    border: 2px solid #166ce3;
    opacity: 0;
    box-sizing: border-box;
    transition: all 0.3s ease;
    box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
}
#content.customer .question-wrap {
    width: 1030px;
    margin: 0 auto;
}
#content.customer .question-wrap .question-info-area {
    margin-top: 60px;
    padding: 50px;
    border: 4px solid #f5f5f5;
}
#content.customer .question-wrap .question-info-area .tit {
    float: left;
    width: 290px;
    margin-top: -6px;
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #222;
    line-height: 40px;
}
#content.customer .question-wrap .question-info-area .tit strong {
    color: #166ce3;
}
#content.customer .question-wrap .question-info-area .content {
    padding-left: 310px;
    margin-top: 30px;
}
#content.customer .question-wrap .question-info-area .content .txt {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    line-height: 24px;
}
#content.customer .question-wrap .question-info-area .content em {
    position: relative;
    display: block;
    padding-top: 25px;
    margin-top: 23px;
    color: #222;
    font-size: 16px;
    line-height: 1em;
}
#content.customer .question-wrap .question-info-area .content em:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: #222;
}
#content.customer .question-wrap .question-info-area .content ul {
    margin-top: 12px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
#content.customer .question-wrap .question-info-area .content ul li {
    position: relative;
    line-height: 1em;
    color: #636363;
	margin-top:5px;
    padding-left: 23px;
}
#content.customer .question-wrap .question-info-area .content ul li:first-child {
	margin-top:0;
	padding-left: 0;
}
#content.customer .question-wrap .question-info-area .content ul li:first-child:before {
    display: none;
}
#content.customer .question-wrap .question-info-area .content ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 11px;
    width: 2px;
    height: 2px;
    background-color: #6d6d6d;
}
#content.customer .question-wrap .question-info-area .content ul li .sub_txt{
	display:block;
	position:absolute;
	top:22px;
	left:70px;
	font-size:12px;
	white-space:nowrap;
}
#content.customer .question-wrap .question-info-area .content ul li strong {
    color: #166ce3;
}
#content.customer .question-wrap .info-graphic {
    margin-top: 80px;
    text-align: center;
}
#content.cms .faq-accordion {
    width: 1030px;
    margin: 68px auto 0;
}
#content.cms .faq-accordion>li {
    background: #fff;
    margin-top: 14px;
}
#content.cms .faq-accordion>li:first-child {
    margin-top: 0;
}
#content.cms .faq-accordion>li.active .step-area {
    border: 3px solid #166ce3;
    border-bottom: none;
}
#content.cms .faq-accordion>li.active .step-area .step-label {
    background: #166ce3;
    color: #fff;
}
#content.cms .faq-accordion>li.complete .step-area .noti-type1, #content.cms .faq-accordion>li.complete .step-area .noti-type2 {
    display: none;
}
#content.cms .faq-accordion>li.complete .step-area .choice_complete {
    display: block;
}
#content.cms .faq-accordion>li .step-area {
    display: block;
    height: 100px;
    line-height: 100px;
    position: relative;
    font-size: 18px;
    color: #222;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}
#content.cms .faq-accordion>li .step-area .step-label {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -20px;
    vertical-align: middle;
    width: 108px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    background: #fff;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #166ce3;
    border: 2px solid #166ce3;
}
#content.cms .faq-accordion>li .step-area p {
    padding: 0 250px 0 150px;
    font-weight: 500;
    font-size: 24px;
    color: #222;
}
#content.cms .faq-accordion>li .step-area .noti-type1 {
    position: absolute;
    right: 30px;
    top: 0;
    color: #636363;
    padding-left: 21px;
    font-size: 16px;
}
#content.cms .faq-accordion>li .step-area .noti-type1:before {
    content: "";
    width: 15px;
    height: 12px;
    background: url(../images/cms_check.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 0;
}
#content.cms .faq-accordion>li .step-area .noti-type2 {
    position: absolute;
    right: 30px;
    top: 0;
    color: #636363;
    padding-left: 21px;
    font-size: 16px;
}
#content.cms .faq-accordion>li .step-area .noti-type2:before {
    content: "";
    width: 18px;
    height: 19px;
    background: url(../images/cms_write.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
}
#content.cms .faq-accordion>li .step-area .choice_complete {
    display: none;
    position: absolute;
    right: 30px;
    top: 0;
    color: #222;
    padding-right: 35px;
    font-size: 16px;
}
#content.cms .faq-accordion>li .step-area .choice_complete:before {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/choice_complete.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 0;
}
#content.cms .faq-accordion>li .answer-area {
    display: block;
    border: 3px solid #166ce3;
    border-top: 0;
    padding: 30px 30px 60px 30px;
    background: #f5f5f5;
    position: relative;
    box-sizing: border-box;
}
#content.cms .faq-accordion>li .answer-area .btn-list {
    overflow: hidden;
    margin: -20px 0 0 -5px;
}
#content.cms .faq-accordion>li .answer-area .btn-list li {
    float: left;
    width: 318px;
    margin: 20px 0 0 5px;
}
#content.cms .faq-accordion>li .answer-area .btn-list li.active a {
    background-image: url(../images/cms_step_icon_on.png);
    background-color: #166ce3;
}
#content.cms .faq-accordion>li .answer-area .btn-list li.active .txt-complete {
    display: none;
}
#content.cms .faq-accordion>li .answer-area .btn-list li.complete .txt-default {
    display: none;
}
#content.cms .faq-accordion>li .answer-area .btn-list li.complete .txt-complete {
    display: block;
}
#content.cms .faq-accordion>li .answer-area .btn-list li a {
    display: block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    background: #222 url(../images/cms_step_icon_off.png) no-repeat 278px 50%}
#content.cms .faq-accordion>li .answer-area .btn-list li p {
    display: block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    font-weight: 400;
    background-color: #fff;
    color: #636363;
}
#content.cms .faq-accordion>li .answer-area .btn-list li p.txt-complete {
    display: none;
    background: #fff url(../images/cms_step_value_complete.png) no-repeat 278px 50%}
#content.cms .faq-accordion>li .answer-area .btn-list2 {
    overflow: hidden;
}
#content.cms .faq-accordion>li .answer-area .btn-list2 li {
    float: left;
    width: 237px;
    height: 120px;
    margin-left: 5px;
}
#content.cms .faq-accordion>li .answer-area .btn-list2 li:first-child, #content.cms .faq-accordion>li .answer-area .btn-list2 li:nth-child(5) {
    margin-left: 0;
}
#content.cms .faq-accordion>li .answer-area .btn-list2 li:nth-child(5), #content.cms .faq-accordion>li .answer-area .btn-list2 li:nth-child(6), #content.cms .faq-accordion>li .answer-area .btn-list2 li:nth-child(7) {
    margin-top: 20px;
}
#content.cms .faq-accordion>li .answer-area .btn-list2 li a {
    display: block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    background: #166ce3;
}
#content.cms .faq-accordion>li .answer-area .btn-list2 li p {
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    color: #636363;
    font-size: 17px;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list {
    overflow: hidden;
    width: 610px;
    margin: 48px auto 0;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dt {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    margin-bottom: 30px;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd {
    float: left;
    width: 106px;
    margin-left: 20px;
    text-align: center;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 {
    margin-left: 0;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list11 {
    margin-top: 36px;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd button {
    position: relative;
    width: 106px;
    padding-top: 117px;
    position: relative;
    text-align: center;
    display: block;
    color: #636363;
    font-weight: 500;
    height: 141px;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd button:before {
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 106px;
    height: 106px;
    -webkit-border-radius: 106px;
    -moz-border-radius: 106px;
    border-radius: 106px;
    box-sizing: border-box;
    border: 2px solid #fff;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd button:hover, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd button.active {
    color: #166ce3;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd button:hover:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd button.active:before {
    border: 2px solid #166ce3;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd button .title {
    height: 24px;
    width: 130px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -65px;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01 button:before {
    background-image: url("../images/line_sel1.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01 button:hover:before {
    background-image: url("../images/line_sel1_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list02 button:before {
    background-image: url("../images/line_sel2.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list02 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list02 button:hover:before {
    background-image: url("../images/line_sel2_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button:before {
    background-image: url("../images/line_sel3.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button:hover:before {
    background-image: url("../images/line_sel3_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button:before {
    background-image: url("../images/line_sel4.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button:hover:before {
    background-image: url("../images/line_sel4_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button:before {
    background-image: url("../images/line_sel5.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button:hover:before {
    background-image: url("../images/line_sel5_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button:before {
    background-image: url("../images/line_sel6.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button:hover:before {
    background-image: url("../images/line_sel6_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button:before {
    background-image: url("../images/line_sel7.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button:hover:before {
    background-image: url("../images/line_sel7_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button:before {
    background-image: url("../images/line_sel8.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button:hover:before {
    background-image: url("../images/line_sel8_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button:before {
    background-image: url("../images/line_sel9.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button:hover:before {
    background-image: url("../images/line_sel9_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button:before {
    background-image: url("../images/line_sel10.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button.active, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button:hover {
    color: #222;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button.active:before, #content.cms .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button:hover:before {
    background-image: url("../images/line_sel10_active.png");
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .input_wrap {
	text-align:center; margin:50px 0 0; display:none;
}
#content.cms .faq-accordion>li .answer-area .service-pro1 .input_wrap input {
	background-color:#fff; height:50px; width:400px;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list {
    padding-top: 48px;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item {
    text-align: center;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item:first-child, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item:first-child, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item:first-child {
    margin-top: 0;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .tit, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit {
    text-align: center;
    font-weight: 500;
    color: #222;
    font-size: 18px;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .tit span, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit span, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit span {
    color: #166ce3;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area {
    text-align: center;
    margin-top: 19px;
    display: inline-block;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a {
    float: left;
    display: table;
    transition: all 0.3s ease;
    margin-left: 10px;
    font-size: 16px;
    color: #636363;
    font-weight: 500;
    border: 2px solid #fff;
    width: 140px;
    padding: 0 10px;
    height: 60px;
    line-height: 26px;
    box-sizing: border-box;
    background-color: #fff;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a:first-child, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:first-child, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:first-child {
    margin-left: 0;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a.active, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a.active, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a.active {
    border: 2px solid #166ce3;
    color: #166ce3;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a:hover, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:hover, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:hover {
    color: #166ce3;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a span, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a span, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a span {
    display: table-cell;
    vertical-align: middle;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .direct-area, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area {
    text-align: center;
    margin-top: 20px;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .direct-area textarea, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area textarea, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area textarea {
    width: 656px;
    height: 114px;
    background: #fff;
    border: 1px solid #c8c8c8;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .radio-area, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area {
    display: block;
    margin-top: 30px;
    text-align: center;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .radio-area .inp-radio, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio {
    display: inline-block;
    margin-left: 40px;
    vertical-align: top;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .radio-area .inp-radio:first-child, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio:first-child, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio:first-child {
    margin-left: 0;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box {
    margin-top: 20px;
    text-align: center;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt {
    height: 50px;
    padding: 15px;
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    font-size: 16px;
    color: #636363;
    box-sizing: border-box;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt::-webkit-input-placeholder, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-webkit-input-placeholder, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-webkit-input-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt::-moz-placeholder, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-moz-placeholder, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-moz-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt:-ms-input-placeholder, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-ms-input-placeholder, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-ms-input-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.cms .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt:-moz-placeholder, #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-moz-placeholder, #content.cms #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-moz-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.cms .faq-accordion>li .answer-area .step-03 {
    width: 866px;
    margin: 0 auto;
}
#content.cms .faq-accordion>li .answer-area .step-03 .tit {
    text-align: center;
    font-size: 22px;
    color: #222;
    font-weight: 500;
    margin-top: 30px;
}
#content.cms .faq-accordion>li .answer-area .step-03 .term-area {
    padding-bottom: 50px;
}
#content.cms .faq-accordion>li .answer-area .step-03 .term-area .term-box {
    height: 182px;
    margin-top: 30px;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
}
#content.cms .faq-accordion>li .answer-area .step-03 .term-area .term-box p {
    margin-top: 15px;
}
#content.cms .faq-accordion>li .answer-area .step-03 .term-area .term-box p:first-child {
    margin-top: 0;
}
#content.cms .faq-accordion>li .answer-area .step-03 .term-area .agree-box {
    text-align: center;
    margin-top: 20px;
}
#content.cms .faq-accordion>li .answer-area .step-03 .term-area .agree-box li {
    display: inline-block;
    margin-left: 50px;
}
#content.cms .faq-accordion>li .answer-area .step-03 .term-area .agree-box li:first-child {
    margin-left: 0;
}
#content.cms .faq-accordion>li .answer-area .step-03 table {
    margin: 30px auto 0;
}
#content.cms .faq-accordion>li .answer-area .step-03 table th {
    text-align: left;
}
#content.cms .faq-accordion>li .answer-area .step-03 table th span {
    color: #222;
    font-weight: 500;
    position: relative;
    padding-left: 9px;
}
#content.cms .faq-accordion>li .answer-area .step-03 table th span:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #222;
    position: absolute;
    top: 11px;
    left: 0;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td {
    padding: 6px 0;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td .email-box {
    margin-left: -5px;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td .email-box input {
    float: left;
    margin-left: 5px;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td .email-box .txt {
    float: left;
    line-height: 50px;
    color: #222;
    margin-left: 5px;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td .email-box .select-box {
    float: left;
    margin-left: 5px;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td input {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c8c8c8;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td .select-box select {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: url("../images/selectbox_arrow.png") no-repeat 100% 50% #fff;
    border: 1px solid #c8c8c8;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td .devide-tp select, #content.cms .faq-accordion>li .answer-area .step-03 table td .devide-tp input {
    float: left;
    width: 130px;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td .devide-tp input {
    margin-left: 5px;
}
#content.cms .faq-accordion>li .answer-area .step-03 table td textarea {
    width: 100%;
    padding: 15px 20px;
    height: 150px;
    background: #fff;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}
#content.cms .faq-accordion>li .answer-area .next-btn {
    text-align: center;
    margin-top: 56px;
}
#content.cms .faq-accordion>li .answer-area .next-btn.on a {
    background-color: #166ce3;
}
#content.cms .faq-accordion>li .answer-area .next-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
#content.cms .faq-accordion>li .answer-area .complete-btn {
    text-align: center;
    margin-top: 56px;
}
#content.cms .faq-accordion>li .answer-area .complete-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #166ce3;
}
#content.cms .cms-service-index {
    width: 1030px;
    margin: 0 auto 0;
}
#content.cms .cms-service-index .cms-service-choice-area {
    margin-top: 60px;
    display: inline-block;
    vertical-align: top;
    width: 100%}
#content.cms .cms-service-index .cms-service-choice-area .box {
    float: left;
    width: 505px;
    height: 436px;
    padding: 0 20px;
    border: 3px solid #f5f5f5;
    box-sizing: border-box;
    background-color: #f5f5f5;
    margin-left: 20px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
#content.cms .cms-service-index .cms-service-choice-area .box:first-child {
    margin-left: 0;
}
#content.cms .cms-service-index .cms-service-choice-area .box:hover {
    border-color: #166ce3;
    -moz-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
}
#content.cms .cms-service-index .cms-service-choice-area .box .tit {
    margin-top: 120px;
    font-weight: 400;
    font-size: 32px;
    line-height: 1em;
    color: #222;
}
#content.cms .cms-service-index .cms-service-choice-area .box .txt {
    min-height: 56px;
    margin-top: 20px;
    font-size: 17px;
    line-height: 28px;
    color: #636363;
}
#content.cms .cms-service-index .cms-service-choice-area .box .btn-area {
    margin-top: 35px;
}
#content.cms .cms-service-index .cms-service-choice-area .box .btn-area .next-btn {
    display: inline-block;
    width: 163px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
#content.cms .cms-service-index .cms-service-choice-area .box .btn-area .next-btn.on {
    background-color: #166ce3;
}
#content.cms .cms-service-comp {
    width: 1030px;
    margin: 60px auto 0;
}
#content.cms .cms-service-comp .box {
    padding: 100px 20px;
    border: 3px solid #f5f5f5;
    box-sizing: border-box;
    text-align: center;
}
#content.cms .cms-service-comp .box .tit {
    padding-top: 114px;
    font-weight: 400;
    font-size: 28px;
    line-height: 1em;
    color: #222;
    background: url(../images/cms_comp_icon.png) no-repeat 50% 0;
}
#content.cms .cms-service-comp .box .tit .point {
    color: #166ce3;
}
#content.cms .cms-service-comp .box .txt {
    margin-top: 15px;
    font-size: 16px;
    line-height: 28px;
    color: #636363;
}
#content.cms .cms-service-comp .box .btn-area {
    margin-top: 35px;
}
#content.cms .cms-service-comp .box .btn-area .next-btn {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
#content.cms .cms-service-comp .box .btn-area .next-btn.on {
    background-color: #166ce3;
}
#content.cms .cms-service-short {
    width: 1030px;
    padding: 80px 0 80px;
    margin: 60px auto 0;
    background-color: #f5f5f5;
}
#content.cms .cms-service-short .step-03 {
    width: 866px;
    margin: 0 auto;
}
#content.cms .cms-service-short .step-03 .tit {
    text-align: center;
    font-size: 22px;
    color: #222;
    font-weight: 500;
    margin-top: 30px;
}
#content.cms .cms-service-short .step-03 .term-area {
    padding-bottom: 50px;
}
#content.cms .cms-service-short .step-03 .term-area .term-box {
    height: 182px;
    margin-top: 30px;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
}
#content.cms .cms-service-short .step-03 .term-area .term-box p {
    margin-top: 15px;
}
#content.cms .cms-service-short .step-03 .term-area .term-box p:first-child {
    margin-top: 0;
}
#content.cms .cms-service-short .step-03 .term-area .agree-box {
    text-align: center;
    margin-top: 20px;
}
#content.cms .cms-service-short .step-03 .term-area .agree-box li {
    display: inline-block;
    margin-left: 50px;
}
#content.cms .cms-service-short .step-03 .term-area .agree-box li:first-child {
    margin-left: 0;
}
#content.cms .cms-service-short .step-03 table {
    margin: 30px auto 0;
}
#content.cms .cms-service-short .step-03 table th {
    text-align: left;
}
#content.cms .cms-service-short .step-03 table th span {
    color: #222;
    font-weight: 500;
    position: relative;
    padding-left: 9px;
}
#content.cms .cms-service-short .step-03 table th span:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #222;
    position: absolute;
    top: 11px;
    left: 0;
}
#content.cms .cms-service-short .step-03 table td {
    padding: 6px 0;
}
#content.cms .cms-service-short .step-03 table td .email-box {
    margin-left: -5px;
}
#content.cms .cms-service-short .step-03 table td .email-box input {
    float: left;
    margin-left: 5px;
}
#content.cms .cms-service-short .step-03 table td .email-box .txt {
    float: left;
    line-height: 50px;
    color: #222;
    margin-left: 5px;
}
#content.cms .cms-service-short .step-03 table td .email-box .select-box {
    float: left;
    margin-left: 5px;
}
#content.cms .cms-service-short .step-03 table td input {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c8c8c8;
}
#content.cms .cms-service-short .step-03 table td .select-box select {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: url("../images/selectbox_arrow.png") no-repeat 100% 50% #fff;
    border: 1px solid #c8c8c8;
}
#content.cms .cms-service-short .step-03 table td .devide-tp select, #content.cms .cms-service-short .step-03 table td .devide-tp input {
    float: left;
    width: 130px;
}
#content.cms .cms-service-short .step-03 table td .devide-tp input {
    margin-left: 5px;
}
#content.cms .cms-service-short .step-03 table td textarea {
    width: 100%;
    padding: 15px 20px;
    height: 150px;
    background: #fff;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}
#content.cms .cms-service-short .next-btn {
    text-align: center;
    margin-top: 56px;
}
#content.cms .cms-service-short .next-btn.on a {
    background-color: #166ce3;
}
#content.cms .cms-service-short .next-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
.layer-pop {
    /*mib181121 수정//*/
    position: absolute;
    width: 540px; 
    top: 0;
    left: 50%;
    margin-left: -270px;
    z-index: 1001;
    display: none; }
.layer-pop-a { display: block; }
.layer-pop .wrap {
    background: #fff;
    padding: 69px 0 63px;
}
.layer-pop .wrap .title {
    padding-top: 86px;
    background: url("../images/step3_popup_icon.png") top center no-repeat;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    color: #222;
}
.layer-pop .wrap .title span {
    color: #166ce3;
}
.layer-pop .wrap .text {
    text-align: center;
    font-size: 16px;
    color: #636363;
    line-height: 26px;
    margin-top: 10px;
}
.layer-pop .wrap .next-btn {
    text-align: center;
    margin-top: 56px;
}
.layer-pop .wrap .next-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background-color: #166ce3;
}
.layer-pop .bottom {
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	text-align:center;
}
.layer-pop .btn_lastview{
	display:inline-block;
	padding-left:10px;
	background:url("../images/bul_arr.png") center left  no-repeat;
	color:#636363;
	font-size:15px;
}
.layer-pop .btn_close{
	position:absolute;
	top:0;
	right:-48px;
}
.layer-pop_v2{
	top:50%;
	left:50%;
	/*width:516px; mib181119 width 제거*/
	margin: -275.5px 0 0 -258px;
}
.inp-radio {
    display: block;
    position: relative;
    padding-left: 36px;
}
.inp-radio input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.inp-radio .radio-txt {
    display: inline-block;
    color: #222;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}
.inp-radio .radio-txt .icon-check {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    background: url(../images/radio_off.png) no-repeat 0 0;
}
.inp-radio .radio-txt .icon-check:before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    background: url(../images/radio_on.png) no-repeat 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.inp-radio input[type="radio"]:checked+.radio-txt .icon-check:before {
    opacity: 1;
    filter: alpha(opacity=100);
}
.inp-radio.left .checkbox-txt {
    padding-left: 36px;
}
.inp-radio.left .checkbox-txt .icon-checkbox {
    top: 0;
    left: 0;
}
.inp-radio.right .checkbox-txt {
    padding-right: 32px;
}
.inp-radio.right .checkbox-txt .icon-checkbox {
    top: 0;
    right: 0;
}
#content.promote .promote-tab {
    margin-top: 20px;
}
#content.promote .promote-tab ul {
    overflow: hidden;
    width: 1030px;
    margin: 0 auto;
}
#content.promote .promote-tab ul li {
    float: left;
    width: calc(100% / 5);/*mib181119 width 수정*/
    height: 54px;
    line-height: 54px;
    position: relative;
}
#content.promote .promote-tab ul li a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #636363;
    font-weight: 500;
    position: relative;
}
#content.promote .promote-tab ul li a:before {
    width: 100%;
    height: 2px;
    transform: scale(0,  1);
    transition: all 0.3s ease;
    content: ""}
#content.promote .promote-tab ul li a.active, #content.promote .promote-tab ul li a:hover {
    color: #166ce3;
}
#content.promote .promote-tab ul li a.active:before, #content.promote .promote-tab ul li a:hover:before {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #166ce3;
    transform: scale(1,  1);
}
#content.promote .promote-tab ul li:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #c8c8c8;
    content: ""}
#content.promote .cibi-wrap {
    padding-top: 60px;
    margin-bottom: -60px;
}
#content.promote .cibi-wrap .ci-area, #content.promote .cibi-wrap .bi-area {
    position: relative;
}
#content.promote .cibi-wrap .ci-area:before, #content.promote .cibi-wrap .bi-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-color: #f5f5f5;
    z-index: -1;
}
#content.promote .cibi-wrap .bi-area {
    margin-top: 50px;
}
#content.promote .cibi-wrap .tit {
    text-align: center;
    color: #222;
    position: relative;
    padding: 120px 0 68px;
    font-size: 30px;
    font-weight: 500;
}
#content.promote .cibi-wrap .tit.white {
    color: #fff;
}
#content.promote .cibi-wrap .tit.white:after {
    background: #fff;
}
#content.promote .cibi-wrap .tit:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 3px;
    height: 45px;
    left: 50%;
    margin-left: -2px;
    background-color: #166ce3;
}
#content.promote .cibi-wrap .ci-bg {
    margin-top: 60px;
    width: 100%;
    height: 390px;
    padding-left: 20px;
    background: url(../images/img_cibi01.png) no-repeat 50% 0;
}
#content.promote .cibi-wrap .bi-bg {
    margin-top: 60px;
    width: 100%;
    height: 390px;
    padding-left: 20px;
    background: url(../images/img_cibi02.png) no-repeat 50% 0;
}
#content.promote .cibi-wrap ul {
    width: 1030px;
    margin: 0 auto;
}
#content.promote .cibi-wrap ul li {
    padding: 55px 0;
    border-top: 1px solid #c8c8c8;
}
#content.promote .cibi-wrap ul li:first-child {
    border-top: none;
}
#content.promote .cibi-wrap ul li>strong {
    float: left;
    width: 165px;
    padding-right: 10px;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #222;
}
#content.promote .cibi-wrap ul li>p {
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
}
#content.promote .cibi-wrap ul li .area {
    padding-left: 175px;
    margin-left: -14px;
    overflow: hidden;
}
#content.promote .cibi-wrap ul li .area.main {
    margin-top: 40px;
}
#content.promote .cibi-wrap ul li .area.sub {
    margin-top: 50px;
}
#content.promote .cibi-wrap ul li .area .color-tit {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #222;
    margin-left: 14px;
    margin-bottom: -5px;
}
#content.promote .cibi-wrap ul li .area .box {
    float: left;
    position: relative;
    margin-top: 20px;
    width: 420px;
    height: 135px;
    padding: 20px 30px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    margin-left: 14px;
}
#content.promote .cibi-wrap ul li .area .box:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 10px;
    height: 100%;
    padding-bottom: 2px;
}
#content.promote .cibi-wrap ul li .area .box.blue:before {
    background-color: #034ea2;
}
#content.promote .cibi-wrap ul li .area .box.blue .color {
    color: #034ea2;
}
#content.promote .cibi-wrap ul li .area .box.gray:before {
    background-color: #58595b;
}
#content.promote .cibi-wrap ul li .area .box.gray .color {
    color: #58595b;
}
#content.promote .cibi-wrap ul li .area .box.gold:before {
    background-color: #84754e;
}
#content.promote .cibi-wrap ul li .area .box.gold .color {
    color: #84754e;
}
#content.promote .cibi-wrap ul li .area .box.silver:before {
    background-color: #8a8d8f;
}
#content.promote .cibi-wrap ul li .area .box.silver .color {
    color: #8a8d8f;
}
#content.promote .cibi-wrap ul li .area .box.lightgray:before {
    background-color: #e7e8e9;
}
#content.promote .cibi-wrap ul li .area .box.lightgray .color {
    color: #e7e8e9;
}
#content.promote .cibi-wrap ul li .area .box.darkblue:before {
    background-color: #023f88;
}
#content.promote .cibi-wrap ul li .area .box.darkblue .color {
    color: #023f88;
}
#content.promote .cibi-wrap ul li .area .box.cmsblue:before {
    background-color: #0c4da2;
}
#content.promote .cibi-wrap ul li .area .box.cmsblue .color {
    color: #0c4da2;
}
#content.promote .cibi-wrap ul li .area .box.cmddeepblue:before {
    background-color: #0b1a55;
}
#content.promote .cibi-wrap ul li .area .box.cmddeepblue .color {
    color: #0b1a55;
}
#content.promote .cibi-wrap ul li .area .box.yellow:before {
    background-color: #fdb813;
}
#content.promote .cibi-wrap ul li .area .box.yellow .color {
    color: #fdb813;
}
#content.promote .cibi-wrap ul li .area .box.cmswhite:before {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    padding-bottom: 0;
}
#content.promote .cibi-wrap ul li .area .box.cmswhite .color {
    color: #222;
}
#content.promote .cibi-wrap ul li .area .box.cmsblack:before {
    background-color: #231f20;
}
#content.promote .cibi-wrap ul li .area .box.cmsblack .color {
    color: #231f20;
}
#content.promote .cibi-wrap ul li .area .box.cmssilver:before {
    background-color: #8c9192;
}
#content.promote .cibi-wrap ul li .area .box.cmssilver .color {
    color: #8c9192;
}
#content.promote .cibi-wrap ul li .area .box.cmsgold:before {
    background-color: #926d4c;
}
#content.promote .cibi-wrap ul li .area .box.cmsgold .color {
    color: #926d4c;
}
#content.promote .cibi-wrap ul li .area .box .color {
    font-family: Raleway, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}
#content.promote .cibi-wrap ul li .area .box .color-info {
    position: absolute;
    top: 70px;
    left: 30px;
}
#content.promote .cibi-wrap ul li .area .box .color-info .color-info-txt {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
}
#content.etc .alliance-list-wrap {
    width: 1030px;
    margin: 0 auto;
    word-break: keep-all;
}
#content.etc .alliance-list-wrap .info-area {
    margin-top: 60px;
    padding: 90px 140px;
    border: 4px solid #f5f5f5;
	text-align:center;
}
#content.etc .alliance-list-wrap .info-area .tit {
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #222;
    line-height: 40px;
}
#content.etc .alliance-list-wrap .info-area .tit:before{
	content:' ';
	display:block;
	width:76px;
	height:43px;
	margin: 0 auto 40px;
	background:url('../images/ico_handshake.png') no-repeat;
}
#content.etc .alliance-list-wrap .info-area .tit strong {
    color: #166ce3;
}
#content.etc .alliance-list-wrap .info-area .content {
    margin-top: 30px;
}
#content.etc .alliance-list-wrap .info-area .content .txt {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    line-height: 24px;
}
#content.etc .alliance-list-wrap .info-area .content .btn-area {
    margin-top: 30px;
}
#content.etc .alliance-list-wrap .info-area .content .btn-area .link {
    display: inline-block;
    width: 163px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background-color: #166ce3;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
#content.etc .alliance-list-wrap .partner-area{
	text-align:center;
}
#content.etc .alliance-list-wrap .partner-area .tit {
    text-align: center;
    color: #222;
    position: relative;
    padding: 120px 0 24px;
    font-size: 30px;
    font-weight: 500;
}
#content.etc .alliance-list-wrap .partner-area .tit.white {
    color: #fff;
}
#content.etc .alliance-list-wrap .partner-area .tit.white:after {
    background: #fff;
}

#content.etc .alliance-list-wrap .partner-area .partner_desc{
	margin-bottom:30px;
	font-size:16px;
	color:#636363;
	text-align:center;
}
#content.etc .alliance-list-wrap .partner-area .partner_list{
	display:inline-block;
}
#content.etc .alliance-list-wrap .partner-area .partner_list li {
	position:relative;
	padding: 30px 0;
	border-top:1px solid #c8c8c8;
	font-size:16px;
	color:#636363;
	text-align:left;
}
#content.etc .alliance-list-wrap .partner-area .partner_list li:first-child{
	border:0;
}

#content.etc .alliance-list-wrap .partner-area .partner_list .txt_highlight{
	display:inline-block;
	min-width:187px;
	font-size:22px;
	color:#222;
	vertical-align:text-bottom;
}

#content.etc .alliance-list-wrap .partner-area .partner_list .txt_highlight:before{
	content:' ';
	display:inline-block;;
	width:5px;
	height:5px;
	margin-right:10px;
	border-radius:5px;
	background-color:#166ce3;
	vertical-align:middle;
}

#content.etc .alliance-list-wrap .etc-table {
    margin-top: 60px;
    border-top: 2px solid #222;
    border-bottom: 1px solid #222;
}
#content.etc .alliance-list-wrap .etc-table thead th {
    padding: 13px 0 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    background-color: #f5f5f5;
}
#content.etc .alliance-list-wrap .etc-table tbody td {
    border-top: 1px solid #c8c8c8;
    padding: 15px 0 15px 0;
}
#content.etc .alliance-list-wrap .etc-table tbody td p {
    position: relative;
    padding-left: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    margin-left: 20px;
}
#content.etc .alliance-list-wrap .etc-table tbody td p:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#content.etc .alliance-list-wrap .cms-service-short {
    width: 1030px;
    padding: 80px 0 80px;
    margin: 60px auto 0;
    background-color: #f5f5f5;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 {
    width: 866px;
    margin: 0 auto;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .tit {
    text-align: center;
    font-size: 22px;
    color: #222;
    font-weight: 500;
    margin-top: 30px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area {
    padding-bottom: 50px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .term-box {
    height: 182px;
    margin-top: 30px;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .term-box p {
    margin-top: 15px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .term-box p:first-child {
    margin-top: 0;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .agree-box {
    text-align: center;
    margin-top: 20px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .agree-box li {
    display: inline-block;
    margin-left: 50px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .agree-box li:first-child {
    margin-left: 0;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table {
    margin: 30px auto 0;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table th {
    text-align: left;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table th span {
    color: #222;
    font-weight: 500;
    position: relative;
    padding-left: 9px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table th span:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #222;
    position: absolute;
    top: 11px;
    left: 0;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td {
    padding: 6px 0;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td .email-box {
    margin-left: -5px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td .email-box input {
    float: left;
    margin-left: 5px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td .email-box .txt {
    float: left;
    line-height: 50px;
    color: #222;
    margin-left: 5px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td .email-box .select-box {
    float: left;
    margin-left: 5px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td input {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c8c8c8;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td .select-box select {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: url("../images/selectbox_arrow.png") no-repeat 100% 50% #fff;
    border: 1px solid #c8c8c8;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td .devide-tp select, #content.etc .alliance-list-wrap .cms-service-short .step-03 table td .devide-tp input {
    float: left;
    width: 130px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td .devide-tp input {
    margin-left: 5px;
}
#content.etc .alliance-list-wrap .cms-service-short .step-03 table td textarea {
    width: 100%;
    padding: 15px 20px;
    height: 150px;
    background: #fff;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}
#content.etc .alliance-list-wrap .cms-service-short .next-btn {
    text-align: center;
    margin-top: 56px;
}
#content.etc .alliance-list-wrap .cms-service-short .next-btn.on a {
    background-color: #166ce3;
}
#content.etc .alliance-list-wrap .cms-service-short .next-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
#content.etc .sca-comp-wrap {
    width: 1030px;
    margin: 60px auto 0;
}
#content.etc .sca-comp-wrap .box {
    padding: 100px 20px;
    border: 3px solid #f5f5f5;
    box-sizing: border-box;
    text-align: center;
}
#content.etc .sca-comp-wrap .box .tit {
    padding-top: 114px;
    font-weight: 400;
    font-size: 28px;
    line-height: 1em;
    color: #222;
    background: url(../images/cms_comp_icon.png) no-repeat 50% 0;
}
#content.etc .sca-comp-wrap .box .tit .point {
    color: #166ce3;
}
#content.etc .sca-comp-wrap .box .txt {
    margin-top: 15px;
    font-size: 16px;
    line-height: 28px;
    color: #636363;
}
#content.etc .sca-comp-wrap .box .btn-area {
    margin-top: 35px;
}
#content.etc .sca-comp-wrap .box .btn-area .next-btn {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
#content.etc .sca-comp-wrap .box .btn-area .next-btn.on {
    background-color: #166ce3;
}
#content.etc .sca-wrap .faq-accordion {
    width: 1030px;
    margin: 68px auto 0;
}
#content.etc .sca-wrap .faq-accordion>li {
    background: #fff;
    margin-top: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area {
    display: block;
    padding: 30px 30px 60px 30px;
    background: #f5f5f5;
    position: relative;
    box-sizing: border-box;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list {
    overflow: hidden;
    margin: -20px 0 0 -5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li {
    float: left;
    width: 238px;
    margin: 20px 0 0 5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li.active a {
    background-image: url(../images/cms_step_icon_on.png);
    background-color: #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li.active .txt-complete {
    display: none;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li.complete .txt-default {
    display: none;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li.complete .txt-complete {
    display: block;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li a {
    display: block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    background: #222 url(../images/cms_step_icon_off.png) no-repeat 198px 50%}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li p {
    display: block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    font-weight: 400;
    background-color: #fff;
    color: #636363;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list li p.txt-complete {
    display: none;
    background: #fff url(../images/cms_step_value_complete.png) no-repeat 198px 50%}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 {
    overflow: hidden;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li {
    float: left;
    width: 237px;
    height: 120px;
    margin-left: 5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li:first-child, #content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li:nth-child(5) {
    margin-left: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li:nth-child(5), #content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li:nth-child(6), #content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li:nth-child(7) {
    margin-top: 20px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li a {
    display: block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    background: #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .btn-list2 li p {
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    color: #636363;
    font-size: 17px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list {
    overflow: hidden;
    width: 610px;
    margin: 48px auto 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dt {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    margin-bottom: 30px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd {
    float: left;
    width: 106px;
    margin-left: 20px;
    text-align: center;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 {
    margin-left: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list11 {
    margin-top: 36px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd button {
    position: relative;
    width: 106px;
    padding-top: 117px;
    position: relative;
    text-align: center;
    display: block;
    color: #636363;
    font-weight: 500;
    height: 141px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd button:before {
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 106px;
    height: 106px;
    -webkit-border-radius: 106px;
    -moz-border-radius: 106px;
    border-radius: 106px;
    box-sizing: border-box;
    border: 2px solid #fff;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd button:hover, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd button.active {
    color: #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd button:hover:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd button.active:before {
    border: 2px solid #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd button .title {
    height: 24px;
    width: 130px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -65px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01 button:before {
    background-image: url("../images/line_sel1.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list01 button:hover:before {
    background-image: url("../images/line_sel1_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list02 button:before {
    background-image: url("../images/line_sel2.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list02 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list02 button:hover:before {
    background-image: url("../images/line_sel2_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button:before {
    background-image: url("../images/line_sel3.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list03 button:hover:before {
    background-image: url("../images/line_sel3_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button:before {
    background-image: url("../images/line_sel4.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list04 button:hover:before {
    background-image: url("../images/line_sel4_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button:before {
    background-image: url("../images/line_sel5.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list05 button:hover:before {
    background-image: url("../images/line_sel5_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button:before {
    background-image: url("../images/line_sel6.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list06 button:hover:before {
    background-image: url("../images/line_sel6_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button:before {
    background-image: url("../images/line_sel7.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list07 button:hover:before {
    background-image: url("../images/line_sel7_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button:before {
    background-image: url("../images/line_sel8.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list08 button:hover:before {
    background-image: url("../images/line_sel8_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button:before {
    background-image: url("../images/line_sel9.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list09 button:hover:before {
    background-image: url("../images/line_sel9_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button:before {
    background-image: url("../images/line_sel10.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button:hover {
    color: #222;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button.active:before, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro1 .engage-list dd.list10 button:hover:before {
    background-image: url("../images/line_sel10_active.png");
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list {
    padding-top: 48px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item {
    margin-top: 50px;
    text-align: center;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item:first-child, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item:first-child, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item:first-child {
    margin-top: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .tit, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit {
    text-align: center;
    font-weight: 500;
    color: #222;
    font-size: 18px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .tit span, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit span, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .tit span {
    color: #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area {
    text-align: center;
    margin-top: 19px;
    display: inline-block;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a {
    float: left;
    display: table;
    transition: all 0.3s ease;
    margin-left: 10px;
    font-size: 16px;
    color: #636363;
    font-weight: 500;
    border: 2px solid #fff;
    width: 140px;
    padding: 0 10px;
    height: 60px;
    line-height: 26px;
    box-sizing: border-box;
    background-color: #fff;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a:first-child, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:first-child, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:first-child {
    margin-left: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a.active, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a.active, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a.active {
    border: 2px solid #166ce3;
    color: #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a:hover, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:hover, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a:hover {
    color: #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .btn-area a span, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a span, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .btn-area a span {
    display: table-cell;
    vertical-align: middle;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .direct-area, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area {
    text-align: center;
    margin-top: 20px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .pro2-item .direct-area textarea, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area textarea, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .pro2-item .direct-area textarea {
    width: 656px;
    height: 114px;
    background: #fff;
    border: 1px solid #c8c8c8;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .radio-area, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area {
    display: block;
    margin-top: 30px;
    text-align: center;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .radio-area .inp-radio, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio {
    display: inline-block;
    margin-left: 40px;
    vertical-align: top;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .radio-area .inp-radio:first-child, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio:first-child, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .radio-area .inp-radio:first-child {
    margin-left: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box {
    margin-top: 20px;
    text-align: center;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt {
    height: 50px;
    padding: 15px;
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    font-size: 16px;
    color: #636363;
    box-sizing: border-box;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt::-webkit-input-placeholder, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-webkit-input-placeholder, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-webkit-input-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt::-moz-placeholder, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-moz-placeholder, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt::-moz-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt:-ms-input-placeholder, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-ms-input-placeholder, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-ms-input-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro2 .new-busi-list .input-text-box .inp-txt:-moz-placeholder, #content.etc .sca-wrap #content.cms .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-moz-placeholder, #content.etc .sca-wrap .faq-accordion>li .answer-area .service-pro3 .new-busi-list .input-text-box .inp-txt:-moz-placeholder {
    color: 18px;
    line-height: 16px;
    font-size: #636363;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 {
    width: 866px;
    margin: 0 auto;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .tit {
    text-align: center;
    font-size: 22px;
    color: #222;
    font-weight: 500;
    margin-top: 30px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area {
    padding-bottom: 50px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .term-box {
    height: 182px;
    margin-top: 30px;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .term-box p {
    margin-top: 15px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .term-box p:first-child {
    margin-top: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .agree-box {
    text-align: center;
    margin-top: 20px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .agree-box li {
    display: inline-block;
    margin-left: 50px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .agree-box li:first-child {
    margin-left: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table {
    margin: 30px auto 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table th {
    text-align: left;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table th span {
    color: #222;
    font-weight: 500;
    position: relative;
    padding-left: 9px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table th span:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #222;
    position: absolute;
    top: 11px;
    left: 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td {
    padding: 6px 0;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .email-box {
    margin-left: -5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .email-box input {
    float: left;
    margin-left: 5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .email-box .txt {
    float: left;
    line-height: 50px;
    color: #222;
    margin-left: 5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .email-box .select-box {
    float: left;
    margin-left: 5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td input {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c8c8c8;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .select-box select {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: url("../images/selectbox_arrow.png") no-repeat 100% 50% #fff;
    border: 1px solid #c8c8c8;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .devide-tp select, #content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .devide-tp input {
    float: left;
    width: 130px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td .devide-tp input {
    margin-left: 5px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 table td textarea {
    width: 100%;
    padding: 15px 20px;
    height: 150px;
    background: #fff;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .tit {
    margin-top: 50px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .next-btn {
    text-align: center;
    margin-top: 56px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .next-btn.on a {
    background-color: #166ce3;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .next-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .complete-btn {
    text-align: center;
    margin-top: 56px;
}
#content.etc .sca-wrap .faq-accordion>li .answer-area .complete-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #166ce3;
}
#content.etc .family-wrap {
    width: 1030px;
    margin: 0 auto;
    word-break: keep-all;
}
#content.etc .family-wrap .info-area {
    margin-top: 60px;
    padding: 40px 50px;
    border: 4px solid #f5f5f5;
}
#content.etc .family-wrap .info-area .content {
    display: table;
    width: 100%}
#content.etc .family-wrap .info-area .content .txt {
    display: table-cell;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    line-height: 24px;
    width: 650px;
    text-align: left;
    vertical-align: middle;
}
#content.etc .family-wrap .info-area .content .btn-area {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
#content.etc .family-wrap .info-area .content .btn-area .link {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    background-color: #222;
}
#content.etc .family-wrap .partner-area .tit {
    text-align: center;
    color: #222;
    position: relative;
    padding: 120px 0 68px;
    font-size: 30px;
    font-weight: 500;
}
#content.etc .family-wrap .partner-area .tit.white {
    color: #fff;
}
#content.etc .family-wrap .partner-area .tit.white:after {
    background: #fff;
}
#content.etc .family-wrap .partner-area .tit:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 3px;
    height: 45px;
    left: 50%;
    margin-left: -2px;
    background-color: #166ce3;
}

#content.etc .family-wrap .etc-table {
    margin-top: 60px;
    border-top: 2px solid #222;
    border-bottom: 1px solid #222;
}
#content.etc .family-wrap .etc-table thead th {
    padding: 13px 0 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    background-color: #f5f5f5;
}
#content.etc .family-wrap .etc-table tbody td {
    border-top: 1px solid #c8c8c8;
    padding: 15px 20px 15px 20px;
    text-align: center;
    word-break: break-all;
    font-size: 16px;
    color: #636363;
}
#content.etc .family-wrap .etc-table tbody td p {
    position: relative;
    padding-left: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    text-align: left;
}
#content.etc .family-wrap .etc-table tbody td p:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#content.etc .family-wrap .etc-table tbody td a {
    font-size: 16px;
    color: #636363;
}
#content.etc .family-wrap .cms-service-short {
    width: 1030px;
    padding: 80px 0 80px;
    margin: 60px auto 0;
    background-color: #f5f5f5;
}
#content.etc .family-wrap .cms-service-short .step-03 {
    width: 866px;
    margin: 0 auto;
}
#content.etc .family-wrap .cms-service-short .step-03 .tit {
    text-align: center;
    font-size: 22px;
    color: #222;
    font-weight: 500;
    margin-top: 30px;
}
#content.etc .family-wrap .cms-service-short .step-03 .term-area {
    padding-bottom: 50px;
}
#content.etc .family-wrap .cms-service-short .step-03 .term-area .term-box {
    height: 182px;
    margin-top: 30px;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
}
#content.etc .family-wrap .cms-service-short .step-03 .term-area .term-box p {
    margin-top: 15px;
}
#content.etc .family-wrap .cms-service-short .step-03 .term-area .term-box p:first-child {
    margin-top: 0;
}
#content.etc .family-wrap .cms-service-short .step-03 .term-area .agree-box {
    text-align: center;
    margin-top: 20px;
}
#content.etc .family-wrap .cms-service-short .step-03 .term-area .agree-box li {
    display: inline-block;
    margin-left: 50px;
}
#content.etc .family-wrap .cms-service-short .step-03 .term-area .agree-box li:first-child {
    margin-left: 0;
}
#content.etc .family-wrap .cms-service-short .step-03 table {
    margin: 30px auto 0;
}
#content.etc .family-wrap .cms-service-short .step-03 table th {
    text-align: left;
}
#content.etc .family-wrap .cms-service-short .step-03 table th span {
    color: #222;
    font-weight: 500;
    position: relative;
    padding-left: 9px;
}
#content.etc .family-wrap .cms-service-short .step-03 table th span:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #222;
    position: absolute;
    top: 11px;
    left: 0;
}
#content.etc .family-wrap .cms-service-short .step-03 table td {
    padding: 6px 0;
}
#content.etc .family-wrap .cms-service-short .step-03 table td .email-box {
    margin-left: -5px;
}
#content.etc .family-wrap .cms-service-short .step-03 table td .email-box input {
    float: left;
    margin-left: 5px;
}
#content.etc .family-wrap .cms-service-short .step-03 table td .email-box .txt {
    float: left;
    line-height: 50px;
    color: #222;
    margin-left: 5px;
}
#content.etc .family-wrap .cms-service-short .step-03 table td .email-box .select-box {
    float: left;
    margin-left: 5px;
}
#content.etc .family-wrap .cms-service-short .step-03 table td input {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c8c8c8;
}
#content.etc .family-wrap .cms-service-short .step-03 table td .select-box select {
    width: 400px;
    height: 50px;
    box-sizing: border-box;
    background: url("../images/selectbox_arrow.png") no-repeat 100% 50% #fff;
    border: 1px solid #c8c8c8;
}
#content.etc .family-wrap .cms-service-short .step-03 table td .devide-tp select, #content.etc .family-wrap .cms-service-short .step-03 table td .devide-tp input {
    float: left;
    width: 130px;
}
#content.etc .family-wrap .cms-service-short .step-03 table td .devide-tp input {
    margin-left: 5px;
}
#content.etc .family-wrap .cms-service-short .step-03 table td textarea {
    width: 100%;
    padding: 15px 20px;
    height: 150px;
    background: #fff;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}
#content.etc .family-wrap .cms-service-short .next-btn {
    text-align: center;
    margin-top: 56px;
}
#content.etc .family-wrap .cms-service-short .next-btn.on a {
    background-color: #166ce3;
}
#content.etc .family-wrap .cms-service-short .next-btn a {
    display: inline-block;
    width: 183px;
    height: 56px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background: #212121;
}
#content.etc .sitemap-wrap {
    width: 1030px;
    margin: 60px auto 0;
    background: url(../images/bg_sitemap.gif) repeat-y 0 0;
}
#content.etc .sitemap-wrap>ul {
    overflow: hidden;
    border-bottom: 1px solid #c8c8c8;
}
#content.etc .sitemap-wrap>ul>li {
    float: left;
    width: 343px;
    padding: 50px 60px 60px 60px;
    border-top: 2px solid #166ce3;
    box-sizing: border-box;
}
#content.etc .sitemap-wrap>ul>li.list01 {
    background: url(../images/icon_sitemap01.gif) no-repeat 260px 50px;
}
#content.etc .sitemap-wrap>ul>li.list02 {
    background: url(../images/icon_sitemap02.gif) no-repeat 260px 50px;
}
#content.etc .sitemap-wrap>ul>li.list03 {
    background: url(../images/icon_sitemap03.gif) no-repeat 260px 50px;
}
#content.etc .sitemap-wrap>ul>li.list04 {
    background: url(../images/icon_sitemap04.gif) no-repeat 260px 50px;
}
#content.etc .sitemap-wrap>ul>li .one_depth {
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #222;
    line-height: 1em;
}
#content.etc .sitemap-wrap>ul>li .two_depth>ul {
    margin-top: 38px;
}
#content.etc .sitemap-wrap>ul>li .two_depth>ul>li {
    margin-top: 30px;
}
#content.etc .sitemap-wrap>ul>li .two_depth>ul>li>a {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #222;
    line-height: 1em;
}
#content.etc .sitemap-wrap>ul>li .three_depth ul {
    margin-top: 14px;
    margin-bottom: -10px;
}
#content.etc .sitemap-wrap>ul>li .three_depth ul li a {
    position: relative;
    padding-left: 9px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    line-height: 30px;
}
#content.etc .sitemap-wrap>ul>li .three_depth ul li a:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 5px;
    height: 1px;
    background-color: #636363;
}
#content.etc .terms01-wrap {
    width: 1030px;
    margin: 24px auto 0;
    border: 1px solid #c8c8c8;
    padding: 30px;
    box-sizing: border-box;
}
#content.etc .terms02-wrap {
    width: 1030px;
    margin: 24px auto 0;
    border: 1px solid #c8c8c8;
    padding: 30px;
    box-sizing: border-box;
}
.header_dimmed {
    z-index: 400;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #000;
}
.popup_dimmed {
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: .3;
    filter: alpha(opacity=30);
    background-color: #000;
}
.tit-tp {
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #222;
    padding-bottom: 65px;
}
.tit-tp:before {
    content: "";
    width: 3px;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 1px;
    background: #166ce3;
}
.tit-tp2 {
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #fff;
    padding-bottom: 65px;
}
.tit-tp2:before {
    content: "";
    width: 3px;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 1px;
    background: #166ce3;
}
.tit-tp2_v2 {
	color:#222;
}
.tab-area {
    text-align: center;
}
.tab-area a {
    margin-left: 8px;
    display: inline-block;
    width: 188px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #fff;
}
.tab-area a span {
    font-size: 18px;
    color: #636363;
    font-weight: 500;
}
.tab-area a:first-child {
    margin-left: 0;
}
.tab-area a.active {
    background-color: #222;
    border: 1px solid #222;
    position: relative;
}
.tab-area a.active:before {
    content: "";
    background-image: url("../images/active_tab_arrow.png");
    width: 15px;
    height: 8px;
    position: absolute;
    top: 49px;
    left: 50%;
    margin-left: -7px;
}
.tab-area a.active span {
    color: #fff;
}
.hash-area {
    width: 1030px;
    margin: 60px auto 0;
    background: #f5f5f5;
    padding: 30px 30px 20px 20px;
    overflow: hidden;
    box-sizing: border-box;
}
.hash-area a {
    display: inline-block;
    float: left;
    padding: 0 23px;
    margin-left: 10px;
    background: #fff;
    margin-bottom: 10px;
    line-height: 50px;
    font-size: 18px;
    color: #636363;
    font-weight: 500;
}
.hash-area a.active {
    background: #166ce3;
    color: #fff;
}
.hash-area a span {
    margin-right: 3px;
}
.srch-area {
    width: 1030px;
    height: 42px;
    position: relative;
    margin: 40px auto 0;
}
.srch-area:after {
    clear: both;
    display: block;
    content: ""}
.srch-area .left-wrap {
    float: left;
}
.srch-area .left-wrap .total {
    color: #222;
    position: relative;
    padding-left: 27px;
    top: 12px;
}
.srch-area .left-wrap .total:before {
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background: #166ce3;
    content: "";
    top: 8px;
}
.srch-area .left-wrap .total span {
    color: #166ce3;
}
.srch-area .right-wrap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.srch-area .right-wrap .sel-area {
    float: left;
    width: 150px;
    background-color: #f5f5f5;
    margin-right: 8px;
    border: 1px solid #f5f5f5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: all 0.3s ease;
}
.srch-area .right-wrap .sel-area button {
    width: 100%;
    height: 40px;
    text-align: left;
    color: #222;
    padding-left: 19px;
    background: url("../images/sel_arrow_off.png") 100% 50% no-repeat;
}
.srch-area .right-wrap .sel-area .sel-list {
    display: none;
    padding: 2px 0 12px 0;
}
.srch-area .right-wrap .sel-area .sel-list li a {
    padding: 8px 0 8px 19px;
    display: block;
    color: #222;
}
.srch-area .right-wrap .sel-area .sel-list li a:hover {
    color: #166ce3;
}
.srch-area .right-wrap .sel-area.active {
    background-color: #fff;
    border: 1px solid #166ce3;
}
.srch-area .right-wrap .sel-area.active button {
    background: url("../images/sel_arrow_on.png") 100% 50% no-repeat;
}
.srch-area .right-wrap .input-area {
    width: 240px;
    height: 40px;
    float: right;
    position: relative;
}
.srch-area .right-wrap .input-area input {
    float: left;
    width: 168px;
    padding-right: 50px;
    outline: none;
    height: 36px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    transition: all 0.3s ease;
}
.srch-area .right-wrap .input-area input:focus {
    background: #fff;
    border: 1px solid #166ce3;
}
.srch-area .right-wrap .input-area a {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 50px;
    height: 40px;
    background-image: url("../images/srch_btn.png");
}
.terms-serarch-area {
    width: 1030px;
    height: 42px;
    position: relative;
    margin: 40px auto 0;
}
.terms-serarch-area .right-wrap {
    float: right;
}
.terms-serarch-area .right-wrap .text {
    float: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    line-height: 42px;
    margin-right: 20px;
}
.terms-serarch-area .right-wrap .sel-area {
    float: left;
    width: 270px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: all 0.3s ease;
}
.terms-serarch-area .right-wrap .sel-area button {
    width: 100%;
    height: 40px;
    text-align: left;
    color: #222;
    padding-left: 19px;
    background: url("../images/sel_arrow_off.png") 100% 50% no-repeat;
}
.terms-serarch-area .right-wrap .sel-area .sel-list {
    display: none;
    padding: 2px 0 12px 0;
}
.terms-serarch-area .right-wrap .sel-area .sel-list li a {
    padding: 8px 0 8px 19px;
    display: block;
    color: #222;
}
.terms-serarch-area .right-wrap .sel-area .sel-list li a:hover {
    color: #166ce3;
}
.terms-serarch-area .right-wrap .sel-area.active {
    background-color: #fff;
    border: 1px solid #166ce3;
}
.terms-serarch-area .right-wrap .sel-area.active button {
    background: url("../images/sel_arrow_on.png") 100% 50% no-repeat;
}
.terms-serarch-area .right-wrap .view-button {
    float: left;
    margin-left: 10px;
    background: #166ce3;
    padding: 0 25px;
    font-size: 16px;
    line-height: 42px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
}
.list-type {
    width: 1030px;
    margin: 24px auto 0;
}
.list-type:after {
    display: block;
    clear: both;
    content: ""}
.list-type li {
    width: 334px;
    height: 373px;
    position: relative;
    float: left;
    margin-left: 14px;
}
.list-type li:first-child, .list-type li:nth-child(4) {
    margin-left: 0;
}
.list-type li:nth-child(4), .list-type li:nth-child(5), .list-type li:nth-child(6) {
    margin-top: 30px;
}
.list-type li a {
    display: block;
    width: 334px;
    height: 373px;
    position: relative;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    transition: all .3s ease;
}
.list-type li a .img-area {
    position: relative;
    left: -1px;
    top: -1px;
	height:190px;
	overflow:hidden;
}
.list-type li a .img-area img {
    max-width: 334px;
}
.list-type li a:hover {
    -moz-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
}
.list-type li a:hover .hover {
    opacity: 1;
}
.list-type li a .txt-area {
    padding: 20px 30px 10px 30px;
}
.list-type li a .txt-area.no-image {
    padding: 33px 30px 10px 30px;
}
.list-type li a .txt-area .tit {
    font-size: 22px;
    font-weight: 500;
    color: #222;
    line-height: 32px;
	overflow:hidden;
	height:65px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.list-type li a .txt-area .txt {
    line-height: 26px;
    margin-top: 18px;
    color: #636363;
}
.list-type li a .util-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    color: #222;
    padding: 10px 30px 10px 30px;
    box-sizing: border-box;
}
.list-type li a .util-area .date {
    float: left;
    line-height: 29px;
    font-weight: 500;
}
.list-type li a .util-area .noti {
    display: inline-block;
    float: right;
    background: #166ce3;
    color: #fff;
    text-align: center;
    width: 99px;
    height: 29px;
    line-height: 29px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.list-type li a .hover {
    width: 330px;
    height: 369px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 2px solid #166ce3;
    opacity: 0;
    transition: all 0.3s ease;
}
.paging {
    text-align: center;
    position: relative;
    margin-top: 50px;
}
.paging ul {
    overflow: hidden;
    display: inline-block;
}
.paging ul li {
    margin: 0 3px;
    float: left;
}
.paging ul li.active a {
    border: 1px solid #166ce3;
    color: #fff;
    background: #166ce3;
}
.paging ul li.first a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../images/paging_fir.png");
}
.paging ul li.prev a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../images/paging_prv.png");
    margin-right: 20px;
}
.paging ul li.next a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../images/paging_nxt.png");
    margin-left: 20px;
}
.paging ul li.last a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../images/paging_end.png");
}
.paging ul li a {
    width: 34px;
    height: 34px;
    border-radius: 34px;
    color: #333;
    line-height: 32px;
    display: inline-block;
    box-sizing: border-box;
}



#content.cms .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-tit,
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-tit,
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .term-box .trem-tit{margin-bottom:25px;border-bottom:1px solid #d6d6d6;padding-bottom:25px;font-weight:bold;}

#content.cms .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-desc,
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-desc,
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .term-box .trem-desc{margin-top:35px;}

#content.cms .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-desc--first
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-desc--first,
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .term-box .trem-desc--first{margin-top:0;}

#content.cms .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-tit--mid,
#content.etc .sca-wrap .faq-accordion>li .answer-area .step-03 .term-area .term-box .trem-tit--mid,
#content.etc .alliance-list-wrap .cms-service-short .step-03 .term-area .term-box .trem-tit--mid{margin:20px 0 10px;}

/*mib181207 수정사항*/
.logo_isms {font-size:0;}
.logo_isms>a {display:inline-block;padding:0 5px;}

/*mib190227 수정사항(메인 레이어 팝업 추가)//*/
.layer-popup2019 {
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0 0 0 -250px;
    font-size: 0;
    box-sizing: border-box;
    overflow: visible;
}
.layer-popup2019-link {
    display: block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}
.layer-popup2019-img {
    display: block;
    max-width: 100%;
}
.layer-popup2019-close {
    position: absolute;
    top: 0;
    right: -48px;
    width: 33px;
    height: 33px;
    background: url("../images/btn_ly_close.png") no-repeat;
    background-size: cover;
    background-position: center;
}
/* 중복처리 
.blind {
    position: absolute !important;
    height: 1px;
    width: 1px;
    font-size: 0;
    color: rgba(0,0,0,0);
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}*/
/*//mib190227 수정사항(메인 레이어 팝업 추가)*/

.pad_top25{padding:25px 0}

.sub_title{  padding-left:25px; background: url("../images/sub_title_dot.png") 0px 30px no-repeat;}


.company_intro{ overflow:hidden;}

/*교회연혁****************************************/

#content.intro .company_intro .company_keyword.ck_section3 .history {position: relative; width: 1030px; height: 720px; margin: 0 auto;}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap { position: relative; width: 6250px;}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap:before { content: ""; position: absolute; top: 235px; left: 0; width: 100%;height: 1px; background-color: #222;}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-tab li {
    position: relative;
    float: left;
    margin-left: 50px;
    text-align: center;
    width: 72px;
    top: 0;
    padding-top: 185px;
    padding-bottom: 28px;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-tab li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #222;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-tab li:first-child {
    margin-left: 0;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-tab li a {
    display: inline-block;
    position: relative;
    font-size: 32px;
    font-weight: 500;
    color: #222;
    line-height: .8;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 520px;
    height: 780px;
    background-color: #166ce3;
    -moz-box-shadow: 14px 24px 13px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 14px 24px 13px rgba(0, 0, 0, 0.17);
    box-shadow: 14px 24px 13px rgba(0, 0, 0, 0.17);
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: -26px;
    width: 12px;
    height: 86px;
    background: url(../images/tit_history.png) no-repeat 0 0;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list>li {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 450px;
    opacity: 0;
    filter: alpha(opacity=0);
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list>li:first-child {
    padding-left: 0;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list>li .history-title a {
    position: relative;
    font-size: 64px;
    font-weight: 500;
    color: #fff;
    line-height: .8;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list>li ul { margin-top: 30px;}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list>li ul li {
    position: relative;
    padding-left: 14px;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .overflow-wrap .history-list>li ul li:before {    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 5px;
    height: 1px;
    background-color: #fff;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .history-btn {
    position: absolute;
    top: 0;
    left: 929px;
    z-index: 1;
}
#content.intro .company_intro .company_keyword.ck_section3 .history .history-btn * {
    float: left;
    background-color: #fff;
}


/* Search */
.search_area input {
    font-size: 13px;
    vertical-align: top
}
.search_area input[type=text] {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 10px 0;
    border: 0;
    background-color: transparent;
    font-size: 40px;
    color: #444;
    -webkit-appearance: none;
}
.search_area input[type=text]:focus {
    outline: 0
}
.search_area input[type=text]::-ms-clear {
    display: none
}
.search_area{background:#fff}
/*.search_wrap{position:relative;width:1200px;margin:0 auto}
.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3}
.search_area input{font-size:13px;vertical-align:top}
.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none}
.search_area input[type=text]:focus{outline:0}
.search_area input[type=text]::-ms-clear{display:none}
.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px}


*/
.header_wrap {position:absolute; z-index:9999: }
.util_area .click{ float:left;}
.util_area .click a{ font-size:24px; padding:5px 10px 0 0}


/*231231 추가*/
/*예배시간안내*/
.sub_contants .section{  overflow:hidden; margin-top:50px; padding-bottom:50px ; border-bottom:1px solid #ddd}
.sub_contants .section .subtitle_s{ float:left; width:20%}
.sub_contants .section .subcontants_txt{float:left; width:80%}
.table_widht{border-top:1px solid #000; margin-bottom:20px}
.table_title_left01, .table_bottom_center01, .table_title_center01{border-right:1px solid #f1f1f1}

/*오시는길*/
.section_01_05{overflow:hidden; margin-top:50px}
.section_01_05 .subtitle_s{float:left; width:20%}
.section_01_05 .subcontants_txt{ float:left; width:80%}

th {
	text-align: center;
}
.content_cms {
	padding-bottom: 0 !important;
}
#company_vision .sub-visual {
	margin-top: 68px;
	height: 640px;
	text-align: center;
	background-image: url("../images/intro_vision.jpg");
}
#company_vision .sub-visual h3 {
	padding-top: 160px;
}
#company_vision .sub-visual h1 {
	padding-top: 53px;
	font-size: 28px;
	line-height: 40px;
	color: #fff;
}
#company_vision .sub-visual  .txt {
	padding-top: 20px;
	font-size: 17px;
	line-height: 28px;
	color: #fff;
}
#core_value {
	height: 670px;
}
#core_value h3 {
	padding-top: 120px;
	color: #222;
}
#core_value .core_wrap {
	margin: 60px auto 0;
	width: 1030px;
}
#core_value .core_wrap li {
	text-align: center;
	float: left;
}
#core_value .core_wrap li:nth-child(odd) {
	width: 250px;
}
#core_value .core_wrap li:nth-child(even) {
	margin-top: 72px;
	width: 10px;
	height: 6px;
}
#core_value .core_wrap li:nth-child(even) img {
	margin: 0 auto;
	display: block;
}
#core_value .core_wrap li h4{
	padding-top: 30px;
	font-size: 26px;
	color: #222;
}
#core_value .core_wrap li .blue-txt {
	padding-top: 16px;
	font-size: 17px;
}
#core_value .core_wrap li .core-txt {
	padding-top: 30px;
	font-size: 16px;
	line-height: 26px;
	color: #636363;
	display: block;
}

#content.cms #sub_visual {
	background-size: 1920px auto;
    background-image: url(../images/sub_visual_cms.jpg);
    background-position-y: 0;
    background-position-x: 50%;
    background-repeat: no-repeat;
}
.company_text_wrap { position: relative; margin: 68px auto 0; width: 1030px; 	/*height: 750px;*/}
.company_bg { position: absolute; top: 47px; left: 750px; display: block; width:100%}
.company_bg_gray {
	position: absolute;
	top: 130px;
	right: 0;
	width: 2000px;
	height: 650px;
	background-color: #f5f5f5;
	z-index: -999;
}
.company_text_wrap h5 { padding-top: 46px; padding-bottom: 60px; width: 502px; font-size: 30px; color: #222; line-height: 46px;}
.title_underline { padding-top: 200px; padding-bottom: 20px;}
.title_underline:after { position: absolute; top: 366px; left: -76px; width: 134px; height: 1px;	/*background-color: #166ce3;*/ display: block; content: "";}
.title_underline_v2:after { top: 170px;	}
.company_text_wrap p { width: 68%; font-size: 17px; line-height: 28px; color: #636363; }
.line_space { padding-top: 22px; }

.company_keyword h3 {
	margin-bottom: 60px;
	padding-top: 120px;
	color: #222;
}


.recruit-visual2 {
	margin-top: 68px;
	text-align: center;
	width: 100%;
	padding-top: 120px;
	box-sizing: border-box;
	background-color: #f5f5f5;
}
.recruit-visual2 .tit-tp2 {
	color: #222222;
}
.recruit-visual2 .txt {
	font-size: 17px;
	color: #636363;
	line-height: 30px;
	margin-top: 53px;
	margin-bottom: 60px;
}
.recruit-visual2 .txt_v2 {
	font-size:28px;
	font-weight:500;
}
.recruit-visual2 img {
	margin-bottom: 120px;
}
.recruit-visual3 {
	padding-top: 155px;
	margin-bottom: 20px;
	width: 100%;
	height: 580px;
	text-align: center;
	box-sizing: border-box;
	background: url("../images/recruit_talent_visual_bg.jpg") 50% 50% no-repeat;
}
.recruit-visual3 .tit-tp2 {
	color: #fff;
}
.recruit-visual3 h1 {
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	margin-top: 53px;
	margin-bottom: 28px;
}
.recruit-visual3 .txt {
	font-size: 17px;
	color: #fff;
	line-height: 28px;
}
.recruit-system {
	margin: 0 auto;
	padding: 60px 0;
	width: 1030px;
	border-bottom: 1px solid #c8c8c8;	
	display: block;
}
.recruit-system h4,
.recruit-management-system h4,
.recruit-education-system h4,
.recruit-support h4 {
	width: 174px;
	font-size: 24px;
	color: #222;
	display: block;
	float: left;
}
.recruit-system ul {
	padding-left: 13px;
}
.recruit-system ul, .recruit-management-system ul {
	display: block;
	float: left;
}
.recruit-system:after,
.recruit-management-system:after,
.recruit-education-system:after,
.cms_steps ul:after,
.cms_text-layers:after,
.cms_text-layers:after,
.cms-tab-area:after {
	display: block;
	clear: both;
	content: "";
}
.recruit-system ul li {
	padding-left: 12px;
	background-image: url("../images/list_bullet.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	line-height: 26px;
	color: #636363;
}
.recruit-system ul li:first-child {
	line-height: 16px;
	padding-bottom: 5px;
}
.recruit-management-system {
	margin: 0 auto;
	padding: 60px 0 0;
	width: 1030px;
	/*border-bottom: 1px solid #c8c8c8;*/
	display: block;
}
.recruit-management-system li {
	position: relative;
	margin-bottom: 14px;
	width: 856px;
	display: block;
}
.recruit-management-system li .rs-left {
	display: block;
}
.recruit-management-system li .rs-right {
	position: absolute;
	top: 50%;
	left: 135px;
	margin-top: -57px;
}
.recruit-management-system li .rs-right h5 {
	margin-top: 34px;
	margin-bottom: 9px;
	font-size: 18px;
	color: #222222;
}
.recruit-management-system li .rs-right .name-space {
	margin-top: 19px !important;
}
.recruit-management-system li .rs-right p {
	font-size: 16px;
	line-height: 26px;
	color: #636363;
}
.recruit-management-system li:last-child {
	margin-bottom: 0;
}
.recruit-education-system {
	margin: 80px auto 0;
	padding-bottom: 80px;
	width: 1030px;
	border-bottom: 1px solid #c8c8c8;
}
.recruit-education-system h4 {
}
.recruit-education-system #res-tb-wrap,
.recruit-support #rs-tb-wrap {
	width: 856px;
	float: left;
}
#res-tb-wrap table {
	color: #636363;
	font-size: 16px;
}
#res-tb-wrap .res-title,
#rs-tb-wrap .rs-title {
	border-top: 2px solid #222;
	height: 53px;
	color: #222;
	background-color: #f5f5f5;
}
#res-tb-wrap .res-text,
#rs-tb-wrap .rs-text {
	border-top: 1px solid #c8c8c8;
}
#res-tb-wrap .res-last,
#rs-tb-wrap .rs-last {
	border-bottom: 1px solid #222;
}
#res-tb-wrap .res-title th {
	width: 25%;
}
#res-tb-wrap .res-title .res-center {
	width: 50%;	
}
#res-tb-wrap table td {
	height: 108px;
	line-height: 26px;
	box-sizing: border-box;
	padding-left: 20px;
}
#res-tb-wrap .res-context {
	padding-right: 36px;
}
.res-core-wrap {
	margin-top: 10px;
	width: 856px;
	clear: both;
}
.res-core-bg {
	text-align: center;
	float: left;
}
.res-core-bg img {
	margin-bottom: 10px;
}
.res-core-bg:nth-child(1) {
	width: 200px;
}
.res-core-bg:nth-child(2) {
	margin: 0 10px;
	width: 410px;
}
.res-core-bg:nth-child(3) {
	width: 226px;
}
.res-core-text {
	border-radius: 46px;
	height: 92px;
	background-color: #166ce3;
}
.res-core-bg h5 {
	padding-top: 25px;
	color: #fff;
	font-size: 20px;
}
.res-core-bg p {
	margin-top: 9px;
	color: #fff;
	font-size: 15px;
}
.recruit-support {
	margin: 60px auto 0;
	width: 1030px;
	height: 779px;
	clear: both;
}
#rs-tb-wrap table td {
	height: 56px;
	color: #636363;
}
#rs-tb-wrap .rs-title th:first-child {
	width: 20%;
}
#rs-tb-wrap .rs-title th:nth-child(2) {
	width: 30%;
}
#rs-tb-wrap .rs-title th:nth-child(3) {
	width: 50%;
}
#rs-tb-wrap .rs-text td {
	box-sizing: border-box;
	padding-left: 20px;
	line-height: 26px;
}
#rs-tb-wrap .rs-text td:nth-child(2) {
	padding-right: 30px;
}
#rs-tb-wrap .rs-longer-text {
	height: 82px;
}



.content_tit {
	margin-bottom: 40px;
}
.cms_text_wrap {
	position: relative;
	margin: 68px auto 30px;
	width: 1030px;
	height: 792px;
}
.cms_bg {
	position: absolute;
	top: 0;
	left: 348px;
	display: block;
}
.cms_bg_gray {
	position: absolute;
	top: 130px;
	right: 0;
	width: 2000px;
	height: 430px;
	background-color: #f5f5f5;
	z-index: -999;
}
.cms_text_wrap h5 {
	width: 263px;
	font-size: 30px;
	color: #222;
	line-height: 46px;
}
.cms_text_wrap .cms_subtitle {
	padding-top: 100px;
	padding-bottom: 68px;
}
.blue-txt {
	color: #166ce3 !important;
}
.cms_text {
	padding-top: 90px;
	padding-left: 174px;
	width: 753px;
	color: #636363;
	font-size: 16px;
	line-height: 26px;
}
.cms_text p {
	padding-bottom: 10px;
}
.cms_video_wrap {
	height: 580px;
	background: #eee;
}
.cms_video_wrap .cms_video{
	width:1030px;
	height:100%;
	margin:0 auto;
}
.cms_steps {
	margin: 0 auto;
	width: 1030px;
}
.cms_steps h3 {
	padding-top: 110px;
	color: #222;
}
.cms_steps ul {
	padding-top: 60px;
}
.cms_steps ul li {
	box-sizing: border-box;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #c8c8c8;
	border-bottom: 2px solid #166ce3;
	width: 330px;
	height: 324px;
	padding:0 20px;
	float: left;
}
.cms_steps ul li:nth-child(3n) {
	margin-right: 0;
}
.cms_steps ul li:nth-child(4),
.cms_steps ul li:nth-child(5),
.cms_steps ul li:nth-child(6) {
	margin-bottom: 0;
}
.cms_nums {
	margin: 39px auto 20px;
	box-sizing: border-box;
	border-radius: 50%;
	padding-top: 8px;
	width: 36px;
	height: 36px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #166ce3;
	display: block;
}
.cms_steps h5 {
	text-align: center;
	font-size: 28px;
	color: #222;
}
.cms_steps h5:after {
	margin: 18px auto 17px;
	width: 30px;
	height: 1px;
	background-color: #222;
	display: block;
	content:"";
}
.cms_steps span {
	text-align: center;
	color: #636363;
	line-height: 26px;
	display: block;
}
.cms_auto {
	margin-top: 60px;
	width: 100%;
	height: 783px;
	background: url("../images/cms_specific_bg.jpg") 50% 50% no-repeat;	
}
.cms_auto h3 {
	padding-top: 120px;
}
.cms_auto .auto_text_wrap{
	margin: 0 auto 0;
	width: 1030px;
}
.cms_auto .auto_text_wrap li {
	position: relative;
	margin-top: 60px;
	margin-right: 10px;
	width: 510px;
	height: 330px;
	text-align: center;
	background-color: #fff;
	float: left;
}
.auto_text_wrap li:last-child {
	margin-right: 0;
}
.cms_auto .auto_text_wrap li img {
	position: absolute;
	top: -60px;
	left: 180px;
}
.cms_auto .auto_text_wrap li h5 {	
	padding-top: 118px;
	font-size: 26px;
	color: #222;
}
.cms_auto .auto_text_wrap li span {
	padding-top: 22px;
	line-height: 26px;
	color: #636363;
	display: block;
}
.cms_pay {
	height: 1219px;
	background: url("../images/cms_specific_bg2.jpg") no-repeat;
}
.cms_pay h3, .cms_epay h3 {
	padding-top: 70px;
}
 .cms_tit-layers {
	padding: 40px 0 60px;
	font-size: 17px;
	line-height: 28px;
	text-align: center;
	color: #fff;
}
.cms_tit-layers_v2 {
	color:#222;
	font-size:20px
}
.cms .cms_tit-layers_v2 {
	font-size:28px;
	font-weight:500;
}
.cms .cms_tit-layers_v3 {
	color:#fff;
	font-size:28px;
	font-weight:500;
	line-height:40px;
}
.payment_wrap {
	margin: 0 auto 120px;
	width: 1030px;
	box-sizing: border-box;
	padding: 60px 80px;
	background-color: #fff;
}
.payment_wrap li {
	position: relative;
	display: block;
}
.payment_wrap li .payment_ico {
	padding:20px 0;
	display: block;
}
.payment_wrap li div {
	position: absolute;
	top: 50%;
	left: 145px;
	margin-top: -57px;
}
.payment_wrap li:first-child div,
.payment_wrap li:nth-child(3) div,
.payment_wrap li:nth-child(4) div {
	margin-top: -45px;
}
.payment_wrap li h5 {
	padding-bottom: 16px;
	font-size: 22px;
	color: #222;
}
.payment_wrap li:nth-child(2) h5 {
	padding-top: 3px;
	padding-bottom: 10px;
}
.payment_wrap li span {
	font-size: 16px;
	line-height: 26px;
	color: #636363;
}
.cms_epay {
	width: 100%;
	height: 715px;
	background: url("../images/main/cms_specific_bg3.jpg") 50% 50% no-repeat;
}
.cms_epay h3 {
	color: #222;
}
.cms_epay p {
	color: #636363;
}
.cms_epay .cms_text-layers {
	margin: 60px auto 0;
	width: 1030px;
	font-size: 17px;
	line-height: 28px;
}
.cms_text-layers li {
	text-align: center;
	float: left;
}
.cms_text-layers li:nth-child(odd) {
	width: 230px;
}
.cms_text-layers li:nth-child(even) {
	margin-top: 82px;
	width: 20px;
	height: 6px;
}
.cms_text-layers li:nth-child(even) img {
	margin: 0 auto;
	display: block;
}
.cms_text-layers .epay_ico {
	display: block;
}
.cms_text-layers li h5 {
	margin-top: 40px;
	font-size: 22px;
	color: #222;
}
.cms_text-layers li p {
	padding-top: 18px;
	font-size: 16px;
	line-height: 26px;
	color: #636363;
}
.cms_text-layers li span {
	padding-top: 70px;
	display: block;
}
.cms-maintain-wrap {
	margin:60px 0 40px
}
.cms-tab-area {
	margin: 0 auto;
	width: 1030px;
	height: 153px;
}
.cms-tab-area li {
	position: relative;
	width: calc(100% / 10);
	height: 153px;
	text-align: center;
	display: block;
	float: left;
}
.cms-tab-area li:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #c8c8c8;
	content: "";
}
.cms-tab-area li a:before {
    position: absolute;
    left: 0;
    bottom: 0;
	width: 100%;
	height: 2px;
	transform: scale(0, 1);
	transition: all 0.3s ease;
	content: "";
}
.cms-tab-area li a:hover:before {
    background: #166ce3;
    transform: scale(1, 1);
}
.cms-tab-area li a:hover {
    color: #166ce3;
}
.cms-tab-area .cms-content {
	position: relative;
	height: 153px;
	font-size: 17px;
	line-height:22px;
	color: #636363;
	font-weight: 500;
	background-position: 50% 0;
	background-repeat: no-repeat;
	display: block;
}
.cms-tab-area .cms-content h6 {
	padding-top: 100px;
}
.cms-tab-area .cms-content.multi-line h6 {
	padding-top: 90px;
}
.cms-tab-area li:nth-child(1) a {
	background-image: url(../images/maintain_ico1.png);
}
.cms-tab-area li:nth-child(2) a {
	background-image: url(../images/maintain_ico2.png);
}
.cms-tab-area li:nth-child(3) a {
	background-image: url(../images/maintain_ico3.png);
}
.cms-tab-area li:nth-child(4) a {
	background-image: url(../images/maintain_ico4.png);
}
.cms-tab-area li:nth-child(5) a {
	background-image: url(../images/maintain_ico5.png);
}
.cms-tab-area li:nth-child(6) a {
	background-image: url(../images/maintain_ico6.png);
}
.cms-tab-area li:nth-child(7) a {
	background-image: url(../images/maintain_ico7.png);
}
.cms-tab-area li:nth-child(8) a {
	background-image: url(../images/maintain_ico8.png);
}
.cms-tab-area li:nth-child(9) a {
	background-image: url(../images/maintain_ico9.png);
}
.cms-tab-area li:nth-child(10) a {
	background-image: url(../images/maintain_ico10.png);
}
#cms-care .active {
	background-image: url(../images/maintain_ico1_on.png);
}
#cms-crew .active {
	background-image: url(../images/maintain_ico2_on.png);
}
#cms-account .active {
	background-image: url(../images/maintain_ico3_on.png);
}
#cms-academy .active {
	background-image: url(../images/maintain_ico4_on.png);
}
#cms-rent .active {
	background-image: url(../images/maintain_ico5_on.png);
}
#cms-delivery .active {
	background-image: url(../images/maintain_ico6_on.png);
}
#cms-welfare .active {
	background-image: url(../images/maintain_ico7_on.png);
}
#cms-nurcing .active {
	background-image: url(../images/maintain_ico8_on.png);
}
#cms-it .active {
	background-image: url(../images/maintain_ico9_on.png);
}
#cms-etc .active {
	background-image: url(../images/maintain_ico10_on.png);
}
.cms-tab-area .active h6 {
	color: #166ce3;
}
.cms-tab-area li .active:before {
    background: #166ce3;
    transform: scale(1, 1);
}
.cms-tab-area li a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 103px;
	height: 100px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	content: "";
	opacity: 0;
	transition: all 0.3s ease;
}
.cms-tab-area li:nth-child(1) a:after {
	background-image: url(../images/maintain_ico1_on.png);
}
.cms-tab-area li:nth-child(2) a:after {
	background-image: url(../images/maintain_ico2_on.png);
}
.cms-tab-area li:nth-child(3) a:after {
	background-image: url(../images/maintain_ico3_on.png);
}
.cms-tab-area li:nth-child(4) a:after {
	background-image: url(../images/maintain_ico4_on.png);
}
.cms-tab-area li:nth-child(5) a:after {
	background-image: url(../images/maintain_ico5_on.png);
}
.cms-tab-area li:nth-child(6) a:after {
	background-image: url(../images/maintain_ico6_on.png);
}
.cms-tab-area li:nth-child(7) a:after {
	background-image: url(../images/maintain_ico7_on.png);
}
.cms-tab-area li:nth-child(8) a:after {
	background-image: url(../images/maintain_ico8_on.png);
}
.cms-tab-area li:nth-child(9) a:after {
	background-image: url(../images/maintain_ico9_on.png);
}
.cms-tab-area li:nth-child(10) a:after {
	background-image: url(../images/maintain_ico10_on.png);
}
.cms-tab-area li a:hover:after {
	opacity: 1;
	transition: all 0.3s ease;
}
.cms_common_bg {
	position: relative;
	margin: 0 auto;
	width: 1030px;
	height: 696px;
}
.common_bg_img{
	position: absolute;
	top: 0;
	right: 0;
	width: 1475px;
	height: 470px;
}
.common_bg_color {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2000px;
	height: 407px;
	background-color: #f5f5f5;
	z-index: -999;
}
.cms_etc .cms_common_bg {
	margin-bottom: 150px;
	height: 820px;
}
.cms_etc .common_bg_color {
	height: 530px;
}
.common_text {
	padding-top: 535px;
	padding-left: 60px;
}
.common_text h4 {
	top: -22px;
	position: relative;
	padding-right: 35px;
	height: 150px;
	font-size: 30px;
	line-height: 48px;
	color: #222;
	float: left;
}
.cms_etc .common_text h4 {
	height: 250px;	
}
.common_text h5 {
	padding-bottom: 20px;
	font-size: 22px;
	line-height:32px;
	color: #222;
}
.common_text span {
	line-height: 28px;
	color: #636363;
	display: block;
}
.common_ex h3 {
	margin-top: 120px;
	color: #222;
}
.common_ex ul {
	margin: -22px auto 0;
	width: 1030px;
}
.common_ex li {
	position: relative;
	border-bottom: 1px solid #c8c8c8;
}
.common_ex li.js-scr-box {
	-webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
    opacity: 0;
    filter: alpha(opacity=0);
}
.common_ex li:nth-child(even) img {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -125px;
}
.common_ex li:nth-child(odd) img {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -125px;
}
.common_ex li:nth-child(odd) .common_txt {
	padding-left: 515px;
}
.common_ex .last-contents {
	border-bottom: 0;
}
.common_txt {position:relative;
	width:515px;
	padding: 82px 0;
}
.common_txt h5 {
	font-size: 24px;
	line-height: 38px;
	color: #222;
}
.common_txt span {
	padding-top: 20px;
	font-size: 16px;
	line-height: 26px;
	color: #636363;
	display: block;
}
.common_txt p {
	padding-top: 20px;
	font-size: 16px;
	line-height: 26px;
	color: #636363;
	display: block;
}
.academy_text_area {
	padding-top: 80px;
}
.cms_btn {
	margin-top: 40px;
	border-radius: 28px;
	width: 183px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: #166ce3;
}
.cms_btn a {
	color: #fff;
	display: block;
}

.success-list {
	margin: 24px auto 0;
	width: 1030px;
}
.success-list li {
	margin-bottom: 14px; 
}
.success-list li:last-child {
	margin-bottom: 0;
}
.board-list-area {
	position: relative;
	display: block;
    transition: all .3s ease;
}
.b-list-cate {
	position: absolute;
	top: 50%;
	left: 31px;
	margin-top: -20px;
	border-radius: 20px;
	width: 108px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background-color: #166ce3;
}
.b-list-wrap {
	border: 1px solid #c7c7c7;
}
.b-list-info {
	padding: 29px 0 24px 185px;
}
.b-title {
	padding-bottom: 20px;
	width: 600px;
	font-size: 22px;
	color: #222;
}
.b-stores {
	font-size: 16px;
	color: #636363;
}
.b-list-date {
	position: absolute;
	top: 50%;
	right: 50px;
	margin-top: -8px;
	font-size: 16px;
	color: #222;
	display: block;
}
.board-list-area .hover {
    position: absolute;
    left: 0;
    top: 0;
	width: 1030px;
	height: 100%;
    border: 2px solid #166ce3;
    opacity: 0;
	box-sizing: border-box;
    transition: all 0.3s ease;
	box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
}
.board-list-area:hover .hover {
	opacity: 1;
}
.success-view {
	margin: 60px auto 0;
	width: 1030px;
	border-bottom: 1px solid #222;
}
.success-view .tit-area {
	position: relative;
}
.s-view-cate:before {
	border-top: 2px solid #166ce3;
	padding-top: 30px;
	width: 144px;
	display: block;
	content: "";
}
.s-view-cate {
	position: absolute;
	top: 0;
	left: 0;
	width: 144px;
	font-size: 18px;
	color: #166ce3;
}
.s-view-tit:before {
	border-top: 2px solid #222;
	padding-top: 22px;
	width: 856px;
	display: block;
	content: "";
}
.s-view-tit {
	margin-left: 174px;
	width: 710px;
	color: #222;
	font-size: 28px;
	line-height: 40px;
}
.s-view-date {
	margin-left: 174px;
	margin-top:25px;
	font-size: 16px;
	color: #222;
	display: block;
}
.s-view-contents {
	margin: 0 auto;
}
.s-view-img {
	margin-top: 60px;
}
.s-view-img img{max-width:1030px;}
.s-view-context {
	margin: 60px 0 30px 174px;
	width: 813px;
	line-height: 26px;
	font-size: 16px;
	color: #636363;
}
.s-view-context img{
	max-width: 813px;
}
.s-view-btn-area{margin-top:40px;}
.file_wrap {
	margin-left:174px;
	margin-bottom: 80px;
}
.s-view-files {
	margin-top: 40px;
	padding-left: 33px;
	height: 24px;
	line-height: 24px;
	background-image: url(../images/download_ico.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #166ce3;
	display: inline-block;
	margin-right:120px;
}
.s-view-paging {
	position: relative;
	margin: 40px auto 0;
	width: 1030px;
}
.s-view-paging .prev {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 66px;
	height: 56px;
	line-height: 56px;
	background-image: url(../images/board_prev_btn.png);
	background-repeat: no-repeat;
	color: #222;
	display: block;
}
.s-view-paging .list-window {
	margin: 0 auto;
	width: 183px;
}
.s-view-paging .list-window a {
	position: relative;
	border-radius: 56px;
	width: 183px;
	height: 56px;
	line-height: 55px;
	text-align: center;
	background-color: #166ce3;
	display: block;
}
.list-window i {
	position: absolute;
	top: 50%;
	left: 63px;
	margin-top: -7px;
	width: 15px;
	height: 15px;
	background-image: url(../images/board_list_btn.png);
	display: block;
}
.list-window span {
	padding-left: 20px;
	color: #fff;
}
.s-view-paging .next {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 66px;
	height: 56px;
	line-height: 56px;
	background-image: url(../images/board_next_btn.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;	
	color: #222;
	display: block;
}
/*테이블**********************/
 .table_widht{ color:#202020; width:1000px; margin:0 auto}
.table_widht th{ border-top:2px solid #166ce3; border-bottom:1px solid #ccc; padding:10px;}
.table_widht td{ border-bottom:1px solid #f1f1f1; padding:10px; text-align:center}
.table_widht .table_centants_left{text-align:left}
.top_line{ border-top:2px solid #166ce3;}
,table_line{ border-bottom:1px solid #ccc; }
.text_center{ text-align:center}
.text_left{ text-align:left !important}
/*섬기는 사람들******************************************************/
.company_introduction{ width:1000px; margin:0 auto}

/*시설안내******************************************************/
.company_facilities_g_bg { position: absolute; top: 47px; left: 500px; display: block;}