@charset "utf-8";

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Reset */
html{-webkit-text-size-adjust:none;height:100%}
body{height:100%;-webkit-overflow-scrolling:touch;line-height:1.4; font-family:"Noto Sans KR" , "Noto Sans JP", "Noto Sans TC", "Noto Sans";  font-size:14px;word-break:keep-all;color:#666}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button,textarea{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{line-height:normal;font-weight:normal}
ul, ol, li{list-style:none}
a{text-decoration:none;color:#666}
a:hover,a:active,a:visited{text-decoration:none}
img{border:0;vertical-align:top}
button{border:0;background-color:transparent;vertical-align:middle;cursor:pointer;outline:0;font-family:inherit;font-size:inherit}
input[type=text],input[type=search],input[type=tel],select{box-sizing:border-box;padding:0 5px;background-color:#fff;vertical-align:middle;font-family:inherit}
textarea{font-family:inherit}
em,address{font-style:normal}
table{width:100%;border-collapse:collapse}
caption{width:0;height:0;line-height:0;font-size:0;color:transparent}
strong{font-weight:500;color:#000}
label{vertical-align:middle;cursor:pointer}
input[type=text],input[type=password],input[type=date],input[type=tel],select,textarea{-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box}
input[type=checkbox],input[type=radio]{vertical-align:middle}
main{display:block}
select::-ms-expand{display:none}
::selection{background:#92cfe7}
::placeholder{font-weight:300;font-size:14px;color:#aaa !important}
:-ms-input-placeholder{font-weight:300;font-size:14px;color:#aaa !important}
::-ms-input-placeholder{font-weight:300;font-size:14px;color:#aaa !important}
input[type=text]::-ms-clear,input[type=password]::-ms-clear,input[type=tel]::-ms-clear{display:none}

/* Common Style */
.blind{position:absolute;left:-1000%;width:0;height:0;line-height:0;font-size:0;color:transparent}
.btn-eft-none{position:relative}

body{background-color:#FFFFFF;}
#aside{background-color:#272c33;font-size:14px;color:#fff}
#aside .logo{border-bottom:1px solid #4e4e52}
#aside .navi .tit{border-bottom:1px solid #4e4e52;color:#9496a1}
#aside .navi nav>ul>li>a{position:relative}
#aside .navi nav>ul>li>a>i:nth-of-type(1){position:absolute;left:0}
#aside .navi nav>ul>li>a>span{display:block}
#aside .navi nav>ul>li>a>.fa-angle-right,#aside .navi nav>ul>li>a>.fa-angle-down{position:absolute;right:3px;top:50%;margin:0;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#aside .navi a{display:block;color:#fff}
#content .ctn-top{border-bottom:1px solid #dddee2;background-color:#fff}
#content .ctn-top:after{display:block;content:"";clear:both}
#content .ctn-search{float:left;position:relative;box-sizing:border-box}
#content .ctn-srh-box:after{display:block;content:"";clear:both}
#content .ctn-search button{float:right}
#content .open-search{position:absolute;right:0;top:0}
#content .close-search{display:none}
#content .ctn-search .ip-box{float:left;width:0}
#content .ctn-search .ip-box input[type=text]{width:100%;border:0}
#content .noti-msg{float:left}
#content .noti-msg ul:after{display:block;content:"";clear:both}
#content .noti-msg>ul>li{float:left;position:relative}
#content .noti-msg>ul>li:first-child>a>span{background-color:#dc3545}
#content .noti-msg>ul>li:last-child>a>span{background-color:#007bff}
#content .noti-msg>ul>li>a>span{display:block;position:absolute;padding:1px 5px;border-radius:50%;font-size:10px;color:#fff}
#content .noti-msg i{color:#272c33}
#content .ctn-tit{background-color:#fff;color:#000}
#content .tooltip-box{display:none;position:absolute;z-index:100;box-shadow:1px 1px 5px 1px #ececec;background-color:#fff}
#content .tooltip-box:before{display:block;content:"";position:absolute;top:-15px;width:31px;height:15px;background:url(/layouts/myoffice/images/bg_box_arrow.png) no-repeat 0 0}
#content .tooltip-box .top{overflow:hidden}
#content .tooltip-box .top>span:nth-child(1){float:left;color:#000}
#content .tooltip-box .top>span:nth-child(2){
		float:right;border-radius:2px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe6274+0,fe7384+50,fe8b98+100 */
		background: #fe6274; /* Old browsers */
		background: -moz-linear-gradient(left, #fe6274 0%, #fe7384 50%, #fe8b98 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #fe6274 0%,#fe7384 50%,#fe8b98 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #fe6274 0%,#fe7384 50%,#fe8b98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6274', endColorstr='#fe8b98',GradientType=1 ); /* IE6-9 */
		font-size:12px;font-weight:300;color:#fff
}
#content .tooltip-list li:last-child{margin-bottom:0}
#content .tooltip-list a{display:block}
#content .tooltip-list a>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#content .tooltip-list a>div:nth-child(1){margin-bottom:2px;color:#000}
#content .tooltip-list a>div:nth-child(2){color:#000}
#content .tooltip-list a>div:nth-child(3){margin-top:10px;font-size:12px;color:#9ca4ac}
#content .tooltip-on .tooltip-box{display:block}
#content .user{position:relative}
#content .user-box li:last-child{margin-bottom:0}


/* Layout Style */
@media all and (min-width:1024px){
	#aside{float:left;width:242px;padding:0 18px}
	#aside .inner{display:block}
	#aside .logo{padding:14px 0 23px;text-align:center}
	#aside .logo i{display:none}
	#aside .login-msg{padding:14px 0 18px 6px}
	#aside .navi .tit{padding:0 0 14px 6px}
	#aside .navi nav>ul>li>a{padding:15px 25px 15px 5px}
	#aside .navi nav>ul>li>a>i{font-size:13px}
	#aside .navi nav>ul>li>a>i:nth-of-type(1){top:19px}
	#aside .navi nav>ul>li>a>span{padding-left:38px}
	#aside .navi nav>ul>li ul{margin:7px 0 0 42px}
	#aside .navi nav>ul>li ul>li{margin-bottom:12px}
	#aside .navi nav>ul>li ul>li:last-child{margin-bottom:0}
	#aside .navi nav>ul>li ul i{margin-right:7px}
	#content{overflow:hidden;padding-bottom:50px}
	#content .ctn-top{padding:12px 37px}
	#content .ctn-search{height:35px;margin-right:27px}
	#content .ctn-search button{width:30px;height:35px;font-size:17px}
	#content .ctn-search button i{line-height:35px}
	#content .open-search{display:block;width:30px;height:35px}
	#content .ctn-search .ip-box{height:35px}
	#content .ctn-search .ip-box input[type=text]{height:35px}
	#content .noti-msg>ul>li>a{vertical-align:-10px}
	#content .noti-msg>ul>li:first-child{margin-right:28px}
	#content .noti-msg li>a>span{left:10px;top:2px}
	#content .user{float:right;margin-top:8px}
	#content .user>a{color:#000}
	#content .user>a>img{margin-right:5px;vertical-align:-3px}
	#content .user>a>i{margin-left:10px}
	#content .ctn-main{margin-top:4px}
	#content .ctn-tit{height:56px;padding-left:37px;line-height:56px;font-size:18px}
	#content .ctn-body{padding:20px 20px;}
	#content .tooltip-box{width:341px;padding:20px}
	#content .tooltip-box .top>span:nth-child(1){float:left;font-size:16px}
	#content .tooltip-box .top>span:nth-child(2){height:20px;border-radius:2px;padding:0 7px;line-height:19px}
	#content .tooltip-list a:hover>div:first-child{text-decoration:underline}
	#content .tooltip-list{margin-top:30px}
	#content .tooltip-list li{margin-bottom:32px}
	#content .noti-box{left:-57px;top:64px}
	#content .noti-box:before{left:50px}
	#content .msg-box{left:-99px;top:64px}
	#content .msg-box:before{left:92px}
	#content .user-box{left:-43px;top:56px;width:114px;padding:13px 20px 13px 36px}
	#content .user-box:before{left:92px}
	#content .user-box a{word-break:break-all;color:#000}
	#content .user-box a:hover{text-decoration:underline}
	#content .user-box li{margin-bottom:11px}
	#content .user-box li:last-child{margin-bottom:0}
}
@media all and (max-width:1023px){
	#aside{padding:0 10px}
	#aside .inner{display:none}
	#aside .logo{padding:15px 0 6px}
	#aside .logo button{position:absolute;right:0;top:0;width:36px;height:38px;text-align:center;font-size:1.2em;color:#b1b1b1}
	#aside .logo .fa-times{display:none}
	#aside .logo img{width:78px}
	#aside .login-msg{padding:8px 0 12px 3px;line-height:1.4;font-size:13px}
	#aside .navi{padding-bottom:20px;font-size:13px}
	#aside .navi .tit{padding:0 0 9px 3px}
	#aside .navi nav>ul{padding-top:3px}
	#aside .navi nav>ul>li>a{padding:9px 12px 9px 3px}
	#aside .navi nav>ul>li>a>i:nth-of-type(1){top:13px}
	#aside .navi nav>ul>li>a>i{font-size:11px}
	#aside .navi nav>ul>li>a>span{padding-left:32px}
	#aside .navi nav>ul>li ul{margin:3px 0 0 28px}
	#aside .navi nav>ul>li ul>li{margin-bottom:6px}
	#aside .navi nav>ul>li ul>li:last-child{margin-bottom:0}
	#aside .navi nav>ul>li ul i{margin-right:5px;font-size:11px}
	#content{padding-bottom:30px}
	#content .ctn-top{padding:7px 10px 9px}
	#content .ctn-search{height:25px;margin-right:20px}
	#content .ctn-search button{width:30px;height:25px}
	#content .ctn-search button i{line-height:25px}
	#content .open-search{display:block;width:30px;height:25px}
	#content .ctn-search .ip-box{height:25px}
	#content .ctn-search .ip-box input[type=text]{height:25px;padding-left:5px}
	#content .noti-msg>ul>li>a{vertical-align:-3px}
	#content .noti-msg>ul>li:first-child{margin-right:28px}
	#content .noti-msg>ul>li>a>span{left:10px;top:-3px}
	#content .user{float:right;margin-top:4px}
	#content .user>a{font-size:13px;color:#000}
	#content .user>a>img{margin-right:5px;vertical-align:-3px}
	#content .user>a>i{margin-left:10px}
	#content .ctn-main{margin-top:4px}
	#content .ctn-tit{height:41px;padding-left:19px;line-height:41px;font-size:15px}
	#content .ctn-body{padding:15px 10px 0}
	#content .tooltip-box{width:256px;padding:15px}
	#content .tooltip-box .top>span:nth-child(1){float:left}
	#content .tooltip-box .top>span:nth-child(2){height:20px;border-radius:2px;padding:0 7px;line-height:19px}
	#content .tooltip-list{margin-top:15px}
	#content .tooltip-list li{margin-bottom:15px}
	#content .tooltip-list a{font-size:13px}
	#content .noti-box{left:-49px;top:50px}
	#content .noti-box:before{left:35px}
	#content .msg-box{left:-91px;top:50px}
	#content .msg-box:before{left:78px}
	#content .user-box{left:-19px;top:47px;width:103px;padding:10px 10px 10px 25px}
	#content .user-box:before{left:92px}
	#content .user-box a{word-break:break-all;font-size:13px;color:#000}
	#content .user-box li{margin-bottom:11px}
}


/* Content Style */
.main-notice{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #c3e6cb;background-color:#c4c4c4}
.main-notice a{display:inline-block;;color:#000}
.main-notice a>span{display:inline-block;border-radius:10px;background-color:#515151;font-size:12px;color:#fff}
.main-content .row-box1{overflow:hidden}
.main-content .row-box1 .quick-mn{float:left}
.main-content .row-box1 .quick-mn:last-child{margin-right:0}
.main-content .row-box1 .quick-mn>a{display:table-cell;;width:1%;background-color:#fff;vertical-align:middle;text-align:center;color:#000}
.main-content .row-box1 .q1{background-color:#63c2de}
.main-content .row-box1 .q2{background-color:#20a8d8}
.main-content .row-box1 .q3{background-color:#ffc107}
.main-content .row-box1 .q4{background-color:#f86c6b}
.main-content .row-box2{overflow:hidden}
.main-content .row-box2 .quick-mn{float:left;background-color:#fff}
.main-content .row-box2 .quick-mn:last-child{margin-right:0}
.main-content .row-box2 .quick-mn .b1 .t-p{display:block;font-weight:500;color:#fe9365}
.main-content .row-box2 .quick-mn .b1 .s-sum{display:block;color:#919aa3}
.main-content .row-box2 .quick-mn .b2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe9468+0,fea781+50,feb696+100 */
	background: #fe9468; /* Old browsers */
	background: -moz-linear-gradient(left, #fe9468 0%, #fea781 50%, #feb696 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fe9468 0%,#fea781 50%,#feb696 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fe9468 0%,#fea781 50%,#feb696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9468', endColorstr='#feb696',GradientType=1 ); /* IE6-9 */
}
.main-content .row-box2 .quick-mn .b2 a{display:table-cell;width:1%;vertical-align:middle;color:#fff}
.main-content .member-info .l{border:1px solid #dfdfdf}
.main-content .member-info .l .t{color:#fff}
.main-content .member-info .l .mb-box .mb-img img{border-radius:50%;border:1px solid #a1a1a2}
.main-content .member-info .l .mb-box .mb-name .na{display:block;line-height:1.1;color:#fff}
.main-content .member-info .l .mb-box .mb-name .lv{display:block;color:#fff}
.main-content .member-info .l .b{border-top:1px solid #e2e2e2;background-color:#fff}
.main-content .member-info .l .mb-list1>li{overflow:hidden}
.main-content .member-info .l .mb-list1>li:last-child{margin-bottom:0}
.main-content .member-info .l .mb-list1>li>span:first-child{float:left;color:#f86c6b}
.main-content .member-info .l .mb-list1>li>span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.main-content .member-info .l .mb-list2{overflow:hidden}
.main-content .member-info .l .mb-list2 li{float:left;box-sizing:border-box;width:33.3%;border-right:1px solid #bdbdbd;text-align:center}
.main-content .member-info .l .mb-list2 li:last-child{border-right:0}
.main-content .member-info .l .mb-list2 li span{display:block;margin-top:3px;padding:0 5px;word-break:break-all;line-height:1.1;font-size:13px;color:#bdbdbd}
.main-content .member-info .r>div{border:1px solid #dfdfdf}
.main-content .member-info .r>div>span:first-child{display:block;color:#868e96}
.main-content .member-info .r>div>span:last-child{color:#373757}
.main-content .member-info .r>div:last-child{margin-bottom:0}
.main-content .main-board{border:1px solid #dfdfdf;background-color:#fff}
.main-content .main-board .tit{border-bottom:1px solid #dfdfdf;background-color:#f7f7f7;color:#212529}
.main-content .main-board .board-tab ul{overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2O49+jZfwAI7gOmpNpaZAAAAABJRU5ErkJggg==) repeat-x 0 100%}
.main-content .main-board .board-tab li{float:left;margin-right:-1px}
.main-content .main-board .board-tab a{display:block}
.main-content .main-board .board-tab .on,.main-content .main-board .board-tab a:hover{position:relative;background-color:#fff;color:#000}
.main-content .main-board .board-tab .on:after,.main-content .main-board .board-tab a:hover:after{display:block;content:"";position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;border-left:1px solid #dee2e6;border-radius:5px 5px 0 0}
.main-content .main-board .board-list li{position:relative}
.main-content .main-board .board-list li:last-child{margin-bottom:0}
.main-content .main-board .board-list a{display:block;color:#616161}
.main-content .main-board .board-list a>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main-content .main-board .board-list a>span:last-child{position:absolute;right:0;top:0}

.login-bg{background:url(/layouts/myoffice/images/bg-login.gif) repeat 50% 0}
.login-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);box-sizing:border-box;width:100%;max-width:450px}
.login-wrap>div{margin:0 10px;padding:27px 20px 30px;background-color:#fff}
.login-wrap .t1{text-align:center}
.login-wrap .t2{margin:17px 0 20px;font-size:26px;text-align:center;color:#252527;font-weight:500}
.login-wrap .inp{margin-bottom:18px}
.login-wrap .login-check{margin-top:20px}
.login-wrap .login-check input[type=checkbox]{border:2px solid #404e67}
.login-wrap .login-check input[type=checkbox]:checked+label>span .fa-check-square{display:inline-block}
.login-wrap .login-check input[type=checkbox]:checked+label>span .fa-square-o{display:none}
.login-wrap .login-check label>span{margin-right:2px;font-size:16px}
.login-wrap .login-check i{width:22px;height:25px;vertical-align:-4px;font-size:25px;color:#404e67}
.login-wrap .login-check .fa-check-square{display:none}
.login-wrap .logi-btn button{display:block;width:100%;height:45px;margin:29px 0 25px;background-color:#404e67;line-height:45px;font-size:16px;color:#fff}
.login-wrap input[type=text],.login-wrap input[type=password]{width:100%;height:38px;border:1px solid #ccc;padding:0 15px}
.login-wrap .member-mn{border-top:1px solid #e5e5e5}
.login-wrap .member-mn ul{display:table;table-layout:fixed;width:100%;padding-top:24px}
.login-wrap .member-mn li{display:table-cell;width:33.3%;vertical-align:middle}
.login-wrap .member-mn li:last-child a:after{display:none}
.login-wrap .member-mn a{display:block;position:relative;padding:0 10px;text-align:center;line-height:1.2;color:#666}
.login-wrap .member-mn a:after{display:block;content:"";position:absolute;right:0;top:50%;width:1px;height:13px;margin-top:-6px;background-color:#747474}
.list-table-wrap{overflow-x:auto;overflow-y:hidden}
.list-table thead th,.list-table tbody td{white-space:nowrap}
.ctn-box{border:1px solid #e0e1e1;background-color:#fff}
.ctn-box .tit{border-bottom:1px solid #e0e1e1;background-color:#f7f7f7;color:#212529}
.list-table{border:1px solid #e0e4e7}
.list-table thead th,.list-table tbody td{border:1px solid #e1e4e8;white-space:nowrap}
.list-table thead th{color:#000}
.list-table tbody tr:nth-child(odd){background-color:#f2f2f2}
.board-serarch{overflow:hidden}
.board-serarch .l{float:left;color:#000}
.board-serarch .l select{border:1px solid #aaa;margin-left:5px;border-radius:3px;vertical-align:baseline;background-image:url(/layouts/shop/images/common/icon_select_arrow.gif);background-repeat:no-repeat;background-position:calc(100% - 8px) 50%;color:#000}
.board-serarch .r{float:right;color:#000}
.board-serarch .r>span{display:inline-block;position:relative;margin-left:5px}
.board-serarch .r>span i{vertical-align:2px}
.board-serarch .r input[type=text]{height:30px;border:1px solid #e0e4e8;vertical-align:baseline}
.board-serarch .r button{position:absolute;right:0;top:0;height:100%}
.board-paging{overflow:hidden}
.board-paging>div{float:left;color:#212529}
.board-paging ul{float:right;border:1px solid #dee2e6}
.board-paging li{float:left;border-right:1px solid #dee2e6}
.board-paging .prev a{color:#868e96}
.board-paging li:last-child{border-right:0}
.board-paging li a{display:block;padding:7px 13px;color:#000}
.board-paging li strong{display:block;background-color:#272c33;color:#fff}
.view-date{color:#828282}
.view-add-file{overflow:hidden;border-top:1px solid #dfdfdf}
.view-add-file .l{float:left;color:#000}
.view-add-file .r{overflow:hidden}
.view-add-file .r a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.view-btm{text-align: center; margin-bottom: 50px;}
.view-btm a{display:inline-block;padding:0 10px;background-color:#1e1e1e;text-align:center;color:#fff}

.list-table2 thead th,.list-table2 tbody td{border:1px solid #e1e4e8;white-space:nowrap;padding:10px}
.list-table3 tbody th,.list-table3 tbody td{border:1px solid #e1e4e8;white-space:nowrap;padding:10px}
.list-table3 tbody th{ background-color: #f2f2f2; }

.member-search .member-date .t{color:#212529}
.member-search .member-date{overflow:hidden}
.member-search .member-date .l{float:left}
.member-search .member-date .l input[type=text]{border-top:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7;border-left:1px solid #dfe3e7;border-right:0}
.member-search .member-date .l button{background-color:#e9ecef;font-size:1.5em}

.member-search .member-date .r{float:left}
.member-search .member-date .r ul{overflow:hidden}
.member-search .member-date .r li{float:left}	
.member-search .member-date .r label{display:block;color:#000}
.member-search .member-date .r input[type=radio]:checked+label{background:#dc3545;color:#fff}
.member-search .member-date .r li{
	border:1px solid #d5d7db;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,eeeeee+80,b2afb1+100 */
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #eeeeee 80%, #b2afb1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#eeeeee 80%,#b2afb1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfd 0%,#eeeeee 80%,#b2afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#b2afb1',GradientType=0 ); /* IE6-9 */
	
}


.member-search .search-field{position:relative}
.member-search .search-field .l ul{display:table;table-layout:fixed;width:100%}
.member-search .search-field .l li{display:table-cell}
.member-search .search-field .l li:last-child input[type=text]{border-right:1px solid #dfe3e7}
.member-search .search-field .l li>div{color:#212529}
.member-search .search-field .l input[type=text]{width:100%;border-top:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7;border-left:1px solid #dfe3e7;border-right:0}


.member-search .search-field .r ul{overflow:hidden}
.member-search .search-field .r li{float:left}
.member-search .search-field .r button{display:block;width:100%;text-align:center;color:#fff}
.member-search .search-field .reset{background-color:#dc3545}
.member-search .search-field .reload{background-color:#007bff}
.member-search .search-field .srh{background-color:#272c33}



.f-red{color:#dc3545}


@media all and (min-width:1024px){
	.main-notice{padding:12px 16px}
	.main-notice a{font-size:16px}
	.main-notice a:hover{text-decoration:underline}
	.main-notice a>span{height:20px;margin-right:7px;padding:0 15px;line-height:20px}
	.main-content .row-box1{margin-top:20px}
	.main-content .row-box1 .quick-mn{width:23.7%;margin-right:1.7%;padding-top:110px;background-image:url(/layouts/myoffice/images/icon_office_quick01.png);background-repeat:no-repeat;background-position:50% 27px}	
	.main-content .row-box1 .quick-mn>a{height:56px;padding:0 10px;font-size:16px}
	.main-content .row-box2{margin-top:47px}
	.main-content .row-box2 .quick-mn{width:23.7%;margin-right:1.7%}	
	.main-content .row-box2 .quick-mn .b1{height:120px;padding:20px 0 0 35px;background:url(/layouts/myoffice/images/icon_office_quick02.gif) no-repeat 93% 15px}
	.main-content .row-box2 .quick-mn .b1 .t-p{font-size:24px}
	.main-content .row-box2 .quick-mn .b1 .s-sum{margin-top:2px}	
	.main-content .row-box2 .quick-mn .b2 a{height:55px;padding:0 10px 0 35px;font-size:16px}	
	.main-content .fr-box{overflow:hidden;margin-top:50px}
	.main-content .fr-box>.l{float:left;box-sizing:border-box;width:49.2%;height:370px;margin-right:1.6%;border:1px solid #dfdfdf;background-color:#fff}
	.main-content .fr-box>.r{float:left;box-sizing:border-box;width:49.2%;height:370px;border:1px solid #dfdfdf;background-color:#fff}
	
	.main-content .fr-box1{margin-top:50px; margin-bottom:20px;}
		
	.main-content .member-info{overflow:hidden}
	.main-content .member-info .l{float:left;width:48.7%;height:388px;margin-right:2%}
	.main-content .member-info .l .t{height:167px;padding:11px 0 0 15px;background:#474751 url(/layouts/myoffice/images/img_level_red.gif) no-repeat 100% 0}
	.main-content .member-info .l .mb-box{overflow:hidden;margin-top:27px}
	.main-content .member-info .l .mb-box .mb-img{float:left;margin-right:14px}
	.main-content .member-info .l .mb-box .mb-img img{width:78px;height:78px}
	.main-content .member-info .l .mb-box .mb-name{overflow:hidden;padding-right:30px}
	.main-content .member-info .l .mb-box .mb-name .na{margin-bottom:3px;font-size:35px}
	.main-content .member-info .l .mb-box .mb-name .lv{font-size:17px}
	.main-content .member-info .l .b{height:201px;padding:8px 15px 0;}
	.main-content .member-info .l .mb-list1>li{margin-bottom:9px;font-size:17px}
	.main-content .member-info .l .mb-list1>li>span:first-child{width:96px}
	.main-content .member-info .l .mb-list2{margin-top:18px}
	.main-content .member-info .l .mb-list2 li span:first-child{font-size:20px}
	.main-content .member-info .l .mb-list2 li:nth-child(1){width:30%}
	.main-content .member-info .l .mb-list2 li:nth-child(2){width:40%}
	.main-content .member-info .l .mb-list2 li:nth-child(3){width:30%}
	.main-content .member-info .r{float:left;width:23.7% ; margin-right: 1.7%; }
	.main-content .member-info .r:last-child{ margin-right: 0; }
	
	.main-content .member-info .r>div{height:81px;margin-bottom:30px;padding:27px 0 0 110px}
	.main-content .member-info .r>div>span:last-child{font-size:17px;color:#373757}
	.main-content .member-info .r .pr1{background:#fff url(/layouts/myoffice/images/icon_office_pr01.gif) no-repeat 20px 50%}
	.main-content .member-info .r .pr2{background:#fff url(/layouts/myoffice/images/icon_office_pr02.gif) no-repeat 20px 50%}
	.main-content .member-info .r .pr3{background:#fff url(/layouts/myoffice/images/icon_office_pr03.gif) no-repeat 20px 50%}
	.main-content .main-board{height:370px;}
	.main-content .main-board .tit{height:47px;padding-left:20px;line-height:47px;font-size:20px}
	.main-content .main-board .inner{padding:22px 15px 0}	
	.main-content .main-board .board-tab a{height:42px;padding:0 17px;line-height:42px;font-size:16px}
	.main-content .main-board .board-tab a:hover{position:relative;background-color:#fff;color:#000}
	.main-content .main-board .board-tab a:hover:after{display:block;content:"";position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;border-left:1px solid #dee2e6;border-radius:5px 5px 0 0}
	.main-content .main-board .board-list{margin-top:30px}
	.main-content .main-board .board-list li{margin-bottom:10px}	
	.main-content .main-board .board-list a{font-size:16px}
	.main-content .main-board .board-list a:hover{text-decoration:underline}
	.main-content .main-board .board-list a>span:first-child{padding-right:108px}	
	.ctn-box .tit{padding:11px 0 11px 17px;font-size:17px}
	.ctn-box .board-inner{padding:25px 37px 170px}
	.ctn-box .board-view-txt{padding:35px 20px;font-size:16px}
	.list-table{font-size:16px}
	.list-table thead th{padding:15px;color:#000}
	.list-table tbody td{padding:15px}
	.list-table tbody td a:hover{text-decoration:underline}
	.board-serarch{margin-bottom:15px}
	.board-serarch .l{font-size:16px}
	.board-serarch .l select{width:80px;height:30px;font-size:16px}
	.board-serarch .r{font-size:16px}
	.board-serarch .r input[type=text]{width:200px;border:1px solid #e0e4e8}
	.board-serarch .r button{width:30px}
	.board-serarch .r .srh{background-color:#272c33; display:block; padding:3px 10px; width:100px; text-align:center;color:#fff}
	.view-date{margin-left:11px;font-size:13px;color:#828282}
	.view-add-file{padding:15px 20px}
	.view-add-file .l{margin-right:20px}
	.view-btm a{min-width:110px;height:39px;margin-top:17px;line-height:39px;font-size:18px}
	.board-paging{margin-top:32px}
	.board-paging>div{margin-top:10px;font-size:16px}	
	.board-paging li a{padding:7px 13px;font-size:16px}
	.board-paging li strong{padding:7px 13px;font-size:16px}
	.member-search{margin-bottom:40px}
	.member-search .date-box{overflow:hidden}
	.member-search .member-date{margin-bottom:20px}
	.member-search .member-date .t{height:25px}
	.member-search .member-date .l input[type=text]{width:261px;height:40px;padding-left:10px}
	.member-search .member-date .l button{width:46px;height:40px;vertical-align:middle}
	.member-search .member-date .r{margin-left:10px}
	.member-search .member-date .r li{margin-right:10px}	
	.member-search .member-date .r label{height:38px;padding:0 15px;line-height:38px;font-size:16px}	
	.member-search .search-field .l{padding-right:255px}	
	.member-search .search-field .l li>div{margin-bottom:6px}
	.member-search .search-field .l input[type=text]{height:40px}
	.member-search .search-field .r{position:absolute;right:0;bottom:0;width:255px}
	.member-search .search-field .r li{width:85px}
	.member-search .search-field .r button{height:40px;line-height:40px}	
}

@media screen and (min-width:1024px) and (max-width:1530px) {
	.main-content .fr-box{margin-top:20px}
	
	.main-content .fr-box1{overflow:hidden;margin-top:50px;margin-top:20px;}
	.main-content .fr-box1>.l{float:left;box-sizing:border-box;width:100%;height:370px;margin-right:1.6%;border:1px solid #dfdfdf;background-color:#fff}
	
	
	.main-content .row-box2{margin-top:20px}
	.main-content .row-box1 .quick-mn,.main-content .row-box2 .quick-mn{width:48.5%;margin:0 3% 3% 0}
	.main-content .row-box1 .quick-mn:nth-child(2n),.main-content .row-box2 .quick-mn:nth-child(2n){margin-right:0}
	.main-content .fr-box>.l{float:none;width:auto;height:auto;padding:20px;margin-right:0}
	.main-content .fr-box>.r{float:none;width:auto;margin-top:20px}
	.main-content .member-info .l{width:100%}	
	
	.main-content .member-info .r{width: 48.5%; margin: 2% 3% 3% 0;}	
}

@media screen and (min-width:1024px) and (max-width:1330px) {
	.member-search .member-date .l{float:none;margin-bottom:10px}
	.member-search .member-date .r{float:none;margin:0}
	.member-search .search-field .l{margin-bottom:20px;padding-right:0}
	.member-search .search-field .r{position:static;width:auto;overflow:hidden}
	.member-search .search-field .r {float:right; }
}


@media all and (max-width:1023px){
	.main-notice{padding:6px 8px}
	.main-notice a>span{height:20px;margin-right:5px;padding:0 12px;line-height:20px}
	.main-content .row-box1{margin-top:20px}
	.main-content .row-box1 .quick-mn{width:49%;margin:0 2% 15px 0;padding-top:68px;background-image:url(/layouts/myoffice/images/icon_office_quick01.png);background-repeat:no-repeat;background-position:50% 21px;background-size:23px auto}	
	.main-content .row-box1 .quick-mn:nth-child(2n){margin-right:0}
	.main-content .row-box1 .quick-mn>a{height:35px;padding:0 10px;font-size:13px}
	.main-content .row-box2{margin-top:13px}
	.main-content .row-box2 .quick-mn{width:49%;margin:0 2% 15px 0}
	.main-content .row-box2 .quick-mn:nth-child(2n){margin-right:0}
	.main-content .row-box2 .quick-mn .b1{height:100px;padding:10px 0 0 17px;background:url(/layouts/myoffice/images/icon_office_quick02.gif) no-repeat 93% 15px;background-size:28px auto}
	.main-content .row-box2 .quick-mn .b1 .t-p{font-size:15px}
	.main-content .row-box2 .quick-mn .b1 .s-sum{margin-top:2px;font-size:13px}
	.main-content .row-box2 .quick-mn .b2 a{height:35px;padding:0 10px 0 17px;font-size:13px}
	
	.main-content .fr-box1{margin-top:10px; margin-bottom:20px;}
	
	.main-content .fr-box{margin-top:10px}	
	.main-content .fr-box>.l{padding:15px;border:1px solid #dfdfdf;background-color:#fff}
	.main-content .fr-box>.r{margin-top:15px;border:1px solid #dfdfdf;background-color:#fff}
	.main-content .member-info .l .t{height:120px;padding:11px 0 0 10px;background:#474751 url(/layouts/myoffice/images/img_level_red.gif) no-repeat 100% 0}
	.main-content .member-info .l .mb-box{overflow:hidden;margin-top:20px}
	.main-content .member-info .l .mb-box .mb-img{float:left;margin-right:14px}
	.main-content .member-info .l .mb-box .mb-img img{width:55px;height:55px}
	.main-content .member-info .l .mb-box .mb-name{overflow:hidden;margin-top:8px;padding-right:30px}
	.main-content .member-info .l .mb-box .mb-name .na{margin-bottom:3px;font-size:17px}
	.main-content .member-info .l .mb-box .mb-name .lv{font-size:13px}
	.main-content .member-info .l .b{padding:8px 10px 12px}
	.main-content .member-info .l .mb-list1>li{margin-bottom:9px}
	.main-content .member-info .l .mb-list1>li>span:first-child{width:80px}
	.main-content .member-info .l .mb-list2{margin-top:13px}
	.main-content .member-info .l .mb-list2 li span:first-child{font-size:15px}
	.main-content .member-info .r{margin-top:15px}
	.main-content .member-info .r>div{height:56px;margin-bottom:10px;padding:13px 0 0 80px}
	.main-content .member-info .r>div>span:last-child{font-size:16px;color:#373757}
	.main-content .member-info .r .pr1{background:#fff url(/layouts/myoffice/images/icon_office_pr01.gif) no-repeat 10px 50%;background-size:43px auto}
	.main-content .member-info .r .pr2{background:#fff url(/layouts/myoffice/images/icon_office_pr02.gif) no-repeat 10px 50%;background-size:43px auto}
	.main-content .member-info .r .pr3{background:#fff url(/layouts/myoffice/images/icon_office_pr03.gif) no-repeat 10px 50%;background-size:43px auto}
	.main-content .main-board{margin-top:20px}
	.main-content .main-board .tit{height:35px;padding-left:10px;line-height:35px;font-size:15px}
	.main-content .main-board .inner{padding:12px 10px 17px}
	.main-content .main-board .board-tab a{height:42px;padding:0 17px;line-height:42px}
	.main-content .main-board .board-tab a:hover{position:relative;background-color:#fff;color:#000}
	.main-content .main-board .board-tab a:hover:after{display:block;content:"";position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;border-left:1px solid #dee2e6;border-radius:5px 5px 0 0}
	.main-content .main-board .board-list{margin-top:20px}
	.main-content .main-board .board-list li{margin-bottom:10px}	
	.main-content .main-board .board-list a{font-size:13px}
	.main-content .main-board .board-list a>span:first-child{padding-right:20px}
	.ctn-box .tit{padding:7px 10px 7px 10px;font-size:15px}
	.ctn-box .board-inner{padding:13px 10px 100px}
	.ctn-box .board-view-txt{padding:17px 10px}
	.list-table{border:1px solid #e0e4e7}
	.list-table thead th{padding:10px;color:#000}
	.list-table tbody td{padding:10px}
	.list-table tbody tr:nth-child(odd){background-color:#f2f2f2}
	.list-table tbody td a:hover{text-decoration:underline}
	.board-serarch{margin-bottom:12px}
	.board-serarch .l select{width:80px;height:30px}	
	.board-serarch .r input[type=text]{width:200px;border:1px solid #e0e4e8;font-size:16px}
	.board-serarch .r button{width:30px}
	.board-paging{margin-top:13px}
	.board-paging li a{padding:5px 12px}
	.board-paging li strong{padding:5px 12px}
	.board-paging>div{margin-top:5px}
	.view-date{display:block;margin-top:3px;font-size:12px}
	.view-add-file{padding:10px}
	.view-add-file .l{margin-right:10px}
	.view-btm a{min-width:110px;height:39px;margin-top:17px;line-height:39px}
	.member-search{margin-bottom:20px}
	.member-search .member-date{margin-bottom:15px}
	.member-search .member-date .t{margin-bottom:7px}
	.member-search .member-date .l input[type=text]{width:135px;height:30px;padding-left:10px}
	.member-search .member-date .l button{width:30px;height:30px;font-size:1.1em}
	.member-search .member-date .r{margin-left:10px}
	.member-search .member-date .r li{min-height:28px;margin-right:5px}
	.member-search .member-date .r label{height:28px;padding:0 10px;line-height:28px}
	.member-search .search-field .l{margin-bottom:15px}
	.member-search .search-field .l li>div{margin-bottom:6px}
	.member-search .search-field .l input[type=text]{height:30px}
	.member-search .search-field .r{overflow:hidden}
	.member-search .search-field .r ul{float:right}
	.member-search .search-field .r li{width:85px}
	.member-search .search-field .r button{height:30px;line-height:30px}


	
}

@media all and (max-width:700px){
	.member-search .member-date .l{float:none}
	.member-search .member-date .r{float:none;margin:10px 0 0 0}
	.member-search .member-date .r ul{display:table;table-layout:fixed;width:100%;height:100%}
	.member-search .member-date .r li{display:table-cell;float:none;height:100%;border-right:0;vertical-align:middle;text-align:center}
	.member-search .member-date .r li:last-child{border-right:1px solid #d5d7db}
	.member-search .member-date .r label{display:table-cell;width:1%;height:100%;padding:10px 5px;word-break:break-all;line-height:1.2;font-size:13px}
	.member-search .search-field .l li{display:block;margin-bottom:10px}
	.member-search .search-field .l input[type=text]{border-right:1px solid #dfe3e7}
	.member-search .search-field .l li:last-child{margin-bottom:0}
}

@media all and (max-width:546px){
	.board-paging{text-align:center}
	.board-paging>div{float:none;margin-bottom:15px;text-align:left}
	.board-paging ul,.board-paging li{float:none;display:inline-block}
	.board-paging li{margin-left:-3px}
}

@media all and (max-width:470px){
	.board-serarch .l,.board-serarch .r{float:none}
	.board-serarch .r{margin-top:10px}
	.board-serarch .r em{display:none}
	.board-serarch .r>span{display:block;margin:0}
	.board-serarch .r input[type=text]{width:100%}
	
	.ellipsis {
	    width: 250px;
	    text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    word-wrap: normal !important;
	    display: block;
	}
	
}

/* =============================================================
   FOOTER SECTION STYLES
 ============================================================ */
footer {
    color: #000;
    font-size: 12px;    
}

footer a, footer a:hover {
    color: #000;
    text-decoration: none;
}
footer:after {display:block; content: ""; clear: both;}

footer .footerMenu{ text-align:center; margin:0 auto; }
footer .footerMenu li {display:inline-block; width:calc(12.5% - 12px) !important; padding:0;height:40px;margin-right:5px;}
footer .footerMenu li a{display:block;}
footer .footerMenu li img{ width:100%; max-width:140px;}
footer .footerMenu:after {display:block; content: ""; clear: both;}

footer .footer_inner{padding:20px 0px 20px 40px;}
footer .footer_inner h2{float:left;}
footer .footer_inner:after {display:block; content: ""; clear: both;}

footer .footer_inner address {float:left; margin-left:20px; font-size:12px;line-height:18px;color:#aaa; width:calc(100% - 120px);}
footer .footer_inner address .copy{margin-top:10px; font-weight:bold; color:#221e1f;}
footer .footer_inner p{ display: none;}

@media (max-width: 759px){
	footer .footer_inner h2{ width: 40px;}
	footer .footer_inner h2 img{ width: 100%;}
	footer .footer_inner address {margin-left:10px;font-size:10px;line-height:11px; width:calc(100% - 50px);}
	footer .footerMenu li { width:calc(25% - 5px) !important; max-width:140px; padding-bottom: 10px;}
}

@media (max-width: 439px){
	footer .footer_inner h2{display: none;}
	footer .footer_inner address {margin-left:0px;font-size:9px;line-height:10px;width:100%;}
	footer .footerMenu li { width:calc(50% - 5px) !important; height:30px; max-width:100px; padding-bottom: 10px;}
}

@media (max-width: 319px){
	footer .footer_inner h2{display: none;}
	footer .footer_inner address {display: none;}
	footer .footerMenu {display: none;}
	footer .footer_inner p{ display: block; text-align: center;}
	footer .footer_inner{padding-bottom:0; color:#333; }
}

.wfsr {
	z-index: 100;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 20px 0 0 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font: bold 16px/60px "Helvetica Neue", Helvetica, Arial, 돋움, Dotum, sans-serif;
	color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	box-shadow: 0 0 5px #000;
	background: #333 url("/images/msg.loading.gif") no-repeat center 15px;
}

.edit-info { width:100%;}
.edit-info-caption {border-top: 1px solid #DDD;border-bottom: 3px solid #DDD; margin:10px 0px 20px 0; font-size:24px;  padding:5px 6px 4px 10px; font-weight:bold; text-align:left; color:#000;}
.edit-info-caption-small { font-size:10pt; font-weight:normal; color:blue; margin-left:20px;}
.edit-info a { color:#555555; text-decoration:none;}
.edit-info a:hover { color:#F90; text-decoration:none;}
.edit-info ul { margin:0; padding:0; list-style:none;}
.edit-info li { margin:5px 0; border-bottom:#e0e0e0 1px solid; padding-bottom:5px;}
.edit-info li:after { content:""; display:block; clear:both;}
.edit-info-subject { width:120px; text-align:center; display:inline-block; font-weight:bold; color:#555555; vertical-align:top;}
.edit-info-content {  display:inline-block; border-left:#e0e0e0 1px dotted; padding-left:20px;}

.edit-info .info-h_bar { border-top:#e0e0e0 1px solid; margin-top:15px; padding-top:5px;}


.m_favorites { color:blue; cursor: pointer;}

.ctn-search, .noti-msg { display: none;}

.text-left { text-align:left; }
.text-right { text-align:right; }

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

/*노프레임일 경우 화면 구성위치 지정 css 추가*/
#signup_info{width:80%; max-width:800px; margin:0 auto; margin-top:20px;}

/* 노티스 아코디언 css - NEW */
.accordion_notice_item { display: block; width: 100%; margin-bottom: 15px; }
.accordion_notice_tit { display: block; position: relative; height: 40px; line-height: 40px; padding:0px 50px 0 10px; font-size: 15px; font-weight: 400; color: #333; overflow: hidden; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; border-radius:10px; }
.accordion_notice_tit .bmenu { display: block; position: absolute; right: 15px; top: 0; }
/* 노티스 아코디언 닫힌 경우 */
.accordion_notice_tit.active2{background:rgba(241,242,247,0.3); border: 1px solid #eee;}
.accordion_notice_tit.active2 .x7 { -webkit-transform:rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.accordion_notice_cont { display: block; position: relative; line-height: 1.65; background-color: #fff; /*border: 1px solid #eee; border-top: none;*/}
/* 느낌표 물음표 아이콘 */
.ques_icon{cursor:pointer; color:#e91e63; margin-left:5px;}
.exc_icon{color:#e91e63; margin-right:2px;}
/*노출형 노티스 */
.myo_search_notice{padding:12px; background: #fbfbff; -webkit-box-shadow:0px 1px 2px 2px #e8e9ed; box-shadow:0px 1px 2px 2px #e8e9ed; border-radius:8px;}
.myo_search_notice p{width:100%; color:#283056; line-height: 1.3; word-break: keep-all; font-weight:400; font-size:14px; margin-bottom:5px; text-indent:-7px; margin-left: 7px;}
.myo_search_notice p:last-child{ margin-bottom:0;}
.myo_search_notice p:before{content: "※"; margin-right:2px; color: #e91e63; font-size:15px;}
/*-- 공지사항 1:1문의 등 form 공통사용 --*/
#myo_form {border:1px solid #ddd; margin-top:20px; position:relative;}
#myo_form>li{display:table; width:100%; table-layout: fixed; border-bottom:1px solid #ddd;  color:#444; font-size: 15px;}
#myo_form>li:last-child{border-bottom:0;}
#myo_form>li .item_title{border-right:1px solid #ddd; display: table-cell; width:20%; padding:10px; background:#f9f9f9; vertical-align: middle; word-break: keep-all; font-weight: 400; color:#666;}
#myo_form>li .item_content{display: table-cell; padding:10px;  vertical-align: middle; color:#333;}
/* 콘텐츠 입력 css */
#myo_form>li span input[type=text]{height:35px; border:1px solid #BBB; max-width: 250px; width:100%; font-size:15px;}
#myo_form>li span input[type=password]{height:35px; border:1px solid #BBB; max-width: 250px; width:100%; font-size:15px;}
#myo_form>li span select{height:35px; max-width: 250px; width:100%; font-size:15px; border: 1px solid #bbb;}
#myo_form>li span textarea{font-size:16px;}
.myo_table_tit{border-left: 5px solid #0abab5; padding-left: 10px; font-size:20px; margin-top:30px;}
/* 마이오피스 페이지 내 일반 버튼 */
.myo_condition_search2{/*text-align: center;*/ margin:25px 0;}
.myo_condition_search2 button{margin-right:10px; font-size:15px;}
.myo_condition_search2 button:last-child{margin-right:0;}
/*회원탈퇴하기 버튼*/
.withdrawal_btn{ border: 1px solid #666; padding: 8px; font-size: 16px; background: #666; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px;}
.withdrawal_btn:hover, .withdrawal_btn:focus{background:rgb(52 52 52); border:1px solid #666;}