@charset "UTF-8";
@import url("/static/jslibrary/videojs/video-js.css");
@import url("/static/jslibrary/plyr/plyr.css");
@import url("/static/font/NotoSans/notosans.css");
@import url("/static/font/roboto/roboto.css");
@import '../../font/line-awesome/css/line-awesome.css';
@import '../../font/font-awesome-4.7.0/css/font-awesome.min.css';
*::before,
*::after,
* {
box-sizing: border-box;
}

a:focus,
button:focus,
input[type=image],
input[type=button],
input[type=submit] {
outline: 1px dashed;
}

[role=dialog].hidden {
display: none;
}

html {
font-family: sans-serif,"New Gulim";
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
margin: 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;
}

img {
max-width: 100%;
}

i {
font-style: normal;
}

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

[hidden],
template {
display: none;
}

a {
background-color: transparent;
text-decoration: none;
}

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

b,
strong {
font-weight: bold;
}

em {
font-style: normal;
}

dfn {
font-style: italic;
}

h1 {
margin: 0;
}

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

small {
font-size: 80%;
}

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

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

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

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

pre {
overflow: auto;
margin: 10px 0;
}

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

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

button {
border: 0;
padding: 0;
overflow: visible;
background-color: transparent;
}

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],
input[disabled] {
cursor: not-allowed;
}

input[readonly] {
cursor: not-allowed;
}

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

input {
line-height: normal;
}

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;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

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

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

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

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
color: #000;
}

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

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

td,
th {
padding: 0;
}

p {
margin: 0;
}

ul,
ol {
list-style-type: none;
padding: 0;
margin: 0;
}

dl {
margin: 0;
}

dd {
margin: 0;
}

label {
font-weight: normal;
cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}

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

.hide {
display: none;
}

.clear {
clear: both;
}

.clearfix {
display: inline-block;
}

.clearfix {
display: block;
}

.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.skip a {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 5000;
font-size: 1.3em;
transform: translateY(-100%);
}

.skip a:hover,
.skip a:focus,
.skip a:active {
padding: 15px 0;
font-weight: bold;
color: #fff;
background: #666;
line-height: 1;
transform: translateY(0);
outline-offset: -2px;
}

.nobg {
background: none !important;
}

.fl {
float: left !important;
}

.fr {
float: right !important;
}

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

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

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

.jf {
text-align: justify !important;
}

.vt {
vertical-align: top !important;
}

.vm {
vertical-align: middle !important;
}

.vb {
vertical-align: bottom !important;
}

.oh {
overflow: hidden !important;
}

.dn {
display: none !important;
}

.db {
display: block !important;
}

.bn {
border: none !important;
}

.bdt_n {
border-top: none !important;
}

.bdb_n {
border-bottom: none !important;
}

.bdl_n {
border-left: none !important;
}

.bdr_n {
border-right: none !important;
}

.bgn {
background: none !important;
}

.fb {
font-weight: bold !important;
}

.posr {
position: relative !important;
}

.posa {
position: absolute !important;
}

.posf {
position: fixed !important;
}

.poss {
position: static !important;
}

.rel {
position: relative !important;
}

.fb {
font-weight: 500 !important;
}

/* margin */
.mt0 {
margin-top: 0px !important;
}

.mt5 {
margin-top: 5px !important;
}

.mt10 {
margin-top: 10px !important;
}

.mt15 {
margin-top: 15px !important;
}

.mt20 {
margin-top: 20px !important;
}

.mt25 {
margin-top: 25px !important;
}

.mt30 {
margin-top: 30px !important;
}

.mt35 {
margin-top: 35px !important;
}

.mt40 {
margin-top: 40px !important;
}

.mt45 {
margin-top: 45px !important;
}

.mt50 {
margin-top: 50px !important;
}

.mr0 {
margin-right: 0px !important;
}

.mr5 {
margin-right: 5px !important;
}

.mr10 {
margin-right: 10px !important;
}

.mr15 {
margin-right: 15px !important;
}

.mr20 {
margin-right: 20px !important;
}

.mr25 {
margin-right: 25px !important;
}

.mr30 {
margin-right: 30px !important;
}

.mr35 {
margin-right: 35px !important;
}

.mr40 {
margin-right: 40px !important;
}

.mr45 {
margin-right: 45px !important;
}

.mr50 {
margin-right: 50px !important;
}

.mb0 {
margin-bottom: 0px !important;
}

.mb5 {
margin-bottom: 5px !important;
}

.mb10 {
margin-bottom: 10px !important;
}

.mb15 {
margin-bottom: 15px !important;
}

.mb20 {
margin-bottom: 20px !important;
}

.mb25 {
margin-bottom: 25px !important;
}

.mb30 {
margin-bottom: 30px !important;
}

.mb35 {
margin-bottom: 35px !important;
}

.mb40 {
margin-bottom: 40px !important;
}

.mb45 {
margin-bottom: 45px !important;
}

.mb50 {
margin-bottom: 50px !important;
}

.ml0 {
margin-left: 0px !important;
}

.ml5 {
margin-left: 5px !important;
}

.ml10 {
margin-left: 10px !important;
}

.ml15 {
margin-left: 15px !important;
}

.ml20 {
margin-left: 20px !important;
}

.ml25 {
margin-left: 25px !important;
}

.ml30 {
margin-left: 30px !important;
}

.ml35 {
margin-left: 35px !important;
}

.ml40 {
margin-left: 40px !important;
}

.ml45 {
margin-left: 45px !important;
}

.ml50 {
margin-left: 50px !important;
}

/* padding */
.pt0 {
padding-top: 0px !important;
}

.pt5 {
padding-top: 5px !important;
}

.pt10 {
padding-top: 10px !important;
}

.pt15 {
padding-top: 15px !important;
}

.pt20 {
padding-top: 20px !important;
}

.pt25 {
padding-top: 25px !important;
}

.pt30 {
padding-top: 30px !important;
}

.pt35 {
padding-top: 35px !important;
}

.pt40 {
padding-top: 40px !important;
}

.pt45 {
padding-top: 45px !important;
}

.pt50 {
padding-top: 50px !important;
}

.pr0 {
padding-right: 0px !important;
}

.pr5 {
padding-right: 5px !important;
}

.pr10 {
padding-right: 10px !important;
}

.pr15 {
padding-right: 15px !important;
}

.pr20 {
padding-right: 20px !important;
}

.pr25 {
padding-right: 25px !important;
}

.pr30 {
padding-right: 30px !important;
}

.pr35 {
padding-right: 35px !important;
}

.pr40 {
padding-right: 40px !important;
}

.pr45 {
padding-right: 45px !important;
}

.pr50 {
padding-right: 50px !important;
}

.pb0 {
padding-bottom: 0px !important;
}

.pb5 {
padding-bottom: 5px !important;
}

.pb10 {
padding-bottom: 10px !important;
}

.pb15 {
padding-bottom: 15px !important;
}

.pb20 {
padding-bottom: 20px !important;
}

.pb25 {
padding-bottom: 25px !important;
}

.pb30 {
padding-bottom: 30px !important;
}

.pb35 {
padding-bottom: 35px !important;
}

.pb40 {
padding-bottom: 40px !important;
}

.pb45 {
padding-bottom: 45px !important;
}

.pb50 {
padding-bottom: 50px !important;
}

.pl0 {
padding-left: 0px !important;
}

.pl5 {
padding-left: 5px !important;
}

.pl10 {
padding-left: 10px !important;
}

.pl15 {
padding-left: 15px !important;
}

.pl20 {
padding-left: 20px !important;
}

.pl25 {
padding-left: 25px !important;
}

.pl30 {
padding-left: 30px !important;
}

.pl35 {
padding-left: 35px !important;
}

.pl40 {
padding-left: 40px !important;
}

.pl45 {
padding-left: 45px !important;
}

.pl50 {
padding-left: 50px !important;
}

.w1p {
width: 1% !important;
}

.w2p {
width: 2% !important;
}

.w3p {
width: 3% !important;
}

.w4p {
width: 4% !important;
}

.w5p {
width: 5% !important;
}

.w6p {
width: 6% !important;
}

.w7p {
width: 7% !important;
}

.w8p {
width: 8% !important;
}

.w9p {
width: 9% !important;
}

.w10p {
width: 10% !important;
}

.w11p {
width: 11% !important;
}

.w12p {
width: 12% !important;
}

.w13p {
width: 13% !important;
}

.w14p {
width: 14% !important;
}

.w15p {
width: 15% !important;
}

.w16p {
width: 16% !important;
}

.w17p {
width: 17% !important;
}

.w18p {
width: 18% !important;
}

.w19p {
width: 19% !important;
}

.w20p {
width: 20% !important;
}

.w21p {
width: 21% !important;
}

.w22p {
width: 22% !important;
}

.w23p {
width: 23% !important;
}

.w24p {
width: 24% !important;
}

.w25p {
width: 25% !important;
}

.w26p {
width: 26% !important;
}

.w27p {
width: 27% !important;
}

.w28p {
width: 28% !important;
}

.w29p {
width: 29% !important;
}

.w30p {
width: 30% !important;
}

.w31p {
width: 31% !important;
}

.w32p {
width: 32% !important;
}

.w33p {
width: 33% !important;
}

.w34p {
width: 34% !important;
}

.w35p {
width: 35% !important;
}

.w36p {
width: 36% !important;
}

.w37p {
width: 37% !important;
}

.w38p {
width: 38% !important;
}

.w39p {
width: 39% !important;
}

.w40p {
width: 40% !important;
}

.w41p {
width: 41% !important;
}

.w42p {
width: 42% !important;
}

.w43p {
width: 43% !important;
}

.w44p {
width: 44% !important;
}

.w45p {
width: 45% !important;
}

.w46p {
width: 46% !important;
}

.w47p {
width: 47% !important;
}

.w48p {
width: 48% !important;
}

.w49p {
width: 49% !important;
}

.w50p {
width: 50% !important;
}

.w51p {
width: 51% !important;
}

.w52p {
width: 52% !important;
}

.w53p {
width: 53% !important;
}

.w54p {
width: 54% !important;
}

.w55p {
width: 55% !important;
}

.w56p {
width: 56% !important;
}

.w57p {
width: 57% !important;
}

.w58p {
width: 58% !important;
}

.w59p {
width: 59% !important;
}

.w60p {
width: 60% !important;
}

.w61p {
width: 61% !important;
}

.w62p {
width: 62% !important;
}

.w63p {
width: 63% !important;
}

.w64p {
width: 64% !important;
}

.w65p {
width: 65% !important;
}

.w66p {
width: 66% !important;
}

.w67p {
width: 67% !important;
}

.w68p {
width: 68% !important;
}

.w69p {
width: 69% !important;
}

.w70p {
width: 70% !important;
}

.w71p {
width: 71% !important;
}

.w72p {
width: 72% !important;
}

.w73p {
width: 73% !important;
}

.w74p {
width: 74% !important;
}

.w75p {
width: 75% !important;
}

.w76p {
width: 76% !important;
}

.w77p {
width: 77% !important;
}

.w78p {
width: 78% !important;
}

.w79p {
width: 79% !important;
}

.w80p {
width: 80% !important;
}

.w81p {
width: 81% !important;
}

.w82p {
width: 82% !important;
}

.w83p {
width: 83% !important;
}

.w84p {
width: 84% !important;
}

.w85p {
width: 85% !important;
}

.w86p {
width: 86% !important;
}

.w87p {
width: 87% !important;
}

.w88p {
width: 88% !important;
}

.w89p {
width: 89% !important;
}

.w90p {
width: 90% !important;
}

.w91p {
width: 91% !important;
}

.w92p {
width: 92% !important;
}

.w93p {
width: 93% !important;
}

.w94p {
width: 94% !important;
}

.w95p {
width: 95% !important;
}

.w96p {
width: 96% !important;
}

.w97p {
width: 97% !important;
}

.w98p {
width: 98% !important;
}

.w99p {
width: 99% !important;
}

.w100p {
width: 100% !important;
}

/* 버튼 정렬 */
.btnSet {
margin: 10px 0;
text-align: right;
overflow: hidden;
position: relative;
}

.btnSet .c {
text-align: center;
}

.btnSet .c + .fr {
position: absolute;
right: 0;
top: 0;
}

.btnSet.c {
text-align: center;
}

.btnSet.l {
text-align: left;
}

.btnSet .fl {
width: 50%;
text-align: left;
}

.btnSet .tar {
text-align: right;
}

.line {
text-decoration: underline;
}

.dib {
display: inline-block !important;
}

.di {
display: inline !important;
}

.kakaomap_box {
width: 100%;
clear: both;
height: 360px;
}

.content-commingsoon {
height: 140px;
min-width: 96%;
max-width: 710px;
margin: 0 auto;
background: url(/static/commons/img/ready_ing.png) center 0 no-repeat;
background-size: 100%;
}

#sitebug a {
position: fixed;
z-index: 1000;
right: 10px;
top: calc(50% - 20px);
text-align: center;
width: 80px;
height: 80px;
background-color: #860053;
color: #fff;
border-radius: 50px;
white-space: normal;
word-break: break-all;
display: flex;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #fff;
font-weight: 300;
font-size: 15px;
}

.mobile-scroller-x {
position: relative;
height: 0;
display: block;
}
.mobile-scroller-x + .table.ovx {
margin-top: 0;
}
h2 + .mobile-scroller-x + .table.ovx {
margin-top: -12px;
}
@media screen and (max-width: 749px) {
.mobile-scroller-x {
margin-top: 30px;
width: 100%;
/* border:none;
padding-top: 20px;
background:#fff url('/static/portal/img/common/hand.png') 48% 0 no-repeat;
animation: tableScrollAni 4s infinite;
&::before{
	content:'';
	position: absolute;
	top: -1px;
	border-top: 1px solid #fff;
}
table{
	border-top: 2px solid $bdtopcolor;
} */
}
.title-box + .mobile-scroller-x, h2 + .mobile-scroller-x, h3 + .mobile-scroller-x {
margin-top: 0;
}
.mobile-scroller-x::after {
content: "\f25a";
display: block;
position: absolute;
z-index: 1;
top: 0;
height: 20px;
font-family: "FontAwesome", "dotum", Helvetica, Arial, sans-serif,"New Gulim";
animation: tableScrollAni 4s infinite;
}
h2 + .mobile-scroller-x::after {
top: -9px;
}
}

@keyframes tableScrollAni {
/* 0% {background-position:46% 0;}
50% {background-position:54% 0;}
100% {background-position:46% 0;} */
0% {
left: 46%;
opacity: 0.2;
}
50% {
left: 54%;
opacity: 1;
}
100% {
left: 46%;
opacity: 0.2;
}
}
.datepicker .focused {
text-decoration: underline;
}

.container {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 740px) {
.container {
max-width: 740px;
}
}
@media (min-width: 1199px) {
.container {
max-width: 1083px;
}
}
@media (min-width: 1240px) {
.container {
max-width: 1220px;
}
}
@media (min-width: 1300px) {
.container {
max-width: 1620px;
}
}

.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
.container-fluid:before, .container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}

.row {
margin-left: -10px;
margin-right: -10px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}

@media (min-width: 740px) {
.row + .row {
margin-top: 6px;
}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}

.col-xs-1 {
width: 8.3333333333%;
}

.col-xs-2 {
width: 16.6666666667%;
}

.col-xs-3 {
width: 25%;
}

.col-xs-4 {
width: 33.3333333333%;
}

.col-xs-5 {
width: 41.6666666667%;
}

.col-xs-6 {
width: 50%;
}

.col-xs-7 {
width: 58.3333333333%;
}

.col-xs-8 {
width: 66.6666666667%;
}

.col-xs-9 {
width: 75%;
}

.col-xs-10 {
width: 83.3333333333%;
}

.col-xs-11 {
width: 91.6666666667%;
}

.col-xs-12 {
width: 100%;
}

.col-xs-pull-0 {
right: auto;
}

.col-xs-pull-1 {
right: 8.3333333333%;
}

.col-xs-pull-2 {
right: 16.6666666667%;
}

.col-xs-pull-3 {
right: 25%;
}

.col-xs-pull-4 {
right: 33.3333333333%;
}

.col-xs-pull-5 {
right: 41.6666666667%;
}

.col-xs-pull-6 {
right: 50%;
}

.col-xs-pull-7 {
right: 58.3333333333%;
}

.col-xs-pull-8 {
right: 66.6666666667%;
}

.col-xs-pull-9 {
right: 75%;
}

.col-xs-pull-10 {
right: 83.3333333333%;
}

.col-xs-pull-11 {
right: 91.6666666667%;
}

.col-xs-pull-12 {
right: 100%;
}

.col-xs-push-0 {
left: auto;
}

.col-xs-push-1 {
left: 8.3333333333%;
}

.col-xs-push-2 {
left: 16.6666666667%;
}

.col-xs-push-3 {
left: 25%;
}

.col-xs-push-4 {
left: 33.3333333333%;
}

.col-xs-push-5 {
left: 41.6666666667%;
}

.col-xs-push-6 {
left: 50%;
}

.col-xs-push-7 {
left: 58.3333333333%;
}

.col-xs-push-8 {
left: 66.6666666667%;
}

.col-xs-push-9 {
left: 75%;
}

.col-xs-push-10 {
left: 83.3333333333%;
}

.col-xs-push-11 {
left: 91.6666666667%;
}

.col-xs-push-12 {
left: 100%;
}

.col-xs-offset-0 {
margin-left: 0%;
}

.col-xs-offset-1 {
margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
margin-left: 25%;
}

.col-xs-offset-4 {
margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
margin-left: 50%;
}

.col-xs-offset-7 {
margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
margin-left: 75%;
}

.col-xs-offset-10 {
margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
margin-left: 100%;
}

@media (min-width: 740px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.3333333333%;
}
.col-sm-pull-2 {
right: 16.6666666667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.3333333333%;
}
.col-sm-pull-5 {
right: 41.6666666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.3333333333%;
}
.col-sm-pull-8 {
right: 66.6666666667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.3333333333%;
}
.col-sm-pull-11 {
right: 91.6666666667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.3333333333%;
}
.col-sm-push-2 {
left: 16.6666666667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.3333333333%;
}
.col-sm-push-5 {
left: 41.6666666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.3333333333%;
}
.col-sm-push-8 {
left: 66.6666666667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.3333333333%;
}
.col-sm-push-11 {
left: 91.6666666667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1199px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.3333333333%;
}
.col-md-5 {
width: 41.6666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.3333333333%;
}
.col-md-pull-2 {
right: 16.6666666667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.3333333333%;
}
.col-md-pull-5 {
right: 41.6666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.3333333333%;
}
.col-md-pull-8 {
right: 66.6666666667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.3333333333%;
}
.col-md-pull-11 {
right: 91.6666666667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.3333333333%;
}
.col-md-push-2 {
left: 16.6666666667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.3333333333%;
}
.col-md-push-5 {
left: 41.6666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.3333333333%;
}
.col-md-push-8 {
left: 66.6666666667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.3333333333%;
}
.col-md-push-11 {
left: 91.6666666667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1240px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.3333333333%;
}
.col-lg-pull-2 {
right: 16.6666666667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.3333333333%;
}
.col-lg-pull-5 {
right: 41.6666666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.3333333333%;
}
.col-lg-pull-8 {
right: 66.6666666667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.3333333333%;
}
.col-lg-pull-11 {
right: 91.6666666667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.3333333333%;
}
.col-lg-push-2 {
left: 16.6666666667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.3333333333%;
}
.col-lg-push-5 {
left: 41.6666666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.3333333333%;
}
.col-lg-push-8 {
left: 66.6666666667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.3333333333%;
}
.col-lg-push-11 {
left: 91.6666666667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1300px) {
.col-xg-1, .col-xg-2, .col-xg-3, .col-xg-4, .col-xg-5, .col-xg-6, .col-xg-7, .col-xg-8, .col-xg-9, .col-xg-10, .col-xg-11, .col-xg-12 {
float: left;
}
.col-xg-1 {
width: 8.3333333333%;
}
.col-xg-2 {
width: 16.6666666667%;
}
.col-xg-3 {
width: 25%;
}
.col-xg-4 {
width: 33.3333333333%;
}
.col-xg-5 {
width: 41.6666666667%;
}
.col-xg-6 {
width: 50%;
}
.col-xg-7 {
width: 58.3333333333%;
}
.col-xg-8 {
width: 66.6666666667%;
}
.col-xg-9 {
width: 75%;
}
.col-xg-10 {
width: 83.3333333333%;
}
.col-xg-11 {
width: 91.6666666667%;
}
.col-xg-12 {
width: 100%;
}
.col-xg-pull-0 {
right: auto;
}
.col-xg-pull-1 {
right: 8.3333333333%;
}
.col-xg-pull-2 {
right: 16.6666666667%;
}
.col-xg-pull-3 {
right: 25%;
}
.col-xg-pull-4 {
right: 33.3333333333%;
}
.col-xg-pull-5 {
right: 41.6666666667%;
}
.col-xg-pull-6 {
right: 50%;
}
.col-xg-pull-7 {
right: 58.3333333333%;
}
.col-xg-pull-8 {
right: 66.6666666667%;
}
.col-xg-pull-9 {
right: 75%;
}
.col-xg-pull-10 {
right: 83.3333333333%;
}
.col-xg-pull-11 {
right: 91.6666666667%;
}
.col-xg-pull-12 {
right: 100%;
}
.col-xg-push-0 {
left: auto;
}
.col-xg-push-1 {
left: 8.3333333333%;
}
.col-xg-push-2 {
left: 16.6666666667%;
}
.col-xg-push-3 {
left: 25%;
}
.col-xg-push-4 {
left: 33.3333333333%;
}
.col-xg-push-5 {
left: 41.6666666667%;
}
.col-xg-push-6 {
left: 50%;
}
.col-xg-push-7 {
left: 58.3333333333%;
}
.col-xg-push-8 {
left: 66.6666666667%;
}
.col-xg-push-9 {
left: 75%;
}
.col-xg-push-10 {
left: 83.3333333333%;
}
.col-xg-push-11 {
left: 91.6666666667%;
}
.col-xg-push-12 {
left: 100%;
}
.col-xg-offset-0 {
margin-left: 0%;
}
.col-xg-offset-1 {
margin-left: 8.3333333333%;
}
.col-xg-offset-2 {
margin-left: 16.6666666667%;
}
.col-xg-offset-3 {
margin-left: 25%;
}
.col-xg-offset-4 {
margin-left: 33.3333333333%;
}
.col-xg-offset-5 {
margin-left: 41.6666666667%;
}
.col-xg-offset-6 {
margin-left: 50%;
}
.col-xg-offset-7 {
margin-left: 58.3333333333%;
}
.col-xg-offset-8 {
margin-left: 66.6666666667%;
}
.col-xg-offset-9 {
margin-left: 75%;
}
.col-xg-offset-10 {
margin-left: 83.3333333333%;
}
.col-xg-offset-11 {
margin-left: 91.6666666667%;
}
.col-xg-offset-12 {
margin-left: 100%;
}
}
@-ms-viewport {
width: device-width;
}
.visible-xs {
display: none !important;
}

.visible-sm {
display: none !important;
}

.visible-md {
display: none !important;
}

.visible-lg {
display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}

@media (max-width: 739px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 739px) {
.visible-xs-block {
display: block !important;
}
}

@media (max-width: 739px) {
.visible-xs-inline {
display: inline !important;
}
}

@media (max-width: 739px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}

@media (min-width: 740px) and (max-width: 1198px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 740px) and (max-width: 1198px) {
.visible-sm-block {
display: block !important;
}
}

@media (min-width: 740px) and (max-width: 1198px) {
.visible-sm-inline {
display: inline !important;
}
}

@media (min-width: 740px) and (max-width: 1198px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}

@media (min-width: 1199px) and (max-width: 1239px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1199px) and (max-width: 1239px) {
.visible-md-block {
display: block !important;
}
}

@media (min-width: 1199px) and (max-width: 1239px) {
.visible-md-inline {
display: inline !important;
}
}

@media (min-width: 1199px) and (max-width: 1239px) {
.visible-md-inline-block {
display: inline-block !important;
}
}

@media (min-width: 1240px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1240px) {
.visible-lg-block {
display: block !important;
}
}

@media (min-width: 1240px) {
.visible-lg-inline {
display: inline !important;
}
}

@media (min-width: 1240px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}

@media (max-width: 739px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 740px) and (max-width: 1198px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 1199px) and (max-width: 1239px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1240px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}

@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}

.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}

.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}

@media print {
.hidden-print {
display: none !important;
}
}
.point {
color: #00a589;
}

.point2 {
color: #00947b;
}

.red {
color: #e24d4d;
}

html,
body {
width: 100%;
height: 100%;
font-family: "Noto Sans KR", sans-serif,"New Gulim","New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim";
}

a {
display: inline-block;
font-family: "Noto Sans KR", sans-serif,"New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim";
}

hr {
margin-top: 40px;
margin-bottom: 30px;
}
dl hr {
margin: 20px 0;
}

.radius-lg {
border-radius: 0.9375em;
overflow: hidden;
}

.radius-sm {
border-radius: 0.3125em;
overflow: hidden;
}

.radius-none {
border-radius: 0 !important;
}

@media (max-width: 767px) {
.container {
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 1199px) {
#header .container {
position: relative;
}
}
@media (min-width: 1200px) {
#content {
min-height: 400px;
}
}
#top-menu {
background: #222;
height: 45px;
}
@media (max-width: 1199px) {
#top-menu {
display: none;
}
}
#top-menu .container {
display: grid;
justify-content: end;
}

.top-menu-right {
grid-row: 1;
grid-column: 2;
padding-top: 7px;
}
.top-menu-right a {
color: #fff;
}

.top-menu-left {
grid-row: 1;
grid-column: 1;
padding-right: 30px;
}
.top-menu-left ul {
display: flex;
align-items: center;
height: 45px;
}
.top-menu-left ul li {
padding-bottom: 5px;
}
.top-menu-left ul li a {
color: #fff;
font-size: 15px;
font-weight: 400;
letter-spacing: -0.38px;
line-height: 1;
}
.top-menu-left ul li a.join {
color: #03deb9;
}
.top-menu-left ul li a.mypage {
color: #03deb9;
}
.top-menu-left ul li + li a {
padding-left: 28px;
margin-left: 22px;
border-left: 1px solid #909090;
}

#header {
position: relative;
height: 85px;
background: #fff;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}
#header .container {
height: 100%;
}
#header h1.logo {
display: inline-block;
vertical-align: top;
width: 123px;
padding-top: 16px;
}
#header #gnb {
display: inline-block;
width: calc(100% - 130px);
height: 100%;
}
#header #gnb .gnb-set {
height: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
#header #gnb ul {
display: none;
}
#header #gnb ul > li > a {
display: block;
padding: 0 30px;
color: #222;
font-family: "Noto Sans KR", sans-serif,"New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim";
font-size: 24px;
font-weight: 500;
}
#header #gnb ul > li .depth2 {
display: none;
}
@media (min-width: 1200px) {
#header #gnb ul {
display: flex;
}
}
#header .all-menu-button {
background: url(/static/kogl/img/common/icon-all-menu.png) 0 0 no-repeat;
width: 30px;
height: 26px;
margin-left: 10px;
}
@media (max-width: 767px) {
#header {
height: 65px;
}
#header h1.logo {
width: 97px;
padding-top: 13px;
}
#header #gnb {
width: calc(100% - 103px);
}
}

#all-menu {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 20px);
z-index: 200;
box-shadow: 0 15px 17px rgba(0, 0, 0, 0.1);
border-top: 1px solid #dedede;
background: #fff url(/static/kogl/img/common/CI-bg.png) right 50px bottom no-repeat;
display: none;
}
@media (min-width: 1200px) {
#all-menu {
top: 85px;
width: 100%;
}
}
#all-menu.active {
display: block;
}
@media (max-width: 1199px) {
#all-menu.active .bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
}
#all-menu .container {
position: relative;
}
@media (max-width: 1199px) {
#all-menu .container {
max-width: 100%;
padding: 0;
margin: 0;
background-color: #fff;
}
}
#all-menu #gnb-all-nav {
border-top: 2px solid rgb(34, 34, 34);
}
#all-menu #gnb-all-nav > ul {
display: block;
padding-top: 0;
padding-bottom: 0;
}
#all-menu #gnb-all-nav > ul > li {
width: 100%;
margin: 0;
}
#all-menu #gnb-all-nav > ul > li + li {
border-top: 1px solid rgb(218, 218, 218);
}
#all-menu #gnb-all-nav > ul > li > a {
display: block;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 54px;
position: relative;
color: #000;
background-color: #fff;
font-family: "Noto Sans KR", sans-serif,"New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim";
font-size: 20px;
font-weight: 500;
letter-spacing: -0.55px;
}
#all-menu #gnb-all-nav > ul > li > a::before {
content: "\f105";
font-family: "FontAwesome", "dotum", Helvetica, Arial, sans-serif,"New Gulim";
color: rgb(0, 165, 137);
font-size: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
}
#all-menu #gnb-all-nav > ul > li .depth3 {
display: none;
}
@media (max-width: 1199px) {
#all-menu #gnb-all-nav > ul > li > a {
padding-left: 42px;
}
#all-menu #gnb-all-nav > ul > li > a::before {
left: 20px;
}
#all-menu #gnb-all-nav > ul > li.active > a {
background-color: rgb(0, 165, 137);
color: #fff;
}
#all-menu #gnb-all-nav > ul > li.active > a::before {
color: #fff;
}
#all-menu #gnb-all-nav > ul > li.active .depth2 > li {
display: block;
}
#all-menu #gnb-all-nav > ul > li.active .depth2::before, #all-menu #gnb-all-nav > ul > li.active .depth2::after {
background-color: #fff;
}
#all-menu #gnb-all-nav > ul > li.active .depth2::after {
content: none;
}
#all-menu #gnb-all-nav > ul > li .depth3 {
display: block;
width: 100%;
background-color: #fff;
border-radius: 10px;
border: 1px solid rgb(218, 218, 218);
padding: 20px;
}
#all-menu #gnb-all-nav > ul > li .depth3 li > a {
position: relative;
display: inline-block;
margin-left: 10px;
}
#all-menu #gnb-all-nav > ul > li .depth3 li > a::before {
content: "-";
position: absolute;
left: -10px;
}
#all-menu #gnb-all-nav > ul > li .depth3 li + li {
margin-top: 10px;
}
#all-menu #gnb-all-nav > ul > li .depth3 li.active a, #all-menu #gnb-all-nav > ul > li .depth3 li:focus a, #all-menu #gnb-all-nav > ul > li .depth3 li:active a, #all-menu #gnb-all-nav > ul > li .depth3 li:hover a {
color: #00a589;
font-weight: 700;
}
#all-menu #gnb-all-nav > ul > li .depth3 li.active a::after, #all-menu #gnb-all-nav > ul > li .depth3 li:focus a::after, #all-menu #gnb-all-nav > ul > li .depth3 li:active a::after, #all-menu #gnb-all-nav > ul > li .depth3 li:hover a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #00a589;
}
}
#all-menu #gnb-all-nav .depth2 > li {
background-color: rgb(241, 241, 241);
}
#all-menu #gnb-all-nav .depth2 > li + li {
border-top: 1px solid rgb(218, 218, 218);
}
#all-menu #gnb-all-nav .depth2 > li > a {
display: inline-block;
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 1.94;
padding-top: 10px;
padding-bottom: 9px;
position: relative;
}
#all-menu #gnb-all-nav .depth2 > li > a::before {
content: "";
width: 6px;
height: 6px;
border-radius: 2px;
background-color: #00a589;
position: absolute;
top: 26px;
left: -19px;
}
@media (max-width: 1199px) {
#all-menu #gnb-all-nav .depth2 {
position: relative;
}
#all-menu #gnb-all-nav .depth2 > li {
display: none;
padding-left: 65px;
padding-right: 60px;
}
#all-menu #gnb-all-nav .depth2 > li.mobile {
padding-bottom: 20px;
}
#all-menu #gnb-all-nav .depth2 > li.active > a, #all-menu #gnb-all-nav .depth2 > li:focus > a, #all-menu #gnb-all-nav .depth2 > li:active > a, #all-menu #gnb-all-nav .depth2 > li:hover > a {
color: #00a589;
font-weight: 700;
}
#all-menu #gnb-all-nav .depth2 > li.active > a::after, #all-menu #gnb-all-nav .depth2 > li:focus > a::after, #all-menu #gnb-all-nav .depth2 > li:active > a::after, #all-menu #gnb-all-nav .depth2 > li:hover > a::after {
content: "";
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
height: 1px;
background: #00a589;
}
#all-menu #gnb-all-nav .depth2::before, #all-menu #gnb-all-nav .depth2::after {
content: "";
position: absolute;
background-color: rgb(117, 117, 117);
}
#all-menu #gnb-all-nav .depth2::before {
width: 20px;
height: 2px;
right: 20px;
top: -27px;
}
#all-menu #gnb-all-nav .depth2::after {
width: 2px;
height: 20px;
right: 29px;
top: -36px;
}
}
@media (max-width: 767px) {
#all-menu #gnb-all-nav .depth2 > li {
padding-left: 30px;
padding-right: 50px;
}
#all-menu #gnb-all-nav .depth2 > li > a {
margin-left: 20px;
}
}
@media (min-width: 1200px) {
#all-menu #gnb-all-nav {
border-top-width: 0;
}
#all-menu #gnb-all-nav > ul {
display: grid;
grid-template-columns: repeat(6, 1fr);
padding-top: 30px;
padding-bottom: 40px;
}
#all-menu #gnb-all-nav > ul > li {
width: calc(100% - 20px);
margin: 20px 20px 20px 0;
}
#all-menu #gnb-all-nav > ul > li + li {
border-top-width: 0;
}
#all-menu #gnb-all-nav > ul > li > a {
padding-top: 3px;
padding-bottom: 4px;
padding-left: 44px;
background-color: #f1f1f1;
font-size: 22px;
}
#all-menu #gnb-all-nav > ul > li > a::before {
content: "";
width: 3px;
height: 15px;
background-color: #00a589;
}
#all-menu #gnb-all-nav .depth2 {
padding-top: 10px;
}
#all-menu #gnb-all-nav .depth2 > li {
background-color: transparent;
}
#all-menu #gnb-all-nav .depth2 > li + li {
border-top-width: 0;
}
#all-menu #gnb-all-nav .depth2 > li > a {
padding-top: 0;
padding-bottom: 0;
padding-left: 44px;
color: #666;
}
#all-menu #gnb-all-nav .depth2 > li > a::before {
top: 15px;
left: 20px;
background-color: #d4d4d4;
}
#all-menu #gnb-all-nav .depth2 > li > a:hover, #all-menu #gnb-all-nav .depth2 > li > a:active, #all-menu #gnb-all-nav .depth2 > li > a:focus {
color: #000;
text-decoration: underline;
text-underline-position: under;
}
#all-menu #gnb-all-nav .depth2 > li > a:hover::before, #all-menu #gnb-all-nav .depth2 > li > a:active::before, #all-menu #gnb-all-nav .depth2 > li > a:focus::before {
background-color: #000;
}
}
#all-menu .all-menu-close {
background: #000 url(/static/kogl/img/common/m-close.png) center no-repeat;
width: 65px;
height: 65px;
position: absolute;
right: -1px;
top: -1px;
}
@media (min-width: 1200px) {
#all-menu .all-menu-close {
background: #fff url(/static/kogl/img/common/close.png) 0 0 no-repeat;
width: 33px;
height: 27px;
right: 10px;
top: -57px;
}
}
#all-menu h2 {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#all-menu .top-menu {
width: calc(100% - 65px);
height: 64px;
padding: 0 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 1200px) {
#all-menu .top-menu {
display: none;
}
}
#all-menu .top-menu .logo {
width: 97px;
margin-top: 5px;
margin-left: 10px;
}
@media (max-width: 360px) {
#all-menu .top-menu .logo {
width: 85px;
margin-left: 0;
}
}
#all-menu .top-menu ul {
display: flex;
align-items: center;
height: 100%;
}
#all-menu .top-menu ul li + li a {
padding-left: 9px;
margin-left: 9px;
border-left: 1px solid #909090;
}
@media (max-width: 360px) {
#all-menu .top-menu ul li + li a {
padding-left: 5px;
margin-left: 5px;
}
}
#all-menu .top-menu ul li a {
font-size: 15px;
color: rgb(34, 34, 34);
letter-spacing: -0.38px;
line-height: 1;
}
#all-menu .top-menu ul li a:hover, #all-menu .top-menu ul li a:active, #all-menu .top-menu ul li a:focus {
font-weight: 700;
color: #00a589;
}
@media (max-width: 360px) {
#all-menu .top-menu ul li a {
font-size: 13px;
}
}
#all-menu .logo-link {
background-color: #000;
text-align: right;
padding: 5px 10px;
}
@media (min-width: 1200px) {
#all-menu .logo-link {
display: none;
}
}
#all-menu .logo-link a {
width: 89px;
height: 28px;
display: inline-block;
background-image: url(/static/kogl/img/common/alright-bi-m.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 center;
}
#all-menu .logo-link a img {
display: none;
}

.sub-search {
background-color: #f6f6f6;
}
.sub-search .container {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width: 1199px) {
.sub-search .container {
display: block;
padding-top: 20px;
padding-bottom: 20px;
}
}
.sub-search__form {
display: flex;
width: 100%;
}
.sub-search__content {
display: flex;
max-width: calc(100% - 330px);
}
@media (max-width: 1199px) {
.sub-search__content {
max-width: 100%;
}
}
.sub-search__sh {
display: inline-block;
position: relative;
padding-right: 137px;
}
.sub-search__sh-input[type=text] {
width: 470px;
height: 60px;
border-radius: 3px;
border: 3px solid #222222;
background-color: #fff;
padding: 0 28px;
}
.sub-search__sh-input[type=text]::placeholder {
color: #515557;
font-weight: 500;
letter-spacing: -0.9px;
}
.sub-search__sh-input[type=text] + button {
position: absolute;
top: 0;
right: 0;
background: #222 url(/static/kogl/img/common/btn-sub-search.png) 38px center no-repeat;
color: #fff;
padding-left: 20px;
border-color: #222;
}
.sub-search__sh-input[type=text] + button:focus {
outline-offset: -2px;
}
@media (max-width: 1199px) {
.sub-search__sh {
width: 100%;
padding-right: 47px;
}
.sub-search__sh-input[type=text] {
width: 100%;
height: 50px;
padding: 0 10px;
cursor: pointer;
}
.sub-search__sh-input[type=text]::placeholder {
color: #fff;
}
.sub-search__sh-input[type=text] + button {
font-size: 0;
width: 50px;
height: 50px;
background-position-x: center;
}
}
.sub-search__sh .autocomplete {
top: 61px;
left: 0;
width: 100%;
}
.sub-search__sh .autocomplete__close {
right: 130px;
top: -78px;
}
@media (max-width: 1199px) {
.sub-search__sh .autocomplete {
display: none;
}
}
.sub-search-mobile {
display: none;
}
@media (max-width: 1199px) {
.sub-search-mobile {
margin-bottom: 10px;
}
.sub-search-mobile.active {
display: block;
}
.sub-search-mobile .bg {
position: fixed;
z-index: 300;
overflow-y: auto;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
.sub-search-mobile-contents {
position: absolute;
z-index: 400;
left: 50%;
top: 85px;
transform: translateX(-50%);
width: calc(100% - 40px);
background-color: #fff;
}
.sub-search-mobile-contents .head {
background-color: rgba(0, 0, 0, 0.05);
padding: 30px 20px 20px;
}
.sub-search-mobile-contents .sub-search-close {
position: absolute;
right: 10px;
top: 10px;
width: 13px;
height: 13px;
background: url(/static/kogl/img/common/close.png) 0 0 no-repeat;
background-size: 13px 13px;
}
.sub-search-mobile-contents .popular-ranking,
.sub-search-mobile-contents .popular-ranking__all {
display: block;
position: unset;
}
.sub-search-mobile-contents .popular-ranking {
width: calc(100% - 60px);
margin: 0 auto 30px;
position: relative;
}
.sub-search-mobile-contents .popular-ranking__skip {
display: none;
}
.sub-search-mobile-contents .popular-ranking__title {
display: block;
margin: 20px auto;
max-width: 153px;
font-size: 15px;
}
.sub-search-mobile-contents .popular-ranking__all {
border-width: 0;
box-shadow: none;
padding: 0;
}
.sub-search-mobile-contents .popular-ranking__all .popular-ranking__list span {
font-size: 13px;
}
.sub-search-mobile-contents .popular-ranking__all .popular-ranking__list .item {
display: inline-block;
width: calc(50% - 3px);
}
.sub-search-mobile-contents .popular-ranking__all .popular-ranking__list .item:nth-child(odd) a {
padding-right: 20px;
}
}
@media (max-width: 1199px) and (max-width: 360px) {
.sub-search-mobile-contents .popular-ranking__all .popular-ranking__list .item {
width: 100%;
}
.sub-search-mobile-contents .popular-ranking__all .popular-ranking__list .item:nth-child(odd) a {
padding-right: 0;
}
}
@media (max-width: 1199px) {
.sub-search-mobile-contents .popular-ranking__all .popular-ranking__list .keyword {
color: #000;
}
}
@media (max-width: 1199px) {
.sub-search-mobile .autocomplete {
display: none;
padding: 20px 10px 20px 20px;
top: 51px;
}
.sub-search-mobile .autocomplete.on {
display: block;
}
.sub-search-mobile .autocomplete__close {
top: -59px;
right: 45px;
}
.sub-search-mobile .autocomplete__close::before {
font-size: 25px;
}
.sub-search-mobile .autocomplete__keyword-list li a {
font-size: 16px;
}
.sub-search-mobile .autocomplete__keyword-list li.latest::before {
font-size: 25px;
margin-right: 6px;
}
.sub-search-mobile .autocomplete__keyword-list li.find::before {
font-size: 25px;
margin-right: 6px;
}
}

.search-detail input[type=text] {
width: 100%;
}
.search-detail input[type=checkbox] + i {
margin-right: 5px;
margin-bottom: 4px;
}
.search-detail input[type=checkbox].checked + i:before, .search-detail input[type=checkbox]:checked + i:before {
height: 100%;
margin-top: 0;
}
.search-detail__form dl {
margin-bottom: 40px;
}
.search-detail__form dl dt {
display: inline-block;
min-width: 185px;
color: #000;
font-size: 20px;
font-weight: 700;
position: relative;
padding-left: 30px;
}
.search-detail__form dl dt::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 16px;
height: 17px;
background-position: 0 center;
background-repeat: no-repeat;
background-size: contain;
}
.search-detail__form dl dt label {
font-weight: 700;
}
.search-detail__form dl dd {
display: inline-block;
vertical-align: top;
width: calc(100% - 191px);
}
@media (max-width: 767px) {
.search-detail__form dl {
margin-bottom: 20px;
}
.search-detail__form dl dt {
min-width: 120px;
font-size: 15px;
font-weight: 500;
}
.search-detail__form dl dt label {
font-weight: 500;
}
.search-detail__form dl dt::before {
top: 3px;
}
.search-detail__form dl dd {
width: calc(100% - 131px);
}
}
@media (max-width: 500px) {
.search-detail__form dl dt {
min-width: 100px;
padding-left: 22px;
}
.search-detail__form dl dd {
display: block;
width: 100%;
margin-top: 10px;
}
}
.search-detail__form .search-type dt::before {
background-image: url("/static/kogl/img/common/icon-search-type.png");
}
.search-detail__form .search-company dt::before {
background-image: url("/static/kogl/img/common/icon-search-company.png");
}
.search-detail__form .search-opencode dt::before {
background-image: url("/static/kogl/img/common/icon-search-opencode.png");
}
.search-detail__form .search-period dt::before {
background-image: url("/static/kogl/img/common/icon-search-period.png");
}
.search-detail__form .search-word dt::before {
background-image: url("/static/kogl/img/common/icon-search-word.png");
}
.search-detail__form .search-type .search-detail__select {
margin-top: 18px;
}
@media (max-width: 1199px) {
.search-detail__form .search-type .search-detail__select {
margin-top: 0;
}
.search-detail__form .search-type .search-detail__select label {
display: block;
}
}
.search-detail__form .search-period .search-detail__dateset {
text-align: right;
float: left;
}
.search-detail__form .search-period .search-detail__dateset input[type=text].year {
width: calc(50% - 15px);
min-width: 136px;
max-width: 125px;
}
@media (max-width: 1199px) {
.search-detail__form .search-period .search-detail__dateset {
float: left;
text-align: left;
}
}
@media (max-width: 767px) {
.search-detail__form .search-period .search-detail__dateset {
font-size: 14px;
margin-left: 0;
width: 100%;
}
}
@media (max-width: 360px) {
.search-detail__form .search-period .search-detail__dateset label:first-child input[type=text].year {
min-width: 100%;
margin-bottom: 5px;
}
.search-detail__form .search-period .search-detail__dateset label:last-child input[type=text].year {
width: calc(100% - 15px);
max-width: 100%;
}
}
@media (max-width: 767px) {
.search-detail__form .search-period {
display: block;
}
.search-detail__form .search-period:before, .search-detail__form .search-period:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
}
.search-detail__form .search-company input[readonly] {
font-size: 14px;
}
.search-detail__type {
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.search-detail__type .type {
display: inline-block;
text-align: center;
width: 14.2857142857%;
margin-bottom: 10px;
}
.search-detail__type .type button {
width: calc(100% - 10px);
display: block;
border-radius: 3px;
border: 1px solid #c4c4c4;
background-color: #fdfdfd;
color: #000;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.4px;
padding: 7px 27px;
}
.search-detail__type .type button.checked {
border: 1px solid #000;
background-color: #000;
color: #fff;
font-weight: 400;
}
.search-detail__type .type button.checked:focus {
outline-color: #fff;
outline-offset: -4px;
}
@media (max-width: 1199px) {
.search-detail__type .type {
width: 20%;
}
}
@media (max-width: 767px) {
.search-detail__type .type {
width: 25%;
}
.search-detail__type .type button {
margin: auto;
font-size: 15px;
padding: 3px 10px;
}
}
@media (max-width: 360px) {
.search-detail__type .type {
width: 33.3333333333%;
}
.search-detail__type .type button {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.search-detail__type {
justify-content: flex-start;
}
}
.search-detail__select label + label, .search-detail__selectbox label + label {
margin-left: 33px;
}
@media (max-width: 1199px) {
.search-detail__select label + label, .search-detail__selectbox label + label {
margin-left: 0;
}
}
.search-detail__dateset input[type=text],
.search-detail__dateset input[type=date],
.search-detail__dateset input.date,
.search-detail__dateset input.year {
width: calc(50% - 15px);
min-width: 145px;
max-width: 125px;
}
.search-detail__dateset input[type=text]::placeholder,
.search-detail__dateset input[type=date]::placeholder,
.search-detail__dateset input.date::placeholder,
.search-detail__dateset input.year::placeholder {
color: rgb(34, 34, 34);
letter-spacing: -0.6px;
}
@media (max-width: 500px) {
.search-detail__dateset input[type=text],
.search-detail__dateset input[type=date],
.search-detail__dateset input.date,
.search-detail__dateset input.year {
width: calc(50% - 11px);
min-width: inherit;
max-width: inherit;
}
}
dd + .search-detail__dateset {
width: calc(100% - 450px);
}
.sh .search-detail__dateset {
margin-bottom: 2px;
margin-right: 20px;
min-width: 408px;
}
.sh .search-detail__dateset .label {
font-weight: 500;
width: 90px;
display: inline-block;
}
@media (max-width: 1199px) {
.sh .search-detail__dateset + .inp-sh-set {
width: 100%;
margin-top: 10px;
}
}
@media (max-width: 767px) {
.sh .search-detail__dateset {
margin-right: 0;
min-width: 100%;
}
.sh .search-detail__dateset .label {
width: 50px;
}
.sh .search-detail__dateset .date {
width: calc(50% - 14px - 25px);
max-width: 100%;
}
}
@media (max-width: 360px) {
.sh .search-detail__dateset {
display: block;
}
.sh .search-detail__dateset .label {
display: block;
}
.sh .search-detail__dateset .date {
width: calc(100% - 20px);
}
}
.search-detail__selectbox {
margin-top: 40px;
padding: 20px;
background-color: rgba(0, 0, 0, 0.05);
text-align: center;
}
@media (max-width: 767px) {
.search-detail__selectbox {
text-align: left;
padding: 20px 30px;
}
.search-detail__selectbox label {
display: inline-block;
vertical-align: top;
width: calc(50% - 3px);
}
.search-detail__selectbox label span {
font-size: 14px;
}
}
@media (max-width: 360px) {
.search-detail__selectbox {
padding: 20px 13px;
}
}
.search-detail .dialog_form_actions {
margin: 0 0 40px;
}
@media (max-width: 767px) {
.search-detail__selectbox {
margin-left: -20px;
margin-right: -20px;
}
.search-detail .search-opencode .search-detail__select label {
display: inline-block;
width: calc(33% - 3px);
margin-bottom: 5px;
}
.search-detail .dialog_form_actions {
margin-bottom: 30px;
}
.search-detail .dialog_form_actions .btn-search {
width: calc(100% - 40px);
height: 40px;
background-position-x: calc(50% - 30px);
}
}

.popular-ranking {
position: relative;
width: 322px;
margin: auto 0;
margin-left: 100px;
padding-bottom: 5px;
}
.popular-ranking__skip {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
}
.popular-ranking__skip a {
position: absolute;
top: -100000px;
display: block;
}
.popular-ranking__skip a:hover, .popular-ranking__skip a:focus, .popular-ranking__skip a:active {
top: 0;
text-align: center;
font-size: 14px;
color: #fff;
line-height: 1;
background: #006f5c;
padding: 5px 10px;
}
.popular-ranking__title {
display: inline-block;
vertical-align: top;
height: 30px;
line-height: 28px;
border-radius: 15px;
background: #222222 url(/static/kogl/img/common/icon-pupular.png) 8px center no-repeat;
background-size: 15px 13px;
padding-left: 24px;
padding-right: 8px;
color: #fff;
text-align: center;
cursor: pointer;
}
.popular-ranking__title:focus {
outline: 1px dashed #000;
outline-offset: 2px;
}
.popular-ranking__list {
width: 100%;
height: 30px;
display: inline-block;
}
.popular-ranking__list.swiper {
position: relative;
float: right;
width: calc(100% - 170px);
margin-top: 1px;
}
.popular-ranking__list a {
display: block;
}
.popular-ranking__list span {
font-family: "Noto Sans KR", sans-serif,"New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim";
font-weight: 400;
letter-spacing: -0.38px;
}
.popular-ranking__list .item:nth-child(1) .num,
.popular-ranking__list .item:nth-child(2) .num,
.popular-ranking__list .item:nth-child(3) .num,
.popular-ranking__list .first .num,
.popular-ranking__list .second .num,
.popular-ranking__list .third .num {
background-color: #fff;
color: #222222;
border: 1px solid #222;
}
.popular-ranking__list .num {
width: 20px;
height: 20px;
line-height: 20px;
margin-right: 10px;
border-radius: 100%;
border: none;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
display: inline-block;
text-align: center;
}
.popular-ranking__list .keyword:hover {
text-decoration: underline solid #7a7a7a;
}
.popular-ranking__list .keyword {
width: calc(100% - 84px);
color: #7a7a7a;
font-size: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
.popular-ranking__list .new {
color: #00a589;
font-size: 12px;
font-weight: 700;
letter-spacing: -0.3px;
}
.popular-ranking__list .up,
.popular-ranking__list .down {
display: inline-block;
vertical-align: bottom;
color: #222222;
font-size: 15px;
}
.popular-ranking__list .up::before,
.popular-ranking__list .down::before {
content: "";
display: inline-block;
margin-right: 10px;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.popular-ranking__list .up::before {
border-bottom: 8px solid #e24d4d;
}
.popular-ranking__list .down::before {
border-top: 8px solid #000;
}
.popular-ranking__all {
display: none;
position: absolute;
width: 100%;
left: -5px;
top: 30px;
margin-top: 6px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px;
border: 1px solid #c7c5c5;
background-color: #fff;
padding: 20px 30px;
z-index: 50;
}
.popular-ranking__all.on {
display: block;
}
.popular-ranking__all .popular-ranking__list .item {
margin-bottom: 10px;
}
.popular-ranking__all .popular-ranking__list .num {
width: 24px;
height: 24px;
line-height: 22px;
}
.popular-ranking__all .popular-ranking__list .up::before,
.popular-ranking__all .popular-ranking__list .down::before {
border-right-width: 7px;
border-left-width: 7px;
}
.popular-ranking__all .popular-ranking__list .up::before {
border-top-width: 11px;
}
.popular-ranking__all .popular-ranking__list .down::before {
border-bottom-width: 11px;
}
@media (max-width: 1199px) {
.popular-ranking {
display: none;
}
}

.search-myword {
margin-top: 40px;
}
.search-myword .title {
display: block;
border-radius: 10px 10px 0 0;
font-size: 1.125rem;
font-weight: 700;
padding: 17px 0 15px 30px;
background-size: 28px 24px;
color: #fff;
text-align: center;
background: #666 url(/static/kogl/img/common/icon-myword.png) 61px center no-repeat;
}
.search-myword__box {
padding: 15px;
border-radius: 0 0 10px 10px;
border: 1px solid #c7c5c5;
display: block;
}
.search-myword__box:before, .search-myword__box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.search-myword__box .word {
border-radius: 18px;
border: 1px solid #000;
float: left;
padding: 4px 15px 5px 15px;
margin: 5px;
}
.search-myword__box .word a {
display: inline-block;
width: calc(100% - 25px);
line-height: 1.3;
font-size: 16px;
letter-spacing: -0.4px;
color: #000;
word-break: break-all;
}
.search-myword__box .word button {
width: 15px;
height: 100%;
margin-left: 10px;
}
.search-myword__box .word button::before {
content: "\f00d";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
font-size: 16px;
}

#container {
display: flex;
justify-content: space-between;
margin: 50px auto 120px;
}
#container::after, #container::before {
content: none;
}
#container main {
width: 100%;
}
#container .hgroup {
padding-bottom: 30px;
border-bottom: 2px solid #000;
}
#container .hgroup h1 {
color: #000;
font-family: "Noto Sans KR", sans-serif,"New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim";
font-size: 28px;
font-weight: 500;
letter-spacing: -0.7px;
display: inline-block;
}
#container .hgroup p.location {
float: right;
padding-top: 10px;
}
#container .hgroup p.location span {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
#container .hgroup p.location span::before {
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
color: #000;
}
#container .hgroup p.location span.home::before {
content: "\f015";
margin-right: 10px;
}
#container .hgroup p.location span + span::before {
content: "\f105";
margin: 0 10px;
}
#container .side {
width: 260px;
}
#container .side + main {
width: calc(100% - 260px - 60px);
}
@media (max-width: 1199px) {
#container .side + main {
width: 100%;
}
}
@media (max-width: 1199px) {
#container {
display: block;
margin: 20px auto 60px;
padding-left: 20px;
padding-right: 20px;
}
#container .hgroup {
padding-bottom: 45px;
}
#container .side {
display: none;
}
}
@media (max-width: 767px) {
#container .hgroup {
padding-bottom: 25px;
}
#container .hgroup h1 {
font-size: 22px;
}
#container .hgroup p.location {
float: none;
padding-top: 5px;
}
#container .hgroup p.location span {
font-size: 14px;
}
#container .hgroup p.location span + span::before {
margin: 0 3px;
}
}

.title-box {
margin-top: 40px;
border-bottom: 2px solid #dddddd;
}
.title-box.mrb {
margin-bottom: -22px;
}
.title-box h2,
.title-box .bu1 {
display: inline-block;
border-bottom: none;
}
.title-box .b-arr.more {
float: right;
height: 35px;
padding: 8px 10px;
margin-top: 3px;
font-size: 16px;
}
.title-box__select-sort {
float: right;
display: flex;
}
.title-box__select-sort select {
width: 120px;
}
@media (max-width: 360px) {
.title-box__select-sort select {
width: 100px;
}
}
.title-box__bd-list-type {
margin-left: 10px;
display: inline-block;
vertical-align: middle;
}
.title-box__bd-list-type button {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 3px;
border: 1px solid #9d9d9d;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
}
.title-box__floating {
background-image: url("/static/kogl/img/common/icon-floating.png");
}
.title-box__floating.active {
background-image: url("/static/kogl/img/common/icon-floating--active.png");
}
.title-box__gallery {
background-image: url("/static/kogl/img/common/icon-gallery.png");
}
.title-box__gallery.active {
background-image: url("/static/kogl/img/common/icon-gallery--active.png");
}
.title-box__total {
float: right;
padding-top: 10px;
color: #000;
font-weight: 500;
}
.title-box__total em {
font-weight: 700;
}
.title-box.bdbcolor {
border-bottom-color: #666666;
}
.title-box .b-sh::before {
content: none;
}
.title-box.mypage {
margin-top: 60px;
}
.title-box + .tab-list {
margin-top: 30px;
}
@media (max-width: 767px) {
.title-box {
padding-bottom: 10px;
}
.title-box h2,
.title-box .bu1 {
display: block;
margin-bottom: 0;
font-size: 16px;
padding-left: 13px;
}
.title-box h2::before,
.title-box .bu1::before {
top: 6px;
}
.title-box__select-sort, .title-box__total {
float: none;
justify-content: flex-end;
}
.title-box.mypage {
margin-top: 30px;
text-align: right;
}
.title-box.mypage h2,
.title-box.mypage .bu1 {
text-align: left;
padding-bottom: 0;
}
.title-box.mypage .more {
float: none;
}
}

.top-button {
width: 60px;
height: 60px;
background: #00a589 url(/static/kogl/img/common/icon-top.png) center no-repeat;
position: absolute;
right: 0;
bottom: 200px;
z-index: 200;
outline-offset: -2px;
}
.top-button.fixed {
animation: fadeInFromNone 0.5s ease-out;
position: fixed;
bottom: 0;
}
@media (min-width: 2560px) {
.top-button {
right: calc(20% - 38px);
}
}
@media (max-width: 1199px) {
.top-button {
bottom: 0;
}
}
@media (max-width: 767px) {
.top-button {
display: none;
}
}

@keyframes fadeInFromNone {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* footer */
#footer {
position: relative;
}

.footer-banner {
background-color: #fff;
border-top: 1px solid #ddd;
}
.footer-banner .container {
height: 77px;
}
.footer-banner .swiper {
height: 100%;
}
.footer-banner__list {
overflow: hidden;
height: 77px;
margin-left: 60px;
margin-right: 90px;
}
.footer-banner__list .swiper-slide a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
outline-offset: -2px;
}
.footer-banner__button-next, .footer-banner__button-prev {
position: absolute;
top: 50%;
width: 17px;
height: 32px;
margin-top: -17px;
z-index: 10;
background: url(/static/kogl/img/common/icon-arr.png);
}
.footer-banner__button-prev {
left: 0;
}
.footer-banner__button-next {
right: 0;
transform: scaleX(-1);
}
.footer-banner__button-play, .footer-banner__button-stop {
position: absolute;
top: 50%;
right: 37px;
width: 17px;
height: 20px;
margin-top: -12px;
z-index: 10;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.footer-banner__button-stop {
background-image: url(/static/kogl/img/common/icon-play.png);
}
.footer-banner__button-play {
background-image: url(/static/kogl/img/common/icon-stop.png);
}

.footer-menu {
background-color: #172531;
}
.footer-menu .container {
display: flex;
justify-content: space-between;
height: 240px;
}
.footer-menu .footer-left {
width: calc(100% - 455px);
padding-top: 30px;
}
.footer-menu .footer-right {
padding-top: 80px;
text-align: right;
}
.footer-menu .footer-right .hunting-line {
display: none;
}
.footer-menu .hunting-line {
color: #fff;
font-family: "Roboto", sans-serif,"New Gulim", "AppleGothic", "맑은고딕", "malgun gothic";
font-size: 44px;
font-weight: 700;
}
.footer-menu address {
font-style: normal;
}
.footer-menu address .address > p {
display: inline-block;
color: #fff;
font-size: 16px;
}
.footer-menu address .address > p.db {
display: block;
margin-bottom: 10px;
}
.footer-menu address .address > p .mail {
color: #fff;
text-decoration: underline;
margin-left: 10px;
padding-left: 20px;
background: url(/static/kogl/img/common/icon-email.png) 0 center no-repeat;
}
.footer-menu address .address > p .num {
color: #fff;
}
.footer-menu__list {
display: flex;
}
.footer-menu__list li a {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.footer-menu__list li a.point {
color: #03ddb8;
}
.footer-menu__list li + li a {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #485560;
}
.footer-menu__link a {
vertical-align: top;
}
.footer-menu__link a:focus {
outline: 1px dashed #fff;
}
.footer-menu__link .kcisa-link {
margin-left: 40px;
}
.footer-menu__mark {
margin-top: 30px;
}
.footer-menu__mark a {
vertical-align: middle;
}
.footer-menu__mark a:focus {
outline: 1px dashed #fff;
}
.footer-menu__mark .wa-link {
width: 78px;
height: 50px;
}
.footer-menu__mark .kcopa-link {
width: 76px;
height: 40px;
margin-left: 20px;
}
@media (max-width: 1199px) {
.footer-menu .container {
display: grid;
height: auto;
grid-template-columns: 1fr;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.footer-menu .container {
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 1199px) {
.footer-menu .footer-left {
width: 100%;
padding-top: 20px;
padding-bottom: 50px;
}
.footer-menu .footer-left address .address > p {
font-weight: 300;
}
.footer-menu .footer-left address .address > p.db {
margin-bottom: 0;
}
.footer-menu .footer-left address .hunting-line {
display: none;
}
}
@media (max-width: 1199px) {
.footer-menu .footer-right {
grid-row: 1/2;
padding-top: 50px;
text-align: left;
}
.footer-menu .footer-right .hunting-line {
display: block;
line-height: 1;
margin-bottom: 20px;
}
}
@media (max-width: 1199px) {
.footer-menu__mark {
margin-top: 10px;
}
.footer-menu__mark a {
max-width: 58px;
}
}
@media (max-width: 1199px) {
.footer-menu__link a {
max-width: 147px;
}
.footer-menu__link .kcisa-link {
max-width: 156px;
margin-left: 10px;
}
}
@media (max-width: 1199px) {
.footer-menu__list {
flex-wrap: wrap;
margin-bottom: 15px;
}
.footer-menu__list li {
display: inline-block;
width: auto;
margin-bottom: 5px;
}
.footer-menu__list li + li a {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #485560;
}
}
@media (max-width: 1199px) and (max-width: 400px) {
.footer-menu__list li:nth-child(4) a, .footer-menu__list li:nth-child(6) a {
margin-left: 0;
padding-left: 0;
border-left-width: 0;
}
}

.lnb-detail__form-mobile {
margin-bottom: 20px;
display: flex;
}
@media (min-width: 1200px) {
.lnb-detail__form-mobile {
display: none;
}
}
.lnb-detail__form-mobile .lnb-detail__form {
width: calc(100% - 30px);
padding: 0;
display: grid;
grid-template-columns: repeat(2, 50%);
border-width: 0 0 0 1px;
}
@media (max-width: 360px) {
.lnb-detail__form-mobile .lnb-detail__form {
width: calc(100% - 20px);
}
}
.lnb-detail__form-mobile .lnb-detail__form > div {
border-bottom: 1px solid #dddddd;
}
.lnb-detail__form-mobile .lnb-detail__form > div:nth-child(2) {
border-left: 1px solid #ddd;
}
.lnb-detail__form-mobile .lnb-detail__form > div:nth-child(4) {
border-left: 1px solid #ddd;
}
.lnb-detail__form-mobile .lnb-detail__form > div:nth-child(5), .lnb-detail__form-mobile .lnb-detail__form > div.wide {
grid-column: 1/3;
border-left-width: 0;
}
.lnb-detail__form-mobile .lnb-detail__form > div:nth-child(5) .lnb-detail__checkbox-list label, .lnb-detail__form-mobile .lnb-detail__form > div.wide .lnb-detail__checkbox-list label {
display: inline-block;
width: calc(33% - 3px);
}
.lnb-detail__form-mobile .lnb-detail__form > div:nth-child(6) {
grid-column: 1/3;
}
.lnb-detail__form-mobile .lnb-detail__form > div.bdlnone {
border-left-width: 0;
}
.lnb-detail__form-mobile .lnb-detail__form > div.bdl {
border-left: 1px solid #ddd;
}
.lnb-detail__form-mobile .lnb-detail__form > div .lnb-detail__checkbox-list.type2 label {
display: inline-block;
width: calc(50% - 3px);
}
@media (max-width: 360px) {
.lnb-detail__form-mobile .lnb-detail__form > div .lnb-detail__checkbox-list.type2 label {
width: 100%;
}
}
.lnb-detail__form-mobile .lnb-detail__form .open-dept,
.lnb-detail__form-mobile .lnb-detail__form .lnb-detail__selectbox-list,
.lnb-detail__form-mobile .lnb-detail__form .lnb-detail__checkbox-list,
.lnb-detail__form-mobile .lnb-detail__form .lnb-detail__input,
.lnb-detail__form-mobile .lnb-detail__form .search-detail__dateset {
display: none;
}
.lnb-detail__form-mobile .lnb-detail__form .lnb-detail__checkbox {
margin-bottom: 0;
}
.lnb-detail__form-mobile .lnb-detail__form .btn-set {
display: none;
margin-top: 0;
padding: 9px 14px;
background-color: #e5f7f4;
text-align: right;
}
.lnb-detail__form-mobile .lnb-detail__form .btn-set button {
display: inline-block;
width: calc(50% - 5px);
font-size: 14px;
background-size: 20px;
background-position-x: 31px;
}
.lnb-detail__form-mobile .lnb-detail__form .btn-set button:first-child {
float: left;
background-size: 14px;
background-position-x: 17px;
}
@media (max-width: 360px) {
.lnb-detail__form-mobile .lnb-detail__form .btn-set button {
padding-left: 25px;
background-position-x: 14px;
}
.lnb-detail__form-mobile .lnb-detail__form .btn-set button:first-child {
background-position-x: 5px;
padding-left: 20px;
}
}
.lnb-detail__form-mobile .lnb-detail__form .title {
text-align: center;
border-bottom: 0;
padding-top: 9px;
padding-bottom: 9px;
font-size: 15px;
background-color: rgb(246, 246, 246);
}
.lnb-detail__form-mobile .lnb-detail__form .title label {
font-size: 15px;
}
.lnb-detail__form-mobile .lnb-detail__form input[type=checkbox] + i {
margin-right: 7px;
}
.lnb-detail__form-mobile .lnb-detail__form input[type=checkbox] + i + span {
font-size: 14px;
letter-spacing: -0.8px;
}
@media (max-width: 360px) {
.lnb-detail__form-mobile .lnb-detail__form input[type=checkbox] + i + span {
font-size: 12px;
letter-spacing: -1.2px;
}
}
@media (max-width: 767px) {
.lnb-detail__form-mobile .lnb-detail__form input[type=checkbox] + i {
margin-right: 3px;
}
}
.lnb-detail__form-mobile .lnb-detail__form .search-detail__dateset label:first-child input[type=text].year {
min-width: 100%;
margin-bottom: 5px;
}
.lnb-detail__form-mobile .lnb-detail__form .search-detail__dateset label:last-child input[type=text].year {
min-width: calc(100% - 17px);
}
@media (max-width: 360px) {
.lnb-detail__form-mobile .lnb-detail__form .search-detail__dateset label:last-child input[type=text].year {
min-width: 100%;
}
}
@media (max-width: 767px) {
.lnb-detail__form-mobile .lnb-detail__form .search-detail__dateset {
font-size: 14px;
}
}
.lnb-detail__form-mobile .toggle-btn {
width: 30px;
background: #02b294 url(/static/kogl/img/common/icon-arrow-m.png) center no-repeat;
}
@media (max-width: 360px) {
.lnb-detail__form-mobile .toggle-btn {
width: 20px;
}
}
.lnb-detail__form-mobile.active .lnb-detail__form .open-dept,
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__selectbox-list,
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__checkbox-list,
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__input,
.lnb-detail__form-mobile.active .lnb-detail__form .search-detail__dateset,
.lnb-detail__form-mobile.active .lnb-detail__form .btn-set {
display: block;
}
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__selectbox-list,
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__checkbox-list,
.lnb-detail__form-mobile.active .lnb-detail__form .search-detail__dateset {
padding: 15px 10px;
}
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__checkbox-list {
border-bottom-width: 0;
}
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__inputbox .lnb-detail__input {
width: calc(100% - 20px);
margin: 15px auto;
}
.lnb-detail__form-mobile.active .lnb-detail__form .lnb-detail__inputbox .lnb-detail__input[readonly] {
font-size: 14px;
}
.lnb-detail__form-mobile.active .toggle-btn {
transform: scaleY(-1);
}

.autocomplete {
z-index: 50;
position: absolute;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
border-radius: 3px;
border: 1px solid #9d9d9d;
background-color: #fff;
padding: 30px 20px 30px 30px;
display: none;
}
.autocomplete.on {
display: block;
}
.autocomplete__keyword {
position: relative;
}
.autocomplete__close {
position: absolute;
}
.autocomplete__close::before {
content: "\f00d";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
color: #666;
font-size: 35px;
}
.autocomplete__keyword-list {
max-height: 230px;
overflow-y: auto;
overflow-x: hidden;
}
.autocomplete__keyword-list li {
margin: 5px 0;
}
.autocomplete__keyword-list li a {
width: calc(100% - 80px);
display: inline-block;
vertical-align: top;
font-size: 1.125rem;
font-weight: 500;
color: #000;
word-break: break-all;
}
.autocomplete__keyword-list li em {
color: #00a589;
}
.autocomplete__keyword-list li.latest::before {
content: "\f017";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
font-size: 30px;
margin-right: 15px;
margin-bottom: 2px;
vertical-align: middle;
}
.autocomplete__keyword-list li.find::before {
content: "\f002";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
font-size: 30px;
margin-right: 15px;
margin-bottom: 2px;
vertical-align: middle;
}
@media (max-width: 767px) {
.autocomplete {
padding: 20px 10px 20px 20px;
}
.autocomplete__close::before {
font-size: 25px;
}
.autocomplete__keyword-list li a {
font-size: 16px;
}
.autocomplete__keyword-list li.latest::before {
font-size: 25px;
margin-right: 6px;
}
.autocomplete__keyword-list li.find::before {
font-size: 25px;
margin-right: 6px;
}
}

.question-mark {
display: inline-block;
position: relative;
padding-bottom: 5px;
}
.question-mark i {
color: #666;
cursor: pointer;
}
@media (min-width: 768px) {
/* .question-mark:hover .question-mark__answer, .question-mark:active .question-mark__answer, .question-mark:focus .question-mark__answer { */
.question-mark:hover .question-mark__answer , .question-mark:focus .question-mark__answer{
display: block;
}
}
.question-mark__answer {
display: none;
position: absolute;
top: 40px;
left: 0;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px;
border: 1px solid #c7c5c5;
background-color: #fff;
padding: 10px 20px;
z-index: 50;
min-width: 300px;
}
.question-mark__answer.on {
display: block;
}
.label .question-mark__answer {
top: 23px;
}
.question-mark__answer p {
font-size: 16px;
font-weight: 400;
word-break: keep-all;
}
@media (max-width: 767px) {
.question-mark__answer {
min-width: 220px;
padding: 10px;
top: 33px;
left: 50%;
transform: translateX(-40%);
}
.question-mark__answer p {
font-size: 14px;
}
}

.open-dept {
position: relative;
}
.open-dept input {
padding-right: 20px !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.open-dept__btn {
position: absolute;
right: 8px;
top: 50%;
margin-top: -10px;
}
.open-dept__btn::before {
content: "\f002";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
font-size: 20px;
transform: scaleX(-1);
}
.input-group .open-dept__btn, .lnb-detail__form .open-dept__btn {
right: 12px;
}
@media (max-width: 767px) {
.input-group .open-dept__btn {
margin-top: -13px;
}
}
@media (max-width: 767px) {
.open-dept__btn {
right: 5px;
}
}

.swiper-button-lock {
display: inline-block !important;
}

[class^=b-],
.btn {
min-width: 120px;
display: inline-block;
min-height: 35px;
line-height: 1;
vertical-align: middle;
padding: 8px 10px;
background-color: #00a589;
border: none;
border-radius: 5px;
font-size: 18px;
text-align: center;
text-indent: 0 !important;
color: #fff;
/* &:hover,
&:focus {
	text-decoration: underline;
	color: #fff;
	background-color: $point;
} */
}
[class^=b-]:focus,
.btn:focus {
outline: 1px dashed #fff;
outline-offset: -3px;
}
@media (max-width: 1199px) {
[class^=b-],
.btn {
min-width: 80px;
}
}
table [class^=b-],
table .btn {
min-height: 40px;
padding: 10px;
min-width: 92px;
background-color: #222;
color: #fff;
font-size: 16px;
}
.reg [class^=b-], .reg__view [class^=b-],
.reg .btn,
.reg__view .btn {
min-height: 34px;
padding: 11px 10px;
min-width: 92px;
background-color: #666;
color: #fff;
font-size: 16px;
}
.dialog [class^=b-],
.dialog .btn {
background-color: #222;
border-radius: 3px;
font-weight: 500;
padding: 0 20px;
font-size: 16px;
line-height: 38px;
}
.sh [class^=b-],
.sh .btn {
background-color: #00a589;
font-size: 16px;
}
[class^=b-].xs,
.btn.xs {
height: 40px;
padding: 10px 22px;
}
[class^=b-].sm,
.btn.sm {
padding: 5px;
min-height: inherit;
line-height: 26px;
}
[class^=b-].md,
.btn.md {
min-width: 132px;
}
[class^=b-].md2,
.btn.md2 {
min-width: 160px;
min-height: 50px;
padding: 15px 10px !important;
}
[class^=b-].lg,
.btn.lg {
padding: 5px 90px !important;
min-height: 50px;
line-height: 50px;
}
@media (max-width: 767px) {
[class^=b-].lg,
.btn.lg {
padding: 5px !important;
}
}
[class^=b-].lgs,
.btn.lgs {
min-width: 200px;
min-height: 50px;
padding: 15px 23px !important;
}
[class^=b-].w-a,
.btn.w-a {
width: auto !important;
}
[class^=b-].w-md,
.btn.w-md {
padding: 15px 10px !important;
}
@media (min-width: 1200px) {
[class^=b-].w-md,
.btn.w-md {
width: 300px !important;
}
}
[class^=b-].w-lg,
.btn.w-lg {
width: 100% !important;
}
@media (min-width: 1200px) {
[class^=b-].w-lg,
.btn.w-lg {
width: 390px !important;
}
}
[class^=b-].w-lg + .w-lg,
.btn.w-lg + .w-lg {
margin-top: 5px;
}

[class^=b-].b-btn {
height: 50px;
padding: 15px 38px;
background: #222;
color: #fff;
}
[class^=b-].b-btn.dark {
background: #000;
}
[class^=b-].b-point {
background: #00a589;
color: #fff;
padding: 0 30px;
}
[class^=b-].b-refer {
background-color: #fff;
color: #00a589;
border: 1px solid #00a589;
border-radius: 5px;
}
[class^=b-].b-refer:focus {
outline-color: #000;
}
[class^=b-].b-down {
background-color: #00a589;
border: 1px solid #00a589;
font-weight: 400;
}
[class^=b-].b-down:before {
content: "\f019";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
display: inline;
margin-right: 10px;
}
[class^=b-].b-down:hover, [class^=b-].b-down:focus, [class^=b-].b-down:active {
border: 1px solid #00a589;
color: #00a589;
background-color: #fff;
text-decoration: none;
}
@media (max-width: 767px) {
[class^=b-].b-down.sm {
padding-left: 5px;
padding-right: 5px;
}
}
@media (max-width: 1199px) {
[class^=b-].b-down.md {
width: 180px;
}
}
[class^=b-].b-down.r::before {
display: none;
}
[class^=b-].b-down.r::after {
content: "\f019";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
display: inline;
margin-left: 10px;
}
[class^=b-].b-link {
background-color: #999;
padding-left: 40px;
padding-right: 40px;
}
[class^=b-].b-link:after {
content: "\f35d";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
display: inline;
margin-left: 10px;
}
td [class^=b-].b-link {
padding-left: 4px;
padding-right: 4px;
text-indent: 0;
}
.reg [class^=b-].b-link, .reg__view [class^=b-].b-link {
background-color: #666;
padding-left: 10px;
padding-right: 10px;
}
.reg [class^=b-].b-link:after, .reg__view [class^=b-].b-link:after {
margin-left: 5px;
}
[class^=b-].b-link.s {
padding-left: 8px;
padding-right: 8px;
}
p > [class^=b-].b-link {
margin-top: -10px;
margin-bottom: -10px;
}
.board-view__content-db-detail [class^=b-].b-link {
background: #222;
font-size: 16px;
padding: 5px 10px;
min-height: 25px;
min-width: auto;
vertical-align: text-top;
margin-left: 5px;
}
@media (max-width: 360px) {
.board-view__content-db-detail [class^=b-].b-link {
margin-left: 0;
}
}
[class^=b-].b-chkAll {
background-color: #999;
}
[class^=b-].b-write {
color: #fff;
background-color: #222;
min-width: 160px;
min-height: 50px;
padding: 15px 10px;
}
[class^=b-].b-write:focus {
outline: 1px dashed #fff;
outline-offset: -3px;
}
[class^=b-].b-apply {
background-color: #fff;
color: #000;
border: 1px solid #ccc;
}
[class^=b-].b-apply:focus {
outline-color: #000;
}
[class^=b-].b-line {
background-color: #fff;
color: #222;
border: 1px solid #222;
}
[class^=b-].b-line:focus {
outline-color: #000;
}
[class^=b-].b-move {
background-color: #29a400;
color: #fff;
border: 1px solid #29a400;
}
[class^=b-].b-report {
background-color: #ffc400;
color: #fff;
border: 1px solid #ffc400;
}
[class^=b-].b-del {
background-color: #222;
}
[class^=b-].b-del2 {
background-color: #666;
}
table [class^=b-].b-del, .reg [class^=b-].b-del {
background-color: #fff;
border: 1px solid #666;
color: #666;
}
table [class^=b-].b-del:focus, .reg [class^=b-].b-del:focus {
outline-color: #000;
}
[class^=b-].b-add {
background-color: #00a589;
color: #fff;
}
[class^=b-].b-add::after {
content: "\f067";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
margin-left: 5px;
}
table [class^=b-].b-add, .reg [class^=b-].b-add {
border: 1px solid #00a589;
background-color: #fff;
color: #00a589;
}
table [class^=b-].b-add:focus, .reg [class^=b-].b-add:focus {
outline-color: #000;
}
.title-box [class^=b-].b-add {
font-size: 16px;
padding-left: 20px;
padding-right: 20px;
}
[class^=b-].b-cancel {
background-color: #fff;
color: #222;
border: 1px solid #222;
}
[class^=b-].b-cancel:focus {
outline-color: #000;
}
[class^=b-].b-save {
background-color: #222;
color: #fff;
}
[class^=b-].b-modify, [class^=b-].b-edit {
background-color: #222;
color: #fff;
}
[class^=b-].b-join {
background-color: #fff;
color: #00a589;
width: 180px;
border: 1px solid #000;
text-align: left;
height: 50px;
}
[class^=b-].b-join:focus {
outline-color: #000;
}
[class^=b-].b-arr {
height: 50px;
border-radius: 3px;
background-color: #222;
padding: 15px 38px;
color: #fff;
font-size: 1.125rem;
}
[class^=b-].b-arr:after {
content: "\f105";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
margin-left: 1px;
}
[class^=b-].b-arr.type2 {
height: 40px;
background-color: #fff;
color: #00a589;
border: 1px solid #00a589;
border-radius: 3px;
padding: 9px 32px;
}
[class^=b-].b-arr.type2:focus {
outline-color: #000;
}
[class^=b-].b-arr.type3 {
background-color: #666;
height: 35px;
line-height: 1.2;
font-size: 16px;
padding: 7px 20px;
font-weight: 300;
}
[class^=b-].b-arr.type3:after {
content: "\f105";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
margin-left: 1px;
}
[class^=b-].b-list {
padding: 10px 62px;
color: #fff;
font-size: 1.125rem;
background-color: #222;
border-radius: 5px;
font-weight: 500;
}
[class^=b-].b-help {
background-color: #00a589;
}
[class^=b-].b-help::after {
content: "\f059";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
}
[class^=b-].b-reset2 {
color: #00a589;
background-color: #fff;
border: 1px solid #00a589;
border-radius: 3px;
font-weight: 500;
line-height: 36px;
padding: 0 10px;
margin-left: 5px;
}
[class^=b-].b-reset2::before {
content: "\f2f9";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
padding-bottom: 3px;
padding-right: 3px;
}
.bd-list__sh [class^=b-].b-reset2 {
background-color: #fff;
margin-left: 0;
}
[class^=b-].b-reset2:focus {
outline: 1px dashed #000;
outline-offset: -3px;
}

.btn-boardsearch,
.b-sh,
.b-reset2 {
min-width: 94px;
height: 40px;
color: #ffffff;
background-color: #00a589;
border-radius: 3px;
font-weight: 500;
padding: 0 20px;
font-size: 16px;
}
.bd-list__sh .btn-boardsearch,
.bd-list__sh .b-sh,
.bd-list__sh .b-reset2 {
background-color: #666;
}
.btn-boardsearch:focus,
.b-sh:focus,
.b-reset2:focus {
outline: 1px dashed #fff;
outline-offset: -3px;
}
.btn-boardsearch::before,
.b-sh::before,
.b-reset2::before {
content: "\f002";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
transform: scaleX(-1);
}
.btn-boardsearch.view::before,
.b-sh.view::before,
.b-reset2.view::before {
content: none;
}

.btn-search {
width: 140px;
height: 60px;
border-radius: 3px;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.45px;
display: inline-block;
vertical-align: middle;
border: 2px solid #02b294;
color: #00a589;
padding-left: 20px;
background: #fff url(/static/kogl/img/common/btn-search2.png) 38px center no-repeat;
}
.btn-search.download {
width: 164px;
background-image: none;
padding-left: 0;
}
.btn-search.download::before {
content: "\f019";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
font-size: 30px;
vertical-align: middle;
margin-left: -15px;
margin-right: 5px;
}
.btn-search.next {
width: 164px;
background-image: none;
padding-left: 10px;
}
.btn-search.next::after {
content: "\f105";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
font-size: 20px;
margin-left: 10px;
}
.btn-search.confirm {
width: 164px;
background-image: none;
padding-left: 0;
}
.btn-search.detail {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
border: 2px solid #02b294;
background-image: none;
color: #00a589;
padding-left: 0;
}
.btn-search.detail::before {
content: "\f106";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
padding-right: 5px;
}
@media (max-width: 1199px) {
.btn-search.detail {
width: 80px;
height: 50px;
font-size: 16px;
}
.btn-search.detail::before {
content: none;
}
}

.url-link {
margin: 20px 0;
background: #e7ebec url(/static/kogl/img/ico-doc.png) 20px center no-repeat;
line-height: 1;
padding: 12px 50px 12px 45px;
color: #00a589;
font-size: 16px;
font-weight: bold;
display: inline-block;
box-shadow: 1px 2px 0 0 hsla(0deg, 0%, 0%, 0.25);
position: relative;
}
.url-link:after {
content: "";
position: absolute;
right: 20px;
top: 13px;
width: 8px;
height: 14px;
background: url(/static/kogl/img/ico-arrRight.png) 0 0 no-repeat;
}

[class*=ico-]:before {
display: inline-block;
font-style: normal;
margin-right: 6px;
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
}

.btn-set {
margin: 60px 0 0;
text-align: right;
}
.btn-set.c {
text-align: center;
}
.btn-set.l {
text-align: left;
}
@media (max-width: 767px) {
.btn-set {
margin-top: 20px;
}
.btn-set > * {
margin-bottom: 5px;
}
}

a.link {
position: relative;
word-break: break-all;
display: inline;
}
a.link::after {
content: "";
position: absolute;
right: -30px;
bottom: 0;
background: url(/static/kogl/img/common/icon-link.png) 0 0 no-repeat;
width: 20px;
height: 20px;
}
a.link:hover {
box-shadow: inset 0 -1px 0 #000;
}

.btn-fdel {
background: #3e588a url(/images/front/sub/btn_fdel.png) no-repeat;
height: 26px;
width: 26px;
vertical-align: middle;
margin: 5px 10px 10px;
}

[role=alertdialog],
[role=dialog] {
box-sizing: border-box;
min-height: 100vh;
overflow: hidden;
background-color: #fff;
max-width: 600px;
}
[role=alertdialog] .head,
[role=dialog] .head {
background-color: #00a589;
color: #fff;
height: 55px;
padding: 10px 20px 10px 30px;
}
[role=alertdialog] .head .dialog-label,
[role=dialog] .head .dialog-label {
display: inline-block;
color: #fff;
font-size: 22px;
font-weight: 400;
}
[role=alertdialog] .head .dialog-close,
[role=dialog] .head .dialog-close {
float: right;
}
[role=alertdialog] .head .dialog-close::before,
[role=dialog] .head .dialog-close::before {
content: "\f00d";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
color: #fff;
font-size: 32px;
}
@media (max-width: 767px) {
[role=alertdialog] .head,
[role=dialog] .head {
position: relative;
padding: 10px 31px 10px 10px;
height: 44px;
}
[role=alertdialog] .head .dialog-label,
[role=dialog] .head .dialog-label {
font-size: 16px;
}
[role=alertdialog] .head .dialog-close,
[role=dialog] .head .dialog-close {
float: none;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
}
}
.w-md [role=alertdialog],
.w-md [role=dialog] {
max-width: 800px;
}
[role=alertdialog] .body,
[role=dialog] .body {
padding: 20px 25px 30px 32px;
}
@media (min-width: 768px) {
[role=alertdialog] .body.scroll,
[role=dialog] .body.scroll {
height: 480px;
overflow-y: auto;
}
}
[role=alertdialog] .body .filedown dl,
[role=dialog] .body .filedown dl {
margin-bottom: 20px;
}
[role=alertdialog] .body .image-preview,
[role=dialog] .body .image-preview {
max-width: 960px;
position: relative;
overflow: hidden;
background-size: contain;
background-repeat: no-repeat;
background-position: center 0;
border: 1px solid #ddd;
}
[role=alertdialog] .body .image-preview::before,
[role=dialog] .body .image-preview::before {
content: "";
display: block;
height: 0;
padding-top: 56.25%;
}
[role=alertdialog] .body h3,
[role=dialog] .body h3 {
font-size: 20px;
font-weight: 700;
line-height: 1.6;
margin-bottom: 0;
padding-left: 13px;
}
[role=alertdialog] .body h3.bu1,
[role=dialog] .body h3.bu1 {
margin-top: 10px;
}
[role=alertdialog] .body p,
[role=dialog] .body p {
font-size: 1.125rem;
}
[role=alertdialog] .body .box,
[role=dialog] .body .box {
border-color: #ddd;
}
[role=alertdialog] .body h4.bu2,
[role=dialog] .body h4.bu2 {
padding-bottom: 15px;
margin-top: 5px;
}
[role=alertdialog] .body .radio-box label,
[role=dialog] .body .radio-box label {
display: inline-block;
}
[role=alertdialog] .body .dl-list,
[role=dialog] .body .dl-list {
padding: 0 12px 5px;
}
[role=alertdialog] .body .dl-list dl,
[role=dialog] .body .dl-list dl {
margin-bottom: 10px;
}
[role=alertdialog] .body .dl-list dl dt,
[role=dialog] .body .dl-list dl dt {
width: 105px;
}
[role=alertdialog] .body .dl-list dl dd,
[role=dialog] .body .dl-list dl dd {
width: calc(100% - 105px);
}
@media (max-width: 767px) {
[role=alertdialog] .body .dl-list dl dd,
[role=dialog] .body .dl-list dl dd {
width: 100%;
}
[role=alertdialog] .body .dl-list.type2,
[role=dialog] .body .dl-list.type2 {
padding: 0;
}
[role=alertdialog] .body .dl-list.type2 dl,
[role=dialog] .body .dl-list.type2 dl {
display: block;
}
[role=alertdialog] .body .dl-list.type2 dt,
[role=dialog] .body .dl-list.type2 dt {
margin-bottom: 10px;
}
[role=alertdialog] .body .dl-list.type2 dd,
[role=dialog] .body .dl-list.type2 dd {
width: 100%;
}
[role=alertdialog] .body .dl-list.type2 dd .radio-select label span,
[role=dialog] .body .dl-list.type2 dd .radio-select label span {
font-size: 15px;
}
}
[role=alertdialog] .body + .dialog_form_actions,
[role=dialog] .body + .dialog_form_actions {
margin: 0 0 30px;
}
[role=alertdialog] .body .agree-checkbox input[type=checkbox] + i,
[role=dialog] .body .agree-checkbox input[type=checkbox] + i {
margin-right: 9px;
margin-bottom: 3px;
}
[role=alertdialog] .btn-search,
[role=dialog] .btn-search {
height: 45px;
}
[role=alertdialog] .pagination-set,
[role=dialog] .pagination-set {
margin-bottom: 0;
}
[role=alertdialog] .box__scroll p,
[role=dialog] .box__scroll p {
font-size: 16px;
}
@media (max-width: 1199px) {
[role=alertdialog] .box__scroll p,
[role=dialog] .box__scroll p {
font-size: 14px;
}
}
[role=alertdialog] [class^=tablist],
[role=dialog] [class^=tablist] {
margin-bottom: 20px;
}
@media (max-width: 1199px) {
[role=alertdialog] [class^=tablist],
[role=dialog] [class^=tablist] {
margin-bottom: 0;
}
[role=alertdialog] [class^=tablist] ul li a,
[role=dialog] [class^=tablist] ul li a {
padding: 10px 0;
}
}
@media (min-width: 768px) {
[role=alertdialog],
[role=dialog] {
position: absolute;
top: 50vh;
left: 50vw;
transform: translate(-50%, -50%);
min-width: 600px;
min-height: auto;
}
.w-md [role=alertdialog],
.w-md [role=dialog] {
min-width: 1020px;
}
.h-md [role=alertdialog]#dialog2,
.h-md [role=dialog]#dialog2 {
top: 60vh;
}
}
[role=alertdialog] .lightbox,
[role=dialog] .lightbox {
background-color: #999;
padding: 30px;
}
@media (max-width: 1199px) {
[role=alertdialog],
[role=dialog] {
width: calc(100% - 40px);
min-width: calc(100% - 40px) !important;
min-height: auto;
margin-left: auto;
margin-right: auto;
}
[role=alertdialog] .body,
[role=dialog] .body {
padding: 30px 20px 20px;
}
[role=alertdialog] .body h3,
[role=dialog] .body h3 {
font-size: 16px;
}
[role=alertdialog] .body h3.bu1::before,
[role=dialog] .body h3.bu1::before {
top: 5px;
}
[role=alertdialog] .body p,
[role=dialog] .body p {
font-size: 14px;
}
[role=alertdialog] .body .box .inner,
[role=dialog] .body .box .inner {
padding: 20px;
}
[role=alertdialog] .body .box p,
[role=dialog] .body .box p {
font-size: 16px;
}
[role=alertdialog] .body .box__gray,
[role=dialog] .body .box__gray {
margin-left: -20px;
margin-right: -20px;
}
[role=alertdialog] .body .box__gray .agree-checkbox,
[role=dialog] .body .box__gray .agree-checkbox {
padding: 20px 10px;
text-align: left;
text-indent: -18px;
margin-left: 50px;
margin-right: 20px;
font-size: 14px;
}
[role=alertdialog] .body .box__gray .agree-checkbox input[type=checkbox] + i,
[role=dialog] .body .box__gray .agree-checkbox input[type=checkbox] + i {
text-indent: 0;
margin-bottom: 3px;
}
[role=alertdialog] .body h4.bu2,
[role=dialog] .body h4.bu2 {
font-size: 15px;
padding-left: 15px;
}
[role=alertdialog] .body h4.bu2::before,
[role=dialog] .body h4.bu2::before {
top: 9px;
}
[role=alertdialog] .body .radio-box label,
[role=dialog] .body .radio-box label {
min-width: calc(33.3333333333% - 5px);
}
}
@media (max-width: 1199px) and (max-width: 360px) {
[role=alertdialog] .body .radio-box label,
[role=dialog] .body .radio-box label {
min-width: 100%;
}
}
@media (max-width: 767px) {
[role=alertdialog],
[role=dialog] {
margin-top: 85px;
margin-bottom: 50px;
}
[role=alertdialog] .body,
[role=dialog] .body {
padding-top: 10px;
}
}
[role=alertdialog].cke_dialog_container,
[role=dialog].cke_dialog_container {
min-width: auto;
max-width: inherit;
transform: inherit;
}

.dialog_form input[type=text],
.dialog_form input[type=number],
.dialog_form input[type=date],
.dialog_form input[type=text],
.dialog_form input[type=password],
.dialog_form input[type=file],
.dialog_form input[type=tel],
.dialog_form select,
.dialog_form textarea {
height: 35px;
}
@media (max-width: 767px) {
.dialog_form {
margin: 0;
}
}
.dialog_form h3 span.red {
margin-left: 20px;
}
.dialog_form .label_text {
box-sizing: border-box;
padding-right: 0.5em;
display: inline-block;
font-size: 16px;
font-weight: bold;
width: 30%;
text-align: right;
}
@media (max-width: 767px) {
.dialog_form .label_text {
width: 100%;
text-align: left;
}
}
.dialog_form .label_info {
box-sizing: border-box;
padding-right: 0.5em;
font-size: 12px;
width: 30%;
text-align: right;
display: inline-block;
}
.dialog_form .phone-box select,
.dialog_form .phone-box input {
min-width: 110px;
max-width: 110px;
}
.dialog_form .phone-box .between {
padding-right: 4px;
}
.dialog_form .mail-box select,
.dialog_form .mail-box input {
min-width: 180px;
max-width: 180px;
}
.dialog_form .mail-box .between {
padding-left: 4px;
}
.dialog_form .check-box {
padding: 0 12px 5px;
}
.dialog_form .check-box label {
display: block;
margin-bottom: 10px;
}
.dialog_form input.default {
min-width: 680px;
}
@media (max-width: 1199px) {
.dialog_form h3 span.red {
display: block;
margin-left: 0;
}
.dialog_form .dl-list dl {
display: block;
}
.dialog_form .dl-list dl dt {
width: 100%;
font-size: 16px;
}
.dialog_form .dl-list dl dd {
margin-top: 10px;
width: 100%;
}
.dialog_form input.default {
min-width: 100%;
}
}
@media (max-width: 767px) {
.dialog_form h3 span.red {
font-size: 12px;
}
.dialog_form .dl-list {
padding: 0;
}
.dialog_form .dl-list dl dt {
font-size: 15px;
}
.dialog_form .dl-list dl dt label {
font-size: 15px;
}
.dialog_form .dl-list dl dd {
font-size: 14px;
}
.dialog_form .phone-box select,
.dialog_form .phone-box input {
min-width: calc(33.3333333333% - 10px);
max-width: calc(33.3333333333% - 10px);
margin-bottom: 5px;
}
.dialog_form .phone-box .between {
padding-right: 4px;
}
.dialog_form .mail-box select,
.dialog_form .mail-box input {
margin-bottom: 5px;
}
.dialog_form .check-box label {
font-size: 14px;
text-indent: -15px;
}
.dialog_form .check-box label input[type=checkbox] + i {
text-indent: 0;
}
}

.dialog_form_item {
margin: 10px 0;
}
.dialog_form_item .wide_input {
box-sizing: border-box;
max-width: 70%;
width: 27em;
}
.dialog_form_item .city_input {
box-sizing: border-box;
max-width: 70%;
width: 17em;
}
.dialog_form_item .state_input {
box-sizing: border-box;
max-width: 70%;
width: 15em;
}
.dialog_form_item .zip_input {
box-sizing: border-box;
max-width: 70%;
width: 9em;
}

.dialog_form_actions {
text-align: center;
margin: 30px 0 10px;
}
@media (max-width: 767px) {
.dialog_form_actions {
margin-bottom: 30px;
}
.dialog_form_actions .btn-search {
width: calc(100% - 40px);
height: 40px;
background-position-x: calc(50% - 30px);
}
}

.dialog_desc {
padding: 10px 20px;
}

/* dialog::backdrop, */
.dialog-backdrop {
position: fixed;
z-index: 10000;
display: none;
overflow-y: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}

.dialog-backdrop.active {
display: block;
background: rgba(0, 0, 0, 0.5);
}

.no-scroll {
overflow-y: auto !important;
}

/* this is added to the body when a dialog is open */
.has-dialog {
overflow: hidden;
}

.notes {
display: block;
font-size: 1rem;
line-height: 1.3;
min-width: 400px;
max-width: 100%;
width: 33%;
}

.toast {
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
padding: 1rem;
border: none;
border-radius: 0.25rem;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
position: fixed;
top: 1rem;
right: 1rem;
transform: translateY(-150%);
transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
.toast.active {
transform: translateY(0);
}

.dialog-box {
margin-top: 50px;
margin-bottom: 30px;
background-color: #999;
padding: 30px;
border-radius: 5px;
text-align: center;
}

.dialog-swiper {
max-width: 960px;
}
.dialog-swiper .board-view__swiper {
margin-bottom: 60px;
overflow: hidden;
}
.dialog-swiper .board-view__swiper .swiper-slide .img {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center 0;
background-size: contain;
}
.dialog-swiper .board-view__swiper .swiper-slide .img::before {
content: "";
display: block;
height: 0;
padding-top: 56.25%;
}
.dialog-swiper .board-view__swiper-ctrl {
bottom: 0;
}

.own-agency-search .pop-top-seachbox input {
width: calc(100% - 100px);
}
.own-agency-search .pop-top-seachbox .b-sh {
line-height: 38px;
background-color: #00a589;
}
@media (max-width: 767px) {
.own-agency-search .pop-top-seachbox input {
width: calc(100% - 65px);
}
.own-agency-search .pop-top-seachbox .b-sh {
min-width: 56px;
padding: 0 15px;
}
.own-agency-search .pop-top-seachbox .b-sh::before {
content: none;
}
}
.own-agency-search .pop-totalcount {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.own-agency-search .pop-totalcount .total span {
font-weight: 600;
}
@media (max-width: 767px) {
.own-agency-search .pop-totalcount {
display: block;
}
.own-agency-search .pop-totalcount .total {
position: relative;
font-size: 16px;
padding-left: 13px;
}
.own-agency-search .pop-totalcount .total::before {
content: "";
width: 3px;
height: 15px;
background-color: #00a589;
position: absolute;
top: 6px;
left: 0;
}
.own-agency-search .pop-totalcount .pop-checkall {
text-align: right;
margin-top: 10px;
}
}
.own-agency-search .initial-list {
margin-top: 20px;
background-color: #e5f6f3;
text-align: center;
padding: 10px 0;
}
.own-agency-search .initial-list li {
display: inline-block;
vertical-align: middle;
}
.own-agency-search .initial-list li a {
padding: 5px;
font-size: 18px;
line-height: 26px;
color: #666;
}
.own-agency-search .initial-list li.active a {
color: #00947b;
font-weight: bold;
}
.own-agency-search .company-list {
margin-top: 20px;
}
.own-agency-search .company-list ul {
height: 200px;
}
.own-agency-search .company-list ul li {
padding: 10px 0;
line-height: 1.5;
word-break: break-all;
}

.id-result {
text-align: center;
}
.id-result-txt {
margin-bottom: 10px;
}
.id-result-txt em {
font-size: 24px;
color: #00a589;
display: block;
}
.id-result.box__gray {
padding: 20px;
margin-top: 30px;
}
@media (max-width: 767px) {
.id-result.box__gray label {
display: block;
margin-bottom: 10px;
}
.id-result.box__gray input[type=text] {
width: calc(100% - 120px);
}
}

[class^=icon-],
.icon {
display: inline-block;
vertical-align: middle;
}
[class^=icon-].icon-type,
.icon.icon-type {
width: 120px;
height: 120px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
}
[class^=icon-].icon-type.individual,
.icon.icon-type.individual {
background-image: url(/static/kogl/img/sub/iconbox-individual.png);
}
[class^=icon-].icon-type.agency,
.icon.icon-type.agency {
background-image: url(/static/kogl/img/sub/iconbox-agency.png);
}
[class^=icon-].icon-type.loginicon,
.icon.icon-type.loginicon {
background-image: url(/static/kogl/img/sub/iconbox-login.png);
}
[class^=icon-].icon-type.mobile,
.icon.icon-type.mobile {
background-image: url(/static/kogl/img/sub/iconbox-mobile.png);
}
[class^=icon-].icon-type.i-pin,
.icon.icon-type.i-pin {
background-image: url(/static/kogl/img/sub/iconbox-ipin.png);
}
[class^=icon-].icon-type.id-find,
.icon.icon-type.id-find {
background-image: url(/static/kogl/img/sub/iconbox-idfind.png);
}
[class^=icon-].icon-type.password-find,
.icon.icon-type.password-find {
background-image: url(/static/kogl/img/sub/iconbox-passwordfind.png);
}
[class^=icon-].icon-type.complete,
.icon.icon-type.complete {
background-image: url(/static/kogl/img/sub/iconbox-complete.png);
}

.icon-complete {
width: 120px;
height: 120px;
background: url(/static/kogl/img/sub/bg-confirm.png) center 0 no-repeat;
}

.icon-hwp {
width: 26px;
height: 26px;
background: url(/static/commons/img/icon-hwp.png) 0 0 no-repeat;
}

.error {
width: 21px;
height: 27px;
background: url(/static/kogl/img/common/icon-error.png) no-repeat;
}
.error:hover, .error:active, .error:focus {
background-image: url(/static/kogl/img/common/icon-error-on.png);
}

::placeholder {
color: #999;
}

select,
input,
button,
textarea {
color: #000;
}

input[type=radio] ~ i ~ span,
input[type=cdeckbox] ~ i ~ span {
margin-right: 10px;
vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
opacity: 0;
position: relative;
z-index: 1;
width: 20px;
height: 20px;
vertical-align: middle;
/* & + i + span{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 40px);
	text-align: left;
} */
}
input[type=checkbox]:hover + i, input[type=checkbox]:focus + i,
input[type=radio]:hover + i,
input[type=radio]:focus + i {
outline: dotted 1px #000;
}
input[type=checkbox]:disabled + i,
input[type=radio]:disabled + i {
background-color: #f6f6f6;
border-color: #ccc;
}
input[type=checkbox]:disabled ~ *,
input[type=radio]:disabled ~ * {
cursor: not-allowed;
}
input[type=checkbox] + i,
input[type=radio] + i {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
border: 1px solid #dadada;
background-color: #fff;
border-radius: 5px;
text-align: center;
margin-right: 5px;
vertical-align: middle;
line-height: 1;
margin-left: -20px;
}
dd input[type=checkbox] + i,
dd input[type=radio] + i {
vertical-align: middle;
}
input[type=checkbox] + i.type,
input[type=radio] + i.type {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
border: 2px solid #666;
text-align: center;
margin-right: 5px;
vertical-align: middle;
line-height: 1;
margin-left: -20px;
}
dd input[type=checkbox] + i.type,
dd input[type=radio] + i.type {
vertical-align: middle;
}
input[type=checkbox].checked + i:before, input[type=checkbox]:checked + i:before,
input[type=radio].checked + i:before,
input[type=radio]:checked + i:before {
content: "";
display: inline-block;
border-radius: 5px;
width: 14px;
height: 100%;
background: url(/static/kogl/img/common/icon-check2.png) center no-repeat;
background-size: contain;
margin-bottom: 3px;
}

input[type=radio] + i {
border-radius: 50%;
}
input[type=radio]:checked + i:before {
border-radius: 50%;
background: #00a589;
width: 12px;
height: 12px;
vertical-align: middle;
}
@media (max-width: 767px) {
input[type=radio] {
width: 18px;
height: 18px;
}
input[type=radio] + i {
width: 18px;
height: 18px;
}
input[type=radio]:checked + i:before {
width: 9px;
height: 9px;
}
}

@media (max-width: 767px) {
input[type=checkbox] {
width: 16px;
height: 16px;
}
input[type=checkbox] + i {
width: 16px;
height: 16px;
}
input[type=checkbox]:checked + i:before {
width: 11px;
}
}

button.chk {
padding: 0;
background-color: #fff;
line-height: 1;
text-align: left;
}
button.chk::before {
content: "";
width: 24px;
height: 24px;
border-radius: 24px;
border: 2px solid #aaabab;
display: inline-block;
vertical-align: text-bottom;
background-color: #ffffff;
margin-right: 6px;
}
button.chk.on::before {
background: url(/static/kogl/img/common/radio.png) center center no-repeat;
background-size: 100%;
border-width: 0 !important;
}

input[type=text],
input[type=number],
input[type=date],
input[type=text],
input[type=password],
input[type=file],
input[type=tel],
select,
textarea {
border: 1px solid #ccc;
background-color: #ffffff;
padding: 4px 10px;
line-height: 20px;
height: 40px;
vertical-align: middle;
border-radius: 5px;
/* &:hover,
&:focus,
&:active {
	box-shadow: 0 0 5px $grayblue;
} */
}
input[type=text]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
outline: 1px dashed;
}
@media (max-width: 767px) {
.sh input[type=text],
.sh input[type=number],
.sh input[type=date],
.sh input[type=text],
.sh input[type=password],
.sh input[type=file],
.sh input[type=tel],
.sh select,
.sh textarea {
height: 35px;
border-radius: 0;
}
}

input[type=password] {
font-family: serif;
}

input[type=date],
input[type=text].year {
background-repeat: no-repeat;
background-color: #fff;
background-image: url(/static/commons/img/calendar.png);
background-size: auto 16px;
background-position: calc(100% - 15px) center;
padding: 0;
text-indent: 0;
cursor: pointer;
}
@media (max-width: 767px) {
input[type=date],
input[type=text].year {
background-image: url(/static/commons/img/calendar-mobile.png);
background-position: right center;
background-size: contain;
padding-right: 33px;
}
}

input[type=text].year {
padding: 4px 10px;
}

::-webkit-datetime-edit {
padding-left: 5px;
padding-right: 0;
margin: 0;
}

::-webkit-datetime-edit-fields-wrapper {
padding: 0;
margin: 0;
}

@media (min-width: 1200px) {
::-webkit-datetime-edit-text {
padding: 0 2px;
}
}
@media (max-width: 1199px) {
::-webkit-datetime-edit-text {
padding: 0;
}
}

::-webkit-inner-spin-button {
display: none;
}

::-webkit-calendar-picker-indicator {
background: none;
width: 30px;
margin: 0;
height: 40px;
display: none;
}
input::-ms-clear,
input::-ms-reveal {
background-color: #fff;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
background-color: #fff;
}

input[type=text]:disabled {
background-color: #f5f5f5;
}

select {
-webkit-appearance: none;
padding-right: 30px;
background: #fff url(/static/kogl/img/common/select-arr.png) right center no-repeat;
background-size: auto 5px;
background-position: right 20px center;
}
select::-ms-expand {
display: none;
}
select.default {
width: 100%;
}
@media (min-width: 768px) {
select.default {
width: 300px;
}
}
@media (max-width: 767px) {
select {
padding-left: 5px;
padding-right: 15px;
font-size: 15px;
background-position: right 6px center;
letter-spacing: -0.7px;
}
.sh select {
background-image: url(/static/kogl/img/common/select-arr-sh.png);
background-position: right center;
background-size: contain;
padding-right: 33px;
}
}
select:focus {
outline: 1px dashed #000;
outline-offset: -2px;
}

textarea {
width: 100%;
height: auto;
}

input {
cursor: auto;
}
.bd-list__sh input.sdate, .sh input.sdate, .reg input.sdate, .bd-list__sh input.edate, .sh input.edate, .reg input.edate, .bd-list__sh input.date, .sh input.date, .reg input.date, .bd-list__sh input.month, .sh input.month, .reg input.month {
width: 154px;
}
.popup .sh input.sdate, .popup .sh input.edate, .popup .sh input.date, .popup .sh input.month {
width: calc(50% - 55px);
max-width: 185px;
}
input.sdate + img, input.edate + img, input.date + img, input.month + img {
margin-left: -33px;
}

input[type=file] {
border: inherit;
height: auto;
padding: 7px;
}

input[type=button] {
margin: 0 1px;
}

.form-inline input[type=file] {
display: block;
width: 100%;
}

input[type=text].phone-number1 {
width: 86px;
text-align: center;
}
input[type=text].post-number {
width: 120px;
}
input[type=text].chars-md {
width: 150px;
}
input[type=text].number-sm {
width: 40px;
}
input[type=text].number-md {
width: 80px;
}
input[type=text].companyCode1 {
width: 30px;
text-align: center;
}
input[type=text].companyCode2 {
width: 20px;
text-align: center;
}
input[type=text].companyCode3 {
width: 50px;
text-align: center;
}
input[type=text].emailId {
width: calc(100% - 90px);
}
input[type=text].emailAddr {
width: 100%;
}
@media (min-width: 768px) {
input[type=text].emailId {
width: calc(50% - 90px);
}
input[type=text].emailAddr {
width: calc(50% - 90px);
}
}

input[readonly] {
background-color: #f6f6f6;
cursor: pointer;
}

input[type=password],
input[type=date],
input[type=number],
input[type=text] {
-webkit-appearance: none;
font-family: "Noto Sans KR", sans-serif,"New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim";
}

@media (max-width: 767px) {
input[type=text].phone-number1 {
width: 70px;
}
input[type=text] + input[type=text] {
margin-top: 5px;
}
.r-has-btn {
width: calc(100% - 125px) !important;
}
.w100p-m {
width: 100%;
}
}
@media (max-width: 360px) {
input[type=text] {
font-size: 14px;
}
}
[role=tablist] {
display: flex;
flex-flow: row wrap;
overflow: visible;
background-color: #fff;
}

[role=tab] {
position: relative;
z-index: 1;
}

[role=tabpanel] {
position: relative;
z-index: 2;
}
[role=tabpanel].is-hidden {
display: none;
}
.pagination-set {
text-align: center;
margin-top: 30px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.pagination-set {
margin-top: 20px;
}
}
.pagination-set__button {
float: right;
margin-top: -87px;
}
.pagination-set__button button,
.pagination-set__button a {
display: inline-block;
color: #fff;
background-color: #000;
border-radius: 3px;
}
.pagination-set__button button::after,
.pagination-set__button a::after {
color: #fff;
}
@media (max-width: 767px) {
.pagination-set__button {
margin-top: -35px;
}
}

.pagination {
display: inline-block;
vertical-align: top;
padding-left: 0;
text-align: center;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 0;
text-decoration: none;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
color: #666;
margin-left: 2px;
border-radius: 5px;
font-size: 16px;
padding: 0 5px;
}
@media (max-width: 767px) {
.pagination > li > a,
.pagination > li > span {
min-width: 30px;
height: 30px;
line-height: 30px;
margin: 0 2px;
}
}
.pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * {
width: 40px;
border: 1px solid #2e363a;
}
.pagination > li.first > *:before, .pagination > li.prev > *:before, .pagination > li.next > *:before, .pagination > li.end > *:before {
content: "";
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 100%;
}
.pagination > li.first > *:hover, .pagination > li.first > *:focus, .pagination > li.first > *:active, .pagination > li.prev > *:hover, .pagination > li.prev > *:focus, .pagination > li.prev > *:active, .pagination > li.next > *:hover, .pagination > li.next > *:focus, .pagination > li.next > *:active, .pagination > li.end > *:hover, .pagination > li.end > *:focus, .pagination > li.end > *:active {
z-index: 2;
background-color: #fff;
}
@media (max-width: 767px) {
.pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * {
min-width: 30px;
height: 30px;
line-height: 28px;
background-size: auto 28px;
}
.pagination > li.first > *:before, .pagination > li.prev > *:before, .pagination > li.next > *:before, .pagination > li.end > *:before {
width: 30px;
height: 30px;
}
}
@media (max-width: 767px) {
.pagination > li > a {
margin-bottom: 10px;
}
}
.pagination > li .s span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.pagination > li.first > *:before,
.pagination > li.end > *:before {
width: 20px;
background-image: url(/static/kogl/img/common/paging_first.png);
}
.pagination > li.prev > *:before,
.pagination > li.next > *:before {
width: 10px;
background-image: url(/static/kogl/img/common/paging_prev.png);
}
.pagination > li.next > *:before,
.pagination > li.end > *:before {
transform: scaleX(-1);
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
text-decoration: underline;
text-underline-position: under;
background-color: #2e363a;
color: #fff;
}
@media (max-width: 767px) {
.pagination > .active > a,
.pagination > .active > span {
line-height: 28px;
}
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
cursor: default;
border: 1px solid #2e363a;
background-color: #2e363a;
color: #fff;
box-sizing: border-box;
text-decoration: underline;
text-underline-position: under;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
cursor: not-allowed;
opacity: 0.7;
display: none;
}
.pagination > li.first > a:focus,
.pagination > li.end > a:focus,
.pagination > li.prev > a:focus,
.pagination > li.next > a:focus {
outline: 1px dashed #000;
outline-offset: -3px;
}
@media (min-width: 768px) {
.pagination > li.first > a {
margin: 0 4px 0 0;
}
.pagination > li.end > a {
margin: 0 0 0 4px;
}
.pagination > li.prev > a {
margin: 0 13px 0 0;
}
.pagination > li.next > a {
margin: 0 0 0 13px;
}
}

.box {
border: 1px solid #9d9d9d;
background-color: #fff;
border-radius: 5px;
}
.box .inner {
padding: 30px;
font-size: 1.125rem;
}
@media (max-width: 767px) {
.box .inner {
padding: 20px 10px;
}
}
.box__scroll {
overflow-y: scroll;
margin: 10px;
padding: 7px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
height: 180px;
}
.box__scroll.min {
height: 76px;
}
.box__gray {
background-color: rgba(0, 0, 0, 0.05);
}
.box__blue {
background-color: #e5f6f3;
}
.box__blue.mTop {
margin-top: -2px;
}
.box__blue-info {
padding: 30px 10px;
text-align: center;
color: #00947b;
font-size: 22px;
font-weight: 700;
line-height: 1.64;
}
.box__blue-info p {
color: #000;
font-size: 20px;
font-weight: 300;
}
.box__blue-info label {
display: block;
}
.box__blue-info label span {
color: #000;
font-size: 20px;
font-weight: 400;
}
@media (max-width: 767px) {
.box__blue-info {
font-size: 18px;
}
.box__blue-info br {
display: none;
}
.box__blue-info p {
font-size: 16px;
}
.box__blue-info label span {
font-size: 16px;
}
}
.box__blue .explain-txt {
padding: 30px 40px;
font-weight: 700;
}
.box__blue .explain-txt img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -1px;
}
.box__blue .explain-txt span {
color: #00947b;
}
@media (max-width: 767px) {
.box__blue .explain-txt {
padding: 20px;
}
.box__blue .explain-txt img {
display: block;
}
}

.table-rt-deco {
text-align: right;
margin-bottom: 11px;
}

dl.table {
border: 1px solid #ccc;
border-top: 2px solid #777;
margin-bottom: 7px;
}
dl.table dt {
background: #f8f8f8;
padding: 10px;
border-bottom: 1px solid #ccc;
font-weight: bold;
color: #000;
}
dl.table dd {
text-align: left;
padding: 10px;
}

table {
word-break: break-all;
width: 100%;
}
table tr.unlock {
background-color: #999;
}
table td {
word-break: keep-all;
}
table th {
font-size: 1.125rem;
}
table td {
font-size: 1rem;
}
@media (max-width: 767px) {
table th {
font-size: 15px;
}
table td {
font-size: 14px;
}
}

.table {
position: relative;
border-top: 2px solid #777;
border-bottom: 1px solid #ccc;
text-align: center;
}
@media (max-width: 767px) {
.table::before {
content: "";
height: 100%;
position: absolute;
right: 0;
width: 1px;
background-color: #ffffff;
}
.table.ovx::before {
left: 749px;
}
}
.table table {
width: 100%;
}
.table.fontxs td,
.table.fontxs th {
font-size: 14px;
padding: 5px;
}
.table tr th:last-child {
border-right-width: 0;
}
.table tr td:last-child {
border-right-width: 0;
}
.table tr td:last-child[rowspan] {
border-left-width: 1px;
}
.table th {
font-weight: 600;
line-height: 24px;
font-size: 1.125rem;
padding: 13px 0;
text-align: center;
color: #222;
background: #f8f8f8;
border: 0;
}
.table th.bgnone {
background: transparent;
}
.table tbody tr {
/* &:hover,
&:active,
&:focus{
	th,
	td{
		background-color: $th-bg-color;
	}
} */
}
.table tbody th,
.table tbody td {
border-width: 1px 0 0 0;
border-color: #ccc;
border-style: solid;
padding: 5px;
}
@media (min-width: 1200px) {
.table tbody th,
.table tbody td {
padding: 17px 10px;
}
}
.table tbody th {
background: #f8f8f8;
}
@media (max-width: 767px) {
.table.ovx {
overflow-x: auto;
position: relative;
}
.table.ovx::before {
content: "";
position: absolute;
right: 0;
width: 1px;
height: 100%;
background-color: #fff;
}
.table.ovx table {
width: 750px;
}
}
.table.fix table {
table-layout: fixed;
}
.table td.nodata {
padding: 60px 0;
}
.table td.title {
text-align: left;
}
.table .table-result-deco {
padding: 20px 0;
border-top: 1px solid #ccc;
text-align: center;
}
.table .table-result-deco .date {
font-size: 14px;
}
.table .table-result-deco .name {
color: #000;
font-size: 20px;
}
@media (max-width: 767px) {
.table th {
font-size: 15px;
padding: 5px 0;
}
}

.table-row .row-th {
border-right: 1px solid #ccc;
}
@media (max-width: 767px) {
.table-row .row-th {
display: block;
}
}
.table-row th {
width: 16.67%;
vertical-align: middle;
background-color: #f8f8f8;
border-bottom: 1px solid #ccc;
}
.table-row td {
padding: 15px 10px 15px 20px;
height: 55px;
border-bottom: 1px solid #ccc;
}
@media (max-width: 767px) {
.table-row td {
padding: 5px;
}
}

.table.type-th-multi thead tr + tr th {
border-top: 1px solid #ccc;
}

.table.td-vat td {
vertical-align: top;
}

.table.padding-sm td {
padding: 10px 5px;
}

.td-tal table tbody td {
text-align: left;
}

.td-tac table tbody td {
text-align: center;
}

.td-vt table tbody td {
vertical-align: top;
}

td.bdl-none {
border-left: 0 !important;
}

td.bdr-none {
border-right: 0 !important;
}

a {
color: #222;
}

html {
font-size: 16px;
}

body {
color: #222;
line-height: 1.5;
font-family: "Noto Sans KR", sans-serif,"New Gulim", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif,"New Gulim", "Roboto", sans-serif,"New Gulim", "New Gulim";
letter-spacing: -0.015rem;
word-break: keep-all;
font-weight: 400;
}
@media (max-width: 767px) {
body {
word-break: keep-all;
}
}
body.ovh {
position: relative;
overflow: hidden;
height: 100vh;
}

img {
max-width: 100%;
}

.hide {
display: none;
}

.smallText {
font-size: 14px;
}
/*# sourceMappingURL=default.css.map */