@charset "UTF-8";
/*
 * @file    - style_web.css
 * @desc    - 아주캐피탈 딜러라운지
 * @author  - Park inkyung
 * @date    - 2019.01.25 ~
 * @contact - inkp@plnc.co.kr
 *
*/
/* **************************************** *
 * FONT
 * **************************************** */
@font-face {
    font-family:"Barun";
    src:url("../fonts/NanumBarunGothic.eot");
    src:url("../fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/NanumBarunGothic.woff") format("woff");
}
@font-face {
    font-family:"BarunB";
    src:url("../fonts/NanumBarunGothicBold.eot");
    src:url("../fonts/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/NanumBarunGothicBold.woff") format("woff");
}

/* **************************************** *
 * RESET
 * **************************************** */
* {font-family: "Barun", "BarunB", sans-serif; box-sizing: border-box}

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 {margin: 0; padding: 0; border: 0; vertical-align: baseline;font-family: "Barun";font-weight: normal;}

/* HTML5 display-role reset for older browsers */

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


ol, ul, li {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;width:100%;}

img,fieldset{border:0; width: 100%}
li img,dd img,dt img,label img{vertical-align:top;}
table{border-collapse:collapse;width:100%;}
input,select,textarea,button{font-size:16px;color:#333;}
img,input,select{vertical-align:middle;}
address,caption,em{font-family: "Barun";;font-style:normal;}
hr{display:none;}
h1,h2,h3,h4 {font-family: "BarunB";font-weight: normal;}
h5,h6 {font-family: "Barun";font-weight: normal;}
/* base */
html{width:100%;}
body{width:100%;font-size:14px;color:#333}
input::-webkit-input-placeholder { color:#888;font-size: 15px;}
input:-ms-input-placeholder { color:#888;font-size: 15px;}
a{color:#222;text-decoration:none; font-size:14px}
caption,legend{width:0;height:0;font-size:0;text-indent:-9999px;overflow:hidden;}

#skipNav a{display:block;position:absolute;left:0;top:-10000px;text-align: center;width:100%;height:30px;z-index: 500;line-height:30px; font-family: "BarunB";font-size:14px;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{background:#ccc;top:0}
h1,h2,h3,h4,h5,h6{font-size:12px;color:#333;}
input::-ms-clear {display: none}

.hide {width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0;
		font-size:0; text-indent:-9999em; overflow:hidden; visibility:hidden}
.txt-hide {text-indent:-9999em; overflow:hidden}

.cf:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.inner-1080 {width: 1080px; margin: auto}
.inner-1000 {width: 1000px; margin: auto}

/* **************************************** *
 * COMMON
 * **************************************** */
.s-hidden {
    visibility:hidden;
    padding-right:10px;
}

.sch-select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    min-width: 140px;
    height: 45px;
    border: 1px solid #d0d2d6;
    color: #333;
    background: url(../images/arrow_row.png) 90% 50% no-repeat ;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none;    /* 화살표 없애기 for firefox*/
    appearance: none;         /* 화살표 없애기 공통*/
    margin: 0 8px;
    top: 13px
}

.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:0 30px 0 10px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.styledSelect:active, .styledSelect.active {
    background-color:#eee;
    opacity: .3;
}
.options {
    display:none;
    position:absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index:999;
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid #d0d2d6;
    background-color:white;
    -webkit-box-shadow: 0px 3px 8px 0 rgba(165, 184, 199, 0.2);
    -moz-box-shadow: 0px 3px 8px 0 rgba(165, 184, 199, 0.2);
    box-shadow: 0px 3px 8px 0 rgba(165, 184, 199, 0.2)
}
.options li {
    padding:0 10px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.options li:hover {
    background-color:#157aca;
    color:#fff;
}

.iconBg01 {
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(../images/web_imgW.png) 0 -50px no-repeat
}
.iconBg02 {
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(../images/web_imgW.png) -60px -50px no-repeat
}
.iconBg03 {
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(../images/web_imgW.png) -120px -48px no-repeat
}
.outBg {
    display: inline-block;
    width: 13px;
    height: 14px;
    background: url(../images/web_imgW.png) -58px -127px no-repeat;
    margin-left: 3px!important;
}
.plus {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/plus.png) 0 0 no-repeat;
    margin: -2px 5px
}
.both {
    height: 100%
}
.both::after {
    display: block;
    content: "";
    clear: both
}
.fl {
    float: left!important;
}
.fr {
    float: right!important;
}

/* 탭 */
.tabW {
    position: relative;
    min-height: 220px
}
.tabW > dt {
    position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 55px;
	line-height: 55px;
	border: 1px solid #dcdcdc;
	text-align: center;
	cursor: pointer;
	color: #888;
    font-size: 16px ;
    border-radius: 3px 3px 0 0;
    border-bottom: 0
}
.tabW > dt:nth-of-type(2) {
	left: 50%;
}
.tabW > dt.on {
	border: 1px solid #000;
    color: #333;
    border-bottom: 0
}
.tabW > dt.bd {
    border-bottom: 1px solid #000
}
.tabW > dd {
	display: none;
    position: relative;
    top: 65px;
    width: 100%;
}

/* 블랙 탭 */
.bk-tab {
    width: 100%;
}
.bk-tab li {
    float: left;
    width: 50%;
    height: 60px;
    line-height: 60px;
    color: #888;
    font-size: 19px;
    border: 1px solid #e2e2e2;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 0 0 0 ;
    text-align: center;
    cursor: pointer
}
.bk-tab li:nth-child(2) {
    border-radius: 0 5px 0 0
}
.bk-tab li.on {
    background-color: #000;
    color: #fff;
    font-family: "BarunB";
    border: 0;

}
.find-lst {
    border-top: 1px solid #eee;
    padding-top: 45px;
    text-align: center
}
.find-lst li {
    display: inline-block;
    margin-right: 20px
}
.find-lst li a {
    display: block;
    font-size: 14px;
    color: #757575;
}
.find-lst li:last-child {
    margin-right: 0
}
.arrow-r {
    display: inline-block;
    width: 13px;
    height: 18px;
    background: url(../images/web_imgW.png) -166px -126px no-repeat;
    vertical-align: middle
}
/* 인풋 */
.form-scope {
    width: 100%;
    margin-bottom: 10px;
}
.form-scope.lg {
    height: inherit;
}
.form-scope.lg input {
    width: 100%;
}
.form-scope.lg input::placeholder{
    color: #888;
    font-size: 15px;
}
.form-scope.md label {
    font-size: 16px;
    color: #222;
    letter-spacing: -1.5px;
    margin-right: 18px;
}
.form-scope.md input {
    width: 160px;
    height: 45px;
    border-radius: 0
}
.form-inline::after {
    display: block;
    content: "";
    clear: both
}
.form-inline label {
    display: inline-block;
}
.form-inline.md label {
    display: inline-block;
    font-size: 16px;
    color: #222;
}
.form-inline.md input {
    width: 167.5px;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #d0d2d6;
    background-color: #fbfbfb;
    font-size: 14px;
    color: #333
}
input[type="checkbox"],
input[type="radio"] {
    display: none;
    appearance: none;
    -webkit-appearance: none;
}
label {
    font-size: 15px;
    color: #666;
}
input {
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    padding: 15px;
    height: 45px;
    color: #222;
    font-size: 15px;
    background-color: #fbfbfb
}
input[type="text"].on,
input[type="number"].on,
input[type="password"].on,
input[type="search"].on {
    background-color: #fff!important
}
.chkBg {
	position: relative;
	top: 5px;
	left: 0;
	display:inline-block;
	width: 22px;
	height: 22px;
    background: url(../images/web_imgW.png) -87px -122px no-repeat;
    margin-right: 5px
}
.chkBg2 {
	position: relative;
	top: 5px;
	left: 0;
	display:inline-block;
	width: 22px;
	height: 22px;
    background: url(../images/web_imgW2.png) -87px -122px no-repeat;
    margin-right: 5px
}
input[type="checkbox"]:checked + label span.chkBg {
	width: 22px;
	height: 22px;
	background: url(../images/web_imgW.png) -127px -122px no-repeat;
}
input:-ms-clear {
    display:none;
}
input:disabled {
    opacity: 0.7;
}
input[type="password"] {
    -webkit-text-security: circle !important;
    letter-spacing: 2px
}
input[type="file"] {
    opacity: 0;
    position: relative;
}

/* 라디오 버튼 스타일 */
.radio-label {
    float: left;
    width: 10%;
    font-size: 15px;
    color: #222;
    margin-top: 15px;
}
.form-inline.radio .btnW {
    float: right;
    width: 90%;
}
.form-inline.radio input:checked + label {
    background-color: #157aca;
    color: #fff
}
.form-inline.radio .btnW label {
    float: left;
    display: block;
    width: 49.5%;
    height: 45px;
    line-height: 45px;
    margin-right: 1%;
    text-align: center;
    border: 1px solid #157aca;
    color: #157aca;
    cursor: pointer;
    font-size: 15px;
    border-radius: 3px;
    margin-top: 0
}
.form-inline.radio.tell .btnW {
    float: left;
    width: 68%
}
.form-inline.radio.tell .btnW label {
    width: 32%;
    margin-right: 1.4%;
    text-transform: uppercase;
    border: 1px solid #d0d2d6;
    color: #333
}
.form-inline.radio.tell input:checked + label {
    color: #fff
}
.form-inline.radio.tell .btnW label span {
    text-transform: unset
}
.form-inline.file > label {
    cursor: pointer
}

/* 인풋 타입 파일 */
.form-inline.file {
    position: relative;
}
.form-inline.file input[type="file"] {
    position: absolute;
    top: 0;
    width: 15%;
    margin-left: 10px;
    cursor: pointer
}
.form-inline.file input.upload-name {
    text-align: left;
    color: #888
}
.form-inline.chkbox label {
    font-size: 14px;
    color: #222
}
.form-inline2.chkbox label {
    font-size: 14px;
    color: #222
}
.post {
    position: relative;
}
.post .form-inline.chkbox {
    position: absolute;
    top: 20px;
    right: 38%
}
/* 라디오 사이클 스타일 */
.circleBg {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/radio_off.png) 0 0 no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}
.form-inline.circle input:checked + label .circleBg {
    background: url(../images/radio_on.png) 0 0 no-repeat
}


.inputW .form-inline.card input {
    float: none;
    width: 21.4%;
    display: inline-block;
}
.form-inline .bdr-select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 45px;
    border: 1px solid #d0d2d6;
    color: #333;
    background: url(../images/arrow_row.png) 90% 50% no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 22%;
    margin: 0;
    top: 0;
    border-radius: 3px;
}
.form-inline .bdr-select.w90 {
    background: url(../images/arrow_row.png) 98% 50% no-repeat;
}
.super {
    line-height: 2.1!important
}
.super span {
    vertical-align: super
}

/* 입력 폼 */
.inputW {
    margin: auto;
    padding-bottom: 30px
}
.inputW.bd {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}
.inputW .form-inline {
    margin-top: 20px;
}
.inputW .form-inline label {
    float: left;
    width: 10%;
    font-size: 15px;
    color: #222;
    margin-top: 15px
}
.inputW .form-inline input {
    float: right;
    width: 90%;
}
.inputW .form-inline.btn input {
    float: left;
    width: 67%;
}
.inputW .form-inline.btn button {
    float: right;
}
.inputW .form-txt {
    margin-top: 20px;
}
.inputW .form-txt span {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #222;
}

/* 버튼 */
button {
    background: none;
    border: 0;
    cursor: pointer;
}
.basic-btn {
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 15px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #157aca;
    border-radius: 3px;
}
.shadow-btn {
    min-width: 270px;
    padding: 24px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #157aca;
    border-radius: 3px;
    box-shadow: 0px 8px 8px 0 #eef1f6;
}
.sch-btn {
    width: 110px;
    height: 45px;
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
    background: url(../images/search.png) 28% 51% no-repeat;
    background-color: #157aca;
    text-indent: 10px;
}
.sha-btn {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #157aca;
    border-radius: 3px;
    box-shadow: 0px 8px 8px 0 #eef1f6;
}
.bdr-sha-btn {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 15px;
    color: #157aca;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 8px 8px 0 #eef1f6;
    border: 1px solid #157aca;
}
.lg {
    height: 65px
}
.bdr-btn-sm {
    display: flex;
    border: 1px solid #c0c0c0;
    border-radius: 14px;
    padding: 7px 12px 2px;
    color: #666;
    font-size: 11px;
    margin-left: 10px
}
.bdr-btn {
    width: auto;
    line-height: normal;
    display: inline-block;
    padding: 7px 13px 6px;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
}
.bdr-btn.blu {
    border: 1px solid #157aca;
    color: #157aca;
    background-color: #fff
}
.bdr-btn.gy {
    border: 1px solid #e0e0e0;
    color: #666;
    background-color: #fff
}
.bdr-btn-md {
    display: inline-block;
    width: 215px;
    height: 45px;
    line-height: 43px;
    border-radius: 3px;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase
}

.bdr-btn-loan {
    display: inline-block;
    height: 45px;
    line-height: 43px;
    border-radius: 3px;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase
}
.file-btn-loan {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #157aca;
    border-radius: 3px;
    background-color: #fff;
    padding: 0px 10px 0px 10px;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
}

.bdr-btn-loan.gy {
    border: 1px solid #888;
    color: #444;
    background-color: #fff
}
.bdr-btn-loan.blu {
    border: 1px solid #157aca;
    color: #157aca;
    background-color: #fff
}

.bdr-btn-md.blu {
    border: 1px solid #157aca;
    color: #157aca;
    background-color: #fff
}
.bdr-btn-md.gy {
    border: 1px solid #888;
    color: #444;
    background-color: #fff
}
.bdr-btn-md.rgy {
    border: 1px solid #e0e0e0;
    color: #666;
    background-color: #fff
}
.reset-btn {
    width: 110px;
    height: 45px;
    font-size: 15px;
    color: #666;
    border-radius: 3px;
    background: url(../images/reset.png) 22% 52% no-repeat;
    background-color: #fff;
    text-indent: 10px;
    border: 1px solid #e0e0e0
}
.form-btn.col-2 button {
    margin-right: 5px
}
.form-btn.col-2 button:last-child {
    margin-right: 0
}
.form-btn.col-lr {
    margin-top: 50px
}
.form-btn.col-lr button {
    width: 110px;
    padding: 0;
    height: 45px;
    line-height: 45px;
}

/* 라디오 버튼 */
.radio-btn label {
    float: left;
    display: block;
    width: 50%;
    height: 50px;
    border: 1px solid #e5e5e5;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    border-radius: 3px 0 0 3px
}
.radio-btn label.col-2{
    border-radius: 0 3px 3px 0
}
.radio-btn input:checked + label {
    position: relative;
    z-index: 200;
    border-color: #000;
    color: #000;
}

.radio-btn.blu {
    width: 42%;
    margin-bottom: 10px;
}
.radio-btn.blu input:checked + label {
    position: relative;
    z-index: 200;
    border: none;
    color: #fff;
    background-color: #157aca
}
/* 간격 */
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin: 50px auto}
.mt55 {margin-top: 55px; margin-bottom: 30px;}
.mt60 {margin-top: 60px!important}
.mb20 {margin-bottom: 20px}
.mr5 {margin-right: 5px}
.center {text-align: center}

/* 라인 정렬 */
.line-af li {
    position: relative;
    float: left;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
}
.line-af li::after {
    display: inline-block;
    content: "";
    clear: both;
    position: absolute;
    left: 100%;
    top: 1px;
    width: 1px;
    height: 12px;
    background-color: #d3d3d3
}
.line-af li:last-child::after {
    display: none
}

/* 컬러 */
.bk-txt {
    color: #333
}
.gy-txt {
    color: #888
}
.violet {
    color: #576aa5!important
}
.blu {
    color: #157aca!important
}
.red {
    color: #f2451c!important
}
.userBg {
    display: inline-block;
    width: 32px;
    height: 30px;
    background: url(../images/web_imgW.png) -13px -117px no-repeat;
    vertical-align: middle;
    margin-top: -5px;
}
input[type=date]::-webkit-calendar-picker-indicator {
    background: url(../images/date.png) 88% 51% no-repeat;
    background-size: 18px
}
.w100 {width: 100%}
.w90 {width: 90%}
.w84 {width: 84%!important}
.w80 {width: 80%!important}
.w76 {width: 76%!important}
.w74 {width: 74%!important}
.w67 {width: 67%!important}
.w63 {width: 63%!important}
.w52 {width: 52%!important}
.w50 {width: 50%}
.w47 {width: 47%}
.w42 {width: 42%}
.w36 {width: 36%}
.w30 {width: 30%}
.w25 {width: 25%!important}
.w22 {width: 22%}
.w20 {width: 20%!important}
.w16 {width: 16%}
.w10 {width: 10%}
.w15 {width: 15%}
.w13 {width: 13%}
.w7 {width: 7%}

/* 텍스트 */
.txt-gy {
    display: inline-block;
    color: #c7c7c7;
    font-size: 15px;
}
.txtgy-bd {
    font-size: 15px;
    color: #666;
    font-family: "BarunB";
}
.txt-bd {
    font-family: "BarunB";
}
.txt-rd {
    color: #ef4351!important;
    font-size: 15px;
}
.txt-deepgy {
    font-size: 15px;
    color: #444
}

/* 경고텍스트 */
.warning-rd {
    margin-top: 20px;
    display: inline-block;
    position: relative;
    left: 100px;
    width: 100%;
    background: url(../images/warning_rd.png) 0 0 no-repeat;
    padding-left: 20px;
    font-size: 13px;
    color: #ef4351
}
.warning-gy {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 18px;
    line-height: 20px;
    background: url(../images/warning_gy.png) 0 0 no-repeat;
    padding-left: 25px;
    font-size: 13px;
    color: #aaa;
    text-transform: uppercase
}
/* 파일 */
input.upload {opacity: 0; position: relative;}
button.replace {position: absolute; padding: 5px 10px;border-radius: 3px;}

/* **************************************** *
 * 약관동의 체크박스
 * **************************************** */
.checkW {
    border: 1px solid #e0e0e0;
    border-radius: 3px
}
.allcheck {
	padding: 15px 20px
}
.mincheck {
    display: inline-block
}
.allcheck label,
.mincheck label {
    position: relative;
    font-size: 16px;
    color: #222
}
.check-list {
	padding: 15px 20px;
	border-top: 1px solid #e0e0e0
}
.check-list li {
	margin-bottom: 20px;
}
.check-list li:last-child {
	margin-bottom: 0
}
.check-list li ul {
	margin: 15px 0 15px 42px
}
/* 20190311 수정 CSS
.minchk-list {
	margin-top: 10px;
	padding-left: 48px
}
.minchk-list .minchkBg {
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(../images/mincheck_off.svg) 0 0 no-repeat;
    margin-right: 13px;
    vertical-align: middle
}
.minchk-list .mincheck input:checked + label span.minchkBg {
	background: url(../images/mincheck_on.svg) 0 0 no-repeat;
}
*/
.allchkBg {
	display:inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/allcheck_off.svg) 0 0 no-repeat;
    margin-right: 10px;
    vertical-align: middle
}
.allcheck input:checked + label span.allchkBg {
    background: url(../images/allcheck_on.svg) 0 0 no-repeat;
}
.minchkBg {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/check_off.png) 0 0 no-repeat;
    margin-right: 13px;
    vertical-align: middle
}
.mincheck input:checked + label span.minchkBg {
	background: url(../images/allcheck_on.svg) 0 0 no-repeat;
}
.arrow-right {
    margin-top: 5px;
	display: inline-block;
	width: 7px;
	height: 12px;
	background: url(../images/arrow_right.svg) center no-repeat;
}
/* **************************************** *
 * LAYOUT
 * **************************************** */
 /* header */
#headW {
    width: 100%;
    height: 75px;
}
#headW .inner-1080 {
    position: relative;
}
.logoW {
    position: absolute;
    left: 0;
    top: 16px;
    width: 244px;
    height: 45px;
    background: url(../images/web_imgW.png) -4px 2px no-repeat;
    cursor: pointer;
}
.gnb {
    float: left;
    margin-right: 0;
}
.gnb li {
    float: left;
    width: 100px;
}
.gnb li.on > a {
    color: #157aca
}
.gnb li > a {
    display: block;
    height: 75px;
    line-height: 75px;
    color: #444;
    font-size: 15px;
    text-align: center;
    font-family: "BarunB";
}
.my {
    float: right;
    padding: 25px 0
}
.my span {
    font-size: 14px;
    margin-left: 5px
}

/* contents */
#container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 730px;
    padding-bottom: 100px
}
#container::after {
    display: block;
    content: "";
    clear: both
}

/* footer */
#footW {
    width: 100%;
    border-top: 1px solid #e5e5e5
}
#footW .sec-top {
    padding: 28px 0
}
#footW .sec-top ul.fl li a {
    font-size: 13px;
    color: #888
}
#footW .sec-top ul.fl li:last-child a {
    /* color: #333 */
}
#footW .sec-top ul.fl li::after {
    top: 4px
}
#footW .sec-top ul.fr li {
    color: #333
}
#footW .sec-top ul.fr.line-af li::after {
    background-color: #000
}
#footW .sec-row {
    border-top: 1px solid #e5e5e5;
    padding: 30px 0
}
#footW .sec-row ul li {
    font-size: 13px;
    color: #888;
}
#footW .sec-row p {
    font-size: 13px;
    color: #b8b8b8;
    margin-top: 5px;
}
/* **************************************** *
 * CONTENTS
 * **************************************** */
#wrap {
    width: 100%;
    background-color: #fff
}
.contentW {
    background-color: #f2f4f7;
    padding-bottom: 55px
}
.titleW {
    width: 100%;
    height: 274px;
    background: #157aca;
    text-align: center;
    padding: 50px 0;
}
.titleW h3 {
    font-size: 42px;
    color: #fff
}
.titleW p {
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
}
/* 타이틀 */
.page-title {
    font-size: 42px;
    color: #222;
    font-family: "BarunB";
    padding: 50px 0;
    text-align: center;
}
.compl-title {
    font-size: 30px;
    color: #444;
    font-family: "Barun";
    margin: 50px 0;
    text-align: center
}

/* 탭 */
.page-tab {
    width: 100%;
    margin-bottom: 40px;
}
.page-tab > li {
    float: left;
    width: 50%;
    border-bottom: 2px solid #dcdcdc;
    color: #888;
    font-size: 19px;
    text-align: center;
    padding: 20px 0;
    font-family: "BarunB";
    cursor: pointer
}
.page-tab > li.on {
    border-bottom: 2px solid #222;
    color: #222
}
/* 테이블 탭 */
.table-tab {
    border: 1px solid #e2e2e2;
    border-radius: 5px 5px 0 0
}
.table-tab li {
    float: left;
    width: 50%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 19px;
    color: #888;
    border-right: 1px solid #e2e2e2;
    cursor: pointer
}
.table-tab li:last-child {
    border-right: 0
}
.table-tab li.on {
    border-bottom: 2px solid #222;
    color: #222;
    font-family: "BarunB";
}

/* 로그인 */
.loginBox {
    margin-top: -106px;
    width: 1080px;
    height: 507px;
    padding: 35px;
    background: #fff;
    box-shadow: 0px 8px 8px 0 rgba(165, 184, 199, 0.1);
    border-radius: 5px
}
.loginBox article section {
  /*width: 50%;*/
    width: calc(50% - 17px);
    width: -webkit-calc(50% - 17px);
    width: -moz-calc(50% - 17px);
}
.loginBox article section.fl {
    padding: 45px;
    background-color: #fafafa;
}
.loginBox article section.fl ul li {
    margin-bottom: 50px;
    height: 100%
}
.loginBox article section.fl ul li:last-child {
    margin-bottom: 0
}
.loginBox article section.fl ul li span {
    float: left;
}
.loginBox article section.fl ul li .txtW {
    display: inline-block;
    max-width: 304px;
    margin-left: 30px;
}
.loginBox article section.fl ul li .txtW h4 {
    font-size: 20px;
    color: #222;
    font-family: "Barun";
    font-weight: normal;
}
.loginBox article section.fl ul li .txtW p {
    font-size: 13px;
    color: #666;
    margin-top: 7px;
    line-height: 1.4;
}
.loginBox article section.fl ul li .txtW p.add-blu {
    font-size: 13px;
    color: #157aca;
    margin-top: 0
}
/* SUB */
.shadow-box {
    margin-top: 40px;
    width: 100%;
    padding: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0px 3px 3px 0 rgba(165, 184, 199, 0.1);
    background-color: #fff;
}

.label-list {
    float: left;
    width: 80%;
}
.label-list li {
    float: left;
    width: 33.33%
}

.label-list.blu {
    position: relative;
    width: 8%;
}
.label-list.blu::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: -50%;
    width: 1px;
    height: 50px;
    background-color: #f3f3f3
}
.label-list h4 {
    font-size: 14px;
    color: #666;
    font-family: "Barun";
    margin-bottom: 5px;
}
.label-list p {
    font-size: 34px;
    color: #333
}
.label-list p span {
    font-size: 15px;
    margin-left: 5px;
}
.label-list .violet h4,
.label-list .violet p {
    color: #576aa5
}
.label-list.blu h4,
.label-list.blu p {
    color: #157aca
}
/* 도트 리스트 */
.dic-list {
    float: right;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 4px
}
.dic-list li {
   position: relative;
   padding-left: 10px;
   margin-top: 5px
}
.dic-list li:first-child {
    margin-top: 0
}
.dic-list li::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 50%;
}
.dic-list li p {
    display: inline-block;
    text-align: right;
    width: 50px
}
.dic-list li p span {
    font-family: "BarunB";
    margin-right: 3px
}

.dic-list-wh {
    width: 100%;

}
.dic-list-wh li {
    position: relative;
    font-size: 15px;
    color: #888;
    padding-left: 10px;
    margin-bottom: 10px
}
.dic-list-wh li::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #888;
    border-radius: 50%;
}
/* 태아불 / 보더 */
.bd-table {
    margin-top: 50px;
    width: 100%;
}
.bd-table thead {
    display: inline-table;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-family: "BarunB";
    border: 1px solid #e2e2e2;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff
}
.bd-table thead th {
    width: 100%;
}
.bd-table tbody tr th {
    display: inline-block;
    padding: 0 30px;
    background-color: #f9f9f9;
    color: #333;
    font-size: 15px;
    font-family: "BarunB";
}
.bd-table tbody tr td {
    display: inline-table;
}
.line-table {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.line-table th,
.line-table td {
    padding: 20px
}
.line-table tbody th,
.line-table tbody td {
    border-bottom: 1px solid #eee;
    text-align: left;
    color: #888
}
.line-table tbody td {
    color: #222
}
.line-table tbody tr:last-child th,
.line-table tbody tr:last-child td {
    border-bottom: 0
}
/* 재고금융 */
.inventory .col-table tbody tr th {
    width: 120px
}
.inventory .col-table tbody tr td button:first-child {
    margin-right: 3px
}

/* 테이블 */
.basic-table p {
    color: #333;
    font-size: 14px;
    font-family: "BarunB";
    margin-bottom: 30px;
}
.basic-table thead {
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #73b5ea;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
    background-color: #fbfdff
}
.basic-table thead th {
    font-size: 13px;
    color: #333;
    font-family: "BarunB";
}
.basic-table tbody {
    border-collapse: collapse;
}
.basic-table tbody tr td {
    border: 1px solid #eee;
    padding: 25px 10px;
    text-align: center;
    vertical-align: middle;
    color: #666;
    font-size: 14px;
}
.basic-table tbody tr td:first-child {
    border-left: 0
}
.basic-table tbody tr td:last-child {
    border-right: 0
}
.basic-table tbody tr:nth-child(even) {
    background-color: #f9f9f9
}

.basic-table.bk-top {
    table-layout: fixed;
    border-bottom: 1px solid #ccc
}
.basic-table.bk-top thead {
    border-top: 1px solid #222;
    border-bottom: 1px solid #ccc;
    background-color: #fff
}
.basic-table.bk-top thead tr th {
    font-size: 15px;
    font-family: "BarunB";
}
.basic-table.bk-top tbody tr td {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #666;
}
.basic-table.bk-top tbody tr td:nth-child(2) a {
    display: block;
    width: 85%;
    text-align: left;
    padding-left: 20px;
    color: #222;
    font-size: 15px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 게시판 네비게이션 */
.pagination {
    text-align: center;
    margin: 50px 0
}
.pagination span {
    display: inline-block;
}
.pagination span a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-right: 10px;
}
.pagination span.first a {
    background: url(../images/first.png) center center no-repeat;
}
.pagination span.prev a {
    background: url(../images/prev.png) center center no-repeat;
    margin-right: 15px
}
.pagination span.next a {
    background: url(../images/prev.png) center center no-repeat;
    transform: rotate(180deg);
    margin-left: 15px
}
.pagination span.last a {
    background: url(../images/first.png) center center no-repeat;
    transform: rotate(180deg)
}
.pagination ul,
.pagination ul li {
   display: inline-block;
   vertical-align: top
}

.pagination ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    font-size: 15px;
    font-family: "BarunB";
    color: #666;
    line-height: 35px;
    margin-right: 10px
}
.pagination ul li:last-child a {
    margin-right: 0;
}
.pagination ul li.on a {
    background-color: #1479c9;
    color: #fff;
    text-align: center;
}

/* 나눔 테이블 */
.col-table {
    border-collapse: separate;
    border: 1px solid #e2e2e2;
    border-radius: 5px
}
.col-table thead th {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ccc;
    font-size: 19px;
    color: #222;
    font-family: "BarunB";
}
.col-table tbody td {
    border-bottom: 1px solid #eee;
    padding: 12px 10px;
    color: #222;
    vertical-align: middle
}
.col-table tbody td input {
    border-radius: 0;
    width: 100%
}
.col-table tbody td .sch-select {
    top: 0;
    margin: 0;
    width: 100%;
    background-position-x: 96%
}
.col-table tbody th {
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 0 0 0 5px;
    vertical-align: middle;
    font-family: "BarunB";
    font-size: 15px;
}
.col-table tbody tr:last-of-type td,
.col-table tbody tr:last-of-type th {
    border-bottom: 0
}
.col-table tr.h70 th,
.col-table tr.h70 td {
    padding: 12px 10px;
}
.col-table tbody.col-5 th.rowBg {
    background-color: #f9f9f9;
}
.col-table tbody.col-5 th {
    background-color: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}
.col-table tbody.col-5 th.gy-bg {
    background-color: #f9f9f9
}

/* 테이블 보더 탑 블랙 */
.col-table.bk-top {
    border-radius: 0;
    border-top: 1px solid #222;
    border-collapse: collapse
}
.col-table.bk-top thead th {
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
    height: inherit;
    line-height: 2.1;
    padding: 19px 0;
    font-size: 15px;
}
.col-table.bk-top th {
    padding: 26px 0;
}
.col-table.bk-top td {
    padding: 26px 10px
}
.col-table.bk-top thead th button {
    float: right;
    margin-right: 20px;
}
.col-table.bk-top tbody th:nth-child(2) {
    background-color: #fff;
    border-right: 1px solid #eee
}
.col-table.bk-top tbody th {
    border-radius: 0
}
/* 라디오 선택 테이블 */
.col-table.radio thead tr:first-child th {
    border-bottom: 1px solid #73b5ea
}
.col-table.radio tbody tr td,
.col-table.radio tbody tr th {
    padding: 0!important;
    height: 60px;
    border-radius: 0
}
.col-table.radio tbody tr td.table-bdy .radioChkW.on{
    position: relative;
    top: -1px;
    border: 1px solid #1479c9;
}
.col-table.radio tbody tr td.table-bdy:last-child .radioChkW.on{
    border-radius: 0 0 5px 0
}
.col-table.radio tbody tr td.table-bdy table tr td {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    text-align: center;
}
.col-table.radio tbody tr td.table-tit table tr:first-child th,
.col-table.radio tbody tr td.table-bdy table tr:first-child th {
    background-color: #fbfdff;
    border-bottom: 1px solid #e2e2e2
}
.col-table.radio tbody tr td.table-bdy:last-child table tr:last-child td {
    border-radius: 0 0 5px 0
}
.col-table.radio tbody tr td.table-tit table tr th {
    border-bottom: 1px solid #e2e2e2
}
.col-table.radio tbody tr td table tr:last-child th,
.col-table.radio tbody tr td table tr:last-child td {
    border-bottom: 0;
}
.col-table.radio tbody tr td.table-tit table tr:last-child th {
    border-radius: 0 0 0 5px
}

/* 탭 테이블 */
.col-table.tab {
    border-top: 0
}
.col-table.tab,
.col-table.tab tbody th {
    border-radius: 0
}

/* 텍스트 테이블 간격변화 */
.col-table.txt tbody th,
.col-table.txt tbody td {
    padding: 25px 10px;
    font-size: 15px;
}

/* 아이디/비밀번호찾기 */
#find {
    padding-bottom: 100px
}
#find .cardW .form-btn .bdr-btn-md {
    width: 270px;
}
#find.reset-pw .inputW {
    border-bottom: 1px solid #eee
}
#find.reset-pw .inputW label {
    width: 20%;
}
#find.reset-pw .inputW input {
    width: 80%;
}
#find.reset-pw .bd-line-box {
    margin: 0 auto
}
.lay-log {
    float: right;
    padding-top: 28px;
}
.lay-log li {
    position: relative;
    display: inline-block;
    margin-right: 10px
}
.lay-log li::after {
    display: inline-block;
    content: "·";
    position: absolute;
    top: 3px;
    left: -9px;
    color: #888;
    font-size: 13px;
}
.lay-log li:first-child::after {
    display: none;
}
.lay-log li a {
    color: #888;
    font-size: 13px;
}
.bd-box {
    padding: 20px 0;
    margin: auto;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    text-align: center;
}
.bd-box p {
    font-size: 16px;
    color: #222
}
.bd-line-box {
    margin: 40px auto 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    text-align: center
}
.bd-line-box span.gy-txt {
    margin-right: 25px
}

.collapse {
    margin: auto;
    border: 1px solid #e0e0e0;
    border-radius: 3px
}
.collapse label {
    float: left;
    border-right: 1px solid #e0e0e0;
    width: 25%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    color: #222
}
.collapse input {
    width: 75%;
    border: none;
    border-radius: 0
}

#POPUP_ALERT_TITLE,
#POPUP_ALERT_MSG {
    display: none;
}
.popupBg,
.popupW {
     display: none;
}
#POPUP_ALERT_TITLE,
.popupBg {
	z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
}
.popupBg.active {
    display: block;
}
body.active {
    height: 100%;
    overflow: hidden;
}
.popupW,
#POPUP_ALERT_MSG {
    position: absolute;
    top: 50%;
    left: 40%;
    margin-top: -15%;
    background-color: #fff;
    min-width: 20%;
    min-height: 310px;
    max-height: 600px;
    z-index:99999999;
}
.popupW.w36 {
    margin-top: -300px;
    margin-left: -18%
}
.popupW.w36 .pop-head,
.popupW.w36 .pop-con {
    text-align: left
}
.popupW .pop-head,
#POPUP_ALERT_MSG .pop-head{
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    border-bottom: 1px solid #ebebeb
}
.popupW .pop-head h3,
#POPUP_ALERT_MSG .pop-head h3 {
    font-family: "BarunB";
    font-size: 22px;
}
.popupW .pop-con,
#POPUP_ALERT_MSG .pop-con {
    padding: 30px 20px;
    text-align: center;
    font-size: 15px;
}
.popupW .pop-con .scrollW {
    width: 100%;
    height: 290px;
    background-color: #f5f5f5;
    padding: 30px 10px;
    overflow-y: scroll;
    font-size: 15px;
    color: #222
}
.popupW .form-inline .bdr-select {
    float: right;
    width: 165px;
    margin-bottom: 20px;
}
.popupW .pop-con .form-btn,
#POPUP_ALERT_MSG .pop-con .form-btn {
    margin: 45px auto 0
}

/* 팝업 Footer *********************************************************************************** begin */
.popupBgFoot,
.popupWFoot {
     display: none;
}
.popupBgFoot {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
}
.popupBgFoot.active {
    display: block;
}
body.active {
    height: 100%;
    overflow: hidden;
}
.popupWFoot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10%;
    margin-top: -155px;
    background-color: #fff;
    min-width: 20%;
    min-height: 310px;
    max-height: 600px
}
.popupWFoot.w36 {
    margin-top: -300px;
    margin-left: -18%
}
.popupWFoot.w36 .pop-head,
.popupWFoot.w36 .pop-con {
    text-align: left
}
.popupWFoot .pop-head {
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    border-bottom: 1px solid #ebebeb
}
.popupWFoot .pop-head h3 {
    font-family: "BarunB";
    font-size: 22px;
}
.popupWFoot .pop-con {
    padding: 30px 20px;
    text-align: center;
    font-size: 15px;
}
.popupWFoot .pop-con .scrollW {
    width: 100%;
    height: 290px;
    background-color: #f5f5f5;
    padding: 30px 10px;
    overflow-y: scroll;
    font-size: 15px;
    color: #222
}
.popupWFoot .form-inline .bdr-select {
    float: right;
    width: 165px;
    margin-bottom: 20px;
}
.popupWFoot .pop-con .form-btn {
    margin: 45px auto 0
}

/* 팝업 Footer *********************************************************************************** end */


.close-btn {
    position: absolute;
    top: 27px;
    right: 20px;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(../images/close.png) 0 0 no-repeat
}
.form-inline.address input:last-child {
    margin-top: 10px
}
.img-del {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) 0 0 no-repeat;
    margin: 0px 0px -10px 10px;
}

/* 완료 */
.finishBg {
    display: block;
    width: 96px;
    height: 87px;
    background: url(../images/finish_chk.png) 0 0 no-repeat
}

#finish .finishBg {
    margin: 0 auto 50px
}
#finish h3 {
    font-size: 30px;
    color: #444;
    font-family: "Barun";
}
#finish p {
    color: #444;
    font-size: 16px;
}
#finish .blu {
    margin: 30px 0 20px
}
/* 재고금융 목록 */
#list .shadow-box .label-list.blu {
    width: 20%;
    float: right;
    text-align: center
}
#list .shadow-box .label-list.blu::after {
    left: 0
}
/* 신청 스텝 */
.term-1 {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    background: url(../images/term_step01.png) 0 0 no-repeat;
}
.step-1 {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    background: url(../images/sign_step01.png) 0 0 no-repeat;
}
.step-2 {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    background: url(../images/sign_step02.png) 0 0 no-repeat;
}
.step-3 {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    background: url(../images/sign_step03.png) 0 0 no-repeat;
}
.sign-step {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    padding: 50px 0;
    text-align: center
}
.sign-step ul > li {
    display: inline-block;
    position: relative;
    width: 33%;
    text-align: center;
    opacity: .2;
}
.sign-step ul > li.on {
    opacity: 1;
}
.sign-step ul > li::after {
    display: inline-block;
    content: "";
    position: absolute;
    width: 14px;
    height: 27px;
    top: 50%;
    right: 0;
    margin-top: -14px;
    background: url(../images/arrow_right.png) 0 0 no-repeat;
}
.sign-step ul > li:last-child::after {
    background: none
}
.sign-step ul > li > p {
    font-size: 16px;
    text-transform: uppercase
}
.sign-step ul > li > p.txt-bd {
    font-size: 22px;
}
.sign-step.col-4 > ul > li {
    width: 24%;
}



/* 재고금융신청 */
#sign .form-inline.chkbox {
    display: inline-block;
    margin-right: 20px
}

.form-inline2.chkbox {
    display: inline-block;
    margin-right: 20px
}


#sign .form-inline button {
    margin-left: 10px;
}

.headline-sm {
    font-family: "BarunB";
    font-size: 19px;
    margin: 70px 0 25px;
    color: #222
}

.total span {
    display: inline-block;
    margin-top: 12px;
    font-size: 18px;
    color: #576aa5
}
.total strong {
    float: right;
    font-size: 34px;
    margin-right: 5px;
    color: #576aa5
}


.table-total {
    width: 100%;
    padding: 20px 35px 20px 55px;
    border: 1px solid #576aa5
}
.table-total span {
    color: #576aa5;
    font-size: 19px;
    font-family: "BarunB";
}

.agreeChk-box {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 5px
}
.agreeChk-box h3 {
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-family: "BarunB";
    color: #333;
    padding: 18px 0;
    border-bottom: 1px solid #ccc
}
.agreeChk-box > div {
    padding: 30px;
    color: #222;
    font-size: 15px;
}
.agreeChk-box > div .txt-gy {
    color: #888
}

#term .col-table tbody th,
#term .col-table tbody td {
    padding: 20px 10px
}
#term .col-table tbody td {
    border-right: 1px solid #eee;
    font-size: 15px;
}
#term .col-table tbody td .txt-gy {
    color: #666;
    margin-right: 5px
}
#term .col-table tbody td .txt-bd {
    margin-right: 5px
}
.posi-re {
    position: relative;
}
#term .col-table tbody td button.posi-ab {
    position: absolute;
    top: 15px;
    right: 20px
}
#term .col-table tbody td span.warning-gy {
    width: 41%;
    float: right
}
#term .col-table tbody .blu-col {
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0;
    border-left: 0;
    color: #157aca;
    font-family: "BarunB";
    font-size: 15px;
}
#term .col-table tbody th:last-child,
#term .col-table tbody td:last-child {
    border-right: 0
}
#term  .col-table tbody td .dic-list-wh {
    width: 63%;
    margin: auto
}

.bank-list {
    width: 63%;
    margin: auto;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f6f5f5
}
.bank-list > span {
    font-size: 15px;
    color: #666;
    float: left;
}
.bank-list > ul {
    float: right;
}
.bank-list > ul > li {
    text-align: left
}
.bank-list > ul > li .txt-bd {
    display: inline-block;
    width: 72px;
}
#term .col-table tbody tr:last-child td {
    border-bottom: 0
}
#term.step03 .col-table tbody td {
    color: #666
}
#term.step04 > p {
    color: #444;
    font-size: 16px;
    line-height: 1.5;
}

/* 고객센터 */
.inner-bg {
    background-color: #f2f4f7;
    padding: 50px 0
}
#help .content {
    padding: 55px 0 70px
}
.sha-table {
    box-shadow: 0px 3px 3px 0 rgba(165, 184, 199, 0.1);
}
.sha-table th,
.sha-table td {
    padding: 25px 0
}
.sha-table thead th {
    padding: 20px 0;
    background-color: #5698e0;
    color: #fff;
    font-family: "BarunB";
    border-radius: 5px 5px 0 0;
    font-size: 19px;
}
.sha-table tbody th {
    background-color: #f9f9f9;
    border-right: 1px solid #eee;
    font-size: 15px;
    color: #333;
    font-family: "BarunB";
}
.sha-table tbody td {
    background-color: #fff;
    border-right: 1px solid #eee;
    color: #444;
    text-align: center
}
.sha-table tbody td:first-child {
    border-radius: 0 0 0 5px
}
.sha-table tbody td:last-child {
    border-radius: 0 0 5px 0
}
#help .sha-table button {
    height: 35px;
    line-height: 2.3;
    width: 15%
}
#help .sha-table .bdr-blu-btn {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 80px;
}
#help .content > .fl,
#help .content > .fr {
    width: 48%;
}
#help .content > .fr ul li {
    float: left;
    width: 49%;
    height: 210px;
    background-color: #fafafa;
    text-align: center;
    margin: 0 2% 2% 0;
    padding: 60px 0 0
}
#help .content > .fr ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    font-size: 19px;
}
#help .content > .fr ul li a span.more {
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url(../images/more.png) 0 0 no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}
#help .content > .fr ul li.certificate a {
    background: url(../images/help_icon01.png) center 0 no-repeat;
}
#help .content > .fr ul li.calculat {
    margin-right: 0
}
#help .content > .fr ul li.calculat a {
    background: url(../images/help_icon02.png) center 0 no-repeat;
}
#help .content > .fr ul li.out {
    width: 100%;
    background: url(../images/help_icon03.png) center 30px no-repeat;
    background-color: #fafafa;
    padding: 85px 0 0
}
#help .content > .fr ul li.out strong {
    display: inline-block;
    font-size: 19px;
    margin-bottom: 5px
}
#help .content > .fr ul li.out p {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px
}
.bdr-blu-btn {
    border: 1px solid #157aca;
    background-color: #fff;
    color: #157aca;
    font-size: 15px;
    border-radius: 3px;
}
.notice-sm .head,
.terms-sm .head {
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #555;
    padding: 20px 15px
}
.notice-sm .head > h3,
.terms-sm .head > h3 {
    float: left;
    font-size: 19px;
}
.notice-sm .head > a {
    float: right;
    font-size: 17px;
}
.notice-sm .head > a .more {
    display: inline-block;
    width: 9px;
    height: 18px;
    background: url(../images/more.png) 0 bottom no-repeat;
    background-size: 70%;
    margin-left: 5px;
}
.notice-sm ul li a {
    display: block;
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
    color: #666;
    padding: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.notice-sm ul li a span.date {
    float: right;
    color: #888
}
.terms-sm {
    position: relative;
}
.terms-sm .head {
    cursor: pointer;
}
.terms-sm .head .arrow-row {
    float: right;
    width: 20px;
    height: 16px;
    background: url(../images/toggle_arrow.png) 0 bottom no-repeat;
}
.terms-sm ul {
    z-index: 100;
    position: absolute;
    display: none;
    width: 100%;
    height: auto;
    min-height: 100%;
    border: 1px solid #f0f0f0;
    background-color: #fbfbfb
}
.terms-sm ul.on {
    display: block;
}
.terms-sm ul li.txt-bd {
    width: 100%;
    border-right: 0;
    cursor: text
}
.terms-sm ul li {
    display: inline-block;
    width: 49.69%;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #666;
    padding: 0 15px;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    cursor: pointer;
    background-color: #fbfbfb
}
.terms-sm ul li:nth-child(odd) {
    border-right: 0
}
/* 비밀번호 확인 */
#re_pw .page-title {
    padding-bottom: 0
}
#re_pw .inputW {
    border-bottom: 1px solid #eee
}
/* 정보변경 */
#infoChange .col-table tbody tr.address .form-inline {
    float: left;
    width: 86%;
}
#infoChange .col-table tbody tr.address .form-inline input {
    width: 49.6%;
}
#infoChange .col-table tbody tr.address .form-inline input:last-child {
    float: right;
    width: 49%;
}
#infoChange .col-table tbody tr.file td span {
    float: left;
    width: 13%;
    margin-top: 17px
}
#infoChange .col-table tbody tr.file td .form-inline.file {
    float: right;
    width: 87%;
}

/* 계좌변경 */
#accountChange form fieldset > .both {
    border: 1px solid #e2e2e2;
    padding: 10px
}
#accountChange form fieldset .form-inline.radio {
    width: 20%
}
#accountChange form fieldset .form-inline.radio .btnW {
    float: none;
    width: 100%;
}
#accountChange form fieldset .form-inline.radio label {
    width: 46%;
    margin-right: 4%;
}

/* 공지사항 */
.bbs-view {
    width: 100%;
}
.bbs-view .view-head {
    border-top: 1px solid #222;
    border-bottom: 1px solid #eee;
    padding: 20px 35px;
}
.bbs-view .view-head h3 {
    float: left;
    font-size: 15px;
    font-family: "BarunB";
    width: 85%;
    text-align: left;
    color: #222;
}
.bbs-view .view-head .date {
    float: right;
    color: #666;
}
.bbs-view .view-content {
    min-height: 500px;
    padding: 30px 35px
}
.view-nav {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}
.view-nav ul li {
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    border-bottom: 1px solid #eee
}
.view-nav ul li:last-child {
    border-bottom: 0
}
.view-nav ul li span.blu {
    position: relative;
    display: inline-block;
    width: 10%;
}
.view-nav ul li span.prev::before,
.view-nav ul li span.next::before {
    top: 37%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.view-nav ul li span.prev::before,
.view-nav ul li span.next::before {
    border-color: rgba(20, 121, 201, 0);
    border-bottom-color: #1479c9;
    border-width: 4px;
    margin-left: -4px;
}
.view-nav ul li span.next::before {
    transform: rotate(180deg);
    top: 45%
}
.view-nav ul li::after {
    display: block;
    content: "";
    clear: both;
}
.view-nav ul li span.date {
    color: #666;
    float: right;
}
.view-nav ul li a {
    font-size: 15px;
}

/* 설정해지  */
#cancleList .col-table tbody tr:first-child th:first-child {
    border-radius: 5px 0 0 0
}
#cancleList .basic-table .bdr-btn {
    font-size: 13px;
}
#cancleList .basic-table .bdr-btn.blu {
    padding: 7px 7px 6px
}

/* 190315 팝업스타일 추가 */
/* 큰 박스  */
.radio-btn-lg {
	width: 100%
}
.radio-btn-lg input {
	display: none;
}
.radio-btn-lg > ul > li {
	float: left;
	width: 25%;
	height: 43px;
	margin-left: -1px
}
.radio-btn-lg ul li:first-child {
	width: 24.999%;
}
.radio-btn-lg.col-5 ul li {
	width: 20%;
	width: calc(20% + 1px);
	width: -webkit-calc(20% + 1px)
}
.radio-btn-lg.col-3 > ul > li {
	width: 33.3999%;
	/*width: calc(33.3%px);*/
	width: -webkit-calc(33.3% + 0.8px);
}
.radio-btn-lg.col-2 ul li {
	width: 49.999%;
}
.radio-btn-lg.col-2 ul li:last-child {
	width: 50%;
	width: calc(50% + 2px);
	width: -webkit-calc(50% + 2px)
}
.radio-btn-lg.col-2 ul li label {
	width: 100%
}

.radio-btn-lg > ul > li > label {
	display: block;
	height: 43px;
    line-height: 43px;
    text-align: center;
	border: 1px solid #d2d2d6;
	background-color: #f4f5f5;
	cursor: pointer;
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
}
.radio-btn-lg input:checked + label {
	position: relative;
	z-index: 100;
	background-color: #fff;
	color: #000;
	border: 1px solid #000
}
.radio-btn-lg ul li label.other {
	line-height: 34px
}


/* 사용내역 */
.pop-detail {
	padding: 0px 20px 10px 20px;
	text-align: center;
	font-size: 15px;
	max-height: calc(100% - 87px);
	overflow-y: auto;
}

.l24{
	left:24% !important;
}

.bdr-btn.rgy {
	height: 45px;
	border: 1px solid #e0e0e0;
	color: #666;
	font-size: 15px;
}

.bdr-btn.rgy.file {
	padding-left: 35px;
background: url(../images/file.png) #fff 8% 50% no-repeat
}

.bdr-btn.rgy.pnt {
	padding-left: 38px;
	background: url(../images/print.png) #fff 10% 50% no-repeat
}

.basic-table p {
	margin: 28px 0 0
}

.detail-table {
	margin-top: 2%;
	max-height: 335px;
}
.detail-table thead {
	line-height:30px;
	height:30px;
}

.detail-table thead tr th {
	vertical-align:middle;
	line-height:30px;
	border: 1px solid #eee
}

.detail-title {
	display: inline-block;
	float: left;
}

.udPopupW {
	position: absolute;
	left : 10%;
	right : 10%;
	top: 15%;
	bottom : 15%;
	background-color: #fff;
	min-width: 800px;
/* 	min-height: 595px; */
	max-height: 600px;
	z-index:99999999;
}

.udPopupW {
	margin: auto;
	width: 875px;
}

.pop-head {
	width: 100%;
	padding: 30px 20px;
	text-align: center;
	border-bottom: 1px solid #ebebeb
}


.udPopupW .pop-head h3 {
	font-family: "BarunB";
	font-size: 22px;
}

.car-search-div{width:100%; padding:45px 0 0 0;}
.car-search-title{text-align:center; font-size:25px; font-weight:bold; padding: 0 0 45px 0;}
.car-search-info{float:left; text-align: left;margin-top:5px;}
.car-search-info li{position:relative;font-size: 15px;color: #888;padding: 10px 20px 5px 20px;}
.car-search-info li::after{display: inline-block;content: "";position: absolute;top: 52%;left: 1%;width: 2px;height: 2px;background-color: #888;border-radius: 50%;}
.car-search-btn{float:right; z-index:999; margin-top:10px;}
.btn-area{width:100%; min-height:70px;}
.mt15{margin-top:15px !important;}
.car-search-warn{padding:0;}
.car-search-warn li{color:red;}
.car-search-warn li:after{background-color:red;}
.col-table.bk-top tbody td{border-right:1px solid #eee;}
.col-table.bk-top.none{border-collapse:collapse;border-spacing:0;text-align:center;background-color:#fff;border:0;font-size:16px;color:#666;}
.col-table.bk-top.none tbody td{border-right:0;}
.limit-acc{font-size:16px; font-weight:bold;}
#trNone tr td{border:0 !important;}
.bt0{border-top:0 !important;}

/* 상단 TopBanner */
.topBanner{
    position:relative;
    width:100%;
    z-index:100;
}
.topBanner .banContainer{
    position:relative;
    min-width:1080px;
}
.topBanner .topBannerBox{
    position:relative;
    overflow:hidden;
    width:100%;
    height:80px;
    background-color:#ebf6fe;
}
.topBanner .contentArea{
    position:relative;
    width:1080px;
    height:80px;
    margin:0 auto;
}
.topBanner .contentArea p{
    position:relative;
    float:left;
    margin-top:16px;
    font-size:16px;
    line-height:24px;
    z-index:2;
}
.topBanner .contentArea p b{
    font-weight:bold;
}
.topBanner .contentArea p span{
    display:inline-block;
}
.topBanner .contentArea .highlight{
    content:'';
    display:inline-block;
    position:absolute;
    width:92px;
    height:6px;
    top:56px;
    left:138px;
    background-color:#b8e0ff;
    z-index:0;
}
.topBanner .downloadLink{
    float:left;
    width:160px;
    margin-top:20px;
    margin-left:485px;
}
.topBanner .downloadLink::after{
    content:'';
    display:inline-block;
    position:absolute;
    width:1px;
    height:60px;
    top:10px;
    margin-left:20px;
    background-color:#bcbcbc;
}
.topBanner .downloadLink a{
    display:inline-block;
    width:120px;
    margin-left:20px;
    height:40px;
    border-radius:5px;
    background-color:#1490ef;
    color:white;
    font-weight:bold;
    text-align:center;
    line-height:40px;
}
.topBanner .closeBt{
    display:inline-block;
    width:42px;
    height:13px;
    margin-top:34px;
    margin-left:20px;
    background-image:url('../images/top_banner_close_bt.png');
}
.faq_menu{
    display:inline-block;
    margin-bottom:18px;
}
.faq_menu li{
    display:inline-block;
    float:left;
    padding:0 12px;
	border-right:1px solid #bcbcbc;
}
.faq_menu li:last-of-type{
    border:none;
}
.faq_menu li a{
    color:#999999;
}
.faq_menu li.on a{
    color:#151515;
}
.faq_list{
    display:inline-block;
    width:100%;
    border-top:1px solid #151515;
}
.faq_list li{
    width:100%;
    border-bottom:1px solid #dadada;
}
.faq_list li > a{
	display:inline-block;
	width:100%;
}
.faq_list li .titletxt{
    display:inline-block;
    width:calc(100% - 50px);
    padding:24px;
}
.faq_list li .arrow{
	display: inline-block;
    width: 15px;
    height: 8px;
    background-image:url(../images/btn_open.png);
    background-size: 15px 8px;
}
.faq_list li .inner_box{
    display:none;
    width:100%;
    padding:36px 28px;
    border-top:1px solid #dadada;
    background-color:#f5f5f5;
}
.faq_list li .subtitletxt{
    margin-bottom:36px;
}
.faq_list li .subtitletxt span{
    margin-right:20px;
}
.faq_list li .contenttxt{
    padding-left:36px;
    line-height:30px;
}
.faq_list li .contenttxt a{
    display:inline-block;
    margin-top:10px;
    color:blue;
}
.faq_list li .more{
    margin-top:44px;
    padding-left:36px;
}
.faq_list li .more p{
    display:inline-block;
    color:#999999;
}
.faq_list li .more a{
    display:inline-block;
    padding:4px 8px;
    margin-left:10px;
    border:1px solid #dadada;
    background-color:white;
    color:#666666;
}