@charset "UTF-8";
/* 폰트 */
@import url("/kccip/static/osc/css/swiper-bundle.min.css");
@font-face {
font-family: "NanumSquareNeoTTF-bRg";
src: url("/kccip/static/font/NaverNanumSquareNeo/NanumSquareNeoTTF-bRg.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "NanumSquareNeoTTF-cBd";
src: url("/kccip/static/font/NaverNanumSquareNeo/NanumSquareNeoTTF-cBd.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
/* base */
html {
font-size: 16px;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
font-family: "NanumSquareNeo-Variable";
font-weight: 400;
line-height: 1.5;
}

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

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

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

[hidden], template {
display: none;
}

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

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;
max-width: 100%;
height: auto;
}

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

figure {
margin: 1em 40px;
}

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

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

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

button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0;
border: 0;
color: inherit;
background: #fff;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

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

button[disabled],
html input[disabled],
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;
box-sizing: content-box;
}

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

input[disabled] {
background: #cdcdcd;
}

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;
}

table {
width: 100%;
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,
li {
list-style-type: none;
padding: 0;
margin: 0;
}

dl {
margin: 0;
}

dt {
font-weight: normal;
}

dd {
margin: 0;
}

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

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

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

/* clear float */
.clear {
clear: both;
}

.clearfix {
display: inline-block;
}

.clearfix {
display: block;
}

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

/* skip */
.skip {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}

.skip a {
position: absolute;
display: block;
width: 500px;
left: 0;
text-align: center;
top: -10000px;
z-index: 5000;
font-size: 1.3em;
}

.skip a:hover,
.skip a:focus,
.skip a:active {
position: absolute;
top: 0;
padding: 15px 0;
font-weight: bold;
color: #fff;
background: #1d60a7;
line-height: 1;
}

.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;
}

/* 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;
}

/* height */
.h10 {
height: 10px !important;
}

.h11 {
height: 11px !important;
}

.h12 {
height: 12px !important;
}

.h13 {
height: 13px !important;
}

.h14 {
height: 14px !important;
}

.h15 {
height: 15px !important;
}

.h16 {
height: 16px !important;
}

.h17 {
height: 17px !important;
}

.h18 {
height: 18px !important;
}

.h19 {
height: 19px !important;
}

.h20 {
height: 20px !important;
}

.h21 {
height: 21px !important;
}

.h22 {
height: 22px !important;
}

.h23 {
height: 23px !important;
}

.h24 {
height: 24px !important;
}

.h25 {
height: 25px !important;
}

.h26 {
height: 26px !important;
}

.h27 {
height: 27px !important;
}

.h28 {
height: 28px !important;
}

.h29 {
height: 29px !important;
}

.h30 {
height: 30px !important;
}

.h31 {
height: 31px !important;
}

.h32 {
height: 32px !important;
}

.h33 {
height: 33px !important;
}

.h34 {
height: 34px !important;
}

.h35 {
height: 35px !important;
}

.h36 {
height: 36px !important;
}

.h37 {
height: 37px !important;
}

.h38 {
height: 38px !important;
}

.h39 {
height: 39px !important;
}

.h40 {
height: 40px !important;
}

.h41 {
height: 41px !important;
}

.h42 {
height: 42px !important;
}

.h43 {
height: 43px !important;
}

.h44 {
height: 44px !important;
}

.h45 {
height: 45px !important;
}

.h46 {
height: 46px !important;
}

.h47 {
height: 47px !important;
}

.h48 {
height: 48px !important;
}

.h49 {
height: 49px !important;
}

.h50 {
height: 50px !important;
}

.h51 {
height: 51px !important;
}

.h52 {
height: 52px !important;
}

.h53 {
height: 53px !important;
}

.h54 {
height: 54px !important;
}

.h55 {
height: 55px !important;
}

.h56 {
height: 56px !important;
}

.h57 {
height: 57px !important;
}

.h58 {
height: 58px !important;
}

.h59 {
height: 59px !important;
}

.h60 {
height: 60px !important;
}

.h61 {
height: 61px !important;
}

.h62 {
height: 62px !important;
}

.h63 {
height: 63px !important;
}

.h64 {
height: 64px !important;
}

.h65 {
height: 65px !important;
}

.h66 {
height: 66px !important;
}

.h67 {
height: 67px !important;
}

.h68 {
height: 68px !important;
}

.h69 {
height: 69px !important;
}

.h70 {
height: 70px !important;
}

.h71 {
height: 71px !important;
}

.h72 {
height: 72px !important;
}

.h73 {
height: 73px !important;
}

.h74 {
height: 74px !important;
}

.h75 {
height: 75px !important;
}

.h76 {
height: 76px !important;
}

.h77 {
height: 77px !important;
}

.h78 {
height: 78px !important;
}

.h79 {
height: 79px !important;
}

.h80 {
height: 80px !important;
}

.h81 {
height: 81px !important;
}

.h82 {
height: 82px !important;
}

.h83 {
height: 83px !important;
}

.h84 {
height: 84px !important;
}

.h85 {
height: 85px !important;
}

.h86 {
height: 86px !important;
}

.h87 {
height: 87px !important;
}

.h88 {
height: 88px !important;
}

.h89 {
height: 89px !important;
}

.h90 {
height: 90px !important;
}

.h91 {
height: 91px !important;
}

.h92 {
height: 92px !important;
}

.h93 {
height: 93px !important;
}

.h94 {
height: 94px !important;
}

.h95 {
height: 95px !important;
}

.h96 {
height: 96px !important;
}

.h97 {
height: 97px !important;
}

.h98 {
height: 98px !important;
}

.h99 {
height: 99px !important;
}

.h100 {
height: 100px !important;
}

.h101 {
height: 101px !important;
}

.h102 {
height: 102px !important;
}

.h103 {
height: 103px !important;
}

.h104 {
height: 104px !important;
}

.h105 {
height: 105px !important;
}

.h106 {
height: 106px !important;
}

.h107 {
height: 107px !important;
}

.h108 {
height: 108px !important;
}

.h109 {
height: 109px !important;
}

.h110 {
height: 110px !important;
}

.h111 {
height: 111px !important;
}

.h112 {
height: 112px !important;
}

.h113 {
height: 113px !important;
}

.h114 {
height: 114px !important;
}

.h115 {
height: 115px !important;
}

.h116 {
height: 116px !important;
}

.h117 {
height: 117px !important;
}

.h118 {
height: 118px !important;
}

.h119 {
height: 119px !important;
}

.h120 {
height: 120px !important;
}

.h121 {
height: 121px !important;
}

.h122 {
height: 122px !important;
}

.h123 {
height: 123px !important;
}

.h124 {
height: 124px !important;
}

.h125 {
height: 125px !important;
}

.h126 {
height: 126px !important;
}

.h127 {
height: 127px !important;
}

.h128 {
height: 128px !important;
}

.h129 {
height: 129px !important;
}

.h130 {
height: 130px !important;
}

.h131 {
height: 131px !important;
}

.h132 {
height: 132px !important;
}

.h133 {
height: 133px !important;
}

.h134 {
height: 134px !important;
}

.h135 {
height: 135px !important;
}

.h136 {
height: 136px !important;
}

.h137 {
height: 137px !important;
}

.h138 {
height: 138px !important;
}

.h139 {
height: 139px !important;
}

.h140 {
height: 140px !important;
}

.h141 {
height: 141px !important;
}

.h142 {
height: 142px !important;
}

.h143 {
height: 143px !important;
}

.h144 {
height: 144px !important;
}

.h145 {
height: 145px !important;
}

.h146 {
height: 146px !important;
}

.h147 {
height: 147px !important;
}

.h148 {
height: 148px !important;
}

.h149 {
height: 149px !important;
}

.h150 {
height: 150px !important;
}

.h151 {
height: 151px !important;
}

.h152 {
height: 152px !important;
}

.h153 {
height: 153px !important;
}

.h154 {
height: 154px !important;
}

.h155 {
height: 155px !important;
}

.h156 {
height: 156px !important;
}

.h157 {
height: 157px !important;
}

.h158 {
height: 158px !important;
}

.h159 {
height: 159px !important;
}

.h160 {
height: 160px !important;
}

.h161 {
height: 161px !important;
}

.h162 {
height: 162px !important;
}

.h163 {
height: 163px !important;
}

.h164 {
height: 164px !important;
}

.h165 {
height: 165px !important;
}

.h166 {
height: 166px !important;
}

.h167 {
height: 167px !important;
}

.h168 {
height: 168px !important;
}

.h169 {
height: 169px !important;
}

.h170 {
height: 170px !important;
}

.h171 {
height: 171px !important;
}

.h172 {
height: 172px !important;
}

.h173 {
height: 173px !important;
}

.h174 {
height: 174px !important;
}

.h175 {
height: 175px !important;
}

.h176 {
height: 176px !important;
}

.h177 {
height: 177px !important;
}

.h178 {
height: 178px !important;
}

.h179 {
height: 179px !important;
}

.h180 {
height: 180px !important;
}

.h181 {
height: 181px !important;
}

.h182 {
height: 182px !important;
}

.h183 {
height: 183px !important;
}

.h184 {
height: 184px !important;
}

.h185 {
height: 185px !important;
}

.h186 {
height: 186px !important;
}

.h187 {
height: 187px !important;
}

.h188 {
height: 188px !important;
}

.h189 {
height: 189px !important;
}

.h190 {
height: 190px !important;
}

.h191 {
height: 191px !important;
}

.h192 {
height: 192px !important;
}

.h193 {
height: 193px !important;
}

.h194 {
height: 194px !important;
}

.h195 {
height: 195px !important;
}

.h196 {
height: 196px !important;
}

.h197 {
height: 197px !important;
}

.h198 {
height: 198px !important;
}

.h199 {
height: 199px !important;
}

.h200 {
height: 200px !important;
}

.h201 {
height: 201px !important;
}

.h202 {
height: 202px !important;
}

.h203 {
height: 203px !important;
}

.h204 {
height: 204px !important;
}

.h205 {
height: 205px !important;
}

.h206 {
height: 206px !important;
}

.h207 {
height: 207px !important;
}

.h208 {
height: 208px !important;
}

.h209 {
height: 209px !important;
}

.h210 {
height: 210px !important;
}

.h211 {
height: 211px !important;
}

.h212 {
height: 212px !important;
}

.h213 {
height: 213px !important;
}

.h214 {
height: 214px !important;
}

.h215 {
height: 215px !important;
}

.h216 {
height: 216px !important;
}

.h217 {
height: 217px !important;
}

.h218 {
height: 218px !important;
}

.h219 {
height: 219px !important;
}

.h220 {
height: 220px !important;
}

.h221 {
height: 221px !important;
}

.h222 {
height: 222px !important;
}

.h223 {
height: 223px !important;
}

.h224 {
height: 224px !important;
}

.h225 {
height: 225px !important;
}

.h226 {
height: 226px !important;
}

.h227 {
height: 227px !important;
}

.h228 {
height: 228px !important;
}

.h229 {
height: 229px !important;
}

.h230 {
height: 230px !important;
}

.h231 {
height: 231px !important;
}

.h232 {
height: 232px !important;
}

.h233 {
height: 233px !important;
}

.h234 {
height: 234px !important;
}

.h235 {
height: 235px !important;
}

.h236 {
height: 236px !important;
}

.h237 {
height: 237px !important;
}

.h238 {
height: 238px !important;
}

.h239 {
height: 239px !important;
}

.h240 {
height: 240px !important;
}

.h241 {
height: 241px !important;
}

.h242 {
height: 242px !important;
}

.h243 {
height: 243px !important;
}

.h244 {
height: 244px !important;
}

.h245 {
height: 245px !important;
}

.h246 {
height: 246px !important;
}

.h247 {
height: 247px !important;
}

.h248 {
height: 248px !important;
}

.h249 {
height: 249px !important;
}

.h250 {
height: 250px !important;
}

.h251 {
height: 251px !important;
}

.h252 {
height: 252px !important;
}

.h253 {
height: 253px !important;
}

.h254 {
height: 254px !important;
}

.h255 {
height: 255px !important;
}

.h256 {
height: 256px !important;
}

.h257 {
height: 257px !important;
}

.h258 {
height: 258px !important;
}

.h259 {
height: 259px !important;
}

.h260 {
height: 260px !important;
}

.h261 {
height: 261px !important;
}

.h262 {
height: 262px !important;
}

.h263 {
height: 263px !important;
}

.h264 {
height: 264px !important;
}

.h265 {
height: 265px !important;
}

.h266 {
height: 266px !important;
}

.h267 {
height: 267px !important;
}

.h268 {
height: 268px !important;
}

.h269 {
height: 269px !important;
}

.h270 {
height: 270px !important;
}

.h271 {
height: 271px !important;
}

.h272 {
height: 272px !important;
}

.h273 {
height: 273px !important;
}

.h274 {
height: 274px !important;
}

.h275 {
height: 275px !important;
}

.h276 {
height: 276px !important;
}

.h277 {
height: 277px !important;
}

.h278 {
height: 278px !important;
}

.h279 {
height: 279px !important;
}

.h280 {
height: 280px !important;
}

.h281 {
height: 281px !important;
}

.h282 {
height: 282px !important;
}

.h283 {
height: 283px !important;
}

.h284 {
height: 284px !important;
}

.h285 {
height: 285px !important;
}

.h286 {
height: 286px !important;
}

.h287 {
height: 287px !important;
}

.h288 {
height: 288px !important;
}

.h289 {
height: 289px !important;
}

.h290 {
height: 290px !important;
}

.h291 {
height: 291px !important;
}

.h292 {
height: 292px !important;
}

.h293 {
height: 293px !important;
}

.h294 {
height: 294px !important;
}

.h295 {
height: 295px !important;
}

.h296 {
height: 296px !important;
}

.h297 {
height: 297px !important;
}

.h298 {
height: 298px !important;
}

.h299 {
height: 299px !important;
}

.h300 {
height: 300px !important;
}

.h301 {
height: 301px !important;
}

.h302 {
height: 302px !important;
}

.h303 {
height: 303px !important;
}

.h304 {
height: 304px !important;
}

.h305 {
height: 305px !important;
}

.h306 {
height: 306px !important;
}

.h307 {
height: 307px !important;
}

.h308 {
height: 308px !important;
}

.h309 {
height: 309px !important;
}

.h310 {
height: 310px !important;
}

.h311 {
height: 311px !important;
}

.h312 {
height: 312px !important;
}

.h313 {
height: 313px !important;
}

.h314 {
height: 314px !important;
}

.h315 {
height: 315px !important;
}

.h316 {
height: 316px !important;
}

.h317 {
height: 317px !important;
}

.h318 {
height: 318px !important;
}

.h319 {
height: 319px !important;
}

.h320 {
height: 320px !important;
}

.h321 {
height: 321px !important;
}

.h322 {
height: 322px !important;
}

.h323 {
height: 323px !important;
}

.h324 {
height: 324px !important;
}

.h325 {
height: 325px !important;
}

.h326 {
height: 326px !important;
}

.h327 {
height: 327px !important;
}

.h328 {
height: 328px !important;
}

.h329 {
height: 329px !important;
}

.h330 {
height: 330px !important;
}

.h331 {
height: 331px !important;
}

.h332 {
height: 332px !important;
}

.h333 {
height: 333px !important;
}

.h334 {
height: 334px !important;
}

.h335 {
height: 335px !important;
}

.h336 {
height: 336px !important;
}

.h337 {
height: 337px !important;
}

.h338 {
height: 338px !important;
}

.h339 {
height: 339px !important;
}

.h340 {
height: 340px !important;
}

.h341 {
height: 341px !important;
}

.h342 {
height: 342px !important;
}

.h343 {
height: 343px !important;
}

.h344 {
height: 344px !important;
}

.h345 {
height: 345px !important;
}

.h346 {
height: 346px !important;
}

.h347 {
height: 347px !important;
}

.h348 {
height: 348px !important;
}

.h349 {
height: 349px !important;
}

.h350 {
height: 350px !important;
}

.h351 {
height: 351px !important;
}

.h352 {
height: 352px !important;
}

.h353 {
height: 353px !important;
}

.h354 {
height: 354px !important;
}

.h355 {
height: 355px !important;
}

.h356 {
height: 356px !important;
}

.h357 {
height: 357px !important;
}

.h358 {
height: 358px !important;
}

.h359 {
height: 359px !important;
}

.h360 {
height: 360px !important;
}

.h361 {
height: 361px !important;
}

.h362 {
height: 362px !important;
}

.h363 {
height: 363px !important;
}

.h364 {
height: 364px !important;
}

.h365 {
height: 365px !important;
}

.h366 {
height: 366px !important;
}

.h367 {
height: 367px !important;
}

.h368 {
height: 368px !important;
}

.h369 {
height: 369px !important;
}

.h370 {
height: 370px !important;
}

.h371 {
height: 371px !important;
}

.h372 {
height: 372px !important;
}

.h373 {
height: 373px !important;
}

.h374 {
height: 374px !important;
}

.h375 {
height: 375px !important;
}

.h376 {
height: 376px !important;
}

.h377 {
height: 377px !important;
}

.h378 {
height: 378px !important;
}

.h379 {
height: 379px !important;
}

.h380 {
height: 380px !important;
}

.h381 {
height: 381px !important;
}

.h382 {
height: 382px !important;
}

.h383 {
height: 383px !important;
}

.h384 {
height: 384px !important;
}

.h385 {
height: 385px !important;
}

.h386 {
height: 386px !important;
}

.h387 {
height: 387px !important;
}

.h388 {
height: 388px !important;
}

.h389 {
height: 389px !important;
}

.h390 {
height: 390px !important;
}

.h391 {
height: 391px !important;
}

.h392 {
height: 392px !important;
}

.h393 {
height: 393px !important;
}

.h394 {
height: 394px !important;
}

.h395 {
height: 395px !important;
}

.h396 {
height: 396px !important;
}

.h397 {
height: 397px !important;
}

.h398 {
height: 398px !important;
}

.h399 {
height: 399px !important;
}

.h400 {
height: 400px !important;
}

.h401 {
height: 401px !important;
}

.h402 {
height: 402px !important;
}

.h403 {
height: 403px !important;
}

.h404 {
height: 404px !important;
}

.h405 {
height: 405px !important;
}

.h406 {
height: 406px !important;
}

.h407 {
height: 407px !important;
}

.h408 {
height: 408px !important;
}

.h409 {
height: 409px !important;
}

.h410 {
height: 410px !important;
}

.h411 {
height: 411px !important;
}

.h412 {
height: 412px !important;
}

.h413 {
height: 413px !important;
}

.h414 {
height: 414px !important;
}

.h415 {
height: 415px !important;
}

.h416 {
height: 416px !important;
}

.h417 {
height: 417px !important;
}

.h418 {
height: 418px !important;
}

.h419 {
height: 419px !important;
}

.h420 {
height: 420px !important;
}

.h421 {
height: 421px !important;
}

.h422 {
height: 422px !important;
}

.h423 {
height: 423px !important;
}

.h424 {
height: 424px !important;
}

.h425 {
height: 425px !important;
}

.h426 {
height: 426px !important;
}

.h427 {
height: 427px !important;
}

.h428 {
height: 428px !important;
}

.h429 {
height: 429px !important;
}

.h430 {
height: 430px !important;
}

.h431 {
height: 431px !important;
}

.h432 {
height: 432px !important;
}

.h433 {
height: 433px !important;
}

.h434 {
height: 434px !important;
}

.h435 {
height: 435px !important;
}

.h436 {
height: 436px !important;
}

.h437 {
height: 437px !important;
}

.h438 {
height: 438px !important;
}

.h439 {
height: 439px !important;
}

.h440 {
height: 440px !important;
}

.h441 {
height: 441px !important;
}

.h442 {
height: 442px !important;
}

.h443 {
height: 443px !important;
}

.h444 {
height: 444px !important;
}

.h445 {
height: 445px !important;
}

.h446 {
height: 446px !important;
}

.h447 {
height: 447px !important;
}

.h448 {
height: 448px !important;
}

.h449 {
height: 449px !important;
}

.h450 {
height: 450px !important;
}

.h451 {
height: 451px !important;
}

.h452 {
height: 452px !important;
}

.h453 {
height: 453px !important;
}

.h454 {
height: 454px !important;
}

.h455 {
height: 455px !important;
}

.h456 {
height: 456px !important;
}

.h457 {
height: 457px !important;
}

.h458 {
height: 458px !important;
}

.h459 {
height: 459px !important;
}

.h460 {
height: 460px !important;
}

.h461 {
height: 461px !important;
}

.h462 {
height: 462px !important;
}

.h463 {
height: 463px !important;
}

.h464 {
height: 464px !important;
}

.h465 {
height: 465px !important;
}

.h466 {
height: 466px !important;
}

.h467 {
height: 467px !important;
}

.h468 {
height: 468px !important;
}

.h469 {
height: 469px !important;
}

.h470 {
height: 470px !important;
}

.h471 {
height: 471px !important;
}

.h472 {
height: 472px !important;
}

.h473 {
height: 473px !important;
}

.h474 {
height: 474px !important;
}

.h475 {
height: 475px !important;
}

.h476 {
height: 476px !important;
}

.h477 {
height: 477px !important;
}

.h478 {
height: 478px !important;
}

.h479 {
height: 479px !important;
}

.h480 {
height: 480px !important;
}

.h481 {
height: 481px !important;
}

.h482 {
height: 482px !important;
}

.h483 {
height: 483px !important;
}

.h484 {
height: 484px !important;
}

.h485 {
height: 485px !important;
}

.h486 {
height: 486px !important;
}

.h487 {
height: 487px !important;
}

.h488 {
height: 488px !important;
}

.h489 {
height: 489px !important;
}

.h490 {
height: 490px !important;
}

.h491 {
height: 491px !important;
}

.h492 {
height: 492px !important;
}

.h493 {
height: 493px !important;
}

.h494 {
height: 494px !important;
}

.h495 {
height: 495px !important;
}

.h496 {
height: 496px !important;
}

.h497 {
height: 497px !important;
}

.h498 {
height: 498px !important;
}

.h499 {
height: 499px !important;
}

.h500 {
height: 500px !important;
}

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

.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;
}

/* 사용자 달력 컨트롤 버튼*/
.calendarzone {
display: inline;
position: relative;
z-index: 20;
}

.calendarzone .calendarSLayer {
display: none;
position: absolute;
z-index: 10;
top: 35px;
}

.calendarzone input[type=button] {
background: #fff url("/kccip/static/img/commons/calendar.gif") no-repeat scroll 50% 50%;
height: 31px;
border: medium none;
margin: 0;
padding: 0;
width: 31px;
vertical-align: top;
color: transparent;
text-indent: 30px;
}

.calendarzone .calendar-frame {
height: 300px;
width: 302px;
}

.field_area {
overflow: visible;
}

.calendar_txt {
background: #ffffff;
color: #8a8a8a;
border: 0.08em solid #d1d1d1;
height: 1.17em;
font-size: 1em;
padding: 0.25em 0 0 0.25em;
}

.monthGab {
display: inline-block;
width: 32px;
}

.line {
text-decoration: underline;
}

.companyCode1 {
width: 30px;
text-align: center;
}

.companyCode2 {
width: 20px;
text-align: center;
}

.companyCode3 {
width: 50px;
text-align: center;
}

.postSet span {
display: block;
}

.postSet span + span {
margin-top: 5px;
}

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

/* 정렬 */
.flex {
display: flex;
}
.flex.jc-sptn {
justify-content: space-between;
}

.selectInput {
width: 100%;
border: 1px solid #cdcdcd;
padding: 4px 2px;
line-height: 20px;
height: 40px;
border-radius: 4px;
vertical-align: middle;
}

.al-center {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}

.js-between {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
}

/* add style */
body {
overflow-x: hidden;
word-break: keep-all;
line-height: 1.4;
}
body.on {
overflow: hidden !important;
touch-action: none;
}

a:focus, button:focus, input[type=image], input[type=button], input[type=submit] {
outline: 2px dashed;
outline-offset: -4px;
}

button {
background: transparent;
border: none;
}

input[type=text], textarea, input[type=password], input[type=number] {
height: 32px;
padding: 7px 10px;
font-size: 15px;
font-weight: 400;
border-radius: 3px;
border: 1px solid #767676;
box-sizing: border-box;
color: #222;
}
input[type=text].right, textarea.right, input[type=password].right, input[type=number].right {
text-align: right;
}
@media screen and (max-width: 1199px) {
input[type=text], textarea, input[type=password], input[type=number] {
font-size: 16px;
}
}

input[type=number] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

select {
height: 32px;
padding: 5px 10px;
font-size: 15px;
border-radius: 3px;
border: 1px solid #767676;
box-sizing: border-box;
color: #222;
}
select:disabled {
background: #f7f7f7;
cursor: not-allowed;
}

.flagNtnCd {
height: 32px;
padding: 5px 10px;
font-size: 15px;
border-radius: 3px;
border: 1px solid #767676;
box-sizing: border-box;
color: #222;
}

option {
font-size: 15px;
color: #222;
}

*::-moz-placeholder {
font-size: 15px;
color: #666;
}

*::placeholder {
font-size: 15px;
color: #666;
}

input:focus {
outline: 2px solid black;
}

.checkbox {
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #767676;
border-radius: 3px;
box-sizing: border-box;
transform: translateY(2px);
margin: 0 4px;
}
@media screen and (max-width: 749px) {
.checkbox {
margin: 0;
}
}

input[type=checkbox] {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
input[type=checkbox] + label {
display: inline-flex;
align-items: center;
}
input[type=checkbox] + label .checkbox {
position: relative;
}
input[type=checkbox] + label .checkbox::before {
display: none;
}
input[type=checkbox] + label .checkbox + span {
padding-left: 4px;
}
@media screen and (max-width: 749px) {
input[type=checkbox] + label .checkbox + span {
font-size: 14px;
transform: translateY(2px);
}
}
input[type=checkbox]:checked + label .checkbox {
background: #F15A21;
border: 0;
}
input[type=checkbox]:checked + label .checkbox::before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 15px;
height: 12px;
transform: translate(-50%, -50%);
background: url("/kccip/static/osc/img/ico-chck.png") center center no-repeat;
}
input[type=checkbox]:checked + label .checkbox + span {
font-weight: 700;
}
input[type=checkbox]:focus + label .checkbox {
border: 2px solid #000;
}
input[type=checkbox]:disabled + label {
cursor: not-allowed;
}

.radio {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
border: 1px solid #767676;
box-sizing: border-box;
margin-right: 4px;
border-radius: 50%;
}
.radio::before {
display: none;
}

input[type=radio] {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
input[type=radio] + label {
display: inline-flex;
align-items: center;
}
input[type=radio] + label .radio {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
border: 1px solid #767676;
box-sizing: border-box;
margin-right: 4px;
border-radius: 50%;
}
input[type=radio] + label .radio::before {
display: none;
}
input[type=radio] + label span {
color: #222;
}
input[type=radio] + label span + input {
width: auto;
max-width: 160px;
margin-left: 4px;
}
input[type=radio]:checked + label .radio {
background: #F15A21;
border: 0;
}
input[type=radio]:checked + label .radio::before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
}
input[type=radio]:focus + label .radio {
border: 2px solid #000;
}
input[type=radio]:disabled + label {
cursor: not-allowed;
}

i[data-chck=true] {
background: #F15A21;
border: 0;
}
i[data-chck=true]::before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
}

/* 비활성화 라디오버튼 스타일 추가 */
input[type=radio]:disabled + label .radio {
background: #f7f7f7;
}
input[type=radio]:checked:disabled + label .radio {
background: #dadada;
}

.table .disable td {
background: #f7f7f7 !important;
color: #666 !important;
}

input:-moz-read-only {
background: #f7f7f7;
box-sizing: border-box;
}

input:read-only {
background: #f7f7f7;
box-sizing: border-box;
}

input[type=file] {
padding: 3px 4px;
background: #f7f7f7;
border: 1px solid #ccc;
box-sizing: border-box;
}

input[type=number] {
font-size: 15px;
-moz-appearance: none;
     appearance: none;
-webkit-appearance: none;
}

input.selectInput:-moz-read-only {
height: 32px;
padding: 5px 10px;
border-radius: 3px;
border: 1px solid #767676;
box-sizing: border-box;
}

input.selectInput,
input.selectInput:read-only {
height: 32px;
padding: 5px 10px;
border-radius: 3px;
border: 1px solid #767676;
box-sizing: border-box;
}

input[type=date] {
position: relative;
max-width: 138px;
font-size: 16px;
}
input[type=date]::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 8px;
width: 14px;
height: 16px;
transform: translateY(-50%);
background-image: url("/kccip/static/osc/img/ico-clndr.png");
}

input[type=date]::-webkit-calendar-picker-indicator {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
}

input[type=date],
input[type=month] {
height: 32px;
padding: 7px 10px;
font-size: 15px;
border-radius: 3px;
border: 1px solid #767676;
box-sizing: border-box;
color: #666;
text-align: left;
}

input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder {
-webkit-appearance: none;
-moz-appearance: none;
     appearance: none;
display: none;
font-size: 15px;
}

input[type=date]::placeholder,
input[type=month]::placeholder {
-webkit-appearance: none;
-moz-appearance: none;
     appearance: none;
display: none;
font-size: 15px;
}

textarea {
display: block;
-moz-appearance: none;
     appearance: none;
-webkit-appearance: none;
resize: none;
overflow-y: auto;
font-size: 16px;
}
textarea:-moz-read-only {
background: #f7f7f7;
cursor: not-allowed;
}
textarea:disabled, textarea:read-only {
background: #f7f7f7;
cursor: not-allowed;
}
textarea.desc {
width: calc(100% - 20px);
height: 223px;
margin: 10px auto;
}
textarea.desc + dl {
border-top: 1px solid #dadada;
}
textarea.desc.__v2 {
height: 668px;
}
textarea.h60px {
height: 60px;
}
textarea::-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: #767676;
line-height: 1.4;
}
textarea::placeholder {
font-size: 14px;
font-weight: 400;
color: #767676;
line-height: 1.4;
}

.radio-list,
.chck-list {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
}
.radio-list li, .radio-list div,
.chck-list li,
.chck-list div {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
margin-bottom: 4px;
margin-right: 10px;
position: relative;
}
.radio-list li span, .radio-list div span,
.chck-list li span,
.chck-list div span {
transform: translateY(1px);
}

.radio-list2 {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
margin-top: 8px;
}
.radio-list2::before {
content: "[";
padding-right: 8px;
transform: translateY(2px);
}
.radio-list2::after {
content: "]";
transform: translateY(2px);
}
.radio-list2 .bracket {
padding-right: 10px;
}
.radio-list2 div {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
margin-right: 10px;
}

.bd-list dl,
.bd-view dl {
display: table;
position: static;
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
@media screen and (max-width: 749px) {
.bd-list dl,
.bd-view dl {
display: block;
padding: 5px 0;
border-bottom: 0;
}
}
.bd-list dl:first-of-type, .bd-list dl.brt,
.bd-view dl:first-of-type,
.bd-view dl.brt {
border-top: 2px solid #222;
}
.bd-list dl dt,
.bd-view dl dt {
display: table-cell;
position: relative;
width: 14.6%;
padding: 10px 5px;
font-size: 15px;
font-weight: 600;
text-align: center;
background: #f7f7f7;
color: #666;
vertical-align: middle;
word-break: keep-all;
border-right: 1px solid #dadada;
box-sizing: border-box;
}
.bd-list dl dt::before,
.bd-view dl dt::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #dadada;
box-sizing: border-box;
left: 0;
bottom: 0;
z-index: 1;
}
@media screen and (max-width: 749px) {
.bd-list dl dt,
.bd-view dl dt {
display: block;
width: 100%;
font-size: 14px;
text-align: left;
background: #fff;
border-right: 0;
}
}
.bd-list dl dt label,
.bd-view dl dt label {
font-weight: 600;
color: #666;
}
.bd-list dl dd,
.bd-view dl dd {
position: relative;
display: table-cell;
padding: 10px 5px;
font-size: 15px;
vertical-align: middle;
box-sizing: border-box;
color: #222;
}
@media screen and (max-width: 749px) {
.bd-list dl dd,
.bd-view dl dd {
display: block;
width: 100%;
text-align: left;
}
}
.bd-list dl dd::before,
.bd-view dl dd::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #dadada;
box-sizing: border-box;
left: 0;
bottom: 0;
z-index: 1;
}
.bd-list dl dd:not(:last-of-type),
.bd-view dl dd:not(:last-of-type) {
border-right: 1px solid #dadada;
}
@media screen and (max-width: 749px) {
.bd-list dl dd:not(:last-of-type),
.bd-view dl dd:not(:last-of-type) {
border-right: 0;
}
}
.bd-list dl dd .btn-wrap,
.bd-view dl dd .btn-wrap {
position: absolute;
display: block;
top: 10px;
bottom: 10px;
right: 10px;
padding: 0;
margin: 0;
}
.bd-list dl.dl2 dl:first-of-type,
.bd-view dl.dl2 dl:first-of-type {
border-top: 0;
}
.bd-list dl.dl2 dl:last-of-type,
.bd-view dl.dl2 dl:last-of-type {
border-bottom: 0;
}
.bd-list dl.dl2 > dd,
.bd-view dl.dl2 > dd {
padding: 0;
}
.bd-list dl.dl2 > dd dt,
.bd-view dl.dl2 > dd dt {
background: linear-gradient(0deg, rgba(125, 143, 154, 0.1) 0%, rgba(125, 143, 154, 0.1) 100%);
}
.bd-list dl.dl2 > dd dt .i-info,
.bd-view dl.dl2 > dd dt .i-info {
display: inline-flex;
width: 20px;
height: 20px;
border-radius: 50%;
font-size: 14px;
background: #222;
color: white;
}
.bd-list dl.dl2 > dd dt .i-info::before,
.bd-view dl.dl2 > dd dt .i-info::before {
display: none;
}
.bd-list dl.dl2 > dd dd input[type=file],
.bd-view dl.dl2 > dd dd input[type=file] {
font-size: 16px;
}

.is-hidden {
display: none;
}

.only-m {
display: none;
}

@media screen and (max-width: 749px) {
br:not(.list-bu br) {
display: none;
}
.only-m {
display: inline-block;
width: 100px;
font-size: 12px;
color: #666;
}
.block {
display: block;
}
}
form + form {
margin-top: 20px;
}
form + form + form {
margin-top: 20px;
}

@media screen and (max-width: 480px) {
.sm\:mb5 {
margin-bottom: 5px;
}
}
/* font color */
/* bg color */
.tit {
position: relative;
margin-bottom: 30px;
font-size: 28px;
font-weight: 700;
color: #222;
}
@media screen and (max-width: 749px) {
.tit {
margin-bottom: 20px;
font-size: 22px;
}
}
.tit::before {
content: "";
display: inline-block;
margin-right: 14px;
width: 6px;
height: 28px;
border-radius: 3px;
background: #F15A21;
transform: translateY(6px);
}

.tit2 {
font-size: 24px;
color: #7E5140;
text-align: left;
margin-bottom: 10px;
}
.tit2 + .row {
margin-top: -45px;
}
@media screen and (max-width: 749px) {
.tit2 + .row {
margin-top: 0;
}
}

.subtit {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
position: relative;
padding-left: 24px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 700;
color: #222;
}
@media screen and (max-width: 749px) {
.subtit {
flex-wrap: wrap;
}
}
.subtit::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-image: url("/kccip/static/osc/img/ico-subtit.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.subtit::before {
background-image: url("/kccip/static/osc/img/ico-subtit@2x.png");
}
}
.subtit .rqrd-txt {
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
width: auto;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
color: #666;
}
@media screen and (max-width: 749px) {
.subtit .rqrd-txt {
font-size: 12px;
display: block;
position: inherit;
width: 100%;
}
}
@media screen and (max-width: 749px) {
.subtit label {
display: block;
width: 100%;
}
}
.subtit label i {
margin-left: 6px;
transform: translateY(2px);
}
.subtit label i + span {
color: #666;
}
.subtit input[type=checkbox] {
transform: translateY(6px);
}
@media screen and (max-width: 749px) {
.subtit input[type=checkbox] + label {
display: block;
width: 100%;
}
}
.subtit input[type=checkbox] + label i {
transform: translateY(0);
}
.subtit__type2 {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
position: relative;
padding-left: 24px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 700;
color: #222;
padding-left: 0;
}
@media screen and (max-width: 749px) {
.subtit__type2 {
flex-wrap: wrap;
}
}
.subtit__type2::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-image: url("/kccip/static/osc/img/ico-subtit.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.subtit__type2::before {
background-image: url("/kccip/static/osc/img/ico-subtit@2x.png");
}
}
.subtit__type2::before {
content: "※";
position: inherit;
width: auto;
height: auto;
padding-right: 4px;
font-size: 14px;
background: none;
}

.subtit2 {
padding-left: 0;
}
.subtit2::before {
display: none;
}

.tit + p.desc,
.subtit + p.desc {
font-size: 15px;
color: #222;
white-space: pre-line;
}

#popwrap .tit,
#popwrap2 .tit {
margin-bottom: 20px;
font-size: 20px;
font-weight: 700;
color: #7E5140;
}
#popwrap .tit::before,
#popwrap2 .tit::before {
display: none;
}

/* 안내사항 */
.info {
display: block;
font-size: 14px;
font-weight: 400;
color: #F15A21;
word-break: break-word;
}
.info i {
display: inline-block;
margin-right: 4px;
background-image: url("/kccip/static/osc/img/ico-info.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.info i {
background-image: url("/kccip/static/osc/img/ico-info@2x.png");
}
}
.info3 ul {
padding-left: 16px;
}
.info3 ul li::before {
content: "- ";
}

.info2 {
display: block;
font-size: 14px;
font-weight: 400;
color: #222;
word-break: break-word;
color: #222;
}
.info2 a {
color: #004F86;
text-decoration: underline;
padding: 0 6px;
}
.info2 i {
display: inline-block;
margin-right: 4px;
background-image: url("/kccip/static/osc/img/ico-info2.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.info2 i {
background-image: url("/kccip/static/osc/img/ico-info2@2x.png");
}
}

.subtit .info {
margin-left: 10px;
font-size: 14px;
color: #F15A21;
}
@media screen and (max-width: 749px) {
.subtit .info {
display: block;
width: 100%;
margin-left: 5px;
}
}

#lnb {
width: 280px;
padding: 0 30px 30px;
margin-bottom: 60px;
background: #fff;
border-radius: 10px;
border: 1px solid #DADADA;
box-sizing: border-box;
}
#lnb h2 {
padding: 26px 0;
margin-bottom: 10px;
font-size: 24px;
font-weight: 700;
color: #222;
text-align: center;
border-bottom: 2px solid #000;
}
#lnb nav ul > li {
width: 99%;
font-size: 18px;
font-weight: 700;
color: #222;
}
#lnb nav ul > li:not(:last-of-type) {
border-bottom: 1px solid #DADADA;
}
#lnb nav ul > li > a {
display: block;
padding: 15px 0;
}
#lnb nav ul > li.on {
color: #F15A21;
}
#lnb nav ul > li.on > a > span {
position: relative;
}
#lnb nav ul > li.on > a > span::before {
content: "";
display: block;
position: absolute;
left: 0%;
bottom: -4px;
width: 100%;
height: 16px;
background: rgba(241, 90, 33, 0.2);
}
@media screen and (max-width: 1199px) {
#lnb {
display: none;
}
}

#lnb .dp1 > a {
position: relative;
}
#lnb .dp1 > a::before {
content: "";
display: block;
position: absolute;
top: 23px;
right: 0;
width: 10px;
height: 10px;
background-image: url("/kccip/static/osc/img/ico-lnb2.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
#lnb .dp1 > a::before {
background-image: url("/kccip/static/osc/img/ico-lnb2@2x.png");
}
}
#lnb .dp1 .dp2 {
display: none;
}
#lnb .dp1 .dp2 > li {
position: relative;
font-size: 16px;
font-weight: 400;
color: #666;
}
#lnb .dp1 .dp2 > li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
width: 3px;
height: 3px;
background: #222;
border-radius: 50%;
transform: translateY(-50%);
}
#lnb .dp1 .dp2 > li > a {
display: block;
padding: 9px 9px 9px 11px;
}
#lnb .dp1 .dp2 > li.on > a {
font-weight: 700;
color: #222;
text-decoration: underline;
}
#lnb .dp1 .dp2 > li.active > a {
color: #007eca;
font-weight: 700;
text-decoration: underline;
}
#lnb .dp1.on > a::before {
background-image: url("/kccip/static/osc/img/ico-lnb1.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
#lnb .dp1.on > a::before {
background-image: url("/kccip/static/osc/img/ico-lnb1@2x.png");
}
}

#lnb .dp1.on > .dp2 {
display: block;
}

#header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
max-width: 1920px;
height: 100px;
padding: 0 20px;
margin: 0 auto;
background: #fff;
}
@media screen and (max-width: 749px) {
#header .container {
height: 70px;
padding: 0 10px 0 20px;
}
}
#header .logo a {
display: block;
width: 238px;
height: 46px;
background-image: url("/kccip/static/osc/img/logo.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
#header .logo a {
background-image: url("/kccip/static/osc/img/logo@2x.png");
}
}
@media screen and (max-width: 1199px) {
#header .gnb {
display: none;
}
}
#header .gnb .dp1 {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 0 16px;
}
@media screen and (max-width: 1440px) {
#header .gnb .dp1 {
gap: 0 4px;
}
}
#header .gnb .dp1 > li {
position: relative;
font-size: 20px;
font-weight: 700;
color: #222;
}
@media screen and (max-width: 1440px) {
#header .gnb .dp1 > li {
font-size: 18px;
}
}
#header .gnb .dp1 > li.on, #header .gnb .dp1 > li.active {
color: #F15A21;
}
#header .gnb .dp1 > li > a {
padding: 10px;
}
#header .gnb .dp2 {
display: none;
z-index: 2;
position: absolute;
left: 50%;
width: 240px;
margin-top: 32px;
padding: 6px 20px;
border-top: 2px solid #F15A21;
border-radius: 0 0 10px 10px;
box-sizing: border-box;
transform: translateX(-50%);
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
background: #fff;
}
#header .gnb .dp2::before {
content: "";
display: block;
position: absolute;
top: -17px;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: 1px;
border: 8px solid transparent;
border-bottom: 8px solid #F15A21;
}
#header .gnb .dp2 li {
padding: 10px 0;
font-size: 18px;
color: #000;
text-align: center;
line-height: 1.3;
color: #000;
}
#header .gnb .dp2 li:not(:last-of-type) {
border-bottom: 1px solid #DADADA;
}
#header .gnb .dp2 li a {
position: relative;
padding: 10px;
z-index: 1;
}
#header .gnb .dp2 li.on {
position: relative;
color: #F15A21;
}
#header .gnb .dp2 li.on::before {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 10px;
width: 70%;
height: 16px;
transform: translateX(-50%);
background: #FFEFE9;
}
#header .gnb + div {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
}
#header .gnb + div .user-nav {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
margin-right: 10px;
}
@media screen and (max-width: 1199px) {
#header .gnb + div .user-nav {
display: none;
}
}
#header .gnb + div .user-nav li {
padding: 0 5px;
font-size: 14px;
line-height: 1;
color: #222;
}
#header .gnb + div .user-nav li:nth-of-type(1) {
text-align: right;
}
#header .gnb + div .user-nav li:not(:nth-of-type(1)) {
border-left: 1px solid #dadada;
}
#header .gnb + div .user-nav li > a {
padding: 10px 4px;
}
#header .gnb + div .user-nav .name {
font-size: 13px;
}
#header .gnb + div .user-nav .name em {
font-size: 13px;
font-family: "NanumSquareNeoTTF-cBd";
padding: 0 4px 0 0;
color: #f15a21;
}
#header .gnb + div .user-nav #ViewTimer {
display: inline-block;
width: 62px;
}
#header .gnb + div .user-nav .vTimeResets {
display: inline-block;
font-size: 13px;
font-family: "NanumSquareNeoTTF-cBd";
padding: 4px;
color: #f15a21;
border: 1px solid #f15a21;
}
#header .gnb + div .go-cprgt {
position: relative;
line-height: 24px;
padding: 3px 10px 3px 20px;
margin-right: 20px;
font-size: 14px;
color: #fff;
background: #f15a21;
border-radius: 5px;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
#header .gnb + div .go-cprgt {
display: none;
}
}
#header .gnb + div .go-cprgt::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: -12px;
width: 31px;
height: 30px;
transform: translateY(-50%);
background-image: url("/kccip/static/osc/img/ico-gnb-ci.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
#header .gnb + div .go-cprgt::before {
background-image: url("/kccip/static/osc/img/ico-gnb-ci@2x.png");
}
}

#header .gnb .dp1 li.on > .dp2 {
display: block;
}

/* 전체메뉴, pc */
.total-menu {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
padding: 56px 0 50px;
box-sizing: border-box;
background: #fff;
z-index: 102;
overflow: hidden;
}
@media screen and (max-width: 1199px) {
.total-menu {
display: none;
}
}
.total-menu .container {
position: relative;
max-width: 1480px;
width: 100%;
height: 100%;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
.total-menu .container {
max-width: 1200px;
width: 100%;
}
}
.total-menu .container .i-closeMenu {
position: absolute;
top: 0;
right: 20px;
}
.total-menu .container h2 {
margin-bottom: 40px;
font-size: 36px;
font-weight: 700;
line-height: 1;
color: #222;
}
.total-menu .container .menu-wrap {
display: flex;
flex-wrap: wrap;
max-height: calc(100% - 76px);
overflow-y: auto;
align-items: stretch;
gap: 40px 20px;
}

.total-menu .dp1 {
min-width: 18.91%;
border: 1px solid #dadada;
border-radius: 10px;
box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
.total-menu .dp1 {
min-width: 280px;
}
}
.total-menu .dp1 .menu-tit {
display: block;
position: relative;
font-size: 24px;
font-weight: 700;
padding: 28px 0 24px;
text-align: center;
color: #222222;
}
.total-menu .dp1 .menu-tit::before {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 0;
width: calc(100% - 60px);
height: 2px;
transform: translateX(-50%);
background: #222;
}
.total-menu .dp1 .default {
margin-top: 58px;
color: #666;
text-align: center;
}
.total-menu .dp1.infoGround {
width: calc(62.18% - 40px);
}
@media screen and (max-width: 1199px) {
.total-menu .dp1.infoGround {
width: 100%;
max-width: 880px;
}
}
.total-menu .dp1.infoGround .dp2 {
position: relative;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.total-menu .dp1.infoGround .dp2 > li {
position: relative;
width: 33.33%;
}
.total-menu .dp1.infoGround .dp2 > li::before {
display: none;
}
.total-menu .dp1.infoGround .dp2 > li:nth-of-type(1)::after, .total-menu .dp1.infoGround .dp2 > li:nth-of-type(2)::after {
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 16px;
width: 1px;
height: calc(100% - 40px);
background: #dadada;
}
.total-menu .dp1.infoGround .dp2 > li:nth-of-type(4) {
position: absolute;
top: 67px;
right: 0;
}
.total-menu .dp1.infoGround .dp2 > li:nth-of-type(4)::before {
display: block;
}
.total-menu .dp1.infoGround .dp2 > li:nth-of-type(5) {
position: absolute;
top: 124px;
right: 0;
}
.total-menu .dp1.infoGround .dp2 > li:nth-of-type(5)::before {
display: block;
}

.total-menu .dp2 {
padding: 10px 0 23px;
}
.total-menu .dp2 > li {
position: relative;
font-size: 18px;
font-weight: 700;
}
.total-menu .dp2 > li:not(:first-of-type)::before {
content: "";
display: block;
position: absolute;
width: calc(100% - 60px);
height: 1px;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #dadada;
}
.total-menu .dp2 > li.on {
color: #f15a21;
}
.total-menu .dp2 > li.on > a > span {
position: relative;
}
.total-menu .dp2 > li.on > a > span::before {
content: "";
display: inline-block;
position: absolute;
z-index: -1;
left: 0;
bottom: -8px;
width: 100%;
height: 16px;
background: #FFEFE9;
}
.total-menu .dp2 > li > a {
position: relative;
display: block;
padding: 15px 30px;
}
.total-menu .dp2 .dp3 li {
font-size: 16px;
font-weight: 500;
color: #666;
}
.total-menu .dp2 .dp3 li > a {
display: block;
padding: 10px 30px;
}
.total-menu .dp2 .dp3 li > a::before {
content: "";
display: inline-block;
width: 3px;
height: 3px;
margin-right: 7px;
border-radius: 50%;
background: #222;
transform: translateY(-3px);
}
.total-menu .dp2 .dp3 li.on {
font-weight: 700;
color: #222222;
}
.total-menu .dp2 .dp3 li.on span {
position: relative;
}
.total-menu .dp2 .dp3 li.on span::before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 1px;
background: #222;
}
.total-menu .dp2 .dp3 li:last-of-type {
margin-bottom: 15px;
}

/* 전체메뉴, mobile */
.total-menuM {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background: #fff;
z-index: 101;
overflow: hidden;
}
@media (min-width: 1200px) {
.total-menuM {
display: none;
}
}
.total-menuM .i-menuClose {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
background-image: url("/kccip/static/osc/img/ico-closeOrg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.total-menuM .i-menuClose {
background-image: url("/kccip/static/osc/img/ico-closeOrg@2x.png");
}
}

.menuM-top {
position: relative;
padding: 10px 10px;
background: #ff5b1d;
box-sizing: border-box;
}
.menuM-top .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menuM-top .row a {
display: inline-block;
padding: 10px;
font-size: 16px;
color: #fff;
}
.menuM-top .row a.join {
position: relative;
padding-left: 12px;
}
.menuM-top .row a.join::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 14px;
background: #dadada;
transform: translateY(-50%);
}
.menuM-top .row a.go-cprgt {
display: inline-flex;
align-items: center;
height: 30px;
margin-left: 20px;
padding: 7px 10px 7px 0;
line-height: 1;
border: 1px solid #fff;
border-radius: 5px;
box-sizing: border-box;
}
.menuM-top .row a.go-cprgt::before {
content: "";
display: inline-block;
width: 31px;
height: 30px;
margin-right: 5px;
margin-left: -15px;
background-image: url("/kccip/static/osc/img/ci.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.menuM-top .row a.go-cprgt::before {
background-image: url("/kccip/static/osc/img/ci@2x.png");
}
}
.menuM-top .row a.main-chatbot {
position: relative;
}
.menuM-top .row a.main-chatbot::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 14px;
background: #dadada;
transform: translateY(-50%);
}

.menuM-mid {
height: calc(100% - 94px);
overflow-y: auto;
padding: 0 20px;
background: #fff;
box-sizing: border-box;
}
.menuM-mid .row {
padding: 13px 0;
flex-wrap: wrap;
align-items: center;
border-bottom: 1px solid #b9b0a5;
gap: 4px 0;
}
.menuM-mid .row .id {
display: flex;
width: 100%;
align-items: center;
gap: 0 4px;
}
.menuM-mid .row .pw {
width: 100%;
margin-top: 4px;
}
.menuM-mid .row input {
width: 100%;
height: 38px;
background: #efebe6;
border-color: #210c04;
}
.menuM-mid .row input::-moz-placeholder {
color: #222;
}
.menuM-mid .row input::placeholder {
color: #222;
}
.menuM-mid .row button {
color: #fff;
background-color: #222;
width: 100%;
height: 60px;
margin-top: 4px;
border-radius: 3px;
}
.menuM-mid .menu-wrap {
padding: 13px 0 0;
margin-bottom: 6px;
}
.menuM-mid .menu-wrap .dp1 {
margin-bottom: 1px;
border-radius: 6px;
overflow: hidden;
}
.menuM-mid .menu-wrap .dp1 button {
position: relative;
width: 100%;
padding: 20px;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-align: left;
color: #222;
background-color: #efebe6;
}
.menuM-mid .menu-wrap .dp1 button::before {
content: "";
position: absolute;
display: inline-block;
width: 14px;
height: 14px;
top: 50%;
right: 20px;
transform: translateY(-50%);
background-image: url("/kccip/static/osc/img/ico-open.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.menuM-mid .menu-wrap .dp1 button::before {
background-image: url("/kccip/static/osc/img/ico-open@2x.png");
}
}
.menuM-mid .menu-wrap .dp1 .default {
display: none;
padding: 20px 10px;
background: #fff;
border: 2px solid #1f100e;
border-radius: 4px;
color: #666;
text-align: center;
}
.menuM-mid .menu-wrap .dp1 .dp2 {
display: none;
padding: 0 18px;
color: #000;
background: #fff;
border: 2px solid #1f100e;
border-radius: 4px;
}
.menuM-mid .menu-wrap .dp1 .dp2 > li {
font-size: 18px;
font-weight: 700;
color: #222;
}
.menuM-mid .menu-wrap .dp1 .dp2 > li:not(:last-of-type) {
border-bottom: 1px solid #dadada;
}
.menuM-mid .menu-wrap .dp1 .dp2 > li > a {
display: block;
padding: 14px 10px;
}
.menuM-mid .menu-wrap .dp1 .dp2 > li.on {
position: relative;
z-index: 1;
color: #f15a21;
}
.menuM-mid .menu-wrap .dp1 .dp2 > li.on > a > span {
position: relative;
}
.menuM-mid .menu-wrap .dp1 .dp2 > li.on > a > span::before {
content: "";
display: inline-block;
position: absolute;
z-index: -1;
left: 0;
bottom: -8px;
width: 100%;
height: 16px;
background: #FFEFE9;
}
.menuM-mid .menu-wrap .dp1 .dp3 > li {
font-size: 16px;
font-weight: 400;
color: #222222;
}
.menuM-mid .menu-wrap .dp1 .dp3 > li > a {
position: relative;
display: block;
padding: 10px;
}
.menuM-mid .menu-wrap .dp1 .dp3 > li > a::before {
content: "";
display: inline-block;
width: 3px;
height: 3px;
margin-right: 7px;
background: #222;
border-radius: 50%;
vertical-align: middle;
}
.menuM-mid .menu-wrap .dp1 .dp3 > li.on {
position: relative;
z-index: 1;
color: #222;
}
.menuM-mid .menu-wrap .dp1 .dp3 > li.on > a > span {
position: relative;
font-weight: 600;
}
.menuM-mid .menu-wrap .dp1 .dp3 > li.on > a > span::before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background: #222;
}
.menuM-mid .menu-wrap .dp1.on {
background: #1f100e;
border-radius: 8px 8px 6px 6px;
color: #fff;
}
.menuM-mid .menu-wrap .dp1.on button {
background: #1f100e;
color: #fff;
}
.menuM-mid .menu-wrap .dp1.on button::before {
height: 2px;
background-image: url("/kccip/static/osc/img/ico-closeM.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.menuM-mid .menu-wrap .dp1.on button::before {
background-image: url("/kccip/static/osc/img/ico-closeM@2x.png");
}
}
.menuM-mid .menu-wrap .dp1.on .default {
display: block;
}
.menuM-mid .menu-wrap .dp1.on .dp2 {
display: block;
}

.menuM-btm {
display: flex;
align-items: center;
position: fixed;
width: calc(100% - 10px);
height: 90px;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: #210c04;
border-radius: 10px 10px 0 0;
display: none;
}
.menuM-btm a {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
height: 100%;
box-sizing: border-box;
color: #fff;
}
.menuM-btm a:first-of-type {
border-right: 1px solid #372620;
}
.menuM-btm a span {
display: block;
position: relative;
margin-top: -8px;
font-size: 15px;
color: #fff;
padding-left: 10px;
padding-bottom: 8px;
}
.menuM-btm a span::before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 7px;
left: 10px;
bottom: -4px;
background-image: url("/kccip/static/osc/img/ico-arrow.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.menuM-btm a span::before {
background-image: url("/kccip/static/osc/img/ico-arrow@2x.png");
}
}

#container {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
max-width: 1280px;
margin: 0 auto;
}

#main {
position: relative;
width: 960px;
margin-left: 40px;
}
@media screen and (max-width: 1199px) {
#main {
width: 100%;
margin-left: 0;
}
}
#main > .sns {
position: absolute;
top: 24px;
right: 0;
}
@media screen and (max-width: 1199px) {
#main > .sns {
right: 20px;
}
}
@media screen and (max-width: 749px) {
#main > .sns {
display: none;
}
}

#header {
position: sticky;
top: 0;
z-index: 11;
background: #fff;
box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.05);
}

.location {
margin: 44px 0 20px;
}
@media screen and (max-width: 1199px) {
.location {
padding: 0 20px;
}
}
@media screen and (max-width: 749px) {
.location {
display: none;
}
}
.location ol {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}
.location ol li {
position: relative;
font-size: 14px;
font-weight: 400;
color: #fff;
}
.location ol li:not(.home) {
margin-left: 40px;
}
.location ol li:not(.home)::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: -20px;
width: 7px;
height: 13px;
transform: translateY(-50%) rotate(180deg);
transform-origin: 0 45%;
background-image: url("/kccip/static/osc/img/ico-before.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.location ol li:not(.home)::before {
background-image: url("/kccip/static/osc/img/ico-before@2x.png");
}
}
.location ol li .home {
background-image: url("/kccip/static/osc/img/ico-home.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.location ol li .home {
background-image: url("/kccip/static/osc/img/ico-home@2x.png");
}
}
.location ol li:last-of-type {
text-decoration: underline;
}
.location ol li i {
margin-right: 10px;
}

.sns {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}
.sns > div {
position: relative;
}
.sns > div:first-of-type {
margin-right: 40px;
}
.sns > div:first-of-type:before {
content: "";
display: block;
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 32px;
background: rgba(255, 255, 255, 0.2);
}
.sns button {
color: #fff;
}
.sns .share {
position: relative;
}
.sns .share .sns-wrap {
display: none;
z-index: 11;
position: absolute;
left: 50%;
bottom: -99px;
transform: translateX(-50%);
padding: 20px;
border: 3px solid #ff5715;
box-sizing: border-box;
background: #fff;
}
.sns .share .sns-wrap .row {
position: relative;
display: flex;
align-items: center;
gap: 0 10px;
}
.sns .share .sns-wrap .row::before {
content: "";
display: inline-block;
position: absolute;
top: -32px;
left: 50%;
width: 20px;
height: 20px;
background: #fff;
border-top: 3px solid #ff5715;
border-left: 3px solid #ff5715;
box-sizing: border-box;
transform: translateX(-50%) rotate(45deg);
}
.sns .share .sns-wrap .row button {
width: 40px;
height: 40px;
border-radius: 3px;
}
.sns .share .sns-wrap .row button.fbook {
background-image: url("/kccip/static/osc/img/ico-facebook.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.sns .share .sns-wrap .row button.fbook {
background-image: url("/kccip/static/osc/img/ico-facebook@2x.png");
}
}
.sns .share .sns-wrap .row button.blog {
background-image: url("/kccip/static/osc/img/ico-blog.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.sns .share .sns-wrap .row button.blog {
background-image: url("/kccip/static/osc/img/ico-blog@2x.png");
}
}
.sns .share .sns-wrap .row button.kakao {
background-image: url("/kccip/static/osc/img/ico-kakao.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.sns .share .sns-wrap .row button.kakao {
background-image: url("/kccip/static/osc/img/ico-kakao@2x.png");
}
}
.sns .share .sns-wrap .row button.twit {
background-image: url("/kccip/static/osc/img/ico-twit.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.sns .share .sns-wrap .row button.twit {
background-image: url("/kccip/static/osc/img/ico-twit@2x.png");
}
}
.sns .share.on .sns-wrap {
display: flex;
}

#content {
padding: 40px 0;
box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
#content {
padding: 40px 20px;
}
}
@media screen and (max-width: 749px) {
#content {
padding: 20px 20px 30px;
}
}

.visual {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
position: relative;
width: 100%;
height: 220px;
}
@media screen and (max-width: 749px) {
.visual {
height: 100px;
}
}
.visual::before {
content: "";
display: block;
z-index: -1;
position: absolute;
width: 100%;
height: 300px;
top: 0;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 749px) {
.visual::before {
height: 100px;
}
}
.visual p {
font-size: 48px;
font-weight: 700;
color: #fff;
}
@media screen and (max-width: 749px) {
.visual p {
font-size: 20px;
}
}

.visual--01::before {
background-image: url(/kccip/static/osc/img/bg-01.png);
}
.visual--02::before {
background-image: url(/kccip/static/osc/img/bg-02.png);
}
.visual--03::before {
background-image: url(/kccip/static/osc/img/bg-03.png);
}
.visual--04::before {
background-image: url(/kccip/static/osc/img/bg-04.png);
}
.visual--05::before {
background-image: url(/kccip/static/osc/img/bg-05.png);
}

.row {
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
}

#footer {
background: #0D0F16;
}
#footer .container {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
#footer .footer-top {
display: flex;
flex-wrap: wrap;
padding: 6px 0 10px;
justify-content: space-between;
border-bottom: 1px solid #203641;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
#footer .footer-top {
padding: 14px 0;
flex-direction: column;
}
}
#footer .footer-top > div {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}
@media screen and (max-width: 749px) {
#footer .footer-top > div {
width: 100%;
flex-wrap: wrap;
}
}
#footer .footer-top > div > div {
padding: 0 16px;
font-size: 18px;
color: #7D8F9A;
}
@media screen and (max-width: 749px) {
#footer .footer-top > div > div {
padding: 0 6px;
font-size: 14px;
}
}
#footer .footer-top > div > div:not(:first-of-type) {
border-left: 1px solid #203641;
}
#footer .footer-top > div > div:first-of-type {
color: #F15A21;
}
#footer .footer-top > div > div:first-of-type a {
padding-left: 0;
display: inline-block;
background: linear-gradient(to top, #F15A21 1px, transparent 1px);
}
#footer .footer-top > div a {
display: inline-block;
padding: 8px 0;
}
@media screen and (max-width: 749px) {
#footer .footer-top > div a {
padding: 8px 0;
}
}
@media screen and (max-width: 749px) {
#footer .footer-top > div + div {
margin-top: 10px;
text-align: right;
}
}
#footer .footer-top > div + div .korea-cprt {
display: inline-flex;
align-items: center;
padding: 8px;
font-size: 18px;
color: #7D8F9A;
}
@media screen and (max-width: 749px) {
#footer .footer-top > div + div .korea-cprt {
font-size: 14px;
padding: 8px 6px 8px 0;
}
}
#footer .footer-top > div + div .korea-cprt i {
margin-left: 8px;
}
#footer .footer-btm {
display: flex;
padding: 30px 0;
margin: 0;
justify-content: space-between;
gap: 10px;
}
@media screen and (max-width: 749px) {
#footer .footer-btm {
padding: 20px 0;
gap: 10px 20px;
justify-content: flex-start;
flex-wrap: wrap;
}
}
#footer .footer-btm .footer-addr {
margin-right: 10px;
}
#footer .footer-btm dl {
display: flex;
padding: 0;
font-weight: 700;
border: 0;
}
#footer .footer-btm dl:first-of-type {
margin-bottom: 5px;
}
#footer .footer-btm dt {
width: 42px;
padding: 0;
font-weight: 700;
color: #7D8F9A;
background: transparent;
border: 0;
}
#footer .footer-btm dt::after {
content: " - ";
display: inline-block;
}
@media screen and (max-width: 749px) {
#footer .footer-btm dt {
font-size: 14px;
}
}
#footer .footer-btm dd {
width: calc(100% - 42px);
padding: 0 0 0 4px;
color: #7D8F9A;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
#footer .footer-btm dd {
font-size: 14px;
}
}
#footer .footer-btm dd span:first-of-type::after {
content: " / ";
}
#footer .footer-btm dd em {
display: inline-block;
padding-left: 6px;
color: #F15A21;
font-weight: 600;
}
#footer .footer-btm .footer-mark {
display: flex;
align-items: center;
gap: 10px 30px;
}
@media screen and (max-width: 749px) {
#footer .footer-btm .footer-mark {
width: 100%;
margin-top: 10px;
justify-content: flex-start;
gap: 10px 10px;
}
}
#footer .footer-btm .footer-mark .award img {
width: 46px;
aspect-ratio: 46/61;
}
#footer .footer-btm .footer-mark .flogo {
width: 186px;
height: 36px;
background-image: url("/kccip/static/osc/img/footer-ci.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
#footer .footer-btm .footer-mark .flogo {
background-image: url("/kccip/static/osc/img/footer-ci@2x.png");
}
}
#footer .footer-btm .footer-mark .wa {
display: inline-block;
color: #fff;
width: 84px;
height: 54px;
}

/* 이미지 스프라이트 */
.ico-add {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -249px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-add {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-aply {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px 0px;
width: 219px;
height: 172px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-aply {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-before2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -287px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-before2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-blank {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -325px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-blank {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-blog {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -434px -192px;
width: 40px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-blog {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-btm1 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -276px -192px;
width: 59px;
height: 55px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-btm1 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-btm2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -79px -290px;
width: 59px;
height: 43px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-btm2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-btm3 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -378px -66px;
width: 59px;
height: 59px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-btm3 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-btm4 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -355px -192px;
width: 59px;
height: 54px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-btm4 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-btm5 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px -359px;
width: 51px;
height: 50px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-btm5 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-btm6 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px -290px;
width: 59px;
height: 49px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-btm6 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-cancel {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -363px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-cancel {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-chck {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -35px -551px;
width: 16px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-chck {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-chckB {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -71px -551px;
width: 16px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-chckB {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-close {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -394px -290px;
width: 36px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-close {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-closeB {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -270px -429px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-closeB {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-cmplt {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px -192px;
width: 118px;
height: 78px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-cmplt {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-cmpltM {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -239px -66px;
width: 119px;
height: 78px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-cmpltM {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-cmpltR {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -138px -192px;
width: 118px;
height: 78px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-cmpltR {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-cst {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -128px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-cst {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-cstOn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -170px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-cstOn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-del {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -401px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-del {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-down {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -439px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-down {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-down2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -475px -473px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-down2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-edit {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-edit {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-facebook {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -158px -290px;
width: 40px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-facebook {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-fileDel {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -477px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-fileDel {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-grh {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -380px;
width: 20px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-grh {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-grhOn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -422px;
width: 20px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-grhOn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-grhb {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -84px;
width: 17px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-grhb {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-grhbOn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -126px;
width: 17px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-grhbOn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-help {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -38px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-help {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-helpW {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -168px;
width: 18px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-helpW {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-home {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px -551px;
width: 15px;
height: 13px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-home {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-id {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -457px -106px;
width: 19px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-id {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-info {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -76px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-info {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-info2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -114px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-info2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-join {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -280px -473px;
width: 19px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-join {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-kakao {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -218px -290px;
width: 40px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-kakao {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-listDel {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -152px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-listDel {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-listDel2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -190px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-listDel2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-listDelB {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -228px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-listDelB {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-lnb1 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -579px -100px;
width: 10px;
height: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-lnb1 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-lnb2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -579px -130px;
width: 10px;
height: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-lnb2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-login {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -338px -290px;
width: 36px;
height: 37px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-login {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-loginBtn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -319px -473px;
width: 19px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-loginBtn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-menu {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -290px -359px;
width: 34px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-menu {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-menuB {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -183px -359px;
width: 35px;
height: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-menuB {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-more {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -266px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-more {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-next {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -304px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-next {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-ntc1 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -238px -359px;
width: 32px;
height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-ntc1 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-ntc2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -450px -290px;
width: 27px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-ntc2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-popClose {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -579px -68px;
width: 12px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-popClose {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-prev {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -342px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-prev {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-print {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -71px -359px;
width: 36px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-print {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-pw {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -358px -473px;
width: 19px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-pw {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstr1 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -344px -359px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstr1 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstr2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -389px -359px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstr2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstr3 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -434px -359px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstr3 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstr4 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -314px -429px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstr4 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstr5 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px -429px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstr5 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstr6 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -45px -429px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstr6 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstrOk1 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -358px -429px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstrOk1 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstrOk2 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -402px -429px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstrOk2 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstrOk3 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -90px -429px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstrOk3 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstrOk4 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -135px -429px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstrOk4 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstrOk5 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -180px -429px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstrOk5 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-rgstrOk6 {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -225px -429px;
width: 25px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-rgstrOk6 {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-save {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -397px -473px;
width: 19px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-save {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-sch {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px 0px;
width: 18px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-sch {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-schOn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -42px;
width: 18px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-schOn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-send {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -380px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-send {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-sg {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -296px;
width: 21px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-sg {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-sgOn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -338px;
width: 21px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-sgOn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-share {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -127px -359px;
width: 36px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-share {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-sjgt {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -44px;
width: 24px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-sjgt {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-sjgtOn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -86px;
width: 24px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-sjgtOn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-srch {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -579px 0px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-srch {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-srchW {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -579px -34px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-srchW {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-step {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -579px -160px;
width: 8px;
height: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-step {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-stepChk {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -529px -513px;
width: 17px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-stepChk {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-stepNext {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -541px -207px;
width: 15px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-stepNext {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-submit {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -418px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-submit {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-subtit {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -446px -429px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-subtit {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-twit {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -278px -290px;
width: 40px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-twit {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-wtdw {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -436px -473px;
width: 19px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-wtdw {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-wtdwW {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -494px -513px;
width: 15px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-wtdwW {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-ycgh {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -212px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-ycgh {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.ico-ycghOn {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px -254px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-ycghOn {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon-print-bk {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -456px -513px;
width: 18px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-print-bk {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_excel {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -457px -66px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_excel {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_hwp {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: 0px -473px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_hwp {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_img {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -40px -473px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_img {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_linkto {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -80px -473px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_linkto {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_pdf {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -120px -473px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_pdf {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_plusfile {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -160px -473px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_plusfile {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_ppt {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -200px -473px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_ppt {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_search {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -497px 0px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_search {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.icon_word {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -240px -473px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon_word {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

.logo {
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -239px 0px;
width: 238px;
height: 46px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.logo {
background-image: url(/kccip/static/osc/img/sprite@2x.png);
background-size: 593px 564px;
}
}

[class^=ico] {
display: inline-block;
vertical-align: middle;
}

/* components */
/*정렬*/
.row {
display: flex;
flex-wrap: wrap;
}
.row + * {
margin-top: 20px;
}

.left {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}

.center {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
}

.right {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
flex-direction: row;
}

.between {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
}

/*텍스트 정렬*/
.txtleft {
text-align: left !important;
}

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

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

.vertical {
writing-mode: vertical-lr;
}

/*텍스트 언더라인*/
.tul {
position: relative;
font-weight: 600;
}
.tul::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 1px;
background: #000;
}

.bd-list .table thead th {
color: #666;
text-align: center;
background: #F7F7F7;
}
.bd-list .table tbody td, .bd-list .table tbody th {
font-weight: normal;
text-align: center;
background: #fff;
color: #222;
}
.bd-list dl:first-of-type {
position: relative;
z-index: 1;
}
.bd-list dl a {
color: #004F86;
text-decoration: underline;
text-underline-offset: 3px;
}
.bd-list dl.dl2 dd > dt, .bd-list dl.dl2 dd dd {
padding: 10px 5px;
}
.bd-list dl ol, .bd-list dl .county {
display: flex;
flex-wrap: wrap;
gap: 0 10px;
}
.bd-list .table th, .bd-list .table td {
line-height: 1.25;
}
.bd-list .table thead th {
padding: 10px 5px;
color: #666;
font-size: 15px;
text-align: center;
background: #F7F7F7;
}
.bd-list .table tbody th, .bd-list .table tbody td {
padding: 10px 5px;
font-size: 15px;
font-weight: 400;
text-align: center;
color: #222;
}
.bd-list .table tbody th a, .bd-list .table tbody td a {
text-decoration: underline;
text-underline-offset: 3px;
color: #004F86;
}
.bd-list .table tbody th {
color: #666;
background: #F7F7F7;
border-right: 1px solid #dadada;
}
.bd-list .table tbody td {
word-break: break-all;
}
.bd-list .table tbody td .country li {
display: flex;
flex-wrap: wrap;
}
.bd-list .table tbody td .country li:not(:last-of-type) {
margin-bottom: 4px;
}
.bd-list .table tbody td .country em {
display: block;
}
.bd-list .table tbody td img {
max-width: 100%;
}
.bd-list .table + dl {
margin-top: 10px;
}
.bd-list > p {
font-size: 15px;
padding: 20px;
border-bottom: 1px solid #DADADA;
color: #222;
white-space: pre-line;
}
.bd-list #popContsPlanCn {
color: #222;
white-space: pre-line;
}
.bd-list p.desc {
color: #222;
white-space: pre-line;
}
.bd-list .sh {
margin-bottom: 10px;
text-align: right;
}
.bd-list .sh .b-move {
margin-left: 10px;
}
.bd-list .row.type2 {
display: flex;
justify-content: space-between;
}
.bd-list .row.type2 .b-down {
position: static;
vertical-align: bottom;
}
.bd-list .row.type2 .list-slct {
width: auto;
}
@media screen and (max-width: 749px) {
.bd-list .row.type2 .list-slct {
width: 100%;
}
}

.bd-list + .subtit {
margin-top: 20px;
}
.bd-list + .row {
margin-top: -10px;
}
.bd-list + .right {
margin-top: 20px;
}
.bd-list + .right button:nth-of-type(2) {
margin-left: 5px;
}
.bd-list + #rgtAplySpcReg {
margin-top: 30px;
}
.bd-list + .tit, .bd-list .subtit {
margin-top: 20px;
}
.bd-list + .bd-list {
margin-top: 20px;
}

.subtit + .bd-list {
margin-bottom: 20px;
}
.subtit + .bd-list + .bd-list {
margin: -10px 0 20px;
}
.subtit + .bd-list + .bd-list + .bd-list {
margin: -10px 0 20px;
}
.subtit + .bd-list + .bd-list + .bd-list + .bd-list {
margin: -10px 0 20px;
}

.subtit + p {
border-top: 2px solid #222;
border-bottom: 1px solid #DADADA;
padding: 20px;
white-space: pre-line;
}

.agree .checkbox {
transform: translateY(5px);
background: #DADADA;
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
border: 0;
}
.agree .checkbox::before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 15px;
height: 12px;
transform: translate(-50%, -50%);
background: url("/kccip/static/osc/img/ico-chckB.png") center center no-repeat;
}
.agree .checkbox + span {
font-weight: 400;
color: #222;
}

.agree > div {
display: inline-flex;
align-items: center;
}
.agree > div .radio {
border: 0;
transform: translateY(0);
}
.agree .radio {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
border: 1px solid #767676;
box-sizing: border-box;
margin-right: 4px;
border-radius: 50%;
transform: translateY(5px);
}
.agree .radio::before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
}
.agree .radio + span {
font-weight: 400;
color: #222;
}

.agree:not(dl),
.agree:not(dd),
p.agree {
margin-bottom: 10px;
}

.a-file {
display: inline-flex;
padding: 4px;
align-items: center;
text-decoration: underline;
color: #004F86;
transform: translateY(0px);
vertical-align: text-bottom;
word-break: break-all;
}
@media screen and (max-width: 749px) {
.a-file {
padding: 4px 0;
}
}
.a-file i {
padding-right: 4px;
}
.a-file + button {
transform: translateY(2px);
}
.a-file + button + .i-del {
transform: translateY(-2px);
}
.a-file + button + .pl10 {
vertical-align: super;
}
.a-file + input[type=file] {
margin-top: 10px;
}

.bd-list > .row {
position: relative;
margin-top: 45px;
}
.bd-list > .row .b-down,
.bd-list > .row .b-input {
position: absolute;
left: 0;
top: -7px;
}
@media screen and (max-width: 749px) {
.bd-list > .row .b-down,
.bd-list > .row .b-input {
position: relative;
}
}
.bd-list > .row .b-input {
left: 153px;
}
.bd-list > .row .list-slct {
width: 100%;
text-align: right;
}
.bd-list > .row .list-slct span {
position: relative;
}
.bd-list > .row .list-slct span::before {
content: "· ";
}
.bd-list > .row .list-slct select {
width: 66px;
}
.bd-list > .row + .table {
margin-top: 10px;
}
.bd-list > .row + dl:first-of-type {
margin-top: 10px;
}
.bd-list .file-list li {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
flex-wrap: wrap;
}
.bd-list .file-list li:not(:last-of-type) {
margin-bottom: 5px;
}
.bd-list .file-list .a-file {
display: inline-block;
color: #004F86;
}
.bd-list .file-list span.a-file button {
padding: 4px;
transform: translateY(4px);
}
.bd-list .file-list2 li {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
flex-wrap: wrap;
}
.bd-list .ntc-box + .file-list {
margin-top: 16px;
}
.bd-list .attend li {
display: flex;
gap: 0 4px;
}
.bd-list .attend li em {
max-width: 65px;
}
.bd-list .attend li span {
max-width: calc(100% - 65px - 4px);
}

.table + .bd-list {
margin-top: 10px;
}
.evlt-list td em {
display: block;
}

/* 썸네일 */
.thumb__name {
vertical-align: super;
padding-left: 12px;
}
@media screen and (max-width: 749px) {
.thumb__name {
display: block;
}
}

/* 첨부파일 리스트 */
.file-list4 {
display: flex;
align-items: flex-start;
}
.file-list4 li {
display: flex;
}
.file-list4 li > a {
display: flex !important;
align-items: initial;
text-align: left;
max-width: calc(100% - 56px);
}
.file-list4 li > a span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-all;
}

/* 필수입력 */
span > .rqrd {
margin-right: 4px;
}

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

.rqrd {
display: inline-block;
margin-left: 4px;
top: 50%;
width: 5px;
height: 5px;
border-radius: 50%;
background: #F15A21;
transform: translateY(-2px);
}

.rqrd-txt {
display: inline-block;
width: 100%;
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
text-align: right;
color: #666;
}
.rqrd-txt .rqrd {
margin-right: 10px;
}

/* 필수입력 */
.bd-cntrl {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0 2px;
z-index: 1;
text-align: right;
margin-top: -38px;
margin-bottom: 10px;
}
@media screen and (max-width: 749px) {
.bd-cntrl {
margin-top: 0;
}
}

/* 입력폼 */
.bd-view {
margin-bottom: 30px;
}
.bd-view .info {
margin-top: 10px;
}
.bd-view + .bd-view {
margin-top: -20px;
}
.bd-view + .bd-cntrl {
margin-top: 30px;
}
.bd-view + .add-form {
margin-top: -20px;
}
.bd-view + .add-form + .bd-cntrl {
margin-top: 20px;
}
.bd-view + .add-form + .row {
margin-top: 10px;
}
.bd-view + form {
margin-top: 30px;
}

.bd-view dt > label {
position: relative;
}
.bd-view dt > label .rqrd {
top: 6px;
transform: translateY(0);
}
.bd-view dt .rqrd {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.bd-view dt em {
font-size: 14px;
font-weight: 400;
color: #F15A21;
}
.bd-view dd {
vertical-align: top;
}
.bd-view dd.ddWrap {
position: relative;
padding: 17px 80px 17px 10px;
}
.bd-view dd.ddWrap .b-lineDel {
position: absolute;
top: 17px;
right: 10px;
}
.bd-view dd input[type=text], .bd-view dd input[type=file] {
width: 100%;
}
.bd-view dd textarea {
width: 100%;
height: 100px;
}
.bd-view dd textarea.comment {
display: inline-block;
width: calc(100% - 82px - 4px);
height: 100px;
margin-right: 4px;
margin-top: 0;
border-top: 1px solid #767676;
}
.bd-view dd textarea.comment + button {
width: 82px;
height: 100px;
}
.bd-view dd label + label {
margin-left: 10px;
}
.bd-view dd .etc + label input[type=text] {
width: auto;
}
.bd-view dd .row > .file {
margin-bottom: 10px;
}
.bd-view dd .row > .file + div {
margin-left: 10px;
}
.bd-view dd .b-down + input[type=file] {
width: calc(100% - 142px - 12px);
}
.bd-view dd .b-preview + input[type=file] {
width: calc(100% - 108px);
}

.bd-view .table td .center {
gap: 5px;
}
@media screen and (max-width: 1199px) {
.bd-view .table td .center {
flex-wrap: wrap;
}
}
.bd-view .table td .chck {
align-items: center;
justify-content: center;
}
.bd-view .table td .chck .checkbox {
transform: translateY(0);
}
.bd-view .table input {
width: 100%;
}
.bd-view .table + dl {
margin-top: 30px;
border-top: 2px solid #222;
}
.bd-view .table + .row {
margin-top: 10px;
}

.add-group + .bd-cntrl {
margin-top: 30px;
}

.avoid-rgstr + .bd-cntrl {
margin-top: 0;
}

/* 입력폼 항목별 설정 */
.bd-view .f {
width: 100%;
}
.bd-view .date {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 10px;
}
.bd-view .dateDetail input {
width: 138px;
}
.bd-view .dateDetail div {
margin-top: 4px;
}
.bd-view .dateDetail div label {
margin: 0;
}
.bd-view .dateDetail div label:first-of-type {
margin-right: 10px;
}
.bd-view .place select {
width: calc(50% - 2.5px);
}
.bd-view .place input[type=text] {
width: 100%;
margin-top: 5px;
}
.bd-view .num {
display: grid;
align-items: center;
grid-template-columns: 1fr 6px 1fr 6px 1fr;
gap: 0 6px;
}
.bd-view .emply-type {
display: flex;
flex-wrap: wrap;
}
.bd-view .emply-type label {
margin-bottom: 4px;
}
.bd-view .emply-type label:first-of-type {
margin-right: 10px;
}
.bd-view .emply-type label:first-of-type::after {
content: "/";
}
.bd-view .emply-type label:last-of-type {
margin: 0;
}
.bd-view .emply-type label span {
color: #222;
}
.bd-view .emply-type input {
max-width: 58px;
}
.bd-view .addr > div {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
margin-bottom: 4px;
}
.bd-view .addr .addr-box {
display: inline-block;
width: 130px;
height: 32px;
margin-right: 4px;
margin-left: 0;
background: #F7F7F7;
border: 1px solid #767676;
border-radius: 3px;
box-sizing: border-box;
}
.bd-view .addr input + input {
margin-left: 4px;
}
.bd-view .addr .row {
flex-wrap: nowrap;
}
.bd-view .email {
display: grid;
align-items: center;
grid-template-columns: 240px 16px 240px;
gap: 0 6px;
}
@media screen and (max-width: 749px) {
.bd-view .email {
grid-template-columns: 48% 16px calc(52% - 16px - 12px);
}
}
.bd-view .email input[type=text] {
width: 240px;
}
@media screen and (max-width: 749px) {
.bd-view .email input[type=text] {
width: auto;
}
}
.bd-view .country .row {
gap: 10px;
}
.bd-view .country label {
display: flex;
align-items: center;
flex-wrap: nowrap;
flex: 1;
margin-left: 0;
}
.bd-view .country label span {
padding-right: 4px;
}
.bd-view .country label select, .bd-view .country label input {
max-width: 180px;
flex: 1;
}
.bd-view .ntc-box {
margin-bottom: 6px;
border-radius: 3px;
}
.bd-view .ntc-box + .row {
align-items: center;
}
.bd-view .ntc-box + .row input {
flex: 1;
margin-left: 6px;
}
.bd-view .file-list li {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
flex-wrap: wrap;
}
.bd-view .file-list p {
color: #222;
}
.bd-view .file-list p span {
padding: 4px 6px;
margin-right: 4px;
font-size: 12px;
font-weight: 700;
color: #666;
border: 1px solid #DADADA;
border-radius: 3px;
}
.bd-view .file-list p + .file {
display: inline-flex;
align-items: center;
gap: 0 2px;
margin-left: 4px;
transform: translateY(-2px);
}
.bd-view .file-list input {
width: 100%;
margin: 6px 0 10px;
}
.bd-view .file-list a {
padding: 2px;
color: #004F86;
text-decoration: underline;
}
@media screen and (max-width: 749px) {
.bd-view .file-list a {
font-size: 14px;
}
}
.bd-view .file-list .file {
display: inline-block;
width: auto;
}
.bd-view .file-list2 li:not(:last-of-type) {
margin-bottom: 10px;
}
.bd-view .file-list2 .row > span:not(.file) {
display: inline-block;
width: 170px;
margin-right: 10px;
text-align: right;
color: #222;
}
.bd-view .file-list2 .row input {
flex: 1;
width: calc(100% - 170px - 10px);
}
.bd-view .file-list2.__v2 span {
width: 210px;
}
.bd-view .file-list2.__v2 input {
width: calc(100% - 210px - 10px);
}
.bd-view .file-list2.__v2 .row > .row {
width: calc(100% - 170px - 10px);
}
.bd-view .file-list2.__v3 li {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}
.bd-view .file-list2.__v3 li a {
margin-right: 4px;
color: #004F86;
text-decoration: underline;
}
.bd-view .file-list2.oa-list + .mt10 {
position: relative;
margin-top: 20px !important;
padding: 0 20px;
}
.bd-view .file-list2.oa-list + .mt10::before {
content: "";
position: absolute;
top: -10px;
width: calc(100% - 40px);
left: 50%;
transform: translateX(-50%);
height: 1px;
background: rgba(0, 0, 0, 0.1);
}
.bd-view .file-list2.oa-list + .mt10 .info {
margin-top: 0;
margin-bottom: 10px;
}
@media screen and (max-width: 749px) {
.bd-view .file-list2.oa-list .row {
align-items: flex-start;
}
}
.bd-view .file-list2.oa-list span {
display: inline-block;
padding-top: 4px;
width: 240px !important;
}
.bd-view .file-list2.oa-list span + .row {
width: calc(100% - 240px - 10px) !important;
gap: 10px;
}
.bd-view .file-list2.oa-list span + .b-down {
margin-left: 0;
}
.bd-view .file-list3 li:not(:last-of-type) {
margin-bottom: 10px;
}
.bd-view .file-list3 .row {
align-items: center;
}
.bd-view .file-list3 .row .file {
display: inline-flex;
width: auto;
margin-bottom: 0;
align-items: center;
}
.bd-view .file-list3 input {
width: 100%;
margin-top: 4px;
}
.bd-view .file-list3 span.a-file {
transform: translateY(0);
}
.bd-view .file-report dt {
background: #fff;
}
.bd-view .file-report dt input {
width: 100%;
}
.bd-view .file-report dd input {
max-width: calc(100% - 65px - 10px);
margin-right: 4px;
}
.bd-view .file-report dd button {
width: 65px;
}
.bd-view .file-report dd input + button {
transform: translateY(-3px);
}
.bd-view .file-report.__v2 dd button {
width: 24px;
height: 24px;
border-radius: 50%;
transform: translateY(0px);
}
.bd-view .file-report.__v2 dd .a-file + .i-fileDel i {
transform: translateX(-2px);
}
.bd-view .dd-input {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
flex-direction: column;
gap: 0 2px;
}
@media screen and (max-width: 749px) {
.bd-view .dd-input {
width: 100%;
}
}
.bd-view .dd-input input {
flex: 1;
}
.bd-view .dd-input span {
font-size: 12px;
}
.bd-view .aplct input[type=text] {
width: 240px;
}
.bd-view .aplct .info {
display: block;
width: 100%;
}
.bd-view .desc-box {
padding: 30px 20px;
font-size: 16px;
color: #222;
text-align: left;
}
@media screen and (max-width: 749px) {
.bd-view .desc-box {
padding: 30px 12px;
}
}
.bd-view .desc-box p {
font-size: 16px !important;
color: #222 !important;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
font-family: "NanumSquareNeo-Variable" !important;
font-weight: 400;
line-height: 1.5 !important;
}
.bd-view .desc-box2 {
margin-top: 20px;
padding: 20px;
border: 1px solid #dadada;
}
.bd-view .price {
text-align: center;
}
.bd-view .price input {
width: calc(100% - 25px);
margin-right: 4px;
text-align: right;
}
.bd-view .price + td {
width: 19%;
}
.bd-view .won {
padding-right: 4px;
font-size: 16px;
font-weight: 700;
}
.bd-view .sum, .bd-view .totalSum {
text-align: right;
}
.bd-view .totalSum .won {
color: #F15A21;
}
.bd-view .agree {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}
.bd-view .agree label {
margin-right: 20px;
}
.bd-view .repDesc .row {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
gap: 6px;
margin-bottom: 5px;
}
.bd-view .repDesc .row > div:not(.row-column) {
display: flex;
position: relative;
margin-right: 10px;
align-items: center;
}
.bd-view .repDesc .row > div:not(.row-column)[type=file] {
width: 100%;
}
.bd-view .repDesc .row input {
width: auto;
flex: 1;
}
.bd-view .repDesc .row input[type=file] {
display: none;
margin-top: 0;
}
.bd-view .repDesc .row-column {
display: flex;
overflow: hidden;
width: calc(100% - 242px - 42px);
}
.bd-view .repDesc .row-column input[type=file] {
width: 100%;
}
.bd-view .repDesc .b-add {
width: 43px;
color: #fff;
background-color: #222;
}
.bd-view .repDesc .b-del {
width: 43px;
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
}
.bd-view .goods li {
display: flex;
margin-bottom: 4px;
gap: 4px;
}
.bd-view .goods li input {
flex: 1;
}
.bd-view .goods .b-add {
color: #fff;
background-color: #222;
}
.bd-view .goods .b-del {
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
}

.bd-view dl + .file-report.__v2 dt {
background: #f7f7f7;
}
@media screen and (max-width: 749px) {
.bd-view dl + .file-report.__v2 dt {
background: #fff;
}
}

.bd-view > div.file-list {
padding: 10px 5px;
border-top: 2px solid #222;
border-bottom: 1px solid #dadada;
}

.bd-view .file-box .file-list li {
display: grid;
grid-template-columns: 24px auto 32px;
align-items: flex-start;
}

.bd-view > dl > dd .right {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.bd-view > dl > dd .right span {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 16px;
height: 40px;
box-sizing: border-box;
color: #fff;
background-color: #222;
}
.bd-view > dl > dd .right span.active {
background: #F15A21;
}

.subtit + .bd-cntrl {
margin-top: 0;
}

.rgtDataRegAddFileDiv + .form-cntrl,
.rgtDataDiv + .form-cntrl {
margin-top: 30px;
}

.cnsltDate + .right {
margin-top: -10px;
}

.typeBrand .right, .typeLcsn .right, .typeCprt .right, .typeDsgn .right {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
}

/* 회피 신청서 */
.avoid-list {
display: none;
margin-top: 30px !important;
}
.avoid-list dl:first-of-type {
border-top: 1px solid #dadada !important;
}
.avoid-list .form-cntrl {
margin-top: 0;
}

/* 댓글 */
.comment {
margin-top: 80px;
border-top: 2px solid #222;
}
.comment dl {
display: table;
position: static;
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.comment dl dt {
display: table-cell;
position: relative;
width: 6.25%;
padding: 12px 8px;
text-align: center;
font-size: 15px;
font-weight: 600;
text-align: center;
background: #f7f7f7;
color: #000;
vertical-align: middle;
word-break: keep-all;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
box-sizing: border-box;
}
.comment dl dd {
position: relative;
display: table-cell;
font-size: 15px;
vertical-align: middle;
box-sizing: border-box;
color: #3f3f3f;
}
.comment__list {
display: grid;
grid-template-columns: 130px auto 186px;
}
.comment__list li {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 12px 16px;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.comment__list li:last-of-type {
border-right: 0;
}
.comment__name {
display: block;
font-family: "NanumSquareNeoTTF-cBd";
color: #222;
}
.comment__date {
font-family: "NanumSquareNeoTTF-cBd";
color: #222;
}
.comment__desc {
font-family: "NanumSquareNeoTTF-cBd";
color: #3f3f3f;
}
.comment__btn {
width: 100%;
align-items: center;
justify-content: center;
gap: 0 10px;
}
.comment__btn .b-edit {
color: #fff;
background-color: #222;
width: 68px;
height: 39px;
border-radius: 0;
border: 0;
}
.comment__btn .b-del {
color: #fff;
background-color: #F15A21;
width: 68px;
height: 39px;
border-radius: 0;
border: 0;
}

@media screen and (max-width: 749px) {
.comment dl {
display: block;
}
.comment dl dt, .comment dl dd {
display: block;
width: 100%;
border-left: 0;
border-right: 0;
}
.comment dl dt {
text-align: left;
padding: 5px 10px;
}
.comment__list {
display: block;
}
.comment__list li {
padding: 5px 10px;
border-right: 0;
}
.comment__list li:last-of-type {
border-bottom: 1px solid #dadada;
}
.comment__name {
margin-right: 10px;
}
.comment__btn {
justify-content: flex-end;
margin-bottom: 10px;
}
}
/* 반응형 가로 스크롤 처리 */
@media screen and (max-width: 749px) {
.scroll .bd-view {
position: relative;
}
}
@media screen and (max-width: 749px) {
.scroll .bd-view dl, .scroll .bd-view .table {
display: table;
min-width: 768px;
}
}
@media screen and (max-width: 749px) {
.scroll .bd-view dt {
display: table-cell;
position: relative;
width: 14.6%;
padding: 10px 8px;
font-size: 14px;
text-align: center;
background: #f7f7f7;
}
}
.scroll .bd-view dd {
display: table-cell;
width: auto;
padding: 10px;
font-size: 14px;
}
.scroll .bd-view textarea.desc {
width: 100%;
overflow-x: hidden;
}

.bd-view.avoid-rgstr .agree {
margin-bottom: 0;
}

.bd-view .file-report.rgtDataRegAddFileList dd .flex {
align-items: center;
}
.bd-view .file-report.rgtDataRegAddFileList dd .flex .i-dw {
margin-top: 0;
margin-right: 3px;
}

.stepBtn {
display: none;
position: sticky;
z-index: 2;
top: 0;
width: 100%;
height: 54px;
padding: 10px;
border-radius: 4px;
background: #F15A21;
font-size: 14px;
color: #fff;
line-height: 1;
text-align: left;
}
@media screen and (max-width: 749px) {
.stepBtn {
display: block;
}
}
.stepBtn::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 6px;
transform: translateY(-50%);
background-image: url("/kccip/static/osc/img/ico-step.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.stepBtn::before {
background-image: url("/kccip/static/osc/img/ico-step@2x.png");
}
}
.stepBtn .stepNum {
display: block;
margin-bottom: 6px;
font-size: 12px;
color: #FFFB8F;
text-transform: uppercase;
}

.step {
position: sticky;
top: 0;
background: #fff;
z-index: 10;
padding: 10px 0;
margin-bottom: 40px;
}
@media screen and (max-width: 749px) {
.step {
display: none;
top: 52px;
}
}
.step > .row {
margin-top: -45px;
}
.step h1 {
font-size: 24px;
color: #7E5140;
text-align: left;
margin-bottom: 10px;
}
.step a {
display: block;
width: 100%;
height: 100%;
line-height: 1.2;
padding: 10px;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.step a {
line-height: 1;
}
}
.step ol {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
}
@media screen and (max-width: 749px) {
.step ol {
flex-direction: column;
}
}
.step ol li {
position: relative;
flex: 1;
font-size: 16px;
line-height: 1;
color: #7D8F9A;
border-radius: 4px;
border: 1px solid #ccc;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.step ol li {
width: 100%;
height: 54px;
font-size: 14px;
}
}
.step ol li:not(:last-of-type)::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: -20px;
width: 14px;
height: 22px;
transform: translateY(-50%);
background-image: url("/kccip/static/osc/img/ico-stepNext.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step ol li:not(:last-of-type)::after {
background-image: url("/kccip/static/osc/img/ico-stepNext@2x.png");
}
}
@media screen and (max-width: 749px) {
.step ol li:not(:last-of-type)::after {
display: none;
}
}
.step ol li:not(:last-of-type) {
margin-right: 26px;
}
@media screen and (max-width: 749px) {
.step ol li:not(:last-of-type) {
margin-right: 0;
}
}
.step ol li span {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
position: relative;
margin-bottom: 9px;
font-size: 12px;
text-transform: uppercase;
}
@media screen and (max-width: 749px) {
.step ol li span {
margin-bottom: 6px;
}
}
.step ol li.on {
background: #F15A21;
color: #fff;
border: 0;
}
.step ol li.on span {
color: #FFFB8F;
}
.step ol li.cmplt {
border-color: #222;
font-weight: 400;
color: #222;
}
.step ol li.cmplt span {
color: #F15A21;
}

@media screen and (max-width: 749px) {
.step + .tit,
.step + .row {
margin-top: 30px;
}
}

/* 마이페이지 신청현황 단계 */
.step2 {
padding: 16px;
background: rgba(241, 90, 33, 0.05);
border-radius: 10px;
box-sizing: border-box;
margin-bottom: 30px;
overflow: hidden;
}
.step2 .tit2 {
margin-bottom: 32px;
font-size: 26px;
font-weight: 400;
text-align: center;
color: #000;
}
.step2 .tit2 em {
font-weight: 800;
color: #F15A21;
}
.step2 ol {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 0 26px;
padding-top: 32px;
}
.step2 ol::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 1px;
background: #D9D9D9;
}
.step2 ol li {
position: relative;
flex: 1;
border-radius: 4px;
box-sizing: border-box;
}
.step2 ol li:not(:last-of-type)::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: -19px;
width: 14px;
height: 22px;
transform: translateY(-50%);
background-image: url("/kccip/static/osc/img/ico-stepNext.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:not(:last-of-type)::before {
background-image: url("/kccip/static/osc/img/ico-stepNext@2x.png");
}
}
.step2 ol li::after {
content: "";
display: inline-block;
position: absolute;
top: -40px;
left: 50%;
width: 18px;
height: 18px;
border-radius: 50%;
transform: translateX(-50%);
background: #D9D9D9;
}
.step2 ol li a {
display: inline-flex;
align-items: center;
width: 100%;
padding: 10px;
gap: 0 10px;
}
@media screen and (max-width: 749px) {
.step2 ol li a {
padding: 8px 4px;
}
}
.step2 ol li span {
font-size: 16px;
font-weight: 400;
color: #000;
}
@media screen and (max-width: 1199px) {
.step2 ol li span {
font-size: 14px;
}
}
.step2 ol li span em {
display: block;
font-size: 12px;
font-weight: 800;
color: #F15A21;
text-transform: uppercase;
}
.step2 ol li.on {
background: #F15A21;
}
.step2 ol li.on::after {
top: -45px;
width: 25px;
height: 25px;
background: #fff;
border: 8px solid #F15A21;
box-sizing: border-box;
}
.step2 ol li.on span {
color: #fff;
}
.step2 ol li.on span em {
color: #fffb8f;
}
.step2 ol li:nth-of-type(1) i {
width: 40px;
height: 41px;
background-image: url("/kccip/static/osc/img/ico-step1.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(1) i {
background-image: url("/kccip/static/osc/img/ico-step1@2x.png");
}
}
.step2 ol li:nth-of-type(1).on i {
background-image: url("/kccip/static/osc/img/ico-step1On.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(1).on i {
background-image: url("/kccip/static/osc/img/ico-step1On@2x.png");
}
}
.step2 ol li:nth-of-type(2) i {
width: 40px;
height: 40px;
background-image: url("/kccip/static/osc/img/ico-step2.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(2) i {
background-image: url("/kccip/static/osc/img/ico-step2@2x.png");
}
}
.step2 ol li:nth-of-type(2).on i {
background-image: url("/kccip/static/osc/img/ico-step2On.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(2).on i {
background-image: url("/kccip/static/osc/img/ico-step2On@2x.png");
}
}
.step2 ol li:nth-of-type(3) i {
width: 49px;
height: 36px;
background-image: url("/kccip/static/osc/img/ico-step3.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(3) i {
background-image: url("/kccip/static/osc/img/ico-step3@2x.png");
}
}
.step2 ol li:nth-of-type(3).on i {
background-image: url("/kccip/static/osc/img/ico-step3On.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(3).on i {
background-image: url("/kccip/static/osc/img/ico-step3On@2x.png");
}
}
.step2 ol li:nth-of-type(4) i {
width: 43px;
height: 41px;
background-image: url("/kccip/static/osc/img/ico-step4.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(4) i {
background-image: url("/kccip/static/osc/img/ico-step4@2x.png");
}
}
.step2 ol li:nth-of-type(4).on i {
background-image: url("/kccip/static/osc/img/ico-step4On.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(4).on i {
background-image: url("/kccip/static/osc/img/ico-step4On@2x.png");
}
}
.step2 ol li:nth-of-type(5) i {
width: 32px;
height: 40px;
background-image: url("/kccip/static/osc/img/ico-step5.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(5) i {
background-image: url("/kccip/static/osc/img/ico-step5@2x.png");
}
}
.step2 ol li:nth-of-type(5).on i {
background-image: url("/kccip/static/osc/img/ico-step5On.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.step2 ol li:nth-of-type(5).on i {
background-image: url("/kccip/static/osc/img/ico-step5On@2x.png");
}
}

.step2 + .tablist {
margin-top: 40px;
}

@media screen and (max-width: 749px) {
.hrznt-scroll ol {
width: 750px;
margin-top: 20px;
}
}

/* 도움말팝업 */
.step2.__v2 {
padding: 30px 40px;
margin-bottom: 0;
}
@media screen and (max-width: 749px) {
.step2.__v2 {
padding: 15px 20px;
}
}
.step2.__v2 ol {
padding-top: 0;
padding-left: 45px;
flex-direction: column;
align-items: flex-start;
gap: 24px 0;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.step2.__v2 ol {
padding-left: 30px;
}
}
.step2.__v2 ol::before {
width: 1px;
height: calc(100% - 80px);
left: 0;
top: 35px;
}
@media screen and (max-width: 749px) {
.step2.__v2 ol::before {
height: calc(100% - 100px);
}
}
.step2.__v2 ol > .row {
align-items: center;
gap: 4px 20px;
}
@media screen and (max-width: 749px) {
.step2.__v2 ol > .row {
flex-direction: column;
align-items: flex-start;
gap: 10px 20px;
}
}
.step2.__v2 ol > .row::before, .step2.__v2 ol > .row::after {
display: none;
}
.step2.__v2 ol > .row > div {
position: relative;
display: flex;
align-items: center;
width: 200px;
padding: 10px;
border: 1px solid #f15a21;
background: #fff;
box-sizing: border-box;
gap: 0 14px;
border-radius: 4px;
}
.step2.__v2 ol > .row > div::before {
content: "";
display: inline-block;
position: absolute;
left: -57px;
top: 50%;
width: 25px;
height: 25px;
background: #fff;
border: 8px solid #f15a21;
transform: translateY(-50%);
border-radius: 50%;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.step2.__v2 ol > .row > div::before {
left: -42px;
}
}
.step2.__v2 ol > .row > p {
font-size: 14px;
color: #222;
}

/* 아이콘 버튼 */
[class^=i-] {
display: inline-flex;
padding: 0;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 749px) {
[class^=i-] {
font-size: 12px;
}
}
[class^=i-].i-del {
width: 22px;
height: 22px;
background: #EB5757;
border-radius: 4px;
}
[class^=i-].i-menu {
padding: 10px;
box-sizing: border-box;
}
[class^=i-].i-menuClose {
width: 40px;
height: 40px;
background-image: url("/kccip/static/osc/img/ico-closeOrg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
[class^=i-].i-menuClose {
background-image: url("/kccip/static/osc/img/ico-closeOrg@2x.png");
}
}
[class^=i-].ico-menuB {
width: 35px;
height: 35px;
}
[class^=i-].i-view {
color: #fff;
background-color: #F15A21;
width: 20px;
height: 20px;
border-radius: 50%;
overflow: hidden;
}
[class^=i-].i-close {
position: absolute;
top: 12px;
right: 20px;
color: #fff;
}
[class^=i-].i-close2 {
position: absolute;
top: 12px;
right: 20px;
color: #fff;
}
[class^=i-].i-fileAdd {
color: #fff;
background-color: #222;
width: 24px;
height: 24px;
border-radius: 50%;
}
[class^=i-].i-fileDel {
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
width: 24px;
height: 24px;
border: 1px solid #F15A21;
box-sizing: border-box;
border-radius: 50%;
}
[class^=i-].i-join-info {
margin-left: 4px;
}
[class^=i-].i-join-info:focus {
outline-offset: 4px;
}
[class^=i-].i-join-info i {
transform: scale(1.2);
}

/* 기본 버튼 */
[class^=b-] {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 15px;
}
[class^=b-].b-xs {
height: 32px;
padding: 7px 8px;
font-size: 13px;
border-radius: 3px;
box-sizing: border-box;
}
[class^=b-].b-xs i {
margin-right: 6px;
}
[class^=b-].b-xs.b-srch {
color: #fff;
background-color: #222;
}
[class^=b-].b-xs.b-srch i {
margin-right: 6px;
}
[class^=b-].b-xs.b-reset {
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
}
[class^=b-].b-xs.b-ok {
color: #fff;
background-color: #222;
}
[class^=b-].b-xs.b-move {
color: #fff;
background-color: #222;
}
[class^=b-].b-xs.b-addr {
background-color: #767676;
color: #fff;
}
[class^=b-].b-xs.b-down, [class^=b-].b-xs.b-preview {
display: inline-block;
font-weight: 700;
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
}
[class^=b-].b-xs.b-edit {
color: #fff;
background-color: #222;
}
[class^=b-].b-xs.b-del {
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
min-width: 44px;
}
[class^=b-].b-xs.b-lineAdd {
color: #fff;
background-color: #222;
}
[class^=b-].b-xs.b-lineDel {
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
}
[class^=b-].b-xs.b-chck {
background-color: #767676;
color: #fff;
}
[class^=b-].b-xs.b-more {
color: #fff;
background-color: #222;
}
[class^=b-].b-xs.b-hide {
color: #fff;
background-color: #222;
display: none;
}
[class^=b-].b-xs.b-send {
color: #fff;
background-color: #222;
min-height: 32px;
height: auto;
}
[class^=b-].b-xs.b-send + .b-del {
margin-top: 5px;
}
[class^=b-].b-xs.b-save {
color: #fff;
background-color: #F15A21;
}
[class^=b-].b-xs.b-help {
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
}
[class^=b-].b-xs.b-help2 {
color: #fff;
background-color: #222;
background: #767676;
color: #fff;
}
[class^=b-].b-xs.b-join {
color: #fff;
background-color: #222;
background: #888;
}
[class^=b-].b-xs.b-idSearch {
color: #fff;
background-color: #222;
background: #888;
}
[class^=b-].b-xs.b-pwSearch {
color: #fff;
background-color: #222;
background: #888;
}
[class^=b-].b-xs.b-idWtdw {
color: #fff;
background-color: #222;
background: #888;
}
[class^=b-].b-md {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 16px;
height: 40px;
box-sizing: border-box;
}
[class^=b-].b-md.b-down {
padding: 10px 16px;
color: #fff;
background-color: #222;
}
[class^=b-].b-md.b-down i {
margin-right: 8px;
background-image: url(/kccip/static/osc/img/sprite.png);
background-position: -475px -473px;
width: 18px;
height: 18px;
}
[class^=b-].b-md.b-check {
color: #fff;
background-color: #222;
}
[class^=b-].b-md.b-submit {
color: #fff;
background-color: #222;
}
[class^=b-].b-md.b-join {
color: #fff;
background-color: #F15A21;
}
[class^=b-].b-md.b-end {
color: #fff;
background-color: #222;
}
[class^=b-].b-md.b-cancel {
background-color: #767676;
color: #fff;
width: 145px;
}
[class^=b-].b-md.b-cancel i {
margin-right: 8px;
}
[class^=b-].b-md.b-save {
color: #fff;
background-color: #F15A21;
width: 145px;
}
[class^=b-].b-md.b-save i {
margin-right: 8px;
}
[class^=b-].b-md.b-cmplt {
color: #fff;
background-color: #222;
width: 145px;
}
[class^=b-].b-md.b-input {
color: #fff;
background-color: #F15A21;
width: 120px;
}
[class^=b-].b-lg {
display: inline-flex;
align-items: center;
justify-content: center;
height: 41px;
padding: 4px;
box-sizing: border-box;
}
[class^=b-].b-lg.b-cmplt {
color: #fff;
background-color: #222;
width: 145px;
}
[class^=b-].b-lg.b-bdDel {
color: #fff;
background-color: #222;
color: #fff;
width: 145px;
}
[class^=b-].b-lg.b-list {
color: #fff;
background-color: #222;
width: 120px;
}
[class^=b-].b-lg.onlinesubmit {
color: #fff;
background-color: #222;
width: 140px;
height: 51px;
}
[class^=b-].b-lg.b-cancel {
background-color: #767676;
color: #fff;
width: 145px;
}
[class^=b-].b-lg.b-cancel i {
margin-right: 8px;
}
[class^=b-].b-lg.b-event {
color: #fff;
background-color: #F15A21;
width: 140px;
height: 51px;
}
[class^=b-].b-lg.b-save {
color: #fff;
background-color: #F15A21;
width: 145px;
}
[class^=b-].b-lg.b-save i {
margin-right: 8px;
}
[class^=b-].b-lg.b-result {
color: #fff;
background-color: #222;
width: 111px;
}
[class^=b-].b-lg.b-next {
color: #fff;
background-color: #222;
width: 145px;
}
[class^=b-].b-lg.b-next i {
margin-left: 8px;
}
[class^=b-].b-lg.b-next.b-goCprgt {
width: 195px;
}
[class^=b-].b-lg.b-prev {
color: #fff;
background-color: #222;
width: 145px;
}
[class^=b-].b-lg.b-prev i {
margin-left: 0;
transform: rotate(-180deg);
transform-origin: 25% 50%;
}
[class^=b-].b-lg.b-submit {
color: #fff;
background-color: #222;
width: 160px;
}
[class^=b-].b-lg.b-submit i {
margin-left: 8px;
}
[class^=b-].b-lg.b-submit.b-cnslt {
color: #fff;
background-color: #F15A21;
width: 200px;
}
[class^=b-].b-lg.b-close {
color: #222;
background-color: #fff;
border: 1px solid #222;
box-sizing: border-box;
width: 145px;
}
[class^=b-].b-lg.b-close i {
margin-right: 8px;
}
[class^=b-].b-login {
width: 100px;
height: 70px;
border-radius: 3px;
color: #fff;
background-color: #F15A21;
}
[class^=b-].b-login i {
margin-right: 4px;
}
[class^=b-].b-loginM {
color: #fff;
background-color: #222;
width: 98px;
height: 80px;
font-size: 15px;
border-radius: 5px;
}

.btn-wrap {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
padding: 20px 0;
margin-top: 30px;
gap: 0 20px;
}
@media screen and (max-width: 749px) {
.btn-wrap {
gap: 0 10px;
}
}
.btn-wrap.c, .btn-wrap.center {
text-align: center;
}
.btn-wrap.right {
justify-content: flex-end !important;
}
@media screen and (max-width: 749px) {
.btn-wrap.__v2 > * {
height: 52px;
line-height: 1.2;
}
.btn-wrap.__v2 .b-submit i {
margin-right: 8px;
margin-left: 0;
}
}

/* 테이블 기본 설정 */
.table {
width: 100%;
border-top: 2px solid #222;
}
.table tr {
border-bottom: 1px solid #DADADA;
}
@media screen and (max-width: 1199px) {
.table td, .table th {
word-break: break-all;
}
}
.table td:not(:last-of-type), .table th:not(:last-of-type) {
border-right: 1px solid #DADADA;
}
@media screen and (max-width: 749px) {
.table td:not(:last-of-type), .table th:not(:last-of-type) {
border-right: 0;
}
}
.table td.table-border, .table th.table-border {
border-right: 1px solid #DADADA;
}
.table td.txtcenter, .table th.txtcenter {
text-align: center;
}
.table td.txtleft, .table th.txtleft {
text-align: left;
}
.table td.txtright, .table th.txtright {
text-align: right;
}
.table thead th {
padding: 10px 5px;
font-size: 15px;
color: #666;
font-weight: normal;
text-align: center;
background: #F7F7F7;
font-weight: 600;
}
@media screen and (max-width: 749px) {
.table thead th {
width: 100%;
}
}
.table thead th.pst {
position: relative;
}
@media screen and (max-width: 749px) {
.table thead th:not(:last-of-type) {
border-right: 1px solid #DADADA;
}
}
.table thead tr:not(:first-of-type) th:last-of-type {
border-right: 1px solid #DADADA;
}
@media screen and (max-width: 749px) {
.table thead tr:not(:first-of-type) th:last-of-type {
border-right: 0;
}
}
.table tbody .th {
background: #f7f7f7;
font-weight: 600;
}
.table tbody th {
padding: 10px 5px;
font-weight: normal;
text-align: center;
color: #000;
}
.table tbody th[scope=row] {
border-right: 1px solid #DADADA;
}
.table tbody th.th-bg {
background-color: #f7f7f7;
border-left: none !important;
}
.table tbody td {
padding: 10px 5px;
font-size: 15px;
font-weight: normal;
text-align: center;
color: #000;
word-wrap: break-word;
word-break: break-all;
vertical-align: middle;
}
.table tbody td .fail {
color: #f15a21;
}
.table tbody td.td-point1 {
color: #007eca;
background-color: #fffaf2;
}
.table tbody td.td-point2 {
background-color: #fffaf2;
}
.table tbody td:last-of-type[rowspan] {
border-left: 1px solid #dadada;
}
@media screen and (max-width: 749px) {
.table tbody td:last-of-type[rowspan] {
display: flex;
align-items: center;
border-left: 0;
}
}
.table tbody td.tal {
padding-left: 25px;
padding-right: 25px;
}
.table tbody td.left {
text-align: left;
}
.table tbody td.left a {
text-align: left;
}
.table tfoot th {
padding: 10px 5px;
color: #222;
font-weight: 400;
text-align: center;
border-right: 1px solid #dadada;
}
.table tfoot th.bg-yellow {
background: #fff7e0;
}
.table tfoot th.totalPrice {
font-weight: bold;
color: red;
}
.table tfoot th.cnstPrice {
font-weight: bold;
color: blue;
}
.table tfoot td {
padding: 10px 5px;
}
.table--protect {
margin-top: 10px;
margin-bottom: 40px;
}
@media screen and (max-width: 749px) {
.table--protect {
margin-bottom: 0;
}
}
.table--protect.nomb {
margin-bottom: 10px;
}
.table--protect tbody th {
background: #F7F7F7;
border-right: 1px solid #dadada;
}
.table--protect tbody th:last-of-type[rowspan] {
border-left: none;
}
.table--protect tbody th .ade {
color: #f15a21;
}
.table--protect tbody th.bg-none {
background: #fff;
}
.table--protect tbody th.bg-none i {
margin-bottom: 8px;
}
.table--protect .icon-lightpencil {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-lightpencil.png) no-repeat;
width: 40px;
height: 40px;
}
.table--protect .icon-feather {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-feader.png) no-repeat;
width: 38px;
height: 37px;
}
.table--protect .icon-p-arrow {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-p-arrow.png) no-repeat;
width: 37px;
height: 37px;
}
.table--protect .icon-storybord {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-storybord.png) no-repeat;
width: 44px;
height: 37px;
}
.table--protect .icon-draw {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-draw.png) no-repeat;
width: 42px;
height: 37px;
}
.table--protect .icon-font {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-font.png) no-repeat;
width: 37px;
height: 35px;
}
.table--protect .icon-webtoon {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-webtoon.png) no-repeat;
width: 39px;
height: 37px;
}
.table--protect .icon-atoz {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-atoz.png) no-repeat;
width: 53px;
height: 37px;
}
.table--protect .icon-character {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-character.png) no-repeat;
width: 38px;
height: 37px;
}
.table--protect .icon-product {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-product.png) no-repeat;
width: 29px;
height: 37px;
}
.table--protect .icon-emoji {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-emoji.png) no-repeat;
width: 37px;
height: 37px;
}
.table--protect .icon-music {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-music.png) no-repeat;
width: 40px;
height: 37px;
}
.table--protect .icon-voice {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-voice.png) no-repeat;
width: 37px;
height: 37px;
}
.table--protect .icon-video {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-video.png) no-repeat;
width: 50px;
height: 37px;
}
.table--protect .icon-relate {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-relate.png) no-repeat;
width: 44px;
height: 37px;
}
.table--protect .icon-script {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-script.png) no-repeat;
width: 39px;
height: 37px;
}
.table--protect .icon-item {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-item.png) no-repeat;
width: 32px;
height: 37px;
}
.table--protect .icon-film {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-film@2x.png) no-repeat;
background-size: contain;
width: 42px;
height: 37px;
}
.table--protect .icon-painting {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-painting.png) no-repeat;
width: 46px;
height: 37px;
}
.table--protect .icon-program {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-program.png) no-repeat;
width: 43px;
height: 37px;
}
.table--protect .icon-sound {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-sound.png) no-repeat;
width: 40px;
height: 37px;
}
.table--protect .icon-gamevdo {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-gamevdo.png) no-repeat;
width: 42px;
height: 37px;
}
.table--protect .icon-dicerule {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-dicerule.png) no-repeat;
width: 44px;
height: 37px;
}
.table--protect .icon-selling {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-selling.png) no-repeat;
width: 40px;
height: 37px;
}
.table--protect .icon-manual {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-manual.png) no-repeat;
width: 32px;
height: 37px;
}
.table--protect .icon-g-character {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-g-character.png) no-repeat;
width: 33px;
height: 37px;
}
.table--protect .icon-sketch {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-sketch.png) no-repeat;
width: 36px;
height: 37px;
}
.table--protect .icon-textile {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-textile.png) no-repeat;
width: 46px;
height: 37px;
}
.table--protect .icon-printing {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-printing.png) no-repeat;
width: 44px;
height: 37px;
}
.table--protect .icon-brandci {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/icon-brandci.png) no-repeat;
width: 41px;
height: 37px;
}
.table--protect .ico-award {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-award.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-idea {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-idea.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-naming {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-naming.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-marketing {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-marketing.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-business {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-business.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-madrid {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-madrid.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-winner {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-winner.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-product {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-product.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-business2 {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-business2.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-ipph {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-ipph.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-partnership {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-partnership.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-differen {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-differen.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-brand {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-brand.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-brandnaming {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-brandnaming.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-const {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-const.png) no-repeat;
width: 60px;
height: 60px;
}
.table--protect .ico-privilege {
margin: 0 auto;
display: block;
background: url(/kccip/static/osc/img/ico-privilege.png) no-repeat;
width: 60px;
height: 60px;
}

.table.__v2 tbody td {
text-align: left;
}
.table.__v2 tbody td:first-of-type {
text-align: center;
}

/* stick thead */
.table.sticky__thead thead {
position: sticky;
top: 0;
z-index: 1;
}
.table.sticky__thead thead::before {
content: "";
display: block;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #dadada;
}

/* 개별 설정 */
@media screen and (max-width: 749px) {
.bd-list .table thead {
display: none;
}
}
.bd-list .table thead #oaAll + label {
flex-direction: column;
justify-content: center;
}
.bd-list .table thead #oaAll + label .checkbox {
transform: translateY(0);
margin-bottom: 4px;
}
.bd-list .table thead th {
position: relative;
}
.bd-list .table thead th .i-info {
padding: 0 4px;
transform: translate(-4px, 4px);
color: #fff;
}
.bd-list .table thead th .i-info:focus {
outline-offset: 4px;
color: #000;
}
.bd-list .table thead th .i-info::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 300%;
height: 200%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 749px) {
.bd-list .table tbody tr {
display: block;
padding: 5px 0;
}
}
@media screen and (max-width: 749px) {
.bd-list .table tbody td {
display: flex;
gap: 10px;
width: 100%;
padding: 5px;
font-size: 14px;
text-align: left !important;
}
}

.bdList .table-list tbody tr,
.bd-list .table-list tbody tr {
display: none;
}
.bdList .table-list tbody tr:nth-of-type(1), .bdList .table-list tbody tr:nth-of-type(2), .bdList .table-list tbody tr:nth-of-type(3),
.bd-list .table-list tbody tr:nth-of-type(1),
.bd-list .table-list tbody tr:nth-of-type(2),
.bd-list .table-list tbody tr:nth-of-type(3) {
display: table-row;
}
.bdList .table-list.active tbody tr,
.bd-list .table-list.active tbody tr {
display: table-row !important;
}

.bd-list .table tbody .bdRed td {
background: #ffeded;
}

/* 테이블 가로 스크롤 처리 */
@media screen and (max-width: 749px) {
.hrznt-scroll {
overflow-x: scroll;
}
}
@media screen and (max-width: 749px) {
.hrznt-scroll .table-fix {
width: 750px;
}
}
.hrznt-scroll .table-fix tr {
border-bottom: 1px solid #e6e6e6;
}
.hrznt-scroll .table-fix tbody td {
text-align: center;
}
.hrznt-scroll .table-fix tbody td.tar {
text-align: right !important;
}
.hrznt-scroll .table-fix tbody td.tac {
text-align: center !important;
}
.hrznt-scroll .table-fix tbody td.tac option {
text-align: center !important;
}
.hrznt-scroll .table-fix .only-m {
display: none;
}

@media screen and (max-width: 749px) {
.hrznt-scroll__v2 {
overflow-x: auto;
}
.hrznt-scroll__v2 .table-fix {
width: 160%;
}
}
@media screen and (max-width: 749px) {
.ovx .table thead th:not(:last-of-type) {
border-right: 1px solid #DADADA;
}
.ovx .table tbody td:not(:last-of-type) {
border-right: 1px solid #DADADA;
}
}

.table.table-fix thead {
display: table-header-group;
}
@media screen and (max-width: 749px) {
.table.table-fix thead th {
font-size: 14px;
}
}
@media screen and (max-width: 749px) {
.table.table-fix tbody tr {
display: table-row;
}
}
@media screen and (max-width: 749px) {
.table.table-fix tbody td {
border-right: 1px solid #dadada;
display: table-cell;
width: inherit;
}
}
@media screen and (max-width: 749px) {
.table.table-fix tbody td:last-of-type {
border-right: 0;
}
}
@media screen and (max-width: 749px) {
.table.table-fix tbody th {
border-right: 1px solid #dadada;
}
}

.tablist {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
flex-direction: row;
gap: 0 1px;
margin-bottom: 30px;
border-bottom: 2px solid #F15A21;
}
.tablist li {
flex: 1;
padding: 16px 10px 14px;
font-size: 16px;
background: #f2f2f2;
border: 1px solid #EBEBEB;
color: #666;
text-align: center;
border-radius: 6px 6px 0 0;
box-sizing: border-box;
}
.tablist li a {
display: block;
width: 100%;
}
.tablist li.on {
font-size: 18px;
background: #F15A21;
border: 0;
color: #fff;
}
.tablist li.on span {
position: relative;
}
.tablist li.on span::before {
content: "";
display: inline-block;
position: absolute;
width: 100%;
height: 1px;
bottom: -2px;
background: #fff;
}

.tablist2 {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
margin: 30px auto 20px;
background: rgba(241, 90, 33, 0.05);
border-radius: 28px;
}
.tablist2 button {
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
position: relative;
padding: 12px 30px;
font-size: 16px;
color: #666;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.tablist2 button {
font-size: 14px;
padding: 12px;
}
}
.tablist2 button:first-of-type::before {
display: none;
}
.tablist2 button::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 1px;
height: 25px;
background: #D9D9D9;
}
.tablist2 button.on {
font-size: 20px;
font-weight: 700;
color: #F15A21;
}
@media screen and (max-width: 749px) {
.tablist2 button.on {
font-size: 14px;
}
}
.tablist2 button.on::after {
content: "";
display: block;
position: absolute;
width: calc(100% - 60px);
height: 3px;
background: #f15a21;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.tablist2 button i {
margin-right: 8px;
background-position: inherit;
}

.tablist2 button.sch i {
background-image: url("/kccip/static/osc/img/ico-sch.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.sch i {
background-image: url("/kccip/static/osc/img/ico-sch@2x.png");
}
}
.tablist2 button.sch.on i {
background-image: url("/kccip/static/osc/img/ico-schOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.sch.on i {
background-image: url("/kccip/static/osc/img/ico-schOn@2x.png");
}
}
.tablist2 button.sjgt i {
background-image: url("/kccip/static/osc/img/ico-sjgt.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.sjgt i {
background-image: url("/kccip/static/osc/img/ico-sjgt@2x.png");
}
}
.tablist2 button.sjgt.on i {
background-image: url("/kccip/static/osc/img/ico-sjgtOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.sjgt.on i {
background-image: url("/kccip/static/osc/img/ico-sjgtOn@2x.png");
}
}
.tablist2 button.cst i {
background-image: url("/kccip/static/osc/img/ico-cst.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.cst i {
background-image: url("/kccip/static/osc/img/ico-cst@2x.png");
}
}
.tablist2 button.cst.on i {
background-image: url("/kccip/static/osc/img/ico-cstOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.cst.on i {
background-image: url("/kccip/static/osc/img/ico-cstOn@2x.png");
}
}
.tablist2 button.proprt i {
display: inline-block;
width: 17px;
height: 22px;
background-image: url("/kccip/static/osc/img/ico-proprt.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.proprt i {
background-image: url("/kccip/static/osc/img/ico-proprt@2x.png");
}
}
.tablist2 button.proprt.on i {
background-image: url("/kccip/static/osc/img/ico-proprtOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.proprt.on i {
background-image: url("/kccip/static/osc/img/ico-proprtOn@2x.png");
}
}
.tablist2 button.grh i {
background-image: url("/kccip/static/osc/img/ico-grh.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.grh i {
background-image: url("/kccip/static/osc/img/ico-grh@2x.png");
}
}
.tablist2 button.grh.on i {
background-image: url("/kccip/static/osc/img/ico-grhOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.grh.on i {
background-image: url("/kccip/static/osc/img/ico-grhOn@2x.png");
}
}
.tablist2 button.grhb i {
background-image: url("/kccip/static/osc/img/ico-grhb.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.grhb i {
background-image: url("/kccip/static/osc/img/ico-grhb@2x.png");
}
}
.tablist2 button.grhb.on i {
background-image: url("/kccip/static/osc/img/ico-grhbOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.grhb.on i {
background-image: url("/kccip/static/osc/img/ico-grhbOn@2x.png");
}
}
.tablist2 button.sg i {
background-image: url("/kccip/static/osc/img/ico-sg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.sg i {
background-image: url("/kccip/static/osc/img/ico-sg@2x.png");
}
}
.tablist2 button.sg.on i {
background-image: url("/kccip/static/osc/img/ico-sgOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.sg.on i {
background-image: url("/kccip/static/osc/img/ico-sgOn@2x.png");
}
}
.tablist2 button.ycgh i {
background-image: url("/kccip/static/osc/img/ico-ycgh.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.ycgh i {
background-image: url("/kccip/static/osc/img/ico-ycgh@2x.png");
}
}
.tablist2 button.ycgh.on i {
background-image: url("/kccip/static/osc/img/ico-ycghOn.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tablist2 button.ycgh.on i {
background-image: url("/kccip/static/osc/img/ico-ycghOn@2x.png");
}
}

.tablist3 {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 0 1px;
margin-bottom: 30px;
border-bottom: 2px solid #F15A21;
}
.tablist3 button {
flex: 1;
padding: 16px 4px 14px;
font-size: 18px;
background: #f2f2f2;
border: 1px solid #EBEBEB;
color: #666;
text-align: center;
border-radius: 6px 6px 0 0;
}
@media screen and (max-width: 749px) {
.tablist3 button {
font-size: 16px;
}
}
.tablist3 button.on {
background: #F15A21;
border: 0;
color: #fff;
}
.tablist3 button.on span::before {
display: block;
}
.tablist3 button span {
position: relative;
}
.tablist3 button span::before {
content: "";
display: none;
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 1px;
background: #fff;
}

.tablist4 {
display: flex;
margin-bottom: 30px;
border-bottom: 1px solid #F15A21;
}
.tablist4 button {
width: 25%;
padding: 16px 10px;
font-size: 16px;
color: #2a2a2a;
text-align: center;
}
@media screen and (max-width: 749px) {
.tablist4 button {
font-size: 16px;
}
}
.tablist4 button.on {
position: relative;
color: #F15A21;
font-weight: 600;
}
.tablist4 button.on span::before {
display: block;
}
.tablist4 button.on::before {
content: "";
display: inline-block;
width: 100%;
height: 4px;
background: #F15A21;
position: absolute;
bottom: 0;
left: 0;
}
.tablist4 button span {
position: relative;
}
.tablist4 button span::before {
content: "";
display: none;
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 1px;
background: #fff;
}

.tab-pane {
display: none;
}
.tab-pane.on {
display: block;
}

/* 모바일 탭메뉴 처리 */
.tabBtn {
display: none;
position: relative;
width: 100%;
height: 52px;
margin-bottom: 10px;
background: #f15a21;
color: #fff;
font-size: 16px;
border-radius: 4px;
}
@media screen and (max-width: 749px) {
.tabBtn {
display: block;
}
}
.tabBtn::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 6px;
transform: translateY(-50%);
background-image: url("/kccip/static/osc/img/ico-step.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.tabBtn::before {
background-image: url("/kccip/static/osc/img/ico-step@2x.png");
}
}
.tabBtn + .tablist {
margin-top: 10px;
border-bottom: 0;
}
@media screen and (max-width: 749px) {
.tabBtn + .tablist {
display: none;
flex-direction: column;
}
.tabBtn + .tablist li {
width: 100%;
font-size: 16px;
border-radius: 4px;
}
.tabBtn + .tablist li.on {
font-size: 16px;
}
.tabBtn + .tablist li.on span::before {
display: none;
}
}
.tabBtn + .tablist3 {
margin-top: 10px;
border-bottom: 0;
}
@media screen and (max-width: 749px) {
.tabBtn + .tablist3 {
display: none;
flex-direction: column;
}
.tabBtn + .tablist3 button {
width: 100%;
border-radius: 4px;
}
}

@media screen and (max-width: 749px) {
.tabBtn.on + .tablist3 {
display: flex;
}
}
.srch-box {
padding: 16px 20px;
background: #F7F7F7;
}
.srch-box + .info {
margin: 30px auto 20px;
}
.srch-box + .info + .info {
margin: -10px auto 20px;
}
.srch-box + .bd-list {
margin-top: 30px;
}
.srch-box.bg-white {
background: #fff;
}

.ntc-box {
padding: 7px 10px;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
color: #222;
border: 1px solid #767676;
white-space: pre-line;
}
.ntc-box.agree .todayDate {
display: block;
width: 100%;
text-align: right;
}
.ntc-box.agree + .right {
margin-top: 20px;
}
.ntc-box.agree + .right li {
position: relative;
margin-left: 20px;
}

.info-box {
width: 100%;
text-align: center;
}
.info-box dl {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
padding: 10px 40px;
border: 1px solid #DADADA;
box-sizing: border-box;
border-radius: 50px;
background: #F7F7F7;
}
.info-box dl dt {
padding-right: 4px;
}
.info-box dl dt i {
margin-right: 4px;
}
.info-box dl dd {
font-weight: 700;
color: #000;
}

.hglt-box {
margin-top: 20px;
padding: 20px;
border: 2px dashed #ff0000;
box-sizing: border-box;
}

.cmplt-box {
display: flex;
margin: 50px auto 80px;
align-items: center;
justify-content: center;
gap: 30px;
}
@media screen and (max-width: 749px) {
.cmplt-box {
flex-direction: column;
}
}
.cmplt-box > div {
width: calc(70% - 118px);
}
@media screen and (max-width: 749px) {
.cmplt-box > div {
width: 100%;
}
}
.cmplt-box > div p {
font-size: 20px;
word-break: keep-all;
}
.cmplt-box > div em {
font-weight: 700;
color: #F15A21;
}
.cmplt-box.__v2 {
padding: 60px;
background: rgba(241, 90, 33, 0.05);
border-radius: 10px;
margin: 0;
}
@media screen and (max-width: 749px) {
.cmplt-box.__v2 {
display: block;
padding: 30px;
text-align: center;
}
}
.cmplt-box.__v2 > div {
width: calc(100% - 119px - 30px);
}
@media screen and (max-width: 749px) {
.cmplt-box.__v2 > div {
width: 100%;
margin: 20px auto 0;
text-align: center;
}
}
.cmplt-box.__v2 > div p {
width: 84%;
}
@media screen and (max-width: 749px) {
.cmplt-box.__v2 > div p {
width: 100%;
}
}
.cmplt-box.__v2 > div .info2 {
margin-top: 20px;
}
.cmplt-box.__v2 > div .info2 .ico-info2 {
filter: brightness(0.4);
}
.cmplt-box.__v2 + .btn-wrap {
padding: 0;
}

.graph-box {
display: flex;
justify-content: center;
padding: 24px;
border-radius: 10px;
background-image: url("/kccip/static/osc/img/graphy-box.png");
background-repeat: no-repeat;
background-size: auto auto;
background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.graph-box {
background-image: url("/kccip/static/osc/img/graphy-box@2x.png");
}
}
.graph-box .row {
gap: 10px 30px;
align-items: center;
}
@media screen and (max-width: 749px) {
.graph-box .row {
justify-content: center;
text-align: center;
}
}
.graph-box .ico-graph {
width: 68px;
height: 61px;
background-image: url("/kccip/static/osc/img/ico-graphy.png");
background-repeat: no-repeat;
background-size: auto auto;
background-size: contain;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.graph-box .ico-graph {
background-image: url("/kccip/static/osc/img/ico-graphy@2x.png");
}
}
.graph-box p {
font-size: 14px;
letter-spacing: -0.35px;
}
.graph-box p strong {
display: block;
font-size: 20px;
font-weight: 600;
color: #000;
line-height: 1;
margin-bottom: 10px;
}
.graph-box + .srch-box {
margin-top: 15px;
margin-bottom: 5px;
border-bottom: 2px solid #000;
}
.graph-box + .srch-box .srch {
justify-content: flex-start;
}
@media screen and (max-width: 749px) {
.graph-box + .srch-box .srch {
align-items: flex-end;
}
.graph-box + .srch-box .srch label {
display: flex;
flex-direction: column;
}
.graph-box + .srch-box .srch select {
margin-top: 5px;
margin-left: 0 !important;
flex: auto;
}
}
.graph-box + .srch-box select {
min-width: 160px;
width: auto;
}

.srch-box dl {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
padding: 10px;
margin-bottom: 10px;
background: #fff;
border: 1px solid #767676;
border-radius: 3px;
}
@media screen and (max-width: 749px) {
.srch-box dl {
flex-direction: column;
}
}
.srch-box dt {
min-width: 90px;
padding: 16px 10px;
margin-right: 10px;
font-size: 13px;
text-align: center;
color: #fff;
background: #767676;
border-radius: 4px;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.srch-box dt {
width: 100%;
min-width: auto;
margin-right: 0;
margin-bottom: 10px;
}
}
.srch-box dd label {
display: inline-flex;
margin-right: 10px;
align-items: center;
}
.srch-box dd label .box {
margin-right: 4px;
}
.srch-box dd label span:not(.box) {
font-size: 14px;
color: #222;
}

.srch {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 5px;
}
@media screen and (max-width: 749px) {
.srch {
flex-wrap: wrap;
justify-content: flex-start;
}
}
.srch select {
width: 130px;
font-size: 14px;
text-align: left;
padding: 5px;
}
@media screen and (max-width: 749px) {
.srch select {
width: auto;
flex: 1;
}
}
.srch > div {
display: flex;
margin-left: 5px;
align-items: center;
flex: 1;
gap: 5px;
}
@media screen and (max-width: 749px) {
.srch > div {
width: 100%;
margin-left: 0;
flex: auto;
flex-wrap: wrap;
}
}
.srch > div input {
width: calc(100% - 122px - 5px);
}
@media screen and (max-width: 749px) {
.srch > div input {
width: 100%;
}
}
.srch .center {
text-align: center;
}
.srch .center > button {
margin: 0 4px;
}
.srch .center > select {
margin: 0 4px;
}

.srch2 {
align-items: center;
gap: 0 10px;
}
@media screen and (max-width: 1199px) {
.srch2 {
align-items: flex-start;
flex-direction: column;
}
}
.srch2 > div:first-of-type {
display: flex;
align-items: center;
gap: 5px;
}
@media screen and (max-width: 749px) {
.srch2 > div:first-of-type {
width: 100%;
align-items: flex-start;
flex-wrap: wrap;
}
}
.srch2 > div:first-of-type .lable-name {
width: 65px;
}
@media screen and (max-width: 749px) {
.srch2 > div:first-of-type .lable-name {
display: block;
width: 100%;
font-size: 14px;
text-align: left;
}
}
.srch2 > div:first-of-type input {
position: relative;
width: 130px;
}
@media screen and (max-width: 749px) {
.srch2 > div:first-of-type input {
flex: 1;
max-width: inherit;
}
}
.srch2 > div:first-of-type input[type=date]::before {
background-image: url("/kccip/static/osc/img/ico-clndr.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.srch2 > div:first-of-type input[type=date]::before {
background-image: url("/kccip/static/osc/img/ico-clndr@2x.png");
}
}
.srch2 > div:last-of-type {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
width: calc(100% - 124px);
gap: 5px;
flex: 1;
}
@media screen and (max-width: 1199px) {
.srch2 > div:last-of-type {
width: calc(100% - 70px);
margin-top: 10px;
margin-left: 70px;
gap: 5px;
}
}
@media screen and (max-width: 749px) {
.srch2 > div:last-of-type {
width: 100%;
margin-left: 0;
flex-wrap: wrap;
}
}
.srch2 > div:last-of-type.col3 div {
width: calc(100% - 130px - 130px - 20px);
}
.srch2 > div:last-of-type select {
width: 130px;
}
@media screen and (max-width: 749px) {
.srch2 > div:last-of-type select {
width: 100%;
}
}
.srch2 > div:last-of-type div {
display: flex;
width: calc(100% - 130px - 5px);
align-items: center;
gap: 5px;
}
@media screen and (max-width: 749px) {
.srch2 > div:last-of-type div {
width: 100%;
flex-wrap: wrap;
gap: 10px 5px;
}
}
.srch2 > div:last-of-type div input {
width: calc(100% - 126px);
}
@media screen and (max-width: 749px) {
.srch2 > div:last-of-type div input {
width: 100%;
}
}
.srch2.__v2 {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
text-align: center;
}
@media screen and (max-width: 1199px) {
.srch2.__v2 {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (max-width: 1199px) {
.srch2.__v2 > div {
gap: 5px;
}
}
@media screen and (max-width: 749px) {
.srch2.__v2 > div {
gap: 10px;
}
}
.srch2.__v2 > div div {
width: calc(100% - 130px - 130px - 15px);
}
@media screen and (max-width: 749px) {
.srch2.__v2 > div div {
width: 100%;
}
}

.srch3 label {
display: flex;
align-items: center;
gap: 5px;
}
@media screen and (max-width: 749px) {
.srch3 label {
width: 100%;
flex-wrap: wrap;
}
}
@media screen and (max-width: 749px) {
.srch3 label .lable-name {
display: block;
width: 100%;
font-size: 14px;
}
}
@media screen and (max-width: 749px) {
.srch3 label input[type=date] {
flex: 1;
max-width: inherit;
}
}
.srch3 > .row {
margin-top: 10px;
}
.srch3 .row {
width: 100%;
margin-left: 65px;
gap: 5px;
}
@media screen and (max-width: 749px) {
.srch3 .row {
margin-left: 0;
}
}
.srch3 .row select {
width: 130px;
}
@media screen and (max-width: 749px) {
.srch3 .row select {
flex: 1;
}
}
.srch3 .row div {
width: calc(100% - 130px - 130px - 10px);
}
@media screen and (max-width: 749px) {
.srch3 .row div {
width: 100%;
margin-top: 5px;
flex-wrap: wrap;
}
}
.srch3 .row div input {
width: calc(100% - 126px);
}
@media screen and (max-width: 749px) {
.srch3 .row div input {
width: 100%;
margin-bottom: 10px;
}
}

select option[value=""][disabled] {
display: none;
}

/*paging*/
.pagination-set, .paginationSet {
position: relative;
text-align: center;
margin-top: 30px;
margin-bottom: 50px;
}

.pagination-set + .btn-set, .paginationSet + .btn-set {
margin-top: -30px;
}

.pagination {
display: inline-block;
vertical-align: top;
padding-left: 0;
text-align: center;
}

.pagination .i a {
border: 1px solid #cecece;
}

.pagination em {
font-style: normal;
}

.pagination > li {
display: inline;
font-size: 14px;
}

.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 0;
text-decoration: none;
min-width: 45px;
height: 45px;
line-height: 42px;
margin: 0 0;
color: #222;
margin-left: 2px;
border-radius: 50px;
}

.pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * {
min-width: 30px;
}

.pagination > li.first > *:before, .pagination > li.prev > *:before, .pagination > li.next > *:before, .pagination > li.end > *:before {
content: "";
display: inline-block;
width: 45px;
height: 45px;
}

.pagination > li .s, .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 > * {
margin-right: 3px;
}

.pagination > li.first > *:before {
content: "";
background: url(/kccip/static/osc/img/ico-prev.png) no-repeat 50% 50%;
}

.pagination > li.prev > *:before {
content: "";
background: url(/kccip/static/osc/img/ico-beforeB.png) no-repeat 50% 50%;
}

.pagination > li.next > *:before {
content: "";
background: url(/kccip/static/osc/img/ico-beforeB.png) no-repeat 50% 50%;
transform: scaleX(-1);
}

.pagination > li.end > * {
background-position: right 0;
margin-left: 3px;
}

.pagination > li.end > *:before {
content: "";
background: url(/kccip/static/osc/img/ico-prev.png) no-repeat 50% 50%;
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;
background-color: #fff;
color: #F15A21;
}
.pagination > li > a:hover em, .pagination > li > span:hover em, .pagination > li > a:focus em, .pagination > li > span:focus em {
color: #F15A21;
}

.pagination > .active a,
.pagination > .active span,
.pagination > .active em {
font-size: 14px;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 3px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 0;
cursor: default;
background: #fff;
color: #F15A21;
-webkit-box-sizing: border-box;
border: 1px solid #F15A21;
box-sizing: border-box;
}
.pagination > .active > a em,
.pagination > .active > span em,
.pagination > .active > a:hover em,
.pagination > .active > span:hover em,
.pagination > .active > a:focus em,
.pagination > .active > span:focus em {
color: #F15A21;
}

.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-set2 {
align-items: center;
justify-content: flex-end;
}
.pagination-set2 input[type=number] {
width: 60px;
margin-right: 5px;
font-size: 14px;
color: #747474;
}
.pagination-set2 input[type=number] + .page-num {
position: relative;
font-size: 14px;
color: #000;
}
.pagination-set2 input[type=number] + .page-num::before {
content: "/ ";
}
.pagination-set2 input[type=number] + .page-num > em {
display: inline;
padding-right: 2px;
font-size: 14px;
margin: 0;
color: #ff5715;
}
.pagination-set2 button {
font-size: 14px;
width: 65px;
margin-left: 10px;
}

.popwrap {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 101;
display: none;
}
.popwrap.active {
display: flex;
}
.popwrap .popcontainer {
overflow: hidden;
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
max-width: 1280px;
width: calc(100vw - 40px);
max-height: calc(100% - 100px);
height: 100%;
margin: 0 auto;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.popwrap .popcontainer.survey .popcontent {
max-height: calc(100vh - 60px - 70px - 48px);
}
.popwrap .popheader {
position: relative;
height: 60px;
padding: 12px 20px;
background: #F15A21;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.popwrap .popheader {
height: 48px;
}
}
.popwrap .popheader h1 {
width: calc(100% - 36px);
font-size: 22px;
font-weight: 400;
color: #fff;
}
@media screen and (max-width: 749px) {
.popwrap .popheader h1 {
font-size: 16px;
}
}
.popwrap .popcontent {
padding: 30px 20px 40px;
box-sizing: border-box;
max-height: calc(100% - 60px);
height: auto;
background: #fff;
overflow-y: auto;
}
@media screen and (max-width: 749px) {
.popwrap .popcontent {
height: calc(100% - 48px);
overflow-y: auto;
}
}
.popwrap .popcontent .subtit + .bd-list {
margin-bottom: 20px;
}
.popwrap .popcontent .bd-list + .subtit {
margin-top: 30px;
}
.popwrap .popcontent .more-info + .tit,
.popwrap .popcontent .bd-list + .tit {
margin-top: 20px;
}
.popwrap .popcontent .btn-wrap {
padding: 0;
gap: 0 10px;
}
.popwrap .popcontent .btn-wrap.left {
justify-content: flex-start;
}

[id*=popwrap] .bd-list .table th, [id*=popwrap] .bd-list .table td,
[id*=popwrap] .bd-view .table th,
[id*=popwrap] .bd-view .table td {
position: relative;
font-size: 15px;
}
[id*=popwrap] .bd-list .table th:not([scope=row]),
[id*=popwrap] .bd-view .table th:not([scope=row]) {
width: 17.4%;
}
[id*=popwrap] .bd-list .table th:not([scope=row]) .checkbox + span,
[id*=popwrap] .bd-view .table th:not([scope=row]) .checkbox + span {
transform: translateY(4px);
}
[id*=popwrap] .bd-list .table td textarea,
[id*=popwrap] .bd-view .table td textarea {
width: 100%;
height: 80px;
}
[id*=popwrap] .bd-list .table p,
[id*=popwrap] .bd-view .table p {
font-size: 15px;
}
[id*=popwrap] .bd-list dt,
[id*=popwrap] .bd-view dt {
width: 17.4%;
}
@media screen and (max-width: 749px) {
[id*=popwrap] .bd-list dt,
[id*=popwrap] .bd-view dt {
width: 100%;
padding: 5px;
}
}
@media screen and (max-width: 749px) {
[id*=popwrap] .bd-list dd,
[id*=popwrap] .bd-view dd {
padding: 5px;
}
}
[id*=popwrap] .bd-list dd .radio-list + .row,
[id*=popwrap] .bd-view dd .radio-list + .row {
margin-top: 10px;
}
[id*=popwrap] .bd-list dd textarea,
[id*=popwrap] .bd-view dd textarea {
width: 100%;
height: 80px;
}
[id*=popwrap] .bd-list dd textarea.comment,
[id*=popwrap] .bd-view dd textarea.comment {
width: calc(100% - 82px - 8px);
height: 100px;
margin-right: 4px;
}
[id*=popwrap] .bd-list dd textarea.comment + button,
[id*=popwrap] .bd-view dd textarea.comment + button {
width: 82px;
height: 100px;
}
[id*=popwrap] .bd-list dd .agree,
[id*=popwrap] .bd-view dd .agree {
margin-bottom: 0;
}
[id*=popwrap] .bd-list dd .agree.row,
[id*=popwrap] .bd-view dd .agree.row {
margin-top: 0;
align-items: center;
justify-content: flex-start;
}
[id*=popwrap] .bd-list dd .agree.row .radio,
[id*=popwrap] .bd-view dd .agree.row .radio {
transform: translateY(0);
}
[id*=popwrap] .bd-list .dl2 > dd,
[id*=popwrap] .bd-view .dl2 > dd {
padding: 0;
}
[id*=popwrap] .bd-list .dl2 > dd > dd,
[id*=popwrap] .bd-view .dl2 > dd > dd {
padding: 8px 10px;
}
[id*=popwrap] .bd-list .dl3 dt,
[id*=popwrap] .bd-view .dl3 dt {
width: 13%;
}
@media screen and (max-width: 749px) {
[id*=popwrap] .bd-list .dl3 dt,
[id*=popwrap] .bd-view .dl3 dt {
width: 100%;
}
}
[id*=popwrap] .bd-list .dl4,
[id*=popwrap] .bd-view .dl4 {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
width: auto;
border: 0;
display: none;
}
[id*=popwrap] .bd-list .dl4 dt,
[id*=popwrap] .bd-view .dl4 dt {
width: auto;
background: #fff;
padding: 0;
border: 0;
margin-right: 10px;
}
[id*=popwrap] .bd-list .dl4 dd,
[id*=popwrap] .bd-view .dl4 dd {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
padding: 0;
border: 0;
}
[id*=popwrap] .bd-list .dl4 dd::before,
[id*=popwrap] .bd-view .dl4 dd::before {
display: none;
}
[id*=popwrap] .bd-list select,
[id*=popwrap] .bd-view select {
max-width: 100%;
width: 100%;
}
[id*=popwrap] .subtit + p {
font-size: 15px;
}
[id*=popwrap] .more-info {
margin-top: 20px;
}

/* 팝업별 속성 */
/* 신청서 */
.pop-apply,
.pop-apply2 {
width: 1080px;
height: calc(100% - 100px);
max-height: calc(100vh - 100px);
overflow: hidden;
}
.pop-apply .popcontent,
.pop-apply2 .popcontent {
max-height: calc(100vh - 60px - 100px);
overflow-y: auto;
}
.pop-apply .popcontent h2:not(:first-of-type),
.pop-apply2 .popcontent h2:not(:first-of-type) {
margin: 30px 0 20px;
}
.pop-apply .popcontent .bd-list .table th, .pop-apply .popcontent .bd-list .table td,
.pop-apply2 .popcontent .bd-list .table th,
.pop-apply2 .popcontent .bd-list .table td {
padding: 8px 6px;
}
.pop-apply .popcontent .b-submit,
.pop-apply2 .popcontent .b-submit {
color: #fff;
background-color: #F15A21;
width: 145px;
}
.pop-apply .popcontent .b-submit i,
.pop-apply2 .popcontent .b-submit i {
margin-right: 8px;
}

.pop-apply2 .bd-view dl dt input {
width: 100%;
}
.pop-apply2 .b-lg.b-save {
background-color: #222;
}

/* 미리보기 */
.winPop.pop-review {
max-width: 100% !important;
overflow-y: hidden !important;
}

.pop-review .b-down {
margin-top: 20px;
color: #fff;
background-color: #222;
}

/* 상세 */
.pop-detail {
height: calc(100% - 100px);
max-height: calc(100vh - 100px);
overflow: hidden;
}
.pop-detail .popcontent {
padding-top: 0;
max-height: calc(100vh - 60px - 100px);
overflow-y: auto;
}
.pop-detail .popcontent > div:first-of-type {
padding-top: 30px;
}
.pop-detail .bd-view .table thead th {
background: #f7f7f7;
}
.pop-detail .bd-view .table thead > tr > th {
border-bottom: 0;
}
.pop-detail .bd-list .row {
justify-content: flex-end;
margin-top: -42px;
}
.pop-detail .more-info {
display: none;
}
.pop-detail .tab-content {
padding: 20px;
border-radius: 10px;
border: 1px solid #D9D9D9;
}
.pop-detail .tab-content .tab-pane {
display: none;
}
.pop-detail .tab-content #detail2-tab .bd-view:last-of-type {
margin-bottom: 0;
}
.pop-detail .tab-content #detail2-tab .bd-view label + label {
margin-right: 20px;
}
.pop-detail .tab-content #detail2-tab .bd-view label span {
font-size: 14px;
transform: translateY(2px);
}
.pop-detail .tab-content .attntn ul > li {
display: grid;
align-items: center;
grid-template-columns: 80px auto;
}
.pop-detail .tab-content .attntn ul > li:not(:last-of-type) {
margin-bottom: 4px;
}
.pop-detail .tab-content .file-report dt {
width: 34%;
}
@media screen and (max-width: 749px) {
.pop-detail .tab-content .file-report dt {
width: 100%;
}
}
.pop-detail .tab-content .file-report dt .info {
text-align: left;
margin-top: 0;
margin-bottom: 4px;
}
.pop-detail .tab-content .file-report dt .info i {
width: 24px;
}
.pop-detail .tab-content .file-report dd {
width: 77.28%;
}
@media screen and (max-width: 749px) {
.pop-detail .tab-content .file-report dd {
width: 100%;
}
}

/* 지식재산교육 신청하기 */
.pop-join {
width: 750px;
}
.pop-join .bd-view .num {
width: 50%;
}
.pop-join ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 20px;
margin-top: 20px;
}
.pop-join .btn-wrap [class^=b-] {
width: 145px;
}

/* 취소 */
.pop-cancel {
width: 750px;
}

/* 선정사실 확인서 */
.pop-print {
width: 600px;
padding: 30px;
box-sizing: border-box;
}
.pop-print .popcontent {
max-height: calc(100vh - 50px);
padding: 0;
}
.pop-print .print-btn {
margin-bottom: 20px;
}
.pop-print .print-btn > * {
padding: 10px;
text-decoration: underline;
color: #000;
}
.pop-print h1 {
margin-bottom: 20px;
font-size: 30px;
text-align: center;
color: #000;
}
.pop-print .bd-view {
max-height: 616px;
margin-bottom: 0;
overflow-x: hidden;
overflow-y: auto;
}
.pop-print .bd-view dl:first-of-type {
border-top: 1px solid #dadada;
}
.pop-print .bd-view dl {
position: relative;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
@media screen and (max-width: 749px) {
.pop-print .bd-view dl {
display: table;
}
}
.pop-print .bd-view dl dt, .pop-print .bd-view dl dd {
padding: 10px;
vertical-align: top !important;
border: 0;
}
@media screen and (max-width: 749px) {
.pop-print .bd-view dl dt, .pop-print .bd-view dl dd {
display: table-cell;
}
}
.pop-print .bd-view dl dt {
width: 120px;
background: #f7f7f7;
border-right: 0;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
@media screen and (max-width: 749px) {
.pop-print .bd-view dl dt {
display: table-cell;
width: 17.4%;
text-align: center;
}
}
.pop-print .bd-view dl dd {
position: relative;
color: #000;
width: calc(100% - 120px);
box-sizing: border-box;
}
.pop-print .bd-view dl dd::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 1px;
width: 1px;
height: 100%;
background: #dadada;
}
.pop-print .bd-view dl dd::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 1px;
width: 100%;
height: 1px;
background: #dadada;
}
.pop-print .bd-view dl.result {
min-height: 30vh;
}
.pop-print .bd-view .table {
margin-top: 0;
border-top: 0;
border-left: 0;
border-right: 0;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.pop-print .bd-view .table thead {
background: #f7f7f7;
}
.pop-print .bd-view .table thead th {
background: #f7f7f7;
padding: 10px 5px;
border-bottom: 0;
}
.pop-print .bd-view .table thead th[rowspan] {
vertical-align: middle;
}
@media screen and (max-width: 749px) {
.pop-print .bd-view .table thead th {
border-right: 1px solid #dadada;
}
}
.pop-print .bd-view .table tbody td {
padding: 10px 5px !important;
}
@media screen and (max-width: 749px) {
.pop-print .bd-view .table tbody td {
border-right: 1px solid #dadada;
}
}
.pop-print .bd-view .cmpy {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
margin-top: 20px;
}
.pop-print .i-close {
top: 30px;
background: #222;
}

[id*=popwrap] .pop-print .bd-view .table th.count {
width: 9.7%;
}

/* 신청현황 도움말 */
.pop-step {
max-width: 960px !important;
width: 100%;
}
@media screen and (max-width: 749px) {
.pop-step .popheader {
display: flex;
align-items: center;
height: 72px;
}
}
.pop-step .popcontent {
padding: 20px 10px;
max-height: calc(100% - 72px);
}
@media screen and (max-width: 749px) {
.pop-step .popcontent {
max-height: calc(100vh - 100px - 72px);
height: auto;
}
}
@media screen and (max-width: 749px) {
.pop-step .i-close {
top: 18px;
}
}

/* 신청현황 처리상태 도움말*/
.pop-info {
display: none;
position: absolute;
top: 40px;
right: 0;
width: 360px;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
z-index: 10;
}
.pop-info.join-info {
width: auto;
right: initial;
left: 0;
}
.pop-info .popheader {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
height: 40px;
padding: 12px 20px;
background: #F15A21;
box-sizing: border-box;
color: #fff;
}
.pop-info .popheader .i-close {
transform: scale(0.8);
top: 4px;
right: 12px;
}
.pop-info .popcontent {
padding: 16px 10px;
}
.pop-info .popcontent p {
margin-bottom: 20px;
font-size: 16px;
text-align: center;
color: #222;
}
.pop-info .popcontent ul {
display: block;
padding: 0;
}
.pop-info .popcontent ul li {
display: flex;
min-height: auto;
max-height: initial;
font-size: 14px;
font-weight: 400;
border: 0;
margin-bottom: 10px;
}
.pop-info .popcontent ul li em {
position: relative;
display: flex;
max-width: 90px;
font-weight: 600;
padding-left: 10px;
}
.pop-info .popcontent ul li em::before {
content: "";
display: inline-block;
position: absolute;
top: 5px;
left: 0;
width: 3px;
height: 3px;
background: #222;
border-radius: 50%;
}
.pop-info .popcontent ul li span {
max-width: calc(100% - 90px - 4px);
padding-left: 4px;
text-align: left;
line-height: 1.4;
}
.pop-info .popcontent .i-close {
position: absolute;
top: 3px;
right: 6px;
}

/* 첨부파일 리스트 팝업 */
.pop-file {
display: none;
position: absolute;
top: 26px !important;
left: 50%;
transform: translateX(-50%);
width: 360px;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
z-index: 10;
}
@media screen and (max-width: 1440px) {
.pop-file {
left: initial !important;
transform: translateX(0) !important;
right: 0 !important;
}
}
@media screen and (max-width: 749px) {
.pop-file {
position: fixed !important;
top: 50% !important;
left: 50% !important;
right: initial !important;
transform: translate(-50%, -50%) !important;
}
}
.pop-file .popheader {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
height: 40px;
padding: 12px 20px;
background: #F15A21;
box-sizing: border-box;
color: #fff;
}
.pop-file .popheader h2 {
font-size: 16px;
}
.pop-file .i-close {
transform: scale(0.8);
top: 4px;
right: 12px;
}

/* OA 대응 신청서 */
.stamp {
padding-left: 150px;
}

.fwBold {
font-weight: 700;
}
.fwBold + .btn-wrap {
margin-top: 80px;
}

/* 새창 팝업 */
#popWrap {
display: block;
background: #fff;
padding: 30px;
box-sizing: border-box;
}
#popWrap #content {
padding: 0;
}
#popWrap .popcontainer {
width: 100% !important;
height: 100%;
max-height: 100%;
margin: 0;
box-shadow: none;
padding: 0;
overflow-y: auto;
}
#popWrap .popcontent {
padding: 0;
height: initial;
max-height: initial;
}

/* 댓글 이벤트 삭제 팝업 */
.pop-comment__del,
.pop-comment__join {
max-width: 700px !important;
}

/* 팝업에서 특정요소 sticky */
.pop__sticky {
position: sticky;
top: 0;
z-index: 2;
background-color: #fff;
}

.comment__area {
margin-bottom: 30px;
}
.comment__area textarea {
height: 72px;
}

/* 동영상 및 문제 팝업 */
.pop-video {
max-width: 700px !important;
}
.pop-video li {
position: relative;
}
.pop-video__step__01 .video-wrap {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.pop-video__step__01 .video-wrap iframe {
position: absolute;
width: 100%;
height: 100%;
}
.pop-video__step__01 .video-desc {
overflow-y: auto;
height: 115px;
margin-top: 20px;
border: solid 1px #767676;
border-radius: 3px;
box-sizing: border-box;
}
.pop-video__step__01 .video-desc p {
padding: 20px;
font-family: "NanumSquareNeoTTF-cBd";
color: #666;
white-space: pre-wrap;
}
.pop-video__step__02 p {
margin-top: 20px;
color: #666;
}
.pop-video__step__02 .agree-img {
display: flex;
padding: 13.9% 0;
margin: 20px 0;
align-items: center;
justify-content: center;
background: #fbfafa;
border: 1px solid #dadada;
}
.pop-video__step__02 .agree-chck span {
padding-left: 10px;
}
.pop-video__step__03 .tit + p.mb20, .pop-video__step__04 .tit + p.mb20 {
margin-top: -14px;
}
.pop-video__step__03 dl, .pop-video__step__04 dl {
margin-bottom: 30px;
}
.pop-video__step__03 dt, .pop-video__step__04 dt {
display: flex;
align-items: flex-start;
font-size: 20px;
font-family: "NanumSquareNeoTTF-cBd";
padding-bottom: 8px;
margin-bottom: 14px;
border-bottom: 1px solid #dadada;
}
.pop-video__step__03 dt span, .pop-video__step__04 dt span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
margin-right: 10px;
font-size: 16px;
background: #666;
color: white;
font-family: "NanumSquareNeoTTF-cBd";
border-radius: 50%;
}
.pop-video__step__03 dt p, .pop-video__step__04 dt p {
width: calc(100% - 35px);
}
.pop-video__step__03 dd li, .pop-video__step__04 dd li {
position: relative;
margin-bottom: 10px;
}
.pop-video__step__03 dd label, .pop-video__step__04 dd label {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.pop-video__step__03 dd label span, .pop-video__step__04 dd label span {
padding-left: 10px;
}
.pop-video__step__03 dd label p.cmtr, .pop-video__step__04 dd label p.cmtr {
display: block;
width: calc(100% - 22px);
margin-left: 36px;
margin-top: 5px;
white-space: pre-line;
font-size: 15px;
color: #0044ff;
}
.pop-video__step__04 dd label {
cursor: no-drop;
}

@media screen and (max-width: 749px) {
.popwrap .pop-video .popheader {
height: 66px;
}
}
@media screen and (max-width: 749px) {
.popwrap .pop-video .popcontent {
height: auto !important;
max-height: calc(100% - 70px);
}
}

.total-cout {
margin-top: 30px;
margin-bottom: 8px;
font-size: 14px;
color: #666;
text-align: right;
}
.total-cout::before {
content: "";
background: url(/kccip/static/osc/img/menu-icon.png) no-repeat;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 5px;
vertical-align: middle;
}
.total-cout__number {
color: var(--btn-primary, #F15A21);
}
.total-cout__paging {
color: var(--btn-primary, #F15A21);
}

#faq-list {
margin-top: 5px;
border-top: 2px solid var(--body, #222);
}

#faq-list dt.open + dd {
display: block;
}

#faq-list dt button, #faq-list dt .sets {
position: relative;
width: 100%;
text-align: left;
display: block;
padding: 4px 0;
padding-left: 40px;
min-height: 60px;
font-size: 16px;
font-weight: 400;
border-bottom: 1px solid #DADADA;
box-sizing: border-box;
}

@media (max-width: 749px) {
#faq-list dt button, #faq-list dt .sets {
padding-left: 45px;
padding-right: 40px;
min-height: 50px;
font-size: 1rem;
}
}
#faq-list dt button::after, #faq-list dt .sets::after {
background: url(/kccip/static/osc/img/expand_more.svg);
content: "";
width: 18px;
height: 18px;
display: inline-block;
line-height: 1;
position: absolute;
right: 20px;
top: calc(50% - 9px);
transition: all 0.5s;
}

#faq-list dt.open {
background: #fff;
}

#faq-list dt.open button::after, #faq-list dt.open .sets::after {
background: url(/kccip/static/osc/img/expand_less.png);
content: "";
width: 18px;
height: 18px;
display: inline-block;
line-height: 1;
position: absolute;
right: 20px;
top: calc(50% - 9px);
transform: rotate(180deg);
transform-origin: 50%;
}

#faq-list dt.open .faq-img {
background-color: #F15A21;
}

#faq-list dt.open + dd {
display: block;
background: #FFEEE8;
font-size: 14px;
}

#faq-list dt.open + dd + dt {
border-top-width: 0;
}

#faq-list dd {
border-bottom: 1px solid #DADADA;
}

#faq-list .faq-img {
position: absolute;
left: 10px;
width: 22px;
height: 22px;
background: #767676;
border-radius: 13px 13px 13px 13px;
line-height: 20px;
text-align: center;
}

#faq-list .faq-img i {
display: inline-block;
vertical-align: middle;
font-style: normal;
line-height: 22px;
}

#faq-list .faq-img i::before {
content: "Q";
color: #ffffff;
vertical-align: top;
margin-right: 1px;
font-size: 12px;
font-weight: 600;
}

#faq-list .faq-img i.ico-a:before {
display: none;
}

#faq-list dd {
position: relative;
padding: 18px 15px 18px 40px;
padding-right: 15px;
display: none;
}

@media (max-width: 749px) {
#faq-list dd {
padding-left: 45px;
padding-right: 5px;
}
}
#faq-list dd .faq-img {
background-color: #fff;
border-radius: 15px 15px 15px 15px;
}

@media (max-width: 749px) {
#faq-list dd .faq-img {
left: 3px;
}
}
#faq-list dd .faq-img i::before {
content: "A";
display: block;
color: #F15A21;
font-size: 12px;
font-style: normal;
font-weight: 800;
margin-left: 3px;
}

#faq-list.no-open .sets::after {
display: none !important;
}

#faq-list.no-open dt, #faq-list.no-open dt.open + dd {
background: none;
border-width: 0 0 1px;
}

#faq-list.no-open .title {
padding-top: 21px;
}

@media (max-width: 749px) {
#faq-list.no-open .title {
padding-top: 14px;
}
}
#faq-list.no-open .desc {
padding-top: 4px;
}

#faq-list dd.nodata {
display: block;
padding: 30px;
}

.login > .row.center {
align-items: flex-start;
}
@media screen and (max-width: 749px) {
.login > .row.center {
flex-wrap: wrap;
}
}

.login-tit {
margin-top: 20px;
margin-bottom: 50px;
font-size: 24px;
font-weight: 400;
text-align: center;
line-height: 1.5;
color: #222;
}
.login-tit em {
font-weight: 800;
color: #F15A21;
}
@media screen and (max-width: 749px) {
.login-tit {
font-size: 19px;
}
}

.login-bg {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
width: 220px;
min-height: 293px;
margin-right: 30px;
border-radius: 10px;
overflow: hidden;
background-image: url("/kccip/static/osc/img/login-visual.jpg");
background-position-x: 26%;
background-size: cover;
}
@media screen and (max-width: 749px) {
.login-bg {
width: 100%;
max-width: 500px;
height: 90px;
min-height: inherit;
margin-right: 0;
margin-bottom: 30px;
background-position: center 75%;
}
}
.login-bg::before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.56);
z-index: 0;
}
.login-bg p {
position: relative;
z-index: 1;
font-size: 24px;
font-weight: 200;
text-align: center;
line-height: 1.2;
color: #fff;
}
@media screen and (max-width: 749px) {
.login-bg p {
display: flex;
align-items: center;
}
}
.login-bg p i {
display: block;
margin: 0 auto 10px;
}
@media screen and (max-width: 749px) {
.login-bg p i {
display: inline-block;
margin: 0 4px 0;
}
}
.login-bg p em {
display: block;
font-weight: 700;
}
@media screen and (max-width: 749px) {
.login-bg p em {
display: inline-block;
margin-left: 4px;
}
}
.login-bg + div {
width: 500px;
}
@media screen and (max-width: 749px) {
.login-bg + div {
width: 100%;
}
}
.login-bg + div ul li {
position: relative;
font-size: 14px;
padding-left: 10px;
color: #151515;
}
.login-bg + div ul li::before {
content: "";
display: inline-block;
position: absolute;
top: 6px;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background: #222;
}
@media screen and (max-width: 749px) {
.login-bg + div ul li:last-of-type {
margin-top: 6px;
}
}

.login-box {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
flex-wrap: wrap;
padding: 30px;
margin: 30px 0;
border-radius: 10px;
border: 1px solid #DADADA;
box-sizing: border-box;
}
@media screen and (max-width: 749px) {
.login-box {
flex-direction: column;
}
}
.login-box > .row {
width: calc(100% - 100px - 10px);
}
@media screen and (max-width: 749px) {
.login-box > .row {
width: 100%;
}
}
.login-box > .row > div {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
width: 100%;
margin-bottom: 6px;
}
.login-box > .row label {
display: inline-block;
position: relative;
width: 80px;
font-size: 15px;
}
.login-box > .row label::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
margin-right: 6px;
border-radius: 50%;
background: #222;
transform: translateY(-4px);
}
.login-box > .row .id {
display: grid;
width: calc(100% - 80px);
gap: 5px;
align-items: center;
}
.login-box > .row .id > input {
min-width: 78px;
}
@media screen and (max-width: 749px) {
.login-box > .row .id > input {
min-width: 0;
}
}
.login-box > .row .pw {
width: calc(100% - 80px);
}
.login-box .b-login {
margin-top: 0;
margin-left: 10px;
}
@media screen and (max-width: 749px) {
.login-box .b-login {
width: 100%;
height: 40px;
margin-left: 0;
}
}
.login-box + .btn-wrap {
gap: 8px;
margin: 0;
padding: 0;
}
@media screen and (max-width: 749px) {
.login-box + .btn-wrap {
gap: 4px;
}
}
.login-box + .btn-wrap > a {
background: #888;
color: #fff;
border: 0;
flex: auto;
padding: 7px 4px;
}
@media screen and (max-width: 749px) {
.login-box + .btn-wrap > a i {
display: none;
}
}
.login-box + .btn-wrap > a.on {
background: #222;
}

.login-tit + form .info2 {
display: flex;
justify-content: center;
width: 100%;
margin: 30px auto 0;
text-align: center;
}
@media screen and (max-width: 749px) {
.login-tit + form .info2 {
text-align: left;
}
}
.login-tit + form .info2 i {
width: 18px;
margin-right: 8px;
filter: brightness(0);
}
@media screen and (max-width: 749px) {
.login-tit + form .info2 i {
width: 30px;
}
}

div.cmplt {
padding: 40px 0;
text-align: center;
}
div.cmplt p:first-of-type {
margin: 40px 0;
font-size: 24px;
color: #222;
}
@media screen and (max-width: 749px) {
div.cmplt p:first-of-type {
font-size: 20px;
}
}
div.cmplt p:first-of-type span {
display: block;
}
@media screen and (max-width: 749px) {
div.cmplt p:first-of-type span:nth-of-type(2) {
margin-top: 4px;
}
}
@media screen and (max-width: 749px) {
div.cmplt p:first-of-type span:nth-of-type(2) {
margin-top: 4px;
}
}
div.cmplt p:first-of-type em {
font-weight: 700;
color: #F15A21;
}
div.cmplt .info-box {
margin-bottom: 40px;
}
div.cmplt .info2 {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
flex-wrap: wrap;
}
div.cmplt .info2 em {
font-size: 16px;
font-weight: 700;
}

.inform-ground {
display: flex;
justify-content: space-between;
border-top: 2px solid #000;
padding-top: 20px;
}
@media screen and (max-width: 749px) {
.inform-ground {
flex-wrap: wrap;
}
}
.inform-ground .img-area {
padding: 20px;
border: 1px solid #dadada;
}
@media screen and (max-width: 749px) {
.inform-ground .img-area {
width: 100%;
text-align: center;
}
}
.inform-ground .text-area {
width: calc(100% - 310px);
padding: 0 30px;
border: 1px solid #dadada;
}
@media screen and (max-width: 749px) {
.inform-ground .text-area {
width: 100%;
margin-top: 20px;
}
}
.inform-ground .text-area .txt-tit {
display: inline-block;
background: #f15a21;
color: #fff;
font-size: 14px;
padding: 5px 30px;
font-weight: 500;
margin-bottom: 10px;
margin-top: 50px;
}
.inform-ground .text-area .desc {
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
}
.inform-ground .text-area .right {
width: 80%;
}
@media screen and (max-width: 749px) {
.inform-ground .text-area .right {
width: 100%;
}
}
.inform-ground .text-area .logo-box {
display: block;
text-align: right;
}
.inform-ground .text-area .logo-box--cclogo {
display: inline-block;
background: url(/kccip/static/osc/img/cclogo.png) no-repeat;
width: 46px;
height: 45px;
}

.survey ol > li:not(:last-of-type) {
margin-bottom: 30px;
}
.survey .info2 {
margin-top: 40px;
color: #000;
}
.survey .desc {
padding: 20px 20px 38px;
}
.survey .desc > p {
font-size: 14px;
white-space: pre-line;
}
.survey .svy-tit {
font-size: 20px;
font-weight: 700;
color: #242424;
}
.survey .svy-subtit {
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
color: #7e5140;
}
.survey .svy-qstn {
padding: 15px 0;
margin-bottom: 0;
font-size: 16px;
border-bottom: 0;
border-top: 2px solid #222222;
color: #242424;
}
.survey .svy-qstn.qstn {
font-size: 20px;
padding: 15px 20px;
}
.survey .svy-qstn + .bd-list .table {
border-top: 1px solid #e0e0e0;
}
.survey .svy-qstn + .pagination-set2 {
padding-top: 10px;
border-top: 1px solid #e0e0e0;
}
.survey .svy-qstn + .pagination-set2 + .bd-list {
margin-top: 10px;
}
.survey .bd-list:not(:last-of-type) {
margin-bottom: 40px;
}
.survey .bd-list .chart {
padding: 0;
}
.survey .bd-list .chart-bg {
width: calc(100% - 15px);
height: 32px;
border-radius: 0 20px 20px 0;
background: rgba(241, 90, 33, 0.15);
}
.survey .bd-list .chart-bar {
display: block;
width: 0;
height: 100%;
border-radius: 0 20px 20px 0;
background-image: linear-gradient(to top, #f78b62, #f15a21);
}
.survey .bd-list .paginationSet, .survey .bd-list .pagination-set {
margin-bottom: 0;
}
.survey .bd-list + .survey .bd-list {
margin-top: 40px;
}

.svy-qstn {
margin-bottom: 20px;
font-weight: 500;
color: #000;
}
.svy-qstn span {
display: inline-block;
margin-right: 20px;
padding: 4px 7px;
font-size: 15px;
color: #fff;
background: #222;
border-radius: 4px 99px 99px 4px;
text-transform: uppercase;
}

.svy-ansr .radio-list {
margin-bottom: 20px;
}
.svy-ansr .radio-list > li {
margin-right: 30px;
}
.svy-ansr .radio-list .radio {
margin-right: 10px;
}
.svy-ansr .chck-list > li {
margin-right: 30px;
}
.svy-ansr .dpth1 {
padding: 16px;
border-radius: 10px;
background: #f7f7f7;
}
.svy-ansr .dpth1 .dpth1-qstn {
margin-bottom: 8px;
color: #222;
}
.svy-ansr .dpth1 .dpth1-ansr input {
width: 100%;
}
.svy-ansr > input[type=text] {
width: 100%;
}

.use-gd {
display: flex;
flex-direction: column;
gap: 20px 0;
}
.use-gd .row {
align-items: stretch;
gap: 0 10px;
}
@media screen and (max-width: 749px) {
.use-gd .row {
flex-wrap: wrap;
gap: 10px 0;
}
}
.use-gd .row > * {
flex: 1;
}
@media screen and (max-width: 749px) {
.use-gd .row > * {
flex: inherit;
width: 100%;
}
}
.use-gd .row > *.img-wrap {
padding: 21px;
background: #f7f7f7;
}
.use-gd .row > *.img-wrap img {
display: block;
width: 100%;
border: 1px solid #dadada;
box-sizing: border-box;
}
.use-gd .row > *.img-wrap img + img {
margin-top: 10px;
}
.use-gd .row > *.desc-wrap {
position: relative;
padding: 30px;
border: 1px solid #f15a21;
box-sizing: border-box;
overflow: hidden;
}
@media screen and (max-width: 749px) {
.use-gd .row > *.desc-wrap {
padding: 20px;
min-height: 100px;
}
}
.use-gd .row > *.desc-wrap::before {
content: "";
display: inline-block;
width: 133px;
height: 100px;
position: absolute;
right: 0;
bottom: 0;
background-image: url("/kccip/static/osc/img/gd-ci.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.use-gd .row > *.desc-wrap::before {
background-image: url("/kccip/static/osc/img/gd-ci@2x.png");
}
}
.use-gd .row > *.desc-wrap li {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
padding-left: 10px;
font-size: 14px;
color: #272727;
letter-spacing: -0.7px;
line-height: 1.7;
}
.use-gd .row > *.desc-wrap li::before {
content: "";
display: inline-block;
position: absolute;
top: 8px;
left: 0;
width: 3px;
height: 3px;
border-radius: 50%;
margin-right: 7px;
background: #000;
}
.use-gd .row > *.desc-wrap li span {
display: block;
padding-left: 0px;
}
.use-gd .row > *.desc-wrap li span::before {
content: "-";
display: inline-block;
margin-right: 2px;
}

.img-box {
width: 100%;
margin: 0 auto;
text-align: center;
}
.img-box img {
max-width: 100%;
height: auto !important;
}

.file-box {
margin: 30px 0;
border-radius: 10px;
border: 1px solid var(--border, #DADADA);
padding: 10px 20px;
display: flex;
align-items: center;
}
.file-box .file-add {
padding: 50px 70px 50px 50px;
border-right: 1px solid #DADADA;
}
@media screen and (max-width: 749px) {
.file-box .file-add {
width: 100%;
text-align: center;
padding: 20px;
border-right: 0;
border-bottom: 1px solid #DADADA;
box-sizing: border-box;
}
}
.file-box .file-add .attach {
display: flex;
color: #F15B24;
font-size: 14px;
font-weight: 400;
}
.file-box .file-add .attach::before {
content: "";
display: inline-block;
background: url(/kccip/static/osc/img/icon_dw.png) no-repeat;
width: 17px;
height: 16px;
vertical-align: middle;
margin-right: 5px;
}
.file-box .file-list {
padding-left: 20px;
}
@media screen and (max-width: 749px) {
.file-box .file-list {
padding-left: 0;
padding-top: 20px;
}
}
.file-box .file-list li {
display: flex;
justify-content: start;
padding: 5px 0;
}
@media screen and (max-width: 749px) {
.file-box .file-list li {
flex-wrap: wrap;
align-items: center;
}
}

.icon-pdf {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_pdf.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-pdf {
background-image: url("/kccip/static/osc/img/icon_pdf@2x.png");
}
}

.icon-word {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_word.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-word {
background-image: url("/kccip/static/osc/img/icon_word@2x.png");
}
}

.icon-plusfile {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_plusfile.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-plusfile {
background-image: url("/kccip/static/osc/img/icon_plusfile@2x.png");
}
}

.icon-img {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_img.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-img {
background-image: url("/kccip/static/osc/img/icon_img@2x.png");
}
}

.icon-linkto {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_linkto.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-linkto {
background-image: url("/kccip/static/osc/img/icon_linkto@2x.png");
}
}

.icon-excel {
display: inline-block;
background-image: url("/kccip/static/osc/img/ico-xls.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-excel {
background-image: url("/kccip/static/osc/img/ico-xls@2x.svg");
}
}

.icon-hwp {
display: inline-block;
background-image: url("/kccip/static/osc/img//ico-hwp.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-hwp {
background-image: url("/kccip/static/osc/img//ico-hwp@2x.svg");
}
}

.icon-zip {
display: inline-block;
background-image: url("/kccip/static/osc/img/ico-zip.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-zip {
background-image: url("/kccip/static/osc/img/ico-zip@2x.svg");
}
}

.icon-ppt {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_ppt.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-ppt {
background-image: url("/kccip/static/osc/img/icon_ppt@2x.png");
}
}

.icon-mov {
display: inline-block;
background-image: url("/kccip/static/osc/img/ico-mov.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-mov {
background-image: url("/kccip/static/osc/img/ico-mov@2x.svg");
}
}

.icon-etc {
display: inline-block;
background-image: url("/kccip/static/osc/img/ico-etc.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
padding: 0;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-etc {
background-image: url("/kccip/static/osc/img/ico-etc@2x.svg");
}
}

.icon-jpg {
display: inline-block;
background: url(/kccip/static/osc/img/icon_img.png) no-repeat;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
}

.icon-hwp {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_hwp.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-hwp {
background-image: url("/kccip/static/osc/img/icon_hwp@2x.png");
}
}

.icon-file {
display: inline-block;
background-image: url("/kccip/static/osc/img/icon_file.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.icon-file {
background-image: url("/kccip/static/osc/img/icon_file@2x.png");
}
}

.i-dw {
margin-left: 3px;
margin-top: -5px;
}

.list-viewer {
padding: 30px 0;
}
@media screen and (max-width: 749px) {
.list-viewer {
display: none;
}
}
.list-viewer .last-list {
border-top: 2px solid #DADADA;
border-bottom: 1px solid #DADADA;
display: flex;
}
.list-viewer .last-list .prev-text {
display: block;
width: 180px;
text-align: center;
padding: 10px;
justify-content: center;
align-items: center;
background: #f7f7f7;
}
.list-viewer .last-list .prev-text::after {
content: "";
display: inline-block;
background: url(/kccip/static/osc/img/ico_icon_up.png) no-repeat;
width: 10px;
height: 10px;
vertical-align: middle;
margin-left: 10px;
}
.list-viewer .last-list .prev-desc {
display: block;
flex: 1;
padding: 10px;
}
.list-viewer .next-list {
border-bottom: 2px solid #DADADA;
display: flex;
}
.list-viewer .next-list .next-text {
display: block;
width: 180px;
text-align: center;
padding: 10px;
justify-content: center;
align-items: center;
background: #f7f7f7;
}
.list-viewer .next-list .next-text::after {
content: "";
display: inline-block;
background: url(/kccip/static/osc/img/ico_icon_down.png) no-repeat;
width: 10px;
height: 10px;
vertical-align: middle;
margin-left: 10px;
}
.list-viewer .next-list .next-desc {
display: block;
flex: 1;
padding: 10px;
}

.btn-area {
text-align: right;
padding-top: 30px;
border-top: 1px solid #dadada;
}
.btn-area > button {
vertical-align: middle;
}

.list-form {
border-top: 2px solid #222;
}
.list-form ul {
padding-top: 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
@media screen and (max-width: 749px) {
.list-form ul {
grid-template-columns: repeat(1, 1fr);
}
}
.list-form ul li {
position: relative;
}
.list-form ul li .text-box > a {
display: block;
}
.list-form ul li .text-box > a::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 1px solid #DADADA;
}
.list-form ul li .text-box > a:focus, .list-form ul li .text-box > a:hover {
text-decoration: underline;
}
.list-form ul li .text-box > a:focus::before, .list-form ul li .text-box > a:hover::before {
border: 2px solid #F15B24;
}
.list-form ul li .text-box {
padding: 30px;
padding-bottom: 10px;
}
@media screen and (max-width: 1199px) {
.list-form ul li .text-box {
padding: 20px;
padding-bottom: 20px;
}
}
.list-form ul li .text-box__notice {
display: inline-block;
padding: 2px 10px 2px 6px;
border: 1px solid var(--point-01, #F15A21);
border-radius: 999px;
color: #F15A21;
font-size: 12px;
}
.list-form ul li .text-box__notice.off {
color: #767676;
border: 1px solid #DADADA;
background: #f7f7f7;
}
.list-form ul li .text-box__notice.off.of {
padding: 2px 10px 2px 10px;
}
.list-form ul li .text-box__notice.num {
padding: 2px 10px 2px 10px;
}
.list-form ul li .text-box__notice.run {
padding: 2px 10px 2px 10px;
}
.list-form ul li .text-box__notice--icon-notice {
display: inline-block;
background: url(/kccip/static/osc/img/icon_sound.png) no-repeat;
width: 18px;
height: 18px;
vertical-align: middle;
}
.list-form ul li .text-box__notice--icon-notice.off {
display: inline-block;
background: url(/kccip/static/osc/img/icon_sound_off.png) no-repeat;
width: 18px;
height: 18px;
vertical-align: middle;
}
.list-form ul li .text-box__title {
margin: 10px 0 0 0;
color: #222;
min-height: 50px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.list-form ul li .text-box__title.orng {
color: #F15A21;
font-size: 16px;
font-weight: 700;
}
.list-form ul li .text-box__dw-box {
position: relative;
padding-top: 20px;
z-index: 2;
text-align: center;
}
.list-form ul li .text-box__dw-box > a, .list-form ul li .text-box__dw-box button {
position: relative;
display: inline-block;
padding: 0;
border: none;
}
.list-form ul li .text-box__dw-box .pop-file {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 360px;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
z-index: 10;
}
@media screen and (max-width: 749px) {
.list-form ul li .text-box__dw-box .pop-file {
width: 320px;
left: -20px;
}
}
.list-form ul li .text-box__dw-box .pop-file .popheader {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
height: 40px;
padding: 12px 20px;
background: #F15A21;
box-sizing: border-box;
color: #fff;
}
.list-form ul li .text-box__dw-box .pop-file .popcontent {
padding: 16px 10px;
}
.list-form ul li .text-box__dw-box .pop-file .popcontent ul {
display: block;
padding: 0;
}
.list-form ul li .text-box__dw-box .pop-file .popcontent ul li {
min-height: auto;
max-height: initial;
font-size: 14px;
border: 0;
margin-bottom: 8px;
transform: translateY(0px);
}
.list-form ul li .text-box__dw-box .pop-file .popcontent ul li a {
display: inline;
}
.list-form ul li .text-box__dw-box .pop-file .popcontent ul li a:hover, .list-form ul li .text-box__dw-box .pop-file .popcontent ul li a:focus {
text-decoration: underline;
}
.list-form ul li .text-box__dw-box .pop-file .popcontent ul li button {
transform: translateY(0px);
}
.list-form ul li .text-box__dw-box .pop-file .popcontent .i-close {
position: absolute;
top: 3px;
right: 6px;
}
.list-form ul li .text-box--n-icon {
display: block;
width: 20px;
height: 20px;
margin: 13px 0;
}
.list-form ul li .text-box.icon-pdf {
display: inline-block;
background: url(/kccip/static/osc/img/icon_pdf.png) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-word {
display: inline-block;
background: url(/kccip/static/osc/img/icon_word.png) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-plusfile {
display: inline-block;
background: url(/kccip/static/osc/img/icon_plusfile.png) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-img {
display: inline-block;
background: url(/kccip/static/osc/img/icon_img.png) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-linkto {
display: inline-block;
background: url(/kccip/static/osc/img/icon_linkto.png) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-excel {
display: inline-block;
background: url(/kccip/static/osc/img/ico-xls.svg) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-hwp {
display: inline-block;
background: url(/kccip/static/osc/img/ico-hwp.svg) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-zip {
display: inline-block;
background: url(/kccip/static/osc/img/ico-zip.svg) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-ppt {
display: inline-block;
background: url(/kccip/static/osc/img/ico-ppt.svg) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-mov {
display: inline-block;
background: url(/kccip/static/osc/img/ico-mov.svg) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box.icon-etc {
display: inline-block;
background: url(/kccip/static/osc/img/ico-etc.svg) no-repeat;
width: 20px;
height: 20px;
margin: 5px 0;
padding: 0;
}
.list-form ul li .text-box__txt-new {
color: #F15A21;
font-size: 10px;
font-weight: 800;
font-style: normal;
}
.list-form ul li .text-box__desc {
display: block;
padding-top: 10px;
font-size: 14px;
font-weight: 400;
line-height: 125%;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.list-form ul li .image-box {
display: block;
padding: 20px 20px 0 20px;
}
@media screen and (max-width: 749px) {
.list-form ul li .image-box {
margin-bottom: 30px;
}
}
.list-form ul li .image-box > a {
display: block;
}
.list-form ul li .image-box > a::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid #dadada;
}
@media (min-width: 750px) {
.list-form ul li .image-box > a:hover::before, .list-form ul li .image-box > a:focus::before {
border: 2px solid #F15B24;
}
}
.list-form ul li .image-box > a + p {
display: none;
}
.list-form ul li .image-box img {
width: 100%;
}
.list-form ul li .image-box__title {
display: block;
margin: 10px 0 20px 0;
color: #222;
height: 44px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.list-form ul li .image-box__desc {
display: none;
}
.list-form ul li .thumb-box {
padding: 20px;
}
.list-form ul li .thumb-box img {
width: 100%;
}
.list-form ul li .nowdate {
display: flex;
align-items: center;
margin: 0 20px 0 20px;
padding: 16px 0;
color: #767676;
border-top: 1px solid #E0E0E0;
font-size: 14px;
color: #000;
}
.list-form ul li .nowdate--icon-clock {
display: inline-block;
background: url(/kccip/static/osc/img/icon_clock.png) no-repeat;
width: 18px;
height: 18px;
margin-right: 8px;
vertical-align: middle;
}
.list-form ul li .nowdate--icon-watch {
display: inline-block;
background: url(/kccip/static/osc/img/watching.png) no-repeat;
width: 18px;
height: 18px;
vertical-align: middle;
margin-left: 18px;
margin-right: 8px;
}
.list-form ul li .logo-box {
display: block;
text-align: right;
}
.list-form ul li .logo-box.two {
display: none;
}
.list-form ul li .logo-box--cclogo {
display: inline-block;
background: url(/kccip/static/osc/img/cclogo.png) no-repeat;
width: 46px;
height: 45px;
}

.text-box__dw-box {
position: relative;
padding-top: 20px;
}
.text-box__dw-box > a, .text-box__dw-box button {
position: relative;
display: inline-block;
padding: 0;
border: none;
}
.text-box__dw-box .pop-file {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 360px;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
z-index: 10;
}
@media screen and (max-width: 749px) {
.text-box__dw-box .pop-file {
width: 320px;
left: -20px;
}
}
.text-box__dw-box .pop-file .popheader {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
height: 40px;
padding: 12px 20px;
background: #F15A21;
box-sizing: border-box;
color: #fff;
}
.text-box__dw-box .pop-file .popcontent {
padding: 16px 10px;
}
.text-box__dw-box .pop-file .popcontent ul {
display: block;
padding: 0;
}
.text-box__dw-box .pop-file .popcontent ul li {
min-height: auto;
max-height: initial;
font-size: 14px;
border: 0;
margin-bottom: 8px;
transform: translateY(0px);
}
.text-box__dw-box .pop-file .popcontent ul li a {
display: inline-flex;
align-items: center;
margin-top: 3px;
}
.text-box__dw-box .pop-file .popcontent ul li a:hover, .text-box__dw-box .pop-file .popcontent ul li a:focus {
text-decoration: underline;
}
.text-box__dw-box .pop-file .popcontent ul li button {
transform: translateY(0px);
margin-top: 1px;
}
.text-box__dw-box .pop-file .popcontent .i-close {
position: absolute;
top: 3px;
right: 6px;
}

.bd-list .text-box__dw-box {
padding-top: 0;
text-align: center;
}

.nt-title {
padding: 10px 0;
color: #222;
text-align: center;
font-size: 20px;
font-weight: 700;
border-top: 2px solid #222;
}
@media screen and (max-width: 749px) {
.nt-title {
font-size: 16px;
}
}
.nt-title + dl:first-of-type {
border-top: 1px solid #dadada;
}
.nt-title + dl, .nt-title + dl + dl {
border-bottom: 0;
}

.file-box.detail {
margin: 30px 20px;
}
@media screen and (max-width: 749px) {
.file-box.detail {
flex-direction: column;
margin: 0 auto;
}
}
.file-box.detail .file-list li a {
display: inline;
}
.file-box.detail .file-list li .icon-img {
margin-top: -3px;
}

.line {
text-decoration: underline;
}

.bu-txt {
margin: 20px 0 12px 0;
font-size: 20px;
font-weight: 300;
color: #7e5140;
}
.bu-txt + .bu-arr {
margin-top: 0;
}

.bu-arr {
background-image: url("/kccip/static/osc/img/bu-2.png");
background-repeat: no-repeat;
background-size: auto auto;
background-position: 0 2px;
background-size: 14px 18px;
margin: 40px 0 15px 0;
padding-left: 20px;
font-weight: 500;
font-size: 18px;
font-weight: 600;
font-style: normal;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.bu-arr {
background-image: url("/kccip/static/osc/img/bu-2@2x.png");
}
}
.bu-arr + p {
margin-left: 13px;
font-size: 14px;
line-height: 30px;
letter-spacing: -0.7px;
}

.point {
display: inline;
line-height: 30px;
padding: 4px 4px;
background-color: #eeebe6;
}
.point strong {
color: #d35d2f;
font-weight: 600;
}
.list-bu .point {
margin-top: 0;
}

.c100002 h3 {
margin: 20px auto;
width: 200px;
padding: 7px 0;
border-radius: 15px;
background-color: #477dc6;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
line-height: 1;
}
.c100002 h3.type2 {
background-color: #589cb5;
}
.c100002 .item-set {
display: grid;
gap: 23px;
}
@media screen and (min-width: 750px) {
.c100002 .item-set {
grid-template-columns: repeat(3, 1fr);
}
}
.c100002 .item {
margin-top: 96px;
position: relative;
border: 10px solid #5e96d0;
border-top-color: #fff;
border-radius: 0 0 10px 10px;
background-color: #5e96d0;
}
.c100002 .item div {
flex-grow: 1;
margin-top: -96px;
padding: 20px 10px 20px;
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
border: solid 1px #dadada;
background-color: #fff;
}
@media screen and (min-width: 750px) {
.c100002 .item div {
min-height: 258px;
}
}
.c100002 .item i {
display: block;
height: 60px;
background-position: center center;
background-repeat: no-repeat;
}
.c100002 .item i.c100002-1 {
background-image: url("/kccip/static/osc/img/c100002-1.png");
background-repeat: no-repeat;
background-size: 60px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002 .item i.c100002-1 {
background-image: url("/kccip/static/osc/img/c100002-1@2x.png");
}
}
.c100002 .item i.c100002-2 {
background-image: url("/kccip/static/osc/img/c100002-2.png");
background-repeat: no-repeat;
background-size: 60px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002 .item i.c100002-2 {
background-image: url("/kccip/static/osc/img/c100002-2@2x.png");
}
}
.c100002 .item i.c100002-3 {
background-image: url("/kccip/static/osc/img/c100002-3.png");
background-repeat: no-repeat;
background-size: 60px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002 .item i.c100002-3 {
background-image: url("/kccip/static/osc/img/c100002-3@2x.png");
}
}
.c100002 .item i.c100002-4 {
background-image: url("/kccip/static/osc/img/c100002-4.png");
background-repeat: no-repeat;
background-size: 60px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002 .item i.c100002-4 {
background-image: url("/kccip/static/osc/img/c100002-4@2x.png");
}
}
.c100002 .item i.c100002-5 {
background-image: url("/kccip/static/osc/img/c100002-5.png");
background-repeat: no-repeat;
background-size: 60px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002 .item i.c100002-5 {
background-image: url("/kccip/static/osc/img/c100002-5@2x.png");
}
}
.c100002 .item i.c100002-6 {
background-image: url("/kccip/static/osc/img/c100002-6.png");
background-repeat: no-repeat;
background-size: 60px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002 .item i.c100002-6 {
background-image: url("/kccip/static/osc/img/c100002-6@2x.png");
}
}
.c100002 .item h4 {
margin-top: 15px;
font-size: 16px;
font-stretch: normal;
font-style: normal;
line-height: 1.6;
letter-spacing: normal;
text-align: center;
color: #477dc7;
font-weight: 600;
}
@media screen and (min-width: 750px) {
.c100002 .item h4 {
min-height: 50px;
}
}
.c100002 .item h4 span {
display: block;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.34px;
text-align: center;
}
.c100002--type2 h3 {
background-color: #589cb5;
}
.c100002--type2 .item {
border-color: #fff #589cb5 #589cb5 #589cb5;
background-color: #589cb5;
}
@media screen and (min-width: 750px) {
.c100002--type2 .item div {
min-height: 335px;
}
}
.c100002--type2 .item h4 {
color: #589cb5;
}
.c100002--type2 .item h4 span {
color: #38809b;
}

.list, .bu-dot, h3.list-bu, ul.list-bu2 li, ul.list-bu li {
margin-top: 4px;
margin-bottom: 1px;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: -0.34px;
text-align: left;
color: #272727;
}
.list li, .bu-dot li, h3.list-bu li, ul.list-bu2 li li, ul.list-bu li li {
position: relative;
padding-left: 11px;
}
.list li:before, .bu-dot li:before, h3.list-bu li:before, ul.list-bu2 li li:before, ul.list-bu li li:before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 3px;
height: 3px;
background-color: #000;
border-radius: 3px;
}

ul.list-bu {
margin-top: 0;
}
ul.list-bu li {
position: relative;
margin-top: 0;
margin-bottom: 0;
padding-left: 11px;
}
ul.list-bu li::before {
content: "";
position: absolute;
left: 0;
top: 12px;
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background: #000;
}

ul.list-bu2 {
margin-top: 0;
}
ul.list-bu2.point-color {
padding-left: 24px;
}
ul.list-bu2.point-color li {
font-size: 16px;
color: #f15b21;
margin-bottom: 22px;
}
ul.list-bu2.point-color li::before {
top: 12px;
}
ul.list-bu2.point-color li p {
margin-top: 10px;
}
ul.list-bu2.point-color p {
font-size: 14px;
color: #000;
}
ul.list-bu2.point-color.type2 {
padding-left: 0;
}
ul.list-bu2.point-color.type2 li {
margin-bottom: 6px;
}
ul.list-bu2.point-color.type2 li span {
color: #000;
font-size: 14px;
}
ul.list-bu2 li {
position: relative;
margin-top: 0;
margin-bottom: 0;
padding-left: 11px;
font-size: 14px;
}
ul.list-bu2 li::before {
content: "";
position: absolute;
left: 0;
top: 13px;
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background: #f15b21;
}
ul.list-bu2 li .point {
font-size: 14px;
}

p.list, p.bu-dot {
position: relative;
padding-left: 8px;
margin-bottom: 20px;
}
p.list::before, p.bu-dot::before {
content: "";
position: absolute;
left: 0;
top: 12px;
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background: #000;
}

h3.list-bu {
margin-left: 14px;
}

.c100002-2 {
font-size: 14px;
}
.c100002-2 h2 {
margin: 60px 0 20px;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000;
position: relative;
}
.c100002-2 h2 span {
position: relative;
background-color: #fff;
display: inline-block;
padding-right: 9px;
}
.c100002-2 h2::before {
content: "";
position: absolute;
top: 50%;
left: 0;
border-top: 1px solid #dadada;
width: 100%;
}
@media screen and (min-width: 750px) {
.c100002-2__set {
display: grid;
grid-template-columns: 150px auto;
gap: 0;
}
}
.c100002-2__set .flag img {
border-radius: 50%;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.c100002-2__set .txt p {
margin-top: 14px;
}
.c100002-2__set .txt h3 {
margin-top: 20px;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: -0.8px;
text-align: left;
color: #272727;
}
.c100002-2__set .dl-set dl {
margin: 4px 0;
display: grid;
grid-template-columns: 140px auto;
align-items: start;
gap: 20px;
}
.c100002-2__set .dl-set dt {
padding: 3px 0;
border-radius: 13px;
background-color: #589cb5;
color: #fff;
font-size: 14px;
text-align: center;
}
.c100002-2__set .dl-set dd {
padding-top: 4px;
display: flex;
flex-direction: row;
align-items: center;
}

.table.wb\:a td {
word-break: keep-all;
}

.table tfoot.bgGray td {
background: #f7f7f7;
color: #c13f52;
}

.con-box,
.c100002-3 {
font-size: 14px;
}
.con-box .b\:a td,
.con-box .table td,
.c100002-3 .b\:a td,
.c100002-3 .table td {
word-break: keep-all;
}
@media screen and (min-width: 1200px) {
.con-box,
.c100002-3 {
margin-left: 13px;
}
}
.con-box--cont,
.c100002-3--cont {
margin-top: 60px;
margin-left: 20px;
}
@media screen and (max-width: 749px) {
.con-box--cont,
.c100002-3--cont {
margin-left: 0;
}
}
.con-box--cont .link-box,
.c100002-3--cont .link-box {
margin-top: 40px;
}
.con-box--cont .link-box--txt,
.c100002-3--cont .link-box--txt {
display: block;
font-size: 12px;
color: #272727;
}
@media screen and (max-width: 749px) {
.con-box__item,
.c100002-3__item {
margin: 55px 0;
}
}
@media screen and (min-width: 750px) {
.con-box__item,
.c100002-3__item {
margin: 60px 0 30px;
display: grid;
grid-template-columns: 155px auto;
align-items: flex-start;
gap: 10px;
}
.con-box__item:first-child,
.c100002-3__item:first-child {
margin-top: 0;
}
}
.con-box__item h3,
.c100002-3__item h3 {
padding: 7px 0;
border-radius: 15px;
background-color: #f15a21;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
line-height: 1;
}
@media screen and (max-width: 749px) {
.con-box__item h3,
.c100002-3__item h3 {
width: 140px;
margin: 16px 0;
padding: 6px 0;
font-size: 14px;
}
}
.con-box__item h4,
.c100002-3__item h4 {
margin: 30px 0 20px;
letter-spacing: -0.7px;
color: #f15a21;
}
@media screen and (max-width: 749px) {
.con-box__item > div,
.c100002-3__item > div {
margin-left: 0;
}
}
.con-box__item > div > p,
.c100002-3__item > div > p {
letter-spacing: -0.7px;
}
.con-box__item > div > p:first-child,
.c100002-3__item > div > p:first-child {
margin-top: 5px;
}
@media screen and (max-width: 749px) {
.con-box__item.protect h3,
.c100002-3__item.protect h3 {
width: 200px;
}
}
@media screen and (min-width: 750px) {
.con-box__item.protect,
.c100002-3__item.protect {
margin: 60px 0 30px;
display: grid;
grid-template-columns: 200px auto;
align-items: flex-start;
gap: 10px;
}
.con-box__item.protect:first-child,
.c100002-3__item.protect:first-child {
margin-top: 0;
}
}
.c100002-3-step {
margin-top: 15px;
}
@media screen and (min-width: 750px) {
.c100002-3-step {
display: flex;
flex-direction: row;
align-items: center;
}
}
.c100002-3-step li .arr {
width: 38px;
height: 38px;
}
@media screen and (max-width: 749px) {
.c100002-3-step li .arr {
display: block;
margin: 6px 32px;
}
}
@media screen and (min-width: 750px) {
.c100002-3-step li .arr {
margin: 0 6px 16px 10px;
vertical-align: bottom;
display: inline-block;
}
}
.c100002-3-step li .arr.arr1 {
background-image: url("/kccip/static/osc/img/c100002-3-step-arr1.png");
background-repeat: no-repeat;
background-size: 38px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002-3-step li .arr.arr1 {
background-image: url("/kccip/static/osc/img/c100002-3-step-arr1@2x.png");
}
}
@media screen and (max-width: 749px) {
.c100002-3-step li .arr.arr1 {
transform: rotate(90deg);
}
}
.c100002-3-step li .arr.arr2 {
background-image: url("/kccip/static/osc/img/c100002-3-step-arr2.png");
background-repeat: no-repeat;
background-size: 38px auto;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.c100002-3-step li .arr.arr2 {
background-image: url("/kccip/static/osc/img/c100002-3-step-arr2@2x.png");
}
}
.c100002-3-step li .s {
color: #d28119;
margin-top: 29px;
margin-left: 22px;
padding-left: 88px;
padding-right: 18px;
font-weight: 600;
display: inline-block;
position: relative;
height: 70px;
line-height: 68px;
border-radius: 35px;
border: solid 1px #e3a025;
background-color: #fff;
}
.c100002-3-step li .s i {
position: absolute;
top: -29px;
left: -22px;
width: 100px;
height: 100px;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
border-radius: 50%;
background-size: 130px;
}
.c100002-3-step li .s i.i1 {
background-image: url(/kccip/static/osc/img/c100002-3-step1@2x.png);
}
.c100002-3-step li .s i.i2 {
background-image: url(/kccip/static/osc/img/c100002-3-step2@2x.png);
}
.c100002-3-step li .s i.i3 {
background-image: url(/kccip/static/osc/img/c100002-3-step3@2x.png);
}
.c100002-3-step li .s.s2 {
border-color: #c13f52;
color: #c13f52;
}
.c100002-3-step li .s.s3 {
border-color: #6e70b0;
color: #6e70b0;
}

@media screen and (max-width: 749px) {
.ovx {
overflow-x: scroll;
position: relative;
margin-bottom: 40px;
}
.ovx .table {
width: 1200px;
}
.ovx .table table {
width: auto;
}
.ovx .table thead th {
width: auto;
}
}
.ovx .ade-txt {
color: #f15a21;
margin-bottom: 30px;
}

.table--type2 table {
width: 100%;
}
.table--type2 thead th {
color: #000;
}
.table--type2 tbody td {
font-size: inherit;
}
@media screen and (min-width: 1200px) {
.table--type2 tbody td {
padding-left: 18px;
padding-right: 18px;
}
}
.table--type2 tfoot {
background-color: #f7f7f7;
}
.table--type2 tfoot td {
color: #c13f52;
text-align: center;
padding: 12px 10px;
font-size: 14px;
font-weight: bold;
}

.table--type-center {
max-width: 390px;
margin: 0 auto;
}
.table--type-center table {
width: 100%;
}

.color-red {
color: #c13f52;
}

.color-blue {
color: #477dc6;
}

.cont-row {
display: flex;
gap: 40px 20px;
}
@media screen and (max-width: 749px) {
.cont-row {
flex-direction: column;
}
}
.cont-row .ori-img {
flex: 1;
margin: 0;
}
.cont-row .ori-img + .ml1 {
margin-top: 0;
}

.ori-img {
text-align: center;
}
.bu-dot + .ori-img {
margin-top: 33px;
}
.list-bu + .ori-img {
margin-top: 15px;
}
@media screen and (max-width: 749px) {
.ori-img {
position: relative;
}
.ori-img::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #000 url(/kccip/static/osc/img/expand-arrows-alt-solid.svg) center center no-repeat;
background-size: 22px;
border-radius: 50px;
}
}
.ori-img img {
width: 100%;
}
.ori-img + .ml1 {
margin-top: 40px;
}

.list-arrow {
text-align: center;
}
.list-arrow li + li::before {
content: "";
background-image: url("/kccip/static/osc/img/list-ico-arrow.png");
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
margin: 16px auto;
width: 18px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.list-arrow li + li::before {
background-image: url("/kccip/static/osc/img/list-ico-arrow@2x.png");
}
}

.bu-h4 {
margin: 40px 0 20px;
color: #f15a21;
font-size: 16px;
font-weight: 500;
padding-left: 12px;
position: relative;
}
.bu-h4::before {
content: "";
display: inline-block;
background-color: #f15a21;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 10px;
left: 0;
}

img {
max-width: 100%;
}

.img-dual {
display: flex;
justify-content: space-between;
text-align: center;
}
@media screen and (min-width: 1200px) {
.img-dual .mobile {
display: none;
}
}
@media screen and (max-width: 749px) {
.img-dual {
display: block;
}
}
@media screen and (max-width: 749px) {
.img-dual .pc {
display: none;
}
.img-dual .mobile {
display: block;
}
}
@media screen and (max-width: 1199px) {
.img-dual .pc {
display: block;
}
.img-dual .mobile {
display: none;
}
.img-dual > div {
padding: 0 10px;
}
}
@media screen and (max-width: 749px) {
.img-dual > div + div {
margin-top: 50px;
}
.img-dual img {
margin: 0 auto;
}
.img-dual .pc {
display: none;
}
.img-dual .mobile {
display: block;
}
}

.bu-round span {
display: inline-block;
padding: 2px 17px;
border-radius: 15px;
background-color: #f15a21;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
}
.bu-dot + .bu-round {
margin-top: 35px;
}
.ori-img + .bu-round {
margin-top: 60px;
}
.bu-round + .ori-img, .bu-round + .ovx {
margin-top: 20px;
}
.list-bu + .bu-round {
margin-top: 35px;
}

.bu-round-blue span {
display: inline-block;
padding: 2px 17px;
border-radius: 15px;
background-color: #069db9;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
}
.bu-dot + .bu-round-blue {
margin-top: 35px;
}

.fb + .list, .fb + .bu-dot, ul.list-bu .fb + li, ul.list-bu2 .fb + li, .fb + h3.list-bu {
margin-top: 3px;
}

.point2 {
background-color: #ffb3bc;
text-decoration: underline;
}

.point3 {
background-color: #c5c8e3;
text-decoration: underline;
}

@media screen and (max-width: 749px) {
.bu-h4 + .con-box > .con-box__item {
margin: 20px 0 0;
}
}
.ml1 {
margin-left: 14px;
}
@media screen and (max-width: 749px) {
.ml1 {
margin-left: 0;
}
}
.ml1.fz14 {
font-size: 14px;
letter-spacing: -0.7px;
line-height: 30px;
}
@media screen and (max-width: 749px) {
.ml1.fz14 {
margin-left: 14px;
}
}
.ml1.fz14 .point {
font-size: 14px;
margin-top: 4px;
}

.ovx + .list-bu, .table + .list-bu, .ori-img + .list-bu {
margin-top: 40px;
}
.list-bu + .con-box {
margin-top: 15px;
}
.list-bu + .ori-img {
margin-top: 60px;
}
.list-bu + .bu-r {
margin-top: 40px;
}

.ml1 + .con-box {
margin-top: 15px;
}

.bu-r {
margin-top: 15px;
margin-bottom: 20px;
margin-left: 20px;
width: 155px;
padding: 7px 0;
border-radius: 100px;
background-color: #f15a21;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
line-height: 1;
}
@media screen and (max-width: 749px) {
.bu-r {
width: 140px;
margin: 16px 0;
padding: 6px 0;
font-size: 14px;
}
}

h4.bu-r {
display: inline-block;
width: auto;
padding-left: 16px;
padding-right: 16px;
}
.bu-arr + h4.bu-r {
margin-top: 0;
}

.bu-orange {
margin: 50px 0 15px;
position: relative;
padding-left: 14px;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #f15a21;
}
.bu-orange::before {
position: absolute;
left: 0;
top: calc(0.5em + 2px);
width: 5px;
height: 5px;
border-radius: 5px;
background-color: #f15a21;
content: "";
}
.bu-arr + .bu-orange {
margin-top: 0;
}

.box-nums {
margin: 40px 0;
padding: 27px;
background-color: #f9f9f9;
border-radius: 30px;
font-size: 14px;
}
.box-nums dt {
font-weight: 600;
}
.box-nums dt span {
padding-top: 1px;
margin-right: 3px;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 20px;
border: 2px solid #d53653;
color: #d53653;
font-size: 12px;
vertical-align: middle;
}
.box-nums dd {
margin-left: 23px;
padding: 6px 0;
font-weight: 300;
text-indent: -10px;
padding-left: 10px;
}

.box-blue {
display: inline-block;
padding: 27px;
background-color: #f3f9fc;
border-radius: 30px;
font-size: 14px;
box-sizing: border-box;
}

.ex {
font-size: 13px;
font-weight: 300;
}

.ori-img + .ovx {
margin-top: 18px;
}

.ovx + p.list, .ovx + p.bu-dot {
margin-top: 30px;
}

.po-100017-txtColor-1 {
color: #3fafb5;
}

.po-100017-txtColor-2 {
color: #7289b5;
}

.po-100017-txtColor-3 {
color: #325369;
}

.po-100017-txtColor-4 {
color: #3987a1;
}

.po-100017-txtColor-5 {
color: #4e5973;
}

.po-100017-txtColor-6 {
color: #313841;
}

.po-100017-txtColor-7 {
color: #d53653;
}

@media screen and (min-width: 1200px) {
.pc-ml-20 {
margin-left: 16px;
}
}

.bu-star {
margin-top: 10px;
text-indent: -18px;
padding-left: 18px;
}

.point-box {
padding: 30px;
border-radius: 30px;
background: #fff5f1;
}
.point-box ul > li:last-of-type {
max-width: 410px;
}

.list-bu3:not(:last-of-type) {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #f5e2db;
}
.list-bu3 > h4 {
position: relative;
font-size: 18px;
color: #535896;
padding-left: 14px;
}
.list-bu3 > h4::before {
content: "";
position: absolute;
left: 0;
top: 10px;
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #535896;
}
.list-bu3 > ul {
display: flex;
margin-top: 16px;
gap: 0 50px;
}
@media screen and (max-width: 749px) {
.list-bu3 > ul {
flex-direction: column;
gap: 22px 0;
}
}
.list-bu3 > ul li {
text-align: center;
}
.list-bu3 > ul p {
letter-spacing: -0.4px;
}
.list-bu3 > ul img {
margin: 10px 0 0;
}
.list-bu3 > ul span {
display: block;
font-size: 14px;
letter-spacing: -0.35px;
}
.list-bu3 > ul .list-bu2 {
display: block;
border-top: 1px solid #e6c6bb;
margin-top: 16px;
padding-top: 14px;
}
.list-bu3 > ul .list-bu2 li {
text-align: left;
padding-bottom: 8px;
font-size: 14px;
letter-spacing: -0.35px;
}
.list-bu3 > ul .list-bu2 li::before {
top: 10px;
}

.point-box2 {
font-family: "NanumSquareNeo-cBd";
font-size: 14px;
color: #f15b21;
font-weight: 500;
text-align: center;
background-color: #f7f7f7;
margin: 30px auto 0;
padding: 20px 45px;
}
@media screen and (min-width: 1200px) {
.point-box2 {
width: 770px;
}
}
@media screen and (max-width: 749px) {
.point-box2 {
padding: 20px 30px;
}
}
.point-box2 .list-bu2 li {
color: #f15b21;
}
.point-box2 .list-bu2 li::before {
top: 11px;
}
.color-round .point-box2 {
background-color: #fff;
}

.color-round {
text-align: center;
border-radius: 10px;
background-color: #fff5f1;
padding: 20px 30px;
margin-top: 20px;
margin-bottom: 20px;
}
.color-round h3 {
display: inline-block;
border-radius: 30px;
color: #fff;
font-size: 18px;
font-weight: 600;
padding: 7px 30px;
background-color: #f15b21;
}
@media screen and (min-width: 1200px) {
.color-round h3 {
min-width: 324px;
}
}
@media screen and (max-width: 749px) {
.color-round h3 {
padding: 7px 20px;
}
}
.color-round h3 + * {
margin-top: 20px;
}
.color-round-con {
text-align: center;
margin-bottom: 60px;
}
.color-round-con p {
margin: 10px 0;
}
.color-round-con p.img {
margin-top: 40px;
}
.color-round-con .fb {
font-weight: 500 !important;
}
.color-round + .color-round {
margin-top: 60px;
}
@media screen and (max-width: 749px) {
.color-round + .color-round {
margin-top: 30px;
}
}
.color-round .con-list > li {
display: flex;
gap: 25px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f5e2db;
padding: 30px 63px;
}
@media screen and (max-width: 749px) {
.color-round .con-list > li {
display: block;
padding: 20px 30px;
}
}
.color-round .con-list > li > * {
flex: 1;
}
.color-round .con-list > li .con {
text-align: center;
}
.color-round .con-list > li .con span {
display: block;
margin-bottom: 15px;
font-family: "NanumSquareNeo-cBd";
}
.color-round .con-list > li .con em {
font-weight: 500;
}
@media screen and (max-width: 749px) {
.color-round .con-list > li .img {
margin-top: 20px;
display: block;
}
}

.con-ul {
display: flex;
justify-content: center;
text-align: center;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
}
@media screen and (max-width: 749px) {
.con-ul {
display: block;
}
}
.con-ul li {
padding: 0 30px;
}
@media screen and (max-width: 749px) {
.con-ul li {
padding: 0;
}
}
.con-ul em {
display: block;
margin: 15px 0 20px;
}
.con-ul em + span {
display: block;
}
.con-ul .fb {
font-weight: 500 !important;
}

.check-ist {
padding: 20px;
background-color: #fff5f1;
line-height: 2;
}
.check-ist.type2 em {
font-weight: 500;
}
.check-ist li {
display: flex;
position: relative;
padding-left: 25px;
}
.check-ist li::before {
content: "";
display: inline-block;
width: 17px;
height: 17px;
background: url(/kccip/static/osc/img/bu-check.png);
position: absolute;
top: 8px;
left: 0;
}
.check-ist li em {
font-weight: 600;
position: relative;
display: inline-block;
padding-right: 12px;
white-space: nowrap;
}
.check-ist li em::after {
content: ":";
display: inline-block;
margin: 0 3px;
position: absolute;
top: 0;
right: 0;
}
.check-ist li em + span span {
position: relative;
display: block;
padding-left: 17px;
}
.check-ist li em + span span::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 15px;
height: 17px;
background: url(/kccip/static/osc/img/bu-ck2.png) 0 2px no-repeat;
position: absolute;
top: 6px;
left: 0;
}

.popcontainer .bd-view > dl > dd .right {
position: relative;
}
.popcontainer [id^=moreList] > .row {
float: right;
margin-top: -41px !important;
}

.highcharts-figure,
.highcharts-data-table table {
min-width: 320px;
max-width: 800px;
margin: 1em auto;
}

.highcharts-data-table table {
font-family: "NanumSquareNeoTTF-bRg", sans-serif;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}

.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}

.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}

.highcharts-data-table tr:hover {
background: #f1f7ff;
}

input[type=number] {
min-width: 50px;
}

.highcharts-description {
margin: 0.3rem 10px;
}

.highcharts-exporting-group,
.highcharts-axis.highcharts-yaxis,
.highcharts-credits {
display: none;
}

.highcharts-label *,
.highcharts-title,
.highcharts-pie-series {
font-family: "NanumSquareNeoTTF-bRg" !important;
}

@media screen and (max-width: 749px) {
.highcharts-label * {
font-size: 14px;
}
}

@media screen and (max-width: 749px) {
.highcharts-title {
font-size: 16px !important;
}
}

body {
font-family: "NanumSquareNeoTTF-bRg";
}
/*# sourceMappingURL=default.css.map */