@charset "UTF-8";

body { background-color: #f7f8fc; position: relative; }

/* ********** LAYOUT ********** */
#header { width: 100%; height: 117px; background: url("../images/headerBg.png") repeat-x 0 0; box-shadow: #d5e3f4 0 10px 20px; position: absolute; top: 0; left: 0;  }
.header { max-width: 1900px; min-width: 1280px; background: url("../images/headerBg.png") repeat-x 0 0; }
.header .topNavi { padding: 11px 0 0 47px; box-sizing: border-box; height: 57px; position: relative; }
.header .topNavi h1 { display: block; width: 132px; height: 36px; background: url("../images/logo.png") no-repeat 0 0; text-indent: -9999em; }
.header .topNavi .state { position: absolute; top: 20px; right: 113px; }
.header .topNavi .state a { color: #fff; font-size: 13px; }
.header .topNavi .state a.logout { color: #a0a0a0; font-weight: 800; margin-left: 20px; }

.header .menu { }
.header .menu ul { overflow: hidden; }
.header .menu li { width: 14.2%; float: left; }
.header .menu li:first-child { width: 275px; }
.header .menu li a { display: block; text-align: center; height: 60px; line-height: 60px; color: #fff; font-size: 1em;  }
.header .menu li a.on { font-weight: 700; background-color: #276eb4; }

@media only screen and (max-width:1899px) {
	.header .menu li { width: 14.2%; float: left; }
	.header .menu li:first-child { width: 14.2%; }
}


#container { width: 100%; max-width: 1900px; min-width: 1280px; display: table; box-sizing: border-box; height: 100%; padding-top: 117px; }
.leftMenu { display: table-cell; width: 275px; background-color: #fff; vertical-align: top;  }

/* LEFT NAVIGATOR */
.leftMenu ul { border-bottom: #e7edf4 2px solid; display: none; }
.leftMenu ul.on { display: block; }
.leftMenu ul li { border-bottom: #e7edf4 1px solid; }
.leftMenu ul li a { color: #657d95; display: block; height: 67px; line-height: 67px; font-size: 14px; padding-left: 34px; }
.leftMenu ul li a::before { content: ""; width: 44px; height: 67px; display: inline-block; background-image: url("../images/lnbBg.png"); }
.leftMenu ul li a span { display: inline-block; height: 67px; line-height: 68px; vertical-align: top; padding-left: 5px; }
.leftMenu ul li a.on { color: #1f8efa; font-weight: 700; }

.leftMenu ul.lnb1 .m1 a::before { background-position: 0 -2px; }
.leftMenu ul.lnb1 .m2 a::before { background-position: 0 -66px; }
.leftMenu ul.lnb1 .m3 a::before { background-position: 0 -134px; }
.leftMenu ul.lnb1 .m4 a::before { background-position: 0 -202px; }

.leftMenu ul.lnb2 .m1 a::before { background-position: -88px 0; }
.leftMenu ul.lnb2 .m2 a::before { background-position: -88px -66px; }
.leftMenu ul.lnb2 .m3 a::before { background-position: -88px -134px; }
.leftMenu ul.lnb2 .m4 a::before { background-position: -88px -202px; }
.leftMenu ul.lnb2 .m5 a::before { background-position: -88px -270px; }

.leftMenu ul.lnb3 .m1 a::before { background-position: -176px 0; }
.leftMenu ul.lnb3 .m2 a::before { background-position: -176px -66px; }
.leftMenu ul.lnb3 .m3 a::before { background-position: -176px -134px; }
.leftMenu ul.lnb3 .m4 a::before { background-position: -176px -202px; }
.leftMenu ul.lnb3 .m5 a::before { background-position: -176px -270px; }
.leftMenu ul.lnb3 .m6 a::before { background-position: -176px -334px; }

.leftMenu ul.lnb4 .m1 a::before { background-position: -264px 0; }
.leftMenu ul.lnb4 .m2 a::before { background-position: -264px -66px; }

.leftMenu ul.lnb5 .m1 a::before { background-position: -352px 0; }
.leftMenu ul.lnb5 .m2 a::before { background-position: -352px -66px; }
.leftMenu ul.lnb5 .m3 a::before { background-position: -352px -134px; }

.leftMenu ul.lnb6 .m1 a::before { background-position: -440px 0; }
.leftMenu ul.lnb6 .m2 a::before { background-position: -440px -66px; }
.leftMenu ul.lnb6 .m3 a::before { background-position: -440px -134px; }

.leftMenu ul.lnb7 .m1 a::before { background-position: -528px 0; }
.leftMenu ul.lnb7 .m2 a::before { background-position: -528px -66px; }


/* LEFT TABLE */
.leftMenu .leftTable { margin-top: 80px; }
.leftMenu .leftTable p.tit { color: #657d95; font-size: 14px; font-weight: 800; padding: 0 20px 10px 20px; }
.leftMenu .leftTable p.tit span { font-size: 12px; font-weight: 400; margin-left: 15px; }
.leftMenu .leftTable table { border-top: #e7edf4 3px solid; border-bottom: #e7edf4 3px solid; width: 100%; color: #657d95; font-size: 12px; }
.leftMenu .leftTable table th { border-right: #e7edf4 1px solid; border-bottom: #e7edf4 1px solid; padding: 7px 10px 7px 20px; width: 100px; text-align: left; box-sizing: border-box; }
.leftMenu .leftTable table td { border-bottom: #e7edf4 1px solid; padding: 7px 20px 7px 10px; text-align: right; }
.leftMenu .leftTable .all th { border-top: #e7edf4 2px solid; font-weight: 700; }
.leftMenu .leftTable .all td { border-top: #e7edf4 2px solid; font-weight: 700; }

.contents { display: table-cell; background: url("../images/contentsBg.png") repeat-y 0 0; padding: 40px 75px 120px 75px; vertical-align: top; box-sizing: border-box; }
.contents .contSection { max-width: 1460px; min-height: 400px; position: relative;  }
.contents .contSection h2.tit_h2 { height: 18px; line-height: 18px; color: #657d95; font-weight: 800; font-size: 20px; background: url("../images/h2_bg.png") no-repeat 0 10px; padding: 10px 0 40px 11px; }



/* NEW WINDOW TYPE */
body.newWin { }
body.newWin #header { height: 57px; }
body.newWin #container { max-width: 1900px; min-width: 1280px; padding-top: 57px; }
body.newWin #container .contents { padding: 40px 75px 120px 47px; }
body.newWin #container .contents .contSection { max-width: 1750px; }




/* ********** CONTENTS ********** */

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }

.hide { display: inline-block; width: 0; height: 0; overflow: hidden; text-indent: -9999em; opacity: 0; }
a.file_icon { display: inline-block; width: 23px; height: 22px; background: url("../images/file_icon.png") no-repeat 0 0; text-indent: -9999em; }

.tit_h3 { font-size: 15px; color: #657d95; font-weight: 800; padding-bottom: 15px; position: relative; }
.tit_h3 span.rp { position: absolute; top: 0; right: 0; color: #9f9f9f; font-size: 14px; font-weight: 400; }
.tit_h3 mark { margin-left: 15px; }

input[type="checkbox"]:not(old),
input[type="radio"]:not(old){ opacity:0; outline:0; margin-left: 0; position: absolute; z-index:-1;} 
input[type="checkbox"]:focus + label,input[type="radio"]:focus + label {outline:1px dotted #ccc;} 
input[type="checkbox"]:not(old) + label { display:inline-block; height:23px; line-height:23px; padding:0 0 0 30px; background-image:url("../images/checkBg.png"); background-position:0 0; background-repeat:no-repeat; cursor:pointer; margin-top: 2px; margin-bottom: 2px; } 
input[type="checkbox"]:not(old):checked + label { background-position: 0 -23px; } 
input[type="radio"]:not(old) + label {display:inline-block; height:23px; line-height:23px; padding:0 0 0 31px; background-image:url("../images/radioBg.png"); background-position:0 0; background-repeat:no-repeat; cursor:pointer; margin-top: 2px; margin-bottom: 2px; } 
input[type="radio"]:not(old):checked + label {background-position: 0 -23px; } 

.typeText input[type="text"] { border: #e7edf4 1px solid; height: 36px; line-height: 36px; background-color: #fff; border-radius: 4px; padding: 0 10px; box-sizing: border-box; }
.typeText input[type="password"] { border: #e7edf4 1px solid; height: 36px; line-height: 36px; background-color: #fff; border-radius: 4px; padding: 0 10px; box-sizing: border-box; }
.typeSelect select { border: #e7edf4 1px solid; height: 36px; line-height: 36px; background-color: #fff; border-radius: 4px; padding: 0 0 0 10px; box-sizing: border-box; vertical-align: top; }
textarea { border: #e7edf4 1px solid; border-radius: 4px; padding: 10px; box-sizing: border-box; background-color: #fff; }


/* DATE SELECT AREA */
.dateChoice { position: absolute; top: 0; right: 0; }
.dateChoice button { display: block; background-color: #fff; border: #e7edf4 1px solid; border-radius: 4px; padding: 13px 20px; }
.dateChoice mark { vertical-align: middle; padding: 0 15px 0 0; border: none; height: 20px; line-height: 25px; vertical-align: middle; font-size: 13px; color: #657d95; width: 190px; }
.dateChoice span img { vertical-align: middle; }

/* TOP BUTTON AREA */
.topButton { position: absolute; top: 0; right: 0; }

/* TOP SEARCH AREA */
.topSearchArea { position: absolute; top: 0; right: 0; }
.topSearchArea .typeSelect select { width: 150px; }
.topSearchArea .typeText { height: 36px; display: inline-block; position: relative; }
.topSearchArea .typeText input[type="text"] { width: 230px; padding-right: 40px; }
.topSearchArea .topSearchButton { position: absolute; top: 0; right: 0; display: inline-block; width: 36px; height: 36px; line-height: 36px;  font-size: 18px; text-align: center; }
.topSearchArea .topSearchButton mark { display: inline-block; text-indent: -9999em; }


/* NO1. TABLE BORDER RADIUS TYPE */
/* .tableStyle { width: 100%; margin-bottom: 50px;  }
.tableStyle table { width: 100%; border: #e7edf4 1px solid; border-radius: 5px; border-collapse: separate; }
.tableStyle table th { background-color: #f9fafb; color: #383838; font-size: 14px; padding: 20px 0; border-bottom: #e7edf4 1px solid; border-right: #e7edf4 1px solid; }
.tableStyle table td { background-color: #fff; color: #383838; font-size: 14px; padding: 20px; border-bottom: #e7edf4 1px solid; border-right: #e7edf4 1px solid; }
.tableStyle table th:first-child { border-radius: 5px 0 0 0; }
.tableStyle table th:last-child { border-radius: 0 5px 0 0; border-right: none; }
.tableStyle table td:last-child { border-right: none; }
.tableStyle table tbody tr:last-child td:first-child { border-radius: 0 0 0 5px; }
.tableStyle table tbody tr:last-child td:last-child { border-radius: 0 0 5px 0; }
.tableStyle table tbody tr:last-child td { border-bottom: none; } */

/* NO1. TABLE BORDER NORMAL TYPE */
.tableStyle { width: 100%; }
.tableStyle table { width: 100%; border-radius: 5px; border: #e7edf4 1px solid; }
.tableStyle table thead th { background-color: #f9fafb; color: #383838; font-size: 14px; padding: 15px 0; border: #e7edf4 1px solid; line-height: 1.6; font-weight: 800; }
.tableStyle table tbody td { background-color: #fff; color: #383838; font-size: 14px; padding: 15px; border: #e7edf4 1px solid; line-height: 1.6; box-sizing: border-box; height: 51px; word-break:break-all; }
.tableStyle table tbody th { background-color: #fff; color: #383838; font-size: 14px; padding: 15px; border: #e7edf4 1px solid; line-height: 1.6; font-weight: 800; }
.tableStyle table .gray { font-size: 11px; color: #9f9f9f; }
.tableStyle table tbody td a { text-decoration: underline; }
.tableStyle th .orderby { position: relative; }
.tableStyle th .orderby button { height: 22px; line-height: 22px; position: absolute; top: 50%; right: 10px; margin-top: -11px; }
.tableStyle .listCheck label { padding: 0; width: 23px; margin-right: 0; }


/* NO1. TABLE CASE */
.tableStyle.aCenter table { text-align: center; }
.tableStyle.font13 table tbody td { font-size: 13px; }
.tableStyle.head2 table thead th { padding: 7px 0; }
.tableStyle.inputArea table tbody td { padding: 10px 15px; height: 49px;  }
.tableStyle .typeText input[type="text"] { width: 100%; }


/* NO2. TABLE BORDER NORMAL TYPE */
.tableStyle2 { width: 100%; }
.tableStyle2 table { width: 100%; border-radius: 5px; border: #e7edf4 1px solid; }
.tableStyle2 table thead th { background-color: #f9fafb; color: #383838; font-size: 14px; padding: 15px 0; border: #e7edf4 1px solid; line-height: 1.6; font-weight: 800; }
.tableStyle2 table tbody th.theadTH { padding: 15px 0; }
.tableStyle2 table tbody th { background-color: #f9fafb; color: #383838; font-size: 14px; padding: 7px 0; border: #e7edf4 1px solid; line-height: 1.6; font-weight: 800; }
.tableStyle2 table tbody td { background-color: #fff; color: #383838; font-size: 14px; padding: 7px 15px; border: #e7edf4 1px solid; line-height: 1.6; box-sizing: border-box; height: 51px; }
.tableStyle2 .typeText input[type="text"] { width: 100%; }
.tableStyle2 .typeText input[type="password"] { width: 100%; }
.tableStyle2 table td label { margin-right: 10px; } 
.tableStyle2 .dateChoice { position: static; }
.tableStyle2 .dateChoice button { background: none; border: none; border-radius: 0; padding: 0; }
.tableStyle2 .dateChoice mark { padding: 0; }
.tableStyle2 .dateChoice span { margin-right: 10px;  }

/* NO2. TABLE CASE */
.tableStyle2.aCenter table { text-align: center; }

.graphStyle { border: #e7edf4 1px solid; background-color: #fff; padding: 10px; min-height: 200px; border-radius: 4px; }

.footText { font-size: 15px; color: #657d95; font-weight: 800; padding-bottom: 15px; position: relative; }
.footList { font-size: 15px; color: #9f9f9f; line-height: 1.6; font-weight: 800; }

.buttonLeft { text-align: left; }
.buttonCenter { text-align: center; }
.buttonRight { text-align: right; }
.btnType { display: inline-block; border: #e7edf4 1px solid; border-radius: 4px; background-color: #fff; color: #657d95; min-width: 120px; height: 48px; line-height: 48px; text-align: center; box-sizing: border-box; padding: 0 20px; }
.btnType:hover { background-color: #f7f8fc; color: #657d95; }
.btnType:active { background-color: #4088d1; color: #fff; }

.tableButtonArea { position: relative; }
.tableButtonArea .tableButton { position: absolute; top: 50%; right: 0; margin-top: -13px; }
.tableButton { border: #266cb4 1px solid; background-color: #fff; min-width: 90px; height: 26px; line-height: 26px; display: inline-block; box-sizing: border-box; text-align: center; color: #266cb4; font-size: 12px; padding: 0 10px; border-radius: 13px; text-decoration: none !important; }

.pageFoot { position: relative; min-height: 30px;}
.pageFoot .buttonRight { position: absolute; top: 0; right: 0; }
.pageFoot.inPaging { text-align: center; }

.tabArea { width: 100%; overflow: hidden; }
.tabArea li { float: left; margin-right: 6px; }
.tabArea li a { display: block; border: #e7edf4 1px solid; border-bottom: none; border-radius: 4px 4px 0 0; background-color: #fff; min-width: 140px; height: 47px; line-height: 47px; text-align: center; box-sizing: border-box; padding: 0 10px; font-weight: 700; font-size: 14px; color: #657d95; }
.tabArea li a.on { background-color: #4088d1; color: #fff; }
.tabArea li a:hover { background-color: #f7f8fc; }
.tabArea li a.on:hover { background-color: #4088d1; color: #fff; }
.tabGraph { border-radius: 0 4px 4px 4px; } 


/* PAGING STYLE */
.paging { text-align: center; border: #e7edf4 1px solid; background-color: #fff; border-radius: 4px; display: inline-block; height: 38px; }
.paging ul { display: block; float: left; }
.paging li { display: block; width: 36px; height: 38px; float: left; border-right: #e7edf4 1px solid; }
.paging li a { color: #797979; display: block; width: 36px; height: 38px; line-height: 38px; background-color: #fff; box-sizing: border-box;  }
.paging li.on a { color: #fff; background-color: #4088d1; }
.paging li a:hover { background-color: #f7f8fc; }
.paging li.on a:hover { color: #fff; background-color: #4088d1; }
.paging > a { background-image: url("../images/pagingBtn.png"); width: 36px; height: 38px; display: block; float: left; text-indent: -9999em; vertical-align: top; border-right: #e7edf4 1px solid; box-sizing: border-box; }
.paging > a.prevBt { background-position: 0 0; }
.paging > a.beforeBt { background-position: -36px 0; }
.paging > a.afterBt { background-position: -36px -38px; }
.paging > a.nextBt { background-position: 0 -38px; border-right: none; }
.paging > a:hover { background-color: #f7f8fc; }	




/* ********** POPUP LAYER ********** */
.popupArea { position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-width: 1280px; display: none; }
.popupLayer { width: 100%; height: 100%; display: table; }
.dim { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .6; }
.popup { display: table-cell; vertical-align: middle; z-index: 100; width: 100%;  position: relative; z-index: 1; }
.box { background-color: #fff; border: #e7edf4 1px solid; border-radius: 5px; max-width: 530px; min-height: 100px; margin: 0 auto; }
.pop620 { max-width: 620px; }
.pop530 { max-width: 530px; }
.pop430 { max-width: 430px; }
.pop340 { max-width: 340px; }
.popupLayer .popTit { padding: 0 30px; height: 60px; line-height: 60px; border-bottom: #e7edf4 1px solid; color: #383838; font-weight: 800; font-size: 16px; }
.popupLayer .popCont { padding: 20px 30px; box-sizing: border-box; }
.popupLayer .popButton { padding: 0 30px 10px 30px;  }
.popupLayer .popButton a { display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; box-sizing: border-box; border: #e7edf4 1px solid; margin-bottom: 10px; border-radius: 4px; font-weight: 800; }
.popupLayer .popButton a.popConfirm { background-color: #4088d1; color: #fff; }
.popupLayer .popButton a.popCancel { background-color: #fff; color: #657d95; }


/* 상담이력 등록 및 할인 */
.counseling {  }
.counseling dt { font-size: 14px; color: #383838; font-weight: 800; padding-bottom: 15px; }
.counseling dd { position: relative; padding-bottom: 15px; font-size: 14px; color: #383838; }
.counseling dd.idArea { padding-right: 110px; }
.counseling dd.idArea .typeText input { width: 100%; }
.counseling dd .idSearch { position: absolute; top: 0; right: 0; color: #657d95; font-weight: 800; width: 100px; height: 36px; line-height: 36px; display: block; box-sizing: border-box; border: #e7edf4 1px solid; background-color: #fff; border-radius: 4px; text-align: center; }

.counseling dd.dateArea { overflow: hidden;  }
.counseling dd.dateArea .bt button { height: 36px; line-height: 36px; box-sizing: border-box; border: #e7edf4 1px solid; background-color: #fff; border-radius: 4px; text-align: center; width: 200px; float: left;  }
.counseling dd.dateArea .bt mark { border: none; height: 36px; line-height: 36px; color: #657d95; vertical-align: top; }

.counseling dd.dateArea .time { width: 125px; float: left; margin-left: 10px; }
.counseling dd.dateArea .time .typeText input[type="text"] { width: 100px; margin-right: 6px; }
.counseling dd.full_input .typeText input[type="text"] { width: 100%; }
.counseling dd textarea { width: 100%; height: 120px; }


/* VIP 우대 : 수수료 조정 */
.vipControl { }
.vipControl dt { font-size: 14px; color: #383838; font-weight: 800; padding-bottom: 15px; }
.vipControl dd { position: relative; padding-bottom: 15px; font-size: 14px; color: #383838; }
.vipControl dd label { margin-right: 10px; }
.vipControl dd .perSelf {  }
.vipControl dd .perSelf label { margin-right: 0; vertical-align: middle;  }
.vipControl dd .perSelf .typeText input[type="text"] { width: 80px; } 
.vipControl dd .bt button { height: 36px; line-height: 36px; box-sizing: border-box; border: #e7edf4 1px solid; background-color: #fff; border-radius: 4px; text-align: center; width: 100%; margin-top: 20px; }
.vipControl dd .bt mark { border: none; width: 85px; color: #657d95; }


/* {{매도}}상세 체결 현황 */
.dealingTable { margin-bottom: 30px; }
.dealingTable table { width: 100%; border-radius: 5px; border: #e7edf4 1px solid; }
.dealingTable table th { background-color: #f9fafb; color: #383838; font-size: 14px; padding: 6px 0; border: #e7edf4 1px solid; line-height: 1.6; font-weight: 800; }
.dealingTable table td { background-color: #fff; color: #383838; font-size: 14px; padding: 6px 15px; border: #e7edf4 1px solid; line-height: 1.6; box-sizing: border-box; text-align: center; }
.dealingTable table + table { margin-top: -1px; }


/* 입금수동처리 변경 */
.depositBox { overflow: hidden; }
.depositBox .left { width: 50%; box-sizing: border-box; padding-right: 10px; float: left; }
.depositBox .right { width: 50%; box-sizing: border-box; padding-left: 10px; float: right; }
.depositBox .depositTit { font-size: 14px; color: #383838; font-weight: 800; padding-bottom: 15px; }
.depositBox .depositCont { position: relative; padding-bottom: 15px; font-size: 14px; color: #383838; height: 30px; line-height: 30px; }
.depositSet { }
.depositSet dt { font-size: 14px; color: #383838; font-weight: 800; padding-bottom: 15px; }
.depositSet dd { position: relative; padding-bottom: 15px; font-size: 14px; color: #383838; }
.depositSet dd > p { height: 30px; line-height: 30px; }
.depositSet dd label { margin-right: 10px; }
.depositSet dd .typeText input[type="text"] { width: 100%; }


/* 출금 승인 */
.withdrawalBox ul { padding-bottom: 25px; }
.withdrawalBox li { color: #383838; font-size: 14px; line-height: 1.6; font-weight: 800; }
.withdrawalBox dt { font-size: 14px; color: #383838; font-weight: 800; padding-bottom: 15px; }
.withdrawalBox dd { position: relative; padding-bottom: 15px; font-size: 14px; color: #383838; }
.withdrawalBox dd > p { height: 30px; line-height: 30px; }
.withdrawalBox dd label { margin-right: 10px; }
.withdrawalBox dd .typeText input[type="password"] { width: 100%; }


/* 비대면 인증 요청 */
.notFaceBox { }
.notFaceBox dt { font-size: 14px; color: #383838; font-weight: 800; padding-bottom: 15px; }
.notFaceBox dd { position: relative; padding-bottom: 15px; font-size: 14px; color: #383838; }
.notFaceBox dd .typeSelect select { width: 100%; }
.notFaceBox dd .typeText input[type="text"] { width: 100%; }
.notFaceBox .notFace_img { border: #e7edf4 1px solid; background-color: #f7f8fc; }



/* ********** LOGIN ********** */
.loginArea { display: table; height: 100%; vertical-align: middle; width: 100%; position: relative; min-width: 1280px; }
.loginBox { display: table-cell; vertical-align: middle; width: 100%; line-height: 1.5;  }
.loginBox h1 { width: 167px; height: 90px; display: block; margin: 0 auto 30px; background: url("../images/login_logo.png") no-repeat 0 0; text-indent: -9999em; }
.loginBox > div { width: 496px; margin: 80px auto 150px;  }
.loginBox > div .id_pw { border: #e7edf4 1px solid; border-radius: 4px; background-color: #fff; padding: 38px; }
.loginBox > div .id_pw p.loginTit { color: #383838; font-weight: 700; }
.loginBox > div .id_pw ul { margin-bottom: 30px;  }
.loginBox > div .id_pw li { padding-top: 14px; }
.loginBox > div .id_pw li .typeText input[type="text"] { width: 100%; }
.loginBox > div .id_pw li .typeText input[type="password"] { width: 100%; }
.loginBox > div .id_pw .loginButton { background-color: #1f8efa; border: #e7edf4 1px solid; border-radius: 4px; text-align: center; height: 40px; line-height: 40px; color: #fff; font-weight: 800; display: block; }
.loginBox > div .id_pw .loginSave { padding-top: 15px; }
.loginBox > div .loginNotic { font-size: 12px; color: #9f9f9f; text-align: center; padding-top: 15px; } 
.loginBox > div .loginNotic a { font-weight: 700; color: #4a4a4a; border-bottom: #4a4a4a 1px solid;} 
.copyrightBox { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 30px 0;  } 




/* ********** SYSTEM ********** */
.tableStyle .systemBox { width: 100%; }
.tableStyle .systemBox p { width: 50%; float: left; text-align: left; line-height: 36px; }
.tableStyle .systemBox p .typeText input[type="text"] { width: 85%; }
.tableStyle .systemBox p mark { width: 15%; display: inline-block; text-align: center; float: right; height: 36px; line-height: 36px; }
.tableStyle .systemBox2 .typeText input[type="text"] { width: 85%; }
.tableStyle .systemBox2 mark { width: 15%; display: inline-block; text-align: center; }
.tableStyle .systemAdd td { padding: 0 !important; }
.tableStyle .systemAdd td a { font-size: 15px; font-weight: 800; display: block; height: 50px; line-height: 50px; background-color: #f9fafb; color: #657d95; }
.tableStyle .systemBox3 .typeSelect select { width: 100px; }
.tableStyle .systemBox3 p { display: inline-block; width: 40%; }
.tableStyle .systemBox3 mark { display: inline-block; width: 80px; text-align: left; padding-left: 10px; }
.tableStyle .systemBox4 .typeText input[type="text"] { width: 83%; }
.tableStyle .systemBox4 mark { font-size: 13px; width: 17%; display: inline-block; text-align: right; }
.tableStyle .systemBox5 .typeSelect select { width: 49%; display: inline-block; }
.tableStyle .systemBox5 .typeText input[type="text"] { width: 31%; vertical-align: top; display: inline-block;  }
.tableStyle .systemBox5 mark { font-size: 13px; width: 17%; line-height: 36px; display: inline-block; text-align: right; vertical-align: middle; }
.systemLog .typeSelect select { width: 100%; }
.systemLog .typeText input[type="text"] { width: 50%; }




/* ********** MEMBER ********** */
.memInfo .typeSelect select { width: 100%; }
.memInfo .full_input .typeText input[type="text"] { width: 100%; }
.memInfo .typeText input[type="text"] { width: 50%; }
.memInfo .memBox1 { width: 70%; }
.memInfo .memBox1 p { width: 50%; float: left; text-align: left; line-height: 36px; }
.memInfo .memBox1 p .typeText input[type="text"] { width: 94%; }
.memInfo .memBox1 p mark { width: 6%; display: inline-block; text-align: center; float: right; height: 36px; line-height: 36px; }
.memInfo .memState1 { color: #266cb4; }
.memInfo .memState2 { color: #de4a37; }
.memInfo .memState3 { color: #df7d0b; }
.memInfo .w38 span { width: 38.2%; display: block; }
.memSMS table tbody td { padding: 7px 30px; }
.memSMS .sendDate { padding: 0; height: auto;  }
.memSMS .sendDate div { position: relative; height: 51px; line-height: 51px; padding: 0 30px; }
.memSMS .sendDate .sendCancelButton { display: block; width: 120px; height: 100%; background-color: #4088d1; color: #fff; text-align: center; position: absolute; top: 0; right: 0; font-weight: 800; }
.memSMS .smsCont { padding: 20px 30px; height: 200px; }
.memSMS .smsCont .smsCont_img { border: #e7edf4 1px solid; background-color: #f7f8fc; }
.memSMS .smsCont .smsCont_text { margin-top: 10px; }
.memSMS .smsCont .smsCont_paging { margin-top: 20px; text-align: center; }
.memSMS .sendSet .dateChoice { position: static; display: inline-block; margin: 0 20px 0 30px; }
.memSMS .sendSet .typeText { margin-left: 10px; }
.memSMS .sendSet .typeText input[type="text"] { width: 75px; }
.memSMS .sendCSV { padding: 0; height: auto;  }
.memSMS .sendCSV div { position: relative; height: 51px; line-height: 51px; padding: 0 150px 0 30px; }
.memSMS .sendCSV .sendCSVButton { display: block; width: 120px; height: 100%; background-color: #4088d1; color: #fff; text-align: center; position: absolute; top: 0; right: 0; font-weight: 800; }
.memSMS .sendTemplate { padding: 0; height: auto;  }
.memSMS .sendTemplate div { position: relative; padding: 7px 150px 7px 30px; }
.memSMS .sendTemplate .sendCallButton { display: block; width: 120px; height: 100%; line-height: 51px; background-color: #4088d1; color: #fff; text-align: center; position: absolute; top: 0; right: 0; font-weight: 800; }
.memSMS .sendTemplate .typeSelect select { width: 100%; }
.memSMS .sendText { padding: 0; height: auto; }
.memSMS .sendText .sendTextTextarea { padding: 10px 10px 0 10px; }
.memSMS .sendText .sendTextTextarea textarea { width: 100%; height: 250px; }
.memSMS .sendText .sendTextByte { line-height: 30px; text-align: right; padding: 0 10px 10px 10px; color: #9f9f9f; }
.memSMS .sendText .sendTextBox { border-top: #e7edf4 1px solid; padding: 10px 110px 10px 10px; position: relative; }
.memSMS .sendText .sendTextBox a { border: #266cb4 1px solid; display: block; text-align: center; width: 90px; height: 26px; line-height: 26px; border-radius: 13px; color: #266cb4; font-size: 12px; position: absolute; top: 50%; right: 10px; margin-top: -13px; }
.memSMS .sendNotice { height: 314px; vertical-align: top; }
.memSMS .sendNotice dt { padding: 10px 0 20px 0; color: #657d95; font-size: 15px; font-weight: 800; }
.memSMS .sendNotice dd { color: #9f9f9f; font-size: 15px; }
.memSMS .sendCode { }
.memSMS .sendCode span { display: inline-block; min-width: 90px; height: 26px; line-height: 26px; text-align: center; border: #6fa7ff 1px solid; border-radius: 13px; color: #6fa7ff; font-size: 12px; padding: 0 10px; box-sizing: border-box; }
.sendListButton { display: block; border: #e7edf4 1px solid; border-radius: 4px; background-color: #fff; text-align: center; color: #73889d; font-weight: 800; box-sizing: border-box; height: 46px; line-height: 46px; }




/* ********** DEALINGS ********** */
.dealingsInfo .typeSelect select { width: 100%; }




/* ********** BANK ********** */
.bankInfo .typeSelect select { width: 100%; }
.bankInfo .bgOrange td { background-color: #fef5dc !important; }
.bankInfo .bgRed td { background-color: #fcdddd !important; }
.handBox { width: 100%; position: relative; overflow: hidden; }
.handBox .left { width: 50%; float: left; text-align: left; }
.handBox .right { width: 50%; float: right; text-align: right; }
.handBox textarea { width: 100%; height: 100px; }
/* MEMBER1 / BANK2 */
.handTable table tbody th { background-color: #f9fafb; color: #383838; font-size: 14px; padding: 15px 0; border: #e7edf4 1px solid; line-height: 1.6; font-weight: 400;}
.handTable table tbody th.all { font-weight: 800; }


/* ********** BOARD ********** */
.boardStyle { }
.boardStyle .boardCont { min-height: 250px; padding: 15px 10px;   }
.boardStyle .boardCont textarea { height: 300px; width: 100%; }
.boardStyle .typeSelect select { width: 100%; }
.boardStyle a.answerWaiting { color: #266cb4; }
.boardStyle .fileList { position: relative; }
.boardStyle .fileList li a { display: block; background: url("../images/download_icon.png") no-repeat 0 0; padding-left: 30px; line-height: 22px; height: 22px; }
.boardStyle .fileList .allDown { position: absolute; top: 50%; right: 10px; margin-top: -13px; }
.boardStyle .boardQuestion div { min-height: 200px; padding: 15px 10px; }
.qnAnswerTitle { font-size: 15px; color: #657d95; font-weight: 800; padding-bottom: 15px; position: relative; }
.qnAnswerTitle span { font-size: 14px; color: #9f9f9f; font-weight: 400; margin-left: 10px; }
.qnAnswerCont { width: 100%; border: #e7edf4 1px solid; border-radius: 4px; background-color: #fff; padding: 10px; min-height: 200px; box-sizing: border-box; }
.qnAnswerCont textarea { width: 100%; height: 300px; } 




/* ********** AUTHORITY ********** */
.authorityList { }
.authorityList .typeSelect select { width: 20%; min-width: 200px; }