@charset "UTF-8";

/*---------------------------------------------
	reset
---------------------------------------------*/
/* normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */


:root {
    /* color */
	--primaryColor: #104DC8;
	/* --primaryColor: #085EEF; */
	--secondaryColor: #085EEF;
	--redColor1: #ff3101;
    --orgColor1: #ffa201;
    --orgColor2: #f98070;
    --orgColor3: #ff2d02;

	--txtColor: #666666;
	--whiteColor: #ffffff;
    --blackColor1: #000000;
    --blackColor2: #333333;
    --blackColor3: #666666;
    --blackColor4: #636465;
	--blackColor5: #4c4c4c;
	--grayColor1: #d9d9d9;
	--grayColor2: #b2b2b2;
    
    --blueColor1: #005fc9;
    --blueColor2: #4b79ee;
    --blueColor3: #7bbaf5;
    --blueColor4: #e9f4ff;

	
    --bgBlock01: #ffffff;
	--bgBlock02: #f7f9fd;
	--bgBlock03: 247, 249, 253;
	--bgBlock04: 255, 255, 255;

    /* size */
    --w100: 100%;
    --w18: 18%;
    --w20: 20%;
    --w34: 34%;
	--w500: 500px;
	--w880: 880px;
	--w1100: 1100px;
    --conwidth: 60rem;

	--ellexiAiw: 500px;
	--aiTalkTxt: 600px;
	--chatw: 85%;
    
    /* align */
    --margin--auto: 0 auto;

    /* space */
    --btnarea--margin--top1: 2rem;
    --btnarea--margin--top2: 3rem;

    /* etc */
    --transition:all ease .4s;
    --boxshadow1: 2px 3px 6px rgba(0,0,0,.15);
    --boxshadow2: 2px 5px 8px rgba(0,0,0,.1);
    --boxshadow3: 0px 15px 18px -11px rgba(0,0,0,0.16);
    --dropshadow1: drop-shadow(0 6px 8px rgba(0,0,0,.3));
    --textshadow1: 0 1px 8px rgba(0,0,0,.3);
    --y50: translateY(-50%);
    --x50: translateX(-50%);
    --xy50: translate(-50%, -50%);

    /* paging */
    --paging--size: 2rem;

	--gpt-ease-out-high: cubic-bezier(0.25, 0.8, 0.25, 1);
}


/* Color */

.blue1 {
    color: var(--blueColor1) !important;;
}
.black1 {
    color: var(--blackColor1) !important;
}
.black2 {
    color: var(--blackColor2) !important;
}
.black3 {
    color: var(--blackColor3) !important;
}
.gray1 {
    color: var(--grayColor1) !important;
}
.red {
    color: var(--redColor1) !important;
}
.org1 {
    color: var(--orgColor1) !important;
}




::selection {
    background: #3367d1;
	color:#ffffff;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #104DC8;
  position: fixed;
  z-index: 2040;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}
.pace-inactive {
  display: none;
}


@keyframes fadeInFromNone {
  0% {
    display: none;
    -webkit-transform: scale(0.45);
         -o-transform: scale(0.45);
            transform: scale(0.45);
    opacity: 0;
  }

  1% {
    display: block;
    -webkit-transform: scale(0.85);
         -o-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0.5;
  }

  100% {
    display: block;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}


/*---------------------------------------------
	#keyframes
---------------------------------------------*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes slideDownM {
    0% {
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes slideDownM {
    0% {
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes chatbotMsgShow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes chatbotMsgShow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes popDimShow {
    0% {
        background-color: rgba(0, 0, 0, 0);
    }
    100% {
        background-color: rgba(0, 0, 0, 0.8);
    }
}
@keyframes popDimShow {
    0% {
        background-color: rgba(0, 0, 0, 0);
    }
    100% {
        background-color: rgba(0, 0, 0, 0.8);
    }
}
@-webkit-keyframes popDimHide {
    0% {
        background-color: rgba(0, 0, 0, 0.8);
    }
    100% {
        background-color: rgba(0, 0, 0, 0);
    }
}
@keyframes popDimHide {
    0% {
        background-color: rgba(0, 0, 0, 0.8);
    }
    100% {
        background-color: rgba(0, 0, 0, 0);
    }
}
@-webkit-keyframes popSlideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
                transform: translateY(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes popSlideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
                transform: translateY(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes popSlideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(80px);
                transform: translateY(80px);
    }
}
@keyframes popSlideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(80px);
                transform: translateY(80px);
    }
}




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

body {
    margin: 0;
	height:100%;
}

article, aside, footer, header, nav, section {
    display: block;
}

em{font-style:normal;}

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

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	display:block;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}

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

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio, video {
    display: inline-block;
}

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

img {
    border-style: none;
}

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

button {
    cursor: pointer;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}



legend, caption, hr {
    display: none;
}


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

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}



/*---------------------------------------------
	reset override
---------------------------------------------*/
html, body {
    height: 100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
    line-height:24px;
    font-family: 'Google Sans Flex', 'Pretendard', Arial, Helvetica, 'San-Serif';
    font-size: 16px;
	font-weight:400;
    color: #111111;
	background:#ffffff;
	/* letter-spacing:-0.25px; */
}

button, input, textarea, select, a {
    font-family:'Google Sans Flex', 'Pretendard', Arial, Helvetica, 'San-Serif';
}

button, input, optgroup, select, textarea {
    font-size: 100%;
    /* line-height: 1.15; */
    margin: 0;
}

html, body, div, h1, h2, h3, h4, h5, h6, span, object, iframe, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, button,
time, mark, audio, video {
    margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	word-break: keep-all; 
	box-sizing: border-box;
	font-size: 100%;
}


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



/* body{overflow: overlay !important; height:100%;} */

::-webkit-scrollbar {
    width: 8px;
	height: 8px;
	background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background-clip: content-box;
    width: 8px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    background-color: #e6e8eb;
    border-radius: 0;
}


.scroll-blue::-webkit-scrollbar {
    width: 4px;
	height: 4px;
	background-color: transparent;
}
.scroll-blue::-webkit-scrollbar-thumb {
    background-clip: content-box;
    width: 4px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    background-color: #104DC8;
    border-radius: 0;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: 500;
}

p {
    margin: 0;
    padding: 0;    
}

a, a:link, a:visited, a:hover {
    text-decoration: none;
    color: inherit;
}

/* a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 2px dotted red !important;
	outline-offset: -1px;
} */



:focus:not(:focus-visible), .se-date input:focus{outline:0;}

*:focus,
a:focus:focus-visible,
a:focus:focus-visible > img,
h1:focus:focus-visible,
button:focus:focus-visible,
select:focus:focus-visible,
.swiper-slide a:focus a{outline-color:red; outline-style:dotted; outline-offset: -2px;outline-width: 2px;transition: all 0.1s !important;}




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

dl, dt, dd {
    margin: 0;
}

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

/* body {
    letter-spacing: -0.025em;
} */

/* button, input, textarea, select{
    letter-spacing: -0.025em;
} */

input[type=tel], input[type=number] {
    letter-spacing: 0;
}

input[type=tel]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder {
    letter-spacing: -0.025em;
}

input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder {
    letter-spacing: -0.025em;
}

input[type=tel]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder {
    letter-spacing: -0.025em;
}

input[type=tel]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder {
    letter-spacing: -0.025em;
}

input[type=tel]::placeholder, input[type=number]::placeholder {
    letter-spacing: -0.025em;
}

/*---------------------------------------------
	#helper #헬퍼
---------------------------------------------*/
/* 정렬 */
.tal {
    text-align: left !important;
}

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

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

/* space #간격 */
.nospace,
.p-nospace {
    margin-top: 0 !important;
}

/*---------------------------------------------
	#text color #텍스트컬러
---------------------------------------------*/
.clr-01 {
    color: #303030;
}

.clr-02 {
    color: #707070;
}

.clr-03 {
    color: #776C61;
}

.clr-04 {
    color: #F83838;
}

.clr-05 {
    color: #ee5700;
}

.clr-06 {
    color: #0AB264;
}

.clr-07 {
    color: #a0a0a0;
}

/*---------------------------------------------
	#hidden text #히든 텍스트
---------------------------------------------*/
.hidden-txt {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: -1;
    border: 0;
    width: 1px;
    height: 1px;
    font-size: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

.hidden-cap {
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    margin-top: -1px;
    padding: 0;
    line-height: 0;
    border: 0;
    font-size: 0;
}

/*---------------------------------------------
	#conts layout #컨텐츠
---------------------------------------------*/
/*
    desc-pack
*/
.desc-pack {
    margin-bottom: 40px;
}
.desc-pack .desc {
    font-size: 18px;
}
.desc-pack .desc .emp-line {
    z-index: 1;
    position: relative;
}
.desc-pack .desc .emp-line:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 3px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% + 4px);
    height: 6px;
    border-radius: 6px;
    background-color: #FFCC00;
}
.desc-pack .desc + .desc {
    margin-top: 16px;
}
.desc-pack .sp-bullet {
    margin-top: 16px;
}
.desc-pack.space-l {
    margin-bottom: 60px;
}
.desc-pack.b-space-l {
    margin-top: -24px;
}

/*
    title-pack
*/
.title-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.title-pack .col-right {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}
.title-pack .col-right > * {
    display: inline-block;
    vertical-align: middle;
}
.title-pack .col-right .conts .tit {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
}
.title-pack .col-right .conts .se-select {
    margin-top: 0;
    margin-left: 11px;
    width: 150px;
    vertical-align: middle;
}
.title-pack .col-right .conts.side-bar:before {
    content: "";
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 14px;
    background-color: #E9E9E9;
    vertical-align: middle;
}
.title-pack .col-right .conts.side-bar:first-child:before {
    content: none;
}
.title-pack .col-right .info {
    font-size: 15px;
    color: #AAAAAA;
}
.title-pack .text {
    font-size: 15px;
}
.title-pack .text .link {
    text-decoration: underline;
}
.title-pack .amount-val {
    
    letter-spacing: -1px;
    z-index: 1;
    position: relative;
    display: inline-block;
    margin-left: 45px;
    margin-top: -15px;
    font-size: 28px;
    font-weight: 700;
}
.title-pack .amount-val .unit {
    font-size: 22px;
}
.title-pack .amount-val:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% + 14px);
    height: 12px;
    border-radius: 30px;
    background-color: #FFEB99;
}
.title-pack .se-btn.btn-tbl {
    margin-bottom: 15px;
}
.title-pack .se-select {
    margin-top: -15px;
}
.title-pack.vat {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.title-pack.b-space-m {
    margin-top: -10px;
}

/*
    row-pack
*/
.row-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.row-pack > *:not(.col-right) {
    width: 100%;
}
.row-pack > .col-right {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}
.row-pack.vat {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.row-pack.vab {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

/* 
    part
*/
.part .desc {
    font-size: 18px;
    margin-bottom: 20px;
}
.part > .text {
    margin-top: 20px;
    font-size: 15px;
}
.part > .text + *:not(.dep-cnt, .inquiry-prod-list) {
    margin-top: 20px;
}
.part > .text + .sp-tbl.space-l {
    margin-top: 50px;
}
.part .dep-cnt {
    padding-left: 20px;
    margin-top: 15px;
}
.part .dep-cnt ul.sp-bullet-nor li {
    color: #707070;
}
.part .dep-cnt ul.sp-bullet-nor li + li {
    margin-top: 15px;
}
.part .dep-cnt ul.sp-bullet-nor:first-child {
    margin-top: 0;
}
.part .dep-cnt .sub-text {
    margin-top: 15px;
}
.part .dep-cnt .sub-text:first-child {
    margin-top: 0;
}
.part .dep-cnt .dep-cnt {
    margin-top: 10px;
}
.part .dep-cnt .dep-cnt .text,
.part .dep-cnt .dep-cnt .sub-text {
    margin-top: 10px;
}
.part .dep-cnt .dep-cnt .text {
    text-indent: 0;
}
.part .sp-bullet-nor .dep-cnt {
    padding-left: 0;
}
.part .sub-text {
    margin-top: 20px;
    font-size: 15px;
    color: #707070;
}
.part .sub-text .link {
    text-decoration: underline;
    color: #ee5700;
}
.part .sub-text.clr-04 {
    color: #F83838;
}
.part .sub-text.clr-01 {
    color: #303030;
}
.part .sub-text.ty-star {
    padding-left: 8px;
    text-indent: -8px;
}
.part > *:first-child:not(.noresult-pack) {
    margin-top: 0;
}
.part h5.se-title + *,
.part h4.se-title + * {
    margin-top: 0;
}

/* 
    하단 날짜 리스트
*/
.base-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
}
.base-date > li + li {
    margin-left: 20px;
}

/* 
    banner-conts-pack
*/
.banner-conts-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 100px;
}
.banner-conts-pack > .conts {
    padding: 0 90px;
    text-align: center;
}
.banner-conts-pack > .conts .text {
    font-size: 18px;
}
.banner-conts-pack > .conts .btn-pack {
    margin-top: 30px;
}
.banner-conts-pack > .conts .btn-pack .se-btn + .se-btn {
    margin-left: 10px;
}
.banner-conts-pack > .conts + .conts {
    border-left: 1px solid #E6E6E6;
}

/*---------------------------------------------
	#box #박스
---------------------------------------------*/
/*
    info-box
*/
.info-box {
    width: 100%;
    padding: 40px;
    border-radius: 7px;
    background-color: #FFFFFF;
}
.info-box > .title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
}
.info-box > .title + ul.sp-bullet {
    margin-top: 0;
}
.info-box ul.sp-bullet.ty-dot li {
    color: #303030;
}
.info-box ul.sp-bullet.ty-dot li:before {
    background-color: #303030;
}
.info-box hr.divide-line {
    margin: 30px 0;
    height: 1px;
    border: none;
    background-color: #E6E6E6;
}
.info-box .conts .text {
    margin-top: 6px;
    font-size: 16px;
}
.info-box .conts .text:first-child {
    margin-top: 0;
}

/*
    bg-box
*/
.bg-box {
    width: 100%;
    margin-top: 30px;
    padding: 50px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    background-color: #fff;
}
.bg-box .se-title {
    margin-bottom: 10px;
}
.bg-box .sub-text {
    font-size: 16px;
}
.bg-box .main-desc {
    font-size: 18px;
    margin-bottom: 30px;
}
.bg-box .main-desc + * {
    margin-top: 0;
}
.bg-box .desc {
    font-size: 15px;
}
.bg-box .value {
    font-size: 13px;
    color: #707070;
}
.bg-box .value b {
    font-weight: 700;
}
.bg-box .sp-main-btnset {
    margin-top: 50px;
}
.bg-box .btn-link-pack {
    margin-top: 40px;
}
.bg-box .row-pack .col-right {
    padding-left: 0;
}
.bg-box .row-pack .col-right .btn-etc {
    margin-left: 50px;
}
.bg-box .inquiry-item .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 0;
}
.bg-box .inquiry-item .row .col {
    width: 100%;
}
.bg-box .inquiry-item .row .col + .col {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-1 {
    width: 8.333%;
}
.bg-box .inquiry-item .row .col-1 + .col-1 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-2 {
    width: 16.666%;
}
.bg-box .inquiry-item .row .col-2 + .col-2 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-3 {
    width: 24.999%;
}
.bg-box .inquiry-item .row .col-3 + .col-3 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-4 {
    width: 33.332%;
}
.bg-box .inquiry-item .row .col-4 + .col-4 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-5 {
    width: 41.665%;
}
.bg-box .inquiry-item .row .col-5 + .col-5 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-6 {
    width: 49.998%;
}
.bg-box .inquiry-item .row .col-6 + .col-6 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-7 {
    width: 58.331%;
}
.bg-box .inquiry-item .row .col-7 + .col-7 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-8 {
    width: 66.664%;
}
.bg-box .inquiry-item .row .col-8 + .col-8 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-9 {
    width: 74.997%;
}
.bg-box .inquiry-item .row .col-9 + .col-9 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-10 {
    width: 83.33%;
}
.bg-box .inquiry-item .row .col-10 + .col-10 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-11 {
    width: 91.663%;
}
.bg-box .inquiry-item .row .col-11 + .col-11 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .col-12 {
    width: 99.996%;
}
.bg-box .inquiry-item .row .col-12 + .col-12 {
    margin-left: 40px;
}
.bg-box .inquiry-item .row .tit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 150px;
    min-width: 150px;
    min-height: 42px;
    font-size: 15px;
    color: #707070;
}
.bg-box .inquiry-item .row .conts {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% - 150px);
    min-height: 42px;
}
.bg-box .inquiry-item .row .conts .sp-checkset label {
    margin-top: 2px;
}
.bg-box .inquiry-item .row .conts .sp-formset {
    width: 100%;
}
.bg-box .inquiry-item .row .sp-formbtn .se-btn.btn-etc {
    margin-left: 50px;
}
.bg-box .inquiry-item .row + .row {
    margin-top: 12px;
}
.bg-box .inquiry-result .row {
    font-size: 0;
}
.bg-box .inquiry-result .row .tit {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    font-size: 17px;
    font-weight: 700;
    color: #ee5700;
}
.bg-box .inquiry-result .row .conts {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 150px);
}
.bg-box .inquiry-result .row .conts .data {
    
    letter-spacing: -1px;
    z-index: 10;
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-size: 22px;
}
.bg-box .inquiry-result .row .conts .data:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: -7px;
    bottom: 1px;
    width: calc(100% + 12px);
    height: 13px;
    border-radius: 30px;
    background-color: #FFEB99;
}
.bg-box .inquiry-result .row .conts .data .amount {
    vertical-align: middle;
    font-size: 22px;
}
.bg-box ul.divide-detail-list {
    margin-top: 45px;
}
.bg-box ul.divide-detail-list > li .tit {
    color: #707070;
}
.bg-box .noresult-pack {
    margin-bottom: 50px;
}
.bg-box .divide-line {
    margin: 40px 0;
    height: 1px;
    border: none;
    background-color: #E6E6E6;
}
.bg-box.sz-s {
    padding-top: 30px;
    padding-bottom: 30px;
}
.bg-box.sz-l {
    padding-top: 60px;
    padding-bottom: 60px;
}
.bg-box.wd-fix {
    width: 500px;
    margin: 30px auto 0;
}
.bg-box.space-s {
    margin-top: 20px;
}
.bg-box.space-l {
    margin-top: 50px;
}

/*
    bg-box - ty-01
*/
.bg-box.ty-01 {
    margin-top: 40px;
    padding: 50px;
    border-radius: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.bg-box.ty-01:first-child {
    margin-top: 0;
}
.bg-box.ty-01.sz-l {
    padding: 60px;
}
.bg-box.ty-01.space-s {
    margin-top: 20px;
}

/*
   bg-gy-box 
*/
.bg-gy-box {
    margin-top: 30px;
    padding: 40px 50px;
    border-radius: 10px;
    background-color: #F9F9F9;
}
.bg-gy-box.ty-01 {
    padding: 40px;
}

/*
    line-bg-box
*/
.line-bg-box {
    width: 100%;
    margin-top: 30px;
    padding: 50px;
    border-radius: 12px;
    line-height: 1.3;
    border: 1px solid #E6E6E6;
    background-color: #FCFCFC;
}
.line-bg-box .text {
    font-size: 16px;
    line-height: 1.3;
}
.line-bg-box .text .emp {
    font-size: 18px;
    font-weight: 700;
}
.line-bg-box .text .clr-02 {
    color: #707070;
}
.line-bg-box .text .clr-03 {
    color: #776C61;
}
.line-bg-box .info {
    margin-top: 10px;
    font-size: 14px;
    color: #707070;
}
.line-bg-box .val-text {
    margin-top: -10px;
    margin-bottom: -10px;
}
.line-bg-box .val-text .tit {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #A0A0A0;
}
.line-bg-box .val-text .data {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #71675D;
}
.line-bg-box .phone-num {
    margin-top: 10px;
}
.line-bg-box .phone-num .num {
    display: inline-block;
    margin-top: -2px;
    font-size: 20px;
    font-weight: 700;
    color: #776C61;
    vertical-align: middle;
}
.line-bg-box .inquiry-item .row {
    font-size: 0;
}
.line-bg-box .inquiry-item .row .tit {
    display: inline-block;
    width: 150px;
    font-size: 15px;
    margin-top: 10px;
    color: #707070;
    vertical-align: top;
}
.line-bg-box .inquiry-item .row .conts {
    display: inline-block;
    width: calc(100% - 150px);
    vertical-align: top;
}
.line-bg-box .inquiry-item .row .sp-formbtn .se-btn.btn-etc {
    margin-left: 50px;
}
.line-bg-box .inquiry-item .row + .row {
    margin-top: 12px;
}
.line-bg-box .row-pack .col-right {
    padding-left: 0;
}
.line-bg-box .row-pack .col-right .btn-etc {
    margin-left: 50px;
}
.line-bg-box.bg-01 {
    background-color: #fff;
}
.line-bg-box.sz-s {
    padding: 30px;
}
.line-bg-box.wd-fix {
    width: 500px;
    margin: 30px auto 0;
}

/*
    line-hor-box
*/
.line-hor-box {
    padding: 14px 35px;
    border-top: 1px solid #71675D;
    border-bottom: 1px solid #A0A0A0;
}
.line-hor-box ul.check-list {
    margin-bottom: -10px;
    font-size: 0;
}
.line-hor-box ul.check-list > li {
    margin-bottom: 10px;
    padding: 9px 0;
    vertical-align: top;
}
.line-hor-box ul.check-list > li:nth-child(4n) {
    margin-right: 0;
}
.line-hor-box ul.check-list > li .sp-formset {
    margin-top: 10px;
    margin-left: 18px;
}
.line-hor-box ul.check-list > li .sp-formset .se-textarea {
    width: 460px;
}

/*
    main-desc-box
*/
.main-desc-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-desc-box .se-title {
    margin-bottom: 0;
}
.main-desc-box .col-right {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: auto;
    padding-left: 200px;
}
.main-desc-box.vab {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.main-desc-box.space-l {
    margin-top: 50px;
}

/*
    csnumber-box
*/
.csnumber-box {
    padding: 30px 40px;
    border-radius: 7px;
    background-color: #fff;
}
.csnumber-box .txt {
    font-size: 15px;
}
.csnumber-box .number {
    margin-top: 20px;
    text-align: right;
}
.csnumber-box .number .se-ico.ico-phone {
    width: 18px;
    height: 18px;
}
.csnumber-box .number .num {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    color: #71675D;
}

/*---------------------------------------------
	#list #리스트
---------------------------------------------*/
/*
    detail-list
*/
ul.detail-list {
    font-size: 0;
}
ul.detail-list > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
ul.detail-list > li .tit,
ul.detail-list > li .data {
    display: inline-block;
    vertical-align: middle;
}

/*
    data-list
*/
ul.data-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.2;
}
ul.data-list > li .tit {
    font-size: 15px;
    color: #707070;
}
ul.data-list > li .data {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    font-size: 15px;
}
ul.data-list > li .sp-tooltip {
    margin-top: -2px;
}
ul.data-list > li + li {
    margin-top: 15px;
}

/*
    divide-detail-list
*/
ul.divide-detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
ul.divide-detail-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    padding: 8px 35px;
    border-right: 1px solid #e9e9e9;
}
ul.divide-detail-list > li .tit {
    font-size: 15px;
    color: #707070;
    text-align: left;
}
ul.divide-detail-list > li .tit .sp-tooltip {
    margin-top: -1px;
}
ul.divide-detail-list > li .data {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    font-size: 15px;
}
ul.divide-detail-list > li:nth-child(2n) {
    border-right: none;
    padding-right: 0;
}
ul.divide-detail-list > li:nth-child(2n-1) {
    padding-left: 0;
}
ul.divide-detail-list > li:first-child, ul.divide-detail-list > li:nth-child(2) {
    padding-top: 0;
}
ul.divide-detail-list > li:last-child, ul.divide-detail-list > li:nth-last-child(2) {
    padding-bottom: 0;
}
ul.divide-detail-list + .inquiry-tgl-pack {
    margin-top: 50px;
}

/*
    summary-list
*/
.summary-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.summary-list > li {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    min-height: 342px;
    padding: 40px 0;
    text-align: center;
    border-radius: 12px;
    background-color: #ffffff;
}
.summary-list > li .img {
    margin-bottom: 30px;
}
.summary-list > li .title {
    line-height: 34px;
    
    font-size: 24px;
    font-weight: 600;
}
.summary-list > li .title .se-highlight:before {
    top: 1.4rem;
}
.summary-list > li .text {
    margin-top: 25px;
    font-size: 15px;
    color: #707070;
}
.summary-list > li .text p + p {
    margin-top: 15px;
}
.summary-list > li + li {
    margin-left: 16px;
}

/*
    total-amount-list
*/
ul.total-amount-list {
    margin-top: -6px;
    font-size: 0;
    text-align: right;
}
ul.total-amount-list > li {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    font-size: 0;
    vertical-align: middle;
}
ul.total-amount-list > li .tit {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    color: #ee5700;
}
ul.total-amount-list > li .data {
    display: inline-block;
    margin-top: -2px;
    margin-left: 16px;
    font-size: 24px;
    font-weight: 700;
    color: #303030;
    vertical-align: middle;
    text-align: right;
}
ul.total-amount-list > li .data * {
    display: inline-block;
    vertical-align: middle;
}
ul.total-amount-list > li .data .val {
    margin-top: -2px;
}
ul.total-amount-list > li .data .unit {
    margin-left: 4px;
    font-size: 15px;
    font-weight: 600;
}
ul.total-amount-list > li + li {
    margin-left: 20px;
    padding-left: 20px;
}
ul.total-amount-list > li + li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #D0D0D0;
}
ul.total-amount-list + .inquiry-prod-list {
    margin-top: 30px;
}

/*
    chk-conts-list
*/
.chk-conts-list > li + li {
    margin-top: 60px;
}
.chk-conts-list .tit {
    font-size: 16px;
    font-weight: 700;
}
.chk-conts-list .conts {
    margin-top: 15px;
    padding-left: 34px;
}
.chk-conts-list ul.sp-bullet-nor li + li {
    margin-top: 0;
}

/*
	btn-link-list
*/
.btn-link-list > li {
    margin-top: 20px;
}
.btn-link-list > li:first-child {
    margin-top: 0;
}

/*---------------------------------------------
	#info #인포
---------------------------------------------*/
/*
    conts-info
*/
.conts-info {
    margin-top: 25px;
}

/*
	info-conts-pack
*/
.info-conts-pack .conts-part .part {
    margin-bottom: 30px;
}
.info-conts-pack .conts-part .part .desc {
    font-size: 15px;
}
.info-conts-pack .conts-part + .conts-part {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #E9E9E9;
}

/*
    info-icon-list
*/
.info-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.info-icon-list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 40px 40px 39px;
    border-radius: 20px;
    background-color: #FFF;
}
.info-icon-list > li + li {
    margin-left: 20px;
}
.info-icon-list .title-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.info-icon-list .title-pack .se-title {
    margin-bottom: 0;
}
.info-icon-list .title-pack .col-right {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: auto;
}
.info-icon-list h3.se-title {
    color: #71675D;
}
.info-icon-list h5.se-title {
    margin-top: 27px;
    font-size: 18px;
    font-weight: 700;
}
.info-icon-list .bigtit {
    font-size: 24px;
    font-weight: 600;
    
}
.info-icon-list .bigtit span {
    font-size: 36px;
    font-weight: 700;
    color: #ee5700;
}
.info-icon-list .bigtit + h5.se-title {
    margin-top: 75px;
}
.info-icon-list .txt {
    margin-top: 40px;
    font-size: 15px;
    color: #707070;
}
.info-icon-list .sp-bullet.ty-dot {
    margin-top: 18px;
}
.info-icon-list .sp-bullet.ty-dot > li {
    font-size: 15px;
}
.info-icon-list .sp-bullet.ty-dot.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -6px;
}
.info-icon-list .sp-bullet.ty-dot.half > li {
    width: 50%;
    margin-bottom: 6px;
}
.info-icon-list .sp-bullet.ty-dot.half > li + li {
    margin-top: 0;
}
.info-icon-list .sp-bullet.ty-dot.half > li.full {
    width: 100%;
}
.info-icon-list.half {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -30px 0 0 -30px;
}
.info-icon-list.half > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: calc(50% - 30px);
    margin: 30px 0 0 30px;
}
.info-icon-list.ty-01 > li {
    padding: 30px 40px 48px;
}
.info-icon-list.ty-02 > li {
    padding: 45px 40px 39px;
}

.part > .info-icon-list.half {
    margin-top: -30px;
}

/*---------------------------------------------
	#btn set #버튼세트
---------------------------------------------*/
/*
    btn-pack
*/
.btn-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.btn-pack.space-m {
    margin-top: 30px;
}

/*
    btn-pack - ty-bar
*/
.btn-pack.ty-bar .se-btn.btn-link + .btn-link {
    position: relative;
    margin-left: 30px;
}
.btn-pack.ty-bar .se-btn.btn-link + .btn-link:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -7.5px;
    width: 1px;
    height: 15px;
    background-color: #C8C8C8;
}

/*
    btn-link-pack
*/
.btn-link-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.btn-link-pack .se-btn.btn-link {
    position: relative;
    margin-right: 30px;
}
.btn-link-pack .se-btn.btn-link:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -7px;
    width: 1px;
    height: 15px;
    background-color: #C8C8C8;
}
.btn-link-pack .se-btn.btn-link:last-child {
    margin-right: 0;
}
.btn-link-pack .se-btn.btn-link:last-child:before {
    display: none;
}

/*---------------------------------------------
	#result #결과#완료
---------------------------------------------*/
/*
    result-pack
*/
.result-pack {
    margin-top: 100px;
    text-align: center;
    line-height: 1.5;
}
.result-pack > .se-ico {
    margin-bottom: 30px;
}
.result-pack > .se-ico + .text {
    margin-top: 0;
}
.result-pack .main-desc {
    
    letter-spacing: -1px;
    font-size: 22px;
    font-weight: 700;
}
.result-pack > .text {
    margin-top: 10px;
    font-size: 18px;
    font-weight: normal;
}
.result-pack > .text b {
    font-weight: 700;
}
.result-pack > .sub-text {
    margin-top: 10px;
    font-size: 18px;
}
.result-pack.space-l {
    margin-top: 214px;
}

/*---------------------------------------------
	#noresult #결과없음
---------------------------------------------*/
/*
    noresult-pack
*/
.noresult-pack {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}
.noresult-pack > .se-ico {
    margin-bottom: 30px;
}
.noresult-pack .text {
    font-size: 18px;
    font-weight: normal;
}
.noresult-pack .desc {
    margin-top: 16px;
    font-size: 14px;
    color: #707070;
}
.noresult-pack.space-l {
    margin-top: 160px;
}

/*
    noresult-tbl-pack
*/
.noresult-tbl-pack {
    margin-top: 15px;
    padding: 38px 0 40px;
    text-align: center;
    border-top: 1px solid #71675D;
    border-bottom: 1px solid #A0A0A0;
}
.noresult-tbl-pack .text {
    font-size: 16px;
}

/*---------------------------------------------
	#guide #가이드
---------------------------------------------*/
/*
    guide-pack
*/
.guide-pack {
    margin-bottom: 100px;
    padding-top: 40px;
    text-align: center;
}
.guide-pack h3.se-title {
    margin-bottom: 15px;
}
.guide-pack .text {
    font-size: 18px;
    color: #707070;
}

/*---------------------------------------------
	#error #오류
---------------------------------------------*/
/*
    error-pack
*/
.error-pack {
    margin-top: 130px;
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.2;
}
.error-pack > .se-ico {
    margin-bottom: 30px;
}
.error-pack .main-desc {
    font-size: 18px;
    font-weight: normal;
    color: #707070;
}
.error-pack .main-desc + .text {
    margin-top: 15px;
}
.error-pack .main-title {
    
    letter-spacing: -1px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
}
.error-pack .text {
    font-size: 18px;
    font-weight: normal;
    color: #707070;
}
.error-pack .error-info-box {
    width: 633px;
    padding: 35px 10px;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
    background-color: #fcfcfc;
    margin: 30px auto;
}
.error-pack .error-info-box .tit {
    font-size: 16px;
}
.error-pack .error-info-box .val {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #71675d;
}
.error-pack .blt-dot {
    margin-top: 20px;
    display: inline-block;
    position: relative;
    padding-left: 8px;
    font-size: 13px;
    line-height: 1.3;
    color: #707070;
}
.error-pack .blt-dot:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #707070;
}

/*---------------------------------------------
	#img #이미지
---------------------------------------------*/
/*
    img-pack
*/
.img-pack {
    text-align: center;
}
.img-pack.cp-chart img {
    width: 673px;
}
.img-pack.cp-step img {
    width: 1000px;
}
.img-pack.sz-l img {
    width: 1000px;
}

/*
    img-conts-pack
*/
.img-conts-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.img-conts-pack .img {
    width: auto;
}
.img-conts-pack .img .se-ico.ico-kb-box {
    margin-right: 24px;
}
.img-conts-pack .img .se-ico.ico-pc-l {
    margin-right: 56px;
}
.img-conts-pack .conts {
    width: 100%;
}
.img-conts-pack .conts .tit {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.img-conts-pack .conts .tit + .sp-bullet.ty-circle-num {
    margin-top: 0;
}
.img-conts-pack .conts .se-title + .sp-bullet.ty-dot-l {
    margin-top: 20px;
}

/*
    img-conts-list
*/
ul.img-conts-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
ul.img-conts-list li .img {
    width: auto;
}
ul.img-conts-list li .conts {
    width: 100%;
    margin-left: 40px;
}
ul.img-conts-list li .conts .tit {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 10px;
}
ul.img-conts-list li + li {
    margin-top: 40px;
}

/*
    img-conts-list - ty-icon-circle
*/
ul.img-conts-list.ty-icon-circle > li {
    display: block;
    font-size: 0;
}
ul.img-conts-list.ty-icon-circle > li .img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-top: 2px;
}
ul.img-conts-list.ty-icon-circle > li .img .se-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
ul.img-conts-list.ty-icon-circle > li .conts {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    width: calc(100% - 70px);
}
ul.img-conts-list.ty-icon-circle > li .conts .se-ico.ico-arrow-r {
    margin-top: -3px;
}
ul.img-conts-list.ty-icon-circle > li .conts .sp-bullet li {
    color: #707070;
}

/*
    conts-img-pack
*/
.conts-img-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.conts-img-pack .conts h3.se-title {
    margin-bottom: 30px;
    color: #71675D;
}
.conts-img-pack .conts .text {
    margin-top: 20px;
    font-size: 15px;
}
.conts-img-pack .conts .sub-text {
    margin-top: 20px;
    font-size: 15px;
    color: #707070;
}
.conts-img-pack .conts > .dep-cnt {
    padding-left: 20px;
    margin-top: 15px;
}
.conts-img-pack .conts > .dep-cnt ul.sp-bullet-nor li {
    color: #707070;
}
.conts-img-pack .conts > .dep-cnt ul.sp-bullet-nor li + li {
    margin-top: 15px;
}
.conts-img-pack .conts > .dep-cnt ul.sp-bullet-nor:first-child {
    margin-top: 0;
}
.conts-img-pack .conts > .dep-cnt .sub-text {
    margin-top: 15px;
}
.conts-img-pack .conts > .dep-cnt .sub-text:first-child {
    margin-top: 0;
}
.conts-img-pack .conts > .dep-cnt .dep-cnt {
    margin-top: 10px;
}
.conts-img-pack .conts > .dep-cnt .dep-cnt .text,
.conts-img-pack .conts > .dep-cnt .dep-cnt .sub-text {
    margin-top: 10px;
}
.conts-img-pack .conts .sp-bullet-nor .dep-cnt {
    padding-left: 0;
}
.conts-img-pack .conts > .sub-text .link {
    text-decoration: underline;
    color: #ee5700;
}
.conts-img-pack .conts > .sub-text.clr-04 {
    color: #F83838;
}
.conts-img-pack .conts > .sub-text.clr-01 {
    color: #303030;
}
.conts-img-pack .conts > .sub-text.ty-star {
    padding-left: 8px;
    text-indent: -8px;
}
.conts-img-pack .img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}

/*---------------------------------------------
	#step #스텝
---------------------------------------------*/
/*
    step-title
*/
.step-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.step-title > *:not(.side-conts) {
    width: 100%;
}
.step-title .se-title {
    margin-bottom: 0;
}
.step-title > .side-conts {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}

/*
    step-pack
*/
.step-pack {
    font-size: 0;
}
.step-pack > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 18px;
}
.step-pack > li:first-child {
    padding-left: 0;
}
.step-pack > li:last-child {
    padding-right: 0;
}
.step-pack > li .num {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 22.5px;
    border: 3px solid #776C61;
    border-radius: 100%;
    background-color: #776C61;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-indent: -1px;
}
.step-pack > li .txt {
    margin-top: 8px;
    display: inline-block;
    width: 100%;
    min-width: 44px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #A0A0A0;
    line-height: 16px;
}
.step-pack > li + li:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 13px;
    width: 16px;
    height: 4px;
    background: url("../../images/uiux/layout/step_dot_dark.png") no-repeat center/contain;
}
.step-pack > li.on .num {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-color: #776C61;
    background-color: #fff;
    color: #776C61;
    font-size: 12px;
    font-weight: 700;
}
.step-pack > li.on .txt {
    color: #776C61;
    font-weight: 600;
}
.step-pack > li.on ~ li:before {
    background-image: url("../../images/uiux/layout/step_dot_grey.png");
}
.step-pack > li.on ~ li .num {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #E6E6E6;
    background-color: #fff;
    color: #A0A0A0;
    font-size: 12px;
    font-weight: normal;
}
.step-pack > li.on ~ li .txt {
    font-weight: normal;
}

/*
    step-conts-pack
*/
.step-conts-pack {
    padding: 47px 50px 50px;
    background-color: #fff;
    border-radius: 20px;
}
.step-conts-pack > .conts + .conts {
    margin-top: 60px;
}
.step-conts-pack .step-summary .se-title {
    margin-bottom: 0;
    font-size: 18px;
}
.step-conts-pack .step-summary p {
    color: #707070;
    font-size: 15px;
}
.step-conts-pack .step-list {
    overflow: hidden;
    width: 100%;
}
.step-conts-pack .step-list ul {
    display: table;
    width: 100%;
    margin-left: -60px;
    width: calc(100% + 60px);
    table-layout: fixed;
}
.step-conts-pack .step-list ul > li {
    position: relative;
    display: table-cell;
    font-size: 0;
    padding-left: 60px;
}
.step-conts-pack .step-list ul > li:before {
    content: "";
    position: absolute;
    top: 26px;
    left: 21px;
    width: 18px;
    height: 18px;
    background-image: url("../../images/uiux/icon/icon_step_conts_arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.step-conts-pack .step-list ul > li .step {
    display: inline-block;
    width: 40px;
    vertical-align: top;
    text-align: center;
}
.step-conts-pack .step-list ul > li .step img {
    width: 40px;
}
.step-conts-pack .step-list ul > li .step p {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
}
.step-conts-pack .step-list ul > li .desc {
    display: inline-block;
    vertical-align: top;
}
.step-conts-pack .step-list ul > li .desc .main-txt {
    font-size: 15px;
    font-weight: 700;
}
.step-conts-pack .step-list ul > li .desc .sub-txt {
    font-size: 13px;
    color: #707070;
}
.step-conts-pack .step-list ul > li.after-arrow:after {
    content: "";
    position: absolute;
    top: 26px;
    right: 21px;
    width: 18px;
    height: 18px;
    background-image: url("../../images/uiux/icon/icon_step_conts_arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.step-conts-pack .step-list ul > li:first-child:before {
    content: none;
}
.step-conts-pack .step-list ul > li:last-child:before {
    background-image: url("../../images/uiux/icon/icon_step_conts_arrow_black.png");
}
.step-conts-pack .step-list ul > li.nor-arrow:before {
    background-image: url("../../images/uiux/icon/icon_step_conts_arrow.png");
}
.step-conts-pack .step-row-list > ul > li {
    font-size: 0;
}
.step-conts-pack .step-row-list > ul > li .step {
    display: inline-block;
    width: 40px;
    vertical-align: top;
}
.step-conts-pack .step-row-list > ul > li .step p {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.step-conts-pack .step-row-list > ul > li .desc {
    display: inline-block;
    width: calc(100% - 40px);
    padding-left: 20px;
    vertical-align: top;
    margin-bottom: 0;
}
.step-conts-pack .step-row-list > ul > li .desc .main-txt {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.step-conts-pack .step-row-list > ul > li .desc .sp-bullet {
    margin-top: 0;
}
.step-conts-pack .step-row-list > ul > li .desc .sp-bullet > li {
    font-size: 14px;
}
.step-conts-pack .step-row-list > ul > li .desc .sp-bullet > li > .sp-bullet-nor {
    margin-top: 3px;
}
.step-conts-pack .step-row-list > ul > li .desc ul.sp-bullet-nor > li {
    font-size: 14px;
}
.step-conts-pack .step-row-list > ul > li + li {
    margin-top: 40px;
}
.step-conts-pack .step-call {
    font-size: 0;
}
.step-conts-pack .step-call dt {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 700;
    color: #71675D;
}
.step-conts-pack .step-call dt img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}
.step-conts-pack .step-call dd {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 28px;
    font-size: 15px;
    font-weight: 700;
    color: #71675D;
    text-decoration: underline;
}
.step-conts-pack .step-call dd:before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #E2E2E2;
}
.step-conts-pack .step-summary .se-title + p {
    margin-top: 8px;
}
.step-conts-pack .step-list .step + .desc {
    margin-left: 20px;
    width: calc(100% - 60px);
}
.step-conts-pack .step-list .desc .main-txt + .sub-txt {
    margin-top: 8px;
}
.step-conts-pack .step-list + .step-list {
    margin-top: 38px;
}
.step-conts-pack .step-summary + .step-list {
    margin-top: 37px;
}
.step-conts-pack .step-summary + .step-call {
    margin-top: 34px;
}
.step-conts-pack .step-summary + .step-row-list {
    margin-top: 38px;
}
.step-conts-pack + .step-conts-pack {
    margin-top: 30px;
}

/*
    step-bg-list
*/
.step-bg-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.step-bg-list > li {
    position: relative;
}
.step-bg-list > li + li {
    margin-left: 60px;
}
.step-bg-list > li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -44px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28px;
    height: 4px;
    background-image: url("../../images/uiux/icon/au/icon_step_dot.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.step-bg-list .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
}
.step-bg-list .step .num {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 600;
}
.step-bg-list .step .txt {
    margin-top: 3px;
    font-size: 15px;
    font-weight: 700;
}

/*---------------------------------------------
	#terms #약관
---------------------------------------------*/
/*
    terms-pack
*/
.terms-pack {
    border-bottom: 1px solid #D0D0D0;
}
.terms-pack .terms-head {
    position: relative;
    padding: 18px 50px 18px 40px;
    border-top: 1px solid #776C61;
    border-bottom: 1px solid #F4F4F4;
    background-color: #fff;
}
.terms-pack .terms-head > .se-chkbx input {
    top: 1px;
}
.terms-pack .terms-head > .se-chkbx label {
    background-color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
}
.terms-pack .terms-head > .btn-terms-tgl {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: url("../../images/uiux/component/arrow/arrow_close.png") no-repeat center/20px;
}
.terms-pack .terms-body .inner {
    padding: 19px 0 24px;
}
.terms-pack .terms-body .terms-dep > li .row {
    position: relative;
    padding: 6px 50px 6px 0;
}
.terms-pack .terms-body .terms-dep > li .se-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: url("../../images/uiux/component/arrow/arrow_next.png") no-repeat center/20px;
}
.terms-pack .terms-body .terms-dep > li .se-btn.btn-terms-tgl {
    background: url("../../images/uiux/component/arrow/arrow_close.png") no-repeat center/20px;
}
.terms-pack .terms-body .terms-dep > li.on > .terms-dep {
    display: none;
}
.terms-pack .terms-body .terms-dep > li.on .btn-terms-tgl {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.terms-pack .terms-body .terms-dep.dep01 {
    padding-left: 70px;
}
.terms-pack .terms-body .terms-dep.dep01 > li > .row .se-chkbx label {
    font-weight: 600;
}
.terms-pack .terms-body .terms-dep.dep01 > li > .row .se-chkbx label .req {
    color: #ee5700;
}
.terms-pack .terms-body .terms-dep.dep01 > li > .row .se-chkbx label .opt {
    color: #707070;
}
.terms-pack .terms-body .terms-dep.dep01 > li + li {
    margin-top: 8px;
}
.terms-pack .terms-body .terms-dep.dep02 {
    margin-top: 8px;
    padding-left: 30px;
}
.terms-pack .terms-body .terms-dep.dep02 > li > .row .se-chkbx label {
    color: #707070;
}
.terms-pack .terms-body .terms-dep.dep03 {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 35px;
}
.terms-pack .terms-body .terms-dep.dep03 > li > .row .se-chkbx label {
    color: #707070;
}
.terms-pack.on .terms-head > .btn-terms-tgl {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.terms-pack.on .terms-body {
    display: none;
}
.terms-pack + .sp-bullet {
    margin-top: 15px;
}

/*
    terms-pack - ty-box
*/
.terms-pack.ty-box {
    border-bottom: none;
}
.terms-pack.ty-box .terms-head {
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: none;
}
.terms-pack.ty-box .terms-head > .se-chkbx {
    width: 100%;
}
.terms-pack.ty-box .terms-head > .se-chkbx input {
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.terms-pack.ty-box .terms-head > .se-chkbx label {
    width: 100%;
    padding: 18px 50px 18px 54px;
    border: 1px solid #F0F0F0;
    border-radius: 6px;
    font-size: 16px;
}
.terms-pack.ty-box .terms-head > .se-chkbx input:checked + label {
    border-color: #303030;
}
.terms-pack.ty-box .terms-body .inner {
    padding: 19px 0;
    border-bottom: none;
}
.terms-pack.ty-box .terms-body .terms-dep.dep01 {
    padding-left: 40px;
}

/*
    terms-list-pack
*/
.terms-list-pack {
    padding: 17px 0 18px;
    border-top: 1px solid #71675D;
    border-bottom: 1px solid #A0A0A0;
}
.terms-list-pack .row {
    position: relative;
    padding: 0 55px 0 20px;
}
.terms-list-pack .row .se-chkbx label {
    font-weight: 600;
}
.terms-list-pack .row .se-chkbx .req {
    color: #ee5700;
}
.terms-list-pack .row .se-chkbx .opt {
    color: #A0A0A0;
}
.terms-list-pack .row .se-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: url("../../images/uiux/component/arrow/arrow_next.png") no-repeat center/20px;
}

/*
    terms-img-pack
*/
.terms-img-pack {
    width: 800px;
    margin: 20px auto;
}
.terms-img-pack .text {
    margin-bottom: 20px;
    font-size: 15px;
    color: #707070;
    text-align: left;
}
.terms-img-pack .text .link {
    text-decoration: underline;
    color: #ee5700;
}
.terms-img-pack .img {
    width: 100%;
    margin-top: 10px;
}
.terms-img-pack .img img {
    width: 100%;
}
.terms-img-pack .img:first-child {
    margin-top: 0;
}

/*
    terms-part
*/
.terms-part h3 {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 700;
}
.terms-part h3 + h5 {
    margin-top: 40px;
}
.terms-part h3 + p, .terms-part h3 + div, .terms-part h3 + ul {
    margin-top: 0;
}
.terms-part h4 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 700;
}
.terms-part h4 + h5 {
    margin-top: 25px;
}
.terms-part h4 + p, .terms-part h4 + div, .terms-part h4 + ul {
    margin-top: 0;
}
.terms-part h4.space-m {
    margin-top: 40px;
}
.terms-part h5 {
    margin-bottom: 16px;
    font-size: 17px;
    font-weight: 700;
}
.terms-part h5 + p, .terms-part h5 + div, .terms-part h5 + ul {
    margin-top: 0;
}
.terms-part h5.space-m {
    margin-top: 30px;
}
.terms-part .dep-cnt {
    padding-left: 20px;
}
.terms-part .dep-cnt p {
    color: #707070;
}
.terms-part .dep-cnt ul > li {
    color: #707070;
    margin-top: 15px;
}
.terms-part p {
    margin-top: 20px;
    font-size: 15px;
}
.terms-part p.clr-02 {
    color: #707070;
}
.terms-part p.blt-bar {
    padding-left: 10px;
    text-indent: -10px;
}
.terms-part p.blt-star {
    padding-left: 8px;
    text-indent: -8px;
}
.terms-part p.blt-ref {
    padding-left: 16px;
    text-indent: -16px;
}
.terms-part ul {
    font-size: 15px;
}
.terms-part ul > li {
    margin-top: 20px;
}
.terms-part ul > li p,
.terms-part ul > li .dep-cnt {
    text-indent: 0;
    margin-top: 15px;
    color: #707070;
}
.terms-part ul > li ul > li {
    margin-top: 15px;
    color: #707070;
}
.terms-part ul > li ul > li ul > li {
    margin-top: 10px;
}
.terms-part ul.blt-bullet > li {
    padding-left: 10px;
    text-indent: -10px;
}
.terms-part ul.blt-bullet > li > p {
    margin-left: -10px;
}
.terms-part ul.blt-bar > li {
    padding-left: 10px;
    text-indent: -10px;
}
.terms-part ul.blt-bar > li > p {
    margin-left: -10px;
}
.terms-part ul.blt-square > li {
    padding-left: 18px;
    text-indent: -18px;
}
.terms-part ul.blt-square > li > p {
    margin-left: -10px;
}
.terms-part ul.blt-bracket > li {
    padding-left: 20px;
    text-indent: -20px;
}
.terms-part ul.blt-bracket > li:nth-child(n+10) {
    padding-left: 29px;
    text-indent: -29px;
}
.terms-part ul.blt-bracket > li > p {
    margin-left: -20px;
}
.terms-part ul.blt-circle > li {
    padding-left: 10px;
    text-indent: -10px;
}
.terms-part ul.blt-circle > li > p {
    margin-left: -10px;
}
.terms-part ul.blt-finger > li {
    padding-left: 20px;
    text-indent: -20px;
}
.terms-part ul.blt-finger > li > p {
    margin-left: -20px;
}
.terms-part ul.blt-arrow > li {
    padding-left: 19px;
    text-indent: -19px;
}
.terms-part ul.blt-arrow > li > p {
    margin-left: -19px;
}
.terms-part ul.blt-num > li {
    padding-left: 10px;
    text-indent: -10px;
}
.terms-part ul.blt-num > li > p {
    margin-left: -10px;
}
.terms-part ul.blt-cirnum > li {
    padding-left: 17px;
    text-indent: -17px;
}
.terms-part ul.blt-cirnum > li > p {
    margin-left: -17px;
}
.terms-part ul.blt-star > li {
    padding-left: 8px;
    text-indent: -8px;
}
.terms-part ul.blt-star > li > p {
    margin-left: -8px;
}
.terms-part ul.blt-ref > li {
    padding-left: 16px;
    text-indent: -16px;
}
.terms-part ul.blt-ref > li > p {
    margin-left: -16px;
}
.terms-part ul.blt-hangeul > li {
    padding-left: 20px;
    text-indent: -20px;
}
.terms-part ul.blt-hangeul > li > p {
    margin-left: -20px;
}
.terms-part .desc {
    font-size: 18px;
    margin-bottom: 40px;
}
.terms-part .link {
    color: #ee5700;
}
.terms-part a.link {
    text-decoration: underline;
}
.terms-part hr {
    width: auto;
    height: 1px;
    margin: 40px 0 0;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #E9E9E9;
}
.terms-part .p-hidden {
    display: none;
}
.terms-part .popup-contents .section {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.terms-part .terms-bg-box {
    padding: 38px 40px 40px;
    border-radius: 7px;
    background-color: #fff;
}
.terms-part .terms-bg-box h6 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
}
.terms-part .terms-bg-box ul.blt-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -7px;
}
.terms-part .terms-bg-box ul.blt-bullet > li {
    position: relative;
    width: 25%;
    margin-top: 7px;
    padding-left: 26px;
    font-size: 14px;
    color: #707070;
}
.terms-part .terms-bg-box ul.blt-bullet > li b {
    font-weight: normal;
    color: #303030;
}
.terms-part .terms-bg-box ul.blt-bullet > li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #303030;
}
.terms-part .space-s {
    margin-top: 20px;
}
.terms-part .space-m {
    margin-top: 40px;
}
.terms-part .space-l {
    margin-top: 50px;
}

/*---------------------------------------------
	#agree terms #동의약관
---------------------------------------------*/
.terms-ag-area .terms-part .space-m,
.popup-contents .terms-part .space-m {
    margin-top: 20px;
}
.terms-ag-area .terms-part .space-l,
.popup-contents .terms-part .space-l {
    margin-top: 30px;
}
.terms-ag-area .terms-part .logo img,
.popup-contents .terms-part .logo img {
    width: 130px;
}
.terms-ag-area .terms-part .line,
.popup-contents .terms-part .line {
    text-decoration: underline;
}
.terms-ag-area .terms-part .sign-set,
.popup-contents .terms-part .sign-set {
    margin-top: 25px;
}
.terms-ag-area .terms-part .sign-set .conts,
.popup-contents .terms-part .sign-set .conts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 15px;
}
.terms-ag-area .terms-part .sign-set .conts + .conts,
.popup-contents .terms-part .sign-set .conts + .conts {
    margin-top: 15px;
}
.terms-ag-area .terms-part .sign-set .date span,
.popup-contents .terms-part .sign-set .date span {
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle;
}
.terms-ag-area .terms-part .sign-set .sign span,
.popup-contents .terms-part .sign-set .sign span {
    display: inline-block;
    vertical-align: middle;
    color: #707070;
}
.terms-ag-area .terms-part .sign-set .sign .tit,
.popup-contents .terms-part .sign-set .sign .tit {
    margin-right: 80px;
    color: #303030;
}
.terms-ag-area .terms-part h3,
.popup-contents .terms-part h3 {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 700;
}
.terms-ag-area .terms-part h3 + h5,
.popup-contents .terms-part h3 + h5 {
    margin-top: 20px;
}
.terms-ag-area .terms-part h3 + p, .terms-ag-area .terms-part h3 + div, .terms-ag-area .terms-part h3 + ul,
.popup-contents .terms-part h3 + p,
.popup-contents .terms-part h3 + div,
.popup-contents .terms-part h3 + ul {
    margin-top: 0;
}
.terms-ag-area .terms-part h4,
.popup-contents .terms-part h4 {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
}
.terms-ag-area .terms-part h4 + h5,
.popup-contents .terms-part h4 + h5 {
    margin-top: 25px;
}
.terms-ag-area .terms-part h4 + p, .terms-ag-area .terms-part h4 + div, .terms-ag-area .terms-part h4 + ul,
.popup-contents .terms-part h4 + p,
.popup-contents .terms-part h4 + div,
.popup-contents .terms-part h4 + ul {
    margin-top: 0;
}
.terms-ag-area .terms-part h4.space-m,
.popup-contents .terms-part h4.space-m {
    margin-top: 20px;
}
.terms-ag-area .terms-part h5,
.popup-contents .terms-part h5 {
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 700;
}
.terms-ag-area .terms-part h5 + p, .terms-ag-area .terms-part h5 + div, .terms-ag-area .terms-part h5 + ul,
.popup-contents .terms-part h5 + p,
.popup-contents .terms-part h5 + div,
.popup-contents .terms-part h5 + ul {
    margin-top: 0;
}
.terms-ag-area .terms-part h5.space-m,
.popup-contents .terms-part h5.space-m {
    margin-top: 15px;
}
.terms-ag-area .terms-part .dep-cnt,
.popup-contents .terms-part .dep-cnt {
    padding-left: 20px;
}
.terms-ag-area .terms-part .dep-cnt p,
.popup-contents .terms-part .dep-cnt p {
    color: #303030;
}
.terms-ag-area .terms-part .dep-cnt ul > li,
.popup-contents .terms-part .dep-cnt ul > li {
    color: #303030;
    margin-top: 10px;
}
.terms-ag-area .terms-part p,
.popup-contents .terms-part p {
    margin-top: 15px;
    font-size: 15px;
}
.terms-ag-area .terms-part p.clr-02,
.popup-contents .terms-part p.clr-02 {
    color: #707070;
}
.terms-ag-area .terms-part ul,
.popup-contents .terms-part ul {
    margin-top: 15px;
    font-size: 15px;
}
.terms-ag-area .terms-part ul > li,
.popup-contents .terms-part ul > li {
    margin-top: 10px;
}
.terms-ag-area .terms-part ul > li .fz-emp,
.popup-contents .terms-part ul > li .fz-emp {
    font-size: 16px;
}
.terms-ag-area .terms-part ul > li p,
.terms-ag-area .terms-part ul > li .dep-cnt,
.popup-contents .terms-part ul > li p,
.popup-contents .terms-part ul > li .dep-cnt {
    text-indent: 0;
    margin-top: 15px;
    color: #303030;
}
.terms-ag-area .terms-part ul > li ul,
.popup-contents .terms-part ul > li ul {
    margin-top: 0px;
}
.terms-ag-area .terms-part ul > li ul > li,
.popup-contents .terms-part ul > li ul > li {
    margin-top: 10px;
    color: #303030;
}
.terms-ag-area .terms-part ul > li ul > li ul,
.popup-contents .terms-part ul > li ul > li ul {
    margin-top: 0px;
}
.terms-ag-area .terms-part ul > li ul > li ul > li,
.popup-contents .terms-part ul > li ul > li ul > li {
    margin-top: 10px;
}
.terms-ag-area .terms-tbl,
.popup-contents .terms-tbl {
    margin-top: 15px;
}
.terms-ag-area .terms-tbl table th,
.terms-ag-area .terms-tbl table td,
.popup-contents .terms-tbl table th,
.popup-contents .terms-tbl table td {
    padding: 15px 30px;
}
.terms-ag-area .terms-tbl table th > *:first-child,
.terms-ag-area .terms-tbl table td > *:first-child,
.popup-contents .terms-tbl table th > *:first-child,
.popup-contents .terms-tbl table td > *:first-child {
    margin-top: 0;
}

.terms-tbl {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #A0A0A0;
}
.terms-tbl:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #71675D;
}
.terms-tbl table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.terms-tbl table caption {
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    margin-top: -1px;
    padding: 0;
    line-height: 0;
    border: 0;
    font-size: 0;
}
.terms-tbl table th,
.terms-tbl table td {
    padding: 15px 35px 16px;
    border-left: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}
.terms-tbl table th p,
.terms-tbl table td p {
    margin-top: 10px;
}
.terms-tbl table th p:first-child,
.terms-tbl table td p:first-child {
    margin-top: 0;
}
.terms-tbl table th ul:first-child > li:first-child,
.terms-tbl table td ul:first-child > li:first-child {
    margin-top: 0;
}
.terms-tbl table th {
    color: #707070;
    background-color: #F5F5F5;
}
.terms-tbl table td {
    color: #303030;
}
.terms-tbl table tr th:last-child,
.terms-tbl table tr td:last-child {
    border-right: 1px solid #E2E2E2;
}
.terms-tbl table tr.bd-t-none th,
.terms-tbl table tr.bd-t-none td {
    border-top: none;
}
.terms-tbl table .btn-terms {
    min-width: 76px;
    height: 34px;
    margin-top: -8px;
    margin-bottom: -6px;
    margin-left: 6px;
    padding: 9px 14px;
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    background-color: #fff;
    font-size: 12px;
}
.terms-tbl table br:not(.p-hidden) + .btn-terms {
    margin-top: 10px;
}
.terms-tbl table .p-hidden {
    display: none;
}
.terms-tbl.tal table th,
.terms-tbl.tal table td {
    text-align: left;
    vertical-align: top;
}

.popup-contents .terms-tbl table th,
.popup-contents .terms-tbl table td {
    padding-left: 5px;
    padding-right: 5px;
}

/*---------------------------------------------
	#inquiry #조회
---------------------------------------------*/
/*
    inquiry-list-pack
*/
.inquiry-list-pack {
    width: 100%;
    margin-top: 25px;
}
.inquiry-list-pack .inquiry-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.inquiry-list-pack .inquiry-info .info {
    font-size: 14px;
    color: #707070;
}
.inquiry-list-pack .inquiry-info .info .val {
    display: inline-block;
    margin-left: 2px;
    color: #303030;
    vertical-align: top;
}
.inquiry-list-pack .inquiry-info .side-conts {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
}
.inquiry-list-pack ul.inquiry-prod-list > li .col {
    font-size: 0;
}
.inquiry-list-pack ul.inquiry-prod-list > li .col .num {
    display: inline-block;
    width: 90px;
    margin-left: -40px;
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
}
.inquiry-list-pack ul.inquiry-prod-list > li .col .num + .conts {
    display: inline-block;
    width: calc(100% - 90px);
    vertical-align: middle;
}
.inquiry-list-pack ul.inquiry-prod-list > li .tit {
    font-size: 18px;
    font-weight: 700;
}
.inquiry-list-pack ul.inquiry-prod-list > li ul.detail-list {
    margin-top: 16px;
}
.inquiry-list-pack:first-child {
    margin-top: 0px;
}

/*
    inquiry-info-pack
*/
.inquiry-info-pack .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.inquiry-info-pack .title .side-conts {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
}
.inquiry-info-pack .title .info {
    font-size: 20px;
    font-weight: 700;
    color: #303030;
}
.inquiry-info-pack .desc {
    font-size: 15px;
    margin-bottom: 20px;
}
.inquiry-info-pack + * {
    margin-top: 0;
}

/*
    inquiry-prod-list
*/
ul.inquiry-prod-list {
    margin-top: 16px;
}
ul.inquiry-prod-list > li {
    padding: 40px 40px;
    border: 1px solid #DEDEDE;
    border-radius: 20px;
    background-color: #fff;
}
ul.inquiry-prod-list > li .title-pack {
    margin-bottom: 7px;
}
ul.inquiry-prod-list > li .title-pack a {
    font-size: 0;
}
ul.inquiry-prod-list > li .title-pack .row .desc {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    vertical-align: middle;
}
ul.inquiry-prod-list > li .title-pack .tit {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
}
ul.inquiry-prod-list > li .title-pack .info {
    display: inline-block;
    font-size: 14px;
    color: #707070;
    vertical-align: middle;
}
ul.inquiry-prod-list > li .title-pack .info:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 10px;
    background-color: rgba(48, 48, 48, 0.2);
    vertical-align: middle;
}
ul.inquiry-prod-list > li .title-pack .info-list {
    display: inline-block;
    color: #707070;
    vertical-align: middle;
    font-size: 0;
}
ul.inquiry-prod-list > li .title-pack .info-list:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 10px;
    background-color: rgba(48, 48, 48, 0.2);
    vertical-align: middle;
}
ul.inquiry-prod-list > li .title-pack .info-list > * {
    display: inline-block;
    vertical-align: middle;
}
ul.inquiry-prod-list > li .title-pack .info-list .tit {
    font-size: 14px;
    font-weight: normal;
    color: #707070;
}
ul.inquiry-prod-list > li .title-pack .info-list .data {
    margin-left: 10px;
    font-size: 14px;
    color: #303030;
}
ul.inquiry-prod-list > li .title-pack .col-right .state {
    font-size: 15px;
}
ul.inquiry-prod-list > li .title-pack .col-right .state.cancel {
    color: #F83838;
}
ul.inquiry-prod-list > li .title-pack .col-right .state.confirm {
    color: #0AB264;
}
ul.inquiry-prod-list > li .title-pack .state {
    font-size: 15px;
}
ul.inquiry-prod-list > li .title-pack .state.cancel {
    color: #F83838;
}
ul.inquiry-prod-list > li .title-pack .state.confirm {
    color: #0AB264;
}
ul.inquiry-prod-list > li .col {
    font-size: 0;
}
ul.inquiry-prod-list > li .col .title {
    font-size: 18px;
    font-weight: 700;
}
ul.inquiry-prod-list > li .col .num {
    display: inline-block;
    width: 90px;
    margin-left: -40px;
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
}
ul.inquiry-prod-list > li .col .num + .conts {
    display: inline-block;
    width: calc(100% - 90px);
    vertical-align: middle;
}
ul.inquiry-prod-list > li .col .prod-name .tit {
    font-size: 18px;
}
ul.inquiry-prod-list > li .col ul.detail-list {
    margin-top: 16px;
}
ul.inquiry-prod-list > li .col .card {
    z-index: 10;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    width: 90px;
    line-height: 80px;
    font-size: 0;
}
ul.inquiry-prod-list > li .col .card:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #F4F4F4;
}
ul.inquiry-prod-list > li .col .card img {
    width: 100%;
    vertical-align: middle;
}
ul.inquiry-prod-list > li .col .card + .conts {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
}
ul.inquiry-prod-list > li .col .tit {
    font-size: 18px;
    font-weight: 700;
}
ul.inquiry-prod-list > li .col-right .state {
    font-size: 18px;
    color: #303030;
    min-width: 84px;
    text-align: center;
}
ul.inquiry-prod-list > li .col-right .state.cancel {
    color: #F83838;
}
ul.inquiry-prod-list > li .col-right .state.confirm {
    color: #0AB264;
}
ul.inquiry-prod-list > li ul.data-bar-list {
    margin-top: 8px;
    font-size: 0;
}
ul.inquiry-prod-list > li ul.data-bar-list li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #707070;
}
ul.inquiry-prod-list > li ul.data-bar-list li + li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 10px;
    background-color: rgba(48, 48, 48, 0.2);
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.etc-list {
    margin-top: 5px;
    line-height: 1.5;
    text-align: right;
    font-size: 0;
}
ul.inquiry-prod-list > li ul.etc-list li {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.etc-list li * {
    display: inline-block;
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.etc-list li .tit {
    font-size: 15px;
    font-weight: 600;
}
ul.inquiry-prod-list > li ul.etc-list li .tit.ty-01 {
    color: #0AB264;
}
ul.inquiry-prod-list > li ul.etc-list li .tit.ty-02 {
    color: #F83838;
}
ul.inquiry-prod-list > li ul.etc-list li .data {
    margin-left: 10px;
    font-size: 15px;
    color: #303030;
}
ul.inquiry-prod-list > li ul.etc-list li + li {
    margin-left: 20px;
}
ul.inquiry-prod-list > li ul.detail-list {
    margin-bottom: -5px;
}
ul.inquiry-prod-list > li ul.detail-list li {
    margin-right: 20px;
    margin-bottom: 5px;
}
ul.inquiry-prod-list > li ul.detail-list li .tit {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #707070;
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.detail-list li .data {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.detail-list li:last-child {
    margin-right: 0px;
}
ul.inquiry-prod-list > li ul.detail-list:first-child {
    margin-top: 0;
}
ul.inquiry-prod-list > li ul.amount-list {
    font-size: 0;
}
ul.inquiry-prod-list > li ul.amount-list li {
    display: inline-block;
    line-height: 1.2;
    font-size: 0;
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.amount-list li .tit {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.amount-list li .data {
    display: inline-block;
    min-width: 184px;
    margin-top: -2px;
    margin-left: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #303030;
    vertical-align: middle;
    text-align: right;
}
ul.inquiry-prod-list > li ul.amount-list li .data * {
    display: inline-block;
    vertical-align: middle;
}
ul.inquiry-prod-list > li ul.amount-list li .data .val {
    margin-top: -2px;
}
ul.inquiry-prod-list > li ul.amount-list li .data .unit {
    margin-left: 4px;
    font-size: 15px;
    font-weight: 600;
}
ul.inquiry-prod-list > li ul.amount-list li .data.clr-01 {
    color: #303030;
}
ul.inquiry-prod-list > li ul.amount-list li + li {
    margin-left: 50px;
}
ul.inquiry-prod-list > li + li {
    margin-top: 20px;
}

/*
    inquiry-prod-list - ty-card
*/
ul.inquiry-prod-list.ty-card > li {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

/*
    inquiry-prod-list - ty-bank
*/
ul.inquiry-prod-list.ty-bank > li .title-pack {
    margin-bottom: 14px;
}
ul.inquiry-prod-list.ty-bank > li .title-pack .se-ico.ico-bank {
    margin-right: 10px;
}
ul.inquiry-prod-list.ty-bank > li .title-pack .side-info {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
ul.inquiry-prod-list.ty-bank > li .title-pack .side-info:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 10px;
    background-color: rgba(48, 48, 48, 0.2);
    vertical-align: middle;
}
ul.inquiry-prod-list.ty-bank > li .title-pack .name {
    display: inline-block;
    font-size: 15px;
    color: #303030;
    vertical-align: middle;
}

/*
    inquiry-tgl-multi
*/
.inquiry-tgl-multi {
    margin-top: 40px;
    border-top: 1px solid #F0F0F0;
}
.inquiry-tgl-multi > ul .head {
    padding: 25px 20px 0;
}
.inquiry-tgl-multi > ul .head .tit {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
}
.inquiry-tgl-multi > ul .head .info {
    display: inline-block;
    font-size: 14px;
    color: #707070;
    vertical-align: middle;
}
.inquiry-tgl-multi > ul .head .info:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 14px;
    background-color: #DDDDDD;
    vertical-align: middle;
}
.inquiry-tgl-multi > ul .body .row > .title {
    width: 100%;
    padding: 20px 20px 0;
}
.inquiry-tgl-multi > ul .body .row > .title > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.inquiry-tgl-multi > ul .body .row > .title .tit {
    font-size: 15px;
    font-weight: 600;
}
.inquiry-tgl-multi > ul .body .row > .title .val {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    font-size: 20px;
    font-weight: 700;
    color: #776C61;
}
.inquiry-tgl-multi > ul .body .row > .title .val * {
    display: inline-block;
    vertical-align: middle;
}
.inquiry-tgl-multi > ul .body .row > .conts {
    display: none;
    background-color: #FAFAFA;
    margin-top: 20px;
}
.inquiry-tgl-multi > ul .body .row > .conts > .inner {
    padding: 25px 20px;
}
.inquiry-tgl-multi > ul .body .row > .conts ul.divide-detail-list > li {
    border-left-color: #f4f4f4;
}
.inquiry-tgl-multi > ul .body .row:last-child {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 25px;
}
.inquiry-tgl-multi > ul .body .row.on .conts {
    display: block;
    _margin-top: 20px;
}
.inquiry-tgl-multi > ul .body .row.on .se-ico.ico-arrow-bt {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.inquiry-tgl-multi > ul .body .row.on:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.inquiry-tgl-multi > ul > li.on-focus {
    position: relative;
}
.inquiry-tgl-multi > ul > li.on-focus:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #FFCC00;
}
.inquiry-tgl-multi > ul > li.on-focus .body .row > .title .val {
    color: #F29E00;
}
.inquiry-tgl-multi > ul > li.on-focus .body .row > .conts {
    background-color: #FFFBE8;
}
.inquiry-tgl-multi:first-child {
    margin-top: 0;
}
.inquiry-tgl-multi [data-toggle=trigger] {
    z-index: 100;
    position: relative;
    cursor: pointer;
}

/*
    inquiry-tgl-pack
*/
.inquiry-tgl-pack {
    margin-top: 40px;
}
.inquiry-tgl-pack > ul > li {
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #DCDCDC;
}
.inquiry-tgl-pack > ul > li > .head {
    border-radius: 20px;
    padding: 40px 40px 40px 50px;
}
.inquiry-tgl-pack > ul > li > .head .title > * {
    display: inline-block;
    vertical-align: middle;
}
.inquiry-tgl-pack > ul > li > .head .tit {
    font-size: 20px;
    font-weight: 700;
}
.inquiry-tgl-pack > ul > li > .head .info {
    font-size: 14px;
    color: #71675D;
}
.inquiry-tgl-pack > ul > li > .head .info:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 10px;
    background-color: rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}
.inquiry-tgl-pack > ul > li > .head ul.detail-list {
    margin-top: 15px;
    font-size: 0;
}
.inquiry-tgl-pack > ul > li > .head ul.detail-list li .tit {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #6E6459;
    vertical-align: middle;
}
.inquiry-tgl-pack > ul > li > .head ul.detail-list li .data {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    vertical-align: middle;
}
.inquiry-tgl-pack > ul > li > .head ul.detail-list li + li {
    margin-left: 25px;
}
.inquiry-tgl-pack > ul > li > .head ul.divide-detail-list {
    margin-top: 10px;
}
.inquiry-tgl-pack > ul > li > .head ul.divide-detail-list > li {
    border: none;
    padding: 0;
    width: calc(50% - 30px);
}
.inquiry-tgl-pack > ul > li > .head ul.divide-detail-list > li .tit {
    font-size: 15px;
    font-weight: 600;
    color: #303030;
    vertical-align: middle;
}
.inquiry-tgl-pack > ul > li > .head ul.divide-detail-list > li .data {
    font-size: 20px;
    font-weight: 700;
    color: #303030;
}
.inquiry-tgl-pack > ul > li > .head ul.divide-detail-list > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.inquiry-tgl-pack > ul > li > .head ul.divide-detail-list > li + li {
    position: relative;
    margin-left: 60px;
}
.inquiry-tgl-pack > ul > li > .head ul.divide-detail-list > li + li:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.1);
}
.inquiry-tgl-pack > ul > li > .head .amount * {
    display: inline-block;
    vertical-align: middle;
}
.inquiry-tgl-pack > ul > li > .head .amount .tit {
    font-size: 15px;
    font-weight: 600;
    margin-top: 4px;
}
.inquiry-tgl-pack > ul > li > .head .amount .val {
    margin-left: 16px;
    font-size: 20px;
    font-weight: 700;
    color: #303030;
}
.inquiry-tgl-pack > ul > li > .body {
    display: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #FFFFFF;
}
.inquiry-tgl-pack > ul > li > .body > .inner {
    padding: 25px 10px;
    font-size: 0;
    text-align: right;
}
.inquiry-tgl-pack > ul > li > .body > .inner > .conts {
    display: inline-block;
    width: 50%;
    padding: 0 40px;
    text-align: left;
    vertical-align: top;
}
.inquiry-tgl-pack > ul > li > .body > .inner > .conts-right {
    display: inline-block;
    width: 50%;
    text-align: right;
    padding: 0 40px;
    vertical-align: top;
}
.inquiry-tgl-pack > ul > li > .body > .inner > .conts-right .sp-tooltip {
    text-align: left;
}
.inquiry-tgl-pack > ul > li + li {
    margin-top: 20px;
}
.inquiry-tgl-pack > ul > li.on > .head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #F5F5F6;
}
.inquiry-tgl-pack > ul > li.on > .body {
    display: block;
}
.inquiry-tgl-pack > ul > li.on .se-ico.ico-arrow-bt {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.inquiry-tgl-pack > ul > li.on-focus {
    position: relative;
    border-color: transparent;
}
.inquiry-tgl-pack > ul > li.on-focus:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #F8D364;
    border-radius: 20px;
}
.inquiry-tgl-pack > ul > li.on-focus > .head {
    background-color: #F8D364;
}
.inquiry-tgl-pack .sp-tooltip {
    z-index: 500;
}
.inquiry-tgl-pack [data-toggle=trigger] {
    z-index: 100;
    position: relative;
    cursor: pointer;
}
.inquiry-tgl-pack.sz-fix {
    overflow-y: auto;
    overflow: overlay;
    max-height: 645px;
}
.inquiry-tgl-pack.sz-fix::-webkit-scrollbar {
    width: 7px;
}
.inquiry-tgl-pack.sz-fix::-webkit-scrollbar-thumb {
    background-clip: content-box;
    width: 7px;
    background-color: #E2E2E2;
    border-radius: 6px;
}

/*
    inquiry-tgl-pack - ty-01
*/
.inquiry-tgl-pack.ty-01 > ul > li {
    border-radius: 12px;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head {
    border-radius: 12px;
    padding: 30px 20px 26px 30px;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .title ul.divide-detail-list {
    width: 304px;
    margin: 0 0 0 auto;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .title ul.divide-detail-list li {
    width: 100%;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .title ul.divide-detail-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .title ul.divide-detail-list li .data {
    margin-left: auto;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .conts ul.divide-detail-list li .se-ico.ico-arrow-bt {
    display: none;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .conts ul.divide-detail-list li:last-child .data {
    position: relative;
    padding-right: 30px;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .conts ul.divide-detail-list li:last-child .data:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-image: url("../../images/uiux/icon/arrow/icon_bottom.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.inquiry-tgl-pack.ty-01 > ul > li > .head .tit {
    font-size: 18px;
    font-weight: 700;
}
.inquiry-tgl-pack.ty-01 > ul > li > .body {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.inquiry-tgl-pack.ty-01 > ul > li > .body > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.inquiry-tgl-pack.ty-01 > ul > li > .body > .inner > .conts {
    padding-left: 20px;
    padding-right: 30px;
}
.inquiry-tgl-pack.ty-01 > ul > li > .body > .inner > .conts-right {
    margin-left: auto;
    padding-right: 20px;
}
.inquiry-tgl-pack.ty-01 > ul > li.on > .head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.inquiry-tgl-pack.ty-01 > ul > li.on > .head .conts ul.divide-detail-list li:last-child .data:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

/*---------------------------------------------
	#prod #상품
---------------------------------------------*/
/*
    prod-name
*/
.prod-name {
    font-size: 20px;
    font-weight: 700;
}
.prod-name > .tit {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
}

/*
    prod-info-pack
*/
.prod-info-pack .prod-name {
    margin-bottom: 16px;
}
.prod-info-pack .prod-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.prod-info-pack .prod-info ul.detail-list > li .tit {
    color: #707070;
    font-size: 15px;
    font-weight: normal;
}
.prod-info-pack .prod-info ul.detail-list > li .data {
    margin-left: 12px;
    color: #6E6459;
    font-size: 15px;
    font-weight: 600;
}
.prod-info-pack .prod-info ul.detail-list > li + li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 20px;
    background-color: #E6E6E6;
    vertical-align: middle;
}
.prod-info-pack .prod-info ul.amount-list {
    font-size: 0;
}
.prod-info-pack .prod-info ul.amount-list li {
    display: inline-block;
    line-height: 1.2;
    font-size: 0;
}
.prod-info-pack .prod-info ul.amount-list li .tit {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    color: #ee5700;
    vertical-align: top;
}
.prod-info-pack .prod-info ul.amount-list li .data {
    
    letter-spacing: -1px;
    z-index: 1;
    position: relative;
    display: inline-block;
    margin-left: 45px;
    margin-top: -7px;
    font-size: 28px;
    font-weight: 700;
}
.prod-info-pack .prod-info ul.amount-list li .data .unit {
    font-size: 22px;
}
.prod-info-pack .prod-info ul.amount-list li .data:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% + 14px);
    height: 12px;
    border-radius: 30px;
    background-color: #FFEB99;
}
.prod-info-pack .prod-info ul.amount-list li + li {
    margin-left: 60px;
}
.prod-info-pack .prod-info .col-right {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
}
.prod-info-pack .prod-info.ty-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.prod-info-pack .prod-info.ty-block .col-right {
    width: 100%;
    margin-top: 20px;
    text-align: right;
}
.prod-info-pack .amount {
    font-size: 0;
}
.prod-info-pack + .inquiry-tgl-pack {
    margin-top: 16px;
}

/*
    prod-box
*/
.prod-box {
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    background-color: #fff;
}
.prod-box .prod-title {
    padding: 48px 40px 45px;
    background-color: #71675D;
}
.prod-box .prod-title .prod-name {
    color: #fff;
}
.prod-box .prod-title .prod-name * {
    display: inline-block;
    vertical-align: middle;
}
.prod-box .prod-title .prod-name .se-prod-badge {
    margin-right: 6px;
}
.prod-box .prod-conts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 30px 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.prod-box .prod-conts ul.detail-list > li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 30px;
    background-color: #D5D5D5;
    vertical-align: middle;
}
.prod-box .prod-conts ul.detail-list > li * {
    display: inline-block;
    vertical-align: middle;
}
.prod-box .prod-conts ul.detail-list > li .tit {
    font-size: 15px;
    color: #707070;
}
.prod-box .prod-conts ul.detail-list > li .data {
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
}
.prod-box .prod-conts ul.detail-list > li:last-child:after {
    display: none;
}
.prod-box .prod-conts .side-conts {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}
.prod-box .prod-conts ul.amount-list {
    font-size: 0;
}
.prod-box .prod-conts ul.amount-list li {
    display: inline-block;
    line-height: 1.2;
    font-size: 0;
    vertical-align: middle;
}
.prod-box .prod-conts ul.amount-list li .tit {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #ee5700;
    vertical-align: middle;
}
.prod-box .prod-conts ul.amount-list li .data {
    display: inline-block;
    min-width: 175px;
    margin-top: -2px;
    margin-left: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #303030;
    vertical-align: middle;
    text-align: right;
}
.prod-box .prod-conts ul.amount-list li .data * {
    display: inline-block;
    vertical-align: middle;
}
.prod-box .prod-conts ul.amount-list li .data .unit {
    margin-top: 5px;
    margin-left: 4px;
    font-weight: 600;
    font-size: 15px;
}
.prod-box .prod-conts ul.amount-list li + li {
    margin-left: 50px;
}
.prod-box + .sp-tbl.ty-verti {
    margin-top: 50px;
}

/*---------------------------------------------
	#login #로그인
---------------------------------------------*/
/*
    login-area
*/
.login-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.login-area .login-banner-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 320px;
    min-height: 350px;
    margin-right: 30px;
    padding: 40px 0 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    background-color: #D0E5FF;
}
.login-area .login-banner-box .img-pack.slogan {
    font-size: 0;
    padding: 0 40px;
    text-align: left;
}
.login-area .login-banner-box .main-text {
    
    letter-spacing: -1px;
    margin-top: 15px;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 600;
    color: #776C61;
}
.login-area .login-banner-box .main-text b {
    font-weight: 700;
    color: #534D47;
}
.login-area .login-banner-box .img-pack.char {
    margin-top: auto;
}
.login-area .login-banner-box ~ .login-box {
    width: calc(100% - 350px);
}
.login-area .login-box {
    min-height: 350px;
}
.login-area .login-box.space-s {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.login-area ul.sp-bullet {
    width: 100%;
}
.login-area ul.sp-bullet.space-l-login {
    padding-left: 350px;
}

/*
    login-box
*/
.login-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 100%;
    padding: 80px 20px 60px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    text-align: center;
}
.login-box .btn-pack,
.login-box .pin-pack {
    margin-top: 30px;
}
.login-box .btn-link-pack {
    margin-top: 30px;
}
.login-box .desc {
    font-size: 18px;
    margin-bottom: 30px;
}
.login-box .desc + * {
    margin-top: 0;
}
.login-box .error-msg {
    margin-top: 30px;
    font-size: 13px;
    color: #F83838;
}
.login-box .conts-bottom {
    margin-top: auto;
}
.login-box .conts-bottom .btn-link-pack {
    margin-top: 30px;
}
.login-box .login-pack {
    width: 320px;
}
.login-box .login-pack .se-textfld {
    margin-top: 10px;
}
.login-box .login-pack .se-textfld:first-child {
    margin-top: 0;
}
.login-box .login-pack .btn-pack {
    width: 100%;
    margin-top: 20px;
}
.login-box .login-pack .btn-pack .se-btn {
    width: 100%;
}
.login-box .info-btn-pack {
    margin-top: 16px;
}
.login-box .info-btn-pack .msg {
    display: inline-block;
    font-size: 15px;
    color: #707070;
    vertical-align: middle;
}
.login-box .info-btn-pack .se-btn.btn-link {
    margin-left: 10px;
}
.login-box.space-s {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*
    pin-pack
*/
.pin-pack {
    position: relative;
}
.pin-pack input {
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: inline-block;
    width: 100%;
    height: 32px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: none;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}
.pin-pack input::-ms-clear, .pin-pack input::-ms-reveal {
    display: none;
}
.pin-pack ul.pin-dot {
    width: 100%;
    font-size: 0;
    text-align: center;
}
.pin-pack ul.pin-dot li {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 12px;
    border-radius: 50%;
    background-color: #E6E6E6;
}
.pin-pack ul.pin-dot li.on:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 34px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("../../images/uiux/icon/icon_pin_bear.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}

/*
    code-pack
*/
.code-pack ul.code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.code-pack ul.code li {
    width: 84px;
    height: 84px;
    margin: 0 5px;
    line-height: 84px;
    border-radius: 12px;
    background-color: #F6F6F6;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
.code-pack .time {
    display: inline-block;
    margin-top: 20px;
    padding: 7px 12px 5px 30px;
    border-radius: 30px;
    background-image: url("../../images/uiux/icon/icon_time_wht.png");
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-size: 12px;
    background-color: #776C61;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}
.code-pack .error-msg {
    margin-top: 30px;
    font-size: 13px;
    color: #F83838;
}

/*---------------------------------------------
	#main choice
---------------------------------------------*/
/*
    main-choice-area
*/
.main-choice-area {
    text-align: center;
}
.main-choice-area ul.main-choice-list {
    margin-top: 50px;
}

/*
    main-choice-list
*/
ul.main-choice-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
ul.main-choice-list li {
    margin: 0 15px;
}
ul.main-choice-list li .se-btn {
    position: relative;
    width: 310px;
    min-height: 200px;
    padding: 60px 20px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
}
ul.main-choice-list li .se-btn .se-ico {
    width: 100%;
}
ul.main-choice-list li .se-btn .text {
    
    letter-spacing: -1px;
    display: inline-block;
    margin-top: 14px;
    font-size: 24px;
    font-weight: 600;
}
ul.main-choice-list li:hover .se-btn {
    -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
ul.main-choice-list li:hover .se-btn .text {
    font-weight: 700;
}
ul.main-choice-list li.on .se-btn {
    position: relative;
    border-color: transparent;
}
ul.main-choice-list li.on .se-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 2px solid #776C61;
}

/*---------------------------------------------
	#popup contents #팝업 컨텐츠
---------------------------------------------*/
.popup-contents .conts-part.space-s {
    margin-top: 50px;
}
.popup-contents .conts-part.space-m {
    margin-top: 60px;
}
.popup-contents .conts-part.space-l {
    margin-top: 80px;
}
.popup-contents .part .se-title:first-child + * {
    margin-top: 0;
}
.popup-contents .part .text {
    font-size: 16px;
}
.popup-contents .part.space-m {
    margin-top: 30px;
}
.popup-contents .part.space-l {
    margin-top: 50px;
}
.popup-contents .main-desc {
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
}
.popup-contents .main-desc b {
    font-weight: 700;
}
.popup-contents .main-desc:first-child {
    margin-top: 0;
}
.popup-contents .desc {
    margin-top: 20px;
    font-size: 18px;
}
.popup-contents .desc:first-child {
    margin-top: 0;
}
.popup-contents .sub-text {
    margin-top: 5px;
    font-size: 14px;
}
.popup-contents .conts .text {
    margin-top: 20px;
}
.popup-contents .conts .text:first-child {
    margin-top: 0;
}
.popup-contents .conts .text.clr-02 {
    color: #707070;
}
.popup-contents .conts .text.space-s {
    margin-top: 5px;
}
.popup-contents .conts .text.space-l {
    margin-top: 30px;
}
.popup-contents .conts .text.space-l:first-child {
    margin-top: 0;
}
.popup-contents .conts .title {
    font-size: 16px;
    font-weight: 700;
}
.popup-contents .conts .time {
    margin-top: 20px;
    font-size: 36px;
    font-weight: 700;
    color: #ee5700;
    line-height: 1.2;
}
.popup-contents .conts .sp-btnset {
    margin-top: 30px;
}
.popup-contents .conts.space-m {
    margin-top: 25px;
}
.popup-contents .conts.space-l {
    margin-top: 40px;
}
.popup-contents .confirm-msg {
    margin-top: 30px;
}
.popup-contents .se-tab.ty-sub.fixed {
    position: absolute;
    width: calc(100% - 40px);
    margin-top: -30px;
    margin-left: -20px;
    padding: 30px 20px;
    background-color: #fff;
}
.popup-contents .se-tab-conts.space-fix {
    padding-top: 85px;
}
.popup-contents .noresult-pack {
    margin-top: 70px;
}

/*---------------------------------------------
	#search #검색
---------------------------------------------*/
/*
    search-pack
*/
.search-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* font-size: 0; */
}
.search-pack .se-select {
    width: 150px;
    min-width: 150px;
}
.search-pack .se-select + * {
    margin-left: 10px;
}
.search-pack .se-textfld.ty-search {
    width: 100%;
}

/*
    search-conts
*/
.search-conts {
    position: relative;
    margin-bottom: 50px;
}
.search-conts > .side-conts {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-left: 10px;
}

/*---------------------------------------------
	#noti #공지
---------------------------------------------*/
/*
    noti-area
*/
.noti-area .noti-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
}
.noti-area .noti-bottom .col-right {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}
.noti-area .noti-conts .text {
    font-size: 15px;
}

/*
    noti-detail-pack
*/
.noti-detail-pack {
    border-top: 1px solid #776C61;
}
.noti-detail-pack .noti-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 35px;
}
.noti-detail-pack .noti-title .title {
    font-size: 20px;
    font-weight: 700;
}
.noti-detail-pack .noti-title .state {
    font-size: 15px;
    font-weight: 600;
}
.noti-detail-pack .noti-title .state:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 8px;
    background-color: #E9E9E9;
    vertical-align: middle;
}
.noti-detail-pack .noti-title .state.ing {
    color: #ee5700;
}
.noti-detail-pack .noti-title .state.before {
    color: #707070;
}
.noti-detail-pack .noti-title .state + .date {
    margin-left: 0;
}
.noti-detail-pack .noti-title .date {
    margin-left: 16px;
    font-size: 15px;
    color: #707070;
}
.noti-detail-pack .noti-title .se-btn.btn-solid {
    margin-left: 16px;
}
.noti-detail-pack .noti-title > .side-conts {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}
.noti-detail-pack .noti-title > .side-conts > * {
    display: inline-block;
    vertical-align: middle;
}
.noti-detail-pack .noti-title > .side-conts .cate {
    font-size: 15px;
    color: #707070;
}
.noti-detail-pack .noti-title > .side-conts .cate + * {
    margin-left: 40px;
}
.noti-detail-pack .noti-title .file-conts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.noti-detail-pack .noti-title .file-conts .tit {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    padding-top: 5px;
    font-size: 15px;
    color: #707070;
}
.noti-detail-pack .noti-title .file-conts .cnt {
    padding-left: 20px;
    margin-bottom: -10px;
}
.noti-detail-pack .noti-title .file-conts .cnt .se-btn.btn-tbl {
    margin-right: 6px;
    margin-bottom: 10px;
}
.noti-detail-pack .noti-conts {
    padding: 40px 35px;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #A0A0A0;
    font-size: 15px;
}
.noti-detail-pack .noti-nav {
    margin-top: 40px;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    padding: 10px 0;
}
.noti-detail-pack .noti-nav .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.noti-detail-pack .noti-nav .row .nav {
    width: 120px;
    min-width: 120px;
    font-size: 15px;
    color: #707070;
    text-align: center;
}
.noti-detail-pack .noti-nav .row .nav span {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    display: inline-block;
    padding-left: 20px;
    background-size: 16px;
    background-position: left center;
    vertical-align: middle;
}
.noti-detail-pack .noti-nav .row .nav.prev span {
    background-image: url("../../images/uiux/icon/arrow/icon_fill_top.png");
}
.noti-detail-pack .noti-nav .row .nav.next span {
    background-image: url("../../images/uiux/icon/arrow/icon_fill_bottom.png");
}
.noti-detail-pack .noti-nav .row .title {
    width: 100%;
    padding: 16px 20px;
    font-size: 15px;
}
.noti-detail-pack .noti-nav .row .title a[tabindex="-1"] {
    cursor: default;
}
.noti-detail-pack .noti-nav .row .date {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding: 16px 35px;
    font-size: 15px;
}
.noti-detail-pack .noti-nav .row .state {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    font-size: 16px;
    font-weight: 600;
}
.noti-detail-pack .noti-nav .row .state:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 8px;
    background-color: #E9E9E9;
    vertical-align: middle;
}
.noti-detail-pack .noti-nav .row .state.ing {
    color: #ee5700;
}
.noti-detail-pack .noti-nav .row .state.before {
    color: #707070;
}
.noti-detail-pack .noti-nav .row .state + .date {
    padding-left: 0;
}

/*
    thumbnail-list-pack
*/
.thumbnail-list-pack > ul {
    border-top: 1px solid #71675D;
}
.thumbnail-list-pack > ul > li {
    border-bottom: 1px solid #E2E2E2;
    padding: 30px 20px;
    font-size: 0;
}
.thumbnail-list-pack > ul > li .thumbnail {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
}
.thumbnail-list-pack > ul > li .thumbnail .img {
    z-index: 10;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 150px;
    border-radius: 10px;
}
.thumbnail-list-pack > ul > li .thumbnail .img img {
    width: 250px;
    height: 150px;
}
.thumbnail-list-pack > ul > li .thumbnail .img:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    background-color: #F0F0F0;
    background-image: url("../../images/uiux/contents/img_kb_logo_gy.png");
    background-repeat: no-repeat;
    background-size: 54px;
    background-position: center center;
}
.thumbnail-list-pack > ul > li .conts {
    display: inline-block;
    width: calc(100% - 250px);
    padding-left: 40px;
    vertical-align: middle;
}
.thumbnail-list-pack > ul > li .conts .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
}
.thumbnail-list-pack > ul > li .conts .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
}
.thumbnail-list-pack > ul > li .conts .date {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    color: #707070;
}
.thumbnail-list-pack > ul > li:last-child {
    border-bottom-color: #a0a0a0;
}
.thumbnail-list-pack > ul > li:hover {
    background-color: #fff;
}
.thumbnail-list-pack > ul > li:hover .conts .title {
    color: #71675D;
}

/*---------------------------------------------
	통합검색
---------------------------------------------*/
.total-search-area .total-search {
    text-align: center;
}
.total-search-area .total-search-result {
    margin-top: 60px;
}
.total-search-area .total-search-result .title-pack .title {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
}
.total-search-area .total-search-result .title-pack .clr-emp {
    color: #ee5700;
}
.total-search-area .total-search-result .se-tab.ty-multi {
    margin-bottom: 50px;
}
.total-search-area .detail-result-conts strong.mark {
    color: #ee5700;
    font-weight: normal;
}
.total-search-area .detail-result-conts > .title {
    margin-bottom: 16px;
}
.total-search-area .detail-result-conts > .title .name {
    font-size: 20px;
    font-weight: 700;
}
.total-search-area .detail-result-conts > .title a.name {
    padding-right: 24px;
    background-image: url("../../images/uiux/icon/arrow/icon_right_s.png");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right center;
}
.total-search-area .detail-result-conts ul.result-list-pack > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.total-search-area .detail-result-conts ul.result-list-pack > li:first-child {
    border-top: 1px solid #776C61;
}
.total-search-area .detail-result-conts ul.result-list-pack > li:last-child {
    border-bottom: 1px solid #A0A0A0;
}
.total-search-area .detail-result-conts ul.result-list-pack > li > .text {
    padding: 18px 35px 17px;
    font-size: 16px;
}
.total-search-area .detail-result-conts ul.result-list-pack > li a:hover {
    background-color: #fff;
}
.total-search-area .detail-result-conts ul.result-list-pack > li a:not(.se-btn) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 18px 35px 17px;
}
.total-search-area .detail-result-conts ul.result-list-pack > li a:not(.se-btn) .title strong.mark {
    font-weight: 700;
}
.total-search-area .detail-result-conts ul.result-list-pack > li a:not(.se-btn) .text {
    font-size: 16px;
}
.total-search-area .detail-result-conts ul.result-list-pack > li a:not(.se-btn) .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    color: #707070;
}
.total-search-area .detail-result-conts ul.result-list-pack > li a:not(.se-btn) .desc .mark {
    color: #ee5700;
}
.total-search-area .detail-result-conts ul.result-list-pack > li a:not(.se-btn) .detail {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
    font-size: 16px;
}
.total-search-area .detail-result-conts ul.result-list-pack > li .side-conts {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
    padding-right: 35px;
    padding-left: 10px;
    font-size: 16px;
}
.total-search-area .detail-result-conts ul.result-list-pack > li + li {
    border-top: 1px solid #E2E2E2;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
    border: none;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: calc(25% - 20px);
    height: 240px;
    margin-top: 20px;
    margin: 20px 10px 0;
    border-radius: 12px;
    border: 1px solid #DDDDDD;
    background-color: #fff;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li > a {
    display: inline-block;
    width: 100%;
    padding: 35px;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li > a .title {
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li > a .title .mark {
    color: #ee5700;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li > a .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 16px;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li > a .text .mark {
    display: inline;
    color: #ee5700;
    vertical-align: top;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li > a:hover {
    background-color: transparent;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li:nth-child(1), .total-search-area .detail-result-conts ul.result-list-pack.ty-card > li:nth-child(2), .total-search-area .detail-result-conts ul.result-list-pack.ty-card > li:nth-child(3), .total-search-area .detail-result-conts ul.result-list-pack.ty-card > li:nth-child(4) {
    margin-top: 0;
}
.total-search-area .detail-result-conts ul.result-list-pack.ty-card > li:hover {
    border-color: #6F675E;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.total-search-area .detail-result-conts ul.sp-faq > li .p-title .title {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: normal;
}
.total-search-area .detail-result-conts ul.sp-faq > li .clr-05 {
    font-weight: 700;
}
.total-search-area .detail-result-conts .noresult-pack.ty-line {
    margin: 0;
    padding: 50px 0;
    border-top: 1px solid #776C61;
    border-bottom: 1px solid #A0A0A0;
}
.total-search-area .detail-result-conts .noresult-pack.ty-line .text {
    font-size: 18px;
    text-align: center; 
}
.total-search-area .detail-result-conts + .detail-result-conts {
    margin-top: 80px;
}











/* margin */
	.minMT28 { margin-top: -28px; }
	.minMT20 { margin-top: -20px; }
	.minMT15 { margin-top: -15px; }
	.minMT10 { margin-top: -10px; }
	.minMT7 { margin-top: -7px; }
	.minMT6 { margin-top: -6px; }
	.minMT2 { margin-top: -2px; }
	.mT0 { margin-top: 0px !important; }
	.mT1 { margin-top: 1px; }
	.mT2 { margin-top: 2px; }
	.mT3 { margin-top: 3px; }
	.mT4 { margin-top: 4px; }
	.mT5 { margin-top: 5px; }
	.mT6 { margin-top: 6px; }
	.mT7 { margin-top: 7px; }
	.mT8 { margin-top: 8px; }
	.mT9 { margin-top: 9px; }
	.mT10 { margin-top: 10px !important;}
	.mT11 { margin-top: 11px; }
	.mT12 { margin-top: 12px; }
	.mT14 { margin-top: 14px; }
	.mT15 { margin-top: 15px; }
	.mT17 { margin-top: 17px; }
	.mT19 { margin-top: 19px; }
	.mT20 { margin-top: 20px !important;}
	.mT25 { margin-top: 25px; }
	.mT28 { margin-top: 28px; }
	.mT30 { margin-top: 30px !important;}
	.mT32 { margin-top: 32px; }
	.mT40 { margin-top: 40px; }
	.mT50 { margin-top: 50px; }	
	.mT57 { margin-top: 57px; }
	.mT60 { margin-top: 60px !important;}
	.mT110 { margin-top: 110px; }
	.mT135 { margin-top: 135px; }
	.mT169 { margin-top: 169px; }
	.mT_20 { margin-top: -20px; }
	.minMR4 { margin-right: -4px; }
	.mR3 { margin-right: 3px; }
	.mR4 { margin-right: 4px; }
	.mR5 { margin-right: 5px; }
	.mR7 { margin-right: 7px; }
	.mR8 { margin-right: 8px; }
	.mR10 { margin-right: 10px; }
	.mR14 { margin-right: 14px; }
	.mR15 { margin-right: 15px; }
	.mR18 { margin-right: 18px; }
	.mR20 { margin-right: 20px; }
	.mR25 { margin-right: 25px; }
	.mR30 { margin-right: 30px; }
	.mR35 { margin-right: 35px; }
	.mR40 { margin-right: 40px; }
	
	.minMB30 { margin-bottom: -30px; }
	.minMB10 { margin-bottom: -10px; }
	.mB0 { margin-bottom: 0px !important; }
	.mB1 { margin-bottom: 1px; }
	.mB2 { margin-bottom: 2px; }
	.mB3 { margin-bottom: 3px; }
	.mB4 { margin-bottom: 4px; }
	.mB5 { margin-bottom: 5px; }
	.mB7 { margin-bottom: 7px; }
	.mB8 { margin-bottom: 8px; }
	.mB10 { margin-bottom: 10px; }
	.mB12 { margin-bottom: 12px; }
	.mB20 { margin-bottom: 20px; }
	.mB30 { margin-bottom: 30px; }
	
	.mL2 { margin-left: 2px; }
	.mL5 { margin-left: 5px; }
	.mL6 { margin-left: 6px; }
	.mL10 { margin-left: 10px; }
	.mL20 { margin-left: 20px; }
	.mL30 { margin-left: 30px; }
	.mL36 { margin-left: 36px; }
	
	/* padding */
	.pT0 { padding-top: 0 !important;}
	.pT14 { padding-top: 14px; }
	.pT15 { padding-top: 15px; }
	.pT20 { padding-top: 20px; }
	.pT25 { padding-top: 25px; }
	.pT40 { padding-top: 40px !important; }
	
	.pR5 { padding-right: 5px; }
	.pR7 { padding-right: 7px; }
	.pR10 { padding-right: 10px;}

	.pL16 { padding-left: 16px; }
	.pp5 { padding: 5px; }

	.pT50 { padding-top: 50px !important;}
	.pB0 { padding-bottom: 0px !important;}



.gray-bg{background:#f6f6f6;}



/*slick-slider*/
.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .1;
}

.slick-current {
  opacity: 1;
}

.slick-current ~ .slick-slide{
    opacity: 1;
}

.slider-sub{
    position:relative;
    width:100%;
}

.slider-sub .slick-list{
    overflow:visible;
}

.slider-sub .slick-slide{
    width:634px;
    height:370px;
    background-size:cover;
    background-position:center;
    margin:0 28px;
    background-color:#000;
}
.ir-slider .slick-list .slick-slide p{
    font-size:12px;
    opacity: 0;
}
.slick-arrow.slick-hidden{
    display:inline-block;
    opacity:0.3;
}

.slick-dots{
    margin-top:35px;
    margin-left:107px;
    display:flex;
    width:96px;
    background:rgba(0,0,0,0.3);
    /* border-radius:30px; */
}

.slick-dots > li{
    -moz-flex:1;
    flex:1;
    height:3px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    /* background-color:#242424; */
    transform:none;
}

.slick-dots .slick-active{
    background-color:#104DC8;
    opacity:1;
}

.slick-dots .slick-active ~ li{
    background:#dddddd;
}


.slick-dots button{
    color:rgba(36,36,36,0);
    cursor:pointer;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.slick-control{
    display:inline-block;
    position:relative;
    top:-16px;
}

.slick-control .slick-disabled{
    opacity:0.3;
}

.slick-control button + button{
    margin-left:22px;
}

.slick-num{
    font-size:14px;
    font-weight:500;
    margin-left:35px;
}

.pause + .slick-num{
    margin-left:20px;
}

.slick-num.total{
    position:absolute;
    right:-136px;
    top:3px;
    margin-left:0;
}




.pagination-lg.slick-control-w .slick-control .ico,
.slick-control-w .slick-control .ico{
    filter:brightness(0) invert(1);
}

.pagination-lg.slick-control-w .slick-control .slick-num,
.slick-control-w .slick-control .slick-num{
   color:#000000;
}

.pagination-lg.slick-control-w .slick-dots > li,
.slick-control-w .slick-dots > li{
    /* background-color:rgba(0,0,0,0.05); */
}

.pagination-lg.slick-control-w .slick-dots .slick-active,
.slick-control-w .slick-dots .slick-active{
  background-color:#104DC8;
}

.pagination-lg .slick-dots{
    width:calc(100% - 64.5px);
    margin-left:0;
    margin-top:4rem;
}

.pagination-lg .slick-control{
    right:calc(-100% + 42.5px);
}

.ico{
    display:inline-block;
    background-repeat:no-repeat;
    background-size:cover;
    vertical-align:middle;
}


.ico-slider-prev{
    width:0.5rem;
    height:0.875rem;
    background-image:url(../../images/ico-slider-prev.png);
}

.ico-slider-next{
    width:0.5rem;
    height:0.875rem;
    background-image:url(../../images/ico-slider-next.png);
}


.ico-play{
    width:10px;
    height:12px;
    background-image:url(../../images/ico_play.svg);
}

.ico-pause{
    width:10px;
    height:8px;
    background-image:url(../../images/ico_pause.svg);
}

.ico-play-w{
    width:10px;
    height:12px;
    background-image:url(../../images/ico_play.svg);
    filter: brightness(0) invert(1);
}

.ico-pause-w{
    width:10px;
    height:8px;
    background-image:url(../../images/ico_pause.svg);
    filter: brightness(0) invert(1);
}


.slick-control button, .visual-main-control button{
    border:none;
    box-shadow:none;
    margin: 0;
    padding:0;
    background:transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color:#242424;
    border-radius:0;
    font-size:100%;
}

.slick-pagination .slick-dots{
    margin-left:12px;
    margin-right:12px;
    margin-top:0;
}

.slick-pagination + .slick-num.total{
    position:initial;
    top:inherit;
    right:inherit;
}


.slick-pagination .slick-dots button{
    display:none;
}