@charset "UTF-8";
/****************************************************
*    f o n t
******************************************************/
@import url("//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");
/* noto-sans-kr-100 - latin_korean */
@import url("//fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-100.eot");
    /* IE9 Compat Modes */
    src: local("Noto Sans KR Thin"), local("NotoSansKR-Thin"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-100.eot#iefix") format("embedded-opentype"),
    url("../fonts/noto-sans-kr-v12-latin_korean-100.woff") format("woff2"),
    url("../fonts/noto-sans-kr-v12-latin_korean-100.woff") format("woff"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-100.ttf") format("truetype");
    /* Safari, Android, iOS */
}

/* noto-sans-kr-300 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-300.eot");
    /* IE9 Compat Modes */
    src: local("Noto Sans KR Light"), local("NotoSansKR-Light"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-300.eot#iefix") format("embedded-opentype"),
    url("../fonts/noto-sans-kr-v12-latin_korean-300.woff") format("woff2"),
    url("../fonts/noto-sans-kr-v12-latin_korean-300.woff") format("woff"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-300.ttf") format("truetype");
    /* Safari, Android, iOS */
}

/* noto-sans-kr-regular - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-regular.eot");
    /* IE9 Compat Modes */
    src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-regular.eot#iefix") format("embedded-opentype"),
    url("../fonts/noto-sans-kr-v12-latin_korean-regular.woff") format("woff2"),
    url("../fonts/noto-sans-kr-v12-latin_korean-regular.woff") format("woff"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-regular.ttf") format("truetype");
    /* Safari, Android, iOS */
}

/* noto-sans-kr-500 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-500.eot");
    /* IE9 Compat Modes */
    src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-500.eot#iefix") format("embedded-opentype"),
    url("../fonts/noto-sans-kr-v12-latin_korean-500.woff") format("woff2"),
    url("../fonts/noto-sans-kr-v12-latin_korean-500.woff") format("woff"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-500.ttf") format("truetype");
    /* Safari, Android, iOS */
}

/* noto-sans-kr-700 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-700.eot");
    /* IE9 Compat Modes */
    src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-700.eot#iefix") format("embedded-opentype"),
    url("../fonts/noto-sans-kr-v12-latin_korean-700.woff") format("woff2"),
    url("../fonts/noto-sans-kr-v12-latin_korean-700.woff") format("woff"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-700.ttf") format("truetype");
    /* Safari, Android, iOS */
}

/* noto-sans-kr-900 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-900.eot");
    /* IE9 Compat Modes */
    src: local("Noto Sans KR Black"), local("NotoSansKR-Black"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-900.eot#iefix") format("embedded-opentype"),
    url("../fonts/noto-sans-kr-v12-latin_korean-900.woff") format("woff2"),
    url("../fonts/noto-sans-kr-v12-latin_korean-900.woff") format("woff"),
    url("https://sgasol.kr/assets/user/fonts/noto-sans-kr-v12-latin_korean-900.ttf") format("truetype");
    /* Safari, Android, iOS */
}

/*******************************************
*    M i x i n
********************************************/
/* 말줄임표 */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, textarea, p, blockquote, th, td, input, select,
textarea, button, figure {
    margin: 0;
    padding: 0;
}

dl, ul, ol, menu, li {
    list-style: none;
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
}

img, fieldset, iframe {
    border: 0 none;
}

img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

input, select, textarea, button {
    vertical-align: middle;
}

textarea {
    resize: none;
}

input::-ms-clear {
    display: none;
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}

button, input[type='button'], input[type='submit'], input[type='reset'],
input[type='file'] {
    border-radius: 0;
    -webkit-appearance: button;
}

input[type="image"], input[type="text"], input[type="submit"], input[type="password"],
input[type='search'] {
    border-radius: 0;
    -webkit-appearance: none;
}

input:checked[type='checkbox'] {
    -webkit-appearance: checkbox;
    background-color: transparent;
}

input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

caption, legend {
    position: absolute;
    top: -9999px;
    left: -9999px;
    font-size: 0px;
    line-height: 0;
}

a {
    text-decoration: none;
    select-dummy: expression(this.hideFocus = true);
}

a:active {
    background-color: transparent;
}

hr {
    display: none;
}

textarea, input {
    -webkit-apperence: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav,
section, main, menu {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

sup, sub {
    line-height: 0;
}

html, body {
    width: 100%;
}

ul:after, ol:after {
    content: '';
    clear: both;
    display: block;
}

/* _common.scss */
html {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    height: 100%;
    width: 100%;
    line-height: 1;
}

html *:focus {
    outline: 0 !important;
}

html *::-moz-focus-inner {
    outline: 0 !important;
}

html * {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}

body {
    width: 100%;
    height: 100%;
    position: relative;
}

h1 {
    display: none;
}

/* text color */
/* line & Bg color */
/* Point color */
.clearfix {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.hide {
    display: none;
}

.inner {
    width: 1170px;
    margin: 0 auto;
}

.inner.line {
    position: relative;
    bottom: 44px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.tr {
    text-align: right !important;
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.point_red {
    color: #e81130;
}

.dec.red {
    color: #e25b5b;
}

em.bold {
    font-weight: 500;
}

em.red {
    color: #e25b5b;
}

/****************************************************
*    TITLE
******************************************************/
.sub.product .sub_top_title {
    padding-top: 100px;
}

.sub.product.system_security .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_01_sys.png") no-repeat;
    background-position: center;
}

.sub.product.cloud_security .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_01_sys.png") no-repeat;
    background-position: center;
}

.sub.product.endpoint_security .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_01_end.png") no-repeat;
    background-position: center;
}

.sub.product.application_security .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_01_app.png") no-repeat;
    background-position: center;
}

.sub.product.partner_solution .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_01_part.png") no-repeat;
    background-position: center;
}

.sub.product.ZTA_security .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_01_part.png") no-repeat;
    background-position: center;
}

.sub.solution .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_03.png") no-repeat;
    background-position: center;
}

.sub.support .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_03.png") no-repeat;
    background-position: center;
}

.sub.newsroom .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_04.png") no-repeat;
    background-position: center;
}

.sub.company .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_05.png") no-repeat;
    background-position: center;
}

.sub.ir .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_06.png") no-repeat;
    background-position: center;
}

.sub_top {
    background-color: #f3f4f5;
    height: 270px;
    position: relative;
}

.sub_top_title {
    padding-top: 120px;
    width: 100%;
}

.sub_top_title h2 {
    text-align: center;
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
}

.sub_top_title h2 .eng {
    color: #fff;
    font-size: 3rem;
    font-weight: 900;
}

.sub_top_title h2 .kor {
    display: block;
    margin-bottom: 20px;
    color: #0099ff;
    font-size: 1.375rem;
    font-weight: 500;
}

.inner_title {
    text-align: center;
    padding-bottom: 30px;
    *zoom: 1;
}

.inner_title:after {
    display: block;
    clear: both;
    content: "";
}

.inner_title .dec + h3 {
    padding-top: 80px;
}

.inner_title h3 {
    white-space: nowrap;
    vertical-align: middle;
    color: #242424;
    font-size: 2.25rem;
    font-weight: 700;
}

.inner_title h3:after {
    width: 1px;
    height: 40px;
    background-color: #3d3e48;
    margin: 30px auto 0;
    display: block;
    content: "";
}

.cont_title {
    padding-bottom: 30px;
}

.cont_title h4 {
    color: #333333;
    font-size: 1.75rem;
    font-weight: 700;
}

/****************************************************
*    INPUT
******************************************************/
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime],
input[type=email], input[type=month], input[type=number], input[type=password],
input[type=search], input[type=tel], input[type=text], input[type=time],
input[type=url], input[type=week], select {
    font-family: "Noto Sans KR", sans-serif;
    padding: 0 10px;
    width: 100%;
    height: 45px;
    min-height: 45px;
    line-height: 45px;
    background: #fff;
    border: 1px solid #dbdbdb;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus,
input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus,
input[type=number]:focus, input[type=password]:focus, input[type=search]:focus,
input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus,
input[type=url]:focus, input[type=week]:focus, select:focus {
    outline: none;
    border: 1px solid #6e9ce0;
}

input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder,
select::-moz-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder,
select:-ms-input-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

input[type=color]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder,
input[type=datetime-local]::-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder,
select::-ms-input-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

input[type=color]::placeholder, input[type=date]::placeholder, input[type=datetime-local]::placeholder,
input[type=datetime]::placeholder, input[type=email]::placeholder,
input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder,
input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder,
input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder,
select::placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

input[type=color]:-moz-read-only, input[type=date]:-moz-read-only, input[type=datetime-local]:-moz-read-only,
input[type=datetime]:-moz-read-only, input[type=email]:-moz-read-only,
input[type=month]:-moz-read-only, input[type=number]:-moz-read-only,
input[type=password]:-moz-read-only, input[type=search]:-moz-read-only,
input[type=tel]:-moz-read-only, input[type=text]:-moz-read-only, input[type=time]:-moz-read-only,
input[type=url]:-moz-read-only, input[type=week]:-moz-read-only, select:-moz-read-only {
    color: #666;
    border: 1px solid #cccccc;
}

input[type=color]:read-only, input[type=date]:read-only, input[type=datetime-local]:read-only,
input[type=datetime]:read-only, input[type=email]:read-only, input[type=month]:read-only,
input[type=number]:read-only, input[type=password]:read-only, input[type=search]:read-only,
input[type=tel]:read-only, input[type=text]:read-only, input[type=time]:read-only,
input[type=url]:read-only, input[type=week]:read-only, select:read-only {
    color: #666;
    border: 1px solid #cccccc;
}

input[type=color]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled,
input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled,
input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled,
input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled,
input[type=url]:disabled, input[type=week]:disabled, select:disabled {
    background-color: #e3e3e3;
    color: #999;
    border: 1px solid #cccccc;
}

input[type=color]:disabled::-webkit-input-placeholder, input[type=date]:disabled::-webkit-input-placeholder,
input[type=datetime-local]:disabled::-webkit-input-placeholder, input[type=datetime]:disabled::-webkit-input-placeholder,
input[type=email]:disabled::-webkit-input-placeholder, input[type=month]:disabled::-webkit-input-placeholder,
input[type=number]:disabled::-webkit-input-placeholder, input[type=password]:disabled::-webkit-input-placeholder,
input[type=search]:disabled::-webkit-input-placeholder, input[type=tel]:disabled::-webkit-input-placeholder,
input[type=text]:disabled::-webkit-input-placeholder, input[type=time]:disabled::-webkit-input-placeholder,
input[type=url]:disabled::-webkit-input-placeholder, input[type=week]:disabled::-webkit-input-placeholder,
select:disabled::-webkit-input-placeholder {
    color: #999;
}

input[type=color]:disabled::-moz-placeholder, input[type=date]:disabled::-moz-placeholder,
input[type=datetime-local]:disabled::-moz-placeholder, input[type=datetime]:disabled::-moz-placeholder,
input[type=email]:disabled::-moz-placeholder, input[type=month]:disabled::-moz-placeholder,
input[type=number]:disabled::-moz-placeholder, input[type=password]:disabled::-moz-placeholder,
input[type=search]:disabled::-moz-placeholder, input[type=tel]:disabled::-moz-placeholder,
input[type=text]:disabled::-moz-placeholder, input[type=time]:disabled::-moz-placeholder,
input[type=url]:disabled::-moz-placeholder, input[type=week]:disabled::-moz-placeholder,
select:disabled::-moz-placeholder {
    color: #999;
}

input[type=color]:disabled:-ms-input-placeholder, input[type=date]:disabled:-ms-input-placeholder,
input[type=datetime-local]:disabled:-ms-input-placeholder, input[type=datetime]:disabled:-ms-input-placeholder,
input[type=email]:disabled:-ms-input-placeholder, input[type=month]:disabled:-ms-input-placeholder,
input[type=number]:disabled:-ms-input-placeholder, input[type=password]:disabled:-ms-input-placeholder,
input[type=search]:disabled:-ms-input-placeholder, input[type=tel]:disabled:-ms-input-placeholder,
input[type=text]:disabled:-ms-input-placeholder, input[type=time]:disabled:-ms-input-placeholder,
input[type=url]:disabled:-ms-input-placeholder, input[type=week]:disabled:-ms-input-placeholder,
select:disabled:-ms-input-placeholder {
    color: #999;
}

input[type=color]:disabled::-ms-input-placeholder, input[type=date]:disabled::-ms-input-placeholder,
input[type=datetime-local]:disabled::-ms-input-placeholder, input[type=datetime]:disabled::-ms-input-placeholder,
input[type=email]:disabled::-ms-input-placeholder, input[type=month]:disabled::-ms-input-placeholder,
input[type=number]:disabled::-ms-input-placeholder, input[type=password]:disabled::-ms-input-placeholder,
input[type=search]:disabled::-ms-input-placeholder, input[type=tel]:disabled::-ms-input-placeholder,
input[type=text]:disabled::-ms-input-placeholder, input[type=time]:disabled::-ms-input-placeholder,
input[type=url]:disabled::-ms-input-placeholder, input[type=week]:disabled::-ms-input-placeholder,
select:disabled::-ms-input-placeholder {
    color: #999;
}

input[type=color]:disabled::placeholder, input[type=date]:disabled::placeholder,
input[type=datetime-local]:disabled::placeholder, input[type=datetime]:disabled::placeholder,
input[type=email]:disabled::placeholder, input[type=month]:disabled::placeholder,
input[type=number]:disabled::placeholder, input[type=password]:disabled::placeholder,
input[type=search]:disabled::placeholder, input[type=tel]:disabled::placeholder,
input[type=text]:disabled::placeholder, input[type=time]:disabled::placeholder,
input[type=url]:disabled::placeholder, input[type=week]:disabled::placeholder,
select:disabled::placeholder {
    color: #999;
}

textarea {
    font-family: "Noto Sans KR", sans-serif;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #d1d3d9;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

textarea:focus {
    outline: none;
    border: 1px solid #6e9ce0;
}

textarea::-webkit-input-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

textarea::-moz-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

textarea:-ms-input-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

textarea::-ms-input-placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

textarea::placeholder {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}

textarea:-moz-read-only {
    color: #666;
    border: 1px solid #cccccc;
}

textarea:read-only {
    color: #666;
    border: 1px solid #cccccc;
}

textarea:disabled {
    background-color: #e3e3e3;
    color: #999;
    border: 1px solid #cccccc;
}

textarea:disabled::-webkit-input-placeholder {
    color: #999;
}

textarea:disabled::-moz-placeholder {
    color: #999;
}

textarea:disabled:-ms-input-placeholder {
    color: #999;
}

textarea:disabled::-ms-input-placeholder {
    color: #999;
}

textarea:disabled::placeholder {
    color: #999;
}

/****************************************************
*    NICE SELECT
******************************************************/
.sel_box {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.sel_box .nice-select {
    font-family: "Noto Sans KR", sans-serif;
    width: 100%;
    height: 45px;
    font-size: 1rem;
    line-height: 45px;
    font-weight: 400;
    border-radius: 0;
    position: relative;
}

.sel_box .nice-select span {
    font-weight: 400;
    color: #333333;
    font-size: 1rem;
}

.sel_box .nice-select:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 21.633% 2.84%;
    position: absolute;
    width: 10px;
    height: 7px;
    border-style: none;
    top: 50%;
    margin-top: -3.5px;
    right: 15px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    display: block;
    content: "";
}

.sel_box .nice-select:hover, .sel_box .nice-select:focus {
    border: 1px solid #6e9ce0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sel_box .nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.sel_box .nice-select .list {
    width: 100%;
    border-radius: 0;
    max-height: 150px;
    overflow: auto;
}

.sel_box .nice-select .option {
    min-height: 35px;
    line-height: 35px;
    color: #333333;
    font-weight: 400;
}

.sel_box .nice-select .option.selected {
    background-color: #f5f5f5;
}

.sel_box .nice-select .option.selected.focus {
    background-color: #f5f5f5;
}

.sel_box .nice-select .option.selected.focus:focus {
    background-color: #f5f5f5;
}

.sel_box .nice-select .option:hover {
    color: #333333;
    background-color: #f5f5f5;
}

/****************************************************
*    RADIO
******************************************************/
input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input[type="radio"] + label {
    color: #333333;
    font-size: 14px;
    cursor: pointer;
    padding-right: 20px;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}

input[type="radio"] + label:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 5.602% 54.772%;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 7px 2px 0;
    vertical-align: middle;
    cursor: pointer;
    content: '';
}

input[type="radio"] + label:last-child {
    padding-right: 0;
}

input[type="radio"]:checked + label:before {
    background-position: 1.037% 54.772%;
}

/****************************************************
*    checkbox
******************************************************/
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: 0;
}

input[type="checkbox"] + label {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

input[type="checkbox"] + label.label_hide {
    margin: 0;
}

input[type="checkbox"] + label.label_hide:before {
    margin: 0;
}

input[type="checkbox"] + label:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 24.896% 2.282%;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 7px 2px 0;
    vertical-align: middle;
    cursor: pointer;
    content: '';
}

input[type="checkbox"]:checked + label:before {
    background-position: 29.461% 2.282%;
}

/****************************************************
*    button
******************************************************/
.btn {
    display: inline-block;
    min-width: 58px;
    height: 28px;
    line-height: 25px;
    border: 1px solid #ccc;
    padding: 0 11px;
    background-color: #fff;
    color: #444;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
}

.btn_wrap {
    margin-top: 30px;
    font-size: 0;
    *zoom: 1;
}

.btn_wrap:after {
    display: block;
    clear: both;
    content: "";
}

.recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-recaptcha {
    display: inline-block;
}

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

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

.btn + .btn {
    margin-left: 5px;
}

.btn.b_gradiant {
    width: 220px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border: 0;
    color: #fff;
    border-radius: 25px;
    background: -webkit-gradient(linear, right top, left top, from(#0071bd),
    to(#178edd));
    background: -o-linear-gradient(right, #0071bd 0%, #178edd 100%);
    background: linear-gradient(-90deg, #0071bd 0%, #178edd 100%); color: #fff;
    font-size: 1rem;
    font-weight: 400;
}

.btn.b_gradiant:hover {
    text-decoration: underline;
}

.btn.b_gradiant .ico_download:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 2.101% 22.199%;
    width: 24px;
    height: 18px;
    margin-left: 15px;
    vertical-align: middle;
    display: inline-block;
    content: "";
}

.btn.white {
    padding: 0 10px;
    min-width: 130px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-bottom: 1px solid #bababa;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
}

.btn.white:hover {
    text-decoration: underline;
}

/****************************************************
*    table
******************************************************/
.tbl.board table {
    table-layout: fixed;
    border-top: 2px solid #444;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}

.tbl.board tbody tr + tr {
    border-top: 1px solid #dcdcdc;
}

.tbl.board tbody td {
    height: 63px;
    padding: 21px 0;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.tbl.board tbody td a {
    line-height: 1.5rem;
}

.tbl.board tbody td .board_link {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.tbl.board tbody td .board_link:hover {
    text-decoration: underline;
}

.tbl.board tbody td .board_link dl dt {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tbl.board tbody td .board_link dl dd {
    padding-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    max-height: 80px;
    line-height: 1.5rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.tbl.board tbody td.num {
    text-align: center;
}

.tbl.board tbody td.date {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    text-align: center;
}

.tbl.board tbody td.item {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    text-align: center;
}

.tbl.board tbody td.company {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    text-align: center;
}

.tbl.board tbody td.thumbnail {
    padding: 30px 0;
}

.tbl.board tbody td.thumbnail .thumbnail_img {
    width: 300px;
    height: 178px;
    background-color: #f7fafc;
    border: 1px solid #dcdcdc;
}

.tbl.board tbody td.thumbnail .thumbnail_img img {
    width: 100%;
    height: 100%;
}

.tbl.board tbody td.news_cont {
    padding: 30px 70px;
    vertical-align: top;
}

.tbl.board tbody td.news_cont dl {
    width: 100%;
}

.tbl.board tbody td.news_cont dl dt {
    line-height: 22px;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 1.25rem;
    font-weight: 700;
}

.tbl.board tbody td.news_cont dl dd {
    padding-top: 28px;
    line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.tbl.board tbody td.news_cont dl dd.one_line {
    display: block;
    max-width: 100%;
    max-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tbl.board tbody td.news_cont dl dd.multi_line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    max-height: 80px;
    line-height: 1.5rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tbl.board tbody td.news_cont .news_cont_caption {
    margin-top: 45px;
    font-size: 0;
}

.tbl.board tbody td.news_cont .news_cont_caption span {
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

.tbl.board tbody td.news_cont .news_cont_caption span + span {
    margin-left: 10px;
}

.tbl.board tbody td.news_cont .board_link dl dt {
    line-height: 22px;
}

.tbl.board tbody td.news_cont .board_link:hover {
    text-decoration: none;
}

.tbl.board tbody td.news_cont .board_link:hover dl dd {
    text-decoration: underline;
}

.tbl.board.view thead {
    border-bottom: 1px solid #dcdcdc;
}

.tbl.board.view thead th {
    text-align: left;
    padding: 21px 20px;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.tbl.board.view thead th h3 {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.tbl.board.view thead th span {
    display: inline-block;
    vertical-align: middle;
}

.tbl.board.view thead th span + span {
    margin-left: 5px;
}

.tbl.board.view tbody td {
    padding: 30px 20px;
}

.tbl.board.view tbody td.event_view {
    padding: 0;
}

.tbl.board.view tbody td .view_cont {
    min-height: 430px;
}

.tbl.board.view tbody td .news_clipping dl + dl {
    margin-top: 50px;
}

.tbl.board.view tbody td .news_clipping dl .dec {
    padding: 10px 0 0;
    line-height: 24px;
    color: #666;
    font-size: 0.875rem;
    font-weight: 400;
}

.tbl.board.view tbody td .news_clipping dl dt {
    padding-bottom: 15px;
    line-height: 1.375rem;
    border-bottom: 1px solid #b0b0b0;
}

.tbl.board.view tbody td .news_clipping dl dt h4 {
    line-height: 1.25rem;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.tbl.board.view tbody td .news_clipping dl dt .news_clipping_link {
    display: block;
    width: 100%;
    position: relative;
    padding-right: 30px;
}

.tbl.board.view tbody td .news_clipping dl dt .news_clipping_link:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 48.025% 2.075%;
    width: 19px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
}

.tbl.board.view tbody td .news_clipping dl dt .news_clipping_link:hover h4 {
    text-decoration: underline;
}

.tbl.board.view tbody td .news_clipping dl dt .news_clipping_link:hover:after {
    background-position: 53.015% 2.075%;
    width: 19px;
    height: 18px;
}

.tbl.board.view tbody td .news_clipping dl dt .dec {
    display: block;
}

.tbl.board.view tbody td .news_clipping dl dd {
    padding-top: 20px;
    line-height: 24px;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.tbl.board.view tbody td .news_clipping dl dd + dd {
    margin-top: 30px;
}

.tbl.board.view tbody td .news_clipping dl dd .news_clipping_img {
    text-align: center;
    margin-top: 20px;
}

.tbl.board.view tbody td .news_clipping dl dd .news_clipping_img .img_box {
    display: inline-block;
    border: 1px solid #d9d9d9;
}

.tbl.label table {
    width: 100%;
    border-top: 1px solid #515356;
    border-bottom: 1px solid #dededf;
}

.tbl.label table tr + tr {
    border-top: 1px solid #dededf;
}

.tbl.label table thead {
    border-bottom: 1px solid #dededf;
}

.tbl.label table th {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    padding: 14px 0;
    text-align: center;
    background-color: #f9fafb;
}

.tbl.label table th + td {
    border-left: 1px solid #dededf;
}

.tbl.label table th + th {
    border-left: 1px solid #dededf;
}

.tbl.label table td {
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
    padding: 14px 0;
    text-align: center;
}

.tbl.label table td + td {
    border-left: 1px solid #dededf;
}

.tbl.label table td + th {
    border-left: 1px solid #dededf;
}

.tbl.label table td i {
    font-style: normal;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
}

.tbl.label table td i:after {
    font-size: 0.9375rem;
    font-weight: 300;
    margin-left: 5px;
    display: inline-block;
}

.tbl.label table td i.down:after {
    color: #2478ff;
    content: "▼";
}

.tbl.label table td i.up:after {
    color: #d90400;
    content: "▲";
}

.tbl.label table td i.bohab:after {
    width: 15px;
    height: 1px;
    vertical-align: middle;
    content: "";
    background-color: #999;
}

.tbl_top {
    margin-bottom: 15px;
    *zoom: 1;
}

.tbl_top:after {
    display: block;
    clear: both;
    content: "";
}

.tbl_top span {
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.tbl_top span + span {
    margin-left: 10px;
}

.tbl_top .fr {
    margin-top: 10px;
}

.tbl_top_btn {
    min-width: 90px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #666666;
}

.tbl_top_btn:hover {
    text-decoration: underline;
}

.tbl_top .current {
    margin-top: 30px;
}

.tbl_top .current .num {
    font-size: 1.625rem;
    font-weight: 400;
}

.tbl_top .current .num .ico {
    font-weight: 300;
    font-size: 0.875rem;
    font-style: normal;
    display: inline-block;
}

.tbl_top .current .num .ico:before {
    margin-right: 5px;
    font-size: 0.875rem;
    display: inline-block;
}

.tbl_top .current .num.down {
    color: #2478ff;
}

.tbl_top .current .num.down .ico:before {
    content: "▼";
}

.tbl_top .current .num.up {
    color: #d90400;
}

.tbl_top .current .num.up .ico:before {
    content: "▲";
}

.tbl_top .current .company {
    font-size: 0.875rem;
    font-weight: 400;
    color: #333;
}

.tbl_top .tbl_rdo_tab {
    float: right;
}

.tbl_top .tbl_rdo_tab .rdo_box {
    display: inline-block;
    vertical-align: middle;
}

.tbl_top .tbl_rdo_tab .rdo_box + .rdo_box {
    margin-left: 10px;
}

/*************** 새로운 페이징 ************/

.notice .pagination_wrap {
    width: 100%;
    text-align: center;
}

.notice .pagination_wrap .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 30px 0 20px 0;
    *zoom: 1;
}

.notice .pagination_wrap .pagination:after {
    display: block;
    clear: both;
    content: "";
}


.notice .pagination_wrap .pagination li {
    float: left;
    position: relative;
    z-index: 0;
    background: #fff;
    margin: 0 5px;
}

.notice .pagination_wrap .pagination li + li {
    border-left: 0;
}

.notice .pagination_wrap .pagination li > a, .notice .pagination_wrap .pagination li > span {
    color: #666;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 1rem;
    margin-left: -1px;
    border: 1px solid #d9d9d9;
    font-weight: 400;
    background: #fff;
}

.notice .pagination_wrap .pagination li > a:hover, .notice .pagination_wrap .pagination li > span:hover {
    color: #0071bd;
    border: 1px solid #0071bd;
}

.notice .pagination_wrap .pagination li.active > a, .notice .pagination_wrap .pagination li.active > span {
    z-index: 2;
    color: #fff;
    cursor: default;
    border: 1px solid #0071bd;
    background-color: #0071bd;
}

.notice .pagination_wrap .pagination li.ico + .ico {
    margin-left: 0;
}

.notice .pagination_wrap .pagination li.ico a {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    position: relative;
}

.notice .pagination_wrap .pagination li.ico a:hover {
    border: 1px solid #0071bd;
    background-color: #fff;
}

.notice .pagination_wrap .pagination li.ico a:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    bottom: auto;
    margin: 0 auto;
    display: block;
    content: "";
}

.notice .pagination_wrap .pagination li.ico.prev {
    margin-right: 5px;
}

.notice .pagination_wrap .pagination li.ico.prev a {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.notice .pagination_wrap .pagination li.ico.first a:before {
    background-position: -199px -10px;
    width: 10px;
    height: 15px;
}

.notice .pagination_wrap .pagination li.ico.prev a:before {
    background-position: -214px -10px;
    width: 9px;
    height: 15px;
}

.notice .pagination_wrap .pagination li.ico.next a:before {
    background-position: -214px -15px;
    width: 9px;
    height: 15px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.notice .pagination_wrap .pagination li.ico.last a:before {
    background-position: -199px -15px;
    width: 10px;
    height: 15px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.notice .pagination_wrap .pagination li.ico.next a {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}


.notice .pagination_wrap .pagination li.ico.next {
    margin-left: 5px;
}

.notice .pagination_wrap .pagination li.ico.first a {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.notice .pagination_wrap .pagination li.ico.last a {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}


.view_bottom .link_list:first-child{
    margin-top: 20px;
}
.view_bottom .link_list{
    border: 1px solid #dcdcdc;
}
.view_bottom .link_list + .link_list{
    border-top: none;
}

.view_bottom .link_list dl{
    width: 100%;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}

.view_bottom .link_list dl dt {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 100%;
    text-align: center;
    line-height: 58px;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.view_bottom .link_list dl dd {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: calc(100% - 124px);
    line-height: 58px;
    position: relative;
}

.view_bottom .link_list dl dd p {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    height: 100%;
    padding-right: 90px;
    width: calc(100% - 80px);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.view_bottom .link_list dl dd a {
    text-indent: -9999em;
    width: 60px;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    vertical-align: middle;
}

.view_bottom .link_list dl dd a:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: -231px -10px;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.view_bottom .link_list dl dd p .date {
    top: 0;
    right: 0;
    position: absolute;
}

.notice_list {
    margin-top: 20px;
    width: 100%;
}

.notice_list ul {
    border-top: 1px solid #cdcdcd;
}

.notice_list ul li {
    height: 60px;
    border-bottom: 1px solid #cdcdcd;
}

.notice_list ul li dl {
    *zoom: 1;
    height: 100%;
}

.notice_list ul li dl:after {
    display: block;
    clear: both;
    content: "";
}

.notice_list ul li dl dt {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 100%;
    background-color: #f3f6fb;
    text-align: center;
    line-height: 58px;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.notice_list ul li dl dd {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: calc(100% - 125px);
    line-height: 58px;
    padding: 0 20px;
}

.notice_list ul li dl dd a {
    float: left;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 80px);
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.notice_list ul li dl dd a:hover {
    text-decoration: underline;
}

.notice_list ul li dl dd .date {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 0;
}

.notice_list ul li dl dd span {
    color: #282828;
    font-weight: 300;
    display: block;
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    font-family: 'Roboto', san-serif;
}


.tbl_btn.filedown {
    width: 19px;
    height: 20px;
    display: block;
    text-indent: -9999em;
    position: relative;
    margin: 0 auto;
}

.tbl_btn.filedown:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 59.252% 1.875%;
    width: 19px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.tbl_btn.filedown:hover:before {
    background-position: 63.617% 1.875%;
}


/****************************************************
*    modal popup
******************************************************/
.modal {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: none;
}

.modal_controller {
    position: absolute;
    top: -24px;
    right: -24px;
}

.modal_controller > a {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-indent: -9999em;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
}

.modal_controller .close {
    display: inline-block;
    text-indent: -9999em;
}

.modal_controller .close:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 64.159% 8.628%;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.modal_body {
    width: 100%;
    height: 100%;
}

.modal .btn.b_gradiant + .btn.b_gradiant {
    margin-left: 20px;
}

.brochure_pop_wrap {
    width: 570px;
    margin: 0 auto;
    padding: 50px 0 60px;
}

.brochure_pop_title {
    text-align: center;
    margin-bottom: 30px;
}

.brochure_pop_title h4 {
    color: #333333;
    font-size: 1.75rem;
    font-weight: 700;
}

.brochure_pop_title p {
    line-height: 22px;
    padding-top: 15px;
    color: #666;
    font-size: 1rem;
    font-weight: 300;
}

.brochure_pop_form {
    padding: 25px 40px;
    border-top: 2px solid #242424;
    border-bottom: 1px solid #dcdcdc;
}

.brochure_pop_form dl {
    display: inline-block;
    width: 100%;
    font-size: 0;
}

.brochure_pop_form dl + dl {
    margin-top: 10px;
}

.brochure_pop_form dl dt {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 500;
}

.brochure_pop_form dl dt.important:after {
    font-size: 1.125rem;
    font-weight: 400;
    color: #e81130;
    display: inline-block;
    content: "*";
}

.brochure_pop_form dl dd {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
}

.brochure_pop_form dl dd .ipt_box input[type=color], .brochure_pop_form dl dd .ipt_box input[type=date],
.brochure_pop_form dl dd .ipt_box input[type=datetime-local],
.brochure_pop_form dl dd .ipt_box input[type=datetime],
.brochure_pop_form dl dd .ipt_box input[type=email], .brochure_pop_form dl dd .ipt_box input[type=month],
.brochure_pop_form dl dd .ipt_box input[type=number],
.brochure_pop_form dl dd .ipt_box input[type=password],
.brochure_pop_form dl dd .ipt_box input[type=search],
.brochure_pop_form dl dd .ipt_box input[type=tel], .brochure_pop_form dl dd .ipt_box input[type=text],
.brochure_pop_form dl dd .ipt_box input[type=time], .brochure_pop_form dl dd .ipt_box input[type=url],
.brochure_pop_form dl dd .ipt_box input[type=week], .brochure_pop_form dl dd .ipt_box select {
    min-height: 38px;
    line-height: 38px;
    height: 38px;
    font-size: 0.9375rem;
}

.brochure_pop_form dl dd .ipt_box input[type=color]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=date]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime-local]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=email]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=month]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=number]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=password]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=search]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=tel]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=text]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=time]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=url]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=week]::-webkit-input-placeholder,
.brochure_pop_form dl dd .ipt_box select::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 0.9375rem;
}

.brochure_pop_form dl dd .ipt_box input[type=color]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=date]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime-local]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=email]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=month]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=number]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=password]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=search]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=tel]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=text]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=time]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=url]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=week]::-moz-placeholder,
.brochure_pop_form dl dd .ipt_box select::-moz-placeholder {
    font-weight: 300;
    font-size: 0.9375rem;
}

.brochure_pop_form dl dd .ipt_box input[type=color]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=date]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime-local]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=email]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=month]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=number]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=password]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=search]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=tel]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=text]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=time]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=url]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=week]:-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box select:-ms-input-placeholder {
    font-weight: 300;
    font-size: 0.9375rem;
}

.brochure_pop_form dl dd .ipt_box input[type=color]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=date]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime-local]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=email]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=month]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=number]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=password]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=search]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=tel]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=text]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=time]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=url]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box input[type=week]::-ms-input-placeholder,
.brochure_pop_form dl dd .ipt_box select::-ms-input-placeholder {
    font-weight: 300;
    font-size: 0.9375rem;
}

.brochure_pop_form dl dd .ipt_box input[type=color]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=date]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime-local]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=datetime]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=email]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=month]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=number]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=password]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=search]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=tel]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=text]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=time]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=url]::placeholder,
.brochure_pop_form dl dd .ipt_box input[type=week]::placeholder,
.brochure_pop_form dl dd .ipt_box select::placeholder {
    font-weight: 300;
    font-size: 0.9375rem;
}

.brochure_pop_privacy {
    margin-top: 25px;
}

.brochure_pop_privacy h5 {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.brochure_pop_privacy .dec {
    line-height: 1.125rem;
    margin-top: 10px;
    color: #333333;
    font-size: 0.875rem;
    font-weight: 300;
}

.brochure_pop_privacy .terms_box {
    padding: 13px 13px;
    border: 1px solid #dcdcdc;
}

.brochure_pop_privacy .terms_box p {
    color: #333333;
    font-size: 0.855rem;
    font-weight: 300;
    letter-spacing: -0.04em;
    width: 100%;
    display: block;
    line-height: 1.125rem;
}

.brochure_pop_privacy .terms_box a {
    color: #0164b7;
    font-size: 0.855rem;
    font-weight: 300;
    padding-top: 10px;
    display: inline-block;
}

.brochure_pop_privacy .terms_box a span {
    position: relative;
}

.brochure_pop_privacy .terms_box a span:before {
    left: 0;
    bottom: 1px;
    position: absolute;
    border-bottom: 1px solid #0099ff;
    width: 100%;
    display: block;
    content: "";
}

.brochure_pop_privacy .terms_box a:hover {
    font-weight: 400;
}

.brochure_pop_privacy .terms_box a:hover span:before {
    border-bottom: 1px solid #0164b7;
}

.brochure_pop_privacy .chk_box {
    margin-top: 10px;
}

.brochure_pop_privacy .chk_box input[type="checkbox"] + label {
    color: #333333;
    font-size: 0.875rem;
    font-weight: 300;
}

.brochure_pop .btn_wrap {
    margin-top: 25px;
}

.brochure_pop .btn_wrap.col3 .btn.b_gradiant {
    width: 183px;
    line-height: inherit;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.brochure_pop .btn_wrap.col3 .btn.b_gradiant span {
    padding: 0;
    font-size: 0.9375rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.125rem;
    position: relative;
    margin: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
}

.brochure_pop .btn_wrap.col3 .btn.b_gradiant + .btn.b_gradiant {
    margin-left: 10px;
}

#videoPop {
    width: 1235px;
    height: 696px;
}

#brochurePop {
    width: 800px;
    height: 770px;
    background-color: #fff;
}

.dim {
    z-index: 99;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

/****************************************************
*    etc..
******************************************************/
.caption {
    padding-top: 15px;
}

.caption p {
    line-height: 1.125rem;
    color: #666;
    font-size: 0.875rem;
    font-weight: 300;
}

.m_tbl_caption {
    display: none;
}

/* _layout.scss */
/****************************************************
*    H E A D E R
******************************************************/
body.main header {
    top: 160px;
}

body.main.headerFix header {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    top: 0;
}

body.main.bannerHide .top_banner {
    top: -160px;
}

body.main.bannerHide section.main {
    padding-top: 160px;
}

body.main.closeBanner header {
    top: 0;
}

body.main.closeBanner .top_banner {
    top: -160px;
}

body.main.closeBanner section.main {
    padding-top: 60px;
}

body.main .top_banner.show {
    top: 0;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #e3e3e3;
    height: 60px;
    background: #fff;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
}

header.on:before {
    top: 60px;
    position: absolute;
    height: 124px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    content: "";
}

header.on.product:before {
    height: 651px;
}

header .header_cont {
    height: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    *zoom: 1;
}

header .header_cont:after {
    display: block;
    clear: both;
    content: "";
}

header .header_cont .logo {
    float: left;
    line-height: 60px;
}

header .header_cont .gnb {
    float: left;
    width: 680px;
    margin-left: 155px;
}

header .header_cont .gnb > ul {
    font-size: 0;
    *zoom: 1;
}

header .header_cont .gnb > ul:after {
    display: block;
    clear: both;
    content: "";
}

header .header_cont .gnb > ul > li {
    min-width: calc(100% / 5);
    display: inline-block;
    vertical-align: middle;
    float: left;
    text-align: center;
    line-height: 60px;
}

header .header_cont .gnb > ul > li > a {
    display: block;
    height: 100%;
    text-transform: uppercase;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 700;
}

header .header_cont .gnb > ul > li > a > span {
    position: relative;
}

header .header_cont .gnb > ul > li > a > span:before {
    background-color: #0071bd;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 2px;
    content: "";
    display: none;
}

header .header_cont .gnb > ul > li:hover .depth_wrap {
    display: block;
}

header .header_cont .gnb > ul > li:hover .depth_wrap.partner {
    top: 322px;
}


header .header_cont .gnb > ul > li:hover a span:before {
    display: block;
}

header .header_cont .gnb > ul > li.on a span:before {
    display: block;
}

header .header_cont .gnb .depth_wrap {
    line-height: normal;
    display: none;
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 0;
    *zoom: 1;
}

header .header_cont .gnb .depth_wrap + .depth_wrap {
    margin-bottom: 10px;
    margin-top: 340px;
    padding-top: 30px;
    border-top: 1px solid #06486f2b;
}

header .header_cont .gnb .depth_wrap:after {
    display: block;
    clear: both;
    content: "";
}

header .header_cont .gnb .depth_wrap .depth_box {
    text-align: left;
    display: inline-block;
    vertical-align: text-top;
}

header .header_cont .gnb .depth_wrap .depth_box + .line {
    display: inline-block;
    border-top: 1px solid #06486f2b;
    width: 90%;
    margin-top: 10px;
}

header .header_cont .gnb .depth_wrap.partner .depth_box {
    right: 33px;
    position: relative;
}

header .header_cont .gnb .depth_wrap .depth_box dl + .depth_box.zta {
    margin-top: 35px;
}

header .header_cont .gnb .depth_wrap .depth_box > a {
    white-space: nowrap;
    display: block;
    word-break: normal;
    word-wrap: normal;
    margin-bottom: 20px;
    color: #333;
    font-size: 1rem;
    font-weight: 500;
}

header .header_cont .gnb .depth_wrap .depth_box > a:hover {
    text-decoration: underline;
}

header .header_cont .gnb .depth_wrap .depth_box > a.no_link {
    cursor: default;
}

header .header_cont .gnb .depth_wrap .depth_box > a.no_link:hover {
    text-decoration: none;
}

header .header_cont .gnb .depth_wrap .depth_box + .depth_box {
    margin-left: 110px;
}

header .header_cont .gnb .depth_wrap .line + .depth_box.partner {
    display: block;
    position: relative;
    height: 245px;
    top: 20px;
    margin-left: 75px;
}

header .header_cont .gnb .depth_wrap.partner .depth_box + .depth_box {
    margin-left: 50px;
}


header .header_cont .gnb .depth_wrap .depth_box dl {
    display: block;
}

header .header_cont .gnb .depth_wrap .depth_box dl + dl {
    margin-left: 0;
    margin-top: 20px;
}

header .header_cont .gnb .depth_wrap .depth_box dl.sub {
    display: inline-block;
    position: relative;
    padding-left: 63px;
    left: 145px;
    top: -40px;
}

header .header_cont .gnb .depth_wrap .depth_box dl.sub + dl.sub {
    margin-left: 0;
    margin-top: 0;
}

header .header_cont .gnb .depth_wrap .depth_box dl.sub + dl.sec {
    display: block;
    margin-top: 35px;
}

header .header_cont .gnb .depth_wrap .depth_box dl dt {
    margin-bottom: 15px;
}

header .header_cont .gnb .depth_wrap .depth_box dl dd {
    line-height: 20px;
}

header .header_cont .gnb .depth_wrap .depth_box dl dd a {
    font-size: 0.9375rem;
}

header .header_cont .gnb .depth_wrap dl {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

header .header_cont .gnb .depth_wrap dl + dl {
    margin-left: 100px;
}

header .header_cont .gnb .depth_wrap dl dt {
    text-align: left;
    line-height: normal;
    margin-bottom: 0;
    color: #333;
    font-size: 0.9375rem;
    font-weight: 400;
}

header .header_cont .gnb .depth_wrap dl dt a {
    margin-bottom: 0;
    color: #333;
    font-size: 0.9375rem;
    font-weight: 400;
}

header .header_cont .gnb .depth_wrap dl dt a:hover {
    text-decoration: underline;
}

header .header_cont .gnb .depth_wrap dl dd {
    line-height: 28px;
    text-align: left;
}

header .header_cont .gnb .depth_wrap dl dd a {
    padding-left: 10px;
    position: relative;
    color: #666;
    font-size: 0.875rem;
    font-weight: 300;
}

header .header_cont .gnb .depth_wrap dl dd a:before {
    width: 4px;
    height: 1px;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    content: "";
}

header .header_cont .gnb .depth_wrap dl dd a:hover {
    text-decoration: underline;
}

header .header_cont .gnb .depth_wrap ul {
    line-height: normal;
    display: inline-block;
    text-align: center;
}

header .header_cont .gnb .depth_wrap ul li {
    line-height: normal;
    display: inline-block;
}

header .header_cont .gnb .depth_wrap ul li + li {
    margin-left: 60px;
}

header .header_cont .gnb .depth_wrap ul li a {
    color: #666;
    font-size: 1rem;
    font-weight: 400;
}

header .header_cont .gnb .depth_wrap ul li a:hover {
    text-decoration: underline;
}

header .header_cont .gnb .btn_m_menu_close {
    display: none;
}

header .header_cont .header_btn {
    margin-top: 13px;
    float: right;
}

header .header_cont .header_btn .btn_contact {
    display: inline-block;
    vertical-align: middle;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    padding: 0 15px;
    margin-right: 40px;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 300;
    background: -webkit-gradient(linear, right top, left top, from(#0d6bae),
    to(#f45a4c));
    background: -o-linear-gradient(right, #0d6bae 0%, #f45a4c 100%);
    background: linear-gradient(-90deg, #0d6bae 0%, #f45a4c 100%);
}

header .header_cont .header_btn .btn_contact:hover {
    text-decoration: underline;
}

header .header_cont .header_btn .btn_allmenu, header .header_cont .header_btn .m_header_btn {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    z-index: 100;
}

header .header_cont .header_btn .btn_allmenu span, header .header_cont .header_btn .m_header_btn span {
    display: block;
    text-indent: -9999em;
}

header .header_cont .header_btn .m_header_btn {
    display: none;
}

header .allmenu {
    display: none;
    height: 840px;
    background-color: #fff;
}

header .allmenu_title {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 20;
    height: 60px;
    background-color: #0071bd;
    *zoom: 1;
}

header .allmenu_title:after {
    display: block;
    clear: both;
    content: "";
}

header .allmenu_title span {
    line-height: 60px;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
}

header .allmenu_lst {
    height: 100%;
    *zoom: 1;
}

header .allmenu_lst:after {
    display: block;
    clear: both;
    content: "";
}

header .allmenu_lst .inner {
    height: 100%;
}

header .allmenu_lst_box {
    padding: 30px 30px;
    height: 100%;
    float: left;
    width: 325px;
}

header .allmenu_lst_box + .allmenu_lst_box {
    border-left: 1px solid #e3e3e3;
    width: 25%;
}

header .allmenu_lst_box:first-child {
    border-left: 1px solid #e3e3e3;
    width: 25%;
}

header .allmenu_lst_box:nth-child(2) {
    border-left: none;

}

header .allmenu_lst_box:last-child {
    border-right: 1px solid #e3e3e3;
}

header .allmenu_lst .depth_wrap {
    min-height: 250px;
}

header .allmenu_lst .depth_wrap.product .depth_title {
    padding-bottom: 28px;
}

header .allmenu_lst .depth_wrap.product .depth1 > li > a {
    display: block;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

header .allmenu_lst .depth_wrap.product .depth2 li {
    line-height: 26px;
}

header .allmenu_lst .depth_wrap.product .depth2 li > a {
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

header .allmenu_lst .depth_wrap + .depth_wrap {
    margin-top: 35px;
}

header .allmenu_lst .depth_title {
    color: #333333;
    font-size: 1.063rem;
    font-weight: 700;
    padding-bottom: 25px;
}

header .allmenu_lst .depth_cont_title {
    white-space: nowrap;
    display: inline-block;
    padding-bottom: 20px;
    color: #333333;
    font-size: 1rem;
    font-weight: 600;
}

header .allmenu_lst .depth_cont + .depth_cont {
    margin-top: 40px;
}

header .allmenu_lst .depth_cont.partner + .depth_cont.partner {
    margin-top: 0;
}

header .allmenu_lst .depth_cont.partner .depth1 + .depth1 {
    padding-top: 20px;
}


header .allmenu_lst .depth_cont a.no_link {
    cursor: default;
    padding-bottom: 0;
}

header .allmenu_lst .depth_cont a.no_link:hover {
    text-decoration: none;
}

header .allmenu_lst .depth_cont a:hover {
    text-decoration: underline;
}

header .allmenu_lst .depth_cont a.m_depth1_btn {
    display: inline-block;
    width: 20px;
    height: 20px;
}

header .allmenu_lst .depth_cont a.m_depth1_btn:before {
    display: inline-block;
    color: #242424;
    font-size: 25px;
    font-weight: 900;
    content: "+";
}

header .allmenu_lst .depth_cont ul li {
    line-height: 28px;
    *zoom: 1;
}

header .allmenu_lst .depth_cont ul li:after {
    display: block;
    clear: both;
    content: "";
}

header .allmenu_lst .depth_cont ul li.half {
    float: left;
    width: 50%;
}

header .allmenu_lst .depth_cont ul li a {
    color: #666;
    font-size: 1rem;
    font-weight: 300;
}

header .allmenu.open {
    -webkit-box-shadow: 0 2px 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 10px rgba(0, 0, 0, 0.1);
}

.hamburger, .btn_m_menu {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 2;
}

.hamburger > span, .btn_m_menu > span {
    display: block;
    text-indent: -9999em;
    width: 20px;
    height: 2px;
    margin-top: 7px;
    background: #282828;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger > span::before, .hamburger > span::after, .btn_m_menu > span::before,
.btn_m_menu > span::after {
    display: block;
    position: absolute;
    content: "";
    z-index: -1;
    width: 20px;
    height: 2px;
    background: #282828;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger > span::before, .btn_m_menu > span::before {
    top: 0;
}

.hamburger > span::after, .btn_m_menu > span::after {
    top: 15px;
}

.hamburger.on > span, .btn_m_menu.on > span {
    width: 30px;
    background: none;
}

.hamburger.on > span::before, .hamburger.on > span::after, .btn_m_menu.on > span::before,
.btn_m_menu.on > span::after {
    top: 10px;
    width: 30px;
    height: 2px;
    background: #282828;
}

.hamburger.on > span::before, .btn_m_menu.on > span::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger.on > span::after, .btn_m_menu.on > span::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/****************************************************
*    T O P B A N N E R
******************************************************/
.top_banner {
    width: 100%;
    height: 160px;
    background-color: #202327;
    position: fixed;
    top: -160px;
    z-index: 10;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
}

.top_banner_cont {
    width: 1170px;
    margin: 0 auto;
    position: relative;
}

.top_banner_cont .top_banner_item {
    padding: 20px 0;
    font-size: 0;
    text-align: center;
}

.top_banner_cont .top_banner_item a {
    width: 520px;
    display: inline-block;
}

.top_banner_cont .top_banner_item a + a {
    margin-left: 20px;
}

.top_banner_cont .top_banner_nav {
    display: none;
}

.top_banner_cont .item_control {
    display: block;
    position: absolute;
    text-indent: -9999em;
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 26.458% 21.413%;
    width: 20px;
    height: 33px;
    top: 50%;
    margin-top: -16.5px;
    overflow: hidden;
}

.top_banner_cont .item_control:hover {
    background-position: 62.5% 49.893%;
}

.top_banner_cont .item_control.prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.top_banner_cont .item_control.next {
    right: 0;
}

.top_banner_cont .item_control.disabled {
    background-position: 57.083% 49.893% !important;
    cursor: default;
}

.top_banner .top_banner_controller {
    position: absolute;
    right: -285px;
    top: 67px;
}

.top_banner .top_banner_controller .top_chk_box {
    display: inline-block;
    vertical-align: middle;
}

.top_banner .top_banner_controller .top_chk_box input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

.top_banner .top_banner_controller .top_chk_box input[type="checkbox"] + label {
    color: #999;
    font-size: 0.875rem;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.top_banner .top_banner_controller .top_chk_box input[type="checkbox"] + label.label_hide {
    margin: 0;
}

.top_banner .top_banner_controller .top_chk_box input[type="checkbox"] + label.label_hide:before {
    margin: 0;
}

.top_banner .top_banner_controller .top_chk_box input[type="checkbox"] + label:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 43.75% 21.042%;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
    cursor: pointer;
    content: '';
}

.top_banner .top_banner_controller .top_chk_box input[type="checkbox"]:checked + label:before {
    background-position: 39.167% 21.042%;
}

.top_banner .top_banner_controller .top_close_box {
    margin-left: 70px;
    display: inline-block;
    vertical-align: middle;
}

.top_banner .top_banner_controller .top_close_box .banner_close {
    background: url(../images/spr_global_icon.png) no-repeat;
    display: inline-block;
    text-indent: -9999em;
    background-position: 32.704% 21.174%;
    width: 23px;
    height: 23px;
}

.top_banner.hide {
    display: none;
}

/****************************************************
*    FOOTER
******************************************************/
.footer {
    z-index: 5;
    height: 194px;
    margin-top: 60px;
    position: relative;
    bottom: 0;
    background-color: #47494d;
    color: #fff;
}

.footer.open .sitemap {
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
    top: -387px;
    height: auto;
    overflow: visible;
}

.footer.open .sitemap dl {
    opacity: 1;
}

.footer_rolling {
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    height: 58px;
}

.footer_rolling .owl-carousel-wrap {
    height: 58px;
}

.footer_cont {
    *zoom: 1;
    padding: 40px 0 40px 0;
}

.footer_cont:after {
    display: block;
    clear: both;
    content: "";
}

.footer_info {
    float: left;
}

.footer_info_policy {
    margin-bottom: 30px;
}

.footer_info_policy li {
    display: inline-block;
}

.footer_info_policy li a {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 300;
    position: relative;
    padding-left: 10px;
    margin-right: 15px;
}

.footer_info_policy li a:hover {
    text-decoration: underline;
}

.footer_info_policy li a:before {
    width: 2px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #c6c6c6;
    display: block;
    content: "";
}

.footer_info_policy li a.ethics_link {
    color: #0a0a0a;
    font-size: 0.875rem;
    font-weight: 300;
    position: relative;
    padding: 4px 13px;
    background-color: #fff;
}

.footer_info_policy li a.ethics_link:hover {
    text-decoration: none;
}

.footer_info_policy li a.ethics_link:before {
    content: none;
}

.footer_info_dl dl {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}

.footer_info_dl dl + dl {
    padding-left: 10px;
}

.footer_info_dl dl dt {
    word-break: normal;
    word-wrap: normal;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    color: #c6c6c6;
    font-size: 0.875rem;
    font-weight: 300;
    padding-right: 5px;
}

.footer_info_dl dl dd {
    word-break: normal;
    word-wrap: normal;
    display: inline-block;
    vertical-align: top;
    color: #c6c6c6;
    font-size: 0.875rem;
    font-weight: 100;
}

.footer_info_dl dl dd a {
    color: #c6c6c6;
    font-size: 0.875rem;
    font-weight: 300;
    text-decoration: underline;
}

.footer_info .copyright {
    line-height: 22px;
    color: #c6c6c6;
    font-size: 0.875rem;
    font-weight: 300;
}

.footer_util {
    float: right;
}

.footer_util .sns {
    margin-top: 20px;
}

.footer_util .sns > a {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.8);
    width: 45px;
    height: 45px;
    text-indent: -9999em;
    border-radius: 50%;
    position: relative;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.footer_util .sns > a + a {
    margin-left: 8px;
}

.footer_util .sns > a:hover {
    background-color: rgba(250, 250, 250, 0.1);
}

.footer_util .sns > a:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    position: absolute;
    text-indent: -9999em;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.footer_util .sns > a.facebook:before {
    background-position: 2.037% 2.075%;
    width: 9px;
    height: 18px;
}

.footer_util .sns > a.blog:before {
    background-position: 6.544% 2.469%;
    width: 11px;
    height: 14px;
}

.footer_util .sns > a.youtube:before {
    background-position: 11.523% 2.863%;
    width: 14px;
    height: 11px;
}

.footer_util .familysite {
    position: relative;
    width: 160px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: #47494d;
    overflow: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.footer_util .familysite.open {
    overflow: visible;
}

.footer_util .familysite.open .familysite_lst {
    opacity: 1;
    top: -180px;
}

.footer_util .familysite_control {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 20;
    overflow: hidden;
    background: #47494d;
}

.footer_util .familysite_control a {
    padding-left: 15px;
    display: block;
    width: 100%;
    line-height: 40px;
}

.footer_util .familysite_control a span {
    padding-right: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    display: block;
    width: 100%;
}

.footer_util .familysite_control a span:after {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    margin-top: -1px;
    content: "";
}

.footer_util .familysite_control a.on span:after {
    margin-top: -4.5px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.footer_util .familysite_lst {
    z-index: 10;
    background: #47494d;
    border-radius: 4px;
    border: 1px solid #fff;
    position: absolute;
    top: -70px;
    width: 100%;
    padding: 14px 15px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0;
}

.footer_util .familysite_lst li {
    line-height: 24px;
}

.footer_util .familysite_lst li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.footer_util .familysite_lst li a:hover {
    text-decoration: underline;
}

.footer .inner {
    background-color: #47494d;
}

.footer .footer_cont_wrap {
    width: 100%;
    background-color: #47494d;
    position: relative;
    z-index: 11;
}

.footer .sitemap {
    height: 194px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: -60px;
    font-size: 0;
    text-align: center;
    z-index: 10;
    background-color: #47494d;
    border-bottom: 1px solid #5e5e5f;
}

.footer .sitemap_btn_wrap {
    height: 60px;
    background-color: #47494d;
    border-bottom: 1px solid #5e5e5f;
    display: block;
    width: 100%;
    z-index: 20;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.footer .sitemap_btn_wrap:hover {
    background-color: #404246;
}

.footer .sitemap_btn_wrap > a {
    line-height: 60px;
    text-align: center;
    width: 100%;
    display: block;
}

.footer .sitemap_btn_wrap > a span {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding-right: 20px;
    position: relative;
}

.footer .sitemap_btn_wrap > a span:after {
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    content: "";
}

.footer .sitemap_btn_wrap > a.on span:after {
    margin-top: -3.5px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.footer .sitemap .inner {
    padding: 25px 0 20px;
}

.footer .sitemap dl {
    display: inline-block;
    opacity: 0;
    vertical-align: top;
    min-width: 140px;
}

.footer .sitemap dl + dl {
    margin-left: 50px;
}

.footer .sitemap dl dt {
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.footer .sitemap dl ul {
    margin-top: 25px;
}

.footer .sitemap dl ul li {
    text-align: left;
    line-height: 24px;
}

.footer .sitemap dl ul li a {
    color: #c6c6c6;
    font-size: 15px;
    font-weight: 300;
}

.footer .sitemap dl ul li a:hover {
    text-decoration: underline;
}

.top_btn {
    position: fixed;
    bottom: 70px;
    right: 2%;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: 999;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

.top_btn.fix {
    opacity: 1;
}

.top_btn.fix .button {
    cursor: pointer;
}

.top_btn .button {
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border-style: solid;
    border-width: 3px;
    border-color: #999;
    background-color: #999;
    margin: 0 auto;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.top_btn .button:hover .fill {
    background-color: #666;
    -webkit-animation: fillButton 0.3s ease-out;
    animation: fillButton 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.top_btn .button:hover .pointer {
    border-color: #fff;
    z-index: 10;
}

.top_btn .button:active {
    background-color: #666;
    border-color: #fff;
    border-width: 4px;
    z-index: 10;
}

.top_btn .button:active .hit {
    -webkit-animation: glow 0.3s ease-out;
    animation: glow 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.top_btn .hit {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    border-color: #666;
    background-color: #666;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.top_btn .fill {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 0;
    margin: 0;
    width: 42px;
    height: 42px;
    border-radius: 30px;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    z-index: 5;
}

.top_btn .pointer {
    position: relative;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: #fff;
    border-right: 0;
    border-top: 0;
    top: 13px;
    margin: 0 auto;
    -ms-transform: rotate(-220deg);
    /* IE 9 */
    -webkit-transform: rotate(-220deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-225deg);
}

@-webkit-keyframes fillButton {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
    }

    100% {
        -webkit-transform: scale(1,
        1);
        transform: scale(1,
        1);
    }
}

@keyframes fillButton {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
    }

    100% {
        -webkit-transform: scale(1,
        1);
        transform: scale(1,
        1);
    }
}

@-webkit-keyframes glow {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    20% {
        -webkit-transform: scale(2.2, 2.2);
		transform: scale(2.2, 2.2);


        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2.4,
        2.4);


        transform: scale(2.4,
        2.4);


        opacity: 1;
    }
}

@keyframes glow {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    20% {
        -webkit-transform: scale(2.2,
        2.2);


        transform: scale(2.2,
        2.2);


        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2.4,
        2.4);


        transform: scale(2.4,
        2.4);


        opacity: 1;
    }
}

/****************************************************
*    COMMON LAYOUT
******************************************************/
section {
    padding-top: 60px;
    display: block;
}

section.sub .sub_cont {
    margin-top: 60px;
    padding-bottom: 100px;
}

section.sub .sub_cont_tab {
    margin-top: 60px;
}

section.sub .sub_cont_tab + .sub_cont {
    margin-top: 0;
}

section.sub .sub_cont_tab .inner {
    width: 1004px;
}

section.sub .sub_cont_tab .m_tab_lst {
    display: none;
}

section.sub .sub_cont .cont + .cont {
    margin-top: 80px;
}

section.sub .sub_menu {
    position: relative;
}

section.sub .sub_menu:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    display: block;
    content: "";
}

section.sub .sub_menu_lst {
    *zoom: 1;
}

section.sub .sub_menu_lst:after {
    display: block;
    clear: both;
    content: "";
}

section.sub .sub_menu_lst.col2 li {
    width: 50%;
}

section.sub .sub_menu_lst.col3 li {
    width: 33.333333%;
}

section.sub .sub_menu_lst.col4 li {
    width: 25%;
}

section.sub .sub_menu_lst.col5 li {
    width: 20%;
}

section.sub .sub_menu_lst.col6 li {
    width: 16.666666%;
}

section.sub .sub_menu_lst.col8 li {
    width: calc(100% / 8);
}

section.sub .sub_menu_lst li {
    float: left;
}

section.sub .sub_menu_lst li a {
    margin: 0 auto;
    text-align: center;
    width: 70%;
    display: block;
    padding-top: 21px;
    padding-bottom: 22px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    color: #333333;
    font-size: 1.063rem;
    font-weight: 300;
}

section.sub .sub_menu_lst li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0071bd;
    height: 1px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

section.sub .sub_menu_lst li a:hover {
    border-bottom: 1px solid #0071bd;
}

section.sub .sub_menu_lst li a:hover:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

section.sub .sub_menu_lst li.on a {
    border-bottom: 1px solid #0071bd;
    color: #0071bd;
    font-weight: 500;
}

section.sub .sub_menu_lst li.on a:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

section.sub.support .inner, section.sub.newsroom .inner, section.sub.company .inner,
section.sub.ir .inner {
    width: 1004px;
}

.sky_banner {
    position: fixed;
    bottom: 70px;
    right: 110px;
    width: 230px;
    height: 230px;
    background-color: #1782cb;
    border-radius: 5px;
    z-index: 98;
    text-align: center;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.sky_banner.show {
    display: block;
    -webkit-animation: fade-in-right 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-right 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.sky_banner.hide {
    display: none;
}

.sky_banner_wrap {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.sky_banner_logo {
    display: inline-block;
    width: 190px;
    height: 20px;
    margin-bottom: 20px;
    background: url("https://sgasol.kr/assets/user/images/sky_banner_logo.png") no-repeat;
}

.sky_banner_slogan {
    display: inline-block;
    width: 144px;
    height: 40px;
    text-indent: -9999em;
    margin-bottom: 17px;
    background: url("https://sgasol.kr/assets/user/images/sky_banner_slogan.png") no-repeat;
}

.sky_banner_img {
    display: inline-block;
    width: 201px;
    height: 93px;
    background: url("https://sgasol.kr/assets/user/images/sky_banner_img.png") no-repeat;
}

.sky_banner_close {
    display: block;
    position: absolute;
    top: 6px;
    right: 5px;
    text-indent: -9999em;
    width: 18px;
    height: 18px;
    background: url("https://sgasol.kr/assets/user/images/sky_banner_close.png") no-repeat;
}

.sky_banner.vAegis, .sky_banner.vaccine {
    width: 300px;
    height: 300px;
    right: 50px;
}

.sky_banner.vAegis .sky_banner_wrap, .sky_banner.vaccine .sky_banner_wrap {
    padding: 0;
}

.main_visual {
    height: calc(100% - 60px);
    width: 100%;
    overflow: hidden;
}

.main_visual .swiper-container {
    height: 100%;
}

.main_visual .swiper-container .swiper-pagination {
    text-align: center;
    width: 1170px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 150px;
}

.main_visual .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 90px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #fff;
    opacity: .4;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.main_visual .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #0689e1;
}

.main_slide {
    position: relative;
}

.main_slide .slide_video {
    position: relative;
}

.main_slide .slide_video:before {
    width: 100%;
    z-index: 10;
    height: 100%;
    background-color: #000;
    opacity: .6;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.main_slide .slide_video video {
    -o-object-fit: cover;
    object-fit: cover;
    height: calc(100vh - 60px);
    width: 100%;
}

.main_slide .slide_item {
    position: absolute;
    z-index: 11;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 250px;
    margin: 0 auto;
}

.main_slide .slide_item .dec {
    text-align: center;
    font-size: 1.5rem;
    line-height: 28px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 20px;
}

.main_slide .slide_item .caption {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 300;
    color: #fff;
    padding-top: 30px;
}

.main_slide .slide_item h2 {
    font-family: "Montserrat", sans-serif;
    text-align: center;
    line-height: 5.25rem;
    font-size: 5rem;
    letter-spacing: -0.005em;
    font-weight: 700;
    color: #fff;
}

.main_slide .slide_item .btn_wrap {
    position: relative;
    z-index: 11;
    text-align: center;
    padding-top: 30px;
}

.main_slide .slide_item .btn_wrap a {
    display: inline-block;
    width: 280px;
    height: 58px;
    line-height: 56px;
    border: 1px solid #fff;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.main_slide .slide_item .btn_wrap a span {
    font-weight: 300;
    color: #fff;
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
}

.main_slide .slide_item .btn_wrap a i {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 24px;
    font-style: normal;
}

.main_slide .slide_item .btn_wrap a:hover {
    border: 1px solid #fff;
    background-color: rgba(36, 36, 36, 0.8);
    text-decoration: underline;
}

.main_slide:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: 9.071% 21.25%;
    width: 37px;
    height: 20px;
    z-index: 9;
    -webkit-animation: main-shake-vertical 8s linear infinite both;
    animation: main-shake-vertical 8s linear infinite both;
    display: block;
    content: "";
}

.main_cont {
    padding-bottom: 80px;
}

.main_cont .btn.detail {
    min-width: 74px;
    height: 28px;
    line-height: 26px;
    padding: 0;
    border: 1px solid #e1e1e1;
    border-bottom: 1px solid #bababa;
    color: #333333;
    font-size: 12px;
    font-weight: 300;
}

.main_cont .btn.detail:hover {
    text-decoration: none;
    border: 1px solid #bababa;
}

.main_cont_box {
    padding-top: 80px;
}

.main_cont_box + .main_cont_box {
    padding-top: 90px;
}

.main_cont_title {
    text-align: center;
    margin-bottom: 60px;
}

.main_cont_title h3 {
    color: #333333;
    font-size: 1.75rem;
    font-weight: 700;
}

.main_cont_title .dec {
    margin-top: 10px;
    line-height: 1.5625rem;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 400;
}

.main_cont_title .dec .bold {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
}

.main_cont_product {
    *zoom: 1;
}

.main_cont_product:after {
    display: block;
    clear: both;
    content: "";
}

.main_cont_product.reverse .info {
    float: left;
    text-align: right;
}

.main_cont_product.reverse .visual {
    float: right;
}

.main_cont_product .visual {
    float: left;
    width: 50%;
}

.main_cont_product .info {
    float: left;
    width: 50%;
    padding: 155px 80px 0;
}

.main_cont_product .info .sub {
    display: block;
    padding-bottom: 25px;
    text-transform: uppercase;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.main_cont_product .info h4 {
    letter-spacing: -0.01em;
    color: #333333;
    font-size: 2.8125rem;
    font-weight: 900;
}

.main_cont_product .info .dec {
    padding-top: 35px;
    line-height: 1.75rem;
    color: #333333;
    font-size: 1.0625rem;
    font-weight: 300;
}

.main_cont_product .info .btn.detail {
    margin-top: 40px;
}

.main_cont_news {
    text-align: center;
    font-size: 0;
    padding: 70px 0 110px;
    background-color: #f5f6f7;
}

.main_cont_news .news_box {
    display: inline-block;
    vertical-align: top;
    width: 370px;
}

.main_cont_news .news_box + .news_box {
    margin-left: 30px;
}

.main_cont_news .news_box .thumbnail {
    overflow: hidden;
    width: 100%;
    height: 220px;
    border: 1px solid #dcdcdc;
}

.main_cont_news .news_box .thumbnail img {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.main_cont_news .news_box > a:hover dt {
    text-decoration: underline;
}

.main_cont_news .news_box > a:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main_cont_news .news_info {
    text-align: left;
    margin-top: 23px;
}

.main_cont_news .news_info dt {
    height: 45px;
    margin-bottom: 20px;
    line-height: 1.375rem;
    color: #333333;
    font-size: 1.063rem;
    font-weight: 500;
}

.main_cont_news .news_info dd {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-width: 100%;
    max-height: 96px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

.main_cont_news .news_info dd a {
    line-height: 1.5rem;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

.main_cont_news .news_info dd a:hover {
    text-decoration: underline;
}

.main_cont_news .news_box_bottom {
    text-align: left;
    margin-top: 30px;
}

.main_cont_news .news_box_bottom .date {
    display: block;
    line-height: 1.5rem;
    color: #666;
    font-size: 0.8125rem;
    font-weight: 300;
}

.main_cont_news .news_box_bottom .gubun {
    display: block;
    line-height: 1.5rem;
    color: #36a4ef;
    font-size: 0.8125rem;
    font-weight: 300;
}

.main_cont_news .news_box_bottom .btn.detail {
    margin-top: 15px;
}

.main_cont_post {
    font-size: 0;
    *zoom: 1;
}

.main_cont_post:after {
    display: block;
    clear: both;
    content: "";
}

.main_cont_post .left_post {
    float: left;
    width: 100%;
}

.main_cont_post .right_post {
    width: 370px;
    float: right;
}

.main_cont_post .post_box {
    display: inline-block;
    vertical-align: top;
    width: 370px;
}

.main_cont_post .post_box .thumbnail {
    overflow: hidden;
    width: 100%;
    height: 220px;
    border: 1px solid #dcdcdc;
}

.main_cont_post .post_box .thumbnail img {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.main_cont_post .post_box + .post_box {
    margin-left: 30px;
}

.main_cont_post .post_box > a:hover dt {
    text-decoration: underline;
}

.main_cont_post .post_box > a:hover dt .tit {
    text-decoration: underline;
}

.main_cont_post .post_box > a:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main_cont_post .post_info {
    text-align: left;
    margin-top: 23px;
}

.main_cont_post .post_info dt {
    height: 45px;
    margin-bottom: 20px;
    line-height: 1.375rem;
    color: #333333;
    font-size: 1.063rem;
    font-weight: 500;
}

.main_cont_post .post_info dd {
    height: 150px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-width: 100%;
    max-height: 96px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

.main_cont_post .post_info dd a {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-width: 100%;
    max-height: 96px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

.main_cont_post .post_info dd a:hover {
    text-decoration: underline;
}

.main_cont_post .post_by {
    margin-top: 30px;
    vertical-align: middle;
    *zoom: 1;
}

.main_cont_post .post_by:after {
    display: block;
    clear: both;
    content: "";
}

.main_cont_post .post_by .gubun {
    display: inline-block;
    position: relative;
    line-height: 1.875rem;
    padding-left: 40px;
    color: #333333;
    font-size: 0.8125rem;
    font-weight: 400;
}

.main_cont_post .post_by .gubun:before {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    font-weight: 600;
    left: 0;
    top: 0;
    content: "";
}

.main_cont_post .post_by .gubun.blog:before {
    background-image: url("https://sgasol.kr/assets/user/images/main/ico_blog.png");
}

.main_cont_post .post_by .gubun.youtube:before {
    background-image: url("https://sgasol.kr/assets/user/images/main/ico_youtube.png");
}

.main_cont_post .post_by .gubun.marketing:before {
    background-image: url("https://sgasol.kr/assets/user/images/main/ico_marketing.png");
}

.main_cont_post .post_by .gubun.facebook:before {
    background-image: url("https://sgasol.kr/assets/user/images/main/ico_facebook.png");
}

.main_cont_post .post_by .gubun.event:before {
    background-image: url("../images/main/ico_event.png");
}

.main_cont_post .post_by .date {
    float: right;
    display: inline-block;
    line-height: 1.875rem;
    color: #333333;
    font-size: 0.8125rem;
    font-weight: 300;
}

.main_cont_post .news_cliping {
    margin-top: 25px;
}

.main_cont_post .news_cliping dt {
    *zoom: 1;
}

.main_cont_post .news_cliping dt:after {
    display: block;
    clear: both;
    content: "";
}

.main_cont_post .news_cliping dt .date {
    display: inline-block;
    vertical-align: middle;
    float: left;
    color: #666;
    font-size: 0.8125rem;
    font-weight: 300;
}

.main_cont_post .news_cliping dt .tit {
    display: inline-block;
    vertical-align: middle;
    float: right;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 500;
}

.main_cont_post .news_cliping dd {
    margin-top: 25px;
}

.main_cont_post .news_cliping dd ul li {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    line-height: 1.75rem;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
    text-align: left;
}

.main_cont_post .news_cliping dd ul li a {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    line-height: 1.75rem;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

.main_cont_post .news_cliping dd ul li a:hover {
    text-decoration: underline;
}

.main_cont_contact {
    background: url("../images/main/main_contact_bg.png") no-repeat;
    text-align: center;
    padding: 95px 0 0;
    height: 330px;
}

.main_cont_contact .dec {
    padding-top: 20px;
    display: block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
}

.main_cont_contact h3 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

.main_cont_contact .btn {
    margin-top: 30px;
    min-width: 180px;
    height: 50px;
    line-height: 3rem;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.main_cont_contact .btn:hover {
    text-decoration: underline;
}

.main_cont_notice {
    height: 50px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    overflow: hidden;
    *zoom: 1;
}

.main_cont_notice:after {
    display: block;
    clear: both;
    content: "";
}

.main_cont_notice .gubun {
    width: 150px;
    float: left;
    text-align: center;
    line-height: 48px;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.main_cont_notice .tit {
    position: relative;
    padding-right: 23px;
    display: inline-block;
    max-width: calc(100% - 110px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.main_cont_notice .tit .new {
    font-family: "Montserrat", sans-serif;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    height: 18px;
    width: 18px;
    text-align: center;
    font-style: normal;
    background-color: #ff9900;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 50%;
}

.main_cont_notice .date {
    width: 80px;
    float: right;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
}

.main_cont_notice .swiper-container {
    float: left;
    height: 50px !important;
    width: calc(100% - 150px);
}

.main_cont_notice .swiper-container .swiper-slide {
    height: 100%;
}

.main_cont_notice .swiper-container .swiper-slide .notice_link {
    font-size: 0;
    height: 100%;
    display: block;
    line-height: 48px;
}

.main_cont_notice .swiper-container .swiper-slide .notice_link:hover .tit {
    text-decoration: underline;
}

/* .slide_item .dec {
	opacity: 0;
}

.slide_item h2 {
	opacity: 0;
}

.slide_item .caption {
	opacity: 0;
}

.slide_item .btn_wrap {
	opacity: 0;
}
 */
.slide_item.active .dec {
    -webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide_item.active h2 {
    -webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide_item.active .caption {
    -webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide_item.active .btn_wrap {
    -webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-expand {
    0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);


        filter: blur(0px);


        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);


        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);


        transform: translateX(0);


        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);


        transform: translateX(0);


        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation fade-out-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50px);


        transform: translateX(50px);


        opacity: 0;
    }
}

@keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50px);


        transform: translateX(50px);


        opacity: 0;
    }
}

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes main-shake-vertical {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    10% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);


        opacity: 1;
    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateY(-8px);


        transform: translateY(-8px);

    }

    20%,
    40%,
    60% {
        -webkit-transform: translateY(8px);


        transform: translateY(8px);

    }

    80% {
        -webkit-transform: translateY(6.4px);


        transform: translateY(6.4px);

    }

    90% {
        -webkit-transform: translateY(-6.4px);


        transform: translateY(-6.4px);

    }
}

/****************************************************
*    c o m p o n e n t
******************************************************/
.ui-datepicker {
    margin-top: 2px;
    width: 245px;
    height: auto;
    border: 1px solid #d9d9d9;
}

.ui-datepicker td a {
    padding: 4px 5px;
    color: #555;
    font-size: 14px;
    font-weight: 300;
}

.ui-datepicker th {
    padding: 15px 0 10px;
}

.ui-datepicker th a {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
}

.ui-datepicker .ui-datepicker-prev {
    width: 24px;
    height: 24px;
    top: 3px;
    left: 6px;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: -78px -37px;
    width: 14px;
    height: 14px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.ui-datepicker .ui-datepicker-next {
    width: 24px;
    height: 24px;
    top: 3px;
    right: 6px;
}

.ui-datepicker .ui-datepicker-next span {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: -78px -37px;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.ui-datepicker .ui-state-hover {
    background-color: #e6e6e6;
}

.ui-datepicker .ui-datepicker-today a {
    border: 1px solid #d8c70d;
    background-color: #f4f242;
}

.ui-datepicker .ui-datepicker-today a.ui-state-active {
    color: #fff;
    border: 1px solid #5381c5;
    background-color: #5489d7;
}

.ui-datepicker .ui-state-active {
    color: #fff;
    border: 1px solid #5381c5;
    background-color: #5489d7;
}

.ui-datepicker .ui-datepicker-title {
    height: 32px;
    line-height: 32px;
}

.ui-datepicker .ui-datepicker-title > select {
    width: 80px;
    min-height: 22px;
    height: 22px !important;
    line-height: 22px !important;
    background-color: #fff;
    border: 1px solid #aaaaaa;
    margin: 0;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
}

.ui-datepicker .ui-datepicker-title > select + select {
    margin-left: 1px;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #e3e3e3;
    padding: 0;
}

.ui-datepicker .ui-datepicker-header > a:hover {
    background-color: #eeecec;
    border: 1px solid #c5c5c5;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 15px 0 6px;
    padding: 0 5px;
    border-top: 0;
    *zoom: 1;
}

.ui-datepicker .ui-datepicker-buttonpane:after {
    display: block;
    clear: both;
    content: "";
}

.ui-datepicker .ui-datepicker-buttonpane > button {
    margin: 0;
    cursor: pointer;
    padding: 0;
    width: 58px;
    height: 30px;
    overflow: visible;
    border: 1px solid #aaa;
    background-color: #f6f6f6;
    color: #333333;
    font-size: 14px;
    font-weight: 300;
}

.ui-datepicker .ui-datepicker-buttonpane > button:hover {
    background-color: #e6e6e6;
    border: 1px solid #aaa;
}

.form_box_title {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e3e3e3;
}

.form_box_title h3 {
    color: #333333;
    font-size: 1.375rem;
    font-weight: 700;
}

.form_box_wrap {
    padding: 0 30px 0;
    font-size: 0;
}

.form_box_wrap + .form_box_wrap {
    margin-top: 60px;
}

.form_box_wrap dl.half {
    width: calc(50% - 5px);
    display: inline-block;
}

.form_box_wrap dl.half + .half {
    margin-left: 10px;
}

.form_box_wrap dl + dl {
    margin-top: 20px;
}

.form_box_wrap dl dt {
    margin-bottom: 20px;
}

.form_box_wrap dl dt h3 {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
    display: inline-block;
}

.form_box_wrap dl dt.important h3:after {
    font-size: 1.125rem;
    font-weight: 400;
    color: #e81130;
    display: inline-block;
    content: "*";
}

.form_box_wrap dl dd {
    width: 100%;
    *zoom: 1;
}

.form_box_wrap dl dd:after {
    display: block;
    clear: both;
    content: "";
}

.form_box_wrap dl dd + dd {
    margin-top: 20px;
}

.form_box_wrap dl dd .sel_box {
    float: left;
}

.form_box_wrap dl dd .sel_box + .sel_box {
    padding-left: 10px;
}

.form_box_wrap dl dd .sel_box + .ipt_box {
    padding-left: 10px;
}

.form_box_wrap dl dd .ipt_box {
    float: left;
    width: 100%;
}

.form_box_wrap dl dd .ipt_box + .ipt_box {
    padding-left: 10px;
}

.form_box_wrap dl dd .ipt_box textarea {
    padding: 5px 10px;
    margin-top: 10px;
    height: 240px;
}

.form_box_wrap dl dd .chk_box {
    float: left;
}

.form_box_wrap dl dd .chk_box + .chk_box {
    margin-left: 65px;
}

.form_box_wrap dl dd .privacy_box .privacy {
    padding: 20px 15px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #dadfe3;
    line-height: 22px;
    color: #666;
    font-size: 0.875rem;
    font-weight: 400;
}

.form_box_wrap dl dd .privacy_box .privacy a {
    margin-top: 15px;
    display: inline-block;
    text-decoration: underline;
    color: #0164b7;
    font-size: 0.875rem;
    font-weight: 400;
}

.form_box_wrap dl dd .privacy_box + .chk_box {
    margin-top: 10px;
}

.form_box_wrap dl dd .w20 {
    width: 20%;
}

.form_box_wrap dl dd .w30 {
    width: 30%;
}

.form_box_wrap dl dd .w40 {
    width: 40%;
}

.form_box_wrap dl dd .w60 {
    width: 60%;
}

.form_box_wrap .m_pdt_select {
    display: none;
}

.form_box_wrap .rdo_box_wrap {
    padding: 20px 30px;
    margin-bottom: 40px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    font-size: 0;
}

.form_box_wrap .rdo_box_wrap .rdo_box {
    display: inline-block;
}

.form_box_wrap .rdo_box_wrap .rdo_box + .rdo_box {
    margin-left: 70px;
}

.form_box_wrap .rdo_box_wrap .rdo_box input[type="radio"] + label {
    font-size: 1rem;
}

.form_box_wrap .product_box_lst .dec {
    color: #f94242;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 15px;
}

.form_box_wrap .product_box_lst .dec .m_only {
    display: none;
}

.form_box_wrap .product_box_lst ul {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form_box_wrap .product_box_lst ul li {
    width: calc(33.333333% - 4px);
    margin-right: 6px;
    background-color: #f8f8f8;
    margin-bottom: 20px;
    min-height: 350px;
}

.form_box_wrap .product_box_lst ul li:nth-child(3n) {
    margin-right: 0;
}

.form_box_wrap .product_box_lst ul li .pdt_gubun {
    background-color: #5987c5;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form_box_wrap .product_box_lst ul li .pdt_gubun p {
    text-align: center;
    color: #fff;
}

.form_box_wrap .product_box_lst ul li .pdt_gubun p b {
    font-size: 1.25rem;
    font-weight: 500;
}

.form_box_wrap .product_box_lst ul li .pdt_gubun p span {
    display: block;
    margin-top: 5px;
    font-size: 1rem;
    font-weight: 300;
}

.form_box_wrap .product_box_lst ul li .pdt_detail {
    padding: 20px 20px 30px;
}

.form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box + .rdo_box {
    margin-top: 15px;
}

.form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box label {
    line-height: 20px;
}

.form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box label b {
    font-size: 1rem;
    font-weight: 500;
    color: #333333;
}

.form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box label span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #666;
}

.form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box label span.black {
    color: #333333;
}

.form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] + label {
    display: block;
    padding-left: 25px;
    position: relative;
    word-break: keep-all;
    letter-spacing: -0.015em;
}

.form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] + label:before {
    margin: 0;
    top: 4px;
    left: 0;
    position: absolute;
}


.form_box_wrap .partner_box_lst ul {
    display: block;
}

.form_box_wrap .partner_box_lst ul li {
    margin-right: 0;
    background-color: #f8f8f8;
}


.form_box_wrap .partner_box_lst ul li + li {
    padding-top: 30px;
}

.form_box_wrap .partner_box_lst ul li .partner_gubun {
    background-color: #70ad47;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form_box_wrap .partner_box_lst ul li .partner_gubun p {
    text-align: center;
    color: #fff;
}

.form_box_wrap .partner_box_lst ul li .partner_gubun p b {
    font-size: 1.25rem;
    font-weight: 500;
}

.form_box_wrap .partner_box_lst ul li .partner_gubun p span {
    display: block;
    margin-top: 5px;
    font-size: 1rem;
    font-weight: 300;
}

.form_box_wrap .partner_box_lst ul li .partner_pdt {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.form_box_wrap .partner_box_lst ul li .partner_pdt + .partner_pdt {
    border-top: 1px solid #06486f2b;
    margin-top: 20px;
    padding-top: 0
}

.form_box_wrap .partner_box_lst ul li .partner_pdt li {
    display: flex;
    flex-wrap: nowrap;
}

.form_box_wrap .partner_box_lst ul li .partner_detail ul {
    padding: 30px;
    width: 60%;
    display: inline-block;
}

.form_box_wrap .partner_box_lst ul li .partner_detail ul.qna_btn {
    padding: 30px;
    width: 230px;
    display: inline-block;
}


.form_box_wrap .partner_box_lst ul li .partner_detail .line {
    display: inline-block;
    border-top: 1px solid #06486f2b;
    margin-top: 30px;
    padding-top: 0
}

.form_box_wrap .partner_box_lst ul li .partner_detail li dl {
    width: 50%;
    display: inline-block;
    padding: 10px;
}

.form_box_wrap .partner_box_lst ul li .partner_detail li dl + dl {
    margin-top: 0;
    padding-left: 20px;
}

.form_box_wrap .partner_box_lst ul li .partner_detail li dt {
    font-size: 1rem;
    font-weight: 500;
    color: #333333;
}

.form_box_wrap .partner_box_lst ul li .partner_detail li dd:before {
    width: 4px;
    height: 1px;
    background-color: #666;
    position: relative;
    right: 15px;
    top: 11px;
    display: block;
    content: "";
}

.form_box_wrap .partner_box_lst ul li .partner_detail li dd {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #666;
    padding-left: 15px;
    line-height: 20px;
}

.form_box_wrap .partner_box_lst ul li .partner_detail li dd + dd {
    margin-top: 0;
}

.form_box_wrap .partner_box_lst .partner_detail ul.qna_btn li {
    display: block;
    position: relative;
    top: 35%;
}

.form_box_wrap .partner_box_lst ul li .partner_btn {
    display: inline-block;
    width: 170px;
}

.form_box_wrap .partner_box_lst ul li .partner_btn a {
    color: #fff;
    background-color: #4472c4;
    font-weight: 300;
    width: 95%;
    height: 40px;
    line-height: 36px;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.description {
    width: 1004px;
    height: 400px;
    margin: 50px auto;
}

.description .txt {
    text-align: center;
    border: 1px solid #e3e3e3;
    padding: 80px 20px;
}

.description .btn_wrap {
    margin-top: 50px;
}

.search_box_wrap {
    background-color: #f3f3f3;
    padding: 30px 0;
    margin-bottom: 40px;
    text-align: center;
}

.search_box_wrap .search_box {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.search_box_wrap .search_box .sel_box {
    display: inline-block;
    width: 180px;
    height: 45px;
}

.search_box_wrap .search_box .sel_box + .sel_box {
    padding-left: 4px;
}

.search_box_wrap .search_box .ipt_box {
    display: inline-block;
    padding-left: 4px;
}

.search_box_wrap .search_box .ipt_box input {
    width: 350px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
}

.search_box_wrap .search_box .ipt_box label {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    text-indent: -9999em;
    cursor: pointer;
}

.search_box_wrap .search_box .ipt_box label:hover {
    opacity: .8;
}

.search_box_wrap .search_box .ipt_box label:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: -171px -9px;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.tab_lst {
    font-size: 0;
    text-align: center;
    *zoom: 1;
}

.tab_lst:after {
    display: block;
    clear: both;
    content: "";
}

.tab_lst.col2 li {
    width: 50%;
}

.tab_lst.col3 li {
    width: 200px;
}

.tab_lst.col4 li {
    width: 180px;
}

.tab_lst.col5 li {
    width: 20%;
}

.tab_lst.col6 li {
    width: 16.666666%;
}

.tab_lst.col7 li {
    width: 130px;
}

.tab_lst li {
    display: inline-block;
    line-height: 50px;
    background-color: #f5f5f5;
    border-radius: 25px;
}

.tab_lst li + li {
    margin-left: 10px;
}

.tab_lst li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    color: #333333;
    font-size: 1.063rem;
    font-weight: 300;
}

.tab_lst li.on {
    background-color: #0071bd;
}

.tab_lst li.on a {
    color: #fff;
    font-weight: 500;
}

.tab_container {
    margin-top: 80px;
}

.m_tab_lst .nice-select {
    float: none;
    font-family: "Noto Sans KR", sans-serif;
    width: 100%;
    height: 45px;
    font-size: 1rem;
    line-height: 45px;
    font-weight: 400;
    border-radius: 0;
    position: relative;
}

.m_tab_lst .nice-select span {
    font-weight: 400;
    color: #333333;
    font-size: 1rem;
}

.m_tab_lst .nice-select:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 21.633% 2.84%;
    position: absolute;
    width: 10px;
    height: 7px;
    border-style: none;
    top: 50%;
    margin-top: -3.5px;
    right: 15px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    display: block;
    content: "";
}

.m_tab_lst .nice-select:hover, .m_tab_lst .nice-select:focus {
    border: 1px solid #6e9ce0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.m_tab_lst .nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.m_tab_lst .nice-select .list {
    width: 100%;
    border-radius: 0;
    max-height: 150px;
    overflow: auto;
}

.m_tab_lst .nice-select .option {
    min-height: 38px;
    line-height: 38px;
    color: #333333;
    font-weight: 400;
}

.m_tab_lst .nice-select .option.selected {
    background-color: #f5f5f5;
}

.m_tab_lst .nice-select .option.selected.focus {
    background-color: #f5f5f5;
}

.m_tab_lst .nice-select .option.selected.focus:focus {
    background-color: #f5f5f5;
}

.m_tab_lst .nice-select .option:hover {
    color: #333333;
    background-color: #f5f5f5;
}

.certi_box + .certi_box {
    margin-top: 10px;
}

.certi_box_title {
    padding-bottom: 20px;
}

.certi_box_title h5 {
    color: #333333;
    font-size: 1.375rem;
    font-weight: 700;
}

.certi_box_lst {
    *zoom: 1;
    width: 100%;
    border-bottom: 1px solid #e3e5e5;
    border-top: 1px solid #e3e5e5;
}

.certi_box_lst:after {
    display: block;
    clear: both;
    content: "";
}

.certi_box_lst + .certi_box_lst {
    border-top: 0;
}

.certi_box_lst:last-child {
    border-bottom: 0;
}

.certi_box_lst dl {
    padding: 30px 0;
    width: 50%;
    float: left;
    word-break: keep-all;
}

.certi_box_lst dl + dl {
    padding-left: 30px;
}

.certi_box_lst dl dt {
    line-height: 24px;
    color: #333333;
    font-size: 1.063rem;
    font-weight: 500;
}

.certi_box_lst dl dt .dec {
    display: block;
    line-height: 24px;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
}

.certi_box_lst dl dt p {
    margin-top: 5px;
    line-height: 24px;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
}

.certi_box_lst dl dd {
    padding-top: 10px;
}

.certi_box_lst dl dd p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #333;
    line-height: 1.375rem;
}

.certi_box_lst dl dd p .gray {
    font-size: 0.875rem;
    display: block;
    color: #666;
    font-weight: 300;
}

.certi_box_lst dl dd ul {
    display: inline-block;
}

.certi_box_lst dl dd ul li {
    text-align: left;
    line-height: 22px;
}

.certi_box_lst dl dd ul li em {
    color: #333333;
    font-size: 0.875rem;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

.certi_box_lst dl dd ul li em:after {
    color: #333333;
    font-size: 0.875rem;
    font-weight: 400;
    display: inline-block;
    padding-left: 5px;
    content: ":";
}

.certi_box_lst dl dd ul li span {
    color: #666;
    font-size: 0.875rem;
    font-weight: 400;
    padding-left: 5px;
    display: inline-block;
}

.certi_box_lst.col3 dl {
    width: 33.333333%;
}

.certi_box_lst.col3 dl + dl {
    padding-left: 40px;
}

#tabA_4 .certi_box_lst dl {
    padding: 30px 30px 30px 0;
}

#tabA_4 .certi_box_lst dl + dl {
    padding-left: 30px;
    padding-right: 0;
}

#tabA_4 .certi_box_lst dl dt p {
    line-height: 1.25rem;
    margin: 10px 0;
}

.bullet ul li {
    line-height: 22px;
    padding-left: 15px;
    position: relative;
    letter-spacing: -0.04em;
    color: #666;
    font-size: 1rem;
    font-weight: 400;
}

.bullet ul li .bold {
    font-weight: 500;
}

.bullet ul li:before {
    width: 5px;
    height: 5px;
    background-color: #858585;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    content: "";
}

.bullet ul li + li {
    margin-top: 15px;
}

.bullet .no_bullet li:before {
    display: none;
}

.step_lst_box {
    margin-top: 60px;
    margin-bottom: 80px;
}

.step_lst_box ul {
    *zoom: 1;
}

.step_lst_box ul:after {
    display: block;
    clear: both;
    content: "";
}

.step_lst_box ul li {
    width: 25%;
    float: left;
    height: 280px;
    position: relative;
}

.step_lst_box ul li p {
    padding-top: 130px;
    line-height: 24px;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
}

.step_lst_box ul li p a {
    text-decoration: underline;
    color: #0071bd;
    font-size: 0.9375rem;
    font-weight: 400;
}

.step_lst_box ul li p em {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.step_lst_box ul li p:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    margin: 0 auto;
    display: block;
    content: "";
}

.step_lst_box ul li p:after {
    z-index: 1;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #f4f6f7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    content: "";
}

.step_lst_box ul li + li {
    border-left: 1px solid #ededed;
}

.step_lst_box ul li:first-child p:before {
    background-position: 2.273% 8.744%;
    width: 60px;
    height: 54px;
    top: 30px;
}

.step_lst_box ul li:nth-child(2) p:before {
    top: 28px;
    background-position: 17.593% 8.764%;
    width: 68px;
    height: 55px;
}

.step_lst_box ul li:nth-child(3) p:before {
    top: 37px;
    background-position: 34.325% 8.571%;
    width: 63px;
    height: 45px;
}

.step_lst_box ul li:last-child p:before {
    top: 32px;
    background-position: 50.909% 8.59%;
    width: 60px;
    height: 46px;
}

.line_box {
    border: 1px solid #dcdcdc;
    padding: 40px 30px 45px;
}

.line_box_col {
    *zoom: 1;
}

.line_box_col:after {
    display: block;
    clear: both;
    content: "";
}

.line_box_col dl {
    border: 1px solid #dadfe3;
    float: left;
    width: calc(50% - 10px);
    background-color: #fafafa;
    padding: 25px 30px 25px 35px;
    border-radius: 3px;
}

.line_box_col dl + dl {
    margin-left: 20px;
}

.line_box_col dl dt {
    margin-bottom: 10px;
    line-height: 1.375rem;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
}

.line_box_col dl dd {
    *zoom: 1;
}

.line_box_col dl dd:after {
    display: block;
    clear: both;
    content: "";
}

.line_box_col dl dd p {
    display: block;
    width: 240px;
    float: left;
    line-height: 1.125rem;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
}

.line_box_col dl dd .btn.black {
    margin-top: 10px;
    width: 120px;
    height: 28px;
    line-height: 25px;
    background-color: #58585b;
    border: 1px solid #58585b;
    border-radius: 14px;
    display: block;
    float: right;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.line_box_col dl dd .btn.black:hover {
    background: #242424;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.line_box .bullet ul li {
    font-size: 0.9375rem;
}

.line_box .bullet ul li .dec {
    line-height: 1.375rem;
    font-size: 0.875rem;
}

.greetings {
    position: relative;
    padding-top: 20px;
    *zoom: 1;
}

.greetings:after {
    display: block;
    clear: both;
    content: "";
}

.greetings_title {
    margin-bottom: 40px;
}

.greetings_title h3 {
    font-family: "Poppins", sans-serif;
    line-height: 2.5rem;
    color: #0164b7;
    font-size: 2.25rem;
    font-weight: 700;
}

.greetings_title h4 {
    margin-top: 40px;
    line-height: 2.25rem;
    color: #333333;
    font-size: 1.5rem;
    font-weight: 500;
}

.greetings_title h4 em.bold {
    font-weight: 700;
}

.greetings_cont {
    width: calc(100% - 450px);
    float: right;
    padding-left: 50px;
}

.greetings_txt + .greetings_txt {
    margin-top: 30px;
}

.greetings_txt p {
    line-height: 1.875rem;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 400;
}

.greetings_txt p + p {
    margin-top: 30px;
}

.greetings_img {
    width: 450px;
    float: left;
}

.greetings_img_caption {
    display: block;
    margin-top: 18px;
    color: #333333;
    font-size: 1.1875rem;
    font-weight: 400;
}

.greetings_img_caption em.bold {
    color: #333333;
    font-size: 1.1875rem;
    font-weight: 500;
}

.history {
    padding-top: 20px;
    border-top: 2px solid #444;
    *zoom: 1;
}

.history:after {
    display: block;
    clear: both;
    content: "";
}

.history_title {
    padding-top: 55px;
    padding-left: 10px;
    float: left;
    width: 180px;
}

.history_title h4 {
    line-height: 40px;
    color: #0099ff;
    font-size: 36px;
    font-weight: 600;
}

.history_lst {
    padding-top: 60px;
    padding-bottom: 60px;
    float: left;
    width: calc(100% - 180px);
    border-left: 1px solid #dfdfdf;
}

.history dl {
    display: table;
    *zoom: 1;
}

.history dl:after {
    display: block;
    clear: both;
    content: "";
}

.history dl + dl {
    margin-top: 80px;
}

.history dl dt {
    padding-left: 30px;
    vertical-align: top;
    display: table-cell;
    width: 90px;
    color: #333333;
    font-size: 1.875rem;
    font-weight: 600;
}

.history dl dt span {
    position: relative;
}

.history dl dt span:before {
    position: absolute;
    left: -39px;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #1183d0;
    border: 4px solid #b1deed;
    display: block;
    content: "";
}

.history dl dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: calc(100% - 90px);
}

.history dl dd ul {
    margin-left: 50px;
}

.history dl dd ul li {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 15px;
    position: relative;
}

.history dl dd ul li + li {
    margin-top: 15px;
}

.history dl dd ul li:before {
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #333333;
    border-radius: 50%;
    display: block;
    content: "";
}

.history dl dd ul li p {
    line-height: 1.25rem;
    word-break: keep-all;
}

.logo_box + .logo_box {
    margin-top: 60px;
}

.logo_box_title {
    margin-bottom: 40px;
}

.logo_box_title h4 {
    color: #333333;
    font-size: 1.75rem;
    font-weight: 500;
}

.logo_box_title h4 .eng {
    line-height: 24px;
    color: #333333;
    font-size: 1.75rem;
    font-weight: 700;
}

.logo_box_title h4 .kor {
    padding-left: 15px;
    margin-left: 15px;
    line-height: 24px;
    border-left: 1px solid #d1d3d9;
    color: #333333;
    font-size: 1.75rem;
    font-weight: 500;
}

.logo_box_title h4 br + .kor {
    position: relative;
    top: 15px;
    right: 14px;
}

.logo_box_title + .logo_box_col {
    padding-top: 25px;
}

.logo_box .box_title {
    margin-bottom: 40px;
}

.logo_box .box_title h5 {
    color: #333333;
    font-size: 1.375rem;
    font-weight: 700;
}

.logo_box_ci_solid {
    text-align: center;
    background-color: #0164b7;
    height: 220px;
}

.logo_box_ci_solid .logo_box_img {
    line-height: 220px;
}

.logo_box_ci_grid {
    margin-top: 30px;
    height: 290px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    background: url("https://sgasol.kr/assets/user/images/bg_grid.png") no-repeat;
    *zoom: 1;
}

.logo_box_ci_grid:after {
    display: block;
    clear: both;
    content: "";
}

.logo_box_ci_grid .logo_box_img {
    line-height: 145px;
    width: 50%;
    height: 50%;
    float: left;
}

.logo_box_img {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.logo_box_full {
    *zoom: 1;
    border: 1px solid #dadfe3;
    margin-bottom: 50px;
}

.logo_box_full:after {
    display: block;
    clear: both;
    content: "";
}

.logo_box_full .logo_box_img {
    float: left;
    width: 50%;
    line-height: 230px;
}

.logo_box_col {
    *zoom: 1;
}

.logo_box_col:after {
    display: block;
    clear: both;
    content: "";
}

.logo_box_col + .logo_box_col {
    margin-top: 60px;
}

.logo_box_col dl {
    width: 100%;
}

.logo_box_col dl.half {
    width: 50%;
    float: left;
}

.logo_box_col dl.half + .half dd {
    border-left: 0;
}

.logo_box_col dl.half .logo_box_img {
    width: 100%;
}

.logo_box_col dl dt {
    display: none;
    margin-bottom: 15px;
}

.logo_box_col dl dt h4 {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 700;
}

.logo_box_col dl dd {
    *zoom: 1;
    background: url("https://sgasol.kr/assets/user/images/bg_grid.png") no-repeat;
    border: 1px solid #e8e8e8;
}

.logo_box_col dl dd:after {
    display: block;
    clear: both;
    content: "";
}

.logo_box_col dl dd .logo_box_img {
    float: left;
    width: 50%;
    line-height: 180px;
}

.logo_box_col dl dd.bi_cAegis .logo_box_img img {
    height: 55px;
}

.logo_box_col dl dd.bi_SentryAir .logo_box_img img {
    height: 55px;
}

.logo_box_col dl dd.bi_SentryVisual .logo_box_img img {
    height: 55px;
}

.logo_box_col dl dd.bi_fido .logo_box_img img {
    height: 51px;
}

.logo_box_col dl dd.bi_RootChain .logo_box_img img {
    height: 53px;
}

.logo_box_col dl dd.bi_sgazta .logo_box_img img {
    height: 69px;
}

.logo_box .btn_wrap {
    margin-top: 20px;
    *zoom: 1;
}

.logo_box .btn_wrap:after {
    display: block;
    clear: both;
    content: "";
}

.partner_logo_tbl table {
    width: 100%;
    border-top: 1px solid #dadfe3;
}

.partner_logo_tbl table td {
    height: 90px;
    text-align: center;
    border-bottom: 1px solid #dadfe3;
}

.partner_logo_tbl table td + td {
    border-left: 1px solid #dadfe3;
}

.partner_logo_tbl table tr + tr {
    border-top: 1px solid #dadfe3;
}

.partner_logo_tbl table tr:last-child td {
    border-right: 1px solid #dadfe3;
}

.partner_info {
    height: 420px;
    padding: 55px 70px;
    background: url("https://sgasol.kr/assets/user/images/bg_partner_info.png") no-repeat;
    background-size: 100% 420px;
}

.partner_info_txt {
    padding: 55px 70px;
    border: 8px solid #fff;
    line-height: 30px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
}

.partner_info_txt em.bold {
    padding-top: 15px;
    padding-bottom: 25px;
    display: block;
    letter-spacing: -0.04em;
    line-height: 36px;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 500;
}

.partner_info_dec {
    letter-spacing: -0.04em;
    padding-top: 40px;
    line-height: 30px;
    color: #333333;
    font-size: 1.1875rem;
    font-weight: 400;
}

.partner_program {
    margin: 95px auto 0;
    position: relative;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: rgba(0, 108, 180, 0.6);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 180,
    0.6)), to(rgba(252, 89, 72, 0.6)));
    background: -o-linear-gradient(top, rgba(0, 108, 180, 0.6) 0%,
    rgba(252, 89, 72, 0.6) 100%);
    background: linear-gradient(180deg, rgba(0, 108, 180, 0.6) 0%,
    rgba(252, 89, 72, 0.6) 100%);
}

.partner_program:before {
    width: 422px;
    height: 422px;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.partner_program h5 {
    width: 212px;
    height: 212px;
    border-radius: 50%;
    position: absolute;
    padding-top: 66px;
    color: #fff;
    text-align: center;
    background: rgba(0, 108, 180, 0.4);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 180, 0.4)), to(rgba(252, 89, 72, 0.4)));
    background: -o-linear-gradient(top, rgba(0, 108, 180, 0.4) 0%, rgba(252, 89, 72, 0.4) 100%);
    background: linear-gradient(180deg, rgba(0, 108, 180, 0.4) 0%,
    rgba(252, 89, 72, 0.4) 100%);
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.partner_program h5:before {
    z-index: 2;
    width: 192px;
    height: 192px;
    position: absolute;
    background-color: #0164b7;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.partner_program h5 span {
    position: relative;
    z-index: 3;
    display: block;
    padding-bottom: 10px;
    color: #cce3ef;
    font-size: 1rem;
    font-weight: 400;
}

.partner_program h5 em {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 28px;
    position: relative;
    z-index: 3;
}

.partner_program ul {
    position: relative;
    width: 430px;
    height: 430px;
}

.partner_program ul li {
    position: absolute;
    width: 134px;
    height: 134px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    padding-top: 55px;
}

.partner_program ul li span {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    position: relative;
    z-index: 3;
}

.partner_program ul li:before {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    background-color: #0164b7;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.partner_program ul li:first-child {
    top: -57px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: -o-linear-gradient(240deg, #b8d2e6 0%, #b8d2e6 100%);
    background: linear-gradient(210deg, #b8d2e6 0%, #b8d2e6 100%);
}

.partner_program ul li:first-child:before {
    background: -o-linear-gradient(240deg, #136fb4 0%, #3f6ba0 100%);
    background: linear-gradient(210deg, #136fb4 0%, #3f6ba0 100%);
}

.partner_program ul li:nth-child(2) {
    right: -57px;
    padding-top: 48px;
    top: 67px;
    background: -o-linear-gradient(240deg, #ccd0dd 0%, #bbd2e4 100%);
    background: linear-gradient(210deg, #ccd0dd 0%, #bbd2e4 100%);
}

.partner_program ul li:nth-child(2):before {
    background: -o-linear-gradient(240deg, #536996 0%, #1e6eaf 100%);
    background: linear-gradient(210deg, #536996 0%, #1e6eaf 100%);
}

.partner_program ul li:nth-child(3) {
    bottom: 0;
    right: 0;
    background: -o-linear-gradient(240deg, #f1cecd 0%, #e1cfd4 100%);
    background: linear-gradient(210deg, #f1cecd 0%, #e1cfd4 100%);
}

.partner_program ul li:nth-child(3):before {
    background: -o-linear-gradient(240deg, #d25d5c 0%, #9c6275 100%);
    background: linear-gradient(210deg, #d25d5c 0%, #9c6275 100%);
}

.partner_program ul li:nth-child(4) {
    bottom: 0;
    left: 0;
    background: -o-linear-gradient(240deg, #fecdc8 0%, #f2cecd 100%);
    background: linear-gradient(210deg, #fecdc8 0%, #f2cecd 100%);
}

.partner_program ul li:nth-child(4):before {
    background: -o-linear-gradient(240deg, #fc5948 0%, #d95c58 100%);
    background: linear-gradient(210deg, #fc5948 0%, #d95c58 100%);
}

.partner_program ul li:last-child {
    padding-top: 48px;
    left: -57px;
    top: 67px;
    background: -o-linear-gradient(240deg, #e9ced1 0%, #d7d0d8 100%);
    background: linear-gradient(210deg, #e9ced1 0%, #d7d0d8 100%);
}

.partner_program ul li:last-child:before {
    background: -o-linear-gradient(240deg, #b66069 0%, #7c6583 100%);
    background: linear-gradient(210deg, #b66069 0%, #7c6583 100%);
}

.partner_step.step_gradiant {
    padding: 35px 60px 37px;
}

.partner_step.step_gradiant ul li {
    min-width: 140px;
    width: auto;
}

.partner_step ul li {
    vertical-align: top;
}

.partner_step ul li + li {
    margin-left: 90px;
}

.partner_step ul li:first-child:before {
    border: 10px solid #f3d6d4;
    background: -webkit-gradient(linear, left top, right top, from(#fc5948), to(#e35b53));
    background: -o-linear-gradient(left, #fc5948 0%, #e35b53 100%);
    background: linear-gradient(90deg, #fc5948 0%, #e35b53 100%);
}

.partner_step ul li:first-child:after {
    background-position: 91.441% 37.445%;
    width: 56px;
    height: 46px;
}

.partner_step ul li:nth-child(2):before {
    border: 10px solid #e5d7da;
    background: -webkit-gradient(linear, left top, right top, from(#bc5e63), to(#926175));
    background: -o-linear-gradient(left, #bc5e63 0%, #926175 100%);
    background: linear-gradient(90deg, #bc5e63 0%, #926175 100%);
}

.partner_step ul li:nth-child(2):after {
    background-position: 1.405% 46.452%;
    width: 73px;
    height: 35px;
}

.partner_step ul li:nth-child(3):before {
    border: 10px solid #d3d8e2;
    background: -webkit-gradient(linear, left top, right top, from(#646489), to(#3c679a));
    background: -o-linear-gradient(left, #646489 0%, #3c679a 100%);
    background: linear-gradient(90deg, #646489 0%, #3c679a 100%);
}

.partner_step ul li:nth-child(3):after {
    background-position: 20.181% 48.858%;
    width: 59px;
    height: 62px;
}

.partner_step ul li:last-child:before {
    border: 10px solid #c3dae9;
    background: -webkit-gradient(linear, left top, right top, from(#186aaa), to(#016cb4));
    background: -o-linear-gradient(left, #186aaa 0%, #016cb4 100%);
    background: linear-gradient(90deg, #186aaa 0%, #016cb4 100%);
}

.partner_step ul li:last-child:after {
    background-position: 36.83% 52.294%;
    width: 71px;
    height: 64px;
}

.partner_product .series_line_up + .series_line_up {
    margin-top: 40px;
}

.partner_product .series_line_up ul li {
    padding: 55px 0;
}

.partner_network_top {
    padding: 0 30px;
    width: 100%;
    height: 80px;
    background-color: #0164b7;
    *zoom: 1;
}

.partner_network_top:after {
    display: block;
    clear: both;
    content: "";
}

.partner_network_top .tit {
    padding: 25px 0 0;
    float: left;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
}

.partner_network_top .tit .thin {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300;
}

.partner_network_top .contact {
    padding: 35px 0 30px;
    float: right;
}

.partner_network_top .contact .bold {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}

.partner_network_top .contact a {
    position: relative;
    margin-left: 10px;
    padding-left: 30px;
    display: inline-block;
    vertical-align: top;
    opacity: .8;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
}

.partner_network_top .contact a:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 49.896% 48.454%;
    width: 21px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 4px;
    display: block;
    content: "";
}

.partner_network_map {
    padding: 70px 0;
    background-color: #f4f5f6;
}

.partner_network_map .img_box {
    text-align: center;
}

.contact_info_map {
    height: 600px !important;
}

.contact_info_map .map_wrap {
    height: 600px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.contact_info_map .btn_wrap.maptype {
    position: absolute;
    top: 15px;
    left: 15px;
    overflow: hidden;
    width: 130px;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 1;
    font-size: 12px;
    border: 1px solid #919191;
    border-radius: 5px;
}

.contact_info_map .btn_wrap.maptype a {
    display: block;
    width: 50%;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}

.contact_info_map .btn_wrap.maptype .btn_map {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff),
    to(#e6e6e6));
    background: -o-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
}

.contact_info_map .btn_wrap.maptype .btn_map:hover {
    background: #f5f5f5;
}

.contact_info_map .btn_wrap.maptype .btn_map:active {
    background: #e6e6e6;
}

.contact_info_map .btn_wrap.maptype .btn_map.on {
    color: #fff;
    background: #0164b7;
}

.contact_info_map .btn_wrap.maptype .btn_map.on:hover {
    color: #fff;
}

.contact_info_map .btn_wrap.zoomtype {
    border: 1px solid #919191;
    border-radius: 5px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 36px;
    height: 80px;
    overflow: hidden;
    z-index: 1;
    background-color: #f5f5f5;
}

.contact_info_map .btn_wrap.zoomtype .btn_zoom {
    display: block;
    width: 100%;
    height: 40px;
    color: #333;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    text-indent: -9999em;
    position: relative;
    cursor: pointer;
}

.contact_info_map .btn_wrap.zoomtype .btn_zoom:before {
    position: absolute;
    background: url(../images/spr_global_icon.png) no-repeat;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.contact_info_map .btn_wrap.zoomtype .btn_zoom:hover {
    background: #f5f5f5;
}

.contact_info_map .btn_wrap.zoomtype .btn_zoom:active {
    background: #e6e6e6;
}

.contact_info_map .btn_wrap.zoomtype .btn_zoom.plus {
    border-bottom: 1px solid #bfbfbf;
}

.contact_info_map .btn_wrap.zoomtype .btn_zoom.plus:before {
    background-position: 71.901% 8.471%;
    width: 16px;
    height: 16px;
}

.contact_info_map .btn_wrap.zoomtype .btn_zoom.minus:before {
    background-position: 71.901% 13.28%;
    width: 16px;
    height: 3px;
}

.contact_info_solid {
    padding: 30px 30px 35px;
    background-color: #0164b7;
}

.contact_info_solid P {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}

.contact_info_solid ul {
    margin-top: 30px;
    font-size: 0;
}

.contact_info_solid ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5rem;
    position: relative;
    color: #cce3f2;
    font-size: 1rem;
    font-weight: 300;
}

.contact_info_solid ul li + li {
    margin-left: 25px;
}

.contact_info_solid ul li:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    margin-right: 8px;
    line-height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: "";
}

.contact_info_solid ul li.address {
    padding-left: 30px;
}

.contact_info_solid ul li.address:before {
    background-position: 80.705% 1.895%;
    width: 18px;
    height: 25px;
    margin-top: -12.5px;
}

.contact_info_solid ul li.tel {
    padding-left: 35px;
}

.contact_info_solid ul li.tel:before {
    background-position: 86.134% 1.891%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
}

.contact_info_solid ul li.fax {
    padding-left: 35px;
}

.contact_info_solid ul li.fax:before {
    background-position: 92.211% 1.891%;
    width: 25px;
    height: 24px;
    margin-top: -12px;
}

.contact_info_solid ul li.mail {
    padding-left: 35px;
}

.contact_info_solid ul li.mail:before {
    background-position: 98.319% 1.863%;
    width: 24px;
    height: 17px;
    margin-top: -8.5px;
}

.contact_info_route {
    margin-top: 40px;
    margin-left: 15px;
}

.contact_info_route dl {
    *zoom: 1;
}

.contact_info_route dl:after {
    display: block;
    clear: both;
    content: "";
}

.contact_info_route dl + dl {
    margin-top: 30px;
}

.contact_info_route dl dt {
    float: left;
    width: 51px;
    padding-top: 55px;
    text-align: center;
    color: #333333;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
}

.contact_info_route dl dt:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    width: 50px;
    height: 49px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    display: block;
    content: "";
}

.contact_info_route dl dd {
    float: left;
    width: calc(100% - 51px);
    padding-left: 50px;
}

.contact_info_route dl dd ul li {
    line-height: 1.625rem;
    position: relative;
    color: #666;
    font-size: 1rem;
    font-weight: 300;
}

.contact_info_route dl dd ul li em {
    display: block;
    color: #333333;
    font-size: 1rem;
    font-weight: 700;
}

.contact_info_route dl dd ul li p {
    color: #666;
    font-size: 1rem;
    font-weight: 300;
}

.contact_info_route dl.subway dt:before {
    background-position: 84% 8.426%;
}

.contact_info_route dl.bus dt:before {
    background-position: 95.778% 8.426%;
}

.contact_info_route dl.bus dd ul li + li {
    margin-top: 20px;
}

section.sub.terms .cont + .cont {
    margin-top: 70px;
}

section.sub.terms .cont_box + .cont_box {
    margin-top: 60px;
}

section.sub.terms .cont_box_top {
    padding: 70px 60px 60px;
    background-color: #0071bd;
    line-height: 1.875rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300;
}

section.sub.terms .cont_box_wrap {
    border: 1px solid #dadada;
    padding: 70px 60px;
}

section.sub.terms .cont_box_wrap > p {
    display: block;
    line-height: 1.75rem;
    letter-spacing: -0.03em;
    color: #282828;
    font-size: 0.9375rem;
    font-weight: 400;
    margin-bottom: 40px;
}

section.sub.terms .cont_box dl dt {
    letter-spacing: -0.66px;
    color: #333;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
    border-bottom: 1px solid #666666;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

section.sub.terms .cont_box dl dd + dd {
    margin-top: 10px;
}

section.sub.terms .cont_box dl dd p {
    display: block;
    line-height: 1.75rem;
    letter-spacing: -0.03em;
    color: #282828;
    font-size: 0.9375rem;
    font-weight: 400;
    text-decoration: none;
}

section.sub.terms .cont_box dl dd ul + ul {
    margin-top: 20px;
}

section.sub.terms .cont_box dl dd ul li {
    line-height: 1.75rem;
    letter-spacing: -0.03em;
    color: #282828;
    font-size: 0.9375rem;
    font-weight: 400;
}

section.sub.terms .cont_box dl dd ul li ul {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.sub.terms .cont table {
    min-width: 900px;
}


section.sub.terms .cont table thead {
    margin: 15px;
    text-align: center;
    background: #f3f3f3;
    color: #333;
    border: 1px solid #dcdcdc;
}

section.sub.terms .cont table td {
    padding: 10px;
    height: 50px;
    padding: 5px 10px;
    border: 1px solid #dcdcdc;
    vertical-align: middle;
    line-height: 25px;
    font-weight: 300;
}

section.sub.terms .cont .bullet ul li:before {
    top: 13px;
}

.txt {
    text-align: left;
    margin-top: 30px;
    padding-bottom: 80px;
    line-height: 30px;
    color: #242424;
    font-size: 1.1875rem;
    font-weight: 400;
}

.step_gradiant {
    background-color: #f4f5f6;
    padding: 35px 60px 30px;
}

.step_gradiant ul {
    font-size: 0;
    text-align: center;
}

.step_gradiant ul li {
    width: 140px;
    text-align: center;
    display: inline-block;
    padding-top: 160px;
    position: relative;
}

.step_gradiant ul li span {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
}

.step_gradiant ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: block;
    content: "";
}

.step_gradiant ul li:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    position: absolute;
    top: -38px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    content: "";
}

.recruit_box {
    *zoom: 1;
    height: 480px;
    border: 1px solid #dadfe3;
}

.recruit_box:after {
    display: block;
    clear: both;
    content: "";
}

.recruit_box + .recruit_box {
    margin-top: 50px;
}

.recruit_box.box01 .info dl:first-child:before {
    background-position: 55.3% 22.595%;
    width: 66px;
    height: 53px;
    margin-top: -26px;
}

.recruit_box.box01 .info dl:last-child:before {
    background-position: 71.202% 22.748%;
    width: 59px;
    height: 56px;
    margin-top: -28px;
}

.recruit_box.box02 .info dl:first-child:before {
    background-position: 88.222% 21.412%;
    width: 67px;
    height: 61px;
    margin-top: -30px;
}

.recruit_box.box02 .info dl:last-child:before {
    background-position: 1.345% 32.667%;
    width: 54px;
    height: 50px;
    margin-top: -25px;
}

.recruit_box.box03 {
    height: 400px;
}

.recruit_box.box03 .info dl dd ul li {
    display: block;
    margin-bottom: 25px;
    margin-right: 0;
}

.recruit_box.box03 .info dl:before {
    background-position: 99.782% 21.016%;
    width: 42px;
    height: 67px;
    top: 70px;
}

.recruit_box .img {
    float: left;
    width: 420px;
    height: 100%;
    overflow: hidden;
}

.recruit_box .img + .info {
    border-left: 1px solid #dadfe3;
}

.recruit_box .info {
    width: calc(100% - 420px);
    height: 100%;
    float: left;
}

.recruit_box .info + .img {
    border-left: 1px solid #dadfe3;
}

.recruit_box .info dl {
    padding-left: 170px;
    padding-top: 70px;
    height: 50%;
    position: relative;
}

.recruit_box .info dl:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    position: absolute;
    left: 60px;
    top: 50%;
    display: block;
    content: "";
}

.recruit_box .info dl + dl {
    border-top: 1px solid #dadfe3;
}

.recruit_box .info dl dt {
    color: #333333;
    font-size: 1.25rem;
    font-weight: 700;
    padding-bottom: 30px;
}

.recruit_box .info dl dd ul {
    display: inline-block;
    font-size: 0;
}

.recruit_box .info dl dd ul li {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 15px;
}

.recruit_box .info dl dd ul li:last-child {
    margin-right: 0;
}

.recruit_step {
    padding: 35px 60px 30px;
}

.recruit_step ul li + li {
    margin-left: 45px;
}

.recruit_step ul li:before {
    border: 10px solid #c6e3fb;
}

.recruit_step ul li:first-child:before {
    background-color: #58b3e6;
}

.recruit_step ul li:first-child:after {
    background-position: 17.802% 32.955%;
    width: 45px;
    height: 60px;
}

.recruit_step ul li:nth-child(2):before {
    background-color: #2a9fe1;
}

.recruit_step ul li:nth-child(2):after {
    background-position: 30.206% 33.184%;
    width: 63px;
    height: 54px;
}

.recruit_step ul li:nth-child(3):before {
    background-color: #1893e1;
}

.recruit_step ul li:nth-child(3):after {
    background-position: 47.178% 36.842%;
    width: 57px;
    height: 63px;
}

.recruit_step ul li:nth-child(4):before {
    background-color: #0b7ecc;
}

.recruit_step ul li:nth-child(4):after {
    background-position: 63.014% 37.698%;
    width: 62px;
    height: 57px;
}

.recruit_step ul li:last-child:before {
    background-color: #0164b7;
}

.recruit_step ul li:last-child:after {
    background-position: 77.729% 37.471%;
    width: 42px;
    height: 65px;
}

.recruit_step_detail {
    margin-top: 85px;
}

.recruit_step_detail dl {
    font-size: 0;
}

.recruit_step_detail dl + dl {
    margin-top: 70px;
}

.recruit_step_detail dl dt {
    width: 115px;
    padding-left: 15px;
    display: inline-block;
    vertical-align: middle;
    color: #0071bd;
    font-size: 1.25rem;
    font-weight: 700;
}

.recruit_step_detail dl dd {
    width: calc(100% - 115px);
    padding-left: 80px;
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 400;
}

.gwp_info p {
    text-align: left;
    padding-bottom: 80px;
    line-height: 30px;
    color: #242424;
    font-size: 1.1875rem;
    font-weight: 400;
}

.gwp_info_box .info {
    background-color: #f0f5f9;
    padding: 95px 0 65px;
    font-size: 0;
    position: relative;
    text-align: center;
}

.gwp_info_box .info .title {
    width: 475px;
    background-color: #0164b7;
    border-radius: 50px;
    position: absolute;
    height: 100px;
    line-height: 98px;
    display: inline-block;
    margin: 0 auto;
    top: -50px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 700;
}

.gwp_info_box .info .title .thin {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
}

.gwp_info_box .info ul {
    display: inline-block;
    width: 50%;
    text-align: left;
    padding-left: 100px;
}

.gwp_info_box .info ul li {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 400;
}

.gwp_info_box .info ul li + li {
    margin-top: 28px;
}

.vip_info_box .info {
    background-color: #0164b7;
    padding: 30px 40px;
}

.vip_info_box .info dl dt {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
}

.vip_info_box .info dl dt .thin {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
}

.vip_info_box .info dl dd {
    margin-top: 20px;
    color: #cce3f2;
    font-size: 1.125rem;
    font-weight: 300;
}

.series_line_up .inner_title {
    text-align: left;
    padding-bottom: 20px;
}

.series_line_up .inner_title h5 {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #333333;
    font-size: 1.375rem;
    font-weight: 700;
}

.series_line_up .inner_title .btn.shortcut {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-bottom: 1px solid #bababa;
    color: #333333;
    font-size: 0.8125rem;
    font-weight: 300;
}

.series_line_up .inner_title .btn.shortcut:hover {
    border: 1px solid #bababa;
}

.series_line_up ul {
    text-align: left;
    font-size: 0;
}

.series_line_up ul li {
    width: 191px;
    height: 220px;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #d1d1d1;
    text-align: center;
    padding: 35px 0;
    margin-right: 12px;
}

.series_line_up ul li:last-child {
    margin-right: 0;
}

.series_line_up ul li > div {
    padding-top: 85px;
    position: relative;
}

.series_line_up ul li + li {
    margin-bottom: 10px;
}

.series_line_up ul li .ico {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.series_line_up ul li .ico.rc {
    width: 55px;
    height: 75px;
}

.series_line_up ul li .ico.auth {
    width: 54px;
    height: 74px;
}

.series_line_up ul li .ico.audit {
    width: 54px;
    height: 74px;
}

.series_line_up ul li .ico.enter {
    width: 54px;
    height: 74px;
}

.series_line_up ul li .ico.visual {
    width: 54px;
    height: 74px;
}

.series_line_up ul li .ico.aegis {
    width: 54px;
    height: 75px;
}

.series_line_up ul li .ico.cAegis {
    width: 58px;
    height: 72px;
}


.series_line_up ul li .ico.vc {
    width: 55px;
    height: 63px;
}

.series_line_up ul li .ico.patch {
    width: 54px;
    height: 63px;
}

.series_line_up ul li .ico.daloc {
    width: 54px;
    height: 74px;
}

.series_line_up ul li .ico.mypc {
    width: 55px;
    height: 63px;
}

.series_line_up ul li .ico.vc10 {
    width: 55px;
    height: 63px;
}

.series_line_up ul li .ico.intelli {
    width: 55px;
    height: 74px;
}

.series_line_up ul li .ico.sentry {
    width: 55px;
    height: 73px;
}

.series_line_up ul li .ico.tc {
    width: 54px;
    height: 73px;
}

.series_line_up ul li .ico.fido {
    width: 58px;
    height: 73px;
}

.series_line_up ul li .ico.sgn {
    width: 160px;
    top: 25px;

}

.series_line_up ul li p {
    letter-spacing: -0.01em;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.motorola_slogan {
    background: url("https://sgasol.kr/assets/user/images/img_motorola_slogan_bg.png") no-repeat;
    width: 100%;
    height: 250px;
}

.motorola_slogan .txt {
    width: 910px;
    padding-top: 90px;
    margin-top: 0;
    padding-bottom: 0;
    line-height: 48px;
    color: #fff;
    font-size: 2.25rem;
    font-weight: 300;
}

.motorola_slogan .txt em.blue {
    display: block;
    color: #278fef;
    font-size: 2.25rem;
    font-weight: 500;
}

.product_line_up + .product_line_up {
    margin-top: 65px;
}

.product_line_up .line_up_keyword {
    margin-bottom: 45px;
    height: 90px;
    position: relative;
}

.product_line_up .line_up_keyword dt {
    z-index: 2;
    top: 0;
    left: 0;
    *zoom: 1;
    padding-right: 50px;
    text-align: right;
    position: absolute;
    width: 300px;
    height: 100%;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
    background: -webkit-gradient(linear, left top, right top, from(#0566a7), to(#288cd0));
    background: -o-linear-gradient(left, #0566a7 0%, #288cd0 100%);
    background: linear-gradient(90deg, #0566a7 0%, #288cd0 100%);
}

.product_line_up .line_up_keyword dt:after {
    display: block;
    clear: both;
    content: "";
}

.product_line_up .line_up_keyword dt p {
    padding: 21px 0;
    line-height: 24px;
    float: right;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
}

.product_line_up .line_up_keyword dt p span {
    font-size: 1.25rem;
    color: #fff;
    font-weight: 300;
    display: block;
}

.product_line_up .line_up_keyword dt p span.fs18 {
    font-size: 1.125rem;
}

.product_line_up .line_up_keyword dd {
    padding-left: 70px;
    z-index: 1;
    top: 0;
    right: 0;
    position: absolute;
    height: 100%;
    width: calc(100% - 260px);
    border: 2px solid #92c3ed;
    border-radius: 45px;
}

.product_line_up .line_up_keyword dd ul.sqaure_bullet li {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    padding-left: 16px;
}

.product_line_up .line_up_keyword dd ul.sqaure_bullet li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    background-color: #067ecf;
    width: 6px;
    height: 6px;
    display: block;
    content: "";
}

.product_line_up .line_up_keyword dd ul.full li {
    line-height: 88px;
    vertical-align: middle;
    display: inline-block;
}

.product_line_up .line_up_keyword dd ul.full li + li {
    margin-left: 30px;
}

.product_line_up .line_up_keyword dd ul.half {
    padding-top: 15px;
    vertical-align: top;
    display: inline-block;
    line-height: 26px;
}

.product_line_up .line_up_keyword dd ul.half + .half {
    margin-left: 30px;
}

.product_line_up .line_up_info {
    *zoom: 1;
}

.product_line_up .line_up_info:after {
    display: block;
    clear: both;
    content: "";
}

.product_line_up .line_up_info + .line_up_info {
    margin-top: 55px;
}

.product_line_up .line_up_info .title {
    width: 300px;
    float: left;
    text-align: right;
    padding-right: 75px;
}

.product_line_up .line_up_info .title p {
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;
    border-top: 4px solid #0164b7;
    color: #0164b7;
    font-size: 1.125rem;
    font-weight: 700;
}

.product_line_up .line_up_info .detail {
    width: calc(100% - 300px);
    float: left;
    font-size: 0;
}

.product_line_up .line_up_info .detail dl {
    display: inline-block;
    vertical-align: top;
    width: 33.333333%;
}

.product_line_up .line_up_info .detail dl dt {
    margin-bottom: 10px;
    color: #0164b7;
    font-size: 1.125rem;
    font-weight: 700;
}

.product_line_up .line_up_info .detail dl dd {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
}

.product_line_up .line_up_info .detail dl dd:before {
    width: 3px;
    height: 3px;
    background-color: #333333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 24px;
    border-radius: 50%;
    content: "";
}

.product_line_up .line_up_info .detail.figure_col.col3 figure + figure {
    margin-left: 20px;
}

.product_line_up .line_up_info .detail.figure_col .figure_row {
    display: inline-block;
}

.product_line_up .line_up_info .detail.figure_col .figure_row figure {
    display: block;
}

.product_line_up .line_up_info .detail.figure_col .figure_row figure + figure {
    margin-top: 15px;
    margin-left: 0;
}

.product_line_up .line_up_info .detail.figure_col .figure_row + figure {
    margin-left: 20px;
}

.product_line_up .line_up_info .detail figure {
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.product_line_up .line_up_info .detail figure + figure {
    margin-left: 10px;
}

.product_line_up .line_up_info .detail figure img {
    display: block;
}

.product_line_up .line_up_info .detail figure figcaption {
    display: inline-block;
    margin-top: 5px;
    padding-left: 10px;
    color: #333333;
    font-size: 0.875rem;
    font-weight: 400;
}

.product_line_up .line_up_info .detail figure figcaption:before {
    vertical-align: middle;
    margin-right: 5px;
    background-color: #067ecf;
    width: 6px;
    height: 6px;
    display: inline-block;
    content: "";
}

.img_box.moto {
    text-align: center;
}

.img_box.moto figure {
    display: inline-block;
}

.img_box.moto figure figcaption {
    margin-top: 55px;
    margin-bottom: 40px;
    color: #333333;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 32px;
}

.img_box.moto figure figcaption em.blue {
    color: #278fef;
    font-size: 1.375rem;
    font-weight: 400;
    display: block;
}

.solid_box + .solid_box {
    margin-top: 60px;
}

.solid_box dl.solid_blue_box dt {
    background-color: #0164b7;
}

.solid_box dl.solid_blue_box dt h4 {
    line-height: 48px;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 500;
}

.solid_box dl.solid_white_box dt {
    background-color: #fff;
}

.solid_box dl.solid_white_box dt h5 {
    line-height: 48px;
    color: #333333;
    font-size: 1.375rem;
    font-weight: 700;
}

.solid_box dl dt {
    text-align: center;
    height: 50px;
}

.solid_box dl dd {
    background-color: #f5f5f5;
    padding: 40px 60px 45px;
}

.solid_box dl dd + dd {
    margin-top: 15px;
}

.solid_box dl dd .txt {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 1.1875rem;
    font-weight: 400;
}

.solid_box dl dd .txt.center {
    text-align: center;
}

.solid_box dl dd.bg_visual {
    padding: 0;
    width: 100%;
    height: 279px;
    background: url("https://sgasol.kr/assets/user/images/img_motorola_visual.png") no-repeat;
}

.solid_box dl dd.bg_visual .txt {
    line-height: 48px;
    padding-top: 100px;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 300;
}

.solid_box dl dd.bg_visual .txt em {
    display: block;
    color: #fff;
    font-size: 2.25rem;
    font-weight: 700;
}

.solid_box dl dd .certi_mark_box {
    text-align: center;
    margin-bottom: 70px;
}

.solid_box dl dd .certi_mark_box .certi_mark {
    vertical-align: middle;
}

.solid_box dl dd .certi_mark_box .certi_txt {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 25px;
}

.solid_box dl dd .certi_mark_box .certi_txt p {
    line-height: 20px;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
}

.solid_box dl dd .certi_mark_box .certi_txt em {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.solid_box dl dd > .bullet ul li {
    line-height: 32px;
    font-size: 1.063rem;
    font-weight: 300;
    color: #333333;
}

.solid_box dl dd > .bullet ul li:before {
    top: 14px;
}

.solid_box dl dd > .bullet ul li + li {
    margin-top: 0;
}

.solid_box dl dd .inbl_cont {
    display: inline-block;
    vertical-align: middle;
}

.solid_box dl dd .inbl_cont p {
    line-height: 24px;
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
}

.solid_box dl dd .inbl_cont em {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.solid_box dl dd .inbl_cont.wfix {
    width: 260px;
}

.solid_box dl dd .inbl_cont.verti_top {
    vertical-align: top;
}

.solid_box dl dd .inbl_cont .img_col {
    margin-top: 40px;
}

.solid_box dl dd .inbl_cont .img_col figure {
    padding-bottom: 0;
}

.solid_box dl dd .inbl_cont + .inbl_cont {
    margin-left: 40px;
}

.solid_box dl dd > img + .inbl_cont {
    margin-left: 60px;
}

.solid_box dl dd > img + .inbl_cont .bullet {
    margin-left: 20px;
}

.solid_box dl dd figure {
    text-align: center;
    position: relative;
    padding-bottom: 40px;
}

.solid_box dl dd figure figcaption {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.solid_box dl dd .img_col {
    display: table;
    width: 100%;
    text-align: center;
}

.solid_box dl dd .img_col figure {
    display: table-cell;
    vertical-align: bottom;
}

.solid_box dl dd .img_col.col4 figure {
    width: 25%;
}

.solid_box dl dd .img_col.col3 figure {
    width: 33.333333%;
}

.business_info_slogan {
    text-align: center;
}

.business_info_slogan h4 {
    color: #0164b7;
    font-size: 2.25rem;
    font-weight: 700;
}

.business_info_slogan .dec {
    margin-top: 30px;
    line-height: 1.75rem;
    color: #333333;
    font-size: 1.1875rem;
    font-weight: 400;
}

.business_info_diagram {
    margin-top: 90px;
    text-align: center;
}

.business_info_diagram .tit {
    color: #333333;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 40px;
}

.diagram {
    position: relative;
}

.diagram:after {
    position: absolute;
    width: 8px;
    height: calc(100% - 250px);
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 240px;
    background: #fc5948;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 113, 189,
    0.5)), color-stop(50%, rgba(42, 153, 40, 0.5)),
    to(rgba(252, 89, 72, 0.5)));
    background: -o-linear-gradient(bottom, rgba(0, 113, 189, 0.5) 0%,
    rgba(42, 153, 40, 0.5) 50%, rgba(252, 89, 72, 0.5) 100%);
    background: linear-gradient(0deg, rgba(0, 113, 189, 0.5) 0%,
    rgba(42, 153, 40, 0.5) 50%, rgba(252, 89, 72, 0.5) 100%);
    display: block;
    content: "";
}

.diagram_top {
    display: inline-block;
    position: relative;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: #f6594b;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(#047a9f),
    color-stop(30%, #2a9928), to(#f6594b));
    background: -o-linear-gradient(bottom, #047a9f 0%, #2a9928 30%, #f6594b 100%);
    background: linear-gradient(0deg, #047a9f 0%, #2a9928 30%, #f6594b 100%);
}

.diagram_top:before {
    border-radius: 120px 0 0 120px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background: #0164b7;
    width: 120px;
    height: 240px;
    display: block;
    content: "";
}

.diagram_top_logo {
    margin: 25px;
    position: relative;
    z-index: 3;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    padding-top: 70px;
    text-align: center;
}

.diagram_cont {
    z-index: 2;
    position: relative;
    margin-top: 60px;
}

.diagram_cont + .diagram_cont {
    margin-top: 70px;
}

.diagram_cont.sys .diagram_cont_tit {
    border: 10px solid #f9d7d4;
    background: #f75443;
    background: -webkit-gradient(linear, left top, right top, from(#f75443), to(#d02e18));
    background: -o-linear-gradient(left, #f75443 0%, #d02e18 100%);
    background: linear-gradient(90deg, #f75443 0%, #d02e18 100%);
}

.diagram_cont.sys .diagram_cont_tit h6 span {
    color: #fad3d0;
}

.diagram_cont.sys .diagram_cont_tbl p {
    color: #d4321d;
}

.diagram_cont.sys .diagram_cont_tbl table {
    border: 1px solid #f9b5ad;
}

.diagram_cont.sys .diagram_cont_tbl table th {
    background-color: #fdf1f1;
}

.diagram_cont.sys .diagram_cont_tbl table th + th {
    border-left: 1px solid #f9b5ad;
}

.diagram_cont.sys .diagram_cont_tbl table td + td {
    border-left: 1px solid #f9b5ad;
}

.diagram_cont.sys .diagram_cont_tbl table thead {
    border-bottom: 1px solid #f9b5ad;
}

.diagram_cont.end .diagram_cont_tit {
    border: 10px solid #cdecd3;
    background: #23993c;
    background: -webkit-gradient(linear, left top, right top, from(#23993c), to(#0d7824));
    background: -o-linear-gradient(left, #23993c 0%, #0d7824 100%);
    background: linear-gradient(90deg, #23993c 0%, #0d7824 100%);
}

.diagram_cont.end .diagram_cont_tit h6 span {
    color: #cdecd3;
}

.diagram_cont.end .diagram_cont_tbl p {
    color: #0e7925;
}

.diagram_cont.end .diagram_cont_tbl table {
    border: 1px solid #8ec197;
}

.diagram_cont.end .diagram_cont_tbl table th {
    background-color: #f0f9f2;
}

.diagram_cont.end .diagram_cont_tbl table th + th {
    border-left: 1px solid #8ec197;
}

.diagram_cont.end .diagram_cont_tbl table td + td {
    border-left: 1px solid #8ec197;
}

.diagram_cont.end .diagram_cont_tbl table thead {
    border-bottom: 1px solid #8ec197;
}

.diagram_cont.app .diagram_cont_tit {
    border: 10px solid #d5e8f5;
    background: #288cd0;
    background: -webkit-gradient(linear, left top, right top, from(#288cd0), to(#0768a9));
    background: -o-linear-gradient(left, #288cd0 0%, #0768a9 100%);
    background: linear-gradient(90deg, #288cd0 0%, #0768a9 100%);
}

.diagram_cont.app .diagram_cont_tit h6 span {
    color: #cde2f1;
}

.diagram_cont.app .diagram_cont_tbl p {
    color: #0768a9;
}

.diagram_cont.app .diagram_cont_tbl table {
    border: 1px solid #a4c0d4;
}

.diagram_cont.app .diagram_cont_tbl table th {
    background-color: #f4f8fa;
}

.diagram_cont.app .diagram_cont_tbl table th + th {
    border-left: 1px solid #a4c0d4;
}

.diagram_cont.app .diagram_cont_tbl table td + td {
    border-left: 1px solid #a4c0d4;
}

.diagram_cont.app .diagram_cont_tbl table thead {
    border-bottom: 1px solid #a4c0d4;
}

.diagram_cont.zta .diagram_cont_tit {
    border: 10px solid #d5e8f5;
    background: linear-gradient(90deg, #287bd0 0%, #1807a9 100%);
}

.diagram_cont.zta .diagram_cont_tit h6 span {
    color: #cde2f1;
}

.diagram_cont.zta .diagram_cont_tbl p {
    color: #0768a9;
}

.diagram_cont.zta .diagram_cont_tbl table {
    border: 1px solid #a4c0d4;
}

.diagram_cont.zta .diagram_cont_tbl table th {
    background-color: #f4f8fa;
}

.diagram_cont.zta .diagram_cont_tbl table th + th {
    border-left: 1px solid #a4c0d4;
}

.diagram_cont.zta .diagram_cont_tbl table td + td {
    border-left: 1px solid #a4c0d4;
}

.diagram_cont.zta .diagram_cont_tbl table thead {
    border-bottom: 1px solid #a4c0d4;
}

.diagram_cont_tit {
    display: inline-block;
    width: 340px;
    height: 100px;
    border-radius: 50px;
    margin-bottom: 50px;
}

.diagram_cont_tit h6 {
    text-align: center;
    padding-top: 18px;
}

.diagram_cont_tit h6 em {
    font-weight: 500;
    font-size: 1.25rem;
    display: block;
    color: #fff;
}

.diagram_cont_tit h6 span {
    display: block;
    margin-top: 8px;
    font-weight: 400;
    font-size: 0.9375rem;
}

.diagram_cont_tbl {
    text-align: center;
}

.diagram_cont_tbl + .diagram_cont_tbl {
    margin-top: 35px;
}

.diagram_cont_tbl + .diagram_cont_tbl.half {
    margin-top: 0;
}

.diagram_cont_tbl + .diagram_cont_tbl.half table {
    border-left: 0;
}

.diagram_cont_tbl_col {
    padding-top: 50px;
    position: relative;
    background-color: #fff;
    *zoom: 1;
}

.diagram_cont_tbl_col:after {
    display: block;
    clear: both;
    content: "";
}

.diagram_cont_tbl_col .diagram_cont_tbl.half {
    float: left;
    width: 50%;
}

.diagram_cont_tbl_col:before {
    background: url("https://sgasol.kr/assets/user/images/img_diagram_col_line.png") no-repeat;
    width: 514px;
    height: 33px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    content: "";
}

.diagram_cont_tbl p {
    line-height: 45px;
    background-color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
}

.diagram_cont_tbl .center {
    display: inline-block;
    width: 360px;
}

.diagram_cont_tbl table {
    width: 100%;
    text-align: center;
}

.diagram_cont_tbl table th {
    line-height: 1.375rem;
    padding: 15px 0 15px;
    color: #333333;
    font-size: 1rem;
    font-weight: 300;
}

.diagram_cont_tbl table td {
    height: 59px;
    padding: 0 10px;
    background-color: #fff;
}

.diagram_cont_tbl table .img_box.rc img {
    width: 103px;
}

.diagram_cont_tbl table .img_box.auth img {
    width: 113px;
}

.diagram_cont_tbl table .img_box.audit img {
    width: 113px;
}

.diagram_cont_tbl table .img_box.enter img {
    width: 154px;
}

.diagram_cont_tbl table .img_box.visual img {
    width: 124px;
}

.diagram_cont_tbl table .img_box.vAegis img {
    width: 93px;
}

.diagram_cont_tbl table .img_box.vc img {
    width: 137px;
}

.diagram_cont_tbl table .img_box.patch img {
    width: 140px;
}

.diagram_cont_tbl table .img_box.daloc img {
    width: 81px;
}

.diagram_cont_tbl table .img_box.mypc img {
    width: 198px;
}

.diagram_cont_tbl table .img_box.vc10 img {
    width: 183px;
}

.diagram_cont_tbl table .img_box.vcIntelli img {
    width: 211px;
}

.diagram_cont_tbl table .img_box.sentry img {
    width: 140px;
}

.diagram_cont_tbl table .img_box.tc img {
    width: 180px;
}

.diagram_cont_tbl table .img_box.fido img {
    width: 200px;
}

.diagram_cont_tbl table .img_box.AIR img {
    width: 140px;
}

.diagram_cont_tbl table .img_box.Visual img {
    width: 139px;
}

.diagram_cont_tbl table .img_box.RootChain img {
    width: 137px;
}

.diagram_cont_tbl table .img_box.ZTA img {
    width: 100px;
}


/****************************************************
*    P r o d u c t C o m m o n
******************************************************/
.product_box {
    *zoom: 1;
    margin-bottom: 80px;
}

.product_box:after {
    display: block;
    clear: both;
    content: "";
}

.product_box .visual {
    width: 550px;
    height: 510px;
    padding-top: 195px;
    float: left;
}

.product_box .visual .product_logo {
    text-align: center;
}

.product_box .visual .shortcut {
    width: 150px;
    display: block;
    margin: 15px auto 0;
    position: relative;
    line-height: 18px;
    padding-right: 15px;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
}

.product_box .visual .shortcut:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 67.629% 48.148%;
    width: 15px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    display: block;
    content: "";
}

.product_box .visual .shortcut:hover {
    text-decoration: underline;
}

.product_box .info {
    position: relative;
    width: calc(100% - 550px);
    padding: 55px 0 40px 50px;
    height: 510px;
    float: right;
    border: 1px solid #dfdfdf;
}

.product_box .info h3 {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #242424;
    font-size: 2.25rem;
    font-weight: 700;
}

.product_box .info p {
    line-height: 1.625rem;
    color: #242424;
    font-size: 1.063rem;
    font-weight: 400;
}

.product_box .info p + p {
    margin-top: 35px;
}

.product_box .icon_wrap {
    position: absolute;
    left: 55px;
    bottom: 130px;
}

.product_box .icon_wrap ul {
    font-size: 0;
}

.product_box .icon_wrap ul li {
    min-width: 75px;
    text-align: center;
    display: inline-block;
    vertical-align: text-top;
}

.product_box .icon_wrap ul li + li {
    margin-left: 30px;
}

.product_box .icon_wrap ul li span {
    padding-top: 13px;
    display: block;
    line-height: 1.125rem;
    color: #7e8084;
    font-size: 0.9375rem;
    font-weight: 300;
}

.product_box .icon_wrap ul li i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    background: #006cb4;
    position: relative;
    background: -o-linear-gradient(106deg, #006cb4 0%, #fc5948 100%);
    background: linear-gradient(-16deg, #006cb4 0%, #fc5948 100%);
}

.product_box .icon_wrap ul li i:before {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product_box.png) no-repeat;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: absolute;
    display: block;
    content: "";
}

.product_box .icon_wrap ul li i.cc:before {
    background-position: 21.304% 1.285%;
    width: 40px;
    height: 33px;
}

.product_box .icon_wrap ul li i.gs:before {
    background-position: 11.522% 1.285%;
    width: 40px;
    height: 33px;
}

.product_box .icon_wrap ul li i.software:before {
    background-position: 1.728% 1.304%;
    width: 37px;
    height: 40px;
}

.product_box .icon_wrap ul li i.patent:before {
    background-position: 11.89% 30.736%;
    width: 29px;
    height: 38px;
}

.product_box .icon_wrap ul li i.fido:before {
    background-position: 31.087% 1.285%;
    width: 40px;
    height: 33px;
}

.product_box .icon_wrap ul li i.merged_log:before {
    background-position: 41.342% 1.304%;
    width: 38px;
    height: 40px;
}

.product_box .icon_wrap ul li i.user_route:before {
    background-position: 52.902% 1.339%;
    width: 52px;
    height: 52px;
}

.product_box .icon_wrap ul li i.reenact:before {
    background-position: 65.044% 1.559%;
    width: 48px;
    height: 51px;
}

.product_box .icon_wrap ul li i.realtime_log:before {
    background-position: 74.946% 1.316%;
    width: 33px;
    height: 44px;
}

.product_box .icon_wrap ul li i.mgmt_policy:before {
    background-position: 85.185% 1.307%;
    width: 41px;
    height: 41px;
}

.product_box .icon_wrap ul li i.mgmt_log:before {
    background-position: 94.181% 1.304%;
    width: 36px;
    height: 40px;
}

.product_box .icon_wrap ul li i.report_route:before {
    background-position: 1.728% 11.373%;
    width: 37px;
    height: 34px;
}

.product_box .icon_wrap ul li i.merge_report:before {
    background-position: 10.846% 11.472%;
    width: 39px;
    height: 38px;
}

.product_box .icon_wrap ul li i.visual_3d:before {
    background-position: 20.614% 11.472%;
    width: 44px;
    height: 38px;
}

.product_box .icon_wrap ul li i.visual_user:before {
    background-position: 31.36% 11.135%;
    width: 44px;
    height: 42px;
}

.product_box .icon_wrap ul li i.visual_route:before {
    background-position: 41.739% 11.447%;
    width: 40px;
    height: 37px;
}

.product_box .icon_wrap ul li i.visual_log:before {
    background-position: 50.749% 14.254%;
    width: 33px;
    height: 44px;
}

.product_box .icon_wrap ul li i.vaegis_cwpp:before {
    background-position: 61.111% 14.223%;
    width: 50px;
    height: 43px;
}

.product_box .icon_wrap ul li i.vaegis_mgmt:before {
    background-position: 71.895% 13.377%;
    width: 41px;
    height: 44px;
}

.product_box .icon_wrap ul li i.vaegis_cloud:before {
    background-position: 82.637% 13.053%;
    width: 45px;
    height: 48px;
}

.product_box .icon_wrap ul li i.vaegis_seq:before {
    background-position: 94.053% 12.691%;
    width: 46px;
    height: 43px;
}

.product_box .icon_wrap ul li i.cAegis01:before {
    background-position: 0.658% 52.155%;
    width: 44px;
    height: 36px;
}

.product_box .icon_wrap ul li i.cAegis02:before {
    background-position: 11.548% 52.512%;
    width: 45px;
    height: 48px;
}

.product_box .icon_wrap ul li i.cAegis03:before {
    background-position: 23.026% 52.876%;
    width: 44px;
    height: 48px;
}

.product_box .icon_wrap ul li i.cAegis04:before {
    background-position: 34.416% 52.838%;
    width: 38px;
    height: 42px;
}

.product_box .icon_wrap ul li i.mypc_monitor:before {
    background-position: 1.515% 20.215%;
    width: 38px;
    height: 35px;
}

.product_box .icon_wrap ul li i.agent_mgmt:before {
    background-position: 10.87% 21.133%;
    width: 40px;
    height: 41px;
}

.product_box .icon_wrap ul li i.compact_pc:before {
    background-position: 20.479% 21.007%;
    width: 41px;
    height: 43px;
}

.product_box .icon_wrap ul li i.bigdata:before {
    background-position: 30.973% 21.46%;
    width: 48px;
    height: 48px;
}

.product_box .icon_wrap ul li i.virus:before {
    background-position: 42.605% 23.414%;
    width: 47px;
    height: 43px;
}

.product_box .icon_wrap ul li i.cloud:before {
    background-position: 53.744% 24.947%;
    width: 46px;
    height: 27px;
}

.product_box .icon_wrap ul li i.machine_learning:before {
    background-position: 65.198% 25.109%;
    width: 46px;
    height: 42px;
}

.product_box .icon_wrap ul li i.profiling:before {
    background-position: 75.108% 24.838%;
    width: 38px;
    height: 37px;
}

.product_box .icon_wrap ul li i.unity:before {
    background-position: 85.185% 24.573%;
    width: 41px;
    height: 32px;
}

.product_box .icon_wrap ul li i.next_G:before {
    background-position: 96.689% 24.561%;
    width: 47px;
    height: 44px;
}

.product_box .icon_wrap ul li i.apt:before {
    background-position: 0.442% 30.088%;
    width: 48px;
    height: 48px;
}

.product_box .icon_wrap ul li i.rootc01:before {
    background-position: 34.279% 42.14%;
    width: 42px;
    height: 42px;
}

.product_box .icon_wrap ul li i.rootc02:before {
    background-position: 45.295% 42.105%;
    width: 43px;
    height: 44px;
}

.product_box .icon_wrap ul li i.sgazta01:before {
    background-position: 1.299% 42.105%;
    width: 38px;
    height: 44px;
}

.product_box .icon_wrap ul li i.sgazta02:before {
    background-position: 11.004% 42.174%;
    width: 44px;
    height: 40px;
}

.product_box .icon_wrap ul li i.sgazta03:before {
    background-position: 22.507% 42.174%;
    width: 46px;
    height: 40px;
}

.product_box .btn_wrap {
    margin-top: 0;
    position: absolute;
    left: 55px;
    bottom: 45px;
}

.product_box .btn_wrap .contact {
    color: #242424;
    font-size: 0.9375rem;
    font-weight: 400;
    margin-bottom: 13px;
    display: block;
}

.product_box .btn_wrap .btn {
    display: inline-block;
    width: 160px;
    height: 50px;
    line-height: 48px;
    font-size: 1rem;
    font-weight: 400;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.product_box .btn_wrap .btn + .btn {
    margin-left: 7px;
}

.product_box .btn_wrap .btn.light {
    border: 1px solid #9d9d9d;
    -webkit-transition: border .4s;
    -o-transition: border .4s;
    transition: border .4s;
}

.product_box .btn_wrap .btn.light:hover {
    border: 1px solid #222;
}

.product_box .btn_wrap .btn.light:hover span:before {
    background: #222;
}

.product_box .btn_wrap .btn.dark {
    color: #fff;
    border: 1px solid #444;
    background-color: #444;
    font-weight: 300;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.product_box .btn_wrap .btn.dark:hover {
    background-color: #222;
}

.product_box .btn_wrap .btn.dark:hover span:before {
    background: #fff;
}

.product_box .btn_wrap .btn span {
    position: relative;
    padding: 0 3px;
    font-size: 15px;
}

.product_box .btn_wrap .btn span:before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: transparent;
    height: 1px;
    -webkit-transition-property: left, right;
    -o-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.product_box .btn_wrap .btn:hover span:before {
    left: 0;
    right: 0;
}

.product_cont + .product_cont {
    margin-top: 80px;
}

.product_cont.bgimg {
    padding-top: 80px;
}

.product_cont.bgimg .inner_title h3 {
    color: #fff;
}

.product_cont.bgimg .inner_title h3:after {
    background-color: #fff;
}

.product_tbl + .product_tbl {
    margin-top: 30px;
}

.product_tbl_title {
    padding-bottom: 15px;
    *zoom: 1;
}

.product_tbl_title:after {
    display: block;
    clear: both;
    content: "";
}

.product_tbl_title h4 {
    color: #333333;
    font-size: 1.375rem;
    font-weight: 500;
}

.product_tbl_title .product_tbl_caption {
    padding-top: 0;
}

.product_tbl table {
    width: 100%;
    border-bottom: 1px solid #e3e5e5;
    border-top: 1px solid #555555;
}

.product_tbl thead {
    border-bottom: 1px solid #e3e5e5;
}

.product_tbl thead tr + tr {
    border-top: 1px solid #e3e5e5;
}

.product_tbl thead th {
    padding: 11px 5px;
    color: #333;
    font-size: 1rem;
    font-weight: 500;
    background-color: #f9fafb;
    border-left: 1px solid #e3e5e5;
    border-right: 1px solid #e3e5e5;
}

.product_tbl thead th:first-child {
    border-left: 0;
}

.product_tbl thead th:last-child {
    border-right: 0;
}

.product_tbl thead th.hei70 {
    padding: 26px 5px;
}

.product_tbl tbody tr + tr {
    border-top: 1px solid #e3e5e5;
}

.product_tbl tbody th {
    background-color: #f9fafb;
    color: #333;
    font-size: 0.9375rem;
    font-weight: 400;
    padding: 11px 18px;
    text-align: left;
    line-height: 1.125rem;
    border-right: 1px solid #e3e5e5;
}

.product_tbl tbody th + td {
    border-left: 1px solid #e3e5e5;
}

.product_tbl tbody th + th {
    border-left: 1px solid #e3e5e5;
}

.product_tbl tbody td {
    padding: 11px 18px;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.125rem;
}

.product_tbl tbody td + td {
    border-left: 1px solid #e3e5e5;
}

.product_tbl tbody td .ico_support {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fd7065;
    margin: auto;
}

.product_tbl tbody td .ico_notsupport {
    margin: auto;
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
}

.product_tbl tbody td .ico_notsupport:before {
    position: absolute;
    top: 0;
    left: 7px;
    width: 1px;
    height: 16px;
    background-color: #fd7065;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: "";
}

.product_tbl tbody td .ico_notsupport:after {
    position: absolute;
    top: 0;
    right: 8px;
    width: 1px;
    height: 16px;
    background-color: #fd7065;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    content: "";
}

.product_tbl tbody td .bullet ul li {
    line-height: 26px;
    font-size: 0.9375rem;
    font-weight: 300;
}

.product_tbl tbody td .bullet ul li:before {
    width: 4px;
    height: 4px;
    top: 12px;
}

.product_tbl tbody td .bullet ul li + li {
    margin-top: 0;
}

.product_tbl tbody th .square ul li {
    line-height: 26px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #333;
}

.product_tbl tbody th .square ul li:before {
    width: 4px;
    height: 4px;
    top: 12px;
}


.product_tbl_caption {
    text-align: right;
    padding-top: 15px;
    line-height: 1.125rem;
    color: #666;
    font-size: 0.875rem;
    font-weight: 300;
}


.icon_lst > ul li {
    *zoom: 1;
}

.icon_lst > ul li:after {
    display: block;
    clear: both;
    content: "";
}

.icon_lst > ul li + li {
    margin-top: 45px;
}

.icon_lst dl {
    width: 545px;
    min-height: 100px;
    padding-left: 120px;
    position: relative;
}

.icon_lst ul.line dl {
    width: 100%;
}

.icon_lst.RootChain dl {
    text-align: left;
    width: 100%;
}

.icon_lst dl:nth-child(odd) {
    float: left;
}

.icon_lst dl:nth-child(even) {
    float: right;
}

.icon_lst dl.full {
    width: 100%;
}

.icon_lst dl span {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #36a4ef;
}

.icon_lst dl span:after {
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.icon_lst dl dt {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5rem;
    letter-spacing: -0.04em;
    color: #242424;
    font-size: 1.25rem;
    font-weight: 500;
}

.icon_lst dl dd {
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
}

.icon_lst.RootChain dl dd:before {
    width: 5px;
    height: 1px;
    border-radius: 50%;
    position: relative;
    top: 12px;
    left: -15px;
    background-color: #242424;
    display: block;
    content: "";
}

.icon_lst.RootChain dl dd {
    padding-left: 15px;
}

.icon_lst.RootChain dl dd:nth-child(even) {
    float: left;
    width: 50%;
}

.icon_lst.RootChain dl dd:nth-child(odd) {
    color: #666;
    float: left;
    position: relative;
}


.icon_lst dl dd .bullet ul li {
    line-height: 24px;
    padding-left: 10px;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
}

.icon_lst dl dd .bullet ul li:before {
    top: 12px;
    width: 2px;
    height: 2px;
    background-color: #333;
}

.icon_lst dl dd .bullet ul li + li {
    margin-top: 0;
}

.icon_lst dl dd .bullet .no_bullet li {
    padding-left: 0;
}

.opacity_box_lst > ul {
    *zoom: 1;
}

.opacity_box_lst > ul:after {
    display: block;
    clear: both;
    content: "";
}

.opacity_box_lst > ul + ul {
    margin-top: 30px;
}

.opacity_box_lst > ul.line + ul.line {
    margin-top: 15px;
}

.opacity_box_lst > ul > li {
    position: relative;
    padding: 40px 30px 30px 40px;
    width: calc(50% - 15px);
    float: left;
    height: 270px;
    letter-spacing: -0.04em;
    background-color: rgba(250, 250, 250, 0.9);
}

.opacity_box_lst > ul.line > li {
    width: 70%;
    height: 195px;
    margin: auto;
    float: none;
}

.opacity_box_lst > ul > li + li {
    margin-left: 30px;
}

.opacity_box_lst > ul > li:after {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: block;
    content: "";
}

.opacity_box_lst > ul.full > li {
    width: 100%;
}

.opacity_box_lst dl dt {
    color: #242424;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 26px;
}

.opacity_box_lst dl dd {
    color: #242424;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding-left: 10px;
    position: relative;
}

.opacity_box_lst dl dd:before {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #242424;
    display: block;
    content: "";
}

.opacity_box_lst dl dd > ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

.opacity_box_lst dl dd > ul > li {
    color: #666666;
}

/****************************************************
*    System & CloudSecurity
******************************************************/
.sub.system_security .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
}

.sub.system_security .icon_lst dl span.ico_rc_01:after {
    background-position: 1.832% 0;
    width: 54px;
    height: 52px;
}

.sub.system_security .icon_lst dl span.ico_rc_02:after {
    background-position: 12.987% 0;
    width: 61px;
    height: 55px;
}

.sub.system_security .icon_lst dl span.ico_rc_03:after {
    background-position: 25.547% 0;
    width: 52px;
    height: 55px;
}

.sub.system_security .icon_lst dl span.ico_rc_04:after {
    background-position: 37.523% 0;
    width: 67px;
    height: 56px;
}

.sub.system_security .icon_lst dl span.ico_rc_05:after {
    background-position: 51.188% 0;
    width: 53px;
    height: 58px;
}

.sub.system_security .icon_lst dl span.ico_rc_06:after {
    background-position: 62.821% 0;
    width: 54px;
    height: 49px;
}

.sub.system_security .icon_lst dl span.ico_rc_07:after {
    background-position: 77.652% 1.268%;
    width: 72px;
    height: 48px;
}

.sub.system_security .icon_lst dl span.ico_rc_08:after {
    background-position: 1.835% 12.844%;
    width: 55px;
    height: 55px;
}

.sub.system_security .icon_lst dl span.ico_rc_09:after {
    background-position: 14.652% 12.909%;
    width: 54px;
    height: 50px;
}

.sub.system_security .icon_lst dl span.ico_auth_01:after {
    background-position: 0.735% 25.788%;
    width: 56px;
    height: 61px;
}

.sub.system_security .icon_lst dl span.ico_auth_02:after {
    background-position: 12.066% 25.967%;
    width: 53px;
    height: 57px;
}

.sub.system_security .icon_lst dl span.ico_auth_03:after {
    background-position: 23.327% 25.741%;
    width: 47px;
    height: 60px;
}

.sub.system_security .icon_lst dl span.ico_auth_04:after {
    background-position: 33.824% 25.967%;
    width: 56px;
    height: 57px;
}

.sub.system_security .icon_lst dl span.ico_audit_01:after {
    background-position: 12.431% 38.165%;
    width: 53px;
    height: 55px;
}

.sub.system_security .icon_lst dl span.ico_audit_02:after {
    background-position: 62.547% 40.545%;
    width: 66px;
    height: 50px;
}

.sub.system_security .icon_lst dl span.ico_audit_03:after {
    background-position: 23.97% 37.828%;
    width: 66px;
    height: 66px;
}

.sub.system_security .icon_lst dl span.ico_audit_04:after {
    background-position: 1.465% 38.686%;
    width: 54px;
    height: 52px;
}

.sub.system_security .icon_lst dl span.ico_audit_05:after {
    background-position: 2.015% 60.949%;
    width: 54px;
    height: 52px;
}

.sub.system_security .icon_lst dl span.ico_audit_06:after {
    background-position: 78.119% 51.934%;
    width: 47px;
    height: 57px;
}

.sub.system_security .icon_lst dl span.ico_audit_07:after {
    background-position: 75.322% 40.619%;
    width: 57px;
    height: 51px;
}

.sub.system_security .icon_lst dl span.ico_audit_08:after {
    background-position: 1.642% 49.632%;
    width: 52px;
    height: 56px;
}

.sub.system_security .icon_lst dl span.ico_enterprise_01:after {
    background-position: 50.808% 51.92%;
    width: 43px;
    height: 53px;
}

.sub.system_security .icon_lst dl span.ico_enterprise_02:after {
    background-position: 12.431% 38.165%;
    width: 53px;
    height: 55px;
}

.sub.system_security .icon_lst dl span.ico_enterprise_03:after {
    background-position: 59.353% 51.845%;
    width: 44px;
    height: 58px;
}

.sub.system_security .icon_lst dl span.ico_enterprise_04:after {
    background-position: 68.727% 51.371%;
    width: 50px;
    height: 53px;
}

.sub.system_security .icon_lst dl span.ico_enterprise_05:after {
    background-position: 78.119% 51.934%;
    width: 47px;
    height: 57px;
}

.sub.system_security .icon_lst dl span.ico_enterprise_06:after {
    background-position: 2.015% 60.949%;
    width: 54px;
    height: 52px;
}

.sub.system_security .icon_lst dl span.ico_enterprise_07:after {
    background-position: 80.479% 13.051%;
    width: 57px;
    height: 56px;
}

.sub.cloud_security .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
}

.sub.cloud_security .icon_lst dl span.ico_vAegis_01:after {
    background-position: 39.259% 51.571%;
    width: 60px;
    height: 59px;
}

.sub.cloud_security .icon_lst dl span.ico_vAegis_02:after {
    background-position: 1.832% 0;
    width: 54px;
    height: 52px;
}

.sub.cloud_security .icon_lst dl span.ico_vAegis_03:after {
    background-position: 36.594% 37.963%;
    width: 48px;
    height: 60px;
}

.sub.cloud_security .icon_lst dl span.ico_vAegis_04:after {
    background-position: 96.325% 0.774%;
    width: 83px;
    height: 83px;
}

.sub.cloud_security .icon_lst dl span.ico_vAegis_05:after {
    background-position: 91.713% 17.311%;
    width: 57px;
    height: 57px;
}

.sub.cloud_security .icon_lst dl span.ico_vAegis_06:after {
    top: 10px;
    background-position: 89.924% 28.727%;
    width: 74px;
    height: 50px;
}

.sub.cloud_security .icon_lst dl span.ico_vAegis_07:after {
    background-position: 87.269% 40.884%;
    width: 58px;
    height: 57px;
}

.sub.cloud_security .icon_lst.cAegis dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product06.png) no-repeat;
}

.sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_01:after {
    background-position: 2.83% 24.854%;
    width: 63px;
    height: 66px;
}

.sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_02:after {
    background-position: 19.765% 24.928%;
    width: 62px;
    height: 63px;
}

.sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_03:after {
    background-position: 36.185% 24.405%;
    width: 61px;
    height: 72px;
}

.sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_04:after {
    background-position: 54.976% 24.556%;
    width: 65px;
    height: 70px;
}

.sub.system_security .opacity_box_lst > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
}

.sub.system_security .opacity_box_lst > ul > li.ico_rc_01:after {
    background-position: 27.767% 12.915%;
    width: 67px;
    height: 58px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_rc_02:after {
    background-position: 42.593% 13.133%;
    width: 60px;
    height: 67px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_rc_03:after {
    background-position: 55.576% 12.689%;
    width: 62px;
    height: 72px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_rc_04:after {
    background-position: 68.809% 12.406%;
    width: 71px;
    height: 68px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_auth_01:after {
    background-position: 47.29% 28.229%;
    width: 65px;
    height: 58px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_auth_02:after {
    background-position: 60.526% 27.985%;
    width: 68px;
    height: 64px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_auth_03:after {
    background-position: 74.254% 27.083%;
    width: 64px;
    height: 72px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_audit_01:after {
    background-position: 25.891% 50.943%;
    width: 67px;
    height: 70px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_audit_02:after {
    background-position: 58.672% 63.771%;
    width: 58px;
    height: 59px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_audit_03:after {
    background-position: 46.568% 64.906%;
    width: 61px;
    height: 70px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_enterprise_01:after {
    background-position: 23.713% 65.028%;
    width: 56px;
    height: 71px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_enterprise_02:after {
    background-position: 35.478% 64.916%;
    width: 56px;
    height: 67px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_enterprise_03:after {
    background-position: 58.672% 63.771%;
    width: 58px;
    height: 59px;
}

.sub.system_security .opacity_box_lst > ul > li.ico_enterprise_04:after {
    background-position: 46.568% 64.906%;
    width: 61px;
    height: 70px;
}

.sub.cloud_security .opacity_box_lst > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
}

.sub.cloud_security .opacity_box_lst > ul > li.ico_vAegis_01:after {
    background-position: 68.809% 12.406%;
    width: 71px;
    height: 68px;
}

.sub.cloud_security .opacity_box_lst > ul > li.ico_vAegis_02:after {
    background-position: 60.526% 27.985%;
    width: 68px;
    height: 64px;
}

.sub.cloud_security .opacity_box_lst > ul > li.ico_vAegis_03:after {
    background-position: 35.478% 64.916%;
    width: 56px;
    height: 67px;
}

.sub.cloud_security .opacity_box_lst > ul > li.ico_vAegis_04:after {
    background-position: 55.576% 12.689%;
    width: 62px;
    height: 72px;
}

.sub.cloud_security .opacity_box_lst.cAegis > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product06.png) no-repeat;
}

.sub.cloud_security .opacity_box_lst.cAegis > ul > li.ico_cAegis_01:after {
    background-position: 2.824% 2.346%;
    width: 62px;
    height: 67px;
}

.sub.cloud_security .opacity_box_lst.cAegis > ul > li.ico_cAegis_02:after {
    background-position: 22.038% 3.704%;
    width: 65px;
    height: 57px;
}

.sub.cloud_security .opacity_box_lst.cAegis > ul > li.ico_cAegis_03:after {
    background-position: 41.39% 2.2%;
    width: 70px;
    height: 72px;
}

.sub.system_security #redCastle .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_redcastle.png") no-repeat;
}

.sub.system_security #redCastle .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img01.png") no-repeat;
    background-size: 100% 860px;
}

.sub.system_security #authCastle .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_authcastle.png") no-repeat;
}

.sub.system_security #authCastle .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_auth.png") no-repeat;
    background-size: 100% 860px;
}

.sub.system_security #auditCastle .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_auditcastle.png") no-repeat;
}

.sub.system_security #auditCastle .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_audit.png") no-repeat;
    background-size: 100% 860px;
}

.sub.system_security #enterpriseCastle .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_enterprise.png") no-repeat;
}

.sub.system_security #enterpriseCastle .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_enter.png") no-repeat;
    background-size: 100% 860px;
}

.sub.cloud_security #vAegis .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_vAegis.png") no-repeat;
}

.sub.cloud_security #vAegis .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_vAegis.png") no-repeat;
    background-position: center;
    background-size: 100% 860px;
}

.sub.cloud_security #cAegis .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_cAegis.png") no-repeat;
}

.sub.cloud_security #cAegis .product_cont.bgimg {
    height: 100%;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_cAegis.png") no-repeat;
    background-position: center;
    background-size: 100% 860px;
}

/****************************************************
*    Endpoint & NextG security
******************************************************/
.sub.endpoint_security .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product02.png) no-repeat;
}

.sub.endpoint_security .icon_lst dl span.ico_vc_01:after {
    background-position: 12.11% 14.312%;
    width: 55px;
    height: 55px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc_02:after {
    background-position: 1.471% 51.184%;
    width: 56px;
    height: 51px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc_03:after {
    background-position: 69.928% 64.522%;
    width: 48px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc_04:after {
    background-position: 23.529% 52.037%;
    width: 56px;
    height: 60px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc_05:after {
    background-position: 56.909% 74.909%;
    width: 50px;
    height: 50px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc_06:after {
    background-position: 65.448% 51.654%;
    width: 53px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_01:after {
    background-position: 1.463% 14.418%;
    width: 53px;
    height: 59px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_02:after {
    background-position: 14.684% 87.868%;
    width: 62px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_03:after {
    background-position: 22.909% 14.576%;
    width: 50px;
    height: 58px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_04:after {
    background-position: 33.395% 14.991%;
    width: 58px;
    height: 53px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_05:after {
    background-position: 27.106% 86.751%;
    width: 54px;
    height: 49px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_06:after {
    background-position: 12.11% 14.312%;
    width: 55px;
    height: 55px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_07:after {
    background-position: 90.58% 65.385%;
    width: 48px;
    height: 54px;
}

.sub.endpoint_security .icon_lst dl span.ico_patch_08:after {
    background-position: 66.236% 14.808%;
    width: 58px;
    height: 53px;
}

.sub.endpoint_security .icon_lst dl span.ico_daloc_01:after {
    background-position: 98.893% 27.037%;
    width: 58px;
    height: 60px;
}

.sub.endpoint_security .icon_lst dl span.ico_daloc_02:after {
    background-position: 1.449% 38.94%;
    width: 48px;
    height: 53px;
}

.sub.endpoint_security .icon_lst dl span.ico_daloc_03:after {
    background-position: 22.08% 39.266%;
    width: 52px;
    height: 55px;
}

.sub.endpoint_security .icon_lst dl span.ico_daloc_04:after {
    background-position: 32.721% 38.909%;
    width: 56px;
    height: 50px;
}

.sub.endpoint_security .icon_lst dl span.ico_daloc_05:after {
    background-position: 43.773% 38.657%;
    width: 54px;
    height: 49px;
}

.sub.endpoint_security .icon_lst dl span.ico_daloc_06:after {
    background-position: 54.579% 38.657%;
    width: 54px;
    height: 49px;
}

.sub.endpoint_security .icon_lst dl span.ico_mypc_01:after {
    background-position: 1.471% 51.184%;
    width: 56px;
    height: 51px;
}

.sub.endpoint_security .icon_lst dl span.ico_mypc_02:after {
    background-position: 12.637% 52.037%;
    width: 54px;
    height: 60px;
}

.sub.endpoint_security .icon_lst dl span.ico_mypc_03:after {
    background-position: 44.751% 51.654%;
    width: 57px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_mypc_04:after {
    background-position: 34.301% 51.75%;
    width: 49px;
    height: 57px;
}

.sub.endpoint_security .icon_lst dl span.ico_mypc_05:after {
    background-position: 1.292% 63.956%;
    width: 58px;
    height: 59px;
}

.sub.endpoint_security .icon_lst dl span.ico_mypc_06:after {
    background-position: 65.448% 51.654%;
    width: 53px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc10_01:after {
    background-position: 59.89% 63.419%;
    width: 54px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc10_02:after {
    background-position: 69.928% 64.522%;
    width: 48px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc10_03:after {
    background-position: 79.964% 64.76%;
    width: 51px;
    height: 58px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc10_04:after {
    background-position: 63.956% 88.355%;
    width: 59px;
    height: 59px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc10_05:after {
    background-position: 23.408% 75.691%;
    width: 66px;
    height: 57px;
}

.sub.endpoint_security .icon_lst dl span.ico_vc10_06:after {
    background-position: 1.287% 75.275%;
    width: 56px;
    height: 54px;
}

.sub.endpoint_security .icon_lst dl span.ico_intelligence_01:after {
    background-position: 51.032% 87.386%;
    width: 67px;
    height: 53px;
}

.sub.endpoint_security .icon_lst dl span.ico_intelligence_02:after {
    background-position: 38.419% 88.683%;
    width: 56px;
    height: 61px;
}

.sub.endpoint_security .icon_lst dl span.ico_intelligence_03:after {
    background-position: 46.715% 75.735%;
    width: 52px;
    height: 56px;
}

.sub.endpoint_security .icon_lst dl span.ico_intelligence_04:after {
    background-position: 35.897% 76.252%;
    width: 54px;
    height: 61px;
}

.sub.endpoint_security .icon_lst dl span.ico_intelligence_05:after {
    background-position: 23.408% 75.691%;
    width: 66px;
    height: 57px;
}

.sub.endpoint_security .icon_lst dl span.ico_intelligence_06:after {
    background-position: 63.956% 88.355%;
    width: 59px;
    height: 59px;
}

.sub.endpoint_security .icon_lst dl span.ico_sentry_01:after {
    background-position: 98.893% 27.037%;
    width: 58px;
    height: 60px;
}

.sub.endpoint_security .icon_lst dl span.ico_sentry_02:after {
    background-position: 45.353% 14.936%;
    width: 62px;
    height: 51px;
}

.sub.endpoint_security .icon_lst dl span.ico_sentry_03:after {
    background-position: 66.236% 14.808%;
    width: 58px;
    height: 53px;
}

.sub.endpoint_security .icon_lst dl span.ico_sentry_04:after {
    background-position: 89.927% 39.483%;
    width: 54px;
    height: 58px;
}

.sub.endpoint_security .icon_lst dl span.ico_sentry_05:after {
    background-position: 76.111% 93.037%;
    width: 62px;
    height: 69px;
}

.sub.endpoint_security .icon_lst dl span.ico_sentry_06:after {
    background-position: 89.4% 92.5%;
    width: 64px;
    height: 64px;
}

.sub.endpoint_security .opacity_box_lst > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product02.png) no-repeat;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_01 {
    height: 250px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_01:after {
    background-position: 65.784% 1.695%;
    width: 71px;
    height: 69px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_02 {
    height: 250px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_02:after {
    background-position: 25.933% 1.673%;
    width: 64px;
    height: 62px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_03 {
    height: 250px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_03:after {
    background-position: 12.946% 26.266%;
    width: 67px;
    height: 67px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_04 {
    height: 250px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_04:after {
    background-position: 51.685% 26.266%;
    width: 66px;
    height: 67px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_01:after {
    background-position: 78.692% 39.057%;
    width: 65px;
    height: 70px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_02:after {
    background-position: 39.332% 26.365%;
    width: 61px;
    height: 69px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_03:after {
    background-position: 26.404% 26.88%;
    width: 66px;
    height: 68px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_04:after {
    background-position: 79.439% 1.838%;
    width: 65px;
    height: 56px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_daloc_01:after {
    background-position: 12.987% 99.629%;
    width: 61px;
    height: 61px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_daloc_02:after {
    background-position: 99.63% 55.492%;
    width: 59px;
    height: 72px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_daloc_03:after {
    background-position: 47.004% 99.812%;
    width: 66px;
    height: 67px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_daloc_04:after {
    background-position: 26.592% 99.261%;
    width: 66px;
    height: 59px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_01 {
    height: 310px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_01:after {
    background-position: 79.439% 1.838%;
    width: 65px;
    height: 56px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_02 {
    height: 310px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_02:after {
    background-position: 51.685% 26.266%;
    width: 66px;
    height: 67px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_03 {
    height: 300px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_03:after {
    background-position: 23.204% 63.838%;
    width: 57px;
    height: 58px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_04 {
    height: 300px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_04:after {
    background-position: 35.472% 63.72%;
    width: 70px;
    height: 57px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc10_01:after {
    background-position: 25.933% 1.673%;
    width: 64px;
    height: 62px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc10_02:after {
    background-position: 99.079% 14.815%;
    width: 57px;
    height: 60px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc10_03:after {
    background-position: 65.784% 1.695%;
    width: 71px;
    height: 69px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_vc10_04:after {
    background-position: 51.873% 1.673%;
    width: 66px;
    height: 62px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_01:after {
    background-position: 25.933% 1.673%;
    width: 64px;
    height: 62px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_02:after {
    background-position: 99.079% 14.815%;
    width: 57px;
    height: 60px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_03:after {
    background-position: 93.657% 78.049%;
    width: 64px;
    height: 67px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_04:after {
    background-position: 80.41% 78.897%;
    width: 64px;
    height: 74px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_05:after {
    background-position: 1.495% 89.869%;
    width: 65px;
    height: 67px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_01:after {
    background-position: 12.946% 26.266%;
    width: 67px;
    height: 67px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_02:after {
    background-position: 92.379% 2.045%;
    width: 62px;
    height: 62px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_03:after {
    background-position: 87.175% 14.76%;
    width: 62px;
    height: 58px;
}

.sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_04:after {
    background-position: 99.079% 14.815%;
    width: 57px;
    height: 60px;
}


.sub.endpoint_security #SentryVisual .opacity_box_lst > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
}

.sub.endpoint_security #SentryVisual .opacity_box_lst > ul > li.ico_visual_01:after {
    background-position: 36.431% 79.006%;
    width: 62px;
    height: 57px;
}

.sub.endpoint_security #SentryVisual .opacity_box_lst > ul > li.ico_visual_02:after {
    background-position: 48.909% 79.848%;
    width: 50px;
    height: 74px;
}

.sub.endpoint_security #SentryVisual .opacity_box_lst > ul > li.ico_visual_03:after {
    background-position: 61.381% 78.022%;
    width: 64px;
    height: 54px;
}

.sub.endpoint_security #SentryVisual .opacity_box_lst > ul > li.ico_visual_04:after {
    background-position: 76.836% 78.333%;
    width: 69px;
    height: 60px;
}

.sub.endpoint_security #SentryVisual .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
}

.sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_01:after {
    background-position: 70.772% 63.736%;
    width: 56px;
    height: 54px;
}

.sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_02:after {
    background-position: 81.319% 63.419%;
    width: 54px;
    height: 56px;
}

.sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_03:after {
    background-position: 0.731% 72.161%;
    width: 53px;
    height: 54px;
}

.sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_04:after {
    background-position: 11.658% 76.155%;
    width: 51px;
    height: 59px;
}

.sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_05:after {
    background-position: 2.015% 60.949%;
    width: 54px;
    height: 52px;
}

.sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_06:after {
    background-position: 28.636% 95.333%;
    width: 60px;
    height: 50px;
}


.sub.endpoint_security #virusChaser .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_vc.png") no-repeat;
}

.sub.endpoint_security #virusChaser .product_cont.bgimg {
    height: 820px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_vc.png") no-repeat;
    background-position: center;
    background-size: 100% 820px;
}

.sub.endpoint_security #patchChaser .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_patch.png") no-repeat;
}

.sub.endpoint_security #patchChaser .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_patch.png") no-repeat;
    background-size: 100% 860px;
}

.sub.endpoint_security #daLoc .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_daloc.png") no-repeat;
}

.sub.endpoint_security #daLoc .product_cont.bgimg {
    height: 860px !important;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_daloc.png") no-repeat;
    background-position: center;
    background-size: cover;
}

.sub.endpoint_security #daLoc .opacity_box_lst > ul > li {
    padding-top: 50px;
}

.sub.endpoint_security #daLoc .opacity_box_lst dl dd {
    color: #333333;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.875rem;
}

.sub.endpoint_security #daLoc .opacity_box_lst dl dd:before {
    top: 14px;
}

.sub.endpoint_security #vcMypc .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_mypc.png") no-repeat;
}

.sub.endpoint_security #vcMypc .product_cont.bgimg {
    height: 930px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_mypc.png") no-repeat;
    background-size: 100% 930px;
}

.sub.endpoint_security #sentryChaser .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_sentry.png") no-repeat;
}

.sub.endpoint_security #sentryChaser .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_sentry.png") no-repeat;
    background-position: center;
    background-size: cover;
}

.sub.endpoint_security #vcIntelligence .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_intelligence.png") no-repeat;
}

.sub.endpoint_security #vcIntelligence .product_cont.bgimg {
    height: 1160px !important;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_intelligence.png") no-repeat;
    background-size: cover;
}

.sub.endpoint_security #virusChaser10 .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_vc10.png") no-repeat;
}

.sub.endpoint_security #virusChaser10 .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_vc10.png") no-repeat;
    background-position: center;
    background-size: 100% 1040px;
}

.sub.endpoint_security #SentryVisual .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_visualcastle.png") no-repeat;
}

.sub.endpoint_security #SentryVisual .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_visual.png") no-repeat;
    background-size: 100% 860px;
}

/****************************************************
*    Application Security
******************************************************/
.sub.application_security .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product03.png) no-repeat;
}

.sub.application_security .icon_lst dl span.ico_tc_01:after {
    background-position: 18.736% 34.537%;
    width: 57px;
    height: 57px;
}

.sub.application_security .icon_lst dl span.ico_tc_02:after {
    background-position: 2.45% 2.489%;
    width: 51px;
    height: 58px;
}

.sub.application_security .icon_lst dl span.ico_tc_03:after {
    background-position: 16.667% 2.472%;
    width: 56px;
    height: 55px;
}

.sub.application_security .icon_lst dl span.ico_tc_04:after {
    background-position: 31.278% 2.489%;
    width: 46px;
    height: 58px;
}

.sub.application_security .icon_lst dl span.ico_tc_05:after {
    background-position: 45.045% 3.132%;
    width: 56px;
    height: 53px;
}

.sub.application_security .icon_lst dl span.ico_tc_06:after {
    background-position: 60.36% 2.895%;
    width: 56px;
    height: 51px;
}

.sub.application_security .icon_lst dl span.ico_fido_01:after {
    background-position: 20.179% 19.507%;
    width: 54px;
    height: 54px;
}

.sub.application_security .icon_lst dl span.ico_fido_02:after {
    background-position: 34.086% 18.962%;
    width: 57px;
    height: 57px;
}

.sub.application_security .icon_lst dl span.ico_fido_03:after {
    background-position: 18.736% 34.537%;
    width: 57px;
    height: 57px;
    left: 5px;
    top: -3px;
}

.sub.application_security .icon_lst dl span.ico_fido_04:after {
    left: 6px;
    background-position: 53.736% 36.537%;
    width: 60px;
    height: 65px;
}

.sub.application_security .opacity_box_lst > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product03.png) no-repeat;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_01 {
    height: 250px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_01:after {
    background-position: 76.018% 3.139%;
    width: 58px;
    height: 54px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_02 {
    height: 250px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_02:after {
    background-position: 92.063% 2.982%;
    width: 59px;
    height: 64px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_03 {
    height: 250px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_03:after {
    background-position: 2.552% 19.144%;
    width: 69px;
    height: 56px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_04 {
    height: 250px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_tc_04:after {
    background-position: 34.101% 34.18%;
    width: 66px;
    height: 67px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_fido_01:after {
    background-position: 64.977% 19.444%;
    width: 66px;
    height: 68px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_fido_02:after {
    background-position: 81.986% 19.213%;
    width: 67px;
    height: 68px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_fido_03 {
    height: 320px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_fido_03:after {
    background-position: 99.536% 18.837%;
    width: 69px;
    height: 70px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_fido_04 {
    height: 320px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_fido_04:after {
    background-position: 2.54% 35.514%;
    width: 67px;
    height: 72px;
}

.sub.application_security .opacity_box_lst.RootChain > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product05.png) no-repeat;
}

.sub.application_security .opacity_box_lst > ul > li.ico_RootChain_01:after {
    background-position: 43.797% 16.636%;
    width: 68px;
    height: 59px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_RootChain_02:after {
    background-position: 59.515% 16.636%;
    width: 64px;
    height: 59px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_RootChain_03:after {
    background-position: 73.557% 16.081%;
    width: 63px;
    height: 59px;
}

.sub.application_security .opacity_box_lst > ul > li.ico_RootChain_04:after {
    background-position: 85.326% 16.206%;
    width: 48px;
    height: 57px;
}

.sub.application_security .icon_lst.RootChain dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product05.png) no-repeat;
}

.sub.application_security .icon_lst dl span.ico_RootChain_01:after {
    background-position: 1.292% 16.636%;
    width: 58px;
    height: 59px;
}

.sub.application_security .icon_lst dl span.ico_RootChain_02:after {
    background-position: 14.1% 16.512%;
    width: 61px;
    height: 61px;
}

.sub.application_security .icon_lst dl span.ico_RootChain_03:after {
    background-position: 27.087% 17.153%;
    width: 61px;
    height: 52px;
}

.sub.application_security .icon_lst dl span.ico_tc_04:after {
    background-position: 31.278% 2.489%;
    width: 46px;
    height: 58px;
}


.sub.application_security #tc .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_tc.png") no-repeat;
}

.sub.application_security #tc .product_cont.bgimg {
    height: 820px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_tc.png") no-repeat;
    background-size: 100% 820px;
}

.sub.application_security #fido .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_fido.png") no-repeat;
}

.sub.application_security #fido .product_cont.bgimg {
    height: 920px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_fido.png") no-repeat;
    background-size: 100% 100%;
}

.sub.application_security #RootChain .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_rootchain.png") no-repeat;
}

.sub.application_security #RootChain .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_rootchain.png") no-repeat;
    background-size: 100% 100%;
}

.sub.application_security #RootChain .icon_lst > ul > li {
    text-align: center;
    padding: 20px;
}

.sub.application_security #RootChain .icon_lst.Root_sample dl {
    width: 100%;
    min-height: 100%;
    position: relative;
    padding-left: 160px;
}

.sub.application_security #RootChain .icon_lst.Root_sample dl dt {
    float: left;
    width: 200px;
}

.sub.application_security #RootChain .icon_lst.Root_sample dl dd {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.sub.application_security #RootChain .icon_lst.Root_sample dl dt img {
    float: left;
    max-height: 30px;
}

/****************************************************
*    Partner Solution
******************************************************/
.sub.partner_solution .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product04.png) no-repeat;
}

.sub.partner_solution .icon_lst dl span.ico_ve_01:after {
    background-position: 1.452% 1.633%;
    width: 49px;
    height: 49px;
}

.sub.partner_solution .icon_lst dl span.ico_ve_02:after {
    background-position: 11.905% 1.28%;
    width: 54px;
    height: 53px;
}

.sub.partner_solution .icon_lst dl span.ico_ve_03:after {
    background-position: 23.133% 0.921%;
    width: 51px;
    height: 57px;
    left: 5px;
}

.sub.partner_solution .icon_lst dl span.ico_ve_04:after {
    background-position: 33.945% 1.457%;
    width: 55px;
    height: 51px;
    left: 5px;
}

.sub.partner_solution .icon_lst dl span.ico_ve_05:after {
    background-position: 45.238% 1.636%;
    width: 54px;
    height: 50px;
}

.sub.partner_solution .icon_lst dl span.ico_ve_06:after {
    background-position: 56.41% 0.921%;
    width: 54px;
    height: 57px;
    left: 5px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_01:after {
    background-position: 14.936% 13.167%;
    width: 51px;
    height: 38px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_02:after {
    background-position: 28.488% 13.678%;
    width: 84px;
    height: 59px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_03:after {
    background-position: 47.115% 14.313%;
    width: 80px;
    height: 83px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_04:after {
    background-position: 60.536% 15.084%;
    width: 40px;
    height: 63px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_05:after {
    background-position: 70.304% 15.14%;
    width: 41px;
    height: 65px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_06:after {
    background-position: 82.657% 15.425%;
    width: 58px;
    height: 23px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_07:after {
    background-position: 95.238% 15.493%;
    width: 54px;
    height: 32px;
}

.sub.partner_solution .icon_lst dl span.ico_moto_08:after {
    background-position: 1.894% 28.131%;
    width: 72px;
    height: 81px;
}

.sub.partner_solution .opacity_box_lst > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product04.png) no-repeat;
}

.sub.partner_solution .opacity_box_lst > ul > li.ico_ve_01:after {
    background-position: 69.061% 1.313%;
    width: 57px;
    height: 67px;
}

.sub.partner_solution .opacity_box_lst > ul > li.ico_ve_02:after {
    background-position: 84% 0.943%;
    width: 75px;
    height: 70px;
}

.sub.partner_solution .opacity_box_lst > ul > li.ico_ve_03:after {
    background-position: 1.111% 12.593%;
    width: 60px;
    height: 60px;
}

.sub.partner_solution .opacity_box_lst > ul > li.ico_ve_04:after {
    background-position: 96.84% 0.938%;
    width: 62px;
    height: 67px;
}

.sub.partner_solution #voiceye .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_voiceye.png") no-repeat;
}

.sub.partner_solution #voiceye .product_cont.bgimg {
    height: 860px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_voiceye.png") no-repeat;
    background-size: 100% 860px;
    background-size: cover;
}

.sub.partner_solution #motorola .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_motorola.png") no-repeat;
}

/****************************************************
*    SGA ZTA
******************************************************/
/* .inner.zta {
	position: relative !important;
	bottom: 44px !important;
} */
.sub.product.ZTA .sub_top {
    background: url("https://sgasol.kr/assets/user/images/bg_sub_title_01_app.png") no-repeat;
    background-position: center;
}

.sub.ZTA .product_cont .inner + .inner {
    margin-top: 150px;
}

.sub.ZTA .product_cont .info {
    margin-top: 40px;
    padding-left: 30px;
}

.sub.ZTA .product_cont .info + .info {
    padding-left: 0;
}

.sub.ZTA .product_cont .info p {
    line-height: 1.625rem;
    color: #242424;
    font-size: 1.063rem;
    font-weight: 400;
}

.sub.ZTA .product_cont .info p + p {
    margin-top: 35px;
}

.sub.ZTA .product_cont .info_img {
    margin-top: 100px;
    text-align: center;
    width: 45%;
    display: inline-block;
}

.sub.ZTA .product_cont .info_img + .info_img {
    margin-left: 10px;
}

.sub.ZTA .product_cont .info_img + .arrow {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    content: '';
    width: 50px;
    height: 50px;
    border-top: 5px solid #2b5da9;
    border-right: 5px solid #2b5da9;
    transform: rotate(45deg);
}

.sub.ZTA .product_cont .arrow + .info_img {
    margin-left: 58px;
}

.sub.ZTA .product_cont .info_img .info_tit h4 {
    color: #fff;
}

.sub.ZTA .product_cont .info_img .info_tit {
    width: 185px;
    height: 30px;
    margin-bottom: 20px;
    margin: auto;
    padding-top: 5px;
    border-radius: 5px;
}

.sub.ZTA .product_cont .info_img .info_tit.asis {
    background: #bf9000;
}

.sub.ZTA .product_cont .info_img .info_tit.tobe {
    background: #ffc000;
}

.sub.ZTA .product_cont .info_img .diagram_cont_tit {
    width: 185px;
    height: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-top: 5px;
}

.sub.ZTA .product_cont .info_img .diagram_cont_tit.asis {
    background-color: #878787;
}

.sub.ZTA .product_cont .info_img .diagram_cont_tit.tobe {
    background: linear-gradient(90deg, #0d4194 0%, #0c2762 100%);
}

.sub.ZTA .product_cont .info_img .diagram_cont_cont {
    padding-left: 35px;
    height: 90px;
}

.sub.ZTA .product_cont .info_img .diagram_cont_cont dd {
    text-align: left;
}

.sub.ZTA .product_cont .info_img .diagram_cont_cont dd + dd {
    padding-top: 10px;
}


.sub.ZTA .product_cont .info_img .diagram_cont_cont dd:before {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: relative;
    top: 10px;
    right: 15px;
    background-color: #242424;
    display: block;
    content: "";
}


.sub.ZTA .product_cont .info_img .diagram_cont_tit h4 {
    color: #f6f6f6;
}

.sub.ZTA .icon_lst dd {
    color: #242424;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding-left: 10px;
    position: relative;
}

.sub.ZTA .icon_lst dd:before {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #242424;
    display: block;
    content: "";
}

.sub.ZTA .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
}

.sub.ZTA .icon_lst dl span.ico_rc_01:after {
    background-position: 1.832% 0;
    width: 54px;
    height: 52px;
}

.sub.ZTA .opacity_box_lst > ul > li {
    width: 70%;
    height: 195px;
    margin: auto;
    float: none;
}

.sub.ZTA #zta .opacity_box_lst > ul > li:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product05.png) no-repeat;
    width: 79px;
    height: 67px;
}

.sub.ZTA #zta .opacity_box_lst > ul > li.ico_zta_01:after {
    background-position: 67.424% 1.041%;
    width: 79px;
    height: 67px;
}

.sub.ZTA #zta .opacity_box_lst > ul > li.ico_zta_02:after {
    background-position: 81.424% 0.041%;
    width: 75px;
    height: 82px;
}

.sub.ZTA #zta .opacity_box_lst > ul > li.ico_zta_03:after {
    background-position: 94.424% 2.041%;
    width: 62px;
    height: 61px;
}

.sub.ZTA #zta .product_box .info {
    height: 555px;
    padding-top: 50px;
}

.sub.ZTA #zta .product_box .visual {
    background: url("https://sgasol.kr/assets/user/images/product/bg_productbox_sgazta.png") no-repeat;
    background-size: cover;
    height: 555px;
}

.sub.ZTA #zta .product_cont.bgimg {
    height: 820px;
    background: url("https://sgasol.kr/assets/user/images/product/bg_img_sgazta.png") no-repeat;
    background-size: cover;
    background-position: center;
}

.sub.ZTA #zta .product_box .icon_wrap {
    bottom: 90px;
}

.sub.ZTA #zta .product_box .btn_wrap {
    bottom: 30px;
}

.sub.ZTA .icon_lst dl span:after {
    background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
    /* 		background-size: 300px 300px;
		-webkit-background-size: 300px 300px; */
}

.sub.ZTA .icon_lst dl span.ico_zta_01:after {
    background-position: 0.926% 0.214%;
    width: 60px;
    height: 58px;
}

.sub.ZTA .icon_lst dl span.ico_zta_02:after {
    background-position: 12.919% -0.499%;
    width: 62px;
    height: 67px;
}

.sub.ZTA .icon_lst dl span.ico_zta_03:after {
    background-position: 25.208% -1%;
    width: 62px;
    height: 63px;
}

.sub.ZTA .icon_lst dl span.ico_zta_04:after {
    background-position: 37.566% 0.214%;
    width: 70px;
    height: 58px;
}

.sub.ZTA .icon_lst dl span.ico_zta_05:after {
    background-position: 51.228% -0.61%;
    width: 59px;
    height: 65px;
}


.sub_main.system_security .sub_main_top {
    background: url("https://sgasol.kr/assets/user/images/product/bg_sys_main.png") no-repeat;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.sub_main.system_security .sub_main_top .inner {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0 auto;
}

.sub_main.endpoint_security .sub_main_top {
    background: url("https://sgasol.kr/assets/user/images/product/bg_end_main.png") no-repeat;
    background-size: cover;
}

.sub_main.application_security .sub_main_top {
    background: url("https://sgasol.kr/assets/user/images/product/bg_app_main.png") no-repeat;
    background-size: cover;
}

.sub_main.application_security .sub_main_cont .bg_gray .box_col.trust dl {
    height: 250px;
}

.sub_main.application_security .sub_main_cont .bg_gray .box_col.fido dl {
    height: 290px;
}

.sub_main_top {
    height: calc(100vh - 60px);
    position: relative;
}

.sub_main_top .top_title {
    text-align: center;
    padding-top: 200px;
}

.sub_main_top .top_title h2 .kor {
    display: block;
    color: #0099ff;
    font-size: 1.375rem;
    font-weight: 500;
}

.sub_main_top .top_title h2 .eng {
    display: block;
    margin-top: 25px;
    color: #fff;
    font-size: 3.875rem;
    font-weight: 700;
}

.sub_main_top .top_title .dec {
    margin-top: 30px;
    line-height: 1.75rem;
    letter-spacing: -0.025em;
    color: #c8c8c8;
    font-size: 1.125rem;
    font-weight: 400;
}

.sub_main_top .top_title .btn {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300;
    height: 58px;
    line-height: 58px;
    min-width: 275px;
    border: 1px solid #c8c8c8;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.sub_main_top .top_title .btn_wrap {
    margin-top: 50px;
}

.sub_main_top .top_title .btn + .btn {
    margin-left: 15px;
}

.sub_main_top .top_title .btn:hover {
    border: 1px solid #fff;
    background-color: rgba(36, 36, 36, 0.8);
    text-decoration: underline;
}

.sub_main_top .top_title .ico_scroll {
    background: url(../images/spr_global_icon.png) no-repeat;
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: 9.071% 21.25%;
    width: 37px;
    height: 20px;
}

.sub_main_cont {
    padding-bottom: 150px;
}

.sub_main_cont .cont_title {
    line-height: 22px;
    padding-top: 145px;
    padding-bottom: 70px;
    text-align: center;
}

.sub_main_cont .cont_title h3 {
    color: #333333;
    font-size: 2.125rem;
    font-weight: 700;
}

.sub_main_cont .cont_title .dec {
    margin-top: 22px;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 400;
}

.sub_main_cont .cont_title .dec .bold {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 700;
}

.sub_main_cont .series_box {
    height: 740px;
    overflow: hidden;
    *zoom: 1;
}

.sub_main_cont .series_box:after {
    display: block;
    clear: both;
    content: "";
}

.sub_main_cont .series_box.reverse .visual {
    float: right;
}

.sub_main_cont .series_box.reverse .info {
    float: left;
    padding: 100px 70px 70px 360px;
}

.sub_main_cont .series_box .visual {
    width: 50%;
    height: 100%;
    float: left;
}

.sub_main_cont .series_box .visual img {
    width: 100%;
    height: 100%;
}

.sub_main_cont .series_box .info {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    padding: 100px 70px 70px;
}

.sub_main_cont .series_box .info h4 {
    margin-bottom: 45px;
    color: #333333;
    font-size: 2.25rem;
    font-weight: 700;
}

.sub_main_cont .series_box .info p + p {
    margin-top: 25px;
}

.sub_main_cont .series_box .info p em.blue {
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #0164b7;
    font-size: 1.1875rem;
    font-weight: 500;
}

.sub_main_cont .series_box .info p.dec {
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #333333;
    font-size: 1.1875rem;
    font-weight: 400;
}

.sub_main_cont .series_box .info_bottom {
    position: absolute;
    bottom: 70px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul {
    display: inline-block;
    font-size: 0;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li {
    vertical-align: text-top;
    position: relative;
    display: inline-block;
    padding-top: 75px;
    min-width: 85px;
    text-align: center;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li:before {
    background: url("https://sgasol.kr/assets/user/images/spr_sub_main.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    margin: 0 auto;
    display: block;
    content: "";
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li + li {
    margin-left: 40px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li span {
    line-height: 1.125rem;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle01:before {
    background-position: 1.563% 1.826%;
    width: 52px;
    height: 62px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle02:before {
    background-position: 15.801% 1.79%;
    width: 57px;
    height: 53px;
    top: 7px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle03:before {
    background-position: 31.05% 1.794%;
    width: 62px;
    height: 54px;
    top: 6px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle04:before {
    background-position: 46.622% 1.57%;
    width: 56px;
    height: 54px;
    top: 6px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.aegis01:before {
    background-position: 68.591% 0.901%;
    width: 67px;
    height: 56px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.aegis02:before {
    background-position: 85.126% 1.114%;
    width: 63px;
    height: 51px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.aegis03:before {
    background-position: 1.602% 17.149%;
    width: 63px;
    height: 51px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser01:before {
    background-position: 98.438% 0.913%;
    width: 52px;
    height: 62px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser02:before {
    background-position: 17.978% 17.661%;
    width: 55px;
    height: 64px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser03:before {
    background-position: 32.715% 16.592%;
    width: 69px;
    height: 54px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser04:before {
    background-position: 48.444% 17.342%;
    width: 50px;
    height: 56px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.nextG01:before {
    background-position: 61.024% 17.265%;
    width: 51px;
    height: 54px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.nextG02:before {
    background-position: 74.382% 17.156%;
    width: 55px;
    height: 57px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.nextG03:before {
    background-position: 89.269% 16.516%;
    width: 62px;
    height: 58px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.NGS01:before {
    background-position: 1.348% 63.761%;
    width: 55px;
    height: 64px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.NGS02:before {
    background-position: 15.862% 64.334%;
    width: 65px;
    height: 57px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.NGS03:before {
    background-position: 32.952% 63.761%;
    width: 63px;
    height: 64px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust01:before {
    background-position: 1.364% 31.293%;
    width: 60px;
    height: 59px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust02:before {
    background-position: 16.284% 33.79%;
    width: 64px;
    height: 62px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust03:before {
    background-position: 32.192% 30.543%;
    width: 62px;
    height: 58px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust04:before {
    background-position: 48.741% 31.9%;
    width: 63px;
    height: 58px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido01:before {
    background-position: 65.596% 33.259%;
    width: 64px;
    height: 49px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido02:before {
    background-position: 80.984% 33.484%;
    width: 53px;
    height: 58px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido03:before {
    background-position: 95.937% 32.88%;
    width: 57px;
    height: 59px;
}

.sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido04:before {
    background-position: 1.996% 46.259%;
    width: 49px;
    height: 59px;
}

.sub_main_cont .series_box .info_bottom .btn_wrap {
    margin-top: 40px;
}

.sub_main_cont .series_box .info_bottom .btn_wrap .link span {
    display: inline-block;
    position: relative;
    color: #333333;
    font-size: 0.875rem;
    font-weight: 400;
}

.sub_main_cont .series_box .info_bottom .btn_wrap .link span:hover {
    text-decoration: underline;
}

.sub_main_cont .series_box .info_bottom .btn_wrap .link span:after {
    background: url("https://sgasol.kr/assets/user/images/spr_sub_main.png") no-repeat;
    display: inline-block;
    position: absolute;
    margin-top: -2.5px;
    top: 50%;
    margin-left: 8px;
    background-position: 56.576% 1.014%;
    width: 21px;
    height: 7px;
    content: "";
}

.sub_main_cont .series_line_up + .series_line_up {
    margin-top: 50px;
}

.sub_main_cont .series_line_up .inner_title {
    padding-bottom: 20px;
}

.sub_main_cont .series_line_up .inner_title h4 {
    text-align: left;
    color: #333333;
    font-size: 1.375rem;
    font-weight: 700;
}

.sub_main_cont .series_line_up ul li {
    padding: 35px 0;
}

.sub_main_cont .series_line_up ul li a {
    margin: 15px auto 0;
    display: block;
    width: 90px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #8b8b8b;
    color: #666;
    font-size: 0.8125rem;
    font-weight: 400;
}

.sub_main_cont .series_line_up ul li a:hover {
    text-decoration: underline;
}

.sub_main_cont .info_box {
    *zoom: 1;
}

.sub_main_cont .info_box:after {
    display: block;
    clear: both;
    content: "";
}

.sub_main_cont .info_box .fl, .sub_main_cont .info_box .fr {
    width: 50%;
}

.sub_main_cont .info_box .info_img {
    border: 1px solid #dcdcdc;
    height: 300px;
    padding-top: 25%;
    color: #666;
    background-color: #f9f9f9;
    text-align: center;
}

.sub_main_cont .info_box .info_text {
    height: 300px;
    padding: 0 25px;
}

.sub_main_cont .info_box .info_text p {
    line-height: 22px;
    color: #242424;
    font-size: 1rem;
    font-weight: 300;
}

.sub_main_cont .info_box .info_text p em {
    display: block;
    padding-bottom: 20px;
    color: #242424;
    font-size: 1.25rem;
    font-weight: 500;
}

.sub_main_cont .bg_gray {
    padding: 100px 0 110px;
    background-color: #f7f8f9;
}

.sub_main_cont .bg_gray .box_col ul {
    text-align: center;
    font-size: 0;
}

.sub_main_cont .bg_gray .box_col ul li {
    width: 370px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.sub_main_cont .bg_gray .box_col ul li + li {
    margin-left: 30px;
}

.sub_main_cont .bg_gray .box_col .img {
    width: 100%;
    height: 240px;
}

.sub_main_cont .bg_gray .box_col dl {
    width: 100%;
    height: 250px;
    padding: 25px 25px 0;
    background-color: #fff;
    text-align: left;
    letter-spacing: -0.6px;
    border-bottom: 1px solid #c6c6c6;
}

.sub_main_cont .bg_gray .box_col dl dt {
    margin-bottom: 15px;
    line-height: 22px;
    color: #333333;
    font-size: 1.063rem;
    font-weight: 700;
}

.sub_main_cont .bg_gray .box_col dl dd {
    line-height: 24px;
    position: relative;
    padding-left: 10px;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}

.sub_main_cont .bg_gray .box_col dl dd:before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 1px;
    background-color: #666;
    display: block;
    content: "";
}

.sub_main_top.eventOn .top_title h2 .kor {
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.sub_main_top.eventOn .top_title h2 .eng {
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.sub_main_top.eventOn .dec {
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.sub_main_top.eventOn .btn_wrap {
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.sub_main_top.eventOn .ico_scroll {
    -webkit-animation: shake-vertical 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s both;
    animation: shake-vertical 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-4-22 14:2:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation kenburns-bottom
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%;
    }

    100% {
        -webkit-transform: scale(1 .25) translateY(15 px);


        transform: scale(1 .25) translateY(15 px);


        -webkit-transform-origin: bottom;


        transform-origin: bottom;

    }
}

@keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%;
    }

    100% {
        -webkit-transform: scale(1.25) translateY(15px);


        transform: scale(1.25) translateY(15px);


        -webkit-transform-origin: bottom;


        transform-origin: bottom;

    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-4-22 14:12:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);


        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);


        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-4-22 14:14:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);


        opacity: 1;
    }
}

@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);


        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-4-22 14:32:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);


        opacity: 1;
    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateY(-8px);


        transform: translateY(-8px);

    }

    20%,
    40%,
    60% {
        -webkit-transform: translateY(8px);


        transform: translateY(8px);

    }

    80% {
        -webkit-transform: translateY(6.4px);


        transform: translateY(6.4px);

    }

    90% {
        -webkit-transform: translateY(-6.4px);


        transform: translateY(-6.4px);

    }
}

@keyframes shake-vertical {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);


        transform: translateY(0);

    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateY(-8px);


        transform: translateY(-8px);

    }

    20%,
    40%,
    60% {
        -webkit-transform: translateY(8px);


        transform: translateY(8px);

    }

    80% {
        -webkit-transform: translateY(6.4px);


        transform: translateY(6.4px
        );

    }

    90% {
        -webkit-transform: translateY(-6.4px);


        transform: translateY(-6.4px);

    }
}

@media all and (max-width: 1800px) {
    .top_banner .top_banner_controller {
        right: -15%;
    }

    .top_banner .top_banner_controller .top_close_box {
        margin-left: 20px;
    }

    .sub_main_cont .series_box.reverse .info {
        padding: 100px 70px 70px 200px;
    }

    .sub_main_cont .series_box .info {
        padding: 70px 50px 70px;
    }
}

@media all and (max-width: 1750px) {
    .top_banner .top_banner_controller {
        right: -20%;
    }

    .top_banner .top_banner_controller .top_close_box {
        margin-left: 20px;
    }
}

@media all and (max-width: 1680px) {
    .top_banner {
        height: 190px;
    }

    .top_banner .top_banner_item {
        position: relative;
        padding: 20px 0 50px;
    }

    .top_banner .top_banner_controller {
        top: auto;
        bottom: 13px;
        right: 55px;
    }

    .top_banner .top_banner_controller .top_chk_box {
        line-height: 23px;
    }

    body.main header {
        top: 190px;
    }

    .main_slide .slide_item {
        padding-top: 0;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        bottom: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin: auto;
    }

    .main_slide .slide_item h2 {
        font-size: 3.5rem;
        line-height: 4rem;
    }

    .main_slide .slide_item .caption {
        padding-top: 20px;
    }

    .main_slide .slide_item .btn_wrap {
        margin-top: 0;
    }

    .main_visual .swiper-container .swiper-pagination {
        bottom: 70px;
        width: 100%;
    }

    .sub_main_top .top_title {
        padding-top: 150px;
    }

    .sub_main_top .top_title .ico_scroll {
        bottom: 80px;
    }

    .sub_main_cont .series_box.reverse .info {
        padding: 50px 50px 50px;
    }

    .sub_main_cont .bg_gray {
        padding: 80px 0 90px;
    }

    .sub_main_cont .bg_gray .box_col .img {
        height: auto;
    }

    .sub_main_cont .bg_gray .box_col ul li + li {
        margin-left: 20px;
    }

    .sub_main_cont .bg_gray .box_col dl dd {
        word-break: keep-all;
    }

    .sub_main_cont .bg_gray .box_col dl dd br {
        display: none;
    }

    .greetings br {
        display: none;
    }

    .greetings .greetings_cont {
        width: 70%;
    }

    .greetings .greetings_img {
        width: 30%;
    }

    .sub_top_title h2 {
        font-size: 2.5rem;
    }

    .inner_title h3 {
        font-size: 2.125rem;
    }

    .sky_banner {
        right: 2%;
        bottom: 130px;
    }
}

@media all and (max-width: 1536px) {
    .main_cont_product .info {
        padding: 105px 80px 25px;
    }
}

@media all and (max-width: 1500px) {
    .main_cont_product .info {
        padding: 40px 80px 25px;
    }

    .sub_main_cont .series_box {
        height: 600px;
    }

    .sub_main_cont .series_box .info p.dec {
        line-height: 26px;
    }

    .sub_main_cont .series_box .info p em.blue {
        line-height: 26px;
    }

    .sub_main_cont .series_box .info_bottom {
        bottom: 50px;
    }

    .sub_main_cont .series_box .info_bottom .btn_wrap {
        margin-top: 30px;
    }

    .sub_main_cont .series_box .info_bottom .btn_wrap .link span {
        font-size: 1rem;
    }

    .sub_main_cont .series_box .info_bottom {
        margin-top: 20px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li {
        padding-top: 40px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li + li {
        margin-left: 15px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico:before {
        background: url("https://sgasol.kr/assets/user/images/spr_sub_main.png") no-repeat;
        background-size: 250px 250px;
        -webkit-background-size: 250px 250px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle01:before {
        width: 26px;
        height: 31px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle02:before {
        width: 29px;
        height: 27px;
        top: 5px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle03:before {
        width: 31px;
        height: 27px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.castle04:before {
        width: 28px;
        height: 27px;
        top: 5px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.aegis01:before {
        width: 34px;
        height: 28px;
        top: 5px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.aegis02:before {
        width: 32px;
        height: 26px;
        top: 5px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.aegis03:before {
        width: 32px;
        height: 26px;
        top: 5px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser01:before {
        width: 26px;
        height: 31px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser02:before {
        width: 28px;
        height: 32px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser03:before {
        width: 35px;
        height: 27px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.chaser04:before {
        width: 25px;
        height: 28px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.nextG01:before {
        width: 26px;
        height: 27px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.nextG02:before {
        width: 28px;
        height: 29px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.nextG03:before {
        width: 31px;
        height: 29px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust01:before {
        width: 30px;
        height: 30px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust02:before {
        width: 32px;
        height: 31px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust03:before {
        width: 31px;
        height: 29px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.trust04:before {
        width: 32px;
        height: 29px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido01:before {
        width: 32px;
        height: 25px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido02:before {
        width: 27px;
        height: 29px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido03:before {
        width: 29px;
        height: 30px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li.ico.fido04:before {
        width: 25px;
        height: 30px;
    }

    .sub_main_cont .series_box .info_bottom .btn_wrap .link span:after {
        position: relative;
    }
}

@media all and (max-width: 1400px) {
    #videoPop {
        width: 900px;
        height: 506px;
    }
}

@media all and (max-width: 1366px) {
    .main_cont_product .info {
        padding: 40px 60px 25px;
    }

    .main_cont_news .news_box {
        width: calc(33.333333% - 30px);
    }

    .main_cont_news .news_box + .news_box {
        margin-left: 15px;
    }

    .main_cont_news .news_box_bottom {
        margin-top: 20px;
    }

    .main_cont_news .news_box_bottom .btn.detail {
        margin-top: 5px;
    }

    .main_cont_news .news_info {
        margin-bottom: 15px;
    }

    .main_cont_news .news_info dt {
        height: auto;
        max-width: 100%;
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .main_cont_news .news_info br {
        display: none;
    }

    .main_cont_post .post_info dt {
        height: auto;
        max-width: 100%;
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .main_cont_post .post_info dt br {
        display: none;
    }

    .main_cont_post .left_post {
        width: 66.666666%;
    }

    .main_cont_post .left_post .post_box {
        width: calc(50% - 8px);
    }

    .main_cont_post .left_post .post_box + .post_box {
        margin-left: 15px;
    }

    .main_cont_post .right_post {
        margin-left: 15px;
        width: calc(33.333333% - 15px);
    }

    .main_cont_post .right_post .post_box {
        width: 100%;
    }

    .main_cont_notice {
        width: 100%;
    }

    .sub_main_cont .series_box {
        height: 500px;
    }

    .sub_main_cont .series_box .info {
        padding: 50px;
    }

    .sub_main_cont .series_box .info p + p {
        margin-top: 15px;
    }

    .sub_main_cont .series_box .info p em.blue {
        line-height: 24px;
        font-size: 1.125rem;
    }

    .sub_main_cont .series_box .info p.dec {
        line-height: 24px;
        font-size: 1.125rem;
    }

    .sub_main_cont .series_box .info h4 {
        font-size: 2rem;
        margin-bottom: 30px;
    }
}

@media all and (max-width: 1200px) {
    .description {
        width: 100%;
        height: 400px;
        padding: 0 20px;
    }

    .motorola_slogan {
        background: none;
        height: auto;
    }

    .motorola_slogan .txt {
        padding-top: 0;
        width: 100%;
        font-size: 1.75rem;
        line-height: 35px;
    }

    .motorola_slogan .txt em.blue {
        font-size: 1.75rem;
    }

    .motorola_slogan .txt p {
        color: #333333;
    }

    .inner_title h3 {
        white-space: normal;
    }

    .tab_container {
        margin-top: 30px;
    }

    section.sub .sub_menu {
        display: none;
    }

    html {
        font-size: 14px;
    }

    .hamburger.on > span::before, .hamburger.on > span::after {
        background: #282828;
        width: 25px;
        height: 2px;
    }

    section.sub.product .sub_cont {
        margin-top: 0;
    }

    .main_cont_product {
        padding: 0;
    }

    .main_cont_product .visual {
        width: 100%;
        float: none;
    }

    .main_cont_product .visual img {
        width: 100%;
        height: auto;
    }

    .main_cont_product .info {
        width: 100%;
        padding: 30px 20px 60px;
        background-color: rgba(255, 255, 255, 0.8);
        text-align: center !important;
    }

    .main_cont_product .info h4 {
        font-size: 2rem;
    }

    .main_cont_product .info .sub {
        display: none;
    }

    .main_cont_product .info .dec {
        padding-top: 15px;
        font-weight: 400;
    }

    .main_cont_product .info .dec br {
        display: none;
    }

    .main_cont_product .info .btn.detail {
        margin-top: 20px;
        min-width: 114px;
        height: 38px;
        line-height: 36px;
        font-size: 1rem;
        font-weight: 400;
    }

    .sub_main_cont .series_box {
        height: auto;
    }

    .sub_main_cont .series_box .visual {
        float: none;
        width: 100%;
    }

    .sub_main_cont .series_box .info {
        float: none;
        width: 100%;
        text-align: center;
    }

    .sub_main_cont .series_box .info_bottom {
        position: relative;
        bottom: auto;
        margin-top: 20px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap {
        display: none;
    }

    .sub_main_cont .bg_gray .box_col ul li {
        width: calc(33.333333% - 20px);
    }

    .sub_main_cont .bg_gray .box_col dl {
        padding: 25px 15px 25px;
    }

    header {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    header .inner {
        padding: 0;
    }

    header .header.on:before {
        display: none;
    }

    header .header_cont:before {
        z-index: 998;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
        content: "";
        display: none;
    }

    header .header_cont.open:before {
        display: block;
    }

    header .header_cont.open .gnb {
        right: 0;
    }

    header .header_cont .logo {
        padding-top: 21px;
        line-height: normal;
        padding-left: 15px;
    }

    /* 	header .header_cont .logo img {
		display: none;
	} */
    header .header_cont .logo a {
        display: block;
        width: 125px;
        height: 16px;
        background: url("https://sgasol.kr/assets/user/images/m_logo.png") no-repeat;
        background-size: 100%;
    }

    header .header_cont .gnb {
        position: fixed;
        width: 100%;
        overflow: auto;
        height: calc(100vh - 60px);
        top: 60px;
        right: -100%;
        background-color: #fff;
        -webkit-transition: right .3s;
        -o-transition: right .3s;
        transition: right .3s;
        z-index: 999;
    }

    header .header_cont .gnb > ul {
        margin-bottom: 100px;
        position: relative;
        border-bottom: 1px solid #e3e3e3;
    }

    header .header_cont .gnb > ul > li {
        text-align: left;
        float: none;
        display: block;
    }

    header .header_cont .gnb > ul > li + li {
        margin-left: 0;
        border-top: 1px solid #e3e3e3;
    }

    header .header_cont .gnb > ul > li > a {
        line-height: 60px;
        font-weight: 500;
        vertical-align: middle;
        width: calc(100% - 60px);
        display: inline-block;
        padding: 0 20px;
    }

    header .header_cont .gnb > ul > li > a span {
        font-size: 1.3571428571428572rem;
    }

    header .header_cont .gnb > ul > li:hover a span:before {
        display: none;
    }

    header .header_cont .gnb > ul > li:hover .depth_wrap {
        display: none;
    }

    header .header_cont .gnb > ul > li.on a span:before {
        display: none;
    }

    header .header_cont .gnb > ul > li.open {
        background-color: #0164b7;
    }

    header .header_cont .gnb > ul > li.open > a span {
        color: #fff;
    }

    header .header_cont .gnb > ul > li.open .depth1_arrow {
        background: url("https://sgasol.kr/assets/user/images/ico_m_menu_fold.png") no-repeat;
        background-size: 19px 19px;
    }

    header .header_cont .gnb > ul > li.open .depth_wrap {
        display: block;
    }

    header .header_cont .gnb > ul > li .depth1_arrow {
        background: url("https://sgasol.kr/assets/user/images/ico_m_menu_open.png") no-repeat;
        background-size: 14px 14px;
        background-position: center !important;
        vertical-align: middle;
        display: inline-block;
        cursor: pointer;
        width: 60px;
        height: 60px;
    }

    header .header_cont .gnb .depth_wrap {
        display: none;
        left: 0;
        top: 0;
        width: auto;
        text-align: left;
        padding: 0 16px;
        position: relative;
    }

    header .header_cont .gnb .depth_wrap .depth_box {
        width: 100%;
        text-align: left;
        display: inline-block;
        position: relative;
    }

    header .header_cont .gnb .depth_wrap .depth_box.partner {
        width: 100%;
        text-align: left;
        display: inline-block;
        position: relative;
    }

    header .header_cont .gnb .depth_wrap .depth_box > a {
        padding-left: 10px;
        font-size: 1.125rem;
        line-height: 55px;
        margin-bottom: 0;
        text-align: left;
        text-decoration: underline !important;
        border-bottom: 1px solid #e3e3e3;
    }

    header .header_cont .gnb .depth_wrap .depth_box.end > a {
        line-height: 30px;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    header .header_cont .gnb .depth_wrap .depth_box.part.open {
        border-bottom: 0;
        padding-bottom: 10px;
    }

    header .header_cont .gnb .depth_wrap .depth_box.part.open > a {
        border-bottom: 1px solid #e3e3e3;
    }

    header .header_cont .gnb .depth_wrap .depth_box.part > a {
        border-bottom: 0;
    }

    header .header_cont .gnb .depth_wrap .depth_box.open {
        border-bottom: 1px solid #e3e3e3;
    }

    header .header_cont .gnb .depth_wrap .depth_box.open dl {
        display: block;
    }

    header .header_cont .gnb .depth_wrap .depth_box.open dl.sub {
        display: block;
    }

    header .header_cont .gnb .depth_wrap .depth_box.open dl.sub + dl.sub {
        display: block;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl.sub + dl.sub {
        display: none;
        margin-top: 0;
    }

    header .header_cont .gnb .depth_wrap .depth_box.open .depth2_arrow {
        background: url("https://sgasol.kr/assets/user/images/ico_m_depth2_fold.png") no-repeat;
        background-size: 16px 16px;
    }

    header .header_cont .gnb .depth_wrap .depth_box .depth2_arrow {
        background: url("https://sgasol.kr/assets/user/images/ico_m_depth2_open.png") no-repeat;
        background-size: 13px 13px;
        background-position: center !important;
        display: block;
        position: absolute;
        width: 48px;
        height: 55px;
        right: 0;
        top: 0;
        cursor: pointer;
    }

    header .header_cont .gnb .depth_wrap .depth_box + .depth_box {
        margin-top: 0;
        margin-left: 0;
    }

    header .header_cont .gnb .depth_wrap .line + .depth_box.partner {
        top: 0;
        height: auto;
        margin-left: 0;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl + .depth_box.zta {
        margin-top: 0;
    }

    header .header_cont .gnb .depth_wrap .depth_box + .line {
        display: none;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl {
        display: none;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl.sub {
        display: none;
        padding-left: 0;
        left: 0;
        top: 0;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dt {
        line-height: 55px;
        margin-bottom: 0;
        padding-left: 20px;
        font-weight: 500;
        font-size: 1.125rem;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd {
        background-color: #f2f2f2;
        line-height: 50px;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd + dd {
        border-top: 1px solid #fff;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd a {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 20px;
        color: #333333;
        font-weight: 400;
        font-size: 1.0714285714285714rem;
        position: relative;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd a:before {
        display: none;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd a:after {
        background: url("https://sgasol.kr/assets/user/images/ico_m_depth3_link.png") no-repeat;
        background-size: 8.25px 13.75px;
        background-position: center;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        display: block;
        content: "";
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd a:hover {
        text-decoration: none;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd a:active {
        text-decoration: underline;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl + dl {
        margin-top: 0px;
    }

    header .header_cont .gnb .depth_wrap ul {
        width: 100%;
        display: block;
        text-align: left;
    }

    header .header_cont .gnb .depth_wrap ul li {
        width: 100%;
        display: block;
    }

    header .header_cont .gnb .depth_wrap ul li + li {
        border-top: 1px solid #e3e3e3;
        margin-top: 0;
        margin-left: 0;
    }

    header .header_cont .gnb .depth_wrap ul li a {
        display: block;
        width: 100%;
        color: #333;
        font-weight: 500;
        padding-left: 10px;
        font-size: 1.125rem;
        line-height: 55px;
        margin-bottom: 0;
        position: relative;
        text-align: left;
    }

    header .header_cont .gnb .depth_wrap ul li a:after {
        background: url("https://sgasol.kr/assets/user/images/ico_m_depth3_link.png") no-repeat;
        background-size: 8.25px 13.75px;
        background-position: center;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 55px;
        display: block;
        content: "";
    }

    header .header_cont .gnb .depth_wrap ul li a:hover {
        text-decoration: none;
    }

    header .header_cont .gnb .depth_wrap ul li a:active {
        text-decoration: underline;
    }

    header .header_cont .gnb .btn_m_menu_close {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    header .header_cont .header_btn .m_header_btn {
        display: inline-block;
        margin-right: 23px;
    }

    header .header_cont .header_btn .btn_contact {
        margin-right: 10px;
    }

    header .header_cont .header_btn .btn_allmenu {
        display: none;
        margin-right: 15px;
    }

    header .header_cont .header_btn .btn_m_menu {
        margin-right: 15px;
        display: inline-block;
    }

    header .allmenu {
        display: none;
    }

    .footer {
        margin-top: 0;
    }

    .footer_cont {
        padding: 25px 0 30px 0;
    }

    .footer .sitemap {
        display: none;
    }

    .footer_info {
        width: 100%;
        float: none;
    }

    .footer_info_policy {
        margin-bottom: 20px;
    }

    .footer_info_policy li + li {
        margin-left: 15px;
    }

    .footer_info_dl dl {
        width: 100%;
    }

    .footer_info_dl dl + dl {
        padding-left: 0;
    }

    .footer_info_dl dl.address dd span + span {
        display: none;
    }

    .footer_util {
        float: none;
    }

    .footer_util .familysite {
        height: 35px;
        margin-top: 15px;
    }

    .footer_util .familysite_control a {
        line-height: 35px;
    }

    .footer_util .familysite_control a span {
        width: 100%;
        display: block;
        padding-right: 0;
    }

    .footer_util .familysite_control a span:after {
        right: 15px;
    }

    .footer_util .sns {
        margin-top: 15px;
    }

    .footer_util .sns > a {
        width: 35px;
        height: 35px;
    }

    .inner {
        width: 100% !important;
    }

    .sub_top_title {
        padding-top: 120px;
    }

    body.main header {
        position: fixed;
        top: 0 !important;
    }

    body.main .top_banner.show {
        top: 60px;
    }

    body.main.bannerHide .top_banner {
        top: 60px;
    }

    body.main.headerFix.bannerHide.closeBanner .top_banner {
        top: -190px;
    }

    .top_banner {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        height: auto;
        position: fixed;
    }

    .top_banner_cont {
        padding: 20px 40px 50px;
        width: 100%;
    }

    .top_banner_cont .top_banner_item {
        padding: 0;
    }

    .top_banner_cont .top_banner_item a {
        width: calc(50% - 5px);
    }

    .top_banner_cont .top_banner_item a + a {
        margin-left: 10px;
    }

    .top_banner_cont .item_control.prev {
        left: 10px;
    }

    .top_banner_cont .item_control.next {
        right: 10px;
    }

    .sub.product .sub_top {
        display: none;
    }

    .product_box .inner {
        padding: 0;
    }

    .product_box .visual {
        padding-top: 110px;
        width: 100%;
        height: 340px;
        float: none;
        background-size: cover !important;
        background-position: center !important;
    }

    .sub.ZTA #zta .product_box .visual {
        height: 340px;
    }

    .sub.ZTA #zta .product_box .info {
        height: auto;
    }

    .product_box .icon_wrap {
        margin-top: 25px;
        display: block;
        position: relative;
        left: auto;
        bottom: auto;
    }

    .sub.ZTA #zta .product_box .icon_wrap {
        bottom: auto;
    }

    .sub.ZTA #zta .product_box .icon_wrap br {
        display: none;
    }

    .product_box .icon_wrap ul {
        display: inline-block;
    }

    .product_box .icon_wrap ul li {
        display: block;
        text-align: left;
        vertical-align: middle;
    }

    .product_box .icon_wrap ul li span {
        font-size: 1rem;
        font-weight: 400;
    }

    .product_box .icon_wrap ul li + li {
        margin-top: 10px;
        margin-left: 0;
    }

    .product_box .icon_wrap ul li i {
        vertical-align: middle;
        width: 32px;
        height: 32px;
    }

    .product_box .icon_wrap ul li i:before {
        background-size: 250px 250px;
        -webkit-background-size: 250px 250px;
    }

    .product_box .icon_wrap ul li i.cc:before {
        width: 20px;
        height: 17px;
    }

    .product_box .icon_wrap ul li i.gs:before {
        width: 20px;
        height: 17px;
    }

    .product_box .icon_wrap ul li i.software:before {
        width: 19px;
        height: 20px;
    }

    .product_box .icon_wrap ul li i.patent:before {
        width: 15px;
        height: 19px;
    }

    .product_box .icon_wrap ul li i.merged_log:before {
        width: 19px;
        height: 20px;
    }

    .product_box .icon_wrap ul li i.user_route:before {
        width: 26px;
        height: 26px;
    }

    .product_box .icon_wrap ul li i.reenact:before {
        width: 24px;
        height: 26px;
    }

    .product_box .icon_wrap ul li i.realtime_log:before {
        width: 17px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.mgmt_policy:before {
        width: 21px;
        height: 21px;
    }

    .product_box .icon_wrap ul li i.mgmt_log:before {
        width: 18px;
        height: 20px;
    }

    .product_box .icon_wrap ul li i.report_route:before {
        width: 19px;
        height: 17px;
    }

    .product_box .icon_wrap ul li i.merge_report:before {
        width: 20px;
        height: 19px;
    }

    .product_box .icon_wrap ul li i.visual_3d:before {
        width: 22px;
        height: 19px;
    }

    .product_box .icon_wrap ul li i.visual_user:before {
        width: 22px;
        height: 21px;
    }

    .product_box .icon_wrap ul li i.visual_route:before {
        width: 20px;
        height: 19px;
    }

    .product_box .icon_wrap ul li i.visual_log:before {
        width: 17px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.vaegis_cwpp:before {
        width: 25px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.vaegis_mgmt:before {
        width: 21px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.vaegis_cloud:before {
        width: 23px;
        height: 24px;
    }

    .product_box .icon_wrap ul li i.vaegis_seq:before {
        width: 23px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.cAegis01:before {
        background-position: 0.258% 52.155%;
        width: 25px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.cAegis02:before {
        background-position: 10.748% 52.812%;
        width: 28px;
        height: 27px;
    }

    .product_box .icon_wrap ul li i.cAegis03:before {
        background-position: 22.226% 53.476%;
        width: 29px;
        height: 29px;
    }

    .product_box .icon_wrap ul li i.cAegis04:before {
        background-position: 34.516% 52.838%;
        width: 25px;
        height: 28px;
    }

    .product_box .icon_wrap ul li i.mypc_monitor:before {
        width: 19px;
        height: 18px;
    }

    .product_box .icon_wrap ul li i.agent_mgmt:before {
        width: 20px;
        height: 21px;
    }

    .product_box .icon_wrap ul li i.compact_pc:before {
        width: 21px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.bigdata:before {
        width: 24px;
        height: 24px;
    }

    .product_box .icon_wrap ul li i.virus:before {
        width: 24px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.cloud:before {
        width: 23px;
        height: 14px;
    }

    .product_box .icon_wrap ul li i.machine_learning:before {
        width: 23px;
        height: 21px;
    }

    .product_box .icon_wrap ul li i.profiling:before {
        width: 19px;
        height: 19px;
    }

    .product_box .icon_wrap ul li i.unity:before {
        width: 21px;
        height: 16px;
    }

    .product_box .icon_wrap ul li i.next_G:before {
        width: 24px;
        height: 22px;
    }

    .product_box .icon_wrap ul li i.apt:before {
        width: 24px;
        height: 24px;
    }

    .product_box .icon_wrap ul li i.fido:before {
        width: 20px;
        height: 17px;
    }

    .product_box .icon_wrap ul li i.rootc01:before {
        width: 25px;
        height: 35px;
    }

    .product_box .icon_wrap ul li i.rootc02:before {
        width: 25px;
        height: 35px;
    }

    .product_box .icon_wrap ul li i.rootc03:before {
        width: 25px;
        height: 35px;
    }

    .product_box .icon_wrap ul li i.sgazta01:before {
        background-position: -0.601% 42.1%;
        width: 27px;
        height: 25px
    }

    .product_box .icon_wrap ul li i.sgazta02:before {
        background-position: 10.004% 42.174%;
        width: 27px;
        height: 33px;
    }

    .product_box .icon_wrap ul li i.sgazta03:before {
        background-position: 21.807% 42.174%;
        width: 28px;
        height: 29px;
    }

    .product_box .icon_wrap ul li span {
        display: inline-block;
        vertical-align: middle;
        padding-top: 0;
        padding-left: 5px;
    }

    .product_box .btn_wrap {
        margin-top: 25px;
        position: relative;
        left: 0;
        bottom: 0;
    }

    .sub.ZTA .product_cont .info {
        padding: 0px 40px 0px 60px;
    }

    .sub.ZTA #zta .product_box .btn_wrap {
        bottom: 0;
    }

    .product_box .btn_wrap .btn {
        width: 100px;
        height: 40px;
        line-height: 38px;
    }

    .product_box .info {
        padding: 20px 15px 0;
        width: 100%;
        float: none;
        border: 0;
        text-align: center;
        height: auto;
    }

    .product_box .info h3 {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .product_box .info p {
        word-break: keep-all;
    }

    .sub.system_security .icon_lst dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_01:after {
        width: 27px;
        height: 26px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_02:after {
        width: 31px;
        height: 28px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_03:after {
        width: 26px;
        height: 28px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_04:after {
        width: 34px;
        height: 28px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_05:after {
        width: 27px;
        height: 29px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_06:after {
        width: 27px;
        height: 25px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_07:after {
        width: 36px;
        height: 24px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_08:after {
        width: 28px;
        height: 28px;
    }

    .sub.system_security .icon_lst dl span.ico_rc_09:after {
        width: 27px;
        height: 25px;
    }

    .sub.system_security .icon_lst dl span.ico_auth_01:after {
        width: 28px;
        height: 31px;
    }

    .sub.system_security .icon_lst dl span.ico_auth_02:after {
        width: 27px;
        height: 29px;
    }

    .sub.system_security .icon_lst dl span.ico_auth_03:after {
        width: 24px;
        height: 30px;
    }

    .sub.system_security .icon_lst dl span.ico_auth_04:after {
        width: 28px;
        height: 29px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_01:after {
        width: 27px;
        height: 26px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_02:after {
        width: 27px;
        height: 28px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_03:after {
        width: 36px;
        height: 34px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_04:after {
        width: 27px;
        height: 30px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_05:after {
        width: 29px;
        height: 29px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_06:after {
        width: 26px;
        height: 30px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_07:after {
        width: 29px;
        height: 26px;
    }

    .sub.system_security .icon_lst dl span.ico_audit_08:after {
        width: 26px;
        height: 28px;
    }

    .sub.system_security .icon_lst dl span.ico_enterprise_01:after {
        width: 22px;
        height: 27px;
    }

    .sub.system_security .icon_lst dl span.ico_enterprise_02:after {
        width: 27px;
        height: 28px;
    }

    .sub.system_security .icon_lst dl span.ico_enterprise_03:after {
        width: 22px;
        height: 29px;
    }

    .sub.system_security .icon_lst dl span.ico_enterprise_04:after {
        width: 25px;
        height: 27px;
    }

    .sub.system_security .icon_lst dl span.ico_enterprise_05:after {
        width: 24px;
        height: 29px;
    }

    .sub.system_security .icon_lst dl span.ico_enterprise_06:after {
        width: 27px;
        height: 26px;
    }

    .sub.system_security .icon_lst dl span.ico_enterprise_07:after {
        width: 25px;
        height: 29px;
    }

    .sub.cloud_security .icon_lst dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.cloud_security .icon_lst dl span.ico_vAegis_01:after {
        background-position: 39.259% 51.571%;
        width: 37px;
        height: 32px;
    }

    .sub.cloud_security .icon_lst dl span.ico_vAegis_02:after {
        width: 29px;
        height: 31px;
    }

    .sub.cloud_security .icon_lst dl span.ico_vAegis_03:after {
        background-position: 36.594% 37.963%;
        width: 29px;
        height: 30px;
    }

    .sub.cloud_security .icon_lst dl span.ico_vAegis_04:after {
        background-position: 104.5% -4.5%;
        width: 66px;
        height: 66px;
    }

    .sub.cloud_security .icon_lst dl span.ico_vAegis_05:after {
        background-position: 91.713% 17.311%;
        width: 29px;
        height: 29px;
    }

    .sub.cloud_security .icon_lst dl span.ico_vAegis_06:after {
        top: 10px;
        background-position: 89.924% 28.727%;
        width: 40px;
        height: 31px;
    }

    .sub.cloud_security .icon_lst dl span.ico_vAegis_07:after {
        background-position: 87.269% 40.884%;
        width: 30px;
        height: 34px;
    }

    .sub.cloud_security .icon_lst.cAegis dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product06.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 250px 200px;
    }

    .sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_01:after {
        width: 35px;
        height: 34px;
    }

    .sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_02:after {
        background-position: 19.465% 23.928%;
        width: 35px;
        height: 33px;
    }

    .sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_03:after {
        background-position: 36.185% 23.405%;
        width: 35px;
        height: 38px;
    }

    .sub.cloud_security .icon_lst.cAegis dl span.ico_cAegis_04:after {
        background-position: 54.976% 24.556%;
        width: 37px;
        height: 36px;
    }

    .sub.endpoint_security .icon_lst dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product02.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_vc_01:after {
        width: 27px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_vc_02:after {
        width: 28px;
        height: 26px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_vc_03:after {
        width: 26px;
        height: 29px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_vc_04:after {
        width: 28px;
        height: 30px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_vc_05:after {
        width: 26px;
        height: 26px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_vc_06:after {
        width: 27px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_01:after {
        width: 28px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_02:after {
        width: 27px;
        height: 30px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_03:after {
        width: 28px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_04:after {
        width: 24px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_05:after {
        width: 25px;
        height: 29px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_06:after {
        width: 29px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_07:after {
        width: 31px;
        height: 26px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_08:after {
        width: 22px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_09:after {
        width: 29px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_10:after {
        width: 21px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_patch_11:after {
        width: 28px;
        height: 23px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_01:after {
        width: 22px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_02:after {
        width: 28px;
        height: 29px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_03:after {
        width: 28px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_04:after {
        width: 24px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_05:after {
        width: 25px;
        height: 30px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_06:after {
        width: 26px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_07:after {
        width: 28px;
        height: 25px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_08:after {
        width: 27px;
        height: 25px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_09:after {
        width: 27px;
        height: 25px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_daloc_10:after {
        width: 27px;
        height: 25px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_01:after {
        width: 28px;
        height: 26px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_02:after {
        width: 27px;
        height: 30px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_03:after {
        width: 28px;
        height: 30px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_04:after {
        width: 25px;
        height: 29px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_05:after {
        width: 29px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_06:after {
        width: 24px;
        height: 29px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_07:after {
        width: 27px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_08:after {
        width: 33px;
        height: 26px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_09:after {
        width: 29px;
        height: 30px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_mypc_10:after {
        width: 23px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_sentry_01:after {
        width: 30px;
        height: 31px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_sentry_02:after {
        width: 31px;
        height: 30px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_sentry_03:after {
        width: 29px;
        height: 27px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_sentry_04:after {
        width: 27px;
        height: 29px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_sentry_05:after {
        width: 31px;
        height: 35px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_sentry_06:after {
        background-position: 89.1% 92.4%;
        width: 31px;
        height: 34px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_intelligence_01:after {
        width: 33px;
        height: 29px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_intelligence_02:after {
        width: 27px;
        height: 31px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_intelligence_03:after {
        width: 26px;
        height: 28px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_intelligence_04:after {
        width: 25px;
        height: 25px;
    }

    .sub.endpoint_security .icon_lst dl span.ico_intelligence_05:after {
        width: 28px;
        height: 28px;
    }

    .sub.endpoint_security #SentryVisual .icon_lst dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_01:after {
        width: 28px;
        height: 27px;
    }

    .sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_02:after {
        width: 27px;
        height: 28px;
    }

    .sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_03:after {
        width: 27px;
        height: 27px;
    }

    .sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_04:after {
        width: 26px;
        height: 30px;
    }

    .sub.endpoint_security #SentryVisual .icon_lst dl span.ico_visual_05:after {
        width: 27px;
        height: 26px;
    }

    .sub.application_security .icon_lst dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product03.png) no-repeat;
        background-size: 250px 250px;
        -webkit-background-size: 250px 250px;
    }

    .sub.application_security .icon_lst dl span.ico_tc_01:after {
        width: 26px;
        height: 29px;
    }

    .sub.application_security .icon_lst dl span.ico_tc_02:after {
        width: 28px;
        height: 28px;
    }

    .sub.application_security .icon_lst dl span.ico_tc_03:after {
        width: 23px;
        height: 29px;
    }

    .sub.application_security .icon_lst dl span.ico_tc_04:after {
        width: 28px;
        height: 27px;
    }

    .sub.application_security .icon_lst dl span.ico_tc_05:after {
        width: 28px;
        height: 26px;
    }

    .sub.application_security .icon_lst dl span.ico_fido_01:after {
        width: 27px;
        height: 27px;
    }

    .sub.application_security .icon_lst dl span.ico_fido_02:after {
        width: 29px;
        height: 29px;
    }

    .sub.application_security .icon_lst dl span.ico_fido_03:after {
        width: 31px;
        height: 32px;
        left: 4px;
        top: 0;
    }

    .sub.application_security .icon_lst dl span.ico_fido_04:after {
        width: 50px;
        height: 35px;
        left: 0;
        top: 0;
    }

    .sub.application_security .icon_lst.RootChain dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product05.png) no-repeat;
        background-size: 270px 270px;
        -webkit-background-size: 270px 270px;
    }

    .sub.application_security .icon_lst dl span.ico_RootChain_01:after {
        background-position: 0.7px 16%;
        width: 33px;
        height: 29px;
    }

    .sub.application_security .icon_lst dl span.ico_RootChain_02:after {
        background-position: -31.3px 16.5%;
        width: 33px;
        height: 29px;
    }

    .sub.application_security .icon_lst dl span.ico_RootChain_03:after {
        background-position: -63.3px 16.5%;
        width: 33px;
        height: 29px;
    }

    .sub.partner_solution .icon_lst dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product04.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.partner_solution .icon_lst dl span.ico_ve_01:after {
        width: 25px;
        height: 25px;
    }

    .sub.partner_solution .icon_lst dl span.ico_ve_02:after {
        width: 27px;
        height: 27px;
    }

    .sub.partner_solution .icon_lst dl span.ico_ve_03:after {
        width: 26px;
        height: 29px;
    }

    .sub.partner_solution .icon_lst dl span.ico_ve_04:after {
        width: 28px;
        height: 26px;
    }

    .sub.partner_solution .icon_lst dl span.ico_ve_05:after {
        width: 27px;
        height: 25px;
    }

    .sub.partner_solution .icon_lst dl span.ico_ve_06:after {
        width: 27px;
        height: 29px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_01:after {
        width: 26px;
        height: 19px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_02:after {
        width: 42px;
        height: 30px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_03:after {
        width: 40px;
        height: 42px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_04:after {
        width: 20px;
        height: 32px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_05:after {
        width: 21px;
        height: 33px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_06:after {
        width: 29px;
        height: 12px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_07:after {
        width: 27px;
        height: 16px;
    }

    .sub.partner_solution .icon_lst dl span.ico_moto_08:after {
        width: 36px;
        height: 41px;
    }

    .sub.ZTA .product_cont .info_img .diagram_cont_cont {
        padding-left: 35px;
        height: 90px;
    }

    .sub.ZTA .product_cont .info_img {
        width: 40%;
    }

    .icon_lst dl {
        float: none !important;
        width: 100%;
        min-height: auto;
        padding-left: 65px;
    }

    .icon_lst dl span {
        top: 0;
        margin-top: 0;
        width: 50px;
        height: 50px;
    }

    .icon_lst dl span.ico_rc_01:after {
        width: 27px;
        height: 26px;
    }

    .icon_lst dl span.ico_rc_02:after {
        width: 31px;
        height: 28px;
    }

    .icon_lst dl span.ico_rc_03:after {
        width: 26px;
        height: 28px;
    }

    .icon_lst dl span.ico_rc_04:after {
        width: 34px;
        height: 28px;
    }

    .icon_lst dl span.ico_rc_05:after {
        width: 27px;
        height: 29px;
    }

    .icon_lst dl span.ico_rc_06:after {
        width: 27px;
        height: 25px;
    }

    .icon_lst dl span.ico_rc_07:after {
        width: 36px;
        height: 24px;
    }

    .icon_lst dl span.ico_rc_08:after {
        width: 28px;
        height: 28px;
    }

    .icon_lst dl span.ico_rc_09:after {
        width: 27px;
        height: 25px;
    }

    .sub.ZTA .icon_lst dl span:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.ZTA .icon_lst dl span.ico_zta_01:after {
        width: 32px;
        height: 25px;
    }

    .sub.ZTA .icon_lst dl span.ico_zta_02:after {
        width: 33px;
        height: 33px;
    }

    .sub.ZTA .icon_lst dl span.ico_zta_03:after {
        width: 30px;
        height: 33px;
    }

    .sub.ZTA .icon_lst dl span.ico_zta_04:after {
        width: 39px;
        height: 28px;
    }

    .sub.ZTA .icon_lst dl span.ico_zta_05:after {
        width: 34px;
        height: 31px;
    }

    .icon_lst dl + dl {
        margin-top: 20px;
    }

    .icon_lst dl dt {
        padding-top: 5px;
        margin-bottom: 0;
    }

    .icon_lst ul li + li {
        margin-top: 20px;
    }

    .m_tbl_caption {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
        word-break: keep-all;
        margin-bottom: 15px;
        color: #e81130;
    }

    .product_tbl {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .product_tbl table {
        width: 1000px;
    }

    .product_tbl table thead th {
        font-size: 1rem;
    }

    .product_tbl table tbody th, .product_tbl table tbody td {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .product_tbl table tbody .bullet ul li {
        font-size: 1rem;
        font-weight: 400;
    }

    .recruit_step {
        padding: 35px 30px 30px;
    }

    .gwp_info .img {
        width: 100%;
    }

    .gwp_info .img img {
        width: 100%;
        height: auto;
    }

    .main_cont_product .info h4 {
        font-size: 2rem;
    }

    .solid_box dl dd {
        padding: 30px 25px;
    }

    .solid_box dl dd .inbl_cont {
        width: 100%;
        margin-left: 0 !important;
    }

    .solid_box dl dd .inbl_cont.wfix {
        width: 100%;
    }

    .solid_box dl dd .inbl_cont + .inbl_cont {
        margin-top: 25px;
    }

    .solid_box dl dd .inbl_cont .bullet {
        text-align: left;
        margin-left: 0 !important;
    }
}

@media all and (max-width: 1120px) {
    .terms .cont_box_top p {
        word-break: keep-all;
    }

    .terms .cont_box_top p br {
        display: none;
    }

    .product_line_up .line_up_keyword dt {
        width: 250px;
        padding-left: 45px;
    }

    .product_line_up .line_up_keyword dd {
        width: calc(100% - 210px);
    }
}

@media all and (max-width: 1024px) {
    .product_line_up .line_up_keyword {
        height: auto;
    }

    .product_line_up .line_up_keyword dt {
        text-align: center;
        position: relative;
        margin: 0 auto -10px;
        border-radius: 45px;
    }

    .product_line_up .line_up_keyword dt p {
        font-size: 1.25rem;
        padding: 13px 0;
        float: none;
    }

    .product_line_up .line_up_keyword dd {
        padding: 0 30px;
        position: relative;
        width: 100%;
    }

    .product_line_up .line_up_keyword dd ul.sqaure_bullet.half {
        padding-top: 0;
    }

    .product_line_up .line_up_keyword dd ul.sqaure_bullet.half li {
        line-height: 70px;
        display: inline-block;
    }

    .product_line_up .line_up_keyword dd ul.sqaure_bullet li {
        line-height: 70px;
    }

    .product_line_up .line_up_info .title {
        width: auto;
        text-align: left;
        padding-right: 55px;
    }

    .product_line_up .line_up_info .title p {
        font-size: 1.25rem;
    }

    .product_line_up .line_up_info .detail {
        width: calc(100% - 125px);
    }

    .bullet ul li {
        word-break: keep-all;
    }

    .bullet ul li br {
        display: none;
    }

    .product_cont.bgimg {
        background-size: cover !important;
        background-position: center !important;
        height: auto !important;
    }

    .sub.endpoint_security #daLoc .product_cont.bgimg, .sub.endpoint_security #vcIntelligence .product_cont.bgimg {
        height: auto !important;
    }

    .partner_logo_tbl table td img {
        max-width: 80%;
    }

    .opacity_box_lst {
        padding-bottom: 30px;
    }

    .opacity_box_lst dl dt {
        margin-bottom: 10px;
        word-break: keep-all;
    }

    .opacity_box_lst > ul > li {
        width: 100%;
        float: none;
        height: auto !important;
        padding: 25px 20px 25px 20px;
    }

    .sub.ZTA .opacity_box_lst > ul > li {
        width: 100%;
    }

    .opacity_box_lst > ul > li + li {
        margin-left: 0;
        margin-top: 20px;
    }

    .opacity_box_lst > ul > li:after {
        bottom: 20px;
        right: 20px;
        opacity: .8;
        display: none;
    }

    .opacity_box_lst > ul + ul {
        margin-top: 20px;
    }

    .sub.system_security .opacity_box_lst dl dt {
        margin-bottom: 10px;
    }

    .sub.system_security .opacity_box_lst > ul > li:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product01.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_rc_01:after {
        width: 34px;
        height: 29px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_rc_02:after {
        width: 30px;
        height: 34px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_rc_03:after {
        width: 31px;
        height: 36px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_rc_04:after {
        width: 36px;
        height: 34px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_auth_01:after {
        width: 33px;
        height: 29px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_auth_02:after {
        width: 34px;
        height: 32px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_auth_03:after {
        width: 32px;
        height: 36px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_audit_01:after {
        width: 26px;
        height: 33px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_audit_02:after {
        width: 35px;
        height: 34px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_audit_03:after {
        width: 34px;
        height: 31px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_enterprise_01:after {
        width: 28px;
        height: 36px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_enterprise_02:after {
        width: 28px;
        height: 34px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_enterprise_03:after {
        width: 29px;
        height: 30px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_enterprise_04:after {
        width: 31px;
        height: 35px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_visual_01:after {
        width: 31px;
        height: 29px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_visual_02:after {
        width: 25px;
        height: 37px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_visual_03:after {
        width: 32px;
        height: 27px;
    }

    .sub.system_security .opacity_box_lst > ul > li.ico_visual_04:after {
        width: 35px;
        height: 30px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product02.png) no-repeat;
        background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_01:after {
        width: 32px;
        height: 31px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_02:after {
        width: 31px;
        height: 34px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_03:after {
        width: 33px;
        height: 31px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_vc_04:after {
        width: 36px;
        height: 35px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_01:after {
        width: 34px;
        height: 34px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_02:after {
        width: 33px;
        height: 34px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_03:after {
        width: 31px;
        height: 35px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_patch_04:after {
        width: 33px;
        height: 34px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_01:after {
        width: 33px;
        height: 28px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_02:after {
        width: 29px;
        height: 29px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_mypc_03:after {
        width: 35px;
        height: 29px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_daloc_01:after {
        width: 41px;
        height: 38px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_01:after {
        width: 30px;
        height: 32px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_02:after {
        width: 31px;
        height: 31px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_03:after {
        width: 32px;
        height: 29px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_sentry_04:after {
        width: 32px;
        height: 32px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_01:after {
        width: 32px;
        height: 37px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_02:after {
        width: 32px;
        height: 34px;
    }

    .sub.endpoint_security .opacity_box_lst > ul > li.ico_intelligence_03:after {
        width: 33px;
        height: 34px;
    }

    .sub.endpoint_security #daLoc .opacity_box_lst > ul > li {
        padding-top: 25px;
    }

    .sub.application_security .opacity_box_lst > ul > li:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product03.png) no-repeat;
        background-size: 250px 250px;
        -webkit-background-size: 250px 250px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_tc_01:after {
        width: 29px;
        height: 27px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_tc_02:after {
        width: 30px;
        height: 32px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_tc_03:after {
        width: 35px;
        height: 28px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_fido_01:after {
        width: 33px;
        height: 34px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_fido_02:after {
        width: 34px;
        height: 34px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_fido_03:after {
        width: 35px;
        height: 35px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_fido_04:after {
        width: 34px;
        height: 36px;
    }

    .sub.application_security .opacity_box_lst.RootChain > ul > li:after {
        background: url(https://sgasol.kr/assets/user/images/product/spr_product05.png) no-repeat;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_RootChain_01:after {
        background-position: 43.797% 16.636%;
        width: 68px;
        height: 59px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_RootChain_02:after {
        background-position: 59.515% 16.636%;
        width: 64px;
        height: 59px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_RootChain_03:after {
        background-position: 73.557% 16.081%;
        width: 63px;
        height: 59px;
    }

    .sub.application_security .opacity_box_lst > ul > li.ico_RootChain_04:after {
        background-position: 85.326% 16.206%;
        width: 48px;
        height: 57px;
    }

    .sub.application_security #RootChain .icon_lst.Root_sample dl {
        padding-left: 40px;
    }

    #brochurePop {
        width: 90%;
        height: 90%;
    }

    .step_gradiant ul li {
        display: block;
        margin: 0 auto;
    }

    .step_gradiant ul li + li {
        margin-top: 30px;
        margin-left: auto;
    }

    .gwp_info_box .info {
        padding: 55px 0 45px;
    }

    .gwp_info_box .info .title {
        height: 50px;
        line-height: 48px;
        top: -30px;
    }

    .gwp_info_box .info ul {
        padding-left: 50px;
    }

    .txt {
        margin-top: 0;
        line-height: 24px;
        padding-bottom: 40px;
        font-size: 1.125rem;
    }

    .recruit_box .info dl {
        padding-left: 150px;
    }

    .recruit_box .info dl:before {
        left: 40px;
    }

    .recruit_step_detail {
        margin-top: 40px;
    }

    .recruit_step_detail dl + dl {
        margin-top: 30px;
    }

    .recruit_step_detail dl dt {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-bottom: 10px;
    }

    .recruit_step_detail dl dd {
        width: 100%;
        float: none;
        padding-left: 0;
        line-height: 22px;
    }

    .recruit_step_detail dl dd span {
        display: block;
    }

    .partner_info {
        height: auto;
        padding: 45px 40px;
    }

    .partner_info_txt {
        padding: 40px 30px;
    }

    .diagram_cont {
        margin-top: 40px;
    }

    .diagram_cont + .diagram_cont {
        margin-top: 30px;
    }

    .diagram_cont_tit {
        margin-bottom: 40px;
        height: 80px;
        border-radius: 40px;
    }

    .diagram_cont.end .diagram_cont_tit {
        height: 100px;
    }

    .diagram_cont_tit h6 {
        padding-top: 12px;
    }

    .diagram_cont_tit h6 span {
        margin-top: 5px;
    }

    .diagram_cont_tbl + .diagram_cont_tbl {
        margin-top: 25px;
    }

    .diagram_cont_tbl table {
        line-height: 18px;
    }

    .diagram_cont_tbl table th {
        font-size: 0.9375rem;
    }

    .diagram_cont_tbl table th span {
        display: block;
    }

    .product_box .icon_wrap ul li span br {
        display: none;
    }

    .icon_lst dl dd br {
        display: none;
    }

    #cAegis .icon_lst dl dd br {
        display: block;
    }

    .opacity_box_lst > ul > li br {
        display: none;
    }

    .product_box .info p br {
        display: none;
    }
}

@media all and (max-width: 950px) {
    .product_line_up .line_up_keyword dd {
        padding: 20px 30px 15px;
    }

    .product_line_up .line_up_keyword dd ul {
        display: inline-block;
    }

    .product_line_up .line_up_keyword dd ul.sqaure_bullet li {
        text-align: left;
        display: block;
        line-height: 24px;
    }

    .product_line_up .line_up_keyword dd ul.sqaure_bullet li + li {
        margin-left: 0;
    }

    .product_line_up .line_up_keyword dd ul.sqaure_bullet.half + .half {
        margin-left: 0;
    }

    .product_line_up .line_up_keyword dd ul.sqaure_bullet.half li {
        line-height: 24px;
    }

    .product_line_up .line_up_info .title {
        float: none;
        margin-bottom: 30px;
    }

    .product_line_up .line_up_info .title p {
        padding-left: 0;
    }

    .product_line_up .line_up_info .detail {
        float: none;
        width: 100%;
    }

    .product_line_up .line_up_info .detail dl {
        width: 100%;
        display: block;
    }

    .product_line_up .line_up_info .detail dl br {
        display: none;
    }

    .product_line_up .line_up_info .detail dl + dl {
        margin-top: 30px;
    }

    .product_line_up .line_up_info .detail.figure_col .figure_row {
        display: block;
    }

    .product_line_up .line_up_info .detail.figure_col .figure_row + figure {
        margin-top: 30px;
    }

    .product_line_up .line_up_info .detail figure {
        display: block;
    }

    .product_line_up .line_up_info .detail figure + figure {
        margin-top: 30px;
        margin-left: 0;
    }

    .product_line_up .line_up_info .detail figure img {
        margin: 0 auto;
    }

    .sub_main_cont .bg_gray {
        padding: 60px 30px 70px;
    }

    .sub_main_cont .bg_gray .box_col ul li {
        width: 100%;
    }

    .sub_main_cont .bg_gray .box_col ul li + li {
        margin-left: 0;
        margin-top: 20px;
    }

    .sub_main_cont .bg_gray .box_col ul .img {
        width: 100%;
    }

    .sub_main_cont .bg_gray .box_col ul .img img {
        max-height: 240px;
        width: 100%;
    }

    .sub_main_cont .bg_gray .box_col dl {
        height: auto !important;
        padding: 20px 15px 20px;
    }

    #videoPop {
        width: 300px;
        height: 150px;
    }

    .recruit_box {
        height: auto;
    }

    .recruit_box + .recruit_box {
        margin-top: 0;
        border-top: 0;
    }

    .recruit_box .img {
        display: none;
        border: 0 !important;
    }

    .recruit_box .img + .info {
        border-left: 0;
    }

    .recruit_box .info {
        height: auto;
        float: none;
        width: 100%;
    }

    .recruit_box .info dl {
        padding-left: 140px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .recruit_box .info dl dt {
        padding-bottom: 10px;
    }

    .recruit_box .info dl dd ul li {
        line-height: 26px;
        margin-bottom: 0;
    }

    .recruit_box.box03 {
        height: auto;
    }

    .recruit_box.box03 .info dl:before {
        top: 50%;
        margin-top: -35px;
    }

    .recruit_box.box03 .info dl dd ul li {
        display: inline-block;
        margin-right: 30px;
        margin-bottom: 0;
    }

    .partner_info {
        background-size: cover !important;
        background-position: center;
    }

    .partner_info_txt br {
        display: none;
    }

    .greetings_title {
        margin-bottom: 20px;
    }

    .greetings_title h4 {
        margin-top: 15px;
    }

    .greetings_txt + .greetings_txt {
        margin-top: 20px;
    }

    .greetings_txt p + p {
        margin-top: 20px;
    }

    .greetings_img_caption {
        margin-top: 10px;
        line-height: 24px;
    }

    .greetings_img_caption em.bold {
        display: block;
    }

    .form_box_wrap .partner_box_lst {
        position: relative;
        top: 30px;
    }

    .form_box_wrap .partner_box_lst ul li .partner_detail ul {
        width: 50%;
    }

    .form_box_wrap .partner_box_lst ul li .partner_detail li {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .form_box_wrap .partner_box_lst ul li .partner_detail li dl {
        width: 100%;
    }

    .form_box_wrap .partner_box_lst ul li .partner_detail li dl + dl {
        padding-left: 10px;
    }
}

@media all and (max-width: 768px) {
    .description {
        height: auto;
    }

    .solid_box dl dd.bg_visual {
        background-size: cover;
        background-position: right;
        height: auto;
    }

    .solid_box dl dd.bg_visual .txt {
        padding: 40px 0;
        line-height: 30px;
        word-break: keep-all;
        font-size: 1.25rem;
    }

    .solid_box dl dd.bg_visual .txt em {
        font-size: 1.375rem;
        font-weight: 700;
    }

    .motorola_slogan .txt {
        font-size: 1.25rem;
        line-height: 25px;
        margin-bottom: 20px;
        word-break: keep-all;
    }

    .motorola_slogan .txt em.blue {
        font-size: 1.25rem;
    }

    .txt {
        word-break: keep-all;
    }

    .img_box.moto figure figcaption {
        word-break: keep-all;
        font-size: 1.125rem;
        line-height: 28px;
    }

    .img_box.moto figure figcaption em.blue {
        font-size: 1.125rem;
    }

    .solid_box dl.solid_blue_box dt h4 {
        font-size: 1.375rem;
    }

    .solid_box dl.solid_white_box dt h5 {
        font-size: 1.25rem;
    }

    .solid_box dl dd {
        padding: 20px 25px;
        text-align: center;
        word-break: keep-all;
    }

    .solid_box dl dd br {
        display: none;
    }

    .solid_box dl dd .txt {
        font-size: 1rem;
    }

    .solid_box dl dd figure figcaption {
        font-weight: 400;
        color: #666;
    }

    .solid_box dl dd .certi_mark_box .certi_txt {
        margin-top: 20px;
        display: block;
        text-align: center;
        margin-left: 0;
    }

    .solid_box dl dd .certi_mark_box .certi_txt em {
        line-height: 24px;
    }

    .solid_box dl dd .img_col figure {
        display: block;
        width: 100% !important;
    }

    .solid_box dl dd .img_col figure + figure {
        margin-top: 20px;
    }

    .solid_box dl dd .inbl_cont .bullet {
        margin-top: 25px;
    }

    .solid_box dl dd .inbl_cont .bullet ul li {
        font-size: 0.9375rem;
        line-height: 24px;
    }

    .solid_box dl dd .inbl_cont .bullet ul li + li {
        margin-top: 0;
    }

    .sky_banner {
        display: none !important;
    }

    .m_hide {
        display: none;
    }

    .cont_title h4 {
        font-size: 1.5rem;
    }

    .product_cont + .product_cont {
        margin-top: 60px;
    }

    .product_box {
        margin-bottom: 60px;
    }

    .product_box .info p:first-child {
        display: none;
    }

    .product_box .info h3 {
        display: none;
    }

    .product_box .info .icon_wrap {
        display: none;
    }

    section.main {
        padding-top: 60px;
    }

    section.sub .sub_cont {
        margin-top: 40px;
        padding-bottom: 100px;
    }

    section.sub .sub_cont .cont + .cont {
        margin-top: 60px;
    }

    section.sub .tab_container {
        margin-top: 40px;
    }

    section.sub .sub_cont_tab {
        margin-top: 40px;
    }

    section.sub .sub_cont_tab .tab_lst {
        display: none;
    }

    section.sub .sub_cont_tab .m_tab_lst {
        display: block;
    }

    section.sub.product .sub_cont {
        margin-top: 0;
    }

    .sub_top {
        height: 180px;
        background-size: cover;
    }

    .sub_top_title {
        padding-top: 70px;
    }

    .sub.support .sub_top {
        background-position: 58%;
    }

    .sub.ir .sub_top {
        background-position: 62%;
    }

    body.main {
        min-height: 100%;
        /* iOS only */
    }

    body.main header {
        top: 390px;
    }

    body.main.closeBanner .top_banner {
        top: -500px !important;
    }

    body.main.bannerHide .top_banner {
        top: 60px;
    }

    .top_banner_cont .top_banner_item a {
        display: block;
        width: 100%;
    }

    .top_banner_cont .top_banner_item a + a {
        margin-left: 0;
        margin-top: 10px;
    }

    .top_banner_cont .top_banner_item a img {
        width: 100%;
    }

    .main_slide .swiper-slide {
        width: 100%;
    }

    .main_slide .slide_item h2 {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .main_visual {
        min-height: 100% !important;
        /* mobile viewport bug fix */
        min-height: -webkit-fill-available;
    }

    .main_visual .swiper-container .swiper-pagination.col3 .swiper-pagination-bullet {
        width: calc(20% - 4px);
    }

    .main_visual .swiper-container .swiper-pagination.col4 .swiper-pagination-bullet {
        width: calc(15% - 4px);
    }

    .main_visual .swiper-container .swiper-pagination.col5 .swiper-pagination-bullet {
        width: calc(12% - 4px);
    }

    .main_visual .swiper-container .swiper-pagination.col6 .swiper-pagination-bullet {
        width: calc(10% - 4px);
    }

    .main_cont_title {
        padding: 0 15px 0;
        margin-bottom: 40px;
    }

    .main_cont_title .dec {
        display: none;
    }

    .main_cont .main_cont_box + .main_cont_box {
        padding-top: 60px;
    }

    .main_cont_product .info h4 {
        font-size: 1.5rem;
    }

    .main_cont_product .info .dec {
        word-break: keep-all;
        line-height: 1.5rem;
        font-size: 1rem;
    }

    .main_cont_news {
        text-align: left;
    }

    .main_cont_news.bg_gray {
        padding: 40px 0 40px;
    }

    .main_cont_news .news_box {
        display: block;
        width: 100%;
    }

    .main_cont_news .news_box + .news_box {
        margin-top: 60px;
        margin-left: 0;
    }

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

    .main_cont_news .news_box_bottom .btn.detail {
        margin-top: 20px;
        min-width: 114px;
        height: 38px;
        line-height: 36px;
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_news .news_box_bottom .date {
        float: right;
        text-align: right;
        width: 50%;
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_news .news_box_bottom .gubun {
        float: left;
        text-align: left;
        width: 50%;
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_news .news_box .thumbnail {
        width: 100%;
        height: 200px;
    }

    .main_cont_news .news_box .thumbnail img {
        width: 100%;
        height: 100%;
    }

    .main_cont_news .news_info dt {
        height: auto;
        margin-bottom: 10px;
    }

    .main_cont_news .news_info dd {
        -webkit-line-clamp: 2;
        max-height: 50px;
        font-weight: 400;
        font-size: 1rem;
    }

    .main_cont_news .news_info dd .post_by {
        margin-top: 10px;
    }

    .main_cont_news .news_info dd .post_by .gubun {
        float: left;
    }

    .main_cont_post .news_cliping dt .date {
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_post .news_cliping dt .tit {
        font-size: 1rem;
    }

    .main_cont_post .news_cliping dd ul li a {
        color: #333;
        font-weight: 400;
        font-size: 1rem;
        text-decoration: underline;
    }

    .main_cont_post .left_post {
        width: 100%;
        float: none;
    }

    .main_cont_post .left_post .post_box {
        width: 100%;
    }

    .main_cont_post .left_post .post_box + .post_box {
        margin-top: 60px;
        margin-left: 0;
    }

    .main_cont_post .right_post {
        margin-top: 30px;
        margin-left: 0;
        width: 100%;
        float: none;
    }

    .main_cont_post .right_post .post_box {
        width: 100%;
    }

    .main_cont_post .post_info dd a {
        font-weight: 400;
        -webkit-line-clamp: 2;
        max-height: 50px;
        font-size: 1rem;
    }

    .main_cont_post .post_info dd .post_by .gubun {
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_post .post_info dd .post_by .date {
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_post .post_box .thumbnail {
        width: 100%;
        height: 200px;
    }

    .main_cont_post .post_box .thumbnail img {
        width: 100%;
        height: 100%;
    }

    .main_cont_post .post_box .post_by {
        margin-top: 10px;
    }

    .main_cont_post .post_box .post_by .gubun {
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_post .post_box .post_by .date {
        font-size: 1rem;
        font-weight: 400;
    }

    .main_cont_contact {
        background: url("https://sgasol.kr/assets/user/images/main/m_main_contact_bg.png") no-repeat;
        padding: 55px 0 0;
        height: 270px;
        background-size: cover;
        background-position-x: center;
    }

    .main_cont_contact h3 {
        font-size: 1.75rem;
    }

    .main_cont_contact .dec {
        line-height: 1.5rem;
        font-size: 1.125rem;
        word-break: keep-all;
    }

    .main_cont_contact .btn {
        font-weight: 400;
        height: 45px;
        line-height: 41px;
    }

    .main_cont_notice .gubun {
        width: 100px;
    }

    .main_cont_notice .swiper-container {
        width: calc(100% - 100px);
    }

    .main_cont_notice .tit {
        max-width: calc(100% - 75px);
    }

    .main_cont_notice .date {
        width: 65px;
        font-size: 0.875rem;
    }

    .application_security .sub_main_top {
        background-position: 52% !important;
    }

    .sub_main_top {
        display: table;
        width: 100%;
        background-position: center !important;
        height: calc(100vh - 60px);
    }

    .sub_main_top .inner {
        position: relative !important;
        display: table-cell;
        vertical-align: middle;
    }

    .sub_main_top .top_title {
        padding: 0 15px;
        word-break: keep-all;
    }

    .sub_main_top .top_title h2 .eng {
        margin-top: 15px;
        font-size: 2.3rem;
        line-height: 3rem;
    }

    .sub_main_top .top_title .dec {
        display: none;
    }

    .sub_main_top .top_title .btn {
        display: block;
        height: 45px;
        line-height: 43px;
        font-size: 1rem;
        min-width: auto;
        width: 180px;
        margin: 0 auto;
    }

    .sub_main_top .top_title .btn + .btn {
        margin: 10px auto;
    }

    .sub_main_top .top_title .btn.SV {
        line-height: 20px;
    }

    .sub_main_top .top_title .ico_scroll {
        width: 29px;
        height: 16px;
        background-size: 250px 250px;
        -webkit-background-size: 250px 250px;
    }

    .sub_main_cont .cont_title {
        padding-top: 80px;
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .sub_main_cont .cont_title h3 {
        line-height: 35px;
        font-size: 1.875rem;
        word-break: keep-all;
    }

    .sub_main_cont .cont_title h3 span {
        line-height: 35px;
        display: block;
    }

    .sub_main_cont .bg_gray {
        padding: 60px 30px 70px;
    }

    .sub_main_cont .bg_gray .box_col.trust dl {
        height: auto;
    }

    .sub_main_cont .bg_gray .box_col.fido dl {
        height: auto;
    }

    .sub_main_cont .bg_gray .box_col ul li {
        width: 100%;
    }

    .sub_main_cont .bg_gray .box_col ul li + li {
        margin-left: 0;
        margin-top: 20px;
    }

    .sub_main_cont .bg_gray .box_col ul .img {
        height: 200px;
    }

    .sub_main_cont .bg_gray .box_col ul .img img {
        width: 100%;
        height: 100%;
    }

    .sub_main_cont .bg_gray .box_col dl {
        height: auto;
        padding: 20px 28px 20px;
    }

    .inner_title {
        padding-bottom: 0;
        margin-bottom: 40px;
    }

    .inner_title h3:after {
        display: none;
    }

    .inner {
        padding: 0 15px;
    }

    .icon_lst {
        border: 1px solid #dcdcdc;
    }

    .icon_lst ul li + li {
        border-top: 1px solid #dcdcdc;
        padding-top: 0;
        margin-top: 0;
    }

    .icon_lst dl {
        padding: 20px 15px;
    }

    .icon_lst dl:first-child {
        background-color: #f9fafb;
    }

    .icon_lst dl + dl {
        border-top: 1px solid #dcdcdc;
        margin-top: 0;
    }

    .icon_lst dl span {
        display: none;
    }

    .icon_lst dl dt {
        line-height: 1.75rem;
        word-break: keep-all;
    }

    .icon_lst dl dd .bullet li + li {
        border-top: 0;
    }

    .icon_lst.RootChain dl {
        background-color: transparent;
        padding: 0;
    }

    .icon_lst.RootChain li:nth-child(odd) {
        background-color: #f9fafb;
    }

    .icon_lst.RootChain dl dd:nth-child(even) {
        width: 100%;
    }

    /* .sub.application_security #RootChain .icon_lst>ul>li {
		padding: 20px;
	} */
    .sub.application_security #RootChain .icon_lst.Root_sample dl {
        background-color: transparent;
        padding: 20px;
    }

    .sub.application_security #RootChain .icon_lst.Root_sample dl dd {
        display: inline-block;
    }

    .sub.application_security #RootChain .icon_lst.Root_sample li:nth-child(odd) {
        background-color: #f9fafb;
    }


    .sub.ZTA .product_cont .info_img {
        width: 100%;
        display: block;
        padding: 10px 20px 10px 20px;
        margin: auto;
        margin-bottom: 20px;
    }

    .sub.ZTA .product_cont .info_img + .arrow {
        display: block;
        margin: auto;
        width: 40px;
        height: 40px;
        transform: rotate(135deg);
    }

    .sub.ZTA .product_cont .arrow + .info_img {
        margin-left: 0;
        margin-top: 40px;
    }

    .search_box_wrap {
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .search_box_wrap .search_box {
        width: 100%;
        padding: 0 15px;
    }

    .search_box_wrap .search_box .sel_box {
        display: block;
        width: 100%;
        height: 35px;
    }

    .search_box_wrap .search_box .sel_box + .sel_box {
        padding-left: 0;
        margin-top: 5px;
    }

    .search_box_wrap .search_box .sel_box .nice-select {
        height: 35px;
        line-height: 35px;
    }

    .search_box_wrap .search_box .ipt_box {
        padding-left: 0;
        margin-top: 5px;
        display: block;
        width: 100%;
    }

    .search_box_wrap .search_box .ipt_box + .ipt_box {
        width: 100%;
    }

    .search_box_wrap .search_box .ipt_box input {
        height: 35px;
        min-height: 35px;
        line-height: 35px;
        width: 100%;
    }

    .search_box_wrap .search_box .ipt_box label {
        margin-top: 5px;
        display: block;
        width: 100%;
        height: 35px;
        line-height: 35px;
    }

    .search_box_wrap .search_box .ipt_box label:before {
        content: "조회";
        height: 35px;
        line-height: 35px;
        vertical-align: middle;
        width: 100%;
        background-color: #58585b;
        background-image: none;
        border: 0;
        border-radius: 2px;
        color: #fff;
        font-size: 1rem;
        font-weight: 300;
        text-align: center;
    }

    .form_box_title {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .form_box_wrap {
        padding: 20px 10px 0;
    }

    .form_box_wrap .rdo_box_wrap {
        margin-bottom: 0;
        padding: 10px;
        border-radius: 0;
    }

    .form_box_wrap .rdo_box_wrap .rdo_box {
        display: block;
    }

    .form_box_wrap .rdo_box_wrap .rdo_box + .rdo_box {
        margin-top: 10px;
        margin-left: 0;
    }

    .form_box_wrap + .form_box_wrap {
        margin-top: 30px;
    }

    .form_box_wrap dl.half {
        width: 100%;
        display: block;
    }

    .form_box_wrap dl.half + .half {
        margin-left: 0;
        margin-top: 25px;
    }

    .form_box_wrap dl + dl {
        margin-top: 25px;
    }

    .form_box_wrap dl dt h3 {
        line-height: 1.5rem;
    }

    .form_box_wrap dl dt h3 em.point_red {
        word-break: keep-all;
    }

    .form_box_wrap dl dd {
        float: none;
    }

    .form_box_wrap dl dd + dd {
        margin-top: 15px;
    }

    .form_box_wrap dl dd .sel_box {
        float: none;
        width: 100% !important;
    }

    .form_box_wrap dl dd .sel_box .nice-select {
        height: 40px;
        line-height: 40px;
    }

    .form_box_wrap dl dd .sel_box + .sel_box {
        padding-left: 0;
        padding-top: 5px;
    }

    .form_box_wrap dl dd .sel_box + .ipt_box {
        width: 100% !important;
        padding-left: 0;
        padding-top: 5px;
    }

    .form_box_wrap dl dd .chk_box + .chk_box {
        margin-left: 10px;
    }

    .form_box_wrap dl dd .chk_box input[type="checkbox"] + label {
        font-size: 0.9375rem;
    }

    .form_box_wrap dl dd .ipt_box_col .ipt_box {
        float: left;
        width: 33.333333%;
    }

    .form_box_wrap dl dd .ipt_box_col .ipt_box + .ipt_box {
        padding-left: 5px;
    }

    .form_box_wrap dl dd .ipt_box {
        float: none;
    }

    .form_box_wrap dl dd .ipt_box input {
        height: 40px;
        min-height: 40px;
        line-height: 40px;
    }

    .form_box_wrap dl dd .ipt_box textarea {
        border-color: #dbdbdb;
        margin-top: 5px;
        border-radius: 0;
        height: 150px;
    }

    .form_box_wrap dl dd .privacy_box .privacy {
        font-size: 0.9375rem;
        padding: 15px 15px;
    }

    .form_box_wrap dl dd .privacy_box .privacy p br {
        display: none;
        word-break: keep-all;
    }

    .form_box_wrap dl dd .privacy_box .privacy a {
        font-size: 0.9375rem;
    }

    .form_box_wrap .product_box_lst .m_pdt_select {
        display: block;
        color: #fff;
        background-color: #5987c5;
        border-bottom: 0;
        padding: 15px 15px;
        line-height: 20px;
    }

    .form_box_wrap .product_box_lst .m_pdt_select p {
        font-size: 1rem;
        font-weight: 400;
    }

    .form_box_wrap .product_box_lst .m_pdt_select b {
        display: block;
        font-size: 1.125rem;
        font-weight: 500;
    }

    .form_box_wrap .product_box_lst .m_pdt_select span {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-right: 3px;
    }

    .form_box_wrap .product_box_lst .m_pdt_select span.black {
        display: inline-block;
    }

    .form_box_wrap .product_box_lst .dec {
        line-height: 1.25rem;
    }

    .form_box_wrap .product_box_lst .dec .m_only {
        display: block;
    }

    .form_box_wrap .product_box_lst ul {
        border: 1px solid #dbdbdb;
        border-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 200px;
        overflow: auto;
    }

    .form_box_wrap .product_box_lst ul li {
        margin-bottom: 0;
        width: 100%;
        background-color: #fff;
        margin-right: 0;
        min-height: 0;
    }

    .form_box_wrap .product_box_lst ul li .pdt_gubun {
        display: none;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail {
        padding: 0;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box + .rdo_box {
        margin-top: 0;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] {
        display: none;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] + label {
        padding: 10px 10px;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] + label:before {
        opacity: 0;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] + label b {
        display: block;
        font-size: 1.125rem;
        font-weight: 500;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] + label span {
        display: block;
        font-size: 1rem;
        word-break: keep-all;
        font-weight: 400;
        margin-right: 3px;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"] + label span.black {
        display: inline-block;
    }

    .form_box_wrap .product_box_lst ul li .pdt_detail .rdo_box input[type="radio"]:checked + label {
        background-color: #f5f5f5;
    }

    .tbl_top span + span {
        margin-left: 5px;
    }

    .tbl_top .current {
        margin-top: 15px;
    }

    .tbl_top .current .company {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    .tbl table > colgroup {
        display: none;
    }

    .tbl.board.view table {
        width: 100%;
        display: block;
        table-layout: inherit;
    }

    .tbl.board.view thead {
        display: block;
        width: 100%;
    }

    .tbl.board.view thead tr {
        display: block;
        width: 100%;
    }

    .tbl.board.view thead tr > th {
        display: block;
        line-height: 1.25rem;
        width: 100%;
        text-align: left;
        padding: 8px 10px;
    }

    .tbl.board.view thead tr > th.date {
        text-align: left !important;
        width: 100%;
        font-size: 0.9375rem;
    }

    .tbl.board.view tbody tr > td {
        width: 100%;
        display: table-cell;
        padding: 20px 10px;
    }

    .tbl.board.view tbody tr > td .view_cont {
        min-height: 300px;
    }

    .tbl.board.view tbody tr > td .news_clipping dl + dl {
        margin-top: 30px;
    }

    .tbl.board.view tbody tr > td .news_clipping dl dd + dd {
        margin-top: 0;
    }

    .tbl.board.view tbody tr > td .news_clipping dl dd .news_clipping_img {
        display: none;
    }

    .tbl.board.library tbody td {
        display: inline-block;
        width: calc(100% - 30px);
    }

    .tbl.board tbody td {
        height: auto;
        display: block;
        padding: 10px 5px;
    }

    .tbl.board tbody td.news_cont {
        padding: 10px 5px;
    }

    .tbl.board tbody td.news_cont .news_cont_caption {
        margin-top: 25px;
    }

    .tbl.board tbody td.news_cont .news_cont_caption span {
        font-weight: 400;
    }

    .tbl.board tbody td.news_cont dl dt {
        font-size: 1rem;
    }

    .tbl.board tbody td .board_link {
        font-weight: 500;
    }

    .tbl.board tbody td.num {
        display: none;
    }

    .tbl.board tbody td.item {
        display: block;
        width: 100%;
        text-align: left;
        padding: 10px 0 0 5px;
        color: #666;
        font-size: 0.9375rem;
    }

    .tbl.board tbody td.date {
        font-size: 0.9375rem;
        width: 100%;
        display: block;
        padding: 0 0 10px 5px;
        text-align: left;
        color: #666;
    }

    .tbl.board tbody td.company {
        display: none;
    }

    .tbl.board tbody td.download {
        width: 30px;
    }

    .tbl.board tbody td.thumbnail {
        display: none;
        width: 80px;
        text-align: center;
    }

    .tbl.board tbody td.thumbnail .thumbnail_img {
        width: 50px;
        height: auto;
        display: inline-block;
    }

    .tbl.board tbody td .board_link dl dt {
        font-weight: 700;
        font-size: 1rem;
    }

    .tbl.board tbody td .board_link dl dd {
        padding-top: 5px;
    }

    .tbl_bottom .link_list dl {
        height: 45px;
    }

    .tbl_bottom .link_list dl dt {
        line-height: 45px;
        font-size: 0.9375rem;
        width: 100px;
    }

    .tbl_bottom .link_list dl dd {
        line-height: 45px;
        width: calc(100% - 104px);
    }

    .tbl_bottom .link_list dl dd p {
        width: calc(100% - 40px);
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 0;
        font-size: 0.9375rem;
    }

    .tbl_bottom .link_list dl dd a {
        width: 20px;
        height: 20px;
        right: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .tbl_bottom .page_list dl {
        height: 45px;
    }

    .tbl_bottom .page_list dl dt {
        width: 100px;
        line-height: 45px;
        font-size: 0.9375rem;
    }

    .tbl_bottom .page_list dl dd {
        width: calc(100% - 104px);
        padding: 0 10px;
        line-height: 45px;
    }

    .tbl_bottom .page_list dl dd a {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-size: 0.9375rem;
    }

    .tbl_bottom .page_list dl dd .date {
        display: none;
    }

    .tbl_bottom .pagenation > a {
        width: 30px;
        height: 30px;
    }

    .tbl_bottom .pagenation ul {
        margin: 0 5px;
    }

    .tbl_bottom .pagenation ul li {
        width: 30px;
        height: 30px;
    }

    .tbl_bottom .pagenation ul li a {
        line-height: 28px;
    }

    .tbl_bottom .pagenation ul li + li {
        margin-left: 2px;
    }

    .tbl.label table tbody th {
        padding: 13px 5px;
        font-size: 0.875rem;
        width: 20%;
    }

    .tbl.label table tbody th .dec {
        font-size: 0.875rem;
        line-height: 1rem;
        display: block;
    }

    .tbl.label table tbody td {
        padding: 13px 5px;
        font-size: 0.875rem;
        width: 25%;
    }

    .tbl.label table tbody td i {
        font-size: 0.875rem;
    }

    .tbl.label.type2 table {
        border: 0;
    }

    .tbl.label.type2 table thead {
        display: none;
    }

    .tbl.label.type2 table tbody td {
        display: block;
        width: 100%;
        height: 40px;
        position: relative;
        padding: 13px 0 13px 50%;
    }

    .tbl.label.type2 table tbody td + td {
        border-left: 0;
        border-top: 1px solid #dcdcdc;
    }

    .tbl.label.type2 table tbody td:before {
        width: 50%;
        height: 100%;
        background-color: #f0f4fb;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 40px;
        font-size: 0.875rem;
        border-right: 1px solid #dcdcdc;
        content: attr(data-title);
    }

    .tbl.label.type2 table tbody tr {
        width: 100%;
        position: relative;
        border: 1px solid #dcdcdc;
        display: block;
    }

    .tbl.label.type2 table tbody tr + tr {
        border-top: 1px solid #dcdcdc;
        margin-top: 15px;
    }

    .step_lst_box {
        margin-top: 40px;
        margin-bottom: 0;
        padding: 20px 15px;
    }

    .step_lst_box ul li {
        width: 100%;
        float: none;
        height: auto;
        word-break: keep-all;
    }

    .step_lst_box ul li br {
        display: none;
    }

    .step_lst_box ul li + li {
        padding-top: 30px;
        margin-top: 30px;
        padding-left: 0;
        border-top: 1px solid #dcdcdc;
        border-left: 0;
    }

    .certi_box_lst dl {
        padding: 20px 0;
        width: 100% !important;
        float: none !important;
    }

    .certi_box_lst dl + dl {
        border-top: 1px solid #dcdcdc;
        padding-left: 0 !important;
    }

    .certi_box_lst dl dt {
        line-height: 22px;
        letter-spacing: inherit;
        word-break: keep-all;
    }

    .certi_box_lst dl dt .dec {
        display: block;
        font-size: 1rem;
        font-weight: 400;
    }

    .certi_box_lst dl dt br {
        display: none;
    }

    .certi_box_lst dl dt p {
        font-size: 1rem;
        font-weight: 400;
        word-break: keep-all;
    }

    .certi_box_lst dl dt p br {
        display: none;
    }

    .certi_box_lst dl dd {
        height: auto !important;
    }

    .certi_box_lst dl dd ul li em {
        font-size: 1rem;
        font-weight: 400;
    }

    .certi_box_lst dl dd ul li span {
        font-size: 1rem;
        font-weight: 400;
    }

    .tab_lst.col7 li {
        width: auto;
        white-space: nowrap;
    }

    .tab_lst.col7 li a {
        margin-top: 20px;
        white-space: nowrap;
    }

    .line_box {
        padding: 20px 15px;
    }

    .line_box_col dl {
        text-align: center;
        padding: 20px 15px;
        float: none;
        width: 100%;
    }

    .line_box_col dl + dl {
        margin-top: 10px;
        margin-left: 0;
    }

    .line_box_col dl dd p {
        width: 100%;
        float: none;
    }

    .line_box_col dl dd .btn.black {
        display: inline-block;
        float: none;
    }

    .line_box .form_box .sel_box {
        float: none;
        width: 100%;
    }

    .line_box .form_box .sel_box + .ipt_box {
        margin-left: 0;
        margin-top: 10px;
    }

    .line_box .form_box .sel_box .nice-select {
        height: 40px;
        line-height: 40px;
    }

    .line_box .form_box .ipt_box {
        width: 100%;
        float: none;
    }

    .line_box .form_box .ipt_box + .ipt_box {
        margin-left: 0;
        margin-top: 10px;
    }

    .line_box .form_box .ipt_box input {
        min-height: 40px;
        height: 40px;
        line-height: 40px;
    }

    .greetings {
        padding-top: 0;
    }

    .greetings .greetings_cont {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .greetings .greetings_cont .greetings_title {
        word-break: keep-all;
    }

    .greetings .greetings_cont .greetings_title h3 {
        font-size: 1.75rem;
    }

    .greetings .greetings_cont .greetings_title h4 {
        font-size: 1.25rem;
    }

    .greetings .greetings_cont .greetings_txt {
        word-break: keep-all;
    }

    .greetings .greetings_cont .greetings_txt p {
        font-size: 1.063rem;
    }

    .greetings .greetings_cont .greetings_txt + .greetings_txt {
        margin-top: 20px;
    }

    .greetings .greetings_cont p + p {
        margin-top: 10px;
    }

    .greetings .greetings_img {
        display: none;
    }

    .history_title {
        display: none;
    }

    .history_lst {
        padding: 10px 15px 20px;
        width: 100%;
        border-left: 0;
        position: relative;
    }

    .history_lst:before {
        left: 15px;
        position: absolute;
        width: 1px;
        background-color: #dfdfdf;
        height: 100%;
        display: block;
        content: "";
    }

    .history dl {
        display: block;
        width: 100%;
    }

    .history dl:first-child {
        margin-top: 30px;
    }

    .history dl + dl {
        margin-top: 50px;
    }

    .history dl dt {
        display: block;
        width: 100%;
        font-size: 1.625rem;
    }

    .history dl dd {
        display: block;
        width: 100%;
        border-left: 0;
        padding: 15px 15px 0;
    }

    .history dl dd ul {
        margin-left: 0;
    }

    .history dl dd ul li {
        line-height: 1.5rem;
    }

    .history dl dd ul li + li {
        margin-top: 5px;
    }

    .history dl dd ul li:before {
        top: 9px;
    }

    .logo_box .box_title {
        margin-bottom: 20px;
    }

    .logo_box_title h4 .eng {
        font-size: 1.65rem;
        display: block;
        line-height: normal;
    }

    .logo_box_title h4 .kor {
        display: none;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        line-height: normal;
        font-size: 1.125rem;
    }

    .logo_box_title + .logo_box_col {
        padding-top: 10px;
    }

    .logo_box .logo_box_img img {
        width: 200px !important;
    }

    .logo_box_ci_solid {
        height: 110px;
    }

    .logo_box_ci_solid .logo_box_img {
        line-height: 110px;
    }

    .logo_box_ci_solid .logo_box_img img {
        width: 200px !important;
    }

    .logo_box_ci_grid {
        height: 220px;
        margin-top: 20px;
    }

    .logo_box_ci_grid .logo_box_img {
        width: 100%;
        line-height: 110px;
    }

    .logo_box_ci_grid .logo_box_img:nth-child(1), .logo_box_ci_grid .logo_box_img:nth-child(3) {
        display: none;
    }

    .logo_box_col + .logo_box_col {
        margin-top: 30px;
    }

    .logo_box_col dl dt {
        margin-bottom: 15px;
    }

    .logo_box_col dl.half {
        float: none;
        width: 100%;
    }

    .logo_box_col dl.half + .half {
        margin-top: 30px;
    }

    .logo_box_col dl dd .logo_box_img {
        line-height: 100px;
        width: 100%;
        float: none;
        border-bottom: 0;
    }

    .logo_box_col dl dd .logo_box_img + .logo_box_img {
        border-top: 0;
    }

    .logo_box_col dl dd.bi_vAegis .logo_box_img img {
        width: 130px !important;
    }

    .logo_box_col dl dd.bi_cAegis .logo_box_img img {
        width: 150px !important;
        height: auto;
    }

    .logo_box_col dl dd.bi_EnterpriseCastle .logo_box_img img {
        width: 230px !important;
    }

    .logo_box_col dl dd.bi_DaLoc .logo_box_img img {
        width: 130px !important;
    }

    .logo_box_col dl dd.bi_mypc .logo_box_img img {
        width: 250px !important;
    }

    .logo_box_col dl dd.bi_Intelligence .logo_box_img img {
        width: 260px !important;
    }

    .logo_box_col dl dd.bi_tc .logo_box_img img {
        width: 220px !important;
    }

    .logo_box_col dl dd.bi_fido .logo_box_img img {
        height: auto;
        width: 280px !important;
    }

    .logo_box_col dl dd.bi_vc10 .logo_box_img img {
        width: 230px !important;
    }

    .logo_box_col dl dd.bi_SentryAir .logo_box_img img {
        height: 45px;
        width: auto !important;
    }

    .logo_box_col dl dd.bi_SentryVisual .logo_box_img img {
        height: 45px;
        width: auto !important;
    }

    .logo_box_col dl dd.bi_RootChain .logo_box_img img {
        height: 45px;
        width: auto !important;
    }

    .logo_box_col dl dd.bi_sgazta .logo_box_img img {
        height: 55px;
        width: auto !important;
    }

    .logo_box .btn_wrap {
        text-align: center;
        margin-top: 15px;
    }

    .logo_box .btn_wrap .fr {
        display: inline-block;
        float: none;
    }

    .logo_box .btn_wrap .btn {
        min-width: 100px;
        height: 35px;
        line-height: 33px;
    }

    .contact_info_map {
        height: 250px !important;
    }

    .contact_info_map .map_wrap {
        height: 250px;
    }

    .contact_info_solid {
        padding: 20px 20px 25px;
    }

    .contact_info_solid p {
        font-size: 1.125rem;
    }

    .contact_info_solid ul {
        margin-top: 15px;
    }

    .contact_info_solid ul li {
        display: block;
        float: none;
    }

    .contact_info_solid ul li + li {
        margin-top: 10px;
        margin-left: 0;
    }

    .contact_info_solid ul li:before {
        background: url(../images/spr_global_icon.png) no-repeat;
        background-size: 250px 250px;
        background-size: 250px 250px;
    }

    .contact_info_solid ul li.address {
        padding-left: 20px;
    }

    .contact_info_solid ul li.address:before {
        width: 9px;
        height: 13px;
        margin-top: -6.5px;
    }

    .contact_info_solid ul li.tel {
        padding-left: 20px;
    }

    .contact_info_solid ul li.tel:before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
    }

    .contact_info_solid ul li.fax {
        padding-left: 20px;
    }

    .contact_info_solid ul li.fax:before {
        width: 13px;
        height: 12px;
        margin-top: -6px;
    }

    .contact_info_solid ul li.mail {
        padding-left: 20px;
    }

    .contact_info_solid ul li.mail:before {
        width: 12px;
        height: 9px;
        margin-top: -4px;
    }

    .contact_info_route {
        margin-top: 25px;
        margin-left: 0;
    }

    .contact_info_route dl + dl {
        margin-top: 15px;
    }

    .contact_info_route dl dt {
        padding-top: 0;
        padding-left: 35px;
        height: 25px;
        float: none;
        text-align: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .contact_info_route dl dt span {
        line-height: 25px;
    }

    .contact_info_route dl dt:before {
        left: 0;
        margin: 0;
        width: 25px;
        height: 25px;
        background: url(../images/spr_global_icon.png) no-repeat;
        background-size: 250px 250px;
        background-size: 250px 250px;
    }

    .contact_info_route dl dd {
        padding-left: 0;
        width: 100%;
        float: none;
    }

    .contact_info_route dl dd ul li {
        line-height: 22px;
    }

    .series_line_up .inner_title {
        margin-bottom: 0;
    }

    .series_line_up .inner_title h5 {
        display: block;
        margin-right: 0;
    }

    .series_line_up .inner_title .btn.shortcut {
        margin-top: 10px;
    }

    .series_line_up ul li {
        padding: 25px 0;
        height: 195px;
        width: calc(33.333333% - 10px);
    }

    .series_line_up ul li > div {
        padding-top: 80px;
    }

    .series_line_up ul li .ico img {
        width: 90%;
    }

    .modal_controller {
        top: -17px;
        right: -14px;
    }

    .modal.brochure_pop .modal_body {
        padding: 0 20px !important;
    }

    .modal.brochure_pop .brochure_pop_title p {
        word-break: keep-all;
        font-weight: 400;
    }

    .modal.brochure_pop .brochure_pop_title br {
        display: none;
    }

    .modal.brochure_pop .brochure_pop_wrap {
        width: 100%;
        padding: 40px 0 50px;
    }

    .modal.brochure_pop .brochure_pop_form {
        padding: 15px 0;
    }

    .modal.brochure_pop .brochure_pop_form dl dt {
        width: 60px;
    }

    .modal.brochure_pop .brochure_pop_form dl dd {
        width: calc(100% - 60px);
    }

    .modal.brochure_pop .brochure_pop_form dl dd .ipt_box input {
        height: 35px;
        line-height: 35px;
        min-height: 35px;
        font-size: 0.9375rem;
    }

    .modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::-webkit-input-placeholder {
        font-size: 0.9375rem;
    }

    .modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::-moz-placeholder {
        font-size: 0.9375rem;
    }

    .modal.brochure_pop .brochure_pop_form dl dd .ipt_box input:-ms-input-placeholder {
        font-size: 0.9375rem;
    }

    .modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::-ms-input-placeholder {
        font-size: 0.9375rem;
    }

    .modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::placeholder {
        font-size: 0.9375rem;
    }

    .modal.brochure_pop .brochure_pop_privacy {
        margin-top: 20px;
    }

    .modal.brochure_pop .brochure_pop_privacy h5 {
        word-break: keep-all;
    }

    .modal.brochure_pop .brochure_pop_privacy .terms_box p {
        word-break: keep-all;
        font-weight: 400;
    }

    .modal.brochure_pop .brochure_pop_privacy .terms_box br {
        display: none;
    }

    .modal.brochure_pop .brochure_pop_privacy .terms_box .chk_box input[type="checkbox"] + label {
        font-weight: 400;
    }

    .modal.brochure_pop .btn_wrap .btn.b_gradiant {
        width: 200px;
        height: 40px;
        line-height: 38px;
        border-radius: 20px;
    }

    .gwp_info_box .info ul {
        width: 100%;
        float: none;
    }

    .gwp_info_box .info ul li + li {
        margin-top: 18px;
    }

    .gwp_info_box .info ul + ul {
        padding-top: 18px;
    }

    .partner_logo_tbl table {
        display: block;
        border: 1px solid #dcdcdc;
        border-bottom: 0;
    }

    .partner_logo_tbl table tbody {
        display: block;
    }

    .partner_logo_tbl table tr {
        display: block;
    }

    .partner_logo_tbl table tr:last-child td {
        border-right: 0;
    }

    .partner_logo_tbl table tr + tr {
        border-top: 0;
    }

    .partner_logo_tbl table td {
        display: block;
        height: 80px;
        line-height: 80px;
        width: 100%;
    }

    .partner_logo_tbl table td + td {
        border-left: 0;
    }

    .partner_info {
        padding: 30px 20px;
    }

    .partner_info_txt {
        border: 4px solid #fff;
        line-height: 24px;
        font-size: 1.25rem;
    }

    .partner_info_txt em.bold {
        font-size: 1.5rem;
        line-height: 30px;
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .partner_program {
        width: 100%;
        height: auto;
        background: none;
        margin: 45px auto 0;
    }

    .partner_program:before {
        border-radius: 0;
        width: 2px;
        height: 90%;
        margin: 10px auto 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 180, 0.6)), to(rgba(252, 89, 72, 0.6)));
        background: -o-linear-gradient(top, rgba(0, 108, 180, 0.6) 0%, rgba(252, 89, 72, 0.6) 100%);
        background: linear-gradient(180deg, rgba(0, 108, 180, 0.6) 0%,
        rgba(252, 89, 72, 0.6) 100%);
    }

    .partner_program h5 {
        position: relative;
    }

    .partner_program ul {
        width: 100%;
        height: auto;
    }

    .partner_program ul li {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        margin: 30px auto 0 !important;
    }

    .partner_network_top {
        height: auto;
        padding: 20px 15px;
    }

    .partner_network_top .tit {
        padding-top: 0;
        line-height: normal;
        font-size: 1.125rem;
        font-weight: 400;
        float: none;
    }

    .partner_network_top .contact {
        padding: 10px 0 0;
        float: none;
    }

    .partner_network_top .contact .bold {
        font-weight: 400;
    }

    .partner_network_top .contact a:before {
        top: 2px;
    }

    .partner_network_map {
        padding: 55px 50px;
    }

    .diagram_cont_tbl_col {
        background-color: transparent;
        padding-top: 0;
    }

    .diagram_cont_tbl_col:before {
        display: none;
    }

    .diagram_cont_tbl_col .diagram_cont_tbl.half {
        float: none;
        width: 100%;
    }

    .diagram_cont_tbl_col .diagram_cont_tbl.half + .diagram_cont_tbl.half {
        margin-top: 30px;
    }

    .diagram_cont_tbl_col .diagram_cont_tbl.half + .diagram_cont_tbl.half table {
        border-left: 1px solid #a4c0d4;
    }

    .diagram_cont_tbl .center {
        width: 100%;
    }

    .diagram_cont_tbl thead th {
        padding: 15px 10px 15px;
        word-break: keep-all;
    }

    .diagram_cont_tbl thead th br {
        display: none;
    }

    .business_info_slogan h4 {
        font-size: 2rem;
        line-height: 36px;
    }

    .business_info_slogan .dec br {
        display: none;
    }

    .business_info_diagram {
        margin-top: 50px;
    }

    section.sub.terms .cont_box_top {
        padding: 30px 20px;
    }

    section.sub.terms .cont_box_top p {
        font-weight: 400;
        font-size: 1rem;
    }

    section.sub.terms br {
        display: none;
    }

    section.sub.terms .cont + .cont {
        margin-top: 40px !important;
    }

    section.sub.terms .cont_box_wrap {
        padding: 25px 20px;
    }

    section.sub.terms .cont_box {
        word-break: keep-all;
    }

    section.sub.terms .cont_box dl dt {
        margin-bottom: 15px;
    }

    section.sub.terms .cont_box dl dd p {
        font-size: 1rem;
    }

    section.sub.terms .cont_box dl dd ul li {
        font-size: 1rem;
    }

    section.sub.terms .cont_box dl dd ul li ul {
        margin-left: 10px;
    }

    section.sub.terms .cont_box dl dd ul li ul li {
        font-size: 1rem;
    }
}

@media all and (max-width: 600px) {
    .sky_banner {
        bottom: auto;
        top: 65px;
    }

    .top_btn {
        right: 5%;
        bottom: 30px;
    }

    .sub.ZTA .product_cont .info {
        padding: 0;
    }

    .sub_main_cont .series_box.reverse .info {
        padding: 25px 20px;
    }

    .sub_main_cont .series_box .info {
        padding: 25px 20px 30px;
    }

    .sub_main_cont .series_box .info p br {
        display: none;
    }

    .gwp_info p {
        padding-bottom: 40px;
    }

    .gwp_info_box .img img {
        min-height: 200px;
    }

    .gwp_info_box .info .title {
        width: 80%;
        font-size: 1.75rem;
    }

    .gwp_info_box .info .title .thin {
        font-size: 1.125rem;
    }

    .gwp_info_box .info ul {
        width: 100%;
        float: none;
    }

    .gwp_info_box .info ul li + li {
        margin-top: 18px;
    }

    .gwp_info_box .info ul + ul {
        padding-top: 18px;
    }

    .vip_info_box .img img {
        width: 100%;
        height: auto;
        min-height: 200px;
    }

    .vip_info_box .info dl dt .thin {
        display: none;
    }

    .vip_info_box .info dl dd {
        line-height: 22px;
    }

    .form_box_wrap .partner_box_lst ul li .partner_pdt {
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
    }

    .form_box_wrap .partner_box_lst ul li .partner_detail ul {
        width: 100%;
        margin: auto;
    }
}

@media all and (max-width: 500px) {
    header .m_hide {
        display: none;
    }

    .top_banner_cont {
        padding: 20px 20px 50px;
    }

    .top_banner .top_banner_nav {
        width: 100px;
        position: absolute;
        bottom: 10px;
    }

    .top_banner .top_banner_nav .item_control {
        position: relative;
        display: inline-block;
        top: auto;
        background: none;
        width: 28px;
        height: 27px;
        border: 1px solid #888;
    }

    .top_banner .top_banner_nav .item_control:before {
        background: url(../images/spr_global_icon.png) no-repeat;
        background-size: 250px 250px;
        -webkit-background-size: 250px 250px;
        background-position: 26.458% 21.413%;
        width: 11.5px;
        height: 16.5px;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        content: "";
    }

    .top_banner .top_banner_nav .item_control.prev {
        left: 0;
    }

    .top_banner .top_banner_nav .item_control.next {
        right: 0;
        margin-left: 8px;
    }

    .top_banner .top_banner_controller {
        right: 20px;
        *zoom: 1;
    }

    .top_banner .top_banner_controller:after {
        display: block;
        clear: both;
        content: "";
    }

    .recruit_box.box01 .info dl:first-child:before {
        width: 33px;
        height: 27px;
    }

    .recruit_box.box01 .info dl:last-child:before {
        width: 30px;
        height: 28px;
    }

    .recruit_box.box02 .info dl:first-child:before {
        width: 34px;
        height: 31px;
    }

    .recruit_box.box02 .info dl:last-child:before {
        width: 27px;
        height: 25px;
    }

    .recruit_box.box03 .info dl:before {
        width: 21px;
        height: 34px;
    }

    .recruit_box .info dl {
        padding-left: 85px;
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .recruit_box .info dl:before {
        left: 25px;
        top: 25px !important;
        margin-top: 0 !important;
        background: url(../images/spr_global_icon.png) no-repeat;
        background-size: 250px 250px;
        -webkit-background-size: 250px 250px;
    }

    .recruit_box .info dl dd ul li {
        display: block !important;
        margin-right: 0;
    }

    .series_line_up ul li {
        width: calc(50% - 6px);
        margin-bottom: 10px;
        height: auto;
        padding: 20px 0;
    }

    .series_line_up ul li p {
        font-size: 0.9375rem;
    }

    .series_line_up ul li:nth-child(even) {
        margin-right: 0;
    }

    .series_line_up ul li > div {
        padding-top: 70px;
    }

    .series_line_up ul li .ico img {
        width: 80%;
    }

    .diagram:after {
        display: none;
    }

    .diagram_cont + .diagram_cont {
        margin-top: 40px;
    }

    .diagram_cont_tit {
        margin-bottom: 20px;
    }

    .diagram_cont.sys .diagram_cont_tbl table {
        border-right: 0;
        border-left: 0;
        border-bottom: 0;
    }

    .diagram_cont.sys .diagram_cont_tbl table td {
        border-left: 1px solid #f9b5ad;
        border-right: 1px solid #f9b5ad;
        border-bottom: 1px solid #f9b5ad;
    }

    .diagram_cont.sys .diagram_cont_tbl table td + td {
        border-top: 1px solid #f9b5ad;
    }

    .diagram_cont.sys .diagram_cont_tbl table td:before {
        border-bottom: 1px solid #f9b5ad;
    }

    .diagram_cont.end .diagram_cont_tbl table {
        border-right: 0;
        border-left: 0;
        border-bottom: 0;
    }

    .diagram_cont.end .diagram_cont_tbl table td {
        border-left: 1px solid #8ec197;
        border-right: 1px solid #8ec197;
        border-bottom: 1px solid #8ec197;
    }

    .diagram_cont.end .diagram_cont_tbl table td + td {
        border-top: 1px solid #8ec197;
    }

    .diagram_cont.end .diagram_cont_tbl table td:before {
        border-bottom: 1px solid #8ec197;
    }

    .diagram_cont.app .diagram_cont_tbl table {
        border-right: 0;
        border-left: 0;
        border-bottom: 0;
    }

    .diagram_cont.app .diagram_cont_tbl table td {
        border-left: 1px solid #a4c0d4;
        border-right: 1px solid #a4c0d4;
        border-bottom: 1px solid #a4c0d4;
    }

    .diagram_cont.app .diagram_cont_tbl table td + td {
        border-top: 1px solid #a4c0d4;
    }

    .diagram_cont.app .diagram_cont_tbl table td:before {
        border-bottom: 1px solid #a4c0d4;
    }

    .diagram_cont.zta .diagram_cont_tbl table td:before {
        border-bottom: 1px solid #a4c0d4;
    }

    .diagram_cont_tbl p {
        line-height: initial;
        padding-bottom: 15px;
        font-size: 1.25rem;
    }

    .diagram_cont_tbl table {
        display: block;
    }

    .diagram_cont_tbl table colgroup, .diagram_cont_tbl table thead {
        display: none;
    }

    .diagram_cont_tbl table tbody, .diagram_cont_tbl table tr {
        display: block;
    }

    .diagram_cont_tbl table td {
        text-align: center;
        height: auto;
        padding: 0;
        width: 100%;
        display: block;
        background-color: #fff;
    }

    .diagram_cont_tbl table td + td {
        margin-top: 10px;
    }

    .diagram_cont_tbl table td:before {
        color: #333333;
        font-size: 1.125rem;
        font-weight: 400;
        padding: 15px 0 15px;
        width: 100%;
        display: block;
        content: attr(data-label);
    }

    .diagram_cont_tbl table td .img_box {
        padding: 15px 10px;
    }

    .diagram_cont_tbl_col .diagram_cont_tbl.half + .diagram_cont_tbl.half table {
        border-left: 0;
    }

    .main_slide .slide_item br {
        display: none;
    }

    .main_slide .slide_item .dec {
        word-break: keep-all;
        line-height: normal;
        padding-bottom: 20px;
        font-size: 1.15rem;
    }

    .main_slide .slide_item h2 {
        word-break: keep-all;
        line-height: 2.25rem;
        font-size: 2rem;
    }

    .main_slide .slide_item .caption {
        word-break: keep-all;
        line-height: 1.6rem;
        font-size: 1.15rem;
    }

    .main_slide .slide_item .btn_wrap {
        padding-top: 27px;
    }

    .main_slide .slide_item .btn_wrap a {
        width: 150px;
        height: 36px;
        line-height: 34px;
    }

    .main_slide:after {
        bottom: 30px;
    }

    .main_visual .swiper-container .swiper-pagination {
        bottom: 20%;
    }

    .main_cont_notice {
        height: 127px;
        border-top: 0;
    }

    .main_cont_notice .gubun {
        border-bottom: 1px solid #dcdcdc;
        text-align: center;
        display: block;
        width: 100%;
        line-height: normal;
        padding-bottom: 40px;
        font-size: 1.75rem;
        font-weight: 700;
        float: none;
    }

    .main_cont_notice .swiper-container {
        width: 100%;
        float: none;
    }

    .sub_main_cont .cont_title {
        word-break: keep-all;
        margin-bottom: 0;
        padding: 60px 15px 40px;
    }

    .sub_main_cont .series_box .info h4 {
        font-size: 1.75rem;
        margin-bottom: 20px;
    }

    .sub_main_cont .series_box .info p.dec {
        font-size: 1.063rem;
        word-break: keep-all;
    }

    .sub_main_cont .series_box .info p em.blue {
        font-size: 1.063rem;
        word-break: keep-all;
    }

    .sub_main_cont .series_box .info p + p {
        margin-top: 10px;
    }

    .sub_main_cont .bg_gray {
        padding: 30px 15px 30px;
    }

    .sub_main_cont .bg_gray .box_col dl {
        padding: 20px 15px 25px;
    }

    .sub_main_cont .bg_gray .box_col dl dt {
        margin-bottom: 10px;
    }

    .sub_main_cont .bg_gray .box_col dl dd {
        font-weight: 400;
    }
}

@media all and (max-width: 414px) {
    .main_cont_post .post_box .post_by .date {
        font-size: 0.875rem;
    }

    .main_cont_notice .date {
        font-size: 0.75rem;
    }
}

@media all and (max-width: 375px) {
    .vip_info_box .info {
        padding: 30px 20px;
    }

    .vip_info_box .info dl dt {
        font-size: 1.5rem;
    }

    .vip_info_box .info dl dd {
        margin-top: 15px;
        font-size: 1rem;
    }

    .gwp_info_box .info {
        padding: 45px 0 45px;
    }

    .gwp_info_box .info .title {
        font-size: 1.5rem;
        width: 90%;
    }

    .gwp_info_box .info .title .thin {
        font-size: 1rem;
        font-weight: 400;
    }

    .gwp_info_box .info ul {
        padding-left: 20px;
        padding-right: 20px;
    }

    .gwp_info_box .info ul li {
        font-size: 1rem;
        line-height: 22px;
    }

    .partner_info {
        padding: 30px 30px;
    }

    .partner_info_txt {
        line-height: 22px;
        font-size: 1.125rem;
    }

    .partner_info_txt em.bold {
        font-size: 1.25rem;
        line-height: 28px;
    }

    .partner_info_dec {
        line-height: 24px;
        font-size: 1.125rem;
    }

    .partner_info_dec br {
        display: none;
    }
}

@media all and (max-width: 320px) {
    .main_slide:after {
        display: none;
    }

    .main_slide .slide_item h2 {
        line-height: 2rem !important;
        font-size: 1.5rem !important;
    }

    .main_slide .slide_item .btn_wrap a span {
        font-size: 0.875rem;
    }

    .main_visual .swiper-container .swiper-pagination {
        bottom: 10% !important;
    }

    .tbl_bottom .pagenation {
        font-size: 0;
    }

    .tbl_bottom .pagenation > a + a {
        margin-left: 2px;
    }

    header .header_cont .logo a img {
        width: 145px;
    }

    header .header_cont .header_btn .btn_contact {
        padding: 0 10px;
        border-radius: 15px;
    }

    .product_box .btn_wrap .btn {
        width: 100%;
    }

    .product_box .btn_wrap .btn + .btn {
        margin-left: 0;
        margin-top: 5px;
    }

    #videoPop {
        width: 240px;
    }

    .business_info_slogan h4 {
        font-size: 1.75rem;
        line-height: 30px;
    }

    .logo_box .logo_box_img img {
        width: 160px !important;
    }

    .logo_box_col dl dd.bi_mypc .logo_box_img img, .logo_box_col dl dd.bi_vc10 .logo_box_img img,
    .logo_box_col dl dd.bi_fido .logo_box_img img, .logo_box_col dl dd.bi_Intelligence .logo_box_img img,
    .logo_box_col dl dd.bi_tc .logo_box_img img, .logo_box_col dl dd.bi_EnterpriseCastle .logo_box_img img {
        width: 200px !important;
    }

    .diagram_cont_tit {
        width: 100%;
    }

    .diagram_cont_tbl table td:before {
        padding: 15px 10px 15px;
        word-break: keep-all;
    }

    .tbl_bottom .pagenation > a {
        width: 25px;
        height: 25px;
    }

    .tbl_bottom .pagenation ul li {
        width: 25px;
        height: 25px;
    }

    .tbl_bottom .pagenation ul li a {
        line-height: 23px;
    }

    .sub_main_top .top_title h2 .eng {
        font-size: 2rem;
    }

    .sub_main_top .top_title .dec {
        margin-top: 25px;
        font-size: 0.9375rem;
    }

    .sub_main_top .top_title .dec span {
        display: initial;
    }

    .sub_main_top .top_title .btn {
        padding: 0 5px;
        font-size: 0.875rem;
        line-height: 38px;
        height: 40px;
    }

    .sub_main_top .top_title .btn_wrap {
        margin-top: 30px;
    }

    .sub_main_cont .cont_title h3 {
        font-size: 1.75rem;
    }

    .sub_main_cont .cont_title .dec {
        font-size: 1rem;
    }

    .sub_main_cont .cont_title .dec em.bold {
        font-size: 1rem;
    }

    .sub_main_cont .bg_gray {
        padding: 50px 15px 60px;
    }

    .sub_main_cont .bg_gray .box_col ul .img {
        height: 150px;
    }

    .sub_main_cont .bg_gray .box_col ul .img img {
        height: 100%;
    }

    .sub_main_cont .series_box .info h4 {
        font-size: 1.75rem;
        margin-bottom: 20px;
    }

    .sub_main_cont .series_box .info p em.blue {
        line-height: 20px;
        font-size: 1rem;
    }

    .sub_main_cont .series_box .info p.dec {
        line-height: 20px;
        font-size: 1rem;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li {
        padding-left: 40px;
    }

    .sub_main_cont .series_box .info_bottom .icon_wrap ul li span {
        font-size: 0.9375rem;
    }

    .series_line_up ul li p {
        font-size: 12px;
    }

    .series_line_up ul li a {
        height: 30px;
        line-height: 28px;
    }
}

@media all and (max-width: 280px) {
    header .header_cont .gnb .depth_wrap .depth_box > a {
        font-size: 1.063rem;
        padding-left: 5px;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dt {
        font-size: 1.063rem;
        padding-left: 10px;
    }

    header .header_cont .gnb .depth_wrap .depth_box dl dd a {
        font-size: 1.063rem;
        padding-left: 10px;
    }

    .series_line_up ul li {
        width: 100%;
        padding: 25px 0;
    }

    .series_line_up ul li p {
        font-size: 1rem;
    }

    .series_line_up ul li a {
        font-size: 0.9375rem;
    }
}

@media all and (max-height: 768px) {
    .main_slide .slide_item br {
        display: none;
    }

    .main_slide .slide_item .dec {
        word-break: keep-all;
        line-height: normal;
        padding-bottom: 10px;
        font-size: 1.15rem;
    }

    .main_slide .slide_item h2 {
        word-break: keep-all;
        line-height: 2.25rem;
        font-size: 2rem;
    }

    .main_slide .slide_item .caption {
        word-break: keep-all;
        line-height: 1.6rem;
        font-size: 1rem;
    }

    .main_slide .slide_item .btn_wrap {
        padding-top: 27px;
    }

    .main_slide .slide_item .btn_wrap a {
        width: 150px;
        height: 36px;
        line-height: 34px;
    }

    .main_visual .swiper-container .swiper-pagination {
        bottom: 20%;
    }

    section.sub.terms .cont .tbl {
        overflow-x: auto;
    }
}

@media all and (max-height: 960px) {
    .modal.brochure_pop {
        height: 90% !important;
    }

    .modal.brochure_pop .modal_body {
        padding: 0 50px;
        overflow-y: auto;
    }

    html.safari .modal.brochure_pop .modal_body {
        overflow-y: scroll;
    }
}

/* 125% */
/****************************************************
*    p r i n t s u p p o r t
******************************************************/
#printPopup {
    padding-top: 120px;
}

#printPopup .cont + .cont {
    margin-top: 60px;
}

#printPopup .inner {
    padding: 0 40px;
}

#printPopup .inner_title {
    padding-bottom: 60px;
}

#printPopup .inner_title h3:after {
    display: none;
}

#printPopup .sub_cont {
    margin-top: 0;
    padding-top: 50px;
    position: relative;
}

#printPopup .tab_container {
    margin-top: 50px;
}

#printPopup .print_tab {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 10;
}

#printPopup .print_tab .inner {
    padding: 0;
}

.bullet ul li {
    line-height: 22px;
    padding-left: 15px;
    position: relative;
    letter-spacing: -0.04em;
    color: #666;
    font-size: 1rem;
    font-weight: 400;
}

.bullet ul li .bold {
    font-weight: 500;
}

.bullet ul li:before {
    width: 5px;
    height: 5px;
    background-color: #858585;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    content: "";
}

.bullet ul li + li {
    margin-top: 15px;
}

.bullet .no_bullet li:before {
    display: none;
}

.line_box {
    border: 1px solid #dcdcdc;
    padding: 40px 30px 45px;
}

.line_box_col {
    *zoom: 1;
}

.line_box_col:after {
    display: block;
    clear: both;
    content: "";
}

.line_box_col dl {
    border: 1px solid #dadfe3;
    float: left;
    width: calc(50% - 10px);
    background-color: #fafafa;
    padding: 25px 30px 25px 35px;
    border-radius: 3px;
}

.line_box_col dl + dl {
    margin-left: 20px;
}

.line_box_col dl dt {
    margin-bottom: 10px;
    line-height: 1.375rem;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 500;
}

.line_box_col dl dd {
    *zoom: 1;
}

.line_box_col dl dd:after {
    display: block;
    clear: both;
    content: "";
}

.line_box_col dl dd p {
    display: block;
    width: 240px;
    float: left;
    line-height: 1.125rem;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
}

.line_box_col dl dd .btn.black {
    margin-top: 10px;
    width: 120px;
    height: 28px;
    line-height: 25px;
    background-color: #58585b;
    border: 1px solid #58585b;
    border-radius: 14px;
    display: block;
    float: right;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.line_box_col dl dd .btn.black:hover {
    background: #242424;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.line_box .bullet ul li {
    font-size: 0.9375rem;
}

.line_box .bullet ul li .dec {
    line-height: 1.375rem;
    font-size: 0.875rem;
}

.m_print_tab_lst .nice-select {
    float: none;
    font-family: "Noto Sans KR", sans-serif;
    width: 100%;
    height: 45px;
    font-size: 1rem;
    line-height: 45px;
    font-weight: 400;
    border-radius: 0;
    position: relative;
}

.m_print_tab_lst .nice-select span {
    font-weight: 400;
    color: #333333;
    font-size: 1rem;
}

.m_print_tab_lst .nice-select:after {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 21.633% 2.84%;
    position: absolute;
    width: 10px;
    height: 7px;
    border-style: none;
    top: 50%;
    margin-top: -3.5px;
    right: 15px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    display: block;
    content: "";
}

.m_print_tab_lst .nice-select:hover, .m_print_tab_lst .nice-select:focus {
    border: 1px solid #6e9ce0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.m_print_tab_lst .nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.m_print_tab_lst .nice-select .list {
    width: 100%;
    border-radius: 0;
    max-height: 150px;
    overflow: auto;
}

.m_print_tab_lst .nice-select .option {
    min-height: 38px;
    line-height: 38px;
    color: #333333;
    font-weight: 400;
}

.m_print_tab_lst .nice-select .option.selected {
    background-color: #f5f5f5;
}

.m_print_tab_lst .nice-select .option.selected.focus {
    background-color: #f5f5f5;
}

.m_print_tab_lst .nice-select .option.selected.focus:focus {
    background-color: #f5f5f5;
}

.m_print_tab_lst .nice-select .option:hover {
    color: #333333;
    background-color: #f5f5f5;
}

.search_box_wrap {
    background-color: #f3f3f3;
    padding: 30px 0;
    margin-bottom: 40px;
    text-align: center;
}

.search_box_wrap .search_box {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.search_box_wrap .search_box .sel_box {
    display: inline-block;
    width: 180px;
    height: 45px;
}

.search_box_wrap .search_box .sel_box + .sel_box {
    padding-left: 4px;
}

.search_box_wrap .search_box .ipt_box {
    display: inline-block;
    padding-left: 4px;
}

.search_box_wrap .search_box .ipt_box input {
    width: 350px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
}

.search_box_wrap .search_box .ipt_box .search_btn {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    text-indent: -9999em;
    cursor: pointer;
}

.search_box_wrap .search_box .ipt_box .search_btn:hover {
    opacity: .8;
}

.search_box_wrap .search_box .ipt_box .search_btn:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: -171px -9px;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    content: "";
}

.print_header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    background-color: #0071bd;
}

.print_header_cont {
    width: 100%;
    *zoom: 1;
}

.print_header_cont:after {
    display: block;
    clear: both;
    content: "";
}

.print_header h2 {
    float: left;
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    font-weight: 500;
    color: #fff;
}

.print_header h2:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 92.211% 1.891%;
    width: 25px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    content: "";
}

.print_header .logo {
    padding-right: 30px;
    line-height: 60px;
    float: right;
}

.print_tab_menu {
    width: 100%;
    background-color: #fff;
    position: relative;
}

.print_tab_menu:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    display: block;
    content: "";
}

.print_tab_menu_lst {
    *zoom: 1;
}

.print_tab_menu_lst:after {
    display: block;
    clear: both;
    content: "";
}

.print_tab_menu_lst li {
    float: left;
    width: 25%;
    border-radius: 0;
    background-color: #fff;
}

.print_tab_menu_lst li a {
    padding-top: 21px;
    padding-bottom: 22px;
    position: relative;
    text-align: center;
    display: block;
    border-bottom: 1px solid #dcdcdc;
    color: #333333;
    font-size: 1.063rem;
    font-weight: 300;
}

.print_tab_menu_lst li a:before {
    display: block;
    content: "";
}

.print_tab_menu_lst li + li {
    margin-left: 0;
}

.print_tab_menu_lst li.on a {
    color: #0099ff;
    font-weight: 500;
}

.print_tab_menu_lst li.on a:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: #0099ff;
    height: 3px;
}

.print_tab_menu .inner {
    padding: 0;
}

.print_tab_menu .m_print_tab_lst {
    display: none;
}

.print_info .state dl {
    line-height: 1.125rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.print_info .state dl + dl {
    margin-top: 20px;
}

.print_info .state dl dt {
    display: inline-block;
    vertical-align: middle;
}

.print_info .state dl dt.flag {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 30px;
    border-radius: 15px;
    width: 80px;
    text-align: center;
}

.print_info .state dl dt.flag.blue {
    color: #0071bd;
    border: 1px solid #0071bd;
}

.print_info .state dl dt.flag.red {
    color: #ee183b;
    border: 1px solid #ee183b;
}

.print_info .state dl dt.flag.green {
    color: #129d57;
    border: 1px solid #129d57;
}

.print_info .state dl dt.flag.gray {
    color: #999999;
    border: 1px solid #999999;
}

.print_info .state dl dd {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.125rem;
    font-size: 0;
    color: #444;
    font-size: 1rem;
    font-weight: 400;
}

.print_info .state dl dd span {
    color: #444;
    font-size: 1rem;
    font-weight: 400;
}

.print_info .contact {
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #dcdcdc;
}

.print_info .contact ul li {
    font-size: 0;
}

.print_info .contact ul li + li {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px dashed #dcdcdc;
}

.print_info .contact .full {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 100%;
}

.print_info .contact .full dt {
    width: 25%;
    display: inline-block;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.print_info .contact .full dd {
    display: inline-block;
    color: #666;
    font-size: 0.9375rem;
    font-weight: 400;
    width: 75%;
}

.print_info .contact .full dd span {
    color: #444;
    font-size: 0.9375rem;
    font-weight: 400;
}

.print_info .contact .full dd span + span {
    margin-left: 20px;
}

.print_info .contact .quarter {
    display: inline-block;
    width: 25%;
    text-align: left;
}

.print_info .contact .quarter dt, .print_info .contact .quarter dd {
    display: block;
}

.print_info .contact .quarter dt {
    color: #333333;
    font-size: 0.875rem;
    font-weight: 500;
}

.print_info .contact .quarter dd {
    color: #666;
    font-size: 0.875rem;
    font-weight: 400;
    margin-top: 5px;
}

.print_contact {
    text-align: center;
    border: 1px solid #dcdcdc;
    padding: 21px 0;
    margin-top: 30px;
}

.print_contact p {
    display: inline-block;
    letter-spacing: -0.025em;
    color: #666;
    font-size: 1rem;
    font-weight: 400;
}

.print_contact p em {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
}

.print_contact span + span:before {
    color: #666;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    padding: 0 10px;
    content: "/";
}

.print_lst {
    position: relative;
    max-width: 100%;
    overflow: auto;
    border-bottom: 1px solid #dcdcdc;
}

.print_lst.tbl table {
    min-width: 900px;
    width: 100%;
    border-top: 2px solid #333;
}

.print_lst.tbl table thead {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
}

.print_lst.tbl table thead th {
    text-align: center;
    padding: 20px 0;
}

.print_lst.tbl table thead th span {
    line-height: 1.125rem;
    cursor: pointer;
    position: relative;
    padding-right: 22px;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.print_lst.tbl table thead th span:before {
    background: url(../images/spr_global_icon.png) no-repeat;
    line-height: 1.125rem;
    background-position: 68.247% 2.259%;
    width: 15px;
    height: 13px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0;
    display: block;
    content: "";
}

.print_lst.tbl table thead th.tablesorter-headerAsc span:before {
    width: 15px;
    height: 13px;
    background-position: 75.876% 2.259%;
}

.print_lst.tbl table thead th.tablesorter-headerDesc span:before {
    width: 15px;
    height: 13px;
    background-position: 71.959% 2.259%;
}

.print_lst.tbl table tbody td {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    padding: 21px 10px;
}

.print_lst.tbl table tbody td.state {
    padding: 0;
    text-align: center;
}

.print_lst.tbl table tbody td.state .flag {
    margin: 0 auto;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 30px;
    border-radius: 15px;
    width: 80px;
    display: block;
    text-align: center;
}

.print_lst.tbl table tbody td.state .flag.blue {
    color: #0071bd;
    border: 1px solid #0071bd;
}

.print_lst.tbl table tbody td.state .flag.red {
    color: #ee183b;
    border: 1px solid #ee183b;
}

.print_lst.tbl table tbody td.state .flag.green {
    color: #129d57;
    border: 1px solid #129d57;
}

.print_lst.tbl table tbody td.state .flag.gray {
    color: #999999;
    border: 1px solid #999999;
}

.print_lst.tbl table tbody tr + tr {
    border-top: 1px solid #dcdcdc;
}

.print_lst_info {
    margin-bottom: 10px;
    width: 100%;
    *zoom: 1;
}

.print_lst_info:after {
    display: block;
    clear: both;
    content: "";
}

.print_lst_info .caption {
    float: left;
    display: inline-block;
}

.print_lst_info .caption span {
    line-height: 30px;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.print_lst_info .caption span + span {
    margin-left: 10px;
}

.print_lst_info ul {
    float: right;
    display: inline-block;
    vertical-align: middle;
}

.print_lst_info ul li {
    display: inline-block;
    vertical-align: middle;
}

.print_lst_info ul li + li {
    margin-left: 10px;
}

.print_lst_info ul li .fa-stack {
    font-size: 0.9375rem;
}

.print_lst_info ul li span {
    color: #666;
    font-size: 0.875rem;
    font-weight: 300;
}

.print_lst_info ul li span + span {
    margin-left: 0;
}

.print_ns_lst {
    padding: 30px 30px;
    border: 1px solid #dcdcdc;
    margin-bottom: 30px;
}

.print_ns_lst dl dt {
    color: #333333;
    font-size: 1.375rem;
    font-weight: 500;
    padding-bottom: 20px;
}

.print_ns_lst dl + dl {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #dcdcdc;
}

.print_ns_lst ul {
    font-size: 0;
}

.print_ns_lst ul li {
    width: 33.333333%;
    line-height: 1.875rem;
    display: inline-block;
    letter-spacing: -0.04em;
    color: #333333;
    font-size: 0.875rem;
    font-weight: 300;
}

.print_form_box {
    margin-bottom: 30px;
    *zoom: 1;
}

.print_form_box:after {
    display: block;
    clear: both;
    content: "";
}

.print_form_box .sel_box, .print_form_box .ipt_box {
    float: left;
}

.print_form_box .sel_box {
    width: 20%;
}

.print_form_box .sel_box + .ipt_box {
    margin-left: 5px;
}

.print_form_box .ipt_box {
    width: 35%;
}

.print_form_box .ipt_box + .ipt_box {
    width: calc(44% - 90px);
    margin-left: 5px;
}

.print_form_box .ipt_box input {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.print_form_box .btn.search, .print_form_box .btn_add {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    background-color: #58585b;
    border: 0;
    height: 45px;
    line-height: 43px;
    border-radius: 2px;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    margin-left: 5px;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.print_form_box .btn.search:hover, .print_form_box .btn_add:hover {
    background: #242424;
}

.print_guide_box {
    position: relative;
}

.print_guide_box .guide_cont {
    display: none;
    width: 100%;
    height: 100%;
}

.print_guide_box .guide_cont.current {
    display: block;
}

.print_guide_box .guide_cont p {
    text-align: center;
}

.print_guide_box .guide_tab_top {
    width: 640px;
    margin: 0 auto 10px;
    *zoom: 1;
}

.print_guide_box .guide_tab_top:after {
    display: block;
    clear: both;
    content: "";
}

.print_guide_box .guide_tab_lst {
    font-size: 0;
}

.print_guide_box .guide_tab_lst li {
    display: inline-block;
    min-width: 210px;
}

.print_guide_box .guide_tab_lst li label {
    border: 1px solid #dcdcdc;
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 38px;
    font-weight: 400;
    color: #333333;
    display: block;
    background-color: #f0f0f0;
}

.print_guide_box .guide_tab_lst li input[type="radio"] + label:before {
    position: absolute;
    left: -9999em;
}

.print_guide_box .guide_tab_lst li.on label {
    color: #fff;
    border: 1px solid #0071bd;
    background-color: #0071bd;
}

.print_guide_box .guide_tab_lst li:hover label {
    text-decoration: underline;
}

.print_guide_box .guide_tab_cont {
    display: none;
}

.print_guide_box .guide_tab_cont.on {
    display: block;
}

.print_guide_box .guide_tab_cont figure {
    text-align: center;
}

.print_guide_box .swiper-container {
    height: 100%;
}

.print_guide_box .swiper-container .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.print_guide_box figure {
    text-align: center;
}

.print_guide_box figure figcaption {
    margin-top: 15px;
    line-height: 22px;
    color: #333333;
    font-size: 1.125rem;
    font-weight: 400;
}

.print_guide_box .btn_back {
    padding: 0 24px;
    height: 40px;
    line-height: 38px;
    background-color: #022967;
    border-radius: 20px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.print_guide_box .btn_back:hover {
    background-color: #08224c;
    text-decoration: underline;
}

.print_guide_box .btn_wrap {
    text-align: center;
}

.print_guide_controller a {
    display: block;
    position: absolute;
    text-indent: -9999em;
    background: url(../images/spr_global_icon.png) no-repeat;
    background-position: 26.458% 21.413%;
    width: 20px;
    height: 33px;
    top: 50%;
    margin-top: -16.5px;
    overflow: hidden;
}

.print_guide_controller a:hover {
    background-position: 62.5% 49.893%;
}

.print_guide_controller a.btn_prev {
    left: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.print_guide_controller a.btn_next {
    right: 20px;
}

.print_guide_controller a.disabled {
    background-position: 57.083% 49.893% !important;
    cursor: default;
}

@media ( max-width: 1680px) {
    .inner_title h3 {
        font-size: 2.125rem;
    }

    .cont_title h4 {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 1200px) {
    html {
        font-size: 14px;
    }

    .inner {
        padding: 0 15px;
        width: 100% !important;
    }

    .print_lst_info .m_tbl_caption {
        margin-bottom: 0;
    }
}

@media all and (max-width: 768px) {
    .print_guide_box .guide_tab_top {
        width: 100%;
    }

    .print_guide_box .guide_tab_top .fl {
        width: 100%;
        float: none;
    }

    .print_guide_box .guide_tab_top .fr {
        width: 100%;
        display: block;
        text-align: center;
        margin: 8px 0 auto;
        float: none;
    }

    .print_guide_box .guide_tab_top .fr .btn_back {
        height: 28px;
        line-height: 26px;
    }

    .print_guide_box .guide_tab_lst li {
        width: 50%;
        min-width: auto;
    }

    .print_guide_box .guide_tab_lst li label {
        line-height: 32px;
        font-size: 0.875rem;
    }

    .print_guide_box .swiper-container .swiper-wrapper {
        width: 100%;
    }

    .print_guide_box .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%;
    }

    .print_guide_box .swiper-container .swiper-wrapper .swiper-slide figure {
        padding: 0 30px;
    }

    .print_guide_box .swiper-container .swiper-button-prev {
        left: 0;
        width: 14px;
        height: 22px;
        margin-top: -11px;
        background-size: 14px 22px;
    }

    .print_guide_box .swiper-container .swiper-button-next {
        right: 0;
        width: 14px;
        height: 22px;
        margin-top: -11px;
        background-size: 14px 22px;
    }

    .line_box {
        padding: 20px 15px;
    }

    .line_box_col dl {
        text-align: center;
        padding: 20px 15px;
        float: none;
        width: 100%;
    }

    .line_box_col dl + dl {
        margin-top: 10px;
        margin-left: 0;
    }

    .line_box_col dl dd p {
        width: 100%;
        float: none;
    }

    .line_box_col dl dd .btn.black {
        display: inline-block;
        float: none;
    }

    .line_box .form_box .sel_box {
        float: none;
        width: 100%;
    }

    .line_box .form_box .sel_box + .ipt_box {
        margin-left: 0;
        margin-top: 10px;
    }

    .line_box .form_box .sel_box .nice-select {
        height: 40px;
        line-height: 40px;
    }

    .line_box .form_box .ipt_box {
        width: 100%;
        float: none;
    }

    .line_box .form_box .ipt_box + .ipt_box {
        margin-left: 0;
        margin-top: 10px;
    }

    .line_box .form_box .ipt_box input {
        min-height: 40px;
        height: 40px;
        line-height: 40px;
    }

    .search_box_wrap {
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .search_box_wrap .search_box {
        width: 100%;
        padding: 0 15px;
    }

    .search_box_wrap .search_box .sel_box {
        display: block;
        width: 100%;
        height: 35px;
    }

    .search_box_wrap .search_box .sel_box + .sel_box {
        padding-left: 0;
        margin-top: 5px;
    }

    .search_box_wrap .search_box .sel_box .nice-select {
        height: 35px;
        line-height: 35px;
    }

    .search_box_wrap .search_box .ipt_box {
        padding-left: 0;
        margin-top: 5px;
        display: block;
        width: 100%;
    }

    .search_box_wrap .search_box .ipt_box + .ipt_box {
        width: 100%;
    }

    .search_box_wrap .search_box .ipt_box input {
        height: 35px;
        min-height: 35px;
        line-height: 35px;
        width: 100%;
    }

    .search_box_wrap .search_box .ipt_box label {
        margin-top: 5px;
        display: block;
        width: 100%;
        height: 35px;
        line-height: 35px;
    }

    .search_box_wrap .search_box .ipt_box label:before {
        content: "조회";
        height: 35px;
        line-height: 35px;
        vertical-align: middle;
        width: 100%;
        background-color: #58585b;
        background-image: none;
        border: 0;
        border-radius: 2px;
        color: #fff;
        font-size: 1rem;
        font-weight: 300;
        text-align: center;
    }

    section.sub .sub_cont .cont + .cont {
        margin-top: 60px;
    }

    .bullet ul li {
        word-break: keep-all;
    }

    #printPopup .inner {
        padding: 0 15px;
    }

    #printPopup .inner_title {
        padding-bottom: 0;
        margin-bottom: 40px;
    }

    .print_header h2 {
        padding-left: 15px;
        font-size: 1.25rem;
    }

    .print_header .logo {
        display: none;
    }

    .print_header .print_tab_menu_lst {
        display: none;
    }

    .print_header .m_print_tab_lst {
        padding: 10px 15px;
        display: block;
        background-color: #fff;
    }

    .print_info .state dl dt.flag {
        display: block;
        line-height: 25px;
    }

    .print_info .state dl dd {
        margin-top: 10px;
        margin-left: 0;
        line-height: 1.25rem;
        word-break: keep-all;
    }

    .print_info .contact {
        padding: 20px 20px 5px;
    }

    .print_info .contact ul li + li {
        margin-top: 20px;
        padding-top: 20px;
    }

    .print_info .contact .full dt {
        width: 100%;
        display: block;
        padding-bottom: 10px;
    }

    .print_info .contact .full dd {
        width: 100%;
        display: block;
    }

    .print_info .contact .full dd span {
        display: block;
    }

    .print_info .contact .full dd span + span {
        margin-left: 0;
        margin-top: 8px;
    }

    .print_info .contact .quarter {
        width: 50%;
        padding-bottom: 15px;
    }

    .print_lst_info .state_icon, .print_lst_info .caption {
        float: none;
        display: block;
    }

    .print_lst_info ul li {
        margin-right: 10px;
    }

    .print_lst_info ul li .fa-stack {
        font-size: 0.75rem;
    }

    .print_lst_info ul li:last-child {
        margin-right: 0;
    }

    .print_lst_info ul li + li {
        margin-left: 0;
    }

    .print_lst.tbl table thead th {
        padding: 10px 0;
    }

    .print_lst.tbl table tbody td {
        padding: 13px 0;
    }

    .print_lst.tbl table tbody td.state .flag {
        width: 70px;
        line-height: 25px;
    }

    .print_ns_lst {
        padding: 20px 20px;
    }

    .print_ns_lst dl dt {
        padding-bottom: 10px;
    }

    .print_ns_lst dl + dl {
        margin-top: 15px;
        padding-top: 20px;
    }

    .print_ns_lst ul {
        height: 100px;
        overflow: auto;
    }

    .print_ns_lst ul li {
        display: block;
        width: 100%;
    }

    .print_form_box .sel_box, .print_form_box .ipt_box {
        width: 100%;
        float: none;
    }

    .print_form_box .sel_box + .ipt_box, .print_form_box .ipt_box + .ipt_box {
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
    }

    .print_form_box .sel_box .nice-select, .print_form_box .ipt_box .nice-select {
        height: 35px;
        line-height: 35px;
    }

    .print_form_box .sel_box input, .print_form_box .ipt_box input {
        width: 100%;
        height: 35px;
        min-height: 35px;
    }

    .print_form_box .btn.search, .print_form_box .btn_add {
        height: 35px;
        line-height: 35px;
        width: 100%;
        margin-left: 0;
        margin-top: 5px;
    }
}

@media all and (max-width: 520px) {
    .print_guide_box .guide_tab_top .fl {
        display: inline-block;
        width: 100%;
        float: none;
    }

    .print_guide_box .guide_tab_lst {
        text-align: center;
    }
}

/* ax5grid custom */
.print_grid_box {
    overflow-x: auto;
    height: 680px !important;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] {
    background-color: #fff;
    background-image: none;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr {
    background-color: #fff !important;
    background-image: none;
    border-bottom: 1px solid #dcdcdc;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] {
    border-top: 2px solid #333;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel] table tr td.hasBorder,
.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td.hasBorder {
    border: 0;
    border-bottom: 1px solid #dcdcdc;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel] table tr td {
    font-size: 1rem;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder] {
    line-height: 1.125rem;
    cursor: pointer;
    position: relative;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

.print_grid_box [data-ax5grid-container='header'] b {
    font-weight: 500;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="scroller"] [data-ax5grid-scroller="vertical"] {
    background-color: #fff;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder] {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td .fa-stack {
    color: #333333;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    width: auto;
    height: auto;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"] {
    background-color: #fff;
    background-image: none;
    border-top: 1px solid #dcdcdc;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"] [data-ax5grid-page="holder"] [data-ax5grid-page="status"] {
    font-size: 0.9375rem;
    color: #333;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"] [data-ax5grid-page="holder"] [data-ax5grid-page="status"] > span {
    font-weight: 500;
    color: #333 !important;
}

.sel_box a.form-control {
    border-radius: 0;
    text-align: left;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1rem;
    color: #333;
    padding: 6px 10px;
    border: 1px solid #dcdcdc;
    width: 100%;
    min-width: auto !important;
}

.ax5select-option-group.primary {
    border-radius: 0;
    border-color: #dcdcdc;
    background-color: #fff;
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-label {
    font-size: 0.9375rem;
    line-height: 30px;
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-label .fa-stack.fa-lg {
    display: none;
}

.sel_box a.form-control:hover, .sel_box a.form-control:focus, .sel_box a.form-control:active {
    border-color: #6e9ce0 !important;
    background-color: #fff !important;
}

.ax5select-display .ax5select-display-table [data-ax5select-display="label"] .fa-stack.fa-lg {
    display: none;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="scroller"] [data-ax5grid-scroller="horizontal"] {
    background-color: #fff;
}

.print_grid_box [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"] [data-ax5grid-page="holder"] [data-ax5grid-page="status"] {
    text-align: left;
}