/* //mark :reset */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300&display=swap');

* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    word-break: keep-all
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video, select, input
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-weight:400;
    font-family: 'Noto Sans Korean', sans-serif, '留묒� 怨좊뵓', 'Malgun Gothic', Helvetica, 'Apple SD Gothic Neo';
    vertical-align: baseline;
    word-break:break-all
}
h1, h2, h3, h4, h5, h6, button {
    letter-spacing:-1px;
    font-weight:500
}

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

body {
    line-height: 1;
    position: relative;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

button {
    padding: 0;
    background: 0;
    border: 0;
    cursor: pointer;
    letter-spacing: -1px;
}

a {
    text-decoration: none;
}

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

input[type="checkbox"],
input[type="radio"] {
    overflow: hidden;
    border: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

input[type=text]::-ms-clear {
    display: none;
}

li {
    list-style: none
}

/* //mark :fonts */

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}



/* //mark :snippet */
.w100 {
    width: 100%
}

.hidden {
    /* //mark :�젒洹쇱꽦 block context */
    overflow: hidden;
    border: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

.hiddenInline {
    /* //mark :�젒洹쇱꽦 inline context */
    overflow: hidden;
    display: inline-block;
    border: 0;
    margin: -1px;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

.tc {text-align: center !important;}
.tl {text-align: left !important;}
.tr {text-align: right !important;}
.fl {float: left;}
.fr {float: right;}
.clr_gr {color: #1784d8}
.clr_caution {color: #e64101}
.table_gap {padding-top: 65px;}
.mg-t-s {margin-top: 10px}
.mg-t-m {margin-top: 40px}
.mg-b-m{margin-bottom: 40px;}
.ml0{margin-left: 0 !important;}

/* //mark :Skip Nav */
.skipNav {
    position: relative;
    z-index: 9999;
}

.skipNav a {
    display: block;
    height: 1px;
    width: 1px;
    margin-bottom: -1px;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: #2466a6;
    white-space: nowrap;
    text-align: center;
}

.skipNav a:focus,
#skipNav a:active {
    height: auto;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

/* //mark :buttons */
.btn_wrap {
    overflow: hidden;
}

.btn_wrap.table_bt {
    padding-top: 17px;
}
.btn_wrap.modal-2 > span:first-child{
    padding-right: 8px;
}

.btn_wrap.row-2>span {
    float: left;
    width: 50%;
    padding-right: 5px;
    box-sizing: border-box;
}

.btn_wrap.row-2>span:last-child {
    float: left;
    width: 50%;
    padding: 0 0 0 5px;
    box-sizing: border-box;
}

.btn_wrap.dp-flex {
    display: flex;
    justify-content: space-between;
}

.btn_wrap.dp-flex>button:nth-child(2) {
    margin: 0 5px
}

.btn_org {
    display: inline-block;
    position: relative;
    min-width: 182px;
    height: 60px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 0;
    box-sizing: border-box;
    color: #fff;
    background-color: #1784d8;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
}

.btn_line {
    background: #fff;
    border: 1px solid #d2d2d2;
}
.btn_lineB {
    background: #fff;
    border: 1px solid #000;
}

.btn_line2 {
    height: 30px;
}

.btn_org.btn_line>span{
    color: #333;
}
.btn_org.btn_lineB>span {
    color: #333;

}

.btn_line.active,
.btn_line:focus,
.btn_line:hover,
.btn_lineB.active,
.btn_lineB:focus,
.btn_lineB:hover {
    border-color: #1784d8
}

.btn_mid {
    height: 52px;
}

.btn_small {
    height: 38px;
    min-width: 129px;
}

.btn_xsmall {
    height: 30px;
    min-width: 112px;
}

.btn_xsmall.v2 {
    height: 30px;
    min-width: 82px;
}

.btn_xsmall.v3 {
    height: 21px;
    min-width: 60px;
}

.btn_org.w_auto {
    min-width: auto;
}

.btn_org.w_auto>span {
    position: relative;
    padding: 0 20px;
}

/* ie9 踰꾪듉 pressed �슚怨� �젣嫄� position �냽�꽦 異붽� */
.btn_org>span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 60px;
    padding: 0 20px 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    letter-spacing:-1.5px
}

.btn_mid>span {
    padding: 0;
    line-height: 52px;
    font-size: 18px;
}

.btn_small>span {
    padding: 0;
    line-height: 38px;
    font-size: 16px;
}

.btn_xsmall>span {
    padding: 0;
    line-height: 30px;
    font-size: 14px;
}

.btn_xsmall.v3>span {
    padding: 0;
    line-height: 21px;
    font-size: 12px;
    color: #666
}


.btn_org.arrow:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 9px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -254px -7px;
    transform: translateY(-50%);
}

.btn_org.arrow:hover:after {
    background-position: -332px -7px;
}

.btn_org.arrow>span {
    right: 10px;
}

.btn_no {
    background: #666
}

.btn_ok:active,
.btn_ok:focus,
.btn_ok:hover {
    background: #007cd8;
}

.btn_no:active,
.btn_no:focus,
.btn_no:hover {
    background: #4e4e4e
}

.btn_ok:disabled,
.btn_ok:disabled:active,
.btn_ok:disabled:hover,
.btn_ok.disabled,
.btn_ok.disabled:active,
.btn_ok.disabled:hover {
    background: #e49c90
}

.btn_no:disabled,
.btn_no:disabled:active,
.btn_no:disabled:hover,
.btn_no.disabled,
.btn_no.disabled:active,
.btn_no.disabled:hover {
    background: #b6b6b6
}



.btn_icn {
    display: inline-block;
    height: 32px;
    padding: 0;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    box-sizing: border-box;
    background-color: #f3f5f8;
    border: 1px solid #9b9fa8;
    color: #575b63;
}

.btn_icn>span {
    padding: 0 12px 0;
}

.btn_icn>span>i.fa,
.btn_icn>span>i.fas {
    padding: 0 5px 0 0;
}

.btn_icn:active,
.btn_icn:hover {
    background-color: #e9ebef;
    border-color: #2b2e38;
    color: #2b2e38;
}

.btn_icn:disabled,
.btn_icn:disabled:active,
.btn_icn:disabled:hover {
    background-color: #fff;
    border-color: #e9ebef;
    color: #e9ebef;
}

/* //mark :selection controls */
input.form_chk+label,
input.form_radio+label {
    display: inline-block;
}

input.form_chk+label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -299px -30px
}

input.form_chk+label:hover:before,
input.form_radio+label:hover:before {
    color: #333
}

input.form_chk:checked+label:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -325px -30px;
}

input.form_chk.af_chk+label:before {
    display: none;
}

input.form_chk.af_chk+label:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -299px -30px;
}

input.form_chk.af_chk:checked+label:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -325px -30px;
}

input.form_chk.af_chk+label .label-txt {
    padding-right: 7px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
}

input.form_radio.af_rad+label:before {
    display: none;
}

input.form_radio.af_rad+label:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -96px -122px;
}

input.form_radio.af_rad:checked+label:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -120px -122px;
}

input.form_radio.af_rad+label .label-txt {
    padding-right: 7px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
}

input.form_chk+label .label-txt,
input.form_radio+label .label-txt {
    padding-left: 7px;
    padding-right: 0;
}

input.form_chk:disabled+label,
input.form_radio:disabled+label {
    opacity: .3;
}

input.form_chk:disabled+label:hover:before,
input.form_radio:disabled+label:hover:before {
    color: #717171;
}

input.form_chk:disabled+label:before:hover,
input.form_radio:disabled+label:before:hover {
    color: #717171
}

input.form_radio+label {}

input.form_radio+label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -96px -122px;
}

input.form_radio:checked+label:before {
    background-position: -120px -122px;
}

input.form_chk.inp-error+label:before,
input.form_radio.inp-error+label:before {
    color: #ed4b30
}

input.form_chk.inp-error:disabled+label,
input.form_radio.inp-error:disabled+label {
    opacity: 1;
}

input.form_chk.inp-error:disabled+label:before,
input.form_radio.inp-error:disabled+label:before {
    color: #ed4b30
}

input.form_chk:focus+label,
input.form_radio:focus+label {
    box-shadow: 0 0 1px #4d90fe
}


.form_grp>span {
    display: inline-block;
    padding: 0 10px 0 0
}

.form_grp>span:last-child {
    padding-right: 0;
}

input+label>.label-txt {
    font-size: 16px;
    line-height: 20px;
    vertical-align: top;
}


ul.ui-tab {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border: 1px solid #333;
    box-sizing: border-box;
}

ul.ui-tab li {
    position: relative;
    width: 33.3333%;
    display: table-cell;
    border: 1px solid #333;
}

ul.ui-tab li span {
    display: block;
    width: 100%;
    line-height: 28px;
    color: #2b2b2b;
}

.ui-tab-btn {
    display: block;
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
}

.ui-tabWrap input+label.ui-tab-btn:before,
.ui-tab-btn:before {
    display: block;
    content: '';
    background: #eee;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}

.ui-tabWrap input:checked+label.ui-tab-btn:after,
.ui-tab-btn.on:after {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 3px solid rgba(255, 0, 0, 1);
}

.ui-tabWrap input:focus+label.ui-tab-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    -webkit-box-shadow: 0px 0px 1px #4d90fe;
    box-shadow: 0px 0px 1px #4d90fe;
}

.ui-tab-list {
    display: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #333;
    border-top: 0;
    box-sizing: border-box
}

.ui-tab-list.on {
    display: block;
}

html.mobile .selectWrap {
    position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #333;
}

html.mobile .selectWrap:after {
    content: "\f107";
    position: absolute;
    z-index: 1111;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

html.mobile .form_select {
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #aaa;
}

.selectWrap.ui-selectbox {
    position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #333;
}

.selectWrap.ui-selectbox:after {
    content: "\f107";
    position: absolute;
    z-index: 1111;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.selectWrap.ui-selectbox.active.ui-result-active:after {
    content: "\f106";
    position: absolute;
    z-index: 1111;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.selectWrap.ui-selectbox .ui-result-ul {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
    box-sizing: border-box
}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul {
    /* overflow-y: auto;
	max-height: 140px; */
    display: block;
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    z-index: 1112;

}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button {
    display: block;
    width: 100%;
    padding: 8px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: left;
}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button:disabled {
    cursor: default;
}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button:hover,
.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button:focus,
.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button:active {
    background: #c1c1c1;
}

.selectWrap.ui-selectbox .pc_selwrap {
    position: relative;
}

.selectWrap.ui-selectbox .pc_selwrap>div.selOneWrap {
    position: relative;
    display: block;
    overflow: hidden;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 25px;
    box-sizing: border-box
}

.selectWrap.ui-selectbox .pc_selwrap>div.selOneWrap .ui-selected-one {
    overflow: hidden;
    float: left;
    width: 100%;
    line-height: 24px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    text-indent: 8px;
}

.selectWrap.ui-selectbox.active.ui-result-active .pc_selwrap>div.selOneWrap {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom: 1px solid #d4d4d4;
    z-index: 1011;
}


/* //mark :modal */
.laypop {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 9999
}

.laypop:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
}

.laypop .wrap-modal {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 0 15px;
    top: 0;
    height: 100%;
    letter-spacing: -2px;
    color: #222;
}

.laypop .wrap-modal .inner {
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
}

.laypop.trans-ms .wrap-modal .inner {
    transition: all ease-in-out .5s;
    top: -100%;
}

.laypop.trans-ms.on .wrap-modal .inner {
    top: 0;
}

.laypop.type01 .wrap-modal .inner {
    width: 728px;
    margin: 0 auto
}

.laypop.type02 .wrap-modal .inner {
    width: 460px;
    margin: 0 auto;
    padding: 30px 20px 20px;
    border-radius: 0;
}

.laypop.type02 .wrap-modal .inner .modal_txt {
    padding: 0 0 26px;
    font-size: 18px;
    color: #666;
    line-height: 1.4;
}

.laypop.type02 .wrap-modal .inner .btntop_close {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 34px;
    right: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -353px -61px;
}

.laypop.type02 .wrap-modal .inner .laypop_content {
    height: auto;
    margin: 0;
}

.laypop.type02 .wrap-modal .inner .laypop_footer {
    padding: 17px 0 0 0;
}

.laypop_content.join_complete {
    text-align: center;
}

.laypop_content.join_complete strong {
    display: block;
    padding: 30px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}

.laypop_header h1 {
    padding: 24px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #eee;
}

.laypop_content {
    overflow: auto;
    height: 50vh;
    margin-top: 14px;
    padding: 0 14px 14px;
    border-bottom: 1px solid #eee;
}

.laypop_content .scrollWrap {
    height: 100%;
}

.laypop_content .scrollview {
    line-height: 1.6
}

.laypop_footer {
    padding: 14px;
}

/* //mark :tooltip */
.ui-tooltip a {
    display: inline-block;
    padding: 10px 15px;
    background: #450e4c;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.tooltipContent {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #ffc8a2;
    border-radius: 5px;
    font-size: 12px;
    text-align: left;
    z-index: 9999;
}

.tooltipContent::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}

.right.tooltipContent::after {
    top: 18px;
    left: -7px;
    border-color: transparent #ffc8a2;
    border-width: 10px 10px 10px 0;
}

.left.tooltipContent::after {
    top: 18px;
    right: -7px;
    border-color: transparent #ffc8a2;
    border-width: 10px 0 10px 10px;
}

.top.tooltipContent::after {
    bottom: -7px;
    left: 54px;
    border-color: #ffc8a2 transparent;
    border-width: 7px 7px 0;
}

.bottom.tooltipContent::after {
    top: -7px;
    left: 54px;
    border-color: #ffc8a2 transparent;
    border-width: 0 7px 7px;
}


/* //mark :scroll */
.ui-scrollview {
    overflow: hidden;
    position: relative;
    height: 300px
}

.ui-scrollarea {
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    left: 0;
}

/* �뒪�겕濡ㅻ컮 �겕湲� 留뚰겮 + padding-right */
.ui-content {
    padding-right: 15px;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.ui-content::-webkit-scrollbar {
    display: none;
}

.ui-scrollbar {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    background: #eee;
    height: 100%;
    width: 10px;
    border-radius: 5px;
}

.ui-scrollbar .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #555;
    width: 100%;
    border-radius: 5px;
    z-index: 1;
}

.ui-scrollbar .bar:hover {
    background: #222
}

.scrollview {
    line-height: 1.6
}

html.mobile .ui-scrollbar {
    display: none;
}

html.mobile .ui-scrollview {
    overflow: auto;
}


/* //mark :�뼱肄붾뵒�뼵 */
.ui-accordian.sub-accord {
    padding: 10px;
}

.ui-accordian h3.acco-btn {
    padding: 0;
    margin: 0;
}

.ui-accordian h3.acco-btn .ui-btn-acco {
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #333;
}

.ui-accordian h3.acco-btn .ui-btn-acco:after {
    content: "";
    width: 13px;
    height: 7px;
    position: absolute;
    z-index:100;
    top: 50%;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -174px -66px;
    transform: translateY(-50%);
    right: 10px;
}

.ui-accordian li.active .ui-btn-acco:after {
    content: "";
    width: 13px;
    height: 7px;
    position: absolute;
    z-index: 1111;
    top: 50%;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -198px -66px;
    transform: translateY(-50%);
    right: 10px;
}

.ui-accordian .ui-acco-ct {
    overflow: hidden;
    height: 0px;
}

.ui-accordian .acco-ct {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 0;
    box-sizing: border-box;
    padding: 38px 30px 35px 125px;
    border-top: 1px solid #e8e8e8;
}

.ui-accordian li {
    border-top: 1px solid #e8e8e8;
    border-bottom: 0;
    box-sizing: border-box;
    transition: all ease .5s;
}

.ui-accordian li:first-child,
.ui-accordian li:last-child {
    border-top: 1px solid #d2d2d2;
}

.ui-accordian li:last-child {
    border-bottom: 1px solid #c0c0c0
}

.ui-accordian li.active {
    /* border: 1px solid red; */
    border-bottom: 0;
}

.ui-accordian li.active+li {
    /* order-top:1px solid red; */
}

.ui-accordian li.active:last-child {
    border-bottom: 1px solid red
}

.ui-accordian li:hover {
    border-color: #666;
    border-top: 1px solid #666 !important
}

.ui-accordian li:hover+li {
    border-top: 1px solid #666
}

.ui-accordian li:last-child:hover {
    border-bottom: 1px solid #666
}

/* //mark :�뒳�씪�씠�뜑 */
.sliderWrap div.hslider {
    position: relative;
    padding: 0;
    width: 100%;
    height: 20px;
    background-color: #e7e7e7;
    border: 1px solid black;
}

.sliderWrap .hsliderHandle {
    margin: 0;
    padding: 7px 2px;
    width: 24px;
    height: 12px;
    background-color: #808080;
    position: absolute;
    left: -300em;
    top: -30em;
    z-index: 1;
    border: 1px solid black;
}

.sliderWrap .hsliderValue {
    margin: 24px 0 0 -50px;
    padding: 5px;
    width: 100px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: -30em;
    top: -30em;
    z-index: 1;
    box-sizing: border-box
}

.sliderWrap div.vslider {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 240px;
    width: 20px;
    background-color: #e7e7e7;
    border: 1px solid black;
}

.sliderWrap .vsliderHandle {
    margin: 0;
    padding: 2px 7px;
    width: 12px;
    height: 24px;
    background-color: #808080;
    position: absolute;
    left: -300em;
    top: -30em;
    z-index: 1;
    border: 1px solid black;
}

.sliderWrap .vsliderValue {
    margin: 0 0 0 30px;
    padding: 5px;
    width: 100px;
    height: 24px;
    text-align: left;
    font-weight: bold;
    position: absolute;
    left: -30em;
    top: -30em;
    z-index: 1;
    box-sizing: border-box
}

.sliderWrap div.sliderRange {
    padding: 0;
    width: 1px;
    height: 1px;
    background-color: #939393;
    position: absolute;
    left: -300em;
    top: -30em;
    z-index: 0;
}

.sliderWrap .focus {
    background-color: #eee !important;
}

/* //mark :main */
.wrap.main {
    position: relative;
    width: 100%;
    background: url(/img/frn/top_bg.png) repeat-x;
    /* overflow: hidden; */
}

/* new main 2020.02.04 */
/*
.wrap.main:before {
	content: '';
	display: block;
	position: absolute;
	top: 178px;
	left: 0;
	right: 0;
	height: 1px;
	background: #e8e8e8;
}
*/
.wrap .gnb,
.wrap .content {
    width: 1280px;
    margin: 0 auto;
}

/*.wrap .content {
	overflow: hidden;
}*/

.wrap .gnb {
    position: relative;
    /* padding: 54px 0 0 0; */
    padding: 45px 0 0 0;
}


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

/* 20191202 gnb 諛깃렇�씪�슫�뱶 異붽� */
/*.wrap.main::after,
.wrap.sub::after{
	position:absolute;
	content:'';
	display:block;
	background-color:#0066cc;
	height: 45px;
	top:0;
	left: 0;
	right: 0;
	z-index:-1;
}*/

.wrap .gnb h1 {
    float: left;
    width: 500px;
    padding: 0px 0 0 0;
}

.wrap .gnb .fam_link {
    position: absolute;
    top: 15px;
    left: 0;
}

.wrap .gnb .fam_link a {
    display: inline-block;
    padding: 0 16px 0 0;
    color: #fff;
    font-size: 14px;

}

.wrap .gnb .top_util {
    position: absolute;
    top: 40px;
    right: 0;
}

.wrap .gnb .top_util a {
    float: left;
    position: relative;
    font-size: 14px;
    color: #999;
    width:70px;
    text-align: center;
}

.wrap .gnb .top_util a.login.on {margin-top:40px; width: auto;}
.wrap .gnb .top_util a:last-child {padding-right: 0}
.wrap .gnb .top_util a span {font-size:14px;}
.wrap .gnb .top_util .login:before,
.wrap .gnb .top_util .join:before,
.wrap .gnb .top_util .cart:before,
.wrap .gnb .top_util .cart:before,
.wrap .gnb .top_util .mypage:before {background: url('/img/frn/main_ico_set.png') 4px -32px no-repeat;margin-left:20px;display:block; content:''; width:30px; height:40px}
.wrap .gnb .top_util .join:before {background: url('/img/frn/main_ico_set.png') -30px -32px no-repeat}
.wrap .gnb .top_util .cart:before {background: url('/img/frn/main_ico_set.png') -62px -32px no-repeat}
.wrap .gnb .top_util .mypage:before {background: url('/img/frn/main_ico_set.png') -168px -32px no-repeat}
.wrap .gnb .top_util .login.on:before {display: none;}

/* .wrap .gnb .top_util .login:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 16px;
	background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
	background-position: -6px -4px;
}

.wrap .gnb .top_util .cart:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 12px;
	width: 18px;
	height: 18px;
	background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
	background-position: -33px -31px;
}

.wrap .gnb .top_util .join,
.wrap .gnb .top_util .mypage,
.wrap .gnb .top_util .cart {
	padding-right: 12px
}

.wrap .gnb .top_util .cart {
	margin-left: 5px;
}
.wrap .gnb .top_util .cart span{
	margin-left: 19px;
}
.wrap .gnb .top_util .login:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 12px;
	background: #d9d9d9;
	transform: translateY(-50%);
}
.wrap .gnb .top_util .join:after {
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    background: #d9d9d9;
    transform: translateY(-50%);
}

.wrap .gnb .top_util .mypage:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -5px;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background-color: #fff;
	border-radius: 5px;
}*/

.wrap .gnb .searchWrap {
    float: left;
    position: relative;
    width: 387px;
    height: 39px;
    margin: 42px 0;
    padding: 0 40px 0 0;
    border-bottom: 2px solid #666;
    box-sizing: border-box;
}

.wrap .gnb .searchWrap .inp_form {display: inline-block;width:330px;position:absolute;margin-left:20px; padding-left:20px;}
.wrap .gnb .searchWrap .inp_form:before {content:''; display:block; position:absolute; width:20px; height:15px; border-left:1px solid #ccc; top:13px; left:0}
.wrap .gnb .searchWrap .inp_form input {width: 100%;padding: 10px 10px 8px 8px;color: #666;	background: none;border: 0;box-sizing: border-box;font-size:16px}
.wrap .gnb .searchWrap .inp_form input::placeholder {text-align: center;color: #999;}
.wrap .gnb .searchWrap .inp_form input:-ms-input-placeholder {text-align: center;color: #999;}
.wrap .gnb .searchWrap button {display: block;position: absolute;top: 3px;right: 5px;width: 40px;height: 35px}
.wrap .gnb .searchWrap button .icn_search,
.wrap .gnb .searchWrap button:focus .icn_search,
.wrap .gnb .searchWrap button:active .icn_search,
.wrap .gnb .searchWrap button .icn_search.active {display: block;width: 24px;height: 24px;font-size: 0;line-height: 0;background: url(/img/frn/main_ico_set.png) 0 0 no-repeat;background-position: -62px 0;}
.wrap .menu {clear: both;position: relative;width:calc(100% - 60px);height:58px;margin-top:86px;z-index:600}
.wrap.main .menu {margin-top:80px;}
.wrap .menu menu {position: relative;width: 100%;height: 70px;box-sizing: border-box;z-index: 2;}

.wrap .menu menu>li {float: left;position: relative;text-align: center;}
.wrap .menu menu>li>a {display: block;position: relative;/* padding: 0 31px 0 30px; */padding: 0 35px;line-height:60px}

.wrap .menu menu>li>a:hover span {color: #333;}


/*.menu menu>li>a span:after {content: '';display: block;position: absolute;margin-top:-7px;left:78px;width: 100%;height:10px;opacity:0;background:url(/img/frn/gnb_arrow.png) no-repeat}
.main.wrap .menu menu>li>a span:after {content: '';display: block;position: absolute;left:78px;margin-top:-7px;width: 100%;height:10px;opacity:0;background:url(/img/frn/gnb_arrow.png) no-repeat}*/
.wrap .menu menu>li>a span {display: block;	position: relative;	color: #333;font-size: 18px;transition: all .5s ease}
.wrap .menu menu>li>a span:after {content: '';display: block;position: absolute;top:47px !important;left:78px;width: 100%;height:10px;opacity: 0;background:url(/img/frn/gnb_arrow.png) no-repeat}
.wrap .menu menu>li.active>a span:after {opacity: 1}


/*.wrap .menu menu>li.cs a:after,
.wrap .menu menu>li:first-child a span:after,
.wrap .menu menu>li:last-child a span:after {
	display: none;
}
.wrap .menu menu>li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #fff;
	opacity: .3;
}*/

.wrap .menu menu>li.data_prd {
    width: 252px;
}

.wrap .menu menu>li.data_prd a {
    display: block;
    height: 70px;
    background: #333;
    transition: all .5s ease;
}

.wrap .menu menu>li.data_prd a:after {
    display: none;
}

.wrap .menu menu>li.data_prd a:hover {
    background: #1e2a3b
}

.wrap .menu menu>li.data_prd a span {
    position: relative;
    display: inline-block;
    padding-left: 38px;
    color: #fff;
}

.wrap .menu menu>li.data_prd a span:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 23px;
    height: 27px;
    transform: translateY(-50%);
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -4px -294px;
}

.wrap .menu menu>li.data_prd.lab { /* new main 2020.02.04 */
    float: right;
}
.wrap .menu menu>li.data_trade {
    /* padding-left: 129px;
	padding-left: 38px;*/
}

.wrap .menu menu>li.data_order {
    position: absolute;
    right: 0;
}

.wrap .menu menu>li.data_order a span {
    line-height: 31px;
    color: #333;
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    border: 1px solid #333;
    border-radius: 50px;

}

.wrap .menu menu>li.data_order a:focus span,
.wrap .menu menu>li.data_order a:hover span {
    background: #007cd8;
    border-color: #fff;
    color:#fff;
}

.wrap .menu menu>li.data_prd a:hover span:after,
.wrap .menu menu>li.data_order a:hover span:after {
    display: none
}

.wrap .menu menu>li ul {
    display:none;
    position: absolute;
    left: 0;
    right: 0;
    height:56px;
    top:50px
}

.wrap .menu menu>li.active ul {
    display: block;
}


.wrap .menu menu>li ul a {
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    color: #666;
}

/*.wrap .menu menu>li ul a:hover {
	color: #1784d8;
	border-color: #1784d8;
}*/


.wrap.main .swipe_top_bg {
    display: block;
    width: 1920px;
    height: 396px;
    position: absolute;
    top: 70px;
    left: -324px;
    background: url('/img/frn/bg_brand_1.jpg') 0 0 no-repeat;
    transition: all ease .5s;
}

.wrap.main .swipe_top_bg[data-bg='s01'] {
    background: url('/img/frn/bg_brand_1.jpg') 0 0 no-repeat;
}

.wrap.main .swipe_top_bg[data-bg='s02'] {
    background: url('/img/frn/bg_brand_02.jpg') 0 0 no-repeat;
}

.wrap.main .swipe_top_bg[data-bg='s03'] {
    background: url('/img/frn/bg_brand_1.jpg') 0 0 no-repeat;
}

.wrap.main .swipe_top_bg[data-bg='s04'] {
    background: url('/img/frn/bg_brand_02.jpg') 0 0 no-repeat;
}

.wrap.main .swipe_top_bg[data-bg='s05'] {
    background: url('/img/frn/bg_brand_1.jpg') 0 0 no-repeat;
}

.wrap.main .swipe_top_bg[data-bg='s06'] {
    background: url('/img/frn/bg_brand_02.jpg') 0 0 no-repeat;
}

.wrap .swipe-top-ban {
    float: right;
    position: relative;
    width: 240px;
    height: 124px;
}

/* .wrap .swipe-top-ban span.swiper-pagination-bullet {
	opacity: 1;
	background: #d3dade;
}

.wrap .swipe-top-ban span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3e4a5a;
}

.wrap .swipe-top-ban .swiper-pagination.swiper-pagination-bullets {
	bottom: 19px;
} */



.swiper-main {
    width: 100%;
    height: 360px;
}

.swiper-main .swiper-container {
    clear: both;
    height: 100%;
}
/* 2020.02.04 new main
.swiper-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	position: absolute;
	left: 0;
	top: 0;
	bottom: initial;
	width: 253px;
	padding: 18px 0 0 0;
}

.swiper-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span {
	width: 100%;
	height: auto;
	margin: 0 0 1px;
	font-size: 18px;
	line-height: 53px;
	text-indent: 22px;
	text-align: left;
	color: #dcdada;
	border-radius: 0;
	background: rgba(25, 30, 36, .7);
	opacity: 1;
	transition: all .5s ease;
}

.swiper-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span:last-child {
	margin: 0;
}

.swiper-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #0071e3;
	color: #fff;
	position: relative;
}

.swiper-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet-active:after {
	content: '';
	display: block;
	width: 5px;
	height: 9px;
	position: absolute;
	top: 50%;
	right: 14px;
	background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
	background-position: -340px -92px;
	transform: translateY(-50%);
} */

.swiper-main {width: 100%;height: 360px;height:890px; z-index:2; }/* 2020-11-12*/
.swiper-main .swiper-container {clear: both;height: 100%;}
.swiper-main .swiper-control-wrap {position: absolute;bottom: 34px;width: 100%;text-align: center;z-index: 1;}
.swiper-main .swiper-main-slide {background:url('/img/frn/main_vi_01.png') no-repeat center; background-size:cover;height:890px;}
.swiper-main .swiper-main-slide-cont {width:1270px; margin:0 auto; position: relative; height:890px}
.swiper-main-slide-cont.cont01 .txt_a {padding-top:140px}
.swiper-main-slide-cont.cont01 .txt_a .txt_st1 {font-size:48px; color:#fff;font-family:NotoKrL}
.swiper-main-slide-cont.cont01 .txt_a .txt_st2 {font-size:72px;color:#fff; line-height:100px;}
.swiper-main-slide-cont.cont01 .txt_a .txt_st3 {font-size:20px;color:#fff; line-height:34px;font-family:NotoKrL}
.swiper-main-slide-cont.cont01 .img_a {position: absolute; right:0; bottom:120px;}

/*
.swiper-main .swiper-control-wrap .swiper-pagination2 {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: middle
}

.swiper-main .swiper-control-wrap .swiper-pagination2>span {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 10px 0 0;
	background: #d3dade;
	border-radius: 50%;
}

.swiper-main .swiper-control-wrap .swiper-pagination2>span:last-child {
	margin-right: 6px;
}

.swiper-main .swiper-control-wrap .swiper-pagination2>span.active {
	background: #fff
}
*/
.swiper-main .swiper-control-wrap .swiper-pagination {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle
}

.swiper-main .swiper-control-wrap .swiper-pagination>span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 10px 0 0;
    background: #d3dade;
    border-radius: 50%;
}

.swiper-main .swiper-control-wrap .swiper-pagination>span:last-child {
    margin-right: 6px;
}

.swiper-main .swiper-control-wrap .swiper-pagination>span.active {
    background: #fff
}

.swiper-main .swiper-control-wrap .swiper-control {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}

.swiper-main .swiper-control-wrap .swiper-control .btn_ctrl {
    width: 8px;
    height: 13px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -129px -32px;
}

.swiper-main .swiper-control-wrap .swiper-control .btn_ctrl.play {
    background-position: -104px -32px;
}

.swiper-main .swiper-control-wrap .swiper-button-prev,
.swiper-main .swiper-control-wrap .swiper-button-next {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 16px;
    padding: 0 10px 0 0;
    margin: -1px 6px 0 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -57px -30px;
    vertical-align: middle;
    line-height: 0;
}

.swiper-main .swiper-control-wrap .swiper-button-next {
    margin: -1px 0 0 16px;
    background-position: -80px -30px;
}

.swiper-main .swiper-slide {
    opacity: 0;
}

.swiper-main .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.swiper-main .swiper-slide .slide_in {
    padding: 50px 0 0 312px
}

.swiper-main .swiper-slide .slide_in .data_wrap,
.swiper-main .swiper-slide .slide_in .txt_wrap {
    float: left;
    width: 50%;
    color: #fff
}

.swiper-main .swiper-slide .slide_in .data-text {
    font-size: 38px;
    line-height: 1.3
}
.swiper-main .swiper-slide .slide_in .data-text .data-text-y{
    color:#fff50a;
}

.swiper-main .swiper-slide .slide_in .data-subTxt {
    padding-top: 13px;
    font-size: 22px;
    line-height: 1.3;
}

.swiper-main .swiper-slide .slide_in .data_index {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0 0 0 106px;
}

.swiper-main .swiper-slide .slide_in .data_index:first-child {
    margin: 0 0 9px;
}

.swiper-main .swiper-slide .slide_in .data_index:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #b2b2b2;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
}

/* .swiper-main .swiper-slide .slide_in .data_index:focus,
.swiper-main .swiper-slide .slide_in .data_index:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
	border: 2px solid #1784d8;
} */

.swiper-main .swiper-slide .slide_in .data_index .bg_cate {
    width: 54px;
    height: 54px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    display: table;
    top: 50%;
    left: 16px;
    font-size: 0;
    line-height: 0;
    transform: translateY(-50%);
    text-align: center;
}
.swiper-main .swiper-slide .slide_in .data_index .bg_cate img{ width: 50px; margin-top: 5px;}


.swiper-main .swiper-slide .slide_in .data_index .div_txt {
    float: left;
    position: relative;
    z-index: 1;
    padding: 18px 0 15px;
}

.swiper-main .swiper-slide .slide_in .data_index .div_icn {
    float: right;
    position: relative;
    z-index: 1;
    width: 133px;
    padding: 18px 0 15px;
}

.swiper-main .swiper-slide .slide_in .data_index .div_txt .cate_txt {
    font-size: 14px;
    color: #fff;
}

.swiper-main .swiper-slide .slide_in .data_index .div_txt .tit {
    display: block;
    font-size: 24px;
    padding-top: 4px;
    color: #fff;
    font-weight: normal;
}

.swiper-main .swiper-slide .slide_in .data_index .div_icn .icn_wrap {
    overflow: hidden;
    padding: 0 0 12px 19px;
    display: block;
    /* opacity: .4; */
    transition: all .5s ease;
}

.swiper-main .swiper-slide .slide_in .data_index:hover .div_icn .icn_wrap {
    opacity: 1;
}

.swiper-main .swiper-slide .slide_in .data_index .div_icn .icn_wrap .icn_file,
.swiper-main .swiper-slide .slide_in .data_index .div_icn .icn_wrap .icn_api,
.swiper-main .swiper-slide .slide_in .data_index .div_icn .icn_wrap .icn_mail {
    float: left;
    width: 27px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    margin: 0 8px 0 0;
}

.swiper-main .swiper-slide .slide_in .data_index .div_icn .icn_wrap .icn_file {
    background-position: -151px -177px;
}

.swiper-main .swiper-slide .slide_in .data_index .div_icn .icn_wrap .icn_api {
    background-position: -186px -177px;
}

.swiper-main .swiper-slide .slide_in .data_index .div_icn .icn_wrap .icn_mail {
    background-position: -221px -177px;
}

.swiper-main .swiper-slide .slide_in .data_index .div_icn .price {
    display: block;
    text-indent: 19px;
    font-size: 12px;
    color: #fff50a;
    letter-spacing: 0;
}
.swiper-main .swiper-slide .slide_in .data_index .div_icn .price .price_span{
    letter-spacing: 0;
}

.wrap.main .mid_banner{
    margin-top: 20px;
}

.wrap.main .main_grp {
    overflow: hidden;
    padding: 60px 0 0 0;
}
.wrap.main .main_grp02 {
    padding: 20px 0 0 0;
}
.wrap.main .main_grp03{
    padding: 50px 0 0 0;
}

.wrap.main .main_grp .tit_wrap {
    position: relative;
}

.wrap.main .main_grp .tit_wrap h2 {
    font-size: 24px;
    color: #333;
    display: inline-block;
    padding: 0 5px 0 0;
}

.wrap.main .main_grp .tit_wrap .sub_h2_txt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 14px;
    font-size: 14px;
    color: #999;
}

/*
.wrap.main .main_grp .tit_wrap .sub_h2_txt:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #b9b9b9;
	border-radius: 2px;
	transform: translateY(-50%);
} */

.wrap.main .main_grp .tit_wrap .sub_h2_txt strong {
    color: #333;
}

.wrap.main .main_grp .tit_wrap .btn_more {
    position: relative;
    font-size: 14px;
    color: #666;
    float: right;
    padding: 2px 22px 0 0;
}
.wrap.main .main_grp .tit_wrap .btn_more:after {
    content: '';
    position: absolute;
    top: 3px;
    right: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -379px -64px;
}
/* 2020.02.04 new main
.wrap.main .main_grp .tit_wrap .btn_more:hover {
	color: #666;
}
.wrap.main .main_grp .tit_wrap .btn_more:hover:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 37px;
	height: 1px;
	background: #949494;
}
*/
.wrap .prList {
    clear: both;
    overflow: hidden;
    padding-top: 30px;
    width:1300px
}

.list_wrap .prList.listType {
    width:1280px
}

.wrap .prList li {
    float: left;
    position: relative;
    padding: 1px;
    margin: 0 23px 30px 0;
}

.wrap .prList li .data_in {
    display: block;
    position: relative;
    width: 301px;
    height: 360px;
    padding: 100px 18px 15px 18px;
    box-sizing: border-box;
}

.wrap .prList li .data_in:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100px;
    background: #fafafa;
    z-index: -1;
}

/* .wrap .prList li:after {
	opacity: 0;
	content: '';
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
	background-position: -2px -125px;
	z-index: 0;
	transition: all .3s ease;
} */

.wrap .prList li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #b2b2b2;
    transition: all .3s ease;
}

.wrap .prList li:hover:after,
.wrap .prList li:hover:before {
    border: 2px solid #0071e3;
}

.wrap .prList li:nth-child(4n) {
    margin-right: 0;
}

.wrap .prList li .icn_cate {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 0;
    line-height: 0;
}

.wrap .prList li .icn_cate img{
    width:100%;
}

.wrap .prList .icn_cate.lt_icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 0;
    line-height: 0;
}

.wrap .prList .icn_cate.rt_icon{
    width: 150px;
    height: 60px;
    top: 22px;
    left: 130px;
}

.wrap .prList .icn_cate.rt_icon img, .wrap .prList .icn_cate.lt_icon img {
    width:100%;
}

.wrap .prList li .si_logo {
    position: absolute;
    top: 20px;
    right: 15px;
}
.wrap .prList li .si_logo img{
    max-width: 120px;
    max-height:30px;
}

.wrap .prList li .cate_tit {
    font-size: 14px;
    color: #999;
    display:none;
}
.wrap .prList.listType li .cate_tit {display:inline-block }


.wrap .prList li p.txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 24px;
    padding-top: 10px;
    color: #333;
}

.wrap .prList li .price {
    position: relative;
    display: block;
    padding: 16px 0 0 0;
    font-size: 16px;
    color: #f0671d;
    font-weight: bold;
    letter-spacing: 0;
}

.wrap .prList li .price .price_span{
    letter-spacing: 0;
}

.wrap .prList li .icn_wrap {
    overflow: hidden;
    position: relative;
    padding: 37px 0 12px 0;
    display: block;
    /* opacity: .4; */
    transition: all .5s ease;
}

/* .wrap .prList li .price:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12px;
	height: 2px;
	background: #1784d8;
} */

.wrap .prList li:hover .icn_wrap {
    opacity: 1;
}

.wrap .prList li .icn_wrap .icn_filedown,
.wrap .prList li .icn_wrap .icn_api,
.wrap .prList li .icn_wrap .icn_email {
    float: left;
    width: 27px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    margin: 0 8px 0 0;
}

.wrap .prList li .icn_wrap .icn_filedown {
    background-position: -3px -59px;
}

.wrap .prList li .icn_wrap .icn_api {
    background-position: -38px -59px;
}

.wrap .prList li .icn_wrap .icn_email {
    background-position: -73px -59px;
}

.wrap .prList li .unit_wrap .star {
    position: relative;
    width: 74px;
    height: 13px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -144px -33px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.wrap .prList li .unit_wrap .star:after {
    content: '';
    display: block;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -218px -33px;
}

.wrap .prList li .unit_wrap .star.val01:after {
    width: 14px
}

.wrap .prList li .unit_wrap .star.val02:after {
    width: 29px
}

.wrap .prList li .unit_wrap .star.val03:after {
    width: 45px;
}

.wrap .prList li .unit_wrap .star.val04:after {
    width: 60px;
}

.wrap .prList li .unit_wrap .star.val05:after {
    width: 74px
}

.wrap .prList li .unit_wrap .view {
    padding: 0 0 0 4px;
    font-size: 14px;
    color: #999;
    line-height: 13px;
    font-weight: bold;
    vertical-align: top;
    overflow:hidden;
}
.wrap .prList li .unit_wrap .view em {font-size:0px}

.wrap .prList li .unit_wrap .view .num {
    color: #333;
    line-height: 13px;
    vertical-align: baseline;
    letter-spacing: 0;
}

.wrap .prList li .unit_wrap .btn_fav {
    display: inline-block;
    margin: 10px 0 0 6px;
    padding: 0 12px 0 25px;
    position: relative;
    top: -5px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    background: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    vertical-align: top;
    height: 20px;
}

.wrap .prList li .unit_wrap .btn_fav:after {
    content: '';
    display: block;
    width: 11px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 10px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -150px -64px;
    transform: translateY(-50%);
}

.wrap .prList li .unit_wrap .btn_fav.active:after {
    background-position: -126px -64px;
}

.wrap .prList li .unit_wrap .btn_fav .fav_cnt {
    color: #999;
    letter-spacing: 0
}

.wrap .prList li .unit_wrap .btn_fav.active .fav_cnt {
    color: #1784d8
}

.wrap .prList.listType .icn_cate {display: none;}
.wrap .prList.listType li .data_in .txt_info {margin-left:0;}
.wrap .prList .fee_name {letter-spacing:0 !important;position:absolute; bottom:35px;font-size:20px; color:#1784d8;}
.wrap .prList .fee_name span {font-size:20px; }
.wrap .prList .fee_name strong {font-family:roboto;font-size:24px;}



.main_bt_grp {
    overflow: hidden;
    padding: 20px;
    background: #f5f5f5;
    margin-top: 16px;
}

.main_bt_grp .notice_wrap {
    width: 50%;
    float: left;
    padding: 0 17px 0 0;
    box-sizing: border-box;
}

.main_bt_grp .notice_wrap .inbox {
    height: 253px;
    padding: 15px 17px 0 28px;
    background: #fff;
    box-sizing: border-box;
}

.main_bt_grp .banner_wrap {
    width: 50%;
    float: left;
    position: relative;
}
.main_bt_grp .banner_wrap .banner_wrap_btn{
    position: absolute;
    bottom: 38px;
    left: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 9px 26px;
}
.main_bt_grp .banner_wrap .banner_wrap_btn a{
    color: #fff;
}
.main_bt_grp .notice_wrap .tit_wrap {
    position: relative;
    color: #333;
    font-size: 14px;
}
.main_bt_grp .notice_wrap .tit_wrap .h3_sub{
    color: #999;
}
.main_bt_grp .notice_wrap .tit_wrap .btn_more {
    position: relative;
    font-size: 14px;
    color: #999;
    float: right;
    padding: 2px 22px 0 0;
}

.main_bt_grp .notice_wrap .tit_wrap .btn_more:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -147px -4px;
}

.main_bt_grp .notice_wrap .tit_wrap h3 {
    display: inline;
}

.main_bt_grp .notice_wrap .notice_list {
    padding: 15px 0 0 0;
}

.main_bt_grp .notice_wrap .notice_list .tit {
    font-size: 18px;
    color: #55474a;
}

.main_bt_grp .notice_wrap .notice_list .date {
    font-size: 14px;
    color: #999;
}

.main_bt_grp .notice_wrap .notice_list .detail {
    width: 86%;
    display: block;
    font-size: 14px;
    padding: 15px 0 0 0;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_bt_grp .notice_wrap .notice_list li {
    padding: 25px 0;
    border-bottom: 1px solid #b9b9b9;
}

.main_bt_grp .notice_wrap .notice_list li:last-child {
    border: 0;
}

.main_bt_grp .notice_wrap .notice_list li a:hover .tit {
    color: #0066cc;
}

.main_grp .ui-tabAnchor.fixed-on{position: fixed; top:0; left:50%; width: 1272px;background: #fff; z-index: 1; transform: translateX(-50%);}
.main_grp .ui-tabAnchor.fixed-on .main_a{padding: 0;}
.main_grp .main_a{display: block;padding: 0 0 40px 0;text-align: center;font-size: 18px;color: #333;}
.main_grp .main_a li{width: 33.3333%;}
.main_grp .main_a a{display: inline-block;}


.scrlTop {
    display: none;
    width: 39px;
    height: 38px;
    position: fixed;
    bottom: 40px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -43px -83px;
    z-index: 10;
}

.scrlTop:active,
.scrlTop:focus,
.scrlTop:hover {
    background-position: -1px -83px;
}

.scrlTop span {
    font-size: 0
}



/*2020-11-11*/

.footer {position: relative;margin: 100px 0 0 0;height:300px; background:#f7f8fa}
.footer_util {border-bottom:1px solid #eee; height:80px;}
.footer_util .footer_utilmenu {padding:30px 30px 30px 330px;}
.footer_util .footer_utilmenu li {display: inline-block; border-left:1px solid #ddd;padding:0px 20px}
.footer_util .footer_utilmenu li:first-child {border-left:0px solid #ddd; padding-left:0}
.footer_util .footer_utilmenu li a {color:#999}
.footer_util .footer_utilmenu li a:hover {color:#333}

/* .footer:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 69px;
	background: #fafafa;
}

.footer:after {
	content: '';
	position: absolute;
	bottom: 69px;
	left: 0;
	right: 0;
	height: 1px;
	background: #999;
}*/

.footer .footer_wrap {
    position: relative;
    clear: both;
    width: 1274px;
    margin: 0 auto;
}

.footer .footer_wrap .ci {position: absolute;top:40px; left:0px}
.footer .footer_wrap .address {width:800px; margin-left:330px;padding-top:40px;}
.footer .footer_wrap .address span {display: block; letter-spacing: -.5px;color:#999999; font-size:14px; line-height:25px;}
.footer .footer_wrap .address span.copy {font-family:roboto; letter-spacing: 0px;}

.footer .footer_wrap .sitemap_wrap {
    float: left;
    display: block;
    width: 100%;
    padding: 38px 0 50px 210px;
    box-sizing: border-box;
}

.footer .footer_wrap .sitemap_wrap>ul>li {
    float: left;
    width: 25%;
    padding: 0 10px 0 0;
    box-sizing: border-box;
}

.footer .footer_wrap .sitemap_wrap>ul>li:last-child {
    padding: 0;
}

.footer .footer_wrap .sitemap_wrap>ul>li>a {
    display: block;
    font-size: 16px;
    line-height: 47px;
    color: #666;
    background: #f5f5f5;
    text-indent: 25px;

}

.footer .footer_wrap .sitemap_wrap>ul>li ul {
    padding: 7px 0 0 25px;
}

.footer .footer_wrap .sitemap_wrap>ul>li ul li a {
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 34px;
    border-bottom: 1px solid #fff;
    transition: all .5s ease;
}

.footer .footer_wrap .sitemap_wrap>ul>li ul li a:hover {
    color: #666;
    /* border-color: #949494; */
}

.footer .footer_wrap .user_term {
    clear: both;
    padding: 10px 0 15px 210px;
    font-size: 16px;
    min-height: 70px;
    box-sizing: border-box;
    position: absolute;
    right:0;
    top:10px;
}

.footer .footer_wrap .user_term>ul>li {
    position: relative;
    float: left;
    padding: 0 25px;
}

.footer .footer_wrap .user_term li a {
    position: relative;
    display: inline;
    color: #999;
    line-height: 39px;
    font-weight: bold;
}

.footer .footer_wrap .user_term>ul>li:last-child:after {
    display: none;
}

.footer .footer_wrap .user_term>ul>li a:hover {
    color: #666;
    /* border-bottom: 1px solid #949494; */
}

.footer .footer_wrap .user_term>ul>li:after {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    position: absolute;
    top: 50%;
;
    right: 0;
    background: #e0e0e0;
    transform: translateY(-50%);
}

.footer .selectWrap.ui-selectbox {float: left;width: 222px;margin: 0 0 0 5px;}

.footer .footer_wrap .user_term .address {
    font-size: 14px;
    color: #999;
    line-height: 39px;
    letter-spacing: 0px;
}


.footer .footer_wrap .snslink {position:absolute; right:0; top:30px;}
.footer .footer_wrap .snslink a {width:40px; height:40px; display: inline-block; text-indent: -1000px; overflow: hidden;}
.footer .footer_wrap .snslink a.youtube {background: url(/img/frn/main_ico_set.png) no-repeat -172px -115px;}
.footer .footer_wrap .snslink a.facebook {background: url(/img/frn/main_ico_set.png) no-repeat -210px -115px;}

/* //mark : sub layout */
.wrap.sub h1{margin-top:5px;}
.wrap.sub:before {
    content: '';
    display: block;
    position: absolute;
    top: 178px;
    left: 0;
    right: 0;
    height: 69px;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #1784d8;
}
.wrap.sub:before { /* 2020.02.10 sub�� �넻�씪 */
    top: 130px;
    height: 55px;
}

/* //mark :�뜲�씠�꽣 �긽�뭹 */
.data_result_wrap {
    margin-top: 40px;
}
.data_result_wrap .no_data{
    margin-top: 28px;
    padding-top: 74px;
    /*padding-bottom: 250px;*/
    border-top: 1px solid #d2d2d2;
    text-align: center;
    font-size: 14px;
    color:#999;
}
.data_result_wrap .no_data > strong{
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
    color: #333;
}
.data_result_wrap .no_data ul{
    padding-top: 40px;
    display: inline-block;
    text-align: left;
    color: #666;
}
.data_result_wrap .no_data ul li:before{
    top:6px;
}
.data_tit strong {
    margin-right: 13px;
    font-size: 18px;
}

.data_tit strong:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    margin-left: 13px;
    background-color: #b2b2b2;
    vertical-align: top;
}

.result_list .data_opt {
    float: right
}

.result_list .data_opt .data_all_btn {
    width: 34px;
    height: 34px;
    line-height: 6px;
    border: 1px solid #dfdee1;
}

.result_list .data_opt .data_all_btn span {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 5px;
    margin-right: 10px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -202px -9px;
    text-indent: -999999px;
    cursor: pointer;
}

.result_list.on .data_opt .data_all_btn span {
    background-position: -176px -9px;
}

.data_result_wrap .data_tit .result_tit {
    position: relative;
    display: inline-block;
    color: #1784d8;
}

.data_result_wrap .data_tit .del_tit {
    /*content:''; display:block;*/
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url('/img/frn/btn_item_del.png') 0 0 no-repeat;
    text-indent: -999999px;
    cursor: pointer;
    vertical-align: middle;
}

.data_tit .result_txt {
    color: #999;
}

.data_sort {
    margin-top: 30px;
    border: 1px solid #999;
    box-sizing: border-box;
}

.onOff {
    display: none;
}

.data_sort .result_list,
.data_sort dl.result_detail,
.data_sort .result_clear {
    padding: 0 30px;
    box-sizing: border-box;
}

.data_sort .result_list {
    height: 52px;
    line-height: 50px;
    background-color: #f9f9f9;
}

.data_sort .result_list:after,
.data_sort dl.result_detail:after {
    content: "";
    display: block;
    clear: both;
}

.data_sort .result_detail,
.result_clear {
    padding: 10px;
    border-top: 1px solid #e8e8e8;
}

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

.result_detail .form_grp>span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.result_detail .form_grp>span .label-txt {
    float: left;
    margin-right: 8px;
}

.result_detail dt.dhead {
    float: left;
    width: 190px;
    display: table-cell;
    vertical-align: middle
}
.result_detail dd.dcont{display: table-cell;}

.result_detail dd.dcont ul {
    display: block;
    /*margin-left: 250px;*/
}

.result_detail dd.dcont ul li {
    float: left;
    /*width: 170px;*/
    width:auto;
    margin-right:20px;
}

.result_detail dd.dcont ul li>span {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.result_detail dd.dcont ul li .div_wave {width:20px; text-align:center}
.result_detail dd.dcont ul li>span .label-txt {display: inline-block;}
.data_sort .result_clear {/* overflow: hidden; */ position: relative;	height: 62px;background-color: #f9f9f9;}
.data_sort .result_clear:after {content: '';display: inline-block;clear: both;}
.data_sort .result_clear .data_tit {
    display: inline-block;
    width: 790px;
    position: absolute;
    top: 50%;
    left: 320px;
    transform: translate(0, -50%);
}

/*210728 row_type 추가, 이미지경로확인*/
.data_sort.row_type{margin-top: 20px;}
.data_sort.row_type dl.result_detail{padding: 0;}
.data_sort.row_type dl.result_detail:first-child{border-top:none;}
.data_sort.row_type .result_detail dt.dhead {
    width: 140px;
    padding-left:30px;
    background-color: #f9f9f9;
}
.data_sort.row_type .result_detail dt.dhead .need{color:red;}
.data_sort.row_type .result_detail dd.dcont{
    display:inline-block;
    padding-left: 20px;
    margin-top: 15px;
}
.data_sort.row_type .result_detail dt.dhead .form_grp{
    border-right: 1px solid #e8e8e8;
}
.data_sort.row_type .result_detail .form_grp>span {
    display: inline-block;
    height: auto;
}
.data_sort.row_type .result_detail .form_grp .no_chk{
    line-height: 70px;
    height: 70px;
}
.data_sort.row_type .inp_wrap{
    height: 40px;
    background: #fff;
    border: 1px solid #e8e8e8;
}
.data_sort.row_type .inp_wrap.L_type{width: 400px;}
.data_sort.row_type .inp_wrap.Lm_type{width: 350px;}
.data_sort.row_type .inp_wrap.m_type{width: 200px;}
.data_sort.row_type .inp_wrap.s_type{width: 150px;}
.data_sort.row_type .inp_wrap.xs_type{width: 150px;}

.data_sort.row_type .inp_wrap input {
    height: 38px;
    line-height: 38px;
    background: transparent;
    border: none;
}
.data_sort.row_type .inp_wrap input.has_btn{width: calc(100% - 30px);}
.data_sort.row_type .inp_wrap input::placeholder{color:#9fa19f;}
.data_sort.row_type .inp_wrap .inputIcon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('/img/frn/ico_inputSearch.png') no-repeat center;
    background-size: contain;
    vertical-align: -6px;
}
.data_sort.row_type input.form_radio+label {
    position: relative;
    margin-left: 25px;
    margin-right: 30px;
    line-height: 40px;
}
.data_sort.row_type input.form_radio+label:before {
    position: absolute;
    top: 10px;
    left: -25px;
}
.data_sort.row_type .result_detail .form_grp select{
    outline:none;
    width: 200px;
    height: 40px;
    vertical-align: middle;
    border:1px solid #e8e8e8;
    /* color:#9fa19f; */
    padding:0 10px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:url('/img/frn/select_arrow.png') no-repeat 95%;
}
.data_sort.row_type .result_detail .form_grp select option{color:#000;}

.data_sort.row_type .result_detail .form_grp select.L_type{width: 300px;}
.data_sort.row_type .result_detail .form_grp select.s_type{width: 100px;}

.data_sort.row_type input{color:#9fa19f;}
.data_sort.row_type input[type="date"]::-webkit-calendar-picker-indicator {
    width: 20px;
    height: 20px;
    background:url('/img/frn/ico_dateIndicator.png') no-repeat center;
    background-size: contain;
}
.bottomBtn{
    text-align: center;
    margin-top: 30px;
}
.bottomBtn button{color:#fff; font-size: 16px;}
.bottomBtn button + button{margin-left: 10px;}
.bottomBtn .btnCancel{background-color: #e1e1e1;}
.bottomBtn .btnApply{background-color: #1784d8;}
.btn{
    line-height: 40px;
    padding:0 35px;
    margin-left: 20px;
    font-size: 16px;
}
.btnBlue{
    background: #1784d8;
    color:#fff;
}
/* //210728 row_type 추가, 이미지경로확인*/


.data_sort .result_clear .clear_opt {
    float: left;
    display: inline-block;
    /* width: 190px; */
    padding-right: 20px;
    height: 62px;
    line-height: 60px;
}

.data_sort .result_clear .clear_opt .clear_all_btn {
    position: relative;
    padding-left: 40px;
}

.data_sort .result_clear .clear_opt .clear_all_btn:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 9px;
    left: 18px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -195px -93px;
}

.terms_opt {
    position: absolute;
    top: 10px;
    right: 30px;
}

.data_wrap .data_tab {
    clear: both;
}

.data_wrap .data_tab .tab_list {
    width: 78%;
    float: left;
}

.data_wrap .data_tab .view_opt {
    margin-top: 60px;
    float: right;
    width: 22%;
    height: 48px;
    line-height: 45px;
}

.view_opt .view_qnt .qnt_selector {
    width: 120px;
    padding-left: 88px;
}

.view_opt .view_qnt .qnt_selector .pc_selwrap {
    height: 30px;
    margin: 8px 0;
}

.view_opt .view_qnt .qnt_selector .pc_selwrap>div.selOneWrap .ui-selected-one {
    height: 28px;
    line-height: 30px;
}

.view_opt .viwe_qnt .qnt_selector .pc_selwrap:last-child {
    display: none;
    position: absolute;
    top: 0
}

.data_wrap .data_tab .view_opt .view_item {
    position: relative;
    height: inherit;
    background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
    border-left: none;
    box-sizing: border-box
}

.data_wrap .data_tab .view_opt .view_type_list a {
    display: block;
    width: 17px;
    height: 17px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    text-indent: -99999px;
    overflow: hidden;
}

.data_wrap .data_tab .view_opt .view_type_list .type_list {
    background-position: -170px -93px;
    /* opacity: 1; */
    opacity:0.4;
}

.data_wrap .data_tab .view_opt .view_type_list .type_img {
    background-position: -148px -93px;
    opacity: 0.4
}

.view_type_list {
    position: absolute;
    top: 75px;
    right: 15px;
    overflow: hidden
}

.view_type_list li {
    float: left;
    padding-left: 10px;
}

.list_wrap .prList,
.prList.listType {
    padding-top: 0;
}

.prList.listType li:first-child {
    margin-top: 0;
}

.wrap .prList li .data_in:after {
    display: none;
}

.prList.listType li {
    width: 100%;
    height: 176px;
    display: block;
    /*border: 1px solid #b3b3b3;*/
    box-sizing: border-box;
}

.prList.listType li:after {
    display: none
}

.prList.listType li .data_in {
    display: block;
    width: 100%;
    height: 176px;
    padding: 28px 0 28px 44px;
    border: 0;
    box-sizing: border-box;
}

.prList.listType li .data_in .txt_info {
    overflow: hidden;
    margin: 5px 0 0 192px;
    text-overflow: ellipsis;
}

.prList.listType li .data_in .icn_cate {
    position: relative;
    float: left;
    width: 114px;
    height: 114px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: none;
}
.prList.listType li .data_in .icn_cate > img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}


.wrap .prList.listType li .price {
    display: none;
}

.prList.listType li .ellipWrap {width:770px;}
.prList.listType li .ellipWrap .ell {-webkit-line-clamp: 1; height: 2em; color:#666}
.prList.listType li .order, .prList.listType li .txt_add {display:none !important}

/* 20191126 議곌굔遺�臾대즺 �뀓�뒪�듃 異붽� */
.wrap .prList .data_in .noprice{
    position: relative;
    padding-left: 24px;
    color: #333;
}
.wrap .prList .data_in .noprice::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    top: 4px;
    left: 13px;
    background-color: #ccc;
}



.prList.listType li .txt {
    padding-top: 15px;
    font-size: 26px;
}

.prList li .txt_add {
    display: none;
}

.prList.listType li .txt_add {
    display: block;
    padding: 12px 0 27px;
    font-size: 14px;
    color: #a9a9a9;
}

.list_wrap .prList li .icn_wrap {
    transition: none;
}

.prList.listType li .icn_wrap {
    position: absolute;
    top: 18px;
    right: 36px;
    width: 318px;
    padding: 10px 0px 8px 30px;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    transition: none;
}

.prList.listType li .icn_wrap:after {
    content: '';
    clear: both;
}

.prList li .icn_wrap .icn_list {
    display: none;
}

.prList.listType li .icn_wrap .icn_list {
    display: block;
    float: left;
    margin-right: 9px;
    font-size: 13px;
    line-height: 23px;
}

.wrap .prList li .data_in .fee {
    display: none !important;
}

.wrap .prList.listType li .data_in .fee {
    display: block !important;
}

.prList.listType li .data_in .fee {
    position: absolute;
    right: 0px;
    top: 0;
    width: 390px;
    height: 117px;
    padding: 65px 0 0 66px;
    border-left: 1px solid #e8e8e8;
    margin: 28px 25px 28px 0;
    box-sizing: border-box;
}

.prList.listType li .data_in .fee>.fee_name::before {
    content: '';
    clear: both;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 4px;
    left: -10px;
    background-color: #a9a9a9;
    border-radius: 3px 3px 3px 3px;
}

.prList.listType li .data_in .fee>.fee_name {
    position: absolute;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: normal;
    color: #a9a9a9;
    width:100%;
    top:50px;
}

.prList.listType li .data_in .fee>.fee_name em {
    position: absolute;
    display: inline-block;
    font-weight: bold;
    color: #1784d8;
    font-size:20px;
    right: 85px;
    top: -4px;
}

.prList.listType li .data_in .fee>.fee_name em.price::after {
    display: none;
}

.prList.listType li .data_in .fee>.fee_name:first-child em {
    color: #e64101;
}

.prList.listType li .data_in .fee:after {
    content: '';
    display: inline-block;
    clear: both;
}

.prList.listType li .fee>span.price {
    padding: 0;
}

/*.list_wrap .prList.listType li .unit_wrap .btn_fav {
	margin: 0;
	top: -3px;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-size: 14px;
}*/

.prList.listType li .si_logo {
    top: 23px;
    right: 440px;
}

.prList.listType li .price span,
.prList.listType li .price:after {
    display: none
}

.prList.listType li:after {
    opacity: 0;
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -2px -125px;
    z-index: 0;
    transition: all .3s ease;
}

.prList.listType li .price:after,
.prList.listType li .div_icn .price {
    display: none !important;
}

.prList.listType li .si_logo {
    right: 420px;
}

/* //mark :�뜲�씠�꽣 �긽�뭹 �긽�꽭 */
.data_wrap {
    position: relative;
    /* top: 23px; */
}

.data_wrap .list_btn_wrap {
    position: absolute;
    top: -47px;
    right: 0;
    padding: 0 1px 0 0;
    box-sizing: border-box;
}

.data_wrap .data_main_info {
    overflow: hidden;
    position: relative;
    border: 2px solid #1784d8;
}

.data_wrap .data_main_info:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    background: #fafafa;
    z-index: -1
}

.data_wrap .data_main_info .detail_wrap,
.data_wrap .data_main_info .add_wrap {
    padding: 37px 40px;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.data_wrap .data_main_info .add_wrap {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap {
    position: relative;
}


.data_wrap .data_main_info .detail_wrap .tit_wrap .icn_cate {
    position: relative;
    float: left;
    width: 114px;
    height: 114px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    margin-top: 20px;
    text-align: center;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .icn_cate img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .icn_cate:after {
    content: '';
    width: 72px;
    height: 62px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0;
    line-height: 0;
    transform: translate(-50%, -50%);
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .si_logo {
    position: absolute;
    top: -13px;
    right: 0;
}
.data_wrap .data_main_info .detail_wrap .tit_wrap .si_logo img{
    max-width: 140px;
    max-height: 42px;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .cate_tit {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 21px;
    font-size: 18px;
    color: #666;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .txt {
    display: block;
    font-size: 26px;
    color: #1784d8;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .txt_wrap {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 25px;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .sub_txt {
    padding: 14px 0 0;
    font-size: 14px;
    color: #999;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap {
    padding-top: 30px;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap .star {
    position: relative;
    width: 74px;
    height: 13px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -144px -33px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap .star:after {
    content: '';
    display: block;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -218px -33px;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap .star.val01:after {
    width: 14px
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap .star.val02:after {
    width: 29px
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap .star.val03:after {
    width: 45px;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap .star.val04:after {
    width: 60px;
}

.data_wrap .data_main_info .detail_wrap .tit_wrap .unit_wrap .star.val05:after {
    width: 74px
}

.data_wrap .data_main_info .add_wrap {}

.data_wrap .data_main_info .add_wrap .price_wrap .data_table dt {
    padding: 0 0 14px;
    font-size: 14px;
    color: #999;
}

.data_wrap .data_main_info .add_wrap .price_wrap .data_table dd {
    display: table;
    width: 100%;
    padding: 30px;
    background: #fff;
    border: 1px solid #d2d2d2;
    min-height: 100px;
    box-sizing: border-box;
}

.data_wrap .data_main_info .add_wrap .price_wrap .data_table dd ul {
    display: table-cell;
    vertical-align: middle;
}

.data_wrap .data_main_info .add_wrap .price_wrap .data_table dd li {
    overflow: hidden
}

.data_wrap .data_main_info .add_wrap .price_wrap .data_table dd strong {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #333;
    line-height: 22px;
}

.data_wrap .data_main_info .add_wrap .price_wrap .data_table dd .price {
    float: left;
    width: 50%;
    font-size: 22px;
    text-align: right;
    color: #1784d8;
}
.data_wrap .data_main_info .add_wrap .price_wrap .data_table dd .price span {font-size: 22px;}

.data_wrap .data_main_info .detail_wrap .summart_wrap {
    padding: 50px 0 0 0;
}

.data_wrap .data_main_info .detail_wrap .summart_wrap dl.data_table dt {
    padding: 0 0 13px;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #d2d2d2;
}

.data_wrap .data_main_info .detail_wrap .summart_wrap dl.data_table dd {
    padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.data_wrap .data_main_info .detail_wrap .summart_wrap dl.data_table dd li {
    position: relative;
    padding: 0 0 13px 9px;
}

.data_wrap .data_main_info .detail_wrap .summart_wrap dl.data_table dd li:last-child {
    padding-bottom: 0;
}

.data_wrap .data_main_info .table_wrap {
    padding: 40px 0 0;
}
.data_wrap .data_main_info .info_wrap { padding: 0 0 20px; }
.data_wrap .data_main_info .info_wrap > span:first-child{ padding-right: 46px; }
.data_wrap .data_main_info .info_wrap strong{ display:inline-block; padding-right:10px; font-size:14px; color:#999; font-weight:normal; font-family:'' }

.data_wrap .data_main_info .table_wrap .data_format,
.data_wrap .data_main_info .table_wrap .data_size {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.data_wrap .data_main_info .table_wrap .icn_file,
.data_wrap .data_main_info .table_wrap .icn_mail,
.data_wrap .data_main_info .table_wrap .icn_api {
    display: inline-block;
    width: 27px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    font-size: 0;
    line-height: 20px;
    margin: 0 8px 0 0;
}

.data_wrap .data_main_info .table_wrap .icn_file {
    background-position: -2px -59px;
}

.data_wrap .data_main_info .table_wrap .icn_mail {
    background-position: -72px -59px;
}

.data_wrap .data_main_info .table_wrap .icn_api {
    background-position: -37px -59px;
}

.data_wrap .data_main_info .btn_wrap {
}

.data_wrap .data_main_info .btn_wrap .btn_fav {
    position: relative;
}

.data_wrap .data_main_info .btn_wrap .btn_fav>span {
    text-indent: 7px;
    color: #999
}

.data_wrap .data_main_info .btn_wrap .btn_fav.active>span {
    color: #1784d8
}

.data_wrap .data_main_info .btn_wrap .btn_fav:after {
    content: '';
    display: block;
    width: 18px;
    height: 16px;
    position: absolute;
    top: 53%;
    left: 34px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -51px -139px;
    transform: translateY(-50%);
}

.data_wrap .data_main_info .btn_wrap .btn_fav.active:after {
    background-position: -75px -139px;
}

.data_wrap .tab_list {
    padding-top: 60px;
    margin-bottom: 40px;
}

.data_wrap .tab_list.fixed-on {
    position: fixed;
    top: 0;
    padding-top: 0;
    width: 1272px;
    background: #fff;
    z-index: 2;
}

.data_wrap .tab_list.fixed-on+.data_detail_wrap {
    margin: 150px 0 0 0;
}

.data_wrap .data_detail_wrap {
    border: 1px solid #999;
    padding: 0 40px 80px;
    box-sizing: border-box;
}

.data_wrap .list_btn_wrap_bt {
    float: right;
    padding: 10px 1px 0 0;
    box-sizing: border-box;
}

.data_wrap .data_detail_wrap>div:first-child {
    padding-top: 62px;
}

.data_wrap .data_detail_wrap .data_table_form {
    padding-top: 50px;
}

.data_wrap .data_detail_wrap .data_table_form dt {
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    text-indent: 20px;
    color: #666;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background: #fafafa;
}

.data_wrap .data_detail_wrap .data_table_form dd {
    padding: 30px 20px;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    border-bottom: 1px solid #d2d2d2;
}

.data_wrap .test_sample .data_table_form>dd {
    overflow: hidden;
    position: relative;
}

.data_wrap .test_sample .data_table_form>dd:after {
    content: '';
    position: absolute;
    right: 394px;
    width: 0px;
    top: 30px;
    bottom: 30px;
    background: #d2d2d2;
}

.data_wrap .test_sample .sup_format {
    padding: 30px 150px;
}

.data_wrap .test_sample .sup_format>span {
    float: left;
    width: 75px;
    height: 90px;
    padding: 88px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #999;
    text-align: center;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -13px -175px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.data_wrap .test_sample .sup_format>span>span {
    display: block;
    padding-top: 10px;
}

/* 20191120 �닔�젙
.data_wrap .test_sample .sup_format,
.data_wrap .test_sample .txt_wrap {
	float: left;
}
*/

.data_wrap .test_sample .txt_wrap {
    width: 448px;
}

.data_wrap .test_sample .txt_wrap .tit {
    font-size: 20px;
    color: #1784d8;
}

.data_wrap .test_sample .txt_wrap .file_type {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.data_wrap .test_sample .btn_wrap {
    text-align: right;
    margin-bottom: 10px;
}

.data_wrap .test_sample .file_wrap {
    float: right;
    padding: 0 0 0 20px;
    width: 372px;
    box-sizing: border-box;
}
.data_wrap .test_sample .file_wrap .bu01{
    margin-top: -110px;
}
.data_wrap .test_sample .file_wrap .bu01 li {
    padding-bottom: 5px;
}

.data_wrap .price_wrap .board_list {
    padding-top: 50px;
}

.data_wrap .link_prd_wrap,
.data_wrap .other_prd_wrap {
    position: relative;
    padding-top: 50px;
}

.data_wrap .link_prd_wrap .tit,
.data_wrap .other_prd_wrap .tit {
    font-size: 16px;
    font-weight: normal;
    color: #666
}

.data_wrap .link_prd_wrap {
    position: relative;
    clear: both;
}

.data_wrap .link_prd_wrap .swipe_nav,
.data_wrap .other_prd_wrap .swipe_nav {
    position: absolute;
    top: 60px;
    right: 0;
}

.data_wrap .link_prd_wrap .swipe_nav .swiper-pagination,
.data_wrap .other_prd_wrap .swipe_nav .swiper-pagination {
    float: left;
    width: auto;
    padding-right: 10px;
    position: static;
    top: auto;
    left: auto;
    font-size: 14px;
    color: #999;
    line-height: 25px;
}


.data_wrap .link_prd_wrap .swipe_nav .swiper-button-prev,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-prev,
.data_wrap .link_prd_wrap .swipe_nav .swiper-button-next,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-next {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0;
    position: relative;
    left: auto;
    right: auto;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -287px -85px;
    opacity: 1;
    outline: none;
}



.data_wrap .link_prd_wrap .swipe_nav .swiper-button-prev:before,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-prev:before,
.data_wrap .link_prd_wrap .swipe_nav .swiper-button-next:before,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-next:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #d2d2d2;
    border-left: 0;
}

.data_wrap .link_prd_wrap .swipe_nav .swiper-button-prev,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-prev {
    background-position: -287px -84px;
    border-left: 1px solid #d2d2d2;
}

.data_wrap .link_prd_wrap .swipe_nav .swiper-button-next,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-next {
    background-position: -311px -84px;
    left: -1px;
}

.data_wrap .link_prd_wrap .swipe_nav .swiper-button-disabled,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-disabled {
    cursor: none;
}

.data_wrap .link_prd_wrap .swipe_nav .swiper-button-prev:hover:after,
.data_wrap .link_prd_wrap .swipe_nav .swiper-button-next:hover:after,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-prev:hover:after,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-next:hover:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #1784d8;
    z-index: 1;
}



.data_wrap .link_prd_wrap .swipe_nav .swiper-button-prev:hover:after,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-prev:hover:after {
    left: -1px;
}

.data_wrap .link_prd_wrap .swipe_nav .swiper-button-prev:hover:after+.swiper-button-next:after,
.data_wrap .other_prd_wrap .swipe_nav .swiper-button-prev:hover:after+.swiper-button-next:after {
    border-left: 1px solid #1784d8;
}
.data_wrap .data_main_info .add_wrap .table_wrap .data_table .board_list.type_indata .tc{
    position: relative;
    /*padding: 19px 0;*/
}
/* 20191119 �뜲�씠�꽣�긽�뭹�젙蹂� �긽�꽭 �닔�젙 */
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap .icn_filedown,
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap .icn_api,
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap .icn_email {
    float: left;
    width: 27px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    margin: 0 8px 0 0;
}
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap .icn_list {
    display: none;
}
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap .icn_filedown {
    background-position: -3px -59px;
}
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap .icn_api {
    background-position: -38px -59px;
}
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap .icn_email {
    background-position: -73px -59px;
}
.table_wrap .data_table .board_list.type_indata .tc .icn_wrap{
    padding-left: 62px;
}
.data_main_info .detail_wrap .tit_wrap .txt_wrap .unit_wrap.txt_info .view{
    padding: 0 0 0 4px;
    font-size: 14px;
    color: #999;
    line-height: 13px;
    font-weight: bold;
    vertical-align: top;
}
.unit_wrap.txt_info .view .num{
    color: #333;
}
.unit_wrap.txt_info .view .small_txt{
    position: relative;
}
.unit_wrap.txt_info .view .small_txt::before{
    content: '';
    display: inline-block;
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    width: 1px;
    height: 10px;
    background-color: #999;
    vertical-align: baseline;
}
/* 20191119 �옣諛붽뎄�땲,二쇰Ц寃곗젣 �븷�씤�삙�깮留대쾭�떗�떊泥� 踰꾪듉 �닔�젙 */
.line_box.top dl dd .btn_200 {
    min-width: 190px;
    margin-top: 20px;
}
/* 20191119 寃곗젣�셿猷� �븘�씠肄� 異붽� */
.content_page .cart_complete.tc .icn_cate{
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    margin: 0 auto;
}
.content_page .cart_complete.tc .icn_cate img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%)
}


/* 20191119 異붽� */
.addlist_wrap li .answer {
    display: inline-block;
    text-align: right;
    width: 105px;
}
.board_list table tbody td a{
    color: #666;
}
.board_list.type_notice table tbody td a span{
    position: relative;
}
.board_list.type_notice table tbody td a .plus::after{
    content: '';
    display: inline-block;
    background-image: url(/img/frn/add2.png);
    width: 7px;
    height: 7px;
    position: absolute;
    margin-top: 3px;
    margin-left: 10px;
}



/* //mark :�뜲�씠�꽣 �긽�뭹 �떊泥� */
/* //mark :�꽌鍮꾩뒪 �젙蹂� */
.sr_info{line-height: 1.6; color: #666}
.sr_info > dl > dd{padding-bottom: 40px;}
.sr_info > dl > dd:last-child{padding-bottom: 0;}
.sr_info .ct_tit{display: block; font-size: 16px;  padding-bottom: 20px;}
.sr_info .info_txt{font-size: 14px;}
.sr_info .info_txt dd{padding-left: 7px;padding-bottom: 20px;}
.sr_info .info_graph {overflow: hidden; position:relative;background:#fafafa;border: 1px solid #e8e8e8;padding: 37px 0;}
.sr_info .info_graph:after{ content:''; position: absolute; display:block; width: 564px; height:1px; background:#d2d2d2; top:75px; left:50%; z-index: 0; transform:translateX(-50%); }
.sr_info .info_graph li{position: relative;float:left;width:33.3333%;padding: 100px 70px 0;text-align:center;font-family:'';font-size:14px;color:#666;box-sizing:border-box;}
.sr_info .info_graph li > strong{color:#1784d8;font-size:16px}
.sr_info .info_graph li > strong > span{display:block;font-size:14px; font-family:'NotokrB'}
.sr_info .info_graph li:before{content:'';display:block;position:absolute;top: 22px;left:50%;width:48px;height: 36px;background-image: url('/img/frn/icn_ir.png');background-position: -144px -122px;transform:translateX(-50%);z-index: 2;}
.sr_info .info_graph li:nth-child(1):before{background-position: -98px -235px;}
.sr_info .info_graph li:nth-child(2):before{width:43px;background-position: -148px -235px;}
.sr_info .info_graph li:nth-child(3):before{background-position: -195px -235px;}
.sr_info .info_graph li:after{ content:''; display:block; position:absolute; top:0; left:50%; width:78px; height:78px; background-color:#f2f2f2; border-radius:50%; transform:translateX(-50%); z-index: 1; box-shadow: 0 0 0 10px #fafafa; }

/* //mark :怨좉컼吏��썝 */
.content_wrap .searchWrap.cs {
    /*position: absolute;*/
    top: -2px;
    right: 0;
    /*width: 272px;*/
    width: 427px;
    padding: 0 43px 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    box-sizing: border-box;
    float:right;
    margin-bottom:20px
}

.content_wrap .inp_form.ui-hasDelForm {
    display: inline-block;
    width: 100%;
    padding-right: 15px;
}

.content_wrap .searchWrap input.ui-hasDel {
    width: 100%;
    padding: 8px 10px 10px 20px;
    color: #666;
    background: none;
    border: 0;
    box-sizing: border-box;
}

.content_wrap .searchWrap input.ui-hasDel::placeholder {
    text-align: center;
    color: #999;

}

.content_wrap .searchWrap input.ui-hasDel:-ms-input-placeholder {
    text-align: center;
    color: #999;

}

.content_wrap .searchWrap button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 35px;
}

.content_wrap .searchWrap .icn_search {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -48px 0;
}

.content_wrap .list_btn_wrap {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1px 0 0;
    box-sizing: border-box;
}

.content_wrap .list_btn_wrap_bt {
    float: right;
    padding: 10px 1px 0 0;
    box-sizing: border-box;
}

.addlist_wrap {
    clear: both;
    padding: 50px 0 0 0;
}

.addlist_wrap a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 50px;
    color: #666;
}

.addlist_wrap li {
    position: relative;
}

.addlist_wrap li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 0;
    z-index: -1;
}

.addlist_wrap li:last-child:after {
    border-bottom: 1px solid #d2d2d2;
}

.addlist_wrap li .prev,
.addlist_wrap li .next,
.addlist_wrap li .div,
.addlist_wrap li .text,
.addlist_wrap li .date {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.addlist_wrap li .prev,
.addlist_wrap li .next {
    width: 104px;

}

.addlist_wrap li .div {
    display: inline-block;
    width: 65px;
}

.addlist_wrap li .div2 {
    display: inline-block;
    width: 105px;
    text-align: center;
}

.addlist_wrap li .date {
    float: right;
    padding-right: 20px;
}
.addlist_wrap li .text {
    overflow: hidden;
    display: inline-block;
    padding-left: 47px;
    width: 450px;
    text-align: left;
    white-space: nowrap;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

.usage_qa .ui-btn-acco {
    padding: 0;
}

.usage_qa .ui-btn-acco span {
    display: inline-block;
    font-weight: normal;
    line-height: 45px;
    color: #666;
    text-indent: 40px;
}

.usage_qa .ui-btn-acco .tag,
.usage_qa .ui-acco-ct .tag {
    width: 84px;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
}

.usage_qa .ui-acco-ct .tag {
    display: inline-block;
    color: #1784d8;
    position: absolute;
    top: 43px;
    left: 0;
}

.usage_qa .ui-acco-ct p {
    color: #666;
    line-height: 24px;
    font-size: 14px;
}

.usage_qa .ui-accordian li.active .ui-btn-acco span {
    font-weight: bold
}

.usage_qa .no-data span {
    display: block;
    padding: 42px 0;
    width: 100%;
    color: #333;
    font-size: 14px;
    text-align: center;
}

.usage_qa .no-data strong {
    color: #1784d8;
}

/* //mark :援щℓ�쉶�썝 */
.wrap.join:after {
    display: none;
}

.wrap.join header {
    width: 460px;
    margin: 47px auto 0;
    text-align: center;
}

.wrap.join .content {
    width: 540px;
    margin: 0 auto;
    overflow: visible
}


.wrap.join .content .tit_wrap {padding: 40px 0 30px 0;text-align: center;}
.wrap.join .content .tit_wrap h2 {font-size:22px;color: #333; font-weight:500}

.wrap.join .content .tit_wrap .sub_tit {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 1.2
}

.wrap.join .content .step_wrap {
    overflow: hidden;
}

.wrap.join .content .step_wrap li {
    float: left;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding-right: 20px;
    margin-right: 20px;
}

.wrap.join .content .step_wrap li:last-child {
    padding: 0;
    margin: 0;
}

.wrap.join .content .step_wrap li:last-child:after {
    display: none
}

.wrap.join .content .step_wrap li .num {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    border-radius: 50%;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    color: #8e8e8e;
    text-align: center;
    vertical-align: middle;
    font-size:12px
}

.wrap.join .content .step_wrap li .num span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrap.join .content .step_wrap li .tit {display:inline-block; margin-top:25px}
.wrap.join .content .step_wrap li:nth-child(2) .tit {margin-top:20px}

.wrap.join .content .step_wrap li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 8px;
    height: 14px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -105px -94px;
    transform: translateY(-50%);
}

.wrap.join .content .step_wrap li.active .num {
    color: #fff;
    background: #1784d8;
}

.wrap.join .content .agree_box {
    clear: both;
    padding-top: 12px;
}

.wrap.join .content .agree_box .label-txt sub {
    font-size: 12px;
    color: #1784d8
}

.wrap.join .content .agree_box .term_uint {
    margin: 25px 0 0 0;
}

.wrap.join .content .agree_box .terms_txt {
    height: 90px;
    margin: 5px 0 0 0;
    padding: 15px 12px 12px;
    background: #f6f5f8;
    border: 1px solid #efeef0;
    overflow-y: scroll;
}

.wrap.join .content .agree_box .terms_txt.case02 {
    height: 143px;
}

.wrap.join .content .agree_box .join_agree {
    padding: 22px 0 29px 0;
}

.wrap.join .content .agree_box .join_agree .sub.error {
    padding: 8px 0 0 28px;
    font-size: 14px;
    color: #e64101;
}

.wrap.join .content .agree_box .join_agree .label-txt strong {
    position: relative;
}

.wrap.join .content .agree_box .join_agree .label-txt strong::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #333;
}

.wrap.join .content .join_form_wrap {
    padding-top: 31px;
}

.wrap.join .content .join_form_wrap h3 {
    font-size: 18px;
    color: #333;
}

.wrap.join .content .join_form_wrap h3 sub {
    font-size: 12px;
    color: #1784d8;
}

.wrap.join .content .join_form_wrap .form_grp li {
    padding: 20px 0 20px;
}


.form_grp .sub {
    display: block;
    padding: 9px 0 0;
    font-size: 14px;
    color: #999;
    line-height: 1.4;
}

.form_grp .sub.confirm {
    display: none;
    color: #1784d8;
}

.form_grp .sub.error {
    display: none;
    color: #e64101;
}

.form_grp .sub.email {
    padding-left: 14px;
    text-indent: -14px;
}

.inp_wrap.has_pass {
    position: relative;
}

.inp_wrap.has_confirm input {
    background: #e1e6f2;
    color: #666;
}

.inp_wrap.has_confirm input::placeholder {
    color: #b8bcc6;
}

.inp_wrap.has_confirm input:-ms-input-placeholder {
    color: #b8bcc6;
}

.inp_wrap.has_pass:after {
    content: '';
    position: absolute;
    right: 13px;
    top: 50%;
    display: block;
    width: 13px;
    height: 18px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -225px -60px;
    transform: translateY(-50%);
}

.inp_wrap.has_pass.error:after {
    background-position-x: -277px
}

.inp_wrap.has_pass.active:after {
    background-position-x: -251px
}

.form_wrap.row-2 {
    padding-top: 18px;
}

.form_wrap label {
    display: block;
    font-size: 16px;
    padding: 0 0 8px;
    color: #333;
}

.form_wrap label>span {

}

.inp_wrap.has_confirm.error input,
.inp_wrap.has_confirm.active input {
    background: #fafafa;
}

.inp_wrap.has_confirm.error:after {
    content: '';
    position: absolute;
    right: 13px;
    top: 50%;
    display: block;
    width: 14px;
    height: 14px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -302px -62px;
    transform: translateY(-50%);
}

.inp_wrap.has_confirm.active:after {
    content: '';
    position: absolute;
    right: 13px;
    top: 50%;
    display: block;
    width: 14px;
    height: 14px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -327px -62px;
    transform: translateY(-50%);
}

.wrap.join .content .join_form_wrap.add_form {
    padding-top: 48px;
    border-top: 1px solid #d2d2d2;
}

.wrap.join .content .join_form_wrap.add_form h3 sub {
    color: #333
}

.wrap.join .content .join_form_wrap .form_wrap {
    position: relative;
}

.wrap.join .content .form_wrap .tooltip {
    display: none;
    position: absolute;
    left: -220px;
    top: 30px;
    font-family: 'Dotum';
    font-size: 14px;
    width: 200px;
    line-height: 40px;
    background: #444;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}

.wrap.join .content .form_wrap .tooltip:after {
    content: '';
    position: absolute;
    top: 8px;
    right: -11px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 21px solid #444;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate .inp_wrap>span {
    float: left;
    width: 33.333%;
    padding-bottom: 20px;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate .inp_wrap>span:nth-child(3n+2) {
    text-align: center;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate .inp_wrap>span:nth-child(3n+3) {
    text-align: right;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate .sub_tit {
    display: block;
    font-size: 16px;
    padding: 25px 0 18px;
    color: #333;

}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate label {
    padding-bottom: 0;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate label .label-txt {
    padding-right: 7px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate label:before {
    display: none;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.fav_cate label:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -299px -30px;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.market label {
    position: absolute;
    top: -2px;
    right: 0;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.market label .label-txt {
    padding-right: 7px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.market label:before {
    display: none;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap.market label:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -299px -30px;
}

.wrap.join .content .join_form_wrap.add_form .form_wrap input.form_chk:checked+label:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -325px -30px;
}
/* 20191119 �뼹�읉臾멸뎄 �닔�젙 */
.form_grp .sub.error.on {
    display: block;
}
.form_grp .sub.confirm.on {
    display: block;
}

/* //mark :濡쒓렇�씤 */
.wrap.join .content .login_wrap {padding: 40px 40px 40px 40px;border:1px solid #bbbbbb; margin-top:60px;position:relative}

.wrap.join .content .login_wrap .form_wrap {
    position: relative;
}

.wrap.join .content .login_wrap .form_wrap .tooltip {
    top: 5px
}

.wrap.join .content .login_wrap .form_wrap .inp_wrap.pass {
    margin-top: 18px
}

.wrap.join .content .login_wrap .btn_wrap {
    padding: 16px 0 18px;
}

.wrap.join .content .login_wrap .login_bt .form_grp {
    float: left;
    width: 50%;
}

.wrap.join .content .login_wrap .login_bt .form_grp .label-txt {
    padding-left: 6px; letter-spacing:-1px;
}

.wrap.join .content .login_wrap .login_bt .unit {
    float: right;
    text-align: right;
    position:absolute;
    right:40px;
    bottom:40px;
}

.wrap.join .content .login_wrap .login_bt .unit a {
    position: relative;
    padding: 0 10px 0 4px;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
    box-sizing: border-box;
}

.wrap.join .content .login_wrap .login_bt .unit a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    background: #d9d9d9;
    transform: translateY(-50%);
}
.wrap.join .content .login_wrap .login_bt .unit a:last-child:after {display:none}

.wrap.join .content .login_wrap .login_bt .unit a:hover>span {
    border-bottom: 1px solid #999;
}

.wrap.join .content .login_wrap .login_bt .unit a:first-child {
    padding-left: 0
}

.wrap.join .content .login_wrap .login_bt .unit a:last-child {
    padding-right: 0
}

.wrap.join .content .login_wrap .login_bt .etc_login {
    clear: both;
    padding: 16px 0 18px;
}

.wrap.join .content .login_wrap .login_bt .etc_login .n_login,
.wrap.join .content .login_wrap .login_bt .etc_login .g_login {
    position: relative;
    background: #fff;
    border: 1px solid #999;
}

.wrap.join .content .login_wrap .login_bt .etc_login .n_login:hover,
.wrap.join .content .login_wrap .login_bt .etc_login .n_login:focus {
    border: 1px solid #06be34;
}
/* 20191121 異붽� */
.wrap.join .content .login_wrap .login_bt .etc_login .n_login:hover::after {
    background-position: -218px -139px;
}

.wrap.join .content .login_wrap .login_bt .etc_login .g_login {
    background: #fff;
    border: 1px solid #999;
}

.wrap.join .content .login_wrap .login_bt .etc_login .n_login span,
.wrap.join .content .login_wrap .login_bt .etc_login .g_login span {
    padding-right: 45px;
    text-align: right;
    color: #222;
}

.wrap.join .content .login_wrap .login_bt .etc_login .n_login:after,
.wrap.join .content .login_wrap .login_bt .etc_login .g_login:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    width: 18px;
    height: 19px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -218px -118px;
    transform: translateY(-50%);
}
.wrap.join .content .login_wrap .login_bt .etc_login .g_login:after {
    width: 31px;
    height: 19px;
    background-position: -244px -118px;
}
.wrap.join .content .login_wrap .login_bt .etc_login .g_login:hover,
.wrap.join .content .login_wrap .login_bt .etc_login .g_login:focus {
    border: 1px solid #e74133;
}
/* 20191121 異붽� */
.wrap.join .content .login_wrap .login_bt .etc_login .g_login:hover::after {
    background-position: -244px -140px;
}
.wrap.join .content .login_wrap.search_id .form_wrap label {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 16px
}

.wrap.join .content .login_wrap.search_id .form_wrap.pass {
    padding-top: 20px;
}

.wrap.join .content .login_wrap.search_id .sub.error a {
    color: #e64101;
    border-bottom: 1px solid #e64101;
}

.wrap.join .content .login_wrap.search_id .sub.error a:hover,
.wrap.join .content .login_wrap.search_id .sub.error a:focus {
    color: blue;
    border-color: blue;
}

.wrap.join .content .login_wrap .id_search_done {
    display: block;
    width: 100%;
    padding: 45px 0;
    font-size: 20px;
    color: #333;
    text-align: center;
}

.wrap.join .content .login_wrap.search_id .info_txt {
    padding: 35px 0 0;
    color: #999;
    text-align: center;
    line-height: 20px;
}

/* //mark :MY �뜲�씠�꽣 */
.selWrap.mydata {
    width: 222px;
    position: absolute;
    top: -2px;
    right: 0;
}

.filter_wrap {
    overflow: hidden;
    padding: 15px 0
}

.filter_wrap dt {
    float: left;
    padding-right: 17px;
}

.filter_wrap dt span {
    display: block;
    padding-top: 9px;
    font-size: 16px;
    color: #333;

}

.filter_wrap dd .per01,
.filter_wrap dd .per02 {
    float: left;
    padding-right: 11px;
}

.filter_wrap dd .type_tab .ui-tab {
    border: 0;
}

.filter_wrap dd .type_tab .ui-tab li {
    width: auto;
    border: 1px solid #d2d2d2;
}

.filter_wrap dd .type_tab .ui-tab li>span:before {
    display: none;
}

.filter_wrap dd .type_tab .ui-tab li>span {
    width: 65px;
    line-height: 32px;
    font-size: 14px;
}

.filter_wrap dd .type_tab .ui-tab li>span label {text-align: center}

.filter_wrap dd .type_tab .ui-tab li>span label::before {
    display: none;
}

.filter_wrap dd .ui-tabWrap.type_tab input:checked+label.ui-tab-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #1784d8;
    color:#1784d8;
}
.filter_wrap dd .ui-tabWrap.type_tab input:checked+label.ui-tab-btn{color:#1784d8}


.filter_wrap dd .cal_wrap {
    float: left;
}

.filter_wrap dd .cal_wrap .calbox {
    display: inline-block;
    position: relative;
}

.filter_wrap dd .cal_wrap .calbox .inp_wrap input {
    width: 124px;
    height: 38px;
    padding: 0 30px 0 15px;
    font-size: 14px;
    color: #333;
    line-height: 1;
    border-color: #d2d2d2
}

.filter_wrap dd .cal_wrap .calbox .icn_cal {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 14px;
    height: 14px;
    /*background: url('/img/frn/icn_ir.png') 0 0 no-repeat;*/
    background-position: -353px -33px;
    transform: translateY(-50%)
}

.filter_wrap dd .btn_inquiry {
    float: right;
;
    min-width: 67px;
    margin-right: 7px;
}

.board_list.type_mydata.data_list .list_info {padding-left: 20px; text-align: left}
.board_list.type_mydata.data_list > table{margin-top:20px}
.board_list.type_mydata.data_list .prd_data{padding-left: 20px;}
.board_list.type_mydata table tbody td {
    padding-top: 13px;
    padding-bottom: 23px;
    vertical-align: middle
}

.board_list.type_mydata table tbody td .txt_date {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

.board_list.type_mydata table tbody td .txt_stat {
    color: #666;
}

.board_list.type_mydata table tbody td .txt_info {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.board_list.type_mydata .prd_data {
    position: relative;
}

.board_list.type_mydata .prd_data .icn_cate {
    position: relative;
    float: left;
    width: 78px;
    height: 78px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    margin-top: 17px;
}
.board_list.type_mydata .prd_data .icn_cate img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.board_list.type_mydata .prd_data .icn_cate.cate01:after{background-position: -268px -179px;}
.board_list.type_mydata .prd_data .icn_cate.cate02:after{
    width: 50px;
    height: 52px;
    background-position: -326px -179px;}
.board_list.type_mydata .prd_data .icn_cate.cate03:after{
    width: 63px;
    height: 42px;
    background-position: -318px -236px;}
.board_list.type_mydata .prd_data .icn_cate.cate04:after{}
.board_list.type_mydata .prd_data .icn_cate.cate05:after{}

.board_list.type_mydata .prd_data .si_logo {
    position: absolute;
    top: 0;
    right: 0;
}
.board_list.type_mydata .prd_data .si_logo img{
    max-width: 120px;
    max-height: 30px;
}

.board_list.type_mydata .prd_data .txt_wrap {
    padding: 20px 0 0 100px;
    text-align: left;
}
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap { padding-top: 15px;}
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .star { position: relative; width: 74px; height: 13px; background: url('/img/frn/icn_ir.png') 0 0 no-repeat; background-position: -144px -33px; display: inline-block; font-size: 0; line-height: 0; vertical-align: top; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .star:after { content: ''; display: block; height: 13px; position: absolute; top: 0; left: 0; background: url('/img/frn/icn_ir.png') 0 0 no-repeat; background-position: -218px -33px; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .star.val01:after { width: 14px }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .star.val02:after { width: 29px }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .star.val03:after { width: 45px; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .star.val04:after { width: 60px; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .star.val05:after { width: 74px }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .view { padding: 0 0 0 4px; font-size: 14px; color: #999; line-height: 13px; font-weight: bold; vertical-align: top; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .view .num { color: #333; line-height: 13px; vertical-align: baseline; letter-spacing: 0; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .btn_fav { line-height:20px;font-size: 12px;height:20px;display: inline-block; margin: 0 0 0 6px; padding: 0 12px 0 25px; position: relative;border:1px solid #d2d2d2; border-radius: 10px; background: #fff; line-height: 20px; font-size: 12px; font-weight: bold; box-sizing: border-box; vertical-align: top; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .btn_fav:after { content: ''; display: block; width: 11px; height: 10px; position: absolute; top: 50%; left: 10px; background: url('/img/frn/icn_ir.png') 0 0 no-repeat; background-position: -150px -64px; transform: translateY(-50%); }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .btn_fav.active:after { background-position: -126px -64px; }
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .btn_fav .fav_cnt {color: #999;letter-spacing: 0;}
.board_list.type_mydata .prd_data .txt_wrap .unit_wrap .btn_fav.active .fav_cnt { color: #1784d8 }

.board_list.type_mydata .prd_data .txt_wrap .cate_tit {
    display: inline-block;
    padding-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.board_list.type_mydata .prd_data .txt_wrap .txt {
    padding-bottom: 10px;
    font-size: 18px;
    color: #000;

}

.board_list.type_mydata .prd_data .txt_wrap .sub_txt {
    padding-bottom: 15px;
    font-size: 14px;
    color: #999;
}

.board_list.type_mydata .prd_data .txt_wrap .price_tit {
    font-size: 14px;
    color: #666;
}

.board_list.type_mydata .prd_data .txt_wrap .price {
    padding-left: 10px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.board_list.type_mydata .btn_wrap>span {
    display: block;
    padding-bottom: 5px;
}

.board_list.type_mydata .btn_wrap>span:last-child {
    padding-bottom: 0;
}


.line_box {
    position: relative;
    margin-top: 15px;
    padding: 39px 20px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.line_box.top {
    margin-top: 78px;
}

.line_box dt span {

    font-size: 16px;
}

.line_box dt .small_txt {
    font-size: 12px;
    color:#666;
}

.line_box dt .small_txt:before {
    content:'';
    display:inline-block;
    clear:both;
    margin-left:10px;
    margin-right:10px;
    width:1px;
    height:10px;
    background-color:#666;
    vertical-align: baseline;
}

.line_box dd .detail_txt {
    display: block;
    padding: 20px 0 0;
    font-size: 14px;
}

.line_box dd .btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}


table.type_mod .inp_wrap {
    width: 430px;
}

/* table.type_mod .sub {
	display: inline;
	padding-left: 8px;
	font-size: 12px;
	color: #999;
} */

table.type_mod .sub.email {
    display: block;
    padding-top: 10px;
}

table.type_mod .chk_wrap>span {
    padding-right: 65px;
}

table.type_mod .chk_wrap>span:last-child {
    padding-right: 0;
}

table.type_mod .form_grp>span {
    padding-right: 0;
}

.member_out_wrap {
    padding: 30px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.member_out_wrap .txt_noti strong {
    display: block;
    font-size: 20px;
    text-align: center;
    font-weight: normal;

}

.member_out_wrap .txt_noti p {
    padding-top: 40px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.member_out_wrap .guide_txt {
    padding: 69px 0 15px 29px
}

.member_out_wrap .guide_txt>strong {
    display: block;
    padding: 0 0 20px;
    font-size: 16px;
    color: #333
}

.member_out_wrap .guide_txt ul.bu01 {
    font-size: 14px;
    color: #666;
    line-height: 30px
}

.member_out_wrap .guide_txt ul.bu01 li {
    padding-bottom: 0;
}

.member_out_wrap .guide_txt ul.bu01 li:before {
    top: 13px
}

/* //mark :MY �뜲�씠�꽣 - �긽�뭹�닔�졊�솗�씤 */
.prd_take_wrap>ul>li {
    position: relative;
    padding: 25px 30px 30px;
    margin-bottom: 12px;
    border: 1px solid #b2b2b2
}

.prd_take_wrap>ul>li:after {
    display: block;
    content: '';
    width: 1px;
    position: absolute;
    top: 20px;
    right: 245px;
    bottom: 20px;
    background-color: #e8e8e8;
}

.prd_take_wrap .prd_data {
    position: relative;
}

.prd_take_wrap .prd_data .icn_cate.cate01 {
    position: relative;
    float: left;
    width: 78px;
    height: 78px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    margin-top: 17px;
}

.prd_take_wrap .prd_data .icn_cate.cate01:after {
    content: '';
    width: 50px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/img/frn/icn_ir.png) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    transform: translate(-50%, -50%);
    background-position: 0px -325px;
}

.prd_take_wrap .prd_data .si_logo {
    position: absolute;
    top: 0;
    right: 295px;
}

.prd_take_wrap .prd_data .txt_wrap {
    padding: 20px 0 0 100px;
    text-align: left;
}

.prd_take_wrap .prd_data .txt_wrap .cate_tit {
    display: inline-block;
    padding-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.prd_take_wrap .prd_data .txt_wrap .txt {
    padding-bottom: 10px;
    font-size: 18px;
    color: #1784d8;

}

.prd_take_wrap .prd_data .txt_wrap .sub_txt {
    padding-bottom: 15px;
    font-size: 14px;
    color: #999;
}

.prd_take_wrap .prd_data .txt_wrap .price_tit {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 14px;
    color: #666;
    transform: translateY(-50%);
}

.prd_take_wrap .prd_data .txt_wrap .price {
    padding-left: 10px;
    font-size: 16px;
    color: #e64101;
    font-weight: bold;
}

.prd_take_wrap .btn_wrap>span {
    display: block;
    padding-bottom: 5px;
}

.prd_take_wrap .btn_wrap>span:last-child {
    padding-bottom: 0;
}

/* //mark :MY �뜲�씠�꽣 - 痍⑥냼�떊泥� */
.prd_cncel_wrap .price_wrap {
    padding: 0 25px 0 20px;
}

.prd_cncel_wrap .price_wrap li {
    overflow: hidden;
}

.prd_cncel_wrap .price_wrap .tit {
    float: left;
}

.prd_cncel_wrap .price_wrap .price {
    float: right;
    font-weight: bold;
}

.prd_cncel_wrap .txt_stat {

    color: #333
}

/* //mark :MY �뜲�씠�꽣 - 嫄곕옒�긽�꽭 */
.prd_cncel_wrap .txt_date.order_code {
    display: inline-block;
    padding-bottom: 10px;
    color: #999
}

.prd_cncel_wrap .prd_data .star {
    position: relative;
    top: 4px;
    width: 74px;
    height: 13px;
    margin-right: 8px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -144px -33px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.prd_cncel_wrap .prd_data .star:after {
    content: '';
    display: block;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -218px -33px;
}

.prd_cncel_wrap .prd_data .star.val01:after {
    width: 14px
}

.prd_cncel_wrap .prd_data .star.val02:after {
    width: 29px
}

.prd_cncel_wrap .prd_data .star.val03:after {
    width: 45px;
}

.prd_cncel_wrap .prd_data .star.val04:after {
    width: 60px;
}

.prd_cncel_wrap .prd_data .star.val05:after {
    width: 74px
}

/* //mark :怨듯넻(btn,form,select) */
input[type=search],
input[type=password],
input[type=text] {font-size: 14px}

.inp_form {
    position: relative;
    box-sizing: border-box
}

.inp_form.ui-hasDelForm {
    padding-right: 15px;
}

.inp_form input[type=text]+.ui-deltxt {
    display: none;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0 8px;
    transform: translateY(-50%);
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -100px -4px;
    z-index: 10;
}

.inp_form input[type=text]+.ui-deltxt.active {
    display: inline-block;
}

.inp_wrap input {
    width: 100%;
    height: 52px;
    padding: 0 0 0 15px;
    line-height: 50px;
    color: #666;
    font-size: 16px;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    outline: none;
}

.inp_wrap input:focus {
    border-color: #1784d8;
}

.inp_wrap input::placeholder {
    color: #d2d2d2;
}

.inp_wrap input:-ms-input-placeholder {
    color: #d2d2d2;
}

.inp_wrap {
    display: inline-block;
    width: 100%;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.inp_wrap.row-2 span {
    float: left;
    width: 50%;
    padding-right: 5px;
    box-sizing: border-box;
}

.inp_wrap.row-2 span:last-child {
    padding-left: 5px;
    padding-right: 0;
}

.inp_wrap.has_btn {
    padding: 0 146px 0 0;
}

.inp_btn {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
}

.btn.list {
    border: 1px solid #d2d2d2;
    font-size: 16px;
    color: #666;
    line-height: 36px;
    padding: 0 27px;
    vertical-align: middle;
}

.btn span {
    line-height: 1
}

.btn.list:focus,
.btn.list:hover {
    border-color: #1784d8;
}

.btn_mid {
    min-width: 136px;
}

.selectWrap.ui-selectbox .pc_selwrap>div.selOneWrap {
    background: #fff;
    border-color: #d2d2d2;
    border-radius: 0;
    box-shadow: none;
    height: auto;
}

.selectWrap.ui-selectbox .pc_selwrap>div.selOneWrap .ui-selected-one {
    padding-left: 14px;
    font-size: 14px;
    font-weight: bold;
    text-indent: 0;
    line-height: 38px;
    color: #999;
}

.selectWrap.ui-selectbox:after {
    content: '';
    display: block;
    width: 9px;
    height: 6px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -201px -9px;
}

.selectWrap.ui-selectbox.active.ui-result-active:after {
    content: '';
    background-position: -175px -10px;
}

.selectWrap.ui-selectbox.active.ui-result-active .pc_selwrap>div.selOneWrap {
    background: #fff;
    box-shadow: none;
    border-color: #d2d2d2;
}

.selectWrap.ui-selectbox.active.ui-result-active .pc_selwrap>div.selOneWrap .ui-selected-one {
    color: #666;
}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul {
    overflow-y: auto;
    max-height: 250px;
    border-color: #d2d2d2;
    border-radius: 0;
    box-shadow: none;
}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul li {
    padding: 0;
}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button {
    padding: 0 0 0 14px;
    line-height: 34px;
    color: #999;
}

.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button:hover,
.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button:focus,
.selectWrap.ui-selectbox.active.ui-result-active .ui-result-ul button:active {
    background: none;
    color: #1784d8
}

.selectWrap.ui-selectbox.sel_org .pc_selwrap>div.selOneWrap .ui-selected-one {
    background: #fafafa;
    color: #666;
    line-height: 50px
}


/* //mark :泥⑤��뙆�씪  */
.ui-addFile {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    line-height: 23px;
    padding-right: 146px;
    box-sizing: border-box;
}

.ui-addFile .file {
    width: 100%;
    position: relative;
    display: block;
    vertical-align: middle;
}

.ui-addFile .file button.delete {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 18px;
    right: 17px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -353px -61px;
    font-size: 0px;
}

.ui-addFile.on .file button.delete {
    display: block;
    cursor: pointer;
}

.ui-addFile .file .loc {
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 52px;
    padding: 0 35px 0 15px;
    line-height: 50px;
    color: #666;
    font-size: 16px;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    outline: none;
}

.ui-addFile .btnAttach {
    position: absolute;
    right: 0px;
    top: 0px;
}

.ui-addFile .btnAttach {
    width: 80px;
    display: inline-block;
    position: absolute;
    min-width: 136px;
    height: 52px;
    padding: 0;
    font-size: 16px;
    line-height: 0;
    box-sizing: border-box;
    color: #fff;
    background-color: #1784d8;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
}

.ui-addFile .btnAttach .fileButton {
    width: 100%;
    font-size: 18px;
    line-height: 51px;
}

.ui-addFile .btnAttach .bt {}

.ui-addFile .btnAttach .fileInput {
    font-size: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 52px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    padding: 0px !important;
    border: none;
}



/* //mark :�슦�렪踰덊샇 */
.wrap-modal.post_wrap {}

.laypop.type02 .wrap-modal.post_wrap .inner {
    padding: 30px 0 20px;
}

.laypop.type02 .wrap-modal.post_wrap .inner .laypop_content {
    padding: 0 30px;
    border: 0;
}

.wrap-modal.post_wrap .modal_h1 {
    padding-bottom: 20px;
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #d2d2d2;
}

.wrap-modal.post_wrap .search_wrap {
    padding: 0 50px 0 0;
    width: 100%;
    position: relative;
    margin: 27px 0;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
}

.wrap-modal.post_wrap .search_wrap .inp_form {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    line-height: 38px;
}

.wrap-modal.post_wrap .search_wrap .inp_form input {
    width: 100%;
    border: 0;
    line-height: 38px;
    font-size: 15px;
}

.wrap-modal.post_wrap .search_wrap .btn_search {
    display: block;
    position: absolute;
    top: 0;
    width: 36px;
    height: 38px;
    right: 0;
}

.wrap-modal.post_wrap .search_wrap .btn_search .icn_search {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -48px 0;
}

.wrap-modal.post_wrap .result_wrap {}

.wrap-modal.post_wrap .result_wrap .tit_wrap {
    overflow: hidden;
    padding: 20px 30px 9px;
}

.wrap-modal.post_wrap .result_wrap .tit_wrap .result_tit {
    float: left;
    font-size: 16px;
    color: #666;
}

.wrap-modal.post_wrap .result_wrap .tit_wrap .cnt {
    float: right;
}

.wrap-modal.post_wrap .result_box {
    overflow-x: hidden;
    overflow-y: auto;
    height: 315px;
    padding: 0 0 0 23px;
}

.wrap-modal.post_wrap .result_box li {
    padding: 0 5px 40px;
}

.wrap-modal.post_wrap .result_box li:last-child {
    padding-bottom: 0;
}

.wrap-modal.post_wrap .result_box li label {
    display: block;
    position: relative;
    padding: 7px;
    font-size: 15px;
    color: #666;
    border: 1px solid #fff
}

.wrap-modal.post_wrap .result_box li label .old_addr,
.wrap-modal.post_wrap .result_box li label .new_addr {
    position: relative;
    padding-bottom: 8px;
}

.wrap-modal.post_wrap .result_box li .icn_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    margin-right: 15px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    text-align: center;
}

.wrap-modal.post_wrap .result_box li .txt {
    display: inline-block;
    min-height: 40px;
    padding-top: 8px;
    padding-left: 91px;
    line-height: 1.4;
    box-sizing: border-box;
}

.wrap-modal.post_wrap .result_box li .post_code {
    padding-left: 90px;
    font-size: 15px;
    color: #666;
    font-weight: normal;
}

.wrap-modal.post_wrap .result_box li input.form_radio:checked+label {
    background: #f7f7f7;
    border: 1px solid #1784d8;
}

.wrap-modal.post_wrap .result_box li input.form_radio+label::before {
    display: none;
}

.wrap-modal.post_wrap .result_box li .inp_wrap {
    margin: 20px 0 22px;
}

.wrap-modal.post_wrap .tip_info {
    padding: 36px 30px;
    font-size: 16px;

}

.wrap-modal.post_wrap .tip_info strong {
    display: block;
    padding-bottom: 16px;
    color: #666;
}

.wrap-modal.post_wrap .tip_info p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
}

/* //mark :�븷�씤�삙�깮 �떊泥� 紐⑤떖 */
.laypop_content.mydata_confirm .tit{
    display: block;
    padding-top: 36px;
    text-align: center;
    font-size: 16px;
}
.laypop_content.mydata_confirm .sub_txt{
    padding: 25px 0 0 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: #666;
    text-align: center;
}
.laypop_content.mydata_confirm .form_grp{ padding: 25px 0 0 0;}
.laypop_content.mydata_confirm .form_grp > li{ padding: 0 0 15px;}
.laypop_content.mydata_confirm .table_bt > p{padding-top: 10px; color: #666;}
.laypop_content.mydata_confirm .table_bt .sub{display: block; padding-top: 14px; font-size: 14px; color: #999;}

/* //mark :MY�븣由� �듅�씤 紐⑤떖 */
.laypop_content.mydata_confirm .ly_sub_tit{padding: 36px 0 10px; text-align: center; border-bottom: 1px solid #d2d2d2;}
.laypop_content.mydata_confirm ul.form_data{padding: 36px 0 0;}
.laypop_content.mydata_confirm ul.form_data li{padding: 0 0 36px 9px;}
.laypop_content.mydata_confirm ul.form_data li:last-child{padding-bottom:20px;}
.laypop_content.mydata_confirm ul.form_data li .tit{
    display: inline-block;
    padding-top: 0;

}

.wrap-modal.star_wrap .inner{overflow: visible; overflow: initial}
.laypop_content.starLy{overflow: visible; overflow: initial; text-align: center; color: #666; border-bottom: 0}
.laypop_content.starLy .select_grp{padding-top: 30px; }
.laypop_content.starLy .star { position: relative; display: inline-block; width: 74px; height: 13px; background: url('/img/frn/icn_ir.png') 0 0 no-repeat; background-position: -144px -33px; display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; }
.laypop_content.starLy .star:after { content: ''; display: block; height: 13px; position: absolute; top: 0; left: 0; background: url('/img/frn/icn_ir.png') 0 0 no-repeat; background-position: -218px -33px; }
.laypop_content.starLy .star.val01:after { width: 14px }
.laypop_content.starLy .star.val02:after { width: 29px }
.laypop_content.starLy .star.val03:after { width: 45px; }
.laypop_content.starLy .star.val04:after { width: 60px; }
.laypop_content.starLy .star.val05:after { width: 74px }
.laypop_content.starLy .selectWrap{display: inline-block;width: 105px; padding-left: 80px; margin-right: 8px;vertical-align: middle}


/* //mark :table */
.board_list table {
    width: 100%;
    font-size: 14px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.board_list table thead th {
    padding: 17px 0 15px;
    color: #333;
    background: #f9f9f9;
    border-bottom: 1px solid #e8e8e8;
}

.board_list table tbody tr.noti {
    font-weight: bold;
}

.board_list table tbody tr:last-child td {
    border-bottom: 0;
}

.board_list table tbody td {
    padding: 17px 0 15px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    color: #666;
}
/*.board_list table tbody td span{color: #666 !important;}*/

.board_list table tbody .no-data td {
    padding: 42px 0;
    color: #333;
}

.board_list table tbody .no-data strong {
    color: #1784d8;
}

.board_list table tbody .addfile_wrap .icn_addfile {
    display: block;
    position: relative;
    padding-left: 44px;
    margin: 16px 0;
    color: #666;
    text-align: left;
}

.board_list table tbody .addfile_wrap .icn_addfile:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 30px;
    width: 14px;
    height: 16px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -354px -4px;
    transform: translate(-50%, -50%);
}

.board_list table tbody .addfile_wrap .f_name {
    text-align: left;
    padding-left: 36px;
}

.board_list table tbody .addfile_wrap .f_name span {
    color: #666;
}

.board_list.type_indata table {
    border: 0;
}

.board_list.type_indata thead th {
    font-size: 14px;
    color: #999;
    font-weight: normal
}

.board_list.type_indata tbody td {
    padding: 15px 0 0
}

.board_list.notice_type {}

.board_list.type_dataform th {
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    color: #666;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background: #fafafa;
}

.board_list.type_dataform td {
    padding: 19px 0 20px;
    font-weight: bold;
    border-right: 1px solid #d2d2d2;
    border-bottom: 0;
}

.board_list.type_dataform td:last-child {
    border: 0;
}

.board_list.type_admin tbody th,
.board_list.type_admin tbody td {
    padding: 15px 18px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle
}

.board_list.type_admin tbody th {
    padding-right: 25px;
    text-align: right;
    background: #f9f9f9;
    border-bottom: 1px solid #e8e8e8;
}

.board_list.type_admin tbody tr:last-child th {
    border-bottom: none;
}

.board_list .table_caution {
    float: right;
    padding-bottom: 8px;
    font-size: 14px;
    color: #333
}

.board_list .table_tit {
    float: left;
    padding-bottom: 8px;
    font-size: 16px;

    color: #333
}

.board_list .table_bt_txt {
    display: inline-block;
    padding-top: 17px;
    font-size: 14px;
    color: #666
}

.th_esp_bg {
    background: #f2f2f2
}

.td_esp_bg {
    background: #f7f7f7
}

/* //mark :�럹�씠吏� */
.pagewrap {
    display: block;
    width: 100%;
    margin: 30px 0 0;
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination a {
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #b2b2b2;
    font-size: 12px;
}

.pagination a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #dfdee1;
    border-right: 0;
}

.pagination .prev:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 9px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -279px -7px;
    transform: translate(-50%, -50%);
}

.pagination .next:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 9px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -254px -7px;
    transform: translate(-50%, -50%);
}

.pagination a:last-child:after {
    border: 1px solid #dfdee1;
}

.pagination a:hover,
.pagination a:focus,
.pagination a.active {
    color: #1784d8;
}

.pagination a:hover:after,
.pagination a:focus:after,
.pagination a.active:after {
    right: -1px;
    color: #1784d8;
    border: 1px solid #1784d8;
    z-index: 1;
}

.pagination .prev:hover:before,
.pagination .prev:focus:before,
.pagination .prev.active:before {
    background-position: -305px -7px;
}

.pagination .next:hover:before,
.pagination .next:focus:before,
.pagination .next.active:before {
    background-position: -332px -7px;
}

.board_list.type_notice_view thead th:nth-child(2) {
    text-align: left;
    text-indent: 30px;
}

.board_list.type_notice_view tbody .view_txt_wrap td {
    padding: 33px 29px;
    line-height: 1.6;
}
.board_list.type_notice_view tbody .view_txt_wrap td > p > b span {
    font-weight: 600;
}
.board_list.type_notice_view thead .answer {
    text-align: right !important;
    padding-right: 28px;
}

/* //mark :tab */
.tab_list {
    overflow: hidden;
    width: 100%;
    margin-bottom: 19px;
}
.tab_list ul {display:flex}

/*.tab_list.row-4 li {
	width: 25%;
}*/
.tab_list li {
    position: relative;
    /*float: left;
	width: 20%;*/
    flex:1
}
/* 20191120 媛�濡쒗겕湲곗닔�젙 */
.tab_list3 li {
    position: relative;
    float: left;
    width: 16.6666%;
}

.tab_list li:last-child a:after {
    border: 1px solid #d2d2d2;
}

.tab_list li a:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #d2d2d2;
    border-right: 0;
    z-index: -1;
}

.tab_list a {
    display: block;
    padding: 16px 0 16px;
    font-size: 16px;
    color: #333;
    text-align: center;

}

.tab_list li a.active,
.tab_list li a.focus,
.tab_list li a:hover {
    color: #1784d8
}

.tab_list li a.active:after,
.tab_list li a.focus:after,
.tab_list li a:hover:after {
    right: -1px;
    border: 1px solid #1784d8;
    z-index: 1;
}

.tab_list li:last-child a.active:after,
.tab_list li:last-child a:focus:after,
.tab_list li:last-child a:hover:after {
    right: 0
}

.tab_list a .num {
    font-size: 12px;
}

/* //mark :遺덈┸ */
.bu01 li {
    position: relative;
    padding: 0 0 13px 9px;
}

.bu01 li:before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #999;
    border-radius: 50%;
}

.hyphen01 li{
    position: relative;
    padding: 0 0 13px 9px;
}
.hyphen01 li:before{
    content: '-';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
}
/* //mark :�꽌釉뚰럹�씠吏� �젅�씠�븘�썐 */
/*.wrap.sub .content * {
	letter-spacing: 0;
}*/

.content_wrap {
    float: right;
    width: 990px;
    position: relative;
}

.content_wrap .tit_wrap {padding-bottom: 31px;margin-top:30px;}

.content_wrap .tit_wrap h3 {
    font-size: 34px;
    color: #333;

    font-weight:400
}

.content_wrap .h4_ct {
    padding-top: 20px;
    font-size: 18px;
}
.content_wrap .h4_sub {
    padding: 17px 0 29px;
    font-size: 15px;
    color: #666;
}


/* //mark :  �씠�슜�빟愿�, 媛쒖씤�젙蹂� */
.content_wrap.terms{ width:100%; padding:0px 105px 0; box-sizing:border-box; }
.content_wrap.terms .tit_wrap{border-bottom: 1px solid #d2d2d2}
.terms_wrap { font-size: 14px; line-height: 18px; color: #333; }
.terms_wrap span.h1_tit {font-family: 'notoKrB';font-size: 18px;padding: 49px 0 0;display: block;}
.terms_wrap span.h2_tit {  font-size: 18px; padding: 33px 0 23px; display: block; }
.terms_wrap ul.bu_hyphen { padding-bottom:5px; }
.terms_wrap ul.bu_hyphen li{position:relative;line-height: 18px;}
.terms_wrap ul.bu_hyphen li:after{position:absolute;content:'-';top:0px;left:-5px;line-height: 14px;}
.terms_wrap ol li{padding-left: 14px;text-indent: -14px;}
.terms_wrap .first_txt{padding-top: 20px;}
.terms_wrap .h3_wrap{padding: 23px 0 0;}
.terms_wrap .h3_wrap > dd{padding-top: 5px;}
.terms_wrap .inner_list{padding-top:20px; padding-bottom: 20px;}
.terms_wrap .board_list .table_tit{padding-top: 30px;font-size: 14px;}

/* //mark :LNB */
.lnb {
    float: left;
    width: 260px;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-top: 3px solid #1784d8;
}

.lnb h2 {
    display: block;
    padding: 35px 0 29px;
    font-size: 22px;
    color: #1784d8 !important;
    border-bottom: 1px solid #e8e8e8;
    text-indent: 19px;
    background:#fff;
}

.lnb_menu {
    padding: 22px 0 2px;
    border-bottom: 1px solid #e8e8e8;
}

.lnb_menu a {
    display: block;
    padding: 0 0 20px;
    font-size: 15px;
    color: #333;
    text-indent: 19px;
}

.lnb_menu a:hover,
.lnb_menu a:focus,
.lnb_menu a.active {
    font-weight: bold;
    color: #1784d8;
}

.quick_menu a {
    display: block;
    padding: 21px 0 22px;
    font-size: 16px;
    color: #333;
    text-indent: 19px;
}

.quick_menu li {
    border-bottom: 1px solid #e8e8e8;
}

.quick_menu li:last-child {
    border: none;
}

/* //mark :breadcrumb */
.breadcrumb {
    /*overflow: hidden;*/
    padding: 23px 0 24px;
}

.breadcrumb.pb60 {
    padding-bottom: 60px;
}

.breadcrumb>a,
.breadcrumb>span {
    position: relative;
    float: left;
}

.breadcrumb .home {
    padding: 0 14px 0 17px;
    overflow:hidden;
    text-indent:-100px;
    width:1px;
}

.breadcrumb .home:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -224px -5px;
}

.breadcrumb>a:after,
.breadcrumb>span:after {
    content: '';
    display: block;
    width: 5px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -254px -5px;
}

.breadcrumb .depth01 {
    padding: 0 14px 0 9px;
}

.breadcrumb .depth02 {
    padding: 0 0 0 9px;
}

.breadcrumb .depth02:after {
    display: none;
}


/* //mark :error */
.error_wrap {}

.error_wrap .gnb {
    margin-top: 47px;
}

.error_wrap .content h2 {
    position: relative;
    font-size: 20px;
    padding: 84px 0 12px 0;
    color: #1784d8;
}

.error_wrap .content h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 128px;
    height: 2px;
    background: #1784d8;
}

.error_wrap .content .sub_error {
    padding-top: 20px;

    font-size: 16px;
    color: #999;
}

.error_wrap .content .detail {
    padding-top: 65px;

    font-size: 16px;
    color: #333;
}

.error_wrap .content .btn_wrap {
    margin-top: 160px;
}

.content_wrap.cart {
    float: none;
    width: 100%;
}

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

.content_wrap.cart .green {
    color: #1784d8 !important;
}

.content_wrap.cart .red {
    color: #f0671d !important;
}

.content_wrap.cart {
    color: #333 !important;
}

.content_wrap.cart .selWrap.mydata {top: 0;	width: auto;}

.content_wrap.cart .selWrap.mydata ol li {
    position: relative;
    float: left;
    /*width: 36%;*/
    padding: 4px 25px 0 32px;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    text-align: right;
}

/*.content_wrap.cart .selWrap.mydata ol li:last-child {
	width: 28%;
	padding: 4px 0 0 32px;
}*/

.content_wrap.cart .selWrap.mydata ol li.active {
    color: #666;
}

.content_wrap.cart .selWrap.mydata ol li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 5px;
    height: 9px;
    margin-top: 2px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -254px -7px;
    transform: translate(-50%, -50%);
}

.content_wrap.cart .selWrap.mydata ol li:last-child::after {
    background: none;
}

.content_wrap.cart .selWrap.mydata .step {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url('/img/frn/icn_cart.png') center 0 no-repeat #b2b2b2;
    vertical-align: middle;
}

.content_wrap.cart .selWrap.mydata ol li:first-child .step {
    background-position-x: left;
}

.content_wrap.cart .selWrap.mydata ol li:last-child .step {
    left: 2px;
    background-position-x: right;
}

.content_wrap.cart .selWrap.mydata .active .step {
    background-color: #1784d8;
}

.content_wrap.cart .board_list.type_data {
    float: left;
    width: 850px;
}

.content_wrap.cart .board_list.type_mydata table {
    border-bottom: none;
}

.content_wrap.cart .board_list.type_mydata table thead th {
    padding: 15px 0;
    font-size: 16px;
    vertical-align: middle;
}

.content_wrap.cart .board_list.type_mydata .cart_all {
    padding-left: 20px;
    text-align: left;
}

.content_wrap.cart .board_list.type_mydata .cart_all .label-txt {
    font-size: 14px;
}

.content_wrap.cart .board_list.type_mydata .cart_all .btn_xsmall {
    min-width: 98px;
    margin-left: 10px;
    vertical-align: text-bottom;
}

.content_wrap.cart .board_list.type_mydata .cart_all .btn_org>span {
    font-weight: bold;
    line-height: 28px;
}

.content_wrap.cart .board_list.type_mydata table tbody td {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.content_wrap.cart .board_list.type_mydata table tbody tr:last-child td {
    border-bottom: none;
}

.content_wrap.cart .cart_chk label {
    cursor: pointer;
}

.content_wrap.cart .prd_data {
    padding-left: 65px;
}

.content_wrap.cart .prd_data .cart_chk {
    position: absolute;
    top: 24px;
    left: 20px;
}

.board_list.type_mydata .prd_data .icn_cate{
    width: 80px;
    height: 80px;
}

.content_wrap.cart .prd_data .txt_wrap {
    padding-top: 35px;
}

.content_wrap.cart .prd_data .txt_wrap .cate_tit {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.content_wrap.cart .prd_data .txt_wrap .txt {
    font-size: 22px;
}

.content_wrap.cart .prd_data .si_logo {
    right: 40px;
}
.content_wrap.cart .prd_data .si_logo img{
    max-width: 140px;
    max-height: 42px;
}

.content_wrap.cart .fee {
    padding: 25px 0 25px 20px;
}

.content_wrap.cart .fee>.fee_name::before {
    content: '';
    clear: both;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 4px;
    left: -10px;
    background-color: #a9a9a9;
    border-radius: 3px 3px 3px 3px;
}

.content_wrap.cart .fee>.fee_name {
    position: relative;
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #999;
    letter-spacing: 0;
    padding: 0;
}

.content_wrap.cart .fee>.fee_name:last-child {
    margin-bottom: 0;
}

.content_wrap.cart .fee>.fee_name em {
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #333;
}

.content_wrap.cart .fee>.fee_name:first-child em {
    color: #999;
}

.content_wrap.cart .cart_del {
    position: absolute;
    top: 63px;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-left: -7.5px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -100px -4px;
    vertical-align: middle;
    pointer-events: none;
}

.content_wrap.cart .cart_del.checked {
    background-position: -125px -93px;
    cursor: pointer;
    pointer-events: auto;
}

.content_wrap.cart .cart_summary {
    width: 100%;
    height: 100px;
    border: 1px solid #b2b2b2;
    background-color: #f9f9f9;
    box-sizing: border-box;
}

.content_wrap.cart .cart_summary::after {
    clear: both;
    content: '';
    display: block;
}

.content_wrap.cart .cart_summary dl {
    float: left;
    width: 25%;
    padding: 25px 0;
    text-align: center;
}

.content_wrap.cart .cart_summary dt {
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.content_wrap.cart .cart_summary dd em,
.content_wrap.cart .total_summary dd em {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #666;
}

.content_wrap.cart .cart_summary dd em span {
    font-size: 22px;
}

.content_wrap.cart .cart_summary .account dd em span {
    font-size: 26px;
}

.content_wrap.cart .cart_summary .minus,
.content_wrap.cart .cart_summary .equal {
    position: relative;
    display: block;
    float: left;
    width: 12.5%;
    height: 100%;
}

.content_wrap.cart .cart_summary .minus::after,
.content_wrap.cart .cart_summary .equal::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    border-radius: 50%;
    background: url('/img/frn/icn_cart.png') 0 bottom no-repeat #b2b2b2;
}

.content_wrap.cart .cart_summary .equal::after {
    background-position: center bottom;
}

.content_wrap.cart .board_list.table_gap .table_tit {
    float: none;
    display: block;
    margin-bottom: 10px;
}

.content_wrap.cart .board_list.table_gap .form_grp li {
    float: left;
    display: table;
}

.content_wrap.cart .board_list.table_gap .pay li {
    width: 33.33333%;
}

.content_wrap.cart .board_list.table_gap .order li {
    width: 33.33333%;
}

.content_wrap.cart .board_list.table_gap .form_grp.order,
.content_wrap.cart .board_list.table_gap .form_grp.pay {
    height: 64px;
    border: 1px solid #d2d2d2;
}

.content_wrap.cart .board_list.table_gap .form_grp li>span {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
    text-align: center;
}

.content_wrap.cart .board_list.table_gap .form_grp .label-txt {
    font-size: 14px;
    font-weight: bold;
}

.content_wrap.cart .board_list.table_gap .fee {
    border: 1px solid #d2d2d2;
    border-top: 0 none;
    background-color: #f9f9f9;
}

.content_wrap.cart .board_list.table_gap .fee>.fee_name::before {
    left: 0;
}

.content_wrap.cart .board_list.table_gap .fee .fee_name {
    padding-left: 10px;
    color: #666;
}

.content_wrap.cart .board_list.table_gap .data_sort {
    margin-top: 0;
    border: 0 none;
}

.content_wrap.cart .board_list.table_gap .data_sort .result_list {
    height: 34px;
    margin-bottom: 30px;
    padding: 0;
    background: none;
    line-height: 15px;
}

.content_wrap.cart .board_list.table_gap .data_sort h4 {
    padding: 15px 0;
    border-top: 1px solid #d2d2d2;
    color: #666;
    font-size: 14px;
}

.content_wrap.cart .board_list.table_gap .data_sort .agree_wrap {
    overflow-y: scroll;
    height: 220px;
    padding: 20px;
    border: 1px solid #d2d2d2;
    background-color: #f9f9f9;
}

.content_wrap.cart .right_wrap {
    float: right;
    width: 390px;
    box-sizing: border-box;
}

.content_wrap.cart .total_summary,
.content_wrap.cart .total_info {
    padding: 20px 20px 25px 20px;
    border: 2px solid #1784d8;
    box-sizing: border-box;
}

.content_wrap.cart .total_summary h4,
.content_wrap.cart .total_info h4 {
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
    font-size: 20px;
}

.content_wrap.cart .total_summary dl {
    margin-top: 25px;
}

.content_wrap.cart .total_summary dl::after {
    clear: both;
    content: '';
    display: block;
}

.content_wrap.cart .total_summary dt {
    float: left;
    color: #999;
    font-size: 16px;
    line-height: 22px;
}

.content_wrap.cart .total_summary dd {
    float: right;
    color: #666;
}

.content_wrap.cart .total_summary dd em span {
    font-size: 20px;
}

.content_wrap.cart .total_summary p {
    margin-top: 20px;
    padding: 15px 0;
    color: #b2b2b2;
    font-size: 13px;
    border-bottom: 2px solid #1784d8;
    letter-spacing: -.5px;
}

.content_wrap.cart .total_summary .account {
    margin-bottom: 25px;
}
.content_wrap.cart .total_summary .terms .label-txt{
    font-size: 13px;
}

.content_wrap.cart .total_summary .account dd em span {
    font-size: 26px;
}

.content_wrap.cart .total_info {
    margin-bottom: 40px;
    border-color: #666;
}

.content_wrap.cart .total_info .board_list.type_mydata .prd_data {
    padding: 30px 0;
    border-bottom: 1px solid #999;
}

.content_wrap.cart .total_info .board_list.type_mydata .prd_data .icn_cate.cate01 {
    width: 78px;
    height: 78px;
    margin-top: 0;
}

.content_wrap.cart .total_info .board_list.type_mydata .prd_data .si_logo {
    top: 10px;
    right: 0;
}

.content_wrap.cart .prd_data .txt_wrap {
    padding-top: 20px;
}

.content_wrap.cart .total_info .prd_data .txt_wrap .cate_tit {
    font-size: 14px;
}

.content_wrap.cart .total_info .prd_data .txt_wrap .txt {
    font-size: 18px;
}

.content_wrap.cart .total_info .prd_data .txt_wrap .sel_price{
    font-size: 14px;
    font-weight: bold;
    color: #999;
}
.content_wrap.cart .total_info .prd_data .txt_wrap .sel_price em {
    padding-left: 10px;
    color: #e64101;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
}

.content_wrap.cart .total_info .ui-accordian li {
    border: 0 none !important;
}

.content_wrap.cart .total_info .ui-accordian .acco-btn {
    position: relative;
    padding-top: 20px;
    text-align: center;
}

.content_wrap.cart .total_info .ui-accordian .acco-btn span {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
}

.content_wrap.cart .total_info .ui-accordian .acco-btn .ui-btn-acco {
    position: relative;
}

/* ie ��泥섏떆 李몄“  */
.content_wrap.cart .total_info .ui-accordian .acco-btn .ui-btn-acco {
    position: relative;
    display: block;
    width: 32px;
    border: 1px solid #dfdee1;
    height: 32px;
    position: absolute;
    top: 50%;
    margin: -8px 0 0 0;
    right: 100px;
    background: url('/img/frn/icn_ir.png') 0 0 no-repeat;
    background-position: -164px -53px;
}

.content_wrap.cart .total_info .ui-accordian li.active .ui-btn-acco {
    background-position: -189px -53px;
}
.content_wrap.cart .total_info .ui-accordian li.active .ui-btn-acco:after{display: none;}
/* ie11 */

.content_wrap.cart .total_info .board_list.type_mydata {
    margin-bottom: 0;
}

.content_wrap.cart .cart_complete p {
    margin: 15px 0;
    color: #999;
    font-size: 18px;
    font-weight: bold;
}

.content_wrap.cart .cart_complete p.green {
    font-size: 22px;
}

.content_wrap.cart .cart_complete a {
    margin-top: 45px;
}

.content_wrap.cart .orderinfo_wrap {
    margin-top: 40px;
    padding: 20px 20px 40px;
    background-color: #f1f1f1;
}

.content_wrap.cart .orderinfo_wrap .bu01 {
    margin-top: 20px;
    padding-left: 15px;
}

.content_wrap.cart .orderinfo_wrap .bu01 li {
    font-size: 14px;
    color: #666;
}

.content_wrap.cart .orderinfo_wrap .bu01 li::before {
    top: 5px;
}

.content_wrap.cart .orderinfo_wrap .bu01 .under {
    padding-bottom: 3px;
    border-bottom: 1px solid #666;
}

.content_wrap.cart .orderinfo_wrap .bu01 .under span {
    padding-bottom: 2px;
    border-bottom: 1px solid #cecece;
}

.content .info_voucher {
    width: 100%;
    height: 200px;
    margin: 80px 0 10px;
    padding: 30px 20px;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
}

.content .info_voucher dl {
    float: left;
    width: 50%;
    padding: 0 25px 0 40px;
    box-sizing: border-box;
}

.content .info_voucher dl:first-child {
    padding-left: 120px;
    background: url('/img/frn/icn_voucher.png') 0 10px no-repeat;
}

.content .info_voucher dl:last-child {
    border-left: 1px solid #d2d2d2;
    color: #666;
}

.content .info_voucher dl dt {
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
}

.content .info_voucher dl:first-child dt {
    color: #333;
    font-size: 18px;
}

.content .info_voucher dl:last-child dt::before {
    content: '';
    clear: both;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 4px;
    left: -10px;
    background-color: #a9a9a9;
    border-radius: 3px 3px 3px 3px;
}

.content .info_voucher dl dd {
    line-height: 24px;
}

.content .info_voucher dl:first-child dd {
    color: #999;
}

.content .info_voucher dl:last-child dd {
    font-size: 14px;
}

.content .info_voucher a {
    min-width: 180px;
    margin-top: 20px;
}

.inp_wrap.row-3>span {
    float: left;
    width: 33.333%;
    padding: 0 5px;
    box-sizing: border-box;
}
.inp_wrap.row-3>span:first-child {padding-left: 0;}
.inp_wrap.row-3>span:last-child {padding-right: 0;}
.inp_wrap.row-3 select+input {
    width: 66.666%;
    position: absolute;
    left: 34%;
}

/* //mark :泥⑤��뙆�씪 */
.addfiles>ul.list {
    margin-top: 10px;
}

.addfiles>ul.list>li {
    padding: 10px 0px;
}

.addfiles>ul.list>li>.dt {
    font-size: 13px;
    padding-bottom: 12px;
    display: inline-block;
}

.ui-addFile {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    line-height: 23px;
    padding-right: 146px;
    box-sizing: border-box;
}

.ui-addFile .file {
    width: 100%;
    position: relative;
    display: block;
    vertical-align: middle;
}

.ui-addFile .file button.delete {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 18px;
    right: 17px;
    background: url('/img/ncp/icn_ir.png') 0 0 no-repeat;
    background-position: -353px -61px;
    font-size: 0px;
}

.ui-addFile.on .file button.delete {
    display: block;
    cursor: pointer;
}

.ui-addFile .file .loc {
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 52px;
    padding: 0 35px 0 15px;
    line-height: 50px;
    color: #666;
    font-size: 16px;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    outline: none;
}

.ui-addFile .btnAttach {
    position: absolute;
    right: 0px;
    top: 0px;
}

.ui-addFile .btnAttach {
    width: 80px;
    display: inline-block;
    position: absolute;
    min-width: 136px;
    height: 52px;
    padding: 0;
    font-size: 16px;
    line-height: 0;
    box-sizing: border-box;
    color: #fff;
    background-color: #1784d8;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
}

.ui-addFile .btnAttach .fileButton {
    width: 100%;
    font-size: 18px;
    line-height: 51px;
}

.ui-addFile .btnAttach .fileInput {
    font-size: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 52px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    padding: 0px !important;
    border: none;
}
.member_h3{margin:50px 0 15px}
.member_date{float:right;font-size:12px;}
.member_date::after{clear: both;content: '';display: block;}

.line_box.type_mod{overflow: hidden;}
.line_box.type_mod .member_search {float: left; width: 60%;}
.line_box.type_mod .result_wrap{ float: right; width: 40%;}
.line_box.type_mod .result_wrap .sub_txt{padding-top: 10px; line-height: 1.4}
.line_box.type_mod .result_wrap .btn_wrap > span:first-child{margin-right: 6px;}

.line_box.type_mod .inp_wrap {
    width: 430px;
    margin-top: 20px;
}
.line_box.type_mod .form_grp>span {
    padding-right: 0;
}
.line_box.type_mod .result_mem{
    overflow-y: scroll;
    width: 100%;
    height: 135px;
    border: 1px solid #e8e8e8;
    right: 29px;
    top: 32px;
    background-color: #fafafa;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
}
.line_box.type_mod .result_mem.type02{
    display: table-cell;
    overflow: hidden;
    width: 615px;
    padding: 0;
    vertical-align: middle;
    text-align:center;
}
.line_box.type_mod .result_mem.type02 .add_txt{
    display: block; padding-top: 5px;}
.line_box.type_mod .result_mem li{
    line-height: 35px;
}
.line_box.type_mod .result_mem li a:hover{
    color: #1784d8;
}
.line_box.type_mod .btn_wrap.row-3>span {
    float: left;
    margin-left: 10px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.line_box.type_mod dl::after {
    clear: both;
    content: '';
    display: block;
}
/* //mark :�꽌鍮꾩뒪 �젙蹂� 2019.10.07 yjh */
.btn.list.back {
    position: absolute;
    top: 16px;
    right: 0;
}
.board_list.type_photo{overflow: hidden; width: 1010px;}
.board_list.type_photo * {
    box-sizing: border-box;
}
.clear::after,.line_box.type_photo::after {
    clear: both;
    content: '';
    display: block;
}
.board_list.type_photo ol li {
    float: left;
    width: 25%;
    height: 115px;
    margin-bottom: 25px;
    padding-right: 20px;
}

.board_list.type_photo ol li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    border: 1px solid #b2b2b2;
}
.board_list.type_photo ol li a span{
    display: block;
    height: 57px;
    text-align: center;
}
.board_list.type_photo ol li a .center_logo {
    padding: 10px 0;
}
.board_list.type_photo ol li a .center_logo img,.board_list.type_notice_view .center_logo img {
    max-width: 140px;
    max-height: 42px;
}
.board_list.type_photo ol li a .center_tit {
    overflow: hidden;
    height: 58px;
    padding: 20px 0;
    border-top: 1px solid #e8e8e8;
    color: #666;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.board_list.type_notice_view .center_tit {
    padding-left: 30px;
    color: #333;
    font-size: 20px;
    text-align: left;
    vertical-align: middle;
}
.board_list.type_notice_view .center_logo {
    text-align: right !important;
    padding-right: 25px;
    vertical-align: middle;
}
.board_list.type_notice_view .brn {
    border: 0 none;
}
.board_list.type_notice_view .bgn {
    background: none;
}
.board_list.type_notice_view .view_txt_sub span {
    display: block;
    width: 100%;
    border-right: 1px solid #e8e8e8;
    color: #333;
}
.board_list.type_notice_view .view_txt_sub td:last-child span {
    border-right:0 none;
}

/* pop */
.pop_wrap .pop_inr{
    padding: 20px;
    min-width: 300px;
    max-width: 500px;
}
.pop_wrap .pop_inr .result_txt{
    margin-bottom: 40px;
    margin-top: 30px;
    line-height: 1.5;
    text-align: center;
}
.pop_wrap .pop_inr input{
    margin-bottom: 20px;
}
.pop_wrap .pop_inr textarea{
    width: 100%;
    height: 150px;
}
.pop_wrap .pop_inr .btn_wrap{
    text-align: center;
    margin-top: 30px;
}
.pop_wrap .pop_inr .btn_wrap .btn_mid{
    min-width: 145px;
}
.pop_wrap .pop_table{
    padding: 10px;
}
.pop_wrap .tit_wrap h3{
    font-size: 30px;
    padding: 10px;
    float: left;
}
.pop_wrap .tit_wrap span{
    display: inline-block;
    padding-top: 20px;
    padding-right: 10px;
    float: right;
}
.pop_wrap .pop_table{
    clear: both;
}
.pop_wrap .pop_table .board_list.type_dataform p{
    margin: 10px 0 0 5px;
}
.pop_wrap .pop_table .board_list.type_dataform tbody td > span{
    line-height: 1.5;
}
.pop_wrap .pop_cs{
    padding: 10px;
}
.pop_wrap .pop_table .board_list.type_dataform td{
    font-size: 14px;
    color: #222;
    font-weight: normal;
    vertical-align: middle;
}

/* //mark :new main 2020.02.04 */
body.main{overflow-x:hidden}
body.main::after{content:'';display:block;position:absolute;top:0;left:0;right:0;height:102px;padding-top:45px;background-color:#fff;z-index:-2}
.wrap.main .content,.wrap.main .footer .footer_wrap{width:1280px}
.wrap.main .gnb{width:100%;padding:0}
.wrap.main .gnb .new_wrap,.wrap.main .gnb .menu .new_wrap{position:relative;width:1272px;margin:0 auto}
/*.wrap.main .gnb .new_wrap{padding:45px 0 0 0}	*/
.wrap.main .gnb .menu .new_wrap{margin-top:-80px;padding:0}
/* .wrap.main .gnb h1{width:396px;padding:26px 0 0 50px}
.wrap.main .gnb .searchWrap{width:387px;height:39px;margin:31px 0}
.wrap.main .swipe-top-ban{width:143px;height:102px}  */
.wrap .gnb h1{width:396px;padding:0px 0 0 0px} /* 2020.02.10 sub�� �넻�씪 */
.wrap .gnb .searchWrap{margin:31px 0} /* 2020.02.10 sub�� �넻�씪 */
.wrap .swipe-top-ban{width:166px;height:102px} /* 2020.02.10 sub�� �넻�씪 */
.wrap.main .gnb .new_wrap {padding-top:50px}
.wrap.main .btn_cart, .wrap.main .btn_buy {bottom:0}
.wrap.main .btn_buy {right:0}
.wrap.main .btn_cart {right:38px}

/*210720 메인띠배너추가*/
.top_banner{height: 70px; background: #ccc;}
/* //210720 메인띠배너추가*/

.wrap.main .swipe-top-ban .swiper-wrapper img{width:100%}
.wrap.main .swipe-brand-ban{width:1920px;height:486px;margin:0 auto}
/* .swiper-main .swiper-slide.visual01{background:url('/img/frn/bg_brand_new_01.jpg') 0 0 no-repeat} 2020.02.10 異붽� �닔�젙 */
.swiper-main .swiper-slide.visual01{background:url('/img/frn/bg_brand_new_04.jpg') 0 0 no-repeat}
.swiper-main .swiper-slide.visual02{background:url('/img/frn/bg_brand_new_02.jpg') 0 0 no-repeat}
.swiper-main .swiper-slide.visual03{background:url('/img/frn/bg_brand_new_03.jpg') 0 0 no-repeat}
.swiper-main .swiper-slide .slide_in .data-text{font-family:'NotoKrL'}
/* .swiper-main .swiper-slide .slide_in .data-text .data-text-y{color:#f05027} */
.swiper-main .swiper-slide .slide_in .data_wrap,.swiper-main .swiper-slide .slide_in .txt_wrap{color:#333}
.swiper-main .swiper-control-wrap{bottom:160px}
/* .swiper-main .swiper-slide .slide_in{padding:85px 0 0 445px} */
.swiper-main .swiper-slide .slide_in{position: relative;width: 1280px;margin: 0 auto;padding:0}
.swiper-main .swiper-slide .slide_in .txt_wrap{position: absolute;top:175px;left:135px;width:60%;color:#fff}
.swiper-main .swiper-control-wrap .swiper-button-prev,.swiper-main .swiper-control-wrap .swiper-button-next{width:9px;height:15px}
.swiper-main .swiper-control-wrap .swiper-button-prev{margin:-1px 10px 0 0;background-position:-294px -119px}
.swiper-main .swiper-control-wrap .swiper-button-next{margin:-1px 0 0 10px;background-position:-309px -119px}
.swiper-main .swiper-control-wrap .swiper-control .btn_ctrl{width:6px;height:7px;background-position:-362px -124px}
.swiper-main .swiper-control-wrap .swiper-control .btn_ctrl.play{background-position:-342px -124px}
.swiper-main .swiper-control-wrap .swiper-pagination{position:relative}
.swiper-main .swiper-control-wrap .swiper-pagination>span{width:6px;height:6px;margin:0 10px 0 0;background:#f5fafe;opacity:.3}
.swiper-main .swiper-control-wrap .swiper-pagination>span:last-child{margin-right:10px}
.swiper-main .swiper-control-wrap .swiper-pagination>span.swiper-pagination-bullet-active{width:18px;border-radius:3px;opacity:1}
/*.wrap.main .menu menu>li.data_prd a{height:80px}
.wrap.main .menu menu>li>a{padding:0 35px;line-height:56px;box-sizing:border-box;}
.wrap.main .menu menu>li.data_prd>a:hover::after,.wrap.main .menu menu>li.data_order>a:hover::after{height:0}
.wrap.main .menu menu>li{position:static; width:240px;} /* 2020.11.09 ie11 �씠�뒋 */
/*.wrap.main .menu menu>li.data_prd.lab{float:right}
.wrap .menu menu>li.data_prd.lab a span:before{width:28px;height:28px;background-position:-49px -294px}
.wrap.main .menu menu>li.data_order{position:absolute;right:0}
.wrap.main .menu menu>li.data_order a{padding:0 50px}
.wrap.main .menu menu>li ul{position:absolute;right:0;left:0;border:none;background:none;box-shadow:none;}
.wrap.main .menu menu>li ul a{border-bottom:none;color:#fff;font-size:16px;line-height:60px}
.wrap.main .menu menu>li ul>li{float:left;padding:15px 0}
.wrap.main .menu menu>li ul>li>a{padding:0 10px;line-height:16px; font-size:16px; color:#666; margin-top:8px;}
.wrap.main .menu menu>li ul>li>a:hover{color:#1784d8}
.wrap.main .menu menu>li ul>li>a{border-left:1px solid #ccc}
.wrap.main .menu menu>li ul>li:first-child>a{border-left:0px solid #ccc}
.wrap.main .menu .menubar2::after{clear:both;content:'';display:block}
.wrap.main .menu .menubar2 li{float:left;width:25%}
.wrap.main .menu .menubar2 li a{display:block;background-color:#003d7a;line-height:58px;text-align:center}
.wrap.main .menu .menubar2 li a span{color:#fff;font-size:22px}
.wrap.main .menu .menubar2 li a:hover span{color:#47d2dc}*/
.wrap.main .main_grp{padding:60px 50px 35px}
.wrap.main .main_grp .tit_wrap h2{color:#222}
.wrap.main .main_grp .tit_wrap{height:42px;}
.wrap.main .main_grp .tit_wrap .btn_more,
.wrap.main .main_bt_grp .notice .btn_more{position:absolute;float:none;right:0;bottom:0;width:21px;height:21px;padding:0}
.wrap.main .main_bt_grp .notice .btn_more {top:0;right:40px;bottom:auto}
.wrap.main .main_grp .tit_wrap .btn_more:after,.wrap.main .main_bt_grp .notice .btn_more:after{content:'';position:absolute;top:0;right:0;display:inline-block;width:21px;height:21px;background:url(/img/frn/icn_ir.png) 0 0 no-repeat;background-position:-293px -145px}
.wrap.main .prList{margin:0 -30px 0 -10px;padding:10px 20px 20px 10px}
.wrap.main .prList *{box-sizing:border-box}
.wrap.main .prList li{position:relative;margin:0;padding:0}
.wrap.main .prList li:before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:none;transition:all .3s ease;box-shadow:0 5px 13px rgba(0, 0, 0, 0.1)}
.wrap.main .prList>ul>li{width:32%;max-width:380px;height:380px}
.wrap.main .prList>ul>li:nth-child(2){margin:0 20px}
.wrap.main .prList>ul>li:nth-child(3):before{box-shadow:none}
.wrap.main .prList>ul>li>ul>li{width:100%;height:180px;margin-bottom:17px}
.wrap.main .prList>ul>li>ul>li:last-child{margin-bottom:0}
.wrap.main .prList li .data_in {width:100%;height:100%;padding:190px 0 0 38px;border:1px solid #fff;background-color:#fff}
.wrap.main .prList li .icn_cate{width:106px;height:106px;border-radius:50%;background-color:#f6f6f6}
.wrap.main .prList li .icn_cate img{position:absolute;top:50%;left:50%;margin:-31px 0 0 -36px}
.wrap.main .prList>ul>li>a .icn_cate{top:60px;left:50%;margin-left:-53px}
.wrap.main .prList>ul>li>ul>li .data_in{padding:50px 0 0 27px}
.wrap.main .prList>ul>li>ul>li>a .icn_cate{top:auto;right:45px;bottom:20px;left:auto;width:90px;height:90px}
/* .wrap.main .prList li .si_logo{top:17px;padding:0 13px;border:1px solid #c7d4e4;border-radius:17px}
.wrap.main .prList li .si_logo img{vertical-align:top} 2020.02.10 異붽� �닔�젙�슂泥� */
.wrap.main .prList li .si_logo{top:17px;padding:5px 20px;border:1px solid #c7d4e4;border-radius:17px}
.wrap.main .prList li .si_logo img{height:20px;vertical-align:top}
.wrap.main .prList li p.txt{color:#333;font-size:26px}
.wrap.main .prList li .icn_wrap{padding:25px 0 12px 0}
.wrap.main .prList li .unit_wrap .btn_fav{border:1px solid #d2d2d2}
.wrap.main .prList li .data_in:hover .unit_wrap .btn_fav,.wrap.main .prList li .unit_wrap .btn_fav.active{border-color:#0066cc}
.wrap.main .prList li .unit_wrap .btn_fav.active .fav_cnt,.wrap.main .prList li .data_in:hover .unit_wrap .btn_fav .fav_cnt{color:#0066cc}
.wrap.main .prList li .unit_wrap .btn_fav.active:after,.wrap.main .prList li .data_in:hover .unit_wrap .btn_fav:after{background-position:-126px -310px}
.wrap .prList .data_in:hover .noprice::before{background-color:#0066cc;}
.wrap.main .prList li .data_in:hover,.wrap.main .prList li .data_in:hover em.new{border:1px solid #0066cc}
.wrap.main .prList li .data_in:hover .cate_tit,.wrap.main .prList li .data_in:hover p.txt,.wrap.main .prList li .data_in:hover .price,
.wrap.main .prList li .data_in:hover .noprice,.wrap.main .prList li .data_in:hover .view,.wrap.main .prList li .data_in:hover .view .num,
.wrap.main .prList li .data_in:hover em.new{color:#0066cc}
.wrap.main .prList li .data_in:hover .icn_filedown{background-position:-3px -332px}
.wrap.main .prList li .data_in:hover .icn_api{background-position:-38px -332px}
.wrap.main .prList li .data_in:hover .icn_email{background-position:-73px -332px}
.wrap.main .prList li .data_in:hover .unit_wrap .star{background-position:-144px -308px}
.wrap.main .prList li .data_in:hover .unit_wrap .star:after{background-position:-218px -308px}
.wrap.main .prList li .data_in:hover:after{content:'';display:block;position:absolute;top:0;left:0;height:172px;background:url(/img/frn/bg_best_focus.png) no-repeat 50% 50% #0066cc;opacity:.8;z-index:1}
.wrap.main .prList>ul>li>ul>li .data_in:hover:after{left:auto;right:0;width:180px;height:100%}
.wrap.main .prList>ul>li>ul>li .cate_tit{font-size:12px}
.wrap.main .prList>ul>li>ul>li .price{font-size:14px}
.wrap.main .prList>ul>li>ul>li p.txt{width:50%;font-size:18px}
.wrap.main .prList li .unit_wrap .regdate.view{position:absolute;right:20px;font-weight:normal}
.wrap.main .prList>ul>li>ul>li .regdate.view{display:inline-block;margin-top:15px;color:#999;font-size:14px;line-height:13px}
.wrap.main .main_bt_grp{margin:0;padding:50px 0 0 0;background-color: #fff;}
.wrap.main .main_bt_grp *{box-sizing: border-box;}
.wrap.main .main_bt_grp .notice_wrap{float:none;width:1280px;margin:0 auto ;padding:0 0 0 10px}
.wrap.main .main_bt_grp .notice_wrap{clear:both;content:'';display:block}
.wrap.main .main_bt_grp .notice_wrap div{position:relative;float:left;width:33.33333%;height:156px;padding:0 50px 0 40px}
.wrap.main .main_bt_grp .notice_wrap div:nth-child(2n){border-right:1px solid #efefef;border-left:1px solid #efefef}
.wrap.main .main_bt_grp .notice_wrap div h3{margin-bottom:12px;font-size:20px}
.wrap.main .main_bt_grp .info li{float:left;width:48.5%;margin-right:10px;margin-bottom:10px}
.wrap.main .main_bt_grp .info li:nth-child(even){margin-right:0}
.wrap.main .main_bt_grp .info li a{display:block;width:100%; border:1px solid #ccc;color:#666;text-align:center;line-height:54px}
.wrap.main .main_bt_grp .info li a:hover{border-color:#0066cc;color:#0066cc}
.wrap.main .mid_banner{margin:0;padding:70px 0 50px;background-color:#fff;text-align:center}
em.new{padding:0 5px;border:1px solid #fc6947;border-radius:2px;color:#fc6947;font-size:10px;font-style:normal;box-sizing:border-box;letter-spacing:-.5px}
.wrap.main .prList li .cate_tit em.new{margin-left:5px}
.wrap.main .main_bt_grp .notice em.new{margin-right:5px}
.wrap.main .main_bt_grp .notice li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:31px}
.wrap.main .main_bt_grp .notice li a span{vertical-align:bottom}
.wrap.main .org_wrap{padding-bottom:100px;background-color:#fff}
.wrap.main .org_wrap .swiper-container{width:1280px;margin:0 auto}
.wrap.main .org_wrap .swiper-wrapper{transition-timing-function:linear}
.wrap.main .org_wrap .swiper-slide{position:relative;width:232px;height:78px;border:1px solid #d2d2d2;box-sizing:border-box}
.wrap.main .org_wrap .swiper-slide a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*.wrap.main .footer {margin:0;border-top:none;background-color:#f1f1f4;z-index:1}*/
.wrap.main .footer:after{content:'';position:absolute;bottom:0;left:0;right:0;height:70px;border-top:1px solid #dbdbe4;background-color:#fafafa;z-index:-1}
.wrap.main .footer .footer_wrap .sitemap_wrap>ul>li>a{background:#e8e8ea}
.wrap.main .footer .footer_wrap .sitemap_wrap>ul>li ul li a{border-bottom:none}
/* 2020.03.04 footer �쑀愿�湲곌�異붽� */
/* 2020.03.11 �엫�떆 .footer .footer_wrap .sitemap_wrap>ul>li{width:20%}
.footer .footer_wrap .sitemap_wrap>ul>li:last-child>a{position:relative;width:192px;height:45px;margin-bottom:12px;background-color:#fff !important;border:1px solid #d2d2d2}
.footer .footer_wrap .sitemap_wrap>ul>li:last-child a img{position:absolute;top:50%;left:50%;height:30px;transform:translate(-50%,-50%)} */
.footer .footer_wrap .sitemap_wrap{padding:38px 0 38px 210px}
.footer .footer_wrap .sitemap_wrap>ul>li{width:21%}
.footer .footer_wrap .sitemap_wrap>ul>li:last-child>a{position:relative;width:160px;height:39px;margin-bottom:14px;background-color:#fff !important;border:1px solid #d2d2d2}
.footer .footer_wrap .sitemap_wrap>ul>li:last-child a img{position:absolute;top:50%;left:50%;height:25px;transform:translate(-50%,-50%)}
.footer .footer_wrap .sitemap_wrap>ul>li:last-child a:first-child img{transform:translate(-70%,-50%)}
.footer .footer_wrap .sitemap_wrap>ul>li:last-child>a:last-child{margin-bottom:0}
/* 2020.03.11 �엫�떆 .footer .footer_wrap .sitemap_wrap>ul>li:last-child{padding-left:10px} */
.footer .footer_wrap .sitemap_wrap>ul>li:last-child{width:16%;padding-left:9px}
/* 2020.03.11 �엫�떆 異붽� */
.footer .footer_wrap .sitemap_wrap>ul>li:last-child a:last-child img{height:22px;transform:translate(-60%,-50%)}







/************ //mark :new 2020-11-06 ************/

em {font-style: normal}

/* new-gnb 2020-11-06 */
.wrap .gnb {/*width: 1272px;*/margin: 0 auto;}
.center_wrap {width: 1280px;margin: 0 auto;position:relative;}
.snb_menubg {display: block;background: #404d58; width:100%;height:60px; position: absolute; z-index: 3; top:187px;transition: all .1s ease;opacity: 0;}
.snb_menubg.active {display: block;opacity: 1;}

.snb_menubg.main {top:257px;}
/*210720 띠배너만큼 top에 px추가*/
/*.snb_menubg {top:257px;}*/
/* //210720 띠배너만큼 top에 px추가*/

.wrap .gnb h1 {width:252px;}
.wrap .gnb .searchArea:after {content:' '; display:block; clear:both;}
.wrap .gnb .searchLank {float:left; width:150px; height:37px; margin:42px 0; border-top:1px solid #666; border-bottom:1px solid #666;}
.wrap .gnb .searchLank select {width:100%; height:100%; border:none; }
.wrap .gnb .searchWrap {float:left; width:560px; margin-left:50px; padding-left:16px; font-size:0;height:48px}
.wrap .gnb .searchWrap .select {display:inline-block; width:105px; height:100%;}
.wrap .gnb .searchWrap .select select {margin-top:2px;width:100%;height:38px; border:none;  color:#999; font-size:16px;}

.wrap .gnb .searchWrap .inp_form input::placeholder {text-align:left;}
.wrap .gnb .searchWrap .inp_form input:-ms-input-placeholder {text-align:left;}
.wrap .gnb .searchWrap {border: 2px solid #1784d8;border-radius: 50px;box-sizing: border-box;position: absolute;top:15px;left:330px}
.wrap .menu menu>li:nth-child(1) ul {margin-left:-20px;}
.wrap .menu menu>li:nth-child(2) ul {margin-left:120px;}
.wrap .menu menu>li:nth-child(3) ul {margin-left:500px;}
.wrap .menu menu>li:nth-child(4) ul {margin-left:690px;}
.wrap .menu menu>li:nth-child(5) ul {margin-left:950px;}
.wrap .menu menu>li ul.single {margin-left:400px;}


.btn_cart, .btn_buy {width:32px; height:32px; background:url(/img/frn/main_ico_set.png) 0px -74px; text-indent: -1000px; overflow: hidden; position: absolute; right:58px;bottom:30px;}
.btn_buy {background:url(/img/frn/main_ico_set.png) -38px -74px; right:20px}
.badge {top:0; right:10px;position: absolute; background:#1a76bd;color:#fff; font-size:10px;min-width:18px; height:18px; border-radius:9px;line-height:18px}


.header-bottom {position:relative; width:1272px; margin:0 auto;}
.header-bottom .gnb-wrap { min-height:55px; }
.header-bottom .gnb-wrap > ul {margin-left:80px;}
.header-bottom .gnb-wrap > ul:after {content:''; display:block; clear:both;}
.header-bottom .gnb-wrap > ul > li {float:left; position:relative;}
.header-bottom .gnb-wrap > ul > li > a {position:relative; display:block; padding:0 50px; line-height:55px; color:#333; font-size:18px; }
.header-bottom .gnb-wrap > ul > li.active > a:after {content:''; position:absolute; bottom:0; left:50px; right:50px; height:4px; background:#4258db;}
.header-bottom .gnb-wrap > ul > li > ul {display:none;position:absolute; top:65px; left:0; width:100%; z-index:20;}
.header-bottom .gnb-wrap > ul > li > ul > li {text-align:center;}
.header-bottom .gnb-wrap > ul > li > ul > li > a {display:block; line-height:25px; font-size:14px; color:#666; }
.header-bottom .gnb-wrap > ul > li > ul > li > a:hover {color:#4258db;}
.header-bottom .gnb-wrap .top-banner {display:none; position:absolute; top:75px; right:0; z-index:20;}

.header-bottom .keyword-wrap {position:absolute; top:13px; right:0; }
.header-bottom .keyword-wrap .keyword-move {position:relative; overflow:hidden;}
.header-bottom .keyword-wrap .hit {position:absolute; top:7px; left:5px; display:inline-block; padding:3px 5px; margin-right:5px; border-radius:3px; background:#f43d19; color:#fff; font-size:11px;}
.header-bottom .keyword-wrap .keyword-list {padding:0 30px 0 5px; height:30px; -webkit-transition: 0.5s ease; transition: 0.5s ease;}
.header-bottom .keyword-wrap .keyword-list li > a {position:relative; display:block; height:30px; padding-left:35px;}
.header-bottom .keyword-wrap .keyword-list li > a > span {display:inline-block; width:160px; color:#666; font-size:12px; vertical-align:middle; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.header-bottom .keyword-wrap .keyword-list li > a > strong {display:inline-block; margin-right:5px; color:#666; font-size:12px; vertical-align:middle; line-height:30px; }
.header-bottom .keyword-wrap .btn-keyword {position:absolute; top:0; right:0; width:30px; height:30px; background:url('../../img/newmain/btn_keyword_open.png') no-repeat center center;}
.header-bottom .keyword-wrap .btn-keyword span {display:none;}

.header-bottom .keyword-wrap .keyword-open-box {display:none; position:absolute; top:-14px; right:0; width:245px; padding:20px 15px; border:1px solid #dedede; background:#fff; z-index:100;}
.header-bottom .keyword-wrap .keyword-open-box .btn-keyword-close {position:absolute; top:10px; right:4px; width:30px; height:30px; background:url('../../img/newmain/btn_keyword_close.png') no-repeat  7px 8px;}
.header-bottom .keyword-wrap .keyword-open-box .btn-keyword-close:hover {background:url('../../img/newmain/btn_keyword_close.png') no-repeat 7px -29px;}
.header-bottom .keyword-wrap .keyword-open-box .btn-keyword-close span {display:none;}
.header-bottom .keyword-wrap .keyword-open-box .tit {margin-bottom:15px; color:#333; font-size:14px; font-weight:bold;}
.header-bottom .keyword-wrap .keyword-open-box .tit > span {color:#f43d19; font-weight:bold;}
.header-bottom .keyword-wrap .keyword-open-box li > a > span {display:inline-block; width:190px; color:#666; font-size:12px; vertical-align:middle; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.header-bottom .keyword-wrap .keyword-open-box li > a > strong {display:inline-block; margin-right:5px; color:#666; font-size:12px; vertical-align:middle; line-height:25px; }
.header-bottom .keyword-wrap .keyword-open-box li > a:hover > span {text-decoration:underline;}

.header-bottom .sitemap-wrap {/*position:absolute; top:0; left:0;*/}
.header-bottom .sitemap-wrap > button {position:absolute; top:80px;right:-2px; width:62px; height:50px; z-index:20}
.header-bottom .sitemap-wrap > button > span {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}
.header-bottom .sitemap-wrap .btn-sitemap-open {background:url('/img/frn/main_ico_set.png') no-repeat -286px 0px;width:60px; height:56px;z-index:750;}
.header-bottom .sitemap-wrap .btn-sitemap-open.on {display:block;background:url('/img/frn/main_ico_set.png') no-repeat -226px 0px; width:60px; height:56px;}
.header-bottom .sitemap-wrap .btn-sitemap-open.on:hover {background:url('/img/frn/main_ico_set.png') no-repeat -226px -56px}
.header-bottom .sitemap-wrap .btn-sitemap-close {display:none;}
.header-bottom .sitemap-wrap .btn-sitemap-close.on {display:block; background:url('../../img/newmain/btn_sitemap.png') no-repeat 0 -121px;}
.header-bottom .sitemap-wrap .btn-sitemap-close.on:hover {display:block; background:url('../../img/newmain/btn_sitemap.png') no-repeat 0 -181px;}


.wrap.sub .header-bottom .sitemap-wrap .sitemap-list {top: 142px;}
.wrap.sub .header-bottom .sitemap-wrap > button {top:85px}
.wrap.sub .menu menu>li>a span:after {top:53px;}

.sitemap-list {display:none; position:absolute; top:150px; left:0; width:1272px; border-left:1px solid #dedede; border-right:1px solid #dedede}
.sitemap-list.active {display:block;z-index:750;}
.sitemap-list > ul {overflow:hidden; padding:0px 20px 0px 20px;}
.sitemap-list > ul > li {float:left; width:204px; height:240px; min-height:190px; border-right:1px solid #ddd; /*border-bottom:1px dashed #dedede;*/ text-align:center;}
/*.sitemap-list > ul > li:nth-child(n+6) {border-bottom:0;}
.sitemap-list > ul > li:nth-child(5),*/
.sitemap-list > ul > li:nth-child(6) {border-right:0;}
.sitemap-list > ul > li > a {display:block; margin:20px 0 20px 0; color:#333; font-size:16px; font-weight:500;}
/*.sitemap-list > ul > li:nth-child(n+1):nth-child(-n+5) > a {margin:0 0 18px 0; }*/
.sitemap-list > ul > li > ul > li > a {color:#666; font-size:14px; line-height:16px;display: inline-block; margin:14px 0 8px 0; position: relative;}
.sitemap-list > ul > li > ul > li > a:hover{font-size:16px; font-weight:bold;}
.sitemap-list > ul > li > ul > li > a:hover:before {display: inline-block; height:3px; content:''; width:100%;margin-top:14px; position: absolute; color:#010101;}
/* .sitemap-dim {display:none;} */
.sitemap-dim {z-index:0;}
.sitemap-dim.open {display:block; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .5); z-index:700;}

.sitemapbg {display:none;width:100%;height:275px; position: absolute; z-index:0; top:186px;transition: all .1s ease;opacity: 0;background:url(/img/frn/sitemap_bg.png) }
.sitemapbg.active {display:block;opacity: 1;z-index:700;}
.main_category_bg {width:100%; height:100px; background:#0e275b; position: relative;}
.main_category {position: absolute; z-index: 999; bottom:0; height:100px; width:100%;background:url('/img/frn/main_vi_bg.png')}
.main_category dt {float:left; width:240px;color:#fff;line-height:100px;font-size:20px; position: relative;}
.main_category dt:after {top:40px;left:150px;display:block; height:20px;width:20px; content:'';position: absolute;background:url('/img/frn/main_ico_set.png') no-repeat 0px -490px}
.main_category dl {width:1270px; margin:0 auto; height:100px;}
.main_category dl a {color:#fff; display: block; float:left; width:140px; font-size:18px; height:100px;line-height:100px; position: relative;padding-left:55px}
.main_category dd a:before {top:25px;left:0px;display:block; height:50px;width:50px; content:'';position: absolute}
.main_category dd .category01 {margin-left:220px;}
.main_category dd .category01:before {background:url('/img/frn/main_ico_set.png') no-repeat 8px -202px}
.main_category dd .category02:before {background:url('/img/frn/main_ico_set.png') no-repeat -50px -202px}
.main_category dd .category03:before {background:url('/img/frn/main_ico_set.png') no-repeat -115px -202px}
.main_category dd .category04:before {background:url('/img/frn/main_ico_set.png') no-repeat -180px -202px}
.main_category dd .category05:before {background:url('/img/frn/main_ico_set.png') no-repeat -236px -202px}
.main_category dd .category06:before {background:url('/img/frn/main_ico_set.png') no-repeat -298px -202px}

.floatMenu {position: absolute;right:30px;top:300px;z-index: 500; background:url('/img/frn/f_menu_bg.png') no-repeat}
.floatMenu a {display: block; width:32px; height:32px;background: #276280; color:#fff; border-radius:50%; text-align: center; font-size:14px; line-height:32px; margin-top:10px;}
.floatMenu a.active {background: #e9e612;color:#000}

.sec01_wrap {width:100%; height:640px; background:url(/img/frn/main_bg_02.png) no-repeat center; background-size:cover; margin-top:-2px;}
.sec01_wrap .condition {width:445px; height:180px; position:absolute; left: 753px; top:78px; background:#fff; display: block;}
.sec01_wrap .condition ul.con_list {display: flex;}
.sec01_wrap .condition .con_list li {flex:1;height:170px;text-align:center; position:relative; padding-top:10px}
.sec01_wrap .condition .con_list li span {color:#0e275b; font-size:14px;margin-top:90px; display:block}
.sec01_wrap .condition .con_list li .num {display:block;font-size:36px; color:#1784d8; font-weight:600;font-family:roboto;line-height:55px;}
.sec01_wrap .condition .con_list li:before {display:block; left:22px; position:absolute; content:''; width:60px; height:80px}
.sec01_wrap .condition .con_list li:nth-child(1):before{background:url('/img/frn/main_ico_set.png') -358px 10px}
.sec01_wrap .condition .con_list li:nth-child(2):before{background:url('/img/frn/main_ico_set.png') -428px 10px}
.sec01_wrap .condition .con_list li:nth-child(3):before{background:url('/img/frn/icn_charge.png') no-repeat 0 23px;}
.sec01_wrap .condition .con_list li:nth-child(4):before{background:url('/img/frn/icn_free.png') no-repeat 4px 15px;}
.swiper-sec01 {width:1280px; position: relative; height:640px}
.sec01_wrap .progressbox {position:absolute; top:200px; left:12px; width:100%}
.sec01_wrap .progressbox .bar {width:270px; height:12px;background:#d2d2d2; border-radius: 10px;}
.sec01_wrap .progressbox .bar .progress {background:#1784d8;height: 12px; border-radius: 10px 0px 0px 10px;}
.sec01_wrap .progressbox .bar.percentCount {border-radius: 10px;}
.sec01_wrap .progressbox .info {height:30px; width:270px;}
.sec01_wrap .progressbox .info li {float:left; font-size:12px; color:#999; line-height:15px;font-family:roboto;}
.sec01_wrap .progressbox .info li.con {float:right;}
.condition_ban {position:absolute; bottom:0; left:0; border-radius:0px 0px 4px 4px}
.sec01_wrap .progressbox .info li .down, .sec01_wrap .progressbox .info li .up {display: inline-block; position: relative;}
.sec01_wrap .progressbox .info li .down:before,
.sec01_wrap .progressbox .info li .up:before {background:url('/img/frn/main_ico_set.png') -204px 3px; content:'';display: inline-block;width:15px;height:15px; position: absolute;left:-15px}
.sec01_wrap .progressbox .info li .up:before {background:url('/img/frn/main_ico_set.png')  -182px 3px;}


.sec01_wrap .graph img {width:100%; height:280px}
.sec01_wrap dt {font-size:20px; line-height:1.5em;margin-top:10px; text-align: left;}
.sec01_wrap dt em {color:#999}
.sec01_wrap dd {font-size:14px; color:#666}
.ellipWrap {margin-top:10px}
.ell {color:#666;overflow: hidden; text-align: left; text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;	line-height:1.8em;height: 5em; letter-spacing:-1px}
.searchWrap select {border: 0px solid #b1b1b1;border-bottom: 1px solid #e6e6e6; height: 4.4rem;line-height: 1.6rem; width: 100%; font-size: 1.6rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(/img/frn/select_arrow.png) no-repeat;background-position: right;color: #C8C8C8}
.sec01_wrap dd.order {margin-top:20px; position: relative; text-align: left; /*padding-left: 25px;*/}
.sec01_wrap dd.order .price {font-size:24px;font-family: 'Roboto', sans-serif; font-weight:600}
.sec01_wrap dd.order .unit {font-weight:300; font-size:20px}


.unit_wrap .star span {display:none}
.unit_wrap .star {position: relative;width: 74px;height: 13px;background: url('/img/frn/icn_ir.png') 0 0 no-repeat;background-position: -144px -33px;display: inline-block;font-size: 0;line-height: 0;vertical-align: top; margin-top:8px;}
.unit_wrap .star:after {content: '';display: block;height: 13px;position: absolute;top: 0;left: 0;background: url('/img/frn/icn_ir.png') 0 0 no-repeat;background-position: -218px -33px;}
.unit_wrap .star.val01:after {width: 14px}
.unit_wrap .star.val02:after {width: 29px}
.unit_wrap .star.val03:after {width: 45px;}
.unit_wrap .star.val04:after {width: 60px;}
.unit_wrap .star.val05:after {width: 74px}
/*.unit_wrap {padding-top:20px;}*/
.unit_wrap .btn_fav {display: inline-block;margin: 0 0 0 6px;padding: 0 12px 0 25px;position: relative;top: 5px;border: 2px solid #d2d2d2;border-radius: 10px;background: #fff;line-height: 20px;font-size: 12px;font-weight: bold;box-sizing: border-box;vertical-align: top;}
.unit_wrap .btn_fav:after {content: '';display: block;width: 11px;height: 10px;position: absolute;top: 50%;left: 10px;background: url('/img/frn/icn_ir.png') 0 0 no-repeat;background-position: -150px -64px;transform: translateY(-50%);}
.unit_wrap .btn_fav.active:after {background-position: -126px -64px;}
.unit_wrap .btn_fav .fav_cnt {color: #999;letter-spacing: 0}
.unit_wrap .btn_fav.active .fav_cnt {color: #3ead57}
.unit_wrap .view {top:-10px;}
.unit_wrap .view em {font-size: 0;line-height: 0;vertical-align: top;}
.unit_wrap .view .num {display: inline-block;line-height:30px}
.unit_wrap .view .num:before {background:url('/img/frn/main_ico_set.png') no-repeat -74px -66px;content: "";display: inline-block;	width: 35px;height: 20px;}
.unit_wrap .download {top:-10px;}
.unit_wrap .download em {font-size: 0;line-height: 0;vertical-align: top;}
.unit_wrap .download .num {display: inline-block;line-height:30px}
.unit_wrap .download .num:before {background:url('/img/frn/icon_st.png') no-repeat center; content: "";display: inline-block;	width: 30px;height: 20px;}




/*.tab_con.on {display: block;}
.tab_con {display: none;}*/
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { width:auto !important}
.swiper-pagination-bullet-active {background:#fff !important; width:30px !important; height:10px !important; border-radius:5px !important;}

.swiper-pagination-bullet {background: #fff !important;opacity: 0.2; }
.swiper-container-horizontal > .swiper-pagination-bullets {margin-left:400px;}
/*.service-pagination {margin-left:600px !important;}*/
.swiper-container-horizontal > .swiper-pagination-bullets.service-pagination{position:relative;margin:20px 0 0 0;left:auto;bottom:auto;}
.service-pagination .swiper-pagination-bullet {width: 18px !important; height: 18px !important; border-radius:9px !important; background: #000 !important; opacity: 0.2;}
.service-pagination .swiper-pagination-bullet-active {background: #1784d8 !important; opacity: 1 !important; width: 18px !important; height: 18px !important; border-radius:9px !important;}

/*�씤湲곗떆媛곹솕由ы룷�듃*/
.visual_report {width:100%; height:590px;}
.visual_report.repotht {height:590px;}
.visual_report .title {text-align: center; padding-top:130px;}
.visual_report .title h2, .listbtn_icon .title h2 {font-size:32px; position: relative; display: inline-block;padding-right:35px}
.visual_report .title h2 .btn_more, .listbtn_icon .title h2 .btn_more {top:2px;right:0;position:absolute;width:24px;height:24px; background:url(/img/frn/main_ico_set.png) -107px -38px; text-indent: -1000px; overflow: hidden;}
.visual_report_list {margin-top:30px;}
.visual_report_list .layerclick {width:290px; float:left; padding:0px 10px 10px 10px; cursor: pointer;}
.visual_report_list .graph {border:1px solid #dddddd}
.visual_report_list .graph_con {margin-top:25px}
.visual_report_list .graph_con dt {font-size:20px; color:#333;}
.visual_report_list .ell {color:#666}

.service_map {width:100%; height:461px; background:url(/img/frn/main_subbg03.png) no-repeat center; background-size:cover}
.service_map .title {text-align: center; padding-top:60px;}
.service_map .title h2 {font-size:32px;}
.service_map .title .txt {padding:20px 20px 60px 20px; font-size:20px; color:#666666}
/*.service_map .swiper-container {height: 940px;}*/
.service_map .slide01 {text-align: center}

.swiper-sec02 .link {padding-top:50px;}
.swiper-sec02 .link li {display: inline-block;line-height:50px;height:50px;text-align: left; padding: 0 20px;position: relative;}
.swiper-sec02 .link li a{color:#666; font-size:20px;margin-left:50px;}
.swiper-sec02 .link li a:before {content:''; width:1px; height:19px; position: absolute; background:#ddd; left:0; top:20px;}
.swiper-sec02 .link li:first-child a:before {width:0px;}
.swiper-sec02 .slide01 .link li:nth-child(1):before {content:''; width:44px; height:50px; position: absolute; background:url('/img/frn/main_ico_set.png') no-repeat 0px -125px;}
.swiper-sec02 .slide01 .link li:nth-child(2):before {content:''; width:50px; height:50px; position: absolute; background:url('/img/frn/main_ico_set.png') no-repeat -55px -125px;}
.swiper-sec02 .slide01 .link li:nth-child(3):before {content:''; width:44px; height:50px; position: absolute; background:url('/img/frn/main_ico_set.png') no-repeat -119px -125px;}

.swiper-sec02 .link.market {margin-top:-30px;margin-bottom:50px;padding-top:0;}
.swiper-sec02 .link.market li {padding: 0 10px;}
.swiper-sec02 .link.market li a {margin-left:0;font-size:18px;}
.swiper-sec02 .link.market li a:hover {color:#0e275b;}
.swiper-sec02 .link.market li a:hover:after {content:'';width:auto;height:4px;position:absolute;background:#1784d8;left:10px;right:10px;top:33px;}
.swiper-sec02 .slide01 .link.market li a:before {content:'';width:2px;height:2px;position:absolute;background:#666;left:0;top:23px;}
.swiper-sec02 .slide01 .link.market li:before {content:none;}
.swiper-sec02 .link.market li:first-child a:before {width:0;}

.sec_main05 {width:100%; background:#fff;}
.sec_main05 h2 {font-size:32px; position: relative; display: inline-block;padding-right:35px;margin:97px 0 25px 0;}
.sec_main05 .center_wrap {position:relative}
.sec_main05 .center_wrap .total {color:#999; font-size:18px; position:absolute; right:5px; top:110px; font-family:roboto; font-weight:400}

.item_wrapper {width:1272px; margin:0 auto;display: grid;grid-gap:0px;grid-template-columns: 432px 420px 420px;grid-template-rows: 70px 70px 70px 70px 130px }
.item1 {position: relative;height:420px;width:430px;float: left;background: #368dd0;}
.item1 .item_ti {position: absolute; top:40px; left:40px; font-size:40px; color:#fff}
.item1 .item_ti em {font-size:24px;margin-left:10px;}
.item1 .item_num {position: absolute;bottom:24px; right:24px; font-size:24px;color:#fff}

.item2 {position: relative;height:420px;width:390px;float: left;background: #1f9a9f;}
.item2 .item_ti {position: absolute; top:40px; left:40px; font-size:40px; color:#fff}
.item2 .item_ti em {font-size:24px;margin-left:10px;}
.item2 .item_num {position: absolute;bottom:24px; right:24px; font-size:24px;color:#fff}
.item1 .item_num em, .item2 .item_num em{font-size:24px;}
.item3 {position: relative;	height:180px;width:450px;float: left;background: #06817d;}
.item3 .item_ti, .item3 .item_ti {position: absolute; top:20px; left:20px; font-size:32px; color:#fff}
.item3 .item_ti em, .item3 .item_ti em {font-size:20px;margin-left:10px;}
.item3 .item_num, .item3 .item_num {position: absolute;bottom:24px; right:24px; font-size:20px;color:#fff}
.item3 .item_num em{font-size:20px;}
.item4 {position: relative;height:120px;width:450px;float: left;background: #3859ad;}
.item4 .item_ti, .item5 .item_ti, .item6 .item_ti {position: absolute; top:20px; left:20px; font-size:24px; color:#fff}
.item4 .item_ti em {font-size:16px;margin-left:10px;}
.item4 .item_num, .item5 .item_num, .item6 .item_num {position: absolute;bottom:24px; right:24px; font-size:16px;color:#fff}

.item5 {position: relative;height:120px;width:450px;float: left;background: #43b133;}
.item5 .item_ti, .item5 .item_ti, .item6 .item_ti {position: absolute; top:20px; left:20px; font-size:24px; color:#fff}
.item5 .item_ti em{font-size:16px;margin-left:10px;}
.item5 .item_num, .item5 .item_num, .item6 .item_num {position: absolute;bottom:24px; right:24px; font-size:16px;color:#fff}
.item_num em {margin-left:3px;}
.item_img {text-align: center; position: absolute; left: 50%;  top: 50%;  transform: translateX(-50%) translateY(-35%);}
.item_wrapper2 {width: 1272px;margin: 0 auto}
.item_wrapper2:after {content: '';display: block;clear: both;}

.sec_community {width:1280px; margin: 0 auto; display: flex; justify-content: space-between;}
/*.sec_community .col {flex:1;}*/
.sec_community h2 {font-size:28px; position: relative; display: inline-block;padding-right:35px;margin-top:70px;}
/*.sec_main05 .sec_community h2 button.btn_more {top:2px;right:0;position:absolute;width:24px;height:24px; background:url(/img/frn/main_ico_set.png) -107px -38px; text-indent: -1000px; overflow: hidden;}*/
.sec_main05 .sec_community h2 button.btn_more {top:2px;right:0;position:absolute;width:25px;height:25px; background:url(/img/frn/ico_moreArrow.png); text-indent: -1000px; overflow: hidden; background-size: 25px 25px;}
.sec_community .txt_box {display: flex}
.sec_community .txt_box li {width:100%}
.sec_community .txt_box .txt_box_in {position: relative; display:block;border:1px solid #ddd;flex:1;padding:20px;margin:0px 15px 0px 0px; height:316px; cursor: pointer}
.sec_community .txt_box h3 a, .sec_community .txt_box h3 em {font-size:18px; line-height:30px; font-weight:500}
.sec_community .txt_box .ellipWrap {font-size:16px; line-height:24px;margin-top:0}
.sec_community .txt_box .ellipWrap .ell {-webkit-line-clamp: 6;height: 11em}
.sec_community .txt_box .ellipWrap .ell p,
.sec_community .txt_box .ellipWrap .ell p span {color:#666 !important;}
.sec_community .txt_box .ellipWrap .ell p b span {color:#666 !important;font-weight:600;}
.sec_community .txt_box .date {position: absolute;bottom:0;left:25px;bottom:25px;font-size:16px; color:#999; font-family:roboto}
.sec_community .txt_box h3 .ell {-webkit-line-clamp: 2;height: 4em; font-size:18px; color:#333}
.sec_community .txt_box .new {padding:5px}

.wrap .menu menu>li.data_prd a{height:80px}
.wrap .menu menu>li>a{padding:0 35px;/*line-height:56px;*/box-sizing:border-box;}
.wrap .menu menu>li.data_prd>a:hover::after,.wrap.main .menu menu>li.data_order>a:hover::after{height:0}
.wrap .menu menu>li{position:static; width:200px;} /* 2020.11.09 ie11 �씠�뒋 */
.wrap .menu menu>li.data_prd.lab{float:right}
.wrap .menu menu>li.data_prd.lab a span:before{width:28px;height:28px;background-position:-49px -294px}
.wrap .menu menu>li.data_order{position:absolute;right:0}
.wrap .menu menu>li.data_order a{padding:0 50px}
.wrap .menu menu>li ul{position:absolute;right:0;left:0;border:none;background:none;box-shadow:none;}
.wrap .menu menu>li ul a{border-bottom:none;color:#fff;font-size:16px;line-height:60px}
.wrap .menu menu>li ul>li{float:left;padding:15px 0}
.wrap .menu menu>li ul>li>a{padding:0 15px;line-height:16px; font-size:16px; color:#ccc; margin-top:14px;}
.wrap .menu menu>li ul>li>a:hover{color:#fff}
/*.wrap.main .menu menu>li ul>li:first-child>a{border-right:1px solid #fff}*/
.wrap .menu menu>li ul>li>a{border-left:1px solid #ccc}
.wrap .menu menu>li ul>li:first-child>a{border-left:0px solid #ccc}

.file_farmat {position:absolute; top:10px; right:0;width:323px;font-size: 15px; font-weight: normal;color: #a9a9a9; height:30px;}
.file_farmat dt {float:left}
.file_farmat dd {float:right;margin-right:20px;}
.file_farmat::before {content: '';clear: both; width: 3px;height: 3px;position: absolute;top: 4px;left: -10px;background-color: #a9a9a9;border-radius: 3px 3px 3px 3px;}
.file_farmat .file {font-size:12px; color:#999; font-weight:bold; display:inline-block; border:1px solid #999; padding:3px 10px; border-radius:10px}
.file_farmat .file.on {color:#1784d8;border:1px solid #1784d8;}
.fee .btn_cart, .fee .btn_buy {font-family: 'Noto Sans Korean';width:100px;text-indent:0; border:1px solid #1784d8; color:#1784d8; text-align:left;background:none; padding-left:35px;border-radius:3px;top:80px}
.fee .btn_cart:before, .fee .btn_buy:before {background: url(/img/frn/main_ico_set.png) -140px -76px; content: '';display: block; position: absolute; top: 0;bottom: 0;left: 0;width:30px;height:30px}
.fee .btn_cart {right:125px;}
.fee .btn_buy {background: #1784d8; color:#fff}
.fee .btn_buy:before {background: url(/img/frn/main_ico_set.png) -180px -76px;}

.data_sort input.form_chk+label:before {display:none}
.data_sort input.form_chk+label {padding: 2px 12px 3px 5px;position: relative;}
.data_sort input.form_chk:checked+label {border:1px solid #1784d8; background:#1784d8; color:#fff !important; border-radius:14px;}
.data_sort input.form_chk:checked+label:after {display:block; content:''; position: absolute; width:12px; height:12px; top:-5px; right:-5px;background: url('/img/frn/btn_del.png') 0 0 no-repeat;}
.data_sort input.form_chk.sub:checked+label {border:1px solid #666;background:#666;box-sizing:border-box;}
.data_sort input.form_chk.sub+label {height:27px;vertical-align:middle;box-sizing:border-box;}

#subCate {margin-left:10px}
.window .close {right:10px; top:10px; position: absolute; width:30px; height:30px;background: url('/img/frn/window_close.png') 5px 5px no-repeat; overflow: hidden; text-indent:-1000px;}

.dashboard_wrap {width:1280px; z-index: 999;}
.dashboard_wrap .a {width:100%}
.content_page.dashboard {border:1px solid #dddddd; padding:20px 30px;}
.content_page.dashboard iframe.dash01 {width:100%;height:1200px; overflow:auto;overflow-x:hidden}
.dashboard_wrap .tab_list ul {display:flex; width:1280px}
.dashboard_wrap .tab_list li {flex:1}

.new_title {height:160px;margin:-3px 0 40px 0;background:#0665ae}
.new_title .center_wrap {height:160px;}
.tibg_01 {background:url('/img/frn/tibg_01.png') no-repeat !important;}
.tibg_02 {background:url('/img/frn/tibg_02.png') no-repeat !important;}
.tibg_03 {background:url('/img/frn/tibg_03.png') no-repeat !important;}
.tibg_04 {background:url('/img/frn/tibg_04.png') no-repeat !important;}
.tibg_05 {background:url('/img/frn/tibg_05.png') no-repeat !important;}
.tibg_06 {background:url('/img/frn/tibg_06.png') no-repeat !important;}
.tibg_07 {background:url('/img/frn/tibg_07.png') no-repeat !important;}
.new_title .tit_wrap {float:left;padding-top:50px;}
.new_title .tit_wrap h3 {color:#fff; font-size:40px;font-weight:400;float:left;letter-spacing:-4px}
.new_title .tit_wrap .txt {color:#fff; font-size:20px;float:left; position: relative;margin-left:20px; padding-left:20px;padding-top:15px;letter-spacing:-1px}
.new_title .tit_wrap .txt:before {position: absolute; width:50px; height:20px; border-left:1px solid #3883bd;content:''; display:block; left:0px;}
.new_title a, .new_title span {color:#fff; font-size:14px;}
.flex_free {flex:none !important}

.introduce {margin-top:20px; border:1px solid #ddd}
.introduce .introduce_list {border-bottom:1px solid #ddd}
.introduce .introduce_list:after {content: '';display: block;clear: both;}
.introduce .introduce_list .tbl {border-bottom:1px solid #ddd }
.introduce .introduce_list .tbl table {width:640px;}
.introduce .introduce_list .tbl th {text-align:right;padding:10px;background:#f9f9f9; border-right:1px solid #d2d2d2; border-top:1px solid #dddddd; font-weight:normal;font-size:14px;}
.introduce .introduce_list .tbl td {padding:10px;border-top:1px solid #dddddd; font-size:14px;}
.list_st1 {padding-bottom:20px;}
.list_st1 li {font-size:14px;line-height:28px; position: relative;margin-left:10px;}
.list_st1 li:before {content:''; width:44px; height:50px; position: absolute; background:url('/img/frn/dot01.png') no-repeat 0px 13px; left:-10px;}
.introduce .center_logo {width:240px;padding:100px 60px 60px 70px; float:left}
.introduce .center_info {float:left;padding:60px}
.introduce .center_name {font-size:18px; font-weight:500; line-height:60px;}

.aboutus h3 {font-size:20px;margin:25px 0;}
.aboutus .txt {line-height:28px;color:#666; font-size:16px}
.aboutus .pic {margin:20px 0 40px;}
.aboutus .list_st1 {margin-top:-20px}
.aboutus .list_st1 li {padding-top:10px;line-height:28px;color:#666; font-size:16px}
.aboutus .list_st1 li strong {display:block}

.step_box {border:1px solid #ccc; padding:0px 39px 39px 39px; margin-top:60px !important}
.new_step_wrap {float:right; margin-top:34px;margin-right:5px;}
.new_step_wrap li {float:left;background: url('/img/frn/dash.png') no-repeat; position:relative}
.new_step_wrap li .num {display:inline-block;margin-left:30px;font-size:14px; font-family:roboto; font-weight:600;color:#1784d8; line-height:32px;width:32px; height:32px; background:#e0eaf2; border-radius:32px;display:block; text-align:center;}
.new_step_wrap li.active {background:#fff;border:1px solid #1784d8;border-radius:32px;height:32px;padding:0 16px; float:left}
.new_step_wrap li.active .num_on {display:inline-block;color:#1784d8; font-size:14px; font-family:roboto; font-weight:600; width:20px;}
.new_step_wrap li.active .num_on:after {content:''; position:absolute;background:#ddd; width:1px; height:10px;left:32px; top:10px;}
.new_step_wrap li.active .tit {color:#1784d8;line-height:32px; font-size:14px; font-family:roboto; font-weight:600;}
.new_step_wrap li.first .num {margin-right: 30px;margin-left:0px;}
.new_step_wrap li.first {background: url('/img/frn/dash.png') no-repeat right;}
.step_box .btn_org2 {border:1px solid #ccc !important; background:#fff !important;}
.step_box .btn_org2 span {color:#333; font-size:18px;}
.content_wrap.w_full {width:1280px;}
.datepick input {border:1px solid #d2d2d2; height:30px; width:100px;background: url('/img/frn/btn_calendar.png') no-repeat right;padding:2px;}
.btn_cate_open, .btn_cate_open.off {margin:13px 0 0 5px;background: url('/img/frn/btn_open.png') no-repeat bottom;width:19px; height:19px;text-indent:-1000px; overflow:hidden}
.btn_cate_open {background: url('/img/frn/btn_open.png') no-repeat top}
.cate_price {margin-top:10px; padding:0;height:20px;}
.cate_price .dir_t {line-height:26px;height:20px;padding-right:10px; float:left}
.cate_price .calbox {float:left;display:block;position:relative;border:1px solid #d2d2d2; height:30px !important; width:100px;}
.cate_price .calbox input {border:0px solid #d2d2d2; height:14px; width:80px;}
.cate_price .calbox .unit{position:absolute;font-size:14px;top:7px}
.cate_price .div_wave {height:auto;float:left}
.cate_price .calbox.price_search {border:1px solid #d2d2d2; height:30px; width:80px;}
.cate_price .calbox.price_search .btn_price_search {position:absolute; right:-28px; top:-1px;background: url('/img/frn/btn_price_search.png') 0 0 no-repeat;width:32px; height:32px; text-indent:-1000px; overflow:hidden}

.form_grp.sub_op span.label-txt {margin-top:10px}
.form_grp.sub_op span {float:left; padding:0}
.form_grp .no_chk {display:block;line-height:40px; padding-left:0px!important}
.cate_sub {border-top:1px solid #e8e8e8;margin-left:190px;height:45px;line-height:45px;margin-right:-25px}
.unit_wrap.txt_info {margin-top:10px}


.wrap.main .slide_tab {text-align: center;position: absolute; width:100%; top:80px;}
.wrap.main .slide_tab .tab {color:#fff; font-size:20px; height:40px; line-height:40px;width:140px;opacity:.5; margin-left:5px;float:left}
.wrap.main .slide_tab .tab.active{border-radius:20px; border:1px solid #fff;opacity:1; padding-left:12px;background: url('/img/frn/slide_tab_chk.png') no-repeat 12px 12px}
.wrap.main .slide_tab_t:first-child {margin-left:300px;}
.wrap.main .swiper-pagination-fraction, .wrap.main .swiper-pagination-custom, .wrap.main .swiper-container-horizontal > .swiper-pagination-bullets { width:auto !important}
.wrap.main .swiper-pagination-bullet-active {background:#fff; width:50px;}
.wrap.main .s-01 .swiper-container, .wrap.main .s-02 .swiper-container {width:900px; height:450px; position:absolute; left:0;top:80px}
.wrap.main .s-01 .swiper-container .swiper-slide, .wrap.main .s-02 .swiper-container .swiper-slide {width:260px; color:#fff}
.wrap.main .swiper-button-prev, .wrap.main .swiper-container-rtl .swiper-button-next {background: url('/img/frn/slide_btn_pre.png') !important;top:230px !important; left:-40px !important}
.wrap.main .swiper-button-next, .wrap.main .swiper-container-rtl .swiper-button-prev {background: url('/img/frn/slide_btn_next.png') !important;top:230px !important; right:340px !important}
.wrap.main .swiper-button-play,
.wrap.main .swiper-button-pause {position: absolute !important;z-index: 9999 !important;bottom:0;width:20px; height:20px; bottom:4px !important;left:585px; text-indent:-100px;background: url('/img/frn/slide_btn_play.png') no-repeat 5px 4px; overflow: hidden; cursor:pointer !important}
.wrap.main .swiper-button-pause {background: url('/img/frn/slide_btn_play.png') no-repeat 5px -15px;left:600px; }

/*210720 메인데이터슬라이드 추가*/
.wrap.main .swiper-pagination-fraction, .wrap.main .swiper-pagination-custom, .wrap.main .swiper-container-horizontal > .swiper-pagination-bullets {width:auto !important}
.wrap.main .swiper-pagination-bullet-active {background:#fff; width:50px;}
.wrap.main .swiper-container.main_data{width:298px; height:280px;background: #fff; border-radius: 4px; position:absolute;right: 0;top: 160px;}
.wrap.main .swiper-container.main_data .swiper-button-prev, .wrap.main .swiper-container.main_data .swiper-button-next {background: none;}
.wrap.main .swiper-container.main_data .swiper-pagination {position: absolute; margin-left: 0; left:50%; transform:translateX(-50%);}
.wrap.main .swiper-container.main_data .swiper-pagination-bullet {background: #ccc !important; opacity:1;}
.wrap.main .swiper-container.main_data .swiper-pagination-bullet-active {width: 8px !important; height: 8px !important; background: #878787 !important;}

.sec01_wrap .swiper-container.main_data .condition {width:298px; height:280px; position:relative; top:0; display: block; border-radius:4px; background: transparent;}

/* //210720 메인데이터슬라이드 추가*/

/* 이용약관/개인정보처리방침 */
.content_wrap.terms .tit_wrap {margin-bottom:20px;}
.terms_txt {line-height:1.5;}
.terms_txt h1{padding:20px 0;}
.terms_txt h1:first-child {padding-top:0;}
.terms_txt .txt_area {padding-bottom:15px;}
.terms_txt .txt_area ol {padding:5px 0;}
.terms_txt .txt_area ol li {padding-bottom:5px;}
.terms_txt .txt_area ol li > ol {margin-left:10px;}
.terms_txt .txt_area ol li ul {margin-left:10px;}
.board_list table.terms {border: 1px solid #d2d2d2;}
.board_list table.terms th {padding:5px;text-align:center;border:1px solid #d2d2d2;}
.board_list table.terms td {padding:5px;text-align:left;border:1px solid #d2d2d2;background:#fff;vertical-align:middle;line-height:1.4;}

/* 시각화 서비스 */
.visu-content{ margin-top: 70px; }
.visuList{ clear: both; overflow: hidden; }
.visual-list + .slide01{ margin-top: 50px;}
.visual-list .sub_tit{ font-size: 30px; font-weight:bold; border-top: 6px; border-style: solid;  width: 82px; color: #333; padding-top: 24px; margin-right:90px; line-height: 1; letter-spacing: -1px;}
.visual-list .sub_tit.agr{ border-color: #43b133; }
.visual-list .sub_tit.ami{ border-color: #06817d; }
.visual-list .sub_tit.cir{ border-color: #25afb5; }
.visual-list .sub_tit.com{ border-color: #368dd0; }
.visual-list .sub_tit.int{ border-color: #3859ad; }
.visual-list .sub_tit span{ font-size: 18px; color: #999; position: absolute; margin-top: 15px; line-height: 1.3; display: block; }
.visual-list ul { display: flex;}
.visual-list ul li{ width: 263px; overflow:hidden; height: 245px; position: relative; margin-left:40px; background-color: #ccc; border-radius: 10px; box-shadow: 2px 3px 6px rgba(0, 0, 0, .5); transform: scale(0.98); -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transition: all 0.2s ease-in-out;}
.visual-list ul li .data_in{ display: block; position: relative; width: 263px; height: 100%; padding-top: 162px; box-sizing: border-box; }
.visual-list ul li .data_in .txt{ background-color: #fff; padding: 20px 16px; position: relative; border-radius: 0 0 10px 10px;}
.visual-list ul li .data_in .txt:before{ content: ''; display: block; position: absolute; width: 74px; height: 32px; top: -32px; right: 15px; background: url('/img/frn/visual_back.png') 0 0 no-repeat;}
.visual-list ul li .data_in .txt span{ color: #43b133; }
.visual-list ul li .data_in .txt p{ color: #666; margin-top: 10px; }
.visual-list ul li .data_in .img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; }
.visual-list ul li .data_in .img img{ width: 100%; font-size:0; }
.visual-list ul li .data_in .txt i{ position: absolute; width: 56px; height: 56px; top: -28px; right: 24px; }

.visual-list.amimal ul li .data_in .txt span{ color: #06817d; }
.visual-list.circula ul li .data_in .txt span{ color: #25afb5; }
.visual-list.comsump ul li .data_in .txt span{ color: #368dd0; }
.visual-list.interna ul li .data_in .txt span{ color: #3859ad; }

.visual-list ul li:hover{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); box-shadow: 7px 7px 6px rgba(0, 0, 0, .3);}
.visual_report .visual-list ul li{margin-left:0;}

/* 시각화서비스상세 상단 */

.visual_detail_head{ margin-top: 64px; position: relative;}
.visual_detail_head .tit_wrap h4{ font-size: 30px; line-height: 1; margin-bottom: 26px; }
.visual_detail_head .vd_listbtn{ position: absolute; top: 0; right: 0; }

/* 메인상단 슬라이드박스 */
/*
.menulistslide { background-color: #fff; position:relative; padding: 10px 15px 10px 15px; height: 259px; border: 1px solid #ccc; border-radius: 5px;}
.menulistslide a{ display: block; position: relative; height: 200px; box-sizing: border-box; }
.menulistslide .slide_box{height: 80px; display: flex; justify-content: space-between; align-items: center;}
.menulistslide .icn_cate{display: inline-block;}
.menulistslide .icn_cate.lt_icon{ width: 80px; }
.menulistslide .icn_cate.rt_icon{ width: 120px; }
.menulistslide .icn_cate img{ width:100%; }

.menulistslide .back-img{ height: 70px; display: block; width: auto; position:absolute; bottom: 70px; right: 0;}
.menulistslide .back-img img{height: 100%;}
*/

/* .menulistslide .slide_img_box{background-color: #fff; position:relative; padding: 10px 15px 10px 15px; border: 1px solid #ccc; border-radius: 5px;}
.menulistslide .slide_box{height: 80px; display: flex; justify-content: space-between; align-items: center;}
.menulistslide .icn_cate{display: inline-block;}
.menulistslide .icn_cate.lt_icon{ width: 80px; }
.menulistslide .icn_cate.rt_icon{ width: 120px; }
.menulistslide .icn_cate img{ width:100%; }
.menulistslide .back-img{height: 180px; display: block; width: auto;overflow:hidden;}
.menulistslide .back-img img{height: 100%;}
.menulistslide .slide_txt_box dt a{display:block;height:60px;color:#fff;font-size:20px;line-height:1.5;margin-top:10px;}
.menulistslide .slide_txt_box .price{color:#fff;}
 */
/* 임시 */
.wrap .gnb .searchWrap .inp_form input:focus{outline: 2px inset #ccc;}
.wrap .gnb .searchWrap .select select:focus{outline: 2px inset #ccc;}

/* 메인 슬라이드 3번 */

/*.reportmain .visual-list{ position: relative; height: 370px;}*/
.reportmain .visual-list .swiper-container{ padding: 50px 0 50px; width: 100%;}
.main_hotreport li .data_in .txt{ height:60px;}

.visual-list .swiper-button-prev{left: 120px;}
.visual-list .swiper-button-next{right:-30px;}
.visual-list {position: relative;}

.visual_report {width: 100%; height: 965px;}
.visual-list.visu_slide{width: 1100px; margin:0 auto;}
.visual-list.visu_slide ul li{height: 260px;}
.visual-list ul li .data_in .txt{height: 60px;}
.visual-list.visu_slide .swiper-button-prev{left: -50px;}
.visual-list.visu_slide .swiper-button-next{right:-50px;}
.visual-list .blind{ height: 100%; width: 100%; background: #000; opacity: 0.2; position: absolute; top: 0; }

/* 거래상세 팝업 테이블 */
.pop_wrap.pop_layble{padding: 15px 10px; color:#333;}
.pop_wrap.pop_layble .board_list.type_dataform th{background-color:#ccc; border-top: 1px solid #858585; border-bottom: 1px solid #828282;}
.pop_wrap.pop_layble .board_list.type_dataform td{color:#555;}
.pop_wrap.pop_layble .board_list.type_dataform strong{color:#444;}
.pop_wrap.pop_layble .board_list.type_dataform ul.bu01{margin-left:10px;}
.pop_wrap.pop_layble .pop_table .board_list.type_dataform p{ margin-top: 15px;}
.pop_wrap.pop_layble .btn{text-align:center; margin-top:35px;}
.pop_wrap.pop_layble .btn_org.btn_line>span{line-height: 2.8;}

/* 데이터 목록 상세 테이블 */
.board_list.sampl_dataform { padding: 5px 0; height: 300px; overflow-x: scroll; overflow-y: scroll;}
.board_list.sampl_dataform table tr:first-child { border-bottom: 1px solid #d2d2d2; }
.board_list.sampl_dataform table th{ font-weight: 500; font-size: 18px; padding: 10px 0;}
.board_list.sampl_dataform table td{ font-size: 16px; font-weight: normal; padding: 10px 0;}

/* 싱글 셀렉트박스 */
.single_select{display:inline-block;width:150px;vertical-align:middle;margin-right:20px;}

/* 시각화 분석정보 관리 컨텐츠 */
.view_info_wrap .detail_page .ui-tab-list{border:none;padding:0;}
.board_list table{border-top:none;}
.board_list table tbody th{border-top: 1px solid #e8e8e8;background: #f3f3f3;text-align: left;padding-left: 20px;vertical-align:middle;}
.board_list table tbody td{border-top: 1px solid #e8e8e8;padding: 12px 15px;vertical-align:middle;}
.content_page span.point {color: red;}
.sel_wrap select {width: 100%;height: 52px;padding: 0 0 0 15px;line-height: 50px;color: #666;font-size: 16px;background: #fafafa;border: 1px solid #e8e8e8;box-sizing: border-box;outline: none;}
.inp_wrap + .inp_wrap {margin-top: 10px;}

/* 데이터맵 */
.datamap_wrap .search_area:after{content: ''; display: table; clear: both;}
.datamap_wrap .search_area .searchWrap.cs{position:relative;right:auto;top:0;float:left;width:500px;margin-bottom:0;}
.datamap_wrap .data_wrap{top:0;}
.datamap_wrap .data_wrap .tab_list{padding-top:40px;}
.datamap_wrap .data_wrap .data_tab:after{content: ''; display: table; clear: both;}
.datamap_wrap .data_wrap .data_tab .view_opt{position:relative;margin-top:0;}
.datamap_wrap .data_wrap .data_tab .view_opt .view_item{border:none;background:#fff;}
.datamap_wrap .data_wrap .list_wrap{margin-top: 30px;}
.datamap_wrap .data_wrap .view_type_list{top:15px;}
.datamap_wrap .data_wrap .prList li .data_in{height:170px;padding:15px 18px;}
.datamap_wrap .data_wrap .prList li .ellipWrap{margin-top: 20px;}
.datamap_wrap .data_wrap .prList li p.ell{height: 4em;font-size: 18px;color: #333;-webkit-line-clamp: 2;}
.datamap_wrap .data_wrap .prList li .update{position: absolute;bottom: 15px;color: #666;font-size: 14px;}

/* 모달팝업 */
.modal_wrap{display: block;position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);}
.modal_wrap .modal_body{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color: #fff;padding: 30px;border: 1px solid #888;width:1000PX; min-height:200px;}
.modal_wrap .madal_close{position:absolute;top:20px;right:20px;display:block;width:27px;height:26px;background: url('/img/frn/modal_close.png') 0 0 no-repeat;text-indent:-9999px;}
.modal_content{margin-top:30px; width:100%}
.modal_wrap .modal_body .title{font-size:25px;color:#333;}
.modal_wrap .modal_body table{border-top:2px solid #333; width:100%}
.modal_wrap .modal_body table th,
.modal_wrap .modal_body table td{height:50px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding: 10px 20px;box-sizing: border-box;vertical-align:middle;text-align:left;}
.modal_wrap .modal_body table th:first-of-type{border-left:none;}
.modal_wrap .modal_body table td a{color:#007bff;}
.modal_footer{margin-top:30px;text-align:center;}
.modal_footer .madal_close02{display:inline-block;min-width:100px;height:50px;line-height:50px;font-size:16px;text-align:center;background:#333;color:#fff;}




/*20210426 검색박스 추가*/
.search_wrap .per01,
.search_wrap .per02 {
    float: left;
    padding-right: 11px;
}
.search_wrap .type_tab .ui-tab {
    border: 0;
}
.search_wrap .type_tab .ui-tab li {
    width: auto;
    border: 1px solid #d2d2d2;
}
.search_wrap .type_tab .ui-tab li>span:before {
    display: none;
}
.search_wrap .type_tab .ui-tab li>span {
    width: 65px;
    line-height: 32px;
    font-size: 14px;
}
.search_wrap .type_tab .ui-tab li>span label {text-align: center}
.search_wrap .type_tab .ui-tab li>span label::before {
    display: none;
}
.search_wrap .ui-tabWrap.type_tab input:checked+label.ui-tab-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #1784d8;
    color:#1784d8;
}
.search_wrap dd .ui-tabWrap.type_tab input:checked+label.ui-tab-btn{color:#1784d8}
.search_wrap .cal_wrap{float: left;padding-right:5px;}
.search_wrap .cal_wrap .calbox{display: inline-block;position: relative;}
.search_wrap .cal_wrap .calbox input{width: 124px;height: 38px;padding: 0 30px 0 15px;font-size: 14px;color: #333;line-height: 1;	border-color: #d2d2d2;}
.search_wrap .cal_wrap .calbox .icn_cal{position: absolute;	top: 50%;	right: 14px;	width: 14px;	height: 14px;	/*background: url('/img/frn/icn_ir.png') 0 0 no-repeat;*/	background-position: -353px -33px;	transform: translateY(-50%)}

/*회원가입 쪽 20210505 추가*/
.text-banner {
    margin-top: 9.25rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    letter-spacing: -0.0625rem;
    padding-left: 1.5625rem;
}
.text-banner p {
    margin-bottom: 1.875rem;
}
.box {
    border: 0.125rem solid #000000;
    padding: 2.4375rem 1.25rem;
}
.box.round-type {
    border-radius: 1.25rem;
}
.box.primary-type {
    border: 0.125rem solid #1784d8;
    color: #1784d8;
}
.box.gray-type {
    border: 0.125rem solid #31989f;
    color: #31989f;
}
.join_link_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.75rem;
}
.join_link_box .box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-right: 3.4375rem;
}
.join_link_box .box:last-child {
    margin-right: 0;
}
.join_link_box .box .join-title {
    text-align: center;
    line-height: 1.875rem;
    font-size: 1.25rem;
    margin-bottom: 3.0625rem;
}
.join-btn {
    display: block;
    width: 10.9375rem;
    font-size: 1.375rem;
    line-height: 3.625rem;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
}
.join-btn.btn-gray {
    background-color: #31989f;
}
.join-btn.btn-primary {
    background-color: #1784d8;
}

.type_notice_view * {    font-family: 'NotoKrR','맑은 고딕', 'Malgun Gothic', Helvetica, 'Apple SD Gothic Neo', sans-serif;    font-size: 100%;}
.type_notice_view b {font-weight: bold;}


/*210728 추가*/
/* 농산물 출하 추천 견적*/
.icon{display: inline-block;}
.weather{
    float: right;
    color:#666666;
    border:1px solid #d2d2d2;
    padding:0 14px;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
}
.weather .icon{
    width: 30px;
    height: 25px;
    margin-left: 8px;
    vertical-align: -5px;
    background: url('/img/frn/ico_weather.png') no-repeat center;
    background-size: contain;
}
.icon.toolMark{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url('/img/frn/ico_qMark.png') no-repeat center;
    background-size: contain;
    z-index: 99;
}

.rank_sort{text-align: center; margin-top: 30px;}

.rank_sort > ul{position: relative;}
.rank_sort > ul::after{content:''; display:block; clear:both;}
.rank_sort > ul > li{
    float: left;
    margin-right: 20px;
}
.rankTit{font-size: 20px; font-weight: 500;}
.rankBox{
    position: relative;
    border:1px solid #dcdcdc;
    padding: 30px 20px;
    margin-top: 10px;
}
.rankBox.is-active{
    background: #1784d8;
    border:1px solid #1784d8;
    color:#fff;
}
.rankBox.is-active .tooltipBox{color:#000;}
.rankBox strong{font-weight: 500; font-size: 20px;}
.rankBox span{
    display: block;
    line-height: 1.5;
    font-size: 18px;
}
.line{
    width: 170px;
    height:1px;
    background: #dcdcdc;
    margin:0.75rem 0;
}
.rankMore{
    position: relative;
    line-height: 230px;
}
.rankMore a{
    display:inline-block;
    width: 80px;
}
.rankMore a::after{
    content:'';
    width: 27px;
    height: 27px;
    background-image: url('/img/frn/ico_moreArrow.png');
    background-size: contain;

    position: absolute;
    top: 50%;
    right:-15px;
    transform:translateY(-50%);
}
.rankBox.is-active .tooltipBox{color:#000;}




.tooltipBox{
    position: absolute;
    top:-70px;
    right: -148px;
    text-align: left;
    background: url('/img/frn/bg_tooltip.png') no-repeat center;
    background-size: contain;
    padding:15px 20px 20px 20px;
    z-index: 100;

    display:none;
}
.tooltipBox.is-active{display:block;}
.tooltipBox.last{
    right: -11px;
    background: url('/img/frn/bg_tooltip_last.png') no-repeat center;
    background-size: contain;
}
.tooltipBox li{line-height: 1.5;}


.tooltipBox.lastSmall{
    width: auto;
    top: 50%;
    left: 50%;
    bottom: initial;
    right: initial;
    transform: translate(70px,-50%);

    background: #fff;
    padding: 10px;
    border:1px solid #ccc;
    border-radius: 10px;

    z-index: 100;
}
.tooltipBox.lastSmall:before{
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -7px;
    bottom: initial;
    right: initial;
    transform:translateY(-50%) rotate(-45deg);
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

.price_table table{width: 100%; text-align: center;}
.price_table table th{
    padding:16px;
    color:#333333;
    background: #f9f9f9;
    border:1px solid #e8e8e8;
}
.price_table table td{
    padding:12px;
    color:#666666;
    border:1px solid #e8e8e8;
    vertical-align: middle;
    position: relative;
}
/* .price_table table td.rightType{padding-right: 205px; text-align: right;} */
.price_table .toolMark {
    width: 15px;
    top: 50%;
    right: auto;
    margin-left: 10px;
    transform: translateY(-50%);
}


h3.grayTitle{font-size: 22px; color:#7c7c7c; text-align: center;}
.pointBlue{
    font-size: 40px;
    font-weight: 700;
    color:#1784d8;
    text-align: center;
}
.averageBox{margin-top: 20px;}
.averageBox .averPrice{margin-top:40px; margin-bottom: 70px;}
.averageBox .priceBox{width: 60%; margin: 0 auto;}
.averageBox .bar {
    background: #d2d2d2;
    border-radius: 10px;
    margin-bottom: 0.5rem;
}
.averageBox .bar .progress {
    background: #1784d8;
    height: 20px;
    border-radius: 10px 0px 0px 10px;
    position: relative;
}
.averageBox .bar .progress::after {
    content:'';
    width: 20px;
    height: 16px;
    background: url('/img/frn/ico_progress.png') no-repeat center;
    background-size: contain;
    position: absolute;
    top: -25px;
    right: -10px;
}
.averageBox .highrice{float: right;}

.graphBox{text-align: center;margin-top: 70px;}
.graphBox .graph{width: 80%; height: 400px; margin: 20px auto;}

.quantityBox{margin-top: 75px; margin-bottom: 70px;}
.quantityBox .quantity{
    width: 60%;
    margin:60px auto;
    overflow: hidden;
}
.quantityBox .quantity > div{
    float: left;
    width: 50%;
    text-align: center;
}
.quantityBox .quantity .amount{margin-bottom: 0.813rem;}


.viewSel{text-align: right; margin:20px 0;}
.viewSel select{
    outline:none;
    width: 150px;
    padding:6px 10px;
    padding-right: 30px;
    border:1px solid #d2d2d2;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:url('/img/frn/select_arrow.png') no-repeat 95%;
}

.price_list{text-align: center;}
.price_list table{width: 100%;}
.price_list table th{
    border:1px solid #e8e8e8;
    background-color: #f9f9f9;
    padding: 10px 0;
    vertical-align: middle;
    color:#333;
}
.price_list table th span{display:block;}

.price_list .yScroll{
    display:block;
    width: 100%;
    height: 410px;
    overflow-y: auto;
    margin-top: -1px;
}

.price_list table td{border:1px solid #e8e8e8; padding: 10px 0;	}
.price_list table td:last-child{border-right:none;}

.price_list tbody.yScroll td:nth-of-type(1) { width: 39px; }
.price_list tbody.yScroll td:nth-of-type(2) { width: 95px; }
.price_list tbody.yScroll td:nth-of-type(3) { width: 100px; }
.price_list tbody.yScroll td:nth-of-type(4) { width: 80px; }
.price_list tbody.yScroll td:nth-of-type(5) { width: 41px; }
.price_list tbody.yScroll td:nth-of-type(6) { width: 54px; }
.price_list tbody.yScroll td:nth-of-type(7) { width: 66px; }
.price_list tbody.yScroll td:nth-of-type(8) { width: 54px; }
.price_list tbody.yScroll td:nth-of-type(9) { width: 93px; }
.price_list tbody.yScroll td:nth-of-type(10) { width: 60px; }
.price_list tbody.yScroll td:nth-of-type(11) { width: 76px; }
.price_list tbody.yScroll td:nth-of-type(12) { width: 41px; }
.price_list tbody.yScroll td:nth-of-type(13) { width: 100px; }
.price_list tbody.yScroll td:nth-of-type(14) { width: 44px; }
.price_list tbody.yScroll td:nth-of-type(15) { width: 73px; }
.price_list tbody.yScroll td:nth-of-type(16) { width: 79px; }
.price_list tbody.yScroll td:nth-of-type(17) { width: 63px; }
.price_list tbody.yScroll td:nth-of-type(18) { width: 113px; }


/*---layer_popup---*/
.layer_popup{display:none;position: relative; z-index: 1000;}
.layer_popup.open{display:block;}
.layer_dim{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.layer_inner{
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width:520px;
    max-height:90vh;
    margin:auto;
    background: #fff;
    padding: 1.25rem;
}
.layer_inner .popTop{overflow: hidden; margin-bottom: 1rem; cursor:pointer;}
.layer_inner .popTop .btn_layer_close{
    width: 16px;
    float: right;
}
.layer_inner .popCont{text-align: center;}


.layer_inner .yScroll{
    display:block;
    max-height:184px;
    overflow-y: auto;
    margin-top: -1px;
}
.layer_inner .yScroll::-webkit-scrollbar {
    width:3px;
}
.layer_inner .yScroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.layer_inner .yScroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b3b3b3;
}
.layer_inner .yScroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

.layer_inner tr{
    display: table;
    width: 100%;
}
.layer_inner.noScroll tr{
    display:table-row;
}
.layer_inner thead tr{width: calc(100% - 5px);}
.layer_inner tbody.yScroll tr{width: calc(100% - 2px);}

.search-popup .btnClose{
    color:#fff;
    min-width: 129px;
    padding: 10px 0;
    background: #a0a0a0;
    float: right;
}

/* LAYER POPUP*/
.popCont ul.tabBtn_wrap{overflow: hidden;}
.popCont ul.tabBtn_wrap li{
    width: 50%;
    float: left;
    background: #dcdcdc;
}
.popCont ul.tabBtn_wrap li a{
    display:block;
    text-align: center;
    padding:10px 0;
    color:#fff;
}
.popCont ul.tabBtn_wrap li.is-active{background: #1784d8;}
.popCont .tabWrap{margin:20px 0;}
.popCont .tabCont{display:none;}



.popCont .itemList table{
    width: calc(100% - 3px);
    border-bottom:1px solid #dcdcdc;
}
.popCont .itemList td{
    width: 25%;
    padding:10px;
    border:1px solid #dcdcdc;
    border-bottom:none;
    height: 40px;
    vertical-align: middle;
}
.popCont .itemList td a{display:block; line-height: 40px;}

.popCont .noResult{text-align: left; margin-top: 0.938rem;margin-bottom: 0.938rem;}

.popCont .totalSearch .inputCustom{
    width: 100%;
    display: inline-block;
    border:1px solid #dcdcdc;
    box-sizing: border-box;
}
.popCont .totalSearch .inputCustom.hasBtn{width: 100%;}
.popCont .totalSearch .inputCustom.hasBtn .full{width: calc(100% - 45px);}

.popCont .totalSearch .inputCustom input[type="text"]{
    font-size: 16px;
    height: 40px;
    outline: none;
}
.popCont .totalSearch .inputCustom .inputIcon{
    display: inline-block;
    width:26px;
    height:26px;
    background: url('/img/frn/ico_inputSearch.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
    cursor:pointer;
}
.popCont .totalSearch table{width: 100%;}
.popCont .totalSearch tr:last-child{border-bottom:1px solid #dcdcdc;}
.popCont .totalSearch th{padding:18px 0; color:#7c7c7c;border:1px solid #dcdcdc; background: #f9f9f9;}
.popCont .totalSearch td{width:50%; padding:18px 0;border:1px solid #dcdcdc; border-bottom:none;}
.popCont .totalSearch td.find{color:#1784d8;}
/* //210728 추가*/

/*211029 추가 수정*/
.need{color:red; vertical-align: top;}
.mt60{margin-top: 60px;}

input.form_chk.block+label,
input.form_radio.block+label {
    display: block;
    position: relative;
    margin-left: 25px;
}

/*---layer_popup---*/
.layer_popup{display:none;position: relative; z-index: 1000;}
.layer_popup.open{display:none;}
.layer_dim{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.layer_inner{
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width:520px;
    max-height:90vh;
    margin:auto;
    background: #fff;
    padding: 1.25rem;
}
.layer_inner.wide{width: 800px;}
.layer_inner .popTop{overflow: hidden; margin-bottom: 1rem; cursor:pointer;}
.layer_inner .popTop .btn_layer_close{
    width: 16px;
    float: right;
}
.layer_inner .popCont{text-align: center;}
.layer_inner .popCont.leftType{text-align: left;}


.layer_inner .yScroll{
    display:block;
    max-height:184px;
    overflow-y: auto;
    margin-top: -1px;
}
.layer_inner .yScroll::-webkit-scrollbar {
    width:3px;
}
.layer_inner .yScroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.layer_inner .yScroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b3b3b3;
}
.layer_inner .yScroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

.layer_inner tr{
    display: table;
    width: 100%;
}
.layer_inner.noScroll tr{
    display:table-row;
}
.layer_inner thead tr{width: calc(100% - 5px);}
.layer_inner tbody.yScroll tr{width: calc(100% - 2px);}


.layer_inner .popBottom{text-align: center;}
.layer_inner .btnClose{
    color:#fff;
    min-width: 129px;
    padding: 10px 0;
    background: #a0a0a0;
    float: right;
}
.layer_inner .btnClose.wide{
    min-width: 400px;
    margin: 0 auto;
    float: inherit;
}
.layer_inner .btnClose.is-active{
    background: #1784d8;
}

/* LAYER POPUP*/
.popCont ul.tabBtn_wrap{overflow: hidden;}
.popCont ul.tabBtn_wrap li{
    width: 50%;
    float: left;
    background: #dcdcdc;
}
.popCont ul.tabBtn_wrap li a{
    display:block;
    text-align: center;
    padding:10px 0;
    color:#fff;
}
.popCont ul.tabBtn_wrap li.is-active{background: #1784d8;}
.popCont .tabWrap{margin:20px 0;}
.popCont .tabCont{display:none;}



.popCont .itemList table{
    width: calc(100% - 3px);
    border-bottom:1px solid #dcdcdc;
}
.popCont .itemList td{
    width: 25%;
    padding:10px;
    border:1px solid #dcdcdc;
    border-bottom:none;
    height: 40px;
    vertical-align: middle;
}
.popCont .itemList td a{display:block; line-height: 40px;}

.popCont .noResult{text-align: left; margin-top: 0.938rem;margin-bottom: 0.938rem;}

.popCont .totalSearch .inputCustom{
    width: 520px;
    display: inline-block;
    border:1px solid #dcdcdc;
    box-sizing: border-box;
}
.popCont .totalSearch .inputCustom.hasBtn{width: 100%;}
.popCont .totalSearch .inputCustom.hasBtn .full{width: calc(100% - 45px);}

.popCont .totalSearch .inputCustom input[type="text"]{
    font-size: 16px;
    height: 40px;
    outline: none;
}
.popCont .totalSearch .inputCustom .inputIcon{
    display: inline-block;
    width:26px;
    height:26px;
    background: url('../../img/frn/ico_inputSearch.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
    cursor:pointer;
}
.popCont .totalSearch table{width: 100%;}
.popCont .totalSearch tr:last-child{border-bottom:1px solid #dcdcdc;}
.popCont .totalSearch th{padding:18px 0; color:#7c7c7c;border:1px solid #dcdcdc; background: #f9f9f9;}
.popCont .totalSearch td{width:50%; padding:18px 0;border:1px solid #dcdcdc; border-bottom:none;}
.popCont .totalSearch td.find{color:#1784d8;}
/* //210728 추가*/


.popCont h1{font-size: 24px; font-weight: bold;}
.popCont h1 .sm_comment{font-size: 14px; color:#999; float: right;}
.popCont h2{font-size: 18px; font-weight: bold; margin-top: 32px; margin-bottom: 10px;}


.assignInput-popup{color:#333;}
.assignInput-popup label{font-weight: 500; line-height: 35px;}
.assignInput-popup input.form_radio+label:before {
    position: absolute;
    top: 8px;
    left: -25px;
}
.assignInput-popup .inputCustom{
    display: block;
    padding: 0 15px;
    border:1px solid #dcdcdc;
    box-sizing: border-box;
}
.assignInput-popup .inputCustom input::placeholder {color: #999;}
.assignInput-popup .inputCustom input::-ms-placeholder {color: #999;}

.assignInput-popup .inputCustom .full{width: 100%;}
.assignInput-popup .inputCustom.chkType{width:calc(100% - 25px); margin-left: 25px;}

.assignInput-popup .inputCustom input[type="text"]{
    font-size: 16px;
    height: 40px;
    outline: none;
}

/* //211029 추가 수정*/


/* 데이터 서비스 설명박스*/
.content .service_detail_wrap{
    padding-bottom: 50px;
}
.service_detail_wrap .service_detail_box h3 {
    color: #1784D8;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}
.service_detail_wrap .service_detail_box .service_detail_box_txt {
    background-color: #FBFBFB;
    padding: 20px 25px 0px 25px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.service_detail_wrap .service_detail_box .service_detail_box_txt li:before {
    content: '';
    display: inline-block;
    clear: both;
    margin-top: 8px;
    margin-right: 6px;
    width: 6px;
    height: 6px;
    background-color: #1784D8;
    vertical-align: top;
}
.service_detail_wrap .service_detail_box .service_detail_box_txt li {
    padding-bottom: 20px;
    line-height: 145%;
}
.service_detail_wrap .service_detail_box:first-child
.service_detail_box_txt li p{
    padding-left: 14px;
    color: #666666;
}
.service_detail_wrap .service_detail_box:first-child
.service_detail_box_txt li .service_txt {
    font-size: 14px;
    margin-left: 5px;
    color: #8A8A8A;
}
/* //220316 데이터서비스 설명박스 추가  end */


/* 20220415 수정일, 데이터 유형, 갱신 주기 추가 및 title, subtitle 수정 */
.prList.listType li .data_in .txt_modDate {display: none !important}
.prList li .data_in .txt_modDate {
    display: block !important;
    float: right;
    color: #999999;
}
.prList li .data_in .ellipWrap .ell {display: none !important}
.prList.listType li .data_in .ellipWrap .ell {display: block !important; white-space:nowrap; -webkit-line-clamp: 1;}

.prList li .data_in .item_title_wrap {height: 100px}
.prList.listType li .data_in .item_title_wrap {height: 1em; padding-top: 10px;}
.prList li .data_in p.item_title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: breark-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #333;
    font-size: 24px;
    padding-top: 10px;
    line-height: 1.2em;
}
.prList.listType li .data_in p.item_title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: breark-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    padding-top: 0px;
    line-height: 1em;
}

.prList li .data_in .format_wrap{color: #333; margin-bottom: 5px;}
.prList.listType li .data_in .format_wrap{display: none !important;}
.prList li .data_in .format_wrap .li_file_format {margin-right: 7px}
.prList li .data_in .format_wrap .li_file_format em {
    font-size: 14px;
    padding: 0px 12px;
    border-radius: 10px;
    color: #fff;
}
.prList li .data_in .format_wrap .li_file_format:nth-of-type(1) em{background-color: #03A9F4;}
.prList li .data_in .format_wrap .li_file_format:nth-of-type(2) em{background-color: #8BC34A;}

.prList li .data_in .unit_wrap.txt_info {margin-top:0px}

.wrap .prList li .unit_wrap .download .num {
    color: #333;
    line-height: 13px;
    vertical-align: baseline;
    letter-spacing: 0;
    margin-right: -5px;
}

/* .prList li .data_in .unit_wrap .star {display: none;}
.prList.listType li .data_in .unit_wrap .star {display: inline-block;} */

/****** (sta) 출하반장 설명페이지 추가 220503 *******/
/* 출하반장 소개 및 제공서비스*/
.shipOut_page { width:1280px; height: 860px; margin: 0 auto; }
.shipOut_page .shipOut_intro {
    background-image: -webkit-linear-gradient(left, #0682E2, #7D3CDE);
    background-image: linear-gradient(to right, #0682E2, #7D3CDE);
    width: 1280px;
    height: 98px;
}
.shipOut_page .shipOut_intro .txt {
    color: #ffffff;
    padding: 20px 0 0 25px;
}
.shipOut_page .txt span{ color: #333333; }
.shipOut_page section { width: 1000px; border: 1px solid #333;}
.shipOut_page .shipOut_service { width: 1000px; margin-top: 50px; display: flex; justify-content: space-between; margin-left: 140px;}
.shipOut_page .shipOut_service>li {
    box-sizing : border-box;
    border: 1px solid #E9E9E9;
    border-radius : 10px;
    width: 300px;
    height: 430px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shipOut_page .shipOut_service li .service_icon { width: 120px; height: 120px; margin: 30px 0 25px 0;}
.shipOut_page .shipOut_service .txt_line {
    width: 260px;
    border: 1px solid #E9E9E9;
    margin: 15px 0;
}
.shipOut_page .shipOut_service .txt {
    width: 260px;
    white-space: normal;
    line-height: 140% !important;
}
.shipOut_page .shipOut_service .title { color:#113366; font-weight: 500; text-align: center; }
.shipOut_service .shipOut_service_sub {display: flex; width: 260px; flex-wrap: wrap; margin-top: 30px;}
.shipOut_service .shipOut_service_sub>li {
    box-sizing: border-box;
    font-size: 14px;
    padding: 4px 8px;
    background-color: #F0F2F3;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #666666;
    text-align: center;
    margin: 0 10px 10px 0;
}
.shipOut_service .shipOut_service_sub>li.dot { border: 1px dashed #CCCCCC;}
.shipOut_page .service_dot {position: absolute; margin-top: 450px; color: #999999; font-size: 14px;}

/* 출하반장 기대효과 및 서비스흐름도*/
.shipOut_page2 { width: 100%; margin: 0 auto; padding:25px 0 50px 0; }
.page2_bg {background-color: #FBFBFB; padding-bottom: 80px;}
/* 출하반장 홍보영상 및 바로가기*/
#shipOut_page3 {
    width: 100%;
    height: 900px;
    margin: 0 auto;
    margin-bottom : -100px;
    background-color:#7FC0EA;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shipOut_page3 .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shipOut_page3 .title {
    font-size: 32px;
    line-height: 150%;
    text-align: center;
    color: #113366;
}
.shipOut_page3 .title span { font-size: 32px !important; font-weight: 500;}
.shipOut_page3 .content iframe {margin: 50px 0 40px 0}
.shipOut_page3 .content .shipOut_btn {
    background-image: -webkit-linear-gradient(left, #0682E2, #7D3CDE);
    background-image: linear-gradient(to right, #0682E2, #7D3CDE);
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: -1px;
    color: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
    margin-bottom: 40px;
    display: block;
}
.shipOut_page3 .content .shipOut_qr { display: flex}
.shipOut_page3 .content .shipOut_qr .txt {
    line-height: 150%;
    margin-left: 20px;
    color: #113366;
}
.shipOut_page3 .content .shipOut_qr .txt span{ font-weight: 500;}
/****** (end) 출하반장 설명페이지 추가 220503 *******/

/****** (sta) 구독서비스 강화(목록) 추가 220517 *******/
.wrap .prList.subscribeServiceListType li {width: 100%;	height: 250px}
.wrap .prList.subscribeServiceListType li .data_in {width: 100%; height: 250px;	padding-left : 268px;}
.wrap .prList.subscribeServiceListType li .rt_icon{
    width: 180px;
    height : 194px;
    left: 44px;
    top: 28px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap .prList.subscribeServiceListType li .rt_icon>img {max-width: 100%; max-height: 100%}
.prList.subscribeServiceListType li .data_in .fee {height: 194px !important}
.prList.subscribeServiceListType li .data_in .fee>.fee_name::before {content: none !important;}
.prList.subscribeServiceListType li .data_in .fee>.fee_name {color: #1784d8 !important;	top: auto;	bottom: 0;	width: 305px;}
.files_period {
    position: absolute;
    top: 50px;
    right: 0;
    width: 323px;
    font-size: 15px;
    font-weight: normal;
    color: #a9a9a9;
    height: 30px;
}
.files_period dd {float: right; margin-right: 20px}
.files_period dt  {float: left}
.files_period .file {font-size: 12px; font-weight: bold; display: inline-block; padding: 3px 10px; border-radius: 10px}
.files_period .file.on {color: #1784d8; border: 1px solid #1784d8;}
.prList.subscribeServiceListType li .data_in .fee>.files_period::before {
    content: '';
    clear: both;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 4px;
    left: -10px;
    background-color: #a9a9a9;
    border-radius: 3px 3px 3px 3px;
}
.prList.subscribeServiceListType li .data_in .unit_wrap{position: absolute;	bottom: 28px;}
.prList.subscribeServiceListType li .data_in .unit_wrap>.star {margin-bottom: 20px;}
.prList.subscribeServiceListType li .data_in .txt_modDate {display: block !important; margin-right: 470px}
/****** (end) 구독서비스 강화(목록) 추가 220517 *******/

/****** (sta) 220715 데이터 활용사례 ******/
.wrap .caseList {clear: both; position: relative; overflow: hidden;	width: 1320px;}
.wrap .frnUseCase_wrap {padding-top: 30px;}
.wrap .useCase_wrap h3 { font-size: 20px; padding: 10px 0 30px 0}
.wrap .caseList li:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease;
}
.wrap .caseList li {float: left; position: relative; margin: 0 23px 30px 0;}
.wrap .caseList li .mcpCase_in,
.wrap .caseList li .frnCase_in {
    display: block;
    position: relative;
    width: 303px;
    height: 372px;
    border: 1px solid #b2b2b2;
    border-radius : 20px 20px 0 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.wrap .caseList li .frnCase_in {height: 312px}
.caseList li .mcpCase_in .caseThumb,
.caseList li .frnCase_in .caseThumb {
    width: 100%;
    height: 162px;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #b2b2b2;
}
.caseList li .frnCase_in .caseThumb {height: 142px;}
.caseList li .mcpCase_in .caseThumb img, .caseList li .frnCase_in .caseThumb img {width: 100%; height: 100%;}
.caseList li .mcpCase_in .ellipWrap, .caseList li .frnCase_in .ellipWrap {padding: 8px 20px;}
.caseList li .mcpCase_in .ellipWrap p.title, .caseList li .frnCase_in .ellipWrap p.title {
    margin-bottom: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.caseList li .mcpCase_in .rt_icon {position: absolute; width: 145px; bottom: 10px; right: 20px}
.caseList li .mcpCase_in .rt_icon img {width: 100%;}
.mcpUseCase_wrap .swipe_nav { position: absolute; top: 20px; right: 0}
.frnUseCase_wrap .swipe_nav { position: absolute; top: 512px; right: 0}
.mcpUseCase_wrap .swipe_nav .swiper-pagination,
.frnUseCase_wrap .swipe_nav .swiper-pagination {
    float: left;
    padding-right: 10px;
    position: static;
    top: auto;
    left: auto;
    font-size: 14px;
    color: #999;
    line-height: 25px;
}
.useCase_wrap .swipe_nav .swiper-button-prev:before,
.useCase_wrap .swipe_nav .swiper-button-next:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #d2d2d2;
    border-left: 0;
}
.useCase_wrap .swipe_nav .swiper-button-prev,
.useCase_wrap .swipe_nav .swiper-button-next {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0;
    position: relative;
    left: auto;
    right: auto;
    background: url(/img/frn/icn_ir.png) 0 0 no-repeat;
    opacity: 1;
    outline: none;
}
.useCase_wrap .swipe_nav .swiper-button-prev { background-position: -287px -84px; border-left: 1px solid #d2d2d2;}
.useCase_wrap .swipe_nav .swiper-button-next { background-position: -311px -84px; left: -1;}
.useCase_info .dataUseImg {width: 420px; height: 250px; overflow: hidden}
.useCase_info .dataUseImg img {width: 100%; height: 100%}
.useCase_info .detail_wrap .useCase_info_wrap {width: 100%; height: 250px;}
.useCase_info .detail_wrap .useCase_info_wrap .info_txt { margin-top: 20px; }
.useCase_info .detail_wrap .useCase_info_wrap .info_txt p.txt { line-height: 1.5em; margin-bottom: 20px; }
.useCase_info .detail_wrap .useCase_info_wrap .info_txt span {color: #666;}
/****** (end) 220715 데이터 활용사례 ******/

/*no data*/
.no_data_wrap {
    width: 1280px;
    height: 350px;
    background-color: #F6F6F6 !important;
    border-radius: 10px;
    background: url(/img/frn/icn_no_data.png) no-repeat center center;
}

/***** (sta) main 스타일 변경_220725 *****/
.box_edge20 {border-radius: 20px 20px 0 20px;}
.box_edge10 {border-radius: 10px 10px 0 10px;}
.edge_ae {	box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.25);}

.sec01_wrap .swiper-sec01 .popUp_wrap {
    width: 623px;
    height: 350px;
    position: absolute;
    left: 70px;
    top: 78px;
}
.sec01_wrap .popUp_wrap .swiper-container .swiper-slide {
    width: 623px;
    height: 350px;
    overflow: hidden;
    border-radius: 10px 10px 0 10px;
    cursor: pointer;
}
.sec01_wrap .popUp_wrap .popUp_slide, .sec01_wrap .popUp_wrap .popUp_slide img{width: 100%;	height: 100%;}
.sec01_wrap .popUp_wrap .swiper-pagination {width: 623px;margin-top: 19px}
.popUp_wrap .swiper-pagination-bullet {
    background: #1784D8 !important;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    opacity: 0.4
}
.popUp_wrap .swiper-pagination-bullet-active {opacity: 1;height: 10px !important;border-radius: 10px !important;}
.wrap.main .popUp_wrap .swiper-button-prev,
.wrap.main .popUp_wrap .swiper-button-next,
.wrap.main .popUp_wrap .swiper-button-pause {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 385px !important
}
.wrap.main .swiper-button-prev:focus,
.wrap.main .swiper-button-next:focus,
.wrap.main .swiper-button-pause:focus {
    outline: none;
    border: none;
}
.wrap.main .popUp_wrap .swiper-button-prev {background: #1784D8 url(/img/frn/icn_prev.png) no-repeat center center !important; left: 522px !important}
.wrap.main .popUp_wrap .swiper-button-next {background: #1784D8 url(/img/frn/icn_next.png) no-repeat center center !important; right: 0px !important}
.wrap.main .popUp_wrap .swiper-button-pause {background: #1784D8 url(/img/frn/icn_pause.png) no-repeat center center !important; left: 558px !important; top: 363px !important;}
.sec01_wrap .main_catgWrap {position: absolute; top: 295px;	left: 753px}
.main_catgWrap h4 {	font-size: 18px;color: #1784D8;	margin-bottom: 10px}
.main_catgWrap .main_catgList li {float: left; padding-right: 4px;}
.main_catgWrap .main_catgList li a {
    display: block;
    width: 86px;
    height: 105px;
    background-color: #fff;
    border-radius: 10px 10px 0 10px;
    box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.25);
}
.main_catgWrap .main_catgList li a.active {color: #fff; background-color: #1784D8;}
.main_catgWrap .main_catgList .catg_ico {text-align: center; display: block;}
.main_catgWrap .main_catgList .catg_ico:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding-top: 15px;
}
.main_catgWrap .main_catgList .label-01:before {background: url('/img/frn/cate_ico_01.png') center/67% no-repeat}
.main_catgWrap .main_catgList .label-02:before {background: url('/img/frn/cate_ico_02.png') center/80% no-repeat}
.main_catgWrap .main_catgList .label-03:before {background: url('/img/frn/cate_ico_03.png') center 20px/80% no-repeat}
.main_catgWrap .main_catgList .label-04:before {background: url('/img/frn/cate_ico_04.png') center 17px/80% no-repeat}
.main_catgWrap .main_catgList .label-05:before {background: url('/img/frn/cate_ico_05.png') center/68% no-repeat}

.main_catgWrap .main_catgList li a:hover .catg_ico.label-01:before {background: url('/img/frn/cate_ico_01_w.png') center/67% no-repeat}
.main_catgWrap .main_catgList li a:hover .catg_ico.label-02:before {background: url('/img/frn/cate_ico_02_w.png') center/80% no-repeat}
.main_catgWrap .main_catgList li a:hover .catg_ico.label-03:before {background: url('/img/frn/cate_ico_03_w.png') center 20px/80% no-repeat}
.main_catgWrap .main_catgList li a:hover .catg_ico.label-04:before {background: url('/img/frn/cate_ico_04_w.png') center 17px/80% no-repeat}
.main_catgWrap .main_catgList li a:hover .catg_ico.label-05:before {background: url('/img/frn/cate_ico_05_w.png') center/68% no-repeat}

.dataStatus_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #1784D8;
    border-radius: 20px 20px 0 0;
    width: 100%;
    height: 98px;
    color: #fff;
    display: flex;
    align-items: center;
}
.dataStatus_wrap h4 {font-size: 28px;margin: 0 62px 0 143px;}
.dataStatus_wrap .dataStatus_list li:before {
    content: '';
    position: absolute;
    height: 40px;
    display: block;
    border-left: 1px solid #51A3E2;
    top: 30px
}
.dataStatus_wrap .dataStatus_list li {float: left; width: 150px}
.dataStatus_wrap .dataStatus_list li:last-child:after {
    content: '';
    position: absolute;
    height: 40px;
    display: block;
    border-right: 1px solid #51A3E2;
    top: 30px;
    margin-left: 150px
}
.dataStatus_wrap .dataStatus_list li p {text-align: center}
.dataStatus_wrap .dataStatus_list p.item_catg {font-size: 20px;	margin-bottom: 10px}
.dataStatus_wrap .dataStatus_list p.item_num em {font-size: 28px; color: #C2ECFF}
.dataStatus_wrap .dataStatus_list p.item_num em span {font-size: 16px;	color: #fff; margin-left: 3px}

.prdSlide_Wrap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE8 */
    filter: alpha(opacity = 0); /*IE5~7, 8~9 */
    opacity: 0; /*Modern Browser*/
    position: absolute;
    margin-top: 5px;
    width: 1150px;
    left:70px;
}
.opacity {
    opacity: 1;
}
.main_prdList_wrap {width: 100%; height: 598px;}
.main_prdList_wrap .slide_tab {
    display: flex;
    justify-content: space-between;
    padding: 70px 0 20px 0;
    align-items: center;
}
.main_prdList_wrap .slide_tab .catg_tab {
    display: flex;
    width: 300px;
    justify-content: space-between
}
.main_prdList_wrap .slide_tab .catg_tab li .tab {
    font-size: 28px;
    font-weight: 500;
    color: #B7B7B7;
    width: 200px
}
.main_prdList_wrap .slide_tab .catg_tab li .tab.active {color: #000}
.main_prdList_wrap .slide_tab .catg_tab li:last-child:before {
    content: '';
    display: block;
    border-left: 1px solid #b7b7b7;
    height: 25px;
    position: absolute;
    margin-top: 2px;
    margin-left: -20px
}
.main_prdList_wrap .catg_sub_tab {width: 355px; display: flex; justify-content: space-between}
.main_prdList_wrap .catg_sub_tab li a {	font-size: 22px; font-weight: 400; color: #333}
.main_prdList_wrap .catg_sub_tab li a.active {font-weight: 500;	color: #1784D8;	padding-bottom: 5px; border-bottom: 3px solid #1784D8;}
.main_prdList_wrap .prdSlide_Wrap .swiper-container {
    height: 395px !important;
    box-sizing:border-box
    left: 0;
    top: 0;
    padding:15px
}
.main_prdList_wrap .prdSlide_Wrap .swiper-container .swiper-slide {
    border: 1px solid #CCCCCC;
    overflow: hidden;
    background-color: #fff;
    box-sizing:border-box;
    /* 	height: 375px !important;
    width: 345px !important; */
}
.main_prdList_wrap .prdSlide_Wrap .swiper-container .swiper-slide:hover	{border: 1px solid #1784D8}
.main_prdList_wrap .prdSlide_Wrap .main_prdSlide {display: block; position: relative; width: 100%; height: 100%;}
.main_prdList_wrap .prdSlide_Wrap .swiper-button-prev {left: -50px}
.main_prdList_wrap .prdSlide_Wrap .swiper-button-next {right: -50px}

.main_prdSlide .slide_img_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    width: 100%
}
.main_prdSlide .slide_img_box .icn_cate.lt_icon {width: 90px}
.slide_img_box .icn_cate {display: inline-block;}
.slide_img_box .icn_cate img {width: 100%}
.slide_img_box .icn_cate.rt_icon {width: 130px; margin-right: 25px}
.slide_img_box .slide_badge {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85px;
    height: 90px;
    position: absolute;
    left: 90px
}
.slide_img_box .icn_rank, .slide_img_box .icn_new {
    width: 40px;
    height: 40px;
    border-radius: 10px 10px 0 10px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 400
}
.slide_img_box .icn_rank {background-color: #1784D8}
.slide_img_box .icn_new {background-color: #7D3CDE}
.slide_img_box .icn_new:before {content: "N"}
.main_prdSlide .slide_back_img {
    font-size: 0;
    height: 160px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-top: -15px;
    width: auto;
}
.main_prdSlide .slide_back_img img {height: 100%}
.main_prdSlide .slide_txt_box {padding: 10px 25px}
.main_prdSlide .slide_txt_box dt {
    display: block;
    color: #333;
    font-size: 20px;
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 80px;
}
.main_prdSlide .slide_txt_box dd.order {position: relative;	text-align: left}
.main_prdSlide .slide_txt_box dd.order .price {
    color: #1784D8;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600
}

.main_dataUseCase {
    width: 100%;
    height: 447px;
    background: url(/img/frn/main_subbg03.png) no-repeat center;
    background-size: cover
}
.main_dataUseCase h2 {
    font-size: 28px;
    padding: 0px 35px 25px 0;
    position: relative;
    display: inline-block;
    margin: 70px 0 0 0
}
.main_dataUseCase .ducList_wrap .swiper-container {padding: 20px 12px;	margin-top: -20px}
.main_dataUseCase h2 button.btn_more {
    top: 2px;
    right: 0;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(/img/frn/ico_moreArrow.png);
    text-indent: -1000px;
    overflow: hidden;
    background-size: 25px 25px;
    cursor: pointer;
}
.ducList_wrap .swiper-slide .ducList_slide .ducList_in {
    display: block;
    position: relative;
    width: 290px;
    height: 250px;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    background-color: #fff;
}
.ducList_wrap .swiper-slide .ducList_slide .ducList_in:hover {border: 1px solid #1784D8;}
.ducList_wrap .swiper-slide .ducList_slide .ducList_in:hover .rt_icon {border-bottom-color: #1784D8;}
.ducList_wrap .swiper-slide .ducList_slide .ducList_in .rt_icon {
    width: 288px;
    height: 100px;
    overflow: hidden;
    display: block;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #CCCCCC;
}
.ducList_wrap .swiper-slide .ducList_slide .ducList_in .rt_icon img {height: 60px; width: 70%}
.ducList_wrap .swiper-slide .ducList_slide .ducList_in .ellipWrap {padding: 0 20px 0 20px;}

.ducList_slide .ducList_in .ellipWrap .title {
    text-align: left;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 15px 0 10px 0;
}
.main_dataUseCase .ducList_wrap {position: relative; height: 100%;}
.main_dataUseCase .ducList_wrap .swiper-button-prev {position: absolute; top: 243px; left: -39px}
.main_dataUseCase .ducList_wrap .swiper-button-next {position: absolute; top: 243px; right: -29px}

.sec_main05 .sec_community .txt_box li {width: 410px;}
.quickMenu {
    position: fixed;
    width: 90px;
    height: 90px;
    right: 135px;
    bottom: 110px;
    background: url(/img/frn/quickMenu.png) no-repeat center;
    display: inline-block;
    border-radius: 50%;
    z-index: 11
}
.quickMenu span {font-size: 0}

/***** (end) main 스타일 변경_220725 *****/

/*** 개인정보처리방침 ***/
.icn_logo {padding: 20px 0 10px 10px}
.acount_wrap {
    width: 830px;
    padding: 0 10px;
    position: relative;
}
.content.acount_wrap .agree_box {clear: both; }
.content.acount_wrap .agree_box .title_bar {
    display: block;
    background-color: #1784D8;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
}
.acount_wrap .agree_box .term_uint {
    position: absolute;
    left: 10px;
    width: 830px;
}
.agree_box .title_bar .acount_tab {display: flex;}
.agree_box .title_bar .acount_tab li{
    padding: 0px 10px;
}
.agree_box .title_bar .acount_tab li:first-child { padding-left: 0;}
.agree_box .title_bar .acount_tab .tab {color: #C2ECFF;}
.title_bar .acount_tab li .tab.active {
    color: #fff;
    font-weight: 500;
}
.acountImg {display: flex; margin: 20px auto; width: 600px; }

.content.acount_wrap .agree_box .terms_txt {
    margin: 5px 0;
    padding: 15px 12px 12px;
    background: #f6f5f8;
    border: 1px solid #efeef0;
}

/********* 상품목록 - 할인표시 및 신규데이터 표시 *********/
.prd_badge {
    position: absolute;
    right: 96px;
    bottom : 30px;
    display: flex;
    justify-content: flex-end;

}
.prd_badge .icn_new:before {
    content: "N";
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 32px;
    width: 32px;
    height: 32px;
    display: block;
    float: right;
}
.prd_badge .icn_new {
    background-color: #7D3CDE;
    overflow: hidden;
    width: 32px;
    height: 32px;
    display: block;
    font-size: 0;
    border-radius: 3px;
}

.prd_badge .is_dc {
    background: url('/img/frn/dc_icn.png')no-repeat;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    text-indent: -1000px;
    overflow: hidden;
    display: block;
    margin-left: 6px;
}

.spanWordWrap, .pWordWrap > p {
    word-wrap: break-word;
    width : 100%;
    display: inline-block;
}

.price_wrap .price .is_dcYn:before {
    content: "(할인) ";
    color: #FC2C62;
}

.user_dcPrice {
    color: #999999;
    text-decoration: line-through;
    position: absolute;
    right: 71px;
    bottom: 303px;
    font-size: 17px !important;
}

.dcOffer_page .dcOffer_txt {
    color: #333;
    border-top: 2px solid #e9e9e9;
}
.dcOffer_txt li {
    line-height: 190%;
    margin-top: 35px;
    padding-bottom: 15px;
}
.dcOffer_txt li:last-child { padding-bottom: 50px;}
.dcOffer_txt h3:before {
    content: "";
    display: inline-block;
    clear: both;
    width: 5px;
    height: 20px;
    background-color: #1784D8;
    position: absolute;
    vertical-align: middle;
    margin-top: 5px;
    left: 0;
}
.dcOffer_txt h3 {
    padding-left: 15px;
    font-size: 18px;
    color: #000;
}
.dcOffer_txt p.dot:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666666;
    display: inline-block;
    position: absolute;
    left: 0;
    margin-top: 14px;
}
.dcOffer_txt p.dot {padding-left: 12px;}
.dcOffer_txt span.txt_sub:before { content: "*"; color: #FC2C62;}
.dcOffer_txt span.txt_sub {
    display: block;
    color: #666;
}
.dcOffer_board table { width: 100%;	margin: 10px 0;}
.dcOffer_board table tbody th {
    padding: 12px 15px;
    background-color: #f3f3f3;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
    text-align: center;
}
.dcOffer_board table tbody td {
    padding: 12px 15px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    vertical-align: middle;
    text-align: left;
    color: #666;
}
.dcOffer_board table tbody tr:first-child th {
    border-right:
}

.addfile_wrap button.file_help:before {
    content: "?";
    display: block;
    position: relative;
    right: 10px;
    top: -2px;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    background-color: #1784D8;
}

.discountOffer_wrap .term_uint .label-txt sub {
    font-size: 12px;
    color: #1784d8;
}
.discountOffer_wrap .term_uint .terms_txt {
    height: 150px;
    padding: 15px 12px 12px;
    background: #f6f5f8;
    border: 1px solid #efee0;
    overflow-y: scroll;
    margin: 30px 0 5px 0;
}
.dcOffer_popUpWrap {padding: 20px;}
.dcOffer_popUpWrap .dcOffer_txt h4.tit { font-size: 20px; }

.dcOffer_popUpWrap .btn_no {margin: 0 auto; display: flex;}

.dcOffer_intro {
    margin: 20px 0;
}

/*할인회원 신청 개인정보 수집 및 이용 동의란*/
.dcOffer_intro p.txt {
    font-family: '돋움';
    font-size: 13px;
    line-height: 1.6;
}
.dcOffer_table { margin-top: 40px;}
.dcOffer_table h4 {font-size: 16px; margin-bottom: 10px;}
.dcOffer_table table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
    border: none;
    border-collapse: collapse;
    font-size: 13px;
    user-select: none;
}
.dcOffer_table table th {
    padding: 5px;
    text-align: center;
    border: 1px solid #d2d2d2;
    color: #333;
    background: #f9f9f9;
}
.dcOffer_table table td {
    padding: 15px;
    overflow-wrap: break-word;
    border: 1px solid #d2d2d2;
    background: #fff;
    vertical-align: middle;
    line-height: 1.6;
    text-align: center;
}
.dcOffer_table table td:first-child {
    text-align: left;
}
.dcOffer_table table td.import {
    color: #FF0000;
    font-weight: bold;
}
.dcOffer_table p.sub_txt {
    font-size: 12px;
    line-height: 1;
}
.dcOffer_table span.under {
    text-decoration: underline
}