@charset "utf-8";

/*@font-face {
 font-family: 'Nsquare';
 src: url(/common/assets/fonts/nanumsquare.eot);
 src: url(/common/assets/fonts/nanumsquare.eot?#iefix) format('embedded-opentype'),
      url(/common/assets/fonts/nanumsquare.woff) format('woff'),
      url(/common/assets/fonts/nanumsquare.ttf) format('truetype');
}
*/

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url(/common/assets/fonts/NanumSquareR.eot);
    src: local('NanumSquare Regular'), local('NanumSquareR'), url(/common/assets/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(/common/assets/fonts/NanumSquareR.woff2) format('woff2'), url(/common/assets/fonts/NanumSquareR.woff) format('woff'), url(/common/assets/fonts/NanumSquareR.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: bold;
    font-weight: 600;
    src: url(/common/assets/fonts/NanumSquareB.eot);
    src: local('NanumSquare Bold'), local('NanumSquareB'), url(/common/assets/fonts/NanumSquareB.eot?#iefix) format('eot'), url(/common/assets/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'), url(/common/assets/fonts/NanumSquareB.woff2) format('woff2'), url(/common/assets/fonts/NanumSquareB.woff) format('woff'), url(/common/assets/fonts/NanumSquareB.ttf) format('truetype');
}

html,
body * {
    margin: 0;
    padding: 0;    
}

body {    
    overflow-x: auto;
    font-family: NanumSquare,sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    outline: 0;
}

ul {
    list-style: none;
}

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: """";
}

.ab-button:focus,
a:active,
a:hover {
    outline: 0;
}

.ab-table,
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

.top_atag {
    position: absolute;
    width: 0;
    height: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    text-decoration: none;
    outline: none,background-color;
    color: #000000;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
optgroup,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre,
textarea {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: NanumSquare;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right:35px !important;
}

select::-ms-expand{
    display: none;
}
.ab-button,
input {
    line-height: normal;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

.ab-button,
.ab-form input:not([type]) ,
.ab-menu {
    box-sizing: border-box;
}

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

input[type=text]{-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
.ime-inactive{-webkit-ime-mode:inactive !important; -moz-ime-mode:inactive !important; -ms-ime-mode:inactive !important; ime-mode:inactive !important;}
.ime-disabled{-webkit-ime-mode:disabled !important; -moz-ime-mode:disabled !important; -ms-ime-mode:disabled !important; ime-mode:disabled !important;}

legend,
td,
th {
    padding: 0;
}

legend {
    border: 0;
}

.ab-tooltip {
    background-color: #fff !important;
    color: #222222 !important;
    font-size:12px;
    padding: 10px !important;
    border-top: 3px solid #f6891f !important;
    border: 1px solid #c8d1db;
}

.ab-tooltip .abt-title {
    font-size:14px; margin-bottom: 7px; font-weight: 600;
}

.ab-tooltip .abt-cont {
    line-height: 1.3;
}

.password {
    font-family: sans-serif;
}

.blind_txt{
    opacity: 0; width: 0; height: 0;
}

.hidden,
[hidden] {
    display: none !important;
}

.ab-img {
    display: block;
    height: auto;
    max-width: 100%;
}

.ab-g {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    flex-flow: row wrap;
    align-content: flex-start;
    font-family: NanumSquare,FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    letter-spacing: -.31em;
    text-rendering: optimizespeed;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
}

@media all and (-ms-high-contrast:none) ,
(-ms-high-contrast:active) {
    table .ab-g {
        display: block;
    }
}

.opera-only:-o-prefocus,
.ab-g {
    word-spacing: -.43em;
}

.abr-all-back {
    display: none;
    z-index: 300;
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    background: rgba(0,0,0,0.5);
}

.wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
}

.wrap .content {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

nav,
.abr-main-title3,
.abr-quick-lay,
footer,
.wrap.pages .content .abr-nav-sub-menu {
    margin: 0 auto;
    max-width: 1200px;
}

/*RESET CSS:END*/

/*LAYER CSS:START*/

.ab-u,
.ab-u-1,
.ab-u-1-1,
.ab-u-1-12,
.ab-u-1-2,
.ab-u-1-24,
.ab-u-1-3,
.ab-u-1-4,
.ab-u-1-5,
.ab-u-1-6,
.ab-u-1-8,
.ab-u-10-24,
.ab-u-11-12,
.ab-u-11-24,
.ab-u-12-24,
.ab-u-13-24,
.ab-u-14-24,
.ab-u-15-24,
.ab-u-16-24,
.ab-u-17-24,
.ab-u-18-24,
.ab-u-19-24,
.ab-u-2-24,
.ab-u-2-3,
.ab-u-2-5,
.ab-u-20-24,
.ab-u-21-24,
.ab-u-22-24,
.ab-u-23-24,
.ab-u-24-24,
.ab-u-3-24,
.ab-u-3-4,
.ab-u-3-5,
.ab-u-3-8,
.ab-u-4-24,
.ab-u-4-5,
.ab-u-5-12,
.ab-u-5-24,
.ab-u-5-5,
.ab-u-5-6,
.ab-u-5-8,
.ab-u-6-24,
.ab-u-7-12,
.ab-u-7-24,
.ab-u-7-8,
.ab-u-8-24,
.ab-u-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: 0;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.ab-g [class*=ab-u] {
    font-family: NanumSquare,sans-serif;
}

.ab-u-1-24 {
    width: 4.1667%;
}

.ab-u-1-12,
.ab-u-2-24 {
    width: 8.3333%;
}

.ab-u-1-8,
.ab-u-3-24 {
    width: 12.5%;
}

.ab-u-1-6,
.ab-u-4-24 {
    width: 16.6667%;
}

.ab-u-1-5 {
    width: 20%;
}

.ab-u-5-24 {
    width: 20.8333%;
}

.ab-u-1-4,
.ab-u-6-24 {
    width: 25%;
}

.ab-u-7-24 {
    width: 29.1667%;
}

.ab-u-1-3,
.ab-u-8-24 {
    width: 33.3333%;
}

.ab-u-3-8,
.ab-u-9-24 {
    width: 37.5%;
}

.ab-u-2-5 {
    width: 40%;
}

.ab-u-10-24,
.ab-u-5-12 {
    width: 41.6667%;
}

.ab-u-11-24 {
    width: 45.8333%;
}

.ab-u-1-2,
.ab-u-12-24 {
    width: 50%;
}

.ab-u-13-24 {
    width: 54.1667%;
}

.ab-u-14-24,
.ab-u-7-12 {
    width: 58.3333%;
}

.ab-u-3-5 {
    width: 60%;
}

.ab-u-15-24,
.ab-u-5-8 {
    width: 62.5%;
}

.ab-u-16-24,
.ab-u-2-3 {
    width: 66.6667%;
}

.ab-u-17-24 {
    width: 70.8333%;
}

.ab-u-18-24,
.ab-u-3-4 {
    width: 75%;
}

.ab-u-19-24 {
    width: 79.1667%;
}

.ab-u-4-5 {
    width: 80%;
}

.ab-u-20-24,
.ab-u-5-6 {
    width: 83.3333%;
}

.ab-u-21-24,
.ab-u-7-8 {
    width: 87.5%;
}

.ab-u-11-12,
.ab-u-22-24 {
    width: 91.6667%;
}

.ab-u-23-24 {
    width: 95.8333%;
}

.ab-u-1,
.ab-u-1-1,
.ab-u-24-24,
.ab-u-5-5 {
    width: 100%;
}

.ab-form-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
}

.ab-form-flex.middle {
	align-items: center;
-ms-flex-align: center;
-webkit-align-items: center;	
}

.ab-form-flex.st {
    justify-content: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
}

.ab-form-flex.ed {
    justify-content: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
}

.ab-form-flex:before {
    content: '';
    display: inline-block;
    width: 1px;
}

.ab-form-flex:after {
    content: '';
    display: inline-block;
    width: 1px;
}

.ab-form-flex .fx-0 {
    display: inherit;
    flex-grow: 0;
}

.ab-form-flex .fx-1 {
    display: inherit;
    flex-grow: 1;
}

.ab-form-flex .fx-2 {
    display: inherit;
    flex-grow: 2;
}

.ab-form-flex .fx-3 {
    display: inherit;
    flex-grow: 3;
}

.ab-form-flex .fx-4 {
    display: inherit;
    flex-grow: 4;
}

.ab-form-flex .fx-5 {
    display: inherit;
    flex-grow: 5;
}

.ab-form-flex .fx-6 {
    display: inherit;
    flex-grow: 6;
}

.ab-form-flex .fx-7 {
    display: inherit;
    flex-grow: 7;
}

.ab-form-flex .fx-8 {
    display: inherit;
    flex-grow: 8;
}

.ab-form-flex .fx-9 {
    display: inherit;
    flex-grow: 9;
}

.ab-form-flex .fx-10 {
    display: inherit;
    flex-grow: 10;
}

.ab-form-flex .fx-w-1 {
    width: 10% !important;
}

.ab-form-flex .fx-w-2 {
    width: 20% !important;
}

.ab-form-flex .fx-w-3 {
    width: 30% !important;
}

.ab-form-flex .fx-w-4 {
    width: 40% !important;
}

.ab-form-flex .fx-w-5 {
    width: 50%;
}

.ab-form-flex .fx-w-6 {
    width: 60%;
}

.ab-form-flex .fx-w-7 {
    width: 70%;
}

.ab-form-flex .fx-w-8 {
    width: 80%;
}

.ab-form-flex .fx-w-9 {
    width: 90%;
}

.ab-form-flex .fx-w-10 {
    width: 100%;
}

.ab-form-flex .fx-text {
    width: 100%;
}

.ab-form-flex .ai-t {
    align-items: flex-start;
}

.ab-form-flex .ai-m {
    align-items: center;
-ms-flex-align: center;
-webkit-align-items: center;
}

.ab-form-flex .ai-d {
    align-items: flex-end;
}

.ab-form-flex select,
.ab-form-flex input:not(.ab-bnum1) {
    width: 100% !important;
}

.ab-form-flex .checkbox {
    padding-left: 17px !important;
}

.ab-form-flex .ab-f-icon {
    margin: 0 8px;
}

.ab-form-flex .bul {
    margin: 0 5px;
}

/*LAYER CSS:END*/

/*DEFAULT CSS:START*/

/*margin*/

.ab-m-0 {
    margin: 0 !important;
}

.ab-m-5 {
    margin: 5px !important;
}

.ab-m-10 {
    margin: 10px !important;
}

.ab-m-15 {
    margin: 15px !important;
}

.ab-m-20 {
    margin: 20px !important;
}

.ab-m-25 {
    margin: 25px !important;
}

.ab-m-30 {
    margin: 30px !important;
}

.ab-m-t-0 {
    margin-top: 0 !important;
}

.ab-m-t-3 {
    margin-top: 3px !important;
}

.ab-m-t-5 {
    margin-top: 5px !important;
}

.ab-m-t-8 {
    margin-top: 8px !important;
}

.ab-m-t-9 {
    margin-top: 9px !important;
}

.ab-m-t-10 {
    margin-top: 10px !important;
}

.ab-m-t-12 {
    margin-top: 12px !important;
}

.ab-m-t-15 {
    margin-top: 15px !important;
}

.ab-m-t-18 {
    margin-top: 18px !important;
}

.ab-m-t-20 {
    margin-top: 20px !important;
}

.ab-m-t-25 {
    margin-top: 25px !important;
}

.ab-m-t-30 {
    margin-top: 30px !important;
}

.ab-m-t-40 {
    margin-top: 40px !important;
}

.ab-m-t-50 {
    margin-top: 50px !important;
}

.ab-m-t-60 {
    margin-top: 60px !important;
}

.ab-m-t-70 {
    margin-top: 70px !important;
}

.ab-m-r-0 {
    margin-right: 0 !important;
}

.ab-m-r-5 {
    margin-right: 5px !important;
}

.ab-m-r-10 {
    margin-right: 10px !important;
}

.ab-m-r-15 {
    margin-right: 15px !important;
}

.ab-m-r-20 {
    margin-right: 20px !important;
}

.ab-m-r-25 {
    margin-right: 25px !important;
}

.ab-m-r-30 {
    margin-right: 30px !important;
}

.ab-m-b-0 {
    margin-bottom: 0 !important;
}

.ab-m-b-5 {
    margin-bottom: 5px !important;
}

.ab-m-b-10 {
    margin-bottom: 10px !important;
}

.ab-m-b-15 {
    margin-bottom: 15px !important;
}

.ab-m-b-20 {
    margin-bottom: 20px !important;
}

.ab-m-b-25 {
    margin-bottom: 25px !important;
}

.ab-m-b-30 {
    margin-bottom: 30px !important;
}

.ab-m-b-35 {
    margin-bottom: 35px !important;
}

.ab-m-b-40 {
    margin-bottom: 40px !important;
}

.ab-m-l-0 {
    margin-left: 0 !important;
}

.ab-m-l-5 {
    margin-left: 5px !important;
}

.ab-m-l-10 {
    margin-left: 10px !important;
}

.ab-m-l-15 {
    margin-left: 15px !important;
}

.ab-m-l-20 {
    margin-left: 20px !important;
}

.ab-m-l-25 {
    margin-left: 25px !important;
}

.ab-m-l-30 {
    margin-left: 30px !important;
}

.ab-m-l-50 {
    margin-left: 50px !important;
}

.ab-m-l-70 {
    margin-left: 70px !important;
}

.ab-m-l-100 {
    margin-left: 100px !important;
}

/*padding*/

.ab-p-0 {
    padding: 0 !important;
}

.ab-p-2 {
    padding: 2px !important;
}

.ab-p-5 {
    padding: 5px !important;
}

.ab-p-10 {
    padding: 10px !important;
}

.ab-p-12 {
    padding: 12px !important;
}

.ab-p-15 {
    padding: 15px !important;
}

.ab-p-18 {
    padding: 18px !important;
}

.ab-p-20 {
    padding: 20px !important;
}

.ab-p-25 {
    padding: 25px !important;
}

.ab-p-30 {
    padding: 30px !important;
}

.ab-p-t-0 {
    padding-top: 0 !important;
}

.ab-p-t-5 {
    padding-top: 5px !important;
}

.ab-p-t-9 {
    padding-top: 9px !important;
}

.ab-p-t-10 {
    padding-top: 10px !important;
}

.ab-p-t-15 {
    padding-top: 15px !important;
}

.ab-p-t-20 {
    padding-top: 20px !important;
}

.ab-p-t-25 {
    padding-top: 25px !important;
}

.ab-p-t-30 {
    padding-top: 30px !important;
}

.ab-p-r-0 {
    padding-right: 0 !important;
}

.ab-p-r-5 {
    padding-right: 5px !important;
}

.ab-p-r-10 {
    padding-right: 10px !important;
}

.ab-p-r-15 {
    padding-right: 15px !important;
}

.ab-p-r-20 {
    padding-right: 20px !important;
}

.ab-p-r-25 {
    padding-right: 25px !important;
}

.ab-p-r-30 {
    padding-right: 30px !important;
}

.ab-p-r-50 {
    padding-right: 50px !important;
}

.ab-p-b-0 {
    padding-bottom: 0 !important;
}

.ab-p-b-5 {
    padding-bottom: 5px !important;
}

.ab-p-b-8 {
    padding-bottom: 8px !important;
}

.ab-p-b-10 {
    padding-bottom: 10px !important;
}

.ab-p-b-13 {
    padding-bottom: 13px !important;
}

.ab-p-b-15 {
    padding-bottom: 15px !important;
}

.ab-p-b-20 {
    padding-bottom: 20px !important;
}

.ab-p-b-25 {
    padding-bottom: 25px !important;
}

.ab-p-b-30 {
    padding-bottom: 30px !important;
}

.ab-p-l-0 {
    padding-left: 0 !important;
}

.ab-p-l-5 {
    padding-left: 5px !important;
}

.ab-p-l-10 {
    padding-left: 10px !important;
}

.ab-p-l-15 {
    padding-left: 15px !important;
}

.ab-p-l-20 {
    padding-left: 20px !important;
}

.ab-p-l-25 {
    padding-left: 25px !important;
}

.ab-p-l-30 {
    padding-left: 30px !important;
}

.ab-p-l-40 {
    padding-left: 40px !important;
}

.ab-p-l-45 {
    padding-left: 45px !important;
}

.ab-p-l-50 {
    padding-left: 50px !important;
}

/*letter-spacing*/

.ab-lt {
    letter-spacing: -1px;
}

.ab-ls {
    letter-spacing: 1px !important;
}

/*top, bottom, left, right 0*/

.ab-t-0 {
    top: 0;
}

.ab-b-0 {
    bottom: 0;
}

.ab-l-0 {
    left: 0;
}

.ab-r-0 {
    right: 0;
}

.ab-t-5 {
    top: 5px;
}

.ab-b-5 {
    bottom: 5px;
}

.ab-l-5 {
    left: 5px;
}

.ab-r-5 {
    right: 5px;
}

/*font*/

.ab-ta-c {
    text-align: center !important;
}

.ab-ta-r {
    text-align: right !important;
}

.ab-ta-l {
    text-align: left !important;
}

.ab-f10 {
    font-size: 10px;
}

.ab-f11 {
    font-size: 11px;
}

.ab-f12 {
    font-size: 12px;
}

.ab-f13 {
    font-size: 13px;
}

.ab-f14 {
    font-size: 14px;
}

.ab-f15 {
    font-size: 15px;
}

.ab-f16 {
    font-size: 16px;
}

.ab-f17 {
    font-size: 17px;
}

.ab-f18 {
    font-size: 18px;
}

.ab-f19 {
    font-size: 19px;
}

.ab-f20 {
    font-size: 20px;
}

.ab-f23 {
    font-size: 23px;
}

.ab-f25 {
    font-size: 25px;
}

.ab-f30 {
    font-size: 30px;
}

.ab-f35 {
    font-size: 35px;
}

.ab-f40 {
    font-size: 40px;
}

.ab-fw-400 {
    font-weight: 400;
}

.ab-fw-500 {
    font-weight: 500;
}

.ab-fw-600 {
    font-weight: 600;
}

.ab-fw-700 {
    font-weight: 700;
}

/*float*/

.ab-flt-r {
    float: right !important;
}

.ab-flt-l {
    float: left !important;
}

.ab-ovf-h {
    border-bottom: 1px solid #DBDBDB;
    overflow: hidden;
}

.ab-ovf-h2 {
    overflow: hidden;
}

/*display*/

.ab-dis-none {
    display: none !important;
}

.ab-dis-block {
    display: block !important;
}

.ab-dis-table {
    display: table !important;
}

.ab-dis-table-c {
    display: table-cell !important;
}

.ab-img-none img {
    display: none;
}

.ab-op-0 {
    height: 0;
    margin: 0;
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
    opacity: 0;
}

/*position*/

.ab-pos-relative {
    position: relative;
}

.ab-pos-absolute {
    position: absolute;
}

.ab-pos-fixed {
    position: fixed;
}

/*cursor*/

.ab-cursor-p {
    cursor: pointer;
}

.ab-cursor-n {
    cursor: none;
}

/*width, height*/

.ab-w-100 {
    width: 100% !important;
}

.ab-h-100 {
    height: 100% !important;
}

.ab-width-100 {
    width: 100px !important;
}

/*border*/

.ab-bar {
    width: 100%;
    border-top: 1px #3c3c3c solid;
}

.ab-bar2 {
    width: 100%;
    border-top: 1px #cecece solid;
}

.ab-bar3 {
    border-bottom: 2px #3c3c3c solid;
}

.ab-box-b {
    box-sizing: border-box;
}

/*text*/

.ab-t-center {
    text-align: center;
}

.ab-t-right {
    text-align: right;
}

.ab-t-left {
    text-align: left;
}

.ab-t-split {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ab-nbr {
    border-right: 0 !important;
}

/*color*/

.ab-c-b45705,
.ab-c-B45705 {
    color: #b45705 !important;
}

.ab-c-b52e54,
.ab-c-B52e54 {
    color: #b52e54 !important;
}

.ab-c-b45705,
.ab-c-B45705 {
    color: #f88043 !important;
}

.ab-c-ff3333,
.ab-c-FF3333 {
    color: #ff3333 !important;
}

.ab-c-0569b4,
.ab-c-0569B4 {
    color: #0569B4 !important;
}

.ab-c-009788,
.ab-c-009788 {
    color: #009788 !important;
}

.ab-c-0569b4,
.ab-c-0569B4 {
    color: #0569b4 !important;
}

.ab-c-cd6520,
.ab-c-CD6520 {
    color: #cd6520 !important;
}

.ab-m4001-map {width: 100%; height: 650px;}
.ab-map-result {border:1px #cecece solid; margin-top:20px;}
.ab-map-result iframe {border: none; width: 100%; height: 350px}

.guideline {width: 100%; height:65px; background: #fff; display: none;}
.guideline .cont {margin:0 auto; text-align: center;}
.guideline .cont p {font-size: 19px; font-weight: 600; color: red; padding-top:23px; letter-spacing: 1px;}
.guideline .cont .guideClose {font-weight: 600; cursor: pointer; font-size: 16px; color:#0569b4; padding-right:20px; position: absolute; right: 10px; top: 23px;}

/*layout*/

.abr-lay3 {
    background: url(/common/assets/images/img_page_f2.png) no-repeat;
    background-position: center;
    background-size: 90%;
}

.abr-lay4 {
    padding: 30px 10px;
    border-top: 1px #bebebe solid;
}

.abr-lay5 {
    margin-top: 45px;
    text-align: center;
}

.abr-lay6 .ab-u-1-2 .abr-text-lay2 {
    box-sizing: border-box;
    width: calc(100% - 8px);
    padding: 24px;
}

.abr-lay6 .ab-u-1-2:nth-child(1) .abr-text-lay2 {
    margin-right: 8px;
}

.abr-lay6 .ab-u-1-2:nth-child(2) .abr-text-lay2 {
    margin-left: 8px;
}

.abr-lay6 .ab-u-1-3 .abr-text-lay2 {
    box-sizing: border-box;
    padding: 24px;
}

.abr-lay6 .ab-u-1-3:nth-child(1) .abr-text-lay2 {
    width: calc(100% - 8px);
}

.abr-lay6 .ab-u-1-3:nth-child(2) .abr-text-lay2 {
    width: calc(100% - 8px);
    margin-left: 4px;
}

.abr-lay6 .ab-u-1-3:nth-child(3) .abr-text-lay2 {
    width: calc(100% - 8px);
    margin-left: 8px;
}

.abr-lay6 .ab-u-1-3:nth-child(1) .ab-ta-c {
    margin: 45px 0;
}

.abr-lay6 .ab-u-1-3:nth-child(3) .ab-ta-c {
    margin-top: 7px;
}

.abr-lay7 {
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/img_page_f7.jpg) no-repeat;
    background-position: center;
    background-size: 82%;
}

.abr-lay8 {
    height: 153px;
    overflow: hidden;
    background: #FAFAFA;
}

.abr-lay8 .abr-left {
    float: left;
    width: 350px;
    height: 100%;
}

.abr-lay8 .logo1 {
    background: url(/common/assets/images/logo/logo2.png) no-repeat;
    background-position: center;
}

.abr-lay8 .abr-right {
    float: right;
    box-sizing: border-box;
    width: calc(100% - 350px);
    height: 100%;
    padding: 52px 0;
    font-size: 18px;
    line-height: 24px;
    color: #6d6d67d;
}

.abr-lay9 {
    display: table;
    width: 100%;
    background: #FAFAFA;
}

.abr-lay9 .abr-ch {
    display: table-cell;
    position: relative;
    width: calc(100%/ 3);
    text-align: center;
    vertical-align: middle;
}

.abr-lay9 .abr-ch p {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #515151;
}

.abr-lay10 {
    width: 100%;
    padding: 25px 0;
    background: #FAFAFA;
}

.abr-lay10.p15 {
    padding: 15px 0;
}

.abr-lay10 .abr-ch {
    display: table;
    width: 100%;
}

.abr-lay10 .abr-ch-c {
    display: table-cell;
    width: calc(100%/ 3);
    height: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    color: #515151;
}

.abr-lay10 .abr-ch-c.p10 {
    padding: 10px 0;
}

.abr-lay11 {
    width: 100%;
    padding: 25px 0;
    overflow: hidden;
    background: #FAFAFA;
}

.abr-lay11 .abr-ch-left {
    float: left;
    width: calc(( 100%/ 3) * 2);
}

.abr-lay11 .abr-ch-right {
    float: right;
    width: calc(( 100%/ 3) );
}

.abr-lay11 .abr-ch-right dl {
    width: 200px;
    margin: 0 auto;
}

.abr-lay11.p15 {
    padding: 15px 0;
}

.abr-lay11 .abr-ch {
    display: table;
    width: 100%;
}

.abr-lay11 .abr-ch.m {
    height: 145px;
    margin-top: 18px;
}

.abr-lay11 .abr-ch-c {
    display: table-cell;
    width: calc(100%/ 3);
    height: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    color: #515151;
}

.abr-lay11 .abr-ch-c.p10 {
    padding: 10px 0;
}

.abr-lay12 {
    height: 153px;
    padding: 22px 0;
    overflow: hidden;
    background: #FAFAFA;
}

.abr-lay12 .abr-left {
    float: left;
    width: 365px;
    height: 100%;
    background: url(/common/assets/images/logo/ci/ci_06.png) no-repeat;
    background-position: center;
}

.abr-lay12 .abr-right {
    float: right;
    width: calc(100% - 365px);
    height: 100%;
    background: url(/common/assets/images/logo/ci/ci_07.png) no-repeat;
    background-position: center;
}

.abr-lay13 {
    overflow: hidden;
}

.abr-lay13 img {
    float: left;
    margin: 0 13px;
}

.abr-lay13 img:first-child {
    margin-left: 0;
}

.abr-lay13 img:last-child {
    margin-right: 0;
}

.abr-lay14:not(.arrow-down) {
    height: 174px;
    overflow: hidden;
}

.abr-lay14.tp2 {
    height: 178px;
}

.abr-lay14 .cnt,
.abr-lay14 .img,
.abr-lay14 .arrow {
    float: left;
}

.abr-lay14 .arrow {
    width: calc(( 100% - ( 218px * 3) )/2);
    height: 100%;
}

.abr-lay14 .arrow.r {
    background: url(/common/assets/images/icons/icon-arrow03-right.png) no-repeat center;
}

.abr-lay14 .arrow.l {
    background: url(/common/assets/images/icons/icon-arrow03-left.png) no-repeat center;
}

.abr-lay14.arrow-down {
    padding: 20px 0;
}

.abr-lay14.arrow-down.r {
    background: url(/common/assets/images/icons/icon-arrow03-down.png) no-repeat 88% center;
}

.abr-lay14.arrow-down.l {
    background: url(/common/assets/images/icons/icon-arrow03-down.png) no-repeat 13% center;
}

.abr-lay14 .cnt {
    width: 216px;
    height: 100%;
}

.abr-lay14 .cnt .t {
    padding: 11px 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    color: #FFFFFF;
    background: #0569B4;
}

.abr-lay14 .cnt .c {
    display: table;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 44px);
    padding: 12px 19px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    word-break: break-all;
    color: #202020;
    background: #FFFFFF;
    word-wrap: break-word;
}

.abr-lay14 .cnt .c p {
    display: table-cell;
    vertical-align: middle;
}

.abr-lay15 {
    box-sizing: border-box;
    height: 139px;
    padding: 0 20px;
    overflow: hidden;
}

.abr-lay15 .img,
.abr-lay15 .arrow {
    float: left;
}

.abr-lay15 .arrow.r {
    background: url(/common/assets/images/icons/icon-arrow03-right.png) no-repeat center;
}

.abr-lay15 .arrow {
    width: calc(( 100% - ( 139px * 5) )/4);
    height: 100%;
}

.abr-lay16 {
    width: 100%;
    overflow: hidden;
}

.abr-lay16 .t {
    float: left;
    width: 120px;
    text-align: right;
    font-weight: 600;
}

.abr-lay16 .c {
    float: left;
    width: calc(100% - 120px - 30px);
    margin-left: 30px;
    font-weight: 400 !important;
}

.abr-lay17 {
    display: table;
    box-sizing: border-box;
    width: 100%;
}

/*ab-lay18 class -> m7001(인허가)페이지에만 사용*/

.ab-lay18 {
    box-sizing: border-box;
    margin-top: 15px;
    padding: 10px;
}

.ab-lay18 .ch-checkbox:before {
    content: "[";
    margin-right: 5px;
    margin-left: 9px;
    font-weight: 600;
}

.ab-lay18 .ch-checkbox:after {
    content: "]";
    margin-right: 9px;
    margin-left: 3px;
    font-weight: 600;
}

/*text layer*/

.ab-access {background: url(/common/assets/images/ab-access.png) center no-repeat; background-size:150px; width:150px; height:125px; margin:0 auto;}

.wrap.pages .content .page .abr-text-lay {
    padding: 20px 42px 20px 30px;
    font-size: 16px;
    line-height: 19px;
    color: rgb(31,31,31);
    background: #f5f5f5;
}

.wrap.pages .content .page .abr-text-lay .img {
    max-width: 100%;
}

.wrap.pages .content .page .abr-text-lay1 {
    padding: 20px 42px 20px 75px;
    font-size: 16px;
    line-height: 19px;
    color: rgb(31,31,31);
    background: #f5f5f5 url(/common/assets/images/icons/chat.png) no-repeat left;
    background-position: 25px;
}

.wrap.pages .content .page .abr-text-lay1 .img {
    max-width: 100%;
}

.wrap.pages .content .page .abr-text-join {
    padding: 20px 42px 20px 30px;
    font-size: 16px;
    line-height: 19px;
    color: rgb(31,31,31);
    background: #f5f5f5;
}

.wrap.pages .content .page .abr-text-join .img {
    max-width: 100%;
}

.wrap.pages .content .page .abr-text-lay2 {
    padding: 20px 5px 18px 20px;
    border: 1px #cecece solid;
}

.wrap.pages .content .page .abr-text-lay2.blue {
    border-top: 3px #007cb6 solid;
}

.wrap.pages .content .page .abr-text-lay2.orange {
    border-top: 3px #f88043 solid;
}

.wrap.pages .content .page .abr-text-lay2.green {
    border-top: 3px #0f9f75 solid;
}

.wrap.pages .content .page .abr-text-lay2 .abr-ic-fig1 {
    display: block;
    width: 64px;
    height: 59px;
    margin: 0 auto;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -322px -30px;
    background-repeat: no-repeat;
}

.wrap.pages .content .page .abr-text-lay2 .abr-ic-fig2 {
    width: 51px;
    height: 46px;
    margin: 0 auto;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -211px -105px;
    background-repeat: no-repeat;
}

.wrap.pages .content .page .abr-text-lay2 .abr-ic-fig3 {
    width: 60px;
    height: 55px;
    margin: 0 auto;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -30px -123px;
    background-repeat: no-repeat;
}

.wrap.pages .content .page .abr-text-lay3 {
    height: 67px;
    margin: 25px 0 70px 0;
    padding: 0 17px 0 27px;
    border: 1px #b0b9bf solid;
    overflow: hidden;
}

.wrap.pages .content .page .abr-text-lay3 div {
    float: left;
}

.wrap.pages .content .page .abr-text-lay3 div button {
    width: 155px;
    margin-right: 15px;
}

.wrap.pages .content .page .abr-text-lay3 .abr-lay1 {
    margin: 7px 293px 5px 0;
    padding: 8px 0;
    font-size: 19px;
    font-weight: 600;
    color: rgb(0,69,125);
}

.wrap.pages .content .page .abr-text-lay3 .abr-lay2 {
    display: table;
    height: 100%;
}

.wrap.pages .content .page .abr-text-lay3 .abr-lay2 p {
    display: table-cell;
    vertical-align: middle;
}

.wrap.pages .content .page .abr-text-lay4 {
    padding: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #5d5d5d;
    background: #fbfafa;
}

.wrap.pages .content .page .abr-text1 {
    margin-top: 18px;
    font-size: 15px;
    line-height: 17px;
    color: rgb(108,108,108);
}

.wrap.pages .content .page .abr-text2 {
    margin-top: 18px;
    font-size: 13px;
    line-height: 13px;
    color: rgb(108,108,108);
}

.wrap.pages .content .page .abr-text3 {
    margin-top: 18px;
    font-size: 16px;
    line-height: 24px;
    color: #525252;
}

.wrap.pages .content .page .abr-text4 {
    margin-top: 18px;
    font-size: 15px;
    line-height: 23px;
    color: #525252;
}

.wrap.pages .content .page .abr-text3b {
    margin-top: 18px;
    font-size: 16px;
    line-height: 24px;
    color: #0569b4;
}

.wrap.pages .content .page .abr-text4 {
    margin-top: 18px;
    font-size: 15px;
    line-height: 22px;
    color: #6d6d6d;
}

.wrap.pages .content .page .abr-text5 {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #b52e54;
}

.wrap.pages .content .page .abr-text6 {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #6d6d6d;
}

.wrap.pages .content .page .abr-text7 {
    margin-top: 2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: #0569B4;
}

.wrap.pages .content .page .abr-text8 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    color: #B52E54;
}

.wrap.pages .content .page .abr-text9 {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    color: #525252;
}

.wrap.pages .content .page .abr-text10 {
    font-size: 15px;
    line-height: 22px;
    color: #0569B4;
}

.wrap.pages .content .page .abr-text10r {
    font-size: 13px;
    line-height: 16px;
    color: #0569b4;
}

.wrap.pages .content .page .abr-text10r.ess {
    position: relative;
    padding-left: 10px !important;
}

.wrap.pages .content .page .abr-text10r.ess:BEFORE {
    content: "*";
    position: absolute;
    top: 3px;
    left: 3px;
}

.wrap.pages .content .page .abr-text11 {
    font-size: 16px;
    line-height: 22px;
    color: #6D6D6D;
}

.wrap.pages .content .page .abr-text11r {
    font-size: 16px;
    line-height: 22px;
    color: #E84F06;
}

.wrap.pages .content .page .abr-text11bk {
    font-size: 16px;
    line-height: 22px;
    color: #2b2b2b;
}

.wrap.pages .content .page .abr-text12 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #6D6D6D;
}

.wrap.pages .content .page .abr-text13 {
    overflow: hidden;
    font-size: 13px;
    line-height: 13px;
    line-height: 16px;
    color: #2b2b2b;
}

.wrap.pages .content .page .abr-text14 {
    position: relative;
    padding-left: 14px;
    text-decoration: underline;
    font-size: 14px;
    line-height: 13px;
    line-height: 16px;
    color: #2b2b2b;
}

.wrap.pages .content .page .abr-text14:before {
    content: "●";
    position: absolute;
    top: -1px;
    left: 0;
    margin-right: 5px;
    font-size: 10px;
    color: #2b2b2b;
}

.wrap.pages .content .page .abr-text15 {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

/*title layer*/

.wrap.pages .content .page .abr-title4 {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -1px;
    color: rgb(5,105,179);
}

.wrap.pages .content .page .abr-title5 {
    font-size: 23px;
    line-height: 23px;
    letter-spacing: -1px;
    color: #0569b4;
}

.wrap.pages .content .page .abr-title6 {
    font-size: 23px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -1px;
    color: #0569b4;
}

.wrap.pages .content .page .abr-title7 {
    font-size: 23px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -1px;
    color: #3a3a3a;
}

.wrap.pages .content .page .abr-title8 {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -1px;
    color: #6d6d6d;
}

.wrap.pages .content .page .abr-title8bk {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -1px;
    color: #2b2b2b;
}

.wrap.pages .content .page .abr-title8b {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -1px;
    color: #0569B4;
}

.wrap.pages .content .page .abr-title9 {
    position: relative;
    margin: 35px 0 20px 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -1px;
    color: #0569b4;
}

.wrap.pages .content .page .abr-title9:before {
    content: url(/common/assets/images/icons/icon-bullet02.png);
    position: relative;
    top: -5px;
    margin-right: 10px;
}

.wrap.pages .content .page .abr-title9.ab-title-line {
    padding-bottom: 25px;
    background: url(/common/assets/images/icons/bg_con_line.gif) repeat-x left bottom;
}

.wrap.pages .content .page .abr-title9 span:not(.red):not(.gray) {
    position: absolute;
    top: -5px;
    right: 0;
    letter-spacing: -1px;
}

.wrap.pages .content .page .abr-title9 .red {
    letter-spacing: -1px;
    color: #ee3c3c;
}

.wrap.pages .content .page .abr-title9 .gray {
    letter-spacing: -1px;
    color: #828282;
}

.wrap.pages .content .page .abr-title9 .ab-t9-stitle {
    float: right;
    padding-right: 15px;
    font-size: 17px;
    color: #616060;
}

.wrap.pages .content .page .abr-title10 {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -1px;
    color: #525252;
}

.wrap.pages .content .page .abr-title10:before {
    content: "-";
    position: relative;
    top: -1px;
    margin-right: 10px;
    letter-spacing: -1px;
}

.wrap.pages .content .page .abr-title11 {
    position: relative;
    margin: 55px 0 20px 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -1px;
    color: #3b3b3b;
}

.wrap.pages .content .page .abr-title11 span:not(.red):not(.gray) {
    position: absolute;
    top: -5px;
    right: 0;
    letter-spacing: -1px;
}

.wrap.pages .content .page .abr-title11 .red {
    letter-spacing: -1px;
    color: #ee3c3c;
}

.wrap.pages .content .page .abr-title11 .blue {
    letter-spacing: -1px;
    color: #009788;
}

.wrap.pages .content .page .abr-title11 .gray {
    letter-spacing: -1px;
    color: #828282;
}

.wrap.pages .content .page .abr-title12 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #404040;
}

.wrap.pages .content .page .abr-title13 {
    font-size: 27px;
    font-weight: 600;
    color: #686868;
}

.wrap.pages .content .page .abr-title14 {
    position: relative;
    margin: 20px 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -1px;
    color: #3b3b3b;
}

.wrap.pages .content .page .abr-title14 span:not(.red):not(.gray) {
    position: absolute;
    top: -5px;
    right: 0;
    letter-spacing: -1px;
}

.wrap.pages .content .page .abr-title14 .red {
    letter-spacing: -1px;
    color: #ee3c3c;
}

.wrap.pages .content .page .abr-title14 .blue {
    letter-spacing: -1px;
    color: #009788;
}

.wrap.pages .content .page .abr-title14 .gray {
    letter-spacing: -1px;
    color: #828282;
}

/*DEFAULT CSS:END*/

/*FORM CSS:START*/

.ab-form input[type=password],
.ab-form input[type=email],
.ab-form input[type=url],
.ab-form input[type=date],
.ab-form input[type=month],
.ab-form input[type=time],
.ab-form input[type=datetime],
.ab-form input[type=datetime-local],
.ab-form input[type=week],
.ab-form input[type=tel],
.ab-form input[type=color],
.ab-form input[type=number],
.ab-form input[type=search],
.ab-form input[type=text],
.ab-form textarea {
    display: inline-block;
    box-sizing: border-box;
    padding: .5em .6em;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.ab-form select {
    display: inline-block;
    box-sizing: border-box;
    padding: .5em .6em;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.ab-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 200px;
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 0;
    font-family: inherit;
    background: url(/common/assets/images/icons/icon-select01.png) no-repeat;
    background-position: right 0;
    background-size:contain;
}

.ab-form input:not([type]) {
    display: inline-block;
    padding: .5em .6em;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px #ddd;
}

.ab-form input[type=color] {
    padding: .2em .5em;
}

.ab-form input:not([type]):focus,
.ab-form input[type=password]:focus,
.ab-form input[type=email]:focus,
.ab-form input[type=url]:focus,
.ab-form input[type=date]:focus,
.ab-form input[type=month]:focus,
.ab-form input[type=time]:focus,
.ab-form input[type=datetime]:focus,
.ab-form input[type=datetime-local]:focus,
.ab-form input[type=week]:focus,
.ab-form input[type=tel]:focus,
.ab-form input[type=color]:focus,
.ab-form input[type=number]:focus,
.ab-form input[type=search]:focus,
.ab-form input[type=text]:focus,
.ab-form select:focus,
.ab-form textarea:focus {
    border-color: #129FEA;
    outline: 0;
}

.ab-form input[type=file]:focus,
.ab-form input[type=checkbox]:focus,
.ab-form input[type=radio]:focus {
    outline: #129FEA auto 1px;
}

.ab-form .ab-checkbox,
.ab-form .ab-radio {
    display: block;
    margin: .5em 0;
}

.ab-form input:not([type]) [disabled],
.ab-form input[type=password][disabled],
.ab-form input[type=email][disabled],
.ab-form input[type=url][disabled],
.ab-form input[type=date][disabled],
.ab-form input[type=month][disabled],
.ab-form input[type=time][disabled],
.ab-form input[type=datetime][disabled],
.ab-form input[type=datetime-local][disabled],
.ab-form input[type=week][disabled],
.ab-form input[type=tel][disabled],
.ab-form input[type=color][disabled],
.ab-form input[type=number][disabled],
.ab-form input[type=search][disabled],
.ab-form input[type=text][disabled],
.ab-form select[disabled],
.ab-form textarea[disabled] {
    color: #cad2d3;
    background-color: #eaeded;
    cursor: not-allowed;
}

.ab-form input[readonly],
.ab-form select[readonly],
.ab-form textarea[readonly] {
    border-color: #ccc;
    color: #777;
    background-color: #eee;
}

.ab-form input:focus:invalid,
.ab-form select:focus:invalid,
.ab-form textarea:focus:invalid {
    border-color: #e9322d;
    color: #b94a48;
}

.ab-form input[type=file]:focus:invalid:focus,
.ab-form input[type=checkbox]:focus:invalid:focus,
.ab-form input[type=radio]:focus:invalid:focus {
    outline-color: #e9322d;
}

.ab-form select {
    height: 33px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.ab-form select[multiple] {
    height: auto;
}

.ab-form label {
    margin: .5em 0 .2em;
}

.ab-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0;
}

.ab-form legend {
    display: block;
    width: 100%;
    margin-bottom: .3em;
    padding: .3em 0;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
}

.ab-form-stacked input:not([type]) ,
.ab-form-stacked input[type=password],
.ab-form-stacked input[type=email],
.ab-form-stacked input[type=url],
.ab-form-stacked input[type=date],
.ab-form-stacked input[type=month],
.ab-form-stacked input[type=time],
.ab-form-stacked input[type=datetime],
.ab-form-stacked input[type=datetime-local],
.ab-form-stacked input[type=week],
.ab-form-stacked input[type=tel],
.ab-form-stacked input[type=color],
.ab-form-stacked input[type=file],
.ab-form-stacked input[type=number],
.ab-form-stacked input[type=search],
.ab-form-stacked input[type=text],
.ab-form-stacked label,
.ab-form-stacked select,
.ab-form-stacked textarea {
    display: block;
    margin: .25em 0;
}

.ab-form-aligned .ab-help-inline,
.ab-form-aligned input,
.ab-form-aligned select,
.ab-form-aligned textarea,
.ab-form-message-inline {
    display: inline-block;
    vertical-align: middle;
}

.ab-form-aligned textarea {
    vertical-align: top;
}

.ab-form-aligned .ab-control-group {
    margin-bottom: .5em;
}

.ab-form-aligned .ab-control-group label {
    display: inline-block;
    width: 10em;
    margin: 0 1em 0 0;
    text-align: right;
    vertical-align: middle;
}

.ab-form-aligned .ab-controls {
    margin: 1.5em 0 0 11em;
}

.ab-form .ab-input-rounded,
.ab-form input.ab-input-rounded {
    padding: .5em 1em;
    border-radius: 2em;
}

.ab-form .ab-group fieldset {
    margin-bottom: 10px;
}

.ab-form .ab-group input,
.ab-form .ab-group textarea {
    display: block;
    position: relative;
    top: -1px;
    margin: 0 0 -1px;
    padding: 10px;
    border-radius: 0;
}

.ab-form .ab-group input:focus,
.ab-form .ab-group textarea:focus {
    z-index: 3;
}

.ab-form .ab-group input:first-child,
.ab-form .ab-group textarea:first-child {
    top: 1px;
    margin: 0;
    border-radius: 4px 4px 0 0;
}

.ab-form .ab-group input:first-child:last-child,
.ab-form .ab-group textarea:first-child:last-child {
    top: 1px;
    margin: 0;
    border-radius: 4px;
}

.ab-form .ab-group input:last-child,
.ab-form .ab-group textarea:last-child {
    top: -2px;
    margin: 0;
    border-radius: 0 0 4px 4px;
}

.ab-form .ab-group button {
    margin: .35em 0;
}

.ab-form .ab-input-1 {
    width: 100%;
}

.ab-form .ab-input-3-4 {
    width: 75%;
}

.ab-form .ab-input-2-3 {
    width: 66%;
}

.ab-form .ab-input-1-2 {
    width: 50%;
}

.ab-form .ab-input-1-3 {
    width: 33%;
}

.ab-form .ab-input-1-4 {
    width: 25%;
}

.ab-form .ab-help-inline,
.ab-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    font-size: .875em;
    vertical-align: middle;
    color: #666;
}

.ab-form-message {
    display: block;
    font-size: .875em;
    color: #666;
}

/*menu(default)*/

.ab-menu-fixed {
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0;
}

.ab-menu-item,
.ab-menu-list {
    position: relative;
}

.ab-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ab-menu-item {
    height: 100%;
    margin: 0;
    padding: 0;
}

.ab-menu-heading,
.ab-menu-link {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.ab-menu-horizontal {
    width: 100%;
    white-space: nowrap;
}

.ab-menu-horizontal .ab-menu-list {
    display: inline-block;
}

.ab-menu-horizontal .ab-menu-heading,
.ab-menu-horizontal .ab-menu-item,
.ab-menu-horizontal .ab-menu-separator {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}

.ab-menu-item .ab-menu-item {
    display: block;
}

.ab-menu-children {
    display: none;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 100%;
    margin: 0;
    padding: 0;
}

.ab-menu-horizontal .ab-menu-children {
    top: auto;
    left: 0;
    width: inherit;
}

.ab-menu-active > .ab-menu-children,
.ab-menu-allow-hover:hover>.ab-menu-children {
    display: block;
    position: absolute;
}

.ab-menu-has-children > .ab-menu-link:after {
    content: "\25B8";
    padding-left: .5em;
    font-size: small;
}

.ab-menu-horizontal .ab-menu-has-children > .ab-menu-link:after {
    content: "\25BE";
}

.ab-menu-scrollable {
    overflow-x: hidden;
    overflow-y: scroll;
}

.ab-menu-scrollable .ab-menu-list {
    display: block;
}

.ab-menu-horizontal.ab-menu-scrollable .ab-menu-list {
    display: inline-block;
}

.ab-menu-horizontal.ab-menu-scrollable {
    padding: .5em 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.ab-menu-horizontal.ab-menu-scrollable::-webkit-scrollbar {
    display: none;
}

.ab-menu-horizontal .ab-menu-children .ab-menu-separator,
.ab-menu-separator {
    height: 1px;
    margin: .3em 0;
    background-color: #ccc;
}

.ab-menu-horizontal .ab-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em;
}

.ab-menu-horizontal .ab-menu-children .ab-menu-separator {
    display: block;
    width: auto;
}

.ab-menu-heading {
    text-transform: uppercase;
    color: #565d64;
}

.ab-menu-link {
    color: #777;
}

.ab-menu-children {
    background-color: #fff;
}

.ab-menu-disabled,
.ab-menu-heading,
.ab-menu-link {
    padding: .5em 1em;
}

.ab-menu-disabled {
    opacity: .5;
}

.ab-menu-disabled .ab-menu-link:hover {
    background-color: transparent;
}

.ab-menu-active > .ab-menu-link,
.ab-menu-link:focus,
.ab-menu-link:hover {
    background-color: #eee;
}

.ab-menu-selected .ab-menu-link,
.ab-menu-selected .ab-menu-link:visited {
    color: #000;
}

/*FORM CSS:END*/

/*ELEMENT CSS:START*/

/*dl type1*/

.abr-dl-1 dt {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #b52e54;
}

.abr-dl-1 dt.none {
    display: none;
}

.abr-dl-1 dd {
    margin-top: 2px;
    text-indent: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #6d6d6d;
}

.abr-dl-1 dd.none {
    display: none;
}

.abr-dl-1 dd.d2 {
    margin-top: 2px;
    text-indent: 40px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #6d6d6d;
}

.abr-dl-1 dd.d3 {
    margin-top: 2px;
    text-indent: 60px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #6d6d6d;
}

.abr-dl-1 dd.red {
    color: #ff3333 !important;
}

.abr-dl-1 dt:before {
    content: "· ";
}

.abr-dl-1 dd:before {
    content: "- ";
}

.abr-dl-1 dd.d2:before {
    content: "";
}

.abr-dl-1 dd.d3:before {
    content: "";
}

/*dl type2*/

.abr-dl-2 dt {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #515151;
}

.abr-dl-2 dt.dt2:before {
    content: "※";
}

.abr-dl-2 dt.dt3 {
    position: relative;
    padding-left: 25px;
}

.abr-dl-2 dt.none {
    display: none;
}

.abr-dl-2 dt.dt-sub {
    text-indent: 17px;
}

.abr-dl-2 dt.dt-sub2 {
    text-indent: 30px;
}

.abr-dl-2 dt.dt-sub:before {
    content: "";
}

.abr-dl-2 dt.dt-sub2:before {
    content: "";
}

.abr-dl-2 dt.red {
    padding-left: 10px;
    color: #ff3333 !important;
}

.abr-dl-2 dt .red {
    color: #ff3333 !important;
}

.abr-dl-2 dt .underline {
    text-decoration: underline;
}

.abr-dl-2 dd {
    margin-top: 2px;
    text-indent: 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    color: #6d6d6d;
}

.abr-dl-2 dd .st {
    font-weight: 600;
}

.abr-dl-2 dd.none {
    display: none;
}

.abr-dl-2 dd.dd2 {
    padding-left: 9px;
}

.abr-dl-2 dd.dd2:before {
    content: "※";
}

.abr-dl-2 dd.d2 {
    margin-top: 2px;
    text-indent: 40px;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    color: #6d6d6d;
}

.abr-dl-2 dd.d3 {
    margin-top: 2px;
    text-indent: 60px;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    color: #6d6d6d;
}

.abr-dl-2 dd.red {
    color: #ff3333 !important;
}

.abr-dl-2 dd.d1-sub {
    text-indent: 28px;
}

.abr-dl-2 dt:before {
    content: "· ";
}

.abr-dl-2 dt.dt3:before {
    content: "·";
    position: absolute;
    left: -8px;
    font-size: 42px;
    font-weight: 600;
    color: #0569B4;
}

.abr-dl-2 dt.nb:before {
    content: "";
}

.abr-dl-2 dd.dd-sub {
    text-indent: 27px;
}

.abr-dl-2 dd.dd-sub2 {
    text-indent: 35px;
}

.abr-dl-2 dd.dd-sub:before {
    content: "";
}

.abr-dl-2 dd:before {
    content: "- ";
}

.abr-dl-2 dd.d2:before {
    content: "";
}

.abr-dl-2 dd.d3:before {
    content: "";
}

.abr-dl-2 dd.d1-sub:before {
    content: "";
}

.abr-dl-2 dd .red {
    color: #ff3333 !important;
}

.abr-dl-2 dd .underline {
    text-decoration: underline;
}

/*table*/

.ab-table {
    border: 1px solid #cbcbcb;
    empty-cells: show;
}

.ab-table caption {
    padding: 1em 0;
    text-align: center;
    font: italic 85%/1 arial,sans-serif;
    color: #000;
}

.ab-table td,
.ab-table th {
    margin: 0;
    padding: .5em 1em;
    border-width: 0 0 0 1px;
    border-left: 1px solid #cbcbcb;
    overflow: visible;
    font-size: inherit;
}

.ab-table td:first-child,
.ab-table th:first-child {
    border-left-width: 0;
}

.ab-table thead {
    text-align: left;
    vertical-align: bottom;
    color: #000;
    background-color: #e0e0e0;
}

.ab-table td {
    background-color: transparent;
}

.ab-table-odd td,
.ab-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

.ab-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}

.ab-table-bordered tbody > tr:last-child>td {
    border-bottom-width: 0;
}

.ab-table-horizontal td,
.ab-table-horizontal th {
    border-width: 0 0 1px;
    border-bottom: 1px solid #cbcbcb;
}

.ab-table-horizontal tbody > tr:last-child>td {
    border-bottom-width: 0;
}

.wrap.pages .content .page .abr-table1.abr-tbl-1:not(.mid-line) tbody tr td {
    height: 102px;
}

.wrap.pages .content .page .abr-table1 {
    width: 100%;
    margin-top: 35px;
    border-top: 3px #515151 solid;
}

.wrap.pages .content .page .abr-table1 .tb1-w-145 tr td:first-child {
    width: 145px;
}

.wrap.pages .content .page .abr-table1 .tb1-w-150 tr td:first-child {
    width: 150px;
}

.wrap.pages .content .page .abr-table1 .tb3-w-170 tr td:nth-child(3) {
    width: 170px;
}

.wrap.pages .content .page .td1-left tr td:nth-child(1) {
    box-sizing: border-box;
    padding-left: 15px !important;
    text-align: left;
}

.wrap.pages .content .page .td2-left tr td:nth-child(2):not(.ab-p-l-0) {
    box-sizing: border-box;
    padding-left: 15px !important;
    text-align: left;
}

.wrap.pages .content .page .td3-left tr td:nth-child(3) {
    box-sizing: border-box;
    padding-left: 15px !important;
    text-align: left;
}

.wrap.pages .content .page .td1-top tr td:nth-child(1) {
    vertical-align: top;
}

.wrap.pages .content .page .td2-top tr td:nth-child(2) {
    vertical-align: top;
}

.wrap.pages .content .page .td3-top tr td:nth-child(3) {
    vertical-align: top;
}

.wrap.pages .content .page .abr-table1.abr-tbl-2 thead tr th {
    width: calc(100%/ 3);
}

.wrap.pages .content .page .abr-table1.abr-tbl-3 thead tr th {
    width: calc(100%/ 4);
}

.wrap.pages .content .page .abr-table1.abr-tbl-4 thead tr th:nth-child(1) {
    width: calc(100% - 300px);
}

.wrap.pages .content .page .abr-table1.abr-tbl-4 thead tr th:nth-child(2) {
    width: 120px;
}

.wrap.pages .content .page .abr-table1.abr-tbl-4 thead tr th:nth-child(3) {
    width: 160px;
}

.wrap.pages .content .page .abr-table1.abr-tbl-5 thead tr th:nth-child(1) {
    width: 155px;
}

.wrap.pages .content .page .abr-table1.abr-tbl-5 tbody tr th {
    text-align: center;
    color: rgb(255,255,255);
    background: #0569b4;
}

.wrap.pages .content .page .abr-table1.abr-tbl-6 tbody tr td {
    box-sizing: border-box;
    padding: 10px 10px !important;
}

.wrap.pages .content .page .abr-table1.abr-tbl-6 thead tr th:nth-child(1) {
    width: 120px;
}

.wrap.pages .content .page .abr-table1.abr-tbl-6 thead tr th:nth-child(4) {
    width: 150px;
}

.wrap.pages .content .page .abr-table1.abr-tbl-7 tbody tr td:nth-child(1) {
    width: 30%;
}

.wrap.pages .content .page .abr-table1.abr-tbl-8 thead tr th:nth-child(1) {
    width: 100px;
}

.wrap.pages .content .page .abr-table1.abr-tbl-8 tbody tr th {
    text-align: center;
    color: rgb(255,255,255);
    background: #0569b4;
}

.wrap.pages .content .page .abr-table1.abr-tbl-9 thead tr th:nth-child(1) {
    width: 25%;
}

.wrap.pages .content .page .abr-table1.abr-tbl-9 thead tr th:nth-child(2) {
    width: 25%;
}

.wrap.pages .content .page .abr-table1.abr-tbl-10 thead tr th {
    width: 25%;
}

.wrap.pages .content .page .abr-table1.wl15 {
    width: calc(100% - 15px);
    margin-left: 15px;
}

.wrap.pages .content .page .abr-table1 th:not(:last-child) ,
.wrap.pages .content .page .abr-table1 td:not(:last-child) {
    border-right: 1px #bebebe solid;
}

.wrap.pages .content .page .abr-table1 th,
.wrap.pages .content .page .abr-table1 td {
    border-bottom: 1px #bebebe solid;
}

.wrap.pages .content .page .abr-table1 thead tr {
    background: #0569b4;
}

.wrap.pages .content .page .abr-table1 thead tr th {
    padding: 15px 0;
    text-align: center;
    font-size: 17px;
    line-height: 20px;
    vertical-align: middle;
    color: rgb(255,255,255);
}

.wrap.pages .content .page .abr-table1 tbody tr th {
    height: 19px;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    vertical-align: middle;
    color: rgb(82,82,82);
    background: #f5f5f5;
}

.wrap.pages .content .page .abr-table1 tbody tr td {
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    vertical-align: middle;
    color: rgb(82,82,82);
    background: #fff;
}

.wrap.pages .content .page .abr-table1.mid-line tbody tr td {
    padding: 12px 0;
}

.wrap.pages .content .page .abr-table1 tbody tr td:nth-child(1) {
    min-width: 100px;
}

.wrap.pages .content .page .abr-table2 {
    width: 100%;
    margin-top: 35px;
    border-top: 3px #515151 solid;
}

.wrap.pages .content .page .abr-table2.wl15 {
    width: calc(100% - 15px);
    margin-left: 15px;
}

.wrap.pages .content .page .abr-table2 th:not(:last-child) ,
.wrap.pages .content .page .abr-table2 td:not(:last-child) {
    border-right: 1px #bebebe solid;
}

.wrap.pages .content .page .abr-table2 th,
.wrap.pages .content .page .abr-table2 td {
    border-bottom: 1px #bebebe solid;
}

.wrap.pages .content .page .abr-table2 thead tr {
    background: #009788;
}

.wrap.pages .content .page .abr-table2 thead tr th {
    padding: 15px 0;
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    vertical-align: middle;
    color: #ffffff;
}

.wrap.pages .content .page .abr-table2 tbody tr th {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    color: rgb(82,82,82);
    background: #f5f5f5;
}

.wrap.pages .content .page .abr-table2 tbody tr td {
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    vertical-align: middle;
    color: rgb(82,82,82);
}

.wrap.pages .content .page .abr-table2 tbody tr td:nth-child(1) {
    max-width: 140px;
    min-width: 140px;
}

.wrap.pages .content .page .abr-table2 tbody tr td.left {
    padding-left: 15px;
    text-align: left;
}

.wrap.pages .content .page .abr-table3 {
    margin: 50px 0 30px 0;
}

.wrap.pages .content .page .abr-table3 .abr-t3 {
    margin: 5px 3px 5px 7px;
    overflow: hidden;
}

.wrap.pages .content .page .abr-table3 .abr-t3 .title {
    float: left;
    box-sizing: border-box;
    width: 185px;
    padding: 21px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #0569B4;
    background: #c7e3ef;
}

.wrap.pages .content .page .abr-table3 .abr-t3 .title.t2 {
    padding: 8px 20px;
    line-height: 22px;
}

.wrap.pages .content .page .abr-table3 .abr-t3 .title.t2 span.ent {
    padding-left: 25px;
}

.wrap.pages .content .page .abr-table3 .abr-t3 .title span {
    margin-right: 12px;
}

.wrap.pages .content .page .abr-table3 .abr-t3 .content {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 185px);
    padding: 21px 18px;
    border: 1px #e3e3e3 solid;
    font-size: 15px;
    color: #6d6d6d;
}

.wrap.pages .content .page .abr-table3 .abr-t3 .content.c1 {
    height: 60px;
}

.wrap.pages .content .page .abr-table3 .abr-t3 .content.c2 {
    padding: 10px 18px;
    line-height: 19px;
}

.wrap.pages .content .page .abr-table4 {
    width: 100%;
    border-top: 3px #000000 solid;
    border-bottom: 1px #cecece solid;
    font-size: 13px;
}

.wrap.pages .content .page .abr-table4 .checkbox label {
    line-height: 150%;
}

.wrap.pages .content .page .abr-table4 .radio label {
    line-height: 150%;
}

.wrap.pages .content .page .abr-table4 .radio label:after {
    top: 4px;
    left: 4px;
}

.wrap.pages .content .page .abr-table4 tbody tr {
    border-top: 1px #D9D9D9 solid;
}

.wrap.pages .content .page .abr-table4 tbody tr th {
    width: 160px;
    padding: 12px 0;
    border-right: 1px #D9D9D9 solid;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    color: #000000;
    background: #F7F7F7;
}

.wrap.pages .content .page .abr-table4.tp2 tbody tr th {
    width: 190px;
    padding: 12px 0;
    border-right: 1px #D9D9D9 solid;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    color: #000000;
    background: #F7F7F7;
}

.wrap.pages .content .page .abr-table4.td-line tr td:not(:last-child) {
    border-right: 1px #d9d9d9 solid;
}

.wrap.pages .content .page .abr-table4.tp2 tbody tr th.type2 {
    padding: 5px 0;
}

.wrap.pages .content .page .abr-table4.tp2 tbody tr th:nth-child(3) {
    border-left: 1px #D9D9D9 solid;
}

.wrap.pages .content .page .abr-table4.tp2 tbody tr th.br-none {
    border-right: none;
}

.wrap.pages .content .page .abr-table4 tbody tr td {
    padding: 5px 0 5px 15px;
    vertical-align: middle;
}

.wrap.pages .content .page .abr-table4.tp2 tbody tr td {
    padding: 5px 10px;
    vertical-align: middle;
}

.wrap.pages .content .page .abr-table4 tbody tr td:not(:last-child) {
    border-right: 1px #D9D9D9 solid;
}

.wrap.pages .content .page .abr-table4 tbody tr td:nth-child(2) .wrap.pages .content .page .abr-table4 tbody tr td:nth-child(3) .wrap.pages .content .page .abr-table4 tbody tr td:nth-child(4) {
    width: 25%;
}

.wrap.pages .content .page .abr-table4 tbody tr td select {
    width: 50%;
}

.wrap.pages .content .page .abr-table4 tbody tr td .abr-ul-1 {
    overflow: hidden;
}

.wrap.pages .content .page .abr-table4 tbody tr td .abr-ul-1.li-input-100 li:nth-child(1) {
    width: calc(100% - 76px);
    margin-right: 30px;
}

.wrap.pages .content .page .abr-table4 tbody tr td .abr-ul-1 li.ab-m-r-30 {
    width: calc(100%/ 2 - ( 42px * 2) - 6px);
}

.wrap.pages .content .page .abr-table4 tbody tr td .abr-ul-1 li {
    float: left;
    margin-right: 10px;
}

.wrap.pages .content .page .abr-table4 tbody tr td .abr-ul-1 li .spl.abr-icon-02 {
    margin-top: 4px;
}

.wrap.pages .content .page .abr-table4 tbody tr td .abr-ul-1 li.spc {
    padding: 7px 7px 0 0;
}

.wrap.pages .content .page .abr-table4 tbody.th-text-left tr th {
    box-sizing: border-box;
    padding-left: 18px;
    text-align: left;
}

.wrap.pages .content .page .abr-table4.sub4 .ag-tbl4-img {
    width: 160px;
    text-align: center;
}

.wrap.pages .content .page .abr-table4 tbody.td-text-center tr td {
    text-align: center;
}

.wrap.pages .content .page .abr-table4.ntb {
    border-top: none;
}

.wrap.pages .content .page .abr-table4.ntb tr:first-child {
    border-top: none;
}

.wrap.pages .content .page .abr-table4.sub {
    border-top: 2px #9c9c9c solid;
}

.wrap.pages .content .page .abr-table4.sub thead tr th {
    padding-left: 0;
    text-align: center;
}

.wrap.pages .content .page .abr-table4.sub thead tr th:nth-child(1) {
    width: 15px;
}

.wrap.pages .content .page .abr-table4.sub thead tr th:nth-child(2) {
}

.wrap.pages .content .page .abr-table4.sub thead tr th:nth-child(3) {
    width: 100px;
}

.wrap.pages .content .page .abr-table4.sub thead tr th:nth-child(4) {
    width: 90px;
}

.wrap.pages .content .page .abr-table4.sub thead tr th:nth-child(5) {
    width: 80px;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td {
    padding: 10px 5px 8px 5px;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(1) {
    text-align: center;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(1) .checkbox {
    display: inline;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(1) .checkbox .styled {
    width: 20px;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(1) .checkbox label {
    padding-left: 0 !important;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(2) select {
    width: 100%;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(3) {
    overflow: hidden;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(3) .tbl4-content {
    float: left;
    width: calc(100% - 27px);
    padding: 2px 0;
    max-width: 100px;
    word-break: break-all;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(3) .tbl4-icon {
    float: right;
    width: 20px;
    margin-top: 1px;
    margin-right: 7px;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(4) {
    overflow: hidden;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(4) .tbl4-content {
    float: left;
    width: calc(100% - 27px);
    padding: 4px 0;
    max-width: 100px;
    word-break: break-all;
}

.wrap.pages .content .page .abr-table4.sub tbody tr td:nth-child(4) .tbl4-icon {
    float: right;
    width: 20px;
    margin-top: 1px;
    margin-right: 7px;
}

.wrap.pages .content .page .abr-table4.hidden {
    display: none;
}

.wrap.pages .content .page .abr-table4.sub2 {
    border-top: 2px #9c9c9c solid;
}

.wrap.pages .content .page .abr-table4.sub2 tbody tr th {
    padding: 16px 0 !important;
    text-align: center;
}

.wrap.pages .content .page .abr-table4.sub2 tbody tr td {
}

.wrap.pages .content .page .abr-table4.sub2 tbody tr td .checkbox {
    margin: 0;
}

.wrap.pages .content .page .abr-table4.sub2 .abr-t4-title {
    position: relative;
    top: 7px;
}

.wrap.pages .content .page .abr-table4.sub2 .abr-file-layer {
    width: 100%;
    height: 120px;
    margin-bottom: 10px;
    border: 1px #ececec solid;
}

.wrap.pages .content .page .abr-file-layer2 {
    width: 100%;
    height: 120px;
    margin-bottom: 10px;
    border: 1px #ececec solid;
}

.wrap.pages .content .page .abr-table4.sub3 {
    border-top: 2px #9c9c9c solid;
}

.wrap.pages .content .page .abr-table4.sub3 tr th {
    padding: 10px 0 !important;
    text-align: center !important;
    font-size: 14px;
}

.wrap.pages .content .page .abr-table4.sub3 tr td {
    padding: 5px 3px !important;
}

.wrap.pages .content .page .abr-table4.sub3 input {
    width: calc(100% - 14px);
    margin: 0;
}

.wrap.pages .content .page .abr-table4.sub3 input.c1 {
    width: calc(100% - 14px - 30px);
}

.wrap.pages .content .page .abr-table4.sub3 input.c2 {
    width: calc(50% - 14px - 15px);
}

.wrap.pages .content .page .abr-table4.sub3 select {
    width: 100%;
}

.wrap.pages .content .page .abr-table4.tbl3,
.wrap.pages .content .page .abr-table4.tbl4 {
    border-top: none;
}

.wrap.pages .content .page .abr-table4.tbl3 tr,
.wrap.pages .content .page .abr-table4.tbl4 tr {
    border-top: 0;
}

.wrap.pages .content .page .abr-table4 .checkbox {
    display: inline;
}

.wrap.pages .content .page .abr-table4 .checkbox input[type="checkbox"] {
    width: 19px;
}

.wrap.pages .content .page .abr-table4 .radio,
.wrap.pages .content .page .abr-table4 .checkbox {
    margin: 0;
}

.wrap.pages .content .page .abr-table4 .checkbox label::before {
    left: 3px;
}

.wrap.pages .content .page .abr-table4 .checkbox label::after {
    left: 3px;
}

.wrap.pages .content .page .abr-table4 .l-title {
    padding-left: 17px !important;
    text-align: left !important;
}

.wrap.pages .content .page .abr-table5 {
    width: 100%;
    border-top: 3px #000000 solid;
    border-bottom: 1px #cecece solid;
    background: #fff;
}

.wrap.pages .content .page .abr-table5 span {
    font-size: 15px;
}

.wrap.pages .content .page .abr-table5 input[type=radio] {
    margin: 0;
    vertical-align: middle;
}

.wrap.pages .content .page .abr-table5 tbody tr {
    border-top: 1px #D9D9D9 solid;
}

.wrap.pages .content .page .abr-table5 tbody tr th {
    width: 140px;
    border-right: 1px #D9D9D9 solid;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 43px;
    color: #000000;
    background: #F7F7F7;
}

.wrap.pages .content .page .abr-table5 tbody tr td {
    padding: 10px 0 8px 15px;
    vertical-align: middle;
}

.wrap.pages .content .page .abr-table5 tbody tr td:not(:last-child) {
    border-right: 1px #D9D9D9 solid;
}

.wrap.pages .content .page .abr-table5 tbody tr td:nth-child(2) .wrap.pages .content .page .abr-table5 tbody tr td:nth-child(3) .wrap.pages .content .page .abr-table5 tbody tr td:nth-child(4) {
    width: 25%;
}

.wrap.pages .content .page .abr-table5 tbody tr td select {
    width: 50%;
}

.wrap.pages .content .page .abr-table5 tbody tr td .abr-ul-1 {
    overflow: hidden;
}

.wrap.pages .content .page .abr-table5 tbody tr td .abr-ul-1.li-input-100 li:nth-child(1) {
    width: calc(100% - 76px);
    margin-right: 30px;
}

.wrap.pages .content .page .abr-table5 tbody tr td .abr-ul-1 li.ab-m-r-30 {
    width: calc(100%/ 2 - ( 42px * 2) - 6px);
}

.wrap.pages .content .page .abr-table5 tbody tr td .abr-ul-1 li {
    float: left;
    margin-right: 10px;
}

.wrap.pages .content .page .abr-table5 tbody tr td .abr-ul-1 li .spl.abr-icon-02 {
    margin-top: 4px;
}

.wrap.pages .content .page .abr-table5 tbody tr td .abr-ul-1 li.spc {
    padding: 7px 7px 0 0;
}

.wrap.pages .content .page .abr-table5 tbody.th-text-left tr th {
    box-sizing: border-box;
    padding-left: 18px;
    text-align: left;
}

.wrap.pages .content .page .abr-table5.tp2 tr td {
	cursor: pointer;
}
.wrap.pages .content .page .abr-table5.tp2 tr td:nth-child(1) {
	background: #F7F7F7;
	text-align:center;
	border-right: 1px #D9D9D9 solid;
}
.wrap.pages .content .page .abr-table5.tp2 tr th:last-child {
	border-right: none;
}
.wrap.pages .content .page .abr-table5.tp2 tr:not(:first-child):hover td{
	background: #dadada;
}

.wrap.pages .content .page .abr-table6 {
    width: 100%;
}

.wrap.pages .content .page .abr-table6 tr td {
    box-sizing: border-box;
    padding: 15px 5px;
    vertical-align: middle;
}

.wrap.pages .content .page .abr-table6 tr td:first-child {
    padding-left: 10px;
}

.wrap.pages .content .page .abr-table6 tr td:last-child {
    padding-right: 10px;
}

.wrap.pages .content .page table .ess {
    padding-left: 30px !important;
}

.wrap.pages .content .page table .ess2 {
    padding-left: 5px !important;
}

.wrap.pages .content .page table .ess:before {
    content: "●";
    margin-right: 5px;
    font-size: 10px;
    vertical-align: middle;
    color: #ff4c4c;
}

.wrap.pages .content .page table .ess2:before {
    content: "●";
    margin-right: 5px;
    font-size: 10px;
    vertical-align: middle;
    color: #ff4c4c;
}

.wrap.pages .content .page .ess2:before {
    content: "●";
    margin-right: 5px;
    font-size: 10px;
    vertical-align: middle;
    color: #ff4c4c;
}

/*input*/

.abr-input-text1 {
    width: 100%;
    padding: 6px;
    border: 1px #CCCCCC solid;
    font-size: 14px;
    color: #6D6D6D;
    background: #F2F2F2;
}

.abr-input-text2 {
    width: calc(100% - 76px);
    padding: 6px;
    border: 1px #CCCCCC solid;
    font-size: 14px;
    color: #6D6D6D;
    background: #ffffff;
}

.abr-input-text2:read-only {
    background-color: #ececec;
}

.wrap.pages .content .page .abr-textarea1 textarea {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 15px;
    border: 1px #cecece solid;
    font-size: 12px;
    line-height: 16px;
    color: #7d7d7d;
    background: #ececec;
}

.wrap.pages .content .page .abr-textarea2 textarea {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 15px;
    border: 1px #cecece solid;
    font-size: 12px;
    line-height: 16px;
    color: #7d7d7d;
    background: #ffffff;
}

.wrap.pages .content .page .abr-textarea3 textarea {
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    padding: 15px;
    border: 1px #cecece solid;
    font-size: 12px;
    line-height: 16px;
    color: #7d7d7d;
    background: #ffffff;
}

.wrap.pages .content .page .ab-bnum1 {
    width: 100px;
    margin-right: 10px;
}

.wrap.pages .content .page .ab-bnum2 {
    width: 90px !important;
    margin-right: 10px;
    margin-left: 10px;
}

.wrap.pages .content .page .ab-bnum3 {
    width: 150px;
    margin-left: 10px;
}

.wrap.pages .content .page .ab-bnum4 {
    box-sizing: border-box;
    width: 250px;
    margin-right: 15px;
}

.wrap.pages .content .page .ab-bnum5 {
    width: 150px;
    margin-right: 15px;
}

.wrap.pages .content .page .ab-bnum6 {
    width: 40% !important;
}

.wrap.pages .content .page .ab-bnum6 {
    width: 60px;
}

.wrap.pages .content .page .ab-bnum7 {
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.wrap.pages .content .page .ab-bnum8 {
    width: 100px;
}

.wrap.pages .content .page .ab-bnum9 {
    width: 70px !important;
}

/*select*/

.wrap .content .
1 {
    margin: -10px 0 15px 0;
    min-width: 200px;
}

.wrap .content .select-type1 select {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 100%;
    height: 2.25em;
    padding: .5em .6em;
    border: 1px solid #ccc;
    border: 1px solid #999;
    border: 1px #cecece solid;
    border-radius: 0;
    font-family: inherit;
    vertical-align: middle;
    background: url(/common/work_assets/images/icons/icon-select01.png) no-repeat;
    background-color: #fff;
    background-position: right 0;
    background-size:contain;
}

.wrap .content .select-type2 {
    height: 30px;
    background: url(/common/work_assets/images/icons/icon-select01.png) no-repeat;
    background-position: right 0;
    background-size: contain;
}

.wrap .content .select-type2.dishide {    
    background: none;    
}

.wrap .content .select-type2.mini {
    width: 100px !important;
}

.wrap .content .select-type3 {
    width: 100px !important;
    height: 30px;
}

.wrap .content .select-type4 {
    width: 60px !important;
    height: 30px;
}

/*button*/

button {
    font-weight: 600;
    -webkit-transition: 0.2s linear;
}

button a {
    display: block;
    width: 100%;
    text-align: center;
}

.wrap .content .abr-btn-wb1 {
    padding: 6px 30px;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    background: #0569B4;
}

.wrap .content .abr-btn-bw1 {
    padding: 7px 30px;
    border: none;
    border: 1px #0569B4 solid;
    font-size: 14px;
    font-weight: 600;
    color: #0569B4;
    background: #FFFFFF;
}

.wrap .content .abr-btn-wbk1 {
    padding: 6px 30px;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    background: #474B4E;
}

.wrap .content .abr-btn-gh1 {
    position: relative;
    padding: 11px 54px 11px 19px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: #009788;
}

.wrap .content .abr-btn-gh1:after {
    content: url(/common/assets/images/icons/icon-figure23.png);
    position: absolute;
    right: 12px;
}

.abr-login-btn2 {
    padding: 12px 7% 10px 7%;
    border: 1px solid #0569B4;
    border-bottom: 1px #B0B9BF solid;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #fff !important;
    background: #0569B4;
}

.abr-login-btn2.afterin {
	padding: 15px 7% 15px 7%;
	font-size:16px;
}

.abr-login-btn2.afterin:hover {
	padding: 15px 7% 15px 7%;
	font-size:16px;
}

.abr-logout-btn {
	width:100%;
    padding: 12px 7% 10px 7%;
    border: 1px solid #6a7a8b;
    border-bottom: 1px #B0B9BF solid;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #fff !important;
    background: #6a7a8b;
}

.abr-logout-btn:hover {
	background: #485767;
	border: 1px solid #485767;
	border-bottom: 1px #B0B9BF solid;
}

.abr-logout-btn.afterin {
	padding: 15px 7% 15px 7%;
}

.abr-logout-btn.afterin:hover {
	padding: 15px 7% 15px 7%;
}

.abr-button-bw {
    padding: 12px 7% 10px 7%;
    border: 1px solid #0569B4;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #fff !important;
    background: #0569B4;
}

.abr-button-bw:hover {
    border: 1px solid rgba(246,137,31,0.9);
    border-bottom: 1px solid #B0B9BF;
    color: #fff !important;
    background: rgba(246,137,31,0.9);
}

.abr-button-pop1 {
    padding: 8px 15px;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    background: #0569B4;
}

.abr-button-pop2 {
    padding: 10px 30px;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    background: #404040;
}

.abr-button-bkw {
    padding: 12px 7% 10px 7%;
    border: 1px #404040 solid;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    background: #404040;
}

.abr-button-bw.tp2 {
    position: relative;
    left: 395px;
}

.abr-button-bw2 {
    position: relative;
    padding: 16px 6% 12px 6%;
    border: 1px #0569B4 solid;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    background: #0569B4;
}

.abr-button-bw3 {
    position: relative;
    padding: 14px 11% 13px 2%;
    border: 1px #0569B4 solid;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    text-align: left;
    font-size: 19px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -1px;
    color: #ffffff;
    background: #0569B4;
}

.abr-button-bw4 {
    padding: 5px 7%;
    border: 1px #0569B4 solid;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 15px !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    background: #0569B4;
}

.abr-button-gw {
    position: relative;
    padding: 10px 7% 8px 7%;
    border: 1px #009788 solid;
    border-bottom: 1px #B0B9BF solid;
    border-radius: 3px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -1px;
    color: #ffffff;
    background: #009788;
}

.abr-button-gw:hover {
    border-bottom: 1px solid #009788;
    color: #009788;
    background: #fff;
}

.abr-button-bw3 span {
    position: absolute;
    top: 0;
    right: 0;
}

.abr-button-wg-gw {
    padding: 10px 7% 8px 7%;
    border: 1px #B0B9BF solid;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    color: #009788;
    background: #ffffff;
}

.abr-main-login {
	padding: 10px 30px 10px 30px;
	border: 1px #B0B9BF solid;
    font-size: 16px;
    font-weight: 600;
    line-height: 15px;
    color: #009788;
    background: #ffffff;
}

.abr-main-login:hover {
	color: #ffffff;
    background: #009788;
}

.abr-main-login.afterin {
	padding: 10px 21px 10px 21px;
	border: 1px #B0B9BF solid;
    font-size: 16px;
    font-weight: 600;
    line-height: 15px;
    color: #009788;
    background: #ffffff;
}

.abr-main-login:hover {
	color: #ffffff;
    background: #009788;
}

.abr-main-logout {
	padding: 10px 18px 10px 18px;
	border: 1px #B0B9BF solid;
    font-size: 16px;
    font-weight: 600;
    line-height: 15px;
    color: #6a7a8b;
    background: #ffffff;
}

.abr-main-logout:hover {
	color: #ffffff;
    background: #6a7a8b;
}

.abr-button-wg-gw:hover {
    color: #ffffff;
    background: #009788;
}

.abr-button-gw-wg:not(.abr-go-btn ) {
    padding: 10px 7% 8px 7%;
    border: 0;
    border-top: 1px solid #009788;
    border-right: 1px solid #009788;
    border-bottom: 1px #B0B9BF solid;
    border-left: 1px solid #009788;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
    background: #009788;
}

.abr-button-gw-wg.abr-go-btn {
    padding: 0;
    border: 1px #B0B9BF solid;
    background: #009788;
}

.abr-button-gw-wg.abr-go-btn a {
    box-sizing: border-box;
    padding: 10px 7% 8px 7%;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
}

.abr-button-gw-wg:hover {
    box-sizing: border-box;
    border: 1px solid #b0b9bf;
    color: #009788;
    background: #ffffff;
}

.abr-button-gw-wg.abr-go-btn:hover a {
    color: #009788;
}

.abr-button-bw-wb {
    padding: 10px 7% 8px 7%;
    border: 1px #B0B9BF solid;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    color: #ffffff;
    background: #0569B4;
}

.abr-button-bw-wb.tp2 {
    padding: 20px 30px;
}

.abr-button-bw-wb.tp3 {
    float: left;
    position: relative;
    width: calc(( 100%/ 5) - 10px);
    padding: 12px 3px;
    line-height: 19px;
}

.abr-button-bw-wb.line2 {
    padding: 22px 3px 21px 3px;
}

.abr-button-bw-wb:hover {
    color: #0569B4;
    background: #ffffff;
}

.abr-button-wb-bw {
    padding: 10px 7% 8px 7%;
    border: 1px #B0B9BF solid;
    font-size: 15px;
    line-height: 15px;
    color: #0569B4;
    background: #ffffff;
}

.abr-button-wb-bw.activeSet {
    padding: 10px 7% 8px 7%;
    border: 1px #B0B9BF solid;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
    background: #0569B4;
}

.abr-button-wb-bw:hover {
    color: #ffffff;
    background: #0569B4;
}

.abr-button-wb-bw.tp2 {
    padding: 20px 30px;
    font-weight: 600;
}

.abr-button-wb-bw.tp3 {
    float: left;
    position: relative;
    width: calc(( 100%/ 5) - 10px);
    padding: 12px 3px;
    font-weight: 600;
    line-height: 19px;
}

.abr-button-wb-bw.line2 {
    padding: 22px 3px 21px 3px;
}

.abr-button-img1 {
    width: 131px;
    height: 35px;
    margin-left: 20px;
    border: none;
    background: url(/common/assets/images/element/abr_btn1_on.png) no-repeat;
    -webkit-transition: 0.2s linear;
}

.abr-button-img1:hover {
    background: url(/common/assets/images/element/abr_btn1_off.png) no-repeat;
}

.abr-button-img2 {
    padding: 5px 12px 10px 12px;
    border: 1px #BEBEBE solid;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #6D6D6D;
    background: #ffffff;
}

.abr-button-img2:before {
    content: url(/common/assets/images/icons/icon-figure21.png);
    position: relative;
    top: 4px;
    margin-right: 13px;
}

.abr-button-img2:hover {
    color: #ffffff;
    background: #0569B4;
}

.abr-button-wg {
    padding: 10px 7% 8px 7%;
    border: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -1px;
    color: #009788;
    background: #ffffff;
}

.abr-button-wb {
    padding: 10px 7% 8px 7%;
    border: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -1px;
    color: #0569B4;
    background: #ffffff;
}

.abr-button-wb2 {
    padding: 5px 30px;
    border: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -1px;
    color: rgb(0,123,181);
    background: #ffffff;
}

.abr-button-wbk {
    padding: 10px 7% 8px 7%;
    border: 1px #B0B9BF solid;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -1px;
    color: #3a3a3a;
    background: #ffffff;
}

.ab-button {
    display: inline-block;
    zoom: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -ms-user-select: none;
}

.ab-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.ab-button-group {
    letter-spacing: -.31em;
    text-rendering: optimizespeed;
}

.opera-only:-o-prefocus,
.ab-button-group {
    word-spacing: -.43em;
}

.ab-button {
    padding: .5em 1em;
    border: 1px solid #999;
    border: transparent;
    border-radius: 2px;
    text-decoration: none;
    font-family: inherit;
    font-size: 100%;
    color: #444;
    color: rgba(0,0,0,.8);
    background-color: #E6E6E6;
}

.ab-button-hover,
.ab-button:focus,
.ab-button:hover {
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%,rgba(0,0,0,.1) );
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%,rgba(0,0,0,.1) );
    filter: alpha(opacity = 90);
}

.ab-button-active,
.ab-button:active {
    border-color: #000\9;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6pxrgba(0,0,0,.2) inset;
}

.ab-button-disabled,
.ab-button-disabled:active,
.ab-button-disabled:focus,
.ab-button-disabled:hover,
.ab-button[disabled] {
    border: none;
    opacity: .4;
    background-image: none;
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity = 40);
}

.ab-button-hidden {
    display: none;
}

.ab-button-primary,
.ab-button-selected,
a.ab-button-primary,
a.ab-button-selected {
    color: #fff;
    background-color: #0078e7;
}

.ab-button-group .ab-button {
    margin: 0;
    border-right: 1px solid #111;
    border-right: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.ab-button-group .ab-button:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.ab-button-group .ab-button:last-child {
    border-right: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/*radio, checkbox*/

.radio {
    box-sizing: border-box;
    padding-left: 20px;
}

.checkbox {
    display: inline;
    padding-left: 20px;
}

.checkbox.tp2 {
    display: inline;
    padding-left: 17px;
}

.radio,
.checkbox {
    display: block;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkbox {
    padding-left: 20px;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.checkbox input[type="checkbox"] {
    width: 100%;
}

.radio input[type="radio"] {
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input {
    line-height: normal;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    vertical-align: middle;
}

.radio label,
.checkbox label {
    margin-bottom: 0;
    padding-left: 20px;
    min-height: 20px;
    font-weight: 400;
    cursor: pointer;
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    vertical-align: middle;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    vertical-align: middle;
}

label {
    display: none;
    margin-bottom: 5px;
    max-width: 100%;
    font-weight: 700;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

.radio label::after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transition: -webkit-transform 0.1scubic-bezier(0.8,-0.33,0.2,1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
    transition: transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

.radio label::after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transition: -webkit-transform 0.1scubic-bezier(0.8,-0.33,0.2,1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
    transition: transform 0.1s cubic-bezier(0.8,-0.33,0.2,1.33);
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked+label:after {
    content: "";
    background: url(../images/icons/icon-check01.png) no-repeat;
    background-position: center 2px;
    background-size: 70%;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked+label::after {
    content: "";
    background: url(../images/icons/icon-check01.png) no-repeat;
    background-position: center 2px;
    background-size: 70%;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    margin-left: -20px;
    padding-top: 1px;
    padding-left: 3px;
    font-size: 11px;
    color: #555555;
}

/*icon*/

.abr-ic-home {
    display: block;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -193px -16px;
    background-repeat: no-repeat;
}

.abr-ic-arrow03-down {
    display: inline-block;
    width: 11px;
    height: 7px;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -322px -149px;
    background-repeat: no-repeat;
}

.abr-ic-arrow04-down {
    width: 28px;
    height: 16px;
    margin: 18px auto;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -30px -30px;
    background-repeat: no-repeat;
}

.abr-ic-arrow05-up {
    display: block;
    width: 33px;
    height: 33px;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -118px -30px;
    background-repeat: no-repeat;
}

.abr-ic-arrow05-up a {
    display: block;
    width: 100%;
    height: 100%;
}

.abr-ic-close01 {
    display: block;
    position: absolute;
    top: 14px;
    right: 12px;
    width: 21px;
    height: 21px;
    background-image: url(/common/assets/images/sprite/ab_spritesheet2.png);
    background-position: -211px -105px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.abr-ic-login-id {
    position: absolute;
    top: 12px;
    left: 9px;
    width: 15px;
    height: 15px;
    background: url(/common/assets/images/icons/icon-figure16.png) no-repeat;
}

.abr-ic-login-pass {
    position: absolute;
    top: 21px;
    left: 11px;
    width: 12px;
    height: 14px;
    background: url(/common/assets/images/icons/icon-figure17.png) no-repeat;
}

.abr-ic-id {
    width: 100%;
    height: 38px !important;
    padding-top: 10px !important;
    padding-bottom: 9px !important;
    padding-left: 30px !important;
    border-radius: 0;
    font-family: sans-serif;
    color: #9e9e9e !important;
    background: #ffffff;
}

.abr-ic-pass {
    width: 100%;
    height: 39px !important;
    padding-left: 30px !important;
    border-radius: 0;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #9e9e9e !important;
    background: #ffffff;
}

.abr-ic-rock {
    display: inline-block;
    width: 11px;
    margin: 0 10px 0 10px;
    background: url(/common/assets/images/icons/icon-rock.png) center no-repeat;
}

.abr-ic-figure01 {
    display: inline-block;
    width: 28px;
    margin: 0 10px 0 10px;
    background: url(/common/assets/images/icons/icon-figure01.png) center no-repeat;
}

.abr-ic-figure15 {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: 0 10px 0 10px;
    background: url(/common/assets/images/icons/icon-figure15.png) center no-repeat;
}

.abr-ic-figure18 {
    display: inline-block;
    width: 44px;
    height: 42px;
    background: url(/common/assets/images/icons/icon-figure18.jpg) center no-repeat;
}

.abr-ic-figure19 {
    display: inline-block;
    width: 44px;
    height: 42px;
    background: url(/common/assets/images/icons/icon-figure19.jpg) center no-repeat;
}

.abr-ic-arrow-d01 {
    display: inline-block;
    width: 16px;
    margin: 0 10px 0 10px;
    background: url(/common/assets/images/icons/icon-arrow-down01.png) no-repeat center;
}

.abr-ic-arrow-r01 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-arrow-right01.png) no-repeat center;
}

.abr-ic-arrow02-left {
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(/common/assets/images/icons/icon-arrow02-left.png) no-repeat center;
}

.abr-ic-arrow02-right {
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(/common/assets/images/icons/icon-arrow02-right.png) no-repeat center;
}

.abr-ic-pause01 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/common/assets/images/icons/icon-pause01.png) center no-repeat;
    background-size: contain;
}

.abr-ic-play01 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/common/assets/images/icons/icon-play01.png) center no-repeat;
    background-size: contain;
}

.abr-ic-plus01 {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/common/assets/images/icons/icon-plus01.png) center no-repeat;
}

.abr-ic-notice01 {
    display: inline-block;
    width: 60px;
    height: 44px;
    background: url(/common/assets/images/icons/icon-figure14.png) center no-repeat;
}

.abr-ic-figure24 {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(/common/assets/images/icons/icon-figure24.gif) center no-repeat;
}

.abr-ic-search01 {
    display: inline-block;
    position: relative;
    top: -5px;
    width: 30px;
    height: 30px;
    margin-bottom: -10px;
    background-image: url(/common/assets/images/sprite/ab_spritesheet3.png);
    background-position: -282px -343px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.abr-ic-cal01 {
    display: inline-block;
    width: 24px;
    height: 25px;
    padding-right: 10px;
    background-image: url(/common/assets/images/sprite/ab_spritesheet3.png);
    background-position: -60px -202px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.wrap.pages .content .page .tbl4-icon.ic3 {
    position: relative;
    top: -2px;
    left: 5px;
}

/*list*/

.abr-list-tp1 {
    box-sizing: border-box;
    letter-spacing: -0.5px;
    width: 100%;
    padding-left: 24px;
    list-style-image: url(/common/assets/images/icons/icon-bullet01.png);
}

.abr-list-tp1 li {
    height: 17px;
    margin: 17px 0;
    font-size: 14px;
}

.abr-list-tp1 li span.content {
    display: inline-block;
    width: calc(100% - 92px);
    font-weight: 600;
    color: #525252;
}

.abr-list-tp1 li span.date {
    float: right;
    font-weight: 400;
    color: #000000;
}

.abr-list-tp1 li.eme * {
    font-weight: 600;
    color: #F64634 !important;
}

.abr-list-tp1 li.eme span.content {
    display: inline-block;
    width: calc(100% - 136px);
}

.abr-list-tp1 li span.content2 {
    width: calc(100% - 136px);
}

.abr-list-tp1 li.eme:before {
    content: "긴급";
    margin-right: 5px;
    padding: 1px 8px;
    border-radius: 5px;
    color: #ffffff;
    background: #F64634;
}

.abr-list-tp2 {
    padding-left: 24px;
    list-style-image: url(/common/assets/images/icons/icon-bullet02.png);
}

.abr-list-tp3 {
    letter-spacing: -0.5px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 24px;
    list-style-image: url(/common/assets/images/icons/icon-bullet01.png);
}

.abr-list-tp3 li {
    position: relative;
    height: 17px;
    margin: 17px 0;
    font-size: 14px;
}

.abr-list-tp3 li span.content {
    display: inline-block;
    width: calc(100% - 92px);
    font-weight: 600;
    color: #525252;
}

.abr-list-tp3 li span.date {
    float: right;
    position: relative;
    top: 3px;
    font-weight: 400;
    color: #000000;
}

.abr-list-tp3 li.eme * {
    font-weight: 600;
    color: #ad1b68 !important;
}

.abr-list-tp3 li.eme span.content {
    display: inline-block;
    width: calc(100% - 136px);
}

.abr-list-tp3 li span.content2 {
    width: calc(100% - 136px);
}

.abr-list-tp3 li span.content2 span {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.abr-list-tp3 li span.content3 {
    width: calc(100% - 136px);
}

.abr-list-tp3 li span.content3 span {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.abr-list-tp3 li.eme:before {
    content: "";    
    margin-right: 5px;
    padding: 0 21px;
    background: url(/common/assets/images/icons/emr_ico.png) center no-repeat;
}

.abr-list-tp3 li.imp:before {
    content: "";
    margin-right: 5px;
    padding: 0 21px;    
    background: url(/common/assets/images/icons/imp_ico.png) center no-repeat;
}

.abr-list-tp3 li.not:before {
    content: "";
    margin-right: 5px;
    padding: 0 21px;    
    background: url(/common/assets/images/icons/notice_ico.png) center no-repeat;
}
.abr-list-tp3 li span.newntce{
    padding: 0px 10px 0px 0px;
    background: url(/common/assets/images/icons/new_ico.png) center no-repeat;
}
.abr-list-tp3 li.edu:before {
    content: "";
    margin-right: 5px;
    padding: 0 21px;    
    background: url(/common/assets/images/icons/edu_ico.png) center no-repeat;
}

.abr-list-tp3 li.sys:before {
    content: "";
    margin-right: 5px;
    padding: 0 21px;    
    background: url(/common/assets/images/icons/sys_ico.png) center no-repeat;
}

.abr-list-tp3 li.news:before {
    content: "";
    margin-right: 5px;
    padding: 0 21px;    
    background: url(/common/assets/images/icons/news_ico.png) center no-repeat;
}

/*accordion*/

.wrap.pages .content .page .abr-accordion1 {
    border-top: 3px #515151 solid;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px #bebebe solid;
    cursor: pointer;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title .red {
    color: #ff3333 !important;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title .abr-button-bw {
    position: absolute;
    top: 13px;
    right: 20px;
    padding: 12px 30px 11px 30px;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title * {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    color: rgb(108,108,108);
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title .ab-u-1-12 {
    text-align: center;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title .ab-u-20-24 {
    color: rgb(131,109,109);
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title .ab-u-11-12 {
    color: rgb(131,109,109);
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content {
    font-weight: 600;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content * {
    font-weight: 600;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content.not(.none) {
    display: block;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content.none {
    display: none;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content .abr-button-gw {
    margin-top: 5px;
    padding: 8px 26px;
    font-size: 14px;
    line-height: 14px;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content .ab-u-11-12 {
    font-size: 15px;
    line-height: 22px;
    color: rgb(108,108,108);
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content .ab-u-5-6 {
    font-size: 15px;
    line-height: 20px;
    color: rgb(108,108,108);
}

.abr-dl-tp1 dt,
.abr-dl-tp1 dd {
    font-size: 15px;
    line-height: 20px;
    color: rgb(108,108,108);
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-content {
    padding: 16px 25px 16px 0;
    border-bottom: 1px #bebebe solid;
    background: #f7f7f7;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title.acplus:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 13px;
    width: 24px;
    height: 24px;
    background: url(/common/assets/images/icons/icon-minus01.png);
    background-size: 24px;
}

.wrap.pages .content .page .abr-accordion1 .abr-acc1e-title.acplus.non-active:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 13px;
    width: 24px;
    height: 24px;
    background: url(/common/assets/images/icons/icon-plus02.png);
    background-size: 24px;
}

/*hr*/

hr.gray {
    z-index: 200;
    position: relative;
    width: 99%;
    border-top: 1px #e3e3e3 solid;
    border-bottom: none;
}

hr.gray-m {
    z-index: 200;
    position: relative;
    width: 40px;
    border-top: 1px #e3e3e3 solid;
    border-bottom: none;
    text-align: left;
}

hr.top {
    z-index: 200;
    position: relative;
    width: 99%;
    min-width: 1400px;
    margin: 0 auto;
    max-width: 1920px;
    border-top: 5px #009788 solid;
    border-bottom: none;
}

hr.blk2 {
    z-index: 200;
    position: relative;
    width: 100%;
    border-top: 2px #313131 solid;
    border-bottom: none;
}

/*ELEMENT CSS:END*/

/*PAGE CSS(DEFAULT):START*/

/*popup*/
.wrap.pages.popup.tp2 {
	width: 670px;
}
.wrap.pages.popup.tp2 .abr-table5 tbody tr td { 
	padding: 7px 15px 7px 15px; 
    font-size: 14px;
}
.pop-header {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    display: flexbox;
    justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    background: #0569b4;
}

.pop-header .ph-left {
    width: 300px;
    padding-left: 55px;
    font-size: 23px;
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    background: url(/common/assets/images/icons/win.png) no-repeat left;
    background-position: 20px;
}

.pop-header .ph-left.email {
    width: 700px;
    padding-left: 55px;
    font-size: 23px;
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    background: url(/common/assets/images/icons/no_email.png) no-repeat left;
    background-position: 15px;
    background-size: 30px;
}

.pop-header .ph-right {
    width: 24px;
    padding-right: 20px;
    background: url(/common/assets/images/icons/close.png) no-repeat left;
}

.pop-contents {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    background: #f7f7f7;
}

.pop-contents .email-cont {
    text-indent: 5px;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.pop-contents .email-cont strong {
    font-weight: 600;
    color: #f68a1e;
}

.pop-contents .title {
    position: relative;
    margin: 25px 0 10px 0;
    font-size: 19px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: -1px;
    color: #0569b4;
}

.pop-contents textarea {
    box-sizing: border-box;
    height: 130px;
    padding: 15px;
    border: 1px solid #cecece;
    font-size: 14px;
    line-height: 24px;
    color: #7d7d7d;
    background: #fff;
}

.pop-contents .pop-guide {
    font-size: 13px;
    line-height: 18px;
}

.pop-contents .pop-guide strong {
    color: #be0d2f;
}

.pop-contents .close {
    margin-top: 5px;
    text-align: center;
}

.wrap.pages.popup {
    width: 500px;
}

.wrap.pages .content .page .ab-popup-lay1 {
    z-index: 300;
    position: absolute;
    top: calc(50% - 25%);
    left: calc(50% - 300px);
    width: 600px;
    box-shadow: 5px 3px 10px rgba(0,0,0,0.3);
}

.wrap.pages .content .page .ab-popup-lay1 .title {
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    color: #ffffff;
    background: #009788;
}

.wrap.pages .content .page .ab-popup-lay1 .title2 {
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    color: #ffffff;
    background: #009788;
}

.wrap.pages .content .page .ab-popup-lay1 .content {
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #525252;
    background: #ffffff;
}

.ab-popup-back {
    display: none;
    z-index: 299;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

/*header*/

.wrap .content header {
    z-index: 305;
    position: relative;
    padding: 20px 0 0 0;
    overflow: hidden;
    background: #ffffff;
    min-width:1200px;
}

.wrap .content header .header {
    margin: 0 auto;
    max-width: 1200px;
}

.wrap .content header .logo {
    float: left;
    width: 152px;
    height: 68px;
    margin-top: 10px;
    background: url(/common/assets/images/logo/logo.png) no-repeat;
    cursor: pointer;
}

.wrap .content header .gnb {
    float: left;
    position: relative;
    width: calc(100% - 152px);
}

.wrap .content header .gnb .gnb-t-menu {
    overflow: hidden;
}

.wrap .content header .gnb .gnb-t-menu .abr-menu {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    float: right;
    position: relative;
    overflow: hidden;
}

.wrap .content header .gnb .gnb-t-menu .abr-menu .abr-m-unit {
    margin: 0 0 0 30px;
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    line-height: 37px;
}

.wrap .content header .gnb .gnb-t-menu .abr-menu .abr-m-unit .info {
	font-size: 13px;
	font-weight: 400;
	color: #5b5b5b;	
}

.wrap .content header .gnb .gnb-t-menu .abr-menu .abr-m-unit .info strong {
	color: #0569B4;
	font-weight:600;
}

.wrap .content header .gnb .gnb-t-menu .abr-menu .abr-m-unit a {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -1px;
    color: rgb(0,151,135);
}

.wrap .content header .gnb .gnb-b-menu {
    margin-top: 25px;
    overflow: hidden;
}

.wrap .content header .gnb .gnb-b-menu .abr-menu {
    display: inline;
    float: right;
    position: relative;
    width: calc(100% - 50px);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit {
    display: inline;
    float: left;
    margin-top: 2px;
    padding-bottom: 22px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit:last-child {
    padding-right: 0;
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit:last-child a {
    color: #009788;
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit a {
    font-size: 19px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -1px;
    color: rgb(57,57,57);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit.m1 {
    width: calc(100%/ 5);
    margin-left: 16px;
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit.m2 {
    width: calc(100%/ 5 + 10px);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit.m3 {
    width: calc(100%/ 5 - 3px);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit.m4 {
    width: calc(100%/ 5 - 2px);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit.m5 {
    width: calc(100%/ 5 - 20px);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit.m6 {
    width: calc(100%/ 5 - 11px);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit.m6 a {
    color: rgb(0,151,135);
}

.wrap .content header .gnb .gnb-b-menu .abr-menu .abr-m-unit-bar {
    display: none;
    position: absolute;
    bottom: 0;
    width: 200px;
    border-top: 4px #009788 solid;
    font-size: 0;
}

.wrap .content .gnb-sub-menu-lay {
    display: none;
    z-index: 304;
    position: relative;
    height: 320px;
    margin-bottom: -320px;
    background: #ffffff;
}

.wrap .content .gnb-sub-menu {
    position: relative;
    height: 100%;
}

.wrap .content .gnb-sub-menu-ch {
    z-index: 200;
    position: absolute;
    right: 0;
    width: calc(100% - 220px + 3px);
    height: 320px;
    overflow: hidden;
    background: #ffffff;
    -webkit-transition: 0.2s linear;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer {
    float: right;
    height: 100%;
    overflow: hidden;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .abr-sm-unit {
    float: left;
    height: 100%;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .abr-sm-unit ul li {
    box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -1px;
    color: rgb(82,82,82);
    cursor: pointer;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .abr-sm-unit ul li:hover {
    background: #ececec;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .m1 {
    width: calc(100%/ 5 + 4px - 1px);
    border-right: 1px #cecece solid;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .m2 {
    width: calc(100%/ 5 + 12px - 1px);
    border-right: 1px #cecece solid;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .m3 {
    width: calc(100%/ 5 + 2px - 1px);
    border-right: 1px #cecece solid;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .m4 {
    width: calc(100%/ 5 - 1px);
    border-right: 1px #cecece solid;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .m5 {
    width: calc(100%/ 5 - 18px - 1px);
    border-right: 1px #cecece solid;
}

.wrap .content .gnb-sub-menu .gnb-sm-layer .m6 {
    width: calc(100%/ 5 + 1px - 1px);
}

/*nav*/

.wrap .content nav {
    position: relative;
    width: 100%;
    min-width: 1200px;
}

.wrap .content nav .abr-slider {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 450px;
}

.wrap .content nav .abr-slider .abr-s-unit {
    width: 100%;
    height: 100%;
}


.wrap .content nav.popslider {
    z-index: 103;
    position: absolute;
    top: 20px;
    right: 20px;
    width: auto;
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    align-items: center;
-ms-flex-align: center;
-webkit-align-items: center;
    min-width:0px;
}

.wrap .content nav.popslider span {
    font-size: 14px;
    margin-right: 5px;
    font-weight: 600;
    color: #222;
}

.wrap .content nav.popslider ol {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    justify-content: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
}

.wrap .content nav.popslider ol li {
    color: #0569b4;
    cursor: pointer;
    font-weight: 600;
    margin-right:5px;
}

.wrap .content nav .unslider-nav {
    z-index: 103;
    position: absolute;
    top: 30px;
    right: 30px;
    width: auto;
}

.wrap .content nav .abr-back {
    z-index: 101;
    position: absolute;
    width: 100%;
    height: 450px;
    background: rgba(1,27,38,0.15);
}

.wrap .content nav .abr-nav-1 {
    z-index: 102;
    position: relative;
    height: 450px;
}

.wrap .content nav .abr-login-lay {
    text-align: center;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 17px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -1px;
    color: rgb(9,99,166);
}

.wrap .content nav .abr-login-layin {
    text-align: center;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 17px;    
    line-height: 50px;
    letter-spacing: -1px;
    color: #5d5d5d;
    font-weight:400;
}

.wrap .content nav .abr-login-layin strong {
	font-weight:600;
	color: #0569B4;
}

.wrap .content nav .abr-nav-1 .abr-nav-1-1 {
    box-sizing: border-box;
    padding: 0 0 0 110px;
}

.wrap .content nav .abr-login {
    display: block;
    z-index: 120;
    position: absolute;
    left: 50px;
    box-sizing: border-box;
    width: 350px;
    height: 336px;
    border-top: 4px solid #126db0;
    overflow: hidden;
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}

.wrap .content nav .abr-login .abr-login-btn-area {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
    margin-top: 8px;
}

.wrap .content nav .abr-login .abr-login-window {
    box-sizing: border-box;
    height: 336px;
    padding: 28px;
}

.wrap .content nav .abr-login-disbtn {
    position: absolute;
    top: 28px;
    left: 28px;
    cursor: pointer;
}

.wrap .content nav .abr-login .abr-login-btn1 {
    width: 49%;
    height: 100%;
}

.wrap .content nav .abr-login .abr-login-btn2 {
    width: 100%;
}

.wrap .content nav .abr-login .abr-login-btn3 {
    width: 49%;
}

.wrap .content nav .abr-login .abr-login-btn3.full {
    width: 100%;
}

.wrap .content nav .abr-login .abr-login-btm .btn1 {
    text-align: left;
}

.wrap .content nav .abr-login .abr-login-btm .btn2 {
    text-align: center;
}

.wrap .content nav .abr-login .abr-login-btm .btn3 {
    text-align: right;
}

.wrap .content nav .abr-login .ab-g {
    margin-top: 8px;
}

.wrap .content nav .abr-login .abr-input {
    width: 100%;
}

.wrap .content nav .abr-login .abr-input input[type=text],
.wrap .content nav .abr-nav-1 .abr-nav-1-1 .abr-login .abr-input input[type=password] {
    width: 100%;
    padding: 8px;
    border-radius: 0;
    font-size: 14px;
}

.wrap .content nav .abr-nav-1 .abr-nav-1-2 .abr-main-title {
    display: table;
    width: 100%;
    height: 335px;
    padding-left: 40px;
}

.wrap .content nav .abr-nav-1 .abr-nav-1-2 .abr-main-title .abr-mt {
    display: table-cell;
    vertical-align: middle;
}

.wrap .content nav .abr-nav-1 .abr-nav-1-2 .abr-main-title .abr-mt p {
    text-align: left;
    letter-spacing: -1px;
}

.wrap .content nav .abr-nav-1 .abr-nav-1-2 .abr-main-title .abr-mt p:nth-child(1) {
    margin-top: 80px;
    text-shadow: 0 0 8px rgba(0,0,0,0.3);
    font-size: 26px;
    font-weight: 400;
    color: #fff;
}

.wrap .content nav .abr-nav-1 .abr-nav-1-2 .abr-main-title .abr-mt p:nth-child(2) {
    margin-top: 20px;
    text-shadow: 0 0 8px rgba(0,0,0,0.3);
    font-size: 46px;
    font-weight: 600;
    color: #fff;
}

.wrap .content nav .abr-nav-2 .abr-main-title {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    justify-content: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
    align-items: center;
-ms-flex-align: center;
-webkit-align-items: center;
    padding-left:30px;
    width: 100%;
    height: 100%;
}

.wrap .content nav .abr-nav-2 .abr-main-title .abr-mt {
    border: 1px solid #fff;
    border-radius: 10px;
    padding:7px 30px;
}

.wrap .content nav .abr-nav-2 .abr-main-title .abr-mt p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
}

.wrap .content nav .abr-nav-2 .abr-main-title .abr-mt p:nth-child(1) {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
}

.wrap .content nav .abr-nav-2 .abr-main-title .abr-mt p:nth-child(2) {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
}

.wrap .content nav .abr-nav-2 {
    z-index: 102;
    position: absolute;
    bottom: 110px;
    width: 100%;
    height: 170px;
}

.wrap .content nav .abr-nav-2 .abr-nav-2-tbtn {
    position: relative;
    width: 210px;
    margin-right: auto;
    margin-left: 880px;
    padding: 19px 20px 17px 20px;
    border-radius: 5px 5px 0 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: rgba(5,105,180,0.9);
    cursor: pointer;
}

.wrap .content nav .abr-nav-2 .abr-nav-btn1 {
    cursor: pointer;
}

.wrap .content nav .abr-nav-2 .abr-nav-btn1 p {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.wrap .content nav .abr-nav-2 .abr-nav-2-lay1 {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    background: rgba(5,105,180,0.9);
}

.wrap .content nav .abr-nav-3 {
    z-index: 104;
    position: relative;
    border-top: 1px #8c8c8c solid;
    background: #ffffff;
}

.wrap .content nav .abr-nav-3 .abr-nav-3-lay1 {
    padding: 20px 0 20px 35px;
    background: rgba(246,137,31,0.9);
}

.wrap .content nav .abr-nav-3 .abr-nav-3-lay1 .abr-cc-btn:not(.first) {
    padding-right: 12px;
    padding-left: 12px;
}

.wrap .content nav .abr-nav-3 .abr-nav-3-lay1 .abr-cc-btn.first {
    padding-right: 12px;
    padding-left: 0;
}

.wrap .content nav .abr-nav-3 .abr-nav-btn2 {
    cursor: pointer;
}

.wrap .content nav .abr-nav-3 .abr-nav-btn2 p {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.wrap .content nav .abr-nav-3 .abr-main-title1 {
    position: relative;
    top: 5px;
}

.wrap .content nav .abr-nav-3 .abr-main-title1 div {
    position: absolute;
    bottom: 0;
}

.wrap .content nav .abr-nav-3 .abr-main-title1 p:nth-child(1) {
    font-size: 17px;
    font-weight: 600;
}

.wrap .content nav .abr-nav-3 .abr-main-title1 p:nth-child(2) {
    margin-top: 5px;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -1px;
    color: #ffffff;
}
.wrap .content nav .abr-nav-3 .abr-main-title1 p:nth-child(3) {
    margin-top: 5px;
    font-size: 15px;
    letter-spacing: -1px;
    color: #ffffff;
}

.wrap .content nav .abr-nav-3 .abr-main-title2 {
    position: relative;
}

.wrap .content nav .abr-nav-3 .abr-main-title2 div {
    position: absolute;
    bottom: 0;
}

.wrap .content nav .abr-nav-3 .abr-main-title2 p {
    font-size: 15px;
    color: #ffffff;
}

.wrap .content nav .abr-nav-3 .abr-main-title2 p:nth-child(1) {
    margin-bottom: 5px;
}

.wrap .content nav .abr-nav-3 .abr-main-title2 p:nth-child(2) {
    margin-bottom: 10px;
}

.wrap.pages .content nav {
    display: table;
    position: relative;
    width: 100%;
    height: 210px;
    background: url(/common/assets/images/img_page_top.jpg) no-repeat;
}

.wrap.pages .content nav .abr-nav-back {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #141414;
}

.wrap.pages .content nav .abr-nav-title {
    display: table-cell;
    z-index: 101;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
}

.wrap.pages .content nav .abr-nav-title * {
    color: #ffffff;
}

.wrap.pages .content nav .abr-nav-title p:nth-child(1) {
    font-size: 27px;
}

.wrap.pages .content nav .abr-nav-title p:nth-child(2) {
    font-size: 21px;
}

.wrap.pages .content nav .abr-nav-menu {
    z-index: 101;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 44px;
    opacity: 0.8;
    background: #0569b4;
}

.wrap.pages .content nav .abr-nav-menu .abr-ic-home {
    border-right: 1px #f8f8f8 solid;
}

.wrap.pages .content nav .abr-nav-menu .abr-nm-m {
    position: relative;
    padding: 0 0 0 20px;
    border-right: 1px #f8f8f8 solid;
    font-size: 13px;
    line-height: 44px;
    color: rgb(243,243,243);
    cursor: pointer;
}

.wrap.pages .content nav .abr-nav-menu .abr-nm-m .abr-ic-arrow03-down {
    position: absolute;
    top: 19px;
    right: 22px;
}

.wrap.pages .content .abr-nav-sub-menu {
    position: relative;
}

.wrap.pages .content .abr-nav-sub-menu .abr-nsm {
    z-index: 210;
    position: absolute;
    left: 51px;
    overflow: hidden;
}

.wrap.pages .content .abr-nav-sub-menu .abr-nsm ul {
    background: #f5f5f5;
}

.wrap.pages .content .abr-nav-sub-menu .abr-nsm ul li {
    padding: 13px 0;
    text-align: center;
    font-size: 13px;
    color: #202020;
    cursor: pointer;
}

.wrap.pages .content .abr-nav-sub-menu .abr-nsm ul li:hover {
    color: #fff;
    background: #0569b4;
}

.wrap.pages .content .abr-nav-sub-menu .abr-nsm .abr-nsm-m {
    float: left;
    width: 170px;
}

.wrap.pages .content .abr-nav-sub-menu .abr-nsm .abr-nsm-m.abr-nsm-m1 {
    display: none;
    border-right: 1px #d9d9d9 solid;
    border-bottom: 1px #d9d9d9 solid;
    border-left: 1px #d9d9d9 solid;
}

.wrap.pages .content .abr-nav-sub-menu .abr-nsm .abr-nsm-m.abr-nsm-m2 {
    display: none;
    margin-left: 170px;
    border-right: 1px #d9d9d9 solid;
    border-bottom: 1px #d9d9d9 solid;
    border-left: 1px #d9d9d9 solid;
}

/*footer*/

.top-btn {width: 50px; height: 50px; z-index: 300; background: url(/common/assets/images/icons/top-btn.png) center no-repeat; position: fixed; background-size: 50px; cursor:pointer;}
.start-btn {width: 50px; height: 50px; z-index: 300; position: fixed; background-size: 50px; cursor:pointer;}

.wrap footer {
    margin: 34px auto;
    padding: 10px 0;
    min-width:1200px;
}

.wrap footer .footer {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.wrap footer .footer .logo {
    width: 127px;
    height: 57px;
    background: url(/common/assets/images/logo/logo_gray.png) no-repeat;
}

.wrap footer .footer .abr-t-logo1 {
    display: inline-block;
    width: 131px;
    height: 34px;
    background: url(/common/assets/images/logo/t_logo01.png) no-repeat;
}

.wrap footer .footer .abr-t-logo2 {
    display: inline-block;
    width: 87px;
    height: 34px;
    background: url(/common/assets/images/logo/t_logo02.png) no-repeat;
}

.wrap footer .footer .abr-footer-lay1 {
    margin-bottom: 20px;
}

.wrap footer .footer .abr-footer-lay1 .abr-ft-blist {
    overflow: hidden;
}

.wrap footer .footer .abr-footer-lay1 .abr-ft-blist li {
    float: left;
    font-size: 17px;
    color: #002541;
}

.wrap footer .footer .abr-footer-lay1 .abr-ft-blist li:nth-child(odd) {
    cursor: pointer;
}

.wrap footer .footer .abr-footer-lay1 .abr-ft-blist li:nth-child(2n) {
    padding: 0 14px;
}

.wrap footer .footer .abr-footer-lay2 {
    margin-top: 10px;
    font-size: 15px;
    color: #00457e;
}

.wrap footer .footer .abr-footer-lay3 {
    margin-top: 5px;
    font-size: 15px;
    color: #686868;
}

.wrap footer .footer .abr-family-site {
    margin: -10px 0 15px 0;
}

.wrap footer .footer .abr-family-site select {
    width: 100%;
}

/*left menu*/

.wrap.pages .content .page .abr-l-menu .abr-lm {
    height: 100%;
    min-height: 800px;
    border-right: 1px #d9d9d9 solid;
    border-left: 1px #d9d9d9 solid;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-title {
    padding: 45px 25px 25px 25px;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-title p:nth-child(1) {
    margin-bottom: 22px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    line-height: 19px;
    color: rgb(43,47,61);
}

.wrap.pages .content .page .abr-l-menu .abr-lm-menu .abr-lmm-name {
    position: relative;
    padding: 15px 10px 15px 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: rgb(43,47,61);
    background: #ffffff;
    cursor: pointer;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-menu .abr-lmm-name .abr-ic-arrow04 {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 12px;
    width: 13px;
    height: 7px;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -223px -216px;
    background-repeat: no-repeat;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-menu .abr-lmm-name.active {
    position: relative;
    padding: 15px 10px 15px 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #ffffff;
    background: #0569b4;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-menu .abr-lmm-name.active .abr-ic-arrow04 {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 12px;
    width: 13px;
    height: 7px;
    background-image: url(/common/assets/images/sprite/ab_spritesheet1.png);
    background-position: -150px -216px;
    background-repeat: no-repeat;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-menu .abr-lmm-sub {
    display: none;
    padding: 10px 20px 5px 32px;
    background: #f5f5f5;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-menu .abr-lmm-sub li {
    padding: 5px 0;
    font-size: 13px;
    line-height: 19px;
    color: rgb(82,82,82);
    cursor: pointer;
}

.wrap.pages .content .page .abr-l-menu .abr-lm-menu .abr-lmm-sub li:hover {
    color: rgb(0,0,0);
}

/*right content*/

.wrap.pages .content .page .abr-r-content {
    box-sizing: border-box;
    padding: 20px 45px;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu {
    padding: 14px 10px 12px 20px;
    border: 1px #b0b9bf solid;
    overflow: hidden;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu .abr-quick-btn {
    display: block;
    box-sizing: border-box;
    width: 155px;
    margin-right: 15px;
    padding: 12px 7% 12px 7%;
    border: 1px #B0B9BF solid;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #ffffff;
    background: #009788;
    -webkit-transition: 0.2s linear;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu .abr-quick-btn-on {
    display: block;
    box-sizing: border-box;
    width: 155px;
    margin-right: 15px;
    padding: 12px 7% 12px 7%;
    border: 1px #B0B9BF solid;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #009788;
    background: #ffffff;
    -webkit-transition: 0.2s linear;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu .abr-quick-btn.longline {
    width: 175px;
}

.wrap.pages .content .page .abr-r-content .abr-quick-btn2 {
    display: block;
    box-sizing: border-box;
    margin-right: 15px;
    padding: 12px 10px 8px 10px;
    max-width: 190px;
    min-width: 155px;
    border: 1px #B0B9BF solid;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #ffffff;
    background: #009788;
    -webkit-transition: 0.2s linear;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu .abr-quick-btn.line2 {
    padding: 22px 7% 20px 7%;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu .abr-quick-btn:hover {
    color: #009788;
    background: #ffffff;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu div {
    float: left;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu div button {
    width: 155px;
    margin-right: 15px;
}

.wrap.pages .content .page .abr-r-content .abr-quick-menu .abr-title1 {
    margin-right: 15px;
    padding: 8px 0;
    font-size: 19px;
    font-weight: 600;
    color: rgb(0,69,125);
}

.wrap.pages .content .page .abr-r-content .abr-rnd-btn1 {
    position: relative;
    width: 400px;
    margin: 9px 0;
    padding: 14px 0 14px 17px;
    border: 1px #bebebe solid;
    border-radius: 25px;
    overflow: hidden;
    cursor: pointer;
}

.wrap.pages .content .page .abr-r-content .abr-rnd-btn1 * {
    font-size: 20px;
    font-weight: 600;
    color: #202020;
}

.wrap.pages .content .page .abr-r-content .abr-rnd-btn1 .num,
.abr-r-content .abr-rnd-btn1 .title,
.abr-r-content .abr-rnd-btn1 .back {
    float: left;
}

.wrap.pages .content .page .abr-r-content .abr-rnd-btn1 .num {
    margin-right: 18px;
}

.wrap.pages .content .page .abr-r-content .abr-rnd-btn1 .back {
    position: absolute;
    top: 0;
    right: -2px;
    width: 87px;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure20.png) no-repeat;
}

.wrap.pages .content .page .abr-r-content .abr-rnd-btn1:hover {
    background: #0569b4;
}

.wrap.pages .content .page .abr-r-content .abr-rnd-btn1:hover * {
    color: #ffffff;
}

.wrap.pages .content .page .abr-r-content .abr-title2.first {
    margin-top: 40px !important;
    letter-spacing: -1px;
}

.wrap.pages .content .page .abr-r-content .abr-title2.first2 {
    margin-top: 20px !important;
    letter-spacing: -1px;
}

.wrap.pages .content .page .abr-r-content .abr-title2 {
    position: relative;
    margin: 70px 0 20px 0;
    padding-bottom: 25px;
    font-size: 29px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -1px;
    color: rgb(57,57,57);
    background: url(/common/assets/images/icons/bg_con_line.gif) repeat-x left bottom;
}

/*업무창 인허가 관련 */
.wrap.pages .content .page .abr-r-content .abr-title15 {
    position: relative;
    margin: 70px 0 20px 0;
    padding-bottom: 25px;
    font-size: 29px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -1px;
    color: rgb(57,57,57);
    background: url(/common/assets/images/icons/bg_con_line.gif) repeat-x left bottom;
}

.wrap.pages .content .page .abr-r-content .abr-title2 span {
    position: absolute;
    top: -5px;
    right: 0;
    letter-spacing: -1px;
}

.wrap.pages .content .page .abr-r-content .abr-title3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: rgb(82,82,82);
}

/*PAGE CSS(DEFAULT):END*/

/*PAGE CSS:START*/

/*main view*/

@keyframes turnMenu {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@keyframes turnMenu_out {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes turnMenu2 {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
}

@keyframes turnMenu2_out {
    0% {
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    100% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

.abr-cir-btn1 {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;
    background: #2e9bed;
    transition: 0.2s linear;
}

.abr-nav-btn1:hover .abr-cir-btn1 {
    background: #ffffff;
    -webkit-transition: 0.2s linear;
}

.abr-cir-btn1 .abr-m-btn1 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure02.png) no-repeat;
    background-position: 16px 14px;
}

.abr-nav-btn1:hover .abr-m-btn1 {
    background: url(/common/assets/images/icons/icon-figure02h.png) no-repeat;
    background-position: 16px 14px;
    -webkit-transition: 0.2s linear;
}

.abr-cir-btn1 .abr-m-btn2 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure03.png) no-repeat;
    background-position: 16px 13px;
}

.abr-nav-btn1:hover .abr-m-btn2 {
    background: url(/common/assets/images/icons/icon-figure03h.png) no-repeat;
    background-position: 16px 13px;
    -webkit-transition: 0.2s linear;
}

.abr-cir-btn1 .abr-m-btn3 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure04.png) no-repeat;
    background-position: 15px 14px;
}

.abr-nav-btn1:hover .abr-m-btn3 {
    background: url(/common/assets/images/icons/icon-figure04h.png) no-repeat;
    background-position: 15px 14px;
    -webkit-transition: 0.2s linear;
}

.abr-cir-btn1 .abr-m-btn4 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure05.png) no-repeat;
    background-position: 12px 15px;
}

.abr-nav-btn1:hover .abr-m-btn4 {
    background: url(/common/assets/images/icons/icon-figure05h.png) no-repeat;
    background-position: 12px 15px;
    -webkit-transition: 0.2s linear;
}

.abr-cir-btn1 .abr-m-btn5 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure06.png) no-repeat;
    background-position: 15px 14px;
}

.abr-nav-btn1:hover .abr-m-btn5 {
    background: url(/common/assets/images/icons/icon-figure06h.png) no-repeat;
    background-position: 15px 14px;
    -webkit-transition: 0.2s linear;
}

.abr-cir-btn1 .abr-m-btn6 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure07.png) no-repeat;
    background-position: 16px 13px;
}

.abr-nav-btn1:hover .abr-m-btn6 {
    background: url(/common/assets/images/icons/icon-figure07h.png) no-repeat;
    background-position: 16px 13px;
    -webkit-transition: 0.2s linear;
}

.abr-cir-btn2 {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    border: 2px #ffffff solid;
    border-radius: 50%;
    transition: 0.2s linear;
}

.abr-cir-btn2.big {
    position: relative;
    top: 50%;
    width: 56px;
    height: 56px;
    margin-top: -28px;
    margin-right: 20px;
    margin-left: 0;
}

.abr-cir-btn2 .abr-m-btn0 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure13.png) no-repeat;
    background-position: center;
}

.abr-cir-btn2 .abr-m-btn1 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure08.png) no-repeat;
    background-position: 12px 12px;
}

.abr-cir-btn2 .abr-m-btn2 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure09.png) no-repeat;
    background-position: 9px 11px;
}

.abr-cir-btn2 .abr-m-btn3 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure10.png) no-repeat;
    background-position: 10px 12px;
}

.abr-cir-btn2 .abr-m-btn4 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure11.png) no-repeat;
    background-position: 10px 13px;
}

.abr-cir-btn2 .abr-m-btn5 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/video.png) no-repeat;
    background-position: 10px 11px;
    background-size: 20px;
}

.abr-cir-btn2 .abr-m-btn6 {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/icon-figure12.png) no-repeat;
    background-position: 10px 11px;
}

.abr-cir-btn2 .abr-m-btn1,
.abr-cir-btn2 .abr-m-btn2,
.abr-cir-btn2 .abr-m-btn3,
.abr-cir-btn2 .abr-m-btn4,
.abr-cir-btn2 .abr-m-btn5,
.abr-cir-btn2 .abr-m-btn6 {
    -webkit-animation-name: turnMenu_out;
    animation-name: turnMenu_out;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.abr-nav-btn2:hover .abr-m-btn1,
.abr-nav-btn2:hover .abr-m-btn2,
.abr-nav-btn2:hover .abr-m-btn3,
.abr-nav-btn2:hover .abr-m-btn4,
.abr-nav-btn2:hover .abr-m-btn5,
.abr-nav-btn2:hover .abr-m-btn6 {
    -webkit-animation-name: turnMenu;
    animation-name: turnMenu;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.wrap .content .main {
    z-index: 103;
    position: relative;
    min-width: 1200px;
}

.wrap .content .abr-slider ul li img {
    display: none;
}

.wrap .content .main .abr-main-board {
}

.wrap .content .main .abr-middle-lay {
    height: 247px;
}

.wrap .content .main .abr-middle-lay,
.wrap .content .gnb-sub-menu,
.wrap.pages .content .page {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1200px;
}

.wrap .content .main .abr-mb-notice {
    box-sizing: border-box;
    border-right: 1px #c8d1db solid;
    border-left: 1px #c8d1db solid;
    border-bottom: 1px #c8d1db solid;
}

.wrap .content .main .abr-mb-edu {
    box-sizing: border-box;
    border-left: 1px #c8d1db solid;
    border-right: 1px #c8d1db solid;
    border-bottom: 1px #c8d1db solid;
}

.wrap .content .main .abr-mb-popup {
    border-top: 1px solid #c8d1db;
    position: relative;
    height: 100%;
    background: #ffffff;
}

.wrap .content .main .abr-mb-popup .abr-mb-title {
    z-index: 10;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
}

.wrap .content .main .abr-mb-title {
    border-top: 1px solid #c8d1db;
    height: 48px;
    background: url(/common/assets/images/pat.jpg) no-repeat center;
    overflow: hidden;
    border-bottom: 1px #c8d1db solid;
}

.wrap .content .main .abr-mb-title * {
    letter-spacing: -1px;
}

.wrap .content .main .abr-mb-popup .abr-mb-midnav {
    z-index: 10;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
}

.wrap .content .main .abr-mb-midnav {
    height: 48px;
    overflow: hidden;
}

.wrap .content .main .abr-mb-midnav * {
    letter-spacing: -1px;
}

.wrap .content .main .abr-mb-title .title {
    display: table;
    background: #ffffff;
    float: left;
    box-sizing: border-box;
    height: 48px;
    width: 150px;
    padding: 1px 0;
    text-align: center;
    border-right: 1px solid #c8d1db;
    border-top: 4px solid #0569B4;
    font-size: 16px;
    font-weight: 600;
}

.wrap .content .main .abr-mb-midnav .midnav {
    box-sizing: border-box;
    width: 150px;
    position: relative;
    top: 13px;
    padding: 1px 0;
    text-align: right;
    font-size: 19px;
    font-weight: 600;
}

.wrap .content .main .abr-mb-title .title p {
    display: table-cell;
    padding-left: 3px;
    vertical-align: middle;
}

.wrap .content .main .abr-mb-title .title span {
    padding-left: 3px;
}

.wrap .content .main .abr-mb-title .more {
    float: right;
    position: relative;
    padding-right:10px;
    top: 18px;
    right: 0;
    font-size: 15px;
    font-weight: 600;
    color: #0c6cae;
}

.wrap .content .main .abr-mb-title .more span {
    display: table-cell;
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.wrap .content .main .abr-mb-sub1 {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    color: rgb(23,23,23);
}

.wrap .content .main .abr-mb-cont1 {
    font-size: 15px;
    color: rgb(23,23,23);
}

.wrap .content .main .abr-mb-cont {
    font-size: 15px;
}

.wrap .content .main .abr-mb-list {
    margin-top: 20px;
    padding-right: 10px;
}

.wrap .content .main .abr-mb-ct span:nth-child(1) {
    display: inline-block;
    font-size:15px;
    font-weight: 600;
}

.wrap .content .main .abr-slider {
    width: 100%;
    height: 246px;
    box-sizing: border-box;
    border-bottom: 1px #c8d1db solid;
}

.wrap .content .main .abr-slider .slide1 {
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/slider/c_slide01.png) no-repeat;
    background-size: cover;
}

.wrap .content .abr-slider ul li {
    text-align: center;
}

.wrap .content .abr-stat {
    z-index: 95;
    position: absolute;
    width: 100%;
    height: 450px;
    opacity: 0;
    background: url(/common/assets/images/stat-bg.jpg) no-repeat center;
}

.wrap .content .main .abr-main-title3 {
    margin: 30px auto;
}

.wrap .content .main .abr-main-title3 p {
    text-align: center;
}

.wrap .content .main .abr-main-title3 p:nth-child(1) {
    margin-bottom: 10px;
    font-size: 18px;
    color: #6f7479;
}

.wrap .content .main .abr-main-title3 p:nth-child(2) {
    font-size: 28px;
    font-weight: 600;
    color: #00786c;
}

.wrap .content .main .abr-quick-lay .abr-ql {
    box-sizing: border-box;
}

.wrap .content .main .abr-quick-lay .abr-ql:nth-child(1) {
    padding-right: 5px;
}

.wrap .content .main .abr-quick-lay .abr-ql:nth-child(2) {
    padding: 0 5px;
}

.wrap .content .main .abr-quick-lay .abr-ql:nth-child(3) {
    padding-left: 5px;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-ql-sub {
    box-sizing: border-box;
    padding: 20px;
    outline: 1px #c8d1db solid;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-lg-sub {
    box-sizing: border-box;
    padding: 10px;
    outline: 1px #c8d1db solid;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-lg-sub .inner {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    align-items: center;
-ms-flex-align: center;
-webkit-align-items: center;
    justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-lg-sub .inner .leftImg {
    width:300px;
    height:90px;
    background: url('/common/assets/images/quick_baro.png') center no-repeat;
    background-size: contain;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-lg-sub .inner .title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #00786c;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-lg-sub .inner .cont {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    align-items: center;
-ms-flex-align: center;
-webkit-align-items: center;
    justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
    width:55%;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-ql-sub .title {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #00786c;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-ql-sub .cnt * {
    letter-spacing: -1px;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-ql-sub .cnt .ab-u-7-12 {
    font-size: 16px;
    line-height: 20px;
    color: #5d5d5d;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-ql-sub .cnt .ab-u-9-24 {
    padding: 3px 0;
}

.wrap .content .main .abr-quick-lay .abr-ql .abr-ql-sub .cnt .ab-u-9-24 button {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}

.abr-slider2 ul li .abr-slider2-content {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/slide2_01.jpg) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content1 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_1.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content2 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_2.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content3 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_3.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content4 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_4.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content5 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_5.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content6 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_6.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content7 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_7.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content8 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_8.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content11 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_11.png) center no-repeat;
}

.abr-slider2 ul li .abr-slider2-content12 {
    width: 100%;
    height: 247px;
    margin: 0 auto;
    border:1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    background: url(/common/assets/images/slider/popzone_12.png) center no-repeat;
}

.abr-slider2 ul li p.t1 {
    margin: 56px 0 0 30px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align: left;
    font-size: 19px;
    color: #0569b4;
}

.abr-slider2 ul li p.t2 {
    margin: 17px 20px 0 30px;
    width: 200px;
    line-height: 1.2;
    overflow:hidden;
    text-align: left;
    font-size: 22px;
    color: #0564ab;
}

.abr-slider2 ul li p.t3 {
    position: absolute;
    bottom: 30px;
    margin: 85px 0 0 30px;
    text-align: left;
    text-decoration: underline;
    font-size: 16px;
    color: #4d4d4d;
}

/*join*/

.abr-join .ab-join-step3 {
    position: relative;
}

.abr-join .abr-ic-figure24 {
    vertical-align: middle;
}

.abr-join-nav {
    padding: 20px 0 0 0;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
}

.abr-join-nav ul {
    width: 100%;
    height: 68px;
    overflow: hidden;
}

.abr-join-nav ul li {
    float: left;
    padding-bottom: 20px;
}

.abr-join-nav ul li p:nth-child(1) {
    padding-left: 20px;
    font-size: 14px;
    color: #828282;
}

.abr-join-nav ul li p:nth-child(2) {
    margin-top: 10px;
    padding-left: 20px;
    font-size: 19px;
    color: #828282;
}

.abr-join-nav ul li.active {
    border-bottom: 3px #009788 solid;
}

.abr-join-nav ul li.active p:nth-child(1) {
    font-size: 14px;
    color: #009788;
}

.abr-join-nav ul li.active p:nth-child(2) {
    font-size: 21px;
    font-weight: 600;
    color: #828282;
    color: #000000;
}

.abr-join-nav ul li:nth-child(odd) {
    width: calc(( 100%/ 5) - 21px);
}

.abr-join-nav ul li:nth-child(even) {
    width: 26px;
    height: 100%;
    background: url(/common/assets/images/icons/icon-arrow04-right.png) no-repeat center;
    background-position: center 13px;
    background-size: 50%;
}

.abr-lic-nav {
    padding: 20px 0 0 0;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
}

.abr-lic-nav ul {
    width: 100%;
    height: 68px;
    overflow: hidden;
}

.abr-lic-nav ul li {
    float: left;
    padding-bottom: 20px;
}

.abr-lic-nav ul li p:nth-child(1) {
    padding-left: 20px;
    font-size: 14px;
    color: #828282;
}

.abr-lic-nav ul li p:nth-child(2) {
    margin-top: 10px;
    padding-left: 20px;
    font-size: 19px;
    color: #828282;
}

.abr-lic-nav ul li.active {
    border-bottom: 3px #009788 solid;
}

.abr-lic-nav ul li.active p:nth-child(1) {
    font-size: 14px;
    color: #009788;
}

.abr-lic-nav ul li.active p:nth-child(2) {
    font-size: 21px;
    font-weight: 600;
    color: #828282;
    color: #000000;
}

.abr-lic-nav ul li:nth-child(odd) {
    width: calc(( 100%/ 4) - 20px);
}

.abr-lic-nav ul li:nth-child(even) {
    width: 26px;
    height: 100%;
    background: url(/common/assets/images/icons/icon-arrow04-right.png) no-repeat center;
    background-position: center 13px;
    background-size: 50%;
}

/*login*/

.abr-login-pg {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    padding: 30px 60px 30px 30px;
    border: 1px #cecece solid;
}

.abr-login-pg .abr-login-l {
    display: inline-block;
    box-sizing: border-box;
    width: 40%;
    padding: 30px;
    vertical-align: top;
}

.abr-login-pg .abr-login-l hr {
    margin-top: 85px;
}

.abr-login-pg .abr-login-r {
    display: inline-block;
    box-sizing: border-box;
    width: 60%;
    padding: 20px 0 20px 20px;
    vertical-align: top;
}

.abr-login-pg .abr-login-r .abr-lr-input input[type=text] {
    width: 100% !important;
}

.abr-login-pg .abr-login-r .abr-lr-input input[type=password] {
    width: 100% !important;
}

.abr-login-pg .abr-login-r .abr-lr-search {
    float: right;
    text-align: left;
    font-size: 14px;
    color: #2b2b2b;
}

.abr-login-pg .abr-login-r .abr-lr-search span:not(:nth-child(2) ) {
    text-decoration: underline;
}

.abr-login-pg .abr-login-r .abr-lr-search span:nth-child(2) {
    margin: 0 10px;
}

.abr-login-pg .abr-login-r .abr-login-btn2 {
    width: 100% !important;
}

.abr-login-pg .abr-login-r .abr-lr-btn {
    margin-top: 6px;
    text-align: center;
}

.abr-login-pg .abr-login-r .abr-lr-btn button {
height;
    width: calc(50% - 3px) !important;
    padding: 12px 7% 10px 7%;
    overflow: hidden;
    text-align: center;
}

.abr-login-pg .abr-login-r .abr-lr-btn button:nth-child(1) {
    float: left;
    margin-right: 3px;
}

.abr-login-pg .abr-login-r .abr-lr-btn button:nth-child(2) {
    float: right;
    margin-left: 3px;
}

.abr-login-pg .abr-login-r .login-field {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
}

.abr-login-pg .abr-login-r .login-field .left-field {
    width: 55%;
}

.abr-login-pg .abr-login-r .login-field .right-field {
    width: 45%;
}

.abr-login-pg.success .abr-login-r .abr-lr-btn button {
    width: 100% !important;
    margin-top: 10px;
}

/*id/pass search*/

.abr-idpass-search {
    padding: 50px;
    border: 1px #cecece solid;
    overflow: hidden;
}

.abr-idpass-search .abr-is-l {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 40px 20px 0;
    border-right: 1px #cecece solid;
}

.abr-idpass-search .abr-is-r {
    float: right;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 0 20px 40px;
}

.abr-idpass-search .title {
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    justify-content: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
}

.abr-idpass-search .title .id-search {
    width: 32px;
    height: 32px;
    background: url(/common/assets/images/icons/idsearch.png) no-repeat center;
    background-size: 32px;
}

.abr-idpass-search .title .ids-title {
    padding-top: 8px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -1px;
    color: #2b2b2b;
}

.abr-idpass-search .pw-search {
    width: 32px;
    height: 32px;
    background: url(/common/assets/images/icons/pwsearch.png) no-repeat center;
    background-size: 32px;
}

.abr-idpass-search .abr-button-bw {
    width: 100%;
    margin-top: 70px;
}

/*login*/

.abr-daily {
    position: absolute;
    top: 191px;
    right: 0;
    width: 86px;
    height: 66px;
    background: url(/common/assets/images/icons/slide_next.png) no-repeat;
    cursor: pointer;
}

.abr-daily:hover {
    position: absolute;
    top: 191px;
    right: 0;
    width: 217px;
    height: 66px;
    background: url(/common/assets/images/icons/slide_next_hover.png) no-repeat;
    cursor: pointer;
}

.abr-login-back {
    z-index: 105;
    position: absolute;
    top: 191px;
    right: 0;
    width: 86px;
    height: 66px;
    background: url(/common/assets/images/icons/slide_login.png) no-repeat;
    cursor: pointer;
}

.abr-login-back:hover {
    z-index: 105;
    position: absolute;
    top: 191px;
    right: 0;
    width: 217px;
    height: 66px;
    background: url(/common/assets/images/icons/slide_login_hover.png) no-repeat;
    cursor: pointer;
}

.abr-login-btn1 {
    padding: 12px 7% 10px 7%;
    border: 1px solid #009788;
    box-sizing: border-box;
    border-bottom: 1px #B0B9BF solid;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    background: #009788;
}

.abr-login-btn1:hover {
    border: 1px solid #009788;
    color: #009788 !important;
    background: #fff;
}

.abr-login-btn2:hover {
    border: 1px solid rgba(246,137,31,0.9);
    color: #fff !important;
    background: rgba(246,137,31,0.9);
}

.abr-login-btn3 {
    padding: 12px 7% 10px 7%;
    border: 1px solid #0569B4;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -1px;
    color: #0569B4 !important;
    background: #fff;
}

.abr-login-btn3:hover {
    border: 1px solid #0569B4;
    color: #fff !important;
    background: #0569B4;
}

/*sitemap*/

.abt-sitemap-page.none-left-menu .abr-r-content {
    width: 100%;
    padding-top: 0 !important;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay {
    display: -webkit-flex;
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-1 {
    display: -webkit-flex;
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-left {
    flex: initial;
    width: 70px;
    border-right: 1px #ececec solid;
    -webkit-flex: initial;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-left.n01 {
    background: url(/common/assets/images/icons/icon-num-01-1.png) no-repeat;
    background-position: 51px 5px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-left.n02 {
    background: url(/common/assets/images/icons/icon-num-01-2.png) no-repeat;
    background-position: 31px 5px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-left.n03 {
    background: url(/common/assets/images/icons/icon-num-01-3.png) no-repeat;
    background-position: 31px 5px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-left.n04 {
    background: url(/common/assets/images/icons/icon-num-01-4.png) no-repeat;
    background-position: 31px 5px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-left.n05 {
    background: url(/common/assets/images/icons/icon-num-01-5.png) no-repeat;
    background-position: 31px 5px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-left.n06 {
    background: url(/common/assets/images/icons/icon-num-01-6.png) no-repeat;
    background-position: 31px 5px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay:not(:nth-child(1) ).abr-sml-left.n04 {
    background-position: 31px 75px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay:not(:nth-child(1) ).abr-sml-left.n05 {
    background-position: 31px 75px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay:not(:nth-child(1) ).abr-sml-left.n06 {
    background-position: 31px 75px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-right {
    flex: 1;
    width: calc(100% - 70px);
    padding: 0 0 0 30px;
    -webkit-flex: 1;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay:not(:nth-child(1) ).abr-sml-left {
    padding-top: 70px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay:not(:nth-child(1) ).abr-sml-right {
    padding-top: 70px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-2 {
    display: -webkit-flex;
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-3 {
    display: -webkit-flex;
    display: flex;
display: -ms-flexbox;
display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-right .abr-dl-2 dt {
    text-indent: 0;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-right .abr-dl-2 dt.dt-sub {
    margin-top: 10px;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-right .abr-dl-2 dd {
    position: relative;
    text-indent: 5px;
    color: #959595;
}

.abt-sitemap-page .abr-sitemap .abr-sitemap-lay .abr-sml-right .abr-dl-2 dd:before {
    content: url(/common/assets/images/icons/icon-arrow05-right.png);
    position: relative;
    top: 3px;
}

.abr-sitemap .abr-dl-2 dt {
    cursor: pointer;
}

.abr-sitemap .abr-dl-2 dd {
    cursor: pointer;
}

.abr-sitemap .abr-dl-2 dt:hover {
    color: #000000;
}

.abr-sitemap .abr-dl-2 dd:hover {
    color: #000000 !important;
}

/*certificate*/

.ab-cert-lay1 ul {
    width: 100%;
    height: 340px;
    overflow: hidden;
}

.ab-cert-lay1 ul li {
    float: left;
}

.ab-cert-lay1 ul li:nth-child(even) {
    width: 1px;
    height: 100%;
    margin: 0 3px;
    border-right: 1px #ececec solid;
}

.ab-cert-lay1 ul li:nth-child(odd) {
    width: calc(( 100%/ 3) - 7px);
}

.ab-cert-lay1 .ab-cl1-icon {
    width: 90px;
    height: 90px;
    margin: 10px auto;
    border-radius: 50%;
    background: #f5f5f5;
}

.ab-cert-lay1 .ab-cl1-icon .ab-ci-1 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/cert1.png) no-repeat;
    background-position: 21px 19px;
    background-size: 60%;
}

.ab-cert-lay1 .ab-cl1-icon .ab-ci-2 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/cert2.png) no-repeat;
    background-position: 21px 19px;
    background-size: 60%;
}

.ab-cert-lay1 .ab-cl1-icon .ab-ci-3 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/cert3.png) no-repeat;
    background-position: 21px 19px;
    background-size: 60%;
}

.ab-cert-lay1 .ab-cl1-icon .ab-ci-4 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/cert4.png) no-repeat;
    background-position: 21px 19px;
    background-size: 60%;
}

.ab-cert-lay1 .ab-cl1-icon .ab-ci-5 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/cert5.png) no-repeat;
    background-position: 21px 19px;
    background-size: 60%;
}

.ab-cert-lay1 .ab-cl1-icon .ab-ci-6 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/assets/images/icons/cert6.png) no-repeat;
    background-position: 21px 19px;
    background-size: 60%;
}

.ab-cert-lay1 .abr-title8b {
    padding: 10px 0 20px 0;
    text-align: center;
}

.ab-cert-lay1 dl.abr-dl-2 {
    padding-left: 20px;
}

.ab-cert-lay1 .abr-text-layout {
    height: 90px;
    padding: 20px;
    font-size: 14px;
    line-height: 19px;
    background: #f5f5f5;
}

/*m1001*/

.abr-m1001-table1 {
    height: 628px;
}

/*PAGE CSS:END*/

/*ETC CSS:START*/

.cc * {
    outline: 1px red solid;
}

.abr-normal {
    width: 100%;
    margin-top: 45px;
}

.abr-normal .title {
    padding-bottom: 8px;
    padding-left: 23px;
    font-size: 17px;
    font-weight: 600;
    color: #009889;
    background: url(/common/assets/images/icons/ntext.png) left no-repeat;
    background-position: 0 0;
}

.abr-normal2 {
    width: 100%;
    margin-top: 45px;
}

.abr-normal2 .title {
    padding-bottom: 8px;
    padding-left: 23px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #009889;
    background: url(/common/assets/images/icons/ntext.png) left no-repeat;
    background-position: 0 0;
}

.text-cont {
    margin: 5px 0 30px 21px;
    padding: 0;
}

.text-cont li {
    margin-bottom: 2px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    background: url(/common/assets/images/icons/bul_dot.gif) left 6px no-repeat;
}

.text-cont li.n-dot {
    background: none;
}

.text-cont li.link-btn {
    margin-top: 10px;
    background: none;
}

.text-cont li.sub {
    padding-left: 30px;
    background: url(/common/assets/images/icons/bul_dot.gif) 19px 7px no-repeat;
}

.text-cont li.sub2 {
    padding-left: 25px;
}

.wrap.pages .content .page .abr-img-lay1 {
    margin: 50px 0 40px 0;
    text-align: center;
}

.wrap.pages .content .page .abr-img-lay1 img {
    width: 95%;
}

.wrap.pages .content .page .abr-zone-3 {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.wrap.pages .content .page .abr-zone-3 li {
    float: left;
    width: calc(100%/ 3);
}

.abr-go-page {
    cursor: pointer;
}

.wrap .content .abr-search-result {width:100%; border-top:3px #000000 solid;}

/*ETC CSS:END*/

/*MEDIA QUERY:START*/

@media only screen and (max-width:480px) {
    .ab-form button[type=submit] {
        margin: .7em 0 0;
    }

    .ab-form input:not([type]) ,
    .ab-form input[type=password],
    .ab-form input[type=email],
    .ab-form input[type=url],
    .ab-form input[type=date],
    .ab-form input[type=month],
    .ab-form input[type=time],
    .ab-form input[type=datetime],
    .ab-form input[type=datetime-local],
    .ab-form input[type=week],
    .ab-form input[type=tel],
    .ab-form input[type=color],
    .ab-form input[type=number],
    .ab-form input[type=search],
    .ab-form input[type=text],
    .ab-form label {
        display: block;
        margin-bottom: .3em;
    }

    .ab-group input:not([type]) ,
    .ab-group input[type=password],
    .ab-group input[type=email],
    .ab-group input[type=url],
    .ab-group input[type=date],
    .ab-group input[type=month],
    .ab-group input[type=time],
    .ab-group input[type=datetime],
    .ab-group input[type=datetime-local],
    .ab-group input[type=week],
    .ab-group input[type=tel],
    .ab-group input[type=color],
    .ab-group input[type=number],
    .ab-group input[type=search],
    .ab-group input[type=text] {
        margin-bottom: 0;
    }

    .ab-form-aligned .ab-control-group label {
        display: block;
        width: 100%;
        margin-bottom: .3em;
        text-align: left;
    }

    .ab-form-aligned .ab-controls {
        margin: 1.5em 0 0;
    }

    .ab-form .ab-help-inline,
    .ab-form-message,
    .ab-form-message-inline {
        display: block;
        padding: .2em 0 .8em;
        font-size: .75em;
    }
}

/*MEDIA QUERY:END*/