@charset "utf-8";
/************************************************
 * YUANTA WEBPONENT STYLE SHEET FOR MOBILE
 * TAB, GRID, DIALOG, DATEPICKER
*************************************************/

/************************************************
 * CHART
*************************************************/
.chart.h200, .rtGraph, .chartWrap.h200, #chart1,.graphWrap>.h200 {height: 200px;}
.accChartWrap .chartWrap,
.BA_0102000_P1 {height: 220px;}
.MA_0102002_T1_1.wp100 {width: 100% !important;}
/************************************************
 * TABLE
*************************************************/
.mTransform {display: none;}
.mTransform colgroup {display: none;}
.mTransform tbody tr {border-top: 1px solid #e8e8e8;}
.mTransform .mTH th, .mTransform .mTH td {text-align: center;}
.mTransform th.mTH {width: 40%;padding-left:0;text-align: center !important;box-sizing: border-box;-webkit-box-sizing: border-box;}
.mTransform th {text-align: center;}
.mTransform td {width: 60%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.mTransform.mForm5 table {table-layout: fixed;}
.mTransform.mForm5 th.mTH,.mTransform.mForm5 td {width: auto}
/************************************************
 * GRID
*************************************************/
/******** arrowWrap */
.CI-GRID-AREA .arrowWrap {top: 5px;margin-top: 0;}
.mFitGrid .arrowWrap {display: none;}
/******** linebreaks */
.mLinebreaks,
.CI-GRID-WRAPPER th.mLinebreaks,
.CI-GRID-WRAPPER td.mLinebreaks,
.linebreaks, 
.CI-GRID-WRAPPER th.linebreaks, 
.CI-GRID-WRAPPER td.linebreaks {white-space: normal !important;word-break: break-all;line-height: 1.25em;}
.mLinebreaks a, 
.CI-GRID-WRAPPER th.mLinebreaks a, 
.CI-GRID-WRAPPER td.mLinebreaks a,
.lineBreaks a, 
.CI-GRID-WRAPPER th.linebreaks a, 
.CI-GRID-WRAPPER td.lineBreaks a {display: block; white-space: normal !important;word-break: break-all;text-overflow: visiable}
/******** fixedColum : dis-linebreaks */
.mFixedColum.linebreaks, 
.mFixedColum .CI-GRID-WRAPPER th, 
.mFixedColum .CI-GRID-WRAPPER td, 
.mFixedColum .CI-GRID-WRAPPER th.linebreaks, 
.mFixedColum .CI-GRID-WRAPPER td.linebreaks {white-space: nowrap !important;word-break: normal;}
.mLinebreaks, 
.mLinebreaks .CI-GRID-WRAPPER th, 
.mLinebreaks .CI-GRID-WRAPPER td, 
.mFixedColum .CI-GRID-WRAPPER th.mLinebreaks, 
.mFixedColum .CI-GRID-WRAPPER td.mLinebreaks{white-space: normal !important;word-break: break-all;line-height: 1.25em;}
/******** releaseHover/releaseScroll */
.CI-GRID-BODY-BOLD .CI-GRID-BODY-TABLE-TBODY tr.CI-GRID-ODD:hover,
.releaseHover .CI-GRID-BODY-TABLE-TBODY tr.CI-GRID-ODD:hover {background: #f8f8f8}
.CI-GRID-BODY-BOLD .CI-GRID-BODY-TABLE-TBODY tr:hover,
.releaseHover .CI-GRID-BODY-TABLE-TBODY tr:hover,
.releaseScroll .CI-GRID-BODY-TABLE-TBODY tr:hover {background: #fff}
/* WRAPPER */
.CI-GRID-WRAPPER {border-bottom: 0;}
.tblRow .CI-GRID-WRAPPER, .tblCol .CI-GRID-WRAPPER {border-top:0}
.WEBPONENT-PAGING-TOTAL-COUNT-TEXT {display: none;}
/* BODY */
.CI-GRID-BODY-TABLE-TBODY th, 
.CI-GRID-BODY-TABLE-TBODY td {height: 35px;line-height: 20px;letter-spacing: -1px;}
/* FOOTER */
.CI-GRID-WRAPPER .tfoot th, .CI-GRID-WRAPPER .tfoot td {height: 35px;line-height: 20px;padding: 5px 10px;border-top:0;border-color: #e8e8e8;border-bottom: 1px solid #e8e8e8;background: #eef5fa !important;}
.CI-GRID-WRAPPER .tfoot th > .fL, .CI-GRID-WRAPPER .tfoot td .fL {float: left;}
/************************************************
 * slider
*************************************************/
@charset "utf-8";
.sliderWrapper {
	width: 100%;
	padding: 0 0 0 10px;
	box-sizing:border-box;
}

.ci-slider {
	border: 1px solid #ddd;
	background: #fff;
}

.ci-slider-horizontal {
	border: 1px solid #ddd;
	background: #fff;
	
}

.ci-slider .ui-widget-header {
	border: 0;
	background: red;
	
}
.ci-slider .ui-widget-header.ui-slider-range-min {
	border: 0;
	background: #ff0;
}

.ci-slider .ui-slider-handle{
	border: 1px solid #ddd;
	background: #fff;
}

.intervalWrap {position: relative; margin-top: 10px}
.intervalWrap .interval {position: absolute;}


/************************************************
 * TAB
*************************************************/
/* .ci-tab {
	height: auto;
	background: #fff;
}
.ci-tab .tab-selector {height: 42px;padding: 0 22px; border-bottom: 1px solid #1f80d2;}
.ci-tab .tab-selector li {background: #fff;margin-left: 30px;}
.ci-tab .tab-selector li a {display: block;height: 40px;line-height: 44px;padding: 0 5px;}
.ci-tab .tab-selector li.active a {border-bottom: 2px solid #1f80d2;} */
/* 
.ci-tab {margin-bottom:0 !important;}
.ci-tab .m-flex-box {
	display: -webkit-box;
    display: -webkit-flex;
}
.ci-tab .tab-selector {
	height: auto;
	overflow: hidden;
}
.ci-tab .tab-selector li {
	padding: 0 5px;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #6d6d6d;
}
.ci-tab .tab-selector li a {
	display: block;
	width: auto;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #6d6d6d;
}
.ci-tab .tab-selector li.active {background: #6d6d6d;}
.ci-tab .tab-selector li.active a {color: #fff;}
.ci-tab .panel{padding:20px 0 0;}

.tab-selector-wrapper {overflow: hidden;padding:0 12px;}
.tab-selector-up-arrow,
.tab-selector-down-arrow {position: absolute;right:12px;top: 0; width: 25px; height: 33px;border: 1px solid #6d6d6d;}
.tab-selector-up-arrow {background: #fff url('/WEB-APP/webponent/tab/img/btn_tab_up.png') 0 0 no-repeat;background-size: 25px auto;z-index: 2001;}
.tab-selector-down-arrow {background: #fff url('/WEB-APP/webponent/tab/img/btn_tab_down.png') 0 0 no-repeat;background-size: 25px auto;z-index: 2001;} */
/************************************************
 * DATEPICKER
*************************************************/
.calendarWrapper input[type=text].calendarInput {width:78px;padding:0 10px;}
.calendarWrapper .calOpenBtn  {cursor: pointer;margin-left: 2px;}


/************************************************
 * DIALOG
*************************************************/
.ci-dialog * {
	box-sizing: content-box;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;
}
/* lyPopWrap */
.lyPopWrap .popTitWrap, .lyPopWrap .popTitWrap h1{background:url("/myasset/common/img/mobile/spr_dialog.png") 0 0 no-repeat;background-size:100px 200px}
.lyPopWrap .popTitWrap h1{display:block;overflow:hidden;/*width: auto에서 100%로 수정 문제되면 말씀해주세욤(ci05)*/width:70%;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.lyPopWrap{position:relative;border:2px solid #0157ac;}
.lyPopWrap .popTitWrap{height:52px;line-height:45px;padding:0;background-position:left -100px;background-repeat:repeat;border:0;font-weight:normal;color:#fff;font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif;margin-bottom:5px}
.lyPopWrap .popTitWrap h1{height:52px;padding:0 0 0 63px;background-position:left top;font-size:20px;font-weight:normal}
.lyPopWrap .btnCls{position:absolute;width:17px;height:17px;top:8px;right:5px;padding:5px;margin:0;background-position: -127px -80px;text-indent:-9999999px;}
.lyPopWrap .btnCls>span{display:block;width:17px;height:17px;background:url("/myasset/common/img/mobile/spr_dialog.png") 0 -183px no-repeat;background-size:100px 200px}
.lyPopWrap .popBody{padding:0 10px 15px;background-color:#fff;-webkit-transition: -webkit-transform 200ms ease;-webkit-transform: translate3d(0, 0, 0);}
/* typeClass : moneypad */
.moneypad.ci-dialog {background: url("/myasset/common/img/bg_mpad.png") no-repeat 0 0; border: 0;}
.moneypad.ci-dialog .ui-dialog-titlebar {height: 20px;line-height: 20px;padding: 8px 8px 0 8px;font-size: 14px;background: none;}
.moneypad.ci-dialog .ui-dialog-title {padding: 0;height: 20px; background: none;}
.moneypad.ci-dialog .ui-dialog-titlebar-close {top:11px;right:8px;width:14px;height:13px;background: url("/myasset/common/img/spr_mpad.png") no-repeat 0 0;}
.moneypad.ci-dialog .ui-dialog-content {padding: 0;}

/* dialog 컨텐츠 내에서 사용되는 common.css overWrite */
.ci-dialog {overflow: hidden;}
.ci-dialog .titWrap {margin-top: 20px;}
.ci-dialog .titWrap.mt0 {margin-top: 0;}
.ci-dialog .tblTxtWrap .btn {min-width: 36px;font-weight: normal;}
.ci-dialog .actBtnWrap .btn,
.ci-dialog .pageBtnWrap .btn {
/* 	min-width: 98px; */
	height: 38px;
	line-height: 38px;
	font-weight: normal;
}
.ci-dialog .infoWrap dl {display: table; table-layout: fixed;border-bottom: 1px solid #dcdcdc;}
.ci-dialog .infoWrap dl:first-child {border-top: 2px solid #15396d;}
.ci-dialog .infoWrap dl dt {display: table-cell;width: 180px;padding: 10px; background: #f6f6f6; color: #012e70; vertical-align: middle;}
.ci-dialog .infoWrap dl dd {padding: 10px;}
.ci-dialog .infoWrap dl dd.foot {display: table-cell;width: 75px;border-left: 1px solid #dcdcdc; vertical-align: middle;}
.ci-dialog .boxSurvey {border-top: 2px solid #15396d;}
.ci-dialog .boxSurvey .title {display: block;padding: 10px;background: #f6f6f6; color: #012e70;border-bottom: 1px solid #dcdcdc}
.ci-dialog .boxSurvey .inputWrap {padding: 10px;}
.ci-dialog .boxSurvey .inputWrap input+label {display: inline-block; width: 93%; vertical-align: top;}
.ci-dialog .toggleTr {display: none;}
.ci-dialog .boxWrap+.boxWrap {margin-top: 10px;}
.guideTxt.olType li .guideTxt li {padding-left: 8px !important;}
.ci-dialog table .bl {border-left: 1px solid #e8e8e8 !important;}
.ci-dialog table .bl0 {border-left: 0px;}

/* 주소찾기 */
.addressWrap {overflow: hidden;}
.addressWrap .tab-panel {position: relative;}
.addressWrap .addr_s1 {}
.addressWrap .addr_s2 {}
.addressWrap .addr_s3 {}
.addressWrap .addr_s3 .titWrap {margin-top: 0}
.addressWrap .box_search {padding: 10px;margin-top: 10px;border: 1px solid #c7c7c7;text-align:left;}
.addressWrap .box_search .btn {height: 30px;line-height: 30px;background: #124993;border-color:#124993;color: #fff;margin-left:5px;}
.addressWrap .box_list {margin-top: 20px;}
.addressWrap .box_list .listWrap {height: 150px;overflow: hidden;overflow-y: auto}
.addrWrap {position: relative;display: block;}
.addrWrap .btn {margin-top:5px}
.addrWrap .btn.addr {left: 104px;top: 0;background: #4c4c4c; border-color: #4c4c4c; color: #fff;}
.addrWrap .btn.addrDel {left: 175px;top: 0;}
.addrWrap .wp100 {display:block;margin-top: 5px;}
.addrWrap .wp100 > input[type='text'] {}

/* 입금확인증 */
.receiptWrap {position: relative;*zoom:1;}
.receiptWrap .printBtnWrap .btn {background-color:#1f80d2;border-color:#1f80d2;color: #fff;}