@charset "UTF-8";

@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2Ssbagf.pff'); /* fonts */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2Surnqre.pff');/* header */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2Sznva.pff');/* main */

@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2Serfreir.pff');/* 배출예약 */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2Sfrnepu_erfreir.pff');/* 배출예약 예약조회 */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2Ssbbgre.pff');/* footer */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2Svasbezngvba.pff'); /* 사업소개 */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2ShfreThvqr.pff'); /* 이용안내 */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2SfryrpgCntrYvfgSnd.pff'); /* FAQ */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2SvagebIbvprPfgze.pff'); /* 고객의 소리 */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2Sc5pff%2SfryrpgCntrYvfgAbgvpr.pff'); /* 공지사항 */

/********* reset.css **********/
html,
body {
    height: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ul,
ol,
li,
form,
fieldset,
legend,
label,
input,
button,
select,
textarea,
header,
main,
footer,
section,
article,
aside,
menu,
nav,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
summary,
figure,
figcaption,
hgroup,
address {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:root {
	--main-button-color: #0080c8;
	--base-screen-width: 19.2;
	--font-color: #000000;
}

body {
    font-size: 16px;
    line-height: 1.4;
    color: var(--font-color);
    font-family: 'Cafe24SsurroundAir',arial, 'GmarketSans', 'Noto Sans', 'sans-serif';
    overflow: auto;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
address {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1rem;
    font-weight: normal;
}

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

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

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

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
}

form {
    display: block;
    width: 100%;
}

caption,
legend {
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    margin: -1px;
}

select::-ms-expand,
input::-ms-check {
    display: none;
}

input,
select,
textarea {
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border: 0;
    font-family: inherit;
    -webkit-user-select: auto;
    -webkit-touch-callout: auto;
}

button {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

table {
    width: 100%;
    text-align: center;
/*     border-top: 3px solid #222; */
    table-layout: fixed;
    border-collapse: collapse;
}

/* table tr th,
table tr td {
    border-bottom: 1px solid #ddd;
} */

#contents .custom_lookup_form {

}

.left_form {
	width:calc(100% - 190px);
	margin-right:calc(50vw/var(--base-screen-width));
}

.right_form {
	width:calc(140vw/var(--base-screen-width));
	position:absolute;
	top:6%;
	transform:translateY(-43%);
	right:calc(35vw/var(--base-screen-width));
}

.lookup .right_form button{
	width: 100%;
	height: auto;
	line-height: 1.2em;
	border-radius:calc(10vw/var(--base-screen-width));
	background:#3060b7;
	text-align:center;
	color:#fff;
	font-size:calc(20vw/var(--base-screen-width));
	word-break:keep-all;
	padding:calc(31vw/var(--base-screen-width)) calc(20vw/var(--base-screen-width));
}

#contents .custom-voice-table {
	margin-top:calc(50vw/var(--base-screen-width));
}

#contents .custom-voice-table tr{
	border-bottom:2px solid #e4e4e4;
}

#contents .custom-voice-table th{
	font-size:calc(18vw/var(--base-screen-width));
}

table tr th {
    background-color: #fff;
    font-weight: 400;
    padding: 15px;
}

table tr td {
    padding: 10px;
}

@media all and (max-width: 720px) {
    table {
        border-top: 2px solid #222;
    }
}
.agree_underline{
	font-weight: bold;
	text-decoration: underline;
}
.agree_link{
	font-weight: bold;
	text-decoration: underline;
}
.process_tab{
	width: 315px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}
.select {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    border: 1px solid #ddd;
}
.strong{
	font-weight: 600;
}

.hide{
	display:none;
}
.inp.w100 {
    width: 100%;
}

/* select {
    background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfeu_vpba.cat) no-repeat right 15px center;
} */

button {
    vertical-align: middle;
    padding: 0 calc(20vw/var(--base-screen-width));
    font-size: calc(16vw/var(--base-screen-width));
}

textarea {
    font-family: 'Noto Sans';
    font-size: max(calc(24vw/var(--base-screen-width)), 13px);
    height: 80px;
    border: 1px solid #ddd;
    padding: 5px;
}

.hide {
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    margin: -1px;
    position: absolute;
    left: 0;
    right: 0;
}

.clear {
    clear: both;
}

.br {
    display: block;
}

html {
    overflow: hidden;
}

#wrapper {
    position: relative;
}

/*clear*/
/*요소중앙정렬*/
/*아이템 정렬*/
input::-webkit-input-placeholder {
    color: #888;
    font-weight: 400;
}
input:-ms-input-placeholder {
    color: #888;
    font-weight: 400;
}
input::-ms-input-placeholder {
    color: #888;
    font-weight: 400;
}
input::placeholder {
    color: #888;
    font-weight: 400;
}

.skip_navi {
    position: absolute;
    z-index: 9999;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
}

.skip_navi a {
    display: block;
    position: absolute;
    left: 0;
    top: -9999px;
    z-index: 1;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #333;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.skip_navi a:hover,
.skip_navi a:focus {
    top: 0;
}

.container {
/*     max-width: 1280px; */
   /*  max-width: 1400px; */
	max-width: calc(1400vw/var(--base-screen-width));
    margin: auto;
/*     padding: 0 40px; */
    position: relative;
}

/* @media all and (max-width: 1000px) {
    .container {
        padding: 0 30px;
    }
}

@media all and (max-width: 720px) {
    .container {
        padding: 0 15px;
    }
}
 */
a {
    display: block;
}

.right {
    float: right;
}




/*********** main ***********/
#contents {
 /*    padding: 80px 0 70px; */
    padding: calc(100vw/var(--base-screen-width)) 0 calc(70vw/var(--base-screen-width));
}

/* #contents > div {
    margin-top: 55px;
}
 */
#contents > div > div > h2 {
    font-size: 36px;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 25px;
}

#contents > div:first-child {
    margin-top: 0;
}

/* @media all and (max-width: 720px) {
    #contents {
        padding: 60px 0;
    }
    #contents > div {
        margin-top: 25px;
    }
    #contents > div > div > h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
 */


/* #contents .link ul li {
    float: left;
    width: 33%;
} */

/* #contents .link ul li a {
    padding: 20px 90px 20px 40px;
    color: #fff;
    background: #146fcc url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sneebj.cat) no-repeat right 40px top 35px;
    margin-right: 10px;
    font-size: 25px;
    border-radius: 0 0 30px 0;
}
 */
/* #contents .link ul li a img {
    height: 50px;
    vertical-align: middle;
    margin-right: 20px;
} */

/* #contents .link ul li:first-child a {
    background-color: #3197de;
    border-radius: 30px 0 0 0;
} */

/* #contents .link ul li:last-child {
    width: 34%;
} */

/* #contents .link ul li:last-child a {
    background-color: #003c7d;
    background-image: none;
    padding: 0 0 0 50px;
    font-size: 26px;
    line-height: 35px;
} */

/* #contents .link ul li:last-child a img {
    height: 90px;
    vertical-align: top;
}
 */
/* #contents .link ul li:last-child a span {
    display: inline-block;
    padding-top: 13px;
}
 */
#contents .link ul li:last-child a span b {
    display: block;
}


/* #contents .process ul li {
    float: left;
    width: 20%;
    text-align: center;
    padding: 0 22px;
}
 */
/* #contents .process ul li div {
    border-radius: 25px;
    border: 2px solid #e9e9e9;
    padding: 25px 0;
    font-size: 16px;
    color: #bdc2c7;
}
 */
#contents .process ul li div strong {
    display: block;
    background: #9ed443;
    height: 60px;
    font-size: 22px;
    line-height: 60px;
    color: #fff;
    position: relative;
}

#contents .process ul li div strong::before {
    display: block;
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 30px solid #9ed443;
    border-left: 30px solid transparent;
}
#contents .process ul li div strong::after {
    display: block;
    content: '';
    position: absolute;
    left: -30px;
    top: 30px;
    width: 0;
    height: 0;
    border-bottom: 30px solid #9ed443;
    border-left: 30px solid transparent;
}

#contents .process ul li div b {
    display: block;
    height: 85px;
    padding-top: 12px;
    vertical-align: middle;
}

#contents .process ul li div b img {
    height: 50px;
}

#contents .process ul li div > span {
    display: block;
    padding-top: 20px;
    font-size: 18px;
    color: #000;
    position: relative;
}

#contents .process ul li div > span::before {
    display: block;
    content: '';
    position: absolute;
    right: -30px;
    top: -60px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 30px solid #9ed443;
    border-bottom: 30px solid transparent;
}

#contents .process ul li:nth-child(2) strong {
    background-color: #43d1a1;
}

#contents .process ul li:nth-child(2) strong::before,
#contents .process ul li:nth-child(2) strong::after {
    border-top-color: #43d1a1;
    border-bottom-color: #43d1a1;
}

#contents .process ul li:nth-child(2) span::before {
    border-left: 30px solid #43d1a1;
}

#contents .process ul li:nth-child(3) strong {
    background-color: #40d4e2;
}

#contents .process ul li:nth-child(3) strong::before,
#contents .process ul li:nth-child(3) strong::after {
    border-top-color: #40d4e2;
    border-bottom-color: #40d4e2;
}

#contents .process ul li:nth-child(3) span::before {
    border-left: 30px solid #40d4e2;
}

#contents .process ul li:nth-child(4) strong {
    background-color: #41a7e1;
}

#contents .process ul li:nth-child(4) strong::before,
#contents .process ul li:nth-child(4) strong::after {
    border-top-color: #41a7e1;
    border-bottom-color: #41a7e1;
}

#contents .process ul li:nth-child(4) span::before {
    border-left: 30px solid #41a7e1;
}

#contents .process ul li:nth-child(5) strong {
    background-color: #4383dd;
}

#contents .process ul li:nth-child(5) strong::before,
#contents .process ul li:nth-child(5) strong::after {
    border-top-color: #4383dd;
    border-bottom-color: #4383dd;
}

#contents .process ul li:nth-child(5) span::before {
    border-left: 30px solid #4383dd;
}

@media all and (max-width: 1200px) {
 /*    #contents .process ul {
        margin-top: -10px;
    } */
  /*   #contents .process ul li {
        width: 33.3333%;
        padding: 0 10px;
        margin: 10px 0;
    } */
 /*    #contents .process ul li div {
        padding: 0;
        border-radius: 10px;
        display: table;
        height: 60px;
    } */
    #contents .process ul li div:after {
        content: '';
        display: block;
        clear: both;
    }
    #contents .process ul li div em {
        display: table-cell;
        width: 33%;
        vertical-align: middle;
    }
    #contents .process ul li div b {
        display: table-cell;
        height: auto;
        padding-top: 0;
        vertical-align: middle;
        padding-right: 10px;
    }
    #contents .process ul li div b img {
        height: 35px;
    }
    #contents .process ul li div strong {
        display: table-cell;
        width: 26.7%;
        height: auto;
        line-height: 1.2em;
        vertical-align: middle;
        position: relative;
    }
    #contents .process ul li div strong:before {
        display: block;
        width: 100%;
        height: 1px;
        background: #9ed443;
        position: absolute;
        top: -1px;
        left: 0;
        border-top: 0;
        border-left: 0;
    }
    #contents .process ul li div strong:after {
        display: block;
        width: 100%;
        height: 1px;
        background: #9ed443;
        position: absolute;
        top: auto;
        bottom: -1px;
        left: 0;
        border-bottom: 0;
        border-left: 0;
    }
    #contents .process ul li div > span {
        display: table-cell;
        width: 36.5%;
        vertical-align: middle;
        word-break: keep-all;
        padding: 0 5px;
    }
    #contents .process ul li div > span:before {
        display: none;
    }
    #contents .process ul li:nth-child(2) div strong:before {
        background: #43d1a1;
    }
    #contents .process ul li:nth-child(2) div strong:after {
        background: #43d1a1;
    }
    #contents .process ul li:nth-child(3) div strong:before {
        background: #40d4e2;
    }
    #contents .process ul li:nth-child(3) div strong:after {
        background: #40d4e2;
    }
    #contents .process ul li:nth-child(4) div strong:before {
        background: #41a7e1;
    }
    #contents .process ul li:nth-child(4) div strong:after {
        background: #41a7e1;
    }
    #contents .process ul li:nth-child(5) div strong:before {
        background: #4383dd;
    }
    #contents .process ul li:nth-child(5) div strong:after {
        background: #4383dd;
    }
}

/* @media all and (max-width: 1000px) {
    #contents .process ul li {
        width: 100%;
        padding: 0;
    }
    #contents .process ul li div {
        width: 100%;
    }
    #contents .process ul li div em {
        width: 29%;
    }
} */

@media all and (max-width: 720px) {
    #contents .process ul li {
        margin: 5px 0;
    }
    #contents .process ul li div b img {
        height: 25px;
    }
    #contents .process ul li div em {
        font-size: 12px;
        width: 23%;
    }
    #contents .process ul li div strong {
        font-size: 18px;
    }
    #contents .process ul li div span {
        font-size: 16px;
    }
}

/* #contents .faq {
    background-color: #efefef;
    overflow: hidden;
} */

/* #contents .faq .container {
    height: 340px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spunenpgre_1.cat) no-repeat 40px 190px;
    background-size: auto 70px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}
 */
/* #contents .faq .container:after {
    content: '';
    display: block;
    clear: both;
}
 */
#contents .faq .container h2 {
    width: 294px;
    padding-right: 50px;
    text-align: left;
    word-break: keep-all;
    float: left;
}

#contents .faq .container h2 span {
    display: block;
    font-size: 16px;
    color: #666;
    padding-top: 5px;
}

/* #contents .faq .container > div {
    position: absolute;
    width: 100%;
    top: 70px;
    left: 335px;
} */

/* #contents .faq .container > div:after {
    content: '';
    display: block;
    width: 400px;
    height: 180px;
    background: #efefef;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.4;
}
 */
@media all and (max-width: 1310px) {
    #contents .faq .container > div:after {
        display: none;
    }
}

#contents .faq .container > div .faq_slide {
    overflow-x: hidden;
}

#contents .faq .container > div .faq_slide .slick-list {
    overflow: visible;
}

#contents .faq .container > div .faq_slide a {
    float: left;
    margin-right: 15px;
    width: 280px;
    background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_cra.cat) no-repeat 40px 25px / auto 25px;
    border-radius: 20px;
    padding: 60px 40px 40px;
    font-size: 18px;
    position: relative;
    height: 180px;
}

#contents .faq .container > div .faq_slide a span {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    color: #a6a6a6;
    position: absolute;
    left: 40px;
    bottom: 30px;
}

#contents .faq .container > a {
    width: 32px;
    height: 32px;
    border: 2px solid #b2b2b2;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_zber.cat) no-repeat center/auto 16px;
    position: absolute;
    top: 68px;
    left: 270px;
}

@media all and (max-width: 720px) {
    #contents .faq .container {
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        background: none;
    }
    #contents .faq .container h2 {
        width: 100%;
        float: none;
        padding-right: 65px;
    }
    #contents .faq .container h2 span {
        font-size: 14px;
        padding-top: 0;
    }
    #contents .faq .container > div {
        position: static;
    }
    #contents .faq .container > div .faq_slide {
        width: calc(100% + 15px);
    }
    #contents .faq .container > a {
        width: 50px;
        height: 50px;
        top: 25px;
        left: auto;
        right: 15px;
    }
}

#contents .favorite {
    overflow: hidden;
}

#contents .favorite .fav_slide {
    text-align: center;
    line-height: 0;
    font-size: 0;
}

#contents .favorite .fav_slide a {
    display: inline-block;
    width: 132px;
    height: auto;
    line-height: 1.2em;
    font-size: 18px;
    margin-right: 60px;
}

#contents .favorite .fav_slide a:last-child {
    margin-right: 0;
}

#contents .favorite .fav_slide a span {
    height: 130px;
    display: block;
    margin-bottom: 25px;
    border: 1px solid #eee;
    border-radius: 50%;
    padding: 40px 30px;
}

#contents .favorite .fav_slide a span img {
    display: block;
    height: 45px;
    margin: auto;
}

@media all and (max-width: 1200px) {
    #contents .favorite .fav_slide {
        width: calc(100% + 40px);
    }
}

@media all and (max-width: 720px) {
    #contents .favorite .fav_slide {
        width: calc(100% + 15px);
    }
    #contents .favorite .fav_slide a {
        width: 75px;
        margin-right: 20px;
        font-size: 14px;
    }
    #contents .favorite .fav_slide a span {
        height: 75px;
        padding: 21px 0;
        margin-bottom: 10px;
    }
    #contents .favorite .fav_slide a span img {
        height: 30px;
    }
}

/* select,
input,
button {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
}
 */
@media all and (max-width: 720px) {
/*     select, */
/*     input, */
/*     button { */
/*         height: 35px; */
/*         line-height: 33px; */
/*         font-size: 14px; */
/*     } */
}

.inp_two {
    font-size: 0;
    line-height: 0;
}

.inp_two .inp {
    width: calc(50% - 13px);
}

.img.mt_50 {
    text-align: center;
}

.mt_50 {
    margin-top: 50px;
}

.fn_blue {
    color: #1350b2;
}

.fn_red {
    color: #f20b1c !important;
}

/* .tit {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px;
} */
/*
.tit:after {
    content: '';
    width: 60px;
    height: 4px;
    position: absolute;
    background: #55cfa0;
    bottom: 0;
    left: 0;
} */

@media all and (min-width: 720px) {
    .tit.icon {
        padding-right: 272px;
        word-break: keep-all;
    }
}

/* .tit.icon:before { */
/*     content: ''; */
/*     display: block; */
/*     width: 263px; */
/*     height: 112px; */
/*     background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_pune.cat) no-repeat center; */
/*     position: absolute; */
/*     bottom: -15px; */
/*     right: 0; */
/* } */

.tit .important {
    font-size: 16px;
    font-weight: 400;
    color: #ff2558;
    margin-left: 15px;
}

.intro-voice-title {
	font-size:60px;
	color:#000000;
	margin:40px 0 40px 0;
}

@media all and (max-width: 720px) {
    .tit {
        font-size: 25px;
        margin-bottom: 30px;
        padding-bottom: 12px;
    }
    .tit:after {
        width: 30px;
        height: 2px;
    }
    .tit.icon {
        padding-right: 100px;
    }
    .tit.icon:before {
        width: 117px;
        height: 50px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_pune.cat) no-repeat center/auto 50px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tit .important {
        font-size: 14px;
        margin-left: 7px;
    }
}

.sub {
/*     background: #f5f6fa; */
    position: relative;
}

/* .sub:before {
    content: '';
    width: 496px;
    height: 595px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho_pvepyr_01.cat) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
}

.sub:after {
    content: '';
    width: 406px;
    height: 406px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho_pvepyr_02.cat) no-repeat center;
    position: absolute;
    bottom: 0;
    right: 150px;
} */

.sub .sub_con {
    background: #fff;
/*     -webkit-box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1); */
    position: relative;
    z-index: 2;
/*     margin-top: 50px; */
    padding: calc(60vw/var(--base-screen-width)) calc(60vw/var(--base-screen-width)) calc(70vw/var(--base-screen-width));
}

@media all and (max-width: 1000px) {
/*    #contents {
		padding: 100px 20px 20px 20px !important;
   } */
   #contents .sub_con {
		padding: 0px !important;
   }
}

@media all and (min-width: 720px) {
   /*  .sub .sub_con {
        min-height: 500px;
    } */
}

@media all and (max-width: 720px) {
    .sub:before {
        display: none;
    }
    .sub:after {
        display: none;
    }
   /*  .sub .sub_con {
        padding: 30px 20px;
        margin-top: 35px;
    } */
}

/* .sch {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
 */
/* .sch > ol {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 155px;
    overflow: auto;
    top: 100%;
    left: 0;
    border: 1px solid #eee;
    border-top: 0;
    z-index: 100;
    -webkit-box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.1);
} */

/* .sch > ol.active {
    display: block;
}

.sch > ol > li {
    border-bottom: 1px solid #eee;
    background: #fff;
    text-align: left;
}

.sch > ol > li:last-child {
    border-bottom: 0;
}

.sch > ol > li a {
    padding: 15px 10px;
    font-size: 15px;
} */

@media all and (min-width: 720px) {
    .sch > ol > li:hover {
        background: #3d5174;
        color: #fff;
    }
    .sch > ol > li.active {
        background: #3d5174;
        color: #fff;
    }
}

/* .search {
    text-align: right;
    font-size: 0;
    line-height: 0;
}
 */
.search > div {
    margin-right: 10px;
}

.search button {
/*     background: #3d5174; */
    color: #fff;
    font-weight: 400;
/*     border: 1px solid #3d5174; */
}

@media all and (max-width: 720px) {
    .search > div {
        margin-right: 5px;
    }
    .search .select {
        width: 75px;
    }
    .search .sch {
        width: calc(100% - 138px);
    }
    .search .sch .inp {
        width: 100%;
    }
    .search .inp {
        width: calc(100% - 138px);
    }
    .search button {
        padding: 0 12px;
    }
}

/* .search.type2 .inp_txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
} */

.search.type2 .inp_txt span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.2em;
    margin-right: 20px;
}

@media all and (max-width: 720px) {
    .search.type2 .inp_txt span {
        font-size: 14px;
        margin-right: 5px;
    }
}

@media all and (max-width: 500px) {
    .search.type2 .inp_txt {
        width: calc(100% - 58px);
    }
    .search.type2 .inp_txt .inp {
        width: calc(100% - 121px);
    }
    .search.type2 .inp_txt .sch {
        width: calc(100% - 121px);
    }
    .search.type2 .inp_txt .sch .inp {
        width: 100%;
    }
}

/* .table > span { */
/*     display: block; */
/*     margin-top: -29px; */
/*     font-size: 16px; */
/* } */

.table > span b {
    font-size: 22px;
    color: #f20b1c;
    font-weight: 500;
    position: relative;
    top: 2px;
}

.table > span.type2 {
    margin-top: 20px;
}

.table > span.type2 b {
    font-size: 16px;
}

.table > table,
.table dl {
    margin-top: 14px;
}

@media all and (max-width: 767px) {
    .table > span {
        margin-top: 0;
    }
}

@media all and (max-width: 720px) {
    .table > span {
        font-size: 14px;
        margin-top: 20px;
    }
    .table > span b {
        font-size: 17px;
        top: 0;
    }
    .table > span.type2 b {
        font-size: 14px;
    }
}

.input_btn {
    font-size: 0;
    line-height: 0;
}

.date_inp .inp input {
    background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_qngr.cat) no-repeat center right 18px;
}

/* .tableA tbody tr th,
.tableA tbody tr td {
    padding: 10px;
}
 */
/* .tableA tbody tr td {
    text-align: left;
} */

@media all and (max-width: 720px) {
/*     .tableA tbody tr td > div > .inp { */
/*         width: 100%; */
/*     } */
}

/* .tableA tbody tr td > div.phone > div {
    width: calc(33.3333% - 12px);
}
 */
/* .tableA tbody tr td > div.phone .behind { */
/*     padding: 0 6px; */
/* } */

@media all and (max-width: 500px) {
/*     .tableA tbody tr td > div.phone > div { */
/*         width: calc(33.3333% - 9px); */
/*     } */
/*     .tableA tbody tr td > div.phone > div select { */
/*         font-size: 13px; */
/*         background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfeu_vpba.cat) no-repeat right 6px center; */
/*     } */
/*     .tableA tbody tr td > div.phone .behind { */
/*         padding: 0 4px; */
/*     } */
}

/* .tableA tbody tr td > div.addr > div {
    margin-top: 10px;
} */

.tableA tbody tr td > div.addr > div:first-child {
    margin-top: 0;
}

.tableA tbody tr td > div.addr .input_btn {
    width: auto;
    max-width: 300px;
}

.tableA tbody tr td > div.addr .input_btn .inp {
    width: calc(100% - 112px);
    margin-left: 10px;
}

.tableA tbody tr td > div.addr .input_btn button {
    margin-left: 0;
}

/* .tableA tbody tr td > div.addr .addr_detail {
    max-width: 537px;
} */

.tableA tbody tr td > div.addr .addr_detail .txt_inp {
    position: relative;
    margin-top: 10px;
}

.tableA tbody tr td > div.addr .addr_detail .txt_inp:first-child {
    margin-top: 0;
}

.tableA tbody tr td > div.addr .addr_detail .txt_inp span {
    display: block;
    width: 60px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.tableA tbody tr td > div.addr .addr_detail .txt_inp .inp {
    margin-left: 60px;
    width: calc(100% - 60px);
}

/* @media all and (max-width: 720px) { */
/*     .tableA tbody tr td > div.addr .input_btn { */
/*         max-width: 100%; */
/*     } */
/*     .tableA tbody tr td > div.addr .input_btn .inp { */
/*         width: calc(100% - 79px); */
/*         margin-left: 5px; */
/*     } */
/*     .tableA tbody tr td > div.addr .input_btn button { */
/*         padding: 0 10px; */
/*     } */
/*     .tableA tbody tr td > div.addr .addr_detail .txt_inp { */
/*         margin-top: 5px; */
/*     } */
/*     .tableA tbody tr td > div.addr .addr_detail .txt_inp span { */
/*         font-size: 14px; */
/*         width: 100%; */
/*         position: static; */
/*         -webkit-transform: none; */
/*         transform: none; */
/*     } */
/*     .tableA tbody tr td > div.addr .addr_detail .txt_inp .inp { */
/*         margin-left: 0px; */
/*         width: 100%; */
/*         margin-top: 3px; */
/*     } */
/*     .tableA tbody tr td > div.addr .addr_detail .txt_inp:last-child .inp { */
/*         margin-top: 0; */
/*     } */
/* } */

.tableA tbody tr td > div.email {
    max-width: 947px;
    font-size: 0;
    line-height: 0;
}

.tableA tbody tr td > div.email > div ~ div {
    margin-left: 5px;
}

.tableA tbody tr td > div.email .inp_two {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
}

@media all and (max-width: 850px) {
/*     .tableA tbody tr td > div.email > div ~ div { */
/*         margin-left: 0; */
/*         margin-top: 10px; */
/*     } */
/*     .tableA tbody tr td > div.email .inp_two { */
/*         display: block; */
/*         width: 100%; */
/*     } */
/*     .tableA tbody tr td > div.email .select { */
/*         width: 100%; */
/*     } */
}

.tableA tbody tr td > div.home:after {
    content: '';
    display: block;
    clear: both;
}

.tableA tbody tr td > div.home > div {
    float: left;
}

.tableA tbody tr td > div.home > div:last-child {
    margin-left: 35px;
}

.tableA tbody tr td > div.home > div .select {
    margin-left: 10px;
}

@media all and (max-width: 1114px) {
/*     .tableA tbody tr td > div.home > div { */
/*         float: none; */
/*     } */
/*     .tableA tbody tr td > div.home > div .select { */
/*         width: calc(100% - 76px); */
/*     } */
/*     .tableA tbody tr td > div.home > div:last-child { */
/*         margin-left: 0; */
/*         margin-top: 10px; */
/*     } */
/*     .tableA tbody tr td > div.home > div:last-child .select { */
/*         width: calc(100% - 127px); */
/*     } */
}

@media all and (max-width: 720px) {
/*     .tableA tbody tr td > div.home > div { */
/*         float: none; */
/*         font-size: 13px; */
/*     } */
/*     .tableA tbody tr td > div.home > div .select { */
/*         width: calc(100% - 59px); */
/*         margin-left: 5px; */
/*     } */
/*     .tableA tbody tr td > div.home > div:last-child { */
/*         margin-left: 0; */
/*         margin-top: 5px; */
/*     } */
/*     .tableA tbody tr td > div.home > div:last-child .select { */
/*         width: calc(100% - 100px); */
/*     } */
}

.tableA tbody tr td > div.date > div:after {
    content: '';
    display: block;
    clear: both;
}

.tableA tbody tr td > div.date > div > div {
    float: left;
}

.tableA tbody tr td > div.date > div > div .inp {
    margin-right: 10px;
}

.tableA tbody tr td > div.date > div > div .select {
    margin-left: 10px;
}

.tableA tbody tr td > div.date > div > div:last-child {
    margin-left: 40px;
}

@media all and (max-width: 1089px) {
/*     .tableA tbody tr td > div.date > div > div { */
/*         float: none; */
/*     } */
/*     .tableA tbody tr td > div.date > div > div:last-child { */
/*         margin-left: 0; */
/*         margin-top: 10px; */
/*     } */
/*     .tableA tbody tr td > div.date > div > div .inp { */
/*         width: calc(100% - 62px); */
/*     } */
/*     .tableA tbody tr td > div.date > div > div .select { */
/*         width: calc(100% - 61px); */
/*     } */
}

@media all and (max-width: 720px) {
/*     .tableA tbody tr td > div.date > div > div { */
/*         font-size: 13px; */
/*     } */
/*     .tableA tbody tr td > div.date > div > div:last-child { */
/*         margin-top: 5px; */
/*     } */
/*     .tableA tbody tr td > div.date > div > div .inp { */
/*         width: calc(100% - 47px); */
/*         margin-right: 5px; */
/*     } */
/*     .tableA tbody tr td > div.date > div > div .select { */
/*         margin-left: 5px; */
/*         width: calc(100% - 47px); */
/*     } */
}

.tableA .noti {
    display: block;
    color: #007cd2;
    font-size: 14px;
    margin-top: 7px;
}

@media all and (max-width: 720px) {
    .tableA .noti {
        font-size: 13px;
        margin-top: 5px;
    }
}

/* .tableA button {
    background: #52637a;
    color: #fff;
    font-weight: 300;
    margin-left: 10px;
} */

/* @media all and (max-width: 720px) { */
/*     .tableA button { */
/*         margin-left: 5px; */
/*     } */
/* } */

@media all and (max-width: 1000px) {
    .tableA tbody tr th {
        width: 140px;
    }
/*     .tableA tbody tr td { */
/*         padding: 15px; */
/*     } */
}

/* @media all and (max-width: 720px) { */
/*     .tableA tbody tr th { */
/*         width: 95px; */
/*         word-break: keep-all; */
/*         font-size: 15px; */
/*     } */
/*     .tableA.mobile tbody tr tr { */
/*         width: 100%; */
/*         display: block; */
/*     } */
/*     .tableA.mobile tbody tr th { */
/*         width: 100%; */
/*         display: block; */
/*         border: 0; */
/*         background: #fff; */
/*         text-align: left; */
/*         padding: 20px 0 7px 0; */
/*     } */
/*     .tableA.mobile tbody tr td { */
/*         width: 100%; */
/*         display: block; */
/*         padding: 0 0 20px; */
/*     } */
/* } */

.tableB.board {
    text-align: center;
}

.tableB.board th {
    position: relative;
}

.tableB.board td:last-child {
    text-align: center;
}

@media all and (min-width: 900px) {
    .tableB.board td:nth-child(2) {
        text-align: left;
    }
    .tableB.board td:nth-child(2) div a {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media all and (max-width: 900px) {
    .tableB.board tr td {
        padding-right: 15px;
    }
    .tableB.board tr td:nth-child(2) {
        text-align: left;
    }
    .tableB.board tr td:nth-child(2) div a {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media all and (min-width: 900px) {
    .tableB.board tr:hover td {
        background: #f4f8fb;
    }
}

.tableB.border th {
    background: #f8f6f5;
}

.tableB.border th,
.tableB.border td {
    border: 1px solid #ddd;
}

.tableB.border th:first-of-type,
.tableB.border td:first-of-type {
    border-left: 0;
}

.tableB.border th:last-of-type,
.tableB.border td:last-of-type {
    border-right: 0;
}

.tableB.sort td:last-child {
    text-align: left;
}

.tableB.onoff tr td span.arrow {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sneebj_qbja.cat) no-repeat center;
}

.tableB.onoff tr.active td span.arrow {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sneebj_hc.cat) no-repeat center;
}

.tableB.onoff tr.t_onoff td {
    padding: 0;
    border: 0;
}

.tableB.onoff tr.t_onoff td > div {
    display: none;
    text-align: left;
}

.tableB.onoff tr.t_onoff td > div > div {
    padding: 15px 15px 15px 90px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.tableB.onoff tr.t_onoff td > div > div:before {
    font-size: 27px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 42px;
}

.tableB.onoff tr.t_onoff td > div > div.q_box:before {
    content: 'Q';
    color: #0059d1;
}

.tableB.onoff tr.t_onoff td > div > div.a_box {
    background: #f7f8f9;
}

.tableB.onoff tr.t_onoff td > div > div.a_box:before {
    content: 'A';
    color: #444;
}

@media all and (max-width: 900px) {
    .tableB.type1 tr th:nth-child(2),
    .tableB.type1 tr td:nth-child(2) {
        display: none;
    }
    .tableB.type2 tr {
        display: table;
        border-bottom: 0;
    }
    .tableB.type2 tr th {
        display: none;
    }
    .tableB.type2 tr td {
        display: table-row;
        padding: 0;
        text-align: center;
        border-bottom: 1px solid #ccc;
    }
    .tableB.type2 tr td div {
        display: table-cell;
        padding: 10px 20px;
        text-align: left;
    }
    .tableB.type2 tr td:before {
        content: attr(data-before);
        display: table-cell;
        width: 110px;
        height: 100%;
        padding: 10px;
        background-color: #ddd;
        font-weight: 500;
        vertical-align: middle;
    }
}

@media all and (max-width: 900px) and (max-width: 720px) {
    .tableB.type2 tr {
        display: block;
        margin-bottom: 30px;
    }
    .tableB.type2 tr:last-child {
        margin-bottom: 0;
    }
    .tableB.type2 tr:first-child ~ tr {
        border-top: 2px solid #000;
    }
}

@media all and (max-width: 900px) {
    .tableB.type3 colgroup {
        display: none;
    }
    .tableB.type3 thead {
        display: none;
    }
    .tableB.type3 tr {
        display: block;
        border-bottom: 0;
/*         padding: 18px 0; */
/*         border-bottom: 1px solid #aaa; */
        padding: 0px 0;
        border-bottom: 0px solid #aaa;
    }
    .tableB.type3 tr:after {
        content: '';
        display: block;
        clear: both;
    }
    .tableB.type3 tr th,
    .tableB.type3 tr td {
        border-right: 1px solid #ccc;
    }
    .tableB.type3 tr th {
        display: none;
    }
    .tableB.type3 tr td {
        display: table;
        float: left;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
        font-size: 0;
        line-height: 0;
        text-align: left;
        border: 0;
    }
    .tableB.type3 tr td > div {
        display: table-cell;
        vertical-align: middle;
        width: calc(100% - 95px);
        line-height: 1.2em;
        text-align: left;
        vertical-align: top;
        font-size: 14px;
        padding-right: 15px;
    }
    .tableB.type3 tr td:before {
        content: attr(data-before);
        display: table-cell;
        vertical-align: middle;
        width: 60px;
        height: 100%;
        line-height: 1.2em;
        font-weight: 500;
        font-size: 14px;
        color: #000;
        text-align: right;
        padding-right: 15px;
        word-break: keep-all;
    }
    .tableB.type3 tr td:last-of-type {
        margin-bottom: 0;
    }
    .tableB.type3.m_w85 tr td:before {
        width: 85px;
    }
    .tableB.type3.m_ch tr {
        padding: 0 0 0 80px;
        position: relative;
    }
    .tableB.type3.m_ch tr td {
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
    }
    .tableB.type3.m_ch tr td:first-of-type:before {
        display: none;
    }
    .tableB.type3.m_ch tr td:first-of-type > div {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 20px;
    }
    .tableB.type3.m_ch tr td:first-of-type {
        border-bottom: 0;
    }
    .tableB.type3.m_ch tr td:last-of-type {
        border-bottom: 0;
    }
    .tableB.type3.m_ch tr td > div {
        padding: 10px;
    }
    .tableB.onoff tr {
        position: relative;
        padding: 25px 0;
    }
    .tableB.onoff tr:nth-child(odd) td:first-of-type {
        display: none;
    }
    .tableB.onoff tr:nth-child(odd) td:nth-child(2) {
        width: calc(100% - 70px);
        margin-bottom: 35px;
    }
    .tableB.onoff tr:nth-child(odd) td:nth-child(3) {
        width: auto;
        margin-bottom: 0;
    }
    .tableB.onoff tr:nth-child(odd) td:nth-child(4) {
        width: auto;
        position: absolute;
        bottom: 20px;
        right: 87px;
        margin-bottom: 0;
    }
    .tableB.onoff tr:nth-child(odd) td:nth-child(5) {
        width: auto;
        position: absolute;
        bottom: 20px;
        right: 15px;
        margin-bottom: 0;
    }
    .tableB.onoff tr:nth-child(odd) td:last-of-type {
        width: auto;
        position: absolute;
        top: 5px;
        right: 15px;
    }
    .tableB.onoff tr.t_onoff {
        padding: 0;
        border-bottom: 0;
    }
    .tableB.onoff tr.t_onoff td > div > div {
        padding: 15px 15px 15px 40px;
        font-size: 14px;
    }
    .tableB.onoff tr.t_onoff td > div > div:before {
        width: 20px;
        text-align: center;
        left: 8px;
        font-size: 18px;
    }
    .tableB.onoff tr.active td span.arrow {
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sneebj_hc.cat) no-repeat center/auto 12px;
    }
    .tableB.onoff tr td span.arrow {
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sneebj_qbja.cat) no-repeat center/auto 12px;
    }
    .tableB.onoff tr td:before {
        display: none;
    }
    .tableB.onoff tr td > div {
        width: 100%;
        padding-right: 0;
    }
    .tableB.m_ch tr {
        cursor: pointer;
    }
}

.paging {
    text-align: center;
    font-size: 0;
    margin-top: 30px;
}

.paging > a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.paging > a.left_sl {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_ceri2.cat) no-repeat center;
}

.paging > a.left_sl2 {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_ceri1.cat) no-repeat center;
    margin-right: 0;
}

.paging > a.right_sl {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_arkg1.cat) no-repeat center;
}

.paging > a.right_sl2 {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_arkg2.cat) no-repeat center;
    margin-right: 0;
}

.paging ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}

.paging ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    position: relative;
}

.paging ul li:last-child {
    margin-right: 0;
}

.paging ul li.active a {
    color: #039998;
}

.paging ul li.active:after {
    content: '';
    width: 20px;
    height: 2px;
    background: #039998;
    position: absolute;
    bottom: 0;
    left: 5px;
}

.paging ul li a {
    display: table;
    width: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
}

.paging ul li a span {
    display: table-cell;
    vertical-align: middle;
}

@media all and (max-width: 720px) {
    .paging {
        margin-top: 15px;
    }
}

@media all and (max-width: 480px) {
    .paging > a {
        margin-right: 8px;
    }
    .paging ul {
        width: calc(100% - 136px);
        margin: 0;
    }
}

.board_detail {
    border-top: 3px solid #000;
}

.board_detail .bo_head {
    padding: 30px;
}

.board_detail .bo_head:after {
    content: '';
    display: block;
    clear: both;
}

.board_detail .bo_head h2 {
    width: calc(100% - 306px);
    font-size: 24px;
    line-height: 1.33;
    font-weight: 400;
    color: #000;
    float: left;
}

.board_detail .bo_head dl {
    font-size: 15px;
    float: right;
    margin-top: 8px;
}

.board_detail .bo_head dl dt,
.board_detail .bo_head dl dd {
    float: left;
}

.board_detail .bo_head dl dt {
    padding-left: 20px;
    position: relative;
    color: #888;
}

.board_detail .bo_head dl dt:after {
    display: inline-block;
    padding: 0 8px;
    content: ':';
    position: relative;
    top: -1px;
}

.board_detail .bo_head dl dt:first-of-type {
    padding-left: 0;
}

.board_detail .bo_head dl dt:first-of-type:before {
    content: none;
}

.board_detail .bo_head dl dd {
    padding-right: 20px;
    color: #444;
}

.board_detail .bo_file {
    border-bottom: 1px solid #ddd;
    background-color: #f7f8f9;
    padding: 8px 30px;
}

.board_detail .bo_file li {
    position: relative;
    margin: 5px 0;
    color: #a3a4a5;
}

.board_detail .bo_file li a {
    display: inline-block;
    margin-right: 20px;
    color: #444444;
}

.board_detail .bo_file li a span {
    vertical-align: middle;
}

.board_detail .bo_img {
    padding: 34px 37px 50px;
    text-align: center;
}

.board_detail .bo_img + .bo_con {
    padding-top: 0;
}

.board_detail .bo_con {
    padding: 40px 30px;
    line-height: 1.6;
}

.board_detail .bo_util {
    border: 1px solid #ddd;
    border-radius: 12px;
}

.board_detail .bo_util li {
    padding: 25px 28px 34px;
}

.board_detail .bo_util li strong {
    display: block;
    font-size: 17px;
    padding-left: 1.47em;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 9px;
    background-size: 1em;
}

.board_detail .bo_util li.tag {
    font-size: 0;
}

.board_detail .bo_util li.tag strong {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_obneq_gnt.cat);
}

.board_detail .bo_util li.tag a {
    display: inline-block;
    font-size: 15px;
    padding: 0 15px;
    color: #0b428c;
    background-color: #ebf3fb;
    line-height: 1.8;
    height: 1.8em;
    margin-right: 4px;
    border-radius: 0.9em;
    margin-top: 6px;
}

.board_detail .bo_util li.tag a:before {
    content: '#';
}

.board_detail .bo_util li.link {
    border-top: 1px solid #ddd;
    padding-bottom: 30px;
}

.board_detail .bo_util li.link strong {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_obneq_yvax.cat);
}

.board_detail .bo_util li.link a {
    display: inline-block;
    font-size: 15px;
    color: #0059d1;
    text-decoration: underline;
}

.board_detail .bo_util li.link span {
    display: block;
    font-size: 15px;
    margin-top: 7px;
}

.board_detail .bo_pagination {
    margin-top: 80px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.board_detail .bo_pagination a {
    display: block;
    width: 100%;
}

.board_detail .bo_pagination a:after {
    content: '';
    display: block;
    clear: both;
}

.board_detail .bo_pagination a b,
.board_detail .bo_pagination a span {
    display: block;
    float: left;
    line-height: 50px;
}

.board_detail .bo_pagination a b {
    width: 200px;
    font-weight: 500;
    color: #000;
    background-color: #f7f8f9;
    text-align: center;
    border-right: 1px solid #ddd;
}

.board_detail .bo_pagination a span {
    width: calc(100% - 200px);
    padding-left: 50px;
    padding-right: 30px;
}

.board_detail .bo_pagination a span:after {
    content: '';
    display: block;
    clear: both;
}

.board_detail .bo_pagination a span.empty {
    color: #777;
}

.board_detail .bo_pagination a span strong {
    float: left;
    width: calc(100% - 100px);
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.board_detail .bo_pagination a span em {
    float: right;
    font-size: 14px;
    color: #888;
}

.board_detail .bo_pagination a.prev {
    border-bottom: 1px solid #ddd;
}

@media all and (min-width: 720px) {
    .board_detail .bo_file li button:hover {
        background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_obneq_svyr_ivrj_ba.cat);
        background-color: #353a40;
        color: #fff;
        border-radius: 6px;
        border-color: #353a40;
    }
}

@media all and (max-width: 720px) {
    .board_detail {
        border-top: 2px solid #000;
    }
    .board_detail .bo_head {
        padding: 17.5px 0 16px;
    }
    .board_detail .bo_head h2 {
        width: 100%;
        float: none;
        font-size: 18px;
        line-height: 1.39;
    }
    .board_detail .bo_head dl {
        float: none;
        font-size: 14px;
        margin-top: 5px;
        line-height: 1.85;
    }
    .board_detail .bo_head dl dt {
        clear: both;
        padding-left: 0;
    }
    .board_detail .bo_head dl dt:before {
        content: none;
    }
    .board_detail .bo_head dl dt:after {
        padding: 0 7px;
    }
    .board_detail .bo_head dl dd {
        padding-right: 0;
    }
    .board_detail .bo_file {
        padding: 6px 15px 10px;
        font-size: 14px;
    }
    .board_detail .bo_file li {
        margin: 6px 0;
    }
    .board_detail .bo_file li a {
        margin: 0;
        display: block;
    }
    .board_detail .bo_file li a span:after {
        margin-left: 6px;
        width: 15px;
        height: 12px;
        background-size: cover;
    }
    .board_detail .bo_file li a img {
        width: 19px;
        top: 0.21em;
    }
    .board_detail .bo_file li button {
        margin-top: 4px;
        height: 27px;
        line-height: 25px;
        padding-left: 10px;
        padding-right: 28px;
        background-size: 12px auto;
        background-position: right 10px center;
    }
    .board_detail .bo_img {
        padding: 24px 0 35px;
    }
    .board_detail .bo_con {
        padding: 21px 0 32px;
        line-height: 1.4;
    }
    .board_detail .bo_util {
        border: 1px solid #ddd;
        border-radius: 12px;
    }
    .board_detail .bo_util li {
        padding: 18px 20px 18px;
    }
    .board_detail .bo_util li strong {
        font-size: 15px;
        padding-left: 22px;
        background-position: left top 4px;
        margin-bottom: 2px;
        background-size: 15px auto;
    }
    .board_detail .bo_util li.tag a {
        font-size: 14px;
        line-height: 1.85;
        height: 1.85em;
        margin-right: 5px;
        border-radius: 0.925em;
    }
    .board_detail .bo_util li.link {
        padding-bottom: 17px;
    }
    .board_detail .bo_util li.link strong {
        margin-bottom: 5px;
    }
    .board_detail .bo_util li.link a {
        font-size: 14px;
    }
    .board_detail .bo_util li.link span {
        font-size: 14px;
        margin-top: 4px;
    }
    .board_detail .bo_pagination {
        margin-top: 50px;
    }
    .board_detail .bo_pagination a b,
    .board_detail .bo_pagination a span {
        line-height: 40px;
    }
    .board_detail .bo_pagination a b {
        width: 75px;
        font-size: 14px;
    }
    .board_detail .bo_pagination a span {
        width: calc(100% - 75px);
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
    }
    .board_detail .bo_pagination a span strong {
        width: calc(100% - 78px);
    }
    .board_detail .bo_pagination a.prev b:before {
        background-position: center top 5px;
    }
    .board_detail .bo_pagination a.next b:before {
        background-position: center top 6px;
    }
}

.btn_box {
    text-align: center;
    margin-top: 30px;
    font-size: 0;
    line-height: 0;
}

/* .btn_box button {
    height: 50px;
    min-width: 160px;
    line-height: 50px;
    border: 1px solid #9f9f9f;
    color: #fff;
    background: #9f9f9f;
    border-radius: 22px;
} */

/* .btn_box .btn {
    background: #55cfa0;
    border-color: #55cfa0;
    color: #fff;
}
 */
.btn_box .btn2 {
    border: 0;
}

.btn_box button ~ button {
    margin-left: 10px;
}

@media all and (max-width: 720px) {
    .btn_box {
        margin-top: 20px;
    }
    .btn_box button {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .btn_box button ~ button {
        margin-left: 5px;
    }
}

.btn_box.type2:after {
    content: '';
    display: block;
    clear: both;
}

/* .btn_box.type2 .btn {
    float: right;
}

.btn_box.type2 button {
    float: left;
} */

/* .list_dropdown dt:before { */
/*     content: 'Q'; */
/*     font-size: 27px; */
/*     position: absolute; */
/*     top: 50%; */
/*     -webkit-transform: translateY(-50%); */
/*     transform: translateY(-50%); */
/*     left: 63px; */
/*     color: #0059d1; */
/* } */

.list_dropdown dt.active a {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sneebj_hc.cat);
}

.list_dropdown dt.null {
    background: none;
    text-align: center;
}

.list_dropdown dd {
    display: none;
    background-color: #f7f8f9;
}

/* .list_dropdown dd > div:before {
    content: 'A';
    font-size: 27px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 67px;
    color: #444;
}
 */
@media all and (max-width: 760px) {
    .list_dropdown {
        font-size: 14px;
    }
    .list_dropdown dt {
        padding: 23px 15px;
    }
    .list_dropdown dt:before {
        content: 'Q';
        font-size: 22px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        color: #0059d1;
    }
    .list_dropdown dt.active a {
        background-image: none;
    }
    .list_dropdown dt a {
        padding-left: 38px;
        padding-right: 15px;
        background-image: none;
    }
    .list_dropdown dd > div {
        padding: 23px 15px;
        padding-left: 53px;
    }
    .list_dropdown dd > div:before {
        content: 'A';
        font-size: 22px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 18px;
        color: #444;
    }
}

/* .step_list {
    max-width: 639px;
    margin: 0 auto 60px;
    text-align: center;
} */

/* .step_list:after {
    content: '';
    display: block;
    clear: both;
}

.step_list > li {
    float: left;
    width: 25%;
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: #9b9b9b;
}

.step_list > li:after {
    content: '';
    width: 90px;
    height: 2px;
    background: #e5e5e5;
    position: absolute;
    top: 50px;
    right: -60px;
    z-index: -1;
}

.step_list > li:last-child {
    margin-right: 0;
}

.step_list > li:last-child:after {
    display: none;
}

.step_list > li.active {
    color: #000;
}

.step_list > li.active .img {
    background: #55cfa0;
}

.step_list > li .img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #e8e8e8;
    margin-bottom: 7px;
    position: relative;
    margin: auto;
}

.step_list > li .img img {
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} */

@media all and (max-width: 860px) {
    .step_list > li:after {
        width: 150px;
        top: 35px;
        right: -85px;
    }
    .step_list > li .img {
        width: 70px;
        height: 70px;
        margin: 0 auto 7px;
    }
    .step_list > li .img img {
        height: 32px;
    }
}

@media all and (max-width: 720px) {
    .step_list {
        overflow: hidden;
        margin: 0 auto 36px;
    }
    .step_list > li {
        width: 25%;
        line-height: 1.2em;
        margin-right: 0;
        font-size: 13px;
        word-break: keep-all;
    }
    .step_list > li:after {
        height: 1px;
    }
}

@media all and (max-width: 570px) {
    .step_list > li {
        font-size: 0;
    }
    .step_list > li.active {
        font-size: 12px;
    }
    .step_list > li:after {
        width: 100px;
        top: 30px;
        right: -50px;
    }
    .step_list > li .img {
        width: 55px;
        height: 55px;
    }
    .step_list > li .img img {
        height: 25px;
    }
}

.type_list:after {
    content: '';
    display: block;
    clear: both;
}

.type_list > li {
    float: left;
    margin-right: 24px;
    line-height: 1.2em;
    padding: 7px 0;
}

.type_list > li input {
    display: inline-block;
    width: 19px;
    height: 19px;
    padding: 0;
    vertical-align: middle;
    background-size: cover;
    margin-right: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.type_list > li input + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 15px;
    color: #383838;
}

.type_list > li input[type='radio'] {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Senqvb_bss.cat');
}

.type_list > li input[type='radio']:checked {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Senqvb_ba.cat');
}

.type_list > li input[type='checkbox'] {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Spux_bss.cat');
}

.type_list > li input[type='checkbox']:checked {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Spux_ba.cat');
}

.type_list > li:last-of-type {
    margin-right: 0;
}

/* .type_box {
    display: block;
} */

.type_box input {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

/* .type_box input[type='checkbox'] {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_purpx_bss2.cat');
    word-break: keep-all;
    background-size: 100% auto;
} */

/* .type_box input[type='checkbox']:checked {
    background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_purpx2.cat');
} */

/* .type_box label {
    cursor: pointer;
    margin-left: 8px;
} */

@media all and (max-width: 720px) {
    .type_box input {
        width: 22px;
        height: 22px;
    }
    .type_box input[type='checkbox'] {
        background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_purpx_bss2.cat');
        word-break: keep-all;
        background-size: 22px auto;
    }
    .type_box input[type='checkbox']:checked {
        background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpba_purpx2.cat');
        background-size: 22px auto;
    }
    .type_box label {
        margin-left: 4px;
    }
}

.dot_list.dot_list2 {
    margin-bottom: 20px;
}

.dot_list > li,
.dot_list > dd {
    margin-bottom: 8px;
    padding-left: 9px;
    line-height: 1.4;
    word-break: keep-all;
    position: relative;
}

@media all and (max-width: 720px) {
    .dot_list > li,
    .dot_list > dd {
        margin-bottom: 5px;
        font-size: 14px;
        word-break: break-all;
    }
}

.dot_list > li:last-child,
.dot_list > dd:last-child {
    margin-bottom: 0;
}

.dot_list > li:before,
.dot_list > dd:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #323a45;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}

@media all and (max-width: 720px) {
    .dot_list > li:before,
    .dot_list > dd:before {
        top: 7px;
    }
}

.dot_list > li .bold,
.dot_list > dd .bold {
    font-weight: 500;
}

.dot_list > li .dash_list,
.dot_list > li .ga_list,
.dot_list > dd .dash_list,
.dot_list > dd .ga_list {
    margin-top: 5px;
}

.dot_list > li .dash_list > li,
.dot_list > li .ga_list > li,
.dot_list > dd .dash_list > li,
.dot_list > dd .ga_list > li {
    margin-bottom: 4px;
}

.dot_list + .dot_list {
    margin-top: 20px;
}

@media all and (max-width: 720px) {
    .dot_list + .dot_list {
        margin-top: 15px;
    }
}

/* .none_list > li {
    margin-bottom: 3px;
    font-size: 15px;
    color: #555;
}
 */
@media all and (max-width: 720px) {
    .none_list > li {
        margin-bottom: 0;
        font-size: 14px;
    }
}

.dash_list > li {
    margin-bottom: 8px;
    padding-left: 10px;
    position: relative;
}

.dash_list > li:last-child {
    margin-bottom: 0;
}

.dash_list > li:before {
    content: '';
    display: block;
    width: 4px;
    height: 1px;
    background: #4c4949;
    position: absolute;
    top: 11px;
    left: 0;
}

@media all and (max-width: 720px) {
    .dash_list > li {
        font-size: 14px;
        margin-bottom: 3px;
    }
    .dash_list > li:before {
        top: 8px;
    }
}

/*약관동의*/
/* .all {
    text-align: center;
    background: #f5f5f5;
    padding: 13px 0;
    margin-bottom: 40px;
}
 */
.all .type_box input {
    margin-right: 0;
}

/* .all .type_box label {
    margin-right: 8px;
    font-size: 25px;
} */

.agree_list h4 {
    font-size: 20px;
    color: #555;
    font-weight: bold;
    margin-bottom: 8px;
}

.agree_list h5 {
    font-size: 20px;
    color: #000;
}

.agree_list > li {
    margin-bottom: 20px;
}

.agree_list > li > span {
    display: block;
    margin-bottom: 4px;
    word-break: keep-all;
}

@media all and (max-width: 720px) {
    .agree_list h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .agree_list h5 {
        font-size: 15px;
    }
    .agree_list > li {
        margin-bottom: 18px;
    }
    .agree_list > li > span {
        font-size: 14px;
        margin-bottom: 2px;
    }
}

.agree_list2 > li {
    margin-bottom: 8px;
}

.agree_list2 > li > span {
    margin-bottom: 4px;
    display: block;
    word-break: keep-all;
}

.agree_list2 > li > ol > li .dash_list {
    padding-left: 10px;
}

@media all and (max-width: 720px) {
    .agree_list2 > li {
        margin-bottom: 4px;
    }
    .agree_list2 > li span {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .agree_list2 > li ol li,
    .agree_list2 > li ul li {
        font-size: 14px;
    }
}

.agree label {
    vertical-align: middle;
    font-size: 30px;
    color: #1d3d68;
    font-weight: 500;
}

.agree label span {
    font-size: 20px;
    padding-left: 5px;
}


.agree > ul > li:last-child {
    margin-bottom: 0;
}

.agree > ul > li .type_box {
    margin-bottom: 20px;
}

/* .agree > ul > li .scroll_box {
    border: 1px solid #ddd;
    height: 230px;
    overflow: auto;
    padding: 25px 30px;
} */

@media all and (max-width: 720px) {
    .agree > ul > li .scroll_box {
        padding: 15px;
        height: 180px;
    }
    .agree > ul > li .scroll_box .agree_list > li {
        font-size: 14px;
    }
}

/* @media all and (max-width: 720px) { */
/*     .agree label { */
/*         font-size: 18px; */
/*     } */
/*     .agree label span { */
/*         font-size: 14px; */
/*     } */
/*     .agree .all { */
/*         padding: 8px 0; */
/*         margin-bottom: 20px; */
/*     } */
/*     .agree .all .type_box { */
/*         margin-bottom: 10px; */
/*     } */
/*     .agree .all .type_box input { */
/*         margin-right: 0; */
/*     } */
/*     .agree .all .type_box label { */
/*         margin-right: 4px; */
/*         font-size: 15px; */
/*     } */
/*     .agree > ul > li { */
/*         margin-bottom: 20px; */
/*     } */
/*     .agree > ul > li .type_box { */
/*         margin-bottom: 10px; */
/*     } */
/* } */

/* .caution {
    background: #f5f6f9;
    padding: 40px 50px;
    margin-bottom: 15px;
}

.caution.type2 {
    margin-bottom: 40px;
} */

/* .caution h4 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
} */

/* .caution h4:before {
    content: '*';
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    margin-right: 10px;
}

.caution h4:after {
    content: '*';
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    margin-left: 10px;
} */

.caution h4:before,
.caution h4:after {
    position: relative;
    top: 3px;
}

.caution .dot_list li span {
    font-size: 20px;
    color: #ff2558;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.caution .dot_list li:last-child:before {
    top: 14px;
}

.caution .type_box {
    display: block;
    text-align: center;
    margin-top: 20px;
}

.caution .type_box label {
    font-size: 16px;
    color: #000;
}

.caution em {
    display: block;
    text-align: center;
}

@media all and (max-width: 720px) {
    .caution {
        padding: 20px 25px;
    }
    .caution.type2 {
        margin-bottom: 20px;
    }
    .caution h4 {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .caution .dot_list li {
        word-break: keep-all;
    }
    .caution .dot_list li span {
        font-size: 16px;
        top: 1px;
    }
    .caution .dot_list li:last-child:before {
        top: 10px;
    }
    .caution .type_box {
        margin-top: 10px;
    }
    .caution .type_box label {
        font-size: 15px;
    }
    .caution em {
        font-size: 15px;
    }
}

/* .subject {
    margin-top: 20px;
    margin-bottom: 30px;
} */

/* .subject .tab_list {
    margin-bottom: 20px;
} */

.subject .tab_list:after {
    content: '';
    display: block;
    clear: both;
}

.subject .tab_list > li {
    display: table;
    float: left;
    width: 50%;
    height: 70px;
    background: #f3f3f3;
}

.subject .tab_list > li.active {
    background: #55cfa0;
}

.subject .tab_list > li.active button {
    color: #fff;
}

.subject .tab_list > li button {
    display: table-cell;
    width: 100%;
    height: 100%;
    line-height: 1em;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #999;
}

.subject .tab_list > li button span {
    display: block;
    font-size: 14px;
}

/* .subject > div {
    background: #eee url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sot_yvar.cat) repeat;
    overflow: hidden;
    text-align: center;
}

.subject > div .sb_slide_wrap {
    text-align: center;
    background: #fff;
    padding: 20px 0 40px 0;
    -webkit-box-shadow: 0 9px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 9px 8px rgba(0, 0, 0, 0.1);
    position: relative;
} */

.subject > div .sb_slide_wrap .triangle {
    display: block;
    width: 40px;
    height: 25px;
    background: #ddd;
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
}

.subject > div .sb_slide_wrap .triangle:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid #fff;
    border-bottom: 40px solid transparent;
    position: absolute;
    top: -15px;
    left: 0;
}

.subject > div .sb_slide_wrap .triangle:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 30px solid #fff;
    border-bottom: 40px solid transparent;
    position: absolute;
    top: -15px;
    right: 0;
}

.subject > div .sb_slide_wrap .sb_slide {
    display: inline-block;
}

.subject > div >.sb_slide:after {
    content: '';
    display: block;
    clear: both;
}

/* @media all and (min-width: 1010px) {
    .subject > div .sb_slide_wrap .sb_slide .slick-track {
        width: 100% !important;
    }
} */

@media all and (max-width: 1173px) {
    .subject > div .sb_slide_wrap .sb_slide.type2 .slick-track {
        width: 30000px !important;
    }
}

/* .subject > div .sb_slide_wrap .sb_slide a {
    display: inline-block;
    width: 150px;
    height: auto;
    opacity: 0.6;
} */

/* .subject > div .sb_slide_wrap .sb_slide a:last-child {
    margin-right: 0;
}

.subject > div .sb_slide_wrap .sb_slide a .img {
    height: 70px;
    margin-bottom: 10px;
} */

.subject > div .sb_slide_wrap .sb_slide a .img:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* .subject > div .sb_slide_wrap .sb_slide a .img img {
    height: 70%;
    vertical-align: middle;
    display: inline-block;
}
 */
/* .subject > div .sb_slide_wrap .sb_slide a span {
    font-size: 18px;
    color: #333;
    position: relative;
    z-index: 1;
}
 */
/* .subject > div .sb_slide_wrap .sb_slide a.active {
    opacity: 1;
}

.subject > div .sb_slide_wrap .sb_slide a.active span:after {
    content: '';
    display: block;
    width: calc(100% + 14px);
    height: 7px;
    background: #7defc3;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
} */

/* .subject > div > ul {
    padding: 30px;
    display: inline-block;
    width: 100%;
    font-size: 0;
    line-height: 0;
} */

/* .subject > div > ul > li {
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    margin: 8px;
}
 */
/* .subject > div > ul > li button {
    width: 100%;
    height: auto;
    line-height: 1.2em;
    padding: 15px 40px;
    color: #767676;
    font-size: 18px;
} */

.subject > div > ul > li p {
    width: 100%;
    height: auto;
    line-height: 1.2em;
    padding: 15px 40px;
    color: #000;
    font-size: 18px;
}

/* .subject > div > ul > li.active {
    -webkit-box-shadow: inset 0 0 0 2px #5cc89e;
    box-shadow: inset 0 0 0 2px #5cc89e;
    border: 1px solid #5cc89e;
}

.subject > div > ul > li.active button {
    color: #000;
} */

@media all and (max-width: 720px) {
/*     .subject { */
/*         margin-top: 15px; */
/*         margin-bottom: 30px; */
/*     } */
/*     .subject .tab_list { */
/*         margin-bottom: 10px; */
/*     } */
/*     .subject .tab_list > li { */
/*         height: 60px; */
/*     } */
/*     .subject .tab_list > li button { */
/*         font-size: 16px; */
/*         word-break: keep-all; */
/*         padding: 5px 10px; */
/*     } */
/*     .subject .tab_list > li button span { */
/*         font-size: 12px; */
/*     } */
/*     .subject > div .sb_slide_wrap { */
/*         padding: 20px 0; */
/*     } */
/*     .subject > div .sb_slide_wrap .sb_slide a { */
/*         width: 115px; */
/*     } */
/*     .subject > div .sb_slide_wrap .sb_slide a .img { */
/*         height: 50px; */
/*     } */
/*     .subject > div .sb_slide_wrap .sb_slide a .img img { */
/*         height: 40px; */
/*     } */
/*     .subject > div .sb_slide_wrap .sb_slide a span { */
/*         font-size: 15px; */
/*     } */
/*     .subject > div .sb_slide_wrap .sb_slide a.active span:after { */
/*         width: calc(100% + 7px); */
/*         height: 5px; */
/*         bottom: 2px; */
/*     } */
/*     .subject > div .sb_slide_wrap .triangle { */
/*         width: 20px; */
/*         height: 20px; */
/*     } */
/*     .subject > div .sb_slide_wrap .triangle:before { */
/*         border-left: 15px solid #fff; */
/*         border-bottom: 20px solid transparent; */
/*         -webkit-filter: drop-shadow(0px 10px 1px rgba(0, 0, 0, 0.1)); */
/*         filter: drop-shadow(0px 10px 1px rgba(0, 0, 0, 0.1)); */
/*         top: 0; */
/*     } */
/*     .subject > div .sb_slide_wrap .triangle:after { */
/*         border-right: 15px solid #fff; */
/*         border-bottom: 20px solid transparent; */
/*         -webkit-filter: drop-shadow(2px 8px 1px rgba(0, 0, 0, 0.1)); */
/*         filter: drop-shadow(2px 8px 1px rgba(0, 0, 0, 0.1)); */
/*         top: 0; */
/*     } */
/*     .subject > div > ul { */
/*         padding: 15px 10px; */
/*         text-align: left; */
/*     } */
/*     .subject > div > ul > li { */
/*         margin: 4px; */
/*     } */
/*     .subject > div > ul > li button { */
/*         padding: 10px 15px; */
/*         font-size: 14px; */
/*     } */
}

.con_list > li {
    margin-bottom: 30px;
}

.con_list > li:last-child {
    margin-bottom: 0;
}

/* .con_list > li > h4 {
    color: #1d3d68;
    font-size: 25px;
    margin-bottom: 8px;
} */

.con_list > li > h4 .fn_red {
    font-size: 16px;
    padding-left: 5px;
}

@media all and (max-width: 720px) {
    .con_list > li {
        margin-bottom: 17px;
    }
    .con_list > li > h4 {
        font-size: 17px;
        margin-bottom: 5px;
    }
    .con_list > li > h4 .fn_red {
        font-size: 14px;
    }
}

@media all and (max-width: 1110px) {
    .count button {
        width: 25px;
        height: 25px;
    }
    .count button.minus {
        background: #d2d2d2 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_zvahf.cat) no-repeat center/10px auto;
    }
    .count button.plus {
        background: #d2d2d2 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_cyhf.cat) no-repeat center/12px auto;
    }
    .count .inp {
        margin: 0 5px;
        width: calc(100% - 60px);
    }
}


@media all and (max-width: 720px) {
    .del {
        max-width: 67px;
    }
}

.all_box {
    margin-bottom: 10px;
}

@media all and (max-width: 720px) {
    .all_box label {
        font-size: 14px;
    }
}

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

.center_box label {
    font-size: 17px;
}

@media all and (max-width: 720px) {
    .center_box label {
        font-size: 14px;
    }
}

.modal_wrap {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.modal_wrap .modal_pop {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 60px 40px;
    outline: none;
}

.modal_wrap .modal_pop .tit {
    margin-left: 40px;
}

.modal_wrap .modal_pop > div {
    padding: 0 20px;
    height: 500px;
    overflow: auto;
}

.modal_wrap .modal_pop .modal_close {
    position: absolute;
    right: calc(40vw/var(--base-screen-width));
   /*  top: calc(65vw/var(--base-screen-width)); */
    top: calc(40vw/var(--base-screen-width));
    width: calc(40vw/var(--base-screen-width));
    min-width: auto;
    height: calc(40vw/var(--base-screen-width));
    padding: 0;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Soga_zbqny_pybfr.cat) no-repeat center;
    overflow: hidden;
    background-size: contain;
    text-indent: 30px;
}

@media all and (max-width: 1200px) {
    .modal_wrap .modal_pop {
        width: calc(100% - 80px);
    }
}

@media all and (max-width: 720px) {
    .modal_wrap .modal_pop {
        padding: 30px 10px;
        width: calc(100% - 30px);
    }
    .modal_wrap .modal_pop .tit {
        margin-left: 15px;
    }
    .modal_wrap .modal_pop > div {
        padding: 0 2px;
        height: 300px;
    }
    .modal_wrap .modal_pop .modal_close {
        top: 10px !important;
        right: 20px;
        width: 20px;
        height: 20px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Soga_zbqny_pybfr.cat) no-repeat center/auto 25px;
    }
}

.modal_wrap.type2 .modal_pop {
    max-width: 730px;
    padding: 53px 0px 30px;
}

.modal_wrap.type2 .modal_pop > div {
    padding: 0 65px;
    height: auto;
    overflow: visible;
}

.modal_wrap.type2 .modal_pop h2 {
    font-size: 45px;
    font-weight: bold;
    color: #129462;
    margin-bottom: 30px;
}

.modal_wrap.type2 .modal_pop ol {
    width: 300px;
    word-break: keep-all;
}

.modal_wrap.type2 .modal_pop ol li {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 47px;
    color: #000;
}

.modal_wrap.type2 .modal_pop ol li:first-child {
    margin-bottom: 10px;
}

.modal_wrap.type2 .modal_pop ol li span {
    display: inline-block;
}

.modal_wrap.type2 .modal_pop > span {
    display: table;
    width: 100%;
    height: 140px;
    background: #e7edee;
    padding: 0 65px;
    position: relative;
}

.modal_wrap.type2 .modal_pop > span strong {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    font-size: 30px;
    color: #152860;
    font-weight: bold;
}

.modal_wrap.type2 .modal_pop > span em {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: #000;
    word-break: keep-all;
}

.modal_wrap.type2 .modal_pop > span:after {
    content: '';
    width: 178px;
    height: 170px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_flfgrz_01.cat) no-repeat center;
    position: absolute;
    top: calc(-100% - 10px);
    right: 60px;
}

@media all and (max-width: 720px) {
    .modal_wrap.type2 .modal_pop {
        padding: 28px 0 15px;
    }
    .modal_wrap.type2 .modal_pop > div {
        padding: 0 30px;
    }
    .modal_wrap.type2 .modal_pop > div h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .modal_wrap.type2 .modal_pop > div ol {
        width: 68%;
    }
    .modal_wrap.type2 .modal_pop > div ol li {
        font-size: 15px;
    }
    .modal_wrap.type2 .modal_pop > div ol li:first-child {
        margin-bottom: 5px;
    }
    .modal_wrap.type2 .modal_pop > span {
        padding: 0 30px;
        height: 70px;
    }
    .modal_wrap.type2 .modal_pop > span strong {
        font-size: 15px;
    }
    .modal_wrap.type2 .modal_pop > span em {
        font-size: 16px;
    }
    .modal_wrap.type2 .modal_pop > span:after {
        width: 90px;
        height: 85px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_flfgrz_01.cat) no-repeat center/90px 85px;
        right: 15px;
        top: calc(-100% - 45px);
    }
}

/* .btn2 {
    border-radius: 0 !important;
} */
.btn2.type4 {
    color: #000;
    background: #ffff;
    border: 1px solid #2aa998;
}

.btn2.type5 {
    color: #fff;
    background: #ffa021;
}

.btn2.type6 {
    color: #000;
    background: #fff;
    border: 1px solid #3060b7;
}

.finish {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-top: 30px;
}

@media all and (max-width: 720px) {
    .finish {
        font-size: 16px;
        margin-top: 15px;
    }
}

.lookup {
    max-width: calc(630vw/var(--base-screen-width));
    margin: calc(140vw/var(--base-screen-width)) auto 0;
    padding: calc(100vw/var(--base-screen-width)) calc(55vw/var(--base-screen-width)) calc(60vw/var(--base-screen-width));
    background: #f7f7f7;
    position: relative;
}

.lookup:after {
    display: block;
    clear: both;
    content: '';
}

.lookup.type1:before {
    content: '';
    width: calc(298vw/var(--base-screen-width));
    height: calc(156vw/var(--base-screen-width));
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_znc.cat) no-repeat center;
    position: absolute;
    top: calc(-90vw/var(--base-screen-width));
    left: 50%;
    -webkit-transform: translateX(-47%);
    transform: translateX(-47%);
    z-index: 0;
    background-size: contain;
}

.lookup.type2 {
    padding: calc(104vw/var(--base-screen-width)) calc(55vw/var(--base-screen-width)) calc(60vw/var(--base-screen-width));
    margin: calc(180vw/var(--base-screen-width)) auto 0;
    font-family: 'Noto Sans';
}

/* .lookup.type2:before {
    content: '';
    width: 350px;
    height: 185px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_znc2.cat) no-repeat center;
    position: absolute;
    top: -125px;
    left: 50%;
    -webkit-transform: translateX(-47%);
    transform: translateX(-47%);
    z-index: 0;
} */

.lookup.type2:before {
    content: '';
    width: calc(350vw/var(--base-screen-width));
    height: calc(185vw/var(--base-screen-width));
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Svzntrf%2Serfreir%2Sfrnepu_pu_vpba.cat') no-repeat center;
    position: absolute;
    top: calc(-100vw/var(--base-screen-width));
    left: 50%;
    -webkit-transform: translateX(-47%);
    transform: translateX(-47%);
    z-index: 0;
    background-size: contain;
}
.lookup.type2 .left .lookup_form ul {
    position: relative;
    padding-top: calc(40vw/var(--base-screen-width));
}

.lookup.type2 .left .lookup_form ul > li:first-child {
    position: absolute;
    top: 0;
    left: 0;
  /*   width: 100%; */
}

.lookup.type2 .left .lookup_form ul > li span {
    color: #383838;
    padding-bottom: calc(9vw/var(--base-screen-width));
}

.lookup > ul {
    margin-bottom: calc(30vw/var(--base-screen-width));
}

.lookup > ul li {
    margin-bottom: calc(3vw/var(--base-screen-width));
    font-size: calc(14vw/var(--base-screen-width));
    word-break: keep-all;
}

.lookup > ul li:last-child {
    margin-bottom: 0;
}

.lookup > ul li.center {
    text-align: center;
    font-size: 18px;
    color: #000;
}

.lookup .left {
    width: calc(100% - 190px);
    margin-right: calc(50vw/var(--base-screen-width))
}

/* .lookup .right {
    width: 140px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-43%);
    transform: translateY(-43%);
    right: 55px;
} */
.lookup .right {
    width: calc(140vw/var(--base-screen-width));
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-43%);
    transform: translateY(-43%);
    right: calc(70vw/var(--base-screen-width));
    z-index:100;
}

.lookup .right button {
    width: 100%;
    height: auto;
    line-height: 1.2em;
    border-radius: calc(10vw/var(--base-screen-width));
    background: #3060b7;
    text-align: center;
    color: #fff;
    font-size: calc(20vw/var(--base-screen-width));
    word-break: keep-all;
    padding: calc(31vw/var(--base-screen-width)) calc(20vw/var(--base-screen-width));
}

.lookup .lookup_form {
    padding-left: calc(90vw/var(--base-screen-width));
    position: relative;
    z-index: 2;
}
.lookup .lookup_form ul li {
    position: relative;
    margin-bottom: calc(10vw/var(--base-screen-width));
    font-size: calc(14vw/var(--base-screen-width));
}

.lookup .lookup_form ul li:last-child {
    margin-bottom: 0;
}

.lookup .lookup_form ul li span {
    display: block;
    font-size: calc(14vw/var(--base-screen-width));
   	width: calc(250vw/var(--base-screen-width));
}
.numeric{
	width: calc(250vw/var(--base-screen-width));
}

.lookup .lookup_form ul li label {
    font-size: calc(18vw/var(--base-screen-width));
    color: #000;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(-90vw/var(--base-screen-width));
    font-family: 'Noto Sans';
}

.lookup .lookup_form ul li .inp {
    width: 100%;
}

.lookup .lookup_form ul li .inp input {
/* 	width: calc(148vw/var(--base-screen-width)); */
    height: calc(48vw/var(--base-screen-width));
    line-height: calc(65vw/var(--base-screen-width));
}

.lookup .lookup_form .dot_list {
    margin: calc(12vw/var(--base-screen-width)) 0;
}

.lookup .lookup_form .dot_list > li {
    font-size: calc(14vw/var(--base-screen-width));
    margin-bottom: calc(5vw/var(--base-screen-width));
}

.lookup .lookup_form .dot_list > li:before {
    top: calc(7vw/var(--base-screen-width));
}

.lookup .lookup_form button {
/*     width: 100%; */
    height: calc(48vw/var(--base-screen-width));
    line-height: calc(50vw/var(--base-screen-width));
    margin-top: calc(20vw/var(--base-screen-width));
    font-size: calc(20vw/var(--base-screen-width));
    margin-left: 0;
    font-family: 'Noto Sans';
}

.lookup .result {
    display: block;
    text-align: center;
    margin-top: calc(65vw/var(--base-screen-width));
    font-size: calc(22vw/var(--base-screen-width));
    font-family: 'Noto Sans';
}

.lookup .result b {
    font-weight: 500;
    color: #000;
}

@media all and (max-width: 870px) {
    .lookup .left {
        width: calc(100% - 120px);
    }
    .lookup .right {
        width: 100px;
    }
    .lookup .right button {
        padding: 31px 10px;
    }
}

@media all and (max-width: 780px) {
    .lookup.type2 .left .lookup_form ul {
        padding-top: 50px;
    }
    .lookup .right {
        -webkit-transform: translateY(-39%);
        transform: translateY(-39%);
    }
}

@media all and (max-width: 720px) {
    .lookup {
        margin: 85px auto 0;
        padding: 60px 20px 30px;
        max-width: 100%;
    }
    .lookup.type1:before {
        width: 180px;
        height: 100px;
        top: -57px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_znc.cat) no-repeat center/auto 100px;
    }
    .lookup.type2 {
        padding: 70px 20px 30px;
        margin: 120px auto 0;
    }
    .lookup.type2 .left .lookup_form ul {
        padding-top: 35px;
    }
    .lookup.type2 .left .lookup_form ul li span {
        font-size: 13px;
    }
    .lookup.type2:before {
        height: 130px;
    /*     background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_znc2.cat) no-repeat center/auto 130px; */
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Svzntrf%2Serfreir%2Sfrnepu_pu_vpba.cat) no-repeat center;
        width: 200px;
    	background-size: contain;
        top: -87px;
    }
    .lookup .lookup_form .dot_list > li{
    	font-size: calc(35vw/var(--base-screen-width));
    }
    .lookup > ul {
        margin-bottom: 20px;
    }
    .lookup > ul li {
        font-size: 13px;
    }
    .lookup > ul li.center {
        font-size: 16px;
    }
    .lookup .left {
        width: calc(100% - 90px);
    }
    .lookup .right {
        width: 75px;
        -webkit-transform: translateY(-31%);
        transform: translateY(-31%);
        right: 20px;
    }
    .lookup .right button {
        padding: 24px 10px;
        font-size: 15px;
    }
    .lookup .lookup_form {
        padding-left: 75px;
    }
    .lookup .lookup_form ul li {
        margin-bottom: 5px;
    }
    .lookup .lookup_form ul li label {
        font-size: 15px;
        left: -75px;
    }
    .lookup .lookup_form ul li .inp input {
        height: 34px;
        line-height: 36px;
    }
    .voice-button{
    	margin-left:75px !important;
    }

    .lookup .lookup_form button {
        height: 34px;
        line-height: 36px;
        font-size: 15px;
        margin-top: 10px;
    }
    .lookup .result {
        margin-top: 30px;
        font-size: 16px;
    }
}

@media all and (max-width: 480px) {
    .lookup.type2 {
        padding: 55px 20px 30px;
    }
    .lookup.type2:before {
        width: 206px;
        height: 110px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_znc2.cat) no-repeat center/auto 110px;
        top: -80px;
    }
    .lookup.type2 .left .lookup_form ul {
        padding-top: 0px;
    }
    .lookup.type2 .left .lookup_form ul > li span {
        padding-bottom: 5px;
        word-break: keep-all;
    }
    .lookup.type2 .left .lookup_form ul > li:first-child {
        position: static;
    }
    .lookup .left {
        width: 100%;
    }
    .lookup .right {
        width: calc(100% - 75px);
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-left: 75px;
        margin-top: 5px;
    }
    .lookup .right button {
        padding: 9px 10px;
        border-radius: 0;
    }
}

.two_btn {
    font-size: 0;
    line-height: 0;
}

.two_btn button ~ button {
    margin-left: 6px;
}

.two_btn button {
    width: calc(50% - 3px);
    padding: 0;
}

@media all and (min-width: 900px) and (max-width: 1300px) {
    .two_btn button ~ button {
        margin-left: 0;
        margin-top: 10px;
    }
    .two_btn button {
        width: 100%;
    }
}

.lr_box:after {
    content: '';
    display: block;
    clear: both;
}

.lr_box .left {
    float: left;
    margin-right: 150px;
    width: calc(100% - 573px);
}

.lr_box .left ul {
    margin-bottom: 27px;
}

.lr_box .left ul li {
    color: #000;
    word-break: keep-all;
}

.lr_box .left ul li:last-child {
    color: #555;
}

.lr_box .left ol li span {
    font-size: 18px;
    font-weight: bold;
}

.lr_box .right {
    float: left;
}

@media all and (max-width: 1000px) {
    .lr_box .left {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .lr_box .left ul {
        margin-bottom: 20px;
    }
    .lr_box .left ul li {
        font-size: 14px;
    }
    .lr_box .left ol li {
        font-size: 14px;
    }
    .lr_box .left ol li span {
        font-size: 16px;
    }
    .lr_box .right {
        float: none;
        margin-top: 50px;
    }
    .lr_box .right .img {
        text-align: center;
    }
}

@media all and (max-width: 720px) {
    .m_list li {
        font-size: 14px;
    }
}

@media all and (max-width: 720px) {
    .m_txt {
        font-size: 14px;
    }
}

.use_list {
    margin-top: 30px;
}

.use_list:after {
    content: '';
    display: block;
    clear: both;
}

.use_list > li {
    padding: 28px 40px;
    min-height: 121px;
}

.use_list > li:first-child {
    float: left;
    width: 50%;
    background: #6fd3ec;
    border-radius: 40px 0 0 0;
}

.use_list > li:last-child {
    float: left;
    width: 50%;
    background: #3c71bb;
    border-radius: 0 0 40px 0px;
}

.use_list > li span {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.use_list > li em {
    display: block;
    font-size: 25px;
    color: #0d1f3b;
    font-weight: bold;
}

.use_list > li b {
    display: inline-block;
    line-height: 1em;
    vertical-align: top;
    font-size: 50px;
    color: #6fd3ec;
    font-weight: bold;
    padding-left: 20px;
}

@media all and (max-width: 1140px) {
    .use_list {
        padding: 0;
        margin-top: 30px;
    }
    .use_list > li {
        text-align: center;
    }
    .use_list > li:first-child {
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }
    .use_list > li:last-child {
        float: none;
        width: 100%;
    }
    .use_list > li b {
        vertical-align: middle;
        display: block;
        padding-left: 0;
        margin-top: 7px;
    }
    .use_list > li span {
        vertical-align: middle;
        font-weight: 500;
    }
}

@media all and (max-width: 720px) {
    .use_list > li {
        padding: 20px;
        min-height: auto;
    }
    .use_list > li span {
        font-size: 16px;
    }
    .use_list > li em {
        font-size: 20px;
    }
    .use_list > li b {
        font-size: 35px;
    }
}

.time_list {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sot_jnir.cat) no-repeat 50% 50% / cover;
    border-radius: 50px 0 50px 0;
}

.time_list:after {
    content: '';
    display: block;
    clear: both;
}

.time_list > li {
    float: left;
    width: 50%;
    padding: 40px 70px;
    position: relative;
}

.time_list > li:after {
    content: '';
    width: 4px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.time_list > li:first-child:after {
    display: none;
}

.time_list > li:first-child > span {
    background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_pnyy.cat) no-repeat bottom 24px center;
}

.time_list > li:last-child > span {
    background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_gehpx.cat) no-repeat bottom 24px center;
}

.time_list > li ol li {
    color: #fff;
    margin-bottom: 12px;
}

.time_list > li ol li:last-child {
    margin-bottom: 0;
}

.time_list > li ol li span {
    display: block;
    font-size: 28px;
}

.time_list > li ol li b {
    display: block;
    font-size: 25px;
    color: #ffea00;
    font-weight: bold;
}

.time_list > li ol li em {
    font-size: 24px;
}

.time_list > li ol li strong {
    display: block;
    font-size: 18px;
    color: #471515;
    margin-top: 16px;
}

.time_list > li > span {
    display: block;
    width: 180px;
    height: 90px;
    border-radius: 0 0 90px 90px;
    border: 6px solid #e1e1e1;
    border-top: 0;
    position: absolute;
    top: 0px;
    right: 25px;
    background: #fff;
    text-align: center;
}

.time_list > li > span em {
    display: block;
    font-size: 30px;
    color: #1d3c68;
    margin-top: -20px;
    word-break: keep-all;
}

@media all and (max-width: 1120px) {
    .time_list {
        border-radius: 0;
        background: none;
    }
    .time_list > li {
        float: none;
        width: 100%;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Sot_jnir.cat) no-repeat 50% 50% / cover;
        margin-bottom: 50px;
        border-radius: 30px 0 30px 0;
    }
    .time_list > li:after {
        display: none;
    }
    .time_list > li:last-child {
        margin-bottom: 0;
    }
}

@media all and (max-width: 720px) {
    .time_list > li {
        margin-bottom: 30px;
        padding: 20px 35px;
        border-radius: 20px 0 20px 0;
    }
    .time_list > li ol li {
        margin-bottom: 8px;
    }
    .time_list > li ol li span {
        font-size: 20px;
    }
    .time_list > li ol li b {
        font-size: 18px;
    }
    .time_list > li ol li strong {
        font-size: 17px;
        margin-top: 8px;
    }
    .time_list > li ol li em {
        font-size: 17px;
    }
    .time_list > li > span {
        width: 90px;
        height: 45px;
        border-radius: 0 0 45px 45px;
        border-width: 3px;
        right: 15px;
    }
    .time_list > li > span em {
        font-size: 16px;
        margin-top: -10px;
    }
    .time_list > li:first-child > span {
        background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_pnyy.cat) no-repeat bottom 6px center/auto 20px;
    }
    .time_list > li:last-child > span {
        background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_gehpx.cat) no-repeat bottom 6px center/auto 20px;
    }
}

.page_none {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.page_none > div {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 650px;
    border-radius: 50%;
    width: 100%;
    background-color: #abedde;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #000;
}

.page_none > div:before {
    content: '';
    width: 560px;
    height: 224px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_cntrAbar.cat) no-repeat center/560px 224px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page_none > div:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.page_none > div > div {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -65%);
    transform: translate(-50%, -65%);
}

.page_none > div span {
    display: block;
    font-size: 24px;
}

.page_none > div b {
    display: block;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 35px;
}

.page_none > div em {
    display: block;
    font-size: 18px;
    color: #115445;
}

.page_none > div .btn_box {
    display: block;
    max-width: 400px;
    margin: 35px auto 0;
}

.page_none > div .btn_box button {
    width: calc(50% - 8px);
    height: 50px;
    line-height: 48px;
    font-size: 18px;
    border-radius: 10px;
    background: #fff;
    color: #000;
    border: 0;
    margin-right: 16px;
}

.page_none > div .btn_box button:last-child {
    background: #fe255d;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
}

@media all and (max-width: 720px) {
    .page_none > div {
        max-width: 100%;
        width: calc(100% - 30px);
    }
    .page_none > div:before {
        content: '';
        width: 400px;
        height: 160px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_cntrAbar.cat) no-repeat center/75%;
        position: absolute;
        bottom: -50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .page_none > div > div {
        padding: 0 30px;
    }
    .page_none > div span {
        font-size: 14px;
    }
    .page_none > div b {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .page_none > div em {
        font-size: 13px;
    }
    .page_none > div .btn_box {
        margin: 20px auto 0;
        max-width: 320px;
    }
    .page_none > div .btn_box button {
        width: calc(50% - 4px);
        height: 40px;
        line-height: 38px;
        font-size: 14px;
        padding: 0 10px;
        margin-right: 8px;
    }
}

@media all and (max-width: 320px) {
    .page_none > div {
        width: calc(100% - 0px);
    }
    .page_none > div .btn_box button {
        padding: 0 2px;
    }
}

.box_close1day {
    width: 100%;
    height: 40px;
    background: #ddd;
    position: fixed;
    bottom: 0;
    text-align: right;
    margin-right: 10px;
    padding: 8px 20px;
}

.box_close1day * {
    font-size: 16px;
}

.box_close1day p {
    padding: 5px 10px 0 0;
}

.box_close1day .type_box {
    float: left;
}

.box_close1day .type_box input {
    width: 20px;
    height: 20px;
    margin-right: 0;
}

.box_close1day .closeBtn {
    float: right;
}

/*모듈 css*/

@media screen and (max-width: 720px) {
    .table.mobile tr {
        display: block;
        width: 100%;
    }
    .table.mobile tr th {
        border: 0;
        background: #fff;
        text-align: left;
        display: block;
        width: 100%;
        padding: 15px 0 7px 0;
    }
    .table.mobile tr td {
        display: block;
        width: 100%;
        padding: 0 0 15px;
    }
}
.tableA tbody tr td > div.phone.type2 > div {
    width: 80px;
    margin-right: 5px;
}
.tableA tbody tr td > div.phone.type2 > div:nth-child(2) {
    width: 160px;
}
.tableA tbody tr td > div.phone.type2 > div:last-child {
    width: calc(100% - 250px);
    margin-right: 0;
}
.margin_l_0 {
    margin-left: 0 !important;
}
.bg_no {
    width: 50px;
}
.bg_no input {
    background-image: none !important;
    text-align: center;
}
.pc_t {
    width: 400px;
}
.pc_t .count {
    text-align: center;
}
.pc_t .count button {
    margin-left: 0;
}
.margin_t_20 {
    margin-top: 20px !important;
}
.m_ui {
    display: none;
    text-align: center;
    font-size: 18px;
}
@media screen and (max-width: 900px) {
    .pc_ui {
        display: none;
    }
    .m_ui {
        display: block;
    }
}
/*220103 팝업레이어 추가 - 김영산*/
.pop_wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}
.pop_wrap.m_pop .pop {
    display: none;
    /* width: 500px; */
    position: absolute;
    left: 0;
    top: 0;
}
.pop_wrap .pop.active {
    display: block;
}
.pop_wrap .pop > div:first-child {
    max-height: 680px;
    padding: 15px 30px 30px;
    overflow: hidden;
    overflow-y: scroll;
}
.pop_wrap .pop .check {
    background: #fff;
    padding: 15px 30px;
    line-height: 24px;
}
.pop_wrap .pop .check input {
    margin-right: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.pop_wrap .pop .check label {
    cursor: pointer;
    vertical-align: middle;
}
.pop_wrap .pop .check input[type='checkbox']:checked {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spurpx.cat) no-repeat center;
}
.pop_wrap .pop .close_pop {
    width: 30px;
    height: 30px;
    background: #000 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Spybfr_cbc.cat) no-repeat center;
    background-size: 15px auto;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 0.7;
    padding: 0;
}
.pop_wrap.pc_pop .pop{width: 100%;}
.pop_wrap.pc_pop .pop.survey_22{width: 550px;}
.m_pop{display: none;}
.pop_wrap.m_pop .pop .img_box{text-align: center; background: #fff; padding: 0 !important; max-height: 100% !important; overflow: visible; overflow-y: auto;}
@media screen and (max-width: 1080px) {
    .pop_wrap.m_pop {
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .pop_wrap.m_pop .pop {
        width: calc(100% - 20px);
        left: 50% !important;
        top: 15px !important;
        transform: translateX(-50%);
    }
    .pop_wrap.m_pop .pop > div:first-child {
        max-height: calc(100vh - 100px);
        padding: 15px;
    }
}
@media screen and (max-width: 360px) {
    .pop_wrap.m_pop .pop {
        max-width: 100%;
        left: 0 !important;
        top: 0 !important;
        transform: translateX(0);
    }
    .pop_wrap.m_pop .pop > div:first-child {
        max-height: calc(100vh - 54px);
        padding: 15px;
    }
}
.survey_22 {
  background: #8ecbf7 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfrei_ot.cat) no-repeat center 67px;
}
.survey_22 h2 {
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sgvg.cat) no-repeat center 60px;
  height: 160px;
}
.survey_22 h2 span:first-child {
    color: #fff;
    background: #2e3c69;
    text-align: center;
    display: block;
    width: calc(100% + 60px);
    margin-left: -30px;
    font-size: 25px;
    padding: 5px 0;
}
.survey_22 dl {
    margin-top: 20px;
    background: #fff;
    border-radius: 30px;
    padding: 0px 30px 30px 30px;
}
.survey_22 dl dt {
    padding-top: 30px;
}
.survey_22 dl dt > span:first-child {
    width: 56px;
    height: 54px;
    display: inline-block;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Scevqr.cat) no-repeat center;
    text-align: center;
    line-height: 54px;
    color: #b37e1e;
    font-weight: 600;
    margin-right: 20px;
}
.survey_22 dl dt > b {
    font-size: 20px;
    font-weight: 500;
}
.survey_22 dl dt span:last-child {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S15990903.be.xe%2Spbzzba%2Spff%2S..%2Svzntrf%2Sfnl.cat) no-repeat center;
    display: inline-block;
    width: 56px;
    height: 56px;
    text-align: center;
    color: #fff;
    line-height: 52px;
    font-size: 15px;
    position: relative;
    top: -20px;
}
.survey_22 dl dd {
    border-bottom: 1px dotted #ddd;
    padding: 10px 0 20px;
}
.survey_22 dl dd:last-child {
    border-bottom: none;
}
.survey_22 dl dd ul {
    padding-left: 75px;
}
.survey_22 dl dd ul li {
    float: left;
    width: 50%;
    line-height: 30px;
}
@media screen and (max-width: 500px) {
    .survey_22 h2 {
        background-size: auto 70px;
        height: 140px;
    }
    .survey_22 dl {
        padding: 15px;
    }
    .survey_22 dl dt {
        padding-top: 25px;
    }
    .survey_22 dl dt > span:first-child {
        width: 40px;
        background-size: 40px auto;
        margin-right: 10px;
        font-size: 14px;
    }
    .survey_22 dl dt > b {
        font-size: 16px;
    }
    .survey_22 dl dt span:last-child {
        width: 40px;
        height: 40px;
        background-size: 35px auto;
        font-size: 14px;
        line-height: 35px;
    }
    .survey_22 dl dd {
        padding: 0px 0 15px;
    }
    .survey_22 dl dd ul {
        padding-left: 50px;
        font-size: 14px;
    }
    .survey_22 dl dd ul li {
        float: left;
        width: 50%;
        line-height: 30px;
    }
}

/* 로딩바 */
.loding-wrapper-container {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  filter: url('#goo');
  animation: rotate-move 2s ease-in-out infinite;
  z-index: 1;
}

.loding-dot {
  width: 70px;
  height: 70px;
  border-radius: 80%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.dot-3 {
  background-color: #f74d75;
  animation: dot-3-move 1s ease infinite;
}

.dot-2 {
  background-color: #10beae;
  animation: dot-2-move 1s ease infinite;
}

.dot-1 {
  background-color: #ffe386;
  animation: dot-1-move 1s ease infinite;
}
.loding-wrapper{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
}
.loding-text-wrapper{
	position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50% );
}
.loding-text{
	font-size: 20px;
	color: #ffffff;
	text-align: center;
}
@keyframes dot-3-move {
  20% {transform: scale(1)}
  45% {transform: translateY(-18px) scale(.45)}
  60% {transform: translateY(-40px) scale(.45)}
  80% {transform: translateY(-40px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-2-move {
  20% {transform: scale(1)}
  45% {transform: translate(-16px, 12px) scale(.45)}
  60% {transform: translate(-40px, 40px) scale(.45)}
  80% {transform: translate(-40px, 40px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-1-move {
  20% {transform: scale(1)}
  45% {transform: translate(16px, 12px) scale(.45)}
  60% {transform: translate(40px, 40px) scale(.45)}
  80% {transform: translate(40px, 40px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes rotate-move {
  55% {transform: rotate(0deg)}
  80% {transform: rotate(360deg)}
  100% {transform: rotate(360deg)}
}
/* .table_list{border-top: 2px solid #000; width: 500px;} */
.table_list > div{text-align: center; font-size: 0; line-height: 0; border-bottom: 1px solid #d8d8d8; background: #f8f6f5;}
.table_list > div > span{display: inline-block; width: 50%; font-size: 16px; line-height: 1.2em; padding: 13px 0;}
.table_list > div > span:last-child{border-left: 1px solid #d8d8d8;}
.table_list > ul > li{text-align: center; font-size: 0; line-height: 0; border-bottom: 1px solid #d8d8d8;}
.table_list > ul > li > span{display: inline-block; vertical-align: middle; width: 50%; font-size: 16px; line-height: 1.2em; padding: 10px; }
.table_list > ul > li > div{display: inline-block; width: 50%; vertical-align: middle; padding: 10px; border-left: 1px solid #d8d8d8;}
.tableA .table_list button{margin-left: 0;}
@media all and (max-width:900px){
    .table_list{width: 100%;}
    .table_list > div > span:first-child{width: 35%;}
    .table_list > div > span:last-child{width: 65%;}
    .table_list > ul > li > span{width:35%; font-size: 14px;}
    .table_list > ul > li > div{width: 65%;}
    .table_list > ul > li > div .inp{width: 100%;}
}
.date.type2 .txt_inp{display: inline-block; vertical-align: middle; width: 95px; font-size: 14px; line-height: 1.2em;}
.date.type2 .date_inp{font-size: 0; line-height: 0;}
.txt_inp .inp{margin-right: 5px !important;}
.date.type2 > div .date_inp{max-width: 305px;}
.date.type2 > div .date_inp > .inp{width: calc(100% - 105px);}\

/* 모바일 해상도 */
@media all and (max-width:720px){
    .date.type2 > div .date_inp{max-width: 100%;}
     .btn_box.btn2 button{width: calc(50% - 3px); font-size: 12px;}
}