@charset "utf-8";

/* ******************************************************

	00. Common		:	전체 공통사항
	01. Font		:	폰트
	02. Color		:	색상
	03. Layout		:	레이아웃
	04. Table		:	테이블
	05. Button		:	버튼
	06. Pop			:	팝업
	07. Icon		:   아이콘
	08. Etc			:   기타 UI
	

*******************************************************/



/* ******************************************************
	00. common
*******************************************************/

.fixed-body {position:fixed;top:0;left:0;width:100%;}
.blind {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div,figure,article,header,nav,footer,section,aside,small,span {margin:0;padding:0;box-sizing:border-box;word-break:keep-all;word-wrap:break-word;white-space:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-weight:400}
a {display:inline-block;box-sizing:border-box;color:inherit;text-decoration:none;cursor:default;}
abbr{text-decoration:none;}
strong, b{font-weight:500}
::-webkit-input-placeholder {font-family:'NotoSansKR', sans-serif;font-size:0.93rem;color:#737373;font-weight:400;}
textarea::placeholder {font-family:'NotoSansKR', sans-serif;font-size:0.93rem;color:#737373;font-weight:400;}
img,fieldset,iframe {border:0;vertical-align:top}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
input,select {-webkit-appearance:none;vertical-align:middle;}
table {width:100%;border-collapse:separate;border-spacing:0;}
label{word-break:break-all;}
legend,caption {position:absolute;height:0;overflow:hidden;}
button {background-color:transparent;border:0 none;}
ul, li, ol{list-style:none}
em {font-style:normal !important;}
/* .header {display:none !important;} */
.wrapper.top-fixed .container {padding-top:0 !important;}
.container .contents {margin-bottom:0;}
/* 웹접근성을 위한 본문바로가기 링크 */
.direct-link {display:block;position:fixed;top:-40px;left:0;width:100%;height:40px;line-height:40px;background-color:#0373e4;text-align:center;color:#fff;z-index:1000;}
.direct-link:focus {top:0;}
[v-cloak]{display:none} /* vue 로딩시 mustach 태그가 안보이게 */
#___loading_div[v-cloak]{display:block;}
#___loading_div{display:none;}
/* 숨긴텍스트 스크린리더 적용*/
[hidden], .hidden {display:inline-block;overflow:hidden;border:0;width:1px;height:1px; margin:-1px;clip:rect(1px,1px,1px,1px);clip-path: inset(50%);}

div,h1,h2,h3,h4,h5,p,span,a,li,ul,ol,dt,dl,dd,table,td,th,i,small,u,strong,button,small,textarea,input{font-family:'NotoSansKR', sans-serif;}

a{text-decoration:none;color:none;}
a:enabled,button:enabled,input[type=button]:enabled {cursor:pointer !important;}
button {border:0 none;}

/* button:hover:enabled {opacity:.7;} */
a[class*=icon]:hover:enabled {opacity:.7;}
.text-btn:hover {opacity:.7;}
.text-btn.v2:hover {opacity:1;}
.icon-btn:hover {opacity:.7;}

input:focus {outline:1px solid #0373e4;}
button:focus {outline:1px solid #0373e4;}
input:focus, textarea:focus{outline:1px solid #6db6ff;box-shadow:0 0 2px #6db6ff;}
.phone input {text-align:left !important;}
input:readonly:focus{outline:none}
.letter{letter-spacing:normal !important}
.under{text-decoration:underline !important}
html.fix{overflow-y:hidden}
.d_t{display:table;width:100%;height:100%;table-layout:fixed}
.d_t .d_c{display:table-cell;width:100%;vertical-align:middle}
.text_c{text-align:center !important;}
.text_l{text-align:left !important;}
.text_r{text-align:right !important;}
.vertical_t{vertical-align:top !important;}
.vertical_m{vertical-align:middle !important;}
.vertical_b{vertical-align:bottom !important;}

.text-underline {text-decoration:underline;}

.d-flex{display:flex;}
.d-inline{display:inline;}
.d-block{display:block !important;}
.d-iblock{display:inline-block !important;}
.d-none {display:none;}
.ovflhidden{overflow:hidden;}
.fl {float:left;}
.fr {float:right;}

.align-start {align-items:flex-start;}
.align-end {align-items:flex-end !important;}
.align-center {align-items:center;align-content:center;}
.justify-center{justify-content:center;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.space-between {justify-content:space-between;}
.space-evenly {justify-content:space-evenly;}

.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}

.line-break {white-space: pre;}
.line-prewrap {white-space: pre-wrap;}
.img-responsive {width:100%;}

.ml-auto {margin-left:auto !important;}
.mr-auto {margin-right:auto !important;}
.mt-auto {margin-top:auto !important;}
.mb-auto {margin-bottom:auto !important;}

.porelative {position:relative !important}
.hide {display:none !important;}
.show {display:block !important;}
.show-f {display:flex !important;}

.show-animation {transition:all .3s ease-out;height:100% !important;}
.hide-animation {transition:all .1s ease-out;height:1px !important;padding-bottom:0 !important;overflow:hidden;}
.box-lightgray{background:#f7f7f7;border:1px solid #e0e0e0;padding:13px 15px;border-radius:3px}
.ma-2 {margin:-2px !important}
.ma-15 {margin:0px -15px !important}
.ma0 {margin:0 !important}
.ma5{margin:5px !important}
.ma7{margin:7px !important}
.ma8{margin:8px !important}
.ma10{margin:10px !important}
.ma15{margin:15px !important}
.ma20{margin:20px !important}
.ma30{margin:30px !important}
.ma40{margin:40px !important}
.ma50{margin:50px !important}
.ma60{margin:60px !important}
.ma70{margin:70px !important}
.ma80{margin:80px !important}
.ma90{margin:90px !important}

.mt0{margin-top:0 !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt18{margin-top:18px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt122{margin-top:1122px !important}
.mt262{margin-top:262 !rmportant}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb8{margin-bottom:8px !important}
.mb10{margin-bottom:10px !important}
.mb12{margin-bottom:12px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}
.mb100{margin-bottom:100px !important}
.mb110{margin-bottom:110px !important}
.mb120{margin-bottom:120px !important}
.mb130{margin-bottom:130px !important}
.mb140{margin-bottom:140px !important}

.mt-15 {margin-top:-15px !important;}
.ml-20 {margin-left:-20px;}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml8{margin-left:8px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.ml90{margin-left:90px !important}
.ml100{margin-left:100px !important}
.ml110{margin-left:110px !important}
.ml120{margin-left:120px !important}

.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr6{margin-right:6px !important}
.mr10{margin-right: 10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr80{margin-right:80px !important}
.mr90{margin-right:90px !important}


.mx0 {margin-left:0 !important;margin-right:0 !important;}
.mx5 {margin-left:5px !important;margin-right:0 !important;}
.mx10 {margin-left:10px !important;margin-right:10px !important;}
.mx20 {margin-left:20px !important;margin-right:20px !important;}
.mx30 {margin-left:30px !important;margin-right:30px !important;}
.mx40 {margin-left:40px !important;margin-right:40px !important;}
.mx50 {margin-left:50px !important;margin-right:50px !important;}
.mx60 {margin-left:60px !important;margin-right:60px !important;}
.mx70 {margin-left:70px !important;margin-right:70px !important;}
.mx80 {margin-left:80px !important;margin-right:80px !important;}
.mx90 {margin-left:90px !important;margin-right:90px !important;}
.mx-7 {margin-left:-7px !important;margin-right:-7px !important;}
.mx-10 {margin-left:-10px !important;margin-right:-10px !important;}
.mx-15 {margin-left:-15px !important;margin-right:-15px !important;}
.mx-20 {margin-left:-20px !important;margin-right:-20px !important;}
.mx-25 {margin-left:-25px !important;margin-right:-25px !important;}

.my0 {margin-top:0 !important;margin-bottom:0 !important;}
.my10 {margin-top:10px !important;margin-bottom:10px !important;}
.my20 {margin-top:20px !important;margin-bottom:20px !important;}
.my30 {margin-top:30px !important;margin-bottom:30px !important;}
.my40 {margin-top:40px !important;margin-bottom:40px !important;}
.my50 {margin-top:50px !important;margin-bottom:50px !important;}
.my60 {margin-top:60px !important;margin-bottom:60px !important;}
.my70 {margin-top:70px !important;margin-bottom:70px !important;}
.my80 {margin-top:80px !important;margin-bottom:80px !important;}
.my90 {margin-top:90px !important;margin-bottom:90px !important;}

.px0 {padding-left:0 !important;padding-right:0 !important;}
.px5 {padding-left:5px !important;padding-right:5px !important;}
.px10 {padding-left:10px !important;padding-right:10px !important;}
.px15 {padding-left:15px !important;padding-right:15px !important;}
.px20 {padding-left:20px !important;padding-right:20px !important;}
.px30 {padding-left:30px !important;padding-right:30px !important;}
.px40 {padding-left:40px !important;padding-right:40px !important;}
.px50 {padding-left:50px !important;padding-right:50px !important;}
.px60 {padding-left:60px !important;padding-right:60px !important;}
.px70 {padding-left:70px !important;padding-right:70px !important;}
.px80 {padding-left:80px !important;padding-right:80px !important;}
.px90 {padding-left:90px !important;padding-right:90px !important;}

.py0 {padding-top:0 !important;padding-bottom:0 !important;}
.py10 {padding-top:10px !important;padding-bottom:10px !important;}
.py20 {padding-top:20px !important;padding-bottom:20px !important;}
.py30 {padding-top:30px !important;padding-bottom:30px !important;}
.py40 {padding-top:40px !important;padding-bottom:40px !important;}
.py50 {padding-top:50px !important;padding-bottom:50px !important;}
.py60 {padding-top:60px !important;padding-bottom:60px !important;}
.py70 {padding-top:70px !important;padding-bottom:70px !important;}
.py80 {padding-top:80px !important;padding-bottom:80px !important;}
.py90 {padding-top:90px !important;padding-bottom:90px !important;}


.pa0 {padding:0 !important}
.pa5{padding:5px !important}
.pa10{padding:10px !important}
.pa15{padding:15px !important}
.pa20{padding:20px !important}
.pa30{padding:30px !important}
.pa40{padding:40px !important}
.pa50{padding:50px !important}
.pa60{padding:60px !important}
.pa70{padding:70px !important}
.pa80{padding:80px !important}
.pa90{padding:90px !important}

.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}

.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}
.pb60{padding-bottom:60px !important}
.pb70{padding-bottom:70px !important}
.pb80{padding-bottom:80px !important}
.pb90{padding-bottom:90px !important}

.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl50{padding-left:50px !important}
.pl60{padding-left:60px !important}
.pl70{padding-left:70px !important}
.pl80{padding-left:80px !important}
.pl90{padding-left:90px !important}

.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr12{padding-right:12px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr24{padding-right:24px !important}
.pr30{padding-right:30px !important}
.pr40{padding-right:40px !important}
.pr50{padding-right:50px !important}
.pr60{padding-right:60px !important}
.pr70{padding-right:70px !important}
.pr80{padding-right:80px !important}
.pr90{padding-right:90px !important}

.w74p {width: 74px !important;}
.mw30 {min-width: 30% !important;}
.mw40 {min-width: 40% !important;}

.mw80 {min-width:80px !important;}
.mw70 {min-width:70px !important;}

.w10 {width:10% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w46 {width:46% !important;}
.w48 {width:48% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

.border {border:1px solid #e0e0e0 !important;}
.border-top {border-top:1px solid #e0e0e0 !important;}
.border-bottom {border-bottom:1px solid #e0e0e0 !important;}
.border-bottom2 {border-bottom:1px solid #333 !important;}
.border-right {border-right:1px solid #e0e0e0 !important;}
.border-left {border-left:1px solid #e0e0e0 !important;}
.no-border-top {border-top: 0 none !important;}
.no-border-bottom {border-bottom: 0 none !important;}


section.page {padding: 20px;border-top: 10px solid #eeeeee;}
section.page:first-child {border-top:0 none;}
section.fat-border-top {border-top: 10px solid #eeeeee !important;}
section.thin-border-top {border-top: 1px solid #e0e0e0 !important;}
section.page.no-border-top {padding-top: 0 !important;}
section.page.no-border-top.type2 {padding: 15px !important;}



/* checkbox */
.checkbox-container {display:block;position:relative;padding-left:35px;/*margin-bottom:12px;*/cursor:pointer;font-size:0.93rem;color:#555;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:25px}
.checkbox-container input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkbox-container .checkmark {position:absolute;top:0;left:0;width:25px;height:25px;background-color:#fff;border-radius:3px;border:1px solid #ccc;}
.checkbox-container:hover input ~ .checkbox-container .checkmark {background-color:#fff;}
.checkbox-container input:checked ~ .checkmark {background-color:#0373e4;border-color:#0373e4}
.checkbox-container input:disabled ~ .checkmark {background-color:#eee;border-color:#e0e0e0;}
.checkbox-container input:disabled:checked ~ .checkmark {background-color:#eee;border-color:#e0e0e0;}
.checkbox-container .checkmark:after {content:'';position:absolute;border:solid #ccc;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.checkbox-container input:disabled:checked ~ .checkmark:after{border-color:#fff}
.checkbox-container input:checked:disabled ~ .checkmark {background:#dbe8f5 !important; border-color:#dbe8f5 !important}
.checkbox-container input:checked ~ .checkmark:after {border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.checkbox-container .checkmark:after {left:8px;top:4px;width:5px;height:10px;}
.checkbox-container.vertical input:disabled + .checkmark {background-color:#eee;}
.checkbox-container .checkmark.round{border-radius:50%}
.checkbox-container.vertical {text-align:center;}
.checkbox-container.vertical .txt {position:absolute;top:30px;left:0;width:100%;text-align:center}
.checkbox-container.vertical .checkmark {left:50%;transform: translateX(-55%);}

/* radio */
.radio-container {display:block;min-height:25px;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:0.93rem;color:#555;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.radio-container input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.radio-container .checkmark {position:absolute;top:0;left:0;width:25px;height:25px;border-radius:50%;background-color:#fff;border:1px solid #ccc;}
.radio-container:hover input ~ .radio-container .checkmark {background-color:#fff;}
.radio-container input:checked ~ .checkmark {background-color:#0373e4;border-color:#0373e4}
.radio-container .checkmark:after {content:'';position:absolute;}
.radio-container input:checked ~ .checkmark:after {top:6px;left:6px;width:11px;height:11px;border-radius:50%;background:#fff;border:0 none;}
.radio-container .checkmark:after {left:8px;top:4px;width:5px;height:10px;}
.radio-container input:disabled + .checkmark {background-color:#eee;}
.radio-container input:checked:disabled + .checkmark {background-color:#eee;border-color:#eee;}
th .radio-container, td .radio-container{margin-bottom:0px}

.square {display:block;position:relative;padding-left:35px;/*margin-bottom:12px;*/cursor:pointer;font-size:0.93rem;color:#555;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:25px}
.square input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.square .checkmark {position:absolute;top:4px;left:0;width:25px;height:25px;background-color:#fff;border-radius:3px;border:1px solid #ccc;}
.square:hover input ~ .checkbox-container .checkmark {background-color:#fff;}
.square input:checked ~ .checkmark {background-color:#0373e4;border-color:#0373e4}
.square input:disabled ~ .checkmark {background-color:#eee;border-color:#e0e0e0;}
.square input:disabled:checked ~ .checkmark {background-color:#eee;border-color:#e0e0e0;}
.square .checkmark:after {content:'';position:absolute;border:solid #ccc;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.square input:disabled:checked ~ .checkmark:after{border-color:#ccc}
.square input:checked ~ .checkmark:after {border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.square .checkmark:after {left:8px;top:4px;width:5px;height:10px;}


/* 라디오 예/아니오 동의 체크 */
.agree-container {border-top:1px solid #e0e0e0;margin-top:30px;padding-top:30px;}
.agree-container strong {font-size:1rem;}
.radio-area {display:flex;margin-top:20px;}
.radio-area .radio-container:first-child {margin-right:20px;}


/* 라디오 목록 */
.radio-list > li {flex:none !important;display:block;width:100%;word-break:break-all;padding:5px 10px !important;}
.radio-list > li > label {margin-bottom:0;}



/* ******************************************************
	01. Font
	
	*unicode-range*
	영문(대문자) U+0041-005A
	영문(소문자) U+0061-007A
	숫자 U+0030-0039
	한글 U+AC00-D7A3
	
*******************************************************/

/* NotoSansKR 영문, 한글에만 적용 */

@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 900;
	src: url(/resources/font/NotoSansKR-Black.ttf) format('truetype') 
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 700;
	src: url(/resources/font/NotoSansKR-Bold.ttf) format('truetype');
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 500;
	src: url(/resources/font/NotoSansKR-Medium.ttf) format('truetype');
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 400;
	src: url(/resources/font/NotoSansKR-Regular.ttf) format('truetype');
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 350;
	src: url(/resources/font/NotoSansKR-ExtraLight.ttf) format('truetype');
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 300;
	src: url(/resources/font/NotoSansKR-ExtraLight.ttf) format('truetype');
}


/* @font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 700;
	src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
	url(../font/NotoSansKR-Bold.woff) format('woff'),
	url(../font/NotoSansKR-Bold.otf) format('opentype'); 
	unicode-range:U+0041-005A, U+0061-007A, U+AC00-D7A3;
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 500;
	src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url(../font/NotoSansKR-Medium.woff2) format('woff2'),
	url(../font/NotoSansKR-Medium.woff) format('woff'),
	url(../font/NotoSansKR-Medium.otf) format('opentype'); 
	unicode-range:U+0041-005A, U+0061-007A, U+AC00-D7A3;
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 400;
	src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),url(../font/NotoSansKR-Regular.woff2) format('woff2'),
	url(../font/NotoSansKR-Regular.woff) format('woff'),
	url(../font/NotoSansKR-Regular.otf) format('opentype'); 
	unicode-range:U+0041-005A, U+0061-007A, U+AC00-D7A3;
}
@font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 350;
	src: local('Noto Sans KR DemiLight'), local('NotoSansKR-DemiLight'),url(../font/NotoSansKR-DemiLight.woff2) format('woff2'),
	url(../font/NotoSansKR-DemiLight.otf) format('opentype'); 
	unicode-range:U+0041-005A, U+0061-007A, U+AC00-D7A3;
}
 */


/* Roboto 숫자에만 적용 */

/* @font-face {   
	font-family: 'NotoSansKR';   
	font-style: normal;   
	font-weight: 700;
	src: url(/resources/font/Roboto-Bold.woff2) format('woff2'),
	url(/resources/font/Roboto-Bold.woff) format('woff'),
	url(/resources/font/Roboto-Bold.otf) format('opentype');
	unicode-range:U+0030-0039;
}
@font-face {   
	font-family: 'NotoSansKR';
	font-style: normal;   
	font-weight: 500;
	src: url(/resources/font/Roboto-Medium.woff2) format('woff2'),
	url(/resources/font/Roboto-Medium.woff) format('woff'),
	url(/resources/font/Roboto-Medium.otf) format('opentype');
	unicode-range:U+0030-0039;
}
@font-face {   
	font-family: 'NotoSansKR';
	font-style: normal;   
	font-weight: 400;
	src: url(/resources/font/Roboto-Regular.woff2) format('woff2'),
	url(/resources/font/Roboto-Regular.woff) format('woff'),
	url(/resources/font/Roboto-Regular.otf) format('opentype');
	unicode-range:U+0030-0039;
}
@font-face {   
	font-family: 'NotoSansKR';
	font-style: normal;   
	font-weight: 300;
	src: url(/resources/font/Roboto-Light.woff2) format('woff2'),
	url(/resources/font/Roboto-Light.woff) format('woff'),
	url(/resources/font/Roboto-Light.otf) format('opentype');
	unicode-range:U+0030-0039;
} */


.f_200{font-weight:200 !important}/* Thin */
.f_300{font-weight:350 !important}/* Reguler */
.f_500{font-weight:500 !important}/* Medium */
.f_700{font-weight:700 !important}/* Bold */


/* font-size 조정 for 폰트 크기 조정 */
html,body {font-size:100%; /*16px;*/}
h1, .f21 {font-size:1.3rem !important;}
h2, .f17 {font-size:1.1rem !important;}
h3, .f16 {font-size:1rem !important;}
h4, .f15 {font-size:0.93rem !important;}
h5, .f14 {font-size:0.87rem !important;}
h6, .f13 {font-size:0.8rem;}
.f10 {font-size:0.5rem;}
.f11 {font-size:0.6rem;}
.f12 {font-size:0.7rem;}
.f20 {font-size:1.2rem !important;}
.f19 {font-size:1.18rem !important;}
.f18 {font-size:1.15rem !important;}


.bold {font-weight:700;}
.semi-bold {font-weight:500;}



/* ******************************************************
	02. Color
*******************************************************/

.color-primary {color:#0373e4 !important;}
.color-red {color:#d93745 !important;}
.color-black {color:#000 !important;}
.color-white {color:#fff !important;}
.color-blue {color:#0066cc !important;}
.color-blue2 {color:#31486f !important;}
.color-gray3 {color:#333333 !important;}
.color-gray4 {color:#444444 !important;}
.color-gray5 {color:#555555 !important;}
.color-gray6 {color:#666666 !important;}
.color-gray7 {color:#737373 !important;}
.color-gray8 {color:#424959 !important;}


.bgcolor-primary {background-color:#0373e4;}
.bgcolor-white {background-color:#fff !important;}
.bgcolor-gray {background-color:#efefef;}
.bgcolor-lightgray {background-color:#f7f7f7;}
.bgcolor-bluegray {background-color:#f5f6fa;}





/* ******************************************************
	03. Layout
*******************************************************/

/* 상단 */
.header {display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;height:55px;border-bottom:1px solid #e0e0e0;background-color:#fff;z-index:1500;}
.header > a {position:relative;top:0;left:0;padding:10px;width:38px;height:44px;}
.header a.back {margin:0 2px;}
.header a.back {position:relative;top:0;left:0;width:40px;height:44px;background:url(../images/common/btn_nav_back.png) no-repeat center center;background-size:18px 15px;}
.header a.alarm {position:absolute;top:4px;left:auto;right:41px;width:40px;height:44px;background:url(../images/common/btn_nav_alram.png) no-repeat center center;background-size:20px 20px;}
.header a.fontsize {position:absolute;top:12px;left:auto;right:41px;width:40px;height:34px;background:url(../images/common/btn_header_font_size_larger.png) no-repeat center center;background-size:20px 17px;}
.header a.fontsize.larger {/* right:117px; */top:15px;width:40px;height:30px;background:url(../images/common/btn_header_font_size_smaller.png) no-repeat center center;background-size:20px 15px;}
.header a.menu {position:absolute;bottom:0px;left:auto;right:0;width:35px;height:38px;margin:5px 15px 5px 0;background:url(../images/MN/btn_nav_menu.png) no-repeat center center;background-size:35px 38px;}
.header a.qrcode {position:absolute;bottom:0px;left:auto;right:0;width:35px;height:38px;margin:6px 50px 5px 0;background:url(../images/MN/qrcode.png) no-repeat center center;background-size:35px 38px;}
.header a.people {position:absolute;bottom:0px;left:auto;right:0;width:35px;height:38px;margin:6px 85px 5px 0;background:url(../images/MN/people.png) no-repeat center center;background-size:35px 38px;}
.header a img{width:100%;}
.header .title-area {display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:55px;text-align:center;font-size:1.1rem !important;font-weight:700;}
/* 헤더는 rem 아닌걸로 (확대/축소 안되게) */
.header .title-area .title {display:flex;align-items:center;justify-content:center;position:relative;top:0;left:-10px;padding:15px 30px;font-size:16px;letter-spacing:-1px;}
.header .title-area .title img {width:10px;margin-left:12px;}

/* 헤더 타이틀 클릭시 리스트 메뉴가 떨어지는 헤더의 경우, 타이틀 옆 화살표 아이콘 */
.header .title-area.select .title {padding:15px 16px 15px 0;}
.header .title-area.select .title:after {transition:all .2s ease-in-out;content:'';position:absolute;top:50%;right:0;width:0;height:0;margin-top:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;}
.header .title-area.select .title.on:after {-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 
.header-menus {position:fixed;top:55px;left:0;width:100%;height:100%;z-index:1000;overflow-y:scroll;padding-bottom:55px;} 
.header-menus ul {position:relative;background:#fff;} 
.header-menus.hide-animation {position:absolute;top:-9999px;}  /* 메뉴 숨김표시 */
.header-menus ul li {border-bottom:1px solid #e0e0e0;} 
.header-menus ul li a {display:flex;align-items:center;position:relative;top:0;left:0;height:50px;font-size:0.93rem;padding:0 20px;color:#555555;} 
.header-menus ul li a.on {color:#0373e4;font-weight:500;} 
.header-menus ul li a.on:after {position:absolute;top:-5px;left:-5px;width:25px;height:25px;border-radius:13px;background-color:#0373e4;z-index:50;box-shadow: 0 2px 5px rgba(0,0,0,.3);}

.header-menus .btn-more {display:flex;align-items:center;justify-content:center;width:100%;height:50px;background-color:#f7f7f7;font-size:0.8rem;color:#333333;border-bottom:1px solid #e0e0e0;} 
 
 
/* 본문 */
html, body, .wrapper{height:100%}
.app-main .container {position:relative;top:0;left:0;background-color:#fff;padding:70px 20px 15px;min-height:100%}
.autowd {margin: 0px -15px; width: auto;}

/* 하단 */
.btn-go-top {position:fixed;bottom:60px;right:10px;width:61px;height:61px;z-index:1000;}
.btn-go-top:before {content:'';position:absolute;top:-2px;left:2px;width:61px;height:61px;background:url(../images/common/btn_footer_arrow_up.png) no-repeat center center;background-size:61px 61px;}


/* 둥근 회색 삭제 버튼 */
.btn-delete-circle-gray {}

/* form 공통*/
.debt > p{line-height:100%}
.debt > p > strong{font-weight:400;color:#333;font-size:0.87rem}
.debt > ul{border-top:1px solid #333333;margin-top:10px}
.debt > ul >li{position:relative;padding:15px 50px 15px 10px;border-bottom:1px solid #e0e0e0}
.debt .radio-container{padding-left:0;;margin-bottom:0}
.debt .radio-container em{font-style:normal;}
.debt .radio-container .txt{display:flex;justify-content:space-between;align-items:center}
.debt .radio-container .txt > span{display:block;}
.debt .radio-container .txt > span.account{font-size:0.83rem;color:#333}
.debt .radio-container .txt > span.account span{display:block}
.debt .radio-container .txt > span.account em{display:inline-block;color:#0474e4;line-height:100%;padding:6px 12px;border:1px solid #0474e4;border-radius:9999px;font-size:0.7rem;margin-bottom:10px}
.debt .radio-container .txt > span.total em{display:block;font-weight:350;color:#737373;font-size:0.7rem;text-align:right}
.debt .radio-container .txt > span.total strong{font-weight:500;color:#333333;font-family:'NotoSansKR';font-size:27px;letter-spacing:-0.1rem}
.debt .radio-container .checkmark{left:auto;right:-40px;top:50%;margin-top:-13px;box-sizing:border-box}
.debt .radio-container input:checked ~ .checkmark{border:0}
.debt .radio-container input ~ .checkmark:after{content: '';position: absolute;left: 8px;top: 4px;width: 5px;height: 10px;border: solid #cccccc;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);background:transparent; }
.debt .radio-container input:checked ~ .checkmark:after{border-radius:0;border-color:#fff}
.inp-txtwrap{position:relative;margin-bottom:10px}
.inp-txtwrap .han{position:absolute;right:0;top:-20px;color:#ff162a;font-size:0.7rem;}
.list-box{padding:10px 15px;background:#fefcf3;color:#31486f;font-weight:300;font-size:0.8rem}
.list-box a{border-bottom:1px solid #0373e4}
.list-box .caution{color:#555555;padding-left:25px;position:relative;font-weight:400}
.list-box .caution i{display:inline-block;position:absolute;left:0;top:2px;width:18px;height:18px;background:url("/resources/images/common/icon_caution.png") no-repeat 0 0;background-size:18px auto}
.list-box > ul > li{padding-left:10px;position:relative;margin-top:13px;color:#31486f;font-weight:300;font-size:0.8rem}
.list-box > ul > li > ul > li {padding-left:10px;position:relative;margin-top:5px;font-weight:300;color:#31486f;font-size:0.8rem;}
.list-box > ul > li strong{font-weight:350;}
.list-box > ul > li > ul > li {text-indent:-7px;padding-left:7px}
.list-box > ul > li > ul.no-circle > li {text-indent:0;padding-left:0}
.list-box > ul > li:first-child{margin-top:0}
.list-box > ul > li:before{content:'';position:absolute;width:3px;height:3px;top:8px;left:0;background-color:#555555;border-radius:50%}
.list-box.type2{background:none;border:1px solid #e0e0e0;border-radius:3px}
.prime{margin:-15px -15px 0;padding:25px 20px;background:#0373e4}
.prime .tit-wrap .help .ui-switch__label-text{color:#fff}
.prime h1.tit-type1{color:#ffffff}
.prime .rate{display:flex;align-items:center;border-radius:3px;overflow:hidden;align-items:stretch}
.prime .rate > div{padding:15px 0;text-align:center;display: flex;flex-direction: column;justify-content: center;}
.prime .rate > div strong{display:block;font-weight:350;line-height:100%}
.prime .rate > div.standard{background:#f5f8fc;width:43%}
.prime .rate > div.standard strong{border:1px solid #737373;border-radius:9999px;width:60px;margin:0 auto;padding:4px 0;margin-top:7px}
.prime .rate > div.expect{background:#f8e71d;width:57%;color:#0054a4}
.prime .rate > div.expect strong{font-weight:500;font-size:35px;color:#0054a4}
.prime .rate > div.expect small{font-size:0.93rem}
.setting-wrap{position:relative;margin-top:15px}
.setting-wrap .btn{position:absolute;right:0;top:-3px;padding-right:0}
.setting-wrap .btn .icon.setting {top:-2px;} /* 2021-04-25 아이콘 위치 수정 */
.setting-wrap2{position:relative;margin-top:15px}
.setting-wrap2 .btn{position:absolute;right:0;top:-3px;}
.setting-wrap em,.setting-wrap2 em{font-style:normal;color:#737373;font-size:0.813rem}
.txt-area{padding:25px 0 17px;border-bottom:1px solid #333333;color:#737373;font-size:0.87rem;margin-bottom:20px}
.txt-area p strong{font-weight:500;font-size:0.93rem;color:#000000}
.side-box{margin-top:30px}
.side-box > p > strong{color:#000;font-size:1rem;font-weight:500}
.side-box > p{position:relative}
.side-box > p span{position:absolute;right:0;bottom:0;color:#555555;font-size:0.8rem}
.side-box > p span em{font-style:normal}
.side-box-wrap{border:1px solid #e0e0e0;overflow:hidden;border-top:4px solid #38d1c0;border-radius:4px;padding:20px 15px;margin-top:5px;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);}
.side-box-wrap .txt-area{padding:0;border-bottom:0}
.branch-search {display:flex;}
.branch-search .btn {min-width:initial;width:180px;padding:0 !important;}

dl.list{margin:0 -15px;border-top:10px solid #f5f5f5}
dl.list dt{position:relative;display:flex;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;justify-content:space-between}
dl.list dt .date{color:#737373;font-size:0.83rem;margin-left:auto;margin-right:15px;}
dl.list dt strong{font-weight:500;border-bottom: 3px solid #c3e8ff;box-shadow: inset 0 -6px 0 #c3e8ff;padding: 0 2px;font-weight: 500;line-height:100%}
dl.list dd.no-result{display:flex;justify-content:center;align-items:center;padding:15px 15px 0}
dl.list dd.no-result div{background:#f7f7f7;color:#555555;padding:20px 0;width:100%;font-size:0.87rem;line-height:25px}
dl.list dd .debt{padding:15px}
dl.list dd.active{padding-top:20px}
dl.list dd.active div{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:3px;margin:0 15px;padding:15px}
dl.list dd.active span{color:#555555;font-size:0.87rem;padding:0 15px}
dl.list dd.active div{color:#333333;font-size:0.93rem;padding-right:80px;margin-top:7px}
dl.list dt .btn.text{min-width:0;border-bottom:1px solid #0373e4;padding:0;border-radius:0;min-height:0;height:auto;line-height:100%}
/* ******************************************************
	04. Table
*******************************************************/


/* 페이징 */
.paging {display:flex;align-items:center;justify-content:space-between;position:relative;top:0;left:0;margin:0 auto;}
.paging .num {display:flex;align-items:center;padding:0 10px;text-align:center;font-size:1.1rem;font-weight:500;}
.paging .num.active {color:#0373e4;text-decoration:underline;}
.paging .btn-paging {position:relative;top:0;left:0;width:30px;height:30px;border-radius:5px;border:1px solid #e0e0e0;}
.paging .btn-paging:hover {border:1px solid #555555;}
.paging .go-first, .paging .prev {margin-right:0;}
.paging .go-last, .paging .next {margin-left:0;}
.paging .go-first:before {content:'';position:absolute;top:7px;left:6px;width:14px;height:13px;background:url(../images/common/icon_table_first_page.png) no-repeat center center;background-size:14px 13px;}
.paging .go-last:before {content:'';position:absolute;top:7px;left:7px;width:14px;height:13px;background:url(../images/common/icon_table_last_page.png) no-repeat center center;background-size:14px 13px;}
.paging .prev:before {content:'';position:absolute;top:7px;left:9px;width:8px;height:13px;background:url(../images/common/icon_table_prev.png) no-repeat center center;background-size:8px 13px;}
.paging .next:before {content:'';position:absolute;top:8px;left:10px;width:8px;height:13px;background:url(../images/common/icon_table_next.png) no-repeat center center;background-size:8px 13px;}




/* 테이블 헤더 기본 */
.table-header {font-size:0.93rem;font-weight:500;padding-bottom:7px;text-align:left;}

/* 테이블 헤더 v2 */
.table-header.v2 {font-weight:normal;}
.table-header.v2 .title {color:#555555;display:inline-block;font-weight:300;margin:0 0 8px;}
.table-header.v2 .text {margin-left:7px;display:inline-block;color:#333333;font-weight:500;}

/* 테이블 헤더 v3 (검색 결과) */
.table-header.v3 {margin-bottom:0;border-bottom:1px solid #000;}
.table-header.v3 .detail {color:#333333;font-weight:normal;}
.table-header.v3 .detail strong {color:#0373e4;}

/* 테이블 헤더 v4 */
.table-header.border-bottom {border-bottom:1px solid #000;}



/* 테이블 공통 */
.hf-table {font-size:0.87rem;font-weight:normal;font-weight:normal;border-top:1px solid #000 !important;}
.hf-table th {font-weight:normal;}
.hf-table.th-dense th {letter-spacing:-1px;}
.hf-table td {text-align:left;}
.hf-table thead th {text-align:center;font-size:0.93rem;height:40px;padding: 10px 5px;color:#333333;border-bottom:1px solid #000;border-right:1px solid #e0e0e0;}
.hf-table tbody th, .hf-table tbody td {padding:5px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.hf-table thead th:last-child, .hf-table thead td:last-child, .hf-table tbody th:last-child, .hf-table tbody td:last-child {border-right:0 none;}
.hf-table tbody th {text-align:left;background-color:#f5f5f5;color:#333333;}
.hf-table tbody td {color:#555555;}

.hf-table thead th .checkbox-container, .hf-table thead td .checkbox-container {font-size:0.87rem !important;} 

.hf-table.border-top {border-top:1px solid #000 !important;}
.hf-table.no-border-top {border-top:0 none !important;}
.hf-table.no-border-top-bottom {border-top:0 none !important;border-bottom:0 none !important;}

.hf-table.th-white tbody th {background-color:#fff;}
.hf-table.th-center tbody th {text-align:center;}
.hf-table.th-left tbody th {text-align:left;}
.hf-table.th-right tbody th {text-align:right;}
.hf-table.td-center tbody td {text-align:center;}
.hf-table.td-right tbody td {text-align:right;}

.hf-table tfoot {background-color:#f5f6fa;}
.hf-table tfoot.total tr td {padding:3px 15px;color:#555555;}
.hf-table tfoot.total tr:first-child td {padding-top:20px;border-top:1px solid #333333;}
.hf-table tfoot.total tr:last-child td {border-bottom:1px solid #333333;padding-bottom:20px;color:#0373e4;font-size:0.93rem;font-weight:500;padding-top:10px;}
.hf-table tfoot.total tr td:last-child {text-align:right !important;}

.hf-table ul li {color:#555555;}

/* type2 */
.hf-table.type2 th, .hf-table.type2 td{padding:20px 0}
.hf-table.type2 th, .hf-table.type2 th label, .hf-table.type2 th strong{background:#fff;padding-left:0;font-weight:500;font-size:18px;color:#333}
.hf-table.type2 th, .hf-table.type2 td{border:0}

.hf-table.no-border {border:0 none;}

/* type3 */
.hf-table.type3 th {color:#555555;}
.hf-table.type3 td {color:#333333;text-align:right;}

.page-title {font-size:20px;font-weight:500;border-top:1px solid #000;padding:15px 20px;}
.page-title.type2 {border-bottom:1px solid #333;margin-bottom:30px;}
.page-title.type3 {border-top:0;padding:30px 0 10px;font-size:24px}
.page-title.type4 {border-top:0;padding:30px 0 10px;font-size:20px}
.page-title.type5 {border-top: 1px solid #000;border-bottom:1px solid #e0e0e0;padding: 15px 20px !important;font-size: 20px;font-weight: 500;}
.page-title.type6 {position:relative;border-bottom:1px solid #333;border-top:0;margin-bottom:30px;padding-left:0}
.page-title.type6 .caption{position:absolute;right:0;bottom:5px;font-size:16px;color:#555555;font-weight:400;line-height:100%}
.page-title.type6 .caption:before{content:'';display:inline-block;width:5px;height:5px;background:#ff162a;border-radius:50%;vertical-align:top;margin-right:10px;margin-top:5px}  
 

.page-title-wrap {display:flex;align-items:flex-end;border-bottom:1px solid #333;margin-bottom:20px;}
.page-title-wrap .page-title.type2 {border-bottom:0 none;margin-bottom:0;}

.unit-wrap {display:flex;align-items:center;}
.unit-wrap .unit {margin-left:auto;margin-bottom:5px;}

.unit {font-size:14px;color:#737373;}

/* type4 - 완료화면 등 */
.hf-table.type4 {background-color:#fff;border-top:1px solid #e0e0e0;}
.hf-table.type4 > tbody > tr > th {font-size:18px;background-color:#fff;color:#000000;font-weight:500;border-right:0 none;}
.hf-table.type4 > tbody > tr > td {font-size:18px;color:#555555;border-right:0 none;}
.hf-table.type4 > tbody > tr > th, .hf-table.complete > tbody > tr > td {padding:27px 20px;}
.hf-table.type4.dense > tbody > tr > th, .hf-table.complete.dense > tbody > tr > td {padding:15px 20px;}


/* type5  */
.hf-table.type5{border-collapse:collapse}
.hf-table.type5 thead th{border-bottom:1px solid #e0e0e0;font-weight:500}
.hf-table.type5 tbody{border-top:1px solid #000}

.hf-table.type5 > thead > tr > th:last-child, 
.hf-table.type5 > thead tr > td:last-child, 
.hf-table.type5 >  tbody > tr > th:last-child, 
.hf-table.type5 tbody > tr > td:last-child {border-left:1px solid #e0e0e0}

/* type6  */
.hf-table.type6{border-collapse:separate}
.hf-table.type6 thead{border-bottom:1px solid #e0e0e0}
.hf-table.type6 thead th{font-weight:500}
.hf-table.type6 tbody{border-top:1px solid #333}


.hf-table.type6 > tbody > tr > th,
.hf-table.type6 > tbody > tr > td{padding:10px 5px}


/* 주소 검색결과 */
.hf-table.address {border-top:0 none !important;}
.hf-table.address tbody th, .hf-table.address tbody td {padding:10px 0 10px 15px;border-bottom:1px solid #e0e0e0;border-right:0 none;}
.hf-table.address tbody tr:last-child th, .hf-table.address tbody tr:last-child td {border-bottom:0 none;}
.hf-table.address tbody th {text-align:center;background-color:initial;color:#0373e4;}
.hf-table.address tr:hover, .hf-table.address tr.selected td {background-color:#f5f6fa;}
.hf-table.address tbody td .title {font-size:0.87rem;color:#333333;margin-top:0;margin-bottom:7px;text-align:left;/*white-space: pre;*/}
.hf-table.address tbody td .text {font-size:0.87rem;color:#666666;text-align:left;/*white-space: pre;*/}

/* 주소 검색결과 웹접근성 반영한 리스트 200918 */
/*
.address {position:relative;top:0;left:0;border-bottom:1px solid #e0e0e0;}
.address:last-child {border-bottom:0 none;}
.address input[type="radio"] {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden; background: transparent;}
.address label {align-items:center;}
.address label div:nth-child(2) {width:calc(100% - 70px); margin-left:70px;}
.address label .zip {padding:0 15px;color:#0373e4; width:70px; position:absolute; top:50%; margin-top:-9px;}
.address label .title {font-size:0.87rem;color:#333333;margin:10px 0 8px !important;}
.address label .text {font-size:0.87rem;color:#666666;margin-bottom:10px;}
.address input[type="radio"]:checked + label {background-color:#f5f6fa;}*/

.address {position:relative;top:0;left:0;border-bottom:1px solid #e0e0e0;}
.address:last-child {border-bottom:0 none;}
.address input[type="radio"] {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
.address label {display:flex;align-items:center;}
.address label .zip {padding:0 15px;color:#0373e4;}
.address label .title {font-size:0.87rem;color:#333333;margin:10px 0 8px !important;}
.address label .text {font-size:0.87rem;color:#666666;margin-bottom:10px;}
.address input[type="radio"]:checked + label {background-color:#f5f6fa;}

/* 영업점 검색결과 웹접근성 반영한 리스트 */
.branch {position:relative;top:0;left:0;border-bottom:1px solid #e0e0e0;}
.branch:last-child {border-bottom:0 none;}
.branch input[type="radio"] {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
.branch label {display:flex;align-items:center;flex-direction:column;align-items:flex-start;padding-left:10px;}
.branch label .zip {padding:0 15px;color:#0373e4;}
.branch label .title {font-size:0.87rem;color:#333333;margin:10px 0 5px !important;}
.branch label .text {font-size:0.87rem;color:#666666;margin-bottom:10px;}
.branch input[type="radio"]:checked + label {background-color:#f5f6fa;}



/* 검색결과 리스트 */
.hf-table.search-list tbody td {padding:15px 20px;border-bottom:1px solid #e0e0e0;}
.hf-table.search-list tr:hover {background-color:#f5f6fa;}
.hf-table.search-list tbody td .title {font-size:0.93rem;color:#333333;text-align:left;margin-bottom:5px;}
.hf-table.search-list tbody td .text {font-size:0.8rem;color:#666666;text-align:left;}

.no-result {text-align:center;padding-bottom:50px;margin-top:50px;}
.no-result .title {margin-top:10px;font-size:1.1rem;color:#333333;white-space:pre-line;}
.no-result .text {margin-top:15px;font-size:0.87rem;color:#737373;white-space:pre-line;}

/* 인라인 디자인 */
.caution {color:#737373;font-size:0.8rem;}
.caution i{display:inline-block;width:25px;height:25px;background-repeat:no-repeat;background-size:25px auto;vertical-align:middle;margin-right:8px}
.caution i{background-image:url("/resources/images/RE/icon_cau.png")}
.caution.check i{background-image:url("/resources/images/RE/icon_able.png")}


.no-data {text-align:center;}
.no-data .title {font-size:1.1rem;color:#333333;}
.no-data .text {font-size:0.87rem;color:#737373;}


/* 테이블 내 리스트 */
.hf-table .dot li {margin-bottom:15px;}  


/* 리스트 스타일링 */
.list-title {font-weight:500;}

/* 1depth */
.dot > li {position:relative;top:0;left:0;padding-left:10px;margin-bottom:10px;color:#333333;font-size:0.87rem;}
.dot > li:last-child {margin-bottom:0;}
.dot > li:before {content:'';position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:2px;}
.dot-list > li:before{content:'';position:absolute;left:0;top:12px;background:#555555;width:3px;height:3px;border-radius:50%}

.dot.dense > li {margin-bottom:5px;}

/* 리스트 컬러 스타일링 */
.dot.gray > li:before {background-color:#555555;}
.dot.color-gray5 > li {color:#555555;}

/* 2depth */
.dot > li > ul {position:relative;top:0;left:0;color:#555555;margin-top:10px;}
.dot > li > ul > li {position:relative;top:0;left:0;padding-left:10px;margin-bottom:5px;font-size:0.8rem;}
.dot > li > ul > li:before {content:'-';position:absolute;top:0px;left:0;}

/* 3depth */
.dot > li > ul > li > ul {position:relative;top:0;left:0;margin-top:8px;margin-bottom: 15px;}
.dot > li > ul > li > ul > li {position:relative;top:0;left:0;padding-left:15px;}
.dot > li > ul > li > ul > li:before {content: '';position: absolute;left: 2px;top: 6px;width: 7px;height: 6px;background: url(/resources/images/common/bullet_type01.png) no-repeat 0 0;}


ul.indent57 {padding-left:57px;}
ul.indent57 li {text-indent:-57px;}

/* 번호 붙은 리스트 */
body {counter-reset: my-sec-counter my-sec-counter2;}
.num > li {position:relative;top:0;left:0;padding-left:23px;margin-bottom:10px;font-size:0.93rem;}
.num > li:last-child {margin-bottom:0;}
.num > li:before {counter-increment: my-sec-counter;content:counter(my-sec-counter);position:absolute;top:3px;left:0;width:18px;height:18px;border-radius:9px;text-align:center;}
.num.gray > li:before {background-color:#424959;color:#fff;font-size:12px;font-weight:700;}
.num.f13 > li {font-size:0.8rem;}

.num.flat > li:before {content:counter(my-sec-counter)'.';}
.num.flat > li:before {background-color:#fff;color:#555;font-size:12px;font-weight:500;}

.step-list {}
.step-list dt {color:#333333;font-size:0.87rem; font-weight:500;margin-bottom:10px;} 
.step-list dd .label{margin-bottom:5px;padding: 0 5px;font-size:0.8rem;border-radius:10px;background-color:#fff;color:#0474e4;border:1px solid #0474e4;height:20px;line-height:17px;} 
.step-list dd .text{color:#555555;font-size:0.8rem;} 




/* step */
.step{position:relative;top:0;left:0;padding-right:5px;}
.step ul{position:relative;top:0;left:0;display:table;z-index:10;}
.step ul li{display:table-cell;min-width:40px}
.step ul li:after {content:'';position:absolute;width:100%;height:2px;background:#eeeeee;z-index:4;top:50%;marign-top:-1px}
.step ul li:last-child:after {content:'';position:absolute;width:20px;height:2px;background:#fff;z-index:4;top:50%;marign-top:-1px}
.step:after{content:'';position:absolute;width:110px;height:2px;background:#fff;z-index:5;top:13px;right:0}
.step li{position:relative;z-index:5;text-align:right;}
.step li i{display:inline-block;position:relative;width:9px;height:9px;border-radius:50%;background:#e0e4ea;color:#e0e4ea;font-size:13px;text-align:center;font-weight:500;line-height:9px;font-style:normal;font-family:'NotoSansKR';z-index:6;}
.step li.complete i{text-indent:-9999px;background:#b1b3b9;color:#b1b3b9;}
.step li.current i{left:5px;background:#0373e4;color:#fff;width:20px;height:20px;line-height:20px;}
.step span{display:none;}



/* 체크리스트 */
.check-list .title {font-size:0.87rem;color:#000;font-weight:500;margin-bottom:10px;}
.check-list > ul > li {margin-bottom:13px;}
.check-list .checkbox-container {font-size:0.87rem;line-height:1.562rem}

/* 리스트 테이블 */
table.list{width:100%;table-layout:fixed;border-top:2px solid #000}
table.list > thead > tr > th{height:56px;font-size:1.1rem;color:#000;font-weight:400;padding:0 10px;letter-spacing:-0.050em;background:#f8f8f8;border-bottom:1px solid #f7f7f7;vertical-align:middle;text-align:center;border-bottom:1px solid #000}
table.list > tbody > tr > td{height:20px;font-size:1.1rem;color:#000;padding:16px 10px 15px 10px;font-weight:400;line-height:24px;background:#fff;border-bottom:1px solid #ddd;vertical-align:middle;text-align:center}
table.list.doc_list > tbody > tr > td {padding:16px 10px 15px 20px;}
table.list > tbody > tr > td.none_data{height:108px;color:#999;background:#f7f7f7}
table.list.border > thead > tr > th{border-left:1px solid #ddd}
table.list.border > thead > tr > th:first-child{border-left:none}
table.list.border > tbody > tr > td{border-left:1px solid #ddd}
table.list.border > tbody > tr > td:first-child{border-left:none}
table.very_small > thead > tr > th{height:40px;font-size:0.7rem;padding:0 5px}
table.very_small > tbody > tr > td{height:20px;font-size:0.6rem;color:#000;padding:10px 5px;line-height:15px;}


/* 정보 테이블 */
table.info_list{width:100%;table-layout:fixed;border-top:2px solid #000}
table.info_list > thead > tr > th{height:56px;font-size:1.1rem;color:#000;padding:0 20px;font-weight:400;letter-spacing:-0.050em;background:#f8f8f8;border-bottom:1px solid #f7f7f7;vertical-align:middle;text-align:left;border-bottom:1px solid #000;border-left:1px solid #ddd}
table.info_list > tbody > tr > td{height:20px;font-size:1.1rem;color:#000;padding:20px;font-weight:400;line-height:24px;background:#fff;border-bottom:1px solid #ddd;vertical-align:top;text-align:left;border-left:1px solid #ddd}
table.info_list > thead > tr > th:first-child,
table.info_list > tbody > tr > td:first-child{border-left:none}
table.info_list + table.info_list{margin-top:-1px}


/* 입력 테이블 */
table.view{width:100%;table-layout:fixed;border-top:2px solid #000}
table.view > tbody > tr > th{height:24px;padding:8px 29px 8px 29px;font-size:1.1rem;color:#000;line-height:40px;font-weight:400;background:#f7f7f7;border-bottom:1px solid #ddd;vertical-align:middle;text-align:left}
table.view > tbody > tr > td{height:24px;padding:8px 29px 8px 29px;font-size:1.1rem;color:#000;line-height:24px;font-weight:400;background:#fff;border-bottom:1px solid #ddd;vertical-align:middle;text-align:left}
table.view > tbody > tr > td.nPd{padding:0;}
table.view > thead > tr > th{height:24px;padding:8px 20px 8px 29px;font-size:1.1rem;color:#000;line-height:40px;font-weight:400;background:#f7f7f7;border-bottom:1px solid #ddd;vertical-align:middle;text-align:left}
.check_th{background:#fff !important;padding:0 !important;border-right:none !important}
table.view.info_table{border-top:1px solid #c2c2c2}
table.view.info_table > tbody > tr > td,
table.view.info_table > tbody > tr > th{}
table.view.info_table > tbody > tr:last-child > td,
table.view.info_table > tbody > tr:last-child > th{border-bottom:1px solid #c2c2c2}
table.view.result_table > tbody > tr > td{height:40px;text-align:center;padding-left:0;padding-right:0;}
table.view.result_table > tbody > tr > th{height:55px;padding:0;line-height:22px;text-align:center;padding-left:0;padding-right:0;}
table.view.result_table.border > tbody > tr > td{border-right:1px solid #c2c2c2}
table.view.result_table.border > tbody > tr > th{border-right:1px solid #c2c2c2}
table.view.result_table.border > tbody > tr > td:last-child,
table.view.result_table.border > tbody > tr > th:last-child{border-right:none}
table.view.result_table + .result_table{margin-top:10px;}
table.view.result_table.small > tbody > tr > td{font-size:1.93rem;line-height:20px;}
table + .bottom_table_info{margin-top:20px}


/* 컨텐츠 상세 테이블 */
table.detail_table_view{width:100%;table-layout:fixed}
table.detail_table_view > tbody > tr > th{height:24px;padding:16px 20px 16px 50px;font-size:1.1rem;color:#000;line-height:24px;font-weight:400;background:#eee;border:1px solid #ddd;border-right:none;vertical-align:middle;text-align:left}
table.detail_table_view > tbody > tr > td{height:24px;padding:16px 20px 16px 30px;font-size:1.1rem;color:#666;line-height:24px;font-weight:400;background:#f7f7f7;border:1px solid #ddd;border-left:none;vertical-align:middle;text-align:left}

/* ******************************************************
	05. Button
*******************************************************/

.btn {min-height:45px;border-radius:4px;padding:0 5%;font-size:0.93rem;box-sizing:border-box;}

.btn.block {width:100%;height:55px;border-radius:0;}
.btn.half {width:50%;height:55px;border-radius:0;}
.btn.mid {height:30px;min-height:30px;line-height:30px;min-width:30px;padding:0 15px;font-weight:500;min-width:70px;}
.btn.narrow {min-width:initial !important;}

.btn.outline {border:1px solid #e0e0e0;color:#333;}
.btn.outline-primary {border:1px solid #0373e4;color:#0373e4 !important;}
.btn.outline-darkgray {border:1px solid #666666;color:#333333 !important; background:#fff}
.btn.darkgray {background:#424959;color:#fff;}
.btn.mid.flat{padding:0}
.btn.flat.primary {color:#0373e4 !important;background-color:transparent !important;}

.btn.more {border:1px solid #e0e0e0;height:40px;line-height:40px;background-color:#fff;}
.btn.more .arrow-down {top:-1px;background-size: 13px 7px; width: 13px;height: 7px;}
.btn.more .cur-page {position:relative;top:-2px;font-size:0.7rem;color:#0373e4;}
.btn.more .total-page {position:relative;top:-2px;font-size:0.7rem;color:#555555;}

.btn-container {position:fixed;left:0;right:0;bottom:0;width:100%;display:flex;justify-content:space-between;z-index:1001;}
.btn-container.type2 button:first-child {width:40% !important;}
.btn-container.type2 button:last-child {width:60% !important;}

.btn.small {min-width:auto;min-height:26px;height:26px;padding:0 7px;background-color:#fff;color:#0373e4;border-radius:3px;font-size:0.7rem;color:#fff;}
.btn.outline.color-primary {color:#0373e4;}
.btn.rounded {border-radius:9999px;}
.btn.round {border-radius:9999px;}

.btn.small.font-size-fix {font-size:12px !important;}
.btn.mid.font-size-fix {font-size:15px !important;}

.btn-icon {position:relative;top:0;left:0;background-color: #0474e4;width:25px;height:25px;border-radius:13px;}
.btn-icon i{position:relative;top:0;left:0;}
.btn-icon i.check {content:'';position:absolute;left:8px;top:4px;width:7px;height:11px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

a.btn{text-align:center}
a.btn.mid{line-height:50px}
.text-btn {position:relative;top:0;left:0;text-decoration:underline;color:#555555;padding-right: 15px;}
.text-btn:after{content:'';position:absolute;right:0;top:50%;width:8px;height:8px;margin-top:-5px;border:solid #aaa;border-width:0 2px 2px 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

.link-btn{ font-size:0.8rem;color:#0373e4;text-decoration:underline;}

.btn.outline {background-color:#fff;border:1px solid #e0e0e0;color:#333;font-weight:500}
.btn.primary.outline {color:#0373e4;}
.btn.gray.outline {color:#333;}

.btn.primary {background-color:#0373e4 !important;color:#fff !important;}
.btn.gray {background-color:#d5dbe6;color:#424959;}
.btn.lightgray {background-color:#eceff2;color:#333333 !important;}
.btn.darkgray {background-color:#424959;color:#fff;}

.btn.primary .icon.add {background:url(../images/common/icon_button_plus_w.png) no-repeat;background-size: 12px;}
.btn:disabled .icon.add {background:url(../images/common/icon_button_plus_w.png) no-repeat;background-size: 12px;}

.btn-container .btn.primary, .btn-area .btn.primary, .pop-foot .btn.primary {background-color:#0054a4;}
.btn-container .btn.primary:hover, .btn-area .btn.primary:hover, .pop-foot .btn.primary:hover {background-color:#01417d;}
.btn-container .btn + .btn {;margin-left:1px} /* 2021-04-28 하단 버튼 간격 */

.btn:disabled {background-color:#e6e6e6 !important;color:#999999 !important;}
.btn-deletex {display:inline-block;vertical-align:middle;width:45px;height:45px;background:url("/resources/images/common/ico_trash.gif") no-repeat center; text-indent:-9999; font-size:0px; content:''}
.search-address {width:100%;padding:10px;border-radius:5px;border:1px solid #e0e0e0;font-size:0.93rem;color:#555555;background-color:#f7f7f7;}

.form-control {display:flex;}
.form-control .btn {border-radius:3px;min-width:initial;padding:0 5px;}
.form-control .btn.input {border-radius:3px;border-bottom-left-radius:0;border-top-left-radius:0;}
.btn.input{padding:0 0.6rem;}
.form-control.v2 {flex:1;align-items:flex-end;}
.form-control.v2 > div {width:100%;}
.form-control .han {justify-content:flex-end;}
.form-control.v2 .btn {margin-left:8px;border-radius:3px;}
.form-control.v2 .btn.input {border-radius:3px;}




.label {display:inline-block;position:relative;top:0;left:0;margin-bottom:10px;}
.label.required {padding-right:10px;}
.label.required:after {content:'';position:absolute;top:0;right:0;width:5px;height:5px;border-radius:3px;background-color:red;}

.require {position:relative;top:0;left:0;padding-right:8px;font-weight: 500;font-size: 0.93rem;color: #000000;}
.require:after{content:'';position:absolute;right:0;top:5px;width:4px;height:4px;box-sizing:border-box;background-color:#ff162a;border-radius:50%}

.status-label {padding: 0 5px;font-size:0.8rem;}
.status-label.rounded, .status-label.round{border-radius:9999px;}
.status-label.primary{background-color:#0474e4;color:#fff;}
.status-label.outline-primary {background-color:#fff;color:#0474e4;border:1px solid #0474e4;}
.status-label.outline-gray {background-color:#fff;color:#737373;border:1px solid #e0e0e0;}

.status-label.small{font-size:0.7rem;}

.guide {font-size:0.8rem;color:#777;}
.warning {font-size:0.8rem;color:#d93745;}

/* error form 요소 처리 */
input.error, .checkbox-container.error .checkmark, .radio-container.error .checkmark, .ui-select.error {border:1px solid #ff162a;}
.ui-select.error{margin-top:0}


.radio-btns-wrapper {display:flex;position:relative;top:0;left:0;justify-content:space-between;border-radius: 5px;}
.radio-btns-wrapper .btn-radio {position:absolute;top:0;left:0;width:0;height:0;outline:0 none;border:0 none;}
.radio-btns-wrapper .btn-radio + label {display:flex;align-items:center;justify-content:center;position:relative;top:0;left:0;width:100%;height:auto;text-align:center;padding:10px 0;border: 1px solid #e0e0e0;border-right: 0 none;color:#666666;font-size:0.93rem;box-sizing:border-box;background-color:#fff;white-space:pre-line;word-break:keep-all;}
.radio-btns-wrapper .btn-radio:first-child + label {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.radio-btns-wrapper .btn-radio + label:last-child {border-top-right-radius:5px;border-bottom-right-radius:5px;border-right: 1px solid #e0e0e0;}
.radio-btns-wrapper .btn-radio:checked + label {color:#0373e4;border:2px solid #0373e4;border-radius:5px;padding:8px 0}
.radio-btns-wrapper .btn-radio:checked + label .checkmark {position:absolute;top:-10px;left:-10px;width:25px;height:25px;border-radius:13px;background-color:#0373e4;z-index:40;box-shadow: 0 2px 5px rgba(0,0,0,.3);}
.radio-btns-wrapper .btn-radio:checked + label .checkmark:after {content:'';position:absolute;left:8px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.radio-btns-wrapper .btn-radio:disabled + label{background:#e6e6e6;color:#999}
.label-state {text-align:center;font-size:0.8rem;}
.label-state i {display:block;width:10px;height:10px;border-radius:5px;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.label-state.blue {color:#0373e4;}
.label-state.red {color:#d93745;}
.label-state.blue .circle {border:2px solid #0373e4;}
.label-state.red .circle {border:2px solid #d93745;}

.btn_con{position:relative;margin-top:20px;text-align:center;font-size:0}
.btn_con a{margin:0 5px}
.btn_con a:last-child{margin-right:0}
.btn_con a:first-child{margin-left:0}

.btn_page{position:relative;margin-top:30px;text-align:center;font-size:0}
.btn_page a{margin:0 5px}
.btn_page a:last-child{margin-right:0}
.btn_page a:first-child{margin-left:0}
.btn_page.big{margin-top:50px}

.btn_pos_left{position:absolute;top:0;left:0;font-size:0}
.btn_pos_left > input[type=submit],
.btn_pos_left > button,
.btn_pos_left > a{margin-left:10px}
.btn_pos_left > input[type=submit]:first-child,
.btn_pos_left > button:first-child,
.btn_pos_left > a:first-child{margin-left:0}

.btn_pos_right{position:absolute;top:0;right:0;font-size:0}
.btn_pos_right > input[type=submit],
.btn_pos_right > button,
.btn_pos_right > a{margin-left:10px}
.btn_pos_right > input[type=submit]:first-child,
.btn_pos_right > button:first-child,
.btn_pos_right > a:first-child{margin-left:0}

.btn_input_right_more{position:absolute;top:0;left:100%;margin-left:10px;line-height:38px !important;height:40px !important}
/* 인증서 버튼 추가 */
.cert-area {text-align:center;line-height:52px;background:#f0f0f0;width:100%;}

/* 날짜필터링 (3개월, 6개월, 12개월, 직접입력) */
.toggle-btns-wrapper {display:flex;position:relative;top:0;left:0;justify-content:space-evenly;}
.toggle-btns-wrapper .btn-toggle {position:absolute;top:0;left:0;width:0;height:0;outline:0 none;border:0 none;}
.toggle-btns-wrapper .btn-toggle + label {display:flex;align-items:center;justify-content:center;position:relative;top:0;left:0;width:100%;height:30px;border-radius:4px;margin-right:5px;text-align:center;border: 1px solid #e0e0e0;color:#666666;font-size:0.93rem;box-sizing:border-box;}
.toggle-btns-wrapper .btn-toggle:last-child + label {margin-right:0;} 
.toggle-btns-wrapper .btn-toggle:checked + label {color:#333333;background:#e6e6e6;border:1px solid #eceff2;}
.toggle-btns-wrapper .btn-toggle:disabled + label{background:#e6e6e6;color:#999}


/* 앞에 체크표시가 있는 버튼 (최신순, 과거순) */
.toggle-chk-btns-wrapper {display:flex;position:relative;top:0;left:0;justify-content:space-evenly;border-radius: 5px;}
.toggle-chk-btns-wrapper .btn-chk-toggle {position:absolute;top:0;left:0;width:0;height:0;outline:0 none;border:0 none;}
.toggle-chk-btns-wrapper .btn-chk-toggle + label {display:flex;align-items:center;justify-content:center;position:relative;top:0;left:0;width:100%;height:30px;border-radius:4px;margin-right:5px;text-align:center;border: 1px solid #e0e0e0;color:#666666;font-size:0.93rem;box-sizing:border-box;}
.toggle-chk-btns-wrapper .btn-chk-toggle:last-child + label {margin-right:0;} 
.toggle-chk-btns-wrapper .btn-chk-toggle:first-child + label {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.toggle-chk-btns-wrapper .btn-chk-toggle + label:last-child {border-top-right-radius:5px;border-bottom-right-radius:5px;border-right: 1px solid #e0e0e0;}
.toggle-chk-btns-wrapper .btn-chk-toggle + label .checkmark {position:relative;top:0;left:0;width:25px;height:25px;}
.toggle-chk-btns-wrapper .btn-chk-toggle + label .checkmark:after {content:'';position:absolute;left:8px;top:5px;width:6px;height:11px;border:solid #cccccc;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.toggle-chk-btns-wrapper .btn-chk-toggle:checked + label {color:#333333;background:#e6e6e6;border:1px solid #eceff2;}
.toggle-chk-btns-wrapper .btn-chk-toggle:checked + label .checkmark:after {border:solid #0373e4;border-width:0 2px 2px 0;}
.toggle-chk-btns-wrapper .btn-chk-toggle:disabled + label{background:#e6e6e6;color:#999}

.filter {position:relative;top:0;left:0;margin-left:auto;color:#555555;padding:0 15px 0 10px;}
.filter:after {content:'';position:absolute;top:8px;right:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #555555;}





/* small 버튼 */
a.btn_vsmall , input[type=submit].btn_vsmall , button.btn_vsmall{display:inline-block;min-width:60px;height:30px;padding:0 15px;font-size:1.1rem;line-height:26px;font-weight:400;text-align:center;box-sizing:border-box;transition:color 0.4s, border 0.4s, background 0.4s ease}
a.btn_small , input[type=submit].btn_small , button.btn_small{display:inline-block;min-width:100px;height:38px;padding:0 20px;font-size:1.1rem;line-height:34px;font-weight:400;text-align:center;box-sizing:border-box;transition:color 0.4s, border 0.4s, background 0.4s ease}
a.btn_big , input[type=submit].btn_big , button.btn_big{display:inline-block;min-width:120px;height:50px;padding:0 20px;font-size:1.3rem;line-height:46px;font-weight:500;text-align:center;box-sizing:border-box;transition:color 0.4s, border 0.4s, background 0.4s ease}
a.type_01 , input[type=submit].type_01 , button.type_01{color:#fff;border:2px solid #1c69d4;background:#1c69d4;}
a.type_01:hover , input[type=submit].type_01:hover , button.type_01:hover{border-color:#1c69d4;background:#1c69d4;}
a.type_02 , input[type=submit].type_02 , button.type_02{color:#fff;border:2px solid #ccc;background:#ccc;}
a.type_02:hover , input[type=submit].type_02:hover , button.type_02:hover{border-color:#ccc;background:#ccc;}

/* ▼▼▼ 버튼 컬러 변경 :19.02.19 수정 */
a.type_03 , input[type=submit].type_03 , button.type_03						{color:#fff;border:2px solid #1c69d4;background:#1c69d4;}
a.type_03:hover , input[type=submit].type_03:hover , button.type_03:hover	{border-color:#1c69d4;background:#1c69d4;}

/*a.type_03 , input[type=submit].type_03 , button.type_03						{color:#fff;border:2px solid #666;background:#666;}
a.type_03:hover , input[type=submit].type_03:hover , button.type_03:hover	{border-color:#666;background:#666;}*/
/* ▲▲▲ 버튼 컬러 변경 :19.02.19 수정 */


a.type_04 , input[type=submit].type_04 , button.type_04{color:#666;border:2px solid #666;background:#fff;}
a.type_04:hover , input[type=submit].type_04:hover , button.type_04:hover{border-color:#666;background:#fff;}
a.type_05 , input[type=submit].type_05 , button.type_05{color:#1c69d4;border:2px solid #1c69d4;background:#fff;}
a.type_05:hover , input[type=submit].type_05:hover , button.type_05:hover{border-color:#1c69d4;background:#fff;}

/* 검색 버튼 */
a.btn_search , input[type=submit].btn_search , button.btn_search{display:inline-block;padding:0 39px 0 19px;font-size:1.1rem;color:#262626;line-height:36px;font-weight:500;text-align:center;box-sizing:border-box;border:1px solid #000;border-radius:19px;background:url(/resources/images/icon/icon_search.png) right 18px top 50% no-repeat}

/* 더보기 버튼 */
a.btn_more{display:inline-block;width:30px;height:30px;box-sizing:border-box;border:1px solid #262626}
a.btn_more:before{content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:16px;background:#262626;margin:-8px 0 0 -1px}
a.btn_more:after{content:'';position:absolute;top:50%;left:50%;display:block;width:16px;height:2px;background:#262626;margin:-1px 0 0 -8px}

/* + 버튼 */
a.btn_plus_small{position:relative;display:block;width:20px;height:20px;box-sizing:border-box;border:1px solid #1c69d4}
a.btn_plus_small:before{content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:10px;background:#1c69d4;margin:-5px 0 0 -1px}
a.btn_plus_small:after{content:'';position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;background:#1c69d4;margin:-1px 0 0 -5px}

/* 페이징 */
.paging_wrap{position:relative;margin-top:25px;text-align:center}
.paging{}
.paging ol{display:inline-block}
.paging ol li{display:inline}
.paging ol li a,
.paging ol li span{float:left;display:block;width:28px;height:28px;font-size:1rem;text-align:center;line-height:26px;color:#999;font-weight:350;margin:0 3px}
.paging ol li .current{cursor:default;color:#1c69d4;font-weight:400}
.paging > a{display:inline-block;width:28px;height:28px}
.paging .btn_page_prev{margin-left:8px}
.paging .btn_page_next{margin-right:8px}



/* ******************************************************
	06. pop
*******************************************************/
.pop_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:none;background:rgba(0,0,0,0.4);overflow-y:auto;}
.pop_wrap > div{display:table;width:100%;height:100%;table-layout:fixed}
.pop_wrap > div > div{display:table-cell;width:100%;vertical-align:middle;padding:80px 60px;box-sizing:border-box;}
.pop_data{position:relative;max-width:100%;background:#fff;box-sizing:border-box;}
.pop_data a.btn_pop_close{position:absolute;top:17px;right:32px;display:block;width:28px;height:26px;background-color:transparent;background-image:url('/resources/images/util/btn_pop_close.png');background-repeat:no-repeat;background-position:center center}
.pop_data.small{max-width:600px;padding:0;margin:0 auto}
.pop_data.middle{max-width:860px;padding:0;margin:0 auto}
.pop_data h3{font-size:1.4rem;color:#fff;padding:0 40px;background:#1c69d4;line-height:60px}
.pop_data .detail_data{padding:40px;background:#fff}
.btn_pop_page{margin-top:30px;font-size:0}
.btn_pop_page > a{margin:0 5px}
.btn_pop_page > a:last-child{margin-right:0}
.btn_pop_page > a:first-child{margin-left:0}

.pop_top_info{font-weight:350;line-height:26px;margin-top:-4px}
.pop_top_info + .tab_content{margin-top:20px;}
.pop_con_title{font-size:1.1rem;margin-bottom:20px;font-weight:500;color:#262626}

.address_pop .tab_content .tab_data{margin-top:20px}
.address_pop table.view > tbody > tr > td{padding:10px 9px;}

.result_address_search{margin-top:50px}
.result_address_search table.list > thead > tr > th{padding-left:0;padding-right:0;}
.result_address_search table.list > tbody > tr > td{padding-left:5px;padding-right:5px;word-break:break-all;}

.user_info_pop .title{font-size:1.1rem;color:#262626;}
.user_info_pop .input{max-width:330px;margin:0 auto;padding-top:39px;}
.user_info_pop .btn{margin-top:30px;text-align:left;}
.user_info_pop .btn > a{display:inline-block;font-size:1.1rem;color:#666;font-weight:350;padding-right:15px;background:url(/resources/images/icon/icon_arrow_right_black.png) right center no-repeat;}


/* 팝업닫기버튼 */
.btn.close{position:relative;top:0;left:0;min-width:auto;padding:0;width:55px;height:55px;}
.btn.close:before {transition:all .3s;content:'';position:absolute;top:14px;right:21px;border:solid #000;border-width:0 2px 2px 0;width:10px;height:10px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.btn.close:after {transition:all .3s;content:'';position:absolute;top:28px;right:21px;border:solid #000;border-width:0 2px 2px 0;width:10px;height:10px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}


/* 팝업 레이아웃 */
.popup-header {display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;height:55px;padding:0 0 0 20px;background-color:#fff;border-bottom:1px solid #e0e0e0;z-index:100;}
.popup-header h1 {font-size:1rem;width:100%;text-align:center;/*padding-left:20px;*/white-space:pre;font-weight:500}

.jconfirm-holder {border-radius: 5px;overflow: hidden;}
.pop-contents {padding-top:55px;font-size:0.87rem;color:#555555;padding-bottom:50px}
/*.pop-contents section {padding: 18px;border-top:10px solid #eeeeee; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch;} */
.pop-contents section {padding: 18px;border-top:10px solid #eeeeee;}
.pop-contents section:first-child {border-top:0;}
.pop-contents .title {display:block;margin:30px 0 8px;font-weight:500;font-size:0.93rem;color:#000;}
.pop-contents .txt {font-size:0.93rem;color:#555555;font-weight:500;}
.pop-contents.layer section {padding:30px 25px;}
.pop-foot {display:flex;position:fixed;bottom:0;left:0;width:100%;height:55px;z-index:100;}
.pop-foot .btn {height:55px;line-height:55px;} 
.pop-contents.layer + .pop-foot {height:45px;}
.pop-contents.layer + .pop-foot .btn {height:45px;line-height:45px;}

.jconfirm.jconfirm-my-dialog .jconfirm-box {background-color:transparent;width:100% !important;}
.jconfirm.jconfirm-my-dialog .jconfirm-box .jconfirm-content {background-color:#fff;border-radius:5px;}

.window-pop.pop-foot {height:55px;}
.window-pop.pop-foot .btn {height:55px;line-height:55px;} 

.jconfirm.jconfirm-my-dialog .jconfirm-box {max-width:400px}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons {display:flex;padding:0;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons button {margin: 0;border-radius:0;font-size:0.93rem;background:#d5dbe6;color:#424959}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons button:first-child {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons button:last-child {border-top-left-radius: 0;border-bottom-left-radius: 0}



/* 알럿 팝업 CSS */
.jconfirm {padding:0 !important;}
.jconfirm.jconfirm-text-theme .jconfirm-box {width:100%;max-width: 400px;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons .btn {min-width: auto;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons button:only-child {width:100%;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons button:only-child:hover {width:100%;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-buttons button {width: 50%;height: 40px;font-size:0.93rem;font-weight:500;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-title-c {justify-content: center;padding: 0 52px}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {font-size:1rem;text-align:center;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-content {text-align:center;color:#555555;font-size:0.87rem;}
.jconfirm .jconfirm-box-container {position: relative;left: 3%;width: 94%;}
.jconfirm .pop-contents {padding:10px;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-title-c {font-weight:400;}
.jconfirm.jconfirm-text-theme .jconfirm-box .jconfirm-content-pane{margin:30px 0}

/* 레이어팝업 */
.jconfirm .jconfirm-box .jconfirm-content-pane iframe {max-height: 90vh !important;}
.jconfirm .jconfirm-box .jconfirm-content-pane iframe .popup-header {position:fixed;top:0;left:0;}
.jconfirm .jconfirm-box .jconfirm-content-pane .pop-contents {max-height: calc(90vh - 110px);}
.jconfirm .jconfirm-box .jconfirm-content-pane .pop-foot {position:fixed;bottom:0;left:0;}

/* 에러팝업 */		
/* .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {margin-bottom: 48px;} */
.jconfirm .jconfirm-box .jconfirm-title-c {display: flex;align-items: center;justify-content: center;height:50px;border-bottom:1px solid #e0e0e0;}
.jconfirm .jconfirm-box div.jconfirm-title-c {padding-bottom: 0 !importnat;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {display: flex;justify-content: center;align-items: center;height: 55px;font-weight:500;font-size:1rem}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {text-align: center;color: #555555;font-size:0.87rem;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div {margin:0 auto;}
.jconfirm.jconfirm-alert-theme .jconfirm-box .jconfirm-buttons button {font-weight:400 !important;}

/*full*/
.jconfirm.full .jconfirm-box .jconfirm-content-pane iframe {height:100vh !important}
.jconfirm.full .jconfirm-box-container{left:0;width:100%}
.jconfirm.jconfirm-my-dialog.full .jconfirm-box{max-width:100%}
.jconfirm.jconfirm-my-dialog.full .jconfirm-box .jconfirm-content{border-radius:0}

/*
.jconfirm.full .jconfirm-content-pane{max-height:100% !important;height:100% !important;overflow-auto; -webkit-overflow-scrolling:touch;}
.jconfirm.full .jconfirm-box .jconfirm-content-pane iframe{max-height:100% !important}*/

.jconfirm.full .jconfirm-content-pane{max-height:100% !important;height:100% !important}
.jconfirm.full .jconfirm-box .jconfirm-content-pane iframe{max-height:100vh !important}

/*
.jconfirm.full .jconfirm-content-pane{max-height:100% !important;height:100% !important}
.jconfirm.full .jconfirm-box .jconfirm-content-pane iframe{max-height:100vh !important}*/

.jconfirm.full .jconfirm-holder{border-radius:0}
.ui-modal__mask {z-index: 1600;}
/*.swiper-container-android .swiper-slide, .swiper-wrapper {transform: initial !important;}*/

/* ******************************************************
	07. Icon
*******************************************************/

.icon {display:inline-block;position:relative;top:0;margin-right:0;vertical-align: middle;}
.icon.arrow-right {background:url(../images/common/icon_arrow_right.png) no-repeat;background-size:10px 18px;width:10px;height:18px;}
.icon.arrow-down {background:url(../images/common/icon_arrow_down.png) no-repeat;background-size:18px 10px;width:18px;height:10px;}
.icon.arrow-up {background:url(../images/common/icon_arrow_up.png) no-repeat;background-size:18px 10px;width:18px;height:10px;}
.icon.alert {background:url(../images/common/icon_alert_blue.png) no-repeat;background-size:22px 22px;width:22px;height:22px;}
.icon.question-mark {background:url(../images/common/icon_question_blue.png) no-repeat;background-size:22px 22px;width:22px;height:22px;}

.icon.x {background:url(../images/common/icon_x.png) no-repeat;background-size:9px 9px;width:9px;height:9px;}

.icon.input-delete {top:2px;background:url(../images/common/btn_input_delete.png) no-repeat;background-size:16px 16px;width:16px;height:16px; right:5px}
.icon.input-search {top:2px;left:-2px;background:url(../images/common/btn_input_search.png) no-repeat;background-size:18px 18px;width:18px;height:18px;}

.icon.delete-input {background:url(../images/common/btn_nexttoinput_delete.png) no-repeat;background-size:35px 35px;width:40px;height:35px;margin-left:10px;}

.icon.noresult {background:url(../images/common/icon_search_result_alert_circle_100.gif) no-repeat;background-size:50px 50px;width:50px;height:50px;}

.icon.add {background:url(../images/common/icon_button_plus.png) no-repeat;background-size:12px 12px;width:12px;height:12px;}
.icon.setting {position:relative;top:3px;margin-right:5px;background:url(../images/common/icon_button_setting.png) no-repeat;background-size:15px 17px;width:15px;height:17px;}
.icon.coupon {position:relative;top:2px;margin-right:5px;background:url(../images/common/icon_button_coupon_search.png) no-repeat;background-size:22px 16px;width:22px;height:16px;}
.icon.reset {position:relative;top:3px;margin-right:5px;background:url(../images/common/icon_button_reset.png) no-repeat;background-size:16px 16px;width:16px;height:16px;}
.icon.sms {position:relative;top:3px;margin-right:5px;background:url(../images/common/ico_talk01.png) no-repeat;background-size:22px 20px;width:22px;height:18px;}
.icon.kakao {position:relative;top:3px;margin-right:5px;background:url(../images/common/ico_talk02.png) no-repeat;background-size:23px 20px;width:23px;height:18px;}
.icon.share {position:relative;top:-2px;margin-right:5px;background:url(../images/common/ico_share01.png) no-repeat;background-size:14px 30px;width:14px;height:30px;}
.btn.small.kline-height {min-height: 28px; padding:3px 5px 3px}
.btn.small.kline-height > i {vertical-align:top; top:1px}



/* ******************************************************
	08. Etc	
*******************************************************/

/* 토글 버튼 */
.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__thumb {background-color: #fff;}
.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__track {background-color: #68caff;}


/* 셀렉트 */
.ui-select {border:1px solid #e0e0e0;border-radius:5px;height:45px;line-height:45px;box-sizing:border-box;overflow:hidden;}
.ui-select:not(.is-multiple) .ui-select__display {height:43px;lien-height:43px;}
.ui-select .ui-select__display {padding:0 10px;background-color:#ffffff;}
.ui-select-option.is-selected {background-color:#f7f7f7;color:#000;font-weight:400;}
.ui-select .ui-icon.ui-select__dropdown-button {display:none;}
.ui-select .ui-select__display-value:after {transition:all .3s;content:'';position:absolute;top:13px;right:15px;border:solid #555555;border-width:0 2px 2px 0;width:9px;height:9px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.ui-select .has-dropdown-open.tippy-active .ui-select__display-value:after {content:'';position:absolute;top:18px;right:15px;border:solid #555555;border-width:0 2px 2px 0;width:9px;height:9px;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.ui-select__label-text {position: absolute;top: 11px;left: 10px;}

.ui-select.is-disabled .ui-select__display {background: #f7f7f7;}

/* selector 가 2개 이상인 경우 wrap 으로 감싼다 */
.selector-wrap {display:flex;justify-content:space-between;}
.selector-wrap .selector:first-child {margin-right:5px;}
.selector-wrap .selector:last-child {margin-left:8px;}

.selector {position:relative;top:0;left:0;width:100%;margin-bottom:0;border-right:1px solid #e0e0e0;}
.selector .ui-select__display {height:58px;}
.selector .ui-select-option {height:40px;}
.selector.ui-select .ui-select__display {border: 0 none;}
.selector .ui-select__display-value {font-size:0.93rem;color:#333;padding-right:30px;}

/* Input */
input[type="text"], input[type="tel"], input[type="number"], input[type="password"],input[type="email"] {position:relative;top:0;left:0;width:100%;height:45px;line-height:43px;font-size:0.93rem;padding:0 30px 0 10px;border:1px solid #e0e0e0;border-radius:3px;}
input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder {color:#737373;font-size:0.93rem;text-align:left;}
input[type="tel"]:disabled,input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled,
.inputbackg_ty01 {position:relative;top:0;left:0;width:100%;height:45px;line-height:43px;font-size:0.93rem;padding:0 30px 0 10px;border:1px solid #e0e0e0;border-radius:3px;background:#f7f7f7;color:#333}
.inputbackg_ty01 > input {border:none; background:#f7f7f7;height:40px;}

/* 공통 인풋 컴포넌트 */
.com-input-wrap {position:relative;top:0;left:0;width:100%;}
.com-input-wrap txt {position: absolute;right: 30px;top: 50%;color: #333333;font-size: 0.93rem;transform: translateY(-50%);}
.com-input-wrap .input-btns {position:absolute;top:0;right:0;display:flex;width:32px;height:45px;}
.com-input-wrap .input-btns button {position:absolute;width:30px;height: 45px;align-items:center;}
.com-input-wrap .input-btns .btn-search {display:none;}
.com-input-wrap .input-btns .btn-delete {top:0;right:0;}
.com-input-wrap .input-btns .btn-delete:disabled {background-color:transparent !important;}

.com-input-wrap.search-wrap .input-btns {width:62px;}

.com-input-wrap.append-wrap input {padding-right:50px;text-align:right;}
.com-input-wrap.append-wrap.char2 input {padding-right:70px;}
.com-input-wrap.append-wrap.char3 input {padding-right:85px;}
.com-input-wrap.append-wrap .txt {position:absolute;top:50%;right:35px;text-align:right;transform: translateY(-50%);color:#737373;line-height:100%}
.com-input-wrap.append-wrap input::placeholder {text-align:right;}

.com-input-wrap.search-wrap input {padding-right:60px;}
.com-input-wrap.search-wrap .input-btns .btn-search {display:block;top:0;right:0;}
.com-input-wrap.search-wrap .input-btns .btn-delete {top:0;right:30px;}

.com-input-wrap.error input {border:1px solid #d93745;} 

.com-input-wrap.append-wrap input:disabled, .com-input-wrap.append-wrap input:read-only {padding-right:30px !important;}
.com-input-wrap.append-wrap input:disabled + .txt, .com-input-wrap.append-wrap input:read-only + .txt {right:15px !important;}

/* 캘린더 */
.ui-datepicker{margin-bottom:10px}
div[class*="ui-datepicker"] {outline:initial !important}
.ui-datepicker__hidden-input {outline:initial !important;}
.datepicker.is-active .ui-datepicker__label  {border: 1px solid #0373e4 !important;}

.ui-datepicker.is-disabled .ui-datepicker__display {background: #f7f7f7;}

.ui-datepicker.is-disabled .ui-datepicker__display {border-bottom:0 none;}
.ui-datepicker.is-disabled .ui-datepicker__label {background-color:#f7f7f7;}
.ui-datepicker.is-disabled .ui-datepicker__display-value {color:#737373;}

.datepicker-wrap {position:relative;top:0;left:0;padding-bottom:45px;}
.datepicker-wrap .datepicker {position:absolute;top:0;left:0;width:100%;}
.datepicker-wrap .datepicker .ui-datepicker__label {position: absolute;width:48%;border: 1px solid #e0e0e0;border-radius: 5px;z-index:10}
.datepicker-wrap .datepicker.from .ui-datepicker__label {left:0;}
.datepicker-wrap .datepicker.to .ui-datepicker__label {left:52%;}
.datepicker-wrap .datepicker.from:after {content:'-';position: absolute;left:0;width:100%;font-size: 1.87rem;color:#555555;z-index:9;text-align:center}

.datepicker .ui-datepicker__label {border: 1px solid #e0e0e0;border-radius: 5px;}
.datepicker .ui-datepicker__display {border: 0 none;}
.ui-popover-theme {z-index:1000;}
.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__display{border-bottom: 0 none !important;}

.tippy-popper {z-index:1001;}

/* disabled 된 캘린더 클릭 막기 */
.from-disabled .datepicker.is-disabled .ui-datepicker__content:after {content:'';position:absolute;top:0;left:0;width:50%;height:45px;background:rgba(0,1,0,0);}
.to-disabled .datepicker.is-disabled .ui-datepicker__content:after {content:'';position:absolute;top:0;right:0;width:50%;height:45px;background:rgba(0,0,0,0);}
.both-disabled .datepicker.is-disabled .ui-datepicker__content:after {content:'';position:absolute;top:0;left:0;width:100%;height:45px;background:rgba(1,0,0,0);}


/* 필터 팝업에 들어있는 달력 높이값 조절 */
.pop-filter .datepicker .ui-focus-container__content {height: 360px;}

/* 캘린더 색상 */
.ui-calendar-week--color-primary .ui-calendar-week__date.is-selected, body[modality=keyboard] .ui-calendar-week--color-primary .ui-calendar-week__date.is-selected {background-color: #0373e4;}
.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__header {background-color: #0373e4;}

/* 캘린더 아이콘 */
.ui-icon.ui-datepicker__dropdown-button {display:none;}
.datepicker .ui-datepicker__label:after {content:'';position:absolute;top:10px;right:8px;background:url(../images/common/icon_input_datepicker.png) no-repeat;background-size:25px 25px;width:25px;height:25px;}




/* 년월선택 캘린더 (com-datepicker-monthly) */
.pop-monthly-calendar {}
.pop-monthly-calendar .monthly-calendar-btn {position:relative;top:0;left:0;width:100%;height:50px;}
.pop-monthly-calendar .monthly-calendar-btn:hover {opacity:1;}
.pop-monthly-calendar .datepicker-monthly-input {border:1px solid #e0e0e0;padding:0 45px 0 15px;width:100%;height:50px;border-radius:5px !important;box-sizing:border-box;font-size:16px;color:#333333;cursor:pointer;border-radius: 3px;}
.pop-monthly-calendar .datepicker-monthly-input + .icon-calendar {content:'';position:absolute;top:13px;right:13px;background:url(../images/common/icon_input_datepicker.png) no-repeat;background-size:22px 22px;width:22px;height:22px;}
.monthly-calendar {width:270px;}
.monthly-calendar .btn-arrow {width:30px;height:30px;padding:20px;background:red;}
.monthly-calendar .calendar-header {display:flex;align-items:center;padding:10px;background-color: #0373e4;color:#fff;}
.monthly-calendar .calendar-header .year {position: relative;top: -2px;font-size: 1.375rem;color:#fff;padding:0 5px;}
.monthly-calendar .calendar-header .prev {margin-right:auto;}
.monthly-calendar .calendar-header .next {margin-left:auto;}
.monthly-calendar .calendar-header .ui-icon-button--type-secondary.ui-icon-button--color-default {color:#fff;}
.monthly-calendar .calendar-body {padding:15px;}
.monthly-calendar .calendar-body .month {position:relative;top:0;left:0;width:25%;padding:10px 0;text-align:center;}
.monthly-calendar .calendar-body .month:hover:before {display:block;}
.monthly-calendar .calendar-body .month:before {display:none;content:'';position:absolute;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);width:40px;height:40px;border-radius:20px;background-color:#efefef;z-index:-1;}





/* 공통 툴팁 */
.tooltip {position:relative !important;top:0;left:0;margin-left:10px;}
.tooltip .tooltip-cont {position:absolute;top:27px;left:0;width:90vw;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;font-size:0.8rem;color:#555555;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:100;}
.tooltip .tooltip-cont span, .tooltip .tooltip-cont p, .tooltip .tooltip-cont div, .tooltip .tooltip-cont ul li {font-size:0.8rem !important;color:#555555 !important;}
.tooltip .tooltip-cont .title {margin-bottom:5px;}
.tooltip .tooltip-cont .desc {display:block;white-space:pre-line;}

/* .tooltip.left.html .tooltip-cont {left: -10vw !important;width: 80vw !important;}
.tooltip.right.html .tooltip-cont {left: -50vw !important;width: 80vw !important;} */
.tooltip .tooltip-cont ul {display:block !important;}
.tooltip .tooltip-cont ul li {display:block !important;padding:0 0 0 10px !important;} 


/* 툴팁닫기버튼 */
.close-tooltip{position:absolute;top:-7px;right:-8px;min-width:auto;width:22px;height:22px;padding:0;background-color:#bababa;border-radius:11px;}
.close-tooltip:before {transition:all .3s;content:'';position:absolute;top:11px;left:7px;width:6px;height:6px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}
.close-tooltip:after {transition:all .3s;content:'';position:absolute;top:3px;left:7px;width:6px;height:6px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}


/* 팝업, 페이지 등에서 구분되는 흰색 굵은 바  */
.h-divider {border-top:10px solid #eeeeee;}


.table-info {font-size:0.8rem;color:#333333;text-align:right;}

.info-text {font-size:0.8rem;color:#737373;}
.num-guide {font-size:0.7rem;color:#ff162a;text-align:right;}

.border-top.black{border-top:1px solid #000;padding-top:10px;}
.border-bottom{border-bottom:1px solid #000;padding-bottom:10px;}
.border-bottom.black{border-bottom:1px solid #000;padding-bottom:10px;}
.border-bottom.gray{border-bottom:1px solid #e0e0e0;}


/* pagination 이 상단에 있는 유형 */
.swiper-container.v2 .swiper-pagination {position:relative;top:0;bottom:initial !important;}
.swiper-container.v2 .swiper-slide {padding: 0 10px;}


/* 보조정보를 위한 박스 */
.box {position:relative;top:0;left:0;padding:15px;border-radius:5px;font-size:0.8rem;overflow:hidden;}
.box.gray {background-color:#f7f7f7;}
.box.white{padding:15px;border-radius:6px;background:#fff;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);font-size:0.87rem;color:#555555;}
.box.bluegray {background-color:#f5f6fa;color:#555555;}
.box.shadow {box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);}

.top-color-card {position:relative;top:5px;left:0;padding:20px;border-radius:5px;font-size:0.8rem;overflow:hidden;background-color:#fff;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);}
.top-color-card.green:before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background-color:#38d1c0;}
.top-color-card.violet:before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background-color:#9c64f4;}
.top-color-card li span {padding-left:0 !important;}
.top-color-card li:first-child {margin-top:5px !important;}
.top-color-card li span:before{display:none;}


.capsule {background-color:#fff;border:1px solid #e0e0e0;border-radius:9999px;padding:0 15px;}
.capsule.h25 {height:25px;line-height: 20px;}

/* 아코디언 */
.ui-collapsible__header{background:#f7f7f7;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;font-weight:500;font-size:0.93rem;padding: .91rem 1rem}
.ui-collapsible__header .ui-collapsible__header-content {font-weight:500;}
.ui-collapsible.is-open .ui-collapsible__header:hover{background:#f7f7f7}
.ui-collapsible .ui-collapsible__header[aria-expanded="false"]{background:#fff !important}
.ui-collapsible__header-icon{color:#333333}
.ui-collapsible__body{padding-bottom:0;border:0}
.ui-collapsible__body .form-item{margin-bottom:0}
.ui-datepicker__display{border:1px solid #e0e0e0;background-color:#fff;padding:0 10px;height:43px;border-radius:3px;box-sizing:border-box;font-size:0.93rem;}
.ui-datepicker__display-value.is-placeholder{color:#737373;font-weight:350}
.ui-datepicker__dropdown-button{display:none}
.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__display{border-bottom:1px solid #e0e0e0}
.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__header{background-color:#0373e4}
.ui-calendar-week--color-primary .ui-calendar-week__date.is-today{background-color:#b4deff}
.ui-calendar-week--color-primary .ui-calendar-week__date.is-selected{background-color:#0373e4}
.ui-collapsible.bbnone .ui-collapsible__header{border-bottom-width:0px}
.ui-collapsible.bbnone.is-open .ui-collapsible__header{border-bottom-width:1px}
.ui-collapsible__header-content strong{font-weight:500}
.ui-collapsible .material-icons svg{display:none}
.ui-collapsible .material-icons{background:url("/resources/images/common/acco_arrow.png") no-repeat right center;background-size:24px auto;transform:rotate(180deg)}
.ui-collapsible.is-open .material-icons{transform:rotate(0deg)}
.ui-collapsible__body .info-list02 dd{padding-bottom:0}

/* content 공통*/
.contents{padding-bottom:60px}
.tit-type1{font-size:1.31rem;color:#000;font-weight:500;margin-bottom:18px;display:block;line-height:100%;padding-top:10px;letter-spacing:-0.6px}
.sub-tit{font-size:1.1rem;font-weight:500;margin-bottom:10px;}
.con-title {font-size:0.93rem;margin:25px 0 7px;font-weight:500;}
.sub-type1 {font-size:0.8rem;color:#555555;}
.ph-type1{color:#555555;font-size:0.93rem;word-break:keep-all}
.ph-type2{color:#d93745;font-size:0.83rem;word-break:keep-all;font-weight:350}
.ph-type3{color:#737373;font-size:0.83rem;word-break:keep-all;font-weight:350}
.ph-type4{color:#333333;font-size:0.83rem;word-break:keep-all;margin:0 0 10px}
.ph-type5{color:#333333;font-size:0.8rem;margin:10px 0}
.ph-type6{color:#0373e4;font-size:0.83rem;word-break:keep-all;font-weight:350}
.chk-wrap{padding-top:20px;border-top:1px solid #333333}
.contents .btn-area{position:absolute;left:0;bottom:0;width:100%;display:flex};
/* .contents .btn-area{position:fixed;left:0;bottom:0;width:100%;display:flex;z-index:1000;} */ /* 하단 버튼 영역 고정 처리 2021-04-28 참고로 겹칠경우 노출순서는 z-index로 수정*/
.contents .btn-area .btn + .btn{margin-left:1px;}

h2.tit{font-size:1.1rem;padding:15px 0;font-weight:500}
.form-item{margin-bottom:30px;position:relative;}
.form-item > p{margin-bottom:10px}
.form-item > p label,.form-item > p strong{font-weight:500;font-size:0.93rem;color:#000000;position:relative;padding-right:5px;line-height:100%}
.form-item > p label.require:after,.form-item > p strong.require:after{content:'';position:absolute;right:-5px;top:5px;width:4px;height:4px;box-sizing:border-box;background-color:#ff162a;border-radius:50%}
.form-item > p .al-right {position:absolute;top:50%;right:0px;transform:translateY(-50%)}
.table-header{position:relative}
.table-header .btn.al-right{position:absolute;right:15px;top:50%;transform:translateY(-50%)}
.form-item ::-webkit-input-placeholder{letter-spacing:-1px}
.form-item .half {display:flex;justify-content:space-between;margin-bottom:10px}
.form-item .half .side{width:49%}
.form-item .half .side .inp-txtwrap{margin-bottom:0}
.form-item .half .side p{margin-bottom:10px}
.form-item .half .side .d-flex{height:45px;align-items:center;margin-top:5px}
.form-item .half .side .d-flex label{margin-bottom:0}
.form-item .half .side strong,.form-item .half .side label{font-weight:500;font-size:15px}
.form-item .half .side > label{margin-bottom:0;font-weight:350}
.form-item .tooltip{display:inline-block;vertical-align:top;position:static}
.form-item .dash{display:inline-block;width:50px;text-align:center;line-height:42px}
.normal-box{background:#f5f6fa;padding:20px 0 20px 15px}
.normal-box p strong.tit{color:#333333;font-size:0.93rem;font-weight:500}
.normal-box ul{margin-top:10px}
.normal-box ul.bullet li{padding-left:10px;position:relative;text-align:left}
.normal-box ul.bullet li:before{content:'';position:absolute;left:0;top:50%;background:#606061;width:3px;height:3px;border-radius:50%;margin-top:-1.5px}
.normal-box ul li span{display:inline-block;color:#555555;width:37%;font-size:0.8rem}
.normal-box ul li span:first-child{color:#737373;width:20%}

/* 전체메뉴 */
.mobile-all-menu{position:fixed;width:100%;height:100%;top:0;right:-100%;background:#fff;transition: right 0.5s}
.mobile-all-menu.active{right:0;transition: right 0.5s}
.mobile-all-menu .user-top{display:flex;justify-content:space-between;padding:20px 15px;background:#6d7588;color:#fff}
.mobile-all-menu .user-top .login{font-size:16px}
.mobile-all-menu .user-top .login strong{font-weight:500}
.mobile-all-menu .user-top button{width:22px;height:22px;background-image:url("/resources/images/common/icon_login_set.png");background-repeat:no-repeat;background-size:100px 22px}
.mobile-all-menu .user-top .btn-login{background-position:0 0}
.mobile-all-menu .user-top .btn-home{background-position:-25px 0}
.mobile-all-menu .user-top .btn-close{background-position:-50px 0;margin-left:15px}
.mobile-all-menu .user-top .btn-logout{background-position:-75px 0}
.mobile-all-menu .user-util{padding:15px 0;border-bottom:1px solid #e0e0e0;display:none;}
.mobile-all-menu .user-util ul{display:flex;justify-content:space-around;align-items:center;}
.mobile-all-menu .user-util ul li button{position:relative;color:#000000;font-size:15px}
.mobile-all-menu .user-util i{display:inline-block;width:21px;height:21px;background:url("/resources/images/common/bg_menu_set.png") no-repeat;background-size:auto 21px;vertical-align:middle;margin-right:8px}
.mobile-all-menu .user-util .btn-noti i{background-position:0 0}
.mobile-all-menu .user-util .btn-noti .noti{position: absolute;left: 21px;top: 2px;width: 4px;height: 4px;background: #ff162a;border-radius: 50%;}
.mobile-all-menu .user-util .btn-certi i{background-position:-25px 0}
.mobile-all-menu .user-util .btn-setting i{background-position:-50px 0}
.mobile-all-menu .user-btn{display:flex}
.mobile-all-menu .all-menu{position:relative;height:100%}
.mobile-all-menu .all-menu > ul {position:relative;height:100%;background:#ecf0f7;padding-top:15px}
.mobile-all-menu .all-menu > .bg{position:absolute;top:15px;border-radius:9999px;width:115px;height:44px;background:#0373e4;left:15px;z-index:10;transition:all 0.3s;box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.25);}
.mobile-all-menu .all-menu{background:#fff}
.mobile-all-menu .all-menu > ul > li{width:100px;margin-left:15px;margin-top:10px}
.mobile-all-menu .all-menu > ul > li:first-child{margin-top:0}
.mobile-all-menu .all-menu > ul > li.line {border-bottom:1px solid #b9c6dd; padding-bottom:10px;}

.mobile-all-menu .all-menu > ul > li > a{display:block;height:44px;line-height:44px;font-size:16px;font-weight:500;color:#333333;display:block;position:relative;z-index:15}
.mobile-all-menu .all-menu > ul > li > a span{white-space:nowrap;}
.mobile-all-menu .all-menu > ul > li > a.active{color:#fff; display:inline-block; min-width:95px; left:50%; margin-left:-40.5px; text-align:center}
.mobile-all-menu .all-menu > ul > li > a.simulation{background:#fff;height:30px;border-radius:9999px;line-height:30px;font-size:15px;text-align:center; width:85px; margin:18px 15px 18px 0;}
.mobile-all-menu .all-menu > ul > li .sub-depth{display:none;position:absolute;top:0;right:0;width:calc(100% - 115px);height:100%;padding:0 15px 50px;background:#fff;overflow-y:auto;padding-bottom:160px}
.mobile-all-menu .all-menu > ul > li > a.active + .sub-depth{display:block;}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dt{border-top:1px solid #e0e0e0;}
.mobile-all-menu .all-menu > ul > li .sub-depth dl:first-child dt{border-top:1px none;}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dt a{display:block;padding:28px 10px 18px;line-height:100%;font-size:16px;font-weight:500}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd {/* padding-left:10px; */} /* 메뉴 2뎁스 들여쓰기 */
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li{margin-bottom:18px;padding-left:10px}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > a{display:block;font-size:15px;color:#555555;line-height:1.4em}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > a.has-child{position:relative}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > a.has-child:before{content:'';background:url("/resources/images/common/depth_arrow.png") no-repeat right center;background-size:11px auto;width:11px;height: 6px;position:absolute;right:0;top:50%;margin-top:-3px}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > a.has-child.active:before{transform:rotate(180deg)}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > a.has-child + ul{display:block /*none*/}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > ul > li{margin-top:20px;padding-left:10px}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > ul > li > a{display:block;line-height:100%;font-size:15px;color:#555555}
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > ul > li > a:focus,
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > ul > li > a:hover,
.mobile-all-menu .all-menu > ul > li .sub-depth dl dd > ul > li > ul > li > a.on{color:#0373e4}


/* 모바일 공통 카드 디자인 */
.card-title {font-weight:500;}

.card {position:relative;top:0;left:0;border-radius:6px;border:1px solid #e0e0e0;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);background-color:#fff;}
.card.type2{box-shadow:none;border:0}
.card.type2 .card-contents{padding:16px 0}
.card.outline-darkgray {border:1px solid #555555;}

.card .card-header {display:flex;align-items:center;min-height:50px;line-height:1.3;padding:15px;font-size:1.1rem;font-weight:500;color:#000;border-bottom:1px solid #e0e0e0;background-color:#f5f6fa;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.card .card-header.after {color:#0373e4;}
.card.outline-darkgray .card-header {color:#000;border-bottom:1px solid #333333;font-weight:500;font-size:1.1rem;}

.card .card-contents {padding:16px;font-size:0.87rem;width:100%;}
.card .card-contents .sel-label {display:block;margin-bottom:8px;color:#000000;font-size:0.93rem;}
.card .card-contents .label {font-size:0.7rem;color:#737373;margin-bottom:0;} 
.card .card-contents .text {font-size:0.93rem;color:#333333;min-height:23px;} 
.card .card-contents .contents-title {font-size:0.93rem;color:#000000;background-color:#f5f5f5;padding:10px 15px;font-weight:500;margin-top:20px;}
.card .card-contents .contents-div {padding:20px 20px 0 20px;}
.card .card-contents.type2 {display:flex;align-items:center;padding:16px;}
.card .card-contents.type2 span.color-primary {font-size:1.1rem;}

/* .card .row {display:flex;align-items:flex-start;margin-top:20px;}
.card .row:first-child {margin-top:0;}
.card .row [class*='col'] {padding-right:10px;}
.card .row [class*='col']:last-child {padding-right:0;}
.card .row .col-12 {width:100%;}
.card .row .col-6 {width:50%;}
.card .row .col-4 {width:33%;}
.card .row .col-3 {width:20%;}
.card .row .col-6 .btn {min-width:initial !important;width:100%;line-height:1.1;} */
.card .half + .full{margin-top:0}
.card .half {width:50%;}
.card .half:first-child, .card .half:nth-child(2) {margin-top:0;}

.card.layoutB .half:first-child, .card.layoutB .half:nth-child(2) {margin-top:8px;}
.card-loan.layoutB .half:first-child, .card-loan.layoutB .half:nth-child(2) {margin-top:8px;}

.card .full {width:100%;}
.card .full:first-child.top{margin-top:8px;margin-bottom:10px}
.card .full .com-input-wrap {width:103%;}

.card .item {display:inline-block;margin-top:8px;padding:0 5px 5px;vertical-align: top;margin-left:-5px;margin-right:-5px;}
.card .item .btn {min-width:initial !important;width:100%;line-height:1.1;}
.card .item .label {display:flex;align-items:center;}
.card .item .han{color:#d93745}
.card .item .file{display:flex;justify-content:space-between;padding-left:10px;margin-top:5px}
.card .item .file span{color:#555555;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:55vw}
.card .item .file i{display:inline-block;background:url("/resources/images/RE/icon_file.png") no-repeat 0 0;width:14px;height:15px;background-size:100% auto;margin-right:7px}
.card .item .file .btn{width:auto;margin-left:auto;min-height:20px;height:20px}
.card .item .btn.link-tel{height:20px;vertical-align:top;line-height:20px}
.card .item.divide {padding: 0; padding-bottom:2px;} 
.card .divide {position: relative;left:0;width:100%;border-top:1px solid #e0e0e0;margin:15px 0 10px !important;}

.divide {position: relative;left:0;width:100%;border-top:1px solid #e0e0e0;margin:15px 0;}

.form-item .card .half{margin-bottom:0}

.row{display:flex;flex-wrap:wrap;}
.row .col-12 {width:100%;}
.row .col-6 {width:50%;}
.row .col-4 {width:33%;}
.row .col-3 {width:25%;}

/* 박스 */
.darkgray-box {border:1px solid #555555;border-radius:2px;font-size:0.93rem;text-align:center;padding:30px;}
.box-gray01 {border:1px solid #e0e0e0; padding:20px; background:#f7f7f7; border-radius:3px;}

/* 아코디언 메뉴 */
.ui-collapsible {margin: 0; width: auto;}


/* 제목영역 */
.title-container .title {font-size:0.7rem;color:#737373;}
.title-container .text {font-size:0.8rem;color:#333333;}


/* 전체동의, 필수 및 선택 동의화면 */
.agreement .agree-sub dl{margin-top:20px}
.agree-all{position:relative;border-bottom:1px solid #333333;z-index:5;padding-bottom:10px}
.agree-all .checkbox-container{font-size:1.1rem;font-weight:500;color:#000}
.agree-all .btn.small{position:absolute;right:0;top:0;font-size:0.7rem;}
.agree-sub dl dt .checkbox-container input ~ .checkmark{background-color:transparent}
.agree-sub dl dt .checkbox-container input:checked ~ .checkmark{background-color:transparent;border-color:#0373e4}
.agree-sub dl dt .checkbox-container input:checked ~ .checkmark:after{border-color:#0373e4}
.agree-sub dl dd{margin-top:20px}
.agree-sub dl dd .checkbox-container{padding-left:28px;font-size:0.87rem}
.agree-sub dl dd .checkbox-container input ~ .checkmark{border-color:transparent}
.agree-sub dl dd .checkbox-container input:checked ~ .checkmark{border-color:transparent;background-color:transparent}
.agree-sub dl dd .checkbox-container input:checked ~ .checkmark:after{border-color:#0373e4}
.agree-sub ul li .checkbox-container input ~ .checkmark{border-color:transparent}
.agree-sub ul li .checkbox-container input:checked ~ .checkmark{border-color:transparent}
.agree-sub dt label{color:#0373e4;font-weight:500;font-size:0.93rem}
.agree-sub dd ol > li{list-style-type: decimal;list-style-position: inside;color:#555555;font-size:0.83rem;margin-top:15px;padding-left:30px}
.agree-sub dd ol > li > ul > li{list-style:none;padding-left:10px}
.agree-sub dd ol > li > ul > li label{font-size:0.83rem;margin:10px 0 0 0}
.agree-sub dd > ul {/* padding-left:14px; */}
.agree-sub dd > ul > li{list-style:none;color:#555555;font-size:0.83rem;margin-top:15px;padding-left:25px;/* text-indent:-14px; */}
.agree-sub dd > ul > li > ul > li{list-style:none;padding-left:25px}
.agree-sub dd > ul > li > ul > li label{font-size:0.83rem;margin:10px 0 0 0}

.agree-sub dd > .collapsible-content > ul {/* padding-left:14px; */}
.agree-sub dd > .collapsible-content > ul > li{list-style:none;color:#555555;font-size:0.83rem;margin-top:15px;padding-left:25px;/* text-indent:-14px; */}
.agree-sub dd > .collapsible-content > ul > li > ul > li{list-style:none;padding-left:25px}
.agree-sub dd > .collapsible-content > ul > li > ul > li label{font-size:0.83rem;margin:10px 0 0 0}

.header .tit {font-size:16px;font-weight:600;max-width:52vw;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}	
.header .tit.narrow {max-width: 47vw;}
.s-date{text-align:right;color:#737373;font-size:0.7rem;}
.s-date span{color:#333;font-size:0.87rem}
/* 타이틀에 형광펜 칠한 효과 들어있는 리스트 */
.info-list01{background:#fff;margin:0 -15px;border-top:10px solid #f5f5f5;position:relative;}
.info-list01 dt{position:relative;display:block;padding:14px 20px;font-weight:500;color:#000000;font-size:1.1rem;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.info-list01 dt .ui-switch{display:inline-block;height:auto;vertical-align:middle;margin-left:10px}
.info-list01 dt button{display:inline-block;vertical-align:middle;margin-left:10px}
.info-list01 > dt > a{position:absolute;right:0;height:100%;width:68px;top:0;background:url("/resources/images/common/bg_arrow_right2.png") no-repeat center center;background-size:24px}
.info-list01 > dt > span{display:inline-block;vertical-align:middle;border-bottom: 0px solid #c3e8ff;box-shadow:inset 0 -9px 0 #c3e8ff;padding:0 2px;font-weight:500;}
.info-list01 dd {padding:0 20px 20px}
.info-list01 dd > ul li:after{content:'';clear:both;display:block}
.info-list01 dd > ul > li{margin-top:20px;}
.info-list01 dd > ul > li.nodata{font-size:0.93rem;color:#555;}
.info-list01 dd > ul > li > ul{float:left;width:100%}
.info-list01 dd > ul > li > ul > li{margin-top:15px;display:flex;align-items:center;}
.info-list01 dd > ul > li > ul > li strong {margin-left:auto;}
.info-list01 dd > ul > li > ul > li span{padding-left:19px;max-width:100%}
.info-list01 dd > ul > li > ul > li span:before{content:'';position:absolute;left:10px;top:50%;width:3px;height:3px;margin-top:-1.5px;background:#555}
.info-list01 dd > ul li span{float:left;position:relative;font-size:0.93rem;color:#555555;padding-right:9px;line-height:1.3em;max-width:50%}
.info-list01 dd > ul li strong{float:right;font-size:0.93rem;color:#333;font-weight:500;text-align:right;max-width:50%;line-height:1.3em;word-break:keep-all;}
/* .info-list01 dd > ul li i.require{position:absolute;width:4px;height:4px;background:#ff162a;border-radius:50%;top:0;right:0} */

.info-list02{background:#fff;margin:0 -15px;}
.info-list02 dt{position:relative;display:block;padding:0 20px;font-weight:350;color:#0373e4;font-size:0.81rem}
.info-list02 dt .ui-switch{display:inline-block;height:auto;vertical-align:middle;margin-left:10px}
.info-list02 dt button{display:inline-block;vertical-align:middle;margin-left:10px}
.info-list02 dt a{position:absolute;right:0;height:100%;width:68px;top:0;background:url("/resources/images/common/bg_arrow_right2.png") no-repeat center center;background-size:24px}
.info-list02 dt > span{display:inline-block;vertical-align:middle;font-size:1rem}
.info-list02 dd {padding:0 20px 15px}
.info-list02 dd > ul li:after{content:'';clear:both;display:block}
.info-list02 dd > ul.income > li > span{color:#000000;font-size:0.93rem;font-weight:500}
.info-list02 dd > ul > li{margin-top:20px}
.info-list02 dd > ul > li:first-child{margin-top:15px}
.info-list02 dd > ul > li.nodata{font-size:0.93rem;color:#555;}
.info-list02 dd > ul > li > ul{float:left;width:100%}
.info-list02 dd > ul > li > ul > li{margin-top:15px}
.info-list02 dd > ul li span{float:left;position:relative;font-size:0.93rem;color:#555555;padding-right:9px;line-height:1.3em;padding-left:10px}
.info-list02 dd > ul li span.require{padding-right:0;font-weight:400}
.info-list02 dd > ul{border-bottom:1px solid #e0e0e0;padding-bottom:20px}
.info-list02 dd > ul:last-child {border-bottom:0;}
.info-list02 dd > ul li strong{float:right;font-size:0.93rem;color:#333;font-weight:500;text-align:right;max-width:240px;line-height:1.3em;white-space:nowrap}
.info-list02 dd > ul li strong.wrap {white-space:pre-line;}
.info-list02 dd > ul li i.require{/* position:absolute;width:4px;height:4px;background:#ff162a;border-radius:50%;top:0;right:0;padding:0 !important; */}

.third-title {background-color:#e7f2f9;font-size:0.93rem;padding:10px 10px;}

/* 아래서 올라오는 셀렉트 박스 */
.pi-selectbox .btn-close {position:relative; border:1px solid transparent; overflow:hidden; color:transparent; font-size:xx-small; box-sizing:content-box;}
.pi-selectbox{position:relative; vertical-align:middle; max-width:100%;line-height:1.45;}
.pi-selectbox select{width:100%}
.pi-selectbox select.off{position:absolute;width:1px;height:1px;z-index:-1;color:transparent;overflow:hidden;font-size:xx-small;line-height:0;border:0;background:none;}
.pi-select-btn{display:inline-block; position:relative; vertical-align:middle; width:100%; height:40px; padding:0 40px 0 3px; text-align:left; background: #fff;border-bottom: 2px solid #0373e4;color:#0373e4; font-size:0.93rem;font-weight:500;cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: border-bottom .3s;}
.pi-select-btn:focus{border-bottom: 2px solid #0373e4;color:#0373e4;}
.pi-select-btn.disabled{opacity:.5}

.pi-select-btn:after {transition:all .3s;content:'';position:absolute;top:13px;right:6px;border:solid #555555;border-width:0 2px 2px 0;width:9px;height:9px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.pi-select-btn:focus:after{border:solid #0373e4;border-width:0 2px 2px 0;}

.pi-selectbox .dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; z-index:1500}
.pi-select-wrap{display:none; position:fixed; z-index:1510; bottom:-80%; width:100%; min-height:255px; max-height:255px; left:0; border-radius:0;transition:all .5s;}
.pi-select-opts{position:absolute; bottom:50px; left:0; width:100%; height:150px; overflow-y:scroll; padding: 0; z-index:2; background:#fff;}
.pi-select-tit{position:relative; display:block; width:100%; text-align:left; min-height: 56px; line-height:55px; padding:0 18px; border-bottom:1px solid #d4d6d6; background:#ffffff; font-size:16px; box-sizing: border-box; color:#000; font-weight:500;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.pi-select-wrap .btn-close {width:54px; height:54px; position:absolute; top:0; right:0; z-index:1; background:transparent url(/resources/test/images/btn-select-close.png) no-repeat; background-size:100%; border:0; z-index:1;}
.pi-select-opt {display:block;position:relative;top:0;left:0; width:100%; text-align:left; min-height:45px; margin: 0 !important; padding:13px 18px; font-size:14px; color:#555555; /*outline:none;*/}
.pi-select-txt{word-break:break-all; display:block;}

.pi-select-opt:after{display:none;}
.pi-select-opt.selected {font-weight:500;color:#0373e4;padding-right:40px;}
.pi-select-opt.selected:after {display:block;content:'';position:absolute;top:15px;right:20px;width:6px;height:11px;border:solid #0373e4;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.pi-select-opt.disabled{opacity:.5}

.pi-selectbox .btn.fixedBottom {position:absolute;bottom:0;left:0;height:50px;z-index:1000;}


/* 카드유형1 */
.date-info {display:flex;align-items:center;justify-content:flex-end;color:#555555;}
.date-info .label {font-size:0.7rem;margin-bottom:0;margin-right:15px;color:#737373;}
.date-info .date {font-size:0.87rem;color:#333333;}
.card-loan {position:relative;top:0;left:0;width:100%;margin-top:15px;background-color:#fff;border-radius:5px;box-shadow:0 3px 7px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden;}
.card-loan:last-child{margin-bottom:0;}
.card-loan .card-loan-header {display:flex;align-items:flex-start;padding:15px 15px 12px 15px;}
.card-loan .card-loan-header .name {color:#000;font-size:1.3rem;}
.card-loan .card-loan-header .no {color:#666666;font-size:0.93rem;}
.card-loan .card-loan-header a.arrow-right {margin-left:auto;position:relative;top:7px;padding-right:20px;background:red;}
.card-loan .card-loan-header a.arrow-right:before {content:'';position:absolute;top:0;left:0;width:12px;height:12px;border:solid #555555;border-width:0 2px 2px 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.card-loan .card-loan-subheader {display:flex;align-items:center;font-size:0.8rem;padding:0 15px 20px;}
.card-loan .card-loan-subheader.amountWrap {display:flex;align-items:flex-end;justify-content:flex-end;}
.card-loan .card-loan-subheader .label {color:#737373;font-size:0.8rem;margin:0;margin-right:10px;}
.card-loan .card-loan-subheader .text {color:#000;text-decoration:underline;font-weight:500;}
.card-loan .card-loan-subheader .amount {position:relative;top:3px;color:#000;font-size:1.2rem;font-weight:500;}
.card-loan .card-loan-contents {padding:0 15px;}
.card-loan .card-loan-contents .loan_acno {color:#000;text-decoration:underline;font-size:0.8rem;}
.card-loan .card-loan-contents .inner-card {padding:15px;border-radius:5px;}
.card-loan.type1 .card-loan-contents .inner-card {color:#fff;background-color:#0373e4;}
.card-loan.type2 .card-loan-contents .inner-card {color:#555555;background-color:#e9f4ff;}
.card-loan .card-loan-contents .inner-card .inner-card-header {display:flex;align-items:center;}
.card-loan .card-loan-contents .inner-card .inner-card-header .label {font-size:0.8rem;margin:0;}
.card-loan .card-loan-contents .inner-card .inner-card-header .date {font-size:0.8rem;margin-left:auto;text-decoration:underline;}
.card-loan .card-loan-contents .inner-card .inner-card-content {border-radius:5px;}
.card-loan .card-loan-contents .inner-card .inner-card-content .amt {font-size:1.1rem;}
.card-loan .card-loan-contents .inner-card .inner-card-content .amt strong{font-size:1.625rem;}
.card-loan .card-loan-contents .inner-card .inner-card-footer {display:flex;align-items:center;border-top:1px solid #4695e3;margin-top:18px;padding-top:18px;}
.card-loan.type2 .card-loan-contents .inner-card .inner-card-footer {border-top:1px solid #e7eff6}
.card-loan .card-loan-contents .inner-card .inner-card-footer .label {font-size:0.8rem;margin:0;}
.card-loan .card-loan-contents .inner-card .inner-card-footer .amt {font-size:0.8rem;font-weight:300;margin-left:auto;}
.card-loan .card-loan-contents .inner-card .inner-card-footer .amt strong {font-size:1rem;font-weight:500;margin-left:auto;}
.card-loan .card-loan-footer {display:flex;justify-content:space-evenly;align-items:center;margin-top:15px;height:80px;border-top:1px solid #eeeeee;}
.card-loan .card-loan-footer.white {background-color:#fff !important;}
.card-loan .card-loan-footer .btn {flex:0 1 50%;position:relative;top:0;left:0;font-size:0.87rem !important;font-weight:500;line-height:1.3;letter-spacing:-1px;}
.card-loan .card-loan-footer .btn:after {content:'';position:absolute;top:9px;right:-7px;width:1px;height:14px;background-color:#e0e0e0;}
.card-loan .card-loan-footer .btn:first-child:after {right:0;} 
.card-loan .card-loan-footer .btn:last-child:after {display:none;}


/* card-loan type3 카드.(대표적: 원금상환유예 신청내역) */
.card-loan.type3 {box-shadow:none;border:1px solid #e0e0e0;}
.card-loan.type3 .card-loan-header .name {color:#0373e4;}
.card-loan.type3 .card-loan-footer {background-color:#0373e4;}
.card-loan.type3 .card-loan-footer .btn {color:#fff;}

.card-loan.type3 .card-loan-subheader {padding:0 15px 12px;}

.card-loan .card-loan-contents .card-contents {margin-top:5px; padding:15px 10px;font-size:0.87rem;width:100%;border-top:1px solid #e0e0e0;}
.card-loan .card-loan-contents .card-contents .sel-label {display:block;margin-bottom:8px;color:#000000;font-size:0.93rem;}
.card-loan .card-loan-contents .card-contents .label {font-size:0.7rem;color:#737373;margin-bottom:0;} 
.card-loan .card-loan-contents .card-contents .text {font-size:0.93rem;color:#333333;min-height:23px;} 

.card-loan .card-loan-contents .card-contents .half {width:50%;}
.card-loan .card-loan-contents .card-contents .half:first-child, 
.card-loan .card-loan-contents .card-contents .half:nth-child(2) {margin-top:0;}

.card-loan .card-loan-contents .card-contents .layoutB .half:first-child, 
.card-loan .card-loan-contents .card-contents .layoutB .half:nth-child(2) {margin-top:8px;}

.card-loan .card-loan-contents .card-contents .full {width:100%;}
.card-loan .card-loan-contents .card-contents .full:first-child {margin-top:0;}
.card-loan .card-loan-contents .card-contents .full .com-input-wrap {width:103%;}

.card-loan .card-loan-contents .card-contents .item {display:inline-block;margin-top:10px;padding:0 5px 7px;vertical-align: top;margin-left:-5px;margin-right:-5px;}
.card-loan .card-loan-contents .card-contents .item .btn {min-width:initial !important;width:100%;line-height:1.1;}
.card-loan .card-loan-contents .card-contents .item .label {display:flex;align-items:center;}

.card-loan .card-loan-contents .card-contents .item.divide {padding: 0; padding-bottom:2px;} 
.card-loan .card-loan-contents .card-contents .divide {position: relative;left:0;width:100%;border-top:1px solid #e0e0e0;margin:15px 0 10px !important;}

.card-loan.type3 .card-loan-footer {margin-top:0;}



/* 상단이 파란 카드 */
.card-loan.type4 .card-loan-header {background-color: #0373e4;}
.card-loan.type4 .card-loan-header .name {color: #fff;}
.card-loan.type4 .card-loan-subheader {background-color: #0373e4;}
.card-loan.type4 .card-loan-subheader .label {color: #fff;}
.card-loan.type4 .card-loan-subheader .amount {color: #fff;}
.card-loan.type4 .card-loan-footer {background-color:#fff;}
.card-loan.type4 .card-loan-contents .card-contents {border:0 none;}
.card-loan.type4 .card-loan-footer {margin-top:0;}


/* 컨텐츠 헤더가 없는 카드 */
.card-loan.type5 {border:1px solid #e0e0e0;}
.card-loan.type5 .card-loan-contents .card-contents {border:0 none;}
.card-loan.type5 .card-loan-footer {margin-top:0;}
.card-loan.type5 .card-loan-footer .btn {height:50px;flex: 0 1 100%;}


/* 심플한 카드유형 */
.acno_card {border:1px solid #e0e0e0;box-shadow:0 3px 7px rgba(0,0,0,.1);border-radius:5px;}
.acno_card:last-child{margin-bottom:0;}
.acno_card .acno_card-header {padding:15px 15px 12px 15px;}
.acno_card .acno_card-header .label {color:#666666;font-size:0.93rem;margin-bottom:0;}
.acno_card .acno_card-header .acno {color:#000;font-size:1.3rem;font-weight:500;}
.acno_card .acno_card-subheader {display:flex;padding:5px 15px 15px;}
.acno_card .acno_card-subheader .label {color:#737373;font-size:0.8rem;margin:0;margin-right:10px;}
.acno_card .acno_card-subheader .text {color:#000;font-size:0.8rem;font-weight:500;margin-right:10px;}
.acno_card .acno_card-contents .inner-card {padding:15px;border-radius:5px;}
.acno_card .acno_card-contents .inner-card {color:#fff;background-color:#0373e4;}
.acno_card .acno_card-contents .inner-card .inner-card-header .label {font-size:0.8rem;color:#fff;margin-bottom:0;}
.acno_card .acno_card-contents .inner-card .inner-card-content .amt{text-align:right;}
.acno_card .acno_card-contents .inner-card .inner-card-content .amt strong {font-size:1.625rem;}
.acno_card .acno_card-contents .inner-card .inner-card-content .amt .amt_char {font-size:0.7rem;color:#fff;}
.acno_card .acno_card-contents {padding:0 15px;}
.acno_card .acno_card-footer {display:flex;justify-content:space-evenly;align-items:center;margin-top:20px;height:50px;border-top:1px solid #eeeeee;}
.acno_card .acno_card-footer .btn {position:relative;top:0;left:0;font-size:0.87rem !important;font-weight:500;line-height:1.3;letter-spacing:-1px;color:#0373e4;}
.acno_card .acno_card-footer .btn:after {content:'';position:absolute;top:9px;right:-7px;width:1px;height:14px;background-color:#e0e0e0;}
.acno_card .acno_card-footer .btn:last-child:after {display:none;}

/* 인증서 카드 */
.MBSC02M003 .personal-certify{max-height:100%;overflow-y:auto}
.personal-certify{max-height:calc(100% - 65px);overflow-y:auto}
.personal-certify ul li{border:1px solid #e0e0e0;border-radius:3px;margin-top:10px;}
.personal-certify ul li a{display:block;padding:20px 20px 20px 100px;background:url("/resources/images/common/bg_certi.png") no-repeat 20px center;background-size:60px 60px}
.personal-certify ul li a.delete{background-image:url("/resources/images/common/bg_certi_delete.png")}
.personal-certify ul li:first-child{margin-top:0;}
.personal-certify ul li p:nth-child(1) {height:22px;}
.personal-certify ul li p:nth-child(2), .personal-certify ul li p:nth-child(3) {height:20px;}
.personal-certify ul li p strong{font-size:0.93rem;font-weight:500;color:#333333;}
.personal-certify ul li p:first-child{margin-bottom:10px}
.personal-certify ul li p span{font-size:0.8rem;color:#737373;display:inline-block;width:60px;text-align:left}
.personal-certify ul li p del em{text-decoration:line-through;text-decoration-color:#333}
.personal-certify ul li p del span{text-decoration:line-through;text-decoration-color:#737373}
.personal-certify ul li p del strong{text-decoration:line-through;text-decoration-color:#333}
.personal-certify ul li p em{font-size:0.8rem;color:#333333;font-style:normal}
.personal-certify ul.manage li{border-radius:5px 5px 0 0}
.personal-certify .s-btn{display:flex;justify-content:space-between;border-radius:0 0 5px 5px;border:1px solid #e0e0e0;border-top:0}
.personal-certify .s-btn a{display:block;padding:14px 0;text-align:center;color:#333;font-size:0.87rem;flex: 1 1 50%;position:relative;line-height:100%}
.personal-certify .s-btn a:first-child:after{content:'';position:absolute;right:0;top:50%;background:#e0e0e0;width:1px;height:12px;margin-top:-6px}
.cert_ico {font-color:#555; text-decoration:underline; font-size:0.93rem; background:url("/resources/images/LO/blet_arrow01.png") no-repeat right center; background-size:7.5px 13px; padding-right:17px;}

h2.big_tit {font-size:1.1rem; color:#000; padding:20px 0 20px 20px; border-bottom:1px solid #e0e0e0; position:relative;}


.collapsible-header {display:flex;position:relative;top:0;left:0;width:100%;}
.collapsible-header .collapsible-btn {position:relative;top:0;left:0;padding:0 20px;margin-left:auto;}
.collapsible-header .collapsible-btn i {position:absolute;top:0;right:0;width:25px;height:25px;}
.collapsible-header .collapsible-btn i:after {transition:all .2s;}
.collapsible-header .collapsible-btn.close i:after {content:'';position:absolute;top:2px;left:6px;width:8px;height:8px;border:solid #737373;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.collapsible-header .collapsible-btn.open i:after {content:'';position:absolute;top:8px;left:6px;width:8px;height:8px;border:solid #737373;border-width:0 2px 2px 0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.collapsible-content {position:relative;top:0;left:0;}
.collapsible-content.close {height:1px;overflow:hidden;}
.collapsible-content.open {height:auto;overflow:initial;}

.tab-menu{margin:0 0 25px;display:flex;background:#31486f;padding:0 20px;justify-content:space-between;align-items:center}
.tab-menu li {width:100%;text-align:center;}
.tab-menu li a{color:#e0e0e0;font-size:0.93rem;padding:15px 3px;position:relative;line-height:100%;white-space:pre;line-height:1.2rem;text-align:center}
.tab-menu li.active a{color:#ffffff;font-weight:500}
.tab-menu li.active a:after{content:'';position:absolute;width:100%;height:2px;background:#ffffff;bottom:7px;left:0}
.txareabox {width:100%;min-height:100px !important; border-radius:3px;border:1px solid #e0e0e0 !important;resize:vertical;padding:10px}
/* arrow 삼각형 */
.up {width:0;height:0;border-bottom:7px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;transition:all .1s; top:26%; position:absolute; border-top:0; right:0;}
/* .triangle.down {width:0;height:0;border-top:7px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;} */
.down {width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #000; border-bottom:0;transition:all .1s; top:26%; position:absolute; right:0;}


/* 타이틀에 형광펜 칠한 디자인 */
.information dl {margin:0; border-top: 10px solid #eeeeee;}
.information dl:first-child {border-top: 0 none;}
.information dl dt{position:relative;font-size:1.1rem;color:#000;font-weight:500;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:20px;line-height:100%}
.information dl dt.page-title > span {border-bottom: 0px solid #c3e8ff;box-shadow:inset 0 -9px 0 #c3e8ff;padding:0 2px;font-weight:500;}
.information dl dt.page-title > h2 {display:inline-block;border-bottom: 3px solid #c3e8ff;box-shadow:inset 0 -6px 0 #c3e8ff;padding:0 2px;font-weight:500;}
.information dl dt .btn{position:absolute;right:20px;top:50%;margin-top:-15px;}
.information dl dd {padding:0 10px 5px;}
.information dl dd > ul{display: flex;flex-wrap: wrap;padding:5px 0}
.information dl dd .list-wrap {margin:20px 0;padding:0 10px;}
.information dl dd .list-wrap ul {display:block;}
.information dl dd .sub-title {font-size:0.93rem;margin:25px 0 7px;font-weight:500;}
.information dl dd .divide {margin: 20px 0;}
.information dl dd .btn {min-width:initial !important;}
.information dl dd .sub-info {font-size:0.8rem;color:#555555;margin-top:10px;}
.information dl dd > ul li{padding:10px;flex: 1 1 50%}
.information dl dd > ul.d-block li {flex:none;padding: 0 10px !important;width:100%;}
.information dl dd > ul li p:not(.info-text){font-size:0.93rem;color:#333333;}
.information dl dd > ul li .btn{color:#333;height:20px;line-height:18px}
.information dl dd > ul li.wd100{flex: 1 1 100%}
.information dl dd > ul li small{color:#737373;font-size:0.8rem}
.information dl:last-child{border-bottom:1px solid #e0e0e0}
.information .tooltip{display:inline-block;margin-left:5px}
.link-tel{height:auto;min-width:10px;max-width:45px;min-height:initial !important;font-size:0.7rem;padding:0 5px;margin-left:10px}
.link-tel i{display:inline-block;width:8px;height:8px;vertical-align:middle;margin-right:4px;background:url("/resources/images/MH/icon_tel.png") no-repeat;background-size:100% auto}

.information dl dd > table {border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:20px;margin-top:20px;}
.information dl dd > table:last-child {border-bottom:0 none;margin-bottom:0;}
.information dl dd > table tbody tr td{padding:15px 7px;color:#555555; font-size:0.87rem;}
.information dl dd > table:not(.td-center) tbody tr td {text-align:right !important;}
.information dl dd > table.dense tbody tr td{padding:1px 10px;}
.information dl dd > table.td-left tbody tr td{text-align:left !important;}
.information dl dd > table tbody tr td .pry {margin-left:auto;color:#0373e4; font-size:0.93rem;font-weight:700;}
.information dl dd > table tbody tr td .sign {color:#0373e4; font-size:0.87rem;}
.information dl dd > table tbody tr td:first-child{text-align:left !important;}
.information dl dd > table:not(.td-center) tbody tr td[colspan="2"]:not(.title){text-align:right !important;}
.information dl dd > table tbody tr td.title {text-align:left !important;color:#000 !important;font-size:0.88rem !important;font-weight:500;padding-bottom:10px;}
.information dl dd > table tbody tr td.title + td {padding-bottom:10px;}

.information dl dd > table tbody td .grid {display:flex;margin-bottom:10px;}
.information dl dd > table tbody td .grid:last-child {margin-bottom:0;}
.information dl dd > table tbody td .grid label {display:flex;flex:0 1 35%;align-items:center;padding:0 10px;font-size:0.87rem;}

.information dl dd > ul.divide-h {position:relative;top:0;left:0;margin-top: 5px;}
.information dl dd > ul.divide-h:before {content:'';position:absolute;top:0;left:10px;width:95%;height:1px;background-color:#e0e0e0;}
.information dl dd > ul.divide-h:first-child {margin-top:0;}
.information dl dd > ul.divide-h:first-child:before {display:none;}

.garybox_01 {position:relative;top:0;left:0;border-radius:6px;border:1px solid #e0e0e0;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);background-color:#f5f6fa; padding:15px;}

/* 알려드립니다 */
.noti_box {positon:relative; border:1px solid #e0e0e0; background:#fff;}
.noti_tit {padding:10px; font-size:0.87rem; color:#333; border-bottom:1px solid #e0e0e0; font-weight:500;}
.noti_tit i {background:url('/resources/images/icon/icon_cau2.png') no-repeat left top; background-size:17px auto; width:18px; height:18px; display:inline-block;}
.noti_cont {padding:20px 15px; color:#555; font-size:0.87rem; font-weight:400;}

/* 스크래핑 진행상황 아이콘 */
.scraping {position:relative;top:0;left:0;width:14px;height:14px;background-color:#fff;top:-2px;left:7px;width:3.5px;height:6.5px;border:solid #1c69d4;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.scraping.on {position:relative;top:0;left:0;width:14px;height:14px;background-color:#fff;top:-2px;left:7px;width:3.5px;height:6.5px;border:solid #ccc;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.scraping.error {position:relative;top:0;left:0;width:14px;height:14px;background-color:#fff;top:-2px;left:7px;width:3.5px;height:6.5px;border:solid #ff0000;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.scr_txt {padding:0 0 3px 10px; font-size:0.8rem; color:#555; display:inline-block;} 

.ui-datepicker-calendar__header-day:after {content:'일';}

.menu-search-wrap {background:#e3e8f1; text-align:center; padding:10px 10px; border-bottom:1px solid #c5cedd; border-top:1px solid #c7d0e0}

.jno_afternum2 input {background:#fff url("/resources/images/common/pw_bg01.png") no-repeat 20px 18px; background-size:48px 5px !important; font-size:0.7rem !important}


/* 외부팝업 */
.popbg{display:none;position:fixed;left:0;height:100%;top:0;background:rgba(0,0,0,0.6);width:100%;z-index:9999}
.popbg.active{display:block}
.popbg iframe{position:absolute;left:0;top:0;width:100% !important;height:100%;background:#fff}
/* 반응형 */
.show-sm-and-down {display:none;}

.bell {display:inline-block; width:17.5px; height:17.5px; line-height:21px; background:url('/resources/images/MN/ico_mn01.png') no-repeat left top; background-size:17.5px 17.5px;margin-right:10px; vertical-align:middle;}
.set {display:inline-block; width:16px; height:17.5px; line-height:21px; background:url('/resources/images/MN/ico_mn02.png') no-repeat left top; background-size:16px 17.5px;margin-right:10px ; vertical-align:middle;}

@media screen and (max-width:340px) {
	.show-sm-and-down {display:block;}
	/*.pop-contents.layer section {padding:30px 35px 30px 15px !important;}*/
}

.desk{background:#f7f7f7;text-align:center;border-radius:3px;padding:20px 0;margin-top:20px}

/* 팝업 카운트 딱지 */
.pop_pad01 {border-radius:16px; background:#f5f6fa; padding:8px 14px; min-height:35px; color:#333; font-size:0.87rem; font-weight:500; display:inline-block; position:relative;}
.pop_pad01 .pad_count {margin-left:10px; font-size:0.87rem; color:#0373e4; display:inline-block; font-weight:500}

/* 캘린더 */
.ui-datepicker-calendar__header-year {background:url("/resources/images/common/ico_calarrow01.png") no-repeat right center !important; display:inline-block !important; padding-right:9px !important; background-size:5px 8px !important;}

/*아이폰 X 이상 대응 */
@media only screen and (device-width: 375px) and (device-width: 812px) and (-webkit-device-pixel-ratio: 3){
	.app-main .container{padding-bottom:50px}
	.pop-contents{padding-bottom:100px !important}
}

.env_info_box {float:right;margin-left:5px;padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; margin-right:10px; cursor: default; border-radius: 4px; background-color: #4478c1; color: white; text-align: center; font-size: 14px; font-weight: bold;}
/* step icon */
.ico_step {display:inline-block; padding:3px 10px 5px !important; border-radius:999px; background:#0373e4; color:#fff; font-size:0.87rem; vertical-align:middle; margin-right:8.5px;border-bottom:none !important;box-shadow:none !important}

/* 공지사항 팝업 */
.pop-contents .npop_header {z-index:1002;position:fixed;top:0; padding:2px 0; text-align:center; background:#4279cc;height:55px; width:100%; color:#fff; font-size:20px; font-weight:400; margin-top:0px;line-height:55px;}
.pop-contents .windowcl {position:absolute; right:0; top:0; display:inline-block; width:55px; height:55px; background:url('/resources/images/common/ico_closepop01.png') no-repeat 50% 50%;content:''; font-size:0; z-index:2}
.pop-contents .noti_cont {position:absolute;left:0;right:0; width:100%;height:calc(100% - 106px); padding:14px 20px 20px;overflow:auto;}
.pop-contents .noti_cont ul {width:100%; overflow:hidden;}
.pop-contents .noti_cont li {padding:8px 7px 0 9px; color:#555; font-size:16px; position:relative;}
.pop-contents .noti_cont li:before {content:''; font-size:0; position:absolute; left:0; top:0; width:3px; height:3px; background:#555; margin-top:28px;}
.pop-contents .npop_btnarea {position:fixed; bottom:0; width:100%; display:flex; width:100%}
.pop-contents .npop_btnarea button {position:relative;flex:0 1 50%; border-left:1px solid #d3d3d3; background:#e2e2e2; text-align:center; color:#333; font-size:15px; padding:15px 0 14px;} 
.pop-contents .npop_btnarea button:first-child {border-left:0;}
.pop-contents .npop_btnarea button:before {position:absolute; left:1px; top:0; width:1px; height:51px; content:''; font-size:0; background:#fff;}
.pop-contents .npop_btnarea button:first-child:before {display:none;}
.pop-contents .npop_btnarea button:hover {background:#e2e2e2; opacity:1;}

.alert_box {background:url("/resources/images/common/icon-alert.gif") no-repeat 0 3px; background-size:17.5px 17.5px; padding:0 10px 6px 26px; margin-top:0px; color:#31486f; font-size:0.8rem;border:0}

.MBLOCCOM .dot-list li{position:relative;padding-left:13px;color:#555555;font-size:13px;margin-top:5px;font-weight:400}
.MBLOCCOM .dot-list li:before{content:'';position:absolute;left:0;top:7px;background:#555555;width:6px;height:6px;border-radius:10%}
.MBLOCCOM .dot-list li .btn{margin-left:10px}
.MBLOCCOM .dot-list li.top:before{top:18px}